@festo-ui/web-essentials 3.1.0 → 3.2.0

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 (87) hide show
  1. package/README.md +14 -13
  2. package/dist/css/festo-web-essentials.css +4547 -2436
  3. package/dist/css/festo-web-essentials.css.map +1 -1
  4. package/dist/css/festo-web-essentials.min.css +5 -1
  5. package/dist/css/festo-web-essentials.min.css.map +1 -1
  6. package/dist/css/fonts/festo_icons-16.woff2 +0 -0
  7. package/dist/css/fonts/festo_icons-24.woff2 +0 -0
  8. package/dist/css/fonts/festo_icons-32.woff2 +0 -0
  9. package/dist/css/organisms/festo-web-essentials-organisms.css +309 -5
  10. package/dist/css/organisms/festo-web-essentials-organisms.css.map +1 -1
  11. package/dist/css/organisms/festo-web-essentials-organisms.min.css +5 -1
  12. package/dist/css/organisms/festo-web-essentials-organisms.min.css.map +1 -1
  13. package/dist/css/themes/flatpickr/festo.css +28 -23
  14. package/dist/css/themes/flatpickr/festo.css.map +1 -1
  15. package/dist/css/themes/flatpickr/festo.min.css +5 -1
  16. package/dist/css/themes/flatpickr/festo.min.css.map +1 -1
  17. package/dist/fonts/festo_icons-16.woff2 +0 -0
  18. package/dist/fonts/festo_icons-24.woff2 +0 -0
  19. package/dist/fonts/festo_icons-32.woff2 +0 -0
  20. package/dist/scss/_accordion.scss +107 -0
  21. package/dist/scss/_badge.scss +1 -1
  22. package/dist/scss/_bottom-navigation.scss +44 -0
  23. package/dist/scss/_breadcrumb.scss +3 -2
  24. package/dist/scss/_button.scss +15 -15
  25. package/dist/scss/_cards.scss +1 -1
  26. package/dist/scss/_checkbox.scss +1 -1
  27. package/dist/scss/_chips.scss +5 -5
  28. package/dist/scss/_fonts.scss +3 -3
  29. package/dist/scss/_icons.scss +34 -7
  30. package/dist/scss/_layout.scss +43 -0
  31. package/dist/scss/_mobile-flyout.scss +104 -0
  32. package/dist/scss/_modal.scss +47 -123
  33. package/dist/scss/_navbar-menu.scss +5 -4
  34. package/dist/scss/_navbar.scss +8 -4
  35. package/dist/scss/_normalize.scss +4 -4
  36. package/dist/scss/_pagination.scss +15 -2
  37. package/dist/scss/_popover.scss +1 -0
  38. package/dist/scss/_root.scss +38 -5
  39. package/dist/scss/_segment.scss +0 -4
  40. package/dist/scss/_stepper-horizontal.scss +126 -0
  41. package/dist/scss/_stepper-vertical.scss +120 -0
  42. package/dist/scss/_text-input.scss +13 -8
  43. package/dist/scss/_timepicker.scss +2 -2
  44. package/dist/scss/_variables.scss +37 -14
  45. package/dist/scss/festo-web-essentials.scss +11 -0
  46. package/dist/scss/fonts/festo_icons-16.woff2 +0 -0
  47. package/dist/scss/fonts/festo_icons-24.woff2 +0 -0
  48. package/dist/scss/fonts/festo_icons-32.woff2 +0 -0
  49. package/dist/scss/organisms/_footer.scss +5 -5
  50. package/dist/scss/organisms/_header-modul.scss +109 -0
  51. package/dist/scss/organisms/_image-gallery.scss +196 -0
  52. package/dist/scss/organisms/_teaser.scss +42 -0
  53. package/dist/scss/organisms/festo-web-essentials-organisms.scss +8 -0
  54. package/dist/scss/themes/flatpickr/festo.scss +28 -14
  55. package/package.json +1 -1
  56. package/scss/_accordion.scss +107 -0
  57. package/scss/_badge.scss +1 -1
  58. package/scss/_bottom-navigation.scss +44 -0
  59. package/scss/_breadcrumb.scss +3 -2
  60. package/scss/_button.scss +15 -15
  61. package/scss/_cards.scss +1 -1
  62. package/scss/_checkbox.scss +1 -1
  63. package/scss/_chips.scss +5 -5
  64. package/scss/_fonts.scss +3 -3
  65. package/scss/_icons.scss +34 -7
  66. package/scss/_layout.scss +43 -0
  67. package/scss/_mobile-flyout.scss +104 -0
  68. package/scss/_modal.scss +47 -123
  69. package/scss/_navbar-menu.scss +5 -4
  70. package/scss/_navbar.scss +8 -4
  71. package/scss/_normalize.scss +4 -4
  72. package/scss/_pagination.scss +15 -2
  73. package/scss/_popover.scss +1 -0
  74. package/scss/_root.scss +38 -5
  75. package/scss/_segment.scss +0 -4
  76. package/scss/_stepper-horizontal.scss +126 -0
  77. package/scss/_stepper-vertical.scss +120 -0
  78. package/scss/_text-input.scss +13 -8
  79. package/scss/_timepicker.scss +2 -2
  80. package/scss/_variables.scss +37 -14
  81. package/scss/festo-web-essentials.scss +11 -0
  82. package/scss/organisms/_footer.scss +5 -5
  83. package/scss/organisms/_header-modul.scss +109 -0
  84. package/scss/organisms/_image-gallery.scss +196 -0
  85. package/scss/organisms/_teaser.scss +42 -0
  86. package/scss/organisms/festo-web-essentials-organisms.scss +8 -0
  87. package/scss/themes/flatpickr/festo.scss +28 -14
