@khanacademy/wonder-blocks-tokens 17.1.0 → 17.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/.turbo/turbo-build$colon$css.log +1 -1
  2. package/CHANGELOG.md +16 -0
  3. package/dist/css/index.css +225 -3
  4. package/dist/css/vars.css +225 -3
  5. package/dist/es/index.js +2 -2
  6. package/dist/index.d.ts +179 -5
  7. package/dist/index.js +2 -2
  8. package/dist/theme/default.d.ts +179 -5
  9. package/dist/theme/semantic/internal/primitive-color-thunderblocks.d.ts +95 -0
  10. package/dist/theme/semantic/semantic-color-syl-dark.d.ts +179 -5
  11. package/dist/theme/semantic/semantic-color-thunderblocks.d.ts +179 -5
  12. package/dist/theme/semantic/semantic-color.d.ts +188 -5
  13. package/dist/theme/syl-dark.d.ts +179 -5
  14. package/dist/theme/thunderblocks.d.ts +179 -5
  15. package/dist/tokens/color.d.ts +18 -18
  16. package/dist/tokens/theme.d.ts +179 -5
  17. package/package.json +1 -1
package/.turbo/turbo-build$colon$css.log CHANGED
@@ -1,5 +1,5 @@
1
1
 
2
- > @khanacademy/wonder-blocks-tokens@17.1.0 build:css /home/runner/work/wonder-blocks/wonder-blocks/packages/wonder-blocks-tokens
2
+ > @khanacademy/wonder-blocks-tokens@17.3.0 build:css /home/runner/work/wonder-blocks/wonder-blocks/packages/wonder-blocks-tokens
3
3
  > node -r @swc-node/register ./src/build/generate-css-variables.ts
4
4
 
5
5
  CSS variables generated successfully in: /home/runner/work/wonder-blocks/wonder-blocks/packages/wonder-blocks-tokens/dist/css
package/CHANGELOG.md CHANGED
@@ -1,5 +1,21 @@
1
1
  # @khanacademy/wonder-blocks-tokens
2
2
 
3
+ ## 17.3.0
4
+
5
+ ### Minor Changes
6
+
7
+ - 357a19c: Add `semanticColor.learning.embeddedContent.background.default` and `semanticColor.learning.embeddedContent.foreground.default` tokens. These use the Thunderblocks `black_100` and `gray_90` primitives respectively and remain consistent across all themes.
8
+
9
+ ### Patch Changes
10
+
11
+ - 6e4158c: Update the SYL Dark `action.secondary.neutral` background tokens (default, hover, and press states) to use `core.background.base.default`
12
+
13
+ ## 17.2.0
14
+
15
+ ### Minor Changes
16
+
17
+ - 3e7925e: Add `semanticColor.graphics` tokens (characters, gems, streaks, progress, role, neutral, and external brand colors) from the Figma "5 - Graphics" collection. SYL Light values are defined in the default theme (and inherited by thunderblocks), and SYL Dark values are defined in the SYL Dark theme.
18
+
3
19
  ## 17.1.0
4
20
 
5
21
  ### Minor Changes
package/dist/css/index.css CHANGED
@@ -660,6 +660,78 @@
660
660
  --wb-semanticColor-core-shadow-chonky-neutral-strong: #21242c;
661
661
  --wb-semanticColor-core-shadow-chonky-disabled-subtle: transparent;
662
662
  --wb-semanticColor-core-shadow-chonky-disabled-default: #b8b9bb;
663
+ --wb-semanticColor-graphics-characters-flesh-blue-background-subtle: #6C82FF;
664
+ --wb-semanticColor-graphics-characters-flesh-blue-background-default: #5753FA;
665
+ --wb-semanticColor-graphics-characters-flesh-blue-background-strong: #4340D0;
666
+ --wb-semanticColor-graphics-characters-flesh-blue-border-subtle: #6C82FF;
667
+ --wb-semanticColor-graphics-characters-flesh-blue-border-default: #4340D0;
668
+ --wb-semanticColor-graphics-characters-flesh-blue-border-strong: #363498;
669
+ --wb-semanticColor-graphics-characters-flesh-cyan-background-subtle: #57BAFD;
670
+ --wb-semanticColor-graphics-characters-flesh-cyan-background-default: #28A9FF;
671
+ --wb-semanticColor-graphics-characters-flesh-cyan-background-strong: #2485C7;
672
+ --wb-semanticColor-graphics-characters-flesh-cyan-border-subtle: #57BAFD;
673
+ --wb-semanticColor-graphics-characters-flesh-cyan-border-default: #2485C7;
674
+ --wb-semanticColor-graphics-characters-flesh-cyan-border-strong: #20628F;
675
+ --wb-semanticColor-graphics-characters-flesh-green-background-subtle: #72BB82;
676
+ --wb-semanticColor-graphics-characters-flesh-green-background-default: #579F6C;
677
+ --wb-semanticColor-graphics-characters-flesh-green-background-strong: #3C6D4A;
678
+ --wb-semanticColor-graphics-characters-flesh-green-border-subtle: #72BB82;
679
+ --wb-semanticColor-graphics-characters-flesh-green-border-default: #3C6D4A;
680
+ --wb-semanticColor-graphics-characters-flesh-green-border-strong: #2C5037;
681
+ --wb-semanticColor-graphics-characters-flesh-magenta-background-subtle: #F670C1;
682
+ --wb-semanticColor-graphics-characters-flesh-magenta-background-default: #E83FA4;
683
+ --wb-semanticColor-graphics-characters-flesh-magenta-background-strong: #BB3183;
684
+ --wb-semanticColor-graphics-characters-flesh-magenta-border-subtle: #F670C1;
685
+ --wb-semanticColor-graphics-characters-flesh-magenta-border-default: #BB3183;
686
+ --wb-semanticColor-graphics-characters-flesh-magenta-border-strong: #84275E;
687
+ --wb-semanticColor-graphics-characters-flesh-orange-background-subtle: #F97B4F;
688
+ --wb-semanticColor-graphics-characters-flesh-orange-background-default: #F8551A;
689
+ --wb-semanticColor-graphics-characters-flesh-orange-background-strong: #C8481A;
690
+ --wb-semanticColor-graphics-characters-flesh-orange-border-subtle: #F97B4F;
691
+ --wb-semanticColor-graphics-characters-flesh-orange-border-default: #C8481A;
692
+ --wb-semanticColor-graphics-characters-flesh-orange-border-strong: #983C1A;
693
+ --wb-semanticColor-graphics-externalBrands-google-red: #EA4335;
694
+ --wb-semanticColor-graphics-externalBrands-google-yellow: #FBBC05;
695
+ --wb-semanticColor-graphics-externalBrands-google-green: #34A853;
696
+ --wb-semanticColor-graphics-externalBrands-google-blue: #4285F4;
697
+ --wb-semanticColor-graphics-externalBrands-facebook-blue: #1877F2;
698
+ --wb-semanticColor-graphics-externalBrands-facebook-white: #FFFFFF;
699
+ --wb-semanticColor-graphics-externalBrands-microsoft-red: #F35325;
700
+ --wb-semanticColor-graphics-externalBrands-microsoft-green: #81BC06;
701
+ --wb-semanticColor-graphics-externalBrands-microsoft-blue: #05A6F0;
702
+ --wb-semanticColor-graphics-externalBrands-microsoft-yellow: #FFBA08;
703
+ --wb-semanticColor-graphics-externalBrands-apple-brand: #000000;
704
+ --wb-semanticColor-graphics-gems-background-subtle: #FFE3F4;
705
+ --wb-semanticColor-graphics-gems-background-default: #FAD4EC;
706
+ --wb-semanticColor-graphics-gems-foreground-subtle: #F9BBE1;
707
+ --wb-semanticColor-graphics-gems-foreground-default: #E83FA4;
708
+ --wb-semanticColor-graphics-gems-foreground-strong: #BB3183;
709
+ --wb-semanticColor-graphics-progress-attempted-background-subtle: #FEF8E7;
710
+ --wb-semanticColor-graphics-progress-attempted-background-default: #FEEAB8;
711
+ --wb-semanticColor-graphics-progress-attempted-foreground-subtle: #FDD673;
712
+ --wb-semanticColor-graphics-progress-attempted-foreground-strong: #966B00;
713
+ --wb-semanticColor-graphics-progress-notStarted-foreground-subtle: #B5B6B9;
714
+ --wb-semanticColor-graphics-progress-notStarted-foreground-strong: #4A4C53;
715
+ --wb-semanticColor-graphics-progress-complete-background-subtle: #F1FBF1;
716
+ --wb-semanticColor-graphics-progress-complete-background-default: #D5F3D5;
717
+ --wb-semanticColor-graphics-progress-complete-foreground-strong: #2C5037;
718
+ --wb-semanticColor-graphics-role-all-current-background: #F8F9FB;
719
+ --wb-semanticColor-graphics-role-all-current-foreground: #EBF1FD;
720
+ --wb-semanticColor-graphics-role-administrator-background: #CCE9FE;
721
+ --wb-semanticColor-graphics-role-administrator-foreground: #57BAFD;
722
+ --wb-semanticColor-graphics-role-learner-background: #FEBFB1;
723
+ --wb-semanticColor-graphics-role-learner-foreground: #F8551A;
724
+ --wb-semanticColor-graphics-role-parent-background: #D5F3D5;
725
+ --wb-semanticColor-graphics-role-parent-foreground: #72BB82;
726
+ --wb-semanticColor-graphics-role-teacher-background: #FDD673;
727
+ --wb-semanticColor-graphics-role-teacher-foreground: #FCB706;
728
+ --wb-semanticColor-graphics-streaks-background-subtle: #FEE9E5;
729
+ --wb-semanticColor-graphics-streaks-background-default: #FEDFD8;
730
+ --wb-semanticColor-graphics-streaks-foreground-subtle: #FEBFB1;
731
+ --wb-semanticColor-graphics-streaks-foreground-default: #F8551A;
732
+ --wb-semanticColor-graphics-streaks-foreground-strong: #C8481A;
733
+ --wb-semanticColor-graphics-neutral-background-subtle: #FFFFFF;
734
+ --wb-semanticColor-graphics-neutral-background-default: #F8F9FB;
663
735
  --wb-semanticColor-learning-math-foreground-blue: #3D7586;
