npm - @marioschmidt/design-system-tokens - Versions diffs - 1.0.67 → 1.0.69 - Mend

@marioschmidt/design-system-tokens 1.0.67 → 1.0.69

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 (1872) hide show

package/dist/css/advertorial/components/accordion.css CHANGED Viewed

@@ -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.69
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: Accordion Component Tokens
@@ -14,17 +14,16 @@
 /* === TYPOGRAPHY TOKENS === */
-[data-brand="advertorial"] {
-  .accordion-label {
-    font-family: var(--font-family-lucida-grande, Lucida Grande);
-    font-weight: var(--font-weight-bold, 700);
-    font-size: var(--label-1-font-size, 17px);
-  }
+[data-content-brand="advertorial"] .accordion-label,
+:host([data-content-brand="advertorial"]) .accordion-label {
+  font-family: var(--font-family-lucida-grande, Lucida Grande);
+  font-weight: var(--font-weight-bold, 700);
+  font-size: var(--label-1-font-size, 17px);
 }
 /* === BREAKPOINT TOKENS === */
-[data-brand="advertorial"] {
+[data-content-brand="advertorial"],
+:host([data-content-brand="advertorial"]) {
   --accordion-label-font-family: var(--font-family-lucida-grande, Lucida Grande);
 }

package/dist/css/advertorial/components/article.css CHANGED Viewed

@@ -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.69
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: Article Component Tokens
@@ -14,46 +14,49 @@
 /* === TYPOGRAPHY TOKENS === */
-[data-brand="advertorial"] {
-  .article-kicker {
-    font-family: var(--font-family-lucida-grande, Lucida Grande);
-    font-weight: 700;
-    font-size: var(--kicker-1-font-size, 16px);
-    line-height: var(--kicker-1-line-height, 17.6px);
-  }
-  .article-image-caption {
-    font-family: var(--font-family-lucida-grande, Lucida Grande);
-    font-weight: var(--font-weight-bold, 700);
-    font-size: var(--article-image-caption-font-size, 13px);
-    line-height: var(--article-image-caption-line-height, 19.5px);
-  }
+[data-content-brand="advertorial"] .article-kicker,
+:host([data-content-brand="advertorial"]) .article-kicker {
+  font-family: var(--font-family-lucida-grande, Lucida Grande);
+  font-weight: 700;
+  font-size: var(--kicker-1-font-size, 16px);
+  line-height: var(--kicker-1-line-height, 17.6px);
+}
-  .article-headline {
-    font-family: var(--font-family-lucida-grande, Lucida Grande);
-    font-weight: 900;
-    font-size: var(--headline-2-font-size, 30px);
-    line-height: var(--headline-2-font-size, 30px);
-  }
+[data-content-brand="advertorial"] .article-image-caption,
+:host([data-content-brand="advertorial"]) .article-image-caption {
+  font-family: var(--font-family-lucida-grande, Lucida Grande);
+  font-weight: var(--font-weight-bold, 700);
+  font-size: var(--article-image-caption-font-size, 13px);
+  line-height: var(--article-image-caption-line-height, 19.5px);
+}
-  .article-meta-source {
-    font-family: var(--font-family-lucida-grande, Lucida Grande);
-    font-weight: var(--font-weight-book, 400);
-    font-size: 13px;
-    line-height: 19px;
-  }
+[data-content-brand="advertorial"] .article-headline,
+:host([data-content-brand="advertorial"]) .article-headline {
+  font-family: var(--font-family-lucida-grande, Lucida Grande);
+  font-weight: 900;
+  font-size: var(--headline-2-font-size, 30px);
+  line-height: var(--headline-2-font-size, 30px);
+}
-  .article-time-stamp {
-    font-family: var(--font-family-lucida-grande, Lucida Grande);
-    font-weight: var(--font-weight-black, 800);
-    font-size: 12px;
-  }
+[data-content-brand="advertorial"] .article-meta-source,
+:host([data-content-brand="advertorial"]) .article-meta-source {
+  font-family: var(--font-family-lucida-grande, Lucida Grande);
+  font-weight: var(--font-weight-book, 400);
+  font-size: 13px;
+  line-height: 19px;
+}
+[data-content-brand="advertorial"] .article-time-stamp,
+:host([data-content-brand="advertorial"]) .article-time-stamp {
+  font-family: var(--font-family-lucida-grande, Lucida Grande);
+  font-weight: var(--font-weight-black, 800);
+  font-size: 12px;
 }
 /* === BREAKPOINT TOKENS === */
-[data-brand="advertorial"] {
+[data-content-brand="advertorial"],
+:host([data-content-brand="advertorial"]) {
   --aricle-mobile-1-col-grid-image-margin-space: var(--space-0-x, 0px);
   --article-top-margin-space: var(--stack-space-resp-sm);
   --article-kicker-font-size: var(--kicker-1-font-size);
@@ -61,8 +64,8 @@
   --article-gallery-ateaser-width: 145px;
   --article-image-caption-font-size: 13px;
   --article-image-source-font-size: 13px;
-  --article-image-caption-line-height: 19.5;
-  --article-image-source-line-height: 19;
+  --article-image-caption-line-height: 19.5px;
+  --article-image-source-line-height: 19px;
   --article-content-stack-space: var(--stack-space-resp-lg);
   --article-headings-stack-space: var(--space-1-p-5-x, 12px);
   --article-image-landscape-inline-space: var(--space-0-x, 0px);
@@ -77,7 +80,8 @@
 }
 @media (min-width: 600px) {
-  [data-brand="advertorial"] {
+  [data-content-brand="advertorial"],
+:host([data-content-brand="advertorial"]) {
     --aricle-mobile-1-col-grid-image-margin-space: var(--space-9-x, 72px);
     --article-headline-font-size: var(--headline-1-font-size);
     --article-gallery-ateaser-width: 260px;
@@ -90,12 +94,13 @@
 }
 @media (min-width: 1024px) {
-  [data-brand="advertorial"] {
+  [data-content-brand="advertorial"],
+:host([data-content-brand="advertorial"]) {
     --article-gallery-ateaser-width: 300px;
     --article-image-caption-font-size: 16px;
     --article-image-source-font-size: 16px;
-    --article-image-caption-line-height: 24;
-    --article-image-source-line-height: 24;
+    --article-image-caption-line-height: 24px;
+    --article-image-source-line-height: 24px;
     --article-headings-stack-space: var(--space-2-x, 16px);
     --article-image-landscape-inline-space: var(--space-2-x, 16px);
     --article-meta-font-size: 16px;

package/dist/css/advertorial/components/audioplayer.css CHANGED Viewed

@@ -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.69
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: AudioPlayer Component Tokens
@@ -14,24 +14,24 @@
 /* === TYPOGRAPHY TOKENS === */
-[data-brand="advertorial"] {
-  .audio-player-label {
-    font-family: var(--font-family-lucida-grande, Lucida Grande);
-    font-weight: var(--font-weight-bold, 700);
-    font-size: 16px;
-    line-height: 16px;
-  }
+[data-content-brand="advertorial"] .audio-player-label,
+:host([data-content-brand="advertorial"]) .audio-player-label {
+  font-family: var(--font-family-lucida-grande, Lucida Grande);
+  font-weight: var(--font-weight-bold, 700);
+  font-size: 16px;
+  line-height: 16px;
 }
 /* === BREAKPOINT TOKENS === */
-[data-brand="advertorial"] {
+[data-content-brand="advertorial"],
+:host([data-content-brand="advertorial"]) {
   --audio-player-font-size: 16px;
 }
 @media (min-width: 1024px) {
-  [data-brand="advertorial"] {
+  [data-content-brand="advertorial"],
+:host([data-content-brand="advertorial"]) {
     --audio-player-font-size: 18px;
   }
 }

package/dist/css/advertorial/components/avatar.css CHANGED Viewed

@@ -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.69
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: Avatar Component Tokens
@@ -14,68 +14,73 @@
 /* === TYPOGRAPHY TOKENS === */
-[data-brand="advertorial"] {
-  .app-avatar {
-    font-family: var(--font-family-lucida-grande, Lucida Grande);
-    font-weight: var(--font-weight-black, 800);
-    font-size: 12px;
-    text-transform: uppercase;
-  }
-  .avatar-default {
-    font-family: var(--font-family-lucida-grande, Lucida Grande);
-    font-weight: var(--font-weight-bold, 700);
-    font-size: 13px;
-    line-height: 21px;
-  }
+[data-content-brand="advertorial"] .app-avatar,
+:host([data-content-brand="advertorial"]) .app-avatar {
+  font-family: var(--font-family-lucida-grande, Lucida Grande);
+  font-weight: var(--font-weight-black, 800);
+  font-size: 12px;
+  text-transform: uppercase;
+}
-  .avatar-hover {
-    font-family: var(--font-family-lucida-grande, Lucida Grande);
-    font-weight: var(--font-weight-bold, 700);
-    font-size: 13px;
-    line-height: 21px;
-    text-decoration: underline;
-  }
+[data-content-brand="advertorial"] .avatar-default,
+:host([data-content-brand="advertorial"]) .avatar-default {
+  font-family: var(--font-family-lucida-grande, Lucida Grande);
+  font-weight: var(--font-weight-bold, 700);
+  font-size: 13px;
+  line-height: 21px;
+}
-  .avatar-secondary-info {
-    font-family: var(--font-family-lucida-grande, Lucida Grande);
-    font-weight: var(--font-weight-book, 400);
-    font-size: 13px;
-    line-height: 21px;
-  }
+[data-content-brand="advertorial"] .avatar-hover,
+:host([data-content-brand="advertorial"]) .avatar-hover {
+  font-family: var(--font-family-lucida-grande, Lucida Grande);
+  font-weight: var(--font-weight-bold, 700);
+  font-size: 13px;
+  line-height: 21px;
+  text-decoration: underline;
+}
-  .avatar-secondary-info-hover {
-    font-family: var(--font-family-lucida-grande, Lucida Grande);
-    font-weight: var(--font-weight-book, 400);
-    font-size: 13px;
-    line-height: 21px;
-    text-decoration: underline;
-  }
+[data-content-brand="advertorial"] .avatar-secondary-info,
+:host([data-content-brand="advertorial"]) .avatar-secondary-info {
+  font-family: var(--font-family-lucida-grande, Lucida Grande);
+  font-weight: var(--font-weight-book, 400);
+  font-size: 13px;
+  line-height: 21px;
+}
+[data-content-brand="advertorial"] .avatar-secondary-info-hover,
+:host([data-content-brand="advertorial"]) .avatar-secondary-info-hover {
+  font-family: var(--font-family-lucida-grande, Lucida Grande);
+  font-weight: var(--font-weight-book, 400);
+  font-size: 13px;
+  line-height: 21px;
+  text-decoration: underline;
 }
 /* === BREAKPOINT TOKENS === */
-[data-brand="advertorial"] {
+[data-content-brand="advertorial"],
+:host([data-content-brand="advertorial"]) {
   --avatar-label-font-size: 13px;
   --avatar-article-size: var(--size-const-md);
   --avatar-author-page-size: var(--size-12-x, 96px);
   --avatar-font-family: var(--font-family-lucida-grande, Lucida Grande);
-  --avatar-label-line-height: 21;
+  --avatar-label-line-height: 21px;
   --avatar-lane-gap-space: var(--space-2-x, 16px);
   --app-avatar-font-family: var(--title-font-family);
 }
 @media (min-width: 600px) {
-  [data-brand="advertorial"] {
+  [data-content-brand="advertorial"],
+:host([data-content-brand="advertorial"]) {
     --avatar-author-page-size: var(--size-16-p-25, 130px);
     --avatar-lane-gap-space: var(--space-3-x, 24px);
   }
 }
 @media (min-width: 1024px) {
-  [data-brand="advertorial"] {
+  [data-content-brand="advertorial"],
+:host([data-content-brand="advertorial"]) {
     --avatar-label-font-size: 15px;
-    --avatar-label-line-height: 23;
+    --avatar-label-line-height: 23px;
   }
 }

package/dist/css/advertorial/components/badge.css CHANGED Viewed

@@ -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.69
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: Badge Component Tokens
@@ -14,26 +14,26 @@
 /* === TYPOGRAPHY TOKENS === */
-[data-brand="advertorial"] {
-  .video-ad-badge {
-    font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
-    font-weight: var(--font-weight-book, 400);
-    font-size: 14px;
-    text-transform: uppercase;
-  }
-  .video-time-badge {
-    font-family: var(--font-family-lucida-grande, Lucida Grande);
-    font-weight: var(--font-weight-book, 400);
-    font-size: 16px;
-    line-height: 21px;
-  }
+[data-content-brand="advertorial"] .video-ad-badge,
+:host([data-content-brand="advertorial"]) .video-ad-badge {
+  font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
+  font-weight: var(--font-weight-book, 400);
+  font-size: 14px;
+  text-transform: uppercase;
+}
+[data-content-brand="advertorial"] .video-time-badge,
+:host([data-content-brand="advertorial"]) .video-time-badge {
+  font-family: var(--font-family-lucida-grande, Lucida Grande);
+  font-weight: var(--font-weight-book, 400);
+  font-size: 16px;
+  line-height: 21px;
 }
 /* === BREAKPOINT TOKENS === */
-[data-brand="advertorial"] {
+[data-content-brand="advertorial"],
+:host([data-content-brand="advertorial"]) {
   --badges-inner-stack-space: var(--stack-space-const-3-xs);
   --badges-inner-inline-space: var(--inline-space-const-2-xs);
   --ad-label-badge-height-size: 30px;

package/dist/css/advertorial/components/breadcrumb.css CHANGED Viewed

@@ -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.69
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: Breadcrumb Component Tokens
@@ -14,50 +14,52 @@
 /* === TYPOGRAPHY TOKENS === */
-[data-brand="advertorial"] {
-  .breadcrumb {
-    font-family: var(--font-family-lucida-grande, Lucida Grande);
-    font-weight: var(--font-weight-bold, 700);
-    font-size: var(--breadcrumb-font-size, 15px);
-    line-height: var(--breadcrumb-line-height, 15px);
-  }
-  .breadcrumb-link {
-    font-family: var(--font-family-lucida-grande, Lucida Grande);
-    font-weight: var(--font-weight-bold, 700);
-    font-size: 15px;
-    line-height: 15px;
-    text-decoration: underline;
-  }
+[data-content-brand="advertorial"] .breadcrumb,
+:host([data-content-brand="advertorial"]) .breadcrumb {
+  font-family: var(--font-family-lucida-grande, Lucida Grande);
+  font-weight: var(--font-weight-bold, 700);
+  font-size: var(--breadcrumb-font-size, 15px);
+  line-height: var(--breadcrumb-line-height, 15px);
+}
-  .breadcrumb-link-hover {
-    font-family: var(--font-family-lucida-grande, Lucida Grande);
-    font-weight: var(--font-weight-bold, 700);
-    font-size: 15px;
-    line-height: 15px;
-    text-decoration: underline;
-  }
+[data-content-brand="advertorial"] .breadcrumb-link,
+:host([data-content-brand="advertorial"]) .breadcrumb-link {
+  font-family: var(--font-family-lucida-grande, Lucida Grande);
+  font-weight: var(--font-weight-bold, 700);
+  font-size: 15px;
+  line-height: 15px;
+  text-decoration: underline;
+}
+[data-content-brand="advertorial"] .breadcrumb-link-hover,
+:host([data-content-brand="advertorial"]) .breadcrumb-link-hover {
+  font-family: var(--font-family-lucida-grande, Lucida Grande);
+  font-weight: var(--font-weight-bold, 700);
+  font-size: 15px;
+  line-height: 15px;
+  text-decoration: underline;
 }
 /* === BREAKPOINT TOKENS === */
-[data-brand="advertorial"] {
+[data-content-brand="advertorial"],
+:host([data-content-brand="advertorial"]) {
   --breadcrumb-font-size: 15px;
   --breadcrumb-font-family: var(--font-family-lucida-grande, Lucida Grande);
   --breadcrumb-arrow-left-inline-space-1: 3px;
   --breadcrumb-arrow-right-inline-space-2: 5px;
   --breadcrumb-inline-space: var(--grid-space-resp-base);
-  --breadcrumb-line-height: 15;
+  --breadcrumb-line-height: 15px;
   --breadcrumb-font-weight: var(--font-weight-bold, 700);
   --breadcrumb-stack-space: 14px;
 }
 @media (min-width: 1024px) {
-  [data-brand="advertorial"] {
+  [data-content-brand="advertorial"],
+:host([data-content-brand="advertorial"]) {
     --breadcrumb-font-size: 12px;
     --breadcrumb-inline-space: 0px;
-    --breadcrumb-line-height: 12;
+    --breadcrumb-line-height: 12px;
     --breadcrumb-stack-space: 16px;
   }
 }

package/dist/css/advertorial/components/breakingnews.css CHANGED Viewed

@@ -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.69
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: BreakingNews Component Tokens
@@ -14,57 +14,60 @@
 /* === TYPOGRAPHY TOKENS === */
-[data-brand="advertorial"] {
-  .breaking-news-text {
-    font-family: var(--font-family-lucida-grande, Lucida Grande);
-    font-weight: var(--font-weight-bold, 700);
-    font-size: 21px;
-    line-height: 24px;
-    text-transform: uppercase;
-  }
-  .breaking-news-upper-title {
-    font-family: var(--font-family-lucida-grande, Lucida Grande);
-    font-weight: var(--font-weight-black, 800);
-    font-size: 13px;
-    line-height: 13px;
-  }
+[data-content-brand="advertorial"] .breaking-news-text,
+:host([data-content-brand="advertorial"]) .breaking-news-text {
+  font-family: var(--font-family-lucida-grande, Lucida Grande);
+  font-weight: var(--font-weight-bold, 700);
+  font-size: 21px;
+  line-height: 24px;
+  text-transform: uppercase;
+}
-  .breaking-news-lower-title {
-    font-family: var(--font-family-lucida-grande, Lucida Grande);
-    font-weight: var(--font-weight-black, 800);
-    font-size: 23px;
-    line-height: 21px;
-  }
+[data-content-brand="advertorial"] .breaking-news-upper-title,
+:host([data-content-brand="advertorial"]) .breaking-news-upper-title {
+  font-family: var(--font-family-lucida-grande, Lucida Grande);
+  font-weight: var(--font-weight-black, 800);
+  font-size: 13px;
+  line-height: 13px;
+}
+[data-content-brand="advertorial"] .breaking-news-lower-title,
+:host([data-content-brand="advertorial"]) .breaking-news-lower-title {
+  font-family: var(--font-family-lucida-grande, Lucida Grande);
+  font-weight: var(--font-weight-black, 800);
+  font-size: 23px;
+  line-height: 21px;
 }
 /* === BREAKPOINT TOKENS === */
-[data-brand="advertorial"] {
+[data-content-brand="advertorial"],
+:host([data-content-brand="advertorial"]) {
   --breaking-news-container-height-size: var(--size-const-lg);
   --breaking-news-badge-upper-title-font-size: 13px;
   --breaking-news-badge-lower-title-font-size: 23px;
-  --breaking-news-badge-upper-title-line-height: 13;
-  --breaking-news-badge-lower-title-line-height: 21;
+  --breaking-news-badge-upper-title-line-height: 13px;
+  --breaking-news-badge-lower-title-line-height: 21px;
   --breaking-news-badge-titels-stack-space: var(--space-0-x, 0px);
   --breaking-news-scrolling-text-font-size: 21px;
-  --breaking-news-scrolling-text-line-height: 24;
+  --breaking-news-scrolling-text-line-height: 24px;
   --breaking-news-badge-inline-space: var(--size-0-p-75-x, 6px);
 }
 @media (min-width: 600px) {
-  [data-brand="advertorial"] {
+  [data-content-brand="advertorial"],
+:host([data-content-brand="advertorial"]) {
     --breaking-news-badge-upper-title-font-size: 17px;
     --breaking-news-badge-lower-title-font-size: 30px;
-    --breaking-news-badge-upper-title-line-height: 12;
+    --breaking-news-badge-upper-title-line-height: 12px;
     --breaking-news-badge-titels-stack-space: var(--space-0-p-5-x, 4px);
     --breaking-news-badge-inline-space: var(--size-1-p-5-x, 12px);
   }
 }
 @media (min-width: 1024px) {
-  [data-brand="advertorial"] {
+  [data-content-brand="advertorial"],
+:host([data-content-brand="advertorial"]) {
     --breaking-news-badge-inline-space: var(--size-3-p-25-x, 26px);
   }
 }

package/dist/css/advertorial/components/button.css CHANGED Viewed

@@ -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.69
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: Button Component Tokens
@@ -14,7 +14,8 @@
 /* === DENSITY TOKENS === */
-[data-brand="advertorial"][data-density="default"] {
+[data-content-brand="advertorial"][data-density="default"],
+:host([data-content-brand="advertorial"][data-density="default"]) {
   /* ============================================
      OTHER
      ============================================ */
@@ -26,7 +27,8 @@
 }
-[data-brand="advertorial"][data-density="dense"] {
+[data-content-brand="advertorial"][data-density="dense"],
+:host([data-content-brand="advertorial"][data-density="dense"]) {
   /* ============================================
      OTHER
      ============================================ */
@@ -38,7 +40,8 @@
 }
-[data-brand="advertorial"][data-density="spacious"] {
+[data-content-brand="advertorial"][data-density="spacious"],
+:host([data-content-brand="advertorial"][data-density="spacious"]) {
   /* ============================================
      OTHER
      ============================================ */
@@ -52,28 +55,28 @@
 /* === TYPOGRAPHY TOKENS === */
-[data-brand="advertorial"] {
-  .button-label {
-    font-family: var(--font-family-lucida-grande, Lucida Grande);
-    font-weight: 700;
-    font-size: var(--button-label-font-size, 15px);
-    line-height: var(--button-label-line-height, 15px);
-    letter-spacing: var(--letter-space-0-p-5, 0.5px);
-    text-transform: uppercase;
-  }
-  .partner-link-button-label {
-    font-family: var(--font-family-lucida-grande, Lucida Grande);
-    font-weight: var(--font-weight-book, 400);
-    font-size: var(--partner-link-button-label-font-size, 16px);
-    line-height: 16px;
-  }
+[data-content-brand="advertorial"] .button-label,
+:host([data-content-brand="advertorial"]) .button-label {
+  font-family: var(--font-family-lucida-grande, Lucida Grande);
+  font-weight: 700;
+  font-size: var(--button-label-font-size, 15px);
+  line-height: var(--button-label-line-height, 15px);
+  letter-spacing: var(--letter-space-0-p-5, 0.5px);
+  text-transform: uppercase;
+}
+[data-content-brand="advertorial"] .partner-link-button-label,
+:host([data-content-brand="advertorial"]) .partner-link-button-label {
+  font-family: var(--font-family-lucida-grande, Lucida Grande);
+  font-weight: var(--font-weight-book, 400);
+  font-size: var(--partner-link-button-label-font-size, 16px);
+  line-height: 16px;
 }
 /* === BREAKPOINT TOKENS === */
-[data-brand="advertorial"] {
+[data-content-brand="advertorial"],
+:host([data-content-brand="advertorial"]) {
   --button-label-font-size: var(--density-button-label-font-size, 15px);
   --button-inline-space: var(--density-button-inline-space, 16px);
   --partner-link-button-label-font-size: 16px;
@@ -81,14 +84,15 @@
   --button-border-width-size: var(--border-width-thick);
   --button-content-min-height-size: var(--size-const-2-xs);
   --partner-link-button-inline-space: var(--inline-space-const-sm);
-  --button-label-line-height: var(--density-button-label-font-size, 15);
+  --button-label-line-height: var(--density-button-label-font-size, 15px);
   --button-content-gap-space: var(--density-button-content-gap-space, 6px);
   --button-stack-space: var(--density-button-stack-space, 6px);
   --button-border-radius: var(--border-radius-md);
 }
 @media (min-width: 1024px) {
-  [data-brand="advertorial"] {
+  [data-content-brand="advertorial"],
+:host([data-content-brand="advertorial"]) {
     --partner-link-button-label-font-size: 18px;
   }
 }