package/scss/themes/flatpickr/festo.scss CHANGED
@@ -1,7 +1,17 @@
1
+ /*!
2
+ * Festo UI - Web Essentials v3.1.0 (https://storybook.festo.design/)
3
+ * Copyright 2022 Festo SE & Co. KG
4
+ * Licensed under Apache-2.0
5
+ */
6
+
1
7
  @import "../../variables";
2
8
 
3
- span {
4
- user-select: none;
9
+ .fng-flatpickr {
10
+ span {
11
+ -webkit-user-select: none;
12
+ -ms-user-select: none;
13
+ user-select: none;
14
+ }
5
15
  }
6
16
 
7
17
  .flatpickr-calendar {
@@ -10,8 +20,8 @@ span {
10
20
  animation: none;
11
21
  direction: ltr;
12
22
  border: 0;
13
- font-size: 14px;
14
- line-height: 24px;
23
+ font-size: $font-size-md;
24
+ line-height: font-size-md + 10px;
15
25
  position: absolute;
16
26
  box-sizing: border-box;
17
27
  touch-action: manipulation;
@@ -153,6 +163,8 @@ span {
153
163
  line-height: 24px;
154
164
  text-align: center;
155
165
  position: relative;
166
+ -webkit-user-select: none;
167
+ -ms-user-select: none;
156
168
  user-select: none;
157
169
  overflow: hidden;
158
170
  flex: 1;
@@ -279,20 +291,20 @@ span {
279
291
  }
280
292
 
281
293
  .flatpickr-current-month {
282
- font-size: 16px;
283
- font-weight: normal;
294
+ font-size: $font-size-base;
295
+ font-weight: $font-weight-normal;
284
296
  position: absolute;
285
297
  width: 75%;
286
298
  left: 12.5%;
287
299
  padding: 7px 0 0 0;
288
- line-height: 24px;
300
+ line-height: calc(#{$font-size-base} + 8px);
289
301
  height: 34px;
290
302
  display: inline-block;
291
303
  text-align: center;
292
304
  transform: translate3d(0, 0, 0);
293
305
  span.cur-month {
294
306
  font-family: inherit;
295
- font-weight: 700;
307
+ font-weight: $font-weight-bold;
296
308
  color: inherit;
297
309
  display: inline-block;
298
310
  margin-left: 0.5ch;
@@ -397,7 +409,7 @@ span {
397
409
 
398
410
  span.flatpickr-weekday {
399
411
  cursor: default;
400
- font-size: 14px;
412
+ font-size: $font-size-md;
401
413
  background: transparent;
402
414
  color: $text-light;
403
415
  line-height: 1;
@@ -405,7 +417,7 @@ span.flatpickr-weekday {
405
417
  text-align: center;
406
418
  display: block;
407
419
  flex: 1;
408
- font-weight: normal;
420
+ font-weight: $font-weight-normal;
409
421
  }
410
422
 
411
423
  .dayContainer,
@@ -452,7 +464,7 @@ span.flatpickr-weekday {
452
464
  box-sizing: border-box;
453
465
  color: $text;
454
466
  cursor: pointer;
455
- font-weight: 400;
467
+ font-weight: $font-weight-normal;
456
468
  width: 14.2857143%;
457
469
  -ms-flex-preferred-size: 14.2857143%;
458
470
  flex-basis: 14.2857143%;
@@ -757,7 +769,7 @@ span.flatpickr-weekday {
757
769
  height: inherit;
758
770
  line-height: inherit;
759
771
  color: $text;
760
- font-size: 14px;
772
+ font-size: $font-size-md;
761
773
  position: relative;
762
774
  box-sizing: border-box;
763
775
  appearance: textfield;
@@ -769,7 +781,7 @@ span.flatpickr-weekday {
769
781
 
770
782
  .flatpickr-time input.flatpickr-minute,
771
783
  .flatpickr-time input.flatpickr-second {
772
- font-weight: 400;
784
+ font-weight: $font-weight-normal;
773
785
  }
774
786
 
775
787
  .flatpickr-time input:focus {
@@ -785,6 +797,8 @@ span.flatpickr-weekday {
785
797
  color: $text;
786
798
  font-weight: $font-weight-bold;
787
799
  width: 2%;
800
+ -webkit-user-select: none;
801
+ -ms-user-select: none;
788
802
  user-select: none;
789
803
  align-self: center;
790
804
  }
@@ -794,7 +808,7 @@ span.flatpickr-weekday {
794
808
  width: 18%;
795
809
  cursor: pointer;
796
810
  text-align: center;
797
- font-weight: 400;
811
+ font-weight: $font-weight-normal;
798
812
  }
799
813
 
800
814
  .flatpickr-time input:hover,