@cdx-ui/styles 0.0.1-beta.58 → 0.0.1-beta.59

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/lib/runtime/token-to-css-var.json +34 -0
  2. package/package.json +2 -2
  3. package/runtime/token-to-css-var.json +34 -0
package/lib/runtime/token-to-css-var.json CHANGED
@@ -300,6 +300,7 @@
300
300
  "modes.dark.color.surface.action.tint": "--color-surface-action-tint",
301
301
  "modes.dark.color.surface.action.tint-active": "--color-surface-action-tint-active",
302
302
  "modes.dark.color.surface.action.tint-hover": "--color-surface-action-tint-hover",
303
+ "modes.dark.color.surface.backdrop": "--color-surface-backdrop",
303
304
  "modes.dark.color.surface.background": "--color-surface-background",
304
305
  "modes.dark.color.surface.brand.core": "--color-surface-brand-core",
305
306
  "modes.dark.color.surface.brand.strong": "--color-surface-brand-strong",
@@ -315,12 +316,20 @@
315
316
  "modes.dark.color.surface.danger.tint-active": "--color-surface-danger-tint-active",
316
317
  "modes.dark.color.surface.danger.tint-hover": "--color-surface-danger-tint-hover",
317
318
  "modes.dark.color.surface.info.strong": "--color-surface-info-strong",
319
+ "modes.dark.color.surface.info.strong-active": "--color-surface-info-strong-active",
320
+ "modes.dark.color.surface.info.strong-hover": "--color-surface-info-strong-hover",
318
321
  "modes.dark.color.surface.info.subtle": "--color-surface-info-subtle",
322
+ "modes.dark.color.surface.info.subtle-active": "--color-surface-info-subtle-active",
323
+ "modes.dark.color.surface.info.subtle-hover": "--color-surface-info-subtle-hover",
319
324
  "modes.dark.color.surface.info.tint": "--color-surface-info-tint",
320
325
  "modes.dark.color.surface.info.tint-active": "--color-surface-info-tint-active",
321
326
  "modes.dark.color.surface.info.tint-hover": "--color-surface-info-tint-hover",
322
327
  "modes.dark.color.surface.neutral.strong": "--color-surface-neutral-strong",
328
+ "modes.dark.color.surface.neutral.strong-active": "--color-surface-neutral-strong-active",
329
+ "modes.dark.color.surface.neutral.strong-hover": "--color-surface-neutral-strong-hover",
323
330
  "modes.dark.color.surface.neutral.subtle": "--color-surface-neutral-subtle",
331
+ "modes.dark.color.surface.neutral.subtle-active": "--color-surface-neutral-subtle-active",
332
+ "modes.dark.color.surface.neutral.subtle-hover": "--color-surface-neutral-subtle-hover",
324
333
  "modes.dark.color.surface.neutral.tint": "--color-surface-neutral-tint",
325
334
  "modes.dark.color.surface.neutral.tint-active": "--color-surface-neutral-tint-active",
326
335
  "modes.dark.color.surface.neutral.tint-hover": "--color-surface-neutral-tint-hover",
@@ -331,13 +340,21 @@
331
340
  "modes.dark.color.surface.secondary-active": "--color-surface-secondary-active",
332
341
  "modes.dark.color.surface.secondary-hover": "--color-surface-secondary-hover",
333
342
  "modes.dark.color.surface.success.strong": "--color-surface-success-strong",
343
+ "modes.dark.color.surface.success.strong-active": "--color-surface-success-strong-active",
344
+ "modes.dark.color.surface.success.strong-hover": "--color-surface-success-strong-hover",
334
345
  "modes.dark.color.surface.success.subtle": "--color-surface-success-subtle",
346
+ "modes.dark.color.surface.success.subtle-active": "--color-surface-success-subtle-active",
347
+ "modes.dark.color.surface.success.subtle-hover": "--color-surface-success-subtle-hover",
335
348
  "modes.dark.color.surface.success.tint": "--color-surface-success-tint",
336
349
  "modes.dark.color.surface.success.tint-active": "--color-surface-success-tint-active",
