@atlaskit/tokens 7.1.0 → 8.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +33 -0
- package/dist/cjs/artifacts/atlassian-dark-token-value-for-contrast-check.js +8 -8
- package/dist/cjs/artifacts/atlassian-light-token-value-for-contrast-check.js +7 -7
- package/dist/cjs/artifacts/palettes-raw/palette.js +147 -147
- package/dist/cjs/artifacts/theme-import-map.js +1 -13
- package/dist/cjs/artifacts/themes/atlassian-dark-increased-contrast.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-dark.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-light-increased-contrast.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-light.js +2 -2
- package/dist/cjs/artifacts/token-default-values.js +266 -266
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +401 -401
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +436 -436
- package/dist/cjs/artifacts/tokens-raw/atlassian-light-increased-contrast.js +273 -273
- package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +375 -375
- package/dist/cjs/babel-plugin/plugin.js +8 -0
- package/dist/cjs/entry-points/palettes-raw.js +0 -7
- package/dist/cjs/entry-points/token-metadata.codegen.js +266 -266
- package/dist/cjs/entry-points/tokens-raw.js +0 -14
- package/dist/cjs/get-theme-styles.js +0 -3
- package/dist/cjs/get-token-value.js +0 -4
- package/dist/cjs/get-token.js +0 -4
- package/dist/cjs/theme-config.js +1 -19
- package/dist/cjs/utils/theme-loading.js +3 -7
- package/dist/es2019/artifacts/atlassian-dark-token-value-for-contrast-check.js +8 -8
- package/dist/es2019/artifacts/atlassian-light-token-value-for-contrast-check.js +7 -7
- package/dist/es2019/artifacts/palettes-raw/palette.js +147 -147
- package/dist/es2019/artifacts/theme-import-map.js +2 -6
- package/dist/es2019/artifacts/themes/atlassian-dark-increased-contrast.js +289 -289
- package/dist/es2019/artifacts/themes/atlassian-dark.js +294 -294
- package/dist/es2019/artifacts/themes/atlassian-light-increased-contrast.js +218 -218
- package/dist/es2019/artifacts/themes/atlassian-light.js +266 -266
- package/dist/es2019/artifacts/token-default-values.js +266 -266
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +401 -401
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +436 -436
- package/dist/es2019/artifacts/tokens-raw/atlassian-light-increased-contrast.js +273 -273
- package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +375 -375
- package/dist/es2019/babel-plugin/plugin.js +8 -0
- package/dist/es2019/entry-points/palettes-raw.js +0 -1
- package/dist/es2019/entry-points/token-metadata.codegen.js +266 -266
- package/dist/es2019/entry-points/tokens-raw.js +0 -2
- package/dist/es2019/get-theme-styles.js +0 -1
- package/dist/es2019/get-token-value.js +0 -4
- package/dist/es2019/get-token.js +0 -4
- package/dist/es2019/theme-config.js +1 -19
- package/dist/es2019/utils/theme-loading.js +0 -4
- package/dist/esm/artifacts/atlassian-dark-token-value-for-contrast-check.js +8 -8
- package/dist/esm/artifacts/atlassian-light-token-value-for-contrast-check.js +7 -7
- package/dist/esm/artifacts/palettes-raw/palette.js +147 -147
- package/dist/esm/artifacts/theme-import-map.js +1 -9
- package/dist/esm/artifacts/themes/atlassian-dark-increased-contrast.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-dark.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-light-increased-contrast.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-light.js +2 -2
- package/dist/esm/artifacts/token-default-values.js +266 -266
- package/dist/esm/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +401 -401
- package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +436 -436
- package/dist/esm/artifacts/tokens-raw/atlassian-light-increased-contrast.js +273 -273
- package/dist/esm/artifacts/tokens-raw/atlassian-light.js +375 -375
- package/dist/esm/babel-plugin/plugin.js +8 -0
- package/dist/esm/entry-points/palettes-raw.js +0 -1
- package/dist/esm/entry-points/token-metadata.codegen.js +266 -266
- package/dist/esm/entry-points/tokens-raw.js +0 -2
- package/dist/esm/get-theme-styles.js +0 -3
- package/dist/esm/get-token-value.js +0 -4
- package/dist/esm/get-token.js +0 -4
- package/dist/esm/theme-config.js +1 -19
- package/dist/esm/utils/theme-loading.js +3 -7
- package/dist/types/artifacts/atlassian-dark-token-value-for-contrast-check.d.ts +8 -8
- package/dist/types/artifacts/atlassian-light-token-value-for-contrast-check.d.ts +7 -7
- package/dist/types/artifacts/palettes-raw/palette.d.ts +1 -1
- package/dist/types/artifacts/theme-import-map.d.ts +1 -1
- package/dist/types/artifacts/themes/atlassian-dark-increased-contrast.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-dark.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-light-increased-contrast.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-light.d.ts +2 -2
- package/dist/types/artifacts/token-default-values.d.ts +266 -266
- package/dist/types/artifacts/tokens-raw/atlassian-dark-increased-contrast.d.ts +1 -1
- package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
- package/dist/types/artifacts/tokens-raw/atlassian-light-increased-contrast.d.ts +1 -1
- package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
- package/dist/types/babel-plugin/plugin.d.ts +4 -0
- package/dist/types/entry-points/palettes-raw.d.ts +0 -1
- package/dist/types/entry-points/token-metadata.codegen.d.ts +1 -1
- package/dist/types/entry-points/tokens-raw.d.ts +0 -2
- package/dist/types/theme-config.d.ts +6 -6
- package/dist/types-ts4.5/artifacts/atlassian-dark-token-value-for-contrast-check.d.ts +8 -8
- package/dist/types-ts4.5/artifacts/atlassian-light-token-value-for-contrast-check.d.ts +7 -7
- package/dist/types-ts4.5/artifacts/palettes-raw/palette.d.ts +1 -1
- 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 +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-dark.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-light-increased-contrast.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-light.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/token-default-values.d.ts +266 -266
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark-increased-contrast.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light-increased-contrast.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
- package/dist/types-ts4.5/babel-plugin/plugin.d.ts +4 -0
- package/dist/types-ts4.5/entry-points/palettes-raw.d.ts +0 -1
- package/dist/types-ts4.5/entry-points/token-metadata.codegen.d.ts +1 -1
- package/dist/types-ts4.5/entry-points/tokens-raw.d.ts +0 -2
- package/dist/types-ts4.5/theme-config.d.ts +4 -8
- package/figma/atlassian-dark-increased-contrast.json +292 -292
- package/figma/atlassian-dark.json +297 -297
- package/figma/atlassian-light-increased-contrast.json +220 -220
- package/figma/atlassian-light.json +268 -268
- package/package.json +6 -6
- package/dist/cjs/artifacts/themes/atlassian-dark-brand-refresh.js +0 -12
- package/dist/cjs/artifacts/themes/atlassian-light-brand-refresh.js +0 -12
- package/dist/es2019/artifacts/themes/atlassian-dark-brand-refresh.js +0 -401
- package/dist/es2019/artifacts/themes/atlassian-light-brand-refresh.js +0 -401
- package/dist/esm/artifacts/themes/atlassian-dark-brand-refresh.js +0 -6
- package/dist/esm/artifacts/themes/atlassian-light-brand-refresh.js +0 -6
- package/dist/types/artifacts/themes/atlassian-dark-brand-refresh.d.ts +0 -7
- package/dist/types/artifacts/themes/atlassian-light-brand-refresh.d.ts +0 -7
- package/dist/types-ts4.5/artifacts/themes/atlassian-dark-brand-refresh.d.ts +0 -7
- package/dist/types-ts4.5/artifacts/themes/atlassian-light-brand-refresh.d.ts +0 -7
- package/figma/atlassian-dark-brand-refresh.json +0 -3558
- package/figma/atlassian-light-brand-refresh.json +0 -3537
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::1f9bb1e2b5ec2edbfe1a6eb0d52859b6>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
type TokenValue = string | number | {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::5be81818cd5004bcdfaa1d2ab995fd75>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
type TokenValue = string | number | {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::b82a8b02b639656e8d896b7b19368212>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
type TokenValue = string | number | {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::3c26bd82349e750141e06c24a7b61482>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
type TokenValue = string | number | {
|
|
@@ -2,6 +2,10 @@ import { type NodePath } from '@babel/traverse';
|
|
|
2
2
|
import * as t from '@babel/types';
|
|
3
3
|
type DefaultColorTheme = 'light' | 'legacy-light';
|
|
4
4
|
export default function plugin(): {
|
|
5
|
+
visitor: {
|
|
6
|
+
Program?: undefined;
|
|
7
|
+
};
|
|
8
|
+
} | {
|
|
5
9
|
visitor: {
|
|
6
10
|
Program: {
|
|
7
11
|
enter(path: NodePath<t.Program>, state: {
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*
|
|
4
4
|
* Metadata for generation of of `@atlaskit/ads-mcp` and https://atlassian.design/llms-tokens.txt.
|
|
5
5
|
*
|
|
6
|
-
* @codegen <<SignedSource::
|
|
6
|
+
* @codegen <<SignedSource::2df7129dadaefaa82ff5761d8db12e31>>
|
|
7
7
|
* @codegenCommand yarn build tokens
|
|
8
8
|
*/
|
|
9
9
|
export interface Token {
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
export { default as light } from '../artifacts/tokens-raw/atlassian-light';
|
|
2
|
-
export { default as lightBrandRefresh } from '../artifacts/tokens-raw/atlassian-light-brand-refresh';
|
|
3
2
|
export { default as legacyLightTokens } from '../artifacts/tokens-raw/atlassian-legacy-light';
|
|
4
3
|
export { default as dark } from '../artifacts/tokens-raw/atlassian-dark';
|
|
5
|
-
export { default as darkBrandRefresh } from '../artifacts/tokens-raw/atlassian-dark-brand-refresh';
|
|
6
4
|
export { default as spacing } from '../artifacts/tokens-raw/atlassian-spacing';
|
|
7
5
|
export { default as typography } from '../artifacts/tokens-raw/atlassian-typography';
|
|
8
6
|
export { default as typographyAdg3 } from '../artifacts/tokens-raw/atlassian-typography-adg3';
|
|
@@ -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-light-future' | 'atlassian-light-increased-contrast' | 'atlassian-
|
|
9
|
+
export type Themes = 'atlassian-light' | 'atlassian-light-future' | 'atlassian-light-increased-contrast' | 'atlassian-dark' | 'atlassian-dark-future' | 'atlassian-dark-increased-contrast' | 'atlassian-legacy-light' | 'atlassian-legacy-dark' | 'atlassian-shape' | 'atlassian-spacing' | 'atlassian-typography' | 'atlassian-typography-refreshed' | 'atlassian-typography-modernized' | '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
|
|
@@ -54,11 +54,9 @@ export declare const themeIds: readonly [
|
|
|
54
54
|
"light-increased-contrast",
|
|
55
55
|
"light",
|
|
56
56
|
"light-future",
|
|
57
|
-
"light-brand-refresh",
|
|
58
57
|
"dark",
|
|
59
58
|
"dark-future",
|
|
60
59
|
"dark-increased-contrast",
|
|
61
|
-
"dark-brand-refresh",
|
|
62
60
|
"legacy-light",
|
|
63
61
|
"legacy-dark",
|
|
64
62
|
"spacing",
|
|
@@ -80,11 +78,9 @@ export declare const themeIdsWithOverrides: readonly [
|
|
|
80
78
|
"light-increased-contrast",
|
|
81
79
|
"light",
|
|
82
80
|
"light-future",
|
|
83
|
-
"light-brand-refresh",
|
|
84
81
|
"dark",
|
|
85
82
|
"dark-future",
|
|
86
83
|
"dark-increased-contrast",
|
|
87
|
-
"dark-brand-refresh",
|
|
88
84
|
"legacy-light",
|
|
89
85
|
"legacy-dark",
|
|
90
86
|
"spacing",
|
|
@@ -106,7 +102,7 @@ type ExtensionThemeId = ThemeIds;
|
|
|
106
102
|
* For example: legacy light & dark themes use the "legacyPalette" containing colors from our
|
|
107
103
|
* previous color set.
|
|
108
104
|
*/
|
|
109
|
-
export type Palettes = 'defaultPalette' | '
|
|
105
|
+
export type Palettes = 'defaultPalette' | 'legacyPalette' | 'spacingScale' | 'shapePalette' | 'typographyPalette';
|
|
110
106
|
/**
|
|
111
107
|
* ThemeConfig: the source of truth for all theme meta-data.
|
|
112
108
|
* This object should be used whenever interfacing with themes.
|
|
@@ -158,8 +154,8 @@ export interface ThemeOptionsSchema {
|
|
|
158
154
|
* ThemeState: the standard representation of an app's current theme and preferences
|
|
159
155
|
*/
|
|
160
156
|
export interface ThemeState {
|
|
161
|
-
light: Extract<ThemeIds, 'light' | 'light-future' | 'dark' | 'dark-future' | 'legacy-dark' | 'legacy-light' | 'light-increased-contrast' | 'dark-increased-contrast'
|
|
162
|
-
dark: Extract<ThemeIds, 'light' | 'light-future' | 'dark' | 'dark-future' | 'legacy-dark' | 'legacy-light' | 'light-increased-contrast' | 'dark-increased-contrast'
|
|
157
|
+
light: Extract<ThemeIds, 'light' | 'light-future' | 'dark' | 'dark-future' | 'legacy-dark' | 'legacy-light' | 'light-increased-contrast' | 'dark-increased-contrast'>;
|
|
158
|
+
dark: Extract<ThemeIds, 'light' | 'light-future' | 'dark' | 'dark-future' | 'legacy-dark' | 'legacy-light' | 'light-increased-contrast' | 'dark-increased-contrast'>;
|
|
163
159
|
colorMode: ThemeColorModes;
|
|
164
160
|
contrastMode: ThemeContrastModes;
|
|
165
161
|
shape?: Extract<ThemeIds, 'shape'>;
|