@atlaskit/tokens 1.25.2 → 1.26.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 (188) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/artifacts/theme-import-map.js +13 -1
  3. package/dist/cjs/artifacts/themes/atlassian-dark-increased-contrast.js +12 -0
  4. package/dist/cjs/artifacts/themes/atlassian-light-increased-contrast.js +12 -0
  5. package/dist/cjs/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +8687 -0
  6. package/dist/cjs/artifacts/tokens-raw/atlassian-light-increased-contrast.js +8653 -0
  7. package/dist/cjs/constants.js +2 -1
  8. package/dist/cjs/enable-global-theme.js +3 -0
  9. package/dist/cjs/get-ssr-auto-script.js +8 -2
  10. package/dist/cjs/get-theme-html-attrs.js +9 -0
  11. package/dist/cjs/get-theme-styles.js +9 -0
  12. package/dist/cjs/get-token-value.js +1 -1
  13. package/dist/cjs/get-token.js +1 -1
  14. package/dist/cjs/set-global-theme.js +35 -20
  15. package/dist/cjs/theme-config.js +29 -2
  16. package/dist/cjs/tokens/atlassian-dark-increased-contrast/color/accent.js +271 -0
  17. package/dist/cjs/tokens/atlassian-dark-increased-contrast/color/background.js +104 -0
  18. package/dist/cjs/tokens/atlassian-dark-increased-contrast/color/border.js +46 -0
  19. package/dist/cjs/tokens/atlassian-dark-increased-contrast/color/chart.js +309 -0
  20. package/dist/cjs/tokens/atlassian-dark-increased-contrast/color/icon.js +45 -0
  21. package/dist/cjs/tokens/atlassian-dark-increased-contrast/color/interaction.js +22 -0
  22. package/dist/cjs/tokens/atlassian-dark-increased-contrast/color/skeleton.js +21 -0
  23. package/dist/cjs/tokens/atlassian-dark-increased-contrast/color/text.js +56 -0
  24. package/dist/cjs/tokens/atlassian-dark-increased-contrast/elevation/shadow.js +66 -0
  25. package/dist/cjs/tokens/atlassian-light-increased-contrast/color/accent.js +423 -0
  26. package/dist/cjs/tokens/atlassian-light-increased-contrast/color/background.js +145 -0
  27. package/dist/cjs/tokens/atlassian-light-increased-contrast/color/border.js +50 -0
  28. package/dist/cjs/tokens/atlassian-light-increased-contrast/color/chart.js +418 -0
  29. package/dist/cjs/tokens/atlassian-light-increased-contrast/color/icon.js +49 -0
  30. package/dist/cjs/tokens/atlassian-light-increased-contrast/color/interaction.js +22 -0
  31. package/dist/cjs/tokens/atlassian-light-increased-contrast/color/skeleton.js +21 -0
  32. package/dist/cjs/tokens/atlassian-light-increased-contrast/color/text.js +56 -0
  33. package/dist/cjs/tokens/atlassian-light-increased-contrast/elevation/shadow.js +62 -0
  34. package/dist/cjs/tokens/atlassian-light-increased-contrast/elevation/surface.js +18 -0
  35. package/dist/cjs/utils/configure-page.js +16 -1
  36. package/dist/cjs/utils/contrast-mode-listeners.js +65 -0
  37. package/dist/cjs/utils/get-increased-contrast-theme.js +20 -0
  38. package/dist/cjs/utils/get-theme-preferences.js +23 -1
  39. package/dist/cjs/utils/theme-loading.js +3 -2
  40. package/dist/es2019/artifacts/theme-import-map.js +5 -1
  41. package/dist/es2019/artifacts/themes/atlassian-dark-increased-contrast.js +401 -0
  42. package/dist/es2019/artifacts/themes/atlassian-light-increased-contrast.js +401 -0
  43. package/dist/es2019/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +8681 -0
  44. package/dist/es2019/artifacts/tokens-raw/atlassian-light-increased-contrast.js +8647 -0
  45. package/dist/es2019/constants.js +1 -0
  46. package/dist/es2019/enable-global-theme.js +2 -0
  47. package/dist/es2019/get-ssr-auto-script.js +17 -11
  48. package/dist/es2019/get-theme-html-attrs.js +12 -2
  49. package/dist/es2019/get-theme-styles.js +7 -0
  50. package/dist/es2019/get-token-value.js +1 -1
  51. package/dist/es2019/get-token.js +1 -1
  52. package/dist/es2019/set-global-theme.js +14 -0
  53. package/dist/es2019/theme-config.js +28 -1
  54. package/dist/es2019/tokens/atlassian-dark-increased-contrast/color/accent.js +265 -0
  55. package/dist/es2019/tokens/atlassian-dark-increased-contrast/color/background.js +98 -0
  56. package/dist/es2019/tokens/atlassian-dark-increased-contrast/color/border.js +40 -0
  57. package/dist/es2019/tokens/atlassian-dark-increased-contrast/color/chart.js +303 -0
  58. package/dist/es2019/tokens/atlassian-dark-increased-contrast/color/icon.js +39 -0
  59. package/dist/es2019/tokens/atlassian-dark-increased-contrast/color/interaction.js +16 -0
  60. package/dist/es2019/tokens/atlassian-dark-increased-contrast/color/skeleton.js +15 -0
  61. package/dist/es2019/tokens/atlassian-dark-increased-contrast/color/text.js +50 -0
  62. package/dist/es2019/tokens/atlassian-dark-increased-contrast/elevation/shadow.js +60 -0
  63. package/dist/es2019/tokens/atlassian-light-increased-contrast/color/accent.js +417 -0
  64. package/dist/es2019/tokens/atlassian-light-increased-contrast/color/background.js +139 -0
  65. package/dist/es2019/tokens/atlassian-light-increased-contrast/color/border.js +44 -0
  66. package/dist/es2019/tokens/atlassian-light-increased-contrast/color/chart.js +412 -0
  67. package/dist/es2019/tokens/atlassian-light-increased-contrast/color/icon.js +43 -0
  68. package/dist/es2019/tokens/atlassian-light-increased-contrast/color/interaction.js +16 -0
  69. package/dist/es2019/tokens/atlassian-light-increased-contrast/color/skeleton.js +15 -0
  70. package/dist/es2019/tokens/atlassian-light-increased-contrast/color/text.js +50 -0
  71. package/dist/es2019/tokens/atlassian-light-increased-contrast/elevation/shadow.js +56 -0
  72. package/dist/es2019/tokens/atlassian-light-increased-contrast/elevation/surface.js +12 -0
  73. package/dist/es2019/utils/configure-page.js +18 -1
  74. package/dist/es2019/utils/contrast-mode-listeners.js +48 -0
  75. package/dist/es2019/utils/get-increased-contrast-theme.js +13 -0
  76. package/dist/es2019/utils/get-theme-preferences.js +23 -1
  77. package/dist/es2019/utils/theme-loading.js +2 -1
  78. package/dist/esm/artifacts/theme-import-map.js +9 -1
  79. package/dist/esm/artifacts/themes/atlassian-dark-increased-contrast.js +6 -0
  80. package/dist/esm/artifacts/themes/atlassian-light-increased-contrast.js +6 -0
  81. package/dist/esm/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +8681 -0
  82. package/dist/esm/artifacts/tokens-raw/atlassian-light-increased-contrast.js +8647 -0
  83. package/dist/esm/constants.js +1 -0
  84. package/dist/esm/enable-global-theme.js +3 -0
  85. package/dist/esm/get-ssr-auto-script.js +10 -4
  86. package/dist/esm/get-theme-html-attrs.js +10 -1
  87. package/dist/esm/get-theme-styles.js +9 -0
  88. package/dist/esm/get-token-value.js +1 -1
  89. package/dist/esm/get-token.js +1 -1
  90. package/dist/esm/set-global-theme.js +35 -20
  91. package/dist/esm/theme-config.js +28 -1
  92. package/dist/esm/tokens/atlassian-dark-increased-contrast/color/accent.js +265 -0
  93. package/dist/esm/tokens/atlassian-dark-increased-contrast/color/background.js +98 -0
  94. package/dist/esm/tokens/atlassian-dark-increased-contrast/color/border.js +40 -0
  95. package/dist/esm/tokens/atlassian-dark-increased-contrast/color/chart.js +303 -0
  96. package/dist/esm/tokens/atlassian-dark-increased-contrast/color/icon.js +39 -0
  97. package/dist/esm/tokens/atlassian-dark-increased-contrast/color/interaction.js +16 -0
  98. package/dist/esm/tokens/atlassian-dark-increased-contrast/color/skeleton.js +15 -0
  99. package/dist/esm/tokens/atlassian-dark-increased-contrast/color/text.js +50 -0
  100. package/dist/esm/tokens/atlassian-dark-increased-contrast/elevation/shadow.js +60 -0
  101. package/dist/esm/tokens/atlassian-light-increased-contrast/color/accent.js +417 -0
  102. package/dist/esm/tokens/atlassian-light-increased-contrast/color/background.js +139 -0
  103. package/dist/esm/tokens/atlassian-light-increased-contrast/color/border.js +44 -0
  104. package/dist/esm/tokens/atlassian-light-increased-contrast/color/chart.js +412 -0
  105. package/dist/esm/tokens/atlassian-light-increased-contrast/color/icon.js +43 -0
  106. package/dist/esm/tokens/atlassian-light-increased-contrast/color/interaction.js +16 -0
  107. package/dist/esm/tokens/atlassian-light-increased-contrast/color/skeleton.js +15 -0
  108. package/dist/esm/tokens/atlassian-light-increased-contrast/color/text.js +50 -0
  109. package/dist/esm/tokens/atlassian-light-increased-contrast/elevation/shadow.js +56 -0
  110. package/dist/esm/tokens/atlassian-light-increased-contrast/elevation/surface.js +12 -0
  111. package/dist/esm/utils/configure-page.js +16 -1
  112. package/dist/esm/utils/contrast-mode-listeners.js +58 -0
  113. package/dist/esm/utils/get-increased-contrast-theme.js +14 -0
  114. package/dist/esm/utils/get-theme-preferences.js +23 -1
  115. package/dist/esm/utils/theme-loading.js +2 -1
  116. package/dist/types/artifacts/theme-import-map.d.ts +1 -1
  117. package/dist/types/artifacts/themes/atlassian-dark-increased-contrast.d.ts +7 -0
  118. package/dist/types/artifacts/themes/atlassian-light-increased-contrast.d.ts +7 -0
  119. package/dist/types/artifacts/tokens-raw/atlassian-dark-increased-contrast.d.ts +133 -0
  120. package/dist/types/artifacts/tokens-raw/atlassian-light-increased-contrast.d.ts +113 -0
  121. package/dist/types/constants.d.ts +1 -0
  122. package/dist/types/enable-global-theme.d.ts +1 -1
  123. package/dist/types/get-ssr-auto-script.d.ts +1 -1
  124. package/dist/types/get-theme-html-attrs.d.ts +1 -1
  125. package/dist/types/set-global-theme.d.ts +2 -1
  126. package/dist/types/theme-config.d.ts +29 -6
  127. package/dist/types/tokens/atlassian-dark-increased-contrast/color/accent.d.ts +4 -0
  128. package/dist/types/tokens/atlassian-dark-increased-contrast/color/background.d.ts +4 -0
  129. package/dist/types/tokens/atlassian-dark-increased-contrast/color/border.d.ts +4 -0
  130. package/dist/types/tokens/atlassian-dark-increased-contrast/color/chart.d.ts +4 -0
  131. package/dist/types/tokens/atlassian-dark-increased-contrast/color/icon.d.ts +4 -0
  132. package/dist/types/tokens/atlassian-dark-increased-contrast/color/interaction.d.ts +4 -0
  133. package/dist/types/tokens/atlassian-dark-increased-contrast/color/skeleton.d.ts +4 -0
  134. package/dist/types/tokens/atlassian-dark-increased-contrast/color/text.d.ts +4 -0
  135. package/dist/types/tokens/atlassian-dark-increased-contrast/elevation/shadow.d.ts +4 -0
  136. package/dist/types/tokens/atlassian-light-increased-contrast/color/accent.d.ts +4 -0
  137. package/dist/types/tokens/atlassian-light-increased-contrast/color/background.d.ts +4 -0
  138. package/dist/types/tokens/atlassian-light-increased-contrast/color/border.d.ts +4 -0
  139. package/dist/types/tokens/atlassian-light-increased-contrast/color/chart.d.ts +4 -0
  140. package/dist/types/tokens/atlassian-light-increased-contrast/color/icon.d.ts +4 -0
  141. package/dist/types/tokens/atlassian-light-increased-contrast/color/interaction.d.ts +4 -0
  142. package/dist/types/tokens/atlassian-light-increased-contrast/color/skeleton.d.ts +4 -0
  143. package/dist/types/tokens/atlassian-light-increased-contrast/color/text.d.ts +4 -0
  144. package/dist/types/tokens/atlassian-light-increased-contrast/elevation/shadow.d.ts +4 -0
  145. package/dist/types/tokens/atlassian-light-increased-contrast/elevation/surface.d.ts +4 -0
  146. package/dist/types/utils/configure-page.d.ts +1 -1
  147. package/dist/types/utils/contrast-mode-listeners.d.ts +13 -0
  148. package/dist/types/utils/get-increased-contrast-theme.d.ts +5 -0
  149. package/dist/types/utils/theme-loading.d.ts +1 -0
  150. package/dist/types-ts4.5/artifacts/theme-import-map.d.ts +1 -1
  151. package/dist/types-ts4.5/artifacts/themes/atlassian-dark-increased-contrast.d.ts +7 -0
  152. package/dist/types-ts4.5/artifacts/themes/atlassian-light-increased-contrast.d.ts +7 -0
  153. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark-increased-contrast.d.ts +133 -0
  154. package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light-increased-contrast.d.ts +113 -0
  155. package/dist/types-ts4.5/constants.d.ts +1 -0
  156. package/dist/types-ts4.5/enable-global-theme.d.ts +1 -1
  157. package/dist/types-ts4.5/get-ssr-auto-script.d.ts +1 -1
  158. package/dist/types-ts4.5/get-theme-html-attrs.d.ts +1 -1
  159. package/dist/types-ts4.5/set-global-theme.d.ts +2 -1
  160. package/dist/types-ts4.5/theme-config.d.ts +35 -4
  161. package/dist/types-ts4.5/tokens/atlassian-dark-increased-contrast/color/accent.d.ts +4 -0
  162. package/dist/types-ts4.5/tokens/atlassian-dark-increased-contrast/color/background.d.ts +4 -0
  163. package/dist/types-ts4.5/tokens/atlassian-dark-increased-contrast/color/border.d.ts +4 -0
  164. package/dist/types-ts4.5/tokens/atlassian-dark-increased-contrast/color/chart.d.ts +4 -0
  165. package/dist/types-ts4.5/tokens/atlassian-dark-increased-contrast/color/icon.d.ts +4 -0
  166. package/dist/types-ts4.5/tokens/atlassian-dark-increased-contrast/color/interaction.d.ts +4 -0
  167. package/dist/types-ts4.5/tokens/atlassian-dark-increased-contrast/color/skeleton.d.ts +4 -0
  168. package/dist/types-ts4.5/tokens/atlassian-dark-increased-contrast/color/text.d.ts +4 -0
  169. package/dist/types-ts4.5/tokens/atlassian-dark-increased-contrast/elevation/shadow.d.ts +4 -0
  170. package/dist/types-ts4.5/tokens/atlassian-light-increased-contrast/color/accent.d.ts +4 -0
  171. package/dist/types-ts4.5/tokens/atlassian-light-increased-contrast/color/background.d.ts +4 -0
  172. package/dist/types-ts4.5/tokens/atlassian-light-increased-contrast/color/border.d.ts +4 -0
  173. package/dist/types-ts4.5/tokens/atlassian-light-increased-contrast/color/chart.d.ts +4 -0
  174. package/dist/types-ts4.5/tokens/atlassian-light-increased-contrast/color/icon.d.ts +4 -0
  175. package/dist/types-ts4.5/tokens/atlassian-light-increased-contrast/color/interaction.d.ts +4 -0
  176. package/dist/types-ts4.5/tokens/atlassian-light-increased-contrast/color/skeleton.d.ts +4 -0
  177. package/dist/types-ts4.5/tokens/atlassian-light-increased-contrast/color/text.d.ts +4 -0
  178. package/dist/types-ts4.5/tokens/atlassian-light-increased-contrast/elevation/shadow.d.ts +4 -0
  179. package/dist/types-ts4.5/tokens/atlassian-light-increased-contrast/elevation/surface.d.ts +4 -0
  180. package/dist/types-ts4.5/utils/configure-page.d.ts +1 -1
  181. package/dist/types-ts4.5/utils/contrast-mode-listeners.d.ts +13 -0
  182. package/dist/types-ts4.5/utils/get-increased-contrast-theme.d.ts +5 -0
  183. package/dist/types-ts4.5/utils/theme-loading.d.ts +1 -0
  184. package/figma/atlassian-dark-increased-contrast.json +3542 -0
  185. package/figma/atlassian-light-increased-contrast.json +3523 -0
  186. package/package.json +4 -1
  187. package/report.api.md +38 -5
  188. package/tmp/api-report-tmp.d.ts +19 -12
