@atlaskit/tokens 1.18.0 → 1.19.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 (90) hide show
  1. package/CHANGELOG.md +96 -0
  2. package/dist/cjs/artifacts/generated-pairs.js +2 -2
  3. package/dist/cjs/artifacts/themes/atlassian-dark.js +2 -2
  4. package/dist/cjs/artifacts/themes/atlassian-legacy-dark.js +2 -2
  5. package/dist/cjs/artifacts/themes/atlassian-legacy-light.js +2 -2
  6. package/dist/cjs/artifacts/themes/atlassian-light.js +2 -2
  7. package/dist/cjs/artifacts/token-default-values.js +81 -1
  8. package/dist/cjs/artifacts/token-names.js +81 -1
  9. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +2044 -284
  10. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-dark.js +2052 -292
  11. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-light.js +2038 -278
  12. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +2037 -277
  13. package/dist/cjs/get-token-value.js +1 -1
  14. package/dist/cjs/get-token.js +1 -1
  15. package/dist/cjs/tokens/atlassian-dark/color/accent.js +360 -40
  16. package/dist/cjs/tokens/atlassian-legacy-dark/color/accent.js +396 -52
  17. package/dist/cjs/tokens/atlassian-legacy-light/color/accent.js +396 -52
  18. package/dist/cjs/tokens/atlassian-light/color/accent.js +360 -40
  19. package/dist/cjs/tokens/default/color/accent.js +920 -200
  20. package/dist/es2019/artifacts/generated-pairs.js +2 -2
  21. package/dist/es2019/artifacts/themes/atlassian-dark.js +81 -1
  22. package/dist/es2019/artifacts/themes/atlassian-legacy-dark.js +85 -5
  23. package/dist/es2019/artifacts/themes/atlassian-legacy-light.js +86 -6
  24. package/dist/es2019/artifacts/themes/atlassian-light.js +81 -1
  25. package/dist/es2019/artifacts/token-default-values.js +81 -1
  26. package/dist/es2019/artifacts/token-names.js +81 -1
  27. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +2044 -284
  28. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-dark.js +2052 -292
  29. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-light.js +2038 -278
  30. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +2037 -277
  31. package/dist/es2019/get-token-value.js +1 -1
  32. package/dist/es2019/get-token.js +1 -1
  33. package/dist/es2019/tokens/atlassian-dark/color/accent.js +360 -40
  34. package/dist/es2019/tokens/atlassian-legacy-dark/color/accent.js +396 -52
  35. package/dist/es2019/tokens/atlassian-legacy-light/color/accent.js +396 -52
  36. package/dist/es2019/tokens/atlassian-light/color/accent.js +360 -40
  37. package/dist/es2019/tokens/default/color/accent.js +920 -200
  38. package/dist/esm/artifacts/generated-pairs.js +2 -2
  39. package/dist/esm/artifacts/themes/atlassian-dark.js +2 -2
  40. package/dist/esm/artifacts/themes/atlassian-legacy-dark.js +2 -2
  41. package/dist/esm/artifacts/themes/atlassian-legacy-light.js +2 -2
  42. package/dist/esm/artifacts/themes/atlassian-light.js +2 -2
  43. package/dist/esm/artifacts/token-default-values.js +81 -1
  44. package/dist/esm/artifacts/token-names.js +81 -1
  45. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +2044 -284
  46. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-dark.js +2052 -292
  47. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-light.js +2038 -278
  48. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +2037 -277
  49. package/dist/esm/get-token-value.js +1 -1
  50. package/dist/esm/get-token.js +1 -1
  51. package/dist/esm/tokens/atlassian-dark/color/accent.js +360 -40
  52. package/dist/esm/tokens/atlassian-legacy-dark/color/accent.js +396 -52
  53. package/dist/esm/tokens/atlassian-legacy-light/color/accent.js +396 -52
  54. package/dist/esm/tokens/atlassian-light/color/accent.js +360 -40
  55. package/dist/esm/tokens/default/color/accent.js +920 -200
  56. package/dist/types/artifacts/generated-pairs.d.ts +1 -1
  57. package/dist/types/artifacts/themes/atlassian-dark.d.ts +2 -2
  58. package/dist/types/artifacts/themes/atlassian-legacy-dark.d.ts +2 -2
  59. package/dist/types/artifacts/themes/atlassian-legacy-light.d.ts +2 -2
  60. package/dist/types/artifacts/themes/atlassian-light.d.ts +2 -2
  61. package/dist/types/artifacts/token-default-values.d.ts +81 -1
  62. package/dist/types/artifacts/token-names.d.ts +161 -1
  63. package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
  64. package/dist/types/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +1 -1
  65. package/dist/types/artifacts/tokens-raw/atlassian-legacy-light.d.ts +1 -1
  66. package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
  67. package/dist/types/artifacts/types-internal.d.ts +2 -2
  68. package/dist/types/artifacts/types.d.ts +2 -2
  69. package/dist/types/types.d.ts +200 -40
  70. package/dist/types-ts4.5/artifacts/generated-pairs.d.ts +1 -1
  71. package/dist/types-ts4.5/artifacts/themes/atlassian-dark.d.ts +2 -2
  72. package/dist/types-ts4.5/artifacts/themes/atlassian-legacy-dark.d.ts +2 -2
  73. package/dist/types-ts4.5/artifacts/themes/atlassian-legacy-light.d.ts +2 -2
  74. package/dist/types-ts4.5/artifacts/themes/atlassian-light.d.ts +2 -2
  75. package/dist/types-ts4.5/artifacts/token-default-values.d.ts +81 -1
  76. package/dist/types-ts4.5/artifacts/token-names.d.ts +161 -1
  77. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
  78. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +1 -1
  79. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-legacy-light.d.ts +1 -1
  80. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
  81. package/dist/types-ts4.5/artifacts/types-internal.d.ts +2 -2
  82. package/dist/types-ts4.5/artifacts/types.d.ts +2 -2
  83. package/dist/types-ts4.5/types.d.ts +200 -40
  84. package/figma/atlassian-dark.json +720 -0
  85. package/figma/atlassian-legacy-dark.json +724 -4
  86. package/figma/atlassian-legacy-light.json +724 -4
  87. package/figma/atlassian-light.json +720 -0
  88. package/package.json +1 -1
  89. package/report.api.md +360 -40
  90. package/tmp/api-report-tmp.d.ts +162 -2
