@khanacademy/wonder-blocks-tokens 16.6.0 → 16.8.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.8.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,26 @@
 # @khanacademy/wonder-blocks-tokens
 
+## 16.8.0
+
+### Minor Changes
+
+- f13552a: Add learning tokens for character flesh background and border
+
+## 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;
@@ -695,6 +697,21 @@
 --wb-semanticColor-learning-background-progress-notStarted-default: #CBCBCD;
 --wb-semanticColor-learning-background-progress-attempted-default: #FEE7AD;
 --wb-semanticColor-learning-background-progress-complete-default: #BCEBBB;
+--wb-semanticColor-learning-background-characters-flesh-blue-subtle: #6C82FF;
+--wb-semanticColor-learning-background-characters-flesh-blue-default: #5753FA;
+--wb-semanticColor-learning-background-characters-flesh-blue-strong: #4340D0;
+--wb-semanticColor-learning-background-characters-flesh-cyan-subtle: #57BAFD;
+--wb-semanticColor-learning-background-characters-flesh-cyan-default: #28A9FF;
+--wb-semanticColor-learning-background-characters-flesh-cyan-strong: #2485C7;
+--wb-semanticColor-learning-background-characters-flesh-green-subtle: #72BB82;
+--wb-semanticColor-learning-background-characters-flesh-green-default: #579F6C;
+--wb-semanticColor-learning-background-characters-flesh-green-strong: #3C6D4A;
+--wb-semanticColor-learning-background-characters-flesh-magenta-subtle: #F670C1;
+--wb-semanticColor-learning-background-characters-flesh-magenta-default: #E83FA4;
+--wb-semanticColor-learning-background-characters-flesh-magenta-strong: #BB3183;
+--wb-semanticColor-learning-background-characters-flesh-orange-subtle: #F97B4F;
+--wb-semanticColor-learning-background-characters-flesh-orange-default: #F8551A;
+--wb-semanticColor-learning-background-characters-flesh-orange-strong: #C8481A;
 --wb-semanticColor-learning-border-gems-subtle: #FFE3F4;
 --wb-semanticColor-learning-border-gems-default: #F9BBE1;
 --wb-semanticColor-learning-border-gems-strong: #E83FA4;
@@ -704,6 +721,21 @@
 --wb-semanticColor-learning-border-due-subtle: #DDF0FE;
 --wb-semanticColor-learning-border-due-default: #A9DAFD;
 --wb-semanticColor-learning-border-due-strong: #28A9FF;
+--wb-semanticColor-learning-border-characters-flesh-blue-subtle: #6C82FF;
+--wb-semanticColor-learning-border-characters-flesh-blue-default: #4340D0;
+--wb-semanticColor-learning-border-characters-flesh-blue-strong: #363498;
+--wb-semanticColor-learning-border-characters-flesh-cyan-subtle: #57BAFD;
+--wb-semanticColor-learning-border-characters-flesh-cyan-default: #2485C7;
+--wb-semanticColor-learning-border-characters-flesh-cyan-strong: #20628F;
+--wb-semanticColor-learning-border-characters-flesh-green-subtle: #72BB82;
+--wb-semanticColor-learning-border-characters-flesh-green-default: #3C6D4A;
+--wb-semanticColor-learning-border-characters-flesh-green-strong: #2C5037;
+--wb-semanticColor-learning-border-characters-flesh-magenta-subtle: #F670C1;
+--wb-semanticColor-learning-border-characters-flesh-magenta-default: #BB3183;
+--wb-semanticColor-learning-border-characters-flesh-magenta-strong: #84275E;
+--wb-semanticColor-learning-border-characters-flesh-orange-subtle: #F97B4F;
+--wb-semanticColor-learning-border-characters-flesh-orange-default: #C8481A;
+--wb-semanticColor-learning-border-characters-flesh-orange-strong: #983C1A;
 --wb-semanticColor-learning-foreground-gems-subtle: #F9BBE1;
 --wb-semanticColor-learning-foreground-gems-default: #E83FA4;
 --wb-semanticColor-learning-foreground-gems-strong: #84275E;
