@stihl-design-system/components 1.0.0-RC.7 → 1.0.0-RC.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (155) hide show
  1. package/Notification-additional-information.jpeg +0 -0
  2. package/Notification-confirm-error.jpg +0 -0
  3. package/Notification-confirm-warn.jpeg +0 -0
  4. package/Notification-overview.jpeg +0 -0
  5. package/Notification-success.jpeg +0 -0
  6. package/assets/CustomReactSelect.CMkn-EGK.css +1 -0
  7. package/assets/Dialog.DdLMmOLt.css +1 -0
  8. package/assets/Drawer.BqBgbSuP.css +1 -0
  9. package/assets/Fieldset.qHYeUFZt.css +1 -0
  10. package/assets/InputPassword.Cf394z47.css +1 -0
  11. package/assets/InputSearch.eCRQoxjN.css +1 -0
  12. package/assets/InputStepper.B80KulYE.css +1 -0
  13. package/assets/Notification.DK6agBGS.css +1 -0
  14. package/assets/Select.BptsMxz4.css +1 -0
  15. package/assets/Textarea.CIIVh03G.css +1 -0
  16. package/assets/Toast.Dsvs1zdM.css +1 -0
  17. package/assets/asterisk.DlJ4YtSZ.css +1 -0
  18. package/assets/button.B1O7Yw3Q.css +1 -0
  19. package/assets/buttonround.DlH_ipDo.css +1 -0
  20. package/assets/checkbox.K4CVYK9g.css +1 -0
  21. package/assets/heading.6bER-Eac.css +1 -0
  22. package/assets/input.C0MrSbQu.css +1 -0
  23. package/assets/link.vtTST2ki.css +1 -0
  24. package/assets/linkstandalone.BtAcziZ7.css +1 -0
  25. package/assets/logo.pETQEsvZ.css +1 -0
  26. package/assets/optioncheckbox.BJJAph5_.css +1 -0
  27. package/assets/radio.9kpIO3HC.css +1 -0
  28. package/assets/skiptocontent.CHcqLS7S.css +1 -0
  29. package/assets/switch.2DQF2zH-.css +1 -0
  30. package/assets/systemfeedback.Sq0bAIyf.css +1 -0
  31. package/assets/text.Dhb_l50R.css +1 -0
  32. package/assets/title.f74Bosn-.css +1 -0
  33. package/{asterisk.Cjbk-xZi.js → asterisk.DDn-yX4P.js} +1 -1
  34. package/button.CkHCQg3Y.js +135 -0
  35. package/buttonround.DX3u2Fio.js +118 -0
  36. package/checkbox.BbmCDJCm.js +112 -0
  37. package/{checkboxgroup.DqWlzAeR.js → checkboxgroup.CPENWSuk.js} +2 -2
  38. package/chunks/{CheckboxGroup.DsQ6lI5a.js → CheckboxGroup.Dx_Hn8Dl.js} +2 -2
  39. package/chunks/CustomReactSelect.C4rTVlvy.js +3593 -0
  40. package/chunks/Dialog.TPjJ_yxK.js +148 -0
  41. package/chunks/Drawer.DrLGSch-.js +154 -0
  42. package/chunks/{Fieldset.B1vsrHNv.js → Fieldset.P09LInkT.js} +29 -29
  43. package/chunks/{Input.utils.BGUhXCNP.js → Input.utils.ChV6RJsh.js} +19 -17
  44. package/chunks/InputPassword.CSc1c98k.js +140 -0
  45. package/chunks/{InputSearch.DITRiB92.js → InputSearch.DrgdGFT_.js} +49 -49
  46. package/chunks/{InputStepper.Bf8NZ9pb.js → InputStepper.DJEuIr4C.js} +76 -76
  47. package/chunks/{Notification.DVVuSOqG.js → Notification.B68mMDiB.js} +24 -24
  48. package/chunks/{RadioGroup.BO4pbAJw.js → RadioGroup.B5jRveyI.js} +2 -2
  49. package/chunks/Select.Cl2eJR1z.js +191 -0
  50. package/chunks/Textarea.Sk9-GXfs.js +195 -0
  51. package/chunks/{Toast.RON4bFPY.js → Toast.D9DAuz2m.js} +33 -33
  52. package/{combobox.CRlhqmuO.js → combobox.jDpV6bv-.js} +1 -1
  53. package/components/Button/Button.d.ts +1 -1
  54. package/components/Checkbox/Checkbox.d.ts +1 -1
  55. package/components/CustomReactSelect/CustomReactSelect.d.ts +2 -2
  56. package/components/Dialog/Dialog.d.ts +22 -3
  57. package/components/Dialog/Dialog.test.d.ts +1 -0
  58. package/components/Dialog/Dialog.utils.d.ts +12 -0
  59. package/components/Dialog/Dialog.utils.test.d.ts +1 -0
  60. package/components/Drawer/Drawer.d.ts +31 -0
  61. package/components/Drawer/Drawer.test.d.ts +1 -0
  62. package/components/Drawer/Drawer.utils.d.ts +14 -0
  63. package/components/Drawer/Drawer.utils.test.d.ts +1 -0
  64. package/components/Input/Input.d.ts +1 -1
  65. package/components/InputSearch/InputSearch.d.ts +1 -1
  66. package/components/LinkStandalone/LinkStandalone.d.ts +1 -1
  67. package/components/Notification/Notification.d.ts +3 -1
  68. package/components/Radio/Radio.d.ts +1 -1
  69. package/components/RadioGroup/RadioGroup.d.ts +1 -1
  70. package/components/SkipToContent/SkipToContent.d.ts +1 -1
  71. package/components/Switch/Switch.d.ts +1 -1
  72. package/components/Toast/Toast.d.ts +3 -0
  73. package/{customreactselect.CD58gwtp.js → customreactselect.C2QK_Q8T.js} +4 -4
  74. package/dialog.BPX7RJtQ.js +9 -0
  75. package/drawer.BfEPcSsQ.js +9 -0
  76. package/drawer.d.ts +1 -0
  77. package/fieldset.4yvz0e7M.js +11 -0
  78. package/heading.CAkraI2D.js +50 -0
  79. package/index.d.ts +4 -0
  80. package/index.es.js +99 -92
  81. package/input.lLMqAG-6.js +236 -0
  82. package/{inputpassword.Ba9SUUIK.js → inputpassword.BIdYGrhB.js} +4 -4
  83. package/{inputsearch.BK-0OTwA.js → inputsearch.DleOblJp.js} +4 -4
  84. package/inputstepper.DWkHwOAn.js +13 -0
  85. package/link.KZaBufPM.js +116 -0
  86. package/linkstandalone.B6tN-NXD.js +80 -0
  87. package/{logo.BR_CUXFl.js → logo.CqukakYv.js} +32 -36
  88. package/{notification.Csn5QCR2.js → notification.DdJjbSdM.js} +2 -2
  89. package/optioncheckbox.DwQEfxGG.js +43 -0
  90. package/package.json +6 -4
  91. package/partials/index.js +442 -442
  92. package/radio.CWGJtmKl.js +115 -0
  93. package/{radiogroup.CiENWRos.js → radiogroup.FfK4DLsV.js} +3 -3
  94. package/{select.DLYav8gw.js → select.BEuTuEFZ.js} +3 -3
  95. package/{skiptocontent._YZRKxnc.js → skiptocontent.fP4SOp-p.js} +16 -14
  96. package/styles/scss/lib/_heading.scss +50 -9
  97. package/styles/scss/lib/_helpers.scss +12 -0
  98. package/styles/scss/lib/_link.scss +58 -94
  99. package/styles/scss/lib/_text.scss +57 -14
  100. package/switch.KO8HZPNL.js +65 -0
  101. package/{systemfeedback.CUWch42u.js → systemfeedback._8gatmgR.js} +1 -1
  102. package/text.rgDKQBrU.js +57 -0
  103. package/{textarea.hLgeYdsI.js → textarea.DV1yVty7.js} +3 -3
  104. package/title.LY1ylQsb.js +36 -0
  105. package/{toast.r_yhGYEe.js → toast.BB8L0ixD.js} +2 -2
  106. package/{toastmanager.BncH_rUP.js → toastmanager.DifUvJcg.js} +27 -25
  107. package/utils/index.d.ts +1 -0
  108. package/utils/render-in-iframe.d.ts +15 -0
  109. package/utils/useIsomorphicLayoutEffect.d.ts +26 -0
  110. package/utils/vitest.setup.d.ts +2 -0
  111. package/assets/CustomReactSelect.Bsphydqt.css +0 -1
  112. package/assets/Fieldset.D0jHAGRL.css +0 -1
  113. package/assets/InputPassword.VCNO8ANM.css +0 -1
  114. package/assets/InputSearch.BMRAb95l.css +0 -1
  115. package/assets/InputStepper.BKjqNi-i.css +0 -1
  116. package/assets/Notification.Bg63cvs4.css +0 -1
  117. package/assets/Select.Bz1TImkI.css +0 -1
  118. package/assets/Textarea.D2h5cW_t.css +0 -1
  119. package/assets/Toast.BzVaebc0.css +0 -1
  120. package/assets/asterisk.JlyPArZu.css +0 -1
  121. package/assets/button.BdxtFZKx.css +0 -1
  122. package/assets/buttonround.pR4StXA7.css +0 -1
  123. package/assets/checkbox.BjIn2stV.css +0 -1
  124. package/assets/dialog.CKwM2EBH.css +0 -1
  125. package/assets/heading.CCbuI4X-.css +0 -1
  126. package/assets/input.71tOIrpp.css +0 -1
  127. package/assets/link.D61tKkSK.css +0 -1
  128. package/assets/linkstandalone.Bx8Uvo0G.css +0 -1
  129. package/assets/logo.C05WqGId.css +0 -1
  130. package/assets/optioncheckbox.BdRJHcSw.css +0 -1
  131. package/assets/radio.ewRpPo4W.css +0 -1
  132. package/assets/skiptocontent.DGVJ77cj.css +0 -1
  133. package/assets/switch.Ds-I_ybT.css +0 -1
  134. package/assets/systemfeedback.BzJATHDd.css +0 -1
  135. package/assets/text.B-CTuGgI.css +0 -1
  136. package/assets/title.DlhX9K3W.css +0 -1
  137. package/button.L1lgCuM9.js +0 -135
  138. package/buttonround.ddSqXjYf.js +0 -118
  139. package/checkbox.DNHdo6_n.js +0 -113
  140. package/chunks/CustomReactSelect.5dHi6PEO.js +0 -4983
  141. package/chunks/InputPassword.a7zHKrmM.js +0 -140
  142. package/chunks/Select.COdS787F.js +0 -191
  143. package/chunks/Textarea.oqCrSopu.js +0 -195
  144. package/dialog.0qPUVJha.js +0 -45
  145. package/fieldset.aY3V2jK2.js +0 -11
  146. package/heading.BTNroD1E.js +0 -50
  147. package/input.DqSOhSMX.js +0 -236
  148. package/inputstepper.DFQ4zC15.js +0 -13
  149. package/link.SAcKvzJ3.js +0 -115
  150. package/linkstandalone.DNe0Nydm.js +0 -79
  151. package/optioncheckbox.C4l2UIak.js +0 -43
  152. package/radio.epf54-sG.js +0 -115
  153. package/switch.rd7PdLc9.js +0 -65
  154. package/text.CrYUewrP.js +0 -57
  155. package/title.Dvp8LKJt.js +0 -36
