ixia-ui-react 1.7.0 → 1.8.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.
Files changed (11) hide show
  1. package/dist/index.d.ts +15 -8
  2. package/dist/index.js +185 -130
  3. package/dist/index.js.map +1 -1
  4. package/dist/styles.css +2 -16
  5. package/dist/themes/hogarth.css +0 -4
  6. package/dist/themes/mabel.css +0 -4
  7. package/dist/themes/maculata.css +0 -4
  8. package/dist/themes/monadelpha.css +0 -4
  9. package/dist/themes/venus.css +0 -4
  10. package/dist/themes/viridiflora.css +0 -4
  11. package/package.json +1 -1
package/dist/styles.css CHANGED
@@ -44,7 +44,6 @@
44
44
  --color-black: var(--ixia-black);
45
45
  --color-brand-default: var(--ixia-brand-default);
46
46
  --color-brand-muted: var(--ixia-brand-muted);
47
- --color-brand-subtle: var(--ixia-brand-subtle);
48
47
  --color-brand-on-default: var(--ixia-brand-on-default);
49
48
  --color-brand-container: var(--ixia-brand-container);
50
49
  --color-brand-container-low: var(--ixia-brand-container-low);
@@ -56,7 +55,6 @@
56
55
  --color-brand-shadow: var(--ixia-brand-shadow);
57
56
  --color-accent-default: var(--ixia-accent-default);
58
57
  --color-accent-muted: var(--ixia-accent-muted);
59
- --color-accent-subtle: var(--ixia-accent-subtle);
60
58
  --color-accent-on-default: var(--ixia-accent-on-default);
61
59
  --color-accent-container: var(--ixia-accent-container);
62
60
  --color-accent-container-low: var(--ixia-accent-container-low);
@@ -68,7 +66,6 @@
68
66
  --color-accent-shadow: var(--ixia-accent-shadow);
69
67
  --color-neutral-default: var(--ixia-neutral-default);
70
68
  --color-neutral-muted: var(--ixia-neutral-muted);
71
- --color-neutral-subtle: var(--ixia-neutral-subtle);
72
69
  --color-neutral-on-default: var(--ixia-neutral-on-default);
73
70
  --color-neutral-container: var(--ixia-neutral-container);
74
71
  --color-neutral-container-high: var(--ixia-neutral-container-high);
@@ -80,7 +77,6 @@
80
77
  --color-neutral-shadow: var(--ixia-neutral-shadow);
81
78
  --color-error-default: var(--ixia-error-default);
82
79
  --color-error-muted: var(--ixia-error-muted);
83
- --color-error-subtle: var(--ixia-error-subtle);
84
80
  --color-error-on-default: var(--ixia-error-on-default);
85
81
  --color-error-container-low: var(--ixia-error-container-low);
86
82
  --color-error-container: var(--ixia-error-container);
@@ -92,7 +88,6 @@
92
88
  --color-error-shadow: var(--ixia-error-shadow);
93
89
  --color-info-default: var(--ixia-info-default);
94
90
  --color-info-muted: var(--ixia-info-muted);
95
- --color-info-subtle: var(--ixia-info-subtle);
96
91
  --color-info-on-default: var(--ixia-info-on-default);
97
92
  --color-info-container: var(--ixia-info-container);
98
93
  --color-info-container-low: var(--ixia-info-container-low);
@@ -104,7 +99,6 @@
104
99
  --color-info-shadow: var(--ixia-info-shadow);
105
100
  --color-success-default: var(--ixia-success-default);
106
101
  --color-success-muted: var(--ixia-success-muted);
107
- --color-success-subtle: var(--ixia-success-subtle);
108
102
  --color-success-on-default: var(--ixia-success-on-default);
109
103
  --color-success-container: var(--ixia-success-container);
110
104
  --color-success-container-low: var(--ixia-success-container-low);
@@ -116,7 +110,6 @@
116
110
  --color-success-shadow: var(--ixia-success-shadow);
117
111
  --color-warning-default: var(--ixia-warning-default);
118
112
  --color-warning-muted: var(--ixia-warning-muted);
119
- --color-warning-subtle: var(--ixia-warning-subtle);
120
113
  --color-warning-on-default: var(--ixia-warning-on-default);
