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

package/dist/scss/_display.scss

@@ -1,63 +1,63 @@
-@use "sass:map";
-@use "mixins";
-@use "utils";
-@use "variables";
-
-@mixin displays($infix: "") {
-  .fwe-d#{$infix}-none {
-    display: none !important;
-  }
-
-  .fwe-d#{$infix}-flex {
-    display: flex !important;
-  }
-
-  .fwe-d#{$infix}-inline-flex {
-    display: inline-flex !important;
-  }
-
-  .fwe-d#{$infix}-grid {
-    display: grid !important;
-  }
-
-  .fwe-d#{$infix}-inline {
-    display: inline !important;
-  }
-
-  .fwe-d#{$infix}-block {
-    display: block !important;
-  }
-
-  .fwe-d#{$infix}-inline-block {
-    display: inline-block !important;
-  }
-
-  .fwe-d#{$infix}-table {
-    display: table !important;
-  }
-
-  .fwe-d#{$infix}-table-cell {
-    display: table-cell !important;
-  }
-
-  .fwe-d#{$infix}-table-row {
-    display: table-row !important;
-  }
-}
-
-@each $breakpoint in map.keys(variables.$grid-breakpoints) {
-  $infix: utils.breakpoint-infix($breakpoint, variables.$grid-breakpoints);
-  $size: map.get(variables.$grid-breakpoints, $breakpoint);
-
-  @if $size == 0 {
-    @include displays();
-  } @else {
-    @media (min-width: $size) {
-      @include displays($infix);
-    }
-  }
-}
-
-.fwe-sr-only {
-  @include mixins.visual-hidden();
-}
+@use "sass:map";
+@use "mixins";
+@use "utils";
+@use "variables";
+
+@mixin displays($infix: "") {
+  .fwe-d#{$infix}-none {
+    display: none !important;
+  }
+
+  .fwe-d#{$infix}-flex {
+    display: flex !important;
+  }
+
+  .fwe-d#{$infix}-inline-flex {
+    display: inline-flex !important;
+  }
+
+  .fwe-d#{$infix}-grid {
+    display: grid !important;
+  }
+
+  .fwe-d#{$infix}-inline {
+    display: inline !important;
+  }
+
+  .fwe-d#{$infix}-block {
+    display: block !important;
+  }
+
+  .fwe-d#{$infix}-inline-block {
+    display: inline-block !important;
+  }
+
+  .fwe-d#{$infix}-table {
+    display: table !important;
+  }
+
+  .fwe-d#{$infix}-table-cell {
+    display: table-cell !important;
+  }
+
+  .fwe-d#{$infix}-table-row {
+    display: table-row !important;
+  }
+}
+
+@each $breakpoint in map.keys(variables.$grid-breakpoints) {
+  $infix: utils.breakpoint-infix($breakpoint, variables.$grid-breakpoints);
+  $size: map.get(variables.$grid-breakpoints, $breakpoint);
+
+  @if $size == 0 {
+    @include displays();
+  } @else {
+    @media (min-width: $size) {
+      @include displays($infix);
+    }
+  }
+}
+
+.fwe-sr-only {
+  @include mixins.visual-hidden();
+}

package/dist/scss/_flex.scss