@@ -1089,8 +1121,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 +1137,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 +1175,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 +1188,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;
@@ -1178,6 +1212,21 @@
 --wb-semanticColor-learning-background-progress-notStarted-default: #B5B6B9;
 --wb-semanticColor-learning-background-progress-attempted-default: #FCC539;
 --wb-semanticColor-learning-background-progress-complete-default: #72BB82;
+--wb-semanticColor-learning-background-characters-flesh-blue-subtle: #4340D0;
+--wb-semanticColor-learning-background-characters-flesh-blue-default: #5753FA;
+--wb-semanticColor-learning-background-characters-flesh-blue-strong: #6C82FF;
+--wb-semanticColor-learning-background-characters-flesh-cyan-subtle: #2485C7;
+--wb-semanticColor-learning-background-characters-flesh-cyan-default: #28A9FF;
+--wb-semanticColor-learning-background-characters-flesh-cyan-strong: #57BAFD;
+--wb-semanticColor-learning-background-characters-flesh-green-subtle: #3C6D4A;
+--wb-semanticColor-learning-background-characters-flesh-green-default: #579F6C;
+--wb-semanticColor-learning-background-characters-flesh-green-strong: #72BB82;
+--wb-semanticColor-learning-background-characters-flesh-magenta-subtle: #BB3183;
+--wb-semanticColor-learning-background-characters-flesh-magenta-default: #E83FA4;
+--wb-semanticColor-learning-background-characters-flesh-magenta-strong: #F670C1;
+--wb-semanticColor-learning-background-characters-flesh-orange-subtle: #C8481A;
+--wb-semanticColor-learning-background-characters-flesh-orange-default: #F8551A;
+--wb-semanticColor-learning-background-characters-flesh-orange-strong: #F97B4F;
 --wb-semanticColor-learning-border-gems-subtle: #84275E;
 --wb-semanticColor-learning-border-gems-default: #BB3183;
 --wb-semanticColor-learning-border-gems-strong: #E83FA4;
@@ -1187,6 +1236,21 @@
 --wb-semanticColor-learning-border-due-subtle: #2485C7;
 --wb-semanticColor-learning-border-due-default: #57BAFD;
 --wb-semanticColor-learning-border-due-strong: #A9DAFD;
+--wb-semanticColor-learning-border-characters-flesh-blue-subtle: #363498;
+--wb-semanticColor-learning-border-characters-flesh-blue-default: #4340D0;
+--wb-semanticColor-learning-border-characters-flesh-blue-strong: #6C82FF;
+--wb-semanticColor-learning-border-characters-flesh-cyan-subtle: #20628F;
+--wb-semanticColor-learning-border-characters-flesh-cyan-default: #2485C7;
+--wb-semanticColor-learning-border-characters-flesh-cyan-strong: #57BAFD;
+--wb-semanticColor-learning-border-characters-flesh-green-subtle: #3C6D4A;
+--wb-semanticColor-learning-border-characters-flesh-green-default: #579F6C;
+--wb-semanticColor-learning-border-characters-flesh-green-strong: #97D39E;
+--wb-semanticColor-learning-border-characters-flesh-magenta-subtle: #84275E;
+--wb-semanticColor-learning-border-characters-flesh-magenta-default: #BB3183;
+--wb-semanticColor-learning-border-characters-flesh-magenta-strong: #F670C1;
+--wb-semanticColor-learning-border-characters-flesh-orange-subtle: #983C1A;
+--wb-semanticColor-learning-border-characters-flesh-orange-default: #C8481A;
+--wb-semanticColor-learning-border-characters-flesh-orange-strong: #F97B4F;
 --wb-semanticColor-learning-foreground-gems-subtle: #BB3183;
 --wb-semanticColor-learning-foreground-gems-default: #E83FA4;
 --wb-semanticColor-learning-foreground-gems-strong: #FCEEF7;
