@geoffcox/sterling-svelte-themes 1.0.0 → 1.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.
Files changed (41) hide show
  1. package/css/sterling/Button.colors.css +100 -0
  2. package/css/sterling/Button.css +3 -3
  3. package/css/sterling/Button.secondary.colors.css +103 -0
  4. package/css/sterling/Button.tool.colors.css +91 -0
  5. package/css/sterling/Callout.css +0 -1
  6. package/css/sterling/Checkbox.css +0 -1
  7. package/css/sterling/Dropdown.css +0 -1
  8. package/css/sterling/Input.css +0 -1
  9. package/css/sterling/Label.base.css +12 -17
  10. package/css/sterling/Label.css +0 -2
  11. package/css/sterling/Link.css +0 -3
  12. package/css/sterling/Progress.base.css +12 -12
  13. package/css/sterling/Radio.css +0 -1
  14. package/css/sterling/Select.css +0 -1
  15. package/css/sterling/Slider.css +0 -1
  16. package/css/sterling/Switch.css +0 -1
  17. package/css/sterling/Tab.css +0 -1
  18. package/css/sterling/TextArea.css +0 -1
  19. package/css/sterling/TreeItem.css +0 -1
  20. package/css/sterling/dark-mode.css +99 -93
  21. package/css/sterling/light-mode.css +84 -78
  22. package/package.json +3 -2
  23. package/css/sterling/Button.colorful.css +0 -17
  24. package/css/sterling/Button.secondary.colorful.css +0 -15
  25. package/css/sterling/Button.tool.colorful.css +0 -13
  26. package/css/sterling/Callout.colorful.css +0 -5
  27. package/css/sterling/Checkbox.colorful.css +0 -17
  28. package/css/sterling/Dropdown.colorful.css +0 -23
  29. package/css/sterling/Input.colorful.css +0 -22
  30. package/css/sterling/Label.boxed.colorful.css +0 -21
  31. package/css/sterling/Label.colorful.css +0 -3
  32. package/css/sterling/Link.colorful.css +0 -15
  33. package/css/sterling/Link.ghost.colorful.css +0 -7
  34. package/css/sterling/Link.undecorated.colorful.css +0 -8
  35. package/css/sterling/Radio.colorful.css +0 -18
  36. package/css/sterling/Select.colorful.css +0 -24
  37. package/css/sterling/Slider.colorful.css +0 -11
  38. package/css/sterling/Switch.colorful.css +0 -45
  39. package/css/sterling/Tab.colorful.css +0 -13
  40. package/css/sterling/TextArea.colorful.css +0 -17
  41. package/css/sterling/TreeItem.colorful.css +0 -9
