@festo-ui/web-essentials 6.1.0-dev.285 → 6.1.0-dev.287

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 (41) hide show
  1. package/dist/css/festo-web-essentials.css +221 -154
  2. package/dist/css/festo-web-essentials.css.map +1 -1
  3. package/dist/css/festo-web-essentials.min.css +2 -2
  4. package/dist/css/festo-web-essentials.min.css.map +1 -1
  5. package/dist/css/themes/flatpickr/festo.css +1 -1
  6. package/dist/css/themes/flatpickr/festo.min.css +1 -1
  7. package/dist/scss/_breadcrumb.scss +2 -3
  8. package/dist/scss/_button.scss +9 -6
  9. package/dist/scss/_checkbox.scss +11 -9
  10. package/dist/scss/_chips.scss +17 -25
  11. package/dist/scss/_list.scss +1 -0
  12. package/dist/scss/_mobile-flyout.scss +29 -11
  13. package/dist/scss/_modal.scss +40 -69
  14. package/dist/scss/_navbar-menu.scss +6 -6
  15. package/dist/scss/_pagination.scss +21 -8
  16. package/dist/scss/_search-input.scss +15 -6
  17. package/dist/scss/_segment.scss +0 -6
  18. package/dist/scss/_select.scss +4 -3
  19. package/dist/scss/_snackbar.scss +6 -1
  20. package/dist/scss/_stepper-horizontal.scss +4 -3
  21. package/dist/scss/_stepper-vertical.scss +4 -3
  22. package/dist/scss/_table.scss +6 -8
  23. package/dist/scss/festo-web-essentials.scss +1 -1
  24. package/dist/scss/themes/flatpickr/festo.scss +1 -1
  25. package/package.json +1 -1
  26. package/scss/_breadcrumb.scss +2 -3
  27. package/scss/_button.scss +9 -6
  28. package/scss/_checkbox.scss +11 -9
  29. package/scss/_chips.scss +17 -25
  30. package/scss/_list.scss +1 -0
  31. package/scss/_mobile-flyout.scss +29 -11
  32. package/scss/_modal.scss +40 -69
  33. package/scss/_navbar-menu.scss +6 -6
  34. package/scss/_pagination.scss +21 -8
  35. package/scss/_search-input.scss +15 -6
  36. package/scss/_segment.scss +0 -6
  37. package/scss/_select.scss +4 -3
  38. package/scss/_snackbar.scss +6 -1
  39. package/scss/_stepper-horizontal.scss +4 -3
  40. package/scss/_stepper-vertical.scss +4 -3
  41. package/scss/_table.scss +6 -8
package/scss/_select.scss CHANGED
@@ -13,14 +13,15 @@
13
13
  display: flex;
14
14
  flex-direction: column;
15
15
  padding-bottom: 18px;
16
- @extend .fwe-icon;
17
- @extend .fwe-icon-lg;
18
- @extend .fwe-icon-arrows-collapse;
19
16
  &::before {
20
17
  pointer-events: none;
21
18
  position: absolute;
22
19
  bottom: 22px;
23
20
  left: calc(100% - 24px);
21
+ content: "";
22
+ height: 24px;
23
+ width: 24px;
24
+ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0ibm9uZSIgZD0iTTAgMGgyNHYyNEgweiIgZGF0YS1uYW1lPSJ3aGl0ZSBiYWNrZ3JvdW5kIi8+PHBhdGggZmlsbD0iIzMzMyIgZD0iTTUuNjM2IDkuMTcyIDEyIDE1LjUzNmw2LjM2NC02LjM2NC0uNzA3LS43MDhMMTIgMTQuMTIxIDYuMzQzIDguNDY0bC0uNzA3LjcwOHoiIGRhdGEtbmFtZT0iY29udGVudCIvPjwvc3ZnPg==");
24
25
  }
25
26
 
