@lumx/core 2.1.6 → 2.1.9-alpha-thumbnail
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 +27 -82
- package/js/constants/design-tokens.js +21 -21
- 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 +21 -21
- package/js/custom-colors.min.js.map +1 -1
- package/js/date-picker.min.js.map +1 -1
- package/js/utils.min.js.map +1 -1
- package/lumx.css +1 -1
- package/lumx.min.css +1 -1
- package/package.json +2 -2
- package/scss/_components.scss +1 -0
- package/scss/_design-tokens.scss +27 -87
- package/scss/components/chip/_index.scss +0 -6
- package/scss/components/flag/_index.scss +3 -8
- package/scss/components/icon/_mixins.scss +1 -5
- package/scss/components/list/_mixins.scss +1 -2
- package/scss/components/side-navigation/_mixins.scss +1 -0
- package/scss/components/skeleton/_index.scss +4 -7
- package/scss/components/skeleton/_mixins.scss +10 -0
- package/scss/components/text-field/_index.scss +1 -1
- package/scss/components/thumbnail/_index.scss +112 -43
- package/scss/components/thumbnail/_variables.scss +1 -1
- package/scss/components/uploader/_index.scss +2 -2
- package/scss/core/state/_mixins.scss +4 -20
|
@@ -32,12 +32,6 @@
|
|
|
32
32
|
@if $state == lumx-base-const('state', 'DEFAULT') {
|
|
33
33
|
background-color: lumx-color-variant($color, 'L5');
|
|
34
34
|
color: lumx-color-variant($color, 'N');
|
|
35
|
-
|
|
36
|
-
@if $color == 'dark' {
|
|
37
|
-
.#{$lumx-base-prefix}-icon {
|
|
38
|
-
color: lumx-color-variant('dark', 'L1');
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
35
|
} @else if $state == lumx-base-const('state', 'HOVER') {
|
|
42
36
|
background-color: lumx-color-variant($color, 'L4');
|
|
43
37
|
} @else if $state == lumx-base-const('state', 'ACTIVE') {
|
|
@@ -56,14 +50,12 @@
|
|
|
56
50
|
@if $state == lumx-base-const('state', 'DEFAULT') {
|
|
57
51
|
background-color: lumx-color-variant('primary', 'L5');
|
|
58
52
|
color: lumx-color-variant('primary', 'D2');
|
|
59
|
-
|
|
60
|
-
.#{$lumx-base-prefix}-icon {
|
|
61
|
-
color: lumx-color-variant('primary', 'D2');
|
|
62
|
-
}
|
|
63
53
|
} @else if $state == lumx-base-const('state', 'HOVER') {
|
|
64
54
|
background-color: lumx-color-variant('primary', 'L4');
|
|
55
|
+
color: lumx-color-variant('primary', 'D2');
|
|
65
56
|
} @else if $state == lumx-base-const('state', 'ACTIVE') {
|
|
66
57
|
background-color: lumx-color-variant('primary', 'L3');
|
|
58
|
+
color: lumx-color-variant('primary', 'D2');
|
|
67
59
|
} @else if $state == lumx-base-const('state', 'FOCUS') {
|
|
68
60
|
@if $has-focus-inset == true {
|
|
69
61
|
box-shadow: inset 0 0 0 2px lumx-color-variant('primary', 'L3');
|
|
@@ -75,14 +67,12 @@
|
|
|
75
67
|
@if $state == lumx-base-const('state', 'DEFAULT') {
|
|
76
68
|
background-color: lumx-color-variant('light', 'L3');
|
|
77
69
|
color: lumx-color-variant('light', 'N');
|
|
78
|
-
|
|
79
|
-
.#{$lumx-base-prefix}-icon {
|
|
80
|
-
color: lumx-color-variant('light', 'N');
|
|
81
|
-
}
|
|
82
70
|
} @else if $state == lumx-base-const('state', 'HOVER') {
|
|
83
71
|
background-color: lumx-color-variant('light', 'L4');
|
|
72
|
+
color: lumx-color-variant('light', 'N');
|
|
84
73
|
} @else if $state == lumx-base-const('state', 'ACTIVE') {
|
|
85
74
|
background-color: lumx-color-variant('light', 'L5');
|
|
75
|
+
color: lumx-color-variant('light', 'N');
|
|
86
76
|
} @else if $state == lumx-base-const('state', 'FOCUS') {
|
|
87
77
|
@if $has-focus-inset == true {
|
|
88
78
|
box-shadow: inset 0 0 0 2px lumx-color-variant('light', 'L3');
|
|
@@ -97,12 +87,6 @@
|
|
|
97
87
|
@if $state == lumx-base-const('state', 'DEFAULT') {
|
|
98
88
|
background-color: transparent;
|
|
99
89
|
color: lumx-color-variant($color, 'N');
|
|
100
|
-
|
|
101
|
-
@if $color == 'dark' {
|
|
102
|
-
.#{$lumx-base-prefix}-icon {
|
|
103
|
-
color: lumx-color-variant('dark', 'L1');
|
|
104
|
-
}
|
|
105
|
-
}
|
|
106
90
|
} @else if $state == lumx-base-const('state', 'HOVER') {
|
|
107
91
|
background-color: lumx-color-variant($color, 'L5');
|
|
108
92
|
} @else if $state == lumx-base-const('state', 'ACTIVE') {
|