@marioschmidt/design-system-tokens 1.0.57 → 1.0.59

package/dist/{bundles → css/bundles}/components/bild-chips.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.57
+ * BILD Design System Tokens v1.0.59
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Component Bundle (Component-specific tokens)

package/dist/{bundles → css/bundles}/components/bild-datepicker.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.57
+ * BILD Design System Tokens v1.0.59
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Component Bundle (Component-specific tokens)

package/dist/{bundles → css/bundles}/components/bild-drawers.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.57
+ * BILD Design System Tokens v1.0.59
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Component Bundle (Component-specific tokens)

package/dist/{bundles → css/bundles}/components/bild-dropdown.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.57
+ * BILD Design System Tokens v1.0.59
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Component Bundle (Component-specific tokens)

package/dist/{bundles → css/bundles}/components/bild-empties.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.57
+ * BILD Design System Tokens v1.0.59
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Component Bundle (Component-specific tokens)

package/dist/{bundles → css/bundles}/components/bild-foldout.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.57
+ * BILD Design System Tokens v1.0.59
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Component Bundle (Component-specific tokens)

package/dist/{bundles → css/bundles}/components/bild-footer.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.57
+ * BILD Design System Tokens v1.0.59
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Component Bundle (Component-specific tokens)
@@ -12,34 +12,30 @@
  * Documentation: https://github.com/UXWizard25/vv-token-test-v3#readme
  */
 
-/* === COMPONENT TOKENS & EFFECTS === */
 
