@khanacademy/wonder-blocks-tokens 16.6.0 → 16.7.0

package/.turbo/turbo-build$colon$css.log

@@ -1,5 +1,5 @@
 
-> @khanacademy/wonder-blocks-tokens@16.6.0 build:css /home/runner/work/wonder-blocks/wonder-blocks/packages/wonder-blocks-tokens
+> @khanacademy/wonder-blocks-tokens@16.7.0 build:css /home/runner/work/wonder-blocks/wonder-blocks/packages/wonder-blocks-tokens
 > node -r @swc-node/register ./src/build/generate-css-variables.ts
 
 CSS variables generated successfully in: /home/runner/work/wonder-blocks/wonder-blocks/packages/wonder-blocks-tokens/dist/css

package/CHANGELOG.md

@@ -1,5 +1,20 @@
 # @khanacademy/wonder-blocks-tokens
 
+## 16.7.0
+
+### Minor Changes
+
+- 9773405: Add `core.shadow.chonky.disabled.subtle/default` tokens and use for `chonky.disabled.*` tokens. Update semantic color core tokens in `syl-dark` related to chonky tokens and border neutral tokens
+
+### Patch Changes
+
+- 0907f64: Update yellow_01 and green_01 primitives. Update syl-dark background.success/warning.subtle to address color contrast issues with interactive elements in banners
+- 9773405: ActivityIconButton: Add component theme token for the label to accommodate syl-dark
+- 022e775: SYL Dark - Update disabled semantic color core tokens
+- e181c15: syl-dark theme: Update `core.background.neutral.default` to `gray_30`
+- c033245: SYL Dark tokens: Update background.base.subtle/default
+- a2bbc0a: SYL Dark semantic color tokens: Use TB tokens for `input.checked`
+
 ## 16.6.0
 
 ### Minor Changes

package/dist/css/index.css

@@ -26,10 +26,10 @@
 --wb-c-banner-root-border-width-inlineEnd: var(--wb-border-width-thin);
 --wb-c-banner-root-border-width-blockStart: var(--wb-border-width-thin);
 --wb-c-banner-root-border-width-blockEnd: var(--wb-border-width-thin);
---wb-c-banner-root-color-border-info: var(--wb-semanticColor-feedback-info-subtle-border);
---wb-c-banner-root-color-border-success: var(--wb-semanticColor-feedback-success-subtle-border);
---wb-c-banner-root-color-border-warning: var(--wb-semanticColor-feedback-warning-subtle-border);
---wb-c-banner-root-color-border-critical: var(--wb-semanticColor-feedback-critical-subtle-border);
+--wb-c-banner-root-color-border-info: var(--wb-semanticColor-core-transparent);
+--wb-c-banner-root-color-border-success: var(--wb-semanticColor-core-transparent);
+--wb-c-banner-root-color-border-warning: var(--wb-semanticColor-core-transparent);
+--wb-c-banner-root-color-border-critical: var(--wb-semanticColor-core-transparent);
 --wb-c-banner-root-layout-paddingInlineStart: var(--wb-sizing-size_160);
 --wb-c-banner-root-layout-gap: var(--wb-sizing-size_120);
 --wb-c-banner-icon-color-info: var(--wb-semanticColor-feedback-info-subtle-icon);
@@ -49,10 +49,10 @@
 --wb-c-banner-root-border-width-inlineEnd: var(--wb-border-width-thin);
 --wb-c-banner-root-border-width-blockStart: var(--wb-border-width-thin);
 --wb-c-banner-root-border-width-blockEnd: var(--wb-border-width-thin);
---wb-c-banner-root-color-border-info: var(--wb-semanticColor-feedback-info-subtle-border);
---wb-c-banner-root-color-border-success: var(--wb-semanticColor-feedback-success-subtle-border);
---wb-c-banner-root-color-border-warning: var(--wb-semanticColor-feedback-warning-subtle-border);
---wb-c-banner-root-color-border-critical: var(--wb-semanticColor-feedback-critical-subtle-border);
+--wb-c-banner-root-color-border-info: var(--wb-semanticColor-core-transparent);
+--wb-c-banner-root-color-border-success: var(--wb-semanticColor-core-transparent);
+--wb-c-banner-root-color-border-warning: var(--wb-semanticColor-core-transparent);
+--wb-c-banner-root-color-border-critical: var(--wb-semanticColor-core-transparent);
 --wb-c-banner-root-layout-paddingInlineStart: var(--wb-sizing-size_160);
 --wb-c-banner-root-layout-gap: var(--wb-sizing-size_120);
 --wb-c-banner-icon-color-info: var(--wb-semanticColor-feedback-info-subtle-icon);
@@ -277,7 +277,6 @@
 --wb-c-dropdown-listbox-shadow-default: var(--wb-boxShadow-mid);
 --wb-c-dropdown-opener-border-width-error: var(--wb-border-width-thin);
 --wb-c-dropdown-opener-border-radius-rest: var(--wb-border-radius-radius_040);
---wb-c-dropdown-opener-color-icon: var(--wb-semanticColor-core-foreground-neutral-default);
 --wb-c-dropdown-opener-layout-padding-inline: var(--wb-sizing-size_160);
 --wb-c-dropdown-opener-layout-padding-inlineStart: var(--wb-sizing-size_160);
 --wb-c-dropdown-opener-layout-padding-inlineEnd: var(--wb-sizing-size_120);
@@ -294,7 +293,6 @@
 --wb-c-dropdown-listbox-shadow-default: var(--wb-boxShadow-low);
 --wb-c-dropdown-opener-border-width-error: var(--wb-border-width-medium);
 --wb-c-dropdown-opener-border-radius-rest: var(--wb-border-radius-radius_080);
---wb-c-dropdown-opener-color-icon: var(--wb-semanticColor-core-foreground-instructive-default);
 --wb-c-dropdown-opener-layout-padding-inline: var(--wb-sizing-size_120);
 --wb-c-dropdown-opener-layout-padding-inlineStart: var(--wb-sizing-size_120);
 --wb-c-dropdown-opener-layout-padding-inlineEnd: var(--wb-sizing-size_120);
@@ -311,7 +309,6 @@
 --wb-c-dropdown-listbox-shadow-default: var(--wb-boxShadow-low);
 --wb-c-dropdown-opener-border-width-error: var(--wb-border-width-medium);
 --wb-c-dropdown-opener-border-radius-rest: var(--wb-border-radius-radius_080);
---wb-c-dropdown-opener-color-icon: var(--wb-semanticColor-core-foreground-instructive-default);
 --wb-c-dropdown-opener-layout-padding-inline: var(--wb-sizing-size_120);
 --wb-c-dropdown-opener-layout-padding-inlineStart: var(--wb-sizing-size_120);
 --wb-c-dropdown-opener-layout-padding-inlineEnd: var(--wb-sizing-size_120);
@@ -370,7 +367,8 @@
 --wb-c-icon-button-iconButton-icon-sizing-xsmall: var(--wb-sizing-size_160);
 --wb-c-icon-button-iconButton-icon-sizing-small: var(--wb-sizing-size_240);
 --wb-c-icon-button-iconButton-icon-sizing-medium: var(--wb-sizing-size_240);