337
350
  "modes.dark.color.surface.success.tint-hover": "--color-surface-success-tint-hover",
338
351
  "modes.dark.color.surface.tertiary": "--color-surface-tertiary",
339
352
  "modes.dark.color.surface.warning.strong": "--color-surface-warning-strong",
353
+ "modes.dark.color.surface.warning.strong-active": "--color-surface-warning-strong-active",
354
+ "modes.dark.color.surface.warning.strong-hover": "--color-surface-warning-strong-hover",
340
355
  "modes.dark.color.surface.warning.subtle": "--color-surface-warning-subtle",
356
+ "modes.dark.color.surface.warning.subtle-active": "--color-surface-warning-subtle-active",
357
+ "modes.dark.color.surface.warning.subtle-hover": "--color-surface-warning-subtle-hover",
341
358
  "modes.dark.color.surface.warning.tint": "--color-surface-warning-tint",
342
359
  "modes.dark.color.surface.warning.tint-active": "--color-surface-warning-tint-active",
343
360
  "modes.dark.color.surface.warning.tint-hover": "--color-surface-warning-tint-hover",
@@ -423,6 +440,7 @@
423
440
  "modes.light.color.surface.action.tint": "--color-surface-action-tint",
424
441
  "modes.light.color.surface.action.tint-active": "--color-surface-action-tint-active",
425
442
  "modes.light.color.surface.action.tint-hover": "--color-surface-action-tint-hover",
443
+ "modes.light.color.surface.backdrop": "--color-surface-backdrop",
426
444
  "modes.light.color.surface.background": "--color-surface-background",
427
445
  "modes.light.color.surface.brand.core": "--color-surface-brand-core",
428
446
  "modes.light.color.surface.brand.strong": "--color-surface-brand-strong",
@@ -438,12 +456,20 @@
438
456
  "modes.light.color.surface.danger.tint-active": "--color-surface-danger-tint-active",
439
457
  "modes.light.color.surface.danger.tint-hover": "--color-surface-danger-tint-hover",
440
458
  "modes.light.color.surface.info.strong": "--color-surface-info-strong",
459
+ "modes.light.color.surface.info.strong-active": "--color-surface-info-strong-active",
460
+ "modes.light.color.surface.info.strong-hover": "--color-surface-info-strong-hover",
441
461
  "modes.light.color.surface.info.subtle": "--color-surface-info-subtle",
462
+ "modes.light.color.surface.info.subtle-active": "--color-surface-info-subtle-active",
463
+ "modes.light.color.surface.info.subtle-hover": "--color-surface-info-subtle-hover",
442
464
  "modes.light.color.surface.info.tint": "--color-surface-info-tint",
443
465
  "modes.light.color.surface.info.tint-active": "--color-surface-info-tint-active",
444
466
  "modes.light.color.surface.info.tint-hover": "--color-surface-info-tint-hover",
445
467
  "modes.light.color.surface.neutral.strong": "--color-surface-neutral-strong",
468
+ "modes.light.color.surface.neutral.strong-active": "--color-surface-neutral-strong-active",
469
+ "modes.light.color.surface.neutral.strong-hover": "--color-surface-neutral-strong-hover",
446
470
  "modes.light.color.surface.neutral.subtle": "--color-surface-neutral-subtle",
471
+ "modes.light.color.surface.neutral.subtle-active": "--color-surface-neutral-subtle-active",
472
+ "modes.light.color.surface.neutral.subtle-hover": "--color-surface-neutral-subtle-hover",
447
473
  "modes.light.color.surface.neutral.tint": "--color-surface-neutral-tint",
448
474
  "modes.light.color.surface.neutral.tint-active": "--color-surface-neutral-tint-active",
449
475
  "modes.light.color.surface.neutral.tint-hover": "--color-surface-neutral-tint-hover",
@@ -454,13 +480,21 @@
454
480
  "modes.light.color.surface.secondary-active": "--color-surface-secondary-active",
455
481
  "modes.light.color.surface.secondary-hover": "--color-surface-secondary-hover",
456
482
  "modes.light.color.surface.success.strong": "--color-surface-success-strong",
