@ds-mo/tokens 2.5.1 → 2.7.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/dist/colors.css +364 -62
- package/dist/dimensions.css +26 -18
- package/dist/index.cjs +191 -32
- package/dist/index.d.ts +191 -32
- package/dist/index.mjs +191 -32
- package/dist/json/colors.json +725 -121
- package/dist/json/dimensions.json +52 -20
- package/dist/json/typography.json +1 -1
- package/dist/tokens.json +778 -142
- package/dist/typography.css +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -148,6 +148,174 @@ export const colorBorderStrongPositive = '--color-border-strong-positive';
|
|
|
148
148
|
export const colorBorderStrongWalkthrough = '--color-border-strong-walkthrough';
|
|
149
149
|
export const colorBorderStrongWarning = '--color-border-strong-warning';
|
|
150
150
|
export const colorBorderTertiary = '--color-border-tertiary';
|
|
151
|
+
export const colorColorIntentBlueBoldBackground = '--color-color-intent-blue-bold-background';
|
|
152
|
+
export const colorColorIntentBlueBoldBorder = '--color-color-intent-blue-bold-border';
|
|
153
|
+
export const colorColorIntentBlueBoldForeground = '--color-color-intent-blue-bold-foreground';
|
|
154
|
+
export const colorColorIntentBlueFaintBackground = '--color-color-intent-blue-faint-background';
|
|
155
|
+
export const colorColorIntentBlueFaintBorder = '--color-color-intent-blue-faint-border';
|
|
156
|
+
export const colorColorIntentBlueFaintForeground = '--color-color-intent-blue-faint-foreground';
|
|
157
|
+
export const colorColorIntentBlueMediumBackground = '--color-color-intent-blue-medium-background';
|
|
158
|
+
export const colorColorIntentBlueMediumBorder = '--color-color-intent-blue-medium-border';
|
|
159
|
+
export const colorColorIntentBlueMediumForeground = '--color-color-intent-blue-medium-foreground';
|
|
160
|
+
export const colorColorIntentBlueStrongBackground = '--color-color-intent-blue-strong-background';
|
|
161
|
+
export const colorColorIntentBlueStrongBorder = '--color-color-intent-blue-strong-border';
|
|
162
|
+
export const colorColorIntentBlueStrongForeground = '--color-color-intent-blue-strong-foreground';
|
|
163
|
+
export const colorColorIntentCyanBoldBackground = '--color-color-intent-cyan-bold-background';
|
|
164
|
+
export const colorColorIntentCyanBoldBorder = '--color-color-intent-cyan-bold-border';
|
|
165
|
+
export const colorColorIntentCyanBoldForeground = '--color-color-intent-cyan-bold-foreground';
|
|
166
|
+
export const colorColorIntentCyanFaintBackground = '--color-color-intent-cyan-faint-background';
|
|
167
|
+
export const colorColorIntentCyanFaintBorder = '--color-color-intent-cyan-faint-border';
|
|
168
|
+
export const colorColorIntentCyanFaintForeground = '--color-color-intent-cyan-faint-foreground';
|
|
169
|
+
export const colorColorIntentCyanMediumBackground = '--color-color-intent-cyan-medium-background';
|
|
170
|
+
export const colorColorIntentCyanMediumBorder = '--color-color-intent-cyan-medium-border';
|
|
171
|
+
export const colorColorIntentCyanMediumForeground = '--color-color-intent-cyan-medium-foreground';
|
|
172
|
+
export const colorColorIntentCyanStrongBackground = '--color-color-intent-cyan-strong-background';
|
|
173
|
+
export const colorColorIntentCyanStrongBorder = '--color-color-intent-cyan-strong-border';
|
|
174
|
+
export const colorColorIntentCyanStrongForeground = '--color-color-intent-cyan-strong-foreground';
|
|
175
|
+
export const colorColorIntentGreenBoldBackground = '--color-color-intent-green-bold-background';
|
|
176
|
+
export const colorColorIntentGreenBoldBorder = '--color-color-intent-green-bold-border';
|
|
177
|
+
export const colorColorIntentGreenBoldForeground = '--color-color-intent-green-bold-foreground';
|
|
178
|
+
export const colorColorIntentGreenFaintBackground = '--color-color-intent-green-faint-background';
|
|
179
|
+
export const colorColorIntentGreenFaintBorder = '--color-color-intent-green-faint-border';
|
|
180
|
+
export const colorColorIntentGreenFaintForeground = '--color-color-intent-green-faint-foreground';
|
|
181
|
+
export const colorColorIntentGreenMediumBackground = '--color-color-intent-green-medium-background';
|
|
182
|
+
export const colorColorIntentGreenMediumBorder = '--color-color-intent-green-medium-border';
|
|
183
|
+
export const colorColorIntentGreenMediumForeground = '--color-color-intent-green-medium-foreground';
|
|
184
|
+
export const colorColorIntentGreenStrongBackground = '--color-color-intent-green-strong-background';
|
|
185
|
+
export const colorColorIntentGreenStrongBorder = '--color-color-intent-green-strong-border';
|
|
186
|
+
export const colorColorIntentGreenStrongForeground = '--color-color-intent-green-strong-foreground';
|
|
187
|
+
export const colorColorIntentGreyBoldBackground = '--color-color-intent-grey-bold-background';
|
|
188
|
+
export const colorColorIntentGreyBoldBorder = '--color-color-intent-grey-bold-border';
|
|
189
|
+
export const colorColorIntentGreyBoldForeground = '--color-color-intent-grey-bold-foreground';
|
|
190
|
+
export const colorColorIntentGreyFaintBackground = '--color-color-intent-grey-faint-background';
|
|
191
|
+
export const colorColorIntentGreyFaintBorder = '--color-color-intent-grey-faint-border';
|
|
192
|
+
export const colorColorIntentGreyFaintForeground = '--color-color-intent-grey-faint-foreground';
|
|
193
|
+
export const colorColorIntentGreyMediumBackground = '--color-color-intent-grey-medium-background';
|
|
194
|
+
export const colorColorIntentGreyMediumBorder = '--color-color-intent-grey-medium-border';
|
|
195
|
+
export const colorColorIntentGreyMediumForeground = '--color-color-intent-grey-medium-foreground';
|
|
196
|
+
export const colorColorIntentGreyStrongBackground = '--color-color-intent-grey-strong-background';
|
|
197
|
+
export const colorColorIntentGreyStrongBorder = '--color-color-intent-grey-strong-border';
|
|
198
|
+
export const colorColorIntentGreyStrongForeground = '--color-color-intent-grey-strong-foreground';
|
|
199
|
+
export const colorColorIntentInteractionOnBoldBackgroundFocus = '--color-color-intent-interaction-on-bold-background-focus';
|
|
200
|
+
export const colorColorIntentInteractionOnBoldBackgroundHover = '--color-color-intent-interaction-on-bold-background-hover';
|
|
201
|
+
export const colorColorIntentInteractionOnBoldBackgroundPressed = '--color-color-intent-interaction-on-bold-background-pressed';
|
|
202
|
+
export const colorColorIntentInteractionOnFaintBackgroundFocus = '--color-color-intent-interaction-on-faint-background-focus';
|
|
203
|
+
export const colorColorIntentInteractionOnFaintBackgroundHover = '--color-color-intent-interaction-on-faint-background-hover';
|
|
204
|
+
export const colorColorIntentInteractionOnFaintBackgroundPressed = '--color-color-intent-interaction-on-faint-background-pressed';
|
|
205
|
+
export const colorColorIntentInteractionOnMediumBackgroundFocus = '--color-color-intent-interaction-on-medium-background-focus';
|
|
206
|
+
export const colorColorIntentInteractionOnMediumBackgroundHover = '--color-color-intent-interaction-on-medium-background-hover';
|
|
207
|
+
export const colorColorIntentInteractionOnMediumBackgroundPressed = '--color-color-intent-interaction-on-medium-background-pressed';
|
|
208
|
+
export const colorColorIntentInteractionOnStrongBackgroundFocus = '--color-color-intent-interaction-on-strong-background-focus';
|
|
209
|
+
export const colorColorIntentInteractionOnStrongBackgroundHover = '--color-color-intent-interaction-on-strong-background-hover';
|
|
210
|
+
export const colorColorIntentInteractionOnStrongBackgroundPressed = '--color-color-intent-interaction-on-strong-background-pressed';
|
|
211
|
+
export const colorColorIntentMagentaBold2Background = '--color-color-intent-magenta-bold-2-background';
|
|
212
|
+
export const colorColorIntentMagentaBold2Border = '--color-color-intent-magenta-bold-2-border';
|
|
213
|
+
export const colorColorIntentMagentaBold2Foreground = '--color-color-intent-magenta-bold-2-foreground';
|
|
214
|
+
export const colorColorIntentMagentaBoldBackground = '--color-color-intent-magenta-bold-background';
|
|
215
|
+
export const colorColorIntentMagentaBoldBorder = '--color-color-intent-magenta-bold-border';
|
|
216
|
+
export const colorColorIntentMagentaBoldForeground = '--color-color-intent-magenta-bold-foreground';
|
|
217
|
+
export const colorColorIntentMagentaFaint2Background = '--color-color-intent-magenta-faint-2-background';
|
|
218
|
+
export const colorColorIntentMagentaFaint2Border = '--color-color-intent-magenta-faint-2-border';
|
|
219
|
+
export const colorColorIntentMagentaFaint2Foreground = '--color-color-intent-magenta-faint-2-foreground';
|
|
220
|
+
export const colorColorIntentMagentaFaintBackground = '--color-color-intent-magenta-faint-background';
|
|
221
|
+
export const colorColorIntentMagentaFaintBorder = '--color-color-intent-magenta-faint-border';
|
|
222
|
+
export const colorColorIntentMagentaFaintForeground = '--color-color-intent-magenta-faint-foreground';
|
|
223
|
+
export const colorColorIntentMagentaMedium2Background = '--color-color-intent-magenta-medium-2-background';
|
|
224
|
+
export const colorColorIntentMagentaMedium2Border = '--color-color-intent-magenta-medium-2-border';
|
|
225
|
+
export const colorColorIntentMagentaMedium2Foreground = '--color-color-intent-magenta-medium-2-foreground';
|
|
226
|
+
export const colorColorIntentMagentaMediumBackground = '--color-color-intent-magenta-medium-background';
|
|
227
|
+
export const colorColorIntentMagentaMediumBorder = '--color-color-intent-magenta-medium-border';
|
|
228
|
+
export const colorColorIntentMagentaMediumForeground = '--color-color-intent-magenta-medium-foreground';
|
|
229
|
+
export const colorColorIntentMagentaStrong2Background = '--color-color-intent-magenta-strong-2-background';
|
|
230
|
+
export const colorColorIntentMagentaStrong2Border = '--color-color-intent-magenta-strong-2-border';
|
|
231
|
+
export const colorColorIntentMagentaStrong2Foreground = '--color-color-intent-magenta-strong-2-foreground';
|
|
232
|
+
export const colorColorIntentMagentaStrongBackground = '--color-color-intent-magenta-strong-background';
|
|
233
|
+
export const colorColorIntentMagentaStrongBorder = '--color-color-intent-magenta-strong-border';
|
|
234
|
+
export const colorColorIntentMagentaStrongForeground = '--color-color-intent-magenta-strong-foreground';
|
|
235
|
+
export const colorColorIntentOliveBoldBackground = '--color-color-intent-olive-bold-background';
|
|
236
|
+
export const colorColorIntentOliveBoldBorder = '--color-color-intent-olive-bold-border';
|
|
237
|
+
export const colorColorIntentOliveBoldForeground = '--color-color-intent-olive-bold-foreground';
|
|
238
|
+
export const colorColorIntentOliveFaintBackground = '--color-color-intent-olive-faint-background';
|
|
239
|
+
export const colorColorIntentOliveFaintBorder = '--color-color-intent-olive-faint-border';
|
|
240
|
+
export const colorColorIntentOliveFaintForeground = '--color-color-intent-olive-faint-foreground';
|
|
241
|
+
export const colorColorIntentOliveMediumBackground = '--color-color-intent-olive-medium-background';
|
|
242
|
+
export const colorColorIntentOliveMediumBorder = '--color-color-intent-olive-medium-border';
|
|
243
|
+
export const colorColorIntentOliveMediumForeground = '--color-color-intent-olive-medium-foreground';
|
|
244
|
+
export const colorColorIntentOliveStrongBackground = '--color-color-intent-olive-strong-background';
|
|
245
|
+
export const colorColorIntentOliveStrongBorder = '--color-color-intent-olive-strong-border';
|
|
246
|
+
export const colorColorIntentOliveStrongForeground = '--color-color-intent-olive-strong-foreground';
|
|
247
|
+
export const colorColorIntentOrangeBoldBackground = '--color-color-intent-orange-bold-background';
|
|
248
|
+
export const colorColorIntentOrangeBoldBorder = '--color-color-intent-orange-bold-border';
|
|
249
|
+
export const colorColorIntentOrangeBoldForeground = '--color-color-intent-orange-bold-foreground';
|
|
250
|
+
export const colorColorIntentOrangeFaintBackground = '--color-color-intent-orange-faint-background';
|
|
251
|
+
export const colorColorIntentOrangeFaintBorder = '--color-color-intent-orange-faint-border';
|
|
252
|
+
export const colorColorIntentOrangeFaintForeground = '--color-color-intent-orange-faint-foreground';
|
|
253
|
+
export const colorColorIntentOrangeMediumBackground = '--color-color-intent-orange-medium-background';
|
|
254
|
+
export const colorColorIntentOrangeMediumBorder = '--color-color-intent-orange-medium-border';
|
|
255
|
+
export const colorColorIntentOrangeMediumForeground = '--color-color-intent-orange-medium-foreground';
|
|
256
|
+
export const colorColorIntentOrangeStrongBackground = '--color-color-intent-orange-strong-background';
|
|
257
|
+
export const colorColorIntentOrangeStrongBorder = '--color-color-intent-orange-strong-border';
|
|
258
|
+
export const colorColorIntentOrangeStrongForeground = '--color-color-intent-orange-strong-foreground';
|
|
259
|
+
export const colorColorIntentPinkBoldBackground = '--color-color-intent-pink-bold-background';
|
|
260
|
+
export const colorColorIntentPinkBoldBorder = '--color-color-intent-pink-bold-border';
|
|
261
|
+
export const colorColorIntentPinkBoldForeground = '--color-color-intent-pink-bold-foreground';
|
|
262
|
+
export const colorColorIntentPinkFaintBackground = '--color-color-intent-pink-faint-background';
|
|
263
|
+
export const colorColorIntentPinkFaintBorder = '--color-color-intent-pink-faint-border';
|
|
264
|
+
export const colorColorIntentPinkFaintForeground = '--color-color-intent-pink-faint-foreground';
|
|
265
|
+
export const colorColorIntentPinkMediumBackground = '--color-color-intent-pink-medium-background';
|
|
266
|
+
export const colorColorIntentPinkMediumBorder = '--color-color-intent-pink-medium-border';
|
|
267
|
+
export const colorColorIntentPinkMediumForeground = '--color-color-intent-pink-medium-foreground';
|
|
268
|
+
export const colorColorIntentPinkStrongBackground = '--color-color-intent-pink-strong-background';
|
|
269
|
+
export const colorColorIntentPinkStrongBorder = '--color-color-intent-pink-strong-border';
|
|
270
|
+
export const colorColorIntentPinkStrongForeground = '--color-color-intent-pink-strong-foreground';
|
|
271
|
+
export const colorColorIntentPurpleBoldBackground = '--color-color-intent-purple-bold-background';
|
|
272
|
+
export const colorColorIntentPurpleBoldBorder = '--color-color-intent-purple-bold-border';
|
|
273
|
+
export const colorColorIntentPurpleBoldForeground = '--color-color-intent-purple-bold-foreground';
|
|
274
|
+
export const colorColorIntentPurpleFaintBackground = '--color-color-intent-purple-faint-background';
|
|
275
|
+
export const colorColorIntentPurpleFaintBorder = '--color-color-intent-purple-faint-border';
|
|
276
|
+
export const colorColorIntentPurpleFaintForeground = '--color-color-intent-purple-faint-foreground';
|
|
277
|
+
export const colorColorIntentPurpleMediumBackground = '--color-color-intent-purple-medium-background';
|
|
278
|
+
export const colorColorIntentPurpleMediumBorder = '--color-color-intent-purple-medium-border';
|
|
279
|
+
export const colorColorIntentPurpleMediumForeground = '--color-color-intent-purple-medium-foreground';
|
|
280
|
+
export const colorColorIntentPurpleStrongBackground = '--color-color-intent-purple-strong-background';
|
|
281
|
+
export const colorColorIntentPurpleStrongBorder = '--color-color-intent-purple-strong-border';
|
|
282
|
+
export const colorColorIntentPurpleStrongForeground = '--color-color-intent-purple-strong-foreground';
|
|
283
|
+
export const colorColorIntentRedBoldBackground = '--color-color-intent-red-bold-background';
|
|
284
|
+
export const colorColorIntentRedBoldBorder = '--color-color-intent-red-bold-border';
|
|
285
|
+
export const colorColorIntentRedBoldForeground = '--color-color-intent-red-bold-foreground';
|
|
286
|
+
export const colorColorIntentRedFaintBackground = '--color-color-intent-red-faint-background';
|
|
287
|
+
export const colorColorIntentRedFaintBorder = '--color-color-intent-red-faint-border';
|
|
288
|
+
export const colorColorIntentRedFaintForeground = '--color-color-intent-red-faint-foreground';
|
|
289
|
+
export const colorColorIntentRedMediumBackground = '--color-color-intent-red-medium-background';
|
|
290
|
+
export const colorColorIntentRedMediumBorder = '--color-color-intent-red-medium-border';
|
|
291
|
+
export const colorColorIntentRedMediumForeground = '--color-color-intent-red-medium-foreground';
|
|
292
|
+
export const colorColorIntentRedStrongBackground = '--color-color-intent-red-strong-background';
|
|
293
|
+
export const colorColorIntentRedStrongBorder = '--color-color-intent-red-strong-border';
|
|
294
|
+
export const colorColorIntentRedStrongForeground = '--color-color-intent-red-strong-foreground';
|
|
295
|
+
export const colorColorIntentTealBoldBackground = '--color-color-intent-teal-bold-background';
|
|
296
|
+
export const colorColorIntentTealBoldBorder = '--color-color-intent-teal-bold-border';
|
|
297
|
+
export const colorColorIntentTealBoldForeground = '--color-color-intent-teal-bold-foreground';
|
|
298
|
+
export const colorColorIntentTealFaintBackground = '--color-color-intent-teal-faint-background';
|
|
299
|
+
export const colorColorIntentTealFaintBorder = '--color-color-intent-teal-faint-border';
|
|
300
|
+
export const colorColorIntentTealFaintForeground = '--color-color-intent-teal-faint-foreground';
|
|
301
|
+
export const colorColorIntentTealMediumBackground = '--color-color-intent-teal-medium-background';
|
|
302
|
+
export const colorColorIntentTealMediumBorder = '--color-color-intent-teal-medium-border';
|
|
303
|
+
export const colorColorIntentTealMediumForeground = '--color-color-intent-teal-medium-foreground';
|
|
304
|
+
export const colorColorIntentTealStrongBackground = '--color-color-intent-teal-strong-background';
|
|
305
|
+
export const colorColorIntentTealStrongBorder = '--color-color-intent-teal-strong-border';
|
|
306
|
+
export const colorColorIntentTealStrongForeground = '--color-color-intent-teal-strong-foreground';
|
|
307
|
+
export const colorColorIntentYellowBoldBackground = '--color-color-intent-yellow-bold-background';
|
|
308
|
+
export const colorColorIntentYellowBoldBorder = '--color-color-intent-yellow-bold-border';
|
|
309
|
+
export const colorColorIntentYellowBoldForeground = '--color-color-intent-yellow-bold-foreground';
|
|
310
|
+
export const colorColorIntentYellowFaintBackground = '--color-color-intent-yellow-faint-background';
|
|
311
|
+
export const colorColorIntentYellowFaintBorder = '--color-color-intent-yellow-faint-border';
|
|
312
|
+
export const colorColorIntentYellowFaintForeground = '--color-color-intent-yellow-faint-foreground';
|
|
313
|
+
export const colorColorIntentYellowMediumBackground = '--color-color-intent-yellow-medium-background';
|
|
314
|
+
export const colorColorIntentYellowMediumBorder = '--color-color-intent-yellow-medium-border';
|
|
315
|
+
export const colorColorIntentYellowMediumForeground = '--color-color-intent-yellow-medium-foreground';
|
|
316
|
+
export const colorColorIntentYellowStrongBackground = '--color-color-intent-yellow-strong-background';
|
|
317
|
+
export const colorColorIntentYellowStrongBorder = '--color-color-intent-yellow-strong-border';
|
|
318
|
+
export const colorColorIntentYellowStrongForeground = '--color-color-intent-yellow-strong-foreground';
|
|
151
319
|
export const colorDataCategory1 = '--color-data-category-1';
|
|
152
320
|
export const colorDataCategory10 = '--color-data-category-10';
|
|
153
321
|
export const colorDataCategory11 = '--color-data-category-11';
|
|
@@ -283,36 +451,6 @@ export const colorForegroundStrongPositive = '--color-foreground-strong-positive
|
|
|
283
451
|
export const colorForegroundStrongWalkthrough = '--color-foreground-strong-walkthrough';
|
|
284
452
|
export const colorForegroundStrongWarning = '--color-foreground-strong-warning';
|
|
285
453
|
export const colorForegroundTertiary = '--color-foreground-tertiary';
|
|
286
|
-
export const colorGeofenceCategoryFuelStationBackground = '--color-geofence-category-fuel-station-background';
|
|
287
|
-
export const colorGeofenceCategoryFuelStationBorder = '--color-geofence-category-fuel-station-border';
|
|
288
|
-
export const colorGeofenceCategoryFuelStationForeground = '--color-geofence-category-fuel-station-foreground';
|
|
289
|
-
export const colorGeofenceCategoryInteractionFocus = '--color-geofence-category-interaction-focus';
|
|
290
|
-
export const colorGeofenceCategoryInteractionHover = '--color-geofence-category-interaction-hover';
|
|
291
|
-
export const colorGeofenceCategoryInteractionPressed = '--color-geofence-category-interaction-pressed';
|
|
292
|
-
export const colorGeofenceCategoryJobSiteBackground = '--color-geofence-category-job-site-background';
|
|
293
|
-
export const colorGeofenceCategoryJobSiteBorder = '--color-geofence-category-job-site-border';
|
|
294
|
-
export const colorGeofenceCategoryJobSiteForeground = '--color-geofence-category-job-site-foreground';
|
|
295
|
-
export const colorGeofenceCategoryMaintenanceFacilityBackground = '--color-geofence-category-maintenance-facility-background';
|
|
296
|
-
export const colorGeofenceCategoryMaintenanceFacilityBorder = '--color-geofence-category-maintenance-facility-border';
|
|
297
|
-
export const colorGeofenceCategoryMaintenanceFacilityForeground = '--color-geofence-category-maintenance-facility-foreground';
|
|
298
|
-
export const colorGeofenceCategoryRestrictedLocationBackground = '--color-geofence-category-restricted-location-background';
|
|
299
|
-
export const colorGeofenceCategoryRestrictedLocationBorder = '--color-geofence-category-restricted-location-border';
|
|
300
|
-
export const colorGeofenceCategoryRestrictedLocationForeground = '--color-geofence-category-restricted-location-foreground';
|
|
301
|
-
export const colorGeofenceCategoryRiskZoneBackground = '--color-geofence-category-risk-zone-background';
|
|
302
|
-
export const colorGeofenceCategoryRiskZoneBorder = '--color-geofence-category-risk-zone-border';
|
|
303
|
-
export const colorGeofenceCategoryRiskZoneForeground = '--color-geofence-category-risk-zone-foreground';
|
|
304
|
-
export const colorGeofenceCategoryShipperBackground = '--color-geofence-category-shipper-background';
|
|
305
|
-
export const colorGeofenceCategoryShipperBorder = '--color-geofence-category-shipper-border';
|
|
306
|
-
export const colorGeofenceCategoryShipperForeground = '--color-geofence-category-shipper-foreground';
|
|
307
|
-
export const colorGeofenceCategorySpecializedJobSiteBackground = '--color-geofence-category-specialized-job-site-background';
|
|
308
|
-
export const colorGeofenceCategorySpecializedJobSiteBorder = '--color-geofence-category-specialized-job-site-border';
|
|
309
|
-
export const colorGeofenceCategorySpecializedJobSiteForeground = '--color-geofence-category-specialized-job-site-foreground';
|
|
310
|
-
export const colorGeofenceCategoryTerminalBackground = '--color-geofence-category-terminal-background';
|
|
311
|
-
export const colorGeofenceCategoryTerminalBorder = '--color-geofence-category-terminal-border';
|
|
312
|
-
export const colorGeofenceCategoryTerminalForeground = '--color-geofence-category-terminal-foreground';
|
|
313
|
-
export const colorGeofenceCategoryUncategorizedBackground = '--color-geofence-category-uncategorized-background';
|
|
314
|
-
export const colorGeofenceCategoryUncategorizedBorder = '--color-geofence-category-uncategorized-border';
|
|
315
|
-
export const colorGeofenceCategoryUncategorizedForeground = '--color-geofence-category-uncategorized-foreground';
|
|
316
454
|
export const colorInteractionActive = '--color-interaction-active';
|
|
317
455
|
export const colorInteractionFocus = '--color-interaction-focus';
|
|
318
456
|
export const colorInteractionHover = '--color-interaction-hover';
|
|
@@ -401,6 +539,19 @@ export const colorLocationMarkerForeground = '--color-location-marker-foreground
|
|
|
401
539
|
export const colorLocationMarkerInteractionFocus = '--color-location-marker-interaction-focus';
|
|
402
540
|
export const colorLocationMarkerInteractionHover = '--color-location-marker-interaction-hover';
|
|
403
541
|
export const colorLocationMarkerInteractionPressed = '--color-location-marker-interaction-pressed';
|
|
542
|
+
export const colorMediaBackground = '--color-media-background';
|
|
543
|
+
export const colorMediaBorderPrimary = '--color-media-border-primary';
|
|
544
|
+
export const colorMediaBorderSecondary = '--color-media-border-secondary';
|
|
545
|
+
export const colorMediaBorderTertiary = '--color-media-border-tertiary';
|
|
546
|
+
export const colorMediaDivider = '--color-media-divider';
|
|
547
|
+
export const colorMediaForegroundPrimary = '--color-media-foreground-primary';
|
|
548
|
+
export const colorMediaForegroundQuaternary = '--color-media-foreground-quaternary';
|
|
549
|
+
export const colorMediaForegroundSecondary = '--color-media-foreground-secondary';
|
|
550
|
+
export const colorMediaForegroundTertiary = '--color-media-foreground-tertiary';
|
|
551
|
+
export const colorMediaInteractionActive = '--color-media-interaction-active';
|
|
552
|
+
export const colorMediaInteractionFocus = '--color-media-interaction-focus';
|
|
553
|
+
export const colorMediaInteractionHover = '--color-media-interaction-hover';
|
|
554
|
+
export const colorMediaInteractionPressed = '--color-media-interaction-pressed';
|
|
404
555
|
export const colorNavigationBackground = '--color-navigation-background';
|
|
405
556
|
export const colorNavigationBorderPrimary = '--color-navigation-border-primary';
|
|
406
557
|
export const colorNavigationBorderSecondary = '--color-navigation-border-secondary';
|
|
@@ -574,9 +725,12 @@ export const dimensionBase = '--dimension-base';
|
|
|
574
725
|
export const dimensionCardWidthLg = '--dimension-card-width-lg';
|
|
575
726
|
export const dimensionCardWidthMd = '--dimension-card-width-md';
|
|
576
727
|
export const dimensionCardWidthSm = '--dimension-card-width-sm';
|
|
728
|
+
export const dimensionCardWidthXs = '--dimension-card-width-xs';
|
|
577
729
|
export const dimensionFormWidthLg = '--dimension-form-width-lg';
|
|
578
730
|
export const dimensionFormWidthMd = '--dimension-form-width-md';
|
|
579
731
|
export const dimensionFormWidthSm = '--dimension-form-width-sm';
|
|
732
|
+
export const dimensionFormWidthXl = '--dimension-form-width-xl';
|
|
733
|
+
export const dimensionFormWidthXs = '--dimension-form-width-xs';
|
|
580
734
|
export const dimensionIconography2xl = '--dimension-iconography-2xl';
|
|
581
735
|
export const dimensionIconography3xl = '--dimension-iconography-3xl';
|
|
582
736
|
export const dimensionIconographyLg = '--dimension-iconography-lg';
|
|
@@ -587,10 +741,14 @@ export const dimensionIconographyXs = '--dimension-iconography-xs';
|
|
|
587
741
|
export const dimensionMenuWidthLg = '--dimension-menu-width-lg';
|
|
588
742
|
export const dimensionMenuWidthMd = '--dimension-menu-width-md';
|
|
589
743
|
export const dimensionMenuWidthSm = '--dimension-menu-width-sm';
|
|
744
|
+
export const dimensionMenuWidthXs = '--dimension-menu-width-xs';
|
|
745
|
+
export const dimensionModalWidth2xl = '--dimension-modal-width-2xl';
|
|
590
746
|
export const dimensionModalWidthFill = '--dimension-modal-width-fill';
|
|
591
747
|
export const dimensionModalWidthLg = '--dimension-modal-width-lg';
|
|
592
748
|
export const dimensionModalWidthMd = '--dimension-modal-width-md';
|
|
593
749
|
export const dimensionModalWidthSm = '--dimension-modal-width-sm';
|
|
750
|
+
export const dimensionModalWidthXl = '--dimension-modal-width-xl';
|
|
751
|
+
export const dimensionModalWidthXs = '--dimension-modal-width-xs';
|
|
594
752
|
export const dimensionOffset000 = '--dimension-offset-000';
|
|
595
753
|
export const dimensionOffset025 = '--dimension-offset-025';
|
|
596
754
|
export const dimensionOffset050 = '--dimension-offset-050';
|
|
@@ -611,6 +769,8 @@ export const dimensionOffsetN150 = '--dimension-offset-n150';
|
|
|
611
769
|
export const dimensionOffsetN175 = '--dimension-offset-n175';
|
|
612
770
|
export const dimensionOffsetN200 = '--dimension-offset-n200';
|
|
613
771
|
export const dimensionOffsetN250 = '--dimension-offset-n250';
|
|
772
|
+
export const dimensionPanelWidth2xl = '--dimension-panel-width-2xl';
|
|
773
|
+
export const dimensionPanelWidth2xs = '--dimension-panel-width-2xs';
|
|
614
774
|
export const dimensionPanelWidthFill = '--dimension-panel-width-fill';
|
|
615
775
|
export const dimensionPanelWidthLg = '--dimension-panel-width-lg';
|
|
616
776
|
export const dimensionPanelWidthMd = '--dimension-panel-width-md';
|
|
@@ -629,13 +789,12 @@ export const dimensionRadius150 = '--dimension-radius-150';
|
|
|
629
789
|
export const dimensionRadius175 = '--dimension-radius-175';
|
|
630
790
|
export const dimensionRadius200 = '--dimension-radius-200';
|
|
631
791
|
export const dimensionRadius250 = '--dimension-radius-250';
|
|
632
|
-
export const dimensionRadius275 = '--dimension-radius-275';
|
|
633
792
|
export const dimensionRadius300 = '--dimension-radius-300';
|
|
634
793
|
export const dimensionRadius400 = '--dimension-radius-400';
|
|
635
794
|
export const dimensionRadius600 = '--dimension-radius-600';
|
|
636
795
|
export const dimensionRadiusBase = '--dimension-radius-base';
|
|
637
796
|
export const dimensionRadiusHalf = '--dimension-radius-half';
|
|
638
|
-
export const
|
|
797
|
+
export const dimensionScaleDefault = '--dimension-scale-default';
|
|
639
798
|
export const dimensionScaleSubtle = '--dimension-scale-subtle';
|
|
640
799
|
export const dimensionSize000 = '--dimension-size-000';
|
|
641
800
|
export const dimensionSize050 = '--dimension-size-050';
|