@atlaskit/tokens 0.10.30 → 0.10.32

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 (116) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/css/atlassian-dark.css +5 -1
  3. package/css/atlassian-legacy-dark.css +5 -1
  4. package/css/atlassian-legacy-light.css +27 -23
  5. package/css/atlassian-light.css +7 -3
  6. package/dist/cjs/artifacts/palettes-raw/legacy-palette.js +22 -5
  7. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +45 -3
  8. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-dark.js +45 -3
  9. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-light.js +64 -22
  10. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +49 -7
  11. package/dist/cjs/artifacts/typescript/atlassian-dark-token-names.js +3 -1
  12. package/dist/cjs/artifacts/typescript/atlassian-legacy-dark-token-names.js +3 -1
  13. package/dist/cjs/artifacts/typescript/atlassian-legacy-light-token-names.js +3 -1
  14. package/dist/cjs/artifacts/typescript/atlassian-light-token-default-values.js +4 -2
  15. package/dist/cjs/artifacts/typescript/atlassian-light-token-names.js +3 -1
  16. package/dist/cjs/get-token.js +1 -1
  17. package/dist/cjs/palettes/legacy-palette.js +9 -2
  18. package/dist/cjs/tokens/atlassian-dark/elevation/shadow.js +31 -21
  19. package/dist/cjs/tokens/atlassian-legacy-dark/elevation/shadow.js +31 -21
  20. package/dist/cjs/tokens/atlassian-legacy-light/color/background.js +8 -7
  21. package/dist/cjs/tokens/atlassian-legacy-light/color/text.js +2 -2
  22. package/dist/cjs/tokens/atlassian-legacy-light/elevation/shadow.js +27 -17
  23. package/dist/cjs/tokens/atlassian-light/elevation/shadow.js +27 -17
  24. package/dist/cjs/tokens/default/elevation/shadow.js +23 -5
  25. package/dist/cjs/version.json +1 -1
  26. package/dist/es2019/artifacts/palettes-raw/legacy-palette.js +22 -5
  27. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +45 -3
  28. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-dark.js +45 -3
  29. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-light.js +64 -22
  30. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +49 -7
  31. package/dist/es2019/artifacts/typescript/atlassian-dark-token-names.js +3 -1
  32. package/dist/es2019/artifacts/typescript/atlassian-legacy-dark-token-names.js +3 -1
  33. package/dist/es2019/artifacts/typescript/atlassian-legacy-light-token-names.js +3 -1
  34. package/dist/es2019/artifacts/typescript/atlassian-light-token-default-values.js +4 -2
  35. package/dist/es2019/artifacts/typescript/atlassian-light-token-names.js +3 -1
  36. package/dist/es2019/get-token.js +1 -1
  37. package/dist/es2019/palettes/legacy-palette.js +9 -2
  38. package/dist/es2019/tokens/atlassian-dark/elevation/shadow.js +31 -21
  39. package/dist/es2019/tokens/atlassian-legacy-dark/elevation/shadow.js +31 -21
  40. package/dist/es2019/tokens/atlassian-legacy-light/color/background.js +8 -7
  41. package/dist/es2019/tokens/atlassian-legacy-light/color/text.js +2 -2
  42. package/dist/es2019/tokens/atlassian-legacy-light/elevation/shadow.js +27 -17
  43. package/dist/es2019/tokens/atlassian-light/elevation/shadow.js +27 -17
  44. package/dist/es2019/tokens/default/elevation/shadow.js +23 -5
  45. package/dist/es2019/version.json +1 -1
  46. package/dist/esm/artifacts/palettes-raw/legacy-palette.js +22 -5
  47. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +45 -3
  48. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-dark.js +45 -3
  49. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-light.js +64 -22
  50. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +49 -7
  51. package/dist/esm/artifacts/typescript/atlassian-dark-token-names.js +3 -1
  52. package/dist/esm/artifacts/typescript/atlassian-legacy-dark-token-names.js +3 -1
  53. package/dist/esm/artifacts/typescript/atlassian-legacy-light-token-names.js +3 -1
  54. package/dist/esm/artifacts/typescript/atlassian-light-token-default-values.js +4 -2
  55. package/dist/esm/artifacts/typescript/atlassian-light-token-names.js +3 -1
  56. package/dist/esm/get-token.js +1 -1
  57. package/dist/esm/palettes/legacy-palette.js +9 -2
  58. package/dist/esm/tokens/atlassian-dark/elevation/shadow.js +31 -21
  59. package/dist/esm/tokens/atlassian-legacy-dark/elevation/shadow.js +31 -21
  60. package/dist/esm/tokens/atlassian-legacy-light/color/background.js +8 -7
  61. package/dist/esm/tokens/atlassian-legacy-light/color/text.js +2 -2
  62. package/dist/esm/tokens/atlassian-legacy-light/elevation/shadow.js +27 -17
  63. package/dist/esm/tokens/atlassian-light/elevation/shadow.js +27 -17
  64. package/dist/esm/tokens/default/elevation/shadow.js +23 -5
  65. package/dist/esm/version.json +1 -1
  66. package/dist/types/artifacts/palettes-raw/legacy-palette.d.ts +1 -1
  67. package/dist/types/artifacts/token-default-values.d.ts +3 -1
  68. package/dist/types/artifacts/token-names.d.ts +2 -0
  69. package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
  70. package/dist/types/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +1 -1
  71. package/dist/types/artifacts/tokens-raw/atlassian-legacy-light.d.ts +1 -1
  72. package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
  73. package/dist/types/artifacts/typescript/atlassian-dark-token-names.d.ts +5 -1
  74. package/dist/types/artifacts/typescript/atlassian-dark-types-internal.d.ts +2 -2
  75. package/dist/types/artifacts/typescript/atlassian-dark-types.d.ts +2 -2
  76. package/dist/types/artifacts/typescript/atlassian-legacy-dark-token-names.d.ts +5 -1
  77. package/dist/types/artifacts/typescript/atlassian-legacy-dark-types-internal.d.ts +2 -2
  78. package/dist/types/artifacts/typescript/atlassian-legacy-dark-types.d.ts +2 -2
  79. package/dist/types/artifacts/typescript/atlassian-legacy-light-token-names.d.ts +5 -1
  80. package/dist/types/artifacts/typescript/atlassian-legacy-light-types-internal.d.ts +2 -2
  81. package/dist/types/artifacts/typescript/atlassian-legacy-light-types.d.ts +2 -2
  82. package/dist/types/artifacts/typescript/atlassian-light-token-default-values.d.ts +4 -2
  83. package/dist/types/artifacts/typescript/atlassian-light-token-names.d.ts +5 -1
  84. package/dist/types/artifacts/typescript/atlassian-light-types-internal.d.ts +2 -2
  85. package/dist/types/artifacts/typescript/atlassian-light-types.d.ts +2 -2
  86. package/dist/types/palettes/legacy-palette.d.ts +1 -1
  87. package/dist/types/tokens/atlassian-legacy-dark/utility/utility.d.ts +1 -1
  88. package/dist/types/tokens/atlassian-legacy-light/utility/utility.d.ts +1 -1
  89. package/dist/types/types.d.ts +5 -1
  90. package/dist/types-ts4.0/artifacts/palettes-raw/legacy-palette.d.ts +1 -1
  91. package/dist/types-ts4.0/artifacts/token-default-values.d.ts +3 -1
  92. package/dist/types-ts4.0/artifacts/token-names.d.ts +2 -0
  93. package/dist/types-ts4.0/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
  94. package/dist/types-ts4.0/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +1 -1
  95. package/dist/types-ts4.0/artifacts/tokens-raw/atlassian-legacy-light.d.ts +1 -1
  96. package/dist/types-ts4.0/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
  97. package/dist/types-ts4.0/artifacts/typescript/atlassian-dark-token-names.d.ts +5 -1
  98. package/dist/types-ts4.0/artifacts/typescript/atlassian-dark-types-internal.d.ts +2 -2
  99. package/dist/types-ts4.0/artifacts/typescript/atlassian-dark-types.d.ts +2 -2
  100. package/dist/types-ts4.0/artifacts/typescript/atlassian-legacy-dark-token-names.d.ts +5 -1
  101. package/dist/types-ts4.0/artifacts/typescript/atlassian-legacy-dark-types-internal.d.ts +2 -2
  102. package/dist/types-ts4.0/artifacts/typescript/atlassian-legacy-dark-types.d.ts +2 -2
  103. package/dist/types-ts4.0/artifacts/typescript/atlassian-legacy-light-token-names.d.ts +5 -1
  104. package/dist/types-ts4.0/artifacts/typescript/atlassian-legacy-light-types-internal.d.ts +2 -2
  105. package/dist/types-ts4.0/artifacts/typescript/atlassian-legacy-light-types.d.ts +2 -2
  106. package/dist/types-ts4.0/artifacts/typescript/atlassian-light-token-default-values.d.ts +4 -2
  107. package/dist/types-ts4.0/artifacts/typescript/atlassian-light-token-names.d.ts +5 -1
  108. package/dist/types-ts4.0/artifacts/typescript/atlassian-light-types-internal.d.ts +2 -2
  109. package/dist/types-ts4.0/artifacts/typescript/atlassian-light-types.d.ts +2 -2
  110. package/dist/types-ts4.0/palettes/legacy-palette.d.ts +1 -1
  111. package/dist/types-ts4.0/tokens/atlassian-legacy-dark/utility/utility.d.ts +1 -1
  112. package/dist/types-ts4.0/tokens/atlassian-legacy-light/utility/utility.d.ts +1 -1
  113. package/dist/types-ts4.0/types.d.ts +5 -1
  114. package/package.json +7 -5
  115. package/report.api.md +4 -0
  116. package/tmp/api-report-tmp.d.ts +4 -0
