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/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
  */
 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 Wed, 04 Sep 2024 14:12:38 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 Wed, 04 Sep 2024 14:12:38 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 Wed, 04 Sep 2024 14:12:38 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 Wed, 04 Sep 2024 14:12:38 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 Wed, 04 Sep 2024 14:12:38 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 Wed, 04 Sep 2024 14:12:38 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 Wed, 04 Sep 2024 14:12:38 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 Wed, 04 Sep 2024 14:12:38 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": {},
@@ -432,6 +434,139 @@ module.exports = {
         }
       }
     },
+    "controlStack": {
+      "small": {
+        "gap": {
+          "condensed": {
+            "value": "0.5rem",
+            "filePath": "tokens/functional/size/size.json",
+            "isSource": true,
+            "original": {
+              "value": "{base.size.8}"
+            },
+            "name": "condensed",
+            "attributes": {},
+            "path": [
+              "brand",
+              "controlStack",
+              "small",
+              "gap",
+              "condensed"
+            ]
+          },
+          "spacious": {
+            "value": "1rem",
+            "filePath": "tokens/functional/size/size.json",
+            "isSource": true,
+            "original": {
+              "value": "{base.size.16}"
+            },
+            "name": "spacious",
+            "attributes": {},
+            "path": [
+              "brand",
+              "controlStack",
+              "small",
+              "gap",
+              "spacious"
+            ]
+          }
+        }
+      },
+      "medium": {
+        "gap": {
+          "condensed": {
+            "value": "0.5rem",
+            "filePath": "tokens/functional/size/size.json",
+            "isSource": true,
+            "original": {
+              "value": "{base.size.8}"
+            },
+            "name": "condensed",
+            "attributes": {},
+            "path": [
+              "brand",
+              "controlStack",
+              "medium",
+              "gap",
+              "condensed"
+            ]
+          },
+          "spacious": {
+            "value": "0.75rem",
+            "filePath": "tokens/functional/size/size.json",
+            "isSource": true,
+            "original": {
+              "value": "{base.size.12}"
+            },
+            "name": "spacious",
+            "attributes": {},
+            "path": [
+              "brand",
+              "controlStack",
+              "medium",
+              "gap",
+              "spacious"
+            ]
+          }
+        }
+      },
+      "large": {
+        "gap": {
+          "auto": {
+            "value": "0.5rem",
+            "filePath": "tokens/functional/size/size.json",
+            "isSource": true,
+            "original": {
+              "value": "{base.size.8}"
+            },
+            "name": "auto",
+            "attributes": {},
+            "path": [
+              "brand",
+              "controlStack",
+              "large",
+              "gap",
+              "auto"
+            ]
+          },
+          "condensed": {
+            "value": "0.5rem",
+            "filePath": "tokens/functional/size/size.json",
+            "isSource": true,
+            "original": {
+              "value": "{base.size.8}"
+            },
+            "name": "condensed",
+            "attributes": {},
+            "path": [
+              "brand",
+              "controlStack",
+              "large",
+              "gap",
+              "condensed"
+            ]
+          },
+          "spacious": {
+            "value": "0.75rem",
+            "filePath": "tokens/functional/size/size.json",
+            "isSource": true,
+            "original": {
+              "value": "{base.size.12}"
+            },
+            "name": "spacious",
+            "attributes": {},
+            "path": [
+              "brand",
+              "controlStack",
+              "large",
+              "gap",
+              "spacious"
+            ]
+          }
+        }
+      }
+    },
     "box": {
       "spacing": {
         "condensed": {
@@ -585,139 +720,6 @@ module.exports = {
           ]
         }
       }
-    },
-    "controlStack": {
-      "small": {
-        "gap": {
-          "condensed": {
-            "value": "0.5rem",
-            "filePath": "tokens/functional/size/size.json",
-            "isSource": true,
-            "original": {
-              "value": "{base.size.8}"
-            },
-            "name": "condensed",
-            "attributes": {},
-            "path": [
-              "brand",
-              "controlStack",
-              "small",
-              "gap",
-              "condensed"
-            ]
-          },
-          "spacious": {
-            "value": "1rem",
-            "filePath": "tokens/functional/size/size.json",
-            "isSource": true,
-            "original": {
-              "value": "{base.size.16}"
-            },
-            "name": "spacious",
-            "attributes": {},
-            "path": [
-              "brand",
-              "controlStack",
-              "small",
-              "gap",
-              "spacious"
-            ]
-          }
-        }
-      },
-      "medium": {
-        "gap": {
-          "condensed": {
-            "value": "0.5rem",
-            "filePath": "tokens/functional/size/size.json",
-            "isSource": true,
-            "original": {
-              "value": "{base.size.8}"
-            },
-            "name": "condensed",
-            "attributes": {},
-            "path": [
-              "brand",
-              "controlStack",
-              "medium",
-              "gap",
-              "condensed"
-            ]
-          },
-          "spacious": {
-            "value": "0.75rem",
-            "filePath": "tokens/functional/size/size.json",
-            "isSource": true,
-            "original": {
-              "value": "{base.size.12}"
-            },
-            "name": "spacious",
-            "attributes": {},
-            "path": [
-              "brand",
-              "controlStack",
-              "medium",
-              "gap",
-              "spacious"
-            ]
-          }
-        }
-      },
-      "large": {
-        "gap": {
-          "auto": {
-            "value": "0.5rem",
-            "filePath": "tokens/functional/size/size.json",
-            "isSource": true,
-            "original": {
-              "value": "{base.size.8}"
-            },
-            "name": "auto",
-            "attributes": {},
-            "path": [
-              "brand",
-              "controlStack",
-              "large",
-              "gap",
-              "auto"
-            ]
-          },
-          "condensed": {
-            "value": "0.5rem",
-            "filePath": "tokens/functional/size/size.json",
-            "isSource": true,
-            "original": {
-              "value": "{base.size.8}"
-            },
-            "name": "condensed",
-            "attributes": {},
-            "path": [
-              "brand",
-              "controlStack",
-              "large",
-              "gap",
-              "condensed"
-            ]
-          },
-          "spacious": {
-            "value": "0.75rem",
-            "filePath": "tokens/functional/size/size.json",
-            "isSource": true,
-            "original": {
-              "value": "{base.size.12}"
-            },
-            "name": "spacious",
-            "attributes": {},
-            "path": [
-              "brand",
-              "controlStack",
-              "large",
-              "gap",
-              "spacious"
-            ]
-          }
-        }
-      }
     }
   }
 };

package/lib/design-tokens/js/module/tokens/functional/size/viewport.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 = {

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, 04 Sep 2024 14:12:38 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
                 }