---wb-c-icon-button-iconButton-icon-sizing-large: var(--wb-sizing-size_240);}
+--wb-c-icon-button-iconButton-icon-sizing-large: var(--wb-sizing-size_240);
+--wb-c-icon-button-activityIconButton-label-color-progressive: var(--wb-semanticColor-core-foreground-instructive-default);}
 
 [data-wb-theme='syl-dark'] {--wb-c-icon-button-iconButton-root-border-offset-primary: var(--wb-border-width-medium);
 --wb-c-icon-button-iconButton-root-border-offset-secondary: calc(-1 * var(--wb-border-width-medium));
@@ -394,7 +392,8 @@
 --wb-c-icon-button-iconButton-icon-sizing-xsmall: var(--wb-sizing-size_120);
 --wb-c-icon-button-iconButton-icon-sizing-small: var(--wb-sizing-size_120);
 --wb-c-icon-button-iconButton-icon-sizing-medium: var(--wb-sizing-size_180);
---wb-c-icon-button-iconButton-icon-sizing-large: var(--wb-sizing-size_200);}
+--wb-c-icon-button-iconButton-icon-sizing-large: var(--wb-sizing-size_200);
+--wb-c-icon-button-activityIconButton-label-color-progressive: var(--wb-semanticColor-core-foreground-neutral-strong);}
 
 [data-wb-theme='thunderblocks'] {--wb-c-icon-button-iconButton-root-border-offset-primary: var(--wb-border-width-medium);
 --wb-c-icon-button-iconButton-root-border-offset-secondary: calc(-1 * var(--wb-border-width-medium));
@@ -418,7 +417,8 @@
 --wb-c-icon-button-iconButton-icon-sizing-xsmall: var(--wb-sizing-size_120);
 --wb-c-icon-button-iconButton-icon-sizing-small: var(--wb-sizing-size_120);
 --wb-c-icon-button-iconButton-icon-sizing-medium: var(--wb-sizing-size_180);
---wb-c-icon-button-iconButton-icon-sizing-large: var(--wb-sizing-size_200);}:root, [data-wb-theme='default'] {--wb-c-labeled-field-root-layout-paddingBlockEnd-labelWithDescription: var(--wb-sizing-size_040);
+--wb-c-icon-button-iconButton-icon-sizing-large: var(--wb-sizing-size_200);
+--wb-c-icon-button-activityIconButton-label-color-progressive: var(--wb-semanticColor-core-foreground-instructive-default);}:root, [data-wb-theme='default'] {--wb-c-labeled-field-root-layout-paddingBlockEnd-labelWithDescription: var(--wb-sizing-size_040);
 --wb-c-labeled-field-root-layout-paddingBlockEnd-labelWithNoDescription: var(--wb-sizing-size_120);
 --wb-c-labeled-field-root-layout-spacingBetweenHelperText: var(--wb-sizing-size_120);
 --wb-c-labeled-field-label-color-error-foreground: var(--wb-semanticColor-core-foreground-neutral-strong);
@@ -673,6 +673,8 @@
 --wb-semanticColor-core-shadow-chonky-neutral-subtle: #b8b9bb;
 --wb-semanticColor-core-shadow-chonky-neutral-default: #909296;
 --wb-semanticColor-core-shadow-chonky-neutral-strong: #21242c;
+--wb-semanticColor-core-shadow-chonky-disabled-subtle: transparent;
+--wb-semanticColor-core-shadow-chonky-disabled-default: #b8b9bb;
 --wb-semanticColor-learning-math-foreground-blue: #3D7586;
 --wb-semanticColor-learning-math-foreground-gold: #946700;
 --wb-semanticColor-learning-math-foreground-green: #447A53;
@@ -1089,8 +1091,8 @@
 --wb-semanticColor-core-border-instructive-subtle: #5753FA;
 --wb-semanticColor-core-border-instructive-default: #6C82FF;
 --wb-semanticColor-core-border-instructive-strong: #8DA2FF;
---wb-semanticColor-core-border-neutral-subtle: #8A8B90;
---wb-semanticColor-core-border-neutral-default: #A0A1A4;
+--wb-semanticColor-core-border-neutral-subtle: #4A4C53;
+--wb-semanticColor-core-border-neutral-default: #8A8B90;
 --wb-semanticColor-core-border-neutral-strong: #CBCBCD;
 --wb-semanticColor-core-border-critical-subtle: #BE2626;
 --wb-semanticColor-core-border-critical-default: #E22D2D;
@@ -1105,27 +1107,27 @@
 --wb-semanticColor-core-border-disabled-default: #4A4C53;
 --wb-semanticColor-core-border-disabled-strong: #717279;
 --wb-semanticColor-core-border-knockout-default: #151521;
---wb-semanticColor-core-background-base-subtle: #252531;
---wb-semanticColor-core-background-base-default: #151521;
+--wb-semanticColor-core-background-base-subtle: #151521;
+--wb-semanticColor-core-background-base-default: #252531;
 --wb-semanticColor-core-background-base-strong: #FFFFFF;
 --wb-semanticColor-core-background-instructive-subtle: #222149;
 --wb-semanticColor-core-background-instructive-default: #5753FA;
 --wb-semanticColor-core-background-instructive-strong: #8DA2FF;
 --wb-semanticColor-core-background-neutral-subtle: #4A4C53;
---wb-semanticColor-core-background-neutral-default: #717279;
+--wb-semanticColor-core-background-neutral-default: #8A8B90;
 --wb-semanticColor-core-background-neutral-strong: #EDEDEE;
 --wb-semanticColor-core-background-critical-subtle: #3B141A;
 --wb-semanticColor-core-background-critical-default: #E22D2D;
 --wb-semanticColor-core-background-critical-strong: #F97F7F;
---wb-semanticColor-core-background-success-subtle: #24432D;
+--wb-semanticColor-core-background-success-subtle: #1A2924;
 --wb-semanticColor-core-background-success-default: #579F6C;
 --wb-semanticColor-core-background-success-strong: #97D39E;
---wb-semanticColor-core-background-warning-subtle: #5F4500;
+--wb-semanticColor-core-background-warning-subtle: #312405;
 --wb-semanticColor-core-background-warning-default: #FCB706;
 --wb-semanticColor-core-background-warning-strong: #FDD673;
 --wb-semanticColor-core-background-disabled-subtle: transparent;
---wb-semanticColor-core-background-disabled-default: #252531;
---wb-semanticColor-core-background-disabled-strong: #717279;
+--wb-semanticColor-core-background-disabled-default: #4A4C53;
+--wb-semanticColor-core-background-disabled-strong: #4A4C53;
 --wb-semanticColor-core-background-overlay-default: rgba(21,21,33,0.80);
 --wb-semanticColor-core-foreground-instructive-subtle: #4340D0;
 --wb-semanticColor-core-foreground-instructive-default: #6C82FF;
@@ -1143,8 +1145,8 @@
 --wb-semanticColor-core-foreground-warning-default: #FCB706;
 --wb-semanticColor-core-foreground-warning-strong: #FEF1D0;
 --wb-semanticColor-core-foreground-disabled-subtle: #4A4C53;
---wb-semanticColor-core-foreground-disabled-default: #4A4C53;
---wb-semanticColor-core-foreground-disabled-strong: #717279;
+--wb-semanticColor-core-foreground-disabled-default: #717279;
+--wb-semanticColor-core-foreground-disabled-strong: #8A8B90;
 --wb-semanticColor-core-foreground-knockout-default: #151521;
 --wb-semanticColor-core-shadow-transparent-low: rgba(21,21,33,0.60);
 --wb-semanticColor-core-shadow-transparent-mid: rgba(21,21,33,0.60);
@@ -1156,6 +1158,8 @@
 --wb-semanticColor-core-shadow-chonky-neutral-subtle: #4A4C53;
 --wb-semanticColor-core-shadow-chonky-neutral-default: #8A8B90;
 --wb-semanticColor-core-shadow-chonky-neutral-strong: #B5B6B9;
+--wb-semanticColor-core-shadow-chonky-disabled-subtle: transparent;
+--wb-semanticColor-core-shadow-chonky-disabled-default: #252531;
 --wb-semanticColor-learning-math-foreground-blue: #87CBFC;
 --wb-semanticColor-learning-math-foreground-gold: #FCC539;
 --wb-semanticColor-learning-math-foreground-green: #97D39E;
@@ -1237,8 +1241,8 @@
 --wb-semanticColor-action-primary-neutral-press-background: #4A4C53;
 --wb-semanticColor-action-primary-neutral-press-foreground: #FFFFFF;
 --wb-semanticColor-action-primary-disabled-border: transparent;
---wb-semanticColor-action-primary-disabled-background: #717279;
---wb-semanticColor-action-primary-disabled-foreground: #4A4C53;
+--wb-semanticColor-action-primary-disabled-background: #4A4C53;
+--wb-semanticColor-action-primary-disabled-foreground: #717279;
 --wb-semanticColor-action-secondary-progressive-default-border: #5753FA;
 --wb-semanticColor-action-secondary-progressive-default-background: #222149;
 --wb-semanticColor-action-secondary-progressive-default-foreground: #6C82FF;
@@ -1257,7 +1261,7 @@
 --wb-semanticColor-action-secondary-destructive-press-border: #F97F7F;
 --wb-semanticColor-action-secondary-destructive-press-background: #3B141A;
 --wb-semanticColor-action-secondary-destructive-press-foreground: #F97F7F;
---wb-semanticColor-action-secondary-neutral-default-border: #A0A1A4;
+--wb-semanticColor-action-secondary-neutral-default-border: #8A8B90;
 --wb-semanticColor-action-secondary-neutral-default-background: transparent;
 --wb-semanticColor-action-secondary-neutral-default-foreground: #CBCBCD;
 --wb-semanticColor-action-secondary-neutral-hover-border: #CBCBCD;
@@ -1267,8 +1271,8 @@
 --wb-semanticColor-action-secondary-neutral-press-background: transparent;
 --wb-semanticColor-action-secondary-neutral-press-foreground: #EDEDEE;
 --wb-semanticColor-action-secondary-disabled-border: #4A4C53;
---wb-semanticColor-action-secondary-disabled-background: #252531;
---wb-semanticColor-action-secondary-disabled-foreground: #4A4C53;
+--wb-semanticColor-action-secondary-disabled-background: #4A4C53;
+--wb-semanticColor-action-secondary-disabled-foreground: #717279;
 --wb-semanticColor-action-tertiary-progressive-default-border: transparent;
 --wb-semanticColor-action-tertiary-progressive-default-background: transparent;
 --wb-semanticColor-action-tertiary-progressive-default-foreground: #6C82FF;
@@ -1320,8 +1324,8 @@
 --wb-semanticColor-chonky-progressive-border-secondary-press: #5753FA;
 --wb-semanticColor-chonky-progressive-border-secondary-selected: #5753FA;
 --wb-semanticColor-chonky-progressive-border-tertiary-rest: transparent;
---wb-semanticColor-chonky-progressive-border-tertiary-hover: #8A8B90;
---wb-semanticColor-chonky-progressive-border-tertiary-press: #8A8B90;
+--wb-semanticColor-chonky-progressive-border-tertiary-hover: #4A4C53;
+--wb-semanticColor-chonky-progressive-border-tertiary-press: #4A4C53;
 --wb-semanticColor-chonky-progressive-border-tertiary-selected: #5753FA;
 --wb-semanticColor-chonky-progressive-foreground-primary-rest: #FFFFFF;
 --wb-semanticColor-chonky-progressive-foreground-primary-hover: #FFFFFF;
@@ -1351,10 +1355,10 @@
 --wb-semanticColor-chonky-neutral-background-primary-hover: #717279;
 --wb-semanticColor-chonky-neutral-background-primary-press: #717279;
 --wb-semanticColor-chonky-neutral-background-primary-selected: #717279;
---wb-semanticColor-chonky-neutral-background-secondary-rest: #151521;
---wb-semanticColor-chonky-neutral-background-secondary-hover: #151521;
---wb-semanticColor-chonky-neutral-background-secondary-press: #151521;
---wb-semanticColor-chonky-neutral-background-secondary-selected: #151521;
+--wb-semanticColor-chonky-neutral-background-secondary-rest: #252531;
+--wb-semanticColor-chonky-neutral-background-secondary-hover: #252531;
+--wb-semanticColor-chonky-neutral-background-secondary-press: #252531;
+--wb-semanticColor-chonky-neutral-background-secondary-selected: #252531;
 --wb-semanticColor-chonky-neutral-background-tertiary-rest: transparent;
 --wb-semanticColor-chonky-neutral-background-tertiary-hover: transparent;
 --wb-semanticColor-chonky-neutral-background-tertiary-press: transparent;
@@ -1363,13 +1367,13 @@
 --wb-semanticColor-chonky-neutral-border-primary-hover: transparent;
 --wb-semanticColor-chonky-neutral-border-primary-press: transparent;
 --wb-semanticColor-chonky-neutral-border-primary-selected: transparent;
---wb-semanticColor-chonky-neutral-border-secondary-rest: #8A8B90;
---wb-semanticColor-chonky-neutral-border-secondary-hover: #8A8B90;
---wb-semanticColor-chonky-neutral-border-secondary-press: #8A8B90;
+--wb-semanticColor-chonky-neutral-border-secondary-rest: #4A4C53;
+--wb-semanticColor-chonky-neutral-border-secondary-hover: #4A4C53;
+--wb-semanticColor-chonky-neutral-border-secondary-press: #4A4C53;
 --wb-semanticColor-chonky-neutral-border-secondary-selected: #5753FA;
 --wb-semanticColor-chonky-neutral-border-tertiary-rest: transparent;
---wb-semanticColor-chonky-neutral-border-tertiary-hover: #8A8B90;
---wb-semanticColor-chonky-neutral-border-tertiary-press: #8A8B90;
+--wb-semanticColor-chonky-neutral-border-tertiary-hover: #4A4C53;
+--wb-semanticColor-chonky-neutral-border-tertiary-press: #4A4C53;
 --wb-semanticColor-chonky-neutral-border-tertiary-selected: #5753FA;
 --wb-semanticColor-chonky-neutral-foreground-primary-rest: #FFFFFF;
 --wb-semanticColor-chonky-neutral-foreground-primary-hover: #FFFFFF;
@@ -1395,40 +1399,40 @@
 --wb-semanticColor-chonky-neutral-shadow-tertiary-hover: #4A4C53;
 --wb-semanticColor-chonky-neutral-shadow-tertiary-press: #4A4C53;
 --wb-semanticColor-chonky-neutral-shadow-tertiary-selected: #5753FA;
---wb-semanticColor-chonky-disabled-background-primary: #717279;
+--wb-semanticColor-chonky-disabled-background-primary: #4A4C53;
 --wb-semanticColor-chonky-disabled-background-secondary: #4A4C53;
 --wb-semanticColor-chonky-disabled-background-tertiary: transparent;
 --wb-semanticColor-chonky-disabled-border-primary: transparent;
---wb-semanticColor-chonky-disabled-border-secondary: #8A8B90;
+--wb-semanticColor-chonky-disabled-border-secondary: #4A4C53;
 --wb-semanticColor-chonky-disabled-border-tertiary: transparent;
---wb-semanticColor-chonky-disabled-foreground-primary: #151521;
---wb-semanticColor-chonky-disabled-foreground-secondary: #CBCBCD;
---wb-semanticColor-chonky-disabled-foreground-tertiary: #CBCBCD;
---wb-semanticColor-chonky-disabled-shadow-primary: #B5B6B9;
---wb-semanticColor-chonky-disabled-shadow-secondary: #4A4C53;
+--wb-semanticColor-chonky-disabled-foreground-primary: #717279;
+--wb-semanticColor-chonky-disabled-foreground-secondary: #717279;
+--wb-semanticColor-chonky-disabled-foreground-tertiary: #4A4C53;
+--wb-semanticColor-chonky-disabled-shadow-primary: #252531;
+--wb-semanticColor-chonky-disabled-shadow-secondary: #252531;
 --wb-semanticColor-chonky-disabled-shadow-tertiary: transparent;
---wb-semanticColor-input-default-border: #A0A1A4;
---wb-semanticColor-input-default-background: #151521;
+--wb-semanticColor-input-default-border: #8A8B90;
+--wb-semanticColor-input-default-background: #252531;
 --wb-semanticColor-input-default-foreground: #EDEDEE;
 --wb-semanticColor-input-default-placeholder: #A0A1A4;
 --wb-semanticColor-input-checked-border: #6C82FF;
 --wb-semanticColor-input-checked-background: #5753FA;
---wb-semanticColor-input-checked-foreground: #151521;
---wb-semanticColor-input-disabled-border: #4A4C53;
---wb-semanticColor-input-disabled-background: #151521;
---wb-semanticColor-input-disabled-foreground: #717279;
+--wb-semanticColor-input-checked-foreground: #FFFFFF;
+--wb-semanticColor-input-disabled-border: #717279;
+--wb-semanticColor-input-disabled-background: #252531;
+--wb-semanticColor-input-disabled-foreground: #8A8B90;
 --wb-semanticColor-input-disabled-placeholder: #4A4C53;
 --wb-semanticColor-input-error-border: #E22D2D;
---wb-semanticColor-input-error-background: #151521;
+--wb-semanticColor-input-error-background: #252531;
 --wb-semanticColor-input-error-foreground: #EDEDEE;
---wb-semanticColor-input-readOnly-background: #252531;
---wb-semanticColor-input-readOnly-text: #CBCBCD;
+--wb-semanticColor-input-readOnly-background: #4A4C53;
+--wb-semanticColor-input-readOnly-text: #EDEDEE;
 --wb-semanticColor-input-readOnly-icon: #A0A1A4;
 --wb-semanticColor-status-critical-background: #3B141A;
 --wb-semanticColor-status-critical-foreground: #FBB1B1;
---wb-semanticColor-status-warning-background: #5F4500;
+--wb-semanticColor-status-warning-background: #312405;
 --wb-semanticColor-status-warning-foreground: #FEF1D0;
---wb-semanticColor-status-success-background: #24432D;
+--wb-semanticColor-status-success-background: #1A2924;
 --wb-semanticColor-status-success-foreground: #D5F3D5;
 --wb-semanticColor-status-notice-background: #222149;
 --wb-semanticColor-status-notice-foreground: #DFEAFF;
@@ -1439,7 +1443,7 @@
 --wb-semanticColor-link-rest: #6C82FF;
 --wb-semanticColor-link-hover: #DFEAFF;
 --wb-semanticColor-link-press: #DFEAFF;
---wb-semanticColor-link-disabled: #4A4C53;
+--wb-semanticColor-link-disabled: #717279;
 --wb-semanticColor-khanmigo-primary: #5f1e5c;
 --wb-semanticColor-khanmigo-secondary: #f2edf2;
 --wb-semanticColor-mastery-primary: #9059ff;
@@ -1451,7 +1455,7 @@
 --wb-semanticColor-feedback-info-strong-border: #CBCBCD;
 --wb-semanticColor-feedback-info-strong-text: #151521;
 --wb-semanticColor-feedback-info-strong-icon: #4340D0;
---wb-semanticColor-feedback-success-subtle-background: #24432D;
+--wb-semanticColor-feedback-success-subtle-background: #1A2924;
 --wb-semanticColor-feedback-success-subtle-border: #579F6C;
 --wb-semanticColor-feedback-success-subtle-icon: #72BB82;
 --wb-semanticColor-feedback-success-subtle-text: #D5F3D5;
@@ -1459,7 +1463,7 @@
 --wb-semanticColor-feedback-success-strong-border: #CBCBCD;
 --wb-semanticColor-feedback-success-strong-text: #151521;
 --wb-semanticColor-feedback-success-strong-icon: #3C6D4A;
---wb-semanticColor-feedback-warning-subtle-background: #5F4500;
+--wb-semanticColor-feedback-warning-subtle-background: #312405;
 --wb-semanticColor-feedback-warning-subtle-border: #FCB706;
 --wb-semanticColor-feedback-warning-subtle-icon: #FCB706;
 --wb-semanticColor-feedback-warning-subtle-text: #FEF1D0;
@@ -1476,7 +1480,7 @@
 --wb-semanticColor-feedback-critical-strong-text: #151521;
 --wb-semanticColor-feedback-critical-strong-icon: #E22D2D;
 --wb-semanticColor-feedback-neutral-subtle-background: #4A4C53;
---wb-semanticColor-feedback-neutral-subtle-border: #8A8B90;
+--wb-semanticColor-feedback-neutral-subtle-border: #4A4C53;
 --wb-semanticColor-feedback-neutral-subtle-icon: #CBCBCD;
 --wb-semanticColor-feedback-neutral-subtle-text: #EDEDEE;
 --wb-semanticColor-feedback-neutral-strong-background: #FFFFFF;
@@ -1639,6 +1643,8 @@
 --wb-semanticColor-core-shadow-chonky-neutral-subtle: #CBCBCD;
 --wb-semanticColor-core-shadow-chonky-neutral-default: #8A8B90;
 --wb-semanticColor-core-shadow-chonky-neutral-strong: #4A4C53;
+--wb-semanticColor-core-shadow-chonky-disabled-subtle: transparent;
+--wb-semanticColor-core-shadow-chonky-disabled-default: #CBCBCD;
 --wb-semanticColor-learning-math-foreground-blue: #20628F;
 --wb-semanticColor-learning-math-foreground-gold: #966B00;
 --wb-semanticColor-learning-math-foreground-green: #3C6D4A;

package/dist/css/vars.css

@@ -126,6 +126,8 @@
 --wb-semanticColor-core-shadow-chonky-neutral-subtle: #b8b9bb;
 --wb-semanticColor-core-shadow-chonky-neutral-default: #909296;
 --wb-semanticColor-core-shadow-chonky-neutral-strong: #21242c;
+--wb-semanticColor-core-shadow-chonky-disabled-subtle: transparent;
+--wb-semanticColor-core-shadow-chonky-disabled-default: #b8b9bb;
 --wb-semanticColor-learning-math-foreground-blue: #3D7586;
 --wb-semanticColor-learning-math-foreground-gold: #946700;
 --wb-semanticColor-learning-math-foreground-green: #447A53;
@@ -542,8 +544,8 @@
 --wb-semanticColor-core-border-instructive-subtle: #5753FA;
 --wb-semanticColor-core-border-instructive-default: #6C82FF;
 --wb-semanticColor-core-border-instructive-strong: #8DA2FF;
---wb-semanticColor-core-border-neutral-subtle: #8A8B90;
---wb-semanticColor-core-border-neutral-default: #A0A1A4;
+--wb-semanticColor-core-border-neutral-subtle: #4A4C53;
+--wb-semanticColor-core-border-neutral-default: #8A8B90;
 --wb-semanticColor-core-border-neutral-strong: #CBCBCD;
 --wb-semanticColor-core-border-critical-subtle: #BE2626;
 --wb-semanticColor-core-border-critical-default: #E22D2D;
@@ -558,27 +560,27 @@
 --wb-semanticColor-core-border-disabled-default: #4A4C53;
 --wb-semanticColor-core-border-disabled-strong: #717279;
 --wb-semanticColor-core-border-knockout-default: #151521;
---wb-semanticColor-core-background-base-subtle: #252531;
---wb-semanticColor-core-background-base-default: #151521;
+--wb-semanticColor-core-background-base-subtle: #151521;
+--wb-semanticColor-core-background-base-default: #252531;
 --wb-semanticColor-core-background-base-strong: #FFFFFF;
 --wb-semanticColor-core-background-instructive-subtle: #222149;
 --wb-semanticColor-core-background-instructive-default: #5753FA;
 --wb-semanticColor-core-background-instructive-strong: #8DA2FF;
 --wb-semanticColor-core-background-neutral-subtle: #4A4C53;
---wb-semanticColor-core-background-neutral-default: #717279;
+--wb-semanticColor-core-background-neutral-default: #8A8B90;
 --wb-semanticColor-core-background-neutral-strong: #EDEDEE;
 --wb-semanticColor-core-background-critical-subtle: #3B141A;
 --wb-semanticColor-core-background-critical-default: #E22D2D;
 --wb-semanticColor-core-background-critical-strong: #F97F7F;
---wb-semanticColor-core-background-success-subtle: #24432D;
+--wb-semanticColor-core-background-success-subtle: #1A2924;
 --wb-semanticColor-core-background-success-default: #579F6C;
 --wb-semanticColor-core-background-success-strong: #97D39E;
---wb-semanticColor-core-background-warning-subtle: #5F4500;
+--wb-semanticColor-core-background-warning-subtle: #312405;
 --wb-semanticColor-core-background-warning-default: #FCB706;
 --wb-semanticColor-core-background-warning-strong: #FDD673;
 --wb-semanticColor-core-background-disabled-subtle: transparent;
---wb-semanticColor-core-background-disabled-default: #252531;
---wb-semanticColor-core-background-disabled-strong: #717279;
+--wb-semanticColor-core-background-disabled-default: #4A4C53;
+--wb-semanticColor-core-background-disabled-strong: #4A4C53;
 --wb-semanticColor-core-background-overlay-default: rgba(21,21,33,0.80);
 --wb-semanticColor-core-foreground-instructive-subtle: #4340D0;
 --wb-semanticColor-core-foreground-instructive-default: #6C82FF;
@@ -596,8 +598,8 @@
 --wb-semanticColor-core-foreground-warning-default: #FCB706;
 --wb-semanticColor-core-foreground-warning-strong: #FEF1D0;
 --wb-semanticColor-core-foreground-disabled-subtle: #4A4C53;
---wb-semanticColor-core-foreground-disabled-default: #4A4C53;
---wb-semanticColor-core-foreground-disabled-strong: #717279;
+--wb-semanticColor-core-foreground-disabled-default: #717279;
+--wb-semanticColor-core-foreground-disabled-strong: #8A8B90;
 --wb-semanticColor-core-foreground-knockout-default: #151521;
 --wb-semanticColor-core-shadow-transparent-low: rgba(21,21,33,0.60);
 --wb-semanticColor-core-shadow-transparent-mid: rgba(21,21,33,0.60);
@@ -609,6 +611,8 @@
 --wb-semanticColor-core-shadow-chonky-neutral-subtle: #4A4C53;
 --wb-semanticColor-core-shadow-chonky-neutral-default: #8A8B90;
 --wb-semanticColor-core-shadow-chonky-neutral-strong: #B5B6B9;
+--wb-semanticColor-core-shadow-chonky-disabled-subtle: transparent;
+--wb-semanticColor-core-shadow-chonky-disabled-default: #252531;
 --wb-semanticColor-learning-math-foreground-blue: #87CBFC;
 --wb-semanticColor-learning-math-foreground-gold: #FCC539;
 --wb-semanticColor-learning-math-foreground-green: #97D39E;
@@ -690,8 +694,8 @@
 --wb-semanticColor-action-primary-neutral-press-background: #4A4C53;
 --wb-semanticColor-action-primary-neutral-press-foreground: #FFFFFF;
 --wb-semanticColor-action-primary-disabled-border: transparent;
---wb-semanticColor-action-primary-disabled-background: #717279;
---wb-semanticColor-action-primary-disabled-foreground: #4A4C53;
+--wb-semanticColor-action-primary-disabled-background: #4A4C53;
+--wb-semanticColor-action-primary-disabled-foreground: #717279;
 --wb-semanticColor-action-secondary-progressive-default-border: #5753FA;
 --wb-semanticColor-action-secondary-progressive-default-background: #222149;
 --wb-semanticColor-action-secondary-progressive-default-foreground: #6C82FF;
@@ -710,7 +714,7 @@
 --wb-semanticColor-action-secondary-destructive-press-border: #F97F7F;
 --wb-semanticColor-action-secondary-destructive-press-background: #3B141A;
 --wb-semanticColor-action-secondary-destructive-press-foreground: #F97F7F;
---wb-semanticColor-action-secondary-neutral-default-border: #A0A1A4;
+--wb-semanticColor-action-secondary-neutral-default-border: #8A8B90;
 --wb-semanticColor-action-secondary-neutral-default-background: transparent;
 --wb-semanticColor-action-secondary-neutral-default-foreground: #CBCBCD;
 --wb-semanticColor-action-secondary-neutral-hover-border: #CBCBCD;
@@ -720,8 +724,8 @@
 --wb-semanticColor-action-secondary-neutral-press-background: transparent;
 --wb-semanticColor-action-secondary-neutral-press-foreground: #EDEDEE;
 --wb-semanticColor-action-secondary-disabled-border: #4A4C53;
---wb-semanticColor-action-secondary-disabled-background: #252531;
---wb-semanticColor-action-secondary-disabled-foreground: #4A4C53;
+--wb-semanticColor-action-secondary-disabled-background: #4A4C53;
+--wb-semanticColor-action-secondary-disabled-foreground: #717279;
 --wb-semanticColor-action-tertiary-progressive-default-border: transparent;
 --wb-semanticColor-action-tertiary-progressive-default-background: transparent;
 --wb-semanticColor-action-tertiary-progressive-default-foreground: #6C82FF;
@@ -773,8 +777,8 @@
 --wb-semanticColor-chonky-progressive-border-secondary-press: #5753FA;
 --wb-semanticColor-chonky-progressive-border-secondary-selected: #5753FA;
 --wb-semanticColor-chonky-progressive-border-tertiary-rest: transparent;
---wb-semanticColor-chonky-progressive-border-tertiary-hover: #8A8B90;
---wb-semanticColor-chonky-progressive-border-tertiary-press: #8A8B90;
+--wb-semanticColor-chonky-progressive-border-tertiary-hover: #4A4C53;
+--wb-semanticColor-chonky-progressive-border-tertiary-press: #4A4C53;
 --wb-semanticColor-chonky-progressive-border-tertiary-selected: #5753FA;
 --wb-semanticColor-chonky-progressive-foreground-primary-rest: #FFFFFF;
 --wb-semanticColor-chonky-progressive-foreground-primary-hover: #FFFFFF;
@@ -804,10 +808,10 @@
 --wb-semanticColor-chonky-neutral-background-primary-hover: #717279;
 --wb-semanticColor-chonky-neutral-background-primary-press: #717279;
 --wb-semanticColor-chonky-neutral-background-primary-selected: #717279;
---wb-semanticColor-chonky-neutral-background-secondary-rest: #151521;
---wb-semanticColor-chonky-neutral-background-secondary-hover: #151521;
---wb-semanticColor-chonky-neutral-background-secondary-press: #151521;
---wb-semanticColor-chonky-neutral-background-secondary-selected: #151521;
+--wb-semanticColor-chonky-neutral-background-secondary-rest: #252531;
+--wb-semanticColor-chonky-neutral-background-secondary-hover: #252531;
+--wb-semanticColor-chonky-neutral-background-secondary-press: #252531;
+--wb-semanticColor-chonky-neutral-background-secondary-selected: #252531;
 --wb-semanticColor-chonky-neutral-background-tertiary-rest: transparent;
 --wb-semanticColor-chonky-neutral-background-tertiary-hover: transparent;
 --wb-semanticColor-chonky-neutral-background-tertiary-press: transparent;
@@ -816,13 +820,13 @@
 --wb-semanticColor-chonky-neutral-border-primary-hover: transparent;
 --wb-semanticColor-chonky-neutral-border-primary-press: transparent;
 --wb-semanticColor-chonky-neutral-border-primary-selected: transparent;
---wb-semanticColor-chonky-neutral-border-secondary-rest: #8A8B90;
---wb-semanticColor-chonky-neutral-border-secondary-hover: #8A8B90;
---wb-semanticColor-chonky-neutral-border-secondary-press: #8A8B90;
+--wb-semanticColor-chonky-neutral-border-secondary-rest: #4A4C53;
+--wb-semanticColor-chonky-neutral-border-secondary-hover: #4A4C53;
+--wb-semanticColor-chonky-neutral-border-secondary-press: #4A4C53;
 --wb-semanticColor-chonky-neutral-border-secondary-selected: #5753FA;
 --wb-semanticColor-chonky-neutral-border-tertiary-rest: transparent;
---wb-semanticColor-chonky-neutral-border-tertiary-hover: #8A8B90;
---wb-semanticColor-chonky-neutral-border-tertiary-press: #8A8B90;
+--wb-semanticColor-chonky-neutral-border-tertiary-hover: #4A4C53;
+--wb-semanticColor-chonky-neutral-border-tertiary-press: #4A4C53;
 --wb-semanticColor-chonky-neutral-border-tertiary-selected: #5753FA;
 --wb-semanticColor-chonky-neutral-foreground-primary-rest: #FFFFFF;
 --wb-semanticColor-chonky-neutral-foreground-primary-hover: #FFFFFF;
@@ -848,40 +852,40 @@
 --wb-semanticColor-chonky-neutral-shadow-tertiary-hover: #4A4C53;
 --wb-semanticColor-chonky-neutral-shadow-tertiary-press: #4A4C53;
 --wb-semanticColor-chonky-neutral-shadow-tertiary-selected: #5753FA;
---wb-semanticColor-chonky-disabled-background-primary: #717279;
+--wb-semanticColor-chonky-disabled-background-primary: #4A4C53;
 --wb-semanticColor-chonky-disabled-background-secondary: #4A4C53;
 --wb-semanticColor-chonky-disabled-background-tertiary: transparent;
 --wb-semanticColor-chonky-disabled-border-primary: transparent;
---wb-semanticColor-chonky-disabled-border-secondary: #8A8B90;
+--wb-semanticColor-chonky-disabled-border-secondary: #4A4C53;
 --wb-semanticColor-chonky-disabled-border-tertiary: transparent;
---wb-semanticColor-chonky-disabled-foreground-primary: #151521;
---wb-semanticColor-chonky-disabled-foreground-secondary: #CBCBCD;
---wb-semanticColor-chonky-disabled-foreground-tertiary: #CBCBCD;
---wb-semanticColor-chonky-disabled-shadow-primary: #B5B6B9;
---wb-semanticColor-chonky-disabled-shadow-secondary: #4A4C53;
+--wb-semanticColor-chonky-disabled-foreground-primary: #717279;
+--wb-semanticColor-chonky-disabled-foreground-secondary: #717279;
+--wb-semanticColor-chonky-disabled-foreground-tertiary: #4A4C53;
+--wb-semanticColor-chonky-disabled-shadow-primary: #252531;
+--wb-semanticColor-chonky-disabled-shadow-secondary: #252531;
 --wb-semanticColor-chonky-disabled-shadow-tertiary: transparent;
---wb-semanticColor-input-default-border: #A0A1A4;
---wb-semanticColor-input-default-background: #151521;
+--wb-semanticColor-input-default-border: #8A8B90;
+--wb-semanticColor-input-default-background: #252531;
 --wb-semanticColor-input-default-foreground: #EDEDEE;
 --wb-semanticColor-input-default-placeholder: #A0A1A4;
 --wb-semanticColor-input-checked-border: #6C82FF;
 --wb-semanticColor-input-checked-background: #5753FA;
---wb-semanticColor-input-checked-foreground: #151521;
---wb-semanticColor-input-disabled-border: #4A4C53;
---wb-semanticColor-input-disabled-background: #151521;
---wb-semanticColor-input-disabled-foreground: #717279;
+--wb-semanticColor-input-checked-foreground: #FFFFFF;
+--wb-semanticColor-input-disabled-border: #717279;
+--wb-semanticColor-input-disabled-background: #252531;
+--wb-semanticColor-input-disabled-foreground: #8A8B90;
 --wb-semanticColor-input-disabled-placeholder: #4A4C53;
 --wb-semanticColor-input-error-border: #E22D2D;
---wb-semanticColor-input-error-background: #151521;
+--wb-semanticColor-input-error-background: #252531;
 --wb-semanticColor-input-error-foreground: #EDEDEE;
---wb-semanticColor-input-readOnly-background: #252531;
---wb-semanticColor-input-readOnly-text: #CBCBCD;
+--wb-semanticColor-input-readOnly-background: #4A4C53;
+--wb-semanticColor-input-readOnly-text: #EDEDEE;
 --wb-semanticColor-input-readOnly-icon: #A0A1A4;
 --wb-semanticColor-status-critical-background: #3B141A;
 --wb-semanticColor-status-critical-foreground: #FBB1B1;
---wb-semanticColor-status-warning-background: #5F4500;
+--wb-semanticColor-status-warning-background: #312405;
 --wb-semanticColor-status-warning-foreground: #FEF1D0;
---wb-semanticColor-status-success-background: #24432D;
+--wb-semanticColor-status-success-background: #1A2924;
 --wb-semanticColor-status-success-foreground: #D5F3D5;
 --wb-semanticColor-status-notice-background: #222149;
 --wb-semanticColor-status-notice-foreground: #DFEAFF;
@@ -892,7 +896,7 @@
 --wb-semanticColor-link-rest: #6C82FF;
 --wb-semanticColor-link-hover: #DFEAFF;
 --wb-semanticColor-link-press: #DFEAFF;
---wb-semanticColor-link-disabled: #4A4C53;
+--wb-semanticColor-link-disabled: #717279;
 --wb-semanticColor-khanmigo-primary: #5f1e5c;
 --wb-semanticColor-khanmigo-secondary: #f2edf2;
 --wb-semanticColor-mastery-primary: #9059ff;
@@ -904,7 +908,7 @@
 --wb-semanticColor-feedback-info-strong-border: #CBCBCD;
 --wb-semanticColor-feedback-info-strong-text: #151521;
 --wb-semanticColor-feedback-info-strong-icon: #4340D0;
---wb-semanticColor-feedback-success-subtle-background: #24432D;
+--wb-semanticColor-feedback-success-subtle-background: #1A2924;
 --wb-semanticColor-feedback-success-subtle-border: #579F6C;
 --wb-semanticColor-feedback-success-subtle-icon: #72BB82;
 --wb-semanticColor-feedback-success-subtle-text: #D5F3D5;
@@ -912,7 +916,7 @@
 --wb-semanticColor-feedback-success-strong-border: #CBCBCD;
 --wb-semanticColor-feedback-success-strong-text: #151521;
 --wb-semanticColor-feedback-success-strong-icon: #3C6D4A;
---wb-semanticColor-feedback-warning-subtle-background: #5F4500;
+--wb-semanticColor-feedback-warning-subtle-background: #312405;
 --wb-semanticColor-feedback-warning-subtle-border: #FCB706;
 --wb-semanticColor-feedback-warning-subtle-icon: #FCB706;
 --wb-semanticColor-feedback-warning-subtle-text: #FEF1D0;
@@ -929,7 +933,7 @@
 --wb-semanticColor-feedback-critical-strong-text: #151521;
 --wb-semanticColor-feedback-critical-strong-icon: #E22D2D;
 --wb-semanticColor-feedback-neutral-subtle-background: #4A4C53;
---wb-semanticColor-feedback-neutral-subtle-border: #8A8B90;
+--wb-semanticColor-feedback-neutral-subtle-border: #4A4C53;
 --wb-semanticColor-feedback-neutral-subtle-icon: #CBCBCD;
 --wb-semanticColor-feedback-neutral-subtle-text: #EDEDEE;
 --wb-semanticColor-feedback-neutral-strong-background: #FFFFFF;
@@ -1092,6 +1096,8 @@
 --wb-semanticColor-core-shadow-chonky-neutral-subtle: #CBCBCD;
 --wb-semanticColor-core-shadow-chonky-neutral-default: #8A8B90;
 --wb-semanticColor-core-shadow-chonky-neutral-strong: #4A4C53;
+--wb-semanticColor-core-shadow-chonky-disabled-subtle: transparent;
+--wb-semanticColor-core-shadow-chonky-disabled-default: #CBCBCD;
 --wb-semanticColor-learning-math-foreground-blue: #20628F;
 --wb-semanticColor-learning-math-foreground-gold: #966B00;
 --wb-semanticColor-learning-math-foreground-green: #3C6D4A;

package/dist/es/index.js

@@ -18,9 +18,9 @@ const sizing$1={size_0:pxToRem(0),size_010:pxToRem(1),size_020:pxToRem(2),size_0
 
 const fontFamily={sans:'Lato, "Noto Sans", sans-serif',serif:'"Noto Serif", serif',mono:"Inconsolata, monospace"};const fontWeight={light:300,regular:400,semi:400,bold:700,black:900};const font$1={family:{sans:fontFamily.sans,serif:fontFamily.serif,mono:fontFamily.mono},size:{xxxLarge:sizing$1.size_360,xxLarge:sizing$1.size_280,xLarge:sizing$1.size_240,large:sizing$1.size_200,medium:sizing$1.size_160,small:sizing$1.size_140,xSmall:sizing$1.size_120},lineHeight:{xxxLarge:sizing$1.size_400,xxLarge:sizing$1.size_320,xLarge:sizing$1.size_280,large:sizing$1.size_240,xMedium:sizing$1.size_220,medium:sizing$1.size_200,small:sizing$1.size_180,xSmall:sizing$1.size_160},weight:{light:fontWeight.light,regular:fontWeight.regular,medium:fontWeight.regular,semi:fontWeight.regular,bold:fontWeight.bold,black:fontWeight.black},body:{size:{xsmall:sizing$1.size_120,small:sizing$1.size_140,medium:sizing$1.size_160},lineHeight:{xsmall:sizing$1.size_160,small:sizing$1.size_180,medium:sizing$1.size_200,large:sizing$1.size_220}},heading:{size:{small:sizing$1.size_120,medium:sizing$1.size_200,large:sizing$1.size_240,xlarge:sizing$1.size_280,xxlarge:sizing$1.size_360},lineHeight:{small:sizing$1.size_160,medium:sizing$1.size_240,large:sizing$1.size_280,xlarge:sizing$1.size_320,xxlarge:sizing$1.size_400}},textDecoration:{underlineOffset:sizing$1.size_020,thickness:sizing$1.size_010}};
 
-const black="#151521";const white="#FFFFFF";const blue30="#5753FA";const blue05="#252368";const color={red_90:"#FEF4F4",red_80:"#FFEBEB",red_70:"#FDDFDF",red_60:"#FBB1B1",red_50:"#F97F7F",red_40:"#ED5656",red_30:"#E22D2D",red_20:"#BE2626",red_10:"#8E1C1C",red_05:"#621414",red_01:"#3B141A",orange_90:"#FEF4F2",orange_80:"#FEE9E5",orange_70:"#FEDFD8",orange_60:"#FEBFB1",orange_50:"#FAA185",orange_40:"#F97B4F",orange_30:"#F8551A",orange_20:"#C8481A",orange_10:"#983C1A",orange_05:"#672912",orange_01:"#3E1F19",yellow_90:"#FEF8E7",yellow_80:"#FEF1D0",yellow_70:"#FEEAB8",yellow_60:"#FEE7AD",yellow_50:"#FDD673",yellow_40:"#FCC539",yellow_30:"#FCB706",yellow_20:"#D69900",yellow_10:"#966B00",yellow_05:"#5F4500",yellow_01:"#3A2D10",green_90:"#F1FBF1",green_80:"#E3F7E3",green_70:"#D5F3D5",green_60:"#BCEBBB",green_50:"#97D39E",green_40:"#72BB82",green_30:"#579F6C",green_20:"#3C6D4A",green_10:"#2C5037",green_05:"#24432D",green_01:"#1C2C27",cyan_90:"#EEF7FE",cyan_80:"#DDF0FE",cyan_70:"#CCE9FE",cyan_60:"#A9DAFD",cyan_50:"#87CBFC",cyan_40:"#57BAFD",cyan_30:"#28A9FF",cyan_20:"#2485C7",cyan_10:"#20628F",cyan_05:"#1D3F58",cyan_01:"#192A3C",blue_90:"#F8F9FB",blue_80:"#EBF1FD",blue_70:"#DFEAFF",blue_60:"#BFCAFF",blue_50:"#8DA2FF",blue_40:"#6C82FF",blue_30:blue30,blue_20:"#4340D0",blue_10:"#363498",blue_05:blue05,blue_01:"#222149",blue_30_alpha20:`${blue30}33`,blue_05_alpha20:`${blue05}33`,magenta_90:"#FCEEF7",magenta_80:"#FFE3F4",magenta_70:"#FAD4EC",magenta_60:"#F9BBE1",magenta_50:"#F8A2D6",magenta_40:"#F670C1",magenta_30:"#E83FA4",magenta_20:"#BB3183",magenta_10:"#84275E",magenta_05:"#521B3C",magenta_01:"#33182E",gray_90:"#F6F6F6",gray_80:"#EDEDEE",gray_70:"#E0E0E1",gray_60:"#CBCBCD",gray_50:"#B5B6B9",gray_40:"#A0A1A4",gray_30:"#8A8B90",gray_20:"#717279",gray_10:"#4A4C53",gray_05:"#252531",gray_01:"#1D1D29",black_100:black,black_90:fade(black,.9),black_80:fade(black,.8),black_70:fade(black,.7),black_60:fade(black,.6),black_50:fade(black,.5),black_40:fade(black,.4),black_30:fade(black,.3),black_20:fade(black,.2),black_10:fade(black,.1),black_01:fade(black,.01),black_00:fade(black,0),white_100:white,white_90:fade(white,.9),white_80:fade(white,.8),white_70:fade(white,.7),white_60:fade(white,.6),white_50:fade(white,.5),white_40:fade(white,.4),white_30:fade(white,.3),white_20:fade(white,.2),white_10:fade(white,.1),white_01:fade(white,.01),white_00:fade(white,0)};
+const black="#151521";const white="#FFFFFF";const blue30="#5753FA";const blue05="#252368";const color={red_90:"#FEF4F4",red_80:"#FFEBEB",red_70:"#FDDFDF",red_60:"#FBB1B1",red_50:"#F97F7F",red_40:"#ED5656",red_30:"#E22D2D",red_20:"#BE2626",red_10:"#8E1C1C",red_05:"#621414",red_01:"#3B141A",orange_90:"#FEF4F2",orange_80:"#FEE9E5",orange_70:"#FEDFD8",orange_60:"#FEBFB1",orange_50:"#FAA185",orange_40:"#F97B4F",orange_30:"#F8551A",orange_20:"#C8481A",orange_10:"#983C1A",orange_05:"#672912",orange_01:"#3E1F19",yellow_90:"#FEF8E7",yellow_80:"#FEF1D0",yellow_70:"#FEEAB8",yellow_60:"#FEE7AD",yellow_50:"#FDD673",yellow_40:"#FCC539",yellow_30:"#FCB706",yellow_20:"#D69900",yellow_10:"#966B00",yellow_05:"#5F4500",yellow_01:"#312405",green_90:"#F1FBF1",green_80:"#E3F7E3",green_70:"#D5F3D5",green_60:"#BCEBBB",green_50:"#97D39E",green_40:"#72BB82",green_30:"#579F6C",green_20:"#3C6D4A",green_10:"#2C5037",green_05:"#24432D",green_01:"#1A2924",cyan_90:"#EEF7FE",cyan_80:"#DDF0FE",cyan_70:"#CCE9FE",cyan_60:"#A9DAFD",cyan_50:"#87CBFC",cyan_40:"#57BAFD",cyan_30:"#28A9FF",cyan_20:"#2485C7",cyan_10:"#20628F",cyan_05:"#1D3F58",cyan_01:"#192A3C",blue_90:"#F8F9FB",blue_80:"#EBF1FD",blue_70:"#DFEAFF",blue_60:"#BFCAFF",blue_50:"#8DA2FF",blue_40:"#6C82FF",blue_30:blue30,blue_20:"#4340D0",blue_10:"#363498",blue_05:blue05,blue_01:"#222149",blue_30_alpha20:`${blue30}33`,blue_05_alpha20:`${blue05}33`,magenta_90:"#FCEEF7",magenta_80:"#FFE3F4",magenta_70:"#FAD4EC",magenta_60:"#F9BBE1",magenta_50:"#F8A2D6",magenta_40:"#F670C1",magenta_30:"#E83FA4",magenta_20:"#BB3183",magenta_10:"#84275E",magenta_05:"#521B3C",magenta_01:"#33182E",gray_90:"#F6F6F6",gray_80:"#EDEDEE",gray_70:"#E0E0E1",gray_60:"#CBCBCD",gray_50:"#B5B6B9",gray_40:"#A0A1A4",gray_30:"#8A8B90",gray_20:"#717279",gray_10:"#4A4C53",gray_05:"#252531",gray_01:"#1D1D29",black_100:black,black_90:fade(black,.9),black_80:fade(black,.8),black_70:fade(black,.7),black_60:fade(black,.6),black_50:fade(black,.5),black_40:fade(black,.4),black_30:fade(black,.3),black_20:fade(black,.2),black_10:fade(black,.1),black_01:fade(black,.01),black_00:fade(black,0),white_100:white,white_90:fade(white,.9),white_80:fade(white,.8),white_70:fade(white,.7),white_60:fade(white,.6),white_50:fade(white,.5),white_40:fade(white,.4),white_30:fade(white,.3),white_20:fade(white,.2),white_10:fade(white,.1),white_01:fade(white,.01),white_00:fade(white,0)};
 
-const transparent="transparent";const transparentShadowColor=color$1.offBlack16;const core={transparent,border:{instructive:{subtle:color$1.fadedBlue,default:color$1.blue,strong:color$1.activeBlue},neutral:{subtle:color$1.fadedOffBlack16,default:color$1.fadedOffBlack50,strong:color$1.fadedOffBlack72},critical:{subtle:color$1.fadedRed24,default:color$1.red,strong:color$1.activeRed},success:{subtle:color$1.fadedGreen24,default:color$1.green,strong:color$1.activeGreen},warning:{subtle:color$1.fadedGold24,default:color$1.gold,strong:color$1.activeGold},disabled:{subtle:transparent,default:color$1.fadedOffBlack16,strong:color$1.fadedOffBlack32},knockout:{default:color$1.white}},background:{base:{subtle:color$1.offWhite,default:color$1.white,strong:color$1.darkBlue},instructive:{subtle:color$1.fadedBlue8,default:color$1.blue,strong:color$1.activeBlue},neutral:{subtle:color$1.fadedOffBlack8,default:color$1.fadedOffBlack72,strong:color$1.offBlack},critical:{subtle:color$1.fadedRed8,default:color$1.red,strong:color$1.activeRed},success:{subtle:color$1.fadedGreen8,default:color$1.green,strong:color$1.activeGreen},warning:{subtle:color$1.fadedGold8,default:color$1.gold,strong:color$1.activeGold},disabled:{subtle:transparent,default:color$1.fadedOffBlack8,strong:color$1.fadedOffBlack16},overlay:{default:color$1.offBlack50}},foreground:{instructive:{subtle:color$1.fadedBlue,default:color$1.blue,strong:color$1.activeBlue},neutral:{subtle:color$1.fadedOffBlack64,default:color$1.fadedOffBlack72,strong:color$1.offBlack},critical:{subtle:color$1.fadedRed,default:color$1.red,strong:color$1.activeRed},success:{subtle:color$1.fadedGreen24,default:color$1.green,strong:color$1.activeGreen},warning:{subtle:color$1.fadedGold24,default:color$1.gold,strong:color$1.activeGold},disabled:{subtle:color$1.fadedOffBlack16,default:color$1.fadedOffBlack32,strong:color$1.fadedOffBlack50},knockout:{default:color$1.white}},shadow:{transparent:{low:transparentShadowColor,mid:transparentShadowColor,high:transparentShadowColor,color:{subtle:color$1.blue_alpha20,strong:color$1.offBlack16}},chonky:{instructive:{subtle:color$1.fadedBlue,default:color$1.activeBlue},neutral:{subtle:color$1.fadedOffBlack32,default:color$1.fadedOffBlack50,strong:color$1.offBlack}}}};const sharedFeedbackStrongTokens={background:core.background.neutral.strong,border:core.border.neutral.strong,text:core.foreground.knockout.default};const semanticColor$1={core,learning:{math:{foreground:{blue:"#3D7586",gold:"#946700",green:"#447A53",gray:"#5D5F66",grayH:"#3B3D45",grayI:"#21242C",purple:"#594094",purpleD:"#8351E8",pink:"#B25071",red:"#D92916"}},background:{gems:{subtle:color.magenta_90,default:color.magenta_80,strong:color.magenta_10},due:{subtle:color.cyan_80,default:color.cyan_60,strong:color.cyan_10},streaks:{subtle:color.orange_80,default:color.orange_60,strong:color.orange_10},progress:{notStarted:{default:color.gray_60},attempted:{default:color.yellow_60},complete:{default:color.green_60}}},border:{gems:{subtle:color.magenta_80,default:color.magenta_60,strong:color.magenta_30},streaks:{subtle:color.orange_80,default:color.orange_60,strong:color.orange_30},due:{subtle:color.cyan_80,default:color.cyan_60,strong:color.cyan_30}},foreground:{gems:{subtle:color.magenta_60,default:color.magenta_30,strong:color.magenta_10},streaks:{subtle:color.orange_60,default:color.orange_30,strong:color.orange_10},due:{subtle:color.cyan_60,default:color.cyan_20,strong:color.cyan_10},progress:{notStarted:{subtle:color.gray_50,strong:color.gray_10},attempted:{subtle:color.yellow_50,strong:color.yellow_10},complete:{strong:color.green_50}}},shadow:{progress:{notStarted:{default:color.gray_20},attempted:{default:color.yellow_30},complete:{default:color.green_30}}},characters:{flesh:{blue:{default:color.blue_30},cyan:{default:color.cyan_30},green:{default:color.green_30},magenta:{default:color.magenta_30},orange:{default:color.orange_30}}}},action:{primary:{progressive:{default:{border:core.transparent,background:core.background.instructive.default,foreground:core.foreground.knockout.default},hover:{border:core.border.instructive.default,background:core.background.instructive.default,foreground:core.foreground.knockout.default},press:{border:core.border.instructive.strong,background:core.background.instructive.strong,foreground:core.foreground.knockout.default}},destructive:{default:{border:core.transparent,background:core.background.critical.default,foreground:core.foreground.knockout.default},hover:{border:core.border.critical.default,background:core.background.critical.default,foreground:core.foreground.knockout.default},press:{border:core.border.critical.strong,background:core.background.critical.strong,foreground:core.foreground.knockout.default}},neutral:{default:{border:core.transparent,background:core.background.neutral.default,foreground:core.foreground.knockout.default},hover:{border:core.border.neutral.default,background:core.background.neutral.default,foreground:core.foreground.knockout.default},press:{border:core.border.neutral.strong,background:core.background.neutral.strong,foreground:core.foreground.knockout.default}},disabled:{border:core.border.disabled.strong,background:core.border.disabled.strong,foreground:core.foreground.knockout.default}},secondary:{progressive:{default:{border:core.border.neutral.default,background:core.transparent,foreground:core.foreground.instructive.default},hover:{border:core.border.instructive.default,background:core.transparent,foreground:core.foreground.instructive.default},press:{border:core.border.instructive.strong,background:core.background.instructive.subtle,foreground:core.foreground.instructive.strong}},destructive:{default:{border:core.border.neutral.default,background:core.transparent,foreground:core.foreground.critical.default},hover:{border:core.border.critical.default,background:core.transparent,foreground:core.foreground.critical.default},press:{border:core.border.critical.strong,background:core.background.critical.subtle,foreground:core.foreground.critical.strong}},neutral:{default:{border:core.border.neutral.default,background:core.transparent,foreground:core.foreground.neutral.default},hover:{border:core.border.neutral.default,background:core.transparent,foreground:core.foreground.neutral.default},press:{border:core.border.neutral.strong,background:core.background.neutral.subtle,foreground:core.foreground.neutral.strong}},disabled:{border:core.border.disabled.strong,background:core.background.disabled.subtle,foreground:core.foreground.disabled.default}},tertiary:{progressive:{default:{border:core.transparent,background:core.transparent,foreground:core.foreground.instructive.default},hover:{border:core.border.instructive.default,background:core.transparent,foreground:core.foreground.instructive.default},press:{border:core.border.instructive.strong,background:core.transparent,foreground:core.foreground.instructive.strong}},destructive:{default:{border:core.transparent,background:core.transparent,foreground:core.foreground.critical.default},hover:{border:core.border.critical.default,background:core.transparent,foreground:core.foreground.critical.default},press:{border:core.border.critical.strong,background:core.transparent,foreground:core.foreground.critical.strong}},neutral:{default:{border:core.transparent,background:core.transparent,foreground:core.foreground.neutral.default},hover:{border:core.border.neutral.default,background:core.transparent,foreground:core.foreground.neutral.default},press:{border:core.border.neutral.strong,background:core.transparent,foreground:core.foreground.neutral.strong}},disabled:{border:core.border.disabled.default,background:core.background.disabled.subtle,foreground:core.foreground.disabled.default}}},chonky:{progressive:{background:{primary:{rest:core.background.instructive.default,hover:core.background.instructive.default,press:core.background.instructive.default,selected:core.background.instructive.default},secondary:{rest:core.background.instructive.subtle,hover:core.background.instructive.subtle,press:core.background.instructive.subtle,selected:core.background.instructive.subtle},tertiary:{rest:core.transparent,hover:core.transparent,press:core.transparent,selected:core.transparent}},border:{primary:{rest:core.transparent,hover:core.transparent,press:core.transparent,selected:core.transparent},secondary:{rest:core.border.instructive.subtle,hover:core.border.instructive.subtle,press:core.border.instructive.subtle,selected:core.border.instructive.subtle},tertiary:{rest:core.transparent,hover:core.border.neutral.subtle,press:core.border.neutral.subtle,selected:core.border.instructive.subtle}},foreground:{primary:{rest:core.foreground.knockout.default,hover:core.foreground.knockout.default,press:core.foreground.knockout.default,selected:core.foreground.knockout.default},secondary:{rest:core.foreground.instructive.default,hover:core.foreground.instructive.default,press:core.foreground.instructive.strong,selected:core.foreground.instructive.strong},tertiary:{rest:core.foreground.instructive.default,hover:core.foreground.instructive.default,press:core.foreground.instructive.strong,selected:core.foreground.instructive.strong}},shadow:{primary:{rest:core.shadow.chonky.instructive.default,hover:core.shadow.chonky.instructive.default,press:core.shadow.chonky.instructive.default,selected:core.shadow.chonky.instructive.default},secondary:{rest:core.shadow.chonky.instructive.subtle,hover:core.shadow.chonky.instructive.subtle,press:core.shadow.chonky.instructive.subtle,selected:core.shadow.chonky.instructive.subtle},tertiary:{rest:core.transparent,hover:core.shadow.chonky.neutral.subtle,press:core.shadow.chonky.neutral.subtle,selected:core.shadow.chonky.instructive.subtle}}},neutral:{background:{primary:{rest:core.background.neutral.default,hover:core.background.neutral.default,press:core.background.neutral.default,selected:core.background.neutral.default},secondary:{rest:core.transparent,hover:core.transparent,press:core.transparent,selected:core.background.neutral.subtle},tertiary:{rest:core.transparent,hover:core.transparent,press:core.transparent,selected:core.transparent}},border:{primary:{rest:core.transparent,hover:core.transparent,press:core.transparent,selected:core.transparent},secondary:{rest:core.border.neutral.subtle,hover:core.border.neutral.subtle,press:core.border.neutral.subtle,selected:core.border.neutral.subtle},tertiary:{rest:core.transparent,hover:core.border.neutral.subtle,press:core.border.neutral.subtle,selected:core.transparent}},foreground:{primary:{rest:core.foreground.knockout.default,hover:core.foreground.knockout.default,press:core.foreground.knockout.default,selected:core.foreground.knockout.default},secondary:{rest:core.foreground.neutral.subtle,hover:core.foreground.neutral.subtle,press:core.foreground.neutral.subtle,selected:core.foreground.neutral.subtle},tertiary:{rest:core.foreground.neutral.default,hover:core.foreground.neutral.default,press:core.foreground.neutral.default,selected:core.foreground.neutral.default}},shadow:{primary:{rest:core.shadow.chonky.neutral.strong,hover:core.shadow.chonky.neutral.strong,press:core.transparent,selected:core.shadow.chonky.neutral.strong},secondary:{rest:core.shadow.chonky.neutral.subtle,hover:core.shadow.chonky.neutral.subtle,press:core.shadow.chonky.neutral.strong,selected:core.shadow.chonky.neutral.subtle},tertiary:{rest:core.transparent,hover:core.shadow.chonky.neutral.subtle,press:core.shadow.chonky.neutral.subtle,selected:core.shadow.chonky.instructive.subtle}}},disabled:{background:{primary:core.background.disabled.default,secondary:core.background.disabled.default,tertiary:core.background.disabled.subtle},border:{primary:core.border.disabled.default,secondary:core.border.disabled.default,tertiary:core.border.disabled.subtle},foreground:{primary:core.foreground.disabled.default,secondary:core.foreground.disabled.default,tertiary:core.foreground.disabled.default},shadow:{primary:core.shadow.chonky.neutral.subtle,secondary:core.shadow.chonky.neutral.subtle,tertiary:core.transparent}}},input:{default:{border:core.border.neutral.default,background:core.background.base.default,foreground:core.foreground.neutral.strong,placeholder:core.foreground.neutral.default},checked:{border:core.border.instructive.default,background:core.background.instructive.default,foreground:core.foreground.knockout.default},disabled:{border:core.border.disabled.default,background:color$1.offWhite,foreground:core.foreground.neutral.default,placeholder:core.foreground.neutral.default},error:{border:core.border.critical.default,background:core.background.critical.subtle,foreground:core.foreground.neutral.strong},readOnly:{background:core.background.base.default,text:core.foreground.neutral.strong,icon:core.transparent}},status:{critical:{background:core.background.critical.subtle,foreground:core.foreground.critical.default},warning:{background:core.background.warning.subtle,foreground:core.foreground.warning.default},success:{background:core.background.success.subtle,foreground:core.foreground.success.default},notice:{background:core.background.instructive.subtle,foreground:core.foreground.instructive.default},neutral:{background:core.background.neutral.subtle,foreground:core.foreground.neutral.strong}},focus:{outer:color$1.blue,inner:color$1.white},link:{rest:core.foreground.instructive.default,hover:core.foreground.instructive.default,press:core.foreground.instructive.strong,disabled:core.foreground.disabled.default},khanmigo:{primary:color$1.eggplant,secondary:color$1.fadedEggplant8},mastery:{primary:color$1.purple},feedback:{info:{subtle:{background:core.background.instructive.subtle,border:core.border.instructive.subtle,icon:core.foreground.instructive.default,text:core.foreground.neutral.strong},strong:{...sharedFeedbackStrongTokens,icon:core.foreground.instructive.default}},success:{subtle:{background:core.background.success.subtle,border:core.border.success.subtle,icon:core.foreground.success.strong,text:core.foreground.neutral.strong},strong:{...sharedFeedbackStrongTokens,icon:core.foreground.success.default}},warning:{subtle:{background:core.background.warning.subtle,border:core.border.warning.default,icon:core.foreground.warning.strong,text:core.foreground.neutral.strong},strong:{...sharedFeedbackStrongTokens,icon:core.foreground.warning.default}},critical:{subtle:{background:core.background.critical.subtle,border:core.border.critical.subtle,icon:core.foreground.critical.default,text:core.foreground.neutral.strong},strong:{...sharedFeedbackStrongTokens,icon:core.foreground.critical.default}},neutral:{subtle:{background:core.background.neutral.subtle,border:core.border.neutral.subtle,icon:core.foreground.neutral.default,text:core.foreground.neutral.strong},strong:{...sharedFeedbackStrongTokens,icon:core.foreground.neutral.subtle}}}};
+const transparent="transparent";const transparentShadowColor=color$1.offBlack16;const core={transparent,border:{instructive:{subtle:color$1.fadedBlue,default:color$1.blue,strong:color$1.activeBlue},neutral:{subtle:color$1.fadedOffBlack16,default:color$1.fadedOffBlack50,strong:color$1.fadedOffBlack72},critical:{subtle:color$1.fadedRed24,default:color$1.red,strong:color$1.activeRed},success:{subtle:color$1.fadedGreen24,default:color$1.green,strong:color$1.activeGreen},warning:{subtle:color$1.fadedGold24,default:color$1.gold,strong:color$1.activeGold},disabled:{subtle:transparent,default:color$1.fadedOffBlack16,strong:color$1.fadedOffBlack32},knockout:{default:color$1.white}},background:{base:{subtle:color$1.offWhite,default:color$1.white,strong:color$1.darkBlue},instructive:{subtle:color$1.fadedBlue8,default:color$1.blue,strong:color$1.activeBlue},neutral:{subtle:color$1.fadedOffBlack8,default:color$1.fadedOffBlack72,strong:color$1.offBlack},critical:{subtle:color$1.fadedRed8,default:color$1.red,strong:color$1.activeRed},success:{subtle:color$1.fadedGreen8,default:color$1.green,strong:color$1.activeGreen},warning:{subtle:color$1.fadedGold8,default:color$1.gold,strong:color$1.activeGold},disabled:{subtle:transparent,default:color$1.fadedOffBlack8,strong:color$1.fadedOffBlack16},overlay:{default:color$1.offBlack50}},foreground:{instructive:{subtle:color$1.fadedBlue,default:color$1.blue,strong:color$1.activeBlue},neutral:{subtle:color$1.fadedOffBlack64,default:color$1.fadedOffBlack72,strong:color$1.offBlack},critical:{subtle:color$1.fadedRed,default:color$1.red,strong:color$1.activeRed},success:{subtle:color$1.fadedGreen24,default:color$1.green,strong:color$1.activeGreen},warning:{subtle:color$1.fadedGold24,default:color$1.gold,strong:color$1.activeGold},disabled:{subtle:color$1.fadedOffBlack16,default:color$1.fadedOffBlack32,strong:color$1.fadedOffBlack50},knockout:{default:color$1.white}},shadow:{transparent:{low:transparentShadowColor,mid:transparentShadowColor,high:transparentShadowColor,color:{subtle:color$1.blue_alpha20,strong:color$1.offBlack16}},chonky:{instructive:{subtle:color$1.fadedBlue,default:color$1.activeBlue},neutral:{subtle:color$1.fadedOffBlack32,default:color$1.fadedOffBlack50,strong:color$1.offBlack},disabled:{subtle:transparent,default:color$1.fadedOffBlack32}}}};const sharedFeedbackStrongTokens={background:core.background.neutral.strong,border:core.border.neutral.strong,text:core.foreground.knockout.default};const semanticColor$1={core,learning:{math:{foreground:{blue:"#3D7586",gold:"#946700",green:"#447A53",gray:"#5D5F66",grayH:"#3B3D45",grayI:"#21242C",purple:"#594094",purpleD:"#8351E8",pink:"#B25071",red:"#D92916"}},background:{gems:{subtle:color.magenta_90,default:color.magenta_80,strong:color.magenta_10},due:{subtle:color.cyan_80,default:color.cyan_60,strong:color.cyan_10},streaks:{subtle:color.orange_80,default:color.orange_60,strong:color.orange_10},progress:{notStarted:{default:color.gray_60},attempted:{default:color.yellow_60},complete:{default:color.green_60}}},border:{gems:{subtle:color.magenta_80,default:color.magenta_60,strong:color.magenta_30},streaks:{subtle:color.orange_80,default:color.orange_60,strong:color.orange_30},due:{subtle:color.cyan_80,default:color.cyan_60,strong:color.cyan_30}},foreground:{gems:{subtle:color.magenta_60,default:color.magenta_30,strong:color.magenta_10},streaks:{subtle:color.orange_60,default:color.orange_30,strong:color.orange_10},due:{subtle:color.cyan_60,default:color.cyan_20,strong:color.cyan_10},progress:{notStarted:{subtle:color.gray_50,strong:color.gray_10},attempted:{subtle:color.yellow_50,strong:color.yellow_10},complete:{strong:color.green_50}}},shadow:{progress:{notStarted:{default:color.gray_20},attempted:{default:color.yellow_30},complete:{default:color.green_30}}},characters:{flesh:{blue:{default:color.blue_30},cyan:{default:color.cyan_30},green:{default:color.green_30},magenta:{default:color.magenta_30},orange:{default:color.orange_30}}}},action:{primary:{progressive:{default:{border:core.transparent,background:core.background.instructive.default,foreground:core.foreground.knockout.default},hover:{border:core.border.instructive.default,background:core.background.instructive.default,foreground:core.foreground.knockout.default},press:{border:core.border.instructive.strong,background:core.background.instructive.strong,foreground:core.foreground.knockout.default}},destructive:{default:{border:core.transparent,background:core.background.critical.default,foreground:core.foreground.knockout.default},hover:{border:core.border.critical.default,background:core.background.critical.default,foreground:core.foreground.knockout.default},press:{border:core.border.critical.strong,background:core.background.critical.strong,foreground:core.foreground.knockout.default}},neutral:{default:{border:core.transparent,background:core.background.neutral.default,foreground:core.foreground.knockout.default},hover:{border:core.border.neutral.default,background:core.background.neutral.default,foreground:core.foreground.knockout.default},press:{border:core.border.neutral.strong,background:core.background.neutral.strong,foreground:core.foreground.knockout.default}},disabled:{border:core.border.disabled.strong,background:core.border.disabled.strong,foreground:core.foreground.knockout.default}},secondary:{progressive:{default:{border:core.border.neutral.default,background:core.transparent,foreground:core.foreground.instructive.default},hover:{border:core.border.instructive.default,background:core.transparent,foreground:core.foreground.instructive.default},press:{border:core.border.instructive.strong,background:core.background.instructive.subtle,foreground:core.foreground.instructive.strong}},destructive:{default:{border:core.border.neutral.default,background:core.transparent,foreground:core.foreground.critical.default},hover:{border:core.border.critical.default,background:core.transparent,foreground:core.foreground.critical.default},press:{border:core.border.critical.strong,background:core.background.critical.subtle,foreground:core.foreground.critical.strong}},neutral:{default:{border:core.border.neutral.default,background:core.transparent,foreground:core.foreground.neutral.default},hover:{border:core.border.neutral.default,background:core.transparent,foreground:core.foreground.neutral.default},press:{border:core.border.neutral.strong,background:core.background.neutral.subtle,foreground:core.foreground.neutral.strong}},disabled:{border:core.border.disabled.strong,background:core.background.disabled.subtle,foreground:core.foreground.disabled.default}},tertiary:{progressive:{default:{border:core.transparent,background:core.transparent,foreground:core.foreground.instructive.default},hover:{border:core.border.instructive.default,background:core.transparent,foreground:core.foreground.instructive.default},press:{border:core.border.instructive.strong,background:core.transparent,foreground:core.foreground.instructive.strong}},destructive:{default:{border:core.transparent,background:core.transparent,foreground:core.foreground.critical.default},hover:{border:core.border.critical.default,background:core.transparent,foreground:core.foreground.critical.default},press:{border:core.border.critical.strong,background:core.transparent,foreground:core.foreground.critical.strong}},neutral:{default:{border:core.transparent,background:core.transparent,foreground:core.foreground.neutral.default},hover:{border:core.border.neutral.default,background:core.transparent,foreground:core.foreground.neutral.default},press:{border:core.border.neutral.strong,background:core.transparent,foreground:core.foreground.neutral.strong}},disabled:{border:core.border.disabled.default,background:core.background.disabled.subtle,foreground:core.foreground.disabled.default}}},chonky:{progressive:{background:{primary:{rest:core.background.instructive.default,hover:core.background.instructive.default,press:core.background.instructive.default,selected:core.background.instructive.default},secondary:{rest:core.background.instructive.subtle,hover:core.background.instructive.subtle,press:core.background.instructive.subtle,selected:core.background.instructive.subtle},tertiary:{rest:core.transparent,hover:core.transparent,press:core.transparent,selected:core.transparent}},border:{primary:{rest:core.transparent,hover:core.transparent,press:core.transparent,selected:core.transparent},secondary:{rest:core.border.instructive.subtle,hover:core.border.instructive.subtle,press:core.border.instructive.subtle,selected:core.border.instructive.subtle},tertiary:{rest:core.transparent,hover:core.border.neutral.subtle,press:core.border.neutral.subtle,selected:core.border.instructive.subtle}},foreground:{primary:{rest:core.foreground.knockout.default,hover:core.foreground.knockout.default,press:core.foreground.knockout.default,selected:core.foreground.knockout.default},secondary:{rest:core.foreground.instructive.default,hover:core.foreground.instructive.default,press:core.foreground.instructive.strong,selected:core.foreground.instructive.strong},tertiary:{rest:core.foreground.instructive.default,hover:core.foreground.instructive.default,press:core.foreground.instructive.strong,selected:core.foreground.instructive.strong}},shadow:{primary:{rest:core.shadow.chonky.instructive.default,hover:core.shadow.chonky.instructive.default,press:core.shadow.chonky.instructive.default,selected:core.shadow.chonky.instructive.default},secondary:{rest:core.shadow.chonky.instructive.subtle,hover:core.shadow.chonky.instructive.subtle,press:core.shadow.chonky.instructive.subtle,selected:core.shadow.chonky.instructive.subtle},tertiary:{rest:core.transparent,hover:core.shadow.chonky.neutral.subtle,press:core.shadow.chonky.neutral.subtle,selected:core.shadow.chonky.instructive.subtle}}},neutral:{background:{primary:{rest:core.background.neutral.default,hover:core.background.neutral.default,press:core.background.neutral.default,selected:core.background.neutral.default},secondary:{rest:core.transparent,hover:core.transparent,press:core.transparent,selected:core.background.neutral.subtle},tertiary:{rest:core.transparent,hover:core.transparent,press:core.transparent,selected:core.transparent}},border:{primary:{rest:core.transparent,hover:core.transparent,press:core.transparent,selected:core.transparent},secondary:{rest:core.border.neutral.subtle,hover:core.border.neutral.subtle,press:core.border.neutral.subtle,selected:core.border.neutral.subtle},tertiary:{rest:core.transparent,hover:core.border.neutral.subtle,press:core.border.neutral.subtle,selected:core.transparent}},foreground:{primary:{rest:core.foreground.knockout.default,hover:core.foreground.knockout.default,press:core.foreground.knockout.default,selected:core.foreground.knockout.default},secondary:{rest:core.foreground.neutral.subtle,hover:core.foreground.neutral.subtle,press:core.foreground.neutral.subtle,selected:core.foreground.neutral.subtle},tertiary:{rest:core.foreground.neutral.default,hover:core.foreground.neutral.default,press:core.foreground.neutral.default,selected:core.foreground.neutral.default}},shadow:{primary:{rest:core.shadow.chonky.neutral.strong,hover:core.shadow.chonky.neutral.strong,press:core.transparent,selected:core.shadow.chonky.neutral.strong},secondary:{rest:core.shadow.chonky.neutral.subtle,hover:core.shadow.chonky.neutral.subtle,press:core.shadow.chonky.neutral.strong,selected:core.shadow.chonky.neutral.subtle},tertiary:{rest:core.transparent,hover:core.shadow.chonky.neutral.subtle,press:core.shadow.chonky.neutral.subtle,selected:core.shadow.chonky.instructive.subtle}}},disabled:{background:{primary:core.background.disabled.default,secondary:core.background.disabled.default,tertiary:core.background.disabled.subtle},border:{primary:core.border.disabled.default,secondary:core.border.disabled.default,tertiary:core.border.disabled.subtle},foreground:{primary:core.foreground.disabled.default,secondary:core.foreground.disabled.default,tertiary:core.foreground.disabled.default},shadow:{primary:core.shadow.chonky.disabled.default,secondary:core.shadow.chonky.disabled.default,tertiary:core.shadow.chonky.disabled.subtle}}},input:{default:{border:core.border.neutral.default,background:core.background.base.default,foreground:core.foreground.neutral.strong,placeholder:core.foreground.neutral.default},checked:{border:core.border.instructive.default,background:core.background.instructive.default,foreground:core.foreground.knockout.default},disabled:{border:core.border.disabled.default,background:color$1.offWhite,foreground:core.foreground.neutral.default,placeholder:core.foreground.neutral.default},error:{border:core.border.critical.default,background:core.background.critical.subtle,foreground:core.foreground.neutral.strong},readOnly:{background:core.background.base.default,text:core.foreground.neutral.strong,icon:core.transparent}},status:{critical:{background:core.background.critical.subtle,foreground:core.foreground.critical.default},warning:{background:core.background.warning.subtle,foreground:core.foreground.warning.default},success:{background:core.background.success.subtle,foreground:core.foreground.success.default},notice:{background:core.background.instructive.subtle,foreground:core.foreground.instructive.default},neutral:{background:core.background.neutral.subtle,foreground:core.foreground.neutral.strong}},focus:{outer:color$1.blue,inner:color$1.white},link:{rest:core.foreground.instructive.default,hover:core.foreground.instructive.default,press:core.foreground.instructive.strong,disabled:core.foreground.disabled.default},khanmigo:{primary:color$1.eggplant,secondary:color$1.fadedEggplant8},mastery:{primary:color$1.purple},feedback:{info:{subtle:{background:core.background.instructive.subtle,border:core.border.instructive.subtle,icon:core.foreground.instructive.default,text:core.foreground.neutral.strong},strong:{...sharedFeedbackStrongTokens,icon:core.foreground.instructive.default}},success:{subtle:{background:core.background.success.subtle,border:core.border.success.subtle,icon:core.foreground.success.strong,text:core.foreground.neutral.strong},strong:{...sharedFeedbackStrongTokens,icon:core.foreground.success.default}},warning:{subtle:{background:core.background.warning.subtle,border:core.border.warning.default,icon:core.foreground.warning.strong,text:core.foreground.neutral.strong},strong:{...sharedFeedbackStrongTokens,icon:core.foreground.warning.default}},critical:{subtle:{background:core.background.critical.subtle,border:core.border.critical.subtle,icon:core.foreground.critical.default,text:core.foreground.neutral.strong},strong:{...sharedFeedbackStrongTokens,icon:core.foreground.critical.default}},neutral:{subtle:{background:core.background.neutral.subtle,border:core.border.neutral.subtle,icon:core.foreground.neutral.default,text:core.foreground.neutral.strong},strong:{...sharedFeedbackStrongTokens,icon:core.foreground.neutral.subtle}}}};
 
 const border$1={radius:{radius_0:remToPx(sizing$1.size_0),radius_010:remToPx(sizing$1.size_010),radius_040:remToPx(sizing$1.size_040),radius_080:remToPx(sizing$1.size_080),radius_120:remToPx(sizing$1.size_120),radius_240:remToPx(sizing$1.size_240),radius_full:"50%"},width:{none:remToPx(sizing$1.size_0),thin:remToPx(sizing$1.size_010),medium:remToPx(sizing$1.size_020),thick:remToPx(sizing$1.size_040)}};
 

package/dist/index.d.ts

@@ -156,6 +156,10 @@ declare const border: {
                     default: string;
                     strong: string;
                 };
+                disabled: {
+                    subtle: string;
+                    default: string;
+                };
             };
         };
     };

