@atlaskit/tokens 1.25.1 → 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.
- package/CHANGELOG.md +12 -0
- package/dist/cjs/artifacts/theme-import-map.js +13 -1
- package/dist/cjs/artifacts/themes/atlassian-dark-increased-contrast.js +12 -0
- package/dist/cjs/artifacts/themes/atlassian-light-increased-contrast.js +12 -0
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +8687 -0
- package/dist/cjs/artifacts/tokens-raw/atlassian-light-increased-contrast.js +8653 -0
- package/dist/cjs/constants.js +2 -1
- package/dist/cjs/enable-global-theme.js +3 -0
- package/dist/cjs/get-ssr-auto-script.js +8 -2
- package/dist/cjs/get-theme-html-attrs.js +9 -0
- package/dist/cjs/get-theme-styles.js +9 -0
- package/dist/cjs/get-token-value.js +1 -1
- package/dist/cjs/get-token.js +1 -1
- package/dist/cjs/set-global-theme.js +35 -20
- package/dist/cjs/theme-config.js +29 -2
- package/dist/cjs/tokens/atlassian-dark-increased-contrast/color/accent.js +271 -0
- package/dist/cjs/tokens/atlassian-dark-increased-contrast/color/background.js +104 -0
- package/dist/cjs/tokens/atlassian-dark-increased-contrast/color/border.js +46 -0
- package/dist/cjs/tokens/atlassian-dark-increased-contrast/color/chart.js +309 -0
- package/dist/cjs/tokens/atlassian-dark-increased-contrast/color/icon.js +45 -0
- package/dist/cjs/tokens/atlassian-dark-increased-contrast/color/interaction.js +22 -0
- package/dist/cjs/tokens/atlassian-dark-increased-contrast/color/skeleton.js +21 -0
- package/dist/cjs/tokens/atlassian-dark-increased-contrast/color/text.js +56 -0
- package/dist/cjs/tokens/atlassian-dark-increased-contrast/elevation/shadow.js +66 -0
- package/dist/cjs/tokens/atlassian-light-increased-contrast/color/accent.js +423 -0
- package/dist/cjs/tokens/atlassian-light-increased-contrast/color/background.js +145 -0
- package/dist/cjs/tokens/atlassian-light-increased-contrast/color/border.js +50 -0
- package/dist/cjs/tokens/atlassian-light-increased-contrast/color/chart.js +418 -0
- package/dist/cjs/tokens/atlassian-light-increased-contrast/color/icon.js +49 -0
- package/dist/cjs/tokens/atlassian-light-increased-contrast/color/interaction.js +22 -0
- package/dist/cjs/tokens/atlassian-light-increased-contrast/color/skeleton.js +21 -0
- package/dist/cjs/tokens/atlassian-light-increased-contrast/color/text.js +56 -0
- package/dist/cjs/tokens/atlassian-light-increased-contrast/elevation/shadow.js +62 -0
- package/dist/cjs/tokens/atlassian-light-increased-contrast/elevation/surface.js +18 -0
- package/dist/cjs/utils/configure-page.js +16 -1
- package/dist/cjs/utils/contrast-mode-listeners.js +65 -0
- package/dist/cjs/utils/get-increased-contrast-theme.js +20 -0
- package/dist/cjs/utils/get-theme-preferences.js +23 -1
- package/dist/cjs/utils/theme-loading.js +3 -2
- package/dist/es2019/artifacts/theme-import-map.js +5 -1
- package/dist/es2019/artifacts/themes/atlassian-dark-increased-contrast.js +401 -0
- package/dist/es2019/artifacts/themes/atlassian-light-increased-contrast.js +401 -0
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +8681 -0
- package/dist/es2019/artifacts/tokens-raw/atlassian-light-increased-contrast.js +8647 -0
- package/dist/es2019/constants.js +1 -0
- package/dist/es2019/enable-global-theme.js +2 -0
- package/dist/es2019/get-ssr-auto-script.js +17 -11
- package/dist/es2019/get-theme-html-attrs.js +12 -2
- package/dist/es2019/get-theme-styles.js +7 -0
- package/dist/es2019/get-token-value.js +1 -1
- package/dist/es2019/get-token.js +1 -1
- package/dist/es2019/set-global-theme.js +14 -0
- package/dist/es2019/theme-config.js +28 -1
- package/dist/es2019/tokens/atlassian-dark-increased-contrast/color/accent.js +265 -0
- package/dist/es2019/tokens/atlassian-dark-increased-contrast/color/background.js +98 -0
- package/dist/es2019/tokens/atlassian-dark-increased-contrast/color/border.js +40 -0
- package/dist/es2019/tokens/atlassian-dark-increased-contrast/color/chart.js +303 -0
- package/dist/es2019/tokens/atlassian-dark-increased-contrast/color/icon.js +39 -0
- package/dist/es2019/tokens/atlassian-dark-increased-contrast/color/interaction.js +16 -0
- package/dist/es2019/tokens/atlassian-dark-increased-contrast/color/skeleton.js +15 -0
- package/dist/es2019/tokens/atlassian-dark-increased-contrast/color/text.js +50 -0
- package/dist/es2019/tokens/atlassian-dark-increased-contrast/elevation/shadow.js +60 -0
- package/dist/es2019/tokens/atlassian-light-increased-contrast/color/accent.js +417 -0
- package/dist/es2019/tokens/atlassian-light-increased-contrast/color/background.js +139 -0
- package/dist/es2019/tokens/atlassian-light-increased-contrast/color/border.js +44 -0
- package/dist/es2019/tokens/atlassian-light-increased-contrast/color/chart.js +412 -0
- package/dist/es2019/tokens/atlassian-light-increased-contrast/color/icon.js +43 -0
- package/dist/es2019/tokens/atlassian-light-increased-contrast/color/interaction.js +16 -0
- package/dist/es2019/tokens/atlassian-light-increased-contrast/color/skeleton.js +15 -0
- package/dist/es2019/tokens/atlassian-light-increased-contrast/color/text.js +50 -0
- package/dist/es2019/tokens/atlassian-light-increased-contrast/elevation/shadow.js +56 -0
- package/dist/es2019/tokens/atlassian-light-increased-contrast/elevation/surface.js +12 -0
- package/dist/es2019/utils/configure-page.js +18 -1
- package/dist/es2019/utils/contrast-mode-listeners.js +48 -0
- package/dist/es2019/utils/get-increased-contrast-theme.js +13 -0
- package/dist/es2019/utils/get-theme-preferences.js +23 -1
- package/dist/es2019/utils/theme-loading.js +2 -1
- package/dist/esm/artifacts/theme-import-map.js +9 -1
- package/dist/esm/artifacts/themes/atlassian-dark-increased-contrast.js +6 -0
- package/dist/esm/artifacts/themes/atlassian-light-increased-contrast.js +6 -0
- package/dist/esm/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +8681 -0
- package/dist/esm/artifacts/tokens-raw/atlassian-light-increased-contrast.js +8647 -0
- package/dist/esm/constants.js +1 -0
- package/dist/esm/enable-global-theme.js +3 -0
- package/dist/esm/get-ssr-auto-script.js +10 -4
- package/dist/esm/get-theme-html-attrs.js +10 -1
- package/dist/esm/get-theme-styles.js +9 -0
- package/dist/esm/get-token-value.js +1 -1
- package/dist/esm/get-token.js +1 -1
- package/dist/esm/set-global-theme.js +35 -20
- package/dist/esm/theme-config.js +28 -1
- package/dist/esm/tokens/atlassian-dark-increased-contrast/color/accent.js +265 -0
- package/dist/esm/tokens/atlassian-dark-increased-contrast/color/background.js +98 -0
- package/dist/esm/tokens/atlassian-dark-increased-contrast/color/border.js +40 -0
- package/dist/esm/tokens/atlassian-dark-increased-contrast/color/chart.js +303 -0
- package/dist/esm/tokens/atlassian-dark-increased-contrast/color/icon.js +39 -0
- package/dist/esm/tokens/atlassian-dark-increased-contrast/color/interaction.js +16 -0
- package/dist/esm/tokens/atlassian-dark-increased-contrast/color/skeleton.js +15 -0
- package/dist/esm/tokens/atlassian-dark-increased-contrast/color/text.js +50 -0
- package/dist/esm/tokens/atlassian-dark-increased-contrast/elevation/shadow.js +60 -0
- package/dist/esm/tokens/atlassian-light-increased-contrast/color/accent.js +417 -0
- package/dist/esm/tokens/atlassian-light-increased-contrast/color/background.js +139 -0
- package/dist/esm/tokens/atlassian-light-increased-contrast/color/border.js +44 -0
- package/dist/esm/tokens/atlassian-light-increased-contrast/color/chart.js +412 -0
- package/dist/esm/tokens/atlassian-light-increased-contrast/color/icon.js +43 -0
- package/dist/esm/tokens/atlassian-light-increased-contrast/color/interaction.js +16 -0
- package/dist/esm/tokens/atlassian-light-increased-contrast/color/skeleton.js +15 -0
- package/dist/esm/tokens/atlassian-light-increased-contrast/color/text.js +50 -0
- package/dist/esm/tokens/atlassian-light-increased-contrast/elevation/shadow.js +56 -0
- package/dist/esm/tokens/atlassian-light-increased-contrast/elevation/surface.js +12 -0
- package/dist/esm/utils/configure-page.js +16 -1
- package/dist/esm/utils/contrast-mode-listeners.js +58 -0
- package/dist/esm/utils/get-increased-contrast-theme.js +14 -0
- package/dist/esm/utils/get-theme-preferences.js +23 -1
- package/dist/esm/utils/theme-loading.js +2 -1
- package/dist/types/artifacts/theme-import-map.d.ts +1 -1
- package/dist/types/artifacts/themes/atlassian-dark-increased-contrast.d.ts +7 -0
- package/dist/types/artifacts/themes/atlassian-light-increased-contrast.d.ts +7 -0
- package/dist/types/artifacts/tokens-raw/atlassian-dark-increased-contrast.d.ts +133 -0
- package/dist/types/artifacts/tokens-raw/atlassian-light-increased-contrast.d.ts +113 -0
- package/dist/types/constants.d.ts +1 -0
- package/dist/types/enable-global-theme.d.ts +1 -1
- package/dist/types/get-ssr-auto-script.d.ts +1 -1
- package/dist/types/get-theme-html-attrs.d.ts +1 -1
- package/dist/types/set-global-theme.d.ts +2 -1
- package/dist/types/theme-config.d.ts +29 -6
- package/dist/types/tokens/atlassian-dark-increased-contrast/color/accent.d.ts +4 -0
- package/dist/types/tokens/atlassian-dark-increased-contrast/color/background.d.ts +4 -0
- package/dist/types/tokens/atlassian-dark-increased-contrast/color/border.d.ts +4 -0
- package/dist/types/tokens/atlassian-dark-increased-contrast/color/chart.d.ts +4 -0
- package/dist/types/tokens/atlassian-dark-increased-contrast/color/icon.d.ts +4 -0
- package/dist/types/tokens/atlassian-dark-increased-contrast/color/interaction.d.ts +4 -0
- package/dist/types/tokens/atlassian-dark-increased-contrast/color/skeleton.d.ts +4 -0
- package/dist/types/tokens/atlassian-dark-increased-contrast/color/text.d.ts +4 -0
- package/dist/types/tokens/atlassian-dark-increased-contrast/elevation/shadow.d.ts +4 -0
- package/dist/types/tokens/atlassian-light-increased-contrast/color/accent.d.ts +4 -0
- package/dist/types/tokens/atlassian-light-increased-contrast/color/background.d.ts +4 -0
- package/dist/types/tokens/atlassian-light-increased-contrast/color/border.d.ts +4 -0
- package/dist/types/tokens/atlassian-light-increased-contrast/color/chart.d.ts +4 -0
- package/dist/types/tokens/atlassian-light-increased-contrast/color/icon.d.ts +4 -0
- package/dist/types/tokens/atlassian-light-increased-contrast/color/interaction.d.ts +4 -0
- package/dist/types/tokens/atlassian-light-increased-contrast/color/skeleton.d.ts +4 -0
- package/dist/types/tokens/atlassian-light-increased-contrast/color/text.d.ts +4 -0
- package/dist/types/tokens/atlassian-light-increased-contrast/elevation/shadow.d.ts +4 -0
- package/dist/types/tokens/atlassian-light-increased-contrast/elevation/surface.d.ts +4 -0
- package/dist/types/utils/configure-page.d.ts +1 -1
- package/dist/types/utils/contrast-mode-listeners.d.ts +13 -0
- package/dist/types/utils/get-increased-contrast-theme.d.ts +5 -0
- package/dist/types/utils/theme-loading.d.ts +1 -0
- package/dist/types-ts4.5/artifacts/theme-import-map.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/themes/atlassian-dark-increased-contrast.d.ts +7 -0
- package/dist/types-ts4.5/artifacts/themes/atlassian-light-increased-contrast.d.ts +7 -0
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark-increased-contrast.d.ts +133 -0
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light-increased-contrast.d.ts +113 -0
- package/dist/types-ts4.5/constants.d.ts +1 -0
- package/dist/types-ts4.5/enable-global-theme.d.ts +1 -1
- package/dist/types-ts4.5/get-ssr-auto-script.d.ts +1 -1
- package/dist/types-ts4.5/get-theme-html-attrs.d.ts +1 -1
- package/dist/types-ts4.5/set-global-theme.d.ts +2 -1
- package/dist/types-ts4.5/theme-config.d.ts +35 -4
- package/dist/types-ts4.5/tokens/atlassian-dark-increased-contrast/color/accent.d.ts +4 -0
- package/dist/types-ts4.5/tokens/atlassian-dark-increased-contrast/color/background.d.ts +4 -0
- package/dist/types-ts4.5/tokens/atlassian-dark-increased-contrast/color/border.d.ts +4 -0
- package/dist/types-ts4.5/tokens/atlassian-dark-increased-contrast/color/chart.d.ts +4 -0
- package/dist/types-ts4.5/tokens/atlassian-dark-increased-contrast/color/icon.d.ts +4 -0
- package/dist/types-ts4.5/tokens/atlassian-dark-increased-contrast/color/interaction.d.ts +4 -0
- package/dist/types-ts4.5/tokens/atlassian-dark-increased-contrast/color/skeleton.d.ts +4 -0
- package/dist/types-ts4.5/tokens/atlassian-dark-increased-contrast/color/text.d.ts +4 -0
- package/dist/types-ts4.5/tokens/atlassian-dark-increased-contrast/elevation/shadow.d.ts +4 -0
- package/dist/types-ts4.5/tokens/atlassian-light-increased-contrast/color/accent.d.ts +4 -0
- package/dist/types-ts4.5/tokens/atlassian-light-increased-contrast/color/background.d.ts +4 -0
- package/dist/types-ts4.5/tokens/atlassian-light-increased-contrast/color/border.d.ts +4 -0
- package/dist/types-ts4.5/tokens/atlassian-light-increased-contrast/color/chart.d.ts +4 -0
- package/dist/types-ts4.5/tokens/atlassian-light-increased-contrast/color/icon.d.ts +4 -0
- package/dist/types-ts4.5/tokens/atlassian-light-increased-contrast/color/interaction.d.ts +4 -0
- package/dist/types-ts4.5/tokens/atlassian-light-increased-contrast/color/skeleton.d.ts +4 -0
- package/dist/types-ts4.5/tokens/atlassian-light-increased-contrast/color/text.d.ts +4 -0
- package/dist/types-ts4.5/tokens/atlassian-light-increased-contrast/elevation/shadow.d.ts +4 -0
- package/dist/types-ts4.5/tokens/atlassian-light-increased-contrast/elevation/surface.d.ts +4 -0
- package/dist/types-ts4.5/utils/configure-page.d.ts +1 -1
- package/dist/types-ts4.5/utils/contrast-mode-listeners.d.ts +13 -0
- package/dist/types-ts4.5/utils/get-increased-contrast-theme.d.ts +5 -0
- package/dist/types-ts4.5/utils/theme-loading.d.ts +1 -0
- package/figma/atlassian-dark-increased-contrast.json +3542 -0
- package/figma/atlassian-light-increased-contrast.json +3523 -0
- package/package.json +4 -2
- package/report.api.md +38 -6
- package/tmp/api-report-tmp.d.ts +19 -12
|
@@ -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): () =>
|
|
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::
|
|
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
|
-
|
|
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'>;
|