@primer/react-brand 0.40.0 → 0.40.1-rc.11e43d1a

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

@@ -1,53 +1,51 @@
 /**
  * Do not edit directly
- * Generated on Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 16 Sep 2024 10:19:27 GMT
  */
 
-
-    
 module.exports = {
-  "brand": {
-    "color": {
-      "success": {
-        "fg": "var(--base-color-scale-green-5)",
-        "emphasis": "var(--base-color-scale-green-4)",
-        "muted": "#4bc36b99",
-        "subtle": "var(--base-color-scale-green-0)"
+  brand: {
+    color: {
+      success: {
+        fg: "var(--base-color-scale-green-5)",
+        emphasis: "var(--base-color-scale-green-4)",
+        muted: "#4bc36b99",
+        subtle: "var(--base-color-scale-green-0)",
       },
-      "error": {
-        "fg": "var(--base-color-scale-red-5)",
-        "emphasis": "var(--base-color-scale-red-5)",
-        "muted": "#ff878599",
-        "subtle": "var(--base-color-scale-red-0)"
+      error: {
+        fg: "var(--base-color-scale-red-5)",
+        emphasis: "var(--base-color-scale-red-5)",
+        muted: "#ff878599",
+        subtle: "var(--base-color-scale-red-0)",
       },
-      "accent": {
-        "primary": "var(--base-color-scale-pink-5)",
-        "secondary": "var(--base-color-scale-purple-5)"
+      accent: {
+        primary: "var(--base-color-scale-pink-5)",
+        secondary: "var(--base-color-scale-purple-5)",
       },
-      "text": {
-        "default": "var(--base-color-scale-gray-9)",
-        "muted": "var(--base-color-scale-gray-6)",
-        "subtle": "var(--base-color-scale-gray-5)",
-        "onEmphasis": "var(--base-color-scale-white-0)"
+      text: {
+        default: "var(--base-color-scale-gray-9)",
+        muted: "var(--base-color-scale-gray-6)",
+        subtle: "var(--base-color-scale-gray-5)",
+        onEmphasis: "var(--base-color-scale-white-0)",
       },
-      "neutral": {
-        "emphasisPlus": "var(--base-color-scale-gray-9)",
-        "emphasis": "var(--base-color-scale-gray-5)",
-        "muted": "#b7bfc8fe",
-        "subtle": "#e9edf1fe"
+      neutral: {
+        emphasisPlus: "var(--base-color-scale-gray-9)",
+        emphasis: "var(--base-color-scale-gray-5)",
+        muted: "#b7bfc8fe",
+        subtle: "#e9edf1fe",
       },
-      "canvas": {
-        "default": "var(--base-color-scale-white-0)",
-        "overlay": "var(--base-color-scale-white-0)",
-        "inset": "var(--base-color-scale-gray-0)",
-        "subtle": "var(--base-color-scale-gray-0)"
+      canvas: {
+        default: "var(--base-color-scale-white-0)",
+        overlay: "var(--base-color-scale-white-0)",
+        inset: "var(--base-color-scale-gray-0)",
+        subtle: "var(--base-color-scale-gray-0)",
       },
-      "border": {
-        "default": "var(--base-color-scale-gray-3)",
-        "muted": "#d3d9dffe",
-        "subtle": "#e9edf1fe"
+      border: {
+        default: "var(--base-color-scale-gray-3)",
+        muted: "#d3d9dffe",
+        subtle: "#e9edf1fe",
       },
-      "focus": "var(--base-color-scale-blue-5)"
-    }
-  }
-}
+      focus: "var(--base-color-scale-blue-5)",
+    },
+  },
+};

package/lib/design-tokens/ts/tokens/functional/components/bento/base.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 16 Sep 2024 10:19:27 GMT
  */
 
 

package/lib/design-tokens/ts/tokens/functional/components/bento/base.js

@@ -1,32 +1,30 @@
 /**
  * Do not edit directly
- * Generated on Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 16 Sep 2024 10:19:27 GMT
  */
 
-
-    
 module.exports = {
-  "brand": {
-    "Bento": {
-      "gap": {
-        "large": "var(--base-size-32)",
-        "medium": "var(--base-size-32)",
-        "small": "var(--base-size-20)"
+  brand: {
+    Bento: {
+      gap: {
+        large: "var(--base-size-32)",
+        medium: "var(--base-size-32)",
+        small: "var(--base-size-20)",
+      },
+      item: {
+        borderRadius: {
+          small: "var(--brand-borderRadius-large)",
+          medium: "var(--brand-borderRadius-xlarge)",
+          large: "var(--brand-borderRadius-xlarge)",
+        },
       },
-      "item": {
-        "borderRadius": {
-          "small": "var(--brand-borderRadius-large)",
-          "medium": "var(--brand-borderRadius-xlarge)",
-          "large": "var(--brand-borderRadius-xlarge)"
-        }
+      content: {
+        padding: {
+          condensed: "var(--base-size-16)",
+          normal: "var(--base-size-24)",
+          spacious: "3.5rem",
+        },
       },
-      "content": {
-        "padding": {
-          "condensed": "var(--base-size-16)",
-          "normal": "var(--base-size-24)",
-          "spacious": "3.5rem"
-        }
-      }
-    }
-  }
-}
+    },
+  },
+};

package/lib/design-tokens/ts/tokens/functional/components/card/base.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 16 Sep 2024 10:19:27 GMT
  */
 
 

package/lib/design-tokens/ts/tokens/functional/components/card/base.js

@@ -1,18 +1,16 @@
 /**
  * Do not edit directly
- * Generated on Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 16 Sep 2024 10:19:27 GMT
  */
 
-
-    
 module.exports = {
-  "brand": {
-    "Card": {
-      "maxWidth": "26.25rem",
-      "animation": {
-        "duration": "600ms",
-        "easing": "var(--brand-animation-easing-default)"
-      }
-    }
-  }
-}
+  brand: {
+    Card: {
+      maxWidth: "26.25rem",
+      animation: {
+        duration: "600ms",
+        easing: "var(--brand-animation-easing-default)",
+      },
+    },
+  },
+};

package/lib/design-tokens/ts/tokens/functional/components/card/colors.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 16 Sep 2024 10:19:27 GMT
  */
 
 

package/lib/design-tokens/ts/tokens/functional/components/card/colors.js

@@ -1,50 +1,48 @@
 /**
  * Do not edit directly
- * Generated on Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 16 Sep 2024 10:19:27 GMT
  */
 
-
-    
 module.exports = {
-  "brand": {
-    "Card": {
-      "background": {
-        "default": "var(--brand-color-canvas-default)"
+  brand: {
+    Card: {
+      background: {
+        default: "var(--brand-color-canvas-default)",
       },
-      "icon": {
-        "background": {
-          "default": "var(--base-color-scale-gray-0)",
-          "blue": "var(--base-color-scale-blue-0)",
-          "coral": "var(--base-color-scale-coral-0)",
-          "green": "var(--base-color-scale-green-0)",
-          "gray": "var(--base-color-scale-gray-0)",
-          "indigo": "var(--base-color-scale-indigo-0)",
-          "lemon": "var(--base-color-scale-lemon-0)",
-          "lime": "var(--base-color-scale-lime-0)",
-          "orange": "var(--base-color-scale-orange-0)",
-          "pink": "var(--base-color-scale-pink-0)",
-          "purple": "var(--base-color-scale-purple-0)",
-          "red": "var(--base-color-scale-red-0)",
-          "teal": "var(--base-color-scale-teal-0)",
-          "yellow": "var(--base-color-scale-yellow-0)"
+      icon: {
+        background: {
+          default: "var(--base-color-scale-gray-0)",
+          blue: "var(--base-color-scale-blue-0)",
+          coral: "var(--base-color-scale-coral-0)",
+          green: "var(--base-color-scale-green-0)",
+          gray: "var(--base-color-scale-gray-0)",
+          indigo: "var(--base-color-scale-indigo-0)",
+          lemon: "var(--base-color-scale-lemon-0)",
+          lime: "var(--base-color-scale-lime-0)",
+          orange: "var(--base-color-scale-orange-0)",
+          pink: "var(--base-color-scale-pink-0)",
+          purple: "var(--base-color-scale-purple-0)",
+          red: "var(--base-color-scale-red-0)",
+          teal: "var(--base-color-scale-teal-0)",
+          yellow: "var(--base-color-scale-yellow-0)",
+        },
+        color: {
+          default: "var(--brand-color-scale-gray-5)",
+          blue: "var(--base-color-scale-blue-5)",
+          coral: "var(--base-color-scale-coral-5)",
+          green: "var(--base-color-scale-green-5)",
+          gray: "var(--base-color-scale-gray-6)",
+          indigo: "var(--base-color-scale-indigo-5)",
+          lemon: "var(--base-color-scale-lemon-5)",
+          lime: "var(--base-color-scale-lime-5)",
+          orange: "var(--base-color-scale-orange-5)",
+          pink: "var(--base-color-scale-pink-5)",
+          purple: "var(--base-color-scale-purple-5)",
+          red: "var(--base-color-scale-red-5)",
+          teal: "var(--base-color-scale-teal-5)",
+          yellow: "var(--base-color-scale-yellow-5)",
         },
-        "color": {
-          "default": "var(--brand-color-scale-gray-5)",
-          "blue": "var(--base-color-scale-blue-5)",
-          "coral": "var(--base-color-scale-coral-5)",
-          "green": "var(--base-color-scale-green-5)",
-          "gray": "var(--base-color-scale-gray-6)",
-          "indigo": "var(--base-color-scale-indigo-5)",
-          "lemon": "var(--base-color-scale-lemon-5)",
-          "lime": "var(--base-color-scale-lime-5)",
-          "orange": "var(--base-color-scale-orange-5)",
-          "pink": "var(--base-color-scale-pink-5)",
-          "purple": "var(--base-color-scale-purple-5)",
-          "red": "var(--base-color-scale-red-5)",
-          "teal": "var(--base-color-scale-teal-5)",
-          "yellow": "var(--base-color-scale-yellow-5)"
-        }
-      }
-    }
-  }
-}
+      },
+    },
+  },
+};

package/lib/design-tokens/ts/tokens/functional/components/comparison-table/comparison-table.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 16 Sep 2024 10:19:27 GMT
  */
 
 

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

@@ -1,16 +1,14 @@
 /**
  * Do not edit directly
- * Generated on Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 16 Sep 2024 10:19:27 GMT
  */
 
-
-    
 module.exports = {
-  "brand": {
-    "ComparisonTable": {
-      "heading": {
-        "marginBottom": "var(--base-size-8)"
-      }
-    }
-  }
-}
+  brand: {
+    ComparisonTable: {
+      heading: {
+        marginBottom: "var(--base-size-8)",
+      },
+    },
+  },
+};

package/lib/design-tokens/ts/tokens/functional/components/eyebrow-banner/eyebrow-banner.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 16 Sep 2024 10:19:27 GMT
  */
 
 

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

@@ -1,29 +1,27 @@
 /**
  * Do not edit directly
- * Generated on Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 16 Sep 2024 10:19:27 GMT
  */
 
-
-    
 module.exports = {
-  "brand": {
-    "EyebrowBanner": {
-      "borderRadius": "var(--base-size-16)",
-      "spacing": {
-        "inner": {
-          "block": "0.875rem",
-          "inline": "var(--base-size-16)"
-        }
+  brand: {
+    EyebrowBanner: {
+      borderRadius: "var(--base-size-16)",
+      spacing: {
+        inner: {
+          block: "0.875rem",
+          inline: "var(--base-size-16)",
+        },
+      },
+      label: {
+        size: "var(--brand-text-size-100)",
       },
-      "label": {
-        "size": "var(--brand-text-size-100)"
+      heading: {
+        size: "var(--brand-text-size-100)",
       },
-      "heading": {
-        "size": "var(--brand-text-size-100)"
+      subHeading: {
+        size: "var(--brand-text-size-100)",
       },
-      "subHeading": {
-        "size": "var(--brand-text-size-100)"
-      }
-    }
-  }
-}
+    },
+  },
+};

package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 16 Sep 2024 10:19:27 GMT
  */
 
 

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

@@ -1,16 +1,14 @@
 /**
  * Do not edit directly
- * Generated on Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 16 Sep 2024 10:19:27 GMT
  */
 
-
-    
 module.exports = {
-  "brand": {
-    "FAQ": {
-      "maxWidth": {
-        "list": "51rem"
-      }
-    }
-  }
-}
+  brand: {
+    FAQ: {
+      maxWidth: {
+        list: "51rem",
+      },
+    },
+  },
+};

package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 16 Sep 2024 10:19:27 GMT
  */
 
 

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

@@ -1,22 +1,20 @@
 /**
  * Do not edit directly
- * Generated on Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 16 Sep 2024 10:19:27 GMT
  */
 
-
-    
 module.exports = {
-  "brand": {
-    "FAQ": {
-      "color": {
-        "heading": "var(--brand-color-text-default)",
-        "tabLabel": {
-          "selected": "var(--brand-color-text-default)"
+  brand: {
+    FAQ: {
+      color: {
+        heading: "var(--brand-color-text-default)",
+        tabLabel: {
+          selected: "var(--brand-color-text-default)",
+        },
+        tabBg: {
+          selected: "var(--base-color-scale-gray-1)",
         },
-        "tabBg": {
-          "selected": "var(--base-color-scale-gray-1)"
-        }
-      }
-    }
-  }
-}
+      },
+    },
+  },
+};

package/lib/design-tokens/ts/tokens/functional/components/faq/faq.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 16 Sep 2024 10:19:27 GMT
  */
 
 

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

@@ -1,16 +1,14 @@
 /**
  * Do not edit directly
- * Generated on Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 16 Sep 2024 10:19:27 GMT
  */
 
-
-    
 module.exports = {
-  "brand": {
-    "FAQ": {
-      "heading": {
-        "marginBottom": "var(--base-size-40)"
-      }
-    }
-  }
-}
+  brand: {
+    FAQ: {
+      heading: {
+        marginBottom: "var(--base-size-40)",
+      },
+    },
+  },
+};

package/lib/design-tokens/ts/tokens/functional/components/footer/colors.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 16 Sep 2024 10:19:27 GMT
  */
 
 

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

@@ -1,19 +1,17 @@
 /**
  * Do not edit directly
- * Generated on Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 16 Sep 2024 10:19:27 GMT
  */
 
-
-    
 module.exports = {
-  "brand": {
-    "footer": {
-      "bg": {
-        "color": "var(--base-color-scale-white)"
+  brand: {
+    footer: {
+      bg: {
+        color: "var(--base-color-scale-white)",
+      },
+      socialIcon: {
+        hoverFilter: "brightness(0)",
       },
-      "socialIcon": {
-        "hoverFilter": "brightness(0)"
-      }
-    }
-  }
-}
+    },
+  },
+};

package/lib/design-tokens/ts/tokens/functional/components/grid/colors.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 16 Sep 2024 10:19:27 GMT
  */
 
 

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

@@ -1,18 +1,16 @@
 /**
  * Do not edit directly
- * Generated on Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 16 Sep 2024 10:19:27 GMT
  */
 
-
-    
 module.exports = {
-  "brand": {
-    "Grid": {
-      "column": {
-        "bgColor": {
-          "overlay": "#fb51544d"
-        }
-      }
-    }
-  }
-}
+  brand: {
+    Grid: {
+      column: {
+        bgColor: {
+          overlay: "#fb51544d",
+        },
+      },
+    },
+  },
+};

package/lib/design-tokens/ts/tokens/functional/components/grid/grid.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 16 Sep 2024 10:19:27 GMT
  */
 
 

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

@@ -1,20 +1,18 @@
 /**
  * Do not edit directly
- * Generated on Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 16 Sep 2024 10:19:27 GMT
  */
 
-
-    
 module.exports = {
-  "brand": {
-    "Grid": {
-      "spacing": {
-        "row": "var(--base-size-16)",
-        "column": {
-          "gap": "var(--base-size-16)"
+  brand: {
+    Grid: {
+      spacing: {
+        row: "var(--base-size-16)",
+        column: {
+          gap: "var(--base-size-16)",
         },
-        "margin": "var(--base-size-16)"
-      }
-    }
-  }
-}
+        margin: "var(--base-size-16)",
+      },
+    },
+  },
+};

package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 09 Sep 2024 07:43:20 GMT
+ * Generated on Mon, 16 Sep 2024 10:19:27 GMT
  */