@oxide/design-system 0.9.0 → 0.9.1
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/package.json
CHANGED
package/styles/dist/blue.css
CHANGED
|
@@ -170,6 +170,9 @@
|
|
|
170
170
|
--stroke-default-rgb: var(--base-neutral-300-rgb);
|
|
171
171
|
--stroke-default: rgb(var(--stroke-default-rgb));
|
|
172
172
|
|
|
173
|
+
--stroke-hover-rgb: var(--base-neutral-400-rgb);
|
|
174
|
+
--stroke-hover: rgb(var(--stroke-hover-rgb));
|
|
175
|
+
|
|
173
176
|
--stroke-secondary-rgb: var(--base-neutral-200-rgb);
|
|
174
177
|
--stroke-secondary: rgb(var(--stroke-secondary-rgb));
|
|
175
178
|
|
package/styles/dist/main.css
CHANGED
|
@@ -323,6 +323,9 @@
|
|
|
323
323
|
--stroke-default-rgb: var(--base-neutral-300-rgb);
|
|
324
324
|
--stroke-default: rgb(var(--stroke-default-rgb));
|
|
325
325
|
|
|
326
|
+
--stroke-hover-rgb: var(--base-neutral-400-rgb);
|
|
327
|
+
--stroke-hover: rgb(var(--stroke-hover-rgb));
|
|
328
|
+
|
|
326
329
|
--stroke-secondary-rgb: var(--base-neutral-200-rgb);
|
|
327
330
|
--stroke-secondary: rgb(var(--stroke-secondary-rgb));
|
|
328
331
|
|
package/styles/dist/purple.css
CHANGED
|
@@ -170,6 +170,9 @@
|
|
|
170
170
|
--stroke-default-rgb: var(--base-neutral-300-rgb);
|
|
171
171
|
--stroke-default: rgb(var(--stroke-default-rgb));
|
|
172
172
|
|
|
173
|
+
--stroke-hover-rgb: var(--base-neutral-400-rgb);
|
|
174
|
+
--stroke-hover: rgb(var(--stroke-hover-rgb));
|
|
175
|
+
|
|
173
176
|
--stroke-secondary-rgb: var(--base-neutral-200-rgb);
|
|
174
177
|
--stroke-secondary: rgb(var(--stroke-secondary-rgb));
|
|
175
178
|
|
|
@@ -275,6 +275,9 @@ module.exports.colorUtilities = {
|
|
|
275
275
|
'.border-default': {
|
|
276
276
|
'border-color': 'var(--stroke-default)',
|
|
277
277
|
},
|
|
278
|
+
'.border-hover': {
|
|
279
|
+
'border-color': 'var(--stroke-hover)',
|
|
280
|
+
},
|
|
278
281
|
'.border-secondary': {
|
|
279
282
|
'border-color': 'var(--stroke-secondary)',
|
|
280
283
|
},
|
|
@@ -350,6 +353,9 @@ module.exports.colorUtilities = {
|
|
|
350
353
|
'.border-l-default': {
|
|
351
354
|
'border-left-color': 'var(--stroke-default)',
|
|
352
355
|
},
|
|
356
|
+
'.border-l-hover': {
|
|
357
|
+
'border-left-color': 'var(--stroke-hover)',
|
|
358
|
+
},
|
|
353
359
|
'.border-l-secondary': {
|
|
354
360
|
'border-left-color': 'var(--stroke-secondary)',
|
|
355
361
|
},
|
|
@@ -425,6 +431,9 @@ module.exports.colorUtilities = {
|
|
|
425
431
|
'.border-r-default': {
|
|
426
432
|
'border-right-color': 'var(--stroke-default)',
|
|
427
433
|
},
|
|
434
|
+
'.border-r-hover': {
|
|
435
|
+
'border-right-color': 'var(--stroke-hover)',
|
|
436
|
+
},
|
|
428
437
|
'.border-r-secondary': {
|
|
429
438
|
'border-right-color': 'var(--stroke-secondary)',
|
|
430
439
|
},
|
|
@@ -500,6 +509,9 @@ module.exports.colorUtilities = {
|
|
|
500
509
|
'.border-t-default': {
|
|
501
510
|
'border-top-color': 'var(--stroke-default)',
|
|
502
511
|
},
|
|
512
|
+
'.border-t-hover': {
|
|
513
|
+
'border-top-color': 'var(--stroke-hover)',
|
|
514
|
+
},
|
|
503
515
|
'.border-t-secondary': {
|
|
504
516
|
'border-top-color': 'var(--stroke-secondary)',
|
|
505
517
|
},
|
|
@@ -575,6 +587,9 @@ module.exports.colorUtilities = {
|
|
|
575
587
|
'.border-b-default': {
|
|
576
588
|
'border-bottom-color': 'var(--stroke-default)',
|
|
577
589
|
},
|
|
590
|
+
'.border-b-hover': {
|
|
591
|
+
'border-bottom-color': 'var(--stroke-hover)',
|
|
592
|
+
},
|
|
578
593
|
'.border-b-secondary': {
|
|
579
594
|
'border-bottom-color': 'var(--stroke-secondary)',
|
|
580
595
|
},
|
|
@@ -651,6 +666,10 @@ module.exports.colorUtilities = {
|
|
|
651
666
|
'border-left-color': 'var(--stroke-default)',
|
|
652
667
|
'border-right-color': 'var(--stroke-default)',
|
|
653
668
|
},
|
|
669
|
+
'.border-x-hover': {
|
|
670
|
+
'border-left-color': 'var(--stroke-hover)',
|
|
671
|
+
'border-right-color': 'var(--stroke-hover)',
|
|
672
|
+
},
|
|
654
673
|
'.border-x-secondary': {
|
|
655
674
|
'border-left-color': 'var(--stroke-secondary)',
|
|
656
675
|
'border-right-color': 'var(--stroke-secondary)',
|
|
@@ -751,6 +770,10 @@ module.exports.colorUtilities = {
|
|
|
751
770
|
'border-top-color': 'var(--stroke-default)',
|
|
752
771
|
'border-bottom-color': 'var(--stroke-default)',
|
|
753
772
|
},
|
|
773
|
+
'.border-y-hover': {
|
|
774
|
+
'border-top-color': 'var(--stroke-hover)',
|
|
775
|
+
'border-bottom-color': 'var(--stroke-hover)',
|
|
776
|
+
},
|
|
754
777
|
'.border-y-secondary': {
|
|
755
778
|
'border-top-color': 'var(--stroke-secondary)',
|
|
756
779
|
'border-bottom-color': 'var(--stroke-secondary)',
|
|
@@ -850,6 +873,9 @@ module.exports.colorUtilities = {
|
|
|
850
873
|
'.ring-default': {
|
|
851
874
|
'--tw-ring-color': 'var(--stroke-default)',
|
|
852
875
|
},
|
|
876
|
+
'.ring-hover': {
|
|
877
|
+
'--tw-ring-color': 'var(--stroke-hover)',
|
|
878
|
+
},
|
|
853
879
|
'.ring-secondary': {
|
|
854
880
|
'--tw-ring-color': 'var(--stroke-secondary)',
|
|
855
881
|
},
|
|
@@ -925,6 +951,9 @@ module.exports.colorUtilities = {
|
|
|
925
951
|
'.outline-default': {
|
|
926
952
|
'outline-color': 'var(--stroke-default)',
|
|
927
953
|
},
|
|
954
|
+
'.outline-hover': {
|
|
955
|
+
'outline-color': 'var(--stroke-hover)',
|
|
956
|
+
},
|
|
928
957
|
'.outline-secondary': {
|
|
929
958
|
'outline-color': 'var(--stroke-secondary)',
|
|
930
959
|
},
|
package/styles/dist/yellow.css
CHANGED
|
@@ -170,6 +170,9 @@
|
|
|
170
170
|
--stroke-default-rgb: var(--base-neutral-300-rgb);
|
|
171
171
|
--stroke-default: rgb(var(--stroke-default-rgb));
|
|
172
172
|
|
|
173
|
+
--stroke-hover-rgb: var(--base-neutral-400-rgb);
|
|
174
|
+
--stroke-hover: rgb(var(--stroke-hover-rgb));
|
|
175
|
+
|
|
173
176
|
--stroke-secondary-rgb: var(--base-neutral-200-rgb);
|
|
174
177
|
--stroke-secondary: rgb(var(--stroke-secondary-rgb));
|
|
175
178
|
|