@umbraco-ui/uui-range-slider 1.3.0-rc.0 → 1.3.0
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/lib/index.js +11 -11
- package/package.json +4 -4
package/lib/index.js
CHANGED
|
@@ -572,11 +572,11 @@ UUIRangeSliderElement.styles = [
|
|
|
572
572
|
#range-slider
|
|
573
573
|
#inner-track
|
|
574
574
|
.color:has(.color-target:active) {
|
|
575
|
-
background-color: var(--uui-color-focus
|
|
575
|
+
background-color: var(--uui-color-focus,#3879ff);
|
|
576
576
|
}
|
|
577
577
|
|
|
578
578
|
:host(:not([disabled])) #range-slider .color {
|
|
579
|
-
background-color: var(--uui-color-selected
|
|
579
|
+
background-color: var(--uui-color-selected,#3544b1);
|
|
580
580
|
}
|
|
581
581
|
|
|
582
582
|
:host([disabled]) #range-slider .color {
|
|
@@ -613,7 +613,7 @@ UUIRangeSliderElement.styles = [
|
|
|
613
613
|
}
|
|
614
614
|
|
|
615
615
|
:host .track-step.filled {
|
|
616
|
-
fill: var(--uui-color-selected
|
|
616
|
+
fill: var(--uui-color-selected,#3544b1) !important;
|
|
617
617
|
}
|
|
618
618
|
|
|
619
619
|
:host .track-step.filled-disabled {
|
|
@@ -636,14 +636,14 @@ UUIRangeSliderElement.styles = [
|
|
|
636
636
|
#step-values > span {
|
|
637
637
|
flex-basis: 0;
|
|
638
638
|
flex-grow: 1;
|
|
639
|
-
color: var(--uui-color-disabled-contrast
|
|
639
|
+
color: var(--uui-color-disabled-contrast,#c4c4c4);
|
|
640
640
|
}
|
|
641
641
|
|
|
642
642
|
#step-values > span > span {
|
|
643
643
|
transform: translateX(-50%);
|
|
644
644
|
display: inline-block;
|
|
645
645
|
text-align: center;
|
|
646
|
-
font-size: var(--uui-type-small-size,
|
|
646
|
+
font-size: var(--uui-type-small-size,12px);
|
|
647
647
|
}
|
|
648
648
|
|
|
649
649
|
#step-values > span:last-child {
|
|
@@ -681,12 +681,12 @@ UUIRangeSliderElement.styles = [
|
|
|
681
681
|
#low-input:active ~ #inner-track #low.thumb,
|
|
682
682
|
#high-input:active ~ #inner-track #high-thumb {
|
|
683
683
|
outline: calc(2px * var(--uui-show-focus-outline, 1)) solid
|
|
684
|
-
var(--uui-color-focus
|
|
684
|
+
var(--uui-color-focus,#3879ff);
|
|
685
685
|
}
|
|
686
686
|
|
|
687
687
|
input[type='range']:focus + .thumb {
|
|
688
688
|
outline: calc(2px * var(--uui-show-focus-outline, 1)) solid
|
|
689
|
-
var(--uui-color-focus
|
|
689
|
+
var(--uui-color-focus,#3879ff);
|
|
690
690
|
}
|
|
691
691
|
|
|
692
692
|
:host(:not([disabled]))
|
|
@@ -710,7 +710,7 @@ UUIRangeSliderElement.styles = [
|
|
|
710
710
|
.color:has(.color-target:active)
|
|
711
711
|
~ #high-thumb {
|
|
712
712
|
outline: calc(2px * var(--uui-show-focus-outline, 1)) solid
|
|
713
|
-
var(--uui-color-focus
|
|
713
|
+
var(--uui-color-focus,#3879ff);
|
|
714
714
|
}
|
|
715
715
|
|
|
716
716
|
/** THUMBS */
|
|
@@ -741,11 +741,11 @@ UUIRangeSliderElement.styles = [
|
|
|
741
741
|
height: 9px;
|
|
742
742
|
width: 9px;
|
|
743
743
|
border-radius: 50%;
|
|
744
|
-
background-color: var(--uui-color-selected
|
|
744
|
+
background-color: var(--uui-color-selected,#3544b1);
|
|
745
745
|
}
|
|
746
746
|
|
|
747
747
|
:host([disabled]) .thumb {
|
|
748
|
-
background-color: var(--uui-color-disabled
|
|
748
|
+
background-color: var(--uui-color-disabled,#f3f3f5);
|
|
749
749
|
border-color: var(--uui-palette-mine-grey,#3e3e3e);
|
|
750
750
|
}
|
|
751
751
|
:host([disabled]) .thumb:after {
|
|
@@ -763,7 +763,7 @@ UUIRangeSliderElement.styles = [
|
|
|
763
763
|
text-align: center;
|
|
764
764
|
opacity: 1;
|
|
765
765
|
transition: 120ms opacity;
|
|
766
|
-
color: var(--uui-color-selected
|
|
766
|
+
color: var(--uui-color-selected,#3544b1);
|
|
767
767
|
visibility: hidden;
|
|
768
768
|
opacity: 0;
|
|
769
769
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@umbraco-ui/uui-range-slider",
|
|
3
|
-
"version": "1.3.0
|
|
3
|
+
"version": "1.3.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"Umbraco",
|
|
@@ -30,16 +30,16 @@
|
|
|
30
30
|
"custom-elements.json"
|
|
31
31
|
],
|
|
32
32
|
"dependencies": {
|
|
33
|
-
"@umbraco-ui/uui-base": "1.3.0
|
|
33
|
+
"@umbraco-ui/uui-base": "1.3.0"
|
|
34
34
|
},
|
|
35
35
|
"scripts": {
|
|
36
36
|
"build": "npm run analyze && tsc --build --force && rollup -c rollup.config.js",
|
|
37
|
-
"clean": "tsc --build --clean && rimraf -g dist lib/*.js lib/**/*.js custom-elements.json",
|
|
37
|
+
"clean": "tsc --build --clean && rimraf -g dist lib/*.js lib/**/*.js *.tgz lib/**/*.d.ts custom-elements.json",
|
|
38
38
|
"analyze": "web-component-analyzer **/*.element.ts --outFile custom-elements.json"
|
|
39
39
|
},
|
|
40
40
|
"publishConfig": {
|
|
41
41
|
"access": "public"
|
|
42
42
|
},
|
|
43
43
|
"homepage": "https://uui.umbraco.com/?path=/story/uui-range-slider",
|
|
44
|
-
"gitHead": "
|
|
44
|
+
"gitHead": "e662ac3be21cef08076d1dbb978748c2dd30e596"
|
|
45
45
|
}
|