@atlaskit/tokens 0.13.5 → 1.0.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 (187) hide show
  1. package/CHANGELOG.md +289 -0
  2. package/README.md +7 -16
  3. package/dist/cjs/artifacts/palettes-raw/legacy-palette.js +0 -1
  4. package/dist/cjs/artifacts/palettes-raw/palette.js +0 -1
  5. package/dist/cjs/artifacts/palettes-raw/spacing-scale.js +0 -1
  6. package/dist/cjs/artifacts/palettes-raw/typography-palette.js +0 -1
  7. package/dist/cjs/artifacts/replacement-mapping.js +2 -402
  8. package/dist/cjs/artifacts/theme-import-map.js +56 -0
  9. package/dist/cjs/artifacts/themes/atlassian-dark.js +13 -0
  10. package/dist/cjs/artifacts/themes/atlassian-legacy-dark.js +13 -0
  11. package/dist/cjs/artifacts/themes/atlassian-legacy-light.js +13 -0
  12. package/dist/cjs/artifacts/themes/atlassian-light.js +13 -0
  13. package/dist/cjs/artifacts/themes/atlassian-spacing.js +13 -0
  14. package/dist/cjs/artifacts/themes/atlassian-typography.js +13 -0
  15. package/dist/cjs/artifacts/token-default-values.js +2 -104
  16. package/dist/cjs/artifacts/token-names.js +2 -104
  17. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +1354 -4261
  18. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-dark.js +1352 -4259
  19. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-light.js +1396 -4283
  20. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +1365 -4252
  21. package/dist/cjs/artifacts/tokens-raw/atlassian-spacing.js +0 -1
  22. package/dist/cjs/artifacts/tokens-raw/atlassian-typography.js +0 -1
  23. package/dist/cjs/artifacts/typescript/atlassian-dark-token-names.js +0 -1
  24. package/dist/cjs/artifacts/typescript/atlassian-light-token-names.js +0 -1
  25. package/dist/cjs/babel-plugin/index.js +0 -2
  26. package/dist/cjs/babel-plugin/plugin.js +17 -43
  27. package/dist/cjs/entry-points/babel-plugin.js +0 -2
  28. package/dist/cjs/entry-points/palettes-raw.js +0 -2
  29. package/dist/cjs/entry-points/rename-mapping.js +0 -2
  30. package/dist/cjs/entry-points/token-ids.js +0 -1
  31. package/dist/cjs/entry-points/token-names.js +0 -2
  32. package/dist/cjs/entry-points/tokens-raw.js +0 -5
  33. package/dist/cjs/get-global-theme.js +30 -0
  34. package/dist/cjs/get-token-value.js +1 -10
  35. package/dist/cjs/get-token.js +3 -13
  36. package/dist/cjs/index.js +46 -10
  37. package/dist/cjs/palettes/legacy-palette.js +1 -1
  38. package/dist/cjs/palettes/spacing-scale.js +1 -1
  39. package/dist/cjs/palettes/typography-palette.js +0 -5
  40. package/dist/cjs/set-global-theme.js +265 -39
  41. package/dist/cjs/theme-config.js +8 -23
  42. package/dist/cjs/{theme-change-observer.js → theme-mutation-observer.js} +5 -57
  43. package/dist/cjs/tokens/atlassian-dark/utility/utility.js +1 -4
  44. package/dist/cjs/tokens/atlassian-legacy-dark/utility/utility.js +1 -4
  45. package/dist/cjs/tokens/atlassian-legacy-light/utility/utility.js +1 -4
  46. package/dist/cjs/tokens/atlassian-light/utility/utility.js +1 -4
  47. package/dist/cjs/tokens/atlassian-spacing/spacing.js +0 -1
  48. package/dist/cjs/tokens/default/spacing/spacing.js +0 -1
  49. package/dist/cjs/tokens/default/utility/utility.js +1 -9
  50. package/dist/cjs/use-theme-observer.js +41 -0
  51. package/dist/cjs/utils/color-detection.js +23 -43
  52. package/dist/cjs/utils/theme-loading.js +69 -0
  53. package/dist/cjs/utils/theme-state-transformer.js +73 -0
  54. package/dist/cjs/utils/token-ids.js +4 -12
  55. package/dist/cjs/version.json +1 -1
  56. package/dist/es2019/artifacts/replacement-mapping.js +2 -401
  57. package/dist/es2019/artifacts/theme-import-map.js +27 -0
  58. package/dist/es2019/artifacts/themes/atlassian-dark.js +296 -0
  59. package/dist/es2019/artifacts/themes/atlassian-legacy-dark.js +296 -0
  60. package/dist/es2019/artifacts/themes/atlassian-legacy-light.js +296 -0
  61. package/dist/es2019/artifacts/themes/atlassian-light.js +296 -0
  62. package/{css/atlassian-spacing.css → dist/es2019/artifacts/themes/atlassian-spacing.js} +4 -2
  63. package/{css/atlassian-typography.css → dist/es2019/artifacts/themes/atlassian-typography.js} +4 -2
  64. package/dist/es2019/artifacts/token-default-values.js +2 -103
  65. package/dist/es2019/artifacts/token-names.js +2 -103
  66. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +1354 -4260
  67. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-dark.js +1349 -4255
  68. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-light.js +1397 -4283
  69. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +1360 -4246
  70. package/dist/es2019/babel-plugin/plugin.js +17 -37
  71. package/dist/es2019/get-global-theme.js +20 -0
  72. package/dist/es2019/get-token-value.js +1 -6
  73. package/dist/es2019/get-token.js +3 -8
  74. package/dist/es2019/index.js +5 -2
  75. package/dist/es2019/palettes/legacy-palette.js +1 -0
  76. package/dist/es2019/palettes/spacing-scale.js +1 -0
  77. package/dist/es2019/palettes/typography-palette.js +2 -1
  78. package/dist/es2019/set-global-theme.js +162 -32
  79. package/dist/es2019/theme-config.js +5 -21
  80. package/dist/es2019/{theme-change-observer.js → theme-mutation-observer.js} +4 -37
  81. package/dist/es2019/tokens/atlassian-dark/utility/utility.js +1 -4
  82. package/dist/es2019/tokens/atlassian-legacy-dark/utility/utility.js +1 -4
  83. package/dist/es2019/tokens/atlassian-legacy-light/utility/utility.js +1 -4
  84. package/dist/es2019/tokens/atlassian-light/utility/utility.js +1 -4
  85. package/dist/es2019/tokens/default/utility/utility.js +1 -9
  86. package/dist/es2019/use-theme-observer.js +26 -0
  87. package/dist/es2019/utils/color-detection.js +3 -5
  88. package/dist/es2019/utils/theme-loading.js +18 -0
  89. package/dist/es2019/utils/theme-state-transformer.js +47 -0
  90. package/dist/es2019/utils/token-ids.js +5 -4
  91. package/dist/es2019/version.json +1 -1
  92. package/dist/esm/artifacts/replacement-mapping.js +2 -401
  93. package/dist/esm/artifacts/theme-import-map.js +39 -0
  94. package/dist/esm/artifacts/themes/atlassian-dark.js +6 -0
  95. package/dist/esm/artifacts/themes/atlassian-legacy-dark.js +6 -0
  96. package/dist/esm/artifacts/themes/atlassian-legacy-light.js +6 -0
  97. package/dist/esm/artifacts/themes/atlassian-light.js +6 -0
  98. package/dist/esm/artifacts/themes/atlassian-spacing.js +6 -0
  99. package/dist/esm/artifacts/themes/atlassian-typography.js +6 -0
  100. package/dist/esm/artifacts/token-default-values.js +2 -103
  101. package/dist/esm/artifacts/token-names.js +2 -103
  102. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +1354 -4260
  103. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-dark.js +1349 -4255
  104. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-light.js +1397 -4283
  105. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +1360 -4246
  106. package/dist/esm/babel-plugin/plugin.js +17 -35
  107. package/dist/esm/get-global-theme.js +22 -0
  108. package/dist/esm/get-token-value.js +1 -6
  109. package/dist/esm/get-token.js +3 -8
  110. package/dist/esm/index.js +5 -2
  111. package/dist/esm/palettes/legacy-palette.js +1 -0
  112. package/dist/esm/palettes/spacing-scale.js +1 -0
  113. package/dist/esm/palettes/typography-palette.js +0 -3
  114. package/dist/esm/set-global-theme.js +263 -37
  115. package/dist/esm/theme-config.js +5 -21
  116. package/dist/esm/{theme-change-observer.js → theme-mutation-observer.js} +4 -49
  117. package/dist/esm/tokens/atlassian-dark/utility/utility.js +1 -4
  118. package/dist/esm/tokens/atlassian-legacy-dark/utility/utility.js +1 -4
  119. package/dist/esm/tokens/atlassian-legacy-light/utility/utility.js +1 -4
  120. package/dist/esm/tokens/atlassian-light/utility/utility.js +1 -4
  121. package/dist/esm/tokens/default/utility/utility.js +1 -9
  122. package/dist/esm/use-theme-observer.js +34 -0
  123. package/dist/esm/utils/color-detection.js +23 -30
  124. package/dist/esm/utils/theme-loading.js +60 -0
  125. package/dist/esm/utils/theme-state-transformer.js +64 -0
  126. package/dist/esm/utils/token-ids.js +5 -4
  127. package/dist/esm/version.json +1 -1
  128. package/dist/types/artifacts/replacement-mapping.d.ts +1 -1
  129. package/dist/types/artifacts/theme-import-map.d.ts +16 -0
  130. package/dist/types/artifacts/themes/atlassian-dark.d.ts +7 -0
  131. package/dist/types/artifacts/themes/atlassian-legacy-dark.d.ts +7 -0
  132. package/dist/types/artifacts/themes/atlassian-legacy-light.d.ts +7 -0
  133. package/dist/types/artifacts/themes/atlassian-light.d.ts +7 -0
  134. package/dist/types/artifacts/themes/atlassian-spacing.d.ts +7 -0
  135. package/dist/types/artifacts/themes/atlassian-typography.d.ts +7 -0
  136. package/dist/types/artifacts/token-default-values.d.ts +2 -103
  137. package/dist/types/artifacts/token-names.d.ts +3 -205
  138. package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +1 -115
  139. package/dist/types/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +1 -115
  140. package/dist/types/artifacts/tokens-raw/atlassian-legacy-light.d.ts +1 -91
  141. package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +1 -91
  142. package/dist/types/artifacts/types-internal.d.ts +2 -2
  143. package/dist/types/artifacts/types.d.ts +2 -2
  144. package/dist/types/get-global-theme.d.ts +2 -0
  145. package/dist/types/index.d.ts +7 -3
  146. package/dist/types/set-global-theme.d.ts +63 -7
  147. package/dist/types/theme-config.d.ts +10 -7
  148. package/dist/types/{theme-change-observer.d.ts → theme-mutation-observer.d.ts} +2 -16
  149. package/dist/types/types.d.ts +1 -180
  150. package/dist/types/use-theme-observer.d.ts +15 -0
  151. package/dist/types/utils/theme-loading.d.ts +3 -0
  152. package/dist/types/utils/theme-state-transformer.d.ts +26 -0
  153. package/figma/atlassian-dark.json +1 -102
  154. package/figma/atlassian-legacy-dark.json +1 -102
  155. package/figma/atlassian-legacy-light.json +1 -102
  156. package/figma/atlassian-light.json +1 -102
  157. package/package.json +5 -8
  158. package/report.api.md +85 -219
  159. package/tmp/api-report-tmp.d.ts +58 -210
  160. package/css/atlassian-dark.css +0 -786
  161. package/css/atlassian-legacy-dark.css +0 -786
  162. package/css/atlassian-legacy-light.css +0 -786
  163. package/css/atlassian-light.css +0 -786
  164. package/dist/cjs/artifacts/typescript/atlassian-light-token-default-values.js +0 -407
  165. package/dist/cjs/tokens/atlassian-dark/deprecated/deprecated.js +0 -435
  166. package/dist/cjs/tokens/atlassian-legacy-dark/deprecated/deprecated.js +0 -532
  167. package/dist/cjs/tokens/atlassian-legacy-light/deprecated/deprecated.js +0 -523
  168. package/dist/cjs/tokens/atlassian-light/deprecated/deprecated.js +0 -421
  169. package/dist/cjs/tokens/default/deprecated/deprecated.js +0 -1186
  170. package/dist/es2019/artifacts/typescript/atlassian-light-token-default-values.js +0 -399
  171. package/dist/es2019/tokens/atlassian-dark/deprecated/deprecated.js +0 -428
  172. package/dist/es2019/tokens/atlassian-legacy-dark/deprecated/deprecated.js +0 -525
  173. package/dist/es2019/tokens/atlassian-legacy-light/deprecated/deprecated.js +0 -516
  174. package/dist/es2019/tokens/atlassian-light/deprecated/deprecated.js +0 -414
  175. package/dist/es2019/tokens/default/deprecated/deprecated.js +0 -1217
  176. package/dist/esm/artifacts/typescript/atlassian-light-token-default-values.js +0 -399
  177. package/dist/esm/tokens/atlassian-dark/deprecated/deprecated.js +0 -428
  178. package/dist/esm/tokens/atlassian-legacy-dark/deprecated/deprecated.js +0 -525
  179. package/dist/esm/tokens/atlassian-legacy-light/deprecated/deprecated.js +0 -516
  180. package/dist/esm/tokens/atlassian-light/deprecated/deprecated.js +0 -414
  181. package/dist/esm/tokens/default/deprecated/deprecated.js +0 -1179
  182. package/dist/types/artifacts/typescript/atlassian-light-token-default-values.d.ts +0 -399
  183. package/dist/types/tokens/atlassian-dark/deprecated/deprecated.d.ts +0 -4
  184. package/dist/types/tokens/atlassian-legacy-dark/deprecated/deprecated.d.ts +0 -4
  185. package/dist/types/tokens/atlassian-legacy-light/deprecated/deprecated.d.ts +0 -4
  186. package/dist/types/tokens/atlassian-light/deprecated/deprecated.d.ts +0 -4
  187. package/dist/types/tokens/default/deprecated/deprecated.d.ts +0 -4
