@festo-ui/web-essentials 7.2.0-dev.430 → 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 +21 -15
- 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/_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/_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
|
*/
|
|
@@ -15203,19 +15203,19 @@ label.fwe-radio input[type=radio]:invalid ~ .fwe-radio-checkmark::before {
|
|
|
15203
15203
|
border-color: var(--fwe-red);
|
|
15204
15204
|
}
|
|
15205
15205
|
|
|
15206
|
-
label.fwe-
|
|
15206
|
+
label.fwe-checkbox.fwe-checkbox-label-before, .fwe-checkbox-group.fwe-checkbox-label-before label.fwe-checkbox {
|
|
15207
15207
|
flex-direction: row-reverse;
|
|
15208
15208
|
justify-content: flex-end;
|
|
15209
15209
|
}
|
|
15210
|
-
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 {
|
|
15211
15211
|
margin-left: 0px;
|
|
15212
15212
|
margin-right: 8px;
|
|
15213
15213
|
}
|
|
15214
15214
|
|
|
15215
|
-
label.fwe-
|
|
15215
|
+
label.fwe-checkbox.fwe-checkbox-label-below, .fwe-checkbox-group.fwe-checkbox-label-below label.fwe-checkbox {
|
|
15216
15216
|
flex-direction: column;
|
|
15217
15217
|
}
|
|
15218
|
-
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 {
|
|
15219
15219
|
margin: 8px 0px 0px 0px;
|
|
15220
15220
|
}
|
|
15221
15221
|
|
|
@@ -15283,19 +15283,22 @@ label.fwe-checkbox input[type=checkbox]:hover ~ .fwe-checkbox-checkmark {
|
|
|
15283
15283
|
label.fwe-checkbox input[type=checkbox]:active ~ .fwe-checkbox-checkmark {
|
|
15284
15284
|
background-color: var(--fwe-control-hover);
|
|
15285
15285
|
}
|
|
15286
|
-
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 {
|
|
15287
15290
|
background-color: var(--fwe-hero);
|
|
15288
15291
|
border-color: var(--fwe-hero);
|
|
15289
15292
|
}
|
|
15290
|
-
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 {
|
|
15291
15294
|
background-color: var(--fwe-hero-hover);
|
|
15292
15295
|
border-color: var(--fwe-hero-hover);
|
|
15293
15296
|
}
|
|
15294
|
-
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 {
|
|
15295
15298
|
background-color: var(--fwe-hero-active);
|
|
15296
15299
|
border-color: var(--fwe-hero-active);
|
|
15297
15300
|
}
|
|
15298
|
-
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 {
|
|
15299
15302
|
display: block;
|
|
15300
15303
|
}
|
|
15301
15304
|
label.fwe-checkbox input[type=checkbox]:disabled ~ .fwe-checkbox-checkmark {
|
|
@@ -15303,7 +15306,7 @@ label.fwe-checkbox input[type=checkbox]:disabled ~ .fwe-checkbox-checkmark {
|
|
|
15303
15306
|
border-color: var(--fwe-control-disabled);
|
|
15304
15307
|
cursor: not-allowed;
|
|
15305
15308
|
}
|
|
15306
|
-
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 {
|
|
15307
15310
|
background-color: var(--fwe-control-disabled);
|
|
15308
15311
|
border-color: var(--fwe-control-disabled);
|
|
15309
15312
|
}
|
|
@@ -15314,23 +15317,26 @@ label.fwe-checkbox input[type=checkbox]:disabled ~ .fwe-checkbox-label-content {
|
|
|
15314
15317
|
color: var(--fwe-text-disabled);
|
|
15315
15318
|
cursor: not-allowed;
|
|
15316
15319
|
}
|
|
15320
|
+
label.fwe-checkbox input[type=checkbox]:invalid ~ .fwe-checkbox-checkmark {
|
|
15321
|
+
border-color: var(--fwe-red);
|
|
15322
|
+
}
|
|
15317
15323
|
|
|
15318
|
-
label.fwe-switch.fwe-switch-label-before
|
|
15324
|
+
label.fwe-switch.fwe-switch-label-before {
|
|
15319
15325
|
flex-direction: row-reverse;
|
|
15320
15326
|
justify-content: flex-end;
|
|
15321
15327
|
}
|
|
15322
|
-
label.fwe-switch.fwe-switch-label-before .fwe-switch-label-content
|
|
15328
|
+
label.fwe-switch.fwe-switch-label-before .fwe-switch-label-content {
|
|
15323
15329
|
margin-left: 0px;
|
|
15324
15330
|
margin-right: 8px;
|
|
15325
15331
|
}
|
|
15326
15332
|
|
|
15327
|
-
label.fwe-switch.fwe-switch-label-below
|
|
15333
|
+
label.fwe-switch.fwe-switch-label-below {
|
|
15328
15334
|
flex-direction: column;
|
|
15329
15335
|
}
|
|
15330
|
-
label.fwe-switch.fwe-switch-label-below .fwe-switch-label-content
|
|
15336
|
+
label.fwe-switch.fwe-switch-label-below .fwe-switch-label-content {
|
|
15331
15337
|
margin: 0px 0px 0px 0px;
|
|
15332
15338
|
}
|
|
15333
|
-
label.fwe-switch.fwe-switch-label-below .fwe-switch-track
|
|
15339
|
+
label.fwe-switch.fwe-switch-label-below .fwe-switch-track {
|
|
15334
15340
|
margin-top: 0px;
|
|
15335
15341
|
margin-bottom: 0px;
|
|
15336
15342
|
}
|