npm - @marioschmidt/design-system-components - Versions diffs - 1.0.76 → 1.0.77 - Mend

@marioschmidt/design-system-components 1.0.76 → 1.0.77

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (193) hide show

package/dist/www/css/advertorial/components/slider.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.76
+ * ADVERTORIAL Design System Tokens v1.0.77
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: Slider Component Tokens

package/dist/www/css/advertorial/components/specialnavi.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.76
+ * ADVERTORIAL Design System Tokens v1.0.77
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: SpecialNavi Component Tokens
@@ -16,7 +16,7 @@
 [data-content-brand="advertorial"] .special-navi-item-label,
 :host([data-content-brand="advertorial"]) .special-navi-item-label {
-  font-family: var(--font-family-lucida-grande, Lucida Grande);
+  font-family: var(--label-font-family);
   font-weight: 700;
   font-size: 15px;
   line-height: 15px;

package/dist/www/css/advertorial/components/spinner.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.76
+ * ADVERTORIAL Design System Tokens v1.0.77
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: Spinner Component Tokens

package/dist/www/css/advertorial/components/tab.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.76
+ * ADVERTORIAL Design System Tokens v1.0.77
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: Tab Component Tokens
@@ -17,14 +17,14 @@
 [data-content-brand="advertorial"] .tab-label,
 :host([data-content-brand="advertorial"]) .tab-label {
   font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
-  font-weight: var(--font-weight-bold, 700);
+  font-weight: var(--label-font-weight-bold);
   font-size: var(--tab-label-font-size, 16px);
   text-transform: uppercase;
 }
 [data-content-brand="advertorial"] .app-bottom-bar-label-default,
 :host([data-content-brand="advertorial"]) .app-bottom-bar-label-default {
-  font-family: var(--font-family-lucida-grande, Lucida Grande);
+  font-family: var(--body-font-family);
   font-weight: var(--font-weight-book, 400);
   font-size: 11px;
   line-height: 14.4px;
@@ -32,7 +32,7 @@
 [data-content-brand="advertorial"] .app-bottom-bar-label-active,
 :host([data-content-brand="advertorial"]) .app-bottom-bar-label-active {
-  font-family: var(--font-family-lucida-grande, Lucida Grande);
+  font-family: var(--body-font-family);
   font-weight: var(--font-weight-bold, 700);
   font-size: 11px;
   line-height: 14.4px;

package/dist/www/css/advertorial/components/table.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.76
+ * ADVERTORIAL Design System Tokens v1.0.77
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: Table Component Tokens

package/dist/www/css/advertorial/components/teaser.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.76
+ * ADVERTORIAL Design System Tokens v1.0.77
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: Teaser Component Tokens
@@ -16,50 +16,50 @@
 [data-content-brand="advertorial"] .a-teaser-a-teaser-kicker,
 :host([data-content-brand="advertorial"]) .a-teaser-a-teaser-kicker {
-  font-family: var(--font-family-lucida-grande, Lucida Grande);
+  font-family: var(--kicker-font-family);
   font-weight: 700;
-  font-size: var(--kicker-3-font-size, 14px);
-  line-height: var(--kicker-3-font-size, 14px);
+  font-size: var(--kicker-3-font-size);
+  line-height: var(--kicker-3-font-size);
 }
 [data-content-brand="advertorial"] .a-teaser-a-teaser-headline,
 :host([data-content-brand="advertorial"]) .a-teaser-a-teaser-headline {
-  font-family: var(--font-family-lucida-grande, Lucida Grande);
+  font-family: var(--headline-font-family);
   font-weight: 900;
-  font-size: var(--headline-3-font-size, 24px);
-  line-height: var(--headline-3-font-size, 24px);
+  font-size: var(--headline-3-font-size);
+  line-height: var(--headline-3-font-size);
 }
 [data-content-brand="advertorial"] .m-qteaser-m-qteaser-kicker,
 :host([data-content-brand="advertorial"]) .m-qteaser-m-qteaser-kicker {
-  font-family: var(--font-family-lucida-grande, Lucida Grande);
+  font-family: var(--kicker-font-family);
   font-weight: 700;
-  font-size: var(--kicker-4-font-size, 12px);
-  line-height: var(--kicker-4-line-height, 13.2px);
+  font-size: var(--kicker-4-font-size);
+  line-height: var(--kicker-4-line-height);
 }
 [data-content-brand="advertorial"] .m-qteaser-m-qteaser-headline,
 :host([data-content-brand="advertorial"]) .m-qteaser-m-qteaser-headline {
-  font-family: var(--font-family-lucida-grande, Lucida Grande);
+  font-family: var(--headline-font-family);
   font-weight: 900;
-  font-size: var(--headline-4-font-size, 16px);
-  line-height: var(--headline-4-line-height, 18.4px);
+  font-size: var(--headline-4-font-size);
+  line-height: var(--headline-4-line-height);
 }
 [data-content-brand="advertorial"] .q-teaser-q-teaser-headline,
 :host([data-content-brand="advertorial"]) .q-teaser-q-teaser-headline {
-  font-family: var(--font-family-lucida-grande, Lucida Grande);
+  font-family: var(--headline-font-family);
   font-weight: 900;
-  font-size: var(--headline-1-font-size, 36px);
-  line-height: var(--headline-1-line-height, 37.8px);
+  font-size: var(--headline-1-font-size);
+  line-height: var(--headline-1-line-height);
 }
 [data-content-brand="advertorial"] .std-teaser-std-teaser-headline,
 :host([data-content-brand="advertorial"]) .std-teaser-std-teaser-headline {
-  font-family: var(--font-family-lucida-grande, Lucida Grande);
+  font-family: var(--headline-font-family);
   font-weight: 700;
-  font-size: var(--headline-4-font-size, 16px);
-  line-height: var(--headline-4-line-height, 18.4px);
+  font-size: var(--headline-4-font-size);
+  line-height: var(--headline-4-line-height);
 }
 /* === BREAKPOINT TOKENS === */

package/dist/www/css/advertorial/components/toggleswitch.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.76
+ * ADVERTORIAL Design System Tokens v1.0.77
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: ToggleSwitch Component Tokens
@@ -16,8 +16,8 @@
 [data-content-brand="advertorial"] .app-toogle-item-label,
 :host([data-content-brand="advertorial"]) .app-toogle-item-label {
-  font-family: var(--font-family-lucida-grande, Lucida Grande);
-  font-weight: var(--font-weight-black, 800);
+  font-family: var(--title-font-family);
+  font-weight: var(--title-font-weight);
   font-size: 14px;
   line-height: 14.1px;
   text-transform: uppercase;

package/dist/www/css/advertorial/components/video.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.76
+ * ADVERTORIAL Design System Tokens v1.0.77
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: Video Component Tokens

package/dist/www/css/advertorial/theme.css CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.76
+ * ADVERTORIAL Design System Tokens v1.0.77
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: Theme (Color tokens + Effects for light/dark mode)