npm - @primer/react-brand - Versions diffs - 0.40.0 → 0.40.1-rc.2484a379 - Mend

@primer/react-brand 0.40.0 → 0.40.1-rc.2484a379

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/components/video-player/base.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 09 Sep 2024 12:30:38 GMT
  */
 module.exports = {
@@ -60,10 +60,12 @@ module.exports = {
           },
           "padding": {
             "value": "0.625rem",
+            "$type": "dimension",
             "filePath": "tokens/functional/components/video-player/base.json",
             "isSource": true,
             "original": {
-              "value": "10px"
+              "value": "10px",
+              "$type": "dimension"
             },
             "name": "padding",
             "attributes": {},
@@ -114,10 +116,12 @@ module.exports = {
       "range": {
         "height": {
           "value": "0.375rem",
+          "$type": "dimension",
           "filePath": "tokens/functional/components/video-player/base.json",
           "isSource": true,
           "original": {
-            "value": "6px"
+            "value": "6px",
+            "$type": "dimension"
           },
           "name": "height",
           "attributes": {},
@@ -130,10 +134,12 @@ module.exports = {
         },
         "borderRadius": {
           "value": "0.1875rem",
+          "$type": "dimension",
           "filePath": "tokens/functional/components/video-player/base.json",
           "isSource": true,
           "original": {
-            "value": "3px"
+            "value": "3px",
+            "$type": "dimension"
           },
           "name": "borderRadius",
           "attributes": {},
@@ -146,10 +152,12 @@ module.exports = {
         },
         "minWidth": {
           "value": "4.6875rem",
+          "$type": "dimension",
           "filePath": "tokens/functional/components/video-player/base.json",
           "isSource": true,
           "original": {
-            "value": "75px"
+            "value": "75px",
+            "$type": "dimension"
           },
           "name": "minWidth",
           "attributes": {},
@@ -178,20 +186,44 @@ module.exports = {
       },
       "tooltip": {
         "padding": {
-          "value": "0.3125rem",
-          "filePath": "tokens/functional/components/video-player/base.json",
-          "isSource": true,
-          "original": {
-            "value": "5px 10px"
+          "block": {
+            "value": "0.3125rem",
+            "$type": "dimension",
+            "filePath": "tokens/functional/components/video-player/base.json",
+            "isSource": true,
+            "original": {
+              "value": "5px",
+              "$type": "dimension"
+            },
+            "name": "block",
+            "attributes": {},
+            "path": [
+              "brand",
+              "VideoPlayer",
+              "tooltip",
+              "padding",
+              "block"
+            ]
           },
-          "name": "padding",
-          "attributes": {},
-          "path": [
-            "brand",
-            "VideoPlayer",
-            "tooltip",
-            "padding"
-          ]
+          "inline": {
+            "value": "0.3125rem",
+            "$type": "dimension",
+            "filePath": "tokens/functional/components/video-player/base.json",
+            "isSource": true,
+            "original": {
+              "value": "5px",
+              "$type": "dimension"
+            },
+            "name": "inline",
+            "attributes": {},
+            "path": [
+              "brand",
+              "VideoPlayer",
+              "tooltip",
+              "padding",
+              "inline"
+            ]
+          }
         }
       }
     }

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 09 Sep 2024 12:30:38 GMT
  */
 module.exports = {
@@ -162,11 +162,13 @@ module.exports = {
       },
       "full": {
         "value": "624.9375rem",
+        "$type": "dimension",
         "comment": "Use this border radius for pill shaped elements",
         "filePath": "tokens/functional/size/border.json",
         "isSource": true,
         "original": {
           "value": "9999px",
+          "$type": "dimension",
           "comment": "Use this border radius for pill shaped elements"
         },
         "name": "full",

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 09 Sep 2024 12:30:38 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 Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 09 Sep 2024 12:30:38 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 Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 09 Sep 2024 12:30:38 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 Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 09 Sep 2024 12:30:38 GMT
  */
 module.exports = {
@@ -281,10 +281,12 @@ module.exports = {
       "large": {
         "size": {
           "value": "3.75rem",
+          "$type": "dimension",
           "filePath": "tokens/functional/size/size.json",
           "isSource": true,
           "original": {
-            "value": "60px"
+            "value": "60px",
+            "$type": "dimension"
           },
           "name": "size",
           "attributes": {},

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 09 Sep 2024 12:30:38 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 Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 09 Sep 2024 12:30:38 GMT
  */
 module.exports = {
@@ -348,10 +348,12 @@ module.exports = {
         "size": {
           "medium": {
             "value": "1rem",
+            "$type": "dimension",
             "filePath": "tokens/functional/typography/typography-responsive.json",
             "isSource": true,
             "original": {
-              "value": "16px"
+              "value": "16px",
+              "$type": "dimension"
             },
             "name": "medium",
             "attributes": {},
@@ -365,9 +367,11 @@ module.exports = {
           },
           "large": {
             "value": "1.125rem",
+            "$type": "dimension",
             "responsive": {
               "1012px": {
                 "value": "20px",
+                "$type": "dimension",
                 "filePath": "tokens/functional/typography/typography-responsive.json",
                 "isSource": true
               }
@@ -376,9 +380,11 @@ module.exports = {
             "isSource": true,
             "original": {
               "value": "18px",
+              "$type": "dimension",
               "responsive": {
                 "1012px": {
                   "value": "20px",
+                  "$type": "dimension",
                   "filePath": "tokens/functional/typography/typography-responsive.json",
                   "isSource": true
                 }

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 09 Sep 2024 12:30:38 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 Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 09 Sep 2024 12:30:38 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 Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 09 Sep 2024 12:30:38 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 Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 09 Sep 2024 12:30:38 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 Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 09 Sep 2024 12:30:38 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 Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 09 Sep 2024 12:30:38 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 Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 09 Sep 2024 12:30:38 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 Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 09 Sep 2024 12:30:38 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 Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 09 Sep 2024 12:30:38 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 Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 09 Sep 2024 12:30:38 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 Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 09 Sep 2024 12:30:38 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 Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 09 Sep 2024 12:30:38 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 Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 09 Sep 2024 12:30:38 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 Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 09 Sep 2024 12:30:38 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 Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 09 Sep 2024 12:30:38 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 Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 09 Sep 2024 12:30:38 GMT
  */
 export const BrandGridColumnBgColorOverlay = "#fb51544d";