@khanacademy/wonder-blocks-tokens 11.2.0 → 11.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/.turbo/turbo-build$colon$css.log +1 -1
  2. package/CHANGELOG.md +7 -0
  3. package/dist/css/index.css +88 -2
  4. package/dist/css/vars.css +1 -1
  5. package/dist/es/index.js +1 -1
  6. package/dist/index.js +1 -1
  7. package/package.json +1 -1
package/.turbo/turbo-build$colon$css.log CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- > @khanacademy/wonder-blocks-tokens@11.2.0 build:css /home/runner/work/wonder-blocks/wonder-blocks/packages/wonder-blocks-tokens
2
+ > @khanacademy/wonder-blocks-tokens@11.2.1 build:css /home/runner/work/wonder-blocks/wonder-blocks/packages/wonder-blocks-tokens
3
3
  > node -r @swc-node/register ./src/build/generate-css-variables.ts
4
4
 
5
5
  CSS variables generated successfully in: /home/runner/work/wonder-blocks/wonder-blocks/packages/wonder-blocks-tokens/dist/css
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # @khanacademy/wonder-blocks-tokens
2
2
 
3
+ ## 11.2.1
4
+
5
+ ### Patch Changes
6
+
7
+ - de9435a: Fixes some semanticColor values. Adds dropdown CSS variables.
8
+ - f50aafc: Adds cell component-level tokens to css variables build
9
+
3
10
  ## 11.2.0
4
11
 
5
12
  ### Minor Changes
package/dist/css/index.css CHANGED
@@ -128,7 +128,93 @@
128
128
  --wb-c-button-icon-padding: var(--wb-sizing-size_020);
129
129
  --wb-c-button-icon-sizing-small: var(--wb-sizing-size_120);
130
130
  --wb-c-button-icon-sizing-medium: var(--wb-sizing-size_180);
