@geoffcox/sterling-svelte 1.0.11 → 1.0.12

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 (65) hide show
  1. package/dist/Callout.svelte +14 -6
  2. package/dist/Dropdown.svelte +4 -1
  3. package/dist/css/Button.base.css +4 -24
  4. package/dist/css/Button.css +1 -0
  5. package/dist/css/Button.disabled.css +22 -0
  6. package/dist/css/Callout.base.css +12 -0
  7. package/dist/css/Checkbox.base.css +7 -31
  8. package/dist/css/Checkbox.css +1 -0
  9. package/dist/css/Checkbox.disabled.css +28 -0
  10. package/dist/css/Dropdown.base.css +4 -46
  11. package/dist/css/Dropdown.composed.css +11 -0
  12. package/dist/css/Dropdown.css +2 -0
  13. package/dist/css/Dropdown.disabled.css +32 -0
  14. package/dist/css/HexColorSliders.base.css +6 -25
  15. package/dist/css/HslColorSliders.base.css +7 -26
  16. package/dist/css/Input.base.css +0 -31
  17. package/dist/css/Input.composed.css +4 -0
  18. package/dist/css/Input.css +1 -0
  19. package/dist/css/Input.disabled.css +24 -0
  20. package/dist/css/Label.base.css +8 -12
  21. package/dist/css/Label.css +1 -0
  22. package/dist/css/Label.disabled.css +9 -0
  23. package/dist/css/Link.base.css +0 -11
  24. package/dist/css/Link.css +1 -0
  25. package/dist/css/Link.disabled.css +10 -0
  26. package/dist/css/List.base.css +4 -18
  27. package/dist/css/List.composed.css +8 -0
  28. package/dist/css/List.css +2 -0
  29. package/dist/css/List.disabled.css +7 -0
  30. package/dist/css/ListItem.base.css +4 -30
  31. package/dist/css/ListItem.css +1 -0
  32. package/dist/css/ListItem.disabled.css +28 -0
  33. package/dist/css/MenuItemDisplay.base.css +0 -29
  34. package/dist/css/MenuItemDisplay.css +1 -0
  35. package/dist/css/MenuItemDisplay.disabled.css +28 -0
  36. package/dist/css/Progress.base.css +8 -22
  37. package/dist/css/Progress.css +1 -0
  38. package/dist/css/Progress.disabled.css +17 -0
  39. package/dist/css/Radio.base.css +4 -30
  40. package/dist/css/Radio.css +1 -0
  41. package/dist/css/Radio.disabled.css +28 -0
  42. package/dist/css/Select.base.css +4 -30
  43. package/dist/css/Select.css +1 -0
  44. package/dist/css/Select.disabled.css +28 -0
  45. package/dist/css/Slider.base.css +0 -40
  46. package/dist/css/Slider.css +1 -0
  47. package/dist/css/Slider.disabled.css +30 -0
  48. package/dist/css/Switch.base.css +0 -31
  49. package/dist/css/Switch.css +1 -0
  50. package/dist/css/Switch.disabled.css +30 -0
  51. package/dist/css/Tab.base.css +4 -40
  52. package/dist/css/Tab.css +1 -0
  53. package/dist/css/Tab.disabled.css +36 -0
  54. package/dist/css/TextArea.base.css +8 -31
  55. package/dist/css/TextArea.composed.css +1 -1
  56. package/dist/css/TextArea.css +1 -0
  57. package/dist/css/TextArea.disabled.css +28 -0
  58. package/dist/css/Tree.base.css +4 -29
  59. package/dist/css/Tree.css +1 -0
  60. package/dist/css/Tree.disabled.css +27 -0
  61. package/dist/css/TreeItemDisplay.base.css +4 -30
  62. package/dist/css/TreeItemDisplay.css +2 -0
  63. package/dist/css/TreeItemDisplay.disabled.css +28 -0
  64. package/dist/package.json +1 -1
  65. package/package.json +1 -1
package/dist/css/TextArea.base.css CHANGED
@@ -22,7 +22,10 @@
22
22
  min-height: 3em;
23
23
  overflow: hidden;
24
24
  resize: var(--TextArea__resize, none);
25
- transition: background-color 250ms, color 250ms, border-color 250ms;
25
+ transition:
26
+ background-color 250ms,
27
+ color 250ms,
28
+ border-color 250ms;
26
29
  width: 100%;
27
30
  }
28
31
 
@@ -42,38 +45,12 @@
42
45
  outline-width: 2px;
43
46
  }
44
47
 