664
736
  --wb-semanticColor-learning-math-foreground-gold: #946700;
665
737
  --wb-semanticColor-learning-math-foreground-green: #447A53;
@@ -670,6 +742,8 @@
670
742
  --wb-semanticColor-learning-math-foreground-purpleD: #8351E8;
671
743
  --wb-semanticColor-learning-math-foreground-pink: #B25071;
672
744
  --wb-semanticColor-learning-math-foreground-red: #D92916;
745
+ --wb-semanticColor-learning-embeddedContent-background-default: #151521;
746
+ --wb-semanticColor-learning-embeddedContent-foreground-default: #F6F6F6;
673
747
  --wb-semanticColor-learning-background-gems-subtle: #FCEEF7;
674
748
  --wb-semanticColor-learning-background-gems-default: #FFE3F4;
675
749
  --wb-semanticColor-learning-background-gems-strong: #84275E;
@@ -1160,6 +1234,78 @@
1160
1234
  --wb-semanticColor-core-shadow-chonky-neutral-strong: #B5B6B9;
1161
1235
  --wb-semanticColor-core-shadow-chonky-disabled-subtle: transparent;
1162
1236
  --wb-semanticColor-core-shadow-chonky-disabled-default: #252531;
1237
+ --wb-semanticColor-graphics-characters-flesh-blue-background-subtle: #4340D0;
1238
+ --wb-semanticColor-graphics-characters-flesh-blue-background-default: #5753FA;
1239
+ --wb-semanticColor-graphics-characters-flesh-blue-background-strong: #6C82FF;
1240
+ --wb-semanticColor-graphics-characters-flesh-blue-border-subtle: #363498;
1241
+ --wb-semanticColor-graphics-characters-flesh-blue-border-default: #4340D0;
1242
+ --wb-semanticColor-graphics-characters-flesh-blue-border-strong: #6C82FF;
1243
+ --wb-semanticColor-graphics-characters-flesh-cyan-background-subtle: #2485C7;
1244
+ --wb-semanticColor-graphics-characters-flesh-cyan-background-default: #28A9FF;
1245
+ --wb-semanticColor-graphics-characters-flesh-cyan-background-strong: #57BAFD;
1246
+ --wb-semanticColor-graphics-characters-flesh-cyan-border-subtle: #20628F;
1247
+ --wb-semanticColor-graphics-characters-flesh-cyan-border-default: #2485C7;
1248
+ --wb-semanticColor-graphics-characters-flesh-cyan-border-strong: #57BAFD;
1249
+ --wb-semanticColor-graphics-characters-flesh-green-background-subtle: #3C6D4A;
1250
+ --wb-semanticColor-graphics-characters-flesh-green-background-default: #579F6C;
1251
+ --wb-semanticColor-graphics-characters-flesh-green-background-strong: #72BB82;
1252
+ --wb-semanticColor-graphics-characters-flesh-green-border-subtle: #3C6D4A;
1253
+ --wb-semanticColor-graphics-characters-flesh-green-border-default: #579F6C;
1254
+ --wb-semanticColor-graphics-characters-flesh-green-border-strong: #97D39E;
1255
+ --wb-semanticColor-graphics-characters-flesh-magenta-background-subtle: #BB3183;
1256
+ --wb-semanticColor-graphics-characters-flesh-magenta-background-default: #E83FA4;
1257
+ --wb-semanticColor-graphics-characters-flesh-magenta-background-strong: #F670C1;
1258
+ --wb-semanticColor-graphics-characters-flesh-magenta-border-subtle: #84275E;
1259
+ --wb-semanticColor-graphics-characters-flesh-magenta-border-default: #BB3183;
1260
+ --wb-semanticColor-graphics-characters-flesh-magenta-border-strong: #F670C1;
1261
+ --wb-semanticColor-graphics-characters-flesh-orange-background-subtle: #C8481A;
1262
+ --wb-semanticColor-graphics-characters-flesh-orange-background-default: #F8551A;
1263
+ --wb-semanticColor-graphics-characters-flesh-orange-background-strong: #F97B4F;
1264
+ --wb-semanticColor-graphics-characters-flesh-orange-border-subtle: #983C1A;
1265
+ --wb-semanticColor-graphics-characters-flesh-orange-border-default: #C8481A;
1266
+ --wb-semanticColor-graphics-characters-flesh-orange-border-strong: #F97B4F;
1267
+ --wb-semanticColor-graphics-externalBrands-google-red: #EA4335;
1268
+ --wb-semanticColor-graphics-externalBrands-google-yellow: #FBBC05;
1269
+ --wb-semanticColor-graphics-externalBrands-google-green: #34A853;
1270
+ --wb-semanticColor-graphics-externalBrands-google-blue: #4285F4;
1271
+ --wb-semanticColor-graphics-externalBrands-facebook-blue: #1877F2;
1272
+ --wb-semanticColor-graphics-externalBrands-facebook-white: #FFFFFF;
1273
+ --wb-semanticColor-graphics-externalBrands-microsoft-red: #F35325;
1274
+ --wb-semanticColor-graphics-externalBrands-microsoft-green: #81BC06;
1275
+ --wb-semanticColor-graphics-externalBrands-microsoft-blue: #05A6F0;
1276
+ --wb-semanticColor-graphics-externalBrands-microsoft-yellow: #FFBA08;
1277
+ --wb-semanticColor-graphics-externalBrands-apple-brand: #FFFFFF;
1278
+ --wb-semanticColor-graphics-gems-background-subtle: #33182E;
1279
+ --wb-semanticColor-graphics-gems-background-default: #521B3C;
1280
+ --wb-semanticColor-graphics-gems-foreground-subtle: #BB3183;
1281
+ --wb-semanticColor-graphics-gems-foreground-default: #E83FA4;
1282
+ --wb-semanticColor-graphics-gems-foreground-strong: #FCEEF7;
1283
+ --wb-semanticColor-graphics-progress-attempted-background-subtle: #312405;
1284
+ --wb-semanticColor-graphics-progress-attempted-background-default: #5F4500;
1285
+ --wb-semanticColor-graphics-progress-attempted-foreground-subtle: #D69900;
1286
+ --wb-semanticColor-graphics-progress-attempted-foreground-strong: #5F4500;
1287
+ --wb-semanticColor-graphics-progress-notStarted-foreground-subtle: #B5B6B9;
1288
+ --wb-semanticColor-graphics-progress-notStarted-foreground-strong: #4A4C53;
1289
+ --wb-semanticColor-graphics-progress-complete-background-subtle: #1A2924;
1290
+ --wb-semanticColor-graphics-progress-complete-background-default: #24432D;
1291
+ --wb-semanticColor-graphics-progress-complete-foreground-strong: #2C5037;
1292
+ --wb-semanticColor-graphics-role-all-current-background: #151521;
1293
+ --wb-semanticColor-graphics-role-all-current-foreground: #222149;
1294
+ --wb-semanticColor-graphics-role-administrator-background: #1D3F58;
1295
+ --wb-semanticColor-graphics-role-administrator-foreground: #20628F;
1296
+ --wb-semanticColor-graphics-role-learner-background: #672912;
1297
+ --wb-semanticColor-graphics-role-learner-foreground: #983C1A;
1298
+ --wb-semanticColor-graphics-role-parent-background: #24432D;
1299
+ --wb-semanticColor-graphics-role-parent-foreground: #2C5037;
1300
+ --wb-semanticColor-graphics-role-teacher-background: #5F4500;
1301
+ --wb-semanticColor-graphics-role-teacher-foreground: #966B00;
1302
+ --wb-semanticColor-graphics-streaks-background-subtle: #3E1F19;
1303
+ --wb-semanticColor-graphics-streaks-background-default: #672912;
1304
+ --wb-semanticColor-graphics-streaks-foreground-subtle: #C8481A;
1305
+ --wb-semanticColor-graphics-streaks-foreground-default: #F8551A;
1306
+ --wb-semanticColor-graphics-streaks-foreground-strong: #FEF4F2;
1307
+ --wb-semanticColor-graphics-neutral-background-subtle: #252531;
1308
+ --wb-semanticColor-graphics-neutral-background-default: #151521;
1163
1309
  --wb-semanticColor-learning-math-foreground-blue: #87CBFC;
