@atlaskit/tokens 0.7.0 → 0.7.3
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 +18 -0
- package/css/atlassian-dark.css +3 -0
- package/css/atlassian-light.css +4 -1
- package/dist/cjs/artifacts/rename-mapping.js +1 -1
- package/dist/cjs/artifacts/token-default-values.js +4 -1
- package/dist/cjs/artifacts/token-names.js +3 -0
- package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +93 -4
- package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +95 -6
- package/dist/cjs/get-token.js +1 -1
- package/dist/cjs/tokens/atlassian-dark/color/background.js +11 -1
- package/dist/cjs/tokens/atlassian-dark/elevation/shadow.js +23 -0
- package/dist/cjs/tokens/atlassian-light/color/background.js +11 -1
- package/dist/cjs/tokens/atlassian-light/elevation/shadow.js +19 -0
- package/dist/cjs/tokens/atlassian-light/elevation/surface.js +1 -1
- package/dist/cjs/tokens/default/color/background.js +20 -4
- package/dist/cjs/tokens/default/deprecated/deprecated.js +1 -1
- package/dist/cjs/tokens/default/elevation/shadow.js +7 -0
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/artifacts/rename-mapping.js +1 -1
- package/dist/es2019/artifacts/token-default-values.js +4 -1
- package/dist/es2019/artifacts/token-names.js +3 -0
- package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +93 -4
- package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +95 -6
- package/dist/es2019/get-token.js +1 -1
- package/dist/es2019/tokens/atlassian-dark/color/background.js +11 -1
- package/dist/es2019/tokens/atlassian-dark/elevation/shadow.js +23 -0
- package/dist/es2019/tokens/atlassian-light/color/background.js +11 -1
- package/dist/es2019/tokens/atlassian-light/elevation/shadow.js +19 -0
- package/dist/es2019/tokens/atlassian-light/elevation/surface.js +1 -1
- package/dist/es2019/tokens/default/color/background.js +20 -4
- package/dist/es2019/tokens/default/deprecated/deprecated.js +1 -1
- package/dist/es2019/tokens/default/elevation/shadow.js +7 -0
- package/dist/es2019/version.json +1 -1
- package/dist/esm/artifacts/rename-mapping.js +1 -1
- package/dist/esm/artifacts/token-default-values.js +4 -1
- package/dist/esm/artifacts/token-names.js +3 -0
- package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +93 -4
- package/dist/esm/artifacts/tokens-raw/atlassian-light.js +95 -6
- package/dist/esm/get-token.js +1 -1
- package/dist/esm/tokens/atlassian-dark/color/background.js +11 -1
- package/dist/esm/tokens/atlassian-dark/elevation/shadow.js +23 -0
- package/dist/esm/tokens/atlassian-light/color/background.js +11 -1
- package/dist/esm/tokens/atlassian-light/elevation/shadow.js +19 -0
- package/dist/esm/tokens/atlassian-light/elevation/surface.js +1 -1
- package/dist/esm/tokens/default/color/background.js +20 -4
- package/dist/esm/tokens/default/deprecated/deprecated.js +1 -1
- package/dist/esm/tokens/default/elevation/shadow.js +7 -0
- package/dist/esm/version.json +1 -1
- package/dist/types/artifacts/token-default-values.d.ts +4 -1
- package/dist/types/artifacts/token-names.d.ts +6 -0
- package/dist/types/artifacts/types-internal.d.ts +1 -1
- package/dist/types/artifacts/types.d.ts +1 -1
- package/dist/types/tokens/default/utility/utility.d.ts +10 -10
- package/dist/types/types.d.ts +6 -1
- package/package.json +1 -1
|
@@ -3541,7 +3541,7 @@ var tokens = [{
|
|
|
3541
3541
|
"attributes": {
|
|
3542
3542
|
"group": "paint",
|
|
3543
3543
|
"state": "deprecated",
|
|
3544
|
-
"replacement": "color.blanket",
|
|
3544
|
+
"replacement": "color.blanket.[default]",
|
|
3545
3545
|
"description": "Use for the screen overlay that appears with modal dialogs"
|
|
3546
3546
|
},
|
|
3547
3547
|
"value": "#091E427A",
|
|
@@ -3551,7 +3551,7 @@ var tokens = [{
|
|
|
3551
3551
|
"attributes": {
|
|
3552
3552
|
"group": "paint",
|
|
3553
3553
|
"state": "deprecated",
|
|
3554
|
-
"replacement": "color.blanket",
|
|
3554
|
+
"replacement": "color.blanket.[default]",
|
|
3555
3555
|
"description": "Use for the screen overlay that appears with modal dialogs"
|
|
3556
3556
|
},
|
|
3557
3557
|
"value": "N500A"
|
|
@@ -4499,8 +4499,46 @@ var tokens = [{
|
|
|
4499
4499
|
},
|
|
4500
4500
|
"value": "N500A"
|
|
4501
4501
|
},
|
|
4502
|
-
"name": "color.blanket",
|
|
4503
|
-
"path": ["color", "blanket"]
|
|
4502
|
+
"name": "color.blanket.[default]",
|
|
4503
|
+
"path": ["color", "blanket", "[default]"]
|
|
4504
|
+
}, {
|
|
4505
|
+
"attributes": {
|
|
4506
|
+
"group": "paint",
|
|
4507
|
+
"state": "active",
|
|
4508
|
+
"description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
|
|
4509
|
+
},
|
|
4510
|
+
"value": "#388BFFCC",
|
|
4511
|
+
"filePath": "src/tokens/atlassian-light/color/background.tsx",
|
|
4512
|
+
"isSource": true,
|
|
4513
|
+
"original": {
|
|
4514
|
+
"attributes": {
|
|
4515
|
+
"group": "paint",
|
|
4516
|
+
"state": "active",
|
|
4517
|
+
"description": "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
|
|
4518
|
+
},
|
|
4519
|
+
"value": "#388BFFCC"
|
|
4520
|
+
},
|
|
4521
|
+
"name": "color.blanket.selected",
|
|
4522
|
+
"path": ["color", "blanket", "selected"]
|
|
4523
|
+
}, {
|
|
4524
|
+
"attributes": {
|
|
4525
|
+
"group": "paint",
|
|
4526
|
+
"state": "active",
|
|
4527
|
+
"description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
|
|
4528
|
+
},
|
|
4529
|
+
"value": "#EF5C48CC",
|
|
4530
|
+
"filePath": "src/tokens/atlassian-light/color/background.tsx",
|
|
4531
|
+
"isSource": true,
|
|
4532
|
+
"original": {
|
|
4533
|
+
"attributes": {
|
|
4534
|
+
"group": "paint",
|
|
4535
|
+
"state": "active",
|
|
4536
|
+
"description": "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
|
|
4537
|
+
},
|
|
4538
|
+
"value": "#EF5C48CC"
|
|
4539
|
+
},
|
|
4540
|
+
"name": "color.blanket.danger",
|
|
4541
|
+
"path": ["color", "blanket", "danger"]
|
|
4504
4542
|
}, {
|
|
4505
4543
|
"attributes": {
|
|
4506
4544
|
"group": "paint",
|
|
@@ -5192,6 +5230,57 @@ var tokens = [{
|
|
|
5192
5230
|
},
|
|
5193
5231
|
"name": "elevation.shadow.raised",
|
|
5194
5232
|
"path": ["elevation", "shadow", "raised"]
|
|
5233
|
+
}, {
|
|
5234
|
+
"attributes": {
|
|
5235
|
+
"group": "shadow",
|
|
5236
|
+
"state": "active",
|
|
5237
|
+
"description": "Use to create a shadow when content scolls under other content."
|
|
5238
|
+
},
|
|
5239
|
+
"value": [{
|
|
5240
|
+
"radius": 8,
|
|
5241
|
+
"offset": {
|
|
5242
|
+
"x": 0,
|
|
5243
|
+
"y": 8
|
|
5244
|
+
},
|
|
5245
|
+
"color": "#091E42",
|
|
5246
|
+
"opacity": 0.08
|
|
5247
|
+
}, {
|
|
5248
|
+
"radius": 1,
|
|
5249
|
+
"offset": {
|
|
5250
|
+
"x": 0,
|
|
5251
|
+
"y": 0
|
|
5252
|
+
},
|
|
5253
|
+
"color": "#091E42",
|
|
5254
|
+
"opacity": 0.12
|
|
5255
|
+
}],
|
|
5256
|
+
"filePath": "src/tokens/atlassian-light/elevation/shadow.tsx",
|
|
5257
|
+
"isSource": true,
|
|
5258
|
+
"original": {
|
|
5259
|
+
"attributes": {
|
|
5260
|
+
"group": "shadow",
|
|
5261
|
+
"state": "active",
|
|
5262
|
+
"description": "Use to create a shadow when content scolls under other content."
|
|
5263
|
+
},
|
|
5264
|
+
"value": [{
|
|
5265
|
+
"radius": 8,
|
|
5266
|
+
"offset": {
|
|
5267
|
+
"x": 0,
|
|
5268
|
+
"y": 8
|
|
5269
|
+
},
|
|
5270
|
+
"color": "N1100",
|
|
5271
|
+
"opacity": 0.08
|
|
5272
|
+
}, {
|
|
5273
|
+
"radius": 1,
|
|
5274
|
+
"offset": {
|
|
5275
|
+
"x": 0,
|
|
5276
|
+
"y": 0
|
|
5277
|
+
},
|
|
5278
|
+
"color": "N1100",
|
|
5279
|
+
"opacity": 0.12
|
|
5280
|
+
}]
|
|
5281
|
+
},
|
|
5282
|
+
"name": "elevation.shadow.overflow",
|
|
5283
|
+
"path": ["elevation", "shadow", "overflow"]
|
|
5195
5284
|
}, {
|
|
5196
5285
|
"attributes": {
|
|
5197
5286
|
"group": "shadow",
|
|
@@ -5268,7 +5357,7 @@ var tokens = [{
|
|
|
5268
5357
|
"state": "active",
|
|
5269
5358
|
"description": "A secondary background for the UI commonly used for grouping items, such as Jira cards in columns."
|
|
5270
5359
|
},
|
|
5271
|
-
"value": "#
|
|
5360
|
+
"value": "#F7F8F9",
|
|
5272
5361
|
"filePath": "src/tokens/atlassian-light/elevation/surface.tsx",
|
|
5273
5362
|
"isSource": true,
|
|
5274
5363
|
"original": {
|
|
@@ -5277,7 +5366,7 @@ var tokens = [{
|
|
|
5277
5366
|
"state": "active",
|
|
5278
5367
|
"description": "A secondary background for the UI commonly used for grouping items, such as Jira cards in columns."
|
|
5279
5368
|
},
|
|
5280
|
-
"value": "
|
|
5369
|
+
"value": "N100"
|
|
5281
5370
|
},
|
|
5282
5371
|
"name": "elevation.surface.sunken",
|
|
5283
5372
|
"path": ["elevation", "surface", "sunken"]
|
package/dist/esm/get-token.js
CHANGED
|
@@ -1,7 +1,17 @@
|
|
|
1
1
|
var color = {
|
|
2
2
|
color: {
|
|
3
3
|
blanket: {
|
|
4
|
-
|
|
4
|
+
'[default]': {
|
|
5
|
+
value: 'DN-100A'
|
|
6
|
+
},
|
|
7
|
+
// @ts-ignore temporary value (B600 8% opacity)
|
|
8
|
+
selected: {
|
|
9
|
+
value: '#1D7AFCCC'
|
|
10
|
+
},
|
|
11
|
+
// @ts-ignore temporary value (R600 8% opacity)
|
|
12
|
+
danger: {
|
|
13
|
+
value: '#E34935CC'
|
|
14
|
+
}
|
|
5
15
|
},
|
|
6
16
|
background: {
|
|
7
17
|
disabled: {
|
|
@@ -22,6 +22,29 @@ var shadow = {
|
|
|
22
22
|
opacity: 0.5
|
|
23
23
|
}]
|
|
24
24
|
},
|
|
25
|
+
overflow: {
|
|
26
|
+
value: [{
|
|
27
|
+
radius: 12,
|
|
28
|
+
offset: {
|
|
29
|
+
x: 0,
|
|
30
|
+
y: 0
|
|
31
|
+
},
|
|
32
|
+
// @ts-ignore no current palette colour for this yet
|
|
33
|
+
color: '#030404',
|
|
34
|
+
// This opacity overrides the color alpha.
|
|
35
|
+
opacity: 0.56
|
|
36
|
+
}, {
|
|
37
|
+
radius: 1,
|
|
38
|
+
offset: {
|
|
39
|
+
x: 0,
|
|
40
|
+
y: 0
|
|
41
|
+
},
|
|
42
|
+
// @ts-ignore no current palette colour for this yet
|
|
43
|
+
color: '#030404',
|
|
44
|
+
// This opacity overrides the color alpha.
|
|
45
|
+
opacity: 0.5
|
|
46
|
+
}]
|
|
47
|
+
},
|
|
25
48
|
overlay: {
|
|
26
49
|
value: [{
|
|
27
50
|
radius: 0,
|
|
@@ -1,7 +1,17 @@
|
|
|
1
1
|
var color = {
|
|
2
2
|
color: {
|
|
3
3
|
blanket: {
|
|
4
|
-
|
|
4
|
+
'[default]': {
|
|
5
|
+
value: 'N500A'
|
|
6
|
+
},
|
|
7
|
+
// @ts-ignore temporary value (B500 8% opacity)
|
|
8
|
+
selected: {
|
|
9
|
+
value: '#388BFFCC'
|
|
10
|
+
},
|
|
11
|
+
// @ts-ignore temporary value (R500 8% opacity)
|
|
12
|
+
danger: {
|
|
13
|
+
value: '#EF5C48CC'
|
|
14
|
+
}
|
|
5
15
|
},
|
|
6
16
|
background: {
|
|
7
17
|
disabled: {
|
|
@@ -20,6 +20,25 @@ var shadow = {
|
|
|
20
20
|
opacity: 0.31
|
|
21
21
|
}]
|
|
22
22
|
},
|
|
23
|
+
overflow: {
|
|
24
|
+
value: [{
|
|
25
|
+
radius: 8,
|
|
26
|
+
offset: {
|
|
27
|
+
x: 0,
|
|
28
|
+
y: 8
|
|
29
|
+
},
|
|
30
|
+
color: 'N1100',
|
|
31
|
+
opacity: 0.08
|
|
32
|
+
}, {
|
|
33
|
+
radius: 1,
|
|
34
|
+
offset: {
|
|
35
|
+
x: 0,
|
|
36
|
+
y: 0
|
|
37
|
+
},
|
|
38
|
+
color: 'N1100',
|
|
39
|
+
opacity: 0.12
|
|
40
|
+
}]
|
|
41
|
+
},
|
|
23
42
|
overlay: {
|
|
24
43
|
value: [{
|
|
25
44
|
radius: 12,
|
|
@@ -1,10 +1,26 @@
|
|
|
1
1
|
var color = {
|
|
2
2
|
color: {
|
|
3
3
|
blanket: {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
'[default]': {
|
|
5
|
+
attributes: {
|
|
6
|
+
group: 'paint',
|
|
7
|
+
state: 'active',
|
|
8
|
+
description: 'Use for the screen overlay that appears with modal dialogs'
|
|
9
|
+
}
|
|
10
|
+
},
|
|
11
|
+
selected: {
|
|
12
|
+
attributes: {
|
|
13
|
+
group: 'paint',
|
|
14
|
+
state: 'active',
|
|
15
|
+
description: "Use as an overlay to communicate selected states when a simple background color change isn't possible, such as in Editor block elements"
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
danger: {
|
|
19
|
+
attributes: {
|
|
20
|
+
group: 'paint',
|
|
21
|
+
state: 'active',
|
|
22
|
+
description: "Use as an overlay to communicate danger states when a simple background color change isn't possible, such as deletion of Editor block elements"
|
|
23
|
+
}
|
|
8
24
|
}
|
|
9
25
|
},
|
|
10
26
|
background: {
|
|
@@ -8,6 +8,13 @@ var shadow = {
|
|
|
8
8
|
description: "Use for the box shadow of raised card elements, such as Jira cards on a Kanban board. Combine with elevation.surface.raised"
|
|
9
9
|
}
|
|
10
10
|
},
|
|
11
|
+
overflow: {
|
|
12
|
+
attributes: {
|
|
13
|
+
group: 'shadow',
|
|
14
|
+
state: 'active',
|
|
15
|
+
description: "Use to create a shadow when content scolls under other content."
|
|
16
|
+
}
|
|
17
|
+
},
|
|
11
18
|
overlay: {
|
|
12
19
|
attributes: {
|
|
13
20
|
group: 'shadow',
|
package/dist/esm/version.json
CHANGED
|
@@ -231,6 +231,8 @@ declare const defaultTokenValues: {
|
|
|
231
231
|
readonly 'color.background.transparentNeutral.hover': "#091E420F";
|
|
232
232
|
readonly 'color.background.transparentNeutral.pressed': "#091E4224";
|
|
233
233
|
readonly 'color.blanket': "#091E427A";
|
|
234
|
+
readonly 'color.blanket.selected': "#388BFFCC";
|
|
235
|
+
readonly 'color.blanket.danger': "#EF5C48CC";
|
|
234
236
|
readonly 'color.interaction.hovered': "#ffffff33";
|
|
235
237
|
readonly 'color.interaction.pressed': "#ffffff5c";
|
|
236
238
|
readonly 'color.interaction.inverse.hovered': "#00000029";
|
|
@@ -260,9 +262,10 @@ declare const defaultTokenValues: {
|
|
|
260
262
|
readonly 'shadow.card': "0px 1px 1px #091E4240, 0px 0px 1px #091E424F";
|
|
261
263
|
readonly 'shadow.overlay': "0px 8px 12px #091E4226, 0px 0px 1px #091E424F";
|
|
262
264
|
readonly 'elevation.shadow.raised': "0px 1px 1px #091E4240, 0px 0px 1px #091E424F";
|
|
265
|
+
readonly 'elevation.shadow.overflow': "0px 8px 8px #091E4214, 0px 0px 1px #091E421F";
|
|
263
266
|
readonly 'elevation.shadow.overlay': "0px 8px 12px #091E4226, 0px 0px 1px #091E424F";
|
|
264
267
|
readonly 'elevation.surface': "#FFFFFF";
|
|
265
|
-
readonly 'elevation.surface.sunken': "#
|
|
268
|
+
readonly 'elevation.surface.sunken': "#F7F8F9";
|
|
266
269
|
readonly 'elevation.surface.raised': "#FFFFFF";
|
|
267
270
|
readonly 'elevation.surface.overlay': "#FFFFFF";
|
|
268
271
|
readonly 'utility.UNSAFE_util.transparent': "transparent";
|
|
@@ -228,6 +228,8 @@ declare const tokens: {
|
|
|
228
228
|
readonly 'color.background.transparentNeutral.hover': "--ds-background-transparentNeutral-hover";
|
|
229
229
|
readonly 'color.background.transparentNeutral.pressed': "--ds-background-transparentNeutral-pressed";
|
|
230
230
|
readonly 'color.blanket': "--ds-blanket";
|
|
231
|
+
readonly 'color.blanket.selected': "--ds-blanket-selected";
|
|
232
|
+
readonly 'color.blanket.danger': "--ds-blanket-danger";
|
|
231
233
|
readonly 'color.interaction.hovered': "--ds-interaction-hovered";
|
|
232
234
|
readonly 'color.interaction.pressed': "--ds-interaction-pressed";
|
|
233
235
|
readonly 'color.interaction.inverse.hovered': "--ds-interaction-inverse-hovered";
|
|
@@ -257,6 +259,7 @@ declare const tokens: {
|
|
|
257
259
|
readonly 'shadow.card': "--ds-card";
|
|
258
260
|
readonly 'shadow.overlay': "--ds-overlay";
|
|
259
261
|
readonly 'elevation.shadow.raised': "--ds-shadow-raised";
|
|
262
|
+
readonly 'elevation.shadow.overflow': "--ds-shadow-overflow";
|
|
260
263
|
readonly 'elevation.shadow.overlay': "--ds-shadow-overlay";
|
|
261
264
|
readonly 'elevation.surface': "--ds-surface";
|
|
262
265
|
readonly 'elevation.surface.sunken': "--ds-surface-sunken";
|
|
@@ -495,6 +498,8 @@ export declare type CSSTokenMap = {
|
|
|
495
498
|
'color.background.transparentNeutral.hover': 'var(--ds-background-transparentNeutral-hover)';
|
|
496
499
|
'color.background.transparentNeutral.pressed': 'var(--ds-background-transparentNeutral-pressed)';
|
|
497
500
|
'color.blanket': 'var(--ds-blanket)';
|
|
501
|
+
'color.blanket.selected': 'var(--ds-blanket-selected)';
|
|
502
|
+
'color.blanket.danger': 'var(--ds-blanket-danger)';
|
|
498
503
|
'color.interaction.hovered': 'var(--ds-interaction-hovered)';
|
|
499
504
|
'color.interaction.pressed': 'var(--ds-interaction-pressed)';
|
|
500
505
|
'color.interaction.inverse.hovered': 'var(--ds-interaction-inverse-hovered)';
|
|
@@ -524,6 +529,7 @@ export declare type CSSTokenMap = {
|
|
|
524
529
|
'shadow.card': 'var(--ds-card)';
|
|
525
530
|
'shadow.overlay': 'var(--ds-overlay)';
|
|
526
531
|
'elevation.shadow.raised': 'var(--ds-shadow-raised)';
|
|
532
|
+
'elevation.shadow.overflow': 'var(--ds-shadow-overflow)';
|
|
527
533
|
'elevation.shadow.overlay': 'var(--ds-shadow-overlay)';
|
|
528
534
|
'elevation.surface': 'var(--ds-surface)';
|
|
529
535
|
'elevation.surface.sunken': 'var(--ds-surface-sunken)';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Internally types used for handling token ids
|
|
3
3
|
*/
|
|
4
|
-
export declare type InternalTokenIds = 'color.text.accent.blue.[default]' | 'color.text.accent.blue.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.purple.[default]' | 'color.text.accent.purple.bolder' | 'color.text.accent.teal.[default]' | 'color.text.accent.teal.bolder' | 'color.text.accent.magenta.[default]' | 'color.text.accent.magenta.bolder' | 'color.text.[default]' | 'color.text.subtle' | 'color.text.subtlest' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.brand' | 'color.text.selected' | 'color.text.danger' | 'color.text.warning.[default]' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.icon.accent.blue' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.purple' | 'color.icon.accent.teal' | 'color.icon.accent.magenta' | 'color.icon.[default]' | 'color.icon.subtle' | 'color.icon.inverse' | 'color.icon.disabled' | 'color.icon.brand' | 'color.icon.selected' | 'color.icon.danger' | 'color.icon.warning.[default]' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.border.accent.blue' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.purple' | 'color.border.accent.teal' | 'color.border.accent.magenta' | 'color.border.[default]' | 'color.border.focused' | 'color.border.input' | 'color.border.disabled' | 'color.border.brand' | 'color.border.selected' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.bolder' | 'color.background.accent.red.subtlest' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtle' | 'color.background.accent.red.bolder' | 'color.background.accent.orange.subtlest' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.bolder' | 'color.background.accent.yellow.subtlest' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.bolder' | 'color.background.accent.green.subtlest' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtle' | 'color.background.accent.green.bolder' | 'color.background.accent.teal.subtlest' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.bolder' | 'color.background.accent.purple.subtlest' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.bolder' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.bolder' | 'color.background.disabled' | 'color.background.inverse' | 'color.background.input.[default]' | 'color.background.input.hovered' | 'color.background.input.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.brand.bold.[default]' | 'color.background.brand.bold.hovered' | 'color.background.brand.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.danger.[default].[default]' | 'color.background.danger.[default].hovered' | 'color.background.danger.[default].pressed' | 'color.background.danger.bold.[default]' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.warning.[default].[default]' | 'color.background.warning.[default].hovered' | 'color.background.warning.[default].pressed' | 'color.background.warning.bold.[default]' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.success.[default].[default]' | 'color.background.success.[default].hovered' | 'color.background.success.[default].pressed' | 'color.background.success.bold.[default]' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.discovery.[default].[default]' | 'color.background.discovery.[default].hovered' | 'color.background.discovery.[default].pressed' | 'color.background.discovery.bold.[default]' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information.[default].[default]' | 'color.background.information.[default].hovered' | 'color.background.information.[default].pressed' | 'color.background.information.bold.[default]' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.blanket' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.interaction.inverse.hovered' | 'color.interaction.inverse.pressed' | 'color.link.[default]' | 'color.link.pressed' | 'elevation.shadow.raised' | 'elevation.shadow.overlay' | 'elevation.surface.[default]' | 'elevation.surface.sunken' | 'elevation.surface.raised' | 'elevation.surface.overlay' | 'utility.UNSAFE_util.transparent' | 'utility.UNSAFE_util.MISSING_TOKEN';
|
|
4
|
+
export declare type InternalTokenIds = 'color.text.accent.blue.[default]' | 'color.text.accent.blue.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.purple.[default]' | 'color.text.accent.purple.bolder' | 'color.text.accent.teal.[default]' | 'color.text.accent.teal.bolder' | 'color.text.accent.magenta.[default]' | 'color.text.accent.magenta.bolder' | 'color.text.[default]' | 'color.text.subtle' | 'color.text.subtlest' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.brand' | 'color.text.selected' | 'color.text.danger' | 'color.text.warning.[default]' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.icon.accent.blue' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.purple' | 'color.icon.accent.teal' | 'color.icon.accent.magenta' | 'color.icon.[default]' | 'color.icon.subtle' | 'color.icon.inverse' | 'color.icon.disabled' | 'color.icon.brand' | 'color.icon.selected' | 'color.icon.danger' | 'color.icon.warning.[default]' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.border.accent.blue' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.purple' | 'color.border.accent.teal' | 'color.border.accent.magenta' | 'color.border.[default]' | 'color.border.focused' | 'color.border.input' | 'color.border.disabled' | 'color.border.brand' | 'color.border.selected' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.bolder' | 'color.background.accent.red.subtlest' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtle' | 'color.background.accent.red.bolder' | 'color.background.accent.orange.subtlest' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.bolder' | 'color.background.accent.yellow.subtlest' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.bolder' | 'color.background.accent.green.subtlest' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtle' | 'color.background.accent.green.bolder' | 'color.background.accent.teal.subtlest' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.bolder' | 'color.background.accent.purple.subtlest' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.bolder' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.bolder' | 'color.background.disabled' | 'color.background.inverse' | 'color.background.input.[default]' | 'color.background.input.hovered' | 'color.background.input.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.brand.bold.[default]' | 'color.background.brand.bold.hovered' | 'color.background.brand.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.danger.[default].[default]' | 'color.background.danger.[default].hovered' | 'color.background.danger.[default].pressed' | 'color.background.danger.bold.[default]' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.warning.[default].[default]' | 'color.background.warning.[default].hovered' | 'color.background.warning.[default].pressed' | 'color.background.warning.bold.[default]' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.success.[default].[default]' | 'color.background.success.[default].hovered' | 'color.background.success.[default].pressed' | 'color.background.success.bold.[default]' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.discovery.[default].[default]' | 'color.background.discovery.[default].hovered' | 'color.background.discovery.[default].pressed' | 'color.background.discovery.bold.[default]' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information.[default].[default]' | 'color.background.information.[default].hovered' | 'color.background.information.[default].pressed' | 'color.background.information.bold.[default]' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.blanket.[default]' | 'color.blanket.selected' | 'color.blanket.danger' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.interaction.inverse.hovered' | 'color.interaction.inverse.pressed' | 'color.link.[default]' | 'color.link.pressed' | 'elevation.shadow.raised' | 'elevation.shadow.overflow' | 'elevation.shadow.overlay' | 'elevation.surface.[default]' | 'elevation.surface.sunken' | 'elevation.surface.raised' | 'elevation.surface.overlay' | 'utility.UNSAFE_util.transparent' | 'utility.UNSAFE_util.MISSING_TOKEN';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Type representing the currently active tokens
|
|
3
3
|
*/
|
|
4
|
-
export declare type ActiveTokens = 'color.text.accent.blue' | 'color.text.accent.blue.bolder' | 'color.text.accent.red' | 'color.text.accent.red.bolder' | 'color.text.accent.orange' | 'color.text.accent.orange.bolder' | 'color.text.accent.yellow' | 'color.text.accent.yellow.bolder' | 'color.text.accent.green' | 'color.text.accent.green.bolder' | 'color.text.accent.purple' | 'color.text.accent.purple.bolder' | 'color.text.accent.teal' | 'color.text.accent.teal.bolder' | 'color.text.accent.magenta' | 'color.text.accent.magenta.bolder' | 'color.text' | 'color.text.subtle' | 'color.text.subtlest' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.brand' | 'color.text.selected' | 'color.text.danger' | 'color.text.warning' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.icon.accent.blue' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.purple' | 'color.icon.accent.teal' | 'color.icon.accent.magenta' | 'color.icon' | 'color.icon.subtle' | 'color.icon.inverse' | 'color.icon.disabled' | 'color.icon.brand' | 'color.icon.selected' | 'color.icon.danger' | 'color.icon.warning' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.border.accent.blue' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.purple' | 'color.border.accent.teal' | 'color.border.accent.magenta' | 'color.border' | 'color.border.focused' | 'color.border.input' | 'color.border.disabled' | 'color.border.brand' | 'color.border.selected' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.bolder' | 'color.background.accent.red.subtlest' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtle' | 'color.background.accent.red.bolder' | 'color.background.accent.orange.subtlest' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.bolder' | 'color.background.accent.yellow.subtlest' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.bolder' | 'color.background.accent.green.subtlest' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtle' | 'color.background.accent.green.bolder' | 'color.background.accent.teal.subtlest' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.bolder' | 'color.background.accent.purple.subtlest' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.bolder' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.bolder' | 'color.background.disabled' | 'color.background.inverse' | 'color.background.input' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.neutral' | 'color.background.neutral.hovered' | 'color.background.neutral.pressed' | 'color.background.neutral.subtle' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.neutral.bold' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.brand.bold' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.selected' | 'color.background.selected.hovered' | 'color.background.selected.pressed' | 'color.background.selected.bold' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.danger' | 'color.background.danger.hovered' | 'color.background.danger.pressed' | 'color.background.danger.bold' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.warning' | 'color.background.warning.hovered' | 'color.background.warning.pressed' | 'color.background.warning.bold' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.success' | 'color.background.success.hovered' | 'color.background.success.pressed' | 'color.background.success.bold' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.discovery' | 'color.background.discovery.hovered' | 'color.background.discovery.pressed' | 'color.background.discovery.bold' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information' | 'color.background.information.hovered' | 'color.background.information.pressed' | 'color.background.information.bold' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.blanket' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.interaction.inverse.hovered' | 'color.interaction.inverse.pressed' | 'color.link' | 'color.link.pressed' | 'elevation.shadow.raised' | 'elevation.shadow.overlay' | 'elevation.surface' | 'elevation.surface.sunken' | 'elevation.surface.raised' | 'elevation.surface.overlay' | 'utility.UNSAFE_util.transparent' | 'utility.UNSAFE_util.MISSING_TOKEN';
|
|
4
|
+
export declare type ActiveTokens = 'color.text.accent.blue' | 'color.text.accent.blue.bolder' | 'color.text.accent.red' | 'color.text.accent.red.bolder' | 'color.text.accent.orange' | 'color.text.accent.orange.bolder' | 'color.text.accent.yellow' | 'color.text.accent.yellow.bolder' | 'color.text.accent.green' | 'color.text.accent.green.bolder' | 'color.text.accent.purple' | 'color.text.accent.purple.bolder' | 'color.text.accent.teal' | 'color.text.accent.teal.bolder' | 'color.text.accent.magenta' | 'color.text.accent.magenta.bolder' | 'color.text' | 'color.text.subtle' | 'color.text.subtlest' | 'color.text.disabled' | 'color.text.inverse' | 'color.text.brand' | 'color.text.selected' | 'color.text.danger' | 'color.text.warning' | 'color.text.warning.inverse' | 'color.text.success' | 'color.text.discovery' | 'color.text.information' | 'color.icon.accent.blue' | 'color.icon.accent.red' | 'color.icon.accent.orange' | 'color.icon.accent.yellow' | 'color.icon.accent.green' | 'color.icon.accent.purple' | 'color.icon.accent.teal' | 'color.icon.accent.magenta' | 'color.icon' | 'color.icon.subtle' | 'color.icon.inverse' | 'color.icon.disabled' | 'color.icon.brand' | 'color.icon.selected' | 'color.icon.danger' | 'color.icon.warning' | 'color.icon.warning.inverse' | 'color.icon.success' | 'color.icon.discovery' | 'color.icon.information' | 'color.border.accent.blue' | 'color.border.accent.red' | 'color.border.accent.orange' | 'color.border.accent.yellow' | 'color.border.accent.green' | 'color.border.accent.purple' | 'color.border.accent.teal' | 'color.border.accent.magenta' | 'color.border' | 'color.border.focused' | 'color.border.input' | 'color.border.disabled' | 'color.border.brand' | 'color.border.selected' | 'color.border.danger' | 'color.border.warning' | 'color.border.success' | 'color.border.discovery' | 'color.border.information' | 'color.background.accent.blue.subtlest' | 'color.background.accent.blue.subtler' | 'color.background.accent.blue.subtle' | 'color.background.accent.blue.bolder' | 'color.background.accent.red.subtlest' | 'color.background.accent.red.subtler' | 'color.background.accent.red.subtle' | 'color.background.accent.red.bolder' | 'color.background.accent.orange.subtlest' | 'color.background.accent.orange.subtler' | 'color.background.accent.orange.subtle' | 'color.background.accent.orange.bolder' | 'color.background.accent.yellow.subtlest' | 'color.background.accent.yellow.subtler' | 'color.background.accent.yellow.subtle' | 'color.background.accent.yellow.bolder' | 'color.background.accent.green.subtlest' | 'color.background.accent.green.subtler' | 'color.background.accent.green.subtle' | 'color.background.accent.green.bolder' | 'color.background.accent.teal.subtlest' | 'color.background.accent.teal.subtler' | 'color.background.accent.teal.subtle' | 'color.background.accent.teal.bolder' | 'color.background.accent.purple.subtlest' | 'color.background.accent.purple.subtler' | 'color.background.accent.purple.subtle' | 'color.background.accent.purple.bolder' | 'color.background.accent.magenta.subtlest' | 'color.background.accent.magenta.subtler' | 'color.background.accent.magenta.subtle' | 'color.background.accent.magenta.bolder' | 'color.background.disabled' | 'color.background.inverse' | 'color.background.input' | 'color.background.input.hovered' | 'color.background.input.pressed' | 'color.background.neutral' | 'color.background.neutral.hovered' | 'color.background.neutral.pressed' | 'color.background.neutral.subtle' | 'color.background.neutral.subtle.hovered' | 'color.background.neutral.subtle.pressed' | 'color.background.neutral.bold' | 'color.background.neutral.bold.hovered' | 'color.background.neutral.bold.pressed' | 'color.background.brand.bold' | 'color.background.brand.bold.hovered' | 'color.background.brand.bold.pressed' | 'color.background.selected' | 'color.background.selected.hovered' | 'color.background.selected.pressed' | 'color.background.selected.bold' | 'color.background.selected.bold.hovered' | 'color.background.selected.bold.pressed' | 'color.background.danger' | 'color.background.danger.hovered' | 'color.background.danger.pressed' | 'color.background.danger.bold' | 'color.background.danger.bold.hovered' | 'color.background.danger.bold.pressed' | 'color.background.warning' | 'color.background.warning.hovered' | 'color.background.warning.pressed' | 'color.background.warning.bold' | 'color.background.warning.bold.hovered' | 'color.background.warning.bold.pressed' | 'color.background.success' | 'color.background.success.hovered' | 'color.background.success.pressed' | 'color.background.success.bold' | 'color.background.success.bold.hovered' | 'color.background.success.bold.pressed' | 'color.background.discovery' | 'color.background.discovery.hovered' | 'color.background.discovery.pressed' | 'color.background.discovery.bold' | 'color.background.discovery.bold.hovered' | 'color.background.discovery.bold.pressed' | 'color.background.information' | 'color.background.information.hovered' | 'color.background.information.pressed' | 'color.background.information.bold' | 'color.background.information.bold.hovered' | 'color.background.information.bold.pressed' | 'color.blanket' | 'color.blanket.selected' | 'color.blanket.danger' | 'color.interaction.hovered' | 'color.interaction.pressed' | 'color.interaction.inverse.hovered' | 'color.interaction.inverse.pressed' | 'color.link' | 'color.link.pressed' | 'elevation.shadow.raised' | 'elevation.shadow.overflow' | 'elevation.shadow.overlay' | 'elevation.surface' | 'elevation.surface.sunken' | 'elevation.surface.raised' | 'elevation.surface.overlay' | 'utility.UNSAFE_util.transparent' | 'utility.UNSAFE_util.MISSING_TOKEN';
|