npm - @primer/brand-primitives - Versions diffs - 0.77.0 → 0.78.0-rc.6fbe9fb5 - Mend

@primer/brand-primitives 0.77.0 → 0.78.0-rc.6fbe9fb5

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

package/lib/design-tokens/js/tokens/functional/components/icon-button/colors.js ADDED Viewed

@@ -0,0 +1,19 @@
+/**
+ * Do not edit directly
+ * Generated on Mon, 05 Oct 2026 16:41:52 GMT
+ */
+export const BrandIconButtonDangerFgColorRest = "var(--brand-color-danger-fg)";
+export const BrandIconButtonDangerFgColorHover = "var(--base-color-scale-white-0)";
+export const BrandIconButtonDangerFgColorActive = "var(--base-color-scale-white-0)";
+export const BrandIconButtonDangerBgColorRest = "var(--brand-button-secondary-bgColor-rest)";
+export const BrandIconButtonDangerBgColorHover = "var(--brand-color-danger-emphasis)";
+export const BrandIconButtonDangerBgColorActive = "var(--brand-color-danger-emphasis)";
+export const BrandIconButtonDangerBorderColorRest = "var(--brand-button-secondary-borderColor-rest)";
+export const BrandIconButtonDangerBorderColorHover = "var(--brand-color-danger-emphasis)";
+export const BrandIconButtonDangerBorderColorActive = "var(--brand-color-danger-emphasis)";
+export const BrandIconButtonInactiveFgColor = "var(--brand-color-text-muted)";
+export const BrandIconButtonInactiveBgColor = "var(--brand-color-canvas-subtle)";
+export const BrandIconButtonInactiveBorderColor = "var(--brand-color-canvas-subtle)";
+export const BrandIconButtonInvisibleBgColorRest = "transparent";
+export const BrandIconButtonInvisibleBorderColorRest = "transparent";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Sep 2026 08:36:13 GMT
+ * Generated on Mon, 05 Oct 2026 16:41:52 GMT
  */
 export const BrandIDEHeight = "50rem";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Sep 2026 08:36:13 GMT
+ * Generated on Mon, 05 Oct 2026 16:41:52 GMT
  */
 export const BrandImageAspectRatio = "auto";

package/lib/design-tokens/js/tokens/functional/components/inline-code/colors.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Sep 2026 08:36:13 GMT
+ * Generated on Mon, 05 Oct 2026 16:41:52 GMT
  */
 export const BrandInlineCodeColorFgDefault = "var(--brand-color-text-muted)";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Sep 2026 08:36:13 GMT
+ * Generated on Mon, 05 Oct 2026 16:41:52 GMT
  */
 export const BrandInlineLinkTransitionTiming = "var(--brand-animation-duration-fast)";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Sep 2026 08:36:13 GMT
+ * Generated on Mon, 05 Oct 2026 16:41:52 GMT
  */
 export const BrandInlineLinkColorRest = "var(--brand-color-text-link-rest)";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Sep 2026 08:36:13 GMT
+ * Generated on Mon, 05 Oct 2026 16:41:52 GMT
  */
 export const BrandLabelColorDefault = "var(--brand-color-text-default)";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Sep 2026 08:36:13 GMT
+ * Generated on Mon, 05 Oct 2026 16:41:52 GMT
  */
 export const BrandLinkColorDefault = "var(--brand-color-text-default)";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Sep 2026 08:36:13 GMT
+ * Generated on Mon, 05 Oct 2026 16:41:52 GMT
  */
 export const BrandLogoSuiteLogobarColumnGapDefault = "var(--base-size-80)";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Sep 2026 08:36:13 GMT
+ * Generated on Mon, 05 Oct 2026 16:41:52 GMT
  */
 export const BrandLogoSuiteColorControlRest = "var(--brand-color-canvas-muted)";

package/lib/design-tokens/js/tokens/functional/components/media-playlist/colors.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Sep 2026 08:36:13 GMT
+ * Generated on Mon, 05 Oct 2026 16:41:52 GMT
  */
 export const BrandMediaPlaylistBgColor = "linear-gradient(180deg, rgba(242, 245, 243, 0.5) 0%, rgba(242, 245, 243, 0) 100%), var(--brand-color-canvas-default)";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Sep 2026 08:36:13 GMT