-[data-brand="bild"] {
-  --footer-link-font-family: Gotham XNarrow;
-}
 /* === RESPONSIVE TOKENS & TYPOGRAPHY === */
 
 [data-brand="bild"] {
-  .footercardlink {
+  .footer-card-link {
     font-family: Gotham XNarrow;
     font-weight: 400;
     font-size: 15px;
     text-decoration: underline;
   }
 
-  .footerlinkseparator {
+  .footer-link-separator {
     font-family: Gotham XNarrow;
     font-weight: 400;
   }
 
-  .footerlinks {
+  .footer-links {
     font-family: Gotham XNarrow;
     font-weight: 700;
     font-size: 11px;
     line-height: 14px;
   }
 
-  .footerlinkuserofferpages {
+  .footer-link-user-offer-pages {
     font-family: Gotham XNarrow;
     font-weight: 400;
     font-size: 18px;
@@ -47,26 +43,26 @@
   }
 
   @media (min-width: 390px) {
-    .footercardlink {
+    .footer-card-link {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 15px;
       text-decoration: underline;
     }
 
-    .footerlinkseparator {
+    .footer-link-separator {
       font-family: Gotham XNarrow;
       font-weight: 400;
     }
 
-    .footerlinks {
+    .footer-links {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 11px;
       line-height: 14px;
     }
 
-    .footerlinkuserofferpages {
+    .footer-link-user-offer-pages {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 18px;
@@ -76,26 +72,26 @@
   }
 
   @media (min-width: 600px) {
-    .footercardlink {
+    .footer-card-link {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 15px;
       text-decoration: underline;
     }
 
-    .footerlinkseparator {
+    .footer-link-separator {
       font-family: Gotham XNarrow;
       font-weight: 400;
     }
 
-    .footerlinks {
+    .footer-links {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 11px;
       line-height: 14px;
     }
 
-    .footerlinkuserofferpages {
+    .footer-link-user-offer-pages {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 18px;
@@ -105,26 +101,26 @@
   }
 
   @media (min-width: 1024px) {
-    .footercardlink {
+    .footer-card-link {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 15px;
       text-decoration: underline;
     }
 
-    .footerlinkseparator {
+    .footer-link-separator {
       font-family: Gotham XNarrow;
       font-weight: 400;
     }
 
-    .footerlinks {
+    .footer-links {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 11px;
       line-height: 14px;
     }
 
-    .footerlinkuserofferpages {
+    .footer-link-user-offer-pages {
       font-family: Gotham XNarrow;
       font-weight: 400;
       font-size: 18px;

package/dist/{bundles → css/bundles}/components/bild-gallery.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.57
+ * BILD Design System Tokens v1.0.59
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Component Bundle (Component-specific tokens)

package/dist/{bundles → css/bundles}/components/bild-hey.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.57
+ * BILD Design System Tokens v1.0.59
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Component Bundle (Component-specific tokens)

package/dist/{bundles → css/bundles}/components/bild-icon.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.57
+ * BILD Design System Tokens v1.0.59
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Component Bundle (Component-specific tokens)

package/dist/{bundles → css/bundles}/components/bild-infoelement.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.57
+ * BILD Design System Tokens v1.0.59
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Component Bundle (Component-specific tokens)

package/dist/{bundles → css/bundles}/components/bild-inputfield.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.57
+ * BILD Design System Tokens v1.0.59
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Component Bundle (Component-specific tokens)

package/dist/{bundles → css/bundles}/components/bild-kicker.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.57
+ * BILD Design System Tokens v1.0.59
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Component Bundle (Component-specific tokens)

package/dist/{bundles → css/bundles}/components/bild-liveticker.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.57
+ * BILD Design System Tokens v1.0.59
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Component Bundle (Component-specific tokens)
@@ -16,14 +16,14 @@
 /* === RESPONSIVE TOKENS & TYPOGRAPHY === */
 
 [data-brand="bild"] {
-  .livetickerheadline {
+  .live-ticker-headline {
     font-family: Gotham Condensed;
     font-weight: 600;
     font-size: 22px;
     line-height: 22px;
   }
 
-  .livetickertimestamp {
+  .live-ticker-time-stamp {
     font-family: Gotham XNarrow;
     font-weight: 700;
     font-size: 14px;
@@ -31,14 +31,14 @@
   }
 
   @media (min-width: 390px) {
-    .livetickerheadline {
+    .live-ticker-headline {
       font-family: Gotham Condensed;
       font-weight: 600;
       font-size: 22px;
       line-height: 22px;
     }
 
-    .livetickertimestamp {
+    .live-ticker-time-stamp {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 14px;
@@ -48,14 +48,14 @@
   }
 
   @media (min-width: 600px) {
-    .livetickerheadline {
+    .live-ticker-headline {
       font-family: Gotham Condensed;
       font-weight: 600;
       font-size: 32px;
       line-height: 32px;
     }
 
-    .livetickertimestamp {
+    .live-ticker-time-stamp {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 16px;
@@ -65,14 +65,14 @@
   }
 
   @media (min-width: 1024px) {
-    .livetickerheadline {
+    .live-ticker-headline {
       font-family: Gotham Condensed;
       font-weight: 600;
       font-size: 32px;
       line-height: 32px;
     }
 
-    .livetickertimestamp {
+    .live-ticker-time-stamp {
       font-family: Gotham XNarrow;
       font-weight: 700;
       font-size: 16px;

package/dist/{bundles → css/bundles}/components/bild-mediaplayer.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.57
+ * BILD Design System Tokens v1.0.59
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Component Bundle (Component-specific tokens)

package/dist/{bundles → css/bundles}/components/bild-menu.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.57
+ * BILD Design System Tokens v1.0.59
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Component Bundle (Component-specific tokens)
@@ -25,31 +25,12 @@
   --app-top-bar-text-color-primary: #232629;
   --app-tob-bar-tab-nav-bottom-border: #E9ECEF;
   --app-tob-bar-tab-nav-bottom-border-active: #DD0000;
-  --menu-menu-link-lane-surface-color: #FFFFFF;
-  --menu-menu-link-lane-label-color: #4B525A;
-  --menu-link-lane-label-color-dark: #8C9196;
-  --menu-link-lane-surface-color-dark: #232629;
-  --menu-link-color-border-active: #DD0000;
-  --menu-link-color-border-active-dark: #FFFFFF;
-  --menu-menu-link-lane-label-color-active: #232629;
-  --menu-app-top-bar-surface-color: #FFFFFF;
-  --app-top-bar-bg-color-dark: #343C41;
-  --app-bottom-tab-bar-bg-color: #FFFFFF;
-  --app-bottom-tab-bar-bg-dark: #343C41;
-  --menu-app-top-bar-icon-color: #4B525A;
-  --app-top-bar-icon-color-dark: #8C9196;
-  --app-top-bar-text-color: #232629;
-  --app-top-bar-text-color-dark: #E9ECEF;
-  --menu-app-tob-bar-tab-nav-bottom-border: #E9ECEF;
-  --app-tob-bar-tab-nav-bottom-border-dark: #4B525A;
-  --menu-app-tob-bar-tab-nav-bottom-border-active: #DD0000;
-  --app-tob-bar-tab-nav-bottom-border-active-dark: #FFFFFF;
-
-  .menushadow {
+
+  .menu-shadow {
     box-shadow: 0px 8px 10px -8px rgba(0, 0, 0, 0.1);
   }
 
-  .heyinputshadow {
+  .hey-input-shadow {
     box-shadow: 0px 8px 10px -8px rgba(0, 0, 0, 0);
   }
 }
@@ -67,60 +48,26 @@
   --app-top-bar-text-color-primary: #E9ECEF;
   --app-tob-bar-tab-nav-bottom-border: #4B525A;
   --app-tob-bar-tab-nav-bottom-border-active: #FFFFFF;
-  --menu-menu-link-lane-surface-color: #FFFFFF;
-  --menu-menu-link-lane-label-color: #4B525A;
-  --menu-link-lane-label-color-dark: #8C9196;
-  --menu-link-lane-surface-color-dark: #232629;
-  --menu-link-color-border-active: #DD0000;
-  --menu-link-color-border-active-dark: #FFFFFF;
-  --menu-menu-link-lane-label-color-active: #232629;
-  --menu-app-top-bar-surface-color: #FFFFFF;
-  --app-top-bar-bg-color-dark: #343C41;
-  --app-bottom-tab-bar-bg-color: #FFFFFF;
-  --app-bottom-tab-bar-bg-dark: #343C41;
-  --menu-app-top-bar-icon-color: #4B525A;
-  --app-top-bar-icon-color-dark: #8C9196;
-  --app-top-bar-text-color: #232629;
-  --app-top-bar-text-color-dark: #E9ECEF;
-  --menu-app-tob-bar-tab-nav-bottom-border: #E9ECEF;
-  --app-tob-bar-tab-nav-bottom-border-dark: #4B525A;
-  --menu-app-tob-bar-tab-nav-bottom-border-active: #DD0000;
-  --app-tob-bar-tab-nav-bottom-border-active-dark: #FFFFFF;
-
-  .menushadow {
+
+  .menu-shadow {
     box-shadow: 0px 8px 10px -8px rgba(0, 0, 0, 0.1);
   }
 
-  .heyinputshadow {
+  .hey-input-shadow {
     box-shadow: 0px 8px 10px -8px rgba(0, 0, 0, 0);
   }
 }
-
-/* === COMPONENT TOKENS & EFFECTS === */
-
-[data-brand="bild"] {
-  --menu-item-font-size: 15px;
-  --app-top-bar-title-font-size-md: 14px;
-  --app-top-bar-title-font-size-lg: 14px;
-  --app-top-bar-title-font-size-xs: 12px;
-  --app-top-bar-title-font-size-sm: 12px;
-  --app-top-bar-title-line-height-md: 17px;
-  --app-top-bar-title-line-height-lg: 17px;
-  --app-top-bar-title-line-height-xs: 14px;
-  --app-top-bar-title-line-height-sm: 14px;
-  --menu-item-font-weight: 700;
-}
 /* === RESPONSIVE TOKENS & TYPOGRAPHY === */
 
 [data-brand="bild"] {
-  .apptopbarstagetitle {
+  .app-topbar-stage-title {
     font-family: Gotham;
     font-weight: 800;
     font-size: 12px;
     line-height: 14px;
   }
 
-  .apptopbartabstitle {
+  .app-topbar-tabs-title {
     font-family: Gotham;
     font-weight: 800;
     font-size: 12px;
@@ -128,31 +75,31 @@
     text-transform: upper;
   }
 
-  .menuitemlabel {
+  .menu-item-label {
     font-family: Gotham XNarrow;
+    font-weight: 700;
     font-size: 15px;
     line-height: 15px;
-    font-style: 700;
     text-transform: upper;
   }
 
-  .menuitemutillabel {
+  .menu-item-util-label {
     font-family: Gotham XNarrow;
+    font-weight: 700;
     font-size: 12px;
     line-height: 12px;
-    font-style: 700;
     text-transform: upper;
   }
 
   @media (min-width: 390px) {
-    .apptopbarstagetitle {
+    .app-topbar-stage-title {
       font-family: Gotham;
       font-weight: 800;
       font-size: 12px;
       line-height: 14px;
     }
 
-    .apptopbartabstitle {
+    .app-topbar-tabs-title {
       font-family: Gotham;
       font-weight: 800;
       font-size: 12px;
@@ -160,33 +107,33 @@
       text-transform: upper;
     }
 
-    .menuitemlabel {
+    .menu-item-label {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 15px;
       line-height: 15px;
-      font-style: 700;
       text-transform: upper;
     }
 
-    .menuitemutillabel {
+    .menu-item-util-label {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 12px;
       line-height: 12px;
-      font-style: 700;
       text-transform: upper;
     }
 
   }
 
   @media (min-width: 600px) {
-    .apptopbarstagetitle {
+    .app-topbar-stage-title {
       font-family: Gotham;
       font-weight: 800;
       font-size: 14px;
       line-height: 17px;
     }
 
-    .apptopbartabstitle {
+    .app-topbar-tabs-title {
       font-family: Gotham;
       font-weight: 800;
       font-size: 14px;
@@ -194,33 +141,33 @@
       text-transform: upper;
     }
 
-    .menuitemlabel {
+    .menu-item-label {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 15px;
       line-height: 15px;
-      font-style: 700;
       text-transform: upper;
     }
 
-    .menuitemutillabel {
+    .menu-item-util-label {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 12px;
       line-height: 12px;
-      font-style: 700;
       text-transform: upper;
     }
 
   }
 
   @media (min-width: 1024px) {
-    .apptopbarstagetitle {
+    .app-topbar-stage-title {
       font-family: Gotham;
       font-weight: 800;
       font-size: 14px;
       line-height: 17px;
     }
 
-    .apptopbartabstitle {
+    .app-topbar-tabs-title {
       font-family: Gotham;
       font-weight: 800;
       font-size: 14px;
@@ -228,19 +175,19 @@
       text-transform: upper;
     }
 
-    .menuitemlabel {
+    .menu-item-label {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 15px;
       line-height: 15px;
-      font-style: 700;
       text-transform: upper;
     }
 
-    .menuitemutillabel {
+    .menu-item-util-label {
       font-family: Gotham XNarrow;
+      font-weight: 700;
       font-size: 12px;
       line-height: 12px;
-      font-style: 700;
       text-transform: upper;
     }
 

package/dist/{bundles → css/bundles}/components/bild-menuitem.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.57
+ * BILD Design System Tokens v1.0.59
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Component Bundle (Component-specific tokens)