@atlaskit/tokens 0.13.3 → 0.13.4

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 (106) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/css/atlassian-dark.css +321 -321
  3. package/css/atlassian-legacy-dark.css +321 -321
  4. package/css/atlassian-legacy-light.css +321 -321
  5. package/css/atlassian-light.css +321 -321
  6. package/css/atlassian-spacing.css +31 -31
  7. package/css/atlassian-typography.css +6 -6
  8. package/dist/cjs/artifacts/palettes-raw/legacy-palette.js +340 -340
  9. package/dist/cjs/artifacts/palettes-raw/palette.js +607 -607
  10. package/dist/cjs/artifacts/palettes-raw/spacing-scale.js +35 -35
  11. package/dist/cjs/artifacts/palettes-raw/typography-palette.js +43 -43
  12. package/dist/cjs/artifacts/replacement-mapping.js +112 -112
  13. package/dist/cjs/artifacts/token-default-values.js +199 -199
  14. package/dist/cjs/artifacts/token-names.js +199 -199
  15. package/dist/cjs/artifacts/tokens-raw/atlassian-dark.js +3898 -3511
  16. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-dark.js +3900 -3513
  17. package/dist/cjs/artifacts/tokens-raw/atlassian-legacy-light.js +3802 -3415
  18. package/dist/cjs/artifacts/tokens-raw/atlassian-light.js +3846 -3459
  19. package/dist/cjs/artifacts/tokens-raw/atlassian-spacing.js +702 -622
  20. package/dist/cjs/artifacts/tokens-raw/atlassian-typography.js +80 -60
  21. package/dist/cjs/entry-points/figma-sync.js +23 -0
  22. package/dist/cjs/get-token-value.js +1 -1
  23. package/dist/cjs/get-token.js +1 -1
  24. package/dist/cjs/tokens/default/color/background.js +2 -2
  25. package/dist/cjs/tokens/default/color/border.js +1 -1
  26. package/dist/cjs/tokens/default/color/chart.js +94 -94
  27. package/dist/cjs/tokens/default/color/icon.js +1 -1
  28. package/dist/cjs/tokens/default/color/text.js +1 -1
  29. package/dist/cjs/version.json +1 -1
  30. package/dist/es2019/artifacts/palettes-raw/legacy-palette.js +340 -340
  31. package/dist/es2019/artifacts/palettes-raw/palette.js +607 -607
  32. package/dist/es2019/artifacts/palettes-raw/spacing-scale.js +35 -35
  33. package/dist/es2019/artifacts/palettes-raw/typography-palette.js +43 -43
  34. package/dist/es2019/artifacts/replacement-mapping.js +112 -112
  35. package/dist/es2019/artifacts/token-default-values.js +199 -199
  36. package/dist/es2019/artifacts/token-names.js +199 -199
  37. package/dist/es2019/artifacts/tokens-raw/atlassian-dark.js +3898 -3511
  38. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-dark.js +3900 -3513
  39. package/dist/es2019/artifacts/tokens-raw/atlassian-legacy-light.js +3802 -3415
  40. package/dist/es2019/artifacts/tokens-raw/atlassian-light.js +3846 -3459
  41. package/dist/es2019/artifacts/tokens-raw/atlassian-spacing.js +702 -622
  42. package/dist/es2019/artifacts/tokens-raw/atlassian-typography.js +80 -60
  43. package/dist/es2019/entry-points/figma-sync.js +3 -0
  44. package/dist/es2019/get-token-value.js +1 -1
  45. package/dist/es2019/get-token.js +1 -1
  46. package/dist/es2019/tokens/default/color/background.js +2 -2
  47. package/dist/es2019/tokens/default/color/border.js +1 -1
  48. package/dist/es2019/tokens/default/color/chart.js +94 -94
  49. package/dist/es2019/tokens/default/color/icon.js +1 -1
  50. package/dist/es2019/tokens/default/color/text.js +1 -1
  51. package/dist/es2019/version.json +1 -1
  52. package/dist/esm/artifacts/palettes-raw/legacy-palette.js +340 -340
  53. package/dist/esm/artifacts/palettes-raw/palette.js +607 -607
  54. package/dist/esm/artifacts/palettes-raw/spacing-scale.js +35 -35
  55. package/dist/esm/artifacts/palettes-raw/typography-palette.js +43 -43
  56. package/dist/esm/artifacts/replacement-mapping.js +112 -112
  57. package/dist/esm/artifacts/token-default-values.js +199 -199
  58. package/dist/esm/artifacts/token-names.js +199 -199
  59. package/dist/esm/artifacts/tokens-raw/atlassian-dark.js +3898 -3511
  60. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-dark.js +3900 -3513
  61. package/dist/esm/artifacts/tokens-raw/atlassian-legacy-light.js +3802 -3415
  62. package/dist/esm/artifacts/tokens-raw/atlassian-light.js +3846 -3459
  63. package/dist/esm/artifacts/tokens-raw/atlassian-spacing.js +702 -622
  64. package/dist/esm/artifacts/tokens-raw/atlassian-typography.js +80 -60
  65. package/dist/esm/entry-points/figma-sync.js +3 -0
  66. package/dist/esm/get-token-value.js +1 -1
  67. package/dist/esm/get-token.js +1 -1
  68. package/dist/esm/tokens/default/color/background.js +2 -2
  69. package/dist/esm/tokens/default/color/border.js +1 -1
  70. package/dist/esm/tokens/default/color/chart.js +94 -94
  71. package/dist/esm/tokens/default/color/icon.js +1 -1
  72. package/dist/esm/tokens/default/color/text.js +1 -1
  73. package/dist/esm/version.json +1 -1
  74. package/dist/types/artifacts/palettes-raw/legacy-palette.d.ts +5 -5
  75. package/dist/types/artifacts/palettes-raw/palette.d.ts +5 -5
  76. package/dist/types/artifacts/palettes-raw/spacing-scale.d.ts +1 -1
  77. package/dist/types/artifacts/palettes-raw/typography-palette.d.ts +1 -1
  78. package/dist/types/artifacts/replacement-mapping.d.ts +1 -1
  79. package/dist/types/artifacts/token-default-values.d.ts +199 -199
  80. package/dist/types/artifacts/token-names.d.ts +397 -397
  81. package/dist/types/artifacts/tokens-raw/atlassian-dark.d.ts +42 -37
  82. package/dist/types/artifacts/tokens-raw/atlassian-legacy-dark.d.ts +42 -37
  83. package/dist/types/artifacts/tokens-raw/atlassian-legacy-light.d.ts +38 -33
  84. package/dist/types/artifacts/tokens-raw/atlassian-light.d.ts +38 -33
  85. package/dist/types/artifacts/tokens-raw/atlassian-spacing.d.ts +22 -17
  86. package/dist/types/artifacts/tokens-raw/atlassian-typography.d.ts +2 -1
  87. package/dist/types/artifacts/types-internal.d.ts +2 -2
  88. package/dist/types/artifacts/types.d.ts +2 -2
  89. package/dist/types/entry-points/figma-sync.d.ts +3 -0
  90. package/dist/types/tokens/atlassian-dark/utility/utility.d.ts +1 -1
  91. package/dist/types/tokens/atlassian-legacy-dark/utility/utility.d.ts +1 -1
  92. package/dist/types/tokens/atlassian-legacy-light/utility/utility.d.ts +1 -1
  93. package/dist/types/tokens/atlassian-light/utility/utility.d.ts +1 -1
  94. package/dist/types/tokens/default/utility/utility.d.ts +1 -1
  95. package/figma-sync/package.json +17 -0
  96. package/package.json +4 -3
  97. package/report.api.md +396 -396
  98. package/tmp/api-report-tmp.d.ts +396 -396
  99. package/dist/cjs/figma/synchronize-figma-tokens.js +0 -220
  100. package/dist/cjs/figma/types.js +0 -5
  101. package/dist/es2019/figma/synchronize-figma-tokens.js +0 -212
  102. package/dist/es2019/figma/types.js +0 -1
  103. package/dist/esm/figma/synchronize-figma-tokens.js +0 -216
  104. package/dist/esm/figma/types.js +0 -1
  105. package/dist/types/figma/synchronize-figma-tokens.d.ts +0 -24
  106. package/dist/types/figma/types.d.ts +0 -40
