@primer/react-brand 0.17.0-rc.bd65dbc → 0.17.0-rc.e3d3fb9

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 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 Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 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 Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 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 Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 GMT
  */
 
 export const BaseTextWeightLight = 300;

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 GMT
  */
 
 export const BrandColorSuccessFg = "var(--base-color-scale-green-5)";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 GMT
  */
 
 export const BrandCardMaxWidth = "26.25rem";

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

@@ -1,6 +1,34 @@
 /**
  * Do not edit directly
- * Generated on Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 GMT
  */
 
-export const BrandCardBackgroundDefault = "var(--brand-color-canvas-default)";
+export const BrandCardBackgroundDefault = "var(--brand-color-canvas-default)";
+export const BrandCardIconBackgroundDefault = "var(--base-color-scale-gray-0)";
+export const BrandCardIconBackgroundBlue = "var(--base-color-scale-blue-0)";
+export const BrandCardIconBackgroundCoral = "var(--base-color-scale-coral-0)";
+export const BrandCardIconBackgroundGreen = "var(--base-color-scale-green-0)";
+export const BrandCardIconBackgroundGray = "var(--base-color-scale-gray-0)";
+export const BrandCardIconBackgroundIndigo = "var(--base-color-scale-indigo-0)";
+export const BrandCardIconBackgroundLemon = "var(--base-color-scale-lemon-0)";
+export const BrandCardIconBackgroundLime = "var(--base-color-scale-lime-0)";
+export const BrandCardIconBackgroundOrange = "var(--base-color-scale-orange-0)";
+export const BrandCardIconBackgroundPink = "var(--base-color-scale-pink-0)";
+export const BrandCardIconBackgroundPurple = "var(--base-color-scale-purple-0)";
+export const BrandCardIconBackgroundRed = "var(--base-color-scale-red-0)";
+export const BrandCardIconBackgroundTeal = "var(--base-color-scale-teal-0)";
+export const BrandCardIconBackgroundYellow = "var(--base-color-scale-yellow-0)";
+export const BrandCardIconColorDefault = "var(--brand-color-scale-gray-5)";
+export const BrandCardIconColorBlue = "var(--base-color-scale-blue-5)";
+export const BrandCardIconColorCoral = "var(--base-color-scale-coral-5)";
+export const BrandCardIconColorGreen = "var(--base-color-scale-green-5)";
+export const BrandCardIconColorGray = "var(--base-color-scale-gray-6)";
+export const BrandCardIconColorIndigo = "var(--base-color-scale-indigo-5)";
+export const BrandCardIconColorLemon = "var(--base-color-scale-lemon-5)";
+export const BrandCardIconColorLime = "var(--base-color-scale-lime-5)";
+export const BrandCardIconColorOrange = "var(--base-color-scale-orange-5)";
+export const BrandCardIconColorPink = "var(--base-color-scale-pink-5)";
+export const BrandCardIconColorPurple = "var(--base-color-scale-purple-5)";
+export const BrandCardIconColorRed = "var(--base-color-scale-red-5)";
+export const BrandCardIconColorTeal = "var(--base-color-scale-teal-5)";
+export const BrandCardIconColorYellow = "var(--base-color-scale-yellow-5)";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 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 Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 GMT
  */
 
 export const BrandFAQHeadingCenteredMaxWidth = "37.5rem";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 GMT
  */
 
 export const BrandFAQHeadingColor = "var(--brand-color-text-default)";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 GMT
  */
 
 export const BrandFooterBgColor = "var(--base-color-scale-white-0)";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 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 Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 GMT
  */
 
 export const BrandImageRatioCustom = "auto";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 GMT
  */
 
 export const BrandInlineLinkColorRest = "var(--base-color-scale-blue-5)";

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

@@ -1,9 +1,9 @@
 /**
  * Do not edit directly
- * Generated on Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 GMT
  */
 
-export const BrandLabelColorDefault = "var(--base-color-scale-blue-5)";
+export const BrandLabelColorDefault = "var(--brand-color-text-default)";
 export const BrandLabelColorBlue = "var(--base-color-scale-blue-5)";
 export const BrandLabelColorBlue-purpleStart = "var(--base-color-scale-blue-5)";
 export const BrandLabelColorBlue-purpleEnd = "var(--base-color-scale-purple-5)";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 GMT
  */
 
 export const BrandRiverLayoutMarginVertical = "var(--base-size-48) 0";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 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 Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 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 Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 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 Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 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 Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 GMT
  */
 
 export const BrandControlMinTargetFine = "1rem";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 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 Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 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 Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 GMT
  */
 
 export const BrandFontStackSystem = "-apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'";

