@atlaskit/tokens 1.14.2 → 1.15.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 +6 -0
- package/dist/cjs/artifacts/atlassian-dark-token-value-for-contrast-check.js +2 -2
- package/dist/cjs/artifacts/atlassian-light-token-value-for-contrast-check.js +2 -2
- package/dist/cjs/artifacts/palettes-raw/typography-palette.js +277 -37
- package/dist/cjs/artifacts/theme-import-map.js +10 -4
- package/dist/cjs/artifacts/themes/atlassian-typography-adg3.js +13 -0
- package/dist/cjs/artifacts/themes/atlassian-typography.js +2 -2
- package/dist/cjs/artifacts/token-default-values.js +23 -2
- package/dist/cjs/artifacts/token-names.js +22 -1
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography-adg3.js +1084 -0
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography.js +465 -253
- package/dist/cjs/entry-points/tokens-raw.js +2 -2
- package/dist/cjs/get-token-value.js +1 -1
- package/dist/cjs/get-token.js +1 -1
- package/dist/cjs/palettes/typography-palette.js +121 -16
- package/dist/cjs/theme-config.js +12 -4
- package/dist/cjs/tokens/atlassian-typography/font-family.js +11 -2
- package/dist/cjs/tokens/atlassian-typography/theme.js +140 -0
- package/dist/cjs/tokens/atlassian-typography/utils.js +29 -0
- package/dist/cjs/tokens/atlassian-typography-adg3/font-family.js +29 -0
- package/dist/cjs/tokens/{atlassian-typography → atlassian-typography-adg3}/font-size.js +8 -8
- package/dist/cjs/tokens/{atlassian-typography → atlassian-typography-adg3}/font-weight.js +4 -4
- package/dist/cjs/tokens/{atlassian-typography → atlassian-typography-adg3}/line-height.js +3 -0
- package/dist/cjs/tokens/atlassian-typography-adg3/theme.js +140 -0
- package/dist/cjs/tokens/atlassian-typography-adg3/utils.js +29 -0
- package/dist/cjs/tokens/default/typography/font-family.js +24 -0
- package/dist/cjs/tokens/default/typography/font.js +133 -0
- package/dist/cjs/tokens/default/typography/letter-spacing.js +54 -0
- package/dist/cjs/tokens/default/typography/line-height.js +8 -0
- package/dist/es2019/artifacts/atlassian-dark-token-value-for-contrast-check.js +2 -2
- package/dist/es2019/artifacts/atlassian-light-token-value-for-contrast-check.js +2 -2
- package/dist/es2019/artifacts/palettes-raw/typography-palette.js +277 -37
- package/dist/es2019/artifacts/theme-import-map.js +6 -4
- package/dist/es2019/artifacts/themes/atlassian-typography-adg3.js +50 -0
- package/dist/es2019/artifacts/themes/atlassian-typography.js +23 -21
- package/dist/es2019/artifacts/token-default-values.js +23 -2
- package/dist/es2019/artifacts/token-names.js +22 -1
- package/dist/es2019/artifacts/tokens-raw/atlassian-typography-adg3.js +1077 -0
- package/dist/es2019/artifacts/tokens-raw/atlassian-typography.js +465 -253
- package/dist/es2019/entry-points/tokens-raw.js +1 -1
- package/dist/es2019/get-token-value.js +1 -1
- package/dist/es2019/get-token.js +1 -1
- package/dist/es2019/palettes/typography-palette.js +123 -17
- package/dist/es2019/theme-config.js +12 -4
- package/dist/es2019/tokens/atlassian-typography/font-family.js +11 -2
- package/dist/es2019/tokens/atlassian-typography/theme.js +133 -0
- package/dist/es2019/tokens/atlassian-typography/utils.js +22 -0
- package/dist/es2019/tokens/atlassian-typography-adg3/font-family.js +22 -0
- package/dist/es2019/tokens/atlassian-typography-adg3/font-size.js +31 -0
- package/dist/es2019/tokens/atlassian-typography-adg3/font-weight.js +19 -0
- package/dist/es2019/tokens/{atlassian-typography → atlassian-typography-adg3}/line-height.js +3 -0
- package/dist/es2019/tokens/atlassian-typography-adg3/theme.js +133 -0
- package/dist/es2019/tokens/atlassian-typography-adg3/utils.js +22 -0
- package/dist/es2019/tokens/default/typography/font-family.js +24 -0
- package/dist/es2019/tokens/default/typography/font.js +126 -0
- package/dist/es2019/tokens/default/typography/letter-spacing.js +47 -0
- package/dist/es2019/tokens/default/typography/line-height.js +8 -0
- package/dist/esm/artifacts/atlassian-dark-token-value-for-contrast-check.js +2 -2
- package/dist/esm/artifacts/atlassian-light-token-value-for-contrast-check.js +2 -2
- package/dist/esm/artifacts/palettes-raw/typography-palette.js +277 -37
- package/dist/esm/artifacts/theme-import-map.js +8 -4
- package/dist/esm/artifacts/themes/atlassian-typography-adg3.js +6 -0
- package/dist/esm/artifacts/themes/atlassian-typography.js +2 -2
- package/dist/esm/artifacts/token-default-values.js +23 -2
- package/dist/esm/artifacts/token-names.js +22 -1
- package/dist/esm/artifacts/tokens-raw/atlassian-typography-adg3.js +1077 -0
- package/dist/esm/artifacts/tokens-raw/atlassian-typography.js +465 -253
- package/dist/esm/entry-points/tokens-raw.js +1 -1
- package/dist/esm/get-token-value.js +1 -1
- package/dist/esm/get-token.js +1 -1
- package/dist/esm/palettes/typography-palette.js +121 -16
- package/dist/esm/theme-config.js +12 -4
- package/dist/esm/tokens/atlassian-typography/font-family.js +11 -2
- package/dist/esm/tokens/atlassian-typography/theme.js +133 -0
- package/dist/esm/tokens/atlassian-typography/utils.js +22 -0
- package/dist/esm/tokens/atlassian-typography-adg3/font-family.js +22 -0
- package/dist/esm/tokens/atlassian-typography-adg3/font-size.js +31 -0
- package/dist/esm/tokens/atlassian-typography-adg3/font-weight.js +19 -0
- package/dist/esm/tokens/{atlassian-typography → atlassian-typography-adg3}/line-height.js +3 -0
- package/dist/esm/tokens/atlassian-typography-adg3/theme.js +133 -0
- package/dist/esm/tokens/atlassian-typography-adg3/utils.js +22 -0
- package/dist/esm/tokens/default/typography/font-family.js +24 -0
- package/dist/esm/tokens/default/typography/font.js +126 -0
- package/dist/esm/tokens/default/typography/letter-spacing.js +47 -0
- package/dist/esm/tokens/default/typography/line-height.js +8 -0
- package/dist/types/artifacts/atlassian-dark-token-value-for-contrast-check.d.ts +2 -2
- package/dist/types/artifacts/atlassian-light-token-value-for-contrast-check.d.ts +2 -2
- package/dist/types/artifacts/palettes-raw/typography-palette.d.ts +1 -1
- package/dist/types/artifacts/theme-import-map.d.ts +1 -1
- package/dist/types/artifacts/themes/atlassian-typography-adg3.d.ts +7 -0
- package/dist/types/artifacts/themes/atlassian-typography.d.ts +2 -2
- package/dist/types/artifacts/token-default-values.d.ts +23 -2
- package/dist/types/artifacts/token-names.d.ts +43 -1
- package/dist/types/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +101 -0
- package/dist/types/artifacts/tokens-raw/atlassian-typography.d.ts +111 -3
- package/dist/types/artifacts/types-internal.d.ts +2 -2
- package/dist/types/artifacts/types.d.ts +2 -2
- package/dist/types/entry-points/tokens-raw.d.ts +1 -1
- package/dist/types/palettes/typography-palette.d.ts +8 -6
- package/dist/types/theme-config.d.ts +4 -4
- package/dist/types/tokens/atlassian-typography/theme.d.ts +10 -0
- package/dist/types/tokens/atlassian-typography/utils.d.ts +4 -0
- package/dist/types/tokens/atlassian-typography-adg3/font-family.d.ts +4 -0
- package/dist/types/tokens/atlassian-typography-adg3/theme.d.ts +10 -0
- package/dist/types/tokens/atlassian-typography-adg3/utils.d.ts +4 -0
- package/dist/types/tokens/default/typography/font.d.ts +20 -0
- package/dist/types/tokens/default/typography/letter-spacing.d.ts +4 -0
- package/dist/types/types.d.ts +111 -22
- package/dist/types-ts4.5/artifacts/atlassian-dark-token-value-for-contrast-check.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/atlassian-light-token-value-for-contrast-check.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/palettes-raw/typography-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-typography-adg3.d.ts +7 -0
- package/dist/types-ts4.5/artifacts/themes/atlassian-typography.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/token-default-values.d.ts +23 -2
- package/dist/types-ts4.5/artifacts/token-names.d.ts +43 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography-adg3.d.ts +101 -0
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography.d.ts +111 -3
- package/dist/types-ts4.5/artifacts/types-internal.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/types.d.ts +2 -2
- package/dist/types-ts4.5/entry-points/tokens-raw.d.ts +1 -1
- package/dist/types-ts4.5/palettes/typography-palette.d.ts +8 -6
- package/dist/types-ts4.5/theme-config.d.ts +5 -3
- package/dist/types-ts4.5/tokens/atlassian-typography/theme.d.ts +10 -0
- package/dist/types-ts4.5/tokens/atlassian-typography/utils.d.ts +4 -0
- package/dist/types-ts4.5/tokens/atlassian-typography-adg3/font-family.d.ts +4 -0
- package/dist/types-ts4.5/tokens/atlassian-typography-adg3/theme.d.ts +10 -0
- package/dist/types-ts4.5/tokens/atlassian-typography-adg3/utils.d.ts +4 -0
- package/dist/types-ts4.5/tokens/default/typography/font.d.ts +20 -0
- package/dist/types-ts4.5/tokens/default/typography/letter-spacing.d.ts +4 -0
- package/dist/types-ts4.5/types.d.ts +111 -22
- package/figma/atlassian-typography-adg3.json +150 -0
- package/figma/atlassian-typography.json +19 -82
- package/package.json +1 -1
- package/report.api.md +60 -2
- package/tmp/api-report-tmp.d.ts +49 -7
- package/dist/es2019/tokens/atlassian-typography/font-size.js +0 -31
- package/dist/es2019/tokens/atlassian-typography/font-weight.js +0 -19
- package/dist/esm/tokens/atlassian-typography/font-size.js +0 -31
- package/dist/esm/tokens/atlassian-typography/font-weight.js +0 -19
- /package/dist/types/tokens/{atlassian-typography → atlassian-typography-adg3}/font-size.d.ts +0 -0
- /package/dist/types/tokens/{atlassian-typography → atlassian-typography-adg3}/font-weight.d.ts +0 -0
- /package/dist/types/tokens/{atlassian-typography → atlassian-typography-adg3}/line-height.d.ts +0 -0
- /package/dist/types-ts4.5/tokens/{atlassian-typography → atlassian-typography-adg3}/font-size.d.ts +0 -0
- /package/dist/types-ts4.5/tokens/{atlassian-typography → atlassian-typography-adg3}/font-weight.d.ts +0 -0
- /package/dist/types-ts4.5/tokens/{atlassian-typography → atlassian-typography-adg3}/line-height.d.ts +0 -0
|
@@ -1,9 +1,81 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::bae3fa2256b534cd5a8fad9a180e3fa8>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
|
-
declare const tokens: {
|
|
6
|
+
declare const tokens: ({
|
|
7
|
+
attributes: {
|
|
8
|
+
group: string;
|
|
9
|
+
state: string;
|
|
10
|
+
introduced: string;
|
|
11
|
+
description: string;
|
|
12
|
+
};
|
|
13
|
+
value: {
|
|
14
|
+
fontSize: number;
|
|
15
|
+
fontStyle: string;
|
|
16
|
+
fontWeight: string;
|
|
17
|
+
lineHeight: number;
|
|
18
|
+
fontFamily: string;
|
|
19
|
+
letterSpacing: string;
|
|
20
|
+
};
|
|
21
|
+
filePath: string;
|
|
22
|
+
isSource: boolean;
|
|
23
|
+
original: {
|
|
24
|
+
attributes: {
|
|
25
|
+
group: string;
|
|
26
|
+
state: string;
|
|
27
|
+
introduced: string;
|
|
28
|
+
description: string;
|
|
29
|
+
};
|
|
30
|
+
value: {
|
|
31
|
+
fontWeight: string;
|
|
32
|
+
fontSize: string;
|
|
33
|
+
lineHeight: string;
|
|
34
|
+
fontFamily: string;
|
|
35
|
+
fontStyle: string;
|
|
36
|
+
letterSpacing: string;
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
name: string;
|
|
40
|
+
path: string[];
|
|
41
|
+
cleanName: string;
|
|
42
|
+
} | {
|
|
43
|
+
attributes: {
|
|
44
|
+
group: string;
|
|
45
|
+
state: string;
|
|
46
|
+
introduced: string;
|
|
47
|
+
description: string;
|
|
48
|
+
};
|
|
49
|
+
value: {
|
|
50
|
+
fontSize: string;
|
|
51
|
+
fontStyle: string;
|
|
52
|
+
fontWeight: string;
|
|
53
|
+
lineHeight: string;
|
|
54
|
+
fontFamily: string;
|
|
55
|
+
letterSpacing: string;
|
|
56
|
+
};
|
|
57
|
+
filePath: string;
|
|
58
|
+
isSource: boolean;
|
|
59
|
+
original: {
|
|
60
|
+
attributes: {
|
|
61
|
+
group: string;
|
|
62
|
+
state: string;
|
|
63
|
+
introduced: string;
|
|
64
|
+
description: string;
|
|
65
|
+
};
|
|
66
|
+
value: {
|
|
67
|
+
fontWeight: string;
|
|
68
|
+
fontSize: string;
|
|
69
|
+
lineHeight: string;
|
|
70
|
+
fontFamily: string;
|
|
71
|
+
fontStyle: string;
|
|
72
|
+
letterSpacing: string;
|
|
73
|
+
};
|
|
74
|
+
};
|
|
75
|
+
name: string;
|
|
76
|
+
path: string[];
|
|
77
|
+
cleanName: string;
|
|
78
|
+
} | {
|
|
7
79
|
attributes: {
|
|
8
80
|
group: string;
|
|
9
81
|
state: string;
|
|
@@ -25,5 +97,41 @@ declare const tokens: {
|
|
|
25
97
|
name: string;
|
|
26
98
|
path: string[];
|
|
27
99
|
cleanName: string;
|
|
28
|
-
}
|
|
100
|
+
} | {
|
|
101
|
+
attributes: {
|
|
102
|
+
group: string;
|
|
103
|
+
state: string;
|
|
104
|
+
introduced: string;
|
|
105
|
+
description: string;
|
|
106
|
+
};
|
|
107
|
+
value: {
|
|
108
|
+
fontSize: number;
|
|
109
|
+
fontStyle: string;
|
|
110
|
+
fontWeight: string;
|
|
111
|
+
lineHeight: string;
|
|
112
|
+
fontFamily: string;
|
|
113
|
+
letterSpacing: string;
|
|
114
|
+
};
|
|
115
|
+
filePath: string;
|
|
116
|
+
isSource: boolean;
|
|
117
|
+
original: {
|
|
118
|
+
attributes: {
|
|
119
|
+
group: string;
|
|
120
|
+
state: string;
|
|
121
|
+
introduced: string;
|
|
122
|
+
description: string;
|
|
123
|
+
};
|
|
124
|
+
value: {
|
|
125
|
+
fontWeight: string;
|
|
126
|
+
fontSize: string;
|
|
127
|
+
lineHeight: string;
|
|
128
|
+
fontFamily: string;
|
|
129
|
+
fontStyle: string;
|
|
130
|
+
letterSpacing: string;
|
|
131
|
+
};
|
|
132
|
+
};
|
|
133
|
+
name: string;
|
|
134
|
+
path: string[];
|
|
135
|
+
cleanName: string;
|
|
136
|
+
})[];
|
|
29
137
|
export default tokens;
|
|
@@ -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::c44908da2965d4610f1091a43ce61609>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
|
-
export type InternalTokenIds = 'color.text.[default]' | 'color.text.accent.lime.[default]' | 'color.text.accent.lime.bolder' | 'color.text.accent.red.[default]' | 'color.text.accent.red.bolder' | 'color.text.accent.orange.[default]' | 'color.text.accent.orange.bolder' | 'color.text.accent.yellow.[default]' | 'color.text.accent.yellow.bolder' | 'color.text.accent.green.[default]' | 'color.text.accent.green.bolder' | 'color.text.accent.teal.[default]' | 'color.text.accent.teal.bolder' | 'color.text.accent.blue.[default]' | 'color.text.accent.blue.bolder' | 'color.text.accent.purple.[default]' | 'color.text.accent.purple.bolder' | 'color.text.accent.magenta.[default]' | 'color.text.accent.magenta.bolder' | 'color.text.accent.gray.[default]' | 'color.text.accent.gray.bolder' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.selected' | 'color.text.brand' | 'color.text.danger' | 'color.text.warning.[default]' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.text.subtlest' | 'color.text.subtle' | 'color.link.[default]' | 'color.link.pressed' | 'color.icon.[default]' | 'color.icon.accent.lime' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.teal' | 'color.icon.accent.blue' | 'color.icon.accent.purple' | 'color.icon.accent.magenta' | 'color.icon.accent.gray' | 'color.icon.disabled' | 'color.icon.inverse' | 'color.icon.selected' | 'color.icon.brand' | 'color.icon.danger' | 'color.icon.warning.[default]' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.icon.subtle' | 'color.border.[default]' | 'color.border.accent.lime' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.teal' | 'color.border.accent.blue' | 'color.border.accent.purple' | 'color.border.accent.magenta' | 'color.border.accent.gray' | 'color.border.disabled' | 'color.border.focused' | 'color.border.input' | 'color.border.inverse' | 'color.border.selected' | 'color.border.brand' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.border.bold' | 'color.background.accent.lime.subtlest' | 'color.background.accent.lime.subtler' | 'color.background.accent.lime.subtle' | 'color.background.accent.lime.bolder' | 'color.background.accent.red.subtlest' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtle' | 'color.background.accent.red.bolder' | 'color.background.accent.orange.subtlest' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.bolder' | 'color.background.accent.yellow.subtlest' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.bolder' | 'color.background.accent.green.subtlest' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtle' | 'color.background.accent.green.bolder' | 'color.background.accent.teal.subtlest' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.bolder' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.bolder' | 'color.background.accent.purple.subtlest' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.bolder' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.bolder' | 'color.background.accent.gray.subtlest' | 'color.background.accent.gray.subtler' | 'color.background.accent.gray.subtle' | 'color.background.accent.gray.bolder' | 'color.background.disabled' | 'color.background.input.[default]' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.inverse.subtle.[default]' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.neutral.[default].[default]' | 'color.background.neutral.[default].hovered' | 'color.background.neutral.[default].pressed' | 'color.background.neutral.subtle.[default]' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.neutral.bold.[default]' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.selected.[default].[default]' | 'color.background.selected.[default].hovered' | 'color.background.selected.[default].pressed' | 'color.background.selected.bold.[default]' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.brand.subtlest.[default]' | 'color.background.brand.subtlest.hovered' | 'color.background.brand.subtlest.pressed' | 'color.background.brand.bold.[default]' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.brand.boldest.[default]' | 'color.background.brand.boldest.hovered' | 'color.background.brand.boldest.pressed' | 'color.background.danger.[default].[default]' | 'color.background.danger.[default].hovered' | 'color.background.danger.[default].pressed' | 'color.background.danger.bold.[default]' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.warning.[default].[default]' | 'color.background.warning.[default].hovered' | 'color.background.warning.[default].pressed' | 'color.background.warning.bold.[default]' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.success.[default].[default]' | 'color.background.success.[default].hovered' | 'color.background.success.[default].pressed' | 'color.background.success.bold.[default]' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.discovery.[default].[default]' | 'color.background.discovery.[default].hovered' | 'color.background.discovery.[default].pressed' | 'color.background.discovery.bold.[default]' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information.[default].[default]' | 'color.background.information.[default].hovered' | 'color.background.information.[default].pressed' | 'color.background.information.bold.[default]' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.blanket.[default]' | 'color.blanket.selected' | 'color.blanket.danger' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.skeleton.[default]' | 'color.skeleton.subtle' | 'color.chart.categorical.1.[default]' | 'color.chart.categorical.1.hovered' | 'color.chart.categorical.2.[default]' | 'color.chart.categorical.2.hovered' | 'color.chart.categorical.3.[default]' | 'color.chart.categorical.3.hovered' | 'color.chart.categorical.4.[default]' | 'color.chart.categorical.4.hovered' | 'color.chart.categorical.5.[default]' | 'color.chart.categorical.5.hovered' | 'color.chart.categorical.6.[default]' | 'color.chart.categorical.6.hovered' | 'color.chart.categorical.7.[default]' | 'color.chart.categorical.7.hovered' | 'color.chart.categorical.8.[default]' | 'color.chart.categorical.8.hovered' | 'color.chart.lime.bold.[default]' | 'color.chart.lime.bold.hovered' | 'color.chart.lime.bolder.[default]' | 'color.chart.lime.bolder.hovered' | 'color.chart.lime.boldest.[default]' | 'color.chart.lime.boldest.hovered' | 'color.chart.neutral.[default]' | 'color.chart.neutral.hovered' | 'color.chart.red.bold.[default]' | 'color.chart.red.bold.hovered' | 'color.chart.red.bolder.[default]' | 'color.chart.red.bolder.hovered' | 'color.chart.red.boldest.[default]' | 'color.chart.red.boldest.hovered' | 'color.chart.orange.bold.[default]' | 'color.chart.orange.bold.hovered' | 'color.chart.orange.bolder.[default]' | 'color.chart.orange.bolder.hovered' | 'color.chart.orange.boldest.[default]' | 'color.chart.orange.boldest.hovered' | 'color.chart.yellow.bold.[default]' | 'color.chart.yellow.bold.hovered' | 'color.chart.yellow.bolder.[default]' | 'color.chart.yellow.bolder.hovered' | 'color.chart.yellow.boldest.[default]' | 'color.chart.yellow.boldest.hovered' | 'color.chart.green.bold.[default]' | 'color.chart.green.bold.hovered' | 'color.chart.green.bolder.[default]' | 'color.chart.green.bolder.hovered' | 'color.chart.green.boldest.[default]' | 'color.chart.green.boldest.hovered' | 'color.chart.teal.bold.[default]' | 'color.chart.teal.bold.hovered' | 'color.chart.teal.bolder.[default]' | 'color.chart.teal.bolder.hovered' | 'color.chart.teal.boldest.[default]' | 'color.chart.teal.boldest.hovered' | 'color.chart.blue.bold.[default]' | 'color.chart.blue.bold.hovered' | 'color.chart.blue.bolder.[default]' | 'color.chart.blue.bolder.hovered' | 'color.chart.blue.boldest.[default]' | 'color.chart.blue.boldest.hovered' | 'color.chart.purple.bold.[default]' | 'color.chart.purple.bold.hovered' | 'color.chart.purple.bolder.[default]' | 'color.chart.purple.bolder.hovered' | 'color.chart.purple.boldest.[default]' | 'color.chart.purple.boldest.hovered' | 'color.chart.magenta.bold.[default]' | 'color.chart.magenta.bold.hovered' | 'color.chart.magenta.bolder.[default]' | 'color.chart.magenta.bolder.hovered' | 'color.chart.magenta.boldest.[default]' | 'color.chart.magenta.boldest.hovered' | 'color.chart.gray.bold.[default]' | 'color.chart.gray.bold.hovered' | 'color.chart.gray.bolder.[default]' | 'color.chart.gray.bolder.hovered' | 'color.chart.gray.boldest.[default]' | 'color.chart.gray.boldest.hovered' | 'color.chart.brand.[default]' | 'color.chart.brand.hovered' | 'color.chart.danger.[default].[default]' | 'color.chart.danger.[default].hovered' | 'color.chart.danger.bold.[default]' | 'color.chart.danger.bold.hovered' | 'color.chart.warning.[default].[default]' | 'color.chart.warning.[default].hovered' | 'color.chart.warning.bold.[default]' | 'color.chart.warning.bold.hovered' | 'color.chart.success.[default].[default]' | 'color.chart.success.[default].hovered' | 'color.chart.success.bold.[default]' | 'color.chart.success.bold.hovered' | 'color.chart.discovery.[default].[default]' | 'color.chart.discovery.[default].hovered' | 'color.chart.discovery.bold.[default]' | 'color.chart.discovery.bold.hovered' | 'color.chart.information.[default].[default]' | 'color.chart.information.[default].hovered' | 'color.chart.information.bold.[default]' | 'color.chart.information.bold.hovered' | 'elevation.surface.[default].[default]' | 'elevation.surface.[default].hovered' | 'elevation.surface.[default].pressed' | 'elevation.surface.overlay.[default]' | 'elevation.surface.overlay.hovered' | 'elevation.surface.overlay.pressed' | 'elevation.surface.raised.[default]' | 'elevation.surface.raised.hovered' | 'elevation.surface.raised.pressed' | 'elevation.surface.sunken' | 'elevation.shadow.overflow.[default]' | 'elevation.shadow.overflow.perimeter' | 'elevation.shadow.overflow.spread' | 'elevation.shadow.overlay' | 'elevation.shadow.raised' | 'opacity.disabled' | 'opacity.loading' | 'utility.UNSAFE.transparent' | 'border.radius.050' | 'border.radius.[default]' | 'border.radius.100' | 'border.radius.200' | 'border.radius.300' | 'border.radius.400' | 'border.radius.circle' | 'border.width.[default]' | 'border.width.indicator' | 'border.width.outline' | 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'space.1000' | 'font.family.monospace' | 'font.family.sans' | 'font.size.050' | 'font.size.075' | 'font.size.100' | 'font.size.200' | 'font.size.300' | 'font.size.400' | 'font.size.500' | 'font.size.600' | 'font.weight.bold' | 'font.weight.medium' | 'font.weight.regular' | 'font.weight.semibold' | 'font.lineHeight.100' | 'font.lineHeight.200' | 'font.lineHeight.300' | 'font.lineHeight.400' | 'font.lineHeight.500' | 'font.lineHeight.600';
|
|
6
|
+
export type InternalTokenIds = 'color.text.[default]' | 'color.text.accent.lime.[default]' | 'color.text.accent.lime.bolder' | 'color.text.accent.red.[default]' | 'color.text.accent.red.bolder' | 'color.text.accent.orange.[default]' | 'color.text.accent.orange.bolder' | 'color.text.accent.yellow.[default]' | 'color.text.accent.yellow.bolder' | 'color.text.accent.green.[default]' | 'color.text.accent.green.bolder' | 'color.text.accent.teal.[default]' | 'color.text.accent.teal.bolder' | 'color.text.accent.blue.[default]' | 'color.text.accent.blue.bolder' | 'color.text.accent.purple.[default]' | 'color.text.accent.purple.bolder' | 'color.text.accent.magenta.[default]' | 'color.text.accent.magenta.bolder' | 'color.text.accent.gray.[default]' | 'color.text.accent.gray.bolder' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.selected' | 'color.text.brand' | 'color.text.danger' | 'color.text.warning.[default]' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.text.subtlest' | 'color.text.subtle' | 'color.link.[default]' | 'color.link.pressed' | 'color.icon.[default]' | 'color.icon.accent.lime' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.teal' | 'color.icon.accent.blue' | 'color.icon.accent.purple' | 'color.icon.accent.magenta' | 'color.icon.accent.gray' | 'color.icon.disabled' | 'color.icon.inverse' | 'color.icon.selected' | 'color.icon.brand' | 'color.icon.danger' | 'color.icon.warning.[default]' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.icon.subtle' | 'color.border.[default]' | 'color.border.accent.lime' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.teal' | 'color.border.accent.blue' | 'color.border.accent.purple' | 'color.border.accent.magenta' | 'color.border.accent.gray' | 'color.border.disabled' | 'color.border.focused' | 'color.border.input' | 'color.border.inverse' | 'color.border.selected' | 'color.border.brand' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.border.bold' | 'color.background.accent.lime.subtlest' | 'color.background.accent.lime.subtler' | 'color.background.accent.lime.subtle' | 'color.background.accent.lime.bolder' | 'color.background.accent.red.subtlest' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtle' | 'color.background.accent.red.bolder' | 'color.background.accent.orange.subtlest' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.bolder' | 'color.background.accent.yellow.subtlest' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.bolder' | 'color.background.accent.green.subtlest' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtle' | 'color.background.accent.green.bolder' | 'color.background.accent.teal.subtlest' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.bolder' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.bolder' | 'color.background.accent.purple.subtlest' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.bolder' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.bolder' | 'color.background.accent.gray.subtlest' | 'color.background.accent.gray.subtler' | 'color.background.accent.gray.subtle' | 'color.background.accent.gray.bolder' | 'color.background.disabled' | 'color.background.input.[default]' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.inverse.subtle.[default]' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.neutral.[default].[default]' | 'color.background.neutral.[default].hovered' | 'color.background.neutral.[default].pressed' | 'color.background.neutral.subtle.[default]' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.neutral.bold.[default]' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.selected.[default].[default]' | 'color.background.selected.[default].hovered' | 'color.background.selected.[default].pressed' | 'color.background.selected.bold.[default]' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.brand.subtlest.[default]' | 'color.background.brand.subtlest.hovered' | 'color.background.brand.subtlest.pressed' | 'color.background.brand.bold.[default]' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.brand.boldest.[default]' | 'color.background.brand.boldest.hovered' | 'color.background.brand.boldest.pressed' | 'color.background.danger.[default].[default]' | 'color.background.danger.[default].hovered' | 'color.background.danger.[default].pressed' | 'color.background.danger.bold.[default]' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.warning.[default].[default]' | 'color.background.warning.[default].hovered' | 'color.background.warning.[default].pressed' | 'color.background.warning.bold.[default]' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.success.[default].[default]' | 'color.background.success.[default].hovered' | 'color.background.success.[default].pressed' | 'color.background.success.bold.[default]' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.discovery.[default].[default]' | 'color.background.discovery.[default].hovered' | 'color.background.discovery.[default].pressed' | 'color.background.discovery.bold.[default]' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information.[default].[default]' | 'color.background.information.[default].hovered' | 'color.background.information.[default].pressed' | 'color.background.information.bold.[default]' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.blanket.[default]' | 'color.blanket.selected' | 'color.blanket.danger' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.skeleton.[default]' | 'color.skeleton.subtle' | 'color.chart.categorical.1.[default]' | 'color.chart.categorical.1.hovered' | 'color.chart.categorical.2.[default]' | 'color.chart.categorical.2.hovered' | 'color.chart.categorical.3.[default]' | 'color.chart.categorical.3.hovered' | 'color.chart.categorical.4.[default]' | 'color.chart.categorical.4.hovered' | 'color.chart.categorical.5.[default]' | 'color.chart.categorical.5.hovered' | 'color.chart.categorical.6.[default]' | 'color.chart.categorical.6.hovered' | 'color.chart.categorical.7.[default]' | 'color.chart.categorical.7.hovered' | 'color.chart.categorical.8.[default]' | 'color.chart.categorical.8.hovered' | 'color.chart.lime.bold.[default]' | 'color.chart.lime.bold.hovered' | 'color.chart.lime.bolder.[default]' | 'color.chart.lime.bolder.hovered' | 'color.chart.lime.boldest.[default]' | 'color.chart.lime.boldest.hovered' | 'color.chart.neutral.[default]' | 'color.chart.neutral.hovered' | 'color.chart.red.bold.[default]' | 'color.chart.red.bold.hovered' | 'color.chart.red.bolder.[default]' | 'color.chart.red.bolder.hovered' | 'color.chart.red.boldest.[default]' | 'color.chart.red.boldest.hovered' | 'color.chart.orange.bold.[default]' | 'color.chart.orange.bold.hovered' | 'color.chart.orange.bolder.[default]' | 'color.chart.orange.bolder.hovered' | 'color.chart.orange.boldest.[default]' | 'color.chart.orange.boldest.hovered' | 'color.chart.yellow.bold.[default]' | 'color.chart.yellow.bold.hovered' | 'color.chart.yellow.bolder.[default]' | 'color.chart.yellow.bolder.hovered' | 'color.chart.yellow.boldest.[default]' | 'color.chart.yellow.boldest.hovered' | 'color.chart.green.bold.[default]' | 'color.chart.green.bold.hovered' | 'color.chart.green.bolder.[default]' | 'color.chart.green.bolder.hovered' | 'color.chart.green.boldest.[default]' | 'color.chart.green.boldest.hovered' | 'color.chart.teal.bold.[default]' | 'color.chart.teal.bold.hovered' | 'color.chart.teal.bolder.[default]' | 'color.chart.teal.bolder.hovered' | 'color.chart.teal.boldest.[default]' | 'color.chart.teal.boldest.hovered' | 'color.chart.blue.bold.[default]' | 'color.chart.blue.bold.hovered' | 'color.chart.blue.bolder.[default]' | 'color.chart.blue.bolder.hovered' | 'color.chart.blue.boldest.[default]' | 'color.chart.blue.boldest.hovered' | 'color.chart.purple.bold.[default]' | 'color.chart.purple.bold.hovered' | 'color.chart.purple.bolder.[default]' | 'color.chart.purple.bolder.hovered' | 'color.chart.purple.boldest.[default]' | 'color.chart.purple.boldest.hovered' | 'color.chart.magenta.bold.[default]' | 'color.chart.magenta.bold.hovered' | 'color.chart.magenta.bolder.[default]' | 'color.chart.magenta.bolder.hovered' | 'color.chart.magenta.boldest.[default]' | 'color.chart.magenta.boldest.hovered' | 'color.chart.gray.bold.[default]' | 'color.chart.gray.bold.hovered' | 'color.chart.gray.bolder.[default]' | 'color.chart.gray.bolder.hovered' | 'color.chart.gray.boldest.[default]' | 'color.chart.gray.boldest.hovered' | 'color.chart.brand.[default]' | 'color.chart.brand.hovered' | 'color.chart.danger.[default].[default]' | 'color.chart.danger.[default].hovered' | 'color.chart.danger.bold.[default]' | 'color.chart.danger.bold.hovered' | 'color.chart.warning.[default].[default]' | 'color.chart.warning.[default].hovered' | 'color.chart.warning.bold.[default]' | 'color.chart.warning.bold.hovered' | 'color.chart.success.[default].[default]' | 'color.chart.success.[default].hovered' | 'color.chart.success.bold.[default]' | 'color.chart.success.bold.hovered' | 'color.chart.discovery.[default].[default]' | 'color.chart.discovery.[default].hovered' | 'color.chart.discovery.bold.[default]' | 'color.chart.discovery.bold.hovered' | 'color.chart.information.[default].[default]' | 'color.chart.information.[default].hovered' | 'color.chart.information.bold.[default]' | 'color.chart.information.bold.hovered' | 'elevation.surface.[default].[default]' | 'elevation.surface.[default].hovered' | 'elevation.surface.[default].pressed' | 'elevation.surface.overlay.[default]' | 'elevation.surface.overlay.hovered' | 'elevation.surface.overlay.pressed' | 'elevation.surface.raised.[default]' | 'elevation.surface.raised.hovered' | 'elevation.surface.raised.pressed' | 'elevation.surface.sunken' | 'elevation.shadow.overflow.[default]' | 'elevation.shadow.overflow.perimeter' | 'elevation.shadow.overflow.spread' | 'elevation.shadow.overlay' | 'elevation.shadow.raised' | 'opacity.disabled' | 'opacity.loading' | 'utility.UNSAFE.transparent' | 'border.radius.050' | 'border.radius.[default]' | 'border.radius.100' | 'border.radius.200' | 'border.radius.300' | 'border.radius.400' | 'border.radius.circle' | 'border.width.[default]' | 'border.width.indicator' | 'border.width.outline' | 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'space.1000' | 'font.letterSpacing.0' | 'font.letterSpacing.100' | 'font.letterSpacing.200' | 'font.letterSpacing.300' | 'font.letterSpacing.400' | 'font.family.monospace' | 'font.family.sans' | 'font.size.050' | 'font.size.075' | 'font.size.100' | 'font.size.200' | 'font.size.300' | 'font.size.400' | 'font.size.500' | 'font.size.600' | 'font.weight.bold' | 'font.weight.medium' | 'font.weight.regular' | 'font.weight.semibold' | 'font.lineHeight.1' | 'font.lineHeight.100' | 'font.lineHeight.200' | 'font.lineHeight.300' | 'font.lineHeight.400' | 'font.lineHeight.500' | 'font.lineHeight.600';
|
|
@@ -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::7304cb17df53faa9d0d3ebb09b4ac95c>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
|
-
export type ActiveTokens = 'color.text' | 'color.text.accent.lime' | 'color.text.accent.lime.bolder' | 'color.text.accent.red' | 'color.text.accent.red.bolder' | 'color.text.accent.orange' | 'color.text.accent.orange.bolder' | 'color.text.accent.yellow' | 'color.text.accent.yellow.bolder' | 'color.text.accent.green' | 'color.text.accent.green.bolder' | 'color.text.accent.teal' | 'color.text.accent.teal.bolder' | 'color.text.accent.blue' | 'color.text.accent.blue.bolder' | 'color.text.accent.purple' | 'color.text.accent.purple.bolder' | 'color.text.accent.magenta' | 'color.text.accent.magenta.bolder' | 'color.text.accent.gray' | 'color.text.accent.gray.bolder' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.selected' | 'color.text.brand' | 'color.text.danger' | 'color.text.warning' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.text.subtlest' | 'color.text.subtle' | 'color.link' | 'color.link.pressed' | 'color.icon' | 'color.icon.accent.lime' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.teal' | 'color.icon.accent.blue' | 'color.icon.accent.purple' | 'color.icon.accent.magenta' | 'color.icon.accent.gray' | 'color.icon.disabled' | 'color.icon.inverse' | 'color.icon.selected' | 'color.icon.brand' | 'color.icon.danger' | 'color.icon.warning' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.icon.subtle' | 'color.border' | 'color.border.accent.lime' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.teal' | 'color.border.accent.blue' | 'color.border.accent.purple' | 'color.border.accent.magenta' | 'color.border.accent.gray' | 'color.border.disabled' | 'color.border.focused' | 'color.border.input' | 'color.border.inverse' | 'color.border.selected' | 'color.border.brand' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.border.bold' | 'color.background.accent.lime.subtlest' | 'color.background.accent.lime.subtler' | 'color.background.accent.lime.subtle' | 'color.background.accent.lime.bolder' | 'color.background.accent.red.subtlest' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtle' | 'color.background.accent.red.bolder' | 'color.background.accent.orange.subtlest' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.bolder' | 'color.background.accent.yellow.subtlest' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.bolder' | 'color.background.accent.green.subtlest' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtle' | 'color.background.accent.green.bolder' | 'color.background.accent.teal.subtlest' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.bolder' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.bolder' | 'color.background.accent.purple.subtlest' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.bolder' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.bolder' | 'color.background.accent.gray.subtlest' | 'color.background.accent.gray.subtler' | 'color.background.accent.gray.subtle' | 'color.background.accent.gray.bolder' | 'color.background.disabled' | 'color.background.input' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.inverse.subtle' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.neutral' | 'color.background.neutral.hovered' | 'color.background.neutral.pressed' | 'color.background.neutral.subtle' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.neutral.bold' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.selected' | 'color.background.selected.hovered' | 'color.background.selected.pressed' | 'color.background.selected.bold' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.brand.subtlest' | 'color.background.brand.subtlest.hovered' | 'color.background.brand.subtlest.pressed' | 'color.background.brand.bold' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.brand.boldest' | 'color.background.brand.boldest.hovered' | 'color.background.brand.boldest.pressed' | 'color.background.danger' | 'color.background.danger.hovered' | 'color.background.danger.pressed' | 'color.background.danger.bold' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.warning' | 'color.background.warning.hovered' | 'color.background.warning.pressed' | 'color.background.warning.bold' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.success' | 'color.background.success.hovered' | 'color.background.success.pressed' | 'color.background.success.bold' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.discovery' | 'color.background.discovery.hovered' | 'color.background.discovery.pressed' | 'color.background.discovery.bold' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information' | 'color.background.information.hovered' | 'color.background.information.pressed' | 'color.background.information.bold' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.blanket' | 'color.blanket.selected' | 'color.blanket.danger' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.skeleton' | 'color.skeleton.subtle' | 'color.chart.categorical.1' | 'color.chart.categorical.1.hovered' | 'color.chart.categorical.2' | 'color.chart.categorical.2.hovered' | 'color.chart.categorical.3' | 'color.chart.categorical.3.hovered' | 'color.chart.categorical.4' | 'color.chart.categorical.4.hovered' | 'color.chart.categorical.5' | 'color.chart.categorical.5.hovered' | 'color.chart.categorical.6' | 'color.chart.categorical.6.hovered' | 'color.chart.categorical.7' | 'color.chart.categorical.7.hovered' | 'color.chart.categorical.8' | 'color.chart.categorical.8.hovered' | 'color.chart.lime.bold' | 'color.chart.lime.bold.hovered' | 'color.chart.lime.bolder' | 'color.chart.lime.bolder.hovered' | 'color.chart.lime.boldest' | 'color.chart.lime.boldest.hovered' | 'color.chart.neutral' | 'color.chart.neutral.hovered' | 'color.chart.red.bold' | 'color.chart.red.bold.hovered' | 'color.chart.red.bolder' | 'color.chart.red.bolder.hovered' | 'color.chart.red.boldest' | 'color.chart.red.boldest.hovered' | 'color.chart.orange.bold' | 'color.chart.orange.bold.hovered' | 'color.chart.orange.bolder' | 'color.chart.orange.bolder.hovered' | 'color.chart.orange.boldest' | 'color.chart.orange.boldest.hovered' | 'color.chart.yellow.bold' | 'color.chart.yellow.bold.hovered' | 'color.chart.yellow.bolder' | 'color.chart.yellow.bolder.hovered' | 'color.chart.yellow.boldest' | 'color.chart.yellow.boldest.hovered' | 'color.chart.green.bold' | 'color.chart.green.bold.hovered' | 'color.chart.green.bolder' | 'color.chart.green.bolder.hovered' | 'color.chart.green.boldest' | 'color.chart.green.boldest.hovered' | 'color.chart.teal.bold' | 'color.chart.teal.bold.hovered' | 'color.chart.teal.bolder' | 'color.chart.teal.bolder.hovered' | 'color.chart.teal.boldest' | 'color.chart.teal.boldest.hovered' | 'color.chart.blue.bold' | 'color.chart.blue.bold.hovered' | 'color.chart.blue.bolder' | 'color.chart.blue.bolder.hovered' | 'color.chart.blue.boldest' | 'color.chart.blue.boldest.hovered' | 'color.chart.purple.bold' | 'color.chart.purple.bold.hovered' | 'color.chart.purple.bolder' | 'color.chart.purple.bolder.hovered' | 'color.chart.purple.boldest' | 'color.chart.purple.boldest.hovered' | 'color.chart.magenta.bold' | 'color.chart.magenta.bold.hovered' | 'color.chart.magenta.bolder' | 'color.chart.magenta.bolder.hovered' | 'color.chart.magenta.boldest' | 'color.chart.magenta.boldest.hovered' | 'color.chart.gray.bold' | 'color.chart.gray.bold.hovered' | 'color.chart.gray.bolder' | 'color.chart.gray.bolder.hovered' | 'color.chart.gray.boldest' | 'color.chart.gray.boldest.hovered' | 'color.chart.brand' | 'color.chart.brand.hovered' | 'color.chart.danger' | 'color.chart.danger.hovered' | 'color.chart.danger.bold' | 'color.chart.danger.bold.hovered' | 'color.chart.warning' | 'color.chart.warning.hovered' | 'color.chart.warning.bold' | 'color.chart.warning.bold.hovered' | 'color.chart.success' | 'color.chart.success.hovered' | 'color.chart.success.bold' | 'color.chart.success.bold.hovered' | 'color.chart.discovery' | 'color.chart.discovery.hovered' | 'color.chart.discovery.bold' | 'color.chart.discovery.bold.hovered' | 'color.chart.information' | 'color.chart.information.hovered' | 'color.chart.information.bold' | 'color.chart.information.bold.hovered' | 'elevation.surface' | 'elevation.surface.hovered' | 'elevation.surface.pressed' | 'elevation.surface.overlay' | 'elevation.surface.overlay.hovered' | 'elevation.surface.overlay.pressed' | 'elevation.surface.raised' | 'elevation.surface.raised.hovered' | 'elevation.surface.raised.pressed' | 'elevation.surface.sunken' | 'elevation.shadow.overflow' | 'elevation.shadow.overflow.perimeter' | 'elevation.shadow.overflow.spread' | 'elevation.shadow.overlay' | 'elevation.shadow.raised' | 'opacity.disabled' | 'opacity.loading' | 'utility.UNSAFE.transparent' | 'border.radius.050' | 'border.radius' | 'border.radius.100' | 'border.radius.200' | 'border.radius.300' | 'border.radius.400' | 'border.radius.circle' | 'border.width' | 'border.width.indicator' | 'border.width.outline' | 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'space.1000' | 'font.family.monospace' | 'font.family.sans' | 'font.size.050' | 'font.size.075' | 'font.size.100' | 'font.size.200' | 'font.size.300' | 'font.size.400' | 'font.size.500' | 'font.size.600' | 'font.weight.bold' | 'font.weight.medium' | 'font.weight.regular' | 'font.weight.semibold' | 'font.lineHeight.100' | 'font.lineHeight.200' | 'font.lineHeight.300' | 'font.lineHeight.400' | 'font.lineHeight.500' | 'font.lineHeight.600';
|
|
6
|
+
export type ActiveTokens = 'color.text' | 'color.text.accent.lime' | 'color.text.accent.lime.bolder' | 'color.text.accent.red' | 'color.text.accent.red.bolder' | 'color.text.accent.orange' | 'color.text.accent.orange.bolder' | 'color.text.accent.yellow' | 'color.text.accent.yellow.bolder' | 'color.text.accent.green' | 'color.text.accent.green.bolder' | 'color.text.accent.teal' | 'color.text.accent.teal.bolder' | 'color.text.accent.blue' | 'color.text.accent.blue.bolder' | 'color.text.accent.purple' | 'color.text.accent.purple.bolder' | 'color.text.accent.magenta' | 'color.text.accent.magenta.bolder' | 'color.text.accent.gray' | 'color.text.accent.gray.bolder' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.selected' | 'color.text.brand' | 'color.text.danger' | 'color.text.warning' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.text.subtlest' | 'color.text.subtle' | 'color.link' | 'color.link.pressed' | 'color.icon' | 'color.icon.accent.lime' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.teal' | 'color.icon.accent.blue' | 'color.icon.accent.purple' | 'color.icon.accent.magenta' | 'color.icon.accent.gray' | 'color.icon.disabled' | 'color.icon.inverse' | 'color.icon.selected' | 'color.icon.brand' | 'color.icon.danger' | 'color.icon.warning' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.icon.subtle' | 'color.border' | 'color.border.accent.lime' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.teal' | 'color.border.accent.blue' | 'color.border.accent.purple' | 'color.border.accent.magenta' | 'color.border.accent.gray' | 'color.border.disabled' | 'color.border.focused' | 'color.border.input' | 'color.border.inverse' | 'color.border.selected' | 'color.border.brand' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.border.bold' | 'color.background.accent.lime.subtlest' | 'color.background.accent.lime.subtler' | 'color.background.accent.lime.subtle' | 'color.background.accent.lime.bolder' | 'color.background.accent.red.subtlest' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtle' | 'color.background.accent.red.bolder' | 'color.background.accent.orange.subtlest' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.bolder' | 'color.background.accent.yellow.subtlest' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.bolder' | 'color.background.accent.green.subtlest' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtle' | 'color.background.accent.green.bolder' | 'color.background.accent.teal.subtlest' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.bolder' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.bolder' | 'color.background.accent.purple.subtlest' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.bolder' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.bolder' | 'color.background.accent.gray.subtlest' | 'color.background.accent.gray.subtler' | 'color.background.accent.gray.subtle' | 'color.background.accent.gray.bolder' | 'color.background.disabled' | 'color.background.input' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.inverse.subtle' | 'color.background.inverse.subtle.hovered' | 'color.background.inverse.subtle.pressed' | 'color.background.neutral' | 'color.background.neutral.hovered' | 'color.background.neutral.pressed' | 'color.background.neutral.subtle' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.neutral.bold' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.selected' | 'color.background.selected.hovered' | 'color.background.selected.pressed' | 'color.background.selected.bold' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.brand.subtlest' | 'color.background.brand.subtlest.hovered' | 'color.background.brand.subtlest.pressed' | 'color.background.brand.bold' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.brand.boldest' | 'color.background.brand.boldest.hovered' | 'color.background.brand.boldest.pressed' | 'color.background.danger' | 'color.background.danger.hovered' | 'color.background.danger.pressed' | 'color.background.danger.bold' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.warning' | 'color.background.warning.hovered' | 'color.background.warning.pressed' | 'color.background.warning.bold' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.success' | 'color.background.success.hovered' | 'color.background.success.pressed' | 'color.background.success.bold' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.discovery' | 'color.background.discovery.hovered' | 'color.background.discovery.pressed' | 'color.background.discovery.bold' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information' | 'color.background.information.hovered' | 'color.background.information.pressed' | 'color.background.information.bold' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.blanket' | 'color.blanket.selected' | 'color.blanket.danger' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.skeleton' | 'color.skeleton.subtle' | 'color.chart.categorical.1' | 'color.chart.categorical.1.hovered' | 'color.chart.categorical.2' | 'color.chart.categorical.2.hovered' | 'color.chart.categorical.3' | 'color.chart.categorical.3.hovered' | 'color.chart.categorical.4' | 'color.chart.categorical.4.hovered' | 'color.chart.categorical.5' | 'color.chart.categorical.5.hovered' | 'color.chart.categorical.6' | 'color.chart.categorical.6.hovered' | 'color.chart.categorical.7' | 'color.chart.categorical.7.hovered' | 'color.chart.categorical.8' | 'color.chart.categorical.8.hovered' | 'color.chart.lime.bold' | 'color.chart.lime.bold.hovered' | 'color.chart.lime.bolder' | 'color.chart.lime.bolder.hovered' | 'color.chart.lime.boldest' | 'color.chart.lime.boldest.hovered' | 'color.chart.neutral' | 'color.chart.neutral.hovered' | 'color.chart.red.bold' | 'color.chart.red.bold.hovered' | 'color.chart.red.bolder' | 'color.chart.red.bolder.hovered' | 'color.chart.red.boldest' | 'color.chart.red.boldest.hovered' | 'color.chart.orange.bold' | 'color.chart.orange.bold.hovered' | 'color.chart.orange.bolder' | 'color.chart.orange.bolder.hovered' | 'color.chart.orange.boldest' | 'color.chart.orange.boldest.hovered' | 'color.chart.yellow.bold' | 'color.chart.yellow.bold.hovered' | 'color.chart.yellow.bolder' | 'color.chart.yellow.bolder.hovered' | 'color.chart.yellow.boldest' | 'color.chart.yellow.boldest.hovered' | 'color.chart.green.bold' | 'color.chart.green.bold.hovered' | 'color.chart.green.bolder' | 'color.chart.green.bolder.hovered' | 'color.chart.green.boldest' | 'color.chart.green.boldest.hovered' | 'color.chart.teal.bold' | 'color.chart.teal.bold.hovered' | 'color.chart.teal.bolder' | 'color.chart.teal.bolder.hovered' | 'color.chart.teal.boldest' | 'color.chart.teal.boldest.hovered' | 'color.chart.blue.bold' | 'color.chart.blue.bold.hovered' | 'color.chart.blue.bolder' | 'color.chart.blue.bolder.hovered' | 'color.chart.blue.boldest' | 'color.chart.blue.boldest.hovered' | 'color.chart.purple.bold' | 'color.chart.purple.bold.hovered' | 'color.chart.purple.bolder' | 'color.chart.purple.bolder.hovered' | 'color.chart.purple.boldest' | 'color.chart.purple.boldest.hovered' | 'color.chart.magenta.bold' | 'color.chart.magenta.bold.hovered' | 'color.chart.magenta.bolder' | 'color.chart.magenta.bolder.hovered' | 'color.chart.magenta.boldest' | 'color.chart.magenta.boldest.hovered' | 'color.chart.gray.bold' | 'color.chart.gray.bold.hovered' | 'color.chart.gray.bolder' | 'color.chart.gray.bolder.hovered' | 'color.chart.gray.boldest' | 'color.chart.gray.boldest.hovered' | 'color.chart.brand' | 'color.chart.brand.hovered' | 'color.chart.danger' | 'color.chart.danger.hovered' | 'color.chart.danger.bold' | 'color.chart.danger.bold.hovered' | 'color.chart.warning' | 'color.chart.warning.hovered' | 'color.chart.warning.bold' | 'color.chart.warning.bold.hovered' | 'color.chart.success' | 'color.chart.success.hovered' | 'color.chart.success.bold' | 'color.chart.success.bold.hovered' | 'color.chart.discovery' | 'color.chart.discovery.hovered' | 'color.chart.discovery.bold' | 'color.chart.discovery.bold.hovered' | 'color.chart.information' | 'color.chart.information.hovered' | 'color.chart.information.bold' | 'color.chart.information.bold.hovered' | 'elevation.surface' | 'elevation.surface.hovered' | 'elevation.surface.pressed' | 'elevation.surface.overlay' | 'elevation.surface.overlay.hovered' | 'elevation.surface.overlay.pressed' | 'elevation.surface.raised' | 'elevation.surface.raised.hovered' | 'elevation.surface.raised.pressed' | 'elevation.surface.sunken' | 'elevation.shadow.overflow' | 'elevation.shadow.overflow.perimeter' | 'elevation.shadow.overflow.spread' | 'elevation.shadow.overlay' | 'elevation.shadow.raised' | 'opacity.disabled' | 'opacity.loading' | 'utility.UNSAFE.transparent' | 'border.radius.050' | 'border.radius' | 'border.radius.100' | 'border.radius.200' | 'border.radius.300' | 'border.radius.400' | 'border.radius.circle' | 'border.width' | 'border.width.indicator' | 'border.width.outline' | 'space.0' | 'space.025' | 'space.050' | 'space.075' | 'space.100' | 'space.150' | 'space.200' | 'space.250' | 'space.300' | 'space.400' | 'space.500' | 'space.600' | 'space.800' | 'space.1000' | 'font.letterSpacing.0' | 'font.letterSpacing.100' | 'font.letterSpacing.200' | 'font.letterSpacing.300' | 'font.letterSpacing.400' | 'font.family.monospace' | 'font.family.sans' | 'font.size.050' | 'font.size.075' | 'font.size.100' | 'font.size.200' | 'font.size.300' | 'font.size.400' | 'font.size.500' | 'font.size.600' | 'font.weight.bold' | 'font.weight.medium' | 'font.weight.regular' | 'font.weight.semibold' | 'font.lineHeight.1' | 'font.lineHeight.100' | 'font.lineHeight.200' | 'font.lineHeight.300' | 'font.lineHeight.400' | 'font.lineHeight.500' | 'font.lineHeight.600';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export { default as light } from '../artifacts/tokens-raw/atlassian-light';
|
|
2
2
|
export { default as dark } from '../artifacts/tokens-raw/atlassian-dark';
|
|
3
3
|
export { default as spacing } from '../artifacts/tokens-raw/atlassian-spacing';
|
|
4
|
-
export { default as typography } from '../artifacts/tokens-raw/atlassian-typography';
|
|
4
|
+
export { default as typography } from '../artifacts/tokens-raw/atlassian-typography-adg3';
|
|
5
5
|
export { default as shape } from '../artifacts/tokens-raw/atlassian-shape';
|
|
@@ -1,11 +1,13 @@
|
|
|
1
|
-
import { FontFamilyPaletteTokenSchema, FontSizeScaleTokenSchema, FontWeightScaleTokenSchema, LineHeightScaleTokenSchema } from '../types';
|
|
2
|
-
export type FontSizeScaleValues = '
|
|
3
|
-
export type LineHeightScaleValues = 'LineHeight100' | 'LineHeight200' | 'LineHeight300' | 'LineHeight400' | 'LineHeight500' | 'LineHeight600';
|
|
4
|
-
export type FontWeightScaleValues = '
|
|
5
|
-
export type FontFamilyPaletteValues = '
|
|
1
|
+
import { FontFamilyPaletteTokenSchema, FontSizeScaleTokenSchema, FontWeightScaleTokenSchema, LetterSpacingScaleTokenSchema, LineHeightScaleTokenSchema } from '../types';
|
|
2
|
+
export type FontSizeScaleValues = 'FontSizeCode' | 'FontSize11' | 'FontSize12' | 'FontSize14' | 'FontSize16' | 'FontSize20' | 'FontSize24' | 'FontSize28' | 'LegacyFontSize29' | 'LegacyFontSize35' | 'FontSize36' | 'FontSize48';
|
|
3
|
+
export type LineHeightScaleValues = 'LineHeight1' | 'LineHeight100' | 'LineHeight200' | 'LineHeight300' | 'LineHeight400' | 'LineHeight500' | 'LineHeight600';
|
|
4
|
+
export type FontWeightScaleValues = 'FontWeight400' | 'FontWeight500' | 'FontWeight600' | 'FontWeight700';
|
|
5
|
+
export type FontFamilyPaletteValues = 'FontFamilyCharlie' | 'FontFamilyWebSans' | 'LegacyFontFamilyWebSans' | 'FontFamilyiOSSans' | 'FontFamilyAndroidSans' | 'FontFamilyWebMono' | 'FontFamilyiOSMono' | 'FontFamilyAndroidMono';
|
|
6
|
+
export type LetterSpacingScaleValues = 'LetterSpacing0' | 'LetterSpacing100' | 'LetterSpacing200' | 'LetterSpacing300' | 'LetterSpacing400';
|
|
6
7
|
export type AtlassianTokenSchema = {
|
|
7
|
-
typography: FontSizeScaleTokenSchema<FontSizeScaleValues> | FontWeightScaleTokenSchema<FontWeightScaleValues> | FontFamilyPaletteTokenSchema<FontFamilyPaletteValues> | LineHeightScaleTokenSchema<LineHeightScaleValues>;
|
|
8
|
+
typography: FontSizeScaleTokenSchema<FontSizeScaleValues> | FontWeightScaleTokenSchema<FontWeightScaleValues> | FontFamilyPaletteTokenSchema<FontFamilyPaletteValues> | LineHeightScaleTokenSchema<LineHeightScaleValues> | LetterSpacingScaleTokenSchema<LetterSpacingScaleValues>;
|
|
8
9
|
};
|
|
10
|
+
export type LetterSpacingBaseToken = keyof LetterSpacingScaleTokenSchema<LetterSpacingScaleValues>['letterSpacing'];
|
|
9
11
|
export type LineHeightBaseToken = keyof LineHeightScaleTokenSchema<LineHeightScaleValues>['lineHeight'];
|
|
10
12
|
export type FontWeightBaseToken = keyof FontWeightScaleTokenSchema<FontWeightScaleValues>['fontWeight'];
|
|
11
13
|
export type FontFamilyBaseToken = keyof FontFamilyPaletteTokenSchema<FontFamilyPaletteValues>['fontFamily'];
|
|
@@ -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';
|
|
9
|
+
export type Themes = 'atlassian-light' | 'atlassian-dark' | 'atlassian-legacy-light' | 'atlassian-legacy-dark' | 'atlassian-shape' | 'atlassian-spacing' | 'atlassian-typography' | '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
|
|
@@ -36,7 +36,7 @@ export type DataColorModes = Exclude<ThemeColorModes, 'auto'>;
|
|
|
36
36
|
*
|
|
37
37
|
* These ids must be kebab case
|
|
38
38
|
*/
|
|
39
|
-
export declare const themeIds: readonly ["light", "dark", "legacy-light", "legacy-dark", "spacing", "typography", "shape"];
|
|
39
|
+
export declare const themeIds: readonly ["light", "dark", "legacy-light", "legacy-dark", "spacing", "typography", "shape", "typography-adg3"];
|
|
40
40
|
export type ThemeIds = (typeof themeIds)[number];
|
|
41
41
|
/**
|
|
42
42
|
* Theme override ids: the equivalent of themeIds for theme overrides.
|
|
@@ -44,7 +44,7 @@ export type ThemeIds = (typeof themeIds)[number];
|
|
|
44
44
|
*/
|
|
45
45
|
export declare const themeOverrideIds: readonly ["light-new-input-border", "dark-new-input-border"];
|
|
46
46
|
export type ThemeOverrideIds = (typeof themeOverrideIds)[number];
|
|
47
|
-
export declare const themeIdsWithOverrides: readonly ["light", "dark", "legacy-light", "legacy-dark", "spacing", "typography", "shape", "light-new-input-border", "dark-new-input-border"];
|
|
47
|
+
export declare const themeIdsWithOverrides: readonly ["light", "dark", "legacy-light", "legacy-dark", "spacing", "typography", "shape", "typography-adg3", "light-new-input-border", "dark-new-input-border"];
|
|
48
48
|
export type ThemeIdsWithOverrides = (typeof themeIdsWithOverrides)[number];
|
|
49
49
|
/**
|
|
50
50
|
* Theme to use a base. This will create the theme as
|
|
@@ -94,7 +94,7 @@ export interface ThemeState {
|
|
|
94
94
|
colorMode: ThemeColorModes;
|
|
95
95
|
shape?: Extract<ThemeIds, 'shape'>;
|
|
96
96
|
spacing?: Extract<ThemeIds, 'spacing'>;
|
|
97
|
-
typography?: Extract<ThemeIds, 'typography'>;
|
|
97
|
+
typography?: Extract<ThemeIds, 'typography' | 'typography-adg3'>;
|
|
98
98
|
UNSAFE_themeOptions?: ThemeOptionsSchema;
|
|
99
99
|
}
|
|
100
100
|
/**
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { FontFamilyBaseToken, FontSizeBaseToken, FontWeightBaseToken, LetterSpacingBaseToken, LineHeightBaseToken } from '../../palettes/typography-palette';
|
|
2
|
+
import type { TypographyTokenSchema, ValueSchema } from '../../types';
|
|
3
|
+
declare const typography: ValueSchema<TypographyTokenSchema<{
|
|
4
|
+
fontWeight: FontWeightBaseToken;
|
|
5
|
+
fontFamily: FontFamilyBaseToken;
|
|
6
|
+
fontSize: FontSizeBaseToken;
|
|
7
|
+
lineHeight: LineHeightBaseToken;
|
|
8
|
+
letterSpacing: LetterSpacingBaseToken;
|
|
9
|
+
}>>;
|
|
10
|
+
export default typography;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { FontFamilyBaseToken, FontSizeBaseToken, FontWeightBaseToken, LetterSpacingBaseToken, LineHeightBaseToken } from '../../palettes/typography-palette';
|
|
2
|
+
import type { TypographyTokenSchema, ValueSchema } from '../../types';
|
|
3
|
+
declare const typography: ValueSchema<TypographyTokenSchema<{
|
|
4
|
+
fontWeight: FontWeightBaseToken;
|
|
5
|
+
fontFamily: FontFamilyBaseToken;
|
|
6
|
+
fontSize: FontSizeBaseToken;
|
|
7
|
+
lineHeight: LineHeightBaseToken;
|
|
8
|
+
letterSpacing: LetterSpacingBaseToken;
|
|
9
|
+
}>>;
|
|
10
|
+
export default typography;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { AttributeSchema, TypographyTokenSchema } from '../../../types';
|
|
2
|
+
/**
|
|
3
|
+
*
|
|
4
|
+
* @example
|
|
5
|
+
* ```js
|
|
6
|
+
* {
|
|
7
|
+
* body: {
|
|
8
|
+
* value: {
|
|
9
|
+
* fontWeight: 500,
|
|
10
|
+
* fontSize: "16px",
|
|
11
|
+
* lineHeight: "22px",
|
|
12
|
+
* fontFamily: "Helvetica",
|
|
13
|
+
* fontStyle: "italic"
|
|
14
|
+
* },
|
|
15
|
+
* type: "typography"
|
|
16
|
+
*}
|
|
17
|
+
* ```
|
|
18
|
+
*/
|
|
19
|
+
declare const font: AttributeSchema<TypographyTokenSchema<any>>;
|
|
20
|
+
export default font;
|
package/dist/types/types.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { InternalTokenIds } from './artifacts/types-internal';
|
|
2
2
|
import type { ShapePaletteToken } from './palettes/shape-palette';
|
|
3
3
|
import type { SpacingPaletteToken } from './palettes/spacing-scale';
|
|
4
|
-
export type Groups = 'raw' | 'paint' | 'shadow' | 'palette' | 'opacity' | 'spacing' | 'shape' | 'typography' | 'fontSize' | 'fontWeight' | 'fontFamily' | 'lineHeight';
|
|
4
|
+
export type Groups = 'raw' | 'paint' | 'shadow' | 'palette' | 'opacity' | 'spacing' | 'shape' | 'typography' | 'fontSize' | 'fontWeight' | 'fontFamily' | 'lineHeight' | 'letterSpacing';
|
|
5
5
|
export type ActiveTokenState = 'active';
|
|
6
6
|
export type DeprecatedTokenState = 'deprecated';
|
|
7
7
|
export type DeletedTokenState = 'deleted';
|
|
@@ -108,7 +108,8 @@ export type FontSizeToken<BaseToken> = DesignToken<BaseToken, 'fontSize'>;
|
|
|
108
108
|
export type FontWeightToken<BaseToken> = DesignToken<BaseToken, 'fontWeight'>;
|
|
109
109
|
export type FontFamilyToken<BaseToken> = DesignToken<BaseToken, 'fontFamily'>;
|
|
110
110
|
export type LineHeightToken<BaseToken> = DesignToken<BaseToken, 'lineHeight'>;
|
|
111
|
-
export type
|
|
111
|
+
export type LetterSpacingToken<BaseToken> = DesignToken<BaseToken, 'letterSpacing'>;
|
|
112
|
+
export type DeprecatedTypographyToken<BaseToken> = DesignToken<BaseToken, 'fontSize' | 'fontWeight' | 'fontFamily' | 'lineHeight' | 'letterSpacing'>;
|
|
112
113
|
export type RawToken = DesignToken<string, 'raw'>;
|
|
113
114
|
export interface PaletteColorTokenSchema<PaletteValues extends string> {
|
|
114
115
|
value: {
|
|
@@ -145,6 +146,9 @@ export interface FontFamilyPaletteTokenSchema<ScaleValues extends string> {
|
|
|
145
146
|
export interface LineHeightScaleTokenSchema<ScaleValues extends string> {
|
|
146
147
|
lineHeight: Record<ScaleValues, TypographySchemaValue>;
|
|
147
148
|
}
|
|
149
|
+
export interface LetterSpacingScaleTokenSchema<ScaleValues extends string> {
|
|
150
|
+
letterSpacing: Record<ScaleValues, TypographySchemaValue>;
|
|
151
|
+
}
|
|
148
152
|
export interface BackgroundColorTokenSchema<BaseToken> {
|
|
149
153
|
color: {
|
|
150
154
|
blanket: {
|
|
@@ -800,6 +804,56 @@ export interface SpacingTokenSchema {
|
|
|
800
804
|
'1000': SpacingToken;
|
|
801
805
|
};
|
|
802
806
|
}
|
|
807
|
+
/**
|
|
808
|
+
* Typography tokens are complex multi-palette ouputs
|
|
809
|
+
*/
|
|
810
|
+
export type TypographyToken<TPalette extends {
|
|
811
|
+
fontWeight: string;
|
|
812
|
+
fontSize: string;
|
|
813
|
+
lineHeight: string;
|
|
814
|
+
fontFamily: string;
|
|
815
|
+
letterSpacing: string;
|
|
816
|
+
}> = DesignToken<{
|
|
817
|
+
fontStyle: 'normal';
|
|
818
|
+
fontWeight: TPalette['fontWeight'];
|
|
819
|
+
fontFamily: TPalette['fontFamily'];
|
|
820
|
+
fontSize: TPalette['fontSize'];
|
|
821
|
+
lineHeight: TPalette['lineHeight'];
|
|
822
|
+
letterSpacing: TPalette['letterSpacing'];
|
|
823
|
+
}, 'typography'>;
|
|
824
|
+
/**
|
|
825
|
+
* The semantic interface for typography tokens
|
|
826
|
+
*/
|
|
827
|
+
export interface TypographyTokenSchema<TPalette extends {
|
|
828
|
+
fontWeight: string;
|
|
829
|
+
fontSize: string;
|
|
830
|
+
lineHeight: string;
|
|
831
|
+
fontFamily: string;
|
|
832
|
+
letterSpacing: string;
|
|
833
|
+
}> {
|
|
834
|
+
font: {
|
|
835
|
+
heading: {
|
|
836
|
+
xxl: TypographyToken<TPalette>;
|
|
837
|
+
xl: TypographyToken<TPalette>;
|
|
838
|
+
lg: TypographyToken<TPalette>;
|
|
839
|
+
md: TypographyToken<TPalette>;
|
|
840
|
+
sm: TypographyToken<TPalette>;
|
|
841
|
+
xs: TypographyToken<TPalette>;
|
|
842
|
+
xxs: TypographyToken<TPalette>;
|
|
843
|
+
};
|
|
844
|
+
ui: {
|
|
845
|
+
'[default]': TypographyToken<TPalette>;
|
|
846
|
+
sm: TypographyToken<TPalette>;
|
|
847
|
+
};
|
|
848
|
+
body: {
|
|
849
|
+
'[default]': TypographyToken<TPalette>;
|
|
850
|
+
sm: TypographyToken<TPalette>;
|
|
851
|
+
};
|
|
852
|
+
code: {
|
|
853
|
+
'[default]': TypographyToken<TPalette>;
|
|
854
|
+
};
|
|
855
|
+
};
|
|
856
|
+
}
|
|
803
857
|
export interface ShapeTokenSchema {
|
|
804
858
|
border: {
|
|
805
859
|
width: {
|
|
@@ -819,47 +873,82 @@ export interface ShapeTokenSchema {
|
|
|
819
873
|
};
|
|
820
874
|
};
|
|
821
875
|
}
|
|
876
|
+
/**
|
|
877
|
+
* @private
|
|
878
|
+
* @deprecated probably
|
|
879
|
+
*/
|
|
822
880
|
export interface FontSizeTokenSchema<BaseToken> {
|
|
823
881
|
font: {
|
|
824
882
|
size: {
|
|
825
|
-
'050':
|
|
826
|
-
'075':
|
|
827
|
-
'100':
|
|
828
|
-
'200':
|
|
829
|
-
'300':
|
|
830
|
-
'400':
|
|
831
|
-
'500':
|
|
832
|
-
'600':
|
|
883
|
+
'050': DeprecatedTypographyToken<BaseToken>;
|
|
884
|
+
'075': DeprecatedTypographyToken<BaseToken>;
|
|
885
|
+
'100': DeprecatedTypographyToken<BaseToken>;
|
|
886
|
+
'200': DeprecatedTypographyToken<BaseToken>;
|
|
887
|
+
'300': DeprecatedTypographyToken<BaseToken>;
|
|
888
|
+
'400': DeprecatedTypographyToken<BaseToken>;
|
|
889
|
+
'500': DeprecatedTypographyToken<BaseToken>;
|
|
890
|
+
'600': DeprecatedTypographyToken<BaseToken>;
|
|
833
891
|
};
|
|
834
892
|
};
|
|
835
893
|
}
|
|
894
|
+
/**
|
|
895
|
+
* @private
|
|
896
|
+
* @deprecated probably
|
|
897
|
+
*/
|
|
836
898
|
export interface FontWeightTokenSchema<BaseToken> {
|
|
837
899
|
font: {
|
|
838
900
|
weight: {
|
|
839
|
-
regular:
|
|
840
|
-
medium:
|
|
841
|
-
semibold:
|
|
842
|
-
bold:
|
|
901
|
+
regular: DeprecatedTypographyToken<BaseToken>;
|
|
902
|
+
medium: DeprecatedTypographyToken<BaseToken>;
|
|
903
|
+
semibold: DeprecatedTypographyToken<BaseToken>;
|
|
904
|
+
bold: DeprecatedTypographyToken<BaseToken>;
|
|
843
905
|
};
|
|
844
906
|
};
|
|
845
907
|
}
|
|
846
908
|
export interface FontFamilyTokenSchema<BaseToken> {
|
|
847
909
|
font: {
|
|
848
910
|
family: {
|
|
849
|
-
|
|
850
|
-
|
|
911
|
+
/**
|
|
912
|
+
* @private
|
|
913
|
+
* @deprecated
|
|
914
|
+
*/
|
|
915
|
+
sans: DeprecatedTypographyToken<BaseToken>;
|
|
916
|
+
/**
|
|
917
|
+
* @private
|
|
918
|
+
* @deprecated
|
|
919
|
+
*/
|
|
920
|
+
monospace: DeprecatedTypographyToken<BaseToken>;
|
|
921
|
+
product: DeprecatedTypographyToken<BaseToken>;
|
|
922
|
+
brand: DeprecatedTypographyToken<BaseToken>;
|
|
923
|
+
code: DeprecatedTypographyToken<BaseToken>;
|
|
851
924
|
};
|
|
852
925
|
};
|
|
853
926
|
}
|
|
927
|
+
/**
|
|
928
|
+
* @private
|
|
929
|
+
* @deprecated probably
|
|
930
|
+
*/
|
|
854
931
|
export interface LineHeightTokenSchema<BaseToken> {
|
|
855
932
|
font: {
|
|
856
933
|
lineHeight: {
|
|
857
|
-
'
|
|
858
|
-
'
|
|
859
|
-
'
|
|
860
|
-
'
|
|
861
|
-
'
|
|
862
|
-
'
|
|
934
|
+
'1': DeprecatedTypographyToken<BaseToken>;
|
|
935
|
+
'100': DeprecatedTypographyToken<BaseToken>;
|
|
936
|
+
'200': DeprecatedTypographyToken<BaseToken>;
|
|
937
|
+
'300': DeprecatedTypographyToken<BaseToken>;
|
|
938
|
+
'400': DeprecatedTypographyToken<BaseToken>;
|
|
939
|
+
'500': DeprecatedTypographyToken<BaseToken>;
|
|
940
|
+
'600': DeprecatedTypographyToken<BaseToken>;
|
|
941
|
+
};
|
|
942
|
+
};
|
|
943
|
+
}
|
|
944
|
+
export interface LetterSpacingTokenSchema<BaseToken> {
|
|
945
|
+
font: {
|
|
946
|
+
letterSpacing: {
|
|
947
|
+
'0': DeprecatedTypographyToken<BaseToken>;
|
|
948
|
+
'100': DeprecatedTypographyToken<BaseToken>;
|
|
949
|
+
'200': DeprecatedTypographyToken<BaseToken>;
|
|
950
|
+
'300': DeprecatedTypographyToken<BaseToken>;
|
|
951
|
+
'400': DeprecatedTypographyToken<BaseToken>;
|
|
863
952
|
};
|
|
864
953
|
};
|
|
865
954
|
}
|
|
@@ -3,14 +3,14 @@
|
|
|
3
3
|
*
|
|
4
4
|
* Token names mapped to their values, used for contrast checking when generating custom themes
|
|
5
5
|
*
|
|
6
|
-
* @codegen <<SignedSource::
|
|
6
|
+
* @codegen <<SignedSource::5aed53e696137cdd59ece99fb9755c09>>
|
|
7
7
|
* @codegenCommand yarn build tokens
|
|
8
8
|
*/
|
|
9
9
|
declare const tokenValues: {
|
|
10
10
|
readonly 'color.text.brand': "#579DFF";
|
|
11
11
|
readonly 'elevation.surface.overlay': "#282E33";
|
|
12
|
-
readonly 'color.text.selected': "#579DFF";
|
|
13
12
|
readonly 'color.background.selected': "#092957";
|
|
13
|
+
readonly 'color.text.selected': "#579DFF";
|
|
14
14
|
readonly 'color.border.brand': "#579DFF";
|
|
15
15
|
readonly 'color.chart.brand': "#388BFF";
|
|
16
16
|
readonly 'color.text.inverse': "#1D2125";
|
|
@@ -3,14 +3,14 @@
|
|
|
3
3
|
*
|
|
4
4
|
* Token names mapped to their values, used for contrast checking when generating custom themes
|
|
5
5
|
*
|
|
6
|
-
* @codegen <<SignedSource::
|
|
6
|
+
* @codegen <<SignedSource::2e18f7ef8f76f499aeeb6d93e94be25e>>
|
|
7
7
|
* @codegenCommand yarn build tokens
|
|
8
8
|
*/
|
|
9
9
|
declare const tokenValues: {
|
|
10
10
|
readonly 'color.text.brand': "#0C66E4";
|
|
11
11
|
readonly 'elevation.surface.sunken': "#F7F8F9";
|
|
12
|
-
readonly 'color.text.selected': "#0C66E4";
|
|
13
12
|
readonly 'color.background.selected': "#E9F2FF";
|
|
13
|
+
readonly 'color.text.selected': "#0C66E4";
|
|
14
14
|
readonly 'color.border.brand': "#0C66E4";
|
|
15
15
|
readonly 'color.chart.brand': "#1D7AFC";
|
|
16
16
|
readonly 'color.text.inverse': "#FFFFFF";
|