@atlaskit/tokens 1.5.2 → 1.6.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 (100) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/dist/cjs/artifacts/palettes-raw/shape-palette.js +3 -3
  3. package/dist/cjs/artifacts/themes/atlassian-shape.js +2 -2
  4. package/dist/cjs/artifacts/token-default-values.js +12 -10
  5. package/dist/cjs/artifacts/token-names.js +12 -10
  6. package/dist/cjs/artifacts/tokens-raw/atlassian-dark-new-input-border.js +3 -267
  7. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +33 -33
  8. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-dark.js +33 -33
  9. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-light.js +33 -33
  10. package/dist/cjs/artifacts/tokens-raw/atlassian-light-new-input-border.js +3 -267
  11. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +33 -33
  12. package/dist/cjs/artifacts/tokens-raw/atlassian-shape.js +81 -37
  13. package/dist/cjs/constants.js +1 -1
  14. package/dist/cjs/get-token-value.js +1 -1
  15. package/dist/cjs/get-token.js +1 -1
  16. package/dist/cjs/palettes/shape-palette.js +2 -1
  17. package/dist/cjs/set-global-theme.js +14 -3
  18. package/dist/cjs/tokens/atlassian-shape/shape.js +7 -1
  19. package/dist/cjs/tokens/default/shape/shape.js +33 -17
  20. package/dist/cjs/utils/theme-state-transformer.js +2 -1
  21. package/dist/cjs/utils/token-order.js +1 -1
  22. package/dist/cjs/version.json +1 -1
  23. package/dist/es2019/artifacts/palettes-raw/shape-palette.js +3 -3
  24. package/dist/es2019/artifacts/themes/atlassian-shape.js +12 -10
  25. package/dist/es2019/artifacts/token-default-values.js +12 -10
  26. package/dist/es2019/artifacts/token-names.js +12 -10
  27. package/dist/es2019/artifacts/tokens-raw/atlassian-dark-new-input-border.js +3 -267
  28. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +33 -33
  29. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-dark.js +33 -33
  30. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-light.js +33 -33
  31. package/dist/es2019/artifacts/tokens-raw/atlassian-light-new-input-border.js +3 -267
  32. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +33 -33
  33. package/dist/es2019/artifacts/tokens-raw/atlassian-shape.js +81 -37
  34. package/dist/es2019/constants.js +1 -1
  35. package/dist/es2019/get-token-value.js +1 -1
  36. package/dist/es2019/get-token.js +1 -1
  37. package/dist/es2019/palettes/shape-palette.js +2 -1
  38. package/dist/es2019/set-global-theme.js +10 -2
  39. package/dist/es2019/tokens/atlassian-shape/shape.js +7 -1
  40. package/dist/es2019/tokens/default/shape/shape.js +33 -17
  41. package/dist/es2019/utils/theme-state-transformer.js +2 -1
  42. package/dist/es2019/utils/token-order.js +1 -1
  43. package/dist/es2019/version.json +1 -1
  44. package/dist/esm/artifacts/palettes-raw/shape-palette.js +3 -3
  45. package/dist/esm/artifacts/themes/atlassian-shape.js +2 -2
  46. package/dist/esm/artifacts/token-default-values.js +12 -10
  47. package/dist/esm/artifacts/token-names.js +12 -10
  48. package/dist/esm/artifacts/tokens-raw/atlassian-dark-new-input-border.js +3 -267
  49. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +33 -33
  50. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-dark.js +33 -33
  51. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-light.js +33 -33
  52. package/dist/esm/artifacts/tokens-raw/atlassian-light-new-input-border.js +3 -267
  53. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +33 -33
  54. package/dist/esm/artifacts/tokens-raw/atlassian-shape.js +81 -37
  55. package/dist/esm/constants.js +1 -1
  56. package/dist/esm/get-token-value.js +1 -1
  57. package/dist/esm/get-token.js +1 -1
  58. package/dist/esm/palettes/shape-palette.js +2 -1
  59. package/dist/esm/set-global-theme.js +14 -3
  60. package/dist/esm/tokens/atlassian-shape/shape.js +7 -1
  61. package/dist/esm/tokens/default/shape/shape.js +33 -17
  62. package/dist/esm/utils/theme-state-transformer.js +2 -1
  63. package/dist/esm/utils/token-order.js +1 -1
  64. package/dist/esm/version.json +1 -1
  65. package/dist/types/artifacts/palettes-raw/shape-palette.d.ts +3 -18
  66. package/dist/types/artifacts/themes/atlassian-shape.d.ts +2 -2
  67. package/dist/types/artifacts/token-default-values.d.ts +12 -10
  68. package/dist/types/artifacts/token-names.d.ts +23 -19
  69. package/dist/types/artifacts/tokens-raw/atlassian-shape.d.ts +1 -1
  70. package/dist/types/artifacts/types-internal.d.ts +2 -2
  71. package/dist/types/artifacts/types.d.ts +2 -2
  72. package/dist/types/index.d.ts +1 -1
  73. package/dist/types/palettes/shape-palette.d.ts +1 -1
  74. package/dist/types/set-global-theme.d.ts +8 -7
  75. package/dist/types/types.d.ts +3 -1
  76. package/dist/types-ts4.5/artifacts/palettes-raw/shape-palette.d.ts +3 -18
  77. package/dist/types-ts4.5/artifacts/themes/atlassian-shape.d.ts +2 -2
  78. package/dist/types-ts4.5/artifacts/token-default-values.d.ts +12 -10
  79. package/dist/types-ts4.5/artifacts/token-names.d.ts +23 -19
  80. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark-new-input-border.d.ts +1 -1
  81. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
  82. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +1 -1
  83. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-legacy-light.d.ts +1 -1
  84. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light-new-input-border.d.ts +1 -1
  85. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
  86. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-shape.d.ts +1 -1
  87. package/dist/types-ts4.5/artifacts/types-internal.d.ts +2 -2
  88. package/dist/types-ts4.5/artifacts/types.d.ts +2 -2
  89. package/dist/types-ts4.5/index.d.ts +1 -1
  90. package/dist/types-ts4.5/palettes/shape-palette.d.ts +1 -1
  91. package/dist/types-ts4.5/set-global-theme.d.ts +8 -7
  92. package/dist/types-ts4.5/types.d.ts +3 -1
  93. package/figma/atlassian-dark.json +16 -16
  94. package/figma/atlassian-legacy-dark.json +16 -16
  95. package/figma/atlassian-legacy-light.json +16 -16
  96. package/figma/atlassian-light.json +16 -16
  97. package/figma/atlassian-shape.json +36 -18
  98. package/package.json +3 -4
  99. package/report.api.md +125 -22
  100. package/tmp/api-report-tmp.d.ts +107 -27
@@ -4,19 +4,10 @@
4
4
  * Token names mapped to their value in the default Atlassian themes ('light').
5
5
  * These default values are used by the Babel plugin to optionally provide automatic fallbacks.
6
6
  *
7
- * @codegen <<SignedSource::856ff062171d44deb03158a6fa7d7bd1>>
7
+ * @codegen <<SignedSource::cc9231cd2b7a9797c51b4b8b742bab92>>
8
8
  * @codegenCommand yarn build tokens
9
9
  */