1164
1310
  --wb-semanticColor-learning-math-foreground-gold: #FCC539;
1165
1311
  --wb-semanticColor-learning-math-foreground-green: #97D39E;
@@ -1170,6 +1316,8 @@
1170
1316
  --wb-semanticColor-learning-math-foreground-purpleD: #8DA2FF;
1171
1317
  --wb-semanticColor-learning-math-foreground-pink: #F8A2D6;
1172
1318
  --wb-semanticColor-learning-math-foreground-red: #FBB1B1;
1319
+ --wb-semanticColor-learning-embeddedContent-background-default: #151521;
1320
+ --wb-semanticColor-learning-embeddedContent-foreground-default: #F6F6F6;
1173
1321
  --wb-semanticColor-learning-background-gems-subtle: #84275E;
1174
1322
  --wb-semanticColor-learning-background-gems-default: #33182E;
1175
1323
  --wb-semanticColor-learning-background-gems-strong: #BB3183;
@@ -1292,13 +1440,13 @@
1292
1440
  --wb-semanticColor-action-secondary-destructive-press-background: #3B141A;
1293
1441
  --wb-semanticColor-action-secondary-destructive-press-foreground: #F97F7F;
1294
1442
  --wb-semanticColor-action-secondary-neutral-default-border: #8A8B90;
1295
- --wb-semanticColor-action-secondary-neutral-default-background: transparent;
1443
+ --wb-semanticColor-action-secondary-neutral-default-background: #252531;
1296
1444
  --wb-semanticColor-action-secondary-neutral-default-foreground: #CBCBCD;
1297
1445
  --wb-semanticColor-action-secondary-neutral-hover-border: #CBCBCD;
1298
- --wb-semanticColor-action-secondary-neutral-hover-background: transparent;
1446
+ --wb-semanticColor-action-secondary-neutral-hover-background: #252531;
1299
1447
  --wb-semanticColor-action-secondary-neutral-hover-foreground: #EDEDEE;
1300
1448
  --wb-semanticColor-action-secondary-neutral-press-border: #CBCBCD;
1301
- --wb-semanticColor-action-secondary-neutral-press-background: transparent;
1449
+ --wb-semanticColor-action-secondary-neutral-press-background: #252531;
1302
1450
  --wb-semanticColor-action-secondary-neutral-press-foreground: #EDEDEE;
