empower-container 0.1.29 → 0.1.31

Sign up to get free protection for your applications and to get access to all the features.
Files changed (70) hide show
  1. package/README.md +378 -378
  2. package/build/asset-manifest.json +13 -0
  3. package/build/favicon.ico +0 -0
  4. package/build/index.html +1 -0
  5. package/build/logo192.png +0 -0
  6. package/build/logo512.png +0 -0
  7. package/build/manifest.json +25 -0
  8. package/build/robots.txt +3 -0
  9. package/build/static/css/main.e4990057.css +2 -0
  10. package/build/static/css/main.e4990057.css.map +1 -0
  11. package/build/static/js/main.ab1b6fc8.js +3 -0
  12. package/build/static/js/main.ab1b6fc8.js.LICENSE.txt +47 -0
  13. package/build/static/js/main.ab1b6fc8.js.map +1 -0
  14. package/dist/cjs/DatetimeFormatter.d.ts +3 -3
  15. package/dist/cjs/DatetimeFormatter.js +389 -389
  16. package/dist/cjs/Information.d.ts +10 -10
  17. package/dist/cjs/Information.js +63 -63
  18. package/dist/cjs/MenuBar.d.ts +24 -24
  19. package/dist/cjs/MenuBar.js +539 -539
  20. package/dist/cjs/Modal.d.ts +33 -33
  21. package/dist/cjs/Modal.js +44 -44
  22. package/dist/cjs/assets/Asset.d.ts +17 -17
  23. package/dist/cjs/assets/Asset.js +31 -31
  24. package/dist/cjs/constants/Constant.d.ts +15 -15
  25. package/dist/cjs/constants/Constant.js +35 -35
  26. package/dist/cjs/index.d.ts +3 -3
  27. package/dist/cjs/index.js +10 -10
  28. package/dist/cjs/inputs/Input.d.ts +25 -25
  29. package/dist/cjs/inputs/Input.js +106 -106
  30. package/dist/cjs/inputs/InputSelectionHandler.d.ts +3 -3
  31. package/dist/cjs/inputs/InputSelectionHandler.js +36 -36
  32. package/dist/cjs/inputs/Select.d.ts +28 -28
  33. package/dist/cjs/inputs/Select.js +403 -403
  34. package/dist/esm/DatetimeFormatter.d.ts +3 -3
  35. package/dist/esm/DatetimeFormatter.js +385 -385
  36. package/dist/esm/Information.d.ts +10 -10
  37. package/dist/esm/Information.js +38 -38
  38. package/dist/esm/MenuBar.d.ts +24 -24
  39. package/dist/esm/MenuBar.js +534 -534
  40. package/dist/esm/Modal.d.ts +33 -33
  41. package/dist/esm/Modal.js +39 -39
  42. package/dist/esm/assets/Asset.d.ts +17 -17
  43. package/dist/esm/assets/Asset.js +28 -28
  44. package/dist/esm/constants/Constant.d.ts +15 -15
  45. package/dist/esm/constants/Constant.js +32 -32
  46. package/dist/esm/index.d.ts +3 -3
  47. package/dist/esm/index.js +3 -3
  48. package/dist/esm/inputs/Input.d.ts +25 -25
  49. package/dist/esm/inputs/Input.js +104 -104
  50. package/dist/esm/inputs/InputSelectionHandler.d.ts +3 -3
  51. package/dist/esm/inputs/InputSelectionHandler.js +31 -31
  52. package/dist/esm/inputs/Select.d.ts +28 -28
  53. package/dist/esm/inputs/Select.js +399 -399
  54. package/dist/scss/components/_modal.scss +66 -66
  55. package/dist/scss/elements/_button.scss +142 -142
  56. package/dist/scss/elements/_index.scss +1 -1
  57. package/dist/scss/elements/_popover.scss +16 -16
  58. package/dist/scss/foundation/_colors.scss +59 -59
  59. package/dist/scss/foundation/_mixins.scss +40 -40
  60. package/dist/scss/foundation/_normalize.scss +203 -203
  61. package/dist/scss/foundation/_settings.scss +36 -36
  62. package/dist/scss/foundation/_typography.scss +94 -94
  63. package/dist/scss/library/_information.scss +72 -72
  64. package/dist/scss/library/_input.scss +37 -37
  65. package/dist/scss/library/_menubar.scss +241 -241
  66. package/dist/scss/library/_select.scss +399 -400
  67. package/dist/scss/style.scss +38 -38
  68. package/jest.config.ts +32 -0
  69. package/package.json +67 -64
  70. package/tscnofig.old +26 -26