131
- --wb-c-button-icon-sizing-large: var(--wb-sizing-size_200);}:root {--wb-c-icon-button-iconButton-root-border-offset-primary: var(--wb-border-width-medium);
131
+ --wb-c-button-icon-sizing-large: var(--wb-sizing-size_200);}:root {--wb-c-cell-root-border-width-default: var(--wb-border-width-medium);
132
+ --wb-c-cell-root-border-width-selected: var(--wb-border-width-thick);
133
+ --wb-c-cell-root-border-radius-default: var(--wb-border-radius-radius_0);
134
+ --wb-c-cell-root-border-radius-focus: var(--wb-border-radius-radius_040);
135
+ --wb-c-cell-root-border-radius-press: var(--wb-border-radius-radius_0);
136
+ --wb-c-cell-root-border-radius-focusPress: var(--wb-border-radius-radius_040);
137
+ --wb-c-cell-root-color-press-border: var(--wb-semanticColor-core-border-instructive-default);
138
+ --wb-c-cell-root-color-selected-foreground: var(--wb-semanticColor-core-foreground-instructive-default);
139
+ --wb-c-cell-root-color-selected-border: var(--wb-semanticColor-core-border-instructive-default);
140
+ --wb-c-cell-root-layout-gap-default: var(--wb-sizing-size_160);
141
+ --wb-c-cell-root-layout-gap-detail: var(--wb-sizing-size_020);
142
+ --wb-c-cell-root-layout-padding-block-default: var(--wb-sizing-size_120);
143
+ --wb-c-cell-root-layout-padding-block-detail: var(--wb-sizing-size_160);
144
+ --wb-c-cell-root-layout-padding-inline-default: var(--wb-sizing-size_160);
145
+ --wb-c-cell-root-layout-padding-inline-detail: var(--wb-sizing-size_160);
146
+ --wb-c-cell-root-sizing-minHeight: var(--wb-sizing-size_480);
147
+ --wb-c-cell-accessoryLeft-color-default-foreground: inherit;
148
+ --wb-c-cell-accessoryRight-color-default-foreground: var(--wb-semanticColor-core-foreground-neutral-default);
149
+ --wb-c-cell-accessoryRight-color-selected-foreground: var(--wb-semanticColor-core-foreground-instructive-subtle);
150
+ --wb-c-cell-accessoryRight-color-disabled-foreground: var(--wb-semanticColor-core-foreground-neutral-strong);
151
+ --wb-c-cell-rule-sizing-height: var(--wb-sizing-size_020);
152
+ --wb-c-cell-rule-shadow: inset 0px -1px 0px var(--wb-semanticColor-core-border-inverse-default);
153
+ --wb-c-cell-title-font-lineHeight: var(--wb-font-body-lineHeight-medium);
154
+ --wb-c-cell-subtitle-color-foreground: var(--wb-semanticColor-core-foreground-neutral-default);
155
+ --wb-c-cell-subtitle-font-size: var(--wb-font-body-size-small);
156
+ --wb-c-cell-subtitle-font-lineHeight: var(--wb-font-body-lineHeight-small);}
157
+
158
+ [data-wb-theme='thunderblocks'] {--wb-c-cell-root-border-width-default: var(--wb-border-width-medium);
159
+ --wb-c-cell-root-border-width-selected: var(--wb-border-width-thick);
160
+ --wb-c-cell-root-border-radius-default: var(--wb-border-radius-radius_080);
161
+ --wb-c-cell-root-border-radius-focus: var(--wb-border-radius-radius_080);
162
+ --wb-c-cell-root-border-radius-press: var(--wb-border-radius-radius_120);
163
+ --wb-c-cell-root-border-radius-focusPress: var(--wb-border-radius-radius_120);
164
+ --wb-c-cell-root-color-press-border: var(--wb-semanticColor-core-transparent);
165
+ --wb-c-cell-root-color-selected-foreground: var(--wb-semanticColor-core-foreground-neutral-strong);
166
+ --wb-c-cell-root-color-selected-border: var(--wb-semanticColor-core-transparent);
167
+ --wb-c-cell-root-layout-gap-default: var(--wb-sizing-size_120);
168
+ --wb-c-cell-root-layout-gap-detail: var(--wb-sizing-size_040);
169
+ --wb-c-cell-root-layout-padding-block-default: var(--wb-sizing-size_120);
170
+ --wb-c-cell-root-layout-padding-block-detail: var(--wb-sizing-size_120);
171
+ --wb-c-cell-root-layout-padding-inline-default: var(--wb-sizing-size_120);
172
+ --wb-c-cell-root-layout-padding-inline-detail: var(--wb-sizing-size_120);
173
+ --wb-c-cell-root-sizing-minHeight: var(--wb-sizing-size_440);
174
+ --wb-c-cell-accessoryLeft-color-default-foreground: var(--wb-semanticColor-core-foreground-neutral-subtle);
175
+ --wb-c-cell-accessoryRight-color-default-foreground: var(--wb-semanticColor-core-foreground-neutral-subtle);
176
+ --wb-c-cell-accessoryRight-color-selected-foreground: var(--wb-semanticColor-core-foreground-instructive-default);
177
+ --wb-c-cell-accessoryRight-color-disabled-foreground: var(--wb-semanticColor-core-foreground-neutral-strong);
178
+ --wb-c-cell-rule-sizing-height: var(--wb-sizing-size_0);
179
+ --wb-c-cell-rule-shadow: none;
180
+ --wb-c-cell-title-font-lineHeight: var(--wb-font-heading-lineHeight-small);
181
+ --wb-c-cell-subtitle-color-foreground: var(--wb-semanticColor-core-foreground-neutral-subtle);
182
+ --wb-c-cell-subtitle-font-size: var(--wb-font-body-size-xsmall);
183
+ --wb-c-cell-subtitle-font-lineHeight: var(--wb-font-body-lineHeight-xsmall);}:root {--wb-c-dropdown-listbox-border-radius: var(--wb-border-radius-radius_040);
184
+ --wb-c-dropdown-listbox-layout-padding-inline: var(--wb-sizing-size_0);
185
+ --wb-c-dropdown-listbox-layout-padding-block: var(--wb-sizing-size_040);
186
+ --wb-c-dropdown-listbox-shadow-default: 0 var(--wb-sizing-size_080) var(--wb-sizing-size_080) 0 var(--wb-semanticColor-core-shadow-transparent);
187
+ --wb-c-dropdown-opener-border-width-error: var(--wb-border-width-thin);
188
+ --wb-c-dropdown-opener-border-radius-rest: var(--wb-border-radius-radius_040);
189
+ --wb-c-dropdown-opener-border-radius-press: var(--wb-border-radius-radius_040);
190
+ --wb-c-dropdown-opener-color-icon: var(--wb-semanticColor-core-foreground-neutral-default);
191
+ --wb-c-dropdown-opener-layout-padding-inline: var(--wb-sizing-size_160);
192
+ --wb-c-dropdown-opener-layout-padding-inlineStart: var(--wb-sizing-size_160);
193
+ --wb-c-dropdown-opener-layout-padding-inlineEnd: var(--wb-sizing-size_120);
194
+ --wb-c-dropdown-item-border-radius-default: var(--wb-border-radius-radius_040);
195
+ --wb-c-dropdown-item-border-radius-press: var(--wb-border-radius-radius_040);
196
+ --wb-c-dropdown-item-layout-padding-block: var(--wb-sizing-size_100);
197
+ --wb-c-dropdown-item-layout-padding-inlineStart: var(--wb-sizing-size_080);
198
+ --wb-c-dropdown-item-layout-padding-inlineEnd: var(--wb-sizing-size_160);
199
+ --wb-c-dropdown-item-font-weight: var(--wb-font-weight-regular);}
200
+
201
+ [data-wb-theme='thunderblocks'] {--wb-c-dropdown-listbox-border-radius: var(--wb-border-radius-radius_080);
202
+ --wb-c-dropdown-listbox-layout-padding-inline: var(--wb-sizing-size_080);
203
+ --wb-c-dropdown-listbox-layout-padding-block: var(--wb-sizing-size_080);
204
+ --wb-c-dropdown-listbox-shadow-default: 0 var(--wb-sizing-size_020) var(--wb-sizing-size_020) 0 var(--wb-semanticColor-core-shadow-transparent);
205
+ --wb-c-dropdown-opener-border-width-error: var(--wb-border-width-medium);
206
+ --wb-c-dropdown-opener-border-radius-rest: var(--wb-border-radius-radius_080);
207
+ --wb-c-dropdown-opener-border-radius-press: var(--wb-border-radius-radius_080);
208
+ --wb-c-dropdown-opener-color-icon: var(--wb-semanticColor-core-foreground-instructive-default);
209
+ --wb-c-dropdown-opener-layout-padding-inline: var(--wb-sizing-size_120);
210
+ --wb-c-dropdown-opener-layout-padding-inlineStart: var(--wb-sizing-size_120);
211
+ --wb-c-dropdown-opener-layout-padding-inlineEnd: var(--wb-sizing-size_120);
212
+ --wb-c-dropdown-item-border-radius-default: var(--wb-border-radius-radius_080);
213
+ --wb-c-dropdown-item-border-radius-press: var(--wb-border-radius-radius_120);
214
+ --wb-c-dropdown-item-layout-padding-block: var(--wb-sizing-size_120);
215
+ --wb-c-dropdown-item-layout-padding-inlineStart: var(--wb-sizing-size_120);
216
+ --wb-c-dropdown-item-layout-padding-inlineEnd: var(--wb-sizing-size_120);
217
+ --wb-c-dropdown-item-font-weight: var(--wb-font-weight-semi);}:root {--wb-c-icon-button-iconButton-root-border-offset-primary: var(--wb-border-width-medium);
132
218
  --wb-c-icon-button-iconButton-root-border-offset-secondary: calc(-1 * var(--wb-border-width-medium));
133
219
  --wb-c-icon-button-iconButton-root-border-offset-tertiary: calc(-1 * var(--wb-border-width-medium));
134
220
  --wb-c-icon-button-iconButton-root-border-width-primary-default: var(--wb-border-width-none);
@@ -346,7 +432,7 @@
346
432
  --wb-semanticColor-core-foreground-inverse-subtle: #b8b9bb;
347
433
  --wb-semanticColor-core-foreground-inverse-default: #f7f8fa;
348
434
  --wb-semanticColor-core-foreground-inverse-strong: #ffffff;
349
- --wb-semanticColor-core-shadow-transparent: transparent;
435
+ --wb-semanticColor-core-shadow-transparent: rgba(33,36,44,0.16);
350
436
  --wb-semanticColor-core-shadow-chonky-progressive-subtle: #b5cefb;
351
437
  --wb-semanticColor-core-shadow-chonky-progressive-default: #1b50b3;
352
438
  --wb-semanticColor-core-shadow-chonky-neutral-subtle: #b8b9bb;
package/dist/css/vars.css CHANGED
@@ -110,7 +110,7 @@
110
110
  --wb-semanticColor-core-foreground-inverse-subtle: #b8b9bb;
111
111
  --wb-semanticColor-core-foreground-inverse-default: #f7f8fa;
112
112
  --wb-semanticColor-core-foreground-inverse-strong: #ffffff;
113
- --wb-semanticColor-core-shadow-transparent: transparent;
113
+ --wb-semanticColor-core-shadow-transparent: rgba(33,36,44,0.16);
114
114
  --wb-semanticColor-core-shadow-chonky-progressive-subtle: #b5cefb;
115
115
  --wb-semanticColor-core-shadow-chonky-progressive-default: #1b50b3;
116
116
  --wb-semanticColor-core-shadow-chonky-neutral-subtle: #b8b9bb;
package/dist/es/index.js CHANGED
@@ -18,7 +18,7 @@ const fontFamily={sans:'Lato, "Noto Sans", sans-serif',serif:'"Noto Serif", seri
18
18
 
19
19
  const black="#191918";const white="#FFFFFF";const color={red_90:"#FEF4F4",red_80:"#FDE9E9",red_70:"#FDDFDF",red_60:"#FBB1B1",red_50:"#F97F7F",red_40:"#ED5656",red_30:"#E22D2D",red_20:"#BE2626",red_10:"#8E1C1C",red_05:"#621414",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",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",green_90:"#F1FBF1",green_80:"#E3F7E3",green_70:"#D5F3D5",green_60:"#BCEBBB",green_50:"#97D38E",green_40:"#72BB82",green_30:"#579F6C",green_20:"#3C6D4A",green_10:"#2C5037",green_05:"#24432D",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",blue_90:"#F8F9FB",blue_80:"#EBF1FD",blue_70:"#DFEAFF",blue_60:"#BFCAFF",blue_50:"#8DA2FF",blue_40:"#6E78FF",blue_30:"#5753FA",blue_20:"#4340D0",blue_10:"#363498",blue_05:"#252368",magenta_90:"#FCEEF7",magenta_80:"#FFE3F4",magenta_70:"#FAD4EC",magenta_60:"#F9BBE1",magenta_50:"#F8A2D6",magenta_40:"#F670C1",magenta_30:"#E83FA4",magenta_20:"#C03187",magenta_10:"#84275E",magenta_05:"#521B3C",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:"#35373F",black_100:black,black_50:fade(black,.5),white_100:white};
20
20
 
21
- const transparent="transparent";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},inverse:{subtle:color$1.fadedOffBlack16,default:color$1.fadedOffBlack8,strong:color$1.white}},background:{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}},foreground:{instructive:{subtle:color$1.blue,default:color$1.activeBlue,strong:color$1.offBlack},neutral:{subtle:color$1.fadedOffBlack64,default:color$1.fadedOffBlack72,strong:color$1.offBlack},critical:{subtle:color$1.red,default:color$1.activeRed,strong:color$1.offBlack},success:{subtle:color$1.green,default:color$1.activeGreen,strong:color$1.offBlack},warning:{subtle:color$1.gold,default:color$1.activeGold,strong:color$1.offBlack},disabled:{subtle:color$1.fadedOffBlack16,default:color$1.fadedOffBlack32,strong:color$1.fadedOffBlack50},inverse:{subtle:color$1.fadedOffBlack32,default:color$1.offWhite,strong:color$1.white}},shadow:{transparent:transparent,chonky:{progressive:{subtle:color$1.fadedBlue,default:color$1.activeBlue},neutral:{subtle:color$1.fadedOffBlack32,default:color$1.fadedOffBlack50,strong:color$1.offBlack}}}};const border$2={primary:color$1.fadedOffBlack16,subtle:color$1.fadedOffBlack8,strong:color$1.fadedOffBlack50,inverse:color$1.white,progressive:color$1.blue,destructive:color$1.red};const surface={primary:color$1.white,secondary:color$1.offWhite,emphasis:color$1.blue,inverse:color$1.darkBlue,overlay:color$1.offBlack64};const text={primary:core.foreground.neutral.strong,secondary:core.foreground.neutral.default,disabled:core.foreground.inverse.subtle,inverse:core.foreground.inverse.strong};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}}}},action:{primary:{progressive:{default:{border:core.transparent,background:core.background.instructive.default,foreground:core.foreground.inverse.strong},hover:{border:core.border.instructive.default,background:core.background.instructive.default,foreground:core.foreground.inverse.strong},press:{border:core.border.instructive.strong,background:core.background.instructive.strong,foreground:core.foreground.inverse.strong}},destructive:{default:{border:core.transparent,background:core.background.critical.default,foreground:core.foreground.inverse.strong},hover:{border:core.border.critical.default,background:core.background.critical.default,foreground:core.foreground.inverse.strong},press:{border:core.border.critical.strong,background:core.background.critical.strong,foreground:core.foreground.inverse.strong}},neutral:{default:{border:core.transparent,background:core.background.neutral.default,foreground:core.foreground.inverse.strong},hover:{border:core.border.neutral.default,background:core.background.neutral.default,foreground:core.foreground.inverse.strong},press:{border:core.border.neutral.strong,background:core.background.neutral.strong,foreground:core.foreground.inverse.strong}},disabled:{border:core.border.disabled.strong,background:core.border.disabled.strong,foreground:core.foreground.inverse.default}},secondary:{progressive:{default:{border:core.border.neutral.default,background:core.transparent,foreground:core.foreground.instructive.subtle},hover:{border:core.border.instructive.default,background:core.transparent,foreground:core.foreground.instructive.subtle},press:{border:core.border.instructive.strong,background:core.background.instructive.subtle,foreground:core.foreground.instructive.default}},destructive:{default:{border:core.border.neutral.default,background:core.transparent,foreground:core.foreground.critical.subtle},hover:{border:core.border.critical.default,background:core.transparent,foreground:core.foreground.critical.subtle},press:{border:core.border.critical.strong,background:core.background.critical.subtle,foreground:core.foreground.critical.default}},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.subtle},hover:{border:core.border.instructive.default,background:core.transparent,foreground:core.foreground.instructive.subtle},press:{border:core.border.instructive.strong,background:core.transparent,foreground:core.foreground.instructive.default}},destructive:{default:{border:core.transparent,background:core.transparent,foreground:core.foreground.critical.subtle},hover:{border:core.border.critical.default,background:core.transparent,foreground:core.foreground.critical.subtle},press:{border:core.border.critical.strong,background:core.transparent,foreground:core.foreground.critical.default}},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.inverse.strong,hover:core.foreground.inverse.strong,press:core.foreground.inverse.strong,selected:core.foreground.inverse.strong},secondary:{rest:core.foreground.instructive.default,hover:core.foreground.instructive.default,press:core.foreground.instructive.default,selected:core.foreground.instructive.default},tertiary:{rest:core.foreground.instructive.default,hover:core.foreground.instructive.default,press:core.foreground.instructive.default,selected:core.foreground.instructive.default}},shadow:{primary:{rest:core.shadow.chonky.progressive.default,hover:core.shadow.chonky.progressive.default,press:core.shadow.chonky.progressive.default,selected:core.shadow.chonky.progressive.default},secondary:{rest:core.shadow.chonky.progressive.subtle,hover:core.shadow.chonky.progressive.subtle,press:core.shadow.chonky.progressive.subtle,selected:core.shadow.chonky.progressive.subtle},tertiary:{rest:core.shadow.transparent,hover:core.shadow.chonky.neutral.subtle,press:core.shadow.chonky.neutral.subtle,selected:core.shadow.chonky.progressive.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.inverse.strong,hover:core.foreground.inverse.strong,press:core.foreground.inverse.strong,selected:core.foreground.inverse.strong},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.shadow.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.shadow.transparent,hover:core.shadow.chonky.neutral.subtle,press:core.shadow.chonky.neutral.subtle,selected:core.shadow.chonky.progressive.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.shadow.transparent}}},input:{default:{border:core.border.neutral.default,background:surface.primary,foreground:core.foreground.neutral.strong,placeholder:core.foreground.neutral.default},checked:{border:core.border.instructive.default,background:core.background.instructive.default,foreground:core.foreground.inverse.strong},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}},status:{critical:{background:core.background.critical.subtle,foreground:core.foreground.critical.subtle},warning:{background:core.background.warning.subtle,foreground:core.foreground.warning.subtle},success:{background:core.background.success.subtle,foreground:core.foreground.success.subtle},notice:{background:core.background.instructive.subtle,foreground:core.foreground.instructive.subtle},neutral:{background:core.background.neutral.subtle,foreground:core.foreground.neutral.strong}},surface,text,border:border$2,focus:{outer:color$1.blue,inner:color$1.white},icon:{primary:color$1.fadedOffBlack72,secondary:color$1.offBlack,inverse:color$1.white,action:color$1.blue,destructive:color$1.red,disabled:color$1.fadedOffBlack32},link:{rest:core.foreground.instructive.subtle,hover:core.foreground.instructive.subtle,press:core.foreground.instructive.default,disabled:core.foreground.inverse.subtle},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.instructive.strong}},success:{subtle:{background:core.background.success.subtle,border:core.border.success.subtle,icon:core.foreground.success.default,text:core.foreground.success.strong}},warning:{subtle:{background:core.background.warning.subtle,border:core.border.warning.default,icon:core.foreground.warning.default,text:core.foreground.warning.strong}},critical:{subtle:{background:core.background.critical.subtle,border:core.border.critical.subtle,icon:core.foreground.critical.default,text:core.foreground.critical.strong}}}};
21
+ const transparent="transparent";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},inverse:{subtle:color$1.fadedOffBlack16,default:color$1.fadedOffBlack8,strong:color$1.white}},background:{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}},foreground:{instructive:{subtle:color$1.blue,default:color$1.activeBlue,strong:color$1.offBlack},neutral:{subtle:color$1.fadedOffBlack64,default:color$1.fadedOffBlack72,strong:color$1.offBlack},critical:{subtle:color$1.red,default:color$1.activeRed,strong:color$1.offBlack},success:{subtle:color$1.green,default:color$1.activeGreen,strong:color$1.offBlack},warning:{subtle:color$1.gold,default:color$1.activeGold,strong:color$1.offBlack},disabled:{subtle:color$1.fadedOffBlack16,default:color$1.fadedOffBlack32,strong:color$1.fadedOffBlack50},inverse:{subtle:color$1.fadedOffBlack32,default:color$1.offWhite,strong:color$1.white}},shadow:{transparent:color$1.offBlack16,chonky:{progressive:{subtle:color$1.fadedBlue,default:color$1.activeBlue},neutral:{subtle:color$1.fadedOffBlack32,default:color$1.fadedOffBlack50,strong:color$1.offBlack}}}};const border$2={primary:color$1.fadedOffBlack16,subtle:color$1.fadedOffBlack8,strong:color$1.fadedOffBlack50,inverse:color$1.white,progressive:color$1.blue,destructive:color$1.red};const surface={primary:color$1.white,secondary:color$1.offWhite,emphasis:color$1.blue,inverse:color$1.darkBlue,overlay:color$1.offBlack64};const text={primary:core.foreground.neutral.strong,secondary:core.foreground.neutral.default,disabled:core.foreground.inverse.subtle,inverse:core.foreground.inverse.strong};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}}}},action:{primary:{progressive:{default:{border:core.transparent,background:core.background.instructive.default,foreground:core.foreground.inverse.strong},hover:{border:core.border.instructive.default,background:core.background.instructive.default,foreground:core.foreground.inverse.strong},press:{border:core.border.instructive.strong,background:core.background.instructive.strong,foreground:core.foreground.inverse.strong}},destructive:{default:{border:core.transparent,background:core.background.critical.default,foreground:core.foreground.inverse.strong},hover:{border:core.border.critical.default,background:core.background.critical.default,foreground:core.foreground.inverse.strong},press:{border:core.border.critical.strong,background:core.background.critical.strong,foreground:core.foreground.inverse.strong}},neutral:{default:{border:core.transparent,background:core.background.neutral.default,foreground:core.foreground.inverse.strong},hover:{border:core.border.neutral.default,background:core.background.neutral.default,foreground:core.foreground.inverse.strong},press:{border:core.border.neutral.strong,background:core.background.neutral.strong,foreground:core.foreground.inverse.strong}},disabled:{border:core.border.disabled.strong,background:core.border.disabled.strong,foreground:core.foreground.inverse.default}},secondary:{progressive:{default:{border:core.border.neutral.default,background:core.transparent,foreground:core.foreground.instructive.subtle},hover:{border:core.border.instructive.default,background:core.transparent,foreground:core.foreground.instructive.subtle},press:{border:core.border.instructive.strong,background:core.background.instructive.subtle,foreground:core.foreground.instructive.default}},destructive:{default:{border:core.border.neutral.default,background:core.transparent,foreground:core.foreground.critical.subtle},hover:{border:core.border.critical.default,background:core.transparent,foreground:core.foreground.critical.subtle},press:{border:core.border.critical.strong,background:core.background.critical.subtle,foreground:core.foreground.critical.default}},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.subtle},hover:{border:core.border.instructive.default,background:core.transparent,foreground:core.foreground.instructive.subtle},press:{border:core.border.instructive.strong,background:core.transparent,foreground:core.foreground.instructive.default}},destructive:{default:{border:core.transparent,background:core.transparent,foreground:core.foreground.critical.subtle},hover:{border:core.border.critical.default,background:core.transparent,foreground:core.foreground.critical.subtle},press:{border:core.border.critical.strong,background:core.transparent,foreground:core.foreground.critical.default}},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.inverse.strong,hover:core.foreground.inverse.strong,press:core.foreground.inverse.strong,selected:core.foreground.inverse.strong},secondary:{rest:core.foreground.instructive.default,hover:core.foreground.instructive.default,press:core.foreground.instructive.default,selected:core.foreground.instructive.default},tertiary:{rest:core.foreground.instructive.default,hover:core.foreground.instructive.default,press:core.foreground.instructive.default,selected:core.foreground.instructive.default}},shadow:{primary:{rest:core.shadow.chonky.progressive.default,hover:core.shadow.chonky.progressive.default,press:core.shadow.chonky.progressive.default,selected:core.shadow.chonky.progressive.default},secondary:{rest:core.shadow.chonky.progressive.subtle,hover:core.shadow.chonky.progressive.subtle,press:core.shadow.chonky.progressive.subtle,selected:core.shadow.chonky.progressive.subtle},tertiary:{rest:core.transparent,hover:core.shadow.chonky.neutral.subtle,press:core.shadow.chonky.neutral.subtle,selected:core.shadow.chonky.progressive.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.inverse.strong,hover:core.foreground.inverse.strong,press:core.foreground.inverse.strong,selected:core.foreground.inverse.strong},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.progressive.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:surface.primary,foreground:core.foreground.neutral.strong,placeholder:core.foreground.neutral.default},checked:{border:core.border.instructive.default,background:core.background.instructive.default,foreground:core.foreground.inverse.strong},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}},status:{critical:{background:core.background.critical.subtle,foreground:core.foreground.critical.subtle},warning:{background:core.background.warning.subtle,foreground:core.foreground.warning.subtle},success:{background:core.background.success.subtle,foreground:core.foreground.success.subtle},notice:{background:core.background.instructive.subtle,foreground:core.foreground.instructive.subtle},neutral:{background:core.background.neutral.subtle,foreground:core.foreground.neutral.strong}},surface,text,border:border$2,focus:{outer:color$1.blue,inner:color$1.white},icon:{primary:color$1.fadedOffBlack72,secondary:color$1.offBlack,inverse:color$1.white,action:color$1.blue,destructive:color$1.red,disabled:color$1.fadedOffBlack32},link:{rest:core.foreground.instructive.subtle,hover:core.foreground.instructive.subtle,press:core.foreground.instructive.default,disabled:core.foreground.inverse.subtle},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.instructive.strong}},success:{subtle:{background:core.background.success.subtle,border:core.border.success.subtle,icon:core.foreground.success.default,text:core.foreground.success.strong}},warning:{subtle:{background:core.background.warning.subtle,border:core.border.warning.default,icon:core.foreground.warning.default,text:core.foreground.warning.strong}},critical:{subtle:{background:core.background.critical.subtle,border:core.border.critical.subtle,icon:core.foreground.critical.default,text:core.foreground.critical.strong}}}};
22
22
 