@@ -0,0 +1,4 @@
1
+ import type { BaseToken } from '../../../palettes/palette';
2
+ import type { ExtendedValueSchema, TextColorTokenSchema } from '../../../types';
3
+ declare const color: ExtendedValueSchema<TextColorTokenSchema<BaseToken>>;
4
+ export default color;
@@ -0,0 +1,4 @@
1
+ import type { BaseToken } from '../../../palettes/palette';
2
+ import type { ExtendedValueSchema, ShadowTokenSchema } from '../../../types';
3
+ declare const shadow: ExtendedValueSchema<ShadowTokenSchema<BaseToken>>;
4
+ export default shadow;
@@ -0,0 +1,4 @@
1
+ import type { BaseToken } from '../../../palettes/palette';
2
+ import type { ExtendedValueSchema, SurfaceTokenSchema } from '../../../types';
3
+ declare const elevation: ExtendedValueSchema<SurfaceTokenSchema<BaseToken>>;
4
+ export default elevation;
@@ -3,4 +3,4 @@ import { ThemeState } from '../theme-config';
3
3
  * Given ThemeState, sets appropriate html attributes on the documentElement,
4
4
  * adds a listener to keep colorMode updated, and returns a function to unbind.
5
5
  */
6
- export default function configurePage(themeState: ThemeState): () => () => void;
6
+ export default function configurePage(themeState: ThemeState): () => void;
@@ -0,0 +1,13 @@
1
+ import { UnbindFn } from 'bind-event-listener';
2
+ declare class ContrastModeObserver {
3
+ unbindContrastChangeListener: UnbindFn | null;
4
+ getContrastMode(): "more" | "no-preference";
5
+ bind(): void;
6
+ unbind(): void;
7
+ }
8
+ /**
9
+ * A singleton contrast mode observer - binds "auto" switching logic to a single `mediaQueryList` listener
10
+ * that can be unbound by any consumer when no longer needed.
11
+ */
12
+ declare const SingletonContrastModeObserver: ContrastModeObserver;
13
+ export default SingletonContrastModeObserver;
@@ -0,0 +1,5 @@
1
+ import { ThemeIds, ThemeOverrideIds } from '../theme-config';
2
+ /**
3
+ * Finds any matching increased contrast theme available for a selected theme.
4
+ */
5
+ export default function getIncreasedContrastTheme(themeId: ThemeIds | ThemeOverrideIds): ThemeIds | ThemeOverrideIds | undefined;
@@ -2,3 +2,4 @@ import { ThemeIdsWithOverrides } from '../theme-config';
2
2
  export declare const loadAndAppendThemeCss: (themeId: ThemeIdsWithOverrides) => Promise<void>;
3
3
  export declare const loadThemeCss: (themeId: ThemeIdsWithOverrides) => Promise<string>;
4
4
  export declare const darkModeMediaQuery = "(prefers-color-scheme: dark)";
5
+ export declare const moreContrastMediaQuery = "(prefers-contrast: more)";
@@ -6,7 +6,7 @@
6
6
  * This allows users to compose their themes and only use the tokens that are requested.
7
7
  * When a new theme is created, the import should automatically be added to the map
8
8
  *
9
- * @codegen <<SignedSource::0a4de632442305b3d0e182eea97a1b24>>
9
+ * @codegen <<SignedSource::7667de31cb00ca5dd2ce00e7a286ae79>>
10
10
  * @codegenCommand yarn build tokens
11
11
  */
12
12
  import { ThemeIds, ThemeOverrideIds } from '../theme-config';
