@atlaskit/tokens 13.1.0 → 13.2.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 (349) hide show
  1. package/CHANGELOG.md +34 -0
  2. package/codemods/css-to-design-tokens/lib/colors.tsx +3 -8
  3. package/codemods/css-to-design-tokens/lib/declaration.tsx +3 -13
  4. package/codemods/css-to-design-tokens/lib/extract-between-parentheses.tsx +4 -0
  5. package/codemods/css-to-design-tokens/lib/extract-less-var-name.tsx +3 -0
  6. package/codemods/css-to-design-tokens/lib/get-css-var-meta.tsx +13 -0
  7. package/codemods/css-to-design-tokens/lib/get-named-color-meta.tsx +5 -0
  8. package/codemods/css-to-design-tokens/lib/get-raw-color-meta.tsx +11 -0
  9. package/codemods/css-to-design-tokens/lib/is-css-declaration.tsx +3 -0
  10. package/codemods/css-to-design-tokens/lib/is-known-css-variable.tsx +5 -0
  11. package/codemods/css-to-design-tokens/lib/known-named-colors.tsx +150 -0
  12. package/codemods/css-to-design-tokens/lib/known-raw-colors.tsx +17 -0
  13. package/codemods/css-to-design-tokens/lib/known-variables.tsx +167 -0
  14. package/codemods/css-to-design-tokens/lib/legacy-colors.tsx +3 -336
  15. package/codemods/css-to-design-tokens/lib/meta.tsx +3 -28
  16. package/codemods/css-to-design-tokens/lib/split-css-value.tsx +4 -0
  17. package/codemods/css-to-design-tokens/lib/value.tsx +6 -9
  18. package/codemods/css-to-design-tokens/transform.tsx +3 -1
  19. package/dist/cjs/artifacts/generated-pairs.js +2 -2
  20. package/dist/cjs/artifacts/palettes-raw/palette.js +35 -1
  21. package/dist/cjs/artifacts/themes/atlassian-dark-increased-contrast.js +2 -2
  22. package/dist/cjs/artifacts/themes/atlassian-dark.js +2 -2
  23. package/dist/cjs/artifacts/themes/atlassian-light-increased-contrast.js +2 -2
  24. package/dist/cjs/artifacts/themes/atlassian-light.js +2 -2
  25. package/dist/cjs/artifacts/token-default-values.js +21 -1
  26. package/dist/cjs/artifacts/token-names.js +21 -1
  27. package/dist/cjs/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +471 -31
  28. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +471 -31
  29. package/dist/cjs/artifacts/tokens-raw/atlassian-light-increased-contrast.js +471 -31
  30. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +471 -31
  31. package/dist/cjs/entry-points/theme-state-transformer.js +4 -3
  32. package/dist/cjs/entry-points/token-metadata.codegen.js +196 -16
  33. package/dist/cjs/get-custom-theme-styles.js +7 -6
  34. package/dist/cjs/get-global-theme.js +2 -2
  35. package/dist/cjs/get-theme-html-attrs.js +2 -2
  36. package/dist/cjs/index.js +4 -3
  37. package/dist/cjs/is-color-mode.js +9 -0
  38. package/dist/cjs/is-theme-ids.js +12 -0
  39. package/dist/cjs/is-theme-kind.js +12 -0
  40. package/dist/cjs/theme-config.js +8 -44
  41. package/dist/cjs/theme-object-to-string.js +42 -0
  42. package/dist/cjs/theme-options-schema.js +1 -0
  43. package/dist/cjs/theme-state-defaults.js +39 -0
  44. package/dist/cjs/theme-state.js +5 -0
  45. package/dist/cjs/theme-string-to-object.js +51 -0
  46. package/dist/cjs/utils/additional-contrast-checker.js +43 -0
  47. package/dist/cjs/utils/custom-theme-loading-utils.js +0 -22
  48. package/dist/cjs/utils/custom-theme-token-contrast-check.js +2 -40
  49. package/dist/cjs/utils/delta-e.js +26 -0
  50. package/dist/cjs/utils/generate-colors.js +47 -0
  51. package/dist/cjs/utils/generate-token-map-with-contrast-check.js +32 -0
  52. package/dist/cjs/utils/{generate-custom-color-ramp.js → generate-token-map.js} +6 -75
  53. package/dist/cjs/utils/get-closest-color-index.js +3 -2
  54. package/dist/cjs/utils/get-contrast-ratio.js +22 -0
  55. package/dist/cjs/utils/hct-color-utils/alpha-from-argb.js +12 -0
  56. package/dist/cjs/utils/hct-color-utils/argb-from-linrgb.js +17 -0
  57. package/dist/cjs/utils/hct-color-utils/argb-from-lstar.js +21 -0
  58. package/dist/cjs/utils/hct-color-utils/argb-from-rgba.js +24 -0
  59. package/dist/cjs/utils/hct-color-utils/argb-from-xyz.js +29 -0
  60. package/dist/cjs/utils/hct-color-utils/blue-from-argb.js +12 -0
  61. package/dist/cjs/utils/hct-color-utils/clamp-component.js +15 -0
  62. package/dist/cjs/utils/hct-color-utils/contrast.js +10 -11
  63. package/dist/cjs/utils/hct-color-utils/green-from-argb.js +12 -0
  64. package/dist/cjs/utils/hct-color-utils/hct.js +18 -12
  65. package/dist/cjs/utils/hct-color-utils/index.js +4 -3
  66. package/dist/cjs/utils/hct-color-utils/lab-f.js +15 -0
  67. package/dist/cjs/utils/hct-color-utils/lab-invf.js +16 -0
  68. package/dist/cjs/utils/hct-color-utils/lstar-from-argb.js +34 -0
  69. package/dist/cjs/utils/hct-color-utils/lstar-from-y.js +21 -0
  70. package/dist/cjs/utils/hct-color-utils/red-from-argb.js +12 -0
  71. package/dist/cjs/utils/hct-color-utils/rgba-from-argb.js +28 -0
  72. package/dist/cjs/utils/hct-color-utils/rgba.js +1 -0
  73. package/dist/cjs/utils/hct-color-utils/viewing-conditions.js +5 -4
  74. package/dist/cjs/utils/hct-color-utils/white-point-d65.js +14 -0
  75. package/dist/cjs/utils/hct-color-utils/y-from-lstar.js +21 -0
  76. package/dist/cjs/utils/hex-to-hsl.js +52 -0
  77. package/dist/cjs/utils/hex-to-rgb-a.js +20 -0
  78. package/dist/cjs/utils/hex-to-rgb.js +19 -0
  79. package/dist/cjs/utils/is-valid-hex.js +10 -0
  80. package/dist/cjs/utils/reduce-token-map.js +18 -0
  81. package/dist/cjs/utils/rgb-to-lab.js +24 -0
  82. package/dist/es2019/artifacts/generated-pairs.js +2 -2
  83. package/dist/es2019/artifacts/palettes-raw/palette.js +35 -1
  84. package/dist/es2019/artifacts/themes/atlassian-dark-increased-contrast.js +21 -1
  85. package/dist/es2019/artifacts/themes/atlassian-dark.js +21 -1
  86. package/dist/es2019/artifacts/themes/atlassian-light-increased-contrast.js +21 -1
  87. package/dist/es2019/artifacts/themes/atlassian-light.js +21 -1
  88. package/dist/es2019/artifacts/token-default-values.js +21 -1
  89. package/dist/es2019/artifacts/token-names.js +21 -1
  90. package/dist/es2019/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +471 -31
  91. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +471 -31
  92. package/dist/es2019/artifacts/tokens-raw/atlassian-light-increased-contrast.js +471 -31
  93. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +471 -31
  94. package/dist/es2019/entry-points/theme-state-transformer.js +2 -1
  95. package/dist/es2019/entry-points/token-metadata.codegen.js +196 -16
  96. package/dist/es2019/get-custom-theme-styles.js +3 -2
  97. package/dist/es2019/get-global-theme.js +1 -1
  98. package/dist/es2019/get-theme-html-attrs.js +1 -1
  99. package/dist/es2019/index.js +2 -1
  100. package/dist/es2019/is-color-mode.js +3 -0
  101. package/dist/es2019/is-theme-ids.js +4 -0
  102. package/dist/es2019/is-theme-kind.js +4 -0
  103. package/dist/es2019/theme-config.js +4 -45
  104. package/dist/es2019/theme-object-to-string.js +28 -0
  105. package/dist/es2019/theme-options-schema.js +0 -0
  106. package/dist/es2019/theme-state-defaults.js +34 -0
  107. package/dist/es2019/theme-state.js +1 -0
  108. package/dist/es2019/theme-string-to-object.js +38 -0
  109. package/dist/es2019/utils/additional-contrast-checker.js +39 -0
  110. package/dist/es2019/utils/custom-theme-loading-utils.js +1 -11
  111. package/dist/es2019/utils/custom-theme-token-contrast-check.js +1 -41
  112. package/dist/es2019/utils/delta-e.js +20 -0
  113. package/dist/es2019/utils/generate-colors.js +39 -0
  114. package/dist/es2019/utils/generate-token-map-with-contrast-check.js +21 -0
  115. package/dist/es2019/utils/{generate-custom-color-ramp.js → generate-token-map.js} +3 -63
  116. package/dist/es2019/utils/get-closest-color-index.js +2 -1
  117. package/dist/es2019/utils/get-contrast-ratio.js +16 -0
  118. package/dist/es2019/utils/hct-color-utils/alpha-from-argb.js +6 -0
  119. package/dist/es2019/utils/hct-color-utils/argb-from-linrgb.js +12 -0
  120. package/dist/es2019/utils/hct-color-utils/argb-from-lstar.js +16 -0
  121. package/dist/es2019/utils/hct-color-utils/argb-from-rgba.js +19 -0
  122. package/dist/es2019/utils/hct-color-utils/argb-from-xyz.js +24 -0
  123. package/dist/es2019/utils/hct-color-utils/blue-from-argb.js +6 -0
  124. package/dist/es2019/utils/hct-color-utils/clamp-component.js +9 -0
  125. package/dist/es2019/utils/hct-color-utils/contrast.js +10 -10
  126. package/dist/es2019/utils/hct-color-utils/green-from-argb.js +6 -0
  127. package/dist/es2019/utils/hct-color-utils/hct.js +19 -12
  128. package/dist/es2019/utils/hct-color-utils/index.js +2 -1
  129. package/dist/es2019/utils/hct-color-utils/lab-f.js +9 -0
  130. package/dist/es2019/utils/hct-color-utils/lab-invf.js +10 -0
  131. package/dist/es2019/utils/hct-color-utils/lstar-from-argb.js +28 -0
  132. package/dist/es2019/utils/hct-color-utils/lstar-from-y.js +16 -0
  133. package/dist/es2019/utils/hct-color-utils/red-from-argb.js +6 -0
  134. package/dist/es2019/utils/hct-color-utils/rgba-from-argb.js +22 -0
  135. package/dist/es2019/utils/hct-color-utils/rgba.js +0 -0
  136. package/dist/es2019/utils/hct-color-utils/viewing-conditions.js +4 -3
  137. package/dist/es2019/utils/hct-color-utils/white-point-d65.js +8 -0
  138. package/dist/es2019/utils/hct-color-utils/y-from-lstar.js +16 -0
  139. package/dist/es2019/utils/hex-to-hsl.js +46 -0
  140. package/dist/es2019/utils/hex-to-rgb-a.js +14 -0
  141. package/dist/es2019/utils/hex-to-rgb.js +13 -0
  142. package/dist/es2019/utils/is-valid-hex.js +2 -0
  143. package/dist/es2019/utils/reduce-token-map.js +7 -0
  144. package/dist/es2019/utils/rgb-to-lab.js +18 -0
  145. package/dist/esm/artifacts/generated-pairs.js +2 -2
  146. package/dist/esm/artifacts/palettes-raw/palette.js +35 -1
  147. package/dist/esm/artifacts/themes/atlassian-dark-increased-contrast.js +2 -2
  148. package/dist/esm/artifacts/themes/atlassian-dark.js +2 -2
  149. package/dist/esm/artifacts/themes/atlassian-light-increased-contrast.js +2 -2
  150. package/dist/esm/artifacts/themes/atlassian-light.js +2 -2
  151. package/dist/esm/artifacts/token-default-values.js +21 -1
  152. package/dist/esm/artifacts/token-names.js +21 -1
  153. package/dist/esm/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +471 -31
  154. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +471 -31
  155. package/dist/esm/artifacts/tokens-raw/atlassian-light-increased-contrast.js +471 -31
  156. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +471 -31
  157. package/dist/esm/entry-points/theme-state-transformer.js +2 -1
  158. package/dist/esm/entry-points/token-metadata.codegen.js +196 -16
  159. package/dist/esm/get-custom-theme-styles.js +3 -2
  160. package/dist/esm/get-global-theme.js +1 -1
  161. package/dist/esm/get-theme-html-attrs.js +1 -1
  162. package/dist/esm/index.js +2 -1
  163. package/dist/esm/is-color-mode.js +3 -0
  164. package/dist/esm/is-theme-ids.js +6 -0
  165. package/dist/esm/is-theme-kind.js +6 -0
  166. package/dist/esm/theme-config.js +4 -45
  167. package/dist/esm/theme-object-to-string.js +35 -0
  168. package/dist/esm/theme-options-schema.js +0 -0
  169. package/dist/esm/theme-state-defaults.js +34 -0
  170. package/dist/esm/theme-state.js +1 -0
  171. package/dist/esm/theme-string-to-object.js +44 -0
  172. package/dist/esm/utils/additional-contrast-checker.js +36 -0
  173. package/dist/esm/utils/custom-theme-loading-utils.js +1 -15
  174. package/dist/esm/utils/custom-theme-token-contrast-check.js +1 -38
  175. package/dist/esm/utils/delta-e.js +20 -0
  176. package/dist/esm/utils/generate-colors.js +40 -0
  177. package/dist/esm/utils/generate-token-map-with-contrast-check.js +25 -0
  178. package/dist/esm/utils/{generate-custom-color-ramp.js → generate-token-map.js} +3 -67
  179. package/dist/esm/utils/get-closest-color-index.js +2 -1
  180. package/dist/esm/utils/get-contrast-ratio.js +16 -0
  181. package/dist/esm/utils/hct-color-utils/alpha-from-argb.js +6 -0
  182. package/dist/esm/utils/hct-color-utils/argb-from-linrgb.js +12 -0
  183. package/dist/esm/utils/hct-color-utils/argb-from-lstar.js +16 -0
  184. package/dist/esm/utils/hct-color-utils/argb-from-rgba.js +18 -0
  185. package/dist/esm/utils/hct-color-utils/argb-from-xyz.js +24 -0
  186. package/dist/esm/utils/hct-color-utils/blue-from-argb.js +6 -0
  187. package/dist/esm/utils/hct-color-utils/clamp-component.js +9 -0
  188. package/dist/esm/utils/hct-color-utils/contrast.js +10 -10
  189. package/dist/esm/utils/hct-color-utils/green-from-argb.js +6 -0
  190. package/dist/esm/utils/hct-color-utils/hct.js +19 -12
  191. package/dist/esm/utils/hct-color-utils/index.js +2 -1
  192. package/dist/esm/utils/hct-color-utils/lab-f.js +9 -0
  193. package/dist/esm/utils/hct-color-utils/lab-invf.js +10 -0
  194. package/dist/esm/utils/hct-color-utils/lstar-from-argb.js +28 -0
  195. package/dist/esm/utils/hct-color-utils/lstar-from-y.js +16 -0
  196. package/dist/esm/utils/hct-color-utils/red-from-argb.js +6 -0
  197. package/dist/esm/utils/hct-color-utils/rgba-from-argb.js +22 -0
  198. package/dist/esm/utils/hct-color-utils/rgba.js +0 -0
  199. package/dist/esm/utils/hct-color-utils/viewing-conditions.js +5 -4
  200. package/dist/esm/utils/hct-color-utils/white-point-d65.js +8 -0
  201. package/dist/esm/utils/hct-color-utils/y-from-lstar.js +16 -0
  202. package/dist/esm/utils/hex-to-hsl.js +46 -0
  203. package/dist/esm/utils/hex-to-rgb-a.js +14 -0
  204. package/dist/esm/utils/hex-to-rgb.js +13 -0
  205. package/dist/esm/utils/is-valid-hex.js +4 -0
  206. package/dist/esm/utils/reduce-token-map.js +11 -0
  207. package/dist/esm/utils/rgb-to-lab.js +18 -0
  208. package/dist/types/artifacts/generated-pairs.d.ts +1 -1
  209. package/dist/types/artifacts/palettes-raw/palette.d.ts +1 -1
  210. package/dist/types/artifacts/themes/atlassian-dark-increased-contrast.d.ts +2 -2
  211. package/dist/types/artifacts/themes/atlassian-dark.d.ts +2 -2
  212. package/dist/types/artifacts/themes/atlassian-light-increased-contrast.d.ts +2 -2
  213. package/dist/types/artifacts/themes/atlassian-light.d.ts +2 -2
  214. package/dist/types/artifacts/token-default-values.d.ts +21 -1
  215. package/dist/types/artifacts/token-names.d.ts +41 -1
  216. package/dist/types/artifacts/tokens-raw/atlassian-dark-increased-contrast.d.ts +1 -1
  217. package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
  218. package/dist/types/artifacts/tokens-raw/atlassian-light-increased-contrast.d.ts +1 -1
  219. package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
  220. package/dist/types/artifacts/types-internal.d.ts +2 -2
  221. package/dist/types/artifacts/types.d.ts +2 -2
  222. package/dist/types/entry-points/css-type-schema.codegen.d.ts +3 -3
  223. package/dist/types/entry-points/theme-state-transformer.d.ts +2 -1
  224. package/dist/types/entry-points/token-metadata.codegen.d.ts +1 -1
  225. package/dist/types/index.d.ts +2 -1
  226. package/dist/types/is-color-mode.d.ts +2 -0
  227. package/dist/types/is-theme-ids.d.ts +2 -0
  228. package/dist/types/is-theme-kind.d.ts +4 -0
  229. package/dist/types/theme-color-modes.d.ts +1 -0
  230. package/dist/types/theme-config.d.ts +8 -40
  231. package/dist/types/theme-ids.d.ts +1 -0
  232. package/dist/types/theme-object-to-string.d.ts +13 -0
  233. package/dist/types/theme-options-schema.d.ts +7 -0
  234. package/dist/types/theme-state-defaults.d.ts +14 -0
  235. package/dist/types/theme-state.d.ts +17 -0
  236. package/dist/types/{theme-state-transformer.d.ts → theme-string-to-object.d.ts} +0 -12
  237. package/dist/types/types.d.ts +75 -15
  238. package/dist/types/utils/additional-contrast-checker.d.ts +9 -0
  239. package/dist/types/utils/custom-theme-loading-utils.d.ts +1 -6
  240. package/dist/types/utils/custom-theme-token-contrast-check.d.ts +0 -9
  241. package/dist/types/utils/delta-e.d.ts +1 -0
  242. package/dist/types/utils/generate-colors.d.ts +5 -0
  243. package/dist/types/utils/{generate-custom-color-ramp.d.ts → generate-token-map-with-contrast-check.d.ts} +1 -6
  244. package/dist/types/utils/generate-token-map.d.ts +9 -0
  245. package/dist/types/utils/get-contrast-ratio.d.ts +1 -0
  246. package/dist/types/utils/hct-color-utils/alpha-from-argb.d.ts +4 -0
  247. package/dist/types/utils/hct-color-utils/argb-from-linrgb.d.ts +4 -0
  248. package/dist/types/utils/hct-color-utils/argb-from-lstar.d.ts +8 -0
  249. package/dist/types/utils/hct-color-utils/argb-from-rgba.d.ts +8 -0
  250. package/dist/types/utils/hct-color-utils/argb-from-xyz.d.ts +4 -0
  251. package/dist/types/utils/hct-color-utils/blue-from-argb.d.ts +4 -0
  252. package/dist/types/utils/hct-color-utils/clamp-component.d.ts +1 -0
  253. package/dist/types/utils/hct-color-utils/green-from-argb.d.ts +4 -0
  254. package/dist/types/utils/hct-color-utils/index.d.ts +2 -1
  255. package/dist/types/utils/hct-color-utils/lab-f.d.ts +1 -0
  256. package/dist/types/utils/hct-color-utils/lab-invf.d.ts +1 -0
  257. package/dist/types/utils/hct-color-utils/lstar-from-argb.d.ts +7 -0
  258. package/dist/types/utils/hct-color-utils/lstar-from-y.d.ts +12 -0
  259. package/dist/types/utils/hct-color-utils/red-from-argb.d.ts +4 -0
  260. package/dist/types/utils/hct-color-utils/rgba-from-argb.d.ts +8 -0
  261. package/dist/types/utils/hct-color-utils/rgba.d.ts +14 -0
  262. package/dist/types/utils/hct-color-utils/white-point-d65.d.ts +6 -0
  263. package/dist/types/utils/hct-color-utils/y-from-lstar.d.ts +12 -0
  264. package/dist/types/utils/hex-to-hsl.d.ts +1 -0
  265. package/dist/types/utils/hex-to-rgb-a.d.ts +1 -0
  266. package/dist/types/utils/hex-to-rgb.d.ts +1 -0
  267. package/dist/types/utils/is-valid-hex.d.ts +1 -0
  268. package/dist/types/utils/reduce-token-map.d.ts +6 -0
  269. package/dist/types/utils/rgb-to-lab.d.ts +1 -0
  270. package/dist/types-ts4.5/artifacts/generated-pairs.d.ts +1 -1
  271. package/dist/types-ts4.5/artifacts/palettes-raw/palette.d.ts +1 -1
  272. package/dist/types-ts4.5/artifacts/themes/atlassian-dark-increased-contrast.d.ts +2 -2
  273. package/dist/types-ts4.5/artifacts/themes/atlassian-dark.d.ts +2 -2
  274. package/dist/types-ts4.5/artifacts/themes/atlassian-light-increased-contrast.d.ts +2 -2
  275. package/dist/types-ts4.5/artifacts/themes/atlassian-light.d.ts +2 -2
  276. package/dist/types-ts4.5/artifacts/token-default-values.d.ts +21 -1
  277. package/dist/types-ts4.5/artifacts/token-names.d.ts +41 -1
  278. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark-increased-contrast.d.ts +1 -1
  279. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
  280. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light-increased-contrast.d.ts +1 -1
  281. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
  282. package/dist/types-ts4.5/artifacts/types-internal.d.ts +2 -2
  283. package/dist/types-ts4.5/artifacts/types.d.ts +2 -2
  284. package/dist/types-ts4.5/entry-points/css-type-schema.codegen.d.ts +3 -3
  285. package/dist/types-ts4.5/entry-points/theme-state-transformer.d.ts +2 -1
  286. package/dist/types-ts4.5/entry-points/token-metadata.codegen.d.ts +1 -1
  287. package/dist/types-ts4.5/index.d.ts +2 -1
  288. package/dist/types-ts4.5/is-color-mode.d.ts +2 -0
  289. package/dist/types-ts4.5/is-theme-ids.d.ts +2 -0
  290. package/dist/types-ts4.5/is-theme-kind.d.ts +11 -0
  291. package/dist/types-ts4.5/theme-color-modes.d.ts +1 -0
  292. package/dist/types-ts4.5/theme-config.d.ts +8 -40
  293. package/dist/types-ts4.5/theme-ids.d.ts +1 -0
  294. package/dist/types-ts4.5/theme-object-to-string.d.ts +13 -0
  295. package/dist/types-ts4.5/theme-options-schema.d.ts +7 -0
  296. package/dist/types-ts4.5/theme-state-defaults.d.ts +14 -0
  297. package/dist/types-ts4.5/theme-state.d.ts +17 -0
  298. package/dist/types-ts4.5/{theme-state-transformer.d.ts → theme-string-to-object.d.ts} +0 -12
  299. package/dist/types-ts4.5/types.d.ts +75 -15
  300. package/dist/types-ts4.5/utils/additional-contrast-checker.d.ts +9 -0
  301. package/dist/types-ts4.5/utils/custom-theme-loading-utils.d.ts +1 -6
  302. package/dist/types-ts4.5/utils/custom-theme-token-contrast-check.d.ts +0 -9
  303. package/dist/types-ts4.5/utils/delta-e.d.ts +1 -0
  304. package/dist/types-ts4.5/utils/generate-colors.d.ts +5 -0
  305. package/dist/types-ts4.5/utils/{generate-custom-color-ramp.d.ts → generate-token-map-with-contrast-check.d.ts} +1 -8
  306. package/dist/types-ts4.5/utils/generate-token-map.d.ts +11 -0
  307. package/dist/types-ts4.5/utils/get-contrast-ratio.d.ts +1 -0
  308. package/dist/types-ts4.5/utils/hct-color-utils/alpha-from-argb.d.ts +4 -0
  309. package/dist/types-ts4.5/utils/hct-color-utils/argb-from-linrgb.d.ts +4 -0
  310. package/dist/types-ts4.5/utils/hct-color-utils/argb-from-lstar.d.ts +8 -0
  311. package/dist/types-ts4.5/utils/hct-color-utils/argb-from-rgba.d.ts +8 -0
  312. package/dist/types-ts4.5/utils/hct-color-utils/argb-from-xyz.d.ts +4 -0
  313. package/dist/types-ts4.5/utils/hct-color-utils/blue-from-argb.d.ts +4 -0
  314. package/dist/types-ts4.5/utils/hct-color-utils/clamp-component.d.ts +1 -0
  315. package/dist/types-ts4.5/utils/hct-color-utils/green-from-argb.d.ts +4 -0
  316. package/dist/types-ts4.5/utils/hct-color-utils/index.d.ts +2 -1
  317. package/dist/types-ts4.5/utils/hct-color-utils/lab-f.d.ts +1 -0
  318. package/dist/types-ts4.5/utils/hct-color-utils/lab-invf.d.ts +1 -0
  319. package/dist/types-ts4.5/utils/hct-color-utils/lstar-from-argb.d.ts +7 -0
  320. package/dist/types-ts4.5/utils/hct-color-utils/lstar-from-y.d.ts +12 -0
  321. package/dist/types-ts4.5/utils/hct-color-utils/red-from-argb.d.ts +4 -0
  322. package/dist/types-ts4.5/utils/hct-color-utils/rgba-from-argb.d.ts +8 -0
  323. package/dist/types-ts4.5/utils/hct-color-utils/rgba.d.ts +14 -0
  324. package/dist/types-ts4.5/utils/hct-color-utils/white-point-d65.d.ts +6 -0
  325. package/dist/types-ts4.5/utils/hct-color-utils/y-from-lstar.d.ts +12 -0
  326. package/dist/types-ts4.5/utils/hex-to-hsl.d.ts +5 -0
  327. package/dist/types-ts4.5/utils/hex-to-rgb-a.d.ts +6 -0
  328. package/dist/types-ts4.5/utils/hex-to-rgb.d.ts +5 -0
  329. package/dist/types-ts4.5/utils/is-valid-hex.d.ts +1 -0
  330. package/dist/types-ts4.5/utils/reduce-token-map.d.ts +6 -0
  331. package/dist/types-ts4.5/utils/rgb-to-lab.d.ts +5 -0
  332. package/figma/atlassian-dark-increased-contrast.json +180 -0
  333. package/figma/atlassian-dark.json +180 -0
  334. package/figma/atlassian-light-increased-contrast.json +180 -0
  335. package/figma/atlassian-light.json +180 -0
  336. package/package.json +7 -7
  337. package/dist/cjs/theme-state-transformer.js +0 -93
  338. package/dist/cjs/utils/color-utils.js +0 -176
  339. package/dist/cjs/utils/hct-color-utils/color-utils.js +0 -279
  340. package/dist/es2019/theme-state-transformer.js +0 -70
  341. package/dist/es2019/utils/color-utils.js +0 -136
  342. package/dist/es2019/utils/hct-color-utils/color-utils.js +0 -249
  343. package/dist/esm/theme-state-transformer.js +0 -86
  344. package/dist/esm/utils/color-utils.js +0 -138
  345. package/dist/esm/utils/hct-color-utils/color-utils.js +0 -248
  346. package/dist/types/utils/color-utils.d.ts +0 -10
  347. package/dist/types/utils/hct-color-utils/color-utils.d.ts +0 -88
  348. package/dist/types-ts4.5/utils/color-utils.d.ts +0 -23
  349. package/dist/types-ts4.5/utils/hct-color-utils/color-utils.d.ts +0 -88
