@primer/react-brand 0.20.2-rc.ceb8707 → 0.21.0-rc.622e60d

package/lib/design-tokens/js/module/tokens/functional/components/grid/colors.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:43 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 module.exports = {

package/lib/design-tokens/js/module/tokens/functional/components/grid/grid.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:43 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 module.exports = {

package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:43 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:43 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:43 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:43 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:43 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:43 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 module.exports = {

package/lib/design-tokens/js/module/tokens/functional/components/pillar/colors.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:43 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:43 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:43 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 module.exports = {

package/lib/design-tokens/js/module/tokens/functional/components/river/river.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:43 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 module.exports = {

package/lib/design-tokens/js/module/tokens/functional/size/border.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:43 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 module.exports = {

package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:43 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 module.exports = {

package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:44 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 module.exports = {

package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:44 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 module.exports = {

package/lib/design-tokens/js/module/tokens/functional/size/size.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:43 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 module.exports = {
@@ -553,6 +553,58 @@ module.exports = {
         }
       }
     },
+    "box": {
+      "spacing": {
+        "condensed": {
+          "value": "1rem",
+          "filePath": "tokens/functional/size/size.json",
+          "isSource": true,
+          "original": {
+            "value": "{base.size.16}"
+          },
+          "name": "condensed",
+          "attributes": {},
+          "path": [
+            "brand",
+            "box",
+            "spacing",
+            "condensed"
+          ]
+        },
+        "normal": {
+          "value": "1.5rem",
+          "filePath": "tokens/functional/size/size.json",
+          "isSource": true,
+          "original": {
+            "value": "{base.size.24}"
+          },
+          "name": "normal",
+          "attributes": {},
+          "path": [
+            "brand",
+            "box",
+            "spacing",
+            "normal"
+          ]
+        },
+        "spacious": {
+          "value": "3rem",
+          "filePath": "tokens/functional/size/size.json",
+          "isSource": true,
+          "original": {
+            "value": "{base.size.48}"
+          },
+          "name": "spacious",
+          "attributes": {},
+          "path": [
+            "brand",
+            "box",
+            "spacing",
+            "spacious"
+          ]
+        }
+      }
+    },
     "stack": {
       "padding": {
         "condensed": {

package/lib/design-tokens/js/module/tokens/functional/size/viewport.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:43 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 module.exports = {

package/lib/design-tokens/js/module/tokens/functional/typography/typography-responsive.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:43 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 module.exports = {

package/lib/design-tokens/js/module/tokens/functional/typography/typography.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:43 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 module.exports = {

package/lib/design-tokens/js/tokens/base/colors/color-scales.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:43 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 export const BaseColorScaleGray0 = "210 25% 98%";

package/lib/design-tokens/js/tokens/base/size/size.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:44 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 export const BaseSize4 = "0.25rem";

package/lib/design-tokens/js/tokens/base/typography/typography.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:43 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 export const BaseTextWeightLight = 300;

package/lib/design-tokens/js/tokens/functional/animation/base.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:43 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 export const BrandAnimationDurationDefault = "0.6s";

package/lib/design-tokens/js/tokens/functional/colors/global.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:43 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 export const BrandColorSuccessFg = "var(--base-color-scale-green-5)";
@@ -27,5 +27,5 @@ export const BrandColorCanvasInset = "var(--base-color-scale-gray-0)";
 export const BrandColorCanvasSubtle = "var(--base-color-scale-gray-0)";
 export const BrandColorBorderDefault = "var(--base-color-scale-gray-2)";
 export const BrandColorBorderMuted = "hsl(var(--base-color-scale-gray-2-hsl) / 99.7%)";
-export const BrandColorBorderSubtle = "hsl(var(--base-color-scale-black-0-hsl) / 99.85%)";
+export const BrandColorBorderSubtle = "hsl(var(--base-color-scale-gray-1-hsl) / 99.7%)";
 export const BrandColorFocus = "var(--base-color-scale-blue-5)";

package/lib/design-tokens/js/tokens/functional/components/card/base.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:43 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 export const BrandCardMaxWidth = "26.25rem";

package/lib/design-tokens/js/tokens/functional/components/card/colors.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:43 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 export const BrandCardBackgroundDefault = "var(--brand-color-canvas-default)";

package/lib/design-tokens/js/tokens/functional/components/comparison-table/comparison-table.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:43 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 export const BrandComparisonTableHeadingMarginBottom = "var(--base-size-8)";

package/lib/design-tokens/js/tokens/functional/components/control/base.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:43 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 export const BrandControlMediumSize = "2.5rem";

package/lib/design-tokens/js/tokens/functional/components/faq/base.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:43 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 export const BrandFAQMaxWidth = "51rem";

package/lib/design-tokens/js/tokens/functional/components/faq/colors.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:43 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 export const BrandFAQHeadingColor = "var(--brand-color-text-default)";

package/lib/design-tokens/js/tokens/functional/components/faq/faq.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:43 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 export const BrandFAQHeadingMarginBottom = "var(--base-size-40)";

package/lib/design-tokens/js/tokens/functional/components/footer/colors.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:43 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 export const BrandFooterBgColor = "var(--base-color-scale-white-0)";

package/lib/design-tokens/js/tokens/functional/components/grid/colors.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:43 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 export const BrandGridColumnBgColorOverlay = "hsl(var(--base-color-scale-red-4-hsl) / 30%)";

package/lib/design-tokens/js/tokens/functional/components/grid/grid.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:43 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 export const BrandGridSpacingRow = "var(--base-size-16)";

package/lib/design-tokens/js/tokens/functional/components/hero/base.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:43 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 export const BrandHeroNarrowPadding = "var(--base-size-96) 0";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:43 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 export const BrandImageRatioCustom = "auto";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:43 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 export const BrandInlineLinkTransitionScaleStart = 1;

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:43 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 export const BrandInlineLinkColorRest = "var(--base-color-scale-blue-5)";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:43 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 export const BrandLabelColorDefault = "var(--brand-color-text-default)";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:43 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 export const BrandLinkColorDefault = "var(--brand-color-text-default)";

package/lib/design-tokens/js/tokens/functional/components/pillar/colors.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:43 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 export const BrandPillarIconColorDefault = "var(--brand-color-scale-gray-5)";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:43 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 export const BrandProseLineLength = "68ch";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:43 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 export const BrandRiverHeadingMargin = "var(--base-size-8)";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:43 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 export const BrandRiverSpacingInner = "var(--base-size-24)";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:43 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 export const BrandBorderInsetThin = "inset 0 0 0 max(1px, 0.0625rem)";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:43 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 export const BrandBreakpointXsmall = "20rem";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:44 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 export const BrandControlMinTargetAuto = "2.75rem";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:44 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 export const BrandControlMinTargetAuto = "1rem";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:43 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 export const BrandControlMinTargetFine = "1rem";
@@ -35,6 +35,9 @@ export const BrandControlXlargePaddingBlock = "calc((3rem - 1.25rem) / 2)";
 export const BrandControlXlargePaddingInlineNormal = "0.75rem";
 export const BrandControlXlargePaddingInlineSpacious = "1rem";
 export const BrandControlXlargeGap = "0.5rem";
+export const BrandBoxSpacingCondensed = "1rem";
+export const BrandBoxSpacingNormal = "1.5rem";
+export const BrandBoxSpacingSpacious = "3rem";
 export const BrandStackPaddingCondensed = "1rem";
 export const BrandStackPaddingNormal = "1.5rem";
 export const BrandStackPaddingSpacious = "3rem";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:43 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 export const BrandViewportRangeNarrow = "(max-width: calc(48rem - 0.02px))";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:43 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 export const BrandHeadingLineHeight400 = "1.25rem";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 19 Jul 2023 15:31:43 GMT
+ * Generated on Mon, 24 Jul 2023 18:10:11 GMT
  */
 
 export const BrandFontStackSystem = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";

package/lib/design-tokens/scss/tokens/base/colors/color-scales.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 19 Jul 2023 15:31:43 GMT
+// Generated on Mon, 24 Jul 2023 18:10:11 GMT
 
 $base-color-scale-white-0: 0 100% 100%;
 $base-color-scale-black-0: 213 14% 12%;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 19 Jul 2023 15:31:44 GMT
+// Generated on Mon, 24 Jul 2023 18:10:11 GMT
 
 $base-size-128: 8rem;
 $base-size-112: 7rem;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 19 Jul 2023 15:31:43 GMT
+// Generated on Mon, 24 Jul 2023 18:10:11 GMT
 
 $base-text-weight-heavy: 900;
 $base-text-weight-extrabold: 800;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 19 Jul 2023 15:31:43 GMT
+// Generated on Mon, 24 Jul 2023 18:10:11 GMT
 
 $brand-animation-variant-scaleInLeft-end: 1;
 $brand-animation-variant-scaleInLeft-start: 0.90;

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

@@ -1,9 +1,9 @@
 
 // Do not edit directly
-// Generated on Wed, 19 Jul 2023 15:31:43 GMT
+// Generated on Mon, 24 Jul 2023 18:10:11 GMT
 
 $brand-color-focus: var(--base-color-scale-blue-5);
-$brand-color-border-subtle: hsl(var(--base-color-scale-black-0-hsl) / 99.85%);
+$brand-color-border-subtle: hsl(var(--base-color-scale-gray-1-hsl) / 99.7%);
 $brand-color-border-muted: hsl(var(--base-color-scale-gray-2-hsl) / 99.7%);
 $brand-color-border-default: var(--base-color-scale-gray-2);
 $brand-color-canvas-subtle: var(--base-color-scale-gray-0);

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 19 Jul 2023 15:31:43 GMT
+// Generated on Mon, 24 Jul 2023 18:10:11 GMT
 
 $brand-Card-animation-easing: cubic-bezier(0.16, 1, 0.3, 1);
 $brand-Card-animation-duration: 600ms;

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

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 19 Jul 2023 15:31:43 GMT
+// Generated on Mon, 24 Jul 2023 18:10:11 GMT
 
 $brand-Card-icon-color-yellow: var(--base-color-scale-yellow-5);
 $brand-Card-icon-color-teal: var(--base-color-scale-teal-5);