package/dist/index.js

@@ -22,9 +22,9 @@ const sizing$1={size_0:pxToRem(0),size_010:pxToRem(1),size_020:pxToRem(2),size_0
 
 const fontFamily={sans:'Lato, "Noto Sans", sans-serif',serif:'"Noto Serif", serif',mono:"Inconsolata, monospace"};const fontWeight={light:300,regular:400,semi:400,bold:700,black:900};const font$1={family:{sans:fontFamily.sans,serif:fontFamily.serif,mono:fontFamily.mono},size:{xxxLarge:sizing$1.size_360,xxLarge:sizing$1.size_280,xLarge:sizing$1.size_240,large:sizing$1.size_200,medium:sizing$1.size_160,small:sizing$1.size_140,xSmall:sizing$1.size_120},lineHeight:{xxxLarge:sizing$1.size_400,xxLarge:sizing$1.size_320,xLarge:sizing$1.size_280,large:sizing$1.size_240,xMedium:sizing$1.size_220,medium:sizing$1.size_200,small:sizing$1.size_180,xSmall:sizing$1.size_160},weight:{light:fontWeight.light,regular:fontWeight.regular,medium:fontWeight.regular,semi:fontWeight.regular,bold:fontWeight.bold,black:fontWeight.black},body:{size:{xsmall:sizing$1.size_120,small:sizing$1.size_140,medium:sizing$1.size_160},lineHeight:{xsmall:sizing$1.size_160,small:sizing$1.size_180,medium:sizing$1.size_200,large:sizing$1.size_220}},heading:{size:{small:sizing$1.size_120,medium:sizing$1.size_200,large:sizing$1.size_240,xlarge:sizing$1.size_280,xxlarge:sizing$1.size_360},lineHeight:{small:sizing$1.size_160,medium:sizing$1.size_240,large:sizing$1.size_280,xlarge:sizing$1.size_320,xxlarge:sizing$1.size_400}},textDecoration:{underlineOffset:sizing$1.size_020,thickness:sizing$1.size_010}};
 
-const black="#151521";const white="#FFFFFF";const blue30="#5753FA";const blue05="#252368";const color={red_90:"#FEF4F4",red_80:"#FFEBEB",red_70:"#FDDFDF",red_60:"#FBB1B1",red_50:"#F97F7F",red_40:"#ED5656",red_30:"#E22D2D",red_20:"#BE2626",red_10:"#8E1C1C",red_05:"#621414",red_01:"#3B141A",orange_90:"#FEF4F2",orange_80:"#FEE9E5",orange_70:"#FEDFD8",orange_60:"#FEBFB1",orange_50:"#FAA185",orange_40:"#F97B4F",orange_30:"#F8551A",orange_20:"#C8481A",orange_10:"#983C1A",orange_05:"#672912",orange_01:"#3E1F19",yellow_90:"#FEF8E7",yellow_80:"#FEF1D0",yellow_70:"#FEEAB8",yellow_60:"#FEE7AD",yellow_50:"#FDD673",yellow_40:"#FCC539",yellow_30:"#FCB706",yellow_20:"#D69900",yellow_10:"#966B00",yellow_05:"#5F4500",yellow_01:"#3A2D10",green_90:"#F1FBF1",green_80:"#E3F7E3",green_70:"#D5F3D5",green_60:"#BCEBBB",green_50:"#97D39E",green_40:"#72BB82",green_30:"#579F6C",green_20:"#3C6D4A",green_10:"#2C5037",green_05:"#24432D",green_01:"#1C2C27",cyan_90:"#EEF7FE",cyan_80:"#DDF0FE",cyan_70:"#CCE9FE",cyan_60:"#A9DAFD",cyan_50:"#87CBFC",cyan_40:"#57BAFD",cyan_30:"#28A9FF",cyan_20:"#2485C7",cyan_10:"#20628F",cyan_05:"#1D3F58",cyan_01:"#192A3C",blue_90:"#F8F9FB",blue_80:"#EBF1FD",blue_70:"#DFEAFF",blue_60:"#BFCAFF",blue_50:"#8DA2FF",blue_40:"#6C82FF",blue_30:blue30,blue_20:"#4340D0",blue_10:"#363498",blue_05:blue05,blue_01:"#222149",blue_30_alpha20:`${blue30}33`,blue_05_alpha20:`${blue05}33`,magenta_90:"#FCEEF7",magenta_80:"#FFE3F4",magenta_70:"#FAD4EC",magenta_60:"#F9BBE1",magenta_50:"#F8A2D6",magenta_40:"#F670C1",magenta_30:"#E83FA4",magenta_20:"#BB3183",magenta_10:"#84275E",magenta_05:"#521B3C",magenta_01:"#33182E",gray_90:"#F6F6F6",gray_80:"#EDEDEE",gray_70:"#E0E0E1",gray_60:"#CBCBCD",gray_50:"#B5B6B9",gray_40:"#A0A1A4",gray_30:"#8A8B90",gray_20:"#717279",gray_10:"#4A4C53",gray_05:"#252531",gray_01:"#1D1D29",black_100:black,black_90:fade(black,.9),black_80:fade(black,.8),black_70:fade(black,.7),black_60:fade(black,.6),black_50:fade(black,.5),black_40:fade(black,.4),black_30:fade(black,.3),black_20:fade(black,.2),black_10:fade(black,.1),black_01:fade(black,.01),black_00:fade(black,0),white_100:white,white_90:fade(white,.9),white_80:fade(white,.8),white_70:fade(white,.7),white_60:fade(white,.6),white_50:fade(white,.5),white_40:fade(white,.4),white_30:fade(white,.3),white_20:fade(white,.2),white_10:fade(white,.1),white_01:fade(white,.01),white_00:fade(white,0)};
+const black="#151521";const white="#FFFFFF";const blue30="#5753FA";const blue05="#252368";const color={red_90:"#FEF4F4",red_80:"#FFEBEB",red_70:"#FDDFDF",red_60:"#FBB1B1",red_50:"#F97F7F",red_40:"#ED5656",red_30:"#E22D2D",red_20:"#BE2626",red_10:"#8E1C1C",red_05:"#621414",red_01:"#3B141A",orange_90:"#FEF4F2",orange_80:"#FEE9E5",orange_70:"#FEDFD8",orange_60:"#FEBFB1",orange_50:"#FAA185",orange_40:"#F97B4F",orange_30:"#F8551A",orange_20:"#C8481A",orange_10:"#983C1A",orange_05:"#672912",orange_01:"#3E1F19",yellow_90:"#FEF8E7",yellow_80:"#FEF1D0",yellow_70:"#FEEAB8",yellow_60:"#FEE7AD",yellow_50:"#FDD673",yellow_40:"#FCC539",yellow_30:"#FCB706",yellow_20:"#D69900",yellow_10:"#966B00",yellow_05:"#5F4500",yellow_01:"#312405",green_90:"#F1FBF1",green_80:"#E3F7E3",green_70:"#D5F3D5",green_60:"#BCEBBB",green_50:"#97D39E",green_40:"#72BB82",green_30:"#579F6C",green_20:"#3C6D4A",green_10:"#2C5037",green_05:"#24432D",green_01:"#1A2924",cyan_90:"#EEF7FE",cyan_80:"#DDF0FE",cyan_70:"#CCE9FE",cyan_60:"#A9DAFD",cyan_50:"#87CBFC",cyan_40:"#57BAFD",cyan_30:"#28A9FF",cyan_20:"#2485C7",cyan_10:"#20628F",cyan_05:"#1D3F58",cyan_01:"#192A3C",blue_90:"#F8F9FB",blue_80:"#EBF1FD",blue_70:"#DFEAFF",blue_60:"#BFCAFF",blue_50:"#8DA2FF",blue_40:"#6C82FF",blue_30:blue30,blue_20:"#4340D0",blue_10:"#363498",blue_05:blue05,blue_01:"#222149",blue_30_alpha20:`${blue30}33`,blue_05_alpha20:`${blue05}33`,magenta_90:"#FCEEF7",magenta_80:"#FFE3F4",magenta_70:"#FAD4EC",magenta_60:"#F9BBE1",magenta_50:"#F8A2D6",magenta_40:"#F670C1",magenta_30:"#E83FA4",magenta_20:"#BB3183",magenta_10:"#84275E",magenta_05:"#521B3C",magenta_01:"#33182E",gray_90:"#F6F6F6",gray_80:"#EDEDEE",gray_70:"#E0E0E1",gray_60:"#CBCBCD",gray_50:"#B5B6B9",gray_40:"#A0A1A4",gray_30:"#8A8B90",gray_20:"#717279",gray_10:"#4A4C53",gray_05:"#252531",gray_01:"#1D1D29",black_100:black,black_90:fade(black,.9),black_80:fade(black,.8),black_70:fade(black,.7),black_60:fade(black,.6),black_50:fade(black,.5),black_40:fade(black,.4),black_30:fade(black,.3),black_20:fade(black,.2),black_10:fade(black,.1),black_01:fade(black,.01),black_00:fade(black,0),white_100:white,white_90:fade(white,.9),white_80:fade(white,.8),white_70:fade(white,.7),white_60:fade(white,.6),white_50:fade(white,.5),white_40:fade(white,.4),white_30:fade(white,.3),white_20:fade(white,.2),white_10:fade(white,.1),white_01:fade(white,.01),white_00:fade(white,0)};
 
-const transparent="transparent";const transparentShadowColor=color$1.offBlack16;const core={transparent,border:{instructive:{subtle:color$1.fadedBlue,default:color$1.blue,strong:color$1.activeBlue},neutral:{subtle:color$1.fadedOffBlack16,default:color$1.fadedOffBlack50,strong:color$1.fadedOffBlack72},critical:{subtle:color$1.fadedRed24,default:color$1.red,strong:color$1.activeRed},success:{subtle:color$1.fadedGreen24,default:color$1.green,strong:color$1.activeGreen},warning:{subtle:color$1.fadedGold24,default:color$1.gold,strong:color$1.activeGold},disabled:{subtle:transparent,default:color$1.fadedOffBlack16,strong:color$1.fadedOffBlack32},knockout:{default:color$1.white}},background:{base:{subtle:color$1.offWhite,default:color$1.white,strong:color$1.darkBlue},instructive:{subtle:color$1.fadedBlue8,default:color$1.blue,strong:color$1.activeBlue},neutral:{subtle:color$1.fadedOffBlack8,default:color$1.fadedOffBlack72,strong:color$1.offBlack},critical:{subtle:color$1.fadedRed8,default:color$1.red,strong:color$1.activeRed},success:{subtle:color$1.fadedGreen8,default:color$1.green,strong:color$1.activeGreen},warning:{subtle:color$1.fadedGold8,default:color$1.gold,strong:color$1.activeGold},disabled:{subtle:transparent,default:color$1.fadedOffBlack8,strong:color$1.fadedOffBlack16},overlay:{default:color$1.offBlack50}},foreground:{instructive:{subtle:color$1.fadedBlue,default:color$1.blue,strong:color$1.activeBlue},neutral:{subtle:color$1.fadedOffBlack64,default:color$1.fadedOffBlack72,strong:color$1.offBlack},critical:{subtle:color$1.fadedRed,default:color$1.red,strong:color$1.activeRed},success:{subtle:color$1.fadedGreen24,default:color$1.green,strong:color$1.activeGreen},warning:{subtle:color$1.fadedGold24,default:color$1.gold,strong:color$1.activeGold},disabled:{subtle:color$1.fadedOffBlack16,default:color$1.fadedOffBlack32,strong:color$1.fadedOffBlack50},knockout:{default:color$1.white}},shadow:{transparent:{low:transparentShadowColor,mid:transparentShadowColor,high:transparentShadowColor,color:{subtle:color$1.blue_alpha20,strong:color$1.offBlack16}},chonky:{instructive:{subtle:color$1.fadedBlue,default:color$1.activeBlue},neutral:{subtle:color$1.fadedOffBlack32,default:color$1.fadedOffBlack50,strong:color$1.offBlack}}}};const sharedFeedbackStrongTokens={background:core.background.neutral.strong,border:core.border.neutral.strong,text:core.foreground.knockout.default};const semanticColor$1={core,learning:{math:{foreground:{blue:"#3D7586",gold:"#946700",green:"#447A53",gray:"#5D5F66",grayH:"#3B3D45",grayI:"#21242C",purple:"#594094",purpleD:"#8351E8",pink:"#B25071",red:"#D92916"}},background:{gems:{subtle:color.magenta_90,default:color.magenta_80,strong:color.magenta_10},due:{subtle:color.cyan_80,default:color.cyan_60,strong:color.cyan_10},streaks:{subtle:color.orange_80,default:color.orange_60,strong:color.orange_10},progress:{notStarted:{default:color.gray_60},attempted:{default:color.yellow_60},complete:{default:color.green_60}}},border:{gems:{subtle:color.magenta_80,default:color.magenta_60,strong:color.magenta_30},streaks:{subtle:color.orange_80,default:color.orange_60,strong:color.orange_30},due:{subtle:color.cyan_80,default:color.cyan_60,strong:color.cyan_30}},foreground:{gems:{subtle:color.magenta_60,default:color.magenta_30,strong:color.magenta_10},streaks:{subtle:color.orange_60,default:color.orange_30,strong:color.orange_10},due:{subtle:color.cyan_60,default:color.cyan_20,strong:color.cyan_10},progress:{notStarted:{subtle:color.gray_50,strong:color.gray_10},attempted:{subtle:color.yellow_50,strong:color.yellow_10},complete:{strong:color.green_50}}},shadow:{progress:{notStarted:{default:color.gray_20},attempted:{default:color.yellow_30},complete:{default:color.green_30}}},characters:{flesh:{blue:{default:color.blue_30},cyan:{default:color.cyan_30},green:{default:color.green_30},magenta:{default:color.magenta_30},orange:{default:color.orange_30}}}},action:{primary:{progressive:{default:{border:core.transparent,background:core.background.instructive.default,foreground:core.foreground.knockout.default},hover:{border:core.border.instructive.default,background:core.background.instructive.default,foreground:core.foreground.knockout.default},press:{border:core.border.instructive.strong,background:core.background.instructive.strong,foreground:core.foreground.knockout.default}},destructive:{default:{border:core.transparent,background:core.background.critical.default,foreground:core.foreground.knockout.default},hover:{border:core.border.critical.default,background:core.background.critical.default,foreground:core.foreground.knockout.default},press:{border:core.border.critical.strong,background:core.background.critical.strong,foreground:core.foreground.knockout.default}},neutral:{default:{border:core.transparent,background:core.background.neutral.default,foreground:core.foreground.knockout.default},hover:{border:core.border.neutral.default,background:core.background.neutral.default,foreground:core.foreground.knockout.default},press:{border:core.border.neutral.strong,background:core.background.neutral.strong,foreground:core.foreground.knockout.default}},disabled:{border:core.border.disabled.strong,background:core.border.disabled.strong,foreground:core.foreground.knockout.default}},secondary:{progressive:{default:{border:core.border.neutral.default,background:core.transparent,foreground:core.foreground.instructive.default},hover:{border:core.border.instructive.default,background:core.transparent,foreground:core.foreground.instructive.default},press:{border:core.border.instructive.strong,background:core.background.instructive.subtle,foreground:core.foreground.instructive.strong}},destructive:{default:{border:core.border.neutral.default,background:core.transparent,foreground:core.foreground.critical.default},hover:{border:core.border.critical.default,background:core.transparent,foreground:core.foreground.critical.default},press:{border:core.border.critical.strong,background:core.background.critical.subtle,foreground:core.foreground.critical.strong}},neutral:{default:{border:core.border.neutral.default,background:core.transparent,foreground:core.foreground.neutral.default},hover:{border:core.border.neutral.default,background:core.transparent,foreground:core.foreground.neutral.default},press:{border:core.border.neutral.strong,background:core.background.neutral.subtle,foreground:core.foreground.neutral.strong}},disabled:{border:core.border.disabled.strong,background:core.background.disabled.subtle,foreground:core.foreground.disabled.default}},tertiary:{progressive:{default:{border:core.transparent,background:core.transparent,foreground:core.foreground.instructive.default},hover:{border:core.border.instructive.default,background:core.transparent,foreground:core.foreground.instructive.default},press:{border:core.border.instructive.strong,background:core.transparent,foreground:core.foreground.instructive.strong}},destructive:{default:{border:core.transparent,background:core.transparent,foreground:core.foreground.critical.default},hover:{border:core.border.critical.default,background:core.transparent,foreground:core.foreground.critical.default},press:{border:core.border.critical.strong,background:core.transparent,foreground:core.foreground.critical.strong}},neutral:{default:{border:core.transparent,background:core.transparent,foreground:core.foreground.neutral.default},hover:{border:core.border.neutral.default,background:core.transparent,foreground:core.foreground.neutral.default},press:{border:core.border.neutral.strong,background:core.transparent,foreground:core.foreground.neutral.strong}},disabled:{border:core.border.disabled.default,background:core.background.disabled.subtle,foreground:core.foreground.disabled.default}}},chonky:{progressive:{background:{primary:{rest:core.background.instructive.default,hover:core.background.instructive.default,press:core.background.instructive.default,selected:core.background.instructive.default},secondary:{rest:core.background.instructive.subtle,hover:core.background.instructive.subtle,press:core.background.instructive.subtle,selected:core.background.instructive.subtle},tertiary:{rest:core.transparent,hover:core.transparent,press:core.transparent,selected:core.transparent}},border:{primary:{rest:core.transparent,hover:core.transparent,press:core.transparent,selected:core.transparent},secondary:{rest:core.border.instructive.subtle,hover:core.border.instructive.subtle,press:core.border.instructive.subtle,selected:core.border.instructive.subtle},tertiary:{rest:core.transparent,hover:core.border.neutral.subtle,press:core.border.neutral.subtle,selected:core.border.instructive.subtle}},foreground:{primary:{rest:core.foreground.knockout.default,hover:core.foreground.knockout.default,press:core.foreground.knockout.default,selected:core.foreground.knockout.default},secondary:{rest:core.foreground.instructive.default,hover:core.foreground.instructive.default,press:core.foreground.instructive.strong,selected:core.foreground.instructive.strong},tertiary:{rest:core.foreground.instructive.default,hover:core.foreground.instructive.default,press:core.foreground.instructive.strong,selected:core.foreground.instructive.strong}},shadow:{primary:{rest:core.shadow.chonky.instructive.default,hover:core.shadow.chonky.instructive.default,press:core.shadow.chonky.instructive.default,selected:core.shadow.chonky.instructive.default},secondary:{rest:core.shadow.chonky.instructive.subtle,hover:core.shadow.chonky.instructive.subtle,press:core.shadow.chonky.instructive.subtle,selected:core.shadow.chonky.instructive.subtle},tertiary:{rest:core.transparent,hover:core.shadow.chonky.neutral.subtle,press:core.shadow.chonky.neutral.subtle,selected:core.shadow.chonky.instructive.subtle}}},neutral:{background:{primary:{rest:core.background.neutral.default,hover:core.background.neutral.default,press:core.background.neutral.default,selected:core.background.neutral.default},secondary:{rest:core.transparent,hover:core.transparent,press:core.transparent,selected:core.background.neutral.subtle},tertiary:{rest:core.transparent,hover:core.transparent,press:core.transparent,selected:core.transparent}},border:{primary:{rest:core.transparent,hover:core.transparent,press:core.transparent,selected:core.transparent},secondary:{rest:core.border.neutral.subtle,hover:core.border.neutral.subtle,press:core.border.neutral.subtle,selected:core.border.neutral.subtle},tertiary:{rest:core.transparent,hover:core.border.neutral.subtle,press:core.border.neutral.subtle,selected:core.transparent}},foreground:{primary:{rest:core.foreground.knockout.default,hover:core.foreground.knockout.default,press:core.foreground.knockout.default,selected:core.foreground.knockout.default},secondary:{rest:core.foreground.neutral.subtle,hover:core.foreground.neutral.subtle,press:core.foreground.neutral.subtle,selected:core.foreground.neutral.subtle},tertiary:{rest:core.foreground.neutral.default,hover:core.foreground.neutral.default,press:core.foreground.neutral.default,selected:core.foreground.neutral.default}},shadow:{primary:{rest:core.shadow.chonky.neutral.strong,hover:core.shadow.chonky.neutral.strong,press:core.transparent,selected:core.shadow.chonky.neutral.strong},secondary:{rest:core.shadow.chonky.neutral.subtle,hover:core.shadow.chonky.neutral.subtle,press:core.shadow.chonky.neutral.strong,selected:core.shadow.chonky.neutral.subtle},tertiary:{rest:core.transparent,hover:core.shadow.chonky.neutral.subtle,press:core.shadow.chonky.neutral.subtle,selected:core.shadow.chonky.instructive.subtle}}},disabled:{background:{primary:core.background.disabled.default,secondary:core.background.disabled.default,tertiary:core.background.disabled.subtle},border:{primary:core.border.disabled.default,secondary:core.border.disabled.default,tertiary:core.border.disabled.subtle},foreground:{primary:core.foreground.disabled.default,secondary:core.foreground.disabled.default,tertiary:core.foreground.disabled.default},shadow:{primary:core.shadow.chonky.neutral.subtle,secondary:core.shadow.chonky.neutral.subtle,tertiary:core.transparent}}},input:{default:{border:core.border.neutral.default,background:core.background.base.default,foreground:core.foreground.neutral.strong,placeholder:core.foreground.neutral.default},checked:{border:core.border.instructive.default,background:core.background.instructive.default,foreground:core.foreground.knockout.default},disabled:{border:core.border.disabled.default,background:color$1.offWhite,foreground:core.foreground.neutral.default,placeholder:core.foreground.neutral.default},error:{border:core.border.critical.default,background:core.background.critical.subtle,foreground:core.foreground.neutral.strong},readOnly:{background:core.background.base.default,text:core.foreground.neutral.strong,icon:core.transparent}},status:{critical:{background:core.background.critical.subtle,foreground:core.foreground.critical.default},warning:{background:core.background.warning.subtle,foreground:core.foreground.warning.default},success:{background:core.background.success.subtle,foreground:core.foreground.success.default},notice:{background:core.background.instructive.subtle,foreground:core.foreground.instructive.default},neutral:{background:core.background.neutral.subtle,foreground:core.foreground.neutral.strong}},focus:{outer:color$1.blue,inner:color$1.white},link:{rest:core.foreground.instructive.default,hover:core.foreground.instructive.default,press:core.foreground.instructive.strong,disabled:core.foreground.disabled.default},khanmigo:{primary:color$1.eggplant,secondary:color$1.fadedEggplant8},mastery:{primary:color$1.purple},feedback:{info:{subtle:{background:core.background.instructive.subtle,border:core.border.instructive.subtle,icon:core.foreground.instructive.default,text:core.foreground.neutral.strong},strong:{...sharedFeedbackStrongTokens,icon:core.foreground.instructive.default}},success:{subtle:{background:core.background.success.subtle,border:core.border.success.subtle,icon:core.foreground.success.strong,text:core.foreground.neutral.strong},strong:{...sharedFeedbackStrongTokens,icon:core.foreground.success.default}},warning:{subtle:{background:core.background.warning.subtle,border:core.border.warning.default,icon:core.foreground.warning.strong,text:core.foreground.neutral.strong},strong:{...sharedFeedbackStrongTokens,icon:core.foreground.warning.default}},critical:{subtle:{background:core.background.critical.subtle,border:core.border.critical.subtle,icon:core.foreground.critical.default,text:core.foreground.neutral.strong},strong:{...sharedFeedbackStrongTokens,icon:core.foreground.critical.default}},neutral:{subtle:{background:core.background.neutral.subtle,border:core.border.neutral.subtle,icon:core.foreground.neutral.default,text:core.foreground.neutral.strong},strong:{...sharedFeedbackStrongTokens,icon:core.foreground.neutral.subtle}}}};
+const transparent="transparent";const transparentShadowColor=color$1.offBlack16;const core={transparent,border:{instructive:{subtle:color$1.fadedBlue,default:color$1.blue,strong:color$1.activeBlue},neutral:{subtle:color$1.fadedOffBlack16,default:color$1.fadedOffBlack50,strong:color$1.fadedOffBlack72},critical:{subtle:color$1.fadedRed24,default:color$1.red,strong:color$1.activeRed},success:{subtle:color$1.fadedGreen24,default:color$1.green,strong:color$1.activeGreen},warning:{subtle:color$1.fadedGold24,default:color$1.gold,strong:color$1.activeGold},disabled:{subtle:transparent,default:color$1.fadedOffBlack16,strong:color$1.fadedOffBlack32},knockout:{default:color$1.white}},background:{base:{subtle:color$1.offWhite,default:color$1.white,strong:color$1.darkBlue},instructive:{subtle:color$1.fadedBlue8,default:color$1.blue,strong:color$1.activeBlue},neutral:{subtle:color$1.fadedOffBlack8,default:color$1.fadedOffBlack72,strong:color$1.offBlack},critical:{subtle:color$1.fadedRed8,default:color$1.red,strong:color$1.activeRed},success:{subtle:color$1.fadedGreen8,default:color$1.green,strong:color$1.activeGreen},warning:{subtle:color$1.fadedGold8,default:color$1.gold,strong:color$1.activeGold},disabled:{subtle:transparent,default:color$1.fadedOffBlack8,strong:color$1.fadedOffBlack16},overlay:{default:color$1.offBlack50}},foreground:{instructive:{subtle:color$1.fadedBlue,default:color$1.blue,strong:color$1.activeBlue},neutral:{subtle:color$1.fadedOffBlack64,default:color$1.fadedOffBlack72,strong:color$1.offBlack},critical:{subtle:color$1.fadedRed,default:color$1.red,strong:color$1.activeRed},success:{subtle:color$1.fadedGreen24,default:color$1.green,strong:color$1.activeGreen},warning:{subtle:color$1.fadedGold24,default:color$1.gold,strong:color$1.activeGold},disabled:{subtle:color$1.fadedOffBlack16,default:color$1.fadedOffBlack32,strong:color$1.fadedOffBlack50},knockout:{default:color$1.white}},shadow:{transparent:{low:transparentShadowColor,mid:transparentShadowColor,high:transparentShadowColor,color:{subtle:color$1.blue_alpha20,strong:color$1.offBlack16}},chonky:{instructive:{subtle:color$1.fadedBlue,default:color$1.activeBlue},neutral:{subtle:color$1.fadedOffBlack32,default:color$1.fadedOffBlack50,strong:color$1.offBlack},disabled:{subtle:transparent,default:color$1.fadedOffBlack32}}}};const sharedFeedbackStrongTokens={background:core.background.neutral.strong,border:core.border.neutral.strong,text:core.foreground.knockout.default};const semanticColor$1={core,learning:{math:{foreground:{blue:"#3D7586",gold:"#946700",green:"#447A53",gray:"#5D5F66",grayH:"#3B3D45",grayI:"#21242C",purple:"#594094",purpleD:"#8351E8",pink:"#B25071",red:"#D92916"}},background:{gems:{subtle:color.magenta_90,default:color.magenta_80,strong:color.magenta_10},due:{subtle:color.cyan_80,default:color.cyan_60,strong:color.cyan_10},streaks:{subtle:color.orange_80,default:color.orange_60,strong:color.orange_10},progress:{notStarted:{default:color.gray_60},attempted:{default:color.yellow_60},complete:{default:color.green_60}}},border:{gems:{subtle:color.magenta_80,default:color.magenta_60,strong:color.magenta_30},streaks:{subtle:color.orange_80,default:color.orange_60,strong:color.orange_30},due:{subtle:color.cyan_80,default:color.cyan_60,strong:color.cyan_30}},foreground:{gems:{subtle:color.magenta_60,default:color.magenta_30,strong:color.magenta_10},streaks:{subtle:color.orange_60,default:color.orange_30,strong:color.orange_10},due:{subtle:color.cyan_60,default:color.cyan_20,strong:color.cyan_10},progress:{notStarted:{subtle:color.gray_50,strong:color.gray_10},attempted:{subtle:color.yellow_50,strong:color.yellow_10},complete:{strong:color.green_50}}},shadow:{progress:{notStarted:{default:color.gray_20},attempted:{default:color.yellow_30},complete:{default:color.green_30}}},characters:{flesh:{blue:{default:color.blue_30},cyan:{default:color.cyan_30},green:{default:color.green_30},magenta:{default:color.magenta_30},orange:{default:color.orange_30}}}},action:{primary:{progressive:{default:{border:core.transparent,background:core.background.instructive.default,foreground:core.foreground.knockout.default},hover:{border:core.border.instructive.default,background:core.background.instructive.default,foreground:core.foreground.knockout.default},press:{border:core.border.instructive.strong,background:core.background.instructive.strong,foreground:core.foreground.knockout.default}},destructive:{default:{border:core.transparent,background:core.background.critical.default,foreground:core.foreground.knockout.default},hover:{border:core.border.critical.default,background:core.background.critical.default,foreground:core.foreground.knockout.default},press:{border:core.border.critical.strong,background:core.background.critical.strong,foreground:core.foreground.knockout.default}},neutral:{default:{border:core.transparent,background:core.background.neutral.default,foreground:core.foreground.knockout.default},hover:{border:core.border.neutral.default,background:core.background.neutral.default,foreground:core.foreground.knockout.default},press:{border:core.border.neutral.strong,background:core.background.neutral.strong,foreground:core.foreground.knockout.default}},disabled:{border:core.border.disabled.strong,background:core.border.disabled.strong,foreground:core.foreground.knockout.default}},secondary:{progressive:{default:{border:core.border.neutral.default,background:core.transparent,foreground:core.foreground.instructive.default},hover:{border:core.border.instructive.default,background:core.transparent,foreground:core.foreground.instructive.default},press:{border:core.border.instructive.strong,background:core.background.instructive.subtle,foreground:core.foreground.instructive.strong}},destructive:{default:{border:core.border.neutral.default,background:core.transparent,foreground:core.foreground.critical.default},hover:{border:core.border.critical.default,background:core.transparent,foreground:core.foreground.critical.default},press:{border:core.border.critical.strong,background:core.background.critical.subtle,foreground:core.foreground.critical.strong}},neutral:{default:{border:core.border.neutral.default,background:core.transparent,foreground:core.foreground.neutral.default},hover:{border:core.border.neutral.default,background:core.transparent,foreground:core.foreground.neutral.default},press:{border:core.border.neutral.strong,background:core.background.neutral.subtle,foreground:core.foreground.neutral.strong}},disabled:{border:core.border.disabled.strong,background:core.background.disabled.subtle,foreground:core.foreground.disabled.default}},tertiary:{progressive:{default:{border:core.transparent,background:core.transparent,foreground:core.foreground.instructive.default},hover:{border:core.border.instructive.default,background:core.transparent,foreground:core.foreground.instructive.default},press:{border:core.border.instructive.strong,background:core.transparent,foreground:core.foreground.instructive.strong}},destructive:{default:{border:core.transparent,background:core.transparent,foreground:core.foreground.critical.default},hover:{border:core.border.critical.default,background:core.transparent,foreground:core.foreground.critical.default},press:{border:core.border.critical.strong,background:core.transparent,foreground:core.foreground.critical.strong}},neutral:{default:{border:core.transparent,background:core.transparent,foreground:core.foreground.neutral.default},hover:{border:core.border.neutral.default,background:core.transparent,foreground:core.foreground.neutral.default},press:{border:core.border.neutral.strong,background:core.transparent,foreground:core.foreground.neutral.strong}},disabled:{border:core.border.disabled.default,background:core.background.disabled.subtle,foreground:core.foreground.disabled.default}}},chonky:{progressive:{background:{primary:{rest:core.background.instructive.default,hover:core.background.instructive.default,press:core.background.instructive.default,selected:core.background.instructive.default},secondary:{rest:core.background.instructive.subtle,hover:core.background.instructive.subtle,press:core.background.instructive.subtle,selected:core.background.instructive.subtle},tertiary:{rest:core.transparent,hover:core.transparent,press:core.transparent,selected:core.transparent}},border:{primary:{rest:core.transparent,hover:core.transparent,press:core.transparent,selected:core.transparent},secondary:{rest:core.border.instructive.subtle,hover:core.border.instructive.subtle,press:core.border.instructive.subtle,selected:core.border.instructive.subtle},tertiary:{rest:core.transparent,hover:core.border.neutral.subtle,press:core.border.neutral.subtle,selected:core.border.instructive.subtle}},foreground:{primary:{rest:core.foreground.knockout.default,hover:core.foreground.knockout.default,press:core.foreground.knockout.default,selected:core.foreground.knockout.default},secondary:{rest:core.foreground.instructive.default,hover:core.foreground.instructive.default,press:core.foreground.instructive.strong,selected:core.foreground.instructive.strong},tertiary:{rest:core.foreground.instructive.default,hover:core.foreground.instructive.default,press:core.foreground.instructive.strong,selected:core.foreground.instructive.strong}},shadow:{primary:{rest:core.shadow.chonky.instructive.default,hover:core.shadow.chonky.instructive.default,press:core.shadow.chonky.instructive.default,selected:core.shadow.chonky.instructive.default},secondary:{rest:core.shadow.chonky.instructive.subtle,hover:core.shadow.chonky.instructive.subtle,press:core.shadow.chonky.instructive.subtle,selected:core.shadow.chonky.instructive.subtle},tertiary:{rest:core.transparent,hover:core.shadow.chonky.neutral.subtle,press:core.shadow.chonky.neutral.subtle,selected:core.shadow.chonky.instructive.subtle}}},neutral:{background:{primary:{rest:core.background.neutral.default,hover:core.background.neutral.default,press:core.background.neutral.default,selected:core.background.neutral.default},secondary:{rest:core.transparent,hover:core.transparent,press:core.transparent,selected:core.background.neutral.subtle},tertiary:{rest:core.transparent,hover:core.transparent,press:core.transparent,selected:core.transparent}},border:{primary:{rest:core.transparent,hover:core.transparent,press:core.transparent,selected:core.transparent},secondary:{rest:core.border.neutral.subtle,hover:core.border.neutral.subtle,press:core.border.neutral.subtle,selected:core.border.neutral.subtle},tertiary:{rest:core.transparent,hover:core.border.neutral.subtle,press:core.border.neutral.subtle,selected:core.transparent}},foreground:{primary:{rest:core.foreground.knockout.default,hover:core.foreground.knockout.default,press:core.foreground.knockout.default,selected:core.foreground.knockout.default},secondary:{rest:core.foreground.neutral.subtle,hover:core.foreground.neutral.subtle,press:core.foreground.neutral.subtle,selected:core.foreground.neutral.subtle},tertiary:{rest:core.foreground.neutral.default,hover:core.foreground.neutral.default,press:core.foreground.neutral.default,selected:core.foreground.neutral.default}},shadow:{primary:{rest:core.shadow.chonky.neutral.strong,hover:core.shadow.chonky.neutral.strong,press:core.transparent,selected:core.shadow.chonky.neutral.strong},secondary:{rest:core.shadow.chonky.neutral.subtle,hover:core.shadow.chonky.neutral.subtle,press:core.shadow.chonky.neutral.strong,selected:core.shadow.chonky.neutral.subtle},tertiary:{rest:core.transparent,hover:core.shadow.chonky.neutral.subtle,press:core.shadow.chonky.neutral.subtle,selected:core.shadow.chonky.instructive.subtle}}},disabled:{background:{primary:core.background.disabled.default,secondary:core.background.disabled.default,tertiary:core.background.disabled.subtle},border:{primary:core.border.disabled.default,secondary:core.border.disabled.default,tertiary:core.border.disabled.subtle},foreground:{primary:core.foreground.disabled.default,secondary:core.foreground.disabled.default,tertiary:core.foreground.disabled.default},shadow:{primary:core.shadow.chonky.disabled.default,secondary:core.shadow.chonky.disabled.default,tertiary:core.shadow.chonky.disabled.subtle}}},input:{default:{border:core.border.neutral.default,background:core.background.base.default,foreground:core.foreground.neutral.strong,placeholder:core.foreground.neutral.default},checked:{border:core.border.instructive.default,background:core.background.instructive.default,foreground:core.foreground.knockout.default},disabled:{border:core.border.disabled.default,background:color$1.offWhite,foreground:core.foreground.neutral.default,placeholder:core.foreground.neutral.default},error:{border:core.border.critical.default,background:core.background.critical.subtle,foreground:core.foreground.neutral.strong},readOnly:{background:core.background.base.default,text:core.foreground.neutral.strong,icon:core.transparent}},status:{critical:{background:core.background.critical.subtle,foreground:core.foreground.critical.default},warning:{background:core.background.warning.subtle,foreground:core.foreground.warning.default},success:{background:core.background.success.subtle,foreground:core.foreground.success.default},notice:{background:core.background.instructive.subtle,foreground:core.foreground.instructive.default},neutral:{background:core.background.neutral.subtle,foreground:core.foreground.neutral.strong}},focus:{outer:color$1.blue,inner:color$1.white},link:{rest:core.foreground.instructive.default,hover:core.foreground.instructive.default,press:core.foreground.instructive.strong,disabled:core.foreground.disabled.default},khanmigo:{primary:color$1.eggplant,secondary:color$1.fadedEggplant8},mastery:{primary:color$1.purple},feedback:{info:{subtle:{background:core.background.instructive.subtle,border:core.border.instructive.subtle,icon:core.foreground.instructive.default,text:core.foreground.neutral.strong},strong:{...sharedFeedbackStrongTokens,icon:core.foreground.instructive.default}},success:{subtle:{background:core.background.success.subtle,border:core.border.success.subtle,icon:core.foreground.success.strong,text:core.foreground.neutral.strong},strong:{...sharedFeedbackStrongTokens,icon:core.foreground.success.default}},warning:{subtle:{background:core.background.warning.subtle,border:core.border.warning.default,icon:core.foreground.warning.strong,text:core.foreground.neutral.strong},strong:{...sharedFeedbackStrongTokens,icon:core.foreground.warning.default}},critical:{subtle:{background:core.background.critical.subtle,border:core.border.critical.subtle,icon:core.foreground.critical.default,text:core.foreground.neutral.strong},strong:{...sharedFeedbackStrongTokens,icon:core.foreground.critical.default}},neutral:{subtle:{background:core.background.neutral.subtle,border:core.border.neutral.subtle,icon:core.foreground.neutral.default,text:core.foreground.neutral.strong},strong:{...sharedFeedbackStrongTokens,icon:core.foreground.neutral.subtle}}}};
 
 const border$1={radius:{radius_0:remToPx(sizing$1.size_0),radius_010:remToPx(sizing$1.size_010),radius_040:remToPx(sizing$1.size_040),radius_080:remToPx(sizing$1.size_080),radius_120:remToPx(sizing$1.size_120),radius_240:remToPx(sizing$1.size_240),radius_full:"50%"},width:{none:remToPx(sizing$1.size_0),thin:remToPx(sizing$1.size_010),medium:remToPx(sizing$1.size_020),thick:remToPx(sizing$1.size_040)}};
 

package/dist/theme/default.d.ts

@@ -230,6 +230,10 @@ declare const _default: {
                         default: string;
                         strong: string;
                     };
+                    disabled: {
+                        subtle: string;
+                        default: string;
+                    };
                 };
             };
         };