483
+ "modes.light.color.surface.success.strong-active": "--color-surface-success-strong-active",
484
+ "modes.light.color.surface.success.strong-hover": "--color-surface-success-strong-hover",
457
485
  "modes.light.color.surface.success.subtle": "--color-surface-success-subtle",
486
+ "modes.light.color.surface.success.subtle-active": "--color-surface-success-subtle-active",
487
+ "modes.light.color.surface.success.subtle-hover": "--color-surface-success-subtle-hover",
458
488
  "modes.light.color.surface.success.tint": "--color-surface-success-tint",
459
489
  "modes.light.color.surface.success.tint-active": "--color-surface-success-tint-active",
460
490
  "modes.light.color.surface.success.tint-hover": "--color-surface-success-tint-hover",
461
491
  "modes.light.color.surface.tertiary": "--color-surface-tertiary",
462
492
  "modes.light.color.surface.warning.strong": "--color-surface-warning-strong",
493
+ "modes.light.color.surface.warning.strong-active": "--color-surface-warning-strong-active",
494
+ "modes.light.color.surface.warning.strong-hover": "--color-surface-warning-strong-hover",
463
495
  "modes.light.color.surface.warning.subtle": "--color-surface-warning-subtle",
496
+ "modes.light.color.surface.warning.subtle-active": "--color-surface-warning-subtle-active",
497
+ "modes.light.color.surface.warning.subtle-hover": "--color-surface-warning-subtle-hover",
464
498
  "modes.light.color.surface.warning.tint": "--color-surface-warning-tint",
465
499
  "modes.light.color.surface.warning.tint-active": "--color-surface-warning-tint-active",
466
500
  "modes.light.color.surface.warning.tint-hover": "--color-surface-warning-tint-hover",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cdx-ui/styles",
3
- "version": "0.0.1-beta.58",
3
+ "version": "0.0.1-beta.59",
4
4
  "main": "lib/commonjs/index.js",
5
5
  "module": "lib/module/index.js",
6
6
  "react-native": "src/index.ts",
@@ -65,7 +65,7 @@
65
65
  "@expo-google-fonts/manrope": "0.4.2",
66
66
  "@expo-google-fonts/outfit": "0.4.3",
67
67
  "@expo-google-fonts/public-sans": "0.4.2",
68
- "@cdx-ui/utils": "0.0.1-beta.58"
68
+ "@cdx-ui/utils": "0.0.1-beta.59"
69
69
  },
