@primer/react-brand 0.26.0 → 0.27.0-rc.691644

package/lib/Box/Box.d.ts

@@ -10,7 +10,7 @@ type ResponsiveSpacingMap = {
 };
 export declare const BoxBackgroundColors: readonly ["default", "inset", "subtle", "overlay"];
 type BackgroundColors = (typeof BoxBackgroundColors)[number];
-export declare const BoxBorderRadiusOptions: readonly ["small", "medium", "large", "full"];
+export declare const BoxBorderRadiusOptions: readonly ["small", "medium", "large", "xlarge", "full"];
 type BorderRadiusOptions = (typeof BoxBorderRadiusOptions)[number];
 export declare const BoxBorderWidthOptions: readonly ["thin", "thick", "thicker"];
 type BorderWidthOptions = (typeof BoxBorderWidthOptions)[number];

package/lib/css/main.css

@@ -89,7 +89,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:29 GMT
  */
 
 :root,
@@ -629,7 +629,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:29 GMT
  */
 
 :root {
@@ -654,7 +654,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:29 GMT
  */
 
 :root {
@@ -669,7 +669,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:29 GMT
  */
 
 :root {
@@ -796,7 +796,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:28 GMT
  */
 
 :root {
@@ -810,17 +810,18 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:28 GMT
  */
 
 :root {
-  --brand-borderRadius-full: 100vh;
-  --brand-borderRadius-large: 0.75rem;
-  --brand-borderRadius-medium: 0.375rem;
-  --brand-borderRadius-small: 0.1875rem;
+  --brand-borderRadius-full: 624.9375rem; /* Use this border radius for pill shaped elements */
   --brand-borderWidth-thicker: max(4px, 0.25rem);
   --brand-borderWidth-thick: max(2px, 0.125rem);
   --brand-borderWidth-thin: max(1px, 0.0625rem);
+  --brand-borderRadius-xlarge: var(--base-size-24);
+  --brand-borderRadius-large: var(--base-size-16);
+  --brand-borderRadius-medium: var(--base-size-8);
+  --brand-borderRadius-small: var(--base-size-4);
   --brand-borderInset-thicker: inset 0 0 0 var(--brand-borderWidth-thicker);
   --brand-borderInset-thick: inset 0 0 0 var(--brand-borderWidth-thick);
   --brand-borderInset-thin: inset 0 0 0 var(--brand-borderWidth-thin);
@@ -828,7 +829,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:29 GMT
  */
 
 :root,
@@ -1181,7 +1182,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:29 GMT
  */
 
 :root,
@@ -1251,7 +1252,7 @@ select {
   justify-content: center;
   transition: box-shadow var(--brand-animation-duration-faster);
   text-decoration: none;
-  border-radius: var(--brand-control-medium-borderRadius);
+  border-radius: var(--brand-borderRadius-medium);
   cursor: pointer;
   border: solid var(--brand-borderWidth-thick) transparent;
   background: none;
@@ -1428,7 +1429,6 @@ select {
 .Primer_Brand__Button-module__Button--size-large___REN1l {
   height: var(--brand-control-large-size);
   padding: var(--brand-control-large-paddingBlock) var(--brand-control-large-paddingInline-spacious);
-  border-radius: var(--brand-control-large-borderRadius);
 }
 
 .Primer_Brand__Button-module__Button--size-large___REN1l .Primer_Brand__Button-module__Button__icon-visual___zR2Hi,
@@ -1731,7 +1731,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:28 GMT
  */
 
 :root {
@@ -1958,7 +1958,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:29 GMT
  */
 
 :root,
@@ -2217,7 +2217,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:29 GMT
  */
 
 :root {
@@ -2243,7 +2243,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:29 GMT
  */
 
 :root,
@@ -3001,15 +3001,13 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:28 GMT
  */
 
 :root {
   --brand-control-animation-easing: var(--brand-animation-easing-glide);
   --brand-control-animation-duration: 80ms;
-  --brand-control-border-radius: var(--brand-borderRadius-medium);
   --brand-control-large-size: 3.75rem;
-  --brand-control-medium-borderRadius: var(--brand-borderRadius-medium);
   --brand-controlStack-large-gap-spacious: var(--base-size-12);
   --brand-controlStack-large-gap-condensed: var(--base-size-8);
   --brand-controlStack-large-gap-auto: var(--base-size-8);
@@ -3026,7 +3024,6 @@ select {
   --brand-box-spacing-spacious: var(--base-size-48);
   --brand-box-spacing-normal: var(--base-size-24);
   --brand-box-spacing-condensed: var(--base-size-16);
-  --brand-control-large-borderRadius: var(--base-size-8);
   --brand-control-large-gap: var(--base-size-16);
   --brand-control-large-paddingInline-spacious: var(--base-size-32);
   --brand-control-large-paddingInline-normal: var(--base-size-20);
@@ -3840,7 +3837,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:28 GMT
  */
 
 :root {
@@ -3861,7 +3858,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:28 GMT
  */
 
 :root {
@@ -3871,7 +3868,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:29 GMT
  */
 
 :root {
@@ -4781,7 +4778,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:29 GMT
  */
 
 :root,
@@ -4809,7 +4806,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:29 GMT
  */
 
 :root,
@@ -4825,7 +4822,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:28 GMT
  */
 
 :root {
@@ -4965,7 +4962,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:29 GMT
  */
 
 :root,
@@ -4981,7 +4978,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:29 GMT
  */
 
 :root,
@@ -5192,7 +5189,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:28 GMT
  */
 
 :root {
@@ -5201,7 +5198,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:29 GMT
  */
 
 :root,
@@ -5219,7 +5216,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:29 GMT
  */
 
 :root {
@@ -5336,7 +5333,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:29 GMT
  */
 
 :root,
@@ -5483,7 +5480,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
   color: var(--brand-control-color-fg-default);
   background-color: var(--brand-color-canvas-default);
   border: none;
-  border-radius: var(--brand-control-border-radius);
+  border-radius: var(--brand-borderRadius-medium);
   line-height: var(--brand-text-lineHeight-200);
   transition: var(--brand-control-animation-duration) var(--brand-control-animation-easing);
   transition-property: color, background-color, box-shadow;
@@ -5568,7 +5565,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
   position: relative;
   border: solid 1px var(--brand-control-color-border-default);
   border: solid var(--brand-borderWidth-thin, 1px) var(--brand-control-color-border-default);
-  border-radius: var(--brand-control-border-radius);
+  border-radius: var(--brand-borderRadius-medium);
   transition: var(--brand-control-animation-duration) var(--brand-control-animation-easing);
   transition-property: border;
 }
@@ -5619,7 +5616,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
   color: var(--brand-control-color-fg-default);
   background-color: var(--brand-color-canvas-default);
   border: none;
-  border-radius: var(--brand-control-border-radius);
+  border-radius: var(--brand-borderRadius-medium);
   line-height: var(--brand-text-lineHeight-100);
   transition: var(--brand-control-animation-duration) var(--brand-control-animation-easing);
   transition-property: color, background-color, box-shadow;
@@ -5692,7 +5689,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
   position: relative;
   border: solid 1px var(--brand-control-color-border-default);
   border: solid var(--brand-borderWidth-thin, 1px) var(--brand-control-color-border-default);
-  border-radius: var(--brand-control-border-radius);
+  border-radius: var(--brand-borderRadius-medium);
   transition: var(--brand-control-animation-duration) var(--brand-control-animation-easing);
   transition-property: border;
 }
@@ -5919,7 +5916,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
   cursor: pointer;
   background-color: var(--brand-color-canvas-default);
   border: none;
-  border-radius: var(--brand-control-border-radius);
+  border-radius: var(--brand-borderRadius-medium);
   line-height: var(--brand-text-lineHeight-200);
   transition: var(--brand-control-animation-duration) var(--brand-control-animation-easing);
   transition-property: color, background-color, box-shadow, border-color;
@@ -6226,7 +6223,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 .Primer_Brand__FormControl-module__FormControl--border___CRSaq {
   border: 1px solid var(--brand-control-color-border-default);
-  border-radius: var(--brand-control-border-radius);
+  border-radius: var(--brand-borderRadius-medium);
   padding: var(--base-size-12);
 }
 
@@ -6437,7 +6434,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:29 GMT
  */
 
 :root {
@@ -6451,7 +6448,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:29 GMT
  */
 
 :root {
@@ -6657,7 +6654,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:29 GMT
  */
 
 :root,
@@ -6673,7 +6670,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:29 GMT
  */
 
 :root {
@@ -6991,7 +6988,7 @@ Fixes safari bug where outline doesn't respect border-radius
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:29 GMT
  */
 
 :root,
@@ -7395,7 +7392,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:29 GMT
  */
 
 :root,
@@ -7434,7 +7431,7 @@ html {
 }
 
 .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
-  border-radius: var(--brand-borderRadius-medium);
+  border-radius: var(--brand-borderRadius-xlarge);
   padding: var(--base-size-40) var(--base-size-32);
   z-index: 1;
   width: 100%;
@@ -7573,7 +7570,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:29 GMT
  */
 
 :root,
@@ -7699,7 +7696,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:29 GMT
  */
 
 :root,
@@ -7829,7 +7826,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:28 GMT
  */
 
 :root {
@@ -7841,7 +7838,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:29 GMT
  */
 
 :root,
@@ -7914,8 +7911,7 @@ html {
   text-decoration: none;
   color: var(--brand-color-text-default);
   background-color: var(--brand-Card-background-default);
-  /* Temporary values until a new scale is defined https://github.com/github/primer/issues/2607 */
-  border-radius: var(--base-size-16);
+  border-radius: var(--brand-borderRadius-large);
   padding: var(--base-size-32);
   transition: transform var(--brand-Card-animation-duration) var(--brand-Card-animation-easing);
   display: grid;
@@ -7991,8 +7987,7 @@ html {
 
 .Primer_Brand__Card-module__Card__image___zt4oH {
   margin-bottom: var(--base-size-28);
-  /* Temporary values until a new scale is defined https://github.com/github/primer/issues/2607 */
-  border-radius: var(--base-size-8);
+  border-radius: var(--brand-borderRadius-medium);
   overflow: hidden;
   grid-area: image;
 }
@@ -8215,7 +8210,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:29 GMT
  */
 
 :root,
@@ -8245,8 +8240,7 @@ html {
 
 .Primer_Brand__ActionMenu-module__ActionMenu__button___gqNoG {
   /* avoid specificity issues */
-  --brand-control-medium-borderRadius: var(--brand-borderRadius-full);
-  --brand-control-large-borderRadius: var(--brand-borderRadius-full);
+  --brand-borderRadius-medium: var(--brand-borderRadius-full);
 }
 
 .Primer_Brand__ActionMenu-module__ActionMenu__button___gqNoG > span:first-of-type {
@@ -8607,7 +8601,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:28 GMT
  */
 
 :root {
@@ -12306,6 +12300,10 @@ html {
   border-radius: var(--brand-borderRadius-large);
 }
 
+.Primer_Brand__Box-module__Box-borderRadius--xlarge___Efss7 {
+  border-radius: var(--brand-borderRadius-xlarge);
+}
+
 .Primer_Brand__Box-module__Box-borderRadius--full___NXuE7 {
   border-radius: var(--brand-borderRadius-full);
 }
@@ -12776,7 +12774,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:29 GMT
  */
 
 :root {
@@ -12794,7 +12792,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:29 GMT
  */
 
 :root,
@@ -12810,7 +12808,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:28 GMT
  */
 
 :root {
@@ -13035,7 +13033,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:29 GMT
  */
 
 :root,
@@ -13049,7 +13047,7 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:29 GMT
  */
 
 :root {
@@ -13063,16 +13061,16 @@ html {
 
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:28 GMT
  */
 
 :root {
   --brand-Bento-content-padding-spacious: 3.5rem;
   --brand-Bento-content-padding-normal: var(--base-size-24);
   --brand-Bento-content-padding-condensed: var(--base-size-16);
-  --brand-Bento-item-borderRadius-large: var(--base-size-24);
-  --brand-Bento-item-borderRadius-medium: var(--base-size-24);
-  --brand-Bento-item-borderRadius-small: var(--base-size-16);
+  --brand-Bento-item-borderRadius-large: var(--brand-borderRadius-xlarge);
+  --brand-Bento-item-borderRadius-medium: var(--brand-borderRadius-xlarge);
+  --brand-Bento-item-borderRadius-small: var(--brand-borderRadius-large);
   --brand-Bento-gap-small: var(--base-size-20);
   --brand-Bento-gap-medium: var(--base-size-32);
   --brand-Bento-gap-large: var(--base-size-32);
@@ -13233,11 +13231,14 @@ html {
 }
 
 .Primer_Brand__Bento-module__Bento--padding-condensed___qkDcr > img,
-.Primer_Brand__Bento-module__Bento--padding-normal___c85Rj > img,
-.Primer_Brand__Bento-module__Bento--padding-spacious___ydfpH > img {
+.Primer_Brand__Bento-module__Bento--padding-normal___c85Rj > img {
   border-radius: var(--brand-borderRadius-large);
 }
 
+.Primer_Brand__Bento-module__Bento--padding-spacious___ydfpH > img {
+  border-radius: var(--brand-borderRadius-medium);
+}
+
 /* Bento Flow */
 .Primer_Brand__Bento-module__Bento__Item--flow-column___Gd6ts {
   grid-auto-flow: column;

package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:29 GMT
  */
 
 :root,

package/lib/design-tokens/css/tokens/base/colors/color-scales.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:28 GMT
  */
 
 :root {

package/lib/design-tokens/css/tokens/base/size/size.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:29 GMT
  */
 
 :root {

package/lib/design-tokens/css/tokens/base/typography/typography.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:29 GMT
  */
 
 :root {

package/lib/design-tokens/css/tokens/functional/animation/base.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:28 GMT
  */
 
 :root {

package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:29 GMT
  */
 
 :root,

package/lib/design-tokens/css/tokens/functional/colors/global.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:28 GMT
  */
 
 :root {

package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:29 GMT
  */
 
 :root,

package/lib/design-tokens/css/tokens/functional/components/action-menu/colors-with-modes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:29 GMT
  */
 
 :root,

package/lib/design-tokens/css/tokens/functional/components/anchor-nav/colors-with-modes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:29 GMT
  */
 
 :root,

package/lib/design-tokens/css/tokens/functional/components/bento/base.css

@@ -1,15 +1,15 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:33 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:28 GMT
  */
 
 :root {
   --brand-Bento-content-padding-spacious: 3.5rem;
   --brand-Bento-content-padding-normal: var(--base-size-24);
   --brand-Bento-content-padding-condensed: var(--base-size-16);
-  --brand-Bento-item-borderRadius-large: var(--base-size-24);
-  --brand-Bento-item-borderRadius-medium: var(--base-size-24);
-  --brand-Bento-item-borderRadius-small: var(--base-size-16);
+  --brand-Bento-item-borderRadius-large: var(--brand-borderRadius-xlarge);
+  --brand-Bento-item-borderRadius-medium: var(--brand-borderRadius-xlarge);
+  --brand-Bento-item-borderRadius-small: var(--brand-borderRadius-large);
   --brand-Bento-gap-small: var(--base-size-20);
   --brand-Bento-gap-medium: var(--base-size-32);
   --brand-Bento-gap-large: var(--base-size-32);

package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 20 Sep 2023 11:51:34 GMT
+ * Generated on Fri, 22 Sep 2023 14:26:29 GMT
  */
 
 :root,