package/dist/theme/semantic/semantic-color-syl-dark.d.ts

@@ -131,6 +131,10 @@ export declare const semanticColor: {
                     default: string;
                     strong: string;
                 };
+                disabled: {
+                    subtle: string;
+                    default: string;
+                };
             };
         };
     };

package/dist/theme/semantic/semantic-color-thunderblocks.d.ts

@@ -131,6 +131,10 @@ export declare const semanticColor: {
                     default: string;
                     strong: string;
                 };
+                disabled: {
+                    subtle: string;
+                    default: string;
+                };
             };
         };
     };

package/dist/theme/semantic/semantic-color.d.ts

@@ -139,6 +139,10 @@ export declare const semanticColor: {
                     default: string;
                     strong: string;
                 };
+                disabled: {
+                    subtle: string;
+                    default: string;
+                };
             };
         };
     };

package/dist/theme/syl-dark.d.ts

@@ -221,6 +221,10 @@ declare const _default: {
                         default: string;
                         strong: string;
                     };
+                    disabled: {
+                        subtle: string;
+                        default: string;
+                    };
                 };
             };
         };

package/dist/theme/thunderblocks.d.ts

@@ -221,6 +221,10 @@ declare const _default: {
                         default: string;
                         strong: string;
                     };
+                    disabled: {
+                        subtle: string;
+                        default: string;
+                    };
                 };
             };
         };

package/dist/tokens/theme.d.ts

@@ -221,6 +221,10 @@ declare const _default: {
                         default: string;
                         strong: string;
                     };
+                    disabled: {
+                        subtle: string;
+                        default: string;
+                    };
                 };
             };
         };

package/package.json

@@ -3,7 +3,7 @@
   "description": "Core primitive design tokens for Web Wonder Blocks",
   "author": "Khan Academy",
   "license": "MIT",
-  "version": "16.6.0",
+  "version": "16.7.0",
   "publishConfig": {
     "access": "public"
   },