@primer/react-brand 0.40.1-rc.e4fb6fc7 → 0.40.1

package/lib/design-tokens/js/module/tokens/functional/components/timeline/colors.js

@@ -1,31 +1,17 @@
 /**
  * Do not edit directly
- * Generated on Thu, 12 Sep 2024 13:04:39 GMT
+ * Generated on Thu, 19 Sep 2024 09:13:49 GMT
  */
 
 module.exports = {
-  "brand": {
-    "Timeline": {
-      "line": {
-        "color": {
-          "value": "var(--brand-color-border-default)",
-          "dark": "var(--base-color-scale-gray-4)",
-          "filePath": "tokens/functional/components/timeline/colors.json",
-          "isSource": true,
-          "original": {
-            "value": "var(--brand-color-border-default)",
-            "dark": "var(--base-color-scale-gray-4)"
-          },
-          "name": "color",
-          "attributes": {},
-          "path": [
-            "brand",
-            "Timeline",
-            "line",
-            "color"
-          ]
-        }
-      }
-    }
-  }
+  brand: {
+    Timeline: {
+      line: {
+        color: {
+          value: "var(--brand-color-border-default)",
+          dark: "var(--base-color-scale-gray-4)",
+        },
+      },
+    },
+  },
 };

package/lib/design-tokens/js/module/tokens/functional/components/tooltip/colors.js

@@ -1,31 +1,17 @@
 /**
  * Do not edit directly
- * Generated on Thu, 12 Sep 2024 13:04:39 GMT
+ * Generated on Thu, 19 Sep 2024 09:13:49 GMT
  */
 
 module.exports = {
-  "brand": {
-    "Tooltip": {
-      "color": {
-        "default": {
-          "value": "var(--brand-color-text-onEmphasis)",
-          "dark": "var(--brand-color-text-default)",
-          "filePath": "tokens/functional/components/tooltip/colors.json",
-          "isSource": true,
-          "original": {
-            "value": "var(--brand-color-text-onEmphasis)",
-            "dark": "var(--brand-color-text-default)"
-          },
-          "name": "default",
-          "attributes": {},
-          "path": [
-            "brand",
-            "Tooltip",
-            "color",
-            "default"
-          ]
-        }
-      }
-    }
-  }
+  brand: {
+    Tooltip: {
+      color: {
+        default: {
+          value: "var(--brand-color-text-onEmphasis)",
+          dark: "var(--brand-color-text-default)",
+        },
+      },
+    },
+  },
 };

package/lib/design-tokens/js/module/tokens/functional/components/video-player/base.js