70
70
  "peerDependencies": {
71
71
  "expo-font": ">=13.0.0",
package/runtime/token-to-css-var.json CHANGED
@@ -300,6 +300,7 @@
300
300
  "modes.dark.color.surface.action.tint": "--color-surface-action-tint",
301
301
  "modes.dark.color.surface.action.tint-active": "--color-surface-action-tint-active",
302
302
  "modes.dark.color.surface.action.tint-hover": "--color-surface-action-tint-hover",
303
+ "modes.dark.color.surface.backdrop": "--color-surface-backdrop",
303
304
  "modes.dark.color.surface.background": "--color-surface-background",
304
305
  "modes.dark.color.surface.brand.core": "--color-surface-brand-core",
305
306
  "modes.dark.color.surface.brand.strong": "--color-surface-brand-strong",
@@ -315,12 +316,20 @@
315
316
  "modes.dark.color.surface.danger.tint-active": "--color-surface-danger-tint-active",
316
317
  "modes.dark.color.surface.danger.tint-hover": "--color-surface-danger-tint-hover",
317
318
  "modes.dark.color.surface.info.strong": "--color-surface-info-strong",
319
+ "modes.dark.color.surface.info.strong-active": "--color-surface-info-strong-active",
320
+ "modes.dark.color.surface.info.strong-hover": "--color-surface-info-strong-hover",
318
321
  "modes.dark.color.surface.info.subtle": "--color-surface-info-subtle",
322
+ "modes.dark.color.surface.info.subtle-active": "--color-surface-info-subtle-active",
323
+ "modes.dark.color.surface.info.subtle-hover": "--color-surface-info-subtle-hover",
319
324
  "modes.dark.color.surface.info.tint": "--color-surface-info-tint",
320
325
  "modes.dark.color.surface.info.tint-active": "--color-surface-info-tint-active",
321
326
  "modes.dark.color.surface.info.tint-hover": "--color-surface-info-tint-hover",
322
327
  "modes.dark.color.surface.neutral.strong": "--color-surface-neutral-strong",
328
+ "modes.dark.color.surface.neutral.strong-active": "--color-surface-neutral-strong-active",
329
+ "modes.dark.color.surface.neutral.strong-hover": "--color-surface-neutral-strong-hover",
323
330
  "modes.dark.color.surface.neutral.subtle": "--color-surface-neutral-subtle",
331
+ "modes.dark.color.surface.neutral.subtle-active": "--color-surface-neutral-subtle-active",
332
+ "modes.dark.color.surface.neutral.subtle-hover": "--color-surface-neutral-subtle-hover",
324
333
  "modes.dark.color.surface.neutral.tint": "--color-surface-neutral-tint",
325
334
  "modes.dark.color.surface.neutral.tint-active": "--color-surface-neutral-tint-active",
326
335
  "modes.dark.color.surface.neutral.tint-hover": "--color-surface-neutral-tint-hover",
@@ -331,13 +340,21 @@
331
340
  "modes.dark.color.surface.secondary-active": "--color-surface-secondary-active",
332
341
  "modes.dark.color.surface.secondary-hover": "--color-surface-secondary-hover",
333
342
  "modes.dark.color.surface.success.strong": "--color-surface-success-strong",
343
+ "modes.dark.color.surface.success.strong-active": "--color-surface-success-strong-active",
344
+ "modes.dark.color.surface.success.strong-hover": "--color-surface-success-strong-hover",
334
345
  "modes.dark.color.surface.success.subtle": "--color-surface-success-subtle",
346
+ "modes.dark.color.surface.success.subtle-active": "--color-surface-success-subtle-active",
347
+ "modes.dark.color.surface.success.subtle-hover": "--color-surface-success-subtle-hover",
335
348
  "modes.dark.color.surface.success.tint": "--color-surface-success-tint",
336
349
  "modes.dark.color.surface.success.tint-active": "--color-surface-success-tint-active",
337
350
  "modes.dark.color.surface.success.tint-hover": "--color-surface-success-tint-hover",
338
351
  "modes.dark.color.surface.tertiary": "--color-surface-tertiary",
339
352
  "modes.dark.color.surface.warning.strong": "--color-surface-warning-strong",
353
+ "modes.dark.color.surface.warning.strong-active": "--color-surface-warning-strong-active",
354
+ "modes.dark.color.surface.warning.strong-hover": "--color-surface-warning-strong-hover",
340
355
  "modes.dark.color.surface.warning.subtle": "--color-surface-warning-subtle",
356
+ "modes.dark.color.surface.warning.subtle-active": "--color-surface-warning-subtle-active",
357
+ "modes.dark.color.surface.warning.subtle-hover": "--color-surface-warning-subtle-hover",
341
358
  "modes.dark.color.surface.warning.tint": "--color-surface-warning-tint",
342
359
  "modes.dark.color.surface.warning.tint-active": "--color-surface-warning-tint-active",
343
360
  "modes.dark.color.surface.warning.tint-hover": "--color-surface-warning-tint-hover",
@@ -423,6 +440,7 @@
423
440
  "modes.light.color.surface.action.tint": "--color-surface-action-tint",
424
441
  "modes.light.color.surface.action.tint-active": "--color-surface-action-tint-active",
425
442
  "modes.light.color.surface.action.tint-hover": "--color-surface-action-tint-hover",
443
+ "modes.light.color.surface.backdrop": "--color-surface-backdrop",
426
444
  "modes.light.color.surface.background": "--color-surface-background",
427
445
  "modes.light.color.surface.brand.core": "--color-surface-brand-core",
428
446
  "modes.light.color.surface.brand.strong": "--color-surface-brand-strong",
@@ -438,12 +456,20 @@
438
456
  "modes.light.color.surface.danger.tint-active": "--color-surface-danger-tint-active",
439
457
  "modes.light.color.surface.danger.tint-hover": "--color-surface-danger-tint-hover",
440
458
  "modes.light.color.surface.info.strong": "--color-surface-info-strong",
459
+ "modes.light.color.surface.info.strong-active": "--color-surface-info-strong-active",
460
+ "modes.light.color.surface.info.strong-hover": "--color-surface-info-strong-hover",
441
461
  "modes.light.color.surface.info.subtle": "--color-surface-info-subtle",
462
+ "modes.light.color.surface.info.subtle-active": "--color-surface-info-subtle-active",
463
+ "modes.light.color.surface.info.subtle-hover": "--color-surface-info-subtle-hover",
442
464
  "modes.light.color.surface.info.tint": "--color-surface-info-tint",
443
465
  "modes.light.color.surface.info.tint-active": "--color-surface-info-tint-active",
444
466
  "modes.light.color.surface.info.tint-hover": "--color-surface-info-tint-hover",
445
467
  "modes.light.color.surface.neutral.strong": "--color-surface-neutral-strong",
468
+ "modes.light.color.surface.neutral.strong-active": "--color-surface-neutral-strong-active",
469
+ "modes.light.color.surface.neutral.strong-hover": "--color-surface-neutral-strong-hover",
446
470
  "modes.light.color.surface.neutral.subtle": "--color-surface-neutral-subtle",
471
+ "modes.light.color.surface.neutral.subtle-active": "--color-surface-neutral-subtle-active",
472
+ "modes.light.color.surface.neutral.subtle-hover": "--color-surface-neutral-subtle-hover",
447
473
  "modes.light.color.surface.neutral.tint": "--color-surface-neutral-tint",
448
474
  "modes.light.color.surface.neutral.tint-active": "--color-surface-neutral-tint-active",
449
475
  "modes.light.color.surface.neutral.tint-hover": "--color-surface-neutral-tint-hover",
@@ -454,13 +480,21 @@
454
480
  "modes.light.color.surface.secondary-active": "--color-surface-secondary-active",
455
481
  "modes.light.color.surface.secondary-hover": "--color-surface-secondary-hover",
456
482
  "modes.light.color.surface.success.strong": "--color-surface-success-strong",
483
+ "modes.light.color.surface.success.strong-active": "--color-surface-success-strong-active",
484
+ "modes.light.color.surface.success.strong-hover": "--color-surface-success-strong-hover",
457
485
  "modes.light.color.surface.success.subtle": "--color-surface-success-subtle",
486
+ "modes.light.color.surface.success.subtle-active": "--color-surface-success-subtle-active",
487
+ "modes.light.color.surface.success.subtle-hover": "--color-surface-success-subtle-hover",
458
488
  "modes.light.color.surface.success.tint": "--color-surface-success-tint",
459
489
  "modes.light.color.surface.success.tint-active": "--color-surface-success-tint-active",
460
490
  "modes.light.color.surface.success.tint-hover": "--color-surface-success-tint-hover",
461
491
  "modes.light.color.surface.tertiary": "--color-surface-tertiary",
462
492
  "modes.light.color.surface.warning.strong": "--color-surface-warning-strong",
493
+ "modes.light.color.surface.warning.strong-active": "--color-surface-warning-strong-active",
494
+ "modes.light.color.surface.warning.strong-hover": "--color-surface-warning-strong-hover",
463
495
  "modes.light.color.surface.warning.subtle": "--color-surface-warning-subtle",
496
+ "modes.light.color.surface.warning.subtle-active": "--color-surface-warning-subtle-active",
497
+ "modes.light.color.surface.warning.subtle-hover": "--color-surface-warning-subtle-hover",
464
498
  "modes.light.color.surface.warning.tint": "--color-surface-warning-tint",
465
499
  "modes.light.color.surface.warning.tint-active": "--color-surface-warning-tint-active",
466
500
  "modes.light.color.surface.warning.tint-hover": "--color-surface-warning-tint-hover",