@festo-ui/web-essentials 7.2.0-dev.429 → 7.2.0-dev.430

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.
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Festo UI - Web Essentials v7.2.0-dev.429 (https://storybook.festo.design/)
2
+ * Festo UI - Web Essentials v7.2.0-dev.430 (https://storybook.festo.design/)
3
3
  * Copyright 2022 Festo SE & Co. KG
4
4
  * Licensed under Apache-2.0
5
5
  */
@@ -15071,19 +15071,19 @@ label.fwe-input-text.fwe-input-text-icon textarea {
15071
15071
  .fwe-chip.fwe-disabled.fwe-filter.fwe-selected::before {
15072
15072
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij48cmVjdCB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNNi4xNDEsMTIuODE0LDEuOTM0LDguNjA3LDMuMzQ4LDcuMTkzLDYuMTQxLDkuOTg2bDYuNzkzLTYuNzkzLDEuNDE0LDEuNDE0WiIgZmlsbD0iI2I5YmFiYiIvPjwvc3ZnPg==");
15073
15073
  }
15074
- label.fwe-switch.fwe-switch-label-before, label.fwe-checkbox.fwe-checkbox-label-before, .fwe-checkbox-group.fwe-checkbox-label-before label.fwe-checkbox, label.fwe-radio.fwe-radio-label-before, .fwe-radio-group.fwe-radio-label-before label.fwe-radio {
15074
+ label.fwe-radio.fwe-radio-label-before, .fwe-radio-group.fwe-radio-label-before label.fwe-radio {
15075
15075
  flex-direction: row-reverse;
15076
- justify-content: flex-end;
15076
+ justify-content: space-between;
15077
15077
  }
15078
- label.fwe-switch.fwe-switch-label-before .fwe-radio-label-content, label.fwe-checkbox.fwe-checkbox-label-before .fwe-radio-label-content, .fwe-checkbox-group.fwe-checkbox-label-before label.fwe-checkbox .fwe-radio-label-content, label.fwe-radio.fwe-radio-label-before .fwe-radio-label-content, .fwe-radio-group.fwe-radio-label-before label.fwe-radio .fwe-radio-label-content {
15078
+ label.fwe-radio.fwe-radio-label-before .fwe-radio-label-content, .fwe-radio-group.fwe-radio-label-before label.fwe-radio .fwe-radio-label-content {
15079
15079
  margin-left: 0px;
15080
15080
  margin-right: 8px;
15081
15081
  }
15082
15082
 
15083
- label.fwe-switch.fwe-switch-label-below, label.fwe-checkbox.fwe-checkbox-label-below, .fwe-checkbox-group.fwe-checkbox-label-below label.fwe-checkbox, label.fwe-radio.fwe-radio-label-below, .fwe-radio-group.fwe-radio-label-below label.fwe-radio {
15083
+ label.fwe-radio.fwe-radio-label-below, .fwe-radio-group.fwe-radio-label-below label.fwe-radio {
15084
15084
  flex-direction: column;
15085
15085
  }
15086
- label.fwe-switch.fwe-switch-label-below .fwe-radio-label-content, label.fwe-checkbox.fwe-checkbox-label-below .fwe-radio-label-content, .fwe-checkbox-group.fwe-checkbox-label-below label.fwe-checkbox .fwe-radio-label-content, label.fwe-radio.fwe-radio-label-below .fwe-radio-label-content, .fwe-radio-group.fwe-radio-label-below label.fwe-radio .fwe-radio-label-content {
15086
+ label.fwe-radio.fwe-radio-label-below .fwe-radio-label-content, .fwe-radio-group.fwe-radio-label-below label.fwe-radio .fwe-radio-label-content {
15087
15087
  margin: 8px 0px 0px 0px;
15088
15088
  }
15089
15089
 
@@ -15199,20 +15199,23 @@ label.fwe-radio input[type=radio]:disabled ~ .fwe-radio-label-content {
15199
15199
  color: var(--fwe-text-disabled);
15200
15200
  cursor: not-allowed;
15201
15201
  }
15202
+ label.fwe-radio input[type=radio]:invalid ~ .fwe-radio-checkmark::before {
15203
+ border-color: var(--fwe-red);
15204
+ }
15202
15205
 
15203
- label.fwe-switch.fwe-switch-label-before, label.fwe-checkbox.fwe-checkbox-label-before, .fwe-checkbox-group.fwe-checkbox-label-before label.fwe-checkbox, .fwe-radio-group.fwe-radio-label-before label.fwe-radio, label.fwe-radio.fwe-radio-label-before {
15206
+ label.fwe-switch.fwe-switch-label-before, label.fwe-checkbox.fwe-checkbox-label-before, .fwe-checkbox-group.fwe-checkbox-label-before label.fwe-checkbox {
15204
15207
  flex-direction: row-reverse;
15205
15208
  justify-content: flex-end;
15206
15209
  }
15207
- label.fwe-switch.fwe-switch-label-before .fwe-checkbox-label-content, label.fwe-checkbox.fwe-checkbox-label-before .fwe-checkbox-label-content, .fwe-checkbox-group.fwe-checkbox-label-before label.fwe-checkbox .fwe-checkbox-label-content, .fwe-radio-group.fwe-radio-label-before label.fwe-radio .fwe-checkbox-label-content, label.fwe-radio.fwe-radio-label-before .fwe-checkbox-label-content {
15210
+ label.fwe-switch.fwe-switch-label-before .fwe-checkbox-label-content, label.fwe-checkbox.fwe-checkbox-label-before .fwe-checkbox-label-content, .fwe-checkbox-group.fwe-checkbox-label-before label.fwe-checkbox .fwe-checkbox-label-content {
15208
15211
  margin-left: 0px;
15209
15212
  margin-right: 8px;
15210
15213
  }
15211
15214
 
15212
- label.fwe-switch.fwe-switch-label-below, label.fwe-checkbox.fwe-checkbox-label-below, .fwe-checkbox-group.fwe-checkbox-label-below label.fwe-checkbox, .fwe-radio-group.fwe-radio-label-below label.fwe-radio, label.fwe-radio.fwe-radio-label-below {
15215
+ label.fwe-switch.fwe-switch-label-below, label.fwe-checkbox.fwe-checkbox-label-below, .fwe-checkbox-group.fwe-checkbox-label-below label.fwe-checkbox {
15213
15216
  flex-direction: column;
15214
15217
  }
15215
- label.fwe-switch.fwe-switch-label-below .fwe-checkbox-label-content, label.fwe-checkbox.fwe-checkbox-label-below .fwe-checkbox-label-content, .fwe-checkbox-group.fwe-checkbox-label-below label.fwe-checkbox .fwe-checkbox-label-content, .fwe-radio-group.fwe-radio-label-below label.fwe-radio .fwe-checkbox-label-content, label.fwe-radio.fwe-radio-label-below .fwe-checkbox-label-content {
15218
+ label.fwe-switch.fwe-switch-label-below .fwe-checkbox-label-content, label.fwe-checkbox.fwe-checkbox-label-below .fwe-checkbox-label-content, .fwe-checkbox-group.fwe-checkbox-label-below label.fwe-checkbox .fwe-checkbox-label-content {
15216
15219
  margin: 8px 0px 0px 0px;
15217
15220
  }
15218
15221
 
@@ -15312,22 +15315,22 @@ label.fwe-checkbox input[type=checkbox]:disabled ~ .fwe-checkbox-label-content {
15312
15315
  cursor: not-allowed;
15313
15316
  }
15314
15317
 
15315
- label.fwe-switch.fwe-switch-label-before, .fwe-radio-group.fwe-radio-label-before label.fwe-radio, label.fwe-radio.fwe-radio-label-before, .fwe-checkbox-group.fwe-checkbox-label-before label.fwe-checkbox, label.fwe-checkbox.fwe-checkbox-label-before {
15318
+ label.fwe-switch.fwe-switch-label-before, .fwe-checkbox-group.fwe-checkbox-label-before label.fwe-checkbox, label.fwe-checkbox.fwe-checkbox-label-before {
15316
15319
  flex-direction: row-reverse;
15317
15320
  justify-content: flex-end;
15318
15321
  }
15319
- label.fwe-switch.fwe-switch-label-before .fwe-switch-label-content, .fwe-radio-group.fwe-radio-label-before label.fwe-radio .fwe-switch-label-content, label.fwe-radio.fwe-radio-label-before .fwe-switch-label-content, .fwe-checkbox-group.fwe-checkbox-label-before label.fwe-checkbox .fwe-switch-label-content, label.fwe-checkbox.fwe-checkbox-label-before .fwe-switch-label-content {
15322
+ label.fwe-switch.fwe-switch-label-before .fwe-switch-label-content, .fwe-checkbox-group.fwe-checkbox-label-before label.fwe-checkbox .fwe-switch-label-content, label.fwe-checkbox.fwe-checkbox-label-before .fwe-switch-label-content {
15320
15323
  margin-left: 0px;
15321
15324
  margin-right: 8px;
15322
15325
  }
15323
15326
 
15324
- label.fwe-switch.fwe-switch-label-below, .fwe-radio-group.fwe-radio-label-below label.fwe-radio, label.fwe-radio.fwe-radio-label-below, .fwe-checkbox-group.fwe-checkbox-label-below label.fwe-checkbox, label.fwe-checkbox.fwe-checkbox-label-below {
15327
+ label.fwe-switch.fwe-switch-label-below, .fwe-checkbox-group.fwe-checkbox-label-below label.fwe-checkbox, label.fwe-checkbox.fwe-checkbox-label-below {
15325
15328
  flex-direction: column;
15326
15329
  }
15327
- label.fwe-switch.fwe-switch-label-below .fwe-switch-label-content, .fwe-radio-group.fwe-radio-label-below label.fwe-radio .fwe-switch-label-content, label.fwe-radio.fwe-radio-label-below .fwe-switch-label-content, .fwe-checkbox-group.fwe-checkbox-label-below label.fwe-checkbox .fwe-switch-label-content, label.fwe-checkbox.fwe-checkbox-label-below .fwe-switch-label-content {
15330
+ label.fwe-switch.fwe-switch-label-below .fwe-switch-label-content, .fwe-checkbox-group.fwe-checkbox-label-below label.fwe-checkbox .fwe-switch-label-content, label.fwe-checkbox.fwe-checkbox-label-below .fwe-switch-label-content {
15328
15331
  margin: 0px 0px 0px 0px;
15329
15332
  }
15330
- label.fwe-switch.fwe-switch-label-below .fwe-switch-track, .fwe-radio-group.fwe-radio-label-below label.fwe-radio .fwe-switch-track, label.fwe-radio.fwe-radio-label-below .fwe-switch-track, .fwe-checkbox-group.fwe-checkbox-label-below label.fwe-checkbox .fwe-switch-track, label.fwe-checkbox.fwe-checkbox-label-below .fwe-switch-track {
15333
+ label.fwe-switch.fwe-switch-label-below .fwe-switch-track, .fwe-checkbox-group.fwe-checkbox-label-below label.fwe-checkbox .fwe-switch-track, label.fwe-checkbox.fwe-checkbox-label-below .fwe-switch-track {
15331
15334
  margin-top: 0px;
15332
15335
  margin-bottom: 0px;
15333
15336
  }