@stihl-design-system/components 1.0.0-RC.11 → 1.0.0-RC.13
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/README.md +1 -1
- package/{accordion.CEKQh-7i.js → accordion.Rvtiu8Y4.js} +3 -3
- package/arialiveregions.Cyycgs8g.js +27 -0
- package/assets/Accordion.i4k5SMQM.css +1 -0
- package/assets/CheckboxGroup.BH1Br1dg.css +1 -0
- package/assets/Chip.DSdLuzoi.css +1 -0
- package/assets/CustomReactSelect.vHt8qNKC.css +1 -0
- package/assets/Dialog.BgzebVk4.css +1 -0
- package/assets/Drawer.Bauwxrk7.css +1 -0
- package/assets/Fieldset.DOdTbb7C.css +1 -0
- package/assets/Icon.DxRSBRSL.css +1 -0
- package/assets/InputPassword.CG7Ugu73.css +1 -0
- package/assets/InputSearch.CseChMc-.css +1 -0
- package/assets/InputStepper.C0eAYr7P.css +1 -0
- package/assets/Notification.DbRapUJo.css +1 -0
- package/assets/RadioGroup.BfMo157q.css +1 -0
- package/assets/Select.D4EXgIbz.css +1 -0
- package/assets/Textarea.KJGPTYMz.css +1 -0
- package/assets/Toast.CuafTAf7.css +1 -0
- package/assets/arialiveregions.DhsijBaL.css +1 -0
- package/assets/asterisk.BfVAUBO7.css +1 -0
- package/assets/button.DF4RBeC2.css +1 -0
- package/assets/buttonround.19uK_-oO.css +1 -0
- package/assets/checkbox.ByOoFouu.css +1 -0
- package/assets/chipgroup.BzfZLbkv.css +1 -0
- package/assets/flag.B-RLcMcf.css +1 -0
- package/assets/floatingactionbutton.E9HekT6S.css +1 -0
- package/assets/heading.u4f8Mz94.css +1 -0
- package/assets/input.BAkFKPW3.css +1 -0
- package/assets/link.DDJj0D1U.css +1 -0
- package/assets/linkstandalone.DIazcjIv.css +1 -0
- package/assets/logo.CnW8alZU.css +1 -0
- package/assets/optioncheckbox.BZaWtRD7.css +1 -0
- package/assets/radio.X-RTl_jo.css +1 -0
- package/assets/skiptocontent.PTL3256m.css +1 -0
- package/assets/spinner.2iWJWKyA.css +1 -0
- package/assets/switch.gw6aa3kx.css +1 -0
- package/assets/systemfeedback.BPz5YlPC.css +1 -0
- package/assets/text.DjTG_qNb.css +1 -0
- package/assets/title.rosWPEG3.css +1 -0
- package/asterisk.DpzETKdT.js +8 -0
- package/button.M4nXjcUn.js +135 -0
- package/buttonround.E56F_805.js +118 -0
- package/checkbox.Cb2_ey6U.js +111 -0
- package/{checkboxgroup.BqD5IV51.js → checkboxgroup.DBDmB-zR.js} +2 -2
- package/{chip.B92ew-hk.js → chip.C_1tGqvZ.js} +2 -2
- package/chipgroup.BvTj1ziW.js +174 -0
- package/chunks/Accordion.CB6jB3s_.js +125 -0
- package/chunks/{CheckboxGroup.M3jOjhNf.js → CheckboxGroup.S6i5EOc4.js} +40 -40
- package/chunks/{Chip.fMG8wi5K.js → Chip.CMlPUyOJ.js} +15 -15
- package/chunks/{CustomReactSelect.D3jv5-fa.js → CustomReactSelect.CQ1uexBH.js} +1321 -1321
- package/chunks/Dialog.CudsqNag.js +148 -0
- package/chunks/Drawer.ueG2Bzr9.js +154 -0
- package/chunks/{Fieldset.C9K8BYmH.js → Fieldset.Cjmkgxxk.js} +32 -32
- package/chunks/{Icon.C2o2seDb.js → Icon.BCmt_XBG.js} +45 -45
- package/chunks/InputPassword.CNLbBFjx.js +143 -0
- package/chunks/InputSearch.CHA6mkX_.js +192 -0
- package/chunks/InputStepper.xmWGU9pU.js +294 -0
- package/chunks/Notification.nx5vTamN.js +92 -0
- package/chunks/RadioGroup.Crj7NoOs.js +137 -0
- package/chunks/Select.E6gLFYLk.js +194 -0
- package/chunks/Textarea.DUBSOpNL.js +198 -0
- package/chunks/Toast.DyEi2GEP.js +89 -0
- package/{combobox.BeTnbG1m.js → combobox.CzBpi97e.js} +1 -1
- package/components/Combobox/Combobox.d.ts +1 -1
- package/components/{CustomReactSelect → Combobox/CustomReactSelect}/CustomReactSelect.d.ts +2 -2
- package/components/{CustomReactSelect → Combobox/CustomReactSelect}/CustomReactSelect.utils.d.ts +1 -1
- package/components/Notification/Notification.d.ts +2 -6
- package/components/Radio/Radio.d.ts +1 -1
- package/customreactselect.d.ts +1 -1
- package/customreactselect.qf7CIeFs.js +13 -0
- package/{dialog.lGwNQU91.js → dialog.DYlBUsOD.js} +2 -2
- package/{drawer.DNi5m8wP.js → drawer.CvhbP1ra.js} +2 -2
- package/fieldset.CtUGEdLv.js +11 -0
- package/flag.BKpsdB_-.js +43 -0
- package/floatingactionbutton.D5L0B7zI.js +87 -0
- package/heading.IPIYc5vW.js +50 -0
- package/{icon.BoMgOmC1.js → icon.Ck0BpI34.js} +1 -1
- package/index.es.js +34 -34
- package/input.BEnCFNM-.js +239 -0
- package/{inputpassword.CSjh1GU7.js → inputpassword.B-D_jB9w.js} +4 -4
- package/{inputsearch.DyznOWLK.js → inputsearch.CaSpklR1.js} +4 -4
- package/{inputstepper.3BLb7s0P.js → inputstepper.C7KD1-0S.js} +4 -4
- package/link.DREJAoPG.js +116 -0
- package/linkstandalone.BBoEniZ_.js +79 -0
- package/logo.Hul8qCFo.js +65 -0
- package/{notification.0kX1GMaB.js → notification.6M0OdGXK.js} +3 -3
- package/optioncheckbox.BRUTnQnJ.js +43 -0
- package/optioncheckbox.d.ts +1 -1
- package/package.json +8 -6
- package/partials/index.js +1 -1
- package/radio.DEILy_lV.js +114 -0
- package/{radiogroup.SYkZm2DG.js → radiogroup.DeU-HdlP.js} +3 -3
- package/{select.CYbwR3RW.js → select.BYraFJzz.js} +4 -4
- package/skiptocontent.BxvpIB7H.js +45 -0
- package/spinner.Bq97Og-6.js +58 -0
- package/styles/scss/ds/index.scss +19 -0
- package/styles/scss/ds/lib/animation.scss +21 -0
- package/styles/scss/ds/lib/breakpoints.scss +15 -0
- package/styles/scss/ds/lib/container-query.scss +54 -0
- package/styles/scss/ds/lib/ds-internal/_a11y.scss +15 -0
- package/styles/scss/{lib → ds/lib/ds-internal}/_focus.scss +13 -15
- package/styles/scss/ds/lib/ds-internal/_heading.scss +37 -0
- package/styles/scss/ds/lib/ds-internal/_helpers.scss +32 -0
- package/styles/scss/ds/lib/ds-internal/_high-contrast.scss +6 -0
- package/styles/scss/ds/lib/ds-internal/_hover.scss +6 -0
- package/styles/scss/ds/lib/ds-internal/_index.scss +9 -0
- package/styles/scss/ds/lib/ds-internal/_link.scss +62 -0
- package/styles/scss/ds/lib/ds-internal/_spacing-dynamic.scss +53 -0
- package/styles/scss/ds/lib/ds-internal/_text.scss +30 -0
- package/styles/scss/ds/lib/grid-extended.scss +11 -0
- package/styles/scss/ds/lib/grid-full.scss +6 -0
- package/styles/scss/ds/lib/grid-main.scss +119 -0
- package/styles/scss/ds/lib/grid-narrow.scss +14 -0
- package/styles/scss/ds/lib/grid-sidebar-sidebar.scss +52 -0
- package/styles/scss/{lib/_grid-sidebar.scss → ds/lib/grid-sidebar.scss} +23 -32
- package/styles/scss/{lib/_grid.scss → ds/lib/grid.scss} +15 -17
- package/styles/scss/ds/lib/heading.scss +75 -0
- package/styles/scss/ds/lib/link.scss +74 -0
- package/styles/scss/ds/lib/media-query.scss +32 -0
- package/styles/scss/{lib/_shadow.scss → ds/lib/shadow.scss} +2 -2
- package/styles/scss/ds/lib/spacing-dynamic.scss +7 -0
- package/styles/scss/ds/lib/spacing.scss +20 -0
- package/styles/scss/ds/lib/text.scss +83 -0
- package/styles/scss/ds/lib/theme.scss +162 -0
- package/styles/scss/ds/lib/transition.scss +36 -0
- package/switch.DI8YYa5G.js +65 -0
- package/{systemfeedback.ZzRUAVYX.js → systemfeedback.C3Pfxxpp.js} +6 -6
- package/text.DThvTwm8.js +57 -0
- package/{textarea.DJc527nX.js → textarea.CBvH0ljM.js} +3 -3
- package/title.DqzdB2Gq.js +36 -0
- package/{toast.D48GFmp0.js → toast.n1QUINSA.js} +3 -3
- package/{toastmanager.Dl8-Q3ED.js → toastmanager.B7EZ4JSI.js} +1 -1
- package/arialiveregions.BKpxxK7O.js +0 -27
- package/assets/Accordion.DMEFgtQm.css +0 -1
- package/assets/CheckboxGroup.Bz3_xkZU.css +0 -1
- package/assets/Chip.D10_7Q82.css +0 -1
- package/assets/CustomReactSelect.D5XKd9vg.css +0 -1
- package/assets/Dialog.B0pucIEI.css +0 -1
- package/assets/Drawer.CATBzfY7.css +0 -1
- package/assets/Fieldset.CwDhKRUL.css +0 -1
- package/assets/Icon.Duy_0R8w.css +0 -1
- package/assets/InputPassword.DOAAzj-O.css +0 -1
- package/assets/InputSearch.CxPYaQGZ.css +0 -1
- package/assets/InputStepper.CYYJUu0b.css +0 -1
- package/assets/Notification.mhVFeSGm.css +0 -1
- package/assets/Select.DZKpHV4G.css +0 -1
- package/assets/Textarea.Cp0b7oZp.css +0 -1
- package/assets/Toast.Cz6wYaBv.css +0 -1
- package/assets/arialiveregions.GsGx2USO.css +0 -1
- package/assets/asterisk.DlJ4YtSZ.css +0 -1
- package/assets/button.C9_ejpGG.css +0 -1
- package/assets/buttonround.DTCqRP-0.css +0 -1
- package/assets/checkbox.K4CVYK9g.css +0 -1
- package/assets/chipgroup.BMovtKTy.css +0 -1
- package/assets/flag.DX_lH1v7.css +0 -1
- package/assets/floatingactionbutton.Do-yEH6c.css +0 -1
- package/assets/heading.6bER-Eac.css +0 -1
- package/assets/input.Q5oKkmW2.css +0 -1
- package/assets/link.DhZqkLMP.css +0 -1
- package/assets/linkstandalone.Dwz-_O8q.css +0 -1
- package/assets/logo.pETQEsvZ.css +0 -1
- package/assets/optioncheckbox.C62HtIj5.css +0 -1
- package/assets/radio.-Xxx5wL4.css +0 -1
- package/assets/skiptocontent.CHcqLS7S.css +0 -1
- package/assets/spinner.D_Nnf1ZG.css +0 -1
- package/assets/switch.C1Ei0-z8.css +0 -1
- package/assets/systemfeedback.Sq0bAIyf.css +0 -1
- package/assets/text.DxKFcfY6.css +0 -1
- package/assets/title.f74Bosn-.css +0 -1
- package/asterisk.DDn-yX4P.js +0 -8
- package/button.C5opEJ6x.js +0 -135
- package/buttonround.CUoqRyy0.js +0 -118
- package/checkbox.DETR3e3X.js +0 -112
- package/chipgroup.BJrqEfvr.js +0 -175
- package/chunks/Accordion.DFwFN8mX.js +0 -125
- package/chunks/Dialog.Fwr6vLiK.js +0 -148
- package/chunks/Drawer.CKoYzQHd.js +0 -154
- package/chunks/InputPassword.C7pNeWGx.js +0 -143
- package/chunks/InputSearch.B24rcIJ_.js +0 -192
- package/chunks/InputStepper.CEW-bieQ.js +0 -294
- package/chunks/Notification.BXVN7_Fs.js +0 -93
- package/chunks/RadioGroup.D4UOflwr.js +0 -137
- package/chunks/Select.Ds86q4UC.js +0 -194
- package/chunks/Textarea.DcB8hKnO.js +0 -198
- package/chunks/Toast.DrzxdzVW.js +0 -89
- package/customreactselect.lYJhIeyx.js +0 -13
- package/fieldset.BqiAjeax.js +0 -11
- package/flag.XJHHSP38.js +0 -43
- package/floatingactionbutton.CMpkTdhX.js +0 -87
- package/heading.CAkraI2D.js +0 -50
- package/input.v7qB7wPJ.js +0 -239
- package/link.Clk5_BYp.js +0 -116
- package/linkstandalone.BXERmqdN.js +0 -80
- package/logo.CEO6OV7u.js +0 -65
- package/optioncheckbox.BPN3f6l_.js +0 -43
- package/radio.DTZNJzMU.js +0 -115
- package/skiptocontent.DUQWopO4.js +0 -46
- package/spinner.D-xrotcu.js +0 -58
- package/styles/scss/_index.scss +0 -24
- package/styles/scss/lib/_a11y.scss +0 -15
- package/styles/scss/lib/_animation.scss +0 -21
- package/styles/scss/lib/_breakpoints.scss +0 -15
- package/styles/scss/lib/_container-query.scss +0 -58
- package/styles/scss/lib/_grid-extended.scss +0 -11
- package/styles/scss/lib/_grid-full.scss +0 -6
- package/styles/scss/lib/_grid-main.scss +0 -117
- package/styles/scss/lib/_grid-narrow.scss +0 -16
- package/styles/scss/lib/_grid-sidebar-sidebar.scss +0 -50
- package/styles/scss/lib/_heading.scss +0 -107
- package/styles/scss/lib/_helpers.scss +0 -15
- package/styles/scss/lib/_high-contrast.scss +0 -24
- package/styles/scss/lib/_hover.scss +0 -10
- package/styles/scss/lib/_link.scss +0 -129
- package/styles/scss/lib/_media-query.scss +0 -32
- package/styles/scss/lib/_spacing-dynamic.scss +0 -61
- package/styles/scss/lib/_spacing.scss +0 -32
- package/styles/scss/lib/_text.scss +0 -110
- package/styles/scss/lib/_theme.scss +0 -162
- package/styles/scss/lib/_transition.scss +0 -45
- package/switch.CoNnIhM4.js +0 -65
- package/text.fMcHzVbH.js +0 -57
- package/title.LY1ylQsb.js +0 -36
- /package/components/{CustomReactSelect → Combobox/CustomReactSelect}/CustomReactSelect.utils.test.d.ts +0 -0
- /package/components/{CustomReactSelect → Combobox/CustomReactSelect}/OptionCheckbox.d.ts +0 -0
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._skip-to-content_cxg2l_76{position:absolute;left:-9999px;z-index:999;opacity:0;box-shadow:0 0 0 2px #fff}._skip-to-content--dark_cxg2l_83{box-shadow:0 0 0 2px #252525}._skip-to-content_cxg2l_76._skip-to-content_cxg2l_76{text-decoration-skip-ink:auto;text-decoration-line:underline;text-underline-offset:2px;text-decoration-thickness:1px;text-decoration-color:currentColor}._skip-to-content_cxg2l_76:focus{left:8px;top:8px;opacity:1}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._root_11iwi_76{display:inline-flex;vertical-align:top;margin:0;padding:0}._root-size-small_11iwi_82{height:1rem;width:1rem}._root-size-medium_11iwi_86{height:2rem;width:2rem}._root-size-large_11iwi_90{height:2.5rem;width:2.5rem}._root-size-x-large_11iwi_94{height:4rem;width:4rem}._root-size-inherit_11iwi_98{height:inherit;width:inherit}._root_11iwi_76>svg{position:relative;transform:translateZ(0);animation:_rotate_11iwi_1 var(--ds-animation-duration, 1.1s) linear infinite;width:inherit;height:inherit}@media (prefers-reduced-motion: reduce){._root_11iwi_76>svg{animation-duration:0s}}@keyframes _rotate_11iwi_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}._screenReaderOnly_11iwi_123{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}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._root_10ymp_76{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,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.25;font-size-adjust:.414;color:#252525;display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:0;outline:0;border:0;text-align:left;background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}._root_10ymp_76{transition:background-color var(--ds-animation-duration, .1s) linear}._root_10ymp_76{transition:transform var(--ds-animation-duration, .25s) cubic-bezier(0,0,.5,1),opacity var(--ds-animation-duration, .25s) cubic-bezier(0,0,.5,1)}@media (prefers-reduced-motion: reduce){._root_10ymp_76{transition-duration:0ms}}._root--label-right_10ymp_116{flex-direction:row-reverse}._root--stretched_10ymp_119{justify-content:space-between;width:100%}@media (hover: hover){._root_10ymp_76:hover ._switch_10ymp_124{background-color:#0000001a}}._root_10ymp_76:focus ._switch_10ymp_124:before,._root_10ymp_76:focus ._loader_10ymp_129:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border:2px solid #252525;border-radius:6.25rem}@media screen and (forced-colors: active){._root_10ymp_76:focus ._switch_10ymp_124:before,._root_10ymp_76:focus ._loader_10ymp_129:before{border-color:Highlight}}@supports selector(:focus-visible){._root_10ymp_76:focus ._switch_10ymp_124:before,._root_10ymp_76:focus ._loader_10ymp_129:before{content:none}._root_10ymp_76:focus-visible ._switch_10ymp_124:before,._root_10ymp_76:focus-visible ._loader_10ymp_129:before{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border:2px solid #252525;border-radius:6.25rem}@media screen and (forced-colors: active){._root_10ymp_76:focus-visible ._switch_10ymp_124:before,._root_10ymp_76:focus-visible ._loader_10ymp_129:before{border-color:Highlight}}}._root_10ymp_76[aria-disabled=true]._root_10ymp_76{cursor:not-allowed}@media screen and (forced-colors: active){._root_10ymp_76[aria-disabled=true]._root_10ymp_76{color:GrayText}}._root_10ymp_76[aria-disabled=true] ._switch_10ymp_124{background-color:transparent;border-color:#00000080;color:#00000080}@media screen and (forced-colors: active){._root_10ymp_76[aria-disabled=true] ._switch_10ymp_124{border-color:GrayText}}._root_10ymp_76[aria-disabled=true] ._thumb_10ymp_187{background-color:#00000080}._root_10ymp_76[aria-disabled=true] ._thumb_10ymp_187 svg{opacity:0}@media screen and (forced-colors: active){._root_10ymp_76[aria-disabled=true] ._thumb_10ymp_187{background-color:CanvasText}._root_10ymp_76[aria-disabled=true] ._thumb_10ymp_187 svg{fill:Canvas}}@media (hover: hover){._root--checked_10ymp_202:hover ._switch_10ymp_124{background-color:#d9480f}._root--checked_10ymp_202:hover ._thumb_10ymp_187{background-color:#ededed}._root--checked_10ymp_202:hover ._thumb_10ymp_187 svg{fill:#d9480f}}@media screen and (hover: hover) and (forced-colors: active){._root--checked_10ymp_202:hover ._thumb_10ymp_187{background-color:CanvasText}._root--checked_10ymp_202:hover ._thumb_10ymp_187 svg{fill:Canvas}}._root--checked_10ymp_202 ._switch_10ymp_124{background-color:#e9640c}._root--checked_10ymp_202 ._thumb_10ymp_187{background-color:#fff;transform:translate3d(calc(1.75rem - 1px),0,0)}._root--checked_10ymp_202 ._thumb_10ymp_187 svg{opacity:1;fill:#e9640c}@media screen and (forced-colors: active){._root--checked_10ymp_202 ._thumb_10ymp_187{background-color:CanvasText}._root--checked_10ymp_202 ._thumb_10ymp_187 svg{fill:Canvas}}@media (hover: hover){._root--checked_10ymp_202[aria-disabled=true]:hover ._thumb_10ymp_187 svg{fill:#00000080}}@media screen and (hover: hover) and (forced-colors: active){._root--checked_10ymp_202[aria-disabled=true]:hover ._thumb_10ymp_187{background-color:CanvasText}._root--checked_10ymp_202[aria-disabled=true]:hover ._thumb_10ymp_187 svg{fill:Canvas}}._root--checked_10ymp_202[aria-disabled=true] ._switch_10ymp_124{background-color:#dadada;border-color:#00000080}@media screen and (forced-colors: active){._root--checked_10ymp_202[aria-disabled=true] ._switch_10ymp_124{border-color:GrayText}}._root--checked_10ymp_202[aria-disabled=true] ._thumb_10ymp_187{background-color:#fff}._root--checked_10ymp_202[aria-disabled=true] ._thumb_10ymp_187 svg{opacity:1;fill:#00000080}@media screen and (forced-colors: active){._root--checked_10ymp_202[aria-disabled=true] ._thumb_10ymp_187{background-color:CanvasText}._root--checked_10ymp_202[aria-disabled=true] ._thumb_10ymp_187 svg{fill:Canvas}}._switch_10ymp_124{border:1px solid #252525;border-radius:6.25rem;display:flex;align-items:center;position:relative;width:3.5rem;height:2rem;min-width:3.5rem;transition:inherit}._thumb_10ymp_187{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;background-color:#252525;border-radius:50%;transform:translate3d(calc(.25rem - 1px),0,0);transition:inherit}._thumb_10ymp_187 svg{transition:inherit;opacity:0}@media screen and (forced-colors: active){._thumb_10ymp_187{background-color:CanvasText}._thumb_10ymp_187 svg{fill:Canvas}}._loader_10ymp_129{width:3.5rem;height:2rem;min-width:3.5rem;border-radius:6.25rem;display:flex;align-items:center;justify-content:center;border:1px solid transparent;position:relative}._loader_10ymp_129 svg{fill:#00000080}@media screen and (forced-colors: active){._loader_10ymp_129 svg{fill:CanvasText}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._root_10tno_76{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.875rem;line-height:1.14;font-size-adjust:.414;color:#252525;display:flex;align-items:flex-start;gap:8px}
|
package/assets/text.DxKFcfY6.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._root_112bt_76{margin:0;padding:0;border:none;color:#252525}._root--large_112bt_82{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1.25rem;line-height:1.6;font-size-adjust:.414}._root--large-bold_112bt_94{font-family:STIHL Contraface Digital Text Bold,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:1.25rem;line-height:1.6;font-size-adjust:.426}._root--medium_112bt_106{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,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;font-size-adjust:.414}._root--medium-bold_112bt_118{font-family:STIHL Contraface Digital Text Bold,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,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;font-size-adjust:.426}._root--small_112bt_130{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.875rem;line-height:1.14;font-size-adjust:.414}._root--small-bold_112bt_142{font-family:STIHL Contraface Digital Text Bold,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.875rem;line-height:1.14;font-size-adjust:.426}._root--x-small_112bt_154{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.75rem;line-height:1.33;font-size-adjust:.414}._root--x-small-bold_112bt_166{font-family:STIHL Contraface Digital Text Bold,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.75rem;line-height:1.33;font-size-adjust:.426}._root--xx-small_112bt_178{font-family:STIHL Contraface Digital Text Regular,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;-webkit-hyphens:manual;hyphens:manual;overflow-wrap:break-word;font-weight:400;font-size:.625rem;line-height:1.6;font-size-adjust:.414}._root_112bt_76 a:not([class]){display:inline;padding-inline-end:2px;padding-inline-start:2px;padding-block-start:0;padding-block-end:0;line-height:inherit;font-size:inherit;text-decoration-skip-ink:auto;text-decoration-line:underline;text-underline-offset:2px;text-decoration-thickness:1px;text-decoration-color:currentColor}:where(._root_112bt_76 a:not([class]))[href^="http://"]:after,:where(._root_112bt_76 a:not([class]))[href^="https://"]:after,:where(._root_112bt_76 a:not([class]))[href^="#"]:after{display:inline-block;margin-inline-start:.375em;width:.75em;height:.75em}._root_112bt_76 a:not([class]){color:#252525}._root_112bt_76 a:not([class]):link,._root_112bt_76 a:not([class]):visited{color:#252525}._root_112bt_76 a:not([class]):active{background-color:#0000001a;color:#252525}@media (hover: hover){._root_112bt_76 a:not([class]):hover{background-color:#0000001a;color:#252525}}@media screen and (hover: hover) and (forced-colors: active){._root_112bt_76 a:not([class]):hover{background-color:Canvas}}._root_112bt_76 a:not([class])[href^="http://"]:after,._root_112bt_76 a:not([class])[href^="https://"]:after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23252525' viewBox='0 0 16 16' focusable='false' width='100%25' height='100%25'%3E%3Cpath fill-rule='evenodd' d='M9 2V0h7v7h-2V3.4L8.1 9.3 6.7 7.9 12.6 2H9Zm5 8h-2v4H2V4h4V2H0v14h14v-6Z' clip-rule='evenodd'/%3E%3C/svg%3E")}._root_112bt_76 a:not([class])[href^="#"]:after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23252525' viewBox='0 0 16 16' focusable='false' width='100%25' height='100%25'%3E%3Cpath d='M14.4 9.6 8 16 1.6 9.6 3 8.2l4 4V0h2v12.2l4-4 1.4 1.4Z'/%3E%3C/svg%3E")}._root_112bt_76 a:not([class]):focus{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){._root_112bt_76 a:not([class]):focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root_112bt_76 a:not([class]):focus{outline:revert;outline-offset:revert}._root_112bt_76 a:not([class]):focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){._root_112bt_76 a:not([class]):focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._root_112bt_76 a:not([class]){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_112bt_76 a:not([class]){transition-duration:0ms}}._root--theme-dark_112bt_275{color:#fff}._root--theme-dark_112bt_275 a:not([class]){display:inline;padding-inline-end:2px;padding-inline-start:2px;padding-block-start:0;padding-block-end:0;line-height:inherit;font-size:inherit;text-decoration-skip-ink:auto;text-decoration-line:underline;text-underline-offset:2px;text-decoration-thickness:1px;text-decoration-color:currentColor}:where(._root--theme-dark_112bt_275 a:not([class]))[href^="http://"]:after,:where(._root--theme-dark_112bt_275 a:not([class]))[href^="https://"]:after,:where(._root--theme-dark_112bt_275 a:not([class]))[href^="#"]:after{display:inline-block;margin-inline-start:.375em;width:.75em;height:.75em}._root--theme-dark_112bt_275 a:not([class]){color:#fff}._root--theme-dark_112bt_275 a:not([class]):link,._root--theme-dark_112bt_275 a:not([class]):visited{color:#fff}._root--theme-dark_112bt_275 a:not([class]):active{background-color:#ffffff26;color:#fff}@media (hover: hover){._root--theme-dark_112bt_275 a:not([class]):hover{background-color:#ffffff26;color:#fff}}@media screen and (hover: hover) and (forced-colors: active){._root--theme-dark_112bt_275 a:not([class]):hover{background-color:Canvas}}._root--theme-dark_112bt_275 a:not([class])[href^="http://"]:after,._root--theme-dark_112bt_275 a:not([class])[href^="https://"]:after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' viewBox='0 0 16 16' focusable='false' width='100%25' height='100%25'%3E%3Cpath fill-rule='evenodd' d='M9 2V0h7v7h-2V3.4L8.1 9.3 6.7 7.9 12.6 2H9Zm5 8h-2v4H2V4h4V2H0v14h14v-6Z' clip-rule='evenodd'/%3E%3C/svg%3E")}._root--theme-dark_112bt_275 a:not([class])[href^="#"]:after{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FFFFFF' viewBox='0 0 16 16' focusable='false' width='100%25' height='100%25'%3E%3Cpath d='M14.4 9.6 8 16 1.6 9.6 3 8.2l4 4V0h2v12.2l4-4 1.4 1.4Z'/%3E%3C/svg%3E")}._root--theme-dark_112bt_275 a:not([class]):focus{outline:2px solid;outline-color:#fff;outline-offset:0}@media screen and (forced-colors: active){._root--theme-dark_112bt_275 a:not([class]):focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--theme-dark_112bt_275 a:not([class]):focus{outline:revert;outline-offset:revert}._root--theme-dark_112bt_275 a:not([class]):focus-visible{outline:2px solid;outline-color:#fff;outline-offset:0}@media screen and (forced-colors: active){._root--theme-dark_112bt_275 a:not([class]):focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._root--theme-dark_112bt_275 a:not([class]){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--theme-dark_112bt_275 a:not([class]){transition-duration:0ms}}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
._root_1lq13_76{color:#252525}._root--x-large-uppercase_1lq13_79{font-family:STIHL Contraface Digital Display Title,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;font-weight:400;font-size:1.625rem;line-height:1.2;font-size-adjust:cap-height .68;text-transform:uppercase}@media (min-width: 1024px){._root--x-large-uppercase_1lq13_79{font-size:1.875rem;line-height:1.25}}._root--large-uppercase_1lq13_96{font-family:STIHL Contraface Digital Display Title,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-style:normal;font-variant:normal;font-weight:400;font-size:1.375rem;line-height:1.25;font-size-adjust:cap-height .68;text-transform:uppercase}@media (min-width: 1024px){._root--large-uppercase_1lq13_96{font-size:1.625rem;line-height:1.2}}._root--theme-dark_1lq13_113{color:#fff}._root_1lq13_76>._dash_1lq13_116{display:block;text-transform:none}
|
package/asterisk.DDn-yX4P.js
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { j as o } from "./chunks/jsx-runtime.C115EyI4.js";
|
|
3
|
-
import './assets/asterisk.DlJ4YtSZ.css';const s = "_root_1j0kw_76", t = {
|
|
4
|
-
root: s
|
|
5
|
-
}, e = () => /* @__PURE__ */ o.jsx("span", { className: t.root, "aria-hidden": "true", children: "*" });
|
|
6
|
-
export {
|
|
7
|
-
e as Asterisk
|
|
8
|
-
};
|
package/button.C5opEJ6x.js
DELETED
|
@@ -1,135 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { j as _ } 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.C2o2seDb.js";
|
|
6
|
-
import { DSSpinner as F } from "./spinner.D-xrotcu.js";
|
|
7
|
-
import './assets/button.C9_ejpGG.css';const S = "_root_1b5zu_151", x = "_root--highlight_1b5zu_228", j = "_root--dark-highlight_1b5zu_228", L = "_root--filled_1b5zu_306", C = "_root--outline_1b5zu_334", N = "_root--ghost_1b5zu_361", B = "_root--ghost-flush_1b5zu_386", E = "_root--small_1b5zu_392", R = "_root--dark-filled_1b5zu_474", T = "_root--dark-outline_1b5zu_533", V = "_root--dark-ghost_1b5zu_591", q = "_root--dark-ghost-flush_1b5zu_647", w = "_root--icon-left_1b5zu_711", A = "_root--icon-only_1b5zu_727", J = "_root--icon-only-small_1b5zu_736", K = "_loader_1b5zu_751", M = "_icon--hidden_1b5zu_763", P = "_label--hidden_1b5zu_767", Q = "_label--loading_1b5zu_779", o = {
|
|
8
|
-
root: S,
|
|
9
|
-
"root--highlight": "_root--highlight_1b5zu_228",
|
|
10
|
-
rootHighlight: x,
|
|
11
|
-
"root--dark-highlight": "_root--dark-highlight_1b5zu_228",
|
|
12
|
-
rootDarkHighlight: j,
|
|
13
|
-
"root--filled": "_root--filled_1b5zu_306",
|
|
14
|
-
rootFilled: L,
|
|
15
|
-
"root--outline": "_root--outline_1b5zu_334",
|
|
16
|
-
rootOutline: C,
|
|
17
|
-
"root--ghost": "_root--ghost_1b5zu_361",
|
|
18
|
-
rootGhost: N,
|
|
19
|
-
"root--ghost-flush": "_root--ghost-flush_1b5zu_386",
|
|
20
|
-
rootGhostFlush: B,
|
|
21
|
-
"root--small": "_root--small_1b5zu_392",
|
|
22
|
-
rootSmall: E,
|
|
23
|
-
"root--dark-filled": "_root--dark-filled_1b5zu_474",
|
|
24
|
-
rootDarkFilled: R,
|
|
25
|
-
"root--dark-outline": "_root--dark-outline_1b5zu_533",
|
|
26
|
-
rootDarkOutline: T,
|
|
27
|
-
"root--dark-ghost": "_root--dark-ghost_1b5zu_591",
|
|
28
|
-
rootDarkGhost: V,
|
|
29
|
-
"root--dark-ghost-flush": "_root--dark-ghost-flush_1b5zu_647",
|
|
30
|
-
rootDarkGhostFlush: q,
|
|
31
|
-
"root--icon-left": "_root--icon-left_1b5zu_711",
|
|
32
|
-
rootIconLeft: w,
|
|
33
|
-
"root--icon-only": "_root--icon-only_1b5zu_727",
|
|
34
|
-
rootIconOnly: A,
|
|
35
|
-
"root--icon-only-small": "_root--icon-only-small_1b5zu_736",
|
|
36
|
-
rootIconOnlySmall: J,
|
|
37
|
-
loader: K,
|
|
38
|
-
"icon--hidden": "_icon--hidden_1b5zu_763",
|
|
39
|
-
iconHidden: M,
|
|
40
|
-
"label--hidden": "_label--hidden_1b5zu_767",
|
|
41
|
-
labelHidden: P,
|
|
42
|
-
"label--loading": "_label--loading_1b5zu_779",
|
|
43
|
-
labelLoading: Q
|
|
44
|
-
}, $ = ({
|
|
45
|
-
children: g,
|
|
46
|
-
aria: k,
|
|
47
|
-
className: f,
|
|
48
|
-
dataTrackingid: z,
|
|
49
|
-
disabled: h = !1,
|
|
50
|
-
hideLabel: i = !1,
|
|
51
|
-
iconName: u,
|
|
52
|
-
iconPosition: m = "left",
|
|
53
|
-
iconSource: d,
|
|
54
|
-
isFlush: s = !1,
|
|
55
|
-
loading: r = !1,
|
|
56
|
-
size: n = "medium",
|
|
57
|
-
theme: l = "light",
|
|
58
|
-
variant: t = "filled",
|
|
59
|
-
onClick: c,
|
|
60
|
-
...D
|
|
61
|
-
}) => {
|
|
62
|
-
const y = a(o.root, f, {
|
|
63
|
-
// variant
|
|
64
|
-
[o.rootFilled]: t === "filled",
|
|
65
|
-
[o.rootHighlight]: t === "highlight",
|
|
66
|
-
[o.rootOutline]: t === "outline",
|
|
67
|
-
[o.rootGhost]: t === "ghost" && s !== !0,
|
|
68
|
-
// isFlush
|
|
69
|
-
[o.rootGhostFlush]: t === "ghost" && s === !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" && s !== !0,
|
|
75
|
-
// dark isFlush
|
|
76
|
-
[o.rootDarkGhostFlush]: l === "dark" && t === "ghost" && s === !0,
|
|
77
|
-
// size
|
|
78
|
-
[o.rootSmall]: n === "small",
|
|
79
|
-
// icon position
|
|
80
|
-
[o.rootIconLeft]: m === "left",
|
|
81
|
-
// icon only
|
|
82
|
-
[o.rootIconOnly]: e(i) && n === "medium",
|
|
83
|
-
[o.rootIconOnlySmall]: e(i) && n === "small"
|
|
84
|
-
}), O = a(o.label, {
|
|
85
|
-
// hide label only visually to keep them available for assistive technologies
|
|
86
|
-
[o.labelHidden]: e(i),
|
|
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 = (b) => {
|
|
93
|
-
if (h || r) {
|
|
94
|
-
b.preventDefault();
|
|
95
|
-
return;
|
|
96
|
-
}
|
|
97
|
-
c && c(b);
|
|
98
|
-
};
|
|
99
|
-
return /* @__PURE__ */ _.jsxs(
|
|
100
|
-
"button",
|
|
101
|
-
{
|
|
102
|
-
className: y,
|
|
103
|
-
"data-trackingid": z,
|
|
104
|
-
type: "submit",
|
|
105
|
-
onClick: H,
|
|
106
|
-
...k,
|
|
107
|
-
...D,
|
|
108
|
-
"aria-disabled": h || r,
|
|
109
|
-
"aria-busy": r,
|
|
110
|
-
children: [
|
|
111
|
-
r && /* @__PURE__ */ _.jsx(
|
|
112
|
-
F,
|
|
113
|
-
{
|
|
114
|
-
className: o.loader,
|
|
115
|
-
aria: { "aria-label": "Loading state" }
|
|
116
|
-
}
|
|
117
|
-
),
|
|
118
|
-
/* @__PURE__ */ _.jsx("span", { className: O, children: g }),
|
|
119
|
-
(u || d) && /* @__PURE__ */ _.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
|
-
$ as DSButton
|
|
135
|
-
};
|
package/buttonround.CUoqRyy0.js
DELETED
|
@@ -1,118 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { j as i } from "./chunks/jsx-runtime.C115EyI4.js";
|
|
3
|
-
import { c as _ } from "./chunks/index.CvOaL64Y.js";
|
|
4
|
-
import { D as H } from "./chunks/Icon.C2o2seDb.js";
|
|
5
|
-
import { DSSpinner as p } from "./spinner.D-xrotcu.js";
|
|
6
|
-
import './assets/buttonround.DTCqRP-0.css';const F = "_root_15iy5_151", O = "_root--highlight_15iy5_228", G = "_root--dark-highlight_15iy5_228", I = "_root--filled_15iy5_306", S = "_root--outline_15iy5_334", x = "_root--ghost_15iy5_361", j = "_root--ghost-flush_15iy5_386", L = "_root--small_15iy5_392", C = "_root--dark-filled_15iy5_474", N = "_root--dark-outline_15iy5_533", R = "_root--dark-ghost_15iy5_591", B = "_root--dark-ghost-flush_15iy5_647", E = "_root--icon-left_15iy5_711", T = "_root--icon-only_15iy5_727", q = "_root--icon-only-small_15iy5_736", w = "_loader_15iy5_753", z = "_icon--hidden_15iy5_765", A = "_label--hidden_15iy5_769", J = "_label--loading_15iy5_781", o = {
|
|
7
|
-
root: F,
|
|
8
|
-
"root--highlight": "_root--highlight_15iy5_228",
|
|
9
|
-
rootHighlight: O,
|
|
10
|
-
"root--dark-highlight": "_root--dark-highlight_15iy5_228",
|
|
11
|
-
rootDarkHighlight: G,
|
|
12
|
-
"root--filled": "_root--filled_15iy5_306",
|
|
13
|
-
rootFilled: I,
|
|
14
|
-
"root--outline": "_root--outline_15iy5_334",
|
|
15
|
-
rootOutline: S,
|
|
16
|
-
"root--ghost": "_root--ghost_15iy5_361",
|
|
17
|
-
rootGhost: x,
|
|
18
|
-
"root--ghost-flush": "_root--ghost-flush_15iy5_386",
|
|
19
|
-
rootGhostFlush: j,
|
|
20
|
-
"root--small": "_root--small_15iy5_392",
|
|
21
|
-
rootSmall: L,
|
|
22
|
-
"root--dark-filled": "_root--dark-filled_15iy5_474",
|
|
23
|
-
rootDarkFilled: C,
|
|
24
|
-
"root--dark-outline": "_root--dark-outline_15iy5_533",
|
|
25
|
-
rootDarkOutline: N,
|
|
26
|
-
"root--dark-ghost": "_root--dark-ghost_15iy5_591",
|
|
27
|
-
rootDarkGhost: R,
|
|
28
|
-
"root--dark-ghost-flush": "_root--dark-ghost-flush_15iy5_647",
|
|
29
|
-
rootDarkGhostFlush: B,
|
|
30
|
-
"root--icon-left": "_root--icon-left_15iy5_711",
|
|
31
|
-
rootIconLeft: E,
|
|
32
|
-
"root--icon-only": "_root--icon-only_15iy5_727",
|
|
33
|
-
rootIconOnly: T,
|
|
34
|
-
"root--icon-only-small": "_root--icon-only-small_15iy5_736",
|
|
35
|
-
rootIconOnlySmall: q,
|
|
36
|
-
loader: w,
|
|
37
|
-
"icon--hidden": "_icon--hidden_15iy5_765",
|
|
38
|
-
iconHidden: z,
|
|
39
|
-
"label--hidden": "_label--hidden_15iy5_769",
|
|
40
|
-
labelHidden: A,
|
|
41
|
-
"label--loading": "_label--loading_15iy5_781",
|
|
42
|
-
labelLoading: J
|
|
43
|
-
}, U = ({
|
|
44
|
-
children: d,
|
|
45
|
-
aria: c,
|
|
46
|
-
className: y,
|
|
47
|
-
dataTrackingid: g,
|
|
48
|
-
disabled: n = !1,
|
|
49
|
-
iconName: s = "placeholder",
|
|
50
|
-
iconSource: a,
|
|
51
|
-
loading: t = !1,
|
|
52
|
-
theme: r = "light",
|
|
53
|
-
variant: l = "filled",
|
|
54
|
-
onClick: e,
|
|
55
|
-
...k
|
|
56
|
-
}) => {
|
|
57
|
-
const u = _(
|
|
58
|
-
o.root,
|
|
59
|
-
o.rootIconOnlySmall,
|
|
60
|
-
y,
|
|
61
|
-
{
|
|
62
|
-
// variant
|
|
63
|
-
[o.rootFilled]: l === "filled",
|
|
64
|
-
[o.rootHighlight]: l === "highlight",
|
|
65
|
-
// dark theme
|
|
66
|
-
[o.rootDarkFilled]: r === "dark" && l === "filled",
|
|
67
|
-
[o.rootDarkHighlight]: r === "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 = r === "light" && l === "filled" ? "dark" : "light", D = (h) => {
|
|
76
|
-
if (n || t) {
|
|
77
|
-
h.preventDefault();
|
|
78
|
-
return;
|
|
79
|
-
}
|
|
80
|
-
e && e(h);
|
|
81
|
-
};
|
|
82
|
-
return /* @__PURE__ */ i.jsxs(
|
|
83
|
-
"button",
|
|
84
|
-
{
|
|
85
|
-
className: u,
|
|
86
|
-
"data-trackingid": g,
|
|
87
|
-
type: "button",
|
|
88
|
-
onClick: D,
|
|
89
|
-
...c,
|
|
90
|
-
...k,
|
|
91
|
-
"aria-disabled": n || t,
|
|
92
|
-
"aria-busy": t,
|
|
93
|
-
children: [
|
|
94
|
-
t && /* @__PURE__ */ i.jsx(
|
|
95
|
-
p,
|
|
96
|
-
{
|
|
97
|
-
className: o.loader,
|
|
98
|
-
aria: { "aria-label": "Loading state" }
|
|
99
|
-
}
|
|
100
|
-
),
|
|
101
|
-
/* @__PURE__ */ i.jsx("span", { className: f, children: d }),
|
|
102
|
-
(s || a) && /* @__PURE__ */ i.jsx(
|
|
103
|
-
H,
|
|
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
|
-
};
|
package/checkbox.DETR3e3X.js
DELETED
|
@@ -1,112 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { j as e } from "./chunks/jsx-runtime.C115EyI4.js";
|
|
3
|
-
import { c as r } from "./chunks/index.CvOaL64Y.js";
|
|
4
|
-
import { forwardRef as S, useRef as y, useState as I, useEffect as H, useCallback as M } from "react";
|
|
5
|
-
import { u as g } from "./chunks/useBreakpoint.5xBNDiCf.js";
|
|
6
|
-
import { D as _ } from "./chunks/Icon.C2o2seDb.js";
|
|
7
|
-
import { DSSystemFeedback as B } from "./systemfeedback.ZzRUAVYX.js";
|
|
8
|
-
import './assets/checkbox.K4CVYK9g.css';const E = "_checkbox-root_rwkfx_151", V = "_checkbox-root--disabled_rwkfx_172", L = "_checkbox_rwkfx_151", O = "_icon-check_rwkfx_192", P = "_icon-minus_rwkfx_193", U = "_checkbox--invalid_rwkfx_217", q = "_label--hidden_rwkfx_222", z = "_input_rwkfx_235", A = "_label_rwkfx_222", F = "_feedback_rwkfx_349", c = {
|
|
9
|
-
"checkbox-root": "_checkbox-root_rwkfx_151",
|
|
10
|
-
checkboxRoot: E,
|
|
11
|
-
"checkbox-root--disabled": "_checkbox-root--disabled_rwkfx_172",
|
|
12
|
-
checkboxRootDisabled: V,
|
|
13
|
-
checkbox: L,
|
|
14
|
-
"icon-check": "_icon-check_rwkfx_192",
|
|
15
|
-
iconCheck: O,
|
|
16
|
-
"icon-minus": "_icon-minus_rwkfx_193",
|
|
17
|
-
iconMinus: P,
|
|
18
|
-
"checkbox--invalid": "_checkbox--invalid_rwkfx_217",
|
|
19
|
-
checkboxInvalid: U,
|
|
20
|
-
"label--hidden": "_label--hidden_rwkfx_222",
|
|
21
|
-
labelHidden: q,
|
|
22
|
-
input: z,
|
|
23
|
-
label: A,
|
|
24
|
-
feedback: F
|
|
25
|
-
}, G = S(
|
|
26
|
-
({
|
|
27
|
-
label: k,
|
|
28
|
-
checked: x,
|
|
29
|
-
className: d,
|
|
30
|
-
defaultChecked: f = !1,
|
|
31
|
-
disabled: s = !1,
|
|
32
|
-
hideLabel: u = !1,
|
|
33
|
-
indeterminate: h = !1,
|
|
34
|
-
invalid: i = !1,
|
|
35
|
-
systemFeedback: b,
|
|
36
|
-
onChange: l,
|
|
37
|
-
...m
|
|
38
|
-
}, n) => {
|
|
39
|
-
const a = y(null), [p, w] = I(f), C = g(u);
|
|
40
|
-
H(() => {
|
|
41
|
-
a && a.current && (a.current.indeterminate = h);
|
|
42
|
-
}, [h]);
|
|
43
|
-
const t = x !== void 0, j = t ? x : p, D = r(c.checkboxRoot, {
|
|
44
|
-
[c.checkboxRootDisabled]: s
|
|
45
|
-
}), N = r(c.label, {
|
|
46
|
-
// hide label only visually to keep them available for assistive technologies
|
|
47
|
-
[c.labelHidden]: C
|
|
48
|
-
}), v = r(c.checkbox, {
|
|
49
|
-
[c.checkboxInvalid]: i
|
|
50
|
-
}), R = M(
|
|
51
|
-
(o) => {
|
|
52
|
-
if (s) {
|
|
53
|
-
o.preventDefault();
|
|
54
|
-
return;
|
|
55
|
-
}
|
|
56
|
-
t || w(o.target.checked), l && l(o);
|
|
57
|
-
},
|
|
58
|
-
[s, t, l]
|
|
59
|
-
);
|
|
60
|
-
return /* @__PURE__ */ e.jsxs("div", { className: d, children: [
|
|
61
|
-
/* @__PURE__ */ e.jsxs("label", { className: D, children: [
|
|
62
|
-
/* @__PURE__ */ e.jsx(
|
|
63
|
-
"input",
|
|
64
|
-
{
|
|
65
|
-
type: "checkbox",
|
|
66
|
-
className: c.input,
|
|
67
|
-
ref: (o) => {
|
|
68
|
-
typeof n == "function" ? n(o) : n !== null && (n.current = o), a.current = o;
|
|
69
|
-
},
|
|
70
|
-
...m,
|
|
71
|
-
checked: j,
|
|
72
|
-
disabled: s,
|
|
73
|
-
"aria-label": k,
|
|
74
|
-
"aria-invalid": i,
|
|
75
|
-
onChange: R
|
|
76
|
-
}
|
|
77
|
-
),
|
|
78
|
-
/* @__PURE__ */ e.jsxs("div", { className: v, children: [
|
|
79
|
-
/* @__PURE__ */ e.jsx(
|
|
80
|
-
_,
|
|
81
|
-
{
|
|
82
|
-
name: "check",
|
|
83
|
-
className: c.iconCheck,
|
|
84
|
-
"aria-hidden": "true"
|
|
85
|
-
}
|
|
86
|
-
),
|
|
87
|
-
/* @__PURE__ */ e.jsx(
|
|
88
|
-
_,
|
|
89
|
-
{
|
|
90
|
-
name: "minus",
|
|
91
|
-
className: c.iconMinus,
|
|
92
|
-
"aria-hidden": "true"
|
|
93
|
-
}
|
|
94
|
-
)
|
|
95
|
-
] }),
|
|
96
|
-
/* @__PURE__ */ e.jsx("span", { className: N, children: k })
|
|
97
|
-
] }),
|
|
98
|
-
i && b && /* @__PURE__ */ e.jsx(
|
|
99
|
-
B,
|
|
100
|
-
{
|
|
101
|
-
className: c.feedback,
|
|
102
|
-
message: b,
|
|
103
|
-
type: "invalid"
|
|
104
|
-
}
|
|
105
|
-
)
|
|
106
|
-
] });
|
|
107
|
-
}
|
|
108
|
-
);
|
|
109
|
-
G.displayName = "DSCheckbox";
|
|
110
|
-
export {
|
|
111
|
-
G as DSCheckbox
|
|
112
|
-
};
|
package/chipgroup.BJrqEfvr.js
DELETED
|
@@ -1,175 +0,0 @@
|
|
|
1
|
-
"use client";
|
|
2
|
-
import { j as y } from "./chunks/jsx-runtime.C115EyI4.js";
|
|
3
|
-
import { useState as S, useRef as I, useEffect as w, createElement as W } from "react";
|
|
4
|
-
import { c as L } from "./chunks/index.CvOaL64Y.js";
|
|
5
|
-
import { h as $, u as q } from "./chunks/useBreakpoint.5xBNDiCf.js";
|
|
6
|
-
import { g as z } from "./chunks/AriaLiveRegions.utils.BGSZafnS.js";
|
|
7
|
-
import { v as J, a as P, e as Q } from "./chunks/Chip.fMG8wi5K.js";
|
|
8
|
-
import './assets/chipgroup.BMovtKTy.css';const X = "_label--hidden_vobaf_76", Y = "_chip-group_vobaf_89", A = {
|
|
9
|
-
"label--hidden": "_label--hidden_vobaf_76",
|
|
10
|
-
labelHidden: X,
|
|
11
|
-
"chip-group": "_chip-group_vobaf_89",
|
|
12
|
-
chipGroup: Y
|
|
13
|
-
}, ne = ({
|
|
14
|
-
chips: p,
|
|
15
|
-
id: h,
|
|
16
|
-
label: D,
|
|
17
|
-
className: G,
|
|
18
|
-
hideLabel: K = !1,
|
|
19
|
-
isRemovable: r = !1,
|
|
20
|
-
lang: j = "en",
|
|
21
|
-
selectionMode: c = "single",
|
|
22
|
-
size: C = "medium",
|
|
23
|
-
translations: N,
|
|
24
|
-
onChipsChange: i,
|
|
25
|
-
...T
|
|
26
|
-
}) => {
|
|
27
|
-
process.env.NODE_ENV !== "production" && J({
|
|
28
|
-
chips: p,
|
|
29
|
-
id: h,
|
|
30
|
-
label: D
|
|
31
|
-
});
|
|
32
|
-
const [l, o] = S(null), [s, a] = S(p), E = I(null), [d, b] = S(), f = I([]);
|
|
33
|
-
w(() => {
|
|
34
|
-
a(p);
|
|
35
|
-
}, [p]), w(() => {
|
|
36
|
-
P();
|
|
37
|
-
const e = () => b("keydown"), t = () => b(null), n = () => b(null);
|
|
38
|
-
return $ && (document.addEventListener("keydown", e), document.addEventListener("mousedown", t), document.addEventListener("touchstart", n)), () => {
|
|
39
|
-
$ && (document.removeEventListener("keydown", e), document.removeEventListener("mousedown", t), document.removeEventListener("touchstart", n));
|
|
40
|
-
};
|
|
41
|
-
}, []), w(() => {
|
|
42
|
-
var e;
|
|
43
|
-
l !== null && f.current[l] && d === "keydown" && ((e = f.current[l]) == null || e.focus());
|
|
44
|
-
}, [l]), w(() => {
|
|
45
|
-
d === "keydown" && l !== null && s.length > 0 && f.current.forEach((e, t) => {
|
|
46
|
-
e && (e.tabIndex = t === l ? 0 : -1, t === l && e.focus());
|
|
47
|
-
});
|
|
48
|
-
}, [s]);
|
|
49
|
-
const B = (e) => {
|
|
50
|
-
if (l === null) return;
|
|
51
|
-
let t = l;
|
|
52
|
-
switch (e.key) {
|
|
53
|
-
case "a":
|
|
54
|
-
(e.metaKey || e.ctrlKey) && (e.preventDefault(), F());
|
|
55
|
-
break;
|
|
56
|
-
case "ArrowRight":
|
|
57
|
-
case "ArrowDown":
|
|
58
|
-
e.shiftKey && c === "multiple" && !r ? (t = l + 1 > s.length - 1 ? s.length - 1 : l + 1, l !== t ? (u(l), u(t)) : s[l].isSelected || u(l)) : (t = (l + 1) % s.length, e.preventDefault());
|
|
59
|
-
break;
|
|
60
|
-
case "ArrowLeft":
|
|
61
|
-
case "ArrowUp":
|
|
62
|
-
e.shiftKey && c === "multiple" && !r ? (t = l - 1 < 0 ? 0 : l - 1, l !== t ? (u(l), u(t)) : s[0].isSelected || u(0)) : (t = (l - 1 + s.length) % s.length, e.preventDefault());
|
|
63
|
-
break;
|
|
64
|
-
case "Enter":
|
|
65
|
-
case " ":
|
|
66
|
-
if (e.preventDefault(), r) {
|
|
67
|
-
k(t);
|
|
68
|
-
return;
|
|
69
|
-
} else
|
|
70
|
-
v(t);
|
|
71
|
-
break;
|
|
72
|
-
case "Backspace":
|
|
73
|
-
r && k(t), e.preventDefault();
|
|
74
|
-
return;
|
|
75
|
-
default:
|
|
76
|
-
return;
|
|
77
|
-
}
|
|
78
|
-
o(t);
|
|
79
|
-
}, F = () => {
|
|
80
|
-
if (c !== "multiple") return;
|
|
81
|
-
const e = s.map((t) => ({
|
|
82
|
-
...t,
|
|
83
|
-
selected: !t.disabled
|
|
84
|
-
}));
|
|
85
|
-
a(e), m(`${e.length} items selected`), i && i(e);
|
|
86
|
-
}, u = (e) => {
|
|
87
|
-
if (r) return;
|
|
88
|
-
const t = [...s];
|
|
89
|
-
t[e].disabled || (t[e].isSelected = !0, m(
|
|
90
|
-
`${t[e].label} selected, ${t.filter(({ isSelected: n }) => n).length} items selected`
|
|
91
|
-
), a(t), i && i(t));
|
|
92
|
-
}, v = (e) => {
|
|
93
|
-
if (r) return;
|
|
94
|
-
const t = [...s];
|
|
95
|
-
t[e].disabled || (c === "single" ? t.forEach((n, g) => {
|
|
96
|
-
g === e ? (n.isSelected = !n.isSelected, m(
|
|
97
|
-
`${n.label} ${n.isSelected ? "selected" : "not selected"}`
|
|
98
|
-
)) : n.isSelected = !1;
|
|
99
|
-
}) : c === "multiple" && (t[e].isSelected = !t[e].isSelected, m(
|
|
100
|
-
`${t[e].label} ${t[e].isSelected ? "selected" : "not selected"}, ${t.filter(({ isSelected: n }) => n).length} items selected`
|
|
101
|
-
)), a(t), i && i(t));
|
|
102
|
-
}, k = (e) => {
|
|
103
|
-
var g;
|
|
104
|
-
const t = s[e], n = s.filter((_, U) => U !== e);
|
|
105
|
-
if (a(n), m(
|
|
106
|
-
`${t.label} removed, ${n.length} items remaining`
|
|
107
|
-
), d === "keydown")
|
|
108
|
-
if (n.length > 0) {
|
|
109
|
-
const _ = Math.min(e, n.length - 1);
|
|
110
|
-
o(_);
|
|
111
|
-
} else
|
|
112
|
-
(g = E.current) == null || g.focus(), o(null);
|
|
113
|
-
i && i(n);
|
|
114
|
-
}, H = (e) => {
|
|
115
|
-
r ? k(e) : s[e].disabled || v(e);
|
|
116
|
-
}, m = (e) => {
|
|
117
|
-
const t = z();
|
|
118
|
-
t && (t.innerText = e, setTimeout(() => {
|
|
119
|
-
t.innerText = "";
|
|
120
|
-
}, 350));
|
|
121
|
-
}, V = (e) => l === null || l === e ? 0 : -1, x = q(K), O = L(A.chipGroup, G);
|
|
122
|
-
return s.length === 0 ? null : /* @__PURE__ */ y.jsxs("div", { children: [
|
|
123
|
-
/* @__PURE__ */ y.jsx(
|
|
124
|
-
"div",
|
|
125
|
-
{
|
|
126
|
-
id: h,
|
|
127
|
-
className: L({
|
|
128
|
-
[A.labelHidden]: x
|
|
129
|
-
}),
|
|
130
|
-
children: D
|
|
131
|
-
}
|
|
132
|
-
),
|
|
133
|
-
s.length > 0 && /* @__PURE__ */ y.jsx(
|
|
134
|
-
"div",
|
|
135
|
-
{
|
|
136
|
-
ref: E,
|
|
137
|
-
role: "grid",
|
|
138
|
-
"aria-labelledby": h,
|
|
139
|
-
"aria-multiselectable": c === "multiple",
|
|
140
|
-
tabIndex: -1,
|
|
141
|
-
onKeyDown: B,
|
|
142
|
-
onFocus: () => {
|
|
143
|
-
l === null ? (f.current[0].focus(), d === "keydown" && o(0)) : d === "keydown" && o(l);
|
|
144
|
-
},
|
|
145
|
-
onBlur: () => o(null),
|
|
146
|
-
className: O,
|
|
147
|
-
...T,
|
|
148
|
-
children: s.map((e, t) => /* @__PURE__ */ W(
|
|
149
|
-
Q,
|
|
150
|
-
{
|
|
151
|
-
...e,
|
|
152
|
-
key: `${e.id}-${t}`,
|
|
153
|
-
groupId: h,
|
|
154
|
-
tabIndex: V(t),
|
|
155
|
-
onClick: (n) => {
|
|
156
|
-
H(t), e.onClick && e.onClick(n);
|
|
157
|
-
},
|
|
158
|
-
"data-focused": l === t,
|
|
159
|
-
isRemovable: r,
|
|
160
|
-
lang: j,
|
|
161
|
-
selectionMode: c,
|
|
162
|
-
size: C,
|
|
163
|
-
translations: N,
|
|
164
|
-
ref: (n) => {
|
|
165
|
-
f.current[t] = n;
|
|
166
|
-
}
|
|
167
|
-
}
|
|
168
|
-
))
|
|
169
|
-
}
|
|
170
|
-
)
|
|
171
|
-
] });
|
|
172
|
-
};
|
|
173
|
-
export {
|
|
174
|
-
ne as DSChipGroup
|
|
175
|
-
};
|