1303
1451
  --wb-semanticColor-action-secondary-disabled-border: #4A4C53;
1304
1452
  --wb-semanticColor-action-secondary-disabled-background: #4A4C53;
@@ -1660,6 +1808,78 @@
1660
1808
  --wb-semanticColor-core-shadow-chonky-neutral-strong: #4A4C53;
1661
1809
  --wb-semanticColor-core-shadow-chonky-disabled-subtle: transparent;
1662
1810
  --wb-semanticColor-core-shadow-chonky-disabled-default: #CBCBCD;
1811
+ --wb-semanticColor-graphics-characters-flesh-blue-background-subtle: #6C82FF;
1812
+ --wb-semanticColor-graphics-characters-flesh-blue-background-default: #5753FA;
1813
+ --wb-semanticColor-graphics-characters-flesh-blue-background-strong: #4340D0;
1814
+ --wb-semanticColor-graphics-characters-flesh-blue-border-subtle: #6C82FF;
1815
+ --wb-semanticColor-graphics-characters-flesh-blue-border-default: #4340D0;
1816
+ --wb-semanticColor-graphics-characters-flesh-blue-border-strong: #363498;
1817
+ --wb-semanticColor-graphics-characters-flesh-cyan-background-subtle: #57BAFD;
1818
+ --wb-semanticColor-graphics-characters-flesh-cyan-background-default: #28A9FF;
1819
+ --wb-semanticColor-graphics-characters-flesh-cyan-background-strong: #2485C7;
1820
+ --wb-semanticColor-graphics-characters-flesh-cyan-border-subtle: #57BAFD;
1821
+ --wb-semanticColor-graphics-characters-flesh-cyan-border-default: #2485C7;
1822
+ --wb-semanticColor-graphics-characters-flesh-cyan-border-strong: #20628F;
1823
+ --wb-semanticColor-graphics-characters-flesh-green-background-subtle: #72BB82;
1824
+ --wb-semanticColor-graphics-characters-flesh-green-background-default: #579F6C;
1825
+ --wb-semanticColor-graphics-characters-flesh-green-background-strong: #3C6D4A;
1826
+ --wb-semanticColor-graphics-characters-flesh-green-border-subtle: #72BB82;
1827
+ --wb-semanticColor-graphics-characters-flesh-green-border-default: #3C6D4A;
1828
+ --wb-semanticColor-graphics-characters-flesh-green-border-strong: #2C5037;
1829
+ --wb-semanticColor-graphics-characters-flesh-magenta-background-subtle: #F670C1;
1830
+ --wb-semanticColor-graphics-characters-flesh-magenta-background-default: #E83FA4;
1831
+ --wb-semanticColor-graphics-characters-flesh-magenta-background-strong: #BB3183;
1832
+ --wb-semanticColor-graphics-characters-flesh-magenta-border-subtle: #F670C1;
1833
+ --wb-semanticColor-graphics-characters-flesh-magenta-border-default: #BB3183;
1834
+ --wb-semanticColor-graphics-characters-flesh-magenta-border-strong: #84275E;
1835
+ --wb-semanticColor-graphics-characters-flesh-orange-background-subtle: #F97B4F;
1836
+ --wb-semanticColor-graphics-characters-flesh-orange-background-default: #F8551A;
1837
+ --wb-semanticColor-graphics-characters-flesh-orange-background-strong: #C8481A;
1838
+ --wb-semanticColor-graphics-characters-flesh-orange-border-subtle: #F97B4F;
1839
+ --wb-semanticColor-graphics-characters-flesh-orange-border-default: #C8481A;
1840
+ --wb-semanticColor-graphics-characters-flesh-orange-border-strong: #983C1A;
1841
+ --wb-semanticColor-graphics-externalBrands-google-red: #EA4335;
1842
+ --wb-semanticColor-graphics-externalBrands-google-yellow: #FBBC05;
1843
+ --wb-semanticColor-graphics-externalBrands-google-green: #34A853;
1844
+ --wb-semanticColor-graphics-externalBrands-google-blue: #4285F4;
1845
+ --wb-semanticColor-graphics-externalBrands-facebook-blue: #1877F2;
1846
+ --wb-semanticColor-graphics-externalBrands-facebook-white: #FFFFFF;
1847
+ --wb-semanticColor-graphics-externalBrands-microsoft-red: #F35325;
1848
+ --wb-semanticColor-graphics-externalBrands-microsoft-green: #81BC06;
1849
+ --wb-semanticColor-graphics-externalBrands-microsoft-blue: #05A6F0;
1850
+ --wb-semanticColor-graphics-externalBrands-microsoft-yellow: #FFBA08;
1851
+ --wb-semanticColor-graphics-externalBrands-apple-brand: #000000;
1852
+ --wb-semanticColor-graphics-gems-background-subtle: #FFE3F4;
1853
+ --wb-semanticColor-graphics-gems-background-default: #FAD4EC;
1854
+ --wb-semanticColor-graphics-gems-foreground-subtle: #F9BBE1;
1855
+ --wb-semanticColor-graphics-gems-foreground-default: #E83FA4;
1856
+ --wb-semanticColor-graphics-gems-foreground-strong: #BB3183;
1857
+ --wb-semanticColor-graphics-progress-attempted-background-subtle: #FEF8E7;
1858
+ --wb-semanticColor-graphics-progress-attempted-background-default: #FEEAB8;
1859
+ --wb-semanticColor-graphics-progress-attempted-foreground-subtle: #FDD673;
1860
+ --wb-semanticColor-graphics-progress-attempted-foreground-strong: #966B00;
1861
+ --wb-semanticColor-graphics-progress-notStarted-foreground-subtle: #B5B6B9;
1862
+ --wb-semanticColor-graphics-progress-notStarted-foreground-strong: #4A4C53;
1863
+ --wb-semanticColor-graphics-progress-complete-background-subtle: #F1FBF1;
1864
+ --wb-semanticColor-graphics-progress-complete-background-default: #D5F3D5;
1865
+ --wb-semanticColor-graphics-progress-complete-foreground-strong: #2C5037;
1866
+ --wb-semanticColor-graphics-role-all-current-background: #F8F9FB;
1867
+ --wb-semanticColor-graphics-role-all-current-foreground: #EBF1FD;
1868
+ --wb-semanticColor-graphics-role-administrator-background: #CCE9FE;
1869
+ --wb-semanticColor-graphics-role-administrator-foreground: #57BAFD;
1870
+ --wb-semanticColor-graphics-role-learner-background: #FEBFB1;
1871
+ --wb-semanticColor-graphics-role-learner-foreground: #F8551A;
1872
+ --wb-semanticColor-graphics-role-parent-background: #D5F3D5;
1873
+ --wb-semanticColor-graphics-role-parent-foreground: #72BB82;
1874
+ --wb-semanticColor-graphics-role-teacher-background: #FDD673;
1875
+ --wb-semanticColor-graphics-role-teacher-foreground: #FCB706;
1876
+ --wb-semanticColor-graphics-streaks-background-subtle: #FEE9E5;
1877
+ --wb-semanticColor-graphics-streaks-background-default: #FEDFD8;
1878
+ --wb-semanticColor-graphics-streaks-foreground-subtle: #FEBFB1;
1879
+ --wb-semanticColor-graphics-streaks-foreground-default: #F8551A;
1880
+ --wb-semanticColor-graphics-streaks-foreground-strong: #C8481A;
1881
+ --wb-semanticColor-graphics-neutral-background-subtle: #FFFFFF;
1882
+ --wb-semanticColor-graphics-neutral-background-default: #F8F9FB;
1663
1883
  --wb-semanticColor-learning-math-foreground-blue: #20628F;
