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

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

@@ -1,112 +1,20 @@
 /**
  * Do not edit directly
- * Generated on Mon, 16 Sep 2024 11:30:06 GMT
+ * Generated on Thu, 19 Sep 2024 09:13:49 GMT
  */
 
 module.exports = {
-  "brand": {
-    "LogoSuite": {
-      "logobar": {
-        "columnGap": {
-          "value": "var(--base-size-80)",
-          "filePath": "tokens/functional/components/logosuite/base.json",
-          "isSource": true,
-          "original": {
-            "value": "var(--base-size-80)"
-          },
-          "name": "columnGap",
-          "attributes": {},
-          "path": [
-            "brand",
-            "LogoSuite",
-            "logobar",
-            "columnGap"
-          ]
+  brand: {
+    LogoSuite: {
+      logobar: {
+        columnGap: "var(--base-size-80)",
+        rowGap: "var(--base-size-40)",
+        marquee: {
+          default: "30s",
+          slow: "60s",
+          gap: "var(--base-size-96)",
         },
-        "rowGap": {
-          "value": "var(--base-size-40)",
-          "responsive": {
-            "768px": {
-              "value": "var(--base-size-80)",
-              "filePath": "tokens/functional/components/logosuite/base.json",
-              "isSource": true
-            }
-          },
-          "filePath": "tokens/functional/components/logosuite/base.json",
-          "isSource": true,
-          "original": {
-            "value": "var(--base-size-40)",
-            "responsive": {
-              "768px": {
-                "value": "var(--base-size-80)",
-                "filePath": "tokens/functional/components/logosuite/base.json",
-                "isSource": true
-              }
-            }
-          },
-          "name": "rowGap",
-          "attributes": {},
-          "path": [
-            "brand",
-            "LogoSuite",
-            "logobar",
-            "rowGap"
-          ]
-        },
-        "marquee": {
-          "default": {
-            "value": "30s",
-            "filePath": "tokens/functional/components/logosuite/base.json",
-            "isSource": true,
-            "original": {
-              "value": "30s"
-            },
-            "name": "default",
-            "attributes": {},
-            "path": [
-              "brand",
-              "LogoSuite",
-              "logobar",
-              "marquee",
-              "default"
-            ]
-          },
-          "slow": {
-            "value": "60s",
-            "filePath": "tokens/functional/components/logosuite/base.json",
-            "isSource": true,
-            "original": {
-              "value": "60s"
-            },
-            "name": "slow",
-            "attributes": {},
-            "path": [
-              "brand",
-              "LogoSuite",
-              "logobar",
-              "marquee",
-              "slow"
-            ]
-          },
-          "gap": {
-            "value": "var(--base-size-96)",
-            "filePath": "tokens/functional/components/logosuite/base.json",
-            "isSource": true,
-            "original": {
-              "value": "var(--base-size-96)"
-            },
-            "name": "gap",
-            "attributes": {},
-            "path": [
-              "brand",
-              "LogoSuite",
-              "logobar",
-              "marquee",
-              "gap"
-            ]
-          }
-        }
-      }
-    }
-  }
+      },
+    },
+  },
 };

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

@@ -1,95 +1,33 @@
 /**
  * Do not edit directly
- * Generated on Mon, 16 Sep 2024 11:30:06 GMT
+ * Generated on Thu, 19 Sep 2024 09:13:49 GMT
  */
 
 module.exports = {
-  "brand": {
-    "LogoSuite": {
-      "color": {
-        "logo": {
-          "muted": {
-            "value": "var(--brand-color-text-muted)",
-            "dark": "var(--brand-color-text-muted)",
-            "filePath": "tokens/functional/components/logosuite/colors.json",
-            "isSource": true,
-            "original": {
-              "value": "var(--brand-color-text-muted)",
-              "dark": "var(--brand-color-text-muted)"
-            },
-            "name": "muted",
-            "attributes": {},
-            "path": [
-              "brand",
-              "LogoSuite",
-              "color",
-              "logo",
-              "muted"
-            ]
+  brand: {
+    LogoSuite: {
+      color: {
+        logo: {
+          muted: {
+            value: "var(--brand-color-text-muted)",
+            dark: "var(--brand-color-text-muted)",
           },
-          "emphasis": {
-            "value": "var(--brand-color-text-default)",
-            "dark": "var(--brand-color-text-default)",
-            "filePath": "tokens/functional/components/logosuite/colors.json",
-            "isSource": true,
-            "original": {
-              "value": "var(--brand-color-text-default)",
-              "dark": "var(--brand-color-text-default)"
-            },
-            "name": "emphasis",
-            "attributes": {},
-            "path": [
-              "brand",
-              "LogoSuite",
-              "color",
-              "logo",
-              "emphasis"
-            ]
+          emphasis: {
+            value: "var(--brand-color-text-default)",
+            dark: "var(--brand-color-text-default)",
           },
-          "filter": {
-            "muted": {
-              "value": "brightness(0) saturate(100%) invert(37%) sepia(7%) saturate(778%) hue-rotate(171deg) brightness(96%) contrast(91%)",
-              "dark": "brightness(0) saturate(100%) invert(61%) sepia(8%) saturate(430%) hue-rotate(171deg) brightness(94%) contrast(92%)",
-              "filePath": "tokens/functional/components/logosuite/colors.json",
-              "isSource": true,
-              "original": {
-                "value": "brightness(0) saturate(100%) invert(37%) sepia(7%) saturate(778%) hue-rotate(171deg) brightness(96%) contrast(91%)",
-                "dark": "brightness(0) saturate(100%) invert(61%) sepia(8%) saturate(430%) hue-rotate(171deg) brightness(94%) contrast(92%)"
-              },
-              "name": "muted",
-              "attributes": {},
-              "path": [
-                "brand",
-                "LogoSuite",
-                "color",
-                "logo",
-                "filter",
-                "muted"
-              ]
+          filter: {
+            muted: {
+              value: "brightness(0) saturate(100%) invert(37%) sepia(7%) saturate(778%) hue-rotate(171deg) brightness(96%) contrast(91%)",
+              dark: "brightness(0) saturate(100%) invert(61%) sepia(8%) saturate(430%) hue-rotate(171deg) brightness(94%) contrast(92%)",
             },
-            "emphasis": {
-              "value": "brightness(0) saturate(100%) invert(12%) sepia(20%) saturate(450%) hue-rotate(172deg) brightness(100%) contrast(91%)",
-              "dark": "brightness(0) saturate(100%) invert(91%) sepia(2%) saturate(2455%) hue-rotate(193deg) brightness(107%) contrast(98%)",
-              "filePath": "tokens/functional/components/logosuite/colors.json",
-              "isSource": true,
-              "original": {
-                "value": "brightness(0) saturate(100%) invert(12%) sepia(20%) saturate(450%) hue-rotate(172deg) brightness(100%) contrast(91%)",
-                "dark": "brightness(0) saturate(100%) invert(91%) sepia(2%) saturate(2455%) hue-rotate(193deg) brightness(107%) contrast(98%)"
-              },
-              "name": "emphasis",
-              "attributes": {},
-              "path": [
-                "brand",
-                "LogoSuite",
-                "color",
-                "logo",
-                "filter",
-                "emphasis"
-              ]
-            }
-          }
-        }
-      }
-    }
-  }
+            emphasis: {
+              value: "brightness(0) saturate(100%) invert(12%) sepia(20%) saturate(450%) hue-rotate(172deg) brightness(100%) contrast(91%)",
+              dark: "brightness(0) saturate(100%) invert(91%) sepia(2%) saturate(2455%) hue-rotate(193deg) brightness(107%) contrast(98%)",
+            },
+          },
+        },
+      },
+    },
+  },
 };

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

@@ -1,281 +1,71 @@
 /**
  * Do not edit directly
- * Generated on Mon, 16 Sep 2024 11:30:06 GMT
+ * Generated on Thu, 19 Sep 2024 09:13:49 GMT
  */
 
 module.exports = {
-  "brand": {
-    "Pillar": {
-      "icon": {
-        "color": {
-          "default": {
-            "value": "var(--brand-color-scale-gray-5)",
-            "dark": "var(--brand-color-scale-gray-2)",
-            "filePath": "tokens/functional/components/pillar/colors.json",
-            "isSource": true,
-            "original": {
-              "value": "var(--brand-color-scale-gray-5)",
-              "dark": "var(--brand-color-scale-gray-2)"
-            },
-            "name": "default",
-            "attributes": {},
-            "path": [
-              "brand",
-              "Pillar",
-              "icon",
-              "color",
-              "default"
-            ]
+  brand: {
+    Pillar: {
+      icon: {
+        color: {
+          default: {
+            value: "var(--brand-color-scale-gray-5)",
+            dark: "var(--brand-color-scale-gray-2)",
           },
-          "blue": {
-            "value": "var(--base-color-scale-blue-5)",
-            "dark": "var(--base-color-scale-blue-2)",
-            "filePath": "tokens/functional/components/pillar/colors.json",
-            "isSource": true,
-            "original": {
-              "value": "var(--base-color-scale-blue-5)",
-              "dark": "var(--base-color-scale-blue-2)"
-            },
-            "name": "blue",
-            "attributes": {},
-            "path": [
-              "brand",
-              "Pillar",
-              "icon",
-              "color",
-              "blue"
-            ]
+          blue: {
+            value: "var(--base-color-scale-blue-5)",
+            dark: "var(--base-color-scale-blue-2)",
           },
-          "coral": {
-            "value": "var(--base-color-scale-coral-5)",
-            "dark": "var(--base-color-scale-coral-2)",
-            "filePath": "tokens/functional/components/pillar/colors.json",
-            "isSource": true,
-            "original": {
-              "value": "var(--base-color-scale-coral-5)",
-              "dark": "var(--base-color-scale-coral-2)"
-            },
-            "name": "coral",
-            "attributes": {},
-            "path": [
-              "brand",
-              "Pillar",
-              "icon",
-              "color",
-              "coral"
-            ]
+          coral: {
+            value: "var(--base-color-scale-coral-5)",
+            dark: "var(--base-color-scale-coral-2)",
           },
-          "green": {
-            "value": "var(--base-color-scale-green-5)",
-            "dark": "var(--base-color-scale-green-2)",
-            "filePath": "tokens/functional/components/pillar/colors.json",
-            "isSource": true,
-            "original": {
-              "value": "var(--base-color-scale-green-5)",
-              "dark": "var(--base-color-scale-green-2)"
-            },
-            "name": "green",
-            "attributes": {},
-            "path": [
-              "brand",
-              "Pillar",
-              "icon",
-              "color",
-              "green"
-            ]
+          green: {
+            value: "var(--base-color-scale-green-5)",
+            dark: "var(--base-color-scale-green-2)",
           },
-          "gray": {
-            "value": "var(--base-color-scale-gray-6)",
-            "dark": "var(--base-color-scale-gray-2)",
-            "filePath": "tokens/functional/components/pillar/colors.json",
-            "isSource": true,
-            "original": {
-              "value": "var(--base-color-scale-gray-6)",
-              "dark": "var(--base-color-scale-gray-2)"
-            },
-            "name": "gray",
-            "attributes": {},
-            "path": [
-              "brand",
-              "Pillar",
-              "icon",
-              "color",
-              "gray"
-            ]
+          gray: {
+            value: "var(--base-color-scale-gray-6)",
+            dark: "var(--base-color-scale-gray-2)",
           },
-          "indigo": {
-            "value": "var(--base-color-scale-indigo-5)",
-            "dark": "var(--base-color-scale-indigo-2)",
-            "filePath": "tokens/functional/components/pillar/colors.json",
-            "isSource": true,
-            "original": {
-              "value": "var(--base-color-scale-indigo-5)",
-              "dark": "var(--base-color-scale-indigo-2)"
-            },
-            "name": "indigo",
-            "attributes": {},
-            "path": [
-              "brand",
-              "Pillar",
-              "icon",
-              "color",
-              "indigo"
-            ]
+          indigo: {
+            value: "var(--base-color-scale-indigo-5)",
+            dark: "var(--base-color-scale-indigo-2)",
           },
-          "lemon": {
-            "value": "var(--base-color-scale-lemon-5)",
-            "dark": "var(--base-color-scale-lemon-2)",
-            "filePath": "tokens/functional/components/pillar/colors.json",
-            "isSource": true,
-            "original": {
-              "value": "var(--base-color-scale-lemon-5)",
-              "dark": "var(--base-color-scale-lemon-2)"
-            },
-            "name": "lemon",
-            "attributes": {},
-            "path": [
-              "brand",
-              "Pillar",
-              "icon",
-              "color",
-              "lemon"
-            ]
+          lemon: {
+            value: "var(--base-color-scale-lemon-5)",
+            dark: "var(--base-color-scale-lemon-2)",
           },
-          "lime": {
-            "value": "var(--base-color-scale-lime-5)",
-            "dark": "var(--base-color-scale-lime-2)",
-            "filePath": "tokens/functional/components/pillar/colors.json",
-            "isSource": true,
-            "original": {
-              "value": "var(--base-color-scale-lime-5)",
-              "dark": "var(--base-color-scale-lime-2)"
-            },
-            "name": "lime",
-            "attributes": {},
-            "path": [
-              "brand",
-              "Pillar",
-              "icon",
-              "color",
-              "lime"
-            ]
+          lime: {
+            value: "var(--base-color-scale-lime-5)",
+            dark: "var(--base-color-scale-lime-2)",
           },
-          "orange": {
-            "value": "var(--base-color-scale-orange-5)",
-            "dark": "var(--base-color-scale-orange-2)",
-            "filePath": "tokens/functional/components/pillar/colors.json",
-            "isSource": true,
-            "original": {
-              "value": "var(--base-color-scale-orange-5)",
-              "dark": "var(--base-color-scale-orange-2)"
-            },
-            "name": "orange",
-            "attributes": {},
-            "path": [
-              "brand",
-              "Pillar",
-              "icon",
-              "color",
-              "orange"
-            ]
+          orange: {
+            value: "var(--base-color-scale-orange-5)",
+            dark: "var(--base-color-scale-orange-2)",
           },
-          "pink": {
-            "value": "var(--base-color-scale-pink-5)",
-            "dark": "var(--base-color-scale-pink-2)",
-            "filePath": "tokens/functional/components/pillar/colors.json",
-            "isSource": true,
-            "original": {
-              "value": "var(--base-color-scale-pink-5)",
-              "dark": "var(--base-color-scale-pink-2)"
-            },
-            "name": "pink",
-            "attributes": {},
-            "path": [
-              "brand",
-              "Pillar",
-              "icon",
-              "color",
-              "pink"
-            ]
+          pink: {
+            value: "var(--base-color-scale-pink-5)",
+            dark: "var(--base-color-scale-pink-2)",
           },
-          "purple": {
-            "value": "var(--base-color-scale-purple-5)",
-            "dark": "var(--base-color-scale-purple-2)",
-            "filePath": "tokens/functional/components/pillar/colors.json",
-            "isSource": true,
-            "original": {
-              "value": "var(--base-color-scale-purple-5)",
-              "dark": "var(--base-color-scale-purple-2)"
-            },
-            "name": "purple",
-            "attributes": {},
-            "path": [
-              "brand",
-              "Pillar",
-              "icon",
-              "color",
-              "purple"
-            ]
+          purple: {
+            value: "var(--base-color-scale-purple-5)",
+            dark: "var(--base-color-scale-purple-2)",
           },
-          "red": {
-            "value": "var(--base-color-scale-red-5)",
-            "dark": "var(--base-color-scale-red-2)",
-            "filePath": "tokens/functional/components/pillar/colors.json",
-            "isSource": true,
-            "original": {
-              "value": "var(--base-color-scale-red-5)",
-              "dark": "var(--base-color-scale-red-2)"
-            },
-            "name": "red",
-            "attributes": {},
-            "path": [
-              "brand",
-              "Pillar",
-              "icon",
-              "color",
-              "red"
-            ]
+          red: {
+            value: "var(--base-color-scale-red-5)",
+            dark: "var(--base-color-scale-red-2)",
           },
-          "teal": {
-            "value": "var(--base-color-scale-teal-5)",
-            "dark": "var(--base-color-scale-teal-2)",
-            "filePath": "tokens/functional/components/pillar/colors.json",
-            "isSource": true,
-            "original": {
-              "value": "var(--base-color-scale-teal-5)",
-              "dark": "var(--base-color-scale-teal-2)"
-            },
-            "name": "teal",
-            "attributes": {},
-            "path": [
-              "brand",
-              "Pillar",
-              "icon",
-              "color",
-              "teal"
-            ]
+          teal: {
+            value: "var(--base-color-scale-teal-5)",
+            dark: "var(--base-color-scale-teal-2)",
           },
-          "yellow": {
-            "value": "var(--base-color-scale-yellow-5)",
-            "dark": "var(--base-color-scale-yellow-2)",
-            "filePath": "tokens/functional/components/pillar/colors.json",
-            "isSource": true,
-            "original": {
-              "value": "var(--base-color-scale-yellow-5)",
-              "dark": "var(--base-color-scale-yellow-2)"
-            },
-            "name": "yellow",
-            "attributes": {},
-            "path": [
-              "brand",
-              "Pillar",
-              "icon",
-              "color",
-              "yellow"
-            ]
-          }
-        }
-      }
-    }
-  }
+          yellow: {
+            value: "var(--base-color-scale-yellow-5)",
+            dark: "var(--base-color-scale-yellow-2)",
+          },
+        },
+      },
+    },
+  },
 };

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

@@ -1,31 +1,17 @@
 /**
  * Do not edit directly
- * Generated on Mon, 16 Sep 2024 11:30:06 GMT
+ * Generated on Thu, 19 Sep 2024 09:13:49 GMT
  */
 
 module.exports = {
-  "brand": {
-    "PricingOptions": {
-      "item": {
-        "bgColor": {
-          "value": "var(--brand-color-canvas-subtle)",
-          "dark": "var(--brand-color-canvas-subtle)",
-          "filePath": "tokens/functional/components/pricing-options/colors.json",
-          "isSource": true,
-          "original": {
-            "value": "var(--brand-color-canvas-subtle)",
-            "dark": "var(--brand-color-canvas-subtle)"
-          },
-          "name": "bgColor",
-          "attributes": {},
-          "path": [
-            "brand",
-            "PricingOptions",
-            "item",
-            "bgColor"
-          ]
-        }
-      }
-    }
-  }
+  brand: {
+    PricingOptions: {
+      item: {
+        bgColor: {
+          value: "var(--brand-color-canvas-subtle)",
+          dark: "var(--brand-color-canvas-subtle)",
+        },
+      },
+    },
+  },
 };