npm - @primer/react-brand - Versions diffs - 0.40.0 → 0.40.1-rc.20911e83 - Mend

@primer/react-brand 0.40.0 → 0.40.1-rc.20911e83

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 (322) 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 19:55:15 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 19:55:15 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 19:55:15 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 19:55:15 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 19:55:15 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 19:55:15 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 19:55:15 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 19:55:15 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 19:55:15 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 19:55:15 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 19:55:15 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 19:55:15 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 19:55:15 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 19:55:15 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 19:55:15 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 19:55:15 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 19:55:15 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 19:55:15 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 19:55:15 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 19:55:15 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 19:55:15 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 19:55:15 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 19:55:15 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 19:55:15 GMT
  */
 export const BrandGridColumnBgColorOverlay = "#fb51544d";