@getflip/swirl-components 0.259.1 → 0.261.0

package/vscode-data.json

@@ -14018,6 +14018,39 @@
           "name": "close-button-label",
           "description": ""
         },
+        {
+          "name": "content-gap",
+          "description": "",
+          "values": [
+            {
+              "name": "0"
+            },
+            {
+              "name": "12"
+            },
+            {
+              "name": "16"
+            },
+            {
+              "name": "2"
+            },
+            {
+              "name": "20"
+            },
+            {
+              "name": "24"
+            },
+            {
+              "name": "32"
+            },
+            {
+              "name": "4"
+            },
+            {
+              "name": "8"
+            }
+          ]
+        },
         {
           "name": "height",
           "description": ""
@@ -14050,6 +14083,10 @@
           "name": "max-width",
           "description": ""
         },
+        {
+          "name": "min-height",
+          "description": ""
+        },
         {
           "name": "padded",
           "description": ""
@@ -15669,6 +15706,10 @@
             }
           ]
         },
+        {
+          "name": "swirl-aria-label",
+          "description": ""
+        },
         {
           "name": "value",
           "description": ""

package/dist/swirl-components/p-2a67a199.entry.js

@@ -1 +0,0 @@
-import{r as a,c as o,h as d,H as e,g as t}from"./p-30e99c25.js";import{d as s,e as i}from"./p-33c168b3.js";import{c as r}from"./p-a5dce9e6.js";import{c as l}from"./p-878dc806.js";const n=class{constructor(d){a(this,d),this.modalClose=o(this,"modalClose",7),this.modalOpen=o(this,"modalOpen",7),this.primaryAction=o(this,"primaryAction",7),this.requestModalClose=o(this,"requestModalClose",7),this.secondaryAction=o(this,"secondaryAction",7),this.onKeyDown=a=>{"Escape"===a.code&&(a.stopImmediatePropagation(),this.close())},this.onBackdropClick=()=>{this.close()},this.onCloseButtonClick=()=>{this.close()},this.onPrimaryAction=a=>{this.primaryAction.emit(a)},this.onSecondaryAction=a=>{this.secondaryAction.emit(a)},this.determineScrollStatus=()=>{const a=this.scrollContainer?.scrollTop>0,o=Math.ceil(this.scrollContainer?.scrollTop+this.scrollContainer?.offsetHeight)>=this.scrollContainer?.scrollHeight,d=this.scrollContainer?.scrollHeight>this.scrollContainer?.offsetHeight;a!==this.scrolled&&(this.scrolled=a),o!==this.scrolledDown&&(this.scrolledDown=o),d!==this.scrollable&&(this.scrollable=d)},this.closable=!0,this.closeButtonLabel="Close modal",this.height=void 0,this.hideCloseButton=void 0,this.hideLabel=void 0,this.label=void 0,this.maxHeight=void 0,this.maxWidth=void 0,this.padded=!0,this.primaryActionLabel=void 0,this.secondaryActionLabel=void 0,this.variant="default",this.hideSecondaryContent=void 0,this.primaryContentMaxWidth=void 0,this.secondaryContentMaxWidth=void 0,this.primaryContentFlex=void 0,this.secondaryContentFlex=void 0,this.hideSecondaryContentBorders=void 0,this.secondaryContentPadding=void 0,this.secondaryContentPaddingBlockEnd=void 0,this.secondaryContentPaddingBlockStart=void 0,this.secondaryContentPaddingInlineEnd=void 0,this.secondaryContentPaddingInlineStart=void 0,this.isOpen=!1,this.closing=!1,this.hasCustomHeader=void 0,this.hasCustomFooter=void 0,this.hasHeaderTools=void 0,this.hasSecondaryContent=void 0,this.scrollable=!1,this.scrolled=!1,this.scrolledDown=!1}componentDidLoad(){this.focusTrap=l(this.modalEl,{allowOutsideClick:!0,tabbableOptions:{getShadowRoot:a=>a.shadowRoot}}),this.determineScrollStatus(),queueMicrotask((()=>{this.updateCustomFooterStatus(),this.updateCustomHeaderStatus(),this.updateHeaderToolsStatus(),this.updateSecondaryContentStatus()}))}componentDidRender(){this.focusTrap?.updateContainerElements(this.modalEl)}disconnectedCallback(){this.focusTrap?.deactivate(),this.unlockBodyScroll()}onWindowResize(){this.determineScrollStatus()}async open(){this.isOpen=!0,this.modalOpen.emit(),setTimeout((()=>{this.lockBodyScroll(),this.determineScrollStatus()})),setTimeout((()=>{this.focusTrap.activate(),this.handleAutoFocus()}),200)}async close(a){this.closing||(this.requestModalClose.emit(),(this.closable||a)&&(this.closing=!0,this.unlockBodyScroll(),setTimeout((()=>{this.focusTrap.deactivate(),this.isOpen=!1,this.modalClose.emit(),this.closing=!1}),150)))}updateCustomFooterStatus(){this.hasCustomFooter=Boolean(this.el.querySelector('[slot="custom-footer"]'))}updateCustomHeaderStatus(){this.hasCustomHeader=Boolean(this.el.querySelector('[slot="custom-header"]'))}updateHeaderToolsStatus(){this.hasHeaderTools=Boolean(this.el.querySelector('[slot="header-tools"]'))}updateSecondaryContentStatus(){this.hasSecondaryContent=Boolean(this.el.querySelector('[slot="secondary-content"]'))}handleAutoFocus(){this.modalEl.querySelector("input[autofocus]")?.focus()}lockBodyScroll(){s(this.scrollContainer)}unlockBodyScroll(){i(this.scrollContainer)}render(){const a=Boolean(this.primaryActionLabel)||Boolean(this.secondaryActionLabel),o=r("modal",`modal--variant-${this.variant}`,{"modal--closing":this.closing,"modal--has-custom-footer":this.hasCustomFooter,"modal--has-custom-header":this.hasCustomHeader,"modal--has-header-tools":this.hasHeaderTools,"modal--has-secondary-content":this.hasSecondaryContent&&!this.hideSecondaryContent,"modal--hide-label":this.hideLabel,"modal--padded":this.padded,"modal--scrollable":this.scrollable,"modal--scrolled":this.scrolled,"modal--scrolled-down":this.scrolledDown,"modal--hide-secondary-content-borders":this.hideSecondaryContentBorders});return d(e,{key:"5abfbc05dba0cd84090b1018fff056fa5bb7fb3a"},d("section",{key:"39a23d9714817b31437a88ff723bfd502b59212b","aria-hidden":String(!this.isOpen),"aria-label":this.label,"aria-modal":"true",class:o,onKeyDown:this.onKeyDown,role:"dialog",ref:a=>this.modalEl=a},d("div",{key:"cb06424ef93df9be045b1ad8941d3e8c59f91549",class:"modal__backdrop",onClick:this.onBackdropClick}),d("div",{key:"49123cd13d3f6d6649a6bbad186bc090a224a0f1",class:"modal__body",style:{"--swirl-modal-max-height":this.maxHeight,"--swirl-modal-height":this.height,maxWidth:this.maxWidth}},d("header",{key:"6a0faf4bc1fef1b04d146e299da37f2d8ef10e67",class:"modal__custom-header"},d("slot",{key:"73879b5b817c4dcca56083a83082df714d5b7370",name:"custom-header"})),(!this.hideLabel||!this.hideCloseButton)&&d("header",{key:"5a7e87152f53f21dfcd907dfda172987dc4bb4db",class:"modal__header"},d("div",{key:"1d53ffaaf702d9a0e8bd6512d20ee11cda140f57",class:"modal__header-bar"},!this.hideCloseButton&&d("swirl-button",{key:"93149217a8066603702676d77004708a10f2ff77",class:"modal__close-button",hideLabel:!0,icon:"default"===this.variant?"<swirl-icon-close></swirl-icon-close>":"<swirl-icon-double-arrow-right></swirl-icon-double-arrow-right>",label:this.closeButtonLabel,onClick:this.onCloseButtonClick}),!this.hideLabel&&d("swirl-heading",{key:"372847e9327f0d855bd8bf752db0dc75f063e234",as:"h2",class:"modal__heading",level:3,text:this.label}))),d("div",{key:"f22d5c6e1c04572de753133eb7087044de6af7e4",class:"modal__content-container"},d("div",{key:"55838fc55afc04a4bbfafd62f2a4fd3c67204ad7",class:"modal__primary-content",style:{maxWidth:this.primaryContentMaxWidth,flex:this.primaryContentFlex}},d("div",{key:"28cb0ac5a03e89df61ed1ba7774ca7f7d49ab1c2",class:"modal__header-tools"},d("slot",{key:"b6947a6bfc9cf59d54237fe90cf349c506b2f6cb",name:"header-tools"})),d("div",{key:"1ff25f922f06049ffae22224f008bc3a0ee54895",class:"modal__content",onScroll:this.determineScrollStatus,ref:a=>this.scrollContainer=a},d("slot",{key:"a4d9c3a66cc48d7d5d840e6aa094d1b2c1fff995"}))),d("div",{key:"ca3b551d46e676754443ea15eb7ff63474edc216",class:"modal__secondary-content",style:{maxWidth:this.secondaryContentMaxWidth,flex:this.secondaryContentFlex,padding:Boolean(this.secondaryContentPadding)?`var(--s-space-${this.secondaryContentPadding})`:void 0,paddingBlockEnd:Boolean(this.secondaryContentPaddingBlockEnd)?`var(--s-space-${this.secondaryContentPaddingBlockEnd})`:void 0,paddingBlockStart:Boolean(this.secondaryContentPaddingBlockStart)?`var(--s-space-${this.secondaryContentPaddingBlockStart})`:void 0,paddingInlineEnd:Boolean(this.secondaryContentPaddingInlineEnd)?`var(--s-space-${this.secondaryContentPaddingInlineEnd})`:void 0,paddingInlineStart:Boolean(this.secondaryContentPaddingInlineStart)?`var(--s-space-${this.secondaryContentPaddingInlineStart})`:void 0}},d("slot",{key:"334f6be57d482adff00e53b9943032824d2d34a0",name:"secondary-content"}))),d("div",{key:"b1100c302ecb67ae464e7dc8fb58d9292add44d7",class:"modal__custom-footer"},d("slot",{key:"1eb4b3463a49108125c4bcd1bbb130c8a8ac5426",name:"custom-footer"})),a&&d("footer",{key:"39f2f51373bfadf31e8ea73f8217fc00e4e3ade0",class:"modal__controls"},d("swirl-button-group",{key:"1046779ae99c3f9b3af57ec3580874130f729690",wrap:!0},this.secondaryActionLabel&&d("swirl-button",{key:"88e90618f2c7ee581f6e54e878a78a895db97eb6",label:this.secondaryActionLabel,onClick:this.onSecondaryAction}),this.primaryActionLabel&&d("swirl-button",{key:"6b4687c64c914c1f4942cd99827fb0efb8251c41",intent:"primary",label:this.primaryActionLabel,onClick:this.onPrimaryAction,variant:"flat"}))))))}get el(){return t(this)}};n.style=':host{display:block}:host *{box-sizing:border-box}.modal{--swirl-ghost-button-background-default:var(--s-surface-overlay-default);--swirl-ghost-button-background-hovered:var(--s-surface-overlay-hovered);--swirl-ghost-button-background-pressed:var(--s-surface-overlay-pressed);--swirl-resource-list-item-background-default:var(\n    --s-surface-overlay-default\n  );--swirl-resource-list-item-background-hovered:var(\n    --s-surface-overlay-hovered\n  );--swirl-resource-list-item-background-pressed:var(\n    --s-surface-overlay-pressed\n  );--swirl-modal-height:auto;--swirl-modal-max-height:90vh;--swirl-modal-view-height:100vh;--swirl-modal-max-width:40rem;--swirl-modal-footer-padding-small:var(--s-space-12) var(--s-space-16)\n    var(--s-space-12) var(--s-space-16);--swirl-modal-footer-padding-large:var(--s-space-16) var(--s-space-24)\n    var(--s-space-16) var(--s-space-24)}@supports (height: 100dvh){.modal{--swirl-modal-max-height:90dvh;--swirl-modal-view-height:100dvh}}.modal{position:fixed;z-index:var(--s-z-40);display:flex;justify-content:center;align-items:center;height:var(--swirl-modal-view-height);inset:0}.modal[aria-hidden="true"]{display:none}.modal--variant-default.modal--closing{animation:0.15s modal-fade-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-default.modal--closing{animation:none}}.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:0.15s modal-backdrop-fade-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__backdrop{animation:none}}.modal--variant-default:not(.modal--closing) .modal__body{animation:0.15s modal-scale-in}@media (prefers-reduced-motion){.modal--variant-default:not(.modal--closing) .modal__body{animation:none}}.modal--variant-drawer{justify-content:end;align-items:stretch}.modal--variant-drawer.modal--closing{animation:0.15s modal-drawer-slide-out;animation-fill-mode:forwards}@media (prefers-reduced-motion){.modal--variant-drawer.modal--closing{animation:none}}@media (min-width: 768px){.modal--variant-drawer.modal--hide-label .modal__header-bar{height:auto;padding-top:var(--s-space-4);padding-bottom:var(--s-space-4)}}.modal--variant-drawer .modal__backdrop{background-color:transparent;animation:none}.modal--variant-drawer .modal__body{height:100%;max-height:none;border-radius:0;animation:0.15s modal-drawer-slide-in;box-shadow:var(--s-shadow-level-3)}@media (prefers-reduced-motion){.modal--variant-drawer .modal__body{animation:none}}.modal--variant-drawer .modal__header-bar{background-color:var(--s-surface-overlay-default)}.modal--variant-drawer .modal__header-bar .modal__close-button{margin-left:calc(-1 * var(--s-space-8))}@media (min-width: 768px){.modal--variant-drawer .modal__header-bar{flex-direction:row}}@media (min-width: 768px){.modal--variant-drawer.modal--padded .modal__content{padding-top:var(--s-space-8)}}.modal--padded .modal__content{padding-top:var(--s-space-24);padding-right:var(--s-space-16);padding-bottom:var(--s-space-24);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal--padded .modal__content{padding-top:0;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:var(--s-space-24)}}@media (min-width: 768px){.modal--scrollable .modal__content{padding-bottom:0}}.modal--scrollable:not(.modal--scrolled-down).modal--has-custom-footer .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--scrollable:not(.modal--scrolled-down):not(.modal--has-custom-footer) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-custom-header .modal__custom-header{display:block}.modal--has-custom-header .modal__content{padding-top:var(--s-space-16)}.modal--has-custom-footer .modal__custom-footer{padding:var(--swirl-modal-footer-padding-small)}@media (min-width: 768px){.modal--has-custom-footer .modal__custom-footer{padding:var(--swirl-modal-footer-padding-large)}}.modal--has-header-tools .modal__header{border-bottom-color:transparent}.modal--has-header-tools .modal__header-tools{display:block}.modal--has-secondary-content .modal__body{max-width:64rem}.modal--has-secondary-content:not(.modal--has-header-tools):not(.modal--hide-secondary-content-borders) .modal__header{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-header-tools:not(.modal--hide-secondary-content-borders) .modal__header-tools{border-bottom-color:var(--s-border-default)}.modal--has-secondary-content.modal--has-custom-footer:not(.modal--hide-secondary-content-borders) .modal__custom-footer{border-top:var(--s-border-width-default) solid var(--s-border-default)}.modal--has-secondary-content:not(.modal--has-custom-footer):not(.modal--hide-secondary-content-borders) .modal__controls{border-top:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 992px){.modal--has-secondary-content .modal__header-tools,.modal--has-secondary-content .modal__content{padding-right:0}}.modal--has-secondary-content .modal__primary-content{overflow:visible;max-height:60%;flex-basis:auto}@media (min-width: 992px){.modal--has-secondary-content .modal__primary-content{max-width:calc(100% - 24rem);max-height:none;flex-basis:calc(100% - 24rem)}}.modal--has-secondary-content .modal__secondary-content{display:block}@media (min-width: 768px){.modal--scrolled:not(.modal--has-header-tools) .modal__header{border-bottom-color:var(--s-border-default)}.modal--scrolled.modal--has-header-tools .modal__header-tools{border-bottom-color:var(--s-border-default)}}.modal__backdrop{position:fixed;background-color:rgba(0, 0, 0, 0.2);inset:0}.modal__body{--swirl-card-background-default:var(--s-surface-overlay-default);--swirl-card-background-hovered:var(--s-surface-overlay-hovered);--swirl-card-background-pressed:var(--s-surface-overlay-pressed);--swirl-accordion-item-toggle-default:var(--s-surface-overlay-default);--swirl-accordion-item-toggle-hovered:var(--s-surface-overlay-hovered);--swirl-accordion-item-toggle-pressed:var(--s-surface-overlay-pressed);position:relative;z-index:var(--s-z-40);display:flex;overflow:hidden;width:100vw;height:var(--swirl-modal-view-height);background-color:var(--s-surface-overlay-default);flex-direction:column}@media (min-width: 768px){.modal__body{width:90vw;max-width:var(--swirl-modal-max-width);max-height:var(--swirl-modal-max-height);border-radius:var(--s-border-radius-base);box-shadow:var(--s-shadow-level-3)}}@media (min-width: 992px){.modal__body{height:var(--swirl-modal-height)}}.modal__header{border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header{border-bottom:var(--s-border-width-default) solid transparent}}.modal__header-bar{display:flex;height:3.5rem;padding-top:var(--s-space-8);padding-right:var(--s-space-16);padding-bottom:var(--s-space-8);padding-left:var(--s-space-16);flex-shrink:0;align-items:center;gap:var(--s-space-8)}@media (min-width: 768px){.modal__header-bar{height:3.75rem;padding-top:var(--s-space-12);padding-right:var(--s-space-24);padding-bottom:var(--s-space-12);padding-left:var(--s-space-24);flex-direction:row-reverse;gap:var(--s-space-16)}}.modal__header-tools{display:none;padding-right:var(--s-space-16);padding-left:var(--s-space-16);border-bottom:var(--s-border-width-default) solid var(--s-border-default)}@media (min-width: 768px){.modal__header-tools{padding-right:var(--s-space-24);padding-left:var(--s-space-24);border-bottom-color:transparent}}.modal__custom-header{display:none;flex-shrink:0;border-bottom:var(--s-border-width-default) solid var(--s-border-default)}.modal__heading{overflow:hidden}.modal__heading .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal__content-container{display:flex;overflow:hidden;flex-grow:1;flex-direction:column;gap:var(--s-space-24)}@media (min-width: 992px){.modal__content-container{flex-direction:row}}.modal__primary-content{display:flex;overflow:hidden;flex-basis:100%;flex-direction:column}.modal__content{overflow-x:hidden;overflow-y:auto;height:100%}.modal__content ::slotted(*){margin:0}.modal__secondary-content{display:none;overflow:visible;overflow-x:hidden;overflow-y:auto;max-width:none;max-height:40%;padding-right:var(--s-space-16);padding-left:var(--s-space-16)}@media (min-width: 768px){.modal__secondary-content{padding-left:var(--s-space-24)}}@media (min-width: 992px){.modal__secondary-content{overflow-x:hidden;overflow-y:auto;max-width:24rem;max-height:none;padding-right:var(--s-space-24);padding-bottom:var(--s-space-16);padding-left:0;flex-basis:50%}}.modal__custom-footer{flex-shrink:0}.modal__controls{display:flex;padding:var(--swirl-modal-footer-padding-small);flex-shrink:0;justify-content:flex-end}@media (min-width: 768px){.modal__controls{padding:var(--swirl-modal-footer-padding-large)}}@keyframes modal-scale-in{from{transform:scale(0)}to{transform:scale(1)}}@keyframes modal-backdrop-fade-in{from{opacity:0}to{opacity:1}}@keyframes modal-fade-out{from{opacity:1}to{opacity:0}}@keyframes modal-drawer-slide-in{from{transform:translate3d(100%, 0, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes modal-drawer-slide-out{from{transform:translate3d(0, 0, 0)}to{transform:translate3d(100%, 0, 0)}}';export{n as swirl_modal}

package/dist/swirl-components/p-90470a38.entry.js

@@ -1 +0,0 @@
-import{r as s,c as i,h as t,H as e,g as c}from"./p-30e99c25.js";import{c as r}from"./p-a5dce9e6.js";const h=class{constructor(t){s(this,t),this.valueChange=i(this,"valueChange",7),this.onChange=()=>{this.checked=!this.checked,this.valueChange.emit(this.checked)},this.checked=!1,this.disabled=!1,this.hideLabel=void 0,this.inputId=void 0,this.inputName=void 0,this.label=void 0,this.labelPosition="end",this.value=void 0}async toggle(){this.inputEl.dispatchEvent(new Event("change"))}render(){const s=this.checked,i=s?"true":"false",c=r("switch",`switch--label-position-${this.labelPosition}`,{"switch--off":!this.checked,"switch--on":s,"switch--disabled":this.disabled});return t(e,{key:"a4eaf0565ce872de62f9d9a785c0510674c91a24"},t("label",{key:"2052bc406430e24c12133dcdcfbba5975c631af9",class:c,htmlFor:this.inputId},t("span",{key:"9d67d3eb89aed710955ec023b0099d66b0c4a7a7",class:"switch__control"},t("swirl-visually-hidden",{key:"45e3bc52f9b1977035dc1dbb2b2841bc7af15bce"},t("input",{key:"b152d854e7829789e01bc4fd9b7109bed49c3e24","aria-checked":i,checked:s,class:"switch__input",disabled:this.disabled,id:this.inputId,name:this.inputName,onChange:this.onChange,ref:s=>this.inputEl=s,role:"switch",type:"checkbox",value:this.value})),t("span",{key:"238458c57279552bf458ae86262c9fefbb4d6f5c","aria-hidden":"true",class:"switch__thumb"})),this.label&&!this.hideLabel&&t("span",{key:"c92eaa3dea4f7ef98e124efdb39dcb0356e7e1cb",class:"switch__label"},this.label),this.label&&this.hideLabel&&t("swirl-visually-hidden",{key:"d0d12573a1141b268ed9ed70a3d0acfe1ba465b6"},this.label)))}get el(){return c(this)}};h.style=".sc-swirl-switch-h{display:inline-flex}.sc-swirl-switch-h *.sc-swirl-switch{box-sizing:border-box}.switch.sc-swirl-switch{display:inline-flex;align-items:center;touch-action:none}.switch.sc-swirl-switch:focus-within .switch__control.sc-swirl-switch{box-shadow:0 0 0 0.0625rem var(--s-background-default),\n      0 0 0 0.1875rem var(--s-focus-default)}.switch--label-position-start.sc-swirl-switch{flex-direction:row-reverse}.switch--label-position-start.sc-swirl-switch .switch__label.sc-swirl-switch{margin-right:var(--s-space-12);margin-left:0}.switch--on.sc-swirl-switch .switch__thumb.sc-swirl-switch{left:calc(100% - 1.25rem - var(--s-space-2))}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.switch--on.sc-swirl-switch .switch__thumb.sc-swirl-switch{left:calc(100% - 0.875rem - var(--s-space-2))}}.switch--on.sc-swirl-switch .switch__control.sc-swirl-switch{background-color:var(--s-interactive-primary-default)}.switch--disabled.sc-swirl-switch .switch__control.sc-swirl-switch{background-color:var(--s-interactive-primary-disabled);cursor:default}.switch--disabled.sc-swirl-switch .switch__thumb.sc-swirl-switch{background-color:var(--s-interactive-neutral-default)}.switch--disabled.sc-swirl-switch .switch__label.sc-swirl-switch{color:var(--s-text-disabled)}.switch__control.sc-swirl-switch{position:relative;width:2.75rem;height:1.5rem;flex-shrink:0;border-radius:calc(1.5rem / 2);background-color:var(--s-interactive-primary-disabled);cursor:pointer;transition:background-color 0.2s}@media (prefers-reduced-motion){.switch__control.sc-swirl-switch{transition:none}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.switch__control.sc-swirl-switch{width:1.875rem;height:1.125rem;border-radius:calc(1.125rem / 2)}}.switch__thumb.sc-swirl-switch{position:absolute;top:var(--s-space-2);left:var(--s-space-2);width:1.25rem;height:1.25rem;border-radius:50%;background-color:var(--s-surface-default);transition:left 0.2s;pointer-events:none}@media (prefers-reduced-motion){.switch__thumb.sc-swirl-switch{transition:none}}@media (min-width: 992px) and (max-width: 1439px) and (hover: hover),(min-width: 1440px){.switch__thumb.sc-swirl-switch{width:0.875rem;height:0.875rem}}.switch__label.sc-swirl-switch{position:relative;z-index:1;margin-left:var(--s-space-12);font-size:var(--s-font-size-sm);font-weight:var(--s-font-weight-medium);line-height:var(--s-line-height-base);white-space:nowrap}";export{h as swirl_switch}