npm - @primer/brand-primitives - Versions diffs - 0.17.0-rc.c0b291e → 0.17.0 - Mend

@primer/brand-primitives 0.17.0-rc.c0b291e → 0.17.0

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

package/lib/design-tokens/js/module/tokens/functional/components/card/colors.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Apr 2023 14:39:36 GMT
+ * Generated on Thu, 27 Apr 2023 09:42:24 GMT
  */
 module.exports = {
@@ -25,6 +25,544 @@ module.exports = {
             "default"
           ]
         }
+      },
+      "icon": {
+        "background": {
+          "default": {
+            "value": "var(--base-color-scale-gray-0)",
+            "dark": "var(--base-color-scale-gray-8)",
+            "filePath": "tokens/functional/components/card/colors.json",
+            "isSource": true,
+            "original": {
+              "value": "var(--base-color-scale-gray-0)",
+              "dark": "var(--base-color-scale-gray-8)"
+            },
+            "name": "default",
+            "attributes": {},
+            "path": [
+              "brand",
+              "Card",
+              "icon",
+              "background",
+              "default"
+            ]
+          },
+          "blue": {
+            "value": "var(--base-color-scale-blue-0)",
+            "dark": "var(--base-color-scale-blue-8)",
+            "filePath": "tokens/functional/components/card/colors.json",
+            "isSource": true,
+            "original": {
+              "value": "var(--base-color-scale-blue-0)",
+              "dark": "var(--base-color-scale-blue-8)"
+            },
+            "name": "blue",
+            "attributes": {},
+            "path": [
+              "brand",
+              "Card",
+              "icon",
+              "background",
+              "blue"
+            ]
+          },
+          "coral": {
+            "value": "var(--base-color-scale-coral-0)",
+            "dark": "var(--base-color-scale-coral-8)",
+            "filePath": "tokens/functional/components/card/colors.json",
+            "isSource": true,
+            "original": {
+              "value": "var(--base-color-scale-coral-0)",
+              "dark": "var(--base-color-scale-coral-8)"
+            },
+            "name": "coral",
+            "attributes": {},
+            "path": [
+              "brand",
+              "Card",
+              "icon",
+              "background",
+              "coral"
+            ]
+          },
+          "green": {
+            "value": "var(--base-color-scale-green-0)",
+            "dark": "var(--base-color-scale-green-8)",
+            "filePath": "tokens/functional/components/card/colors.json",
+            "isSource": true,
+            "original": {
+              "value": "var(--base-color-scale-green-0)",
+              "dark": "var(--base-color-scale-green-8)"
+            },
+            "name": "green",
+            "attributes": {},
+            "path": [
+              "brand",
+              "Card",
+              "icon",
+              "background",
+              "green"
+            ]
+          },
+          "gray": {
+            "value": "var(--base-color-scale-gray-0)",
+            "dark": "var(--base-color-scale-gray-8)",
+            "filePath": "tokens/functional/components/card/colors.json",
+            "isSource": true,
+            "original": {
+              "value": "var(--base-color-scale-gray-0)",
+              "dark": "var(--base-color-scale-gray-8)"
+            },
+            "name": "gray",
+            "attributes": {},
+            "path": [
+              "brand",
+              "Card",
+              "icon",
+              "background",
+              "gray"
+            ]
+          },
+          "indigo": {
+            "value": "var(--base-color-scale-indigo-0)",
+            "dark": "var(--base-color-scale-indigo-8)",
+            "filePath": "tokens/functional/components/card/colors.json",
+            "isSource": true,
+            "original": {
+              "value": "var(--base-color-scale-indigo-0)",
+              "dark": "var(--base-color-scale-indigo-8)"
+            },
+            "name": "indigo",
+            "attributes": {},
+            "path": [
+              "brand",
+              "Card",
+              "icon",
+              "background",
+              "indigo"
+            ]
+          },
+          "lemon": {
+            "value": "var(--base-color-scale-lemon-0)",
+            "dark": "var(--base-color-scale-lemon-8)",
+            "filePath": "tokens/functional/components/card/colors.json",
+            "isSource": true,
+            "original": {
+              "value": "var(--base-color-scale-lemon-0)",
+              "dark": "var(--base-color-scale-lemon-8)"
+            },
+            "name": "lemon",
+            "attributes": {},
+            "path": [
+              "brand",
+              "Card",
+              "icon",
+              "background",
+              "lemon"
+            ]
+          },
+          "lime": {
+            "value": "var(--base-color-scale-lime-0)",
+            "dark": "var(--base-color-scale-lime-8)",
+            "filePath": "tokens/functional/components/card/colors.json",
+            "isSource": true,
+            "original": {
+              "value": "var(--base-color-scale-lime-0)",
+              "dark": "var(--base-color-scale-lime-8)"
+            },
+            "name": "lime",
+            "attributes": {},
+            "path": [
+              "brand",
+              "Card",
+              "icon",
+              "background",
+              "lime"
+            ]
+          },
+          "orange": {
+            "value": "var(--base-color-scale-orange-0)",
+            "dark": "var(--base-color-scale-orange-8)",
+            "filePath": "tokens/functional/components/card/colors.json",
+            "isSource": true,
+            "original": {
+              "value": "var(--base-color-scale-orange-0)",
+              "dark": "var(--base-color-scale-orange-8)"
+            },
+            "name": "orange",
+            "attributes": {},
+            "path": [
+              "brand",
+              "Card",
+              "icon",
+              "background",
+              "orange"
+            ]
+          },
+          "pink": {
+            "value": "var(--base-color-scale-pink-0)",
+            "dark": "var(--base-color-scale-pink-8)",
+            "filePath": "tokens/functional/components/card/colors.json",
+            "isSource": true,
+            "original": {
+              "value": "var(--base-color-scale-pink-0)",
+              "dark": "var(--base-color-scale-pink-8)"
+            },
+            "name": "pink",
+            "attributes": {},
+            "path": [
+              "brand",
+              "Card",
+              "icon",
+              "background",
+              "pink"
+            ]
+          },
+          "purple": {
+            "value": "var(--base-color-scale-purple-0)",
+            "dark": "var(--base-color-scale-purple-8)",
+            "filePath": "tokens/functional/components/card/colors.json",
+            "isSource": true,
+            "original": {
+              "value": "var(--base-color-scale-purple-0)",
+              "dark": "var(--base-color-scale-purple-8)"
+            },
+            "name": "purple",
+            "attributes": {},
+            "path": [
+              "brand",
+              "Card",
+              "icon",
+              "background",
+              "purple"
+            ]
+          },
+          "red": {
+            "value": "var(--base-color-scale-red-0)",
+            "dark": "var(--base-color-scale-red-8)",
+            "filePath": "tokens/functional/components/card/colors.json",
+            "isSource": true,
+            "original": {
+              "value": "var(--base-color-scale-red-0)",
+              "dark": "var(--base-color-scale-red-8)"
+            },
+            "name": "red",
+            "attributes": {},
+            "path": [
+              "brand",
+              "Card",
+              "icon",
+              "background",
+              "red"
+            ]
+          },
+          "teal": {
+            "value": "var(--base-color-scale-teal-0)",
+            "dark": "var(--base-color-scale-teal-8)",
+            "filePath": "tokens/functional/components/card/colors.json",
+            "isSource": true,
+            "original": {
+              "value": "var(--base-color-scale-teal-0)",
+              "dark": "var(--base-color-scale-teal-8)"
+            },
+            "name": "teal",
+            "attributes": {},
+            "path": [
+              "brand",
+              "Card",
+              "icon",
+              "background",
+              "teal"
+            ]
+          },
+          "yellow": {
+            "value": "var(--base-color-scale-yellow-0)",
+            "dark": "var(--base-color-scale-yellow-8)",
+            "filePath": "tokens/functional/components/card/colors.json",
+            "isSource": true,
+            "original": {
+              "value": "var(--base-color-scale-yellow-0)",
+              "dark": "var(--base-color-scale-yellow-8)"
+            },
+            "name": "yellow",
+            "attributes": {},
+            "path": [
+              "brand",
+              "Card",
+              "icon",
+              "background",
+              "yellow"
+            ]
+          }
+        },
+        "color": {
+          "default": {
+            "value": "var(--brand-color-scale-gray-5)",
+            "dark": "var(--brand-color-scale-gray-3)",
+            "filePath": "tokens/functional/components/card/colors.json",
+            "isSource": true,
+            "original": {
+              "value": "var(--brand-color-scale-gray-5)",
+              "dark": "var(--brand-color-scale-gray-3)"
+            },
+            "name": "default",
+            "attributes": {},
+            "path": [
+              "brand",
+              "Card",
+              "icon",
+              "color",
+              "default"
+            ]
+          },
+          "blue": {
+            "value": "var(--base-color-scale-blue-5)",
+            "dark": "var(--base-color-scale-blue-3)",
+            "filePath": "tokens/functional/components/card/colors.json",
+            "isSource": true,
+            "original": {
+              "value": "var(--base-color-scale-blue-5)",
+              "dark": "var(--base-color-scale-blue-3)"
+            },
+            "name": "blue",
+            "attributes": {},
+            "path": [
+              "brand",
+              "Card",
+              "icon",
+              "color",
+              "blue"
+            ]
+          },
+          "coral": {
+            "value": "var(--base-color-scale-coral-5)",
+            "dark": "var(--base-color-scale-coral-3)",
+            "filePath": "tokens/functional/components/card/colors.json",
+            "isSource": true,
+            "original": {
+              "value": "var(--base-color-scale-coral-5)",
+              "dark": "var(--base-color-scale-coral-3)"
+            },
+            "name": "coral",
+            "attributes": {},
+            "path": [
+              "brand",
+              "Card",
+              "icon",
+              "color",
+              "coral"
+            ]
+          },
+          "green": {
+            "value": "var(--base-color-scale-green-5)",
+            "dark": "var(--base-color-scale-green-3)",
+            "filePath": "tokens/functional/components/card/colors.json",
+            "isSource": true,
+            "original": {
+              "value": "var(--base-color-scale-green-5)",
+              "dark": "var(--base-color-scale-green-3)"
+            },
+            "name": "green",
+            "attributes": {},
+            "path": [
+              "brand",
+              "Card",
+              "icon",
+              "color",
+              "green"
+            ]
+          },
+          "gray": {
+            "value": "var(--base-color-scale-gray-6)",
+            "dark": "var(--base-color-scale-gray-3)",
+            "filePath": "tokens/functional/components/card/colors.json",
+            "isSource": true,
+            "original": {
+              "value": "var(--base-color-scale-gray-6)",
+              "dark": "var(--base-color-scale-gray-3)"
+            },
+            "name": "gray",
+            "attributes": {},
+            "path": [
+              "brand",
+              "Card",
+              "icon",
+              "color",
+              "gray"
+            ]
+          },
+          "indigo": {
+            "value": "var(--base-color-scale-indigo-5)",
+            "dark": "var(--base-color-scale-indigo-3)",
+            "filePath": "tokens/functional/components/card/colors.json",
+            "isSource": true,
+            "original": {
+              "value": "var(--base-color-scale-indigo-5)",
+              "dark": "var(--base-color-scale-indigo-3)"
+            },
+            "name": "indigo",
+            "attributes": {},
+            "path": [
+              "brand",
+              "Card",
+              "icon",
+              "color",
+              "indigo"
+            ]
+          },
+          "lemon": {
+            "value": "var(--base-color-scale-lemon-5)",
+            "dark": "var(--base-color-scale-lemon-3)",
+            "filePath": "tokens/functional/components/card/colors.json",
+            "isSource": true,
+            "original": {
+              "value": "var(--base-color-scale-lemon-5)",
+              "dark": "var(--base-color-scale-lemon-3)"
+            },
+            "name": "lemon",
+            "attributes": {},
+            "path": [
+              "brand",
+              "Card",
+              "icon",
+              "color",
+              "lemon"
+            ]
+          },
+          "lime": {
+            "value": "var(--base-color-scale-lime-5)",
+            "dark": "var(--base-color-scale-lime-3)",
+            "filePath": "tokens/functional/components/card/colors.json",
+            "isSource": true,
+            "original": {
+              "value": "var(--base-color-scale-lime-5)",
+              "dark": "var(--base-color-scale-lime-3)"
+            },
+            "name": "lime",
+            "attributes": {},
+            "path": [
+              "brand",
+              "Card",
+              "icon",
+              "color",
+              "lime"
+            ]
+          },
+          "orange": {
+            "value": "var(--base-color-scale-orange-5)",
+            "dark": "var(--base-color-scale-orange-3)",
+            "filePath": "tokens/functional/components/card/colors.json",
+            "isSource": true,
+            "original": {
+              "value": "var(--base-color-scale-orange-5)",
+              "dark": "var(--base-color-scale-orange-3)"
+            },
+            "name": "orange",
+            "attributes": {},
+            "path": [
+              "brand",
+              "Card",
+              "icon",
+              "color",
+              "orange"
+            ]
+          },
+          "pink": {
+            "value": "var(--base-color-scale-pink-5)",
+            "dark": "var(--base-color-scale-pink-3)",
+            "filePath": "tokens/functional/components/card/colors.json",
+            "isSource": true,
+            "original": {
+              "value": "var(--base-color-scale-pink-5)",
+              "dark": "var(--base-color-scale-pink-3)"
+            },
+            "name": "pink",
+            "attributes": {},
+            "path": [
+              "brand",
+              "Card",
+              "icon",
+              "color",
+              "pink"
+            ]
+          },
+          "purple": {
+            "value": "var(--base-color-scale-purple-5)",
+            "dark": "var(--base-color-scale-purple-3)",
+            "filePath": "tokens/functional/components/card/colors.json",
+            "isSource": true,
+            "original": {
+              "value": "var(--base-color-scale-purple-5)",
+              "dark": "var(--base-color-scale-purple-3)"
+            },
+            "name": "purple",
+            "attributes": {},
+            "path": [
+              "brand",
+              "Card",
+              "icon",
+              "color",
+              "purple"
+            ]
+          },
+          "red": {
+            "value": "var(--base-color-scale-red-5)",
+            "dark": "var(--base-color-scale-red-3)",
+            "filePath": "tokens/functional/components/card/colors.json",
+            "isSource": true,
+            "original": {
+              "value": "var(--base-color-scale-red-5)",
+              "dark": "var(--base-color-scale-red-3)"
+            },
+            "name": "red",
+            "attributes": {},
+            "path": [
+              "brand",
+              "Card",
+              "icon",
+              "color",
+              "red"
+            ]
+          },
+          "teal": {
+            "value": "var(--base-color-scale-teal-5)",
+            "dark": "var(--base-color-scale-teal-3)",
+            "filePath": "tokens/functional/components/card/colors.json",
+            "isSource": true,
+            "original": {
+              "value": "var(--base-color-scale-teal-5)",
+              "dark": "var(--base-color-scale-teal-3)"
+            },
+            "name": "teal",
+            "attributes": {},
+            "path": [
+              "brand",
+              "Card",
+              "icon",
+              "color",
+              "teal"
+            ]
+          },
+          "yellow": {
+            "value": "var(--base-color-scale-yellow-5)",
+            "dark": "var(--base-color-scale-yellow-3)",
+            "filePath": "tokens/functional/components/card/colors.json",
+            "isSource": true,
+            "original": {
+              "value": "var(--base-color-scale-yellow-5)",
+              "dark": "var(--base-color-scale-yellow-3)"
+            },
+            "name": "yellow",
+            "attributes": {},
+            "path": [
+              "brand",
+              "Card",
+              "icon",
+              "color",
+              "yellow"
+            ]
+          }
+        }
       }
     }
   }

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Apr 2023 14:39:36 GMT
+ * Generated on Thu, 27 Apr 2023 09:42:24 GMT
  */
 module.exports = {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Apr 2023 14:39:36 GMT
+ * Generated on Thu, 27 Apr 2023 09:42:24 GMT
  */
 module.exports = {

package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Apr 2023 14:39:36 GMT
+ * Generated on Thu, 27 Apr 2023 09:42:24 GMT
  */
 module.exports = {

package/lib/design-tokens/js/module/tokens/functional/components/footer/colors.js CHANGED Viewed

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 24 Apr 2023 14:39:36 GMT
+ * Generated on Thu, 27 Apr 2023 09:42:24 GMT
  */
 module.exports = {

package/lib/design-tokens/js/module/tokens/functional/components/grid/colors.js ADDED Viewed

@@ -0,0 +1,31 @@
+/**
+ * Do not edit directly
+ * Generated on Thu, 27 Apr 2023 09:42:24 GMT
+ */
+module.exports = {
+  "grid": {
+    "column": {
+      "bgColor": {
+        "overlay": {
+          "value": "hsl(var(--base-color-scale-red-4-hsl) / 30%)",
+          "dark": "hsl(var(--base-color-scale-pink-2-hsl) / 30%)",
+          "filePath": "tokens/functional/components/grid/colors.json",
+          "isSource": true,
+          "original": {
+            "value": "hsl(var(--base-color-scale-red-4-hsl) / 30%)",
+            "dark": "hsl(var(--base-color-scale-pink-2-hsl) / 30%)"
+          },
+          "name": "overlay",
+          "attributes": {},
+          "path": [
+            "grid",
+            "column",
+            "bgColor",
+            "overlay"
+          ]
+        }
+      }
+    }
+  }
+};