@wizishop/angular-components 14.3.23 → 14.3.25

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 (16) hide show
  1. package/angular-components.scss +75 -75
  2. package/esm2020/lib/components/calendar/calendar.component.mjs +113 -118
  3. package/esm2020/lib/directives/keyboard-events/only-numbers.directive.mjs +45 -0
  4. package/esm2020/lib/directives/shared-directives.module.mjs +30 -3
  5. package/esm2020/public-api.mjs +2 -1
  6. package/fesm2015/wizishop-angular-components.mjs +201 -141
  7. package/fesm2015/wizishop-angular-components.mjs.map +1 -1
  8. package/fesm2020/wizishop-angular-components.mjs +201 -141
  9. package/fesm2020/wizishop-angular-components.mjs.map +1 -1
  10. package/lib/components/calendar/calendar.component.d.ts +29 -25
  11. package/lib/directives/keyboard-events/only-numbers.directive.d.ts +8 -0
  12. package/lib/directives/shared-directives.module.d.ts +4 -3
  13. package/package.json +1 -1
  14. package/public-api.d.ts +1 -0
  15. package/wizishop-angular-components-14.3.25.tgz +0 -0
  16. package/wizishop-angular-components-14.3.23.tgz +0 -0
package/angular-components.scss CHANGED
@@ -146,6 +146,74 @@ $wac-google-preview-description: #4D5156!default;
146
146
  .wac-table__head__cell--checkbox .wac-field-checkbox__row {
147
147
  transform: translateX(5px);
148
148
  }
149
+ .wac-alert {
150
+ width: 100%;
151
+ background-color: transparentize($wac-link-color, 0.85);
152
+ color: $wac-link-color;
153
+ border-radius: 3px;
154
+ display: flex;
155
+ flex-wrap: nowrap;
156
+ justify-content: space-between;
157
+ padding: 20px;
158
+ &.success {
159
+ background-color: transparentize($wac-green-color, 0.85);
160
+ p {
161
+ color: $wac-p-alert-color-success;
162
+ > * {
163
+ color: $wac-p-alert-color-success;
164
+ }
165
+ }
166
+ i {
167
+ color: $wac-green-color;
168
+ }
169
+ }
170
+ &.warning {
171
+ background-color: transparentize($wac-primary-button, 0.85);
172
+ p {
173
+ color: $wac-p-alert-color-warning;
174
+ > * {
175
+ color: $wac-p-alert-color-warning;
176
+ }
177
+ }
178
+ i {
179
+ color: $wac-primary-button;
180
+ }
181
+ }
182
+ &.alert {
183
+ background-color: transparentize($wac-orange-color, 0.85);
184
+ p {
185
+ color: $wac-p-alert-color-alert;
186
+ > * {
187
+ color: $wac-p-alert-color-alert;
188
+ }
189
+ }
190
+ i {
191
+ color: $wac-orange-color;
192
+ }
193
+ }
194
+ p {
195
+ width: 100%;
196
+ font-size: rem(14);
197
+ line-height: rem(25);
198
+ margin: 0;
199
+ padding: 0;
200
+ color: $wac-p-alert-color-default;
201
+ > * {
202
+ color: $wac-p-alert-color-default;
203
+ }
204
+ }
205
+ i {
206
+ width: auto;
207
+ margin: 0 10px 0 0;
208
+ color: inherit;
209
+ font-size: rem(14);
210
+ line-height: rem(25);
211
+ }
212
+
213
+ .wac-button i {
214
+ color: $wac-white;
215
+ }
216
+ }
149
217
  .wac-alert-popup {
150
218
  .alert {
151
219
  z-index: 999999;
@@ -368,74 +436,6 @@ $wac-google-preview-description: #4D5156!default;
368
436
  }
369
437
 
370
438
  }
371
- .wac-alert {
372
- width: 100%;
373
- background-color: transparentize($wac-link-color, 0.85);
374
- color: $wac-link-color;
375
- border-radius: 3px;
376
- display: flex;
377
- flex-wrap: nowrap;
378
- justify-content: space-between;
379
- padding: 20px;
380
- &.success {
381
- background-color: transparentize($wac-green-color, 0.85);
382
- p {
383
- color: $wac-p-alert-color-success;
384
- > * {
385
- color: $wac-p-alert-color-success;
386
- }
387
- }
388
- i {
389
- color: $wac-green-color;
390
- }
391
- }
392
- &.warning {
393
- background-color: transparentize($wac-primary-button, 0.85);
394
- p {
395
- color: $wac-p-alert-color-warning;
396
- > * {
397
- color: $wac-p-alert-color-warning;
398
- }
399
- }
400
- i {
401
- color: $wac-primary-button;
402
- }
403
- }
404
- &.alert {
405
- background-color: transparentize($wac-orange-color, 0.85);
406
- p {
407
- color: $wac-p-alert-color-alert;
408
- > * {
409
- color: $wac-p-alert-color-alert;
410
- }
411
- }
412
- i {
413
- color: $wac-orange-color;
414
- }
415
- }
416
- p {
417
- width: 100%;
418
- font-size: rem(14);
419
- line-height: rem(25);
420
- margin: 0;
421
- padding: 0;
422
- color: $wac-p-alert-color-default;
423
- > * {
424
- color: $wac-p-alert-color-default;
425
- }
426
- }
427
- i {
428
- width: auto;
429
- margin: 0 10px 0 0;
430
- color: inherit;
431
- font-size: rem(14);
432
- line-height: rem(25);
433
- }
434
-
435
- .wac-button i {
436
- color: $wac-white;
437
- }
438
- }
439
439
  .wac-back {
440
440
  width: 40px;
441
441
  height: 40px;
@@ -6381,6 +6381,13 @@ span.wac-tooltip {
6381
6381
  }
6382
6382
  }
6383
6383
  }
6384
+ .wac-wrapper {
6385
+ width: 100%;
6386
+ &.max-width {
6387
+ max-width: 1080px;
6388
+ margin: 0 auto;
6389
+ }
6390
+ }
6384
6391
  .wac-wrapper-blocs {
6385
6392
  &.sidebar {
6386
6393
  width: calc(100% + 30px);
@@ -6402,13 +6409,6 @@ span.wac-tooltip {
6402
6409
  }
6403
6410
  }
6404
6411
  }
6405
- .wac-wrapper {
6406
- width: 100%;
6407
- &.max-width {
6408
- max-width: 1080px;
6409
- margin: 0 auto;
6410
- }
6411
- }
6412
6412
  .wac-wrapper-multiple-block {
6413
6413
  width: 100%;
6414
6414
  display: flex;