1664
1884
  --wb-semanticColor-learning-math-foreground-gold: #966B00;
1665
1885
  --wb-semanticColor-learning-math-foreground-green: #3C6D4A;
@@ -1670,6 +1890,8 @@
1670
1890
  --wb-semanticColor-learning-math-foreground-purpleD: #363498;
1671
1891
  --wb-semanticColor-learning-math-foreground-pink: #84275E;
1672
1892
  --wb-semanticColor-learning-math-foreground-red: #BE2626;
1893
+ --wb-semanticColor-learning-embeddedContent-background-default: #151521;
1894
+ --wb-semanticColor-learning-embeddedContent-foreground-default: #F6F6F6;
1673
1895
  --wb-semanticColor-learning-background-gems-subtle: #FCEEF7;
1674
1896
  --wb-semanticColor-learning-background-gems-default: #FFE3F4;
1675
1897
  --wb-semanticColor-learning-background-gems-strong: #84275E;
package/dist/css/vars.css CHANGED
@@ -113,6 +113,78 @@
113
113
  --wb-semanticColor-core-shadow-chonky-neutral-strong: #21242c;
114
114
  --wb-semanticColor-core-shadow-chonky-disabled-subtle: transparent;
115
115
  --wb-semanticColor-core-shadow-chonky-disabled-default: #b8b9bb;
116
+ --wb-semanticColor-graphics-characters-flesh-blue-background-subtle: #6C82FF;
117
+ --wb-semanticColor-graphics-characters-flesh-blue-background-default: #5753FA;
118
+ --wb-semanticColor-graphics-characters-flesh-blue-background-strong: #4340D0;
119
+ --wb-semanticColor-graphics-characters-flesh-blue-border-subtle: #6C82FF;
120
+ --wb-semanticColor-graphics-characters-flesh-blue-border-default: #4340D0;
121
+ --wb-semanticColor-graphics-characters-flesh-blue-border-strong: #363498;
122
+ --wb-semanticColor-graphics-characters-flesh-cyan-background-subtle: #57BAFD;
123
+ --wb-semanticColor-graphics-characters-flesh-cyan-background-default: #28A9FF;
124
+ --wb-semanticColor-graphics-characters-flesh-cyan-background-strong: #2485C7;
125
+ --wb-semanticColor-graphics-characters-flesh-cyan-border-subtle: #57BAFD;
126
+ --wb-semanticColor-graphics-characters-flesh-cyan-border-default: #2485C7;
127
+ --wb-semanticColor-graphics-characters-flesh-cyan-border-strong: #20628F;
128
+ --wb-semanticColor-graphics-characters-flesh-green-background-subtle: #72BB82;
129
+ --wb-semanticColor-graphics-characters-flesh-green-background-default: #579F6C;
130
+ --wb-semanticColor-graphics-characters-flesh-green-background-strong: #3C6D4A;
131
+ --wb-semanticColor-graphics-characters-flesh-green-border-subtle: #72BB82;
132
+ --wb-semanticColor-graphics-characters-flesh-green-border-default: #3C6D4A;
133
+ --wb-semanticColor-graphics-characters-flesh-green-border-strong: #2C5037;
134
+ --wb-semanticColor-graphics-characters-flesh-magenta-background-subtle: #F670C1;
135
+ --wb-semanticColor-graphics-characters-flesh-magenta-background-default: #E83FA4;
136
+ --wb-semanticColor-graphics-characters-flesh-magenta-background-strong: #BB3183;
137
+ --wb-semanticColor-graphics-characters-flesh-magenta-border-subtle: #F670C1;
138
+ --wb-semanticColor-graphics-characters-flesh-magenta-border-default: #BB3183;
139
+ --wb-semanticColor-graphics-characters-flesh-magenta-border-strong: #84275E;
140
+ --wb-semanticColor-graphics-characters-flesh-orange-background-subtle: #F97B4F;
141
+ --wb-semanticColor-graphics-characters-flesh-orange-background-default: #F8551A;
142
+ --wb-semanticColor-graphics-characters-flesh-orange-background-strong: #C8481A;
143
+ --wb-semanticColor-graphics-characters-flesh-orange-border-subtle: #F97B4F;
144
+ --wb-semanticColor-graphics-characters-flesh-orange-border-default: #C8481A;
145
+ --wb-semanticColor-graphics-characters-flesh-orange-border-strong: #983C1A;
146
+ --wb-semanticColor-graphics-externalBrands-google-red: #EA4335;
147
+ --wb-semanticColor-graphics-externalBrands-google-yellow: #FBBC05;
148
+ --wb-semanticColor-graphics-externalBrands-google-green: #34A853;
149
+ --wb-semanticColor-graphics-externalBrands-google-blue: #4285F4;
150
+ --wb-semanticColor-graphics-externalBrands-facebook-blue: #1877F2;
151
+ --wb-semanticColor-graphics-externalBrands-facebook-white: #FFFFFF;
152
+ --wb-semanticColor-graphics-externalBrands-microsoft-red: #F35325;
153
+ --wb-semanticColor-graphics-externalBrands-microsoft-green: #81BC06;
154
+ --wb-semanticColor-graphics-externalBrands-microsoft-blue: #05A6F0;
155
+ --wb-semanticColor-graphics-externalBrands-microsoft-yellow: #FFBA08;
156
+ --wb-semanticColor-graphics-externalBrands-apple-brand: #000000;
157
+ --wb-semanticColor-graphics-gems-background-subtle: #FFE3F4;
158
+ --wb-semanticColor-graphics-gems-background-default: #FAD4EC;
159
+ --wb-semanticColor-graphics-gems-foreground-subtle: #F9BBE1;
160
+ --wb-semanticColor-graphics-gems-foreground-default: #E83FA4;
161
+ --wb-semanticColor-graphics-gems-foreground-strong: #BB3183;
162
+ --wb-semanticColor-graphics-progress-attempted-background-subtle: #FEF8E7;
163
+ --wb-semanticColor-graphics-progress-attempted-background-default: #FEEAB8;
164
+ --wb-semanticColor-graphics-progress-attempted-foreground-subtle: #FDD673;
165
+ --wb-semanticColor-graphics-progress-attempted-foreground-strong: #966B00;
166
+ --wb-semanticColor-graphics-progress-notStarted-foreground-subtle: #B5B6B9;
167
+ --wb-semanticColor-graphics-progress-notStarted-foreground-strong: #4A4C53;
168
+ --wb-semanticColor-graphics-progress-complete-background-subtle: #F1FBF1;
169
+ --wb-semanticColor-graphics-progress-complete-background-default: #D5F3D5;
170
+ --wb-semanticColor-graphics-progress-complete-foreground-strong: #2C5037;
171
+ --wb-semanticColor-graphics-role-all-current-background: #F8F9FB;
172
+ --wb-semanticColor-graphics-role-all-current-foreground: #EBF1FD;
173
+ --wb-semanticColor-graphics-role-administrator-background: #CCE9FE;
174
+ --wb-semanticColor-graphics-role-administrator-foreground: #57BAFD;
175
+ --wb-semanticColor-graphics-role-learner-background: #FEBFB1;
176
+ --wb-semanticColor-graphics-role-learner-foreground: #F8551A;
177
+ --wb-semanticColor-graphics-role-parent-background: #D5F3D5;
178
+ --wb-semanticColor-graphics-role-parent-foreground: #72BB82;
179
+ --wb-semanticColor-graphics-role-teacher-background: #FDD673;
180
+ --wb-semanticColor-graphics-role-teacher-foreground: #FCB706;
181
+ --wb-semanticColor-graphics-streaks-background-subtle: #FEE9E5;
182
+ --wb-semanticColor-graphics-streaks-background-default: #FEDFD8;
183
+ --wb-semanticColor-graphics-streaks-foreground-subtle: #FEBFB1;
184
+ --wb-semanticColor-graphics-streaks-foreground-default: #F8551A;
185
+ --wb-semanticColor-graphics-streaks-foreground-strong: #C8481A;
186
+ --wb-semanticColor-graphics-neutral-background-subtle: #FFFFFF;
187
+ --wb-semanticColor-graphics-neutral-background-default: #F8F9FB;
116
188
  --wb-semanticColor-learning-math-foreground-blue: #3D7586;
