-
Text in einer linken Spalte
+
Text in a left-hand column
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quidem sed fugiat dolorum ratione et, ullam officia nobis nihil debitis, consectetur
dicta accusantium. Vitae debitis, quibusdam vel recusandae deleniti placeat dolorem?
diff --git a/packages/samples/react/src/components/breadcrumb/basic.tsx b/packages/samples/react/src/components/breadcrumb/basic.tsx
index 03aaf3a9c0..0ad4f991e5 100644
--- a/packages/samples/react/src/components/breadcrumb/basic.tsx
+++ b/packages/samples/react/src/components/breadcrumb/basic.tsx
@@ -15,43 +15,43 @@ export const BreadcrumbBasic: FC = () => (
(
- In diesem Absatz wird ein Link gesetzt, der keine weiteren Attribute enthält. Er wird standardmäßig als{' '}
- inline-Element ausgegeben.
+ In this paragraph, a link is inserted that contains no additional attributes. It is rendered by default as an{' '}
+ inline element.
- In diesem Absatz wird ein Link gesetzt, der einmal als inline-block-Element ausgegeben wird.{' '}
- . Damit kann man mir per CSS-Styles eine
- Breite, eine Höhe und andere Eigenschaften zuweisen.
+ In this paragraph, a link is inserted that is rendered as an inline-block element.
+ . This allows you to assign width,
+ height, and other properties to it using CSS styles.
- Danach folgt ein Link, der als block-Element ausgegeben wird.
+ After that, there is a link that is rendered as a block element.
- Daher gehe ich über die ganze Breite des Eltern-Elements erzeuge so einen Zeilenumbruch.
+ Therefore, I go over the entire width of the parent element to create a line break.
diff --git a/packages/samples/react/src/components/button-link/icons.tsx b/packages/samples/react/src/components/button-link/icons.tsx
index 6cd6066493..873bd55fd8 100644
--- a/packages/samples/react/src/components/button-link/icons.tsx
+++ b/packages/samples/react/src/components/button-link/icons.tsx
@@ -17,19 +17,19 @@ export const ButtonLinkIcons: FC = () => (
_icons={{
right: 'codicon codicon-home',
}}
- _label="Ich bin ein Link mit Icon rechts"
+ _label="I am a link with an icon on the right"
/>
(
bottom: 'codicon codicon-home',
left: 'codicon codicon-home',
}}
- _label="Ich bin ein Link mit allen Icons"
+ _label="I am a link with all icons"
/>
>
diff --git a/packages/samples/react/src/components/button-link/image.tsx b/packages/samples/react/src/components/button-link/image.tsx
index 3611c4805d..e3f219fb5c 100644
--- a/packages/samples/react/src/components/button-link/image.tsx
+++ b/packages/samples/react/src/components/button-link/image.tsx
@@ -12,10 +12,10 @@ export const ButtonLinkImage: FC = () => (
-
+
-
+
>
diff --git a/packages/samples/react/src/components/button/access-key.tsx b/packages/samples/react/src/components/button/access-key.tsx
index 37d8fcd35f..d7ee37dcad 100644
--- a/packages/samples/react/src/components/button/access-key.tsx
+++ b/packages/samples/react/src/components/button/access-key.tsx
@@ -14,12 +14,12 @@ export const ButtonAccessKey: FC = () => (
-
-
-
-
+
+
+
+
alert('Klick!'),
+ onClick: () => alert('Click!'),
},
};
diff --git a/packages/samples/react/src/components/drawer/basic.tsx b/packages/samples/react/src/components/drawer/basic.tsx
index a2c24c3a53..47e9c92914 100644
--- a/packages/samples/react/src/components/drawer/basic.tsx
+++ b/packages/samples/react/src/components/drawer/basic.tsx
@@ -33,7 +33,7 @@ export const DrawerBasic: FC = () => {
setAlign(value as AlignPropType)} />
-
console.log('Drawer onClose triggered!') }}>
+ console.log('Drawer onClose triggered!') }}>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
voluptua.
@@ -45,7 +45,7 @@ export const DrawerBasic: FC = () => {
ref={drawerModalElement}
_modal
_align={align}
- _label="Ich bin ein Drawer Modal"
+ _label="I am a Drawer Modal"
_on={{ onClose: () => console.log('Drawer Modal onClose triggered!') }}
>
diff --git a/packages/samples/react/src/components/handout/basic.tsx b/packages/samples/react/src/components/handout/basic.tsx
index c87bb50905..6b3e061867 100644
--- a/packages/samples/react/src/components/handout/basic.tsx
+++ b/packages/samples/react/src/components/handout/basic.tsx
@@ -48,18 +48,18 @@ const TABLE_HEADERS: KoliBriTableHeaders = {
asTd: true,
},
{
- label: 'Werktage',
+ label: 'Workdays',
colSpan: 5,
},
{
- label: 'Wochenende',
+ label: 'Weekend',
colSpan: 2,
},
],
[
{
- key: 'montag',
- label: 'Montag',
+ key: 'monday',
+ label: 'Monday',
render: (el, cell) => {
const renderElement = document.createElement('div');
renderElement.setAttribute('role', 'presentation');
@@ -69,10 +69,10 @@ const TABLE_HEADERS: KoliBriTableHeaders = {
},
sort: (data) => {
return data.sort((first, second) => {
- if ((first as TableDataType).montag < (second as TableDataType).montag) {
+ if ((first as TableDataType).monday < (second as TableDataType).monday) {
return -1;
}
- if ((first as TableDataType).montag > (second as TableDataType).montag) {
+ if ((first as TableDataType).monday > (second as TableDataType).monday) {
return 1;
}
return 0;
@@ -82,8 +82,8 @@ const TABLE_HEADERS: KoliBriTableHeaders = {
textAlign: 'right',
},
{
- key: 'dienstag',
- label: 'Dienstag',
+ key: 'tuesday',
+ label: 'Tuesday',
render: (el, cell) => {
const renderElement = document.createElement('div');
renderElement.setAttribute('role', 'presentation');
@@ -93,10 +93,10 @@ const TABLE_HEADERS: KoliBriTableHeaders = {
},
sort: (data) => {
return data.sort((first, second) => {
- if ((first as TableDataType).dienstag < (second as TableDataType).dienstag) {
+ if ((first as TableDataType).tuesday < (second as TableDataType).tuesday) {
return -1;
}
- if ((first as TableDataType).dienstag > (second as TableDataType).dienstag) {
+ if ((first as TableDataType).tuesday > (second as TableDataType).tuesday) {
return 1;
}
return 0;
@@ -105,8 +105,8 @@ const TABLE_HEADERS: KoliBriTableHeaders = {
sortDirection: 'DESC',
},
{
- key: 'mittwoch',
- label: 'Mittwoch',
+ key: 'wednesday',
+ label: 'Wednesday',
render: (el, cell) => {
const renderElement = document.createElement('div');
renderElement.setAttribute('role', 'presentation');
@@ -116,8 +116,8 @@ const TABLE_HEADERS: KoliBriTableHeaders = {
},
},
{
- key: 'donnerstag',
- label: 'Donnerstag',
+ key: 'thursday',
+ label: 'Thursday',
render: (el, cell) => {
const renderElement = document.createElement('div');
renderElement.setAttribute('role', 'presentation');
@@ -127,8 +127,8 @@ const TABLE_HEADERS: KoliBriTableHeaders = {
},
},
{
- key: 'freitag',
- label: 'Freitag',
+ key: 'friday',
+ label: 'Friday',
render: (el, cell) => {
const renderElement = document.createElement('div');
renderElement.setAttribute('role', 'presentation');
@@ -138,8 +138,8 @@ const TABLE_HEADERS: KoliBriTableHeaders = {
},
},
{
- key: 'samstag',
- label: 'Samstag',
+ key: 'saturday',
+ label: 'Saturday',
render: (el, cell) => {
const renderElement = document.createElement('div');
renderElement.setAttribute('role', 'presentation');
@@ -149,8 +149,8 @@ const TABLE_HEADERS: KoliBriTableHeaders = {
},
},
{
- key: 'sonntag',
- label: 'Sonntag',
+ key: 'sunday',
+ label: 'Sunday',
render: (el, cell) => {
const renderElement = document.createElement('div');
renderElement.setAttribute('role', 'presentation');
@@ -164,16 +164,16 @@ const TABLE_HEADERS: KoliBriTableHeaders = {
vertical: [
[
{
- label: 'Früh',
+ label: 'Early',
},
{
- label: 'Mittag',
+ label: 'Noon',
},
{
- label: 'Abend',
+ label: 'Evening',
},
{
- label: 'Nacht',
+ label: 'Night',
},
],
],
@@ -199,13 +199,13 @@ export const HandoutBasic: FC = () => (
-
-
-
-
-
-
-
+
+
+
+
+
+
+
{/*
@@ -233,32 +233,32 @@ export const HandoutBasic: FC = () => (
- Ich bin eine{' '}
-
+ I am a{' '}
+
ABB
{' '}
- mit Tooltip oben
+ with tooltip at the top
- Ich bin eine{' '}
-
+ I am a{' '}
+
ABB
{' '}
- mit Tooltip rechts
+ with tooltip on the right
- Ich bin eine{' '}
-
+ I am a{' '}
+
ABB
{' '}
- mit Tooltip unten
+ with tooltip at the bottom
- Ich bin eine{' '}
-
+ I am a{' '}
+
ABB
{' '}
- mit Tooltip links
+ with tooltip on the left
@@ -330,22 +330,22 @@ export const HandoutBasic: FC = () => (
-
-
-
-
+
+
+
+
- Ich bin ein im Fließtext.
+ I am a in the running text.
-
-
-
+
+
+
- Ich bin ein im Fließtext.
+ I am a in the running text.
(
(
-
-
-
-
+
+
+
+
-
-
-
-
-
+
+
+
+
+
-
+
- Ich akzeptiere die AGB.
+ I accept the AGB.
@@ -478,7 +478,7 @@ export const HandoutBasic: FC = () => (
-
+
diff --git a/packages/samples/react/src/components/handout/table-data.ts b/packages/samples/react/src/components/handout/table-data.ts
index 4ddc06137b..5a3a7f71cf 100644
--- a/packages/samples/react/src/components/handout/table-data.ts
+++ b/packages/samples/react/src/components/handout/table-data.ts
@@ -1,543 +1,543 @@
export const TABLE_DATA = [
{
- montag: 'Alex',
- dienstag: 'Anna',
- mittwoch: 'Amalia',
- donnerstag: 'Arthur',
- freitag: 'Alex',
- samstag: 'Andrea',
- sonntag: 'Arnold',
- },
- {
- montag: 'Helena',
- dienstag: 'Fabian',
- mittwoch: 'Marie',
- donnerstag: 'Ben',
- freitag: 'Marcus',
- samstag: 'Alex',
- sonntag: 'Marcus',
- },
- {
- montag: 'Fabian',
- dienstag: 'Helena',
- mittwoch: 'Fabian',
- donnerstag: 'Maya',
- freitag: 'Ben',
- samstag: 'Alex',
- sonntag: 'Helena',
- },
- {
- montag: 'Hong',
- dienstag: 'Alex',
- mittwoch: 'Kevin',
- donnerstag: 'Maya',
- freitag: 'Fabian',
- samstag: 'Helena',
- sonntag: 'Alex',
- },
- {
- montag: 'Hong',
- dienstag: 'Alex',
- mittwoch: 'Kevin',
- donnerstag: 'Maya',
- freitag: 'Fabian',
- samstag: 'Helena',
- sonntag: 'Alex',
- },
- {
- montag: 'Hong',
- dienstag: 'Alex',
- mittwoch: 'Kevin',
- donnerstag: 'Maya',
- freitag: 'Fabian',
- samstag: 'Helena',
- sonntag: 'Alex',
- },
- {
- montag: 'Hong',
- dienstag: 'Alex',
- mittwoch: 'Kevin',
- donnerstag: 'Maya',
- freitag: 'Fabian',
- samstag: 'Helena',
- sonntag: 'Alex',
- },
- {
- montag: 'Hong',
- dienstag: 'Alex',
- mittwoch: 'Kevin',
- donnerstag: 'Maya',
- freitag: 'Fabian',
- samstag: 'Helena',
- sonntag: 'Alex',
- },
- {
- montag: 'Hong',
- dienstag: 'Alex',
- mittwoch: 'Kevin',
- donnerstag: 'Maya',
- freitag: 'Fabian',
- samstag: 'Helena',
- sonntag: 'Alex',
- },
- {
- montag: 'Samuel',
- dienstag: 'Selena',
- mittwoch: 'Sandra',
- donnerstag: 'Salim',
- freitag: 'Robert',
- samstag: 'Richard',
- sonntag: 'Pamela',
- },
- {
- montag: 'Samuel',
- dienstag: 'Selena',
- mittwoch: 'Sandra',
- donnerstag: 'Salim',
- freitag: 'Robert',
- samstag: 'Richard',
- sonntag: 'Pamela',
- },
- {
- montag: 'Finn',
- dienstag: 'Roger',
- mittwoch: 'Christian',
- donnerstag: 'Caspar',
- freitag: 'David',
- samstag: 'Bernard',
- sonntag: 'Anna',
- },
- {
- montag: 'Alex',
- dienstag: 'Anna',
- mittwoch: 'Amalia',
- donnerstag: 'Arthur',
- freitag: 'Alex',
- samstag: 'Andrea',
- sonntag: 'Arnold',
- },
- {
- montag: 'Helena',
- dienstag: 'Fabian',
- mittwoch: 'Marie',
- donnerstag: 'Ben',
- freitag: 'Marcus',
- samstag: 'Alex',
- sonntag: 'Marcus',
- },
- {
- montag: 'Fabian',
- dienstag: 'Helena',
- mittwoch: 'Fabian',
- donnerstag: 'Maya',
- freitag: 'Ben',
- samstag: 'Alex',
- sonntag: 'Helena',
- },
- {
- montag: 'Hong',
- dienstag: 'Alex',
- mittwoch: 'Kevin',
- donnerstag: 'Maya',
- freitag: 'Fabian',
- samstag: 'Helena',
- sonntag: 'Alex',
- },
- {
- montag: 'Hong',
- dienstag: 'Alex',
- mittwoch: 'Kevin',
- donnerstag: 'Maya',
- freitag: 'Fabian',
- samstag: 'Helena',
- sonntag: 'Alex',
- },
- {
- montag: 'Hong',
- dienstag: 'Alex',
- mittwoch: 'Kevin',
- donnerstag: 'Maya',
- freitag: 'Fabian',
- samstag: 'Helena',
- sonntag: 'Alex',
- },
- {
- montag: 'Hong',
- dienstag: 'Alex',
- mittwoch: 'Kevin',
- donnerstag: 'Maya',
- freitag: 'Fabian',
- samstag: 'Helena',
- sonntag: 'Alex',
- },
- {
- montag: 'Hong',
- dienstag: 'Alex',
- mittwoch: 'Kevin',
- donnerstag: 'Maya',
- freitag: 'Fabian',
- samstag: 'Helena',
- sonntag: 'Alex',
- },
- {
- montag: 'Hong',
- dienstag: 'Alex',
- mittwoch: 'Kevin',
- donnerstag: 'Maya',
- freitag: 'Fabian',
- samstag: 'Helena',
- sonntag: 'Alex',
- },
- {
- montag: 'Samuel',
- dienstag: 'Selena',
- mittwoch: 'Sandra',
- donnerstag: 'Salim',
- freitag: 'Robert',
- samstag: 'Richard',
- sonntag: 'Pamela',
- },
- {
- montag: 'Samuel',
- dienstag: 'Selena',
- mittwoch: 'Sandra',
- donnerstag: 'Salim',
- freitag: 'Robert',
- samstag: 'Richard',
- sonntag: 'Pamela',
- },
- {
- montag: 'Finn',
- dienstag: 'Roger',
- mittwoch: 'Christian',
- donnerstag: 'Caspar',
- freitag: 'David',
- samstag: 'Bernard',
- sonntag: 'Anna',
- },
- {
- montag: 'Alex',
- dienstag: 'Anna',
- mittwoch: 'Amalia',
- donnerstag: 'Arthur',
- freitag: 'Alex',
- samstag: 'Andrea',
- sonntag: 'Arnold',
- },
- {
- montag: 'Helena',
- dienstag: 'Fabian',
- mittwoch: 'Marie',
- donnerstag: 'Ben',
- freitag: 'Marcus',
- samstag: 'Alex',
- sonntag: 'Marcus',
- },
- {
- montag: 'Fabian',
- dienstag: 'Helena',
- mittwoch: 'Fabian',
- donnerstag: 'Maya',
- freitag: 'Ben',
- samstag: 'Alex',
- sonntag: 'Helena',
- },
- {
- montag: 'Hong',
- dienstag: 'Alex',
- mittwoch: 'Kevin',
- donnerstag: 'Maya',
- freitag: 'Fabian',
- samstag: 'Helena',
- sonntag: 'Alex',
- },
- {
- montag: 'Hong',
- dienstag: 'Alex',
- mittwoch: 'Kevin',
- donnerstag: 'Maya',
- freitag: 'Fabian',
- samstag: 'Helena',
- sonntag: 'Alex',
- },
- {
- montag: 'Hong',
- dienstag: 'Alex',
- mittwoch: 'Kevin',
- donnerstag: 'Maya',
- freitag: 'Fabian',
- samstag: 'Helena',
- sonntag: 'Alex',
- },
- {
- montag: 'Hong',
- dienstag: 'Alex',
- mittwoch: 'Kevin',
- donnerstag: 'Maya',
- freitag: 'Fabian',
- samstag: 'Helena',
- sonntag: 'Alex',
- },
- {
- montag: 'Hong',
- dienstag: 'Alex',
- mittwoch: 'Kevin',
- donnerstag: 'Maya',
- freitag: 'Fabian',
- samstag: 'Helena',
- sonntag: 'Alex',
- },
- {
- montag: 'Hong',
- dienstag: 'Alex',
- mittwoch: 'Kevin',
- donnerstag: 'Maya',
- freitag: 'Fabian',
- samstag: 'Helena',
- sonntag: 'Alex',
- },
- {
- montag: 'Samuel',
- dienstag: 'Selena',
- mittwoch: 'Sandra',
- donnerstag: 'Salim',
- freitag: 'Robert',
- samstag: 'Richard',
- sonntag: 'Pamela',
- },
- {
- montag: 'Samuel',
- dienstag: 'Selena',
- mittwoch: 'Sandra',
- donnerstag: 'Salim',
- freitag: 'Robert',
- samstag: 'Richard',
- sonntag: 'Pamela',
- },
- {
- montag: 'Finn',
- dienstag: 'Roger',
- mittwoch: 'Christian',
- donnerstag: 'Caspar',
- freitag: 'David',
- samstag: 'Bernard',
- sonntag: 'Anna',
- },
- {
- montag: 'Alex',
- dienstag: 'Anna',
- mittwoch: 'Amalia',
- donnerstag: 'Arthur',
- freitag: 'Alex',
- samstag: 'Andrea',
- sonntag: 'Arnold',
- },
- {
- montag: 'Helena',
- dienstag: 'Fabian',
- mittwoch: 'Marie',
- donnerstag: 'Ben',
- freitag: 'Marcus',
- samstag: 'Alex',
- sonntag: 'Marcus',
- },
- {
- montag: 'Fabian',
- dienstag: 'Helena',
- mittwoch: 'Fabian',
- donnerstag: 'Maya',
- freitag: 'Ben',
- samstag: 'Alex',
- sonntag: 'Helena',
- },
- {
- montag: 'Hong',
- dienstag: 'Alex',
- mittwoch: 'Kevin',
- donnerstag: 'Maya',
- freitag: 'Fabian',
- samstag: 'Helena',
- sonntag: 'Alex',
- },
- {
- montag: 'Hong',
- dienstag: 'Alex',
- mittwoch: 'Kevin',
- donnerstag: 'Maya',
- freitag: 'Fabian',
- samstag: 'Helena',
- sonntag: 'Alex',
- },
- {
- montag: 'Hong',
- dienstag: 'Alex',
- mittwoch: 'Kevin',
- donnerstag: 'Maya',
- freitag: 'Fabian',
- samstag: 'Helena',
- sonntag: 'Alex',
- },
- {
- montag: 'Hong',
- dienstag: 'Alex',
- mittwoch: 'Kevin',
- donnerstag: 'Maya',
- freitag: 'Fabian',
- samstag: 'Helena',
- sonntag: 'Alex',
- },
- {
- montag: 'Hong',
- dienstag: 'Alex',
- mittwoch: 'Kevin',
- donnerstag: 'Maya',
- freitag: 'Fabian',
- samstag: 'Helena',
- sonntag: 'Alex',
- },
- {
- montag: 'Hong',
- dienstag: 'Alex',
- mittwoch: 'Kevin',
- donnerstag: 'Maya',
- freitag: 'Fabian',
- samstag: 'Helena',
- sonntag: 'Alex',
- },
- {
- montag: 'Samuel',
- dienstag: 'Selena',
- mittwoch: 'Sandra',
- donnerstag: 'Salim',
- freitag: 'Robert',
- samstag: 'Richard',
- sonntag: 'Pamela',
- },
- {
- montag: 'Samuel',
- dienstag: 'Selena',
- mittwoch: 'Sandra',
- donnerstag: 'Salim',
- freitag: 'Robert',
- samstag: 'Richard',
- sonntag: 'Pamela',
- },
- {
- montag: 'Finn',
- dienstag: 'Roger',
- mittwoch: 'Christian',
- donnerstag: 'Caspar',
- freitag: 'David',
- samstag: 'Bernard',
- sonntag: 'Anna',
- },
- {
- montag: 'Alex',
- dienstag: 'Anna',
- mittwoch: 'Amalia',
- donnerstag: 'Arthur',
- freitag: 'Alex',
- samstag: 'Andrea',
- sonntag: 'Arnold',
- },
- {
- montag: 'Helena',
- dienstag: 'Fabian',
- mittwoch: 'Marie',
- donnerstag: 'Ben',
- freitag: 'Marcus',
- samstag: 'Alex',
- sonntag: 'Marcus',
- },
- {
- montag: 'Fabian',
- dienstag: 'Helena',
- mittwoch: 'Fabian',
- donnerstag: 'Maya',
- freitag: 'Ben',
- samstag: 'Alex',
- sonntag: 'Helena',
- },
- {
- montag: 'Hong',
- dienstag: 'Alex',
- mittwoch: 'Kevin',
- donnerstag: 'Maya',
- freitag: 'Fabian',
- samstag: 'Helena',
- sonntag: 'Alex',
- },
- {
- montag: 'Hong',
- dienstag: 'Alex',
- mittwoch: 'Kevin',
- donnerstag: 'Maya',
- freitag: 'Fabian',
- samstag: 'Helena',
- sonntag: 'Alex',
- },
- {
- montag: 'Hong',
- dienstag: 'Alex',
- mittwoch: 'Kevin',
- donnerstag: 'Maya',
- freitag: 'Fabian',
- samstag: 'Helena',
- sonntag: 'Alex',
- },
- {
- montag: 'Hong',
- dienstag: 'Alex',
- mittwoch: 'Kevin',
- donnerstag: 'Maya',
- freitag: 'Fabian',
- samstag: 'Helena',
- sonntag: 'Alex',
- },
- {
- montag: 'Hong',
- dienstag: 'Alex',
- mittwoch: 'Kevin',
- donnerstag: 'Maya',
- freitag: 'Fabian',
- samstag: 'Helena',
- sonntag: 'Alex',
- },
- {
- montag: 'Hong',
- dienstag: 'Alex',
- mittwoch: 'Kevin',
- donnerstag: 'Maya',
- freitag: 'Fabian',
- samstag: 'Helena',
- sonntag: 'Alex',
- },
- {
- montag: 'Samuel',
- dienstag: 'Selena',
- mittwoch: 'Sandra',
- donnerstag: 'Salim',
- freitag: 'Robert',
- samstag: 'Richard',
- sonntag: 'Pamela',
- },
- {
- montag: 'Samuel',
- dienstag: 'Selena',
- mittwoch: 'Sandra',
- donnerstag: 'Salim',
- freitag: 'Robert',
- samstag: 'Richard',
- sonntag: 'Pamela',
- },
- {
- montag: 'Finn',
- dienstag: 'Roger',
- mittwoch: 'Christian',
- donnerstag: 'Caspar',
- freitag: 'David',
- samstag: 'Bernard',
- sonntag: 'Anna',
+ monday: 'Alex',
+ tuesday: 'Anna',
+ wednesday: 'Amalia',
+ thursday: 'Arthur',
+ friday: 'Alex',
+ saturday: 'Andrea',
+ sunday: 'Arnold',
+ },
+ {
+ monday: 'Helena',
+ tuesday: 'Fabian',
+ wednesday: 'Marie',
+ thursday: 'Ben',
+ friday: 'Marcus',
+ saturday: 'Alex',
+ sunday: 'Marcus',
+ },
+ {
+ monday: 'Fabian',
+ tuesday: 'Helena',
+ wednesday: 'Fabian',
+ thursday: 'Maya',
+ friday: 'Ben',
+ saturday: 'Alex',
+ sunday: 'Helena',
+ },
+ {
+ monday: 'Hong',
+ tuesday: 'Alex',
+ wednesday: 'Kevin',
+ thursday: 'Maya',
+ friday: 'Fabian',
+ saturday: 'Helena',
+ sunday: 'Alex',
+ },
+ {
+ monday: 'Hong',
+ tuesday: 'Alex',
+ wednesday: 'Kevin',
+ thursday: 'Maya',
+ friday: 'Fabian',
+ saturday: 'Helena',
+ sunday: 'Alex',
+ },
+ {
+ monday: 'Hong',
+ tuesday: 'Alex',
+ wednesday: 'Kevin',
+ thursday: 'Maya',
+ friday: 'Fabian',
+ saturday: 'Helena',
+ sunday: 'Alex',
+ },
+ {
+ monday: 'Hong',
+ tuesday: 'Alex',
+ wednesday: 'Kevin',
+ thursday: 'Maya',
+ friday: 'Fabian',
+ saturday: 'Helena',
+ sunday: 'Alex',
+ },
+ {
+ monday: 'Hong',
+ tuesday: 'Alex',
+ wednesday: 'Kevin',
+ thursday: 'Maya',
+ friday: 'Fabian',
+ saturday: 'Helena',
+ sunday: 'Alex',
+ },
+ {
+ monday: 'Hong',
+ tuesday: 'Alex',
+ wednesday: 'Kevin',
+ thursday: 'Maya',
+ friday: 'Fabian',
+ saturday: 'Helena',
+ sunday: 'Alex',
+ },
+ {
+ monday: 'Samuel',
+ tuesday: 'Selena',
+ wednesday: 'Sandra',
+ thursday: 'Salim',
+ friday: 'Robert',
+ saturday: 'Richard',
+ sunday: 'Pamela',
+ },
+ {
+ monday: 'Samuel',
+ tuesday: 'Selena',
+ wednesday: 'Sandra',
+ thursday: 'Salim',
+ friday: 'Robert',
+ saturday: 'Richard',
+ sunday: 'Pamela',
+ },
+ {
+ monday: 'Finn',
+ tuesday: 'Roger',
+ wednesday: 'Christian',
+ thursday: 'Caspar',
+ friday: 'David',
+ saturday: 'Bernard',
+ sunday: 'Anna',
+ },
+ {
+ monday: 'Alex',
+ tuesday: 'Anna',
+ wednesday: 'Amalia',
+ thursday: 'Arthur',
+ friday: 'Alex',
+ saturday: 'Andrea',
+ sunday: 'Arnold',
+ },
+ {
+ monday: 'Helena',
+ tuesday: 'Fabian',
+ wednesday: 'Marie',
+ thursday: 'Ben',
+ friday: 'Marcus',
+ saturday: 'Alex',
+ sunday: 'Marcus',
+ },
+ {
+ monday: 'Fabian',
+ tuesday: 'Helena',
+ wednesday: 'Fabian',
+ thursday: 'Maya',
+ friday: 'Ben',
+ saturday: 'Alex',
+ sunday: 'Helena',
+ },
+ {
+ monday: 'Hong',
+ tuesday: 'Alex',
+ wednesday: 'Kevin',
+ thursday: 'Maya',
+ friday: 'Fabian',
+ saturday: 'Helena',
+ sunday: 'Alex',
+ },
+ {
+ monday: 'Hong',
+ tuesday: 'Alex',
+ wednesday: 'Kevin',
+ thursday: 'Maya',
+ friday: 'Fabian',
+ saturday: 'Helena',
+ sunday: 'Alex',
+ },
+ {
+ monday: 'Hong',
+ tuesday: 'Alex',
+ wednesday: 'Kevin',
+ thursday: 'Maya',
+ friday: 'Fabian',
+ saturday: 'Helena',
+ sunday: 'Alex',
+ },
+ {
+ monday: 'Hong',
+ tuesday: 'Alex',
+ wednesday: 'Kevin',
+ thursday: 'Maya',
+ friday: 'Fabian',
+ saturday: 'Helena',
+ sunday: 'Alex',
+ },
+ {
+ monday: 'Hong',
+ tuesday: 'Alex',
+ wednesday: 'Kevin',
+ thursday: 'Maya',
+ friday: 'Fabian',
+ saturday: 'Helena',
+ sunday: 'Alex',
+ },
+ {
+ monday: 'Hong',
+ tuesday: 'Alex',
+ wednesday: 'Kevin',
+ thursday: 'Maya',
+ friday: 'Fabian',
+ saturday: 'Helena',
+ sunday: 'Alex',
+ },
+ {
+ monday: 'Samuel',
+ tuesday: 'Selena',
+ wednesday: 'Sandra',
+ thursday: 'Salim',
+ friday: 'Robert',
+ saturday: 'Richard',
+ sunday: 'Pamela',
+ },
+ {
+ monday: 'Samuel',
+ tuesday: 'Selena',
+ wednesday: 'Sandra',
+ thursday: 'Salim',
+ friday: 'Robert',
+ saturday: 'Richard',
+ sunday: 'Pamela',
+ },
+ {
+ monday: 'Finn',
+ tuesday: 'Roger',
+ wednesday: 'Christian',
+ thursday: 'Caspar',
+ friday: 'David',
+ saturday: 'Bernard',
+ sunday: 'Anna',
+ },
+ {
+ monday: 'Alex',
+ tuesday: 'Anna',
+ wednesday: 'Amalia',
+ thursday: 'Arthur',
+ friday: 'Alex',
+ saturday: 'Andrea',
+ sunday: 'Arnold',
+ },
+ {
+ monday: 'Helena',
+ tuesday: 'Fabian',
+ wednesday: 'Marie',
+ thursday: 'Ben',
+ friday: 'Marcus',
+ saturday: 'Alex',
+ sunday: 'Marcus',
+ },
+ {
+ monday: 'Fabian',
+ tuesday: 'Helena',
+ wednesday: 'Fabian',
+ thursday: 'Maya',
+ friday: 'Ben',
+ saturday: 'Alex',
+ sunday: 'Helena',
+ },
+ {
+ monday: 'Hong',
+ tuesday: 'Alex',
+ wednesday: 'Kevin',
+ thursday: 'Maya',
+ friday: 'Fabian',
+ saturday: 'Helena',
+ sunday: 'Alex',
+ },
+ {
+ monday: 'Hong',
+ tuesday: 'Alex',
+ wednesday: 'Kevin',
+ thursday: 'Maya',
+ friday: 'Fabian',
+ saturday: 'Helena',
+ sunday: 'Alex',
+ },
+ {
+ monday: 'Hong',
+ tuesday: 'Alex',
+ wednesday: 'Kevin',
+ thursday: 'Maya',
+ friday: 'Fabian',
+ saturday: 'Helena',
+ sunday: 'Alex',
+ },
+ {
+ monday: 'Hong',
+ tuesday: 'Alex',
+ wednesday: 'Kevin',
+ thursday: 'Maya',
+ friday: 'Fabian',
+ saturday: 'Helena',
+ sunday: 'Alex',
+ },
+ {
+ monday: 'Hong',
+ tuesday: 'Alex',
+ wednesday: 'Kevin',
+ thursday: 'Maya',
+ friday: 'Fabian',
+ saturday: 'Helena',
+ sunday: 'Alex',
+ },
+ {
+ monday: 'Hong',
+ tuesday: 'Alex',
+ wednesday: 'Kevin',
+ thursday: 'Maya',
+ friday: 'Fabian',
+ saturday: 'Helena',
+ sunday: 'Alex',
+ },
+ {
+ monday: 'Samuel',
+ tuesday: 'Selena',
+ wednesday: 'Sandra',
+ thursday: 'Salim',
+ friday: 'Robert',
+ saturday: 'Richard',
+ sunday: 'Pamela',
+ },
+ {
+ monday: 'Samuel',
+ tuesday: 'Selena',
+ wednesday: 'Sandra',
+ thursday: 'Salim',
+ friday: 'Robert',
+ saturday: 'Richard',
+ sunday: 'Pamela',
+ },
+ {
+ monday: 'Finn',
+ tuesday: 'Roger',
+ wednesday: 'Christian',
+ thursday: 'Caspar',
+ friday: 'David',
+ saturday: 'Bernard',
+ sunday: 'Anna',
+ },
+ {
+ monday: 'Alex',
+ tuesday: 'Anna',
+ wednesday: 'Amalia',
+ thursday: 'Arthur',
+ friday: 'Alex',
+ saturday: 'Andrea',
+ sunday: 'Arnold',
+ },
+ {
+ monday: 'Helena',
+ tuesday: 'Fabian',
+ wednesday: 'Marie',
+ thursday: 'Ben',
+ friday: 'Marcus',
+ saturday: 'Alex',
+ sunday: 'Marcus',
+ },
+ {
+ monday: 'Fabian',
+ tuesday: 'Helena',
+ wednesday: 'Fabian',
+ thursday: 'Maya',
+ friday: 'Ben',
+ saturday: 'Alex',
+ sunday: 'Helena',
+ },
+ {
+ monday: 'Hong',
+ tuesday: 'Alex',
+ wednesday: 'Kevin',
+ thursday: 'Maya',
+ friday: 'Fabian',
+ saturday: 'Helena',
+ sunday: 'Alex',
+ },
+ {
+ monday: 'Hong',
+ tuesday: 'Alex',
+ wednesday: 'Kevin',
+ thursday: 'Maya',
+ friday: 'Fabian',
+ saturday: 'Helena',
+ sunday: 'Alex',
+ },
+ {
+ monday: 'Hong',
+ tuesday: 'Alex',
+ wednesday: 'Kevin',
+ thursday: 'Maya',
+ friday: 'Fabian',
+ saturday: 'Helena',
+ sunday: 'Alex',
+ },
+ {
+ monday: 'Hong',
+ tuesday: 'Alex',
+ wednesday: 'Kevin',
+ thursday: 'Maya',
+ friday: 'Fabian',
+ saturday: 'Helena',
+ sunday: 'Alex',
+ },
+ {
+ monday: 'Hong',
+ tuesday: 'Alex',
+ wednesday: 'Kevin',
+ thursday: 'Maya',
+ friday: 'Fabian',
+ saturday: 'Helena',
+ sunday: 'Alex',
+ },
+ {
+ monday: 'Hong',
+ tuesday: 'Alex',
+ wednesday: 'Kevin',
+ thursday: 'Maya',
+ friday: 'Fabian',
+ saturday: 'Helena',
+ sunday: 'Alex',
+ },
+ {
+ monday: 'Samuel',
+ tuesday: 'Selena',
+ wednesday: 'Sandra',
+ thursday: 'Salim',
+ friday: 'Robert',
+ saturday: 'Richard',
+ sunday: 'Pamela',
+ },
+ {
+ monday: 'Samuel',
+ tuesday: 'Selena',
+ wednesday: 'Sandra',
+ thursday: 'Salim',
+ friday: 'Robert',
+ saturday: 'Richard',
+ sunday: 'Pamela',
+ },
+ {
+ monday: 'Finn',
+ tuesday: 'Roger',
+ wednesday: 'Christian',
+ thursday: 'Caspar',
+ friday: 'David',
+ saturday: 'Bernard',
+ sunday: 'Anna',
+ },
+ {
+ monday: 'Alex',
+ tuesday: 'Anna',
+ wednesday: 'Amalia',
+ thursday: 'Arthur',
+ friday: 'Alex',
+ saturday: 'Andrea',
+ sunday: 'Arnold',
+ },
+ {
+ monday: 'Helena',
+ tuesday: 'Fabian',
+ wednesday: 'Marie',
+ thursday: 'Ben',
+ friday: 'Marcus',
+ saturday: 'Alex',
+ sunday: 'Marcus',
+ },
+ {
+ monday: 'Fabian',
+ tuesday: 'Helena',
+ wednesday: 'Fabian',
+ thursday: 'Maya',
+ friday: 'Ben',
+ saturday: 'Alex',
+ sunday: 'Helena',
+ },
+ {
+ monday: 'Hong',
+ tuesday: 'Alex',
+ wednesday: 'Kevin',
+ thursday: 'Maya',
+ friday: 'Fabian',
+ saturday: 'Helena',
+ sunday: 'Alex',
+ },
+ {
+ monday: 'Hong',
+ tuesday: 'Alex',
+ wednesday: 'Kevin',
+ thursday: 'Maya',
+ friday: 'Fabian',
+ saturday: 'Helena',
+ sunday: 'Alex',
+ },
+ {
+ monday: 'Hong',
+ tuesday: 'Alex',
+ wednesday: 'Kevin',
+ thursday: 'Maya',
+ friday: 'Fabian',
+ saturday: 'Helena',
+ sunday: 'Alex',
+ },
+ {
+ monday: 'Hong',
+ tuesday: 'Alex',
+ wednesday: 'Kevin',
+ thursday: 'Maya',
+ friday: 'Fabian',
+ saturday: 'Helena',
+ sunday: 'Alex',
+ },
+ {
+ monday: 'Hong',
+ tuesday: 'Alex',
+ wednesday: 'Kevin',
+ thursday: 'Maya',
+ friday: 'Fabian',
+ saturday: 'Helena',
+ sunday: 'Alex',
+ },
+ {
+ monday: 'Hong',
+ tuesday: 'Alex',
+ wednesday: 'Kevin',
+ thursday: 'Maya',
+ friday: 'Fabian',
+ saturday: 'Helena',
+ sunday: 'Alex',
+ },
+ {
+ monday: 'Samuel',
+ tuesday: 'Selena',
+ wednesday: 'Sandra',
+ thursday: 'Salim',
+ friday: 'Robert',
+ saturday: 'Richard',
+ sunday: 'Pamela',
+ },
+ {
+ monday: 'Samuel',
+ tuesday: 'Selena',
+ wednesday: 'Sandra',
+ thursday: 'Salim',
+ friday: 'Robert',
+ saturday: 'Richard',
+ sunday: 'Pamela',
+ },
+ {
+ monday: 'Finn',
+ tuesday: 'Roger',
+ wednesday: 'Christian',
+ thursday: 'Caspar',
+ friday: 'David',
+ saturday: 'Bernard',
+ sunday: 'Anna',
},
];
export type TableDataType = (typeof TABLE_DATA)[0];
diff --git a/packages/samples/react/src/components/heading/badged.tsx b/packages/samples/react/src/components/heading/badged.tsx
index 42e4cc8c8d..5fbe9ab2e6 100644
--- a/packages/samples/react/src/components/heading/badged.tsx
+++ b/packages/samples/react/src/components/heading/badged.tsx
@@ -16,32 +16,32 @@ export const HeadingBadged: FC = () => (
- Eine Überschrift mit einem
+ A heading with a
- Eine Überschrift mit einem
+ A heading with a
- Eine Überschrift mit einem
+ A heading with a
- Eine Überschrift mit einem
+ A heading with a
- Eine Überschrift mit einem
+ A heading with a
- Eine Überschrift mit einem
+ A heading with a
diff --git a/packages/samples/react/src/components/input-checkbox/partials/cases.tsx b/packages/samples/react/src/components/input-checkbox/partials/cases.tsx
index cf0df8f972..f0d57b9565 100644
--- a/packages/samples/react/src/components/input-checkbox/partials/cases.tsx
+++ b/packages/samples/react/src/components/input-checkbox/partials/cases.tsx
@@ -8,20 +8,20 @@ import type { Components } from '@public-ui/components';
export const InputCheckboxCases = forwardRef(function InputCheckboxCases(props, ref) {
return (
-
-
-
+
+
+
-
+
);
});
diff --git a/packages/samples/react/src/components/input-date/partials/cases.tsx b/packages/samples/react/src/components/input-date/partials/cases.tsx
index d842267ba3..2dbc1196cb 100644
--- a/packages/samples/react/src/components/input-date/partials/cases.tsx
+++ b/packages/samples/react/src/components/input-date/partials/cases.tsx
@@ -8,23 +8,23 @@ import type { Components } from '@public-ui/components';
export const InputDateCases = forwardRef(function InputDateCases(props, ref) {
return (
-
+
-
-
-
-
-
-
+
+
+
+
+
+
);
});
diff --git a/packages/samples/react/src/components/input-email/partials/cases.tsx b/packages/samples/react/src/components/input-email/partials/cases.tsx
index e4b93bd599..8fefafde0c 100644
--- a/packages/samples/react/src/components/input-email/partials/cases.tsx
+++ b/packages/samples/react/src/components/input-email/partials/cases.tsx
@@ -15,7 +15,7 @@ export const InputEmailCases = forwardRef
-
-
+
+
);
});
diff --git a/packages/samples/react/src/components/input-number/partials/cases.tsx b/packages/samples/react/src/components/input-number/partials/cases.tsx
index 95e46b2285..b354f35fc8 100644
--- a/packages/samples/react/src/components/input-number/partials/cases.tsx
+++ b/packages/samples/react/src/components/input-number/partials/cases.tsx
@@ -14,7 +14,7 @@ export const InputNumberCases = forwardRef
-
-
-
-
-
-
-
+
+
+
+
+
+
+
);
});
diff --git a/packages/samples/react/src/components/input-password/show-password.tsx b/packages/samples/react/src/components/input-password/show-password.tsx
index aec35675e2..bd45ca771d 100644
--- a/packages/samples/react/src/components/input-password/show-password.tsx
+++ b/packages/samples/react/src/components/input-password/show-password.tsx
@@ -17,10 +17,10 @@ export const InputPasswordShowPassword: FC = () => {
-
+
diff --git a/packages/samples/react/src/components/input-range/partials/cases.tsx b/packages/samples/react/src/components/input-range/partials/cases.tsx
index 09126f990b..8b23acaafd 100644
--- a/packages/samples/react/src/components/input-range/partials/cases.tsx
+++ b/packages/samples/react/src/components/input-range/partials/cases.tsx
@@ -13,7 +13,7 @@ export const InputRangeCases = forwardRef
-
+
);
});
diff --git a/packages/samples/react/src/components/input-text/partials/cases.tsx b/packages/samples/react/src/components/input-text/partials/cases.tsx
index d4e6dda310..fbe9571f93 100644
--- a/packages/samples/react/src/components/input-text/partials/cases.tsx
+++ b/packages/samples/react/src/components/input-text/partials/cases.tsx
@@ -11,8 +11,8 @@ export const InputTextCases = forwardRef
-
+
-
-
-
-
-
-
-
+
+
+
+
+
+
+
);
});
diff --git a/packages/samples/react/src/components/link/basic.tsx b/packages/samples/react/src/components/link/basic.tsx
index f2413e851a..4ab33447cc 100644
--- a/packages/samples/react/src/components/link/basic.tsx
+++ b/packages/samples/react/src/components/link/basic.tsx
@@ -18,17 +18,18 @@ export const LinkBasic: FC = () => (
- In diesem Absatz wird ein Link gesetzt, der keine weiteren Attribute enthält. Er wird standardmäßig
- als inline-Element ausgegeben.
+ In this paragraph, a link is inserted that contains no additional attributes.
+
+ It is rendered by default as a inline element.
- In diesem Absatz wird ein Link gesetzt, der einmal als inline-block-Element ausgegeben wird.{' '}
- . Damit kann man mir per CSS-Styles eine Breite, eine Höhe und
- andere Eigenschaften zuweisen.
+ In this paragraph, a link is inserted that is rendered as an inline-block element.
+ . This allows you to assign width, height, and other
+ properties to it using CSS styles.
- Danach folgt ein Link, der als block-Element ausgegeben wird. , daher gehe ich über
- die ganze Breite des Eltern-Elements erzeuge so einen Zeilenumbruch.
+ After that, there is a link that is rendered as a block element.
+ , therefore, I span the entire width of the parent element, causing a line break.
>
diff --git a/packages/samples/react/src/components/link/icons.tsx b/packages/samples/react/src/components/link/icons.tsx
index 1e2c586430..4f489cd495 100644
--- a/packages/samples/react/src/components/link/icons.tsx
+++ b/packages/samples/react/src/components/link/icons.tsx
@@ -12,26 +12,26 @@ export const LinkIcons: FC = () => (
-
+
(
bottom: 'codicon codicon-home',
left: 'codicon codicon-home',
}}
- _label="Ich bin ein Link mit allen Icons"
+ _label="I am a link with all icons"
_href="#/back-page"
/>
diff --git a/packages/samples/react/src/components/link/image.tsx b/packages/samples/react/src/components/link/image.tsx
index aa299ce6e7..ff63ed43bf 100644
--- a/packages/samples/react/src/components/link/image.tsx
+++ b/packages/samples/react/src/components/link/image.tsx
@@ -11,10 +11,10 @@ export const LinkImage: FC = () => (
-
+
-
+
>
diff --git a/packages/samples/react/src/components/nav/links.ts b/packages/samples/react/src/components/nav/links.ts
index 01d8558ea0..5294f58cbe 100644
--- a/packages/samples/react/src/components/nav/links.ts
+++ b/packages/samples/react/src/components/nav/links.ts
@@ -72,21 +72,21 @@ export const LINKS: ButtonOrLinkOrTextWithChildrenProps[] = [
},
},
{
- _label: '5 Keine eigene Seite, nur Kategorie',
+ _label: '5 No own page, only category',
_active: true,
_children: [
{
- _label: '5.1 Verschachtelter Link',
+ _label: '5.1 Nested link',
_href: '#/back-page',
},
],
},
{
- _label: '6 Keine eigene Seite, mit Icon',
+ _label: '6 No own page, with icon',
_icons: 'codicon codicon-squirrel',
_children: [
{
- _label: '6.1 Verschachtelter Link',
+ _label: '6.1 Nested link',
_href: '#/back-page',
},
],
diff --git a/packages/samples/react/src/components/select/partials/cases.tsx b/packages/samples/react/src/components/select/partials/cases.tsx
index ba22d9e4cf..b410935f81 100644
--- a/packages/samples/react/src/components/select/partials/cases.tsx
+++ b/packages/samples/react/src/components/select/partials/cases.tsx
@@ -9,17 +9,17 @@ import { COUNTRY_OPTIONS } from '../../../shares/country';
const SALUTATION_OPTIONS: SelectOption[] = [
{
- label: 'Keine Auswahl',
+ label: 'No choice',
value: '',
disabled: true,
},
{
- label: 'Frau',
- value: 'Frau',
+ label: 'Mrs.',
+ value: 'Mrs.',
},
{
- label: 'Herr',
- value: 'Herr',
+ label: 'Mr.',
+ value: 'Mr.',
},
{
label: 'Divers',
@@ -35,7 +35,7 @@ export const SelectCases = forwardRef
-
-
+
+
(
{
-
+
Dropdown-Inhalt
-
+
Dropdown-Inhalt
diff --git a/packages/samples/react/src/components/tabs/basic.tsx b/packages/samples/react/src/components/tabs/basic.tsx
index 7583762177..3a1f859035 100644
--- a/packages/samples/react/src/components/tabs/basic.tsx
+++ b/packages/samples/react/src/components/tabs/basic.tsx
@@ -7,25 +7,25 @@ import { SampleDescription } from '../SampleDescription';
const tabs = [
{
_icons: 'codicon codicon-pie-chart',
- _label: 'Erster Tab',
+ _label: 'First tab',
_on: {
onSelect: (event: Event) => {
- console.log('Erster Tab ausgewählt', event);
+ console.log('First tab selected', event);
},
},
},
{
_icons: 'codicon codicon-calendar',
- _label: 'Zweiter Tab',
+ _label: 'Second Tab',
},
{
_disabled: true,
_icons: 'codicon codicon-briefcase',
- _label: 'Deaktivierter Tab',
+ _label: 'Disabled Tab',
},
{
_icons: 'codicon codicon-telescope',
- _label: 'Letzter Tab',
+ _label: 'Last tab',
},
];
@@ -41,17 +41,17 @@ export const TabsBasic: FC = () => (
- Inhalte von Tab 1
- Inhalte von Tab 2
- Inhalte von Tab 3
- Inhalte von Tab 4
+ Contents of Tab 1
+ Contents of Tab 2
+ Contents of Tab 3
+ Contents of Tab 4
- Inhalte von Tab 1
- Inhalte von Tab 2
- Inhalte von Tab 3
- Inhalte von Tab 4
+ Contents of Tab 1
+ Contents of Tab 2
+ Contents of Tab 3
+ Contents of Tab 4
>
);
diff --git a/packages/samples/react/src/components/tabs/icons-only.tsx b/packages/samples/react/src/components/tabs/icons-only.tsx
index 4a43f080f2..a1cb7219e7 100644
--- a/packages/samples/react/src/components/tabs/icons-only.tsx
+++ b/packages/samples/react/src/components/tabs/icons-only.tsx
@@ -7,23 +7,23 @@ import { SampleDescription } from '../SampleDescription';
const tabs = [
{
_icons: 'codicon codicon-pie-chart',
- _label: 'Erster Tab',
+ _label: 'First Tab',
_hideLabel: true,
},
{
_icons: 'codicon codicon-calendar',
- _label: 'Zweites Tab',
+ _label: 'Second Tab',
_hideLabel: true,
},
{
_disabled: true,
_icons: 'codicon codicon-briefcase',
- _label: 'Deaktiviertes Tab',
+ _label: 'Disabled Tab',
_hideLabel: true,
},
{
_icons: 'codicon codicon-telescope',
- _label: 'Letzter Tab',
+ _label: 'Last Tab',
_hideLabel: true,
},
];
@@ -34,10 +34,10 @@ export const TabsIconsOnly: FC = () => (
- Inhalte von Tab 1
- Inhalte von Tab 2
- Inhalte von Tab 3
- Inhalte von Tab 4
+ Contents of Tab 1
+ Contents of Tab 2
+ Contents of Tab 3
+ Contents of Tab 4
>
);
diff --git a/packages/samples/react/src/scenarios/appointment-form/AppointmentForm.tsx b/packages/samples/react/src/scenarios/appointment-form/AppointmentForm.tsx
index 734e127264..fb9226098e 100644
--- a/packages/samples/react/src/scenarios/appointment-form/AppointmentForm.tsx
+++ b/packages/samples/react/src/scenarios/appointment-form/AppointmentForm.tsx
@@ -46,22 +46,22 @@ const initialValues: FormValues = {
};
const districtSchema = {
- district: Yup.string().required('Bitte Stadtteil wählen.'),
+ district: Yup.string().required('Please select district.'),
};
const personalInformationSchema = {
- salutation: Yup.string().required('Bitte Anrede auswählen.'),
- name: Yup.string().required('Bitte Vor- und Zuname eingeben.'),
+ salutation: Yup.string().required('Please select salutation.'),
+ name: Yup.string().required('Please enter your first and last name.'),
company: Yup.string().when('salutation', {
- is: (salutation: string) => salutation === 'Firma',
- then: (schema) => schema.required('Bitte Firma angeben.'),
+ is: (salutation: string) => salutation === 'Company',
+ then: (schema) => schema.required('Please specify company.'),
}),
- email: Yup.string().required('Bitte E-Mail eingeben.'),
+ email: Yup.string().required('Please enter your e-mail address.'),
};
const availableAppointmentsSchema = {
- date: Yup.string().required('Bitte Datum eingeben.'),
+ date: Yup.string().required('Please enter date.'),
time: Yup.string().when('date', {
is: (date: string) => Boolean(date), // only validate time when date is already set
- then: (schema) => schema.test('checkTimeAvailability', 'Termin leider nicht mehr verfügbar.', checkAppointmentAvailability),
+ then: (schema) => schema.test('checkTimeAvailability', 'Date unfortunately no longer available.', checkAppointmentAvailability),
}),
};
@@ -103,22 +103,22 @@ export function AppointmentForm() {
{
diff --git a/packages/samples/react/src/scenarios/appointment-form/AvailableAppointmentsForm.tsx b/packages/samples/react/src/scenarios/appointment-form/AvailableAppointmentsForm.tsx
index b62164ef25..ed8202a546 100644
--- a/packages/samples/react/src/scenarios/appointment-form/AvailableAppointmentsForm.tsx
+++ b/packages/samples/react/src/scenarios/appointment-form/AvailableAppointmentsForm.tsx
@@ -66,7 +66,7 @@ export function AvailableAppointmentsForm() {
);
return (
-
+
(
(
))}
- Aus Testzwecken sind nur die Termine zu jeder halben Stunde verfügbar.
+ For test purposes, only the dates for every half hour are available.
>
) : (
-
+
)}
)}
- {form.values.date && form.isValidating ? : ''}
+ {form.values.date && form.isValidating ? : ''}
);
diff --git a/packages/samples/react/src/scenarios/appointment-form/DistrictForm.tsx b/packages/samples/react/src/scenarios/appointment-form/DistrictForm.tsx
index 36d9b56aa4..521c7c7429 100644
--- a/packages/samples/react/src/scenarios/appointment-form/DistrictForm.tsx
+++ b/packages/samples/react/src/scenarios/appointment-form/DistrictForm.tsx
@@ -21,12 +21,12 @@ const LOCATION_OPTIONS = [
label: 'Dorstfeld',
},
{
- value: 'Innenstadt Ost',
- label: 'Innenstadt Ost',
+ value: 'Downtown East',
+ label: 'downtown East',
},
{
- value: 'Innenstadt West',
- label: 'Innenstadt West',
+ value: 'Downtown West',
+ label: 'downtown West',
},
];
@@ -37,7 +37,7 @@ export function DistrictForm() {
const formikRef = useRef(null);
return (
-
+
) => (
-
+
);
diff --git a/packages/samples/react/src/scenarios/appointment-form/PersonalInformationForm.tsx b/packages/samples/react/src/scenarios/appointment-form/PersonalInformationForm.tsx
index dde1dc5b60..6277e31d96 100644
--- a/packages/samples/react/src/scenarios/appointment-form/PersonalInformationForm.tsx
+++ b/packages/samples/react/src/scenarios/appointment-form/PersonalInformationForm.tsx
@@ -9,20 +9,20 @@ import { createErrorList, focusErrorList } from './formUtils';
const SALUTATION_OPTIONS = [
{
- value: 'Firma',
- label: 'Firma',
+ value: 'Company',
+ label: 'Company',
},
{
- value: 'Frau',
- label: 'Frau',
+ value: 'Mrs.',
+ label: 'Mrs.',
},
{
- value: 'Herr',
- label: 'Herr',
+ value: 'Mr.',
+ label: 'Mr.',
},
{
- value: 'Hallo',
- label: 'Hallo',
+ value: 'Hello',
+ label: 'Hello',
},
];
@@ -37,7 +37,7 @@ export function PersonalInformationForm() {
}, [sectionSubmitted]);
return (
-
+
{
@@ -77,7 +77,7 @@ export function PersonalInformationForm() {
)}
- {form.values.salutation === 'Firma' && (
+ {form.values.salutation === 'Company' && (
{({ field }: FieldProps) => (
@@ -86,7 +86,7 @@ export function PersonalInformationForm() {
void form.setFieldTouched('company', true);
}}
id="field-company"
- _label="Firma"
+ _label="Company"
_value={field.value}
_msg={{
_type: 'error',
@@ -115,7 +115,7 @@ export function PersonalInformationForm() {
void form.setFieldTouched('name', true);
}}
id="field-name"
- _label="Vor- und Zuname"
+ _label="First name and surname"
_value={field.value}
_msg={{
_type: 'error',
@@ -166,7 +166,7 @@ export function PersonalInformationForm() {
-
+
);
diff --git a/packages/samples/react/src/scenarios/appointment-form/Summary.tsx b/packages/samples/react/src/scenarios/appointment-form/Summary.tsx
index d6b1bad8b1..a796693cb6 100644
--- a/packages/samples/react/src/scenarios/appointment-form/Summary.tsx
+++ b/packages/samples/react/src/scenarios/appointment-form/Summary.tsx
@@ -16,23 +16,23 @@ export function Summary() {
- - Stadtteil
+ - District
-
- - Termin
+ - Appointment
- {values.date && values.time ? `${values.date} ${values.time} Uhr` : }
- {values.salutation === 'Firma' ? (
+ {values.salutation === 'Company' ? (
<>
- - Firma
+ - Company
-
>
) : (
<>
- - Anrede
+ - Salutation
-
@@ -47,7 +47,7 @@ export function Summary() {
-
- - Telefon
+ - Phone number
-
diff --git a/packages/samples/react/src/shares/constants.ts b/packages/samples/react/src/shares/constants.ts
index 04344866b1..e503979faa 100644
--- a/packages/samples/react/src/shares/constants.ts
+++ b/packages/samples/react/src/shares/constants.ts
@@ -1,4 +1,4 @@
export const PUBLIC_DOC_COMPONENT_URL = 'https://public-ui.github.io/docs/components';
export const PUBLIC_CODE_COMPONENT_URL = 'https://github.com/public-ui/kolibri/blob/develop/packages/samples/react/src/components';
-export const ERROR_MSG = 'Ich bin eine Fehlermeldung!';
-export const HINT_MSG = 'Ich bin ein Hinweis.';
+export const ERROR_MSG = 'I am an error message!';
+export const HINT_MSG = 'I am a hint.';
diff --git a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-abbr-basic-firefox-linux.png b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-abbr-basic-firefox-linux.png
index 7d68f6fb5f..f721f7dfe8 100644
Binary files a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-abbr-basic-firefox-linux.png and b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-abbr-basic-firefox-linux.png differ
diff --git a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-accordion-basic-firefox-linux.png b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-accordion-basic-firefox-linux.png
index 723354989a..d38c33a254 100644
Binary files a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-accordion-basic-firefox-linux.png and b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-accordion-basic-firefox-linux.png differ
diff --git a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-accordion-headlines-firefox-linux.png b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-accordion-headlines-firefox-linux.png
index c2c0d4364c..bad14ed29e 100644
Binary files a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-accordion-headlines-firefox-linux.png and b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-accordion-headlines-firefox-linux.png differ
diff --git a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-alert-basic-firefox-linux.png b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-alert-basic-firefox-linux.png
index 5b4925d536..8908619520 100644
Binary files a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-alert-basic-firefox-linux.png and b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-alert-basic-firefox-linux.png differ
diff --git a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-alert-card-msg-firefox-linux.png b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-alert-card-msg-firefox-linux.png
index cf09326068..9d4c09db04 100644
Binary files a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-alert-card-msg-firefox-linux.png and b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-alert-card-msg-firefox-linux.png differ
diff --git a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-alert-html-firefox-linux.png b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-alert-html-firefox-linux.png
index adc9d96e91..d45a0131a0 100644
Binary files a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-alert-html-firefox-linux.png and b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-alert-html-firefox-linux.png differ
diff --git a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-breadcrumb-basic-firefox-linux.png b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-breadcrumb-basic-firefox-linux.png
index 1f76fd98c8..1dae38dbba 100644
Binary files a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-breadcrumb-basic-firefox-linux.png and b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-breadcrumb-basic-firefox-linux.png differ
diff --git a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-button-access-key-firefox-linux.png b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-button-access-key-firefox-linux.png
index 277de2ca17..9c2a12e0b9 100644
Binary files a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-button-access-key-firefox-linux.png and b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-button-access-key-firefox-linux.png differ
diff --git a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-button-link-basic-firefox-linux.png b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-button-link-basic-firefox-linux.png
index 4e613f242d..6989d2b655 100644
Binary files a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-button-link-basic-firefox-linux.png and b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-button-link-basic-firefox-linux.png differ
diff --git a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-button-link-icons-firefox-linux.png b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-button-link-icons-firefox-linux.png
index 33faced8d9..137ab4de34 100644
Binary files a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-button-link-icons-firefox-linux.png and b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-button-link-icons-firefox-linux.png differ
diff --git a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-handout-basic-firefox-linux.png b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-handout-basic-firefox-linux.png
index 495b4fee0f..0f1e9c96b0 100644
Binary files a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-handout-basic-firefox-linux.png and b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-handout-basic-firefox-linux.png differ
diff --git a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-heading-badge-firefox-linux.png b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-heading-badge-firefox-linux.png
index 2ecf5df61f..f07890aaab 100644
Binary files a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-heading-badge-firefox-linux.png and b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-heading-badge-firefox-linux.png differ
diff --git a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-input-checkbox-basic-firefox-linux.png b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-input-checkbox-basic-firefox-linux.png
index 9e247bd156..53a49f8d1a 100644
Binary files a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-input-checkbox-basic-firefox-linux.png and b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-input-checkbox-basic-firefox-linux.png differ
diff --git a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-input-checkbox-button-firefox-linux.png b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-input-checkbox-button-firefox-linux.png
index 5e21274b87..6f41bfad9d 100644
Binary files a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-input-checkbox-button-firefox-linux.png and b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-input-checkbox-button-firefox-linux.png differ
diff --git a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-input-checkbox-switch-firefox-linux.png b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-input-checkbox-switch-firefox-linux.png
index a5b3cc2c41..6b0017837a 100644
Binary files a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-input-checkbox-switch-firefox-linux.png and b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-input-checkbox-switch-firefox-linux.png differ
diff --git a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-input-number-basic-firefox-linux.png b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-input-number-basic-firefox-linux.png
index 93fcbbe28f..be83cb3bed 100644
Binary files a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-input-number-basic-firefox-linux.png and b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-input-number-basic-firefox-linux.png differ
diff --git a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-input-password-show-password-firefox-linux.png b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-input-password-show-password-firefox-linux.png
index a9e1097534..ac6f63875a 100644
Binary files a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-input-password-show-password-firefox-linux.png and b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-input-password-show-password-firefox-linux.png differ
diff --git a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-input-radio-basic-firefox-linux.png b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-input-radio-basic-firefox-linux.png
index 68ea28b56f..ef7857688d 100644
Binary files a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-input-radio-basic-firefox-linux.png and b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-input-radio-basic-firefox-linux.png differ
diff --git a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-input-range-basic-firefox-linux.png b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-input-range-basic-firefox-linux.png
index a3cab8e1ab..5151f5d614 100644
Binary files a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-input-range-basic-firefox-linux.png and b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-input-range-basic-firefox-linux.png differ
diff --git a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-link-basic-firefox-linux.png b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-link-basic-firefox-linux.png
index 2f7a646b9c..b7a1171162 100644
Binary files a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-link-basic-firefox-linux.png and b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-link-basic-firefox-linux.png differ
diff --git a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-link-icons-firefox-linux.png b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-link-icons-firefox-linux.png
index 33faced8d9..93f0e76328 100644
Binary files a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-link-icons-firefox-linux.png and b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-link-icons-firefox-linux.png differ
diff --git a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-nav-horizontal-firefox-linux.png b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-nav-horizontal-firefox-linux.png
index d4c7460d31..aae4b03909 100644
Binary files a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-nav-horizontal-firefox-linux.png and b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-nav-horizontal-firefox-linux.png differ
diff --git a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-scenarios-appointment-form-firefox-linux.png b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-scenarios-appointment-form-firefox-linux.png
index 27d3dc6e3b..9125cad95c 100644
Binary files a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-scenarios-appointment-form-firefox-linux.png and b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-scenarios-appointment-form-firefox-linux.png differ
diff --git a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-split-button-basic-firefox-linux.png b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-split-button-basic-firefox-linux.png
index 5bc1a9fa95..f877834390 100644
Binary files a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-split-button-basic-firefox-linux.png and b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-split-button-basic-firefox-linux.png differ
diff --git a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-tabs-basic-firefox-linux.png b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-tabs-basic-firefox-linux.png
index 2362aa5fce..a7d15c99bf 100644
Binary files a/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-tabs-basic-firefox-linux.png and b/packages/test-tag-name-transformer/snapshots/theme-default/snapshot-for-tabs-basic-firefox-linux.png differ
diff --git a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-abbr-basic-firefox-linux.png b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-abbr-basic-firefox-linux.png
index a88b58ff68..e77880e8c8 100644
Binary files a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-abbr-basic-firefox-linux.png and b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-abbr-basic-firefox-linux.png differ
diff --git a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-accordion-basic-firefox-linux.png b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-accordion-basic-firefox-linux.png
index 2ae23e9cea..c29aff08e8 100644
Binary files a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-accordion-basic-firefox-linux.png and b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-accordion-basic-firefox-linux.png differ
diff --git a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-accordion-headlines-firefox-linux.png b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-accordion-headlines-firefox-linux.png
index 71f88ba6d2..6d4c8993b7 100644
Binary files a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-accordion-headlines-firefox-linux.png and b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-accordion-headlines-firefox-linux.png differ
diff --git a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-alert-basic-firefox-linux.png b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-alert-basic-firefox-linux.png
index ca5f656c6f..68121a9edc 100644
Binary files a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-alert-basic-firefox-linux.png and b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-alert-basic-firefox-linux.png differ
diff --git a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-alert-card-msg-firefox-linux.png b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-alert-card-msg-firefox-linux.png
index 1dc95761da..04826db882 100644
Binary files a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-alert-card-msg-firefox-linux.png and b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-alert-card-msg-firefox-linux.png differ
diff --git a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-alert-html-firefox-linux.png b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-alert-html-firefox-linux.png
index 616639ccdd..abfc0b1082 100644
Binary files a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-alert-html-firefox-linux.png and b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-alert-html-firefox-linux.png differ
diff --git a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-breadcrumb-basic-firefox-linux.png b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-breadcrumb-basic-firefox-linux.png
index 850c0f3fa3..af80b88c8c 100644
Binary files a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-breadcrumb-basic-firefox-linux.png and b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-breadcrumb-basic-firefox-linux.png differ
diff --git a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-button-access-key-firefox-linux.png b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-button-access-key-firefox-linux.png
index 09f6e1cff5..087b929335 100644
Binary files a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-button-access-key-firefox-linux.png and b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-button-access-key-firefox-linux.png differ
diff --git a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-button-link-basic-firefox-linux.png b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-button-link-basic-firefox-linux.png
index 8687f4b631..4495fbed15 100644
Binary files a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-button-link-basic-firefox-linux.png and b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-button-link-basic-firefox-linux.png differ
diff --git a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-button-link-icons-firefox-linux.png b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-button-link-icons-firefox-linux.png
index 120ee306da..2e01f09a9c 100644
Binary files a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-button-link-icons-firefox-linux.png and b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-button-link-icons-firefox-linux.png differ
diff --git a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-handout-basic-firefox-linux.png b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-handout-basic-firefox-linux.png
index 9f2293b8bf..1b0fc68f68 100644
Binary files a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-handout-basic-firefox-linux.png and b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-handout-basic-firefox-linux.png differ
diff --git a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-heading-badge-firefox-linux.png b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-heading-badge-firefox-linux.png
index 262e52c02d..ea1560af8a 100644
Binary files a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-heading-badge-firefox-linux.png and b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-heading-badge-firefox-linux.png differ
diff --git a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-input-checkbox-basic-firefox-linux.png b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-input-checkbox-basic-firefox-linux.png
index 8bc0636c04..0aec76a5d7 100644
Binary files a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-input-checkbox-basic-firefox-linux.png and b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-input-checkbox-basic-firefox-linux.png differ
diff --git a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-input-checkbox-button-firefox-linux.png b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-input-checkbox-button-firefox-linux.png
index e92ac2e832..eff757c63d 100644
Binary files a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-input-checkbox-button-firefox-linux.png and b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-input-checkbox-button-firefox-linux.png differ
diff --git a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-input-checkbox-switch-firefox-linux.png b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-input-checkbox-switch-firefox-linux.png
index 140aca06e4..c982e28fa3 100644
Binary files a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-input-checkbox-switch-firefox-linux.png and b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-input-checkbox-switch-firefox-linux.png differ
diff --git a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-input-date-basic-firefox-linux.png b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-input-date-basic-firefox-linux.png
index 87ba0ed3a3..62fb59f9c4 100644
Binary files a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-input-date-basic-firefox-linux.png and b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-input-date-basic-firefox-linux.png differ
diff --git a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-input-file-basic-firefox-linux.png b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-input-file-basic-firefox-linux.png
index 9c1fe3cd71..61c52ab24b 100644
Binary files a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-input-file-basic-firefox-linux.png and b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-input-file-basic-firefox-linux.png differ
diff --git a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-input-number-basic-firefox-linux.png b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-input-number-basic-firefox-linux.png
index 81512cd785..fc3ae319ce 100644
Binary files a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-input-number-basic-firefox-linux.png and b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-input-number-basic-firefox-linux.png differ
diff --git a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-input-password-basic-firefox-linux.png b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-input-password-basic-firefox-linux.png
index 9af49ca660..27f729aede 100644
Binary files a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-input-password-basic-firefox-linux.png and b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-input-password-basic-firefox-linux.png differ
diff --git a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-input-radio-basic-firefox-linux.png b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-input-radio-basic-firefox-linux.png
index 6311b38aba..5b5e443201 100644
Binary files a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-input-radio-basic-firefox-linux.png and b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-input-radio-basic-firefox-linux.png differ
diff --git a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-input-range-basic-firefox-linux.png b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-input-range-basic-firefox-linux.png
index 86c3dc0b7e..177377ef28 100644
Binary files a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-input-range-basic-firefox-linux.png and b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-input-range-basic-firefox-linux.png differ
diff --git a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-input-text-basic-firefox-linux.png b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-input-text-basic-firefox-linux.png
index e4a37de53b..255e7dafe6 100644
Binary files a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-input-text-basic-firefox-linux.png and b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-input-text-basic-firefox-linux.png differ
diff --git a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-link-basic-firefox-linux.png b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-link-basic-firefox-linux.png
index 495bb9abf5..883b54bd4c 100644
Binary files a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-link-basic-firefox-linux.png and b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-link-basic-firefox-linux.png differ
diff --git a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-link-icons-firefox-linux.png b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-link-icons-firefox-linux.png
index 355420af27..ccef0531ad 100644
Binary files a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-link-icons-firefox-linux.png and b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-link-icons-firefox-linux.png differ
diff --git a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-nav-horizontal-firefox-linux.png b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-nav-horizontal-firefox-linux.png
index 9a9d8f44fe..0987ffff40 100644
Binary files a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-nav-horizontal-firefox-linux.png and b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-nav-horizontal-firefox-linux.png differ
diff --git a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-scenarios-appointment-form-firefox-linux.png b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-scenarios-appointment-form-firefox-linux.png
index b2eaf58c09..49fb2c6887 100644
Binary files a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-scenarios-appointment-form-firefox-linux.png and b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-scenarios-appointment-form-firefox-linux.png differ
diff --git a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-split-button-basic-firefox-linux.png b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-split-button-basic-firefox-linux.png
index d922ffd083..99e62cec53 100644
Binary files a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-split-button-basic-firefox-linux.png and b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-split-button-basic-firefox-linux.png differ
diff --git a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-tabs-basic-firefox-linux.png b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-tabs-basic-firefox-linux.png
index 0fdf56b671..e38ba69ba3 100644
Binary files a/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-tabs-basic-firefox-linux.png and b/packages/themes/bmf/snapshots/theme-bmf/snapshot-for-tabs-basic-firefox-linux.png differ
diff --git a/packages/themes/default/snapshots/theme-default/snapshot-for-abbr-basic-firefox-linux.png b/packages/themes/default/snapshots/theme-default/snapshot-for-abbr-basic-firefox-linux.png
index 7d68f6fb5f..f721f7dfe8 100644
Binary files a/packages/themes/default/snapshots/theme-default/snapshot-for-abbr-basic-firefox-linux.png and b/packages/themes/default/snapshots/theme-default/snapshot-for-abbr-basic-firefox-linux.png differ
diff --git a/packages/themes/default/snapshots/theme-default/snapshot-for-accordion-basic-firefox-linux.png b/packages/themes/default/snapshots/theme-default/snapshot-for-accordion-basic-firefox-linux.png
index 723354989a..d38c33a254 100644
Binary files a/packages/themes/default/snapshots/theme-default/snapshot-for-accordion-basic-firefox-linux.png and b/packages/themes/default/snapshots/theme-default/snapshot-for-accordion-basic-firefox-linux.png differ
diff --git a/packages/themes/default/snapshots/theme-default/snapshot-for-accordion-headlines-firefox-linux.png b/packages/themes/default/snapshots/theme-default/snapshot-for-accordion-headlines-firefox-linux.png
index c2c0d4364c..bad14ed29e 100644
Binary files a/packages/themes/default/snapshots/theme-default/snapshot-for-accordion-headlines-firefox-linux.png and b/packages/themes/default/snapshots/theme-default/snapshot-for-accordion-headlines-firefox-linux.png differ
diff --git a/packages/themes/default/snapshots/theme-default/snapshot-for-alert-basic-firefox-linux.png b/packages/themes/default/snapshots/theme-default/snapshot-for-alert-basic-firefox-linux.png
index 5b4925d536..8908619520 100644
Binary files a/packages/themes/default/snapshots/theme-default/snapshot-for-alert-basic-firefox-linux.png and b/packages/themes/default/snapshots/theme-default/snapshot-for-alert-basic-firefox-linux.png differ
diff --git a/packages/themes/default/snapshots/theme-default/snapshot-for-alert-card-msg-firefox-linux.png b/packages/themes/default/snapshots/theme-default/snapshot-for-alert-card-msg-firefox-linux.png
index cf09326068..9d4c09db04 100644
Binary files a/packages/themes/default/snapshots/theme-default/snapshot-for-alert-card-msg-firefox-linux.png and b/packages/themes/default/snapshots/theme-default/snapshot-for-alert-card-msg-firefox-linux.png differ
diff --git a/packages/themes/default/snapshots/theme-default/snapshot-for-alert-html-firefox-linux.png b/packages/themes/default/snapshots/theme-default/snapshot-for-alert-html-firefox-linux.png
index adc9d96e91..d45a0131a0 100644
Binary files a/packages/themes/default/snapshots/theme-default/snapshot-for-alert-html-firefox-linux.png and b/packages/themes/default/snapshots/theme-default/snapshot-for-alert-html-firefox-linux.png differ
diff --git a/packages/themes/default/snapshots/theme-default/snapshot-for-breadcrumb-basic-firefox-linux.png b/packages/themes/default/snapshots/theme-default/snapshot-for-breadcrumb-basic-firefox-linux.png
index 06b3793723..1dae38dbba 100644
Binary files a/packages/themes/default/snapshots/theme-default/snapshot-for-breadcrumb-basic-firefox-linux.png and b/packages/themes/default/snapshots/theme-default/snapshot-for-breadcrumb-basic-firefox-linux.png differ
diff --git a/packages/themes/default/snapshots/theme-default/snapshot-for-button-access-key-firefox-linux.png b/packages/themes/default/snapshots/theme-default/snapshot-for-button-access-key-firefox-linux.png
index 277de2ca17..9c2a12e0b9 100644
Binary files a/packages/themes/default/snapshots/theme-default/snapshot-for-button-access-key-firefox-linux.png and b/packages/themes/default/snapshots/theme-default/snapshot-for-button-access-key-firefox-linux.png differ
diff --git a/packages/themes/default/snapshots/theme-default/snapshot-for-button-link-basic-firefox-linux.png b/packages/themes/default/snapshots/theme-default/snapshot-for-button-link-basic-firefox-linux.png
index 4e613f242d..6989d2b655 100644
Binary files a/packages/themes/default/snapshots/theme-default/snapshot-for-button-link-basic-firefox-linux.png and b/packages/themes/default/snapshots/theme-default/snapshot-for-button-link-basic-firefox-linux.png differ
diff --git a/packages/themes/default/snapshots/theme-default/snapshot-for-button-link-icons-firefox-linux.png b/packages/themes/default/snapshots/theme-default/snapshot-for-button-link-icons-firefox-linux.png
index 772ac8c8b9..137ab4de34 100644
Binary files a/packages/themes/default/snapshots/theme-default/snapshot-for-button-link-icons-firefox-linux.png and b/packages/themes/default/snapshots/theme-default/snapshot-for-button-link-icons-firefox-linux.png differ
diff --git a/packages/themes/default/snapshots/theme-default/snapshot-for-handout-basic-firefox-linux.png b/packages/themes/default/snapshots/theme-default/snapshot-for-handout-basic-firefox-linux.png
index 495b4fee0f..0f1e9c96b0 100644
Binary files a/packages/themes/default/snapshots/theme-default/snapshot-for-handout-basic-firefox-linux.png and b/packages/themes/default/snapshots/theme-default/snapshot-for-handout-basic-firefox-linux.png differ
diff --git a/packages/themes/default/snapshots/theme-default/snapshot-for-heading-badge-firefox-linux.png b/packages/themes/default/snapshots/theme-default/snapshot-for-heading-badge-firefox-linux.png
index 2ecf5df61f..f07890aaab 100644
Binary files a/packages/themes/default/snapshots/theme-default/snapshot-for-heading-badge-firefox-linux.png and b/packages/themes/default/snapshots/theme-default/snapshot-for-heading-badge-firefox-linux.png differ
diff --git a/packages/themes/default/snapshots/theme-default/snapshot-for-input-checkbox-basic-firefox-linux.png b/packages/themes/default/snapshots/theme-default/snapshot-for-input-checkbox-basic-firefox-linux.png
index 9e247bd156..53a49f8d1a 100644
Binary files a/packages/themes/default/snapshots/theme-default/snapshot-for-input-checkbox-basic-firefox-linux.png and b/packages/themes/default/snapshots/theme-default/snapshot-for-input-checkbox-basic-firefox-linux.png differ
diff --git a/packages/themes/default/snapshots/theme-default/snapshot-for-input-checkbox-button-firefox-linux.png b/packages/themes/default/snapshots/theme-default/snapshot-for-input-checkbox-button-firefox-linux.png
index 5e21274b87..6f41bfad9d 100644
Binary files a/packages/themes/default/snapshots/theme-default/snapshot-for-input-checkbox-button-firefox-linux.png and b/packages/themes/default/snapshots/theme-default/snapshot-for-input-checkbox-button-firefox-linux.png differ
diff --git a/packages/themes/default/snapshots/theme-default/snapshot-for-input-checkbox-switch-firefox-linux.png b/packages/themes/default/snapshots/theme-default/snapshot-for-input-checkbox-switch-firefox-linux.png
index a5b3cc2c41..6b0017837a 100644
Binary files a/packages/themes/default/snapshots/theme-default/snapshot-for-input-checkbox-switch-firefox-linux.png and b/packages/themes/default/snapshots/theme-default/snapshot-for-input-checkbox-switch-firefox-linux.png differ
diff --git a/packages/themes/default/snapshots/theme-default/snapshot-for-input-number-basic-firefox-linux.png b/packages/themes/default/snapshots/theme-default/snapshot-for-input-number-basic-firefox-linux.png
index 93fcbbe28f..be83cb3bed 100644
Binary files a/packages/themes/default/snapshots/theme-default/snapshot-for-input-number-basic-firefox-linux.png and b/packages/themes/default/snapshots/theme-default/snapshot-for-input-number-basic-firefox-linux.png differ
diff --git a/packages/themes/default/snapshots/theme-default/snapshot-for-input-radio-basic-firefox-linux.png b/packages/themes/default/snapshots/theme-default/snapshot-for-input-radio-basic-firefox-linux.png
index 68ea28b56f..ef7857688d 100644
Binary files a/packages/themes/default/snapshots/theme-default/snapshot-for-input-radio-basic-firefox-linux.png and b/packages/themes/default/snapshots/theme-default/snapshot-for-input-radio-basic-firefox-linux.png differ
diff --git a/packages/themes/default/snapshots/theme-default/snapshot-for-input-range-basic-firefox-linux.png b/packages/themes/default/snapshots/theme-default/snapshot-for-input-range-basic-firefox-linux.png
index a3cab8e1ab..5151f5d614 100644
Binary files a/packages/themes/default/snapshots/theme-default/snapshot-for-input-range-basic-firefox-linux.png and b/packages/themes/default/snapshots/theme-default/snapshot-for-input-range-basic-firefox-linux.png differ
diff --git a/packages/themes/default/snapshots/theme-default/snapshot-for-link-basic-firefox-linux.png b/packages/themes/default/snapshots/theme-default/snapshot-for-link-basic-firefox-linux.png
index 5007d01bdb..b7a1171162 100644
Binary files a/packages/themes/default/snapshots/theme-default/snapshot-for-link-basic-firefox-linux.png and b/packages/themes/default/snapshots/theme-default/snapshot-for-link-basic-firefox-linux.png differ
diff --git a/packages/themes/default/snapshots/theme-default/snapshot-for-link-icons-firefox-linux.png b/packages/themes/default/snapshots/theme-default/snapshot-for-link-icons-firefox-linux.png
index 772ac8c8b9..93f0e76328 100644
Binary files a/packages/themes/default/snapshots/theme-default/snapshot-for-link-icons-firefox-linux.png and b/packages/themes/default/snapshots/theme-default/snapshot-for-link-icons-firefox-linux.png differ
diff --git a/packages/themes/default/snapshots/theme-default/snapshot-for-nav-horizontal-firefox-linux.png b/packages/themes/default/snapshots/theme-default/snapshot-for-nav-horizontal-firefox-linux.png
index d4c7460d31..aae4b03909 100644
Binary files a/packages/themes/default/snapshots/theme-default/snapshot-for-nav-horizontal-firefox-linux.png and b/packages/themes/default/snapshots/theme-default/snapshot-for-nav-horizontal-firefox-linux.png differ
diff --git a/packages/themes/default/snapshots/theme-default/snapshot-for-scenarios-appointment-form-firefox-linux.png b/packages/themes/default/snapshots/theme-default/snapshot-for-scenarios-appointment-form-firefox-linux.png
index fd5fbc3b19..9125cad95c 100644
Binary files a/packages/themes/default/snapshots/theme-default/snapshot-for-scenarios-appointment-form-firefox-linux.png and b/packages/themes/default/snapshots/theme-default/snapshot-for-scenarios-appointment-form-firefox-linux.png differ
diff --git a/packages/themes/default/snapshots/theme-default/snapshot-for-split-button-basic-firefox-linux.png b/packages/themes/default/snapshots/theme-default/snapshot-for-split-button-basic-firefox-linux.png
index 5bc1a9fa95..f877834390 100644
Binary files a/packages/themes/default/snapshots/theme-default/snapshot-for-split-button-basic-firefox-linux.png and b/packages/themes/default/snapshots/theme-default/snapshot-for-split-button-basic-firefox-linux.png differ
diff --git a/packages/themes/default/snapshots/theme-default/snapshot-for-tabs-basic-firefox-linux.png b/packages/themes/default/snapshots/theme-default/snapshot-for-tabs-basic-firefox-linux.png
index 8b80dedca2..a7d15c99bf 100644
Binary files a/packages/themes/default/snapshots/theme-default/snapshot-for-tabs-basic-firefox-linux.png and b/packages/themes/default/snapshots/theme-default/snapshot-for-tabs-basic-firefox-linux.png differ