npm - @primer/react-brand - Versions diffs - 0.26.0 → 0.27.0-rc.927901d - Mend

@primer/react-brand 0.26.0 → 0.27.0-rc.927901d

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

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 GMT
  */
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 GMT
  */
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 GMT
  */
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 GMT
  */
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 GMT
  */
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 GMT
  */
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 GMT
  */
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 GMT
  */
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 GMT
  */
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 GMT
  */
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 GMT
  */
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 GMT
  */
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 GMT
  */
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 GMT
  */
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 GMT
  */
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 GMT
  */
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 GMT
  */
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 GMT
  */
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 GMT
  */
 module.exports = {
@@ -101,11 +101,11 @@ module.exports = {
     },
     "borderRadius": {
       "small": {
-        "value": "0.1875rem",
+        "value": "0.25rem",
         "filePath": "tokens/functional/size/border.json",
         "isSource": true,
         "original": {
-          "value": "3px"
+          "value": "{base.size.4}"
         },
         "name": "small",
         "attributes": {},
@@ -116,11 +116,11 @@ module.exports = {
         ]
       },
       "medium": {
-        "value": "0.375rem",
+        "value": "0.5rem",
         "filePath": "tokens/functional/size/border.json",
         "isSource": true,
         "original": {
-          "value": "6px"
+          "value": "{base.size.8}"
         },
         "name": "medium",
         "attributes": {},
@@ -131,11 +131,11 @@ module.exports = {
         ]
       },
       "large": {
-        "value": "0.75rem",
+        "value": "1rem",
         "filePath": "tokens/functional/size/border.json",
         "isSource": true,
         "original": {
-          "value": "12px"
+          "value": "{base.size.16}"
         },
         "name": "large",
         "attributes": {},
@@ -145,12 +145,29 @@ module.exports = {
           "large"
         ]
       },
+      "xlarge": {
+        "value": "1.5rem",
+        "filePath": "tokens/functional/size/border.json",
+        "isSource": true,
+        "original": {
+          "value": "{base.size.24}"
+        },
+        "name": "xlarge",
+        "attributes": {},
+        "path": [
+          "brand",
+          "borderRadius",
+          "xlarge"
+        ]
+      },
       "full": {
-        "value": "100vh",
+        "value": "624.9375rem",
+        "comment": "Use this border radius for pill shaped elements",
         "filePath": "tokens/functional/size/border.json",
         "isSource": true,
         "original": {
-          "value": "100vh"
+          "value": "9999px",
+          "comment": "Use this border radius for pill shaped elements"
         },
         "name": "full",
         "attributes": {},

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 GMT
  */
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 GMT
  */
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 GMT
  */
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 GMT
  */
 module.exports = {
@@ -157,22 +157,6 @@ module.exports = {
             "medium",
             "gap"
           ]
-        },
-        "borderRadius": {
-          "value": "var(--brand-borderRadius-medium)",
-          "filePath": "tokens/functional/size/size.json",
-          "isSource": true,
-          "original": {
-            "value": "var(--brand-borderRadius-medium)"
-          },
-          "name": "borderRadius",
-          "attributes": {},
-          "path": [
-            "brand",
-            "control",
-            "medium",
-            "borderRadius"
-          ]
         }
       },
       "large": {
@@ -292,40 +276,6 @@ module.exports = {
             "large",
             "gap"
           ]
-        },
-        "borderRadius": {
-          "value": "0.5rem",
-          "filePath": "tokens/functional/size/size.json",
-          "isSource": true,
-          "original": {
-            "value": "{base.size.8}"
-          },
-          "name": "borderRadius",
-          "attributes": {},
-          "path": [
-            "brand",
-            "control",
-            "large",
-            "borderRadius"
-          ]
-        }
-      },
-      "border": {
-        "radius": {
-          "value": "var(--brand-borderRadius-medium)",
-          "filePath": "tokens/functional/size/size.json",
-          "isSource": true,
-          "original": {
-            "value": "var(--brand-borderRadius-medium)"
-          },
-          "name": "radius",
-          "attributes": {},
-          "path": [
-            "brand",
-            "control",
-            "border",
-            "radius"
-          ]
         }
       },
       "animation": {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 GMT
  */
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 GMT
  */
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 GMT
  */
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 GMT
  */
 export const BaseColorScaleGray0 = "210 25% 98%";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 GMT
  */
 export const BaseSize4 = "0.25rem";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 GMT
  */
 export const BaseTextWeightLight = 300;

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 GMT
  */
 export const BrandAnimationDurationFaster = "0.2s";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 GMT
  */
 export const BrandColorSuccessFg = "var(--base-color-scale-green-5)";

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

@@ -1,14 +1,14 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 GMT
  */
 export const BrandBentoGapLarge = "var(--base-size-32)";
 export const BrandBentoGapMedium = "var(--base-size-32)";
 export const BrandBentoGapSmall = "var(--base-size-20)";
-export const BrandBentoItemBorderRadiusSmall = "var(--base-size-16)";
-export const BrandBentoItemBorderRadiusMedium = "var(--base-size-24)";
-export const BrandBentoItemBorderRadiusLarge = "var(--base-size-24)";
+export const BrandBentoItemBorderRadiusSmall = "var(--brand-borderRadius-large)";
+export const BrandBentoItemBorderRadiusMedium = "var(--brand-borderRadius-xlarge)";
+export const BrandBentoItemBorderRadiusLarge = "var(--brand-borderRadius-xlarge)";
 export const BrandBentoContentPaddingCondensed = "var(--base-size-16)";
 export const BrandBentoContentPaddingNormal = "var(--base-size-24)";
 export const BrandBentoContentPaddingSpacious = "3.5rem";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 GMT
  */
 export const BrandCardMaxWidth = "26.25rem";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 GMT
  */
 export const BrandCardBackgroundDefault = "var(--brand-color-canvas-default)";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 GMT
  */
 export const BrandComparisonTableHeadingMarginBottom = "var(--base-size-8)";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 GMT
  */
 export const BrandFAQMaxWidthList = "51rem";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 GMT
  */
 export const BrandFAQColorHeading = "var(--brand-color-text-default)";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 GMT
  */
 export const BrandFAQHeadingMarginBottom = "var(--base-size-40)";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 GMT
  */
 export const BrandFooterBgColor = "var(--base-color-scale-white-0)";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 GMT
  */
 export const BrandGridColumnBgColorOverlay = "hsl(var(--base-color-scale-red-4-hsl) / 30%)";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 GMT
  */
 export const BrandGridSpacingRow = "var(--base-size-16)";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 GMT
  */
 export const BrandHeroNarrowPadding = "var(--base-size-96) 0";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 GMT
  */
 export const BrandImageRatioCustom = "auto";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 GMT
  */
 export const BrandInlineLinkTransitionScaleStart = 1;

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 GMT
  */
 export const BrandInlineLinkColorRest = "var(--base-color-scale-blue-6)";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 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 Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 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 Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 GMT
  */
 export const BrandLogoSuiteLogobarColumnGap = "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 Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 GMT
  */
 export const BrandLogoSuiteColorLogoMuted = "var(--brand-color-text-muted)";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 GMT
  */
 export const BrandPillarIconColorDefault = "var(--brand-color-scale-gray-5)";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 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 Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 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 Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 13:50:00 GMT
  */
 export const BrandRiverSpacingInner = "var(--base-size-24)";