@primer/react-brand 0.6.0 → 0.7.0-rc.e007fdb

package/lib/Stack/Stack.d.ts

@@ -4,9 +4,9 @@ import '@primer/brand-primitives/lib/design-tokens/css/tokens/functional/size/si
 export declare const StackDirectionVariants: readonly ["horizontal", "vertical"];
 declare type StackDirectionVariants = typeof StackDirectionVariants[number];
 export declare const defaultStackDirection: "vertical";
-export declare const StackSpacingVariants: readonly ["condensed", "normal", "spacious"];
+export declare const StackSpacingVariants: readonly ["none", "condensed", "normal", "spacious"];
 declare type StackSpacingVariants = typeof StackSpacingVariants[number];
-export declare const defaultStackSpacing: "normal";
+export declare const defaultStackSpacing: "condensed";
 export declare const StackAlignItemVariants: readonly ["center", "flex-start", "flex-end"];
 declare type StackAlignItemVariants = typeof StackAlignItemVariants[number];
 export declare const StackJustifyContentVariants: readonly ["center", "flex-start", "flex-end", "space-between", "space-around", "space-evenly"];
@@ -85,7 +85,7 @@ export declare const Stack: React.ForwardRefExoticComponent<Pick<BaseProps<HTMLE
      * A string value will be applied to all viewports.
      * An object can be used to define different values for different viewports.
      */
-    gap?: "condensed" | "normal" | "spacious" | ResponsiveSpacingMap | undefined;
+    gap?: "none" | "condensed" | "normal" | "spacious" | ResponsiveSpacingMap | undefined;
     /**
      * Applies vertical alignment to child elements relative to the Stack, using the align-items CSS property.
      * A string value will be applied to all viewports.
@@ -97,7 +97,7 @@ export declare const Stack: React.ForwardRefExoticComponent<Pick<BaseProps<HTMLE
      * A string value will be applied to all viewports.
      * An object can be used to define different values for different viewports.
      */
-    padding?: "condensed" | "normal" | "spacious" | ResponsiveSpacingMap | undefined;
+    padding?: "none" | "condensed" | "normal" | "spacious" | ResponsiveSpacingMap | undefined;
     /**
      * Applies horizontal alignment to child elements relative to the Stack, using the justify-content CSS property.
      * A string value will be applied to all viewports.

package/lib/css/main.css

@@ -89,7 +89,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 04 Nov 2022 12:59:23 GMT
+ * Generated on Tue, 08 Nov 2022 12:15:19 GMT
  */
 
 :root,
