@festo-ui/web-essentials 7.0.0-dev.342 → 7.0.0-dev.349
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 +5 -51
- 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/_slider.scss +2 -70
- 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/_slider.scss +2 -70
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Festo UI - Web Essentials v7.0.0-dev.
|
|
2
|
+
* Festo UI - Web Essentials v7.0.0-dev.349 (https://storybook.festo.design/)
|
|
3
3
|
* Copyright 2022 Festo SE & Co. KG
|
|
4
4
|
* Licensed under Apache-2.0
|
|
5
5
|
*/
|
|
@@ -15483,60 +15483,13 @@ a.fwe-btn.fwe-disabled {
|
|
|
15483
15483
|
pointer-events: none;
|
|
15484
15484
|
}
|
|
15485
15485
|
|
|
15486
|
-
input[type=range].fwe-slider-input.fwe-slider-lg::-webkit-slider-thumb, label.fwe-slider.fwe-slider-lg input[type=range].fwe-slider-input::-webkit-slider-thumb {
|
|
15487
|
-
width: 16px;
|
|
15488
|
-
height: 16px;
|
|
15489
|
-
margin-top: -6px;
|
|
15490
|
-
}
|
|
15491
|
-
input[type=range].fwe-slider-input.fwe-slider-lg::-moz-range-thumb, label.fwe-slider.fwe-slider-lg input[type=range].fwe-slider-input::-moz-range-thumb {
|
|
15492
|
-
width: 16px;
|
|
15493
|
-
height: 16px;
|
|
15494
|
-
}
|
|
15495
|
-
input[type=range].fwe-slider-input.fwe-slider-lg::-ms-thumb, label.fwe-slider.fwe-slider-lg input[type=range].fwe-slider-input::-ms-thumb {
|
|
15496
|
-
width: 12px;
|
|
15497
|
-
height: 12px;
|
|
15498
|
-
}
|
|
15499
|
-
input[type=range].fwe-slider-input.fwe-slider-lg::-webkit-slider-runnable-track, label.fwe-slider.fwe-slider-lg input[type=range].fwe-slider-input::-webkit-slider-runnable-track {
|
|
15500
|
-
height: 2px;
|
|
15501
|
-
}
|
|
15502
|
-
input[type=range].fwe-slider-input.fwe-slider-lg::-moz-range-track, label.fwe-slider.fwe-slider-lg input[type=range].fwe-slider-input::-moz-range-track {
|
|
15503
|
-
height: 2px;
|
|
15504
|
-
}
|
|
15505
|
-
input[type=range].fwe-slider-input.fwe-slider-lg::-moz-range-progress, label.fwe-slider.fwe-slider-lg input[type=range].fwe-slider-input::-moz-range-progress {
|
|
15506
|
-
height: 2px;
|
|
15507
|
-
}
|
|
15508
|
-
input[type=range].fwe-slider-input.fwe-slider-lg::-ms-track, label.fwe-slider.fwe-slider-lg input[type=range].fwe-slider-input::-ms-track {
|
|
15509
|
-
height: 2px;
|
|
15510
|
-
border-width: 32px 0;
|
|
15511
|
-
}
|
|
15512
|
-
input[type=range].fwe-slider-input.fwe-slider-lg:hover:not(:disabled)::-webkit-slider-thumb, label.fwe-slider.fwe-slider-lg input[type=range].fwe-slider-input:hover:not(:disabled)::-webkit-slider-thumb {
|
|
15513
|
-
margin-top: -14px;
|
|
15514
|
-
height: 32px;
|
|
15515
|
-
width: 32px;
|
|
15516
|
-
}
|
|
15517
|
-
input[type=range].fwe-slider-input.fwe-slider-lg:hover:not(:disabled)::-moz-range-thumb, label.fwe-slider.fwe-slider-lg input[type=range].fwe-slider-input:hover:not(:disabled)::-moz-range-thumb {
|
|
15518
|
-
height: 32px;
|
|
15519
|
-
width: 32px;
|
|
15520
|
-
}
|
|
15521
|
-
input[type=range].fwe-slider-input.fwe-slider-lg:hover:not(:disabled)::-ms-thumb, label.fwe-slider.fwe-slider-lg input[type=range].fwe-slider-input:hover:not(:disabled)::-ms-thumb {
|
|
15522
|
-
box-shadow: 0px 0px 0px 8px var(--fwe-hero);
|
|
15523
|
-
}
|
|
15524
|
-
input[type=range].fwe-slider-input.fwe-slider-lg:active:not(:disabled)::-webkit-slider-thumb, label.fwe-slider.fwe-slider-lg input[type=range].fwe-slider-input:active:not(:disabled)::-webkit-slider-thumb {
|
|
15525
|
-
box-shadow: 0px 0px 0px 16px rgba(0, 145, 220, 0.3);
|
|
15526
|
-
}
|
|
15527
|
-
input[type=range].fwe-slider-input.fwe-slider-lg:active:not(:disabled)::-moz-range-thumb, label.fwe-slider.fwe-slider-lg input[type=range].fwe-slider-input:active:not(:disabled)::-moz-range-thumb {
|
|
15528
|
-
box-shadow: 0px 0px 0px 16px rgba(0, 145, 220, 0.3);
|
|
15529
|
-
}
|
|
15530
|
-
input[type=range].fwe-slider-input.fwe-slider-lg:active:not(:disabled)::-ms-thumb, label.fwe-slider.fwe-slider-lg input[type=range].fwe-slider-input:active:not(:disabled)::-ms-thumb {
|
|
15531
|
-
box-shadow: 0px 0px 0px 8px var(--fwe-hero), 0px 0px 0px 24px rgba(0, 145, 220, 0.3) !important;
|
|
15532
|
-
}
|
|
15533
|
-
|
|
15534
15486
|
label.fwe-slider span {
|
|
15535
15487
|
margin-bottom: 4px;
|
|
15536
15488
|
display: inline-block;
|
|
15537
15489
|
font-size: var(--fwe-font-size-md);
|
|
15538
15490
|
color: var(--fwe-text-light);
|
|
15539
15491
|
}
|
|
15492
|
+
|
|
15540
15493
|
input[type=range].fwe-slider-input {
|
|
15541
15494
|
-webkit-appearance: none;
|
|
15542
15495
|
-moz-appearance: none;
|
|
@@ -15544,8 +15497,8 @@ input[type=range].fwe-slider-input {
|
|
|
15544
15497
|
width: 100%;
|
|
15545
15498
|
background: transparent;
|
|
15546
15499
|
padding: 0px;
|
|
15547
|
-
padding-top:
|
|
15548
|
-
padding-bottom:
|
|
15500
|
+
padding-top: 16px;
|
|
15501
|
+
padding-bottom: 16px;
|
|
15549
15502
|
cursor: pointer;
|
|
15550
15503
|
}
|
|
15551
15504
|
@-moz-document url-prefix() {
|
|
@@ -15663,6 +15616,7 @@ input[type=range].fwe-slider-input:disabled::-ms-thumb {
|
|
|
15663
15616
|
background: var(--fwe-control);
|
|
15664
15617
|
border: 1px solid var(--fwe-control);
|
|
15665
15618
|
}
|
|
15619
|
+
|
|
15666
15620
|
.fwe-waiting-container {
|
|
15667
15621
|
width: 100%;
|
|
15668
15622
|
height: 100%;
|