@@ -1 +0,0 @@
1
- ._root_rd44x_151:focus{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root_rd44x_151:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root_rd44x_151:focus{outline:revert;outline-offset:revert}._root_rd44x_151:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root_rd44x_151:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._root_rd44x_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:flex;justify-content:center;align-items:center;border-width:1px;border-style:solid;border-color:transparent;max-width:fit-content;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_rd44x_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_rd44x_151{transition-duration:0ms}}._root--highlight_rd44x_219,._root--dark-highlight_rd44x_219{background-color:#f37a1f;color:#252525}@media (hover: hover){._root--highlight_rd44x_219:hover,._root--dark-highlight_rd44x_219:hover{background-color:#e9640c}}._root--highlight_rd44x_219[aria-disabled=true],._root--dark-highlight_rd44x_219[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#00000080;background-color:#dadada}._root--highlight_rd44x_219[aria-disabled=true] svg,._root--dark-highlight_rd44x_219[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--highlight_rd44x_219[aria-disabled=true],._root--dark-highlight_rd44x_219[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--highlight_rd44x_219[aria-disabled=true]:before,._root--dark-highlight_rd44x_219[aria-disabled=true]:before{background-color:transparent}._root--dark-highlight_rd44x_219:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-highlight_rd44x_219:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-highlight_rd44x_219:focus{outline:revert;outline-offset:revert}._root--dark-highlight_rd44x_219:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-highlight_rd44x_219:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._root--dark-highlight_rd44x_219[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#ffffff80;color:#00000080;background-color:#dadada}._root--dark-highlight_rd44x_219[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-highlight_rd44x_219[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-highlight_rd44x_219[aria-disabled=true]:before{background-color:transparent}._root--filled_rd44x_297{background-color:#252525;color:#fff}@media (hover: hover){._root--filled_rd44x_297:hover{background-color:#444}}._root--filled_rd44x_297[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#00000080;background-color:#dadada}._root--filled_rd44x_297[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--filled_rd44x_297[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--filled_rd44x_297[aria-disabled=true]:before{background-color:transparent}._root--outline_rd44x_325{border-color:#252525;color:#252525}@media (hover: hover){._root--outline_rd44x_325:hover{background-color:#0000001a}}._root--outline_rd44x_325[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;border-color:currentColor}._root--outline_rd44x_325[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--outline_rd44x_325[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--outline_rd44x_325[aria-disabled=true]:before{background-color:transparent}._root--ghost_rd44x_352{color:#252525}@media (hover: hover){._root--ghost_rd44x_352:hover{background-color:#0000001a}}._root--ghost_rd44x_352[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed}._root--ghost_rd44x_352[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--ghost_rd44x_352[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--ghost_rd44x_352[aria-disabled=true]:before{background-color:transparent}._root--ghost-flush_rd44x_377{color:#252525;padding-inline-start:0;padding-inline-end:0;min-width:0px}._root--ghost-flush_rd44x_377._root--small_rd44x_383{padding-inline-start:0;padding-inline-end:0;min-width:0px}._root--ghost-flush_rd44x_377:before{content:"";position:absolute;top:-1px;right:-12px;bottom:-1px;left:-12px}._root--ghost-flush_rd44x_377: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_rd44x_377:before{transition-duration:0ms}}._root--ghost-flush_rd44x_377:focus,._root--ghost-flush_rd44x_377:focus-visible{outline:none}._root--ghost-flush_rd44x_377:focus:before{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root--ghost-flush_rd44x_377:focus:before{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--ghost-flush_rd44x_377:focus:before{outline:revert;outline-offset:revert}._root--ghost-flush_rd44x_377:focus-visible:before{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._root--ghost-flush_rd44x_377:focus-visible:before{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--ghost-flush_rd44x_377:hover:before{background-color:#0000001a}}._root--ghost-flush_rd44x_377[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed}._root--ghost-flush_rd44x_377[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--ghost-flush_rd44x_377[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--ghost-flush_rd44x_377[aria-disabled=true]:before{background-color:transparent}._root--dark-filled_rd44x_460{background-color:#f8f8f8;color:#252525}._root--dark-filled_rd44x_460:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-filled_rd44x_460:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-filled_rd44x_460:focus{outline:revert;outline-offset:revert}._root--dark-filled_rd44x_460:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-filled_rd44x_460:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-filled_rd44x_460:hover{background-color:#dadada}}._root--dark-filled_rd44x_460[aria-disabled=true]{background-color:transparent;cursor:not-allowed;color:#ffffff80;color:#00000080;background-color:#dadada}._root--dark-filled_rd44x_460[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-filled_rd44x_460[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-filled_rd44x_460[aria-disabled=true]:before{background-color:transparent}._root--dark-outline_rd44x_519{border-color:#f8f8f8;color:#fff}._root--dark-outline_rd44x_519:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-outline_rd44x_519:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-outline_rd44x_519:focus{outline:revert;outline-offset:revert}._root--dark-outline_rd44x_519:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-outline_rd44x_519:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-outline_rd44x_519:hover{background-color:#ffffff26}}._root--dark-outline_rd44x_519[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80;border-color:currentColor}._root--dark-outline_rd44x_519[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-outline_rd44x_519[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-outline_rd44x_519[aria-disabled=true]:before{background-color:transparent}._root--dark-ghost_rd44x_577{color:#fff}._root--dark-ghost_rd44x_577:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost_rd44x_577:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-ghost_rd44x_577:focus{outline:revert;outline-offset:revert}._root--dark-ghost_rd44x_577:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost_rd44x_577:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-ghost_rd44x_577:hover{background-color:#ffffff26}}._root--dark-ghost_rd44x_577[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80}._root--dark-ghost_rd44x_577[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-ghost_rd44x_577[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-ghost_rd44x_577[aria-disabled=true]:before{background-color:transparent}._root--dark-ghost-flush_rd44x_633{color:#fff}._root--dark-ghost-flush_rd44x_633:focus,._root--dark-ghost-flush_rd44x_633:focus-visible{outline:none}._root--dark-ghost-flush_rd44x_633:focus:before{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost-flush_rd44x_633:focus:before{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--dark-ghost-flush_rd44x_633:focus:before{outline:revert;outline-offset:revert}._root--dark-ghost-flush_rd44x_633:focus-visible:before{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._root--dark-ghost-flush_rd44x_633:focus-visible:before{forced-color-adjust:auto;outline-color:Highlight}}}@media (hover: hover){._root--dark-ghost-flush_rd44x_633:hover:before{background-color:#ffffff26}}._root--dark-ghost-flush_rd44x_633[aria-disabled=true]{background-color:transparent;color:#00000080;cursor:not-allowed;color:#ffffff80}._root--dark-ghost-flush_rd44x_633[aria-disabled=true] svg{fill:currentColor}@media screen and (forced-colors: active){._root--dark-ghost-flush_rd44x_633[aria-disabled=true]{color:GrayText;border-color:GrayText}}._root--dark-ghost-flush_rd44x_633[aria-disabled=true]:before{background-color:transparent}._root--icon-left_rd44x_692{flex-direction:row-reverse}._root--small_rd44x_383{min-height:2rem;min-width:2rem;padding-block-start:5px;padding-block-end:5px;padding-inline-start:15px;padding-inline-end:15px}._root--small_rd44x_383._root--ghost-flush_rd44x_377:before{right:-8px;left:-8px}._root--icon-only_rd44x_708{width:3rem;height:3rem}._root--icon-only_rd44x_708._root--ghost-flush_rd44x_377{width:1rem;height:1rem}._root--icon-only-small_rd44x_717{width:2rem;height:2rem;min-width:2rem;min-height:2rem}._root--icon-only-small_rd44x_717._root--ghost-flush_rd44x_377{width:1rem;height:1rem}._label--hidden_rd44x_728{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_79ned_76:focus{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){._root_79ned_76:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root_79ned_76:focus{outline:revert;outline-offset:revert}._root_79ned_76:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){._root_79ned_76:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._root_79ned_76,._root_79ned_76:link,._root_79ned_76:visited{color:#252525}@media (hover: hover){._root_79ned_76:hover{background-color:#0000001a;color:#252525}}._root_79ned_76:active{background-color:#0000001a;color:#252525}._root_79ned_76{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.25;display:inline-flex;align-items:center;height:fit-content;gap:6px;padding-inline-end:4px;padding-inline-start:4px;padding-block-start:2px;padding-block-end:2px;text-decoration-color:transparent}._root_79ned_76 svg{fill:currentColor}._root_79ned_76{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_79ned_76{transition-duration:0ms}}._root--highlight_79ned_152:focus{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){._root--highlight_79ned_152:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--highlight_79ned_152:focus{outline:revert;outline-offset:revert}._root--highlight_79ned_152:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:0}@media screen and (forced-colors: active){._root--highlight_79ned_152:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._root--highlight_79ned_152,._root--highlight_79ned_152:link,._root--highlight_79ned_152:visited{color:#1e71a1}@media (hover: hover){._root--highlight_79ned_152:hover{background-color:#0000001a;color:#19618b}}._root--highlight_79ned_152:active{background-color:#0000001a;color:#19618b}._root--highlight_79ned_152{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.25;display:inline-flex;align-items:center;height:fit-content;gap:6px;padding-inline-end:4px;padding-inline-start:4px;padding-block-start:2px;padding-block-end:2px;text-decoration-color:transparent}._root--highlight_79ned_152 svg{fill:currentColor}._root--highlight_79ned_152{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--highlight_79ned_152{transition-duration:0ms}}._root--neutral-dark_79ned_228:focus{outline:2px solid;outline-color:#fff;outline-offset:0}@media screen and (forced-colors: active){._root--neutral-dark_79ned_228:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--neutral-dark_79ned_228:focus{outline:revert;outline-offset:revert}._root--neutral-dark_79ned_228:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:0}@media screen and (forced-colors: active){._root--neutral-dark_79ned_228:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._root--neutral-dark_79ned_228,._root--neutral-dark_79ned_228:link,._root--neutral-dark_79ned_228:visited{color:#fff}@media (hover: hover){._root--neutral-dark_79ned_228:hover{background-color:#ffffff26;color:#fff}}._root--neutral-dark_79ned_228:active{background-color:#ffffff26;color:#fff}._root--neutral-dark_79ned_228{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.25;display:inline-flex;align-items:center;height:fit-content;gap:6px;padding-inline-end:4px;padding-inline-start:4px;padding-block-start:2px;padding-block-end:2px;text-decoration-color:transparent}._root--neutral-dark_79ned_228 svg{fill:currentColor}._root--neutral-dark_79ned_228{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--neutral-dark_79ned_228{transition-duration:0ms}}._root--highlight-dark_79ned_304:focus{outline:2px solid;outline-color:#fff;outline-offset:0}@media screen and (forced-colors: active){._root--highlight-dark_79ned_304:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._root--highlight-dark_79ned_304:focus{outline:revert;outline-offset:revert}._root--highlight-dark_79ned_304:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:0}@media screen and (forced-colors: active){._root--highlight-dark_79ned_304:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._root--highlight-dark_79ned_304,._root--highlight-dark_79ned_304:link,._root--highlight-dark_79ned_304:visited{color:#8dcfe8}@media (hover: hover){._root--highlight-dark_79ned_304:hover{background-color:#ffffff26;color:#8dcfe8}}._root--highlight-dark_79ned_304:active{background-color:#ffffff26;color:#8dcfe8}._root--highlight-dark_79ned_304{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.25;display:inline-flex;align-items:center;height:fit-content;gap:6px;padding-inline-end:4px;padding-inline-start:4px;padding-block-start:2px;padding-block-end:2px;text-decoration-color:transparent}._root--highlight-dark_79ned_304 svg{fill:currentColor}._root--highlight-dark_79ned_304{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--highlight-dark_79ned_304{transition-duration:0ms}}._root--active_79ned_380{text-decoration-line:underline;text-underline-offset:2px;text-decoration-thickness:1px;text-decoration-color:currentColor}._root--icon-left_79ned_386{flex-direction:row-reverse}
@@ -1 +0,0 @@
1
- ._anchor_1z0x0_76,._svg_1z0x0_77{display:block;min-width:7.125rem;max-width:10rem}._anchor_1z0x0_76{text-decoration:none}._anchor_1z0x0_76:focus{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._anchor_1z0x0_76:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._anchor_1z0x0_76:focus{outline:revert;outline-offset:revert}._anchor_1z0x0_76:focus-visible{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._anchor_1z0x0_76:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._anchor--dark_1z0x0_116:focus{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._anchor--dark_1z0x0_116:focus{forced-color-adjust:auto;outline-color:Highlight}}@supports selector(:focus-visible){._anchor--dark_1z0x0_116:focus{outline:revert;outline-offset:revert}._anchor--dark_1z0x0_116:focus-visible{outline:2px solid;outline-color:#fff;outline-offset:2px}@media screen and (forced-colors: active){._anchor--dark_1z0x0_116:focus-visible{forced-color-adjust:auto;outline-color:Highlight}}}._svg-background_1z0x0_147{fill:#fff}._svg-background--dark_1z0x0_150,._svg-text_1z0x0_153{fill:#f37a1f}._svg-text--dark_1z0x0_156{fill:#fff}
@@ -1 +0,0 @@
1
- ._root_1v9si_151{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.25;color:#252525;display:flex;justify-content:flex-start;gap:8px;padding:0;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;max-width:fit-content}._root--disabled_1v9si_170{cursor:not-allowed}._checkbox_1v9si_174{width:1.25rem;height:1.25rem;min-width:1.25rem;min-height:1.25rem;border:1px solid #252525;position:relative}._checkbox_1v9si_174{transition:background-color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){._checkbox_1v9si_174{transition-duration:0ms}}._checkbox_1v9si_174 ._icon-check_1v9si_190{opacity:0;fill:#e9640c;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}._checkbox_1v9si_174 ._icon-check_1v9si_190{transition:opacity var(--ds-animation-duration, .1s) linear,fill var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){._checkbox_1v9si_174 ._icon-check_1v9si_190{transition-duration:0ms}}@media screen and (forced-colors: active){._checkbox_1v9si_174 ._icon-check_1v9si_190{fill:CanvasText}}._checkbox--checked_1v9si_211 ._icon-check_1v9si_190{opacity:1}._checkbox--disabled_1v9si_214._checkbox_1v9si_174{border-color:#00000080;box-shadow:unset}@media screen and (forced-colors: active){._checkbox--disabled_1v9si_214._checkbox_1v9si_174{border-color:GrayText}}._checkbox--disabled_1v9si_214._checkbox_1v9si_174 svg{fill:#00000080}@media screen and (forced-colors: active){._checkbox--disabled_1v9si_214._checkbox_1v9si_174 svg{fill:GrayText}}._checkbox--disabled_1v9si_214~._label_1v9si_231{color:#00000080}@media screen and (forced-colors: active){._checkbox--disabled_1v9si_214~._label_1v9si_231{color:GrayText}}._label_1v9si_231{text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden}
@@ -1 +0,0 @@
1
- ._radio-root_1f0rc_76{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.25;color:#252525;display:flex;justify-content:flex-start;gap:8px;padding:0;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;max-width:fit-content}._radio-root--disabled_1f0rc_95{cursor:not-allowed}._radio-root--with-custom-area_1f0rc_98{max-width:none}._radio_1f0rc_76{width:1.25rem;height:1.25rem;min-width:1.25rem;min-height:1.25rem;border-radius:50%;border:1px solid #252525;position:relative}._radio_1f0rc_76{transition:background-color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){._radio_1f0rc_76{transition-duration:0ms}}._radio_1f0rc_76 ._dot_1f0rc_119{opacity:0;height:.75rem;width:.75rem;border-radius:50%;background-color:#f37a1f;position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0)}._radio_1f0rc_76 ._dot_1f0rc_119{transition:opacity var(--ds-animation-duration, .1s) linear,background-color var(--ds-animation-duration, .1s) linear}@media (prefers-reduced-motion: reduce){._radio_1f0rc_76 ._dot_1f0rc_119{transition-duration:0ms}}@media screen and (forced-colors: active){._radio_1f0rc_76 ._dot_1f0rc_119{background-color:Highlight}}._radio--invalid_1f0rc_143{border-color:#d43b3b;box-shadow:0 0 0 1px #d43b3b}._label_1f0rc_148{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.25;width:100%;display:grid;grid-template-columns:auto minmax(auto,1fr)}._label--bold_1f0rc_161{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;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.25}._label--hidden_1f0rc_171{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--with-custom-area_1f0rc_183{column-gap:8px}._custom-area_1f0rc_187{margin-inline-start:4px;min-width:max-content;min-height:20px;max-height:32px;overflow-y:hidden}._hint_1f0rc_195{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:.875rem;line-height:1.14;display:block;max-width:400px;grid-column:span 2;opacity:1}._hint_1f0rc_195{transition:height var(--ds-animation-duration, .25s) cubic-bezier(.5,0,.5,1),margin-block var(--ds-animation-duration, .25s) cubic-bezier(.5,0,.5,1),opacity var(--ds-animation-duration, .25s) cubic-bezier(.5,0,.5,1)}@media (prefers-reduced-motion: reduce){._hint_1f0rc_195{transition-duration:0ms}}._hint--visible_1f0rc_217{margin-block-start:4px;margin-block-end:4px}._hint--unchecked-hidden_1f0rc_221{overflow:hidden;height:0;opacity:0}._hint--hidden_1f0rc_226,._input_1f0rc_239{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}._input_1f0rc_239:checked+._radio_1f0rc_76 ._dot_1f0rc_119{opacity:1}._input_1f0rc_239:disabled+._radio_1f0rc_76{border-color:#00000080}._input_1f0rc_239:disabled+._radio_1f0rc_76 ._dot_1f0rc_119{background-color:#dadada}@media screen and (forced-colors: active){._input_1f0rc_239:disabled+._radio_1f0rc_76 ._dot_1f0rc_119{background-color:GrayText}}@media screen and (forced-colors: active){._input_1f0rc_239:disabled+._radio_1f0rc_76{border-color:GrayText}}._input_1f0rc_239:disabled~._label_1f0rc_148{color:#00000080}@media screen and (forced-colors: active){._input_1f0rc_239:disabled~._label_1f0rc_148{color:GrayText}}._input_1f0rc_239:focus{outline:none}._input_1f0rc_239:focus+._radio_1f0rc_76{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._input_1f0rc_239:focus+._radio_1f0rc_76{forced-color-adjust:auto;outline-color:Highlight}}@media screen and (forced-colors: active){._input_1f0rc_239:focus+._radio_1f0rc_76{border-color:Highlight}}@supports selector(:focus-visible){._input_1f0rc_239:focus{outline:none}._input_1f0rc_239:focus+._radio_1f0rc_76{outline:revert;outline-offset:revert}._input_1f0rc_239:focus-visible{outline:none}._input_1f0rc_239:focus-visible+._radio_1f0rc_76{outline:2px solid;outline-color:#252525;outline-offset:2px}@media screen and (forced-colors: active){._input_1f0rc_239:focus-visible+._radio_1f0rc_76{forced-color-adjust:auto;outline-color:Highlight}}@media screen and (forced-colors: active){._input_1f0rc_239:focus-visible+._radio_1f0rc_76{border-color:Highlight}}}@media (hover: hover){._input_1f0rc_239:hover:not(:disabled)+._radio_1f0rc_76{background-color:#0000001a}._input_1f0rc_239:hover:not(:disabled)+._radio_1f0rc_76 ._dot_1f0rc_119{background-color:#e9640c}}@media screen and (hover: hover) and (forced-colors: active){._input_1f0rc_239:hover:not(:disabled)+._radio_1f0rc_76 ._dot_1f0rc_119{background-color:Highlight}}@media screen and (hover: hover) and (forced-colors: active){._input_1f0rc_239:hover:not(:disabled)+._radio_1f0rc_76{border-color:Highlight}}
@@ -1 +0,0 @@
1
- ._skip-to-content_4ockd_76{position:absolute;left:-9999px;z-index:999;opacity:0;box-shadow:0 0 0 2px #fff}._skip-to-content--dark_4ockd_83{box-shadow:0 0 0 2px #252525}._skip-to-content_4ockd_76._skip-to-content_4ockd_76{text-decoration-line:underline;text-underline-offset:2px;text-decoration-thickness:1px;text-decoration-color:currentColor}._skip-to-content_4ockd_76:focus{left:8px;top:8px;opacity:1}
@@ -1 +0,0 @@
1
- ._root_vzlrg_76{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.25;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_vzlrg_76{transition:background-color var(--ds-animation-duration, .1s) linear}._root_vzlrg_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_vzlrg_76{transition-duration:0ms}}._root--label-right_vzlrg_114{flex-direction:row-reverse}._root--stretched_vzlrg_117{justify-content:space-between;width:100%}@media (hover: hover){._root_vzlrg_76:hover ._switch_vzlrg_122{background-color:#0000001a}}._root_vzlrg_76:focus ._switch_vzlrg_122:before,._root_vzlrg_76:focus ._loader_vzlrg_127: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_vzlrg_76:focus ._switch_vzlrg_122:before,._root_vzlrg_76:focus ._loader_vzlrg_127:before{border-color:Highlight}}@supports selector(:focus-visible){._root_vzlrg_76:focus ._switch_vzlrg_122:before,._root_vzlrg_76:focus ._loader_vzlrg_127:before{content:none}._root_vzlrg_76:focus-visible ._switch_vzlrg_122:before,._root_vzlrg_76:focus-visible ._loader_vzlrg_127: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_vzlrg_76:focus-visible ._switch_vzlrg_122:before,._root_vzlrg_76:focus-visible ._loader_vzlrg_127:before{border-color:Highlight}}}._root_vzlrg_76[aria-disabled=true]._root_vzlrg_76{cursor:not-allowed}._root_vzlrg_76[aria-disabled=true] ._switch_vzlrg_122{background-color:transparent;border-color:#00000080;color:#00000080}@media screen and (forced-colors: active){._root_vzlrg_76[aria-disabled=true] ._switch_vzlrg_122{border-color:GrayText}}._root_vzlrg_76[aria-disabled=true] ._thumb_vzlrg_180{background-color:#00000080}._root_vzlrg_76[aria-disabled=true] ._thumb_vzlrg_180 svg{opacity:0}@media screen and (forced-colors: active){._root_vzlrg_76[aria-disabled=true] ._thumb_vzlrg_180{background-color:CanvasText}._root_vzlrg_76[aria-disabled=true] ._thumb_vzlrg_180 svg{fill:Canvas}}@media (hover: hover){._root--checked_vzlrg_195:hover ._switch_vzlrg_122{background-color:#d9480f}._root--checked_vzlrg_195:hover ._thumb_vzlrg_180{background-color:#ededed}._root--checked_vzlrg_195:hover ._thumb_vzlrg_180 svg{fill:#d9480f}}@media screen and (hover: hover) and (forced-colors: active){._root--checked_vzlrg_195:hover ._thumb_vzlrg_180{background-color:CanvasText}._root--checked_vzlrg_195:hover ._thumb_vzlrg_180 svg{fill:Canvas}}._root--checked_vzlrg_195 ._switch_vzlrg_122{background-color:#e9640c}._root--checked_vzlrg_195 ._thumb_vzlrg_180{background-color:#fff;transform:translate3d(calc(1.75rem - 1px),0,0)}._root--checked_vzlrg_195 ._thumb_vzlrg_180 svg{opacity:1;fill:#e9640c}@media screen and (forced-colors: active){._root--checked_vzlrg_195 ._thumb_vzlrg_180{background-color:CanvasText}._root--checked_vzlrg_195 ._thumb_vzlrg_180 svg{fill:Canvas}}@media (hover: hover){._root--checked_vzlrg_195[aria-disabled=true]:hover ._thumb_vzlrg_180 svg{fill:#00000080}}@media screen and (hover: hover) and (forced-colors: active){._root--checked_vzlrg_195[aria-disabled=true]:hover ._thumb_vzlrg_180{background-color:CanvasText}._root--checked_vzlrg_195[aria-disabled=true]:hover ._thumb_vzlrg_180 svg{fill:Canvas}}._root--checked_vzlrg_195[aria-disabled=true] ._switch_vzlrg_122{background-color:#dadada;border-color:#00000080}@media screen and (forced-colors: active){._root--checked_vzlrg_195[aria-disabled=true] ._switch_vzlrg_122{border-color:GrayText}}._root--checked_vzlrg_195[aria-disabled=true] ._thumb_vzlrg_180{background-color:#fff}._root--checked_vzlrg_195[aria-disabled=true] ._thumb_vzlrg_180 svg{opacity:1;fill:#00000080}@media screen and (forced-colors: active){._root--checked_vzlrg_195[aria-disabled=true] ._thumb_vzlrg_180{background-color:CanvasText}._root--checked_vzlrg_195[aria-disabled=true] ._thumb_vzlrg_180 svg{fill:Canvas}}._switch_vzlrg_122{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_vzlrg_180{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_vzlrg_180 svg{transition:inherit;opacity:0}@media screen and (forced-colors: active){._thumb_vzlrg_180{background-color:CanvasText}._thumb_vzlrg_180 svg{fill:Canvas}}._loader_vzlrg_127{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_vzlrg_127 svg{fill:#00000080}@media screen and (forced-colors: active){._loader_vzlrg_127 svg{fill:CanvasText}}
@@ -1 +0,0 @@
1
- ._root_5hd20_76{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:.875rem;line-height:1.14;color:#252525;display:flex;align-items:flex-start;gap:8px}
@@ -1 +0,0 @@
1
- ._root_1dnm1_76{margin:0;padding:0;border:none;color:#252525}._root--large_1dnm1_82{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:1.25rem;line-height:1.6}._root--large-bold_1dnm1_92{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;overflow-wrap:break-word;font-weight:400;font-size:1.25rem;line-height:1.6}._root--medium_1dnm1_102{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}._root--medium-bold_1dnm1_112{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;overflow-wrap:break-word;font-weight:400;font-size:1rem;line-height:1.5}._root--small_1dnm1_122{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:.875rem;line-height:1.14}._root--small-bold_1dnm1_132{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;overflow-wrap:break-word;font-weight:400;font-size:.875rem;line-height:1.14}._root--x-small_1dnm1_142{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:.75rem;line-height:1.33}._root--x-small-bold_1dnm1_152{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;overflow-wrap:break-word;font-weight:400;font-size:.75rem;line-height:1.33}._root--xx-small_1dnm1_162{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:.625rem;line-height:1.6}._root--theme-dark_1dnm1_172{color:#fff}
@@ -1 +0,0 @@
1
- ._root_14u1x_76{color:#252525}._root--x-large-uppercase_14u1x_79{font-family:STIHL Contraface Digital Display Title,Arial Narrow,Arial,Heiti SC,sans-serif;font-style:normal;font-variant:normal;font-weight:400;font-size:1.625rem;line-height:1.2}@media (min-width: 1024px){._root--x-large-uppercase_14u1x_79{font-size:1.875rem;line-height:1.25}}._root--large-uppercase_14u1x_93{font-family:STIHL Contraface Digital Display Title,Arial Narrow,Arial,Heiti SC,sans-serif;font-style:normal;font-variant:normal;font-weight:400;font-size:1.375rem;line-height:1.25}@media (min-width: 1024px){._root--large-uppercase_14u1x_93{font-size:1.625rem;line-height:1.2}}._root--theme-dark_14u1x_107{color:#fff}._root_14u1x_76>._dash_14u1x_110{display:block}
@@ -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.n4XZrQ4N.js";
6
- import { DSSpinner as F } from "./spinner.DVa112nj.js";
7
- import './assets/button.BdxtFZKx.css';const S = "_root_1jptm_151", x = "_root--highlight_1jptm_219", L = "_root--dark-highlight_1jptm_219", C = "_root--filled_1jptm_297", N = "_root--outline_1jptm_325", B = "_root--ghost_1jptm_352", E = "_root--ghost-flush_1jptm_377", R = "_root--small_1jptm_383", T = "_root--dark-filled_1jptm_460", V = "_root--dark-outline_1jptm_519", q = "_root--dark-ghost_1jptm_577", w = "_root--dark-ghost-flush_1jptm_633", A = "_root--icon-left_1jptm_692", J = "_root--icon-only_1jptm_708", K = "_root--icon-only-small_1jptm_717", M = "_loader_1jptm_732", P = "_icon--hidden_1jptm_744", Q = "_label--hidden_1jptm_748", U = "_label--loading_1jptm_760", o = {
8
- root: S,
9
- "root--highlight": "_root--highlight_1jptm_219",
10
- rootHighlight: x,
11
- "root--dark-highlight": "_root--dark-highlight_1jptm_219",
12
- rootDarkHighlight: L,
13
- "root--filled": "_root--filled_1jptm_297",
14
- rootFilled: C,
15
- "root--outline": "_root--outline_1jptm_325",
16
- rootOutline: N,
17
- "root--ghost": "_root--ghost_1jptm_352",
18
- rootGhost: B,
19
- "root--ghost-flush": "_root--ghost-flush_1jptm_377",
20
- rootGhostFlush: E,
21
- "root--small": "_root--small_1jptm_383",
22
- rootSmall: R,
23
- "root--dark-filled": "_root--dark-filled_1jptm_460",
24
- rootDarkFilled: T,
25
- "root--dark-outline": "_root--dark-outline_1jptm_519",
26
- rootDarkOutline: V,
27
- "root--dark-ghost": "_root--dark-ghost_1jptm_577",
28
- rootDarkGhost: q,
29
- "root--dark-ghost-flush": "_root--dark-ghost-flush_1jptm_633",
30
- rootDarkGhostFlush: w,
31
- "root--icon-left": "_root--icon-left_1jptm_692",
32
- rootIconLeft: A,
33
- "root--icon-only": "_root--icon-only_1jptm_708",
34
- rootIconOnly: J,
35
- "root--icon-only-small": "_root--icon-only-small_1jptm_717",
36
- rootIconOnlySmall: K,
37
- loader: M,
38
- "icon--hidden": "_icon--hidden_1jptm_744",
39
- iconHidden: P,
40
- "label--hidden": "_label--hidden_1jptm_748",
41
- labelHidden: Q,
42
- "label--loading": "_label--loading_1jptm_760",
43
- labelLoading: U
44
- }, z = ({
45
- children: p,
46
- aria: u,
47
- className: j,
48
- dataTrackingid: k,
49
- disabled: h = !1,
50
- hideLabel: i = !1,
51
- iconName: d,
52
- iconPosition: f = "left",
53
- iconSource: m,
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 b = a(o.root, j, {
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]: f === "left",
81
- // icon only
82
- [o.rootIconOnly]: e(i) && n === "medium",
83
- [o.rootIconOnlySmall]: e(i) && n === "small"
84
- }), y = 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
- }), O = 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__ */ _.jsxs(
100
- "button",
101
- {
102
- className: b,
103
- "data-trackingid": k,
104
- type: "submit",
105
- onClick: H,
106
- ...u,
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: y, children: p }),
119
- (d || m) && /* @__PURE__ */ _.jsx(
120
- I,
121
- {
122
- name: d,
123
- theme: G,
124
- source: m,
125
- className: O,
126
- "aria-hidden": "true"
127
- }
128
- )
129
- ]
130
- }
131
- );
132
- };
133
- export {
134
- z as DSButton
135
- };
@@ -1,118 +0,0 @@
1
- "use client";
2
- import { j as r } from "./chunks/jsx-runtime.C115EyI4.js";
3
- import { c as h } from "./chunks/index.CvOaL64Y.js";
4
- import { D as H } from "./chunks/Icon.n4XZrQ4N.js";
5
- import { DSSpinner as p } from "./spinner.DVa112nj.js";
6
- import './assets/buttonround.pR4StXA7.css';const F = "_root_lfeh_151", O = "_root--highlight_lfeh_219", G = "_root--dark-highlight_lfeh_219", I = "_root--filled_lfeh_297", S = "_root--outline_lfeh_325", x = "_root--ghost_lfeh_352", j = "_root--ghost-flush_lfeh_377", L = "_root--small_lfeh_383", C = "_root--dark-filled_lfeh_460", N = "_root--dark-outline_lfeh_519", R = "_root--dark-ghost_lfeh_577", B = "_root--dark-ghost-flush_lfeh_633", E = "_root--icon-left_lfeh_692", T = "_root--icon-only_lfeh_708", q = "_root--icon-only-small_lfeh_717", w = "_loader_lfeh_734", z = "_icon--hidden_lfeh_746", A = "_label--hidden_lfeh_750", J = "_label--loading_lfeh_762", o = {
7
- root: F,
8
- "root--highlight": "_root--highlight_lfeh_219",
9
- rootHighlight: O,
10
- "root--dark-highlight": "_root--dark-highlight_lfeh_219",
11
- rootDarkHighlight: G,
12
- "root--filled": "_root--filled_lfeh_297",
13
- rootFilled: I,
14
- "root--outline": "_root--outline_lfeh_325",
15
- rootOutline: S,
16
- "root--ghost": "_root--ghost_lfeh_352",
17
- rootGhost: x,
18
- "root--ghost-flush": "_root--ghost-flush_lfeh_377",
19
- rootGhostFlush: j,
20
- "root--small": "_root--small_lfeh_383",
21
- rootSmall: L,
22
- "root--dark-filled": "_root--dark-filled_lfeh_460",
23
- rootDarkFilled: C,
24
- "root--dark-outline": "_root--dark-outline_lfeh_519",
25
- rootDarkOutline: N,
26
- "root--dark-ghost": "_root--dark-ghost_lfeh_577",
27
- rootDarkGhost: R,
28
- "root--dark-ghost-flush": "_root--dark-ghost-flush_lfeh_633",
29
- rootDarkGhostFlush: B,
30
- "root--icon-left": "_root--icon-left_lfeh_692",
31
- rootIconLeft: E,
32
- "root--icon-only": "_root--icon-only_lfeh_708",
33
- rootIconOnly: T,
34
- "root--icon-only-small": "_root--icon-only-small_lfeh_717",
35
- rootIconOnlySmall: q,
36
- loader: w,
37
- "icon--hidden": "_icon--hidden_lfeh_746",
38
- iconHidden: z,
39
- "label--hidden": "_label--hidden_lfeh_750",
40
- labelHidden: A,
41
- "label--loading": "_label--loading_lfeh_762",
42
- labelLoading: J
43
- }, U = ({
44
- children: d,
45
- aria: f,
46
- className: c,
47
- dataTrackingid: g,
48
- disabled: _ = !1,
49
- iconName: i = "placeholder",
50
- iconSource: n,
51
- loading: l = !1,
52
- theme: e = "light",
53
- variant: t = "filled",
54
- onClick: s,
55
- ...k
56
- }) => {
57
- const u = h(
58
- o.root,
59
- o.rootIconOnlySmall,
60
- c,
61
- {
62
- // variant
63
- [o.rootFilled]: t === "filled",
64
- [o.rootHighlight]: t === "highlight",
65
- // dark theme
66
- [o.rootDarkFilled]: e === "dark" && t === "filled",
67
- [o.rootDarkHighlight]: e === "dark" && t === "highlight"
68
- }
69
- ), m = h(o.label, o.labelHidden, {
70
- // set label opacity to 0 when loading to prevent button size from changing
71
- [o.labelLoading]: l
72
- }), b = h(o.icon, {
73
- // set icon opacity to 0 when loading to prevent button size from changing
74
- [o.iconHidden]: l
75
- }), D = e === "light" && t === "filled" ? "dark" : "light", y = (a) => {
76
- if (_ || l) {
77
- a.preventDefault();
78
- return;
79
- }
80
- s && s(a);
81
- };
82
- return /* @__PURE__ */ r.jsxs(
83
- "button",
84
- {
85
- className: u,
86
- "data-trackingid": g,
87
- type: "button",
88
- onClick: y,
89
- ...f,
90
- ...k,
91
- "aria-disabled": _ || l,
92
- "aria-busy": l,
93
- children: [
94
- l && /* @__PURE__ */ r.jsx(
95
- p,
96
- {
97
- className: o.loader,
98
- aria: { "aria-label": "Loading state" }
99
- }
100
- ),
101
- /* @__PURE__ */ r.jsx("span", { className: m, children: d }),
102
- (i || n) && /* @__PURE__ */ r.jsx(
103
- H,
104
- {
105
- name: i,
106
- theme: D,
107
- source: n,
108
- className: b,
109
- "aria-hidden": "true"
110
- }
111
- )
112
- ]
113
- }
114
- );
115
- };
116
- export {
117
- U as DSButtonRound
118
- };
@@ -1,113 +0,0 @@
1
- "use client";
2
- import { j as e } from "./chunks/jsx-runtime.C115EyI4.js";
3
- import { c as h } from "./chunks/index.CvOaL64Y.js";
4
- import { forwardRef as R, useRef as S, 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 x } from "./chunks/Icon.n4XZrQ4N.js";
7
- import { DSSystemFeedback as B } from "./systemfeedback.CUWch42u.js";
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
- "checkbox-root": "_checkbox-root_vryww_151",
10
- checkboxRoot: E,
11
- "checkbox-root--disabled": "_checkbox-root--disabled_vryww_170",
12
- checkboxRootDisabled: V,
13
- checkbox: L,
14
- "icon-check": "_icon-check_vryww_190",
15
- iconCheck: O,
16
- "icon-minus": "_icon-minus_vryww_191",
17
- iconMinus: P,
18
- "checkbox--invalid": "_checkbox--invalid_vryww_215",
19
- checkboxInvalid: U,
20
- "label--hidden": "_label--hidden_vryww_220",
21
- labelHidden: q,
22
- input: z,
23
- label: A,
24
- feedback: F
25
- }, G = R(
26
- ({
27
- label: b,
28
- checked: _,
29
- className: u,
30
- defaultChecked: w = !1,
31
- disabled: s = !1,
32
- hideLabel: m = !1,
33
- indeterminate: i = !1,
34
- invalid: l = !1,
35
- systemFeedback: d,
36
- onChange: t,
37
- ...f
38
- }, n) => {
39
- const a = S(null), [v, y] = I(w), p = g(m);
40
- H(() => {
41
- a && a.current && (a.current.indeterminate = i);
42
- }, [i]);
43
- const r = _ !== void 0, k = r ? _ : v, C = h(c.checkboxRoot, {
44
- [c.checkboxRootDisabled]: s
45
- }), j = h(c.label, {
46
- // hide label only visually to keep them available for assistive technologies
47
- [c.labelHidden]: p
48
- }), D = h(c.checkbox, {
49
- [c.checkboxInvalid]: l
50
- }), N = M(
51
- (o) => {
52
- if (s) {
53
- o.preventDefault();
54
- return;
55
- }
56
- r || y(o.target.checked), t && t(o);
57
- },
58
- [s, r, t]
59
- );
60
- return /* @__PURE__ */ e.jsxs("div", { className: u, children: [
61
- /* @__PURE__ */ e.jsxs("label", { className: C, 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
- ...f,
71
- checked: k,
72
- disabled: s,
73
- "aria-label": b,
74
- "aria-invalid": l,
75
- "aria-checked": i ? "mixed" : k,
76
- onChange: N
77
- }
78
- ),
79
- /* @__PURE__ */ e.jsxs("span", { className: D, children: [
80
- /* @__PURE__ */ e.jsx(
81
- x,
82
- {
83
- name: "check",
84
- className: c.iconCheck,
85
- "aria-hidden": "true"
86
- }
87
- ),
88
- /* @__PURE__ */ e.jsx(
89
- x,
90
- {
91
- name: "minus",
92
- className: c.iconMinus,
93
- "aria-hidden": "true"
94
- }
95
- )
96
- ] }),
97
- /* @__PURE__ */ e.jsx("span", { className: j, children: b })
98
- ] }),
99
- l && d && /* @__PURE__ */ e.jsx(
100
- B,
101
- {
102
- className: c.feedback,
103
- message: d,
104
- type: "invalid"
105
- }
106
- )
107
- ] });
108
- }
109
- );
110
- G.displayName = "DSCheckbox";
111
- export {
112
- G as DSCheckbox
113
- };