45
- .sterling-text-area:disabled {
46
- cursor: not-allowed;
47
- outline: none;
48
- }
49
-
50
- .sterling-text-area::after {
51
- background: repeating-linear-gradient(
52
- var(--stsv-common--disabled__stripe-angle),
53
- var(--stsv-common--disabled__stripe-color),
54
- var(--stsv-common--disabled__stripe-color) var(--stsv-common--disabled__stripe-width),
55
- var(--stsv-common--disabled__stripe-color--alt) var(--stsv-common--disabled__stripe-width),
56
- var(--stsv-common--disabled__stripe-color--alt)
57
- calc(2 * var(--stsv-common--disabled__stripe-width))
58
- );
59
- bottom: 0;
60
- content: '';
61
- left: 0;
62
- opacity: 0;
63
- position: absolute;
64
- right: 0;
65
- top: 0;
66
- pointer-events: none;
67
- transition: opacity 250ms;
68
- }
69
-
70
- .sterling-text-area.disabled::after {
71
- opacity: 1;
72
- }
73
-
74
48
  .sterling-text-area textarea::placeholder {
75
49
  color: var(--stsv-common__color--subtle);
76
- transition: background-color 250ms, color 250ms, border-color 250ms;
50
+ transition:
51
+ background-color 250ms,
52
+ color 250ms,
53
+ border-color 250ms;
77
54
  }
78
55
 
79
56
  @media (prefers-reduced-motion) {
package/dist/css/TextArea.composed.css CHANGED
@@ -1,5 +1,5 @@
1
1
  .sterling-text-area.composed textarea,
2
- .sterling-text-area.composed:hover textarea:not(:disabled),
2
+ .sterling-text-area.composed:hover textarea,
3
3
  .sterling-text-area.composed textarea:focus,
4
4
  .sterling-text-area.composed:hover textarea:focus {
5
5
  background-color: transparent;
package/dist/css/TextArea.css CHANGED
@@ -1,3 +1,4 @@
1
1
  @import url('./TextArea.base.css');
2
2
  @import url('./TextArea.colorful.css');
3
+ @import url('./TextArea.disabled.css');
3
4
  @import url('./TextArea.composed.css');
package/dist/css/TextArea.disabled.css ADDED
@@ -0,0 +1,28 @@
1
+ .sterling-text-area:disabled {
2
+ cursor: not-allowed;
3
+ outline: none;
4
+ }
5
+
6
+ .sterling-text-area::after {
7
+ background: repeating-linear-gradient(
8
+ var(--stsv-common--disabled__stripe-angle),
9
+ var(--stsv-common--disabled__stripe-color),
10
+ var(--stsv-common--disabled__stripe-color) var(--stsv-common--disabled__stripe-width),
11
+ var(--stsv-common--disabled__stripe-color--alt) var(--stsv-common--disabled__stripe-width),
12
+ var(--stsv-common--disabled__stripe-color--alt)
13
+ calc(2 * var(--stsv-common--disabled__stripe-width))
14
+ );
15
+ bottom: 0;
16
+ content: '';
17
+ left: 0;
18
+ opacity: 0;
19
+ position: absolute;
20
+ right: 0;
21
+ top: 0;
22
+ pointer-events: none;
23
+ transition: opacity 250ms;
24
+ }
25
+
26
+ .sterling-text-area.disabled::after {
27
+ opacity: 1;
28
+ }
package/dist/css/Tree.base.css CHANGED
@@ -10,7 +10,10 @@
10
10
  overflow-x: hidden;
11
11
  overflow-y: auto;
12
12
  margin: 0;
13
- transition: background-color 250ms, color 250ms, border-color 250ms;
13
+ transition:
14
+ background-color 250ms,
15
+ color 250ms,
16
+ border-color 250ms;
14
17
  }
15
18
 
16
19
  .sterling-tree:hover {
@@ -27,10 +30,6 @@
27
30
  outline-width: 2px;
28
31
  }
29
32
 
30
- .sterling-tree.disabled * {
31
- cursor: not-allowed;
32
- }
33
-
34
33
  /* ----- container - a layout panel that grows with the items ----- */
35
34
 
36
35
  .sterling-tree .container {
@@ -40,30 +39,6 @@
40
39
  position: relative;
41
40
  }
42
41
 
43
- .sterling-tree .container::after {
44
- background: repeating-linear-gradient(
45
- var(--stsv-common--disabled__stripe-angle),
46
- var(--stsv-common--disabled__stripe-color),
47
- var(--stsv-common--disabled__stripe-color) var(--stsv-common--disabled__stripe-width),
48
- var(--stsv-common--disabled__stripe-color--alt) var(--stsv-common--disabled__stripe-width),
49
- var(--stsv-common--disabled__stripe-color--alt)
50
- calc(2 * var(--stsv-common--disabled__stripe-width))
51
- );
52
- bottom: 0;
53
- content: '';
54
- left: 0;
55
- opacity: 0;
56
- position: absolute;
57
- pointer-events: none;
58
- right: 0;
59
- top: 0;
60
- transition: opacity 250ms;
61
- }
62
-
63
- .sterling-tree.disabled .container::after {
64
- opacity: 1;
65
- }
66
-
67
42
  /* ----- media queries ----- */
68
43
 
69
44
  @media (prefers-reduced-motion) {
package/dist/css/Tree.css CHANGED
@@ -1,2 +1,3 @@
1
1
  @import url('./Tree.base.css');
2
+ @import url('./Tree.disabled.css');
2
3
  @import url('./Tree.composed.css');
package/dist/css/Tree.disabled.css ADDED
@@ -0,0 +1,27 @@
1
+ .sterling-tree.disabled * {
2
+ cursor: not-allowed;
3
+ }
4
+
5
+ .sterling-tree .container::after {
6
+ background: repeating-linear-gradient(
7
+ var(--stsv-common--disabled__stripe-angle),
8
+ var(--stsv-common--disabled__stripe-color),
9
+ var(--stsv-common--disabled__stripe-color) var(--stsv-common--disabled__stripe-width),
10
+ var(--stsv-common--disabled__stripe-color--alt) var(--stsv-common--disabled__stripe-width),
11
+ var(--stsv-common--disabled__stripe-color--alt)
12
+ calc(2 * var(--stsv-common--disabled__stripe-width))
13
+ );
14
+ bottom: 0;
15
+ content: '';
16
+ left: 0;
17
+ opacity: 0;
18
+ position: absolute;
19
+ pointer-events: none;
20
+ right: 0;
21
+ top: 0;
22
+ transition: opacity 250ms;
23
+ }
24
+
25
+ .sterling-tree.disabled .container::after {
26
+ opacity: 1;
27
+ }
package/dist/css/TreeItemDisplay.base.css CHANGED
@@ -13,7 +13,10 @@
13
13
  position: relative;
14
14
  padding-left: calc(0.2em + (0.5em * var(--sterling-tree-item-depth)));
15
15
  text-overflow: ellipsis;
16
- transition: background-color 250ms, color 250ms, border-color 250ms;
16
+ transition:
17
+ background-color 250ms,
18
+ color 250ms,
19
+ border-color 250ms;
17
20
  white-space: nowrap;
18
21
  }
19
22
 
@@ -27,35 +30,6 @@
27
30
  color: var(--stsv-button__color--active);
28
31
  }