+ * Generated on Mon, 05 Oct 2026 16:41:52 GMT
  */
 export const BrandPricingOptionsBorderMask = "linear-gradient(180deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.3))";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Sep 2026 08:36:13 GMT
+ * Generated on Mon, 05 Oct 2026 16:41:52 GMT
  */
 export const BrandPricingOptionsItemsGap = "var(--base-size-24)";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Sep 2026 08:36:13 GMT
+ * Generated on Mon, 05 Oct 2026 16:41:52 GMT
  */
 export const BrandProseLineLength = "68ch";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Sep 2026 08:36:13 GMT
+ * Generated on Mon, 05 Oct 2026 16:41:52 GMT
  */
 export const BrandRiverHeadingMargin = "var(--base-size-16)";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Sep 2026 08:36:13 GMT
+ * Generated on Mon, 05 Oct 2026 16:41:52 GMT
  */
 export const BrandRiverSpacingInner = "var(--base-size-40)";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Sep 2026 08:36:13 GMT
+ * Generated on Mon, 05 Oct 2026 16:41:52 GMT
  */
 export const BrandSectionPaddingCondensed = "var(--base-size-16)";

package/lib/design-tokens/js/tokens/functional/components/statistic/base.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Sep 2026 08:36:13 GMT
+ * Generated on Mon, 05 Oct 2026 16:41:52 GMT
  */
 export const BrandStatisticSpacingCondensed = "1rem";

package/lib/design-tokens/js/tokens/functional/components/sub-nav/base.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Sep 2026 08:36:13 GMT
+ * Generated on Mon, 05 Oct 2026 16:41:52 GMT
  */
 export const BrandSubNavWidthSubMenu = "18.75rem";

package/lib/design-tokens/js/tokens/functional/components/tabs/base.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Sep 2026 08:36:13 GMT
+ * Generated on Mon, 05 Oct 2026 16:41:52 GMT
  */
 export const BrandTabsContainerPadding = "0.25rem";

package/lib/design-tokens/js/tokens/functional/components/tabs/colors.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Sep 2026 08:36:13 GMT
+ * Generated on Mon, 05 Oct 2026 16:41:52 GMT
  */
 export const BrandTabsItemAccentBgColorRest = "var(--base-color-scale-green-6)";

package/lib/design-tokens/js/tokens/functional/components/testimonial/base.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Sep 2026 08:36:13 GMT
+ * Generated on Mon, 05 Oct 2026 16:41:52 GMT
  */
 export const BrandTestimonialQuoteFontSizeDefault = "var(--brand-text-size-400)";

package/lib/design-tokens/js/tokens/functional/components/testimonial/colors.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Sep 2026 08:36:13 GMT
+ * Generated on Mon, 05 Oct 2026 16:41:52 GMT
  */
 export const BrandTestimonialQuoteColorDefault = "var(--brand-color-text-default)";

package/lib/design-tokens/js/tokens/functional/components/text-cursor-animation/base.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Sep 2026 08:36:13 GMT
+ * Generated on Mon, 05 Oct 2026 16:41:52 GMT
  */
 export const BrandTextCursorAnimationCursorAnimationDuration = "833ms";

package/lib/design-tokens/js/tokens/functional/components/text-cursor-animation/colors.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Sep 2026 08:36:13 GMT
+ * Generated on Mon, 05 Oct 2026 16:41:52 GMT
  */
 export const BrandTextCursorAnimationCursorColor = "var(--base-color-scale-purple-5)";

package/lib/design-tokens/js/tokens/functional/components/timeline/base.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Sep 2026 08:36:13 GMT
+ * Generated on Mon, 05 Oct 2026 16:41:52 GMT
  */
 export const BrandTimelineLineHeight = "var(--brand-text-lineHeight-200)";