package/dist/scss/library/_menubar.scss CHANGED
@@ -1,241 +1,241 @@
1
- .em-card-belt {
2
- display: flex;
3
- justify-content: space-between;
4
- width: 100%;
5
- min-height: 40px;
6
- padding: 20px 15px;
7
-
8
- .em-dropdown {
9
- position: relative;
10
- min-width: 100px;
11
- white-space: nowrap;
12
- }
13
-
14
- .em-belt-left {
15
- display: flex;
16
- align-items: center;
17
- flex-wrap: wrap;
18
-
19
- .belt-info {
20
- margin-left: 10px;
21
- }
22
- }
23
-
24
- .em-beltleft-container {
25
- display: flex;
26
- justify-content: center;
27
- align-items: center;
28
- margin-right: 20px;
29
-
30
- > .belt-icon {
31
- margin-right: 10px;
32
- display: flex;
33
- justify-content: center;
34
- align-items: center;
35
-
36
- svg {
37
- path, rect {
38
- fill: $blue-light4;
39
- }
40
- }
41
- }
42
-
43
- .icon-back {
44
- height: 40px;
45
- width: 40px;
46
- min-width: 40px;
47
- margin-right: 10px;
48
- border-radius: 10px;
49
- display: flex;
50
- align-items: center;
51
- justify-content: center;
52
- transition: $transition;
53
- box-shadow: none;
54
-
55
- &:hover {
56
- svg {
57
- transition: $transition;
58
- transform: translateX(-2px);
59
- }
60
- }
61
- }
62
-
63
- .belt-icon-check {
64
- margin-right: 10px;
65
-
66
- > div {
67
- display: flex;
68
- }
69
- }
70
-
71
- .belt-title {
72
- margin-block: 10px;
73
- flex: none;
74
-
75
- h6 {
76
- text-transform: uppercase;
77
- font-size: .875rem;
78
- color: $gray-dark;
79
- margin: 0;
80
- }
81
- }
82
- }
83
-
84
- .em-beltleft-cta {
85
- display: flex;
86
- justify-content: center;
87
- align-items: center;
88
- margin-right: 20px;
89
-
90
- a {
91
- margin-right: 10px;
92
- display: flex;
93
- justify-content: center;
94
- align-items: center;
95
- max-height: 40px;
96
- padding: 10px 20px;
97
- }
98
-
99
- .em-button{
100
- &:not(:first-child){
101
- background-color: transparent;
102
- color: $green-dark;
103
- box-shadow: inset 0 0 0 1px $green;
104
-
105
- svg{
106
- margin-right: 10px;
107
-
108
- path, rect, circle {
109
- transition: $transition;
110
- fill: $green;;
111
- }
112
- }
113
-
114
- span{
115
- color: $gray-light4;
116
- }
117
-
118
- &:hover{
119
- background-color: $blue-light1;
120
- box-shadow: none;
121
-
122
- span{
123
- color: $gray;
124
- }
125
- }
126
- }
127
- }
128
- }
129
-
130
- .em-belt-right {
131
- display: flex;
132
- align-items: center;
133
- justify-content: flex-end;
134
- flex-wrap: nowrap;
135
-
136
- > a, > div {
137
- margin-left: 10px;
138
- }
139
-
140
- .pagination-summary, .belt-dropdown {
141
- display: flex;
142
- align-items: center;
143
- justify-content: center;
144
- height: 40px;
145
- padding: 10px 20px;
146
- border: none;
147
- border-radius: 10px;
148
- box-shadow: inset 0 0 0 1px $blue-light2;
149
- color: $gray-dark;
150
- text-decoration: none;
151
- font-size: .875rem;
152
- transition: $transition;
153
-
154
- &:hover {
155
- box-shadow: inset 0 0 0 1px $blue-light4;
156
- }
157
- }
158
-
159
- .pagination-summary {
160
- font-weight: $font-regular;
161
- }
162
-
163
- .belt-dropdown {
164
- span {
165
- font-size: .875rem;
166
- font-weight: 700;
167
- color: $gray-light4;
168
- }
169
-
170
- .icon-arrowdown {
171
- height: 20px;
172
- width: 20px;
173
- margin-left: 15px;
174
- transition: $transition;
175
- }
176
-
177
- .icon-add {
178
- display: flex;
179
- align-items: center;
180
- margin-right: 10px;
181
-
182
- svg path {
183
- fill: $gray-light4;
184
- }
185
- }
186
-
187
- &:hover{
188
- span {
189
- color: $gray-dark;
190
- }
191
-
192
- .icon-arrowdown {
193
- transform: translateY(2px);
194
-
195
- svg path {
196
- fill: $gray-light4;
197
- }
198
- }
199
- }
200
- }
201
-
202
- .belt-prev, .belt-next {
203
- padding: 10px;
204
- height: 40px;
205
- width: 40px;
206
- min-width: 40px;
207
- box-shadow: inset 0 0 0 1px $blue-light2;
208
- border-radius: 10px;
209
- transition: $transition;
210
-
211
- .belt-icon {
212
- height: 20px;
213
- width: 20px;
214
- background: 50% no-repeat;
215
- transition: $transition;
216
- }
217
-
218
- &:hover {
219
- box-shadow: inset 0 0 0 1px $blue-light4;
220
-
221
- .belt-icon {
222
- svg path {
223
- fill: $gray-light4;
224
- }
225
- }
226
- }
227
- }
228
-
229
- .belt-prev {
230
- &:hover .belt-icon {
231
- transform: translateX(-2px);
232
- }
233
- }
234
-
235
- .belt-next {
236
- &:hover .belt-icon {
237
- transform: translateX(2px);
238
- }
239
- }
240
- }
241
- }
1
+ .em-card-belt {
2
+ display: flex;
3
+ justify-content: space-between;
4
+ width: 100%;
5
+ min-height: 40px;
6
+ padding: 20px 15px;
7
+
8
+ .em-dropdown {
9
+ position: relative;
10
+ min-width: 100px;
11
+ white-space: nowrap;
12
+ }
13
+
14
+ .em-belt-left {
15
+ display: flex;
16
+ align-items: center;
17
+ flex-wrap: wrap;
18
+
19
+ .belt-info {
20
+ margin-left: 10px;
21
+ }
22
+ }
23
+
24
+ .em-beltleft-container {
25
+ display: flex;
26
+ justify-content: center;
27
+ align-items: center;
28
+ margin-right: 20px;
29
+
30
+ > .belt-icon {
31
+ margin-right: 10px;
32
+ display: flex;
33
+ justify-content: center;
34
+ align-items: center;
35
+
36
+ svg {
37
+ path, rect {
38
+ fill: $blue-light4;
39
+ }
40
+ }
41
+ }
42
+
43
+ .icon-back {
44
+ height: 40px;
45
+ width: 40px;
46
+ min-width: 40px;
47
+ margin-right: 10px;
48
+ border-radius: 10px;
49
+ display: flex;
50
+ align-items: center;
51
+ justify-content: center;
52
+ transition: $transition;
53
+ box-shadow: none;
54
+
55
+ &:hover {
56
+ svg {
57
+ transition: $transition;
58
+ transform: translateX(-2px);
59
+ }
60
+ }
61
+ }
62
+
63
+ .belt-icon-check {
64
+ margin-right: 10px;
65
+
66
+ > div {
67
+ display: flex;
68
+ }
69
+ }
70
+
71
+ .belt-title {
72
+ margin-block: 10px;
73
+ flex: none;
74
+
75
+ h6 {
76
+ text-transform: uppercase;
77
+ font-size: .875rem;
78
+ color: $gray-dark;
79
+ margin: 0;
80
+ }
81
+ }
82
+ }
83
+
84
+ .em-beltleft-cta {
85
+ display: flex;
86
+ justify-content: center;
87
+ align-items: center;
88
+ margin-right: 20px;
89
+
90
+ a {
91
+ margin-right: 10px;
92
+ display: flex;
93
+ justify-content: center;
94
+ align-items: center;
95
+ max-height: 40px;
96
+ padding: 10px 20px;
97
+ }
98
+
99
+ .em-button{
100
+ &:not(:first-child){
101
+ background-color: transparent;
102
+ color: $green-dark;
103
+ box-shadow: inset 0 0 0 1px $green;
104
+
105
+ svg{
106
+ margin-right: 10px;
107
+
108
+ path, rect, circle {
109
+ transition: $transition;
110
+ fill: $green;;
111
+ }
112
+ }
113
+
114
+ span{
115
+ color: $gray-light4;
116
+ }
117
+
118
+ &:hover{
119
+ background-color: $blue-light1;
120
+ box-shadow: none;
121
+
122
+ span{
123
+ color: $gray;
124
+ }
125
+ }
126
+ }
127
+ }
128
+ }
129
+
130
+ .em-belt-right {
131
+ display: flex;
132
+ align-items: center;
133
+ justify-content: flex-end;
134
+ flex-wrap: nowrap;
135
+
136
+ > a, > div {
137
+ margin-left: 10px;
138
+ }
139
+
140
+ .pagination-summary, .belt-dropdown {
141
+ display: flex;
142
+ align-items: center;
143
+ justify-content: center;
144
+ height: 40px;
145
+ padding: 10px 20px;
146
+ border: none;
147
+ border-radius: 10px;
148
+ box-shadow: inset 0 0 0 1px $blue-light2;
149
+ color: $gray-dark;
150
+ text-decoration: none;
151
+ font-size: .875rem;
152
+ transition: $transition;
153
+
154
+ &:hover {
155
+ box-shadow: inset 0 0 0 1px $blue-light4;
156
+ }
157
+ }
158
+
159
+ .pagination-summary {
160
+ font-weight: $font-regular;
161
+ }
162
+
163
+ .belt-dropdown {
164
+ span {
165
+ font-size: .875rem;
166
+ font-weight: 700;
167
+ color: $gray-light4;
168
+ }
169
+
170
+ .icon-arrowdown {
171
+ height: 20px;
172
+ width: 20px;
173
+ margin-left: 15px;
174
+ transition: $transition;
175
+ }
176
+
177
+ .icon-add {
178
+ display: flex;
179
+ align-items: center;
180
+ margin-right: 10px;
181
+
182
+ svg path {
183
+ fill: $gray-light4;
184
+ }
185
+ }
186
+
187
+ &:hover{
188
+ span {
189
+ color: $gray-dark;
190
+ }
191
+
192
+ .icon-arrowdown {
193
+ transform: translateY(2px);
194
+
195
+ svg path {
196
+ fill: $gray-light4;
197
+ }
198
+ }
199
+ }
200
+ }
201
+
202
+ .belt-prev, .belt-next {
203
+ padding: 10px;
204
+ height: 40px;
205
+ width: 40px;
206
+ min-width: 40px;
207
+ box-shadow: inset 0 0 0 1px $blue-light2;
208
+ border-radius: 10px;
209
+ transition: $transition;
210
+
211
+ .belt-icon {
212
+ height: 20px;
213
+ width: 20px;
214
+ background: 50% no-repeat;
215
+ transition: $transition;
216
+ }
217
+
218
+ &:hover {
219
+ box-shadow: inset 0 0 0 1px $blue-light4;
220
+
221
+ .belt-icon {
222
+ svg path {
223
+ fill: $gray-light4;
224
+ }
225
+ }
226
+ }
227
+ }
228
+
229
+ .belt-prev {
230
+ &:hover .belt-icon {
231
+ transform: translateX(-2px);
232
+ }
233
+ }
234
+
235
+ .belt-next {
236
+ &:hover .belt-icon {
237
+ transform: translateX(2px);
238
+ }
239
+ }
240
+ }
241
+ }