@primer/react-brand 0.3.1 → 0.4.0-rc.61e6d4a

package/lib/design-tokens/js/module/tokens/base/size/size.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 02 Aug 2022 12:21:04 GMT
+ * Generated on Thu, 15 Sep 2022 10:40:43 GMT
  */
 
 module.exports = {

package/lib/design-tokens/js/module/tokens/base/typography/typography.js

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 02 Aug 2022 12:21:04 GMT
+ * Generated on Thu, 15 Sep 2022 10:40:43 GMT
  */
 
 module.exports = {

package/lib/design-tokens/js/module/tokens/functional/colors/global.js

@@ -1,20 +1,168 @@
 /**
  * Do not edit directly
- * Generated on Tue, 02 Aug 2022 12:21:04 GMT
+ * Generated on Thu, 15 Sep 2022 10:40:43 GMT
  */
 
 module.exports = {
   "brand": {
     "color": {
+      "success": {
+        "fg": {
+          "value": "var(--base-color-scale-green-5)",
+          "dark": "var(--base-color-scale-green-3)",
+          "filePath": "tokens/functional/colors/global.json",
+          "isSource": true,
+          "original": {
+            "value": "var(--base-color-scale-green-5)",
+            "dark": "var(--base-color-scale-green-3)"
+          },
+          "name": "fg",
+          "attributes": {},
+          "path": [
+            "brand",
+            "color",
+            "success",
+            "fg"
+          ]
+        },
+        "emphasis": {
+          "value": "var(--base-color-scale-green-4)",
+          "dark": "var(--base-color-scale-green-5)",
+          "filePath": "tokens/functional/colors/global.json",
+          "isSource": true,
+          "original": {
+            "value": "var(--base-color-scale-green-4)",
+            "dark": "var(--base-color-scale-green-5)"
+          },
+          "name": "emphasis",
+          "attributes": {},
+          "path": [
+            "brand",
+            "color",
+            "success",
+            "emphasis"
+          ]
+        },
+        "muted": {
+          "value": "hsl(var(--base-color-scale-green-3-hsl) / 60%)",
+          "dark": "hsl(var(--base-color-scale-green-4-hsl) / 60%)",
+          "filePath": "tokens/functional/colors/global.json",
+          "isSource": true,
+          "original": {
+            "value": "hsl(var(--base-color-scale-green-3-hsl) / 60%)",
+            "dark": "hsl(var(--base-color-scale-green-4-hsl) / 60%)"
+          },
+          "name": "muted",
+          "attributes": {},
+          "path": [
+            "brand",
+            "color",
+            "success",
+            "muted"
+          ]
+        },
+        "subtle": {
+          "value": "var(--base-color-scale-green-0)",
+          "dark": "hsl(var(--base-color-scale-green-4-hsl) / 85%)",
+          "filePath": "tokens/functional/colors/global.json",
+          "isSource": true,
+          "original": {
+            "value": "var(--base-color-scale-green-0)",
+            "dark": "hsl(var(--base-color-scale-green-4-hsl) / 85%)"
+          },
+          "name": "subtle",
+          "attributes": {},
+          "path": [
+            "brand",
+            "color",
+            "success",
+            "subtle"
+          ]
+        }
+      },
+      "error": {
+        "fg": {
+          "value": "var(--base-color-scale-red-5)",
+          "dark": "var(--base-color-scale-red-4)",
+          "filePath": "tokens/functional/colors/global.json",
+          "isSource": true,
+          "original": {
+            "value": "var(--base-color-scale-red-5)",
+            "dark": "var(--base-color-scale-red-4)"
+          },
+          "name": "fg",
+          "attributes": {},
+          "path": [
+            "brand",
+            "color",
+            "error",
+            "fg"
+          ]
+        },
+        "emphasis": {
+          "value": "var(--base-color-scale-red-5)",
+          "dark": "var(--base-color-scale-red-5)",
+          "filePath": "tokens/functional/colors/global.json",
+          "isSource": true,
+          "original": {
+            "value": "var(--base-color-scale-red-5)",
+            "dark": "var(--base-color-scale-red-5)"
+          },
+          "name": "emphasis",
+          "attributes": {},
+          "path": [
+            "brand",
+            "color",
+            "error",
+            "emphasis"
+          ]
+        },
+        "muted": {
+          "value": "hsl(var(--base-color-scale-red-3-hsl) / 60%)",
+          "dark": "hsl(var(--base-color-scale-red-4-hsl) / 60%)",
+          "filePath": "tokens/functional/colors/global.json",
+          "isSource": true,
+          "original": {
+            "value": "hsl(var(--base-color-scale-red-3-hsl) / 60%)",
+            "dark": "hsl(var(--base-color-scale-red-4-hsl) / 60%)"
+          },
+          "name": "muted",
+          "attributes": {},
+          "path": [
+            "brand",
+            "color",
+            "error",
+            "muted"
+          ]
+        },
+        "subtle": {
+          "value": "var(--base-color-scale-red-0)",
+          "dark": "hsl(var(--base-color-scale-red-4-hsl) / 85%)",
+          "filePath": "tokens/functional/colors/global.json",
+          "isSource": true,
+          "original": {
+            "value": "var(--base-color-scale-red-0)",
+            "dark": "hsl(var(--base-color-scale-red-4-hsl) / 85%)"
+          },
+          "name": "subtle",
+          "attributes": {},
+          "path": [
+            "brand",
+            "color",
+            "error",
+            "subtle"
+          ]
+        }
+      },
       "accent": {
         "fg": {
           "value": "var(--base-color-scale-pink-5)",
-          "darkValue": "var(--base-color-scale-pink-3)",
+          "dark": "var(--base-color-scale-pink-3)",
           "filePath": "tokens/functional/colors/global.json",
           "isSource": true,
           "original": {
             "value": "var(--base-color-scale-pink-5)",
-            "darkValue": "var(--base-color-scale-pink-3)"
+            "dark": "var(--base-color-scale-pink-3)"
           },
           "name": "fg",
           "attributes": {},
@@ -27,12 +175,12 @@ module.exports = {
         },
         "emphasis": {
           "value": "var(--base-color-scale-pink-5)",
-          "darkValue": "var(--base-color-scale-pink-5)",
+          "dark": "var(--base-color-scale-pink-5)",
           "filePath": "tokens/functional/colors/global.json",
           "isSource": true,
           "original": {
             "value": "var(--base-color-scale-pink-5)",
-            "darkValue": "var(--base-color-scale-pink-5)"
+            "dark": "var(--base-color-scale-pink-5)"
           },
           "name": "emphasis",
           "attributes": {},
@@ -45,12 +193,12 @@ module.exports = {
         },
         "muted": {
           "value": "hsl(var(--base-color-scale-pink-3-hsl) / 60%)",
-          "darkValue": "hsl(var(--base-color-scale-pink-4-hsl) / 60%)",
+          "dark": "hsl(var(--base-color-scale-pink-4-hsl) / 60%)",
           "filePath": "tokens/functional/colors/global.json",
           "isSource": true,
           "original": {
             "value": "hsl(var(--base-color-scale-pink-3-hsl) / 60%)",
-            "darkValue": "hsl(var(--base-color-scale-pink-4-hsl) / 60%)"
+            "dark": "hsl(var(--base-color-scale-pink-4-hsl) / 60%)"
           },
           "name": "muted",
           "attributes": {},
@@ -63,12 +211,12 @@ module.exports = {
         },
         "subtle": {
           "value": "var(--base-color-scale-pink-0)",
-          "darkValue": "hsl(var(--base-color-scale-pink-4-hsl) / 85%)",
+          "dark": "hsl(var(--base-color-scale-pink-4-hsl) / 85%)",
           "filePath": "tokens/functional/colors/global.json",
           "isSource": true,
           "original": {
             "value": "var(--base-color-scale-pink-0)",
-            "darkValue": "hsl(var(--base-color-scale-pink-4-hsl) / 85%)"
+            "dark": "hsl(var(--base-color-scale-pink-4-hsl) / 85%)"
           },
           "name": "subtle",
           "attributes": {},
@@ -83,12 +231,12 @@ module.exports = {
       "text": {
         "default": {
           "value": "var(--base-color-scale-gray-9)",
-          "darkValue": "var(--base-color-scale-white-0)",
+          "dark": "var(--base-color-scale-white-0)",
           "filePath": "tokens/functional/colors/global.json",
           "isSource": true,
           "original": {
             "value": "var(--base-color-scale-gray-9)",
-            "darkValue": "var(--base-color-scale-white-0)"
+            "dark": "var(--base-color-scale-white-0)"
           },
           "name": "default",
           "attributes": {},
@@ -101,12 +249,12 @@ module.exports = {
         },
         "muted": {
           "value": "var(--base-color-scale-gray-6)",
-          "darkValue": "var(--base-color-scale-gray-3)",
+          "dark": "var(--base-color-scale-gray-3)",
           "filePath": "tokens/functional/colors/global.json",
           "isSource": true,
           "original": {
             "value": "var(--base-color-scale-gray-6)",
-            "darkValue": "var(--base-color-scale-gray-3)"
+            "dark": "var(--base-color-scale-gray-3)"
           },
           "name": "muted",
           "attributes": {},
@@ -119,12 +267,12 @@ module.exports = {
         },
         "subtle": {
           "value": "var(--base-color-scale-gray-5)",
-          "darkValue": "var(--base-color-scale-gray-4)",
+          "dark": "var(--base-color-scale-gray-4)",
           "filePath": "tokens/functional/colors/global.json",
           "isSource": true,
           "original": {
             "value": "var(--base-color-scale-gray-5)",
-            "darkValue": "var(--base-color-scale-gray-4)"
+            "dark": "var(--base-color-scale-gray-4)"
           },
           "name": "subtle",
           "attributes": {},
@@ -137,12 +285,12 @@ module.exports = {
         },
         "onEmphasis": {
           "value": "var(--base-color-scale-white-0)",
-          "darkValue": "var(--base-color-scale-black-0)",
+          "dark": "var(--base-color-scale-black-0)",
           "filePath": "tokens/functional/colors/global.json",
           "isSource": true,
           "original": {
             "value": "var(--base-color-scale-white-0)",
-            "darkValue": "var(--base-color-scale-black-0)"
+            "dark": "var(--base-color-scale-black-0)"
           },
           "name": "onEmphasis",
           "attributes": {},
@@ -157,12 +305,12 @@ module.exports = {
       "neutral": {
         "emphasisPlus": {
           "value": "var(--base-color-scale-gray-9)",
-          "darkValue": "var(--base-color-scale-gray-4)",
+          "dark": "var(--base-color-scale-gray-4)",
           "filePath": "tokens/functional/colors/global.json",
           "isSource": true,
           "original": {
             "value": "var(--base-color-scale-gray-9)",
-            "darkValue": "var(--base-color-scale-gray-4)"
+            "dark": "var(--base-color-scale-gray-4)"
           },
           "name": "emphasisPlus",
           "attributes": {},
@@ -175,12 +323,12 @@ module.exports = {
         },
         "emphasis": {
           "value": "var(--base-color-scale-gray-5)",
-          "darkValue": "var(--base-color-scale-gray-4)",
+          "dark": "var(--base-color-scale-gray-4)",
           "filePath": "tokens/functional/colors/global.json",
           "isSource": true,
           "original": {
             "value": "var(--base-color-scale-gray-5)",
-            "darkValue": "var(--base-color-scale-gray-4)"
+            "dark": "var(--base-color-scale-gray-4)"
           },
           "name": "emphasis",
           "attributes": {},
@@ -193,12 +341,12 @@ module.exports = {
         },
         "muted": {
           "value": "hsl(var(--base-color-scale-gray-3-hsl) / 99.8%)",
-          "darkValue": "hsl(var(--base-color-scale-gray-4-hsl) / 99.6%)",
+          "dark": "hsl(var(--base-color-scale-gray-4-hsl) / 99.6%)",
           "filePath": "tokens/functional/colors/global.json",
           "isSource": true,
           "original": {
             "value": "hsl(var(--base-color-scale-gray-3-hsl) / 99.8%)",
-            "darkValue": "hsl(var(--base-color-scale-gray-4-hsl) / 99.6%)"
+            "dark": "hsl(var(--base-color-scale-gray-4-hsl) / 99.6%)"
           },
           "name": "muted",
           "attributes": {},
@@ -211,12 +359,12 @@ module.exports = {
         },
         "subtle": {
           "value": "hsl(var(--base-color-scale-gray-1-hsl) / 99.5%)",
-          "darkValue": "hsl(var(--base-color-scale-gray-4-hsl) / 99.9%)",
+          "dark": "hsl(var(--base-color-scale-gray-4-hsl) / 99.9%)",
           "filePath": "tokens/functional/colors/global.json",
           "isSource": true,
           "original": {
             "value": "hsl(var(--base-color-scale-gray-1-hsl) / 99.5%)",
-            "darkValue": "hsl(var(--base-color-scale-gray-4-hsl) / 99.9%)"
+            "dark": "hsl(var(--base-color-scale-gray-4-hsl) / 99.9%)"
           },
           "name": "subtle",
           "attributes": {},
@@ -231,12 +379,12 @@ module.exports = {
       "canvas": {
         "default": {
           "value": "var(--base-color-scale-white-0)",
-          "darkValue": "var(--base-color-scale-gray-9)",
+          "dark": "var(--base-color-scale-gray-9)",
           "filePath": "tokens/functional/colors/global.json",
           "isSource": true,
           "original": {
             "value": "var(--base-color-scale-white-0)",
-            "darkValue": "var(--base-color-scale-gray-9)"
+            "dark": "var(--base-color-scale-gray-9)"
           },
           "name": "default",
           "attributes": {},
@@ -249,12 +397,12 @@ module.exports = {
         },
         "overlay": {
           "value": "var(--base-color-scale-white-0)",
-          "darkValue": "var(--base-color-scale-gray-8)",
+          "dark": "var(--base-color-scale-gray-8)",
           "filePath": "tokens/functional/colors/global.json",
           "isSource": true,
           "original": {
             "value": "var(--base-color-scale-white-0)",
-            "darkValue": "var(--base-color-scale-gray-8)"
+            "dark": "var(--base-color-scale-gray-8)"
           },
           "name": "overlay",
           "attributes": {},
@@ -267,12 +415,12 @@ module.exports = {
         },
         "inset": {
           "value": "var(--base-color-scale-gray-0)",
-          "darkValue": "var(--base-color-scale-black-0)",
+          "dark": "var(--base-color-scale-black-0)",
           "filePath": "tokens/functional/colors/global.json",
           "isSource": true,
           "original": {
             "value": "var(--base-color-scale-gray-0)",
-            "darkValue": "var(--base-color-scale-black-0)"
+            "dark": "var(--base-color-scale-black-0)"
           },
           "name": "inset",
           "attributes": {},
@@ -285,12 +433,12 @@ module.exports = {
         },
         "subtle": {
           "value": "var(--base-color-scale-gray-0)",
-          "darkValue": "var(--base-color-scale-gray-8)",
+          "dark": "var(--base-color-scale-gray-8)",
           "filePath": "tokens/functional/colors/global.json",
           "isSource": true,
           "original": {
             "value": "var(--base-color-scale-gray-0)",
-            "darkValue": "var(--base-color-scale-gray-8)"
+            "dark": "var(--base-color-scale-gray-8)"
           },
           "name": "subtle",
           "attributes": {},
@@ -305,12 +453,12 @@ module.exports = {
       "border": {
         "default": {
           "value": "var(--base-color-scale-gray-2)",
-          "darkValue": "var(--base-color-scale-gray-6)",
+          "dark": "var(--base-color-scale-gray-6)",
           "filePath": "tokens/functional/colors/global.json",
           "isSource": true,
           "original": {
             "value": "var(--base-color-scale-gray-2)",
-            "darkValue": "var(--base-color-scale-gray-6)"
+            "dark": "var(--base-color-scale-gray-6)"
           },
           "name": "default",
           "attributes": {},
@@ -323,12 +471,12 @@ module.exports = {
         },
         "muted": {
           "value": "hsl(var(--base-color-scale-gray-2-hsl) / 99.7%)",
-          "darkValue": "var(--base-color-scale-gray-7)",
+          "dark": "var(--base-color-scale-gray-7)",
           "filePath": "tokens/functional/colors/global.json",
           "isSource": true,
           "original": {
             "value": "hsl(var(--base-color-scale-gray-2-hsl) / 99.7%)",
-            "darkValue": "var(--base-color-scale-gray-7)"
+            "dark": "var(--base-color-scale-gray-7)"
           },
           "name": "muted",
           "attributes": {},
@@ -341,12 +489,12 @@ module.exports = {
         },
         "subtle": {
           "value": "hsl(var(--base-color-scale-black-0-hsl) / 99.85%)",
-          "darkValue": "hsl(var(--base-color-scale-gray-0-hsl) / 99.9%)",
+          "dark": "hsl(var(--base-color-scale-gray-0-hsl) / 99.9%)",
           "filePath": "tokens/functional/colors/global.json",
           "isSource": true,
           "original": {
             "value": "hsl(var(--base-color-scale-black-0-hsl) / 99.85%)",
-            "darkValue": "hsl(var(--base-color-scale-gray-0-hsl) / 99.9%)"
+            "dark": "hsl(var(--base-color-scale-gray-0-hsl) / 99.9%)"
           },
           "name": "subtle",
           "attributes": {},
@@ -360,12 +508,12 @@ module.exports = {
       },
       "focus": {
         "value": "var(--base-color-scale-blue-5)",
-        "darkValue": "var(--base-color-scale-blue-3)",
+        "dark": "var(--base-color-scale-blue-3)",
         "filePath": "tokens/functional/colors/global.json",
         "isSource": true,
         "original": {
           "value": "var(--base-color-scale-blue-5)",
-          "darkValue": "var(--base-color-scale-blue-3)"
+          "dark": "var(--base-color-scale-blue-3)"
         },
         "name": "focus",
         "attributes": {},

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

@@ -0,0 +1,195 @@
+/**
+ * Do not edit directly
+ * Generated on Thu, 15 Sep 2022 10:40:43 GMT
+ */
+
+module.exports = {
+  "brand": {
+    "control": {
+      "medium": {
+        "size": {
+          "value": "2.5rem",
+          "filePath": "tokens/functional/components/control/base.json",
+          "isSource": true,
+          "original": {
+            "value": "40px"
+          },
+          "name": "size",
+          "attributes": {},
+          "path": [
+            "brand",
+            "control",
+            "medium",
+            "size"
+          ]
+        },
+        "padding": {
+          "value": "0.625rem",
+          "filePath": "tokens/functional/components/control/base.json",
+          "isSource": true,
+          "original": {
+            "value": "10px"
+          },
+          "name": "padding",
+          "attributes": {},
+          "path": [
+            "brand",
+            "control",
+            "medium",
+            "padding"
+          ]
+        },
+        "fontWeight": {
+          "value": "var(--brand-text-weight-200)",
+          "filePath": "tokens/functional/components/control/base.json",
+          "isSource": true,
+          "original": {
+            "value": "var(--brand-text-weight-200)"
+          },
+          "name": "fontWeight",
+          "attributes": {},
+          "path": [
+            "brand",
+            "control",
+            "medium",
+            "fontWeight"
+          ]
+        },
+        "fontSize": {
+          "value": "var(--brand-text-size-200)",
+          "filePath": "tokens/functional/components/control/base.json",
+          "isSource": true,
+          "original": {
+            "value": "var(--brand-text-size-200)"
+          },
+          "name": "fontSize",
+          "attributes": {},
+          "path": [
+            "brand",
+            "control",
+            "medium",
+            "fontSize"
+          ]
+        }
+      },
+      "large": {
+        "size": {
+          "value": "var(--base-size-48)",
+          "filePath": "tokens/functional/components/control/base.json",
+          "isSource": true,
+          "original": {
+            "value": "var(--base-size-48)"
+          },
+          "name": "size",
+          "attributes": {},
+          "path": [
+            "brand",
+            "control",
+            "large",
+            "size"
+          ]
+        },
+        "padding": {
+          "value": "var(--base-size-12)",
+          "filePath": "tokens/functional/components/control/base.json",
+          "isSource": true,
+          "original": {
+            "value": "var(--base-size-12)"
+          },
+          "name": "padding",
+          "attributes": {},
+          "path": [
+            "brand",
+            "control",
+            "large",
+            "padding"
+          ]
+        },
+        "fontWeight": {
+          "value": "var(--brand-text-weight-300)",
+          "filePath": "tokens/functional/components/control/base.json",
+          "isSource": true,
+          "original": {
+            "value": "var(--brand-text-weight-300)"
+          },
+          "name": "fontWeight",
+          "attributes": {},
+          "path": [
+            "brand",
+            "control",
+            "large",
+            "fontWeight"
+          ]
+        },
+        "fontSize": {
+          "value": "var(--brand-text-size-300)",
+          "filePath": "tokens/functional/components/control/base.json",
+          "isSource": true,
+          "original": {
+            "value": "var(--brand-text-size-300)"
+          },
+          "name": "fontSize",
+          "attributes": {},
+          "path": [
+            "brand",
+            "control",
+            "large",
+            "fontSize"
+          ]
+        }
+      },
+      "border": {
+        "radius": {
+          "value": "var(--brand-borderRadius-medium)",
+          "filePath": "tokens/functional/components/control/base.json",
+          "isSource": true,
+          "original": {
+            "value": "var(--brand-borderRadius-medium)"
+          },
+          "name": "radius",
+          "attributes": {},
+          "path": [
+            "brand",
+            "control",
+            "border",
+            "radius"
+          ]
+        }
+      },
+      "animation": {
+        "duration": {
+          "value": "80ms",
+          "filePath": "tokens/functional/components/control/base.json",
+          "isSource": true,
+          "original": {
+            "value": "80ms"
+          },
+          "name": "duration",
+          "attributes": {},
+          "path": [
+            "brand",
+            "control",
+            "animation",
+            "duration"
+          ]
+        },
+        "easing": {
+          "value": "cubic-bezier(0.33, 1, 0.68, 1)",
+          "filePath": "tokens/functional/components/control/base.json",
+          "isSource": true,
+          "original": {
+            "value": "cubic-bezier(0.33, 1, 0.68, 1)"
+          },
+          "name": "easing",
+          "attributes": {},
+          "path": [
+            "brand",
+            "control",
+            "animation",
+            "easing"
+          ]
+        }
+      }
+    }
+  }
+};

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Tue, 02 Aug 2022 12:21:04 GMT
+ * Generated on Thu, 15 Sep 2022 10:40:43 GMT
  */
 
 module.exports = {