@@ -0,0 +1,6 @@
1
+ /**
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ * @codegen <<SignedSource::5ebc0ca923ac9d720dfbb56f051b5f17>>
4
+ * @codegenCommand yarn build tokens
5
+ */
6
+ export default "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:dark\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:dark\"] {\n --ds-text: #C7D1DB;\n --ds-text-accent-red: #FF9C8F;\n --ds-text-accent-red-bolder: #FFD2CC;\n --ds-text-accent-orange: #FEC57B;\n --ds-text-accent-orange-bolder: #FFE2BD;\n --ds-text-accent-yellow: #F5CD47;\n --ds-text-accent-yellow-bolder: #F8E6A0;\n --ds-text-accent-green: #7EE2B8;\n --ds-text-accent-green-bolder: #BAF3DB;\n --ds-text-accent-teal: #8BDBE5;\n --ds-text-accent-teal-bolder: #C1F0F5;\n --ds-text-accent-blue: #85B8FF;\n --ds-text-accent-blue-bolder: #CCE0FF;\n --ds-text-accent-purple: #B8ACF6;\n --ds-text-accent-purple-bolder: #DFD8FD;\n --ds-text-accent-magenta: #F797D2;\n --ds-text-accent-magenta-bolder: #FDD0EC;\n --ds-text-accent-gray: #9FADBC;\n --ds-text-accent-gray-bolder: #C7D1DB;\n --ds-text-disabled: #BFDBF847;\n --ds-text-inverse: #161A1D;\n --ds-text-selected: #579DFF;\n --ds-text-brand: #579DFF;\n --ds-text-danger: #FF9C8F;\n --ds-text-warning: #F5CD47;\n --ds-text-warning-inverse: #161A1D;\n --ds-text-success: #7EE2B8;\n --ds-text-discovery: #B8ACF6;\n --ds-text-information: #85B8FF;\n --ds-text-subtlest: #8696A7;\n --ds-text-subtle: #9FADBC;\n --ds-link: #579DFF;\n --ds-link-pressed: #85B8FF;\n --ds-icon: #9FADBC;\n --ds-icon-accent-red: #EF5C48;\n --ds-icon-accent-orange: #F18D13;\n --ds-icon-accent-yellow: #CF9F02;\n --ds-icon-accent-green: #2ABB7F;\n --ds-icon-accent-teal: #37B4C3;\n --ds-icon-accent-blue: #388BFF;\n --ds-icon-accent-purple: #8F7EE7;\n --ds-icon-accent-magenta: #DA62AC;\n --ds-icon-accent-gray: #738496;\n --ds-icon-disabled: #BFDBF847;\n --ds-icon-inverse: #161A1D;\n --ds-icon-selected: #579DFF;\n --ds-icon-brand: #579DFF;\n --ds-icon-danger: #EF5C48;\n --ds-icon-warning: #CF9F02;\n --ds-icon-warning-inverse: #161A1D;\n --ds-icon-success: #2ABB7F;\n --ds-icon-discovery: #8F7EE7;\n --ds-icon-information: #388BFF;\n --ds-icon-subtle: #8696A7;\n --ds-border: #A6C5E229;\n --ds-border-accent-red: #EF5C48;\n --ds-border-accent-orange: #F18D13;\n --ds-border-accent-yellow: #CF9F02;\n --ds-border-accent-green: #2ABB7F;\n --ds-border-accent-teal: #37B4C3;\n --ds-border-accent-blue: #388BFF;\n --ds-border-accent-purple: #8F7EE7;\n --ds-border-accent-magenta: #DA62AC;\n --ds-border-accent-gray: #738496;\n --ds-border-disabled: #A1BDD914;\n --ds-border-focused: #85B8FF;\n --ds-border-input: #A6C5E229;\n --ds-border-inverse: #161A1D;\n --ds-border-selected: #579DFF;\n --ds-border-brand: #579DFF;\n --ds-border-danger: #EF5C48;\n --ds-border-warning: #CF9F02;\n --ds-border-success: #2ABB7F;\n --ds-border-discovery: #8F7EE7;\n --ds-border-information: #388BFF;\n --ds-border-bold: #738496;\n --ds-background-accent-red-subtlest: #391813;\n --ds-background-accent-red-subtler: #601E16;\n --ds-background-accent-red-subtle: #AE2A19;\n --ds-background-accent-red-bolder: #F87462;\n --ds-background-accent-orange-subtlest: #43290F;\n --ds-background-accent-orange-subtler: #5F3811;\n --ds-background-accent-orange-subtle: #974F0C;\n --ds-background-accent-orange-bolder: #FAA53D;\n --ds-background-accent-yellow-subtlest: #3D2E00;\n --ds-background-accent-yellow-subtler: #533F04;\n --ds-background-accent-yellow-subtle: #7F5F01;\n --ds-background-accent-yellow-bolder: #E2B203;\n --ds-background-accent-green-subtlest: #133527;\n --ds-background-accent-green-subtler: #164B35;\n --ds-background-accent-green-subtle: #216E4E;\n --ds-background-accent-green-bolder: #4BCE97;\n --ds-background-accent-teal-subtlest: #153337;\n --ds-background-accent-teal-subtler: #1D474C;\n --ds-background-accent-teal-subtle: #206B74;\n --ds-background-accent-teal-bolder: #60C6D2;\n --ds-background-accent-blue-subtlest: #082145;\n --ds-background-accent-blue-subtler: #09326C;\n --ds-background-accent-blue-subtle: #0055CC;\n --ds-background-accent-blue-bolder: #579DFF;\n --ds-background-accent-purple-subtlest: #231C3F;\n --ds-background-accent-purple-subtler: #352C63;\n --ds-background-accent-purple-subtle: #5E4DB2;\n --ds-background-accent-purple-bolder: #9F8FEF;\n --ds-background-accent-magenta-subtlest: #341829;\n --ds-background-accent-magenta-subtler: #50253F;\n --ds-background-accent-magenta-subtle: #943D73;\n --ds-background-accent-magenta-bolder: #E774BB;\n --ds-background-accent-gray-subtlest: #2C333A;\n --ds-background-accent-gray-subtler: #454F59;\n --ds-background-accent-gray-subtle: #596773;\n --ds-background-accent-gray-bolder: #8696A7;\n --ds-background-disabled: #BCD6F00A;\n --ds-background-input: #1D2125;\n --ds-background-input-hovered: #22272B;\n --ds-background-input-pressed: #1D2125;\n --ds-background-inverse-subtle: #FFFFFF29;\n --ds-background-inverse-subtle-hovered: #FFFFFF3D;\n --ds-background-inverse-subtle-pressed: #FFFFFF52;\n --ds-background-neutral: #A1BDD914;\n --ds-background-neutral-hovered: #A6C5E229;\n --ds-background-neutral-pressed: #BFDBF847;\n --ds-background-neutral-subtle: #00000000;\n --ds-background-neutral-subtle-hovered: #A1BDD914;\n --ds-background-neutral-subtle-pressed: #A6C5E229;\n --ds-background-neutral-bold: #9FADBC;\n --ds-background-neutral-bold-hovered: #B6C2CF;\n --ds-background-neutral-bold-pressed: #C7D1DB;\n --ds-background-selected: #082145;\n --ds-background-selected-hovered: #09326C;\n --ds-background-selected-pressed: #0055CC;\n --ds-background-selected-bold: #579DFF;\n --ds-background-selected-bold-hovered: #85B8FF;\n --ds-background-selected-bold-pressed: #CCE0FF;\n --ds-background-brand-bold: #579DFF;\n --ds-background-brand-bold-hovered: #85B8FF;\n --ds-background-brand-bold-pressed: #CCE0FF;\n --ds-background-danger: #391813;\n --ds-background-danger-hovered: #601E16;\n --ds-background-danger-pressed: #AE2A19;\n --ds-background-danger-bold: #F87462;\n --ds-background-danger-bold-hovered: #FF9C8F;\n --ds-background-danger-bold-pressed: #FFD2CC;\n --ds-background-warning: #3D2E00;\n --ds-background-warning-hovered: #533F04;\n --ds-background-warning-pressed: #7F5F01;\n --ds-background-warning-bold: #E2B203;\n --ds-background-warning-bold-hovered: #F5CD47;\n --ds-background-warning-bold-pressed: #F8E6A0;\n --ds-background-success: #133527;\n --ds-background-success-hovered: #164B35;\n --ds-background-success-pressed: #216E4E;\n --ds-background-success-bold: #4BCE97;\n --ds-background-success-bold-hovered: #7EE2B8;\n --ds-background-success-bold-pressed: #BAF3DB;\n --ds-background-discovery: #231C3F;\n --ds-background-discovery-hovered: #352C63;\n --ds-background-discovery-pressed: #5E4DB2;\n --ds-background-discovery-bold: #9F8FEF;\n --ds-background-discovery-bold-hovered: #B8ACF6;\n --ds-background-discovery-bold-pressed: #DFD8FD;\n --ds-background-information: #082145;\n --ds-background-information-hovered: #09326C;\n --ds-background-information-pressed: #0055CC;\n --ds-background-information-bold: #579DFF;\n --ds-background-information-bold-hovered: #85B8FF;\n --ds-background-information-bold-pressed: #CCE0FF;\n --ds-blanket: #03040442;\n --ds-blanket-selected: #1D7AFC14;\n --ds-blanket-danger: #E3493514;\n --ds-interaction-hovered: #ffffff33;\n --ds-interaction-pressed: #ffffff5c;\n --ds-skeleton: #A1BDD914;\n --ds-skeleton-subtle: #BCD6F00A;\n --ds-chart-categorical-1: #1D9AAA;\n --ds-chart-categorical-1-hovered: #37B4C3;\n --ds-chart-categorical-2: #B8ACF6;\n --ds-chart-categorical-2-hovered: #DFD8FD;\n --ds-chart-categorical-3: #D97008;\n --ds-chart-categorical-3-hovered: #F18D13;\n --ds-chart-categorical-4: #F797D2;\n --ds-chart-categorical-4-hovered: #FDD0EC;\n --ds-chart-categorical-5: #CCE0FF;\n --ds-chart-categorical-5-hovered: #E9F2FF;\n --ds-chart-categorical-6: #8270DB;\n --ds-chart-categorical-6-hovered: #8F7EE7;\n --ds-chart-categorical-7: #FDD0EC;\n --ds-chart-categorical-7-hovered: #FFECF8;\n --ds-chart-categorical-8: #FEC57B;\n --ds-chart-categorical-8-hovered: #FFE2BD;\n --ds-chart-neutral: #738496;\n --ds-chart-neutral-hovered: #8696A7;\n --ds-chart-red-bold: #E34935;\n --ds-chart-red-bold-hovered: #EF5C48;\n --ds-chart-red-bolder: #EF5C48;\n --ds-chart-red-bolder-hovered: #F87462;\n --ds-chart-red-boldest: #FF9C8F;\n --ds-chart-red-boldest-hovered: #FFD2CC;\n --ds-chart-orange-bold: #F18D13;\n --ds-chart-orange-bold-hovered: #FAA53D;\n --ds-chart-orange-bolder: #FAA53D;\n --ds-chart-orange-bolder-hovered: #FEC57B;\n --ds-chart-orange-boldest: #FEC57B;\n --ds-chart-orange-boldest-hovered: #FFE2BD;\n --ds-chart-yellow-bold: #CF9F02;\n --ds-chart-yellow-bold-hovered: #E2B203;\n --ds-chart-yellow-bolder: #E2B203;\n --ds-chart-yellow-bolder-hovered: #F5CD47;\n --ds-chart-yellow-boldest: #F5CD47;\n --ds-chart-yellow-boldest-hovered: #F8E6A0;\n --ds-chart-green-bold: #2ABB7F;\n --ds-chart-green-bold-hovered: #4BCE97;\n --ds-chart-green-bolder: #4BCE97;\n --ds-chart-green-bolder-hovered: #7EE2B8;\n --ds-chart-green-boldest: #7EE2B8;\n --ds-chart-green-boldest-hovered: #BAF3DB;\n --ds-chart-teal-bold: #37B4C3;\n --ds-chart-teal-bold-hovered: #60C6D2;\n --ds-chart-teal-bolder: #60C6D2;\n --ds-chart-teal-bolder-hovered: #8BDBE5;\n --ds-chart-teal-boldest: #8BDBE5;\n --ds-chart-teal-boldest-hovered: #C1F0F5;\n --ds-chart-blue-bold: #1D7AFC;\n --ds-chart-blue-bold-hovered: #388BFF;\n --ds-chart-blue-bolder: #388BFF;\n --ds-chart-blue-bolder-hovered: #579DFF;\n --ds-chart-blue-boldest: #85B8FF;\n --ds-chart-blue-boldest-hovered: #CCE0FF;\n --ds-chart-purple-bold: #8270DB;\n --ds-chart-purple-bold-hovered: #8F7EE7;\n --ds-chart-purple-bolder: #8F7EE7;\n --ds-chart-purple-bolder-hovered: #9F8FEF;\n --ds-chart-purple-boldest: #B8ACF6;\n --ds-chart-purple-boldest-hovered: #DFD8FD;\n --ds-chart-magenta-bold: #CD519D;\n --ds-chart-magenta-bold-hovered: #DA62AC;\n --ds-chart-magenta-bolder: #DA62AC;\n --ds-chart-magenta-bolder-hovered: #E774BB;\n --ds-chart-magenta-boldest: #F797D2;\n --ds-chart-magenta-boldest-hovered: #FDD0EC;\n --ds-chart-gray-bold: #738496;\n --ds-chart-gray-bold-hovered: #8696A7;\n --ds-chart-gray-bolder: #8696A7;\n --ds-chart-gray-bolder-hovered: #9FADBC;\n --ds-chart-gray-boldest: #9FADBC;\n --ds-chart-gray-boldest-hovered: #B6C2CF;\n --ds-chart-brand: #388BFF;\n --ds-chart-brand-hovered: #579DFF;\n --ds-chart-danger: #E34935;\n --ds-chart-danger-hovered: #EF5C48;\n --ds-chart-danger-bold: #FF9C8F;\n --ds-chart-danger-bold-hovered: #FFD2CC;\n --ds-chart-warning: #CF9F02;\n --ds-chart-warning-hovered: #E2B203;\n --ds-chart-warning-bold: #F5CD47;\n --ds-chart-warning-bold-hovered: #F8E6A0;\n --ds-chart-success: #2ABB7F;\n --ds-chart-success-hovered: #4BCE97;\n --ds-chart-success-bold: #7EE2B8;\n --ds-chart-success-bold-hovered: #BAF3DB;\n --ds-chart-discovery: #8270DB;\n --ds-chart-discovery-hovered: #8F7EE7;\n --ds-chart-discovery-bold: #B8ACF6;\n --ds-chart-discovery-bold-hovered: #DFD8FD;\n --ds-chart-information: #1D7AFC;\n --ds-chart-information-hovered: #388BFF;\n --ds-chart-information-bold: #85B8FF;\n --ds-chart-information-bold-hovered: #CCE0FF;\n --ds-surface: #161A1D;\n --ds-surface-hovered: #1D2125;\n --ds-surface-pressed: #22272B;\n --ds-surface-overlay: #22272B;\n --ds-surface-overlay-hovered: #2C333A;\n --ds-surface-overlay-pressed: #454F59;\n --ds-surface-raised: #1D2125;\n --ds-surface-raised-hovered: #22272B;\n --ds-surface-raised-pressed: #2C333A;\n --ds-surface-sunken: #101214;\n --ds-shadow-overflow: 0px 0px 12px #0304048F, 0px 0px 1px #03040480;\n --ds-shadow-overflow-perimeter: #03040480;\n --ds-shadow-overflow-spread: #0304048f;\n --ds-shadow-overlay: inset 0px 0px 0px 1px #BCD6F00A, 0px 8px 12px #0304045C, 0px 0px 1px #03040480;\n --ds-shadow-raised: inset 0px 0px 0px 1px #00000000, 0px 1px 1px #03040480, 0px 0px 1px #03040480;\n --ds-opacity-disabled: 0.4;\n --ds-opacity-loading: 0.2;\n --ds-UNSAFE-transparent: transparent;\n}\n";
@@ -0,0 +1,6 @@
1
+ /**
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ * @codegen <<SignedSource::1c3f659ac4c8889e3e380cbceeca3bae>>
4
+ * @codegenCommand yarn build tokens
5
+ */
6
+ export default "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:legacy-dark\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:legacy-dark\"] {\n --ds-text: #E6EDFA;\n --ds-text-accent-red: #FF5630;\n --ds-text-accent-red-bolder: #FF7452;\n --ds-text-accent-orange: #FEC57B;\n --ds-text-accent-orange-bolder: #F18D13;\n --ds-text-accent-yellow: #FFAB00;\n --ds-text-accent-yellow-bolder: #FFC400;\n --ds-text-accent-green: #36B37E;\n --ds-text-accent-green-bolder: #57D9A3;\n --ds-text-accent-teal: #00B8D9;\n --ds-text-accent-teal-bolder: #00C7E6;\n --ds-text-accent-blue: #0065FF;\n --ds-text-accent-blue-bolder: #2684FF;\n --ds-text-accent-purple: #6554C0;\n --ds-text-accent-purple-bolder: #8777D9;\n --ds-text-accent-magenta: #F797D2;\n --ds-text-accent-magenta-bolder: #FDD0EC;\n --ds-text-accent-gray: #8C9CB8;\n --ds-text-accent-gray-bolder: #ABBBD6;\n --ds-text-disabled: #1B2638;\n --ds-text-inverse: #0D1424;\n --ds-text-selected: #0052CC;\n --ds-text-brand: #0052CC;\n --ds-text-danger: #FF5630;\n --ds-text-warning: #172B4D;\n --ds-text-warning-inverse: #0D1424;\n --ds-text-success: #36B37E;\n --ds-text-discovery: #6554C0;\n --ds-text-information: #0065FF;\n --ds-text-subtlest: #7988A3;\n --ds-text-subtle: #9FB0CC;\n --ds-link: #0052CC;\n --ds-link-pressed: #0065FF;\n --ds-icon: #DCE5F5;\n --ds-icon-accent-red: #BF2600;\n --ds-icon-accent-orange: #F18D13;\n --ds-icon-accent-yellow: #FF8B00;\n --ds-icon-accent-green: #006644;\n --ds-icon-accent-teal: #008DA6;\n --ds-icon-accent-blue: #0747A6;\n --ds-icon-accent-purple: #403294;\n --ds-icon-accent-magenta: #DA62AC;\n --ds-icon-accent-gray: #B8C7E0;\n --ds-icon-disabled: #0d14245b;\n --ds-icon-inverse: #202B3D;\n --ds-icon-selected: #4C9AFF;\n --ds-icon-brand: #4C9AFF;\n --ds-icon-danger: #FF8F73;\n --ds-icon-warning: #FFF0B3;\n --ds-icon-warning-inverse: #202B3D;\n --ds-icon-success: #57D9A3;\n --ds-icon-discovery: #998DD9;\n --ds-icon-information: #B3D4FF;\n --ds-icon-subtle: #202B3D;\n --ds-border: #202B3D;\n --ds-border-accent-red: #BF2600;\n --ds-border-accent-orange: #F18D13;\n --ds-border-accent-yellow: #FF8B00;\n --ds-border-accent-green: #006644;\n --ds-border-accent-teal: #008DA6;\n --ds-border-accent-blue: #0747A6;\n --ds-border-accent-purple: #403294;\n --ds-border-accent-magenta: #DA62AC;\n --ds-border-accent-gray: #B8C7E0;\n --ds-border-disabled: #0E1624;\n --ds-border-focused: #B3D4FF;\n --ds-border-input: #202B3D;\n --ds-border-inverse: #0D1424;\n --ds-border-selected: #0052CC;\n --ds-border-brand: #0052CC;\n --ds-border-danger: #DE350B;\n --ds-border-warning: #FF8B00;\n --ds-border-success: #006644;\n --ds-border-discovery: #403294;\n --ds-border-information: #0747A6;\n --ds-border-bold: #7988A3;\n --ds-background-accent-red-subtlest: #BF2600;\n --ds-background-accent-red-subtler: #DE350B;\n --ds-background-accent-red-subtle: #FF5630;\n --ds-background-accent-red-bolder: #FF8F73;\n --ds-background-accent-orange-subtlest: #43290F;\n --ds-background-accent-orange-subtler: #5F3811;\n --ds-background-accent-orange-subtle: #974F0C;\n --ds-background-accent-orange-bolder: #F18D13;\n --ds-background-accent-yellow-subtlest: #FF8B00;\n --ds-background-accent-yellow-subtler: #FF991F;\n --ds-background-accent-yellow-subtle: #FFAB00;\n --ds-background-accent-yellow-bolder: #FFE380;\n --ds-background-accent-green-subtlest: #006644;\n --ds-background-accent-green-subtler: #00875A;\n --ds-background-accent-green-subtle: #36B37E;\n --ds-background-accent-green-bolder: #79F2C0;\n --ds-background-accent-teal-subtlest: #008DA6;\n --ds-background-accent-teal-subtler: #00A3BF;\n --ds-background-accent-teal-subtle: #00B8D9;\n --ds-background-accent-teal-bolder: #79E2F2;\n --ds-background-accent-blue-subtlest: #0747A6;\n --ds-background-accent-blue-subtler: #0052CC;\n --ds-background-accent-blue-subtle: #0065FF;\n --ds-background-accent-blue-bolder: #4C9AFF;\n --ds-background-accent-purple-subtlest: #403294;\n --ds-background-accent-purple-subtler: #5243AA;\n --ds-background-accent-purple-subtle: #6554C0;\n --ds-background-accent-purple-bolder: #998DD9;\n --ds-background-accent-magenta-subtlest: #341829;\n --ds-background-accent-magenta-subtler: #50253F;\n --ds-background-accent-magenta-subtle: #943D73;\n --ds-background-accent-magenta-bolder: #E774BB;\n --ds-background-accent-gray-subtlest: #8C9CB8;\n --ds-background-accent-gray-subtler: #9FB0CC;\n --ds-background-accent-gray-subtle: #ABBBD6;\n --ds-background-accent-gray-bolder: #CED9EB;\n --ds-background-disabled: #3B475C;\n --ds-background-input: #0E1624;\n --ds-background-input-hovered: #1B2638;\n --ds-background-input-pressed: #0D1424;\n --ds-background-inverse-subtle: #FFFFFF29;\n --ds-background-inverse-subtle-hovered: #FFFFFF3D;\n --ds-background-inverse-subtle-pressed: #FFFFFF52;\n --ds-background-neutral: #3B475C;\n --ds-background-neutral-hovered: #313D52;\n --ds-background-neutral-pressed: #B3D4FF;\n --ds-background-neutral-subtle: transparent;\n --ds-background-neutral-subtle-hovered: #313D52;\n --ds-background-neutral-subtle-pressed: #B3D4FF;\n --ds-background-neutral-bold: #CED9EB;\n --ds-background-neutral-bold-hovered: #B8C7E0;\n --ds-background-neutral-bold-pressed: #DCE5F5;\n --ds-background-selected: #DEEBFF;\n --ds-background-selected-hovered: #B3D4FF;\n --ds-background-selected-pressed: #4C9AFF;\n --ds-background-selected-bold: #0052CC;\n --ds-background-selected-bold-hovered: #0065FF;\n --ds-background-selected-bold-pressed: #0747A6;\n --ds-background-brand-bold: #0052CC;\n --ds-background-brand-bold-hovered: #0065FF;\n --ds-background-brand-bold-pressed: #0747A6;\n --ds-background-danger: #FFEBE6;\n --ds-background-danger-hovered: #FFBDAD;\n --ds-background-danger-pressed: #FF8F73;\n --ds-background-danger-bold: #FF5630;\n --ds-background-danger-bold-hovered: #FF7452;\n --ds-background-danger-bold-pressed: #DE350B;\n --ds-background-warning: #FFFAE6;\n --ds-background-warning-hovered: #FFF0B3;\n --ds-background-warning-pressed: #FFE380;\n --ds-background-warning-bold: #FFAB00;\n --ds-background-warning-bold-hovered: #FFC400;\n --ds-background-warning-bold-pressed: #FF991F;\n --ds-background-success: #E3FCEF;\n --ds-background-success-hovered: #ABF5D1;\n --ds-background-success-pressed: #79F2C0;\n --ds-background-success-bold: #00875A;\n --ds-background-success-bold-hovered: #36B37E;\n --ds-background-success-bold-pressed: #006644;\n --ds-background-discovery: #EAE6FF;\n --ds-background-discovery-hovered: #C0B6F2;\n --ds-background-discovery-pressed: #998DD9;\n --ds-background-discovery-bold: #5243AA;\n --ds-background-discovery-bold-hovered: #6554C0;\n --ds-background-discovery-bold-pressed: #403294;\n --ds-background-information: #DEEBFF;\n --ds-background-information-hovered: #B3D4FF;\n --ds-background-information-pressed: #4C9AFF;\n --ds-background-information-bold: #0052CC;\n --ds-background-information-bold-hovered: #0065FF;\n --ds-background-information-bold-pressed: #0747A6;\n --ds-blanket: #0d1424a0;\n --ds-blanket-selected: #1D7AFC14;\n --ds-blanket-danger: #E3493514;\n --ds-interaction-hovered: #ffffff33;\n --ds-interaction-pressed: #ffffff5c;\n --ds-skeleton: #0d1424f2;\n --ds-skeleton-subtle: #0d1424f7;\n --ds-chart-categorical-1: #00B8D9;\n --ds-chart-categorical-1-hovered: #00C7E6;\n --ds-chart-categorical-2: #6554C0;\n --ds-chart-categorical-2-hovered: #8777D9;\n --ds-chart-categorical-3: #D97008;\n --ds-chart-categorical-3-hovered: #F18D13;\n --ds-chart-categorical-4: #F797D2;\n --ds-chart-categorical-4-hovered: #FDD0EC;\n --ds-chart-categorical-5: #0065FF;\n --ds-chart-categorical-5-hovered: #2684FF;\n --ds-chart-categorical-6: #6554C0;\n --ds-chart-categorical-6-hovered: #8777D9;\n --ds-chart-categorical-7: #FDD0EC;\n --ds-chart-categorical-7-hovered: #FFECF8;\n --ds-chart-categorical-8: #FEC57B;\n --ds-chart-categorical-8-hovered: #FFE2BD;\n --ds-chart-neutral: #B8C7E0;\n --ds-chart-neutral-hovered: #ABBBD6;\n --ds-chart-red-bold: #BF2600;\n --ds-chart-red-bold-hovered: #DE350B;\n --ds-chart-red-bolder: #DE350B;\n --ds-chart-red-bolder-hovered: #FF5630;\n --ds-chart-red-boldest: #FF5630;\n --ds-chart-red-boldest-hovered: #FF7452;\n --ds-chart-orange-bold: #F18D13;\n --ds-chart-orange-bold-hovered: #FAA53D;\n --ds-chart-orange-bolder: #FAA53D;\n --ds-chart-orange-bolder-hovered: #FEC57B;\n --ds-chart-orange-boldest: #FEC57B;\n --ds-chart-orange-boldest-hovered: #FFE2BD;\n --ds-chart-yellow-bold: #FF8B00;\n --ds-chart-yellow-bold-hovered: #FF991F;\n --ds-chart-yellow-bolder: #FF991F;\n --ds-chart-yellow-bolder-hovered: #FFAB00;\n --ds-chart-yellow-boldest: #FFAB00;\n --ds-chart-yellow-boldest-hovered: #FFC400;\n --ds-chart-green-bold: #006644;\n --ds-chart-green-bold-hovered: #00875A;\n --ds-chart-green-bolder: #00875A;\n --ds-chart-green-bolder-hovered: #36B37E;\n --ds-chart-green-boldest: #36B37E;\n --ds-chart-green-boldest-hovered: #57D9A3;\n --ds-chart-teal-bold: #008DA6;\n --ds-chart-teal-bold-hovered: #00A3BF;\n --ds-chart-teal-bolder: #00A3BF;\n --ds-chart-teal-bolder-hovered: #00B8D9;\n --ds-chart-teal-boldest: #00B8D9;\n --ds-chart-teal-boldest-hovered: #00C7E6;\n --ds-chart-blue-bold: #0747A6;\n --ds-chart-blue-bold-hovered: #0052CC;\n --ds-chart-blue-bolder: #0052CC;\n --ds-chart-blue-bolder-hovered: #0065FF;\n --ds-chart-blue-boldest: #0065FF;\n --ds-chart-blue-boldest-hovered: #2684FF;\n --ds-chart-purple-bold: #403294;\n --ds-chart-purple-bold-hovered: #5243AA;\n --ds-chart-purple-bolder: #5243AA;\n --ds-chart-purple-bolder-hovered: #6554C0;\n --ds-chart-purple-boldest: #6554C0;\n --ds-chart-purple-boldest-hovered: #8777D9;\n --ds-chart-magenta-bold: #CD519D;\n --ds-chart-magenta-bold-hovered: #DA62AC;\n --ds-chart-magenta-bolder: #DA62AC;\n --ds-chart-magenta-bolder-hovered: #E774BB;\n --ds-chart-magenta-boldest: #F797D2;\n --ds-chart-magenta-boldest-hovered: #FDD0EC;\n --ds-chart-gray-bold: #B8C7E0;\n --ds-chart-gray-bold-hovered: #CED9EB;\n --ds-chart-gray-bolder: #CED9EB;\n --ds-chart-gray-bolder-hovered: #DCE5F5;\n --ds-chart-gray-boldest: #DCE5F5;\n --ds-chart-gray-boldest-hovered: #E6EDFA;\n --ds-chart-brand: #0052CC;\n --ds-chart-brand-hovered: #0065FF;\n --ds-chart-danger: #DE350B;\n --ds-chart-danger-hovered: #FF5630;\n --ds-chart-danger-bold: #FF5630;\n --ds-chart-danger-bold-hovered: #FF7452;\n --ds-chart-warning: #FF991F;\n --ds-chart-warning-hovered: #FFAB00;\n --ds-chart-warning-bold: #FFAB00;\n --ds-chart-warning-bold-hovered: #FFC400;\n --ds-chart-success: #00875A;\n --ds-chart-success-hovered: #36B37E;\n --ds-chart-success-bold: #36B37E;\n --ds-chart-success-bold-hovered: #57D9A3;\n --ds-chart-discovery: #5243AA;\n --ds-chart-discovery-hovered: #6554C0;\n --ds-chart-discovery-bold: #6554C0;\n --ds-chart-discovery-bold-hovered: #8777D9;\n --ds-chart-information: #0052CC;\n --ds-chart-information-hovered: #0065FF;\n --ds-chart-information-bold: #0065FF;\n --ds-chart-information-bold-hovered: #2684FF;\n --ds-surface: #1B2638;\n --ds-surface-hovered: #202B3D;\n --ds-surface-pressed: #283447;\n --ds-surface-overlay: #7988A3;\n --ds-surface-overlay-hovered: #8C9CB8;\n --ds-surface-overlay-pressed: #9FB0CC;\n --ds-surface-raised: #455166;\n --ds-surface-raised-hovered: #56637A;\n --ds-surface-raised-pressed: #67758F;\n --ds-surface-sunken: #67758F;\n --ds-shadow-overflow: 0px 0px 12px #0304048F, 0px 0px 1px #03040480;\n --ds-shadow-overflow-perimeter: #03040480;\n --ds-shadow-overflow-spread: #0304048f;\n --ds-shadow-overlay: inset 0px 0px 0px 1px #0d14240A, 0px 8px 12px #0d14245C, 0px 0px 1px #0d142480;\n --ds-shadow-raised: inset 0px 0px 0px 1px #00000000, 0px 1px 1px #0d142480, 0px 0px 1px #0d142480;\n --ds-opacity-disabled: 0.4;\n --ds-opacity-loading: 0.2;\n --ds-UNSAFE-transparent: transparent;\n}\n";
@@ -0,0 +1,6 @@
1
+ /**
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ * @codegen <<SignedSource::40cedef971cd5ad5fd9fe662859ac836>>
4
+ * @codegenCommand yarn build tokens
5
+ */
6
+ export default "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:legacy-light\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:legacy-light\"] {\n --ds-text: #172B4D;\n --ds-text-accent-red: #DE350B;\n --ds-text-accent-red-bolder: #BF2600;\n --ds-text-accent-orange: #F18D13;\n --ds-text-accent-orange-bolder: #B65C02;\n --ds-text-accent-yellow: #FF991F;\n --ds-text-accent-yellow-bolder: #FF8B00;\n --ds-text-accent-green: #00875A;\n --ds-text-accent-green-bolder: #006644;\n --ds-text-accent-teal: #00A3BF;\n --ds-text-accent-teal-bolder: #008DA6;\n --ds-text-accent-blue: #0052CC;\n --ds-text-accent-blue-bolder: #0747A6;\n --ds-text-accent-purple: #5243AA;\n --ds-text-accent-purple-bolder: #403294;\n --ds-text-accent-magenta: #E774BB;\n --ds-text-accent-magenta-bolder: #DA62AC;\n --ds-text-accent-gray: #505F79;\n --ds-text-accent-gray-bolder: #172B4D;\n --ds-text-disabled: #A5ADBA;\n --ds-text-inverse: #FFFFFF;\n --ds-text-selected: #0052CC;\n --ds-text-brand: #0065FF;\n --ds-text-danger: #DE350B;\n --ds-text-warning: #974F0C;\n --ds-text-warning-inverse: #172B4D;\n --ds-text-success: #006644;\n --ds-text-discovery: #403294;\n --ds-text-information: #0052CC;\n --ds-text-subtlest: #7A869A;\n --ds-text-subtle: #42526E;\n --ds-link: #0052CC;\n --ds-link-pressed: #0747A6;\n --ds-icon: #505F79;\n --ds-icon-accent-red: #FF5630;\n --ds-icon-accent-orange: #D94008;\n --ds-icon-accent-yellow: #FFAB00;\n --ds-icon-accent-green: #36B37E;\n --ds-icon-accent-teal: #00B8D9;\n --ds-icon-accent-blue: #0065FF;\n --ds-icon-accent-purple: #6554C0;\n --ds-icon-accent-magenta: #CD519D;\n --ds-icon-accent-gray: #5E6C84;\n --ds-icon-disabled: #8993A4;\n --ds-icon-inverse: #FFFFFF;\n --ds-icon-selected: #0052CC;\n --ds-icon-brand: #0065FF;\n --ds-icon-danger: #DE350B;\n --ds-icon-warning: #FFC400;\n --ds-icon-warning-inverse: #253858;\n --ds-icon-success: #00875A;\n --ds-icon-discovery: #8777D9;\n --ds-icon-information: #0747A6;\n --ds-icon-subtle: #6B778C;\n --ds-border: #091e4221;\n --ds-border-accent-red: #FF5630;\n --ds-border-accent-orange: #D94008;\n --ds-border-accent-yellow: #FFAB00;\n --ds-border-accent-green: #36B37E;\n --ds-border-accent-teal: #00B8D9;\n --ds-border-accent-blue: #0065FF;\n --ds-border-accent-purple: #6554C0;\n --ds-border-accent-magenta: #CD519D;\n --ds-border-accent-gray: #5E6C84;\n --ds-border-disabled: #FAFBFC;\n --ds-border-focused: #4C9AFF;\n --ds-border-input: #FAFBFC;\n --ds-border-inverse: #FFFFFF;\n --ds-border-selected: #0052CC;\n --ds-border-brand: #0052CC;\n --ds-border-danger: #FF5630;\n --ds-border-warning: #FFC400;\n --ds-border-success: #00875A;\n --ds-border-discovery: #998DD9;\n --ds-border-information: #0065FF;\n --ds-border-bold: #344563;\n --ds-background-accent-red-subtlest: #FF8F73;\n --ds-background-accent-red-subtler: #FF7452;\n --ds-background-accent-red-subtle: #DE350B;\n --ds-background-accent-red-bolder: #DE350B;\n --ds-background-accent-orange-subtlest: #F18D13;\n --ds-background-accent-orange-subtler: #B65C02;\n --ds-background-accent-orange-subtle: #5F3811;\n --ds-background-accent-orange-bolder: #43290F;\n --ds-background-accent-yellow-subtlest: #FFE380;\n --ds-background-accent-yellow-subtler: #FFC400;\n --ds-background-accent-yellow-subtle: #FF991F;\n --ds-background-accent-yellow-bolder: #FF991F;\n --ds-background-accent-green-subtlest: #79F2C0;\n --ds-background-accent-green-subtler: #57D9A3;\n --ds-background-accent-green-subtle: #00875A;\n --ds-background-accent-green-bolder: #00875A;\n --ds-background-accent-teal-subtlest: #79E2F2;\n --ds-background-accent-teal-subtler: #00C7E6;\n --ds-background-accent-teal-subtle: #00A3BF;\n --ds-background-accent-teal-bolder: #00A3BF;\n --ds-background-accent-blue-subtlest: #4C9AFF;\n --ds-background-accent-blue-subtler: #2684FF;\n --ds-background-accent-blue-subtle: #0052CC;\n --ds-background-accent-blue-bolder: #0052CC;\n --ds-background-accent-purple-subtlest: #998DD9;\n --ds-background-accent-purple-subtler: #8777D9;\n --ds-background-accent-purple-subtle: #5243AA;\n --ds-background-accent-purple-bolder: #5243AA;\n --ds-background-accent-magenta-subtlest: #E774BB;\n --ds-background-accent-magenta-subtler: #E774BB;\n --ds-background-accent-magenta-subtle: #E774BB;\n --ds-background-accent-magenta-bolder: #E774BB;\n --ds-background-accent-gray-subtlest: #6B778C;\n --ds-background-accent-gray-subtler: #5E6C84;\n --ds-background-accent-gray-subtle: #42526E;\n --ds-background-accent-gray-bolder: #505F79;\n --ds-background-disabled: #091e4289;\n --ds-background-input: #FAFBFC;\n --ds-background-input-hovered: #EBECF0;\n --ds-background-input-pressed: #FFFFFF;\n --ds-background-inverse-subtle: #00000029;\n --ds-background-inverse-subtle-hovered: #0000003D;\n --ds-background-inverse-subtle-pressed: #00000052;\n --ds-background-neutral: #DFE1E6;\n --ds-background-neutral-hovered: #091e4214;\n --ds-background-neutral-pressed: #B3D4FF;\n --ds-background-neutral-subtle: transparent;\n --ds-background-neutral-subtle-hovered: #091e4214;\n --ds-background-neutral-subtle-pressed: #B3D4FF;\n --ds-background-neutral-bold: #42526E;\n --ds-background-neutral-bold-hovered: #505F79;\n --ds-background-neutral-bold-pressed: #344563;\n --ds-background-selected: #DEEBFF;\n --ds-background-selected-hovered: #B3D4FF;\n --ds-background-selected-pressed: #4C9AFF;\n --ds-background-selected-bold: #0052CC;\n --ds-background-selected-bold-hovered: #2684FF;\n --ds-background-selected-bold-pressed: #0052CC;\n --ds-background-brand-bold: #0052CC;\n --ds-background-brand-bold-hovered: #0065FF;\n --ds-background-brand-bold-pressed: #0747A6;\n --ds-background-danger: #FFEBE6;\n --ds-background-danger-hovered: #FFBDAD;\n --ds-background-danger-pressed: #FF8F73;\n --ds-background-danger-bold: #DE350B;\n --ds-background-danger-bold-hovered: #FF5630;\n --ds-background-danger-bold-pressed: #BF2600;\n --ds-background-warning: #FFFAE6;\n --ds-background-warning-hovered: #FFF0B3;\n --ds-background-warning-pressed: #FFE380;\n --ds-background-warning-bold: #FFAB00;\n --ds-background-warning-bold-hovered: #FFC400;\n --ds-background-warning-bold-pressed: #FF991F;\n --ds-background-success: #E3FCEF;\n --ds-background-success-hovered: #ABF5D1;\n --ds-background-success-pressed: #79F2C0;\n --ds-background-success-bold: #00875A;\n --ds-background-success-bold-hovered: #57D9A3;\n --ds-background-success-bold-pressed: #00875A;\n --ds-background-discovery: #EAE6FF;\n --ds-background-discovery-hovered: #C0B6F2;\n --ds-background-discovery-pressed: #998DD9;\n --ds-background-discovery-bold: #5243AA;\n --ds-background-discovery-bold-hovered: #8777D9;\n --ds-background-discovery-bold-pressed: #5243AA;\n --ds-background-information: #DEEBFF;\n --ds-background-information-hovered: #B3D4FF;\n --ds-background-information-pressed: #4C9AFF;\n --ds-background-information-bold: #0052CC;\n --ds-background-information-bold-hovered: #2684FF;\n --ds-background-information-bold-pressed: #0052CC;\n --ds-blanket: #091e4289;\n --ds-blanket-selected: #388BFF14;\n --ds-blanket-danger: #EF5C4814;\n --ds-interaction-hovered: #00000029;\n --ds-interaction-pressed: #00000052;\n --ds-skeleton: #F4F5F7;\n --ds-skeleton-subtle: #091e420a;\n --ds-chart-categorical-1: #00B8D9;\n --ds-chart-categorical-1-hovered: #00A3BF;\n --ds-chart-categorical-2: #5243AA;\n --ds-chart-categorical-2-hovered: #403294;\n --ds-chart-categorical-3: #D94008;\n --ds-chart-categorical-3-hovered: #B65C02;\n --ds-chart-categorical-4: #943D73;\n --ds-chart-categorical-4-hovered: #50253F;\n --ds-chart-categorical-5: #0052CC;\n --ds-chart-categorical-5-hovered: #0747A6;\n --ds-chart-categorical-6: #5243AA;\n --ds-chart-categorical-6-hovered: #403294;\n --ds-chart-categorical-7: #50253F;\n --ds-chart-categorical-7-hovered: #341829;\n --ds-chart-categorical-8: #974F0C;\n --ds-chart-categorical-8-hovered: #5F3811;\n --ds-chart-neutral: #5E6C84;\n --ds-chart-neutral-hovered: #505F79;\n --ds-chart-red-bold: #FF5630;\n --ds-chart-red-bold-hovered: #DE350B;\n --ds-chart-red-bolder: #DE350B;\n --ds-chart-red-bolder-hovered: #BF2600;\n --ds-chart-red-boldest: #BF2600;\n --ds-chart-red-boldest-hovered: #BF2600;\n --ds-chart-orange-bold: #D97008;\n --ds-chart-orange-bold-hovered: #B65C02;\n --ds-chart-orange-bolder: #B65C02;\n --ds-chart-orange-bolder-hovered: #974F0C;\n --ds-chart-orange-boldest: #974F0C;\n --ds-chart-orange-boldest-hovered: #5F3811;\n --ds-chart-yellow-bold: #FFAB00;\n --ds-chart-yellow-bold-hovered: #FF991F;\n --ds-chart-yellow-bolder: #FF991F;\n --ds-chart-yellow-bolder-hovered: #FF8B00;\n --ds-chart-yellow-boldest: #FF8B00;\n --ds-chart-yellow-boldest-hovered: #FF8B00;\n --ds-chart-green-bold: #36B37E;\n --ds-chart-green-bold-hovered: #00875A;\n --ds-chart-green-bolder: #00875A;\n --ds-chart-green-bolder-hovered: #006644;\n --ds-chart-green-boldest: #006644;\n --ds-chart-green-boldest-hovered: #006644;\n --ds-chart-teal-bold: #00B8D9;\n --ds-chart-teal-bold-hovered: #00A3BF;\n --ds-chart-teal-bolder: #00A3BF;\n --ds-chart-teal-bolder-hovered: #008DA6;\n --ds-chart-teal-boldest: #008DA6;\n --ds-chart-teal-boldest-hovered: #008DA6;\n --ds-chart-blue-bold: #0065FF;\n --ds-chart-blue-bold-hovered: #0052CC;\n --ds-chart-blue-bolder: #0052CC;\n --ds-chart-blue-bolder-hovered: #0747A6;\n --ds-chart-blue-boldest: #0747A6;\n --ds-chart-blue-boldest-hovered: #0747A6;\n --ds-chart-purple-bold: #6554C0;\n --ds-chart-purple-bold-hovered: #5243AA;\n --ds-chart-purple-bolder: #5243AA;\n --ds-chart-purple-bolder-hovered: #403294;\n --ds-chart-purple-boldest: #403294;\n --ds-chart-purple-boldest-hovered: #403294;\n --ds-chart-magenta-bold: #DA62AC;\n --ds-chart-magenta-bold-hovered: #CD519D;\n --ds-chart-magenta-bolder: #CD519D;\n --ds-chart-magenta-bolder-hovered: #AE4787;\n --ds-chart-magenta-boldest: #943D73;\n --ds-chart-magenta-boldest-hovered: #50253F;\n --ds-chart-gray-bold: #5E6C84;\n --ds-chart-gray-bold-hovered: #505F79;\n --ds-chart-gray-bolder: #505F79;\n --ds-chart-gray-bolder-hovered: #42526E;\n --ds-chart-gray-boldest: #42526E;\n --ds-chart-gray-boldest-hovered: #42526E;\n --ds-chart-brand: #0065FF;\n --ds-chart-brand-hovered: #0052CC;\n --ds-chart-danger: #FF5630;\n --ds-chart-danger-hovered: #DE350B;\n --ds-chart-danger-bold: #DE350B;\n --ds-chart-danger-bold-hovered: #BF2600;\n --ds-chart-warning: #FFAB00;\n --ds-chart-warning-hovered: #FF991F;\n --ds-chart-warning-bold: #FF991F;\n --ds-chart-warning-bold-hovered: #FF8B00;\n --ds-chart-success: #36B37E;\n --ds-chart-success-hovered: #00875A;\n --ds-chart-success-bold: #00875A;\n --ds-chart-success-bold-hovered: #006644;\n --ds-chart-discovery: #6554C0;\n --ds-chart-discovery-hovered: #5243AA;\n --ds-chart-discovery-bold: #5243AA;\n --ds-chart-discovery-bold-hovered: #403294;\n --ds-chart-information: #0065FF;\n --ds-chart-information-hovered: #0052CC;\n --ds-chart-information-bold: #0052CC;\n --ds-chart-information-bold-hovered: #0747A6;\n --ds-surface: #FFFFFF;\n --ds-surface-hovered: #FAFBFC;\n --ds-surface-pressed: #F4F5F7;\n --ds-surface-overlay: #FFFFFF;\n --ds-surface-overlay-hovered: #FAFBFC;\n --ds-surface-overlay-pressed: #F4F5F7;\n --ds-surface-raised: #FFFFFF;\n --ds-surface-raised-hovered: #FAFBFC;\n --ds-surface-raised-pressed: #F4F5F7;\n --ds-surface-sunken: #F4F5F7;\n --ds-shadow-overflow: 0px 0px 8px #091e4229, 0px 0px 1px #091e421F;\n --ds-shadow-overflow-perimeter: #091e421f;\n --ds-shadow-overflow-spread: #091e4229;\n --ds-shadow-overlay: 0px 8px 12px #091e4226, 0px 0px 1px #091e424F;\n --ds-shadow-raised: 0px 1px 1px #091e4240, 0px 0px 1px #091e424F;\n --ds-opacity-disabled: 0.4;\n --ds-opacity-loading: 0.2;\n --ds-UNSAFE-transparent: transparent;\n}\n";
@@ -0,0 +1,6 @@
1
+ /**
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ * @codegen <<SignedSource::812743f16787a9099533869051fbdd32>>
4
+ * @codegenCommand yarn build tokens
5
+ */
6
+ export default "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:light\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:light\"] {\n --ds-text: #172B4D;\n --ds-text-accent-red: #AE2A19;\n --ds-text-accent-red-bolder: #601E16;\n --ds-text-accent-orange: #974F0C;\n --ds-text-accent-orange-bolder: #5F3811;\n --ds-text-accent-yellow: #7F5F01;\n --ds-text-accent-yellow-bolder: #533F04;\n --ds-text-accent-green: #216E4E;\n --ds-text-accent-green-bolder: #164B35;\n --ds-text-accent-teal: #206B74;\n --ds-text-accent-teal-bolder: #1D474C;\n --ds-text-accent-blue: #0055CC;\n --ds-text-accent-blue-bolder: #09326C;\n --ds-text-accent-purple: #5E4DB2;\n --ds-text-accent-purple-bolder: #352C63;\n --ds-text-accent-magenta: #943D73;\n --ds-text-accent-magenta-bolder: #50253F;\n --ds-text-accent-gray: #44546F;\n --ds-text-accent-gray-bolder: #091E42;\n --ds-text-disabled: #091E424F;\n --ds-text-inverse: #FFFFFF;\n --ds-text-selected: #0C66E4;\n --ds-text-brand: #0C66E4;\n --ds-text-danger: #AE2A19;\n --ds-text-warning: #974F0C;\n --ds-text-warning-inverse: #172B4D;\n --ds-text-success: #216E4E;\n --ds-text-discovery: #5E4DB2;\n --ds-text-information: #0055CC;\n --ds-text-subtlest: #626F86;\n --ds-text-subtle: #44546F;\n --ds-link: #0C66E4;\n --ds-link-pressed: #0055CC;\n --ds-icon: #44546F;\n --ds-icon-accent-red: #E34935;\n --ds-icon-accent-orange: #D97008;\n --ds-icon-accent-yellow: #B38600;\n --ds-icon-accent-green: #22A06B;\n --ds-icon-accent-teal: #1D9AAA;\n --ds-icon-accent-blue: #1D7AFC;\n --ds-icon-accent-purple: #8270DB;\n --ds-icon-accent-magenta: #CD519D;\n --ds-icon-accent-gray: #758195;\n --ds-icon-disabled: #091E424F;\n --ds-icon-inverse: #FFFFFF;\n --ds-icon-selected: #0C66E4;\n --ds-icon-brand: #0C66E4;\n --ds-icon-danger: #E34935;\n --ds-icon-warning: #D97008;\n --ds-icon-warning-inverse: #172B4D;\n --ds-icon-success: #22A06B;\n --ds-icon-discovery: #8270DB;\n --ds-icon-information: #1D7AFC;\n --ds-icon-subtle: #626F86;\n --ds-border: #091E4224;\n --ds-border-accent-red: #E34935;\n --ds-border-accent-orange: #D97008;\n --ds-border-accent-yellow: #B38600;\n --ds-border-accent-green: #22A06B;\n --ds-border-accent-teal: #1D9AAA;\n --ds-border-accent-blue: #1D7AFC;\n --ds-border-accent-purple: #8270DB;\n --ds-border-accent-magenta: #CD519D;\n --ds-border-accent-gray: #758195;\n --ds-border-disabled: #091E420F;\n --ds-border-focused: #388BFF;\n --ds-border-input: #091E4224;\n --ds-border-inverse: #FFFFFF;\n --ds-border-selected: #0C66E4;\n --ds-border-brand: #0C66E4;\n --ds-border-danger: #E34935;\n --ds-border-warning: #D97008;\n --ds-border-success: #22A06B;\n --ds-border-discovery: #8270DB;\n --ds-border-information: #1D7AFC;\n --ds-border-bold: #758195;\n --ds-background-accent-red-subtlest: #FFEDEB;\n --ds-background-accent-red-subtler: #FFD2CC;\n --ds-background-accent-red-subtle: #F87462;\n --ds-background-accent-red-bolder: #CA3521;\n --ds-background-accent-orange-subtlest: #FFF4E5;\n --ds-background-accent-orange-subtler: #FFE2BD;\n --ds-background-accent-orange-subtle: #FAA53D;\n --ds-background-accent-orange-bolder: #B65C02;\n --ds-background-accent-yellow-subtlest: #FFF7D6;\n --ds-background-accent-yellow-subtler: #F8E6A0;\n --ds-background-accent-yellow-subtle: #E2B203;\n --ds-background-accent-yellow-bolder: #946F00;\n --ds-background-accent-green-subtlest: #DFFCF0;\n --ds-background-accent-green-subtler: #BAF3DB;\n --ds-background-accent-green-subtle: #4BCE97;\n --ds-background-accent-green-bolder: #1F845A;\n --ds-background-accent-teal-subtlest: #E3FAFC;\n --ds-background-accent-teal-subtler: #C1F0F5;\n --ds-background-accent-teal-subtle: #60C6D2;\n --ds-background-accent-teal-bolder: #1D7F8C;\n --ds-background-accent-blue-subtlest: #E9F2FF;\n --ds-background-accent-blue-subtler: #CCE0FF;\n --ds-background-accent-blue-subtle: #579DFF;\n --ds-background-accent-blue-bolder: #0C66E4;\n --ds-background-accent-purple-subtlest: #F3F0FF;\n --ds-background-accent-purple-subtler: #DFD8FD;\n --ds-background-accent-purple-subtle: #9F8FEF;\n --ds-background-accent-purple-bolder: #6E5DC6;\n --ds-background-accent-magenta-subtlest: #FFECF8;\n --ds-background-accent-magenta-subtler: #FDD0EC;\n --ds-background-accent-magenta-subtle: #E774BB;\n --ds-background-accent-magenta-bolder: #AE4787;\n --ds-background-accent-gray-subtlest: #F1F2F4;\n --ds-background-accent-gray-subtler: #DCDFE4;\n --ds-background-accent-gray-subtle: #8590A2;\n --ds-background-accent-gray-bolder: #626F86;\n --ds-background-disabled: #091E4208;\n --ds-background-input: #FFFFFF;\n --ds-background-input-hovered: #F7F8F9;\n --ds-background-input-pressed: #FFFFFF;\n --ds-background-inverse-subtle: #00000029;\n --ds-background-inverse-subtle-hovered: #0000003D;\n --ds-background-inverse-subtle-pressed: #00000052;\n --ds-background-neutral: #091E420F;\n --ds-background-neutral-hovered: #091E4224;\n --ds-background-neutral-pressed: #091E424F;\n --ds-background-neutral-subtle: #00000000;\n --ds-background-neutral-subtle-hovered: #091E420F;\n --ds-background-neutral-subtle-pressed: #091E4224;\n --ds-background-neutral-bold: #44546F;\n --ds-background-neutral-bold-hovered: #2C3E5D;\n --ds-background-neutral-bold-pressed: #172B4D;\n --ds-background-selected: #E9F2FF;\n --ds-background-selected-hovered: #CCE0FF;\n --ds-background-selected-pressed: #85B8FF;\n --ds-background-selected-bold: #0C66E4;\n --ds-background-selected-bold-hovered: #0055CC;\n --ds-background-selected-bold-pressed: #09326C;\n --ds-background-brand-bold: #0C66E4;\n --ds-background-brand-bold-hovered: #0055CC;\n --ds-background-brand-bold-pressed: #09326C;\n --ds-background-danger: #FFEDEB;\n --ds-background-danger-hovered: #FFD2CC;\n --ds-background-danger-pressed: #FF9C8F;\n --ds-background-danger-bold: #CA3521;\n --ds-background-danger-bold-hovered: #AE2A19;\n --ds-background-danger-bold-pressed: #601E16;\n --ds-background-warning: #FFF7D6;\n --ds-background-warning-hovered: #F8E6A0;\n --ds-background-warning-pressed: #F5CD47;\n --ds-background-warning-bold: #E2B203;\n --ds-background-warning-bold-hovered: #CF9F02;\n --ds-background-warning-bold-pressed: #B38600;\n --ds-background-success: #DFFCF0;\n --ds-background-success-hovered: #BAF3DB;\n --ds-background-success-pressed: #7EE2B8;\n --ds-background-success-bold: #1F845A;\n --ds-background-success-bold-hovered: #216E4E;\n --ds-background-success-bold-pressed: #164B35;\n --ds-background-discovery: #F3F0FF;\n --ds-background-discovery-hovered: #DFD8FD;\n --ds-background-discovery-pressed: #B8ACF6;\n --ds-background-discovery-bold: #6E5DC6;\n --ds-background-discovery-bold-hovered: #5E4DB2;\n --ds-background-discovery-bold-pressed: #352C63;\n --ds-background-information: #E9F2FF;\n --ds-background-information-hovered: #CCE0FF;\n --ds-background-information-pressed: #85B8FF;\n --ds-background-information-bold: #0C66E4;\n --ds-background-information-bold-hovered: #0055CC;\n --ds-background-information-bold-pressed: #09326C;\n --ds-blanket: #091E427D;\n --ds-blanket-selected: #388BFF14;\n --ds-blanket-danger: #EF5C4814;\n --ds-interaction-hovered: #00000029;\n --ds-interaction-pressed: #00000052;\n --ds-skeleton: #091E420F;\n --ds-skeleton-subtle: #091E4208;\n --ds-chart-categorical-1: #1D9AAA;\n --ds-chart-categorical-1-hovered: #1D7F8C;\n --ds-chart-categorical-2: #5E4DB2;\n --ds-chart-categorical-2-hovered: #352C63;\n --ds-chart-categorical-3: #D97008;\n --ds-chart-categorical-3-hovered: #B65C02;\n --ds-chart-categorical-4: #943D73;\n --ds-chart-categorical-4-hovered: #50253F;\n --ds-chart-categorical-5: #09326C;\n --ds-chart-categorical-5-hovered: #082145;\n --ds-chart-categorical-6: #8F7EE7;\n --ds-chart-categorical-6-hovered: #8270DB;\n --ds-chart-categorical-7: #50253F;\n --ds-chart-categorical-7-hovered: #341829;\n --ds-chart-categorical-8: #974F0C;\n --ds-chart-categorical-8-hovered: #5F3811;\n --ds-chart-neutral: #8590A2;\n --ds-chart-neutral-hovered: #758195;\n --ds-chart-red-bold: #EF5C48;\n --ds-chart-red-bold-hovered: #E34935;\n --ds-chart-red-bolder: #E34935;\n --ds-chart-red-bolder-hovered: #CA3521;\n --ds-chart-red-boldest: #AE2A19;\n --ds-chart-red-boldest-hovered: #601E16;\n --ds-chart-orange-bold: #D97008;\n --ds-chart-orange-bold-hovered: #B65C02;\n --ds-chart-orange-bolder: #B65C02;\n --ds-chart-orange-bolder-hovered: #974F0C;\n --ds-chart-orange-boldest: #974F0C;\n --ds-chart-orange-boldest-hovered: #5F3811;\n --ds-chart-yellow-bold: #B38600;\n --ds-chart-yellow-bold-hovered: #946F00;\n --ds-chart-yellow-bolder: #946F00;\n --ds-chart-yellow-bolder-hovered: #7F5F01;\n --ds-chart-yellow-boldest: #7F5F01;\n --ds-chart-yellow-boldest-hovered: #533F04;\n --ds-chart-green-bold: #22A06B;\n --ds-chart-green-bold-hovered: #1F845A;\n --ds-chart-green-bolder: #1F845A;\n --ds-chart-green-bolder-hovered: #216E4E;\n --ds-chart-green-boldest: #216E4E;\n --ds-chart-green-boldest-hovered: #164B35;\n --ds-chart-teal-bold: #1D9AAA;\n --ds-chart-teal-bold-hovered: #1D7F8C;\n --ds-chart-teal-bolder: #1D7F8C;\n --ds-chart-teal-bolder-hovered: #206B74;\n --ds-chart-teal-boldest: #206B74;\n --ds-chart-teal-boldest-hovered: #1D474C;\n --ds-chart-blue-bold: #388BFF;\n --ds-chart-blue-bold-hovered: #1D7AFC;\n --ds-chart-blue-bolder: #1D7AFC;\n --ds-chart-blue-bolder-hovered: #0C66E4;\n --ds-chart-blue-boldest: #0055CC;\n --ds-chart-blue-boldest-hovered: #09326C;\n --ds-chart-purple-bold: #8F7EE7;\n --ds-chart-purple-bold-hovered: #8270DB;\n --ds-chart-purple-bolder: #8270DB;\n --ds-chart-purple-bolder-hovered: #6E5DC6;\n --ds-chart-purple-boldest: #5E4DB2;\n --ds-chart-purple-boldest-hovered: #352C63;\n --ds-chart-magenta-bold: #DA62AC;\n --ds-chart-magenta-bold-hovered: #CD519D;\n --ds-chart-magenta-bolder: #CD519D;\n --ds-chart-magenta-bolder-hovered: #AE4787;\n --ds-chart-magenta-boldest: #943D73;\n --ds-chart-magenta-boldest-hovered: #50253F;\n --ds-chart-gray-bold: #8590A2;\n --ds-chart-gray-bold-hovered: #758195;\n --ds-chart-gray-bolder: #758195;\n --ds-chart-gray-bolder-hovered: #626F86;\n --ds-chart-gray-boldest: #44546F;\n --ds-chart-gray-boldest-hovered: #2C3E5D;\n --ds-chart-brand: #1D7AFC;\n --ds-chart-brand-hovered: #0C66E4;\n --ds-chart-danger: #EF5C48;\n --ds-chart-danger-hovered: #E34935;\n --ds-chart-danger-bold: #AE2A19;\n --ds-chart-danger-bold-hovered: #601E16;\n --ds-chart-warning: #B38600;\n --ds-chart-warning-hovered: #946F00;\n --ds-chart-warning-bold: #7F5F01;\n --ds-chart-warning-bold-hovered: #533F04;\n --ds-chart-success: #22A06B;\n --ds-chart-success-hovered: #1F845A;\n --ds-chart-success-bold: #216E4E;\n --ds-chart-success-bold-hovered: #164B35;\n --ds-chart-discovery: #8F7EE7;\n --ds-chart-discovery-hovered: #8270DB;\n --ds-chart-discovery-bold: #5E4DB2;\n --ds-chart-discovery-bold-hovered: #352C63;\n --ds-chart-information: #388BFF;\n --ds-chart-information-hovered: #1D7AFC;\n --ds-chart-information-bold: #0055CC;\n --ds-chart-information-bold-hovered: #09326C;\n --ds-surface: #FFFFFF;\n --ds-surface-hovered: #F1F2F4;\n --ds-surface-pressed: #DCDFE4;\n --ds-surface-overlay: #FFFFFF;\n --ds-surface-overlay-hovered: #F1F2F4;\n --ds-surface-overlay-pressed: #DCDFE4;\n --ds-surface-raised: #FFFFFF;\n --ds-surface-raised-hovered: #F1F2F4;\n --ds-surface-raised-pressed: #DCDFE4;\n --ds-surface-sunken: #F7F8F9;\n --ds-shadow-overflow: 0px 0px 8px #091E4229, 0px 0px 1px #091E421F;\n --ds-shadow-overflow-perimeter: #091e421f;\n --ds-shadow-overflow-spread: #091e4229;\n --ds-shadow-overlay: 0px 8px 12px #091E4226, 0px 0px 1px #091E424F;\n --ds-shadow-raised: 0px 1px 1px #091E4240, 0px 0px 1px #091E424F;\n --ds-opacity-disabled: 0.4;\n --ds-opacity-loading: 0.2;\n --ds-UNSAFE-transparent: transparent;\n}\n";
@@ -0,0 +1,6 @@
1
+ /**
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ * @codegen <<SignedSource::ed28b9b768bb331ea1aeff3cb426b59b>>
4
+ * @codegenCommand yarn build tokens
5
+ */
6
+ export default "\nhtml[data-theme~=\"spacing:spacing\"] {\n --ds-scale-0: 0;\n --ds-scale-025: 0.125rem;\n --ds-scale-050: 0.25rem;\n --ds-scale-075: 0.375rem;\n --ds-scale-100: 0.5rem;\n --ds-scale-150: 0.75rem;\n --ds-scale-200: 1rem;\n --ds-scale-250: 1.25rem;\n --ds-scale-300: 1.5rem;\n --ds-scale-400: 2rem;\n --ds-scale-500: 2.5rem;\n --ds-scale-600: 3rem;\n --ds-scale-800: 4rem;\n --ds-scale-1000: 5rem;\n --ds-scaleLinear-0: 0;\n --ds-scaleLinear-100: 0.125rem;\n --ds-scaleLinear-200: 0.25rem;\n --ds-scaleLinear-300: 0.375rem;\n --ds-scaleLinear-400: 0.5rem;\n --ds-scaleLinear-500: 0.75rem;\n --ds-scaleLinear-600: 1rem;\n --ds-scaleLinear-700: 1.25rem;\n --ds-scaleLinear-800: 1.5rem;\n --ds-scaleLinear-900: 2rem;\n --ds-scaleLinear-1000: 2.5rem;\n --ds-scaleLinear-1100: 3rem;\n --ds-size-none: 0;\n --ds-size-xxxxSmall: 0.125rem;\n --ds-size-xxxSmall: 0.25rem;\n --ds-size-xxSmall: 0.375rem;\n --ds-size-xsmall: 0.5rem;\n --ds-size-small: 0.75rem;\n --ds-size-medium: 1rem;\n --ds-size-large: 1.25rem;\n --ds-size-xlarge: 1.5rem;\n --ds-size-xxlarge: 2rem;\n --ds-size-xxxlarge: 2.5rem;\n --ds-size-xxxxlarge: 3rem;\n --ds-gap-100: 0.5rem;\n --ds-gap-200: 1rem;\n --ds-gap-300: 1.5rem;\n --ds-inset-100: 0.5rem;\n --ds-inset-200: 1rem;\n --ds-inset-300: 1.5rem;\n --ds-ecl-container-12: 0.75rem;\n --ds-ecl-container-16: 1rem;\n --ds-ecl-container-20: 1.25rem;\n --ds-ecl-container-24: 1.5rem;\n --ds-ecl-element-2: 0.125rem;\n --ds-ecl-element-4: 0.25rem;\n --ds-ecl-element-6: 0.375rem;\n --ds-ecl-element-8: 0.5rem;\n --ds-ecl-layout-32: 2rem;\n --ds-ecl-layout-40: 2.5rem;\n --ds-ecl-layout-64: 3rem;\n --ds-ccc-component-2: 0.125rem;\n --ds-ccc-component-4: 0.25rem;\n --ds-ccc-component-6: 0.375rem;\n --ds-ccc-component-8: 0.5rem;\n --ds-ccc-container-32: 2rem;\n --ds-ccc-container-40: 2.5rem;\n --ds-ccc-container-48: 3rem;\n --ds-ccc-content-12: 0.75rem;\n --ds-ccc-content-16: 1rem;\n --ds-ccc-content-20: 1.25rem;\n --ds-ccc-content-24: 1.5rem;\n --ds-space-0: 0;\n --ds-space-025: 0.125rem;\n --ds-space-050: 0.25rem;\n --ds-space-075: 0.375rem;\n --ds-space-100: 0.5rem;\n --ds-space-150: 0.75rem;\n --ds-space-200: 1rem;\n --ds-space-250: 1.25rem;\n --ds-space-300: 1.5rem;\n --ds-space-400: 2rem;\n --ds-space-500: 2.5rem;\n --ds-space-600: 3rem;\n --ds-space-800: 4rem;\n --ds-space-1000: 5rem;\n}\n";
@@ -0,0 +1,6 @@
1
+ /**
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ * @codegen <<SignedSource::2bb692b141bab7de1129474ea0fe281e>>
4
+ * @codegenCommand yarn build tokens
5
+ */
6
+ export default "\nhtml[data-theme~=\"typography:typography\"] {\n --ds-font-family-monospace: \"SFMono-Medium\", \"SF Mono\", \"Segoe UI Mono\", \"Roboto Mono\", \"Ubuntu Mono\", Menlo, Consolas, Courier, monospace;\n --ds-font-family-sans: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", sans-serif;\n --ds-font-size-050: 11px;\n --ds-font-size-075: 12px;\n --ds-font-size-100: 14px;\n --ds-font-size-200: 16px;\n --ds-font-size-300: 20px;\n --ds-font-size-400: 24px;\n --ds-font-size-500: 29px;\n --ds-font-size-600: 35px;\n --ds-font-weight-bold: 700;\n --ds-font-weight-medium: 500;\n --ds-font-weight-regular: 400;\n --ds-font-weight-semibold: 600;\n --ds-font-lineHeight-100: 16px;\n --ds-font-lineHeight-200: 20px;\n --ds-font-lineHeight-300: 24px;\n --ds-font-lineHeight-400: 28px;\n --ds-font-lineHeight-500: 32px;\n --ds-font-lineHeight-600: 40px;\n}\n";
@@ -4,7 +4,7 @@
4
4
  * Token names mapped to their value in the default Atlassian themes ('light').