package/lib/design-tokens/js/tokens/functional/components/timeline/colors.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Sep 2026 08:36:13 GMT
+ * Generated on Mon, 05 Oct 2026 16:41:52 GMT
  */
 export const BrandTimelineLineColor = "var(--brand-color-border-default)";

package/lib/design-tokens/js/tokens/functional/components/token/colors.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Sep 2026 08:36:13 GMT
+ * Generated on Mon, 05 Oct 2026 16:41:52 GMT
  */
 export const BrandTokenBgColorDefault = "var(--base-color-scale-gray-0)";

package/lib/design-tokens/js/tokens/functional/components/tooltip/colors.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Sep 2026 08:36:13 GMT
+ * Generated on Mon, 05 Oct 2026 16:41:52 GMT
  */
 export const BrandTooltipColorDefault = "var(--brand-color-text-onEmphasis)";

package/lib/design-tokens/js/tokens/functional/components/video-player/base.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Sep 2026 08:36:13 GMT
+ * Generated on Mon, 05 Oct 2026 16:41:52 GMT
  */
 export const BrandVideoPlayerClosedCaptionMargin = "0 auto 15px auto";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Sep 2026 08:36:13 GMT
+ * Generated on Mon, 05 Oct 2026 16:41:52 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 Mon, 28 Sep 2026 08:36:13 GMT
+ * Generated on Mon, 05 Oct 2026 16:41:52 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 Mon, 28 Sep 2026 08:36:14 GMT
+ * Generated on Mon, 05 Oct 2026 16:41:53 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 Mon, 28 Sep 2026 08:36:14 GMT
+ * Generated on Mon, 05 Oct 2026 16:41:53 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 Mon, 28 Sep 2026 08:36:13 GMT
+ * Generated on Mon, 05 Oct 2026 16:41:52 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 Mon, 28 Sep 2026 08:36:13 GMT
+ * Generated on Mon, 05 Oct 2026 16:41:52 GMT
  */
 export const BrandViewportRangeNarrowViewport = "(max-width: calc(48rem - 0.02px))";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Sep 2026 08:36:13 GMT
+ * Generated on Mon, 05 Oct 2026 16:41:52 GMT
  */
 export const BrandFontStackSansSerifAlt = "'Hubot Sans', 'Hubot SansHeaderFallback',-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 28 Sep 2026 08:36:13 GMT
+ * Generated on Mon, 05 Oct 2026 16:41:52 GMT
  */
 export const BrandFontStackSystem = "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";

package/lib/design-tokens/json/colors.json CHANGED Viewed

@@ -164,6 +164,8 @@
   "--brand-Accordion-toggle-color-yellow": "var(--base-color-scale-yellow-5)",
   "--brand-ActionMenu-color-item-hover": "var(--base-color-scale-gray-1)",
   "--brand-ActionMenu-color-scrollbar-thumb-bg": "var(--base-color-scale-gray-0)",
+  "--brand-ActionMenu-color-splitButton-divider-default": "var(--brand-color-border-muted)",
+  "--brand-ActionMenu-color-splitButton-divider-primary": "var(--base-color-scale-green-7)",
   "--brand-AnchorNav-link-underline-default": "var(--base-color-scale-gray-4)",
   "--brand-AnchorNav-link-underline-pressed": "var(--base-color-scale-black-0)",
   "--brand-CTABanner-bgColor": "var(--brand-color-canvas-subtle)",
@@ -276,6 +278,20 @@
   "--brand-Icon-color-red": "var(--base-color-scale-red-5)",
   "--brand-Icon-color-teal": "var(--base-color-scale-teal-5)",
   "--brand-Icon-color-yellow": "var(--base-color-scale-yellow-5)",
