@atlaskit/tokens 0.13.3 → 0.13.5

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