npm - @primer/react-brand - Versions diffs - 0.24.0-rc.f34efaa → 0.24.1-rc.eeedf49 - Mend

@primer/react-brand 0.24.0-rc.f34efaa → 0.24.1-rc.eeedf49

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

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 12:38:49 GMT
+ * Generated on Wed, 23 Aug 2023 13:30:04 GMT
  */
 module.exports = {
@@ -40,20 +40,20 @@ module.exports = {
           ]
         }
       },
-      "xsmall": {
+      "medium": {
         "size": {
-          "value": "1.5rem",
+          "value": "3rem",
           "filePath": "tokens/functional/size/size.json",
           "isSource": true,
           "original": {
-            "value": "{base.size.24}"
+            "value": "{base.size.48}"
           },
           "name": "size",
           "attributes": {},
           "path": [
             "brand",
             "control",
-            "xsmall",
+            "medium",
             "size"
           ]
         },
@@ -69,110 +69,110 @@ module.exports = {
           "path": [
             "brand",
             "control",
-            "xsmall",
+            "medium",
             "lineBoxHeight"
           ]
         },
         "paddingBlock": {
-          "value": "calc((1.5rem - 1.25rem) / 2)",
+          "value": "0.75rem",
           "filePath": "tokens/functional/size/size.json",
           "isSource": true,
           "original": {
-            "value": "calc(({brand.control.xsmall.size} - {brand.control.xsmall.lineBoxHeight}) / 2)"
+            "value": "{base.size.12}"
           },
           "name": "paddingBlock",
           "attributes": {},
           "path": [
             "brand",
             "control",
-            "xsmall",
+            "medium",
             "paddingBlock"
           ]
         },
         "paddingInline": {
           "condensed": {
-            "value": "0.25rem",
+            "value": "0.75rem",
             "filePath": "tokens/functional/size/size.json",
             "isSource": true,
             "original": {
-              "value": "{base.size.4}"
+              "value": "{base.size.12}"
             },
             "name": "condensed",
             "attributes": {},
             "path": [
               "brand",
               "control",
-              "xsmall",
+              "medium",
               "paddingInline",
               "condensed"
             ]
           },
           "normal": {
-            "value": "0.5rem",
+            "value": "1rem",
             "filePath": "tokens/functional/size/size.json",
             "isSource": true,
             "original": {
-              "value": "{base.size.8}"
+              "value": "{base.size.16}"
             },
             "name": "normal",
             "attributes": {},
             "path": [
               "brand",
               "control",
-              "xsmall",
+              "medium",
               "paddingInline",
               "normal"
             ]
           },
           "spacious": {
-            "value": "0.75rem",
+            "value": "1.5rem",
             "filePath": "tokens/functional/size/size.json",
             "isSource": true,
             "original": {
-              "value": "{base.size.12}"
+              "value": "{base.size.24}"
             },
             "name": "spacious",
             "attributes": {},
             "path": [
               "brand",
               "control",
-              "xsmall",
+              "medium",
               "paddingInline",
               "spacious"
             ]
           }
         },
         "gap": {
-          "value": "0.25rem",
+          "value": "0.5rem",
           "filePath": "tokens/functional/size/size.json",
           "isSource": true,
           "original": {
-            "value": "{base.size.4}"
+            "value": "{base.size.8}"
           },
           "name": "gap",
           "attributes": {},
           "path": [
             "brand",
             "control",
-            "xsmall",
+            "medium",
             "gap"
           ]
         }
       },
-      "small": {
+      "large": {
         "size": {
-          "value": "1.75rem",
+          "value": "3.5rem",
           "filePath": "tokens/functional/size/size.json",
           "isSource": true,
           "original": {
-            "value": "{base.size.28}"
+            "value": "56px"
           },
           "name": "size",
           "attributes": {},
           "path": [
             "brand",
             "control",
-            "small",
+            "large",
             "size"
           ]
         },
@@ -188,222 +188,50 @@ module.exports = {
           "path": [
             "brand",
             "control",
-            "small",
-            "lineBoxHeight"
-          ]
-        },
-        "paddingBlock": {
-          "value": "calc((1.75rem - 1.25rem) / 2)",
-          "filePath": "tokens/functional/size/size.json",
-          "isSource": true,
-          "original": {
-            "value": "calc(({brand.control.small.size} - {brand.control.small.lineBoxHeight}) / 2)"
-          },
-          "name": "paddingBlock",
-          "attributes": {},
-          "path": [
-            "brand",
-            "control",
-            "small",
-            "paddingBlock"
-          ]
-        },
-        "paddingInline": {
-          "condensed": {
-            "value": "0.5rem",
-            "filePath": "tokens/functional/size/size.json",
-            "isSource": true,
-            "original": {
-              "value": "{base.size.8}"
-            },
-            "name": "condensed",
-            "attributes": {},
-            "path": [
-              "brand",
-              "control",
-              "small",
-              "paddingInline",
-              "condensed"
-            ]
-          },
-          "normal": {
-            "value": "0.75rem",
-            "filePath": "tokens/functional/size/size.json",
-            "isSource": true,
-            "original": {
-              "value": "{base.size.12}"
-            },
-            "name": "normal",
-            "attributes": {},
-            "path": [
-              "brand",
-              "control",
-              "small",
-              "paddingInline",
-              "normal"
-            ]
-          }
-        },
-        "gap": {
-          "value": "0.25rem",
-          "filePath": "tokens/functional/size/size.json",
-          "isSource": true,
-          "original": {
-            "value": "{base.size.4}"
-          },
-          "name": "gap",
-          "attributes": {},
-          "path": [
-            "brand",
-            "control",
-            "small",
-            "gap"
-          ]
-        }
-      },
-      "medium": {
-        "lineBoxHeight": {
-          "value": "1.25rem",
-          "filePath": "tokens/functional/size/size.json",
-          "isSource": true,
-          "original": {
-            "value": "{base.size.20}"
-          },
-          "name": "lineBoxHeight",
-          "attributes": {},
-          "path": [
-            "brand",
-            "control",
-            "medium",
+            "large",
             "lineBoxHeight"
           ]
         },
         "paddingBlock": {
-          "value": "calc((2.5rem - 1.25rem) / 2)",
+          "value": "1.125rem",
           "filePath": "tokens/functional/size/size.json",
           "isSource": true,
           "original": {
-            "value": "calc(({brand.control.medium.size} - {brand.control.medium.lineBoxHeight}) / 2)"
+            "value": "18px"
           },
           "name": "paddingBlock",
           "attributes": {},
           "path": [
             "brand",
             "control",
-            "medium",
+            "large",
             "paddingBlock"
           ]
         },
         "paddingInline": {
           "condensed": {
-            "value": "0.5rem",
-            "filePath": "tokens/functional/size/size.json",
-            "isSource": true,
-            "original": {
-              "value": "{base.size.8}"
-            },
-            "name": "condensed",
-            "attributes": {},
-            "path": [
-              "brand",
-              "control",
-              "medium",
-              "paddingInline",
-              "condensed"
-            ]
-          },
-          "normal": {
-            "value": "0.75rem",
-            "filePath": "tokens/functional/size/size.json",
-            "isSource": true,
-            "original": {
-              "value": "{base.size.12}"
-            },
-            "name": "normal",
-            "attributes": {},
-            "path": [
-              "brand",
-              "control",
-              "medium",
-              "paddingInline",
-              "normal"
-            ]
-          },
-          "spacious": {
             "value": "1rem",
             "filePath": "tokens/functional/size/size.json",
             "isSource": true,
             "original": {
               "value": "{base.size.16}"
             },
-            "name": "spacious",
+            "name": "condensed",
             "attributes": {},
             "path": [
               "brand",
               "control",
-              "medium",
+              "large",
               "paddingInline",
-              "spacious"
+              "condensed"
             ]
-          }
-        },
-        "gap": {
-          "value": "0.5rem",
-          "filePath": "tokens/functional/size/size.json",
-          "isSource": true,
-          "original": {
-            "value": "{base.size.8}"
-          },
-          "name": "gap",
-          "attributes": {},
-          "path": [
-            "brand",
-            "control",
-            "medium",
-            "gap"
-          ]
-        }
-      },
-      "large": {
-        "lineBoxHeight": {
-          "value": "1.25rem",
-          "filePath": "tokens/functional/size/size.json",
-          "isSource": true,
-          "original": {
-            "value": "{base.size.20}"
-          },
-          "name": "lineBoxHeight",
-          "attributes": {},
-          "path": [
-            "brand",
-            "control",
-            "large",
-            "lineBoxHeight"
-          ]
-        },
-        "paddingBlock": {
-          "value": "calc((var(--base-size-48) - 1.25rem) / 2)",
-          "filePath": "tokens/functional/size/size.json",
-          "isSource": true,
-          "original": {
-            "value": "calc(({brand.control.large.size} - {brand.control.large.lineBoxHeight}) / 2)"
           },
-          "name": "paddingBlock",
-          "attributes": {},
-          "path": [
-            "brand",
-            "control",
-            "large",
-            "paddingBlock"
-          ]
-        },
-        "paddingInline": {
           "normal": {
-            "value": "0.75rem",
+            "value": "1.25rem",
             "filePath": "tokens/functional/size/size.json",
             "isSource": true,
             "original": {
-              "value": "{base.size.12}"
+              "value": "{base.size.20}"
             },
             "name": "normal",
             "attributes": {},
@@ -416,11 +244,11 @@ module.exports = {
             ]
           },
           "spacious": {
-            "value": "1rem",
+            "value": "2rem",
             "filePath": "tokens/functional/size/size.json",
             "isSource": true,
             "original": {
-              "value": "{base.size.16}"
+              "value": "{base.size.32}"
             },
             "name": "spacious",
             "attributes": {},
@@ -434,11 +262,11 @@ module.exports = {
           }
         },
         "gap": {
-          "value": "0.5rem",
+          "value": "1rem",
           "filePath": "tokens/functional/size/size.json",
           "isSource": true,
           "original": {
-            "value": "{base.size.8}"
+            "value": "{base.size.16}"
           },
           "name": "gap",
           "attributes": {},
@@ -450,105 +278,55 @@ module.exports = {
           ]
         }
       },
-      "xlarge": {
-        "size": {
-          "value": "3rem",
+      "border": {
+        "radius": {
+          "value": "var(--brand-borderRadius-medium)",
           "filePath": "tokens/functional/size/size.json",
           "isSource": true,
           "original": {
-            "value": "{base.size.48}"
+            "value": "var(--brand-borderRadius-medium)"
           },
-          "name": "size",
+          "name": "radius",
           "attributes": {},
           "path": [
             "brand",
             "control",
-            "xlarge",
-            "size"
+            "border",
+            "radius"
           ]
-        },
-        "lineBoxHeight": {
-          "value": "1.25rem",
+        }
+      },
+      "animation": {
+        "duration": {
+          "value": "80ms",
           "filePath": "tokens/functional/size/size.json",
           "isSource": true,
           "original": {
-            "value": "{base.size.20}"
+            "value": "80ms"
           },
-          "name": "lineBoxHeight",
+          "name": "duration",
           "attributes": {},
           "path": [
             "brand",
             "control",
-            "xlarge",
-            "lineBoxHeight"
+            "animation",
+            "duration"
           ]
         },
-        "paddingBlock": {
-          "value": "calc((3rem - 1.25rem) / 2)",
+        "easing": {
+          "value": "var(--brand-animation-easing-glide)",
           "filePath": "tokens/functional/size/size.json",
           "isSource": true,
           "original": {
-            "value": "calc(({brand.control.xlarge.size} - {brand.control.xlarge.lineBoxHeight}) / 2)"
+            "value": "var(--brand-animation-easing-glide)"
           },
-          "name": "paddingBlock",
+          "name": "easing",
           "attributes": {},
           "path": [
             "brand",
             "control",
-            "xlarge",
-            "paddingBlock"
-          ]
-        },
-        "paddingInline": {
-          "normal": {
-            "value": "0.75rem",
-            "filePath": "tokens/functional/size/size.json",
-            "isSource": true,
-            "original": {
-              "value": "{base.size.12}"
-            },
-            "name": "normal",
-            "attributes": {},
-            "path": [
-              "brand",
-              "control",
-              "xlarge",
-              "paddingInline",
-              "normal"
-            ]
-          },
-          "spacious": {
-            "value": "1rem",
-            "filePath": "tokens/functional/size/size.json",
-            "isSource": true,
-            "original": {
-              "value": "{base.size.16}"
-            },
-            "name": "spacious",
-            "attributes": {},
-            "path": [
-              "brand",
-              "control",
-              "xlarge",
-              "paddingInline",
-              "spacious"
-            ]
-          }
-        },
-        "gap": {
-          "value": "0.5rem",
-          "filePath": "tokens/functional/size/size.json",
-          "isSource": true,
-          "original": {
-            "value": "{base.size.8}"
-          },
-          "name": "gap",
-          "attributes": {},
-          "path": [
-            "brand",
-            "control",
-            "xlarge",
-            "gap"
+            "animation",
+            "easing"
           ]
         }
       }

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 14 Aug 2023 12:38:49 GMT
+ * Generated on Wed, 23 Aug 2023 13:30:04 GMT
  */
 module.exports = {