@jsswift/ui 1.0.54 → 2.0.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.
Files changed (39) hide show
  1. package/dist/css/animation.css +36 -36
  2. package/dist/css/base.css +374 -374
  3. package/dist/css/docs.css +54 -54
  4. package/dist/css/fonts-nunito.css +2 -2
  5. package/dist/css/min-ui.css +1 -1
  6. package/dist/css/responsive-base.css +549 -549
  7. package/dist/css/responsive.css +3225 -3225
  8. package/dist/css/ui-components.css +2902 -2930
  9. package/dist/css/ui-light.css +3853 -3881
  10. package/dist/css/ui-light.min.css +1 -1
  11. package/dist/css/ui.css +6530 -6558
  12. package/dist/css/ui.min.css +1 -1
  13. package/dist/min-ui.js +12 -12
  14. package/dist/ui.js +4354 -9379
  15. package/dist/ui.min.js +12 -12
  16. package/package.json +2 -2
  17. package/src/00-bootstrap.js +305 -305
  18. package/src/01-foundation-helpers.js +328 -325
  19. package/src/10-primitives-layout.js +242 -242
  20. package/src/20-display-content.js +76 -76
  21. package/src/21-list-content.js +21 -21
  22. package/src/22-banner-content.js +376 -376
  23. package/src/23-tooltip.js +9 -9
  24. package/src/31-form-advanced.js +141 -141
  25. package/src/40-navigation.js +81 -81
  26. package/src/41-tab-panel.js +37 -37
  27. package/src/50-feedback.js +52 -52
  28. package/src/51-feedback-service.js +166 -166
  29. package/src/60-shell-app.js +1082 -1082
  30. package/src/61-form-service.js +5 -5
  31. package/src/70-dialog.js +34 -34
  32. package/src/71-menu-overlays.js +73 -73
  33. package/src/80-data.js +38 -38
  34. package/src/css/animation.css +36 -36
  35. package/src/css/base.css +374 -374
  36. package/src/css/docs.css +54 -54
  37. package/src/css/fonts-nunito.css +2 -2
  38. package/src/css/responsive.css +3225 -3225
  39. package/src/css/ui-components.css +2902 -2930
package/dist/css/animation.css CHANGED
@@ -1,52 +1,52 @@
1
1
  :root {
2
- --cms-anim-dur: 500ms;
3
- --cms-anim-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
4
- --cms-anim-distance: 12px;
5
- --cms-anim-scale: 0.98;
6
- --cms-anim-in: cms-fade-in;
7
- --cms-anim-out: cms-fade-out;
2
+ --jss-anim-dur: 500ms;
3
+ --jss-anim-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
4
+ --jss-anim-distance: 12px;
5
+ --jss-anim-scale: 0.98;
6
+ --jss-anim-in: jss-fade-in;
7
+ --jss-anim-out: jss-fade-out;
8
8
  }
9
9
 
10
- .cms-animate {
11
- animation-duration: var(--cms-anim-dur);
12
- animation-timing-function: var(--cms-anim-ease);
10
+ .jss-animate {
11
+ animation-duration: var(--jss-anim-dur);
12
+ animation-timing-function: var(--jss-anim-ease);
13
13
  animation-fill-mode: both;
14
14
  will-change: opacity, transform;
15
15
  }
16
16
 
17
- .cms-animate.in {
18
- animation-name: var(--cms-anim-in);
17
+ .jss-animate.in {
18
+ animation-name: var(--jss-anim-in);
19
19
  }
20
20
 
21
- .cms-animate.out {
22
- animation-name: var(--cms-anim-out);
21
+ .jss-animate.out {
22
+ animation-name: var(--jss-anim-out);
23
23
  }
24
24
 
25
- .cms-animate.fade.in {
26
- animation-name: cms-fade-in;
25
+ .jss-animate.fade.in {
26
+ animation-name: jss-fade-in;
27
27
  }
28
28
 
29
- .cms-animate.fade.out {
30
- animation-name: cms-fade-out;
29
+ .jss-animate.fade.out {
30
+ animation-name: jss-fade-out;
31
31
  }
32
32
 
33
- .cms-animate.slide.in {
34
- animation-name: cms-slide-in;
33
+ .jss-animate.slide.in {
34
+ animation-name: jss-slide-in;
35
35
  }
36
36
 
37
- .cms-animate.slide.out {
38
- animation-name: cms-slide-out;
37
+ .jss-animate.slide.out {
38
+ animation-name: jss-slide-out;
39
39
  }
40
40
 
41
- .cms-animate.scale.in {
42
- animation-name: cms-scale-in;
41
+ .jss-animate.scale.in {
42
+ animation-name: jss-scale-in;
43
43
  }
44
44
 
45
- .cms-animate.scale.out {
46
- animation-name: cms-scale-out;
45
+ .jss-animate.scale.out {
46
+ animation-name: jss-scale-out;
47
47
  }
48
48
 
49
- @keyframes cms-fade-in {
49
+ @keyframes jss-fade-in {
50
50
  from {
51
51
  opacity: 0;
52
52
  }
@@ -56,7 +56,7 @@
56
56
  }
57
57
  }
58
58
 
59
- @keyframes cms-fade-out {
59
+ @keyframes jss-fade-out {
60
60
  from {
61
61
  opacity: 1;
62
62
  }
@@ -66,10 +66,10 @@
66
66
  }
67
67
  }
68
68
 
69
- @keyframes cms-slide-in {
69
+ @keyframes jss-slide-in {
70
70
  from {
71
71
  opacity: 0;
72
- transform: translateY(var(--cms-anim-distance));
72
+ transform: translateY(var(--jss-anim-distance));
73
73
  }
74
74
 
75
75
  to {
@@ -78,7 +78,7 @@
78
78
  }
79
79
  }
80
80
 
81
- @keyframes cms-slide-out {
81
+ @keyframes jss-slide-out {
82
82
  from {
83
83
  opacity: 1;
84
84
  transform: translateY(0);
@@ -86,14 +86,14 @@
86
86
 
87
87
  to {
88
88
  opacity: 0;
89
- transform: translateY(var(--cms-anim-distance));
89
+ transform: translateY(var(--jss-anim-distance));
90
90
  }
91
91
  }
92
92
 
93
- @keyframes cms-scale-in {
93
+ @keyframes jss-scale-in {
94
94
  from {
95
95
  opacity: 0;
96
- transform: scale(var(--cms-anim-scale));
96
+ transform: scale(var(--jss-anim-scale));
97
97
  }
98
98
 
99
99
  to {
@@ -102,7 +102,7 @@
102
102
  }
103
103
  }
104
104
 
105
- @keyframes cms-scale-out {
105
+ @keyframes jss-scale-out {
106
106
  from {
107
107
  opacity: 1;
108
108
  transform: scale(1);
@@ -110,12 +110,12 @@
110
110
 
111
111
  to {
112
112
  opacity: 0;
113
- transform: scale(var(--cms-anim-scale));
113
+ transform: scale(var(--jss-anim-scale));
114
114
  }
115
115
  }
116
116
 
117
117
  @media (prefers-reduced-motion: reduce) {
118
- .cms-animate {
118
+ .jss-animate {
119
119
  animation-duration: 1ms;
120
120
  }
121
121
  }