npm - @primer/brand-primitives - Versions diffs - 0.60.1 → 0.61.0 - Mend

@primer/brand-primitives 0.60.1 → 0.61.0

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

package/lib/design-tokens/js/tokens/functional/size/border.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 02 Dec 2025 21:24:52 GMT
+ * Generated on Wed, 17 Dec 2025 14:40:36 GMT
  */
 export const BrandBorderInsetThin = "inset 0 0 0 max(1px, 0.0625rem)";

package/lib/design-tokens/js/tokens/functional/size/breakpoints.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 02 Dec 2025 21:24:52 GMT
+ * Generated on Wed, 17 Dec 2025 14:40:36 GMT
  */
 export const BrandBreakpointXsmall = "20rem";

package/lib/design-tokens/js/tokens/functional/size/size-coarse.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 02 Dec 2025 21:24:53 GMT
+ * Generated on Wed, 17 Dec 2025 14:40:37 GMT
  */
 export const BrandControlMinTargetAuto = "2.75rem";

package/lib/design-tokens/js/tokens/functional/size/size-fine.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 02 Dec 2025 21:24:53 GMT
+ * Generated on Wed, 17 Dec 2025 14:40:37 GMT
  */
 export const BrandControlMinTargetAuto = "1rem";

package/lib/design-tokens/js/tokens/functional/size/size.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 02 Dec 2025 21:24:52 GMT
+ * Generated on Wed, 17 Dec 2025 14:40:36 GMT
  */
 export const BrandControlMinTargetFine = "1rem";

package/lib/design-tokens/js/tokens/functional/size/viewport.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 02 Dec 2025 21:24:52 GMT
+ * Generated on Wed, 17 Dec 2025 14:40:36 GMT
  */
 export const BrandViewportRangeNarrowViewport = "(max-width: calc(48rem - 0.02px))";

package/lib/design-tokens/js/tokens/functional/typography/typography-responsive.js CHANGED Viewed

@@ -1,16 +1,27 @@
 /**
  * Do not edit directly
- * Generated on Tue, 02 Dec 2025 21:24:52 GMT
+ * Generated on Wed, 17 Dec 2025 14:40:36 GMT
  */
-export const BrandBodyFontFamilyAlt = "'Hubot Sans',-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
-export const BrandHeadingFontFamilyAlt = "'Hubot Sans',-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
-export const BrandHeadingWeight800 = "var(--base-text-weight-semibold)";
-export const BrandHeadingWeight900 = "var(--base-text-weight-semibold)";
-export const BrandHeadingWeight1000 = "var(--base-text-weight-bold)";
-export const BrandHeadingLetterSpacing800 = "-0.02em";
-export const BrandHeadingLetterSpacing900 = "-0.02em";
-export const BrandHeadingLetterSpacing1000 = "-0.03em";
+export const BrandFontStackSansSerifAlt = "'Hubot Sans', 'Hubot SansHeaderFallback',-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
+export const BrandBodyFontFamily = "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
+export const BrandBodyFontFamilyAlt = "'Hubot Sans', 'Hubot SansHeaderFallback',-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
+export const BrandHeadingFontFamily = "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
+export const BrandHeadingFontFamilyAlt = "'Hubot Sans', 'Hubot SansHeaderFallback',-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
+export const BrandHeadingWeight400 = 480;
+export const BrandHeadingWeight500 = 480;
+export const BrandHeadingWeight600 = 460;
+export const BrandHeadingWeight700 = 460;
+export const BrandHeadingWeight800 = 465;
+export const BrandHeadingWeight900 = 440;
+export const BrandHeadingWeight1000 = 440;
+export const BrandHeadingLetterSpacing400 = "0";
+export const BrandHeadingLetterSpacing500 = "0";
+export const BrandHeadingLetterSpacing600 = "0";
+export const BrandHeadingLetterSpacing700 = "0";
+export const BrandHeadingLetterSpacing800 = "0";
+export const BrandHeadingLetterSpacing900 = "0";
+export const BrandHeadingLetterSpacing1000 = "0";
 export const BrandHeadingLineHeight400 = "1.3";
 export const BrandHeadingLineHeight500 = "1.3";
 export const BrandHeadingLineHeight600 = "1.3";
