@momentum-design/components 0.112.2 → 0.112.3
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/browser/index.js +26 -1
- package/dist/browser/index.js.map +2 -2
- package/dist/components/slider/slider.component.js +1 -1
- package/dist/components/slider/slider.styles.js +25 -0
- package/dist/custom-elements.json +1614 -1614
- package/dist/react/index.d.ts +4 -4
- package/dist/react/index.js +4 -4
- package/package.json +1 -1
package/dist/browser/index.js
CHANGED
|
@@ -6187,6 +6187,19 @@
|
|
|
6187
6187
|
line-height: var(--mds-font-apps-body-midsize-medium-line-height);
|
|
6188
6188
|
}
|
|
6189
6189
|
|
|
6190
|
+
:host([disabled])::part(leading-icon),
|
|
6191
|
+
:host([disabled])::part(trailing-icon),
|
|
6192
|
+
:host([soft-disabled])::part(leading-icon),
|
|
6193
|
+
:host([soft-disabled])::part(trailing-icon),
|
|
6194
|
+
:host([disabled])::part(slider-label),
|
|
6195
|
+
:host([disabled])::part(slider-label-start),
|
|
6196
|
+
:host([disabled])::part(slider-label-end),
|
|
6197
|
+
:host([soft-disabled])::part(slider-label),
|
|
6198
|
+
:host([soft-disabled])::part(slider-label-start),
|
|
6199
|
+
:host([soft-disabled])::part(slider-label-end) {
|
|
6200
|
+
color: var(--mds-color-theme-text-primary-disabled);
|
|
6201
|
+
}
|
|
6202
|
+
|
|
6190
6203
|
:host::part(slider-label) {
|
|
6191
6204
|
margin-bottom: 0.5rem;
|
|
6192
6205
|
display: block;
|
|
@@ -6268,6 +6281,18 @@
|
|
|
6268
6281
|
border: 1px solid var(--mdc-slider-thumb-border-color);
|
|
6269
6282
|
}
|
|
6270
6283
|
|
|
6284
|
+
:host([disabled]) input[type='range']::-webkit-slider-thumb {
|
|
6285
|
+
cursor: unset;
|
|
6286
|
+
}
|
|
6287
|
+
|
|
6288
|
+
:host([disabled]) input[type='range']::-moz-range-thumb {
|
|
6289
|
+
cursor: unset;
|
|
6290
|
+
}
|
|
6291
|
+
|
|
6292
|
+
:host([disabled]) input[type='range']::-ms-thumb {
|
|
6293
|
+
cursor: unset;
|
|
6294
|
+
}
|
|
6295
|
+
|
|
6271
6296
|
:host(:not([soft-disabled])) input[type='range']:not(:disabled):hover::-webkit-slider-thumb {
|
|
6272
6297
|
--mdc-slider-thumb-color: var(--mds-color-theme-overlay-button-secondary-hover);
|
|
6273
6298
|
--mdc-slider-thumb-border-color: var(--mds-color-theme-outline-input-active);
|
|
@@ -6358,7 +6383,7 @@
|
|
|
6358
6383
|
part="${i}"
|
|
6359
6384
|
length-unit="${Bi.ICON_LENGTH_UNIT}"
|
|
6360
6385
|
size="${Bi.ICON_SIZE}"
|
|
6361
|
-
></mdc-icon>`:null}tooltipTemplate(t,i){let[a,h]=this.inputElements,m=i==="end"?h:a,b=Number(m==null?void 0:m.value);if(typeof b!="number"||Number.isNaN(b)||this.max===this.min)return W;let C=(b-this.min)/(this.max-this.min);return I`<div part="slider-tooltip" aria-hidden="true" style="--mdc-slider-tooltip-left: ${C}">
|
|
6386
|
+
></mdc-icon>`:null}tooltipTemplate(t,i){let[a,h]=this.inputElements,m=i==="end"?h:a,b=Number(m==null?void 0:m.value);if(typeof b!="number"||Number.isNaN(b)||this.max===this.min||this.disabled)return W;let C=(b-this.min)/(this.max-this.min);return I`<div part="slider-tooltip" aria-hidden="true" style="--mdc-slider-tooltip-left: ${C}">
|
|
6362
6387
|
${t||b}
|
|
6363
6388
|
</div> `}updateTrackStyling(){let t="var(--mdc-slider-progress-color)",i="var(--mdc-slider-track-color)";if((this.disabled||this.softDisabled)&&(t="var(--mds-color-theme-control-active-disabled)",i="var(--mds-color-theme-control-inactive-disabled)"),this.range){if(!this.inputElements[1])return;let a=Number(this.inputElements[0].value),h=Number(this.inputElements[1].value),m=Number(this.inputElements[0].max)||1,b=Math.max(0,Math.min(100,(a-this.min)/(m-this.min)*100)),C=Math.max(0,Math.min(100,(h-this.min)/(m-this.min)*100));this.inputElements[1].style.background=`linear-gradient(
|
|
6364
6389
|
to right,
|