@festo-ui/web-essentials 8.2.0-dev.629 → 8.2.0-dev.637

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 (78) hide show
  1. package/README.md +83 -83
  2. package/dist/css/festo-web-essentials.css +9 -12
  3. package/dist/css/festo-web-essentials.css.map +1 -1
  4. package/dist/css/festo-web-essentials.min.css +12 -12
  5. package/dist/css/festo-web-essentials.min.css.map +1 -1
  6. package/dist/css/light/festo-web-essentials-light.css +0 -3
  7. package/dist/css/light/festo-web-essentials-light.css.map +1 -1
  8. package/dist/css/themes/flatpickr/festo.css +1 -1
  9. package/dist/css/themes/flatpickr/festo.min.css +1 -1
  10. package/dist/scss/_badge.scss +49 -49
  11. package/dist/scss/_border.scss +86 -86
  12. package/dist/scss/_bottom-navigation.scss +47 -47
  13. package/dist/scss/_bottom-sheet.scss +116 -116
  14. package/dist/scss/_colors.scss +11 -11
  15. package/dist/scss/_display.scss +63 -63
  16. package/dist/scss/_flex.scss +269 -269
  17. package/dist/scss/_grid.scss +44 -44
  18. package/dist/scss/_layout.scss +64 -64
  19. package/dist/scss/_list.scss +211 -211
  20. package/dist/scss/_misc.scss +51 -51
  21. package/dist/scss/_mixins.scss +51 -51
  22. package/dist/scss/_modal.scss +233 -233
  23. package/dist/scss/_normalize.scss +369 -369
  24. package/dist/scss/_pagination.scss +124 -124
  25. package/dist/scss/_rfs.scss +177 -177
  26. package/dist/scss/_segment.scss +146 -146
  27. package/dist/scss/_sidebar-overlay.scss +51 -51
  28. package/dist/scss/_slider.scss +150 -150
  29. package/dist/scss/_snackbar.scss +159 -159
  30. package/dist/scss/_spacing.scss +51 -51
  31. package/dist/scss/_switch.scss +145 -145
  32. package/dist/scss/_text-input.scss +191 -191
  33. package/dist/scss/_text-link.scss +52 -52
  34. package/dist/scss/_toolbar.scss +83 -83
  35. package/dist/scss/_type.scss +50 -50
  36. package/dist/scss/_utils.scss +9 -9
  37. package/dist/scss/festo-web-essentials.scss +1 -1
  38. package/dist/scss/light/_border-light.scss +75 -75
  39. package/dist/scss/light/_flex-light.scss +258 -258
  40. package/dist/scss/light/_spacing-light.scss +52 -52
  41. package/dist/scss/light/festo-web-essentials-light.scss +59 -59
  42. package/dist/scss/organisms/_header-modul.scss +111 -111
  43. package/dist/scss/organisms/_teaser.scss +96 -96
  44. package/dist/scss/themes/flatpickr/festo.scss +1 -1
  45. package/package.json +10 -16
  46. package/scss/_badge.scss +49 -49
  47. package/scss/_border.scss +86 -86
  48. package/scss/_bottom-navigation.scss +47 -47
  49. package/scss/_bottom-sheet.scss +116 -116
  50. package/scss/_colors.scss +11 -11
  51. package/scss/_display.scss +63 -63
  52. package/scss/_flex.scss +269 -269
  53. package/scss/_grid.scss +44 -44
  54. package/scss/_layout.scss +64 -64
  55. package/scss/_list.scss +211 -211
  56. package/scss/_misc.scss +51 -51
  57. package/scss/_mixins.scss +51 -51
  58. package/scss/_modal.scss +233 -233
  59. package/scss/_normalize.scss +369 -369
  60. package/scss/_pagination.scss +124 -124
  61. package/scss/_rfs.scss +177 -177
  62. package/scss/_segment.scss +146 -146
  63. package/scss/_sidebar-overlay.scss +51 -51
  64. package/scss/_slider.scss +150 -150
  65. package/scss/_snackbar.scss +159 -159
  66. package/scss/_spacing.scss +51 -51
  67. package/scss/_switch.scss +145 -145
  68. package/scss/_text-input.scss +191 -191
  69. package/scss/_text-link.scss +52 -52
  70. package/scss/_toolbar.scss +83 -83
  71. package/scss/_type.scss +50 -50
  72. package/scss/_utils.scss +9 -9
  73. package/scss/light/_border-light.scss +75 -75
  74. package/scss/light/_flex-light.scss +258 -258
  75. package/scss/light/_spacing-light.scss +52 -52
  76. package/scss/light/festo-web-essentials-light.scss +59 -59
  77. package/scss/organisms/_header-modul.scss +111 -111
  78. package/scss/organisms/_teaser.scss +96 -96