@@ -0,0 +1,7 @@
1
+ /**
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ * @codegen <<SignedSource::64cb0f07e7871203d0adb49b1e27f8d3>>
4
+ * @codegenCommand yarn build tokens
5
+ */
6
+ declare const _default: "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:dark-increased-contrast\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:dark-increased-contrast\"],\nhtml[data-color-mode=\"light\"][data-contrast-mode=\"more\"][data-theme~=\"light:dark\"],\nhtml[data-color-mode=\"dark\"][data-contrast-mode=\"more\"][data-theme~=\"dark:dark\"] {\n color-scheme: dark;\n --ds-text: #DEE4EA;\n --ds-text-accent-lime: #D3F1A7;\n --ds-text-accent-lime-bolder: #EEFBDA;\n --ds-text-accent-red: #FFD2CC;\n --ds-text-accent-red-bolder: #FFEDEB;\n --ds-text-accent-orange: #FFE2BD;\n --ds-text-accent-orange-bolder: #FFF4E5;\n --ds-text-accent-yellow: #F8E6A0;\n --ds-text-accent-yellow-bolder: #FFF7D6;\n --ds-text-accent-green: #BAF3DB;\n --ds-text-accent-green-bolder: #DFFCF0;\n --ds-text-accent-teal: #C1F0F5;\n --ds-text-accent-teal-bolder: #E3FAFC;\n --ds-text-accent-blue: #CCE0FF;\n --ds-text-accent-blue-bolder: #E9F2FF;\n --ds-text-accent-purple: #DFD8FD;\n --ds-text-accent-purple-bolder: #F3F0FF;\n --ds-text-accent-magenta: #FDD0EC;\n --ds-text-accent-magenta-bolder: #FFECF8;\n --ds-text-accent-gray: #B6C2CF;\n --ds-text-accent-gray-bolder: #DEE4EA;\n --ds-text-disabled: #BFDBF847;\n --ds-text-inverse: #1D2125;\n --ds-text-selected: #CCE0FF;\n --ds-text-brand: #CCE0FF;\n --ds-text-danger: #FFD2CC;\n --ds-text-warning: #FFE2BD;\n --ds-text-warning-inverse: #161A1D;\n --ds-text-success: #BAF3DB;\n --ds-text-discovery: #DFD8FD;\n --ds-text-information: #CCE0FF;\n --ds-text-subtlest: #B6C2CF;\n --ds-text-subtle: #C7D1DB;\n --ds-link: #CCE0FF;\n --ds-link-pressed: #E9F2FF;\n --ds-link-visited: #B8ACF6;\n --ds-icon: #C7D1DB;\n --ds-icon-accent-lime: #B3DF72;\n --ds-icon-accent-red: #FF9C8F;\n --ds-icon-accent-orange: #FEC57B;\n --ds-icon-accent-yellow: #F5CD47;\n --ds-icon-accent-green: #7EE2B8;\n --ds-icon-accent-teal: #8BDBE5;\n --ds-icon-accent-blue: #85B8FF;\n --ds-icon-accent-purple: #B8ACF6;\n --ds-icon-accent-magenta: #F797D2;\n --ds-icon-accent-gray: #9FADBC;\n --ds-icon-disabled: #BFDBF847;\n --ds-icon-inverse: #1D2125;\n --ds-icon-selected: #85B8FF;\n --ds-icon-brand: #85B8FF;\n --ds-icon-danger: #F87462;\n --ds-icon-warning: #FEC57B;\n --ds-icon-warning-inverse: #161A1D;\n --ds-icon-success: #7EE2B8;\n --ds-icon-discovery: #9F8FEF;\n --ds-icon-information: #85B8FF;\n --ds-icon-subtle: #B6C2CF;\n --ds-border: #9BB4CA80;\n --ds-border-accent-lime: #B3DF72;\n --ds-border-accent-red: #FF9C8F;\n --ds-border-accent-orange: #FEC57B;\n --ds-border-accent-yellow: #F5CD47;\n --ds-border-accent-green: #7EE2B8;\n --ds-border-accent-teal: #8BDBE5;\n --ds-border-accent-blue: #85B8FF;\n --ds-border-accent-purple: #B8ACF6;\n --ds-border-accent-magenta: #F797D2;\n --ds-border-accent-gray: #9FADBC;\n --ds-border-disabled: #A6C5E229;\n --ds-border-focused: #85B8FF;\n --ds-border-input: #9FADBC;\n --ds-border-inverse: #161A1D;\n --ds-border-selected: #85B8FF;\n --ds-border-brand: #85B8FF;\n --ds-border-danger: #F87462;\n --ds-border-warning: #FEC57B;\n --ds-border-success: #7EE2B8;\n --ds-border-discovery: #9F8FEF;\n --ds-border-information: #85B8FF;\n --ds-border-bold: #9FADBC;\n --ds-background-accent-lime-subtlest: #2A3818;\n --ds-background-accent-lime-subtlest-hovered: #37471F;\n --ds-background-accent-lime-subtlest-pressed: #4C6B1F;\n --ds-background-accent-lime-subtler: #37471F;\n --ds-background-accent-lime-subtler-hovered: #4C6B1F;\n --ds-background-accent-lime-subtler-pressed: #5B7F24;\n --ds-background-accent-lime-subtle: #4C6B1F;\n --ds-background-accent-lime-subtle-hovered: #37471F;\n --ds-background-accent-lime-subtle-pressed: #2A3818;\n --ds-background-accent-lime-bolder: #D3F1A7;\n --ds-background-accent-lime-bolder-hovered: #EEFBDA;\n --ds-background-accent-lime-bolder-pressed: #D3F1A7;\n --ds-background-accent-red-subtlest: #4F1C16;\n --ds-background-accent-red-subtlest-hovered: #601E16;\n --ds-background-accent-red-subtlest-pressed: #AE2A19;\n --ds-background-accent-red-subtler: #601E16;\n --ds-background-accent-red-subtler-hovered: #AE2A19;\n --ds-background-accent-red-subtler-pressed: #CA3521;\n --ds-background-accent-red-subtle: #AE2A19;\n --ds-background-accent-red-subtle-hovered: #601E16;\n --ds-background-accent-red-subtle-pressed: #4F1C16;\n --ds-background-accent-red-bolder: #FFD2CC;\n --ds-background-accent-red-bolder-hovered: #FFEDEB;\n --ds-background-accent-red-bolder-pressed: #FFD2CC;\n --ds-background-accent-orange-subtlest: #4A2B0F;\n --ds-background-accent-orange-subtlest-hovered: #5F3811;\n --ds-background-accent-orange-subtlest-pressed: #974F0C;\n --ds-background-accent-orange-subtler: #5F3811;\n --ds-background-accent-orange-subtler-hovered: #974F0C;\n --ds-background-accent-orange-subtler-pressed: #B65C02;\n --ds-background-accent-orange-subtle: #974F0C;\n --ds-background-accent-orange-subtle-hovered: #5F3811;\n --ds-background-accent-orange-subtle-pressed: #4A2B0F;\n --ds-background-accent-orange-bolder: #FFE2BD;\n --ds-background-accent-orange-bolder-hovered: #FFF4E5;\n --ds-background-accent-orange-bolder-pressed: #FFE2BD;\n --ds-background-accent-yellow-subtlest: #3F3102;\n --ds-background-accent-yellow-subtlest-hovered: #533F04;\n --ds-background-accent-yellow-subtlest-pressed: #7F5F01;\n --ds-background-accent-yellow-subtler: #533F04;\n --ds-background-accent-yellow-subtler-hovered: #7F5F01;\n --ds-background-accent-yellow-subtler-pressed: #946F00;\n --ds-background-accent-yellow-subtle: #7F5F01;\n --ds-background-accent-yellow-subtle-hovered: #533F04;\n --ds-background-accent-yellow-subtle-pressed: #3F3102;\n --ds-background-accent-yellow-bolder: #F8E6A0;\n --ds-background-accent-yellow-bolder-hovered: #FFF7D6;\n --ds-background-accent-yellow-bolder-pressed: #F8E6A0;\n --ds-background-accent-green-subtlest: #143C2B;\n --ds-background-accent-green-subtlest-hovered: #164B35;\n --ds-background-accent-green-subtlest-pressed: #216E4E;\n --ds-background-accent-green-subtler: #164B35;\n --ds-background-accent-green-subtler-hovered: #216E4E;\n --ds-background-accent-green-subtler-pressed: #1F845A;\n --ds-background-accent-green-subtle: #216E4E;\n --ds-background-accent-green-subtle-hovered: #164B35;\n --ds-background-accent-green-subtle-pressed: #143C2B;\n --ds-background-accent-green-bolder: #BAF3DB;\n --ds-background-accent-green-bolder-hovered: #DFFCF0;\n --ds-background-accent-green-bolder-pressed: #BAF3DB;\n --ds-background-accent-teal-subtlest: #15373B;\n --ds-background-accent-teal-subtlest-hovered: #1D474C;\n --ds-background-accent-teal-subtlest-pressed: #206B74;\n --ds-background-accent-teal-subtler: #1D474C;\n --ds-background-accent-teal-subtler-hovered: #206B74;\n --ds-background-accent-teal-subtler-pressed: #1D7F8C;\n --ds-background-accent-teal-subtle: #206B74;\n --ds-background-accent-teal-subtle-hovered: #1D474C;\n --ds-background-accent-teal-subtle-pressed: #15373B;\n --ds-background-accent-teal-bolder: #C1F0F5;\n --ds-background-accent-teal-bolder-hovered: #E3FAFC;\n --ds-background-accent-teal-bolder-pressed: #C1F0F5;\n --ds-background-accent-blue-subtlest: #092957;\n --ds-background-accent-blue-subtlest-hovered: #09326C;\n --ds-background-accent-blue-subtlest-pressed: #0055CC;\n --ds-background-accent-blue-subtler: #09326C;\n --ds-background-accent-blue-subtler-hovered: #0055CC;\n --ds-background-accent-blue-subtler-pressed: #0C66E4;\n --ds-background-accent-blue-subtle: #0055CC;\n --ds-background-accent-blue-subtle-hovered: #09326C;\n --ds-background-accent-blue-subtle-pressed: #092957;\n --ds-background-accent-blue-bolder: #579DFF;\n --ds-background-accent-blue-bolder-hovered: #85B8FF;\n --ds-background-accent-blue-bolder-pressed: #CCE0FF;\n --ds-background-accent-purple-subtlest: #2B2451;\n --ds-background-accent-purple-subtlest-hovered: #352C63;\n --ds-background-accent-purple-subtlest-pressed: #5E4DB2;\n --ds-background-accent-purple-subtler: #352C63;\n --ds-background-accent-purple-subtler-hovered: #5E4DB2;\n --ds-background-accent-purple-subtler-pressed: #6E5DC6;\n --ds-background-accent-purple-subtle: #5E4DB2;\n --ds-background-accent-purple-subtle-hovered: #352C63;\n --ds-background-accent-purple-subtle-pressed: #2B2451;\n --ds-background-accent-purple-bolder: #DFD8FD;\n --ds-background-accent-purple-bolder-hovered: #F3F0FF;\n --ds-background-accent-purple-bolder-pressed: #DFD8FD;\n --ds-background-accent-magenta-subtlest: #421F34;\n --ds-background-accent-magenta-subtlest-hovered: #50253F;\n --ds-background-accent-magenta-subtlest-pressed: #943D73;\n --ds-background-accent-magenta-subtler: #50253F;\n --ds-background-accent-magenta-subtler-hovered: #943D73;\n --ds-background-accent-magenta-subtler-pressed: #AE4787;\n --ds-background-accent-magenta-subtle: #943D73;\n --ds-background-accent-magenta-subtle-hovered: #50253F;\n --ds-background-accent-magenta-subtle-pressed: #421F34;\n --ds-background-accent-magenta-bolder: #FDD0EC;\n --ds-background-accent-magenta-bolder-hovered: #FFECF8;\n --ds-background-accent-magenta-bolder-pressed: #FDD0EC;\n --ds-background-accent-gray-subtlest: #2C333A;\n --ds-background-accent-gray-subtlest-hovered: #38414A;\n --ds-background-accent-gray-subtlest-pressed: #454F59;\n --ds-background-accent-gray-subtler: #454F59;\n --ds-background-accent-gray-subtler-hovered: #596773;\n --ds-background-accent-gray-subtler-pressed: #738496;\n --ds-background-accent-gray-subtle: #454F59;\n --ds-background-accent-gray-subtle-hovered: #2C333A;\n --ds-background-accent-gray-subtle-pressed: #22272B;\n --ds-background-accent-gray-bolder: #9FADBC;\n --ds-background-accent-gray-bolder-hovered: #B6C2CF;\n --ds-background-accent-gray-bolder-pressed: #C7D1DB;\n --ds-background-disabled: #BCD6F00A;\n --ds-background-input: #22272B;\n --ds-background-input-hovered: #282E33;\n --ds-background-input-pressed: #22272B;\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: #092957;\n --ds-background-selected-hovered: #09326C;\n --ds-background-selected-pressed: #0055CC;\n --ds-background-selected-bold: #CCE0FF;\n --ds-background-selected-bold-hovered: #E9F2FF;\n --ds-background-selected-bold-pressed: #DEE4EA;\n --ds-background-brand-subtlest: #092957;\n --ds-background-brand-subtlest-hovered: #09326C;\n --ds-background-brand-subtlest-pressed: #0055CC;\n --ds-background-brand-bold: #CCE0FF;\n --ds-background-brand-bold-hovered: #E9F2FF;\n --ds-background-brand-bold-pressed: #DEE4EA;\n --ds-background-brand-boldest: #E9F2FF;\n --ds-background-brand-boldest-hovered: #CCE0FF;\n --ds-background-brand-boldest-pressed: #85B8FF;\n --ds-background-danger: #4F1C16;\n --ds-background-danger-hovered: #601E16;\n --ds-background-danger-pressed: #AE2A19;\n --ds-background-danger-bold: #FFD2CC;\n --ds-background-danger-bold-hovered: #FFEDEB;\n --ds-background-danger-bold-pressed: #DEE4EA;\n --ds-background-warning: #3F3102;\n --ds-background-warning-hovered: #533F04;\n --ds-background-warning-pressed: #7F5F01;\n --ds-background-warning-bold: #F8E6A0;\n --ds-background-warning-bold-hovered: #FFF7D6;\n --ds-background-warning-bold-pressed: #DEE4EA;\n --ds-background-success: #143C2B;\n --ds-background-success-hovered: #164B35;\n --ds-background-success-pressed: #216E4E;\n --ds-background-success-bold: #BAF3DB;\n --ds-background-success-bold-hovered: #DFFCF0;\n --ds-background-success-bold-pressed: #DEE4EA;\n --ds-background-discovery: #2B2451;\n --ds-background-discovery-hovered: #352C63;\n --ds-background-discovery-pressed: #5E4DB2;\n --ds-background-discovery-bold: #DFD8FD;\n --ds-background-discovery-bold-hovered: #F3F0FF;\n --ds-background-discovery-bold-pressed: #DEE4EA;\n --ds-background-information: #092957;\n --ds-background-information-hovered: #09326C;\n --ds-background-information-pressed: #0055CC;\n --ds-background-information-bold: #CCE0FF;\n --ds-background-information-bold-hovered: #E9F2FF;\n --ds-background-information-bold-pressed: #DEE4EA;\n --ds-blanket: #10121499;\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: #8BDBE5;\n --ds-chart-categorical-1-hovered: #C1F0F5;\n --ds-chart-categorical-2: #B8ACF6;\n --ds-chart-categorical-2-hovered: #DFD8FD;\n --ds-chart-categorical-3: #FEC57B;\n --ds-chart-categorical-3-hovered: #FFE2BD;\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: #B8ACF6;\n --ds-chart-categorical-6-hovered: #DFD8FD;\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-lime-bold: #B3DF72;\n --ds-chart-lime-bold-hovered: #D3F1A7;\n --ds-chart-lime-bolder: #D3F1A7;\n --ds-chart-lime-bolder-hovered: #EEFBDA;\n --ds-chart-lime-boldest: #EEFBDA;\n --ds-chart-lime-boldest-hovered: #D3F1A7;\n --ds-chart-neutral: #8C9BAB;\n --ds-chart-neutral-hovered: #9FADBC;\n --ds-chart-red-bold: #FF9C8F;\n --ds-chart-red-bold-hovered: #FFD2CC;\n --ds-chart-red-bolder: #FFD2CC;\n --ds-chart-red-bolder-hovered: #FFEDEB;\n --ds-chart-red-boldest: #FFEDEB;\n --ds-chart-red-boldest-hovered: #FFD2CC;\n --ds-chart-orange-bold: #FEC57B;\n --ds-chart-orange-bold-hovered: #FFE2BD;\n --ds-chart-orange-bolder: #FFE2BD;\n --ds-chart-orange-bolder-hovered: #FFF4E5;\n --ds-chart-orange-boldest: #FFF4E5;\n --ds-chart-orange-boldest-hovered: #FFE2BD;\n --ds-chart-yellow-bold: #F5CD47;\n --ds-chart-yellow-bold-hovered: #F8E6A0;\n --ds-chart-yellow-bolder: #F8E6A0;\n --ds-chart-yellow-bolder-hovered: #FFF7D6;\n --ds-chart-yellow-boldest: #FFF7D6;\n --ds-chart-yellow-boldest-hovered: #F8E6A0;\n --ds-chart-green-bold: #7EE2B8;\n --ds-chart-green-bold-hovered: #4BCE97;\n --ds-chart-green-bolder: #BAF3DB;\n --ds-chart-green-bolder-hovered: #DFFCF0;\n --ds-chart-green-boldest: #DFFCF0;\n --ds-chart-green-boldest-hovered: #BAF3DB;\n --ds-chart-teal-bold: #8BDBE5;\n --ds-chart-teal-bold-hovered: #C1F0F5;\n --ds-chart-teal-bolder: #C1F0F5;\n --ds-chart-teal-bolder-hovered: #E3FAFC;\n --ds-chart-teal-boldest: #E3FAFC;\n --ds-chart-teal-boldest-hovered: #C1F0F5;\n --ds-chart-blue-bold: #85B8FF;\n --ds-chart-blue-bold-hovered: #CCE0FF;\n --ds-chart-blue-bolder: #CCE0FF;\n --ds-chart-blue-bolder-hovered: #E9F2FF;\n --ds-chart-blue-boldest: #E9F2FF;\n --ds-chart-blue-boldest-hovered: #CCE0FF;\n --ds-chart-purple-bold: #B8ACF6;\n --ds-chart-purple-bold-hovered: #DFD8FD;\n --ds-chart-purple-bolder: #DFD8FD;\n --ds-chart-purple-bolder-hovered: #F3F0FF;\n --ds-chart-purple-boldest: #F3F0FF;\n --ds-chart-purple-boldest-hovered: #DFD8FD;\n --ds-chart-magenta-bold: #F797D2;\n --ds-chart-magenta-bold-hovered: #FDD0EC;\n --ds-chart-magenta-bolder: #FDD0EC;\n --ds-chart-magenta-bolder-hovered: #FFECF8;\n --ds-chart-magenta-boldest: #FFECF8;\n --ds-chart-magenta-boldest-hovered: #FDD0EC;\n --ds-chart-gray-bold: #8C9BAB;\n --ds-chart-gray-bold-hovered: #9FADBC;\n --ds-chart-gray-bolder: #9FADBC;\n --ds-chart-gray-bolder-hovered: #B6C2CF;\n --ds-chart-gray-boldest: #B6C2CF;\n --ds-chart-gray-boldest-hovered: #C7D1DB;\n --ds-chart-brand: #579DFF;\n --ds-chart-brand-hovered: #85B8FF;\n --ds-chart-danger: #F87462;\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: #9F8FEF;\n --ds-chart-discovery-hovered: #8F7EE7;\n --ds-chart-discovery-bold: #B8ACF6;\n --ds-chart-discovery-bold-hovered: #DFD8FD;\n --ds-chart-information: #579DFF;\n --ds-chart-information-hovered: #388BFF;\n --ds-chart-information-bold: #85B8FF;\n --ds-chart-information-bold-hovered: #CCE0FF;\n --ds-surface: #1D2125;\n --ds-surface-hovered: #22272B;\n --ds-surface-pressed: #282E33;\n --ds-surface-overlay: #282E33;\n --ds-surface-overlay-hovered: #2C333A;\n --ds-surface-overlay-pressed: #38414A;\n --ds-surface-raised: #22272B;\n --ds-surface-raised-hovered: #282E33;\n --ds-surface-raised-pressed: #2C333A;\n --ds-surface-sunken: #161A1D;\n --ds-shadow-overflow: 0px 0px 12px #0304048F;\n --ds-shadow-overflow-perimeter: #03040480;\n --ds-shadow-overflow-spread: #0304048f;\n --ds-shadow-overlay: inset 0px 0px 0px 1px #9BB4CA80;\n --ds-shadow-raised: inset 0px 0px 0px 1px #9BB4CA80;\n --ds-opacity-disabled: 0.4;\n --ds-opacity-loading: 0.2;\n --ds-UNSAFE-transparent: transparent;\n --ds-elevation-surface-current: #1D2125;\n}\n";
7
+ export default _default;
@@ -0,0 +1,7 @@
1
+ /**
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ * @codegen <<SignedSource::a6d7a9953a7f49677d1c0a353a8d4369>>
4
+ * @codegenCommand yarn build tokens
5
+ */
6
+ declare const _default: "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:light-increased-contrast\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:light-increased-contrast\"],\nhtml[data-color-mode=\"light\"][data-contrast-mode=\"more\"][data-theme~=\"light:light\"],\nhtml[data-color-mode=\"dark\"][data-contrast-mode=\"more\"][data-theme~=\"dark:light\"] {\n color-scheme: light;\n --ds-text: #091E42;\n --ds-text-accent-lime: #37471F;\n --ds-text-accent-lime-bolder: #2A3818;\n --ds-text-accent-red: #601E16;\n --ds-text-accent-red-bolder: #4F1C16;\n --ds-text-accent-orange: #5F3811;\n --ds-text-accent-orange-bolder: #4A2B0F;\n --ds-text-accent-yellow: #533F04;\n --ds-text-accent-yellow-bolder: #3F3102;\n --ds-text-accent-green: #164B35;\n --ds-text-accent-green-bolder: #143C2B;\n --ds-text-accent-teal: #1D474C;\n --ds-text-accent-teal-bolder: #15373B;\n --ds-text-accent-blue: #09326C;\n --ds-text-accent-blue-bolder: #092957;\n --ds-text-accent-purple: #352C63;\n --ds-text-accent-purple-bolder: #2B2451;\n --ds-text-accent-magenta: #50253F;\n --ds-text-accent-magenta-bolder: #421F34;\n --ds-text-accent-gray: #2C3E5D;\n --ds-text-accent-gray-bolder: #172B4D;\n --ds-text-disabled: #091E424F;\n --ds-text-inverse: #FFFFFF;\n --ds-text-selected: #09326C;\n --ds-text-brand: #09326C;\n --ds-text-danger: #601E16;\n --ds-text-warning: #5F3811;\n --ds-text-warning-inverse: #FFFFFF;\n --ds-text-success: #164B35;\n --ds-text-discovery: #352C63;\n --ds-text-information: #09326C;\n --ds-text-subtlest: #2C3E5D;\n --ds-text-subtle: #172B4D;\n --ds-link: #09326C;\n --ds-link-pressed: #092957;\n --ds-link-visited: #5E4DB2;\n --ds-icon: #172B4D;\n --ds-icon-accent-lime: #4C6B1F;\n --ds-icon-accent-red: #AE2A19;\n --ds-icon-accent-orange: #974F0C;\n --ds-icon-accent-yellow: #7F5F01;\n --ds-icon-accent-green: #216E4E;\n --ds-icon-accent-teal: #206B74;\n --ds-icon-accent-blue: #0055CC;\n --ds-icon-accent-purple: #5E4DB2;\n --ds-icon-accent-magenta: #943D73;\n --ds-icon-accent-gray: #44546F;\n --ds-icon-disabled: #091E424F;\n --ds-icon-inverse: #FFFFFF;\n --ds-icon-selected: #0055CC;\n --ds-icon-brand: #0055CC;\n --ds-icon-danger: #CA3521;\n --ds-icon-warning: #974F0C;\n --ds-icon-warning-inverse: #FFFFFF;\n --ds-icon-success: #216E4E;\n --ds-icon-discovery: #6E5DC6;\n --ds-icon-information: #0055CC;\n --ds-icon-subtle: #2C3E5D;\n --ds-border: #9BB4CA80;\n --ds-border-accent-lime: #4C6B1F;\n --ds-border-accent-red: #AE2A19;\n --ds-border-accent-orange: #974F0C;\n --ds-border-accent-yellow: #7F5F01;\n --ds-border-accent-green: #216E4E;\n --ds-border-accent-teal: #206B74;\n --ds-border-accent-blue: #0055CC;\n --ds-border-accent-purple: #5E4DB2;\n --ds-border-accent-magenta: #943D73;\n --ds-border-accent-gray: #44546F;\n --ds-border-disabled: #091E4224;\n --ds-border-focused: #0055CC;\n --ds-border-input: #44546F;\n --ds-border-inverse: #FFFFFF;\n --ds-border-selected: #0055CC;\n --ds-border-brand: #0055CC;\n --ds-border-danger: #CA3521;\n --ds-border-warning: #974F0C;\n --ds-border-success: #216E4E;\n --ds-border-discovery: #6E5DC6;\n --ds-border-information: #0055CC;\n --ds-border-bold: #44546F;\n --ds-background-accent-lime-subtlest: #EEFBDA;\n --ds-background-accent-lime-subtlest-hovered: #D3F1A7;\n --ds-background-accent-lime-subtlest-pressed: #B3DF72;\n --ds-background-accent-lime-subtler: #D3F1A7;\n --ds-background-accent-lime-subtler-hovered: #B3DF72;\n --ds-background-accent-lime-subtler-pressed: #94C748;\n --ds-background-accent-lime-subtle: #B3DF72;\n --ds-background-accent-lime-subtle-hovered: #D3F1A7;\n --ds-background-accent-lime-subtle-pressed: #EEFBDA;\n --ds-background-accent-lime-bolder: #37471F;\n --ds-background-accent-lime-bolder-hovered: #2A3818;\n --ds-background-accent-lime-bolder-pressed: #233013;\n --ds-background-accent-red-subtlest: #FFEDEB;\n --ds-background-accent-red-subtlest-hovered: #FFD2CC;\n --ds-background-accent-red-subtlest-pressed: #FF9C8F;\n --ds-background-accent-red-subtler: #FFD2CC;\n --ds-background-accent-red-subtler-hovered: #FF9C8F;\n --ds-background-accent-red-subtler-pressed: #F87462;\n --ds-background-accent-red-subtle: #fbb7ae;\n --ds-background-accent-red-subtle-hovered: #FFD2CC;\n --ds-background-accent-red-subtle-pressed: #FFEDEB;\n --ds-background-accent-red-bolder: #601E16;\n --ds-background-accent-red-bolder-hovered: #4F1C16;\n --ds-background-accent-red-bolder-pressed: #49120C;\n --ds-background-accent-orange-subtlest: #FFF4E5;\n --ds-background-accent-orange-subtlest-hovered: #FFE2BD;\n --ds-background-accent-orange-subtlest-pressed: #FEC57B;\n --ds-background-accent-orange-subtler: #FFE2BD;\n --ds-background-accent-orange-subtler-hovered: #FEC57B;\n --ds-background-accent-orange-subtler-pressed: #FAA53D;\n --ds-background-accent-orange-subtle: #FEC57B;\n --ds-background-accent-orange-subtle-hovered: #FFE2BD;\n --ds-background-accent-orange-subtle-pressed: #FFF4E5;\n --ds-background-accent-orange-bolder: #5F3811;\n --ds-background-accent-orange-bolder-hovered: #4A2B0F;\n --ds-background-accent-orange-bolder-pressed: #3E2108;\n --ds-background-accent-yellow-subtlest: #FFF7D6;\n --ds-background-accent-yellow-subtlest-hovered: #F8E6A0;\n --ds-background-accent-yellow-subtlest-pressed: #F5CD47;\n --ds-background-accent-yellow-subtler: #F8E6A0;\n --ds-background-accent-yellow-subtler-hovered: #F5CD47;\n --ds-background-accent-yellow-subtler-pressed: #E2B203;\n --ds-background-accent-yellow-subtle: #F5CD47;\n --ds-background-accent-yellow-subtle-hovered: #F8E6A0;\n --ds-background-accent-yellow-subtle-pressed: #FFF7D6;\n --ds-background-accent-yellow-bolder: #533F04;\n --ds-background-accent-yellow-bolder-hovered: #3F3102;\n --ds-background-accent-yellow-bolder-pressed: #342800;\n --ds-background-accent-green-subtlest: #DFFCF0;\n --ds-background-accent-green-subtlest-hovered: #BAF3DB;\n --ds-background-accent-green-subtlest-pressed: #7EE2B8;\n --ds-background-accent-green-subtler: #BAF3DB;\n --ds-background-accent-green-subtler-hovered: #7EE2B8;\n --ds-background-accent-green-subtler-pressed: #4BCE97;\n --ds-background-accent-green-subtle: #7EE2B8;\n --ds-background-accent-green-subtle-hovered: #BAF3DB;\n --ds-background-accent-green-subtle-pressed: #DFFCF0;\n --ds-background-accent-green-bolder: #164B35;\n --ds-background-accent-green-bolder-hovered: #143C2B;\n --ds-background-accent-green-bolder-pressed: #0F3324;\n --ds-background-accent-teal-subtlest: #E3FAFC;\n --ds-background-accent-teal-subtlest-hovered: #C1F0F5;\n --ds-background-accent-teal-subtlest-pressed: #8BDBE5;\n --ds-background-accent-teal-subtler: #C1F0F5;\n --ds-background-accent-teal-subtler-hovered: #8BDBE5;\n --ds-background-accent-teal-subtler-pressed: #60C6D2;\n --ds-background-accent-teal-subtle: #8BDBE5;\n --ds-background-accent-teal-subtle-hovered: #C1F0F5;\n --ds-background-accent-teal-subtle-pressed: #E3FAFC;\n --ds-background-accent-teal-bolder: #1D474C;\n --ds-background-accent-teal-bolder-hovered: #15373B;\n --ds-background-accent-teal-bolder-pressed: #103034;\n --ds-background-accent-blue-subtlest: #E9F2FF;\n --ds-background-accent-blue-subtlest-hovered: #CCE0FF;\n --ds-background-accent-blue-subtlest-pressed: #85B8FF;\n --ds-background-accent-blue-subtler: #CCE0FF;\n --ds-background-accent-blue-subtler-hovered: #85B8FF;\n --ds-background-accent-blue-subtler-pressed: #579DFF;\n --ds-background-accent-blue-subtle: #85B8FF;\n --ds-background-accent-blue-subtle-hovered: #CCE0FF;\n --ds-background-accent-blue-subtle-pressed: #E9F2FF;\n --ds-background-accent-blue-bolder: #09326C;\n --ds-background-accent-blue-bolder-hovered: #092957;\n --ds-background-accent-blue-bolder-pressed: #022353;\n --ds-background-accent-purple-subtlest: #F3F0FF;\n --ds-background-accent-purple-subtlest-hovered: #DFD8FD;\n --ds-background-accent-purple-subtlest-pressed: #B8ACF6;\n --ds-background-accent-purple-subtler: #DFD8FD;\n --ds-background-accent-purple-subtler-hovered: #B8ACF6;\n --ds-background-accent-purple-subtler-pressed: #9F8FEF;\n --ds-background-accent-purple-subtle: #c3b9fa;\n --ds-background-accent-purple-subtle-hovered: #DFD8FD;\n --ds-background-accent-purple-subtle-pressed: #F3F0FF;\n --ds-background-accent-purple-bolder: #352C63;\n --ds-background-accent-purple-bolder-hovered: #2B2451;\n --ds-background-accent-purple-bolder-pressed: #211A47;\n --ds-background-accent-magenta-subtlest: #FFECF8;\n --ds-background-accent-magenta-subtlest-hovered: #FDD0EC;\n --ds-background-accent-magenta-subtlest-pressed: #F797D2;\n --ds-background-accent-magenta-subtler: #FDD0EC;\n --ds-background-accent-magenta-subtler-hovered: #F797D2;\n --ds-background-accent-magenta-subtler-pressed: #E774BB;\n --ds-background-accent-magenta-subtle: #f2a6d4;\n --ds-background-accent-magenta-subtle-hovered: #FDD0EC;\n --ds-background-accent-magenta-subtle-pressed: #FFECF8;\n --ds-background-accent-magenta-bolder: #50253F;\n --ds-background-accent-magenta-bolder-hovered: #421F34;\n --ds-background-accent-magenta-bolder-pressed: #37172A;\n --ds-background-accent-gray-subtlest: #F1F2F4;\n --ds-background-accent-gray-subtlest-hovered: #DCDFE4;\n --ds-background-accent-gray-subtlest-pressed: #B3B9C4;\n --ds-background-accent-gray-subtler: #DCDFE4;\n --ds-background-accent-gray-subtler-hovered: #B3B9C4;\n --ds-background-accent-gray-subtler-pressed: #8590A2;\n --ds-background-accent-gray-subtle: #B3B9C4;\n --ds-background-accent-gray-subtle-hovered: #DCDFE4;\n --ds-background-accent-gray-subtle-pressed: #F1F2F4;\n --ds-background-accent-gray-bolder: #44546F;\n --ds-background-accent-gray-bolder-hovered: #2C3E5D;\n --ds-background-accent-gray-bolder-pressed: #172B4D;\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: #09326C;\n --ds-background-selected-bold-hovered: #092957;\n --ds-background-selected-bold-pressed: #022353;\n --ds-background-brand-subtlest: #E9F2FF;\n --ds-background-brand-subtlest-hovered: #CCE0FF;\n --ds-background-brand-subtlest-pressed: #85B8FF;\n --ds-background-brand-bold: #09326C;\n --ds-background-brand-bold-hovered: #092957;\n --ds-background-brand-bold-pressed: #022353;\n --ds-background-brand-boldest: #092957;\n --ds-background-brand-boldest-hovered: #09326C;\n --ds-background-brand-boldest-pressed: #0055CC;\n --ds-background-danger: #FFEDEB;\n --ds-background-danger-hovered: #FFD2CC;\n --ds-background-danger-pressed: #FF9C8F;\n --ds-background-danger-bold: #601E16;\n --ds-background-danger-bold-hovered: #4F1C16;\n --ds-background-danger-bold-pressed: #49120C;\n --ds-background-warning: #FFF7D6;\n --ds-background-warning-hovered: #F8E6A0;\n --ds-background-warning-pressed: #F5CD47;\n --ds-background-warning-bold: #533F04;\n --ds-background-warning-bold-hovered: #3F3102;\n --ds-background-warning-bold-pressed: #342800;\n --ds-background-success: #DFFCF0;\n --ds-background-success-hovered: #BAF3DB;\n --ds-background-success-pressed: #7EE2B8;\n --ds-background-success-bold: #164B35;\n --ds-background-success-bold-hovered: #143C2B;\n --ds-background-success-bold-pressed: #0F3324;\n --ds-background-discovery: #F3F0FF;\n --ds-background-discovery-hovered: #DFD8FD;\n --ds-background-discovery-pressed: #B8ACF6;\n --ds-background-discovery-bold: #352C63;\n --ds-background-discovery-bold-hovered: #2B2451;\n --ds-background-discovery-bold-pressed: #211A47;\n --ds-background-information: #E9F2FF;\n --ds-background-information-hovered: #CCE0FF;\n --ds-background-information-pressed: #85B8FF;\n --ds-background-information-bold: #09326C;\n --ds-background-information-bold-hovered: #092957;\n --ds-background-information-bold-pressed: #022353;\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: #206B74;\n --ds-chart-categorical-1-hovered: #1D474C;\n --ds-chart-categorical-2: #5E4DB2;\n --ds-chart-categorical-2-hovered: #352C63;\n --ds-chart-categorical-3: #974F0C;\n --ds-chart-categorical-3-hovered: #5F3811;\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: #092957;\n --ds-chart-categorical-6: #5E4DB2;\n --ds-chart-categorical-6-hovered: #352C63;\n --ds-chart-categorical-7: #50253F;\n --ds-chart-categorical-7-hovered: #421F34;\n --ds-chart-categorical-8: #974F0C;\n --ds-chart-categorical-8-hovered: #5F3811;\n --ds-chart-lime-bold: #4C6B1F;\n --ds-chart-lime-bold-hovered: #37471F;\n --ds-chart-lime-bolder: #37471F;\n --ds-chart-lime-bolder-hovered: #2A3818;\n --ds-chart-lime-boldest: #2A3818;\n --ds-chart-lime-boldest-hovered: #233013;\n --ds-chart-neutral: #626F86;\n --ds-chart-neutral-hovered: #44546F;\n --ds-chart-red-bold: #AE2A19;\n --ds-chart-red-bold-hovered: #601E16;\n --ds-chart-red-bolder: #601E16;\n --ds-chart-red-bolder-hovered: #4F1C16;\n --ds-chart-red-boldest: #4F1C16;\n --ds-chart-red-boldest-hovered: #49120C;\n --ds-chart-orange-bold: #974F0C;\n --ds-chart-orange-bold-hovered: #5F3811;\n --ds-chart-orange-bolder: #5F3811;\n --ds-chart-orange-bolder-hovered: #4A2B0F;\n --ds-chart-orange-boldest: #4A2B0F;\n --ds-chart-orange-boldest-hovered: #3E2108;\n --ds-chart-yellow-bold: #7F5F01;\n --ds-chart-yellow-bold-hovered: #533F04;\n --ds-chart-yellow-bolder: #533F04;\n --ds-chart-yellow-bolder-hovered: #3F3102;\n --ds-chart-yellow-boldest: #3F3102;\n --ds-chart-yellow-boldest-hovered: #342800;\n --ds-chart-green-bold: #216E4E;\n --ds-chart-green-bold-hovered: #164B35;\n --ds-chart-green-bolder: #164B35;\n --ds-chart-green-bolder-hovered: #143C2B;\n --ds-chart-green-boldest: #143C2B;\n --ds-chart-green-boldest-hovered: #0F3324;\n --ds-chart-teal-bold: #206B74;\n --ds-chart-teal-bold-hovered: #1D474C;\n --ds-chart-teal-bolder: #1D474C;\n --ds-chart-teal-bolder-hovered: #15373B;\n --ds-chart-teal-boldest: #15373B;\n --ds-chart-teal-boldest-hovered: #103034;\n --ds-chart-blue-bold: #0055CC;\n --ds-chart-blue-bold-hovered: #09326C;\n --ds-chart-blue-bolder: #09326C;\n --ds-chart-blue-bolder-hovered: #092957;\n --ds-chart-blue-boldest: #092957;\n --ds-chart-blue-boldest-hovered: #022353;\n --ds-chart-purple-bold: #5E4DB2;\n --ds-chart-purple-bold-hovered: #352C63;\n --ds-chart-purple-bolder: #352C63;\n --ds-chart-purple-bolder-hovered: #2B2451;\n --ds-chart-purple-boldest: #2B2451;\n --ds-chart-purple-boldest-hovered: #211A47;\n --ds-chart-magenta-bold: #943D73;\n --ds-chart-magenta-bold-hovered: #50253F;\n --ds-chart-magenta-bolder: #50253F;\n --ds-chart-magenta-bolder-hovered: #421F34;\n --ds-chart-magenta-boldest: #421F34;\n --ds-chart-magenta-boldest-hovered: #37172A;\n --ds-chart-gray-bold: #626F86;\n --ds-chart-gray-bold-hovered: #44546F;\n --ds-chart-gray-bolder: #44546F;\n --ds-chart-gray-bolder-hovered: #2C3E5D;\n --ds-chart-gray-boldest: #2C3E5D;\n --ds-chart-gray-boldest-hovered: #172B4D;\n --ds-chart-brand: #0C66E4;\n --ds-chart-brand-hovered: #0055CC;\n --ds-chart-danger: #CA3521;\n --ds-chart-danger-hovered: #AE2A19;\n --ds-chart-danger-bold: #601E16;\n --ds-chart-danger-bold-hovered: #4F1C16;\n --ds-chart-warning: #7F5F01;\n --ds-chart-warning-hovered: #533F04;\n --ds-chart-warning-bold: #533F04;\n --ds-chart-warning-bold-hovered: #3F3102;\n --ds-chart-success: #216E4E;\n --ds-chart-success-hovered: #164B35;\n --ds-chart-success-bold: #164B35;\n --ds-chart-success-bold-hovered: #143C2B;\n --ds-chart-discovery: #6E5DC6;\n --ds-chart-discovery-hovered: #5E4DB2;\n --ds-chart-discovery-bold: #352C63;\n --ds-chart-discovery-bold-hovered: #2B2451;\n --ds-chart-information: #0C66E4;\n --ds-chart-information-hovered: #0055CC;\n --ds-chart-information-bold: #09326C;\n --ds-chart-information-bold-hovered: #092957;\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: #FCFDFE;\n --ds-shadow-overflow: 0px 0px 8px #091E4229;\n --ds-shadow-overflow-perimeter: #091e421f;\n --ds-shadow-overflow-spread: #091e4229;\n --ds-shadow-overlay: inset 0px 0px 0px 1px #091E4280;\n --ds-shadow-raised: inset 0px 0px 0px 1px #091E4280;\n --ds-opacity-disabled: 0.4;\n --ds-opacity-loading: 0.2;\n --ds-UNSAFE-transparent: transparent;\n --ds-elevation-surface-current: #FFFFFF;\n}\n";
7
+ export default _default;
@@ -0,0 +1,133 @@
1
+ /**
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ * @codegen <<SignedSource::6f080a3a501eda7d2996b4dbd8799b81>>
4
+ * @codegenCommand yarn build tokens
5
+ */
6
+ declare const tokens: ({
7
+ value: string;
8
+ filePath: string;
9
+ isSource: boolean;
10
+ attributes: {
11
+ group: string;
12
+ state: string;
13
+ introduced: string;
14
+ description: string;
15
+ };
16
+ original: {
17
+ value: string;
18
+ attributes: {
19
+ group: string;
20
+ state: string;
21
+ introduced: string;
22
+ description: string;
23
+ };
24
+ };
25
+ name: string;
26
+ path: string[];
27
+ cleanName: string;
28
+ } | {
29
+ value: ({
30
+ radius: number;
31
+ spread: number;
32
+ color: string;
33
+ offset: {
34
+ x: number;
35
+ y: number;
36
+ };
37
+ opacity: number;
38
+ inset: boolean;
39
+ } | {
40
+ radius: number;
41
+ offset: {
42
+ x: number;
43
+ y: number;
44
+ };
45
+ color: string;
46
+ opacity: number;
47
+ spread?: undefined;
48
+ inset?: undefined;
49
+ } | {
50
+ radius: number;
51
+ spread: number;
52
+ offset: {
53
+ x: number;
54
+ y: number;
55
+ };
56
+ color: string;
57
+ opacity: number;
58
+ inset?: undefined;
59
+ })[];
60
+ filePath: string;
61
+ isSource: boolean;
62
+ attributes: {
63
+ group: string;
64
+ state: string;
65
+ introduced: string;
66
+ description: string;
67
+ };
68
+ original: {
69
+ value: ({
70
+ radius: number;
71
+ spread: number;
72
+ color: string;
73
+ offset: {
74
+ x: number;
75
+ y: number;
76
+ };
77
+ opacity: number;
78
+ inset: boolean;
79
+ } | {
80
+ radius: number;
81
+ offset: {
82
+ x: number;
83
+ y: number;
84
+ };
85
+ color: string;
86
+ opacity: number;
87
+ spread?: undefined;
88
+ inset?: undefined;
89
+ } | {
90
+ radius: number;
91
+ spread: number;
92
+ offset: {
93
+ x: number;
94
+ y: number;
95
+ };
96
+ color: string;
97
+ opacity: number;
98
+ inset?: undefined;
99
+ })[];
100
+ attributes: {
101
+ group: string;
102
+ state: string;
103
+ introduced: string;
104
+ description: string;
105
+ };
106
+ };
107
+ name: string;
108
+ path: string[];
109
+ cleanName: string;
110
+ } | {
111
+ value: number;
112
+ filePath: string;
113
+ isSource: boolean;
114
+ attributes: {
115
+ group: string;
116
+ state: string;
117
+ introduced: string;
118
+ description: string;
119
+ };
120
+ original: {
121
+ value: string;
122
+ attributes: {
123
+ group: string;
124
+ state: string;
125
+ introduced: string;
126
+ description: string;
127
+ };
128
+ };
129
+ name: string;
130
+ path: string[];
131
+ cleanName: string;
132
+ })[];
133
+ export default tokens;
@@ -0,0 +1,113 @@
1
+ /**
2
+ * THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
3
+ * @codegen <<SignedSource::8aa7286ecd6f079de06fa3afe3dc443e>>
4
+ * @codegenCommand yarn build tokens
5
+ */
6
+ declare const tokens: ({
7
+ value: string;
8
+ filePath: string;
9
+ isSource: boolean;
10
+ attributes: {
11
+ group: string;
12
+ state: string;
13
+ introduced: string;
14
+ description: string;
15
+ };
16
+ original: {
17
+ value: string;
18
+ attributes: {
19
+ group: string;
20
+ state: string;
21
+ introduced: string;
22
+ description: string;
23
+ };
24
+ };
25
+ name: string;
26
+ path: string[];
27
+ cleanName: string;
28
+ } | {
29
+ value: ({
30
+ radius: number;
31
+ offset: {
32
+ x: number;
33
+ y: number;
34
+ };
35
+ color: string;
36
+ opacity: number;
37
+ spread: number;
38
+ inset: boolean;
39
+ } | {
40
+ radius: number;
41
+ offset: {
42
+ x: number;
43
+ y: number;
44
+ };
45
+ color: string;
46
+ opacity: number;
47
+ spread?: undefined;
48
+ inset?: undefined;
49
+ })[];
50
+ filePath: string;
51
+ isSource: boolean;
52
+ attributes: {
53
+ group: string;
54
+ state: string;
55
+ introduced: string;
56
+ description: string;
57
+ };
58
+ original: {
59
+ value: ({
60
+ radius: number;
61
+ offset: {
62
+ x: number;
63
+ y: number;
64
+ };
65
+ color: string;
66
+ opacity: number;
67
+ spread: number;
68
+ inset: boolean;
69
+ } | {
70
+ radius: number;
71
+ offset: {
72
+ x: number;
73
+ y: number;
74
+ };
75
+ color: string;
76
+ opacity: number;
77
+ spread?: undefined;
78
+ inset?: undefined;
79
+ })[];
80
+ attributes: {
81
+ group: string;
82
+ state: string;
83
+ introduced: string;
84
+ description: string;
85
+ };
86
+ };
87
+ name: string;
88
+ path: string[];
89
+ cleanName: string;
90
+ } | {
91
+ value: number;
92
+ filePath: string;
93
+ isSource: boolean;
94
+ attributes: {
95
+ group: string;
96
+ state: string;
97
+ introduced: string;
98
+ description: string;
99
+ };
100
+ original: {
101
+ value: string;
102
+ attributes: {
103
+ group: string;
104
+ state: string;
105
+ introduced: string;
106
+ description: string;
107
+ };
108
+ };
109
+ name: string;
110
+ path: string[];
111
+ cleanName: string;
112
+ })[];
113
+ export default tokens;
@@ -1,5 +1,6 @@
1
1
  export declare const THEME_DATA_ATTRIBUTE = "data-theme";