26
27
  .fwe-select-label {
package/scss/_snackbar.scss CHANGED
@@ -23,6 +23,7 @@
23
23
  line-height: $font-size-xl;
24
24
 
25
25
  &.fwe-icon-close-small {
26
+ padding-right: 0px;
26
27
  &::before {
27
28
  vertical-align: middle;
28
29
  }
@@ -37,7 +38,11 @@
37
38
 
38
39
  .fwe-btn {
39
40
  color: $hero;
40
-
41
+ min-height: 24px;
42
+ i {
43
+ height: 24px;
44
+ display: flex;
45
+ }
41
46
  &:hover {
42
47
  color: $hero-dark;
43
48
  }
package/scss/_stepper-horizontal.scss CHANGED
@@ -94,13 +94,14 @@
94
94
  .fwe-step-no {
95
95
  display: none;
96
96
  }
97
- @extend .fwe-icon;
98
- @extend .fwe-icon-menu-check;
99
97
  &:before {
98
+ content: "";
100
99
  position: absolute;
101
100
  left: 2px;
102
101
  top: 2px;
103
- color: $white;
102
+ height: 16px;
103
+ width: 16px;
104
+ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PGcgZGF0YS1uYW1lPSJjb250ZW50Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDE2djE2SDB6Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTYuMTQxIDEyLjgxNCAxLjkzNCA4LjYwN2wxLjQxNC0xLjQxNCAyLjc5MyAyLjc5MyA2Ljc5My02Ljc5MyAxLjQxNCAxLjQxNC04LjIwNyA4LjIwN3oiLz48L2c+PC9zdmc+");
104
105
  }
105
106
  }
106
107
  }
package/scss/_stepper-vertical.scss CHANGED
@@ -101,13 +101,14 @@ $vertical-step-height: 300px;
101
101
  .fwe-step-no {
102
102
  display: none;
103
103
  }
104
- @extend .fwe-icon;
105
- @extend .fwe-icon-menu-check;
106
104
  &:before {
105
+ content: "";
107
106
  position: absolute;
108
107
  left: 2px;
109
108
  top: 2px;
110
- color: $white;
109
+ height: 16px;
110
+ width: 16px;
111
+ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PGcgZGF0YS1uYW1lPSJjb250ZW50Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDE2djE2SDB6Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTYuMTQxIDEyLjgxNCAxLjkzNCA4LjYwN2wxLjQxNC0xLjQxNCAyLjc5MyAyLjc5MyA2Ljc5My02Ljc5MyAxLjQxNCAxLjQxNC04LjIwNyA4LjIwN3oiLz48L2c+PC9zdmc+");
111
112
  }
112
113
  }
113
114
  }
package/scss/_table.scss CHANGED
@@ -40,14 +40,8 @@ table.fwe-table {
40
40
  left: $spacer-xs;
41
41
  }
42
42
 
43
- &.fwe-active {
44
- color: $hero;
45
- }
46
-
47
- &:not(.fwe-active) {
48
- &::before {
49
- background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4LjcwOCIgaGVpZ2h0PSIxMy43NjgiIHZpZXdCb3g9IjAgMCA4LjcwOCAxMy43NjgiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMzEuNjQ2IC0xMzguOTM5KSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzI4IDE0MikiPjxwYXRoIGQ9Ik04LDEwLjcwNywzLjY0Niw2LjM1NGwuNzA4LS43MDhMOCw5LjI5M2wzLjY0Ni0zLjY0Ny43MDguNzA4WiIgZmlsbD0iI2EzYjJiYyIvPjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNDQgMTQ5LjY0Nikgcm90YXRlKDE4MCkiPjxwYXRoIGQ9Ik04LDEwLjcwNywzLjY0Niw2LjM1NGwuNzA4LS43MDhMOCw5LjI5M2wzLjY0Ni0zLjY0Ny43MDguNzA4WiIgZmlsbD0iI2EzYjJiYyIvPjwvZz48L2c+PC9zdmc+");
50
- }
43
+ &::before {
44
+ background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4LjcwOCIgaGVpZ2h0PSIxMy43NjgiIHZpZXdCb3g9IjAgMCA4LjcwOCAxMy43NjgiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zMzEuNjQ2IC0xMzguOTM5KSI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMzI4IDE0MikiPjxwYXRoIGQ9Ik04LDEwLjcwNywzLjY0Niw2LjM1NGwuNzA4LS43MDhMOCw5LjI5M2wzLjY0Ni0zLjY0Ny43MDguNzA4WiIgZmlsbD0iI2EzYjJiYyIvPjwvZz48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNDQgMTQ5LjY0Nikgcm90YXRlKDE4MCkiPjxwYXRoIGQ9Ik04LDEwLjcwNywzLjY0Niw2LjM1NGwuNzA4LS43MDhMOCw5LjI5M2wzLjY0Ni0zLjY0Ny43MDguNzA4WiIgZmlsbD0iI2EzYjJiYyIvPjwvZz48L2c+PC9zdmc+");
51
45
  }
52
46
 
53
47
  &.fwe-table-order-ascending {
@@ -62,6 +56,10 @@ table.fwe-table {
62
56
  }
63
57
  }
64
58
  }
59
+
60
+ &.fwe-active {
61
+ color: $hero;
62
+ }
65
63
  }
66
64
 
67
65
  td {