package/css/sterling/Select.colorful.css DELETED
@@ -1,24 +0,0 @@
1
- .sterling-select.colorful {
2
- background-color: var(--stsv-input--colorful__background-color);
3
- border-color: var(--stsv-input--colorful__border-color);
4
- color: var(--stsv-input--colorful__color);
5
- }
6
-
7
- .sterling-select.colorful:hover {
8
- background-color: var(--stsv-input--colorful__background-color--hover);
9
- border-color: var(--stsv-input--colorful__border-color--hover);
10
- color: var(--stsv-input--colorful__color--hover);
11
- }
12
-
13
- .sterling-select.colorful:focus {
14
- background-color: var(--stsv-input--colorful__background-color--focus);
15
- border-color: var(--stsv-input--colorful__border-color--focus);
16
- color: var(--stsv-input--colorful__color--focus);
17
- outline-color: var(--stsv-common--colorful__outline-color);
18
- }
19
-
20
- .sterling-select-popup-content.colorful {
21
- background-color: var(--stsv-common--colorful__background-color);
22
- border-color: var(--stsv-common--colorful__border-color);
23
- color: var(--stsv-common--colorful__color);
24
- }
package/css/sterling/Slider.colorful.css DELETED
@@ -1,11 +0,0 @@
1
- .sterling-slider.colorful .fill {
2
- background: var(--stsv-input--colorful__border-color--selected);
3
- position: absolute;
4
- transition: background-color 250ms, color 250ms, border-color 250ms;
5
- }
6
-
7
- .sterling-slider.colorful .thumb {
8
- background-color: var(--stsv-button--colorful__background-color);
9
- border-color: var(--stsv-button--colorful__border-color);
10
- color: var(--stsv-button--colorful__color);
11
- }
package/css/sterling/Switch.colorful.css DELETED
@@ -1,45 +0,0 @@
1
- /* ----- switch colorful ----- */
2
-
3
- .sterling-switch.colorful .switch {
4
- background-color: var(--stsv-input--colorful__background-color);
5
- border-color: var(--stsv-input--colorful__border-color);
6
- color: var(--stsv-input--colorful__color);
7
- }
8
-
9
- .sterling-switch.colorful:hover .switch {
10
- background-color: var(--stsv-input--colorful__background-color--hover);
11
- border-color: var(--stsv-input--colorful__border-color--hover);
12
- color: var(--stsv-input_--colorful_color--hover);
13
- }
14
-
15
- .sterling-switch.colorful input:focus-visible ~ .switch {
16
- background-color: var(--stsv-input--colorful__background-color--focus);
17
- border-color: var(--stsv-input--colorful__border-color--focus);
18
- color: var(--stsv-input--colorful__color--focus);
19
- }
20
-
21
- .sterling-switch.colorful input:checked ~ .switch,
22
- .sterling-switch.colorful input:checked:hover ~ .switch,
23
- .sterling-switch.colorful input:checked:focus-visible ~ .switch {
24
- background-color: var(--stsv-input--colorful__border-color--hover);
25
- }
26
-
27
- /* ----- thumb colorful ----- */
28
-
29
- .sterling-switch.colorful .thumb {
30
- background-color: var(--stsv-button--colorful__background-color);
31
- border-color: var(--stsv-button--colorful__border-color);
32
- color: var(--stsv-button--colorful__color);
33
- }
34
-
35
- .sterling-switch.colorful:hover .thumb {
36
- background-color: var(--stsv-button--colorful__background-color--hover);
37
- border-color: var(--stsv-button--colorful__border-color--hover);
38
- color: var(--stsv-button--colorful__color--hover);
39
- }
40
-
41
- .sterling-switch.colorful:active .thumb {
42
- background-color: var(--stsv-button--colorful__background-color--active);
43
- border-color: var(--stsv-button--colorful__border-color--active);
44
- color: var(--stsv-button--colorful__color--hover);
45
- }
package/css/sterling/Tab.colorful.css DELETED
@@ -1,13 +0,0 @@
1
- /* ----- indicator -----*/
2
-
3
- .sterling-tab.colorful:not(.selected):not(:active):hover .indicator {
4
- background-color: var(--stsv-input--colorful__border-color--hover);
5
- }
6
-
7
- .sterling-tab.colorful:active .indicator {
8
- background-color: var(--stsv-input--colorful__border-color--selected);
9
- }
10
-
11
- .sterling-tab.colorful.selected .indicator {
12
- background-color: var(--stsv-input--colorful__border-color--selected);
13
- }
package/css/sterling/TextArea.colorful.css DELETED
@@ -1,17 +0,0 @@
1
- .sterling-text-area.colorful textarea {
2
- background-color: var(--stsv-input--colorful__background-color);
3
- border-color: var(--stsv-input--colorful__border-color);
4
- color: var(--stsv-input--colorful__color);
5
- }
6
-
7
- .sterling-text-area.colorful textarea:hover {
8
- background-color: var(--stsv-input--colorful__background-color--hover);
9
- border-color: var(--stsv-input--colorful__border-color--hover);
10
- color: var(--stsv-input--colorful__color--hover);
11
- }
12
-
13
- .sterling-text-area.colorful textarea:focus {
14
- background-color: var(--stsv-input--colorful__background-color--focus);
15
- border-color: var(--stsv-input--colorful__border-color--focus);
16
- color: var(--stsv-input--colorful__color--focus);
17
- }
package/css/sterling/TreeItem.colorful.css DELETED
@@ -1,9 +0,0 @@
1
- .sterling-tree-item.colorful:not(.disabled):not(.selected) > .item:hover {
2
- background-color: var(--stsv-button--colorful__background-color--hover);
3
- color: var(--stsv-button--colorful__color--hover);
4
- }
5
-
6
- .sterling-tree-item.colorful:not(.disabled).selected > .item {
7
- background-color: var(--stsv-button--colorful__background-color--active);
8
- color: var(--stsv-button--colorful__color--active);
9
- }