@marioschmidt/design-system-tokens 1.0.67 → 1.0.68

package/dist/css/advertorial/components/newsticker.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.67
+ * ADVERTORIAL Design System Tokens v1.0.68
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: NewsTicker Component Tokens
@@ -14,37 +14,38 @@
 
 /* === TYPOGRAPHY TOKENS === */
 
-[data-brand="advertorial"] {
-  .news-ticker-time-stamp {
-    font-family: var(--font-family-lucida-grande, Lucida Grande);
-    font-weight: var(--font-weight-bold, 700);
-    font-size: 16px;
-    line-height: 20.8px;
-  }
-
-  .news-ticker-kicker {
-    font-family: var(--font-family-lucida-grande, Lucida Grande);
-    font-weight: var(--font-weight-bold, 700);
-    font-size: var(--kicker-3-font-size, 14px);
-    line-height: var(--kicker-3-line-height, 15.4px);
-  }
+[data-content-brand="advertorial"] .news-ticker-time-stamp,
+:host([data-content-brand="advertorial"]) .news-ticker-time-stamp {
+  font-family: var(--font-family-lucida-grande, Lucida Grande);
+  font-weight: var(--font-weight-bold, 700);
+  font-size: 16px;
+  line-height: 20.8px;
+}
 
-  .news-ticker-headline {
-    font-family: var(--font-family-lucida-grande, Lucida Grande);
-    font-weight: 900;
-    font-size: var(--headline-3-font-size, 24px);
-    line-height: var(--headline-3-line-height, 26.4px);
-  }
+[data-content-brand="advertorial"] .news-ticker-kicker,
+:host([data-content-brand="advertorial"]) .news-ticker-kicker {
+  font-family: var(--font-family-lucida-grande, Lucida Grande);
+  font-weight: var(--font-weight-bold, 700);
+  font-size: var(--kicker-3-font-size, 14px);
+  line-height: var(--kicker-3-line-height, 15.4px);
+}
 
+[data-content-brand="advertorial"] .news-ticker-headline,
+:host([data-content-brand="advertorial"]) .news-ticker-headline {
+  font-family: var(--font-family-lucida-grande, Lucida Grande);
+  font-weight: 900;
+  font-size: var(--headline-3-font-size, 24px);
+  line-height: var(--headline-3-line-height, 26.4px);
 }
 
 /* === BREAKPOINT TOKENS === */
 
-[data-brand="advertorial"] {
+[data-content-brand="advertorial"],
+:host([data-content-brand="advertorial"]) {
   --news-ticker-time-font-size: 16px;
   --news-ticker-time-font-weight: var(--font-weight-bold, 700);
   --news-ticker-time-font-family: var(--font-family-lucida-grande, Lucida Grande);
-  --news-ticker-time-line-height: 20.8;
+  --news-ticker-time-line-height: 20.8px;
   --news-ticker-content-stack-space: var(--gap-space-const-xs);
   --news-ticker-kicker-inner-stack-space: var(--space-0-p-25-x, 2px);
   --news-ticker-titles-inline-space: 18px;
@@ -61,13 +62,15 @@
 }
 
 @media (min-width: 390px) {
-  [data-brand="advertorial"] {
+  [data-content-brand="advertorial"],
+:host([data-content-brand="advertorial"]) {
     --news-ticker-time-font-family: var(--label-font-family);
   }
 }
 
 @media (min-width: 600px) {
-  [data-brand="advertorial"] {
+  [data-content-brand="advertorial"],
+:host([data-content-brand="advertorial"]) {
     --news-ticker-titles-inline-space: var(--space-3-x, 24px);
     --news-ticker-badges-inline-space: var(--space-1-p-5-x, 12px);
     --news-ticker-time-kicker-stack-space: var(--space-0-p-75-x, 6px);
@@ -80,9 +83,10 @@
 }
 
 @media (min-width: 1024px) {
-  [data-brand="advertorial"] {
+  [data-content-brand="advertorial"],
+:host([data-content-brand="advertorial"]) {
     --news-ticker-time-font-size: 18px;
-    --news-ticker-time-line-height: 23.4;
+    --news-ticker-time-line-height: 23.4px;
     --news-ticker-titles-inline-space: 30px;
     --news-ticker-badges-inline-space: var(--space-2-x, 16px);
     --news-ticker-red-dot-size: var(--size-2-x, 16px);

package/dist/css/advertorial/components/pagination.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.67
+ * ADVERTORIAL Design System Tokens v1.0.68
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: Pagination Component Tokens
@@ -14,21 +14,20 @@
 
 /* === TYPOGRAPHY TOKENS === */
 
-[data-brand="advertorial"] {
-  .numbered-pagination-active {
-    font-family: var(--font-family-lucida-grande, Lucida Grande);
-    font-weight: var(--font-weight-bold, 700);
-    font-size: var(--label-1-font-size, 17px);
-    line-height: var(--label-1-line-height, 20.4px);
-    letter-spacing: var(--letter-space-0-p-25, 0.25px);
-    text-decoration: underline;
-  }
-
+[data-content-brand="advertorial"] .numbered-pagination-active,
+:host([data-content-brand="advertorial"]) .numbered-pagination-active {
+  font-family: var(--font-family-lucida-grande, Lucida Grande);
+  font-weight: var(--font-weight-bold, 700);
+  font-size: var(--label-1-font-size, 17px);
+  line-height: var(--label-1-line-height, 20.4px);
+  letter-spacing: var(--letter-space-0-p-25, 0.25px);
+  text-decoration: underline;
 }
 
 /* === BREAKPOINT TOKENS === */
 
-[data-brand="advertorial"] {
+[data-content-brand="advertorial"],
+:host([data-content-brand="advertorial"]) {
   --gallery-pagination-item-height-size: var(--size-0-p-5-x, 4px);
   --gallery-pagination-container-web-inline-space: var(--inline-space-const-sm);
   --gallery-pagination-container-stack-space: var(--stack-space-const-md);
@@ -37,7 +36,8 @@
 }
 
 @media (min-width: 600px) {
-  [data-brand="advertorial"] {
+  [data-content-brand="advertorial"],
+:host([data-content-brand="advertorial"]) {
     --gallery-pagination-container-web-inline-space: var(--inline-space-const-md);
     --gallery-pagination-container-stack-space: var(--stack-space-const-lg);
   }

package/dist/css/advertorial/components/paywall.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.67
+ * ADVERTORIAL Design System Tokens v1.0.68
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: Paywall Component Tokens
@@ -14,33 +14,33 @@
 
 /* === TYPOGRAPHY TOKENS === */
 
-[data-brand="advertorial"] {
-  .paywall-card-price-tag {
-    font-family: var(--font-family-lucida-grande, Lucida Grande);
-    font-weight: var(--font-weight-black, 800);
-    font-size: var(--size-8-x, 64px);
-    line-height: var(--size-8-x, 64px);
-    letter-spacing: var(--letter-space-neg-0-p-5, -0.5px);
-  }
-
-  .paywall-card-note {
-    font-family: var(--font-family-lucida-grande, Lucida Grande);
-    font-weight: var(--font-weight-black, 800);
-    font-size: var(--size-5-x, 40px);
-    line-height: var(--size-5-x, 40px);
-    letter-spacing: var(--letter-space-neg-0-p-5, -0.5px);
-  }
+[data-content-brand="advertorial"] .paywall-card-price-tag,
+:host([data-content-brand="advertorial"]) .paywall-card-price-tag {
+  font-family: var(--font-family-lucida-grande, Lucida Grande);
+  font-weight: var(--font-weight-black, 800);
+  font-size: var(--size-8-x, 64px);
+  line-height: var(--size-8-x, 64px);
+  letter-spacing: var(--letter-space-neg-0-p-5, -0.5px);
+}
 
+[data-content-brand="advertorial"] .paywall-card-note,
+:host([data-content-brand="advertorial"]) .paywall-card-note {
+  font-family: var(--font-family-lucida-grande, Lucida Grande);
+  font-weight: var(--font-weight-black, 800);
+  font-size: var(--size-5-x, 40px);
+  line-height: var(--size-5-x, 40px);
+  letter-spacing: var(--letter-space-neg-0-p-5, -0.5px);
 }
 
 /* === BREAKPOINT TOKENS === */
 
-[data-brand="advertorial"] {
+[data-content-brand="advertorial"],
+:host([data-content-brand="advertorial"]) {
   --paywall-container-gap-space: -48px;
   --paywall-header-bottom-stack-space: var(--space-10-x, 80px);
   --paywall-card-max-width-size: 346px;
   --paywall-card-price-tag-font-size: var(--size-8-x, 64px);
-  --paywall-card-price-tag-line-height: var(--size-8-x, 64);
-  --paywall-card-price-note-line-height: var(--size-5-x, 40);
+  --paywall-card-price-tag-line-height: var(--size-8-x, 64px);
+  --paywall-card-price-note-line-height: var(--size-5-x, 40px);
   --paywall-card-price-note-font-size: var(--size-5-x, 40px);
 }

package/dist/css/advertorial/components/quote.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.67
+ * ADVERTORIAL Design System Tokens v1.0.68
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: Quote Component Tokens
@@ -14,7 +14,8 @@
 
 /* === BREAKPOINT TOKENS === */
 
-[data-brand="advertorial"] {
+[data-content-brand="advertorial"],
+:host([data-content-brand="advertorial"]) {
   --quote-container-inline-space: var(--inline-space-const-lg);
   --quote-container-stack-space: var(--stack-space-resp-lg);
   --quote-quotation-marks-font-size: var(--size-3-p-5-x, 28px);
@@ -22,14 +23,16 @@
 }
 
 @media (min-width: 600px) {
-  [data-brand="advertorial"] {
+  [data-content-brand="advertorial"],
+:host([data-content-brand="advertorial"]) {
     --quote-quotation-marks-font-size: var(--size-4-x, 32px);
     --quote-content-gap-space: var(--gap-space-const-3-xl);
   }
 }
 
 @media (min-width: 1024px) {
-  [data-brand="advertorial"] {
+  [data-content-brand="advertorial"],
+:host([data-content-brand="advertorial"]) {
     --quote-container-inline-space: var(--space-3-p-5-x, 28px);
     --quote-quotation-marks-font-size: var(--size-4-p-5-x, 36px);
   }

package/dist/css/advertorial/components/radiobutton.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.67
+ * ADVERTORIAL Design System Tokens v1.0.68
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: RadioButton Component Tokens
@@ -14,7 +14,8 @@
 
 /* === BREAKPOINT TOKENS === */
 
-[data-brand="advertorial"] {
+[data-content-brand="advertorial"],
+:host([data-content-brand="advertorial"]) {
   --radio-selector-size: var(--size-2-p-5-x, 20px);
   --radio-selector-dot-active-size: var(--size-1-p-5-x, 12px);
 }

package/dist/css/advertorial/components/search.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.67
+ * ADVERTORIAL Design System Tokens v1.0.68
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: Search Component Tokens
@@ -14,6 +14,7 @@
 
 /* === BREAKPOINT TOKENS === */
 
-[data-brand="advertorial"] {
+[data-content-brand="advertorial"],
+:host([data-content-brand="advertorial"]) {
   --search-result-badge-height-size: var(--size-2-p-25-x, 18px);
 }

package/dist/css/advertorial/components/sectiontitle.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.67
+ * ADVERTORIAL Design System Tokens v1.0.68
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: SectionTitle Component Tokens
@@ -14,7 +14,8 @@
 
 /* === BREAKPOINT TOKENS === */
 
-[data-brand="advertorial"] {
+[data-content-brand="advertorial"],
+:host([data-content-brand="advertorial"]) {
   --section-title-inner-stack-bottom-space: var(--space-1-p-5-x, 12px);
   --section-title-height-size: var(--size-4-x, 32px);
   --section-title-arrow-inline-space: 5px;
@@ -22,7 +23,8 @@
 }
 
 @media (min-width: 1024px) {
-  [data-brand="advertorial"] {
+  [data-content-brand="advertorial"],
+:host([data-content-brand="advertorial"]) {
     --section-title-height-size: var(--size-5-x, 40px);
     --section-title-arrow-inline-space-active: 8px;
   }

package/dist/css/advertorial/components/separator.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.67
+ * ADVERTORIAL Design System Tokens v1.0.68
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: Separator Component Tokens
@@ -14,6 +14,7 @@
 
 /* === BREAKPOINT TOKENS === */
 
-[data-brand="advertorial"] {
+[data-content-brand="advertorial"],
+:host([data-content-brand="advertorial"]) {
   --separator-thickness-size: var(--border-width-thick);
 }

package/dist/css/advertorial/components/skeletons.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.67
+ * ADVERTORIAL Design System Tokens v1.0.68
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: Skeletons Component Tokens
@@ -14,7 +14,8 @@
 
 /* === BREAKPOINT TOKENS === */
 
-[data-brand="advertorial"] {
+[data-content-brand="advertorial"],
+:host([data-content-brand="advertorial"]) {
   --headlines-skeleton-image-placeholder-max-width: 282px;
   --article-skeleton-image-inline-space: var(--grid-space-resp-base);
   --article-skeleton-text-inline-space: 0px;
@@ -22,7 +23,8 @@
 }
 
 @media (min-width: 600px) {
-  [data-brand="advertorial"] {
+  [data-content-brand="advertorial"],
+:host([data-content-brand="advertorial"]) {
     --headlines-skeleton-image-placeholder-max-width: var(--size-20-x, 160px);
     --article-skeleton-image-inline-space: var(--space-6-x, 48px);
     --article-skeleton-text-inline-space: var(--space-6-x, 48px);

package/dist/css/advertorial/components/slider.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.67
+ * ADVERTORIAL Design System Tokens v1.0.68
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: Slider Component Tokens
@@ -14,7 +14,8 @@
 
 /* === BREAKPOINT TOKENS === */
 
-[data-brand="advertorial"] {
+[data-content-brand="advertorial"],
+:host([data-content-brand="advertorial"]) {
   --slider-progress-bar-idle-height-size: var(--size-0-p-5-x, 4px);
   --slider-progress-bar-hover-height-size: var(--size-1-x, 8px);
   --slider-progress-inactive-height-size: var(--size-0-p-25-x, 2px);

package/dist/css/advertorial/components/specialnavi.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.67
+ * ADVERTORIAL Design System Tokens v1.0.68
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: SpecialNavi Component Tokens
@@ -14,24 +14,24 @@
 
 /* === TYPOGRAPHY TOKENS === */
 
-[data-brand="advertorial"] {
-  .special-navi-item-label {
-    font-family: var(--font-family-lucida-grande, Lucida Grande);
-    font-weight: 700;
-    font-size: 15px;
-    line-height: 15px;
-  }
-
+[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-weight: 700;
+  font-size: 15px;
+  line-height: 15px;
 }
 
 /* === BREAKPOINT TOKENS === */
 
-[data-brand="advertorial"] {
+[data-content-brand="advertorial"],
+:host([data-content-brand="advertorial"]) {
   --special-navi-inline-space: var(--space-3-x, 24px);
 }
 
 @media (min-width: 1024px) {
-  [data-brand="advertorial"] {
+  [data-content-brand="advertorial"],
+:host([data-content-brand="advertorial"]) {
     --special-navi-inline-space: var(--space-4-x, 32px);
   }
 }

package/dist/css/advertorial/components/spinner.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.67
+ * ADVERTORIAL Design System Tokens v1.0.68
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: Spinner Component Tokens
@@ -14,14 +14,16 @@
 
 /* === BREAKPOINT TOKENS === */
 
-[data-brand="advertorial"] {
+[data-content-brand="advertorial"],
+:host([data-content-brand="advertorial"]) {
   --video-spinner-size: var(--size-const-sm);
   --video-spinner-stroke-size: 2px;
   --video-spinner-size-0-5-x: 20px;
 }
 
 @media (min-width: 600px) {
-  [data-brand="advertorial"] {
+  [data-content-brand="advertorial"],
+:host([data-content-brand="advertorial"]) {
     --video-spinner-size: var(--size-10-x, 80px);
     --video-spinner-stroke-size: 4px;
     --video-spinner-size-0-5-x: 40px;

package/dist/css/advertorial/components/tab.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.67
+ * ADVERTORIAL Design System Tokens v1.0.68
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: Tab Component Tokens
@@ -14,53 +14,56 @@
 
 /* === TYPOGRAPHY TOKENS === */
 
-[data-brand="advertorial"] {
-  .tab-label {
-    font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
-    font-weight: var(--font-weight-bold, 700);
-    font-size: var(--tab-label-font-size, 16px);
-    text-transform: uppercase;
-  }
-
-  .app-bottom-bar-label-default {
-    font-family: var(--font-family-lucida-grande, Lucida Grande);
-    font-weight: var(--font-weight-book, 400);
-    font-size: 11px;
-    line-height: 14.4px;
-  }
+[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-size: var(--tab-label-font-size, 16px);
+  text-transform: uppercase;
+}
 
-  .app-bottom-bar-label-active {
-    font-family: var(--font-family-lucida-grande, Lucida Grande);
-    font-weight: var(--font-weight-bold, 700);
-    font-size: 11px;
-    line-height: 14.4px;
-  }
+[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-weight: var(--font-weight-book, 400);
+  font-size: 11px;
+  line-height: 14.4px;
+}
 
+[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-weight: var(--font-weight-bold, 700);
+  font-size: 11px;
+  line-height: 14.4px;
 }
 
 /* === BREAKPOINT TOKENS === */
 
-[data-brand="advertorial"] {
+[data-content-brand="advertorial"],
+:host([data-content-brand="advertorial"]) {
   --tab-label-font-size: 16px;
   --ios-tabbar-height-size: 49px;
   --android-tabbar-height-size: 56px;
   --tab-label-font-size-line: 12px;
   --apps-tabs-label-font-size: 11px;
-  --apps-tabs-label-line-height: 14.4;
+  --apps-tabs-label-line-height: 14.4px;
   --top-bar-tab-item-height-size: 44px;
 }
 
 @media (min-width: 390px) {
-  [data-brand="advertorial"] {
+  [data-content-brand="advertorial"],
+:host([data-content-brand="advertorial"]) {
     --apps-tabs-label-font-size: 12px;
   }
 }
 
 @media (min-width: 600px) {
-  [data-brand="advertorial"] {
+  [data-content-brand="advertorial"],
+:host([data-content-brand="advertorial"]) {
     --android-tabbar-height-size: 74px;
     --tab-label-font-size-line: 16px;
     --apps-tabs-label-font-size: 16px;
-    --apps-tabs-label-line-height: 23.4;
+    --apps-tabs-label-line-height: 23.4px;
   }
 }

package/dist/css/advertorial/components/table.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.67
+ * ADVERTORIAL Design System Tokens v1.0.68
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: Table Component Tokens
@@ -14,7 +14,8 @@
 
 /* === BREAKPOINT TOKENS === */
 
-[data-brand="advertorial"] {
+[data-content-brand="advertorial"],
+:host([data-content-brand="advertorial"]) {
   --table-column-width-size-1-x: var(--size-10-x, 80px);
   --table-column-width-size-2-x: var(--size-17-p-5-x, 140px);
   --table-column-width-size-0-p-5-x: var(--size-5-x, 40px);
@@ -26,7 +27,8 @@
 }
 
 @media (min-width: 600px) {
-  [data-brand="advertorial"] {
+  [data-content-brand="advertorial"],
+:host([data-content-brand="advertorial"]) {
     --table-column-width-size-1-x: var(--size-12-x, 96px);
     --table-column-width-size-2-x: var(--size-22-p-5-x, 180px);
     --table-column-width-size-0-p-5-x: var(--size-6-x, 48px);
@@ -38,7 +40,8 @@
 }
 
 @media (min-width: 1024px) {
-  [data-brand="advertorial"] {
+  [data-content-brand="advertorial"],
+:host([data-content-brand="advertorial"]) {
     --table-column-width-size-1-x: var(--size-17-p-5-x, 140px);
     --table-column-width-size-2-x: var(--size-27-p-5-x, 220px);
     --table-column-width-size-0-p-5-x: var(--size-9-x, 72px);