@@ -1237,8 +1301,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 +1321,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 +1331,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 +1384,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 +1415,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 +1427,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 +1459,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 +1503,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 +1515,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 +1523,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 +1540,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 +1703,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;
@@ -1661,6 +1727,21 @@
 --wb-semanticColor-learning-background-progress-notStarted-default: #CBCBCD;
 --wb-semanticColor-learning-background-progress-attempted-default: #FEE7AD;
 --wb-semanticColor-learning-background-progress-complete-default: #BCEBBB;
+--wb-semanticColor-learning-background-characters-flesh-blue-subtle: #6C82FF;
+--wb-semanticColor-learning-background-characters-flesh-blue-default: #5753FA;
+--wb-semanticColor-learning-background-characters-flesh-blue-strong: #4340D0;
+--wb-semanticColor-learning-background-characters-flesh-cyan-subtle: #57BAFD;
+--wb-semanticColor-learning-background-characters-flesh-cyan-default: #28A9FF;
+--wb-semanticColor-learning-background-characters-flesh-cyan-strong: #2485C7;
+--wb-semanticColor-learning-background-characters-flesh-green-subtle: #72BB82;
+--wb-semanticColor-learning-background-characters-flesh-green-default: #579F6C;
+--wb-semanticColor-learning-background-characters-flesh-green-strong: #3C6D4A;
+--wb-semanticColor-learning-background-characters-flesh-magenta-subtle: #F670C1;
+--wb-semanticColor-learning-background-characters-flesh-magenta-default: #E83FA4;
+--wb-semanticColor-learning-background-characters-flesh-magenta-strong: #BB3183;
+--wb-semanticColor-learning-background-characters-flesh-orange-subtle: #F97B4F;
+--wb-semanticColor-learning-background-characters-flesh-orange-default: #F8551A;
+--wb-semanticColor-learning-background-characters-flesh-orange-strong: #C8481A;
 --wb-semanticColor-learning-border-gems-subtle: #FFE3F4;
 --wb-semanticColor-learning-border-gems-default: #F9BBE1;
 --wb-semanticColor-learning-border-gems-strong: #E83FA4;
@@ -1670,6 +1751,21 @@
 --wb-semanticColor-learning-border-due-subtle: #DDF0FE;
 --wb-semanticColor-learning-border-due-default: #A9DAFD;
 --wb-semanticColor-learning-border-due-strong: #28A9FF;
+--wb-semanticColor-learning-border-characters-flesh-blue-subtle: #6C82FF;
+--wb-semanticColor-learning-border-characters-flesh-blue-default: #4340D0;
+--wb-semanticColor-learning-border-characters-flesh-blue-strong: #363498;
+--wb-semanticColor-learning-border-characters-flesh-cyan-subtle: #57BAFD;
+--wb-semanticColor-learning-border-characters-flesh-cyan-default: #2485C7;
+--wb-semanticColor-learning-border-characters-flesh-cyan-strong: #20628F;
+--wb-semanticColor-learning-border-characters-flesh-green-subtle: #72BB82;
+--wb-semanticColor-learning-border-characters-flesh-green-default: #3C6D4A;
+--wb-semanticColor-learning-border-characters-flesh-green-strong: #2C5037;
+--wb-semanticColor-learning-border-characters-flesh-magenta-subtle: #F670C1;
+--wb-semanticColor-learning-border-characters-flesh-magenta-default: #BB3183;
+--wb-semanticColor-learning-border-characters-flesh-magenta-strong: #84275E;
+--wb-semanticColor-learning-border-characters-flesh-orange-subtle: #F97B4F;
+--wb-semanticColor-learning-border-characters-flesh-orange-default: #C8481A;
+--wb-semanticColor-learning-border-characters-flesh-orange-strong: #983C1A;
 --wb-semanticColor-learning-foreground-gems-subtle: #F9BBE1;
 --wb-semanticColor-learning-foreground-gems-default: #E83FA4;
 --wb-semanticColor-learning-foreground-gems-strong: #84275E;