@warp-ds/elements 2.2.0-next.1 → 2.2.0-next.10

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 (229) hide show
  1. package/README.md +27 -17
  2. package/dist/.storybook/utilities.d.ts +28 -0
  3. package/dist/api.js +1 -49
  4. package/dist/api.js.map +4 -4
  5. package/dist/custom-elements.json +4282 -0
  6. package/dist/index.css +2 -0
  7. package/dist/index.css.map +7 -0
  8. package/dist/index.js +4566 -6565
  9. package/dist/index.js.map +4 -4
  10. package/dist/packages/affix/affix.stories.d.ts +10 -0
  11. package/dist/packages/affix/affix.test.d.ts +1 -0
  12. package/dist/packages/affix/index.d.ts +52 -24
  13. package/dist/packages/affix/index.js +2571 -2240
  14. package/dist/packages/affix/index.js.map +4 -4
  15. package/dist/packages/affix/react.d.ts +2 -0
  16. package/dist/packages/affix/styles.d.ts +1 -0
  17. package/dist/packages/alert/alert.stories.d.ts +15 -0
  18. package/dist/packages/alert/alert.test.d.ts +1 -0
  19. package/dist/packages/alert/index.d.ts +27 -17
  20. package/dist/packages/alert/index.js +2568 -2446
  21. package/dist/packages/alert/index.js.map +4 -4
  22. package/dist/packages/alert/react.d.ts +2 -0
  23. package/dist/packages/alert/styles.d.ts +1 -0
  24. package/dist/packages/attention/attention.stories.d.ts +15 -0
  25. package/dist/packages/attention/attention.test.d.ts +1 -0
  26. package/dist/packages/attention/index.d.ts +62 -90
  27. package/dist/packages/attention/index.js +3497 -3984
  28. package/dist/packages/attention/index.js.map +4 -4
  29. package/dist/packages/attention/layout-styles.d.ts +1 -0
  30. package/dist/packages/attention/react.d.ts +1 -0
  31. package/dist/packages/attention/styles.d.ts +1 -0
  32. package/dist/packages/badge/badge.stories.d.ts +17 -0
  33. package/dist/packages/badge/badge.test.d.ts +1 -0
  34. package/dist/packages/badge/index.d.ts +17 -11
  35. package/dist/packages/badge/index.js +2550 -300
  36. package/dist/packages/badge/index.js.map +4 -4
  37. package/dist/packages/badge/react.d.ts +2 -0
  38. package/dist/packages/badge/styles.d.ts +1 -0
  39. package/dist/packages/box/box.stories.d.ts +14 -0
  40. package/dist/packages/box/box.test.d.ts +1 -0
  41. package/dist/packages/box/index.d.ts +22 -20
  42. package/dist/packages/box/index.js +2550 -304
  43. package/dist/packages/box/index.js.map +4 -4
  44. package/dist/packages/box/react.d.ts +2 -0
  45. package/dist/packages/box/slot.test.d.ts +1 -0
  46. package/dist/packages/box/styles.d.ts +1 -0
  47. package/dist/packages/breadcrumbs/breadcrumbs.stories.d.ts +12 -0
  48. package/dist/packages/breadcrumbs/breadcrumbs.test.d.ts +1 -0
  49. package/dist/packages/breadcrumbs/index.d.ts +24 -16
  50. package/dist/packages/breadcrumbs/index.js +2511 -2051
  51. package/dist/packages/breadcrumbs/index.js.map +4 -4
  52. package/dist/packages/breadcrumbs/react.d.ts +2 -0
  53. package/dist/packages/breadcrumbs/styles.d.ts +1 -0
  54. package/dist/packages/button/button.stories.d.ts +21 -0
  55. package/dist/packages/button/button.test.d.ts +1 -0
  56. package/dist/packages/button/index.d.ts +111 -56
  57. package/dist/packages/button/index.js +2735 -2130
  58. package/dist/packages/button/index.js.map +4 -4
  59. package/dist/packages/button/react.d.ts +2 -0
  60. package/dist/packages/button/styles.d.ts +1 -0
  61. package/dist/packages/card/card.stories.d.ts +15 -0
  62. package/dist/packages/card/card.test.d.ts +1 -0
  63. package/dist/packages/card/index.d.ts +33 -16
  64. package/dist/packages/card/index.js +2530 -2078
  65. package/dist/packages/card/index.js.map +4 -4
  66. package/dist/packages/card/react.d.ts +2 -0
  67. package/dist/packages/card/styles.d.ts +1 -0
  68. package/dist/packages/datepicker/DatePicker.test.d.ts +1 -0
  69. package/dist/packages/datepicker/datepicker.d.ts +107 -0
  70. package/dist/packages/datepicker/datepicker.js +2929 -0
  71. package/dist/packages/datepicker/datepicker.js.map +7 -0
  72. package/dist/packages/datepicker/datepicker.stories.d.ts +11 -0
  73. package/dist/packages/datepicker/datepicker.test.d.ts +2 -0
  74. package/dist/packages/datepicker/index.d.ts +1 -0
  75. package/dist/packages/datepicker/index.js +2929 -0
  76. package/dist/packages/datepicker/index.js.map +7 -0
  77. package/dist/packages/datepicker/locales/da/messages.d.mts +1 -0
  78. package/dist/packages/datepicker/locales/en/messages.d.mts +1 -0
  79. package/dist/packages/datepicker/locales/fi/messages.d.mts +1 -0
  80. package/dist/packages/datepicker/locales/nb/messages.d.mts +1 -0
  81. package/dist/packages/datepicker/locales/sv/messages.d.mts +1 -0
  82. package/dist/packages/datepicker/react.d.ts +2 -0
  83. package/dist/packages/datepicker/styles/w-datepicker-calendar.styles.d.ts +1 -0
  84. package/dist/packages/datepicker/styles/w-datepicker-day.styles.d.ts +1 -0
  85. package/dist/packages/datepicker/styles/w-datepicker-month.styles.d.ts +1 -0
  86. package/dist/packages/datepicker/styles/w-datepicker.styles.d.ts +1 -0
  87. package/dist/packages/datepicker/utils.d.ts +13 -0
  88. package/dist/packages/dead-toggle/dead-toggle.stories.d.ts +10 -0
  89. package/dist/packages/dead-toggle/dead-toggle.test.d.ts +1 -0
  90. package/dist/packages/dead-toggle/index.d.ts +21 -0
  91. package/dist/packages/dead-toggle/index.js +2610 -0
  92. package/dist/packages/dead-toggle/index.js.map +7 -0
  93. package/dist/packages/dead-toggle/react.d.ts +2 -0
  94. package/dist/packages/expandable/expandable.stories.d.ts +19 -0
  95. package/dist/packages/expandable/expandable.test.d.ts +1 -0
  96. package/dist/packages/expandable/index.d.ts +55 -50
  97. package/dist/packages/expandable/index.js +2545 -2293
  98. package/dist/packages/expandable/index.js.map +4 -4
  99. package/dist/packages/expandable/react.d.ts +2 -0
  100. package/dist/packages/expandable/styles.d.ts +1 -0
  101. package/dist/packages/link/index.d.ts +39 -0
  102. package/dist/packages/link/index.js +2769 -0
  103. package/dist/packages/link/index.js.map +7 -0
  104. package/dist/packages/link/link.stories.d.ts +20 -0
  105. package/dist/packages/link/link.test.d.ts +1 -0
  106. package/dist/packages/link/react.d.ts +2 -0
  107. package/dist/packages/link/styles.d.ts +1 -0
  108. package/dist/packages/modal/index.d.ts +4 -5
  109. package/dist/packages/modal/index.js +2765 -2569
  110. package/dist/packages/modal/index.js.map +4 -4
  111. package/dist/packages/modal/modal-footer.d.ts +18 -11
  112. package/dist/packages/modal/modal-footer.js +2499 -0
  113. package/dist/packages/modal/modal-footer.js.map +7 -0
  114. package/dist/packages/modal/modal-header.d.ts +30 -31
  115. package/dist/packages/modal/modal-header.js +2700 -0
  116. package/dist/packages/modal/modal-header.js.map +7 -0
  117. package/dist/packages/modal/modal-main.d.ts +32 -31
  118. package/dist/packages/modal/modal-main.js +2681 -0
  119. package/dist/packages/modal/modal-main.js.map +7 -0
  120. package/dist/packages/modal/modal.stories.d.ts +19 -0
  121. package/dist/packages/modal/react.d.ts +4 -0
  122. package/dist/packages/modal/util.d.ts +7 -17
  123. package/dist/packages/pageindicator/index.d.ts +14 -0
  124. package/dist/packages/pageindicator/index.js +169 -0
  125. package/dist/packages/pageindicator/index.js.map +7 -0
  126. package/dist/packages/pageindicator/pageindicator.stories.d.ts +32 -0
  127. package/dist/packages/pageindicator/react.d.ts +2 -0
  128. package/dist/packages/pageindicator/style.d.ts +1 -0
  129. package/dist/packages/pagination/index.d.ts +37 -0
  130. package/dist/packages/pagination/index.js +2610 -0
  131. package/dist/packages/pagination/index.js.map +7 -0
  132. package/dist/packages/pagination/locales/da/messages.d.mts +1 -0
  133. package/dist/packages/pagination/locales/en/messages.d.mts +1 -0
  134. package/dist/packages/pagination/locales/fi/messages.d.mts +1 -0
  135. package/dist/packages/pagination/locales/nb/messages.d.mts +1 -0
  136. package/dist/packages/pagination/locales/sv/messages.d.mts +1 -0
  137. package/dist/packages/pagination/pagination.stories.d.ts +14 -0
  138. package/dist/packages/pagination/pagination.test.d.ts +1 -0
  139. package/dist/packages/pagination/react.d.ts +2 -0
  140. package/dist/packages/pagination/styles.d.ts +1 -0
  141. package/dist/packages/pill/index.d.ts +44 -23
  142. package/dist/packages/pill/index.js +2524 -2175
  143. package/dist/packages/pill/index.js.map +4 -4
  144. package/dist/packages/pill/pill.stories.d.ts +12 -0
  145. package/dist/packages/pill/pill.test.d.ts +1 -0
  146. package/dist/packages/pill/styles.d.ts +1 -0
  147. package/dist/packages/rip-and-tear-checkbox/checkbox.d.ts +64 -0
  148. package/dist/packages/rip-and-tear-checkbox/index.css +2 -0
  149. package/dist/packages/rip-and-tear-checkbox/index.css.map +7 -0
  150. package/dist/packages/rip-and-tear-checkbox/index.d.ts +6 -0
  151. package/dist/packages/rip-and-tear-checkbox/index.js +187 -0
  152. package/dist/packages/rip-and-tear-checkbox/index.js.map +7 -0
  153. package/dist/packages/rip-and-tear-radio/base-element.d.ts +46 -0
  154. package/dist/packages/rip-and-tear-radio/custom-error-validator.d.ts +6 -0
  155. package/dist/packages/rip-and-tear-radio/form-associated-element.d.ts +103 -0
  156. package/dist/packages/rip-and-tear-radio/index.css +2 -0
  157. package/dist/packages/rip-and-tear-radio/index.css.map +7 -0
  158. package/dist/packages/rip-and-tear-radio/index.d.ts +8 -0
  159. package/dist/packages/rip-and-tear-radio/index.js +157 -0
  160. package/dist/packages/rip-and-tear-radio/index.js.map +7 -0
  161. package/dist/packages/rip-and-tear-radio/invalid.d.ts +8 -0
  162. package/dist/packages/rip-and-tear-radio/math.d.ts +1 -0
  163. package/dist/packages/rip-and-tear-radio/radio-group.d.ts +72 -0
  164. package/dist/packages/rip-and-tear-radio/radio.d.ts +38 -0
  165. package/dist/packages/rip-and-tear-radio/required-validator.d.ts +11 -0
  166. package/dist/packages/rip-and-tear-radio/slot.d.ts +20 -0
  167. package/dist/packages/rip-and-tear-radio/watch.d.ts +26 -0
  168. package/dist/packages/select/index.d.ts +59 -48
  169. package/dist/packages/select/index.js +2565 -2236
  170. package/dist/packages/select/index.js.map +4 -4
  171. package/dist/packages/select/react.d.ts +2 -0
  172. package/dist/packages/select/select.stories.d.ts +10 -0
  173. package/dist/packages/select/select.test.d.ts +1 -0
  174. package/dist/packages/select/styles.d.ts +1 -0
  175. package/dist/packages/steps/index.d.ts +43 -0
  176. package/dist/packages/steps/index.js +2581 -0
  177. package/dist/packages/steps/index.js.map +7 -0
  178. package/dist/packages/steps/locales/da/messages.d.mts +1 -0
  179. package/dist/packages/steps/locales/en/messages.d.mts +1 -0
  180. package/dist/packages/steps/locales/fi/messages.d.mts +1 -0
  181. package/dist/packages/steps/locales/nb/messages.d.mts +1 -0
  182. package/dist/packages/steps/locales/sv/messages.d.mts +1 -0
  183. package/dist/packages/steps/react.d.ts +3 -0
  184. package/dist/packages/steps/steps.stories.d.ts +12 -0
  185. package/dist/packages/steps/styles.d.ts +1 -0
  186. package/dist/packages/styles.d.ts +2 -0
  187. package/dist/packages/switch/index.d.ts +20 -0
  188. package/dist/packages/switch/index.js +2564 -0
  189. package/dist/packages/switch/index.js.map +7 -0
  190. package/dist/packages/switch/react.d.ts +2 -0
  191. package/dist/packages/switch/styles.d.ts +1 -0
  192. package/dist/packages/switch/switch.stories.d.ts +9 -0
  193. package/dist/packages/tabs/index.d.ts +4 -0
  194. package/dist/packages/tabs/index.js +2579 -0
  195. package/dist/packages/tabs/index.js.map +7 -0
  196. package/dist/packages/tabs/react.d.ts +4 -0
  197. package/dist/packages/tabs/styles.d.ts +1 -0
  198. package/dist/packages/tabs/tab-panel.d.ts +20 -0
  199. package/dist/packages/tabs/tab.d.ts +23 -0
  200. package/dist/packages/tabs/tabs.d.ts +38 -0
  201. package/dist/packages/tabs/tabs.stories.d.ts +8 -0
  202. package/dist/packages/textfield/index.d.ts +72 -74
  203. package/dist/packages/textfield/index.js +2572 -413
  204. package/dist/packages/textfield/index.js.map +4 -4
  205. package/dist/packages/textfield/react.d.ts +2 -0
  206. package/dist/packages/textfield/styles.d.ts +1 -0
  207. package/dist/packages/textfield/textfield.stories.d.ts +17 -0
  208. package/dist/packages/textfield/textfield.test.d.ts +1 -0
  209. package/dist/packages/toast/api.d.ts +4 -45
  210. package/dist/packages/toast/index.d.ts +3 -0
  211. package/dist/packages/toast/index.js +2610 -2787
  212. package/dist/packages/toast/index.js.map +4 -4
  213. package/dist/packages/toast/styles.d.ts +1 -0
  214. package/dist/packages/toast/toast-container.d.ts +12 -63
  215. package/dist/packages/toast/toast.d.ts +34 -29
  216. package/dist/packages/toast/toast.stories.d.ts +12 -0
  217. package/dist/packages/toast/types.d.ts +15 -0
  218. package/dist/packages/utils/expand-transition.d.ts +3 -2
  219. package/dist/packages/utils/index.d.ts +1 -1
  220. package/dist/packages/utils/index.js +27 -0
  221. package/dist/packages/utils/index.js.map +7 -0
  222. package/dist/packages/utils/unstyled-heading.d.ts +4 -3
  223. package/dist/setup-tests.d.ts +1 -0
  224. package/dist/styles.css +1 -0
  225. package/dist/vscode.css-custom-data.json +6 -0
  226. package/dist/vscode.html-custom-data.json +421 -0
  227. package/dist/web-types.json +949 -0
  228. package/package.json +74 -25
  229. package/dist/index.d.ts +0 -18
