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

package/lib/design-tokens/js/module/tokens/functional/components/comparison-table/comparison-table.js

@@ -1,63 +1,14 @@
 /**
  * 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": {
-    "ComparisonTable": {
-      "heading": {
-        "marginBottom": {
-          "value": "var(--base-size-8)",
-          "responsive": {
-            "544px": {
-              "value": "var(--base-size-40)",
-              "filePath": "tokens/functional/components/comparison-table/comparison-table.json",
-              "isSource": true
-            },
-            "768px": {
-              "value": "var(--base-size-64)",
-              "filePath": "tokens/functional/components/comparison-table/comparison-table.json",
-              "isSource": true
-            },
-            "1012px": {
-              "value": "var(--base-size-96)",
-              "filePath": "tokens/functional/components/comparison-table/comparison-table.json",
-              "isSource": true
-            }
-          },
-          "filePath": "tokens/functional/components/comparison-table/comparison-table.json",
-          "isSource": true,
-          "original": {
-            "value": "var(--base-size-8)",
-            "responsive": {
-              "544px": {
-                "value": "var(--base-size-40)",
-                "filePath": "tokens/functional/components/comparison-table/comparison-table.json",
-                "isSource": true
-              },
-              "768px": {
-                "value": "var(--base-size-64)",
-                "filePath": "tokens/functional/components/comparison-table/comparison-table.json",
-                "isSource": true
-              },
-              "1012px": {
-                "value": "var(--base-size-96)",
-                "filePath": "tokens/functional/components/comparison-table/comparison-table.json",
-                "isSource": true
-              }
-            }
-          },
-          "name": "marginBottom",
-          "attributes": {},
-          "path": [
-            "brand",
-            "ComparisonTable",
-            "heading",
-            "marginBottom"
-          ]
-        }
-      }
-    }
-  }
+  brand: {
+    ComparisonTable: {
+      heading: {
+        marginBottom: "var(--base-size-8)",
+      },
+    },
+  },
 };

package/lib/design-tokens/js/module/tokens/functional/components/eyebrow-banner/eyebrow-banner.js

@@ -1,192 +1,27 @@
 /**
  * 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": {
-    "EyebrowBanner": {
-      "borderRadius": {
-        "value": "var(--base-size-16)",
-        "responsive": {
-          "768px": {
-            "value": "100px",
-            "$type": "dimension",
-            "filePath": "tokens/functional/components/eyebrow-banner/eyebrow-banner.json",
-            "isSource": true
-          }
+  brand: {
+    EyebrowBanner: {
+      borderRadius: "var(--base-size-16)",
+      spacing: {
+        inner: {
+          block: "0.875rem",
+          inline: "var(--base-size-16)",
         },
-        "filePath": "tokens/functional/components/eyebrow-banner/eyebrow-banner.json",
-        "isSource": true,
-        "original": {
-          "value": "var(--base-size-16)",
-          "responsive": {
-            "768px": {
-              "value": "100px",
-              "$type": "dimension",
-              "filePath": "tokens/functional/components/eyebrow-banner/eyebrow-banner.json",
-              "isSource": true
-            }
-          }
-        },
-        "name": "borderRadius",
-        "attributes": {},
-        "path": [
-          "brand",
-          "EyebrowBanner",
-          "borderRadius"
-        ]
       },
-      "spacing": {
-        "inner": {
-          "block": {
-            "value": "0.875rem",
-            "$type": "dimension",
-            "filePath": "tokens/functional/components/eyebrow-banner/eyebrow-banner.json",
-            "isSource": true,
-            "original": {
-              "value": "14px",
-              "$type": "dimension"
-            },
-            "name": "block",
-            "attributes": {},
-            "path": [
-              "brand",
-              "EyebrowBanner",
-              "spacing",
-              "inner",
-              "block"
-            ]
-          },
-          "inline": {
-            "value": "var(--base-size-16)",
-            "responsive": {
-              "768px": {
-                "value": "var(--base-size-20)",
-                "filePath": "tokens/functional/components/eyebrow-banner/eyebrow-banner.json",
-                "isSource": true
-              }
-            },
-            "filePath": "tokens/functional/components/eyebrow-banner/eyebrow-banner.json",
-            "isSource": true,
-            "original": {
-              "value": "var(--base-size-16)",
-              "responsive": {
-                "768px": {
-                  "value": "var(--base-size-20)",
-                  "filePath": "tokens/functional/components/eyebrow-banner/eyebrow-banner.json",
-                  "isSource": true
-                }
-              }
-            },
-            "name": "inline",
-            "attributes": {},
-            "path": [
-              "brand",
-              "EyebrowBanner",
-              "spacing",
-              "inner",
-              "inline"
-            ]
-          }
-        }
+      label: {
+        size: "var(--brand-text-size-100)",
       },
-      "label": {
-        "size": {
-          "value": "var(--brand-text-size-100)",
-          "responsive": {
-            "768px": {
-              "value": "var(--brand-text-size-200)",
-              "filePath": "tokens/functional/components/eyebrow-banner/eyebrow-banner.json",
-              "isSource": true
-            }
-          },
-          "filePath": "tokens/functional/components/eyebrow-banner/eyebrow-banner.json",
-          "isSource": true,
-          "original": {
-            "value": "var(--brand-text-size-100)",
-            "responsive": {
-              "768px": {
-                "value": "var(--brand-text-size-200)",
-                "filePath": "tokens/functional/components/eyebrow-banner/eyebrow-banner.json",
-                "isSource": true
-              }
-            }
-          },
-          "name": "size",
-          "attributes": {},
-          "path": [
-            "brand",
-            "EyebrowBanner",
-            "label",
-            "size"
-          ]
-        }
+      heading: {
+        size: "var(--brand-text-size-100)",
       },
-      "heading": {
-        "size": {
-          "value": "var(--brand-text-size-100)",
-          "responsive": {
-            "768px": {
-              "value": "var(--brand-text-size-200)",
-              "filePath": "tokens/functional/components/eyebrow-banner/eyebrow-banner.json",
-              "isSource": true
-            }
-          },
-          "filePath": "tokens/functional/components/eyebrow-banner/eyebrow-banner.json",
-          "isSource": true,
-          "original": {
-            "value": "var(--brand-text-size-100)",
-            "responsive": {
-              "768px": {
-                "value": "var(--brand-text-size-200)",
-                "filePath": "tokens/functional/components/eyebrow-banner/eyebrow-banner.json",
-                "isSource": true
-              }
-            }
-          },
-          "name": "size",
-          "attributes": {},
-          "path": [
-            "brand",
-            "EyebrowBanner",
-            "heading",
-            "size"
-          ]
-        }
+      subHeading: {
+        size: "var(--brand-text-size-100)",
       },
-      "subHeading": {
-        "size": {
-          "value": "var(--brand-text-size-100)",
-          "responsive": {
-            "768px": {
-              "value": "var(--brand-text-size-200)",
-              "filePath": "tokens/functional/components/eyebrow-banner/eyebrow-banner.json",
-              "isSource": true
-            }
-          },
-          "filePath": "tokens/functional/components/eyebrow-banner/eyebrow-banner.json",
-          "isSource": true,
-          "original": {
-            "value": "var(--brand-text-size-100)",
-            "responsive": {
-              "768px": {
-                "value": "var(--brand-text-size-200)",
-                "filePath": "tokens/functional/components/eyebrow-banner/eyebrow-banner.json",
-                "isSource": true
-              }
-            }
-          },
-          "name": "size",
-          "attributes": {},
-          "path": [
-            "brand",
-            "EyebrowBanner",
-            "subHeading",
-            "size"
-          ]
-        }
-      }
-    }
-  }
+    },
+  },
 };

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

@@ -1,31 +1,14 @@
 /**
  * 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": {
-    "FAQ": {
-      "maxWidth": {
-        "list": {
-          "value": "51rem",
-          "$type": "dimension",
-          "filePath": "tokens/functional/components/faq/base.json",
-          "isSource": true,
-          "original": {
-            "value": "816px",
-            "$type": "dimension"
-          },
-          "name": "list",
-          "attributes": {},
-          "path": [
-            "brand",
-            "FAQ",
-            "maxWidth",
-            "list"
-          ]
-        }
-      }
-    }
-  }
+  brand: {
+    FAQ: {
+      maxWidth: {
+        list: "51rem",
+      },
+    },
+  },
 };

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

@@ -1,73 +1,29 @@
 /**
  * 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": {
-    "FAQ": {
-      "color": {
-        "heading": {
-          "value": "var(--brand-color-text-default)",
-          "dark": "var(--brand-color-text-default)",
-          "filePath": "tokens/functional/components/faq/colors.json",
-          "isSource": true,
-          "original": {
-            "value": "var(--brand-color-text-default)",
-            "dark": "var(--brand-color-text-default)"
+  brand: {
+    FAQ: {
+      color: {
+        heading: {
+          value: "var(--brand-color-text-default)",
+          dark: "var(--brand-color-text-default)",
+        },
+        tabLabel: {
+          selected: {
+            value: "var(--brand-color-text-default)",
+            dark: "var(--brand-color-text-default)",
           },
-          "name": "heading",
-          "attributes": {},
-          "path": [
-            "brand",
-            "FAQ",
-            "color",
-            "heading"
-          ]
         },
-        "tabLabel": {
-          "selected": {
-            "value": "var(--brand-color-text-default)",
-            "dark": "var(--brand-color-text-default)",
-            "filePath": "tokens/functional/components/faq/colors.json",
-            "isSource": true,
-            "original": {
-              "value": "var(--brand-color-text-default)",
-              "dark": "var(--brand-color-text-default)"
-            },
-            "name": "selected",
-            "attributes": {},
-            "path": [
-              "brand",
-              "FAQ",
-              "color",
-              "tabLabel",
-              "selected"
-            ]
-          }
+        tabBg: {
+          selected: {
+            value: "var(--base-color-scale-gray-1)",
+            dark: "var(--base-color-scale-gray-7)",
+          },
         },
-        "tabBg": {
-          "selected": {
-            "value": "var(--base-color-scale-gray-1)",
-            "dark": "var(--base-color-scale-gray-7)",
-            "filePath": "tokens/functional/components/faq/colors.json",
-            "isSource": true,
-            "original": {
-              "value": "var(--base-color-scale-gray-1)",
-              "dark": "var(--base-color-scale-gray-7)"
-            },
-            "name": "selected",
-            "attributes": {},
-            "path": [
-              "brand",
-              "FAQ",
-              "color",
-              "tabBg",
-              "selected"
-            ]
-          }
-        }
-      }
-    }
-  }
+      },
+    },
+  },
 };

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

@@ -1,63 +1,14 @@
 /**
  * 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": {
-    "FAQ": {
-      "heading": {
-        "marginBottom": {
-          "value": "var(--base-size-40)",
-          "responsive": {
-            "544px": {
-              "value": "var(--base-size-40)",
-              "filePath": "tokens/functional/components/faq/faq.json",
-              "isSource": true
-            },
-            "768px": {
-              "value": "var(--base-size-64)",
-              "filePath": "tokens/functional/components/faq/faq.json",
-              "isSource": true
-            },
-            "1012px": {
-              "value": "var(--base-size-96)",
-              "filePath": "tokens/functional/components/faq/faq.json",
-              "isSource": true
-            }
-          },
-          "filePath": "tokens/functional/components/faq/faq.json",
-          "isSource": true,
-          "original": {
-            "value": "var(--base-size-40)",
-            "responsive": {
-              "544px": {
-                "value": "var(--base-size-40)",
-                "filePath": "tokens/functional/components/faq/faq.json",
-                "isSource": true
-              },
-              "768px": {
-                "value": "var(--base-size-64)",
-                "filePath": "tokens/functional/components/faq/faq.json",
-                "isSource": true
-              },
-              "1012px": {
-                "value": "var(--base-size-96)",
-                "filePath": "tokens/functional/components/faq/faq.json",
-                "isSource": true
-              }
-            }
-          },
-          "name": "marginBottom",
-          "attributes": {},
-          "path": [
-            "brand",
-            "FAQ",
-            "heading",
-            "marginBottom"
-          ]
-        }
-      }
-    }
-  }
+  brand: {
+    FAQ: {
+      heading: {
+        marginBottom: "var(--base-size-40)",
+      },
+    },
+  },
 };

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

@@ -1,51 +1,23 @@
 /**
  * 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": {
-    "footer": {
-      "bg": {
-        "color": {
-          "value": "var(--base-color-scale-white)",
-          "dark": "var(--base-color-scale-gray-9)",
-          "filePath": "tokens/functional/components/footer/colors.json",
-          "isSource": true,
-          "original": {
-            "value": "var(--base-color-scale-white)",
-            "dark": "var(--base-color-scale-gray-9)"
-          },
-          "name": "color",
-          "attributes": {},
-          "path": [
-            "brand",
-            "footer",
-            "bg",
-            "color"
-          ]
-        }
+  brand: {
+    footer: {
+      bg: {
+        color: {
+          value: "var(--base-color-scale-white)",
+          dark: "var(--base-color-scale-gray-9)",
+        },
       },
-      "socialIcon": {
-        "hoverFilter": {
-          "value": "brightness(0)",
-          "dark": "brightness(2)",
-          "filePath": "tokens/functional/components/footer/colors.json",
-          "isSource": true,
-          "original": {
-            "value": "brightness(0)",
-            "dark": "brightness(2)"
-          },
-          "name": "hoverFilter",
-          "attributes": {},
-          "path": [
-            "brand",
-            "footer",
-            "socialIcon",
-            "hoverFilter"
-          ]
-        }
-      }
-    }
-  }
+      socialIcon: {
+        hoverFilter: {
+          value: "brightness(0)",
+          dark: "brightness(2)",
+        },
+      },
+    },
+  },
 };

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

@@ -1,34 +1,19 @@
 /**
  * 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": {
-    "Grid": {
-      "column": {
-        "bgColor": {
-          "overlay": {
-            "value": "#fb51544d",
-            "dark": "#fb51544d",
-            "filePath": "tokens/functional/components/grid/colors.json",
-            "isSource": true,
-            "original": {
-              "value": "#fb51544d",
-              "dark": "#fb51544d"
-            },
-            "name": "overlay",
-            "attributes": {},
-            "path": [
-              "brand",
-              "Grid",
-              "column",
-              "bgColor",
-              "overlay"
-            ]
-          }
-        }
-      }
-    }
-  }
+  brand: {
+    Grid: {
+      column: {
+        bgColor: {
+          overlay: {
+            value: "#fb51544d",
+            dark: "#fb51544d",
+          },
+        },
+      },
+    },
+  },
 };