@stihl-design-system/components 1.0.0-RC.6 → 1.0.0-RC.8
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/Notification-additional-information.jpeg +0 -0
- package/Notification-confirm-error.jpg +0 -0
- package/Notification-confirm-warn.jpeg +0 -0
- package/Notification-overview.jpeg +0 -0
- package/Notification-success.jpeg +0 -0
- package/{arialiveregions.BvZhV6hb.js → arialiveregions.BK4T7Vhk.js} +1 -1
- package/assets/Dialog.DdLMmOLt.css +1 -0
- package/assets/Drawer.BqBgbSuP.css +1 -0
- package/assets/Toast.ChT0hchk.css +1 -0
- package/assets/button.3UhhGy87.css +1 -0
- package/assets/buttonround.DXDlPKwD.css +1 -0
- package/assets/link.BJHmVrew.css +1 -0
- package/assets/logo.pETQEsvZ.css +1 -0
- package/button.DPrDynn_.js +135 -0
- package/buttonround.ix_-O4l1.js +118 -0
- package/{checkbox.DNHdo6_n.js → checkbox.hoVQ37RP.js} +31 -32
- package/{checkboxgroup.DqWlzAeR.js → checkboxgroup.C9VX3c5W.js} +1 -1
- package/chunks/AriaLiveRegions.utils.D2ni4Yrf.js +34 -0
- package/chunks/{CheckboxGroup.DsQ6lI5a.js → CheckboxGroup.kG1WWhe_.js} +1 -1
- package/chunks/{CustomReactSelect.5dHi6PEO.js → CustomReactSelect.BVv0Zcvc.js} +4 -6
- package/chunks/Dialog.o7bcfCBf.js +148 -0
- package/chunks/Drawer.VbG4cfgJ.js +154 -0
- package/chunks/{Input.utils.AKWCNkpA.js → Input.utils.BGUhXCNP.js} +14 -13
- package/chunks/{InputPassword.a7zHKrmM.js → InputPassword.TlusvIds.js} +1 -1
- package/chunks/{InputSearch.DITRiB92.js → InputSearch.BbCdCCax.js} +1 -1
- package/chunks/{InputStepper.BkncCNwJ.js → InputStepper.DR3NR_II.js} +2 -2
- package/chunks/{Notification.DVVuSOqG.js → Notification.B6a6FOlS.js} +4 -4
- package/chunks/Toast.BpyBIPFW.js +89 -0
- package/chunks/has-document.r9i9TxKV.js +5 -0
- package/{combobox.CRlhqmuO.js → combobox.Dgp3kvFR.js} +1 -1
- package/components/Button/Button.d.ts +1 -1
- package/components/Checkbox/Checkbox.d.ts +1 -1
- package/components/CustomReactSelect/CustomReactSelect.d.ts +2 -2
- package/components/Dialog/Dialog.d.ts +22 -3
- package/components/Dialog/Dialog.test.d.ts +1 -0
- package/components/Dialog/Dialog.utils.d.ts +12 -0
- package/components/Dialog/Dialog.utils.test.d.ts +1 -0
- package/components/Drawer/Drawer.d.ts +31 -0
- package/components/Drawer/Drawer.test.d.ts +1 -0
- package/components/Drawer/Drawer.utils.d.ts +14 -0
- package/components/Drawer/Drawer.utils.test.d.ts +1 -0
- package/components/Input/Input.d.ts +1 -1
- package/components/InputSearch/InputSearch.d.ts +1 -1
- package/components/LinkStandalone/LinkStandalone.d.ts +1 -1
- package/components/Notification/Notification.d.ts +3 -1
- package/components/Radio/Radio.d.ts +1 -1
- package/components/RadioGroup/RadioGroup.d.ts +1 -1
- package/components/SkipToContent/SkipToContent.d.ts +1 -1
- package/components/Switch/Switch.d.ts +1 -1
- package/components/Toast/Toast.d.ts +3 -0
- package/components/Toast/ToastManager.d.ts +7 -3
- package/{customreactselect.CD58gwtp.js → customreactselect.BxkJi_UE.js} +1 -1
- package/dialog.CVFl9IVY.js +9 -0
- package/drawer.BheN3lap.js +9 -0
- package/drawer.d.ts +1 -0
- package/index.d.ts +5 -0
- package/index.es.js +96 -86
- package/{input.ChVISFEX.js → input.CfO9lL_o.js} +2 -2
- package/{inputpassword.Ba9SUUIK.js → inputpassword.CvnUeLTq.js} +2 -2
- package/{inputsearch.BK-0OTwA.js → inputsearch.ClX9PlYG.js} +2 -2
- package/{inputstepper.CTpTeXL9.js → inputstepper.Dd76qaQT.js} +3 -3
- package/link.CIY7SOpm.js +115 -0
- package/{logo.BR_CUXFl.js → logo.CqukakYv.js} +32 -36
- package/{notification.Csn5QCR2.js → notification.BGRev3jC.js} +2 -2
- package/package.json +3 -3
- package/{skiptocontent._YZRKxnc.js → skiptocontent.ALhHiH8t.js} +15 -13
- package/{toast.r_yhGYEe.js → toast.CtgjrtBC.js} +2 -2
- package/toastmanager.6mUZ8eCN.js +119 -0
- package/utils/render-in-iframe.d.ts +15 -0
- package/utils/vitest.setup.d.ts +2 -0
- package/assets/Toast.BzVaebc0.css +0 -1
- package/assets/button.BdxtFZKx.css +0 -1
- package/assets/buttonround.pR4StXA7.css +0 -1
- package/assets/dialog.CKwM2EBH.css +0 -1
- package/assets/link.D61tKkSK.css +0 -1
- package/assets/logo.C05WqGId.css +0 -1
- package/button.L1lgCuM9.js +0 -135
- package/buttonround.ddSqXjYf.js +0 -118
- package/chunks/AriaLiveRegions.utils.DzWI5KCU.js +0 -31
- package/chunks/Toast.RON4bFPY.js +0 -89
- package/dialog.0qPUVJha.js +0 -45
- package/link.SAcKvzJ3.js +0 -115
- package/toastmanager.D-uIi-TS.js +0 -96
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { j as s } from "./chunks/jsx-runtime.C115EyI4.js";
|
|
3
|
-
import { v as r, A as n, a } from "./chunks/AriaLiveRegions.utils.
|
|
3
|
+
import { v as r, A as n, a } from "./chunks/AriaLiveRegions.utils.D2ni4Yrf.js";
|
|
4
4
|
import './assets/arialiveregions.GsGx2USO.css';const l = "_sr-only_echuy_76", e = {
|
|
5
5
|
"sr-only": "_sr-only_echuy_76",
|
|
6
6
|
srOnly: l
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
body:has(dialog[open]){overflow:hidden}._dialog_qvh8h_80{background-color:#fff;border:none;overflow:hidden;padding:0;max-width:min(100vw - 32px,938px);max-height:calc(100vh - 32px);min-width:288px;opacity:0;transform:translateY(-100%);transition:display var(--ds-animation-duration, .4s) allow-discrete,overlay var(--ds-animation-duration, .4s) allow-discrete,opacity var(--ds-animation-duration, .4s) cubic-bezier(.5,0,1,1),transform var(--ds-animation-duration, .4s) cubic-bezier(.5,0,1,1)}@media (prefers-reduced-motion: reduce){._dialog_qvh8h_80{transition-duration:0ms}}@media (min-width: 768px){._dialog_qvh8h_80{max-width:min(100vw - 80px,938px);max-height:calc(100vh - 80px)}}@media screen and (forced-colors: active){._dialog_qvh8h_80{border:1px solid transparent}}._dialog_qvh8h_80[open]{opacity:1;transform:translateY(0);transition:display var(--ds-animation-duration, .4s) allow-discrete,overlay var(--ds-animation-duration, .4s) allow-discrete,opacity var(--ds-animation-duration, .4s) cubic-bezier(0,0,.5,1),transform var(--ds-animation-duration, .4s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){._dialog_qvh8h_80[open]{transition-duration:0ms}}@starting-style{._dialog_qvh8h_80[open]{opacity:0;transform:translateY(-100%)}}._dialog_qvh8h_80[open]::backdrop{opacity:1;transition:display var(--ds-animation-duration, .4s) allow-discrete,overlay var(--ds-animation-duration, .4s) allow-discrete,opacity var(--ds-animation-duration, .4s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){._dialog_qvh8h_80[open]::backdrop{transition-duration:0ms}}@starting-style{._dialog_qvh8h_80[open]::backdrop{opacity:0}}._dialog_qvh8h_80::backdrop{background-color:#00000080;position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;transition:display var(--ds-animation-duration, .4s) allow-discrete,overlay var(--ds-animation-duration, .4s) allow-discrete,opacity var(--ds-animation-duration, .4s) cubic-bezier(.5,0,1,1)}@media (prefers-reduced-motion: reduce){._dialog_qvh8h_80::backdrop{transition-duration:0ms}}._content-wrapper_qvh8h_151{display:flex;flex-direction:column;overflow:hidden;max-height:calc(100vh - 32px)}._content-wrapper--no-footer_qvh8h_157{padding-block-end:16px}@media (min-width: 768px){._content-wrapper_qvh8h_151{max-height:calc(100vh - 80px)}}._content-wrapper_qvh8h_151 ._close-button_qvh8h_165{position:absolute;top:16px;right:16px;z-index:2}@media (min-width: 768px){._content-wrapper_qvh8h_151 ._close-button_qvh8h_165{top:24px;right:24px}}._header_qvh8h_178,._content_qvh8h_151,._footer_qvh8h_180{padding-block-start:16px;padding-block-end:16px;padding-inline-start:16px;padding-inline-end:16px}@media (min-width: 768px){._header_qvh8h_178,._content_qvh8h_151,._footer_qvh8h_180{padding-block-start:24px;padding-block-end:24px;padding-inline-start:24px;padding-inline-end:24px}}._header_qvh8h_178{min-height:64px;flex-shrink:0}._header--scrollable_qvh8h_201{border-bottom:1px solid #B1B1B1;padding-block-end:15px}@media (min-width: 768px){._header--scrollable_qvh8h_201{padding-block-end:23px}}._header--close-button_qvh8h_210{padding-inline-end:64px}@media (min-width: 768px){._header--close-button_qvh8h_210{padding-inline-end:72px}}._content_qvh8h_151{position:relative;overflow-y:auto}._content--no-footer_qvh8h_223{padding-block-end:0}._footer_qvh8h_180{max-height:208px}._footer--scrollable_qvh8h_230{border-top:1px solid #B1B1B1;padding-block-start:15px}@media (min-width: 768px){._footer--scrollable_qvh8h_230{padding-block-start:23px}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--ds-drawer-transform-x-position-closed: -100%;--ds-drawer-transform-x-position-open: 0}body:has(dialog[open]){overflow:hidden}._drawer_h62s5_85{background-color:#fff;border:none;top:0;right:0;bottom:0;left:0;margin:0;overflow:hidden;padding:0;position:fixed;max-width:min(100vw - 32px,1730px);max-height:100vh;block-size:100vh;min-width:288px;transform:translate(var(--ds-drawer-transform-x-position-closed));transition:display var(--ds-animation-duration, .4s) allow-discrete,overlay var(--ds-animation-duration, .4s) allow-discrete,transform var(--ds-animation-duration, .4s) cubic-bezier(.5,0,1,1)}@media (prefers-reduced-motion: reduce){._drawer_h62s5_85{transition-duration:0ms}}@media (min-width: 768px){._drawer_h62s5_85{max-width:min(100vw - 80px,1730px)}}@media screen and (forced-colors: active){._drawer_h62s5_85{border:1px solid transparent}}._drawer_h62s5_85[open]{transform:translate(var(--ds-drawer-transform-x-position-open));transition:display var(--ds-animation-duration, .4s) allow-discrete,overlay var(--ds-animation-duration, .4s) allow-discrete,transform var(--ds-animation-duration, .4s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){._drawer_h62s5_85[open]{transition-duration:0ms}}@starting-style{._drawer_h62s5_85[open]{transform:translate(var(--ds-drawer-transform-x-position-closed))}}._drawer_h62s5_85[open]::backdrop{opacity:1;transition:display var(--ds-animation-duration, .4s) allow-discrete,overlay var(--ds-animation-duration, .4s) allow-discrete,opacity var(--ds-animation-duration, .4s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){._drawer_h62s5_85[open]::backdrop{transition-duration:0ms}}@starting-style{._drawer_h62s5_85[open]::backdrop{opacity:0}}._drawer--end_h62s5_143{inset-inline-start:unset;--ds-drawer-transform-x-position-closed: 200%;--ds-drawer-transform-x-position-open: 0}._drawer_h62s5_85::backdrop{background-color:#00000080;position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;transition:display var(--ds-animation-duration, .4s) allow-discrete,overlay var(--ds-animation-duration, .4s) allow-discrete,opacity var(--ds-animation-duration, .4s) cubic-bezier(.5,0,1,1)}@media (prefers-reduced-motion: reduce){._drawer_h62s5_85::backdrop{transition-duration:0ms}}._content-wrapper_h62s5_161{display:flex;flex-direction:column;overflow:hidden;max-height:100vh}._content-wrapper--no-footer_h62s5_167{padding-block-end:16px}._content-wrapper_h62s5_161 ._close-button_h62s5_170{position:absolute;top:16px;right:16px;z-index:2}@media (min-width: 768px){._content-wrapper_h62s5_161 ._close-button_h62s5_170{top:24px;right:24px}}._header_h62s5_183,._content_h62s5_161,._footer_h62s5_185{padding-block-start:16px;padding-block-end:16px;padding-inline-start:16px;padding-inline-end:16px}@media (min-width: 768px){._header_h62s5_183,._content_h62s5_161,._footer_h62s5_185{padding-block-start:24px;padding-block-end:24px;padding-inline-start:24px;padding-inline-end:24px}}._header_h62s5_183{min-height:64px;flex-shrink:0}._header--scrollable_h62s5_206{border-bottom:1px solid #B1B1B1;padding-block-end:15px}@media (min-width: 768px){._header--scrollable_h62s5_206{padding-block-end:23px}}._header--close-button_h62s5_215{padding-inline-end:64px}@media (min-width: 768px){._header--close-button_h62s5_215{padding-inline-end:72px}}._content_h62s5_161{position:relative;overflow-y:auto;height:100vh}._content--no-footer_h62s5_229{padding-block-end:0}._footer_h62s5_185{max-height:208px}._footer--scrollable_h62s5_236{border-top:1px solid #B1B1B1;padding-block-start:15px}@media (min-width: 768px){._footer--scrollable_h62s5_236{padding-block-start:23px}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--ds-toast-offset-bottom: 64px}._root_cdscl_80{box-shadow:0 2px 12px #00000014,0 1px 2px #00000029;min-width:288px;max-width:min(100vw - 32px,400px)}@media (min-width: 768px){._root_cdscl_80{max-width:400px}}._root--closing_cdscl_94{animation:_fade-out_cdscl_1 var(--ds-animation-duration, .4s) cubic-bezier(0,0,.5,1) forwards}._root_cdscl_80[popover]{position:fixed;inset:unset;left:50%;transform:translate(-50%);border-width:0;border-left:4px solid;padding-block-start:12px;padding-block-end:12px;padding-inline-start:12px;padding-inline-end:16px;width:100%;bottom:var(--ds-toast-offset-bottom)}@media screen and (forced-colors: active){._root_cdscl_80[popover]{border-top:1px solid transparent;border-right:1px solid transparent;border-bottom:1px solid transparent;padding-inline-end:15px;padding-block-start:11px;padding-block-end:11px}}:where(._root_cdscl_80:popover-open){position:fixed;inset:unset;left:50%;transform:translate(-50%);bottom:var(--ds-toast-offset-bottom);animation:_move-in_cdscl_1 var(--ds-animation-duration, .4s) cubic-bezier(.5,0,1,1)}._root--success_cdscl_129[popover]{background-color:#e5f0db;border-color:#749f4a}._root--info_cdscl_133[popover]{background-color:#ededed;border-color:#666}._root--warning_cdscl_137[popover]{background-color:#fdecc3;border-color:#fdc543}._content_cdscl_142{display:grid;grid-template-columns:auto minmax(auto,1fr) auto;gap:16px;place-items:start;min-height:32px}._content--hide-icon_cdscl_149{grid-template-columns:minmax(auto,1fr) auto}._icon_cdscl_153{margin-block-start:8px}._message_cdscl_157{font-family:STIHL Contraface Digital Text Regular,Arial Narrow,Arial,Heiti SC,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.5;margin-block-start:4px;margin-block-end:0}@keyframes _move-in_cdscl_1{0%{bottom:0;opacity:0;transform:translate(-50%) translateY(100%)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes _fade-out_cdscl_1{0%{opacity:1;display:block}to{opacity:0;display:none}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._root_1uqio_151:focus{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root_1uqio_151:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root_1uqio_151:focus{outline:revert;outline-offset:revert}._root_1uqio_151:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root_1uqio_151:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._root_1uqio_151{font-family:STIHL Contraface Digital Text Bold,Arial Narrow,Arial,Heiti SC,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;font-weight:400;font-size:1rem;line-height:1.25;padding-block-start:11px;padding-block-end:11px;padding-inline-start:23px;padding-inline-end:23px;display:inline-flex;justify-content:center;align-items:center;border-width:1px;border-style:solid;border-color:transparent;min-height:3rem;min-width:3rem;gap:8px;transform:translateZ(0);overflow-wrap:break-word;text-align:left;text-decoration:none;background-color:transparent;cursor:pointer}._root_1uqio_151{transition:background-color var(--ds-animation-duration, .1s) linear,border-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){._root_1uqio_151{transition-duration:0ms}}._root--highlight_1uqio_218,._root--dark-highlight_1uqio_218{background-color:#f37a1f;color:#252525}@media (hover: hover){._root--highlight_1uqio_218:hover,._root--dark-highlight_1uqio_218:hover{background-color:#e9640c}}._root--highlight_1uqio_218[aria-disabled=true],._root--dark-highlight_1uqio_218[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#00000080;background-color:#dadada}._root--highlight_1uqio_218[aria-disabled=true] svg,._root--dark-highlight_1uqio_218[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--highlight_1uqio_218[aria-disabled=true],._root--dark-highlight_1uqio_218[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--highlight_1uqio_218[aria-disabled=true]:before,._root--dark-highlight_1uqio_218[aria-disabled=true]:before{background-color:transparent}._root--dark-highlight_1uqio_218:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-highlight_1uqio_218:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-highlight_1uqio_218:focus{outline:revert;outline-offset:revert}._root--dark-highlight_1uqio_218:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-highlight_1uqio_218:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._root--dark-highlight_1uqio_218[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#ffffff80;color:#00000080;background-color:#dadada}._root--dark-highlight_1uqio_218[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-highlight_1uqio_218[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-highlight_1uqio_218[aria-disabled=true]:before{background-color:transparent}._root--filled_1uqio_296{background-color:#252525;color:#fff}@media (hover: hover){._root--filled_1uqio_296:hover{background-color:#444}}._root--filled_1uqio_296[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#00000080;background-color:#dadada}._root--filled_1uqio_296[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--filled_1uqio_296[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--filled_1uqio_296[aria-disabled=true]:before{background-color:transparent}._root--outline_1uqio_324{border-color:#252525;color:#252525}@media (hover: hover){._root--outline_1uqio_324:hover{background-color:#0000001a}}._root--outline_1uqio_324[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;border-color:currentColor}._root--outline_1uqio_324[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--outline_1uqio_324[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--outline_1uqio_324[aria-disabled=true]:before{background-color:transparent}._root--ghost_1uqio_351{color:#252525}@media (hover: hover){._root--ghost_1uqio_351:hover{background-color:#0000001a}}._root--ghost_1uqio_351[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed}._root--ghost_1uqio_351[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--ghost_1uqio_351[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--ghost_1uqio_351[aria-disabled=true]:before{background-color:transparent}._root--ghost-flush_1uqio_376{color:#252525;padding-inline-start:0;padding-inline-end:0;min-width:0px}._root--ghost-flush_1uqio_376._root--small_1uqio_382{padding-inline-start:0;padding-inline-end:0;min-width:0px}._root--ghost-flush_1uqio_376:before{content:"";position:absolute;top:-1px;right:-12px;bottom:-1px;left:-12px}._root--ghost-flush_1uqio_376:before{transition:background-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){._root--ghost-flush_1uqio_376:before{transition-duration:0ms}}._root--ghost-flush_1uqio_376:focus,._root--ghost-flush_1uqio_376:focus-visible{outline:none}._root--ghost-flush_1uqio_376:focus:before{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root--ghost-flush_1uqio_376:focus:before{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--ghost-flush_1uqio_376:focus:before{outline:revert;outline-offset:revert}._root--ghost-flush_1uqio_376:focus-visible:before{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root--ghost-flush_1uqio_376:focus-visible:before{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--ghost-flush_1uqio_376:hover:before{background-color:#0000001a}}._root--ghost-flush_1uqio_376[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed}._root--ghost-flush_1uqio_376[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--ghost-flush_1uqio_376[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--ghost-flush_1uqio_376[aria-disabled=true]:before{background-color:transparent}._root--dark-filled_1uqio_459{background-color:#f8f8f8;color:#252525}._root--dark-filled_1uqio_459:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-filled_1uqio_459:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-filled_1uqio_459:focus{outline:revert;outline-offset:revert}._root--dark-filled_1uqio_459:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-filled_1uqio_459:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-filled_1uqio_459:hover{background-color:#dadada}}._root--dark-filled_1uqio_459[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#ffffff80;color:#00000080;background-color:#dadada}._root--dark-filled_1uqio_459[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-filled_1uqio_459[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-filled_1uqio_459[aria-disabled=true]:before{background-color:transparent}._root--dark-outline_1uqio_518{border-color:#f8f8f8;color:#fff}._root--dark-outline_1uqio_518:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-outline_1uqio_518:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-outline_1uqio_518:focus{outline:revert;outline-offset:revert}._root--dark-outline_1uqio_518:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-outline_1uqio_518:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-outline_1uqio_518:hover{background-color:#ffffff26}}._root--dark-outline_1uqio_518[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80;border-color:currentColor}._root--dark-outline_1uqio_518[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-outline_1uqio_518[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-outline_1uqio_518[aria-disabled=true]:before{background-color:transparent}._root--dark-ghost_1uqio_576{color:#fff}._root--dark-ghost_1uqio_576:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost_1uqio_576:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-ghost_1uqio_576:focus{outline:revert;outline-offset:revert}._root--dark-ghost_1uqio_576:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost_1uqio_576:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-ghost_1uqio_576:hover{background-color:#ffffff26}}._root--dark-ghost_1uqio_576[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80}._root--dark-ghost_1uqio_576[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-ghost_1uqio_576[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-ghost_1uqio_576[aria-disabled=true]:before{background-color:transparent}._root--dark-ghost-flush_1uqio_632{color:#fff}._root--dark-ghost-flush_1uqio_632:focus,._root--dark-ghost-flush_1uqio_632:focus-visible{outline:none}._root--dark-ghost-flush_1uqio_632:focus:before{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost-flush_1uqio_632:focus:before{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-ghost-flush_1uqio_632:focus:before{outline:revert;outline-offset:revert}._root--dark-ghost-flush_1uqio_632:focus-visible:before{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost-flush_1uqio_632:focus-visible:before{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-ghost-flush_1uqio_632:hover:before{background-color:#ffffff26}}._root--dark-ghost-flush_1uqio_632[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80}._root--dark-ghost-flush_1uqio_632[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-ghost-flush_1uqio_632[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-ghost-flush_1uqio_632[aria-disabled=true]:before{background-color:transparent}._root--icon-left_1uqio_691{flex-direction:row-reverse}._root--small_1uqio_382{min-height:2rem;min-width:2rem;padding-block-start:5px;padding-block-end:5px;padding-inline-start:15px;padding-inline-end:15px}._root--small_1uqio_382._root--ghost-flush_1uqio_376:before{right:-8px;left:-8px}._root--icon-only_1uqio_707{width:3rem;height:3rem}._root--icon-only_1uqio_707._root--ghost-flush_1uqio_376{width:1rem;height:1rem}._root--icon-only-small_1uqio_716{width:2rem;height:2rem;min-width:2rem;min-height:2rem}._root--icon-only-small_1uqio_716._root--ghost-flush_1uqio_376{width:1rem;height:1rem}._root_1uqio_151{position:relative}._loader_1uqio_731{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1rem;height:1rem}._loader_1uqio_731 svg{fill:currentColor}._icon--hidden_1uqio_743{opacity:0}._label--hidden_1uqio_747{border:0;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;text-indent:-999999px;white-space:nowrap}._label--loading_1uqio_759{opacity:0}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._root_164nj_151:focus{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root_164nj_151:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root_164nj_151:focus{outline:revert;outline-offset:revert}._root_164nj_151:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root_164nj_151:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._root_164nj_151{font-family:STIHL Contraface Digital Text Bold,Arial Narrow,Arial,Heiti SC,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;font-weight:400;font-size:1rem;line-height:1.25;padding-block-start:11px;padding-block-end:11px;padding-inline-start:23px;padding-inline-end:23px;display:inline-flex;justify-content:center;align-items:center;border-width:1px;border-style:solid;border-color:transparent;min-height:3rem;min-width:3rem;gap:8px;transform:translateZ(0);overflow-wrap:break-word;text-align:left;text-decoration:none;background-color:transparent;cursor:pointer}._root_164nj_151{transition:background-color var(--ds-animation-duration, .1s) linear,border-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){._root_164nj_151{transition-duration:0ms}}._root--highlight_164nj_218,._root--dark-highlight_164nj_218{background-color:#f37a1f;color:#252525}@media (hover: hover){._root--highlight_164nj_218:hover,._root--dark-highlight_164nj_218:hover{background-color:#e9640c}}._root--highlight_164nj_218[aria-disabled=true],._root--dark-highlight_164nj_218[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#00000080;background-color:#dadada}._root--highlight_164nj_218[aria-disabled=true] svg,._root--dark-highlight_164nj_218[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--highlight_164nj_218[aria-disabled=true],._root--dark-highlight_164nj_218[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--highlight_164nj_218[aria-disabled=true]:before,._root--dark-highlight_164nj_218[aria-disabled=true]:before{background-color:transparent}._root--dark-highlight_164nj_218:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-highlight_164nj_218:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-highlight_164nj_218:focus{outline:revert;outline-offset:revert}._root--dark-highlight_164nj_218:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-highlight_164nj_218:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._root--dark-highlight_164nj_218[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#ffffff80;color:#00000080;background-color:#dadada}._root--dark-highlight_164nj_218[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-highlight_164nj_218[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-highlight_164nj_218[aria-disabled=true]:before{background-color:transparent}._root--filled_164nj_296{background-color:#252525;color:#fff}@media (hover: hover){._root--filled_164nj_296:hover{background-color:#444}}._root--filled_164nj_296[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#00000080;background-color:#dadada}._root--filled_164nj_296[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--filled_164nj_296[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--filled_164nj_296[aria-disabled=true]:before{background-color:transparent}._root--outline_164nj_324{border-color:#252525;color:#252525}@media (hover: hover){._root--outline_164nj_324:hover{background-color:#0000001a}}._root--outline_164nj_324[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;border-color:currentColor}._root--outline_164nj_324[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--outline_164nj_324[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--outline_164nj_324[aria-disabled=true]:before{background-color:transparent}._root--ghost_164nj_351{color:#252525}@media (hover: hover){._root--ghost_164nj_351:hover{background-color:#0000001a}}._root--ghost_164nj_351[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed}._root--ghost_164nj_351[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--ghost_164nj_351[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--ghost_164nj_351[aria-disabled=true]:before{background-color:transparent}._root--ghost-flush_164nj_376{color:#252525;padding-inline-start:0;padding-inline-end:0;min-width:0px}._root--ghost-flush_164nj_376._root--small_164nj_382{padding-inline-start:0;padding-inline-end:0;min-width:0px}._root--ghost-flush_164nj_376:before{content:"";position:absolute;top:-1px;right:-12px;bottom:-1px;left:-12px}._root--ghost-flush_164nj_376:before{transition:background-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){._root--ghost-flush_164nj_376:before{transition-duration:0ms}}._root--ghost-flush_164nj_376:focus,._root--ghost-flush_164nj_376:focus-visible{outline:none}._root--ghost-flush_164nj_376:focus:before{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root--ghost-flush_164nj_376:focus:before{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--ghost-flush_164nj_376:focus:before{outline:revert;outline-offset:revert}._root--ghost-flush_164nj_376:focus-visible:before{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root--ghost-flush_164nj_376:focus-visible:before{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--ghost-flush_164nj_376:hover:before{background-color:#0000001a}}._root--ghost-flush_164nj_376[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed}._root--ghost-flush_164nj_376[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--ghost-flush_164nj_376[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--ghost-flush_164nj_376[aria-disabled=true]:before{background-color:transparent}._root--dark-filled_164nj_459{background-color:#f8f8f8;color:#252525}._root--dark-filled_164nj_459:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-filled_164nj_459:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-filled_164nj_459:focus{outline:revert;outline-offset:revert}._root--dark-filled_164nj_459:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-filled_164nj_459:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-filled_164nj_459:hover{background-color:#dadada}}._root--dark-filled_164nj_459[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#ffffff80;color:#00000080;background-color:#dadada}._root--dark-filled_164nj_459[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-filled_164nj_459[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-filled_164nj_459[aria-disabled=true]:before{background-color:transparent}._root--dark-outline_164nj_518{border-color:#f8f8f8;color:#fff}._root--dark-outline_164nj_518:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-outline_164nj_518:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-outline_164nj_518:focus{outline:revert;outline-offset:revert}._root--dark-outline_164nj_518:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-outline_164nj_518:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-outline_164nj_518:hover{background-color:#ffffff26}}._root--dark-outline_164nj_518[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80;border-color:currentColor}._root--dark-outline_164nj_518[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-outline_164nj_518[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-outline_164nj_518[aria-disabled=true]:before{background-color:transparent}._root--dark-ghost_164nj_576{color:#fff}._root--dark-ghost_164nj_576:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost_164nj_576:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-ghost_164nj_576:focus{outline:revert;outline-offset:revert}._root--dark-ghost_164nj_576:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost_164nj_576:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-ghost_164nj_576:hover{background-color:#ffffff26}}._root--dark-ghost_164nj_576[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80}._root--dark-ghost_164nj_576[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-ghost_164nj_576[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-ghost_164nj_576[aria-disabled=true]:before{background-color:transparent}._root--dark-ghost-flush_164nj_632{color:#fff}._root--dark-ghost-flush_164nj_632:focus,._root--dark-ghost-flush_164nj_632:focus-visible{outline:none}._root--dark-ghost-flush_164nj_632:focus:before{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost-flush_164nj_632:focus:before{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-ghost-flush_164nj_632:focus:before{outline:revert;outline-offset:revert}._root--dark-ghost-flush_164nj_632:focus-visible:before{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost-flush_164nj_632:focus-visible:before{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-ghost-flush_164nj_632:hover:before{background-color:#ffffff26}}._root--dark-ghost-flush_164nj_632[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80}._root--dark-ghost-flush_164nj_632[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-ghost-flush_164nj_632[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-ghost-flush_164nj_632[aria-disabled=true]:before{background-color:transparent}._root--icon-left_164nj_691{flex-direction:row-reverse}._root--small_164nj_382{min-height:2rem;min-width:2rem;padding-block-start:5px;padding-block-end:5px;padding-inline-start:15px;padding-inline-end:15px}._root--small_164nj_382._root--ghost-flush_164nj_376:before{right:-8px;left:-8px}._root--icon-only_164nj_707{width:3rem;height:3rem}._root--icon-only_164nj_707._root--ghost-flush_164nj_376{width:1rem;height:1rem}._root--icon-only-small_164nj_716{width:2rem;height:2rem;min-width:2rem;min-height:2rem}._root--icon-only-small_164nj_716._root--ghost-flush_164nj_376{width:1rem;height:1rem}._root_164nj_151{position:relative;border-radius:50%;padding:0}._loader_164nj_733{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1rem;height:1rem}._loader_164nj_733 svg{fill:currentColor}._icon--hidden_164nj_745{opacity:0}._label--hidden_164nj_749{border:0;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;text-indent:-999999px;white-space:nowrap}._label--loading_164nj_761{opacity:0}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._root_zrvhl_151:focus{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root_zrvhl_151:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root_zrvhl_151:focus{outline:revert;outline-offset:revert}._root_zrvhl_151:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root_zrvhl_151:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._root_zrvhl_151{font-family:STIHL Contraface Digital Text Bold,Arial Narrow,Arial,Heiti SC,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;font-weight:400;font-size:1rem;line-height:1.25;padding-block-start:11px;padding-block-end:11px;padding-inline-start:23px;padding-inline-end:23px;display:inline-flex;justify-content:center;align-items:center;border-width:1px;border-style:solid;border-color:transparent;min-height:3rem;min-width:3rem;gap:8px;transform:translateZ(0);overflow-wrap:break-word;text-align:left;text-decoration:none;background-color:transparent;cursor:pointer}._root_zrvhl_151{transition:background-color var(--ds-animation-duration, .1s) linear,border-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){._root_zrvhl_151{transition-duration:0ms}}._root--highlight_zrvhl_218,._root--dark-highlight_zrvhl_218{background-color:#f37a1f;color:#252525}@media (hover: hover){._root--highlight_zrvhl_218:hover,._root--dark-highlight_zrvhl_218:hover{background-color:#e9640c}}._root--highlight_zrvhl_218[aria-disabled=true],._root--dark-highlight_zrvhl_218[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#00000080;background-color:#dadada}._root--highlight_zrvhl_218[aria-disabled=true] svg,._root--dark-highlight_zrvhl_218[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--highlight_zrvhl_218[aria-disabled=true],._root--dark-highlight_zrvhl_218[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--highlight_zrvhl_218[aria-disabled=true]:before,._root--dark-highlight_zrvhl_218[aria-disabled=true]:before{background-color:transparent}._root--dark-highlight_zrvhl_218:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-highlight_zrvhl_218:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-highlight_zrvhl_218:focus{outline:revert;outline-offset:revert}._root--dark-highlight_zrvhl_218:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-highlight_zrvhl_218:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._root--dark-highlight_zrvhl_218[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#ffffff80;color:#00000080;background-color:#dadada}._root--dark-highlight_zrvhl_218[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-highlight_zrvhl_218[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-highlight_zrvhl_218[aria-disabled=true]:before{background-color:transparent}._root--filled_zrvhl_296{background-color:#252525;color:#fff}@media (hover: hover){._root--filled_zrvhl_296:hover{background-color:#444}}._root--filled_zrvhl_296[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#00000080;background-color:#dadada}._root--filled_zrvhl_296[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--filled_zrvhl_296[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--filled_zrvhl_296[aria-disabled=true]:before{background-color:transparent}._root--outline_zrvhl_324{border-color:#252525;color:#252525}@media (hover: hover){._root--outline_zrvhl_324:hover{background-color:#0000001a}}._root--outline_zrvhl_324[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;border-color:currentColor}._root--outline_zrvhl_324[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--outline_zrvhl_324[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--outline_zrvhl_324[aria-disabled=true]:before{background-color:transparent}._root--ghost_zrvhl_351{color:#252525}@media (hover: hover){._root--ghost_zrvhl_351:hover{background-color:#0000001a}}._root--ghost_zrvhl_351[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed}._root--ghost_zrvhl_351[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--ghost_zrvhl_351[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--ghost_zrvhl_351[aria-disabled=true]:before{background-color:transparent}._root--ghost-flush_zrvhl_376{color:#252525;padding-inline-start:0;padding-inline-end:0;min-width:0px}._root--ghost-flush_zrvhl_376._root--small_zrvhl_382{padding-inline-start:0;padding-inline-end:0;min-width:0px}._root--ghost-flush_zrvhl_376:before{content:"";position:absolute;top:-1px;right:-12px;bottom:-1px;left:-12px}._root--ghost-flush_zrvhl_376:before{transition:background-color var(--ds-animation-duration, .1s) linear,color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){._root--ghost-flush_zrvhl_376:before{transition-duration:0ms}}._root--ghost-flush_zrvhl_376:focus,._root--ghost-flush_zrvhl_376:focus-visible{outline:none}._root--ghost-flush_zrvhl_376:focus:before{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root--ghost-flush_zrvhl_376:focus:before{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--ghost-flush_zrvhl_376:focus:before{outline:revert;outline-offset:revert}._root--ghost-flush_zrvhl_376:focus-visible:before{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root--ghost-flush_zrvhl_376:focus-visible:before{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--ghost-flush_zrvhl_376:hover:before{background-color:#0000001a}}._root--ghost-flush_zrvhl_376[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed}._root--ghost-flush_zrvhl_376[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--ghost-flush_zrvhl_376[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--ghost-flush_zrvhl_376[aria-disabled=true]:before{background-color:transparent}._root--dark-filled_zrvhl_459{background-color:#f8f8f8;color:#252525}._root--dark-filled_zrvhl_459:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-filled_zrvhl_459:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-filled_zrvhl_459:focus{outline:revert;outline-offset:revert}._root--dark-filled_zrvhl_459:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-filled_zrvhl_459:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-filled_zrvhl_459:hover{background-color:#dadada}}._root--dark-filled_zrvhl_459[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#ffffff80;color:#00000080;background-color:#dadada}._root--dark-filled_zrvhl_459[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-filled_zrvhl_459[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-filled_zrvhl_459[aria-disabled=true]:before{background-color:transparent}._root--dark-outline_zrvhl_518{border-color:#f8f8f8;color:#fff}._root--dark-outline_zrvhl_518:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-outline_zrvhl_518:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-outline_zrvhl_518:focus{outline:revert;outline-offset:revert}._root--dark-outline_zrvhl_518:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-outline_zrvhl_518:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-outline_zrvhl_518:hover{background-color:#ffffff26}}._root--dark-outline_zrvhl_518[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80;border-color:currentColor}._root--dark-outline_zrvhl_518[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-outline_zrvhl_518[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-outline_zrvhl_518[aria-disabled=true]:before{background-color:transparent}._root--dark-ghost_zrvhl_576{color:#fff}._root--dark-ghost_zrvhl_576:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost_zrvhl_576:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-ghost_zrvhl_576:focus{outline:revert;outline-offset:revert}._root--dark-ghost_zrvhl_576:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost_zrvhl_576:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-ghost_zrvhl_576:hover{background-color:#ffffff26}}._root--dark-ghost_zrvhl_576[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80}._root--dark-ghost_zrvhl_576[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-ghost_zrvhl_576[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-ghost_zrvhl_576[aria-disabled=true]:before{background-color:transparent}._root--dark-ghost-flush_zrvhl_632{color:#fff}._root--dark-ghost-flush_zrvhl_632:focus,._root--dark-ghost-flush_zrvhl_632:focus-visible{outline:none}._root--dark-ghost-flush_zrvhl_632:focus:before{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost-flush_zrvhl_632:focus:before{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-ghost-flush_zrvhl_632:focus:before{outline:revert;outline-offset:revert}._root--dark-ghost-flush_zrvhl_632:focus-visible:before{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost-flush_zrvhl_632:focus-visible:before{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-ghost-flush_zrvhl_632:hover:before{background-color:#ffffff26}}._root--dark-ghost-flush_zrvhl_632[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80}._root--dark-ghost-flush_zrvhl_632[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-ghost-flush_zrvhl_632[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-ghost-flush_zrvhl_632[aria-disabled=true]:before{background-color:transparent}._root--icon-left_zrvhl_691{flex-direction:row-reverse}._root--small_zrvhl_382{min-height:2rem;min-width:2rem;padding-block-start:5px;padding-block-end:5px;padding-inline-start:15px;padding-inline-end:15px}._root--small_zrvhl_382._root--ghost-flush_zrvhl_376:before{right:-8px;left:-8px}._root--icon-only_zrvhl_707{width:3rem;height:3rem}._root--icon-only_zrvhl_707._root--ghost-flush_zrvhl_376{width:1rem;height:1rem}._root--icon-only-small_zrvhl_716{width:2rem;height:2rem;min-width:2rem;min-height:2rem}._root--icon-only-small_zrvhl_716._root--ghost-flush_zrvhl_376{width:1rem;height:1rem}._label--hidden_zrvhl_727{border:0;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;text-indent:-999999px;white-space:nowrap}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._anchor_q0uqp_76,._svg_q0uqp_77{display:block;min-width:7.125rem;max-width:10rem}._anchor_q0uqp_76{text-decoration:none}._anchor_q0uqp_76:focus{outline:2px solid;outline-color:#252525;outline-offset:-6px}@media screen and (forced-colors: active){._anchor_q0uqp_76:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._anchor_q0uqp_76:focus{outline:revert;outline-offset:revert}._anchor_q0uqp_76:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:-6px}@media screen and (forced-colors: active){._anchor_q0uqp_76:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._svg-background_q0uqp_117{fill:#fff}._svg-background--dark_q0uqp_120,._svg-text_q0uqp_123{fill:#f37a1f}._svg-text--dark_q0uqp_126{fill:#fff}
|
|
@@ -0,0 +1,135 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { j as s } from "./chunks/jsx-runtime.C115EyI4.js";
|
|
3
|
+
import { c as a } from "./chunks/index.CvOaL64Y.js";
|
|
4
|
+
import { u as e } from "./chunks/useBreakpoint.5xBNDiCf.js";
|
|
5
|
+
import { D as I } from "./chunks/Icon.n4XZrQ4N.js";
|
|
6
|
+
import { DSSpinner as F } from "./spinner.DVa112nj.js";
|
|
7
|
+
import './assets/button.3UhhGy87.css';const S = "_root_1uqio_151", x = "_root--highlight_1uqio_218", j = "_root--dark-highlight_1uqio_218", L = "_root--filled_1uqio_296", C = "_root--outline_1uqio_324", N = "_root--ghost_1uqio_351", B = "_root--ghost-flush_1uqio_376", E = "_root--small_1uqio_382", R = "_root--dark-filled_1uqio_459", T = "_root--dark-outline_1uqio_518", V = "_root--dark-ghost_1uqio_576", w = "_root--dark-ghost-flush_1uqio_632", A = "_root--icon-left_1uqio_691", J = "_root--icon-only_1uqio_707", K = "_root--icon-only-small_1uqio_716", M = "_loader_1uqio_731", P = "_icon--hidden_1uqio_743", Q = "_label--hidden_1uqio_747", U = "_label--loading_1uqio_759", o = {
|
|
8
|
+
root: S,
|
|
9
|
+
"root--highlight": "_root--highlight_1uqio_218",
|
|
10
|
+
rootHighlight: x,
|
|
11
|
+
"root--dark-highlight": "_root--dark-highlight_1uqio_218",
|
|
12
|
+
rootDarkHighlight: j,
|
|
13
|
+
"root--filled": "_root--filled_1uqio_296",
|
|
14
|
+
rootFilled: L,
|
|
15
|
+
"root--outline": "_root--outline_1uqio_324",
|
|
16
|
+
rootOutline: C,
|
|
17
|
+
"root--ghost": "_root--ghost_1uqio_351",
|
|
18
|
+
rootGhost: N,
|
|
19
|
+
"root--ghost-flush": "_root--ghost-flush_1uqio_376",
|
|
20
|
+
rootGhostFlush: B,
|
|
21
|
+
"root--small": "_root--small_1uqio_382",
|
|
22
|
+
rootSmall: E,
|
|
23
|
+
"root--dark-filled": "_root--dark-filled_1uqio_459",
|
|
24
|
+
rootDarkFilled: R,
|
|
25
|
+
"root--dark-outline": "_root--dark-outline_1uqio_518",
|
|
26
|
+
rootDarkOutline: T,
|
|
27
|
+
"root--dark-ghost": "_root--dark-ghost_1uqio_576",
|
|
28
|
+
rootDarkGhost: V,
|
|
29
|
+
"root--dark-ghost-flush": "_root--dark-ghost-flush_1uqio_632",
|
|
30
|
+
rootDarkGhostFlush: w,
|
|
31
|
+
"root--icon-left": "_root--icon-left_1uqio_691",
|
|
32
|
+
rootIconLeft: A,
|
|
33
|
+
"root--icon-only": "_root--icon-only_1uqio_707",
|
|
34
|
+
rootIconOnly: J,
|
|
35
|
+
"root--icon-only-small": "_root--icon-only-small_1uqio_716",
|
|
36
|
+
rootIconOnlySmall: K,
|
|
37
|
+
loader: M,
|
|
38
|
+
"icon--hidden": "_icon--hidden_1uqio_743",
|
|
39
|
+
iconHidden: P,
|
|
40
|
+
"label--hidden": "_label--hidden_1uqio_747",
|
|
41
|
+
labelHidden: Q,
|
|
42
|
+
"label--loading": "_label--loading_1uqio_759",
|
|
43
|
+
labelLoading: U
|
|
44
|
+
}, z = ({
|
|
45
|
+
children: k,
|
|
46
|
+
aria: f,
|
|
47
|
+
className: q,
|
|
48
|
+
dataTrackingid: m,
|
|
49
|
+
disabled: h = !1,
|
|
50
|
+
hideLabel: _ = !1,
|
|
51
|
+
iconName: u,
|
|
52
|
+
iconPosition: D = "left",
|
|
53
|
+
iconSource: d,
|
|
54
|
+
isFlush: i = !1,
|
|
55
|
+
loading: r = !1,
|
|
56
|
+
size: n = "medium",
|
|
57
|
+
theme: l = "light",
|
|
58
|
+
variant: t = "filled",
|
|
59
|
+
onClick: c,
|
|
60
|
+
...b
|
|
61
|
+
}) => {
|
|
62
|
+
const y = a(o.root, q, {
|
|
63
|
+
// variant
|
|
64
|
+
[o.rootFilled]: t === "filled",
|
|
65
|
+
[o.rootHighlight]: t === "highlight",
|
|
66
|
+
[o.rootOutline]: t === "outline",
|
|
67
|
+
[o.rootGhost]: t === "ghost" && i !== !0,
|
|
68
|
+
// isFlush
|
|
69
|
+
[o.rootGhostFlush]: t === "ghost" && i === !0,
|
|
70
|
+
// dark theme
|
|
71
|
+
[o.rootDarkFilled]: l === "dark" && t === "filled",
|
|
72
|
+
[o.rootDarkHighlight]: l === "dark" && t === "highlight",
|
|
73
|
+
[o.rootDarkOutline]: l === "dark" && t === "outline",
|
|
74
|
+
[o.rootDarkGhost]: l === "dark" && t === "ghost" && i !== !0,
|
|
75
|
+
// dark isFlush
|
|
76
|
+
[o.rootDarkGhostFlush]: l === "dark" && t === "ghost" && i === !0,
|
|
77
|
+
// size
|
|
78
|
+
[o.rootSmall]: n === "small",
|
|
79
|
+
// icon position
|
|
80
|
+
[o.rootIconLeft]: D === "left",
|
|
81
|
+
// icon only
|
|
82
|
+
[o.rootIconOnly]: e(_) && n === "medium",
|
|
83
|
+
[o.rootIconOnlySmall]: e(_) && n === "small"
|
|
84
|
+
}), O = a(o.label, {
|
|
85
|
+
// hide label only visually to keep them available for assistive technologies
|
|
86
|
+
[o.labelHidden]: e(_),
|
|
87
|
+
// set label opacity to 0 when loading to prevent button size from changing
|
|
88
|
+
[o.labelLoading]: r
|
|
89
|
+
}), p = a(o.icon, {
|
|
90
|
+
// set icon opacity to 0 when loading to prevent button size from changing
|
|
91
|
+
[o.iconHidden]: r
|
|
92
|
+
}), G = l === "light" && t === "filled" || l === "dark" && t === "outline" || l === "dark" && t === "ghost" ? "dark" : "light", H = (g) => {
|
|
93
|
+
if (h || r) {
|
|
94
|
+
g.preventDefault();
|
|
95
|
+
return;
|
|
96
|
+
}
|
|
97
|
+
c && c(g);
|
|
98
|
+
};
|
|
99
|
+
return /* @__PURE__ */ s.jsxs(
|
|
100
|
+
"button",
|
|
101
|
+
{
|
|
102
|
+
className: y,
|
|
103
|
+
"data-trackingid": m,
|
|
104
|
+
type: "submit",
|
|
105
|
+
onClick: H,
|
|
106
|
+
...f,
|
|
107
|
+
...b,
|
|
108
|
+
"aria-disabled": h || r,
|
|
109
|
+
"aria-busy": r,
|
|
110
|
+
children: [
|
|
111
|
+
r && /* @__PURE__ */ s.jsx(
|
|
112
|
+
F,
|
|
113
|
+
{
|
|
114
|
+
className: o.loader,
|
|
115
|
+
aria: { "aria-label": "Loading state" }
|
|
116
|
+
}
|
|
117
|
+
),
|
|
118
|
+
/* @__PURE__ */ s.jsx("span", { className: O, children: k }),
|
|
119
|
+
(u || d) && /* @__PURE__ */ s.jsx(
|
|
120
|
+
I,
|
|
121
|
+
{
|
|
122
|
+
name: u,
|
|
123
|
+
theme: G,
|
|
124
|
+
source: d,
|
|
125
|
+
className: p,
|
|
126
|
+
"aria-hidden": "true"
|
|
127
|
+
}
|
|
128
|
+
)
|
|
129
|
+
]
|
|
130
|
+
}
|
|
131
|
+
);
|
|
132
|
+
};
|
|
133
|
+
export {
|
|
134
|
+
z as DSButton
|
|
135
|
+
};
|
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { j as r } from "./chunks/jsx-runtime.C115EyI4.js";
|
|
3
|
+
import { c as _ } from "./chunks/index.CvOaL64Y.js";
|
|
4
|
+
import { D as y } from "./chunks/Icon.n4XZrQ4N.js";
|
|
5
|
+
import { DSSpinner as H } from "./spinner.DVa112nj.js";
|
|
6
|
+
import './assets/buttonround.DXDlPKwD.css';const p = "_root_164nj_151", F = "_root--highlight_164nj_218", O = "_root--dark-highlight_164nj_218", G = "_root--filled_164nj_296", I = "_root--outline_164nj_324", S = "_root--ghost_164nj_351", x = "_root--ghost-flush_164nj_376", L = "_root--small_164nj_382", C = "_root--dark-filled_164nj_459", N = "_root--dark-outline_164nj_518", R = "_root--dark-ghost_164nj_576", B = "_root--dark-ghost-flush_164nj_632", E = "_root--icon-left_164nj_691", T = "_root--icon-only_164nj_707", q = "_root--icon-only-small_164nj_716", w = "_loader_164nj_733", z = "_icon--hidden_164nj_745", A = "_label--hidden_164nj_749", J = "_label--loading_164nj_761", o = {
|
|
7
|
+
root: p,
|
|
8
|
+
"root--highlight": "_root--highlight_164nj_218",
|
|
9
|
+
rootHighlight: F,
|
|
10
|
+
"root--dark-highlight": "_root--dark-highlight_164nj_218",
|
|
11
|
+
rootDarkHighlight: O,
|
|
12
|
+
"root--filled": "_root--filled_164nj_296",
|
|
13
|
+
rootFilled: G,
|
|
14
|
+
"root--outline": "_root--outline_164nj_324",
|
|
15
|
+
rootOutline: I,
|
|
16
|
+
"root--ghost": "_root--ghost_164nj_351",
|
|
17
|
+
rootGhost: S,
|
|
18
|
+
"root--ghost-flush": "_root--ghost-flush_164nj_376",
|
|
19
|
+
rootGhostFlush: x,
|
|
20
|
+
"root--small": "_root--small_164nj_382",
|
|
21
|
+
rootSmall: L,
|
|
22
|
+
"root--dark-filled": "_root--dark-filled_164nj_459",
|
|
23
|
+
rootDarkFilled: C,
|
|
24
|
+
"root--dark-outline": "_root--dark-outline_164nj_518",
|
|
25
|
+
rootDarkOutline: N,
|
|
26
|
+
"root--dark-ghost": "_root--dark-ghost_164nj_576",
|
|
27
|
+
rootDarkGhost: R,
|
|
28
|
+
"root--dark-ghost-flush": "_root--dark-ghost-flush_164nj_632",
|
|
29
|
+
rootDarkGhostFlush: B,
|
|
30
|
+
"root--icon-left": "_root--icon-left_164nj_691",
|
|
31
|
+
rootIconLeft: E,
|
|
32
|
+
"root--icon-only": "_root--icon-only_164nj_707",
|
|
33
|
+
rootIconOnly: T,
|
|
34
|
+
"root--icon-only-small": "_root--icon-only-small_164nj_716",
|
|
35
|
+
rootIconOnlySmall: q,
|
|
36
|
+
loader: w,
|
|
37
|
+
"icon--hidden": "_icon--hidden_164nj_745",
|
|
38
|
+
iconHidden: z,
|
|
39
|
+
"label--hidden": "_label--hidden_164nj_749",
|
|
40
|
+
labelHidden: A,
|
|
41
|
+
"label--loading": "_label--loading_164nj_761",
|
|
42
|
+
labelLoading: J
|
|
43
|
+
}, U = ({
|
|
44
|
+
children: d,
|
|
45
|
+
aria: c,
|
|
46
|
+
className: g,
|
|
47
|
+
dataTrackingid: j,
|
|
48
|
+
disabled: i = !1,
|
|
49
|
+
iconName: s = "placeholder",
|
|
50
|
+
iconSource: a,
|
|
51
|
+
loading: t = !1,
|
|
52
|
+
theme: n = "light",
|
|
53
|
+
variant: l = "filled",
|
|
54
|
+
onClick: e,
|
|
55
|
+
...k
|
|
56
|
+
}) => {
|
|
57
|
+
const u = _(
|
|
58
|
+
o.root,
|
|
59
|
+
o.rootIconOnlySmall,
|
|
60
|
+
g,
|
|
61
|
+
{
|
|
62
|
+
// variant
|
|
63
|
+
[o.rootFilled]: l === "filled",
|
|
64
|
+
[o.rootHighlight]: l === "highlight",
|
|
65
|
+
// dark theme
|
|
66
|
+
[o.rootDarkFilled]: n === "dark" && l === "filled",
|
|
67
|
+
[o.rootDarkHighlight]: n === "dark" && l === "highlight"
|
|
68
|
+
}
|
|
69
|
+
), f = _(o.label, o.labelHidden, {
|
|
70
|
+
// set label opacity to 0 when loading to prevent button size from changing
|
|
71
|
+
[o.labelLoading]: t
|
|
72
|
+
}), m = _(o.icon, {
|
|
73
|
+
// set icon opacity to 0 when loading to prevent button size from changing
|
|
74
|
+
[o.iconHidden]: t
|
|
75
|
+
}), b = n === "light" && l === "filled" ? "dark" : "light", D = (h) => {
|
|
76
|
+
if (i || t) {
|
|
77
|
+
h.preventDefault();
|
|
78
|
+
return;
|
|
79
|
+
}
|
|
80
|
+
e && e(h);
|
|
81
|
+
};
|
|
82
|
+
return /* @__PURE__ */ r.jsxs(
|
|
83
|
+
"button",
|
|
84
|
+
{
|
|
85
|
+
className: u,
|
|
86
|
+
"data-trackingid": j,
|
|
87
|
+
type: "button",
|
|
88
|
+
onClick: D,
|
|
89
|
+
...c,
|
|
90
|
+
...k,
|
|
91
|
+
"aria-disabled": i || t,
|
|
92
|
+
"aria-busy": t,
|
|
93
|
+
children: [
|
|
94
|
+
t && /* @__PURE__ */ r.jsx(
|
|
95
|
+
H,
|
|
96
|
+
{
|
|
97
|
+
className: o.loader,
|
|
98
|
+
aria: { "aria-label": "Loading state" }
|
|
99
|
+
}
|
|
100
|
+
),
|
|
101
|
+
/* @__PURE__ */ r.jsx("span", { className: f, children: d }),
|
|
102
|
+
(s || a) && /* @__PURE__ */ r.jsx(
|
|
103
|
+
y,
|
|
104
|
+
{
|
|
105
|
+
name: s,
|
|
106
|
+
theme: b,
|
|
107
|
+
source: a,
|
|
108
|
+
className: m,
|
|
109
|
+
"aria-hidden": "true"
|
|
110
|
+
}
|
|
111
|
+
)
|
|
112
|
+
]
|
|
113
|
+
}
|
|
114
|
+
);
|
|
115
|
+
};
|
|
116
|
+
export {
|
|
117
|
+
U as DSButtonRound
|
|
118
|
+
};
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { j as e } from "./chunks/jsx-runtime.C115EyI4.js";
|
|
3
|
-
import { c as
|
|
3
|
+
import { c as r } from "./chunks/index.CvOaL64Y.js";
|
|
4
4
|
import { forwardRef as R, useRef as S, useState as I, useEffect as H, useCallback as M } from "react";
|
|
5
5
|
import { u as g } from "./chunks/useBreakpoint.5xBNDiCf.js";
|
|
6
|
-
import { D as
|
|
6
|
+
import { D as k } from "./chunks/Icon.n4XZrQ4N.js";
|
|
7
7
|
import { DSSystemFeedback as B } from "./systemfeedback.CUWch42u.js";
|
|
8
8
|
import './assets/checkbox.BjIn2stV.css';const E = "_checkbox-root_vryww_151", V = "_checkbox-root--disabled_vryww_170", L = "_checkbox_vryww_151", O = "_icon-check_vryww_190", P = "_icon-minus_vryww_191", U = "_checkbox--invalid_vryww_215", q = "_label--hidden_vryww_220", z = "_input_vryww_233", A = "_label_vryww_220", F = "_feedback_vryww_347", c = {
|
|
9
9
|
"checkbox-root": "_checkbox-root_vryww_151",
|
|
@@ -24,40 +24,40 @@ import './assets/checkbox.BjIn2stV.css';const E = "_checkbox-root_vryww_151", V
|
|
|
24
24
|
feedback: F
|
|
25
25
|
}, G = R(
|
|
26
26
|
({
|
|
27
|
-
label:
|
|
28
|
-
checked:
|
|
29
|
-
className:
|
|
30
|
-
defaultChecked:
|
|
27
|
+
label: h,
|
|
28
|
+
checked: b,
|
|
29
|
+
className: x,
|
|
30
|
+
defaultChecked: u = !1,
|
|
31
31
|
disabled: s = !1,
|
|
32
|
-
hideLabel:
|
|
33
|
-
indeterminate:
|
|
34
|
-
invalid:
|
|
32
|
+
hideLabel: w = !1,
|
|
33
|
+
indeterminate: _ = !1,
|
|
34
|
+
invalid: i = !1,
|
|
35
35
|
systemFeedback: d,
|
|
36
|
-
onChange:
|
|
37
|
-
...
|
|
36
|
+
onChange: l,
|
|
37
|
+
...m
|
|
38
38
|
}, n) => {
|
|
39
|
-
const a = S(null), [
|
|
39
|
+
const a = S(null), [f, v] = I(u), y = g(w);
|
|
40
40
|
H(() => {
|
|
41
|
-
a && a.current && (a.current.indeterminate =
|
|
42
|
-
}, [
|
|
43
|
-
const
|
|
41
|
+
a && a.current && (a.current.indeterminate = _);
|
|
42
|
+
}, [_]);
|
|
43
|
+
const t = b !== void 0, p = t ? b : f, C = r(c.checkboxRoot, {
|
|
44
44
|
[c.checkboxRootDisabled]: s
|
|
45
|
-
}), j =
|
|
45
|
+
}), j = r(c.label, {
|
|
46
46
|
// hide label only visually to keep them available for assistive technologies
|
|
47
|
-
[c.labelHidden]:
|
|
48
|
-
}), D =
|
|
49
|
-
[c.checkboxInvalid]:
|
|
47
|
+
[c.labelHidden]: y
|
|
48
|
+
}), D = r(c.checkbox, {
|
|
49
|
+
[c.checkboxInvalid]: i
|
|
50
50
|
}), N = M(
|
|
51
51
|
(o) => {
|
|
52
52
|
if (s) {
|
|
53
53
|
o.preventDefault();
|
|
54
54
|
return;
|
|
55
55
|
}
|
|
56
|
-
|
|
56
|
+
t || v(o.target.checked), l && l(o);
|
|
57
57
|
},
|
|
58
|
-
[s,
|
|
58
|
+
[s, t, l]
|
|
59
59
|
);
|
|
60
|
-
return /* @__PURE__ */ e.jsxs("div", { className:
|
|
60
|
+
return /* @__PURE__ */ e.jsxs("div", { className: x, children: [
|
|
61
61
|
/* @__PURE__ */ e.jsxs("label", { className: C, children: [
|
|
62
62
|
/* @__PURE__ */ e.jsx(
|
|
63
63
|
"input",
|
|
@@ -67,18 +67,17 @@ import './assets/checkbox.BjIn2stV.css';const E = "_checkbox-root_vryww_151", V
|
|
|
67
67
|
ref: (o) => {
|
|
68
68
|
typeof n == "function" ? n(o) : n !== null && (n.current = o), a.current = o;
|
|
69
69
|
},
|
|
70
|
-
...
|
|
71
|
-
checked:
|
|
70
|
+
...m,
|
|
71
|
+
checked: p,
|
|
72
72
|
disabled: s,
|
|
73
|
-
"aria-label":
|
|
74
|
-
"aria-invalid":
|
|
75
|
-
"aria-checked": i ? "mixed" : k,
|
|
73
|
+
"aria-label": h,
|
|
74
|
+
"aria-invalid": i,
|
|
76
75
|
onChange: N
|
|
77
76
|
}
|
|
78
77
|
),
|
|
79
|
-
/* @__PURE__ */ e.jsxs("
|
|
78
|
+
/* @__PURE__ */ e.jsxs("div", { className: D, children: [
|
|
80
79
|
/* @__PURE__ */ e.jsx(
|
|
81
|
-
|
|
80
|
+
k,
|
|
82
81
|
{
|
|
83
82
|
name: "check",
|
|
84
83
|
className: c.iconCheck,
|
|
@@ -86,7 +85,7 @@ import './assets/checkbox.BjIn2stV.css';const E = "_checkbox-root_vryww_151", V
|
|
|
86
85
|
}
|
|
87
86
|
),
|
|
88
87
|
/* @__PURE__ */ e.jsx(
|
|
89
|
-
|
|
88
|
+
k,
|
|
90
89
|
{
|
|
91
90
|
name: "minus",
|
|
92
91
|
className: c.iconMinus,
|
|
@@ -94,9 +93,9 @@ import './assets/checkbox.BjIn2stV.css';const E = "_checkbox-root_vryww_151", V
|
|
|
94
93
|
}
|
|
95
94
|
)
|
|
96
95
|
] }),
|
|
97
|
-
/* @__PURE__ */ e.jsx("span", { className: j, children:
|
|
96
|
+
/* @__PURE__ */ e.jsx("span", { className: j, children: h })
|
|
98
97
|
] }),
|
|
99
|
-
|
|
98
|
+
i && d && /* @__PURE__ */ e.jsx(
|
|
100
99
|
B,
|
|
101
100
|
{
|
|
102
101
|
className: c.feedback,
|
|
@@ -3,7 +3,7 @@ import "./chunks/jsx-runtime.C115EyI4.js";
|
|
|
3
3
|
import "./chunks/index.CvOaL64Y.js";
|
|
4
4
|
import "./chunks/Fieldset.B1vsrHNv.js";
|
|
5
5
|
import "./chunks/RadioGroup.module.BBZwHDjW.js";
|
|
6
|
-
import { D as e } from "./chunks/CheckboxGroup.
|
|
6
|
+
import { D as e } from "./chunks/CheckboxGroup.kG1WWhe_.js";
|
|
7
7
|
export {
|
|
8
8
|
e as DSCheckboxGroup
|
|
9
9
|
};
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { g as i } from "./helpers.B1JT5ShS.js";
|
|
3
|
+
import "react";
|
|
4
|
+
import { h as s } from "./has-document.r9i9TxKV.js";
|
|
5
|
+
const e = "ds-alert-live-region", t = "ds-status-live-region", g = () => document.getElementById(e), c = () => document.getElementById(t), m = () => {
|
|
6
|
+
if (!s)
|
|
7
|
+
return;
|
|
8
|
+
const n = document.querySelectorAll(
|
|
9
|
+
`#${e}`
|
|
10
|
+
), o = document.querySelectorAll(
|
|
11
|
+
`#${t}`
|
|
12
|
+
);
|
|
13
|
+
if (n.length > 1)
|
|
14
|
+
throw new Error(
|
|
15
|
+
i(
|
|
16
|
+
"DSAriaLiveRegions",
|
|
17
|
+
`The DSAriaLiveRegions component with id="${e}" should only be present once on the page. Found ${n.length} instances.`
|
|
18
|
+
)
|
|
19
|
+
);
|
|
20
|
+
if (o.length > 1)
|
|
21
|
+
throw new Error(
|
|
22
|
+
i(
|
|
23
|
+
"DSAriaLiveRegions",
|
|
24
|
+
`The DSAriaLiveRegions component with id="${t}" should only be present once on the page. Found ${o.length} instances.`
|
|
25
|
+
)
|
|
26
|
+
);
|
|
27
|
+
};
|
|
28
|
+
export {
|
|
29
|
+
e as A,
|
|
30
|
+
t as a,
|
|
31
|
+
c as b,
|
|
32
|
+
g,
|
|
33
|
+
m as v
|
|
34
|
+
};
|
|
@@ -5,7 +5,7 @@ import { D as b } from "./Fieldset.B1vsrHNv.js";
|
|
|
5
5
|
import { s as c } from "./RadioGroup.module.BBZwHDjW.js";
|
|
6
6
|
import l from "react";
|
|
7
7
|
import { g as s } from "./helpers.B1JT5ShS.js";
|
|
8
|
-
import { DSCheckbox as f } from "../checkbox.
|
|
8
|
+
import { DSCheckbox as f } from "../checkbox.hoVQ37RP.js";
|
|
9
9
|
const C = (e) => `The "${e}" prop is required. Please add the "${e}" prop to the DSCheckboxGroup component.`, k = ({
|
|
10
10
|
children: e,
|
|
11
11
|
description: o,
|
|
@@ -1299,7 +1299,7 @@ var se, Oe = function(e, i, r) {
|
|
|
1299
1299
|
};
|
|
1300
1300
|
}, zr = function(e) {
|
|
1301
1301
|
return e();
|
|
1302
|
-
}, Un = B.
|
|
1302
|
+
}, Un = B.useLayoutEffect ? B.useLayoutEffect : !1, Qn = Un || zr, rn = Un || B.useLayoutEffect, Xt = {}.hasOwnProperty, Pt = /* @__PURE__ */ B.createContext(
|
|
1303
1303
|
// we're doing this to avoid preconstruct's dead code elimination in this one case
|
|
1304
1304
|
// because this module is primarily intended for the browser and node
|
|
1305
1305
|
// but it's also required in react native and similar environments sometimes
|
|
@@ -4829,17 +4829,15 @@ const _s = (t, e, i = []) => {
|
|
|
4829
4829
|
},
|
|
4830
4830
|
components: {
|
|
4831
4831
|
ClearIndicator: (G) => Hu({ ...G, isSmall: d === "small" }),
|
|
4832
|
-
DropdownIndicator: (G) => f.openMenuOnClick && f.openMenuOnFocus && !n ? Lu({ ...G, isSmall: d === "small" }) :
|
|
4832
|
+
DropdownIndicator: (G) => f.openMenuOnClick && f.openMenuOnFocus && !n ? Lu({ ...G, isSmall: d === "small" }) : null,
|
|
4833
4833
|
GroupHeading: ju,
|
|
4834
4834
|
// separator between clear all icon and chevron down
|
|
4835
|
-
IndicatorSeparator: () =>
|
|
4836
|
-
},
|
|
4835
|
+
IndicatorSeparator: () => null,
|
|
4837
4836
|
Input: (G) => _u({ ...G, id: t, invalid: u, systemFeedback: p, systemFeedbackId: V }),
|
|
4838
4837
|
MenuList: ku,
|
|
4839
4838
|
MultiValueContainer: Yu,
|
|
4840
4839
|
// remove button for each selected value
|
|
4841
|
-
MultiValueRemove: () =>
|
|
4842
|
-
},
|
|
4840
|
+
MultiValueRemove: () => null,
|
|
4843
4841
|
NoOptionsMessage: (G) => /* @__PURE__ */ P.jsx(zu, { ...G, isSmall: d === "small" }),
|
|
4844
4842
|
Option: (G) => /* @__PURE__ */ P.jsx(Ju, { ...G, isSmall: d === "small" }),
|
|
4845
4843
|
SingleValue: Uu
|