@salt-ds/theme 1.11.0 → 1.11.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/css/global.css +1 -1
- package/css/theme.css +4 -4
- package/index.css +5 -5
- package/package.json +1 -1
package/css/global.css
CHANGED
package/css/theme.css
CHANGED
|
@@ -9,8 +9,8 @@
|
|
|
9
9
|
--salt-animation-scale-end: 1;
|
|
10
10
|
--salt-animation-transform-start: 100%;
|
|
11
11
|
--salt-animation-transform-end: 0;
|
|
12
|
-
--salt-animation-duration:
|
|
13
|
-
--salt-animation-timing-function: ease-in;
|
|
12
|
+
--salt-animation-duration: var(--salt-duration-perceptible);
|
|
13
|
+
--salt-animation-timing-function: ease-in-out;
|
|
14
14
|
--salt-animation-slide-in-top: slide-in-top var(--salt-animation-duration) var(--salt-animation-timing-function);
|
|
15
15
|
--salt-animation-slide-in-left: slide-in-left var(--salt-animation-duration) var(--salt-animation-timing-function);
|
|
16
16
|
--salt-animation-slide-in-right: slide-in-right var(--salt-animation-duration) var(--salt-animation-timing-function);
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
--salt-animation-fade-in-back: fade-in-back var(--salt-animation-duration) var(--salt-animation-timing-function);
|
|
23
23
|
--salt-animation-fade-in-forward: fade-in-forward var(--salt-animation-duration) var(--salt-animation-timing-function);
|
|
24
24
|
--salt-animation-fade-in-center: fade-in-center var(--salt-animation-duration) var(--salt-animation-timing-function);
|
|
25
|
-
--salt-animation-fade-out-back: fade-out-back var(--salt-animation-duration) ease-out both;
|
|
25
|
+
--salt-animation-fade-out-back: fade-out-back var(--salt-animation-duration) ease-in-out both;
|
|
26
26
|
}
|
|
27
27
|
@keyframes slide-in-top {
|
|
28
28
|
0% {
|
|
@@ -1078,6 +1078,7 @@
|
|
|
1078
1078
|
--salt-track-borderStyle-active: solid;
|
|
1079
1079
|
--salt-track-borderStyle-complete: solid;
|
|
1080
1080
|
--salt-track-borderStyle-incomplete: dotted;
|
|
1081
|
+
--salt-track-borderColor: var(--salt-palette-neutral-secondary-border);
|
|
1081
1082
|
}
|
|
1082
1083
|
|
|
1083
1084
|
/* css/deprecated/characteristics.css */
|
|
@@ -1199,7 +1200,6 @@
|
|
|
1199
1200
|
--salt-track-textAlign: center;
|
|
1200
1201
|
--salt-track-background: var(--salt-palette-track-background);
|
|
1201
1202
|
--salt-track-background-disabled: var(--salt-palette-track-background-disabled);
|
|
1202
|
-
--salt-track-borderColor: var(--salt-palette-track-border);
|
|
1203
1203
|
--salt-track-borderColor-disabled: var(--salt-palette-track-border-disabled);
|
|
1204
1204
|
--salt-taggable-cursor-hover: pointer;
|
|
1205
1205
|
--salt-taggable-cursor-active: pointer;
|
package/index.css
CHANGED
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
letter-spacing: var(--salt-text-letterSpacing);
|
|
7
7
|
line-height: var(--salt-text-lineHeight);
|
|
8
8
|
}
|
|
9
|
-
::selection {
|
|
9
|
+
.salt-theme ::selection {
|
|
10
10
|
background: var(--salt-content-foreground-highlight);
|
|
11
11
|
}
|
|
12
12
|
.salt-theme[data-mode=light] {
|
|
@@ -43,8 +43,8 @@
|
|
|
43
43
|
--salt-animation-scale-end: 1;
|
|
44
44
|
--salt-animation-transform-start: 100%;
|
|
45
45
|
--salt-animation-transform-end: 0;
|
|
46
|
-
--salt-animation-duration:
|
|
47
|
-
--salt-animation-timing-function: ease-in;
|
|
46
|
+
--salt-animation-duration: var(--salt-duration-perceptible);
|
|
47
|
+
--salt-animation-timing-function: ease-in-out;
|
|
48
48
|
--salt-animation-slide-in-top: slide-in-top var(--salt-animation-duration) var(--salt-animation-timing-function);
|
|
49
49
|
--salt-animation-slide-in-left: slide-in-left var(--salt-animation-duration) var(--salt-animation-timing-function);
|
|
50
50
|
--salt-animation-slide-in-right: slide-in-right var(--salt-animation-duration) var(--salt-animation-timing-function);
|
|
@@ -56,7 +56,7 @@
|
|
|
56
56
|
--salt-animation-fade-in-back: fade-in-back var(--salt-animation-duration) var(--salt-animation-timing-function);
|
|
57
57
|
--salt-animation-fade-in-forward: fade-in-forward var(--salt-animation-duration) var(--salt-animation-timing-function);
|
|
58
58
|
--salt-animation-fade-in-center: fade-in-center var(--salt-animation-duration) var(--salt-animation-timing-function);
|
|
59
|
-
--salt-animation-fade-out-back: fade-out-back var(--salt-animation-duration) ease-out both;
|
|
59
|
+
--salt-animation-fade-out-back: fade-out-back var(--salt-animation-duration) ease-in-out both;
|
|
60
60
|
}
|
|
61
61
|
@keyframes slide-in-top {
|
|
62
62
|
0% {
|
|
@@ -1112,6 +1112,7 @@
|
|
|
1112
1112
|
--salt-track-borderStyle-active: solid;
|
|
1113
1113
|
--salt-track-borderStyle-complete: solid;
|
|
1114
1114
|
--salt-track-borderStyle-incomplete: dotted;
|
|
1115
|
+
--salt-track-borderColor: var(--salt-palette-neutral-secondary-border);
|
|
1115
1116
|
}
|
|
1116
1117
|
|
|
1117
1118
|
/* css/deprecated/characteristics.css */
|
|
@@ -1233,7 +1234,6 @@
|
|
|
1233
1234
|
--salt-track-textAlign: center;
|
|
1234
1235
|
--salt-track-background: var(--salt-palette-track-background);
|
|
1235
1236
|
--salt-track-background-disabled: var(--salt-palette-track-background-disabled);
|
|
1236
|
-
--salt-track-borderColor: var(--salt-palette-track-border);
|
|
1237
1237
|
--salt-track-borderColor-disabled: var(--salt-palette-track-border-disabled);
|
|
1238
1238
|
--salt-taggable-cursor-hover: pointer;
|
|
1239
1239
|
--salt-taggable-cursor-active: pointer;
|