117
189
  --wb-semanticColor-learning-math-foreground-gold: #946700;
118
190
  --wb-semanticColor-learning-math-foreground-green: #447A53;
@@ -123,6 +195,8 @@
123
195
  --wb-semanticColor-learning-math-foreground-purpleD: #8351E8;
124
196
  --wb-semanticColor-learning-math-foreground-pink: #B25071;
125
197
  --wb-semanticColor-learning-math-foreground-red: #D92916;
198
+ --wb-semanticColor-learning-embeddedContent-background-default: #151521;
199
+ --wb-semanticColor-learning-embeddedContent-foreground-default: #F6F6F6;
126
200
  --wb-semanticColor-learning-background-gems-subtle: #FCEEF7;
127
201
  --wb-semanticColor-learning-background-gems-default: #FFE3F4;
128
202
  --wb-semanticColor-learning-background-gems-strong: #84275E;
@@ -613,6 +687,78 @@
613
687
  --wb-semanticColor-core-shadow-chonky-neutral-strong: #B5B6B9;
614
688
  --wb-semanticColor-core-shadow-chonky-disabled-subtle: transparent;
615
689
  --wb-semanticColor-core-shadow-chonky-disabled-default: #252531;
690
+ --wb-semanticColor-graphics-characters-flesh-blue-background-subtle: #4340D0;
691
+ --wb-semanticColor-graphics-characters-flesh-blue-background-default: #5753FA;
692
+ --wb-semanticColor-graphics-characters-flesh-blue-background-strong: #6C82FF;
693
+ --wb-semanticColor-graphics-characters-flesh-blue-border-subtle: #363498;
694
+ --wb-semanticColor-graphics-characters-flesh-blue-border-default: #4340D0;
695
+ --wb-semanticColor-graphics-characters-flesh-blue-border-strong: #6C82FF;
696
+ --wb-semanticColor-graphics-characters-flesh-cyan-background-subtle: #2485C7;
697
+ --wb-semanticColor-graphics-characters-flesh-cyan-background-default: #28A9FF;
698
+ --wb-semanticColor-graphics-characters-flesh-cyan-background-strong: #57BAFD;
699
+ --wb-semanticColor-graphics-characters-flesh-cyan-border-subtle: #20628F;
700
+ --wb-semanticColor-graphics-characters-flesh-cyan-border-default: #2485C7;
701
+ --wb-semanticColor-graphics-characters-flesh-cyan-border-strong: #57BAFD;
702
+ --wb-semanticColor-graphics-characters-flesh-green-background-subtle: #3C6D4A;
703
+ --wb-semanticColor-graphics-characters-flesh-green-background-default: #579F6C;
704
+ --wb-semanticColor-graphics-characters-flesh-green-background-strong: #72BB82;
705
+ --wb-semanticColor-graphics-characters-flesh-green-border-subtle: #3C6D4A;
706
+ --wb-semanticColor-graphics-characters-flesh-green-border-default: #579F6C;
707
+ --wb-semanticColor-graphics-characters-flesh-green-border-strong: #97D39E;
708
+ --wb-semanticColor-graphics-characters-flesh-magenta-background-subtle: #BB3183;
709
+ --wb-semanticColor-graphics-characters-flesh-magenta-background-default: #E83FA4;
710
+ --wb-semanticColor-graphics-characters-flesh-magenta-background-strong: #F670C1;
711
+ --wb-semanticColor-graphics-characters-flesh-magenta-border-subtle: #84275E;
712
+ --wb-semanticColor-graphics-characters-flesh-magenta-border-default: #BB3183;
713
+ --wb-semanticColor-graphics-characters-flesh-magenta-border-strong: #F670C1;
714
+ --wb-semanticColor-graphics-characters-flesh-orange-background-subtle: #C8481A;
715
+ --wb-semanticColor-graphics-characters-flesh-orange-background-default: #F8551A;
716
+ --wb-semanticColor-graphics-characters-flesh-orange-background-strong: #F97B4F;
717
+ --wb-semanticColor-graphics-characters-flesh-orange-border-subtle: #983C1A;
718
+ --wb-semanticColor-graphics-characters-flesh-orange-border-default: #C8481A;
719
+ --wb-semanticColor-graphics-characters-flesh-orange-border-strong: #F97B4F;
720
+ --wb-semanticColor-graphics-externalBrands-google-red: #EA4335;
721
+ --wb-semanticColor-graphics-externalBrands-google-yellow: #FBBC05;
722
+ --wb-semanticColor-graphics-externalBrands-google-green: #34A853;
723
+ --wb-semanticColor-graphics-externalBrands-google-blue: #4285F4;
724
+ --wb-semanticColor-graphics-externalBrands-facebook-blue: #1877F2;
725
+ --wb-semanticColor-graphics-externalBrands-facebook-white: #FFFFFF;
726
+ --wb-semanticColor-graphics-externalBrands-microsoft-red: #F35325;
727
+ --wb-semanticColor-graphics-externalBrands-microsoft-green: #81BC06;
728
+ --wb-semanticColor-graphics-externalBrands-microsoft-blue: #05A6F0;
729
+ --wb-semanticColor-graphics-externalBrands-microsoft-yellow: #FFBA08;
730
+ --wb-semanticColor-graphics-externalBrands-apple-brand: #FFFFFF;
731
+ --wb-semanticColor-graphics-gems-background-subtle: #33182E;
732
+ --wb-semanticColor-graphics-gems-background-default: #521B3C;
733
+ --wb-semanticColor-graphics-gems-foreground-subtle: #BB3183;
734
+ --wb-semanticColor-graphics-gems-foreground-default: #E83FA4;
735
+ --wb-semanticColor-graphics-gems-foreground-strong: #FCEEF7;
736
+ --wb-semanticColor-graphics-progress-attempted-background-subtle: #312405;
737
+ --wb-semanticColor-graphics-progress-attempted-background-default: #5F4500;
738
+ --wb-semanticColor-graphics-progress-attempted-foreground-subtle: #D69900;
739
+ --wb-semanticColor-graphics-progress-attempted-foreground-strong: #5F4500;
740
+ --wb-semanticColor-graphics-progress-notStarted-foreground-subtle: #B5B6B9;
741
+ --wb-semanticColor-graphics-progress-notStarted-foreground-strong: #4A4C53;
742
+ --wb-semanticColor-graphics-progress-complete-background-subtle: #1A2924;
743
+ --wb-semanticColor-graphics-progress-complete-background-default: #24432D;
744
+ --wb-semanticColor-graphics-progress-complete-foreground-strong: #2C5037;
745
+ --wb-semanticColor-graphics-role-all-current-background: #151521;
746
+ --wb-semanticColor-graphics-role-all-current-foreground: #222149;
747
+ --wb-semanticColor-graphics-role-administrator-background: #1D3F58;
748
+ --wb-semanticColor-graphics-role-administrator-foreground: #20628F;
749
+ --wb-semanticColor-graphics-role-learner-background: #672912;
750
+ --wb-semanticColor-graphics-role-learner-foreground: #983C1A;
751
+ --wb-semanticColor-graphics-role-parent-background: #24432D;
752
+ --wb-semanticColor-graphics-role-parent-foreground: #2C5037;
753
+ --wb-semanticColor-graphics-role-teacher-background: #5F4500;
754
+ --wb-semanticColor-graphics-role-teacher-foreground: #966B00;
755
+ --wb-semanticColor-graphics-streaks-background-subtle: #3E1F19;
756
+ --wb-semanticColor-graphics-streaks-background-default: #672912;
757
+ --wb-semanticColor-graphics-streaks-foreground-subtle: #C8481A;
758
+ --wb-semanticColor-graphics-streaks-foreground-default: #F8551A;
759
+ --wb-semanticColor-graphics-streaks-foreground-strong: #FEF4F2;
760
+ --wb-semanticColor-graphics-neutral-background-subtle: #252531;
761
+ --wb-semanticColor-graphics-neutral-background-default: #151521;
616
762
  --wb-semanticColor-learning-math-foreground-blue: #87CBFC;