@@ -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::02e94c9602d30a3320fd9e00a1950a7c>>
3
+ * @codegen <<SignedSource::14b924918199fae4ec5e7515a026c3e8>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
- export declare type ActiveTokens = 'color.text.accent.blue' | 'color.text.accent.blue.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.purple' | 'color.text.accent.purple.bolder' | 'color.text.accent.teal' | 'color.text.accent.teal.bolder' | 'color.text.accent.magenta' | 'color.text.accent.magenta.bolder' | 'color.text.accent.gray' | 'color.text.accent.gray.bolder' | 'color.text' | 'color.text.subtle' | 'color.text.subtlest' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.brand' | 'color.text.selected' | 'color.text.danger' | 'color.text.warning' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.icon.accent.blue' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.purple' | 'color.icon.accent.teal' | 'color.icon.accent.magenta' | 'color.icon.accent.gray' | 'color.icon' | 'color.icon.subtle' | 'color.icon.inverse' | 'color.icon.disabled' | 'color.icon.brand' | 'color.icon.selected' | 'color.icon.danger' | 'color.icon.warning' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.border.accent.blue' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.purple' | 'color.border.accent.teal' | 'color.border.accent.magenta' | 'color.border.accent.gray' | 'color.border' | 'color.border.bold' | 'color.border.inverse' | 'color.border.focused' | 'color.border.input' | 'color.border.disabled' | 'color.border.brand' | 'color.border.selected' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.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.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.inverse.subtle' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.input' | 'color.background.input.hovered' | 'color.background.input.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.brand.bold' | 'color.background.brand.bold.hovered' | 'color.background.brand.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.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.link' | 'color.link.pressed' | 'elevation.shadow.raised' | 'elevation.shadow.overflow' | 'elevation.shadow.overlay' | 'elevation.surface' | 'elevation.surface.hovered' | 'elevation.surface.pressed' | 'elevation.surface.sunken' | 'elevation.surface.raised' | 'elevation.surface.raised.hovered' | 'elevation.surface.raised.pressed' | 'elevation.surface.overlay' | 'elevation.surface.overlay.hovered' | 'elevation.surface.overlay.pressed' | 'opacity.disabled' | 'opacity.loading' | 'utility.UNSAFE_util.transparent' | 'utility.UNSAFE_util.MISSING_TOKEN';
6
+ export declare type ActiveTokens = 'color.text.accent.blue' | 'color.text.accent.blue.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.purple' | 'color.text.accent.purple.bolder' | 'color.text.accent.teal' | 'color.text.accent.teal.bolder' | 'color.text.accent.magenta' | 'color.text.accent.magenta.bolder' | 'color.text.accent.gray' | 'color.text.accent.gray.bolder' | 'color.text' | 'color.text.subtle' | 'color.text.subtlest' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.brand' | 'color.text.selected' | 'color.text.danger' | 'color.text.warning' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.icon.accent.blue' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.purple' | 'color.icon.accent.teal' | 'color.icon.accent.magenta' | 'color.icon.accent.gray' | 'color.icon' | 'color.icon.subtle' | 'color.icon.inverse' | 'color.icon.disabled' | 'color.icon.brand' | 'color.icon.selected' | 'color.icon.danger' | 'color.icon.warning' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.border.accent.blue' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.purple' | 'color.border.accent.teal' | 'color.border.accent.magenta' | 'color.border.accent.gray' | 'color.border' | 'color.border.bold' | 'color.border.inverse' | 'color.border.focused' | 'color.border.input' | 'color.border.disabled' | 'color.border.brand' | 'color.border.selected' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.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.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.inverse.subtle' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.input' | 'color.background.input.hovered' | 'color.background.input.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.brand.bold' | 'color.background.brand.bold.hovered' | 'color.background.brand.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.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.link' | 'color.link.pressed' | 'elevation.shadow.raised' | 'elevation.shadow.overflow' | 'elevation.shadow.overflow.spread' | 'elevation.shadow.overflow.perimeter' | 'elevation.shadow.overlay' | 'elevation.surface' | 'elevation.surface.hovered' | 'elevation.surface.pressed' | 'elevation.surface.sunken' | 'elevation.surface.raised' | 'elevation.surface.raised.hovered' | 'elevation.surface.raised.pressed' | 'elevation.surface.overlay' | 'elevation.surface.overlay.hovered' | 'elevation.surface.overlay.pressed' | 'opacity.disabled' | 'opacity.loading' | 'utility.UNSAFE_util.transparent' | 'utility.UNSAFE_util.MISSING_TOKEN';
@@ -4,7 +4,7 @@
4
4
  * Token names mapped to their value in the default Atlassian themes ('light spacing').