@@ -11,12 +11,11 @@ exports.default = void 0;
11
11
  * Token names mapped to their value in the default Atlassian themes ('light').
12
12
  * These default values are used by the Babel plugin to optionally provide automatic fallbacks.
13
13
  *
14
- * @codegen <<SignedSource::6f9efc2a7ff63fe00b7fd1e66a0fa732>>
14
+ * @codegen <<SignedSource::b5f83d6c535c103d4ac61f4d40d60207>>
15
15
  * @codegenCommand yarn build tokens
16
16
  */
17
17
  var defaultTokenValues = {
18
- 'color.text.accent.blue': '#0055CC',
19
- 'color.text.accent.blue.bolder': '#09326C',
18
+ 'color.text': '#172B4D',
20
19
  'color.text.accent.red': '#AE2A19',
21
20
  'color.text.accent.red.bolder': '#601E16',
22
21
  'color.text.accent.orange': '#974F0C',
@@ -25,139 +24,163 @@ var defaultTokenValues = {
25
24
  'color.text.accent.yellow.bolder': '#533F04',
26
25
  'color.text.accent.green': '#216E4E',
27
26
  'color.text.accent.green.bolder': '#164B35',
28
- 'color.text.accent.purple': '#5E4DB2',
29
- 'color.text.accent.purple.bolder': '#352C63',
30
27
  'color.text.accent.teal': '#206B74',
31
28
  'color.text.accent.teal.bolder': '#1D474C',
29
+ 'color.text.accent.blue': '#0055CC',
30
+ 'color.text.accent.blue.bolder': '#09326C',
31
+ 'color.text.accent.purple': '#5E4DB2',
32
+ 'color.text.accent.purple.bolder': '#352C63',
32
33
  'color.text.accent.magenta': '#943D73',
33
34
  'color.text.accent.magenta.bolder': '#50253F',
34
35
  'color.text.accent.gray': '#44546F',
35
36
  'color.text.accent.gray.bolder': '#091E42',
36
- 'color.text': '#172B4D',
37
- 'color.text.subtle': '#44546F',
38
- 'color.text.subtlest': '#626F86',
39
- 'color.text.inverse': '#FFFFFF',
40
37
  'color.text.disabled': '#091E424F',
41
- 'color.text.brand': '#0C66E4',
38
+ 'color.text.highEmphasis': '#172B4D',
39
+ 'color.text.inverse': '#FFFFFF',
40
+ 'color.text.link.pressed': '#0055CC',
41
+ 'color.text.link.resting': '#0C66E4',
42
+ 'color.text.lowEmphasis': '#626F86',
43
+ 'color.text.mediumEmphasis': '#44546F',
44
+ 'color.text.onBold': '#FFFFFF',
45
+ 'color.text.onBoldWarning': '#172B4D',
42
46
  'color.text.selected': '#0C66E4',
47
+ 'color.text.brand': '#0C66E4',
43
48
  'color.text.danger': '#AE2A19',
44
49
  'color.text.warning': '#974F0C',
45
50
  'color.text.warning.inverse': '#172B4D',
46
51
  'color.text.success': '#216E4E',
47
- 'color.text.information': '#0055CC',
48
52
  'color.text.discovery': '#5E4DB2',
49
- 'color.text.highEmphasis': '#172B4D',
50
- 'color.text.mediumEmphasis': '#44546F',
51
- 'color.text.lowEmphasis': '#626F86',
52
- 'color.text.link.resting': '#0C66E4',
53
- 'color.text.link.pressed': '#0055CC',
54
- 'color.text.onBold': '#FFFFFF',
55
- 'color.text.onBoldWarning': '#172B4D',
56
- 'color.icon.accent.blue': '#1D7AFC',
53
+ 'color.text.information': '#0055CC',
54
+ 'color.text.subtlest': '#626F86',
55
+ 'color.text.subtle': '#44546F',
56
+ 'color.link': '#0C66E4',
57
+ 'color.link.pressed': '#0055CC',
58
+ 'color.icon': '#44546F',
57
59
  'color.icon.accent.red': '#E34935',
58
60
  'color.icon.accent.orange': '#D97008',
59
61
  'color.icon.accent.yellow': '#B38600',
60
62
  'color.icon.accent.green': '#22A06B',
61
- 'color.icon.accent.purple': '#8270DB',
62
63
  'color.icon.accent.teal': '#1D9AAA',
64
+ 'color.icon.accent.blue': '#1D7AFC',
65
+ 'color.icon.accent.purple': '#8270DB',
63
66
  'color.icon.accent.magenta': '#CD519D',
64
67
  'color.icon.accent.gray': '#758195',
65
- 'color.icon': '#44546F',
66
- 'color.icon.subtle': '#626F86',
67
- 'color.icon.inverse': '#FFFFFF',
68
68
  'color.icon.disabled': '#091E424F',
69
- 'color.icon.brand': '#0C66E4',
69
+ 'color.icon.inverse': '#FFFFFF',
70
70
  'color.icon.selected': '#0C66E4',
71
+ 'color.icon.brand': '#0C66E4',
71
72
  'color.icon.danger': '#E34935',
72
73
  'color.icon.warning': '#D97008',
73
74
  'color.icon.warning.inverse': '#172B4D',
74
75
  'color.icon.success': '#22A06B',
75
76
  'color.icon.discovery': '#8270DB',
76
77
  'color.icon.information': '#1D7AFC',
77
- 'color.border.accent.blue': '#1D7AFC',
78
+ 'color.icon.subtle': '#626F86',
79
+ 'color.border': '#091E4224',
78
80
  'color.border.accent.red': '#E34935',
79
81
  'color.border.accent.orange': '#D97008',
80
82
  'color.border.accent.yellow': '#B38600',
81
83
  'color.border.accent.green': '#22A06B',
82
- 'color.border.accent.purple': '#8270DB',
83
84
  'color.border.accent.teal': '#1D9AAA',
85
+ 'color.border.accent.blue': '#1D7AFC',
86
+ 'color.border.accent.purple': '#8270DB',
84
87
  'color.border.accent.magenta': '#CD519D',
85
88
  'color.border.accent.gray': '#758195',
86
- 'color.border': '#091E4224',
87
- 'color.border.bold': '#758195',
88
- 'color.border.inverse': '#FFFFFF',
89
+ 'color.border.disabled': '#091E420F',
90
+ 'color.border.focus': '#388BFF',
89
91
  'color.border.focused': '#388BFF',
90
92
  'color.border.input': '#091E4224',
91
- 'color.border.disabled': '#091E420F',
92
- 'color.border.brand': '#0C66E4',
93
+ 'color.border.inverse': '#FFFFFF',
94
+ 'color.border.neutral': '#091E4224',
93
95
  'color.border.selected': '#0C66E4',
96
+ 'color.border.brand': '#0C66E4',
94
97
  'color.border.danger': '#E34935',
95
98
  'color.border.warning': '#D97008',
96
99
  'color.border.success': '#22A06B',
97
100
  'color.border.discovery': '#8270DB',
98
101
  'color.border.information': '#1D7AFC',
99
- 'color.border.focus': '#388BFF',
100
- 'color.border.neutral': '#091E4224',
101
- 'color.background.accent.blue.subtlest': '#E9F2FF',
102
- 'color.background.accent.blue.subtler': '#CCE0FF',
103
- 'color.background.accent.blue.subtle': '#579DFF',
104
- 'color.background.accent.blue.bolder': '#0C66E4',
105
- 'color.background.accent.blue': '#CCE0FF',
106
- 'color.background.accent.blue.bold': '#579DFF',
102
+ 'color.border.bold': '#758195',
103
+ 'color.background.accent.red': '#FFD2CC',
107
104
  'color.background.accent.red.subtlest': '#FFEDEB',
108
105
  'color.background.accent.red.subtler': '#FFD2CC',
109
106
  'color.background.accent.red.subtle': '#F87462',
110
- 'color.background.accent.red.bolder': '#CA3521',
111
- 'color.background.accent.red': '#FFD2CC',
112
107
  'color.background.accent.red.bold': '#F87462',
108
+ 'color.background.accent.red.bolder': '#CA3521',
109
+ 'color.background.accent.orange': '#FFE2BD',
113
110
  'color.background.accent.orange.subtlest': '#FFF4E5',
114
111
  'color.background.accent.orange.subtler': '#FFE2BD',
115
112
  'color.background.accent.orange.subtle': '#FAA53D',
116
- 'color.background.accent.orange.bolder': '#B65C02',
117
- 'color.background.accent.orange': '#FFE2BD',
118
113
  'color.background.accent.orange.bold': '#FAA53D',
114
+ 'color.background.accent.orange.bolder': '#B65C02',
115
+ 'color.background.accent.yellow': '#F8E6A0',
119
116
  'color.background.accent.yellow.subtlest': '#FFF7D6',
120
117
  'color.background.accent.yellow.subtler': '#F8E6A0',
121
118
  'color.background.accent.yellow.subtle': '#E2B203',
122
- 'color.background.accent.yellow.bolder': '#946F00',
123
- 'color.background.accent.yellow': '#F8E6A0',
124
119
  'color.background.accent.yellow.bold': '#E2B203',
120
+ 'color.background.accent.yellow.bolder': '#946F00',
121
+ 'color.background.accent.green': '#BAF3DB',
125
122
  'color.background.accent.green.subtlest': '#DFFCF0',
126
123
  'color.background.accent.green.subtler': '#BAF3DB',
127
124
  'color.background.accent.green.subtle': '#4BCE97',
128
- 'color.background.accent.green.bolder': '#1F845A',
129
- 'color.background.accent.green': '#BAF3DB',
130
125
  'color.background.accent.green.bold': '#4BCE97',
131
- 'color.background.accent.purple.subtlest': '#F3F0FF',
132
- 'color.background.accent.purple.subtler': '#DFD8FD',
133
- 'color.background.accent.purple.subtle': '#9F8FEF',
134
- 'color.background.accent.purple.bolder': '#6E5DC6',
135
- 'color.background.accent.purple': '#DFD8FD',
136
- 'color.background.accent.purple.bold': '#9F8FEF',
126
+ 'color.background.accent.green.bolder': '#1F845A',
127
+ 'color.background.accent.teal': '#C1F0F5',
137
128
  'color.background.accent.teal.subtlest': '#E3FAFC',
138
129
  'color.background.accent.teal.subtler': '#C1F0F5',
139
130
  'color.background.accent.teal.subtle': '#60C6D2',
140
- 'color.background.accent.teal.bolder': '#1D7F8C',
141
- 'color.background.accent.teal': '#C1F0F5',
142
131
  'color.background.accent.teal.bold': '#60C6D2',
132
+ 'color.background.accent.teal.bolder': '#1D7F8C',
133
+ 'color.background.accent.blue': '#CCE0FF',
134
+ 'color.background.accent.blue.subtlest': '#E9F2FF',
135
+ 'color.background.accent.blue.subtler': '#CCE0FF',
136
+ 'color.background.accent.blue.subtle': '#579DFF',
137
+ 'color.background.accent.blue.bold': '#579DFF',
138
+ 'color.background.accent.blue.bolder': '#0C66E4',
139
+ 'color.background.accent.purple': '#DFD8FD',
140
+ 'color.background.accent.purple.subtlest': '#F3F0FF',
141
+ 'color.background.accent.purple.subtler': '#DFD8FD',
142
+ 'color.background.accent.purple.subtle': '#9F8FEF',
143
+ 'color.background.accent.purple.bold': '#9F8FEF',
144
+ 'color.background.accent.purple.bolder': '#6E5DC6',
145
+ 'color.background.accent.magenta': '#FDD0EC',
143
146
  'color.background.accent.magenta.subtlest': '#FFECF8',
144
147
  'color.background.accent.magenta.subtler': '#FDD0EC',
145
148
  'color.background.accent.magenta.subtle': '#E774BB',
146
- 'color.background.accent.magenta.bolder': '#AE4787',
147
- 'color.background.accent.magenta': '#FDD0EC',
148
149
  'color.background.accent.magenta.bold': '#E774BB',
150
+ 'color.background.accent.magenta.bolder': '#AE4787',
149
151
  'color.background.accent.gray.subtlest': '#F1F2F4',
150
152
  'color.background.accent.gray.subtler': '#DCDFE4',
151
153
  'color.background.accent.gray.subtle': '#8590A2',
152
154
  'color.background.accent.gray.bolder': '#626F86',
155
+ 'color.background.blanket': '#091E427D',
156
+ 'color.background.boldBrand.hover': '#0055CC',
157
+ 'color.background.boldBrand.pressed': '#09326C',
158
+ 'color.background.boldBrand.resting': '#0C66E4',
159
+ 'color.background.boldDanger.hover': '#AE2A19',
160
+ 'color.background.boldDanger.pressed': '#601E16',
161
+ 'color.background.boldDanger.resting': '#CA3521',
162
+ 'color.background.boldDiscovery.hover': '#5E4DB2',
163
+ 'color.background.boldDiscovery.pressed': '#352C63',
164
+ 'color.background.boldDiscovery.resting': '#6E5DC6',
165
+ 'color.background.boldNeutral.hover': '#2C3E5D',
166
+ 'color.background.boldNeutral.pressed': '#172B4D',
167
+ 'color.background.boldNeutral.resting': '#44546F',
168
+ 'color.background.boldSuccess.hover': '#216E4E',
169
+ 'color.background.boldSuccess.pressed': '#164B35',
170
+ 'color.background.boldSuccess.resting': '#1F845A',
171
+ 'color.background.boldWarning.hover': '#CF9F02',
172
+ 'color.background.boldWarning.pressed': '#B38600',
173
+ 'color.background.boldWarning.resting': '#E2B203',
174
+ 'color.background.card': '#FFFFFF',
175
+ 'color.background.default': '#FFFFFF',
153
176
  'color.background.disabled': '#091E4208',
154
- 'color.background.inverse.subtle': '#00000029',
155
- 'color.background.inverse.subtle.hovered': '#0000003D',
156
- 'color.background.inverse.subtle.pressed': '#00000052',
157
- 'color.background.inverse': '#FFFFFF29',
158
177
  'color.background.input': '#FFFFFF',
159
178
  'color.background.input.hovered': '#F7F8F9',
160
179
  'color.background.input.pressed': '#FFFFFF',
180
+ 'color.background.inverse': '#FFFFFF29',
181
+ 'color.background.inverse.subtle': '#00000029',
182
+ 'color.background.inverse.subtle.hovered': '#0000003D',
183
+ 'color.background.inverse.subtle.pressed': '#00000052',
161
184
  'color.background.neutral': '#091E420F',
162
185
  'color.background.neutral.hovered': '#091E4224',
163
186
  'color.background.neutral.pressed': '#091E424F',
@@ -167,20 +190,44 @@ var defaultTokenValues = {
167
190
  'color.background.neutral.bold': '#44546F',
168
191
  'color.background.neutral.bold.hovered': '#2C3E5D',
169
192
  'color.background.neutral.bold.pressed': '#172B4D',
170
- 'color.background.brand.bold': '#0C66E4',
171
- 'color.background.brand.bold.hovered': '#0055CC',
172
- 'color.background.brand.bold.pressed': '#09326C',
173
- 'color.background.brand': '#E9F2FF',
174
- 'color.background.brand.hovered': '#CCE0FF',
175
- 'color.background.brand.pressed': '#85B8FF',
193
+ 'color.background.overlay': '#FFFFFF',
176
194
  'color.background.selected': '#E9F2FF',
177
195
  'color.background.selected.hovered': '#CCE0FF',
178
196
  'color.background.selected.pressed': '#85B8FF',
197
+ 'color.background.selected.hover': '#CCE0FF',
198
+ 'color.background.selected.resting': '#E9F2FF',
179
199
  'color.background.selected.bold': '#0C66E4',
180
200
  'color.background.selected.bold.hovered': '#0055CC',
181
201
  'color.background.selected.bold.pressed': '#09326C',
182
- 'color.background.selected.resting': '#E9F2FF',
183
- 'color.background.selected.hover': '#CCE0FF',
202
+ 'color.background.subtleBorderedNeutral.pressed': '#091E420F',
203
+ 'color.background.subtleBorderedNeutral.resting': '#091E4208',
204
+ 'color.background.subtleBrand.hover': '#CCE0FF',
205
+ 'color.background.subtleBrand.pressed': '#85B8FF',
206
+ 'color.background.subtleBrand.resting': '#E9F2FF',
207
+ 'color.background.subtleDanger.hover': '#FFD2CC',
208
+ 'color.background.subtleDanger.pressed': '#FF9C8F',
209
+ 'color.background.subtleDanger.resting': '#FFEDEB',
210
+ 'color.background.subtleDiscovery.hover': '#DFD8FD',
211
+ 'color.background.subtleDiscovery.pressed': '#B8ACF6',
212
+ 'color.background.subtleDiscovery.resting': '#F3F0FF',
213
+ 'color.background.subtleNeutral.hover': '#091E4224',
214
+ 'color.background.subtleNeutral.pressed': '#091E424F',
215
+ 'color.background.subtleNeutral.resting': '#091E420F',
216
+ 'color.background.subtleSuccess.hover': '#BAF3DB',
217
+ 'color.background.subtleSuccess.pressed': '#7EE2B8',
218
+ 'color.background.subtleSuccess.resting': '#DFFCF0',
219
+ 'color.background.subtleWarning.hover': '#F8E6A0',
220
+ 'color.background.subtleWarning.pressed': '#F5CD47',
221
+ 'color.background.subtleWarning.resting': '#FFF7D6',
222
+ 'color.background.sunken': '#091E4208',
223
+ 'color.background.transparentNeutral.hover': '#091E420F',
224
+ 'color.background.transparentNeutral.pressed': '#091E4224',
225
+ 'color.background.brand': '#E9F2FF',
226
+ 'color.background.brand.hovered': '#CCE0FF',
227
+ 'color.background.brand.pressed': '#85B8FF',
228
+ 'color.background.brand.bold': '#0C66E4',
229
+ 'color.background.brand.bold.hovered': '#0055CC',
230
+ 'color.background.brand.bold.pressed': '#09326C',
184
231
  'color.background.danger': '#FFEDEB',
185
232
  'color.background.danger.hovered': '#FFD2CC',
186
233
  'color.background.danger.pressed': '#FF9C8F',
@@ -211,78 +258,15 @@ var defaultTokenValues = {
211
258
  'color.background.information.bold': '#0C66E4',
212
259
  'color.background.information.bold.hovered': '#0055CC',
213
260
  'color.background.information.bold.pressed': '#09326C',
214
- 'color.background.blanket': '#091E427D',
215
- 'color.background.boldBrand.resting': '#0C66E4',
216
- 'color.background.boldBrand.hover': '#0055CC',
217
- 'color.background.boldBrand.pressed': '#09326C',
218
- 'color.background.boldDanger.resting': '#CA3521',
219
- 'color.background.boldDanger.hover': '#AE2A19',
220
- 'color.background.boldDanger.pressed': '#601E16',
221
- 'color.background.boldDiscovery.resting': '#6E5DC6',
222
- 'color.background.boldDiscovery.hover': '#5E4DB2',
223
- 'color.background.boldDiscovery.pressed': '#352C63',
224
- 'color.background.boldNeutral.resting': '#44546F',
225
- 'color.background.boldNeutral.hover': '#2C3E5D',
226
- 'color.background.boldNeutral.pressed': '#172B4D',
227
- 'color.background.boldSuccess.resting': '#1F845A',
228
- 'color.background.boldSuccess.hover': '#216E4E',
229
- 'color.background.boldSuccess.pressed': '#164B35',
230
- 'color.background.boldWarning.resting': '#E2B203',
231
- 'color.background.boldWarning.hover': '#CF9F02',
232
- 'color.background.boldWarning.pressed': '#B38600',
233
- 'color.background.default': '#FFFFFF',
234
- 'color.background.card': '#FFFFFF',
235
- 'color.background.overlay': '#FFFFFF',
236
- 'color.background.subtleBorderedNeutral.resting': '#091E4208',
237
- 'color.background.subtleBorderedNeutral.pressed': '#091E420F',
238
- 'color.background.subtleBrand.resting': '#E9F2FF',
239
- 'color.background.subtleBrand.hover': '#CCE0FF',
240
- 'color.background.subtleBrand.pressed': '#85B8FF',
241
- 'color.background.subtleDanger.resting': '#FFEDEB',
242
- 'color.background.subtleDanger.hover': '#FFD2CC',
243
- 'color.background.subtleDanger.pressed': '#FF9C8F',
244
- 'color.background.subtleDiscovery.resting': '#F3F0FF',
245
- 'color.background.subtleDiscovery.hover': '#DFD8FD',
246
- 'color.background.subtleDiscovery.pressed': '#B8ACF6',
247
- 'color.background.subtleNeutral.resting': '#091E420F',
248
- 'color.background.subtleNeutral.hover': '#091E4224',
249
- 'color.background.subtleNeutral.pressed': '#091E424F',
250
- 'color.background.subtleSuccess.resting': '#DFFCF0',
251
- 'color.background.subtleSuccess.hover': '#BAF3DB',
252
- 'color.background.subtleSuccess.pressed': '#7EE2B8',
253
- 'color.background.subtleWarning.resting': '#FFF7D6',
254
- 'color.background.subtleWarning.hover': '#F8E6A0',
255
- 'color.background.subtleWarning.pressed': '#F5CD47',
256
- 'color.background.sunken': '#091E4208',
257
- 'color.background.transparentNeutral.hover': '#091E420F',
258
- 'color.background.transparentNeutral.pressed': '#091E4224',
259
261
  'color.blanket': '#091E427D',
260
262
  'color.blanket.selected': '#388BFF14',
261
263
  'color.blanket.danger': '#EF5C4814',
262
- 'color.chart.brand': '#1D7AFC',
263
- 'color.chart.brand.hovered': '#0C66E4',
264
- 'color.chart.neutral': '#8590A2',
265
- 'color.chart.neutral.hovered': '#758195',
266
- 'color.chart.success': '#22A06B',
267
- 'color.chart.success.hovered': '#1F845A',
268
- 'color.chart.success.bold': '#216E4E',
269
- 'color.chart.success.bold.hovered': '#164B35',
270
- 'color.chart.danger': '#EF5C48',
271
- 'color.chart.danger.hovered': '#E34935',
272
- 'color.chart.danger.bold': '#AE2A19',
273
- 'color.chart.danger.bold.hovered': '#601E16',
274
- 'color.chart.warning': '#B38600',
275
- 'color.chart.warning.hovered': '#946F00',
276
- 'color.chart.warning.bold': '#7F5F01',
277
- 'color.chart.warning.bold.hovered': '#533F04',
278
- 'color.chart.information': '#388BFF',
279
- 'color.chart.information.hovered': '#1D7AFC',
280
- 'color.chart.information.bold': '#0055CC',
281
- 'color.chart.information.bold.hovered': '#09326C',
282
- 'color.chart.discovery': '#8F7EE7',
283
- 'color.chart.discovery.hovered': '#8270DB',
284
- 'color.chart.discovery.bold': '#5E4DB2',
285
- 'color.chart.discovery.bold.hovered': '#352C63',
264
+ 'color.interaction.hovered': '#00000029',
265
+ 'color.interaction.inverse.hovered': '#00000029',
266
+ 'color.interaction.inverse.pressed': '#00000052',
267
+ 'color.interaction.pressed': '#00000052',
268
+ 'color.skeleton': '#091E420F',
269
+ 'color.skeleton.subtle': '#091E4208',
286
270
  'color.chart.categorical.1': '#1D9AAA',
287
271
  'color.chart.categorical.1.hovered': '#1D7F8C',
288
272
  'color.chart.categorical.2': '#5E4DB2',
@@ -299,12 +283,8 @@ var defaultTokenValues = {
299
283
  'color.chart.categorical.7.hovered': '#341829',
300
284
  'color.chart.categorical.8': '#974F0C',
301
285
  'color.chart.categorical.8.hovered': '#5F3811',
302
- 'color.chart.blue.bold': '#388BFF',
303
- 'color.chart.blue.bold.hovered': '#1D7AFC',
304
- 'color.chart.blue.bolder': '#1D7AFC',
305
- 'color.chart.blue.bolder.hovered': '#0C66E4',
306
- 'color.chart.blue.boldest': '#0055CC',
307
- 'color.chart.blue.boldest.hovered': '#09326C',
286
+ 'color.chart.neutral': '#8590A2',
287
+ 'color.chart.neutral.hovered': '#758195',
308
288
  'color.chart.red.bold': '#EF5C48',
309
289
  'color.chart.red.bold.hovered': '#E34935',
310
290
  'color.chart.red.bolder': '#E34935',
@@ -335,6 +315,12 @@ var defaultTokenValues = {
335
315
  'color.chart.teal.bolder.hovered': '#206B74',
336
316
  'color.chart.teal.boldest': '#206B74',
337
317
  'color.chart.teal.boldest.hovered': '#1D474C',
318
+ 'color.chart.blue.bold': '#388BFF',
319
+ 'color.chart.blue.bold.hovered': '#1D7AFC',
320
+ 'color.chart.blue.bolder': '#1D7AFC',
321
+ 'color.chart.blue.bolder.hovered': '#0C66E4',
322
+ 'color.chart.blue.boldest': '#0055CC',
323
+ 'color.chart.blue.boldest.hovered': '#09326C',
338
324
  'color.chart.purple.bold': '#8F7EE7',
339
325
  'color.chart.purple.bold.hovered': '#8270DB',
340
326
  'color.chart.purple.bolder': '#8270DB',
@@ -353,14 +339,28 @@ var defaultTokenValues = {
353
339
  'color.chart.gray.bolder.hovered': '#626F86',
354
340
  'color.chart.gray.boldest': '#44546F',
355
341
  'color.chart.gray.boldest.hovered': '#2C3E5D',
356
- 'color.interaction.hovered': '#00000029',
357
- 'color.interaction.pressed': '#00000052',
358
- 'color.interaction.inverse.hovered': '#00000029',
359
- 'color.interaction.inverse.pressed': '#00000052',
360
- 'color.skeleton': '#091E420F',
361
- 'color.skeleton.subtle': '#091E4208',
362
- 'color.link': '#0C66E4',
363
- 'color.link.pressed': '#0055CC',
342
+ 'color.chart.brand': '#1D7AFC',
343
+ 'color.chart.brand.hovered': '#0C66E4',
344
+ 'color.chart.danger': '#EF5C48',
345
+ 'color.chart.danger.hovered': '#E34935',
346
+ 'color.chart.danger.bold': '#AE2A19',
347
+ 'color.chart.danger.bold.hovered': '#601E16',
348
+ 'color.chart.warning': '#B38600',
349
+ 'color.chart.warning.hovered': '#946F00',
350
+ 'color.chart.warning.bold': '#7F5F01',
351
+ 'color.chart.warning.bold.hovered': '#533F04',
352
+ 'color.chart.success': '#22A06B',
353
+ 'color.chart.success.hovered': '#1F845A',
354
+ 'color.chart.success.bold': '#216E4E',
355
+ 'color.chart.success.bold.hovered': '#164B35',
356
+ 'color.chart.discovery': '#8F7EE7',
357
+ 'color.chart.discovery.hovered': '#8270DB',
358
+ 'color.chart.discovery.bold': '#5E4DB2',
359
+ 'color.chart.discovery.bold.hovered': '#352C63',
360
+ 'color.chart.information': '#388BFF',
361
+ 'color.chart.information.hovered': '#1D7AFC',
362
+ 'color.chart.information.bold': '#0055CC',
363
+ 'color.chart.information.bold.hovered': '#09326C',
364
364
  'color.accent.boldBlue': '#579DFF',
365
365
  'color.accent.boldGreen': '#4BCE97',
366
366
  'color.accent.boldOrange': '#FAA53D',
@@ -381,42 +381,31 @@ var defaultTokenValues = {
381
381
  'color.iconBorder.discovery': '#8270DB',
382
382
  'color.overlay.hover': '#091E424F',
383
383
  'color.overlay.pressed': '#091E427D',
384
- 'shadow.card': '[object Object],[object Object]',
385
- 'shadow.overlay': '[object Object],[object Object]',
386
- 'elevation.shadow.raised': '[object Object],[object Object]',
387
- 'elevation.shadow.overflow': '[object Object],[object Object]',
388
- 'elevation.shadow.overflow.spread': '#091e4229',
389
- 'elevation.shadow.overflow.perimeter': '#091e421f',
390
- 'elevation.shadow.overlay': '[object Object],[object Object]',
391
384
  'elevation.surface': '#FFFFFF',
392
385
  'elevation.surface.hovered': '#F1F2F4',
393
386
  'elevation.surface.pressed': '#DCDFE4',
394
- 'elevation.surface.sunken': '#F7F8F9',
395
- 'elevation.surface.raised': '#FFFFFF',
396
- 'elevation.surface.raised.hovered': '#F1F2F4',
397
- 'elevation.surface.raised.pressed': '#DCDFE4',
398
387
  'elevation.surface.overlay': '#FFFFFF',
399
388
  'elevation.surface.overlay.hovered': '#F1F2F4',
400
389
  'elevation.surface.overlay.pressed': '#DCDFE4',
390
+ 'elevation.surface.raised': '#FFFFFF',
391
+ 'elevation.surface.raised.hovered': '#F1F2F4',
392
+ 'elevation.surface.raised.pressed': '#DCDFE4',
393
+ 'elevation.surface.sunken': '#F7F8F9',
394
+ 'elevation.shadow.overflow': '[object Object],[object Object]',
395
+ 'elevation.shadow.overflow.perimeter': '#091e421f',
396
+ 'elevation.shadow.overflow.spread': '#091e4229',
397
+ 'elevation.shadow.overlay': '[object Object],[object Object]',
398
+ 'elevation.shadow.raised': '[object Object],[object Object]',
401
399
  'opacity.disabled': '0.4',
402
400
  'opacity.loading': '0.2',
403
- 'utility.UNSAFE_util.transparent': 'transparent',
401
+ 'shadow.card': '[object Object],[object Object]',
402
+ 'shadow.overlay': '[object Object],[object Object]',
404
403
  'utility.UNSAFE_util.MISSING_TOKEN': '#FA11F2',
405
- 'space.0': '0',
406
- 'space.100': '0.5rem',
407
- 'space.150': '0.75rem',
408
- 'space.200': '1rem',
409
- 'space.250': '1.25rem',
410
- 'space.300': '1.5rem',
411
- 'space.400': '2rem',
412
- 'space.500': '2.5rem',
413
- 'space.600': '3rem',
414
- 'space.800': '4rem',
415
- 'space.1000': '5rem',
416
- 'space.025': '0.125rem',
417
- 'space.050': '0.25rem',
418
- 'space.075': '0.375rem',
404
+ 'utility.UNSAFE_util.transparent': 'transparent',
419
405
  'spacing.scale.0': '0',
406
+ 'spacing.scale.025': '0.125rem',
407
+ 'spacing.scale.050': '0.25rem',
408
+ 'spacing.scale.075': '0.375rem',
420
409
  'spacing.scale.100': '0.5rem',
421
410
  'spacing.scale.150': '0.75rem',
422
411
  'spacing.scale.200': '1rem',
@@ -427,9 +416,6 @@ var defaultTokenValues = {
427
416
  'spacing.scale.600': '3rem',
428
417
  'spacing.scale.800': '4rem',
429
418
  'spacing.scale.1000': '5rem',
430
- 'spacing.scale.025': '0.125rem',
431
- 'spacing.scale.050': '0.25rem',
432
- 'spacing.scale.075': '0.375rem',
433
419
  'spacing.scaleLinear.0': '0',
434
420
  'spacing.scaleLinear.100': '0.125rem',
435
421
  'spacing.scaleLinear.200': '0.25rem',
@@ -454,14 +440,20 @@ var defaultTokenValues = {
454
440
  'spacing.size.xxlarge': '2rem',
455
441
  'spacing.size.xxxlarge': '2.5rem',
456
442
  'spacing.size.xxxxlarge': '3rem',
457
- 'spacing.ecl.element.2': '0.125rem',
458
- 'spacing.ecl.element.4': '0.25rem',
459
- 'spacing.ecl.element.6': '0.375rem',
460
- 'spacing.ecl.element.8': '0.5rem',
443
+ 'spacing.gap.100': '0.5rem',
444
+ 'spacing.gap.200': '1rem',
445
+ 'spacing.gap.300': '1.5rem',
446
+ 'spacing.inset.100': '0.5rem',
447
+ 'spacing.inset.200': '1rem',
448
+ 'spacing.inset.300': '1.5rem',
461
449
  'spacing.ecl.container.12': '0.75rem',
462
450
  'spacing.ecl.container.16': '1rem',
463
451
  'spacing.ecl.container.20': '1.25rem',
464
452
  'spacing.ecl.container.24': '1.5rem',
453
+ 'spacing.ecl.element.2': '0.125rem',
454
+ 'spacing.ecl.element.4': '0.25rem',
455
+ 'spacing.ecl.element.6': '0.375rem',
456
+ 'spacing.ecl.element.8': '0.5rem',
465
457
  'spacing.ecl.layout.32': '2rem',
466
458
  'spacing.ecl.layout.40': '2.5rem',
467
459
  'spacing.ecl.layout.64': '3rem',
@@ -469,33 +461,41 @@ var defaultTokenValues = {
469
461
  'spacing.ccc.component.4': '0.25rem',
470
462
  'spacing.ccc.component.6': '0.375rem',
471
463
  'spacing.ccc.component.8': '0.5rem',
464
+ 'spacing.ccc.container.32': '2rem',
465
+ 'spacing.ccc.container.40': '2.5rem',
466
+ 'spacing.ccc.container.48': '3rem',
472
467
  'spacing.ccc.content.12': '0.75rem',
473
468
  'spacing.ccc.content.16': '1rem',
474
469
  'spacing.ccc.content.20': '1.25rem',
475
470
  'spacing.ccc.content.24': '1.5rem',
476
- 'spacing.ccc.container.32': '2rem',
477
- 'spacing.ccc.container.40': '2.5rem',
478
- 'spacing.ccc.container.48': '3rem',
479
- 'spacing.gap.100': '0.5rem',
480
- 'spacing.gap.200': '1rem',
481
- 'spacing.gap.300': '1.5rem',
482
- 'spacing.inset.100': '0.5rem',
483
- 'spacing.inset.200': '1rem',
484
- 'spacing.inset.300': '1.5rem',
485
- 'font.family.sans': '-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',
471
+ 'space.0': '0',
472
+ 'space.025': '0.125rem',
473
+ 'space.050': '0.25rem',
474
+ 'space.075': '0.375rem',
475
+ 'space.100': '0.5rem',
476
+ 'space.150': '0.75rem',
477
+ 'space.200': '1rem',
478
+ 'space.250': '1.25rem',
479
+ 'space.300': '1.5rem',
480
+ 'space.400': '2rem',
481
+ 'space.500': '2.5rem',
482
+ 'space.600': '3rem',
483
+ 'space.800': '4rem',
484
+ 'space.1000': '5rem',
486
485
  'font.family.monospace': '"SFMono-Medium", "SF Mono", "Segoe UI Mono", "Roboto Mono", "Ubuntu Mono", Menlo, Consolas, Courier, monospace',
486
+ 'font.family.sans': '-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif',
487
+ 'font.size.050': '11px',
488
+ 'font.size.075': '12px',
487
489
  'font.size.100': '14px',
488
490
  'font.size.200': '16px',
489
491
  'font.size.300': '20px',
490
492
  'font.size.400': '24px',
491
493
  'font.size.500': '29px',
492
494
  'font.size.600': '35px',
493
- 'font.size.050': '11px',
494
- 'font.size.075': '12px',
495
- 'font.weight.regular': '400',
495
+ 'font.weight.bold': '700',
496
496
  'font.weight.medium': '500',
497
+ 'font.weight.regular': '400',
497
498
  'font.weight.semibold': '600',
498
- 'font.weight.bold': '700',
499
499
  'font.lineHeight.100': '16px',
500
500
  'font.lineHeight.200': '20px',
501
501
  'font.lineHeight.300': '24px',