diff --git a/packages/components/src/components/button.css b/packages/components/src/components/button.css index eb0b24c818..11d5d21dc5 100644 --- a/packages/components/src/components/button.css +++ b/packages/components/src/components/button.css @@ -8,6 +8,11 @@ place-items: center; text-align: center; text-decoration-line: none; + + &::before { + /* Render zero-width character as first element to set the baseline correctly. */ + content: '\200B'; + } } /* TODO: Why we need this? */ :is(a, button) > kol-span-wc { diff --git a/packages/samples/react/src/components/button/baselined.tsx b/packages/samples/react/src/components/button/baselined.tsx new file mode 100644 index 0000000000..5399e2ebe9 --- /dev/null +++ b/packages/samples/react/src/components/button/baselined.tsx @@ -0,0 +1,13 @@ +import React from 'react'; +import { KolButton } from '@public-ui/react'; + +import { FC } from 'react'; + +export const ButtonBaselined: FC = () => ( +
+ + + + +
+); diff --git a/packages/samples/react/src/components/button/routes.ts b/packages/samples/react/src/components/button/routes.ts index 218767604e..124110eb3b 100644 --- a/packages/samples/react/src/components/button/routes.ts +++ b/packages/samples/react/src/components/button/routes.ts @@ -8,6 +8,7 @@ import { ButtonIcons } from './icons'; import { ButtonWidth } from './width'; import { ButtonAccessKey } from './access-key'; +import { ButtonBaselined } from './baselined'; export const BUTTON_ROUTES: Routes = { button: { @@ -16,5 +17,6 @@ export const BUTTON_ROUTES: Routes = { icons: ButtonIcons, width: ButtonWidth, 'access-key': ButtonAccessKey, + baselined: ButtonBaselined, }, }; diff --git a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-button-baselined-firefox-darwin.png b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-button-baselined-firefox-darwin.png new file mode 100644 index 0000000000..08081af075 Binary files /dev/null and b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-button-baselined-firefox-darwin.png differ diff --git a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-scenarios-appointment-form-firefox-darwin.png b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-scenarios-appointment-form-firefox-darwin.png new file mode 100644 index 0000000000..79b1d47c21 Binary files /dev/null and b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-scenarios-appointment-form-firefox-darwin.png differ diff --git a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-scenarios-complex-form-firefox-darwin.png b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-scenarios-complex-form-firefox-darwin.png new file mode 100644 index 0000000000..28009f3bcd Binary files /dev/null and b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-scenarios-complex-form-firefox-darwin.png differ diff --git a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-table-with-pagination-firefox-darwin.png b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-table-with-pagination-firefox-darwin.png new file mode 100644 index 0000000000..966947fc53 Binary files /dev/null and b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-table-with-pagination-firefox-darwin.png differ diff --git a/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-breadcrumb-basic-firefox-darwin.png b/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-breadcrumb-basic-firefox-darwin.png index 1952a513ec..c0c67a750c 100644 Binary files a/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-breadcrumb-basic-firefox-darwin.png and b/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-breadcrumb-basic-firefox-darwin.png differ diff --git a/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-button-access-key-firefox-darwin.png b/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-button-access-key-firefox-darwin.png index 8346b28e0d..83f539b3b5 100644 Binary files a/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-button-access-key-firefox-darwin.png and b/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-button-access-key-firefox-darwin.png differ diff --git a/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-button-baselined-firefox-darwin.png b/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-button-baselined-firefox-darwin.png new file mode 100644 index 0000000000..1cd13fe1a7 Binary files /dev/null and b/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-button-baselined-firefox-darwin.png differ diff --git a/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-button-icons-firefox-darwin.png b/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-button-icons-firefox-darwin.png index e2670ddd5b..04b622ddce 100644 Binary files a/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-button-icons-firefox-darwin.png and b/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-button-icons-firefox-darwin.png differ diff --git a/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-handout-basic-firefox-darwin.png b/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-handout-basic-firefox-darwin.png index f490e87ab4..7d947a8b6d 100644 Binary files a/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-handout-basic-firefox-darwin.png and b/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-handout-basic-firefox-darwin.png differ diff --git a/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-link-button-basic-firefox-darwin.png b/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-link-button-basic-firefox-darwin.png index ab86f0128b..e0fbddbc0c 100644 Binary files a/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-link-button-basic-firefox-darwin.png and b/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-link-button-basic-firefox-darwin.png differ diff --git a/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-link-icons-firefox-darwin.png b/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-link-icons-firefox-darwin.png index c0004cb7fb..97d5a051f2 100644 Binary files a/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-link-icons-firefox-darwin.png and b/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-link-icons-firefox-darwin.png differ diff --git a/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-link-image-firefox-darwin.png b/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-link-image-firefox-darwin.png index d4e2815224..86979303ab 100644 Binary files a/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-link-image-firefox-darwin.png and b/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-link-image-firefox-darwin.png differ diff --git a/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-link-target-firefox-darwin.png b/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-link-target-firefox-darwin.png index c819f46174..4931937410 100644 Binary files a/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-link-target-firefox-darwin.png and b/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-link-target-firefox-darwin.png differ diff --git a/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-popover-basic-firefox-darwin.png b/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-popover-basic-firefox-darwin.png index a5451ba4f3..07479a6e68 100644 Binary files a/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-popover-basic-firefox-darwin.png and b/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-popover-basic-firefox-darwin.png differ diff --git a/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-quote-block-firefox-darwin.png b/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-quote-block-firefox-darwin.png index 6dc9f4653d..22995ee0a0 100644 Binary files a/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-quote-block-firefox-darwin.png and b/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-quote-block-firefox-darwin.png differ diff --git a/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-scenarios-appointment-form-firefox-darwin.png b/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-scenarios-appointment-form-firefox-darwin.png new file mode 100644 index 0000000000..3388be7088 Binary files /dev/null and b/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-scenarios-appointment-form-firefox-darwin.png differ diff --git a/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-scenarios-complex-form-firefox-darwin.png b/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-scenarios-complex-form-firefox-darwin.png new file mode 100644 index 0000000000..dafd73b0ca Binary files /dev/null and b/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-scenarios-complex-form-firefox-darwin.png differ diff --git a/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-table-with-pagination-firefox-darwin.png b/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-table-with-pagination-firefox-darwin.png new file mode 100644 index 0000000000..aa96a19671 Binary files /dev/null and b/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-table-with-pagination-firefox-darwin.png differ diff --git a/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-textarea-adjust-height-firefox-darwin.png b/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-textarea-adjust-height-firefox-darwin.png index f041ebe605..969a77c349 100644 Binary files a/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-textarea-adjust-height-firefox-darwin.png and b/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-textarea-adjust-height-firefox-darwin.png differ diff --git a/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-textarea-basic-firefox-darwin.png b/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-textarea-basic-firefox-darwin.png index 4362d0b40a..55fa6bb8ad 100644 Binary files a/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-textarea-basic-firefox-darwin.png and b/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-textarea-basic-firefox-darwin.png differ diff --git a/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-textarea-disabled-firefox-darwin.png b/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-textarea-disabled-firefox-darwin.png index 268b2ab79c..35414f5f9a 100644 Binary files a/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-textarea-disabled-firefox-darwin.png and b/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-textarea-disabled-firefox-darwin.png differ diff --git a/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-textarea-placeholder-firefox-darwin.png b/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-textarea-placeholder-firefox-darwin.png index 4c39253c07..6fa3ca4cf8 100644 Binary files a/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-textarea-placeholder-firefox-darwin.png and b/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-textarea-placeholder-firefox-darwin.png differ diff --git a/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-textarea-readonly-firefox-darwin.png b/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-textarea-readonly-firefox-darwin.png index b5bebc10df..0d17ef8c83 100644 Binary files a/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-textarea-readonly-firefox-darwin.png and b/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-textarea-readonly-firefox-darwin.png differ diff --git a/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-textarea-resize-firefox-darwin.png b/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-textarea-resize-firefox-darwin.png index 852854b3a6..c4f4a3d257 100644 Binary files a/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-textarea-resize-firefox-darwin.png and b/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-textarea-resize-firefox-darwin.png differ diff --git a/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-textarea-rows-firefox-darwin.png b/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-textarea-rows-firefox-darwin.png index cd4d84d4b4..62bb8810c6 100644 Binary files a/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-textarea-rows-firefox-darwin.png and b/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-textarea-rows-firefox-darwin.png differ diff --git a/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-textarea-with-counter-firefox-darwin.png b/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-textarea-with-counter-firefox-darwin.png index 5d7b407510..9d8f473591 100644 Binary files a/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-textarea-with-counter-firefox-darwin.png and b/packages/themes/bzst/snapshots/theme-bzst/snapshot-for-textarea-with-counter-firefox-darwin.png differ diff --git a/packages/themes/bzst/src/index.ts b/packages/themes/bzst/src/index.ts index 9805a9b02f..61a574166d 100644 --- a/packages/themes/bzst/src/index.ts +++ b/packages/themes/bzst/src/index.ts @@ -165,7 +165,6 @@ export const BZSt = KoliBri.createTheme('bzst', { textarea { hyphens: auto; letter-spacing: inherit; - display: block; } /* a,button,caption,input,option,select,summary,table,textarea {font-size: 1rem;} */ summary { hyphens: auto; @@ -212,7 +211,14 @@ export const BZSt = KoliBri.createTheme('bzst', { --min-size: 2.75rem; display: inline-block; } - button { + :is(button, a) { + outline: none; + &::before { + /* Render zero-width character as first element to set the baseline correctly. */ + content: '\\200B'; + } + } + :is(button, a) > kol-span-wc { border-width: var(--border-size); border-style: solid; min-width: var(--min-size); @@ -233,64 +239,46 @@ export const BZSt = KoliBri.createTheme('bzst', { transition-duration: 0.5s; transition-property: background-color, color, border-color; } - button:hover:enabled { + :is(button, a):hover:enabled > kol-span-wc { text-decoration: underline; } - button:focus { + :is(button, a):focus > kol-span-wc { outline: var(--color-focus) solid 2px; } - button.primary, - button.primary:active, - button.primary:hover { + .primary :is(button, a) > kol-span-wc, + .primary :is(button, a):active > kol-span-wc, + .primary :is(button, a):hover > kol-span-wc { background-color: var(--background-color); border-color: var(--border-color); color: var(--color-weiss); } - button.secondary, - button.danger, - button.normal, - button.ghost { + .secondary :is(button, a) > kol-span-wc, + .danger :is(button, a) > kol-span-wc, + .normal :is(button, a) > kol-span-wc, + .ghost :is(button, a) > kol-span-wc { background-color: var(--color-weiss); border-color: var(--color-gruen-hell); color: var(--color-grau-dunkel); } - button.ghost { + .ghost :is(button, a) > kol-span-wc { background-color: transparent; color: inherit; border: calc(var(--border-size) * 2) solid transparent; } - button.secondary:active, - button.secondary:hover { + .secondary :is(button, a):active > kol-span-wc, + .secondary :is(button, a):hover > kol-span-wc { background-color: var(--background-color); border-color: var(--background-color); border-width: var(--border-size); color: var(--color-weiss); } - button:disabled, - button:disabled:hover { + :is(button, a):disabled > kol-span-wc, + :is(button, a):disabled:hover > kol-span-wc { background-color: var(--color-weiss); border-color: var(--color-grau-hell); color: var(--color-disabled); cursor: not-allowed; } - button > span { - display: flex; - gap: 0.5em; - margin: auto; - align-items: center; - justify-content: center; - } - button.icon-only { - padding: 0.5rem; - } - button.icon-only kol-icon { - display: inline-block; - width: 1.5em; - height: 1.5em; - } - button.loading kol-icon { - animation: spin 5s infinite linear; - } `, 'KOL-INPUT-TEXT': css` kol-input { @@ -2340,21 +2328,32 @@ export const BZSt = KoliBri.createTheme('bzst', { `, 'KOL-LINK-BUTTON': css` :host { + --background-color: var(--color-gruen-dunkel); + --border-color: var(--color-gruen-dunkel); + --border-size: 1px; + --min-size: 2.75rem; display: inline-block; - } /*-----------*/ - a { - border-width: 1px; + } + :is(button, a) { + outline: none; + &::before { + /* Render zero-width character as first element to set the baseline correctly. */ + content: '\\200B'; + } + } + :is(button, a) > kol-span-wc { + border-width: var(--border-size); border-style: solid; - min-width: 44px; - min-height: 44px; + min-width: var(--min-size); + min-height: var(--min-size); display: grid; gap: 0.25em; - line-height: 1.5rem; + line-height: 1.5; font-family: var(--font-family); - font-weight: 700; cursor: pointer; + font-size: var(--text-size); align-items: center; - padding: 8px 14px; + padding: 0.5rem 0.875rem !important; justify-content: center; font-style: normal; text-align: center; @@ -2363,56 +2362,46 @@ export const BZSt = KoliBri.createTheme('bzst', { transition-duration: 0.5s; transition-property: background-color, color, border-color; } - a:hover:enabled { + :is(button, a):hover:enabled > kol-span-wc { text-decoration: underline; } - .primary a, - .primary a:active, - .primary a:hover { - background-color: var(--color-gruen-dunkel); - border-color: var(--color-gruen-dunkel); + :is(button, a):focus > kol-span-wc { + outline: var(--color-focus) solid 2px; + } + .primary :is(button, a) > kol-span-wc, + .primary :is(button, a):active > kol-span-wc, + .primary :is(button, a):hover > kol-span-wc { + background-color: var(--background-color); + border-color: var(--border-color); color: var(--color-weiss); } - .secondary a, - .danger a, - .normal a, - .ghost a { + .secondary :is(button, a) > kol-span-wc, + .danger :is(button, a) > kol-span-wc, + .normal :is(button, a) > kol-span-wc, + .ghost :is(button, a) > kol-span-wc { background-color: var(--color-weiss); border-color: var(--color-gruen-hell); color: var(--color-grau-dunkel); } - .secondary a:active, - .secondary a:hover { - background-color: var(--color-gruen-dunkel); - border-color: var(--color-gruen-dunkel); - border-width: 1px; + .ghost :is(button, a) > kol-span-wc { + background-color: transparent; + color: inherit; + border: calc(var(--border-size) * 2) solid transparent; + } + .secondary :is(button, a):active > kol-span-wc, + .secondary :is(button, a):hover > kol-span-wc { + background-color: var(--background-color); + border-color: var(--background-color); + border-width: var(--border-size); color: var(--color-weiss); } - a:disabled, - a:disabled:hover { + :is(button, a):disabled > kol-span-wc, + :is(button, a):disabled:hover > kol-span-wc { background-color: var(--color-weiss); border-color: var(--color-grau-hell); - color: var(--color-graublau); + color: var(--color-disabled); cursor: not-allowed; } - a > span { - display: flex; - gap: 0.5em; - margin: auto; - align-items: center; - justify-content: center; - } - a.icon-only { - padding: 8px; - } - a.icon-only kol-icon { - display: inline-block; - width: 1.5em; - height: 1.5em; - } - a.loading kol-icon { - animation: spin 5s infinite linear; - } `, 'KOL-BUTTON-LINK': css` button { diff --git a/packages/themes/default/snapshots/theme-default/snapshot-for-button-baselined-firefox-darwin.png b/packages/themes/default/snapshots/theme-default/snapshot-for-button-baselined-firefox-darwin.png new file mode 100644 index 0000000000..718261ec45 Binary files /dev/null and b/packages/themes/default/snapshots/theme-default/snapshot-for-button-baselined-firefox-darwin.png differ diff --git a/packages/themes/default/snapshots/theme-default/snapshot-for-scenarios-appointment-form-firefox-darwin.png b/packages/themes/default/snapshots/theme-default/snapshot-for-scenarios-appointment-form-firefox-darwin.png new file mode 100644 index 0000000000..c683ce0a17 Binary files /dev/null and b/packages/themes/default/snapshots/theme-default/snapshot-for-scenarios-appointment-form-firefox-darwin.png differ diff --git a/packages/themes/default/snapshots/theme-default/snapshot-for-scenarios-complex-form-firefox-darwin.png b/packages/themes/default/snapshots/theme-default/snapshot-for-scenarios-complex-form-firefox-darwin.png new file mode 100644 index 0000000000..e7fc7bb8ca Binary files /dev/null and b/packages/themes/default/snapshots/theme-default/snapshot-for-scenarios-complex-form-firefox-darwin.png differ diff --git a/packages/themes/default/snapshots/theme-default/snapshot-for-table-with-pagination-firefox-darwin.png b/packages/themes/default/snapshots/theme-default/snapshot-for-table-with-pagination-firefox-darwin.png new file mode 100644 index 0000000000..da1a192563 Binary files /dev/null and b/packages/themes/default/snapshots/theme-default/snapshot-for-table-with-pagination-firefox-darwin.png differ diff --git a/packages/themes/ecl/snapshots/theme-ecl_ec/snapshot-for-button-baselined-firefox-darwin.png b/packages/themes/ecl/snapshots/theme-ecl_ec/snapshot-for-button-baselined-firefox-darwin.png new file mode 100644 index 0000000000..038653da47 Binary files /dev/null and b/packages/themes/ecl/snapshots/theme-ecl_ec/snapshot-for-button-baselined-firefox-darwin.png differ diff --git a/packages/themes/ecl/snapshots/theme-ecl_ec/snapshot-for-scenarios-appointment-form-firefox-darwin.png b/packages/themes/ecl/snapshots/theme-ecl_ec/snapshot-for-scenarios-appointment-form-firefox-darwin.png new file mode 100644 index 0000000000..5da70a0ec8 Binary files /dev/null and b/packages/themes/ecl/snapshots/theme-ecl_ec/snapshot-for-scenarios-appointment-form-firefox-darwin.png differ diff --git a/packages/themes/ecl/snapshots/theme-ecl_ec/snapshot-for-scenarios-complex-form-firefox-darwin.png b/packages/themes/ecl/snapshots/theme-ecl_ec/snapshot-for-scenarios-complex-form-firefox-darwin.png new file mode 100644 index 0000000000..070cbf23e2 Binary files /dev/null and b/packages/themes/ecl/snapshots/theme-ecl_ec/snapshot-for-scenarios-complex-form-firefox-darwin.png differ diff --git a/packages/themes/ecl/snapshots/theme-ecl_ec/snapshot-for-table-with-pagination-firefox-darwin.png b/packages/themes/ecl/snapshots/theme-ecl_ec/snapshot-for-table-with-pagination-firefox-darwin.png new file mode 100644 index 0000000000..a0b9f53766 Binary files /dev/null and b/packages/themes/ecl/snapshots/theme-ecl_ec/snapshot-for-table-with-pagination-firefox-darwin.png differ diff --git a/packages/themes/ecl/snapshots/theme-ecl_eu/snapshot-for-button-baselined-firefox-darwin.png b/packages/themes/ecl/snapshots/theme-ecl_eu/snapshot-for-button-baselined-firefox-darwin.png new file mode 100644 index 0000000000..cdfcc6c1a8 Binary files /dev/null and b/packages/themes/ecl/snapshots/theme-ecl_eu/snapshot-for-button-baselined-firefox-darwin.png differ diff --git a/packages/themes/ecl/snapshots/theme-ecl_eu/snapshot-for-scenarios-appointment-form-firefox-darwin.png b/packages/themes/ecl/snapshots/theme-ecl_eu/snapshot-for-scenarios-appointment-form-firefox-darwin.png new file mode 100644 index 0000000000..d7f6391cb8 Binary files /dev/null and b/packages/themes/ecl/snapshots/theme-ecl_eu/snapshot-for-scenarios-appointment-form-firefox-darwin.png differ diff --git a/packages/themes/ecl/snapshots/theme-ecl_eu/snapshot-for-scenarios-complex-form-firefox-darwin.png b/packages/themes/ecl/snapshots/theme-ecl_eu/snapshot-for-scenarios-complex-form-firefox-darwin.png new file mode 100644 index 0000000000..a4b7359380 Binary files /dev/null and b/packages/themes/ecl/snapshots/theme-ecl_eu/snapshot-for-scenarios-complex-form-firefox-darwin.png differ diff --git a/packages/themes/ecl/snapshots/theme-ecl_eu/snapshot-for-table-with-pagination-firefox-darwin.png b/packages/themes/ecl/snapshots/theme-ecl_eu/snapshot-for-table-with-pagination-firefox-darwin.png new file mode 100644 index 0000000000..9f0157efdd Binary files /dev/null and b/packages/themes/ecl/snapshots/theme-ecl_eu/snapshot-for-table-with-pagination-firefox-darwin.png differ diff --git a/packages/themes/itzbund/snapshots/theme-itzbund/snapshot-for-button-baselined-firefox-darwin.png b/packages/themes/itzbund/snapshots/theme-itzbund/snapshot-for-button-baselined-firefox-darwin.png new file mode 100644 index 0000000000..2be5522190 Binary files /dev/null and b/packages/themes/itzbund/snapshots/theme-itzbund/snapshot-for-button-baselined-firefox-darwin.png differ diff --git a/packages/themes/itzbund/snapshots/theme-itzbund/snapshot-for-scenarios-appointment-form-firefox-darwin.png b/packages/themes/itzbund/snapshots/theme-itzbund/snapshot-for-scenarios-appointment-form-firefox-darwin.png new file mode 100644 index 0000000000..d2d500abd3 Binary files /dev/null and b/packages/themes/itzbund/snapshots/theme-itzbund/snapshot-for-scenarios-appointment-form-firefox-darwin.png differ diff --git a/packages/themes/itzbund/snapshots/theme-itzbund/snapshot-for-scenarios-complex-form-firefox-darwin.png b/packages/themes/itzbund/snapshots/theme-itzbund/snapshot-for-scenarios-complex-form-firefox-darwin.png new file mode 100644 index 0000000000..d7f26eba5e Binary files /dev/null and b/packages/themes/itzbund/snapshots/theme-itzbund/snapshot-for-scenarios-complex-form-firefox-darwin.png differ diff --git a/packages/themes/itzbund/snapshots/theme-itzbund/snapshot-for-table-with-pagination-firefox-darwin.png b/packages/themes/itzbund/snapshots/theme-itzbund/snapshot-for-table-with-pagination-firefox-darwin.png new file mode 100644 index 0000000000..a429479b7d Binary files /dev/null and b/packages/themes/itzbund/snapshots/theme-itzbund/snapshot-for-table-with-pagination-firefox-darwin.png differ diff --git a/packages/themes/mfm/snapshots/theme-mfm/snapshot-for-button-baselined-firefox-darwin.png b/packages/themes/mfm/snapshots/theme-mfm/snapshot-for-button-baselined-firefox-darwin.png new file mode 100644 index 0000000000..50c6fdbc4f Binary files /dev/null and b/packages/themes/mfm/snapshots/theme-mfm/snapshot-for-button-baselined-firefox-darwin.png differ diff --git a/packages/themes/mfm/snapshots/theme-mfm/snapshot-for-input-file-basic-firefox-darwin.png b/packages/themes/mfm/snapshots/theme-mfm/snapshot-for-input-file-basic-firefox-darwin.png index 4c80d78784..ff63ef142f 100644 Binary files a/packages/themes/mfm/snapshots/theme-mfm/snapshot-for-input-file-basic-firefox-darwin.png and b/packages/themes/mfm/snapshots/theme-mfm/snapshot-for-input-file-basic-firefox-darwin.png differ diff --git a/packages/themes/mfm/snapshots/theme-mfm/snapshot-for-scenarios-appointment-form-firefox-darwin.png b/packages/themes/mfm/snapshots/theme-mfm/snapshot-for-scenarios-appointment-form-firefox-darwin.png new file mode 100644 index 0000000000..2b9b64b80a Binary files /dev/null and b/packages/themes/mfm/snapshots/theme-mfm/snapshot-for-scenarios-appointment-form-firefox-darwin.png differ diff --git a/packages/themes/mfm/snapshots/theme-mfm/snapshot-for-scenarios-complex-form-firefox-darwin.png b/packages/themes/mfm/snapshots/theme-mfm/snapshot-for-scenarios-complex-form-firefox-darwin.png new file mode 100644 index 0000000000..3bd46f0997 Binary files /dev/null and b/packages/themes/mfm/snapshots/theme-mfm/snapshot-for-scenarios-complex-form-firefox-darwin.png differ diff --git a/packages/themes/mfm/snapshots/theme-mfm/snapshot-for-table-with-pagination-firefox-darwin.png b/packages/themes/mfm/snapshots/theme-mfm/snapshot-for-table-with-pagination-firefox-darwin.png new file mode 100644 index 0000000000..7ee7fd5ae2 Binary files /dev/null and b/packages/themes/mfm/snapshots/theme-mfm/snapshot-for-table-with-pagination-firefox-darwin.png differ diff --git a/packages/themes/zoll/snapshots/theme-mapz/snapshot-for-button-baselined-firefox-darwin.png b/packages/themes/zoll/snapshots/theme-mapz/snapshot-for-button-baselined-firefox-darwin.png new file mode 100644 index 0000000000..d11a8e1b1b Binary files /dev/null and b/packages/themes/zoll/snapshots/theme-mapz/snapshot-for-button-baselined-firefox-darwin.png differ diff --git a/packages/themes/zoll/snapshots/theme-mapz/snapshot-for-input-file-basic-firefox-darwin.png b/packages/themes/zoll/snapshots/theme-mapz/snapshot-for-input-file-basic-firefox-darwin.png index 71ade6b0fa..0745f0f70c 100644 Binary files a/packages/themes/zoll/snapshots/theme-mapz/snapshot-for-input-file-basic-firefox-darwin.png and b/packages/themes/zoll/snapshots/theme-mapz/snapshot-for-input-file-basic-firefox-darwin.png differ diff --git a/packages/themes/zoll/snapshots/theme-mapz/snapshot-for-input-range-basic-firefox-darwin.png b/packages/themes/zoll/snapshots/theme-mapz/snapshot-for-input-range-basic-firefox-darwin.png index 996b4b0e5d..30ed546613 100644 Binary files a/packages/themes/zoll/snapshots/theme-mapz/snapshot-for-input-range-basic-firefox-darwin.png and b/packages/themes/zoll/snapshots/theme-mapz/snapshot-for-input-range-basic-firefox-darwin.png differ diff --git a/packages/themes/zoll/snapshots/theme-mapz/snapshot-for-scenarios-appointment-form-firefox-darwin.png b/packages/themes/zoll/snapshots/theme-mapz/snapshot-for-scenarios-appointment-form-firefox-darwin.png new file mode 100644 index 0000000000..f6fd177e9b Binary files /dev/null and b/packages/themes/zoll/snapshots/theme-mapz/snapshot-for-scenarios-appointment-form-firefox-darwin.png differ diff --git a/packages/themes/zoll/snapshots/theme-mapz/snapshot-for-scenarios-complex-form-firefox-darwin.png b/packages/themes/zoll/snapshots/theme-mapz/snapshot-for-scenarios-complex-form-firefox-darwin.png new file mode 100644 index 0000000000..7a6023b43d Binary files /dev/null and b/packages/themes/zoll/snapshots/theme-mapz/snapshot-for-scenarios-complex-form-firefox-darwin.png differ diff --git a/packages/themes/zoll/snapshots/theme-mapz/snapshot-for-table-with-pagination-firefox-darwin.png b/packages/themes/zoll/snapshots/theme-mapz/snapshot-for-table-with-pagination-firefox-darwin.png new file mode 100644 index 0000000000..27522617d1 Binary files /dev/null and b/packages/themes/zoll/snapshots/theme-mapz/snapshot-for-table-with-pagination-firefox-darwin.png differ diff --git a/packages/themes/zoll/snapshots/theme-zollv2/snapshot-for-button-baselined-firefox-darwin.png b/packages/themes/zoll/snapshots/theme-zollv2/snapshot-for-button-baselined-firefox-darwin.png new file mode 100644 index 0000000000..521fe106a7 Binary files /dev/null and b/packages/themes/zoll/snapshots/theme-zollv2/snapshot-for-button-baselined-firefox-darwin.png differ diff --git a/packages/themes/zoll/snapshots/theme-zollv2/snapshot-for-scenarios-appointment-form-firefox-darwin.png b/packages/themes/zoll/snapshots/theme-zollv2/snapshot-for-scenarios-appointment-form-firefox-darwin.png new file mode 100644 index 0000000000..88b2a8e376 Binary files /dev/null and b/packages/themes/zoll/snapshots/theme-zollv2/snapshot-for-scenarios-appointment-form-firefox-darwin.png differ diff --git a/packages/themes/zoll/snapshots/theme-zollv2/snapshot-for-scenarios-complex-form-firefox-darwin.png b/packages/themes/zoll/snapshots/theme-zollv2/snapshot-for-scenarios-complex-form-firefox-darwin.png new file mode 100644 index 0000000000..94526101e4 Binary files /dev/null and b/packages/themes/zoll/snapshots/theme-zollv2/snapshot-for-scenarios-complex-form-firefox-darwin.png differ diff --git a/packages/themes/zoll/snapshots/theme-zollv2/snapshot-for-table-with-pagination-firefox-darwin.png b/packages/themes/zoll/snapshots/theme-zollv2/snapshot-for-table-with-pagination-firefox-darwin.png new file mode 100644 index 0000000000..824449ee15 Binary files /dev/null and b/packages/themes/zoll/snapshots/theme-zollv2/snapshot-for-table-with-pagination-firefox-darwin.png differ diff --git a/packages/themes/zoll/snapshots/theme-zollv3/snapshot-for-button-baselined-firefox-darwin.png b/packages/themes/zoll/snapshots/theme-zollv3/snapshot-for-button-baselined-firefox-darwin.png new file mode 100644 index 0000000000..b1373a90a4 Binary files /dev/null and b/packages/themes/zoll/snapshots/theme-zollv3/snapshot-for-button-baselined-firefox-darwin.png differ diff --git a/packages/themes/zoll/snapshots/theme-zollv3/snapshot-for-scenarios-appointment-form-firefox-darwin.png b/packages/themes/zoll/snapshots/theme-zollv3/snapshot-for-scenarios-appointment-form-firefox-darwin.png new file mode 100644 index 0000000000..08a70a1b7f Binary files /dev/null and b/packages/themes/zoll/snapshots/theme-zollv3/snapshot-for-scenarios-appointment-form-firefox-darwin.png differ diff --git a/packages/themes/zoll/snapshots/theme-zollv3/snapshot-for-scenarios-complex-form-firefox-darwin.png b/packages/themes/zoll/snapshots/theme-zollv3/snapshot-for-scenarios-complex-form-firefox-darwin.png new file mode 100644 index 0000000000..2892f71771 Binary files /dev/null and b/packages/themes/zoll/snapshots/theme-zollv3/snapshot-for-scenarios-complex-form-firefox-darwin.png differ diff --git a/packages/themes/zoll/snapshots/theme-zollv3/snapshot-for-table-with-pagination-firefox-darwin.png b/packages/themes/zoll/snapshots/theme-zollv3/snapshot-for-table-with-pagination-firefox-darwin.png new file mode 100644 index 0000000000..c5be004ea4 Binary files /dev/null and b/packages/themes/zoll/snapshots/theme-zollv3/snapshot-for-table-with-pagination-firefox-darwin.png differ diff --git a/packages/tools/visual-tests/tests/sample-app.routes.js b/packages/tools/visual-tests/tests/sample-app.routes.js index 3703925387..07b58919fb 100644 --- a/packages/tools/visual-tests/tests/sample-app.routes.js +++ b/packages/tools/visual-tests/tests/sample-app.routes.js @@ -110,6 +110,11 @@ ROUTES.set('button/access-key', { skipFailures: false, }, }); +ROUTES.set('button/baselined', { + axe: { + skipFailures: false, + }, +}); ROUTES.set('card/basic', { axe: { skipFailures: false, @@ -324,6 +329,11 @@ ROUTES.set('table/sort-data', { skipFailures: false, }, }); +ROUTES.set('table/with-pagination', { + axe: { + skipFailures: false, + }, +}); ROUTES.set('tabs/basic', { axe: { skipFailures: false, @@ -385,3 +395,13 @@ ROUTES.set('version/context', { skipFailures: false, }, }); +ROUTES.set('scenarios/complex-form', { + axe: { + skipFailures: false, + }, +}); +ROUTES.set('scenarios/appointment-form', { + axe: { + skipFailures: false, + }, +});