@common-origin/design-system 2.23.0 → 3.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/dist/client.js +2219 -1026
- package/dist/client.js.map +1 -1
- package/dist/components/atoms/Badge/Badge.d.mts +5 -12
- package/dist/components/atoms/Badge/Badge.d.ts +5 -12
- package/dist/components/atoms/Badge/Badge.mjs +0 -7
- package/dist/components/atoms/Badge/index.d.mts +1 -1
- package/dist/components/atoms/Badge/index.d.ts +1 -1
- package/dist/components/atoms/Box/Box.d.mts +22 -34
- package/dist/components/atoms/Box/Box.d.ts +22 -34
- package/dist/components/atoms/Box/Box.mjs +8 -11
- package/dist/components/atoms/Button/Button.d.mts +1 -4
- package/dist/components/atoms/Button/Button.d.ts +1 -4
- package/dist/components/atoms/Button/Button.mjs +3 -10
- package/dist/components/atoms/CategoryLabel/CategoryLabel.d.mts +4 -12
- package/dist/components/atoms/CategoryLabel/CategoryLabel.d.ts +4 -12
- package/dist/components/atoms/CategoryLabel/CategoryLabel.mjs +5 -16
- package/dist/components/atoms/Chip/Chip.d.mts +8 -20
- package/dist/components/atoms/Chip/Chip.d.ts +8 -20
- package/dist/components/atoms/Chip/Chip.mjs +20 -46
- package/dist/components/atoms/Chip/Chip.mjs.map +1 -1
- package/dist/components/atoms/Chip/FilterChip.d.mts +22 -10
- package/dist/components/atoms/Chip/FilterChip.d.ts +22 -10
- package/dist/components/atoms/Chip/FilterChip.mjs +66 -6
- package/dist/components/atoms/Chip/FilterChip.mjs.map +1 -1
- package/dist/components/atoms/Chip/InputChip.mjs +4 -6
- package/dist/components/atoms/Chip/InputChip.mjs.map +1 -1
- package/dist/components/atoms/Chip/index.d.mts +0 -1
- package/dist/components/atoms/Chip/index.d.ts +0 -1
- package/dist/components/atoms/Chip/shared/types.d.mts +9 -19
- package/dist/components/atoms/Chip/shared/types.d.ts +9 -19
- package/dist/components/atoms/Chip/shared/utils.d.mts +3 -3
- package/dist/components/atoms/Chip/shared/utils.d.ts +3 -3
- package/dist/components/atoms/Chip/shared/utils.mjs +4 -8
- package/dist/components/atoms/Chip/shared/utils.mjs.map +1 -1
- package/dist/components/atoms/DateFormatter/DateFormatter.d.mts +2 -5
- package/dist/components/atoms/DateFormatter/DateFormatter.d.ts +2 -5
- package/dist/components/atoms/DateFormatter/DateFormatter.mjs +0 -1
- package/dist/components/atoms/StatusLabel/StatusLabel.mjs +1 -4
- package/dist/components/atoms/StatusLabel/StatusLabel.mjs.map +1 -1
- package/dist/components/atoms/StatusLabel/StatusLabelBase.d.mts +5 -7
- package/dist/components/atoms/StatusLabel/StatusLabelBase.d.ts +5 -7
- package/dist/components/atoms/StatusLabel/StatusLabelBase.mjs +10 -12
- package/dist/components/atoms/Tag/Tag.d.mts +2 -4
- package/dist/components/atoms/Tag/Tag.d.ts +2 -4
- package/dist/components/atoms/Tag/Tag.mjs +0 -24
- package/dist/components/atoms/Tooltip/Tooltip.d.mts +41 -0
- package/dist/components/atoms/Tooltip/Tooltip.d.ts +41 -0
- package/dist/components/atoms/Tooltip/Tooltip.mjs +204 -0
- package/dist/components/atoms/Tooltip/Tooltip.mjs.map +1 -0
- package/dist/components/atoms/Tooltip/index.d.mts +2 -0
- package/dist/components/atoms/Tooltip/index.d.ts +2 -0
- package/dist/components/atoms/index.d.mts +1 -2
- package/dist/components/atoms/index.d.ts +1 -2
- package/dist/components/index.d.mts +1 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/components/layout/GridSystem/GridSystem.d.mts +23 -18
- package/dist/components/layout/GridSystem/GridSystem.d.ts +23 -18
- package/dist/components/layout/GridSystem/GridSystem.mjs +7 -5
- package/dist/components/molecules/ActionSheet/ActionSheet.mjs +1 -0
- package/dist/components/molecules/AgentInput/AgentInput.d.mts +5 -0
- package/dist/components/molecules/AgentInput/AgentInput.d.ts +5 -0
- package/dist/components/molecules/AgentInput/AgentInput.mjs +1 -1
- package/dist/components/molecules/Alert/Alert.d.mts +1 -9
- package/dist/components/molecules/Alert/Alert.d.ts +1 -9
- package/dist/components/molecules/Alert/Alert.mjs +14 -27
- package/dist/components/molecules/ChipGroup/ChipGroup.d.mts +0 -1
- package/dist/components/molecules/ChipGroup/ChipGroup.d.ts +0 -1
- package/dist/components/molecules/ChipGroup/ChipGroup.mjs +2 -6
- package/dist/components/molecules/DateGroup/DateGroup.d.mts +1 -2
- package/dist/components/molecules/DateGroup/DateGroup.d.ts +1 -2
- package/dist/components/molecules/List/List.d.mts +2 -0
- package/dist/components/molecules/List/List.d.ts +2 -0
- package/dist/components/molecules/List/ListItem.d.mts +2 -0
- package/dist/components/molecules/List/ListItem.d.ts +2 -0
- package/dist/components/molecules/List/ListItem.mjs +5 -5
- package/dist/components/molecules/Menu/Menu.d.mts +117 -0
- package/dist/components/molecules/Menu/Menu.d.ts +117 -0
- package/dist/components/molecules/Menu/Menu.mjs +473 -0
- package/dist/components/molecules/Menu/Menu.mjs.map +1 -0
- package/dist/components/molecules/Menu/index.d.mts +2 -0
- package/dist/components/molecules/Menu/index.d.ts +2 -0
- package/dist/components/molecules/Modal/Modal.d.mts +0 -1
- package/dist/components/molecules/Modal/Modal.d.ts +0 -1
- package/dist/components/molecules/SearchField/SearchField.mjs +2 -0
- package/dist/components/molecules/SidebarNavItem/SidebarNavContext.d.mts +13 -0
- package/dist/components/molecules/SidebarNavItem/SidebarNavContext.d.ts +13 -0
- package/dist/components/molecules/SidebarNavItem/SidebarNavContext.mjs +13 -0
- package/dist/components/molecules/SidebarNavItem/SidebarNavContext.mjs.map +1 -0
- package/dist/components/molecules/SidebarNavItem/SidebarNavItem.d.mts +43 -0
- package/dist/components/molecules/SidebarNavItem/SidebarNavItem.d.ts +43 -0
- package/dist/components/molecules/SidebarNavItem/SidebarNavItem.mjs +148 -0
- package/dist/components/molecules/SidebarNavItem/SidebarNavItem.mjs.map +1 -0
- package/dist/components/molecules/SidebarNavItem/index.d.mts +2 -0
- package/dist/components/molecules/SidebarNavItem/index.d.ts +2 -0
- package/dist/components/molecules/SidebarNavSection/SidebarNavSection.d.mts +36 -0
- package/dist/components/molecules/SidebarNavSection/SidebarNavSection.d.ts +36 -0
- package/dist/components/molecules/SidebarNavSection/SidebarNavSection.mjs +188 -0
- package/dist/components/molecules/SidebarNavSection/SidebarNavSection.mjs.map +1 -0
- package/dist/components/molecules/SidebarNavSection/index.d.mts +2 -0
- package/dist/components/molecules/SidebarNavSection/index.d.ts +2 -0
- package/dist/components/molecules/TabBar/TabBar.d.mts +0 -13
- package/dist/components/molecules/TabBar/TabBar.d.ts +0 -13
- package/dist/components/molecules/TabBar/TabBar.mjs +2 -4
- package/dist/components/molecules/TabBar/index.d.mts +1 -1
- package/dist/components/molecules/TabBar/index.d.ts +1 -1
- package/dist/components/molecules/TransactionListItem/TransactionListItem.mjs +1 -1
- package/dist/components/molecules/WorkspaceSwitcher/WorkspaceSwitcher.d.mts +39 -0
- package/dist/components/molecules/WorkspaceSwitcher/WorkspaceSwitcher.d.ts +39 -0
- package/dist/components/molecules/WorkspaceSwitcher/WorkspaceSwitcher.mjs +131 -0
- package/dist/components/molecules/WorkspaceSwitcher/WorkspaceSwitcher.mjs.map +1 -0
- package/dist/components/molecules/WorkspaceSwitcher/index.d.mts +2 -0
- package/dist/components/molecules/WorkspaceSwitcher/index.d.ts +2 -0
- package/dist/components/molecules/index.d.mts +4 -1
- package/dist/components/molecules/index.d.ts +4 -1
- package/dist/components/organisms/SidebarNav/SidebarNav.d.mts +52 -0
- package/dist/components/organisms/SidebarNav/SidebarNav.d.ts +52 -0
- package/dist/components/organisms/SidebarNav/SidebarNav.mjs +235 -0
- package/dist/components/organisms/SidebarNav/SidebarNav.mjs.map +1 -0
- package/dist/components/organisms/SidebarNav/index.d.mts +2 -0
- package/dist/components/organisms/SidebarNav/index.d.ts +2 -0
- package/dist/components/organisms/index.d.mts +1 -0
- package/dist/components/organisms/index.d.ts +1 -0
- package/dist/data.js +72 -565
- package/dist/data.js.map +1 -1
- package/dist/index.js +11 -5
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +7 -5
- package/dist/index.mjs.map +1 -1
- package/dist/lib/floatingPosition.d.mts +43 -0
- package/dist/lib/floatingPosition.d.ts +43 -0
- package/dist/lib/floatingPosition.mjs +86 -0
- package/dist/lib/floatingPosition.mjs.map +1 -0
- package/dist/lib/keyboardFocus.d.mts +6 -0
- package/dist/lib/keyboardFocus.d.ts +6 -0
- package/dist/lib/keyboardFocus.mjs +17 -0
- package/dist/lib/keyboardFocus.mjs.map +1 -0
- package/dist/lib/tokenAliases.d.mts +11 -11
- package/dist/lib/tokenAliases.d.ts +11 -11
- package/dist/lib/tokenAliases.mjs +13 -88
- package/dist/lib/tokenAliases.mjs.map +1 -1
- package/dist/lib/useFloatingLayer.d.mts +25 -0
- package/dist/lib/useFloatingLayer.d.ts +25 -0
- package/dist/lib/useFloatingLayer.mjs +86 -0
- package/dist/lib/useFloatingLayer.mjs.map +1 -0
- package/dist/styles/icons.json +30 -1
- package/dist/styles/icons.json.mjs +34 -3
- package/dist/styles/icons.json.mjs.map +1 -1
- package/dist/styles/tokens.d.mts +179 -2485
- package/dist/styles/tokens.d.ts +179 -2485
- package/dist/styles/tokens.json +39 -563
- package/dist/styles/tokens.json.mjs +39 -563
- package/dist/styles/tokens.json.mjs.map +1 -1
- package/dist/tokens/index.js +39 -563
- package/dist/tokens/index.js.map +1 -1
- package/dist/tokens/index.mjs +39 -563
- package/dist/tokens/index.mjs.map +1 -1
- package/dist/tokens/styles/tokens.d.mts +179 -2485
- package/dist/tokens/styles/tokens.d.ts +179 -2485
- package/dist/tokens.css +41 -493
- package/dist/types/icons.d.mts +1 -1
- package/dist/types/icons.d.ts +1 -1
- package/dist/types/icons.mjs.map +1 -1
- package/package.json +2 -2
- package/dist/components/atoms/CategoryBadge/CategoryBadge.d.mts +0 -29
- package/dist/components/atoms/CategoryBadge/CategoryBadge.d.ts +0 -29
- package/dist/components/atoms/CategoryBadge/CategoryBadge.mjs +0 -29
- package/dist/components/atoms/CategoryBadge/CategoryBadge.mjs.map +0 -1
- package/dist/components/atoms/CategoryBadge/index.d.mts +0 -2
- package/dist/components/atoms/CategoryBadge/index.d.ts +0 -2
- package/dist/components/atoms/Chip/BooleanChip.d.mts +0 -28
- package/dist/components/atoms/Chip/BooleanChip.d.ts +0 -28
- package/dist/components/atoms/Chip/BooleanChip.mjs +0 -76
- package/dist/components/atoms/Chip/BooleanChip.mjs.map +0 -1
- package/dist/components/atoms/StatusBadge/StatusBadge.d.mts +0 -24
- package/dist/components/atoms/StatusBadge/StatusBadge.d.ts +0 -24
- package/dist/components/atoms/StatusBadge/StatusBadge.mjs +0 -18
- package/dist/components/atoms/StatusBadge/StatusBadge.mjs.map +0 -1
- package/dist/components/atoms/StatusBadge/index.d.mts +0 -2
- package/dist/components/atoms/StatusBadge/index.d.ts +0 -2
- package/dist/components/molecules/PageTitle/PageTitle.d.mts +0 -21
- package/dist/components/molecules/PageTitle/PageTitle.d.ts +0 -21
- package/dist/components/molecules/PageTitle/PageTitle.mjs +0 -77
- package/dist/components/molecules/PageTitle/PageTitle.mjs.map +0 -1
- package/dist/components/molecules/PageTitle/index.d.mts +0 -1
- package/dist/components/molecules/PageTitle/index.d.ts +0 -1
package/dist/styles/tokens.d.ts
CHANGED
|
@@ -115,142 +115,6 @@ export type Tokens = {
|
|
|
115
115
|
};
|
|
116
116
|
/** Size keywords (auto, full, screen, min, max, fit). The numbered steps are deprecated aliases of base.dimension. */
|
|
117
117
|
size: {
|
|
118
|
-
/**
|
|
119
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.0`.
|
|
120
|
-
*/
|
|
121
|
-
'0': string;
|
|
122
|
-
/**
|
|
123
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.1`.
|
|
124
|
-
*/
|
|
125
|
-
'1': string;
|
|
126
|
-
/**
|
|
127
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.2`.
|
|
128
|
-
*/
|
|
129
|
-
'2': string;
|
|
130
|
-
/**
|
|
131
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.3`.
|
|
132
|
-
*/
|
|
133
|
-
'3': string;
|
|
134
|
-
/**
|
|
135
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.4`.
|
|
136
|
-
*/
|
|
137
|
-
'4': string;
|
|
138
|
-
/**
|
|
139
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.5`.
|
|
140
|
-
*/
|
|
141
|
-
'5': string;
|
|
142
|
-
/**
|
|
143
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.6`.
|
|
144
|
-
*/
|
|
145
|
-
'6': string;
|
|
146
|
-
/**
|
|
147
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.7`.
|
|
148
|
-
*/
|
|
149
|
-
'7': string;
|
|
150
|
-
/**
|
|
151
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.8`.
|
|
152
|
-
*/
|
|
153
|
-
'8': string;
|
|
154
|
-
/**
|
|
155
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.9`.
|
|
156
|
-
*/
|
|
157
|
-
'9': string;
|
|
158
|
-
/**
|
|
159
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.10`.
|
|
160
|
-
*/
|
|
161
|
-
'10': string;
|
|
162
|
-
/**
|
|
163
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.11`.
|
|
164
|
-
*/
|
|
165
|
-
'11': string;
|
|
166
|
-
/**
|
|
167
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.12`.
|
|
168
|
-
*/
|
|
169
|
-
'12': string;
|
|
170
|
-
/**
|
|
171
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.14`.
|
|
172
|
-
*/
|
|
173
|
-
'14': string;
|
|
174
|
-
/**
|
|
175
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.15`.
|
|
176
|
-
*/
|
|
177
|
-
'15': string;
|
|
178
|
-
/**
|
|
179
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.16`.
|
|
180
|
-
*/
|
|
181
|
-
'16': string;
|
|
182
|
-
/**
|
|
183
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.18`.
|
|
184
|
-
*/
|
|
185
|
-
'18': string;
|
|
186
|
-
/**
|
|
187
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.20`.
|
|
188
|
-
*/
|
|
189
|
-
'20': string;
|
|
190
|
-
/**
|
|
191
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.24`.
|
|
192
|
-
*/
|
|
193
|
-
'24': string;
|
|
194
|
-
/**
|
|
195
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.28`.
|
|
196
|
-
*/
|
|
197
|
-
'28': string;
|
|
198
|
-
/**
|
|
199
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.30`.
|
|
200
|
-
*/
|
|
201
|
-
'30': string;
|
|
202
|
-
/**
|
|
203
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.32`.
|
|
204
|
-
*/
|
|
205
|
-
'32': string;
|
|
206
|
-
/**
|
|
207
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.40`.
|
|
208
|
-
*/
|
|
209
|
-
'40': string;
|
|
210
|
-
/**
|
|
211
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.45`.
|
|
212
|
-
*/
|
|
213
|
-
'45': string;
|
|
214
|
-
/**
|
|
215
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.48`.
|
|
216
|
-
*/
|
|
217
|
-
'48': string;
|
|
218
|
-
/**
|
|
219
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.50`.
|
|
220
|
-
*/
|
|
221
|
-
'50': string;
|
|
222
|
-
/**
|
|
223
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.56`.
|
|
224
|
-
*/
|
|
225
|
-
'56': string;
|
|
226
|
-
/**
|
|
227
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.64`.
|
|
228
|
-
*/
|
|
229
|
-
'64': string;
|
|
230
|
-
/**
|
|
231
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.75`.
|
|
232
|
-
*/
|
|
233
|
-
'75': string;
|
|
234
|
-
/**
|
|
235
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.90`.
|
|
236
|
-
*/
|
|
237
|
-
'90': string;
|
|
238
|
-
/**
|
|
239
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.100`.
|
|
240
|
-
*/
|
|
241
|
-
'100': string;
|
|
242
|
-
/**
|
|
243
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.140`.
|
|
244
|
-
*/
|
|
245
|
-
'140': string;
|
|
246
|
-
/**
|
|
247
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.180`.
|
|
248
|
-
*/
|
|
249
|
-
'180': string;
|
|
250
|
-
/**
|
|
251
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.192`.
|
|
252
|
-
*/
|
|
253
|
-
'192': string;
|
|
254
118
|
auto: string;
|
|
255
119
|
full: string;
|
|
256
120
|
screen: string;
|
|
@@ -858,636 +722,110 @@ export type Tokens = {
|
|
|
858
722
|
/** Primary text, and the darkest step. Composites to magenta.1200 over white. */
|
|
859
723
|
'1200': string;
|
|
860
724
|
};
|
|
861
|
-
|
|
862
|
-
|
|
863
|
-
|
|
864
|
-
|
|
865
|
-
|
|
866
|
-
|
|
867
|
-
|
|
868
|
-
|
|
869
|
-
|
|
870
|
-
|
|
871
|
-
|
|
872
|
-
|
|
873
|
-
|
|
874
|
-
|
|
875
|
-
|
|
876
|
-
|
|
877
|
-
|
|
878
|
-
|
|
879
|
-
|
|
880
|
-
|
|
881
|
-
|
|
882
|
-
|
|
883
|
-
|
|
884
|
-
|
|
885
|
-
|
|
886
|
-
|
|
887
|
-
|
|
888
|
-
|
|
889
|
-
|
|
890
|
-
|
|
891
|
-
|
|
892
|
-
|
|
893
|
-
|
|
894
|
-
|
|
895
|
-
|
|
896
|
-
|
|
897
|
-
|
|
898
|
-
|
|
899
|
-
|
|
900
|
-
|
|
901
|
-
|
|
902
|
-
|
|
903
|
-
|
|
904
|
-
|
|
905
|
-
|
|
906
|
-
|
|
907
|
-
|
|
908
|
-
|
|
909
|
-
|
|
910
|
-
|
|
911
|
-
|
|
912
|
-
|
|
913
|
-
|
|
914
|
-
|
|
915
|
-
|
|
916
|
-
|
|
917
|
-
|
|
918
|
-
|
|
919
|
-
|
|
920
|
-
|
|
921
|
-
|
|
922
|
-
|
|
923
|
-
|
|
924
|
-
|
|
925
|
-
|
|
926
|
-
|
|
927
|
-
|
|
928
|
-
|
|
929
|
-
|
|
930
|
-
|
|
931
|
-
|
|
932
|
-
|
|
933
|
-
|
|
934
|
-
|
|
935
|
-
|
|
936
|
-
|
|
937
|
-
|
|
938
|
-
|
|
939
|
-
|
|
940
|
-
|
|
941
|
-
|
|
942
|
-
|
|
943
|
-
|
|
944
|
-
|
|
945
|
-
|
|
946
|
-
|
|
947
|
-
|
|
948
|
-
|
|
949
|
-
|
|
950
|
-
|
|
951
|
-
|
|
952
|
-
|
|
953
|
-
|
|
954
|
-
|
|
955
|
-
|
|
956
|
-
|
|
957
|
-
|
|
958
|
-
|
|
959
|
-
|
|
960
|
-
|
|
961
|
-
|
|
962
|
-
|
|
963
|
-
|
|
964
|
-
|
|
965
|
-
/**
|
|
966
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
967
|
-
*/
|
|
968
|
-
'100': string;
|
|
969
|
-
/**
|
|
970
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
971
|
-
*/
|
|
972
|
-
'200': string;
|
|
973
|
-
/**
|
|
974
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
975
|
-
*/
|
|
976
|
-
'300': string;
|
|
977
|
-
/**
|
|
978
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
979
|
-
*/
|
|
980
|
-
'400': string;
|
|
981
|
-
/**
|
|
982
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
983
|
-
*/
|
|
984
|
-
'500': string;
|
|
985
|
-
/**
|
|
986
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
987
|
-
*/
|
|
988
|
-
'600': string;
|
|
989
|
-
/**
|
|
990
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
991
|
-
*/
|
|
992
|
-
'700': string;
|
|
993
|
-
/**
|
|
994
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
995
|
-
*/
|
|
996
|
-
'800': string;
|
|
997
|
-
/**
|
|
998
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
999
|
-
*/
|
|
1000
|
-
'900': string;
|
|
1001
|
-
/**
|
|
1002
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1003
|
-
*/
|
|
1004
|
-
'1000': string;
|
|
1005
|
-
/**
|
|
1006
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1007
|
-
*/
|
|
1008
|
-
'1100': string;
|
|
1009
|
-
/**
|
|
1010
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1011
|
-
*/
|
|
1012
|
-
'1200': string;
|
|
1013
|
-
/**
|
|
1014
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1015
|
-
*/
|
|
1016
|
-
'1300': string;
|
|
1017
|
-
};
|
|
1018
|
-
/** Red ramp; the key orders lightness from 100 (lightest) to 1300 (darkest). */
|
|
1019
|
-
red: {
|
|
1020
|
-
/**
|
|
1021
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1022
|
-
*/
|
|
1023
|
-
'100': string;
|
|
1024
|
-
/**
|
|
1025
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1026
|
-
*/
|
|
1027
|
-
'200': string;
|
|
1028
|
-
/**
|
|
1029
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1030
|
-
*/
|
|
1031
|
-
'300': string;
|
|
1032
|
-
/**
|
|
1033
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1034
|
-
*/
|
|
1035
|
-
'400': string;
|
|
1036
|
-
/**
|
|
1037
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1038
|
-
*/
|
|
1039
|
-
'500': string;
|
|
1040
|
-
/**
|
|
1041
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1042
|
-
*/
|
|
1043
|
-
'600': string;
|
|
1044
|
-
/**
|
|
1045
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1046
|
-
*/
|
|
1047
|
-
'700': string;
|
|
1048
|
-
/**
|
|
1049
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1050
|
-
*/
|
|
1051
|
-
'800': string;
|
|
1052
|
-
/**
|
|
1053
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1054
|
-
*/
|
|
1055
|
-
'900': string;
|
|
1056
|
-
/**
|
|
1057
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1058
|
-
*/
|
|
1059
|
-
'1000': string;
|
|
1060
|
-
/**
|
|
1061
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1062
|
-
*/
|
|
1063
|
-
'1100': string;
|
|
1064
|
-
/**
|
|
1065
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1066
|
-
*/
|
|
1067
|
-
'1200': string;
|
|
1068
|
-
/**
|
|
1069
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1070
|
-
*/
|
|
1071
|
-
'1300': string;
|
|
1072
|
-
};
|
|
1073
|
-
/** Blue ramp; the key orders lightness from 100 (lightest) to 1300 (darkest). */
|
|
1074
|
-
blue: {
|
|
1075
|
-
/**
|
|
1076
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1077
|
-
*/
|
|
1078
|
-
'100': string;
|
|
1079
|
-
/**
|
|
1080
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1081
|
-
*/
|
|
1082
|
-
'200': string;
|
|
1083
|
-
/**
|
|
1084
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1085
|
-
*/
|
|
1086
|
-
'300': string;
|
|
1087
|
-
/**
|
|
1088
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1089
|
-
*/
|
|
1090
|
-
'400': string;
|
|
1091
|
-
/**
|
|
1092
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1093
|
-
*/
|
|
1094
|
-
'500': string;
|
|
1095
|
-
/**
|
|
1096
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1097
|
-
*/
|
|
1098
|
-
'600': string;
|
|
1099
|
-
/**
|
|
1100
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1101
|
-
*/
|
|
1102
|
-
'700': string;
|
|
1103
|
-
/**
|
|
1104
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1105
|
-
*/
|
|
1106
|
-
'800': string;
|
|
1107
|
-
/**
|
|
1108
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1109
|
-
*/
|
|
1110
|
-
'900': string;
|
|
1111
|
-
/**
|
|
1112
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1113
|
-
*/
|
|
1114
|
-
'1000': string;
|
|
1115
|
-
/**
|
|
1116
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1117
|
-
*/
|
|
1118
|
-
'1100': string;
|
|
1119
|
-
/**
|
|
1120
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1121
|
-
*/
|
|
1122
|
-
'1200': string;
|
|
1123
|
-
/**
|
|
1124
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1125
|
-
*/
|
|
1126
|
-
'1300': string;
|
|
1127
|
-
};
|
|
1128
|
-
/** Purple ramp; the key orders lightness from 100 (lightest) to 1300 (darkest). */
|
|
1129
|
-
purple: {
|
|
1130
|
-
/**
|
|
1131
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1132
|
-
*/
|
|
1133
|
-
'100': string;
|
|
1134
|
-
/**
|
|
1135
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1136
|
-
*/
|
|
1137
|
-
'200': string;
|
|
1138
|
-
/**
|
|
1139
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1140
|
-
*/
|
|
1141
|
-
'300': string;
|
|
1142
|
-
/**
|
|
1143
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1144
|
-
*/
|
|
1145
|
-
'400': string;
|
|
1146
|
-
/**
|
|
1147
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1148
|
-
*/
|
|
1149
|
-
'500': string;
|
|
1150
|
-
/**
|
|
1151
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1152
|
-
*/
|
|
1153
|
-
'600': string;
|
|
1154
|
-
/**
|
|
1155
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1156
|
-
*/
|
|
1157
|
-
'700': string;
|
|
1158
|
-
/**
|
|
1159
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1160
|
-
*/
|
|
1161
|
-
'800': string;
|
|
1162
|
-
/**
|
|
1163
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1164
|
-
*/
|
|
1165
|
-
'900': string;
|
|
1166
|
-
/**
|
|
1167
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1168
|
-
*/
|
|
1169
|
-
'1000': string;
|
|
1170
|
-
/**
|
|
1171
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1172
|
-
*/
|
|
1173
|
-
'1100': string;
|
|
1174
|
-
/**
|
|
1175
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1176
|
-
*/
|
|
1177
|
-
'1200': string;
|
|
1178
|
-
/**
|
|
1179
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1180
|
-
*/
|
|
1181
|
-
'1300': string;
|
|
1182
|
-
};
|
|
1183
|
-
/** Pink ramp; the key orders lightness from 100 (lightest) to 1300 (darkest). */
|
|
1184
|
-
pink: {
|
|
1185
|
-
/**
|
|
1186
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1187
|
-
*/
|
|
1188
|
-
'100': string;
|
|
1189
|
-
/**
|
|
1190
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1191
|
-
*/
|
|
1192
|
-
'200': string;
|
|
1193
|
-
/**
|
|
1194
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1195
|
-
*/
|
|
1196
|
-
'300': string;
|
|
1197
|
-
/**
|
|
1198
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1199
|
-
*/
|
|
1200
|
-
'400': string;
|
|
1201
|
-
/**
|
|
1202
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1203
|
-
*/
|
|
1204
|
-
'500': string;
|
|
1205
|
-
/**
|
|
1206
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1207
|
-
*/
|
|
1208
|
-
'600': string;
|
|
1209
|
-
/**
|
|
1210
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1211
|
-
*/
|
|
1212
|
-
'700': string;
|
|
1213
|
-
/**
|
|
1214
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1215
|
-
*/
|
|
1216
|
-
'800': string;
|
|
1217
|
-
/**
|
|
1218
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1219
|
-
*/
|
|
1220
|
-
'900': string;
|
|
1221
|
-
/**
|
|
1222
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1223
|
-
*/
|
|
1224
|
-
'1000': string;
|
|
1225
|
-
/**
|
|
1226
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1227
|
-
*/
|
|
1228
|
-
'1100': string;
|
|
1229
|
-
/**
|
|
1230
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1231
|
-
*/
|
|
1232
|
-
'1200': string;
|
|
1233
|
-
/**
|
|
1234
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1235
|
-
*/
|
|
1236
|
-
'1300': string;
|
|
1237
|
-
};
|
|
1238
|
-
/** Yellow ramp; the key orders lightness from 100 (lightest) to 1300 (darkest). */
|
|
1239
|
-
yellow: {
|
|
1240
|
-
/**
|
|
1241
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1242
|
-
*/
|
|
1243
|
-
'100': string;
|
|
1244
|
-
/**
|
|
1245
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1246
|
-
*/
|
|
1247
|
-
'200': string;
|
|
1248
|
-
/**
|
|
1249
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1250
|
-
*/
|
|
1251
|
-
'300': string;
|
|
1252
|
-
/**
|
|
1253
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1254
|
-
*/
|
|
1255
|
-
'400': string;
|
|
1256
|
-
/**
|
|
1257
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1258
|
-
*/
|
|
1259
|
-
'500': string;
|
|
1260
|
-
/**
|
|
1261
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1262
|
-
*/
|
|
1263
|
-
'600': string;
|
|
1264
|
-
/**
|
|
1265
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1266
|
-
*/
|
|
1267
|
-
'700': string;
|
|
1268
|
-
/**
|
|
1269
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1270
|
-
*/
|
|
1271
|
-
'800': string;
|
|
1272
|
-
/**
|
|
1273
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1274
|
-
*/
|
|
1275
|
-
'900': string;
|
|
1276
|
-
/**
|
|
1277
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1278
|
-
*/
|
|
1279
|
-
'1000': string;
|
|
1280
|
-
/**
|
|
1281
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1282
|
-
*/
|
|
1283
|
-
'1100': string;
|
|
1284
|
-
/**
|
|
1285
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1286
|
-
*/
|
|
1287
|
-
'1200': string;
|
|
1288
|
-
/**
|
|
1289
|
-
* @deprecated The Spectrum 1 hue ramps are replaced by the role ramps (accent, success, warning, serious, danger, ai) and the display ramps (olive, periwinkle, rose, magenta), with different values (decisions 0040, 0043, 0044). Removed in 3.0.
|
|
1290
|
-
*/
|
|
1291
|
-
'1300': string;
|
|
1292
|
-
};
|
|
1293
|
-
};
|
|
1294
|
-
/** Spacing keyword auto. The numbered steps are deprecated aliases of base.dimension. */
|
|
1295
|
-
spacing: {
|
|
1296
|
-
/**
|
|
1297
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.0`.
|
|
1298
|
-
*/
|
|
1299
|
-
'0': string;
|
|
1300
|
-
/**
|
|
1301
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.1`.
|
|
1302
|
-
*/
|
|
1303
|
-
'1': string;
|
|
1304
|
-
/**
|
|
1305
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.2`.
|
|
1306
|
-
*/
|
|
1307
|
-
'2': string;
|
|
1308
|
-
/**
|
|
1309
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.3`.
|
|
1310
|
-
*/
|
|
1311
|
-
'3': string;
|
|
1312
|
-
/**
|
|
1313
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.4`.
|
|
1314
|
-
*/
|
|
1315
|
-
'4': string;
|
|
1316
|
-
/**
|
|
1317
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.5`.
|
|
1318
|
-
*/
|
|
1319
|
-
'5': string;
|
|
1320
|
-
/**
|
|
1321
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.6`.
|
|
1322
|
-
*/
|
|
1323
|
-
'6': string;
|
|
1324
|
-
/**
|
|
1325
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.7`.
|
|
1326
|
-
*/
|
|
1327
|
-
'7': string;
|
|
1328
|
-
/**
|
|
1329
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.8`.
|
|
1330
|
-
*/
|
|
1331
|
-
'8': string;
|
|
1332
|
-
/**
|
|
1333
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.9`.
|
|
1334
|
-
*/
|
|
1335
|
-
'9': string;
|
|
1336
|
-
/**
|
|
1337
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.10`.
|
|
1338
|
-
*/
|
|
1339
|
-
'10': string;
|
|
1340
|
-
/**
|
|
1341
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.12`.
|
|
1342
|
-
*/
|
|
1343
|
-
'12': string;
|
|
1344
|
-
/**
|
|
1345
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.14`.
|
|
1346
|
-
*/
|
|
1347
|
-
'14': string;
|
|
1348
|
-
/**
|
|
1349
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.16`.
|
|
1350
|
-
*/
|
|
1351
|
-
'16': string;
|
|
1352
|
-
/**
|
|
1353
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.20`.
|
|
1354
|
-
*/
|
|
1355
|
-
'20': string;
|
|
1356
|
-
/**
|
|
1357
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.24`.
|
|
1358
|
-
*/
|
|
1359
|
-
'24': string;
|
|
1360
|
-
/**
|
|
1361
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.28`.
|
|
1362
|
-
*/
|
|
1363
|
-
'28': string;
|
|
1364
|
-
/**
|
|
1365
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.32`.
|
|
1366
|
-
*/
|
|
1367
|
-
'32': string;
|
|
1368
|
-
/**
|
|
1369
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.40`.
|
|
1370
|
-
*/
|
|
1371
|
-
'40': string;
|
|
1372
|
-
/**
|
|
1373
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.48`.
|
|
1374
|
-
*/
|
|
1375
|
-
'48': string;
|
|
1376
|
-
/**
|
|
1377
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.56`.
|
|
1378
|
-
*/
|
|
1379
|
-
'56': string;
|
|
1380
|
-
/**
|
|
1381
|
-
* @deprecated base.size and base.spacing were two copies of one 4px scale, merged into base.dimension (#188). Removed in 3.0. Use `base.dimension.64`.
|
|
1382
|
-
*/
|
|
1383
|
-
'64': string;
|
|
1384
|
-
auto: string;
|
|
1385
|
-
};
|
|
1386
|
-
/** Font stacks keyed by role: heading, body and monospace. */
|
|
1387
|
-
fontFamily: {
|
|
1388
|
-
heading: string;
|
|
1389
|
-
body: string;
|
|
1390
|
-
monospace: string;
|
|
1391
|
-
};
|
|
1392
|
-
/** Type size scale from 1 (0.75rem, 12px) to 10 (5rem, 80px); the key is the step. */
|
|
1393
|
-
fontSize: {
|
|
1394
|
-
'1': string;
|
|
1395
|
-
'2': string;
|
|
1396
|
-
'3': string;
|
|
1397
|
-
'4': string;
|
|
1398
|
-
'5': string;
|
|
1399
|
-
'6': string;
|
|
1400
|
-
'7': string;
|
|
1401
|
-
'8': string;
|
|
1402
|
-
'9': string;
|
|
1403
|
-
'10': string;
|
|
1404
|
-
};
|
|
1405
|
-
/** Font weight scale from 1 (300, light) to 7 (900, black); the key is the step. */
|
|
1406
|
-
fontWeight: {
|
|
1407
|
-
'1': string;
|
|
1408
|
-
'2': string;
|
|
1409
|
-
'3': string;
|
|
1410
|
-
'4': string;
|
|
1411
|
-
'5': string;
|
|
1412
|
-
/** Extra Bold — for page titles and primary display headings per VDL (800–900 weight range) */
|
|
1413
|
-
'6': string;
|
|
1414
|
-
/** Black/Ultra Bold — maximum heading weight for the most dominant display headings per VDL */
|
|
1415
|
-
'7': string;
|
|
1416
|
-
};
|
|
1417
|
-
/** Line height scale from 1 (1rem) to 11 (5rem), plus none (1, the font size); the key is the step. */
|
|
1418
|
-
lineHeight: {
|
|
1419
|
-
'1': string;
|
|
1420
|
-
'2': string;
|
|
1421
|
-
'3': string;
|
|
1422
|
-
'4': string;
|
|
1423
|
-
'5': string;
|
|
1424
|
-
'6': string;
|
|
1425
|
-
'7': string;
|
|
1426
|
-
'8': string;
|
|
1427
|
-
'9': string;
|
|
1428
|
-
'10': string;
|
|
1429
|
-
'11': string;
|
|
1430
|
-
none: string;
|
|
1431
|
-
};
|
|
1432
|
-
/** Letter spacing from 0 (tightest, -0.125rem) to 4 (widest, 0.125rem); 2 is normal. */
|
|
1433
|
-
letterSpacing: {
|
|
1434
|
-
'0': string;
|
|
1435
|
-
'1': string;
|
|
1436
|
-
'2': string;
|
|
1437
|
-
'3': string;
|
|
1438
|
-
'4': string;
|
|
1439
|
-
};
|
|
1440
|
-
/** Viewport widths where layouts change, from xs (0) to 2xl (1536px), keyed by size. */
|
|
1441
|
-
breakpoint: {
|
|
1442
|
-
xs: string;
|
|
1443
|
-
sm: string;
|
|
1444
|
-
md: string;
|
|
1445
|
-
lg: string;
|
|
1446
|
-
xl: string;
|
|
1447
|
-
'2xl': string;
|
|
1448
|
-
};
|
|
1449
|
-
/** Animation durations from instant (0ms) to slowest (1000ms), keyed by speed. */
|
|
1450
|
-
duration: {
|
|
1451
|
-
instant: string;
|
|
1452
|
-
fast: string;
|
|
1453
|
-
normal: string;
|
|
1454
|
-
moderate: string;
|
|
1455
|
-
slow: string;
|
|
1456
|
-
slower: string;
|
|
1457
|
-
slowest: string;
|
|
1458
|
-
};
|
|
1459
|
-
/** Timing functions keyed by their CSS name; the Quart and Back curves are stronger variants. */
|
|
1460
|
-
easing: {
|
|
1461
|
-
linear: string;
|
|
1462
|
-
ease: string;
|
|
1463
|
-
easeIn: string;
|
|
1464
|
-
easeOut: string;
|
|
1465
|
-
easeInOut: string;
|
|
1466
|
-
easeInQuart: string;
|
|
1467
|
-
easeOutQuart: string;
|
|
1468
|
-
easeInOutQuart: string;
|
|
1469
|
-
easeInBack: string;
|
|
1470
|
-
easeOutBack: string;
|
|
1471
|
-
easeInOutBack: string;
|
|
1472
|
-
};
|
|
1473
|
-
};
|
|
1474
|
-
component: {
|
|
1475
|
-
button: {
|
|
1476
|
-
primary: {
|
|
1477
|
-
/** Primary Button fill at rest. */
|
|
1478
|
-
backgroundColor: string;
|
|
1479
|
-
/** Text and icon colour on the primary Button. */
|
|
1480
|
-
textColor: string;
|
|
1481
|
-
/** Corner radius of every Button (visual language: Button uses sm). */
|
|
1482
|
-
borderRadius: string;
|
|
1483
|
-
/**
|
|
1484
|
-
* Padding of the primary Button.
|
|
1485
|
-
*
|
|
1486
|
-
* @deprecated No component spacing tokens (decision 0022). Use semantic.spacing.component.md and .lg. Removed in 3.0.
|
|
1487
|
-
*/
|
|
1488
|
-
padding: string;
|
|
1489
|
-
/** Button label typography, the same as sizes.large.font. */
|
|
1490
|
-
font: string;
|
|
725
|
+
};
|
|
726
|
+
/** Spacing keyword auto. The numbered steps are deprecated aliases of base.dimension. */
|
|
727
|
+
spacing: {
|
|
728
|
+
auto: string;
|
|
729
|
+
};
|
|
730
|
+
/** Font stacks keyed by role: heading, body and monospace. */
|
|
731
|
+
fontFamily: {
|
|
732
|
+
heading: string;
|
|
733
|
+
body: string;
|
|
734
|
+
monospace: string;
|
|
735
|
+
};
|
|
736
|
+
/** Type size scale from 1 (0.75rem, 12px) to 10 (5rem, 80px); the key is the step. */
|
|
737
|
+
fontSize: {
|
|
738
|
+
'1': string;
|
|
739
|
+
'2': string;
|
|
740
|
+
'3': string;
|
|
741
|
+
'4': string;
|
|
742
|
+
'5': string;
|
|
743
|
+
'6': string;
|
|
744
|
+
'7': string;
|
|
745
|
+
'8': string;
|
|
746
|
+
'9': string;
|
|
747
|
+
'10': string;
|
|
748
|
+
};
|
|
749
|
+
/** Font weight scale from 1 (300, light) to 7 (900, black); the key is the step. */
|
|
750
|
+
fontWeight: {
|
|
751
|
+
'1': string;
|
|
752
|
+
'2': string;
|
|
753
|
+
'3': string;
|
|
754
|
+
'4': string;
|
|
755
|
+
'5': string;
|
|
756
|
+
/** Extra Bold — for page titles and primary display headings per VDL (800–900 weight range) */
|
|
757
|
+
'6': string;
|
|
758
|
+
/** Black/Ultra Bold — maximum heading weight for the most dominant display headings per VDL */
|
|
759
|
+
'7': string;
|
|
760
|
+
};
|
|
761
|
+
/** Line height scale from 1 (1rem) to 11 (5rem), plus none (1, the font size); the key is the step. */
|
|
762
|
+
lineHeight: {
|
|
763
|
+
'1': string;
|
|
764
|
+
'2': string;
|
|
765
|
+
'3': string;
|
|
766
|
+
'4': string;
|
|
767
|
+
'5': string;
|
|
768
|
+
'6': string;
|
|
769
|
+
'7': string;
|
|
770
|
+
'8': string;
|
|
771
|
+
'9': string;
|
|
772
|
+
'10': string;
|
|
773
|
+
'11': string;
|
|
774
|
+
none: string;
|
|
775
|
+
};
|
|
776
|
+
/** Letter spacing from 0 (tightest, -0.125rem) to 4 (widest, 0.125rem); 2 is normal. */
|
|
777
|
+
letterSpacing: {
|
|
778
|
+
'0': string;
|
|
779
|
+
'1': string;
|
|
780
|
+
'2': string;
|
|
781
|
+
'3': string;
|
|
782
|
+
'4': string;
|
|
783
|
+
};
|
|
784
|
+
/** Viewport widths where layouts change, from xs (0) to 2xl (1536px), keyed by size. */
|
|
785
|
+
breakpoint: {
|
|
786
|
+
xs: string;
|
|
787
|
+
sm: string;
|
|
788
|
+
md: string;
|
|
789
|
+
lg: string;
|
|
790
|
+
xl: string;
|
|
791
|
+
'2xl': string;
|
|
792
|
+
};
|
|
793
|
+
/** Animation durations from instant (0ms) to slowest (1000ms), keyed by speed. */
|
|
794
|
+
duration: {
|
|
795
|
+
instant: string;
|
|
796
|
+
fast: string;
|
|
797
|
+
normal: string;
|
|
798
|
+
moderate: string;
|
|
799
|
+
slow: string;
|
|
800
|
+
slower: string;
|
|
801
|
+
slowest: string;
|
|
802
|
+
};
|
|
803
|
+
/** Timing functions keyed by their CSS name; the Quart and Back curves are stronger variants. */
|
|
804
|
+
easing: {
|
|
805
|
+
linear: string;
|
|
806
|
+
ease: string;
|
|
807
|
+
easeIn: string;
|
|
808
|
+
easeOut: string;
|
|
809
|
+
easeInOut: string;
|
|
810
|
+
easeInQuart: string;
|
|
811
|
+
easeOutQuart: string;
|
|
812
|
+
easeInOutQuart: string;
|
|
813
|
+
easeInBack: string;
|
|
814
|
+
easeOutBack: string;
|
|
815
|
+
easeInOutBack: string;
|
|
816
|
+
};
|
|
817
|
+
};
|
|
818
|
+
component: {
|
|
819
|
+
button: {
|
|
820
|
+
primary: {
|
|
821
|
+
/** Primary Button fill at rest. */
|
|
822
|
+
backgroundColor: string;
|
|
823
|
+
/** Text and icon colour on the primary Button. */
|
|
824
|
+
textColor: string;
|
|
825
|
+
/** Corner radius of every Button (visual language: Button uses sm). */
|
|
826
|
+
borderRadius: string;
|
|
827
|
+
/** Button label typography, the same as sizes.large.font. */
|
|
828
|
+
font: string;
|
|
1491
829
|
};
|
|
1492
830
|
hover: {
|
|
1493
831
|
/** Primary Button fill on hover. */
|
|
@@ -1500,12 +838,6 @@ export type Tokens = {
|
|
|
1500
838
|
focus: {
|
|
1501
839
|
/** Focus ring on every Button. */
|
|
1502
840
|
outline: string;
|
|
1503
|
-
/**
|
|
1504
|
-
* Gap between a Button and its focus outline.
|
|
1505
|
-
*
|
|
1506
|
-
* @deprecated Use semantic.border.focusOffset (decision 0022). Removed in 3.0.
|
|
1507
|
-
*/
|
|
1508
|
-
outlineOffset: string;
|
|
1509
841
|
};
|
|
1510
842
|
disabled: {
|
|
1511
843
|
/** Disabled primary Button fill. */
|
|
@@ -1574,50 +906,6 @@ export type Tokens = {
|
|
|
1574
906
|
textColor: string;
|
|
1575
907
|
};
|
|
1576
908
|
};
|
|
1577
|
-
emphasis: {
|
|
1578
|
-
/**
|
|
1579
|
-
* Fill of the accent Button: the blue call to action above primary, at most one per view (decision 0016).
|
|
1580
|
-
*
|
|
1581
|
-
* @deprecated Use component.button.variants.accent.backgroundColor. Alias kept until 3.0 (decision 0016).
|
|
1582
|
-
*/
|
|
1583
|
-
backgroundColor: string;
|
|
1584
|
-
/**
|
|
1585
|
-
* Text and icon colour on the accent Button.
|
|
1586
|
-
*
|
|
1587
|
-
* @deprecated Use component.button.variants.accent.textColor. Alias kept until 3.0 (decision 0016).
|
|
1588
|
-
*/
|
|
1589
|
-
textColor: string;
|
|
1590
|
-
hover: {
|
|
1591
|
-
/**
|
|
1592
|
-
* Accent Button fill on hover.
|
|
1593
|
-
*
|
|
1594
|
-
* @deprecated Use component.button.variants.accent.hover.backgroundColor. Alias kept until 3.0 (decision 0016).
|
|
1595
|
-
*/
|
|
1596
|
-
backgroundColor: string;
|
|
1597
|
-
};
|
|
1598
|
-
active: {
|
|
1599
|
-
/**
|
|
1600
|
-
* Accent Button fill while pressed.
|
|
1601
|
-
*
|
|
1602
|
-
* @deprecated Use component.button.variants.accent.active.backgroundColor. Alias kept until 3.0 (decision 0016).
|
|
1603
|
-
*/
|
|
1604
|
-
backgroundColor: string;
|
|
1605
|
-
};
|
|
1606
|
-
disabled: {
|
|
1607
|
-
/**
|
|
1608
|
-
* Disabled accent Button fill.
|
|
1609
|
-
*
|
|
1610
|
-
* @deprecated Use component.button.variants.accent.disabled.backgroundColor. Alias kept until 3.0 (decision 0016).
|
|
1611
|
-
*/
|
|
1612
|
-
backgroundColor: string;
|
|
1613
|
-
/**
|
|
1614
|
-
* Disabled accent Button text and icon colour.
|
|
1615
|
-
*
|
|
1616
|
-
* @deprecated Use component.button.variants.accent.disabled.textColor. Alias kept until 3.0 (decision 0016).
|
|
1617
|
-
*/
|
|
1618
|
-
textColor: string;
|
|
1619
|
-
};
|
|
1620
|
-
};
|
|
1621
909
|
danger: {
|
|
1622
910
|
/** Danger Button fill at rest, for destructive actions. */
|
|
1623
911
|
backgroundColor: string;
|
|
@@ -1641,34 +929,16 @@ export type Tokens = {
|
|
|
1641
929
|
};
|
|
1642
930
|
sizes: {
|
|
1643
931
|
small: {
|
|
1644
|
-
/**
|
|
1645
|
-
* Padding of the small Button.
|
|
1646
|
-
*
|
|
1647
|
-
* @deprecated No component spacing tokens (decision 0022). Use semantic.spacing.component.sm and .md. Removed in 3.0.
|
|
1648
|
-
*/
|
|
1649
|
-
padding: string;
|
|
1650
932
|
/** Small Button text: the caption style, with button.sizes.small.fontWeight after it. */
|
|
1651
933
|
font: string;
|
|
1652
934
|
/** Weight of small Button text, set after the font: medium, as the other sizes. */
|
|
1653
935
|
fontWeight: string;
|
|
1654
936
|
};
|
|
1655
937
|
medium: {
|
|
1656
|
-
/**
|
|
1657
|
-
* Padding of the medium Button.
|
|
1658
|
-
*
|
|
1659
|
-
* @deprecated No component spacing tokens (decision 0022). Use semantic.spacing.component.sm and .lg. Removed in 3.0.
|
|
1660
|
-
*/
|
|
1661
|
-
padding: string;
|
|
1662
938
|
/** Medium Button label typography. */
|
|
1663
939
|
font: string;
|
|
1664
940
|
};
|
|
1665
941
|
large: {
|
|
1666
|
-
/**
|
|
1667
|
-
* Padding of the large Button.
|
|
1668
|
-
*
|
|
1669
|
-
* @deprecated No component spacing tokens (decision 0022). Use semantic.spacing.component.md and .lg. Removed in 3.0.
|
|
1670
|
-
*/
|
|
1671
|
-
padding: string;
|
|
1672
942
|
/** Large Button label typography. */
|
|
1673
943
|
font: string;
|
|
1674
944
|
};
|
|
@@ -1686,32 +956,12 @@ export type Tokens = {
|
|
|
1686
956
|
textColor: string;
|
|
1687
957
|
/** Corner radius of every chip: rounder than Button, to signal a different job (decision 0016). */
|
|
1688
958
|
borderRadius: string;
|
|
1689
|
-
/**
|
|
1690
|
-
* Padding of a chip before chips took padding per size.
|
|
1691
|
-
*
|
|
1692
|
-
* @deprecated No component spacing tokens (decision 0022). No chip reads it; chips take padding per size. Removed in 3.0.
|
|
1693
|
-
*/
|
|
1694
|
-
padding: string;
|
|
1695
959
|
/** Chip label typography, the same as sizes.large.font. */
|
|
1696
960
|
font: string;
|
|
1697
961
|
};
|
|
1698
|
-
hover: {
|
|
1699
|
-
/** Default chip fill on hover, when it's clickable. */
|
|
1700
|
-
backgroundColor: string;
|
|
1701
|
-
};
|
|
1702
|
-
active: {
|
|
1703
|
-
/** Default chip fill while pressed, when it's clickable. */
|
|
1704
|
-
backgroundColor: string;
|
|
1705
|
-
};
|
|
1706
962
|
focus: {
|
|
1707
963
|
/** Focus ring on every chip and its close button. */
|
|
1708
964
|
outline: string;
|
|
1709
|
-
/**
|
|
1710
|
-
* Gap between a chip and its focus outline.
|
|
1711
|
-
*
|
|
1712
|
-
* @deprecated Use semantic.border.focusOffset (decision 0022). Removed in 3.0.
|
|
1713
|
-
*/
|
|
1714
|
-
outlineOffset: string;
|
|
1715
965
|
};
|
|
1716
966
|
disabled: {
|
|
1717
967
|
/** Disabled default chip fill. */
|
|
@@ -1720,26 +970,6 @@ export type Tokens = {
|
|
|
1720
970
|
textColor: string;
|
|
1721
971
|
};
|
|
1722
972
|
variants: {
|
|
1723
|
-
emphasis: {
|
|
1724
|
-
/** Emphasis chip fill at rest. */
|
|
1725
|
-
backgroundColor: string;
|
|
1726
|
-
/** Emphasis chip text and icon colour. */
|
|
1727
|
-
textColor: string;
|
|
1728
|
-
hover: {
|
|
1729
|
-
/** Emphasis chip fill on hover, when it's clickable. */
|
|
1730
|
-
backgroundColor: string;
|
|
1731
|
-
};
|
|
1732
|
-
active: {
|
|
1733
|
-
/** Emphasis chip fill while pressed, when it's clickable. */
|
|
1734
|
-
backgroundColor: string;
|
|
1735
|
-
};
|
|
1736
|
-
disabled: {
|
|
1737
|
-
/** Disabled emphasis chip fill. */
|
|
1738
|
-
backgroundColor: string;
|
|
1739
|
-
/** Disabled emphasis chip text and icon colour. */
|
|
1740
|
-
textColor: string;
|
|
1741
|
-
};
|
|
1742
|
-
};
|
|
1743
973
|
subtle: {
|
|
1744
974
|
/** Subtle chip fill at rest. */
|
|
1745
975
|
backgroundColor: string;
|
|
@@ -1760,357 +990,45 @@ export type Tokens = {
|
|
|
1760
990
|
textColor: string;
|
|
1761
991
|
};
|
|
1762
992
|
};
|
|
1763
|
-
interactive: {
|
|
1764
|
-
/** Interactive chip fill at rest. */
|
|
1765
|
-
backgroundColor: string;
|
|
1766
|
-
/** Interactive chip text and icon colour. */
|
|
1767
|
-
textColor: string;
|
|
1768
|
-
hover: {
|
|
1769
|
-
/** Interactive chip fill on hover, when it's clickable. */
|
|
1770
|
-
backgroundColor: string;
|
|
1771
|
-
};
|
|
1772
|
-
active: {
|
|
1773
|
-
/** Interactive chip fill while pressed, when it's clickable. */
|
|
1774
|
-
backgroundColor: string;
|
|
1775
|
-
};
|
|
1776
|
-
disabled: {
|
|
1777
|
-
/** Disabled interactive chip fill. */
|
|
1778
|
-
backgroundColor: string;
|
|
1779
|
-
/** Disabled interactive chip text and icon colour. */
|
|
1780
|
-
textColor: string;
|
|
1781
|
-
};
|
|
1782
|
-
};
|
|
1783
993
|
};
|
|
1784
994
|
sizes: {
|
|
1785
|
-
small: {
|
|
1786
|
-
/**
|
|
1787
|
-
* Padding of the small chip.
|
|
1788
|
-
*
|
|
1789
|
-
* @deprecated Chips take their min-height from semantic.size.label.medium with no vertical padding, and semantic.spacing.component.sm horizontally (decisions 0022, 0034 and 0035). Removed in 3.0.
|
|
1790
|
-
*/
|
|
1791
|
-
padding: string;
|
|
1792
|
-
/**
|
|
1793
|
-
* Label typography of the small chip.
|
|
1794
|
-
*
|
|
1795
|
-
* @deprecated Chips have one size (decision 0035). Use component.chip.sizes.medium.font. Removed in 3.0.
|
|
1796
|
-
*/
|
|
1797
|
-
font: string;
|
|
1798
|
-
};
|
|
1799
995
|
medium: {
|
|
1800
|
-
/**
|
|
1801
|
-
* Padding of the medium chip.
|
|
1802
|
-
*
|
|
1803
|
-
* @deprecated Chips take their min-height from semantic.size.label.medium with no vertical padding, and semantic.spacing.component.sm horizontally (decisions 0022, 0034 and 0035). Removed in 3.0.
|
|
1804
|
-
*/
|
|
1805
|
-
padding: string;
|
|
1806
996
|
/** Chip label typography. Every chip uses it: chips have one size (decision 0035). */
|
|
1807
997
|
font: string;
|
|
1808
998
|
};
|
|
1809
|
-
large: {
|
|
1810
|
-
/**
|
|
1811
|
-
* Padding of the large chip, which no chip used.
|
|
1812
|
-
*
|
|
1813
|
-
* @deprecated No component spacing tokens (decision 0022). Use semantic.spacing.component.sm and .md. Removed in 3.0.
|
|
1814
|
-
*/
|
|
1815
|
-
padding: string;
|
|
1816
|
-
/**
|
|
1817
|
-
* Label typography of the large chip, which no chip used.
|
|
1818
|
-
*
|
|
1819
|
-
* @deprecated Chips have one size (decision 0035). Use component.chip.sizes.medium.font. Removed in 3.0.
|
|
1820
|
-
*/
|
|
1821
|
-
font: string;
|
|
1822
|
-
};
|
|
1823
999
|
};
|
|
1824
1000
|
};
|
|
1825
1001
|
iconButton: {
|
|
1826
1002
|
primary: {
|
|
1827
|
-
/**
|
|
1828
|
-
* Fill of the primary IconButton at rest.
|
|
1829
|
-
*
|
|
1830
|
-
* @deprecated IconButton reads component.button.primary.backgroundColor, so its colours match Button's (decision 0027). Removed in 3.0.
|
|
1831
|
-
*/
|
|
1832
|
-
backgroundColor: string;
|
|
1833
1003
|
/** Corner radius of every IconButton, matching Button. */
|
|
1834
1004
|
borderRadius: string;
|
|
1835
|
-
/**
|
|
1836
|
-
* Minimum width of the medium IconButton, duplicated from its sizes.
|
|
1837
|
-
*
|
|
1838
|
-
* @deprecated No IconButton reads it: sizes take their minimum width from semantic.size.control (decision 0034). Removed in 3.0. Use `semantic.size.control.md`.
|
|
1839
|
-
*/
|
|
1840
|
-
minWidth: string;
|
|
1841
|
-
/**
|
|
1842
|
-
* Minimum height of the medium IconButton, duplicated from its sizes.
|
|
1843
|
-
*
|
|
1844
|
-
* @deprecated No IconButton reads it: sizes take their minimum height from semantic.size.control (decision 0034). Removed in 3.0. Use `semantic.size.control.md`.
|
|
1845
|
-
*/
|
|
1846
|
-
minHeight: string;
|
|
1847
|
-
/**
|
|
1848
|
-
* Display of IconButton's content box.
|
|
1849
|
-
*
|
|
1850
|
-
* @deprecated Layout mechanics stay in component code (decision 0014, rule 5); IconButton sets display: flex itself. Removed in 3.0.
|
|
1851
|
-
*/
|
|
1852
|
-
display: string;
|
|
1853
|
-
/**
|
|
1854
|
-
* Vertical alignment of IconButton's icon.
|
|
1855
|
-
*
|
|
1856
|
-
* @deprecated Layout mechanics stay in component code (decision 0014, rule 5); IconButton sets align-items: center itself. Removed in 3.0.
|
|
1857
|
-
*/
|
|
1858
|
-
alignItems: string;
|
|
1859
|
-
/**
|
|
1860
|
-
* Horizontal alignment of IconButton's icon.
|
|
1861
|
-
*
|
|
1862
|
-
* @deprecated Layout mechanics stay in component code (decision 0014, rule 5); IconButton sets justify-content: center itself. Removed in 3.0.
|
|
1863
|
-
*/
|
|
1864
|
-
justifyContent: string;
|
|
1865
|
-
};
|
|
1866
|
-
hover: {
|
|
1867
|
-
/**
|
|
1868
|
-
* Fill of the primary IconButton on hover.
|
|
1869
|
-
*
|
|
1870
|
-
* @deprecated IconButton reads component.button.hover.backgroundColor, so its colours match Button's (decision 0027). Removed in 3.0.
|
|
1871
|
-
*/
|
|
1872
|
-
backgroundColor: string;
|
|
1873
|
-
};
|
|
1874
|
-
active: {
|
|
1875
|
-
/**
|
|
1876
|
-
* Fill of the primary IconButton while pressed.
|
|
1877
|
-
*
|
|
1878
|
-
* @deprecated IconButton reads component.button.active.backgroundColor, so its colours match Button's (decision 0027). Removed in 3.0.
|
|
1879
|
-
*/
|
|
1880
|
-
backgroundColor: string;
|
|
1881
1005
|
};
|
|
1882
1006
|
focus: {
|
|
1883
1007
|
/** Focus ring on every IconButton. */
|
|
1884
|
-
outline: string;
|
|
1885
|
-
/**
|
|
1886
|
-
* Gap between an IconButton and its focus outline.
|
|
1887
|
-
*
|
|
1888
|
-
* @deprecated Use semantic.border.focusOffset (decision 0022). Removed in 3.0.
|
|
1889
|
-
*/
|
|
1890
|
-
outlineOffset: string;
|
|
1891
|
-
};
|
|
1892
|
-
disabled: {
|
|
1893
|
-
/**
|
|
1894
|
-
* Fill of the primary IconButton when disabled.
|
|
1895
|
-
*
|
|
1896
|
-
* @deprecated IconButton reads component.button.disabled.backgroundColor, so its colours match Button's (decision 0027). Removed in 3.0.
|
|
1897
|
-
*/
|
|
1898
|
-
backgroundColor: string;
|
|
1899
|
-
};
|
|
1900
|
-
variants: {
|
|
1901
|
-
secondary: {
|
|
1902
|
-
/**
|
|
1903
|
-
* Fill of the secondary IconButton at rest.
|
|
1904
|
-
*
|
|
1905
|
-
* @deprecated IconButton reads component.button.variants.secondary.backgroundColor, so its colours match Button's (decision 0027). Removed in 3.0.
|
|
1906
|
-
*/
|
|
1907
|
-
backgroundColor: string;
|
|
1908
|
-
hover: {
|
|
1909
|
-
/**
|
|
1910
|
-
* Fill of the secondary IconButton on hover.
|
|
1911
|
-
*
|
|
1912
|
-
* @deprecated IconButton reads component.button.variants.secondary.hover.backgroundColor, so its colours match Button's (decision 0027). Removed in 3.0.
|
|
1913
|
-
*/
|
|
1914
|
-
backgroundColor: string;
|
|
1915
|
-
};
|
|
1916
|
-
active: {
|
|
1917
|
-
/**
|
|
1918
|
-
* Fill of the secondary IconButton while pressed.
|
|
1919
|
-
*
|
|
1920
|
-
* @deprecated IconButton reads component.button.variants.secondary.active.backgroundColor, so its colours match Button's (decision 0027). Removed in 3.0.
|
|
1921
|
-
*/
|
|
1922
|
-
backgroundColor: string;
|
|
1923
|
-
};
|
|
1924
|
-
disabled: {
|
|
1925
|
-
/**
|
|
1926
|
-
* Fill of the secondary IconButton when disabled.
|
|
1927
|
-
*
|
|
1928
|
-
* @deprecated IconButton reads component.button.variants.secondary.disabled.backgroundColor, so its colours match Button's (decision 0027). Removed in 3.0.
|
|
1929
|
-
*/
|
|
1930
|
-
backgroundColor: string;
|
|
1931
|
-
};
|
|
1932
|
-
};
|
|
1933
|
-
naked: {
|
|
1934
|
-
/**
|
|
1935
|
-
* Fill of the naked IconButton at rest.
|
|
1936
|
-
*
|
|
1937
|
-
* @deprecated IconButton reads component.button.variants.naked.backgroundColor, so its colours match Button's (decision 0027). Removed in 3.0.
|
|
1938
|
-
*/
|
|
1939
|
-
backgroundColor: string;
|
|
1940
|
-
hover: {
|
|
1941
|
-
/**
|
|
1942
|
-
* Fill of the naked IconButton on hover.
|
|
1943
|
-
*
|
|
1944
|
-
* @deprecated IconButton reads component.button.variants.naked.hover.backgroundColor, so its colours match Button's (decision 0027). Removed in 3.0.
|
|
1945
|
-
*/
|
|
1946
|
-
backgroundColor: string;
|
|
1947
|
-
};
|
|
1948
|
-
active: {
|
|
1949
|
-
/**
|
|
1950
|
-
* Fill of the naked IconButton while pressed.
|
|
1951
|
-
*
|
|
1952
|
-
* @deprecated IconButton reads component.button.variants.naked.active.backgroundColor, so its colours match Button's (decision 0027). Removed in 3.0.
|
|
1953
|
-
*/
|
|
1954
|
-
backgroundColor: string;
|
|
1955
|
-
};
|
|
1956
|
-
disabled: {
|
|
1957
|
-
/**
|
|
1958
|
-
* Fill of the naked IconButton when disabled.
|
|
1959
|
-
*
|
|
1960
|
-
* @deprecated IconButton reads component.button.variants.naked.disabled.backgroundColor, so its colours match Button's (decision 0027). Removed in 3.0.
|
|
1961
|
-
*/
|
|
1962
|
-
backgroundColor: string;
|
|
1963
|
-
};
|
|
1964
|
-
};
|
|
1965
|
-
};
|
|
1966
|
-
sizes: {
|
|
1967
|
-
small: {
|
|
1968
|
-
/**
|
|
1969
|
-
* Minimum width of the small IconButton.
|
|
1970
|
-
*
|
|
1971
|
-
* @deprecated IconButton takes its minimum width from semantic.size.control.sm (decision 0034). Removed in 3.0.
|
|
1972
|
-
*/
|
|
1973
|
-
minWidth: string;
|
|
1974
|
-
/**
|
|
1975
|
-
* Minimum height of the small IconButton.
|
|
1976
|
-
*
|
|
1977
|
-
* @deprecated IconButton takes its minimum height from semantic.size.control.sm (decision 0034). Removed in 3.0.
|
|
1978
|
-
*/
|
|
1979
|
-
minHeight: string;
|
|
1980
|
-
/**
|
|
1981
|
-
* Padding of the small IconButton.
|
|
1982
|
-
*
|
|
1983
|
-
* @deprecated No component spacing tokens (decision 0022). Use semantic.space.inset.xs. Removed in 3.0.
|
|
1984
|
-
*/
|
|
1985
|
-
padding: string;
|
|
1986
|
-
};
|
|
1987
|
-
medium: {
|
|
1988
|
-
/**
|
|
1989
|
-
* Minimum width of the medium IconButton.
|
|
1990
|
-
*
|
|
1991
|
-
* @deprecated IconButton takes its minimum width from semantic.size.control.md (decision 0034). Removed in 3.0.
|
|
1992
|
-
*/
|
|
1993
|
-
minWidth: string;
|
|
1994
|
-
/**
|
|
1995
|
-
* Minimum height of the medium IconButton.
|
|
1996
|
-
*
|
|
1997
|
-
* @deprecated IconButton takes its minimum height from semantic.size.control.md (decision 0034). Removed in 3.0.
|
|
1998
|
-
*/
|
|
1999
|
-
minHeight: string;
|
|
2000
|
-
/**
|
|
2001
|
-
* Padding of the medium IconButton.
|
|
2002
|
-
*
|
|
2003
|
-
* @deprecated No component spacing tokens (decision 0022). Use semantic.space.inset.sm. Removed in 3.0.
|
|
2004
|
-
*/
|
|
2005
|
-
padding: string;
|
|
2006
|
-
};
|
|
2007
|
-
large: {
|
|
2008
|
-
/**
|
|
2009
|
-
* Minimum width of the large IconButton.
|
|
2010
|
-
*
|
|
2011
|
-
* @deprecated IconButton takes its minimum width from semantic.size.control.lg (decision 0034). Removed in 3.0.
|
|
2012
|
-
*/
|
|
2013
|
-
minWidth: string;
|
|
2014
|
-
/**
|
|
2015
|
-
* Minimum height of the large IconButton.
|
|
2016
|
-
*
|
|
2017
|
-
* @deprecated IconButton takes its minimum height from semantic.size.control.lg (decision 0034). Removed in 3.0.
|
|
2018
|
-
*/
|
|
2019
|
-
minHeight: string;
|
|
2020
|
-
/**
|
|
2021
|
-
* Padding of the large IconButton.
|
|
2022
|
-
*
|
|
2023
|
-
* @deprecated No component spacing tokens (decision 0022). Use semantic.space.inset.md. Removed in 3.0.
|
|
2024
|
-
*/
|
|
2025
|
-
padding: string;
|
|
2026
|
-
};
|
|
1008
|
+
outline: string;
|
|
2027
1009
|
};
|
|
2028
1010
|
};
|
|
2029
1011
|
separator: {
|
|
2030
1012
|
/** Divider line, the same as variants.default.border. */
|
|
2031
1013
|
border: string;
|
|
2032
|
-
/**
|
|
2033
|
-
* Space around a Divider.
|
|
2034
|
-
*
|
|
2035
|
-
* @deprecated No component spacing tokens (decision 0022). Use semantic.space.800 (vertical margin). Removed in 3.0.
|
|
2036
|
-
*/
|
|
2037
|
-
margin: string;
|
|
2038
1014
|
variants: {
|
|
2039
1015
|
default: {
|
|
2040
1016
|
/** Default Divider line. */
|
|
2041
1017
|
border: string;
|
|
2042
|
-
/**
|
|
2043
|
-
* Space around the default Divider variant.
|
|
2044
|
-
*
|
|
2045
|
-
* @deprecated No component spacing tokens (decision 0022). Use semantic.space.800 (vertical margin). Removed in 3.0.
|
|
2046
|
-
*/
|
|
2047
|
-
margin: string;
|
|
2048
1018
|
};
|
|
2049
1019
|
strong: {
|
|
2050
1020
|
/** Strong Divider line, for a firmer break. */
|
|
2051
1021
|
border: string;
|
|
2052
|
-
/**
|
|
2053
|
-
* Space around a strong Divider.
|
|
2054
|
-
*
|
|
2055
|
-
* @deprecated No component spacing tokens (decision 0022). Use semantic.space.800 (vertical margin). Removed in 3.0.
|
|
2056
|
-
*/
|
|
2057
|
-
margin: string;
|
|
2058
1022
|
};
|
|
2059
1023
|
minimal: {
|
|
2060
1024
|
/** Minimal Divider line. */
|
|
2061
1025
|
border: string;
|
|
2062
|
-
/**
|
|
2063
|
-
* Space around a minimal Divider.
|
|
2064
|
-
*
|
|
2065
|
-
* @deprecated No component spacing tokens (decision 0022). Use semantic.space.600 (vertical margin). Removed in 3.0.
|
|
2066
|
-
*/
|
|
2067
|
-
margin: string;
|
|
2068
|
-
};
|
|
2069
|
-
};
|
|
2070
|
-
sizes: {
|
|
2071
|
-
small: {
|
|
2072
|
-
/**
|
|
2073
|
-
* Space around a small Divider.
|
|
2074
|
-
*
|
|
2075
|
-
* @deprecated No component spacing tokens (decision 0022). Use semantic.space.400 (vertical margin). Removed in 3.0.
|
|
2076
|
-
*/
|
|
2077
|
-
margin: string;
|
|
2078
|
-
};
|
|
2079
|
-
medium: {
|
|
2080
|
-
/**
|
|
2081
|
-
* Space around a medium Divider.
|
|
2082
|
-
*
|
|
2083
|
-
* @deprecated No component spacing tokens (decision 0022). Use semantic.space.600 (vertical margin). Removed in 3.0.
|
|
2084
|
-
*/
|
|
2085
|
-
margin: string;
|
|
2086
|
-
};
|
|
2087
|
-
large: {
|
|
2088
|
-
/**
|
|
2089
|
-
* Space around a large Divider.
|
|
2090
|
-
*
|
|
2091
|
-
* @deprecated No component spacing tokens (decision 0022). Use semantic.space.800 (vertical margin). Removed in 3.0.
|
|
2092
|
-
*/
|
|
2093
|
-
margin: string;
|
|
2094
|
-
};
|
|
2095
|
-
xlarge: {
|
|
2096
|
-
/**
|
|
2097
|
-
* Space around an extra-large Divider.
|
|
2098
|
-
*
|
|
2099
|
-
* @deprecated No component spacing tokens (decision 0022). Use semantic.space.1200 (vertical margin). Removed in 3.0.
|
|
2100
|
-
*/
|
|
2101
|
-
margin: string;
|
|
2102
1026
|
};
|
|
2103
1027
|
};
|
|
2104
1028
|
};
|
|
2105
1029
|
progressBar: {
|
|
2106
1030
|
/** ProgressBar track, behind the filled part. */
|
|
2107
1031
|
backgroundColor: string;
|
|
2108
|
-
/**
|
|
2109
|
-
* Corner radius of the ProgressBar track and fill.
|
|
2110
|
-
*
|
|
2111
|
-
* @deprecated ProgressBar never read it; its track and fill use semantic.radius.xs. Removed in 3.0.
|
|
2112
|
-
*/
|
|
2113
|
-
borderRadius: string;
|
|
2114
1032
|
sizes: {
|
|
2115
1033
|
sm: {
|
|
2116
1034
|
/** Thickness of the small ProgressBar, the thinnest size. */
|
|
@@ -2142,18 +1060,6 @@ export type Tokens = {
|
|
|
2142
1060
|
borderRadius: string;
|
|
2143
1061
|
/** Border width of text inputs and the Checkbox box. */
|
|
2144
1062
|
borderWidth: string;
|
|
2145
|
-
/**
|
|
2146
|
-
* Vertical padding of single-line text inputs.
|
|
2147
|
-
*
|
|
2148
|
-
* @deprecated Single-line fields take their min-height from semantic.size.control.lg with no vertical padding (decisions 0022 and 0034). Removed in 3.0.
|
|
2149
|
-
*/
|
|
2150
|
-
paddingY: string;
|
|
2151
|
-
/**
|
|
2152
|
-
* Horizontal padding of text inputs.
|
|
2153
|
-
*
|
|
2154
|
-
* @deprecated No component spacing tokens (decision 0022). Use semantic.space.inset.lg. Removed in 3.0.
|
|
2155
|
-
*/
|
|
2156
|
-
paddingX: string;
|
|
2157
1063
|
/** Text input value typography. */
|
|
2158
1064
|
font: string;
|
|
2159
1065
|
};
|
|
@@ -2170,12 +1076,6 @@ export type Tokens = {
|
|
|
2170
1076
|
borderColor: string;
|
|
2171
1077
|
/** Focus ring on text inputs and the Checkbox box. */
|
|
2172
1078
|
outline: string;
|
|
2173
|
-
/**
|
|
2174
|
-
* Gap between a text input and its focus outline.
|
|
2175
|
-
*
|
|
2176
|
-
* @deprecated Use semantic.border.focusOffset (decision 0022). Removed in 3.0.
|
|
2177
|
-
*/
|
|
2178
|
-
outlineOffset: string;
|
|
2179
1079
|
};
|
|
2180
1080
|
error: {
|
|
2181
1081
|
/** Text input border when invalid. */
|
|
@@ -2185,12 +1085,6 @@ export type Tokens = {
|
|
|
2185
1085
|
borderColor: string;
|
|
2186
1086
|
/** Focus ring on an invalid text input. */
|
|
2187
1087
|
outline: string;
|
|
2188
|
-
/**
|
|
2189
|
-
* Gap between a text input in its error state and its focus outline.
|
|
2190
|
-
*
|
|
2191
|
-
* @deprecated Use semantic.border.focusOffset (decision 0022). Removed in 3.0.
|
|
2192
|
-
*/
|
|
2193
|
-
outlineOffset: string;
|
|
2194
1088
|
};
|
|
2195
1089
|
hover: {
|
|
2196
1090
|
/** Invalid text input border on hover. */
|
|
@@ -2204,12 +1098,6 @@ export type Tokens = {
|
|
|
2204
1098
|
textColor: string;
|
|
2205
1099
|
/** Disabled text input, Dropdown and Checkbox border. Stays light: WCAG 1.4.11 exempts inactive controls (decision 0025). */
|
|
2206
1100
|
borderColor: string;
|
|
2207
|
-
/**
|
|
2208
|
-
* Cursor over a disabled text input.
|
|
2209
|
-
*
|
|
2210
|
-
* @deprecated Behaviour, not a design decision, stays in component code (decision 0014, rule 5); inputs set cursor: not-allowed themselves. Removed in 3.0.
|
|
2211
|
-
*/
|
|
2212
|
-
cursor: string;
|
|
2213
1101
|
};
|
|
2214
1102
|
textarea: {
|
|
2215
1103
|
/** Minimum height of TextArea, tall enough for a few lines of entry (decision 0034). */
|
|
@@ -2226,12 +1114,6 @@ export type Tokens = {
|
|
|
2226
1114
|
minWidth: string;
|
|
2227
1115
|
/** Height of the count Badge indicator on a button, tab or icon. */
|
|
2228
1116
|
height: string;
|
|
2229
|
-
/**
|
|
2230
|
-
* Horizontal padding of a count Badge.
|
|
2231
|
-
*
|
|
2232
|
-
* @deprecated No component spacing tokens (decision 0022). Use semantic.space.inset.xs. Removed in 3.0.
|
|
2233
|
-
*/
|
|
2234
|
-
paddingX: string;
|
|
2235
1117
|
/** Line height of the count text, so the digits centre in the indicator. */
|
|
2236
1118
|
lineHeight: string;
|
|
2237
1119
|
};
|
|
@@ -2242,23 +1124,17 @@ export type Tokens = {
|
|
|
2242
1124
|
/** Badge indicators are always fully circular. */
|
|
2243
1125
|
borderRadius: string;
|
|
2244
1126
|
label: {
|
|
2245
|
-
/** Text weight for the badge-like label family:
|
|
1127
|
+
/** Text weight for the badge-like label family: StatusLabel, CategoryLabel and Tag (decision 0014). Declare it after the typography shorthand, which would otherwise reset it. */
|
|
2246
1128
|
fontWeight: string;
|
|
2247
1129
|
typography: {
|
|
2248
|
-
/** Typography for small labels in the badge-like family (
|
|
1130
|
+
/** Typography for small labels in the badge-like family (StatusLabel small, CategoryLabel medium, Tag). Combine with label.fontWeight. */
|
|
2249
1131
|
small: string;
|
|
2250
|
-
/** Typography for medium labels in the badge-like family (
|
|
1132
|
+
/** Typography for medium labels in the badge-like family (StatusLabel medium, CategoryLabel large). Combine with label.fontWeight. */
|
|
2251
1133
|
medium: string;
|
|
2252
1134
|
};
|
|
2253
1135
|
};
|
|
2254
1136
|
};
|
|
2255
1137
|
field: {
|
|
2256
|
-
/**
|
|
2257
|
-
* Vertical gap between a field's label, control and helper text.
|
|
2258
|
-
*
|
|
2259
|
-
* @deprecated No component spacing tokens (decision 0022). Use semantic.space.200. Removed in 3.0.
|
|
2260
|
-
*/
|
|
2261
|
-
gap: string;
|
|
2262
1138
|
label: {
|
|
2263
1139
|
/** Field label text. */
|
|
2264
1140
|
typography: string;
|
|
@@ -2266,12 +1142,6 @@ export type Tokens = {
|
|
|
2266
1142
|
color: string;
|
|
2267
1143
|
/** Field label colour when the field is disabled. */
|
|
2268
1144
|
colorDisabled: string;
|
|
2269
|
-
/**
|
|
2270
|
-
* Gap between a label and its required indicator.
|
|
2271
|
-
*
|
|
2272
|
-
* @deprecated No component spacing tokens (decision 0022). Use semantic.space.100. Removed in 3.0.
|
|
2273
|
-
*/
|
|
2274
|
-
gap: string;
|
|
2275
1145
|
};
|
|
2276
1146
|
requiredIndicator: {
|
|
2277
1147
|
/** Colour of the required-field asterisk. */
|
|
@@ -2342,9 +1212,13 @@ export type Tokens = {
|
|
|
2342
1212
|
};
|
|
2343
1213
|
};
|
|
2344
1214
|
title: {
|
|
2345
|
-
/** Alert title style (h6), adjusted by title.
|
|
1215
|
+
/** Alert title style (h6), adjusted by title.lineHeight. */
|
|
2346
1216
|
typography: string;
|
|
2347
|
-
/**
|
|
1217
|
+
/**
|
|
1218
|
+
* Alert title weight.
|
|
1219
|
+
*
|
|
1220
|
+
* @deprecated h6 is semibold since decision 0050, so the title takes its weight from title.typography. Use semantic.fontWeight.semibold. Removed in 4.0.
|
|
1221
|
+
*/
|
|
2348
1222
|
fontWeight: string;
|
|
2349
1223
|
/** Alert titles use a tighter line height than h6. */
|
|
2350
1224
|
lineHeight: string;
|
|
@@ -2408,6 +1282,18 @@ export type Tokens = {
|
|
|
2408
1282
|
/** Code line height. */
|
|
2409
1283
|
lineHeight: string;
|
|
2410
1284
|
};
|
|
1285
|
+
sidebarNav: {
|
|
1286
|
+
width: {
|
|
1287
|
+
/** Width of a collapsed SidebarNav, the icon rail: the tallest dense row (size.row.sm, in comfortable) with an inset on each side. */
|
|
1288
|
+
rail: string;
|
|
1289
|
+
/** Width of an expanded SidebarNav with width="narrow": short labels. */
|
|
1290
|
+
narrow: string;
|
|
1291
|
+
/** Width of an expanded SidebarNav with the default width: labels with a trailing count. */
|
|
1292
|
+
default: string;
|
|
1293
|
+
/** Width of an expanded SidebarNav with width="wide": long titles, such as chat history. */
|
|
1294
|
+
wide: string;
|
|
1295
|
+
};
|
|
1296
|
+
};
|
|
2411
1297
|
slider: {
|
|
2412
1298
|
thumb: {
|
|
2413
1299
|
shadow: {
|
|
@@ -2435,12 +1321,6 @@ export type Tokens = {
|
|
|
2435
1321
|
/** Width at which a long Breadcrumbs label truncates with an ellipsis. */
|
|
2436
1322
|
maxWidth: string;
|
|
2437
1323
|
};
|
|
2438
|
-
/**
|
|
2439
|
-
* Breadcrumb-sized text; Breadcrumbs uses typography.caption for its links today.
|
|
2440
|
-
*
|
|
2441
|
-
* @deprecated Nothing reads it; the semantic tier now holds this meaning (#224). Removed in 3.0. Use `semantic.typography.caption`.
|
|
2442
|
-
*/
|
|
2443
|
-
font: string;
|
|
2444
1324
|
};
|
|
2445
1325
|
cardLarge: {
|
|
2446
1326
|
/** Widest a CardLarge grows, so its text keeps a readable measure. */
|
|
@@ -2485,7 +1365,11 @@ export type Tokens = {
|
|
|
2485
1365
|
};
|
|
2486
1366
|
};
|
|
2487
1367
|
transactionListItem: {
|
|
2488
|
-
/**
|
|
1368
|
+
/**
|
|
1369
|
+
* Minimum height of a TransactionListItem row, so rows line up in a list.
|
|
1370
|
+
*
|
|
1371
|
+
* @deprecated Two-line rows share semantic.size.row.lg, which follows density (decision 0051). Removed in 4.0.
|
|
1372
|
+
*/
|
|
2489
1373
|
minHeight: string;
|
|
2490
1374
|
};
|
|
2491
1375
|
status: {
|
|
@@ -2526,56 +1410,10 @@ export type Tokens = {
|
|
|
2526
1410
|
background: string;
|
|
2527
1411
|
};
|
|
2528
1412
|
};
|
|
2529
|
-
transaction: {
|
|
2530
|
-
/**
|
|
2531
|
-
* Positive amounts and credits in MoneyDisplay and TransactionListItem.
|
|
2532
|
-
*
|
|
2533
|
-
* @deprecated Nothing reads it; the semantic tier now holds this meaning (#224). Removed in 3.0. Use `semantic.color.data.positive`.
|
|
2534
|
-
*/
|
|
2535
|
-
credit: string;
|
|
2536
|
-
/**
|
|
2537
|
-
* A credit amount on a hovered interactive row.
|
|
2538
|
-
*
|
|
2539
|
-
* @deprecated Nothing reads it; the semantic tier now holds this meaning (#224). Removed in 3.0. Use `semantic.color.data.positive`.
|
|
2540
|
-
*/
|
|
2541
|
-
'credit-hover': string;
|
|
2542
|
-
/**
|
|
2543
|
-
* Negative amounts and debits in MoneyDisplay and TransactionListItem.
|
|
2544
|
-
*
|
|
2545
|
-
* @deprecated Nothing reads it; the semantic tier now holds this meaning (#224). Removed in 3.0. Use `semantic.color.data.negative`.
|
|
2546
|
-
*/
|
|
2547
|
-
debit: string;
|
|
2548
|
-
/**
|
|
2549
|
-
* A debit amount on a hovered interactive row.
|
|
2550
|
-
*
|
|
2551
|
-
* @deprecated Nothing reads it; the semantic tier now holds this meaning (#224). Removed in 3.0. Use `semantic.color.data.negative`.
|
|
2552
|
-
*/
|
|
2553
|
-
'debit-hover': string;
|
|
2554
|
-
/**
|
|
2555
|
-
* Amounts of pending or processing transactions.
|
|
2556
|
-
*
|
|
2557
|
-
* @deprecated Nothing reads it; the semantic tier now holds this meaning (#224). Removed in 3.0. Use `semantic.color.text.muted`.
|
|
2558
|
-
*/
|
|
2559
|
-
pending: string;
|
|
2560
|
-
/**
|
|
2561
|
-
* Informational amounts that are neither credit nor debit.
|
|
2562
|
-
*
|
|
2563
|
-
* @deprecated Nothing reads it; the semantic tier now holds this meaning (#224). Removed in 3.0. Use `semantic.color.text.muted`.
|
|
2564
|
-
*/
|
|
2565
|
-
neutral: string;
|
|
2566
|
-
};
|
|
2567
1413
|
track: {
|
|
2568
1414
|
/** Unfilled track of ProgressBar and Slider: light, so the fill and thumb show the value (decision 0026). The resting fill step, 1.12:1 on white. */
|
|
2569
1415
|
background: string;
|
|
2570
1416
|
};
|
|
2571
|
-
tooltip: {
|
|
2572
|
-
/**
|
|
2573
|
-
* Dotted underline marking text that has a tooltip.
|
|
2574
|
-
*
|
|
2575
|
-
* @deprecated Nothing reads it; the semantic tier now holds this meaning (#224). Removed in 3.0. Use `semantic.border.default`.
|
|
2576
|
-
*/
|
|
2577
|
-
border: string;
|
|
2578
|
-
};
|
|
2579
1417
|
};
|
|
2580
1418
|
semantic: {
|
|
2581
1419
|
elevation: {
|
|
@@ -2661,62 +1499,18 @@ export type Tokens = {
|
|
|
2661
1499
|
fontWeight: {
|
|
2662
1500
|
/** 400. Body text, captions, most UI text. */
|
|
2663
1501
|
regular: string;
|
|
2664
|
-
/** 500.
|
|
1502
|
+
/** 500. Subtitle, buttons, emphasis within UI text. */
|
|
2665
1503
|
medium: string;
|
|
2666
|
-
/** 600.
|
|
1504
|
+
/** 600. Headings (h1 to h6), labels and short titles (label, Alert title). */
|
|
2667
1505
|
semibold: string;
|
|
2668
|
-
/** 700.
|
|
1506
|
+
/** 700. The display heading, overline, strong indicators such as the required-field asterisk. */
|
|
2669
1507
|
bold: string;
|
|
2670
1508
|
};
|
|
2671
|
-
zIndex: {
|
|
2672
|
-
/**
|
|
2673
|
-
* Sticky and fixed chrome that stays visible while scrolling: sticky headers, section headers, navigation bars. Pair with elevation.sticky. Sits below dropdowns, overlays and modals.
|
|
2674
|
-
*
|
|
2675
|
-
* @deprecated Renamed to semantic.layer.sticky by the semantic grammar (decision 0031). Removed in 3.0.
|
|
2676
|
-
*/
|
|
2677
|
-
sticky: string;
|
|
2678
|
-
/**
|
|
2679
|
-
* Floating menus anchored to a control: dropdown menus, select and autocomplete lists (Dropdown, SearchField). Pair with elevation.floating. Sits above sticky, below overlays.
|
|
2680
|
-
*
|
|
2681
|
-
* @deprecated Renamed to semantic.layer.dropdown by the semantic grammar (decision 0031). Removed in 3.0.
|
|
2682
|
-
*/
|
|
2683
|
-
dropdown: string;
|
|
2684
|
-
/**
|
|
2685
|
-
* Panels that slide over the page and their backdrop: sheets, drawers (Sheet). The backdrop uses the same value and comes before the panel in the DOM. Pair with elevation.overlay. Sits below modals.
|
|
2686
|
-
*
|
|
2687
|
-
* @deprecated Renamed to semantic.layer.overlay by the semantic grammar (decision 0031). Removed in 3.0.
|
|
2688
|
-
*/
|
|
2689
|
-
overlay: string;
|
|
2690
|
-
/**
|
|
2691
|
-
* Blocking dialogs and their backdrop: modals, action sheets (Modal, ActionSheet). The backdrop uses the same value and comes before the dialog in the DOM. Pair with elevation.overlay. Topmost layer in the system.
|
|
2692
|
-
*
|
|
2693
|
-
* @deprecated Renamed to semantic.layer.modal by the semantic grammar (decision 0031). Removed in 3.0.
|
|
2694
|
-
*/
|
|
2695
|
-
modal: string;
|
|
2696
|
-
};
|
|
2697
1509
|
border: {
|
|
2698
1510
|
/** Hairline in the default border colour: dividers and decorative outlines, such as Breadcrumbs, CodeBlock and Divider. 1.53:1 on white, so never a control edge (decision 0025). */
|
|
2699
1511
|
default: string;
|
|
2700
|
-
/**
|
|
2701
|
-
* Hairline in the subtle border colour: dividers and decorative outlines, such as CodeBlock and Separator. 1.30:1 on white, so never a control's edge (decision 0025).
|
|
2702
|
-
*
|
|
2703
|
-
* @deprecated Renamed to semantic.border.emphasis by the semantic grammar (decision 0031). Removed in 3.0. Use `semantic.border.default`.
|
|
2704
|
-
*/
|
|
2705
|
-
subtle: string;
|
|
2706
|
-
/**
|
|
2707
|
-
* Hairline in near-black: a firm outline that must read as a boundary, such as a hovered or focused text input. 11.51:1 on white.
|
|
2708
|
-
*
|
|
2709
|
-
* @deprecated Renamed to semantic.border.input-hover by the semantic grammar (decision 0031). Removed in 3.0.
|
|
2710
|
-
*/
|
|
2711
|
-
strong: string;
|
|
2712
1512
|
/** The focus ring every component draws, with border.focusOffset; never blue (decision 0029). */
|
|
2713
1513
|
focus: string;
|
|
2714
|
-
/**
|
|
2715
|
-
* Dotted underline marking text that has a tooltip.
|
|
2716
|
-
*
|
|
2717
|
-
* @deprecated Moved to the component tier as component.tooltip.border (decision 0031 §6). Removed in 3.0. Use `semantic.border.default`.
|
|
2718
|
-
*/
|
|
2719
|
-
tooltip: string;
|
|
2720
1514
|
width: {
|
|
2721
1515
|
/** Hairline border: dividers, control edges and rings. */
|
|
2722
1516
|
thin: string;
|
|
@@ -2725,68 +1519,6 @@ export type Tokens = {
|
|
|
2725
1519
|
};
|
|
2726
1520
|
/** Gap between an element and its focus ring; negate it to inset the ring inside the element. */
|
|
2727
1521
|
focusOffset: string;
|
|
2728
|
-
radius: {
|
|
2729
|
-
/**
|
|
2730
|
-
* No rounding - tables, dividers, inline code blocks, sharp-edged containers
|
|
2731
|
-
*
|
|
2732
|
-
* @deprecated Renamed to semantic.radius.none by the semantic grammar (decision 0031). Removed in 3.0.
|
|
2733
|
-
*/
|
|
2734
|
-
none: string;
|
|
2735
|
-
/**
|
|
2736
|
-
* Minimal rounding - small badges, compact tags, inline buttons, checkboxes
|
|
2737
|
-
*
|
|
2738
|
-
* @deprecated Renamed to semantic.radius.xs by the semantic grammar (decision 0031). Removed in 3.0.
|
|
2739
|
-
*/
|
|
2740
|
-
xs: string;
|
|
2741
|
-
/**
|
|
2742
|
-
* Subtle rounding - buttons, inputs, chips, form controls, list items
|
|
2743
|
-
*
|
|
2744
|
-
* @deprecated Renamed to semantic.radius.sm by the semantic grammar (decision 0031). Removed in 3.0.
|
|
2745
|
-
*/
|
|
2746
|
-
sm: string;
|
|
2747
|
-
/**
|
|
2748
|
-
* Standard rounding - cards, containers, dropdowns, popovers, menus
|
|
2749
|
-
*
|
|
2750
|
-
* @deprecated Renamed to semantic.radius.md by the semantic grammar (decision 0031). Removed in 3.0.
|
|
2751
|
-
*/
|
|
2752
|
-
md: string;
|
|
2753
|
-
/**
|
|
2754
|
-
* Generous rounding - modals, action sheets, dialogs, feature cards, panels
|
|
2755
|
-
*
|
|
2756
|
-
* @deprecated Renamed to semantic.radius.lg by the semantic grammar (decision 0031). Removed in 3.0.
|
|
2757
|
-
*/
|
|
2758
|
-
lg: string;
|
|
2759
|
-
/**
|
|
2760
|
-
* Large rounding - pills, pill buttons, prominent CTAs, search bars
|
|
2761
|
-
*
|
|
2762
|
-
* @deprecated Renamed to semantic.radius.xl by the semantic grammar (decision 0031). Removed in 3.0.
|
|
2763
|
-
*/
|
|
2764
|
-
xl: string;
|
|
2765
|
-
/**
|
|
2766
|
-
* Extra large rounding - hero elements, decorative containers, large pills
|
|
2767
|
-
*
|
|
2768
|
-
* @deprecated Renamed to semantic.radius.2xl by the semantic grammar (decision 0031). Removed in 3.0.
|
|
2769
|
-
*/
|
|
2770
|
-
'2xl': string;
|
|
2771
|
-
/**
|
|
2772
|
-
* Maximum rounding - decorative elements, marketing components, large decorative cards
|
|
2773
|
-
*
|
|
2774
|
-
* @deprecated Renamed to semantic.radius.3xl by the semantic grammar (decision 0031). Removed in 3.0.
|
|
2775
|
-
*/
|
|
2776
|
-
'3xl': string;
|
|
2777
|
-
/**
|
|
2778
|
-
* Fully circular - avatars, round icon buttons, status indicators, FABs
|
|
2779
|
-
*
|
|
2780
|
-
* @deprecated Renamed to semantic.radius.full by the semantic grammar (decision 0031). Removed in 3.0.
|
|
2781
|
-
*/
|
|
2782
|
-
circle: string;
|
|
2783
|
-
};
|
|
2784
|
-
/**
|
|
2785
|
-
* Hairline for dividers and decorative outlines, such as CodeBlock and Divider; never a control edge.
|
|
2786
|
-
*
|
|
2787
|
-
* @deprecated Dividers have one border (decision 0048). Removed in 3.0. Use `semantic.border.default`.
|
|
2788
|
-
*/
|
|
2789
|
-
emphasis: string;
|
|
2790
1522
|
/** Firm hairline that must read as a boundary, such as a hovered text input. */
|
|
2791
1523
|
'input-hover': string;
|
|
2792
1524
|
};
|
|
@@ -2805,6 +1537,8 @@ export type Tokens = {
|
|
|
2805
1537
|
'800': string;
|
|
2806
1538
|
/** Size step for headers and indents, such as the AccountCard header. */
|
|
2807
1539
|
'1200': string;
|
|
1540
|
+
/** Size step for the collapsed SidebarNav rail: one icon row with an inset on each side. */
|
|
1541
|
+
'1400': string;
|
|
2808
1542
|
/** Size step for the comfortable ListItem expanded indent. */
|
|
2809
1543
|
'1500': string;
|
|
2810
1544
|
/** Size step for tall rows, such as the TransactionListItem minimum height. */
|
|
@@ -2817,7 +1551,11 @@ export type Tokens = {
|
|
|
2817
1551
|
'4500': string;
|
|
2818
1552
|
/** Size step for large illustrations, such as the large EmptyState image. */
|
|
2819
1553
|
'5000': string;
|
|
2820
|
-
/** Size step for narrow column
|
|
1554
|
+
/** Size step for a narrow navigation column: the narrow SidebarNav. */
|
|
1555
|
+
'5600': string;
|
|
1556
|
+
/** Size step for a standard navigation column: the default SidebarNav. */
|
|
1557
|
+
'6400': string;
|
|
1558
|
+
/** Size step for narrow column widths: AccountCard, EmptyState actions, the wide SidebarNav, the widest a Tooltip grows. */
|
|
2821
1559
|
'7500': string;
|
|
2822
1560
|
/** Size step for readable text widths, such as EmptyState copy. */
|
|
2823
1561
|
'9000': string;
|
|
@@ -2827,7 +1565,7 @@ export type Tokens = {
|
|
|
2827
1565
|
'19200': string;
|
|
2828
1566
|
/** Minimum pointer target for a control that's smaller to look at: its invisible hit area (WCAG 2.5.8, decision 0039). On touch screens, use touchTarget. */
|
|
2829
1567
|
pointerTarget: string;
|
|
2830
|
-
/**
|
|
1568
|
+
/** Invisible hit area of a small control on touch screens, such as the Slider thumb. Not a row or control height: those follow density down to pointerTarget (decision 0051). */
|
|
2831
1569
|
touchTarget: string;
|
|
2832
1570
|
control: {
|
|
2833
1571
|
/** Minimum height of small controls: small Buttons and IconButtons, buttons inside fields (decision 0034). */
|
|
@@ -2837,6 +1575,14 @@ export type Tokens = {
|
|
|
2837
1575
|
/** Minimum height of large controls: text fields, Dropdown, SearchField, the default Button (decision 0034). */
|
|
2838
1576
|
lg: string;
|
|
2839
1577
|
};
|
|
1578
|
+
row: {
|
|
1579
|
+
/** Minimum height of dense single-line rows: navigation items, menu items, dense table rows. Follows density down to the minimum pointer target (decision 0051). */
|
|
1580
|
+
sm: string;
|
|
1581
|
+
/** Minimum height of single-line list rows: ListItem and the rows built on it, such as ActionSheet actions and SearchField suggestions. Follows density (decision 0051). */
|
|
1582
|
+
md: string;
|
|
1583
|
+
/** Minimum height of two-line rows: TransactionListItem. Follows density (decision 0051). */
|
|
1584
|
+
lg: string;
|
|
1585
|
+
};
|
|
2840
1586
|
overlay: {
|
|
2841
1587
|
/** Width of a small Modal, and the default width or height of a Sheet. */
|
|
2842
1588
|
sm: string;
|
|
@@ -2857,299 +1603,35 @@ export type Tokens = {
|
|
|
2857
1603
|
/** Tallest a floating menu grows before it scrolls: Dropdown, SearchField. */
|
|
2858
1604
|
maxHeight: string;
|
|
2859
1605
|
};
|
|
2860
|
-
dimension: {
|
|
2861
|
-
/**
|
|
2862
|
-
* 0.25rem (4px): TabBar scrollbar height; small ProgressBar height (via component tokens).
|
|
2863
|
-
*
|
|
2864
|
-
* @deprecated Renamed to semantic.size.100 by the semantic grammar (decision 0031). Removed in 3.0.
|
|
2865
|
-
*/
|
|
2866
|
-
'1': string;
|
|
2867
|
-
/**
|
|
2868
|
-
* 0.5rem (8px): medium ProgressBar height; Badge dot (via component tokens). Approved under decision 0022.
|
|
2869
|
-
*
|
|
2870
|
-
* @deprecated Renamed to semantic.size.200 by the semantic grammar (decision 0031). Removed in 3.0.
|
|
2871
|
-
*/
|
|
2872
|
-
'2': string;
|
|
2873
|
-
/**
|
|
2874
|
-
* 1rem (16px): large ProgressBar height; Badge count minimum width and height (via component tokens). Approved under decision 0022.
|
|
2875
|
-
*
|
|
2876
|
-
* @deprecated Renamed to semantic.size.400 by the semantic grammar (decision 0031). Removed in 3.0.
|
|
2877
|
-
*/
|
|
2878
|
-
'4': string;
|
|
2879
|
-
/**
|
|
2880
|
-
* 1.25rem (20px): checkbox box; TabBar count badge; extra-large ProgressBar height (via component tokens); small label height (via size.label.small).
|
|
2881
|
-
*
|
|
2882
|
-
* @deprecated Renamed to semantic.size.500 by the semantic grammar (decision 0031). Removed in 3.0.
|
|
2883
|
-
*/
|
|
2884
|
-
'5': string;
|
|
2885
|
-
/**
|
|
2886
|
-
* 1.5rem (24px): medium label height (via size.label.medium).
|
|
2887
|
-
*
|
|
2888
|
-
* @deprecated Renamed to semantic.size.600 by the semantic grammar (decision 0031). Removed in 3.0.
|
|
2889
|
-
*/
|
|
2890
|
-
'6': string;
|
|
2891
|
-
/**
|
|
2892
|
-
* 2rem (32px): checkbox row minimum height (via component tokens); large label height (via size.label.large).
|
|
2893
|
-
*
|
|
2894
|
-
* @deprecated Renamed to semantic.size.800 by the semantic grammar (decision 0031). Removed in 3.0.
|
|
2895
|
-
*/
|
|
2896
|
-
'8': string;
|
|
2897
|
-
/**
|
|
2898
|
-
* 3rem (48px): AccountCard header minimum height; compact ListItem expanded indent (via component tokens).
|
|
2899
|
-
*
|
|
2900
|
-
* @deprecated Renamed to semantic.size.1200 by the semantic grammar (decision 0031). Removed in 3.0.
|
|
2901
|
-
*/
|
|
2902
|
-
'12': string;
|
|
2903
|
-
/**
|
|
2904
|
-
* 3.75rem (60px): comfortable ListItem expanded indent (via component tokens).
|
|
2905
|
-
*
|
|
2906
|
-
* @deprecated Renamed to semantic.size.1500 by the semantic grammar (decision 0031). Removed in 3.0.
|
|
2907
|
-
*/
|
|
2908
|
-
'15': string;
|
|
2909
|
-
/**
|
|
2910
|
-
* 4.5rem (72px): TransactionListItem minimum height (via component tokens).
|
|
2911
|
-
*
|
|
2912
|
-
* @deprecated Renamed to semantic.size.1800 by the semantic grammar (decision 0031). Removed in 3.0.
|
|
2913
|
-
*/
|
|
2914
|
-
'18': string;
|
|
2915
|
-
/**
|
|
2916
|
-
* 5rem (80px): small EmptyState illustration (via component tokens).
|
|
2917
|
-
*
|
|
2918
|
-
* @deprecated Renamed to semantic.size.2000 by the semantic grammar (decision 0031). Removed in 3.0.
|
|
2919
|
-
*/
|
|
2920
|
-
'20': string;
|
|
2921
|
-
/**
|
|
2922
|
-
* 7.5rem (120px): medium EmptyState illustration; TextArea minimum height (via component tokens).
|
|
2923
|
-
*
|
|
2924
|
-
* @deprecated Renamed to semantic.size.3000 by the semantic grammar (decision 0031). Removed in 3.0.
|
|
2925
|
-
*/
|
|
2926
|
-
'30': string;
|
|
2927
|
-
/**
|
|
2928
|
-
* 11.25rem (180px): Breadcrumbs label truncation width (via component tokens).
|
|
2929
|
-
*
|
|
2930
|
-
* @deprecated Renamed to semantic.size.4500 by the semantic grammar (decision 0031). Removed in 3.0.
|
|
2931
|
-
*/
|
|
2932
|
-
'45': string;
|
|
2933
|
-
/**
|
|
2934
|
-
* 12.5rem (200px): large EmptyState illustration (via component tokens).
|
|
2935
|
-
*
|
|
2936
|
-
* @deprecated Renamed to semantic.size.5000 by the semantic grammar (decision 0031). Removed in 3.0.
|
|
2937
|
-
*/
|
|
2938
|
-
'50': string;
|
|
2939
|
-
/**
|
|
2940
|
-
* 18.75rem (300px): AccountCard minimum width; EmptyState actions maximum width (via component tokens).
|
|
2941
|
-
*
|
|
2942
|
-
* @deprecated Renamed to semantic.size.7500 by the semantic grammar (decision 0031). Removed in 3.0.
|
|
2943
|
-
*/
|
|
2944
|
-
'75': string;
|
|
2945
|
-
/**
|
|
2946
|
-
* 22.5rem (360px): EmptyState text maximum width (via component tokens).
|
|
2947
|
-
*
|
|
2948
|
-
* @deprecated Renamed to semantic.size.9000 by the semantic grammar (decision 0031). Removed in 3.0.
|
|
2949
|
-
*/
|
|
2950
|
-
'90': string;
|
|
2951
|
-
/**
|
|
2952
|
-
* 25rem (400px): EmptyState maximum width (via component tokens).
|
|
2953
|
-
*
|
|
2954
|
-
* @deprecated Renamed to semantic.size.10000 by the semantic grammar (decision 0031). Removed in 3.0.
|
|
2955
|
-
*/
|
|
2956
|
-
'100': string;
|
|
2957
|
-
/**
|
|
2958
|
-
* 48rem (768px): CardLarge maximum width (via component tokens).
|
|
2959
|
-
*
|
|
2960
|
-
* @deprecated Renamed to semantic.size.19200 by the semantic grammar (decision 0031). Removed in 3.0.
|
|
2961
|
-
*/
|
|
2962
|
-
'192': string;
|
|
2963
|
-
};
|
|
2964
1606
|
icon: {
|
|
2965
1607
|
/** The smallest icon size, for dense inline indicators. */
|
|
2966
1608
|
xs: string;
|
|
2967
|
-
/** Icons in compact controls, such as Alert's dismiss icon and small icon buttons. */
|
|
2968
|
-
sm: string;
|
|
2969
|
-
/** Icons beside body text, such as Alert's severity icon. */
|
|
2970
|
-
md: string;
|
|
2971
|
-
/** The Icon component's default size; also list item icons. */
|
|
2972
|
-
lg: string;
|
|
2973
|
-
/** Extra-large standalone icons, such as feature illustrations. */
|
|
2974
|
-
xl: string;
|
|
2975
|
-
/** The largest icon size, for prominent standalone icons. */
|
|
2976
|
-
'2xl': string;
|
|
2977
|
-
};
|
|
2978
|
-
avatar: {
|
|
2979
|
-
/** Extra-small avatar, inline with text. */
|
|
2980
|
-
xs: string;
|
|
2981
|
-
/** Small avatar, in dense lists and tables. */
|
|
2982
|
-
sm: string;
|
|
2983
|
-
/** Medium avatar, the default size. */
|
|
2984
|
-
md: string;
|
|
2985
|
-
/** Large avatar, in headers and cards. */
|
|
2986
|
-
lg: string;
|
|
2987
|
-
/** Extra-large avatar, on profile pages. */
|
|
2988
|
-
xl: string;
|
|
2989
|
-
};
|
|
2990
|
-
};
|
|
2991
|
-
spacing: {
|
|
2992
|
-
separator: {
|
|
2993
|
-
/**
|
|
2994
|
-
* 1rem: space around a small Divider, above and below when horizontal, either side when vertical.
|
|
2995
|
-
*
|
|
2996
|
-
* @deprecated Renamed to semantic.space.400 by the semantic grammar (decision 0031). Removed in 3.0.
|
|
2997
|
-
*/
|
|
2998
|
-
sm: string;
|
|
2999
|
-
/**
|
|
3000
|
-
* 1.5rem: space around a medium or minimal Divider, above and below when horizontal, either side when vertical.
|
|
3001
|
-
*
|
|
3002
|
-
* @deprecated Renamed to semantic.space.600 by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3003
|
-
*/
|
|
3004
|
-
md: string;
|
|
3005
|
-
/**
|
|
3006
|
-
* 2rem: space around a large (the default) Divider, above and below when horizontal, either side when vertical.
|
|
3007
|
-
*
|
|
3008
|
-
* @deprecated Renamed to semantic.space.800 by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3009
|
-
*/
|
|
3010
|
-
lg: string;
|
|
3011
|
-
/**
|
|
3012
|
-
* 3rem: space around an extra-large Divider, above and below when horizontal, either side when vertical.
|
|
3013
|
-
*
|
|
3014
|
-
* @deprecated Renamed to semantic.space.1200 by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3015
|
-
*/
|
|
3016
|
-
xl: string;
|
|
3017
|
-
};
|
|
3018
|
-
component: {
|
|
3019
|
-
/**
|
|
3020
|
-
* Extra-small component internal spacing (0.25rem / 4px). Use for tight gaps within compound elements, icon-to-label spacing in small chips.
|
|
3021
|
-
*
|
|
3022
|
-
* @deprecated Renamed to semantic.space.inset.xs by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3023
|
-
*/
|
|
3024
|
-
xs: string;
|
|
3025
|
-
/**
|
|
3026
|
-
* Small component internal spacing (0.5rem / 8px). Use for standard icon-to-label gaps, chip padding, compact button inner spacing.
|
|
3027
|
-
*
|
|
3028
|
-
* @deprecated Renamed to semantic.space.inset.sm by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3029
|
-
*/
|
|
1609
|
+
/** Icons in compact controls, such as Alert's dismiss icon and small icon buttons. */
|
|
3030
1610
|
sm: string;
|
|
3031
|
-
/**
|
|
3032
|
-
* Medium component internal spacing (0.75rem / 12px). Use for standard button vertical padding, form field inner padding.
|
|
3033
|
-
*
|
|
3034
|
-
* @deprecated Renamed to semantic.space.inset.md by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3035
|
-
*/
|
|
1611
|
+
/** Icons beside body text, such as Alert's severity icon. */
|
|
3036
1612
|
md: string;
|
|
3037
|
-
/**
|
|
3038
|
-
* Large component internal spacing (1rem / 16px). Use for button horizontal padding, input horizontal padding, card inner spacing.
|
|
3039
|
-
*
|
|
3040
|
-
* @deprecated Renamed to semantic.space.inset.lg by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3041
|
-
*/
|
|
1613
|
+
/** The Icon component's default size; also list item icons. */
|
|
3042
1614
|
lg: string;
|
|
3043
|
-
/**
|
|
3044
|
-
* Extra-large component internal spacing (1.25rem / 20px). Use for generous button padding, prominent CTAs.
|
|
3045
|
-
*
|
|
3046
|
-
* @deprecated Renamed to semantic.space.inset.xl by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3047
|
-
*/
|
|
1615
|
+
/** Extra-large standalone icons, such as feature illustrations. */
|
|
3048
1616
|
xl: string;
|
|
3049
|
-
/**
|
|
3050
|
-
* 2x extra-large component internal spacing (1.5rem / 24px). Use for large card inner padding, spacious form sections.
|
|
3051
|
-
*
|
|
3052
|
-
* @deprecated Renamed to semantic.space.inset.2xl by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3053
|
-
*/
|
|
1617
|
+
/** The largest icon size, for prominent standalone icons. */
|
|
3054
1618
|
'2xl': string;
|
|
3055
1619
|
};
|
|
3056
|
-
|
|
3057
|
-
/**
|
|
3058
|
-
* 0: no space, for explicit resets.
|
|
3059
|
-
*
|
|
3060
|
-
* @deprecated Renamed to semantic.space.0 by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3061
|
-
*/
|
|
3062
|
-
none: string;
|
|
3063
|
-
/**
|
|
3064
|
-
* 0.25rem: the tightest gap, such as between a label and its required indicator.
|
|
3065
|
-
*
|
|
3066
|
-
* @deprecated Renamed to semantic.space.100 by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3067
|
-
*/
|
|
1620
|
+
avatar: {
|
|
1621
|
+
/** Extra-small avatar, inline with text. */
|
|
3068
1622
|
xs: string;
|
|
3069
|
-
/**
|
|
3070
|
-
* 0.5rem: a small gap, such as between a field's label, control and helper text.
|
|
3071
|
-
*
|
|
3072
|
-
* @deprecated Renamed to semantic.space.200 by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3073
|
-
*/
|
|
1623
|
+
/** Small avatar, in dense lists and tables. */
|
|
3074
1624
|
sm: string;
|
|
3075
|
-
/**
|
|
3076
|
-
* 0.75rem: the default gap between related elements.
|
|
3077
|
-
*
|
|
3078
|
-
* @deprecated Renamed to semantic.space.300 by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3079
|
-
*/
|
|
1625
|
+
/** Medium avatar, the default size. */
|
|
3080
1626
|
md: string;
|
|
3081
|
-
/**
|
|
3082
|
-
* 1rem: space between groups of elements, and padding inside containers.
|
|
3083
|
-
*
|
|
3084
|
-
* @deprecated Renamed to semantic.space.400 by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3085
|
-
*/
|
|
1627
|
+
/** Large avatar, in headers and cards. */
|
|
3086
1628
|
lg: string;
|
|
3087
|
-
/**
|
|
3088
|
-
* 1.25rem: generous padding inside larger containers.
|
|
3089
|
-
*
|
|
3090
|
-
* @deprecated Renamed to semantic.space.500 by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3091
|
-
*/
|
|
1629
|
+
/** Extra-large avatar, on profile pages. */
|
|
3092
1630
|
xl: string;
|
|
3093
|
-
|
|
3094
|
-
|
|
3095
|
-
|
|
3096
|
-
|
|
3097
|
-
*/
|
|
3098
|
-
'2xl': string;
|
|
3099
|
-
/**
|
|
3100
|
-
* 1.75rem: a larger step on the layout spacing scale, for space between blocks and sections. Pick the step the layout needs.
|
|
3101
|
-
*
|
|
3102
|
-
* @deprecated Renamed to semantic.space.700 by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3103
|
-
*/
|
|
3104
|
-
'3xl': string;
|
|
3105
|
-
/**
|
|
3106
|
-
* 2rem: a larger step on the layout spacing scale, for space between blocks and sections. Pick the step the layout needs.
|
|
3107
|
-
*
|
|
3108
|
-
* @deprecated Renamed to semantic.space.800 by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3109
|
-
*/
|
|
3110
|
-
'4xl': string;
|
|
3111
|
-
/**
|
|
3112
|
-
* 2.25rem: a larger step on the layout spacing scale, for space between blocks and sections. Pick the step the layout needs.
|
|
3113
|
-
*
|
|
3114
|
-
* @deprecated Renamed to semantic.space.900 by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3115
|
-
*/
|
|
3116
|
-
'5xl': string;
|
|
3117
|
-
/**
|
|
3118
|
-
* 2.5rem: a larger step on the layout spacing scale, for space between blocks and sections. Pick the step the layout needs.
|
|
3119
|
-
*
|
|
3120
|
-
* @deprecated Renamed to semantic.space.1000 by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3121
|
-
*/
|
|
3122
|
-
'6xl': string;
|
|
3123
|
-
/**
|
|
3124
|
-
* 3rem: a larger step on the layout spacing scale, for space between blocks and sections. Pick the step the layout needs.
|
|
3125
|
-
*
|
|
3126
|
-
* @deprecated Renamed to semantic.space.1200 by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3127
|
-
*/
|
|
3128
|
-
'7xl': string;
|
|
3129
|
-
/**
|
|
3130
|
-
* 3.5rem: a larger step on the layout spacing scale, for space between blocks and sections. Pick the step the layout needs.
|
|
3131
|
-
*
|
|
3132
|
-
* @deprecated Renamed to semantic.space.1400 by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3133
|
-
*/
|
|
3134
|
-
'8xl': string;
|
|
3135
|
-
/**
|
|
3136
|
-
* 4rem: a larger step on the layout spacing scale, for space between blocks and sections. Pick the step the layout needs.
|
|
3137
|
-
*
|
|
3138
|
-
* @deprecated Renamed to semantic.space.1600 by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3139
|
-
*/
|
|
3140
|
-
'9xl': string;
|
|
3141
|
-
/**
|
|
3142
|
-
* 5rem: a larger step on the layout spacing scale, for space between blocks and sections. Second-largest, after 11xl.
|
|
3143
|
-
*
|
|
3144
|
-
* @deprecated Renamed to semantic.space.2000 by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3145
|
-
*/
|
|
3146
|
-
'10xl': string;
|
|
3147
|
-
/**
|
|
3148
|
-
* 6rem: the largest layout gap (FeatureBlock at wide breakpoints).
|
|
3149
|
-
*
|
|
3150
|
-
* @deprecated Renamed to semantic.space.2400 by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3151
|
-
*/
|
|
3152
|
-
'11xl': string;
|
|
1631
|
+
};
|
|
1632
|
+
};
|
|
1633
|
+
spacing: {
|
|
1634
|
+
layout: {
|
|
3153
1635
|
/** auto: lets the browser compute the space, such as margin: auto to centre or push an element. */
|
|
3154
1636
|
auto: string;
|
|
3155
1637
|
};
|
|
@@ -3158,46 +1640,10 @@ export type Tokens = {
|
|
|
3158
1640
|
text: {
|
|
3159
1641
|
/** Primary text: body copy, labels and headings. 15.91:1 on white, 15.51:1 on the page. */
|
|
3160
1642
|
default: string;
|
|
3161
|
-
/**
|
|
3162
|
-
* Emphasised text.
|
|
3163
|
-
*
|
|
3164
|
-
* @deprecated Emphasis comes from weight and scale, not a darker colour (decision 0048). Removed in 3.0. Use `semantic.color.text.default`.
|
|
3165
|
-
*/
|
|
3166
|
-
emphasis: string;
|
|
3167
|
-
/**
|
|
3168
|
-
* Secondary text: helper text, metadata and supporting copy. 8.18:1 on white, 7.76:1 on the page.
|
|
3169
|
-
*
|
|
3170
|
-
* @deprecated Renamed to semantic.color.text.muted by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3171
|
-
*/
|
|
3172
|
-
subdued: string;
|
|
3173
1643
|
/** Text on dark or coloured fills, such as the primary, accent and danger Buttons. 15.51:1 on fill.emphasis. */
|
|
3174
1644
|
inverse: string;
|
|
3175
1645
|
/** Text of disabled controls, translucent so it stays right on tinted surfaces. 1.53:1 on white: disabled text is exempt from the contrast minimum (WCAG 1.4.3), so never use it for text people need to read, including placeholders. */
|
|
3176
1646
|
disabled: string;
|
|
3177
|
-
/**
|
|
3178
|
-
* Blue text for links and selected items (decision 0003). 5.39:1 on white, 5.11:1 on the page.
|
|
3179
|
-
*
|
|
3180
|
-
* @deprecated Renamed to semantic.color.text.accent by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3181
|
-
*/
|
|
3182
|
-
interactive: string;
|
|
3183
|
-
/**
|
|
3184
|
-
* Blue text on a hovered selected item (interactive-subtle-hover fill, 5.60:1). Decision 0016.
|
|
3185
|
-
*
|
|
3186
|
-
* @deprecated Renamed to semantic.color.text.accent-hover by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3187
|
-
*/
|
|
3188
|
-
'interactive-hover': string;
|
|
3189
|
-
/**
|
|
3190
|
-
* Blue text on a pressed selected item (interactive-subtle-active fill, 6.65:1). Decision 0016.
|
|
3191
|
-
*
|
|
3192
|
-
* @deprecated Renamed to semantic.color.text.accent-pressed by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3193
|
-
*/
|
|
3194
|
-
'interactive-active': string;
|
|
3195
|
-
/**
|
|
3196
|
-
* Error text, such as field error messages and InlineAlert errors. 5.41:1 on white, 5.13:1 on the page.
|
|
3197
|
-
*
|
|
3198
|
-
* @deprecated Renamed to semantic.color.text.danger by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3199
|
-
*/
|
|
3200
|
-
error: string;
|
|
3201
1647
|
/** Success text, such as InlineAlert success messages. 5.99:1 on white. */
|
|
3202
1648
|
success: string;
|
|
3203
1649
|
/** Warning text, such as InlineAlert warnings (0043: warning is yellow). 6.01:1 on white. */
|
|
@@ -3206,18 +1652,6 @@ export type Tokens = {
|
|
|
3206
1652
|
muted: string;
|
|
3207
1653
|
/** Blue text for links and selected items, in every state: the fill shows hover and pressed. Never decoration (0003). 6.00:1 on white. */
|
|
3208
1654
|
accent: string;
|
|
3209
|
-
/**
|
|
3210
|
-
* Text of a hovered selected item, on the accent-muted-hover fill.
|
|
3211
|
-
*
|
|
3212
|
-
* @deprecated Accent text keeps one colour in every state; the fill shows hover and pressed (#190). Removed in 3.0. Use `semantic.color.text.accent`.
|
|
3213
|
-
*/
|
|
3214
|
-
'accent-hover': string;
|
|
3215
|
-
/**
|
|
3216
|
-
* Text of a pressed selected item, on the accent-muted-pressed fill.
|
|
3217
|
-
*
|
|
3218
|
-
* @deprecated Accent text keeps one colour in every state; the fill shows hover and pressed (#190). Removed in 3.0. Use `semantic.color.text.accent`.
|
|
3219
|
-
*/
|
|
3220
|
-
'accent-pressed': string;
|
|
3221
1655
|
/** Error text: field error messages, InlineAlert errors. 6.03:1 on white. */
|
|
3222
1656
|
danger: string;
|
|
3223
1657
|
/** AI-generated content and agent actions, such as the label on proposed content (0046); always with the AI icon and a label, never colour alone (0043). 5.99:1 on white, 5.68:1 on the page. */
|
|
@@ -3225,245 +1659,15 @@ export type Tokens = {
|
|
|
3225
1659
|
/** Serious-warning text: between warning and danger (decisions 0043, 0045). 6.04:1 on white. */
|
|
3226
1660
|
serious: string;
|
|
3227
1661
|
};
|
|
3228
|
-
background: {
|
|
3229
|
-
/**
|
|
3230
|
-
* Page background: a cool off-white (#f8f9fa), never pure white (decision 0006).
|
|
3231
|
-
*
|
|
3232
|
-
* @deprecated Renamed to semantic.surface.base by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3233
|
-
*/
|
|
3234
|
-
default: string;
|
|
3235
|
-
/**
|
|
3236
|
-
* White: inputs, sheets and other surfaces that sit on the page background.
|
|
3237
|
-
*
|
|
3238
|
-
* @deprecated Split by use (decision 0031): semantic.surface.raised for surfaces such as cards, inputs and sheets; component.slider.thumb.background for Slider's thumb. Removed in 3.0.
|
|
3239
|
-
*/
|
|
3240
|
-
subtle: string;
|
|
3241
|
-
/**
|
|
3242
|
-
* Near-black fill for emphasis controls: the primary Button, IconButton and the emphasis Chip.
|
|
3243
|
-
*
|
|
3244
|
-
* @deprecated Renamed to semantic.color.fill.emphasis by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3245
|
-
*/
|
|
3246
|
-
emphasis: string;
|
|
3247
|
-
/**
|
|
3248
|
-
* Fill of a hovered emphasis control: the primary Button and IconButton, and the emphasis Chip. Approved under decision 0022.
|
|
3249
|
-
*
|
|
3250
|
-
* @deprecated Renamed to semantic.color.fill.emphasis-hover by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3251
|
-
*/
|
|
3252
|
-
'emphasis-hover': string;
|
|
3253
|
-
/**
|
|
3254
|
-
* Fill of a pressed emphasis control. Approved under decision 0022.
|
|
3255
|
-
*
|
|
3256
|
-
* @deprecated Renamed to semantic.color.fill.emphasis-pressed by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3257
|
-
*/
|
|
3258
|
-
'emphasis-active': string;
|
|
3259
|
-
/**
|
|
3260
|
-
* Light grey fill for quiet surfaces and grouped content, such as the default Chip.
|
|
3261
|
-
*
|
|
3262
|
-
* @deprecated Renamed to semantic.color.fill.muted by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3263
|
-
*/
|
|
3264
|
-
surface: string;
|
|
3265
|
-
/**
|
|
3266
|
-
* Dark grey fill for inverse surfaces, such as a checked Checkbox box.
|
|
3267
|
-
*
|
|
3268
|
-
* @deprecated Renamed to semantic.color.fill.inverse by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3269
|
-
*/
|
|
3270
|
-
inverse: string;
|
|
3271
|
-
/**
|
|
3272
|
-
* Blue fill for the accent Button and other deliberate highlights (decision 0003). Pair with text.inverse (5.39:1).
|
|
3273
|
-
*
|
|
3274
|
-
* @deprecated Renamed to semantic.color.fill.accent by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3275
|
-
*/
|
|
3276
|
-
interactive: string;
|
|
3277
|
-
/**
|
|
3278
|
-
* Light blue fill for selected items, such as a selected filter chip or tab (decision 0016). Pair with text.interactive.
|
|
3279
|
-
*
|
|
3280
|
-
* @deprecated Renamed to semantic.color.fill.accent-muted by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3281
|
-
*/
|
|
3282
|
-
'interactive-subtle': string;
|
|
3283
|
-
/**
|
|
3284
|
-
* Fill of a hovered selected item, such as a selected filter chip. Pair with text.interactive-hover. Decision 0016.
|
|
3285
|
-
*
|
|
3286
|
-
* @deprecated Renamed to semantic.color.fill.accent-muted-hover by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3287
|
-
*/
|
|
3288
|
-
'interactive-subtle-hover': string;
|
|
3289
|
-
/**
|
|
3290
|
-
* Fill of a pressed selected item. Pair with text.interactive-active. Decision 0016.
|
|
3291
|
-
*
|
|
3292
|
-
* @deprecated Renamed to semantic.color.fill.accent-muted-pressed by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3293
|
-
*/
|
|
3294
|
-
'interactive-subtle-active': string;
|
|
3295
|
-
/**
|
|
3296
|
-
* Blue fill on hover, for controls that use background.interactive.
|
|
3297
|
-
*
|
|
3298
|
-
* @deprecated Renamed to semantic.color.fill.accent-hover by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3299
|
-
*/
|
|
3300
|
-
'interactive-hover': string;
|
|
3301
|
-
/**
|
|
3302
|
-
* Blue fill while pressed, for controls that use background.interactive.
|
|
3303
|
-
*
|
|
3304
|
-
* @deprecated Renamed to semantic.color.fill.accent-pressed by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3305
|
-
*/
|
|
3306
|
-
'interactive-active': string;
|
|
3307
|
-
/**
|
|
3308
|
-
* Strong red fill for destructive actions, such as the danger Button. Pair with text.inverse (5.41:1).
|
|
3309
|
-
*
|
|
3310
|
-
* @deprecated Renamed to semantic.color.fill.danger by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3311
|
-
*/
|
|
3312
|
-
error: string;
|
|
3313
|
-
/**
|
|
3314
|
-
* Fill of a hovered error control, such as the danger Button. Approved under decision 0022.
|
|
3315
|
-
*
|
|
3316
|
-
* @deprecated Renamed to semantic.color.fill.danger-hover by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3317
|
-
*/
|
|
3318
|
-
'error-hover': string;
|
|
3319
|
-
/**
|
|
3320
|
-
* Fill of a pressed error control. Approved under decision 0022.
|
|
3321
|
-
*
|
|
3322
|
-
* @deprecated Renamed to semantic.color.fill.danger-pressed by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3323
|
-
*/
|
|
3324
|
-
'error-active': string;
|
|
3325
|
-
/**
|
|
3326
|
-
* Light red tint behind error messages, such as an error Alert.
|
|
3327
|
-
*
|
|
3328
|
-
* @deprecated Renamed to semantic.color.fill.danger-muted by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3329
|
-
*/
|
|
3330
|
-
'error-subtle': string;
|
|
3331
|
-
/**
|
|
3332
|
-
* Strong green fill for success states.
|
|
3333
|
-
*
|
|
3334
|
-
* @deprecated Renamed to semantic.color.fill.success by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3335
|
-
*/
|
|
3336
|
-
success: string;
|
|
3337
|
-
/**
|
|
3338
|
-
* Light green tint behind success messages, such as a success Alert.
|
|
3339
|
-
*
|
|
3340
|
-
* @deprecated Renamed to semantic.color.fill.success-muted by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3341
|
-
*/
|
|
3342
|
-
'success-subtle': string;
|
|
3343
|
-
/**
|
|
3344
|
-
* Strong orange fill for warning states.
|
|
3345
|
-
*
|
|
3346
|
-
* @deprecated Renamed to semantic.color.fill.warning by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3347
|
-
*/
|
|
3348
|
-
warning: string;
|
|
3349
|
-
/**
|
|
3350
|
-
* Light orange tint behind warning messages, such as a warning Alert.
|
|
3351
|
-
*
|
|
3352
|
-
* @deprecated Renamed to semantic.color.fill.warning-muted by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3353
|
-
*/
|
|
3354
|
-
'warning-subtle': string;
|
|
3355
|
-
/**
|
|
3356
|
-
* Fill of disabled controls.
|
|
3357
|
-
*
|
|
3358
|
-
* @deprecated Renamed to semantic.color.fill.disabled by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3359
|
-
*/
|
|
3360
|
-
disabled: string;
|
|
3361
|
-
/**
|
|
3362
|
-
* Fill of a neutral control at rest, such as the secondary Button. Not the disabled fill, though the value matches today. Approved under decision 0022.
|
|
3363
|
-
*
|
|
3364
|
-
* @deprecated Renamed to semantic.color.fill.default by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3365
|
-
*/
|
|
3366
|
-
neutral: string;
|
|
3367
|
-
/**
|
|
3368
|
-
* Fill of a hovered neutral control. Approved under decision 0022.
|
|
3369
|
-
*
|
|
3370
|
-
* @deprecated Renamed to semantic.color.fill.default-hover by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3371
|
-
*/
|
|
3372
|
-
'neutral-hover': string;
|
|
3373
|
-
/**
|
|
3374
|
-
* Fill of a pressed neutral control. Approved under decision 0022.
|
|
3375
|
-
*
|
|
3376
|
-
* @deprecated Renamed to semantic.color.fill.default-pressed by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3377
|
-
*/
|
|
3378
|
-
'neutral-active': string;
|
|
3379
|
-
/**
|
|
3380
|
-
* No fill, for controls without a background at rest, such as the naked Button and IconButton. Approved under decision 0022.
|
|
3381
|
-
*
|
|
3382
|
-
* @deprecated Renamed to semantic.color.fill.none by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3383
|
-
*/
|
|
3384
|
-
transparent: string;
|
|
3385
|
-
/**
|
|
3386
|
-
* Unfilled track of ProgressBar and Slider. 1.30:1 on white: the filled part and the thumb show the value, so the track doesn't need 3:1 (decision 0026).
|
|
3387
|
-
*
|
|
3388
|
-
* @deprecated Moved to the component tier as component.track.background (decision 0031 §6). Removed in 3.0.
|
|
3389
|
-
*/
|
|
3390
|
-
progressTrack: string;
|
|
3391
|
-
/**
|
|
3392
|
-
* The same cool off-white as background.default (#f8f9fa). Decision 0006 makes background.default the page background token, so use that.
|
|
3393
|
-
*
|
|
3394
|
-
* @deprecated Renamed to semantic.surface.base by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3395
|
-
*/
|
|
3396
|
-
page: string;
|
|
3397
|
-
/**
|
|
3398
|
-
* Semi-transparent scrim for modal, sheet, drawer, and action-sheet backdrops. Uses brand near-black (#212529) at 50% opacity. Sits below the overlay surface and above page content.
|
|
3399
|
-
*
|
|
3400
|
-
* @deprecated Renamed to semantic.surface.scrim by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3401
|
-
*/
|
|
3402
|
-
overlay: string;
|
|
3403
|
-
/**
|
|
3404
|
-
* Subtle transparent dark overlay for hover states on components that sit over variable-colour backgrounds (e.g. chip close-button hover). Uses brand near-black (#212529) — never pure #000000 per VDL.
|
|
3405
|
-
*
|
|
3406
|
-
* @deprecated Renamed to semantic.color.fill.none-hover by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3407
|
-
*/
|
|
3408
|
-
'hover-overlay': string;
|
|
3409
|
-
/**
|
|
3410
|
-
* Slightly stronger transparent dark overlay for active/pressed states on components over variable-colour backgrounds (e.g. chip close-button active). Uses brand near-black (#212529). Pair with hover-overlay for consistent press depth.
|
|
3411
|
-
*
|
|
3412
|
-
* @deprecated Renamed to semantic.color.fill.none-pressed by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3413
|
-
*/
|
|
3414
|
-
'active-overlay': string;
|
|
3415
|
-
/**
|
|
3416
|
-
* Subtle transparent light overlay for elements that sit on a strong or dark background (e.g. the count badge on an active pills tab in TabBar). The light counterpart of hover-overlay; pair with text.inverse.
|
|
3417
|
-
*
|
|
3418
|
-
* @deprecated Renamed to semantic.color.fill.inverse-none-hover by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3419
|
-
*/
|
|
3420
|
-
'inverse-overlay': string;
|
|
3421
|
-
};
|
|
3422
1662
|
border: {
|
|
3423
1663
|
/** Default border colour for dividers and decorative outlines only (decision 0040). 1.53:1 on white, below the 3:1 a control edge needs; use color.border.input for that (decision 0025). */
|
|
3424
1664
|
default: string;
|
|
3425
|
-
/**
|
|
3426
|
-
* Subtle border colour for dividers and decorative outlines, and for the borders of disabled controls, which WCAG 1.4.11 exempts. 1.30:1 on white, below the 3:1 a control's edge needs; use color.border.control for that (decision 0025).
|
|
3427
|
-
*
|
|
3428
|
-
* @deprecated Renamed to semantic.color.border.emphasis by the semantic grammar (decision 0031). Removed in 3.0. Use `semantic.color.border.default`.
|
|
3429
|
-
*/
|
|
3430
|
-
subtle: string;
|
|
3431
|
-
/**
|
|
3432
|
-
* Resting border of a control whose edge shows where it is, such as a text input, Dropdown or the Checkbox box. 4.69:1 on white, 4.45:1 on the page, above the 3:1 WCAG 1.4.11 asks for (decision 0025).
|
|
3433
|
-
*
|
|
3434
|
-
* @deprecated Renamed to semantic.color.border.input by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3435
|
-
*/
|
|
3436
|
-
control: string;
|
|
3437
|
-
/**
|
|
3438
|
-
* Near-black border colour for firm boundaries, such as a hovered or focused input. 11.51:1 on white.
|
|
3439
|
-
*
|
|
3440
|
-
* @deprecated Split by use (decision 0031): semantic.color.border.input-hover for a hovered control, semantic.color.border.focus for the focus ring and CardSmall's ring, semantic.color.fill.inverse for drag handles. Removed in 3.0.
|
|
3441
|
-
*/
|
|
3442
|
-
strong: string;
|
|
3443
|
-
/**
|
|
3444
|
-
* Blue border for selected and interactive states (decision 0003). 5.39:1 on white.
|
|
3445
|
-
*
|
|
3446
|
-
* @deprecated Renamed to semantic.color.border.accent by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3447
|
-
*/
|
|
3448
|
-
interactive: string;
|
|
3449
|
-
/**
|
|
3450
|
-
* Red border for invalid fields and error outlines. 5.41:1 on white.
|
|
3451
|
-
*
|
|
3452
|
-
* @deprecated Renamed to semantic.color.border.danger by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3453
|
-
*/
|
|
3454
|
-
error: string;
|
|
3455
1665
|
/** Green border for success outlines, such as an outlined success Alert. 3.18:1 on white (decision 0025). */
|
|
3456
1666
|
success: string;
|
|
3457
1667
|
/** Yellow border for warning outlines, such as an outlined warning Alert. 3.19:1 on white (decision 0025). */
|
|
3458
1668
|
warning: string;
|
|
3459
1669
|
/** An invisible border that keeps its width, so a borderless state takes the same space as a bordered one (for example Alert's borderless appearance, decision 0019). */
|
|
3460
1670
|
none: string;
|
|
3461
|
-
/**
|
|
3462
|
-
* Border for dividers, decorative outlines and disabled controls.
|
|
3463
|
-
*
|
|
3464
|
-
* @deprecated Dividers have one border colour (decision 0048). Removed in 3.0. Use `semantic.color.border.default`.
|
|
3465
|
-
*/
|
|
3466
|
-
emphasis: string;
|
|
3467
1671
|
/** Resting edge of a control that must show where it is: text inputs, Dropdown, Checkbox. 3.19:1 on white and the page (decision 0025). */
|
|
3468
1672
|
input: string;
|
|
3469
1673
|
/** Edge of a hovered control, such as a hovered text input or Dropdown. 6.01:1 on white, a clear step from rest that stays apart from the focus ring. */
|
|
@@ -3476,52 +1680,16 @@ export type Tokens = {
|
|
|
3476
1680
|
danger: string;
|
|
3477
1681
|
/** Orange border for serious-warning outlines. 3.21:1 on white (decision 0025). */
|
|
3478
1682
|
serious: string;
|
|
3479
|
-
/** Purple border for AI-generated content and agent actions, always with the AI icon and a label (0043). 3.20:1 on white. */
|
|
3480
|
-
ai: string;
|
|
3481
|
-
};
|
|
3482
|
-
icon: {
|
|
3483
|
-
/** Default icon colour, matching text.default. 15.91:1 on white. */
|
|
3484
|
-
default: string;
|
|
3485
|
-
/**
|
|
3486
|
-
|
|
3487
|
-
|
|
3488
|
-
|
|
3489
|
-
*/
|
|
3490
|
-
emphasis: string;
|
|
3491
|
-
/**
|
|
3492
|
-
* Secondary icons, such as list item and empty-state icons. 4.69:1 on white, 4.45:1 on the page (icons need 3:1).
|
|
3493
|
-
*
|
|
3494
|
-
* @deprecated Renamed to semantic.color.icon.muted by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3495
|
-
*/
|
|
3496
|
-
subdued: string;
|
|
3497
|
-
/** Icons and other foreground marks in disabled controls, matching text.disabled. 1.53:1 on white. */
|
|
3498
|
-
disabled: string;
|
|
3499
|
-
/** Icons on dark or coloured fills, matching text.inverse. */
|
|
3500
|
-
inverse: string;
|
|
3501
|
-
/**
|
|
3502
|
-
* Blue icons in links and selected items, matching text.interactive. 5.39:1 on white.
|
|
3503
|
-
*
|
|
3504
|
-
* @deprecated Renamed to semantic.color.icon.accent by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3505
|
-
*/
|
|
3506
|
-
interactive: string;
|
|
3507
|
-
/**
|
|
3508
|
-
* Blue icon on hover, matching text.interactive-hover.
|
|
3509
|
-
*
|
|
3510
|
-
* @deprecated Renamed to semantic.color.icon.accent-hover by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3511
|
-
*/
|
|
3512
|
-
'interactive-hover': string;
|
|
3513
|
-
/**
|
|
3514
|
-
* Blue icon while pressed, matching text.interactive-active.
|
|
3515
|
-
*
|
|
3516
|
-
* @deprecated Renamed to semantic.color.icon.accent-pressed by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3517
|
-
*/
|
|
3518
|
-
'interactive-active': string;
|
|
3519
|
-
/**
|
|
3520
|
-
* Error icons, such as in Alert and EmptyState. 5.41:1 on white. (InlineAlert's icon takes the text colour instead.)
|
|
3521
|
-
*
|
|
3522
|
-
* @deprecated Renamed to semantic.color.icon.danger by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3523
|
-
*/
|
|
3524
|
-
error: string;
|
|
1683
|
+
/** Purple border for AI-generated content and agent actions, always with the AI icon and a label (0043). 3.20:1 on white. */
|
|
1684
|
+
ai: string;
|
|
1685
|
+
};
|
|
1686
|
+
icon: {
|
|
1687
|
+
/** Default icon colour, matching text.default. 15.91:1 on white. */
|
|
1688
|
+
default: string;
|
|
1689
|
+
/** Icons and other foreground marks in disabled controls, matching text.disabled. 1.53:1 on white. */
|
|
1690
|
+
disabled: string;
|
|
1691
|
+
/** Icons on dark or coloured fills, matching text.inverse. */
|
|
1692
|
+
inverse: string;
|
|
3525
1693
|
/** Success icons, such as in Alert and EmptyState. 5.99:1 on white. (InlineAlert’s icon takes the text colour instead.) */
|
|
3526
1694
|
success: string;
|
|
3527
1695
|
/** Warning icons, such as in Alert. 6.01:1 on white. (InlineAlert’s icon takes the text colour instead.) */
|
|
@@ -3530,18 +1698,6 @@ export type Tokens = {
|
|
|
3530
1698
|
muted: string;
|
|
3531
1699
|
/** Blue icons in links and selected items, in every state, matching color.text.accent. 6.00:1 on white. */
|
|
3532
1700
|
accent: string;
|
|
3533
|
-
/**
|
|
3534
|
-
* Icon of a hovered selected item, matching color.text.accent-hover.
|
|
3535
|
-
*
|
|
3536
|
-
* @deprecated Accent icons keeps one colour in every state; the fill shows hover and pressed (#190). Removed in 3.0. Use `semantic.color.icon.accent`.
|
|
3537
|
-
*/
|
|
3538
|
-
'accent-hover': string;
|
|
3539
|
-
/**
|
|
3540
|
-
* Icon of a pressed selected item, matching color.text.accent-pressed.
|
|
3541
|
-
*
|
|
3542
|
-
* @deprecated Accent icons keeps one colour in every state; the fill shows hover and pressed (#190). Removed in 3.0. Use `semantic.color.icon.accent`.
|
|
3543
|
-
*/
|
|
3544
|
-
'accent-pressed': string;
|
|
3545
1701
|
/** Error icons, such as in Alert and EmptyState. 6.03:1 on white. */
|
|
3546
1702
|
danger: string;
|
|
3547
1703
|
/** The AI icon on AI-generated content and agent actions (0043, 0046), next to its label. 5.99:1 on white, 5.68:1 on the page. */
|
|
@@ -3549,315 +1705,13 @@ export type Tokens = {
|
|
|
3549
1705
|
/** Serious-warning icons, matching color.text.serious. 6.04:1 on white. */
|
|
3550
1706
|
serious: string;
|
|
3551
1707
|
};
|
|
3552
|
-
financial: {
|
|
3553
|
-
/**
|
|
3554
|
-
* Color for positive monetary values, credits, income
|
|
3555
|
-
*
|
|
3556
|
-
* @deprecated Moved to the component tier as component.transaction.credit (decision 0031 §6). Removed in 3.0. Use `semantic.color.data.positive`.
|
|
3557
|
-
*/
|
|
3558
|
-
credit: string;
|
|
3559
|
-
/**
|
|
3560
|
-
* Hover state for credit-colored interactive elements
|
|
3561
|
-
*
|
|
3562
|
-
* @deprecated Moved to the component tier as component.transaction.credit-hover (decision 0031 §6). Removed in 3.0. Use `semantic.color.data.positive`.
|
|
3563
|
-
*/
|
|
3564
|
-
'credit-hover': string;
|
|
3565
|
-
/**
|
|
3566
|
-
* Color for negative monetary values, debits, expenses
|
|
3567
|
-
*
|
|
3568
|
-
* @deprecated Moved to the component tier as component.transaction.debit (decision 0031 §6). Removed in 3.0. Use `semantic.color.data.negative`.
|
|
3569
|
-
*/
|
|
3570
|
-
debit: string;
|
|
3571
|
-
/**
|
|
3572
|
-
* Hover state for debit-colored interactive elements
|
|
3573
|
-
*
|
|
3574
|
-
* @deprecated Moved to the component tier as component.transaction.debit-hover (decision 0031 §6). Removed in 3.0. Use `semantic.color.data.negative`.
|
|
3575
|
-
*/
|
|
3576
|
-
'debit-hover': string;
|
|
3577
|
-
/**
|
|
3578
|
-
* Color for pending or processing financial transactions
|
|
3579
|
-
*
|
|
3580
|
-
* @deprecated Moved to the component tier as component.transaction.pending (decision 0031 §6). Removed in 3.0. Use `semantic.color.text.muted`.
|
|
3581
|
-
*/
|
|
3582
|
-
pending: string;
|
|
3583
|
-
/**
|
|
3584
|
-
* Neutral color for informational monetary amounts
|
|
3585
|
-
*
|
|
3586
|
-
* @deprecated Moved to the component tier as component.transaction.neutral (decision 0031 §6). Removed in 3.0. Use `semantic.color.text.muted`.
|
|
3587
|
-
*/
|
|
3588
|
-
neutral: string;
|
|
3589
|
-
};
|
|
3590
1708
|
category: {
|
|
3591
|
-
/**
|
|
3592
|
-
* Blue category color for general/miscellaneous
|
|
3593
|
-
*
|
|
3594
|
-
* @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Blue is now periwinkle. Removed in 3.0. Use `semantic.color.category.periwinkle`.
|
|
3595
|
-
*/
|
|
3596
|
-
blue: string;
|
|
3597
|
-
/**
|
|
3598
|
-
* Strong step of the blue category: the fill of a filled CategoryLabel, with white text (decision 0029).
|
|
3599
|
-
*
|
|
3600
|
-
* @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Blue is now periwinkle. Removed in 3.0. Use `semantic.color.category.periwinkle-strong`.
|
|
3601
|
-
*/
|
|
3602
|
-
'blue-strong': string;
|
|
3603
|
-
/**
|
|
3604
|
-
* Strong step of the blue category: the fill of a filled CategoryLabel, with white text (decision 0029).
|
|
3605
|
-
*
|
|
3606
|
-
* @deprecated "emphasis" means near-black, so use semantic.color.category.blue-strong (decision 0029). Removed in 3.0. Use `semantic.color.category.periwinkle-strong`.
|
|
3607
|
-
*/
|
|
3608
|
-
'blue-emphasis': string;
|
|
3609
|
-
/**
|
|
3610
|
-
* Subtle blue background
|
|
3611
|
-
*
|
|
3612
|
-
* @deprecated Renamed to semantic.color.category.blue-muted by the semantic grammar (decision 0031). Removed in 3.0. Use `semantic.color.category.periwinkle-muted`.
|
|
3613
|
-
*/
|
|
3614
|
-
'blue-subtle': string;
|
|
3615
|
-
/**
|
|
3616
|
-
* Purple category color for entertainment
|
|
3617
|
-
*
|
|
3618
|
-
* @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Purple is now magenta. Removed in 3.0. Use `semantic.color.category.magenta`.
|
|
3619
|
-
*/
|
|
3620
|
-
purple: string;
|
|
3621
|
-
/**
|
|
3622
|
-
* Strong step of the purple category: the fill of a filled CategoryLabel, with white text (decision 0029).
|
|
3623
|
-
*
|
|
3624
|
-
* @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Purple is now magenta. Removed in 3.0. Use `semantic.color.category.magenta-strong`.
|
|
3625
|
-
*/
|
|
3626
|
-
'purple-strong': string;
|
|
3627
|
-
/**
|
|
3628
|
-
* Strong step of the purple category: the fill of a filled CategoryLabel, with white text (decision 0029).
|
|
3629
|
-
*
|
|
3630
|
-
* @deprecated "emphasis" means near-black, so use semantic.color.category.purple-strong (decision 0029). Removed in 3.0. Use `semantic.color.category.magenta-strong`.
|
|
3631
|
-
*/
|
|
3632
|
-
'purple-emphasis': string;
|
|
3633
|
-
/**
|
|
3634
|
-
* Subtle purple background
|
|
3635
|
-
*
|
|
3636
|
-
* @deprecated Renamed to semantic.color.category.purple-muted by the semantic grammar (decision 0031). Removed in 3.0. Use `semantic.color.category.magenta-muted`.
|
|
3637
|
-
*/
|
|
3638
|
-
'purple-subtle': string;
|
|
3639
|
-
/**
|
|
3640
|
-
* Pink category color for health/wellness
|
|
3641
|
-
*
|
|
3642
|
-
* @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Pink is now rose. Removed in 3.0. Use `semantic.color.category.rose`.
|
|
3643
|
-
*/
|
|
3644
|
-
pink: string;
|
|
3645
|
-
/**
|
|
3646
|
-
* Strong step of the pink category: the fill of a filled CategoryLabel, with white text (decision 0029).
|
|
3647
|
-
*
|
|
3648
|
-
* @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Pink is now rose. Removed in 3.0. Use `semantic.color.category.rose-strong`.
|
|
3649
|
-
*/
|
|
3650
|
-
'pink-strong': string;
|
|
3651
|
-
/**
|
|
3652
|
-
* Strong step of the pink category: the fill of a filled CategoryLabel, with white text (decision 0029).
|
|
3653
|
-
*
|
|
3654
|
-
* @deprecated "emphasis" means near-black, so use semantic.color.category.pink-strong (decision 0029). Removed in 3.0. Use `semantic.color.category.rose-strong`.
|
|
3655
|
-
*/
|
|
3656
|
-
'pink-emphasis': string;
|
|
3657
|
-
/**
|
|
3658
|
-
* Subtle pink background
|
|
3659
|
-
*
|
|
3660
|
-
* @deprecated Renamed to semantic.color.category.pink-muted by the semantic grammar (decision 0031). Removed in 3.0. Use `semantic.color.category.rose-muted`.
|
|
3661
|
-
*/
|
|
3662
|
-
'pink-subtle': string;
|
|
3663
|
-
/**
|
|
3664
|
-
* Yellow category color for utilities
|
|
3665
|
-
*
|
|
3666
|
-
* @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Yellow is now olive. Removed in 3.0. Use `semantic.color.category.olive`.
|
|
3667
|
-
*/
|
|
3668
|
-
yellow: string;
|
|
3669
|
-
/**
|
|
3670
|
-
* Strong step of the yellow category: the fill of a filled CategoryLabel, with white text (decision 0029).
|
|
3671
|
-
*
|
|
3672
|
-
* @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Yellow is now olive. Removed in 3.0. Use `semantic.color.category.olive-strong`.
|
|
3673
|
-
*/
|
|
3674
|
-
'yellow-strong': string;
|
|
3675
|
-
/**
|
|
3676
|
-
* Strong step of the yellow category: the fill of a filled CategoryLabel, with white text (decision 0029).
|
|
3677
|
-
*
|
|
3678
|
-
* @deprecated "emphasis" means near-black, so use semantic.color.category.yellow-strong (decision 0029). Removed in 3.0. Use `semantic.color.category.olive-strong`.
|
|
3679
|
-
*/
|
|
3680
|
-
'yellow-emphasis': string;
|
|
3681
|
-
/**
|
|
3682
|
-
* Subtle yellow background
|
|
3683
|
-
*
|
|
3684
|
-
* @deprecated Renamed to semantic.color.category.yellow-muted by the semantic grammar (decision 0031). Removed in 3.0. Use `semantic.color.category.olive-muted`.
|
|
3685
|
-
*/
|
|
3686
|
-
'yellow-subtle': string;
|
|
3687
|
-
/**
|
|
3688
|
-
* Green category color for income
|
|
3689
|
-
*
|
|
3690
|
-
* @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Green is now olive. Removed in 3.0. Use `semantic.color.category.olive`.
|
|
3691
|
-
*/
|
|
3692
|
-
green: string;
|
|
3693
|
-
/**
|
|
3694
|
-
* Strong step of the green category: the fill of a filled CategoryLabel, with white text (decision 0029).
|
|
3695
|
-
*
|
|
3696
|
-
* @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Green is now olive. Removed in 3.0. Use `semantic.color.category.olive-strong`.
|
|
3697
|
-
*/
|
|
3698
|
-
'green-strong': string;
|
|
3699
|
-
/**
|
|
3700
|
-
* Strong step of the green category: the fill of a filled CategoryLabel, with white text (decision 0029).
|
|
3701
|
-
*
|
|
3702
|
-
* @deprecated "emphasis" means near-black, so use semantic.color.category.green-strong (decision 0029). Removed in 3.0. Use `semantic.color.category.olive-strong`.
|
|
3703
|
-
*/
|
|
3704
|
-
'green-emphasis': string;
|
|
3705
|
-
/**
|
|
3706
|
-
* Subtle green background
|
|
3707
|
-
*
|
|
3708
|
-
* @deprecated Renamed to semantic.color.category.green-muted by the semantic grammar (decision 0031). Removed in 3.0. Use `semantic.color.category.olive-muted`.
|
|
3709
|
-
*/
|
|
3710
|
-
'green-subtle': string;
|
|
3711
|
-
/**
|
|
3712
|
-
* Red category color for expenses
|
|
3713
|
-
*
|
|
3714
|
-
* @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Red is now rose. Removed in 3.0. Use `semantic.color.category.rose`.
|
|
3715
|
-
*/
|
|
3716
|
-
red: string;
|
|
3717
|
-
/**
|
|
3718
|
-
* Strong step of the red category: the fill of a filled CategoryLabel, with white text (decision 0029).
|
|
3719
|
-
*
|
|
3720
|
-
* @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Red is now rose. Removed in 3.0. Use `semantic.color.category.rose-strong`.
|
|
3721
|
-
*/
|
|
3722
|
-
'red-strong': string;
|
|
3723
|
-
/**
|
|
3724
|
-
* Strong step of the red category: the fill of a filled CategoryLabel, with white text (decision 0029).
|
|
3725
|
-
*
|
|
3726
|
-
* @deprecated "emphasis" means near-black, so use semantic.color.category.red-strong (decision 0029). Removed in 3.0. Use `semantic.color.category.rose-strong`.
|
|
3727
|
-
*/
|
|
3728
|
-
'red-emphasis': string;
|
|
3729
|
-
/**
|
|
3730
|
-
* Subtle red background
|
|
3731
|
-
*
|
|
3732
|
-
* @deprecated Renamed to semantic.color.category.red-muted by the semantic grammar (decision 0031). Removed in 3.0. Use `semantic.color.category.rose-muted`.
|
|
3733
|
-
*/
|
|
3734
|
-
'red-subtle': string;
|
|
3735
|
-
/**
|
|
3736
|
-
* Orange category color for food & dining
|
|
3737
|
-
*
|
|
3738
|
-
* @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Orange is now rose. Removed in 3.0. Use `semantic.color.category.rose`.
|
|
3739
|
-
*/
|
|
3740
|
-
orange: string;
|
|
3741
|
-
/**
|
|
3742
|
-
* Strong step of the orange category: the fill of a filled CategoryLabel, with white text (decision 0029).
|
|
3743
|
-
*
|
|
3744
|
-
* @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Orange is now rose. Removed in 3.0. Use `semantic.color.category.rose-strong`.
|
|
3745
|
-
*/
|
|
3746
|
-
'orange-strong': string;
|
|
3747
|
-
/**
|
|
3748
|
-
* Strong step of the orange category: the fill of a filled CategoryLabel, with white text (decision 0029).
|
|
3749
|
-
*
|
|
3750
|
-
* @deprecated "emphasis" means near-black, so use semantic.color.category.orange-strong (decision 0029). Removed in 3.0. Use `semantic.color.category.rose-strong`.
|
|
3751
|
-
*/
|
|
3752
|
-
'orange-emphasis': string;
|
|
3753
|
-
/**
|
|
3754
|
-
* Subtle orange background
|
|
3755
|
-
*
|
|
3756
|
-
* @deprecated Renamed to semantic.color.category.orange-muted by the semantic grammar (decision 0031). Removed in 3.0. Use `semantic.color.category.rose-muted`.
|
|
3757
|
-
*/
|
|
3758
|
-
'orange-subtle': string;
|
|
3759
1709
|
/** Gray category (decision 0043: neutral, for uncategorised or "other"): the outline of an outlined CategoryLabel. 3.19:1 on white. */
|
|
3760
1710
|
gray: string;
|
|
3761
1711
|
/** Strong step of the gray category: the fill of a filled CategoryLabel, with white text at 6.01:1. */
|
|
3762
1712
|
'gray-strong': string;
|
|
3763
|
-
/**
|
|
3764
|
-
* Strong step of the gray category: the fill of a filled CategoryLabel, with white text (decision 0029).
|
|
3765
|
-
*
|
|
3766
|
-
* @deprecated "emphasis" means near-black, so use semantic.color.category.gray-strong (decision 0029). Removed in 3.0.
|
|
3767
|
-
*/
|
|
3768
|
-
'gray-emphasis': string;
|
|
3769
|
-
/**
|
|
3770
|
-
* Subtle gray background
|
|
3771
|
-
*
|
|
3772
|
-
* @deprecated Renamed to semantic.color.category.gray-muted by the semantic grammar (decision 0031). Removed in 3.0.
|
|
3773
|
-
*/
|
|
3774
|
-
'gray-subtle': string;
|
|
3775
|
-
/**
|
|
3776
|
-
* Text and icons of an outlined or minimal blue CategoryLabel, on white or blue-muted.
|
|
3777
|
-
*
|
|
3778
|
-
* @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Blue is now periwinkle. Removed in 3.0. Use `semantic.color.category.periwinkle-text`.
|
|
3779
|
-
*/
|
|
3780
|
-
'blue-text': string;
|
|
3781
|
-
/**
|
|
3782
|
-
* Text and icons of an outlined or minimal purple CategoryLabel, on white or purple-muted.
|
|
3783
|
-
*
|
|
3784
|
-
* @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Purple is now magenta. Removed in 3.0. Use `semantic.color.category.magenta-text`.
|
|
3785
|
-
*/
|
|
3786
|
-
'purple-text': string;
|
|
3787
|
-
/**
|
|
3788
|
-
* Text and icons of an outlined or minimal pink CategoryLabel, on white or pink-muted.
|
|
3789
|
-
*
|
|
3790
|
-
* @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Pink is now rose. Removed in 3.0. Use `semantic.color.category.rose-text`.
|
|
3791
|
-
*/
|
|
3792
|
-
'pink-text': string;
|
|
3793
|
-
/**
|
|
3794
|
-
* Text and icons of an outlined or minimal yellow CategoryLabel, on white or yellow-muted.
|
|
3795
|
-
*
|
|
3796
|
-
* @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Yellow is now olive. Removed in 3.0. Use `semantic.color.category.olive-text`.
|
|
3797
|
-
*/
|
|
3798
|
-
'yellow-text': string;
|
|
3799
|
-
/**
|
|
3800
|
-
* Text and icons of an outlined or minimal green CategoryLabel, on white or green-muted.
|
|
3801
|
-
*
|
|
3802
|
-
* @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Green is now olive. Removed in 3.0. Use `semantic.color.category.olive-text`.
|
|
3803
|
-
*/
|
|
3804
|
-
'green-text': string;
|
|
3805
|
-
/**
|
|
3806
|
-
* Text and icons of an outlined or minimal red CategoryLabel, on white or red-muted.
|
|
3807
|
-
*
|
|
3808
|
-
* @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Red is now rose. Removed in 3.0. Use `semantic.color.category.rose-text`.
|
|
3809
|
-
*/
|
|
3810
|
-
'red-text': string;
|
|
3811
|
-
/**
|
|
3812
|
-
* Text and icons of an outlined or minimal orange CategoryLabel, on white or orange-muted.
|
|
3813
|
-
*
|
|
3814
|
-
* @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Orange is now rose. Removed in 3.0. Use `semantic.color.category.rose-text`.
|
|
3815
|
-
*/
|
|
3816
|
-
'orange-text': string;
|
|
3817
1713
|
/** Text and icons of an outlined or minimal gray CategoryLabel. 6.01:1 on white, 5.37:1 on gray-muted. */
|
|
3818
1714
|
'gray-text': string;
|
|
3819
|
-
/**
|
|
3820
|
-
* Light blue fill of a blue CategoryLabel, behind the blue-text colour.
|
|
3821
|
-
*
|
|
3822
|
-
* @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Blue is now periwinkle. Removed in 3.0. Use `semantic.color.category.periwinkle-muted`.
|
|
3823
|
-
*/
|
|
3824
|
-
'blue-muted': string;
|
|
3825
|
-
/**
|
|
3826
|
-
* Light purple fill of a purple CategoryLabel, behind the purple-text colour.
|
|
3827
|
-
*
|
|
3828
|
-
* @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Purple is now magenta. Removed in 3.0. Use `semantic.color.category.magenta-muted`.
|
|
3829
|
-
*/
|
|
3830
|
-
'purple-muted': string;
|
|
3831
|
-
/**
|
|
3832
|
-
* Light pink fill of a pink CategoryLabel, behind the pink-text colour.
|
|
3833
|
-
*
|
|
3834
|
-
* @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Pink is now rose. Removed in 3.0. Use `semantic.color.category.rose-muted`.
|
|
3835
|
-
*/
|
|
3836
|
-
'pink-muted': string;
|
|
3837
|
-
/**
|
|
3838
|
-
* Light yellow fill of a yellow CategoryLabel, behind the yellow-text colour.
|
|
3839
|
-
*
|
|
3840
|
-
* @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Yellow is now olive. Removed in 3.0. Use `semantic.color.category.olive-muted`.
|
|
3841
|
-
*/
|
|
3842
|
-
'yellow-muted': string;
|
|
3843
|
-
/**
|
|
3844
|
-
* Light green fill of a green CategoryLabel, behind the green-text colour.
|
|
3845
|
-
*
|
|
3846
|
-
* @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Green is now olive. Removed in 3.0. Use `semantic.color.category.olive-muted`.
|
|
3847
|
-
*/
|
|
3848
|
-
'green-muted': string;
|
|
3849
|
-
/**
|
|
3850
|
-
* Light red fill of a red CategoryLabel, behind the red-text colour.
|
|
3851
|
-
*
|
|
3852
|
-
* @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Red is now rose. Removed in 3.0. Use `semantic.color.category.rose-muted`.
|
|
3853
|
-
*/
|
|
3854
|
-
'red-muted': string;
|
|
3855
|
-
/**
|
|
3856
|
-
* Light orange fill of a orange CategoryLabel, behind the orange-text colour.
|
|
3857
|
-
*
|
|
3858
|
-
* @deprecated Category labels use the display colours, which carry no meaning (decision 0043). Orange is now rose. Removed in 3.0. Use `semantic.color.category.rose-muted`.
|
|
3859
|
-
*/
|
|
3860
|
-
'orange-muted': string;
|
|
3861
1715
|
/** Light gray fill of a minimal CategoryLabel, behind the gray-text colour. */
|
|
3862
1716
|
'gray-muted': string;
|
|
3863
1717
|
/** Olive category (decision 0043: no meaning): the outline of an outlined CategoryLabel. 3.18:1 on white. */
|
|
@@ -3893,95 +1747,9 @@ export type Tokens = {
|
|
|
3893
1747
|
/** Light magenta fill of a minimal CategoryLabel, behind the magenta-text colour. */
|
|
3894
1748
|
'magenta-muted': string;
|
|
3895
1749
|
};
|
|
3896
|
-
status: {
|
|
3897
|
-
/**
|
|
3898
|
-
* Text and icon of a pending StatusLabel, on its pending background.
|
|
3899
|
-
*
|
|
3900
|
-
* @deprecated Moved to the component tier as component.status.pending.text (decision 0031 §6). Removed in 3.0.
|
|
3901
|
-
*/
|
|
3902
|
-
pending: string;
|
|
3903
|
-
/**
|
|
3904
|
-
* Background for pending status
|
|
3905
|
-
*
|
|
3906
|
-
* @deprecated Moved to the component tier as component.status.pending.background (decision 0031 §6). Removed in 3.0.
|
|
3907
|
-
*/
|
|
3908
|
-
'pending-bg': string;
|
|
3909
|
-
/**
|
|
3910
|
-
* Green color for completed status
|
|
3911
|
-
*
|
|
3912
|
-
* @deprecated Moved to the component tier as component.status.completed.text (decision 0031 §6). Removed in 3.0.
|
|
3913
|
-
*/
|
|
3914
|
-
completed: string;
|
|
3915
|
-
/**
|
|
3916
|
-
* Background for completed status
|
|
3917
|
-
*
|
|
3918
|
-
* @deprecated Moved to the component tier as component.status.completed.background (decision 0031 §6). Removed in 3.0.
|
|
3919
|
-
*/
|
|
3920
|
-
'completed-bg': string;
|
|
3921
|
-
/**
|
|
3922
|
-
* Red color for failed/error status
|
|
3923
|
-
*
|
|
3924
|
-
* @deprecated Moved to the component tier as component.status.failed.text (decision 0031 §6). Removed in 3.0.
|
|
3925
|
-
*/
|
|
3926
|
-
failed: string;
|
|
3927
|
-
/**
|
|
3928
|
-
* Background for failed status
|
|
3929
|
-
*
|
|
3930
|
-
* @deprecated Moved to the component tier as component.status.failed.background (decision 0031 §6). Removed in 3.0.
|
|
3931
|
-
*/
|
|
3932
|
-
'failed-bg': string;
|
|
3933
|
-
/**
|
|
3934
|
-
* Gray color for cancelled status
|
|
3935
|
-
*
|
|
3936
|
-
* @deprecated Moved to the component tier as component.status.cancelled.text (decision 0031 §6). Removed in 3.0.
|
|
3937
|
-
*/
|
|
3938
|
-
cancelled: string;
|
|
3939
|
-
/**
|
|
3940
|
-
* Background for cancelled status
|
|
3941
|
-
*
|
|
3942
|
-
* @deprecated Moved to the component tier as component.status.cancelled.background (decision 0031 §6). Removed in 3.0.
|
|
3943
|
-
*/
|
|
3944
|
-
'cancelled-bg': string;
|
|
3945
|
-
/**
|
|
3946
|
-
* Blue color for processing status
|
|
3947
|
-
*
|
|
3948
|
-
* @deprecated Moved to the component tier as component.status.processing.text (decision 0031 §6). Removed in 3.0.
|
|
3949
|
-
*/
|
|
3950
|
-
processing: string;
|
|
3951
|
-
/**
|
|
3952
|
-
* Background for processing status
|
|
3953
|
-
*
|
|
3954
|
-
* @deprecated Moved to the component tier as component.status.processing.background (decision 0031 §6). Removed in 3.0.
|
|
3955
|
-
*/
|
|
3956
|
-
'processing-bg': string;
|
|
3957
|
-
/**
|
|
3958
|
-
* Purple color for scheduled status
|
|
3959
|
-
*
|
|
3960
|
-
* @deprecated Moved to the component tier as component.status.scheduled.text (decision 0031 §6). Removed in 3.0.
|
|
3961
|
-
*/
|
|
3962
|
-
scheduled: string;
|
|
3963
|
-
/**
|
|
3964
|
-
* Background for scheduled status
|
|
3965
|
-
*
|
|
3966
|
-
* @deprecated Moved to the component tier as component.status.scheduled.background (decision 0031 §6). Removed in 3.0.
|
|
3967
|
-
*/
|
|
3968
|
-
'scheduled-bg': string;
|
|
3969
|
-
};
|
|
3970
1750
|
fill: {
|
|
3971
1751
|
/** Strong near-black fill for the primary Button and IconButton and the emphasis Chip, with text.inverse on it (15.91:1). Hover and pressed mix in text.inverse at opacity.state (decision 0048). */
|
|
3972
1752
|
emphasis: string;
|
|
3973
|
-
/**
|
|
3974
|
-
* Fill of a hovered emphasis control, such as the primary Button.
|
|
3975
|
-
*
|
|
3976
|
-
* @deprecated Strong-fill states mix text.inverse into fill.emphasis at opacity.state.hover and opacity.state.pressed (decision 0048). Removed in 3.0.
|
|
3977
|
-
*/
|
|
3978
|
-
'emphasis-hover': string;
|
|
3979
|
-
/**
|
|
3980
|
-
* Fill of a pressed emphasis control, such as the primary Button.
|
|
3981
|
-
*
|
|
3982
|
-
* @deprecated Strong-fill states mix text.inverse into fill.emphasis at opacity.state.hover and opacity.state.pressed (decision 0048). Removed in 3.0.
|
|
3983
|
-
*/
|
|
3984
|
-
'emphasis-pressed': string;
|
|
3985
1753
|
/** Light grey fill for quiet grouped content, such as the default Chip. The resting fill step, so it shows on the page. */
|
|
3986
1754
|
muted: string;
|
|
3987
1755
|
/** Dark fill for inverse elements: a checked Checkbox, Modal and Sheet drag handles. */
|
|
@@ -4113,41 +1881,11 @@ export type Tokens = {
|
|
|
4113
1881
|
overline: string;
|
|
4114
1882
|
/** Captions: helper text, metadata and image captions. */
|
|
4115
1883
|
caption: string;
|
|
4116
|
-
/**
|
|
4117
|
-
* Label of the large Button, the default size.
|
|
4118
|
-
*
|
|
4119
|
-
* @deprecated Moved to the component tier as component.button.sizes.large.font (decision 0031 §6). Removed in 3.0.
|
|
4120
|
-
*/
|
|
4121
|
-
button1: string;
|
|
4122
|
-
/**
|
|
4123
|
-
* Label of the medium Button, and tab labels.
|
|
4124
|
-
*
|
|
4125
|
-
* @deprecated Moved to the component tier as component.button.sizes.medium.font (decision 0031 §6). Removed in 3.0.
|
|
4126
|
-
*/
|
|
4127
|
-
button2: string;
|
|
4128
|
-
/**
|
|
4129
|
-
* Label of the small Button, for dense toolbars.
|
|
4130
|
-
*
|
|
4131
|
-
* @deprecated Moved to the component tier as component.button.sizes.small.font (decision 0031 §6). Removed in 3.0.
|
|
4132
|
-
*/
|
|
4133
|
-
button3: string;
|
|
4134
1884
|
/** Form labels for fields such as TextField and Slider. */
|
|
4135
1885
|
label: string;
|
|
4136
|
-
/**
|
|
4137
|
-
* Breadcrumb-sized text; not used today, as Breadcrumbs uses typography.caption.
|
|
4138
|
-
*
|
|
4139
|
-
* @deprecated Moved to the component tier as component.breadcrumbs.font (decision 0031 §6). Removed in 3.0. Use `semantic.typography.caption`.
|
|
4140
|
-
*/
|
|
4141
|
-
breadcrumb: string;
|
|
4142
1886
|
};
|
|
4143
1887
|
motion: {
|
|
4144
1888
|
duration: {
|
|
4145
|
-
/**
|
|
4146
|
-
* 200ms: standard duration for property-specific transitions.
|
|
4147
|
-
*
|
|
4148
|
-
* @deprecated Renamed to semantic.motion.duration.moderate by the semantic grammar (decision 0031, settled in 0037). Removed in 3.0.
|
|
4149
|
-
*/
|
|
4150
|
-
normal: string;
|
|
4151
1889
|
/** Quick responses to input: hover, press, focus and small indicators. */
|
|
4152
1890
|
fast: string;
|
|
4153
1891
|
/** The longest duration (P6): larger movements, such as a Sheet sliding in. */
|
|
@@ -4157,19 +1895,11 @@ export type Tokens = {
|
|
|
4157
1895
|
/** The default duration for state changes and short movements, such as a menu opening. */
|
|
4158
1896
|
moderate: string;
|
|
4159
1897
|
};
|
|
1898
|
+
delay: {
|
|
1899
|
+
/** How long the pointer rests on a control before its Tooltip opens, so passing pointers don't open it. A wait before anything moves, not an animation duration. */
|
|
1900
|
+
hint: string;
|
|
1901
|
+
};
|
|
4160
1902
|
easing: {
|
|
4161
|
-
/**
|
|
4162
|
-
* ease-in-out: standard easing for property-specific transitions.
|
|
4163
|
-
*
|
|
4164
|
-
* @deprecated Renamed to semantic.motion.easing.standard by the semantic grammar (decision 0031, settled in 0037). Removed in 3.0.
|
|
4165
|
-
*/
|
|
4166
|
-
easeInOut: string;
|
|
4167
|
-
/**
|
|
4168
|
-
* ease-out: for elements responding to input or entering the page.
|
|
4169
|
-
*
|
|
4170
|
-
* @deprecated Renamed to semantic.motion.easing.decelerate by the semantic grammar (decision 0031, settled in 0037). Removed in 3.0.
|
|
4171
|
-
*/
|
|
4172
|
-
easeOut: string;
|
|
4173
1903
|
/** Easing for change on screen: something moving or resizing in place. */
|
|
4174
1904
|
standard: string;
|
|
4175
1905
|
/** Easing for things arriving or responding: entrances, hover and press. */
|
|
@@ -4178,24 +1908,6 @@ export type Tokens = {
|
|
|
4178
1908
|
accelerate: string;
|
|
4179
1909
|
};
|
|
4180
1910
|
transition: {
|
|
4181
|
-
/**
|
|
4182
|
-
* All properties over duration.fast (150ms), easing out: quick feedback, such as the Slider thumb.
|
|
4183
|
-
*
|
|
4184
|
-
* @deprecated It animates every property (`transition: all`). List the properties instead, with motion.duration and motion.easing, or use a motion.transition composite (decision 0037). Removed in 3.0.
|
|
4185
|
-
*/
|
|
4186
|
-
fast: string;
|
|
4187
|
-
/**
|
|
4188
|
-
* All properties over duration.normal (200ms), easing in and out: the default state transition.
|
|
4189
|
-
*
|
|
4190
|
-
* @deprecated It animates every property (`transition: all`). List the properties instead, with motion.duration and motion.easing, or use a motion.transition composite (decision 0037). Removed in 3.0.
|
|
4191
|
-
*/
|
|
4192
|
-
normal: string;
|
|
4193
|
-
/**
|
|
4194
|
-
* All properties over duration.slow (300ms), the motion maximum (P6), easing in and out: larger changes.
|
|
4195
|
-
*
|
|
4196
|
-
* @deprecated It animates every property (`transition: all`). List the properties instead, with motion.duration and motion.easing, or use a motion.transition composite (decision 0037). Removed in 3.0.
|
|
4197
|
-
*/
|
|
4198
|
-
slow: string;
|
|
4199
1911
|
/** Fill and text colour responding to hover and press: buttons, chips, tabs and rows. */
|
|
4200
1912
|
feedback: string;
|
|
4201
1913
|
/** How the focus ring appears: outline and outline offset. */
|
|
@@ -4203,24 +1915,6 @@ export type Tokens = {
|
|
|
4203
1915
|
/** Small movement or fade in response to input, such as a pressed control shifting. */
|
|
4204
1916
|
press: string;
|
|
4205
1917
|
};
|
|
4206
|
-
/**
|
|
4207
|
-
* Background and text colour over 150ms: the hover and press response of buttons, chips and tabs.
|
|
4208
|
-
*
|
|
4209
|
-
* @deprecated Renamed to semantic.motion.transition.feedback by the semantic grammar (decision 0031, settled in 0037). Removed in 3.0.
|
|
4210
|
-
*/
|
|
4211
|
-
hover: string;
|
|
4212
|
-
/**
|
|
4213
|
-
* Outline and outline offset over 150ms: how the focus ring appears.
|
|
4214
|
-
*
|
|
4215
|
-
* @deprecated Renamed to semantic.motion.transition.focus by the semantic grammar (decision 0031, settled in 0037). Removed in 3.0.
|
|
4216
|
-
*/
|
|
4217
|
-
focus: string;
|
|
4218
|
-
/**
|
|
4219
|
-
* Transform and opacity over 150ms: small movement or fade in response to input.
|
|
4220
|
-
*
|
|
4221
|
-
* @deprecated Renamed to semantic.motion.transition.press by the semantic grammar (decision 0031, settled in 0037). Removed in 3.0.
|
|
4222
|
-
*/
|
|
4223
|
-
interactive: string;
|
|
4224
1918
|
distance: {
|
|
4225
1919
|
/** How far a small element travels as it enters, such as a Dropdown menu dropping in. */
|
|
4226
1920
|
sm: string;
|