@@ -20,11 +31,72 @@ export const BrandHeadingLineHeight900 = "1.1";
 export const BrandHeadingLineHeight1000 = "1.1";
 export const BrandTextSubheadSizeMedium = "1rem";
 export const BrandTextSubheadSizeLarge = "1.125rem";
-export const BrandTextSubheadWeightMedium = "var(--base-text-weight-semibold)";
-export const BrandTextSubheadWeightLarge = "var(--base-text-weight-semibold)";
+export const BrandTextSubheadLetterSpacingMedium = "0.24px";
+export const BrandTextSubheadLetterSpacingLarge = "0.1px";
+export const BrandTextSubheadWeightMedium = 550;
+export const BrandTextSubheadWeightLarge = 475;
 export const BrandTextSubheadLineHeightMedium = "1.3";
 export const BrandTextSubheadLineHeightLarge = "1.3";
-export const BrandTextLetterSpacing100 = "0.02em";
-export const BrandTextLetterSpacing200 = "0em";
-export const BrandTextLetterSpacing300 = "0em";
-export const BrandTextLetterSpacing350 = "0em";
+export const BrandTextWeight100 = "var(--base-text-weight-normal)";
+export const BrandTextWeight200 = "var(--base-text-weight-normal)";
+export const BrandTextWeight300 = "var(--base-text-weight-normal)";
+export const BrandTextWeight350 = "var(--base-text-weight-normal)";
+export const BrandTextWeight400 = "var(--base-text-weight-normal)";
+export const BrandTextWeight500 = "var(--base-text-weight-normal)";
+export const BrandTextWeight600 = "var(--base-text-weight-normal)";
+export const BrandTextWeight700 = "var(--base-text-weight-normal)";
+export const BrandTextWeight800 = "var(--base-text-weight-normal)";
+export const BrandTextWeight900 = "var(--base-text-weight-normal)";
+export const BrandTextWeight1000 = "var(--base-text-weight-normal)";
+export const BrandTextWeightExtralight = 400;
+export const BrandTextWeightLight = 400;
+export const BrandTextWeightRegular = 400;
+export const BrandTextWeightNormal = 400;
+export const BrandTextWeightMedium = 500;
+export const BrandTextWeightSemibold = 525;
+export const BrandTextWeightBold = 537;
+export const BrandTextWeightExtrabold = 543;
+export const BrandTextWeightHeavy = 550;
+export const BrandTextSize100 = "0.875rem";
+export const BrandTextSize200 = "1rem";
+export const BrandTextSize300 = "1.125rem";
+export const BrandTextSize350 = "1.125rem";
+export const BrandTextSize400 = "1.25rem";
+export const BrandTextSize500 = "1.375rem";
+export const BrandTextSize600 = "1.5rem";
+export const BrandTextSize700 = "1.75rem";
+export const BrandTextSize800 = "2rem";
+export const BrandTextSize900 = "2.25rem";
+export const BrandTextSize1000 = "2.5rem";
+export const BrandTextLineHeight100 = "1.5";
+export const BrandTextLineHeight200 = "1.5";
+export const BrandTextLineHeight300 = "1.5";
+export const BrandTextLineHeight350 = "1.5";
+export const BrandTextLineHeight400 = "1.4";
+export const BrandTextLineHeight500 = "1.3";
+export const BrandTextLineHeight600 = "1.3";
+export const BrandTextLineHeight700 = "1.2";
+export const BrandTextLineHeight800 = "1.2";
+export const BrandTextLineHeight900 = "1.2";
+export const BrandTextLineHeight1000 = "1.149";
+export const BrandTextLetterSpacing100 = "0.21px";
+export const BrandTextLetterSpacing200 = "0.24px";
+export const BrandTextLetterSpacing300 = "0.18px";
+export const BrandTextLetterSpacing350 = "0.18px";
+export const BrandTextLetterSpacing400 = "0";
+export const BrandTextLetterSpacing500 = "0";
+export const BrandTextLetterSpacing600 = "0";
+export const BrandTextLetterSpacing700 = "0";
+export const BrandTextLetterSpacing800 = "0";
+export const BrandTextLetterSpacing900 = "0";
+export const BrandTextLetterSpacing1000 = "0";
+export const BrandTextStyleItalic1 = "'ital' 1";
+export const BrandTextStyleItalic2 = "'ital' 2";
+export const BrandTextStyleItalic3 = "'ital' 3";
+export const BrandTextStyleItalic4 = "'ital' 4";
+export const BrandTextStyleItalic5 = "'ital' 5";
+export const BrandTextStyleItalic6 = "'ital' 6";
+export const BrandTextStyleItalic7 = "'ital' 7";
+export const BrandTextStyleItalic8 = "'ital' 8";
+export const BrandTextStyleItalic9 = "'ital' 9";
+export const BrandTextStyleItalic10 = "'ital' 10";

