@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.
Files changed (55) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/css/atlassian-dark.css +3 -0
  3. package/css/atlassian-light.css +4 -1
  4. package/dist/cjs/artifacts/rename-mapping.js +1 -1
  5. package/dist/cjs/artifacts/token-default-values.js +4 -1
  6. package/dist/cjs/artifacts/token-names.js +3 -0
  7. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +93 -4
  8. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +95 -6
  9. package/dist/cjs/get-token.js +1 -1
  10. package/dist/cjs/tokens/atlassian-dark/color/background.js +11 -1
  11. package/dist/cjs/tokens/atlassian-dark/elevation/shadow.js +23 -0
  12. package/dist/cjs/tokens/atlassian-light/color/background.js +11 -1
  13. package/dist/cjs/tokens/atlassian-light/elevation/shadow.js +19 -0
  14. package/dist/cjs/tokens/atlassian-light/elevation/surface.js +1 -1
  15. package/dist/cjs/tokens/default/color/background.js +20 -4
  16. package/dist/cjs/tokens/default/deprecated/deprecated.js +1 -1
  17. package/dist/cjs/tokens/default/elevation/shadow.js +7 -0
  18. package/dist/cjs/version.json +1 -1
  19. package/dist/es2019/artifacts/rename-mapping.js +1 -1
  20. package/dist/es2019/artifacts/token-default-values.js +4 -1
  21. package/dist/es2019/artifacts/token-names.js +3 -0
  22. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +93 -4
  23. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +95 -6
  24. package/dist/es2019/get-token.js +1 -1
  25. package/dist/es2019/tokens/atlassian-dark/color/background.js +11 -1
  26. package/dist/es2019/tokens/atlassian-dark/elevation/shadow.js +23 -0
  27. package/dist/es2019/tokens/atlassian-light/color/background.js +11 -1
  28. package/dist/es2019/tokens/atlassian-light/elevation/shadow.js +19 -0
  29. package/dist/es2019/tokens/atlassian-light/elevation/surface.js +1 -1
  30. package/dist/es2019/tokens/default/color/background.js +20 -4
  31. package/dist/es2019/tokens/default/deprecated/deprecated.js +1 -1
  32. package/dist/es2019/tokens/default/elevation/shadow.js +7 -0
  33. package/dist/es2019/version.json +1 -1
  34. package/dist/esm/artifacts/rename-mapping.js +1 -1
  35. package/dist/esm/artifacts/token-default-values.js +4 -1
  36. package/dist/esm/artifacts/token-names.js +3 -0
  37. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +93 -4
  38. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +95 -6
  39. package/dist/esm/get-token.js +1 -1
  40. package/dist/esm/tokens/atlassian-dark/color/background.js +11 -1
  41. package/dist/esm/tokens/atlassian-dark/elevation/shadow.js +23 -0
  42. package/dist/esm/tokens/atlassian-light/color/background.js +11 -1
  43. package/dist/esm/tokens/atlassian-light/elevation/shadow.js +19 -0
  44. package/dist/esm/tokens/atlassian-light/elevation/surface.js +1 -1
  45. package/dist/esm/tokens/default/color/background.js +20 -4
  46. package/dist/esm/tokens/default/deprecated/deprecated.js +1 -1
  47. package/dist/esm/tokens/default/elevation/shadow.js +7 -0
  48. package/dist/esm/version.json +1 -1
  49. package/dist/types/artifacts/token-default-values.d.ts +4 -1
  50. package/dist/types/artifacts/token-names.d.ts +6 -0
  51. package/dist/types/artifacts/types-internal.d.ts +1 -1
  52. package/dist/types/artifacts/types.d.ts +1 -1
  53. package/dist/types/tokens/default/utility/utility.d.ts +10 -10
  54. package/dist/types/types.d.ts +6 -1
  55. 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": "#091E4208",
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": "N100A"
5369
+ "value": "N100"
5281
5370
  },
5282
5371
  "name": "elevation.surface.sunken",
5283
5372
  "path": ["elevation", "surface", "sunken"]
@@ -1,7 +1,7 @@
1
1
  import warnOnce from '@atlaskit/ds-lib/warn-once';
2
2
  import tokens from './artifacts/token-names';
3
3
  var name = "@atlaskit/tokens";
4
- var version = "0.7.0";
4
+ var version = "0.7.3";
5
5
 
6
6
  function token(path, fallback) {
7
7
  var token = tokens[path];
@@ -1,7 +1,17 @@
1
1
  var color = {
2
2
  color: {
3
3
  blanket: {
4
- value: 'DN-100A'
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
- value: 'N500A'
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,
@@ -5,7 +5,7 @@ var elevation = {
5
5
  value: 'N0'
6
6
  },
7
7
  sunken: {
8
- value: 'N100A'
8
+ value: 'N100'
9
9
  },
10
10
  raised: {
11
11
  value: 'N0'
@@ -1,10 +1,26 @@
1
1
  var color = {
2
2
  color: {
3
3
  blanket: {
4
- attributes: {
5
- group: 'paint',
6
- state: 'active',
7
- description: 'Use for the screen overlay that appears with modal dialogs'
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: {
@@ -257,7 +257,7 @@ var color = {
257
257
  attributes: {
258
258
  group: 'paint',
259
259
  state: 'deprecated',
260
- replacement: 'color.blanket',
260
+ replacement: 'color.blanket.[default]',
261
261
  description: 'Use for the screen overlay that appears with modal dialogs'
262
262
  }
263
263
  },
@@ -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',
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/tokens",
3
- "version": "0.7.0",
3
+ "version": "0.7.3",
4
4
  "sideEffects": false
5
5
  }
@@ -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': "#091E4208";
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';