10
10
  declare const defaultTokenValues: {
11
- readonly 'border.radius.050': "0.125rem";
12
- readonly 'border.radius.100': "0.25rem";
13
- readonly 'border.radius.200': "0.5rem";
14
- readonly 'border.radius.300': "0.75rem";
15
- readonly 'border.radius.400': "1rem";
16
- readonly 'border.radius.round': "50%";
17
- readonly 'border.width.0': "0rem";
18
- readonly 'border.width.050': "0.0625rem";
19
- readonly 'border.width.100': "0.125rem";
20
11
  readonly 'color.text': "#172B4D";
21
12
  readonly 'color.text.accent.red': "#AE2A19";
22
13
  readonly 'color.text.accent.red.bolder': "#601E16";
@@ -303,6 +294,17 @@ declare const defaultTokenValues: {
303
294
  readonly 'opacity.disabled': "0.4";
304
295
  readonly 'opacity.loading': "0.2";
305
296
  readonly 'utility.UNSAFE.transparent': "transparent";
297
+ readonly 'border.radius.050': "0.125rem";
298
+ readonly 'border.radius': "0.25rem";
299
+ readonly 'border.radius.100': "0.25rem";
300
+ readonly 'border.radius.200': "0.5rem";
301
+ readonly 'border.radius.300': "0.75rem";
302
+ readonly 'border.radius.400': "1rem";
303
+ readonly 'border.radius.circle': "2002rem";
304
+ readonly 'border.width': "0.0625rem";
305
+ readonly 'border.width.0': "0rem";
306
+ readonly 'border.width.050': "0.0625rem";
307
+ readonly 'border.width.100': "0.125rem";
306
308
  readonly 'space.0': "0rem";
307
309
  readonly 'space.025': "0.125rem";
308
310
  readonly 'space.050': "0.25rem";
@@ -1,18 +1,9 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::462a85d7e15b8fb4e0c4225b94e89903>>
3
+ * @codegen <<SignedSource::488b6f348c638f30edc95365a3de0725>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  declare const tokens: {
7
- readonly 'border.radius.050': "--ds-radius-050";
8
- readonly 'border.radius.100': "--ds-radius-100";
9
- readonly 'border.radius.200': "--ds-radius-200";
10
- readonly 'border.radius.300': "--ds-radius-300";
11
- readonly 'border.radius.400': "--ds-radius-400";
12
- readonly 'border.radius.round': "--ds-radius-round";
13
- readonly 'border.width.0': "--ds-width-0";
14
- readonly 'border.width.050': "--ds-width-050";
15
- readonly 'border.width.100': "--ds-width-100";
16
7
  readonly 'color.text': "--ds-text";
17
8
  readonly 'color.text.accent.red': "--ds-text-accent-red";
18
9
  readonly 'color.text.accent.red.bolder': "--ds-text-accent-red-bolder";
@@ -299,6 +290,17 @@ declare const tokens: {
299
290
  readonly 'opacity.disabled': "--ds-opacity-disabled";
300
291
  readonly 'opacity.loading': "--ds-opacity-loading";
301
292
  readonly 'utility.UNSAFE.transparent': "--ds-UNSAFE-transparent";
293
+ readonly 'border.radius.050': "--ds-border-radius-050";
294
+ readonly 'border.radius': "--ds-border-radius";
295
+ readonly 'border.radius.100': "--ds-border-radius-100";
296
+ readonly 'border.radius.200': "--ds-border-radius-200";
297
+ readonly 'border.radius.300': "--ds-border-radius-300";
298
+ readonly 'border.radius.400': "--ds-border-radius-400";
299
+ readonly 'border.radius.circle': "--ds-border-radius-circle";
300
+ readonly 'border.width': "--ds-border-width";
301
+ readonly 'border.width.0': "--ds-border-width-0";
302
+ readonly 'border.width.050': "--ds-border-width-050";
303
+ readonly 'border.width.100': "--ds-border-width-100";
302
304
  readonly 'space.0': "--ds-space-0";
303
305
  readonly 'space.025': "--ds-space-025";
304
306
  readonly 'space.050': "--ds-space-050";
@@ -335,15 +337,6 @@ declare const tokens: {
335
337
  readonly 'font.lineHeight.600': "--ds-font-lineHeight-600";
336
338
  };
337
339
  export type CSSTokenMap = {
338
- 'border.radius.050': 'var(--ds-radius-050)';
339
- 'border.radius.100': 'var(--ds-radius-100)';
340
- 'border.radius.200': 'var(--ds-radius-200)';
341
- 'border.radius.300': 'var(--ds-radius-300)';
342
- 'border.radius.400': 'var(--ds-radius-400)';
343
- 'border.radius.round': 'var(--ds-radius-round)';
344
- 'border.width.0': 'var(--ds-width-0)';
345
- 'border.width.050': 'var(--ds-width-050)';
346
- 'border.width.100': 'var(--ds-width-100)';
347
340
  'color.text': 'var(--ds-text)';
348
341
  'color.text.accent.red': 'var(--ds-text-accent-red)';
349
342
  'color.text.accent.red.bolder': 'var(--ds-text-accent-red-bolder)';
@@ -630,6 +623,17 @@ export type CSSTokenMap = {
630
623
  'opacity.disabled': 'var(--ds-opacity-disabled)';
631
624
  'opacity.loading': 'var(--ds-opacity-loading)';
632
625
  'utility.UNSAFE.transparent': 'var(--ds-UNSAFE-transparent)';
626
+ 'border.radius.050': 'var(--ds-border-radius-050)';
627
+ 'border.radius': 'var(--ds-border-radius)';
628
+ 'border.radius.100': 'var(--ds-border-radius-100)';
629
+ 'border.radius.200': 'var(--ds-border-radius-200)';
630
+ 'border.radius.300': 'var(--ds-border-radius-300)';
631
+ 'border.radius.400': 'var(--ds-border-radius-400)';
632
+ 'border.radius.circle': 'var(--ds-border-radius-circle)';
633
+ 'border.width': 'var(--ds-border-width)';
634
+ 'border.width.0': 'var(--ds-border-width-0)';
635
+ 'border.width.050': 'var(--ds-border-width-050)';
636
+ 'border.width.100': 'var(--ds-border-width-100)';
633
637
  'space.0': 'var(--ds-space-0)';
634
638
  'space.025': 'var(--ds-space-025)';
635
639
  'space.050': 'var(--ds-space-050)';
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::f091852abdb216a4ab49dfd79884c4d4>>
3
+ * @codegen <<SignedSource::2c7e6a36e75ad8b32981cc4bbaa378db>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  declare const tokens: {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::84c07c984048a8e983012138da0a45d4>>
3
+ * @codegen <<SignedSource::9f67599bfba65a0405dbfb30738d18c8>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  declare const tokens: ({
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::9fb5765f3cdc20fddee49302a8172f2b>>
3
+ * @codegen <<SignedSource::2cd5fe066fcdc4fd65b0d5ee54a25928>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  declare const tokens: ({
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::a70f8f90a96e7e15c85d47284f7ef5a6>>
3
+ * @codegen <<SignedSource::5a69885c78d580dd4da675165d8163c0>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  declare const tokens: ({
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::1b68ecd19e4ca98d437238a217feab43>>
3
+ * @codegen <<SignedSource::1b8e6179220992a91da861f10183038f>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  declare const tokens: {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::4f1312b7d279fa9e11425bc4621e8a31>>
3
+ * @codegen <<SignedSource::2246b2d7c94a1fe562f7860f3b40764b>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  declare const tokens: ({
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::7cdaa82f55e6537ca0b68d196db9e1d6>>
3
+ * @codegen <<SignedSource::8b50feb722f3a686c5a45c85ec5545b2>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  declare const tokens: {
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::ba7fe6029a396b4b95dee58afb525639>>
3
+ * @codegen <<SignedSource::e58ab80c03a344975d9b52ed8a5ed378>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
- export type InternalTokenIds = 'color.text.[default]' | 'color.text.accent.red.[default]' | 'color.text.accent.red.bolder' | 'color.text.accent.orange.[default]' | 'color.text.accent.orange.bolder' | 'color.text.accent.yellow.[default]' | 'color.text.accent.yellow.bolder' | 'color.text.accent.green.[default]' | 'color.text.accent.green.bolder' | 'color.text.accent.teal.[default]' | 'color.text.accent.teal.bolder' | 'color.text.accent.blue.[default]' | 'color.text.accent.blue.bolder' | 'color.text.accent.purple.[default]' | 'color.text.accent.purple.bolder' | 'color.text.accent.magenta.[default]' | 'color.text.accent.magenta.bolder' | 'color.text.accent.gray.[default]' | 'color.text.accent.gray.bolder' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.selected' | 'color.text.brand' | 'color.text.danger' | 'color.text.warning.[default]' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.text.subtlest' | 'color.text.subtle' | 'color.link.[default]' | 'color.link.pressed' | 'color.icon.[default]' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.teal' | 'color.icon.accent.blue' | 'color.icon.accent.purple' | 'color.icon.accent.magenta' | 'color.icon.accent.gray' | 'color.icon.disabled' | 'color.icon.inverse' | 'color.icon.selected' | 'color.icon.brand' | 'color.icon.danger' | 'color.icon.warning.[default]' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.icon.subtle' | 'color.border.[default]' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.teal' | 'color.border.accent.blue' | 'color.border.accent.purple' | 'color.border.accent.magenta' | 'color.border.accent.gray' | 'color.border.disabled' | 'color.border.focused' | 'color.border.input' | 'color.border.inverse' | 'color.border.selected' | 'color.border.brand' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.border.bold' | 'color.background.accent.red.subtlest' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtle' | 'color.background.accent.red.bolder' | 'color.background.accent.orange.subtlest' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.bolder' | 'color.background.accent.yellow.subtlest' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.bolder' | 'color.background.accent.green.subtlest' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtle' | 'color.background.accent.green.bolder' | 'color.background.accent.teal.subtlest' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.bolder' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.bolder' | 'color.background.accent.purple.subtlest' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.bolder' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.bolder' | 'color.background.accent.gray.subtlest' | 'color.background.accent.gray.subtler' | 'color.background.accent.gray.subtle' | 'color.background.accent.gray.bolder' | 'color.background.disabled' | 'color.background.input.[default]' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.inverse.subtle.[default]' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.neutral.[default].[default]' | 'color.background.neutral.[default].hovered' | 'color.background.neutral.[default].pressed' | 'color.background.neutral.subtle.[default]' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.neutral.bold.[default]' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.selected.[default].[default]' | 'color.background.selected.[default].hovered' | 'color.background.selected.[default].pressed' | 'color.background.selected.bold.[default]' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.brand.bold.[default]' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.danger.[default].[default]' | 'color.background.danger.[default].hovered' | 'color.background.danger.[default].pressed' | 'color.background.danger.bold.[default]' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.warning.[default].[default]' | 'color.background.warning.[default].hovered' | 'color.background.warning.[default].pressed' | 'color.background.warning.bold.[default]' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.success.[default].[default]' | 'color.background.success.[default].hovered' | 'color.background.success.[default].pressed' | 'color.background.success.bold.[default]' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.discovery.[default].[default]' | 'color.background.discovery.[default].hovered' | 'color.background.discovery.[default].pressed' | 'color.background.discovery.bold.[default]' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information.[default].[default]' | 'color.background.information.[default].hovered' | 'color.background.information.[default].pressed' | 'color.background.information.bold.[default]' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.blanket.[default]' | 'color.blanket.selected' | 'color.blanket.danger' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.skeleton.[default]' | 'color.skeleton.subtle' | 'color.chart.categorical.1.[default]' | 'color.chart.categorical.1.hovered' | 'color.chart.categorical.2.[default]' | 'color.chart.categorical.2.hovered' | 'color.chart.categorical.3.[default]' | 'color.chart.categorical.3.hovered' | 'color.chart.categorical.4.[default]' | 'color.chart.categorical.4.hovered' | 'color.chart.categorical.5.[default]' | 'color.chart.categorical.5.hovered' | 'color.chart.categorical.6.[default]' | 'color.chart.categorical.6.hovered' | 'color.chart.categorical.7.[default]' | 'color.chart.categorical.7.hovered' | 'color.chart.categorical.8.[default]' | 'color.chart.categorical.8.hovered' | 'color.chart.neutral.[default]' | 'color.chart.neutral.hovered' | 'color.chart.red.bold.[default]' | 'color.chart.red.bold.hovered' | 'color.chart.red.bolder.[default]' | 'color.chart.red.bolder.hovered' | 'color.chart.red.boldest.[default]' | 'color.chart.red.boldest.hovered' | 'color.chart.orange.bold.[default]' | 'color.chart.orange.bold.hovered' | 'color.chart.orange.bolder.[default]' | 'color.chart.orange.bolder.hovered' | 'color.chart.orange.boldest.[default]' | 'color.chart.orange.boldest.hovered' | 'color.chart.yellow.bold.[default]' | 'color.chart.yellow.bold.hovered' | 'color.chart.yellow.bolder.[default]' | 'color.chart.yellow.bolder.hovered' | 'color.chart.yellow.boldest.[default]' | 'color.chart.yellow.boldest.hovered' | 'color.chart.green.bold.[default]' | 'color.chart.green.bold.hovered' | 'color.chart.green.bolder.[default]' | 'color.chart.green.bolder.hovered' | 'color.chart.green.boldest.[default]' | 'color.chart.green.boldest.hovered' | 'color.chart.teal.bold.[default]' | 'color.chart.teal.bold.hovered' | 'color.chart.teal.bolder.[default]' | 'color.chart.teal.bolder.hovered' | 'color.chart.teal.boldest.[default]' | 'color.chart.teal.boldest.hovered' | 'color.chart.blue.bold.[default]' | 'color.chart.blue.bold.hovered' | 'color.chart.blue.bolder.[default]' | 'color.chart.blue.bolder.hovered' | 'color.chart.blue.boldest.[default]' | 'color.chart.blue.boldest.hovered' | 'color.chart.purple.bold.[default]' | 'color.chart.purple.bold.hovered' | 'color.chart.purple.bolder.[default]' | 'color.chart.purple.bolder.hovered' | 'color.chart.purple.boldest.[default]' | 'color.chart.purple.boldest.hovered' | 'color.chart.magenta.bold.[default]' | 'color.chart.magenta.bold.hovered' | 'color.chart.magenta.bolder.[default]' | 'color.chart.magenta.bolder.hovered' | 'color.chart.magenta.boldest.[default]' | 'color.chart.magenta.boldest.hovered' | 'color.chart.gray.bold.[default]' | 'color.chart.gray.bold.hovered' | 'color.chart.gray.bolder.[default]' | 'color.chart.gray.bolder.hovered' | 'color.chart.gray.boldest.[default]' | 'color.chart.gray.boldest.hovered' | 'color.chart.brand.[default]' | 'color.chart.brand.hovered' | 'color.chart.danger.[default].[default]' | 'color.chart.danger.[default].hovered' | 'color.chart.danger.bold.[default]' | 'color.chart.danger.bold.hovered' | 'color.chart.warning.[default].[default]' | 'color.chart.warning.[default].hovered' | 'color.chart.warning.bold.[default]' | 'color.chart.warning.bold.hovered' | 'color.chart.success.[default].[default]' | 'color.chart.success.[default].hovered' | 'color.chart.success.bold.[default]' | 'color.chart.success.bold.hovered' | 'color.chart.discovery.[default].[default]' | 'color.chart.discovery.[default].hovered' | 'color.chart.discovery.bold.[default]' | 'color.chart.discovery.bold.hovered' | 'color.chart.information.[default].[default]' | 'color.chart.information.[default].hovered' | 'color.chart.information.bold.[default]' | 'color.chart.information.bold.hovered' | 'elevation.surface.[default].[default]' | 'elevation.surface.[default].hovered' | 'elevation.surface.[default].pressed' | 'elevation.surface.overlay.[default]' | 'elevation.surface.overlay.hovered' | 'elevation.surface.overlay.pressed' | 'elevation.surface.raised.[default]' | 'elevation.surface.raised.hovered' | 'elevation.surface.raised.pressed' | 'elevation.surface.sunken' | 'elevation.shadow.overflow.[default]' | 'elevation.shadow.overflow.perimeter' | 'elevation.shadow.overflow.spread' | 'elevation.shadow.overlay' | 'elevation.shadow.raised' | 'opacity.disabled' | 'opacity.loading' | 'utility.UNSAFE.transparent' | 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'space.1000' | 'font.family.monospace' | 'font.family.sans' | 'font.size.050' | 'font.size.075' | 'font.size.100' | 'font.size.200' | 'font.size.300' | 'font.size.400' | 'font.size.500' | 'font.size.600' | 'font.weight.bold' | 'font.weight.medium' | 'font.weight.regular' | 'font.weight.semibold' | 'font.lineHeight.100' | 'font.lineHeight.200' | 'font.lineHeight.300' | 'font.lineHeight.400' | 'font.lineHeight.500' | 'font.lineHeight.600';
6
+ export type InternalTokenIds = 'color.text.[default]' | 'color.text.accent.red.[default]' | 'color.text.accent.red.bolder' | 'color.text.accent.orange.[default]' | 'color.text.accent.orange.bolder' | 'color.text.accent.yellow.[default]' | 'color.text.accent.yellow.bolder' | 'color.text.accent.green.[default]' | 'color.text.accent.green.bolder' | 'color.text.accent.teal.[default]' | 'color.text.accent.teal.bolder' | 'color.text.accent.blue.[default]' | 'color.text.accent.blue.bolder' | 'color.text.accent.purple.[default]' | 'color.text.accent.purple.bolder' | 'color.text.accent.magenta.[default]' | 'color.text.accent.magenta.bolder' | 'color.text.accent.gray.[default]' | 'color.text.accent.gray.bolder' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.selected' | 'color.text.brand' | 'color.text.danger' | 'color.text.warning.[default]' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.text.subtlest' | 'color.text.subtle' | 'color.link.[default]' | 'color.link.pressed' | 'color.icon.[default]' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.teal' | 'color.icon.accent.blue' | 'color.icon.accent.purple' | 'color.icon.accent.magenta' | 'color.icon.accent.gray' | 'color.icon.disabled' | 'color.icon.inverse' | 'color.icon.selected' | 'color.icon.brand' | 'color.icon.danger' | 'color.icon.warning.[default]' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.icon.subtle' | 'color.border.[default]' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.teal' | 'color.border.accent.blue' | 'color.border.accent.purple' | 'color.border.accent.magenta' | 'color.border.accent.gray' | 'color.border.disabled' | 'color.border.focused' | 'color.border.input' | 'color.border.inverse' | 'color.border.selected' | 'color.border.brand' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.border.bold' | 'color.background.accent.red.subtlest' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtle' | 'color.background.accent.red.bolder' | 'color.background.accent.orange.subtlest' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.bolder' | 'color.background.accent.yellow.subtlest' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.bolder' | 'color.background.accent.green.subtlest' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtle' | 'color.background.accent.green.bolder' | 'color.background.accent.teal.subtlest' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.bolder' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.bolder' | 'color.background.accent.purple.subtlest' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.bolder' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.bolder' | 'color.background.accent.gray.subtlest' | 'color.background.accent.gray.subtler' | 'color.background.accent.gray.subtle' | 'color.background.accent.gray.bolder' | 'color.background.disabled' | 'color.background.input.[default]' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.inverse.subtle.[default]' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.neutral.[default].[default]' | 'color.background.neutral.[default].hovered' | 'color.background.neutral.[default].pressed' | 'color.background.neutral.subtle.[default]' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.neutral.bold.[default]' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.selected.[default].[default]' | 'color.background.selected.[default].hovered' | 'color.background.selected.[default].pressed' | 'color.background.selected.bold.[default]' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.brand.bold.[default]' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.danger.[default].[default]' | 'color.background.danger.[default].hovered' | 'color.background.danger.[default].pressed' | 'color.background.danger.bold.[default]' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.warning.[default].[default]' | 'color.background.warning.[default].hovered' | 'color.background.warning.[default].pressed' | 'color.background.warning.bold.[default]' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.success.[default].[default]' | 'color.background.success.[default].hovered' | 'color.background.success.[default].pressed' | 'color.background.success.bold.[default]' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.discovery.[default].[default]' | 'color.background.discovery.[default].hovered' | 'color.background.discovery.[default].pressed' | 'color.background.discovery.bold.[default]' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information.[default].[default]' | 'color.background.information.[default].hovered' | 'color.background.information.[default].pressed' | 'color.background.information.bold.[default]' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.blanket.[default]' | 'color.blanket.selected' | 'color.blanket.danger' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.skeleton.[default]' | 'color.skeleton.subtle' | 'color.chart.categorical.1.[default]' | 'color.chart.categorical.1.hovered' | 'color.chart.categorical.2.[default]' | 'color.chart.categorical.2.hovered' | 'color.chart.categorical.3.[default]' | 'color.chart.categorical.3.hovered' | 'color.chart.categorical.4.[default]' | 'color.chart.categorical.4.hovered' | 'color.chart.categorical.5.[default]' | 'color.chart.categorical.5.hovered' | 'color.chart.categorical.6.[default]' | 'color.chart.categorical.6.hovered' | 'color.chart.categorical.7.[default]' | 'color.chart.categorical.7.hovered' | 'color.chart.categorical.8.[default]' | 'color.chart.categorical.8.hovered' | 'color.chart.neutral.[default]' | 'color.chart.neutral.hovered' | 'color.chart.red.bold.[default]' | 'color.chart.red.bold.hovered' | 'color.chart.red.bolder.[default]' | 'color.chart.red.bolder.hovered' | 'color.chart.red.boldest.[default]' | 'color.chart.red.boldest.hovered' | 'color.chart.orange.bold.[default]' | 'color.chart.orange.bold.hovered' | 'color.chart.orange.bolder.[default]' | 'color.chart.orange.bolder.hovered' | 'color.chart.orange.boldest.[default]' | 'color.chart.orange.boldest.hovered' | 'color.chart.yellow.bold.[default]' | 'color.chart.yellow.bold.hovered' | 'color.chart.yellow.bolder.[default]' | 'color.chart.yellow.bolder.hovered' | 'color.chart.yellow.boldest.[default]' | 'color.chart.yellow.boldest.hovered' | 'color.chart.green.bold.[default]' | 'color.chart.green.bold.hovered' | 'color.chart.green.bolder.[default]' | 'color.chart.green.bolder.hovered' | 'color.chart.green.boldest.[default]' | 'color.chart.green.boldest.hovered' | 'color.chart.teal.bold.[default]' | 'color.chart.teal.bold.hovered' | 'color.chart.teal.bolder.[default]' | 'color.chart.teal.bolder.hovered' | 'color.chart.teal.boldest.[default]' | 'color.chart.teal.boldest.hovered' | 'color.chart.blue.bold.[default]' | 'color.chart.blue.bold.hovered' | 'color.chart.blue.bolder.[default]' | 'color.chart.blue.bolder.hovered' | 'color.chart.blue.boldest.[default]' | 'color.chart.blue.boldest.hovered' | 'color.chart.purple.bold.[default]' | 'color.chart.purple.bold.hovered' | 'color.chart.purple.bolder.[default]' | 'color.chart.purple.bolder.hovered' | 'color.chart.purple.boldest.[default]' | 'color.chart.purple.boldest.hovered' | 'color.chart.magenta.bold.[default]' | 'color.chart.magenta.bold.hovered' | 'color.chart.magenta.bolder.[default]' | 'color.chart.magenta.bolder.hovered' | 'color.chart.magenta.boldest.[default]' | 'color.chart.magenta.boldest.hovered' | 'color.chart.gray.bold.[default]' | 'color.chart.gray.bold.hovered' | 'color.chart.gray.bolder.[default]' | 'color.chart.gray.bolder.hovered' | 'color.chart.gray.boldest.[default]' | 'color.chart.gray.boldest.hovered' | 'color.chart.brand.[default]' | 'color.chart.brand.hovered' | 'color.chart.danger.[default].[default]' | 'color.chart.danger.[default].hovered' | 'color.chart.danger.bold.[default]' | 'color.chart.danger.bold.hovered' | 'color.chart.warning.[default].[default]' | 'color.chart.warning.[default].hovered' | 'color.chart.warning.bold.[default]' | 'color.chart.warning.bold.hovered' | 'color.chart.success.[default].[default]' | 'color.chart.success.[default].hovered' | 'color.chart.success.bold.[default]' | 'color.chart.success.bold.hovered' | 'color.chart.discovery.[default].[default]' | 'color.chart.discovery.[default].hovered' | 'color.chart.discovery.bold.[default]' | 'color.chart.discovery.bold.hovered' | 'color.chart.information.[default].[default]' | 'color.chart.information.[default].hovered' | 'color.chart.information.bold.[default]' | 'color.chart.information.bold.hovered' | 'elevation.surface.[default].[default]' | 'elevation.surface.[default].hovered' | 'elevation.surface.[default].pressed' | 'elevation.surface.overlay.[default]' | 'elevation.surface.overlay.hovered' | 'elevation.surface.overlay.pressed' | 'elevation.surface.raised.[default]' | 'elevation.surface.raised.hovered' | 'elevation.surface.raised.pressed' | 'elevation.surface.sunken' | 'elevation.shadow.overflow.[default]' | 'elevation.shadow.overflow.perimeter' | 'elevation.shadow.overflow.spread' | 'elevation.shadow.overlay' | 'elevation.shadow.raised' | 'opacity.disabled' | 'opacity.loading' | 'utility.UNSAFE.transparent' | 'border.radius.050' | 'border.radius.[default]' | 'border.radius.100' | 'border.radius.200' | 'border.radius.300' | 'border.radius.400' | 'border.radius.circle' | 'border.width.050' | 'border.width.[default]' | 'border.width.100' | 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'space.1000' | 'font.family.monospace' | 'font.family.sans' | 'font.size.050' | 'font.size.075' | 'font.size.100' | 'font.size.200' | 'font.size.300' | 'font.size.400' | 'font.size.500' | 'font.size.600' | 'font.weight.bold' | 'font.weight.medium' | 'font.weight.regular' | 'font.weight.semibold' | 'font.lineHeight.100' | 'font.lineHeight.200' | 'font.lineHeight.300' | 'font.lineHeight.400' | 'font.lineHeight.500' | 'font.lineHeight.600';
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
- * @codegen <<SignedSource::0590226763691ce0543ee24e9a6bb722>>
3
+ * @codegen <<SignedSource::7af1f88dfeb09fd8473d7895cf1609b4>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
- export type ActiveTokens = 'color.text' | 'color.text.accent.red' | 'color.text.accent.red.bolder' | 'color.text.accent.orange' | 'color.text.accent.orange.bolder' | 'color.text.accent.yellow' | 'color.text.accent.yellow.bolder' | 'color.text.accent.green' | 'color.text.accent.green.bolder' | 'color.text.accent.teal' | 'color.text.accent.teal.bolder' | 'color.text.accent.blue' | 'color.text.accent.blue.bolder' | 'color.text.accent.purple' | 'color.text.accent.purple.bolder' | 'color.text.accent.magenta' | 'color.text.accent.magenta.bolder' | 'color.text.accent.gray' | 'color.text.accent.gray.bolder' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.selected' | 'color.text.brand' | 'color.text.danger' | 'color.text.warning' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.text.subtlest' | 'color.text.subtle' | 'color.link' | 'color.link.pressed' | 'color.icon' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.teal' | 'color.icon.accent.blue' | 'color.icon.accent.purple' | 'color.icon.accent.magenta' | 'color.icon.accent.gray' | 'color.icon.disabled' | 'color.icon.inverse' | 'color.icon.selected' | 'color.icon.brand' | 'color.icon.danger' | 'color.icon.warning' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.icon.subtle' | 'color.border' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.teal' | 'color.border.accent.blue' | 'color.border.accent.purple' | 'color.border.accent.magenta' | 'color.border.accent.gray' | 'color.border.disabled' | 'color.border.focused' | 'color.border.input' | 'color.border.inverse' | 'color.border.selected' | 'color.border.brand' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.border.bold' | 'color.background.accent.red.subtlest' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtle' | 'color.background.accent.red.bolder' | 'color.background.accent.orange.subtlest' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.bolder' | 'color.background.accent.yellow.subtlest' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.bolder' | 'color.background.accent.green.subtlest' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtle' | 'color.background.accent.green.bolder' | 'color.background.accent.teal.subtlest' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.bolder' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.bolder' | 'color.background.accent.purple.subtlest' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.bolder' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.bolder' | 'color.background.accent.gray.subtlest' | 'color.background.accent.gray.subtler' | 'color.background.accent.gray.subtle' | 'color.background.accent.gray.bolder' | 'color.background.disabled' | 'color.background.input' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.inverse.subtle' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.neutral' | 'color.background.neutral.hovered' | 'color.background.neutral.pressed' | 'color.background.neutral.subtle' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.neutral.bold' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.selected' | 'color.background.selected.hovered' | 'color.background.selected.pressed' | 'color.background.selected.bold' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.brand.bold' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.danger' | 'color.background.danger.hovered' | 'color.background.danger.pressed' | 'color.background.danger.bold' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.warning' | 'color.background.warning.hovered' | 'color.background.warning.pressed' | 'color.background.warning.bold' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.success' | 'color.background.success.hovered' | 'color.background.success.pressed' | 'color.background.success.bold' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.discovery' | 'color.background.discovery.hovered' | 'color.background.discovery.pressed' | 'color.background.discovery.bold' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information' | 'color.background.information.hovered' | 'color.background.information.pressed' | 'color.background.information.bold' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.blanket' | 'color.blanket.selected' | 'color.blanket.danger' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.skeleton' | 'color.skeleton.subtle' | 'color.chart.categorical.1' | 'color.chart.categorical.1.hovered' | 'color.chart.categorical.2' | 'color.chart.categorical.2.hovered' | 'color.chart.categorical.3' | 'color.chart.categorical.3.hovered' | 'color.chart.categorical.4' | 'color.chart.categorical.4.hovered' | 'color.chart.categorical.5' | 'color.chart.categorical.5.hovered' | 'color.chart.categorical.6' | 'color.chart.categorical.6.hovered' | 'color.chart.categorical.7' | 'color.chart.categorical.7.hovered' | 'color.chart.categorical.8' | 'color.chart.categorical.8.hovered' | 'color.chart.neutral' | 'color.chart.neutral.hovered' | 'color.chart.red.bold' | 'color.chart.red.bold.hovered' | 'color.chart.red.bolder' | 'color.chart.red.bolder.hovered' | 'color.chart.red.boldest' | 'color.chart.red.boldest.hovered' | 'color.chart.orange.bold' | 'color.chart.orange.bold.hovered' | 'color.chart.orange.bolder' | 'color.chart.orange.bolder.hovered' | 'color.chart.orange.boldest' | 'color.chart.orange.boldest.hovered' | 'color.chart.yellow.bold' | 'color.chart.yellow.bold.hovered' | 'color.chart.yellow.bolder' | 'color.chart.yellow.bolder.hovered' | 'color.chart.yellow.boldest' | 'color.chart.yellow.boldest.hovered' | 'color.chart.green.bold' | 'color.chart.green.bold.hovered' | 'color.chart.green.bolder' | 'color.chart.green.bolder.hovered' | 'color.chart.green.boldest' | 'color.chart.green.boldest.hovered' | 'color.chart.teal.bold' | 'color.chart.teal.bold.hovered' | 'color.chart.teal.bolder' | 'color.chart.teal.bolder.hovered' | 'color.chart.teal.boldest' | 'color.chart.teal.boldest.hovered' | 'color.chart.blue.bold' | 'color.chart.blue.bold.hovered' | 'color.chart.blue.bolder' | 'color.chart.blue.bolder.hovered' | 'color.chart.blue.boldest' | 'color.chart.blue.boldest.hovered' | 'color.chart.purple.bold' | 'color.chart.purple.bold.hovered' | 'color.chart.purple.bolder' | 'color.chart.purple.bolder.hovered' | 'color.chart.purple.boldest' | 'color.chart.purple.boldest.hovered' | 'color.chart.magenta.bold' | 'color.chart.magenta.bold.hovered' | 'color.chart.magenta.bolder' | 'color.chart.magenta.bolder.hovered' | 'color.chart.magenta.boldest' | 'color.chart.magenta.boldest.hovered' | 'color.chart.gray.bold' | 'color.chart.gray.bold.hovered' | 'color.chart.gray.bolder' | 'color.chart.gray.bolder.hovered' | 'color.chart.gray.boldest' | 'color.chart.gray.boldest.hovered' | 'color.chart.brand' | 'color.chart.brand.hovered' | 'color.chart.danger' | 'color.chart.danger.hovered' | 'color.chart.danger.bold' | 'color.chart.danger.bold.hovered' | 'color.chart.warning' | 'color.chart.warning.hovered' | 'color.chart.warning.bold' | 'color.chart.warning.bold.hovered' | 'color.chart.success' | 'color.chart.success.hovered' | 'color.chart.success.bold' | 'color.chart.success.bold.hovered' | 'color.chart.discovery' | 'color.chart.discovery.hovered' | 'color.chart.discovery.bold' | 'color.chart.discovery.bold.hovered' | 'color.chart.information' | 'color.chart.information.hovered' | 'color.chart.information.bold' | 'color.chart.information.bold.hovered' | 'elevation.surface' | 'elevation.surface.hovered' | 'elevation.surface.pressed' | 'elevation.surface.overlay' | 'elevation.surface.overlay.hovered' | 'elevation.surface.overlay.pressed' | 'elevation.surface.raised' | 'elevation.surface.raised.hovered' | 'elevation.surface.raised.pressed' | 'elevation.surface.sunken' | 'elevation.shadow.overflow' | 'elevation.shadow.overflow.perimeter' | 'elevation.shadow.overflow.spread' | 'elevation.shadow.overlay' | 'elevation.shadow.raised' | 'opacity.disabled' | 'opacity.loading' | 'utility.UNSAFE.transparent' | 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'space.1000' | 'font.family.monospace' | 'font.family.sans' | 'font.size.050' | 'font.size.075' | 'font.size.100' | 'font.size.200' | 'font.size.300' | 'font.size.400' | 'font.size.500' | 'font.size.600' | 'font.weight.bold' | 'font.weight.medium' | 'font.weight.regular' | 'font.weight.semibold' | 'font.lineHeight.100' | 'font.lineHeight.200' | 'font.lineHeight.300' | 'font.lineHeight.400' | 'font.lineHeight.500' | 'font.lineHeight.600';
6
+ export type ActiveTokens = 'color.text' | 'color.text.accent.red' | 'color.text.accent.red.bolder' | 'color.text.accent.orange' | 'color.text.accent.orange.bolder' | 'color.text.accent.yellow' | 'color.text.accent.yellow.bolder' | 'color.text.accent.green' | 'color.text.accent.green.bolder' | 'color.text.accent.teal' | 'color.text.accent.teal.bolder' | 'color.text.accent.blue' | 'color.text.accent.blue.bolder' | 'color.text.accent.purple' | 'color.text.accent.purple.bolder' | 'color.text.accent.magenta' | 'color.text.accent.magenta.bolder' | 'color.text.accent.gray' | 'color.text.accent.gray.bolder' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.selected' | 'color.text.brand' | 'color.text.danger' | 'color.text.warning' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.text.subtlest' | 'color.text.subtle' | 'color.link' | 'color.link.pressed' | 'color.icon' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.teal' | 'color.icon.accent.blue' | 'color.icon.accent.purple' | 'color.icon.accent.magenta' | 'color.icon.accent.gray' | 'color.icon.disabled' | 'color.icon.inverse' | 'color.icon.selected' | 'color.icon.brand' | 'color.icon.danger' | 'color.icon.warning' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.icon.subtle' | 'color.border' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.teal' | 'color.border.accent.blue' | 'color.border.accent.purple' | 'color.border.accent.magenta' | 'color.border.accent.gray' | 'color.border.disabled' | 'color.border.focused' | 'color.border.input' | 'color.border.inverse' | 'color.border.selected' | 'color.border.brand' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.border.bold' | 'color.background.accent.red.subtlest' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtle' | 'color.background.accent.red.bolder' | 'color.background.accent.orange.subtlest' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.bolder' | 'color.background.accent.yellow.subtlest' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.bolder' | 'color.background.accent.green.subtlest' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtle' | 'color.background.accent.green.bolder' | 'color.background.accent.teal.subtlest' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.bolder' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.bolder' | 'color.background.accent.purple.subtlest' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.bolder' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.bolder' | 'color.background.accent.gray.subtlest' | 'color.background.accent.gray.subtler' | 'color.background.accent.gray.subtle' | 'color.background.accent.gray.bolder' | 'color.background.disabled' | 'color.background.input' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.inverse.subtle' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.neutral' | 'color.background.neutral.hovered' | 'color.background.neutral.pressed' | 'color.background.neutral.subtle' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.neutral.bold' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.selected' | 'color.background.selected.hovered' | 'color.background.selected.pressed' | 'color.background.selected.bold' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.brand.bold' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.danger' | 'color.background.danger.hovered' | 'color.background.danger.pressed' | 'color.background.danger.bold' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.warning' | 'color.background.warning.hovered' | 'color.background.warning.pressed' | 'color.background.warning.bold' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.success' | 'color.background.success.hovered' | 'color.background.success.pressed' | 'color.background.success.bold' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.discovery' | 'color.background.discovery.hovered' | 'color.background.discovery.pressed' | 'color.background.discovery.bold' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information' | 'color.background.information.hovered' | 'color.background.information.pressed' | 'color.background.information.bold' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.blanket' | 'color.blanket.selected' | 'color.blanket.danger' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.skeleton' | 'color.skeleton.subtle' | 'color.chart.categorical.1' | 'color.chart.categorical.1.hovered' | 'color.chart.categorical.2' | 'color.chart.categorical.2.hovered' | 'color.chart.categorical.3' | 'color.chart.categorical.3.hovered' | 'color.chart.categorical.4' | 'color.chart.categorical.4.hovered' | 'color.chart.categorical.5' | 'color.chart.categorical.5.hovered' | 'color.chart.categorical.6' | 'color.chart.categorical.6.hovered' | 'color.chart.categorical.7' | 'color.chart.categorical.7.hovered' | 'color.chart.categorical.8' | 'color.chart.categorical.8.hovered' | 'color.chart.neutral' | 'color.chart.neutral.hovered' | 'color.chart.red.bold' | 'color.chart.red.bold.hovered' | 'color.chart.red.bolder' | 'color.chart.red.bolder.hovered' | 'color.chart.red.boldest' | 'color.chart.red.boldest.hovered' | 'color.chart.orange.bold' | 'color.chart.orange.bold.hovered' | 'color.chart.orange.bolder' | 'color.chart.orange.bolder.hovered' | 'color.chart.orange.boldest' | 'color.chart.orange.boldest.hovered' | 'color.chart.yellow.bold' | 'color.chart.yellow.bold.hovered' | 'color.chart.yellow.bolder' | 'color.chart.yellow.bolder.hovered' | 'color.chart.yellow.boldest' | 'color.chart.yellow.boldest.hovered' | 'color.chart.green.bold' | 'color.chart.green.bold.hovered' | 'color.chart.green.bolder' | 'color.chart.green.bolder.hovered' | 'color.chart.green.boldest' | 'color.chart.green.boldest.hovered' | 'color.chart.teal.bold' | 'color.chart.teal.bold.hovered' | 'color.chart.teal.bolder' | 'color.chart.teal.bolder.hovered' | 'color.chart.teal.boldest' | 'color.chart.teal.boldest.hovered' | 'color.chart.blue.bold' | 'color.chart.blue.bold.hovered' | 'color.chart.blue.bolder' | 'color.chart.blue.bolder.hovered' | 'color.chart.blue.boldest' | 'color.chart.blue.boldest.hovered' | 'color.chart.purple.bold' | 'color.chart.purple.bold.hovered' | 'color.chart.purple.bolder' | 'color.chart.purple.bolder.hovered' | 'color.chart.purple.boldest' | 'color.chart.purple.boldest.hovered' | 'color.chart.magenta.bold' | 'color.chart.magenta.bold.hovered' | 'color.chart.magenta.bolder' | 'color.chart.magenta.bolder.hovered' | 'color.chart.magenta.boldest' | 'color.chart.magenta.boldest.hovered' | 'color.chart.gray.bold' | 'color.chart.gray.bold.hovered' | 'color.chart.gray.bolder' | 'color.chart.gray.bolder.hovered' | 'color.chart.gray.boldest' | 'color.chart.gray.boldest.hovered' | 'color.chart.brand' | 'color.chart.brand.hovered' | 'color.chart.danger' | 'color.chart.danger.hovered' | 'color.chart.danger.bold' | 'color.chart.danger.bold.hovered' | 'color.chart.warning' | 'color.chart.warning.hovered' | 'color.chart.warning.bold' | 'color.chart.warning.bold.hovered' | 'color.chart.success' | 'color.chart.success.hovered' | 'color.chart.success.bold' | 'color.chart.success.bold.hovered' | 'color.chart.discovery' | 'color.chart.discovery.hovered' | 'color.chart.discovery.bold' | 'color.chart.discovery.bold.hovered' | 'color.chart.information' | 'color.chart.information.hovered' | 'color.chart.information.bold' | 'color.chart.information.bold.hovered' | 'elevation.surface' | 'elevation.surface.hovered' | 'elevation.surface.pressed' | 'elevation.surface.overlay' | 'elevation.surface.overlay.hovered' | 'elevation.surface.overlay.pressed' | 'elevation.surface.raised' | 'elevation.surface.raised.hovered' | 'elevation.surface.raised.pressed' | 'elevation.surface.sunken' | 'elevation.shadow.overflow' | 'elevation.shadow.overflow.perimeter' | 'elevation.shadow.overflow.spread' | 'elevation.shadow.overlay' | 'elevation.shadow.raised' | 'opacity.disabled' | 'opacity.loading' | 'utility.UNSAFE.transparent' | 'border.radius.050' | 'border.radius' | 'border.radius.100' | 'border.radius.200' | 'border.radius.300' | 'border.radius.400' | 'border.radius.circle' | 'border.width.050' | 'border.width' | 'border.width.100' | 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'space.1000' | 'font.family.monospace' | 'font.family.sans' | 'font.size.050' | 'font.size.075' | 'font.size.100' | 'font.size.200' | 'font.size.300' | 'font.size.400' | 'font.size.500' | 'font.size.600' | 'font.weight.bold' | 'font.weight.medium' | 'font.weight.regular' | 'font.weight.semibold' | 'font.lineHeight.100' | 'font.lineHeight.200' | 'font.lineHeight.300' | 'font.lineHeight.400' | 'font.lineHeight.500' | 'font.lineHeight.600';
@@ -5,7 +5,7 @@ export type { ThemeState } from './set-global-theme';
5
5
  export type { CSSToken } from './artifacts/token-names';
6
6
  export type { ActiveTokens } from './artifacts/types';
7
7
  export type { ThemeColorModes, Themes, ThemeIds } from './theme-config';
8
- export type { Groups, OpacityToken, PaintToken, RawToken, ShadowToken, SpacingToken, } from './types';
8
+ export type { Groups, OpacityToken, PaintToken, RawToken, ShadowToken, SpacingToken, ShapeToken, } from './types';
9
9
  export { default as themeConfig } from './theme-config';
10
10
  export { useThemeObserver } from './use-theme-observer';
11
11
  export { ThemeMutationObserver } from './theme-mutation-observer';
@@ -57,7 +57,7 @@ declare const baseRadiusTokens: {
57
57
  };
58
58
  };
59
59
  readonly RadiusCircle: {
60
- readonly value: "50%";
60
+ readonly value: 32032;
61
61
  readonly attributes: {
62
62
  readonly group: "shape";
63
63
  };
@@ -1,11 +1,12 @@
1
1
  import { UnbindFn } from 'bind-event-listener';
2
2
  import { ThemeColorModes, ThemeIds } from './theme-config';
3
3
  export interface ThemeState {
4
- light: ThemeIds;
5
- dark: ThemeIds;
4
+ light: Extract<ThemeIds, 'light' | 'dark' | 'legacy-dark' | 'legacy-light'>;
5
+ dark: Extract<ThemeIds, 'light' | 'dark' | 'legacy-dark' | 'legacy-light'>;
6
6
  colorMode: ThemeColorModes;
7
- spacing?: ThemeIds;
8
- typography?: ThemeIds;
7
+ shape?: Extract<ThemeIds, 'shape'>;
8
+ spacing?: Extract<ThemeIds, 'spacing'>;
9
+ typography?: Extract<ThemeIds, 'typography'>;
9
10
  }
10
11
  export interface ActiveThemeState extends ThemeState {
11
12
  colorMode: Exclude<ThemeColorModes, 'auto'>;
@@ -27,7 +28,7 @@ export interface ActiveThemeState extends ThemeState {
27
28
  * setGlobalTheme({colorMode: 'auto', light: 'light', dark: 'dark', spacing: 'spacing'});
28
29
  * ```
29
30
  */
30
- declare const setGlobalTheme: ({ colorMode, dark, light, spacing, typography, }?: Partial<ThemeState>) => Promise<UnbindFn>;
31
+ declare const setGlobalTheme: ({ colorMode, dark, light, shape, spacing, typography, }?: Partial<ThemeState>) => Promise<UnbindFn>;
31
32
  export interface ThemeStyles {
32
33
  id: ThemeIds;
33
34
  attrs: Record<string, string>;
@@ -47,7 +48,7 @@ export interface ThemeStyles {
47
48
  * @returns A Promise of an object array, containing theme IDs, data-attributes to attach to the theme, and the theme CSS.
48
49
  * If an error is encountered while loading themes, the themes arrav will be emptv.
49
50
  */
50
- export declare const getThemeStyles: ({ colorMode, dark, light, spacing, typography, }?: Partial<ThemeState>) => Promise<ThemeStyles[]>;
51
+ export declare const getThemeStyles: ({ colorMode, dark, light, spacing, typography, shape, }?: Partial<ThemeState>) => Promise<ThemeStyles[]>;
51
52
  /**
52
53
  * Server-side rendering utility. Generates the valid HTML attributes for a given theme.
53
54
  * Note: this utility does not handle automatic theme switching.
@@ -61,7 +62,7 @@ export declare const getThemeStyles: ({ colorMode, dark, light, spacing, typogra
61
62
  *
62
63
  * @returns {Object} Object of HTML attributes to be applied to the document root
63
64
  */
64
- export declare const getThemeHtmlAttrs: ({ colorMode, dark, light, spacing, typography, }?: Partial<ThemeState>) => Record<string, string>;
65
+ export declare const getThemeHtmlAttrs: ({ colorMode, dark, light, shape, spacing, typography, }?: Partial<ThemeState>) => Record<string, string>;
65
66
  /**
66
67
  * Provides a script that, when executed before paint, sets the `data-color-mode` attribute based on the current system theme,
67
68
  * to enable SSR support for automatic theme switching, avoid a flash of un-themed content on first paint.
@@ -767,17 +767,19 @@ export interface SpacingTokenSchema {
767
767
  export interface ShapeTokenSchema {
768
768
  border: {
769
769
  width: {
770
+ '[default]': ShapeToken;
770
771
  '0': ShapeToken;
771
772
  '050': ShapeToken;
772
773
  '100': ShapeToken;
773
774
  };
774
775
  radius: {
776
+ '[default]': ShapeToken;
775
777
  '050': ShapeToken;
776
778
  '100': ShapeToken;
777
779
  '200': ShapeToken;
778
780
  '300': ShapeToken;
779
781
  '400': ShapeToken;
780
- round: ShapeToken;
782
+ circle: ShapeToken;
781
783
  };
782
784
  };
783
785
  }
@@ -15,7 +15,7 @@
15
15
  "group": "paint",
16
16
  "state": "active",
17
17
  "introduced": "0.6.0",
18
- "description": "Use for red text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags."
18
+ "description": "Use for red text on subtlest and subtler red accent backgrounds when there is no meaning tied to the color."
19
19
  },
20
20
  "value": "#FF9C8F"
21
21
  },
@@ -24,7 +24,7 @@
24
24
  "group": "paint",
25
25
  "state": "active",
26
26
  "introduced": "0.7.0",
27
- "description": "Use on bold red accent backgrounds."
27
+ "description": "Use for red text on subtle red accent backgrounds when there is no meaning tied to the color."
28
28
  },
29
29
  "value": "#FFD2CC"
30
30
  },
@@ -33,7 +33,7 @@
33
33
  "group": "paint",
34
34
  "state": "active",
35
35
  "introduced": "0.6.0",
36
- "description": "Use for orange text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags."
36
+ "description": "Use for orange text on subtlest and subtler orange accent backgrounds when there is no meaning tied to the color."
37
37
  },
38
38
  "value": "#FEC57B"
39
39
  },
@@ -42,7 +42,7 @@
42
42
  "group": "paint",
43
43
  "state": "active",
44
44
  "introduced": "0.7.0",
45
- "description": "Use on bold orange accent backgrounds."
45
+ "description": "Use for orange text on subtle orange accent backgrounds when there is no meaning tied to the color."
46
46
  },
47
47
  "value": "#FFE2BD"
48
48
  },
@@ -51,7 +51,7 @@
51
51
  "group": "paint",
52
52
  "state": "active",
53
53
  "introduced": "0.6.0",
54
- "description": "Use for yellow text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags."
54
+ "description": "Use for yellow text on subtlest and subtler yellow accent backgrounds when there is no meaning tied to the color."
55
55
  },
56
56
  "value": "#F5CD47"
57
57
  },
@@ -60,7 +60,7 @@
60
60
  "group": "paint",
61
61
  "state": "active",
62
62
  "introduced": "0.7.0",
63
- "description": "Use on bold yellow accent backgrounds."
63
+ "description": "Use for yellow text on subtle yellow accent backgrounds when there is no meaning tied to the color."
64
64
  },
65
65
  "value": "#F8E6A0"
66
66
  },
@@ -69,7 +69,7 @@
69
69
  "group": "paint",
70
70
  "state": "active",
71
71
  "introduced": "0.6.0",
72
- "description": "Use for green text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags."
72
+ "description": "Use for green text on subtlest and subtler green accent backgrounds when there is no meaning tied to the color."
73
73
  },
74
74
  "value": "#7EE2B8"
75
75
  },
@@ -78,7 +78,7 @@
78
78
  "group": "paint",
79
79
  "state": "active",
80
80
  "introduced": "0.7.0",
81
- "description": "Use on bold green accent backgrounds."
81
+ "description": "Use for green text on subtle green accent backgrounds when there is no meaning tied to the color."
82
82
  },
83
83
  "value": "#BAF3DB"
84
84
  },
@@ -87,7 +87,7 @@
87
87
  "group": "paint",
88
88
  "state": "active",
89
89
  "introduced": "0.6.0",
90
- "description": "Use for teal text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags."
90
+ "description": "Use for teal text on subtlest and subtler teal accent backgrounds when there is no meaning tied to the color."
91
91
  },
92
92
  "value": "#8BDBE5"
93
93
  },
@@ -96,7 +96,7 @@
96
96
  "group": "paint",
97
97
  "state": "active",
98
98
  "introduced": "0.7.0",
99
- "description": "Use on bold teal accent backgrounds."
99
+ "description": "Use for teal text on subtle teal accent backgrounds when there is no meaning tied to the color."
100
100
  },
101
101
  "value": "#C1F0F5"
102
102
  },
@@ -105,7 +105,7 @@
105
105
  "group": "paint",
106
106
  "state": "active",
107
107
  "introduced": "0.6.0",
108
- "description": "Use for blue text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags."
108
+ "description": "Use for blue text on subtlest and subtler blue accent backgrounds when there is no meaning tied to the color."
109
109
  },
110
110
  "value": "#85B8FF"
111
111
  },
@@ -114,7 +114,7 @@
114
114
  "group": "paint",
115
115
  "state": "active",
116
116
  "introduced": "0.7.0",
117
- "description": "Use on bold blue accent backgrounds."
117
+ "description": "Use for blue text on subtle blue accent backgrounds when there is no meaning tied to the color."
118
118
  },
119
119
  "value": "#CCE0FF"
120
120
  },
@@ -123,7 +123,7 @@
123
123
  "group": "paint",
124
124
  "state": "active",
125
125
  "introduced": "0.6.0",
126
- "description": "Use for purple text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags."
126
+ "description": "Use for purple text on subtlest and subtler purple accent backgrounds when there is no meaning tied to the color."
127
127
  },
128
128
  "value": "#B8ACF6"
129
129
  },
@@ -132,7 +132,7 @@
132
132
  "group": "paint",
133
133
  "state": "active",
134
134
  "introduced": "0.7.0",
135
- "description": "Use on bold purple accent backgrounds."
135
+ "description": "Use for purple text on subtle purple accent backgrounds when there is no meaning tied to the color."
136
136
  },
137
137
  "value": "#DFD8FD"
138
138
  },
@@ -141,7 +141,7 @@
141
141
  "group": "paint",
142
142
  "state": "active",
143
143
  "introduced": "0.6.0",
144
- "description": "Use for magenta text on non-bold backgrounds when there is no meaning tied to the color, such as colored tags."
144
+ "description": "Use for magenta text on subtlest and subtler magenta accent backgrounds when there is no meaning tied to the color."
145
145
  },
146
146
  "value": "#F797D2"
147
147
  },
@@ -150,7 +150,7 @@
150
150
  "group": "paint",
151
151
  "state": "active",
152
152
  "introduced": "0.7.0",
153
- "description": "Use on bold magenta accent backgrounds."
153
+ "description": "Use for magenta text on subtle magenta accent backgrounds when there is no meaning tied to the color."
154
154
  },
155
155
  "value": "#FDD0EC"
156
156
  },