@@ -1,269 +1,269 @@
-@use "sass:list";
-@use "sass:map";
-@use "utils";
-@use "variables";
-
-$basic-keywords: normal, stretch, center, start, end, flex-start, flex-end;
-$baseline-keywords: baseline, first baseline, last baseline, safe center, unsafe center;
-$positional-keywords: left, right;
-$content-keywords: space-between, space-around, space-evenly;
-$justify-keywords: auto, self-start, self-end;
-$legacy-keywords: legacy right, legacy left, legacy center;
-$flex-properties: (
-  auto: (
-    flex,
-    auto
-  ),
-  grow-0: (
-    flex-grow,
-    0
-  ),
-  grow-1: (
-    flex-grow,
-    1
-  ),
-  grow-2: (
-    flex-grow,
-    2
-  ),
-  grow-3: (
-    flex-grow,
-    3
-  ),
-  shrink-0: (
-    flex-shrink,
-    0
-  ),
-  shrink-1: (
-    flex-shrink,
-    1
-  ),
-  shrink-2: (
-    flex-shrink,
-    2
-  ),
-  shrink-3: (
-    flex-shrink,
-    3
-  ),
-  basis-0: (
-    flex-basis,
-    0
-  ),
-  basis-auto: (
-    flex-basis,
-    auto
-  ),
-  basis-fill: (
-    flex-basis,
-    fill
-  ),
-  basis-max-content: (
-    flex-basis,
-    max-content
-  ),
-  basis-min-content: (
-    flex-basis,
-    min-content
-  ),
-  basis-fit-content: (
-    flex-basis,
-    fit-content
-  ),
-  basis-content: (
-    flex-basis,
-    content
-  ),
-  wrap: (
-    flex-wrap,
-    wrap
-  ),
-  wrap-reverse: (
-    flex-wrap,
-    wrap-reverse
-  ),
-  nowrap: (
-    flex-wrap,
-    nowrap
-  ),
-  row-nowrap: (
-    flex-flow,
-    row nowrap
-  ),
-  column-wrap: (
-    flex-flow,
-    column wrap
-  ),
-  column-reverse-wrap-reverse: (
-    flex-flow,
-    column-reverse wrap-reverse
-  ),
-  row: (
-    flex-direction,
-    row
-  ),
-  row-reverse: (
-    flex-direction,
-    row-reverse
-  ),
-  column: (
-    flex-direction,
-    column
-  ),
-  column-reverse: (
-    flex-direction,
-    column-reverse
-  )
-) !default;
-
-@mixin flex-helpers($infix: "") {
-  .fwe-ml#{$infix}-auto {
-    margin-left: auto !important;
-  }
-
-  .fwe-mr#{$infix}-auto {
-    margin-right: auto !important;
-  }
-
-  .fwe-mt#{$infix}-auto {
-    margin-top: auto !important;
-  }
-
-  .fwe-mb#{$infix}-auto {
-    margin-bottom: auto !important;
-  }
-
-  .fwe-order#{$infix}-first {
-    order: -1;
-  }
-
-  .fwe-order#{$infix}-last {
-    order: 6;
-  }
-
-  .fwe-order#{$infix}-1 {
-    order: 1;
-  }
-
-  .fwe-order#{$infix}-2 {
-    order: 2;
-  }
-
-  .fwe-order#{$infix}-3 {
-    order: 3;
-  }
-
-  .fwe-order#{$infix}-4 {
-    order: 4;
-  }
-
-  .fwe-order#{$infix}-5 {
-    order: 5;
-  }
-
-  @each $classname, $properties in $flex-properties {
-    $property: list.nth($properties, 1);
-    $value: list.nth($properties, 2);
-
-    .fwe-flex#{$infix}-#{$classname} {
-      #{$property}: $value !important;
-    }
-  }
-
-  @each $property in $basic-keywords {
-    .fwe-align-items#{$infix}-#{$property} {
-      align-items: $property !important;
-    }
-
-    .fwe-align-self#{$infix}-#{$property} {
-      align-self: $property !important;
-    }
-
-    .fwe-align-content#{$infix}-#{$property} {
-      align-content: $property !important;
-    }
-
-    .fwe-justify-items#{$infix}-#{$property} {
-      justify-items: $property !important;
-    }
-
-    .fwe-justify-self#{$infix}-#{$property} {
-      justify-self: $property !important;
-    }
-
-    .fwe-justify-content#{$infix}-#{$property} {
-      justify-content: $property !important;
-    }
-  }
-
-  @each $property in $baseline-keywords {
-    .fwe-align-items#{$infix}-#{$property} {
-      align-items: $property !important;
-    }
-
-    .fwe-align-self#{$infix}-#{$property} {
-      align-self: $property !important;
-    }
-
-    .fwe-align-content#{$infix}-#{$property} {
-      align-content: $property !important;
-    }
-
-    .fwe-justify-items#{$infix}-#{$property} {
-      justify-items: $property !important;
-    }
-
-    .fwe-justify-self#{$infix}-#{$property} {
-      justify-self: $property !important;
-    }
-  }
-
-  @each $property in $positional-keywords {
-    .fwe-justify-items#{$infix}-#{$property} {
-      justify-items: $property !important;
-    }
-
-    .fwe-justify-self#{$infix}-#{$property} {
-      justify-self: $property !important;
-    }
-  }
-
-  @each $property in $content-keywords {
-    .fwe-align-content#{$infix}-#{$property} {
-      align-content: $property !important;
-    }
-
-    .fwe-justify-content#{$infix}-#{$property} {
-      justify-content: $property !important;
-    }
-  }
-
-  @each $property in $justify-keywords {
-    .fwe-justify-items#{$infix}-#{$property} {
-      justify-items: $property !important;
-    }
-
-    .fwe-justify-self#{$infix}-#{$property} {
-      justify-self: $property !important;
-    }
-  }
-
-  @each $property in $legacy-keywords {
-    .fwe-justify-items#{$infix}-#{$property} {
-      justify-items: $property !important;
-    }
-  }
-}
-
-@each $breakpoint in map.keys(variables.$grid-breakpoints) {
-  $infix: utils.breakpoint-infix($breakpoint, variables.$grid-breakpoints);
-  $size: map.get(variables.$grid-breakpoints, $breakpoint);
-
-  @if $size == 0 {
-    @include flex-helpers();
-  } @else {
-    @media (min-width: $size) {
-      @include flex-helpers($infix);
-    }
-  }
-}
+@use "sass:list";
+@use "sass:map";
+@use "utils";
+@use "variables";
+
+$basic-keywords: normal, stretch, center, start, end, flex-start, flex-end;
+$baseline-keywords: baseline, first baseline, last baseline, safe center, unsafe center;
+$positional-keywords: left, right;
+$content-keywords: space-between, space-around, space-evenly;
+$justify-keywords: auto, self-start, self-end;
+$legacy-keywords: legacy right, legacy left, legacy center;
+$flex-properties: (
+  auto: (
+    flex,
+    auto
+  ),
+  grow-0: (
+    flex-grow,
+    0
+  ),
+  grow-1: (
+    flex-grow,
+    1
+  ),
+  grow-2: (
+    flex-grow,
+    2
+  ),
+  grow-3: (
+    flex-grow,
+    3
+  ),
+  shrink-0: (
+    flex-shrink,
+    0
+  ),
+  shrink-1: (
+    flex-shrink,
+    1
+  ),
+  shrink-2: (
+    flex-shrink,
+    2
+  ),
+  shrink-3: (
+    flex-shrink,
+    3
+  ),
+  basis-0: (
+    flex-basis,
+    0
+  ),
+  basis-auto: (
+    flex-basis,
+    auto
+  ),
+  basis-fill: (
+    flex-basis,
+    fill
+  ),
+  basis-max-content: (
+    flex-basis,
+    max-content
+  ),
+  basis-min-content: (
+    flex-basis,
+    min-content
+  ),
+  basis-fit-content: (
+    flex-basis,
+    fit-content
+  ),
+  basis-content: (
+    flex-basis,
+    content
+  ),
+  wrap: (
+    flex-wrap,
+    wrap
+  ),
+  wrap-reverse: (
+    flex-wrap,
+    wrap-reverse
+  ),
+  nowrap: (
+    flex-wrap,
+    nowrap
+  ),
+  row-nowrap: (
+    flex-flow,
+    row nowrap
+  ),
+  column-wrap: (
+    flex-flow,
+    column wrap
+  ),
+  column-reverse-wrap-reverse: (
+    flex-flow,
+    column-reverse wrap-reverse
+  ),
+  row: (
+    flex-direction,
+    row
+  ),
+  row-reverse: (
+    flex-direction,
+    row-reverse
+  ),
+  column: (
+    flex-direction,
+    column
+  ),
+  column-reverse: (
+    flex-direction,
+    column-reverse
+  )
+) !default;
+
+@mixin flex-helpers($infix: "") {
+  .fwe-ml#{$infix}-auto {
+    margin-left: auto !important;
+  }
+
+  .fwe-mr#{$infix}-auto {
+    margin-right: auto !important;
+  }
+
+  .fwe-mt#{$infix}-auto {
+    margin-top: auto !important;
+  }
+
+  .fwe-mb#{$infix}-auto {
+    margin-bottom: auto !important;
+  }
+
+  .fwe-order#{$infix}-first {
+    order: -1;
+  }
+
+  .fwe-order#{$infix}-last {
+    order: 6;
+  }
+
+  .fwe-order#{$infix}-1 {
+    order: 1;
+  }
+
+  .fwe-order#{$infix}-2 {
+    order: 2;
+  }
+
+  .fwe-order#{$infix}-3 {
+    order: 3;
+  }
+
+  .fwe-order#{$infix}-4 {
+    order: 4;
+  }
+
+  .fwe-order#{$infix}-5 {
+    order: 5;
+  }
+
+  @each $classname, $properties in $flex-properties {
+    $property: list.nth($properties, 1);
+    $value: list.nth($properties, 2);
+
+    .fwe-flex#{$infix}-#{$classname} {
+      #{$property}: $value !important;
+    }
+  }
+
+  @each $property in $basic-keywords {
+    .fwe-align-items#{$infix}-#{$property} {
+      align-items: $property !important;
+    }
+
+    .fwe-align-self#{$infix}-#{$property} {
+      align-self: $property !important;
+    }
+
+    .fwe-align-content#{$infix}-#{$property} {
+      align-content: $property !important;
+    }
+
+    .fwe-justify-items#{$infix}-#{$property} {
+      justify-items: $property !important;
+    }
+
+    .fwe-justify-self#{$infix}-#{$property} {
+      justify-self: $property !important;
+    }
+
+    .fwe-justify-content#{$infix}-#{$property} {
+      justify-content: $property !important;
+    }
+  }
+
+  @each $property in $baseline-keywords {
+    .fwe-align-items#{$infix}-#{$property} {
+      align-items: $property !important;
+    }
+
+    .fwe-align-self#{$infix}-#{$property} {
+      align-self: $property !important;
+    }
+
+    .fwe-align-content#{$infix}-#{$property} {
+      align-content: $property !important;
+    }
+
+    .fwe-justify-items#{$infix}-#{$property} {
+      justify-items: $property !important;
+    }
+
+    .fwe-justify-self#{$infix}-#{$property} {
+      justify-self: $property !important;
+    }
+  }
+
+  @each $property in $positional-keywords {
+    .fwe-justify-items#{$infix}-#{$property} {
+      justify-items: $property !important;
+    }
+
+    .fwe-justify-self#{$infix}-#{$property} {
+      justify-self: $property !important;
+    }
+  }
+
+  @each $property in $content-keywords {
+    .fwe-align-content#{$infix}-#{$property} {
+      align-content: $property !important;
+    }
+
+    .fwe-justify-content#{$infix}-#{$property} {
+      justify-content: $property !important;
+    }
+  }
+
+  @each $property in $justify-keywords {
+    .fwe-justify-items#{$infix}-#{$property} {
+      justify-items: $property !important;
+    }
+
+    .fwe-justify-self#{$infix}-#{$property} {
+      justify-self: $property !important;
+    }
+  }
+
+  @each $property in $legacy-keywords {
+    .fwe-justify-items#{$infix}-#{$property} {
+      justify-items: $property !important;
+    }
+  }
+}
+
+@each $breakpoint in map.keys(variables.$grid-breakpoints) {
+  $infix: utils.breakpoint-infix($breakpoint, variables.$grid-breakpoints);
+  $size: map.get(variables.$grid-breakpoints, $breakpoint);
+
+  @if $size == 0 {
+    @include flex-helpers();
+  } @else {
+    @media (min-width: $size) {
+      @include flex-helpers($infix);
+    }
+  }
+}