add german labels

bsi-software · Jun 8, 2022 · 2274189 · 2274189
1 parent 7a64da5
commit 2274189
Show file tree

Hide file tree

Showing 90 changed files with 842 additions and 633 deletions.
diff --git a/configs/styles/background-color.js b/configs/styles/background-color.js
@@ -2,38 +2,26 @@ const {cx} = require('@bsi-cx/design-build');
 
 module.exports = cx.style
   .withIdentifier('background-color-KJRfob')
-  .withLabel('Background color')
+  /*.withLabel('Background color')*/
+  .withLabel('Hintergrundfarbe')
   .withCssClasses(
     cx.cssClass
+      /*.withLabel('Transparent')*/
       .withLabel('Transparent')
       .withCssClass('bsi-bg-color-transparent'),
     cx.cssClass
-      .withLabel('Primary color')
+      /*.withLabel('Primary color')*/
+      .withLabel('Primärfarbe')
       .withCssClass('bsi-bg-color-primary'),
     cx.cssClass
-      .withLabel('Secondary color')
+      /*.withLabel('Secondary color')*/
+      .withLabel('Sekundärfarbe')
       .withCssClass('bsi-bg-color-secondary'),
     cx.cssClass
-      .withLabel('Tertiary color')
+      /*.withLabel('Tertiary color')*/
+      .withLabel('Tertiärfarbe')
       .withCssClass('bsi-bg-color-tertiary'),
     cx.cssClass
-      .withLabel('Primary pastel color')
-      .withCssClass('bsi-bg-color-primary-pastel'),
-    cx.cssClass
-      .withLabel('Secondary pastel color')
-      .withCssClass('bsi-bg-color-secondary-pastel'),
-    cx.cssClass
-      .withLabel('Tertiary pastel color')
-      .withCssClass('bsi-bg-color-tertiary-pastel'),
-    cx.cssClass
-      .withLabel('Light brown')
-      .withCssClass('bsi-bg-color-brown-light'),
-    cx.cssClass
-      .withLabel('Medium brown')
-      .withCssClass('bsi-bg-color-brown-medium'),
-    cx.cssClass
-      .withLabel('Dark brown')
-      .withCssClass('bsi-bg-color-brown-dark'),
-    cx.cssClass
-      .withLabel('Dark')
+      /*.withLabel('Dark')*/
+      .withLabel('Dunkel')
       .withCssClass('bsi-bg-color-dark'));
diff --git a/configs/styles/background-opacity.js b/configs/styles/background-opacity.js
@@ -2,7 +2,8 @@ const {cx} = require('@bsi-cx/design-build');
 
 module.exports = cx.style
   .withIdentifier('background-opacity-tE3oU4')