+  "--brand-IconButton-danger-bgColor-active": "var(--brand-color-danger-emphasis)",
+  "--brand-IconButton-danger-bgColor-hover": "var(--brand-color-danger-emphasis)",
+  "--brand-IconButton-danger-bgColor-rest": "var(--brand-button-secondary-bgColor-rest)",
+  "--brand-IconButton-danger-borderColor-active": "var(--brand-color-danger-emphasis)",
+  "--brand-IconButton-danger-borderColor-hover": "var(--brand-color-danger-emphasis)",
+  "--brand-IconButton-danger-borderColor-rest": "var(--brand-button-secondary-borderColor-rest)",
+  "--brand-IconButton-danger-fgColor-active": "var(--base-color-scale-white-0)",
+  "--brand-IconButton-danger-fgColor-hover": "var(--base-color-scale-white-0)",
+  "--brand-IconButton-danger-fgColor-rest": "var(--brand-color-danger-fg)",
+  "--brand-IconButton-inactive-bgColor": "var(--brand-color-canvas-subtle)",
+  "--brand-IconButton-inactive-borderColor": "var(--brand-color-canvas-subtle)",
+  "--brand-IconButton-inactive-fgColor": "var(--brand-color-text-muted)",
+  "--brand-IconButton-invisible-bgColor-rest": "transparent",
+  "--brand-IconButton-invisible-borderColor-rest": "transparent",
   "--brand-InlineCode-bgColor": "var(--base-color-scale-gray-1)",
   "--brand-InlineCode-color-fg-default": "var(--brand-color-text-muted)",
   "--brand-InlineCode-color-fg-heading": "var(--brand-color-text-default)",

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

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Mon, 28 Sep 2026 08:36:14 GMT
+// Generated on Mon, 05 Oct 2026 16:41:53 GMT
 $base-color-scale-indigo-9: #12144F;
 $base-color-scale-indigo-8: #212183;

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

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Mon, 28 Sep 2026 08:36:14 GMT
+// Generated on Mon, 05 Oct 2026 16:41:53 GMT
 $base-size-128: 8rem;
 $base-size-112: 7rem;

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

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Mon, 28 Sep 2026 08:36:14 GMT
+// Generated on Mon, 05 Oct 2026 16:41:53 GMT
 $base-text-weight-heavy: 900;
 $base-text-weight-extrabold: 800;

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

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Mon, 28 Sep 2026 08:36:13 GMT
+// Generated on Mon, 05 Oct 2026 16:41:52 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 Mon, 28 Sep 2026 08:36:13 GMT
+// Generated on Mon, 05 Oct 2026 16:41:52 GMT
 $brand-color-focus: var(--base-color-scale-blue-5);
 $brand-color-border-subtle: var(--base-color-scale-gray-2);

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

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Mon, 28 Sep 2026 08:36:13 GMT
+// Generated on Mon, 05 Oct 2026 16:41:52 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/button/base.scss ADDED Viewed

@@ -0,0 +1,10 @@
+// Do not edit directly
+// Generated on Mon, 05 Oct 2026 16:41:52 GMT
+$brand-Button-icon-size-large: var(--base-size-20);
+$brand-Button-icon-size-medium: var(--base-size-16);
+$brand-Button-icon-size-small: var(--base-size-16);
+$brand-Button-control-size-large: var(--brand-control-large-size);
+$brand-Button-control-size-medium: var(--brand-control-medium-size);
+$brand-Button-control-size-small: var(--brand-control-small-size);

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

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Mon, 28 Sep 2026 08:36:13 GMT
+// Generated on Mon, 05 Oct 2026 16:41:52 GMT
 $brand-Card-animation-easing: cubic-bezier(0.01, 0.73, 0.08, 0.93);
 $brand-Card-animation-duration: 400ms;

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

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Mon, 28 Sep 2026 08:36:13 GMT
+// Generated on Mon, 05 Oct 2026 16:41:52 GMT
 $brand-Card-background-overlay: rgba(242, 245, 243, 0.2);
 $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 Mon, 28 Sep 2026 08:36:13 GMT
+// Generated on Mon, 05 Oct 2026 16:41:52 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 Mon, 28 Sep 2026 08:36:13 GMT
+// Generated on Mon, 05 Oct 2026 16:41:52 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 Mon, 28 Sep 2026 08:36:13 GMT
+// Generated on Mon, 05 Oct 2026 16:41:52 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 Mon, 28 Sep 2026 08:36:13 GMT
+// Generated on Mon, 05 Oct 2026 16:41:52 GMT
 $brand-FAQGroup-buttonIndicator-active: var(--brand-color-accent-primary);
 $brand-FAQGroup-buttonIndicator-hover: var(--base-color-scale-gray-5);

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

