npm - @primer/react-brand - Versions diffs - 0.40.0-rc.fde214fe → 0.40.1-rc.0f5bc350 - Mend

@primer/react-brand 0.40.0-rc.fde214fe → 0.40.1-rc.0f5bc350

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

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Sep 2024 14:12:38 GMT
+ * Generated on Mon, 09 Sep 2024 16:30:41 GMT
  */
 module.exports = {
@@ -413,10 +413,12 @@ module.exports = {
       "size": {
         "100": {
           "value": "0.875rem",
+          "$type": "dimension",
           "filePath": "tokens/functional/typography/typography.json",
           "isSource": true,
           "original": {
-            "value": "14px"
+            "value": "14px",
+            "$type": "dimension"
           },
           "name": "100",
           "attributes": {},
@@ -429,10 +431,12 @@ module.exports = {
         },
         "200": {
           "value": "1rem",
+          "$type": "dimension",
           "filePath": "tokens/functional/typography/typography.json",
           "isSource": true,
           "original": {
-            "value": "16px"
+            "value": "16px",
+            "$type": "dimension"
           },
           "name": "200",
           "attributes": {},
@@ -445,10 +449,12 @@ module.exports = {
         },
         "300": {
           "value": "1.125rem",
+          "$type": "dimension",
           "filePath": "tokens/functional/typography/typography.json",
           "isSource": true,
           "original": {
-            "value": "18px"
+            "value": "18px",
+            "$type": "dimension"
           },
           "name": "300",
           "attributes": {},
@@ -461,9 +467,11 @@ module.exports = {
         },
         "400": {
           "value": "1.25rem",
+          "$type": "dimension",
           "responsive": {
             "1012px": {
               "value": "24px",
+              "$type": "dimension",
               "filePath": "tokens/functional/typography/typography.json",
               "isSource": true
             }
@@ -472,9 +480,11 @@ module.exports = {
           "isSource": true,
           "original": {
             "value": "20px",
+            "$type": "dimension",
             "responsive": {
               "1012px": {
                 "value": "24px",
+                "$type": "dimension",
                 "filePath": "tokens/functional/typography/typography.json",
                 "isSource": true
               }
@@ -491,9 +501,11 @@ module.exports = {
         },
         "500": {
           "value": "1.375rem",
+          "$type": "dimension",
           "responsive": {
             "1012px": {
               "value": "32px",
+              "$type": "dimension",
               "filePath": "tokens/functional/typography/typography.json",
               "isSource": true
             }
@@ -502,9 +514,11 @@ module.exports = {
           "isSource": true,
           "original": {
             "value": "22px",
+            "$type": "dimension",
             "responsive": {
               "1012px": {
                 "value": "32px",
+                "$type": "dimension",
                 "filePath": "tokens/functional/typography/typography.json",
                 "isSource": true
               }
@@ -521,14 +535,17 @@ module.exports = {
         },
         "600": {
           "value": "1.5rem",
+          "$type": "dimension",
           "responsive": {
             "768px": {
               "value": "32px",
+              "$type": "dimension",
               "filePath": "tokens/functional/typography/typography.json",
               "isSource": true
             },
             "1012px": {
               "value": "40px",
+              "$type": "dimension",
               "filePath": "tokens/functional/typography/typography.json",
               "isSource": true
             }
@@ -537,14 +554,17 @@ module.exports = {
           "isSource": true,
           "original": {
             "value": "24px",
+            "$type": "dimension",
             "responsive": {
               "768px": {
                 "value": "32px",
+                "$type": "dimension",
                 "filePath": "tokens/functional/typography/typography.json",
                 "isSource": true
               },
               "1012px": {
                 "value": "40px",
+                "$type": "dimension",
                 "filePath": "tokens/functional/typography/typography.json",
                 "isSource": true
               }
@@ -561,14 +581,17 @@ module.exports = {
         },
         "700": {
           "value": "1.75rem",
+          "$type": "dimension",
           "responsive": {
             "768px": {
               "value": "36px",
+              "$type": "dimension",
               "filePath": "tokens/functional/typography/typography.json",
               "isSource": true
             },
             "1012px": {
               "value": "48px",
+              "$type": "dimension",
               "filePath": "tokens/functional/typography/typography.json",
               "isSource": true
             }
@@ -577,14 +600,17 @@ module.exports = {
           "isSource": true,
           "original": {
             "value": "28px",
+            "$type": "dimension",
             "responsive": {
               "768px": {
                 "value": "36px",
+                "$type": "dimension",
                 "filePath": "tokens/functional/typography/typography.json",
                 "isSource": true
               },
               "1012px": {
                 "value": "48px",
+                "$type": "dimension",
                 "filePath": "tokens/functional/typography/typography.json",
                 "isSource": true
               }
@@ -601,14 +627,17 @@ module.exports = {
         },
         "800": {
           "value": "2rem",
+          "$type": "dimension",
           "responsive": {
             "768px": {
               "value": "36px",
+              "$type": "dimension",
               "filePath": "tokens/functional/typography/typography.json",
               "isSource": true
             },
             "1012px": {
               "value": "64px",
+              "$type": "dimension",
               "filePath": "tokens/functional/typography/typography.json",
               "isSource": true
             }
@@ -617,14 +646,17 @@ module.exports = {
           "isSource": true,
           "original": {
             "value": "32px",
+            "$type": "dimension",
             "responsive": {
               "768px": {
                 "value": "36px",
+                "$type": "dimension",
                 "filePath": "tokens/functional/typography/typography.json",
                 "isSource": true
               },
               "1012px": {
                 "value": "64px",
+                "$type": "dimension",
                 "filePath": "tokens/functional/typography/typography.json",
                 "isSource": true
               }
@@ -641,14 +673,17 @@ module.exports = {
         },
         "900": {
           "value": "2.25rem",
+          "$type": "dimension",
           "responsive": {
             "768px": {
               "value": "48px",
+              "$type": "dimension",
               "filePath": "tokens/functional/typography/typography.json",
               "isSource": true
             },
             "1012px": {
               "value": "72px",
+              "$type": "dimension",
               "filePath": "tokens/functional/typography/typography.json",
               "isSource": true
             }
@@ -657,14 +692,17 @@ module.exports = {
           "isSource": true,
           "original": {
             "value": "36px",
+            "$type": "dimension",
             "responsive": {
               "768px": {
                 "value": "48px",
+                "$type": "dimension",
                 "filePath": "tokens/functional/typography/typography.json",
                 "isSource": true
               },
               "1012px": {
                 "value": "72px",
+                "$type": "dimension",
                 "filePath": "tokens/functional/typography/typography.json",
                 "isSource": true
               }
@@ -681,14 +719,17 @@ module.exports = {
         },
         "1000": {
           "value": "2.5rem",
+          "$type": "dimension",
           "responsive": {
             "768px": {
               "value": "64px",
+              "$type": "dimension",
               "filePath": "tokens/functional/typography/typography.json",
               "isSource": true
             },
             "1012px": {
               "value": "96px",
+              "$type": "dimension",
               "filePath": "tokens/functional/typography/typography.json",
               "isSource": true
             }
@@ -697,14 +738,17 @@ module.exports = {
           "isSource": true,
           "original": {
             "value": "40px",
+            "$type": "dimension",
             "responsive": {
               "768px": {
                 "value": "64px",
+                "$type": "dimension",
                 "filePath": "tokens/functional/typography/typography.json",
                 "isSource": true
               },
               "1012px": {
                 "value": "96px",
+                "$type": "dimension",
                 "filePath": "tokens/functional/typography/typography.json",
                 "isSource": true
               }

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Sep 2024 14:12:38 GMT
+ * Generated on Mon, 09 Sep 2024 16:30:42 GMT
  */
 export const BaseColorScaleBlack0 = "#1f2328";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Sep 2024 14:12:38 GMT
+ * Generated on Mon, 09 Sep 2024 16:30:42 GMT
  */
 export const BaseSize2 = "0.125rem";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Sep 2024 14:12:38 GMT
+ * Generated on Mon, 09 Sep 2024 16:30:42 GMT
  */
 export const BaseTextWeightExtralight = 200;

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Sep 2024 14:12:38 GMT
+ * Generated on Mon, 09 Sep 2024 16:30:41 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, 04 Sep 2024 14:12:38 GMT
+ * Generated on Mon, 09 Sep 2024 16:30:41 GMT
  */
 export const BrandColorSuccessFg = "var(--base-color-scale-green-5)";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Sep 2024 14:12:38 GMT
+ * Generated on Mon, 09 Sep 2024 16:30:41 GMT
  */
 export const BrandBentoGapLarge = "var(--base-size-32)";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Sep 2024 14:12:38 GMT
+ * Generated on Mon, 09 Sep 2024 16:30:41 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, 04 Sep 2024 14:12:38 GMT
+ * Generated on Mon, 09 Sep 2024 16:30:41 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, 04 Sep 2024 14:12:38 GMT
+ * Generated on Mon, 09 Sep 2024 16:30:41 GMT
  */
 export const BrandComparisonTableHeadingMarginBottom = "var(--base-size-8)";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Sep 2024 14:12:38 GMT
+ * Generated on Mon, 09 Sep 2024 16:30:41 GMT
  */
 export const BrandEyebrowBannerBorderRadius = "var(--base-size-16)";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Sep 2024 14:12:38 GMT
+ * Generated on Mon, 09 Sep 2024 16:30:41 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, 04 Sep 2024 14:12:38 GMT
+ * Generated on Mon, 09 Sep 2024 16:30:41 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, 04 Sep 2024 14:12:38 GMT
+ * Generated on Mon, 09 Sep 2024 16:30:41 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, 04 Sep 2024 14:12:38 GMT
+ * Generated on Mon, 09 Sep 2024 16:30:41 GMT
  */
 export const BrandFooterBgColor = "var(--base-color-scale-white)";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Sep 2024 14:12:38 GMT
+ * Generated on Mon, 09 Sep 2024 16:30:41 GMT
  */
 export const BrandGridColumnBgColorOverlay = "#fb51544d";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Sep 2024 14:12:38 GMT
+ * Generated on Mon, 09 Sep 2024 16:30:41 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, 04 Sep 2024 14:12:38 GMT
+ * Generated on Mon, 09 Sep 2024 16:30:41 GMT
  */
 export const BrandHeroNarrowPadding = "var(--base-size-96) 0";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Sep 2024 14:12:38 GMT
+ * Generated on Mon, 09 Sep 2024 16:30:41 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 Wed, 04 Sep 2024 14:12:38 GMT
+ * Generated on Mon, 09 Sep 2024 16:30:41 GMT
  */
 export const BrandImageAspectRatio = "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, 04 Sep 2024 14:12:38 GMT
+ * Generated on Mon, 09 Sep 2024 16:30:41 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 Wed, 04 Sep 2024 14:12:38 GMT
+ * Generated on Mon, 09 Sep 2024 16:30:41 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, 04 Sep 2024 14:12:38 GMT
+ * Generated on Mon, 09 Sep 2024 16:30:41 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, 04 Sep 2024 14:12:38 GMT
+ * Generated on Mon, 09 Sep 2024 16:30:41 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, 04 Sep 2024 14:12:38 GMT
+ * Generated on Mon, 09 Sep 2024 16:30:41 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, 04 Sep 2024 14:12:38 GMT
+ * Generated on Mon, 09 Sep 2024 16:30:41 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, 04 Sep 2024 14:12:38 GMT
+ * Generated on Mon, 09 Sep 2024 16:30:41 GMT
  */
 export const BrandPillarIconColorDefault = "var(--brand-color-scale-gray-5)";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Sep 2024 14:12:38 GMT
+ * Generated on Mon, 09 Sep 2024 16:30:41 GMT
  */
 export const BrandPricingOptionsItemBgColor = "var(--brand-color-canvas-subtle)";

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 Wed, 04 Sep 2024 14:12:38 GMT
+ * Generated on Mon, 09 Sep 2024 16:30:41 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 Wed, 04 Sep 2024 14:12:38 GMT
+ * Generated on Mon, 09 Sep 2024 16:30:41 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, 04 Sep 2024 14:12:38 GMT
+ * Generated on Mon, 09 Sep 2024 16:30:41 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, 04 Sep 2024 14:12:38 GMT
+ * Generated on Mon, 09 Sep 2024 16:30:41 GMT
  */
 export const BrandRiverSpacingInner = "var(--base-size-24)";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Sep 2024 14:12:38 GMT
+ * Generated on Mon, 09 Sep 2024 16:30:41 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 Wed, 04 Sep 2024 14:12:38 GMT
+ * Generated on Mon, 09 Sep 2024 16:30:41 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 Wed, 04 Sep 2024 14:12:38 GMT
+ * Generated on Mon, 09 Sep 2024 16:30:41 GMT
  */
 export const BrandSubNavWidthSubMenu = "18.75rem";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Sep 2024 14:12:38 GMT
+ * Generated on Mon, 09 Sep 2024 16:30:41 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 Wed, 04 Sep 2024 14:12:38 GMT
+ * Generated on Mon, 09 Sep 2024 16:30:41 GMT
  */
 export const BrandTestimonialQuoteMarkColorDefault = "var(--brand-color-text-default)";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Sep 2024 14:12:38 GMT
+ * Generated on Mon, 09 Sep 2024 16:30:41 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 Wed, 04 Sep 2024 14:12:38 GMT
+ * Generated on Mon, 09 Sep 2024 16:30:41 GMT
  */
 export const BrandTimelineLineColor = "var(--brand-color-border-default)";

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 04 Sep 2024 14:12:38 GMT
+ * Generated on Mon, 09 Sep 2024 16:30:41 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 Wed, 04 Sep 2024 14:12:38 GMT
+ * Generated on Mon, 09 Sep 2024 16:30:41 GMT
  */
 export const BrandVideoPlayerClosedCaptionMargin = "0 auto 15px auto";
@@ -13,4 +13,5 @@ export const BrandVideoPlayerRangeHeight = "0.375rem";
 export const BrandVideoPlayerRangeBorderRadius = "0.1875rem";
 export const BrandVideoPlayerRangeMinWidth = "4.6875rem";
 export const BrandVideoPlayerTransition = "all var(--brand-animation-duration-fast) var(--brand-animation-easing-default)";
-export const BrandVideoPlayerTooltipPadding = "0.3125rem";
+export const BrandVideoPlayerTooltipPaddingBlock = "0.3125rem";
+export const BrandVideoPlayerTooltipPaddingInline = "0.3125rem";