-  .withLabel('Color opacity')
+  /*.withLabel('Color opacity')*/
+  .withLabel('Farbdeckkraft')
   .withCssClasses(
     cx.cssClass
       .withLabel('10%')

diff --git a/configs/styles/border-radius.js b/configs/styles/border-radius.js
@@ -2,11 +2,14 @@ const {cx} = require('@bsi-cx/design-build');
 
 module.exports = cx.style
   .withIdentifier('border-radius-xTOXFS')
-  .withLabel('Border radius')
+  /*.withLabel('Border radius')*/
+  .withLabel('Abgerundete Ecken')
   .withCssClasses(
     cx.cssClass
-      .withLabel('Sharp corners')
+      /*.withLabel('Sharp corners')*/
+      .withLabel('Nein')
       .withCssClass('bsi-corner-sharp'),
     cx.cssClass
-      .withLabel('Rounded corners')
+      /*.withLabel('Rounded corners')*/
+      .withLabel('Ja')
       .withCssClass('bsi-corner-rounded'));
diff --git a/configs/styles/border.js b/configs/styles/border.js
@@ -2,11 +2,14 @@ const {cx} = require('@bsi-cx/design-build');
 
 module.exports = cx.style
   .withIdentifier('border-5CbXuX')
-  .withLabel('Border')
+  /*.withLabel('Border')*/
+  .withLabel('Rahmen')
   .withCssClasses(
     cx.cssClass
-      .withLabel('Hide border')
+      /*.withLabel('Hide border')*/
+      .withLabel('Rahmen ausblenden')
       .withCssClass('bsi-border-hide'),
     cx.cssClass
-      .withLabel('Show border')
+      /*.withLabel('Show border')*/
+      .withLabel('Rahmen einblenden')
       .withCssClass('bsi-border-visible'));
diff --git a/configs/styles/btn-color.js b/configs/styles/btn-color.js
@@ -2,17 +2,22 @@ const {cx} = require('@bsi-cx/design-build');
 
 module.exports = cx.style
   .withIdentifier('btn-color-eTXeUU')
-  .withLabel('Button color')
+  /*.withLabel('Button color')*/
+  .withLabel('Button Farbe')
   .withCssClasses(
     cx.cssClass
-      .withLabel('Primary color')
+      /*.withLabel('Primary color')*/
+      .withLabel('Primärfarbe')
       .withCssClass('bsi-btn-color-primary'),
     cx.cssClass
-      .withLabel('Secondary color')
+      /*.withLabel('Secondary color')*/
+      .withLabel('Sekundärfarbe')
       .withCssClass('bsi-btn-color-secondary'),
     cx.cssClass
-      .withLabel('Dark')
+      /*.withLabel('Dark')*/
+      .withLabel('Dunkel')
       .withCssClass('bsi-btn-color-dark'),
     cx.cssClass
-      .withLabel('Light')
+      /*.withLabel('Light')*/
+      .withLabel('Hell')
       .withCssClass('bsi-btn-color-light'));
diff --git a/configs/styles/btn-icon.js b/configs/styles/btn-icon.js
@@ -2,14 +2,18 @@ const {cx} = require('@bsi-cx/design-build');
 
 module.exports = cx.style
   .withIdentifier('btn-icon-Fd9wjr')
-  .withLabel('Button icon')
+  /*.withLabel('Button icon')*/
+  .withLabel('Button Icon')
   .withCssClasses(
     cx.cssClass
-      .withLabel('Hide icon')
+      /*.withLabel('Hide icon')*/
+      .withLabel('Icon ausblenden')
       .withCssClass('bsi-btn-icon-hide'),
     cx.cssClass
-      .withLabel('Icon left')
+      /*.withLabel('Icon left')*/
+      .withLabel('Icon links')
       .withCssClass('bsi-btn-icon-left'),
     cx.cssClass
-      .withLabel('Icon right')
+      /*.withLabel('Icon right')*/
+      .withLabel('Icon rechts')
       .withCssClass('bsi-btn-icon-right'));
diff --git a/configs/styles/btn-layout.js b/configs/styles/btn-layout.js
@@ -2,11 +2,14 @@ const {cx} = require('@bsi-cx/design-build');
 
 module.exports = cx.style
   .withIdentifier('btn-layout-YSdX2N')
-  .withLabel('Button layout')
+  /*.withLabel('Button layout')*/
+  .withLabel('Button Layout')
   .withCssClasses(
     cx.cssClass
-      .withLabel('Filled')
+      /*.withLabel('Filled')*/
+      .withLabel('Farbig ausgefüllt')
       .withCssClass('bsi-btn-filled'),
     cx.cssClass
-      .withLabel('Outline')
+      /*.withLabel('Outline')*/
+      .withLabel('Farbig umrandet')
       .withCssClass('bsi-btn-outline'));
diff --git a/configs/styles/btn-letter-case.js b/configs/styles/btn-letter-case.js
@@ -2,11 +2,14 @@ const {cx} = require('@bsi-cx/design-build');
 
 module.exports = cx.style
   .withIdentifier('btn-letter-case-ItTYNe')
-  .withLabel('Letter case')
+  /*.withLabel('Letter case')*/
+  .withLabel('Text in Grossbuchstaben')
   .withCssClasses(
     cx.cssClass
-      .withLabel('Default')
+      /*.withLabel('Default')*/
+      .withLabel('Nein')
       .withCssClass('bsi-btn-letter-default'),
     cx.cssClass
-      .withLabel('All uppercase')
+      /*.withLabel('All uppercase')*/
+      .withLabel('Ja')
       .withCssClass('bsi-btn-letter-uppercase'));
diff --git a/configs/styles/btn-size.js b/configs/styles/btn-size.js
@@ -2,14 +2,18 @@ const {cx} = require('@bsi-cx/design-build');
 
 module.exports = cx.style
   .withIdentifier('btn-size-pKDVBL')
-  .withLabel('Button size')
+  /*.withLabel('Button size')*/
+  .withLabel('Button Grösse')
   .withCssClasses(
     cx.cssClass
-      .withLabel('Small')
+      /*.withLabel('Small')*/
+      .withLabel('Klein')
       .withCssClass('bsi-btn-size-sm'),
     cx.cssClass
+      /*.withLabel('Medium')*/
       .withLabel('Medium')
       .withCssClass('bsi-btn-size-md'),
     cx.cssClass
-      .withLabel('Large')
+      /*.withLabel('Large')*/
+      .withLabel('Gross')
       .withCssClass('bsi-btn-size-lg'));
diff --git a/configs/styles/btn-width.js b/configs/styles/btn-width.js
@@ -2,11 +2,14 @@ const {cx} = require('@bsi-cx/design-build');
 
 module.exports = cx.style
   .withIdentifier('btn-width-wdOcZR')
-  .withLabel('Button width')
+  /*.withLabel('Button width')*/
+  .withLabel('Button Breite')
   .withCssClasses(
     cx.cssClass
-      .withLabel('Default')
+      /*.withLabel('Default')*/
+      .withLabel('Standard')
       .withCssClass('bsi-btn-width-default'),
     cx.cssClass
-      .withLabel('Wide')
+      /*.withLabel('Wide')*/
+      .withLabel('Über ganze Breite')
       .withCssClass('bsi-btn-width-wide'));
diff --git a/configs/styles/col-alignment.js b/configs/styles/col-alignment.js
@@ -2,14 +2,18 @@ const {cx} = require('@bsi-cx/design-build');
 
 module.exports = cx.style
   .withIdentifier('col-alignment-jt2uRS')
-  .withLabel('Alignment')
+  /*.withLabel('Alignment')*/
+  .withLabel('Ausrichtung')
   .withCssClasses(
     cx.cssClass
-      .withLabel('Align left')
+      /*.withLabel('Align left')*/
+      .withLabel('Linksbündig')
       .withCssClass('bsi-col-align-left'),
     cx.cssClass
-      .withLabel('Center')
+      /*.withLabel('Center')*/
+      .withLabel('Zentriert')
       .withCssClass('bsi-col-align-center'),
     cx.cssClass
-      .withLabel('Align right')
+      /*.withLabel('Align right')*/
+      .withLabel('Rechtsbündig')
       .withCssClass('bsi-col-align-right'));
diff --git a/configs/styles/col-gap.js b/configs/styles/col-gap.js
@@ -2,11 +2,14 @@ const {cx} = require('@bsi-cx/design-build');
 
 module.exports = cx.style
   .withIdentifier('col-gap-5SzAwS')
-  .withLabel('Gap between columns')
+  /*.withLabel('Gap between columns')*/
+  .withLabel('Abstände zwischen Spalten')
   .withCssClasses(
     cx.cssClass
-      .withLabel('Show gaps')
+      /*.withLabel('Show gaps')*/
+      .withLabel('Abstände einblenden')
       .withCssClass('bsi-gaps-visible'),
     cx.cssClass
-      .withLabel('Hide gaps')
+      /*.withLabel('Hide gaps')*/
+      .withLabel('Abstände ausblenden')
       .withCssClass('bsi-gaps-hide'));
diff --git a/configs/styles/col-spacing.js b/configs/styles/col-spacing.js
@@ -2,11 +2,14 @@ const {cx} = require('@bsi-cx/design-build');
 
 module.exports = cx.style
   .withIdentifier('col-spacing-k4h6OP')
-  .withLabel('Spacing')
+  /*.withLabel('Spacing')*/
+  .withLabel('Äussere Abstände')
   .withCssClasses(
     cx.cssClass
-      .withLabel('Show outer spacing (recommended for fixed width)')
+      /*.withLabel('Show outer spacing (recommended for fixed width)')*/
+      .withLabel('Äussere Abstände anzeigen (empfohlen bei fester Breite)')
       .withCssClass('bsi-space-around-visible'),
     cx.cssClass
-      .withLabel('Hide outer spacing (recommended for full width and columns within columns)')
+      /*.withLabel('Hide outer spacing (recommended for full width and columns within columns)')*/
+      .withLabel('Äussere Abstände ausblenden (empfohlen für volle Breite und Spalten innerhalb von Spalten)')
       .withCssClass('bsi-space-around-hide'));
diff --git a/configs/styles/col-three-ratio.js b/configs/styles/col-three-ratio.js
@@ -2,7 +2,8 @@ const {cx} = require('@bsi-cx/design-build');
 
 module.exports = cx.style
   .withIdentifier('col-three-ratio-koAzWH')
-  .withLabel('Columns width ratio')
+  /*.withLabel('Columns width ratio')*/
+  .withLabel('Verhältnis der Spaltenbreiten')
   .withCssClasses(
     cx.cssClass
       .withLabel('1 - 1 - 1')

diff --git a/configs/styles/col-two-ratio.js b/configs/styles/col-two-ratio.js
@@ -2,7 +2,8 @@ const {cx} = require('@bsi-cx/design-build');
 
 module.exports = cx.style
   .withIdentifier('col-two-ratio-dYkpTf')
-  .withLabel('Columns width ratio')
+  /*.withLabel('Columns width ratio')*/
+  .withLabel('Verhältnis der Spaltenbreiten')
   .withCssClasses(
     cx.cssClass
       .withLabel('1 - 1')

diff --git a/configs/styles/col-width.js b/configs/styles/col-width.js
@@ -2,11 +2,14 @@ const {cx} = require('@bsi-cx/design-build');
 
 module.exports = cx.style
   .withIdentifier('col-width-pv2OCc')
-  .withLabel('Layout width')
+  /*.withLabel('Layout width')*/
+  .withLabel('Breite des Layouts')
   .withCssClasses(
     cx.cssClass
-      .withLabel('Fixed width')
+      /*.withLabel('Fixed width')*/
+      .withLabel('Feste Breite')
       .withCssClass('container'),
     cx.cssClass
-      .withLabel('Full width')
+      /*.withLabel('Full width')*/
+      .withLabel('Volle Breite')
       .withCssClass('container-fluid'));
diff --git a/configs/styles/color-gradient.js b/configs/styles/color-gradient.js
@@ -2,17 +2,22 @@ const {cx} = require('@bsi-cx/design-build');
 
 module.exports = cx.style
   .withIdentifier('color-gradient-oDMf9h')
-  .withLabel('Color gradient')
+  /*.withLabel('Color gradient')*/
+  .withLabel('Farbverlauf')
   .withCssClasses(
     cx.cssClass
-      .withLabel('Hide gradient')
+      /*.withLabel('Hide gradient')*/
+      .withLabel('Farbverlauf ausblenden')
       .withCssClass('bsi-gradient-hide'),
     cx.cssClass
-      .withLabel('Show gradient to bottom')
+      /*.withLabel('Show gradient to bottom')*/
+      .withLabel('Farbverlauf nach unten')
       .withCssClass('bsi-gradient-to-bottom'),
     cx.cssClass
-      .withLabel('Show gradient to top')
+      /*.withLabel('Show gradient to top')*/
+      .withLabel('Farbverlauf nach oben')
       .withCssClass('bsi-gradient-to-top'),
     cx.cssClass
-      .withLabel('Show gradient to bottom and top')
+      /*.withLabel('Show gradient to bottom and top')*/
+      .withLabel('Farbverlauf nach unten und oben')
       .withCssClass('bsi-gradient-to-bottom-and-top'));
diff --git a/configs/styles/figure-aspect-ratio.js b/configs/styles/figure-aspect-ratio.js
@@ -2,7 +2,8 @@ const {cx} = require('@bsi-cx/design-build');
 
 module.exports = cx.style
   .withIdentifier('figure-aspect-ratio-4yu1Zh')
-  .withLabel('Aspect ratio')
+  /*.withLabel('Aspect ratio')*/
+  .withLabel('Seitenverhältnis')
   .withCssClasses(
     cx.cssClass
       .withLabel('Auto')

diff --git a/configs/styles/figure-caption-size.js b/configs/styles/figure-caption-size.js
@@ -2,14 +2,18 @@ const {cx} = require('@bsi-cx/design-build');
 
 module.exports = cx.style
   .withIdentifier('figure-caption-size-pjhiIU')
-  .withLabel('Caption font size')
+  /*.withLabel('Caption font size')*/
+  .withLabel('Schriftgrösse der Bildunterschrift')
   .withCssClasses(
     cx.cssClass
-      .withLabel('Small')
+      /*.withLabel('Small')*/
+      .withLabel('Klein')
       .withCssClass('bsi-caption-small'),
     cx.cssClass
+      /*.withLabel('Medium')*/
       .withLabel('Medium')
       .withCssClass('bsi-caption-medium'),
     cx.cssClass
-      .withLabel('Large')
+      /*.withLabel('Large')*/
+      .withLabel('Gross')
       .withCssClass('bsi-caption-large'));