5
5
  * These default values are used by the Babel plugin to optionally provide automatic fallbacks.
6
6
  *
7
- * @codegen <<SignedSource::128d2aed73e7128437a797c426204b37>>
7
+ * @codegen <<SignedSource::ef6186f17dafc7e13af4096ad3cf41bb>>
8
8
  * @codegenCommand yarn build tokens
9
9
  */
10
10
  declare const defaultTokenValues: {
@@ -283,7 +283,9 @@ declare const defaultTokenValues: {
283
283
  readonly 'shadow.card': "0px 1px 1px #091E4240, 0px 0px 1px #091E424F";
284
284
  readonly 'shadow.overlay': "0px 8px 12px #091E4226, 0px 0px 1px #091E424F";
285
285
  readonly 'elevation.shadow.raised': "0px 1px 1px #091E4240, 0px 0px 1px #091E424F";
286
- readonly 'elevation.shadow.overflow': "0px 8px 8px #091E4214, 0px 0px 1px #091E421F";
286
+ readonly 'elevation.shadow.overflow': "0px 0px 8px #091E4229, 0px 0px 1px #091E421F";
287
+ readonly 'elevation.shadow.overflow.spread': "#091e4229";
288
+ readonly 'elevation.shadow.overflow.perimeter': "#091e421f";
287
289
  readonly 'elevation.shadow.overlay': "0px 8px 12px #091E4226, 0px 0px 1px #091E424F";
288
290
  readonly 'elevation.surface': "#FFFFFF";
289
291
  readonly 'elevation.surface.hovered': "#F1F2F4";
@@ -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::709c400533fbf03cd0b347f1aa9b3ff6>>
3
+ * @codegen <<SignedSource::83290a114618bdfa1ff9d24e32a6f1b1>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  declare const tokens: {
@@ -280,6 +280,8 @@ declare const tokens: {
280
280
  readonly 'shadow.overlay': "--ds-overlay";
281
281
  readonly 'elevation.shadow.raised': "--ds-shadow-raised";
282
282
  readonly 'elevation.shadow.overflow': "--ds-shadow-overflow";
283
+ readonly 'elevation.shadow.overflow.spread': "--ds-shadow-overflow-spread";
284
+ readonly 'elevation.shadow.overflow.perimeter': "--ds-shadow-overflow-perimeter";
283
285
  readonly 'elevation.shadow.overlay': "--ds-shadow-overlay";
284
286
  readonly 'elevation.surface': "--ds-surface";
285
287
  readonly 'elevation.surface.hovered': "--ds-surface-hovered";
@@ -573,6 +575,8 @@ export declare type CSSTokenMap = {
573
575
  'shadow.overlay': 'var(--ds-overlay)';
574
576
  'elevation.shadow.raised': 'var(--ds-shadow-raised)';
575
577
  'elevation.shadow.overflow': 'var(--ds-shadow-overflow)';
578
+ 'elevation.shadow.overflow.spread': 'var(--ds-shadow-overflow-spread)';
579
+ 'elevation.shadow.overflow.perimeter': 'var(--ds-shadow-overflow-perimeter)';
576
580
  'elevation.shadow.overlay': 'var(--ds-shadow-overlay)';
577
581
  'elevation.surface': 'var(--ds-surface)';
578
582
  'elevation.surface.hovered': 'var(--ds-surface-hovered)';
@@ -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::39f5c50a16b92a67dcd34ffb038b73d2>>
3
+ * @codegen <<SignedSource::ac998ce60e638b25c6f248bb8a5ade05>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
- export declare type InternalTokenIds = 'color.text.accent.blue.[default]' | 'color.text.accent.blue.bolder' | '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.purple.[default]' | 'color.text.accent.purple.bolder' | 'color.text.accent.teal.[default]' | 'color.text.accent.teal.bolder' | 'color.text.accent.magenta.[default]' | 'color.text.accent.magenta.bolder' | 'color.text.accent.gray.[default]' | 'color.text.accent.gray.bolder' | 'color.text.[default]' | 'color.text.subtle' | 'color.text.subtlest' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.brand' | 'color.text.selected' | 'color.text.danger' | 'color.text.warning.[default]' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.icon.accent.blue' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.purple' | 'color.icon.accent.teal' | 'color.icon.accent.magenta' | 'color.icon.accent.gray' | 'color.icon.[default]' | 'color.icon.subtle' | 'color.icon.inverse' | 'color.icon.disabled' | 'color.icon.brand' | 'color.icon.selected' | 'color.icon.danger' | 'color.icon.warning.[default]' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.border.accent.blue' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.purple' | 'color.border.accent.teal' | 'color.border.accent.magenta' | 'color.border.accent.gray' | 'color.border.[default]' | 'color.border.bold' | 'color.border.inverse' | 'color.border.focused' | 'color.border.input' | 'color.border.disabled' | 'color.border.brand' | 'color.border.selected' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.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.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.inverse.subtle.[default]' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.input.[default]' | 'color.background.input.hovered' | 'color.background.input.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.brand.bold.[default]' | 'color.background.brand.bold.hovered' | 'color.background.brand.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.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.link.[default]' | 'color.link.pressed' | 'elevation.shadow.raised' | 'elevation.shadow.overflow' | 'elevation.shadow.overlay' | 'elevation.surface.[default].[default]' | 'elevation.surface.[default].hovered' | 'elevation.surface.[default].pressed' | 'elevation.surface.sunken' | 'elevation.surface.raised.[default]' | 'elevation.surface.raised.hovered' | 'elevation.surface.raised.pressed' | 'elevation.surface.overlay.[default]' | 'elevation.surface.overlay.hovered' | 'elevation.surface.overlay.pressed' | 'opacity.disabled' | 'opacity.loading' | 'utility.UNSAFE_util.transparent' | 'utility.UNSAFE_util.MISSING_TOKEN';
6
+ export declare type InternalTokenIds = 'color.text.accent.blue.[default]' | 'color.text.accent.blue.bolder' | '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.purple.[default]' | 'color.text.accent.purple.bolder' | 'color.text.accent.teal.[default]' | 'color.text.accent.teal.bolder' | 'color.text.accent.magenta.[default]' | 'color.text.accent.magenta.bolder' | 'color.text.accent.gray.[default]' | 'color.text.accent.gray.bolder' | 'color.text.[default]' | 'color.text.subtle' | 'color.text.subtlest' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.brand' | 'color.text.selected' | 'color.text.danger' | 'color.text.warning.[default]' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.icon.accent.blue' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.purple' | 'color.icon.accent.teal' | 'color.icon.accent.magenta' | 'color.icon.accent.gray' | 'color.icon.[default]' | 'color.icon.subtle' | 'color.icon.inverse' | 'color.icon.disabled' | 'color.icon.brand' | 'color.icon.selected' | 'color.icon.danger' | 'color.icon.warning.[default]' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.border.accent.blue' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.purple' | 'color.border.accent.teal' | 'color.border.accent.magenta' | 'color.border.accent.gray' | 'color.border.[default]' | 'color.border.bold' | 'color.border.inverse' | 'color.border.focused' | 'color.border.input' | 'color.border.disabled' | 'color.border.brand' | 'color.border.selected' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.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.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.inverse.subtle.[default]' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.input.[default]' | 'color.background.input.hovered' | 'color.background.input.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.brand.bold.[default]' | 'color.background.brand.bold.hovered' | 'color.background.brand.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.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.link.[default]' | 'color.link.pressed' | 'elevation.shadow.raised' | 'elevation.shadow.overflow.[default]' | 'elevation.shadow.overflow.spread' | 'elevation.shadow.overflow.perimeter' | 'elevation.shadow.overlay' | 'elevation.surface.[default].[default]' | 'elevation.surface.[default].hovered' | 'elevation.surface.[default].pressed' | 'elevation.surface.sunken' | 'elevation.surface.raised.[default]' | 'elevation.surface.raised.hovered' | 'elevation.surface.raised.pressed' | 'elevation.surface.overlay.[default]' | 'elevation.surface.overlay.hovered' | 'elevation.surface.overlay.pressed' | 'opacity.disabled' | 'opacity.loading' | 'utility.UNSAFE_util.transparent' | 'utility.UNSAFE_util.MISSING_TOKEN';
@@ -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::02e94c9602d30a3320fd9e00a1950a7c>>
3
+ * @codegen <<SignedSource::14b924918199fae4ec5e7515a026c3e8>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
- export declare type ActiveTokens = 'color.text.accent.blue' | 'color.text.accent.blue.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.purple' | 'color.text.accent.purple.bolder' | 'color.text.accent.teal' | 'color.text.accent.teal.bolder' | 'color.text.accent.magenta' | 'color.text.accent.magenta.bolder' | 'color.text.accent.gray' | 'color.text.accent.gray.bolder' | 'color.text' | 'color.text.subtle' | 'color.text.subtlest' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.brand' | 'color.text.selected' | 'color.text.danger' | 'color.text.warning' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.icon.accent.blue' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.purple' | 'color.icon.accent.teal' | 'color.icon.accent.magenta' | 'color.icon.accent.gray' | 'color.icon' | 'color.icon.subtle' | 'color.icon.inverse' | 'color.icon.disabled' | 'color.icon.brand' | 'color.icon.selected' | 'color.icon.danger' | 'color.icon.warning' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.border.accent.blue' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.purple' | 'color.border.accent.teal' | 'color.border.accent.magenta' | 'color.border.accent.gray' | 'color.border' | 'color.border.bold' | 'color.border.inverse' | 'color.border.focused' | 'color.border.input' | 'color.border.disabled' | 'color.border.brand' | 'color.border.selected' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.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.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.inverse.subtle' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.input' | 'color.background.input.hovered' | 'color.background.input.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.brand.bold' | 'color.background.brand.bold.hovered' | 'color.background.brand.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.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.link' | 'color.link.pressed' | 'elevation.shadow.raised' | 'elevation.shadow.overflow' | 'elevation.shadow.overlay' | 'elevation.surface' | 'elevation.surface.hovered' | 'elevation.surface.pressed' | 'elevation.surface.sunken' | 'elevation.surface.raised' | 'elevation.surface.raised.hovered' | 'elevation.surface.raised.pressed' | 'elevation.surface.overlay' | 'elevation.surface.overlay.hovered' | 'elevation.surface.overlay.pressed' | 'opacity.disabled' | 'opacity.loading' | 'utility.UNSAFE_util.transparent' | 'utility.UNSAFE_util.MISSING_TOKEN';
6
+ export declare type ActiveTokens = 'color.text.accent.blue' | 'color.text.accent.blue.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.purple' | 'color.text.accent.purple.bolder' | 'color.text.accent.teal' | 'color.text.accent.teal.bolder' | 'color.text.accent.magenta' | 'color.text.accent.magenta.bolder' | 'color.text.accent.gray' | 'color.text.accent.gray.bolder' | 'color.text' | 'color.text.subtle' | 'color.text.subtlest' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.brand' | 'color.text.selected' | 'color.text.danger' | 'color.text.warning' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.icon.accent.blue' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.purple' | 'color.icon.accent.teal' | 'color.icon.accent.magenta' | 'color.icon.accent.gray' | 'color.icon' | 'color.icon.subtle' | 'color.icon.inverse' | 'color.icon.disabled' | 'color.icon.brand' | 'color.icon.selected' | 'color.icon.danger' | 'color.icon.warning' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.border.accent.blue' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.purple' | 'color.border.accent.teal' | 'color.border.accent.magenta' | 'color.border.accent.gray' | 'color.border' | 'color.border.bold' | 'color.border.inverse' | 'color.border.focused' | 'color.border.input' | 'color.border.disabled' | 'color.border.brand' | 'color.border.selected' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.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.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.inverse.subtle' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.input' | 'color.background.input.hovered' | 'color.background.input.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.brand.bold' | 'color.background.brand.bold.hovered' | 'color.background.brand.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.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.link' | 'color.link.pressed' | 'elevation.shadow.raised' | 'elevation.shadow.overflow' | 'elevation.shadow.overflow.spread' | 'elevation.shadow.overflow.perimeter' | 'elevation.shadow.overlay' | 'elevation.surface' | 'elevation.surface.hovered' | 'elevation.surface.pressed' | 'elevation.surface.sunken' | 'elevation.surface.raised' | 'elevation.surface.raised.hovered' | 'elevation.surface.raised.pressed' | 'elevation.surface.overlay' | 'elevation.surface.overlay.hovered' | 'elevation.surface.overlay.pressed' | 'opacity.disabled' | 'opacity.loading' | 'utility.UNSAFE_util.transparent' | 'utility.UNSAFE_util.MISSING_TOKEN';
@@ -4,7 +4,7 @@
4
4
  * This palette should be exclusively used for backwards compatible themes
5
5
  */
6
6
  import type { PaletteColorTokenSchema } from '../types';
7
- declare type PaletteValues = 'transparent' | 'R50' | 'R75' | 'R100' | 'R200' | 'R300' | 'R400' | 'R500' | 'Y50' | 'Y75' | 'Y100' | 'Y200' | 'Y300' | 'Y400' | 'Y500' | 'G50' | 'G75' | 'G100' | 'G200' | 'G300' | 'G400' | 'G500' | 'B50' | 'B75' | 'B100' | 'B200' | 'B300' | 'B400' | 'B500' | 'P50' | 'P75' | 'P100' | 'P200' | 'P300' | 'P400' | 'P500' | 'T50' | 'T75' | 'T100' | 'T200' | 'T300' | 'T400' | 'T500' | 'N0' | 'N10' | 'N20' | 'N30' | 'N40' | 'N50' | 'N60' | 'N70' | 'N80' | 'N90' | 'N100' | 'N200' | 'N300' | 'N400' | 'N500' | 'N600' | 'N700' | 'N800' | 'N900' | 'N10A' | 'N20A' | 'N30A' | 'N40A' | 'N50A' | 'N60A' | 'N70A' | 'N80A' | 'N90A' | 'N100A' | 'N200A' | 'N300A' | 'N400A' | 'N500A' | 'N600A' | 'N700A' | 'N800A' | 'DN900' | 'DN800' | 'DN700' | 'DN600' | 'DN500' | 'DN400' | 'DN300' | 'DN200' | 'DN100' | 'DN90' | 'DN80' | 'DN70' | 'DN60' | 'DN50' | 'DN40' | 'DN30' | 'DN20' | 'DN10' | 'DN0' | 'DN800A' | 'DN700A' | 'DN600A' | 'DN500A' | 'DN400A' | 'DN300A' | 'DN200A' | 'DN100A' | 'DN90A' | 'DN80A' | 'DN70A' | 'DN60A' | 'DN50A' | 'DN40A' | 'DN30A' | 'DN20A' | 'DN10' | 'DN10A';
7
+ declare type PaletteValues = 'transparent' | 'R50' | 'R75' | 'R100' | 'R200' | 'R300' | 'R400' | 'R500' | 'Y50' | 'Y75' | 'Y100' | 'Y200' | 'Y300' | 'Y400' | 'Y500' | 'O800' | 'G50' | 'G75' | 'G100' | 'G200' | 'G300' | 'G400' | 'G500' | 'B50' | 'B75' | 'B100' | 'B200' | 'B300' | 'B400' | 'B500' | 'P50' | 'P75' | 'P100' | 'P200' | 'P300' | 'P400' | 'P500' | 'T50' | 'T75' | 'T100' | 'T200' | 'T300' | 'T400' | 'T500' | 'N0' | 'N10' | 'N20' | 'N30' | 'N40' | 'N50' | 'N60' | 'N70' | 'N80' | 'N90' | 'N100' | 'N200' | 'N300' | 'N400' | 'N500' | 'N600' | 'N700' | 'N800' | 'N900' | 'N10A' | 'N20A' | 'N30A' | 'N40A' | 'N50A' | 'N60A' | 'N70A' | 'N80A' | 'N90A' | 'N100A' | 'N200A' | 'N300A' | 'N400A' | 'N500A' | 'N600A' | 'N700A' | 'N800A' | 'DN900' | 'DN800' | 'DN700' | 'DN600' | 'DN500' | 'DN400' | 'DN300' | 'DN200' | 'DN100' | 'DN90' | 'DN80' | 'DN70' | 'DN60' | 'DN50' | 'DN40' | 'DN30' | 'DN20' | 'DN10' | 'DN0' | 'DN800A' | 'DN700A' | 'DN600A' | 'DN500A' | 'DN400A' | 'DN300A' | 'DN200A' | 'DN100A' | 'DN90A' | 'DN80A' | 'DN70A' | 'DN60A' | 'DN50A' | 'DN40A' | 'DN30A' | 'DN20A' | 'DN10' | 'DN10A';
8
8
  export declare type BaseToken = keyof PaletteColorTokenSchema<PaletteValues>['color']['palette'];
9
9
  declare const palette: PaletteColorTokenSchema<PaletteValues>;
10
10
  export default palette;
@@ -1,5 +1,5 @@
1
1
  import type { UtilTokenSchema, ValueSchema } from '../../../types';
2
2
  declare const _default: {
3
- utility: ValueSchema<UtilTokenSchema<"transparent" | "R50" | "R75" | "R100" | "R200" | "R300" | "R400" | "R500" | "Y50" | "Y75" | "Y100" | "Y200" | "Y300" | "Y400" | "Y500" | "G50" | "G75" | "G100" | "G200" | "G300" | "G400" | "G500" | "B50" | "B75" | "B100" | "B200" | "B300" | "B400" | "B500" | "P50" | "P75" | "P100" | "P200" | "P300" | "P400" | "P500" | "T50" | "T75" | "T100" | "T200" | "T300" | "T400" | "T500" | "N0" | "N10" | "N20" | "N30" | "N40" | "N50" | "N60" | "N70" | "N80" | "N90" | "N100" | "N200" | "N300" | "N400" | "N500" | "N600" | "N700" | "N800" | "N900" | "N10A" | "N20A" | "N30A" | "N40A" | "N50A" | "N60A" | "N70A" | "N80A" | "N90A" | "N100A" | "N200A" | "N300A" | "N400A" | "N500A" | "N600A" | "N700A" | "N800A" | "DN900" | "DN800" | "DN700" | "DN600" | "DN500" | "DN400" | "DN300" | "DN200" | "DN100" | "DN90" | "DN80" | "DN70" | "DN60" | "DN50" | "DN40" | "DN30" | "DN20" | "DN10" | "DN0" | "DN800A" | "DN700A" | "DN600A" | "DN500A" | "DN400A" | "DN300A" | "DN200A" | "DN100A" | "DN90A" | "DN80A" | "DN70A" | "DN60A" | "DN50A" | "DN40A" | "DN30A" | "DN20A" | "DN10A">>;
3
+ utility: ValueSchema<UtilTokenSchema<"transparent" | "R50" | "R75" | "R100" | "R200" | "R300" | "R400" | "R500" | "Y50" | "Y75" | "Y100" | "Y200" | "Y300" | "Y400" | "Y500" | "O800" | "G50" | "G75" | "G100" | "G200" | "G300" | "G400" | "G500" | "B50" | "B75" | "B100" | "B200" | "B300" | "B400" | "B500" | "P50" | "P75" | "P100" | "P200" | "P300" | "P400" | "P500" | "T50" | "T75" | "T100" | "T200" | "T300" | "T400" | "T500" | "N0" | "N10" | "N20" | "N30" | "N40" | "N50" | "N60" | "N70" | "N80" | "N90" | "N100" | "N200" | "N300" | "N400" | "N500" | "N600" | "N700" | "N800" | "N900" | "N10A" | "N20A" | "N30A" | "N40A" | "N50A" | "N60A" | "N70A" | "N80A" | "N90A" | "N100A" | "N200A" | "N300A" | "N400A" | "N500A" | "N600A" | "N700A" | "N800A" | "DN900" | "DN800" | "DN700" | "DN600" | "DN500" | "DN400" | "DN300" | "DN200" | "DN100" | "DN90" | "DN80" | "DN70" | "DN60" | "DN50" | "DN40" | "DN30" | "DN20" | "DN10" | "DN0" | "DN800A" | "DN700A" | "DN600A" | "DN500A" | "DN400A" | "DN300A" | "DN200A" | "DN100A" | "DN90A" | "DN80A" | "DN70A" | "DN60A" | "DN50A" | "DN40A" | "DN30A" | "DN20A" | "DN10A">>;
4
4
  };
5
5
  export default _default;
@@ -1,5 +1,5 @@
1
1
  import type { UtilTokenSchema, ValueSchema } from '../../../types';
2
2
  declare const _default: {
3
- utility: ValueSchema<UtilTokenSchema<"transparent" | "R50" | "R75" | "R100" | "R200" | "R300" | "R400" | "R500" | "Y50" | "Y75" | "Y100" | "Y200" | "Y300" | "Y400" | "Y500" | "G50" | "G75" | "G100" | "G200" | "G300" | "G400" | "G500" | "B50" | "B75" | "B100" | "B200" | "B300" | "B400" | "B500" | "P50" | "P75" | "P100" | "P200" | "P300" | "P400" | "P500" | "T50" | "T75" | "T100" | "T200" | "T300" | "T400" | "T500" | "N0" | "N10" | "N20" | "N30" | "N40" | "N50" | "N60" | "N70" | "N80" | "N90" | "N100" | "N200" | "N300" | "N400" | "N500" | "N600" | "N700" | "N800" | "N900" | "N10A" | "N20A" | "N30A" | "N40A" | "N50A" | "N60A" | "N70A" | "N80A" | "N90A" | "N100A" | "N200A" | "N300A" | "N400A" | "N500A" | "N600A" | "N700A" | "N800A" | "DN900" | "DN800" | "DN700" | "DN600" | "DN500" | "DN400" | "DN300" | "DN200" | "DN100" | "DN90" | "DN80" | "DN70" | "DN60" | "DN50" | "DN40" | "DN30" | "DN20" | "DN10" | "DN0" | "DN800A" | "DN700A" | "DN600A" | "DN500A" | "DN400A" | "DN300A" | "DN200A" | "DN100A" | "DN90A" | "DN80A" | "DN70A" | "DN60A" | "DN50A" | "DN40A" | "DN30A" | "DN20A" | "DN10A">>;
3
+ utility: ValueSchema<UtilTokenSchema<"transparent" | "R50" | "R75" | "R100" | "R200" | "R300" | "R400" | "R500" | "Y50" | "Y75" | "Y100" | "Y200" | "Y300" | "Y400" | "Y500" | "O800" | "G50" | "G75" | "G100" | "G200" | "G300" | "G400" | "G500" | "B50" | "B75" | "B100" | "B200" | "B300" | "B400" | "B500" | "P50" | "P75" | "P100" | "P200" | "P300" | "P400" | "P500" | "T50" | "T75" | "T100" | "T200" | "T300" | "T400" | "T500" | "N0" | "N10" | "N20" | "N30" | "N40" | "N50" | "N60" | "N70" | "N80" | "N90" | "N100" | "N200" | "N300" | "N400" | "N500" | "N600" | "N700" | "N800" | "N900" | "N10A" | "N20A" | "N30A" | "N40A" | "N50A" | "N60A" | "N70A" | "N80A" | "N90A" | "N100A" | "N200A" | "N300A" | "N400A" | "N500A" | "N600A" | "N700A" | "N800A" | "DN900" | "DN800" | "DN700" | "DN600" | "DN500" | "DN400" | "DN300" | "DN200" | "DN100" | "DN90" | "DN80" | "DN70" | "DN60" | "DN50" | "DN40" | "DN30" | "DN20" | "DN10" | "DN0" | "DN800A" | "DN700A" | "DN600A" | "DN500A" | "DN400A" | "DN300A" | "DN200A" | "DN100A" | "DN90A" | "DN80A" | "DN70A" | "DN60A" | "DN50A" | "DN40A" | "DN30A" | "DN20A" | "DN10A">>;
4
4
  };
5
5
  export default _default;
@@ -479,7 +479,11 @@ export interface ShadowTokenSchema<BaseToken> {
479
479
  elevation: {
480
480
  shadow: {
481
481
  raised: ShadowToken<BaseToken>;
482
- overflow: ShadowToken<BaseToken>;
482
+ overflow: {
483
+ '[default]': ShadowToken<BaseToken>;
484
+ spread: PaintToken<BaseToken>;
485
+ perimeter: PaintToken<BaseToken>;
486
+ };
483
487
  overlay: ShadowToken<BaseToken>;
484
488
  };
485
489
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/tokens",
3
- "version": "0.10.30",
3
+ "version": "0.10.32",
4
4
  "author": "Atlassian Pty Ltd",
5
5
  "description": "Design tokens are the single source of truth to name and store design decisions.",
6
6
  "license": "Apache-2.0",
@@ -65,18 +65,18 @@
65
65
  "@af/codegen": "*",
66
66
  "@atlaskit/avatar": "^21.1.0",
67
67
  "@atlaskit/badge": "^15.0.11",
68
- "@atlaskit/button": "^16.3.0",
68
+ "@atlaskit/button": "^16.4.0",
69
69
  "@atlaskit/checkbox": "^12.4.0",
70
70
  "@atlaskit/code": "^14.4.0",
71
71
  "@atlaskit/docs": "^9.0.10",
72
72
  "@atlaskit/dropdown-menu": "^11.5.0",
73
- "@atlaskit/ds-explorations": "^0.1.5",
73
+ "@atlaskit/ds-explorations": "^1.0.0",
74
74
  "@atlaskit/dynamic-table": "^14.8.0",
75
75
  "@atlaskit/empty-state": "^7.4.0",
76
76
  "@atlaskit/focus-ring": "^1.1.0",
77
77
  "@atlaskit/heading": "^0.1.16",
78
78
  "@atlaskit/icon": "^21.11.0",
79
- "@atlaskit/lozenge": "^11.2.0",
79
+ "@atlaskit/lozenge": "^11.3.0",
80
80
  "@atlaskit/modal-dialog": "^12.4.0",
81
81
  "@atlaskit/section-message": "^6.3.0",
82
82
  "@atlaskit/tabs": "^13.3.0",
@@ -114,7 +114,9 @@
114
114
  "design-system": "v1",
115
115
  "ui-components": "lite-mode",
116
116
  "deprecation": "no-deprecated-imports",
117
- "styling": "emotion"
117
+ "styling": [
118
+ "emotion"
119
+ ]
118
120
  }
119
121
  },
120
122
  "homepage": "https://atlassian.design/components/tokens",
package/report.api.md CHANGED
@@ -298,6 +298,8 @@ type CSSTokenMap_2 = {
298
298
  'shadow.overlay': 'var(--ds-overlay)';
299
299
  'elevation.shadow.raised': 'var(--ds-shadow-raised)';
300
300
  'elevation.shadow.overflow': 'var(--ds-shadow-overflow)';
301
+ 'elevation.shadow.overflow.spread': 'var(--ds-shadow-overflow-spread)';
302
+ 'elevation.shadow.overflow.perimeter': 'var(--ds-shadow-overflow-perimeter)';
301
303
  'elevation.shadow.overlay': 'var(--ds-shadow-overlay)';
302
304
  'elevation.surface': 'var(--ds-surface)';
303
305
  'elevation.surface.hovered': 'var(--ds-surface-hovered)';
@@ -821,6 +823,8 @@ const tokens: {
821
823
  readonly 'shadow.overlay': '--ds-overlay';
822
824
  readonly 'elevation.shadow.raised': '--ds-shadow-raised';
823
825
  readonly 'elevation.shadow.overflow': '--ds-shadow-overflow';
826
+ readonly 'elevation.shadow.overflow.spread': '--ds-shadow-overflow-spread';
827
+ readonly 'elevation.shadow.overflow.perimeter': '--ds-shadow-overflow-perimeter';
824
828
  readonly 'elevation.shadow.overlay': '--ds-shadow-overlay';
825
829
  readonly 'elevation.surface': '--ds-surface';
826
830
  readonly 'elevation.surface.hovered': '--ds-surface-hovered';
@@ -288,6 +288,8 @@ type CSSTokenMap_2 = {
288
288
  'shadow.overlay': 'var(--ds-overlay)';
289
289
  'elevation.shadow.raised': 'var(--ds-shadow-raised)';
290
290
  'elevation.shadow.overflow': 'var(--ds-shadow-overflow)';
291
+ 'elevation.shadow.overflow.spread': 'var(--ds-shadow-overflow-spread)';
292
+ 'elevation.shadow.overflow.perimeter': 'var(--ds-shadow-overflow-perimeter)';
291
293
  'elevation.shadow.overlay': 'var(--ds-shadow-overlay)';
292
294
  'elevation.surface': 'var(--ds-surface)';
293
295
  'elevation.surface.hovered': 'var(--ds-surface-hovered)';
@@ -793,6 +795,8 @@ const tokens: {
793
795
  readonly 'shadow.overlay': "--ds-overlay";
794
796
  readonly 'elevation.shadow.raised': "--ds-shadow-raised";
795
797
  readonly 'elevation.shadow.overflow': "--ds-shadow-overflow";
798
+ readonly 'elevation.shadow.overflow.spread': "--ds-shadow-overflow-spread";
799
+ readonly 'elevation.shadow.overflow.perimeter': "--ds-shadow-overflow-perimeter";
796
800
  readonly 'elevation.shadow.overlay': "--ds-shadow-overlay";
797
801
  readonly 'elevation.surface': "--ds-surface";
798
802
  readonly 'elevation.surface.hovered': "--ds-surface-hovered";