5
5
  * These default values are used by the Babel plugin to optionally provide automatic fallbacks.
6
6
  *
7
- * @codegen <<SignedSource::b5f83d6c535c103d4ac61f4d40d60207>>
7
+ * @codegen <<SignedSource::8db81f08f270c144c38da4157ea447a1>>
8
8
  * @codegenCommand yarn build tokens
9
9
  */
10
10
  var defaultTokenValues = {
@@ -28,14 +28,7 @@ var defaultTokenValues = {
28
28
  'color.text.accent.gray': '#44546F',
29
29
  'color.text.accent.gray.bolder': '#091E42',
30
30
  'color.text.disabled': '#091E424F',
31
- 'color.text.highEmphasis': '#172B4D',
32
31
  'color.text.inverse': '#FFFFFF',
33
- 'color.text.link.pressed': '#0055CC',
34
- 'color.text.link.resting': '#0C66E4',
35
- 'color.text.lowEmphasis': '#626F86',
36
- 'color.text.mediumEmphasis': '#44546F',
37
- 'color.text.onBold': '#FFFFFF',
38
- 'color.text.onBoldWarning': '#172B4D',
39
32
  'color.text.selected': '#0C66E4',
40
33
  'color.text.brand': '#0C66E4',
41
34
  'color.text.danger': '#AE2A19',
@@ -80,11 +73,9 @@ var defaultTokenValues = {
80
73
  'color.border.accent.magenta': '#CD519D',
81
74
  'color.border.accent.gray': '#758195',
82
75
  'color.border.disabled': '#091E420F',
83
- 'color.border.focus': '#388BFF',
84
76
  'color.border.focused': '#388BFF',
85
77
  'color.border.input': '#091E4224',
86
78
  'color.border.inverse': '#FFFFFF',
87
- 'color.border.neutral': '#091E4224',
88
79
  'color.border.selected': '#0C66E4',
89
80
  'color.border.brand': '#0C66E4',
90
81
  'color.border.danger': '#E34935',
@@ -93,84 +84,46 @@ var defaultTokenValues = {
93
84
  'color.border.discovery': '#8270DB',
94
85
  'color.border.information': '#1D7AFC',
95
86
  'color.border.bold': '#758195',
96
- 'color.background.accent.red': '#FFD2CC',
97
87
  'color.background.accent.red.subtlest': '#FFEDEB',
98
88
  'color.background.accent.red.subtler': '#FFD2CC',
99
89
  'color.background.accent.red.subtle': '#F87462',
100
- 'color.background.accent.red.bold': '#F87462',
101
90
  'color.background.accent.red.bolder': '#CA3521',
102
- 'color.background.accent.orange': '#FFE2BD',
103
91
  'color.background.accent.orange.subtlest': '#FFF4E5',
104
92
  'color.background.accent.orange.subtler': '#FFE2BD',
105
93
  'color.background.accent.orange.subtle': '#FAA53D',
106
- 'color.background.accent.orange.bold': '#FAA53D',
107
94
  'color.background.accent.orange.bolder': '#B65C02',
108
- 'color.background.accent.yellow': '#F8E6A0',
109
95
  'color.background.accent.yellow.subtlest': '#FFF7D6',
110
96
  'color.background.accent.yellow.subtler': '#F8E6A0',
111
97
  'color.background.accent.yellow.subtle': '#E2B203',
112
- 'color.background.accent.yellow.bold': '#E2B203',
113
98
  'color.background.accent.yellow.bolder': '#946F00',
114
- 'color.background.accent.green': '#BAF3DB',
115
99
  'color.background.accent.green.subtlest': '#DFFCF0',
116
100
  'color.background.accent.green.subtler': '#BAF3DB',
117
101
  'color.background.accent.green.subtle': '#4BCE97',
118
- 'color.background.accent.green.bold': '#4BCE97',
119
102
  'color.background.accent.green.bolder': '#1F845A',
120
- 'color.background.accent.teal': '#C1F0F5',
121
103
  'color.background.accent.teal.subtlest': '#E3FAFC',
122
104
  'color.background.accent.teal.subtler': '#C1F0F5',
123
105
  'color.background.accent.teal.subtle': '#60C6D2',
124
- 'color.background.accent.teal.bold': '#60C6D2',
125
106
  'color.background.accent.teal.bolder': '#1D7F8C',
126
- 'color.background.accent.blue': '#CCE0FF',
127
107
  'color.background.accent.blue.subtlest': '#E9F2FF',
128
108
  'color.background.accent.blue.subtler': '#CCE0FF',
129
109
  'color.background.accent.blue.subtle': '#579DFF',
130
- 'color.background.accent.blue.bold': '#579DFF',
131
110
  'color.background.accent.blue.bolder': '#0C66E4',
132
- 'color.background.accent.purple': '#DFD8FD',
133
111
  'color.background.accent.purple.subtlest': '#F3F0FF',
134
112
  'color.background.accent.purple.subtler': '#DFD8FD',
135
113
  'color.background.accent.purple.subtle': '#9F8FEF',
136
- 'color.background.accent.purple.bold': '#9F8FEF',
137
114
  'color.background.accent.purple.bolder': '#6E5DC6',
138
- 'color.background.accent.magenta': '#FDD0EC',
139
115
  'color.background.accent.magenta.subtlest': '#FFECF8',
140
116
  'color.background.accent.magenta.subtler': '#FDD0EC',
141
117
  'color.background.accent.magenta.subtle': '#E774BB',
142
- 'color.background.accent.magenta.bold': '#E774BB',
143
118
  'color.background.accent.magenta.bolder': '#AE4787',
144
119
  'color.background.accent.gray.subtlest': '#F1F2F4',
145
120
  'color.background.accent.gray.subtler': '#DCDFE4',
146
121
  'color.background.accent.gray.subtle': '#8590A2',
147
122
  'color.background.accent.gray.bolder': '#626F86',
148
- 'color.background.blanket': '#091E427D',
149
- 'color.background.boldBrand.hover': '#0055CC',
150
- 'color.background.boldBrand.pressed': '#09326C',
151
- 'color.background.boldBrand.resting': '#0C66E4',
152
- 'color.background.boldDanger.hover': '#AE2A19',
153
- 'color.background.boldDanger.pressed': '#601E16',
154
- 'color.background.boldDanger.resting': '#CA3521',
155
- 'color.background.boldDiscovery.hover': '#5E4DB2',
156
- 'color.background.boldDiscovery.pressed': '#352C63',
157
- 'color.background.boldDiscovery.resting': '#6E5DC6',
158
- 'color.background.boldNeutral.hover': '#2C3E5D',
159
- 'color.background.boldNeutral.pressed': '#172B4D',
160
- 'color.background.boldNeutral.resting': '#44546F',
161
- 'color.background.boldSuccess.hover': '#216E4E',
162
- 'color.background.boldSuccess.pressed': '#164B35',
163
- 'color.background.boldSuccess.resting': '#1F845A',
164
- 'color.background.boldWarning.hover': '#CF9F02',
165
- 'color.background.boldWarning.pressed': '#B38600',
166
- 'color.background.boldWarning.resting': '#E2B203',
167
- 'color.background.card': '#FFFFFF',
168
- 'color.background.default': '#FFFFFF',
169
123
  'color.background.disabled': '#091E4208',
170
124
  'color.background.input': '#FFFFFF',
171
125
  'color.background.input.hovered': '#F7F8F9',
172
126
  'color.background.input.pressed': '#FFFFFF',
173
- 'color.background.inverse': '#FFFFFF29',
174
127
  'color.background.inverse.subtle': '#00000029',
175
128
  'color.background.inverse.subtle.hovered': '#0000003D',
176
129
  'color.background.inverse.subtle.pressed': '#00000052',
@@ -183,41 +136,12 @@ var defaultTokenValues = {
183
136
  'color.background.neutral.bold': '#44546F',
184
137
  'color.background.neutral.bold.hovered': '#2C3E5D',
185
138
  'color.background.neutral.bold.pressed': '#172B4D',
186
- 'color.background.overlay': '#FFFFFF',
187
139
  'color.background.selected': '#E9F2FF',
188
140
  'color.background.selected.hovered': '#CCE0FF',
189
141
  'color.background.selected.pressed': '#85B8FF',
190
- 'color.background.selected.hover': '#CCE0FF',
191
- 'color.background.selected.resting': '#E9F2FF',
192
142
  'color.background.selected.bold': '#0C66E4',
193
143
  'color.background.selected.bold.hovered': '#0055CC',
194
144
  'color.background.selected.bold.pressed': '#09326C',
195
- 'color.background.subtleBorderedNeutral.pressed': '#091E420F',
196
- 'color.background.subtleBorderedNeutral.resting': '#091E4208',
197
- 'color.background.subtleBrand.hover': '#CCE0FF',
198
- 'color.background.subtleBrand.pressed': '#85B8FF',
199
- 'color.background.subtleBrand.resting': '#E9F2FF',
200
- 'color.background.subtleDanger.hover': '#FFD2CC',
201
- 'color.background.subtleDanger.pressed': '#FF9C8F',
202
- 'color.background.subtleDanger.resting': '#FFEDEB',
203
- 'color.background.subtleDiscovery.hover': '#DFD8FD',
204
- 'color.background.subtleDiscovery.pressed': '#B8ACF6',
205
- 'color.background.subtleDiscovery.resting': '#F3F0FF',
206
- 'color.background.subtleNeutral.hover': '#091E4224',
207
- 'color.background.subtleNeutral.pressed': '#091E424F',
208
- 'color.background.subtleNeutral.resting': '#091E420F',
209
- 'color.background.subtleSuccess.hover': '#BAF3DB',
210
- 'color.background.subtleSuccess.pressed': '#7EE2B8',
211
- 'color.background.subtleSuccess.resting': '#DFFCF0',
212
- 'color.background.subtleWarning.hover': '#F8E6A0',
213
- 'color.background.subtleWarning.pressed': '#F5CD47',
214
- 'color.background.subtleWarning.resting': '#FFF7D6',
215
- 'color.background.sunken': '#091E4208',
216
- 'color.background.transparentNeutral.hover': '#091E420F',
217
- 'color.background.transparentNeutral.pressed': '#091E4224',
218
- 'color.background.brand': '#E9F2FF',
219
- 'color.background.brand.hovered': '#CCE0FF',
220
- 'color.background.brand.pressed': '#85B8FF',
221
145
  'color.background.brand.bold': '#0C66E4',
222
146
  'color.background.brand.bold.hovered': '#0055CC',
223
147
  'color.background.brand.bold.pressed': '#09326C',
@@ -255,8 +179,6 @@ var defaultTokenValues = {
255
179
  'color.blanket.selected': '#388BFF14',
256
180
  'color.blanket.danger': '#EF5C4814',
257
181
  'color.interaction.hovered': '#00000029',
258
- 'color.interaction.inverse.hovered': '#00000029',
259
- 'color.interaction.inverse.pressed': '#00000052',
260
182
  'color.interaction.pressed': '#00000052',
261
183
  'color.skeleton': '#091E420F',
262
184
  'color.skeleton.subtle': '#091E4208',
@@ -354,26 +276,6 @@ var defaultTokenValues = {
354
276
  'color.chart.information.hovered': '#1D7AFC',
355
277
  'color.chart.information.bold': '#0055CC',
356
278
  'color.chart.information.bold.hovered': '#09326C',
357
- 'color.accent.boldBlue': '#579DFF',
358
- 'color.accent.boldGreen': '#4BCE97',
359
- 'color.accent.boldOrange': '#FAA53D',
360
- 'color.accent.boldPurple': '#9F8FEF',
361
- 'color.accent.boldRed': '#F87462',
362
- 'color.accent.boldTeal': '#60C6D2',
363
- 'color.accent.subtleBlue': '#CCE0FF',
364
- 'color.accent.subtleGreen': '#BAF3DB',
365
- 'color.accent.subtleMagenta': '#FDD0EC',
366
- 'color.accent.subtleOrange': '#FFE2BD',
367
- 'color.accent.subtlePurple': '#DFD8FD',
368
- 'color.accent.subtleRed': '#FFD2CC',
369
- 'color.accent.subtleTeal': '#C1F0F5',
370
- 'color.iconBorder.brand': '#1D7AFC',
371
- 'color.iconBorder.danger': '#E34935',
372
- 'color.iconBorder.warning': '#D97008',
373
- 'color.iconBorder.success': '#22A06B',
374
- 'color.iconBorder.discovery': '#8270DB',
375
- 'color.overlay.hover': '#091E424F',
376
- 'color.overlay.pressed': '#091E427D',
377
279
  'elevation.surface': '#FFFFFF',
378
280
  'elevation.surface.hovered': '#F1F2F4',
379
281
  'elevation.surface.pressed': '#DCDFE4',
@@ -391,10 +293,7 @@ var defaultTokenValues = {
391
293
  'elevation.shadow.raised': '[object Object],[object Object]',
392
294
  'opacity.disabled': '0.4',
393
295
  'opacity.loading': '0.2',
394
- 'shadow.card': '[object Object],[object Object]',
395
- 'shadow.overlay': '[object Object],[object Object]',
396
- 'utility.UNSAFE_util.MISSING_TOKEN': '#FA11F2',
397
- 'utility.UNSAFE_util.transparent': 'transparent',
296
+ 'utility.UNSAFE.transparent': 'transparent',
398
297
  'spacing.scale.0': '0',
399
298
  'spacing.scale.025': '0.125rem',
400
299
  'spacing.scale.050': '0.25rem',
@@ -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::aa52bcdd2d60c876616cf469dedf12c2>>
3
+ * @codegen <<SignedSource::d7c48176fa0191c3d90f3742086ec10e>>
4
4
  * @codegenCommand yarn build tokens
5
5
  */
6
6
  var tokens = {
@@ -24,14 +24,7 @@ var tokens = {
24
24
  'color.text.accent.gray': '--ds-text-accent-gray',
25
25
  'color.text.accent.gray.bolder': '--ds-text-accent-gray-bolder',
26
26
  'color.text.disabled': '--ds-text-disabled',
27
- 'color.text.highEmphasis': '--ds-text-highEmphasis',
28
27
  'color.text.inverse': '--ds-text-inverse',
29
- 'color.text.link.pressed': '--ds-text-link-pressed',
30
- 'color.text.link.resting': '--ds-text-link-resting',
31
- 'color.text.lowEmphasis': '--ds-text-lowEmphasis',
32
- 'color.text.mediumEmphasis': '--ds-text-mediumEmphasis',
33
- 'color.text.onBold': '--ds-text-onBold',
34
- 'color.text.onBoldWarning': '--ds-text-onBoldWarning',
35
28
  'color.text.selected': '--ds-text-selected',
36
29
  'color.text.brand': '--ds-text-brand',
37
30
  'color.text.danger': '--ds-text-danger',
@@ -76,11 +69,9 @@ var tokens = {
76
69
  'color.border.accent.magenta': '--ds-border-accent-magenta',
77
70
  'color.border.accent.gray': '--ds-border-accent-gray',
78
71
  'color.border.disabled': '--ds-border-disabled',
79
- 'color.border.focus': '--ds-border-focus',
80
72
  'color.border.focused': '--ds-border-focused',
81
73
  'color.border.input': '--ds-border-input',
82
74
  'color.border.inverse': '--ds-border-inverse',
83
- 'color.border.neutral': '--ds-border-neutral',
84
75
  'color.border.selected': '--ds-border-selected',
85
76
  'color.border.brand': '--ds-border-brand',
86
77
  'color.border.danger': '--ds-border-danger',
@@ -89,84 +80,46 @@ var tokens = {
89
80
  'color.border.discovery': '--ds-border-discovery',
90
81
  'color.border.information': '--ds-border-information',
91
82
  'color.border.bold': '--ds-border-bold',
92
- 'color.background.accent.red': '--ds-background-accent-red',
93
83
  'color.background.accent.red.subtlest': '--ds-background-accent-red-subtlest',
94
84
  'color.background.accent.red.subtler': '--ds-background-accent-red-subtler',
95
85
  'color.background.accent.red.subtle': '--ds-background-accent-red-subtle',
96
- 'color.background.accent.red.bold': '--ds-background-accent-red-bold',
97
86
  'color.background.accent.red.bolder': '--ds-background-accent-red-bolder',
98
- 'color.background.accent.orange': '--ds-background-accent-orange',
99
87
  'color.background.accent.orange.subtlest': '--ds-background-accent-orange-subtlest',
100
88
  'color.background.accent.orange.subtler': '--ds-background-accent-orange-subtler',
101
89
  'color.background.accent.orange.subtle': '--ds-background-accent-orange-subtle',
102
- 'color.background.accent.orange.bold': '--ds-background-accent-orange-bold',
103
90
  'color.background.accent.orange.bolder': '--ds-background-accent-orange-bolder',
104
- 'color.background.accent.yellow': '--ds-background-accent-yellow',
105
91
  'color.background.accent.yellow.subtlest': '--ds-background-accent-yellow-subtlest',
106
92
  'color.background.accent.yellow.subtler': '--ds-background-accent-yellow-subtler',
107
93
  'color.background.accent.yellow.subtle': '--ds-background-accent-yellow-subtle',
108
- 'color.background.accent.yellow.bold': '--ds-background-accent-yellow-bold',
109
94
  'color.background.accent.yellow.bolder': '--ds-background-accent-yellow-bolder',
110
- 'color.background.accent.green': '--ds-background-accent-green',
111
95
  'color.background.accent.green.subtlest': '--ds-background-accent-green-subtlest',
112
96
  'color.background.accent.green.subtler': '--ds-background-accent-green-subtler',
113
97
  'color.background.accent.green.subtle': '--ds-background-accent-green-subtle',
114
- 'color.background.accent.green.bold': '--ds-background-accent-green-bold',
115
98
  'color.background.accent.green.bolder': '--ds-background-accent-green-bolder',
116
- 'color.background.accent.teal': '--ds-background-accent-teal',
117
99
  'color.background.accent.teal.subtlest': '--ds-background-accent-teal-subtlest',
118
100
  'color.background.accent.teal.subtler': '--ds-background-accent-teal-subtler',
119
101
  'color.background.accent.teal.subtle': '--ds-background-accent-teal-subtle',
120
- 'color.background.accent.teal.bold': '--ds-background-accent-teal-bold',
121
102
  'color.background.accent.teal.bolder': '--ds-background-accent-teal-bolder',
122
- 'color.background.accent.blue': '--ds-background-accent-blue',
123
103
  'color.background.accent.blue.subtlest': '--ds-background-accent-blue-subtlest',
124
104
  'color.background.accent.blue.subtler': '--ds-background-accent-blue-subtler',
125
105
  'color.background.accent.blue.subtle': '--ds-background-accent-blue-subtle',
126
- 'color.background.accent.blue.bold': '--ds-background-accent-blue-bold',
127
106
  'color.background.accent.blue.bolder': '--ds-background-accent-blue-bolder',
128
- 'color.background.accent.purple': '--ds-background-accent-purple',
129
107
  'color.background.accent.purple.subtlest': '--ds-background-accent-purple-subtlest',
130
108
  'color.background.accent.purple.subtler': '--ds-background-accent-purple-subtler',
131
109
  'color.background.accent.purple.subtle': '--ds-background-accent-purple-subtle',
132
- 'color.background.accent.purple.bold': '--ds-background-accent-purple-bold',
133
110
  'color.background.accent.purple.bolder': '--ds-background-accent-purple-bolder',
134
- 'color.background.accent.magenta': '--ds-background-accent-magenta',
135
111
  'color.background.accent.magenta.subtlest': '--ds-background-accent-magenta-subtlest',
136
112
  'color.background.accent.magenta.subtler': '--ds-background-accent-magenta-subtler',
137
113
  'color.background.accent.magenta.subtle': '--ds-background-accent-magenta-subtle',
138
- 'color.background.accent.magenta.bold': '--ds-background-accent-magenta-bold',
139
114
  'color.background.accent.magenta.bolder': '--ds-background-accent-magenta-bolder',
140
115
  'color.background.accent.gray.subtlest': '--ds-background-accent-gray-subtlest',
141
116
  'color.background.accent.gray.subtler': '--ds-background-accent-gray-subtler',
142
117
  'color.background.accent.gray.subtle': '--ds-background-accent-gray-subtle',
143
118
  'color.background.accent.gray.bolder': '--ds-background-accent-gray-bolder',
144
- 'color.background.blanket': '--ds-background-blanket',
145
- 'color.background.boldBrand.hover': '--ds-background-boldBrand-hover',
146
- 'color.background.boldBrand.pressed': '--ds-background-boldBrand-pressed',
147
- 'color.background.boldBrand.resting': '--ds-background-boldBrand-resting',
148
- 'color.background.boldDanger.hover': '--ds-background-boldDanger-hover',
149
- 'color.background.boldDanger.pressed': '--ds-background-boldDanger-pressed',
150
- 'color.background.boldDanger.resting': '--ds-background-boldDanger-resting',
151
- 'color.background.boldDiscovery.hover': '--ds-background-boldDiscovery-hover',
152
- 'color.background.boldDiscovery.pressed': '--ds-background-boldDiscovery-pressed',
153
- 'color.background.boldDiscovery.resting': '--ds-background-boldDiscovery-resting',
154
- 'color.background.boldNeutral.hover': '--ds-background-boldNeutral-hover',
155
- 'color.background.boldNeutral.pressed': '--ds-background-boldNeutral-pressed',
156
- 'color.background.boldNeutral.resting': '--ds-background-boldNeutral-resting',
157
- 'color.background.boldSuccess.hover': '--ds-background-boldSuccess-hover',
158
- 'color.background.boldSuccess.pressed': '--ds-background-boldSuccess-pressed',
159
- 'color.background.boldSuccess.resting': '--ds-background-boldSuccess-resting',
160
- 'color.background.boldWarning.hover': '--ds-background-boldWarning-hover',
161
- 'color.background.boldWarning.pressed': '--ds-background-boldWarning-pressed',
162
- 'color.background.boldWarning.resting': '--ds-background-boldWarning-resting',
163
- 'color.background.card': '--ds-background-card',
164
- 'color.background.default': '--ds-background-default',
165
119
  'color.background.disabled': '--ds-background-disabled',
166
120
  'color.background.input': '--ds-background-input',
167
121
  'color.background.input.hovered': '--ds-background-input-hovered',
168
122
  'color.background.input.pressed': '--ds-background-input-pressed',
169
- 'color.background.inverse': '--ds-background-inverse',
170
123
  'color.background.inverse.subtle': '--ds-background-inverse-subtle',
171
124
  'color.background.inverse.subtle.hovered': '--ds-background-inverse-subtle-hovered',
172
125
  'color.background.inverse.subtle.pressed': '--ds-background-inverse-subtle-pressed',
@@ -179,41 +132,12 @@ var tokens = {
179
132
  'color.background.neutral.bold': '--ds-background-neutral-bold',
180
133
  'color.background.neutral.bold.hovered': '--ds-background-neutral-bold-hovered',
181
134
  'color.background.neutral.bold.pressed': '--ds-background-neutral-bold-pressed',
182
- 'color.background.overlay': '--ds-background-overlay',
183
135
  'color.background.selected': '--ds-background-selected',
184
136
  'color.background.selected.hovered': '--ds-background-selected-hovered',
185
137
  'color.background.selected.pressed': '--ds-background-selected-pressed',
186
- 'color.background.selected.hover': '--ds-background-selected-hover',
187
- 'color.background.selected.resting': '--ds-background-selected-resting',
188
138
  'color.background.selected.bold': '--ds-background-selected-bold',
189
139
  'color.background.selected.bold.hovered': '--ds-background-selected-bold-hovered',
190
140
  'color.background.selected.bold.pressed': '--ds-background-selected-bold-pressed',
191
- 'color.background.subtleBorderedNeutral.pressed': '--ds-background-subtleBorderedNeutral-pressed',
192
- 'color.background.subtleBorderedNeutral.resting': '--ds-background-subtleBorderedNeutral-resting',
193
- 'color.background.subtleBrand.hover': '--ds-background-subtleBrand-hover',
194
- 'color.background.subtleBrand.pressed': '--ds-background-subtleBrand-pressed',
195
- 'color.background.subtleBrand.resting': '--ds-background-subtleBrand-resting',
196
- 'color.background.subtleDanger.hover': '--ds-background-subtleDanger-hover',
197
- 'color.background.subtleDanger.pressed': '--ds-background-subtleDanger-pressed',
198
- 'color.background.subtleDanger.resting': '--ds-background-subtleDanger-resting',
199
- 'color.background.subtleDiscovery.hover': '--ds-background-subtleDiscovery-hover',
200
- 'color.background.subtleDiscovery.pressed': '--ds-background-subtleDiscovery-pressed',
201
- 'color.background.subtleDiscovery.resting': '--ds-background-subtleDiscovery-resting',
202
- 'color.background.subtleNeutral.hover': '--ds-background-subtleNeutral-hover',
203
- 'color.background.subtleNeutral.pressed': '--ds-background-subtleNeutral-pressed',
204
- 'color.background.subtleNeutral.resting': '--ds-background-subtleNeutral-resting',
205
- 'color.background.subtleSuccess.hover': '--ds-background-subtleSuccess-hover',
206
- 'color.background.subtleSuccess.pressed': '--ds-background-subtleSuccess-pressed',
207
- 'color.background.subtleSuccess.resting': '--ds-background-subtleSuccess-resting',
208
- 'color.background.subtleWarning.hover': '--ds-background-subtleWarning-hover',
209
- 'color.background.subtleWarning.pressed': '--ds-background-subtleWarning-pressed',
210
- 'color.background.subtleWarning.resting': '--ds-background-subtleWarning-resting',
211
- 'color.background.sunken': '--ds-background-sunken',
212
- 'color.background.transparentNeutral.hover': '--ds-background-transparentNeutral-hover',
213
- 'color.background.transparentNeutral.pressed': '--ds-background-transparentNeutral-pressed',
214
- 'color.background.brand': '--ds-background-brand',
215
- 'color.background.brand.hovered': '--ds-background-brand-hovered',
216
- 'color.background.brand.pressed': '--ds-background-brand-pressed',
217
141
  'color.background.brand.bold': '--ds-background-brand-bold',
218
142
  'color.background.brand.bold.hovered': '--ds-background-brand-bold-hovered',
219
143
  'color.background.brand.bold.pressed': '--ds-background-brand-bold-pressed',
@@ -251,8 +175,6 @@ var tokens = {
251
175
  'color.blanket.selected': '--ds-blanket-selected',
252
176
  'color.blanket.danger': '--ds-blanket-danger',
253
177
  'color.interaction.hovered': '--ds-interaction-hovered',
254
- 'color.interaction.inverse.hovered': '--ds-interaction-inverse-hovered',
255
- 'color.interaction.inverse.pressed': '--ds-interaction-inverse-pressed',
256
178
  'color.interaction.pressed': '--ds-interaction-pressed',
257
179
  'color.skeleton': '--ds-skeleton',
258
180
  'color.skeleton.subtle': '--ds-skeleton-subtle',
@@ -350,26 +272,6 @@ var tokens = {
350
272
  'color.chart.information.hovered': '--ds-chart-information-hovered',
351
273
  'color.chart.information.bold': '--ds-chart-information-bold',
352
274
  'color.chart.information.bold.hovered': '--ds-chart-information-bold-hovered',
353
- 'color.accent.boldBlue': '--ds-accent-boldBlue',
354
- 'color.accent.boldGreen': '--ds-accent-boldGreen',
355
- 'color.accent.boldOrange': '--ds-accent-boldOrange',
356
- 'color.accent.boldPurple': '--ds-accent-boldPurple',
357
- 'color.accent.boldRed': '--ds-accent-boldRed',
358
- 'color.accent.boldTeal': '--ds-accent-boldTeal',
359
- 'color.accent.subtleBlue': '--ds-accent-subtleBlue',
360
- 'color.accent.subtleGreen': '--ds-accent-subtleGreen',
361
- 'color.accent.subtleMagenta': '--ds-accent-subtleMagenta',
362
- 'color.accent.subtleOrange': '--ds-accent-subtleOrange',
363
- 'color.accent.subtlePurple': '--ds-accent-subtlePurple',
364
- 'color.accent.subtleRed': '--ds-accent-subtleRed',
365
- 'color.accent.subtleTeal': '--ds-accent-subtleTeal',
366
- 'color.iconBorder.brand': '--ds-iconBorder-brand',
367
- 'color.iconBorder.danger': '--ds-iconBorder-danger',
368
- 'color.iconBorder.warning': '--ds-iconBorder-warning',
369
- 'color.iconBorder.success': '--ds-iconBorder-success',
370
- 'color.iconBorder.discovery': '--ds-iconBorder-discovery',
371
- 'color.overlay.hover': '--ds-overlay-hover',
372
- 'color.overlay.pressed': '--ds-overlay-pressed',
373
275
  'elevation.surface': '--ds-surface',
374
276
  'elevation.surface.hovered': '--ds-surface-hovered',
375
277
  'elevation.surface.pressed': '--ds-surface-pressed',
@@ -387,10 +289,7 @@ var tokens = {
387
289
  'elevation.shadow.raised': '--ds-shadow-raised',
388
290
  'opacity.disabled': '--ds-opacity-disabled',
389
291
  'opacity.loading': '--ds-opacity-loading',
390
- 'shadow.card': '--ds-card',
391
- 'shadow.overlay': '--ds-overlay',
392
- 'utility.UNSAFE_util.MISSING_TOKEN': '--ds-UNSAFE_util-MISSING_TOKEN',
393
- 'utility.UNSAFE_util.transparent': '--ds-UNSAFE_util-transparent',
292
+ 'utility.UNSAFE.transparent': '--ds-UNSAFE-transparent',
394
293
  'spacing.scale.0': '--ds-scale-0',
395
294
  'spacing.scale.025': '--ds-scale-025',
396
295
  'spacing.scale.050': '--ds-scale-050',