23
23
  const border$1={radius:{radius_0:remToPx(sizing$1.size_0),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)}};
24
24
 
package/dist/index.js CHANGED
@@ -22,7 +22,7 @@ const fontFamily={sans:'Lato, "Noto Sans", sans-serif',serif:'"Noto Serif", seri
22
22
 
23
23
  const black="#191918";const white="#FFFFFF";const color={red_90:"#FEF4F4",red_80:"#FDE9E9",red_70:"#FDDFDF",red_60:"#FBB1B1",red_50:"#F97F7F",red_40:"#ED5656",red_30:"#E22D2D",red_20:"#BE2626",red_10:"#8E1C1C",red_05:"#621414",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",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",green_90:"#F1FBF1",green_80:"#E3F7E3",green_70:"#D5F3D5",green_60:"#BCEBBB",green_50:"#97D38E",green_40:"#72BB82",green_30:"#579F6C",green_20:"#3C6D4A",green_10:"#2C5037",green_05:"#24432D",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",blue_90:"#F8F9FB",blue_80:"#EBF1FD",blue_70:"#DFEAFF",blue_60:"#BFCAFF",blue_50:"#8DA2FF",blue_40:"#6E78FF",blue_30:"#5753FA",blue_20:"#4340D0",blue_10:"#363498",blue_05:"#252368",magenta_90:"#FCEEF7",magenta_80:"#FFE3F4",magenta_70:"#FAD4EC",magenta_60:"#F9BBE1",magenta_50:"#F8A2D6",magenta_40:"#F670C1",magenta_30:"#E83FA4",magenta_20:"#C03187",magenta_10:"#84275E",magenta_05:"#521B3C",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:"#35373F",black_100:black,black_50:fade(black,.5),white_100:white};
24
24
 
25
- const transparent="transparent";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},inverse:{subtle:color$1.fadedOffBlack16,default:color$1.fadedOffBlack8,strong:color$1.white}},background:{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}},foreground:{instructive:{subtle:color$1.blue,default:color$1.activeBlue,strong:color$1.offBlack},neutral:{subtle:color$1.fadedOffBlack64,default:color$1.fadedOffBlack72,strong:color$1.offBlack},critical:{subtle:color$1.red,default:color$1.activeRed,strong:color$1.offBlack},success:{subtle:color$1.green,default:color$1.activeGreen,strong:color$1.offBlack},warning:{subtle:color$1.gold,default:color$1.activeGold,strong:color$1.offBlack},disabled:{subtle:color$1.fadedOffBlack16,default:color$1.fadedOffBlack32,strong:color$1.fadedOffBlack50},inverse:{subtle:color$1.fadedOffBlack32,default:color$1.offWhite,strong:color$1.white}},shadow:{transparent:transparent,chonky:{progressive:{subtle:color$1.fadedBlue,default:color$1.activeBlue},neutral:{subtle:color$1.fadedOffBlack32,default:color$1.fadedOffBlack50,strong:color$1.offBlack}}}};const border$2={primary:color$1.fadedOffBlack16,subtle:color$1.fadedOffBlack8,strong:color$1.fadedOffBlack50,inverse:color$1.white,progressive:color$1.blue,destructive:color$1.red};const surface={primary:color$1.white,secondary:color$1.offWhite,emphasis:color$1.blue,inverse:color$1.darkBlue,overlay:color$1.offBlack64};const text={primary:core.foreground.neutral.strong,secondary:core.foreground.neutral.default,disabled:core.foreground.inverse.subtle,inverse:core.foreground.inverse.strong};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}}}},action:{primary:{progressive:{default:{border:core.transparent,background:core.background.instructive.default,foreground:core.foreground.inverse.strong},hover:{border:core.border.instructive.default,background:core.background.instructive.default,foreground:core.foreground.inverse.strong},press:{border:core.border.instructive.strong,background:core.background.instructive.strong,foreground:core.foreground.inverse.strong}},destructive:{default:{border:core.transparent,background:core.background.critical.default,foreground:core.foreground.inverse.strong},hover:{border:core.border.critical.default,background:core.background.critical.default,foreground:core.foreground.inverse.strong},press:{border:core.border.critical.strong,background:core.background.critical.strong,foreground:core.foreground.inverse.strong}},neutral:{default:{border:core.transparent,background:core.background.neutral.default,foreground:core.foreground.inverse.strong},hover:{border:core.border.neutral.default,background:core.background.neutral.default,foreground:core.foreground.inverse.strong},press:{border:core.border.neutral.strong,background:core.background.neutral.strong,foreground:core.foreground.inverse.strong}},disabled:{border:core.border.disabled.strong,background:core.border.disabled.strong,foreground:core.foreground.inverse.default}},secondary:{progressive:{default:{border:core.border.neutral.default,background:core.transparent,foreground:core.foreground.instructive.subtle},hover:{border:core.border.instructive.default,background:core.transparent,foreground:core.foreground.instructive.subtle},press:{border:core.border.instructive.strong,background:core.background.instructive.subtle,foreground:core.foreground.instructive.default}},destructive:{default:{border:core.border.neutral.default,background:core.transparent,foreground:core.foreground.critical.subtle},hover:{border:core.border.critical.default,background:core.transparent,foreground:core.foreground.critical.subtle},press:{border:core.border.critical.strong,background:core.background.critical.subtle,foreground:core.foreground.critical.default}},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.subtle},hover:{border:core.border.instructive.default,background:core.transparent,foreground:core.foreground.instructive.subtle},press:{border:core.border.instructive.strong,background:core.transparent,foreground:core.foreground.instructive.default}},destructive:{default:{border:core.transparent,background:core.transparent,foreground:core.foreground.critical.subtle},hover:{border:core.border.critical.default,background:core.transparent,foreground:core.foreground.critical.subtle},press:{border:core.border.critical.strong,background:core.transparent,foreground:core.foreground.critical.default}},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.inverse.strong,hover:core.foreground.inverse.strong,press:core.foreground.inverse.strong,selected:core.foreground.inverse.strong},secondary:{rest:core.foreground.instructive.default,hover:core.foreground.instructive.default,press:core.foreground.instructive.default,selected:core.foreground.instructive.default},tertiary:{rest:core.foreground.instructive.default,hover:core.foreground.instructive.default,press:core.foreground.instructive.default,selected:core.foreground.instructive.default}},shadow:{primary:{rest:core.shadow.chonky.progressive.default,hover:core.shadow.chonky.progressive.default,press:core.shadow.chonky.progressive.default,selected:core.shadow.chonky.progressive.default},secondary:{rest:core.shadow.chonky.progressive.subtle,hover:core.shadow.chonky.progressive.subtle,press:core.shadow.chonky.progressive.subtle,selected:core.shadow.chonky.progressive.subtle},tertiary:{rest:core.shadow.transparent,hover:core.shadow.chonky.neutral.subtle,press:core.shadow.chonky.neutral.subtle,selected:core.shadow.chonky.progressive.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.inverse.strong,hover:core.foreground.inverse.strong,press:core.foreground.inverse.strong,selected:core.foreground.inverse.strong},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.shadow.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.shadow.transparent,hover:core.shadow.chonky.neutral.subtle,press:core.shadow.chonky.neutral.subtle,selected:core.shadow.chonky.progressive.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.shadow.transparent}}},input:{default:{border:core.border.neutral.default,background:surface.primary,foreground:core.foreground.neutral.strong,placeholder:core.foreground.neutral.default},checked:{border:core.border.instructive.default,background:core.background.instructive.default,foreground:core.foreground.inverse.strong},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}},status:{critical:{background:core.background.critical.subtle,foreground:core.foreground.critical.subtle},warning:{background:core.background.warning.subtle,foreground:core.foreground.warning.subtle},success:{background:core.background.success.subtle,foreground:core.foreground.success.subtle},notice:{background:core.background.instructive.subtle,foreground:core.foreground.instructive.subtle},neutral:{background:core.background.neutral.subtle,foreground:core.foreground.neutral.strong}},surface,text,border:border$2,focus:{outer:color$1.blue,inner:color$1.white},icon:{primary:color$1.fadedOffBlack72,secondary:color$1.offBlack,inverse:color$1.white,action:color$1.blue,destructive:color$1.red,disabled:color$1.fadedOffBlack32},link:{rest:core.foreground.instructive.subtle,hover:core.foreground.instructive.subtle,press:core.foreground.instructive.default,disabled:core.foreground.inverse.subtle},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.instructive.strong}},success:{subtle:{background:core.background.success.subtle,border:core.border.success.subtle,icon:core.foreground.success.default,text:core.foreground.success.strong}},warning:{subtle:{background:core.background.warning.subtle,border:core.border.warning.default,icon:core.foreground.warning.default,text:core.foreground.warning.strong}},critical:{subtle:{background:core.background.critical.subtle,border:core.border.critical.subtle,icon:core.foreground.critical.default,text:core.foreground.critical.strong}}}};
25
+ const transparent="transparent";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},inverse:{subtle:color$1.fadedOffBlack16,default:color$1.fadedOffBlack8,strong:color$1.white}},background:{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}},foreground:{instructive:{subtle:color$1.blue,default:color$1.activeBlue,strong:color$1.offBlack},neutral:{subtle:color$1.fadedOffBlack64,default:color$1.fadedOffBlack72,strong:color$1.offBlack},critical:{subtle:color$1.red,default:color$1.activeRed,strong:color$1.offBlack},success:{subtle:color$1.green,default:color$1.activeGreen,strong:color$1.offBlack},warning:{subtle:color$1.gold,default:color$1.activeGold,strong:color$1.offBlack},disabled:{subtle:color$1.fadedOffBlack16,default:color$1.fadedOffBlack32,strong:color$1.fadedOffBlack50},inverse:{subtle:color$1.fadedOffBlack32,default:color$1.offWhite,strong:color$1.white}},shadow:{transparent:color$1.offBlack16,chonky:{progressive:{subtle:color$1.fadedBlue,default:color$1.activeBlue},neutral:{subtle:color$1.fadedOffBlack32,default:color$1.fadedOffBlack50,strong:color$1.offBlack}}}};const border$2={primary:color$1.fadedOffBlack16,subtle:color$1.fadedOffBlack8,strong:color$1.fadedOffBlack50,inverse:color$1.white,progressive:color$1.blue,destructive:color$1.red};const surface={primary:color$1.white,secondary:color$1.offWhite,emphasis:color$1.blue,inverse:color$1.darkBlue,overlay:color$1.offBlack64};const text={primary:core.foreground.neutral.strong,secondary:core.foreground.neutral.default,disabled:core.foreground.inverse.subtle,inverse:core.foreground.inverse.strong};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}}}},action:{primary:{progressive:{default:{border:core.transparent,background:core.background.instructive.default,foreground:core.foreground.inverse.strong},hover:{border:core.border.instructive.default,background:core.background.instructive.default,foreground:core.foreground.inverse.strong},press:{border:core.border.instructive.strong,background:core.background.instructive.strong,foreground:core.foreground.inverse.strong}},destructive:{default:{border:core.transparent,background:core.background.critical.default,foreground:core.foreground.inverse.strong},hover:{border:core.border.critical.default,background:core.background.critical.default,foreground:core.foreground.inverse.strong},press:{border:core.border.critical.strong,background:core.background.critical.strong,foreground:core.foreground.inverse.strong}},neutral:{default:{border:core.transparent,background:core.background.neutral.default,foreground:core.foreground.inverse.strong},hover:{border:core.border.neutral.default,background:core.background.neutral.default,foreground:core.foreground.inverse.strong},press:{border:core.border.neutral.strong,background:core.background.neutral.strong,foreground:core.foreground.inverse.strong}},disabled:{border:core.border.disabled.strong,background:core.border.disabled.strong,foreground:core.foreground.inverse.default}},secondary:{progressive:{default:{border:core.border.neutral.default,background:core.transparent,foreground:core.foreground.instructive.subtle},hover:{border:core.border.instructive.default,background:core.transparent,foreground:core.foreground.instructive.subtle},press:{border:core.border.instructive.strong,background:core.background.instructive.subtle,foreground:core.foreground.instructive.default}},destructive:{default:{border:core.border.neutral.default,background:core.transparent,foreground:core.foreground.critical.subtle},hover:{border:core.border.critical.default,background:core.transparent,foreground:core.foreground.critical.subtle},press:{border:core.border.critical.strong,background:core.background.critical.subtle,foreground:core.foreground.critical.default}},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.subtle},hover:{border:core.border.instructive.default,background:core.transparent,foreground:core.foreground.instructive.subtle},press:{border:core.border.instructive.strong,background:core.transparent,foreground:core.foreground.instructive.default}},destructive:{default:{border:core.transparent,background:core.transparent,foreground:core.foreground.critical.subtle},hover:{border:core.border.critical.default,background:core.transparent,foreground:core.foreground.critical.subtle},press:{border:core.border.critical.strong,background:core.transparent,foreground:core.foreground.critical.default}},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.inverse.strong,hover:core.foreground.inverse.strong,press:core.foreground.inverse.strong,selected:core.foreground.inverse.strong},secondary:{rest:core.foreground.instructive.default,hover:core.foreground.instructive.default,press:core.foreground.instructive.default,selected:core.foreground.instructive.default},tertiary:{rest:core.foreground.instructive.default,hover:core.foreground.instructive.default,press:core.foreground.instructive.default,selected:core.foreground.instructive.default}},shadow:{primary:{rest:core.shadow.chonky.progressive.default,hover:core.shadow.chonky.progressive.default,press:core.shadow.chonky.progressive.default,selected:core.shadow.chonky.progressive.default},secondary:{rest:core.shadow.chonky.progressive.subtle,hover:core.shadow.chonky.progressive.subtle,press:core.shadow.chonky.progressive.subtle,selected:core.shadow.chonky.progressive.subtle},tertiary:{rest:core.transparent,hover:core.shadow.chonky.neutral.subtle,press:core.shadow.chonky.neutral.subtle,selected:core.shadow.chonky.progressive.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.inverse.strong,hover:core.foreground.inverse.strong,press:core.foreground.inverse.strong,selected:core.foreground.inverse.strong},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.progressive.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:surface.primary,foreground:core.foreground.neutral.strong,placeholder:core.foreground.neutral.default},checked:{border:core.border.instructive.default,background:core.background.instructive.default,foreground:core.foreground.inverse.strong},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}},status:{critical:{background:core.background.critical.subtle,foreground:core.foreground.critical.subtle},warning:{background:core.background.warning.subtle,foreground:core.foreground.warning.subtle},success:{background:core.background.success.subtle,foreground:core.foreground.success.subtle},notice:{background:core.background.instructive.subtle,foreground:core.foreground.instructive.subtle},neutral:{background:core.background.neutral.subtle,foreground:core.foreground.neutral.strong}},surface,text,border:border$2,focus:{outer:color$1.blue,inner:color$1.white},icon:{primary:color$1.fadedOffBlack72,secondary:color$1.offBlack,inverse:color$1.white,action:color$1.blue,destructive:color$1.red,disabled:color$1.fadedOffBlack32},link:{rest:core.foreground.instructive.subtle,hover:core.foreground.instructive.subtle,press:core.foreground.instructive.default,disabled:core.foreground.inverse.subtle},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.instructive.strong}},success:{subtle:{background:core.background.success.subtle,border:core.border.success.subtle,icon:core.foreground.success.default,text:core.foreground.success.strong}},warning:{subtle:{background:core.background.warning.subtle,border:core.border.warning.default,icon:core.foreground.warning.default,text:core.foreground.warning.strong}},critical:{subtle:{background:core.background.critical.subtle,border:core.border.critical.subtle,icon:core.foreground.critical.default,text:core.foreground.critical.strong}}}};
26
26
 
27
27
  const border$1={radius:{radius_0:remToPx(sizing$1.size_0),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)}};
28
28
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@khanacademy/wonder-blocks-tokens",
3
- "version": "11.2.0",
3
+ "version": "11.2.1",
4
4
  "description": "Core primitive design tokens for Web Wonder Blocks",
5
5
  "exports": {
6
6
  ".": {