617
763
  --wb-semanticColor-learning-math-foreground-gold: #FCC539;
618
764
  --wb-semanticColor-learning-math-foreground-green: #97D39E;
@@ -623,6 +769,8 @@
623
769
  --wb-semanticColor-learning-math-foreground-purpleD: #8DA2FF;
624
770
  --wb-semanticColor-learning-math-foreground-pink: #F8A2D6;
625
771
  --wb-semanticColor-learning-math-foreground-red: #FBB1B1;
772
+ --wb-semanticColor-learning-embeddedContent-background-default: #151521;
773
+ --wb-semanticColor-learning-embeddedContent-foreground-default: #F6F6F6;
626
774
  --wb-semanticColor-learning-background-gems-subtle: #84275E;
627
775
  --wb-semanticColor-learning-background-gems-default: #33182E;
628
776
  --wb-semanticColor-learning-background-gems-strong: #BB3183;
@@ -745,13 +893,13 @@
745
893
  --wb-semanticColor-action-secondary-destructive-press-background: #3B141A;
746
894
  --wb-semanticColor-action-secondary-destructive-press-foreground: #F97F7F;
747
895
  --wb-semanticColor-action-secondary-neutral-default-border: #8A8B90;
748
- --wb-semanticColor-action-secondary-neutral-default-background: transparent;
896
+ --wb-semanticColor-action-secondary-neutral-default-background: #252531;
749
897
  --wb-semanticColor-action-secondary-neutral-default-foreground: #CBCBCD;
750
898
  --wb-semanticColor-action-secondary-neutral-hover-border: #CBCBCD;
751
- --wb-semanticColor-action-secondary-neutral-hover-background: transparent;
899
+ --wb-semanticColor-action-secondary-neutral-hover-background: #252531;
752
900
  --wb-semanticColor-action-secondary-neutral-hover-foreground: #EDEDEE;
753
901
  --wb-semanticColor-action-secondary-neutral-press-border: #CBCBCD;
754
- --wb-semanticColor-action-secondary-neutral-press-background: transparent;
902
+ --wb-semanticColor-action-secondary-neutral-press-background: #252531;
755
903
  --wb-semanticColor-action-secondary-neutral-press-foreground: #EDEDEE;
756
904
  --wb-semanticColor-action-secondary-disabled-border: #4A4C53;
757
905
  --wb-semanticColor-action-secondary-disabled-background: #4A4C53;
@@ -1113,6 +1261,78 @@
1113
1261
  --wb-semanticColor-core-shadow-chonky-neutral-strong: #4A4C53;
1114
1262
  --wb-semanticColor-core-shadow-chonky-disabled-subtle: transparent;
1115
1263
  --wb-semanticColor-core-shadow-chonky-disabled-default: #CBCBCD;
