@primer/react-brand 0.40.1-rc.f95657eb → 0.40.2-rc.3cbb630c

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

@@ -1,136 +1,18 @@
 /**
  * Do not edit directly
- * Generated on Mon, 16 Sep 2024 11:30:06 GMT
+ * Generated on Fri, 11 Oct 2024 14:36:31 GMT
  */
 
 module.exports = {
-  "brand": {
-    "Grid": {
-      "spacing": {
-        "row": {
-          "value": "var(--base-size-16)",
-          "responsive": {
-            "768px": {
-              "value": "var(--base-size-32)",
-              "filePath": "tokens/functional/components/grid/grid.json",
-              "isSource": true
-            },
-            "1280px": {
-              "value": "var(--base-size-48)",
-              "filePath": "tokens/functional/components/grid/grid.json",
-              "isSource": true
-            }
-          },
-          "filePath": "tokens/functional/components/grid/grid.json",
-          "isSource": true,
-          "original": {
-            "value": "var(--base-size-16)",
-            "responsive": {
-              "768px": {
-                "value": "var(--base-size-32)",
-                "filePath": "tokens/functional/components/grid/grid.json",
-                "isSource": true
-              },
-              "1280px": {
-                "value": "var(--base-size-48)",
-                "filePath": "tokens/functional/components/grid/grid.json",
-                "isSource": true
-              }
-            }
-          },
-          "name": "row",
-          "attributes": {},
-          "path": [
-            "brand",
-            "Grid",
-            "spacing",
-            "row"
-          ]
+  brand: {
+    Grid: {
+      spacing: {
+        row: "var(--base-size-16)",
+        column: {
+          gap: "var(--base-size-16)",
         },
-        "column": {
-          "gap": {
-            "value": "var(--base-size-16)",
-            "responsive": {
-              "768px": {
-                "value": "var(--base-size-32)",
-                "filePath": "tokens/functional/components/grid/grid.json",
-                "isSource": true
-              },
-              "1280px": {
-                "value": "var(--base-size-48)",
-                "filePath": "tokens/functional/components/grid/grid.json",
-                "isSource": true
-              }
-            },
-            "filePath": "tokens/functional/components/grid/grid.json",
-            "isSource": true,
-            "original": {
-              "value": "var(--base-size-16)",
-              "responsive": {
-                "768px": {
-                  "value": "var(--base-size-32)",
-                  "filePath": "tokens/functional/components/grid/grid.json",
-                  "isSource": true
-                },
-                "1280px": {
-                  "value": "var(--base-size-48)",
-                  "filePath": "tokens/functional/components/grid/grid.json",
-                  "isSource": true
-                }
-              }
-            },
-            "name": "gap",
-            "attributes": {},
-            "path": [
-              "brand",
-              "Grid",
-              "spacing",
-              "column",
-              "gap"
-            ]
-          }
-        },
-        "margin": {
-          "value": "var(--base-size-16)",
-          "responsive": {
-            "768px": {
-              "value": "var(--base-size-40)",
-              "filePath": "tokens/functional/components/grid/grid.json",
-              "isSource": true
-            },
-            "1280px": {
-              "value": "var(--base-size-16)",
-              "filePath": "tokens/functional/components/grid/grid.json",
-              "isSource": true
-            }
-          },
-          "filePath": "tokens/functional/components/grid/grid.json",
-          "isSource": true,
-          "original": {
-            "value": "var(--base-size-16)",
-            "responsive": {
-              "768px": {
-                "value": "var(--base-size-40)",
-                "filePath": "tokens/functional/components/grid/grid.json",
-                "isSource": true
-              },
-              "1280px": {
-                "value": "var(--base-size-16)",
-                "filePath": "tokens/functional/components/grid/grid.json",
-                "isSource": true
-              }
-            }
-          },
-          "name": "margin",
-          "attributes": {},
-          "path": [
-            "brand",
-            "Grid",
-            "spacing",
-            "margin"
-          ]
-        }
-      }
-    }
-  }
+        margin: "var(--base-size-16)",
+      },
+    },
+  },
 };

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

@@ -1,47 +1,17 @@
 /**
  * Do not edit directly
- * Generated on Mon, 16 Sep 2024 11:30:06 GMT
+ * Generated on Fri, 11 Oct 2024 14:36:31 GMT
  */
 
 module.exports = {
-  "brand": {
-    "Hero": {
-      "narrow": {
-        "padding": {
-          "value": "var(--base-size-96) 0",
-          "filePath": "tokens/functional/components/hero/base.json",
-          "isSource": true,
-          "original": {
-            "value": "var(--base-size-96) 0"
-          },
-          "name": "padding",
-          "attributes": {},
-          "path": [
-            "brand",
-            "Hero",
-            "narrow",
-            "padding"
-          ]
-        }
+  brand: {
+    Hero: {
+      narrow: {
+        padding: "var(--base-size-96) 0",
       },
-      "regular": {
-        "padding": {
-          "value": "var(--base-size-128) 0",
-          "filePath": "tokens/functional/components/hero/base.json",
-          "isSource": true,
-          "original": {
-            "value": "var(--base-size-128) 0"
-          },
-          "name": "padding",
-          "attributes": {},
-          "path": [
-            "brand",
-            "Hero",
-            "regular",
-            "padding"
-          ]
-        }
-      }
-    }
-  }
+      regular: {
+        padding: "var(--base-size-128) 0",
+      },
+    },
+  },
 };

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

@@ -0,0 +1,127 @@
+/**
+ * Do not edit directly
+ * Generated on Fri, 11 Oct 2024 14:36:31 GMT
+ */
+
+module.exports = {
+  brand: {
+    Icon: {
+      background: {
+        default: {
+          value: "var(--base-color-scale-gray-0)",
+          dark: "var(--base-color-scale-gray-6)",
+        },
+        blue: {
+          value: "var(--base-color-scale-blue-0)",
+          dark: "var(--base-color-scale-blue-8)",
+        },
+        coral: {
+          value: "var(--base-color-scale-coral-0)",
+          dark: "var(--base-color-scale-coral-8)",
+        },
+        green: {
+          value: "var(--base-color-scale-green-0)",
+          dark: "var(--base-color-scale-green-8)",
+        },
+        gray: {
+          value: "var(--base-color-scale-gray-0)",
+          dark: "var(--base-color-scale-gray-6)",
+        },
+        indigo: {
+          value: "var(--base-color-scale-indigo-0)",
+          dark: "var(--base-color-scale-indigo-8)",
+        },
+        lemon: {
+          value: "var(--base-color-scale-lemon-0)",
+          dark: "var(--base-color-scale-lemon-8)",
+        },
+        lime: {
+          value: "var(--base-color-scale-lime-0)",
+          dark: "var(--base-color-scale-lime-8)",
+        },
+        orange: {
+          value: "var(--base-color-scale-orange-0)",
+          dark: "var(--base-color-scale-orange-8)",
+        },
+        pink: {
+          value: "var(--base-color-scale-pink-0)",
+          dark: "var(--base-color-scale-pink-8)",
+        },
+        purple: {
+          value: "var(--base-color-scale-purple-0)",
+          dark: "var(--base-color-scale-purple-8)",
+        },
+        red: {
+          value: "var(--base-color-scale-red-0)",
+          dark: "var(--base-color-scale-red-8)",
+        },
+        teal: {
+          value: "var(--base-color-scale-teal-0)",
+          dark: "var(--base-color-scale-teal-8)",
+        },
+        yellow: {
+          value: "var(--base-color-scale-yellow-0)",
+          dark: "var(--base-color-scale-yellow-8)",
+        },
+      },
+      color: {
+        default: {
+          value: "var(--base-color-scale-gray-5)",
+          dark: "var(--base-color-scale-gray-2)",
+        },
+        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)",
+        },
+        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)",
+        },
+        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)",
+        },
+        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)",
+        },
+        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)",
+        },
+        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)",
+        },
+        yellow: {
+          value: "var(--base-color-scale-yellow-5)",
+          dark: "var(--base-color-scale-yellow-2)",
+        },
+      },
+    },
+  },
+};

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

