@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)";
|