2
2
  export declare const COLOR_MODE_ATTRIBUTE = "data-color-mode";
3
+ export declare const CONTRAST_MODE_ATTRIBUTE = "data-contrast-mode";
3
4
  export declare const CUSTOM_THEME_ATTRIBUTE = "data-custom-theme";
4
5
  export declare const DEFAULT_THEME = "light";
5
6
  export declare const CSS_PREFIX = "ds";
@@ -21,5 +21,5 @@ import { ThemeIdsWithOverrides, ThemeState } from './theme-config';
21
21
  * enableGlobalTheme({colorMode: 'auto', light: 'light', dark: 'dark', spacing: 'spacing'});
22
22
  * ```
23
23
  */
24
- declare const enableGlobalTheme: ({ colorMode, dark, light, shape, spacing, typography, UNSAFE_themeOptions, }?: Partial<ThemeState>, themeLoader?: ((id: ThemeIdsWithOverrides) => void) | undefined) => UnbindFn;
24
+ declare const enableGlobalTheme: ({ colorMode, contrastMode, dark, light, shape, spacing, typography, UNSAFE_themeOptions, }?: Partial<ThemeState>, themeLoader?: ((id: ThemeIdsWithOverrides) => void) | undefined) => UnbindFn;
25
25
  export default enableGlobalTheme;
@@ -7,5 +7,5 @@ import { ThemeState } from './theme-config';
7
7
  *
8
8
  * @returns {string} A string to be added to the innerHTML of a script tag in the document head
9
9
  */
10
- declare const getSSRAutoScript: (colorMode: ThemeState['colorMode']) => string | undefined;
10
+ declare const getSSRAutoScript: (colorMode: ThemeState['colorMode'], contrastMode?: ThemeState['contrastMode']) => string | undefined;
11
11
  export default getSSRAutoScript;
@@ -13,5 +13,5 @@ import { ThemeState } from './theme-config';
13
13
  *
14
14
  * @returns {Object} Object of HTML attributes to be applied to the document root
15
15
  */
16
- declare const getThemeHtmlAttrs: ({ colorMode, dark, light, shape, spacing, typography, UNSAFE_themeOptions, }?: Partial<ThemeState>) => Record<string, string>;
16
+ declare const getThemeHtmlAttrs: ({ colorMode, dark, light, contrastMode, shape, spacing, typography, UNSAFE_themeOptions, }?: Partial<ThemeState>) => Record<string, string>;
17
17
  export default getThemeHtmlAttrs;
@@ -5,6 +5,7 @@ import { ThemeIdsWithOverrides, ThemeState } from './theme-config';
5
5
  *
6
6
  * @param {Object<string, string>} themeState The themes and color mode that should be applied.
7
7
  * @param {string} themeState.colorMode Determines which color theme is applied. If set to `auto`, the theme applied will be determined by the OS setting.
8
+ * @param {string} themeState.contrastMode The contrast mode theme to be applied. If set to `auto`, the theme applied will be determined by the OS setting.set to `auto`, the theme applied will be determined by the OS setting.
8
9
  * @param {string} themeState.dark The color theme to be applied when the color mode resolves to 'dark'.
9
10
  * @param {string} themeState.light The color theme to be applied when the color mode resolves to 'light'.
10
11
  * @param {string} themeState.shape The shape theme to be applied.
@@ -20,5 +21,5 @@ import { ThemeIdsWithOverrides, ThemeState } from './theme-config';
20
21
  * setGlobalTheme({colorMode: 'auto', light: 'light', dark: 'dark', spacing: 'spacing'});
21
22
  * ```