29
32
 
30
- .sterling-tree-item-display.disabled {
31
- cursor: not-allowed;
32
- outline: none;
33
- }
34
-
35
- .sterling-tree-item-display::after {
36
- background: repeating-linear-gradient(
37
- var(--stsv-common--disabled__stripe-angle),
38
- var(--stsv-common--disabled__stripe-color),
39
- var(--stsv-common--disabled__stripe-color) var(--stsv-common--disabled__stripe-width),
40
- var(--stsv-common--disabled__stripe-color--alt) var(--stsv-common--disabled__stripe-width),
41
- var(--stsv-common--disabled__stripe-color--alt)
42
- calc(2 * var(--stsv-common--disabled__stripe-width))
43
- );
44
- bottom: 0;
45
- content: '';
46
- left: 0;
47
- opacity: 0;
48
- pointer-events: none;
49
- position: absolute;
50
- right: 0;
51
- top: 0;
52
- transition: opacity 250ms;
53
- }
54
-
55
- .sterling-tree-item-display.disabled::after {
56
- opacity: 1;
57
- }
58
-
59
33
  .sterling-tree-item-display.leaf {
60
34
  border: none;
61
35
  background: currentColor;
package/dist/css/TreeItemDisplay.css CHANGED
@@ -1 +1,3 @@
1
1
  @import url('./TreeItemDisplay.base.css');
2
+ @import url('./TreeItemDisplay.colorful.css');
3
+ @import url('./TreeItemDisplay.disabled.css');
package/dist/css/TreeItemDisplay.disabled.css ADDED
@@ -0,0 +1,28 @@
1
+ .sterling-tree-item-display.disabled {
2
+ cursor: not-allowed;
3
+ outline: none;
4
+ }
5
+
6
+ .sterling-tree-item-display::after {
7
+ background: repeating-linear-gradient(
8
+ var(--stsv-common--disabled__stripe-angle),
9
+ var(--stsv-common--disabled__stripe-color),
10
+ var(--stsv-common--disabled__stripe-color) var(--stsv-common--disabled__stripe-width),
11
+ var(--stsv-common--disabled__stripe-color--alt) var(--stsv-common--disabled__stripe-width),
12
+ var(--stsv-common--disabled__stripe-color--alt)
13
+ calc(2 * var(--stsv-common--disabled__stripe-width))
14
+ );
15
+ bottom: 0;
16
+ content: '';
17
+ left: 0;
18
+ opacity: 0;
19
+ pointer-events: none;
20
+ position: absolute;
21
+ right: 0;
22
+ top: 0;
23
+ transition: opacity 250ms;
24
+ }
25
+
26
+ .sterling-tree-item-display.disabled::after {
27
+ opacity: 1;
28
+ }
package/dist/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@geoffcox/sterling-svelte",
3
- "version": "1.0.11",
3
+ "version": "1.0.12",
4
4
  "author": "Geoff Cox",
5
5
  "description": "A modern, accessible, and lightweight UI component library for Svelte.",
6
6
  "license": "MIT",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@geoffcox/sterling-svelte",
3
- "version": "1.0.11",
3
+ "version": "1.0.12",
4
4
  "author": "Geoff Cox",
5
5
  "description": "A modern, accessible, and lightweight UI component library for Svelte.",
6
6
  "license": "MIT",