package/scss/_type.scss CHANGED
@@ -1,50 +1,50 @@
1
- @use "variables";
2
-
3
- h1,
4
- .fwe-h1 {
5
- font-size: 32px;
6
- line-height: 40px;
7
- font-weight: variables.$font-weight-bold;
8
- }
9
-
10
- h2,
11
- .fwe-h2 {
12
- font-size: 24px;
13
- line-height: 32px;
14
- font-weight: variables.$font-weight-bold;
15
- }
16
-
17
- h3,
18
- .fwe-h3 {
19
- font-size: 24px;
20
- line-height: 32px;
21
- font-weight: variables.$font-weight-normal;
22
- }
23
-
24
- h4,
25
- .fwe-h4 {
26
- font-size: 16px;
27
- line-height: 24px;
28
- font-weight: variables.$font-weight-bold;
29
- }
30
-
31
- h5,
32
- .fwe-h5 {
33
- font-size: 14px;
34
- line-height: 18px;
35
- font-weight: variables.$font-weight-normal;
36
- }
37
-
38
- h6,
39
- .fwe-h6 {
40
- font-size: 12px;
41
- line-height: 14px;
42
- font-weight: variables.$font-weight-normal;
43
- }
44
-
45
- .fwe-h-intro {
46
- font-size: 24px;
47
- line-height: 32px;
48
- font-weight: variables.$font-weight-normal;
49
- color: variables.$text-light;
50
- }
1
+ @use "variables";
2
+
3
+ h1,
4
+ .fwe-h1 {
5
+ font-size: 32px;
6
+ line-height: 40px;
7
+ font-weight: variables.$font-weight-bold;
8
+ }
9
+
10
+ h2,
11
+ .fwe-h2 {
12
+ font-size: 24px;
13
+ line-height: 32px;
14
+ font-weight: variables.$font-weight-bold;
15
+ }
16
+
17
+ h3,
18
+ .fwe-h3 {
19
+ font-size: 24px;
20
+ line-height: 32px;
21
+ font-weight: variables.$font-weight-normal;
22
+ }
23
+
24
+ h4,
25
+ .fwe-h4 {
26
+ font-size: 16px;
27
+ line-height: 24px;
28
+ font-weight: variables.$font-weight-bold;
29
+ }
30
+
31
+ h5,
32
+ .fwe-h5 {
33
+ font-size: 14px;
34
+ line-height: 18px;
35
+ font-weight: variables.$font-weight-normal;
36
+ }
37
+
38
+ h6,
39
+ .fwe-h6 {
40
+ font-size: 12px;
41
+ line-height: 14px;
42
+ font-weight: variables.$font-weight-normal;
43
+ }
44
+
45
+ .fwe-h-intro {
46
+ font-size: 24px;
47
+ line-height: 32px;
48
+ font-weight: variables.$font-weight-normal;
49
+ color: variables.$text-light;
50
+ }
package/scss/_utils.scss CHANGED
@@ -1,9 +1,9 @@
1
- @use "sass:map";
2
- @function breakpoint-min($name, $breakpoints) {
3
- $min: map.get($breakpoints, $name);
4
- @return if($min != 0, $min, null);
5
- }
6
-
7
- @function breakpoint-infix($name, $breakpoints) {
8
- @return if(breakpoint-min($name, $breakpoints) == null, "", "-#{$name}");
9
- }
1
+ @use "sass:map";
2
+ @function breakpoint-min($name, $breakpoints) {
3
+ $min: map.get($breakpoints, $name);
4
+ @return if($min != 0, $min, null);
5
+ }
6
+
7
+ @function breakpoint-infix($name, $breakpoints) {
8
+ @return if(breakpoint-min($name, $breakpoints) == null, "", "-#{$name}");
9
+ }
package/scss/light/_border-light.scss CHANGED
@@ -1,75 +1,75 @@
1
- @use "sass:map";
2
- @use "../utils";
3
- @use "../variables";
4
-
5
- @function border-name($borderKey) {
6
- @return if($borderKey != 0, "-#{$borderKey}", null);
7
- }
8
-
9
- @mixin borders($borders, $infix: "") {
10
- @each $borderKey, $borderColor in $borders {
11
- $borderColorName: border-name($borderKey);
12
-
13
- .fwe-b#{$infix}#{$borderColorName} {
14
- border: 1px solid $borderColor !important;
15
- }
16
-
17
- .fwe-bt#{$infix}#{$borderColorName} {
18
- border-top: 1px solid $borderColor !important;
19
- }
20
-
21
- .fwe-bb#{$infix}#{$borderColorName} {
22
- border-bottom: 1px solid $borderColor !important;
23
- }
24
-
25
- .fwe-bl#{$infix}#{$borderColorName} {
26
- border-left: 1px solid $borderColor !important;
27
- }
28
-
29
- .fwe-br#{$infix}#{$borderColorName} {
30
- border-right: 1px solid $borderColor !important;
31
- }
32
-
33
- .fwe-bx#{$infix}#{$borderColorName} {
34
- border-left: 1px solid $borderColor !important;
35
- border-right: 1px solid $borderColor !important;
36
- }
37
-
38
- .fwe-by#{$infix}#{$borderColorName} {
39
- border-top: 1px solid $borderColor !important;
40
- border-bottom: 1px solid $borderColor !important;
41
- }
42
-
43
- .fwe-b#{$infix}-none {
44
- border: none !important;
45
- }
46
-
47
- .fwe-bt#{$infix}-none {
48
- border-top: none !important;
49
- }
50
-
51
- .fwe-bb#{$infix}-none {
52
- border-bottom: none !important;
53
- }
54
-
55
- .fwe-bl#{$infix}-none {
56
- border-left: none !important;
57
- }
58
-
59
- .fwe-br#{$infix}-none {
60
- border-right: none !important;
61
- }
62
-
63
- .fwe-bx#{$infix}-none {
64
- border-left: none !important;
65
- border-right: none !important;
66
- }
67
-
68
- .fwe-by#{$infix}-none {
69
- border-top: none !important;
70
- border-bottom: none !important;
71
- }
72
- }
73
- }
74
-
75
- @include borders(variables.$borders);
1
+ @use "sass:map";
2
+ @use "../utils";
3
+ @use "../variables";
4
+
5
+ @function border-name($borderKey) {
6
+ @return if($borderKey != 0, "-#{$borderKey}", null);
7
+ }
8
+
9
+ @mixin borders($borders, $infix: "") {
10
+ @each $borderKey, $borderColor in $borders {
11
+ $borderColorName: border-name($borderKey);
12
+
13
+ .fwe-b#{$infix}#{$borderColorName} {
14
+ border: 1px solid $borderColor !important;
15
+ }
16
+
17
+ .fwe-bt#{$infix}#{$borderColorName} {
18
+ border-top: 1px solid $borderColor !important;
19
+ }
20
+
21
+ .fwe-bb#{$infix}#{$borderColorName} {
22
+ border-bottom: 1px solid $borderColor !important;
23
+ }
24
+
25
+ .fwe-bl#{$infix}#{$borderColorName} {
26
+ border-left: 1px solid $borderColor !important;
27
+ }
28
+
29
+ .fwe-br#{$infix}#{$borderColorName} {
30
+ border-right: 1px solid $borderColor !important;
31
+ }
32
+
33
+ .fwe-bx#{$infix}#{$borderColorName} {
34
+ border-left: 1px solid $borderColor !important;
35
+ border-right: 1px solid $borderColor !important;
36
+ }
37
+
38
+ .fwe-by#{$infix}#{$borderColorName} {
39
+ border-top: 1px solid $borderColor !important;
40
+ border-bottom: 1px solid $borderColor !important;
41
+ }
42
+
43
+ .fwe-b#{$infix}-none {
44
+ border: none !important;
45
+ }
46
+
47
+ .fwe-bt#{$infix}-none {
48
+ border-top: none !important;
49
+ }
50
+
51
+ .fwe-bb#{$infix}-none {
52
+ border-bottom: none !important;
53
+ }
54
+
55
+ .fwe-bl#{$infix}-none {
56
+ border-left: none !important;
57
+ }
58
+
59
+ .fwe-br#{$infix}-none {
60
+ border-right: none !important;
61
+ }
62
+
63
+ .fwe-bx#{$infix}-none {
64
+ border-left: none !important;
65
+ border-right: none !important;
66
+ }
67
+
68
+ .fwe-by#{$infix}-none {
69
+ border-top: none !important;
70
+ border-bottom: none !important;
71
+ }
72
+ }
73
+ }
74
+
75
+ @include borders(variables.$borders);