22
23
  */
23
- declare const setGlobalTheme: ({ colorMode, dark, light, shape, spacing, typography, UNSAFE_themeOptions, }?: Partial<ThemeState>, themeLoader?: ((id: ThemeIdsWithOverrides) => void | Promise<void>) | undefined) => Promise<UnbindFn>;
24
+ declare const setGlobalTheme: ({ colorMode, contrastMode, dark, light, shape, spacing, typography, UNSAFE_themeOptions, }?: Partial<ThemeState>, themeLoader?: ((id: ThemeIdsWithOverrides) => void | Promise<void>) | undefined) => Promise<UnbindFn>;
24
25
  export default setGlobalTheme;
@@ -6,7 +6,7 @@
6
6
  * These ids are what the actual theme files/folders are called.
7
7
  * style-dictionary will attempt to locate these in the file-system.
8
8
  */
9
- export type Themes = 'atlassian-light' | 'atlassian-dark' | 'atlassian-legacy-light' | 'atlassian-legacy-dark' | 'atlassian-shape' | 'atlassian-spacing' | 'atlassian-typography' | 'atlassian-typography-minor3' | 'atlassian-typography-adg3';
9
+ export type Themes = 'atlassian-light' | 'atlassian-light-increased-contrast' | 'atlassian-dark' | 'atlassian-dark-increased-contrast' | 'atlassian-legacy-light' | 'atlassian-legacy-dark' | 'atlassian-shape' | 'atlassian-spacing' | 'atlassian-typography' | 'atlassian-typography-minor3' | 'atlassian-typography-adg3';
10
10
  export type ThemeFileNames = Themes;