@@ -1,5 +1,5 @@
 // Do not edit directly
-// Generated on Mon, 28 Sep 2026 08:36:13 GMT
+// Generated on Mon, 05 Oct 2026 16:41:52 GMT
 $brand-FAQ-heading-marginBottom: var(--base-size-40);

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

@@ -1,5 +1,5 @@
 // Do not edit directly
-// Generated on Mon, 28 Sep 2026 08:36:13 GMT
+// Generated on Mon, 05 Oct 2026 16:41:52 GMT
 $brand-footer-backToTop-minTarget: $base-size-44;

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

@@ -1,6 +1,6 @@
 // Do not edit directly
-// Generated on Mon, 28 Sep 2026 08:36:13 GMT
+// Generated on Mon, 05 Oct 2026 16:41:52 GMT
 $brand-footer-socialIcon-hoverFilter: brightness(0);
 $brand-footer-socialIcon-restFilter: sepia(37%) saturate(152%) hue-rotate(77deg) brightness(57%);

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 Mon, 28 Sep 2026 08:36:13 GMT
+// Generated on Mon, 05 Oct 2026 16:41:52 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 Mon, 28 Sep 2026 08:36:13 GMT
+// Generated on Mon, 05 Oct 2026 16:41:52 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 Mon, 28 Sep 2026 08:36:13 GMT
+// Generated on Mon, 05 Oct 2026 16:41:52 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 Mon, 28 Sep 2026 08:36:13 GMT
+// Generated on Mon, 05 Oct 2026 16:41:52 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 Mon, 28 Sep 2026 08:36:13 GMT
+// Generated on Mon, 05 Oct 2026 16:41:52 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/icon-button/base.scss ADDED Viewed

@@ -0,0 +1,12 @@
+// Do not edit directly
+// Generated on Mon, 05 Oct 2026 16:41:52 GMT
+$brand-IconButton-loadingIndicator-animationDuration-reducedMotion: 1.6s;
+$brand-IconButton-loadingIndicator-animationDuration-default: 0.8s;
+$brand-IconButton-icon-size-large: $brand-Button-icon-size-large;
+$brand-IconButton-icon-size-medium: $brand-Button-icon-size-large;
+$brand-IconButton-icon-size-small: $brand-Button-icon-size-small;
+$brand-IconButton-control-size-large: $brand-Button-control-size-large;
+$brand-IconButton-control-size-medium: $brand-Button-control-size-medium;
+$brand-IconButton-control-size-small: $brand-Button-control-size-small;

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

@@ -0,0 +1,18 @@
+// Do not edit directly
+// Generated on Mon, 05 Oct 2026 16:41:52 GMT
+$brand-IconButton-invisible-borderColor-rest: transparent;
+$brand-IconButton-invisible-bgColor-rest: transparent;
+$brand-IconButton-inactive-borderColor: var(--brand-color-canvas-subtle);
+$brand-IconButton-inactive-bgColor: var(--brand-color-canvas-subtle);
+$brand-IconButton-inactive-fgColor: var(--brand-color-text-muted);
+$brand-IconButton-danger-borderColor-active: var(--brand-color-danger-emphasis);
+$brand-IconButton-danger-borderColor-hover: var(--brand-color-danger-emphasis);
+$brand-IconButton-danger-borderColor-rest: var(--brand-button-secondary-borderColor-rest);
+$brand-IconButton-danger-bgColor-active: var(--brand-color-danger-emphasis);
+$brand-IconButton-danger-bgColor-hover: var(--brand-color-danger-emphasis);
+$brand-IconButton-danger-bgColor-rest: var(--brand-button-secondary-bgColor-rest);
+$brand-IconButton-danger-fgColor-active: var(--base-color-scale-white-0);
+$brand-IconButton-danger-fgColor-hover: var(--base-color-scale-white-0);
+$brand-IconButton-danger-fgColor-rest: var(--brand-color-danger-fg);