@geoffcox/sterling-svelte-themes 2.0.0 → 2.0.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/README.md +43 -0
- package/css/sterling/Autocomplete.base.css +20 -0
- package/css/sterling/Autocomplete.css +1 -0
- package/css/sterling/Label.base.css +13 -15
- package/css/sterling.css +1 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -19,3 +19,46 @@ set on the root document element.
|
|
|
19
19
|
## Repository
|
|
20
20
|
|
|
21
21
|
https://github.com/GeoffCox/sterling-svelte-themes
|
|
22
|
+
|
|
23
|
+
## Change Log
|
|
24
|
+
|
|
25
|
+
### 2.0.2
|
|
26
|
+
|
|
27
|
+
- Autocomplete - added styles
|
|
28
|
+
|
|
29
|
+
### 2.0.1
|
|
30
|
+
|
|
31
|
+
- Label - fix justification of text vs chilren in horizontal layout
|
|
32
|
+
- Label - fixed spacing between text and children in horizontal and vertical layouts
|
|
33
|
+
- Label - fixed CSS specifier for required reason inside Tooltip
|
|
34
|
+
- Label - increased min-width of required indicator to made hover easier
|
|
35
|
+
|
|
36
|
+
### 2.0.0
|
|
37
|
+
|
|
38
|
+
- light-dark() theme support
|
|
39
|
+
|
|
40
|
+
### 1.0.4
|
|
41
|
+
|
|
42
|
+
- Dropdown - added classes for button and icon slots, dropdown content
|
|
43
|
+
- MenuItem - moved MenuItemDisplay.css styles into MenuItem.defaultItem.css
|
|
44
|
+
- Pagination - added styles
|
|
45
|
+
- Select - added class for select content
|
|
46
|
+
|
|
47
|
+
### 1.0.3
|
|
48
|
+
|
|
49
|
+
- Button, Checkbox, Dialog, Input, Label, MenuItem, Radio, Switch, Tab, and TextArea - Added appearance:none to avoid built-in styles in some browsers
|
|
50
|
+
|
|
51
|
+
|
|
52
|
+
### 1.0.2
|
|
53
|
+
|
|
54
|
+
- Reorganization of CSS
|
|
55
|
+
- Label - Fixed css var typos
|
|
56
|
+
- Button - added colors
|
|
57
|
+
|
|
58
|
+
### 1.0.1
|
|
59
|
+
|
|
60
|
+
- Fixed CSS exports in package
|
|
61
|
+
|
|
62
|
+
### 1.0.0
|
|
63
|
+
|
|
64
|
+
- Moved CSS into this package to separate Sterling Theme from sterling-svelte
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
.sterling-autocomplete {
|
|
2
|
+
display: grid;
|
|
3
|
+
grid-template-columns: 1fr;
|
|
4
|
+
justify-items: stretch;
|
|
5
|
+
}
|
|
6
|
+
|
|
7
|
+
.sterling-autocomplete-content {
|
|
8
|
+
background-color: var(--stsv-common__background-color);
|
|
9
|
+
border-color: var(--stsv-common__border-color);
|
|
10
|
+
border-radius: 0;
|
|
11
|
+
border-style: solid;
|
|
12
|
+
border-width: 2px;
|
|
13
|
+
box-shadow: var(--stsv-common__box-shadow);
|
|
14
|
+
color: var(--stsv-common__color);
|
|
15
|
+
display: grid;
|
|
16
|
+
grid-template-columns: 1fr;
|
|
17
|
+
grid-template-rows: 1fr;
|
|
18
|
+
max-height: 350px;;
|
|
19
|
+
overflow: hidden;
|
|
20
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import url('./Autocomplete.base.css');
|
|
@@ -12,10 +12,7 @@
|
|
|
12
12
|
overflow: visible;
|
|
13
13
|
padding: 0;
|
|
14
14
|
position: relative;
|
|
15
|
-
transition:
|
|
16
|
-
background-color 250ms,
|
|
17
|
-
color 250ms,
|
|
18
|
-
border-color 250ms;
|
|
15
|
+
transition: background-color 250ms, color 250ms, border-color 250ms;
|
|
19
16
|
}
|
|
20
17
|
|
|
21
18
|
/* ----- horizontal | vertical ----- */
|
|
@@ -23,12 +20,12 @@
|
|
|
23
20
|
.sterling-label:not(.vertical) {
|
|
24
21
|
grid-template-columns: auto auto;
|
|
25
22
|
grid-template-rows: auto auto;
|
|
26
|
-
grid-template-areas:
|
|
23
|
+
grid-template-areas: "text content" ". message";
|
|
27
24
|
}
|
|
28
25
|
|
|
29
26
|
.sterling-label.vertical {
|
|
30
27
|
grid-template-rows: auto auto auto;
|
|
31
|
-
grid-template-areas:
|
|
28
|
+
grid-template-areas: "text" "content" "message";
|
|
32
29
|
}
|
|
33
30
|
|
|
34
31
|
/* ----- text ----- */
|
|
@@ -37,11 +34,15 @@
|
|
|
37
34
|
color: var(--stsv-common__color--secondary);
|
|
38
35
|
font-size: 0.8em;
|
|
39
36
|
grid-area: text;
|
|
40
|
-
|
|
37
|
+
justify-self: flex-start;
|
|
41
38
|
}
|
|
42
39
|
|
|
43
|
-
.sterling-label .text:empty {
|
|
44
|
-
margin: 0;
|
|
40
|
+
.sterling-label:not(.vertical) .text:not(:empty) {
|
|
41
|
+
margin-right: 0.5em;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.sterling-label.vertical .text:not(:empty) {
|
|
45
|
+
margin-bottom: 0.25em;
|
|
45
46
|
}
|
|
46
47
|
|
|
47
48
|
.sterling-label .content {
|
|
@@ -57,10 +58,7 @@
|
|
|
57
58
|
grid-area: message;
|
|
58
59
|
padding: 0.5em;
|
|
59
60
|
width: 100%;
|
|
60
|
-
transition:
|
|
61
|
-
background-color 250ms,
|
|
62
|
-
color 250ms,
|
|
63
|
-
border-color 250ms;
|
|
61
|
+
transition: background-color 250ms, color 250ms, border-color 250ms;
|
|
64
62
|
}
|
|
65
63
|
|
|
66
64
|
.sterling-label.info .message {
|
|
@@ -98,9 +96,9 @@
|
|
|
98
96
|
right: 0;
|
|
99
97
|
}
|
|
100
98
|
|
|
101
|
-
.sterling-label .required-reason {
|
|
99
|
+
.sterling-label-tooltip .required-reason {
|
|
102
100
|
display: block;
|
|
103
|
-
padding:
|
|
101
|
+
padding: 0.125em;
|
|
104
102
|
}
|
|
105
103
|
|
|
106
104
|
@media (prefers-reduced-motion) {
|
package/css/sterling.css
CHANGED