@atlaskit/tokens 1.26.1 → 1.28.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 +114 -0
- package/dist/cjs/artifacts/atlassian-dark-token-value-for-contrast-check.js +2 -2
- package/dist/cjs/artifacts/palettes-raw/palette.js +77 -77
- 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/themes/atlassian-typography-minor3.js +2 -2
- package/dist/cjs/artifacts/token-default-values.js +101 -101
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +115 -115
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +115 -115
- package/dist/cjs/artifacts/tokens-raw/atlassian-light-increased-contrast.js +124 -124
- package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +109 -109
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography-adg3.js +17 -9
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography-minor3.js +17 -9
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography.js +17 -9
- package/dist/cjs/get-token-value.js +1 -1
- package/dist/cjs/get-token.js +1 -1
- package/dist/cjs/theme-config.js +1 -25
- package/dist/cjs/utils/get-theme-preferences.js +0 -13
- package/dist/es2019/artifacts/atlassian-dark-token-value-for-contrast-check.js +2 -2
- package/dist/es2019/artifacts/palettes-raw/palette.js +77 -77
- package/dist/es2019/artifacts/theme-import-map.js +1 -5
- package/dist/es2019/artifacts/themes/atlassian-dark-increased-contrast.js +115 -115
- package/dist/es2019/artifacts/themes/atlassian-dark.js +109 -109
- package/dist/es2019/artifacts/themes/atlassian-light-increased-contrast.js +124 -124
- package/dist/es2019/artifacts/themes/atlassian-light.js +101 -101
- package/dist/es2019/artifacts/themes/atlassian-typography-minor3.js +7 -1
- package/dist/es2019/artifacts/token-default-values.js +101 -101
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +115 -115
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +115 -115
- package/dist/es2019/artifacts/tokens-raw/atlassian-light-increased-contrast.js +124 -124
- package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +109 -109
- package/dist/es2019/artifacts/tokens-raw/atlassian-typography-adg3.js +17 -9
- package/dist/es2019/artifacts/tokens-raw/atlassian-typography-minor3.js +17 -9
- package/dist/es2019/artifacts/tokens-raw/atlassian-typography.js +17 -9
- package/dist/es2019/get-token-value.js +1 -1
- package/dist/es2019/get-token.js +1 -1
- package/dist/es2019/theme-config.js +1 -25
- package/dist/es2019/utils/get-theme-preferences.js +0 -13
- package/dist/esm/artifacts/atlassian-dark-token-value-for-contrast-check.js +2 -2
- package/dist/esm/artifacts/palettes-raw/palette.js +77 -77
- 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/themes/atlassian-typography-minor3.js +2 -2
- package/dist/esm/artifacts/token-default-values.js +101 -101
- package/dist/esm/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +115 -115
- package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +115 -115
- package/dist/esm/artifacts/tokens-raw/atlassian-light-increased-contrast.js +124 -124
- package/dist/esm/artifacts/tokens-raw/atlassian-light.js +109 -109
- package/dist/esm/artifacts/tokens-raw/atlassian-typography-adg3.js +17 -9
- package/dist/esm/artifacts/tokens-raw/atlassian-typography-minor3.js +17 -9
- package/dist/esm/artifacts/tokens-raw/atlassian-typography.js +17 -9
- package/dist/esm/get-token-value.js +1 -1
- package/dist/esm/get-token.js +1 -1
- package/dist/esm/theme-config.js +1 -25
- package/dist/esm/utils/get-theme-preferences.js +0 -13
- package/dist/types/artifacts/atlassian-dark-token-value-for-contrast-check.d.ts +2 -2
- 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/themes/atlassian-typography-minor3.d.ts +2 -2
- package/dist/types/artifacts/token-default-values.d.ts +101 -101
- 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/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +36 -1
- package/dist/types/artifacts/tokens-raw/atlassian-typography-minor3.d.ts +36 -1
- package/dist/types/artifacts/tokens-raw/atlassian-typography.d.ts +36 -1
- package/dist/types/theme-config.d.ts +4 -4
- package/dist/types/types.d.ts +10 -3
- package/dist/types-ts4.5/artifacts/atlassian-dark-token-value-for-contrast-check.d.ts +2 -2
- 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/themes/atlassian-typography-minor3.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/token-default-values.d.ts +101 -101
- 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/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +36 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-minor3.d.ts +36 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography.d.ts +36 -1
- package/dist/types-ts4.5/theme-config.d.ts +4 -8
- package/dist/types-ts4.5/types.d.ts +10 -3
- package/figma/atlassian-dark-increased-contrast.json +114 -114
- package/figma/atlassian-dark.json +108 -108
- package/figma/atlassian-light-increased-contrast.json +123 -123
- package/figma/atlassian-light.json +100 -100
- package/package.json +1 -4
- package/report.api.md +59 -20
- package/tmp/api-report-tmp.d.ts +53 -7
- package/dist/cjs/artifacts/palettes-raw/updated-saturated-palette.js +0 -2257
- package/dist/cjs/artifacts/themes/atlassian-dark-saturated-palette-changes.js +0 -12
- package/dist/cjs/artifacts/themes/atlassian-light-saturated-palette-changes.js +0 -12
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark-saturated-palette-changes.js +0 -8683
- package/dist/cjs/artifacts/tokens-raw/atlassian-light-saturated-palette-changes.js +0 -8645
- package/dist/es2019/artifacts/palettes-raw/updated-saturated-palette.js +0 -2251
- package/dist/es2019/artifacts/themes/atlassian-dark-saturated-palette-changes.js +0 -399
- package/dist/es2019/artifacts/themes/atlassian-light-saturated-palette-changes.js +0 -399
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark-saturated-palette-changes.js +0 -8677
- package/dist/es2019/artifacts/tokens-raw/atlassian-light-saturated-palette-changes.js +0 -8639
- package/dist/esm/artifacts/palettes-raw/updated-saturated-palette.js +0 -2251
- package/dist/esm/artifacts/themes/atlassian-dark-saturated-palette-changes.js +0 -6
- package/dist/esm/artifacts/themes/atlassian-light-saturated-palette-changes.js +0 -6
- package/dist/esm/artifacts/tokens-raw/atlassian-dark-saturated-palette-changes.js +0 -8677
- package/dist/esm/artifacts/tokens-raw/atlassian-light-saturated-palette-changes.js +0 -8639
- package/dist/types/artifacts/palettes-raw/updated-saturated-palette.d.ts +0 -41
- package/dist/types/artifacts/themes/atlassian-dark-saturated-palette-changes.d.ts +0 -7
- package/dist/types/artifacts/themes/atlassian-light-saturated-palette-changes.d.ts +0 -7
- package/dist/types/artifacts/tokens-raw/atlassian-dark-saturated-palette-changes.d.ts +0 -109
- package/dist/types/artifacts/tokens-raw/atlassian-light-saturated-palette-changes.d.ts +0 -89
- package/dist/types-ts4.5/artifacts/palettes-raw/updated-saturated-palette.d.ts +0 -41
- package/dist/types-ts4.5/artifacts/themes/atlassian-dark-saturated-palette-changes.d.ts +0 -7
- package/dist/types-ts4.5/artifacts/themes/atlassian-light-saturated-palette-changes.d.ts +0 -7
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark-saturated-palette-changes.d.ts +0 -109
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light-saturated-palette-changes.d.ts +0 -89
- package/figma/atlassian-dark-saturated-palette-changes.json +0 -3540
- package/figma/atlassian-light-saturated-palette-changes.json +0 -3519
|
@@ -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::e95de29cabce142a19e4a4c6780c2555>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
declare const tokens: ({
|
|
@@ -9,6 +9,7 @@ declare const tokens: ({
|
|
|
9
9
|
state: string;
|
|
10
10
|
introduced: string;
|
|
11
11
|
description: string;
|
|
12
|
+
responsiveSmallerVariant?: undefined;
|
|
12
13
|
};
|
|
13
14
|
value: string;
|
|
14
15
|
filePath: string;
|
|
@@ -19,6 +20,7 @@ declare const tokens: ({
|
|
|
19
20
|
state: string;
|
|
20
21
|
introduced: string;
|
|
21
22
|
description: string;
|
|
23
|
+
responsiveSmallerVariant?: undefined;
|
|
22
24
|
};
|
|
23
25
|
value: {
|
|
24
26
|
fontWeight: string;
|
|
@@ -38,6 +40,7 @@ declare const tokens: ({
|
|
|
38
40
|
state: string;
|
|
39
41
|
introduced: string;
|
|
40
42
|
description: string;
|
|
43
|
+
responsiveSmallerVariant: string;
|
|
41
44
|
};
|
|
42
45
|
value: string;
|
|
43
46
|
filePath: string;
|
|
@@ -48,6 +51,38 @@ declare const tokens: ({
|
|
|
48
51
|
state: string;
|
|
49
52
|
introduced: string;
|
|
50
53
|
description: string;
|
|
54
|
+
responsiveSmallerVariant: string;
|
|
55
|
+
};
|
|
56
|
+
value: {
|
|
57
|
+
fontWeight: string;
|
|
58
|
+
fontSize: string;
|
|
59
|
+
lineHeight: string;
|
|
60
|
+
fontFamily: string;
|
|
61
|
+
fontStyle: string;
|
|
62
|
+
letterSpacing: string;
|
|
63
|
+
};
|
|
64
|
+
};
|
|
65
|
+
name: string;
|
|
66
|
+
path: string[];
|
|
67
|
+
cleanName: string;
|
|
68
|
+
} | {
|
|
69
|
+
attributes: {
|
|
70
|
+
group: string;
|
|
71
|
+
state: string;
|
|
72
|
+
introduced: string;
|
|
73
|
+
description: string;
|
|
74
|
+
responsiveSmallerVariant?: undefined;
|
|
75
|
+
};
|
|
76
|
+
value: string;
|
|
77
|
+
filePath: string;
|
|
78
|
+
isSource: boolean;
|
|
79
|
+
original: {
|
|
80
|
+
attributes: {
|
|
81
|
+
group: string;
|
|
82
|
+
state: string;
|
|
83
|
+
introduced: string;
|
|
84
|
+
description: string;
|
|
85
|
+
responsiveSmallerVariant?: undefined;
|
|
51
86
|
};
|
|
52
87
|
value: string;
|
|
53
88
|
};
|
|
@@ -14,7 +14,7 @@ export type ThemeFileNames = Themes;
|
|
|
14
14
|
* theme files/folders are called. style-dictionary will attempt to locate these in the file-system.
|
|
15
15
|
* Theme overrides are temporary and there may not be any defined at times.
|
|
16
16
|
*/
|
|
17
|
-
export type ThemeOverrides = 'atlassian-light-new-input-border' | 'atlassian-dark-new-input-border'
|
|
17
|
+
export type ThemeOverrides = 'atlassian-light-new-input-border' | 'atlassian-dark-new-input-border';
|
|
18
18
|
/**
|
|
19
19
|
* Theme kinds: The type of theme.
|
|
20
20
|
* Some themes are entirely focused on Color, whilst others are purely focused on spacing.
|
|
@@ -70,9 +70,7 @@ export type ThemeIds = (typeof themeIds)[number];
|
|
|
70
70
|
*/
|
|
71
71
|
export declare const themeOverrideIds: readonly [
|
|
72
72
|
"light-new-input-border",
|
|
73
|
-
"dark-new-input-border"
|
|
74
|
-
"light-saturated-palette-changes",
|
|
75
|
-
"dark-saturated-palette-changes"
|
|
73
|
+
"dark-new-input-border"
|
|
76
74
|
];
|
|
77
75
|
export type ThemeOverrideIds = (typeof themeOverrideIds)[number];
|
|
78
76
|
export declare const themeIdsWithOverrides: readonly [
|
|
@@ -88,9 +86,7 @@ export declare const themeIdsWithOverrides: readonly [
|
|
|
88
86
|
"typography-adg3",
|
|
89
87
|
"typography-minor3",
|
|
90
88
|
"light-new-input-border",
|
|
91
|
-
"dark-new-input-border"
|
|
92
|
-
"light-saturated-palette-changes",
|
|
93
|
-
"dark-saturated-palette-changes"
|
|
89
|
+
"dark-new-input-border"
|
|
94
90
|
];
|
|
95
91
|
export type ThemeIdsWithOverrides = (typeof themeIdsWithOverrides)[number];
|
|
96
92
|
/**
|
|
@@ -104,7 +100,7 @@ export type ExtensionThemeId = ThemeIds;
|
|
|
104
100
|
* For example: legacy light & dark themes use the "legacyPalette" containing colors from our
|
|
105
101
|
* previous color set.
|
|
106
102
|
*/
|
|
107
|
-
export type Palettes = 'defaultPalette' | '
|
|
103
|
+
export type Palettes = 'defaultPalette' | 'legacyPalette' | 'spacingScale' | 'shapePalette' | 'typographyPalette';
|
|
108
104
|
/**
|
|
109
105
|
* ThemeConfig: the source of truth for all theme meta-data.
|
|
110
106
|
* This object should be used whenever interfacing with themes.
|
|
@@ -62,6 +62,11 @@ export interface DesignToken<TValue, Group extends Groups> extends Token<TValue,
|
|
|
62
62
|
suggest?: string[];
|
|
63
63
|
};
|
|
64
64
|
}
|
|
65
|
+
export interface TypographyDesignToken<TValue> extends DesignToken<TValue, 'typography'> {
|
|
66
|
+
attributes: DesignToken<TValue, 'typography'>['attributes'] & {
|
|
67
|
+
responsiveSmallerVariant?: ResponsiveTypographyTokens;
|
|
68
|
+
};
|
|
69
|
+
}
|
|
65
70
|
/**
|
|
66
71
|
* @example
|
|
67
72
|
* ```ts
|
|
@@ -71,7 +76,7 @@ export interface DesignToken<TValue, Group extends Groups> extends Token<TValue,
|
|
|
71
76
|
*/
|
|
72
77
|
type FlattenKeys<T, Prefix extends string = ''> = {
|
|
73
78
|
[Key in keyof T]: T[Key] extends object ? T[Key] extends {
|
|
74
|
-
value:
|
|
79
|
+
value: any;
|
|
75
80
|
} ? `${Prefix}${Key & string}` : `${Prefix}${Key & string}.${FlattenKeys<T[Key]>}` : `${Prefix}.${Key & string}`;
|
|
76
81
|
}[keyof T];
|
|
77
82
|
type OmitDistributive<T, K extends PropertyKey> = T extends any ? T extends object ? Id<DeepOmit<T, K>> : T : never;
|
|
@@ -1000,14 +1005,16 @@ export type TypographyToken<TPalette extends {
|
|
|
1000
1005
|
lineHeight: string;
|
|
1001
1006
|
fontFamily: string;
|
|
1002
1007
|
letterSpacing: string;
|
|
1003
|
-
|
|
1008
|
+
responsiveToken?: string;
|
|
1009
|
+
}> = TypographyDesignToken<{
|
|
1004
1010
|
fontStyle: 'normal';
|
|
1005
1011
|
fontWeight: TPalette['fontWeight'];
|
|
1006
1012
|
fontFamily: FlattenKeys<FontFamilyTokenSchema<any>>;
|
|
1007
1013
|
fontSize: TPalette['fontSize'];
|
|
1008
1014
|
lineHeight: TPalette['lineHeight'];
|
|
1009
1015
|
letterSpacing: TPalette['letterSpacing'];
|
|
1010
|
-
}
|
|
1016
|
+
}>;
|
|
1017
|
+
type ResponsiveTypographyTokens = FlattenKeys<TypographyTokenSchema<any>>;
|
|
1011
1018
|
/**
|
|
1012
1019
|
* The semantic interface for typography tokens
|
|
1013
1020
|
*/
|