package/dist/index.css ADDED
@@ -0,0 +1,2 @@
1
+ :host{box-sizing:border-box!important}:host *,:host *:before,:host *:after{box-sizing:inherit!important}:host{display:block;user-select:none;-webkit-user-select:none}[part~=control]{position:relative;width:2rem;height:2rem;border-color:var(--w-s-color-border);border-radius:2px;border-style:solid;border-width:1px;background-color:var(--w-s-color-background);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;margin-right:.8rem;text-align:center;line-height:var(--w-line-height-xs);font-size:var(--w-font-size-m)}[part~=base]{display:flex;align-items:center;position:relative;color:currentColor;vertical-align:middle;cursor:pointer}[part~=label]{display:block;font-size:var(--w-font-size-m);line-height:var(--w-line-height-m);user-select:none;cursor:pointer;padding:.2rem 0}label:hover [part~=control]:not(:has(:checked,:indeterminate)){background-color:var(--w-s-color-background-hover);border-color:var(--w-s-color-border-primary)}label:hover [part~=control]:has(:checked,:indeterminate){border-color:var(--w-s-color-border-primary-hover);background-color:var(--w-s-color-background-primary-hover)}[part~=control]:has(:checked,:indeterminate){color:var(--checked-icon-color, white);border-color:var(--w-s-color-border-primary);background-color:var(--w-s-color-background-primary)}[part~=control]:has(:indeterminate){font-weight:700}[part~=control]:has(:invalid){border-color:var(--w-s-color-border-negative)}[part~=control]:has(:invalid):hover{background-color:var(--w-s-color-background-negative-subtle-hover)}[part~=control]:has(:checked):has(:invalid){background-color:var(--w-s-color-background-negative)}[part~=control]:has(:checked){background-image:var(--w-icon-toggle-checked);background-position:center}[part~=control]:has(>input:focus-visible:not(:disabled)){outline:var(--wa-focus-ring);outline-offset:var(--wa-focus-ring-offset)}:host [part~=base]:has(input:disabled){opacity:.5;cursor:not-allowed}input{position:absolute;padding:0;margin:0;height:100%;width:100%;opacity:0;pointer-events:none}[part~=icon]{display:flex;input:not(:checked,:indeterminate)+&{visibility:hidden}}:host([required]) [part~=label]:after{content:var(--wa-form-control-required-content);color:var(--wa-form-control-required-content-color);margin-inline-start:var(--wa-form-control-required-content-offset)}:host{color:var(--wa-form-control-value-color);display:inline-flex;flex-direction:row;align-items:top;font-family:inherit;font-weight:var(--wa-form-control-value-font-weight);line-height:var(--wa-form-control-value-line-height);cursor:pointer;user-select:none;-webkit-user-select:none}:host(:focus){outline:none}[part~=label]{display:inline}:host([appearance="default"]){.control{flex:0 0 auto;position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--wa-form-control-toggle-size, 2rem);height:var(--wa-form-control-toggle-size, 2rem);border-color:var(--wa-form-control-border-color, gray);border-radius:50%;border-style:var(--wa-form-control-border-style, solid);border-width:var(--wa-form-control-border-width, 1px);background-color:var(--wa-form-control-background-color, white);color:transparent;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;margin-inline-end:.5em}}:host([appearance="clickable"]) .control{position:absolute;inset:0;height:100%;width:100%;cursor:pointer}:host(:state(checked)):not(:host([appearance="clickable"])) .control{border-color:var(--wa-form-control-activated-color, blue);background-color:var(--wa-form-control-background-color, white);border-width:.6rem}:host(:focus-visible) .control{outline:2px solid var(--w-s-color-border-focus);outline-offset:var(--w-outline-offset, 1px)}:host([appearance="clickable"]:focus-visible) .control{outline-offset:-4px;border-radius:8px}:host(:state(disabled)){opacity:.5;cursor:not-allowed}:host([appearance="button"]){align-items:center;min-height:var(--wa-form-control-height);background-color:var(--wa-color-surface-default);border:var(--wa-form-control-border-width) var(--wa-form-control-border-style) var(--wa-form-control-border-color);border-radius:var(--wa-border-radius-m);padding:0 var(--wa-form-control-padding-inline);transition:background-color var(--wa-transition-fast),border-color var(--wa-transition-fast);.control{display:none}}:host([appearance="button"][data-wa-radio-horizontal][data-wa-radio-inner]){border-radius:0}:host([appearance="button"][data-wa-radio-horizontal][data-wa-radio-first]){border-start-end-radius:0;border-end-end-radius:0}:host([appearance="button"][data-wa-radio-horizontal][data-wa-radio-last]){border-start-start-radius:0;border-end-start-radius:0}:host([appearance="button"][data-wa-radio-vertical][data-wa-radio-inner]){border-radius:0}:host([appearance="button"][data-wa-radio-vertical][data-wa-radio-first]){border-end-start-radius:0;border-end-end-radius:0}:host([appearance="button"][data-wa-radio-vertical][data-wa-radio-last]){border-start-start-radius:0;border-start-end-radius:0}@media (hover: hover){:host([appearance="button"]:hover:not(:state(disabled),:state(checked))){background-color:color-mix(in srgb,var(--wa-color-surface-default) 95%,var(--wa-color-mix-hover))}}:host([appearance="button"]:focus-visible){outline:var(--wa-focus-ring);outline-offset:var(--wa-focus-ring-offset)}:host([appearance="button"]:state(checked)){border-color:var(--wa-form-control-activated-color);background-color:var(--wa-color-brand-fill-quiet)}:host([appearance="button"]:state(checked):focus-visible){outline:var(--wa-focus-ring-style) var(--wa-focus-ring-width) var(--wa-color-brand-border-loud);outline-offset:var(--wa-focus-ring-offset)}:host([appearance="button"][data-wa-radio-horizontal]:not([data-wa-radio-first])){margin-inline-start:calc(-1 * var(--wa-form-control-border-width))}:host([appearance="button"][data-wa-radio-vertical]:not([data-wa-radio-first])){margin-block-start:calc(-1 * var(--wa-form-control-border-width))}:host([appearance="button"]:hover),:host([appearance="button"]:state(checked)){position:relative;z-index:1}:host([appearance="button"]:focus-visible){z-index:2}:host{display:block}.form-control{position:relative;border:none;padding:0;margin:0}.label{font-size:var(--w-font-size-s);line-height:var(--w-line-height-s);font-weight:700;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:grayscale;cursor:pointer;padding-bottom:.4rem;color:var(--w-s-color-text);display:block}.radio-group-required .label:after{content:var(--wa-form-control-required-content);margin-inline-start:var(--wa-form-control-required-content-offset)}.button-group{display:flex}[part~=form-control-input]{display:flex;flex-direction:column;flex-wrap:wrap;gap:.75em}:host([orientation="horizontal"]) [part~=form-control-input]{flex-direction:row;gap:1em}[part~=hint]{margin-block-start:.5em}:host fieldset.has-radio-buttons{[part~=form-control-input]{gap:0}}
2
+ /*# sourceMappingURL=index.css.map */
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../packages/rip-and-tear-radio/host.css", "../packages/rip-and-tear-checkbox/checkbox.css", "../packages/rip-and-tear-radio/radio.css", "../packages/rip-and-tear-radio/radio-group.css"],
4
+ "sourcesContent": [":host {\n box-sizing: border-box !important;\n}\n\n:host *,\n:host *::before,\n:host *::after {\n box-sizing: inherit !important;\n}\n\n", ":host {\n display: block;\n user-select: none;\n -webkit-user-select: none;\n}\n\n[part~='control'] {\n position: relative;\n width: 2rem;\n height: 2rem;\n border-color: var(--w-s-color-border);\n border-radius: 2px;\n border-style: solid;\n border-width: 1px;\n background-color: var(--w-s-color-background);\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n margin-right: 0.8rem;\n text-align: center;\n line-height: var(--w-line-height-xs);\n font-size: var(--w-font-size-m);\n}\n\n[part~='base'] {\n display: flex;\n align-items: center;\n position: relative;\n color: currentColor;\n vertical-align: middle;\n cursor: pointer;\n}\n\n[part~='label'] {\n display: block;\n font-size: var(--w-font-size-m);\n line-height: var(--w-line-height-m);\n user-select: none;\n cursor: pointer;\n padding: 0.2rem 0;\n}\n\nlabel:hover [part~='control']:not(:has(:checked, :indeterminate)) {\n background-color: var(--w-s-color-background-hover);\n border-color: var(--w-s-color-border-primary);\n}\n\nlabel:hover [part~='control']:has(:checked, :indeterminate) {\n border-color: var(--w-s-color-border-primary-hover);\n background-color: var(--w-s-color-background-primary-hover);\n}\n\n[part~='control']:has(:checked, :indeterminate) {\n color: var(--checked-icon-color, white);\n border-color: var(--w-s-color-border-primary);\n background-color: var(--w-s-color-background-primary);\n}\n\n[part~='control']:has(:indeterminate) {\n font-weight: 700;\n}\n\n[part~='control']:has(:invalid) {\n border-color: var(--w-s-color-border-negative);\n}\n\n[part~='control']:has(:invalid):hover {\n background-color: var(--w-s-color-background-negative-subtle-hover);\n}\n\n[part~='control']:has(:checked):has(:invalid) {\n background-color: var(--w-s-color-background-negative);\n}\n\n[part~='control']:has(:checked) {\n background-image: var(--w-icon-toggle-checked);\n background-position: center;\n}\n\n/* Focus */\n[part~='control']:has(> input:focus-visible:not(:disabled)) {\n outline: var(--wa-focus-ring);\n outline-offset: var(--wa-focus-ring-offset);\n}\n\n/* Disabled */\n:host [part~='base']:has(input:disabled) {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\ninput {\n position: absolute;\n padding: 0;\n margin: 0;\n height: 100%;\n width: 100%;\n opacity: 0;\n pointer-events: none;\n}\n\n[part~='icon'] {\n display: flex;\n\n input:not(:checked, :indeterminate) + & {\n visibility: hidden;\n }\n}\n\n:host([required]) [part~='label']::after {\n content: var(--wa-form-control-required-content);\n color: var(--wa-form-control-required-content-color);\n margin-inline-start: var(--wa-form-control-required-content-offset);\n}\n\n", ":host {\n color: var(--wa-form-control-value-color);\n display: inline-flex;\n flex-direction: row;\n align-items: top;\n font-family: inherit;\n font-weight: var(--wa-form-control-value-font-weight);\n line-height: var(--wa-form-control-value-line-height);\n cursor: pointer;\n user-select: none;\n -webkit-user-select: none;\n}\n\n:host(:focus) {\n outline: none;\n}\n\n[part~='label'] {\n display: inline;\n}\n\n[part~='hint'] {\n margin-block-start: 0.5em;\n}\n\n/* Default appearance */\n:host([appearance='default']) {\n .control {\n flex: 0 0 auto;\n position: relative;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--wa-form-control-toggle-size, 2rem);\n height: var(--wa-form-control-toggle-size, 2rem);\n border-color: var(--wa-form-control-border-color, gray);\n border-radius: 50%;\n border-style: var(--wa-form-control-border-style, solid);\n border-width: var(--wa-form-control-border-width, 1px);\n background-color: var(--wa-form-control-background-color, white);\n color: transparent;\n transition-property: all;\n transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n transition-duration: 150ms;\n\n margin-inline-end: 0.5em;\n }\n}\n\n:host([appearance='clickable']) .control {\n position: absolute;\n inset: 0;\n height: 100%;\n width: 100%;\n cursor: pointer;\n}\n\n/* Checked */\n:host(:state(checked)):not(:host([appearance='clickable'])) .control {\n /* color: var(--checked-icon-color, white); */\n border-color: var(--wa-form-control-activated-color, blue);\n background-color: var(--wa-form-control-background-color, white);\n border-width: 0.6rem;\n}\n\n/* Focus */\n:host(:focus-visible) .control {\n outline: 2px solid var(--w-s-color-border-focus);\n outline-offset: var(--w-outline-offset, 1px);\n}\n\n:host([appearance='clickable']:focus-visible) .control {\n outline-offset: -4px;\n border-radius: 8px;\n}\n\n/* Disabled */\n:host(:state(disabled)) {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n/* Button appearance */\n:host([appearance='button']) {\n align-items: center;\n min-height: var(--wa-form-control-height);\n background-color: var(--wa-color-surface-default);\n border: var(--wa-form-control-border-width) var(--wa-form-control-border-style) var(--wa-form-control-border-color);\n border-radius: var(--wa-border-radius-m);\n padding: 0 var(--wa-form-control-padding-inline);\n transition:\n background-color var(--wa-transition-fast),\n border-color var(--wa-transition-fast);\n\n .control {\n display: none;\n }\n}\n\n/* Horizontal grouping - remove inner border radius */\n:host([appearance='button'][data-wa-radio-horizontal][data-wa-radio-inner]) {\n border-radius: 0;\n}\n\n:host([appearance='button'][data-wa-radio-horizontal][data-wa-radio-first]) {\n border-start-end-radius: 0;\n border-end-end-radius: 0;\n}\n\n:host([appearance='button'][data-wa-radio-horizontal][data-wa-radio-last]) {\n border-start-start-radius: 0;\n border-end-start-radius: 0;\n}\n\n/* Vertical grouping - remove inner border radius */\n:host([appearance='button'][data-wa-radio-vertical][data-wa-radio-inner]) {\n border-radius: 0;\n}\n\n:host([appearance='button'][data-wa-radio-vertical][data-wa-radio-first]) {\n border-end-start-radius: 0;\n border-end-end-radius: 0;\n}\n\n:host([appearance='button'][data-wa-radio-vertical][data-wa-radio-last]) {\n border-start-start-radius: 0;\n border-start-end-radius: 0;\n}\n\n@media (hover: hover) {\n :host([appearance='button']:hover:not(:state(disabled), :state(checked))) {\n background-color: color-mix(in srgb, var(--wa-color-surface-default) 95%, var(--wa-color-mix-hover));\n }\n}\n\n:host([appearance='button']:focus-visible) {\n outline: var(--wa-focus-ring);\n outline-offset: var(--wa-focus-ring-offset);\n}\n\n:host([appearance='button']:state(checked)) {\n border-color: var(--wa-form-control-activated-color);\n background-color: var(--wa-color-brand-fill-quiet);\n}\n\n:host([appearance='button']:state(checked):focus-visible) {\n outline: var(--wa-focus-ring-style) var(--wa-focus-ring-width) var(--wa-color-brand-border-loud);\n outline-offset: var(--wa-focus-ring-offset);\n}\n\n/* Remove inner borders and handle overlap */\n:host([appearance='button'][data-wa-radio-horizontal]:not([data-wa-radio-first])) {\n margin-inline-start: calc(-1 * var(--wa-form-control-border-width));\n}\n\n:host([appearance='button'][data-wa-radio-vertical]:not([data-wa-radio-first])) {\n margin-block-start: calc(-1 * var(--wa-form-control-border-width));\n}\n\n/* Ensure interactive states are visible above adjacent buttons */\n:host([appearance='button']:hover),\n:host([appearance='button']:state(checked)) {\n position: relative;\n z-index: 1;\n}\n\n:host([appearance='button']:focus-visible) {\n z-index: 2;\n}\n\n", ":host {\n display: block;\n}\n\n.form-control {\n position: relative;\n border: none;\n padding: 0;\n margin: 0;\n}\n\n.label {\n font-size: var(--w-font-size-s);\n line-height: var(--w-line-height-s);\n font-weight: 700;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n font-smoothing: grayscale;\n cursor: pointer;\n padding-bottom: 0.4rem;\n color: var(--w-s-color-text);\n display: block;\n}\n\n.radio-group-required .label::after {\n content: var(--wa-form-control-required-content);\n margin-inline-start: var(--wa-form-control-required-content-offset);\n}\n\n.button-group {\n display: flex;\n}\n\n[part~='form-control-input'] {\n display: flex;\n flex-direction: column;\n flex-wrap: wrap;\n gap: 0.75em;\n}\n\n/* Horizontal */\n:host([orientation='horizontal']) [part~='form-control-input'] {\n flex-direction: row;\n gap: 1em;\n}\n\n/* Help text */\n[part~='hint'] {\n margin-block-start: 0.5em;\n}\n\n/* Radios have the \"button\" appearance */\n:host fieldset.has-radio-buttons {\n [part~='form-control-input'] {\n gap: 0;\n }\n}\n\n"],
5
+ "mappings": "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",
6
+ "names": []
7
+ }