@carbon/web-components 2.32.1 → 2.33.0

package/es/components/progress-bar/progress-bar.scss.js

@@ -7,7 +7,7 @@
 
 import { css } from 'lit';
 
-var styles = css([".cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--progress-bar{--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min),var(--cds-layout-density-padding-inline,var(--cds-layout-density-padding-inline-normal)),var(--cds-layout-density-padding-inline-max))}.cds--progress-bar__label{color:var(--cds-text-primary,#161616);display:flex;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);justify-content:space-between;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);margin-block-end:.5rem;min-inline-size:3rem}.cds--progress-bar__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds--progress-bar__track{background-color:var(--cds-layer);block-size:.5rem;inline-size:100%;min-inline-size:3rem;position:relative}.cds--progress-bar--big .cds--progress-bar__track{block-size:.5rem}.cds--progress-bar--small .cds--progress-bar__track{block-size:.25rem}.cds--progress-bar__bar{background-color:currentColor;block-size:100%;color:var(--cds-interactive,#0f62fe);display:block;inline-size:100%;transform:scaleX(0);transform-origin:0 center;transition:transform .11s cubic-bezier(.2,0,.38,.9)}[dir=rtl] .cds--progress-bar__bar{transform-origin:100% center}.cds--progress-bar--indeterminate .cds--progress-bar__track:after{animation-duration:1.4s;animation-iteration-count:infinite;animation-name:cds--progress-bar-indeterminate;animation-timing-function:linear;background-image:linear-gradient(90deg,var(--cds-interactive,#0f62fe) 12.5%,transparent 12.5%);background-position-x:0;background-size:200% 100%;content:\"\";inset:0;position:absolute}[dir=rtl] .cds--progress-bar--indeterminate .cds--progress-bar__track:after{animation-name:cds--progress-bar-indeterminate-rtl}.cds--progress-bar__helper-text{color:var(--cds-text-secondary,#525252);font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-block-start:.5rem}.cds--progress-bar__status-icon{flex-shrink:0;margin-inline-start:var(--cds-layout-density-padding-inline-local)}.cds--progress-bar--finished .cds--progress-bar__bar,.cds--progress-bar--finished .cds--progress-bar__status-icon{color:var(--cds-support-success,#24a148)}.cds--progress-bar--error .cds--progress-bar__bar,.cds--progress-bar--error .cds--progress-bar__helper-text,.cds--progress-bar--error .cds--progress-bar__status-icon{color:var(--cds-support-error,#da1e28)}.cds--progress-bar--error .cds--progress-bar__bar,.cds--progress-bar--finished .cds--progress-bar__bar{transform:scaleX(1)}.cds--progress-bar--error.cds--progress-bar--inline .cds--progress-bar__track,.cds--progress-bar--finished.cds--progress-bar--inline .cds--progress-bar__track{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--progress-bar--error.cds--progress-bar--inline .cds--progress-bar__label,.cds--progress-bar--finished.cds--progress-bar--inline .cds--progress-bar__label{flex-shrink:1;justify-content:flex-start;margin-inline-end:0}@keyframes cds--progress-bar-indeterminate{0%{background-position-x:25%}80%,to{background-position-x:-105%}}@keyframes cds--progress-bar-indeterminate-rtl{0%{background-position-x:-105%}80%,to{background-position-x:25%}}.cds--progress-bar--inline{align-items:center;display:flex}.cds--progress-bar--inline .cds--progress-bar__label{flex-shrink:0;margin-block-end:0;margin-inline-end:var(--cds-layout-density-padding-inline-local)}.cds--progress-bar--inline .cds--progress-bar__track{flex-basis:0;flex-grow:1}.cds--progress-bar--inline .cds--progress-bar__helper-text{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--progress-bar--indented .cds--progress-bar__helper-text,.cds--progress-bar--indented .cds--progress-bar__label{padding-inline:var(--cds-layout-density-padding-inline-local)}"]);
+var styles = css([".cds--layer-one,:root{--cds-layer:var(--cds-layer-01,#f4f4f4);--cds-layer-active:var(--cds-layer-active-01,#c6c6c6);--cds-layer-background:var(--cds-layer-background-01,#fff);--cds-layer-hover:var(--cds-layer-hover-01,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-01,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-01,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-01,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-01,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-01,#a8a8a8);--cds-field:var(--cds-field-01,#f4f4f4);--cds-field-hover:var(--cds-field-hover-01,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-00,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-01,#c6c6c6);--cds-border-strong:var(--cds-border-strong-01,#8d8d8d);--cds-border-tile:var(--cds-border-tile-01,#c6c6c6)}.cds--layer-two{--cds-layer:var(--cds-layer-02,#fff);--cds-layer-active:var(--cds-layer-active-02,#c6c6c6);--cds-layer-background:var(--cds-layer-background-02,#f4f4f4);--cds-layer-hover:var(--cds-layer-hover-02,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-02,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-02,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-02,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-02,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-02,#a8a8a8);--cds-field:var(--cds-field-02,#fff);--cds-field-hover:var(--cds-field-hover-02,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-01,#c6c6c6);--cds-border-subtle-selected:var(--cds-border-subtle-selected-02,#c6c6c6);--cds-border-strong:var(--cds-border-strong-02,#8d8d8d);--cds-border-tile:var(--cds-border-tile-02,#a8a8a8)}.cds--layer-three{--cds-layer:var(--cds-layer-03,#f4f4f4);--cds-layer-active:var(--cds-layer-active-03,#c6c6c6);--cds-layer-background:var(--cds-layer-background-03,#fff);--cds-layer-hover:var(--cds-layer-hover-03,#e8e8e8);--cds-layer-selected:var(--cds-layer-selected-03,#e0e0e0);--cds-layer-selected-hover:var(--cds-layer-selected-hover-03,#d1d1d1);--cds-layer-accent:var(--cds-layer-accent-03,#e0e0e0);--cds-layer-accent-hover:var(--cds-layer-accent-hover-03,#d1d1d1);--cds-layer-accent-active:var(--cds-layer-accent-active-03,#a8a8a8);--cds-field:var(--cds-field-03,#f4f4f4);--cds-field-hover:var(--cds-field-hover-03,#e8e8e8);--cds-border-subtle:var(--cds-border-subtle-02,#e0e0e0);--cds-border-subtle-selected:var(--cds-border-subtle-selected-03,#c6c6c6);--cds-border-strong:var(--cds-border-strong-03,#8d8d8d);--cds-border-tile:var(--cds-border-tile-03,#c6c6c6)}.cds--layer-one.cds--layer__with-background,.cds--layer-three.cds--layer__with-background,.cds--layer-two.cds--layer__with-background{background-color:var(--cds-layer-background)}.cds--assistive-text,.cds--visually-hidden{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--layout--size-xs{--cds-layout-size-height-context:var(--cds-layout-size-height-xs,1.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xs{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xs,1.5rem))}.cds--layout-constraint--size__min-xs{--cds-layout-size-height-min:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout-constraint--size__max-xs{--cds-layout-size-height-max:var(--cds-layout-size-height-xs,1.5rem)}.cds--layout--size-sm{--cds-layout-size-height-context:var(--cds-layout-size-height-sm,2rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-sm{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-sm,2rem))}.cds--layout-constraint--size__min-sm{--cds-layout-size-height-min:var(--cds-layout-size-height-sm,2rem)}.cds--layout-constraint--size__max-sm{--cds-layout-size-height-max:var(--cds-layout-size-height-sm,2rem)}.cds--layout--size-md{--cds-layout-size-height-context:var(--cds-layout-size-height-md,2.5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-md{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-md,2.5rem))}.cds--layout-constraint--size__min-md{--cds-layout-size-height-min:var(--cds-layout-size-height-md,2.5rem)}.cds--layout-constraint--size__max-md{--cds-layout-size-height-max:var(--cds-layout-size-height-md,2.5rem)}.cds--layout--size-lg{--cds-layout-size-height-context:var(--cds-layout-size-height-lg,3rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-lg{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-lg,3rem))}.cds--layout-constraint--size__min-lg{--cds-layout-size-height-min:var(--cds-layout-size-height-lg,3rem)}.cds--layout-constraint--size__max-lg{--cds-layout-size-height-max:var(--cds-layout-size-height-lg,3rem)}.cds--layout--size-xl{--cds-layout-size-height-context:var(--cds-layout-size-height-xl,4rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-xl,4rem))}.cds--layout-constraint--size__min-xl{--cds-layout-size-height-min:var(--cds-layout-size-height-xl,4rem)}.cds--layout-constraint--size__max-xl{--cds-layout-size-height-max:var(--cds-layout-size-height-xl,4rem)}.cds--layout--size-2xl{--cds-layout-size-height-context:var(--cds-layout-size-height-2xl,5rem);--cds-layout-size-height:var(--cds-layout-size-height-context)}.cds--layout-constraint--size__default-2xl{--cds-layout-size-height:var(--cds-layout-size-height-context,var(--cds-layout-size-height-2xl,5rem))}.cds--layout-constraint--size__min-2xl{--cds-layout-size-height-min:var(--cds-layout-size-height-2xl,5rem)}.cds--layout-constraint--size__max-2xl{--cds-layout-size-height-max:var(--cds-layout-size-height-2xl,5rem)}.cds--layout--density-condensed{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-condensed,0.5rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-condensed{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-condensed,0.5rem))}.cds--layout-constraint--density__min-condensed{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout-constraint--density__max-condensed{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-condensed,0.5rem)}.cds--layout--density-normal{--cds-layout-density-padding-inline-context:var(--cds-layout-density-padding-inline-normal,1rem);--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context)}.cds--layout-constraint--density__default-normal{--cds-layout-density-padding-inline:var(--cds-layout-density-padding-inline-context,var(--cds-layout-density-padding-inline-normal,1rem))}.cds--layout-constraint--density__min-normal{--cds-layout-density-padding-inline-min:var(--cds-layout-density-padding-inline-normal,1rem)}.cds--layout-constraint--density__max-normal{--cds-layout-density-padding-inline-max:var(--cds-layout-density-padding-inline-normal,1rem)}:root{--cds-layout-size-height-xs:1.5rem;--cds-layout-size-height-sm:2rem;--cds-layout-size-height-md:2.5rem;--cds-layout-size-height-lg:3rem;--cds-layout-size-height-xl:4rem;--cds-layout-size-height-2xl:5rem;--cds-layout-size-height-min:0px;--cds-layout-size-height-max:999999999px;--cds-layout-density-padding-inline-condensed:0.5rem;--cds-layout-density-padding-inline-normal:1rem;--cds-layout-density-padding-inline-min:0px;--cds-layout-density-padding-inline-max:999999999px}.cds--progress-bar{--cds-layout-density-padding-inline-local:clamp(var(--cds-layout-density-padding-inline-min),var(--cds-layout-density-padding-inline,var(--cds-layout-density-padding-inline-normal)),var(--cds-layout-density-padding-inline-max))}.cds--progress-bar__label{color:var(--cds-text-primary,#161616);display:flex;font-size:var(--cds-body-compact-01-font-size,.875rem);font-weight:var(--cds-body-compact-01-font-weight,400);justify-content:space-between;letter-spacing:var(--cds-body-compact-01-letter-spacing,.16px);line-height:var(--cds-body-compact-01-line-height,1.28572);margin-block-end:.5rem;min-inline-size:3rem}.cds--progress-bar__label-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cds--progress-bar__track{background-color:var(--cds-layer);block-size:.5rem;inline-size:100%;min-inline-size:3rem;position:relative}.cds--progress-bar--big .cds--progress-bar__track{block-size:.5rem}.cds--progress-bar--small .cds--progress-bar__track{block-size:.25rem}.cds--progress-bar__bar{background-color:currentColor;block-size:100%;color:var(--cds-interactive,#0f62fe);display:block;inline-size:100%;transform:scaleX(0);transform-origin:0 center;transition:transform .11s cubic-bezier(.2,0,.38,.9)}[dir=rtl] .cds--progress-bar__bar{transform-origin:100% center}.cds--progress-bar--indeterminate .cds--progress-bar__track:after{animation-duration:1.4s;animation-iteration-count:infinite;animation-name:cds--progress-bar-indeterminate;animation-timing-function:linear;background-image:linear-gradient(90deg,var(--cds-interactive,#0f62fe) 12.5%,transparent 12.5%);background-position-x:0;background-size:200% 100%;content:\"\";inset:0;position:absolute}[dir=rtl] .cds--progress-bar--indeterminate .cds--progress-bar__track:after{animation-name:cds--progress-bar-indeterminate-rtl}.cds--progress-bar__helper-text{color:var(--cds-text-secondary,#525252);font-size:var(--cds-helper-text-01-font-size,.75rem);letter-spacing:var(--cds-helper-text-01-letter-spacing,.32px);line-height:var(--cds-helper-text-01-line-height,1.33333);margin-block-start:.5rem}.cds--progress-bar__status-icon{flex-shrink:0;margin-inline-start:var(--cds-layout-density-padding-inline-local)}.cds--progress-bar--finished .cds--progress-bar__bar,.cds--progress-bar--finished .cds--progress-bar__status-icon{color:var(--cds-support-success,#24a148)}.cds--progress-bar--error .cds--progress-bar__bar,.cds--progress-bar--error .cds--progress-bar__helper-text,.cds--progress-bar--error .cds--progress-bar__status-icon{color:var(--cds-support-error,#da1e28)}.cds--progress-bar--error .cds--progress-bar__bar,.cds--progress-bar--finished .cds--progress-bar__bar{transform:scaleX(1)}.cds--progress-bar--error.cds--progress-bar--inline .cds--progress-bar__track,.cds--progress-bar--finished.cds--progress-bar--inline .cds--progress-bar__track{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--progress-bar--error.cds--progress-bar--inline .cds--progress-bar__label,.cds--progress-bar--finished.cds--progress-bar--inline .cds--progress-bar__label{flex-shrink:1;justify-content:flex-start;margin-inline-end:0}@keyframes cds--progress-bar-indeterminate{0%{background-position-x:25%}80%,to{background-position-x:-105%}}@keyframes cds--progress-bar-indeterminate-rtl{0%{background-position-x:-105%}80%,to{background-position-x:25%}}.cds--progress-bar--inline{align-items:center;display:flex}.cds--progress-bar--inline .cds--progress-bar__label{flex-shrink:0;margin-block-end:0;margin-inline-end:var(--cds-layout-density-padding-inline-local)}.cds--progress-bar--inline .cds--progress-bar__track{flex-basis:0;flex-grow:1}.cds--progress-bar--inline .cds--progress-bar__helper-text{block-size:1px;border:0;margin:-1px;overflow:hidden;padding:0;position:absolute;clip:rect(0,0,0,0);inline-size:1px;visibility:inherit;white-space:nowrap}.cds--progress-bar--indented .cds--progress-bar__helper-text,.cds--progress-bar--indented .cds--progress-bar__label{padding-inline:var(--cds-layout-density-padding-inline-local)}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds--progress-bar__track{background-color:Canvas;forced-color-adjust:none;outline:2px solid transparent;outline-offset:-2px}.cds--progress-bar__bar{background-color:CanvasText}}"]);
 
 export { styles as default };
 //# sourceMappingURL=progress-bar.scss.js.map

