npm - @carbon/web-components - Versions diffs - 2.34.1 → 2.35.0 - Mend

@carbon/web-components 2.34.1 → 2.35.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.

Files changed (775) hide show

package/es-custom/components/toggle/toggle.scss.js CHANGED Viewed

@@ -7,7 +7,7 @@
 import { css } from 'lit';
-var styles = css([".cds-custom--assistive-text,.cds-custom--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}@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds-custom--toggle{display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cds-custom--toggle__label-text{color:var(--cds-custom-text-secondary,#525252);display:block;font-size:var(--cds-custom-label-01-font-size,.75rem);font-weight:var(--cds-custom-label-01-font-weight,400);letter-spacing:var(--cds-custom-label-01-letter-spacing,.32px);line-height:var(--cds-custom-label-01-line-height,1.33333);margin-block-end:1rem}.cds-custom--toggle__button{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-custom--toggle__button:focus{outline:none}.cds-custom--toggle__appearance{align-items:center;-moz-column-gap:.5rem;column-gap:.5rem;cursor:pointer;display:inline-grid;grid-template-columns:max-content max-content}.cds-custom--toggle__switch{background-color:var(--cds-custom-toggle-off,#8d8d8d);block-size:1.5rem;border-radius:.75rem;inline-size:3rem;position:relative;transition:background-color 70ms cubic-bezier(.2,0,1,.9)}.cds-custom--toggle__switch:before{background-color:var(--cds-custom-icon-on-color,#fff);block-size:1.125rem;border-radius:50%;content:\"\";inline-size:1.125rem;inset-block-start:.1875rem;inset-inline-start:.1875rem;position:absolute;transition:transform 70ms cubic-bezier(.2,0,1,.9)}@media screen and (prefers-reduced-motion:reduce){.cds-custom--toggle__switch:before{transition:none}}.cds-custom--toggle:not(.cds-custom--toggle--disabled):active .cds-custom--toggle__switch:after,.cds-custom--toggle__button:focus+.cds-custom--toggle__label .cds-custom--toggle__switch:after{block-size:100%;border-radius:1rem;content:\"\";display:block;outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:1px}.cds-custom--toggle__switch--checked{background-color:var(--cds-custom-support-success,#24a148)}.cds-custom--toggle__switch--checked:before{transform:translateX(1.5rem)}.cds-custom--toggle__text{color:var(--cds-custom-text-primary,#161616);font-size:var(--cds-custom-body-01-font-size,.875rem);font-weight:var(--cds-custom-body-01-font-weight,400);letter-spacing:var(--cds-custom-body-01-letter-spacing,.16px);line-height:var(--cds-custom-body-01-line-height,1.42857)}.cds-custom--toggle__appearance--sm .cds-custom--toggle__switch{block-size:1rem;inline-size:2rem}.cds-custom--toggle__appearance--sm .cds-custom--toggle__switch:before{block-size:.625rem;inline-size:.625rem}.cds-custom--toggle__appearance--sm .cds-custom--toggle__switch--checked:before{transform:translateX(1rem)}.cds-custom--toggle__check{block-size:.3125rem;position:absolute;fill:var(--cds-custom-support-success,#24a148);inline-size:.375rem;inset-block-start:.375rem;inset-inline-end:.3125rem;visibility:hidden}.cds-custom--toggle__switch--checked .cds-custom--toggle__check{visibility:visible}.cds-custom--toggle--disabled .cds-custom--toggle__appearance,:host(cds-custom-toggle[disabled]) .cds-custom--toggle__appearance{cursor:not-allowed}.cds-custom--toggle--disabled .cds-custom--toggle__label-text,.cds-custom--toggle--disabled .cds-custom--toggle__text,:host(cds-custom-toggle[disabled]) .cds-custom--toggle__label-text,:host(cds-custom-toggle[disabled]) .cds-custom--toggle__text{color:var(--cds-custom-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--toggle--disabled .cds-custom--toggle__switch,:host(cds-custom-toggle[disabled]) .cds-custom--toggle__switch{background-color:var(--cds-custom-button-disabled,#c6c6c6)}.cds-custom--toggle--disabled .cds-custom--toggle__switch:before,:host(cds-custom-toggle[disabled]) .cds-custom--toggle__switch:before{background-color:var(--cds-custom-icon-on-color-disabled,#8d8d8d)}.cds-custom--toggle--disabled .cds-custom--toggle__check,:host(cds-custom-toggle[disabled]) .cds-custom--toggle__check{fill:var(--cds-custom-button-disabled,#c6c6c6)}.cds-custom--toggle--readonly .cds-custom--toggle__appearance,:host(cds-custom-toggle[read-only]) .cds-custom--toggle__appearance{cursor:default}.cds-custom--toggle--readonly .cds-custom--toggle__switch,:host(cds-custom-toggle[read-only]) .cds-custom--toggle__switch{background-color:transparent;border:1px solid var(--cds-custom-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--toggle--readonly .cds-custom--toggle__switch:before,:host(cds-custom-toggle[read-only]) .cds-custom--toggle__switch:before{background-color:var(--cds-custom-text-primary,#161616);inset-block-start:.125rem;inset-inline-start:.125rem}.cds-custom--toggle--readonly .cds-custom--toggle__check,:host(cds-custom-toggle[read-only]) .cds-custom--toggle__check{fill:var(--cds-custom-background,#fff);inset-block-start:.3125rem;inset-inline-end:.25rem}.cds-custom--toggle--readonly .cds-custom--toggle__text,:host(cds-custom-toggle[read-only]) .cds-custom--toggle__text{cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--toggle__switch,.cds-custom--toggle__switch:before{outline:1px solid transparent}.cds-custom--toggle:not(.cds-custom--toggle--disabled):active .cds-custom--toggle__switch,.cds-custom--toggle__button:focus+.cds-custom--toggle__label .cds-custom--toggle__switch{color:Highlight;outline:1px solid Highlight}}.cds-custom--toggle--skeleton{align-items:center;display:flex}.cds-custom--toggle--skeleton .cds-custom--toggle__skeleton-circle{background:var(--cds-custom-skeleton-background,#e8e8e8);block-size:1.125rem;border-radius:50%;inline-size:1.125rem;overflow:hidden;position:relative}.cds-custom--toggle--skeleton .cds-custom--toggle__skeleton-circle:before{animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-custom-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:200%;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--toggle--skeleton .cds-custom--toggle__skeleton-circle:before{animation:none}}.cds-custom--toggle--skeleton .cds-custom--toggle__skeleton-rectangle{background:var(--cds-custom-skeleton-background,#e8e8e8);block-size:.5rem;border:none;box-shadow:none;inline-size:1.5rem;margin-inline-start:.5rem;padding:0;pointer-events:none;position:relative}.cds-custom--toggle--skeleton .cds-custom--toggle__skeleton-rectangle:active,.cds-custom--toggle--skeleton .cds-custom--toggle__skeleton-rectangle:focus,.cds-custom--toggle--skeleton .cds-custom--toggle__skeleton-rectangle:hover{border:none;cursor:default;outline:none}.cds-custom--toggle--skeleton .cds-custom--toggle__skeleton-rectangle:before{animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-custom-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--toggle--skeleton .cds-custom--toggle__skeleton-rectangle:before{animation:none}}[dir=rtl] .cds-custom--toggle__switch--checked:before{transform:translateX(-1.5rem)}[dir=rtl] .cds-custom--toggle__appearance--sm .cds-custom--toggle__switch--checked:before{transform:translateX(-1rem)}:host(cds-custom-toggle){outline:none}:host(cds-custom-toggle[disabled]) .cds-custom--toggle__appearance{cursor:not-allowed}"]);
+var styles = css([".cds-custom--assistive-text,.cds-custom--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}@keyframes cds-custom--hide-feedback{0%{opacity:1;visibility:inherit}to{opacity:0;visibility:hidden}}@keyframes cds-custom--show-feedback{0%{opacity:0;visibility:hidden}to{opacity:1;visibility:inherit}}@keyframes cds-custom--skeleton{0%{opacity:.3;transform:scaleX(0);transform-origin:left}20%{opacity:1;transform:scaleX(1);transform-origin:left}28%{transform:scaleX(1);transform-origin:right}51%{transform:scaleX(0);transform-origin:right}58%{transform:scaleX(0);transform-origin:right}82%{transform:scaleX(1);transform-origin:right}83%{transform:scaleX(1);transform-origin:left}96%{transform:scaleX(0);transform-origin:left}to{opacity:.3;transform:scaleX(0);transform-origin:left}}.cds-custom--toggle{display:inline-block;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cds-custom--toggle__label-text{color:var(--cds-custom-text-secondary,#525252);display:block;font-size:var(--cds-custom-label-01-font-size,.75rem);font-weight:var(--cds-custom-label-01-font-weight,400);letter-spacing:var(--cds-custom-label-01-letter-spacing,.32px);line-height:var(--cds-custom-label-01-line-height,1.33333);margin-block-end:1rem}.cds-custom--toggle__button{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-custom--toggle__button:focus{outline:none}.cds-custom--toggle__appearance{align-items:center;-moz-column-gap:.5rem;column-gap:.5rem;cursor:pointer;display:inline-grid;grid-template-columns:max-content max-content}.cds-custom--toggle__switch{background-color:var(--cds-custom-toggle-off,#8d8d8d);block-size:1.5rem;border-radius:.75rem;inline-size:3rem;position:relative;transition:background-color 70ms cubic-bezier(.2,0,1,.9)}.cds-custom--toggle__switch:before{background-color:var(--cds-custom-icon-on-color,#fff);block-size:1.125rem;border-radius:50%;content:\"\";inline-size:1.125rem;inset-block-start:.1875rem;inset-inline-start:.1875rem;position:absolute;transition:transform 70ms cubic-bezier(.2,0,1,.9)}@media screen and (prefers-reduced-motion:reduce){.cds-custom--toggle__switch:before{transition:none}}.cds-custom--toggle:not(.cds-custom--toggle--disabled):active .cds-custom--toggle__switch:after,.cds-custom--toggle__button:focus+.cds-custom--toggle__label .cds-custom--toggle__switch:after{block-size:100%;border-radius:1rem;content:\"\";display:block;outline:2px solid var(--cds-custom-focus,#0f62fe);outline-offset:1px}.cds-custom--toggle__switch--checked{background-color:var(--cds-custom-support-success,#24a148)}.cds-custom--toggle__switch--checked:before{transform:translateX(1.5rem)}.cds-custom--toggle__text{color:var(--cds-custom-text-primary,#161616);font-size:var(--cds-custom-body-01-font-size,.875rem);font-weight:var(--cds-custom-body-01-font-weight,400);letter-spacing:var(--cds-custom-body-01-letter-spacing,.16px);line-height:var(--cds-custom-body-01-line-height,1.42857)}.cds-custom--toggle__appearance--sm .cds-custom--toggle__switch{block-size:1rem;inline-size:2rem}.cds-custom--toggle__appearance--sm .cds-custom--toggle__switch:before{block-size:.625rem;inline-size:.625rem}.cds-custom--toggle__appearance--sm .cds-custom--toggle__switch--checked:before{transform:translateX(1rem)}.cds-custom--toggle__check{block-size:.3125rem;position:absolute;fill:var(--cds-custom-support-success,#24a148);inline-size:.375rem;inset-block-start:.375rem;inset-inline-end:.3125rem;visibility:hidden}.cds-custom--toggle__switch--checked .cds-custom--toggle__check{visibility:visible}.cds-custom--toggle--disabled .cds-custom--toggle__appearance,:host(cds-custom-toggle[disabled]) .cds-custom--toggle__appearance{cursor:not-allowed}.cds-custom--toggle--disabled .cds-custom--toggle__label-text,.cds-custom--toggle--disabled .cds-custom--toggle__text,:host(cds-custom-toggle[disabled]) .cds-custom--toggle__label-text,:host(cds-custom-toggle[disabled]) .cds-custom--toggle__text{color:var(--cds-custom-text-disabled,hsla(0,0%,9%,.25))}.cds-custom--toggle--disabled .cds-custom--toggle__switch,:host(cds-custom-toggle[disabled]) .cds-custom--toggle__switch{background-color:var(--cds-custom-button-disabled,#c6c6c6)}.cds-custom--toggle--disabled .cds-custom--toggle__switch:before,:host(cds-custom-toggle[disabled]) .cds-custom--toggle__switch:before{background-color:var(--cds-custom-icon-on-color-disabled,#8d8d8d)}.cds-custom--toggle--disabled .cds-custom--toggle__check,:host(cds-custom-toggle[disabled]) .cds-custom--toggle__check{fill:var(--cds-custom-button-disabled,#c6c6c6)}.cds-custom--toggle--readonly .cds-custom--toggle__appearance,:host(cds-custom-toggle[read-only]) .cds-custom--toggle__appearance{cursor:default}.cds-custom--toggle--readonly .cds-custom--toggle__switch,:host(cds-custom-toggle[read-only]) .cds-custom--toggle__switch{background-color:transparent;border:1px solid var(--cds-custom-icon-disabled,hsla(0,0%,9%,.25))}.cds-custom--toggle--readonly .cds-custom--toggle__switch:before,:host(cds-custom-toggle[read-only]) .cds-custom--toggle__switch:before{background-color:var(--cds-custom-text-primary,#161616);inset-block-start:.125rem;inset-inline-start:.125rem}.cds-custom--toggle--readonly .cds-custom--toggle__check,:host(cds-custom-toggle[read-only]) .cds-custom--toggle__check{fill:var(--cds-custom-background,#fff);inset-block-start:.3125rem;inset-inline-end:.25rem}.cds-custom--toggle--readonly .cds-custom--toggle__text,:host(cds-custom-toggle[read-only]) .cds-custom--toggle__text{cursor:text;-webkit-user-select:text;-moz-user-select:text;user-select:text}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--toggle__switch,.cds-custom--toggle__switch:before{outline:1px solid transparent}.cds-custom--toggle:not(.cds-custom--toggle--disabled):active .cds-custom--toggle__switch,.cds-custom--toggle__button:focus+.cds-custom--toggle__label .cds-custom--toggle__switch{color:Highlight;outline:1px solid Highlight}}.cds-custom--toggle--skeleton{align-items:center;display:flex}.cds-custom--toggle--skeleton .cds-custom--toggle__skeleton-circle{background:var(--cds-custom-skeleton-background,#e8e8e8);block-size:1.125rem;border-radius:50%;inline-size:1.125rem;overflow:hidden;position:relative}.cds-custom--toggle--skeleton .cds-custom--toggle__skeleton-circle:before{animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-custom-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:200%;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--toggle--skeleton .cds-custom--toggle__skeleton-circle:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--toggle--skeleton .cds-custom--toggle__skeleton-circle{background:CanvasText}.cds-custom--toggle--skeleton .cds-custom--toggle__skeleton-circle:before{background:Canvas;forced-color-adjust:none}}.cds-custom--toggle--skeleton .cds-custom--toggle__skeleton-rectangle{background:var(--cds-custom-skeleton-background,#e8e8e8);block-size:.5rem;border:none;box-shadow:none;inline-size:1.5rem;margin-inline-start:.5rem;padding:0;pointer-events:none;position:relative}.cds-custom--toggle--skeleton .cds-custom--toggle__skeleton-rectangle:active,.cds-custom--toggle--skeleton .cds-custom--toggle__skeleton-rectangle:focus,.cds-custom--toggle--skeleton .cds-custom--toggle__skeleton-rectangle:hover{border:none;cursor:default;outline:none}.cds-custom--toggle--skeleton .cds-custom--toggle__skeleton-rectangle:before{animation:cds-custom--skeleton 3s ease-in-out infinite;background:var(--cds-custom-skeleton-element,#c6c6c6);block-size:100%;content:\"\";inline-size:100%;inset-inline-start:0;position:absolute;will-change:transform-origin,transform,opacity}@media (prefers-reduced-motion:reduce){.cds-custom--toggle--skeleton .cds-custom--toggle__skeleton-rectangle:before{animation:none}}@media (forced-colors:active),screen and (-ms-high-contrast:active){.cds-custom--toggle--skeleton .cds-custom--toggle__skeleton-rectangle{background:CanvasText}.cds-custom--toggle--skeleton .cds-custom--toggle__skeleton-rectangle:before{background:Canvas;forced-color-adjust:none}}[dir=rtl] .cds-custom--toggle__switch--checked:before{transform:translateX(-1.5rem)}[dir=rtl] .cds-custom--toggle__appearance--sm .cds-custom--toggle__switch--checked:before{transform:translateX(-1rem)}:host(cds-custom-toggle){outline:none}:host(cds-custom-toggle[disabled]) .cds-custom--toggle__appearance{cursor:not-allowed}"]);
 export { styles as default };
 //# sourceMappingURL=toggle.scss.js.map