@@ -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::3ab6d06ceee07a33f01831ba39d1781a>>
3
+ * @codegen <<SignedSource::53794f446833e9543b9fc09809fc6844>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
 
@@ -2044,6 +2044,23 @@ const tokens = [{
2044
2044
  },
2045
2045
  "name": "color.palette.Neutral1100",
2046
2046
  "path": ["color", "palette", "Neutral1100"]
2047
+ }, {
2048
+ "value": "#000000",
2049
+ "attributes": {
2050
+ "group": "palette",
2051
+ "category": "light mode neutral"
2052
+ },
2053
+ "filePath": "schema/palettes/palette.tsx",
2054
+ "isSource": true,
2055
+ "original": {
2056
+ "value": "#000000",
2057
+ "attributes": {
2058
+ "group": "palette",
2059
+ "category": "light mode neutral"
2060
+ }
2061
+ },
2062
+ "name": "color.palette.Neutral1200",
2063
+ "path": ["color", "palette", "Neutral1200"]
2047
2064
  }, {
2048
2065
  "value": "#17171708",
2049
2066
  "attributes": {
@@ -2384,6 +2401,23 @@ const tokens = [{
2384
2401
  },
2385
2402
  "name": "color.palette.DarkNeutral1100",
2386
2403
  "path": ["color", "palette", "DarkNeutral1100"]
2404
+ }, {
2405
+ "value": "#FFFFFF",
2406
+ "attributes": {
2407
+ "group": "palette",
2408
+ "category": "dark mode neutral"
2409
+ },
2410
+ "filePath": "schema/palettes/palette.tsx",
2411
+ "isSource": true,
2412
+ "original": {
2413
+ "value": "#FFFFFF",
2414
+ "attributes": {
2415
+ "group": "palette",
2416
+ "category": "dark mode neutral"
2417
+ }
2418
+ },
2419
+ "name": "color.palette.DarkNeutral1200",
2420
+ "path": ["color", "palette", "DarkNeutral1200"]
2387
2421
  }, {
2388
2422
  "value": "#01040475",
2389
2423
  "attributes": {
@@ -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::0c49cd7b99ff49fecf0ecfa056c603c4>>
3
+ * @codegen <<SignedSource::c9806433eb5f20f1291768b3b482aff0>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  export default `
@@ -76,15 +76,25 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:dark"]
76
76
  --ds-icon-subtle: #BFC1C4;
77
77
  --ds-border: #E9F0FB5C;
78
78
  --ds-border-accent-lime: #B3DF72;
79
+ --ds-border-accent-lime-subtle: #4C6B1F;
79
80
  --ds-border-accent-red: #FD9891;
81
+ --ds-border-accent-red-subtle: #AE2E24;
80
82
  --ds-border-accent-orange: #FBC828;
83
+ --ds-border-accent-orange-subtle: #9E4C00;
81
84
  --ds-border-accent-yellow: #EED12B;
85
+ --ds-border-accent-yellow-subtle: #7F5F01;
82
86
  --ds-border-accent-green: #7EE2B8;
87
+ --ds-border-accent-green-subtle: #216E4E;
83
88
  --ds-border-accent-teal: #9DD9EE;
89
+ --ds-border-accent-teal-subtle: #206A83;
84
90
  --ds-border-accent-blue: #8FB8F6;
91
+ --ds-border-accent-blue-subtle: #1558BC;
85
92
  --ds-border-accent-purple: #D8A0F7;
93
+ --ds-border-accent-purple-subtle: #803FA5;
86
94
  --ds-border-accent-magenta: #F797D2;
95
+ --ds-border-accent-magenta-subtle: #943D73;
87
96
  --ds-border-accent-gray: #A9ABAF;
97
+ --ds-border-accent-gray-subtle: #4B4D51;
88
98
  --ds-border-disabled: #E3E4F21F;
89
99
  --ds-border-focused: #8FB8F6;
90
100
  --ds-border-input: #A9ABAF;
@@ -92,10 +102,15 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:dark"]
92
102
  --ds-border-selected: #8FB8F6;
93
103
  --ds-border-brand: #8FB8F6;
94
104
  --ds-border-danger: #F87168;
105
+ --ds-border-danger-subtle: #AE2E24;
95
106
  --ds-border-warning: #FBC828;
107
+ --ds-border-warning-subtle: #9E4C00;
96
108
  --ds-border-success: #7EE2B8;
109
+ --ds-border-success-subtle: #4C6B1F;
97
110
  --ds-border-discovery: #C97CF4;
111
+ --ds-border-discovery-subtle: #803FA5;
98
112
  --ds-border-information: #8FB8F6;
113
+ --ds-border-information-subtle: #1558BC;
99
114
  --ds-border-bold: #A9ABAF;
100
115
  --ds-background-accent-lime-subtlest: #28311B;
101
116
  --ds-background-accent-lime-subtlest-hovered: #37471F;
@@ -254,6 +269,7 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:dark"]
254
269
  --ds-background-danger-subtler: #5D1F1A;
255
270
  --ds-background-danger-subtler-hovered: #872821;
256
271
  --ds-background-danger-subtler-pressed: #AE2E24;
272
+ --ds-background-danger-subtle: #AE2E24;
257
273
  --ds-background-danger-bold: #FFD5D2;
258
274
  --ds-background-danger-bold-hovered: #FFECEB;
259
275
  --ds-background-danger-bold-pressed: #E2E3E4;
@@ -263,6 +279,7 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:dark"]
263
279
  --ds-background-warning-subtler: #693200;
264
280
  --ds-background-warning-subtler-hovered: #7A3B00;
265
281
  --ds-background-warning-subtler-pressed: #9E4C00;
282
+ --ds-background-warning-subtle: #9E4C00;
266
283
  --ds-background-warning-bold: #F5E989;
267
284
  --ds-background-warning-bold-hovered: #FEF7C8;
268
285
  --ds-background-warning-bold-pressed: #E2E3E4;
@@ -272,6 +289,7 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:dark"]
272
289
  --ds-background-success-subtler: #37471F;
273
290
  --ds-background-success-subtler-hovered: #3F5224;
274
291
  --ds-background-success-subtler-pressed: #4C6B1F;
292
+ --ds-background-success-subtle: #4C6B1F;
275
293
  --ds-background-success-bold: #BAF3DB;
276
294
  --ds-background-success-bold-hovered: #DCFFF1;
277
295
  --ds-background-success-bold-pressed: #E2E3E4;
@@ -281,6 +299,7 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:dark"]
281
299
  --ds-background-discovery-subtler: #48245D;
282
300
  --ds-background-discovery-subtler-hovered: #673286;
283
301
  --ds-background-discovery-subtler-pressed: #803FA5;
302
+ --ds-background-discovery-subtle: #803FA5;
284
303
  --ds-background-discovery-bold: #EED7FC;
285
304
  --ds-background-discovery-bold-hovered: #F8EEFE;
286
305
  --ds-background-discovery-bold-pressed: #E2E3E4;
@@ -290,6 +309,7 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:dark"]
290
309
  --ds-background-information-subtler: #123263;
291
310
  --ds-background-information-subtler-hovered: #144794;
292
311
  --ds-background-information-subtler-pressed: #1558BC;
312
+ --ds-background-information-subtle: #1558BC;
293
313
  --ds-background-information-bold: #CFE1FD;
294
314
  --ds-background-information-bold-hovered: #E9F2FE;
295
315
  --ds-background-information-bold-pressed: #E2E3E4;
@@ -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::6a88711e8d5dd6de9d76ab46c744e2d5>>
3
+ * @codegen <<SignedSource::ab655110f796c3743fb92d2b347b3524>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  export default `
@@ -74,15 +74,25 @@ html[data-color-mode="dark"][data-theme~="dark:dark"], [data-subtree-theme][data
74
74
  --ds-icon-subtle: #A9ABAF;
75
75
  --ds-border: #E3E4F21F;
76
76
  --ds-border-accent-lime: #82B536;
77
+ --ds-border-accent-lime-subtle: #4C6B1F;
77
78
  --ds-border-accent-red: #F15B50;
79
+ --ds-border-accent-red-subtle: #AE2E24;
78
80
  --ds-border-accent-orange: #F68909;
81
+ --ds-border-accent-orange-subtle: #9E4C00;
79
82
  --ds-border-accent-yellow: #CF9F02;
83
+ --ds-border-accent-yellow-subtle: #7F5F01;
80
84
  --ds-border-accent-green: #2ABB7F;
85
+ --ds-border-accent-green-subtle: #216E4E;
81
86
  --ds-border-accent-teal: #42B2D7;
87
+ --ds-border-accent-teal-subtle: #206A83;
82
88
  --ds-border-accent-blue: #4688EC;
89
+ --ds-border-accent-blue-subtle: #1558BC;
83
90
  --ds-border-accent-purple: #BF63F3;
91
+ --ds-border-accent-purple-subtle: #803FA5;
84
92
  --ds-border-accent-magenta: #DA62AC;
93
+ --ds-border-accent-magenta-subtle: #943D73;
85
94
  --ds-border-accent-gray: #7E8188;
95
+ --ds-border-accent-gray-subtle: #4B4D51;
86
96
  --ds-border-disabled: #CECED912;
87
97
  --ds-border-focused: #8FB8F6;
88
98
  --ds-border-input: #7E8188;
@@ -90,10 +100,15 @@ html[data-color-mode="dark"][data-theme~="dark:dark"], [data-subtree-theme][data
90
100
  --ds-border-selected: #669DF1;
91
101
  --ds-border-brand: #669DF1;
92
102
  --ds-border-danger: #F15B50;
103
+ --ds-border-danger-subtle: #AE2E24;
93
104
  --ds-border-warning: #F68909;
105
+ --ds-border-warning-subtle: #9E4C00;
94
106
  --ds-border-success: #82B536;
107
+ --ds-border-success-subtle: #4C6B1F;
95
108
  --ds-border-discovery: #BF63F3;
109
+ --ds-border-discovery-subtle: #803FA5;
96
110
  --ds-border-information: #4688EC;
111
+ --ds-border-information-subtle: #1558BC;
97
112
  --ds-border-bold: #7E8188;
98
113
  --ds-background-accent-lime-subtlest: #28311B;
99
114
  --ds-background-accent-lime-subtlest-hovered: #37471F;
@@ -252,6 +267,7 @@ html[data-color-mode="dark"][data-theme~="dark:dark"], [data-subtree-theme][data
252
267
  --ds-background-danger-subtler: #5D1F1A;
253
268
  --ds-background-danger-subtler-hovered: #872821;
254
269
  --ds-background-danger-subtler-pressed: #AE2E24;
270
+ --ds-background-danger-subtle: #AE2E24;
255
271
  --ds-background-danger-bold: #F87168;
256
272
  --ds-background-danger-bold-hovered: #FD9891;
257
273
  --ds-background-danger-bold-pressed: #FFB8B2;
@@ -261,6 +277,7 @@ html[data-color-mode="dark"][data-theme~="dark:dark"], [data-subtree-theme][data
261
277
  --ds-background-warning-subtler: #693200;
262
278
  --ds-background-warning-subtler-hovered: #7A3B00;
263
279
  --ds-background-warning-subtler-pressed: #9E4C00;
280
+ --ds-background-warning-subtle: #9E4C00;
264
281
  --ds-background-warning-bold: #FBC828;
265
282
  --ds-background-warning-bold-hovered: #FCA700;
266
283
  --ds-background-warning-bold-pressed: #F68909;
@@ -270,6 +287,7 @@ html[data-color-mode="dark"][data-theme~="dark:dark"], [data-subtree-theme][data
270
287
  --ds-background-success-subtler: #37471F;
271
288
  --ds-background-success-subtler-hovered: #3F5224;
272
289
  --ds-background-success-subtler-pressed: #4C6B1F;
290
+ --ds-background-success-subtle: #4C6B1F;
273
291
  --ds-background-success-bold: #94C748;
274
292
  --ds-background-success-bold-hovered: #B3DF72;
275
293
  --ds-background-success-bold-pressed: #BDE97C;
@@ -279,6 +297,7 @@ html[data-color-mode="dark"][data-theme~="dark:dark"], [data-subtree-theme][data
279
297
  --ds-background-discovery-subtler: #48245D;
280
298
  --ds-background-discovery-subtler-hovered: #673286;
281
299
  --ds-background-discovery-subtler-pressed: #803FA5;
300
+ --ds-background-discovery-subtle: #803FA5;
282
301
  --ds-background-discovery-bold: #C97CF4;
283
302
  --ds-background-discovery-bold-hovered: #D8A0F7;
284
303
  --ds-background-discovery-bold-pressed: #E3BDFA;
@@ -288,6 +307,7 @@ html[data-color-mode="dark"][data-theme~="dark:dark"], [data-subtree-theme][data
288
307
  --ds-background-information-subtler: #123263;
289
308
  --ds-background-information-subtler-hovered: #144794;
290
309
  --ds-background-information-subtler-pressed: #1558BC;
310
+ --ds-background-information-subtle: #1558BC;
291
311
  --ds-background-information-bold: #669DF1;
292
312
  --ds-background-information-bold-hovered: #8FB8F6;
293
313
  --ds-background-information-bold-pressed: #ADCBFB;
@@ -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::a39eb39f9384da933a5aaeef2d1f5211>>
3
+ * @codegen <<SignedSource::78efd7ab2ea3efca65b6c576b4042cd1>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  export default `
@@ -76,15 +76,25 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:light"
76
76
  --ds-icon-subtle: #3B3D42;
77
77
  --ds-border: #E9F0FB5C;
78
78
  --ds-border-accent-lime: #4C6B1F;
79
+ --ds-border-accent-lime-subtle: #B3DF72;
79
80
  --ds-border-accent-red: #AE2E24;
81
+ --ds-border-accent-red-subtle: #FD9891;
80
82
  --ds-border-accent-orange: #9E4C00;
83
+ --ds-border-accent-orange-subtle: #FBC828;
81
84
  --ds-border-accent-yellow: #7F5F01;
85
+ --ds-border-accent-yellow-subtle: #EED12B;
82
86
  --ds-border-accent-green: #216E4E;
87
+ --ds-border-accent-green-subtle: #7EE2B8;
83
88
  --ds-border-accent-teal: #206A83;
89
+ --ds-border-accent-teal-subtle: #9DD9EE;
84
90
  --ds-border-accent-blue: #1558BC;
91
+ --ds-border-accent-blue-subtle: #8FB8F6;
85
92
  --ds-border-accent-purple: #803FA5;
93
+ --ds-border-accent-purple-subtle: #D8A0F7;
86
94
  --ds-border-accent-magenta: #943D73;
95
+ --ds-border-accent-magenta-subtle: #F797D2;
87
96
  --ds-border-accent-gray: #505258;
97
+ --ds-border-accent-gray-subtle: #DDDEE1;
88
98
  --ds-border-disabled: #0B120E24;
89
99
  --ds-border-focused: #1558BC;
90
100
  --ds-border-input: #505258;
@@ -92,10 +102,15 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:light"
92
102
  --ds-border-selected: #1558BC;
93
103
  --ds-border-brand: #1558BC;
94
104
  --ds-border-danger: #C9372C;
105
+ --ds-border-danger-subtle: #FD9891;
95
106
  --ds-border-warning: #9E4C00;
107
+ --ds-border-warning-subtle: #FBC828;
96
108
  --ds-border-success: #216E4E;
109
+ --ds-border-success-subtle: #B3DF72;
97
110
  --ds-border-discovery: #964AC0;
111
+ --ds-border-discovery-subtle: #D8A0F7;
98
112
  --ds-border-information: #1558BC;
113
+ --ds-border-information-subtle: #8FB8F6;
99
114
  --ds-border-bold: #505258;
100
115
  --ds-background-accent-lime-subtlest: #EFFFD6;
101
116
  --ds-background-accent-lime-subtlest-hovered: #D3F1A7;
@@ -254,6 +269,7 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:light"
254
269
  --ds-background-danger-subtler: #FFD5D2;
255
270
  --ds-background-danger-subtler-hovered: #FFB8B2;
256
271
  --ds-background-danger-subtler-pressed: #FD9891;
272
+ --ds-background-danger-subtle: #FD9891;
257
273
  --ds-background-danger-bold: #5D1F1A;
258
274
  --ds-background-danger-bold-hovered: #42221F;
259
275
  --ds-background-danger-bold-pressed: #49120C;
@@ -263,6 +279,7 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:light"
263
279
  --ds-background-warning-subtler: #FCE4A6;
264
280
  --ds-background-warning-subtler-hovered: #FBD779;
265
281
  --ds-background-warning-subtler-pressed: #FBC828;
282
+ --ds-background-warning-subtle: #FBD779;
266
283
  --ds-background-warning-bold: #533F04;
267
284
  --ds-background-warning-bold-hovered: #332E1B;
268
285
  --ds-background-warning-bold-pressed: #342800;
@@ -272,6 +289,7 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:light"
272
289
  --ds-background-success-subtler: #D3F1A7;
273
290
  --ds-background-success-subtler-hovered: #BDE97C;
274
291
  --ds-background-success-subtler-pressed: #B3DF72;
292
+ --ds-background-success-subtle: #B3DF72;
275
293
  --ds-background-success-bold: #164B35;
276
294
  --ds-background-success-bold-hovered: #1C3329;
277
295
  --ds-background-success-bold-pressed: #0F3324;
@@ -281,6 +299,7 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:light"
281
299
  --ds-background-discovery-subtler: #EED7FC;
282
300
  --ds-background-discovery-subtler-hovered: #E3BDFA;
283
301
  --ds-background-discovery-subtler-pressed: #D8A0F7;
302
+ --ds-background-discovery-subtle: #D8A0F7;
284
303
  --ds-background-discovery-bold: #48245D;
285
304
  --ds-background-discovery-bold-hovered: #35243F;
286
305
  --ds-background-discovery-bold-pressed: #211A47;
@@ -290,6 +309,7 @@ html[data-color-mode="dark"][data-contrast-mode="more"][data-theme~="dark:light"
290
309
  --ds-background-information-subtler: #CFE1FD;
291
310
  --ds-background-information-subtler-hovered: #ADCBFB;
292
311
  --ds-background-information-subtler-pressed: #8FB8F6;
312
+ --ds-background-information-subtle: #8FB8F6;
293
313
  --ds-background-information-bold: #123263;
294
314
  --ds-background-information-bold-hovered: #1C2B42;
295
315
  --ds-background-information-bold-pressed: #022353;
@@ -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::2aeda6082601f2aa47e90f990174849f>>
3
+ * @codegen <<SignedSource::35263052ba5c34e96e725556ee7b9f9d>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  export default `
@@ -74,15 +74,25 @@ html[data-color-mode="dark"][data-theme~="dark:light"], [data-subtree-theme][dat
74
74
  --ds-icon-subtle: #505258;
75
75
  --ds-border: #0B120E24;
76
76
  --ds-border-accent-lime: #6A9A23;
77
+ --ds-border-accent-lime-subtle: #B3DF72;
77
78
  --ds-border-accent-red: #E2483D;
79
+ --ds-border-accent-red-subtle: #FD9891;
78
80
  --ds-border-accent-orange: #E06C00;
81
+ --ds-border-accent-orange-subtle: #FBC828;
79
82
  --ds-border-accent-yellow: #B38600;
83
+ --ds-border-accent-yellow-subtle: #EED12B;
80
84
  --ds-border-accent-green: #22A06B;
85
+ --ds-border-accent-green-subtle: #7EE2B8;
81
86
  --ds-border-accent-teal: #2898BD;
87
+ --ds-border-accent-teal-subtle: #9DD9EE;
82
88
  --ds-border-accent-blue: #357DE8;
89
+ --ds-border-accent-blue-subtle: #8FB8F6;
83
90
  --ds-border-accent-purple: #AF59E1;
91
+ --ds-border-accent-purple-subtle: #D8A0F7;
84
92
  --ds-border-accent-magenta: #CD519D;
93
+ --ds-border-accent-magenta-subtle: #F797D2;
85
94
  --ds-border-accent-gray: #7D818A;
95
+ --ds-border-accent-gray-subtle: #DDDEE1;
86
96
  --ds-border-disabled: #0515240F;
87
97
  --ds-border-focused: #4688EC;
88
98
  --ds-border-input: #8C8F97;
@@ -90,10 +100,15 @@ html[data-color-mode="dark"][data-theme~="dark:light"], [data-subtree-theme][dat
90
100
  --ds-border-selected: #1868DB;
91
101
  --ds-border-brand: #1868DB;
92
102
  --ds-border-danger: #E2483D;
103
+ --ds-border-danger-subtle: #FD9891;
93
104
  --ds-border-warning: #E06C00;
105
+ --ds-border-warning-subtle: #FBC828;
94
106
  --ds-border-success: #6A9A23;
107
+ --ds-border-success-subtle: #B3DF72;
95
108
  --ds-border-discovery: #AF59E1;
109
+ --ds-border-discovery-subtle: #D8A0F7;
96
110
  --ds-border-information: #357DE8;
111
+ --ds-border-information-subtle: #8FB8F6;
97
112
  --ds-border-bold: #7D818A;
98
113
  --ds-background-accent-lime-subtlest: #EFFFD6;
99
114
  --ds-background-accent-lime-subtlest-hovered: #D3F1A7;
@@ -252,6 +267,7 @@ html[data-color-mode="dark"][data-theme~="dark:light"], [data-subtree-theme][dat
252
267
  --ds-background-danger-subtler: #FFD5D2;
253
268
  --ds-background-danger-subtler-hovered: #FFB8B2;
254
269
  --ds-background-danger-subtler-pressed: #FD9891;
270
+ --ds-background-danger-subtle: #FD9891;
255
271
  --ds-background-danger-bold: #C9372C;
256
272
  --ds-background-danger-bold-hovered: #AE2E24;
257
273
  --ds-background-danger-bold-pressed: #872821;
@@ -261,6 +277,7 @@ html[data-color-mode="dark"][data-theme~="dark:light"], [data-subtree-theme][dat
261
277
  --ds-background-warning-subtler: #FCE4A6;
262
278
  --ds-background-warning-subtler-hovered: #FBD779;
263
279
  --ds-background-warning-subtler-pressed: #FBC828;
280
+ --ds-background-warning-subtle: #FBD779;
264
281
  --ds-background-warning-bold: #FBC828;
265
282
  --ds-background-warning-bold-hovered: #FCA700;
266
283
  --ds-background-warning-bold-pressed: #F68909;
@@ -270,6 +287,7 @@ html[data-color-mode="dark"][data-theme~="dark:light"], [data-subtree-theme][dat
270
287
  --ds-background-success-subtler: #D3F1A7;
271
288
  --ds-background-success-subtler-hovered: #BDE97C;
272
289
  --ds-background-success-subtler-pressed: #B3DF72;
290
+ --ds-background-success-subtle: #B3DF72;
273
291
  --ds-background-success-bold: #5B7F24;
274
292
  --ds-background-success-bold-hovered: #4C6B1F;
275
293
  --ds-background-success-bold-pressed: #3F5224;
@@ -279,6 +297,7 @@ html[data-color-mode="dark"][data-theme~="dark:light"], [data-subtree-theme][dat
279
297
  --ds-background-discovery-subtler: #EED7FC;
280
298
  --ds-background-discovery-subtler-hovered: #E3BDFA;
281
299
  --ds-background-discovery-subtler-pressed: #D8A0F7;
300
+ --ds-background-discovery-subtle: #D8A0F7;
282
301
  --ds-background-discovery-bold: #964AC0;
283
302
  --ds-background-discovery-bold-hovered: #803FA5;
284
303
  --ds-background-discovery-bold-pressed: #673286;
@@ -288,6 +307,7 @@ html[data-color-mode="dark"][data-theme~="dark:light"], [data-subtree-theme][dat
288
307
  --ds-background-information-subtler: #CFE1FD;
289
308
  --ds-background-information-subtler-hovered: #ADCBFB;
290
309
  --ds-background-information-subtler-pressed: #8FB8F6;
310
+ --ds-background-information-subtle: #8FB8F6;
291
311
  --ds-background-information-bold: #1868DB;
292
312
  --ds-background-information-bold-hovered: #1558BC;
293
313
  --ds-background-information-bold-pressed: #144794;
@@ -7,7 +7,7 @@
7
7
  * Token names mapped to their value in the default Atlassian themes ('light').
8
8
  * These default values are used by the Babel plugin to optionally provide automatic fallbacks.
9
9
  *
10
- * @codegen <<SignedSource::3873b297b6131bf7b9da06afc874cd80>>
10
+ * @codegen <<SignedSource::3d08d4b0456b1b53e7340723d2713f41>>
11
11
  * @codegenCommand yarn build tokens
12
12
  */
13
13
  const defaultTokenValues = {
@@ -127,15 +127,25 @@ const defaultTokenValues = {
127
127
  'color.icon.subtle': '#505258',
128
128
  'color.border': '#0B120E24',
129
129
  'color.border.accent.lime': '#6A9A23',
130
+ 'color.border.accent.lime.subtle': '#B3DF72',
130
131
  'color.border.accent.red': '#E2483D',
132
+ 'color.border.accent.red.subtle': '#FD9891',
131
133
  'color.border.accent.orange': '#E06C00',
134
+ 'color.border.accent.orange.subtle': '#FBC828',
132
135
  'color.border.accent.yellow': '#B38600',
136
+ 'color.border.accent.yellow.subtle': '#EED12B',
133
137
  'color.border.accent.green': '#22A06B',
138
+ 'color.border.accent.green.subtle': '#7EE2B8',
134
139
  'color.border.accent.teal': '#2898BD',
140
+ 'color.border.accent.teal.subtle': '#9DD9EE',
135
141
  'color.border.accent.blue': '#357DE8',
142
+ 'color.border.accent.blue.subtle': '#8FB8F6',
136
143
  'color.border.accent.purple': '#AF59E1',
144
+ 'color.border.accent.purple.subtle': '#D8A0F7',
137
145
  'color.border.accent.magenta': '#CD519D',
146
+ 'color.border.accent.magenta.subtle': '#F797D2',
138
147
  'color.border.accent.gray': '#7D818A',
148
+ 'color.border.accent.gray.subtle': '#DDDEE1',
139
149
  'color.border.disabled': '#0515240F',
140
150
  'color.border.focused': '#4688EC',
141
151
  'color.border.input': '#8C8F97',
@@ -143,10 +153,15 @@ const defaultTokenValues = {
143
153
  'color.border.selected': '#1868DB',
144
154
  'color.border.brand': '#1868DB',
145
155
  'color.border.danger': '#E2483D',
156
+ 'color.border.danger.subtle': '#FD9891',
146
157
  'color.border.warning': '#E06C00',
158
+ 'color.border.warning.subtle': '#FBC828',
147
159
  'color.border.success': '#6A9A23',
160
+ 'color.border.success.subtle': '#B3DF72',
148
161
  'color.border.discovery': '#AF59E1',
162
+ 'color.border.discovery.subtle': '#D8A0F7',
149
163
  'color.border.information': '#357DE8',
164
+ 'color.border.information.subtle': '#8FB8F6',
150
165
  'color.border.bold': '#7D818A',
151
166
  'color.background.accent.lime.subtlest': '#EFFFD6',
152
167
  'color.background.accent.lime.subtlest.hovered': '#D3F1A7',
@@ -305,6 +320,7 @@ const defaultTokenValues = {
305
320
  'color.background.danger.subtler': '#FFD5D2',
306
321
  'color.background.danger.subtler.hovered': '#FFB8B2',
307
322
  'color.background.danger.subtler.pressed': '#FD9891',
323
+ 'color.background.danger.subtle': '#FD9891',
308
324
  'color.background.danger.bold': '#C9372C',
309
325
  'color.background.danger.bold.hovered': '#AE2E24',
310
326
  'color.background.danger.bold.pressed': '#872821',
@@ -314,6 +330,7 @@ const defaultTokenValues = {
314
330
  'color.background.warning.subtler': '#FCE4A6',
315
331
  'color.background.warning.subtler.hovered': '#FBD779',
316
332
  'color.background.warning.subtler.pressed': '#FBC828',
333
+ 'color.background.warning.subtle': '#FBD779',
317
334
  'color.background.warning.bold': '#FBC828',
318
335
  'color.background.warning.bold.hovered': '#FCA700',
319
336
  'color.background.warning.bold.pressed': '#F68909',
@@ -323,6 +340,7 @@ const defaultTokenValues = {
323
340
  'color.background.success.subtler': '#D3F1A7',
324
341
  'color.background.success.subtler.hovered': '#BDE97C',
325
342
  'color.background.success.subtler.pressed': '#B3DF72',
343
+ 'color.background.success.subtle': '#B3DF72',
326
344
  'color.background.success.bold': '#5B7F24',
327
345
  'color.background.success.bold.hovered': '#4C6B1F',
328
346
  'color.background.success.bold.pressed': '#3F5224',
@@ -332,6 +350,7 @@ const defaultTokenValues = {
332
350
  'color.background.discovery.subtler': '#EED7FC',
333
351
  'color.background.discovery.subtler.hovered': '#E3BDFA',
334
352
  'color.background.discovery.subtler.pressed': '#D8A0F7',
353
+ 'color.background.discovery.subtle': '#D8A0F7',
335
354
  'color.background.discovery.bold': '#964AC0',
336
355
  'color.background.discovery.bold.hovered': '#803FA5',
337
356
  'color.background.discovery.bold.pressed': '#673286',
@@ -341,6 +360,7 @@ const defaultTokenValues = {
341
360
  'color.background.information.subtler': '#CFE1FD',
342
361
  'color.background.information.subtler.hovered': '#ADCBFB',
343
362
  'color.background.information.subtler.pressed': '#8FB8F6',
363
+ 'color.background.information.subtle': '#8FB8F6',
344
364
  'color.background.information.bold': '#1868DB',
345
365
  'color.background.information.bold.hovered': '#1558BC',
346
366
  'color.background.information.bold.pressed': '#144794',
@@ -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::a1de8a9439d40392e3e4945ecf9d9214>>
3
+ * @codegen <<SignedSource::1db5eee8d8c450108c066b819290d824>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  const tokens = {
@@ -120,15 +120,25 @@ const tokens = {
120
120
  'color.icon.subtle': '--ds-icon-subtle',
121
121
  'color.border': '--ds-border',
122
122
  'color.border.accent.lime': '--ds-border-accent-lime',
123
+ 'color.border.accent.lime.subtle': '--ds-border-accent-lime-subtle',
123
124
  'color.border.accent.red': '--ds-border-accent-red',
125
+ 'color.border.accent.red.subtle': '--ds-border-accent-red-subtle',
124
126
  'color.border.accent.orange': '--ds-border-accent-orange',
127
+ 'color.border.accent.orange.subtle': '--ds-border-accent-orange-subtle',
125
128
  'color.border.accent.yellow': '--ds-border-accent-yellow',
129
+ 'color.border.accent.yellow.subtle': '--ds-border-accent-yellow-subtle',
126
130
  'color.border.accent.green': '--ds-border-accent-green',
131
+ 'color.border.accent.green.subtle': '--ds-border-accent-green-subtle',
127
132
  'color.border.accent.teal': '--ds-border-accent-teal',
133
+ 'color.border.accent.teal.subtle': '--ds-border-accent-teal-subtle',
128
134
  'color.border.accent.blue': '--ds-border-accent-blue',
135
+ 'color.border.accent.blue.subtle': '--ds-border-accent-blue-subtle',
129
136
  'color.border.accent.purple': '--ds-border-accent-purple',
137
+ 'color.border.accent.purple.subtle': '--ds-border-accent-purple-subtle',
130
138
  'color.border.accent.magenta': '--ds-border-accent-magenta',
139
+ 'color.border.accent.magenta.subtle': '--ds-border-accent-magenta-subtle',
131
140
  'color.border.accent.gray': '--ds-border-accent-gray',
141
+ 'color.border.accent.gray.subtle': '--ds-border-accent-gray-subtle',
132
142
  'color.border.disabled': '--ds-border-disabled',
133
143
  'color.border.focused': '--ds-border-focused',
134
144
  'color.border.input': '--ds-border-input',
@@ -136,10 +146,15 @@ const tokens = {
136
146
  'color.border.selected': '--ds-border-selected',
137
147
  'color.border.brand': '--ds-border-brand',
138
148
  'color.border.danger': '--ds-border-danger',
149
+ 'color.border.danger.subtle': '--ds-border-danger-subtle',
139
150
  'color.border.warning': '--ds-border-warning',
151
+ 'color.border.warning.subtle': '--ds-border-warning-subtle',
140
152
  'color.border.success': '--ds-border-success',
153
+ 'color.border.success.subtle': '--ds-border-success-subtle',
141
154
  'color.border.discovery': '--ds-border-discovery',
155
+ 'color.border.discovery.subtle': '--ds-border-discovery-subtle',
142
156
  'color.border.information': '--ds-border-information',
157
+ 'color.border.information.subtle': '--ds-border-information-subtle',
143
158
  'color.border.bold': '--ds-border-bold',
144
159
  'color.background.accent.lime.subtlest': '--ds-background-accent-lime-subtlest',
145
160
  'color.background.accent.lime.subtlest.hovered': '--ds-background-accent-lime-subtlest-hovered',
@@ -298,6 +313,7 @@ const tokens = {
298
313
  'color.background.danger.subtler': '--ds-background-danger-subtler',
299
314
  'color.background.danger.subtler.hovered': '--ds-background-danger-subtler-hovered',
300
315
  'color.background.danger.subtler.pressed': '--ds-background-danger-subtler-pressed',
316
+ 'color.background.danger.subtle': '--ds-background-danger-subtle',
301
317
  'color.background.danger.bold': '--ds-background-danger-bold',
302
318
  'color.background.danger.bold.hovered': '--ds-background-danger-bold-hovered',
303
319
  'color.background.danger.bold.pressed': '--ds-background-danger-bold-pressed',
@@ -307,6 +323,7 @@ const tokens = {
307
323
  'color.background.warning.subtler': '--ds-background-warning-subtler',
308
324
  'color.background.warning.subtler.hovered': '--ds-background-warning-subtler-hovered',
309
325
  'color.background.warning.subtler.pressed': '--ds-background-warning-subtler-pressed',
326
+ 'color.background.warning.subtle': '--ds-background-warning-subtle',
310
327
  'color.background.warning.bold': '--ds-background-warning-bold',
311
328
  'color.background.warning.bold.hovered': '--ds-background-warning-bold-hovered',
312
329
  'color.background.warning.bold.pressed': '--ds-background-warning-bold-pressed',
@@ -316,6 +333,7 @@ const tokens = {
316
333
  'color.background.success.subtler': '--ds-background-success-subtler',
317
334
  'color.background.success.subtler.hovered': '--ds-background-success-subtler-hovered',
318
335
  'color.background.success.subtler.pressed': '--ds-background-success-subtler-pressed',
336
+ 'color.background.success.subtle': '--ds-background-success-subtle',
319
337
  'color.background.success.bold': '--ds-background-success-bold',
320
338
  'color.background.success.bold.hovered': '--ds-background-success-bold-hovered',
321
339
  'color.background.success.bold.pressed': '--ds-background-success-bold-pressed',
@@ -325,6 +343,7 @@ const tokens = {
325
343
  'color.background.discovery.subtler': '--ds-background-discovery-subtler',
326
344
  'color.background.discovery.subtler.hovered': '--ds-background-discovery-subtler-hovered',
327
345
  'color.background.discovery.subtler.pressed': '--ds-background-discovery-subtler-pressed',
346
+ 'color.background.discovery.subtle': '--ds-background-discovery-subtle',
328
347
  'color.background.discovery.bold': '--ds-background-discovery-bold',
329
348
  'color.background.discovery.bold.hovered': '--ds-background-discovery-bold-hovered',
330
349
  'color.background.discovery.bold.pressed': '--ds-background-discovery-bold-pressed',
@@ -334,6 +353,7 @@ const tokens = {
334
353
  'color.background.information.subtler': '--ds-background-information-subtler',
335
354
  'color.background.information.subtler.hovered': '--ds-background-information-subtler-hovered',
336
355
  'color.background.information.subtler.pressed': '--ds-background-information-subtler-pressed',
356
+ 'color.background.information.subtle': '--ds-background-information-subtle',
337
357
  'color.background.information.bold': '--ds-background-information-bold',
338
358
  'color.background.information.bold.hovered': '--ds-background-information-bold-hovered',
339
359
  'color.background.information.bold.pressed': '--ds-background-information-bold-pressed',