@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.
Files changed (225) hide show
  1. package/README.md +1 -1
  2. package/{accordion.CEKQh-7i.js → accordion.Rvtiu8Y4.js} +3 -3
  3. package/arialiveregions.Cyycgs8g.js +27 -0
  4. package/assets/Accordion.i4k5SMQM.css +1 -0
  5. package/assets/CheckboxGroup.BH1Br1dg.css +1 -0
  6. package/assets/Chip.DSdLuzoi.css +1 -0
  7. package/assets/CustomReactSelect.vHt8qNKC.css +1 -0
  8. package/assets/Dialog.BgzebVk4.css +1 -0
  9. package/assets/Drawer.Bauwxrk7.css +1 -0
  10. package/assets/Fieldset.DOdTbb7C.css +1 -0
  11. package/assets/Icon.DxRSBRSL.css +1 -0
  12. package/assets/InputPassword.CG7Ugu73.css +1 -0
  13. package/assets/InputSearch.CseChMc-.css +1 -0
  14. package/assets/InputStepper.C0eAYr7P.css +1 -0
  15. package/assets/Notification.DbRapUJo.css +1 -0
  16. package/assets/RadioGroup.BfMo157q.css +1 -0
  17. package/assets/Select.D4EXgIbz.css +1 -0
  18. package/assets/Textarea.KJGPTYMz.css +1 -0
  19. package/assets/Toast.CuafTAf7.css +1 -0
  20. package/assets/arialiveregions.DhsijBaL.css +1 -0
  21. package/assets/asterisk.BfVAUBO7.css +1 -0
  22. package/assets/button.DF4RBeC2.css +1 -0
  23. package/assets/buttonround.19uK_-oO.css +1 -0
  24. package/assets/checkbox.ByOoFouu.css +1 -0
  25. package/assets/chipgroup.BzfZLbkv.css +1 -0
  26. package/assets/flag.B-RLcMcf.css +1 -0
  27. package/assets/floatingactionbutton.E9HekT6S.css +1 -0
  28. package/assets/heading.u4f8Mz94.css +1 -0
  29. package/assets/input.BAkFKPW3.css +1 -0
  30. package/assets/link.DDJj0D1U.css +1 -0
  31. package/assets/linkstandalone.DIazcjIv.css +1 -0
  32. package/assets/logo.CnW8alZU.css +1 -0
  33. package/assets/optioncheckbox.BZaWtRD7.css +1 -0
  34. package/assets/radio.X-RTl_jo.css +1 -0
  35. package/assets/skiptocontent.PTL3256m.css +1 -0
  36. package/assets/spinner.2iWJWKyA.css +1 -0
  37. package/assets/switch.gw6aa3kx.css +1 -0
  38. package/assets/systemfeedback.BPz5YlPC.css +1 -0
  39. package/assets/text.DjTG_qNb.css +1 -0
  40. package/assets/title.rosWPEG3.css +1 -0
  41. package/asterisk.DpzETKdT.js +8 -0
  42. package/button.M4nXjcUn.js +135 -0
  43. package/buttonround.E56F_805.js +118 -0
  44. package/checkbox.Cb2_ey6U.js +111 -0
  45. package/{checkboxgroup.BqD5IV51.js → checkboxgroup.DBDmB-zR.js} +2 -2
  46. package/{chip.B92ew-hk.js → chip.C_1tGqvZ.js} +2 -2
  47. package/chipgroup.BvTj1ziW.js +174 -0
  48. package/chunks/Accordion.CB6jB3s_.js +125 -0
  49. package/chunks/{CheckboxGroup.M3jOjhNf.js → CheckboxGroup.S6i5EOc4.js} +40 -40
  50. package/chunks/{Chip.fMG8wi5K.js → Chip.CMlPUyOJ.js} +15 -15
  51. package/chunks/{CustomReactSelect.D3jv5-fa.js → CustomReactSelect.CQ1uexBH.js} +1321 -1321
  52. package/chunks/Dialog.CudsqNag.js +148 -0
  53. package/chunks/Drawer.ueG2Bzr9.js +154 -0
  54. package/chunks/{Fieldset.C9K8BYmH.js → Fieldset.Cjmkgxxk.js} +32 -32
  55. package/chunks/{Icon.C2o2seDb.js → Icon.BCmt_XBG.js} +45 -45
  56. package/chunks/InputPassword.CNLbBFjx.js +143 -0
  57. package/chunks/InputSearch.CHA6mkX_.js +192 -0
  58. package/chunks/InputStepper.xmWGU9pU.js +294 -0
  59. package/chunks/Notification.nx5vTamN.js +92 -0
  60. package/chunks/RadioGroup.Crj7NoOs.js +137 -0
  61. package/chunks/Select.E6gLFYLk.js +194 -0
  62. package/chunks/Textarea.DUBSOpNL.js +198 -0
  63. package/chunks/Toast.DyEi2GEP.js +89 -0
  64. package/{combobox.BeTnbG1m.js → combobox.CzBpi97e.js} +1 -1
  65. package/components/Combobox/Combobox.d.ts +1 -1
  66. package/components/{CustomReactSelect → Combobox/CustomReactSelect}/CustomReactSelect.d.ts +2 -2
  67. package/components/{CustomReactSelect → Combobox/CustomReactSelect}/CustomReactSelect.utils.d.ts +1 -1
  68. package/components/Notification/Notification.d.ts +2 -6
  69. package/components/Radio/Radio.d.ts +1 -1
  70. package/customreactselect.d.ts +1 -1
  71. package/customreactselect.qf7CIeFs.js +13 -0
  72. package/{dialog.lGwNQU91.js → dialog.DYlBUsOD.js} +2 -2
  73. package/{drawer.DNi5m8wP.js → drawer.CvhbP1ra.js} +2 -2
  74. package/fieldset.CtUGEdLv.js +11 -0
  75. package/flag.BKpsdB_-.js +43 -0
  76. package/floatingactionbutton.D5L0B7zI.js +87 -0
  77. package/heading.IPIYc5vW.js +50 -0
  78. package/{icon.BoMgOmC1.js → icon.Ck0BpI34.js} +1 -1
  79. package/index.es.js +34 -34
  80. package/input.BEnCFNM-.js +239 -0
  81. package/{inputpassword.CSjh1GU7.js → inputpassword.B-D_jB9w.js} +4 -4
  82. package/{inputsearch.DyznOWLK.js → inputsearch.CaSpklR1.js} +4 -4
  83. package/{inputstepper.3BLb7s0P.js → inputstepper.C7KD1-0S.js} +4 -4
  84. package/link.DREJAoPG.js +116 -0
  85. package/linkstandalone.BBoEniZ_.js +79 -0
  86. package/logo.Hul8qCFo.js +65 -0
  87. package/{notification.0kX1GMaB.js → notification.6M0OdGXK.js} +3 -3
  88. package/optioncheckbox.BRUTnQnJ.js +43 -0
  89. package/optioncheckbox.d.ts +1 -1
  90. package/package.json +8 -6
  91. package/partials/index.js +1 -1
  92. package/radio.DEILy_lV.js +114 -0
  93. package/{radiogroup.SYkZm2DG.js → radiogroup.DeU-HdlP.js} +3 -3
  94. package/{select.CYbwR3RW.js → select.BYraFJzz.js} +4 -4
  95. package/skiptocontent.BxvpIB7H.js +45 -0
  96. package/spinner.Bq97Og-6.js +58 -0
  97. package/styles/scss/ds/index.scss +19 -0
  98. package/styles/scss/ds/lib/animation.scss +21 -0
  99. package/styles/scss/ds/lib/breakpoints.scss +15 -0
  100. package/styles/scss/ds/lib/container-query.scss +54 -0
  101. package/styles/scss/ds/lib/ds-internal/_a11y.scss +15 -0
  102. package/styles/scss/{lib → ds/lib/ds-internal}/_focus.scss +13 -15
  103. package/styles/scss/ds/lib/ds-internal/_heading.scss +37 -0
  104. package/styles/scss/ds/lib/ds-internal/_helpers.scss +32 -0
  105. package/styles/scss/ds/lib/ds-internal/_high-contrast.scss +6 -0
  106. package/styles/scss/ds/lib/ds-internal/_hover.scss +6 -0
  107. package/styles/scss/ds/lib/ds-internal/_index.scss +9 -0
  108. package/styles/scss/ds/lib/ds-internal/_link.scss +62 -0
  109. package/styles/scss/ds/lib/ds-internal/_spacing-dynamic.scss +53 -0
  110. package/styles/scss/ds/lib/ds-internal/_text.scss +30 -0
  111. package/styles/scss/ds/lib/grid-extended.scss +11 -0
  112. package/styles/scss/ds/lib/grid-full.scss +6 -0
  113. package/styles/scss/ds/lib/grid-main.scss +119 -0
  114. package/styles/scss/ds/lib/grid-narrow.scss +14 -0
  115. package/styles/scss/ds/lib/grid-sidebar-sidebar.scss +52 -0
  116. package/styles/scss/{lib/_grid-sidebar.scss → ds/lib/grid-sidebar.scss} +23 -32
  117. package/styles/scss/{lib/_grid.scss → ds/lib/grid.scss} +15 -17
  118. package/styles/scss/ds/lib/heading.scss +75 -0
  119. package/styles/scss/ds/lib/link.scss +74 -0
  120. package/styles/scss/ds/lib/media-query.scss +32 -0
  121. package/styles/scss/{lib/_shadow.scss → ds/lib/shadow.scss} +2 -2
  122. package/styles/scss/ds/lib/spacing-dynamic.scss +7 -0
  123. package/styles/scss/ds/lib/spacing.scss +20 -0
  124. package/styles/scss/ds/lib/text.scss +83 -0
  125. package/styles/scss/ds/lib/theme.scss +162 -0
  126. package/styles/scss/ds/lib/transition.scss +36 -0
  127. package/switch.DI8YYa5G.js +65 -0
  128. package/{systemfeedback.ZzRUAVYX.js → systemfeedback.C3Pfxxpp.js} +6 -6
  129. package/text.DThvTwm8.js +57 -0
  130. package/{textarea.DJc527nX.js → textarea.CBvH0ljM.js} +3 -3
  131. package/title.DqzdB2Gq.js +36 -0
  132. package/{toast.D48GFmp0.js → toast.n1QUINSA.js} +3 -3
  133. package/{toastmanager.Dl8-Q3ED.js → toastmanager.B7EZ4JSI.js} +1 -1
  134. package/arialiveregions.BKpxxK7O.js +0 -27
  135. package/assets/Accordion.DMEFgtQm.css +0 -1
  136. package/assets/CheckboxGroup.Bz3_xkZU.css +0 -1
  137. package/assets/Chip.D10_7Q82.css +0 -1
  138. package/assets/CustomReactSelect.D5XKd9vg.css +0 -1
  139. package/assets/Dialog.B0pucIEI.css +0 -1
  140. package/assets/Drawer.CATBzfY7.css +0 -1
  141. package/assets/Fieldset.CwDhKRUL.css +0 -1
  142. package/assets/Icon.Duy_0R8w.css +0 -1
  143. package/assets/InputPassword.DOAAzj-O.css +0 -1
  144. package/assets/InputSearch.CxPYaQGZ.css +0 -1
  145. package/assets/InputStepper.CYYJUu0b.css +0 -1
  146. package/assets/Notification.mhVFeSGm.css +0 -1
  147. package/assets/Select.DZKpHV4G.css +0 -1
  148. package/assets/Textarea.Cp0b7oZp.css +0 -1
  149. package/assets/Toast.Cz6wYaBv.css +0 -1
  150. package/assets/arialiveregions.GsGx2USO.css +0 -1
  151. package/assets/asterisk.DlJ4YtSZ.css +0 -1
  152. package/assets/button.C9_ejpGG.css +0 -1
  153. package/assets/buttonround.DTCqRP-0.css +0 -1
  154. package/assets/checkbox.K4CVYK9g.css +0 -1
  155. package/assets/chipgroup.BMovtKTy.css +0 -1
  156. package/assets/flag.DX_lH1v7.css +0 -1
  157. package/assets/floatingactionbutton.Do-yEH6c.css +0 -1
  158. package/assets/heading.6bER-Eac.css +0 -1
  159. package/assets/input.Q5oKkmW2.css +0 -1
  160. package/assets/link.DhZqkLMP.css +0 -1
  161. package/assets/linkstandalone.Dwz-_O8q.css +0 -1
  162. package/assets/logo.pETQEsvZ.css +0 -1
  163. package/assets/optioncheckbox.C62HtIj5.css +0 -1
  164. package/assets/radio.-Xxx5wL4.css +0 -1
  165. package/assets/skiptocontent.CHcqLS7S.css +0 -1
  166. package/assets/spinner.D_Nnf1ZG.css +0 -1
  167. package/assets/switch.C1Ei0-z8.css +0 -1
  168. package/assets/systemfeedback.Sq0bAIyf.css +0 -1
  169. package/assets/text.DxKFcfY6.css +0 -1
  170. package/assets/title.f74Bosn-.css +0 -1
  171. package/asterisk.DDn-yX4P.js +0 -8
  172. package/button.C5opEJ6x.js +0 -135
  173. package/buttonround.CUoqRyy0.js +0 -118
  174. package/checkbox.DETR3e3X.js +0 -112
  175. package/chipgroup.BJrqEfvr.js +0 -175
  176. package/chunks/Accordion.DFwFN8mX.js +0 -125
  177. package/chunks/Dialog.Fwr6vLiK.js +0 -148
  178. package/chunks/Drawer.CKoYzQHd.js +0 -154
  179. package/chunks/InputPassword.C7pNeWGx.js +0 -143
  180. package/chunks/InputSearch.B24rcIJ_.js +0 -192
  181. package/chunks/InputStepper.CEW-bieQ.js +0 -294
  182. package/chunks/Notification.BXVN7_Fs.js +0 -93
  183. package/chunks/RadioGroup.D4UOflwr.js +0 -137
  184. package/chunks/Select.Ds86q4UC.js +0 -194
  185. package/chunks/Textarea.DcB8hKnO.js +0 -198
  186. package/chunks/Toast.DrzxdzVW.js +0 -89
  187. package/customreactselect.lYJhIeyx.js +0 -13
  188. package/fieldset.BqiAjeax.js +0 -11
  189. package/flag.XJHHSP38.js +0 -43
  190. package/floatingactionbutton.CMpkTdhX.js +0 -87
  191. package/heading.CAkraI2D.js +0 -50
  192. package/input.v7qB7wPJ.js +0 -239
  193. package/link.Clk5_BYp.js +0 -116
  194. package/linkstandalone.BXERmqdN.js +0 -80
  195. package/logo.CEO6OV7u.js +0 -65
  196. package/optioncheckbox.BPN3f6l_.js +0 -43
  197. package/radio.DTZNJzMU.js +0 -115
  198. package/skiptocontent.DUQWopO4.js +0 -46
  199. package/spinner.D-xrotcu.js +0 -58
  200. package/styles/scss/_index.scss +0 -24
  201. package/styles/scss/lib/_a11y.scss +0 -15
  202. package/styles/scss/lib/_animation.scss +0 -21
  203. package/styles/scss/lib/_breakpoints.scss +0 -15
  204. package/styles/scss/lib/_container-query.scss +0 -58
  205. package/styles/scss/lib/_grid-extended.scss +0 -11
  206. package/styles/scss/lib/_grid-full.scss +0 -6
  207. package/styles/scss/lib/_grid-main.scss +0 -117
  208. package/styles/scss/lib/_grid-narrow.scss +0 -16
  209. package/styles/scss/lib/_grid-sidebar-sidebar.scss +0 -50
  210. package/styles/scss/lib/_heading.scss +0 -107
  211. package/styles/scss/lib/_helpers.scss +0 -15
  212. package/styles/scss/lib/_high-contrast.scss +0 -24
  213. package/styles/scss/lib/_hover.scss +0 -10
  214. package/styles/scss/lib/_link.scss +0 -129
  215. package/styles/scss/lib/_media-query.scss +0 -32
  216. package/styles/scss/lib/_spacing-dynamic.scss +0 -61
  217. package/styles/scss/lib/_spacing.scss +0 -32
  218. package/styles/scss/lib/_text.scss +0 -110
  219. package/styles/scss/lib/_theme.scss +0 -162
  220. package/styles/scss/lib/_transition.scss +0 -45
  221. package/switch.CoNnIhM4.js +0 -65
  222. package/text.fMcHzVbH.js +0 -57
  223. package/title.LY1ylQsb.js +0 -36
  224. /package/components/{CustomReactSelect → Combobox/CustomReactSelect}/CustomReactSelect.utils.test.d.ts +0 -0
  225. /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}
@@ -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}
@@ -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
- };
@@ -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
- };
@@ -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
- };
@@ -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
- };
@@ -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
- };