package/es/components/slider/slider-input.d.ts

@@ -382,6 +382,10 @@ declare class CDSSliderInput extends CDSSliderInput_base {
      * true to specify if the control should display warn icon and text.
      */
     warn: boolean;
+    /**
+     * true to specify if the control should display warn icon and text.
+     */
+    hideTextInput: boolean;
     /**
      * The maximum value.
      */
@@ -404,7 +408,7 @@ declare class CDSSliderInput extends CDSSliderInput_base {
     /**
      * The value.
      */
-    value: number;
+    value: any;
     /**
      * true` if the input should be readonly.
      */

package/es/components/slider/slider-input.js

@@ -56,6 +56,10 @@ let CDSSliderInput = class CDSSliderInput extends FocusMixin(LitElement) {
          * true to specify if the control should display warn icon and text.
          */
         this.warn = false;
+        /**
+         * true to specify if the control should display warn icon and text.
+         */
+        this.hideTextInput = false;
         /**
          * The type of the `<input>`.
          */
@@ -69,26 +73,63 @@ let CDSSliderInput = class CDSSliderInput extends FocusMixin(LitElement) {
      * Handles `change` event to fire a normalized custom event.
      */
     _handleChange({ target }) {
-        this.dispatchEvent(new CustomEvent(this.constructor.eventChange, {
-            bubbles: true,
-            composed: true,
-            detail: {
-                value: Number(target.value),
-            },
-        }));
+        const min = Number(this.min);
+        const max = Number(this.max);
+        const intermediate = this.value;
+        const newValue = target.value;
+        const newValueNumber = Number(newValue);
+        if (newValueNumber >= min && newValueNumber <= max && newValue !== '') {
+            this.value = newValueNumber;
+            this.dispatchEvent(new CustomEvent(this.constructor.eventChange, {
+                bubbles: true,
+                composed: true,
+                detail: {
+                    value: this.value,
+                    intermediate,
+                },
+            }));
+        }
+        else {
+            this.invalid = newValue === '';
+            this.warn =
+                (newValueNumber < min || newValueNumber > max) && newValue !== '';
+            const intermediate = this.value;
+            if (newValue !== '') {
+                this.value = newValueNumber < min ? min : max;
+            }
+            else {
+                this.value = '';
+            }
+            this.dispatchEvent(new CustomEvent(this.constructor.eventChange, {
+                bubbles: true,
+                composed: true,
+                detail: {
+                    value: this.value,
+                    intermediate,
+                },
+            }));
+        }
     }
     /**
      * Handles `input` event to fire a normalized custom event.
      */
     _handleInput({ target }) {
-        this.dispatchEvent(new CustomEvent(this.constructor.eventChange, {
-            bubbles: true,
-            composed: true,
-            detail: {
-                value: Number(target.value),
-                intermediate: true,
-            },
-        }));
+        const newValue = target.value;
+        if (newValue) {
+            this.value = Number(newValue);
+            this.invalid = false;
+            if (this.value >= Number(this.min) && this.value <= Number(this.max)) {
+                this.warn = false;
+                this.dispatchEvent(new CustomEvent(this.constructor.eventChange, {
+                    bubbles: true,
+                    composed: true,
+                    detail: {
+                        value: this.value,
+                        intermediate: true,
+                    },
+                }));
+            }
+        }
     }
     /**
      * The maximum value.
@@ -124,7 +165,7 @@ let CDSSliderInput = class CDSSliderInput extends FocusMixin(LitElement) {
         this.requestUpdate('step', oldStep);
     }
     render() {
-        const { disabled, max, min, readonly, step, type, value, invalid, warn, _handleChange: handleChange, _handleInput: handleInput, } = this;
+        const { disabled, hideTextInput, max, min, readonly, step, type, value, invalid, warn, _handleChange: handleChange, _handleInput: handleInput, } = this;
         const classes = classMap({
             [`${prefix}--text-input`]: true,
             [`${prefix}--slider-text-input`]: true,
@@ -138,20 +179,24 @@ let CDSSliderInput = class CDSSliderInput extends FocusMixin(LitElement) {
             class: `${prefix}--slider__invalid-icon ${prefix}--slider__invalid-icon--warning`,
         });
         return html `
-      <input
-        ?disabled="${disabled}"
-        ?data-invalid="${invalid}"
-        type="${ifDefined(type)}"
-        class="${classes}"
-        max="${max}"
-        min="${min}"
-        ?readonly="${ifDefined(readonly)}"
-        step="${step}"
-        .value="${value}"
-        @change="${handleChange}"
-        @input="${handleInput}" />
-      ${invalid ? html `${invalidIcon}` : null}
-      ${warn ? html `${warnIcon}` : null}
+      ${!hideTextInput
+            ? html `
+            <input
+              ?disabled="${disabled}"
+              ?data-invalid="${invalid}"
+              type="${ifDefined(type)}"
+              class="${classes}"
+              max="${max}"
+              min="${min}"
+              ?readonly="${ifDefined(readonly)}"
+              step="${step}"
+              .value="${value}"
+              @change="${handleChange}"
+              @input="${handleInput}" />
+            ${invalid ? html `${invalidIcon}` : null}
+            ${warn ? html `${warnIcon}` : null}
+          `
+            : null}
     `;
     }
     /**
@@ -178,6 +223,9 @@ __decorate([
 __decorate([
     property({ type: Boolean, reflect: true })
 ], CDSSliderInput.prototype, "warn", void 0);
+__decorate([
+    property({ type: Boolean })
+], CDSSliderInput.prototype, "hideTextInput", void 0);
 __decorate([
     property({ type: Number, reflect: true })
 ], CDSSliderInput.prototype, "max", null);

package/es/components/slider/slider-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider-input.js","sources":["../../../src/components/slider/slider-input.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}
+{"version":3,"file":"slider-input.js","sources":["../../../src/components/slider/slider-input.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":"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"}

package/es/components/slider/slider-skeleton.d.ts

@@ -9,6 +9,10 @@ import { LitElement } from 'lit';
  * Skeleton of slider.
  */
 declare class CDSSliderSkeleton extends LitElement {
+    /**
+     * `Turn the slider into a range slider.
+     */
+    twoHandles: boolean;
     render(): import("lit-html").TemplateResult<1>;
     static styles: any;
 }

package/es/components/slider/slider-skeleton.js

@@ -7,6 +7,8 @@
 
 import { __decorate } from 'tslib';
 import { LitElement, html } from 'lit';
+import { classMap } from 'lit/directives/class-map.js';
+import { property } from 'lit/decorators.js';
 import { prefix } from '../../globals/settings.js';
 import styles from './slider.scss.js';
 import { carbonElement } from '../../globals/decorators/carbon-element.js';
@@ -21,15 +23,73 @@ import { carbonElement } from '../../globals/decorators/carbon-element.js';
  * Skeleton of slider.
  */
 let CDSSliderSkeleton = class CDSSliderSkeleton extends LitElement {
+    constructor() {
+        super(...arguments);
+        /**
+         * `Turn the slider into a range slider.
+         */
+        this.twoHandles = false;
+    }
     render() {
+        const { twoHandles } = this;
+        const containerClasses = classMap({
+            [`${prefix}--slider-container`]: true,
+            [`${prefix}--skeleton`]: true,
+            [`${prefix}--slider-container--two-handles`]: twoHandles,
+        });
+        const lowerThumbClasses = classMap({
+            [`${prefix}--slider__thumb`]: true,
+            [`${prefix}--slider__thumb--lower`]: twoHandles,
+        });
+        const upperThumbClasses = classMap({
+            [`${prefix}--slider__thumb`]: true,
+            [`${prefix}--slider__thumb--upper`]: twoHandles,
+        });
+        const lowerThumbWrapperClasses = classMap({
+            [`${prefix}--slider__thumb-wrapper`]: true,
+            [`${prefix}--slider__thumb-wrapper--lower`]: twoHandles,
+        });
+        const upperThumbWrapperClasses = classMap({
+            [`${prefix}--slider__thumb-wrapper`]: true,
+            [`${prefix}--slider__thumb-wrapper--upper`]: twoHandles,
+        });
         return html `
       <span class="${prefix}--label ${prefix}--skeleton"></span>
-      <div class="${prefix}--slider-container ${prefix}--skeleton">
+      <div class="${containerClasses}">
         <span class="${prefix}--slider__range-label"></span>
         <div class="${prefix}--slider">
           <div class="${prefix}--slider__track"></div>
           <div class="${prefix}--slider__filled-track"></div>
-          <div class="${prefix}--slider__thumb"></div>
+          ${twoHandles
+            ? html `
+                <div class="${lowerThumbWrapperClasses}">
+                  <div class="${lowerThumbClasses}">
+                    <svg
+                      xmlns="http://www.w3.org/2000/svg"
+                      viewBox="0 0 16 24"
+                      class="${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--lower">
+                      <path
+                        d="M15.08 6.46H16v11.08h-.92zM4.46 17.54c-.25 0-.46-.21-.46-.46V6.92a.465.465 0 0 1 .69-.4l8.77 5.08a.46.46 0 0 1 0 .8l-8.77 5.08c-.07.04-.15.06-.23.06Z"></path>
+                      <path fill="none" d="M-4 0h24v24H-4z"></path>
+                    </svg>
+                  </div>
+                </div>
+              `
+            : html ` <div class="${lowerThumbClasses}"></div> `}
+          ${twoHandles
+            ? html ` <div class="${upperThumbWrapperClasses}">
+                <div class="${upperThumbClasses}">
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    viewBox="0 0 16 24"
+                    class="${prefix}--slider__thumb-icon ${prefix}--slider__thumb-icon--upper">
+                    <path
+                      d="M0 6.46h.92v11.08H0zM11.54 6.46c.25 0 .46.21.46.46v10.15a.465.465 0 0 1-.69.4L2.54 12.4a.46.46 0 0 1 0-.8l8.77-5.08c.07-.04.15-.06.23-.06Z"></path>
+                    <path fill="none" d="M-4 0h24v24H-4z"></path>
+                  </svg>
+                </div>
+              </div>`
+            : undefined}
         </div>
         <span class="${prefix}--slider__range-label"></span>
       </div>
@@ -37,6 +97,9 @@ let CDSSliderSkeleton = class CDSSliderSkeleton extends LitElement {
     }
 };
 CDSSliderSkeleton.styles = styles;
+__decorate([
+    property({ type: Boolean, reflect: true })
+], CDSSliderSkeleton.prototype, "twoHandles", void 0);
 CDSSliderSkeleton = __decorate([
     carbonElement(`${prefix}-slider-skeleton`)
 ], CDSSliderSkeleton);

package/es/components/slider/slider-skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider-skeleton.js","sources":["../../../src/components/slider/slider-skeleton.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":";;;;;;;;;;;;;AAAA;;;;;AAKG;AAOH;;AAEG;AAEH,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,UAAU,CAAA;IACxC,MAAM,GAAA;AACJ,QAAA,OAAO,IAAI,CAAA,CAAA;AACM,mBAAA,EAAA,MAAM,WAAW,MAAM,CAAA;AACxB,kBAAA,EAAA,MAAM,sBAAsB,MAAM,CAAA;uBAC/B,MAAM,CAAA;sBACP,MAAM,CAAA;wBACJ,MAAM,CAAA;wBACN,MAAM,CAAA;wBACN,MAAM,CAAA;;uBAEP,MAAM,CAAA;;KAExB,CAAC;KACH;;AAEM,iBAAM,CAAA,MAAA,GAAG,MAAH,CAAU;AAhBnB,iBAAiB,GAAA,UAAA,CAAA;AADtB,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,gBAAA,CAAkB,CAAC;AACrC,CAAA,EAAA,iBAAiB,CAiBtB,CAAA;AAED,0BAAe,iBAAiB;;;;"}
+{"version":3,"file":"slider-skeleton.js","sources":["../../../src/components/slider/slider-skeleton.ts"],"sourcesContent":[null],"names":["customElement"],"mappings":";;;;;;;;;;;;;;;AAAA;;;;;AAKG;AASH;;AAEG;AAEH,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,UAAU,CAAA;AAA1C,IAAA,WAAA,GAAA;;AACE;;AAEG;QAEH,IAAU,CAAA,UAAA,GAAG,KAAK,CAAC;KAqEpB;IAnEC,MAAM,GAAA;AACJ,QAAA,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC;QAC5B,MAAM,gBAAgB,GAAG,QAAQ,CAAC;AAChC,YAAA,CAAC,CAAG,EAAA,MAAM,CAAoB,kBAAA,CAAA,GAAG,IAAI;AACrC,YAAA,CAAC,CAAG,EAAA,MAAM,CAAY,UAAA,CAAA,GAAG,IAAI;AAC7B,YAAA,CAAC,CAAG,EAAA,MAAM,CAAiC,+BAAA,CAAA,GAAG,UAAU;AACzD,SAAA,CAAC,CAAC;QACH,MAAM,iBAAiB,GAAG,QAAQ,CAAC;AACjC,YAAA,CAAC,CAAG,EAAA,MAAM,CAAiB,eAAA,CAAA,GAAG,IAAI;AAClC,YAAA,CAAC,CAAG,EAAA,MAAM,CAAwB,sBAAA,CAAA,GAAG,UAAU;AAChD,SAAA,CAAC,CAAC;QACH,MAAM,iBAAiB,GAAG,QAAQ,CAAC;AACjC,YAAA,CAAC,CAAG,EAAA,MAAM,CAAiB,eAAA,CAAA,GAAG,IAAI;AAClC,YAAA,CAAC,CAAG,EAAA,MAAM,CAAwB,sBAAA,CAAA,GAAG,UAAU;AAChD,SAAA,CAAC,CAAC;QACH,MAAM,wBAAwB,GAAG,QAAQ,CAAC;AACxC,YAAA,CAAC,CAAG,EAAA,MAAM,CAAyB,uBAAA,CAAA,GAAG,IAAI;AAC1C,YAAA,CAAC,CAAG,EAAA,MAAM,CAAgC,8BAAA,CAAA,GAAG,UAAU;AACxD,SAAA,CAAC,CAAC;QACH,MAAM,wBAAwB,GAAG,QAAQ,CAAC;AACxC,YAAA,CAAC,CAAG,EAAA,MAAM,CAAyB,uBAAA,CAAA,GAAG,IAAI;AAC1C,YAAA,CAAC,CAAG,EAAA,MAAM,CAAgC,8BAAA,CAAA,GAAG,UAAU;AACxD,SAAA,CAAC,CAAC;AACH,QAAA,OAAO,IAAI,CAAA,CAAA;AACM,mBAAA,EAAA,MAAM,WAAW,MAAM,CAAA;oBACxB,gBAAgB,CAAA;uBACb,MAAM,CAAA;sBACP,MAAM,CAAA;wBACJ,MAAM,CAAA;wBACN,MAAM,CAAA;YAClB,UAAU;cACR,IAAI,CAAA,CAAA;8BACY,wBAAwB,CAAA;gCACtB,iBAAiB,CAAA;;;;AAIlB,6BAAA,EAAA,MAAM,wBAAwB,MAAM,CAAA;;;;;;;AAOpD,cAAA,CAAA;AACH,cAAE,IAAI,CAAA,CAAA,aAAA,EAAgB,iBAAiB,CAAW,SAAA,CAAA,CAAA;YAClD,UAAU;AACV,cAAE,IAAI,CAAA,CAAA,aAAA,EAAgB,wBAAwB,CAAA;8BAC5B,iBAAiB,CAAA;;;;AAIlB,2BAAA,EAAA,MAAM,wBAAwB,MAAM,CAAA;;;;;;AAM5C,oBAAA,CAAA;AACT,cAAE,SAAS,CAAA;;uBAEA,MAAM,CAAA;;KAExB,CAAC;KACH;;AAEM,iBAAM,CAAA,MAAA,GAAG,MAAH,CAAU;AApEvB,UAAA,CAAA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AACxB,CAAA,EAAA,iBAAA,CAAA,SAAA,EAAA,YAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AALf,iBAAiB,GAAA,UAAA,CAAA;AADtB,IAAAA,aAAa,CAAC,CAAA,EAAG,MAAM,CAAA,gBAAA,CAAkB,CAAC;AACrC,CAAA,EAAA,iBAAiB,CA0EtB,CAAA;AAED,0BAAe,iBAAiB;;;;"}

package/es/components/slider/slider.d.ts

@@ -1041,6 +1041,10 @@ declare const CDSSlider_base: {
  * @fires cds-slider-changed - The custom event fired after the value is changed by user gesture.
  */
 declare class CDSSlider extends CDSSlider_base {
+    private _cachedRateUpper;
+    private _cachedRate;
+    private dragCooldownTimeout;
+    private dragCoolDown;
     /**
      * The internal value of `max` property.
      */
@@ -1065,16 +1069,34 @@ declare class CDSSlider extends CDSSlider_base {
      * `true` if dragging of thumb is in progress.
      */
     private _dragging;
+    /**
+     * `true` if dragging of thumb upper is in progress.
+     */
+    private _draggingUpper;
+    /**
+     * The upper bound when there are two handles..
+     */
+    unstable_valueUpper: any;
     /**
      * The rate of the thumb position in the track.
      * When we try to set a new value, we adjust the value considering `step` property.
      */
     private get _rate();
     private set _rate(value);
+    /**
+     * The rate of the upper thumb position in the track.
+     * When we try to set a new value for upper input, we adjust the value considering `step` property.
+     */
+    private get _rateUpper();
+    private set _rateUpper(value);
     /**
      * The DOM element of the thumb.
      */
     private _thumbNode;
+    /**
+     * The DOM element of the thumb upper.
+     */
+    private _thumbNodeUpper;
     /**
      * The DOM element of the track.
      */
@@ -1088,6 +1110,11 @@ declare class CDSSlider extends CDSSlider_base {
      * Handles `keydown` event on the thumb to increase/decrease the value.
      */
     private _handleKeydown;
+    /**
+     * Throttles calls to `this._onDrag` by limiting events to being processed at
+     * most once every `EVENT_THROTTLE` milliseconds.
+     */
+    onDrag: import("lodash").DebouncedFuncLeading<(event: PointerEvent) => void>;
     /**
      * Handles `pointerdown` event on the thumb to start dragging.
      */
@@ -1184,6 +1211,10 @@ declare class CDSSlider extends CDSSlider_base {
      * Provide the text that is displayed when the control is in warning state
      */
     warnText: string;
+    /**
+     * Checks whether the input field is hidden or not
+     */
+    hideTextInput: boolean;
     /**
      * The snapping step of the value.
      */
@@ -1204,8 +1235,10 @@ declare class CDSSlider extends CDSSlider_base {
      */
     isValid: any;
     _getInputValidity(input: any): boolean;
+    _getInputWarnigState(input: any): boolean;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    updated(): void;
     shouldUpdate(changedProperties: any): boolean;
     render(): import("lit-html").TemplateResult<1>;
     /**