@swiftwc/ui 0.0.0-dev.22 → 0.0.0-dev.24

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 (51) hide show
  1. package/generated/client/index.d.ts +1 -1
  2. package/generated/client/index.js +97 -32
  3. package/generated/components/bordered-button.js +1 -1
  4. package/generated/components/bordered-prominent-button.js +1 -1
  5. package/generated/components/borderless-button.js +1 -1
  6. package/generated/components/fine-tooltip.d.ts +7 -0
  7. package/generated/components/fine-tooltip.js +93 -0
  8. package/generated/components/glass-button.js +1 -1
  9. package/generated/components/glass-prominent-button.js +1 -1
  10. package/generated/components/index.d.ts +2 -0
  11. package/generated/components/index.js +2 -0
  12. package/generated/components/label-view.js +9 -4
  13. package/generated/components/picker-view.js +1 -1
  14. package/generated/components/progress-view.d.ts +13 -0
  15. package/generated/components/progress-view.js +122 -0
  16. package/generated/components/tool-bar-item.d.ts +2 -0
  17. package/generated/components/tool-bar-item.js +18 -4
  18. package/generated/css/index.css +374 -233
  19. package/generated/internal/utils/button-role.d.ts +1 -1
  20. package/generated/internal/utils/button-role.js +7 -3
  21. package/package.json +1 -1
  22. package/scss/_components.scss +3 -0
  23. package/scss/_mixins.scss +4 -0
  24. package/scss/_transitions.scss +4 -0
  25. package/scss/base/_reboot.scss +5 -0
  26. package/scss/base/_root.scss +64 -67
  27. package/scss/colors/_index.scss +81 -41
  28. package/scss/components/_alert-dialog.scss +4 -5
  29. package/scss/components/_bordered-button.scss +3 -0
  30. package/scss/components/_bordered-prominent-button.scss +3 -0
  31. package/scss/components/_borderless-button.scss +3 -0
  32. package/scss/components/_confirmation-dialog.scss +1 -1
  33. package/scss/components/_content-unavailable-view.scss +1 -1
  34. package/scss/components/_fine-tooltip.scss +82 -0
  35. package/scss/components/_glass-button.scss +3 -0
  36. package/scss/components/_glass-prominent-button.scss +3 -0
  37. package/scss/components/_index.scss +23 -20
  38. package/scss/components/_label-view copy.scss.txt +420 -0
  39. package/scss/components/_label-view.scss +26 -116
  40. package/scss/components/_menu-view.scss +17 -0
  41. package/scss/components/_navigation-split-view.scss +3 -3
  42. package/scss/components/_progress-view.scss +98 -0
  43. package/scss/components/_tool-bar-item.scss +61 -62
  44. package/scss/mixins/_button.scss +42 -0
  45. package/scss/mixins/_color.scss +16 -0
  46. package/scss/mixins/_index.scss +1 -1
  47. package/scss/placeholders/_buttons.scss +1 -44
  48. package/scss/transitions/_fine-tooltip.scss +21 -0
  49. package/scss/transitions/_progress-view.scss +23 -0
  50. package/scss/utils/_index.scss +9 -0
  51. package/web-components.html-data/en.json +27 -1
package/scss/transitions/_fine-tooltip.scss ADDED
@@ -0,0 +1,21 @@
1
+ @use '../vars';
2
+ @use '../mixins';
3
+
4
+ @layer #{vars.$transitions-layer} {
5
+ @media (prefers-reduced-motion: no-preference) {
6
+ fine-tooltip {
7
+ :where(&) {
8
+ transition:
9
+ opacity 150ms allow-discrete ease-out,
10
+ transform 150ms allow-discrete ease-out;
11
+ transition-delay: 200ms;
12
+ will-change: opacity, transform;
13
+ }
14
+
15
+ :where(&[closing]) {
16
+ transition-duration: 100ms;
17
+ transition-delay: 0ms;
18
+ }
19
+ }
20
+ }
21
+ }
package/scss/transitions/_progress-view.scss ADDED
@@ -0,0 +1,23 @@
1
+ @use '../vars';
2
+ @use '../mixins';
3
+
4
+ @layer #{vars.$transitions-layer} {
5
+ @media (prefers-reduced-motion: no-preference) {
6
+ progress-view {
7
+ :where(&) {
8
+ //
9
+ }
10
+ }
11
+ }
12
+ @keyframes progressViewCircular {
13
+ 0% {
14
+ opacity: 0.85;
15
+ }
16
+ 50% {
17
+ opacity: 0.25;
18
+ }
19
+ 100% {
20
+ opacity: 0.25;
21
+ }
22
+ }
23
+ }
package/scss/utils/_index.scss CHANGED
@@ -25,6 +25,9 @@
25
25
 
26
26
  [tint='gray'] {
27
27
  :where(&) {
28
+ --accentColorEffective: var(--gray);
29
+ --accentColorEffective4: var(--gray4);
30
+
28
31
  --accentColor: var(--gray);
29
32
  --accentColor2: var(--gray2);
30
33
  --accentColor3: var(--gray3);
@@ -40,6 +43,9 @@
40
43
 
41
44
  [tint='blue'] {
42
45
  :where(&) {
46
+ --accentColorEffective: var(--blue);
47
+ --accentColorEffective4: var(--blue4);
48
+
43
49
  --accentColor: var(--blue);
44
50
  --accentColor2: var(--blue2);
45
51
  --accentColor3: var(--blue3);
@@ -54,6 +60,9 @@
54
60
 
55
61
  [tint='red'] {
56
62
  :where(&) {
63
+ --accentColorEffective: var(--red);
64
+ --accentColorEffective4: var(--red4);
65
+
57
66
  --accentColor: var(--red);
58
67
  --accentColor2: var(--red2);
59
68
  --accentColor3: var(--red3);
package/web-components.html-data/en.json CHANGED
@@ -104,6 +104,9 @@
104
104
  }
105
105
  ]
106
106
  },
107
+ {
108
+ "name": "fine-tooltip"
109
+ },
107
110
  {
108
111
  "name": "form-view"
109
112
  },
@@ -187,6 +190,21 @@
187
190
  {
188
191
  "name": "plain-button"
189
192
  },
193
+ {
194
+ "name": "progress-view",
195
+ "description": "",
196
+ "attributes": [
197
+ {
198
+ "name": "label"
199
+ },
200
+ {
201
+ "name": "current-value-label"
202
+ },
203
+ {
204
+ "name": "value"
205
+ }
206
+ ]
207
+ },
190
208
  {
191
209
  "name": "screen-view"
192
210
  },
@@ -297,7 +315,15 @@
297
315
  "name": "tool-bar-item-group"
298
316
  },
299
317
  {
300
- "name": "tool-bar-item"
318
+ "name": "tool-bar-item",
319
+ "attributes": [
320
+ {
321
+ "name": "slot"
322
+ },
323
+ {
324
+ "name": "data-previous-slot"
325
+ }
326
+ ]
301
327
  },
302
328
  {
303
329
  "name": "tool-bar",