11
11
  /**
12
12
  * ThemeOverrides: The internal identifier of a theme override. Which are themes that contain
@@ -34,6 +34,16 @@ export declare const themeColorModes: readonly [
34
34
  ];
35
35
  export type ThemeColorModes = (typeof themeColorModes)[number];
36
36
  export type DataColorModes = Exclude<ThemeColorModes, 'auto'>;
37
+ /**
38
+ * Contrast preferences: The system contrast preference
39
+ */
40
+ export declare const themeContrastModes: readonly [
41
+ "more",
42
+ "no-preference",
43
+ "auto"
44
+ ];
45
+ export type ThemeContrastModes = (typeof themeContrastModes)[number];
46
+ export type DataContrastModes = 'more' | 'no-preference' | 'auto';
37
47
  /**
38
48
  * Theme ids: The value that will be mounted to the DOM as a data attr
39
49
  * For example: `data-theme="light:light dark:dark spacing:spacing"
@@ -41,8 +51,10 @@ export type DataColorModes = Exclude<ThemeColorModes, 'auto'>;
41
51
  * These ids must be kebab case
42
52
  */
43
53
  export declare const themeIds: readonly [
54
+ "light-increased-contrast",
44
55
  "light",
45
56
  "dark",
57
+ "dark-increased-contrast",
46
58
  "legacy-light",
47
59
  "legacy-dark",
48
60
  "spacing",
@@ -64,8 +76,10 @@ export declare const themeOverrideIds: readonly [
64
76
  ];
65
77
  export type ThemeOverrideIds = (typeof themeOverrideIds)[number];
66
78
  export declare const themeIdsWithOverrides: readonly [
79
+ "light-increased-contrast",
67
80
  "light",
68
81
  "dark",
82
+ "dark-increased-contrast",
69
83
  "legacy-light",
70
84
  "legacy-dark",
71
85
  "spacing",
@@ -110,8 +124,24 @@ interface ThemeConfig {
110
124
  */
111
125
  extends?: ExtensionThemeId;
112
126
  };
113
- extends?: ExtensionThemeId;
127
+ /**
128
+ * Theme to use a base. This will create the theme as
129
+ * an extension with all token values marked as optional
130
+ * to allow tokens to be overridden as required.
131
+ */
132
+ extends?: ThemeIds;
133
+ /**
134
+ * Theme to override. This will cause the theme to only
135
+ * output css variables which can be imported to temporarily
136
+ * override existing themes for testing purposes.
137
+ */
114
138
  override?: ThemeIds;
139
+ /**
140
+ * Use when the theme provides an increased contrast
141
+ * version of another theme. This will cause the theme to be loaded
142
+ * under the media query `@media (prefers-contrast: more)`.
143
+ */
144
+ increasesContrastFor?: ThemeIds;
115
145
  }
116
146
  declare const themeConfig: Record<Themes | ThemeOverrides, ThemeConfig>;
117
147
  type HEX = `#${string}`;
@@ -126,9 +156,10 @@ export interface ThemeOptionsSchema {
126
156
  * ThemeState: the standard representation of an app's current theme and preferences
127
157
  */
128
158
  export interface ThemeState {
129
- light: Extract<ThemeIds, 'light' | 'dark' | 'legacy-dark' | 'legacy-light'>;
130
- dark: Extract<ThemeIds, 'light' | 'dark' | 'legacy-dark' | 'legacy-light'>;
159
+ light: Extract<ThemeIds, 'light' | 'dark' | 'legacy-dark' | 'legacy-light' | 'light-increased-contrast' | 'dark-increased-contrast'>;
160
+ dark: Extract<ThemeIds, 'light' | 'dark' | 'legacy-dark' | 'legacy-light' | 'light-increased-contrast' | 'dark-increased-contrast'>;
131
161
  colorMode: ThemeColorModes;
162
+ contrastMode: ThemeContrastModes;
132
163
  shape?: Extract<ThemeIds, 'shape'>;
133
164
  spacing: Extract<ThemeIds, 'spacing'>;
134
165
  typography?: Extract<ThemeIds, 'typography' | 'typography-adg3' | 'typography-minor3'>;
@@ -0,0 +1,4 @@
1
+ import type { BaseToken } from '../../../palettes/palette';
2
+ import type { AccentColorTokenSchema, ExtendedValueSchema } from '../../../types';
3
+ declare const color: ExtendedValueSchema<AccentColorTokenSchema<BaseToken>>;
4
+ export default color;
@@ -0,0 +1,4 @@
1
+ import type { BaseToken } from '../../../palettes/palette';
2
+ import type { BackgroundColorTokenSchema, ExtendedValueSchema } from '../../../types';
3
+ declare const color: ExtendedValueSchema<BackgroundColorTokenSchema<BaseToken>>;
4
+ export default color;
@@ -0,0 +1,4 @@
1
+ import type { BaseToken } from '../../../palettes/palette';
2
+ import type { BorderColorTokenSchema, ExtendedValueSchema } from '../../../types';
3
+ declare const color: ExtendedValueSchema<BorderColorTokenSchema<BaseToken>>;
4
+ export default color;
@@ -0,0 +1,4 @@
1
+ import type { BaseToken } from '../../../palettes/palette';
2
+ import type { ChartColorTokenSchema, ExtendedValueSchema } from '../../../types';
3
+ declare const color: ExtendedValueSchema<ChartColorTokenSchema<BaseToken>>;
4
+ export default color;
@@ -0,0 +1,4 @@
1
+ import type { BaseToken } from '../../../palettes/palette';
2
+ import type { ExtendedValueSchema, IconColorTokenSchema } from '../../../types';
3
+ declare const color: ExtendedValueSchema<IconColorTokenSchema<BaseToken>>;
4
+ export default color;
@@ -0,0 +1,4 @@
1
+ import type { BaseToken } from '../../../palettes/palette';
2
+ import type { ExtendedValueSchema, InteractionColorTokenSchema } from '../../../types';
3
+ declare const color: ExtendedValueSchema<InteractionColorTokenSchema<BaseToken>>;
4
+ export default color;
@@ -0,0 +1,4 @@
1
+ import type { BaseToken } from '../../../palettes/palette';
2
+ import type { ExtendedValueSchema, SkeletonColorTokenSchema } from '../../../types';
3
+ declare const color: ExtendedValueSchema<SkeletonColorTokenSchema<BaseToken>>;
4
+ export default color;
@@ -0,0 +1,4 @@
1
+ import type { BaseToken } from '../../../palettes/palette';
2
+ import type { ExtendedValueSchema, TextColorTokenSchema } from '../../../types';
3
+ declare const color: ExtendedValueSchema<TextColorTokenSchema<BaseToken>>;
4
+ export default color;
@@ -0,0 +1,4 @@
1
+ import type { BaseToken } from '../../../palettes/palette';
2
+ import type { ExtendedValueSchema, ShadowTokenSchema } from '../../../types';
3
+ declare const shadow: ExtendedValueSchema<ShadowTokenSchema<BaseToken>>;
4
+ export default shadow;
@@ -0,0 +1,4 @@
1
+ import type { BaseToken } from '../../../palettes/palette';
2
+ import type { AccentColorTokenSchema, ExtendedValueSchema } from '../../../types';
3
+ declare const color: ExtendedValueSchema<AccentColorTokenSchema<BaseToken>>;
4
+ export default color;
@@ -0,0 +1,4 @@
1
+ import type { BaseToken } from '../../../palettes/palette';
2
+ import type { BackgroundColorTokenSchema, ExtendedValueSchema } from '../../../types';
3
+ declare const color: ExtendedValueSchema<BackgroundColorTokenSchema<BaseToken>>;
4
+ export default color;
@@ -0,0 +1,4 @@
1
+ import type { BaseToken } from '../../../palettes/palette';
2
+ import type { BorderColorTokenSchema, ExtendedValueSchema } from '../../../types';
3
+ declare const color: ExtendedValueSchema<BorderColorTokenSchema<BaseToken>>;
4
+ export default color;
@@ -0,0 +1,4 @@
1
+ import type { BaseToken } from '../../../palettes/palette';
2
+ import type { ChartColorTokenSchema, ExtendedValueSchema } from '../../../types';
3
+ declare const color: ExtendedValueSchema<ChartColorTokenSchema<BaseToken>>;
4
+ export default color;
@@ -0,0 +1,4 @@
1
+ import type { BaseToken } from '../../../palettes/palette';
2
+ import type { ExtendedValueSchema, IconColorTokenSchema } from '../../../types';
3
+ declare const color: ExtendedValueSchema<IconColorTokenSchema<BaseToken>>;
4
+ export default color;
@@ -0,0 +1,4 @@
1
+ import type { BaseToken } from '../../../palettes/palette';
2
+ import type { ExtendedValueSchema, InteractionColorTokenSchema } from '../../../types';
3
+ declare const color: ExtendedValueSchema<InteractionColorTokenSchema<BaseToken>>;
4
+ export default color;
@@ -0,0 +1,4 @@
1
+ import type { BaseToken } from '../../../palettes/palette';
2
+ import type { ExtendedValueSchema, SkeletonColorTokenSchema } from '../../../types';
3
+ declare const color: ExtendedValueSchema<SkeletonColorTokenSchema<BaseToken>>;
4
+ export default color;