@@ -629,7 +629,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 04 Nov 2022 12:59:23 GMT
+ * Generated on Tue, 08 Nov 2022 12:15:19 GMT
  */
 
 :root {
@@ -654,7 +654,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 04 Nov 2022 12:59:23 GMT
+ * Generated on Tue, 08 Nov 2022 12:15:18 GMT
  */
 
 :root {
@@ -669,7 +669,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 04 Nov 2022 12:59:23 GMT
+ * Generated on Tue, 08 Nov 2022 12:15:19 GMT
  */
 
 :root {
@@ -848,7 +848,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 04 Nov 2022 12:59:23 GMT
+ * Generated on Tue, 08 Nov 2022 12:15:18 GMT
  */
 
 :root {
@@ -862,7 +862,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 04 Nov 2022 12:59:23 GMT
+ * Generated on Tue, 08 Nov 2022 12:15:18 GMT
  */
 
 :root {
@@ -880,7 +880,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 04 Nov 2022 12:59:23 GMT
+ * Generated on Tue, 08 Nov 2022 12:15:19 GMT
  */
 
 :root,
@@ -1076,7 +1076,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 04 Nov 2022 12:59:23 GMT
+ * Generated on Tue, 08 Nov 2022 12:15:19 GMT
  */
 
 :root,
@@ -1223,7 +1223,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 04 Nov 2022 12:59:23 GMT
+ * Generated on Tue, 08 Nov 2022 12:15:18 GMT
  */
 
 :root {
@@ -1244,7 +1244,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 04 Nov 2022 12:59:23 GMT
+ * Generated on Tue, 08 Nov 2022 12:15:18 GMT
  */
 
 :root {
@@ -2030,7 +2030,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 04 Nov 2022 12:59:23 GMT
+ * Generated on Tue, 08 Nov 2022 12:15:19 GMT
  */
 
 :root,
@@ -2058,7 +2058,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 04 Nov 2022 12:59:23 GMT
+ * Generated on Tue, 08 Nov 2022 12:15:19 GMT
  */
 
 :root,
@@ -2163,7 +2163,7 @@ select {
 
 /**
  * Do not edit directly
- * Generated on Fri, 04 Nov 2022 12:59:23 GMT
+ * Generated on Tue, 08 Nov 2022 12:15:19 GMT
  */
 
 :root,
@@ -2305,7 +2305,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Fri, 04 Nov 2022 12:59:23 GMT
+ * Generated on Tue, 08 Nov 2022 12:15:18 GMT
  */
 
 :root {
@@ -2315,7 +2315,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Fri, 04 Nov 2022 12:59:23 GMT
+ * Generated on Tue, 08 Nov 2022 12:15:19 GMT
  */
 
 :root,
@@ -2385,7 +2385,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Fri, 04 Nov 2022 12:59:23 GMT
+ * Generated on Tue, 08 Nov 2022 12:15:18 GMT
  */
 
 :root {
@@ -2404,7 +2404,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Fri, 04 Nov 2022 12:59:23 GMT
+ * Generated on Tue, 08 Nov 2022 12:15:19 GMT
  */
 
 :root,
@@ -2423,6 +2423,12 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
   --brand-control-checkbox-border-checked: var(--base-color-scale-black-0);
   --brand-control-checkbox-border-indeterminate: var(--base-color-scale-black-0);
   --brand-control-checkbox-border-disabled: var(--base-color-scale-gray-2);
+  --brand-control-radio-bg-default: var(--base-color-scale-white-0);
+  --brand-control-radio-bg-checked: var(--base-color-scale-white-0);
+  --brand-control-radio-bg-disabled: var(--base-color-scale-gray-1);
+  --brand-control-radio-border-default: var(--brand-control-color-border-default);
+  --brand-control-radio-border-checked: var(--base-color-scale-black-0);
+  --brand-control-radio-dot-default: var(--base-color-scale-black-0);
 }
 
 [data-color-mode="dark"] {
@@ -2440,6 +2446,12 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
   --brand-control-checkbox-border-checked: var(--base-color-scale-white-0);
   --brand-control-checkbox-border-indeterminate: var(--base-color-scale-white-0);
   --brand-control-checkbox-border-disabled: var(--base-color-scale-gray-4);
+  --brand-control-radio-bg-default: var(--base-color-scale-black-0);
+  --brand-control-radio-bg-checked: var(--base-color-scale-black-0);
+  --brand-control-radio-bg-disabled: var(--base-color-scale-gray-4);
+  --brand-control-radio-border-default: var(--base-color-scale-white-0);
+  --brand-control-radio-border-checked: var(--base-color-scale-white-0);
+  --brand-control-radio-dot-default: var(--base-color-scale-white-0);
 }
 
 /*
@@ -2531,6 +2543,144 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
   opacity: 1;
 }
 
+/*
+ * Default Textarea styles
+ */
+.Primer_Brand__Textarea-module__Textarea___xmKD5 {
+  display: flex;
+  color: var(--brand-control-color-fg-default);
+  background-color: var(--brand-color-canvas-default);
+  border: none;
+  border-radius: var(--brand-control-border-radius);
+  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;
+}
+
+.Primer_Brand__Textarea-module__Textarea___xmKD5::-moz-placeholder {
+  color: var(--brand-color-text-subtle);
+  opacity: 1;
+}
+
+.Primer_Brand__Textarea-module__Textarea___xmKD5::placeholder {
+  color: var(--brand-color-text-subtle);
+  opacity: 1;
+}
+
+.Primer_Brand__Textarea-module__Textarea___xmKD5[disabled] {
+  -webkit-text-fill-color: var(--brand-control-color-fg-disabled);
+  color: var(--brand-control-color-fg-disabled);
+  cursor: not-allowed;
+  background-color: var(--brand-control-color-canvas-disabled);
+  opacity: 1;
+  resize: none;
+}
+
+.Primer_Brand__Textarea-module__Textarea___xmKD5:focus {
+  outline: none;
+}
+
+.Primer_Brand__Textarea-module__Textarea___xmKD5:focus {
+  outline: none;
+}
+
+.Primer_Brand__Textarea-module__Textarea-resize--vertical___uAPaM {
+  resize: vertical;
+}
+
+.Primer_Brand__Textarea-module__Textarea-resize--horizontal___gT0d4 {
+  resize: horizontal;
+}
+
+.Primer_Brand__Textarea-module__Textarea-resize--none___VNofG {
+  resize: none;
+}
+
+.Primer_Brand__Textarea-module__Textarea-resize--both___bDJp5 {
+  resize: both;
+}
+
+/*
+ * Sizes
+ */
+.Primer_Brand__Textarea-module__Textarea--medium___pMZGb {
+  font-weight: var(--brand-text-weight-200);
+  font-size: var(--brand-text-size-200);
+  padding: 12px 10px 10px;
+  padding: var(--brand-control-medium-padding, 12px 10px 10px);
+}
+
+.Primer_Brand__Textarea-module__Textarea--large___wCPXA {
+  font-weight: var(--brand-text-weight-300);
+  font-size: var(--brand-text-size-300);
+  padding: 12px;
+  padding: var(--brand-control-large-padding, 12px);
+}
+
+/*
+ * Visual states
+ */
+.Primer_Brand__Textarea-module__Textarea--fullWidth___lPWcQ {
+  width: 100%;
+}
+
+/*
+ * Textarea wrapper
+ */
+
+.Primer_Brand__Textarea-module__Textarea-wrapper--disabled___fg8We {
+  border-color: var(--brand-control-color-border-disabled);
+}
+
+.Primer_Brand__Textarea-module__Textarea-wrapper___A4lsG {
+  font-family: var(--brand-body-fontFamily);
+  display: inline-flex;
+  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);
+  transition: var(--brand-control-animation-duration) var(--brand-control-animation-easing);
+  transition-property: border;
+}
+
+.Primer_Brand__Textarea-module__Textarea-wrapper--invisible___fF78K {
+  border-color: transparent;
+}
+
+.Primer_Brand__Textarea-module__Textarea-wrapper--fullWidth___EtLL9 {
+  display: flex;
+}
+
+.Primer_Brand__Textarea-module__Textarea-wrapper--monospace___lA41d {
+  font-family: var(--brand-fontStack-monospace);
+}
+
+.Primer_Brand__Textarea-module__Textarea-wrapper___A4lsG[focus-within] {
+  border-color: var(--brand-color-focus);
+  box-shadow: 0 0 0 1px var(--brand-color-focus);
+  outline: none;
+}
+
+.Primer_Brand__Textarea-module__Textarea-wrapper___A4lsG:focus-within {
+  border-color: var(--brand-color-focus);
+  box-shadow: 0 0 0 1px var(--brand-color-focus);
+  outline: none;
+}
+
+/*
+ * Validation
+ */
+
+.Primer_Brand__Textarea-module__Textarea-wrapper--success___RaDVX,
+.Primer_Brand__Textarea-module__Textarea-wrapper--success___RaDVX.Primer_Brand__Textarea-module__Textarea-wrapper--disabled___fg8We {
+  border-color: var(--brand-color-success-fg);
+}
+
+.Primer_Brand__Textarea-module__Textarea-wrapper--error___zcHSQ,
+.Primer_Brand__Textarea-module__Textarea-wrapper--error___zcHSQ.Primer_Brand__Textarea-module__Textarea-wrapper--disabled___fg8We {
+  border-color: var(--brand-color-error-fg);
+}
+
 /*
  * Default TextInput styles
  */
@@ -2969,6 +3119,101 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
   border-color: var(--brand-color-error-fg);
 }
 
+/*
+ * Default Radio styles
+ */
+.Primer_Brand__Radio-module__Radio-wrapper___Gt9uM {
+  position: relative;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+  cursor: pointer;
+}
+
+.Primer_Brand__Radio-module__Radio___JycTo {
+  align-items: center;
+  background-color: var(--brand-control-radio-bg-default);
+  border: solid 1px var(--brand-control-color-border-default);
+  border: solid var(--brand-borderWidth-thick, 1px) var(--brand-control-color-border-default);
+  border-radius: 50%;
+  cursor: pointer;
+  display: inline-flex;
+  height: 20px;
+  justify-content: center;
+  margin: 3px 0; /* mimic default browser-applied vertical margin */
+  margin: 3px 3px 0px 5px; /* Emulate browser defaults */
+
+  width: 20px;
+  outline: 1px solid var(--brand-control-radio-bg-default);
+  box-shadow: 0 0 0 3px transparent;
+}
+
+/**
+ * Radio native input - visually hidden
+ */
+.Primer_Brand__Radio-module__Radio-input___n3jX4 {
+  border: 0;
+  clip: rect(1px, 1px, 1px, 1px);
+  height: 1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+}
+
+.Primer_Brand__Radio-module__Radio-dot___rmEAJ {
+  position: absolute;
+  display: none;
+  border-color: var(--brand-control-radio-dot-default);
+  width: 12px;
+  height: 12px;
+  border-radius: 50%;
+  background: var(--brand-control-radio-dot-default);
+  position: absolute;
+  display: block;
+  transform: scale(0.7);
+  opacity: 0;
+  transition: transform 0.35s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.35s cubic-bezier(0.33, 1, 0.68, 1);
+}
+@media (prefers-reduced-motion) {
+  .Primer_Brand__Radio-module__Radio-dot___rmEAJ {
+    transition: none;
+  }
+}
+
+/*
+* Checked state
+*/
+
+.Primer_Brand__Radio-module__Radio-input___n3jX4:checked + .Primer_Brand__Radio-module__Radio___JycTo {
+  background-color: var(--brand-control-radio-bg-checked);
+  border-color: var(--brand-control-radio-border-checked);
+}
+
+.Primer_Brand__Radio-module__Radio-input___n3jX4:checked + .Primer_Brand__Radio-module__Radio___JycTo .Primer_Brand__Radio-module__Radio-dot___rmEAJ {
+  opacity: 1;
+  transform: scale(1);
+}
+
+.Primer_Brand__Radio-module__Radio-input___n3jX4:focus + .Primer_Brand__Radio-module__Radio___JycTo {
+  box-shadow: 0 0 0 3px var(--brand-color-focus);
+}
+
+/* TODO: Check with a11y team */
+.Primer_Brand__Radio-module__Radio-input___n3jX4:checked:focus + .Primer_Brand__Radio-module__Radio___JycTo {
+  border-color: var(--brand-control-radio-border-checked);
+}
+
+.Primer_Brand__Radio-module__Radio-input___n3jX4[disabled] + .Primer_Brand__Radio-module__Radio___JycTo,
+.Primer_Brand__Radio-module__Radio-input___n3jX4[disabled]:checked + .Primer_Brand__Radio-module__Radio___JycTo {
+  -webkit-text-fill-color: var(--brand-control-color-fg-disabled);
+  color: var(--brand-control-color-fg-disabled);
+  cursor: not-allowed;
+  background-color: var(--brand-control-radio-bg-disabled);
+  border-color: var(--brand-control-color-border-disabled);
+  opacity: 1;
+}
+
 .Primer_Brand__FormControl-module__FormControl___ZJtXy {
   display: inline-flex;
   font-family: var(--brand-body-fontFamily);
@@ -3034,6 +3279,10 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
   width: 100%;
 }
 
+.Primer_Brand__FormControl-module__FormControl-control--radio___aSHRG {
+  margin: 2px 0 0;
+}
+
 .Primer_Brand__FormControl-module__FormControl-hint___dbP0O {
   color: var(--brand-color-text-muted);
   display: block;
@@ -3081,7 +3330,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Fri, 04 Nov 2022 12:59:23 GMT
+ * Generated on Tue, 08 Nov 2022 12:15:18 GMT
  */
 
 :root {
@@ -3178,6 +3427,10 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 /*
  * Gap and padding
  */
+.Primer_Brand__Stack-module__Stack--gap-none___M7T_v {
+  gap: 0;
+}
+
 .Primer_Brand__Stack-module__Stack--gap-condensed___Xe9jx {
   gap: var(--brand-stack-gap-condensed);
 }
@@ -3190,6 +3443,10 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
   gap: var(--brand-stack-gap-spacious);
 }
 
+.Primer_Brand__Stack-module__Stack-narrow--gap-none___YtqsL {
+  gap: 0;
+}
+
 .Primer_Brand__Stack-module__Stack-narrow--gap-condensed___zwHUG {
   gap: var(--brand-stack-gap-condensed);
 }
@@ -3202,6 +3459,10 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
   gap: var(--brand-stack-gap-spacious);
 }
 
+.Primer_Brand__Stack-module__Stack--padding-none___RCMh9 {
+  padding: 0;
+}
+
 .Primer_Brand__Stack-module__Stack--padding-condensed___mo7Aq {
   padding: var(--brand-stack-padding-condensed);
 }
@@ -3214,6 +3475,10 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
   padding: var(--brand-stack-padding-spacious);
 }
 
+.Primer_Brand__Stack-module__Stack-narrow--padding-none___ndsvs {
+  padding: 0;
+}
+
 .Primer_Brand__Stack-module__Stack-narrow--padding-condensed___f1f4j {
   padding: var(--brand-stack-padding-condensed);
 }
@@ -3227,6 +3492,10 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 }
 
 @media screen and (min-width: 48rem) {
+  .Primer_Brand__Stack-module__Stack-regular--gap-none____ZDEx {
+    gap: 0;
+  }
+
   .Primer_Brand__Stack-module__Stack-regular--gap-condensed___ZYYsD {
     gap: var(--brand-stack-gap-condensed);
   }
@@ -3239,6 +3508,10 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
     gap: var(--brand-stack-gap-spacious);
   }
 
+  .Primer_Brand__Stack-module__Stack-regular--padding-none____wmhn {
+    padding: 0;
+  }
+
   .Primer_Brand__Stack-module__Stack-regular--padding-condensed___WxLyH {
     padding: var(--brand-stack-padding-condensed);
   }
@@ -3253,6 +3526,10 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 }
 
 @media screen and (min-width: 80rem) {
+  .Primer_Brand__Stack-module__Stack-wide--gap-none___V9yZQ {
+    gap: 0;
+  }
+
   .Primer_Brand__Stack-module__Stack-wide--gap-condensed___TB7xm {
     gap: var(--brand-stack-gap-condensed);
   }
@@ -3265,6 +3542,10 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
     gap: var(--brand-stack-gap-spacious);
   }
 
+  .Primer_Brand__Stack-module__Stack-wide--padding-none___GEcfF {
+    padding: 0;
+  }
+
   .Primer_Brand__Stack-module__Stack-wide--padding-condensed___heIOO {
     padding: var(--brand-stack-padding-condensed);
   }
@@ -3366,7 +3647,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
 
 /**
  * Do not edit directly
- * Generated on Fri, 04 Nov 2022 12:59:23 GMT
+ * Generated on Tue, 08 Nov 2022 12:15:19 GMT
  */
 
 :root,

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 04 Nov 2022 12:59:23 GMT
+ * Generated on Tue, 08 Nov 2022 12:15:19 GMT
  */
 
 :root,

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 04 Nov 2022 12:59:23 GMT
+ * Generated on Tue, 08 Nov 2022 12:15:18 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 04 Nov 2022 12:59:23 GMT
+ * Generated on Tue, 08 Nov 2022 12:15:19 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 04 Nov 2022 12:59:23 GMT
+ * Generated on Tue, 08 Nov 2022 12:15:18 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 04 Nov 2022 12:59:23 GMT
+ * Generated on Tue, 08 Nov 2022 12:15:19 GMT
  */
 
 :root,

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 04 Nov 2022 12:59:23 GMT
+ * Generated on Tue, 08 Nov 2022 12:15:18 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 Fri, 04 Nov 2022 12:59:23 GMT
+ * Generated on Tue, 08 Nov 2022 12:15:19 GMT
  */
 
 :root,

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 04 Nov 2022 12:59:23 GMT
+ * Generated on Tue, 08 Nov 2022 12:15:19 GMT
  */
 
 :root,

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 04 Nov 2022 12:59:23 GMT
+ * Generated on Tue, 08 Nov 2022 12:15:19 GMT
  */
 
 :root,

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 04 Nov 2022 12:59:23 GMT
+ * Generated on Tue, 08 Nov 2022 12:15:18 GMT
  */
 
 :root {

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 04 Nov 2022 12:59:23 GMT
+ * Generated on Tue, 08 Nov 2022 12:15:19 GMT
  */
 
 :root,
@@ -19,6 +19,12 @@
   --brand-control-checkbox-border-checked: var(--base-color-scale-black-0);
   --brand-control-checkbox-border-indeterminate: var(--base-color-scale-black-0);
   --brand-control-checkbox-border-disabled: var(--base-color-scale-gray-2);
+  --brand-control-radio-bg-default: var(--base-color-scale-white-0);
+  --brand-control-radio-bg-checked: var(--base-color-scale-white-0);
+  --brand-control-radio-bg-disabled: var(--base-color-scale-gray-1);
+  --brand-control-radio-border-default: var(--brand-control-color-border-default);
+  --brand-control-radio-border-checked: var(--base-color-scale-black-0);
+  --brand-control-radio-dot-default: var(--base-color-scale-black-0);
 }
 
 [data-color-mode="dark"] {
@@ -36,4 +42,10 @@
   --brand-control-checkbox-border-checked: var(--base-color-scale-white-0);
   --brand-control-checkbox-border-indeterminate: var(--base-color-scale-white-0);
   --brand-control-checkbox-border-disabled: var(--base-color-scale-gray-4);
+  --brand-control-radio-bg-default: var(--base-color-scale-black-0);
+  --brand-control-radio-bg-checked: var(--base-color-scale-black-0);
+  --brand-control-radio-bg-disabled: var(--base-color-scale-gray-4);
+  --brand-control-radio-border-default: var(--base-color-scale-white-0);
+  --brand-control-radio-border-checked: var(--base-color-scale-white-0);
+  --brand-control-radio-dot-default: var(--base-color-scale-white-0);
 }

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

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Fri, 04 Nov 2022 12:59:23 GMT
+ * Generated on Tue, 08 Nov 2022 12:15:18 GMT
  */
 
 :root {