@atlaskit/tokens 1.5.2 → 1.7.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 +16 -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 +38 -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 +34 -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 +38 -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 +10 -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 +10 -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 +6 -4
  99. package/report.api.md +125 -22
  100. package/tmp/api-report-tmp.d.ts +107 -27
@@ -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'>;
@@ -17,6 +18,7 @@ export interface ActiveThemeState extends ThemeState {
17
18
  * @param {string} themeState.colorMode Determines which color theme is applied. If set to `auto`, the theme applied will be determined by the OS setting.
18
19
  * @param {string} themeState.dark The color theme to be applied when the color mode resolves to 'dark'.
19
20
  * @param {string} themeState.light The color theme to be applied when the color mode resolves to 'light'.
21
+ * @param {string} themeState.shape The shape theme to be applied.
20
22
  * @param {string} themeState.spacing The spacing theme to be applied.
21
23
  * @param {string} themeState.typography The typography theme to be applied.
22
24
  *
@@ -27,7 +29,7 @@ export interface ActiveThemeState extends ThemeState {
27
29
  * setGlobalTheme({colorMode: 'auto', light: 'light', dark: 'dark', spacing: 'spacing'});
28
30
  * ```
29
31
  */
30
- declare const setGlobalTheme: ({ colorMode, dark, light, spacing, typography, }?: Partial<ThemeState>) => Promise<UnbindFn>;
32
+ declare const setGlobalTheme: ({ colorMode, dark, light, shape, spacing, typography, }?: Partial<ThemeState>) => Promise<UnbindFn>;
31
33
  export interface ThemeStyles {
32
34
  id: ThemeIds;
33
35
  attrs: Record<string, string>;
@@ -41,13 +43,14 @@ export interface ThemeStyles {
41
43
  * @param {string} themeState.colorMode Determines which color theme is applied. If set to `auto`, the theme applied will be determined by the OS setting.
42
44
  * @param {string} themeState.dark The color theme to be applied when the color mode resolves to 'dark'.
43
45
  * @param {string} themeState.light The color theme to be applied when the color mode resolves to 'light'.
46
+ * @param {string} themeState.shape The shape theme to be applied.
44
47
  * @param {string} themeState.spacing The spacing theme to be applied.
45
48
  * @param {string} themeState.typography The typography theme to be applied.
46
49
  *
47
50
  * @returns A Promise of an object array, containing theme IDs, data-attributes to attach to the theme, and the theme CSS.
48
51
  * If an error is encountered while loading themes, the themes arrav will be emptv.
49
52
  */
50
- export declare const getThemeStyles: ({ colorMode, dark, light, spacing, typography, }?: Partial<ThemeState>) => Promise<ThemeStyles[]>;
53
+ export declare const getThemeStyles: ({ colorMode, dark, light, shape, spacing, typography, }?: Partial<ThemeState>) => Promise<ThemeStyles[]>;
51
54
  /**
52
55
  * Server-side rendering utility. Generates the valid HTML attributes for a given theme.
53
56
  * Note: this utility does not handle automatic theme switching.
@@ -61,7 +64,7 @@ export declare const getThemeStyles: ({ colorMode, dark, light, spacing, typogra
61
64
  *
62
65
  * @returns {Object} Object of HTML attributes to be applied to the document root
63
66
  */
64
- export declare const getThemeHtmlAttrs: ({ colorMode, dark, light, spacing, typography, }?: Partial<ThemeState>) => Record<string, string>;
67
+ export declare const getThemeHtmlAttrs: ({ colorMode, dark, light, shape, spacing, typography, }?: Partial<ThemeState>) => Record<string, string>;
65
68
  /**
66
69
  * Provides a script that, when executed before paint, sets the `data-color-mode` attribute based on the current system theme,
67
70
  * 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
  },
@@ -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": "#FF5630"
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": "#FF7452"
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": "#F18D13"
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": "#FFAB00"
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": "#FFC400"
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": "#36B37E"
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": "#57D9A3"
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": "#00B8D9"
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": "#00C7E6"
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": "#0065FF"
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": "#2684FF"
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": "#6554C0"
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": "#8777D9"
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
  },