@festo-ui/web-essentials 7.2.0-dev.429 → 7.2.0-dev.431
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.
- package/dist/css/festo-web-essentials.css +29 -20
- package/dist/css/festo-web-essentials.css.map +1 -1
- package/dist/css/festo-web-essentials.min.css +2 -2
- package/dist/css/festo-web-essentials.min.css.map +1 -1
- package/dist/css/themes/flatpickr/festo.css +1 -1
- package/dist/css/themes/flatpickr/festo.min.css +1 -1
- package/dist/scss/_checkbox.scss +26 -11
- package/dist/scss/_radio.scss +11 -7
- package/dist/scss/_switch.scss +4 -4
- package/dist/scss/festo-web-essentials.scss +1 -1
- package/dist/scss/themes/flatpickr/festo.scss +1 -1
- package/package.json +1 -1
- package/scss/_checkbox.scss +26 -11
- package/scss/_radio.scss +11 -7
- package/scss/_switch.scss +4 -4
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Festo UI - Web Essentials v7.2.0-dev.
|
|
2
|
+
* Festo UI - Web Essentials v7.2.0-dev.431 (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-
|
|
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:
|
|
15076
|
+
justify-content: space-between;
|
|
15077
15077
|
}
|
|
15078
|
-
label.fwe-
|
|
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-
|
|
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-
|
|
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-
|
|
15206
|
+
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-
|
|
15210
|
+
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-
|
|
15215
|
+
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-
|
|
15218
|
+
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
|
|
|
@@ -15280,19 +15283,22 @@ label.fwe-checkbox input[type=checkbox]:hover ~ .fwe-checkbox-checkmark {
|
|
|
15280
15283
|
label.fwe-checkbox input[type=checkbox]:active ~ .fwe-checkbox-checkmark {
|
|
15281
15284
|
background-color: var(--fwe-control-hover);
|
|
15282
15285
|
}
|
|
15283
|
-
label.fwe-checkbox input[type=checkbox]:
|
|
15286
|
+
label.fwe-checkbox input[type=checkbox]:indeterminate ~ .fwe-checkbox-checkmark::before {
|
|
15287
|
+
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PGcgZGF0YS1uYW1lPSJjb250ZW50Ij48cGF0aCBmaWxsPSJub25lIiBkPSJNMCAwaDE2djE2SDB6Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIgN2gxMnYySDJ6Ii8+PC9nPjwvc3ZnPg==");
|
|
15288
|
+
}
|
|
15289
|
+
label.fwe-checkbox input[type=checkbox]:checked ~ .fwe-checkbox-checkmark, label.fwe-checkbox input[type=checkbox]:indeterminate ~ .fwe-checkbox-checkmark {
|
|
15284
15290
|
background-color: var(--fwe-hero);
|
|
15285
15291
|
border-color: var(--fwe-hero);
|
|
15286
15292
|
}
|
|
15287
|
-
label.fwe-checkbox input[type=checkbox]:hover:checked:not(:disabled) ~ .fwe-checkbox-checkmark {
|
|
15293
|
+
label.fwe-checkbox input[type=checkbox]:hover:checked:not(:disabled) ~ .fwe-checkbox-checkmark, label.fwe-checkbox input[type=checkbox]:hover:indeterminate:not(:disabled) ~ .fwe-checkbox-checkmark {
|
|
15288
15294
|
background-color: var(--fwe-hero-hover);
|
|
15289
15295
|
border-color: var(--fwe-hero-hover);
|
|
15290
15296
|
}
|
|
15291
|
-
label.fwe-checkbox input[type=checkbox]:active:checked ~ .fwe-checkbox-checkmark {
|
|
15297
|
+
label.fwe-checkbox input[type=checkbox]:active:checked:not(:disabled) ~ .fwe-checkbox-checkmark, label.fwe-checkbox input[type=checkbox]:active:indeterminate:not(:disabled) ~ .fwe-checkbox-checkmark {
|
|
15292
15298
|
background-color: var(--fwe-hero-active);
|
|
15293
15299
|
border-color: var(--fwe-hero-active);
|
|
15294
15300
|
}
|
|
15295
|
-
label.fwe-checkbox input[type=checkbox]:checked ~ .fwe-checkbox-checkmark:before {
|
|
15301
|
+
label.fwe-checkbox input[type=checkbox]:checked ~ .fwe-checkbox-checkmark:before, label.fwe-checkbox input[type=checkbox]:indeterminate ~ .fwe-checkbox-checkmark:before {
|
|
15296
15302
|
display: block;
|
|
15297
15303
|
}
|
|
15298
15304
|
label.fwe-checkbox input[type=checkbox]:disabled ~ .fwe-checkbox-checkmark {
|
|
@@ -15300,7 +15306,7 @@ label.fwe-checkbox input[type=checkbox]:disabled ~ .fwe-checkbox-checkmark {
|
|
|
15300
15306
|
border-color: var(--fwe-control-disabled);
|
|
15301
15307
|
cursor: not-allowed;
|
|
15302
15308
|
}
|
|
15303
|
-
label.fwe-checkbox input[type=checkbox]:disabled:checked ~ .fwe-checkbox-checkmark {
|
|
15309
|
+
label.fwe-checkbox input[type=checkbox]:disabled:checked ~ .fwe-checkbox-checkmark, label.fwe-checkbox input[type=checkbox]:disabled:indeterminate ~ .fwe-checkbox-checkmark {
|
|
15304
15310
|
background-color: var(--fwe-control-disabled);
|
|
15305
15311
|
border-color: var(--fwe-control-disabled);
|
|
15306
15312
|
}
|
|
@@ -15311,23 +15317,26 @@ label.fwe-checkbox input[type=checkbox]:disabled ~ .fwe-checkbox-label-content {
|
|
|
15311
15317
|
color: var(--fwe-text-disabled);
|
|
15312
15318
|
cursor: not-allowed;
|
|
15313
15319
|
}
|
|
15320
|
+
label.fwe-checkbox input[type=checkbox]:invalid ~ .fwe-checkbox-checkmark {
|
|
15321
|
+
border-color: var(--fwe-red);
|
|
15322
|
+
}
|
|
15314
15323
|
|
|
15315
|
-
label.fwe-switch.fwe-switch-label-before
|
|
15324
|
+
label.fwe-switch.fwe-switch-label-before {
|
|
15316
15325
|
flex-direction: row-reverse;
|
|
15317
15326
|
justify-content: flex-end;
|
|
15318
15327
|
}
|
|
15319
|
-
label.fwe-switch.fwe-switch-label-before .fwe-switch-label-content
|
|
15328
|
+
label.fwe-switch.fwe-switch-label-before .fwe-switch-label-content {
|
|
15320
15329
|
margin-left: 0px;
|
|
15321
15330
|
margin-right: 8px;
|
|
15322
15331
|
}
|
|
15323
15332
|
|
|
15324
|
-
label.fwe-switch.fwe-switch-label-below
|
|
15333
|
+
label.fwe-switch.fwe-switch-label-below {
|
|
15325
15334
|
flex-direction: column;
|
|
15326
15335
|
}
|
|
15327
|
-
label.fwe-switch.fwe-switch-label-below .fwe-switch-label-content
|
|
15336
|
+
label.fwe-switch.fwe-switch-label-below .fwe-switch-label-content {
|
|
15328
15337
|
margin: 0px 0px 0px 0px;
|
|
15329
15338
|
}
|
|
15330
|
-
label.fwe-switch.fwe-switch-label-below .fwe-switch-track
|
|
15339
|
+
label.fwe-switch.fwe-switch-label-below .fwe-switch-track {
|
|
15331
15340
|
margin-top: 0px;
|
|
15332
15341
|
margin-bottom: 0px;
|
|
15333
15342
|
}
|