@atlaskit/tokens 1.8.1 → 1.9.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +12 -0
- package/dist/cjs/artifacts/generated-pairs.js +3 -6593
- package/dist/cjs/artifacts/palettes-raw/palette.js +87 -19
- package/dist/cjs/artifacts/theme-import-map.js +1 -7
- package/dist/cjs/artifacts/themes/atlassian-dark.js +2 -2
- package/dist/cjs/artifacts/themes/atlassian-light.js +2 -2
- package/dist/cjs/artifacts/token-default-values.js +3 -3
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +57 -57
- package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +3 -3
- package/dist/cjs/entry-points/token-default-values.js +13 -0
- package/dist/cjs/get-token-value.js +1 -1
- package/dist/cjs/get-token.js +1 -1
- package/dist/cjs/palettes/palette.js +39 -9
- package/dist/cjs/set-global-theme.js +4 -36
- package/dist/cjs/theme-config.js +17 -17
- package/dist/cjs/tokens/atlassian-dark/color/background.js +5 -4
- package/dist/cjs/tokens/atlassian-dark/color/icon.js +2 -2
- package/dist/cjs/tokens/atlassian-dark/color/text.js +3 -3
- package/dist/cjs/tokens/atlassian-dark/elevation/shadow.js +1 -1
- package/dist/cjs/tokens/atlassian-dark/elevation/surface.js +8 -8
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/artifacts/generated-pairs.js +2 -6584
- package/dist/es2019/artifacts/palettes-raw/palette.js +87 -19
- package/dist/es2019/artifacts/theme-import-map.js +1 -3
- package/dist/es2019/artifacts/themes/atlassian-dark.js +39 -39
- package/dist/es2019/artifacts/themes/atlassian-light.js +3 -3
- package/dist/es2019/artifacts/token-default-values.js +3 -3
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +57 -57
- package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +3 -3
- package/dist/es2019/entry-points/token-default-values.js +1 -0
- package/dist/es2019/get-token-value.js +1 -1
- package/dist/es2019/get-token.js +1 -1
- package/dist/es2019/palettes/palette.js +39 -9
- package/dist/es2019/set-global-theme.js +0 -18
- package/dist/es2019/theme-config.js +14 -14
- package/dist/es2019/tokens/atlassian-dark/color/background.js +5 -4
- package/dist/es2019/tokens/atlassian-dark/color/icon.js +2 -2
- package/dist/es2019/tokens/atlassian-dark/color/text.js +3 -3
- package/dist/es2019/tokens/atlassian-dark/elevation/shadow.js +1 -1
- package/dist/es2019/tokens/atlassian-dark/elevation/surface.js +8 -8
- package/dist/es2019/version.json +1 -1
- package/dist/esm/artifacts/generated-pairs.js +2 -6584
- package/dist/esm/artifacts/palettes-raw/palette.js +87 -19
- package/dist/esm/artifacts/theme-import-map.js +1 -5
- package/dist/esm/artifacts/themes/atlassian-dark.js +2 -2
- package/dist/esm/artifacts/themes/atlassian-light.js +2 -2
- package/dist/esm/artifacts/token-default-values.js +3 -3
- package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +57 -57
- package/dist/esm/artifacts/tokens-raw/atlassian-light.js +3 -3
- package/dist/esm/entry-points/token-default-values.js +1 -0
- package/dist/esm/get-token-value.js +1 -1
- package/dist/esm/get-token.js +1 -1
- package/dist/esm/palettes/palette.js +39 -9
- package/dist/esm/set-global-theme.js +4 -36
- package/dist/esm/theme-config.js +14 -14
- package/dist/esm/tokens/atlassian-dark/color/background.js +5 -4
- package/dist/esm/tokens/atlassian-dark/color/icon.js +2 -2
- package/dist/esm/tokens/atlassian-dark/color/text.js +3 -3
- package/dist/esm/tokens/atlassian-dark/elevation/shadow.js +1 -1
- package/dist/esm/tokens/atlassian-dark/elevation/surface.js +8 -8
- package/dist/esm/version.json +1 -1
- package/dist/types/artifacts/generated-pairs.d.ts +9 -3
- package/dist/types/artifacts/palettes-raw/palette.d.ts +1 -1
- package/dist/types/artifacts/theme-import-map.d.ts +1 -1
- package/dist/types/artifacts/themes/atlassian-dark.d.ts +2 -2
- package/dist/types/artifacts/themes/atlassian-light.d.ts +2 -2
- package/dist/types/artifacts/token-default-values.d.ts +3 -3
- package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
- package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
- package/dist/types/entry-points/token-default-values.d.ts +1 -0
- package/dist/types/palettes/palette.d.ts +1 -1
- package/dist/types/theme-config.d.ts +16 -36
- package/dist/types/tokens/atlassian-dark/utility/utility.d.ts +1 -1
- package/dist/types/tokens/atlassian-light/utility/utility.d.ts +1 -1
- package/dist/types/tokens/default/utility/utility.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/generated-pairs.d.ts +9 -3
- package/dist/types-ts4.5/artifacts/palettes-raw/palette.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/theme-import-map.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/themes/atlassian-dark.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/themes/atlassian-light.d.ts +2 -2
- package/dist/types-ts4.5/artifacts/token-default-values.d.ts +3 -3
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-dark.d.ts +1 -1
- package/dist/types-ts4.5/artifacts/tokens-raw/atlassian-light.d.ts +1 -1
- package/dist/types-ts4.5/entry-points/token-default-values.d.ts +1 -0
- package/dist/types-ts4.5/palettes/palette.d.ts +1 -1
- package/dist/types-ts4.5/theme-config.d.ts +19 -36
- package/dist/types-ts4.5/tokens/atlassian-dark/utility/utility.d.ts +1 -1
- package/dist/types-ts4.5/tokens/atlassian-light/utility/utility.d.ts +1 -1
- package/dist/types-ts4.5/tokens/default/utility/utility.d.ts +1 -1
- package/figma/atlassian-dark-new-input-border.json +15 -0
- package/figma/atlassian-dark.json +38 -38
- package/figma/atlassian-light-new-input-border.json +15 -0
- package/figma/atlassian-light.json +2 -2
- package/package.json +5 -8
- package/report.api.md +18 -2
- package/tmp/api-report-tmp.d.ts +13 -2
- package/token-default-values/package.json +17 -0
- package/dist/cjs/tokens/atlassian-dark-iteration/color/accent.js +0 -70
- package/dist/cjs/tokens/atlassian-dark-iteration/color/background.js +0 -80
- package/dist/cjs/tokens/atlassian-dark-iteration/color/chart.js +0 -34
- package/dist/cjs/tokens/atlassian-dark-iteration/color/icon.js +0 -26
- package/dist/cjs/tokens/atlassian-dark-iteration/color/text.js +0 -29
- package/dist/cjs/tokens/atlassian-dark-iteration/elevation/shadow.js +0 -45
- package/dist/cjs/tokens/atlassian-dark-iteration/elevation/surface.js +0 -48
- package/dist/es2019/tokens/atlassian-dark-iteration/color/accent.js +0 -63
- package/dist/es2019/tokens/atlassian-dark-iteration/color/background.js +0 -73
- package/dist/es2019/tokens/atlassian-dark-iteration/color/chart.js +0 -27
- package/dist/es2019/tokens/atlassian-dark-iteration/color/icon.js +0 -19
- package/dist/es2019/tokens/atlassian-dark-iteration/color/text.js +0 -22
- package/dist/es2019/tokens/atlassian-dark-iteration/elevation/shadow.js +0 -38
- package/dist/es2019/tokens/atlassian-dark-iteration/elevation/surface.js +0 -41
- package/dist/esm/tokens/atlassian-dark-iteration/color/accent.js +0 -63
- package/dist/esm/tokens/atlassian-dark-iteration/color/background.js +0 -73
- package/dist/esm/tokens/atlassian-dark-iteration/color/chart.js +0 -27
- package/dist/esm/tokens/atlassian-dark-iteration/color/icon.js +0 -19
- package/dist/esm/tokens/atlassian-dark-iteration/color/text.js +0 -22
- package/dist/esm/tokens/atlassian-dark-iteration/elevation/shadow.js +0 -38
- package/dist/esm/tokens/atlassian-dark-iteration/elevation/surface.js +0 -41
- package/dist/types/tokens/atlassian-dark-iteration/color/accent.d.ts +0 -4
- package/dist/types/tokens/atlassian-dark-iteration/color/background.d.ts +0 -4
- package/dist/types/tokens/atlassian-dark-iteration/color/chart.d.ts +0 -4
- package/dist/types/tokens/atlassian-dark-iteration/color/icon.d.ts +0 -4
- package/dist/types/tokens/atlassian-dark-iteration/color/text.d.ts +0 -4
- package/dist/types/tokens/atlassian-dark-iteration/elevation/shadow.d.ts +0 -4
- package/dist/types/tokens/atlassian-dark-iteration/elevation/surface.d.ts +0 -4
- package/dist/types-ts4.5/tokens/atlassian-dark-iteration/color/accent.d.ts +0 -4
- package/dist/types-ts4.5/tokens/atlassian-dark-iteration/color/background.d.ts +0 -4
- package/dist/types-ts4.5/tokens/atlassian-dark-iteration/color/chart.d.ts +0 -4
- package/dist/types-ts4.5/tokens/atlassian-dark-iteration/color/icon.d.ts +0 -4
- package/dist/types-ts4.5/tokens/atlassian-dark-iteration/color/text.d.ts +0 -4
- package/dist/types-ts4.5/tokens/atlassian-dark-iteration/elevation/shadow.d.ts +0 -4
- package/dist/types-ts4.5/tokens/atlassian-dark-iteration/elevation/surface.d.ts +0 -4
|
@@ -133,29 +133,6 @@ var setGlobalTheme = /*#__PURE__*/function () {
|
|
|
133
133
|
};
|
|
134
134
|
}()));
|
|
135
135
|
case 4:
|
|
136
|
-
if (!themePreferences.includes('dark')) {
|
|
137
|
-
_context2.next = 13;
|
|
138
|
-
break;
|
|
139
|
-
}
|
|
140
|
-
if (!
|
|
141
|
-
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
|
|
142
|
-
getBooleanFF('design-system-team.dark-theme-iteration_dk1ln')) {
|
|
143
|
-
_context2.next = 10;
|
|
144
|
-
break;
|
|
145
|
-
}
|
|
146
|
-
_context2.next = 8;
|
|
147
|
-
return loadAndAppendThemeCss('dark-iteration');
|
|
148
|
-
case 8:
|
|
149
|
-
_context2.next = 13;
|
|
150
|
-
break;
|
|
151
|
-
case 10:
|
|
152
|
-
if (!getBooleanFF('platform.design-system-team.dark-iteration-confluence_e2t22')) {
|
|
153
|
-
_context2.next = 13;
|
|
154
|
-
break;
|
|
155
|
-
}
|
|
156
|
-
_context2.next = 13;
|
|
157
|
-
return loadAndAppendThemeCss('dark-iteration');
|
|
158
|
-
case 13:
|
|
159
136
|
if (colorMode === 'auto' && darkModeMql) {
|
|
160
137
|
colorMode = darkModeMql.matches ? 'dark' : 'light';
|
|
161
138
|
// Add an event listener for changes to the system theme.
|
|
@@ -182,7 +159,7 @@ var setGlobalTheme = /*#__PURE__*/function () {
|
|
|
182
159
|
document.documentElement.setAttribute(key, value);
|
|
183
160
|
});
|
|
184
161
|
return _context2.abrupt("return", unbindThemeChangeListener);
|
|
185
|
-
case
|
|
162
|
+
case 8:
|
|
186
163
|
case "end":
|
|
187
164
|
return _context2.stop();
|
|
188
165
|
}
|
|
@@ -237,16 +214,7 @@ export var getThemeStyles = /*#__PURE__*/function () {
|
|
|
237
214
|
spacing: spacing,
|
|
238
215
|
typography: typography
|
|
239
216
|
});
|
|
240
|
-
|
|
241
|
-
if (
|
|
242
|
-
// eslint-disable-next-line @atlaskit/platform/ensure-feature-flag-prefix
|
|
243
|
-
getBooleanFF('design-system-team.dark-theme-iteration_dk1ln')) {
|
|
244
|
-
themePreferences.push('dark-iteration');
|
|
245
|
-
} else if (getBooleanFF('platform.design-system-team.dark-iteration-confluence_e2t22')) {
|
|
246
|
-
themePreferences.push('dark-iteration');
|
|
247
|
-
}
|
|
248
|
-
}
|
|
249
|
-
_context4.next = 5;
|
|
217
|
+
_context4.next = 4;
|
|
250
218
|
return Promise.all(themePreferences.map( /*#__PURE__*/function () {
|
|
251
219
|
var _ref8 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(themeId) {
|
|
252
220
|
var css;
|
|
@@ -279,12 +247,12 @@ export var getThemeStyles = /*#__PURE__*/function () {
|
|
|
279
247
|
return _ref8.apply(this, arguments);
|
|
280
248
|
};
|
|
281
249
|
}()));
|
|
282
|
-
case
|
|
250
|
+
case 4:
|
|
283
251
|
results = _context4.sent;
|
|
284
252
|
return _context4.abrupt("return", results.filter(function (theme) {
|
|
285
253
|
return theme !== undefined;
|
|
286
254
|
}));
|
|
287
|
-
case
|
|
255
|
+
case 6:
|
|
288
256
|
case "end":
|
|
289
257
|
return _context4.stop();
|
|
290
258
|
}
|
package/dist/esm/theme-config.js
CHANGED
|
@@ -8,6 +8,13 @@
|
|
|
8
8
|
* style-dictionary will attempt to locate these in the file-system.
|
|
9
9
|
*/
|
|
10
10
|
|
|
11
|
+
/**
|
|
12
|
+
* ThemeOverrides: The internal identifier of a theme override. Which are themes that contain
|
|
13
|
+
* a subset of tokens intended to override an existing theme. These ids are what the actual
|
|
14
|
+
* theme files/folders are called. style-dictionary will attempt to locate these in the file-system.
|
|
15
|
+
* Theme overrides are temporary and there may not be any defined at times.
|
|
16
|
+
*/
|
|
17
|
+
|
|
11
18
|
/**
|
|
12
19
|
* Theme kinds: The type of theme.
|
|
13
20
|
* Some themes are entirely focused on Color, whilst others are purely focused on spacing.
|
|
@@ -28,6 +35,11 @@ export var themeColorModes = ['light', 'dark', 'auto'];
|
|
|
28
35
|
* These ids must be kebab case
|
|
29
36
|
*/
|
|
30
37
|
export var themeIds = ['light', 'dark', 'legacy-light', 'legacy-dark', 'spacing', 'typography', 'shape'];
|
|
38
|
+
/**
|
|
39
|
+
* Theme override ids: the equivalent of themeIds for theme overrides.
|
|
40
|
+
* Theme overrides are temporary and there may not be any defined at times.
|
|
41
|
+
*/
|
|
42
|
+
export var themeOverrideIds = ['light-new-input-border', 'dark-new-input-border'];
|
|
31
43
|
|
|
32
44
|
/**
|
|
33
45
|
* Theme to use a base. This will create the theme as
|
|
@@ -106,24 +118,12 @@ var themeConfig = {
|
|
|
106
118
|
attributes: {
|
|
107
119
|
type: 'shape'
|
|
108
120
|
}
|
|
109
|
-
}
|
|
110
|
-
};
|
|
111
|
-
export var themeOverrideConfig = {
|
|
112
|
-
'atlassian-dark-iteration': {
|
|
113
|
-
id: 'dark-iteration',
|
|
114
|
-
displayName: 'Dark Theme Iteration',
|
|
115
|
-
palette: 'defaultPalette',
|
|
116
|
-
overrideTheme: 'dark',
|
|
117
|
-
attributes: {
|
|
118
|
-
type: 'color',
|
|
119
|
-
mode: 'dark'
|
|
120
|
-
}
|
|
121
121
|
},
|
|
122
122
|
'atlassian-light-new-input-border': {
|
|
123
123
|
id: 'light-new-input-border',
|
|
124
124
|
displayName: 'Light Theme New Input Border',
|
|
125
125
|
palette: 'defaultPalette',
|
|
126
|
-
|
|
126
|
+
override: 'light',
|
|
127
127
|
attributes: {
|
|
128
128
|
type: 'color',
|
|
129
129
|
mode: 'light'
|
|
@@ -133,7 +133,7 @@ export var themeOverrideConfig = {
|
|
|
133
133
|
id: 'dark-new-input-border',
|
|
134
134
|
displayName: 'Dark Theme New Input Border',
|
|
135
135
|
palette: 'defaultPalette',
|
|
136
|
-
|
|
136
|
+
override: 'dark',
|
|
137
137
|
attributes: {
|
|
138
138
|
type: 'color',
|
|
139
139
|
mode: 'dark'
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
var color = {
|
|
2
2
|
color: {
|
|
3
3
|
blanket: {
|
|
4
|
+
// @ts-ignore temporary value (DarkNeutral-100 60% opacity)
|
|
4
5
|
'[default]': {
|
|
5
|
-
value: '
|
|
6
|
+
value: '#10121499'
|
|
6
7
|
},
|
|
7
8
|
// @ts-ignore temporary value (Blue600 8% opacity)
|
|
8
9
|
selected: {
|
|
@@ -35,13 +36,13 @@ var color = {
|
|
|
35
36
|
},
|
|
36
37
|
input: {
|
|
37
38
|
'[default]': {
|
|
38
|
-
value: '
|
|
39
|
+
value: 'DarkNeutral200'
|
|
39
40
|
},
|
|
40
41
|
hovered: {
|
|
41
|
-
value: '
|
|
42
|
+
value: 'DarkNeutral250'
|
|
42
43
|
},
|
|
43
44
|
pressed: {
|
|
44
|
-
value: '
|
|
45
|
+
value: 'DarkNeutral200'
|
|
45
46
|
}
|
|
46
47
|
},
|
|
47
48
|
neutral: {
|
|
@@ -8,7 +8,7 @@ var color = {
|
|
|
8
8
|
value: 'DarkNeutral700'
|
|
9
9
|
},
|
|
10
10
|
inverse: {
|
|
11
|
-
value: '
|
|
11
|
+
value: 'DarkNeutral100'
|
|
12
12
|
},
|
|
13
13
|
disabled: {
|
|
14
14
|
value: 'DarkNeutral400A'
|
|
@@ -27,7 +27,7 @@ var color = {
|
|
|
27
27
|
value: 'Yellow500'
|
|
28
28
|
},
|
|
29
29
|
inverse: {
|
|
30
|
-
value: '
|
|
30
|
+
value: 'DarkNeutral100'
|
|
31
31
|
}
|
|
32
32
|
},
|
|
33
33
|
success: {
|
|
@@ -2,7 +2,7 @@ var color = {
|
|
|
2
2
|
color: {
|
|
3
3
|
text: {
|
|
4
4
|
'[default]': {
|
|
5
|
-
value: '
|
|
5
|
+
value: 'DarkNeutral900'
|
|
6
6
|
},
|
|
7
7
|
subtle: {
|
|
8
8
|
value: 'DarkNeutral800'
|
|
@@ -11,7 +11,7 @@ var color = {
|
|
|
11
11
|
value: 'DarkNeutral700'
|
|
12
12
|
},
|
|
13
13
|
inverse: {
|
|
14
|
-
value: '
|
|
14
|
+
value: 'DarkNeutral100'
|
|
15
15
|
},
|
|
16
16
|
disabled: {
|
|
17
17
|
value: 'DarkNeutral400A'
|
|
@@ -30,7 +30,7 @@ var color = {
|
|
|
30
30
|
value: 'Yellow300'
|
|
31
31
|
},
|
|
32
32
|
inverse: {
|
|
33
|
-
value: '
|
|
33
|
+
value: 'DarkNeutral100'
|
|
34
34
|
}
|
|
35
35
|
},
|
|
36
36
|
success: {
|
|
@@ -3,24 +3,24 @@ var elevation = {
|
|
|
3
3
|
surface: {
|
|
4
4
|
'[default]': {
|
|
5
5
|
'[default]': {
|
|
6
|
-
value: '
|
|
6
|
+
value: 'DarkNeutral100'
|
|
7
7
|
},
|
|
8
8
|
hovered: {
|
|
9
|
-
value: '
|
|
9
|
+
value: 'DarkNeutral200'
|
|
10
10
|
},
|
|
11
11
|
pressed: {
|
|
12
|
-
value: '
|
|
12
|
+
value: 'DarkNeutral250'
|
|
13
13
|
}
|
|
14
14
|
},
|
|
15
15
|
sunken: {
|
|
16
|
-
value: '
|
|
16
|
+
value: 'DarkNeutral0'
|
|
17
17
|
},
|
|
18
18
|
raised: {
|
|
19
19
|
'[default]': {
|
|
20
|
-
value: '
|
|
20
|
+
value: 'DarkNeutral200'
|
|
21
21
|
},
|
|
22
22
|
hovered: {
|
|
23
|
-
value: '
|
|
23
|
+
value: 'DarkNeutral250'
|
|
24
24
|
},
|
|
25
25
|
pressed: {
|
|
26
26
|
value: 'DarkNeutral300'
|
|
@@ -28,13 +28,13 @@ var elevation = {
|
|
|
28
28
|
},
|
|
29
29
|
overlay: {
|
|
30
30
|
'[default]': {
|
|
31
|
-
value: '
|
|
31
|
+
value: 'DarkNeutral250'
|
|
32
32
|
},
|
|
33
33
|
hovered: {
|
|
34
34
|
value: 'DarkNeutral300'
|
|
35
35
|
},
|
|
36
36
|
pressed: {
|
|
37
|
-
value: '
|
|
37
|
+
value: 'DarkNeutral350'
|
|
38
38
|
}
|
|
39
39
|
}
|
|
40
40
|
}
|
package/dist/esm/version.json
CHANGED
|
@@ -4,12 +4,18 @@
|
|
|
4
4
|
* Auto-generated list of token pairings that may need to have sufficient contrast.
|
|
5
5
|
* Not currently used by tests, but is used by the custom theme contrast checker example
|
|
6
6
|
*
|
|
7
|
-
* @codegen <<SignedSource::
|
|
7
|
+
* @codegen <<SignedSource::49e7fc00ef32438127aad28b43c69dea>>
|
|
8
8
|
* @codegenCommand yarn build tokens
|
|
9
9
|
*/
|
|
10
|
-
export declare const generatedPairs: {
|
|
10
|
+
export declare const generatedPairs: ({
|
|
11
11
|
foreground: string;
|
|
12
12
|
background: string;
|
|
13
13
|
desiredContrast: number;
|
|
14
|
-
|
|
14
|
+
layeredTokens: string[];
|
|
15
|
+
} | {
|
|
16
|
+
foreground: string;
|
|
17
|
+
background: string;
|
|
18
|
+
desiredContrast: number;
|
|
19
|
+
layeredTokens?: undefined;
|
|
20
|
+
})[];
|
|
15
21
|
export default generatedPairs;
|
|
@@ -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::ccc3d33cf2d1d54e07b64182dfade27e>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
declare const tokens: ({
|
|
@@ -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::de402397f676704af035feafc2b4f3c3>>
|
|
10
10
|
* @codegenCommand yarn build tokens
|
|
11
11
|
*/
|
|
12
12
|
import { ThemeIds, ThemeOverrideIds } from '../theme-config';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::0171fd710aa3b4936cef88004b263fd0>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
|
-
declare const _default: "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:dark\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:dark\"] {\n color-scheme: dark;\n --ds-text: #C7D1DB;\n --ds-text-accent-lime: #B3DF72;\n --ds-text-accent-lime-bolder: #D3F1A7;\n --ds-text-accent-red: #FF9C8F;\n --ds-text-accent-red-bolder: #FFD2CC;\n --ds-text-accent-orange: #FEC57B;\n --ds-text-accent-orange-bolder: #FFE2BD;\n --ds-text-accent-yellow: #F5CD47;\n --ds-text-accent-yellow-bolder: #F8E6A0;\n --ds-text-accent-green: #7EE2B8;\n --ds-text-accent-green-bolder: #BAF3DB;\n --ds-text-accent-teal: #8BDBE5;\n --ds-text-accent-teal-bolder: #C1F0F5;\n --ds-text-accent-blue: #85B8FF;\n --ds-text-accent-blue-bolder: #CCE0FF;\n --ds-text-accent-purple: #B8ACF6;\n --ds-text-accent-purple-bolder: #DFD8FD;\n --ds-text-accent-magenta: #F797D2;\n --ds-text-accent-magenta-bolder: #FDD0EC;\n --ds-text-accent-gray: #9FADBC;\n --ds-text-accent-gray-bolder: #DEE4EA;\n --ds-text-disabled: #BFDBF847;\n --ds-text-inverse: #161A1D;\n --ds-text-selected: #579DFF;\n --ds-text-brand: #579DFF;\n --ds-text-danger: #FF9C8F;\n --ds-text-warning: #F5CD47;\n --ds-text-warning-inverse: #161A1D;\n --ds-text-success: #7EE2B8;\n --ds-text-discovery: #B8ACF6;\n --ds-text-information: #85B8FF;\n --ds-text-subtlest: #8696A7;\n --ds-text-subtle: #9FADBC;\n --ds-link: #579DFF;\n --ds-link-pressed: #85B8FF;\n --ds-icon: #9FADBC;\n --ds-icon-accent-lime: #82B536;\n --ds-icon-accent-red: #EF5C48;\n --ds-icon-accent-orange: #F18D13;\n --ds-icon-accent-yellow: #CF9F02;\n --ds-icon-accent-green: #2ABB7F;\n --ds-icon-accent-teal: #37B4C3;\n --ds-icon-accent-blue: #388BFF;\n --ds-icon-accent-purple: #8F7EE7;\n --ds-icon-accent-magenta: #DA62AC;\n --ds-icon-accent-gray: #738496;\n --ds-icon-disabled: #BFDBF847;\n --ds-icon-inverse: #161A1D;\n --ds-icon-selected: #579DFF;\n --ds-icon-brand: #579DFF;\n --ds-icon-danger: #EF5C48;\n --ds-icon-warning: #CF9F02;\n --ds-icon-warning-inverse: #161A1D;\n --ds-icon-success: #2ABB7F;\n --ds-icon-discovery: #8F7EE7;\n --ds-icon-information: #388BFF;\n --ds-icon-subtle: #8696A7;\n --ds-border: #A6C5E229;\n --ds-border-accent-lime: #82B536;\n --ds-border-accent-red: #EF5C48;\n --ds-border-accent-orange: #F18D13;\n --ds-border-accent-yellow: #CF9F02;\n --ds-border-accent-green: #2ABB7F;\n --ds-border-accent-teal: #37B4C3;\n --ds-border-accent-blue: #388BFF;\n --ds-border-accent-purple: #8F7EE7;\n --ds-border-accent-magenta: #DA62AC;\n --ds-border-accent-gray: #738496;\n --ds-border-disabled: #A1BDD914;\n --ds-border-focused: #85B8FF;\n --ds-border-input: #A6C5E229;\n --ds-border-inverse: #161A1D;\n --ds-border-selected: #579DFF;\n --ds-border-brand: #579DFF;\n --ds-border-danger: #EF5C48;\n --ds-border-warning: #CF9F02;\n --ds-border-success: #2ABB7F;\n --ds-border-discovery: #8F7EE7;\n --ds-border-information: #388BFF;\n --ds-border-bold: #738496;\n --ds-background-accent-lime-subtlest: #2A3818;\n --ds-background-accent-lime-subtler: #37471F;\n --ds-background-accent-lime-subtle: #4C6B1F;\n --ds-background-accent-lime-bolder: #94C748;\n --ds-background-accent-red-subtlest: #391813;\n --ds-background-accent-red-subtler: #601E16;\n --ds-background-accent-red-subtle: #AE2A19;\n --ds-background-accent-red-bolder: #F87462;\n --ds-background-accent-orange-subtlest: #43290F;\n --ds-background-accent-orange-subtler: #5F3811;\n --ds-background-accent-orange-subtle: #974F0C;\n --ds-background-accent-orange-bolder: #FAA53D;\n --ds-background-accent-yellow-subtlest: #3D2E00;\n --ds-background-accent-yellow-subtler: #533F04;\n --ds-background-accent-yellow-subtle: #7F5F01;\n --ds-background-accent-yellow-bolder: #E2B203;\n --ds-background-accent-green-subtlest: #133527;\n --ds-background-accent-green-subtler: #164B35;\n --ds-background-accent-green-subtle: #216E4E;\n --ds-background-accent-green-bolder: #4BCE97;\n --ds-background-accent-teal-subtlest: #153337;\n --ds-background-accent-teal-subtler: #1D474C;\n --ds-background-accent-teal-subtle: #206B74;\n --ds-background-accent-teal-bolder: #60C6D2;\n --ds-background-accent-blue-subtlest: #082145;\n --ds-background-accent-blue-subtler: #09326C;\n --ds-background-accent-blue-subtle: #0055CC;\n --ds-background-accent-blue-bolder: #579DFF;\n --ds-background-accent-purple-subtlest: #231C3F;\n --ds-background-accent-purple-subtler: #352C63;\n --ds-background-accent-purple-subtle: #5E4DB2;\n --ds-background-accent-purple-bolder: #9F8FEF;\n --ds-background-accent-magenta-subtlest: #341829;\n --ds-background-accent-magenta-subtler: #50253F;\n --ds-background-accent-magenta-subtle: #943D73;\n --ds-background-accent-magenta-bolder: #E774BB;\n --ds-background-accent-gray-subtlest: #2C333A;\n --ds-background-accent-gray-subtler: #454F59;\n --ds-background-accent-gray-subtle: #596773;\n --ds-background-accent-gray-bolder: #8696A7;\n --ds-background-disabled: #BCD6F00A;\n --ds-background-input: #1D2125;\n --ds-background-input-hovered: #22272B;\n --ds-background-input-pressed: #1D2125;\n --ds-background-inverse-subtle: #FFFFFF29;\n --ds-background-inverse-subtle-hovered: #FFFFFF3D;\n --ds-background-inverse-subtle-pressed: #FFFFFF52;\n --ds-background-neutral: #A1BDD914;\n --ds-background-neutral-hovered: #A6C5E229;\n --ds-background-neutral-pressed: #BFDBF847;\n --ds-background-neutral-subtle: #00000000;\n --ds-background-neutral-subtle-hovered: #A1BDD914;\n --ds-background-neutral-subtle-pressed: #A6C5E229;\n --ds-background-neutral-bold: #9FADBC;\n --ds-background-neutral-bold-hovered: #B6C2CF;\n --ds-background-neutral-bold-pressed: #C7D1DB;\n --ds-background-selected: #082145;\n --ds-background-selected-hovered: #09326C;\n --ds-background-selected-pressed: #0055CC;\n --ds-background-selected-bold: #579DFF;\n --ds-background-selected-bold-hovered: #85B8FF;\n --ds-background-selected-bold-pressed: #CCE0FF;\n --ds-background-brand-bold: #579DFF;\n --ds-background-brand-bold-hovered: #85B8FF;\n --ds-background-brand-bold-pressed: #CCE0FF;\n --ds-background-danger: #391813;\n --ds-background-danger-hovered: #601E16;\n --ds-background-danger-pressed: #AE2A19;\n --ds-background-danger-bold: #F87462;\n --ds-background-danger-bold-hovered: #FF9C8F;\n --ds-background-danger-bold-pressed: #FFD2CC;\n --ds-background-warning: #3D2E00;\n --ds-background-warning-hovered: #533F04;\n --ds-background-warning-pressed: #7F5F01;\n --ds-background-warning-bold: #E2B203;\n --ds-background-warning-bold-hovered: #F5CD47;\n --ds-background-warning-bold-pressed: #F8E6A0;\n --ds-background-success: #133527;\n --ds-background-success-hovered: #164B35;\n --ds-background-success-pressed: #216E4E;\n --ds-background-success-bold: #4BCE97;\n --ds-background-success-bold-hovered: #7EE2B8;\n --ds-background-success-bold-pressed: #BAF3DB;\n --ds-background-discovery: #231C3F;\n --ds-background-discovery-hovered: #352C63;\n --ds-background-discovery-pressed: #5E4DB2;\n --ds-background-discovery-bold: #9F8FEF;\n --ds-background-discovery-bold-hovered: #B8ACF6;\n --ds-background-discovery-bold-pressed: #DFD8FD;\n --ds-background-information: #082145;\n --ds-background-information-hovered: #09326C;\n --ds-background-information-pressed: #0055CC;\n --ds-background-information-bold: #579DFF;\n --ds-background-information-bold-hovered: #85B8FF;\n --ds-background-information-bold-pressed: #CCE0FF;\n --ds-blanket: #03040442;\n --ds-blanket-selected: #1D7AFC14;\n --ds-blanket-danger: #E3493514;\n --ds-interaction-hovered: #ffffff33;\n --ds-interaction-pressed: #ffffff5c;\n --ds-skeleton: #A1BDD914;\n --ds-skeleton-subtle: #BCD6F00A;\n --ds-chart-categorical-1: #1D9AAA;\n --ds-chart-categorical-1-hovered: #37B4C3;\n --ds-chart-categorical-2: #B8ACF6;\n --ds-chart-categorical-2-hovered: #DFD8FD;\n --ds-chart-categorical-3: #D97008;\n --ds-chart-categorical-3-hovered: #F18D13;\n --ds-chart-categorical-4: #F797D2;\n --ds-chart-categorical-4-hovered: #FDD0EC;\n --ds-chart-categorical-5: #CCE0FF;\n --ds-chart-categorical-5-hovered: #E9F2FF;\n --ds-chart-categorical-6: #8270DB;\n --ds-chart-categorical-6-hovered: #8F7EE7;\n --ds-chart-categorical-7: #FDD0EC;\n --ds-chart-categorical-7-hovered: #FFECF8;\n --ds-chart-categorical-8: #FEC57B;\n --ds-chart-categorical-8-hovered: #FFE2BD;\n --ds-chart-lime-bold: #37B4C3;\n --ds-chart-lime-bold-hovered: #60C6D2;\n --ds-chart-lime-bolder: #60C6D2;\n --ds-chart-lime-bolder-hovered: #8BDBE5;\n --ds-chart-lime-boldest: #8BDBE5;\n --ds-chart-lime-boldest-hovered: #C1F0F5;\n --ds-chart-neutral: #738496;\n --ds-chart-neutral-hovered: #8696A7;\n --ds-chart-red-bold: #E34935;\n --ds-chart-red-bold-hovered: #EF5C48;\n --ds-chart-red-bolder: #EF5C48;\n --ds-chart-red-bolder-hovered: #F87462;\n --ds-chart-red-boldest: #FF9C8F;\n --ds-chart-red-boldest-hovered: #FFD2CC;\n --ds-chart-orange-bold: #F18D13;\n --ds-chart-orange-bold-hovered: #FAA53D;\n --ds-chart-orange-bolder: #FAA53D;\n --ds-chart-orange-bolder-hovered: #FEC57B;\n --ds-chart-orange-boldest: #FEC57B;\n --ds-chart-orange-boldest-hovered: #FFE2BD;\n --ds-chart-yellow-bold: #CF9F02;\n --ds-chart-yellow-bold-hovered: #E2B203;\n --ds-chart-yellow-bolder: #E2B203;\n --ds-chart-yellow-bolder-hovered: #F5CD47;\n --ds-chart-yellow-boldest: #F5CD47;\n --ds-chart-yellow-boldest-hovered: #F8E6A0;\n --ds-chart-green-bold: #2ABB7F;\n --ds-chart-green-bold-hovered: #4BCE97;\n --ds-chart-green-bolder: #4BCE97;\n --ds-chart-green-bolder-hovered: #7EE2B8;\n --ds-chart-green-boldest: #7EE2B8;\n --ds-chart-green-boldest-hovered: #BAF3DB;\n --ds-chart-teal-bold: #37B4C3;\n --ds-chart-teal-bold-hovered: #60C6D2;\n --ds-chart-teal-bolder: #60C6D2;\n --ds-chart-teal-bolder-hovered: #8BDBE5;\n --ds-chart-teal-boldest: #8BDBE5;\n --ds-chart-teal-boldest-hovered: #C1F0F5;\n --ds-chart-blue-bold: #1D7AFC;\n --ds-chart-blue-bold-hovered: #388BFF;\n --ds-chart-blue-bolder: #388BFF;\n --ds-chart-blue-bolder-hovered: #579DFF;\n --ds-chart-blue-boldest: #85B8FF;\n --ds-chart-blue-boldest-hovered: #CCE0FF;\n --ds-chart-purple-bold: #8270DB;\n --ds-chart-purple-bold-hovered: #8F7EE7;\n --ds-chart-purple-bolder: #8F7EE7;\n --ds-chart-purple-bolder-hovered: #9F8FEF;\n --ds-chart-purple-boldest: #B8ACF6;\n --ds-chart-purple-boldest-hovered: #DFD8FD;\n --ds-chart-magenta-bold: #CD519D;\n --ds-chart-magenta-bold-hovered: #DA62AC;\n --ds-chart-magenta-bolder: #DA62AC;\n --ds-chart-magenta-bolder-hovered: #E774BB;\n --ds-chart-magenta-boldest: #F797D2;\n --ds-chart-magenta-boldest-hovered: #FDD0EC;\n --ds-chart-gray-bold: #738496;\n --ds-chart-gray-bold-hovered: #8696A7;\n --ds-chart-gray-bolder: #8696A7;\n --ds-chart-gray-bolder-hovered: #9FADBC;\n --ds-chart-gray-boldest: #9FADBC;\n --ds-chart-gray-boldest-hovered: #B6C2CF;\n --ds-chart-brand: #388BFF;\n --ds-chart-brand-hovered: #579DFF;\n --ds-chart-danger: #E34935;\n --ds-chart-danger-hovered: #EF5C48;\n --ds-chart-danger-bold: #FF9C8F;\n --ds-chart-danger-bold-hovered: #FFD2CC;\n --ds-chart-warning: #CF9F02;\n --ds-chart-warning-hovered: #E2B203;\n --ds-chart-warning-bold: #F5CD47;\n --ds-chart-warning-bold-hovered: #F8E6A0;\n --ds-chart-success: #2ABB7F;\n --ds-chart-success-hovered: #4BCE97;\n --ds-chart-success-bold: #7EE2B8;\n --ds-chart-success-bold-hovered: #BAF3DB;\n --ds-chart-discovery: #8270DB;\n --ds-chart-discovery-hovered: #8F7EE7;\n --ds-chart-discovery-bold: #B8ACF6;\n --ds-chart-discovery-bold-hovered: #DFD8FD;\n --ds-chart-information: #1D7AFC;\n --ds-chart-information-hovered: #388BFF;\n --ds-chart-information-bold: #85B8FF;\n --ds-chart-information-bold-hovered: #CCE0FF;\n --ds-surface: #161A1D;\n --ds-surface-hovered: #1D2125;\n --ds-surface-pressed: #22272B;\n --ds-surface-overlay: #22272B;\n --ds-surface-overlay-hovered: #2C333A;\n --ds-surface-overlay-pressed: #454F59;\n --ds-surface-raised: #1D2125;\n --ds-surface-raised-hovered: #22272B;\n --ds-surface-raised-pressed: #2C333A;\n --ds-surface-sunken: #101214;\n --ds-shadow-overflow: 0px 0px 12px #0304048F, 0px 0px 1px #03040480;\n --ds-shadow-overflow-perimeter: #03040480;\n --ds-shadow-overflow-spread: #0304048f;\n --ds-shadow-overlay: inset 0px 0px 0px 1px #BCD6F00A, 0px 8px 12px #0304045C, 0px 0px 1px #03040480;\n --ds-shadow-raised: inset 0px 0px 0px 1px #00000000, 0px 1px 1px #03040480, 0px 0px 1px #03040480;\n --ds-opacity-disabled: 0.4;\n --ds-opacity-loading: 0.2;\n --ds-UNSAFE-transparent: transparent;\n}\n";
|
|
6
|
+
declare const _default: "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:dark\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:dark\"] {\n color-scheme: dark;\n --ds-text: #B6C2CF;\n --ds-text-accent-lime: #B3DF72;\n --ds-text-accent-lime-bolder: #D3F1A7;\n --ds-text-accent-red: #FF9C8F;\n --ds-text-accent-red-bolder: #FFD2CC;\n --ds-text-accent-orange: #FEC57B;\n --ds-text-accent-orange-bolder: #FFE2BD;\n --ds-text-accent-yellow: #F5CD47;\n --ds-text-accent-yellow-bolder: #F8E6A0;\n --ds-text-accent-green: #7EE2B8;\n --ds-text-accent-green-bolder: #BAF3DB;\n --ds-text-accent-teal: #8BDBE5;\n --ds-text-accent-teal-bolder: #C1F0F5;\n --ds-text-accent-blue: #85B8FF;\n --ds-text-accent-blue-bolder: #CCE0FF;\n --ds-text-accent-purple: #B8ACF6;\n --ds-text-accent-purple-bolder: #DFD8FD;\n --ds-text-accent-magenta: #F797D2;\n --ds-text-accent-magenta-bolder: #FDD0EC;\n --ds-text-accent-gray: #9FADBC;\n --ds-text-accent-gray-bolder: #DEE4EA;\n --ds-text-disabled: #BFDBF847;\n --ds-text-inverse: #1D2125;\n --ds-text-selected: #579DFF;\n --ds-text-brand: #579DFF;\n --ds-text-danger: #FF9C8F;\n --ds-text-warning: #F5CD47;\n --ds-text-warning-inverse: #1D2125;\n --ds-text-success: #7EE2B8;\n --ds-text-discovery: #B8ACF6;\n --ds-text-information: #85B8FF;\n --ds-text-subtlest: #8C9BAB;\n --ds-text-subtle: #9FADBC;\n --ds-link: #579DFF;\n --ds-link-pressed: #85B8FF;\n --ds-icon: #9FADBC;\n --ds-icon-accent-lime: #82B536;\n --ds-icon-accent-red: #EF5C48;\n --ds-icon-accent-orange: #F18D13;\n --ds-icon-accent-yellow: #CF9F02;\n --ds-icon-accent-green: #2ABB7F;\n --ds-icon-accent-teal: #37B4C3;\n --ds-icon-accent-blue: #388BFF;\n --ds-icon-accent-purple: #8F7EE7;\n --ds-icon-accent-magenta: #DA62AC;\n --ds-icon-accent-gray: #738496;\n --ds-icon-disabled: #BFDBF847;\n --ds-icon-inverse: #1D2125;\n --ds-icon-selected: #579DFF;\n --ds-icon-brand: #579DFF;\n --ds-icon-danger: #EF5C48;\n --ds-icon-warning: #CF9F02;\n --ds-icon-warning-inverse: #1D2125;\n --ds-icon-success: #2ABB7F;\n --ds-icon-discovery: #8F7EE7;\n --ds-icon-information: #388BFF;\n --ds-icon-subtle: #8C9BAB;\n --ds-border: #A6C5E229;\n --ds-border-accent-lime: #82B536;\n --ds-border-accent-red: #EF5C48;\n --ds-border-accent-orange: #F18D13;\n --ds-border-accent-yellow: #CF9F02;\n --ds-border-accent-green: #2ABB7F;\n --ds-border-accent-teal: #37B4C3;\n --ds-border-accent-blue: #388BFF;\n --ds-border-accent-purple: #8F7EE7;\n --ds-border-accent-magenta: #DA62AC;\n --ds-border-accent-gray: #738496;\n --ds-border-disabled: #A1BDD914;\n --ds-border-focused: #85B8FF;\n --ds-border-input: #A6C5E229;\n --ds-border-inverse: #161A1D;\n --ds-border-selected: #579DFF;\n --ds-border-brand: #579DFF;\n --ds-border-danger: #EF5C48;\n --ds-border-warning: #CF9F02;\n --ds-border-success: #2ABB7F;\n --ds-border-discovery: #8F7EE7;\n --ds-border-information: #388BFF;\n --ds-border-bold: #738496;\n --ds-background-accent-lime-subtlest: #2A3818;\n --ds-background-accent-lime-subtler: #37471F;\n --ds-background-accent-lime-subtle: #4C6B1F;\n --ds-background-accent-lime-bolder: #94C748;\n --ds-background-accent-red-subtlest: #4F1C16;\n --ds-background-accent-red-subtler: #601E16;\n --ds-background-accent-red-subtle: #AE2A19;\n --ds-background-accent-red-bolder: #F87462;\n --ds-background-accent-orange-subtlest: #4A2B0F;\n --ds-background-accent-orange-subtler: #5F3811;\n --ds-background-accent-orange-subtle: #974F0C;\n --ds-background-accent-orange-bolder: #FAA53D;\n --ds-background-accent-yellow-subtlest: #3F3102;\n --ds-background-accent-yellow-subtler: #533F04;\n --ds-background-accent-yellow-subtle: #7F5F01;\n --ds-background-accent-yellow-bolder: #E2B203;\n --ds-background-accent-green-subtlest: #143C2B;\n --ds-background-accent-green-subtler: #164B35;\n --ds-background-accent-green-subtle: #216E4E;\n --ds-background-accent-green-bolder: #4BCE97;\n --ds-background-accent-teal-subtlest: #15373B;\n --ds-background-accent-teal-subtler: #1D474C;\n --ds-background-accent-teal-subtle: #206B74;\n --ds-background-accent-teal-bolder: #60C6D2;\n --ds-background-accent-blue-subtlest: #092957;\n --ds-background-accent-blue-subtler: #09326C;\n --ds-background-accent-blue-subtle: #0055CC;\n --ds-background-accent-blue-bolder: #579DFF;\n --ds-background-accent-purple-subtlest: #2B2451;\n --ds-background-accent-purple-subtler: #352C63;\n --ds-background-accent-purple-subtle: #5E4DB2;\n --ds-background-accent-purple-bolder: #9F8FEF;\n --ds-background-accent-magenta-subtlest: #421F34;\n --ds-background-accent-magenta-subtler: #50253F;\n --ds-background-accent-magenta-subtle: #943D73;\n --ds-background-accent-magenta-bolder: #E774BB;\n --ds-background-accent-gray-subtlest: #2C333A;\n --ds-background-accent-gray-subtler: #454F59;\n --ds-background-accent-gray-subtle: #596773;\n --ds-background-accent-gray-bolder: #8C9BAB;\n --ds-background-disabled: #BCD6F00A;\n --ds-background-input: #22272B;\n --ds-background-input-hovered: #282E33;\n --ds-background-input-pressed: #22272B;\n --ds-background-inverse-subtle: #FFFFFF29;\n --ds-background-inverse-subtle-hovered: #FFFFFF3D;\n --ds-background-inverse-subtle-pressed: #FFFFFF52;\n --ds-background-neutral: #A1BDD914;\n --ds-background-neutral-hovered: #A6C5E229;\n --ds-background-neutral-pressed: #BFDBF847;\n --ds-background-neutral-subtle: #00000000;\n --ds-background-neutral-subtle-hovered: #A1BDD914;\n --ds-background-neutral-subtle-pressed: #A6C5E229;\n --ds-background-neutral-bold: #9FADBC;\n --ds-background-neutral-bold-hovered: #B6C2CF;\n --ds-background-neutral-bold-pressed: #C7D1DB;\n --ds-background-selected: #092957;\n --ds-background-selected-hovered: #09326C;\n --ds-background-selected-pressed: #0055CC;\n --ds-background-selected-bold: #579DFF;\n --ds-background-selected-bold-hovered: #85B8FF;\n --ds-background-selected-bold-pressed: #CCE0FF;\n --ds-background-brand-bold: #579DFF;\n --ds-background-brand-bold-hovered: #85B8FF;\n --ds-background-brand-bold-pressed: #CCE0FF;\n --ds-background-danger: #4F1C16;\n --ds-background-danger-hovered: #601E16;\n --ds-background-danger-pressed: #AE2A19;\n --ds-background-danger-bold: #F87462;\n --ds-background-danger-bold-hovered: #FF9C8F;\n --ds-background-danger-bold-pressed: #FFD2CC;\n --ds-background-warning: #3F3102;\n --ds-background-warning-hovered: #533F04;\n --ds-background-warning-pressed: #7F5F01;\n --ds-background-warning-bold: #E2B203;\n --ds-background-warning-bold-hovered: #F5CD47;\n --ds-background-warning-bold-pressed: #F8E6A0;\n --ds-background-success: #143C2B;\n --ds-background-success-hovered: #164B35;\n --ds-background-success-pressed: #216E4E;\n --ds-background-success-bold: #4BCE97;\n --ds-background-success-bold-hovered: #7EE2B8;\n --ds-background-success-bold-pressed: #BAF3DB;\n --ds-background-discovery: #2B2451;\n --ds-background-discovery-hovered: #352C63;\n --ds-background-discovery-pressed: #5E4DB2;\n --ds-background-discovery-bold: #9F8FEF;\n --ds-background-discovery-bold-hovered: #B8ACF6;\n --ds-background-discovery-bold-pressed: #DFD8FD;\n --ds-background-information: #092957;\n --ds-background-information-hovered: #09326C;\n --ds-background-information-pressed: #0055CC;\n --ds-background-information-bold: #579DFF;\n --ds-background-information-bold-hovered: #85B8FF;\n --ds-background-information-bold-pressed: #CCE0FF;\n --ds-blanket: #10121499;\n --ds-blanket-selected: #1D7AFC14;\n --ds-blanket-danger: #E3493514;\n --ds-interaction-hovered: #ffffff33;\n --ds-interaction-pressed: #ffffff5c;\n --ds-skeleton: #A1BDD914;\n --ds-skeleton-subtle: #BCD6F00A;\n --ds-chart-categorical-1: #1D9AAA;\n --ds-chart-categorical-1-hovered: #37B4C3;\n --ds-chart-categorical-2: #B8ACF6;\n --ds-chart-categorical-2-hovered: #DFD8FD;\n --ds-chart-categorical-3: #D97008;\n --ds-chart-categorical-3-hovered: #F18D13;\n --ds-chart-categorical-4: #F797D2;\n --ds-chart-categorical-4-hovered: #FDD0EC;\n --ds-chart-categorical-5: #CCE0FF;\n --ds-chart-categorical-5-hovered: #E9F2FF;\n --ds-chart-categorical-6: #8270DB;\n --ds-chart-categorical-6-hovered: #8F7EE7;\n --ds-chart-categorical-7: #FDD0EC;\n --ds-chart-categorical-7-hovered: #FFECF8;\n --ds-chart-categorical-8: #FEC57B;\n --ds-chart-categorical-8-hovered: #FFE2BD;\n --ds-chart-lime-bold: #37B4C3;\n --ds-chart-lime-bold-hovered: #60C6D2;\n --ds-chart-lime-bolder: #60C6D2;\n --ds-chart-lime-bolder-hovered: #8BDBE5;\n --ds-chart-lime-boldest: #8BDBE5;\n --ds-chart-lime-boldest-hovered: #C1F0F5;\n --ds-chart-neutral: #738496;\n --ds-chart-neutral-hovered: #8C9BAB;\n --ds-chart-red-bold: #E34935;\n --ds-chart-red-bold-hovered: #EF5C48;\n --ds-chart-red-bolder: #EF5C48;\n --ds-chart-red-bolder-hovered: #F87462;\n --ds-chart-red-boldest: #FF9C8F;\n --ds-chart-red-boldest-hovered: #FFD2CC;\n --ds-chart-orange-bold: #F18D13;\n --ds-chart-orange-bold-hovered: #FAA53D;\n --ds-chart-orange-bolder: #FAA53D;\n --ds-chart-orange-bolder-hovered: #FEC57B;\n --ds-chart-orange-boldest: #FEC57B;\n --ds-chart-orange-boldest-hovered: #FFE2BD;\n --ds-chart-yellow-bold: #CF9F02;\n --ds-chart-yellow-bold-hovered: #E2B203;\n --ds-chart-yellow-bolder: #E2B203;\n --ds-chart-yellow-bolder-hovered: #F5CD47;\n --ds-chart-yellow-boldest: #F5CD47;\n --ds-chart-yellow-boldest-hovered: #F8E6A0;\n --ds-chart-green-bold: #2ABB7F;\n --ds-chart-green-bold-hovered: #4BCE97;\n --ds-chart-green-bolder: #4BCE97;\n --ds-chart-green-bolder-hovered: #7EE2B8;\n --ds-chart-green-boldest: #7EE2B8;\n --ds-chart-green-boldest-hovered: #BAF3DB;\n --ds-chart-teal-bold: #37B4C3;\n --ds-chart-teal-bold-hovered: #60C6D2;\n --ds-chart-teal-bolder: #60C6D2;\n --ds-chart-teal-bolder-hovered: #8BDBE5;\n --ds-chart-teal-boldest: #8BDBE5;\n --ds-chart-teal-boldest-hovered: #C1F0F5;\n --ds-chart-blue-bold: #1D7AFC;\n --ds-chart-blue-bold-hovered: #388BFF;\n --ds-chart-blue-bolder: #388BFF;\n --ds-chart-blue-bolder-hovered: #579DFF;\n --ds-chart-blue-boldest: #85B8FF;\n --ds-chart-blue-boldest-hovered: #CCE0FF;\n --ds-chart-purple-bold: #8270DB;\n --ds-chart-purple-bold-hovered: #8F7EE7;\n --ds-chart-purple-bolder: #8F7EE7;\n --ds-chart-purple-bolder-hovered: #9F8FEF;\n --ds-chart-purple-boldest: #B8ACF6;\n --ds-chart-purple-boldest-hovered: #DFD8FD;\n --ds-chart-magenta-bold: #CD519D;\n --ds-chart-magenta-bold-hovered: #DA62AC;\n --ds-chart-magenta-bolder: #DA62AC;\n --ds-chart-magenta-bolder-hovered: #E774BB;\n --ds-chart-magenta-boldest: #F797D2;\n --ds-chart-magenta-boldest-hovered: #FDD0EC;\n --ds-chart-gray-bold: #738496;\n --ds-chart-gray-bold-hovered: #8C9BAB;\n --ds-chart-gray-bolder: #8C9BAB;\n --ds-chart-gray-bolder-hovered: #9FADBC;\n --ds-chart-gray-boldest: #9FADBC;\n --ds-chart-gray-boldest-hovered: #B6C2CF;\n --ds-chart-brand: #388BFF;\n --ds-chart-brand-hovered: #579DFF;\n --ds-chart-danger: #E34935;\n --ds-chart-danger-hovered: #EF5C48;\n --ds-chart-danger-bold: #FF9C8F;\n --ds-chart-danger-bold-hovered: #FFD2CC;\n --ds-chart-warning: #CF9F02;\n --ds-chart-warning-hovered: #E2B203;\n --ds-chart-warning-bold: #F5CD47;\n --ds-chart-warning-bold-hovered: #F8E6A0;\n --ds-chart-success: #2ABB7F;\n --ds-chart-success-hovered: #4BCE97;\n --ds-chart-success-bold: #7EE2B8;\n --ds-chart-success-bold-hovered: #BAF3DB;\n --ds-chart-discovery: #8270DB;\n --ds-chart-discovery-hovered: #8F7EE7;\n --ds-chart-discovery-bold: #B8ACF6;\n --ds-chart-discovery-bold-hovered: #DFD8FD;\n --ds-chart-information: #1D7AFC;\n --ds-chart-information-hovered: #388BFF;\n --ds-chart-information-bold: #85B8FF;\n --ds-chart-information-bold-hovered: #CCE0FF;\n --ds-surface: #1D2125;\n --ds-surface-hovered: #22272B;\n --ds-surface-pressed: #282E33;\n --ds-surface-overlay: #282E33;\n --ds-surface-overlay-hovered: #2C333A;\n --ds-surface-overlay-pressed: #38414A;\n --ds-surface-raised: #22272B;\n --ds-surface-raised-hovered: #282E33;\n --ds-surface-raised-pressed: #2C333A;\n --ds-surface-sunken: #161A1D;\n --ds-shadow-overflow: 0px 0px 12px #0304048F, 0px 0px 1px #03040480;\n --ds-shadow-overflow-perimeter: #03040480;\n --ds-shadow-overflow-spread: #0304048f;\n --ds-shadow-overlay: inset 0px 0px 0px 1px #BCD6F01F, 0px 8px 12px #0304045C, 0px 0px 1px #03040480;\n --ds-shadow-raised: inset 0px 0px 0px 1px #00000000, 0px 1px 1px #03040480, 0px 0px 1px #03040480;\n --ds-opacity-disabled: 0.4;\n --ds-opacity-loading: 0.2;\n --ds-UNSAFE-transparent: transparent;\n}\n";
|
|
7
7
|
export default _default;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* THIS FILE WAS CREATED VIA CODEGEN DO NOT MODIFY {@see http://go/af-codegen}
|
|
3
|
-
* @codegen <<SignedSource::
|
|
3
|
+
* @codegen <<SignedSource::4775571c3069bfd6624c6d9e47870342>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
|
-
declare const _default: "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:light\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:light\"] {\n color-scheme: light;\n --ds-text: #172B4D;\n --ds-text-accent-lime: #4C6B1F;\n --ds-text-accent-lime-bolder: #37471F;\n --ds-text-accent-red: #AE2A19;\n --ds-text-accent-red-bolder: #601E16;\n --ds-text-accent-orange: #974F0C;\n --ds-text-accent-orange-bolder: #5F3811;\n --ds-text-accent-yellow: #7F5F01;\n --ds-text-accent-yellow-bolder: #533F04;\n --ds-text-accent-green: #216E4E;\n --ds-text-accent-green-bolder: #164B35;\n --ds-text-accent-teal: #206B74;\n --ds-text-accent-teal-bolder: #1D474C;\n --ds-text-accent-blue: #0055CC;\n --ds-text-accent-blue-bolder: #09326C;\n --ds-text-accent-purple: #5E4DB2;\n --ds-text-accent-purple-bolder: #352C63;\n --ds-text-accent-magenta: #943D73;\n --ds-text-accent-magenta-bolder: #50253F;\n --ds-text-accent-gray: #44546F;\n --ds-text-accent-gray-bolder: #091E42;\n --ds-text-disabled: #091E424F;\n --ds-text-inverse: #FFFFFF;\n --ds-text-selected: #0C66E4;\n --ds-text-brand: #0C66E4;\n --ds-text-danger: #AE2A19;\n --ds-text-warning: #974F0C;\n --ds-text-warning-inverse: #172B4D;\n --ds-text-success: #216E4E;\n --ds-text-discovery: #5E4DB2;\n --ds-text-information: #0055CC;\n --ds-text-subtlest: #626F86;\n --ds-text-subtle: #44546F;\n --ds-link: #0C66E4;\n --ds-link-pressed: #0055CC;\n --ds-icon: #44546F;\n --ds-icon-accent-lime: #6A9A23;\n --ds-icon-accent-red: #E34935;\n --ds-icon-accent-orange: #D97008;\n --ds-icon-accent-yellow: #B38600;\n --ds-icon-accent-green: #22A06B;\n --ds-icon-accent-teal: #1D9AAA;\n --ds-icon-accent-blue: #1D7AFC;\n --ds-icon-accent-purple: #8270DB;\n --ds-icon-accent-magenta: #CD519D;\n --ds-icon-accent-gray: #758195;\n --ds-icon-disabled: #091E424F;\n --ds-icon-inverse: #FFFFFF;\n --ds-icon-selected: #0C66E4;\n --ds-icon-brand: #0C66E4;\n --ds-icon-danger: #E34935;\n --ds-icon-warning: #D97008;\n --ds-icon-warning-inverse: #172B4D;\n --ds-icon-success: #22A06B;\n --ds-icon-discovery: #8270DB;\n --ds-icon-information: #1D7AFC;\n --ds-icon-subtle: #626F86;\n --ds-border: #091E4224;\n --ds-border-accent-lime: #6A9A23;\n --ds-border-accent-red: #E34935;\n --ds-border-accent-orange: #D97008;\n --ds-border-accent-yellow: #B38600;\n --ds-border-accent-green: #22A06B;\n --ds-border-accent-teal: #1D9AAA;\n --ds-border-accent-blue: #1D7AFC;\n --ds-border-accent-purple: #8270DB;\n --ds-border-accent-magenta: #CD519D;\n --ds-border-accent-gray: #758195;\n --ds-border-disabled: #091E420F;\n --ds-border-focused: #388BFF;\n --ds-border-input: #091E4224;\n --ds-border-inverse: #FFFFFF;\n --ds-border-selected: #0C66E4;\n --ds-border-brand: #0C66E4;\n --ds-border-danger: #E34935;\n --ds-border-warning: #D97008;\n --ds-border-success: #22A06B;\n --ds-border-discovery: #8270DB;\n --ds-border-information: #1D7AFC;\n --ds-border-bold: #758195;\n --ds-background-accent-lime-subtlest: #EEFBDA;\n --ds-background-accent-lime-subtler: #D3F1A7;\n --ds-background-accent-lime-subtle: #94C748;\n --ds-background-accent-lime-bolder: #5B7F24;\n --ds-background-accent-red-subtlest: #FFEDEB;\n --ds-background-accent-red-subtler: #FFD2CC;\n --ds-background-accent-red-subtle: #F87462;\n --ds-background-accent-red-bolder: #CA3521;\n --ds-background-accent-orange-subtlest: #FFF4E5;\n --ds-background-accent-orange-subtler: #FFE2BD;\n --ds-background-accent-orange-subtle: #FAA53D;\n --ds-background-accent-orange-bolder: #B65C02;\n --ds-background-accent-yellow-subtlest: #FFF7D6;\n --ds-background-accent-yellow-subtler: #F8E6A0;\n --ds-background-accent-yellow-subtle: #E2B203;\n --ds-background-accent-yellow-bolder: #946F00;\n --ds-background-accent-green-subtlest: #DFFCF0;\n --ds-background-accent-green-subtler: #BAF3DB;\n --ds-background-accent-green-subtle: #4BCE97;\n --ds-background-accent-green-bolder: #1F845A;\n --ds-background-accent-teal-subtlest: #E3FAFC;\n --ds-background-accent-teal-subtler: #C1F0F5;\n --ds-background-accent-teal-subtle: #60C6D2;\n --ds-background-accent-teal-bolder: #1D7F8C;\n --ds-background-accent-blue-subtlest: #E9F2FF;\n --ds-background-accent-blue-subtler: #CCE0FF;\n --ds-background-accent-blue-subtle: #579DFF;\n --ds-background-accent-blue-bolder: #0C66E4;\n --ds-background-accent-purple-subtlest: #F3F0FF;\n --ds-background-accent-purple-subtler: #DFD8FD;\n --ds-background-accent-purple-subtle: #9F8FEF;\n --ds-background-accent-purple-bolder: #6E5DC6;\n --ds-background-accent-magenta-subtlest: #FFECF8;\n --ds-background-accent-magenta-subtler: #FDD0EC;\n --ds-background-accent-magenta-subtle: #E774BB;\n --ds-background-accent-magenta-bolder: #AE4787;\n --ds-background-accent-gray-subtlest: #F1F2F4;\n --ds-background-accent-gray-subtler: #DCDFE4;\n --ds-background-accent-gray-subtle: #8590A2;\n --ds-background-accent-gray-bolder: #626F86;\n --ds-background-disabled: #091E4208;\n --ds-background-input: #FFFFFF;\n --ds-background-input-hovered: #F7F8F9;\n --ds-background-input-pressed: #FFFFFF;\n --ds-background-inverse-subtle: #00000029;\n --ds-background-inverse-subtle-hovered: #0000003D;\n --ds-background-inverse-subtle-pressed: #00000052;\n --ds-background-neutral: #091E420F;\n --ds-background-neutral-hovered: #091E4224;\n --ds-background-neutral-pressed: #091E424F;\n --ds-background-neutral-subtle: #00000000;\n --ds-background-neutral-subtle-hovered: #091E420F;\n --ds-background-neutral-subtle-pressed: #091E4224;\n --ds-background-neutral-bold: #44546F;\n --ds-background-neutral-bold-hovered: #2C3E5D;\n --ds-background-neutral-bold-pressed: #172B4D;\n --ds-background-selected: #E9F2FF;\n --ds-background-selected-hovered: #CCE0FF;\n --ds-background-selected-pressed: #85B8FF;\n --ds-background-selected-bold: #0C66E4;\n --ds-background-selected-bold-hovered: #0055CC;\n --ds-background-selected-bold-pressed: #09326C;\n --ds-background-brand-bold: #0C66E4;\n --ds-background-brand-bold-hovered: #0055CC;\n --ds-background-brand-bold-pressed: #09326C;\n --ds-background-danger: #FFEDEB;\n --ds-background-danger-hovered: #FFD2CC;\n --ds-background-danger-pressed: #FF9C8F;\n --ds-background-danger-bold: #CA3521;\n --ds-background-danger-bold-hovered: #AE2A19;\n --ds-background-danger-bold-pressed: #601E16;\n --ds-background-warning: #FFF7D6;\n --ds-background-warning-hovered: #F8E6A0;\n --ds-background-warning-pressed: #F5CD47;\n --ds-background-warning-bold: #E2B203;\n --ds-background-warning-bold-hovered: #CF9F02;\n --ds-background-warning-bold-pressed: #B38600;\n --ds-background-success: #DFFCF0;\n --ds-background-success-hovered: #BAF3DB;\n --ds-background-success-pressed: #7EE2B8;\n --ds-background-success-bold: #1F845A;\n --ds-background-success-bold-hovered: #216E4E;\n --ds-background-success-bold-pressed: #164B35;\n --ds-background-discovery: #F3F0FF;\n --ds-background-discovery-hovered: #DFD8FD;\n --ds-background-discovery-pressed: #B8ACF6;\n --ds-background-discovery-bold: #6E5DC6;\n --ds-background-discovery-bold-hovered: #5E4DB2;\n --ds-background-discovery-bold-pressed: #352C63;\n --ds-background-information: #E9F2FF;\n --ds-background-information-hovered: #CCE0FF;\n --ds-background-information-pressed: #85B8FF;\n --ds-background-information-bold: #0C66E4;\n --ds-background-information-bold-hovered: #0055CC;\n --ds-background-information-bold-pressed: #09326C;\n --ds-blanket: #091E427D;\n --ds-blanket-selected: #388BFF14;\n --ds-blanket-danger: #EF5C4814;\n --ds-interaction-hovered: #00000029;\n --ds-interaction-pressed: #00000052;\n --ds-skeleton: #091E420F;\n --ds-skeleton-subtle: #091E4208;\n --ds-chart-categorical-1: #1D9AAA;\n --ds-chart-categorical-1-hovered: #1D7F8C;\n --ds-chart-categorical-2: #5E4DB2;\n --ds-chart-categorical-2-hovered: #352C63;\n --ds-chart-categorical-3: #D97008;\n --ds-chart-categorical-3-hovered: #B65C02;\n --ds-chart-categorical-4: #943D73;\n --ds-chart-categorical-4-hovered: #50253F;\n --ds-chart-categorical-5: #09326C;\n --ds-chart-categorical-5-hovered: #082145;\n --ds-chart-categorical-6: #8F7EE7;\n --ds-chart-categorical-6-hovered: #8270DB;\n --ds-chart-categorical-7: #50253F;\n --ds-chart-categorical-7-hovered: #341829;\n --ds-chart-categorical-8: #974F0C;\n --ds-chart-categorical-8-hovered: #5F3811;\n --ds-chart-lime-bold: #6A9A23;\n --ds-chart-lime-bold-hovered: #5B7F24;\n --ds-chart-lime-bolder: #5B7F24;\n --ds-chart-lime-bolder-hovered: #4C6B1F;\n --ds-chart-lime-boldest: #4C6B1F;\n --ds-chart-lime-boldest-hovered: #37471F;\n --ds-chart-neutral: #8590A2;\n --ds-chart-neutral-hovered: #758195;\n --ds-chart-red-bold: #EF5C48;\n --ds-chart-red-bold-hovered: #E34935;\n --ds-chart-red-bolder: #E34935;\n --ds-chart-red-bolder-hovered: #CA3521;\n --ds-chart-red-boldest: #AE2A19;\n --ds-chart-red-boldest-hovered: #601E16;\n --ds-chart-orange-bold: #D97008;\n --ds-chart-orange-bold-hovered: #B65C02;\n --ds-chart-orange-bolder: #B65C02;\n --ds-chart-orange-bolder-hovered: #974F0C;\n --ds-chart-orange-boldest: #974F0C;\n --ds-chart-orange-boldest-hovered: #5F3811;\n --ds-chart-yellow-bold: #B38600;\n --ds-chart-yellow-bold-hovered: #946F00;\n --ds-chart-yellow-bolder: #946F00;\n --ds-chart-yellow-bolder-hovered: #7F5F01;\n --ds-chart-yellow-boldest: #7F5F01;\n --ds-chart-yellow-boldest-hovered: #533F04;\n --ds-chart-green-bold: #22A06B;\n --ds-chart-green-bold-hovered: #1F845A;\n --ds-chart-green-bolder: #1F845A;\n --ds-chart-green-bolder-hovered: #216E4E;\n --ds-chart-green-boldest: #216E4E;\n --ds-chart-green-boldest-hovered: #164B35;\n --ds-chart-teal-bold: #1D9AAA;\n --ds-chart-teal-bold-hovered: #1D7F8C;\n --ds-chart-teal-bolder: #1D7F8C;\n --ds-chart-teal-bolder-hovered: #206B74;\n --ds-chart-teal-boldest: #206B74;\n --ds-chart-teal-boldest-hovered: #1D474C;\n --ds-chart-blue-bold: #388BFF;\n --ds-chart-blue-bold-hovered: #1D7AFC;\n --ds-chart-blue-bolder: #1D7AFC;\n --ds-chart-blue-bolder-hovered: #0C66E4;\n --ds-chart-blue-boldest: #0055CC;\n --ds-chart-blue-boldest-hovered: #09326C;\n --ds-chart-purple-bold: #8F7EE7;\n --ds-chart-purple-bold-hovered: #8270DB;\n --ds-chart-purple-bolder: #8270DB;\n --ds-chart-purple-bolder-hovered: #6E5DC6;\n --ds-chart-purple-boldest: #5E4DB2;\n --ds-chart-purple-boldest-hovered: #352C63;\n --ds-chart-magenta-bold: #DA62AC;\n --ds-chart-magenta-bold-hovered: #CD519D;\n --ds-chart-magenta-bolder: #CD519D;\n --ds-chart-magenta-bolder-hovered: #AE4787;\n --ds-chart-magenta-boldest: #943D73;\n --ds-chart-magenta-boldest-hovered: #50253F;\n --ds-chart-gray-bold: #8590A2;\n --ds-chart-gray-bold-hovered: #758195;\n --ds-chart-gray-bolder: #758195;\n --ds-chart-gray-bolder-hovered: #626F86;\n --ds-chart-gray-boldest: #44546F;\n --ds-chart-gray-boldest-hovered: #2C3E5D;\n --ds-chart-brand: #1D7AFC;\n --ds-chart-brand-hovered: #0C66E4;\n --ds-chart-danger: #EF5C48;\n --ds-chart-danger-hovered: #E34935;\n --ds-chart-danger-bold: #AE2A19;\n --ds-chart-danger-bold-hovered: #601E16;\n --ds-chart-warning: #B38600;\n --ds-chart-warning-hovered: #946F00;\n --ds-chart-warning-bold: #7F5F01;\n --ds-chart-warning-bold-hovered: #533F04;\n --ds-chart-success: #22A06B;\n --ds-chart-success-hovered: #1F845A;\n --ds-chart-success-bold: #216E4E;\n --ds-chart-success-bold-hovered: #164B35;\n --ds-chart-discovery: #8F7EE7;\n --ds-chart-discovery-hovered: #8270DB;\n --ds-chart-discovery-bold: #5E4DB2;\n --ds-chart-discovery-bold-hovered: #352C63;\n --ds-chart-information: #388BFF;\n --ds-chart-information-hovered: #1D7AFC;\n --ds-chart-information-bold: #0055CC;\n --ds-chart-information-bold-hovered: #09326C;\n --ds-surface: #FFFFFF;\n --ds-surface-hovered: #F1F2F4;\n --ds-surface-pressed: #DCDFE4;\n --ds-surface-overlay: #FFFFFF;\n --ds-surface-overlay-hovered: #F1F2F4;\n --ds-surface-overlay-pressed: #DCDFE4;\n --ds-surface-raised: #FFFFFF;\n --ds-surface-raised-hovered: #F1F2F4;\n --ds-surface-raised-pressed: #DCDFE4;\n --ds-surface-sunken: #F7F8F9;\n --ds-shadow-overflow: 0px 0px 8px #091E4229, 0px 0px 1px #091E421F;\n --ds-shadow-overflow-perimeter: #091e421f;\n --ds-shadow-overflow-spread: #091e4229;\n --ds-shadow-overlay: 0px 8px 12px #091E4226, 0px 0px 1px #091E424F;\n --ds-shadow-raised: 0px 1px 1px #091E4240, 0px 0px 1px #091E424F;\n --ds-opacity-disabled: 0.4;\n --ds-opacity-loading: 0.2;\n --ds-UNSAFE-transparent: transparent;\n}\n";
|
|
6
|
+
declare const _default: "\nhtml[data-color-mode=\"light\"][data-theme~=\"light:light\"],\nhtml[data-color-mode=\"dark\"][data-theme~=\"dark:light\"] {\n color-scheme: light;\n --ds-text: #172B4D;\n --ds-text-accent-lime: #4C6B1F;\n --ds-text-accent-lime-bolder: #37471F;\n --ds-text-accent-red: #AE2A19;\n --ds-text-accent-red-bolder: #601E16;\n --ds-text-accent-orange: #974F0C;\n --ds-text-accent-orange-bolder: #5F3811;\n --ds-text-accent-yellow: #7F5F01;\n --ds-text-accent-yellow-bolder: #533F04;\n --ds-text-accent-green: #216E4E;\n --ds-text-accent-green-bolder: #164B35;\n --ds-text-accent-teal: #206B74;\n --ds-text-accent-teal-bolder: #1D474C;\n --ds-text-accent-blue: #0055CC;\n --ds-text-accent-blue-bolder: #09326C;\n --ds-text-accent-purple: #5E4DB2;\n --ds-text-accent-purple-bolder: #352C63;\n --ds-text-accent-magenta: #943D73;\n --ds-text-accent-magenta-bolder: #50253F;\n --ds-text-accent-gray: #44546F;\n --ds-text-accent-gray-bolder: #091E42;\n --ds-text-disabled: #091E424F;\n --ds-text-inverse: #FFFFFF;\n --ds-text-selected: #0C66E4;\n --ds-text-brand: #0C66E4;\n --ds-text-danger: #AE2A19;\n --ds-text-warning: #974F0C;\n --ds-text-warning-inverse: #172B4D;\n --ds-text-success: #216E4E;\n --ds-text-discovery: #5E4DB2;\n --ds-text-information: #0055CC;\n --ds-text-subtlest: #626F86;\n --ds-text-subtle: #44546F;\n --ds-link: #0C66E4;\n --ds-link-pressed: #0055CC;\n --ds-icon: #44546F;\n --ds-icon-accent-lime: #6A9A23;\n --ds-icon-accent-red: #E34935;\n --ds-icon-accent-orange: #D97008;\n --ds-icon-accent-yellow: #B38600;\n --ds-icon-accent-green: #22A06B;\n --ds-icon-accent-teal: #1D9AAA;\n --ds-icon-accent-blue: #1D7AFC;\n --ds-icon-accent-purple: #8270DB;\n --ds-icon-accent-magenta: #CD519D;\n --ds-icon-accent-gray: #758195;\n --ds-icon-disabled: #091E424F;\n --ds-icon-inverse: #FFFFFF;\n --ds-icon-selected: #0C66E4;\n --ds-icon-brand: #0C66E4;\n --ds-icon-danger: #E34935;\n --ds-icon-warning: #D97008;\n --ds-icon-warning-inverse: #172B4D;\n --ds-icon-success: #22A06B;\n --ds-icon-discovery: #8270DB;\n --ds-icon-information: #1D7AFC;\n --ds-icon-subtle: #626F86;\n --ds-border: #091E4224;\n --ds-border-accent-lime: #6A9A23;\n --ds-border-accent-red: #E34935;\n --ds-border-accent-orange: #D97008;\n --ds-border-accent-yellow: #B38600;\n --ds-border-accent-green: #22A06B;\n --ds-border-accent-teal: #1D9AAA;\n --ds-border-accent-blue: #1D7AFC;\n --ds-border-accent-purple: #8270DB;\n --ds-border-accent-magenta: #CD519D;\n --ds-border-accent-gray: #758195;\n --ds-border-disabled: #091E420F;\n --ds-border-focused: #388BFF;\n --ds-border-input: #091E4224;\n --ds-border-inverse: #FFFFFF;\n --ds-border-selected: #0C66E4;\n --ds-border-brand: #0C66E4;\n --ds-border-danger: #E34935;\n --ds-border-warning: #D97008;\n --ds-border-success: #22A06B;\n --ds-border-discovery: #8270DB;\n --ds-border-information: #1D7AFC;\n --ds-border-bold: #758195;\n --ds-background-accent-lime-subtlest: #EEFBDA;\n --ds-background-accent-lime-subtler: #D3F1A7;\n --ds-background-accent-lime-subtle: #94C748;\n --ds-background-accent-lime-bolder: #5B7F24;\n --ds-background-accent-red-subtlest: #FFEDEB;\n --ds-background-accent-red-subtler: #FFD2CC;\n --ds-background-accent-red-subtle: #F87462;\n --ds-background-accent-red-bolder: #CA3521;\n --ds-background-accent-orange-subtlest: #FFF4E5;\n --ds-background-accent-orange-subtler: #FFE2BD;\n --ds-background-accent-orange-subtle: #FAA53D;\n --ds-background-accent-orange-bolder: #B65C02;\n --ds-background-accent-yellow-subtlest: #FFF7D6;\n --ds-background-accent-yellow-subtler: #F8E6A0;\n --ds-background-accent-yellow-subtle: #E2B203;\n --ds-background-accent-yellow-bolder: #946F00;\n --ds-background-accent-green-subtlest: #DFFCF0;\n --ds-background-accent-green-subtler: #BAF3DB;\n --ds-background-accent-green-subtle: #4BCE97;\n --ds-background-accent-green-bolder: #1F845A;\n --ds-background-accent-teal-subtlest: #E3FAFC;\n --ds-background-accent-teal-subtler: #C1F0F5;\n --ds-background-accent-teal-subtle: #60C6D2;\n --ds-background-accent-teal-bolder: #1D7F8C;\n --ds-background-accent-blue-subtlest: #E9F2FF;\n --ds-background-accent-blue-subtler: #CCE0FF;\n --ds-background-accent-blue-subtle: #579DFF;\n --ds-background-accent-blue-bolder: #0C66E4;\n --ds-background-accent-purple-subtlest: #F3F0FF;\n --ds-background-accent-purple-subtler: #DFD8FD;\n --ds-background-accent-purple-subtle: #9F8FEF;\n --ds-background-accent-purple-bolder: #6E5DC6;\n --ds-background-accent-magenta-subtlest: #FFECF8;\n --ds-background-accent-magenta-subtler: #FDD0EC;\n --ds-background-accent-magenta-subtle: #E774BB;\n --ds-background-accent-magenta-bolder: #AE4787;\n --ds-background-accent-gray-subtlest: #F1F2F4;\n --ds-background-accent-gray-subtler: #DCDFE4;\n --ds-background-accent-gray-subtle: #8590A2;\n --ds-background-accent-gray-bolder: #626F86;\n --ds-background-disabled: #091E4208;\n --ds-background-input: #FFFFFF;\n --ds-background-input-hovered: #F7F8F9;\n --ds-background-input-pressed: #FFFFFF;\n --ds-background-inverse-subtle: #00000029;\n --ds-background-inverse-subtle-hovered: #0000003D;\n --ds-background-inverse-subtle-pressed: #00000052;\n --ds-background-neutral: #091E420F;\n --ds-background-neutral-hovered: #091E4224;\n --ds-background-neutral-pressed: #091E424F;\n --ds-background-neutral-subtle: #00000000;\n --ds-background-neutral-subtle-hovered: #091E420F;\n --ds-background-neutral-subtle-pressed: #091E4224;\n --ds-background-neutral-bold: #44546F;\n --ds-background-neutral-bold-hovered: #2C3E5D;\n --ds-background-neutral-bold-pressed: #172B4D;\n --ds-background-selected: #E9F2FF;\n --ds-background-selected-hovered: #CCE0FF;\n --ds-background-selected-pressed: #85B8FF;\n --ds-background-selected-bold: #0C66E4;\n --ds-background-selected-bold-hovered: #0055CC;\n --ds-background-selected-bold-pressed: #09326C;\n --ds-background-brand-bold: #0C66E4;\n --ds-background-brand-bold-hovered: #0055CC;\n --ds-background-brand-bold-pressed: #09326C;\n --ds-background-danger: #FFEDEB;\n --ds-background-danger-hovered: #FFD2CC;\n --ds-background-danger-pressed: #FF9C8F;\n --ds-background-danger-bold: #CA3521;\n --ds-background-danger-bold-hovered: #AE2A19;\n --ds-background-danger-bold-pressed: #601E16;\n --ds-background-warning: #FFF7D6;\n --ds-background-warning-hovered: #F8E6A0;\n --ds-background-warning-pressed: #F5CD47;\n --ds-background-warning-bold: #E2B203;\n --ds-background-warning-bold-hovered: #CF9F02;\n --ds-background-warning-bold-pressed: #B38600;\n --ds-background-success: #DFFCF0;\n --ds-background-success-hovered: #BAF3DB;\n --ds-background-success-pressed: #7EE2B8;\n --ds-background-success-bold: #1F845A;\n --ds-background-success-bold-hovered: #216E4E;\n --ds-background-success-bold-pressed: #164B35;\n --ds-background-discovery: #F3F0FF;\n --ds-background-discovery-hovered: #DFD8FD;\n --ds-background-discovery-pressed: #B8ACF6;\n --ds-background-discovery-bold: #6E5DC6;\n --ds-background-discovery-bold-hovered: #5E4DB2;\n --ds-background-discovery-bold-pressed: #352C63;\n --ds-background-information: #E9F2FF;\n --ds-background-information-hovered: #CCE0FF;\n --ds-background-information-pressed: #85B8FF;\n --ds-background-information-bold: #0C66E4;\n --ds-background-information-bold-hovered: #0055CC;\n --ds-background-information-bold-pressed: #09326C;\n --ds-blanket: #091E427D;\n --ds-blanket-selected: #388BFF14;\n --ds-blanket-danger: #EF5C4814;\n --ds-interaction-hovered: #00000029;\n --ds-interaction-pressed: #00000052;\n --ds-skeleton: #091E420F;\n --ds-skeleton-subtle: #091E4208;\n --ds-chart-categorical-1: #1D9AAA;\n --ds-chart-categorical-1-hovered: #1D7F8C;\n --ds-chart-categorical-2: #5E4DB2;\n --ds-chart-categorical-2-hovered: #352C63;\n --ds-chart-categorical-3: #D97008;\n --ds-chart-categorical-3-hovered: #B65C02;\n --ds-chart-categorical-4: #943D73;\n --ds-chart-categorical-4-hovered: #50253F;\n --ds-chart-categorical-5: #09326C;\n --ds-chart-categorical-5-hovered: #092957;\n --ds-chart-categorical-6: #8F7EE7;\n --ds-chart-categorical-6-hovered: #8270DB;\n --ds-chart-categorical-7: #50253F;\n --ds-chart-categorical-7-hovered: #421F34;\n --ds-chart-categorical-8: #974F0C;\n --ds-chart-categorical-8-hovered: #5F3811;\n --ds-chart-lime-bold: #6A9A23;\n --ds-chart-lime-bold-hovered: #5B7F24;\n --ds-chart-lime-bolder: #5B7F24;\n --ds-chart-lime-bolder-hovered: #4C6B1F;\n --ds-chart-lime-boldest: #4C6B1F;\n --ds-chart-lime-boldest-hovered: #37471F;\n --ds-chart-neutral: #8590A2;\n --ds-chart-neutral-hovered: #758195;\n --ds-chart-red-bold: #EF5C48;\n --ds-chart-red-bold-hovered: #E34935;\n --ds-chart-red-bolder: #E34935;\n --ds-chart-red-bolder-hovered: #CA3521;\n --ds-chart-red-boldest: #AE2A19;\n --ds-chart-red-boldest-hovered: #601E16;\n --ds-chart-orange-bold: #D97008;\n --ds-chart-orange-bold-hovered: #B65C02;\n --ds-chart-orange-bolder: #B65C02;\n --ds-chart-orange-bolder-hovered: #974F0C;\n --ds-chart-orange-boldest: #974F0C;\n --ds-chart-orange-boldest-hovered: #5F3811;\n --ds-chart-yellow-bold: #B38600;\n --ds-chart-yellow-bold-hovered: #946F00;\n --ds-chart-yellow-bolder: #946F00;\n --ds-chart-yellow-bolder-hovered: #7F5F01;\n --ds-chart-yellow-boldest: #7F5F01;\n --ds-chart-yellow-boldest-hovered: #533F04;\n --ds-chart-green-bold: #22A06B;\n --ds-chart-green-bold-hovered: #1F845A;\n --ds-chart-green-bolder: #1F845A;\n --ds-chart-green-bolder-hovered: #216E4E;\n --ds-chart-green-boldest: #216E4E;\n --ds-chart-green-boldest-hovered: #164B35;\n --ds-chart-teal-bold: #1D9AAA;\n --ds-chart-teal-bold-hovered: #1D7F8C;\n --ds-chart-teal-bolder: #1D7F8C;\n --ds-chart-teal-bolder-hovered: #206B74;\n --ds-chart-teal-boldest: #206B74;\n --ds-chart-teal-boldest-hovered: #1D474C;\n --ds-chart-blue-bold: #388BFF;\n --ds-chart-blue-bold-hovered: #1D7AFC;\n --ds-chart-blue-bolder: #1D7AFC;\n --ds-chart-blue-bolder-hovered: #0C66E4;\n --ds-chart-blue-boldest: #0055CC;\n --ds-chart-blue-boldest-hovered: #09326C;\n --ds-chart-purple-bold: #8F7EE7;\n --ds-chart-purple-bold-hovered: #8270DB;\n --ds-chart-purple-bolder: #8270DB;\n --ds-chart-purple-bolder-hovered: #6E5DC6;\n --ds-chart-purple-boldest: #5E4DB2;\n --ds-chart-purple-boldest-hovered: #352C63;\n --ds-chart-magenta-bold: #DA62AC;\n --ds-chart-magenta-bold-hovered: #CD519D;\n --ds-chart-magenta-bolder: #CD519D;\n --ds-chart-magenta-bolder-hovered: #AE4787;\n --ds-chart-magenta-boldest: #943D73;\n --ds-chart-magenta-boldest-hovered: #50253F;\n --ds-chart-gray-bold: #8590A2;\n --ds-chart-gray-bold-hovered: #758195;\n --ds-chart-gray-bolder: #758195;\n --ds-chart-gray-bolder-hovered: #626F86;\n --ds-chart-gray-boldest: #44546F;\n --ds-chart-gray-boldest-hovered: #2C3E5D;\n --ds-chart-brand: #1D7AFC;\n --ds-chart-brand-hovered: #0C66E4;\n --ds-chart-danger: #EF5C48;\n --ds-chart-danger-hovered: #E34935;\n --ds-chart-danger-bold: #AE2A19;\n --ds-chart-danger-bold-hovered: #601E16;\n --ds-chart-warning: #B38600;\n --ds-chart-warning-hovered: #946F00;\n --ds-chart-warning-bold: #7F5F01;\n --ds-chart-warning-bold-hovered: #533F04;\n --ds-chart-success: #22A06B;\n --ds-chart-success-hovered: #1F845A;\n --ds-chart-success-bold: #216E4E;\n --ds-chart-success-bold-hovered: #164B35;\n --ds-chart-discovery: #8F7EE7;\n --ds-chart-discovery-hovered: #8270DB;\n --ds-chart-discovery-bold: #5E4DB2;\n --ds-chart-discovery-bold-hovered: #352C63;\n --ds-chart-information: #388BFF;\n --ds-chart-information-hovered: #1D7AFC;\n --ds-chart-information-bold: #0055CC;\n --ds-chart-information-bold-hovered: #09326C;\n --ds-surface: #FFFFFF;\n --ds-surface-hovered: #F1F2F4;\n --ds-surface-pressed: #DCDFE4;\n --ds-surface-overlay: #FFFFFF;\n --ds-surface-overlay-hovered: #F1F2F4;\n --ds-surface-overlay-pressed: #DCDFE4;\n --ds-surface-raised: #FFFFFF;\n --ds-surface-raised-hovered: #F1F2F4;\n --ds-surface-raised-pressed: #DCDFE4;\n --ds-surface-sunken: #F7F8F9;\n --ds-shadow-overflow: 0px 0px 8px #091E4229, 0px 0px 1px #091E421F;\n --ds-shadow-overflow-perimeter: #091e421f;\n --ds-shadow-overflow-spread: #091e4229;\n --ds-shadow-overlay: 0px 8px 12px #091E4226, 0px 0px 1px #091E424F;\n --ds-shadow-raised: 0px 1px 1px #091E4240, 0px 0px 1px #091E424F;\n --ds-opacity-disabled: 0.4;\n --ds-opacity-loading: 0.2;\n --ds-UNSAFE-transparent: transparent;\n}\n";
|
|
7
7
|
export default _default;
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
* Token names mapped to their value in the default Atlassian themes ('light').
|
|
5
5
|
* These default values are used by the Babel plugin to optionally provide automatic fallbacks.
|
|
6
6
|
*
|
|
7
|
-
* @codegen <<SignedSource::
|
|
7
|
+
* @codegen <<SignedSource::5d1a0a49014fb279849c19fdd2909317>>
|
|
8
8
|
* @codegenCommand yarn build tokens
|
|
9
9
|
*/
|
|
10
10
|
declare const defaultTokenValues: {
|
|
@@ -199,11 +199,11 @@ declare const defaultTokenValues: {
|
|
|
199
199
|
readonly 'color.chart.categorical.4': "#943D73";
|
|
200
200
|
readonly 'color.chart.categorical.4.hovered': "#50253F";
|
|
201
201
|
readonly 'color.chart.categorical.5': "#09326C";
|
|
202
|
-
readonly 'color.chart.categorical.5.hovered': "#
|
|
202
|
+
readonly 'color.chart.categorical.5.hovered': "#092957";
|
|
203
203
|
readonly 'color.chart.categorical.6': "#8F7EE7";
|
|
204
204
|
readonly 'color.chart.categorical.6.hovered': "#8270DB";
|
|
205
205
|
readonly 'color.chart.categorical.7': "#50253F";
|
|
206
|
-
readonly 'color.chart.categorical.7.hovered': "#
|
|
206
|
+
readonly 'color.chart.categorical.7.hovered': "#421F34";
|
|
207
207
|
readonly 'color.chart.categorical.8': "#974F0C";
|
|
208
208
|
readonly 'color.chart.categorical.8.hovered': "#5F3811";
|
|
209
209
|
readonly 'color.chart.lime.bold': "#6A9A23";
|
|
@@ -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::dc8db05fe763e65a797963e967232801>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
declare const 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::20f8ad047dd30f24c669af342c4b2993>>
|
|
4
4
|
* @codegenCommand yarn build tokens
|
|
5
5
|
*/
|
|
6
6
|
declare const tokens: ({
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from '../artifacts/token-default-values';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { PaletteColorTokenSchema } from '../types';
|
|
2
|
-
type PaletteValues = 'Blue100' | 'Blue200' | 'Blue300' | 'Blue400' | 'Blue500' | 'Blue600' | 'Blue700' | 'Blue800' | 'Blue900' | 'Blue1000' | 'Red100' | 'Red200' | 'Red300' | 'Red400' | 'Red500' | 'Red600' | 'Red700' | 'Red800' | 'Red900' | 'Red1000' | 'Yellow100' | 'Yellow200' | 'Yellow300' | 'Yellow400' | 'Yellow500' | 'Yellow600' | 'Yellow700' | 'Yellow800' | 'Yellow900' | 'Yellow1000' | 'Green100' | 'Green200' | 'Green300' | 'Green400' | 'Green500' | 'Green600' | 'Green700' | 'Green800' | 'Green900' | 'Green1000' | 'Purple100' | 'Purple200' | 'Purple300' | 'Purple400' | 'Purple500' | 'Purple600' | 'Purple700' | 'Purple800' | 'Purple900' | 'Purple1000' | 'Teal100' | 'Teal200' | 'Teal300' | 'Teal400' | 'Teal500' | 'Teal600' | 'Teal700' | 'Teal800' | 'Teal900' | 'Teal1000' | 'Orange100' | 'Orange200' | 'Orange300' | 'Orange400' | 'Orange500' | 'Orange600' | 'Orange700' | 'Orange800' | 'Orange900' | 'Orange1000' | 'Magenta100' | 'Magenta200' | 'Magenta300' | 'Magenta400' | 'Magenta500' | 'Magenta600' | 'Magenta700' | 'Magenta800' | 'Magenta900' | 'Magenta1000' | 'Lime100' | 'Lime200' | 'Lime300' | 'Lime400' | 'Lime500' | 'Lime600' | 'Lime700' | 'Lime800' | 'Lime900' | 'Lime1000' | 'DarkNeutral-100' | 'DarkNeutral-100A' | 'DarkNeutral0' | 'DarkNeutral100' | 'DarkNeutral100A' | 'DarkNeutral200' | 'DarkNeutral200A' | 'DarkNeutral300' | 'DarkNeutral300A' | 'DarkNeutral400' | 'DarkNeutral400A' | 'DarkNeutral500' | 'DarkNeutral500A' | 'DarkNeutral600' | 'DarkNeutral700' | 'DarkNeutral800' | 'DarkNeutral900' | 'DarkNeutral1000' | 'DarkNeutral1100' | 'Neutral0' | 'Neutral100' | 'Neutral100A' | 'Neutral200' | 'Neutral200A' | 'Neutral300' | 'Neutral300A' | 'Neutral400' | 'Neutral400A' | 'Neutral500' | 'Neutral500A' | 'Neutral600' | 'Neutral700' | 'Neutral800' | 'Neutral900' | 'Neutral1000' | 'Neutral1100';
|
|
2
|
+
type PaletteValues = 'Blue100' | 'Blue200' | 'Blue300' | 'Blue400' | 'Blue500' | 'Blue600' | 'Blue700' | 'Blue800' | 'Blue900' | 'Blue1000' | 'Red100' | 'Red200' | 'Red300' | 'Red400' | 'Red500' | 'Red600' | 'Red700' | 'Red800' | 'Red900' | 'Red1000' | 'Yellow100' | 'Yellow200' | 'Yellow300' | 'Yellow400' | 'Yellow500' | 'Yellow600' | 'Yellow700' | 'Yellow800' | 'Yellow900' | 'Yellow1000' | 'Green100' | 'Green200' | 'Green300' | 'Green400' | 'Green500' | 'Green600' | 'Green700' | 'Green800' | 'Green900' | 'Green1000' | 'Purple100' | 'Purple200' | 'Purple300' | 'Purple400' | 'Purple500' | 'Purple600' | 'Purple700' | 'Purple800' | 'Purple900' | 'Purple1000' | 'Teal100' | 'Teal200' | 'Teal300' | 'Teal400' | 'Teal500' | 'Teal600' | 'Teal700' | 'Teal800' | 'Teal900' | 'Teal1000' | 'Orange100' | 'Orange200' | 'Orange300' | 'Orange400' | 'Orange500' | 'Orange600' | 'Orange700' | 'Orange800' | 'Orange900' | 'Orange1000' | 'Magenta100' | 'Magenta200' | 'Magenta300' | 'Magenta400' | 'Magenta500' | 'Magenta600' | 'Magenta700' | 'Magenta800' | 'Magenta900' | 'Magenta1000' | 'Lime100' | 'Lime200' | 'Lime300' | 'Lime400' | 'Lime500' | 'Lime600' | 'Lime700' | 'Lime800' | 'Lime900' | 'Lime1000' | 'DarkNeutral-100' | 'DarkNeutral-100A' | 'DarkNeutral0' | 'DarkNeutral100' | 'DarkNeutral100A' | 'DarkNeutral200' | 'DarkNeutral200A' | 'DarkNeutral250' | 'DarkNeutral250A' | 'DarkNeutral300' | 'DarkNeutral300A' | 'DarkNeutral350' | 'DarkNeutral350A' | 'DarkNeutral400' | 'DarkNeutral400A' | 'DarkNeutral500' | 'DarkNeutral500A' | 'DarkNeutral600' | 'DarkNeutral700' | 'DarkNeutral800' | 'DarkNeutral900' | 'DarkNeutral1000' | 'DarkNeutral1100' | 'Neutral0' | 'Neutral100' | 'Neutral100A' | 'Neutral200' | 'Neutral200A' | 'Neutral300' | 'Neutral300A' | 'Neutral400' | 'Neutral400A' | 'Neutral500' | 'Neutral500A' | 'Neutral600' | 'Neutral700' | 'Neutral800' | 'Neutral900' | 'Neutral1000' | 'Neutral1100';
|
|
3
3
|
export type BaseToken = keyof PaletteColorTokenSchema<PaletteValues>['color']['palette'];
|
|
4
4
|
declare const palette: PaletteColorTokenSchema<PaletteValues>;
|
|
5
5
|
export default palette;
|
|
@@ -8,7 +8,13 @@
|
|
|
8
8
|
*/
|
|
9
9
|
export type Themes = 'atlassian-light' | 'atlassian-dark' | 'atlassian-legacy-light' | 'atlassian-legacy-dark' | 'atlassian-shape' | 'atlassian-spacing' | 'atlassian-typography';
|
|
10
10
|
export type ThemeFileNames = Themes;
|
|
11
|
-
|
|
11
|
+
/**
|
|
12
|
+
* ThemeOverrides: The internal identifier of a theme override. Which are themes that contain
|
|
13
|
+
* a subset of tokens intended to override an existing theme. These ids are what the actual
|
|
14
|
+
* theme files/folders are called. style-dictionary will attempt to locate these in the file-system.
|
|
15
|
+
* Theme overrides are temporary and there may not be any defined at times.
|
|
16
|
+
*/
|
|
17
|
+
export type ThemeOverrides = 'atlassian-light-new-input-border' | 'atlassian-dark-new-input-border';
|
|
12
18
|
/**
|
|
13
19
|
* Theme kinds: The type of theme.
|
|
14
20
|
* Some themes are entirely focused on Color, whilst others are purely focused on spacing.
|
|
@@ -32,7 +38,12 @@ export type DataColorModes = Exclude<ThemeColorModes, 'auto'>;
|
|
|
32
38
|
*/
|
|
33
39
|
export declare const themeIds: readonly ["light", "dark", "legacy-light", "legacy-dark", "spacing", "typography", "shape"];
|
|
34
40
|
export type ThemeIds = (typeof themeIds)[number];
|
|
35
|
-
|
|
41
|
+
/**
|
|
42
|
+
* Theme override ids: the equivalent of themeIds for theme overrides.
|
|
43
|
+
* Theme overrides are temporary and there may not be any defined at times.
|
|
44
|
+
*/
|
|
45
|
+
export declare const themeOverrideIds: readonly ["light-new-input-border", "dark-new-input-border"];
|
|
46
|
+
export type ThemeOverrideIds = (typeof themeOverrideIds)[number];
|
|
36
47
|
/**
|
|
37
48
|
* Theme to use a base. This will create the theme as
|
|
38
49
|
* an extension with all token values marked as optional
|
|
@@ -50,7 +61,7 @@ export type Palettes = 'defaultPalette' | 'legacyPalette' | 'spacingScale' | 'sh
|
|
|
50
61
|
* This object should be used whenever interfacing with themes.
|
|
51
62
|
*/
|
|
52
63
|
interface ThemeConfig {
|
|
53
|
-
id: ThemeIds;
|
|
64
|
+
id: ThemeIds | ThemeOverrideIds;
|
|
54
65
|
displayName: string;
|
|
55
66
|
palette: Palettes;
|
|
56
67
|
attributes: ({
|
|
@@ -61,38 +72,7 @@ interface ThemeConfig {
|
|
|
61
72
|
}) & {
|
|
62
73
|
extends?: ExtensionThemeId;
|
|
63
74
|
};
|
|
75
|
+
override?: ThemeIds;
|
|
64
76
|
}
|
|
65
|
-
declare const themeConfig: Record<Themes, ThemeConfig>;
|
|
66
|
-
export declare const themeOverrideConfig: {
|
|
67
|
-
'atlassian-dark-iteration': {
|
|
68
|
-
id: string;
|
|
69
|
-
displayName: string;
|
|
70
|
-
palette: string;
|
|
71
|
-
overrideTheme: string;
|
|
72
|
-
attributes: {
|
|
73
|
-
type: string;
|
|
74
|
-
mode: string;
|
|
75
|
-
};
|
|
76
|
-
};
|
|
77
|
-
'atlassian-light-new-input-border': {
|
|
78
|
-
id: string;
|
|
79
|
-
displayName: string;
|
|
80
|
-
palette: string;
|
|
81
|
-
overrideTheme: string;
|
|
82
|
-
attributes: {
|
|
83
|
-
type: string;
|
|
84
|
-
mode: string;
|
|
85
|
-
};
|
|
86
|
-
};
|
|
87
|
-
'atlassian-dark-new-input-border': {
|
|
88
|
-
id: string;
|
|
89
|
-
displayName: string;
|
|
90
|
-
palette: string;
|
|
91
|
-
overrideTheme: string;
|
|
92
|
-
attributes: {
|
|
93
|
-
type: string;
|
|
94
|
-
mode: string;
|
|
95
|
-
};
|
|
96
|
-
};
|
|
97
|
-
};
|
|
77
|
+
declare const themeConfig: Record<Themes | ThemeOverrides, ThemeConfig>;
|
|
98
78
|
export default themeConfig;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { UtilTokenSchema, ValueSchema } from '../../../types';
|
|
2
2
|
declare const _default: {
|
|
3
|
-
utility: ValueSchema<UtilTokenSchema<"Lime100" | "Lime200" | "Lime300" | "Lime400" | "Lime500" | "Lime600" | "Lime700" | "Lime800" | "Lime900" | "Lime1000" | "Red100" | "Red200" | "Red300" | "Red400" | "Red500" | "Red600" | "Red700" | "Red800" | "Red900" | "Red1000" | "Orange100" | "Orange200" | "Orange300" | "Orange400" | "Orange500" | "Orange600" | "Orange700" | "Orange800" | "Orange900" | "Orange1000" | "Yellow100" | "Yellow200" | "Yellow300" | "Yellow400" | "Yellow500" | "Yellow600" | "Yellow700" | "Yellow800" | "Yellow900" | "Yellow1000" | "Green100" | "Green200" | "Green300" | "Green400" | "Green500" | "Green600" | "Green700" | "Green800" | "Green900" | "Green1000" | "Teal100" | "Teal200" | "Teal300" | "Teal400" | "Teal500" | "Teal600" | "Teal700" | "Teal800" | "Teal900" | "Teal1000" | "Blue100" | "Blue200" | "Blue300" | "Blue400" | "Blue500" | "Blue600" | "Blue700" | "Blue800" | "Blue900" | "Blue1000" | "Purple100" | "Purple200" | "Purple300" | "Purple400" | "Purple500" | "Purple600" | "Purple700" | "Purple800" | "Purple900" | "Purple1000" | "Magenta100" | "Magenta200" | "Magenta300" | "Magenta400" | "Magenta500" | "Magenta600" | "Magenta700" | "Magenta800" | "Magenta900" | "Magenta1000" | "Neutral0" | "Neutral100" | "Neutral200" | "Neutral300" | "Neutral400" | "Neutral500" | "Neutral600" | "Neutral700" | "Neutral800" | "Neutral900" | "Neutral1000" | "Neutral1100" | "Neutral100A" | "Neutral200A" | "Neutral300A" | "Neutral400A" | "Neutral500A" | "DarkNeutral-100" | "DarkNeutral0" | "DarkNeutral100" | "DarkNeutral200" | "DarkNeutral300" | "DarkNeutral400" | "DarkNeutral500" | "DarkNeutral600" | "DarkNeutral700" | "DarkNeutral800" | "DarkNeutral900" | "DarkNeutral1000" | "DarkNeutral1100" | "DarkNeutral-100A" | "DarkNeutral100A" | "DarkNeutral200A" | "DarkNeutral300A" | "DarkNeutral400A" | "DarkNeutral500A">>;
|
|
3
|
+
utility: ValueSchema<UtilTokenSchema<"Lime100" | "Lime200" | "Lime300" | "Lime400" | "Lime500" | "Lime600" | "Lime700" | "Lime800" | "Lime900" | "Lime1000" | "Red100" | "Red200" | "Red300" | "Red400" | "Red500" | "Red600" | "Red700" | "Red800" | "Red900" | "Red1000" | "Orange100" | "Orange200" | "Orange300" | "Orange400" | "Orange500" | "Orange600" | "Orange700" | "Orange800" | "Orange900" | "Orange1000" | "Yellow100" | "Yellow200" | "Yellow300" | "Yellow400" | "Yellow500" | "Yellow600" | "Yellow700" | "Yellow800" | "Yellow900" | "Yellow1000" | "Green100" | "Green200" | "Green300" | "Green400" | "Green500" | "Green600" | "Green700" | "Green800" | "Green900" | "Green1000" | "Teal100" | "Teal200" | "Teal300" | "Teal400" | "Teal500" | "Teal600" | "Teal700" | "Teal800" | "Teal900" | "Teal1000" | "Blue100" | "Blue200" | "Blue300" | "Blue400" | "Blue500" | "Blue600" | "Blue700" | "Blue800" | "Blue900" | "Blue1000" | "Purple100" | "Purple200" | "Purple300" | "Purple400" | "Purple500" | "Purple600" | "Purple700" | "Purple800" | "Purple900" | "Purple1000" | "Magenta100" | "Magenta200" | "Magenta300" | "Magenta400" | "Magenta500" | "Magenta600" | "Magenta700" | "Magenta800" | "Magenta900" | "Magenta1000" | "Neutral0" | "Neutral100" | "Neutral200" | "Neutral300" | "Neutral400" | "Neutral500" | "Neutral600" | "Neutral700" | "Neutral800" | "Neutral900" | "Neutral1000" | "Neutral1100" | "Neutral100A" | "Neutral200A" | "Neutral300A" | "Neutral400A" | "Neutral500A" | "DarkNeutral-100" | "DarkNeutral0" | "DarkNeutral100" | "DarkNeutral200" | "DarkNeutral250" | "DarkNeutral300" | "DarkNeutral350" | "DarkNeutral400" | "DarkNeutral500" | "DarkNeutral600" | "DarkNeutral700" | "DarkNeutral800" | "DarkNeutral900" | "DarkNeutral1000" | "DarkNeutral1100" | "DarkNeutral-100A" | "DarkNeutral100A" | "DarkNeutral200A" | "DarkNeutral250A" | "DarkNeutral300A" | "DarkNeutral350A" | "DarkNeutral400A" | "DarkNeutral500A">>;
|
|
4
4
|
};
|
|
5
5
|
export default _default;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { UtilTokenSchema, ValueSchema } from '../../../types';
|
|
2
2
|
declare const _default: {
|
|
3
|
-
utility: ValueSchema<UtilTokenSchema<"Lime100" | "Lime200" | "Lime300" | "Lime400" | "Lime500" | "Lime600" | "Lime700" | "Lime800" | "Lime900" | "Lime1000" | "Red100" | "Red200" | "Red300" | "Red400" | "Red500" | "Red600" | "Red700" | "Red800" | "Red900" | "Red1000" | "Orange100" | "Orange200" | "Orange300" | "Orange400" | "Orange500" | "Orange600" | "Orange700" | "Orange800" | "Orange900" | "Orange1000" | "Yellow100" | "Yellow200" | "Yellow300" | "Yellow400" | "Yellow500" | "Yellow600" | "Yellow700" | "Yellow800" | "Yellow900" | "Yellow1000" | "Green100" | "Green200" | "Green300" | "Green400" | "Green500" | "Green600" | "Green700" | "Green800" | "Green900" | "Green1000" | "Teal100" | "Teal200" | "Teal300" | "Teal400" | "Teal500" | "Teal600" | "Teal700" | "Teal800" | "Teal900" | "Teal1000" | "Blue100" | "Blue200" | "Blue300" | "Blue400" | "Blue500" | "Blue600" | "Blue700" | "Blue800" | "Blue900" | "Blue1000" | "Purple100" | "Purple200" | "Purple300" | "Purple400" | "Purple500" | "Purple600" | "Purple700" | "Purple800" | "Purple900" | "Purple1000" | "Magenta100" | "Magenta200" | "Magenta300" | "Magenta400" | "Magenta500" | "Magenta600" | "Magenta700" | "Magenta800" | "Magenta900" | "Magenta1000" | "Neutral0" | "Neutral100" | "Neutral200" | "Neutral300" | "Neutral400" | "Neutral500" | "Neutral600" | "Neutral700" | "Neutral800" | "Neutral900" | "Neutral1000" | "Neutral1100" | "Neutral100A" | "Neutral200A" | "Neutral300A" | "Neutral400A" | "Neutral500A" | "DarkNeutral-100" | "DarkNeutral0" | "DarkNeutral100" | "DarkNeutral200" | "DarkNeutral300" | "DarkNeutral400" | "DarkNeutral500" | "DarkNeutral600" | "DarkNeutral700" | "DarkNeutral800" | "DarkNeutral900" | "DarkNeutral1000" | "DarkNeutral1100" | "DarkNeutral-100A" | "DarkNeutral100A" | "DarkNeutral200A" | "DarkNeutral300A" | "DarkNeutral400A" | "DarkNeutral500A">>;
|
|
3
|
+
utility: ValueSchema<UtilTokenSchema<"Lime100" | "Lime200" | "Lime300" | "Lime400" | "Lime500" | "Lime600" | "Lime700" | "Lime800" | "Lime900" | "Lime1000" | "Red100" | "Red200" | "Red300" | "Red400" | "Red500" | "Red600" | "Red700" | "Red800" | "Red900" | "Red1000" | "Orange100" | "Orange200" | "Orange300" | "Orange400" | "Orange500" | "Orange600" | "Orange700" | "Orange800" | "Orange900" | "Orange1000" | "Yellow100" | "Yellow200" | "Yellow300" | "Yellow400" | "Yellow500" | "Yellow600" | "Yellow700" | "Yellow800" | "Yellow900" | "Yellow1000" | "Green100" | "Green200" | "Green300" | "Green400" | "Green500" | "Green600" | "Green700" | "Green800" | "Green900" | "Green1000" | "Teal100" | "Teal200" | "Teal300" | "Teal400" | "Teal500" | "Teal600" | "Teal700" | "Teal800" | "Teal900" | "Teal1000" | "Blue100" | "Blue200" | "Blue300" | "Blue400" | "Blue500" | "Blue600" | "Blue700" | "Blue800" | "Blue900" | "Blue1000" | "Purple100" | "Purple200" | "Purple300" | "Purple400" | "Purple500" | "Purple600" | "Purple700" | "Purple800" | "Purple900" | "Purple1000" | "Magenta100" | "Magenta200" | "Magenta300" | "Magenta400" | "Magenta500" | "Magenta600" | "Magenta700" | "Magenta800" | "Magenta900" | "Magenta1000" | "Neutral0" | "Neutral100" | "Neutral200" | "Neutral300" | "Neutral400" | "Neutral500" | "Neutral600" | "Neutral700" | "Neutral800" | "Neutral900" | "Neutral1000" | "Neutral1100" | "Neutral100A" | "Neutral200A" | "Neutral300A" | "Neutral400A" | "Neutral500A" | "DarkNeutral-100" | "DarkNeutral0" | "DarkNeutral100" | "DarkNeutral200" | "DarkNeutral250" | "DarkNeutral300" | "DarkNeutral350" | "DarkNeutral400" | "DarkNeutral500" | "DarkNeutral600" | "DarkNeutral700" | "DarkNeutral800" | "DarkNeutral900" | "DarkNeutral1000" | "DarkNeutral1100" | "DarkNeutral-100A" | "DarkNeutral100A" | "DarkNeutral200A" | "DarkNeutral250A" | "DarkNeutral300A" | "DarkNeutral350A" | "DarkNeutral400A" | "DarkNeutral500A">>;
|
|
4
4
|
};
|
|
5
5
|
export default _default;
|