1264
+ --wb-semanticColor-graphics-characters-flesh-blue-background-subtle: #6C82FF;
1265
+ --wb-semanticColor-graphics-characters-flesh-blue-background-default: #5753FA;
1266
+ --wb-semanticColor-graphics-characters-flesh-blue-background-strong: #4340D0;
1267
+ --wb-semanticColor-graphics-characters-flesh-blue-border-subtle: #6C82FF;
1268
+ --wb-semanticColor-graphics-characters-flesh-blue-border-default: #4340D0;
1269
+ --wb-semanticColor-graphics-characters-flesh-blue-border-strong: #363498;
1270
+ --wb-semanticColor-graphics-characters-flesh-cyan-background-subtle: #57BAFD;
1271
+ --wb-semanticColor-graphics-characters-flesh-cyan-background-default: #28A9FF;
1272
+ --wb-semanticColor-graphics-characters-flesh-cyan-background-strong: #2485C7;
1273
+ --wb-semanticColor-graphics-characters-flesh-cyan-border-subtle: #57BAFD;
1274
+ --wb-semanticColor-graphics-characters-flesh-cyan-border-default: #2485C7;
1275
+ --wb-semanticColor-graphics-characters-flesh-cyan-border-strong: #20628F;
1276
+ --wb-semanticColor-graphics-characters-flesh-green-background-subtle: #72BB82;
1277
+ --wb-semanticColor-graphics-characters-flesh-green-background-default: #579F6C;
1278
+ --wb-semanticColor-graphics-characters-flesh-green-background-strong: #3C6D4A;
1279
+ --wb-semanticColor-graphics-characters-flesh-green-border-subtle: #72BB82;
1280
+ --wb-semanticColor-graphics-characters-flesh-green-border-default: #3C6D4A;
1281
+ --wb-semanticColor-graphics-characters-flesh-green-border-strong: #2C5037;
1282
+ --wb-semanticColor-graphics-characters-flesh-magenta-background-subtle: #F670C1;
1283
+ --wb-semanticColor-graphics-characters-flesh-magenta-background-default: #E83FA4;
1284
+ --wb-semanticColor-graphics-characters-flesh-magenta-background-strong: #BB3183;
1285
+ --wb-semanticColor-graphics-characters-flesh-magenta-border-subtle: #F670C1;
1286
+ --wb-semanticColor-graphics-characters-flesh-magenta-border-default: #BB3183;
1287
+ --wb-semanticColor-graphics-characters-flesh-magenta-border-strong: #84275E;
1288
+ --wb-semanticColor-graphics-characters-flesh-orange-background-subtle: #F97B4F;
1289
+ --wb-semanticColor-graphics-characters-flesh-orange-background-default: #F8551A;
1290
+ --wb-semanticColor-graphics-characters-flesh-orange-background-strong: #C8481A;
1291
+ --wb-semanticColor-graphics-characters-flesh-orange-border-subtle: #F97B4F;
1292
+ --wb-semanticColor-graphics-characters-flesh-orange-border-default: #C8481A;
1293
+ --wb-semanticColor-graphics-characters-flesh-orange-border-strong: #983C1A;
1294
+ --wb-semanticColor-graphics-externalBrands-google-red: #EA4335;
1295
+ --wb-semanticColor-graphics-externalBrands-google-yellow: #FBBC05;
1296
+ --wb-semanticColor-graphics-externalBrands-google-green: #34A853;
1297
+ --wb-semanticColor-graphics-externalBrands-google-blue: #4285F4;
1298
+ --wb-semanticColor-graphics-externalBrands-facebook-blue: #1877F2;
1299
+ --wb-semanticColor-graphics-externalBrands-facebook-white: #FFFFFF;
1300
+ --wb-semanticColor-graphics-externalBrands-microsoft-red: #F35325;
1301
+ --wb-semanticColor-graphics-externalBrands-microsoft-green: #81BC06;
1302
+ --wb-semanticColor-graphics-externalBrands-microsoft-blue: #05A6F0;
1303
+ --wb-semanticColor-graphics-externalBrands-microsoft-yellow: #FFBA08;
1304
+ --wb-semanticColor-graphics-externalBrands-apple-brand: #000000;
1305
+ --wb-semanticColor-graphics-gems-background-subtle: #FFE3F4;
1306
+ --wb-semanticColor-graphics-gems-background-default: #FAD4EC;
1307
+ --wb-semanticColor-graphics-gems-foreground-subtle: #F9BBE1;
1308
+ --wb-semanticColor-graphics-gems-foreground-default: #E83FA4;
1309
+ --wb-semanticColor-graphics-gems-foreground-strong: #BB3183;
1310
+ --wb-semanticColor-graphics-progress-attempted-background-subtle: #FEF8E7;
1311
+ --wb-semanticColor-graphics-progress-attempted-background-default: #FEEAB8;
1312
+ --wb-semanticColor-graphics-progress-attempted-foreground-subtle: #FDD673;
1313
+ --wb-semanticColor-graphics-progress-attempted-foreground-strong: #966B00;
1314
+ --wb-semanticColor-graphics-progress-notStarted-foreground-subtle: #B5B6B9;
1315
+ --wb-semanticColor-graphics-progress-notStarted-foreground-strong: #4A4C53;
1316
+ --wb-semanticColor-graphics-progress-complete-background-subtle: #F1FBF1;
1317
+ --wb-semanticColor-graphics-progress-complete-background-default: #D5F3D5;
1318
+ --wb-semanticColor-graphics-progress-complete-foreground-strong: #2C5037;
1319
+ --wb-semanticColor-graphics-role-all-current-background: #F8F9FB;
1320
+ --wb-semanticColor-graphics-role-all-current-foreground: #EBF1FD;
1321
+ --wb-semanticColor-graphics-role-administrator-background: #CCE9FE;
1322
+ --wb-semanticColor-graphics-role-administrator-foreground: #57BAFD;
1323
+ --wb-semanticColor-graphics-role-learner-background: #FEBFB1;
1324
+ --wb-semanticColor-graphics-role-learner-foreground: #F8551A;
1325
+ --wb-semanticColor-graphics-role-parent-background: #D5F3D5;
1326
+ --wb-semanticColor-graphics-role-parent-foreground: #72BB82;
1327
+ --wb-semanticColor-graphics-role-teacher-background: #FDD673;
1328
+ --wb-semanticColor-graphics-role-teacher-foreground: #FCB706;
1329
+ --wb-semanticColor-graphics-streaks-background-subtle: #FEE9E5;
1330
+ --wb-semanticColor-graphics-streaks-background-default: #FEDFD8;
1331
+ --wb-semanticColor-graphics-streaks-foreground-subtle: #FEBFB1;
1332
+ --wb-semanticColor-graphics-streaks-foreground-default: #F8551A;
1333
+ --wb-semanticColor-graphics-streaks-foreground-strong: #C8481A;
1334
+ --wb-semanticColor-graphics-neutral-background-subtle: #FFFFFF;
1335
+ --wb-semanticColor-graphics-neutral-background-default: #F8F9FB;
1116
1336
  --wb-semanticColor-learning-math-foreground-blue: #20628F;
1117
1337
  --wb-semanticColor-learning-math-foreground-gold: #966B00;
1118
1338
  --wb-semanticColor-learning-math-foreground-green: #3C6D4A;
@@ -1123,6 +1343,8 @@
1123
1343
  --wb-semanticColor-learning-math-foreground-purpleD: #363498;
1124
1344
  --wb-semanticColor-learning-math-foreground-pink: #84275E;
1125
1345
  --wb-semanticColor-learning-math-foreground-red: #BE2626;
1346
+ --wb-semanticColor-learning-embeddedContent-background-default: #151521;
1347
+ --wb-semanticColor-learning-embeddedContent-foreground-default: #F6F6F6;
1126
1348
  --wb-semanticColor-learning-background-gems-subtle: #FCEEF7;
1127
1349
  --wb-semanticColor-learning-background-gems-default: #FFE3F4;
1128
1350
  --wb-semanticColor-learning-background-gems-strong: #84275E;