@@ -1,231 +1,35 @@
 /**
  * Do not edit directly
- * Generated on Thu, 12 Sep 2024 13:04:39 GMT
+ * Generated on Thu, 19 Sep 2024 09:13:49 GMT
  */
 
 module.exports = {
-  "brand": {
-    "VideoPlayer": {
-      "closedCaption": {
-        "margin": {
-          "value": "0 auto 15px auto",
-          "filePath": "tokens/functional/components/video-player/base.json",
-          "isSource": true,
-          "original": {
-            "value": "0 auto 15px auto"
-          },
-          "name": "margin",
-          "attributes": {},
-          "path": [
-            "brand",
-            "VideoPlayer",
-            "closedCaption",
-            "margin"
-          ]
+  brand: {
+    VideoPlayer: {
+      closedCaption: {
+        margin: "0 auto 15px auto",
+        text: {
+          fgColor: "var(--base-color-scale-white-0)",
+          bgColor: "rgba(0, 0, 0, 0.75)",
+          padding: "0.625rem",
         },
-        "text": {
-          "fgColor": {
-            "value": "var(--base-color-scale-white-0)",
-            "filePath": "tokens/functional/components/video-player/base.json",
-            "isSource": true,
-            "original": {
-              "value": "var(--base-color-scale-white-0)"
-            },
-            "name": "fgColor",
-            "attributes": {},
-            "path": [
-              "brand",
-              "VideoPlayer",
-              "closedCaption",
-              "text",
-              "fgColor"
-            ]
-          },
-          "bgColor": {
-            "value": "rgba(0, 0, 0, 0.75)",
-            "filePath": "tokens/functional/components/video-player/base.json",
-            "isSource": true,
-            "original": {
-              "value": "rgba(0, 0, 0, 0.75)"
-            },
-            "name": "bgColor",
-            "attributes": {},
-            "path": [
-              "brand",
-              "VideoPlayer",
-              "closedCaption",
-              "text",
-              "bgColor"
-            ]
-          },
-          "padding": {
-            "value": "0.625rem",
-            "$type": "dimension",
-            "filePath": "tokens/functional/components/video-player/base.json",
-            "isSource": true,
-            "original": {
-              "value": "10px",
-              "$type": "dimension"
-            },
-            "name": "padding",
-            "attributes": {},
-            "path": [
-              "brand",
-              "VideoPlayer",
-              "closedCaption",
-              "text",
-              "padding"
-            ]
-          }
-        }
       },
-      "playButton": {
-        "height": {
-          "value": "var(--base-size-96)",
-          "filePath": "tokens/functional/components/video-player/base.json",
-          "isSource": true,
-          "original": {
-            "value": "var(--base-size-96)"
-          },
-          "name": "height",
-          "attributes": {},
-          "path": [
-            "brand",
-            "VideoPlayer",
-            "playButton",
-            "height"
-          ]
-        },
-        "width": {
-          "value": "var(--base-size-96)",
-          "filePath": "tokens/functional/components/video-player/base.json",
-          "isSource": true,
-          "original": {
-            "value": "var(--base-size-96)"
-          },
-          "name": "width",
-          "attributes": {},
-          "path": [
-            "brand",
-            "VideoPlayer",
-            "playButton",
-            "width"
-          ]
-        }
+      playButton: {
+        height: "var(--base-size-96)",
+        width: "var(--base-size-96)",
       },
-      "range": {
-        "height": {
-          "value": "0.375rem",
-          "$type": "dimension",
-          "filePath": "tokens/functional/components/video-player/base.json",
-          "isSource": true,
-          "original": {
-            "value": "6px",
-            "$type": "dimension"
-          },
-          "name": "height",
-          "attributes": {},
-          "path": [
-            "brand",
-            "VideoPlayer",
-            "range",
-            "height"
-          ]
-        },
-        "borderRadius": {
-          "value": "0.1875rem",
-          "$type": "dimension",
-          "filePath": "tokens/functional/components/video-player/base.json",
-          "isSource": true,
-          "original": {
-            "value": "3px",
-            "$type": "dimension"
-          },
-          "name": "borderRadius",
-          "attributes": {},
-          "path": [
-            "brand",
-            "VideoPlayer",
-            "range",
-            "borderRadius"
-          ]
-        },
-        "minWidth": {
-          "value": "4.6875rem",
-          "$type": "dimension",
-          "filePath": "tokens/functional/components/video-player/base.json",
-          "isSource": true,
-          "original": {
-            "value": "75px",
-            "$type": "dimension"
-          },
-          "name": "minWidth",
-          "attributes": {},
-          "path": [
-            "brand",
-            "VideoPlayer",
-            "range",
-            "minWidth"
-          ]
-        }
+      range: {
+        height: "0.375rem",
+        borderRadius: "0.1875rem",
+        minWidth: "4.6875rem",
       },
-      "transition": {
-        "value": "all var(--brand-animation-duration-fast) var(--brand-animation-easing-default)",
-        "filePath": "tokens/functional/components/video-player/base.json",
-        "isSource": true,
-        "original": {
-          "value": "all var(--brand-animation-duration-fast) var(--brand-animation-easing-default)"
+      transition: "all var(--brand-animation-duration-fast) var(--brand-animation-easing-default)",
+      tooltip: {
+        padding: {
+          block: "0.3125rem",
+          inline: "0.3125rem",
         },
-        "name": "transition",
-        "attributes": {},
-        "path": [
-          "brand",
-          "VideoPlayer",
-          "transition"
-        ]
       },
-      "tooltip": {
-        "padding": {
-          "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"
-            ]
-          },
-          "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

@@ -1,184 +1,26 @@
 /**
  * Do not edit directly
- * Generated on Thu, 12 Sep 2024 13:04:39 GMT
+ * Generated on Thu, 19 Sep 2024 09:13:49 GMT
  */
 
 module.exports = {
-  "brand": {
-    "borderInset": {
-      "thin": {
-        "value": "inset 0 0 0 max(1px, 0.0625rem)",
-        "filePath": "tokens/functional/size/border.json",
-        "isSource": true,
-        "original": {
-          "value": "inset 0 0 0 {brand.borderWidth.thin}"
-        },
-        "name": "thin",
-        "attributes": {},
-        "path": [
-          "brand",
-          "borderInset",
-          "thin"
-        ]
-      },
-      "thick": {
-        "value": "inset 0 0 0 max(2px, 0.125rem)",
-        "filePath": "tokens/functional/size/border.json",
-        "isSource": true,
-        "original": {
-          "value": "inset 0 0 0 {brand.borderWidth.thick}"
-        },
-        "name": "thick",
-        "attributes": {},
-        "path": [
-          "brand",
-          "borderInset",
-          "thick"
-        ]
-      },
-      "thicker": {
-        "value": "inset 0 0 0 max(4px, 0.25rem)",
-        "filePath": "tokens/functional/size/border.json",
-        "isSource": true,
-        "original": {
-          "value": "inset 0 0 0 {brand.borderWidth.thicker}"
-        },
-        "name": "thicker",
-        "attributes": {},
-        "path": [
-          "brand",
-          "borderInset",
-          "thicker"
-        ]
-      }
+  brand: {
+    borderInset: {
+      thin: "inset 0 0 0 max(1px, 0.0625rem)",
+      thick: "inset 0 0 0 max(2px, 0.125rem)",
+      thicker: "inset 0 0 0 max(4px, 0.25rem)",
     },
-    "borderWidth": {
-      "thin": {
-        "value": "max(1px, 0.0625rem)",
-        "filePath": "tokens/functional/size/border.json",
-        "isSource": true,
-        "original": {
-          "value": "max(1px, 0.0625rem)"
-        },
-        "name": "thin",
-        "attributes": {},
-        "path": [
-          "brand",
-          "borderWidth",
-          "thin"
-        ]
-      },
-      "thick": {
-        "value": "max(2px, 0.125rem)",
-        "filePath": "tokens/functional/size/border.json",
-        "isSource": true,
-        "original": {
-          "value": "max(2px, 0.125rem)"
-        },
-        "name": "thick",
-        "attributes": {},
-        "path": [
-          "brand",
-          "borderWidth",
-          "thick"
-        ]
-      },
-      "thicker": {
-        "value": "max(4px, 0.25rem)",
-        "filePath": "tokens/functional/size/border.json",
-        "isSource": true,
-        "original": {
-          "value": "max(4px, 0.25rem)"
-        },
-        "name": "thicker",
-        "attributes": {},
-        "path": [
-          "brand",
-          "borderWidth",
-          "thicker"
-        ]
-      }
+    borderWidth: {
+      thin: "max(1px, 0.0625rem)",
+      thick: "max(2px, 0.125rem)",
+      thicker: "max(4px, 0.25rem)",
     },
-    "borderRadius": {
-      "small": {
-        "value": "0.25rem",
-        "filePath": "tokens/functional/size/border.json",
-        "isSource": true,
-        "original": {
-          "value": "{base.size.4}"
-        },
-        "name": "small",
-        "attributes": {},
-        "path": [
-          "brand",
-          "borderRadius",
-          "small"
-        ]
-      },
-      "medium": {
-        "value": "0.5rem",
-        "filePath": "tokens/functional/size/border.json",
-        "isSource": true,
-        "original": {
-          "value": "{base.size.8}"
-        },
-        "name": "medium",
-        "attributes": {},
-        "path": [
-          "brand",
-          "borderRadius",
-          "medium"
-        ]
-      },
-      "large": {
-        "value": "1rem",
-        "filePath": "tokens/functional/size/border.json",
-        "isSource": true,
-        "original": {
-          "value": "{base.size.16}"
-        },
-        "name": "large",
-        "attributes": {},
-        "path": [
-          "brand",
-          "borderRadius",
-          "large"
-        ]
-      },
-      "xlarge": {
-        "value": "1.5rem",
-        "filePath": "tokens/functional/size/border.json",
-        "isSource": true,
-        "original": {
-          "value": "{base.size.24}"
-        },
-        "name": "xlarge",
-        "attributes": {},
-        "path": [
-          "brand",
-          "borderRadius",
-          "xlarge"
-        ]
-      },
-      "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",
-        "attributes": {},
-        "path": [
-          "brand",
-          "borderRadius",
-          "full"
-        ]
-      }
-    }
-  }
+    borderRadius: {
+      small: "0.25rem",
+      medium: "0.5rem",
+      large: "1rem",
+      xlarge: "1.5rem",
+      full: "624.9375rem",
+    },
+  },
 };