@atlaskit/tokens 10.0.1 → 11.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +17 -0
- package/dist/cjs/artifacts/replacement-mapping.js +6 -2
- package/dist/cjs/artifacts/theme-import-map.js +1 -13
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark-future.js +1 -1
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +1 -1
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +1 -1
- package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-dark.js +1 -1
- package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-light.js +1 -1
- package/dist/cjs/artifacts/tokens-raw/atlassian-light-future.js +1 -1
- package/dist/cjs/artifacts/tokens-raw/atlassian-light-increased-contrast.js +1 -1
- package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +1 -1
- package/dist/cjs/artifacts/tokens-raw/atlassian-shape.js +1 -1
- package/dist/cjs/artifacts/tokens-raw/atlassian-spacing.js +1 -1
- package/dist/cjs/artifacts/tokens-raw/atlassian-typography.js +9 -5
- package/dist/cjs/babel-plugin/plugin.js +3 -7
- package/dist/cjs/entry-points/tokens-raw.js +0 -7
- package/dist/cjs/theme-config.js +1 -19
- package/dist/cjs/theme-state-transformer.js +4 -4
- package/dist/es2019/artifacts/replacement-mapping.js +6 -2
- package/dist/es2019/artifacts/theme-import-map.js +1 -5
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark-future.js +1 -1
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +1 -1
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +1 -1
- package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-dark.js +1 -1
- package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-light.js +1 -1
- package/dist/es2019/artifacts/tokens-raw/atlassian-light-future.js +1 -1
- package/dist/es2019/artifacts/tokens-raw/atlassian-light-increased-contrast.js +1 -1
- package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +1 -1
- package/dist/es2019/artifacts/tokens-raw/atlassian-shape.js +1 -1
- package/dist/es2019/artifacts/tokens-raw/atlassian-spacing.js +1 -1
- package/dist/es2019/artifacts/tokens-raw/atlassian-typography.js +9 -5
- package/dist/es2019/babel-plugin/plugin.js +4 -7
- package/dist/es2019/entry-points/tokens-raw.js +0 -1
- package/dist/es2019/theme-config.js +1 -19
- package/dist/es2019/theme-state-transformer.js +4 -4
- package/dist/esm/artifacts/replacement-mapping.js +6 -2
- package/dist/esm/artifacts/theme-import-map.js +1 -9
- package/dist/esm/artifacts/tokens-raw/atlassian-dark-future.js +1 -1
- package/dist/esm/artifacts/tokens-raw/atlassian-dark-increased-contrast.js +1 -1
- package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +1 -1
- package/dist/esm/artifacts/tokens-raw/atlassian-legacy-dark.js +1 -1
- package/dist/esm/artifacts/tokens-raw/atlassian-legacy-light.js +1 -1
- package/dist/esm/artifacts/tokens-raw/atlassian-light-future.js +1 -1
- package/dist/esm/artifacts/tokens-raw/atlassian-light-increased-contrast.js +1 -1
- package/dist/esm/artifacts/tokens-raw/atlassian-light.js +1 -1
- package/dist/esm/artifacts/tokens-raw/atlassian-shape.js +1 -1
- package/dist/esm/artifacts/tokens-raw/atlassian-spacing.js +1 -1
- package/dist/esm/artifacts/tokens-raw/atlassian-typography.js +9 -5
- package/dist/esm/babel-plugin/plugin.js +3 -7
- package/dist/esm/entry-points/tokens-raw.js +0 -1
- package/dist/esm/theme-config.js +1 -19
- package/dist/esm/theme-state-transformer.js +4 -4
- package/dist/types/artifacts/replacement-mapping.d.ts +1 -1
- package/dist/types/artifacts/theme-import-map.d.ts +1 -1
- package/dist/types/artifacts/tokens-raw/atlassian-dark-future.d.ts +2 -1
- package/dist/types/artifacts/tokens-raw/atlassian-dark-increased-contrast.d.ts +2 -1
- package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +2 -1
- package/dist/types/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +2 -1
- package/dist/types/artifacts/tokens-raw/atlassian-legacy-light.d.ts +2 -1
- package/dist/types/artifacts/tokens-raw/atlassian-light-future.d.ts +2 -1
- package/dist/types/artifacts/tokens-raw/atlassian-light-increased-contrast.d.ts +2 -1
- package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +2 -1
- package/dist/types/artifacts/tokens-raw/atlassian-shape.d.ts +2 -1
- package/dist/types/artifacts/tokens-raw/atlassian-spacing.d.ts +2 -1
- package/dist/types/artifacts/tokens-raw/atlassian-typography.d.ts +2 -1
- package/dist/types/artifacts/types-internal.d.ts +2 -2
- package/dist/types/artifacts/types.d.ts +2 -2
- package/dist/types/babel-plugin/plugin.d.ts +1 -1
- package/dist/types/entry-points/tokens-raw.d.ts +0 -1
- package/dist/types/theme-config.d.ts +6 -6
- package/dist/types/theme-state-transformer.d.ts +4 -4
- package/dist/types-ts4.5/artifacts/replacement-mapping.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/theme-import-map.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark-future.d.ts +2 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark-increased-contrast.d.ts +2 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark.d.ts +2 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +2 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-legacy-light.d.ts +2 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light-future.d.ts +2 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light-increased-contrast.d.ts +2 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light.d.ts +2 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-shape.d.ts +2 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-spacing.d.ts +2 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-typography.d.ts +2 -1
- 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/babel-plugin/plugin.d.ts +1 -1
- package/dist/types-ts4.5/entry-points/tokens-raw.d.ts +0 -1
- package/dist/types-ts4.5/theme-config.d.ts +4 -8
- package/dist/types-ts4.5/theme-state-transformer.d.ts +4 -4
- package/figma/atlassian-typography.json +3 -1
- package/package.json +4 -4
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
* This allows users to compose their themes and only use the tokens that are requested.
|
|
7
7
|
* When a new theme is created, the import should automatically be added to the map
|
|
8
8
|
*
|
|
9
|
-
* @codegen <<SignedSource::
|
|
9
|
+
* @codegen <<SignedSource::c1144182e959da59d17686bccb9fac30>>
|
|
10
10
|
* @codegenCommand yarn build tokens
|
|
11
11
|
*/
|
|
12
12
|
|
|
@@ -35,14 +35,6 @@ var themeImportsMap = {
|
|
|
35
35
|
return import( /* webpackChunkName: "@atlaskit-internal_atlassian-dark-increased-contrast" */
|
|
36
36
|
'./themes/atlassian-dark-increased-contrast');
|
|
37
37
|
},
|
|
38
|
-
'legacy-light': function legacyLight() {
|
|
39
|
-
return import( /* webpackChunkName: "@atlaskit-internal_atlassian-legacy-light" */
|
|
40
|
-
'./themes/atlassian-legacy-light');
|
|
41
|
-
},
|
|
42
|
-
'legacy-dark': function legacyDark() {
|
|
43
|
-
return import( /* webpackChunkName: "@atlaskit-internal_atlassian-legacy-dark" */
|
|
44
|
-
'./themes/atlassian-legacy-dark');
|
|
45
|
-
},
|
|
46
38
|
'spacing': function spacing() {
|
|
47
39
|
return import( /* webpackChunkName: "@atlaskit-internal_atlassian-spacing" */
|
|
48
40
|
'./themes/atlassian-spacing');
|
|
@@ -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::deb6b7be7cc018d4dfc8cb7b1704bde5>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
|
|
@@ -297,9 +297,11 @@ var tokens = [{
|
|
|
297
297
|
}, {
|
|
298
298
|
"attributes": {
|
|
299
299
|
"group": "typography",
|
|
300
|
-
"state": "
|
|
300
|
+
"state": "deprecated",
|
|
301
301
|
"introduced": "1.14.0",
|
|
302
|
-
"
|
|
302
|
+
"deprecated": "10.1.0",
|
|
303
|
+
"description": "UNSAFE - Do not use. Temporary 12px fontsize token. Will be deprecated and replaced with stable small token",
|
|
304
|
+
"replacement": "font.body.small"
|
|
303
305
|
},
|
|
304
306
|
"value": "normal 400 12px/16px \"Atlassian Sans\", ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, \"Helvetica Neue\", sans-serif",
|
|
305
307
|
"filePath": "schema/themes/atlassian-typography/theme.tsx",
|
|
@@ -307,9 +309,11 @@ var tokens = [{
|
|
|
307
309
|
"original": {
|
|
308
310
|
"attributes": {
|
|
309
311
|
"group": "typography",
|
|
310
|
-
"state": "
|
|
312
|
+
"state": "deprecated",
|
|
311
313
|
"introduced": "1.14.0",
|
|
312
|
-
"
|
|
314
|
+
"deprecated": "10.1.0",
|
|
315
|
+
"description": "UNSAFE - Do not use. Temporary 12px fontsize token. Will be deprecated and replaced with stable small token",
|
|
316
|
+
"replacement": "font.body.small"
|
|
313
317
|
},
|
|
314
318
|
"value": {
|
|
315
319
|
"fontWeight": "FontWeight400",
|
|
@@ -7,7 +7,6 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
|
|
|
7
7
|
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
8
8
|
import * as t from '@babel/types';
|
|
9
9
|
import tokenNames from '../artifacts/token-names';
|
|
10
|
-
import legacyLight from '../artifacts/tokens-raw/atlassian-legacy-light';
|
|
11
10
|
import light from '../artifacts/tokens-raw/atlassian-light';
|
|
12
11
|
import shape from '../artifacts/tokens-raw/atlassian-shape';
|
|
13
12
|
import spacing from '../artifacts/tokens-raw/atlassian-spacing';
|
|
@@ -116,7 +115,7 @@ export default function plugin() {
|
|
|
116
115
|
// if no fallback is set, optionally find one from the default theme
|
|
117
116
|
if (path.node.arguments.length < 2) {
|
|
118
117
|
if (state.opts.shouldUseAutoFallback !== false) {
|
|
119
|
-
replacementNode = t.stringLiteral("var(".concat(cssTokenValue, ", ").concat(getDefaultFallback(tokenName
|
|
118
|
+
replacementNode = t.stringLiteral("var(".concat(cssTokenValue, ", ").concat(getDefaultFallback(tokenName), ")"));
|
|
120
119
|
} else {
|
|
121
120
|
replacementNode = t.stringLiteral("var(".concat(cssTokenValue, ")"));
|
|
122
121
|
}
|
|
@@ -127,7 +126,7 @@ export default function plugin() {
|
|
|
127
126
|
var forceAutoFallbackExemptions = ['radius'].concat(_toConsumableArray(state.opts.forceAutoFallbackExemptions || []));
|
|
128
127
|
|
|
129
128
|
// Handle fallbacks
|
|
130
|
-
var fallback = state.opts.shouldForceAutoFallback !== false && !isExempted(tokenName, forceAutoFallbackExemptions) ? t.stringLiteral(getDefaultFallback(tokenName
|
|
129
|
+
var fallback = state.opts.shouldForceAutoFallback !== false && !isExempted(tokenName, forceAutoFallbackExemptions) ? t.stringLiteral(getDefaultFallback(tokenName)) : path.node.arguments[1];
|
|
131
130
|
if (t.isStringLiteral(fallback)) {
|
|
132
131
|
// String literals can be concatenated into css variable call
|
|
133
132
|
// Empty string fallbacks are ignored. For now, as the user did specify a fallback, no default is inserted
|
|
@@ -185,12 +184,10 @@ export default function plugin() {
|
|
|
185
184
|
};
|
|
186
185
|
}
|
|
187
186
|
var lightValues = getThemeValues(light);
|
|
188
|
-
var legacyLightValues = getThemeValues(legacyLight);
|
|
189
187
|
var shapeValues = getThemeValues(shape);
|
|
190
188
|
var spacingValues = getThemeValues(spacing);
|
|
191
189
|
var typographyValues = getThemeValues(typography);
|
|
192
190
|
function getDefaultFallback(tokenName) {
|
|
193
|
-
var theme = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'light';
|
|
194
191
|
if (shapeValues[tokenName]) {
|
|
195
192
|
return shapeValues[tokenName];
|
|
196
193
|
}
|
|
@@ -200,8 +197,7 @@ function getDefaultFallback(tokenName) {
|
|
|
200
197
|
if (typographyValues[tokenName]) {
|
|
201
198
|
return typographyValues[tokenName];
|
|
202
199
|
}
|
|
203
|
-
|
|
204
|
-
return colorValues[tokenName];
|
|
200
|
+
return lightValues[tokenName];
|
|
205
201
|
}
|
|
206
202
|
function getNonAliasedImportName(node) {
|
|
207
203
|
if (t.isIdentifier(node.imported)) {
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
export { default as light } from '../artifacts/tokens-raw/atlassian-light';
|
|
2
|
-
export { default as legacyLightTokens } from '../artifacts/tokens-raw/atlassian-legacy-light';
|
|
3
2
|
export { default as dark } from '../artifacts/tokens-raw/atlassian-dark';
|
|
4
3
|
export { default as spacing } from '../artifacts/tokens-raw/atlassian-spacing';
|
|
5
4
|
export { default as typography } from '../artifacts/tokens-raw/atlassian-typography';
|
package/dist/esm/theme-config.js
CHANGED
|
@@ -40,7 +40,7 @@ var themeContrastModes = ['more', 'no-preference', 'auto'];
|
|
|
40
40
|
*
|
|
41
41
|
* These ids must be kebab case
|
|
42
42
|
*/
|
|
43
|
-
export var themeIds = ['light-increased-contrast', 'light', 'light-future', 'dark', 'dark-future', 'dark-increased-contrast', '
|
|
43
|
+
export var themeIds = ['light-increased-contrast', 'light', 'light-future', 'dark', 'dark-future', 'dark-increased-contrast', 'spacing', 'shape', 'typography'];
|
|
44
44
|
/**
|
|
45
45
|
* Theme override ids: the equivalent of themeIds for theme overrides.
|
|
46
46
|
* Theme overrides are temporary and there may not be any defined at times.
|
|
@@ -126,24 +126,6 @@ var themeConfig = {
|
|
|
126
126
|
extends: 'dark',
|
|
127
127
|
increasesContrastFor: 'dark'
|
|
128
128
|
},
|
|
129
|
-
'atlassian-legacy-light': {
|
|
130
|
-
id: 'legacy-light',
|
|
131
|
-
displayName: 'Light Theme (legacy)',
|
|
132
|
-
palette: 'legacyPalette',
|
|
133
|
-
attributes: {
|
|
134
|
-
type: 'color',
|
|
135
|
-
mode: 'light'
|
|
136
|
-
}
|
|
137
|
-
},
|
|
138
|
-
'atlassian-legacy-dark': {
|
|
139
|
-
id: 'legacy-dark',
|
|
140
|
-
displayName: 'Dark Theme (legacy)',
|
|
141
|
-
palette: 'legacyPalette',
|
|
142
|
-
attributes: {
|
|
143
|
-
type: 'color',
|
|
144
|
-
mode: 'dark'
|
|
145
|
-
}
|
|
146
|
-
},
|
|
147
129
|
'atlassian-spacing': {
|
|
148
130
|
id: 'spacing',
|
|
149
131
|
displayName: 'Atlassian Spacing',
|
|
@@ -24,8 +24,8 @@ var isColorMode = function isColorMode(modeId) {
|
|
|
24
24
|
*
|
|
25
25
|
* @example
|
|
26
26
|
* ```
|
|
27
|
-
* themeStringToObject('dark:dark light:
|
|
28
|
-
* // returns { dark: 'dark', light: '
|
|
27
|
+
* themeStringToObject('dark:dark light:light spacing:spacing');
|
|
28
|
+
* // returns { dark: 'dark', light: 'light', spacing: 'spacing' }
|
|
29
29
|
* ```
|
|
30
30
|
*/
|
|
31
31
|
export var themeStringToObject = function themeStringToObject(themeState) {
|
|
@@ -62,8 +62,8 @@ export var themeStringToObject = function themeStringToObject(themeState) {
|
|
|
62
62
|
*
|
|
63
63
|
* @example
|
|
64
64
|
* ```
|
|
65
|
-
* themeObjectToString({ dark: 'dark', light: '
|
|
66
|
-
* // returns 'dark:dark light:
|
|
65
|
+
* themeObjectToString({ dark: 'dark', light: 'light', spacing: 'spacing' });
|
|
66
|
+
* // returns 'dark:dark light:light spacing:spacing'
|
|
67
67
|
* ```
|
|
68
68
|
*/
|
|
69
69
|
export var themeObjectToString = function themeObjectToString(themeState) {
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
* These changes will then be picked up by our tooling which will attempt to
|
|
13
13
|
* migrate as many of these renames as possible.
|
|
14
14
|
*
|
|
15
|
-
* @codegen <<SignedSource::
|
|
15
|
+
* @codegen <<SignedSource::400f0ecf8657b2dcb96d24d2f0aed049>>
|
|
16
16
|
* @codegenCommand yarn build tokens
|
|
17
17
|
*/
|
|
18
18
|
import type tokens from './token-names';
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
* This allows users to compose their themes and only use the tokens that are requested.
|
|
7
7
|
* When a new theme is created, the import should automatically be added to the map
|
|
8
8
|
*
|
|
9
|
-
* @codegen <<SignedSource::
|
|
9
|
+
* @codegen <<SignedSource::c1144182e959da59d17686bccb9fac30>>
|
|
10
10
|
* @codegenCommand yarn build tokens
|
|
11
11
|
*/
|
|
12
12
|
import { type ThemeIds, type ThemeOverrideIds } from '../theme-config';
|
|
@@ -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::481346579796e53160811ac193f2a30b>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
type TokenValue = string;
|
|
@@ -12,6 +12,7 @@ type TokenAttributes = {
|
|
|
12
12
|
description: string;
|
|
13
13
|
suggest?: string[];
|
|
14
14
|
deprecated?: string;
|
|
15
|
+
replacement?: string;
|
|
15
16
|
};
|
|
16
17
|
type Token = {
|
|
17
18
|
value: TokenValue;
|
|
@@ -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::9cf43027d49c104eeaabe2f135ba8c22>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
type TokenValue = string | number | {
|
|
@@ -32,6 +32,7 @@ type TokenAttributes = {
|
|
|
32
32
|
description: string;
|
|
33
33
|
suggest?: string[];
|
|
34
34
|
deprecated?: string;
|
|
35
|
+
replacement?: string;
|
|
35
36
|
};
|
|
36
37
|
type Token = {
|
|
37
38
|
value: TokenValue;
|
|
@@ -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::59ef4b5bec3f9d0828615e38ebd219c2>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
type TokenValue = string | number | {
|
|
@@ -32,6 +32,7 @@ type TokenAttributes = {
|
|
|
32
32
|
description: string;
|
|
33
33
|
suggest?: string[];
|
|
34
34
|
deprecated?: string;
|
|
35
|
+
replacement?: string;
|
|
35
36
|
};
|
|
36
37
|
type Token = {
|
|
37
38
|
value: TokenValue;
|
|
@@ -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::792226eccdf07de5819440afedceac16>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
type TokenValue = string | number | {
|
|
@@ -32,6 +32,7 @@ type TokenAttributes = {
|
|
|
32
32
|
description: string;
|
|
33
33
|
suggest?: string[];
|
|
34
34
|
deprecated?: string;
|
|
35
|
+
replacement?: string;
|
|
35
36
|
};
|
|
36
37
|
type Token = {
|
|
37
38
|
value: TokenValue;
|
|
@@ -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::8ba837ec9e96316ec5c338789f9aad1e>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
type TokenValue = string | number | {
|
|
@@ -32,6 +32,7 @@ type TokenAttributes = {
|
|
|
32
32
|
description: string;
|
|
33
33
|
suggest?: string[];
|
|
34
34
|
deprecated?: string;
|
|
35
|
+
replacement?: string;
|
|
35
36
|
};
|
|
36
37
|
type Token = {
|
|
37
38
|
value: TokenValue;
|
|
@@ -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::17a73ccf5d3b30eeaee16556ef650833>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
type TokenValue = string;
|
|
@@ -12,6 +12,7 @@ type TokenAttributes = {
|
|
|
12
12
|
description: string;
|
|
13
13
|
suggest?: string[];
|
|
14
14
|
deprecated?: string;
|
|
15
|
+
replacement?: string;
|
|
15
16
|
};
|
|
16
17
|
type Token = {
|
|
17
18
|
value: TokenValue;
|
|
@@ -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::8a1f5d2a98c1bd5c70a4bb2c9b1ccf11>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
type TokenValue = string | number | {
|
|
@@ -32,6 +32,7 @@ type TokenAttributes = {
|
|
|
32
32
|
description: string;
|
|
33
33
|
suggest?: string[];
|
|
34
34
|
deprecated?: string;
|
|
35
|
+
replacement?: string;
|
|
35
36
|
};
|
|
36
37
|
type Token = {
|
|
37
38
|
value: TokenValue;
|
|
@@ -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::a101da74518f6374353a0e1b48115f4f>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
type TokenValue = string | number | {
|
|
@@ -32,6 +32,7 @@ type TokenAttributes = {
|
|
|
32
32
|
description: string;
|
|
33
33
|
suggest?: string[];
|
|
34
34
|
deprecated?: string;
|
|
35
|
+
replacement?: string;
|
|
35
36
|
};
|
|
36
37
|
type Token = {
|
|
37
38
|
value: TokenValue;
|
|
@@ -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::139953049673c5a74ab686e4a2ddaf50>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
type TokenValue = string;
|
|
@@ -12,6 +12,7 @@ type TokenAttributes = {
|
|
|
12
12
|
description: string;
|
|
13
13
|
suggest?: string[];
|
|
14
14
|
deprecated?: string;
|
|
15
|
+
replacement?: string;
|
|
15
16
|
};
|
|
16
17
|
type Token = {
|
|
17
18
|
value: TokenValue;
|
|
@@ -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::cf28017e4c52dc92f3b9d8ffa77c0af4>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
type TokenValue = string;
|
|
@@ -12,6 +12,7 @@ type TokenAttributes = {
|
|
|
12
12
|
description: string;
|
|
13
13
|
suggest?: string[];
|
|
14
14
|
deprecated?: string;
|
|
15
|
+
replacement?: string;
|
|
15
16
|
};
|
|
16
17
|
type Token = {
|
|
17
18
|
value: TokenValue;
|
|
@@ -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::deb6b7be7cc018d4dfc8cb7b1704bde5>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
type TokenValue = string;
|
|
@@ -19,6 +19,7 @@ type TokenAttributes = {
|
|
|
19
19
|
description: string;
|
|
20
20
|
suggest?: string[];
|
|
21
21
|
deprecated?: string;
|
|
22
|
+
replacement?: string;
|
|
22
23
|
};
|
|
23
24
|
type Token = {
|
|
24
25
|
value: TokenValue;
|
|
@@ -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::5582403accd42d877de3d523398acdc9>>
|
|
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.[default]' | 'color.text.danger.bolder' | 'color.text.warning.[default]' | 'color.text.warning.inverse' | 'color.text.warning.bolder' | 'color.text.success.[default]' | 'color.text.success.bolder' | 'color.text.discovery.[default]' | 'color.text.discovery.bolder' | 'color.text.information.[default]' | 'color.text.information.bolder' | 'color.text.subtlest' | 'color.text.subtle' | 'color.link.[default]' | 'color.link.pressed' | 'color.link.visited.[default]' | 'color.link.visited.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.subtlest' | '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.[default]' | 'color.background.accent.lime.subtlest.hovered' | 'color.background.accent.lime.subtlest.pressed' | 'color.background.accent.lime.subtler.[default]' | 'color.background.accent.lime.subtler.hovered' | 'color.background.accent.lime.subtler.pressed' | 'color.background.accent.lime.subtle.[default]' | 'color.background.accent.lime.subtle.hovered' | 'color.background.accent.lime.subtle.pressed' | 'color.background.accent.lime.bolder.[default]' | 'color.background.accent.lime.bolder.hovered' | 'color.background.accent.lime.bolder.pressed' | 'color.background.accent.red.subtlest.[default]' | 'color.background.accent.red.subtlest.hovered' | 'color.background.accent.red.subtlest.pressed' | 'color.background.accent.red.subtler.[default]' | 'color.background.accent.red.subtler.hovered' | 'color.background.accent.red.subtler.pressed' | 'color.background.accent.red.subtle.[default]' | 'color.background.accent.red.subtle.hovered' | 'color.background.accent.red.subtle.pressed' | 'color.background.accent.red.bolder.[default]' | 'color.background.accent.red.bolder.hovered' | 'color.background.accent.red.bolder.pressed' | 'color.background.accent.orange.subtlest.[default]' | 'color.background.accent.orange.subtlest.hovered' | 'color.background.accent.orange.subtlest.pressed' | 'color.background.accent.orange.subtler.[default]' | 'color.background.accent.orange.subtler.hovered' | 'color.background.accent.orange.subtler.pressed' | 'color.background.accent.orange.subtle.[default]' | 'color.background.accent.orange.subtle.hovered' | 'color.background.accent.orange.subtle.pressed' | 'color.background.accent.orange.bolder.[default]' | 'color.background.accent.orange.bolder.hovered' | 'color.background.accent.orange.bolder.pressed' | 'color.background.accent.yellow.subtlest.[default]' | 'color.background.accent.yellow.subtlest.hovered' | 'color.background.accent.yellow.subtlest.pressed' | 'color.background.accent.yellow.subtler.[default]' | 'color.background.accent.yellow.subtler.hovered' | 'color.background.accent.yellow.subtler.pressed' | 'color.background.accent.yellow.subtle.[default]' | 'color.background.accent.yellow.subtle.hovered' | 'color.background.accent.yellow.subtle.pressed' | 'color.background.accent.yellow.bolder.[default]' | 'color.background.accent.yellow.bolder.hovered' | 'color.background.accent.yellow.bolder.pressed' | 'color.background.accent.green.subtlest.[default]' | 'color.background.accent.green.subtlest.hovered' | 'color.background.accent.green.subtlest.pressed' | 'color.background.accent.green.subtler.[default]' | 'color.background.accent.green.subtler.hovered' | 'color.background.accent.green.subtler.pressed' | 'color.background.accent.green.subtle.[default]' | 'color.background.accent.green.subtle.hovered' | 'color.background.accent.green.subtle.pressed' | 'color.background.accent.green.bolder.[default]' | 'color.background.accent.green.bolder.hovered' | 'color.background.accent.green.bolder.pressed' | 'color.background.accent.teal.subtlest.[default]' | 'color.background.accent.teal.subtlest.hovered' | 'color.background.accent.teal.subtlest.pressed' | 'color.background.accent.teal.subtler.[default]' | 'color.background.accent.teal.subtler.hovered' | 'color.background.accent.teal.subtler.pressed' | 'color.background.accent.teal.subtle.[default]' | 'color.background.accent.teal.subtle.hovered' | 'color.background.accent.teal.subtle.pressed' | 'color.background.accent.teal.bolder.[default]' | 'color.background.accent.teal.bolder.hovered' | 'color.background.accent.teal.bolder.pressed' | 'color.background.accent.blue.subtlest.[default]' | 'color.background.accent.blue.subtlest.hovered' | 'color.background.accent.blue.subtlest.pressed' | 'color.background.accent.blue.subtler.[default]' | 'color.background.accent.blue.subtler.hovered' | 'color.background.accent.blue.subtler.pressed' | 'color.background.accent.blue.subtle.[default]' | 'color.background.accent.blue.subtle.hovered' | 'color.background.accent.blue.subtle.pressed' | 'color.background.accent.blue.bolder.[default]' | 'color.background.accent.blue.bolder.hovered' | 'color.background.accent.blue.bolder.pressed' | 'color.background.accent.purple.subtlest.[default]' | 'color.background.accent.purple.subtlest.hovered' | 'color.background.accent.purple.subtlest.pressed' | 'color.background.accent.purple.subtler.[default]' | 'color.background.accent.purple.subtler.hovered' | 'color.background.accent.purple.subtler.pressed' | 'color.background.accent.purple.subtle.[default]' | 'color.background.accent.purple.subtle.hovered' | 'color.background.accent.purple.subtle.pressed' | 'color.background.accent.purple.bolder.[default]' | 'color.background.accent.purple.bolder.hovered' | 'color.background.accent.purple.bolder.pressed' | 'color.background.accent.magenta.subtlest.[default]' | 'color.background.accent.magenta.subtlest.hovered' | 'color.background.accent.magenta.subtlest.pressed' | 'color.background.accent.magenta.subtler.[default]' | 'color.background.accent.magenta.subtler.hovered' | 'color.background.accent.magenta.subtler.pressed' | 'color.background.accent.magenta.subtle.[default]' | 'color.background.accent.magenta.subtle.hovered' | 'color.background.accent.magenta.subtle.pressed' | 'color.background.accent.magenta.bolder.[default]' | 'color.background.accent.magenta.bolder.hovered' | 'color.background.accent.magenta.bolder.pressed' | 'color.background.accent.gray.subtlest.[default]' | 'color.background.accent.gray.subtlest.hovered' | 'color.background.accent.gray.subtlest.pressed' | 'color.background.accent.gray.subtler.[default]' | 'color.background.accent.gray.subtler.hovered' | 'color.background.accent.gray.subtler.pressed' | 'color.background.accent.gray.subtle.[default]' | 'color.background.accent.gray.subtle.hovered' | 'color.background.accent.gray.subtle.pressed' | 'color.background.accent.gray.bolder.[default]' | 'color.background.accent.gray.bolder.hovered' | 'color.background.accent.gray.bolder.pressed' | '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.subtler.[default]' | 'color.background.danger.subtler.hovered' | 'color.background.danger.subtler.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.subtler.[default]' | 'color.background.warning.subtler.hovered' | 'color.background.warning.subtler.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.subtler.[default]' | 'color.background.success.subtler.hovered' | 'color.background.success.subtler.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.subtler.[default]' | 'color.background.discovery.subtler.hovered' | 'color.background.discovery.subtler.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.subtler.[default]' | 'color.background.information.subtler.hovered' | 'color.background.information.subtler.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' | 'utility.elevation.surface.current' | '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' | 'space.negative.025' | 'space.negative.050' | 'space.negative.075' | 'space.negative.100' | 'space.negative.150' | 'space.negative.200' | 'space.negative.250' | 'space.negative.300' | 'space.negative.400' | 'font.heading.xxlarge' | 'font.heading.xlarge' | 'font.heading.large' | 'font.heading.medium' | 'font.heading.small' | 'font.heading.xsmall' | 'font.heading.xxsmall' | 'font.body.large' | 'font.body.[default]' | 'font.body.small' | 'font.body.UNSAFE_small' | 'font.metric.large' | 'font.metric.medium' | 'font.metric.small' | 'font.code.[default]' | 'font.weight.regular' | 'font.weight.medium' | 'font.weight.semibold' | 'font.weight.bold' | 'font.family.heading' | 'font.family.body' | 'font.family.code' | 'font.family.brand.heading' | 'font.family.brand.body' | 'radius.xsmall' | 'radius.small' | 'radius.medium' | 'radius.large' | 'radius.xlarge' | 'radius.xxlarge' | 'radius.full' | 'radius.tile' | 'border.width.[default]' | 'border.width.selected' | 'border.width.focused';
|
|
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.[default]' | 'color.text.danger.bolder' | 'color.text.warning.[default]' | 'color.text.warning.inverse' | 'color.text.warning.bolder' | 'color.text.success.[default]' | 'color.text.success.bolder' | 'color.text.discovery.[default]' | 'color.text.discovery.bolder' | 'color.text.information.[default]' | 'color.text.information.bolder' | 'color.text.subtlest' | 'color.text.subtle' | 'color.link.[default]' | 'color.link.pressed' | 'color.link.visited.[default]' | 'color.link.visited.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.subtlest' | '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.[default]' | 'color.background.accent.lime.subtlest.hovered' | 'color.background.accent.lime.subtlest.pressed' | 'color.background.accent.lime.subtler.[default]' | 'color.background.accent.lime.subtler.hovered' | 'color.background.accent.lime.subtler.pressed' | 'color.background.accent.lime.subtle.[default]' | 'color.background.accent.lime.subtle.hovered' | 'color.background.accent.lime.subtle.pressed' | 'color.background.accent.lime.bolder.[default]' | 'color.background.accent.lime.bolder.hovered' | 'color.background.accent.lime.bolder.pressed' | 'color.background.accent.red.subtlest.[default]' | 'color.background.accent.red.subtlest.hovered' | 'color.background.accent.red.subtlest.pressed' | 'color.background.accent.red.subtler.[default]' | 'color.background.accent.red.subtler.hovered' | 'color.background.accent.red.subtler.pressed' | 'color.background.accent.red.subtle.[default]' | 'color.background.accent.red.subtle.hovered' | 'color.background.accent.red.subtle.pressed' | 'color.background.accent.red.bolder.[default]' | 'color.background.accent.red.bolder.hovered' | 'color.background.accent.red.bolder.pressed' | 'color.background.accent.orange.subtlest.[default]' | 'color.background.accent.orange.subtlest.hovered' | 'color.background.accent.orange.subtlest.pressed' | 'color.background.accent.orange.subtler.[default]' | 'color.background.accent.orange.subtler.hovered' | 'color.background.accent.orange.subtler.pressed' | 'color.background.accent.orange.subtle.[default]' | 'color.background.accent.orange.subtle.hovered' | 'color.background.accent.orange.subtle.pressed' | 'color.background.accent.orange.bolder.[default]' | 'color.background.accent.orange.bolder.hovered' | 'color.background.accent.orange.bolder.pressed' | 'color.background.accent.yellow.subtlest.[default]' | 'color.background.accent.yellow.subtlest.hovered' | 'color.background.accent.yellow.subtlest.pressed' | 'color.background.accent.yellow.subtler.[default]' | 'color.background.accent.yellow.subtler.hovered' | 'color.background.accent.yellow.subtler.pressed' | 'color.background.accent.yellow.subtle.[default]' | 'color.background.accent.yellow.subtle.hovered' | 'color.background.accent.yellow.subtle.pressed' | 'color.background.accent.yellow.bolder.[default]' | 'color.background.accent.yellow.bolder.hovered' | 'color.background.accent.yellow.bolder.pressed' | 'color.background.accent.green.subtlest.[default]' | 'color.background.accent.green.subtlest.hovered' | 'color.background.accent.green.subtlest.pressed' | 'color.background.accent.green.subtler.[default]' | 'color.background.accent.green.subtler.hovered' | 'color.background.accent.green.subtler.pressed' | 'color.background.accent.green.subtle.[default]' | 'color.background.accent.green.subtle.hovered' | 'color.background.accent.green.subtle.pressed' | 'color.background.accent.green.bolder.[default]' | 'color.background.accent.green.bolder.hovered' | 'color.background.accent.green.bolder.pressed' | 'color.background.accent.teal.subtlest.[default]' | 'color.background.accent.teal.subtlest.hovered' | 'color.background.accent.teal.subtlest.pressed' | 'color.background.accent.teal.subtler.[default]' | 'color.background.accent.teal.subtler.hovered' | 'color.background.accent.teal.subtler.pressed' | 'color.background.accent.teal.subtle.[default]' | 'color.background.accent.teal.subtle.hovered' | 'color.background.accent.teal.subtle.pressed' | 'color.background.accent.teal.bolder.[default]' | 'color.background.accent.teal.bolder.hovered' | 'color.background.accent.teal.bolder.pressed' | 'color.background.accent.blue.subtlest.[default]' | 'color.background.accent.blue.subtlest.hovered' | 'color.background.accent.blue.subtlest.pressed' | 'color.background.accent.blue.subtler.[default]' | 'color.background.accent.blue.subtler.hovered' | 'color.background.accent.blue.subtler.pressed' | 'color.background.accent.blue.subtle.[default]' | 'color.background.accent.blue.subtle.hovered' | 'color.background.accent.blue.subtle.pressed' | 'color.background.accent.blue.bolder.[default]' | 'color.background.accent.blue.bolder.hovered' | 'color.background.accent.blue.bolder.pressed' | 'color.background.accent.purple.subtlest.[default]' | 'color.background.accent.purple.subtlest.hovered' | 'color.background.accent.purple.subtlest.pressed' | 'color.background.accent.purple.subtler.[default]' | 'color.background.accent.purple.subtler.hovered' | 'color.background.accent.purple.subtler.pressed' | 'color.background.accent.purple.subtle.[default]' | 'color.background.accent.purple.subtle.hovered' | 'color.background.accent.purple.subtle.pressed' | 'color.background.accent.purple.bolder.[default]' | 'color.background.accent.purple.bolder.hovered' | 'color.background.accent.purple.bolder.pressed' | 'color.background.accent.magenta.subtlest.[default]' | 'color.background.accent.magenta.subtlest.hovered' | 'color.background.accent.magenta.subtlest.pressed' | 'color.background.accent.magenta.subtler.[default]' | 'color.background.accent.magenta.subtler.hovered' | 'color.background.accent.magenta.subtler.pressed' | 'color.background.accent.magenta.subtle.[default]' | 'color.background.accent.magenta.subtle.hovered' | 'color.background.accent.magenta.subtle.pressed' | 'color.background.accent.magenta.bolder.[default]' | 'color.background.accent.magenta.bolder.hovered' | 'color.background.accent.magenta.bolder.pressed' | 'color.background.accent.gray.subtlest.[default]' | 'color.background.accent.gray.subtlest.hovered' | 'color.background.accent.gray.subtlest.pressed' | 'color.background.accent.gray.subtler.[default]' | 'color.background.accent.gray.subtler.hovered' | 'color.background.accent.gray.subtler.pressed' | 'color.background.accent.gray.subtle.[default]' | 'color.background.accent.gray.subtle.hovered' | 'color.background.accent.gray.subtle.pressed' | 'color.background.accent.gray.bolder.[default]' | 'color.background.accent.gray.bolder.hovered' | 'color.background.accent.gray.bolder.pressed' | '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.subtler.[default]' | 'color.background.danger.subtler.hovered' | 'color.background.danger.subtler.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.subtler.[default]' | 'color.background.warning.subtler.hovered' | 'color.background.warning.subtler.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.subtler.[default]' | 'color.background.success.subtler.hovered' | 'color.background.success.subtler.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.subtler.[default]' | 'color.background.discovery.subtler.hovered' | 'color.background.discovery.subtler.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.subtler.[default]' | 'color.background.information.subtler.hovered' | 'color.background.information.subtler.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' | 'utility.elevation.surface.current' | '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' | 'space.negative.025' | 'space.negative.050' | 'space.negative.075' | 'space.negative.100' | 'space.negative.150' | 'space.negative.200' | 'space.negative.250' | 'space.negative.300' | 'space.negative.400' | 'font.heading.xxlarge' | 'font.heading.xlarge' | 'font.heading.large' | 'font.heading.medium' | 'font.heading.small' | 'font.heading.xsmall' | 'font.heading.xxsmall' | 'font.body.large' | 'font.body.[default]' | 'font.body.small' | 'font.metric.large' | 'font.metric.medium' | 'font.metric.small' | 'font.code.[default]' | 'font.weight.regular' | 'font.weight.medium' | 'font.weight.semibold' | 'font.weight.bold' | 'font.family.heading' | 'font.family.body' | 'font.family.code' | 'font.family.brand.heading' | 'font.family.brand.body' | 'radius.xsmall' | 'radius.small' | 'radius.medium' | 'radius.large' | 'radius.xlarge' | 'radius.xxlarge' | 'radius.full' | 'radius.tile' | 'border.width.[default]' | 'border.width.selected' | 'border.width.focused';
|