@marioschmidt/design-system-tokens 1.0.60 → 1.0.62

package/dist/css/bundles/advertorial.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * ADVERTORIAL Design System Tokens v1.0.60
+ * ADVERTORIAL Design System Tokens v1.0.62
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Advertorial | Bundle: Full Bundle (Primitives + Theme + Tokens + Components)
@@ -443,53 +443,53 @@
 
 /* === DENSITY TOKENS === */
 
-/* Density: compact */
-[data-brand="advertorial"][data-density="compact"] {
+/* Density: default */
+[data-brand="advertorial"][data-density="default"] {
   /* ============================================
      OTHER
      ============================================ */
 
-  --button-content-gap-space: var(--space0-75x, 6px);
-  --button-stack-space: var(--space0-75x, 6px);
-  --button-label-font-size: 15px;
-  --button-inline-space: var(--space2x, 16px);
+  --dense-button-content-gap-space: var(--space1x, 8px);
+  --dense-button-stack-space: var(--space1x, 8px);
+  --dense-button-label-font-size: 17px;
+  --dense-button-inline-space: var(--space2-5x, 20px);
 
 }
 
-[data-brand="advertorial"][data-density="compact"] {
+[data-brand="advertorial"][data-density="default"] {
   /* ============================================
      OTHER
      ============================================ */
 
-  --input-field-inline-space: var(--space2x, 16px);
-  --input-field-stack-space: var(--space0-75x, 6px);
-  --input-field-height-size: var(--size4-5x, 36px);
-  --input-field-label-font-size: 16px;
+  --dense-input-field-inline-space: var(--space2x, 16px);
+  --dense-input-field-stack-space: var(--space1x, 8px);
+  --dense-input-field-height-size: var(--size5x, 40px);
+  --dense-input-field-label-font-size: 17px;
 
 }
 
-/* Density: default */
-[data-brand="advertorial"][data-density="default"] {
+/* Density: dense */
+[data-brand="advertorial"][data-density="dense"] {
   /* ============================================
      OTHER
      ============================================ */
 
-  --button-content-gap-space: var(--space1x, 8px);
-  --button-stack-space: var(--space1x, 8px);
-  --button-label-font-size: 17px;
-  --button-inline-space: var(--space2-5x, 20px);
+  --dense-button-content-gap-space: var(--space0-75x, 6px);
+  --dense-button-stack-space: var(--space0-75x, 6px);
+  --dense-button-label-font-size: 15px;
+  --dense-button-inline-space: var(--space2x, 16px);
 
 }
 
-[data-brand="advertorial"][data-density="default"] {
+[data-brand="advertorial"][data-density="dense"] {
   /* ============================================
      OTHER
      ============================================ */
 
-  --input-field-inline-space: var(--space2x, 16px);
-  --input-field-stack-space: var(--space1x, 8px);
-  --input-field-height-size: var(--size5x, 40px);
-  --input-field-label-font-size: 17px;
+  --dense-input-field-inline-space: var(--space2x, 16px);
+  --dense-input-field-stack-space: var(--space0-75x, 6px);
+  --dense-input-field-height-size: var(--size4-5x, 36px);
+  --dense-input-field-label-font-size: 16px;
 
 }
 
@@ -499,10 +499,10 @@
      OTHER
      ============================================ */
 
-  --button-content-gap-space: var(--space1x, 8px);
-  --button-stack-space: var(--space1-5x, 12px);
-  --button-label-font-size: 19px;
-  --button-inline-space: var(--space3x, 24px);
+  --dense-button-content-gap-space: var(--space1x, 8px);
+  --dense-button-stack-space: var(--space1-5x, 12px);
+  --dense-button-label-font-size: 19px;
+  --dense-button-inline-space: var(--space3x, 24px);
 
 }
 
@@ -511,10 +511,10 @@
      OTHER
      ============================================ */
 
-  --input-field-inline-space: var(--space2x, 16px);
-  --input-field-stack-space: var(--space1-5x, 12px);
-  --input-field-height-size: var(--size6x, 48px);
-  --input-field-label-font-size: 19px;
+  --dense-input-field-inline-space: var(--space2x, 16px);
+  --dense-input-field-stack-space: var(--space1-5x, 12px);
+  --dense-input-field-height-size: var(--size6x, 48px);
+  --dense-input-field-label-font-size: 19px;
 
 }
 
@@ -1633,27 +1633,27 @@
 
 /* === DENSITY TOKENS === */
 
-[data-brand="advertorial"][data-density="compact"] {
+[data-brand="advertorial"][data-density="default"] {
   /* ============================================
      OTHER
      ============================================ */
 
-  --button-content-gap-space: var(--space0-75x, 6px);
-  --button-stack-space: var(--space0-75x, 6px);
-  --button-label-font-size: 15px;
-  --button-inline-space: var(--space2x, 16px);
+  --dense-button-content-gap-space: var(--space1x, 8px);
+  --dense-button-stack-space: var(--space1x, 8px);
+  --dense-button-label-font-size: 17px;
+  --dense-button-inline-space: var(--space2-5x, 20px);
 
 }
 
-[data-brand="advertorial"][data-density="default"] {
+[data-brand="advertorial"][data-density="dense"] {
   /* ============================================
      OTHER
      ============================================ */
 
-  --button-content-gap-space: var(--space1x, 8px);
-  --button-stack-space: var(--space1x, 8px);
-  --button-label-font-size: 17px;
-  --button-inline-space: var(--space2-5x, 20px);
+  --dense-button-content-gap-space: var(--space0-75x, 6px);
+  --dense-button-stack-space: var(--space0-75x, 6px);
+  --dense-button-label-font-size: 15px;
+  --dense-button-inline-space: var(--space2x, 16px);
 
 }
 
@@ -1662,10 +1662,10 @@
      OTHER
      ============================================ */
 
-  --button-content-gap-space: var(--space1x, 8px);
-  --button-stack-space: var(--space1-5x, 12px);
-  --button-label-font-size: 19px;
-  --button-inline-space: var(--space3x, 24px);
+  --dense-button-content-gap-space: var(--space1x, 8px);
+  --dense-button-stack-space: var(--space1-5x, 12px);
+  --dense-button-label-font-size: 19px;
+  --dense-button-inline-space: var(--space3x, 24px);
 
 }
 
@@ -1693,16 +1693,16 @@
 /* === BREAKPOINT TOKENS === */
 
 [data-brand="advertorial"] {
-  --button-label-font-size: 15px;
-  --button-inline-space: 16px;
+  --button-label-font-size: var(--dense-button-label-font-size, 15px);
+  --button-inline-space: var(--dense-button-inline-space, 16px);
   --partner-link-button-label-font-size: 16px;
   --partner-link-button-label-height-size: var(--size6x, 48px);
   --button-border-width-size: var(--border-width-thick, 2px);
   --button-content-min-height-size: var(--size-const2-xs, 24px);
   --partner-link-button-inline-space: var(--inline-space-const-sm, 8px);
-  --button-label-line-height: var(--button-label-font-size, 15px);
-  --button-content-gap-space: 6px;
-  --button-stack-space: 6px;
+  --button-label-line-height: var(--dense-button-label-font-size, 15px);
+  --button-content-gap-space: var(--dense-button-content-gap-space, 6px);
+  --button-stack-space: var(--dense-button-stack-space, 6px);
   --button-border-radius: var(--border-radius-md, 8px);
 }
 
@@ -1905,12 +1905,12 @@
 /* === BREAKPOINT TOKENS === */
 
 [data-brand="advertorial"] {
-  --input-field-stack-space: 6px;
-  --input-field-inline-space: 16px;
+  --input-field-stack-space: var(--dense-input-field-stack-space, 6px);
+  --input-field-inline-space: var(--dense-input-field-inline-space, 16px);
   --input-field-mini-label-inline-space: var(--space0-5x, 4px);
-  --input-field-font-size: var(--input-field-label-font-size, 16px);
+  --input-field-font-size: var(--dense-input-field-label-font-size, 16px);
   --input-field-imessage-inline-space: var(--inline-space-const-lg, 16px);
-  --input-field-height-size: 36px;
+  --input-field-height-size: var(--dense-input-field-height-size, 36px);
   --hey-input-container-inline-space: var(--inline-space-const-sm, 8px);
   --input-field-message-gap-space: var(--gap-space-const-xs, 4px);
   --input-field-font-family: var(--font-family-lucida-grande, Lucida Grande);
@@ -1924,27 +1924,27 @@
 
 /* === DENSITY TOKENS === */
 
-[data-brand="advertorial"][data-density="compact"] {
+[data-brand="advertorial"][data-density="default"] {
   /* ============================================
      OTHER
      ============================================ */
 
-  --input-field-inline-space: var(--space2x, 16px);
-  --input-field-stack-space: var(--space0-75x, 6px);
-  --input-field-height-size: var(--size4-5x, 36px);
-  --input-field-label-font-size: 16px;
+  --dense-input-field-inline-space: var(--space2x, 16px);
+  --dense-input-field-stack-space: var(--space1x, 8px);
+  --dense-input-field-height-size: var(--size5x, 40px);
+  --dense-input-field-label-font-size: 17px;
 
 }
 
-[data-brand="advertorial"][data-density="default"] {
+[data-brand="advertorial"][data-density="dense"] {
   /* ============================================
      OTHER
      ============================================ */
 
-  --input-field-inline-space: var(--space2x, 16px);
-  --input-field-stack-space: var(--space1x, 8px);
-  --input-field-height-size: var(--size5x, 40px);
-  --input-field-label-font-size: 17px;
+  --dense-input-field-inline-space: var(--space2x, 16px);
+  --dense-input-field-stack-space: var(--space0-75x, 6px);
+  --dense-input-field-height-size: var(--size4-5x, 36px);
+  --dense-input-field-label-font-size: 16px;
 
 }
 
@@ -1953,10 +1953,10 @@
      OTHER
      ============================================ */
 
-  --input-field-inline-space: var(--space2x, 16px);
-  --input-field-stack-space: var(--space1-5x, 12px);
-  --input-field-height-size: var(--size6x, 48px);
-  --input-field-label-font-size: 19px;
+  --dense-input-field-inline-space: var(--space2x, 16px);
+  --dense-input-field-stack-space: var(--space1-5x, 12px);
+  --dense-input-field-height-size: var(--size6x, 48px);
+  --dense-input-field-label-font-size: 19px;
 
 }
 

package/dist/css/bundles/bild.css

@@ -1,7 +1,7 @@
 /**
  * Do not edit directly, this file was auto-generated.
  *
- * BILD Design System Tokens v1.0.60
+ * BILD Design System Tokens v1.0.62
  * Generated by Style Dictionary v4.0.0
  *
  * Brand: Bild | Bundle: Full Bundle (Primitives + Theme + Tokens + Components)
@@ -687,53 +687,53 @@
 
 /* === DENSITY TOKENS === */
 
-/* Density: compact */
-[data-brand="bild"][data-density="compact"] {
+/* Density: default */
+[data-brand="bild"][data-density="default"] {
   /* ============================================
      OTHER
      ============================================ */
 
-  --button-content-gap-space: var(--space0-75x, 6px);
-  --button-stack-space: var(--space0-75x, 6px);
-  --button-label-font-size: 15px;
-  --button-inline-space: var(--space2x, 16px);
+  --dense-button-content-gap-space: var(--space1x, 8px);
+  --dense-button-stack-space: var(--space1x, 8px);
+  --dense-button-label-font-size: 17px;
+  --dense-button-inline-space: var(--space2-5x, 20px);
 
 }
 
-[data-brand="bild"][data-density="compact"] {
+[data-brand="bild"][data-density="default"] {
   /* ============================================
      OTHER
      ============================================ */
 
-  --input-field-inline-space: var(--space2x, 16px);
-  --input-field-stack-space: var(--space0-75x, 6px);
-  --input-field-height-size: var(--size4-5x, 36px);
-  --input-field-label-font-size: 16px;
+  --dense-input-field-inline-space: var(--space2x, 16px);
+  --dense-input-field-stack-space: var(--space1x, 8px);
+  --dense-input-field-height-size: var(--size5x, 40px);
+  --dense-input-field-label-font-size: 17px;
 
 }
 
-/* Density: default */
-[data-brand="bild"][data-density="default"] {
+/* Density: dense */
+[data-brand="bild"][data-density="dense"] {
   /* ============================================
      OTHER
      ============================================ */
 
-  --button-content-gap-space: var(--space1x, 8px);
-  --button-stack-space: var(--space1x, 8px);
-  --button-label-font-size: 17px;
-  --button-inline-space: var(--space2-5x, 20px);
+  --dense-button-content-gap-space: var(--space0-75x, 6px);
+  --dense-button-stack-space: var(--space0-75x, 6px);
+  --dense-button-label-font-size: 15px;
+  --dense-button-inline-space: var(--space2x, 16px);
 
 }
 
-[data-brand="bild"][data-density="default"] {
+[data-brand="bild"][data-density="dense"] {
   /* ============================================
      OTHER
      ============================================ */
 
-  --input-field-inline-space: var(--space2x, 16px);
-  --input-field-stack-space: var(--space1x, 8px);
-  --input-field-height-size: var(--size5x, 40px);
-  --input-field-label-font-size: 17px;
+  --dense-input-field-inline-space: var(--space2x, 16px);
+  --dense-input-field-stack-space: var(--space0-75x, 6px);
+  --dense-input-field-height-size: var(--size4-5x, 36px);
+  --dense-input-field-label-font-size: 16px;
 
 }
 
@@ -743,10 +743,10 @@
      OTHER
      ============================================ */
 
-  --button-content-gap-space: var(--space1x, 8px);
-  --button-stack-space: var(--space1-5x, 12px);
-  --button-label-font-size: 19px;
-  --button-inline-space: var(--space3x, 24px);
+  --dense-button-content-gap-space: var(--space1x, 8px);
+  --dense-button-stack-space: var(--space1-5x, 12px);
+  --dense-button-label-font-size: 19px;
+  --dense-button-inline-space: var(--space3x, 24px);
 
 }
 
@@ -755,10 +755,10 @@
      OTHER
      ============================================ */
 
-  --input-field-inline-space: var(--space2x, 16px);
-  --input-field-stack-space: var(--space1-5x, 12px);
-  --input-field-height-size: var(--size6x, 48px);
-  --input-field-label-font-size: 19px;
+  --dense-input-field-inline-space: var(--space2x, 16px);
+  --dense-input-field-stack-space: var(--space1-5x, 12px);
+  --dense-input-field-height-size: var(--size6x, 48px);
+  --dense-input-field-label-font-size: 19px;
 
 }
 
@@ -2092,27 +2092,27 @@
 
 /* === DENSITY TOKENS === */
 
-[data-brand="bild"][data-density="compact"] {
+[data-brand="bild"][data-density="default"] {
   /* ============================================
      OTHER
      ============================================ */
 
-  --button-content-gap-space: var(--space0-75x, 6px);
-  --button-stack-space: var(--space0-75x, 6px);
-  --button-label-font-size: 15px;
-  --button-inline-space: var(--space2x, 16px);
+  --dense-button-content-gap-space: var(--space1x, 8px);
+  --dense-button-stack-space: var(--space1x, 8px);
+  --dense-button-label-font-size: 17px;
+  --dense-button-inline-space: var(--space2-5x, 20px);
 
 }
 
-[data-brand="bild"][data-density="default"] {
+[data-brand="bild"][data-density="dense"] {
   /* ============================================
      OTHER
      ============================================ */
 
-  --button-content-gap-space: var(--space1x, 8px);
-  --button-stack-space: var(--space1x, 8px);
-  --button-label-font-size: 17px;
-  --button-inline-space: var(--space2-5x, 20px);
+  --dense-button-content-gap-space: var(--space0-75x, 6px);
+  --dense-button-stack-space: var(--space0-75x, 6px);
+  --dense-button-label-font-size: 15px;
+  --dense-button-inline-space: var(--space2x, 16px);
 
 }
 
@@ -2121,10 +2121,10 @@
      OTHER
      ============================================ */
 
-  --button-content-gap-space: var(--space1x, 8px);
-  --button-stack-space: var(--space1-5x, 12px);
-  --button-label-font-size: 19px;
-  --button-inline-space: var(--space3x, 24px);
+  --dense-button-content-gap-space: var(--space1x, 8px);
+  --dense-button-stack-space: var(--space1-5x, 12px);
+  --dense-button-label-font-size: 19px;
+  --dense-button-inline-space: var(--space3x, 24px);
 
 }
 
@@ -2152,16 +2152,16 @@
 /* === BREAKPOINT TOKENS === */
 
 [data-brand="bild"] {
-  --button-label-font-size: 15px;
-  --button-inline-space: 16px;
+  --button-label-font-size: var(--dense-button-label-font-size, 15px);
+  --button-inline-space: var(--dense-button-inline-space, 16px);
   --partner-link-button-label-font-size: 16px;
   --partner-link-button-label-height-size: var(--size6x, 48px);
   --button-border-width-size: var(--border-width-thick, 2px);
   --button-content-min-height-size: var(--size-const2-xs, 24px);
   --partner-link-button-inline-space: var(--inline-space-const-sm, 8px);
-  --button-label-line-height: var(--button-label-font-size, 15px);
-  --button-content-gap-space: 6px;
-  --button-stack-space: 6px;
+  --button-label-line-height: var(--dense-button-label-font-size, 15px);
+  --button-content-gap-space: var(--dense-button-content-gap-space, 6px);
+  --button-stack-space: var(--dense-button-stack-space, 6px);
   --button-border-radius: var(--border-radius-md, 8px);
 }
 
@@ -2574,12 +2574,12 @@
 /* === BREAKPOINT TOKENS === */
 
 [data-brand="bild"] {
-  --input-field-stack-space: 6px;
-  --input-field-inline-space: 16px;
+  --input-field-stack-space: var(--dense-input-field-stack-space, 6px);
+  --input-field-inline-space: var(--dense-input-field-inline-space, 16px);
   --input-field-mini-label-inline-space: var(--space0-5x, 4px);
-  --input-field-font-size: var(--input-field-label-font-size, 16px);
+  --input-field-font-size: var(--dense-input-field-label-font-size, 16px);
   --input-field-imessage-inline-space: var(--inline-space-const-lg, 16px);
-  --input-field-height-size: 36px;
+  --input-field-height-size: var(--dense-input-field-height-size, 36px);
   --hey-input-container-inline-space: var(--inline-space-const-sm, 8px);
   --input-field-message-gap-space: var(--gap-space-const-xs, 4px);
   --input-field-font-family: var(--font-family-gotham-xnarrow, Gotham XNarrow);
@@ -2593,27 +2593,27 @@
 
 /* === DENSITY TOKENS === */
 
-[data-brand="bild"][data-density="compact"] {
+[data-brand="bild"][data-density="default"] {
   /* ============================================
      OTHER
      ============================================ */
 
-  --input-field-inline-space: var(--space2x, 16px);
-  --input-field-stack-space: var(--space0-75x, 6px);
-  --input-field-height-size: var(--size4-5x, 36px);
-  --input-field-label-font-size: 16px;
+  --dense-input-field-inline-space: var(--space2x, 16px);
+  --dense-input-field-stack-space: var(--space1x, 8px);
+  --dense-input-field-height-size: var(--size5x, 40px);
+  --dense-input-field-label-font-size: 17px;
 
 }
 
-[data-brand="bild"][data-density="default"] {
+[data-brand="bild"][data-density="dense"] {
   /* ============================================
      OTHER
      ============================================ */
 
-  --input-field-inline-space: var(--space2x, 16px);
-  --input-field-stack-space: var(--space1x, 8px);
-  --input-field-height-size: var(--size5x, 40px);
-  --input-field-label-font-size: 17px;
+  --dense-input-field-inline-space: var(--space2x, 16px);
+  --dense-input-field-stack-space: var(--space0-75x, 6px);
+  --dense-input-field-height-size: var(--size4-5x, 36px);
+  --dense-input-field-label-font-size: 16px;
 
 }
 
@@ -2622,10 +2622,10 @@
      OTHER
      ============================================ */
 
-  --input-field-inline-space: var(--space2x, 16px);
-  --input-field-stack-space: var(--space1-5x, 12px);
-  --input-field-height-size: var(--size6x, 48px);
-  --input-field-label-font-size: 19px;
+  --dense-input-field-inline-space: var(--space2x, 16px);
+  --dense-input-field-stack-space: var(--space1-5x, 12px);
+  --dense-input-field-height-size: var(--size6x, 48px);
+  --dense-input-field-label-font-size: 19px;
 
 }