@khanacademy/wonder-blocks-tokens 16.7.0 → 16.8.0

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

@@ -1,5 +1,5 @@
 
-> @khanacademy/wonder-blocks-tokens@16.7.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,11 @@
 # @khanacademy/wonder-blocks-tokens
 
+## 16.8.0
+
+### Minor Changes
+
+- f13552a: Add learning tokens for character flesh background and border
+
 ## 16.7.0
 
 ### Minor Changes

package/dist/css/index.css

@@ -697,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;
@@ -706,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;
@@ -1182,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;
@@ -1191,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;
@@ -1667,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;
@@ -1676,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;

package/dist/css/vars.css

@@ -150,6 +150,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;
@@ -159,6 +174,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;
@@ -635,6 +665,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;
@@ -644,6 +689,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;
@@ -1120,6 +1180,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;
@@ -1129,6 +1204,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;

package/dist/es/index.js

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

package/dist/index.d.ts

@@ -205,6 +205,35 @@ declare const border: {
                     default: string;
                 };
             };
+            characters: {
+                flesh: {
+                    blue: {
+                        subtle: string;
+                        default: string;
+                        strong: string;
+                    };
+                    cyan: {
+                        subtle: string;
+                        default: string;
+                        strong: string;
+                    };
+                    green: {
+                        subtle: string;
+                        default: string;
+                        strong: string;
+                    };
+                    magenta: {
+                        subtle: string;
+                        default: string;
+                        strong: string;
+                    };
+                    orange: {
+                        subtle: string;
+                        default: string;
+                        strong: string;
+                    };
+                };
+            };
         };
         border: {
             gems: {
@@ -222,6 +251,35 @@ declare const border: {
                 default: string;
                 strong: string;
             };
+            characters: {
+                flesh: {
+                    blue: {
+                        subtle: string;
+                        default: string;
+                        strong: string;
+                    };
+                    cyan: {
+                        subtle: string;
+                        default: string;
+                        strong: string;
+                    };
+                    green: {
+                        subtle: string;
+                        default: string;
+                        strong: string;
+                    };
+                    magenta: {
+                        subtle: string;
+                        default: string;
+                        strong: string;
+                    };
+                    orange: {
+                        subtle: string;
+                        default: string;
+                        strong: string;
+                    };
+                };
+            };
         };
         foreground: {
             gems: {

package/dist/index.js

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

package/dist/theme/default.d.ts

@@ -279,6 +279,35 @@ declare const _default: {
                         default: string;
                     };
                 };
+                characters: {
+                    flesh: {
+                        blue: {
+                            subtle: string;
+                            default: string;
+                            strong: string;
+                        };
+                        cyan: {
+                            subtle: string;
+                            default: string;
+                            strong: string;
+                        };
+                        green: {
+                            subtle: string;
+                            default: string;
+                            strong: string;
+                        };
+                        magenta: {
+                            subtle: string;
+                            default: string;
+                            strong: string;
+                        };
+                        orange: {
+                            subtle: string;
+                            default: string;
+                            strong: string;
+                        };
+                    };
+                };
             };
             border: {
                 gems: {
@@ -296,6 +325,35 @@ declare const _default: {
                     default: string;
                     strong: string;
                 };
+                characters: {
+                    flesh: {
+                        blue: {
+                            subtle: string;
+                            default: string;
+                            strong: string;
+                        };
+                        cyan: {
+                            subtle: string;
+                            default: string;
+                            strong: string;
+                        };
+                        green: {
+                            subtle: string;
+                            default: string;
+                            strong: string;
+                        };
+                        magenta: {
+                            subtle: string;
+                            default: string;
+                            strong: string;
+                        };
+                        orange: {
+                            subtle: string;
+                            default: string;
+                            strong: string;
+                        };
+                    };
+                };
             };
             foreground: {
                 gems: {

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

@@ -180,6 +180,35 @@ export declare const semanticColor: {
                     default: string;
                 };
             };
+            characters: {
+                flesh: {
+                    blue: {
+                        subtle: string;
+                        default: string;
+                        strong: string;
+                    };
+                    cyan: {
+                        subtle: string;
+                        default: string;
+                        strong: string;
+                    };
+                    green: {
+                        subtle: string;
+                        default: string;
+                        strong: string;
+                    };
+                    magenta: {
+                        subtle: string;
+                        default: string;
+                        strong: string;
+                    };
+                    orange: {
+                        subtle: string;
+                        default: string;
+                        strong: string;
+                    };
+                };
+            };
         };
         border: {
             gems: {
@@ -197,6 +226,35 @@ export declare const semanticColor: {
                 default: string;
                 strong: string;
             };
+            characters: {
+                flesh: {
+                    blue: {
+                        subtle: string;
+                        default: string;
+                        strong: string;
+                    };
+                    cyan: {
+                        subtle: string;
+                        default: string;
+                        strong: string;
+                    };
+                    green: {
+                        subtle: string;
+                        default: string;
+                        strong: string;
+                    };
+                    magenta: {
+                        subtle: string;
+                        default: string;
+                        strong: string;
+                    };
+                    orange: {
+                        subtle: string;
+                        default: string;
+                        strong: string;
+                    };
+                };
+            };
         };
         foreground: {
             gems: {

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

@@ -180,6 +180,35 @@ export declare const semanticColor: {
                     default: string;
                 };
             };
+            characters: {
+                flesh: {
+                    blue: {
+                        subtle: string;
+                        default: string;
+                        strong: string;
+                    };
+                    cyan: {
+                        subtle: string;
+                        default: string;
+                        strong: string;
+                    };
+                    green: {
+                        subtle: string;
+                        default: string;
+                        strong: string;
+                    };
+                    magenta: {
+                        subtle: string;
+                        default: string;
+                        strong: string;
+                    };
+                    orange: {
+                        subtle: string;
+                        default: string;
+                        strong: string;
+                    };
+                };
+            };
         };
         border: {
             gems: {
@@ -197,6 +226,35 @@ export declare const semanticColor: {
                 default: string;
                 strong: string;
             };
+            characters: {
+                flesh: {
+                    blue: {
+                        subtle: string;
+                        default: string;
+                        strong: string;
+                    };
+                    cyan: {
+                        subtle: string;
+                        default: string;
+                        strong: string;
+                    };
+                    green: {
+                        subtle: string;
+                        default: string;
+                        strong: string;
+                    };
+                    magenta: {
+                        subtle: string;
+                        default: string;
+                        strong: string;
+                    };
+                    orange: {
+                        subtle: string;
+                        default: string;
+                        strong: string;
+                    };
+                };
+            };
         };
         foreground: {
             gems: {

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

@@ -199,6 +199,35 @@ export declare const semanticColor: {
                     default: string;
                 };
             };
+            characters: {
+                flesh: {
+                    blue: {
+                        subtle: string;
+                        default: string;
+                        strong: string;
+                    };
+                    cyan: {
+                        subtle: string;
+                        default: string;
+                        strong: string;
+                    };
+                    green: {
+                        subtle: string;
+                        default: string;
+                        strong: string;
+                    };
+                    magenta: {
+                        subtle: string;
+                        default: string;
+                        strong: string;
+                    };
+                    orange: {
+                        subtle: string;
+                        default: string;
+                        strong: string;
+                    };
+                };
+            };
         };
         border: {
             gems: {
@@ -216,6 +245,35 @@ export declare const semanticColor: {
                 default: string;
                 strong: string;
             };
+            characters: {
+                flesh: {
+                    blue: {
+                        subtle: string;
+                        default: string;
+                        strong: string;
+                    };
+                    cyan: {
+                        subtle: string;
+                        default: string;
+                        strong: string;
+                    };
+                    green: {
+                        subtle: string;
+                        default: string;
+                        strong: string;
+                    };
+                    magenta: {
+                        subtle: string;
+                        default: string;
+                        strong: string;
+                    };
+                    orange: {
+                        subtle: string;
+                        default: string;
+                        strong: string;
+                    };
+                };
+            };
         };
         foreground: {
             gems: {

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

@@ -270,6 +270,35 @@ declare const _default: {
                         default: string;
                     };
                 };
+                characters: {
+                    flesh: {
+                        blue: {
+                            subtle: string;
+                            default: string;
+                            strong: string;
+                        };
+                        cyan: {
+                            subtle: string;
+                            default: string;
+                            strong: string;
+                        };
+                        green: {
+                            subtle: string;
+                            default: string;
+                            strong: string;
+                        };
+                        magenta: {
+                            subtle: string;
+                            default: string;
+                            strong: string;
+                        };
+                        orange: {
+                            subtle: string;
+                            default: string;
+                            strong: string;
+                        };
+                    };
+                };
             };
             border: {
                 gems: {
@@ -287,6 +316,35 @@ declare const _default: {
                     default: string;
                     strong: string;
                 };
+                characters: {
+                    flesh: {
+                        blue: {
+                            subtle: string;
+                            default: string;
+                            strong: string;
+                        };
+                        cyan: {
+                            subtle: string;
+                            default: string;
+                            strong: string;
+                        };
+                        green: {
+                            subtle: string;
+                            default: string;
+                            strong: string;
+                        };
+                        magenta: {
+                            subtle: string;
+                            default: string;
+                            strong: string;
+                        };
+                        orange: {
+                            subtle: string;
+                            default: string;
+                            strong: string;
+                        };
+                    };
+                };
             };
             foreground: {
                 gems: {

package/dist/theme/thunderblocks.d.ts

@@ -270,6 +270,35 @@ declare const _default: {
                         default: string;
                     };
                 };
+                characters: {
+                    flesh: {
+                        blue: {
+                            subtle: string;
+                            default: string;
+                            strong: string;
+                        };
+                        cyan: {
+                            subtle: string;
+                            default: string;
+                            strong: string;
+                        };
+                        green: {
+                            subtle: string;
+                            default: string;
+                            strong: string;
+                        };
+                        magenta: {
+                            subtle: string;
+                            default: string;
+                            strong: string;
+                        };
+                        orange: {
+                            subtle: string;
+                            default: string;
+                            strong: string;
+                        };
+                    };
+                };
             };
             border: {
                 gems: {
@@ -287,6 +316,35 @@ declare const _default: {
                     default: string;
                     strong: string;
                 };
+                characters: {
+                    flesh: {
+                        blue: {
+                            subtle: string;
+                            default: string;
+                            strong: string;
+                        };
+                        cyan: {
+                            subtle: string;
+                            default: string;
+                            strong: string;
+                        };
+                        green: {
+                            subtle: string;
+                            default: string;
+                            strong: string;
+                        };
+                        magenta: {
+                            subtle: string;
+                            default: string;
+                            strong: string;
+                        };
+                        orange: {
+                            subtle: string;
+                            default: string;
+                            strong: string;
+                        };
+                    };
+                };
             };
             foreground: {
                 gems: {

package/dist/tokens/theme.d.ts

@@ -270,6 +270,35 @@ declare const _default: {
                         default: string;
                     };
                 };
+                characters: {
+                    flesh: {
+                        blue: {
+                            subtle: string;
+                            default: string;
+                            strong: string;
+                        };
+                        cyan: {
+                            subtle: string;
+                            default: string;
+                            strong: string;
+                        };
+                        green: {
+                            subtle: string;
+                            default: string;
+                            strong: string;
+                        };
+                        magenta: {
+                            subtle: string;
+                            default: string;
+                            strong: string;
+                        };
+                        orange: {
+                            subtle: string;
+                            default: string;
+                            strong: string;
+                        };
+                    };
+                };
             };
             border: {
                 gems: {
@@ -287,6 +316,35 @@ declare const _default: {
                     default: string;
                     strong: string;
                 };
+                characters: {
+                    flesh: {
+                        blue: {
+                            subtle: string;
+                            default: string;
+                            strong: string;
+                        };
+                        cyan: {
+                            subtle: string;
+                            default: string;
+                            strong: string;
+                        };
+                        green: {
+                            subtle: string;
+                            default: string;
+                            strong: string;
+                        };
+                        magenta: {
+                            subtle: string;
+                            default: string;
+                            strong: string;
+                        };
+                        orange: {
+                            subtle: string;
+                            default: string;
+                            strong: string;
+                        };
+                    };
+                };
             };
             foreground: {
                 gems: {

package/package.json

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