package/lib/design-tokens/ts/tokens/base/colors/color-scales.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 GMT
  */
 
 declare const tokens: {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 GMT
  */
 
 module.exports = {

package/lib/design-tokens/ts/tokens/base/size/size.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 GMT
  */
 
 declare const tokens: {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 GMT
  */
 
 module.exports = {

package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 GMT
  */
 
 declare const tokens: {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 GMT
  */
 
 module.exports = {

package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 GMT
  */
 
 declare const tokens: {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 GMT
  */
 
 module.exports = {

package/lib/design-tokens/ts/tokens/functional/components/card/base.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 GMT
  */
 
 declare const tokens: {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 GMT
  */
 
 module.exports = {

package/lib/design-tokens/ts/tokens/functional/components/card/colors.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 GMT
  */
 
 declare const tokens: {
@@ -8,6 +8,40 @@ declare const tokens: {
     "Card": {
       "background": {
         "default": string
+      },
+      "icon": {
+        "background": {
+          "default": string,
+          "blue": string,
+          "coral": string,
+          "green": string,
+          "gray": string,
+          "indigo": string,
+          "lemon": string,
+          "lime": string,
+          "orange": string,
+          "pink": string,
+          "purple": string,
+          "red": string,
+          "teal": string,
+          "yellow": string
+        },
+        "color": {
+          "default": string,
+          "blue": string,
+          "coral": string,
+          "green": string,
+          "gray": string,
+          "indigo": string,
+          "lemon": string,
+          "lime": string,
+          "orange": string,
+          "pink": string,
+          "purple": string,
+          "red": string,
+          "teal": string,
+          "yellow": string
+        }
       }
     }
   }

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 GMT
  */
 
 module.exports = {
@@ -8,6 +8,40 @@ module.exports = {
     "Card": {
       "background": {
         "default": "var(--brand-color-canvas-default)"
+      },
+      "icon": {
+        "background": {
+          "default": "var(--base-color-scale-gray-0)",
+          "blue": "var(--base-color-scale-blue-0)",
+          "coral": "var(--base-color-scale-coral-0)",
+          "green": "var(--base-color-scale-green-0)",
+          "gray": "var(--base-color-scale-gray-0)",
+          "indigo": "var(--base-color-scale-indigo-0)",
+          "lemon": "var(--base-color-scale-lemon-0)",
+          "lime": "var(--base-color-scale-lime-0)",
+          "orange": "var(--base-color-scale-orange-0)",
+          "pink": "var(--base-color-scale-pink-0)",
+          "purple": "var(--base-color-scale-purple-0)",
+          "red": "var(--base-color-scale-red-0)",
+          "teal": "var(--base-color-scale-teal-0)",
+          "yellow": "var(--base-color-scale-yellow-0)"
+        },
+        "color": {
+          "default": "var(--brand-color-scale-gray-5)",
+          "blue": "var(--base-color-scale-blue-5)",
+          "coral": "var(--base-color-scale-coral-5)",
+          "green": "var(--base-color-scale-green-5)",
+          "gray": "var(--base-color-scale-gray-6)",
+          "indigo": "var(--base-color-scale-indigo-5)",
+          "lemon": "var(--base-color-scale-lemon-5)",
+          "lime": "var(--base-color-scale-lime-5)",
+          "orange": "var(--base-color-scale-orange-5)",
+          "pink": "var(--base-color-scale-pink-5)",
+          "purple": "var(--base-color-scale-purple-5)",
+          "red": "var(--base-color-scale-red-5)",
+          "teal": "var(--base-color-scale-teal-5)",
+          "yellow": "var(--base-color-scale-yellow-5)"
+        }
       }
     }
   }

package/lib/design-tokens/ts/tokens/functional/components/control/base.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 GMT
  */
 
 declare const tokens: {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 GMT
  */
 
 module.exports = {

package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 GMT
  */
 
 declare const tokens: {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 GMT
  */
 
 module.exports = {

package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 GMT
  */
 
 declare const tokens: {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 GMT
  */
 
 module.exports = {

package/lib/design-tokens/ts/tokens/functional/components/footer/colors.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 GMT
  */
 
 declare const tokens: {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 GMT
  */
 
 module.exports = {

package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 GMT
  */
 
 declare const tokens: {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 GMT
  */
 
 module.exports = {

package/lib/design-tokens/ts/tokens/functional/components/image/base.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 GMT
  */
 
 declare const tokens: {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 GMT
  */
 
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 GMT
  */
 
 declare const tokens: {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 GMT
  */
 
 module.exports = {

package/lib/design-tokens/ts/tokens/functional/components/label/colors.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 25 Apr 2023 14:44:08 GMT
+ * Generated on Wed, 26 Apr 2023 06:27:02 GMT
  */
 
 declare const tokens: {