@@ -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::18c74e6a744ac396c85abb45c1851834>>
3
+ * @codegen <<SignedSource::cf106893fead87493e442a08bd4b4f07>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
- export type ActiveTokens = 'color.text' | 'color.text.accent.lime' | 'color.text.accent.lime.bolder' | '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.lime' | '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.lime' | '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.lime.subtlest' | 'color.background.accent.lime.subtler' | 'color.background.accent.lime.subtle' | 'color.background.accent.lime.bolder' | '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.subtlest' | 'color.background.brand.subtlest.hovered' | 'color.background.brand.subtlest.pressed' | 'color.background.brand.bold' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.brand.boldest' | 'color.background.brand.boldest.hovered' | 'color.background.brand.boldest.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.lime.bold' | 'color.chart.lime.bold.hovered' | 'color.chart.lime.bolder' | 'color.chart.lime.bolder.hovered' | 'color.chart.lime.boldest' | 'color.chart.lime.boldest.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' | 'utility.elevation.surface.current' | 'border.radius.050' | 'border.radius' | 'border.radius.100' | 'border.radius.200' | 'border.radius.300' | 'border.radius.400' | 'border.radius.circle' | 'border.width' | 'border.width.indicator' | 'border.width.outline' | '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.letterSpacing.0' | 'font.letterSpacing.100' | 'font.letterSpacing.200' | 'font.letterSpacing.300' | 'font.letterSpacing.400' | '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.1' | '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.lime' | 'color.text.accent.lime.bolder' | '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.lime' | '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.lime' | '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.lime.subtlest' | 'color.background.accent.lime.subtlest.hovered' | 'color.background.accent.lime.subtlest.pressed' | 'color.background.accent.lime.subtler' | 'color.background.accent.lime.subtler.hovered' | 'color.background.accent.lime.subtler.pressed' | 'color.background.accent.lime.subtle' | 'color.background.accent.lime.subtle.hovered' | 'color.background.accent.lime.subtle.pressed' | 'color.background.accent.lime.bolder' | 'color.background.accent.lime.bolder.hovered' | 'color.background.accent.lime.bolder.pressed' | 'color.background.accent.red.subtlest' | 'color.background.accent.red.subtlest.hovered' | 'color.background.accent.red.subtlest.pressed' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtler.hovered' | 'color.background.accent.red.subtler.pressed' | 'color.background.accent.red.subtle' | 'color.background.accent.red.subtle.hovered' | 'color.background.accent.red.subtle.pressed' | 'color.background.accent.red.bolder' | 'color.background.accent.red.bolder.hovered' | 'color.background.accent.red.bolder.pressed' | 'color.background.accent.orange.subtlest' | 'color.background.accent.orange.subtlest.hovered' | 'color.background.accent.orange.subtlest.pressed' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtler.hovered' | 'color.background.accent.orange.subtler.pressed' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.subtle.hovered' | 'color.background.accent.orange.subtle.pressed' | 'color.background.accent.orange.bolder' | 'color.background.accent.orange.bolder.hovered' | 'color.background.accent.orange.bolder.pressed' | 'color.background.accent.yellow.subtlest' | 'color.background.accent.yellow.subtlest.hovered' | 'color.background.accent.yellow.subtlest.pressed' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtler.hovered' | 'color.background.accent.yellow.subtler.pressed' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.subtle.hovered' | 'color.background.accent.yellow.subtle.pressed' | 'color.background.accent.yellow.bolder' | 'color.background.accent.yellow.bolder.hovered' | 'color.background.accent.yellow.bolder.pressed' | 'color.background.accent.green.subtlest' | 'color.background.accent.green.subtlest.hovered' | 'color.background.accent.green.subtlest.pressed' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtler.hovered' | 'color.background.accent.green.subtler.pressed' | 'color.background.accent.green.subtle' | 'color.background.accent.green.subtle.hovered' | 'color.background.accent.green.subtle.pressed' | 'color.background.accent.green.bolder' | 'color.background.accent.green.bolder.hovered' | 'color.background.accent.green.bolder.pressed' | 'color.background.accent.teal.subtlest' | 'color.background.accent.teal.subtlest.hovered' | 'color.background.accent.teal.subtlest.pressed' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtler.hovered' | 'color.background.accent.teal.subtler.pressed' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.subtle.hovered' | 'color.background.accent.teal.subtle.pressed' | 'color.background.accent.teal.bolder' | 'color.background.accent.teal.bolder.hovered' | 'color.background.accent.teal.bolder.pressed' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtlest.hovered' | 'color.background.accent.blue.subtlest.pressed' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtler.hovered' | 'color.background.accent.blue.subtler.pressed' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.subtle.hovered' | 'color.background.accent.blue.subtle.pressed' | 'color.background.accent.blue.bolder' | 'color.background.accent.blue.bolder.hovered' | 'color.background.accent.blue.bolder.pressed' | 'color.background.accent.purple.subtlest' | 'color.background.accent.purple.subtlest.hovered' | 'color.background.accent.purple.subtlest.pressed' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtler.hovered' | 'color.background.accent.purple.subtler.pressed' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.subtle.hovered' | 'color.background.accent.purple.subtle.pressed' | 'color.background.accent.purple.bolder' | 'color.background.accent.purple.bolder.hovered' | 'color.background.accent.purple.bolder.pressed' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.magenta.subtlest.hovered' | 'color.background.accent.magenta.subtlest.pressed' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtler.hovered' | 'color.background.accent.magenta.subtler.pressed' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.subtle.hovered' | 'color.background.accent.magenta.subtle.pressed' | 'color.background.accent.magenta.bolder' | 'color.background.accent.magenta.bolder.hovered' | 'color.background.accent.magenta.bolder.pressed' | 'color.background.accent.gray.subtlest' | 'color.background.accent.gray.subtlest.hovered' | 'color.background.accent.gray.subtlest.pressed' | 'color.background.accent.gray.subtler' | 'color.background.accent.gray.subtler.hovered' | 'color.background.accent.gray.subtler.pressed' | 'color.background.accent.gray.subtle' | 'color.background.accent.gray.subtle.hovered' | 'color.background.accent.gray.subtle.pressed' | 'color.background.accent.gray.bolder' | 'color.background.accent.gray.bolder.hovered' | 'color.background.accent.gray.bolder.pressed' | '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.subtlest' | 'color.background.brand.subtlest.hovered' | 'color.background.brand.subtlest.pressed' | 'color.background.brand.bold' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.brand.boldest' | 'color.background.brand.boldest.hovered' | 'color.background.brand.boldest.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.lime.bold' | 'color.chart.lime.bold.hovered' | 'color.chart.lime.bolder' | 'color.chart.lime.bolder.hovered' | 'color.chart.lime.boldest' | 'color.chart.lime.boldest.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' | 'utility.elevation.surface.current' | 'border.radius.050' | 'border.radius' | 'border.radius.100' | 'border.radius.200' | 'border.radius.300' | 'border.radius.400' | 'border.radius.circle' | 'border.width' | 'border.width.indicator' | 'border.width.outline' | '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.letterSpacing.0' | 'font.letterSpacing.100' | 'font.letterSpacing.200' | 'font.letterSpacing.300' | 'font.letterSpacing.400' | '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.1' | 'font.lineHeight.100' | 'font.lineHeight.200' | 'font.lineHeight.300' | 'font.lineHeight.400' | 'font.lineHeight.500' | 'font.lineHeight.600';
@@ -419,64 +419,224 @@ export interface AccentColorTokenSchema<BaseToken> {
419
419
  background: {
420
420
  accent: {
421
421
  blue: {
422
- subtlest: PaintToken<BaseToken>;
423
- subtler: PaintToken<BaseToken>;
424
- subtle: PaintToken<BaseToken>;
425
- bolder: PaintToken<BaseToken>;
422
+ subtlest: {
423
+ '[default]': PaintToken<BaseToken>;
424
+ hovered: PaintToken<BaseToken>;
425
+ pressed: PaintToken<BaseToken>;
426
+ };
427
+ subtler: {
428
+ '[default]': PaintToken<BaseToken>;
429
+ hovered: PaintToken<BaseToken>;
430
+ pressed: PaintToken<BaseToken>;
431
+ };
432
+ subtle: {
433
+ '[default]': PaintToken<BaseToken>;
434
+ hovered: PaintToken<BaseToken>;
435
+ pressed: PaintToken<BaseToken>;
436
+ };
437
+ bolder: {
438
+ '[default]': PaintToken<BaseToken>;
439
+ hovered: PaintToken<BaseToken>;
440
+ pressed: PaintToken<BaseToken>;
441
+ };
426
442
  };
427
443
  red: {
428
- subtlest: PaintToken<BaseToken>;
429
- subtler: PaintToken<BaseToken>;
430
- subtle: PaintToken<BaseToken>;
431
- bolder: PaintToken<BaseToken>;
444
+ subtlest: {
445
+ '[default]': PaintToken<BaseToken>;
446
+ hovered: PaintToken<BaseToken>;
447
+ pressed: PaintToken<BaseToken>;
448
+ };
449
+ subtler: {
450
+ '[default]': PaintToken<BaseToken>;
451
+ hovered: PaintToken<BaseToken>;
452
+ pressed: PaintToken<BaseToken>;
453
+ };
454
+ subtle: {
455
+ '[default]': PaintToken<BaseToken>;
456
+ hovered: PaintToken<BaseToken>;
457
+ pressed: PaintToken<BaseToken>;
458
+ };
459
+ bolder: {
460
+ '[default]': PaintToken<BaseToken>;
461
+ hovered: PaintToken<BaseToken>;
462
+ pressed: PaintToken<BaseToken>;
463
+ };
432
464
  };
433
465
  orange: {
434
- subtlest: PaintToken<BaseToken>;
435
- subtler: PaintToken<BaseToken>;
436
- subtle: PaintToken<BaseToken>;
437
- bolder: PaintToken<BaseToken>;
466
+ subtlest: {
467
+ '[default]': PaintToken<BaseToken>;
468
+ hovered: PaintToken<BaseToken>;
469
+ pressed: PaintToken<BaseToken>;
470
+ };
471
+ subtler: {
472
+ '[default]': PaintToken<BaseToken>;
473
+ hovered: PaintToken<BaseToken>;
474
+ pressed: PaintToken<BaseToken>;
475
+ };
476
+ subtle: {
477
+ '[default]': PaintToken<BaseToken>;
478
+ hovered: PaintToken<BaseToken>;
479
+ pressed: PaintToken<BaseToken>;
480
+ };
481
+ bolder: {
482
+ '[default]': PaintToken<BaseToken>;
483
+ hovered: PaintToken<BaseToken>;
484
+ pressed: PaintToken<BaseToken>;
485
+ };
438
486
  };
439
487
  yellow: {
440
- subtlest: PaintToken<BaseToken>;
441
- subtler: PaintToken<BaseToken>;
442
- subtle: PaintToken<BaseToken>;
443
- bolder: PaintToken<BaseToken>;
488
+ subtlest: {
489
+ '[default]': PaintToken<BaseToken>;
490
+ hovered: PaintToken<BaseToken>;
491
+ pressed: PaintToken<BaseToken>;
492
+ };
493
+ subtler: {
494
+ '[default]': PaintToken<BaseToken>;
495
+ hovered: PaintToken<BaseToken>;
496
+ pressed: PaintToken<BaseToken>;
497
+ };
498
+ subtle: {
499
+ '[default]': PaintToken<BaseToken>;
500
+ hovered: PaintToken<BaseToken>;
501
+ pressed: PaintToken<BaseToken>;
502
+ };
503
+ bolder: {
504
+ '[default]': PaintToken<BaseToken>;
505
+ hovered: PaintToken<BaseToken>;
506
+ pressed: PaintToken<BaseToken>;
507
+ };
444
508
  };
445
509
  green: {
446
- subtlest: PaintToken<BaseToken>;
447
- subtler: PaintToken<BaseToken>;
448
- subtle: PaintToken<BaseToken>;
449
- bolder: PaintToken<BaseToken>;
510
+ subtlest: {
511
+ '[default]': PaintToken<BaseToken>;
512
+ hovered: PaintToken<BaseToken>;
513
+ pressed: PaintToken<BaseToken>;
514
+ };
515
+ subtler: {
516
+ '[default]': PaintToken<BaseToken>;
517
+ hovered: PaintToken<BaseToken>;
518
+ pressed: PaintToken<BaseToken>;
519
+ };
520
+ subtle: {
521
+ '[default]': PaintToken<BaseToken>;
522
+ hovered: PaintToken<BaseToken>;
523
+ pressed: PaintToken<BaseToken>;
524
+ };
525
+ bolder: {
526
+ '[default]': PaintToken<BaseToken>;
527
+ hovered: PaintToken<BaseToken>;
528
+ pressed: PaintToken<BaseToken>;
529
+ };
450
530
  };
451
531
  teal: {
452
- subtlest: PaintToken<BaseToken>;
453
- subtler: PaintToken<BaseToken>;
454
- subtle: PaintToken<BaseToken>;
455
- bolder: PaintToken<BaseToken>;
532
+ subtlest: {
533
+ '[default]': PaintToken<BaseToken>;
534
+ hovered: PaintToken<BaseToken>;
535
+ pressed: PaintToken<BaseToken>;
536
+ };
537
+ subtler: {
538
+ '[default]': PaintToken<BaseToken>;
539
+ hovered: PaintToken<BaseToken>;
540
+ pressed: PaintToken<BaseToken>;
541
+ };
542
+ subtle: {
543
+ '[default]': PaintToken<BaseToken>;
544
+ hovered: PaintToken<BaseToken>;
545
+ pressed: PaintToken<BaseToken>;
546
+ };
547
+ bolder: {
548
+ '[default]': PaintToken<BaseToken>;
549
+ hovered: PaintToken<BaseToken>;
550
+ pressed: PaintToken<BaseToken>;
551
+ };
456
552
  };
457
553
  purple: {
458
- subtlest: PaintToken<BaseToken>;
459
- subtler: PaintToken<BaseToken>;
460
- subtle: PaintToken<BaseToken>;
461
- bolder: PaintToken<BaseToken>;
554
+ subtlest: {
555
+ '[default]': PaintToken<BaseToken>;
556
+ hovered: PaintToken<BaseToken>;
557
+ pressed: PaintToken<BaseToken>;
558
+ };
559
+ subtler: {
560
+ '[default]': PaintToken<BaseToken>;
561
+ hovered: PaintToken<BaseToken>;
562
+ pressed: PaintToken<BaseToken>;
563
+ };
564
+ subtle: {
565
+ '[default]': PaintToken<BaseToken>;
566
+ hovered: PaintToken<BaseToken>;
567
+ pressed: PaintToken<BaseToken>;
568
+ };
569
+ bolder: {
570
+ '[default]': PaintToken<BaseToken>;
571
+ hovered: PaintToken<BaseToken>;
572
+ pressed: PaintToken<BaseToken>;
573
+ };
462
574
  };
463
575
  magenta: {
464
- subtlest: PaintToken<BaseToken>;
465
- subtler: PaintToken<BaseToken>;
466
- subtle: PaintToken<BaseToken>;
467
- bolder: PaintToken<BaseToken>;
576
+ subtlest: {
577
+ '[default]': PaintToken<BaseToken>;
578
+ hovered: PaintToken<BaseToken>;
579
+ pressed: PaintToken<BaseToken>;
580
+ };
581
+ subtler: {
582
+ '[default]': PaintToken<BaseToken>;
583
+ hovered: PaintToken<BaseToken>;
584
+ pressed: PaintToken<BaseToken>;
585
+ };
586
+ subtle: {
587
+ '[default]': PaintToken<BaseToken>;
588
+ hovered: PaintToken<BaseToken>;
589
+ pressed: PaintToken<BaseToken>;
590
+ };
591
+ bolder: {
592
+ '[default]': PaintToken<BaseToken>;
593
+ hovered: PaintToken<BaseToken>;
594
+ pressed: PaintToken<BaseToken>;
595
+ };
468
596
  };
469
597
  lime: {
470
- subtlest: PaintToken<BaseToken>;
471
- subtler: PaintToken<BaseToken>;
472
- subtle: PaintToken<BaseToken>;
473
- bolder: PaintToken<BaseToken>;
598
+ subtlest: {
599
+ '[default]': PaintToken<BaseToken>;
600
+ hovered: PaintToken<BaseToken>;
601
+ pressed: PaintToken<BaseToken>;
602
+ };
603
+ subtler: {
604
+ '[default]': PaintToken<BaseToken>;
605
+ hovered: PaintToken<BaseToken>;
606
+ pressed: PaintToken<BaseToken>;
607
+ };
608
+ subtle: {
609
+ '[default]': PaintToken<BaseToken>;
610
+ hovered: PaintToken<BaseToken>;
611
+ pressed: PaintToken<BaseToken>;
612
+ };
613
+ bolder: {
614
+ '[default]': PaintToken<BaseToken>;
615
+ hovered: PaintToken<BaseToken>;
616
+ pressed: PaintToken<BaseToken>;
617
+ };
474
618
  };
475
619
  gray: {
476
- subtlest: PaintToken<BaseToken>;
477
- subtler: PaintToken<BaseToken>;
478
- subtle: PaintToken<BaseToken>;
479
- bolder: PaintToken<BaseToken>;
620
+ subtlest: {
621
+ '[default]': PaintToken<BaseToken>;
622
+ hovered: PaintToken<BaseToken>;
623
+ pressed: PaintToken<BaseToken>;
624
+ };
625
+ subtler: {
626
+ '[default]': PaintToken<BaseToken>;
627
+ hovered: PaintToken<BaseToken>;
628
+ pressed: PaintToken<BaseToken>;
629
+ };
630
+ subtle: {
631
+ '[default]': PaintToken<BaseToken>;
632
+ hovered: PaintToken<BaseToken>;
633
+ pressed: PaintToken<BaseToken>;
634
+ };
635
+ bolder: {
636
+ '[default]': PaintToken<BaseToken>;
637
+ hovered: PaintToken<BaseToken>;
638
+ pressed: PaintToken<BaseToken>;
639
+ };
480
640
  };
481
641
  };
482
642
  };