@@ -1,28 +1,12 @@
 /**
  * Do not edit directly
- * Generated on Mon, 16 Sep 2024 11:30:06 GMT
+ * Generated on Fri, 11 Oct 2024 14:36:31 GMT
  */
 
 module.exports = {
-  "brand": {
-    "IDE": {
-      "height": {
-        "value": "50rem",
-        "$type": "dimension",
-        "filePath": "tokens/functional/components/ide/base.json",
-        "isSource": true,
-        "original": {
-          "value": "800px",
-          "$type": "dimension"
-        },
-        "name": "height",
-        "attributes": {},
-        "path": [
-          "brand",
-          "IDE",
-          "height"
-        ]
-      }
-    }
-  }
+  brand: {
+    IDE: {
+      height: "50rem",
+    },
+  },
 };

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

@@ -1,26 +1,12 @@
 /**
  * Do not edit directly
- * Generated on Mon, 16 Sep 2024 11:30:06 GMT
+ * Generated on Fri, 11 Oct 2024 14:36:31 GMT
  */
 
 module.exports = {
-  "brand": {
-    "image": {
-      "aspectRatio": {
-        "value": "auto",
-        "filePath": "tokens/functional/components/image/base.json",
-        "isSource": true,
-        "original": {
-          "value": "auto"
-        },
-        "name": "aspectRatio",
-        "attributes": {},
-        "path": [
-          "brand",
-          "image",
-          "aspectRatio"
-        ]
-      }
-    }
-  }
+  brand: {
+    image: {
+      aspectRatio: "auto",
+    },
+  },
 };

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