121
114
  --color-warning-container: var(--ixia-warning-container);
122
115
  --color-warning-container-low: var(--ixia-warning-container-low);
@@ -462,7 +455,6 @@
462
455
  --ixia-black: var(--black);
463
456
  --ixia-brand-default: light-dark(var(--orange-600), var(--orange-400));
464
457
  --ixia-brand-muted: light-dark(var(--orange-700), var(--orange-300));
465
- --ixia-brand-subtle: light-dark(var(--orange-100), var(--orange-950));
466
458
  --ixia-brand-on-default: light-dark(var(--white), var(--neutral-950));
467
459
  --ixia-brand-container: light-dark(var(--orange-100), var(--orange-950));
468
460
  --ixia-brand-container-low: light-dark(var(--white), var(--neutral-950));
@@ -482,7 +474,6 @@
482
474
  --ixia-brand-gradient-subtle: linear-gradient(135deg, #df640029, #eeac4a1f, #f9dc8414);
483
475
  --ixia-accent-default: light-dark(var(--teal-600), var(--teal-400));
484
476
  --ixia-accent-muted: light-dark(var(--teal-700), var(--teal-300));
485
- --ixia-accent-subtle: light-dark(var(--teal-100), var(--teal-950));
486
477
  --ixia-accent-on-default: light-dark(var(--white), var(--neutral-950));
487
478
  --ixia-accent-container: light-dark(var(--teal-100), var(--teal-950));
488
479
  --ixia-accent-container-low: light-dark(var(--white), var(--neutral-950));
@@ -494,12 +485,11 @@
494
485
  --ixia-accent-shadow: light-dark(#006d6540, #62d0c259);
495
486
  --ixia-neutral-default: light-dark(var(--neutral-900), var(--neutral-50));
496
487
  --ixia-neutral-muted: light-dark(var(--neutral-700), var(--neutral-200));
497
- --ixia-neutral-subtle: light-dark(
488
+ --ixia-neutral-on-default: light-dark(var(--white), var(--neutral-950));
489
+ --ixia-neutral-container: light-dark(
498
490
  var(--neutral-200),
499
491
  color-mix(in srgb, var(--neutral-900) 20%, var(--neutral-800))
500
492
  );
501
- --ixia-neutral-on-default: light-dark(var(--white), var(--neutral-950));
502
- --ixia-neutral-container: light-dark(var(--neutral-100), var(--neutral-800));
503
493
  --ixia-neutral-container-low: light-dark(var(--neutral-100), var(--neutral-900));
504
494
  --ixia-neutral-container-high: light-dark(
505
495
  var(--neutral-300),
@@ -512,7 +502,6 @@
512
502
  --ixia-neutral-shadow: light-dark(#14110f2e, #00000059);
513
503
  --ixia-error-default: light-dark(var(--red-600), var(--red-400));
514
504
  --ixia-error-muted: light-dark(var(--red-700), var(--red-300));
515
- --ixia-error-subtle: light-dark(var(--red-100), var(--red-950));
516
505
  --ixia-error-on-default: light-dark(var(--white), var(--neutral-950));
517
506
  --ixia-error-container: light-dark(var(--red-100), var(--red-950));
518
507
  --ixia-error-container-low: light-dark(var(--white), var(--neutral-950));
@@ -524,7 +513,6 @@
524
513
  --ixia-error-shadow: light-dark(#af0a2940, #ff9b9359);
525
514
  --ixia-info-default: light-dark(var(--blue-600), var(--blue-400));
526
515
  --ixia-info-muted: light-dark(var(--blue-700), var(--blue-300));
527
- --ixia-info-subtle: light-dark(var(--blue-100), var(--blue-950));
528
516
  --ixia-info-on-default: light-dark(var(--white), var(--neutral-950));
529
517
  --ixia-info-container: light-dark(var(--blue-100), var(--blue-950));
530
518
  --ixia-info-container-low: light-dark(var(--white), var(--neutral-950));
@@ -536,7 +524,6 @@
536
524
  --ixia-info-shadow: light-dark(#2358b440, #8ebdff59);
537
525
  --ixia-success-default: light-dark(var(--green-600), var(--green-400));
538
526
  --ixia-success-muted: light-dark(var(--green-700), var(--green-300));
539
- --ixia-success-subtle: light-dark(var(--green-100), var(--green-950));
540
527
  --ixia-success-on-default: light-dark(var(--white), var(--neutral-950));
541
528
  --ixia-success-container: light-dark(var(--green-100), var(--green-950));
542
529
  --ixia-success-container-low: light-dark(var(--white), var(--neutral-950));
@@ -548,7 +535,6 @@
548
535
  --ixia-success-shadow: light-dark(#00713140, #78d28d59);
549
536
  --ixia-warning-default: light-dark(var(--amber-600), var(--amber-400));
550
537
  --ixia-warning-muted: light-dark(var(--amber-700), var(--amber-300));
551
- --ixia-warning-subtle: light-dark(var(--amber-100), var(--amber-950));
552
538
  --ixia-warning-on-default: light-dark(var(--white), var(--neutral-950));
553
539
  --ixia-warning-container: light-dark(var(--amber-100), var(--amber-950));
554
540
  --ixia-warning-container-low: light-dark(var(--white), var(--neutral-950));
package/dist/themes/hogarth.css CHANGED
@@ -4,7 +4,6 @@
4
4
  /* Yellow is a lifted ladder: light mode needs 800 for text-safe fills. */
5
5
  --ixia-brand-default: light-dark(var(--yellow-800), var(--yellow-500));
6
6
  --ixia-brand-muted: light-dark(var(--yellow-900), var(--yellow-400));
7
- --ixia-brand-subtle: light-dark(var(--yellow-100), var(--yellow-950));
8
7
  --ixia-brand-on-default: light-dark(var(--white), var(--neutral-950));
9
8
  --ixia-brand-container: light-dark(var(--yellow-100), var(--yellow-950));
10
9
  --ixia-brand-container-low: light-dark(var(--white), var(--neutral-950));
@@ -24,7 +23,6 @@
24
23
  --ixia-brand-gradient-subtle: linear-gradient(135deg, #eeb40029, #f9dc841f, #ffd2d914);
25
24
  --ixia-accent-default: light-dark(var(--rose-600), var(--rose-400));
26
25
  --ixia-accent-muted: light-dark(var(--rose-700), var(--rose-300));
27
- --ixia-accent-subtle: light-dark(var(--rose-100), var(--rose-950));
28
26
  --ixia-accent-on-default: light-dark(var(--white), var(--neutral-950));
29
27
  --ixia-accent-container: light-dark(var(--rose-100), var(--rose-950));
30
28
  --ixia-accent-container-low: light-dark(var(--white), var(--neutral-950));
@@ -39,7 +37,6 @@
39
37
  --color-surface-focus-ring: var(--ixia-surface-focus-ring);
40
38
  --color-brand-default: var(--ixia-brand-default);
41
39
  --color-brand-muted: var(--ixia-brand-muted);
42
- --color-brand-subtle: var(--ixia-brand-subtle);
43
40
  --color-brand-on-default: var(--ixia-brand-on-default);
44
41
  --color-brand-container: var(--ixia-brand-container);
45
42
  --color-brand-container-low: var(--ixia-brand-container-low);
@@ -51,7 +48,6 @@
51
48
  --color-brand-shadow: var(--ixia-brand-shadow);
52
49
  --color-accent-default: var(--ixia-accent-default);
53
50
  --color-accent-muted: var(--ixia-accent-muted);
54
- --color-accent-subtle: var(--ixia-accent-subtle);
55
51
  --color-accent-on-default: var(--ixia-accent-on-default);
56
52
  --color-accent-container: var(--ixia-accent-container);
57
53
  --color-accent-container-low: var(--ixia-accent-container-low);
package/dist/themes/mabel.css CHANGED
@@ -3,7 +3,6 @@
3
3
  [data-brand='mabel'] {
4
4
  --ixia-brand-default: light-dark(var(--rose-600), var(--rose-400));
5
5
  --ixia-brand-muted: light-dark(var(--rose-700), var(--rose-300));
6
- --ixia-brand-subtle: light-dark(var(--rose-100), var(--rose-950));
7
6
  --ixia-brand-on-default: light-dark(var(--white), var(--neutral-950));
8
7
  --ixia-brand-container: light-dark(var(--rose-100), var(--rose-950));
9
8
  --ixia-brand-container-low: light-dark(var(--white), var(--neutral-950));
@@ -23,7 +22,6 @@
23
22
  --ixia-brand-gradient-subtle: linear-gradient(135deg, #e4518129, #ff96af1f, #ffcfec14);
24
23
  --ixia-accent-default: light-dark(var(--teal-600), var(--teal-400));
25
24
  --ixia-accent-muted: light-dark(var(--teal-700), var(--teal-300));
26
- --ixia-accent-subtle: light-dark(var(--teal-100), var(--teal-950));
27
25
  --ixia-accent-on-default: light-dark(var(--white), var(--neutral-950));
28
26
  --ixia-accent-container: light-dark(var(--teal-100), var(--teal-950));
29
27
  --ixia-accent-container-low: light-dark(var(--white), var(--neutral-950));
@@ -38,7 +36,6 @@
38
36
  --color-surface-focus-ring: var(--ixia-surface-focus-ring);
39
37
  --color-brand-default: var(--ixia-brand-default);
40
38
  --color-brand-muted: var(--ixia-brand-muted);
41
- --color-brand-subtle: var(--ixia-brand-subtle);
42
39
  --color-brand-on-default: var(--ixia-brand-on-default);
43
40
  --color-brand-container: var(--ixia-brand-container);
44
41
  --color-brand-container-low: var(--ixia-brand-container-low);
@@ -50,7 +47,6 @@
50
47
  --color-brand-shadow: var(--ixia-brand-shadow);
51
48
  --color-accent-default: var(--ixia-accent-default);
52
49
  --color-accent-muted: var(--ixia-accent-muted);
53
- --color-accent-subtle: var(--ixia-accent-subtle);
54
50
  --color-accent-on-default: var(--ixia-accent-on-default);
55
51
  --color-accent-container: var(--ixia-accent-container);
56
52
  --color-accent-container-low: var(--ixia-accent-container-low);
package/dist/themes/maculata.css CHANGED
@@ -3,7 +3,6 @@
3
3
  [data-brand='maculata'] {
4
4
  --ixia-brand-default: light-dark(var(--orange-600), var(--orange-400));
5
5
  --ixia-brand-muted: light-dark(var(--orange-700), var(--orange-300));
6
- --ixia-brand-subtle: light-dark(var(--orange-100), var(--orange-950));
7
6
  --ixia-brand-on-default: light-dark(var(--white), var(--neutral-950));
8
7
  --ixia-brand-container: light-dark(var(--orange-100), var(--orange-950));
9
8
  --ixia-brand-container-low: light-dark(var(--white), var(--neutral-950));
@@ -23,7 +22,6 @@
23
22
  --ixia-brand-gradient-subtle: linear-gradient(135deg, #df640029, #eeac4a1f, #f9dc8414);
24
23
  --ixia-accent-default: light-dark(var(--teal-600), var(--teal-400));
25
24
  --ixia-accent-muted: light-dark(var(--teal-700), var(--teal-300));
26
- --ixia-accent-subtle: light-dark(var(--teal-100), var(--teal-950));
27
25
  --ixia-accent-on-default: light-dark(var(--white), var(--neutral-950));
28
26
  --ixia-accent-container: light-dark(var(--teal-100), var(--teal-950));
29
27
  --ixia-accent-container-low: light-dark(var(--white), var(--neutral-950));
@@ -38,7 +36,6 @@
38
36
  --color-surface-focus-ring: var(--ixia-surface-focus-ring);
39
37
  --color-brand-default: var(--ixia-brand-default);
40
38
  --color-brand-muted: var(--ixia-brand-muted);
41
- --color-brand-subtle: var(--ixia-brand-subtle);
42
39
  --color-brand-on-default: var(--ixia-brand-on-default);
43
40
  --color-brand-container: var(--ixia-brand-container);
44
41
  --color-brand-container-low: var(--ixia-brand-container-low);
@@ -50,7 +47,6 @@
50
47
  --color-brand-shadow: var(--ixia-brand-shadow);
51
48
  --color-accent-default: var(--ixia-accent-default);
52
49
  --color-accent-muted: var(--ixia-accent-muted);
53
- --color-accent-subtle: var(--ixia-accent-subtle);
54
50
  --color-accent-on-default: var(--ixia-accent-on-default);
55
51
  --color-accent-container: var(--ixia-accent-container);
56
52
  --color-accent-container-low: var(--ixia-accent-container-low);
package/dist/themes/monadelpha.css CHANGED
@@ -3,7 +3,6 @@
3
3
  [data-brand='monadelpha'] {
4
4
  --ixia-brand-default: light-dark(var(--indigo-600), var(--indigo-400));
5
5
  --ixia-brand-muted: light-dark(var(--indigo-700), var(--indigo-300));
6
- --ixia-brand-subtle: light-dark(var(--indigo-100), var(--indigo-950));
7
6
  --ixia-brand-on-default: light-dark(var(--white), var(--neutral-950));
8
7
  --ixia-brand-container: light-dark(var(--indigo-100), var(--indigo-950));
9
8
  --ixia-brand-container-low: light-dark(var(--white), var(--neutral-950));
@@ -23,7 +22,6 @@
23
22
  --ixia-brand-gradient-subtle: linear-gradient(135deg, #737ef929, #8cd3fd1f, #b2eee314);
24
23
  --ixia-accent-default: light-dark(var(--teal-600), var(--teal-400));
25
24
  --ixia-accent-muted: light-dark(var(--teal-700), var(--teal-300));
26
- --ixia-accent-subtle: light-dark(var(--teal-100), var(--teal-950));
27
25
  --ixia-accent-on-default: light-dark(var(--white), var(--neutral-950));
28
26
  --ixia-accent-container: light-dark(var(--teal-100), var(--teal-950));
29
27
  --ixia-accent-container-low: light-dark(var(--white), var(--neutral-950));
@@ -38,7 +36,6 @@
38
36
  --color-surface-focus-ring: var(--ixia-surface-focus-ring);
39
37
  --color-brand-default: var(--ixia-brand-default);
40
38
  --color-brand-muted: var(--ixia-brand-muted);
41
- --color-brand-subtle: var(--ixia-brand-subtle);
42
39
  --color-brand-on-default: var(--ixia-brand-on-default);
43
40
  --color-brand-container: var(--ixia-brand-container);
44
41
  --color-brand-container-low: var(--ixia-brand-container-low);
@@ -50,7 +47,6 @@
50
47
  --color-brand-shadow: var(--ixia-brand-shadow);
51
48
  --color-accent-default: var(--ixia-accent-default);
52
49
  --color-accent-muted: var(--ixia-accent-muted);
53
- --color-accent-subtle: var(--ixia-accent-subtle);
54
50
  --color-accent-on-default: var(--ixia-accent-on-default);
55
51
  --color-accent-container: var(--ixia-accent-container);
56
52
  --color-accent-container-low: var(--ixia-accent-container-low);
package/dist/themes/venus.css CHANGED
@@ -3,7 +3,6 @@
3
3
  [data-brand='venus'] {
4
4
  --ixia-brand-default: light-dark(var(--pink-600), var(--pink-400));
5
5
  --ixia-brand-muted: light-dark(var(--pink-700), var(--pink-300));
6
- --ixia-brand-subtle: light-dark(var(--pink-100), var(--pink-950));
7
6
  --ixia-brand-on-default: light-dark(var(--white), var(--neutral-950));
8
7
  --ixia-brand-container: light-dark(var(--pink-100), var(--pink-950));
9
8
  --ixia-brand-container-low: light-dark(var(--white), var(--neutral-950));
@@ -23,7 +22,6 @@
23
22
  --ixia-brand-gradient-subtle: linear-gradient(135deg, #ce5eaf29, #f497d61f, #ffd2d914);
24
23
  --ixia-accent-default: light-dark(var(--emerald-600), var(--emerald-400));
25
24
  --ixia-accent-muted: light-dark(var(--emerald-700), var(--emerald-300));
26
- --ixia-accent-subtle: light-dark(var(--emerald-100), var(--emerald-950));
27
25
  --ixia-accent-on-default: light-dark(var(--white), var(--neutral-950));
28
26
  --ixia-accent-container: light-dark(var(--emerald-100), var(--emerald-950));
29
27
  --ixia-accent-container-low: light-dark(var(--white), var(--neutral-950));
@@ -38,7 +36,6 @@
38
36
  --color-surface-focus-ring: var(--ixia-surface-focus-ring);
39
37
  --color-brand-default: var(--ixia-brand-default);
40
38
  --color-brand-muted: var(--ixia-brand-muted);
41
- --color-brand-subtle: var(--ixia-brand-subtle);
42
39
  --color-brand-on-default: var(--ixia-brand-on-default);
43
40
  --color-brand-container: var(--ixia-brand-container);
44
41
  --color-brand-container-low: var(--ixia-brand-container-low);
@@ -50,7 +47,6 @@
50
47
  --color-brand-shadow: var(--ixia-brand-shadow);
51
48
  --color-accent-default: var(--ixia-accent-default);
52
49
  --color-accent-muted: var(--ixia-accent-muted);
53
- --color-accent-subtle: var(--ixia-accent-subtle);
54
50
  --color-accent-on-default: var(--ixia-accent-on-default);
55
51
  --color-accent-container: var(--ixia-accent-container);
56
52
  --color-accent-container-low: var(--ixia-accent-container-low);
package/dist/themes/viridiflora.css CHANGED
@@ -3,7 +3,6 @@
3
3
  [data-brand='viridiflora'] {
4
4
  --ixia-brand-default: light-dark(var(--teal-600), var(--teal-400));
5
5
  --ixia-brand-muted: light-dark(var(--teal-700), var(--teal-300));
6
- --ixia-brand-subtle: light-dark(var(--teal-100), var(--teal-950));
7
6
  --ixia-brand-on-default: light-dark(var(--white), var(--neutral-950));
8
7
  --ixia-brand-container: light-dark(var(--teal-100), var(--teal-950));
9
8
  --ixia-brand-container-low: light-dark(var(--white), var(--neutral-950));
@@ -23,7 +22,6 @@
23
22
  --ixia-brand-gradient-subtle: linear-gradient(135deg, #00a49729, #62d0c21f, #b3f0d414);
24
23
  --ixia-accent-default: light-dark(var(--orange-600), var(--orange-400));
25
24
  --ixia-accent-muted: light-dark(var(--orange-700), var(--orange-300));
26
- --ixia-accent-subtle: light-dark(var(--orange-100), var(--orange-950));
27
25
  --ixia-accent-on-default: light-dark(var(--white), var(--neutral-950));
28
26
  --ixia-accent-container: light-dark(var(--orange-100), var(--orange-950));
29
27
  --ixia-accent-container-low: light-dark(var(--white), var(--neutral-950));
@@ -38,7 +36,6 @@
38
36
  --color-surface-focus-ring: var(--ixia-surface-focus-ring);
39
37
  --color-brand-default: var(--ixia-brand-default);
40
38
  --color-brand-muted: var(--ixia-brand-muted);
41
- --color-brand-subtle: var(--ixia-brand-subtle);
42
39
  --color-brand-on-default: var(--ixia-brand-on-default);
43
40
  --color-brand-container: var(--ixia-brand-container);
44
41
  --color-brand-container-low: var(--ixia-brand-container-low);
@@ -50,7 +47,6 @@
50
47
  --color-brand-shadow: var(--ixia-brand-shadow);
51
48
  --color-accent-default: var(--ixia-accent-default);
52
49
  --color-accent-muted: var(--ixia-accent-muted);
53
- --color-accent-subtle: var(--ixia-accent-subtle);
54
50
  --color-accent-on-default: var(--ixia-accent-on-default);
55
51
  --color-accent-container: var(--ixia-accent-container);
56
52
  --color-accent-container-low: var(--ixia-accent-container-low);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ixia-ui-react",
3
- "version": "1.7.0",
3
+ "version": "1.8.0",
4
4
  "description": "A React component library for building polished product interfaces with composable primitives and Tailwind CSS styling.",
5
5
  "keywords": [
6
6
  "accessible-ui",