@lumx/core 3.9.6-alpha.0 → 3.9.6-alpha.2
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/css/design-tokens.css +26 -26
- package/js/constants/design-tokens.js +25 -25
- package/js/constants/design-tokens.min.js +1 -1
- package/js/constants/design-tokens.min.js.map +1 -1
- package/js/constants/design-tokens.ts +25 -25
- package/lumx.css +1 -1
- package/lumx.min.css +1 -1
- package/package.json +1 -1
- package/scss/_design-tokens.scss +26 -26
- package/scss/components/navigation/_index.scss +16 -2
- package/scss/components/navigation/_mixins.scss +10 -16
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly
|
|
3
|
-
* Generated on
|
|
3
|
+
* Generated on Wed, 04 Dec 2024 10:53:03 GMT
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
6
|
export const DESIGN_TOKENS = {
|
|
@@ -500,10 +500,10 @@ export const DESIGN_TOKENS = {
|
|
|
500
500
|
'emphasis-low': {
|
|
501
501
|
'state-default': {
|
|
502
502
|
border: {
|
|
503
|
-
top: { width: { value: '
|
|
504
|
-
right: { width: { value: '
|
|
505
|
-
bottom: { width: { value: '
|
|
506
|
-
left: { width: { value: '
|
|
503
|
+
top: { width: { value: '0px' } },
|
|
504
|
+
right: { width: { value: '0px' } },
|
|
505
|
+
bottom: { width: { value: '0px' } },
|
|
506
|
+
left: { width: { value: '0px' } },
|
|
507
507
|
},
|
|
508
508
|
'theme-light': {
|
|
509
509
|
'background-color': { value: 'transparent' },
|
|
@@ -556,10 +556,10 @@ export const DESIGN_TOKENS = {
|
|
|
556
556
|
},
|
|
557
557
|
'state-hover': {
|
|
558
558
|
border: {
|
|
559
|
-
top: { width: { value: '
|
|
560
|
-
right: { width: { value: '
|
|
561
|
-
bottom: { width: { value: '
|
|
562
|
-
left: { width: { value: '
|
|
559
|
+
top: { width: { value: '0px' } },
|
|
560
|
+
right: { width: { value: '0px' } },
|
|
561
|
+
bottom: { width: { value: '0px' } },
|
|
562
|
+
left: { width: { value: '0px' } },
|
|
563
563
|
},
|
|
564
564
|
'theme-light': {
|
|
565
565
|
'background-color': {
|
|
@@ -628,10 +628,10 @@ export const DESIGN_TOKENS = {
|
|
|
628
628
|
},
|
|
629
629
|
'state-active': {
|
|
630
630
|
border: {
|
|
631
|
-
top: { width: { value: '
|
|
632
|
-
right: { width: { value: '
|
|
633
|
-
bottom: { width: { value: '
|
|
634
|
-
left: { width: { value: '
|
|
631
|
+
top: { width: { value: '0px' } },
|
|
632
|
+
right: { width: { value: '0px' } },
|
|
633
|
+
bottom: { width: { value: '0px' } },
|
|
634
|
+
left: { width: { value: '0px' } },
|
|
635
635
|
},
|
|
636
636
|
'theme-light': {
|
|
637
637
|
'background-color': {
|
|
@@ -702,10 +702,10 @@ export const DESIGN_TOKENS = {
|
|
|
702
702
|
'emphasis-selected': {
|
|
703
703
|
'state-default': {
|
|
704
704
|
border: {
|
|
705
|
-
top: { width: { value: '
|
|
706
|
-
right: { width: { value: '
|
|
707
|
-
bottom: { width: { value: '
|
|
708
|
-
left: { width: { value: '
|
|
705
|
+
top: { width: { value: '0px' } },
|
|
706
|
+
right: { width: { value: '0px' } },
|
|
707
|
+
bottom: { width: { value: '0px' } },
|
|
708
|
+
left: { width: { value: '0px' } },
|
|
709
709
|
},
|
|
710
710
|
'theme-light': {
|
|
711
711
|
'background-color': {
|
|
@@ -766,10 +766,10 @@ export const DESIGN_TOKENS = {
|
|
|
766
766
|
},
|
|
767
767
|
'state-hover': {
|
|
768
768
|
border: {
|
|
769
|
-
top: { width: { value: '
|
|
770
|
-
right: { width: { value: '
|
|
771
|
-
bottom: { width: { value: '
|
|
772
|
-
left: { width: { value: '
|
|
769
|
+
top: { width: { value: '0px' } },
|
|
770
|
+
right: { width: { value: '0px' } },
|
|
771
|
+
bottom: { width: { value: '0px' } },
|
|
772
|
+
left: { width: { value: '0px' } },
|
|
773
773
|
},
|
|
774
774
|
'theme-light': {
|
|
775
775
|
'background-color': {
|
|
@@ -838,10 +838,10 @@ export const DESIGN_TOKENS = {
|
|
|
838
838
|
},
|
|
839
839
|
'state-active': {
|
|
840
840
|
border: {
|
|
841
|
-
top: { width: { value: '
|
|
842
|
-
right: { width: { value: '
|
|
843
|
-
bottom: { width: { value: '
|
|
844
|
-
left: { width: { value: '
|
|
841
|
+
top: { width: { value: '0px' } },
|
|
842
|
+
right: { width: { value: '0px' } },
|
|
843
|
+
bottom: { width: { value: '0px' } },
|
|
844
|
+
left: { width: { value: '0px' } },
|
|
845
845
|
},
|
|
846
846
|
'theme-light': {
|
|
847
847
|
'background-color': {
|