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

@primer/brand-primitives 0.40.0 → 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 (320) hide show

package/lib/design-tokens/js/module/tokens/functional/components/sub-nav/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 16:30:41 GMT
  */
 module.exports = {
@@ -9,10 +9,12 @@ module.exports = {
       "width": {
         "subMenu": {
           "value": "18.75rem",
+          "$type": "dimension",
           "filePath": "tokens/functional/components/sub-nav/base.json",
           "isSource": true,
           "original": {
-            "value": "300px"
+            "value": "300px",
+            "$type": "dimension"
           },
           "name": "subMenu",
           "attributes": {},

package/lib/design-tokens/js/module/tokens/functional/components/testimonial/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 16:30:41 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 Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 09 Sep 2024 16:30:41 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 Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 09 Sep 2024 16:30:41 GMT
  */
 module.exports = {
@@ -38,10 +38,12 @@ module.exports = {
       },
       "strokeWidth": {
         "value": "0.125rem",
+        "$type": "dimension",
         "filePath": "tokens/functional/components/timeline/base.json",
         "isSource": true,
         "original": {
-          "value": "2px"
+          "value": "2px",
+          "$type": "dimension"
         },
         "name": "strokeWidth",
         "attributes": {},
@@ -85,10 +87,12 @@ module.exports = {
         },
         "spacing": {
           "value": "0.125rem",
+          "$type": "dimension",
           "filePath": "tokens/functional/components/timeline/base.json",
           "isSource": true,
           "original": {
-            "value": "2px"
+            "value": "2px",
+            "$type": "dimension"
           },
           "name": "spacing",
           "attributes": {},

package/lib/design-tokens/js/module/tokens/functional/components/timeline/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 16:30:41 GMT
  */
 module.exports = {

package/lib/design-tokens/js/module/tokens/functional/components/tooltip/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 16:30:41 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 Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 09 Sep 2024 16:30:41 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 16:30:41 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 16:30:41 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 16:30:42 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 16:30:42 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 16:30:41 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 16:30:41 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 16:30:41 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 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 Mon, 09 Sep 2024 07:43:20 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 Mon, 09 Sep 2024 07:43:20 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 Mon, 09 Sep 2024 07:43:20 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 Mon, 09 Sep 2024 07:43:20 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 Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 09 Sep 2024 16:30:41 GMT
  */
 export const BrandColorSuccessFg = "var(--base-color-scale-green-5)";