package/lib/design-tokens/js/tokens/functional/typography/typography.js CHANGED Viewed

@@ -1,69 +1,51 @@
 /**
  * Do not edit directly
- * Generated on Tue, 02 Dec 2025 21:24:52 GMT
+ * Generated on Wed, 17 Dec 2025 14:40:36 GMT
  */
-export const BrandFontStackSystem = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
-export const BrandFontStackSansSerif = "'Mona Sans', 'MonaSansFallback',-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
-export const BrandFontStackSansSerifAlt = "'Hubot Sans',-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
+export const BrandFontStackSystem = "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
+export const BrandFontStackSansSerif = "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
 export const BrandFontStackMonospace = "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace";
-export const BrandBodyFontFamily = "'Mona Sans', 'MonaSansFallback',-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
-export const BrandHeadingFontFamily = "'Mona Sans', 'MonaSansFallback',-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
-export const BrandHeadingWeight400 = "var(--base-text-weight-semibold)";
-export const BrandHeadingWeight500 = "var(--base-text-weight-semibold)";
-export const BrandHeadingWeight600 = "var(--base-text-weight-semibold)";
-export const BrandHeadingWeight700 = "var(--base-text-weight-semibold)";
-export const BrandHeadingLetterSpacing400 = "-0.01em";
-export const BrandHeadingLetterSpacing500 = "-0.01em";
-export const BrandHeadingLetterSpacing600 = "-0.02em";
-export const BrandHeadingLetterSpacing700 = "-0.02em";
-export const BrandTextWeight100 = "var(--base-text-weight-normal)";
-export const BrandTextWeight200 = "var(--base-text-weight-normal)";
-export const BrandTextWeight300 = "var(--base-text-weight-normal)";
-export const BrandTextWeight350 = "var(--base-text-weight-semibold)";
-export const BrandTextWeight400 = "var(--base-text-weight-semibold)";
-export const BrandTextWeight500 = "var(--base-text-weight-semibold)";
-export const BrandTextWeight600 = "var(--base-text-weight-semibold)";
-export const BrandTextWeight700 = "var(--base-text-weight-semibold)";
-export const BrandTextWeight800 = "var(--base-text-weight-semibold)";
-export const BrandTextWeight900 = "var(--base-text-weight-semibold)";
-export const BrandTextWeight1000 = "var(--base-text-weight-bold)";
-export const BrandTextSize100 = "0.875rem";
-export const BrandTextSize200 = "1rem";
-export const BrandTextSize300 = "1.125rem";
-export const BrandTextSize350 = "1.125rem";
-export const BrandTextSize400 = "1.25rem";
-export const BrandTextSize500 = "1.375rem";
-export const BrandTextSize600 = "1.5rem";
-export const BrandTextSize700 = "1.75rem";
-export const BrandTextSize800 = "2rem";
-export const BrandTextSize900 = "2.25rem";
-export const BrandTextSize1000 = "2.5rem";
-export const BrandTextLineHeight100 = "1.5";
-export const BrandTextLineHeight200 = "1.5";
-export const BrandTextLineHeight300 = "1.5";
-export const BrandTextLineHeight350 = "1.3";
-export const BrandTextLineHeight400 = "1.3";
-export const BrandTextLineHeight500 = "1.3";
-export const BrandTextLineHeight600 = "1.2";
-export const BrandTextLineHeight700 = "1.2";
-export const BrandTextLineHeight800 = "1.2";
-export const BrandTextLineHeight900 = "1.1";
-export const BrandTextLineHeight1000 = "1.1";
-export const BrandTextLetterSpacing400 = "-0.01em";
-export const BrandTextLetterSpacing500 = "-0.01em";
-export const BrandTextLetterSpacing600 = "-0.02em";
-export const BrandTextLetterSpacing700 = "-0.02em";
-export const BrandTextLetterSpacing800 = "-0.02em";
-export const BrandTextLetterSpacing900 = "-0.02em";
-export const BrandTextLetterSpacing1000 = "-0.03em";
-export const BrandTextStyleItalic1 = "'ital' 1";
-export const BrandTextStyleItalic2 = "'ital' 2";
-export const BrandTextStyleItalic3 = "'ital' 3";
-export const BrandTextStyleItalic4 = "'ital' 4";
-export const BrandTextStyleItalic5 = "'ital' 5";
-export const BrandTextStyleItalic6 = "'ital' 6";
-export const BrandTextStyleItalic7 = "'ital' 7";
-export const BrandTextStyleItalic8 = "'ital' 8";
-export const BrandTextStyleItalic9 = "'ital' 9";
-export const BrandTextStyleItalic10 = "'ital' 10";
+export const BrandFontStackSansSerifDisplay = "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";
+export const BrandTextDisplayLineBoxHeight = 1.4;
+export const BrandTextDisplaySize = "2.5rem";
+export const BrandTextDisplayLineHeight = 1.4;
+export const BrandTextDisplayWeight = 500;
+export const BrandTextDisplayShorthand = {"fontWeight":500,"fontSize":"2.5rem","lineHeight":1.4,"fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
+export const BrandTextTitleSizeLarge = "2rem";
+export const BrandTextTitleSizeMedium = "1.25rem";
+export const BrandTextTitleSizeSmall = "1rem";
+export const BrandTextTitleLineHeightLarge = 1.5;
+export const BrandTextTitleLineHeightMedium = 1.6;
+export const BrandTextTitleLineHeightSmall = 1.5;
+export const BrandTextTitleWeightLarge = 600;
+export const BrandTextTitleWeightMedium = 600;
+export const BrandTextTitleWeightSmall = 600;
+export const BrandTextTitleShorthandLarge = {"fontWeight":600,"fontSize":"2rem","lineHeight":1.5,"fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
+export const BrandTextTitleShorthandMedium = {"fontWeight":600,"fontSize":"1.25rem","lineHeight":1.6,"fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
+export const BrandTextTitleShorthandSmall = {"fontWeight":600,"fontSize":"1rem","lineHeight":1.5,"fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
+export const BrandTextSubtitleSize = "1.25rem";
+export const BrandTextSubtitleLineHeight = 1.6;
+export const BrandTextSubtitleWeight = 400;
+export const BrandTextSubtitleShorthand = {"fontWeight":400,"fontSize":"1.25rem","lineHeight":1.6,"fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
+export const BrandTextBodySizeLarge = "1rem";
+export const BrandTextBodySizeMedium = "0.875rem";
+export const BrandTextBodySizeSmall = "0.75rem";
+export const BrandTextBodyLineHeightLarge = 1.5;
+export const BrandTextBodyLineHeightMedium = 1.4285;
+export const BrandTextBodyLineHeightSmall = 1.6666;
+export const BrandTextBodyWeight = 400;
+export const BrandTextBodyShorthandLarge = {"fontWeight":400,"fontSize":"1rem","lineHeight":1.5,"fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
+export const BrandTextBodyShorthandMedium = {"fontWeight":400,"fontSize":"0.875rem","lineHeight":1.4285,"fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
+export const BrandTextBodyShorthandSmall = {"fontWeight":400,"fontSize":"0.75rem","lineHeight":1.6666,"fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
+export const BrandTextCaptionSize = "0.75rem";
+export const BrandTextCaptionLineHeight = 1.3333;
+export const BrandTextCaptionWeight = 400;
+export const BrandTextCaptionShorthand = {"fontWeight":400,"fontSize":"0.75rem","lineHeight":1.3333,"fontFamily":"-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'"};
+export const BrandTextCodeBlockSize = "0.8125rem";
+export const BrandTextCodeBlockLineHeight = 1.5385;
+export const BrandTextCodeBlockWeight = 400;
+export const BrandTextCodeBlockShorthand = {"fontWeight":400,"fontSize":"0.8125rem","lineHeight":1.5385,"fontFamily":"ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace"};
+export const BrandTextCodeInlineSize = "0.9285em";
+export const BrandTextCodeInlineWeight = 400;
+export const BrandTextCodeInlineShorthand = {"fontWeight":400,"fontSize":"0.9285em","fontFamily":"ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace"};

package/lib/design-tokens/scss/tokens/base/colors/light.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Tue, 02 Dec 2025 21:24:53 GMT
+// Generated on Wed, 17 Dec 2025 14:40:37 GMT
 $base-color-scale-indigo-9: #191F5C;
 $base-color-scale-indigo-8: #22297F;

package/lib/design-tokens/scss/tokens/base/size/size.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Tue, 02 Dec 2025 21:24:53 GMT
+// Generated on Wed, 17 Dec 2025 14:40:37 GMT
 $base-size-128: 8rem;
 $base-size-112: 7rem;

package/lib/design-tokens/scss/tokens/base/typography/typography.scss CHANGED Viewed

@@ -1,12 +1,13 @@
 // Do not edit directly
-// Generated on Tue, 02 Dec 2025 21:24:53 GMT
+// Generated on Wed, 17 Dec 2025 14:40:37 GMT
 $base-text-weight-heavy: 900;
 $base-text-weight-extrabold: 800;
 $base-text-weight-bold: 700;
 $base-text-weight-semibold: 600;
 $base-text-weight-medium: 500;
-$base-text-weight-normal: 450;
+$base-text-weight-normal: 400;
+$base-text-weight-regular: 400;
 $base-text-weight-light: 300;
 $base-text-weight-extralight: 200;

package/lib/design-tokens/scss/tokens/functional/animation/base.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Tue, 02 Dec 2025 21:24:52 GMT
+// Generated on Wed, 17 Dec 2025 14:40:36 GMT
 $brand-animation-variant-scaleInLeft-end: 1;
 $brand-animation-variant-scaleInLeft-start: 0.90;

package/lib/design-tokens/scss/tokens/functional/colors/global.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Tue, 02 Dec 2025 21:24:52 GMT
+// Generated on Wed, 17 Dec 2025 14:40:36 GMT
 $brand-color-focus: var(--base-color-scale-blue-5);
 $brand-color-border-subtle: #e9edf1fe;

package/lib/design-tokens/scss/tokens/functional/components/bento/base.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Tue, 02 Dec 2025 21:24:52 GMT
+// Generated on Wed, 17 Dec 2025 14:40:36 GMT
 $brand-Bento-content-padding-spacious: 3.5rem;
 $brand-Bento-content-padding-normal: var(--base-size-24);

package/lib/design-tokens/scss/tokens/functional/components/card/base.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Tue, 02 Dec 2025 21:24:52 GMT
+// Generated on Wed, 17 Dec 2025 14:40:36 GMT
 $brand-Card-animation-easing: var(--brand-animation-easing-default);
 $brand-Card-animation-duration: 600ms;

package/lib/design-tokens/scss/tokens/functional/components/card/colors.scss CHANGED Viewed

@@ -1,5 +1,5 @@
 // Do not edit directly
-// Generated on Tue, 02 Dec 2025 21:24:52 GMT
+// Generated on Wed, 17 Dec 2025 14:40:36 GMT
 $brand-Card-background-default: var(--brand-color-canvas-default);

package/lib/design-tokens/scss/tokens/functional/components/comparison-table/comparison-table.scss CHANGED Viewed

@@ -1,5 +1,5 @@
 // Do not edit directly
-// Generated on Tue, 02 Dec 2025 21:24:52 GMT
+// Generated on Wed, 17 Dec 2025 14:40:36 GMT
 $brand-ComparisonTable-heading-marginBottom: var(--base-size-8);

package/lib/design-tokens/scss/tokens/functional/components/eyebrow-banner/eyebrow-banner.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Tue, 02 Dec 2025 21:24:52 GMT
+// Generated on Wed, 17 Dec 2025 14:40:36 GMT
 $brand-EyebrowBanner-subHeading-size: var(--brand-text-size-100);
 $brand-EyebrowBanner-heading-size: var(--brand-text-size-100);

package/lib/design-tokens/scss/tokens/functional/components/faq/base.scss CHANGED Viewed

@@ -1,5 +1,5 @@
 // Do not edit directly
-// Generated on Tue, 02 Dec 2025 21:24:52 GMT
+// Generated on Wed, 17 Dec 2025 14:40:36 GMT
 $brand-FAQ-maxWidth-list: 51rem;

package/lib/design-tokens/scss/tokens/functional/components/faq/colors.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Tue, 02 Dec 2025 21:24:52 GMT
+// Generated on Wed, 17 Dec 2025 14:40:36 GMT
 $brand-FAQ-color-tabBg-selected: var(--base-color-scale-gray-1);
 $brand-FAQ-color-tabLabel-selected: var(--brand-color-text-default);

package/lib/design-tokens/scss/tokens/functional/components/faq/faq.scss CHANGED Viewed

@@ -1,5 +1,5 @@
 // Do not edit directly
-// Generated on Tue, 02 Dec 2025 21:24:52 GMT
+// Generated on Wed, 17 Dec 2025 14:40:36 GMT
 $brand-FAQ-heading-marginBottom: var(--base-size-40);

package/lib/design-tokens/scss/tokens/functional/components/footer/colors.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Tue, 02 Dec 2025 21:24:52 GMT
+// Generated on Wed, 17 Dec 2025 14:40:36 GMT
 $brand-footer-socialIcon-hoverFilter: brightness(0);
 $brand-footer-bg-color: var(--base-color-scale-white);

package/lib/design-tokens/scss/tokens/functional/components/frosted-glass-vfx/base.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Tue, 02 Dec 2025 21:24:52 GMT
+// Generated on Wed, 17 Dec 2025 14:40:36 GMT
 $brand-FrostedGlassVFX-blurIntensity-high: var(--base-size-80);
 $brand-FrostedGlassVFX-blurIntensity-medium: var(--base-size-48);

package/lib/design-tokens/scss/tokens/functional/components/grid/colors.scss CHANGED Viewed

@@ -1,5 +1,5 @@
 // Do not edit directly
-// Generated on Tue, 02 Dec 2025 21:24:52 GMT
+// Generated on Wed, 17 Dec 2025 14:40:36 GMT
 $brand-Grid-column-bgColor-overlay: #fb51544d;

package/lib/design-tokens/scss/tokens/functional/components/grid/grid.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Tue, 02 Dec 2025 21:24:52 GMT
+// Generated on Wed, 17 Dec 2025 14:40:36 GMT
 $brand-Grid-spacing-margin: var(--base-size-16);
 $brand-Grid-spacing-column-gap: var(--base-size-16);

package/lib/design-tokens/scss/tokens/functional/components/hero/base.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Tue, 02 Dec 2025 21:24:52 GMT
+// Generated on Wed, 17 Dec 2025 14:40:36 GMT
 $brand-Hero-regular-padding: var(--base-size-128) 0;
 $brand-Hero-narrow-padding: var(--base-size-96) 0;

package/lib/design-tokens/scss/tokens/functional/components/icon/colors.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Tue, 02 Dec 2025 21:24:52 GMT
+// Generated on Wed, 17 Dec 2025 14:40:36 GMT
 $brand-Icon-color-yellow: var(--base-color-scale-yellow-5);
 $brand-Icon-color-teal: var(--base-color-scale-teal-5);

package/lib/design-tokens/scss/tokens/functional/components/ide/base.scss CHANGED Viewed

@@ -1,5 +1,5 @@
 // Do not edit directly
-// Generated on Tue, 02 Dec 2025 21:24:52 GMT
+// Generated on Wed, 17 Dec 2025 14:40:36 GMT
 $brand-IDE-height: 50rem;

package/lib/design-tokens/scss/tokens/functional/components/image/base.scss CHANGED Viewed

@@ -1,5 +1,5 @@
 // Do not edit directly
-// Generated on Tue, 02 Dec 2025 21:24:52 GMT
+// Generated on Wed, 17 Dec 2025 14:40:36 GMT
 $brand-image-aspectRatio: auto;

package/lib/design-tokens/scss/tokens/functional/components/inline-link/base.scss CHANGED Viewed

@@ -1,5 +1,5 @@
 // Do not edit directly
-// Generated on Tue, 02 Dec 2025 21:24:52 GMT
+// Generated on Wed, 17 Dec 2025 14:40:36 GMT
 $brand-InlineLink-transition-timing: var(--brand-animation-duration-fast);

package/lib/design-tokens/scss/tokens/functional/components/inline-link/colors.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Tue, 02 Dec 2025 21:24:52 GMT
+// Generated on Wed, 17 Dec 2025 14:40:36 GMT
 $brand-InlineLink-color-pressed: var(--base-color-scale-blue-8);
 $brand-InlineLink-color-rest: var(--base-color-scale-blue-6);

package/lib/design-tokens/scss/tokens/functional/components/label/colors.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Tue, 02 Dec 2025 21:24:52 GMT
+// Generated on Wed, 17 Dec 2025 14:40:36 GMT
 $brand-Label-color-yellow: var(--base-color-scale-yellow-5);
 $brand-Label-color-teal: var(--base-color-scale-teal-5);

package/lib/design-tokens/scss/tokens/functional/components/link/colors.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Tue, 02 Dec 2025 21:24:52 GMT
+// Generated on Wed, 17 Dec 2025 14:40:36 GMT
 $brand-Link-color-accent: var(--base-color-scale-blue-6);
 $brand-Link-color-default: var(--brand-color-text-default);

package/lib/design-tokens/scss/tokens/functional/components/logosuite/base.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Tue, 02 Dec 2025 21:24:52 GMT
+// Generated on Wed, 17 Dec 2025 14:40:36 GMT
 $brand-LogoSuite-logobar-marquee-gap-condensed: var(--base-size-40);
 $brand-LogoSuite-logobar-marquee-gap-default: var(--base-size-96);

package/lib/design-tokens/scss/tokens/functional/components/logosuite/colors.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Tue, 02 Dec 2025 21:24:52 GMT
+// Generated on Wed, 17 Dec 2025 14:40:36 GMT
 $brand-LogoSuite-color-logo-filter-emphasis: brightness(0) saturate(100%) invert(12%) sepia(20%) saturate(450%) hue-rotate(172deg) brightness(100%) contrast(91%);
 $brand-LogoSuite-color-logo-filter-muted: brightness(0) saturate(100%) invert(37%) sepia(7%) saturate(778%) hue-rotate(171deg) brightness(96%) contrast(91%);

package/lib/design-tokens/scss/tokens/functional/components/pillar/colors.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Tue, 02 Dec 2025 21:24:52 GMT
+// Generated on Wed, 17 Dec 2025 14:40:36 GMT
 $brand-Pillar-icon-color-yellow: var(--base-color-scale-yellow-5);
 $brand-Pillar-icon-color-teal: var(--base-color-scale-teal-5);

package/lib/design-tokens/scss/tokens/functional/components/pricing-options/colors.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Tue, 02 Dec 2025 21:24:52 GMT
+// Generated on Wed, 17 Dec 2025 14:40:36 GMT
 $brand-PricingOptions-featureList-group-heading-color: var(--brand-color-text-default);
 $brand-PricingOptions-item-bgColor-gradient-end: var(--brand-color-canvas-default);

package/lib/design-tokens/scss/tokens/functional/components/pricing-options/pricing-options.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Tue, 02 Dec 2025 21:24:52 GMT
+// Generated on Wed, 17 Dec 2025 14:40:36 GMT
 $brand-PricingOptions-items4-container-padding-inline: var(--base-size-24);
 $brand-PricingOptions-items4-gap: var(--base-size-48);

package/lib/design-tokens/scss/tokens/functional/components/prose/base.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Tue, 02 Dec 2025 21:24:52 GMT
+// Generated on Wed, 17 Dec 2025 14:40:36 GMT
 $brand-Prose-blockquote-spacing: var(--base-size-24);
 $brand-Prose-img-spacing: var(--base-size-48);

package/lib/design-tokens/scss/tokens/functional/components/river/base.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Tue, 02 Dec 2025 21:24:52 GMT
+// Generated on Wed, 17 Dec 2025 14:40:36 GMT
 $brand-River-visual-shadow: 0px 100px 80px rgba(0, 0, 0, 0.0174624), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0235573), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0282784), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.0339075), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.04317), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.07);
 $brand-River-label-margin: var(--base-size-16);

package/lib/design-tokens/scss/tokens/functional/components/river/river.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Tue, 02 Dec 2025 21:24:52 GMT
+// Generated on Wed, 17 Dec 2025 14:40:36 GMT
 $brand-RiverBreakout-spacing-inner: var(--base-size-40);
 $brand-River-spacing-outer: var(--base-size-36);

package/lib/design-tokens/scss/tokens/functional/components/section/section.scss CHANGED Viewed

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Tue, 02 Dec 2025 21:24:52 GMT
+// Generated on Wed, 17 Dec 2025 14:40:36 GMT
 $brand-Section-container-maxWidth: 80rem;
 $brand-Section-padding-spacious: var(--base-size-64);