@@ -1,29 +1,14 @@
 /**
  * Do not edit directly
- * Generated on Mon, 16 Sep 2024 11:30:06 GMT
+ * Generated on Fri, 11 Oct 2024 14:36:31 GMT
  */
 
 module.exports = {
-  "brand": {
-    "InlineLink": {
-      "transition": {
-        "timing": {
-          "value": "var(--brand-animation-duration-fast)",
-          "filePath": "tokens/functional/components/inline-link/base.json",
-          "isSource": true,
-          "original": {
-            "value": "var(--brand-animation-duration-fast)"
-          },
-          "name": "timing",
-          "attributes": {},
-          "path": [
-            "brand",
-            "InlineLink",
-            "transition",
-            "timing"
-          ]
-        }
-      }
-    }
-  }
+  brand: {
+    InlineLink: {
+      transition: {
+        timing: "var(--brand-animation-duration-fast)",
+      },
+    },
+  },
 };

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

@@ -1,49 +1,21 @@
 /**
  * Do not edit directly
- * Generated on Mon, 16 Sep 2024 11:30:06 GMT
+ * Generated on Fri, 11 Oct 2024 14:36:31 GMT
  */
 
 module.exports = {
-  "brand": {
-    "InlineLink": {
-      "color": {
-        "rest": {
-          "value": "var(--base-color-scale-blue-6)",
-          "dark": "var(--base-color-scale-blue-2)",
-          "filePath": "tokens/functional/components/inline-link/colors.json",
-          "isSource": true,
-          "original": {
-            "value": "var(--base-color-scale-blue-6)",
-            "dark": "var(--base-color-scale-blue-2)"
-          },
-          "name": "rest",
-          "attributes": {},
-          "path": [
-            "brand",
-            "InlineLink",
-            "color",
-            "rest"
-          ]
+  brand: {
+    InlineLink: {
+      color: {
+        rest: {
+          value: "var(--base-color-scale-blue-6)",
+          dark: "var(--base-color-scale-blue-2)",
         },
-        "pressed": {
-          "value": "var(--base-color-scale-blue-8)",
-          "dark": "var(--base-color-scale-blue-1)",
-          "filePath": "tokens/functional/components/inline-link/colors.json",
-          "isSource": true,
-          "original": {
-            "value": "var(--base-color-scale-blue-8)",
-            "dark": "var(--base-color-scale-blue-1)"
-          },
-          "name": "pressed",
-          "attributes": {},
-          "path": [
-            "brand",
-            "InlineLink",
-            "color",
-            "pressed"
-          ]
-        }
-      }
-    }
-  }
+        pressed: {
+          value: "var(--base-color-scale-blue-8)",
+          dark: "var(--base-color-scale-blue-1)",
+        },
+      },
+    },
+  },
 };