@hopper-ui/components 1.3.30 → 1.3.32

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 (218) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/Avatar/src/AnonymousAvatar.css +37 -37
  3. package/dist/Avatar/src/AnonymousAvatar.js +2 -2
  4. package/dist/Avatar/src/Avatar.css +55 -55
  5. package/dist/Avatar/src/Avatar.js +3 -3
  6. package/dist/Avatar/src/DeletedAvatar.css +37 -37
  7. package/dist/Avatar/src/DeletedAvatar.js +2 -2
  8. package/dist/Avatar/src/RichIconAvatarImage.css +37 -37
  9. package/dist/Avatar/src/RichIconAvatarImage.js +1 -1
  10. package/dist/Avatar/src/index.css +55 -55
  11. package/dist/Avatar/src/index.js +5 -5
  12. package/dist/Badge/src/Badge.css +42 -42
  13. package/dist/Badge/src/Badge.js +2 -2
  14. package/dist/Badge/src/FloatingBadge.css +37 -37
  15. package/dist/Badge/src/FloatingBadge.js +1 -1
  16. package/dist/Badge/src/index.css +52 -52
  17. package/dist/Badge/src/index.js +3 -3
  18. package/dist/Card/src/Card.css +247 -0
  19. package/dist/Card/src/Card.d.ts +22 -0
  20. package/dist/Card/src/Card.js +7 -0
  21. package/dist/Card/src/CardContext.d.ts +10 -0
  22. package/dist/Card/src/CardContext.js +2 -0
  23. package/dist/Card/src/index.css +247 -0
  24. package/dist/Card/src/index.d.ts +7 -0
  25. package/dist/Card/src/index.js +7 -0
  26. package/dist/ComboBox/src/ComboBox.css +562 -2120
  27. package/dist/ComboBox/src/ComboBox.js +25 -96
  28. package/dist/ComboBox/src/index.css +562 -2120
  29. package/dist/ComboBox/src/index.js +25 -96
  30. package/dist/Divider/src/Divider.css +29 -29
  31. package/dist/Divider/src/Divider.js +1 -1
  32. package/dist/Divider/src/index.css +29 -29
  33. package/dist/Divider/src/index.js +1 -1
  34. package/dist/ErrorMessage/src/ErrorMessage.css +29 -29
  35. package/dist/ErrorMessage/src/ErrorMessage.js +2 -2
  36. package/dist/ErrorMessage/src/index.css +29 -29
  37. package/dist/ErrorMessage/src/index.js +2 -2
  38. package/dist/Form/src/Form.css +1593 -1836
  39. package/dist/Form/src/Form.js +11 -102
  40. package/dist/Form/src/index.css +1593 -1836
  41. package/dist/Form/src/index.js +11 -102
  42. package/dist/HelperMessage/src/HelperMessage.css +29 -29
  43. package/dist/HelperMessage/src/HelperMessage.js +2 -2
  44. package/dist/HelperMessage/src/index.css +29 -29
  45. package/dist/HelperMessage/src/index.js +2 -2
  46. package/dist/IconList/src/IconList.css +28 -28
  47. package/dist/IconList/src/IconList.js +1 -1
  48. package/dist/IconList/src/index.css +28 -28
  49. package/dist/IconList/src/index.js +1 -1
  50. package/dist/Link/src/Link.css +49 -49
  51. package/dist/Link/src/Link.js +8 -8
  52. package/dist/Link/src/index.css +49 -49
  53. package/dist/Link/src/index.js +8 -8
  54. package/dist/ListBox/src/ListBox.css +274 -274
  55. package/dist/ListBox/src/ListBox.js +14 -14
  56. package/dist/ListBox/src/ListBoxItem.css +262 -262
  57. package/dist/ListBox/src/ListBoxItem.js +13 -13
  58. package/dist/ListBox/src/ListBoxItemSkeleton.css +34 -34
  59. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  60. package/dist/ListBox/src/index.css +274 -274
  61. package/dist/ListBox/src/index.js +14 -14
  62. package/dist/Select/src/Select.css +597 -2154
  63. package/dist/Select/src/Select.js +27 -96
  64. package/dist/Select/src/SelectValue.css +61 -61
  65. package/dist/Select/src/SelectValue.js +6 -6
  66. package/dist/Select/src/index.css +566 -2123
  67. package/dist/Select/src/index.d.ts +1 -1
  68. package/dist/Select/src/index.js +27 -96
  69. package/dist/Spinner/src/Spinner.css +37 -37
  70. package/dist/Spinner/src/Spinner.js +2 -2
  71. package/dist/Spinner/src/index.css +37 -37
  72. package/dist/Spinner/src/index.js +2 -2
  73. package/dist/buttons/src/Button.css +93 -93
  74. package/dist/buttons/src/Button.js +10 -10
  75. package/dist/buttons/src/ButtonGroup.css +38 -38
  76. package/dist/buttons/src/ButtonGroup.js +2 -2
  77. package/dist/buttons/src/ClearButton.css +98 -98
  78. package/dist/buttons/src/ClearButton.js +2 -2
  79. package/dist/buttons/src/EmbeddedButton.css +98 -98
  80. package/dist/buttons/src/EmbeddedButton.js +1 -1
  81. package/dist/buttons/src/LinkButton.css +102 -102
  82. package/dist/buttons/src/LinkButton.js +9 -9
  83. package/dist/buttons/src/index.css +249 -249
  84. package/dist/buttons/src/index.js +17 -17
  85. package/dist/checkbox/src/Checkbox.css +46 -46
  86. package/dist/checkbox/src/Checkbox.js +9 -9
  87. package/dist/checkbox/src/CheckboxField.css +33 -33
  88. package/dist/checkbox/src/CheckboxField.js +2 -2
  89. package/dist/checkbox/src/CheckboxGroup.css +98 -98
  90. package/dist/checkbox/src/CheckboxGroup.js +7 -7
  91. package/dist/checkbox/src/DecorativeCheckbox.css +54 -54
  92. package/dist/checkbox/src/DecorativeCheckbox.js +9 -9
  93. package/dist/checkbox/src/index.css +98 -98
  94. package/dist/checkbox/src/index.js +16 -16
  95. package/dist/{chunk-T62GNS7A.js → chunk-2PIWQBQ7.js} +2 -2
  96. package/dist/{chunk-QXOFUM6L.js → chunk-2ZAWI3VO.js} +1 -1
  97. package/dist/chunk-425TRLX5.js +71 -0
  98. package/dist/{chunk-44XBQWFL.js → chunk-4XMDZ5QF.js} +1 -1
  99. package/dist/{chunk-6RCOGX6X.js → chunk-52EKMM7G.js} +3 -3
  100. package/dist/{chunk-SJTPZSVU.js → chunk-5TE4QKZ2.js} +2 -2
  101. package/dist/{chunk-FWIQZGWG.js → chunk-5YGTZWHS.js} +1 -1
  102. package/dist/{chunk-ZZVFZ7I7.js → chunk-6XSOF5IT.js} +3 -3
  103. package/dist/{chunk-NPJBY3QK.js → chunk-77K422AK.js} +1 -1
  104. package/dist/{chunk-4YZZWHBM.js → chunk-7ITDXJPN.js} +6 -6
  105. package/dist/{chunk-WR3P4XWE.js → chunk-7OZNJCXL.js} +6 -6
  106. package/dist/chunk-7RTEFFZS.js +159 -0
  107. package/dist/{chunk-J2GXT52N.js → chunk-B2PZHGGT.js} +2 -2
  108. package/dist/{chunk-J4ZUH2ZP.js → chunk-BAX352BZ.js} +1 -1
  109. package/dist/{chunk-LFCEYG5R.js → chunk-F3GTLFKR.js} +1 -1
  110. package/dist/{chunk-2JMXBZHI.js → chunk-FXB7BBJB.js} +2 -2
  111. package/dist/{chunk-VLVEXVWZ.js → chunk-HPEGBHAQ.js} +1 -1
  112. package/dist/{chunk-CVMHGZQE.js → chunk-JHZLRSJY.js} +1 -1
  113. package/dist/{chunk-5MYQ7W33.js → chunk-JZV3EU5P.js} +5 -5
  114. package/dist/{chunk-UO5QJHXD.js → chunk-KXZYWFM3.js} +5 -5
  115. package/dist/{chunk-TMVKRT2P.js → chunk-MCSPPEQN.js} +1 -1
  116. package/dist/{chunk-VAKUV6QI.js → chunk-MMCWVCOD.js} +2 -2
  117. package/dist/{chunk-2MYELF25.js → chunk-MOIFFJJ3.js} +1 -1
  118. package/dist/{chunk-SFMVHFVH.js → chunk-MY7R6ZMF.js} +2 -2
  119. package/dist/{chunk-NE3BRLPL.js → chunk-N7ORIARY.js} +2 -2
  120. package/dist/{chunk-FVH4W7VW.js → chunk-OAUTLKSG.js} +7 -7
  121. package/dist/{chunk-47FKFZ4S.js → chunk-OEMWDVBB.js} +3 -3
  122. package/dist/{chunk-2SXSYPWT.js → chunk-OFYHUD3N.js} +2 -2
  123. package/dist/{chunk-WUZ4LSNY.js → chunk-PME32XAH.js} +6 -6
  124. package/dist/chunk-PR6Q2XJD.js +270 -0
  125. package/dist/{chunk-DZHNBZQQ.js → chunk-QDIICTRS.js} +2 -2
  126. package/dist/{chunk-CY7GW4SB.js → chunk-SMNKMZIC.js} +9 -9
  127. package/dist/{chunk-YWNQJ4FB.js → chunk-SWQEWYNM.js} +1 -1
  128. package/dist/{chunk-KUEXWJCI.js → chunk-U7NERCPG.js} +6 -6
  129. package/dist/{chunk-GRQTYLL6.js → chunk-UEZ6JMBX.js} +2 -2
  130. package/dist/{chunk-7Q6MXAW6.js → chunk-UJAYZEVR.js} +2 -2
  131. package/dist/{chunk-L5FDVVDI.js → chunk-UOVCHVGX.js} +4 -4
  132. package/dist/chunk-UYDOZLJW.js +153 -0
  133. package/dist/{chunk-HQPE2NHR.js → chunk-UYXVO6TB.js} +1 -1
  134. package/dist/chunk-V2EQFVTJ.js +7 -0
  135. package/dist/{chunk-LXWLN4DS.js → chunk-VYFGV7LF.js} +3 -3
  136. package/dist/{chunk-DOKGX5N4.js → chunk-VYNPGUH2.js} +1 -1
  137. package/dist/{chunk-5TIGRW6E.js → chunk-WJ6YDFFC.js} +1 -1
  138. package/dist/{chunk-3SNUQFBZ.js → chunk-WXP3P4KY.js} +3 -3
  139. package/dist/{chunk-4I7NFPPR.js → chunk-X5SCISRD.js} +2 -2
  140. package/dist/{chunk-6S4ZOYNF.js → chunk-XDJMIWOT.js} +4 -4
  141. package/dist/{chunk-MBX35AGZ.js → chunk-XTY7LASB.js} +3 -3
  142. package/dist/{chunk-S5NKOTEO.js → chunk-Y75VH6OP.js} +1 -1
  143. package/dist/chunk-YTKE4ERV.js +205 -0
  144. package/dist/{chunk-PHGFB7Z7.js → chunk-ZTS67CFU.js} +23 -14
  145. package/dist/{chunk-64EU3M5O.js → chunk-ZUL2DWRU.js} +2 -2
  146. package/dist/index.css +1022 -996
  147. package/dist/index.d.ts +4 -2
  148. package/dist/index.js +88 -80
  149. package/dist/inputs/src/InputGroup.css +264 -264
  150. package/dist/inputs/src/InputGroup.js +1 -1
  151. package/dist/inputs/src/NumberField.css +286 -286
  152. package/dist/inputs/src/NumberField.js +12 -12
  153. package/dist/inputs/src/PasswordField.css +274 -274
  154. package/dist/inputs/src/PasswordField.js +12 -12
  155. package/dist/inputs/src/RemainingCharacterCount.css +30 -30
  156. package/dist/inputs/src/RemainingCharacterCount.js +6 -6
  157. package/dist/inputs/src/SearchField.css +280 -280
  158. package/dist/inputs/src/SearchField.js +13 -13
  159. package/dist/inputs/src/TextArea.css +281 -281
  160. package/dist/inputs/src/TextArea.js +12 -12
  161. package/dist/inputs/src/TextField.css +278 -278
  162. package/dist/inputs/src/TextField.js +15 -15
  163. package/dist/inputs/src/index.css +324 -324
  164. package/dist/inputs/src/index.js +24 -24
  165. package/dist/overlays/Popover/src/Popover.css +2150 -3870
  166. package/dist/overlays/Popover/src/Popover.d.ts +1 -1
  167. package/dist/overlays/Popover/src/Popover.js +11 -106
  168. package/dist/overlays/Popover/src/PopoverContext.d.ts +1 -1
  169. package/dist/overlays/Popover/src/index.css +2150 -3870
  170. package/dist/overlays/Popover/src/index.d.ts +1 -1
  171. package/dist/overlays/Popover/src/index.js +12 -106
  172. package/dist/radio/src/DecorativeRadio.css +54 -54
  173. package/dist/radio/src/DecorativeRadio.js +8 -8
  174. package/dist/radio/src/Radio.css +46 -46
  175. package/dist/radio/src/Radio.js +8 -8
  176. package/dist/radio/src/RadioField.css +33 -33
  177. package/dist/radio/src/RadioField.js +2 -2
  178. package/dist/radio/src/RadioGroup.css +98 -98
  179. package/dist/radio/src/RadioGroup.js +6 -6
  180. package/dist/radio/src/index.css +98 -98
  181. package/dist/radio/src/index.js +14 -14
  182. package/dist/switch/src/Switch.css +43 -43
  183. package/dist/switch/src/Switch.js +8 -8
  184. package/dist/switch/src/SwitchField.css +33 -33
  185. package/dist/switch/src/SwitchField.d.ts +8 -3
  186. package/dist/switch/src/SwitchField.js +4 -2
  187. package/dist/switch/src/index.css +49 -49
  188. package/dist/switch/src/index.js +10 -10
  189. package/dist/tag/src/Tag.css +390 -390
  190. package/dist/tag/src/Tag.js +11 -11
  191. package/dist/tag/src/TagGroup.css +37 -37
  192. package/dist/tag/src/TagGroup.js +3 -3
  193. package/dist/tag/src/TagList.css +27 -27
  194. package/dist/tag/src/index.css +400 -400
  195. package/dist/tag/src/index.js +15 -15
  196. package/dist/typography/Heading/src/Heading.css +27 -27
  197. package/dist/typography/Heading/src/Heading.js +1 -1
  198. package/dist/typography/Heading/src/index.css +27 -27
  199. package/dist/typography/Heading/src/index.js +1 -1
  200. package/dist/typography/Label/src/Label.css +27 -27
  201. package/dist/typography/Label/src/Label.js +1 -1
  202. package/dist/typography/Label/src/index.css +27 -27
  203. package/dist/typography/Label/src/index.js +1 -1
  204. package/dist/typography/OverlineText/src/OverlineText.css +27 -27
  205. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  206. package/dist/typography/OverlineText/src/index.css +27 -27
  207. package/dist/typography/OverlineText/src/index.js +1 -1
  208. package/dist/typography/Text/src/Text.css +27 -27
  209. package/dist/typography/Text/src/Text.js +1 -1
  210. package/dist/typography/Text/src/index.css +27 -27
  211. package/dist/typography/Text/src/index.js +1 -1
  212. package/dist/utils/src/EnsureTextWrapper.css +27 -27
  213. package/dist/utils/src/EnsureTextWrapper.js +6 -6
  214. package/dist/utils/src/index.css +27 -27
  215. package/dist/utils/src/index.js +7 -7
  216. package/package.json +2 -1
  217. package/dist/chunk-UCAG6OQL.js +0 -1155
  218. /package/dist/{chunk-LJXTJRSB.js → chunk-DBIN32YS.js} +0 -0
@@ -1,8 +1,5 @@
1
- @import "@hopper-ui/icons/index.css";
2
- @import "@hopper-ui/styled-system/index.css";
3
-
4
1
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
5
- .Heading-module__hop-Heading___X8wl8 {
2
+ .Heading-module__hop-Heading___yXCh3 {
6
3
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
7
4
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
8
5
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -36,50 +33,50 @@
36
33
  --hop-Heading-inherit-size-font-weight: inherit;
37
34
  --hop-Heading-inherit-size-line-height: inherit;
38
35
  }
39
- :where(.Heading-module__hop-Heading___X8wl8) {
36
+ :where(.Heading-module__hop-Heading___yXCh3) {
40
37
  margin: 0;
41
38
  font-family: var(--font-family);
42
39
  font-size: var(--font-size);
43
40
  font-weight: var(--font-weight);
44
41
  line-height: var(--line-height);
45
42
  }
46
- :where(.Heading-module__hop-Heading--xs___OC9ge) {
43
+ :where(.Heading-module__hop-Heading--xs___cgxRO) {
47
44
  --font-size: var(--hop-Heading-xs-font-size);
48
45
  --font-family: var(--hop-Heading-xs-font-family);
49
46
  --font-weight: var(--hop-Heading-xs-font-weight);
50
47
  --line-height: var(--hop-Heading-xs-line-height);
51
48
  }
52
- :where(.Heading-module__hop-Heading--sm___UwKLg) {
49
+ :where(.Heading-module__hop-Heading--sm___9XWSE) {
53
50
  --font-size: var(--hop-Heading-sm-font-size);
54
51
  --font-family: var(--hop-Heading-sm-font-family);
55
52
  --font-weight: var(--hop-Heading-sm-font-weight);
56
53
  --line-height: var(--hop-Heading-sm-line-height);
57
54
  }
58
- :where(.Heading-module__hop-Heading--md___tD3xJ) {
55
+ :where(.Heading-module__hop-Heading--md___dSJp9) {
59
56
  --font-size: var(--hop-Heading-md-font-size);
60
57
  --font-family: var(--hop-Heading-md-font-family);
61
58
  --font-weight: var(--hop-Heading-md-font-weight);
62
59
  --line-height: var(--hop-Heading-md-line-height);
63
60
  }
64
- :where(.Heading-module__hop-Heading--lg___UoPkq) {
61
+ :where(.Heading-module__hop-Heading--lg___7BQM-) {
65
62
  --font-size: var(--hop-Heading-lg-font-size);
66
63
  --font-family: var(--hop-Heading-lg-font-family);
67
64
  --font-weight: var(--hop-Heading-lg-font-weight);
68
65
  --line-height: var(--hop-Heading-lg-line-height);
69
66
  }
70
- :where(.Heading-module__hop-Heading--xl___XkhtN) {
67
+ :where(.Heading-module__hop-Heading--xl___mc-2D) {
71
68
  --font-size: var(--hop-Heading-xl-font-size);
72
69
  --font-family: var(--hop-Heading-xl-font-family);
73
70
  --font-weight: var(--hop-Heading-xl-font-weight);
74
71
  --line-height: var(--hop-Heading-xl-line-height);
75
72
  }
76
- :where(.Heading-module__hop-Heading--2xl___rre1D) {
73
+ :where(.Heading-module__hop-Heading--2xl___b9d1O) {
77
74
  --font-size: var(--hop-Heading-2xl-font-size);
78
75
  --font-family: var(--hop-Heading-2xl-font-family);
79
76
  --font-weight: var(--hop-Heading-2xl-font-weight);
80
77
  --line-height: var(--hop-Heading-2xl-line-height);
81
78
  }
82
- :where(.Heading-module__hop-Heading--3xl___8MHK7) {
79
+ :where(.Heading-module__hop-Heading--3xl___mSP0w) {
83
80
  --font-size: var(--hop-Heading-3xl-font-size);
84
81
  --font-family: var(--hop-Heading-3xl-font-family);
85
82
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -87,7 +84,7 @@
87
84
  }
88
85
 
89
86
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
90
- .Text-module__hop-Text___w-LQ1 {
87
+ .Text-module__hop-Text___mlsmJ {
91
88
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
92
89
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
93
90
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -117,49 +114,49 @@
117
114
  --hop-Text-inherit-size-font-weight: inherit;
118
115
  --hop-Text-inherit-size-line-height: inherit;
119
116
  }
120
- :where(.Text-module__hop-Text___w-LQ1) {
117
+ :where(.Text-module__hop-Text___mlsmJ) {
121
118
  font-family: var(--font-family);
122
119
  font-size: var(--font-size);
123
120
  font-weight: var(--font-weight);
124
121
  line-height: var(--line-height);
125
122
  }
126
- :where(.Text-module__hop-Text--xs___5mBts) {
123
+ :where(.Text-module__hop-Text--xs___4g9Hm) {
127
124
  --font-size: var(--hop-Text-xs-font-size);
128
125
  --font-family: var(--hop-Text-xs-font-family);
129
126
  --font-weight: var(--hop-Text-xs-font-weight);
130
127
  --line-height: var(--hop-Text-xs-line-height);
131
128
  }
132
- :where(.Text-module__hop-Text--sm___Ik8mb) {
129
+ :where(.Text-module__hop-Text--sm___w-WWU) {
133
130
  --font-size: var(--hop-Text-sm-font-size);
134
131
  --font-family: var(--hop-Text-sm-font-family);
135
132
  --font-weight: var(--hop-Text-sm-font-weight);
136
133
  --line-height: var(--hop-Text-sm-line-height);
137
134
  }
138
- :where(.Text-module__hop-Text--md___fIrw3) {
135
+ :where(.Text-module__hop-Text--md___FHx98) {
139
136
  --font-size: var(--hop-Text-md-font-size);
140
137
  --font-family: var(--hop-Text-md-font-family);
141
138
  --font-weight: var(--hop-Text-md-font-weight);
142
139
  --line-height: var(--hop-Text-md-line-height);
143
140
  }
144
- :where(.Text-module__hop-Text--lg___sIr32) {
141
+ :where(.Text-module__hop-Text--lg___N-Ov9) {
145
142
  --font-size: var(--hop-Text-lg-font-size);
146
143
  --font-family: var(--hop-Text-lg-font-family);
147
144
  --font-weight: var(--hop-Text-lg-font-weight);
148
145
  --line-height: var(--hop-Text-lg-line-height);
149
146
  }
150
- :where(.Text-module__hop-Text--xl___rJ3Mw) {
147
+ :where(.Text-module__hop-Text--xl___O0xxj) {
151
148
  --font-size: var(--hop-Text-xl-font-size);
152
149
  --font-family: var(--hop-Text-xl-font-family);
153
150
  --font-weight: var(--hop-Text-xl-font-weight);
154
151
  --line-height: var(--hop-Text-xl-line-height);
155
152
  }
156
- :where(.Text-module__hop-Text--2xl___c1wMJ) {
153
+ :where(.Text-module__hop-Text--2xl___7cgXw) {
157
154
  --font-size: var(--hop-Text-2xl-font-size);
158
155
  --font-family: var(--hop-Text-2xl-font-family);
159
156
  --font-weight: var(--hop-Text-2xl-font-weight);
160
157
  --line-height: var(--hop-Text-2xl-line-height);
161
158
  }
162
- :where(.Text-module__hop-Text--inherit___BgA3c) {
159
+ :where(.Text-module__hop-Text--inherit___CD7Gr) {
163
160
  --font-size: var(--hop-Text-inherit-size-font-size);
164
161
  --font-family: var(--hop-Text-inherit-size-font-family);
165
162
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -167,26 +164,26 @@
167
164
  }
168
165
 
169
166
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
170
- .Label-module__hop-Label___kZWCm {
167
+ .Label-module__hop-Label___BRqtH {
171
168
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
172
169
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
173
170
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
174
171
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
175
172
  --hop-Label-color: var(--hop-neutral-text-weak);
176
173
  }
177
- :where(.Label-module__hop-Label___kZWCm) {
174
+ :where(.Label-module__hop-Label___BRqtH) {
178
175
  font-family: var(--hop-Label-font-family);
179
176
  font-size: var(--hop-Label-font-size);
180
177
  font-weight: var(--hop-Label-font-weight);
181
178
  line-height: var(--hop-Label-line-height);
182
179
  color: var(--hop-Label-color);
183
180
  }
184
- :where(.Label-module__hop-Label__indicator___CuXqq) {
181
+ :where(.Label-module__hop-Label__indicator___78Snn) {
185
182
  padding-inline-start: var(--hop-space-20);
186
183
  }
187
184
 
188
185
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
189
- :where(.OverlineText-module__hop-OverlineText___nLt--) {
186
+ :where(.OverlineText-module__hop-OverlineText___5ke-P) {
190
187
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
191
188
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
192
189
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -210,26 +207,26 @@
210
207
  text-transform: uppercase;
211
208
  letter-spacing: var(--letter-spacing);
212
209
  }
213
- .OverlineText-module__hop-OverlineText__text___QruUF {
210
+ .OverlineText-module__hop-OverlineText__text___WdEoR {
214
211
  box-sizing: border-box;
215
212
  }
216
- .OverlineText-module__hop-OverlineText__text___QruUF::before,
217
- .OverlineText-module__hop-OverlineText__text___QruUF::after {
213
+ .OverlineText-module__hop-OverlineText__text___WdEoR::before,
214
+ .OverlineText-module__hop-OverlineText__text___WdEoR::after {
218
215
  content: "";
219
216
  display: block;
220
217
  box-sizing: border-box;
221
218
  inline-size: 0;
222
219
  block-size: 0;
223
220
  }
224
- .OverlineText-module__hop-OverlineText__text___QruUF::before {
221
+ .OverlineText-module__hop-OverlineText__text___WdEoR::before {
225
222
  margin-block-end: var(--bottom-offset);
226
223
  }
227
- .OverlineText-module__hop-OverlineText__text___QruUF::after {
224
+ .OverlineText-module__hop-OverlineText__text___WdEoR::after {
228
225
  margin-block-start: var(--top-offset);
229
226
  }
230
227
 
231
228
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
232
- .Badge-module__hop-Badge___N-1NC {
229
+ .Badge-module__hop-Badge___4pcJq {
233
230
  --hop-Badge-height: 1.5rem;
234
231
  --hop-Badge-width: max-content;
235
232
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -279,67 +276,67 @@
279
276
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
280
277
  border-radius: var(--border-radius);
281
278
  }
282
- .Badge-module__hop-Badge--primary___66K6Y {
279
+ .Badge-module__hop-Badge--primary___6XVJb {
283
280
  --background-color: var(--hop-Badge-primary-background-color);
284
281
  --text-color: var(--hop-Badge-primary-text-color);
285
282
  }
286
- .Badge-module__hop-Badge--primary___66K6Y[data-hovered] {
283
+ .Badge-module__hop-Badge--primary___6XVJb[data-hovered] {
287
284
  --background-color: var(--hop-Badge-primary-background-color-hovered);
288
285
  --text-color: var(--hop-Badge-primary-text-color-hovered);
289
286
  }
290
- .Badge-module__hop-Badge--primary___66K6Y[data-pressed] {
287
+ .Badge-module__hop-Badge--primary___6XVJb[data-pressed] {
291
288
  --background-color: var(--hop-Badge-primary-background-color-pressed);
292
289
  --text-color: var(--hop-Badge-primary-text-color-pressed);
293
290
  }
294
- .Badge-module__hop-Badge--primary___66K6Y[data-selected] {
291
+ .Badge-module__hop-Badge--primary___6XVJb[data-selected] {
295
292
  --background-color: var(--hop-Badge-primary-background-color-selected);
296
293
  --text-color: var(--hop-Badge-primary-text-color-selected);
297
294
  }
298
- .Badge-module__hop-Badge--secondary___lQT87 {
295
+ .Badge-module__hop-Badge--secondary___wRFvz {
299
296
  --background-color: var(--hop-Badge-secondary-background-color);
300
297
  --text-color: var(--hop-Badge-secondary-text-color);
301
298
  }
302
- .Badge-module__hop-Badge--secondary___lQT87[data-hovered] {
299
+ .Badge-module__hop-Badge--secondary___wRFvz[data-hovered] {
303
300
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
304
301
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
305
302
  }
306
- .Badge-module__hop-Badge--secondary___lQT87[data-pressed] {
303
+ .Badge-module__hop-Badge--secondary___wRFvz[data-pressed] {
307
304
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
308
305
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
309
306
  }
310
- .Badge-module__hop-Badge--secondary___lQT87[data-selected] {
307
+ .Badge-module__hop-Badge--secondary___wRFvz[data-selected] {
311
308
  --background-color: var(--hop-Badge-secondary-background-color-selected);
312
309
  --text-color: var(--hop-Badge-secondary-text-color-selected);
313
310
  }
314
- .Badge-module__hop-Badge--subdued___Z--bA {
311
+ .Badge-module__hop-Badge--subdued___QK3Fi {
315
312
  --background-color: var(--hop-Badge-subdued-background-color);
316
313
  --text-color: var(--hop-Badge-subdued-text-color);
317
314
  }
318
- .Badge-module__hop-Badge--subdued___Z--bA[data-hovered] {
315
+ .Badge-module__hop-Badge--subdued___QK3Fi[data-hovered] {
319
316
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
320
317
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
321
318
  }
322
- .Badge-module__hop-Badge--subdued___Z--bA[data-pressed] {
319
+ .Badge-module__hop-Badge--subdued___QK3Fi[data-pressed] {
323
320
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
324
321
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
325
322
  }
326
- .Badge-module__hop-Badge--subdued___Z--bA[data-selected] {
323
+ .Badge-module__hop-Badge--subdued___QK3Fi[data-selected] {
327
324
  --background-color: var(--hop-Badge-subdued-background-color-selected);
328
325
  --text-color: var(--hop-Badge-subdued-text-color-selected);
329
326
  }
330
- .Badge-module__hop-Badge___N-1NC[data-indeterminate] {
327
+ .Badge-module__hop-Badge___4pcJq[data-indeterminate] {
331
328
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
332
329
  --height: var(--hop-Badge-indeterminate-height);
333
330
  --width: var(--hop-Badge-indeterminate-width);
334
331
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
335
332
  }
336
- .Badge-module__hop-Badge___N-1NC[data-disabled] {
333
+ .Badge-module__hop-Badge___4pcJq[data-disabled] {
337
334
  --background-color: var(--hop-Badge-background-color-disabled);
338
335
  --text-color: var(--hop-Badge-text-color-disabled);
339
336
  }
340
337
 
341
338
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/FloatingBadge.module.css/#css-module-data */
342
- .FloatingBadge-module__hop-FloatingBadge___ZUmBM {
339
+ .FloatingBadge-module__hop-FloatingBadge___r-msI {
343
340
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
344
341
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
345
342
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -380,7 +377,7 @@
380
377
  box-sizing: border-box;
381
378
  inline-size: max-content;
382
379
  }
383
- .FloatingBadge-module__hop-FloatingBadge___ZUmBM[data-placement="top right"] {
380
+ .FloatingBadge-module__hop-FloatingBadge___r-msI[data-placement="top right"] {
384
381
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
385
382
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
386
383
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -388,11 +385,11 @@
388
385
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
389
386
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
390
387
  }
391
- .FloatingBadge-module__hop-FloatingBadge___ZUmBM[data-placement="top right"][data-overlap=circular] {
388
+ .FloatingBadge-module__hop-FloatingBadge___r-msI[data-placement="top right"][data-overlap=circular] {
392
389
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
393
390
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
394
391
  }
395
- .FloatingBadge-module__hop-FloatingBadge___ZUmBM[data-placement="top left"] {
392
+ .FloatingBadge-module__hop-FloatingBadge___r-msI[data-placement="top left"] {
396
393
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
397
394
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
398
395
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -400,11 +397,11 @@
400
397
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
401
398
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
402
399
  }
403
- .FloatingBadge-module__hop-FloatingBadge___ZUmBM[data-placement="top left"][data-overlap=circular] {
400
+ .FloatingBadge-module__hop-FloatingBadge___r-msI[data-placement="top left"][data-overlap=circular] {
404
401
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
405
402
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
406
403
  }
407
- .FloatingBadge-module__hop-FloatingBadge___ZUmBM[data-placement="bottom right"] {
404
+ .FloatingBadge-module__hop-FloatingBadge___r-msI[data-placement="bottom right"] {
408
405
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
409
406
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
410
407
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -412,11 +409,11 @@
412
409
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
413
410
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
414
411
  }
415
- .FloatingBadge-module__hop-FloatingBadge___ZUmBM[data-placement="bottom right"][data-overlap=circular] {
412
+ .FloatingBadge-module__hop-FloatingBadge___r-msI[data-placement="bottom right"][data-overlap=circular] {
416
413
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
417
414
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
418
415
  }
419
- .FloatingBadge-module__hop-FloatingBadge___ZUmBM[data-placement="bottom left"] {
416
+ .FloatingBadge-module__hop-FloatingBadge___r-msI[data-placement="bottom left"] {
420
417
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
421
418
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
422
419
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -424,11 +421,11 @@
424
421
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
425
422
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
426
423
  }
427
- .FloatingBadge-module__hop-FloatingBadge___ZUmBM[data-placement="bottom left"][data-overlap=circular] {
424
+ .FloatingBadge-module__hop-FloatingBadge___r-msI[data-placement="bottom left"][data-overlap=circular] {
428
425
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
429
426
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
430
427
  }
431
- .FloatingBadge-module__hop-FloatingBadge__badge___LvX94 {
428
+ .FloatingBadge-module__hop-FloatingBadge__badge___AstPT {
432
429
  position: absolute;
433
430
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
434
431
  transform-origin: var(--badge-transform-origin);
@@ -436,7 +433,7 @@
436
433
  }
437
434
 
438
435
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
439
- .ErrorMessage-module__hop-ErrorMessage___yGhH4 {
436
+ .ErrorMessage-module__hop-ErrorMessage___-OJ96 {
440
437
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
441
438
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
442
439
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -453,13 +450,13 @@
453
450
  line-height: var(--hop-ErrorMessage-line-height);
454
451
  color: var(--hop-ErrorMessage-color);
455
452
  }
456
- .ErrorMessage-module__hop-ErrorMessage__icon___RJ7Kv {
453
+ .ErrorMessage-module__hop-ErrorMessage__icon___G-fBg {
457
454
  flex: 0 0 auto;
458
455
  align-self: flex-start;
459
456
  }
460
457
 
461
458
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
462
- .HelperMessage-module__hop-HelperMessage___1F5k2 {
459
+ .HelperMessage-module__hop-HelperMessage___wwxDN {
463
460
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
464
461
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
465
462
  display: flex;
@@ -468,13 +465,13 @@
468
465
  box-sizing: border-box;
469
466
  color: var(--hop-HelperMessage-color);
470
467
  }
471
- .HelperMessage-module__hop-HelperMessage__icon___uRarL {
468
+ .HelperMessage-module__hop-HelperMessage__icon___8k1Gi {
472
469
  flex: 0 0 auto;
473
470
  align-self: flex-start;
474
471
  }
475
472
 
476
473
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
477
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___7SOoR {
474
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___sciln {
478
475
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
479
476
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
480
477
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -505,46 +502,46 @@
505
502
  background-color: var(--background-color);
506
503
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
507
504
  }
508
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___NLAdb {
505
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___0t8wK {
509
506
  --size: var(--hop-RichIconAvatarImage-xs-size);
510
507
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
511
508
  }
512
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___bjoiP {
509
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___qbuKo {
513
510
  --size: var(--hop-RichIconAvatarImage-sm-size);
514
511
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
515
512
  }
516
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___Faklh {
513
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___Thvly {
517
514
  --size: var(--hop-RichIconAvatarImage-md-size);
518
515
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
519
516
  }
520
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___gGZL- {
517
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___CH9ui {
521
518
  --size: var(--hop-RichIconAvatarImage-lg-size);
522
519
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
523
520
  }
524
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___kHdPh {
521
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___Kx4LY {
525
522
  --size: var(--hop-RichIconAvatarImage-xl-size);
526
523
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
527
524
  }
528
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___jrggd {
525
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___pPJGO {
529
526
  --size: var(--hop-RichIconAvatarImage-2xl-size);
530
527
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
531
528
  }
532
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___7SOoR[data-disabled] {
529
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___sciln[data-disabled] {
533
530
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
534
531
  }
535
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___s0A0K {
532
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___qdQ1m {
536
533
  position: relative;
537
534
  display: block;
538
535
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
539
536
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
540
537
  }
541
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___7SOoR[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___s0A0K {
538
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___sciln[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___qdQ1m {
542
539
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
543
540
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
544
541
  }
545
542
 
546
543
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/Avatar.module.css/#css-module-data */
547
- .Avatar-module__hop-Avatar___UBWQ- {
544
+ .Avatar-module__hop-Avatar___NRR7e {
548
545
  --hop-Avatar-border-radius: var(--hop-shape-circle);
549
546
  --hop-Avatar-mix-blend-mode: normal;
550
547
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -589,67 +586,67 @@
589
586
  background-color: var(--background-color, transparent);
590
587
  border-radius: var(--hop-Avatar-border-radius);
591
588
  }
592
- .Avatar-module__hop-Avatar--xs___lFS3V {
589
+ .Avatar-module__hop-Avatar--xs___Lc954 {
593
590
  --size: var(--hop-Avatar-xs-size);
594
591
  }
595
- .Avatar-module__hop-Avatar--sm___leWQO {
592
+ .Avatar-module__hop-Avatar--sm___xKab- {
596
593
  --size: var(--hop-Avatar-sm-size);
597
594
  }
598
- .Avatar-module__hop-Avatar--md___-MseJ {
595
+ .Avatar-module__hop-Avatar--md___wzlmP {
599
596
  --size: var(--hop-Avatar-md-size);
600
597
  }
601
- .Avatar-module__hop-Avatar--lg___Q9Eug {
598
+ .Avatar-module__hop-Avatar--lg___0tPMw {
602
599
  --size: var(--hop-Avatar-lg-size);
603
600
  }
604
- .Avatar-module__hop-Avatar--xl___rYsuu {
601
+ .Avatar-module__hop-Avatar--xl___oDIyV {
605
602
  --size: var(--hop-Avatar-xl-size);
606
603
  }
607
- .Avatar-module__hop-Avatar--2xl___DA7yk {
604
+ .Avatar-module__hop-Avatar--2xl___fReCL {
608
605
  --size: var(--hop-Avatar-2xl-size);
609
606
  }
610
- .Avatar-module__hop-Avatar--decorative-option1___7dnB7 {
607
+ .Avatar-module__hop-Avatar--decorative-option1___M3KiH {
611
608
  --background-color: var(--hop-Avatar-decorative-1-background-color);
612
609
  --text-color: var(--hop-Avatar-decorative-1-text-color);
613
610
  }
614
- .Avatar-module__hop-Avatar--decorative-option2___MwODp {
611
+ .Avatar-module__hop-Avatar--decorative-option2___xfUDh {
615
612
  --background-color: var(--hop-Avatar-decorative-2-background-color);
616
613
  --text-color: var(--hop-Avatar-decorative-2-text-color);
617
614
  }
618
- .Avatar-module__hop-Avatar--decorative-option3___FQHbX {
615
+ .Avatar-module__hop-Avatar--decorative-option3___ON6nk {
619
616
  --background-color: var(--hop-Avatar-decorative-3-background-color);
620
617
  --text-color: var(--hop-Avatar-decorative-3-text-color);
621
618
  }
622
- .Avatar-module__hop-Avatar--decorative-option4___ZXorx {
619
+ .Avatar-module__hop-Avatar--decorative-option4___tUQ0G {
623
620
  --background-color: var(--hop-Avatar-decorative-4-background-color);
624
621
  --text-color: var(--hop-Avatar-decorative-4-text-color);
625
622
  }
626
- .Avatar-module__hop-Avatar--decorative-option5___kDtyc {
623
+ .Avatar-module__hop-Avatar--decorative-option5___o6YrF {
627
624
  --background-color: var(--hop-Avatar-decorative-5-background-color);
628
625
  --text-color: var(--hop-Avatar-decorative-5-text-color);
629
626
  }
630
- .Avatar-module__hop-Avatar--decorative-option6___3dAZ6 {
627
+ .Avatar-module__hop-Avatar--decorative-option6___XGGWz {
631
628
  --background-color: var(--hop-Avatar-decorative-6-background-color);
632
629
  --text-color: var(--hop-Avatar-decorative-6-text-color);
633
630
  }
634
- .Avatar-module__hop-Avatar--decorative-option7___jdag7 {
631
+ .Avatar-module__hop-Avatar--decorative-option7___amRxm {
635
632
  --background-color: var(--hop-Avatar-decorative-7-background-color);
636
633
  --text-color: var(--hop-Avatar-decorative-7-text-color);
637
634
  }
638
- .Avatar-module__hop-Avatar--decorative-option8___SF6-g {
635
+ .Avatar-module__hop-Avatar--decorative-option8___zAr7I {
639
636
  --background-color: var(--hop-Avatar-decorative-8-background-color);
640
637
  --text-color: var(--hop-Avatar-decorative-8-text-color);
641
638
  }
642
- .Avatar-module__hop-Avatar--decorative-option9___AccJC {
639
+ .Avatar-module__hop-Avatar--decorative-option9___IB7B3 {
643
640
  --background-color: var(--hop-Avatar-decorative-9-background-color);
644
641
  --text-color: var(--hop-Avatar-decorative-9-text-color);
645
642
  }
646
- .Avatar-module__hop-Avatar___UBWQ-[data-disabled] {
643
+ .Avatar-module__hop-Avatar___NRR7e[data-disabled] {
647
644
  --background-color: var(--hop-Avatar-background-color-disabled);
648
645
  --text-color: var(--hop-Avatar-text-color-disabled);
649
646
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
650
647
  isolation: isolate;
651
648
  }
652
- .Avatar-module__hop-Avatar__image___m6eZF {
649
+ .Avatar-module__hop-Avatar__image___3NxIP {
653
650
  position: relative;
654
651
  display: block;
655
652
  box-sizing: border-box;
@@ -660,7 +657,7 @@
660
657
  }
661
658
 
662
659
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
663
- .IconList-module__hop-IconList___YOoRf {
660
+ .IconList-module__hop-IconList___s1jYT {
664
661
  --hop-IconList-gap: var(--hop-space-inline-xs);
665
662
  display: flex;
666
663
  flex-wrap: wrap;
@@ -669,7 +666,7 @@
669
666
  }
670
667
 
671
668
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
672
- .Checkbox-module__hop-Checkbox___-Y6m5 {
669
+ .Checkbox-module__hop-Checkbox___Z-y0e {
673
670
  --hop-Checkbox-box-border-size: 0.0625rem;
674
671
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
675
672
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -744,60 +741,60 @@
744
741
  inline-size: max-content;
745
742
  max-inline-size: 100%;
746
743
  }
747
- .Checkbox-module__hop-Checkbox___-Y6m5[data-focus-visible] {
744
+ .Checkbox-module__hop-Checkbox___Z-y0e[data-focus-visible] {
748
745
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
749
746
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
750
747
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
751
748
  --text-color: var(--hop-Checkbox-text-color-focused);
752
749
  --icon-color: var(--hop-Checkbox-icon-color-focused);
753
750
  }
754
- .Checkbox-module__hop-Checkbox___-Y6m5[data-hovered] {
751
+ .Checkbox-module__hop-Checkbox___Z-y0e[data-hovered] {
755
752
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
756
753
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
757
754
  --text-color: var(--hop-Checkbox-text-color-hovered);
758
755
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
759
756
  }
760
- .Checkbox-module__hop-Checkbox___-Y6m5[data-pressed] {
757
+ .Checkbox-module__hop-Checkbox___Z-y0e[data-pressed] {
761
758
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
762
759
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
763
760
  --text-color: var(--hop-Checkbox-text-color-pressed);
764
761
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
765
762
  }
766
- .Checkbox-module__hop-Checkbox___-Y6m5[data-selected] {
763
+ .Checkbox-module__hop-Checkbox___Z-y0e[data-selected] {
767
764
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
768
765
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
769
766
  --check-display: var(--hop-Checkbox-check-display-selected);
770
767
  --text-color: var(--hop-Checkbox-text-color-selected);
771
768
  --icon-color: var(--hop-Checkbox-icon-color-selected);
772
769
  }
773
- .Checkbox-module__hop-Checkbox___-Y6m5[data-invalid] {
770
+ .Checkbox-module__hop-Checkbox___Z-y0e[data-invalid] {
774
771
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
775
772
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
776
773
  --check-color: var(--hop-Checkbox-check-color-invalid);
777
774
  --text-color: var(--hop-Checkbox-text-color-invalid);
778
775
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
779
776
  }
780
- .Checkbox-module__hop-Checkbox___-Y6m5[data-invalid]:where([data-focus-visible]) {
777
+ .Checkbox-module__hop-Checkbox___Z-y0e[data-invalid]:where([data-focus-visible]) {
781
778
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
782
779
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
783
780
  }
784
- .Checkbox-module__hop-Checkbox___-Y6m5[data-invalid]:where([data-hovered]) {
781
+ .Checkbox-module__hop-Checkbox___Z-y0e[data-invalid]:where([data-hovered]) {
785
782
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
786
783
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
787
784
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
788
785
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
789
786
  }
790
- .Checkbox-module__hop-Checkbox___-Y6m5[data-invalid]:where([data-pressed]) {
787
+ .Checkbox-module__hop-Checkbox___Z-y0e[data-invalid]:where([data-pressed]) {
791
788
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
792
789
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
793
790
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
794
791
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
795
792
  }
796
- .Checkbox-module__hop-Checkbox___-Y6m5:where([data-invalid])[data-selected] {
793
+ .Checkbox-module__hop-Checkbox___Z-y0e:where([data-invalid])[data-selected] {
797
794
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
798
795
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
799
796
  }
800
- .Checkbox-module__hop-Checkbox___-Y6m5[data-disabled] {
797
+ .Checkbox-module__hop-Checkbox___Z-y0e[data-disabled] {
801
798
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
802
799
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
803
800
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -805,25 +802,25 @@
805
802
  --text-color: var(--hop-Checkbox-text-color-disabled);
806
803
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
807
804
  }
808
- .Checkbox-module__hop-Checkbox--sm___9kcfx {
805
+ .Checkbox-module__hop-Checkbox--sm___5J3HW {
809
806
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
810
807
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
811
808
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
812
809
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
813
810
  }
814
- .Checkbox-module__hop-Checkbox--md___QzMw3 {
811
+ .Checkbox-module__hop-Checkbox--md___PZTMw {
815
812
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
816
813
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
817
814
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
818
815
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
819
816
  }
820
- .Checkbox-module__hop-Checkbox__icon___498i7,
821
- .Checkbox-module__hop-Checkbox__icon-list___qP37I {
817
+ .Checkbox-module__hop-Checkbox__icon___MY2sJ,
818
+ .Checkbox-module__hop-Checkbox__icon-list___jHQMo {
822
819
  flex: 0 0 auto;
823
820
  order: 3;
824
821
  color: var(--icon-color);
825
822
  }
826
- .Checkbox-module__hop-Checkbox__box___iFoib {
823
+ .Checkbox-module__hop-Checkbox__box___nMgAo {
827
824
  display: flex;
828
825
  flex: 0 0 auto;
829
826
  align-items: center;
@@ -839,11 +836,11 @@
839
836
  outline-offset: 0.125rem;
840
837
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
841
838
  }
842
- .Checkbox-module__hop-Checkbox__check___L8jQ9 {
839
+ .Checkbox-module__hop-Checkbox__check___4g1qS {
843
840
  display: var(--check-display);
844
841
  color: var(--check-color);
845
842
  }
846
- .Checkbox-module__hop-Checkbox__text___DowJZ {
843
+ .Checkbox-module__hop-Checkbox__text___QBE-c {
847
844
  flex: 0 1 auto;
848
845
  order: 2;
849
846
  min-inline-size: 0;
@@ -853,7 +850,7 @@
853
850
  }
854
851
 
855
852
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
856
- .CheckboxField-module__hop-CheckboxField___VFYrh {
853
+ .CheckboxField-module__hop-CheckboxField___wCqNN {
857
854
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
858
855
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
859
856
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -872,28 +869,28 @@
872
869
  inline-size: max-content;
873
870
  max-inline-size: 100%;
874
871
  }
875
- .CheckboxField-module__hop-CheckboxField___VFYrh[data-disabled] {
872
+ .CheckboxField-module__hop-CheckboxField___wCqNN[data-disabled] {
876
873
  --description-color: var(--hop-CheckboxField-description-color-disabled);
877
874
  }
878
- .CheckboxField-module__hop-CheckboxField--sm___dp5bX {
875
+ .CheckboxField-module__hop-CheckboxField--sm___qR6mK {
879
876
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
880
877
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
881
878
  }
882
- .CheckboxField-module__hop-CheckboxField--md___w-vEy {
879
+ .CheckboxField-module__hop-CheckboxField--md___dl-jS {
883
880
  --row-gap: var(--hop-CheckboxField-md-row-gap);
884
881
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
885
882
  }
886
- .CheckboxField-module__hop-CheckboxField__description___IOsEc {
883
+ .CheckboxField-module__hop-CheckboxField__description___0zRU3 {
887
884
  order: 2;
888
885
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
889
886
  color: var(--description-color);
890
887
  }
891
- .CheckboxField-module__hop-CheckboxField__checkbox___DksZX {
888
+ .CheckboxField-module__hop-CheckboxField__checkbox___5-89Z {
892
889
  order: 1;
893
890
  }
894
891
 
895
892
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
896
- .CheckboxGroup-module__hop-CheckboxGroup___X-6sg {
893
+ .CheckboxGroup-module__hop-CheckboxGroup___FaIHF {
897
894
  --hop-CheckboxGroup-align-items: flex-start;
898
895
  --hop-CheckboxGroup-justify-content: flex-start;
899
896
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -932,46 +929,46 @@
932
929
  inline-size: max-content;
933
930
  max-inline-size: 100%;
934
931
  }
935
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___yA6E9 {
932
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___zdf-I {
936
933
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
937
934
  --list-border-radius: var(--hop-shape-rounded-md);
938
935
  }
939
- .CheckboxGroup-module__hop-CheckboxGroup--sm___BstbL {
936
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___-HD0f {
940
937
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
941
938
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
942
939
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
943
940
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
944
941
  }
945
- .CheckboxGroup-module__hop-CheckboxGroup--md___2zXzO {
942
+ .CheckboxGroup-module__hop-CheckboxGroup--md___Nbgou {
946
943
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
947
944
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
948
945
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
949
946
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
950
947
  }
951
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___yA6E9.CheckboxGroup-module__hop-CheckboxGroup--sm___BstbL {
948
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___zdf-I.CheckboxGroup-module__hop-CheckboxGroup--sm___-HD0f {
952
949
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
953
950
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
954
951
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
955
952
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
956
953
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
957
954
  }
958
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___yA6E9.CheckboxGroup-module__hop-CheckboxGroup--md___2zXzO {
955
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___zdf-I.CheckboxGroup-module__hop-CheckboxGroup--md___Nbgou {
959
956
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
960
957
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
961
958
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
962
959
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
963
960
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
964
961
  }
965
- .CheckboxGroup-module__hop-CheckboxGroup___X-6sg[data-orientation=horizontal] {
962
+ .CheckboxGroup-module__hop-CheckboxGroup___FaIHF[data-orientation=horizontal] {
966
963
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
967
964
  }
968
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___yA6E9[data-orientation=horizontal] {
965
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___zdf-I[data-orientation=horizontal] {
969
966
  --flex-wrap: nowrap;
970
967
  }
971
- .CheckboxGroup-module__hop-CheckboxGroup___X-6sg > .CheckboxGroup-module__hop-CheckboxGroup__label___8Jqaj {
968
+ .CheckboxGroup-module__hop-CheckboxGroup___FaIHF > .CheckboxGroup-module__hop-CheckboxGroup__label___yZIMj {
972
969
  order: 1;
973
970
  }
974
- .CheckboxGroup-module__hop-CheckboxGroup__list___SjyMO {
971
+ .CheckboxGroup-module__hop-CheckboxGroup__list___3ahkX {
975
972
  display: flex;
976
973
  flex-flow: var(--flex-direction) var(--flex-wrap);
977
974
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -982,7 +979,7 @@
982
979
  border: var(--list-border, none);
983
980
  border-radius: var(--list-border-radius, 0);
984
981
  }
985
- .CheckboxGroup-module__hop-CheckboxGroup__list___SjyMO > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___NLxyv {
982
+ .CheckboxGroup-module__hop-CheckboxGroup__list___3ahkX > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___fRaWR {
986
983
  position: relative;
987
984
  flex: 0 1 auto;
988
985
  align-content: start;
@@ -990,28 +987,28 @@
990
987
  min-inline-size: 0;
991
988
  padding: var(--checkbox-padding, 0);
992
989
  }
993
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___yA6E9 .CheckboxGroup-module__hop-CheckboxGroup__list___SjyMO > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___NLxyv ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___NLxyv::before {
990
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___zdf-I .CheckboxGroup-module__hop-CheckboxGroup__list___3ahkX > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___fRaWR ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___fRaWR::before {
994
991
  content: "";
995
992
  position: absolute;
996
993
  display: block;
997
994
  }
998
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___yA6E9[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___SjyMO > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___NLxyv ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___NLxyv::before {
995
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___zdf-I[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___3ahkX > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___fRaWR ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___fRaWR::before {
999
996
  inset-block-start: 0;
1000
997
  inset-inline: 0;
1001
998
  border-block-start: var(--list-border, none);
1002
999
  }
1003
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___yA6E9[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___SjyMO > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___NLxyv ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___NLxyv::before {
1000
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___zdf-I[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___3ahkX > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___fRaWR ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___fRaWR::before {
1004
1001
  inset-block: 0;
1005
1002
  inset-inline-start: 0;
1006
1003
  border-inline-start: var(--list-border, none);
1007
1004
  }
1008
- .CheckboxGroup-module__hop-CheckboxGroup___X-6sg > .CheckboxGroup-module__hop-CheckboxGroup__error-message___Va7KG,
1009
- .CheckboxGroup-module__hop-CheckboxGroup___X-6sg > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___Wc45V {
1005
+ .CheckboxGroup-module__hop-CheckboxGroup___FaIHF > .CheckboxGroup-module__hop-CheckboxGroup__error-message___Tqkko,
1006
+ .CheckboxGroup-module__hop-CheckboxGroup___FaIHF > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___KD8O8 {
1010
1007
  order: 3;
1011
1008
  }
1012
1009
 
1013
1010
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/DecorativeCheckbox.module.css/#css-module-data */
1014
- .Checkbox-module__hop-Checkbox___-Y6m5 {
1011
+ .Checkbox-module__hop-Checkbox___Z-y0e {
1015
1012
  --hop-Checkbox-box-border-size: 0.0625rem;
1016
1013
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
1017
1014
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -1086,60 +1083,60 @@
1086
1083
  inline-size: max-content;
1087
1084
  max-inline-size: 100%;
1088
1085
  }
1089
- .Checkbox-module__hop-Checkbox___-Y6m5[data-focus-visible] {
1086
+ .Checkbox-module__hop-Checkbox___Z-y0e[data-focus-visible] {
1090
1087
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
1091
1088
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
1092
1089
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
1093
1090
  --text-color: var(--hop-Checkbox-text-color-focused);
1094
1091
  --icon-color: var(--hop-Checkbox-icon-color-focused);
1095
1092
  }
1096
- .Checkbox-module__hop-Checkbox___-Y6m5[data-hovered] {
1093
+ .Checkbox-module__hop-Checkbox___Z-y0e[data-hovered] {
1097
1094
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
1098
1095
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
1099
1096
  --text-color: var(--hop-Checkbox-text-color-hovered);
1100
1097
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
1101
1098
  }
1102
- .Checkbox-module__hop-Checkbox___-Y6m5[data-pressed] {
1099
+ .Checkbox-module__hop-Checkbox___Z-y0e[data-pressed] {
1103
1100
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
1104
1101
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
1105
1102
  --text-color: var(--hop-Checkbox-text-color-pressed);
1106
1103
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
1107
1104
  }
1108
- .Checkbox-module__hop-Checkbox___-Y6m5[data-selected] {
1105
+ .Checkbox-module__hop-Checkbox___Z-y0e[data-selected] {
1109
1106
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
1110
1107
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
1111
1108
  --check-display: var(--hop-Checkbox-check-display-selected);
1112
1109
  --text-color: var(--hop-Checkbox-text-color-selected);
1113
1110
  --icon-color: var(--hop-Checkbox-icon-color-selected);
1114
1111
  }
1115
- .Checkbox-module__hop-Checkbox___-Y6m5[data-invalid] {
1112
+ .Checkbox-module__hop-Checkbox___Z-y0e[data-invalid] {
1116
1113
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
1117
1114
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
1118
1115
  --check-color: var(--hop-Checkbox-check-color-invalid);
1119
1116
  --text-color: var(--hop-Checkbox-text-color-invalid);
1120
1117
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
1121
1118
  }
1122
- .Checkbox-module__hop-Checkbox___-Y6m5[data-invalid]:where([data-focus-visible]) {
1119
+ .Checkbox-module__hop-Checkbox___Z-y0e[data-invalid]:where([data-focus-visible]) {
1123
1120
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
1124
1121
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
1125
1122
  }
1126
- .Checkbox-module__hop-Checkbox___-Y6m5[data-invalid]:where([data-hovered]) {
1123
+ .Checkbox-module__hop-Checkbox___Z-y0e[data-invalid]:where([data-hovered]) {
1127
1124
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
1128
1125
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
1129
1126
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
1130
1127
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
1131
1128
  }
1132
- .Checkbox-module__hop-Checkbox___-Y6m5[data-invalid]:where([data-pressed]) {
1129
+ .Checkbox-module__hop-Checkbox___Z-y0e[data-invalid]:where([data-pressed]) {
1133
1130
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
1134
1131
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
1135
1132
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
1136
1133
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
1137
1134
  }
1138
- .Checkbox-module__hop-Checkbox___-Y6m5:where([data-invalid])[data-selected] {
1135
+ .Checkbox-module__hop-Checkbox___Z-y0e:where([data-invalid])[data-selected] {
1139
1136
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
1140
1137
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
1141
1138
  }
1142
- .Checkbox-module__hop-Checkbox___-Y6m5[data-disabled] {
1139
+ .Checkbox-module__hop-Checkbox___Z-y0e[data-disabled] {
1143
1140
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
1144
1141
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
1145
1142
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -1147,25 +1144,25 @@
1147
1144
  --text-color: var(--hop-Checkbox-text-color-disabled);
1148
1145
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
1149
1146
  }
1150
- .Checkbox-module__hop-Checkbox--sm___9kcfx {
1147
+ .Checkbox-module__hop-Checkbox--sm___5J3HW {
1151
1148
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
1152
1149
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
1153
1150
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
1154
1151
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
1155
1152
  }
1156
- .Checkbox-module__hop-Checkbox--md___QzMw3 {
1153
+ .Checkbox-module__hop-Checkbox--md___PZTMw {
1157
1154
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
1158
1155
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
1159
1156
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
1160
1157
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
1161
1158
  }
1162
- .Checkbox-module__hop-Checkbox__icon___498i7,
1163
- .Checkbox-module__hop-Checkbox__icon-list___qP37I {
1159
+ .Checkbox-module__hop-Checkbox__icon___MY2sJ,
1160
+ .Checkbox-module__hop-Checkbox__icon-list___jHQMo {
1164
1161
  flex: 0 0 auto;
1165
1162
  order: 3;
1166
1163
  color: var(--icon-color);
1167
1164
  }
1168
- .Checkbox-module__hop-Checkbox__box___iFoib {
1165
+ .Checkbox-module__hop-Checkbox__box___nMgAo {
1169
1166
  display: flex;
1170
1167
  flex: 0 0 auto;
1171
1168
  align-items: center;
@@ -1181,11 +1178,11 @@
1181
1178
  outline-offset: 0.125rem;
1182
1179
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1183
1180
  }
1184
- .Checkbox-module__hop-Checkbox__check___L8jQ9 {
1181
+ .Checkbox-module__hop-Checkbox__check___4g1qS {
1185
1182
  display: var(--check-display);
1186
1183
  color: var(--check-color);
1187
1184
  }
1188
- .Checkbox-module__hop-Checkbox__text___DowJZ {
1185
+ .Checkbox-module__hop-Checkbox__text___QBE-c {
1189
1186
  flex: 0 1 auto;
1190
1187
  order: 2;
1191
1188
  min-inline-size: 0;
@@ -1193,24 +1190,24 @@
1193
1190
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
1194
1191
  color: var(--text-color);
1195
1192
  }
1196
- .DecorativeCheckbox-module__hop-DecorativeCheckbox___HSicD {
1193
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___KYkbr {
1197
1194
  }
1198
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___LJYX9 {
1195
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___615B0 {
1199
1196
  }
1200
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___cGpHG {
1197
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___B141G {
1201
1198
  }
1202
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___tdO1r,
1203
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___QdFgp {
1199
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___qoWh1,
1200
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___eSW-g {
1204
1201
  }
1205
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___FGDLn {
1202
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___Pxc1V {
1206
1203
  }
1207
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___-AH84 {
1204
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___iA-33 {
1208
1205
  }
1209
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___T88qg {
1206
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___T6T6R {
1210
1207
  }
1211
1208
 
1212
1209
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/DecorativeRadio.module.css/#css-module-data */
1213
- .Radio-module__hop-Radio___-BvWw {
1210
+ .Radio-module__hop-Radio___dqo1a {
1214
1211
  --hop-Radio-box-border-size: 0.0625rem;
1215
1212
  --hop-Radio-box-border-color: var(--hop-neutral-border);
1216
1213
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1284,60 +1281,60 @@
1284
1281
  inline-size: max-content;
1285
1282
  max-inline-size: 100%;
1286
1283
  }
1287
- .Radio-module__hop-Radio___-BvWw[data-focus-visible] {
1284
+ .Radio-module__hop-Radio___dqo1a[data-focus-visible] {
1288
1285
  --box-background-color: var(--hop-Radio-box-background-color-focused);
1289
1286
  --box-border-color: var(--hop-Radio-box-border-color-focused);
1290
1287
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1291
1288
  --text-color: var(--hop-Radio-text-color-focused);
1292
1289
  --icon-color: var(--hop-Radio-icon-color-focused);
1293
1290
  }
1294
- .Radio-module__hop-Radio___-BvWw[data-hovered] {
1291
+ .Radio-module__hop-Radio___dqo1a[data-hovered] {
1295
1292
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
1296
1293
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
1297
1294
  --text-color: var(--hop-Radio-text-color-hovered);
1298
1295
  --icon-color: var(--hop-Radio-icon-color-hovered);
1299
1296
  }
1300
- .Radio-module__hop-Radio___-BvWw[data-pressed] {
1297
+ .Radio-module__hop-Radio___dqo1a[data-pressed] {
1301
1298
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1302
1299
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1303
1300
  --text-color: var(--hop-Radio-text-color-pressed);
1304
1301
  --icon-color: var(--hop-Radio-icon-color-pressed);
1305
1302
  }
1306
- .Radio-module__hop-Radio___-BvWw[data-selected] {
1303
+ .Radio-module__hop-Radio___dqo1a[data-selected] {
1307
1304
  --box-background-color: var(--hop-Radio-box-background-color-selected);
1308
1305
  --box-border-color: var(--hop-Radio-box-border-color-selected);
1309
1306
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1310
1307
  --text-color: var(--hop-Radio-text-color-selected);
1311
1308
  --icon-color: var(--hop-Radio-icon-color-selected);
1312
1309
  }
1313
- .Radio-module__hop-Radio___-BvWw[data-invalid] {
1310
+ .Radio-module__hop-Radio___dqo1a[data-invalid] {
1314
1311
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1315
1312
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1316
1313
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
1317
1314
  --text-color: var(--hop-Radio-text-color-invalid);
1318
1315
  --icon-color: var(--hop-Radio-icon-color-invalid);
1319
1316
  }
1320
- .Radio-module__hop-Radio___-BvWw:where([data-invalid])[data-focus-visible] {
1317
+ .Radio-module__hop-Radio___dqo1a:where([data-invalid])[data-focus-visible] {
1321
1318
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1322
1319
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1323
1320
  }
1324
- .Radio-module__hop-Radio___-BvWw:where([data-invalid])[data-hovered] {
1321
+ .Radio-module__hop-Radio___dqo1a:where([data-invalid])[data-hovered] {
1325
1322
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1326
1323
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1327
1324
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
1328
1325
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1329
1326
  }
1330
- .Radio-module__hop-Radio___-BvWw:where([data-invalid])[data-pressed] {
1327
+ .Radio-module__hop-Radio___dqo1a:where([data-invalid])[data-pressed] {
1331
1328
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1332
1329
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1333
1330
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1334
1331
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1335
1332
  }
1336
- .Radio-module__hop-Radio___-BvWw:where([data-invalid])[data-selected] {
1333
+ .Radio-module__hop-Radio___dqo1a:where([data-invalid])[data-selected] {
1337
1334
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1338
1335
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1339
1336
  }
1340
- .Radio-module__hop-Radio___-BvWw[data-disabled] {
1337
+ .Radio-module__hop-Radio___dqo1a[data-disabled] {
1341
1338
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1342
1339
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1343
1340
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1345,25 +1342,25 @@
1345
1342
  --text-color: var(--hop-Radio-text-color-disabled);
1346
1343
  --icon-color: var(--hop-Radio-icon-color-disabled);
1347
1344
  }
1348
- .Radio-module__hop-Radio--sm___6Z2zh {
1345
+ .Radio-module__hop-Radio--sm___kXHtb {
1349
1346
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1350
1347
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1351
1348
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1352
1349
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1353
1350
  }
1354
- .Radio-module__hop-Radio--md___-V3tA {
1351
+ .Radio-module__hop-Radio--md___9-Uza {
1355
1352
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1356
1353
  --box-block-size: var(--hop-Radio-box-md-block-size);
1357
1354
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1358
1355
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1359
1356
  }
1360
- .Radio-module__hop-Radio__icon___8xl98,
1361
- .Radio-module__hop-Radio__icon-list___HzInS {
1357
+ .Radio-module__hop-Radio__icon___-IP5F,
1358
+ .Radio-module__hop-Radio__icon-list___dGgr0 {
1362
1359
  flex: 0 0 auto;
1363
1360
  order: 3;
1364
1361
  color: var(--icon-color);
1365
1362
  }
1366
- .Radio-module__hop-Radio__box___3VRoX {
1363
+ .Radio-module__hop-Radio__box___13G2q {
1367
1364
  display: flex;
1368
1365
  flex: 0 0 auto;
1369
1366
  align-items: center;
@@ -1379,11 +1376,11 @@
1379
1376
  outline-offset: 0.125rem;
1380
1377
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1381
1378
  }
1382
- .Radio-module__hop-Radio__bullet___TYE3- {
1379
+ .Radio-module__hop-Radio__bullet___G4ui2 {
1383
1380
  display: var(--bullet-display);
1384
1381
  color: var(--bullet-color);
1385
1382
  }
1386
- .Radio-module__hop-Radio__text___SI929 {
1383
+ .Radio-module__hop-Radio__text___h2OQE {
1387
1384
  flex: 0 1 auto;
1388
1385
  order: 2;
1389
1386
  min-inline-size: 0;
@@ -1391,24 +1388,24 @@
1391
1388
  margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
1392
1389
  color: var(--text-color);
1393
1390
  }
1394
- .DecorativeRadio-module__hop-DecorativeRadio___hr3SC {
1391
+ .DecorativeRadio-module__hop-DecorativeRadio___5l24i {
1395
1392
  }
1396
- .DecorativeRadio-module__hop-DecorativeRadio--sm___5x6to {
1393
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___xVSDX {
1397
1394
  }
1398
- .DecorativeRadio-module__hop-DecorativeRadio--md___9AOhH {
1395
+ .DecorativeRadio-module__hop-DecorativeRadio--md___ZG2HZ {
1399
1396
  }
1400
- .DecorativeRadio-module__hop-DecorativeRadio__icon___9b3rh,
1401
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___Y-ei6 {
1397
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___ClgPx,
1398
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___w9Km2 {
1402
1399
  }
1403
- .DecorativeRadio-module__hop-DecorativeRadio__box___RxW-d {
1400
+ .DecorativeRadio-module__hop-DecorativeRadio__box___MYQ-F {
1404
1401
  }
1405
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___2wmzy {
1402
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___c0sPv {
1406
1403
  }
1407
- .DecorativeRadio-module__hop-DecorativeRadio__text___yUV6Z {
1404
+ .DecorativeRadio-module__hop-DecorativeRadio__text___AC1V9 {
1408
1405
  }
1409
1406
 
1410
1407
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
1411
- .Radio-module__hop-Radio___-BvWw {
1408
+ .Radio-module__hop-Radio___dqo1a {
1412
1409
  --hop-Radio-box-border-size: 0.0625rem;
1413
1410
  --hop-Radio-box-border-color: var(--hop-neutral-border);
1414
1411
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1482,60 +1479,60 @@
1482
1479
  inline-size: max-content;
1483
1480
  max-inline-size: 100%;
1484
1481
  }
1485
- .Radio-module__hop-Radio___-BvWw[data-focus-visible] {
1482
+ .Radio-module__hop-Radio___dqo1a[data-focus-visible] {
1486
1483
  --box-background-color: var(--hop-Radio-box-background-color-focused);
1487
1484
  --box-border-color: var(--hop-Radio-box-border-color-focused);
1488
1485
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1489
1486
  --text-color: var(--hop-Radio-text-color-focused);
1490
1487
  --icon-color: var(--hop-Radio-icon-color-focused);
1491
1488
  }
1492
- .Radio-module__hop-Radio___-BvWw[data-hovered] {
1489
+ .Radio-module__hop-Radio___dqo1a[data-hovered] {
1493
1490
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
1494
1491
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
1495
1492
  --text-color: var(--hop-Radio-text-color-hovered);
1496
1493
  --icon-color: var(--hop-Radio-icon-color-hovered);
1497
1494
  }
1498
- .Radio-module__hop-Radio___-BvWw[data-pressed] {
1495
+ .Radio-module__hop-Radio___dqo1a[data-pressed] {
1499
1496
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1500
1497
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1501
1498
  --text-color: var(--hop-Radio-text-color-pressed);
1502
1499
  --icon-color: var(--hop-Radio-icon-color-pressed);
1503
1500
  }
1504
- .Radio-module__hop-Radio___-BvWw[data-selected] {
1501
+ .Radio-module__hop-Radio___dqo1a[data-selected] {
1505
1502
  --box-background-color: var(--hop-Radio-box-background-color-selected);
1506
1503
  --box-border-color: var(--hop-Radio-box-border-color-selected);
1507
1504
  --bullet-display: var(--hop-Radio-bullet-display-selected);
1508
1505
  --text-color: var(--hop-Radio-text-color-selected);
1509
1506
  --icon-color: var(--hop-Radio-icon-color-selected);
1510
1507
  }
1511
- .Radio-module__hop-Radio___-BvWw[data-invalid] {
1508
+ .Radio-module__hop-Radio___dqo1a[data-invalid] {
1512
1509
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1513
1510
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1514
1511
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
1515
1512
  --text-color: var(--hop-Radio-text-color-invalid);
1516
1513
  --icon-color: var(--hop-Radio-icon-color-invalid);
1517
1514
  }
1518
- .Radio-module__hop-Radio___-BvWw:where([data-invalid])[data-focus-visible] {
1515
+ .Radio-module__hop-Radio___dqo1a:where([data-invalid])[data-focus-visible] {
1519
1516
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1520
1517
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1521
1518
  }
1522
- .Radio-module__hop-Radio___-BvWw:where([data-invalid])[data-hovered] {
1519
+ .Radio-module__hop-Radio___dqo1a:where([data-invalid])[data-hovered] {
1523
1520
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1524
1521
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1525
1522
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
1526
1523
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1527
1524
  }
1528
- .Radio-module__hop-Radio___-BvWw:where([data-invalid])[data-pressed] {
1525
+ .Radio-module__hop-Radio___dqo1a:where([data-invalid])[data-pressed] {
1529
1526
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1530
1527
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1531
1528
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1532
1529
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1533
1530
  }
1534
- .Radio-module__hop-Radio___-BvWw:where([data-invalid])[data-selected] {
1531
+ .Radio-module__hop-Radio___dqo1a:where([data-invalid])[data-selected] {
1535
1532
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1536
1533
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1537
1534
  }
1538
- .Radio-module__hop-Radio___-BvWw[data-disabled] {
1535
+ .Radio-module__hop-Radio___dqo1a[data-disabled] {
1539
1536
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1540
1537
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1541
1538
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1543,25 +1540,25 @@
1543
1540
  --text-color: var(--hop-Radio-text-color-disabled);
1544
1541
  --icon-color: var(--hop-Radio-icon-color-disabled);
1545
1542
  }
1546
- .Radio-module__hop-Radio--sm___6Z2zh {
1543
+ .Radio-module__hop-Radio--sm___kXHtb {
1547
1544
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1548
1545
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1549
1546
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1550
1547
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1551
1548
  }
1552
- .Radio-module__hop-Radio--md___-V3tA {
1549
+ .Radio-module__hop-Radio--md___9-Uza {
1553
1550
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1554
1551
  --box-block-size: var(--hop-Radio-box-md-block-size);
1555
1552
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1556
1553
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1557
1554
  }
1558
- .Radio-module__hop-Radio__icon___8xl98,
1559
- .Radio-module__hop-Radio__icon-list___HzInS {
1555
+ .Radio-module__hop-Radio__icon___-IP5F,
1556
+ .Radio-module__hop-Radio__icon-list___dGgr0 {
1560
1557
  flex: 0 0 auto;
1561
1558
  order: 3;
1562
1559
  color: var(--icon-color);
1563
1560
  }
1564
- .Radio-module__hop-Radio__box___3VRoX {
1561
+ .Radio-module__hop-Radio__box___13G2q {
1565
1562
  display: flex;
1566
1563
  flex: 0 0 auto;
1567
1564
  align-items: center;
@@ -1577,11 +1574,11 @@
1577
1574
  outline-offset: 0.125rem;
1578
1575
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1579
1576
  }
1580
- .Radio-module__hop-Radio__bullet___TYE3- {
1577
+ .Radio-module__hop-Radio__bullet___G4ui2 {
1581
1578
  display: var(--bullet-display);
1582
1579
  color: var(--bullet-color);
1583
1580
  }
1584
- .Radio-module__hop-Radio__text___SI929 {
1581
+ .Radio-module__hop-Radio__text___h2OQE {
1585
1582
  flex: 0 1 auto;
1586
1583
  order: 2;
1587
1584
  min-inline-size: 0;
@@ -1591,7 +1588,7 @@
1591
1588
  }
1592
1589
 
1593
1590
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
1594
- .RadioField-module__hop-RadioField___GH7SP {
1591
+ .RadioField-module__hop-RadioField___i9uRv {
1595
1592
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
1596
1593
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
1597
1594
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1610,28 +1607,28 @@
1610
1607
  inline-size: max-content;
1611
1608
  max-inline-size: 100%;
1612
1609
  }
1613
- .RadioField-module__hop-RadioField___GH7SP[data-disabled] {
1610
+ .RadioField-module__hop-RadioField___i9uRv[data-disabled] {
1614
1611
  --description-color: var(--hop-RadioField-description-color-disabled);
1615
1612
  }
1616
- .RadioField-module__hop-RadioField--sm___6mSN6 {
1613
+ .RadioField-module__hop-RadioField--sm___mgBvw {
1617
1614
  --row-gap: var(--hop-RadioField-sm-row-gap);
1618
1615
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
1619
1616
  }
1620
- .RadioField-module__hop-RadioField--md___z6Rj7 {
1617
+ .RadioField-module__hop-RadioField--md___H8PcX {
1621
1618
  --row-gap: var(--hop-RadioField-md-row-gap);
1622
1619
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
1623
1620
  }
1624
- .RadioField-module__hop-RadioField__description___oU6UF {
1621
+ .RadioField-module__hop-RadioField__description___-rpFO {
1625
1622
  order: 2;
1626
1623
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
1627
1624
  color: var(--description-color);
1628
1625
  }
1629
- .RadioField-module__hop-RadioField__radio___L-ki9 {
1626
+ .RadioField-module__hop-RadioField__radio___4mpOv {
1630
1627
  order: 1;
1631
1628
  }
1632
1629
 
1633
1630
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
1634
- .RadioGroup-module__hop-RadioGroup___d8jZh {
1631
+ .RadioGroup-module__hop-RadioGroup___CoiPr {
1635
1632
  --hop-RadioGroup-align-items: flex-start;
1636
1633
  --hop-RadioGroup-justify-content: flex-start;
1637
1634
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1671,46 +1668,46 @@
1671
1668
  inline-size: var(--inline-size);
1672
1669
  max-inline-size: 100%;
1673
1670
  }
1674
- .RadioGroup-module__hop-RadioGroup--bordered___2WA2M {
1671
+ .RadioGroup-module__hop-RadioGroup--bordered___SgmMj {
1675
1672
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
1676
1673
  --list-border-radius: var(--hop-shape-rounded-md);
1677
1674
  }
1678
- .RadioGroup-module__hop-RadioGroup--sm___edE21 {
1675
+ .RadioGroup-module__hop-RadioGroup--sm___TFTYI {
1679
1676
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
1680
1677
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
1681
1678
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
1682
1679
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
1683
1680
  }
1684
- .RadioGroup-module__hop-RadioGroup--md___Yo73q {
1681
+ .RadioGroup-module__hop-RadioGroup--md___QnMhM {
1685
1682
  --column-gap: var(--hop-RadioGroup-md-column-gap);
1686
1683
  --row-gap: var(--hop-RadioGroup-md-row-gap);
1687
1684
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
1688
1685
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
1689
1686
  }
1690
- .RadioGroup-module__hop-RadioGroup--bordered___2WA2M.RadioGroup-module__hop-RadioGroup--sm___edE21 {
1687
+ .RadioGroup-module__hop-RadioGroup--bordered___SgmMj.RadioGroup-module__hop-RadioGroup--sm___TFTYI {
1691
1688
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
1692
1689
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
1693
1690
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
1694
1691
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
1695
1692
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
1696
1693
  }
1697
- .RadioGroup-module__hop-RadioGroup--bordered___2WA2M.RadioGroup-module__hop-RadioGroup--md___Yo73q {
1694
+ .RadioGroup-module__hop-RadioGroup--bordered___SgmMj.RadioGroup-module__hop-RadioGroup--md___QnMhM {
1698
1695
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
1699
1696
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
1700
1697
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
1701
1698
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
1702
1699
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
1703
1700
  }
1704
- .RadioGroup-module__hop-RadioGroup___d8jZh[data-orientation=horizontal] {
1701
+ .RadioGroup-module__hop-RadioGroup___CoiPr[data-orientation=horizontal] {
1705
1702
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
1706
1703
  }
1707
- .RadioGroup-module__hop-RadioGroup--bordered___2WA2M[data-orientation=horizontal] {
1704
+ .RadioGroup-module__hop-RadioGroup--bordered___SgmMj[data-orientation=horizontal] {
1708
1705
  --flex-wrap: nowrap;
1709
1706
  }
1710
- .RadioGroup-module__hop-RadioGroup___d8jZh > .RadioGroup-module__hop-RadioGroup__label___gZqTH {
1707
+ .RadioGroup-module__hop-RadioGroup___CoiPr > .RadioGroup-module__hop-RadioGroup__label___7wadH {
1711
1708
  order: 1;
1712
1709
  }
1713
- .RadioGroup-module__hop-RadioGroup__list___9bHTp {
1710
+ .RadioGroup-module__hop-RadioGroup__list___8yU6S {
1714
1711
  display: flex;
1715
1712
  flex-flow: var(--flex-direction) var(--flex-wrap);
1716
1713
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1721,7 +1718,7 @@
1721
1718
  border: var(--list-border, none);
1722
1719
  border-radius: var(--list-border-radius, 0);
1723
1720
  }
1724
- .RadioGroup-module__hop-RadioGroup__list___9bHTp > .RadioGroup-module__hop-RadioGroup__radio___-uwFd {
1721
+ .RadioGroup-module__hop-RadioGroup__list___8yU6S > .RadioGroup-module__hop-RadioGroup__radio___35VDB {
1725
1722
  position: relative;
1726
1723
  flex: 0 1 auto;
1727
1724
  align-content: start;
@@ -1729,28 +1726,28 @@
1729
1726
  min-inline-size: 0;
1730
1727
  padding: var(--radio-padding, 0);
1731
1728
  }
1732
- .RadioGroup-module__hop-RadioGroup--bordered___2WA2M .RadioGroup-module__hop-RadioGroup__list___9bHTp > .RadioGroup-module__hop-RadioGroup__radio___-uwFd ~ .RadioGroup-module__hop-RadioGroup__radio___-uwFd::before {
1729
+ .RadioGroup-module__hop-RadioGroup--bordered___SgmMj .RadioGroup-module__hop-RadioGroup__list___8yU6S > .RadioGroup-module__hop-RadioGroup__radio___35VDB ~ .RadioGroup-module__hop-RadioGroup__radio___35VDB::before {
1733
1730
  content: "";
1734
1731
  position: absolute;
1735
1732
  display: block;
1736
1733
  }
1737
- .RadioGroup-module__hop-RadioGroup--bordered___2WA2M[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___9bHTp > .RadioGroup-module__hop-RadioGroup__radio___-uwFd ~ .RadioGroup-module__hop-RadioGroup__radio___-uwFd::before {
1734
+ .RadioGroup-module__hop-RadioGroup--bordered___SgmMj[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___8yU6S > .RadioGroup-module__hop-RadioGroup__radio___35VDB ~ .RadioGroup-module__hop-RadioGroup__radio___35VDB::before {
1738
1735
  inset-block-start: 0;
1739
1736
  inset-inline: 0;
1740
1737
  border-block-start: var(--list-border, none);
1741
1738
  }
1742
- .RadioGroup-module__hop-RadioGroup--bordered___2WA2M[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___9bHTp > .RadioGroup-module__hop-RadioGroup__radio___-uwFd ~ .RadioGroup-module__hop-RadioGroup__radio___-uwFd::before {
1739
+ .RadioGroup-module__hop-RadioGroup--bordered___SgmMj[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___8yU6S > .RadioGroup-module__hop-RadioGroup__radio___35VDB ~ .RadioGroup-module__hop-RadioGroup__radio___35VDB::before {
1743
1740
  inset-block: 0;
1744
1741
  inset-inline-start: 0;
1745
1742
  border-inline-start: var(--list-border, none);
1746
1743
  }
1747
- .RadioGroup-module__hop-RadioGroup___d8jZh > .RadioGroup-module__hop-RadioGroup__error-message___15FOr,
1748
- .RadioGroup-module__hop-RadioGroup___d8jZh > .RadioGroup-module__hop-RadioGroup__helper-message___HBT-I {
1744
+ .RadioGroup-module__hop-RadioGroup___CoiPr > .RadioGroup-module__hop-RadioGroup__error-message___sTi-m,
1745
+ .RadioGroup-module__hop-RadioGroup___CoiPr > .RadioGroup-module__hop-RadioGroup__helper-message___-QTtZ {
1749
1746
  order: 3;
1750
1747
  }
1751
1748
 
1752
1749
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
1753
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___g2mp0 {
1750
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___nROIw {
1754
1751
  --hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
1755
1752
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
1756
1753
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -1776,7 +1773,7 @@
1776
1773
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
1777
1774
  background-size: 400% 100%;
1778
1775
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
1779
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___OBaI0;
1776
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___EbN08;
1780
1777
  animation-duration: var(--animation-duration);
1781
1778
  animation-timing-function: ease-in-out;
1782
1779
  animation-fill-mode: forwards;
@@ -1785,19 +1782,19 @@
1785
1782
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
1786
1783
  }
1787
1784
  }
1788
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___rNorz {
1785
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___-BDiH {
1789
1786
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
1790
1787
  }
1791
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___MTFzq {
1788
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___mvEwS {
1792
1789
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
1793
1790
  }
1794
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___8x1t9 {
1791
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___mRknk {
1795
1792
  --height: var(--hop-ListBoxItemSkeleton-md-height);
1796
1793
  }
1797
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___rjQIo {
1794
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___XvvDy {
1798
1795
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
1799
1796
  }
1800
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___OBaI0 {
1797
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___EbN08 {
1801
1798
  0% {
1802
1799
  background-position: 125% 50%;
1803
1800
  }
@@ -1807,7 +1804,7 @@
1807
1804
  }
1808
1805
 
1809
1806
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
1810
- .ListBoxItem-module__hop-ListBoxItem___HvOEm {
1807
+ .ListBoxItem-module__hop-ListBoxItem___-BOjW {
1811
1808
  --hop-ListBoxItem-background-color: transparent;
1812
1809
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
1813
1810
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -1904,129 +1901,129 @@
1904
1901
  outline: var(--outline);
1905
1902
  outline-offset: calc(-1 * var(--hop-ListBoxItem-outline-size));
1906
1903
  }
1907
- .ListBoxItem-module__hop-ListBoxItem--xs___EQVfY {
1904
+ .ListBoxItem-module__hop-ListBoxItem--xs___rZE4R {
1908
1905
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
1909
1906
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
1910
1907
  --min-height: var(--hop-ListBoxItem-xs-min-height);
1911
1908
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
1912
1909
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight);
1913
1910
  }
1914
- .ListBoxItem-module__hop-ListBoxItem--sm___f5FQZ {
1911
+ .ListBoxItem-module__hop-ListBoxItem--sm___G4HVr {
1915
1912
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
1916
1913
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
1917
1914
  --min-height: var(--hop-ListBoxItem-sm-min-height);
1918
1915
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
1919
1916
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight);
1920
1917
  }
1921
- .ListBoxItem-module__hop-ListBoxItem--md___NJZmI {
1918
+ .ListBoxItem-module__hop-ListBoxItem--md___TnNyw {
1922
1919
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
1923
1920
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
1924
1921
  --min-height: var(--hop-ListBoxItem-md-min-height);
1925
1922
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
1926
1923
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight);
1927
1924
  }
1928
- .ListBoxItem-module__hop-ListBoxItem--lg___BDe8q {
1925
+ .ListBoxItem-module__hop-ListBoxItem--lg___bwbj- {
1929
1926
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
1930
1927
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
1931
1928
  --min-height: var(--hop-ListBoxItem-lg-min-height);
1932
1929
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
1933
1930
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight);
1934
1931
  }
1935
- .ListBoxItem-module__hop-ListBoxItem___HvOEm[data-selection-mode] {
1932
+ .ListBoxItem-module__hop-ListBoxItem___-BOjW[data-selection-mode] {
1936
1933
  --cursor: pointer;
1937
1934
  }
1938
- .ListBoxItem-module__hop-ListBoxItem___HvOEm:not([data-selection-mode]) {
1935
+ .ListBoxItem-module__hop-ListBoxItem___-BOjW:not([data-selection-mode]) {
1939
1936
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1940
1937
  }
1941
- .ListBoxItem-module__hop-ListBoxItem__inner___6FViV:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___YBEKK) {
1938
+ .ListBoxItem-module__hop-ListBoxItem__inner___kPku6:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___7K8hE) {
1942
1939
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1943
1940
  }
1944
- .ListBoxItem-module__hop-ListBoxItem__inner___6FViV[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___YBEKK) {
1941
+ .ListBoxItem-module__hop-ListBoxItem__inner___kPku6[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___7K8hE) {
1945
1942
  --checkmark-transition: none;
1946
1943
  }
1947
- .ListBoxItem-module__hop-ListBoxItem___HvOEm[data-selected] {
1944
+ .ListBoxItem-module__hop-ListBoxItem___-BOjW[data-selected] {
1948
1945
  --background-color: var(--hop-ListBoxItem-background-color-selected);
1949
1946
  --text-color: var(--hop-ListBoxItem-text-color-selected);
1950
1947
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
1951
1948
  --checkmark-opacity: 1;
1952
1949
  }
1953
- .ListBoxItem-module__hop-ListBoxItem--xs___EQVfY[data-selected] {
1950
+ .ListBoxItem-module__hop-ListBoxItem--xs___rZE4R[data-selected] {
1954
1951
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
1955
1952
  }
1956
- .ListBoxItem-module__hop-ListBoxItem--sm___f5FQZ[data-selected] {
1953
+ .ListBoxItem-module__hop-ListBoxItem--sm___G4HVr[data-selected] {
1957
1954
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
1958
1955
  }
1959
- .ListBoxItem-module__hop-ListBoxItem--md___NJZmI[data-selected] {
1956
+ .ListBoxItem-module__hop-ListBoxItem--md___TnNyw[data-selected] {
1960
1957
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
1961
1958
  }
1962
- .ListBoxItem-module__hop-ListBoxItem--lg___BDe8q[data-selected] {
1959
+ .ListBoxItem-module__hop-ListBoxItem--lg___bwbj-[data-selected] {
1963
1960
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
1964
1961
  }
1965
- .ListBoxItem-module__hop-ListBoxItem___HvOEm[data-focus-visible] {
1962
+ .ListBoxItem-module__hop-ListBoxItem___-BOjW[data-focus-visible] {
1966
1963
  --background-color: var(--hop-ListBoxItem-background-color-focused);
1967
1964
  --text-color: var(--hop-ListBoxItem-text-color-focused);
1968
1965
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
1969
1966
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
1970
1967
  }
1971
- .ListBoxItem-module__hop-ListBoxItem___HvOEm[data-hovered] {
1968
+ .ListBoxItem-module__hop-ListBoxItem___-BOjW[data-hovered] {
1972
1969
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
1973
1970
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
1974
1971
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
1975
1972
  }
1976
- .ListBoxItem-module__hop-ListBoxItem___HvOEm[data-pressed] {
1973
+ .ListBoxItem-module__hop-ListBoxItem___-BOjW[data-pressed] {
1977
1974
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
1978
1975
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
1979
1976
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
1980
1977
  }
1981
- .ListBoxItem-module__hop-ListBoxItem___HvOEm[data-disabled] {
1978
+ .ListBoxItem-module__hop-ListBoxItem___-BOjW[data-disabled] {
1982
1979
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
1983
1980
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
1984
1981
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
1985
1982
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
1986
1983
  --cursor: not-allowed;
1987
1984
  }
1988
- .ListBoxItem-module__hop-ListBoxItem___HvOEm[data-invalid] {
1985
+ .ListBoxItem-module__hop-ListBoxItem___-BOjW[data-invalid] {
1989
1986
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
1990
1987
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
1991
1988
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
1992
1989
  }
1993
- .ListBoxItem-module__hop-ListBoxItem___HvOEm[data-invalid][data-selected] {
1990
+ .ListBoxItem-module__hop-ListBoxItem___-BOjW[data-invalid][data-selected] {
1994
1991
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
1995
1992
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
1996
1993
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
1997
1994
  }
1998
- .ListBoxItem-module__hop-ListBoxItem___HvOEm[data-invalid][data-focus-visible] {
1995
+ .ListBoxItem-module__hop-ListBoxItem___-BOjW[data-invalid][data-focus-visible] {
1999
1996
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
2000
1997
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
2001
1998
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
2002
1999
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
2003
2000
  }
2004
- .ListBoxItem-module__hop-ListBoxItem___HvOEm[data-invalid][data-hovered] {
2001
+ .ListBoxItem-module__hop-ListBoxItem___-BOjW[data-invalid][data-hovered] {
2005
2002
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
2006
2003
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
2007
2004
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
2008
2005
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
2009
2006
  }
2010
- .ListBoxItem-module__hop-ListBoxItem___HvOEm[data-invalid][data-pressed] {
2007
+ .ListBoxItem-module__hop-ListBoxItem___-BOjW[data-invalid][data-pressed] {
2011
2008
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
2012
2009
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
2013
2010
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
2014
2011
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
2015
2012
  }
2016
- .ListBoxItem-module__hop-ListBoxItem___HvOEm[data-invalid][data-disabled] {
2013
+ .ListBoxItem-module__hop-ListBoxItem___-BOjW[data-invalid][data-disabled] {
2017
2014
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
2018
2015
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
2019
2016
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
2020
2017
  }
2021
- .ListBoxItem-module__hop-ListBoxItem___HvOEm:has(.ListBoxItem-module__hop-ListBoxItem__description___xJ17-) {
2018
+ .ListBoxItem-module__hop-ListBoxItem___-BOjW:has(.ListBoxItem-module__hop-ListBoxItem__description___vjfvf) {
2022
2019
  --row-gap: var(--hop-ListBoxItem-row-gap);
2023
2020
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
2024
2021
  }
2025
- .ListBoxItem-module__hop-ListBoxItem___HvOEm[data-loading] {
2022
+ .ListBoxItem-module__hop-ListBoxItem___-BOjW[data-loading] {
2026
2023
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
2027
2024
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
2028
2025
  }
2029
- .ListBoxItem-module__hop-ListBoxItem__inner___6FViV {
2026
+ .ListBoxItem-module__hop-ListBoxItem__inner___kPku6 {
2030
2027
  display: grid;
2031
2028
  grid-template-areas: var(--grid-template-areas);
2032
2029
  grid-template-columns: var(--grid-template-columns);
@@ -2038,33 +2035,33 @@
2038
2035
  padding-inline: var(--padding-inline);
2039
2036
  transition: grid-template-columns .3s ease-in-out;
2040
2037
  }
2041
- .ListBoxItem-module__hop-ListBoxItem__checkmark___YBEKK {
2038
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___7K8hE {
2042
2039
  grid-area: indicator;
2043
2040
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2044
2041
  color: var(--icon-color);
2045
2042
  opacity: var(--checkmark-opacity);
2046
2043
  transition: var(--checkmark-transition);
2047
2044
  }
2048
- .ListBoxItem-module__hop-ListBoxItem__radio___726Bo,
2049
- .ListBoxItem-module__hop-ListBoxItem__checkbox___nGvC- {
2045
+ .ListBoxItem-module__hop-ListBoxItem__radio___GaGpg,
2046
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___-1YQK {
2050
2047
  pointer-events: none;
2051
2048
  user-select: none;
2052
2049
  grid-area: indicator;
2053
2050
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2054
2051
  }
2055
- .ListBoxItem-module__hop-ListBoxItem__avatar___Kkz4s {
2052
+ .ListBoxItem-module__hop-ListBoxItem__avatar___gHPCY {
2056
2053
  grid-area: avatar;
2057
2054
  margin-block: var(--avatar-margin-block, 0);
2058
2055
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2059
2056
  }
2060
- .ListBoxItem-module__hop-ListBoxItem__icon-list___6ff3J,
2061
- .ListBoxItem-module__hop-ListBoxItem__icon___-uFAs {
2057
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___X-gTH,
2058
+ .ListBoxItem-module__hop-ListBoxItem__icon___Nv9zm {
2062
2059
  grid-area: icon;
2063
2060
  flex: 0 0 auto;
2064
2061
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
2065
2062
  color: var(--icon-color);
2066
2063
  }
2067
- .ListBoxItem-module__hop-ListBoxItem__label___UdTmX {
2064
+ .ListBoxItem-module__hop-ListBoxItem__label___oFvmk {
2068
2065
  overflow: hidden;
2069
2066
  grid-area: label;
2070
2067
  min-inline-size: 0;
@@ -2072,18 +2069,18 @@
2072
2069
  text-overflow: ellipsis;
2073
2070
  white-space: nowrap;
2074
2071
  }
2075
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___o8uuE,
2076
- .ListBoxItem-module__hop-ListBoxItem__end-icon___YjI-N {
2072
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___It5F3,
2073
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___9R2j1 {
2077
2074
  grid-area: end-icon;
2078
2075
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
2079
2076
  color: var(--icon-color);
2080
2077
  }
2081
- .ListBoxItem-module__hop-ListBoxItem__badge___AsC2U {
2078
+ .ListBoxItem-module__hop-ListBoxItem__badge___4Q2vb {
2082
2079
  grid-area: badge;
2083
2080
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
2084
2081
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
2085
2082
  }
2086
- .ListBoxItem-module__hop-ListBoxItem__description___xJ17- {
2083
+ .ListBoxItem-module__hop-ListBoxItem__description___vjfvf {
2087
2084
  overflow: hidden;
2088
2085
  display: -webkit-box;
2089
2086
  grid-area: description;
@@ -2094,7 +2091,7 @@
2094
2091
  }
2095
2092
 
2096
2093
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBox.module.css/#css-module-data */
2097
- .ListBox-module__hop-ListBox___yGwxE {
2094
+ .ListBox-module__hop-ListBox___o3TiT {
2098
2095
  --hop-ListBox-background-color: var(--hop-neutral-surface);
2099
2096
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
2100
2097
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -2141,11 +2138,11 @@
2141
2138
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
2142
2139
  border-radius: var(--hop-ListBox-border-radius);
2143
2140
  }
2144
- .ListBox-module__hop-ListBox--fluid___kfu9L {
2141
+ .ListBox-module__hop-ListBox--fluid___9Jmrx {
2145
2142
  --max-width: var(--hop-ListBox-fluid-max-width);
2146
2143
  --width: var(--hop-ListBox-fluid-width);
2147
2144
  }
2148
- .ListBox-module__hop-ListBox__section___MK0zJ {
2145
+ .ListBox-module__hop-ListBox__section___8-sHc {
2149
2146
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
2150
2147
  margin-inline: var(--hop-ListBox-section-margin-inline);
2151
2148
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -2153,21 +2150,21 @@
2153
2150
  border-block-start: var(--section-border-block-start);
2154
2151
  border-block-end: var(--section-border-block-end);
2155
2152
  }
2156
- .ListBox-module__hop-ListBox__item___ZgG9b + .ListBox-module__hop-ListBox__section___MK0zJ {
2153
+ .ListBox-module__hop-ListBox__item___Y8r2l + .ListBox-module__hop-ListBox__section___8-sHc {
2157
2154
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
2158
2155
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
2159
2156
  }
2160
- .ListBox-module__hop-ListBox__section___MK0zJ:has(+ .ListBox-module__hop-ListBox__item___ZgG9b) {
2157
+ .ListBox-module__hop-ListBox__section___8-sHc:has(+ .ListBox-module__hop-ListBox__item___Y8r2l) {
2161
2158
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
2162
2159
  }
2163
- .ListBox-module__hop-ListBox__section___MK0zJ:first-child {
2160
+ .ListBox-module__hop-ListBox__section___8-sHc:first-child {
2164
2161
  --section-padding-block-start: 0;
2165
2162
  }
2166
- .ListBox-module__hop-ListBox__section___MK0zJ:last-child {
2163
+ .ListBox-module__hop-ListBox__section___8-sHc:last-child {
2167
2164
  --section-padding-block-end: 0;
2168
2165
  --section-border-block-end: 0;
2169
2166
  }
2170
- .ListBox-module__hop-ListBox__section-header___MQJIQ {
2167
+ .ListBox-module__hop-ListBox__section-header___qQVx7 {
2171
2168
  margin: 0;
2172
2169
  padding: var(--hop-ListBox-section-header-padding);
2173
2170
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -2178,23 +2175,23 @@
2178
2175
  text-transform: var(--hop-ListBox-section-header-text-transform);
2179
2176
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
2180
2177
  }
2181
- .ListBox-module__hop-ListBox__section-header___MQJIQ::before,
2182
- .ListBox-module__hop-ListBox__section-header___MQJIQ::after {
2178
+ .ListBox-module__hop-ListBox__section-header___qQVx7::before,
2179
+ .ListBox-module__hop-ListBox__section-header___qQVx7::after {
2183
2180
  content: "";
2184
2181
  display: block;
2185
2182
  box-sizing: border-box;
2186
2183
  inline-size: 0;
2187
2184
  block-size: 0;
2188
2185
  }
2189
- .ListBox-module__hop-ListBox__section-header___MQJIQ::before {
2186
+ .ListBox-module__hop-ListBox__section-header___qQVx7::before {
2190
2187
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
2191
2188
  }
2192
- .ListBox-module__hop-ListBox__section-header___MQJIQ::after {
2189
+ .ListBox-module__hop-ListBox__section-header___qQVx7::after {
2193
2190
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
2194
2191
  }
2195
2192
 
2196
2193
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Spinner/src/Spinner.module.css/#css-module-data */
2197
- @keyframes Spinner-module__spin___CEAVq {
2194
+ @keyframes Spinner-module__spin___ViS32 {
2198
2195
  0% {
2199
2196
  transform: rotate(0deg);
2200
2197
  }
@@ -2202,7 +2199,7 @@
2202
2199
  transform: rotate(360deg);
2203
2200
  }
2204
2201
  }
2205
- .Spinner-module__hop-Spinner___HoDfu {
2202
+ .Spinner-module__hop-Spinner___7E2eM {
2206
2203
  --hop-Spinner-border-radius: var(--hop-shape-circle);
2207
2204
  --hop-Spinner-sm-wheel-size: 1rem;
2208
2205
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -2210,7 +2207,7 @@
2210
2207
  --hop-Spinner-track-width: 0.125rem;
2211
2208
  --hop-Spinner-track-opacity: 0.2;
2212
2209
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
2213
- --hop-Spinner-fill-animation: Spinner-module__spin___CEAVq .8s infinite linear;
2210
+ --hop-Spinner-fill-animation: Spinner-module__spin___ViS32 .8s infinite linear;
2214
2211
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
2215
2212
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
2216
2213
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -2221,19 +2218,19 @@
2221
2218
  align-items: center;
2222
2219
  box-sizing: border-box;
2223
2220
  }
2224
- .Spinner-module__hop-Spinner--sm___Rw6xv {
2221
+ .Spinner-module__hop-Spinner--sm___kpiu9 {
2225
2222
  --width: var(--hop-Spinner-sm-wheel-size);
2226
2223
  --height: var(--hop-Spinner-sm-wheel-size);
2227
2224
  }
2228
- .Spinner-module__hop-Spinner--md___xCQt3 {
2225
+ .Spinner-module__hop-Spinner--md___j6Sdr {
2229
2226
  --width: var(--hop-Spinner-md-wheel-size);
2230
2227
  --height: var(--hop-Spinner-md-wheel-size);
2231
2228
  }
2232
- .Spinner-module__hop-Spinner--lg___zHJ9a {
2229
+ .Spinner-module__hop-Spinner--lg___v1lHA {
2233
2230
  --width: var(--hop-Spinner-lg-wheel-size);
2234
2231
  --height: var(--hop-Spinner-lg-wheel-size);
2235
2232
  }
2236
- .Spinner-module__hop-Spinner__track___CWONG {
2233
+ .Spinner-module__hop-Spinner__track___b-BXu {
2237
2234
  grid-area: spinner;
2238
2235
  box-sizing: border-box;
2239
2236
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -2242,7 +2239,7 @@
2242
2239
  border: var(--hop-Spinner-track-border);
2243
2240
  border-radius: var(--hop-Spinner-border-radius);
2244
2241
  }
2245
- .Spinner-module__hop-Spinner__fill___UJtBx {
2242
+ .Spinner-module__hop-Spinner__fill___zD8ub {
2246
2243
  grid-area: spinner;
2247
2244
  box-sizing: border-box;
2248
2245
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -2253,17 +2250,17 @@
2253
2250
  animation: var(--hop-Spinner-fill-animation);
2254
2251
  }
2255
2252
  @media (prefers-reduced-motion: reduce) {
2256
- .Spinner-module__hop-Spinner__fill___UJtBx {
2253
+ .Spinner-module__hop-Spinner__fill___zD8ub {
2257
2254
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
2258
2255
  }
2259
2256
  }
2260
- .Spinner-module__hop-Spinner__label___uD2VW {
2257
+ .Spinner-module__hop-Spinner__label___z37tv {
2261
2258
  grid-area: label;
2262
2259
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
2263
2260
  }
2264
2261
 
2265
2262
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
2266
- .Button-module__hop-Button___jIok0 {
2263
+ .Button-module__hop-Button___g0bsX {
2267
2264
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
2268
2265
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
2269
2266
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -2387,215 +2384,215 @@
2387
2384
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
2388
2385
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
2389
2386
  }
2390
- .Button-module__hop-Button--fluid___3hPMs {
2387
+ .Button-module__hop-Button--fluid___U1pC7 {
2391
2388
  --inline-size: 100%;
2392
2389
  }
2393
- .Button-module__hop-Button--sm___H3RDg {
2390
+ .Button-module__hop-Button--sm___JkRfc {
2394
2391
  --block-size: var(--hop-Button-sm-height);
2395
2392
  --padding: var(--hop-Button-sm-padding);
2396
2393
  }
2397
- .Button-module__hop-Button--sm___H3RDg[class*=--ghost] {
2394
+ .Button-module__hop-Button--sm___JkRfc[class*=--ghost] {
2398
2395
  --padding: var(--hop-Button-ghost-sm-padding);
2399
2396
  }
2400
- .Button-module__hop-Button--md___kbzCK[class*=--ghost] {
2397
+ .Button-module__hop-Button--md___UW7nU[class*=--ghost] {
2401
2398
  --padding: var(--hop-Button-ghost-md-padding);
2402
2399
  }
2403
- .Button-module__hop-Button--icon-only___GoXzR {
2400
+ .Button-module__hop-Button--icon-only___9-rM- {
2404
2401
  --column-gap: var(--hop-Button-icon-only-column-gap);
2405
2402
  --padding: var(--hop-Button-icon-only-padding);
2406
2403
  aspect-ratio: 1;
2407
2404
  }
2408
- .Button-module__hop-Button--primary___vgEZd {
2405
+ .Button-module__hop-Button--primary___3Jpwh {
2409
2406
  --background-color: var(--hop-Button-primary-background-color);
2410
2407
  --color: var(--hop-Button-primary-color);
2411
2408
  --border: var(--hop-Button-primary-border);
2412
2409
  --spinner-color: var(--hop-Button-primary-spinner-color);
2413
2410
  }
2414
- .Button-module__hop-Button--primary___vgEZd[data-hovered],
2415
- .Button-module__hop-Button--primary___vgEZd[data-focus-visible] {
2411
+ .Button-module__hop-Button--primary___3Jpwh[data-hovered],
2412
+ .Button-module__hop-Button--primary___3Jpwh[data-focus-visible] {
2416
2413
  --background-color: var(--hop-Button-primary-background-color-hover);
2417
2414
  --color: var(--hop-Button-primary-color-hover);
2418
2415
  --border: var(--hop-Button-primary-border-hover);
2419
2416
  }
2420
- .Button-module__hop-Button--primary___vgEZd[data-pressed] {
2417
+ .Button-module__hop-Button--primary___3Jpwh[data-pressed] {
2421
2418
  --background-color: var(--hop-Button-primary-background-color-pressed);
2422
2419
  --color: var(--hop-Button-primary-color-pressed);
2423
2420
  --border: var(--hop-Button-primary-border-pressed);
2424
2421
  }
2425
- .Button-module__hop-Button--secondary___4ojx0 {
2422
+ .Button-module__hop-Button--secondary___NU-Ve {
2426
2423
  --background-color: var(--hop-Button-secondary-background-color);
2427
2424
  --color: var(--hop-Button-secondary-color);
2428
2425
  --border: var(--hop-Button-secondary-border);
2429
2426
  --spinner-color: var(--hop-Button-secondary-spinner-color);
2430
2427
  }
2431
- .Button-module__hop-Button--secondary___4ojx0[data-hovered],
2432
- .Button-module__hop-Button--secondary___4ojx0[data-focus-visible] {
2428
+ .Button-module__hop-Button--secondary___NU-Ve[data-hovered],
2429
+ .Button-module__hop-Button--secondary___NU-Ve[data-focus-visible] {
2433
2430
  --background-color: var(--hop-Button-secondary-background-color-hover);
2434
2431
  --color: var(--hop-Button-secondary-color-hover);
2435
2432
  --border: var(--hop-Button-secondary-border-hover);
2436
2433
  }
2437
- .Button-module__hop-Button--secondary___4ojx0[data-pressed] {
2434
+ .Button-module__hop-Button--secondary___NU-Ve[data-pressed] {
2438
2435
  --background-color: var(--hop-Button-secondary-background-color-pressed);
2439
2436
  --color: var(--hop-Button-secondary-color-pressed);
2440
2437
  --border: var(--hop-Button-secondary-border-pressed);
2441
2438
  }
2442
- .Button-module__hop-Button--upsell___c51Bt {
2439
+ .Button-module__hop-Button--upsell___Zjxjx {
2443
2440
  --background-color: var(--hop-Button-upsell-background-color);
2444
2441
  --color: var(--hop-Button-upsell-color);
2445
2442
  --border: var(--hop-Button-upsell-border);
2446
2443
  --spinner-color: var(--hop-Button-upsell-spinner-color);
2447
2444
  }
2448
- .Button-module__hop-Button--upsell___c51Bt[data-hovered],
2449
- .Button-module__hop-Button--upsell___c51Bt[data-focus-visible] {
2445
+ .Button-module__hop-Button--upsell___Zjxjx[data-hovered],
2446
+ .Button-module__hop-Button--upsell___Zjxjx[data-focus-visible] {
2450
2447
  --background-color: var(--hop-Button-upsell-background-color-hover);
2451
2448
  --color: var(--hop-Button-upsell-color-hover);
2452
2449
  --border: var(--hop-Button-upsell-border-hover);
2453
2450
  }
2454
- .Button-module__hop-Button--upsell___c51Bt[data-pressed] {
2451
+ .Button-module__hop-Button--upsell___Zjxjx[data-pressed] {
2455
2452
  --background-color: var(--hop-Button-upsell-background-color-pressed);
2456
2453
  --color: var(--hop-Button-upsell-color-pressed);
2457
2454
  --border: var(--hop-Button-upsell-border-pressed);
2458
2455
  }
2459
- .Button-module__hop-Button--danger___UOWQg {
2456
+ .Button-module__hop-Button--danger___MoOv- {
2460
2457
  --background-color: var(--hop-Button-danger-background-color);
2461
2458
  --color: var(--hop-Button-danger-color);
2462
2459
  --border: var(--hop-Button-danger-border);
2463
2460
  --spinner-color: var(--hop-Button-danger-spinner-color);
2464
2461
  }
2465
- .Button-module__hop-Button--danger___UOWQg[data-hovered],
2466
- .Button-module__hop-Button--danger___UOWQg[data-focus-visible] {
2462
+ .Button-module__hop-Button--danger___MoOv-[data-hovered],
2463
+ .Button-module__hop-Button--danger___MoOv-[data-focus-visible] {
2467
2464
  --background-color: var(--hop-Button-danger-background-color-hover);
2468
2465
  --color: var(--hop-Button-danger-color-hover);
2469
2466
  --border: var(--hop-Button-danger-border-hover);
2470
2467
  }
2471
- .Button-module__hop-Button--danger___UOWQg[data-pressed] {
2468
+ .Button-module__hop-Button--danger___MoOv-[data-pressed] {
2472
2469
  --background-color: var(--hop-Button-danger-background-color-pressed);
2473
2470
  --color: var(--hop-Button-danger-color-pressed);
2474
2471
  --border: var(--hop-Button-danger-border-pressed);
2475
2472
  }
2476
- .Button-module__hop-Button--ghost-primary___y4YEd {
2473
+ .Button-module__hop-Button--ghost-primary___WC15g {
2477
2474
  --background-color: var(--hop-Button-ghost-primary-background-color);
2478
2475
  --color: var(--hop-Button-ghost-primary-color);
2479
2476
  --border: var(--hop-Button-ghost-primary-border);
2480
2477
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
2481
2478
  }
2482
- .Button-module__hop-Button--ghost-primary___y4YEd[data-hovered],
2483
- .Button-module__hop-Button--ghost-primary___y4YEd[data-focus-visible] {
2479
+ .Button-module__hop-Button--ghost-primary___WC15g[data-hovered],
2480
+ .Button-module__hop-Button--ghost-primary___WC15g[data-focus-visible] {
2484
2481
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
2485
2482
  --color: var(--hop-Button-ghost-primary-color-hover);
2486
2483
  --border: var(--hop-Button-ghost-primary-border-hover);
2487
2484
  --text-underline: underline;
2488
2485
  }
2489
- .Button-module__hop-Button--ghost-primary___y4YEd[data-pressed] {
2486
+ .Button-module__hop-Button--ghost-primary___WC15g[data-pressed] {
2490
2487
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
2491
2488
  --color: var(--hop-Button-ghost-primary-color-pressed);
2492
2489
  --border: var(--hop-Button-ghost-primary-border-pressed);
2493
2490
  --text-underline: underline;
2494
2491
  }
2495
- .Button-module__hop-Button--ghost-secondary___uvrka {
2492
+ .Button-module__hop-Button--ghost-secondary___kxQsj {
2496
2493
  --background-color: var(--hop-Button-ghost-secondary-background-color);
2497
2494
  --color: var(--hop-Button-ghost-secondary-color);
2498
2495
  --border: var(--hop-Button-ghost-secondary-border);
2499
2496
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
2500
2497
  }
2501
- .Button-module__hop-Button--ghost-secondary___uvrka[data-hovered],
2502
- .Button-module__hop-Button--ghost-secondary___uvrka[data-focus-visible] {
2498
+ .Button-module__hop-Button--ghost-secondary___kxQsj[data-hovered],
2499
+ .Button-module__hop-Button--ghost-secondary___kxQsj[data-focus-visible] {
2503
2500
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
2504
2501
  --color: var(--hop-Button-ghost-secondary-color-hover);
2505
2502
  --border: var(--hop-Button-ghost-secondary-border-hover);
2506
2503
  --text-underline: underline;
2507
2504
  }
2508
- .Button-module__hop-Button--ghost-secondary___uvrka[data-pressed] {
2505
+ .Button-module__hop-Button--ghost-secondary___kxQsj[data-pressed] {
2509
2506
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
2510
2507
  --color: var(--hop-Button-ghost-secondary-color-pressed);
2511
2508
  --border: var(--hop-Button-ghost-secondary-border-pressed);
2512
2509
  --text-underline: underline;
2513
2510
  }
2514
- .Button-module__hop-Button--ghost-danger___bjJPS {
2511
+ .Button-module__hop-Button--ghost-danger___kblVO {
2515
2512
  --background-color: var(--hop-Button-ghost-danger-background-color);
2516
2513
  --color: var(--hop-Button-ghost-danger-color);
2517
2514
  --border: var(--hop-Button-ghost-danger-border);
2518
2515
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
2519
2516
  }
2520
- .Button-module__hop-Button--ghost-danger___bjJPS[data-hovered],
2521
- .Button-module__hop-Button--ghost-danger___bjJPS[data-focus-visible] {
2517
+ .Button-module__hop-Button--ghost-danger___kblVO[data-hovered],
2518
+ .Button-module__hop-Button--ghost-danger___kblVO[data-focus-visible] {
2522
2519
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
2523
2520
  --color: var(--hop-Button-ghost-danger-color-hover);
2524
2521
  --border: var(--hop-Button-ghost-danger-border-hover);
2525
2522
  --text-underline: underline;
2526
2523
  }
2527
- .Button-module__hop-Button--ghost-danger___bjJPS[data-pressed] {
2524
+ .Button-module__hop-Button--ghost-danger___kblVO[data-pressed] {
2528
2525
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
2529
2526
  --color: var(--hop-Button-ghost-danger-color-pressed);
2530
2527
  --border: var(--hop-Button-ghost-danger-border-pressed);
2531
2528
  --text-underline: underline;
2532
2529
  }
2533
- .Button-module__hop-Button___jIok0[data-focus-visible] {
2530
+ .Button-module__hop-Button___g0bsX[data-focus-visible] {
2534
2531
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
2535
2532
  }
2536
- .Button-module__hop-Button___jIok0[data-disabled],
2537
- .Button-module__hop-Button___jIok0[data-pending] {
2533
+ .Button-module__hop-Button___g0bsX[data-disabled],
2534
+ .Button-module__hop-Button___g0bsX[data-pending] {
2538
2535
  cursor: not-allowed;
2539
2536
  }
2540
- .Button-module__hop-Button___jIok0[data-disabled] {
2537
+ .Button-module__hop-Button___g0bsX[data-disabled] {
2541
2538
  --background-color: var(--hop-Button-background-color-disabled);
2542
2539
  --color: var(--hop-Button-color-disabled);
2543
2540
  --border: var(--hop-Button-border-disabled);
2544
2541
  }
2545
- .Button-module__hop-Button___jIok0[class*=--ghost][data-disabled] {
2542
+ .Button-module__hop-Button___g0bsX[class*=--ghost][data-disabled] {
2546
2543
  --background-color: var(--hop-Button-ghost-background-color-disabled);
2547
2544
  --color: var(--hop-Button-ghost-color-disabled);
2548
2545
  --border: var(--hop-Button-ghost-border-disabled);
2549
2546
  }
2550
- .Button-module__hop-Button--primary___vgEZd[data-pending] {
2547
+ .Button-module__hop-Button--primary___3Jpwh[data-pending] {
2551
2548
  --background-color: var(--hop-Button-primary-background-color);
2552
2549
  --color: var(--hop-Button-primary-color);
2553
2550
  --border: var(--hop-Button-primary-border);
2554
2551
  }
2555
- .Button-module__hop-Button--secondary___4ojx0[data-pending] {
2552
+ .Button-module__hop-Button--secondary___NU-Ve[data-pending] {
2556
2553
  --background-color: var(--hop-Button-secondary-background-color);
2557
2554
  --color: var(--hop-Button-secondary-color);
2558
2555
  --border: var(--hop-Button-secondary-border);
2559
2556
  }
2560
- .Button-module__hop-Button--upsell___c51Bt[data-pending] {
2557
+ .Button-module__hop-Button--upsell___Zjxjx[data-pending] {
2561
2558
  --background-color: var(--hop-Button-upsell-background-color);
2562
2559
  --color: var(--hop-Button-upsell-color);
2563
2560
  --border: var(--hop-Button-upsell-border);
2564
2561
  }
2565
- .Button-module__hop-Button--danger___UOWQg[data-pending] {
2562
+ .Button-module__hop-Button--danger___MoOv-[data-pending] {
2566
2563
  --background-color: var(--hop-Button-danger-background-color);
2567
2564
  --color: var(--hop-Button-danger-color);
2568
2565
  --border: var(--hop-Button-danger-border);
2569
2566
  }
2570
- .Button-module__hop-Button--ghost-primary___y4YEd[data-pending] {
2567
+ .Button-module__hop-Button--ghost-primary___WC15g[data-pending] {
2571
2568
  --background-color: var(--hop-Button-ghost-primary-background-color);
2572
2569
  --color: var(--hop-Button-ghost-primary-color);
2573
2570
  --border: var(--hop-Button-ghost-primary-border);
2574
2571
  --text-underline: none;
2575
2572
  }
2576
- .Button-module__hop-Button--ghost-secondary___uvrka[data-pending] {
2573
+ .Button-module__hop-Button--ghost-secondary___kxQsj[data-pending] {
2577
2574
  --background-color: var(--hop-Button-ghost-secondary-background-color);
2578
2575
  --color: var(--hop-Button-ghost-secondary-color);
2579
2576
  --border: var(--hop-Button-ghost-secondary-border);
2580
2577
  --text-underline: none;
2581
2578
  }
2582
- .Button-module__hop-Button--ghost-danger___bjJPS[data-pending] {
2579
+ .Button-module__hop-Button--ghost-danger___kblVO[data-pending] {
2583
2580
  --background-color: var(--hop-Button-ghost-danger-background-color);
2584
2581
  --color: var(--hop-Button-ghost-danger-color);
2585
2582
  --border: var(--hop-Button-ghost-danger-border);
2586
2583
  --text-underline: none;
2587
2584
  }
2588
- .Button-module__hop-Button__Spinner___2tcd1 {
2585
+ .Button-module__hop-Button__Spinner___3NSsM {
2589
2586
  position: absolute;
2590
2587
  color: var(--spinner-color);
2591
2588
  }
2592
- .Button-module__hop-Button__icon___CFah2,
2593
- .Button-module__hop-Button__icon-list___0WU-F {
2589
+ .Button-module__hop-Button__icon___znSPX,
2590
+ .Button-module__hop-Button__icon-list___ufYMi {
2594
2591
  flex: 0 0 auto;
2595
2592
  justify-self: end;
2596
2593
  order: 1;
2597
2594
  }
2598
- .Button-module__hop-Button__text___CsFXb {
2595
+ .Button-module__hop-Button__text___ud1xn {
2599
2596
  user-select: none;
2600
2597
  overflow: visible;
2601
2598
  flex: 0 1 auto;
@@ -2605,60 +2602,60 @@
2605
2602
  text-underline-offset: 0.125rem;
2606
2603
  text-wrap: nowrap;
2607
2604
  }
2608
- .Button-module__hop-Button__end-icon___VQbbq,
2609
- .Button-module__hop-Button__end-icon-list___vL1sd {
2605
+ .Button-module__hop-Button__end-icon___05XHV,
2606
+ .Button-module__hop-Button__end-icon-list___t5TiC {
2610
2607
  flex: 0 0 auto;
2611
2608
  order: 3;
2612
2609
  }
2613
- .Button-module__hop-Button___jIok0 .Button-module__hop-Button__icon-list___0WU-F,
2614
- .Button-module__hop-Button___jIok0 .Button-module__hop-Button__end-icon-list___vL1sd {
2610
+ .Button-module__hop-Button___g0bsX .Button-module__hop-Button__icon-list___ufYMi,
2611
+ .Button-module__hop-Button___g0bsX .Button-module__hop-Button__end-icon-list___t5TiC {
2615
2612
  flex-wrap: nowrap;
2616
2613
  }
2617
- .Button-module__hop-Button___jIok0[data-pending] > *:not(.Button-module__hop-Button__Spinner___2tcd1) {
2614
+ .Button-module__hop-Button___g0bsX[data-pending] > *:not(.Button-module__hop-Button__Spinner___3NSsM) {
2618
2615
  opacity: 0;
2619
2616
  }
2620
2617
 
2621
2618
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
2622
- .ButtonGroup-module__hop-ButtonGroup___aTym2 {
2619
+ .ButtonGroup-module__hop-ButtonGroup___qZZvz {
2623
2620
  display: inline-flex;
2624
2621
  flex-wrap: nowrap;
2625
2622
  gap: var(--hop-space-inline-md);
2626
2623
  }
2627
- .ButtonGroup-module__hop-ButtonGroup--horizontal___dO2j- {
2624
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___BqExP {
2628
2625
  align-items: center;
2629
2626
  }
2630
- .ButtonGroup-module__hop-ButtonGroup--vertical___Gws3W {
2627
+ .ButtonGroup-module__hop-ButtonGroup--vertical___Y1h0w {
2631
2628
  flex-direction: column;
2632
2629
  gap: var(--hop-space-stack-md);
2633
2630
  justify-content: center;
2634
2631
  }
2635
- .ButtonGroup-module__hop-ButtonGroup--start___3tHju.ButtonGroup-module__hop-ButtonGroup--vertical___Gws3W {
2632
+ .ButtonGroup-module__hop-ButtonGroup--start___4uIzc.ButtonGroup-module__hop-ButtonGroup--vertical___Y1h0w {
2636
2633
  align-items: flex-start;
2637
2634
  }
2638
- .ButtonGroup-module__hop-ButtonGroup--center___a9NNh.ButtonGroup-module__hop-ButtonGroup--vertical___Gws3W {
2635
+ .ButtonGroup-module__hop-ButtonGroup--center___QMUIS.ButtonGroup-module__hop-ButtonGroup--vertical___Y1h0w {
2639
2636
  align-items: center;
2640
2637
  }
2641
- .ButtonGroup-module__hop-ButtonGroup--end___aEy7V.ButtonGroup-module__hop-ButtonGroup--vertical___Gws3W {
2638
+ .ButtonGroup-module__hop-ButtonGroup--end___0X0T1.ButtonGroup-module__hop-ButtonGroup--vertical___Y1h0w {
2642
2639
  align-items: flex-end;
2643
2640
  }
2644
- .ButtonGroup-module__hop-ButtonGroup--start___3tHju.ButtonGroup-module__hop-ButtonGroup--horizontal___dO2j- {
2641
+ .ButtonGroup-module__hop-ButtonGroup--start___4uIzc.ButtonGroup-module__hop-ButtonGroup--horizontal___BqExP {
2645
2642
  justify-content: flex-start;
2646
2643
  }
2647
- .ButtonGroup-module__hop-ButtonGroup--center___a9NNh.ButtonGroup-module__hop-ButtonGroup--horizontal___dO2j- {
2644
+ .ButtonGroup-module__hop-ButtonGroup--center___QMUIS.ButtonGroup-module__hop-ButtonGroup--horizontal___BqExP {
2648
2645
  justify-content: center;
2649
2646
  }
2650
- .ButtonGroup-module__hop-ButtonGroup--end___aEy7V.ButtonGroup-module__hop-ButtonGroup--horizontal___dO2j- {
2647
+ .ButtonGroup-module__hop-ButtonGroup--end___0X0T1.ButtonGroup-module__hop-ButtonGroup--horizontal___BqExP {
2651
2648
  justify-content: flex-end;
2652
2649
  }
2653
- .ButtonGroup-module__hop-ButtonGroup--wrap___aVU7A {
2650
+ .ButtonGroup-module__hop-ButtonGroup--wrap___oVOWS {
2654
2651
  flex-wrap: wrap;
2655
2652
  }
2656
- .ButtonGroup-module__hop-ButtonGroup--fluid___ZYKMg {
2653
+ .ButtonGroup-module__hop-ButtonGroup--fluid___c11bZ {
2657
2654
  inline-size: 100%;
2658
2655
  }
2659
2656
 
2660
2657
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
2661
- .EmbeddedButton-module__hop-EmbeddedButton___Nq4aC {
2658
+ .EmbeddedButton-module__hop-EmbeddedButton___xmpEU {
2662
2659
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
2663
2660
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
2664
2661
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -2822,7 +2819,7 @@
2822
2819
  outline: none;
2823
2820
  transition: color var(--transition);
2824
2821
  }
2825
- .EmbeddedButton-module__hop-EmbeddedButton___Nq4aC::before {
2822
+ .EmbeddedButton-module__hop-EmbeddedButton___xmpEU::before {
2826
2823
  content: "";
2827
2824
  position: absolute;
2828
2825
  inset-block-start: 50%;
@@ -2835,284 +2832,284 @@
2835
2832
  border-radius: var(--effect-border-radius);
2836
2833
  transition: background-color var(--transition);
2837
2834
  }
2838
- .EmbeddedButton-module__hop-EmbeddedButton___Nq4aC[data-square] {
2835
+ .EmbeddedButton-module__hop-EmbeddedButton___xmpEU[data-square] {
2839
2836
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
2840
2837
  }
2841
- .EmbeddedButton-module__hop-EmbeddedButton--md___B8qYc {
2838
+ .EmbeddedButton-module__hop-EmbeddedButton--md___8D9OF {
2842
2839
  --inline-size: var(--hop-EmbeddedButton-md-width);
2843
2840
  --block-size: var(--hop-EmbeddedButton-md-height);
2844
2841
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
2845
2842
  }
2846
- .EmbeddedButton-module__hop-EmbeddedButton--lg___VE62M {
2843
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___Fonmy {
2847
2844
  --inline-size: var(--hop-EmbeddedButton-lg-width);
2848
2845
  --block-size: var(--hop-EmbeddedButton-lg-height);
2849
2846
  --focus-ring-offset: 0;
2850
2847
  }
2851
- .EmbeddedButton-module__hop-EmbeddedButton--md___B8qYc::before {
2848
+ .EmbeddedButton-module__hop-EmbeddedButton--md___8D9OF::before {
2852
2849
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
2853
2850
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
2854
2851
  }
2855
- .EmbeddedButton-module__hop-EmbeddedButton--lg___VE62M::before {
2852
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___Fonmy::before {
2856
2853
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
2857
2854
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
2858
2855
  }
2859
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___OyGIM {
2856
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___b6ANF {
2860
2857
  --color: var(--hop-EmbeddedButton-neutral-color);
2861
2858
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
2862
2859
  }
2863
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___9iqIj {
2860
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___I4m06 {
2864
2861
  --color: var(--hop-EmbeddedButton-subdued-color);
2865
2862
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
2866
2863
  }
2867
- .EmbeddedButton-module__hop-EmbeddedButton--progress___1tWa- {
2864
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___HwECy {
2868
2865
  --color: var(--hop-EmbeddedButton-progress-color);
2869
2866
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
2870
2867
  }
2871
- .EmbeddedButton-module__hop-EmbeddedButton--positive___LI7AU {
2868
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___MxglL {
2872
2869
  --color: var(--hop-EmbeddedButton-positive-color);
2873
2870
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
2874
2871
  }
2875
- .EmbeddedButton-module__hop-EmbeddedButton--caution___9DDqL {
2872
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___kztV4 {
2876
2873
  --color: var(--hop-EmbeddedButton-caution-color);
2877
2874
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
2878
2875
  }
2879
- .EmbeddedButton-module__hop-EmbeddedButton--negative___CXj3X {
2876
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___09JwR {
2880
2877
  --color: var(--hop-EmbeddedButton-negative-color);
2881
2878
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
2882
2879
  }
2883
- .EmbeddedButton-module__hop-EmbeddedButton--option1___-jCX9 {
2880
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___Wpfvw {
2884
2881
  --color: var(--hop-EmbeddedButton-option1-color);
2885
2882
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
2886
2883
  }
2887
- .EmbeddedButton-module__hop-EmbeddedButton--option2___rHHlc {
2884
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___Sf66e {
2888
2885
  --color: var(--hop-EmbeddedButton-option2-color);
2889
2886
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
2890
2887
  }
2891
- .EmbeddedButton-module__hop-EmbeddedButton--option3___N-AKW {
2888
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___6LcW4 {
2892
2889
  --color: var(--hop-EmbeddedButton-option3-color);
2893
2890
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
2894
2891
  }
2895
- .EmbeddedButton-module__hop-EmbeddedButton--option4___DY7SM {
2892
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___us6jw {
2896
2893
  --color: var(--hop-EmbeddedButton-option4-color);
2897
2894
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
2898
2895
  }
2899
- .EmbeddedButton-module__hop-EmbeddedButton--option5___H9Zig {
2896
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___AMUi6 {
2900
2897
  --color: var(--hop-EmbeddedButton-option5-color);
2901
2898
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
2902
2899
  }
2903
- .EmbeddedButton-module__hop-EmbeddedButton--option6___tMzz9 {
2900
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___9z2Y0 {
2904
2901
  --color: var(--hop-EmbeddedButton-option6-color);
2905
2902
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
2906
2903
  }
2907
- .EmbeddedButton-module__hop-EmbeddedButton___Nq4aC[data-selected] {
2904
+ .EmbeddedButton-module__hop-EmbeddedButton___xmpEU[data-selected] {
2908
2905
  --color: var(--hop-EmbeddedButton-selected-color);
2909
2906
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
2910
2907
  }
2911
- .EmbeddedButton-module__hop-EmbeddedButton___Nq4aC[data-focus-visible] {
2908
+ .EmbeddedButton-module__hop-EmbeddedButton___xmpEU[data-focus-visible] {
2912
2909
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
2913
2910
  outline-offset: var(--focus-ring-offset);
2914
2911
  }
2915
- .EmbeddedButton-module__hop-EmbeddedButton___Nq4aC[data-disabled] {
2912
+ .EmbeddedButton-module__hop-EmbeddedButton___xmpEU[data-disabled] {
2916
2913
  cursor: not-allowed;
2917
2914
  }
2918
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___OyGIM[data-hovered] {
2915
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___b6ANF[data-hovered] {
2919
2916
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
2920
2917
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
2921
2918
  }
2922
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___OyGIM[data-focus-visible] {
2919
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___b6ANF[data-focus-visible] {
2923
2920
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
2924
2921
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
2925
2922
  }
2926
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___OyGIM[data-pressed] {
2923
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___b6ANF[data-pressed] {
2927
2924
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
2928
2925
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
2929
2926
  }
2930
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___OyGIM[data-disabled] {
2927
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___b6ANF[data-disabled] {
2931
2928
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
2932
2929
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
2933
2930
  }
2934
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___9iqIj[data-hovered] {
2931
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___I4m06[data-hovered] {
2935
2932
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
2936
2933
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
2937
2934
  }
2938
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___9iqIj[data-focus-visible] {
2935
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___I4m06[data-focus-visible] {
2939
2936
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
2940
2937
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
2941
2938
  }
2942
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___9iqIj[data-pressed] {
2939
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___I4m06[data-pressed] {
2943
2940
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
2944
2941
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
2945
2942
  }
2946
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___9iqIj[data-disabled] {
2943
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___I4m06[data-disabled] {
2947
2944
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
2948
2945
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
2949
2946
  }
2950
- .EmbeddedButton-module__hop-EmbeddedButton--progress___1tWa-[data-hovered] {
2947
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___HwECy[data-hovered] {
2951
2948
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
2952
2949
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
2953
2950
  }
2954
- .EmbeddedButton-module__hop-EmbeddedButton--progress___1tWa-[data-focus-visible] {
2951
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___HwECy[data-focus-visible] {
2955
2952
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
2956
2953
  --color: var(--hop-EmbeddedButton-progress-color-focused);
2957
2954
  }
2958
- .EmbeddedButton-module__hop-EmbeddedButton--progress___1tWa-[data-pressed] {
2955
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___HwECy[data-pressed] {
2959
2956
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
2960
2957
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
2961
2958
  }
2962
- .EmbeddedButton-module__hop-EmbeddedButton--progress___1tWa-[data-disabled] {
2959
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___HwECy[data-disabled] {
2963
2960
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
2964
2961
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
2965
2962
  }
2966
- .EmbeddedButton-module__hop-EmbeddedButton--positive___LI7AU[data-hovered] {
2963
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___MxglL[data-hovered] {
2967
2964
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
2968
2965
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
2969
2966
  }
2970
- .EmbeddedButton-module__hop-EmbeddedButton--positive___LI7AU[data-focus-visible] {
2967
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___MxglL[data-focus-visible] {
2971
2968
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
2972
2969
  --color: var(--hop-EmbeddedButton-positive-color-focused);
2973
2970
  }
2974
- .EmbeddedButton-module__hop-EmbeddedButton--positive___LI7AU[data-pressed] {
2971
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___MxglL[data-pressed] {
2975
2972
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
2976
2973
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
2977
2974
  }
2978
- .EmbeddedButton-module__hop-EmbeddedButton--positive___LI7AU[data-disabled] {
2975
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___MxglL[data-disabled] {
2979
2976
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
2980
2977
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
2981
2978
  }
2982
- .EmbeddedButton-module__hop-EmbeddedButton--caution___9DDqL[data-hovered] {
2979
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___kztV4[data-hovered] {
2983
2980
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
2984
2981
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
2985
2982
  }
2986
- .EmbeddedButton-module__hop-EmbeddedButton--caution___9DDqL[data-focus-visible] {
2983
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___kztV4[data-focus-visible] {
2987
2984
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
2988
2985
  --color: var(--hop-EmbeddedButton-caution-color-focused);
2989
2986
  }
2990
- .EmbeddedButton-module__hop-EmbeddedButton--caution___9DDqL[data-pressed] {
2987
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___kztV4[data-pressed] {
2991
2988
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
2992
2989
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
2993
2990
  }
2994
- .EmbeddedButton-module__hop-EmbeddedButton--caution___9DDqL[data-disabled] {
2991
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___kztV4[data-disabled] {
2995
2992
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
2996
2993
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
2997
2994
  }
2998
- .EmbeddedButton-module__hop-EmbeddedButton--negative___CXj3X[data-hovered] {
2995
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___09JwR[data-hovered] {
2999
2996
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
3000
2997
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
3001
2998
  }
3002
- .EmbeddedButton-module__hop-EmbeddedButton--negative___CXj3X[data-focus-visible] {
2999
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___09JwR[data-focus-visible] {
3003
3000
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
3004
3001
  --color: var(--hop-EmbeddedButton-negative-color-focused);
3005
3002
  }
3006
- .EmbeddedButton-module__hop-EmbeddedButton--negative___CXj3X[data-pressed] {
3003
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___09JwR[data-pressed] {
3007
3004
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
3008
3005
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
3009
3006
  }
3010
- .EmbeddedButton-module__hop-EmbeddedButton--negative___CXj3X[data-disabled] {
3007
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___09JwR[data-disabled] {
3011
3008
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
3012
3009
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
3013
3010
  }
3014
- .EmbeddedButton-module__hop-EmbeddedButton--option1___-jCX9[data-hovered] {
3011
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___Wpfvw[data-hovered] {
3015
3012
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
3016
3013
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
3017
3014
  }
3018
- .EmbeddedButton-module__hop-EmbeddedButton--option1___-jCX9[data-focus-visible] {
3015
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___Wpfvw[data-focus-visible] {
3019
3016
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
3020
3017
  --color: var(--hop-EmbeddedButton-option1-color-focused);
3021
3018
  }
3022
- .EmbeddedButton-module__hop-EmbeddedButton--option1___-jCX9[data-pressed] {
3019
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___Wpfvw[data-pressed] {
3023
3020
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
3024
3021
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
3025
3022
  }
3026
- .EmbeddedButton-module__hop-EmbeddedButton--option1___-jCX9[data-disabled] {
3023
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___Wpfvw[data-disabled] {
3027
3024
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
3028
3025
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
3029
3026
  }
3030
- .EmbeddedButton-module__hop-EmbeddedButton--option2___rHHlc[data-hovered] {
3027
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___Sf66e[data-hovered] {
3031
3028
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
3032
3029
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
3033
3030
  }
3034
- .EmbeddedButton-module__hop-EmbeddedButton--option2___rHHlc[data-focus-visible] {
3031
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___Sf66e[data-focus-visible] {
3035
3032
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
3036
3033
  --color: var(--hop-EmbeddedButton-option2-color-focused);
3037
3034
  }
3038
- .EmbeddedButton-module__hop-EmbeddedButton--option2___rHHlc[data-pressed] {
3035
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___Sf66e[data-pressed] {
3039
3036
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
3040
3037
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
3041
3038
  }
3042
- .EmbeddedButton-module__hop-EmbeddedButton--option2___rHHlc[data-disabled] {
3039
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___Sf66e[data-disabled] {
3043
3040
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
3044
3041
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
3045
3042
  }
3046
- .EmbeddedButton-module__hop-EmbeddedButton--option3___N-AKW[data-hovered] {
3043
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___6LcW4[data-hovered] {
3047
3044
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
3048
3045
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
3049
3046
  }
3050
- .EmbeddedButton-module__hop-EmbeddedButton--option3___N-AKW[data-focus-visible] {
3047
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___6LcW4[data-focus-visible] {
3051
3048
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
3052
3049
  --color: var(--hop-EmbeddedButton-option3-color-focused);
3053
3050
  }
3054
- .EmbeddedButton-module__hop-EmbeddedButton--option3___N-AKW[data-pressed] {
3051
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___6LcW4[data-pressed] {
3055
3052
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
3056
3053
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
3057
3054
  }
3058
- .EmbeddedButton-module__hop-EmbeddedButton--option3___N-AKW[data-disabled] {
3055
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___6LcW4[data-disabled] {
3059
3056
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
3060
3057
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
3061
3058
  }
3062
- .EmbeddedButton-module__hop-EmbeddedButton--option4___DY7SM[data-hovered] {
3059
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___us6jw[data-hovered] {
3063
3060
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
3064
3061
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
3065
3062
  }
3066
- .EmbeddedButton-module__hop-EmbeddedButton--option4___DY7SM[data-focus-visible] {
3063
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___us6jw[data-focus-visible] {
3067
3064
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
3068
3065
  --color: var(--hop-EmbeddedButton-option4-color-focused);
3069
3066
  }
3070
- .EmbeddedButton-module__hop-EmbeddedButton--option4___DY7SM[data-pressed] {
3067
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___us6jw[data-pressed] {
3071
3068
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
3072
3069
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
3073
3070
  }
3074
- .EmbeddedButton-module__hop-EmbeddedButton--option4___DY7SM[data-disabled] {
3071
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___us6jw[data-disabled] {
3075
3072
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
3076
3073
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
3077
3074
  }
3078
- .EmbeddedButton-module__hop-EmbeddedButton--option5___H9Zig[data-hovered] {
3075
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___AMUi6[data-hovered] {
3079
3076
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
3080
3077
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
3081
3078
  }
3082
- .EmbeddedButton-module__hop-EmbeddedButton--option5___H9Zig[data-focus-visible] {
3079
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___AMUi6[data-focus-visible] {
3083
3080
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
3084
3081
  --color: var(--hop-EmbeddedButton-option5-color-focused);
3085
3082
  }
3086
- .EmbeddedButton-module__hop-EmbeddedButton--option5___H9Zig[data-pressed] {
3083
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___AMUi6[data-pressed] {
3087
3084
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
3088
3085
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
3089
3086
  }
3090
- .EmbeddedButton-module__hop-EmbeddedButton--option5___H9Zig[data-disabled] {
3087
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___AMUi6[data-disabled] {
3091
3088
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
3092
3089
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
3093
3090
  }
3094
- .EmbeddedButton-module__hop-EmbeddedButton--option6___tMzz9[data-hovered] {
3091
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___9z2Y0[data-hovered] {
3095
3092
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
3096
3093
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
3097
3094
  }
3098
- .EmbeddedButton-module__hop-EmbeddedButton--option6___tMzz9[data-focus-visible] {
3095
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___9z2Y0[data-focus-visible] {
3099
3096
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
3100
3097
  --color: var(--hop-EmbeddedButton-option6-color-focused);
3101
3098
  }
3102
- .EmbeddedButton-module__hop-EmbeddedButton--option6___tMzz9[data-pressed] {
3099
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___9z2Y0[data-pressed] {
3103
3100
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
3104
3101
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
3105
3102
  }
3106
- .EmbeddedButton-module__hop-EmbeddedButton--option6___tMzz9[data-disabled] {
3103
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___9z2Y0[data-disabled] {
3107
3104
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
3108
3105
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
3109
3106
  }
3110
- .EmbeddedButton-module__hop-EmbeddedButton__icon___BIN28 {
3107
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___zDq1L {
3111
3108
  position: relative;
3112
3109
  }
3113
3110
 
3114
3111
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/LinkButton.module.css/#css-module-data */
3115
- .Button-module__hop-Button___jIok0 {
3112
+ .Button-module__hop-Button___g0bsX {
3116
3113
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
3117
3114
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
3118
3115
  --hop-Button-column-gap: var(--hop-space-inline-xs);
@@ -3236,215 +3233,215 @@
3236
3233
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
3237
3234
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
3238
3235
  }
3239
- .Button-module__hop-Button--fluid___3hPMs {
3236
+ .Button-module__hop-Button--fluid___U1pC7 {
3240
3237
  --inline-size: 100%;
3241
3238
  }
3242
- .Button-module__hop-Button--sm___H3RDg {
3239
+ .Button-module__hop-Button--sm___JkRfc {
3243
3240
  --block-size: var(--hop-Button-sm-height);
3244
3241
  --padding: var(--hop-Button-sm-padding);
3245
3242
  }
3246
- .Button-module__hop-Button--sm___H3RDg[class*=--ghost] {
3243
+ .Button-module__hop-Button--sm___JkRfc[class*=--ghost] {
3247
3244
  --padding: var(--hop-Button-ghost-sm-padding);
3248
3245
  }
3249
- .Button-module__hop-Button--md___kbzCK[class*=--ghost] {
3246
+ .Button-module__hop-Button--md___UW7nU[class*=--ghost] {
3250
3247
  --padding: var(--hop-Button-ghost-md-padding);
3251
3248
  }
3252
- .Button-module__hop-Button--icon-only___GoXzR {
3249
+ .Button-module__hop-Button--icon-only___9-rM- {
3253
3250
  --column-gap: var(--hop-Button-icon-only-column-gap);
3254
3251
  --padding: var(--hop-Button-icon-only-padding);
3255
3252
  aspect-ratio: 1;
3256
3253
  }
3257
- .Button-module__hop-Button--primary___vgEZd {
3254
+ .Button-module__hop-Button--primary___3Jpwh {
3258
3255
  --background-color: var(--hop-Button-primary-background-color);
3259
3256
  --color: var(--hop-Button-primary-color);
3260
3257
  --border: var(--hop-Button-primary-border);
3261
3258
  --spinner-color: var(--hop-Button-primary-spinner-color);
3262
3259
  }
3263
- .Button-module__hop-Button--primary___vgEZd[data-hovered],
3264
- .Button-module__hop-Button--primary___vgEZd[data-focus-visible] {
3260
+ .Button-module__hop-Button--primary___3Jpwh[data-hovered],
3261
+ .Button-module__hop-Button--primary___3Jpwh[data-focus-visible] {
3265
3262
  --background-color: var(--hop-Button-primary-background-color-hover);
3266
3263
  --color: var(--hop-Button-primary-color-hover);
3267
3264
  --border: var(--hop-Button-primary-border-hover);
3268
3265
  }
3269
- .Button-module__hop-Button--primary___vgEZd[data-pressed] {
3266
+ .Button-module__hop-Button--primary___3Jpwh[data-pressed] {
3270
3267
  --background-color: var(--hop-Button-primary-background-color-pressed);
3271
3268
  --color: var(--hop-Button-primary-color-pressed);
3272
3269
  --border: var(--hop-Button-primary-border-pressed);
3273
3270
  }
3274
- .Button-module__hop-Button--secondary___4ojx0 {
3271
+ .Button-module__hop-Button--secondary___NU-Ve {
3275
3272
  --background-color: var(--hop-Button-secondary-background-color);
3276
3273
  --color: var(--hop-Button-secondary-color);
3277
3274
  --border: var(--hop-Button-secondary-border);
3278
3275
  --spinner-color: var(--hop-Button-secondary-spinner-color);
3279
3276
  }
3280
- .Button-module__hop-Button--secondary___4ojx0[data-hovered],
3281
- .Button-module__hop-Button--secondary___4ojx0[data-focus-visible] {
3277
+ .Button-module__hop-Button--secondary___NU-Ve[data-hovered],
3278
+ .Button-module__hop-Button--secondary___NU-Ve[data-focus-visible] {
3282
3279
  --background-color: var(--hop-Button-secondary-background-color-hover);
3283
3280
  --color: var(--hop-Button-secondary-color-hover);
3284
3281
  --border: var(--hop-Button-secondary-border-hover);
3285
3282
  }
3286
- .Button-module__hop-Button--secondary___4ojx0[data-pressed] {
3283
+ .Button-module__hop-Button--secondary___NU-Ve[data-pressed] {
3287
3284
  --background-color: var(--hop-Button-secondary-background-color-pressed);
3288
3285
  --color: var(--hop-Button-secondary-color-pressed);
3289
3286
  --border: var(--hop-Button-secondary-border-pressed);
3290
3287
  }
3291
- .Button-module__hop-Button--upsell___c51Bt {
3288
+ .Button-module__hop-Button--upsell___Zjxjx {
3292
3289
  --background-color: var(--hop-Button-upsell-background-color);
3293
3290
  --color: var(--hop-Button-upsell-color);
3294
3291
  --border: var(--hop-Button-upsell-border);
3295
3292
  --spinner-color: var(--hop-Button-upsell-spinner-color);
3296
3293
  }
3297
- .Button-module__hop-Button--upsell___c51Bt[data-hovered],
3298
- .Button-module__hop-Button--upsell___c51Bt[data-focus-visible] {
3294
+ .Button-module__hop-Button--upsell___Zjxjx[data-hovered],
3295
+ .Button-module__hop-Button--upsell___Zjxjx[data-focus-visible] {
3299
3296
  --background-color: var(--hop-Button-upsell-background-color-hover);
3300
3297
  --color: var(--hop-Button-upsell-color-hover);
3301
3298
  --border: var(--hop-Button-upsell-border-hover);
3302
3299
  }
3303
- .Button-module__hop-Button--upsell___c51Bt[data-pressed] {
3300
+ .Button-module__hop-Button--upsell___Zjxjx[data-pressed] {
3304
3301
  --background-color: var(--hop-Button-upsell-background-color-pressed);
3305
3302
  --color: var(--hop-Button-upsell-color-pressed);
3306
3303
  --border: var(--hop-Button-upsell-border-pressed);
3307
3304
  }
3308
- .Button-module__hop-Button--danger___UOWQg {
3305
+ .Button-module__hop-Button--danger___MoOv- {
3309
3306
  --background-color: var(--hop-Button-danger-background-color);
3310
3307
  --color: var(--hop-Button-danger-color);
3311
3308
  --border: var(--hop-Button-danger-border);
3312
3309
  --spinner-color: var(--hop-Button-danger-spinner-color);
3313
3310
  }
3314
- .Button-module__hop-Button--danger___UOWQg[data-hovered],
3315
- .Button-module__hop-Button--danger___UOWQg[data-focus-visible] {
3311
+ .Button-module__hop-Button--danger___MoOv-[data-hovered],
3312
+ .Button-module__hop-Button--danger___MoOv-[data-focus-visible] {
3316
3313
  --background-color: var(--hop-Button-danger-background-color-hover);
3317
3314
  --color: var(--hop-Button-danger-color-hover);
3318
3315
  --border: var(--hop-Button-danger-border-hover);
3319
3316
  }
3320
- .Button-module__hop-Button--danger___UOWQg[data-pressed] {
3317
+ .Button-module__hop-Button--danger___MoOv-[data-pressed] {
3321
3318
  --background-color: var(--hop-Button-danger-background-color-pressed);
3322
3319
  --color: var(--hop-Button-danger-color-pressed);
3323
3320
  --border: var(--hop-Button-danger-border-pressed);
3324
3321
  }
3325
- .Button-module__hop-Button--ghost-primary___y4YEd {
3322
+ .Button-module__hop-Button--ghost-primary___WC15g {
3326
3323
  --background-color: var(--hop-Button-ghost-primary-background-color);
3327
3324
  --color: var(--hop-Button-ghost-primary-color);
3328
3325
  --border: var(--hop-Button-ghost-primary-border);
3329
3326
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
3330
3327
  }
3331
- .Button-module__hop-Button--ghost-primary___y4YEd[data-hovered],
3332
- .Button-module__hop-Button--ghost-primary___y4YEd[data-focus-visible] {
3328
+ .Button-module__hop-Button--ghost-primary___WC15g[data-hovered],
3329
+ .Button-module__hop-Button--ghost-primary___WC15g[data-focus-visible] {
3333
3330
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
3334
3331
  --color: var(--hop-Button-ghost-primary-color-hover);
3335
3332
  --border: var(--hop-Button-ghost-primary-border-hover);
3336
3333
  --text-underline: underline;
3337
3334
  }
3338
- .Button-module__hop-Button--ghost-primary___y4YEd[data-pressed] {
3335
+ .Button-module__hop-Button--ghost-primary___WC15g[data-pressed] {
3339
3336
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
3340
3337
  --color: var(--hop-Button-ghost-primary-color-pressed);
3341
3338
  --border: var(--hop-Button-ghost-primary-border-pressed);
3342
3339
  --text-underline: underline;
3343
3340
  }
3344
- .Button-module__hop-Button--ghost-secondary___uvrka {
3341
+ .Button-module__hop-Button--ghost-secondary___kxQsj {
3345
3342
  --background-color: var(--hop-Button-ghost-secondary-background-color);
3346
3343
  --color: var(--hop-Button-ghost-secondary-color);
3347
3344
  --border: var(--hop-Button-ghost-secondary-border);
3348
3345
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
3349
3346
  }
3350
- .Button-module__hop-Button--ghost-secondary___uvrka[data-hovered],
3351
- .Button-module__hop-Button--ghost-secondary___uvrka[data-focus-visible] {
3347
+ .Button-module__hop-Button--ghost-secondary___kxQsj[data-hovered],
3348
+ .Button-module__hop-Button--ghost-secondary___kxQsj[data-focus-visible] {
3352
3349
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
3353
3350
  --color: var(--hop-Button-ghost-secondary-color-hover);
3354
3351
  --border: var(--hop-Button-ghost-secondary-border-hover);
3355
3352
  --text-underline: underline;
3356
3353
  }
3357
- .Button-module__hop-Button--ghost-secondary___uvrka[data-pressed] {
3354
+ .Button-module__hop-Button--ghost-secondary___kxQsj[data-pressed] {
3358
3355
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
3359
3356
  --color: var(--hop-Button-ghost-secondary-color-pressed);
3360
3357
  --border: var(--hop-Button-ghost-secondary-border-pressed);
3361
3358
  --text-underline: underline;
3362
3359
  }
3363
- .Button-module__hop-Button--ghost-danger___bjJPS {
3360
+ .Button-module__hop-Button--ghost-danger___kblVO {
3364
3361
  --background-color: var(--hop-Button-ghost-danger-background-color);
3365
3362
  --color: var(--hop-Button-ghost-danger-color);
3366
3363
  --border: var(--hop-Button-ghost-danger-border);
3367
3364
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
3368
3365
  }
3369
- .Button-module__hop-Button--ghost-danger___bjJPS[data-hovered],
3370
- .Button-module__hop-Button--ghost-danger___bjJPS[data-focus-visible] {
3366
+ .Button-module__hop-Button--ghost-danger___kblVO[data-hovered],
3367
+ .Button-module__hop-Button--ghost-danger___kblVO[data-focus-visible] {
3371
3368
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
3372
3369
  --color: var(--hop-Button-ghost-danger-color-hover);
3373
3370
  --border: var(--hop-Button-ghost-danger-border-hover);
3374
3371
  --text-underline: underline;
3375
3372
  }
3376
- .Button-module__hop-Button--ghost-danger___bjJPS[data-pressed] {
3373
+ .Button-module__hop-Button--ghost-danger___kblVO[data-pressed] {
3377
3374
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
3378
3375
  --color: var(--hop-Button-ghost-danger-color-pressed);
3379
3376
  --border: var(--hop-Button-ghost-danger-border-pressed);
3380
3377
  --text-underline: underline;
3381
3378
  }
3382
- .Button-module__hop-Button___jIok0[data-focus-visible] {
3379
+ .Button-module__hop-Button___g0bsX[data-focus-visible] {
3383
3380
  outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
3384
3381
  }
3385
- .Button-module__hop-Button___jIok0[data-disabled],
3386
- .Button-module__hop-Button___jIok0[data-pending] {
3382
+ .Button-module__hop-Button___g0bsX[data-disabled],
3383
+ .Button-module__hop-Button___g0bsX[data-pending] {
3387
3384
  cursor: not-allowed;
3388
3385
  }
3389
- .Button-module__hop-Button___jIok0[data-disabled] {
3386
+ .Button-module__hop-Button___g0bsX[data-disabled] {
3390
3387
  --background-color: var(--hop-Button-background-color-disabled);
3391
3388
  --color: var(--hop-Button-color-disabled);
3392
3389
  --border: var(--hop-Button-border-disabled);
3393
3390
  }
3394
- .Button-module__hop-Button___jIok0[class*=--ghost][data-disabled] {
3391
+ .Button-module__hop-Button___g0bsX[class*=--ghost][data-disabled] {
3395
3392
  --background-color: var(--hop-Button-ghost-background-color-disabled);
3396
3393
  --color: var(--hop-Button-ghost-color-disabled);
3397
3394
  --border: var(--hop-Button-ghost-border-disabled);
3398
3395
  }
3399
- .Button-module__hop-Button--primary___vgEZd[data-pending] {
3396
+ .Button-module__hop-Button--primary___3Jpwh[data-pending] {
3400
3397
  --background-color: var(--hop-Button-primary-background-color);
3401
3398
  --color: var(--hop-Button-primary-color);
3402
3399
  --border: var(--hop-Button-primary-border);
3403
3400
  }
3404
- .Button-module__hop-Button--secondary___4ojx0[data-pending] {
3401
+ .Button-module__hop-Button--secondary___NU-Ve[data-pending] {
3405
3402
  --background-color: var(--hop-Button-secondary-background-color);
3406
3403
  --color: var(--hop-Button-secondary-color);
3407
3404
  --border: var(--hop-Button-secondary-border);
3408
3405
  }
3409
- .Button-module__hop-Button--upsell___c51Bt[data-pending] {
3406
+ .Button-module__hop-Button--upsell___Zjxjx[data-pending] {
3410
3407
  --background-color: var(--hop-Button-upsell-background-color);
3411
3408
  --color: var(--hop-Button-upsell-color);
3412
3409
  --border: var(--hop-Button-upsell-border);
3413
3410
  }
3414
- .Button-module__hop-Button--danger___UOWQg[data-pending] {
3411
+ .Button-module__hop-Button--danger___MoOv-[data-pending] {
3415
3412
  --background-color: var(--hop-Button-danger-background-color);
3416
3413
  --color: var(--hop-Button-danger-color);
3417
3414
  --border: var(--hop-Button-danger-border);
3418
3415
  }
3419
- .Button-module__hop-Button--ghost-primary___y4YEd[data-pending] {
3416
+ .Button-module__hop-Button--ghost-primary___WC15g[data-pending] {
3420
3417
  --background-color: var(--hop-Button-ghost-primary-background-color);
3421
3418
  --color: var(--hop-Button-ghost-primary-color);
3422
3419
  --border: var(--hop-Button-ghost-primary-border);
3423
3420
  --text-underline: none;
3424
3421
  }
3425
- .Button-module__hop-Button--ghost-secondary___uvrka[data-pending] {
3422
+ .Button-module__hop-Button--ghost-secondary___kxQsj[data-pending] {
3426
3423
  --background-color: var(--hop-Button-ghost-secondary-background-color);
3427
3424
  --color: var(--hop-Button-ghost-secondary-color);
3428
3425
  --border: var(--hop-Button-ghost-secondary-border);
3429
3426
  --text-underline: none;
3430
3427
  }
3431
- .Button-module__hop-Button--ghost-danger___bjJPS[data-pending] {
3428
+ .Button-module__hop-Button--ghost-danger___kblVO[data-pending] {
3432
3429
  --background-color: var(--hop-Button-ghost-danger-background-color);
3433
3430
  --color: var(--hop-Button-ghost-danger-color);
3434
3431
  --border: var(--hop-Button-ghost-danger-border);
3435
3432
  --text-underline: none;
3436
3433
  }
3437
- .Button-module__hop-Button__Spinner___2tcd1 {
3434
+ .Button-module__hop-Button__Spinner___3NSsM {
3438
3435
  position: absolute;
3439
3436
  color: var(--spinner-color);
3440
3437
  }
3441
- .Button-module__hop-Button__icon___CFah2,
3442
- .Button-module__hop-Button__icon-list___0WU-F {
3438
+ .Button-module__hop-Button__icon___znSPX,
3439
+ .Button-module__hop-Button__icon-list___ufYMi {
3443
3440
  flex: 0 0 auto;
3444
3441
  justify-self: end;
3445
3442
  order: 1;
3446
3443
  }
3447
- .Button-module__hop-Button__text___CsFXb {
3444
+ .Button-module__hop-Button__text___ud1xn {
3448
3445
  user-select: none;
3449
3446
  overflow: visible;
3450
3447
  flex: 0 1 auto;
@@ -3454,712 +3451,57 @@
3454
3451
  text-underline-offset: 0.125rem;
3455
3452
  text-wrap: nowrap;
3456
3453
  }
3457
- .Button-module__hop-Button__end-icon___VQbbq,
3458
- .Button-module__hop-Button__end-icon-list___vL1sd {
3454
+ .Button-module__hop-Button__end-icon___05XHV,
3455
+ .Button-module__hop-Button__end-icon-list___t5TiC {
3459
3456
  flex: 0 0 auto;
3460
3457
  order: 3;
3461
3458
  }
3462
- .Button-module__hop-Button___jIok0 .Button-module__hop-Button__icon-list___0WU-F,
3463
- .Button-module__hop-Button___jIok0 .Button-module__hop-Button__end-icon-list___vL1sd {
3459
+ .Button-module__hop-Button___g0bsX .Button-module__hop-Button__icon-list___ufYMi,
3460
+ .Button-module__hop-Button___g0bsX .Button-module__hop-Button__end-icon-list___t5TiC {
3464
3461
  flex-wrap: nowrap;
3465
3462
  }
3466
- .Button-module__hop-Button___jIok0[data-pending] > *:not(.Button-module__hop-Button__Spinner___2tcd1) {
3463
+ .Button-module__hop-Button___g0bsX[data-pending] > *:not(.Button-module__hop-Button__Spinner___3NSsM) {
3467
3464
  opacity: 0;
3468
3465
  }
3469
- .LinkButton-module__hop-LinkButton___Nj0Ez {
3466
+ .LinkButton-module__hop-LinkButton___SY9j8 {
3470
3467
  }
3471
- .LinkButton-module__hop-LinkButton--fluid___uwufw {
3468
+ .LinkButton-module__hop-LinkButton--fluid___lGULN {
3472
3469
  }
3473
- .LinkButton-module__hop-LinkButton--sm___huQBY {
3470
+ .LinkButton-module__hop-LinkButton--sm___Xlnqe {
3474
3471
  }
3475
- .LinkButton-module__hop-LinkButton--icon-only___zzlkw {
3472
+ .LinkButton-module__hop-LinkButton--icon-only___EWWG2 {
3476
3473
  }
3477
- .LinkButton-module__hop-LinkButton--primary___nMur6 {
3474
+ .LinkButton-module__hop-LinkButton--primary___WU7Bb {
3478
3475
  }
3479
- .LinkButton-module__hop-LinkButton--secondary___kDEB2 {
3476
+ .LinkButton-module__hop-LinkButton--secondary___LmSA3 {
3480
3477
  }
3481
- .LinkButton-module__hop-LinkButton--upsell___xtwhv {
3478
+ .LinkButton-module__hop-LinkButton--upsell___JLqUt {
3482
3479
  }
3483
- .LinkButton-module__hop-LinkButton--danger___69kyk {
3480
+ .LinkButton-module__hop-LinkButton--danger___WNOwr {
3484
3481
  }
3485
- .LinkButton-module__hop-LinkButton--ghost-primary___g4fE3 {
3482
+ .LinkButton-module__hop-LinkButton--ghost-primary___QBdt5 {
3486
3483
  }
3487
- .LinkButton-module__hop-LinkButton--ghost-secondary___8LJFE {
3484
+ .LinkButton-module__hop-LinkButton--ghost-secondary___wyw-O {
3488
3485
  }
3489
- .LinkButton-module__hop-LinkButton--ghost-danger___Y6Rmg {
3486
+ .LinkButton-module__hop-LinkButton--ghost-danger___w5RZy {
3490
3487
  }
3491
- .LinkButton-module__hop-LinkButton__Spinner___e2B0h {
3488
+ .LinkButton-module__hop-LinkButton__Spinner___F-sPd {
3492
3489
  }
3493
- .LinkButton-module__hop-LinkButton__icon___wtxIK,
3494
- .LinkButton-module__hop-LinkButton__icon-list___mZ05E {
3490
+ .LinkButton-module__hop-LinkButton__icon___59s41,
3491
+ .LinkButton-module__hop-LinkButton__icon-list___WDg68 {
3495
3492
  }
3496
- .LinkButton-module__hop-LinkButton__text___6LytT {
3493
+ .LinkButton-module__hop-LinkButton__text___pvp40 {
3497
3494
  }
3498
- .LinkButton-module__hop-LinkButton__end-icon___Km2yV,
3499
- .LinkButton-module__hop-LinkButton__end-icon-list___Vpapw {
3495
+ .LinkButton-module__hop-LinkButton__end-icon___mJ7Ap,
3496
+ .LinkButton-module__hop-LinkButton__end-icon-list___wnphx {
3500
3497
  }
3501
- .LinkButton-module__hop-LinkButton___Nj0Ez .LinkButton-module__hop-LinkButton__icon-list___mZ05E,
3502
- .LinkButton-module__hop-LinkButton___Nj0Ez .LinkButton-module__hop-LinkButton__end-icon-list___Vpapw {
3498
+ .LinkButton-module__hop-LinkButton___SY9j8 .LinkButton-module__hop-LinkButton__icon-list___WDg68,
3499
+ .LinkButton-module__hop-LinkButton___SY9j8 .LinkButton-module__hop-LinkButton__end-icon-list___wnphx {
3503
3500
  flex-wrap: nowrap;
3504
3501
  }
3505
3502
 
3506
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ComboBox/src/ComboBox.module.css/#css-module-data */
3507
- .ComboBox-module__hop-ComboBox___1N3kV {
3508
- --hop-ComboBox-row-gap: var(--hop-space-stack-xs);
3509
- --hop-ComboBox-inline-size: 20rem;
3510
- --hop-ComboBox-inline-size-fluid: 100%;
3511
- --hop-ComboBox-max-inline-size: 100%;
3512
- --hop-ComboBox-trigger-sm-block-size: 2rem;
3513
- --hop-ComboBox-trigger-md-block-size: 2.5rem;
3514
- --hop-ComboBox-trigger-background-color: var(--hop-neutral-surface);
3515
- --hop-ComboBox-trigger-border-color: var(--hop-neutral-border);
3516
- --hop-ComboBox-trigger-border-radius: var(--hop-shape-rounded-md);
3517
- --hop-ComboBox-trigger-border-size: var(--hop-space-10);
3518
- --hop-ComboBox-trigger-outline-offset: calc(-1 * var(--hop-space-20));
3519
- --hop-ComboBox-trigger-column-gap: var(--hop-space-inline-sm);
3520
- --hop-ComboBox-trigger-cursor: pointer;
3521
- --hop-ComboBox-trigger-color: var(--hop-neutral-text);
3522
- --hop-ComboBox-trigger-padding-inline-start: var(--hop-space-inset-md);
3523
- --hop-ComboBox-input-placeholder-color: var(--hop-neutral-text-weakest);
3524
- --hop-ComboBox-input-sm-font-family: var(--hop-body-sm-font-family);
3525
- --hop-ComboBox-input-sm-font-size: var(--hop-body-sm-font-size);
3526
- --hop-ComboBox-input-sm-font-weight: var(--hop-body-sm-font-weight);
3527
- --hop-ComboBox-input-sm-line-height: var(--hop-body-sm-line-height);
3528
- --hop-ComboBox-input-md-font-family: var(--hop-body-md-font-family);
3529
- --hop-ComboBox-input-md-font-size: var(--hop-body-md-font-size);
3530
- --hop-ComboBox-input-md-font-weight: var(--hop-body-md-font-weight);
3531
- --hop-ComboBox-input-md-line-height: var(--hop-body-md-line-height);
3532
- --hop-ComboBox-button-padding-inline: var(--hop-space-inset-md);
3533
- --hop-ComboBox-button-icon-color: var(--hop-neutral-icon-weak);
3534
- --hop-ComboBox-prefix-color: var(--hop-neutral-text-weak);
3535
- --hop-ComboBox-trigger-background-color-hovered: var(--hop-neutral-surface-hover);
3536
- --hop-ComboBox-trigger-border-color-hovered: var(--hop-neutral-border-hover);
3537
- --hop-ComboBox-trigger-color-hovered: var(--hop-neutral-text-hover);
3538
- --hop-ComboBox-button-icon-color-hovered: var(--hop-neutral-icon-hover);
3539
- --hop-ComboBox-trigger-background-color-focused: var(--hop-neutral-surface-hover);
3540
- --hop-ComboBox-trigger-border-color-focused: var(--hop-primary-border-focus);
3541
- --hop-ComboBox-trigger-color-focused: var(--hop-neutral-text-hover);
3542
- --hop-ComboBox-button-icon-color-focused: var(--hop-neutral-icon-hover);
3543
- --hop-ComboBox-trigger-outline-color-focused: var(--hop-primary-border-focus);
3544
- --hop-ComboBox-button-background-color-selected: var(--hop-neutral-surface);
3545
- --hop-ComboBox-button-border-color-selected: var(--hop-neutral-border-selected);
3546
- --hop-ComboBox-button-color-selected: var(--hop-neutral-text);
3547
- --hop-ComboBox-button-icon-color-selected: var(--hop-neutral-icon);
3548
- --hop-ComboBox-trigger-border-color-invalid: var(--hop-danger-border-strong);
3549
- --hop-ComboBox-trigger-background-color-disabled: var(--hop-neutral-surface-disabled);
3550
- --hop-ComboBox-trigger-border-color-disabled: var(--hop-neutral-border-disabled);
3551
- --hop-ComboBox-trigger-color-disabled: var(--hop-neutral-text-disabled);
3552
- --hop-ComboBox-button-icon-color-disabled: var(--hop-neutral-icon-disabled);
3553
- --hop-ComboBox-trigger-cursor-disabled: not-allowed;
3554
- --inline-size: var(--hop-ComboBox-inline-size);
3555
- --trigger-background-color: var(--hop-ComboBox-trigger-background-color);
3556
- --trigger-border-color: var(--hop-ComboBox-trigger-border-color);
3557
- --trigger-cursor: var(--hop-ComboBox-trigger-cursor);
3558
- --trigger-color: var(--hop-ComboBox-trigger-color);
3559
- --button-icon-color: var(--hop-ComboBox-button-icon-color);
3560
- --input-font-family: var(--hop-ComboBox-input-md-font-family);
3561
- --input-font-size: var(--hop-ComboBox-input-md-font-size);
3562
- --input-font-weight: var(--hop-ComboBox-input-md-font-weight);
3563
- --input-line-height: var(--hop-ComboBox-input-md-line-height);
3564
- display: flex;
3565
- flex-direction: column;
3566
- row-gap: var(--hop-ComboBox-row-gap);
3567
- box-sizing: border-box;
3568
- inline-size: var(--inline-size);
3569
- max-inline-size: var(--hop-ComboBox-max-inline-size);
3570
- }
3571
- .ComboBox-module__hop-ComboBox--fluid___-VgDZ {
3572
- --inline-size: var(--hop-ComboBox-inline-size-fluid);
3573
- }
3574
- .ComboBox-module__hop-ComboBox__label___NbAqN {
3575
- order: 1;
3576
- }
3577
- .ComboBox-module__hop-ComboBox__trigger___eYFje {
3578
- cursor: var(--trigger-cursor);
3579
- overflow: hidden;
3580
- display: flex;
3581
- column-gap: var(--hop-ComboBox-trigger-column-gap);
3582
- order: 2;
3583
- block-size: var(--trigger-block-size);
3584
- padding-inline-start: var(--hop-ComboBox-trigger-padding-inline-start);
3585
- color: var(--trigger-color);
3586
- background-color: var(--trigger-background-color);
3587
- border: var(--hop-ComboBox-trigger-border-size) solid var(--trigger-border-color);
3588
- border-radius: var(--hop-ComboBox-trigger-border-radius);
3589
- }
3590
- .ComboBox-module__hop-ComboBox__trigger--sm___93UuE {
3591
- --trigger-block-size: var(--hop-ComboBox-trigger-sm-block-size);
3592
- --input-font-family: var(--hop-ComboBox-input-sm-font-family);
3593
- --input-font-size: var(--hop-ComboBox-input-sm-font-size);
3594
- --input-font-weight: var(--hop-ComboBox-input-sm-font-weight);
3595
- --input-line-height: var(--hop-ComboBox-input-sm-line-height);
3596
- }
3597
- .ComboBox-module__hop-ComboBox__trigger--md___ylYrj {
3598
- --trigger-block-size: var(--hop-ComboBox-trigger-md-block-size);
3599
- }
3600
- .ComboBox-module__hop-ComboBox__trigger___eYFje[data-hovered] {
3601
- --trigger-background-color: var(--hop-ComboBox-trigger-background-color-hovered);
3602
- --trigger-border-color: var(--hop-ComboBox-trigger-border-color-hovered);
3603
- --trigger-color: var(--hop-ComboBox-trigger-color-hovered);
3604
- --button-icon-color: var(--hop-ComboBox-button-icon-color-hovered);
3605
- }
3606
- .ComboBox-module__hop-ComboBox__trigger___eYFje[data-selected] {
3607
- --trigger-background-color: var(--hop-ComboBox-button-background-color-selected);
3608
- --trigger-border-color: var(--hop-ComboBox-button-border-color-selected);
3609
- --trigger-color: var(--hop-ComboBox-button-color-selected);
3610
- --button-icon-color: var(--hop-ComboBox-button-icon-color-selected);
3611
- }
3612
- .ComboBox-module__hop-ComboBox__trigger___eYFje[data-invalid] {
3613
- --trigger-border-color: var(--hop-ComboBox-trigger-border-color-invalid);
3614
- }
3615
- .ComboBox-module__hop-ComboBox__trigger___eYFje[data-focus-visible] {
3616
- --trigger-background-color: var(--hop-ComboBox-trigger-background-color-focused);
3617
- --trigger-border-color: var(--hop-ComboBox-trigger-border-color-focused);
3618
- --trigger-color: var(--hop-ComboBox-trigger-color-focused);
3619
- --button-icon-color: var(--hop-ComboBox-button-icon-color-focused);
3620
- outline: var(--hop-ComboBox-trigger-border-size) solid var(--hop-ComboBox-trigger-outline-color-focused);
3621
- outline-offset: var(--hop-ComboBox-trigger-outline-offset);
3622
- }
3623
- .ComboBox-module__hop-ComboBox__trigger___eYFje[data-disabled] {
3624
- --trigger-background-color: var(--hop-ComboBox-trigger-background-color-disabled);
3625
- --trigger-border-color: var(--hop-ComboBox-trigger-border-color-disabled);
3626
- --trigger-color: var(--hop-ComboBox-trigger-color-disabled);
3627
- --button-icon-color: var(--hop-ComboBox-button-icon-color-disabled);
3628
- --trigger-cursor: var(--hop-ComboBox-trigger-cursor-disabled);
3629
- }
3630
- .ComboBox-module__hop-ComboBox__input___k3njP {
3631
- flex: 1 1 auto;
3632
- min-inline-size: 0;
3633
- font-family: var(--input-font-family);
3634
- font-size: var(--input-font-size);
3635
- font-weight: var(--input-font-weight);
3636
- line-height: var(--input-line-height);
3637
- color: var(--trigger-color);
3638
- background: none;
3639
- border: none;
3640
- outline: none;
3641
- }
3642
- .ComboBox-module__hop-ComboBox__input___k3njP::placeholder {
3643
- color: var(--hop-ComboBox-input-placeholder-color);
3644
- }
3645
- .ComboBox-module__hop-ComboBox__button___Ie8rf {
3646
- cursor: var(--trigger-cursor);
3647
- display: flex;
3648
- flex: 0 0 auto;
3649
- align-items: center;
3650
- padding-inline: var(--hop-ComboBox-button-padding-inline);
3651
- background-color: var(--trigger-background-color);
3652
- border: none;
3653
- outline: none;
3654
- }
3655
- .ComboBox-module__hop-ComboBox__prefix___QefIV {
3656
- align-self: center;
3657
- color: var(--hop-ComboBox-prefix-color);
3658
- }
3659
- .ComboBox-module__hop-ComboBox__button-icon___ndDZb {
3660
- margin-inline-start: auto;
3661
- color: var(--button-icon-color);
3662
- }
3663
- .ComboBox-module__hop-ComboBox__helper-message___G6eXm,
3664
- .ComboBox-module__hop-ComboBox__error-message___mjRbr {
3665
- order: 3;
3666
- }
3667
-
3668
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Divider/src/Divider.module.css/#css-module-data */
3669
- :where(.Divider-module__hop-Divider___xMjZH) {
3670
- --hop-Divider-border-color: var(--hop-neutral-border-weak);
3671
- --hop-Divider-border-size: 0.0625rem;
3672
- --hop-Divider-horizontal-border-block-end: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
3673
- --hop-Divider-horizontal-border-inline-start: none;
3674
- --hop-Divider-horizontal-inline-size: auto;
3675
- --hop-Divider-horizontal-block-size: 0;
3676
- --hop-Divider-vertical-border-inline-start: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
3677
- --hop-Divider-vertical-border-block-end: none;
3678
- --hop-Divider-vertical-inline-size: 0;
3679
- --hop-Divider-vertical-block-size: auto;
3680
- --border-block-end: var(--hop-Divider-horizontal-border-block-end);
3681
- --border-inline-start: var(--hop-Divider-horizontal-border-inline-start);
3682
- --inline-size: var(--hop-Divider-horizontal-inline-size);
3683
- --block-size: var(--hop-Divider-horizontal-block-size);
3684
- display: block;
3685
- flex: 0 0 auto;
3686
- box-sizing: border-box;
3687
- inline-size: var(--inline-size);
3688
- block-size: var(--block-size);
3689
- margin: 0;
3690
- border: none;
3691
- border-block-end: var(--border-block-end);
3692
- border-inline-start: var(--border-inline-start);
3693
- }
3694
- .Divider-module__hop-Divider--vertical___eQqyD {
3695
- --border-block-end: var(--hop-Divider-vertical-border-block-end);
3696
- --border-inline-start: var(--hop-Divider-vertical-border-inline-start);
3697
- --inline-size: var(--hop-Divider-vertical-inline-size);
3698
- --block-size: var(--hop-Divider-vertical-block-size);
3699
- }
3700
-
3701
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
3702
- .Form-module__hop-Form___8-7ZN {
3703
- display: flex;
3704
- flex-direction: column;
3705
- gap: var(--hop-space-stack-lg);
3706
- }
3707
-
3708
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
3709
- .InputGroup-module__hop-InputGroup___i1cxX {
3710
- --hop-InputGroup-background: var(--hop-neutral-surface);
3711
- --hop-InputGroup-border-color: var(--hop-neutral-border);
3712
- --hop-InputGroup-border-width: 0.0625rem;
3713
- --hop-InputGroup-display: inline-flex;
3714
- --hop-InputGroup-display-number: grid;
3715
- --hop-InputGroup-gap: var(--hop-space-inline-sm);
3716
- --hop-InputGroup-gap-textarea: 0;
3717
- --hop-InputGroup-gap-number: 0;
3718
- --hop-InputGroup-flex-direction: row;
3719
- --hop-InputGroup-flex-direction-textarea: column;
3720
- --hop-InputGroup-align-items: center;
3721
- --hop-InputGroup-align-items-textarea: flex-end;
3722
- --hop-InputGroup-inline-size: fit-content;
3723
- --hop-InputGroup-sm-block-size: 2rem;
3724
- --hop-InputGroup-md-block-size: 2.5rem;
3725
- --hop-InputGroup-block-size-textarea: auto;
3726
- --hop-InputGroup-border-radius: var(--hop-shape-rounded-md);
3727
- --hop-InputGroup-padding-inline: var(--hop-space-inset-md);
3728
- --hop-InputGroup-padding-block: 0;
3729
- --hop-InputGroup-padding-inline-textarea: var(--hop-space-inset-xs);
3730
- --hop-InputGroup-padding-block-textarea: var(--hop-space-inset-xs);
3731
- --hop-InputGroup-border-color-hover: var(--hop-neutral-border-hover);
3732
- --hop-InputGroup-border-color-focus: var(--hop-primary-border-focus);
3733
- --hop-InputGroup-background-hover: var(--hop-neutral-surface-hover);
3734
- --hop-InputGroup-border-color-invalid: var(--hop-danger-border-strong);
3735
- --hop-InputGroup-input-color: var(--hop-neutral-text);
3736
- --hop-InputGroup-input-color-disabled: var(--hop-neutral-text-disabled);
3737
- --hop-InputGroup-input-sm-font-family: var(--hop-body-sm-font-family);
3738
- --hop-InputGroup-input-sm-font-size: var(--hop-body-sm-font-size);
3739
- --hop-InputGroup-input-sm-font-weight: var(--hop-body-sm-font-weight);
3740
- --hop-InputGroup-input-sm-line-height: var(--hop-body-sm-line-height);
3741
- --hop-InputGroup-input-sm-block-size: 1.5rem;
3742
- --hop-InputGroup-input-md-font-family: var(--hop-body-md-font-family);
3743
- --hop-InputGroup-input-md-font-size: var(--hop-body-md-font-size);
3744
- --hop-InputGroup-input-md-font-weight: var(--hop-body-md-font-weight);
3745
- --hop-InputGroup-input-md-line-height: var(--hop-body-md-line-height);
3746
- --hop-InputGroup-input-md-block-size: 2rem;
3747
- --hop-InputGroup-input-padding: 0;
3748
- --hop-InputGroup-textarea-padding: var(--hop-space-inset-xs) calc(var(--hop-space-inset-md) - var(--hop-space-inset-xs));
3749
- --hop-InputGroup-background-disabled: var(--hop-neutral-surface-disabled);
3750
- --hop-InputGroup-border-color-disabled: var(--hop-neutral-border-disabled);
3751
- --hop-InputGroup-placeholder-font-family: inherit;
3752
- --hop-InputGroup-placeholder-font-size: inherit;
3753
- --hop-InputGroup-placeholder-font-weight: inherit;
3754
- --hop-InputGroup-placeholder-line-height: inherit;
3755
- --hop-InputGroup-placeholder-color: var(--hop-neutral-text-weakest);
3756
- --hop-InputGroup-placeholder-color-disabled: var(--hop-neutral-text-disabled);
3757
- --hop-InputGroup-embedded-button-margin-inline-end: calc(-1 * var(--hop-space-inline-sm));
3758
- --inline-size: var(--hop-InputGroup-inline-size);
3759
- --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color);
3760
- --background: var(--hop-InputGroup-background);
3761
- --block-size: var(--hop-InputGroup-md-block-size);
3762
- --display: var(--hop-InputGroup-display);
3763
- --gap: var(--hop-InputGroup-gap);
3764
- --flex-direction: var(--hop-InputGroup-flex-direction);
3765
- --align-items: var(--hop-InputGroup-align-items);
3766
- --padding-inline: var(--hop-InputGroup-padding-inline);
3767
- --padding-block: var(--hop-InputGroup-padding-block);
3768
- --input-font-family: var(--hop-InputGroup-input-md-font-family);
3769
- --input-font-size: var(--hop-InputGroup-input-md-font-size);
3770
- --input-font-weight: var(--hop-InputGroup-input-md-font-weight);
3771
- --input-line-height: var(--hop-InputGroup-input-md-line-height);
3772
- --input-block-size: var(--hop-InputGroup-input-md-block-size);
3773
- --input-inline-size: initial;
3774
- --input-color: var(--hop-InputGroup-input-color);
3775
- --input-placeholder-color: var(--hop-InputGroup-placeholder-color);
3776
- position: relative;
3777
- display: var(--display);
3778
- flex-direction: var(--flex-direction);
3779
- gap: var(--gap);
3780
- align-items: var(--align-items);
3781
- box-sizing: border-box;
3782
- inline-size: var(--inline-size);
3783
- block-size: var(--block-size);
3784
- padding-block: var(--padding-block);
3785
- padding-inline: var(--padding-inline);
3786
- background: var(--background);
3787
- border: var(--border);
3788
- border-radius: var(--hop-InputGroup-border-radius);
3789
- }
3790
- .InputGroup-module__hop-InputGroup--fluid___Wt85f {
3791
- --inline-size: 100%;
3792
- --input-inline-size: 100%;
3793
- }
3794
- .InputGroup-module__hop-InputGroup--sm___2WQr0 {
3795
- --block-size: var(--hop-InputGroup-sm-block-size);
3796
- --input-font-family: var(--hop-InputGroup-input-sm-font-family);
3797
- --input-font-size: var(--hop-InputGroup-input-sm-font-size);
3798
- --input-font-weight: var(--hop-InputGroup-input-sm-font-weight);
3799
- --input-line-height: var(--hop-InputGroup-input-sm-line-height);
3800
- --input-block-size: var(--hop-InputGroup-input-sm-block-size);
3801
- }
3802
- .InputGroup-module__hop-InputGroup___i1cxX[data-input-type=textarea] {
3803
- --gap: var(--hop-InputGroup-gap-textarea);
3804
- --flex-direction: var(--hop-InputGroup-flex-direction-textarea);
3805
- --align-items: var(--hop-InputGroup-align-items-textarea);
3806
- --block-size: var(--hop-InputGroup-block-size-textarea);
3807
- --padding-inline: var(--hop-InputGroup-padding-inline-textarea);
3808
- --padding-block: var(--hop-InputGroup-padding-block-textarea);
3809
- }
3810
- .InputGroup-module__hop-InputGroup___i1cxX[data-input-type=number] {
3811
- --display: var(--hop-InputGroup-display-number);
3812
- --gap: var(--hop-InputGroup-gap-number);
3813
- }
3814
- .InputGroup-module__hop-InputGroup___i1cxX[data-hovered] {
3815
- --background: var(--hop-InputGroup-background-hover);
3816
- --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
3817
- }
3818
- .InputGroup-module__hop-InputGroup___i1cxX[data-focus-within] {
3819
- --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
3820
- }
3821
- .InputGroup-module__hop-InputGroup___i1cxX[data-invalid] {
3822
- --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
3823
- }
3824
- .InputGroup-module__hop-InputGroup___i1cxX[data-disabled] {
3825
- --background: var(--hop-InputGroup-background-disabled);
3826
- --border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled);
3827
- --input-color: var(--hop-InputGroup-input-color-disabled);
3828
- --input-placeholder-color: var(--hop-InputGroup-placeholder-color-disabled);
3829
- }
3830
- .InputGroup-module__hop-InputGroup__input___tCevy,
3831
- .InputGroup-module__hop-InputGroup__textarea___tGvYt {
3832
- flex: 1 1 auto;
3833
- box-sizing: border-box;
3834
- inline-size: var(--input-inline-size);
3835
- min-inline-size: 0;
3836
- font-family: var(--input-font-family);
3837
- font-size: var(--input-font-size);
3838
- font-weight: var(--input-font-weight);
3839
- line-height: var(--input-line-height);
3840
- color: var(--input-color);
3841
- background: transparent;
3842
- border: none;
3843
- outline: none;
3844
- }
3845
- .InputGroup-module__hop-InputGroup__input___tCevy {
3846
- block-size: var(--input-block-size);
3847
- padding: var(--hop-InputGroup-input-padding);
3848
- }
3849
- .InputGroup-module__hop-InputGroup__textarea___tGvYt {
3850
- padding: var(--hop-InputGroup-textarea-padding);
3851
- }
3852
- .InputGroup-module__hop-InputGroup__input___tCevy::placeholder {
3853
- font-family: var(--hop-InputGroup-placeholder-font-family);
3854
- font-size: var(--hop-InputGroup-placeholder-font-size);
3855
- font-weight: var(--hop-InputGroup-placeholder-font-weight);
3856
- line-height: var(--hop-InputGroup-placeholder-line-height);
3857
- color: var(--input-placeholder-color);
3858
- }
3859
- .InputGroup-module__hop-InputGroup__embedded-button___i5svP {
3860
- margin-inline-end: var(--hop-InputGroup-embedded-button-margin-inline-end);
3861
- }
3862
-
3863
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/NumberField.module.css/#css-module-data */
3864
- .NumberField-module__hop-NumberField___Ot8N9 {
3865
- --hop-NumberField-gap: var(--hop-space-stack-xs);
3866
- --hop-NumberField-inline-size: 20rem;
3867
- --hop-NumberField-inline-size-fluid: 100%;
3868
- --hop-NumberField-prefix-color: var(--hop-neutral-text-weak);
3869
- --hop-NumberField-prefix-margin-inline-end: var(--hop-space-inline-sm);
3870
- --hop-NumberField-input-group-display: grid;
3871
- --hop-NumberField-input-group-template: "prefix input stepup" auto "prefix input stepdown" auto / auto 1fr auto;
3872
- --hop-NumberField-input-group-template-mobile: "stepdown prefix input stepup" auto / auto auto 1fr auto;
3873
- --hop-NumberField-stepper-color: var(--hop-neutral-icon);
3874
- --hop-NumberField-stepper-color-hovered: var(--hop-neutral-icon-hover);
3875
- --hop-NumberField-stepper-color-pressed: var(--hop-neutral-icon-press);
3876
- --hop-NumberField-stepper-color-disabled: var(--hop-neutral-icon-disabled);
3877
- --hop-NumberField-stepper-background-color: var(--hop-neutral-surface);
3878
- --hop-NumberField-stepper-background-color-hovered: var(--hop-neutral-surface-hover);
3879
- --hop-NumberField-stepper-background-color-pressed: var(--hop-neutral-surface-press);
3880
- --hop-NumberField-stepper-background-color-disabled: transparent;
3881
- --hop-NumberField-stepper-border-radius: calc(var(--hop-shape-rounded-sm));
3882
- --hop-NumberField-stepper-border-radius-increment: var(--hop-NumberField-stepper-border-radius) var(--hop-NumberField-stepper-border-radius) 0 0;
3883
- --hop-NumberField-stepper-border-radius-decrement: 0 0 var(--hop-NumberField-stepper-border-radius) var(--hop-NumberField-stepper-border-radius);
3884
- --hop-NumberField-stepper-border-radius-mobile-increment: 0 var(--hop-shape-rounded-md) var(--hop-shape-rounded-md) 0;
3885
- --hop-NumberField-stepper-border-radius-mobile-decrement: var(--hop-shape-rounded-md) 0 0 var(--hop-shape-rounded-md);
3886
- --hop-NumberField-stepper-height: 0.86rem;
3887
- --hop-NumberField-stepper-height-mobile: 100%;
3888
- --hop-NumberField-stepper-width: 1.5rem;
3889
- --hop-NumberField-stepper-border-color: var(--hop-neutral-border);
3890
- --hop-NumberField-stepper-border-width: 0.0625rem;
3891
- --hop-NumberField-stepper-align-self-increment: end;
3892
- --hop-NumberField-stepper-align-self-decrement: start;
3893
- --hop-NumberField-stepper-align-self-increment-mobile: center;
3894
- --hop-NumberField-stepper-align-self-decrement-mobile: center;
3895
- --hop-NumberField-stepper-margin-inline-increment: var(--hop-space-inline-sm) calc(-1 * var(--hop-space-inline-sm));
3896
- --hop-NumberField-stepper-margin-inline-decrement: var(--hop-space-inline-sm) calc(-1 * var(--hop-space-inline-sm));
3897
- --hop-NumberField-stepper-margin-inline-increment-mobile: var(--hop-space-inline-sm) calc(-1 * var(--hop-space-inline-md));
3898
- --hop-NumberField-stepper-margin-inline-decrement-mobile: calc(-1 * var(--hop-space-inline-md)) var(--hop-space-inline-sm);
3899
- --inline-size: var(--hop-NumberField-inline-size);
3900
- --stepper-color: var(--hop-NumberField-stepper-color);
3901
- --stepper-background-color: var(--hop-NumberField-stepper-background-color);
3902
- --stepper-border: var(--hop-NumberField-stepper-border-width) solid var(--hop-NumberField-stepper-border-color);
3903
- --stepper-height: var(--hop-NumberField-stepper-height);
3904
- --input-group-display: var(--hop-NumberField-input-group-display);
3905
- --input-group-template: var(--hop-NumberField-input-group-template);
3906
- overflow: hidden;
3907
- display: flex;
3908
- flex-direction: column;
3909
- gap: var(--hop-NumberField-gap);
3910
- inline-size: var(--inline-size);
3911
- }
3912
- .NumberField-module__hop-NumberField--fluid___SqPOK {
3913
- --inline-size: var(--hop-NumberField-inline-size-fluid);
3914
- }
3915
- .NumberField-module__hop-NumberField--mobile___nkCqh {
3916
- --input-group-template: var(--hop-NumberField-input-group-template-mobile);
3917
- --stepper-height: var(--hop-NumberField-stepper-height-mobile);
3918
- }
3919
- .NumberField-module__hop-NumberField__Label___LXmqv {
3920
- order: 0;
3921
- }
3922
- .NumberField-module__hop-NumberField__prefix___JyuRc {
3923
- grid-area: prefix;
3924
- margin-inline-end: var(--hop-NumberField-prefix-margin-inline-end);
3925
- color: var(--hop-NumberField-prefix-color);
3926
- }
3927
- .NumberField-module__hop-NumberField__InputGroup___dmid8 {
3928
- grid-template: var(--input-group-template);
3929
- order: 1;
3930
- }
3931
- .NumberField-module__hop-NumberField__ErrorMessage___hlWda,
3932
- .NumberField-module__hop-NumberField__HelperMessage___A-2FW {
3933
- order: 3;
3934
- }
3935
- .NumberField-module__hop-NumberField__stepper-button___24LUM {
3936
- cursor: pointer;
3937
- display: flex;
3938
- grid-area: var(--grid-area, unset);
3939
- align-items: center;
3940
- align-self: var(--stepper-align-self);
3941
- justify-content: center;
3942
- box-sizing: border-box;
3943
- inline-size: var(--hop-NumberField-stepper-width);
3944
- max-inline-size: 100%;
3945
- block-size: var(--stepper-height);
3946
- margin-inline: var(--stepper-margin-inline);
3947
- padding: 0;
3948
- color: var(--stepper-color);
3949
- background-color: var(--stepper-background-color);
3950
- border-color: var(--hop-NumberField-stepper-border-color);
3951
- border-style: solid;
3952
- border-width: var(--stepper-border-width);
3953
- border-radius: var(--stepper-border-radius, 0);
3954
- outline: none;
3955
- }
3956
- .NumberField-module__hop-NumberField__stepper-button--increment___85EqB {
3957
- --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-increment);
3958
- --stepper-border-width: var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) 0 var(--hop-NumberField-stepper-border-width);
3959
- --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment);
3960
- --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment);
3961
- --grid-area: stepup;
3962
- }
3963
- .NumberField-module__hop-NumberField__stepper-button--decrement___2IcSc {
3964
- --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-decrement);
3965
- --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width);
3966
- --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement);
3967
- --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement);
3968
- --grid-area: stepdown;
3969
- }
3970
- .NumberField-module__hop-NumberField__stepper-button--mobile___WLPNn.NumberField-module__hop-NumberField__stepper-button--increment___85EqB {
3971
- --stepper-border-width: 0 0 0 var(--hop-NumberField-stepper-border-width);
3972
- --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment-mobile);
3973
- --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment-mobile);
3974
- --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-increment);
3975
- }
3976
- .NumberField-module__hop-NumberField__stepper-button--mobile___WLPNn.NumberField-module__hop-NumberField__stepper-button--decrement___2IcSc {
3977
- --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) 0 0;
3978
- --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement-mobile);
3979
- --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement-mobile);
3980
- --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-decrement);
3981
- }
3982
- .NumberField-module__hop-NumberField__stepper-button___24LUM[data-hovered] {
3983
- color: var(--hop-NumberField-stepper-color-hovered);
3984
- background-color: var(--hop-NumberField-stepper-background-color-hovered);
3985
- }
3986
- .NumberField-module__hop-NumberField__stepper-button___24LUM[data-pressed] {
3987
- color: var(--hop-NumberField-stepper-color-pressed);
3988
- background-color: var(--hop-NumberField-stepper-background-color-pressed);
3989
- }
3990
- .NumberField-module__hop-NumberField__stepper-button___24LUM[data-disabled] {
3991
- cursor: not-allowed;
3992
- color: var(--hop-NumberField-stepper-color-disabled);
3993
- background-color: var(--hop-NumberField-stepper-background-color-disabled);
3994
- }
3995
- .NumberField-module__hop-NumberField__stepper-button__icon___DaheA {
3996
- display: block;
3997
- max-block-size: 100%;
3998
- }
3999
- .NumberField-module__hop-NumberField__input___ScDRc {
4000
- grid-area: input;
4001
- }
4002
-
4003
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
4004
- .PasswordField-module__hop-PasswordField___ozFq3 {
4005
- --hop-PasswordField-gap: var(--hop-space-stack-xs);
4006
- --hop-PasswordField-inline-size: 20rem;
4007
- --inline-size: var(--hop-PasswordField-inline-size);
4008
- display: flex;
4009
- flex-direction: column;
4010
- gap: var(--hop-PasswordField-gap);
4011
- inline-size: var(--inline-size);
4012
- max-inline-size: 100%;
4013
- }
4014
- .PasswordField-module__hop-PasswordField--fluid___GckKM {
4015
- --inline-size: 100%;
4016
- }
4017
- .PasswordField-module__hop-PasswordField__Label___NrzwJ {
4018
- order: 0;
4019
- }
4020
- .PasswordField-module__hop-PasswordField__InputGroup___NPzyy {
4021
- order: 1;
4022
- }
4023
- .PasswordField-module__hop-PasswordField__ErrorMessage___kTt0D,
4024
- .PasswordField-module__hop-PasswordField__HelperMessage___dX59N {
4025
- order: 3;
4026
- }
4027
-
4028
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/RemainingCharacterCount.module.css/#css-module-data */
4029
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___YViSX {
4030
- --hop-RemainingCharacterCount-color: var(--hop-neutral-text-weak);
4031
- --hop-RemainingCharacterCount-color-disabled: var(--hop-neutral-text-disabled);
4032
- --hop-RemainingCharacterCount-color-invalid: var(--hop-danger-text-weak);
4033
- --char-count-color: var(--hop-RemainingCharacterCount-color);
4034
- color: var(--char-count-color);
4035
- }
4036
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___YViSX[data-invalid] {
4037
- --char-count-color: var(--hop-RemainingCharacterCount-color-invalid);
4038
- }
4039
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___YViSX[data-disabled] {
4040
- --char-count-color: var(--hop-RemainingCharacterCount-color-disabled);
4041
- }
4042
-
4043
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
4044
- .SearchField-module__hop-SearchField___K0P1D {
4045
- --hop-SearchField-gap: var(--hop-space-stack-xs);
4046
- --hop-SearchField-inline-size: 20rem;
4047
- --hop-SearchField-color: var(--hop-neutral-text-weak);
4048
- --hop-SearchField-padding: var(--hop-space-inset-md);
4049
- --inline-size: var(--hop-SearchField-inline-size);
4050
- --input-group-padding-inline-end: var(--hop-SearchField-padding);
4051
- --input-group-padding-inline-start: var(--hop-SearchField-padding);
4052
- --clear-button-display: flex;
4053
- display: flex;
4054
- flex-direction: column;
4055
- gap: var(--hop-SearchField-gap);
4056
- inline-size: var(--inline-size);
4057
- max-inline-size: 100%;
4058
- }
4059
- .SearchField-module__hop-SearchField--fluid___5BEAC {
4060
- --inline-size: 100%;
4061
- }
4062
- .SearchField-module__hop-SearchField__Label___mLgrX {
4063
- order: 0;
4064
- }
4065
- .SearchField-module__hop-SearchField__prefix___hJQMz {
4066
- color: var(--hop-SearchField-color);
4067
- }
4068
- .SearchField-module__hop-SearchField__InputGroup___29uiz {
4069
- order: 1;
4070
- padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
4071
- }
4072
- .SearchField-module__hop-SearchField--clearable___61LnC {
4073
- --input-group-padding-inline-end: 0;
4074
- }
4075
- .SearchField-module__hop-SearchField__ErrorMessage___yImMN,
4076
- .SearchField-module__hop-SearchField__HelperMessage___OwyoP {
4077
- order: 3;
4078
- }
4079
- .SearchField-module__hop-SearchField___K0P1D input::-webkit-search-cancel-button,
4080
- .SearchField-module__hop-SearchField___K0P1D input::-webkit-search-decoration {
4081
- appearance: none;
4082
- }
4083
- .SearchField-module__hop-SearchField___K0P1D[data-empty] {
4084
- --clear-button-display: none;
4085
- }
4086
- .SearchField-module__hop-SearchField__ClearButton___Gk-4Q {
4087
- display: var(--clear-button-display);
4088
- }
4089
-
4090
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextArea.module.css/#css-module-data */
4091
- .TextArea-module__hop-TextArea___3xrI0 {
4092
- --hop-TextArea-gap: var(--hop-space-stack-xs);
4093
- --hop-TextArea-inline-size: 20rem;
4094
- --hop-TextArea-prefix-color: var(--hop-neutral-text-weak);
4095
- --hop-TextArea-input-min-height: 2rem;
4096
- --hop-TextArea-remaining-character-count-padding: 0 calc(var(--hop-space-inset-md) - var(--hop-space-inset-xs)) var(--hop-space-inset-xs);
4097
- --inline-size: var(--hop-TextArea-inline-size);
4098
- --resize: none;
4099
- display: flex;
4100
- flex-direction: column;
4101
- gap: var(--hop-TextArea-gap);
4102
- inline-size: var(--inline-size);
4103
- max-inline-size: 100%;
4104
- }
4105
- .TextArea-module__hop-TextArea--fluid___Eb2Dw {
4106
- --inline-size: 100%;
4107
- }
4108
- .TextArea-module__hop-TextArea___3xrI0[data-resize-mode=vertical] {
4109
- --resize: vertical;
4110
- }
4111
- .TextArea-module__hop-TextArea__Label___GBj9M {
4112
- order: 0;
4113
- }
4114
- .TextArea-module__hop-TextArea__prefix___cKFjc {
4115
- color: var(--hop-TextArea-prefix-color);
4116
- }
4117
- .TextArea-module__hop-TextArea__InputGroup___Kr-5w {
4118
- order: 1;
4119
- }
4120
- .TextArea-module__hop-TextArea__RemainingCharacterCount___dI87z {
4121
- padding: var(--hop-TextArea-remaining-character-count-padding);
4122
- }
4123
- .TextArea-module__hop-TextArea__textarea___sEhrQ {
4124
- resize: var(--resize);
4125
- min-block-size: var(--hop-TextArea-input-min-height);
4126
- }
4127
- .TextArea-module__hop-TextArea__ErrorMessage___Zs1ZC,
4128
- .TextArea-module__hop-TextArea__HelperMessage___tuQQV {
4129
- order: 3;
4130
- }
4131
-
4132
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
4133
- .TextField-module__hop-TextField___860F7 {
4134
- --hop-TextField-gap: var(--hop-space-stack-xs);
4135
- --hop-TextField-inline-size: 20rem;
4136
- --hop-TextField-prefix-color: var(--hop-neutral-text-weak);
4137
- --inline-size: var(--hop-TextField-inline-size);
4138
- display: flex;
4139
- flex-direction: column;
4140
- gap: var(--hop-TextField-gap);
4141
- inline-size: var(--inline-size);
4142
- max-inline-size: 100%;
4143
- }
4144
- .TextField-module__hop-TextField--fluid___K-BZE {
4145
- --inline-size: 100%;
4146
- }
4147
- .TextField-module__hop-TextField__Label___qwRO7 {
4148
- order: 0;
4149
- }
4150
- .TextField-module__hop-TextField__prefix___yXkIR {
4151
- color: var(--hop-TextField-prefix-color);
4152
- }
4153
- .TextField-module__hop-TextField__InputGroup___yguUC {
4154
- order: 1;
4155
- }
4156
- .TextField-module__hop-TextField__ErrorMessage___VG4Qa,
4157
- .TextField-module__hop-TextField__HelperMessage___BaTBy {
4158
- order: 3;
4159
- }
4160
-
4161
3503
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Link/src/Link.module.css/#css-module-data */
4162
- .Link-module__hop-Link___1WIgC {
3504
+ .Link-module__hop-Link___osuuM {
4163
3505
  --hop-Link-border-radius: var(--hop-shape-rounded-sm);
4164
3506
  --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
4165
3507
  --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -4184,1007 +3526,66 @@
4184
3526
  outline: none;
4185
3527
  outline-offset: 0.125rem;
4186
3528
  }
4187
- .Link-module__hop-Link___1WIgC[data-focus-visible] {
3529
+ .Link-module__hop-Link___osuuM[data-focus-visible] {
4188
3530
  outline: 0.125rem solid var(--hop-Link-focus-ring-color);
4189
3531
  }
4190
- .Link-module__hop-Link___1WIgC[data-disabled] {
3532
+ .Link-module__hop-Link___osuuM[data-disabled] {
4191
3533
  cursor: default;
4192
3534
  }
4193
- .Link-module__hop-Link--quiet___lAQM2[data-focus-visible],
4194
- .Link-module__hop-Link--quiet___lAQM2[data-hovered] {
3535
+ .Link-module__hop-Link--quiet___1y0dG[data-focus-visible],
3536
+ .Link-module__hop-Link--quiet___1y0dG[data-hovered] {
4195
3537
  text-decoration: underline;
4196
3538
  }
4197
- .Link-module__hop-Link___1WIgC:not(.Link-module__hop-Link--quiet___lAQM2) {
3539
+ .Link-module__hop-Link___osuuM:not(.Link-module__hop-Link--quiet___1y0dG) {
4198
3540
  text-decoration: underline;
4199
3541
  }
4200
- .Link-module__hop-Link--primary___rnNiJ {
3542
+ .Link-module__hop-Link--primary___nIG1F {
4201
3543
  color: var(--hop-Link-primary-text-color);
4202
3544
  }
4203
- .Link-module__hop-Link--primary___rnNiJ[data-disabled] {
3545
+ .Link-module__hop-Link--primary___nIG1F[data-disabled] {
4204
3546
  color: var(--hop-Link-primary-text-disabled-color);
4205
3547
  }
4206
- .Link-module__hop-Link--primary___rnNiJ:not([data-disabled])[data-focus-visible],
4207
- .Link-module__hop-Link--primary___rnNiJ:not([data-disabled])[data-hovered] {
3548
+ .Link-module__hop-Link--primary___nIG1F:not([data-disabled])[data-focus-visible],
3549
+ .Link-module__hop-Link--primary___nIG1F:not([data-disabled])[data-hovered] {
4208
3550
  color: var(--hop-Link-primary-text-hover-color);
4209
3551
  }
4210
- .Link-module__hop-Link--primary___rnNiJ:not([data-disabled])[data-pressed] {
3552
+ .Link-module__hop-Link--primary___nIG1F:not([data-disabled])[data-pressed] {
4211
3553
  color: var(--hop-Link-primary-text-pressed-color);
4212
3554
  }
4213
- .Link-module__hop-Link--secondary___3q6yY {
3555
+ .Link-module__hop-Link--secondary___7dOBn {
4214
3556
  color: var(--hop-Link-neutral-text-color);
4215
3557
  }
4216
- .Link-module__hop-Link--secondary___3q6yY[data-disabled] {
3558
+ .Link-module__hop-Link--secondary___7dOBn[data-disabled] {
4217
3559
  color: var(--hop-Link-neutral-text-disabled-color);
4218
3560
  }
4219
- .Link-module__hop-Link--secondary___3q6yY:not([data-disabled])[data-focus-visible],
4220
- .Link-module__hop-Link--secondary___3q6yY:not([data-disabled])[data-hovered] {
3561
+ .Link-module__hop-Link--secondary___7dOBn:not([data-disabled])[data-focus-visible],
3562
+ .Link-module__hop-Link--secondary___7dOBn:not([data-disabled])[data-hovered] {
4221
3563
  color: var(--hop-Link-neutral-text-hover-color);
4222
3564
  }
4223
- .Link-module__hop-Link--secondary___3q6yY:not([data-disabled])[data-pressed] {
3565
+ .Link-module__hop-Link--secondary___7dOBn:not([data-disabled])[data-pressed] {
4224
3566
  color: var(--hop-Link-neutral-text-pressed-color);
4225
3567
  }
4226
- .Link-module__hop-Link__icon___t6-UU,
4227
- .Link-module__hop-Link__icon-list___bm2s1 {
3568
+ .Link-module__hop-Link__icon___Hns5-,
3569
+ .Link-module__hop-Link__icon-list___W1mIz {
4228
3570
  order: 2;
4229
3571
  }
4230
- .Link-module__hop-Link__text___uS5sS {
3572
+ .Link-module__hop-Link__text___efs-3 {
4231
3573
  order: 1;
4232
3574
  }
4233
- .Link-module__hop-Link__start-icon___IVSda,
4234
- .Link-module__hop-Link__start-icon-list___zpBiz {
3575
+ .Link-module__hop-Link__start-icon___FlpnU,
3576
+ .Link-module__hop-Link__start-icon-list___ehi2o {
4235
3577
  order: 0;
4236
3578
  }
4237
3579
 
4238
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/SelectValue.module.css/#css-module-data */
4239
- .SelectValue-module__hop-SelectValue___0QR4q {
4240
- --hop-SelectValue-display: inline-block;
4241
- --hop-SelectValue-slots-display: flex;
4242
- --hop-SelectValue-column-gap: var(--hop-space-inline-sm);
4243
- --display: var(--hop-SelectValue-display);
4244
- overflow: hidden;
4245
- display: var(--display);
4246
- flex: 1 1 auto;
4247
- column-gap: var(--hop-SelectValue-column-gap);
4248
- align-items: center;
4249
- box-sizing: border-box;
4250
- min-inline-size: 0;
4251
- text-overflow: ellipsis;
4252
- white-space: nowrap;
4253
- }
4254
- .SelectValue-module__hop-SelectValue___0QR4q:has(.SelectValue-module__hop-SelectValue__text___Sm9zx) {
4255
- --display: var(--hop-SelectValue-slots-display);
4256
- }
4257
- .SelectValue-module__hop-SelectValue__avatar___6wjZQ {
4258
- order: 1;
4259
- }
4260
- .SelectValue-module__hop-SelectValue__icon___XY1r5 {
4261
- order: 2;
4262
- }
4263
- .SelectValue-module__hop-SelectValue__text___Sm9zx {
4264
- overflow: hidden;
4265
- flex: 1 1 auto;
4266
- order: 3;
4267
- min-inline-size: 0;
4268
- text-overflow: ellipsis;
4269
- white-space: nowrap;
4270
- }
4271
- .SelectValue-module__hop-SelectValue__end-icon___3Gm2i {
4272
- order: 4;
4273
- }
4274
-
4275
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/Switch.module.css/#css-module-data */
4276
- .Switch-module__hop-Switch___YaRfR {
4277
- --hop-Switch-border-size: 0.0625rem;
4278
- --hop-Switch-border-color: var(--hop-neutral-border);
4279
- --hop-Switch-border-radius: var(--hop-shape-rounded-lg);
4280
- --hop-Switch-background-color: var(--hop-neutral-surface);
4281
- --hop-Switch-thumb-color: var(--hop-neutral-icon);
4282
- --hop-Switch-text-color: var(--hop-neutral-text);
4283
- --hop-Switch-border-color-hover: var(--hop-neutral-border-hover);
4284
- --hop-Switch-background-color-hover: var(--hop-neutral-surface-hover);
4285
- --hop-Switch-thumb-color-hover: var(--hop-neutral-icon-hover);
4286
- --hop-Switch-text-color-hover: var(--hop-neutral-text-hover);
4287
- --hop-Switch-border-color-pressed: var(--hop-neutral-border-press);
4288
- --hop-Switch-background-color-pressed: var(--hop-neutral-surface-press);
4289
- --hop-Switch-thumb-color-pressed: var(--hop-neutral-icon-press);
4290
- --hop-Switch-text-color-pressed: var(--hop-neutral-text-press);
4291
- --hop-Switch-border-color-focus: var(--hop-neutral-border-hover);
4292
- --hop-Switch-background-color-focus: var(--hop-neutral-surface-hover);
4293
- --hop-Switch-thumb-color-focus: var(--hop-neutral-icon-hover);
4294
- --hop-Switch-focus-ring-color: var(--hop-primary-border-focus);
4295
- --hop-Switch-text-color-focus: var(--hop-neutral-text);
4296
- --hop-Switch-border-color-selected: var(--hop-neutral-border-selected);
4297
- --hop-Switch-background-color-selected: var(--hop-neutral-surface-selected);
4298
- --hop-Switch-thumb-color-selected: var(--hop-neutral-icon-selected);
4299
- --hop-Switch-text-color-selected: var(--hop-neutral-text);
4300
- --hop-Switch-border-color-disabled: var(--hop-neutral-border-disabled);
4301
- --hop-Switch-background-color-disabled: var(--hop-neutral-surface-disabled);
4302
- --hop-Switch-thumb-color-disabled: var(--hop-neutral-icon-disabled);
4303
- --hop-Switch-text-color-disabled: var(--hop-neutral-text-disabled);
4304
- --hop-Switch-inline-size-md: 3rem;
4305
- --hop-Switch-block-size-md: 1.5rem;
4306
- --hop-Switch-thumb-size-md: 1rem;
4307
- --hop-Switch-inset-inline-start-md: var(--hop-space-inset-xs);
4308
- --hop-Switch-text-top-offset-md: calc((var(--block-size) - (var(--hop-body-md-line-height) * var(--hop-body-md-font-size))) / 2);
4309
- --hop-Switch-inline-size-sm: 2rem;
4310
- --hop-Switch-block-size-sm: 1rem;
4311
- --hop-Switch-thumb-size-sm: 0.75rem;
4312
- --hop-Switch-inset-inline-start-sm: calc(var(--hop-space-inset-xs) / 2);
4313
- --hop-Switch-text-top-offset-sm: calc((var(--block-size) - (var(--hop-body-sm-line-height) * var(--hop-body-sm-font-size))) / 2);
4314
- --border-size: var(--hop-Switch-border-size);
4315
- --border-color: var(--hop-Switch-border-color);
4316
- --border-radius: var(--hop-Switch-border-radius);
4317
- --background-color: var(--hop-Switch-background-color);
4318
- --column-gap: var(--hop-space-inline-sm);
4319
- --thumb-color: var(--hop-Switch-thumb-color);
4320
- --thumb-transform: translate(0, -50%);
4321
- --outline: none;
4322
- --cursor: pointer;
4323
- --text-color: var(--hop-Switch-text-color);
4324
- cursor: var(--cursor);
4325
- display: inline-flex;
4326
- column-gap: var(--column-gap);
4327
- align-items: flex-start;
4328
- justify-content: flex-start;
4329
- box-sizing: border-box;
4330
- inline-size: max-content;
4331
- max-inline-size: 100%;
4332
- }
4333
- .Switch-module__hop-Switch--sm___RPzJ4 {
4334
- --inline-size: var(--hop-Switch-inline-size-sm);
4335
- --block-size: var(--hop-Switch-block-size-sm);
4336
- --thumb-size: var(--hop-Switch-thumb-size-sm);
4337
- --inset-inline-start: var(--hop-Switch-inset-inline-start-sm);
4338
- --text-top-offset: var(--hop-Switch-text-top-offset-sm);
4339
- }
4340
- .Switch-module__hop-Switch--md___Rhq9Y {
4341
- --inline-size: var(--hop-Switch-inline-size-md);
4342
- --block-size: var(--hop-Switch-block-size-md);
4343
- --thumb-size: var(--hop-Switch-thumb-size-md);
4344
- --inset-inline-start: var(--hop-Switch-inset-inline-start-md);
4345
- --text-top-offset: var(--hop-Switch-text-top-offset-md);
4346
- }
4347
- .Switch-module__hop-Switch___YaRfR[data-hovered] {
4348
- --border-color: var(--hop-Switch-border-color-hover);
4349
- --background-color: var(--hop-Switch-background-color-hover);
4350
- --thumb-color: var(--hop-Switch-thumb-color-hover);
4351
- --text-color: var(--hop-Switch-text-color-hover);
4352
- }
4353
- .Switch-module__hop-Switch___YaRfR[data-pressed],
4354
- .Switch-module__hop-Switch___YaRfR[data-pressed][data-focus-visible] {
4355
- --border-color: var(--hop-Switch-border-color-pressed);
4356
- --background-color: var(--hop-Switch-background-color-pressed);
4357
- --thumb-color: var(--hop-Switch-thumb-color-pressed);
4358
- --text-color: var(--hop-Switch-text-color-pressed);
4359
- }
4360
- .Switch-module__hop-Switch___YaRfR[data-focus-visible] {
4361
- --border-color: var(--hop-Switch-border-color-focus);
4362
- --background-color: var(--hop-Switch-background-color-focus);
4363
- --thumb-color: var(--hop-Switch-thumb-color-focus);
4364
- --outline: 0.125rem solid var(--hop-Switch-focus-ring-color);
4365
- --text-color: var(--hop-Switch-text-color-focus);
4366
- }
4367
- .Switch-module__hop-Switch___YaRfR[data-selected],
4368
- .Switch-module__hop-Switch___YaRfR[data-selected][data-pressed] {
4369
- --border-color: var(--hop-Switch-border-color-selected);
4370
- --background-color: var(--hop-Switch-background-color-selected);
4371
- --thumb-color: var(--hop-Switch-thumb-color-selected);
4372
- --thumb-transform: translate(calc(var(--inline-size) - var(--thumb-size, var(--hop-Switch-thumb-size-md)) - (2 * var(--inset-inline-start, var(--hop-Switch-inset-inline-start-md))) - (2 * var(--border-size))), -50%);
4373
- --text-color: var(--hop-Switch-text-color-selected);
4374
- }
4375
- .Switch-module__hop-Switch___YaRfR[data-disabled] {
4376
- --border-color: var(--hop-Switch-border-color-disabled);
4377
- --background-color: var(--hop-Switch-background-color-disabled);
4378
- --thumb-color: var(--hop-Switch-thumb-color-disabled);
4379
- --text-color: var(--hop-Switch-text-color-disabled);
4380
- --cursor: not-allowed;
4381
- }
4382
- .Switch-module__hop-Switch__indicator___4Ue7e {
4383
- position: relative;
4384
- flex: 0 0 auto;
4385
- box-sizing: border-box;
4386
- inline-size: var(--inline-size, var(--hop-Switch-inline-size-md));
4387
- block-size: var(--block-size, var(--hop-Switch-block-size-md));
4388
- background-color: var(--background-color);
4389
- border: var(--border-size) solid var(--border-color);
4390
- border-radius: var(--border-radius);
4391
- outline: var(--outline);
4392
- outline-offset: 0.125rem;
4393
- transition: background var(--hop-easing-duration-2), border-color var(--hop-easing-duration-2);
4394
- }
4395
- .Switch-module__hop-Switch__indicator___4Ue7e::before {
4396
- content: "";
4397
- position: absolute;
4398
- inset-block-start: 50%;
4399
- inset-inline-start: var(--inset-inline-start);
4400
- transform: var(--thumb-transform);
4401
- flex: 0 0 auto;
4402
- order: 1;
4403
- box-sizing: border-box;
4404
- inline-size: var(--thumb-size);
4405
- block-size: var(--thumb-size);
4406
- background-color: var(--thumb-color);
4407
- border-radius: var(--hop-shape-circle);
4408
- transition: transform var(--hop-easing-duration-2), background var(--hop-easing-duration-2);
4409
- }
4410
- .Switch-module__hop-Switch__text___eyrm2 {
4411
- flex: 0 1 auto;
4412
- order: 2;
4413
- min-inline-size: 0;
4414
- margin-block-start: var(--text-top-offset, var(--hop-Switch-text-top-offset-md));
4415
- color: var(--text-color);
4416
- }
4417
- .Switch-module__hop-Switch__icon-list___jdCQ6,
4418
- .Switch-module__hop-Switch__icon___tecaN {
4419
- order: 3;
4420
- }
4421
-
4422
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/SwitchField.module.css/#css-module-data */
4423
- .SwitchField-module__hop-SwitchField___Ye5yq {
4424
- --hop-SwitchField-description-color: var(--hop-neutral-text-weak);
4425
- --hop-SwitchField-description-color-disabled: var(--hop-neutral-text-disabled);
4426
- --hop-SwitchField-sm-row-gap: var(--hop-space-stack-xs);
4427
- --hop-SwitchField-switch-sm-inline-size: 2rem;
4428
- --hop-SwitchField-description-sm-margin-inline-start: calc(var(--hop-SwitchField-switch-sm-inline-size) + var(--hop-space-inline-sm));
4429
- --hop-SwitchField-md-row-gap: var(--hop-space-stack-xs);
4430
- --hop-SwitchField-switch-md-inline-size: 3rem;
4431
- --hop-SwitchField-description-md-margin-inline-start: calc(var(--hop-SwitchField-switch-md-inline-size) + var(--hop-space-inline-sm));
4432
- --description-color: var(--hop-SwitchField-description-color);
4433
- display: flex;
4434
- flex-direction: column;
4435
- row-gap: var(--row-gap, var(--hop-space-stack-sm));
4436
- align-items: flex-start;
4437
- justify-content: flex-start;
4438
- box-sizing: border-box;
4439
- inline-size: max-content;
4440
- max-inline-size: 100%;
4441
- }
4442
- .SwitchField-module__hop-SwitchField___Ye5yq[data-disabled] {
4443
- --description-color: var(--hop-SwitchField-description-color-disabled);
4444
- }
4445
- .SwitchField-module__hop-SwitchField--sm___-XcBn {
4446
- --row-gap: var(--hop-SwitchField-sm-row-gap);
4447
- --description-margin-inline-start: var(--hop-SwitchField-description-sm-margin-inline-start);
4448
- }
4449
- .SwitchField-module__hop-SwitchField--md___zOE8e {
4450
- --row-gap: var(--hop-SwitchField-md-row-gap);
4451
- --description-margin-inline-start: var(--hop-SwitchField-description-md-margin-inline-start);
4452
- }
4453
- .SwitchField-module__hop-SwitchField__description___8AZp0 {
4454
- order: 2;
4455
- margin-inline-start: var(--description-margin-inline-start, var(--hop-SwitchField-description-md-margin-inline-start));
4456
- color: var(--description-color);
4457
- }
4458
- .SwitchField-module__hop-SwitchField__switch___-M62l {
4459
- order: 1;
4460
- }
4461
-
4462
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/Tag.module.css/#css-module-data */
4463
- .Tag-module__hop-Tag___TGBMS {
4464
- --hop-Tag-border-size: 0.0625rem;
4465
- --hop-Tag-border-radius: var(--hop-shape-pill);
4466
- --hop-Tag-sm-block-size: 1.25rem;
4467
- --hop-Tag-sm-padding-inline: var(--hop-space-inset-sm);
4468
- --hop-Tag-sm-column-gap: var(--hop-space-inline-xs);
4469
- --hop-Tag-sm-icon-margin-inline-start: 0;
4470
- --hop-Tag-sm-element-margin-inline-end-sm: calc(-1 * var(--hop-space-inline-xs));
4471
- --hop-Tag-sm-element-margin-inline-end-zero: calc(-1 * var(--hop-Tag-sm-padding-inline));
4472
- --hop-Tag-sm-badge-margin-inline-end: var(--hop-Tag-sm-element-margin-inline-end-zero);
4473
- --hop-Tag-sm-avatar-margin-inline-start: calc(var(--hop-Tag-sm-element-margin-inline-end-sm) - (var(--hop-space-inline-xs) / 2));
4474
- --hop-Tag-sm-clear-btn-margin-inline: calc(-1 * var(--hop-Tag-sm-column-gap)) var(--hop-Tag-sm-element-margin-inline-end-zero);
4475
- --hop-Tag-sm-spinner-margin-inline-end: var(--hop-Tag-sm-element-margin-inline-end-sm);
4476
- --hop-Tag-md-block-size: 1.5rem;
4477
- --hop-Tag-md-padding-inline: var(--hop-space-inset-sm);
4478
- --hop-Tag-md-column-gap: var(--hop-space-inline-xs);
4479
- --hop-Tag-md-icon-margin-inline-start: 0;
4480
- --hop-Tag-md-element-margin-inline-end-sm: calc(-1 * var(--hop-space-inline-xs));
4481
- --hop-Tag-md-element-margin-inline-end-zero: calc(-1 * var(--hop-Tag-md-padding-inline));
4482
- --hop-Tag-md-badge-margin-inline-end: var(--hop-Tag-md-element-margin-inline-end-zero);
4483
- --hop-Tag-md-avatar-margin-inline-start: var(--hop-Tag-md-element-margin-inline-end-sm);
4484
- --hop-Tag-md-clear-btn-margin-inline: calc(-1 * var(--hop-Tag-md-column-gap)) var(--hop-Tag-md-element-margin-inline-end-zero);
4485
- --hop-Tag-md-spinner-margin-inline-end: var(--hop-Tag-md-element-margin-inline-end-sm);
4486
- --hop-Tag-lg-block-size: 2rem;
4487
- --hop-Tag-lg-padding-inline: var(--hop-space-inset-md);
4488
- --hop-Tag-lg-column-gap: var(--hop-space-inline-sm);
4489
- --hop-Tag-lg-icon-margin-inline-start: calc(-1 * var(--hop-space-inline-sm));
4490
- --hop-Tag-lg-element-margin-inline-end-sm: calc(-1 * (var(--hop-Tag-lg-padding-inline) - var(--hop-space-inline-xs)));
4491
- --hop-Tag-lg-badge-margin-inline-end: var(--hop-Tag-lg-element-margin-inline-end-sm);
4492
- --hop-Tag-lg-avatar-margin-inline-start: var(--hop-Tag-lg-element-margin-inline-end-sm);
4493
- --hop-Tag-lg-clear-btn-margin-inline: 0 var(--hop-Tag-lg-element-margin-inline-end-sm);
4494
- --hop-Tag-lg-spinner-margin-inline-end: var(--hop-Tag-lg-element-margin-inline-end-sm);
4495
- --hop-Tag-neutral-border-color: var(--hop-neutral-border);
4496
- --hop-Tag-neutral-background-color: var(--hop-neutral-surface);
4497
- --hop-Tag-neutral-text-color: var(--hop-neutral-text);
4498
- --hop-Tag-subdued-border-color: var(--hop-neutral-border);
4499
- --hop-Tag-subdued-background-color: var(--hop-neutral-surface-weak);
4500
- --hop-Tag-subdued-text-color: var(--hop-neutral-text);
4501
- --hop-Tag-progress-border-color: transparent;
4502
- --hop-Tag-progress-background-color: var(--hop-status-progress-surface);
4503
- --hop-Tag-progress-text-color: var(--hop-status-progress-text);
4504
- --hop-Tag-positive-border-color: transparent;
4505
- --hop-Tag-positive-background-color: var(--hop-status-positive-surface);
4506
- --hop-Tag-positive-text-color: var(--hop-status-positive-text);
4507
- --hop-Tag-caution-border-color: transparent;
4508
- --hop-Tag-caution-background-color: var(--hop-status-caution-surface);
4509
- --hop-Tag-caution-text-color: var(--hop-status-caution-text);
4510
- --hop-Tag-negative-border-color: transparent;
4511
- --hop-Tag-negative-background-color: var(--hop-status-negative-surface);
4512
- --hop-Tag-negative-text-color: var(--hop-status-negative-text);
4513
- --hop-Tag-option1-border-color: transparent;
4514
- --hop-Tag-option1-background-color: var(--hop-status-option1-surface);
4515
- --hop-Tag-option1-text-color: var(--hop-status-option1-text);
4516
- --hop-Tag-option2-border-color: transparent;
4517
- --hop-Tag-option2-background-color: var(--hop-status-option2-surface);
4518
- --hop-Tag-option2-text-color: var(--hop-status-option2-text);
4519
- --hop-Tag-option3-border-color: transparent;
4520
- --hop-Tag-option3-background-color: var(--hop-status-option3-surface);
4521
- --hop-Tag-option3-text-color: var(--hop-status-option3-text);
4522
- --hop-Tag-option4-border-color: transparent;
4523
- --hop-Tag-option4-background-color: var(--hop-status-option4-surface);
4524
- --hop-Tag-option4-text-color: var(--hop-status-option4-text);
4525
- --hop-Tag-option5-border-color: transparent;
4526
- --hop-Tag-option5-background-color: var(--hop-status-option5-surface);
4527
- --hop-Tag-option5-text-color: var(--hop-status-option5-text);
4528
- --hop-Tag-option6-border-color: transparent;
4529
- --hop-Tag-option6-background-color: var(--hop-status-option6-surface);
4530
- --hop-Tag-option6-text-color: var(--hop-status-option6-text);
4531
- --hop-Tag-focus-ring-color: var(--hop-primary-border-focus);
4532
- --hop-Tag-neutral-background-color-focus: var(--hop-neutral-surface-hover);
4533
- --hop-Tag-neutral-border-color-focus: var(--hop-neutral-border-hover);
4534
- --hop-Tag-neutral-text-color-focus: var(--hop-neutral-text-hover);
4535
- --hop-Tag-subdued-background-color-focus: var(--hop-neutral-surface-weak-hover);
4536
- --hop-Tag-subdued-border-color-focus: var(--hop-neutral-border-hover);
4537
- --hop-Tag-subdued-text-color-focus: var(--hop-neutral-text-hover);
4538
- --hop-Tag-progress-background-color-focus: var(--hop-status-progress-surface-hover);
4539
- --hop-Tag-progress-border-color-focus: transparent;
4540
- --hop-Tag-progress-text-color-focus: var(--hop-status-progress-text-hover);
4541
- --hop-Tag-positive-background-color-focus: var(--hop-status-positive-surface-hover);
4542
- --hop-Tag-positive-border-color-focus: transparent;
4543
- --hop-Tag-positive-text-color-focus: var(--hop-status-positive-text-hover);
4544
- --hop-Tag-caution-background-color-focus: var(--hop-status-caution-surface-hover);
4545
- --hop-Tag-caution-border-color-focus: transparent;
4546
- --hop-Tag-caution-text-color-focus: var(--hop-status-caution-text-hover);
4547
- --hop-Tag-negative-background-color-focus: var(--hop-status-negative-surface-hover);
4548
- --hop-Tag-negative-border-color-focus: transparent;
4549
- --hop-Tag-negative-text-color-focus: var(--hop-status-negative-text-hover);
4550
- --hop-Tag-option1-background-color-focus: var(--hop-status-option1-surface-hover);
4551
- --hop-Tag-option1-border-color-focus: transparent;
4552
- --hop-Tag-option1-text-color-focus: var(--hop-status-option1-text-hover);
4553
- --hop-Tag-option2-background-color-focus: var(--hop-status-option2-surface-hover);
4554
- --hop-Tag-option2-border-color-focus: transparent;
4555
- --hop-Tag-option2-text-color-focus: var(--hop-status-option2-text-hover);
4556
- --hop-Tag-option3-background-color-focus: var(--hop-status-option3-surface-hover);
4557
- --hop-Tag-option3-border-color-focus: transparent;
4558
- --hop-Tag-option3-text-color-focus: var(--hop-status-option3-text-hover);
4559
- --hop-Tag-option4-background-color-focus: var(--hop-status-option4-surface-hover);
4560
- --hop-Tag-option4-border-color-focus: transparent;
4561
- --hop-Tag-option4-text-color-focus: var(--hop-status-option4-text-hover);
4562
- --hop-Tag-option5-background-color-focus: var(--hop-status-option5-surface-hover);
4563
- --hop-Tag-option5-border-color-focus: transparent;
4564
- --hop-Tag-option5-text-color-focus: var(--hop-status-option5-text-hover);
4565
- --hop-Tag-option6-background-color-focus: var(--hop-status-option6-surface-hover);
4566
- --hop-Tag-option6-border-color-focus: transparent;
4567
- --hop-Tag-option6-text-color-focus: var(--hop-status-option6-text-hover);
4568
- --hop-Tag-neutral-background-color-hover: var(--hop-neutral-surface-hover);
4569
- --hop-Tag-neutral-border-color-hover: var(--hop-neutral-border-hover);
4570
- --hop-Tag-neutral-text-color-hover: var(--hop-neutral-text-hover);
4571
- --hop-Tag-subdued-background-color-hover: var(--hop-neutral-surface-weak-hover);
4572
- --hop-Tag-subdued-border-color-hover: var(--hop-neutral-border-hover);
4573
- --hop-Tag-subdued-text-color-hover: var(--hop-neutral-text-hover);
4574
- --hop-Tag-progress-background-color-hover: var(--hop-status-progress-surface-hover);
4575
- --hop-Tag-progress-border-color-hover: transparent;
4576
- --hop-Tag-progress-text-color-hover: var(--hop-status-progress-text-hover);
4577
- --hop-Tag-positive-background-color-hover: var(--hop-status-positive-surface-hover);
4578
- --hop-Tag-positive-border-color-hover: transparent;
4579
- --hop-Tag-positive-text-color-hover: var(--hop-status-positive-text-hover);
4580
- --hop-Tag-caution-background-color-hover: var(--hop-status-caution-surface-hover);
4581
- --hop-Tag-caution-border-color-hover: transparent;
4582
- --hop-Tag-caution-text-color-hover: var(--hop-status-caution-text-hover);
4583
- --hop-Tag-negative-background-color-hover: var(--hop-status-negative-surface-hover);
4584
- --hop-Tag-negative-border-color-hover: transparent;
4585
- --hop-Tag-negative-text-color-hover: var(--hop-status-negative-text-hover);
4586
- --hop-Tag-option1-background-color-hover: var(--hop-status-option1-surface-hover);
4587
- --hop-Tag-option1-border-color-hover: transparent;
4588
- --hop-Tag-option1-text-color-hover: var(--hop-status-option1-text-hover);
4589
- --hop-Tag-option2-background-color-hover: var(--hop-status-option2-surface-hover);
4590
- --hop-Tag-option2-border-color-hover: transparent;
4591
- --hop-Tag-option2-text-color-hover: var(--hop-status-option2-text-hover);
4592
- --hop-Tag-option3-background-color-hover: var(--hop-status-option3-surface-hover);
4593
- --hop-Tag-option3-border-color-hover: transparent;
4594
- --hop-Tag-option3-text-color-hover: var(--hop-status-option3-text-hover);
4595
- --hop-Tag-option4-background-color-hover: var(--hop-status-option4-surface-hover);
4596
- --hop-Tag-option4-border-color-hover: transparent;
4597
- --hop-Tag-option4-text-color-hover: var(--hop-status-option4-text-hover);
4598
- --hop-Tag-option5-background-color-hover: var(--hop-status-option5-surface-hover);
4599
- --hop-Tag-option5-border-color-hover: transparent;
4600
- --hop-Tag-option5-text-color-hover: var(--hop-status-option5-text-hover);
4601
- --hop-Tag-option6-background-color-hover: var(--hop-status-option6-surface-hover);
4602
- --hop-Tag-option6-border-color-hover: transparent;
4603
- --hop-Tag-option6-text-color-hover: var(--hop-status-option6-text-hover);
4604
- --hop-Tag-background-color-selected: var(--hop-neutral-surface-selected);
4605
- --hop-Tag-border-color-selected: var(--hop-neutral-border-selected);
4606
- --hop-Tag-text-color-selected: var(--hop-neutral-text-selected);
4607
- --hop-Tag-neutral-background-color-press: var(--hop-neutral-surface-press);
4608
- --hop-Tag-neutral-border-color-press: var(--hop-neutral-border-press);
4609
- --hop-Tag-neutral-text-color-press: var(--hop-neutral-text-press);
4610
- --hop-Tag-subdued-background-color-press: var(--hop-neutral-surface-weak-press);
4611
- --hop-Tag-subdued-border-color-press: var(--hop-neutral-border-press);
4612
- --hop-Tag-subdued-text-color-press: var(--hop-neutral-text-press);
4613
- --hop-Tag-progress-background-color-press: var(--hop-status-progress-surface-press);
4614
- --hop-Tag-progress-border-color-press: transparent;
4615
- --hop-Tag-progress-text-color-press: var(--hop-status-progress-text-press);
4616
- --hop-Tag-positive-background-color-press: var(--hop-status-positive-surface-press);
4617
- --hop-Tag-positive-border-color-press: transparent;
4618
- --hop-Tag-positive-text-color-press: var(--hop-status-positive-text-press);
4619
- --hop-Tag-caution-background-color-press: var(--hop-status-caution-surface-press);
4620
- --hop-Tag-caution-border-color-press: transparent;
4621
- --hop-Tag-caution-text-color-press: var(--hop-status-caution-text-press);
4622
- --hop-Tag-negative-background-color-press: var(--hop-status-negative-surface-press);
4623
- --hop-Tag-negative-border-color-press: transparent;
4624
- --hop-Tag-negative-text-color-press: var(--hop-status-negative-text-press);
4625
- --hop-Tag-option1-background-color-press: var(--hop-status-option1-surface-press);
4626
- --hop-Tag-option1-border-color-press: transparent;
4627
- --hop-Tag-option1-text-color-press: var(--hop-status-option1-text-press);
4628
- --hop-Tag-option2-background-color-press: var(--hop-status-option2-surface-press);
4629
- --hop-Tag-option2-border-color-press: transparent;
4630
- --hop-Tag-option2-text-color-press: var(--hop-status-option2-text-press);
4631
- --hop-Tag-option3-background-color-press: var(--hop-status-option3-surface-press);
4632
- --hop-Tag-option3-border-color-press: transparent;
4633
- --hop-Tag-option3-text-color-press: var(--hop-status-option3-text-press);
4634
- --hop-Tag-option4-background-color-press: var(--hop-status-option4-surface-press);
4635
- --hop-Tag-option4-border-color-press: transparent;
4636
- --hop-Tag-option4-text-color-press: var(--hop-status-option4-text-press);
4637
- --hop-Tag-option5-background-color-press: var(--hop-status-option5-surface-press);
4638
- --hop-Tag-option5-border-color-press: transparent;
4639
- --hop-Tag-option5-text-color-press: var(--hop-status-option5-text-press);
4640
- --hop-Tag-option6-background-color-press: var(--hop-status-option6-surface-press);
4641
- --hop-Tag-option6-border-color-press: transparent;
4642
- --hop-Tag-option6-text-color-press: var(--hop-status-option6-text-press);
4643
- --hop-Tag-border-color-invalid: var(--hop-danger-border-strong);
4644
- --hop-Tag-neutral-background-color-disabled: var(--hop-neutral-surface-disabled);
4645
- --hop-Tag-neutral-border-color-disabled: var(--hop-neutral-border-weak);
4646
- --hop-Tag-neutral-text-color-disabled: var(--hop-neutral-text-disabled);
4647
- --hop-Tag-subdued-background-color-disabled: var(--hop-neutral-surface-disabled);
4648
- --hop-Tag-subdued-border-color-disabled: var(--hop-neutral-border-weak);
4649
- --hop-Tag-subdued-text-color-disabled: var(--hop-neutral-text-disabled);
4650
- --hop-Tag-progress-background-color-disabled: var(--hop-status-progress-surface-disabled);
4651
- --hop-Tag-progress-border-color-disabled: transparent;
4652
- --hop-Tag-progress-text-color-disabled: var(--hop-status-progress-text-disabled);
4653
- --hop-Tag-positive-background-color-disabled: var(--hop-status-positive-surface-disabled);
4654
- --hop-Tag-positive-border-color-disabled: transparent;
4655
- --hop-Tag-positive-text-color-disabled: var(--hop-status-positive-text-disabled);
4656
- --hop-Tag-caution-background-color-disabled: var(--hop-status-caution-surface-disabled);
4657
- --hop-Tag-caution-border-color-disabled: transparent;
4658
- --hop-Tag-caution-text-color-disabled: var(--hop-status-caution-text-disabled);
4659
- --hop-Tag-negative-background-color-disabled: var(--hop-status-negative-surface-disabled);
4660
- --hop-Tag-negative-border-color-disabled: transparent;
4661
- --hop-Tag-negative-text-color-disabled: var(--hop-status-negative-text-disabled);
4662
- --hop-Tag-option1-background-color-disabled: var(--hop-status-option1-surface-disabled);
4663
- --hop-Tag-option1-border-color-disabled: transparent;
4664
- --hop-Tag-option1-text-color-disabled: var(--hop-status-option1-text-disabled);
4665
- --hop-Tag-option2-background-color-disabled: var(--hop-status-option2-surface-disabled);
4666
- --hop-Tag-option2-border-color-disabled: transparent;
4667
- --hop-Tag-option2-text-color-disabled: var(--hop-status-option2-text-disabled);
4668
- --hop-Tag-option3-background-color-disabled: var(--hop-status-option3-surface-disabled);
4669
- --hop-Tag-option3-border-color-disabled: transparent;
4670
- --hop-Tag-option3-text-color-disabled: var(--hop-status-option3-text-disabled);
4671
- --hop-Tag-option4-background-color-disabled: var(--hop-status-option4-surface-disabled);
4672
- --hop-Tag-option4-border-color-disabled: transparent;
4673
- --hop-Tag-option4-text-color-disabled: var(--hop-status-option4-text-disabled);
4674
- --hop-Tag-option5-background-color-disabled: var(--hop-status-option5-surface-disabled);
4675
- --hop-Tag-option5-border-color-disabled: transparent;
4676
- --hop-Tag-option5-text-color-disabled: var(--hop-status-option5-text-disabled);
4677
- --hop-Tag-option6-background-color-disabled: var(--hop-status-option6-surface-disabled);
4678
- --hop-Tag-option6-border-color-disabled: transparent;
4679
- --hop-Tag-option6-text-color-disabled: var(--hop-status-option6-text-disabled);
4680
- --border-radius: var(--hop-Tag-border-radius);
4681
- --border-size: var(--hop-Tag-border-size);
4682
- --badge-secondary-margin-inline-start: calc(-1 * var(--column-gap));
4683
- --focus-ring-color: var(--hop-Tag-focus-ring-color);
4684
- overflow: hidden;
4685
- display: inline-flex;
4686
- column-gap: var(--column-gap);
4687
- align-items: center;
4688
- justify-content: center;
4689
- box-sizing: border-box;
4690
- inline-size: max-content;
4691
- max-inline-size: 100%;
4692
- block-size: var(--block-size);
4693
- padding-inline: var(--padding-inline);
4694
- color: var(--text-color);
4695
- white-space: nowrap;
4696
- background-color: var(--background-color);
4697
- border: var(--border-size) solid var(--border-color);
4698
- border-radius: var(--border-radius);
4699
- outline: none;
4700
- outline-offset: 0.125rem;
4701
- }
4702
- .Tag-module__hop-Tag--sm___kpbsa {
4703
- --block-size: var(--hop-Tag-sm-block-size);
4704
- --padding-inline: var(--hop-Tag-sm-padding-inline);
4705
- --column-gap: var(--hop-Tag-sm-column-gap);
4706
- --clear-btn-margin-inline: var(--hop-Tag-sm-clear-btn-margin-inline);
4707
- --avatar-margin-inline-start: var(--hop-Tag-sm-avatar-margin-inline-start);
4708
- --spinner-margin-inline-end: var(--hop-Tag-sm-spinner-margin-inline-end);
4709
- }
4710
- .Tag-module__hop-Tag--sm___kpbsa:not(:has(.Tag-module__hop-Tag__remove-btn___5yVei, .Tag-module__hop-Tag__Spinner___enPXH)) {
4711
- --badge-margin-inline-end: var(--hop-Tag-sm-badge-margin-inline-end);
4712
- }
4713
- .Tag-module__hop-Tag--sm___kpbsa:not(:has(.Tag-module__hop-Tag__avatar___j9dK0)) {
4714
- --icon-margin-inline-start: var(--hop-Tag-sm-icon-margin-inline-start);
4715
- }
4716
- .Tag-module__hop-Tag--md___d3nmC {
4717
- --block-size: var(--hop-Tag-md-block-size);
4718
- --padding-inline: var(--hop-Tag-md-padding-inline);
4719
- --column-gap: var(--hop-Tag-md-column-gap);
4720
- --clear-btn-margin-inline: var(--hop-Tag-md-clear-btn-margin-inline);
4721
- --avatar-margin-inline-start: var(--hop-Tag-md-avatar-margin-inline-start);
4722
- --spinner-margin-inline-end: var(--hop-Tag-md-spinner-margin-inline-end);
4723
- }
4724
- .Tag-module__hop-Tag--md___d3nmC:not(:has(.Tag-module__hop-Tag__remove-btn___5yVei, .Tag-module__hop-Tag__Spinner___enPXH)) {
4725
- --badge-margin-inline-end: var(--hop-Tag-md-badge-margin-inline-end);
4726
- }
4727
- .Tag-module__hop-Tag--md___d3nmC:not(:has(.Tag-module__hop-Tag__avatar___j9dK0)) {
4728
- --icon-margin-inline-start: var(--hop-Tag-md-icon-margin-inline-start);
4729
- }
4730
- .Tag-module__hop-Tag--lg___cAdUR {
4731
- --block-size: var(--hop-Tag-lg-block-size);
4732
- --padding-inline: var(--hop-Tag-lg-padding-inline);
4733
- --column-gap: var(--hop-Tag-lg-column-gap);
4734
- --clear-btn-margin-inline: var(--hop-Tag-lg-clear-btn-margin-inline);
4735
- --avatar-margin-inline-start: var(--hop-Tag-lg-avatar-margin-inline-start);
4736
- --spinner-margin-inline-end: var(--hop-Tag-lg-spinner-margin-inline-end);
4737
- }
4738
- .Tag-module__hop-Tag--lg___cAdUR:not(:has(.Tag-module__hop-Tag__remove-btn___5yVei, .Tag-module__hop-Tag__Spinner___enPXH)) {
4739
- --badge-margin-inline-end: var(--hop-Tag-lg-badge-margin-inline-end);
4740
- }
4741
- .Tag-module__hop-Tag--lg___cAdUR:not(:has(.Tag-module__hop-Tag__avatar___j9dK0)) {
4742
- --icon-margin-inline-start: var(--hop-Tag-lg-icon-margin-inline-start);
4743
- }
4744
- .Tag-module__hop-Tag--neutral___99oBc {
4745
- --border-color: var(--hop-Tag-neutral-border-color);
4746
- --background-color: var(--hop-Tag-neutral-background-color);
4747
- --text-color: var(--hop-Tag-neutral-text-color);
4748
- }
4749
- .Tag-module__hop-Tag--subdued___uvj9F {
4750
- --border-color: var(--hop-Tag-subdued-border-color);
4751
- --background-color: var(--hop-Tag-subdued-background-color);
4752
- --text-color: var(--hop-Tag-subdued-text-color);
4753
- }
4754
- .Tag-module__hop-Tag--progress___fWK48 {
4755
- --border-color: var(--hop-Tag-progress-border-color);
4756
- --background-color: var(--hop-Tag-progress-background-color);
4757
- --text-color: var(--hop-Tag-progress-text-color);
4758
- }
4759
- .Tag-module__hop-Tag--positive___-4Nij {
4760
- --border-color: var(--hop-Tag-positive-border-color);
4761
- --background-color: var(--hop-Tag-positive-background-color);
4762
- --text-color: var(--hop-Tag-positive-text-color);
4763
- }
4764
- .Tag-module__hop-Tag--caution___MgP0K {
4765
- --border-color: var(--hop-Tag-caution-border-color);
4766
- --background-color: var(--hop-Tag-caution-background-color);
4767
- --text-color: var(--hop-Tag-caution-text-color);
4768
- }
4769
- .Tag-module__hop-Tag--negative___orFXJ {
4770
- --border-color: var(--hop-Tag-negative-border-color);
4771
- --background-color: var(--hop-Tag-negative-background-color);
4772
- --text-color: var(--hop-Tag-negative-text-color);
4773
- }
4774
- .Tag-module__hop-Tag--option1___JWyc3 {
4775
- --border-color: var(--hop-Tag-option1-border-color);
4776
- --background-color: var(--hop-Tag-option1-background-color);
4777
- --text-color: var(--hop-Tag-option1-text-color);
4778
- }
4779
- .Tag-module__hop-Tag--option2___pbYw0 {
4780
- --border-color: var(--hop-Tag-option2-border-color);
4781
- --background-color: var(--hop-Tag-option2-background-color);
4782
- --text-color: var(--hop-Tag-option2-text-color);
4783
- }
4784
- .Tag-module__hop-Tag--option3___tGNXi {
4785
- --border-color: var(--hop-Tag-option3-border-color);
4786
- --background-color: var(--hop-Tag-option3-background-color);
4787
- --text-color: var(--hop-Tag-option3-text-color);
4788
- }
4789
- .Tag-module__hop-Tag--option4___lQjaE {
4790
- --border-color: var(--hop-Tag-option4-border-color);
4791
- --background-color: var(--hop-Tag-option4-background-color);
4792
- --text-color: var(--hop-Tag-option4-text-color);
4793
- }
4794
- .Tag-module__hop-Tag--option5___eMkf2 {
4795
- --border-color: var(--hop-Tag-option5-border-color);
4796
- --background-color: var(--hop-Tag-option5-background-color);
4797
- --text-color: var(--hop-Tag-option5-text-color);
4798
- }
4799
- .Tag-module__hop-Tag--option6___JNDQC {
4800
- --border-color: var(--hop-Tag-option6-border-color);
4801
- --background-color: var(--hop-Tag-option6-background-color);
4802
- --text-color: var(--hop-Tag-option6-text-color);
4803
- }
4804
- .Tag-module__hop-Tag___TGBMS[data-href] {
4805
- cursor: pointer;
4806
- }
4807
- .Tag-module__hop-Tag--neutral___99oBc[data-focus-visible] {
4808
- --border-color: var(--hop-Tag-neutral-border-color-focus);
4809
- --background-color: var(--hop-Tag-neutral-background-color-focus);
4810
- --text-color: var(--hop-Tag-neutral-text-color-focus);
4811
- }
4812
- .Tag-module__hop-Tag--neutral___99oBc[data-hovered] {
4813
- --border-color: var(--hop-Tag-neutral-border-color-hover);
4814
- --background-color: var(--hop-Tag-neutral-background-color-hover);
4815
- --text-color: var(--hop-Tag-neutral-text-color-hover);
4816
- }
4817
- .Tag-module__hop-Tag--neutral___99oBc[data-pressed] {
4818
- --border-color: var(--hop-Tag-neutral-border-color-press);
4819
- --background-color: var(--hop-Tag-neutral-background-color-press);
4820
- --text-color: var(--hop-Tag-neutral-text-color-press);
4821
- }
4822
- .Tag-module__hop-Tag--neutral___99oBc[data-disabled] {
4823
- --border-color: var(--hop-Tag-neutral-border-color-disabled);
4824
- --background-color: var(--hop-Tag-neutral-background-color-disabled);
4825
- --text-color: var(--hop-Tag-neutral-text-color-disabled);
4826
- }
4827
- .Tag-module__hop-Tag--subdued___uvj9F[data-focus-visible] {
4828
- --border-color: var(--hop-Tag-subdued-border-color-focus);
4829
- --background-color: var(--hop-Tag-subdued-background-color-focus);
4830
- --text-color: var(--hop-Tag-subdued-text-color-focus);
4831
- }
4832
- .Tag-module__hop-Tag--subdued___uvj9F[data-hovered] {
4833
- --border-color: var(--hop-Tag-subdued-border-color-hover);
4834
- --background-color: var(--hop-Tag-subdued-background-color-hover);
4835
- --text-color: var(--hop-Tag-subdued-text-color-hover);
4836
- }
4837
- .Tag-module__hop-Tag--subdued___uvj9F[data-pressed] {
4838
- --border-color: var(--hop-Tag-subdued-border-color-press);
4839
- --background-color: var(--hop-Tag-subdued-background-color-press);
4840
- --text-color: var(--hop-Tag-subdued-text-color-press);
4841
- }
4842
- .Tag-module__hop-Tag--subdued___uvj9F[data-disabled] {
4843
- --border-color: var(--hop-Tag-subdued-border-color-disabled);
4844
- --background-color: var(--hop-Tag-subdued-background-color-disabled);
4845
- --text-color: var(--hop-Tag-subdued-text-color-disabled);
4846
- }
4847
- .Tag-module__hop-Tag--progress___fWK48[data-focus-visible] {
4848
- --border-color: var(--hop-Tag-progress-border-color-focus);
4849
- --background-color: var(--hop-Tag-progress-background-color-focus);
4850
- --text-color: var(--hop-Tag-progress-text-color-focus);
4851
- }
4852
- .Tag-module__hop-Tag--progress___fWK48[data-hovered] {
4853
- --border-color: var(--hop-Tag-progress-border-color-hover);
4854
- --background-color: var(--hop-Tag-progress-background-color-hover);
4855
- --text-color: var(--hop-Tag-progress-text-color-hover);
4856
- }
4857
- .Tag-module__hop-Tag--progress___fWK48[data-pressed] {
4858
- --border-color: var(--hop-Tag-progress-border-color-press);
4859
- --background-color: var(--hop-Tag-progress-background-color-press);
4860
- --text-color: var(--hop-Tag-progress-text-color-press);
4861
- }
4862
- .Tag-module__hop-Tag--progress___fWK48[data-disabled] {
4863
- --border-color: var(--hop-Tag-progress-border-color-disabled);
4864
- --background-color: var(--hop-Tag-progress-background-color-disabled);
4865
- --text-color: var(--hop-Tag-progress-text-color-disabled);
4866
- }
4867
- .Tag-module__hop-Tag--positive___-4Nij[data-focus-visible] {
4868
- --border-color: var(--hop-Tag-positive-border-color-focus);
4869
- --background-color: var(--hop-Tag-positive-background-color-focus);
4870
- --text-color: var(--hop-Tag-positive-text-color-focus);
4871
- }
4872
- .Tag-module__hop-Tag--positive___-4Nij[data-hovered] {
4873
- --border-color: var(--hop-Tag-positive-border-color-hover);
4874
- --background-color: var(--hop-Tag-positive-background-color-hover);
4875
- --text-color: var(--hop-Tag-positive-text-color-hover);
4876
- }
4877
- .Tag-module__hop-Tag--positive___-4Nij[data-pressed] {
4878
- --border-color: var(--hop-Tag-positive-border-color-press);
4879
- --background-color: var(--hop-Tag-positive-background-color-press);
4880
- --text-color: var(--hop-Tag-positive-text-color-press);
4881
- }
4882
- .Tag-module__hop-Tag--positive___-4Nij[data-disabled] {
4883
- --border-color: var(--hop-Tag-positive-border-color-disabled);
4884
- --background-color: var(--hop-Tag-positive-background-color-disabled);
4885
- --text-color: var(--hop-Tag-positive-text-color-disabled);
4886
- }
4887
- .Tag-module__hop-Tag--caution___MgP0K[data-focus-visible] {
4888
- --border-color: var(--hop-Tag-caution-border-color-focus);
4889
- --background-color: var(--hop-Tag-caution-background-color-focus);
4890
- --text-color: var(--hop-Tag-caution-text-color-focus);
4891
- }
4892
- .Tag-module__hop-Tag--caution___MgP0K[data-hovered] {
4893
- --border-color: var(--hop-Tag-caution-border-color-hover);
4894
- --background-color: var(--hop-Tag-caution-background-color-hover);
4895
- --text-color: var(--hop-Tag-caution-text-color-hover);
4896
- }
4897
- .Tag-module__hop-Tag--caution___MgP0K[data-pressed] {
4898
- --border-color: var(--hop-Tag-caution-border-color-press);
4899
- --background-color: var(--hop-Tag-caution-background-color-press);
4900
- --text-color: var(--hop-Tag-caution-text-color-press);
4901
- }
4902
- .Tag-module__hop-Tag--caution___MgP0K[data-disabled] {
4903
- --border-color: var(--hop-Tag-caution-border-color-disabled);
4904
- --background-color: var(--hop-Tag-caution-background-color-disabled);
4905
- --text-color: var(--hop-Tag-caution-text-color-disabled);
4906
- }
4907
- .Tag-module__hop-Tag--negative___orFXJ[data-focus-visible] {
4908
- --border-color: var(--hop-Tag-negative-border-color-focus);
4909
- --background-color: var(--hop-Tag-negative-background-color-focus);
4910
- --text-color: var(--hop-Tag-negative-text-color-focus);
4911
- }
4912
- .Tag-module__hop-Tag--negative___orFXJ[data-hovered] {
4913
- --border-color: var(--hop-Tag-negative-border-color-hover);
4914
- --background-color: var(--hop-Tag-negative-background-color-hover);
4915
- --text-color: var(--hop-Tag-negative-text-color-hover);
4916
- }
4917
- .Tag-module__hop-Tag--negative___orFXJ[data-pressed] {
4918
- --border-color: var(--hop-Tag-negative-border-color-press);
4919
- --background-color: var(--hop-Tag-negative-background-color-press);
4920
- --text-color: var(--hop-Tag-negative-text-color-press);
4921
- }
4922
- .Tag-module__hop-Tag--negative___orFXJ[data-disabled] {
4923
- --border-color: var(--hop-Tag-negative-border-color-disabled);
4924
- --background-color: var(--hop-Tag-negative-background-color-disabled);
4925
- --text-color: var(--hop-Tag-negative-text-color-disabled);
4926
- }
4927
- .Tag-module__hop-Tag--option1___JWyc3[data-focus-visible] {
4928
- --border-color: var(--hop-Tag-option1-border-color-focus);
4929
- --background-color: var(--hop-Tag-option1-background-color-focus);
4930
- --text-color: var(--hop-Tag-option1-text-color-focus);
4931
- }
4932
- .Tag-module__hop-Tag--option1___JWyc3[data-hovered] {
4933
- --border-color: var(--hop-Tag-option1-border-color-hover);
4934
- --background-color: var(--hop-Tag-option1-background-color-hover);
4935
- --text-color: var(--hop-Tag-option1-text-color-hover);
4936
- }
4937
- .Tag-module__hop-Tag--option1___JWyc3[data-pressed] {
4938
- --border-color: var(--hop-Tag-option1-border-color-press);
4939
- --background-color: var(--hop-Tag-option1-background-color-press);
4940
- --text-color: var(--hop-Tag-option1-text-color-press);
4941
- }
4942
- .Tag-module__hop-Tag--option1___JWyc3[data-disabled] {
4943
- --border-color: var(--hop-Tag-option1-border-color-disabled);
4944
- --background-color: var(--hop-Tag-option1-background-color-disabled);
4945
- --text-color: var(--hop-Tag-option1-text-color-disabled);
4946
- }
4947
- .Tag-module__hop-Tag--option2___pbYw0[data-focus-visible] {
4948
- --border-color: var(--hop-Tag-option2-border-color-focus);
4949
- --background-color: var(--hop-Tag-option2-background-color-focus);
4950
- --text-color: var(--hop-Tag-option2-text-color-focus);
4951
- }
4952
- .Tag-module__hop-Tag--option2___pbYw0[data-hovered] {
4953
- --border-color: var(--hop-Tag-option2-border-color-hover);
4954
- --background-color: var(--hop-Tag-option2-background-color-hover);
4955
- --text-color: var(--hop-Tag-option2-text-color-hover);
4956
- }
4957
- .Tag-module__hop-Tag--option2___pbYw0[data-pressed] {
4958
- --border-color: var(--hop-Tag-option2-border-color-press);
4959
- --background-color: var(--hop-Tag-option2-background-color-press);
4960
- --text-color: var(--hop-Tag-option2-text-color-press);
4961
- }
4962
- .Tag-module__hop-Tag--option2___pbYw0[data-disabled] {
4963
- --border-color: var(--hop-Tag-option2-border-color-disabled);
4964
- --background-color: var(--hop-Tag-option2-background-color-disabled);
4965
- --text-color: var(--hop-Tag-option2-text-color-disabled);
4966
- }
4967
- .Tag-module__hop-Tag--option3___tGNXi[data-focus-visible] {
4968
- --border-color: var(--hop-Tag-option3-border-color-focus);
4969
- --background-color: var(--hop-Tag-option3-background-color-focus);
4970
- --text-color: var(--hop-Tag-option3-text-color-focus);
4971
- }
4972
- .Tag-module__hop-Tag--option3___tGNXi[data-hovered] {
4973
- --border-color: var(--hop-Tag-option3-border-color-hover);
4974
- --background-color: var(--hop-Tag-option3-background-color-hover);
4975
- --text-color: var(--hop-Tag-option3-text-color-hover);
4976
- }
4977
- .Tag-module__hop-Tag--option3___tGNXi[data-pressed] {
4978
- --border-color: var(--hop-Tag-option3-border-color-press);
4979
- --background-color: var(--hop-Tag-option3-background-color-press);
4980
- --text-color: var(--hop-Tag-option3-text-color-press);
4981
- }
4982
- .Tag-module__hop-Tag--option3___tGNXi[data-disabled] {
4983
- --border-color: var(--hop-Tag-option3-border-color-disabled);
4984
- --background-color: var(--hop-Tag-option3-background-color-disabled);
4985
- --text-color: var(--hop-Tag-option3-text-color-disabled);
4986
- }
4987
- .Tag-module__hop-Tag--option4___lQjaE[data-focus-visible] {
4988
- --border-color: var(--hop-Tag-option4-border-color-focus);
4989
- --background-color: var(--hop-Tag-option4-background-color-focus);
4990
- --text-color: var(--hop-Tag-option4-text-color-focus);
4991
- }
4992
- .Tag-module__hop-Tag--option4___lQjaE[data-hovered] {
4993
- --border-color: var(--hop-Tag-option4-border-color-hover);
4994
- --background-color: var(--hop-Tag-option4-background-color-hover);
4995
- --text-color: var(--hop-Tag-option4-text-color-hover);
4996
- }
4997
- .Tag-module__hop-Tag--option4___lQjaE[data-pressed] {
4998
- --border-color: var(--hop-Tag-option4-border-color-press);
4999
- --background-color: var(--hop-Tag-option4-background-color-press);
5000
- --text-color: var(--hop-Tag-option4-text-color-press);
5001
- }
5002
- .Tag-module__hop-Tag--option4___lQjaE[data-disabled] {
5003
- --border-color: var(--hop-Tag-option4-border-color-disabled);
5004
- --background-color: var(--hop-Tag-option4-background-color-disabled);
5005
- --text-color: var(--hop-Tag-option4-text-color-disabled);
5006
- }
5007
- .Tag-module__hop-Tag--option5___eMkf2[data-focus-visible] {
5008
- --border-color: var(--hop-Tag-option5-border-color-focus);
5009
- --background-color: var(--hop-Tag-option5-background-color-focus);
5010
- --text-color: var(--hop-Tag-option5-text-color-focus);
5011
- }
5012
- .Tag-module__hop-Tag--option5___eMkf2[data-hovered] {
5013
- --border-color: var(--hop-Tag-option5-border-color-hover);
5014
- --background-color: var(--hop-Tag-option5-background-color-hover);
5015
- --text-color: var(--hop-Tag-option5-text-color-hover);
5016
- }
5017
- .Tag-module__hop-Tag--option5___eMkf2[data-pressed] {
5018
- --border-color: var(--hop-Tag-option5-border-color-press);
5019
- --background-color: var(--hop-Tag-option5-background-color-press);
5020
- --text-color: var(--hop-Tag-option5-text-color-press);
5021
- }
5022
- .Tag-module__hop-Tag--option5___eMkf2[data-disabled] {
5023
- --border-color: var(--hop-Tag-option5-border-color-disabled);
5024
- --background-color: var(--hop-Tag-option5-background-color-disabled);
5025
- --text-color: var(--hop-Tag-option5-text-color-disabled);
5026
- }
5027
- .Tag-module__hop-Tag--option6___JNDQC[data-focus-visible] {
5028
- --border-color: var(--hop-Tag-option6-border-color-focus);
5029
- --background-color: var(--hop-Tag-option6-background-color-focus);
5030
- --text-color: var(--hop-Tag-option6-text-color-focus);
5031
- }
5032
- .Tag-module__hop-Tag--option6___JNDQC[data-hovered] {
5033
- --border-color: var(--hop-Tag-option6-border-color-hover);
5034
- --background-color: var(--hop-Tag-option6-background-color-hover);
5035
- --text-color: var(--hop-Tag-option6-text-color-hover);
5036
- }
5037
- .Tag-module__hop-Tag--option6___JNDQC[data-pressed] {
5038
- --border-color: var(--hop-Tag-option6-border-color-press);
5039
- --background-color: var(--hop-Tag-option6-background-color-press);
5040
- --text-color: var(--hop-Tag-option6-text-color-press);
5041
- }
5042
- .Tag-module__hop-Tag--option6___JNDQC[data-disabled] {
5043
- --border-color: var(--hop-Tag-option6-border-color-disabled);
5044
- --background-color: var(--hop-Tag-option6-background-color-disabled);
5045
- --text-color: var(--hop-Tag-option6-text-color-disabled);
5046
- }
5047
- .Tag-module__hop-Tag___TGBMS[data-focus-visible] {
5048
- outline: 0.125rem solid var(--focus-ring-color);
5049
- }
5050
- .Tag-module__hop-Tag___TGBMS[data-hovered] {
5051
- cursor: pointer;
5052
- }
5053
- .Tag-module__hop-Tag___TGBMS[data-selected] {
5054
- --background-color: var(--hop-Tag-background-color-selected);
5055
- --border-color: var(--hop-Tag-border-color-selected);
5056
- --text-color: var(--hop-Tag-text-color-selected);
5057
- }
5058
- .Tag-module__hop-Tag___TGBMS[data-pressed] {
5059
- cursor: pointer;
5060
- }
5061
- .Tag-module__hop-Tag___TGBMS[data-invalid] {
5062
- --border-color: var(--hop-Tag-border-color-invalid);
5063
- }
5064
- .Tag-module__hop-Tag___TGBMS[data-disabled] {
5065
- cursor: not-allowed;
5066
- }
5067
- .Tag-module__hop-Tag__avatar___j9dK0 {
5068
- flex: 0 0 auto;
5069
- order: 1;
5070
- margin-inline-start: var(--avatar-margin-inline-start);
5071
- }
5072
- .Tag-module__hop-Tag__icon___79-I6,
5073
- .Tag-module__hop-Tag__icon-list___BBkr5 {
5074
- flex: 0 0 auto;
5075
- flex-wrap: nowrap;
5076
- order: 2;
5077
- margin-inline-start: var(--icon-margin-inline-start, 0);
5078
- }
5079
- .Tag-module__hop-Tag__text___vNl39 {
5080
- overflow: hidden;
5081
- flex: 1 1 auto;
5082
- order: 3;
5083
- min-inline-size: 0;
5084
- text-align: center;
5085
- text-overflow: ellipsis;
5086
- }
5087
- .Tag-module__hop-Tag__badge___X-KIZ {
5088
- flex: 0 0 auto;
5089
- order: 4;
5090
- margin-inline-end: var(--badge-margin-inline-end);
5091
- }
5092
- .Tag-module__hop-Tag___TGBMS .Tag-module__hop-Tag__badge--subdued___CoiEq {
5093
- margin-inline-start: var(--badge-secondary-margin-inline-start);
5094
- color: inherit;
5095
- background: none;
5096
- }
5097
- .Tag-module__hop-Tag--sm___kpbsa .Tag-module__hop-Tag__badge___X-KIZ {
5098
- block-size: 100%;
5099
- }
5100
- .Tag-module__hop-Tag__remove-btn___5yVei,
5101
- .Tag-module__hop-Tag__Spinner___enPXH {
5102
- flex: 0 0 auto;
5103
- order: 5;
5104
- }
5105
- .Tag-module__hop-Tag__Spinner___enPXH {
5106
- margin-inline-end: var(--spinner-margin-inline-end);
5107
- }
5108
- .Tag-module__hop-Tag__remove-btn___5yVei {
5109
- margin-inline: var(--clear-btn-margin-inline);
5110
- }
5111
-
5112
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/TagGroup.module.css/#css-module-data */
5113
- .TagGroup-module__hop-TagGroup___JrJGa {
5114
- --hop-TagGroup-row-gap: var(--hop-space-inline-sm);
5115
- --hop-TagGroup-list-column-gap: var(--hop-space-inline-sm);
5116
- --hop-TagGroup-list-row-gap: var(--hop-space-inline-sm);
5117
- --hop-TagGroup-list-focus-ring-color: var(--hop-primary-border-focus);
5118
- --hop-TagGroup-list-border-radius: var(--hop-shape-rounded-sm);
5119
- --row-gap: var(--hop-TagGroup-row-gap);
5120
- --list-column-gap: var(--hop-TagGroup-list-column-gap);
5121
- --list-row-gap: var(--hop-TagGroup-list-row-gap);
5122
- --list-focus-ring-color: var(--hop-TagGroup-list-focus-ring-color);
5123
- --list-border-radius: var(--hop-TagGroup-list-border-radius);
5124
- display: flex;
5125
- flex-direction: column;
5126
- row-gap: var(--row-gap);
5127
- align-items: flex-start;
5128
- justify-content: flex-start;
5129
- box-sizing: border-box;
5130
- inline-size: max-content;
5131
- max-inline-size: 100%;
5132
- }
5133
- .TagGroup-module__hop-TagGroup___JrJGa > .TagGroup-module__hop-TagGroup__label___BFPSX {
5134
- order: 1;
5135
- }
5136
- .TagGroup-module__hop-TagGroup__list___RFC7g {
5137
- display: flex;
5138
- flex-wrap: wrap;
5139
- gap: var(--list-row-gap) var(--list-column-gap);
5140
- align-items: center;
5141
- order: 2;
5142
- border-radius: var(--list-border-radius);
5143
- outline: none;
5144
- }
5145
- .TagGroup-module__hop-TagGroup__list___RFC7g[data-focus-visible] {
5146
- outline: 0.125rem solid var(--list-focus-ring-color);
5147
- outline-offset: 0.125rem;
5148
- }
5149
- .TagGroup-module__hop-TagGroup___JrJGa > .TagGroup-module__hop-TagGroup__error-message___HWfPz,
5150
- .TagGroup-module__hop-TagGroup___JrJGa > .TagGroup-module__hop-TagGroup__helper-message___tV0vu {
5151
- order: 3;
5152
- }
5153
-
5154
- /* ../tokens/dist/fonts.css */
5155
- @font-face {
5156
- font-family: "Inter";
5157
- font-style: normal;
5158
- font-weight: 100 900;
5159
- src: url(https://cdn.platform.workleap.com/hopper/fonts/inter/v4/InterVariable.woff2) format("woff2-variations");
5160
- font-display: fallback;
5161
- }
5162
- @font-face {
5163
- font-family: "ABC Favorit Mono";
5164
- font-style: normal;
5165
- font-weight: 400;
5166
- src: url(https://cdn.platform.workleap.com/hopper/fonts/abc-favorit/mono/alternative/ABCFavoritMono-Regular.woff2) format("woff2-variations");
5167
- font-display: fallback;
5168
- }
5169
- @font-face {
5170
- font-family: "ABC Favorit";
5171
- font-style: normal;
5172
- font-weight: 100 900;
5173
- src: url(https://cdn.platform.workleap.com/hopper/fonts/abc-favorit/alternative/ABCFavoritVariable.woff2) format("woff2-variations");
5174
- font-display: fallback;
5175
- }
5176
-
5177
- /* src/index.css */
5178
-
5179
3580
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/Popover/src/Popover.module.css/#css-module-data */
5180
- :where(.Popover-module__hop-Popover___O1hxD *) {
3581
+ :where(.Popover-module__hop-Popover___ocuC9 *) {
5181
3582
  font-family: var(--font-family);
5182
3583
  font-size: var(--font-size);
5183
3584
  font-weight: var(--font-weight);
5184
3585
  line-height: var(--line-height);
5185
3586
  outline: none;
5186
3587
  }
5187
- .Popover-module__hop-Popover___O1hxD {
3588
+ .Popover-module__hop-Popover___ocuC9 {
5188
3589
  --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
5189
3590
  --hop-Popover-inline-width: 25rem;
5190
3591
  --hop-Popover-dropdown-inline-width: var(--trigger-width);
@@ -5197,22 +3598,22 @@
5197
3598
  inline-size: var(--width);
5198
3599
  max-inline-size: var(--max-width);
5199
3600
  }
5200
- .Popover-module__hop-Popover___O1hxD[data-trigger=Select] {
3601
+ .Popover-module__hop-Popover___ocuC9[data-trigger=Select] {
5201
3602
  --width: var(--hop-Popover-dropdown-inline-width);
5202
3603
  }
5203
- .Popover-module__hop-Popover___O1hxD[data-trigger=ComboBox] {
3604
+ .Popover-module__hop-Popover___ocuC9[data-trigger=ComboBox] {
5204
3605
  --width: var(--hop-Popover-combo-box-dropdown-inline-width);
5205
3606
  }
5206
- .Popover-module__hop-Popover___O1hxD[data-auto-width] {
3607
+ .Popover-module__hop-Popover___ocuC9[data-auto-width] {
5207
3608
  --width: var(--hop-Popover-dropdown-auto-inline-width);
5208
3609
  }
5209
- .Popover-module__hop-Popover___O1hxD[data-entering] {
5210
- animation: Popover-module__fade___M6MSl 0.25s;
3610
+ .Popover-module__hop-Popover___ocuC9[data-entering] {
3611
+ animation: Popover-module__fade___GISCx 0.25s;
5211
3612
  }
5212
- .Popover-module__hop-Popover___O1hxD[data-exiting] {
5213
- animation: Popover-module__fade___M6MSl 0.25s reverse;
3613
+ .Popover-module__hop-Popover___ocuC9[data-exiting] {
3614
+ animation: Popover-module__fade___GISCx 0.25s reverse;
5214
3615
  }
5215
- @keyframes Popover-module__fade___M6MSl {
3616
+ @keyframes Popover-module__fade___GISCx {
5216
3617
  from {
5217
3618
  opacity: 0;
5218
3619
  }
@@ -5220,14 +3621,14 @@
5220
3621
  opacity: 1;
5221
3622
  }
5222
3623
  }
5223
- .Popover-module__hop-Popover__wrapper___FiFqq {
3624
+ .Popover-module__hop-Popover__wrapper___D9gvx {
5224
3625
  display: flex;
5225
3626
  flex: 1 1 auto;
5226
3627
  flex-direction: column;
5227
3628
  min-block-size: 0;
5228
3629
  }
5229
- .Popover-module__hop-Popover__dialog___EdxN2,
5230
- .Popover-module__hop-Popover__dropdown___0n3T8 {
3630
+ .Popover-module__hop-Popover__dialog___EbOYN,
3631
+ .Popover-module__hop-Popover__dropdown___p0SJu {
5231
3632
  --hop-Popover-background: var(--hop-neutral-surface);
5232
3633
  --hop-Popover-font-family: var(--hop-body-sm-font-family);
5233
3634
  --hop-Popover-font-size: var(--hop-body-sm-font-size);
@@ -5273,21 +3674,21 @@
5273
3674
  border-radius: var(--hop-Popover-border-radius);
5274
3675
  box-shadow: var(--hop-Popover-box-shadow);
5275
3676
  }
5276
- .Popover-module__hop-Popover__dropdown___0n3T8 {
3677
+ .Popover-module__hop-Popover__dropdown___p0SJu {
5277
3678
  --footer-margin: var(--hop-Popover-footer-dropdown-margin);
5278
3679
  --footer-place-self: stretch;
5279
3680
  --grid-template: var(--hop-Popover-dropdown-grid-template);
5280
3681
  --padding: var(--hop-Popover-dropdown-padding);
5281
3682
  overflow: hidden;
5282
3683
  }
5283
- .Popover-module__hop-Popover__dialog___EdxN2 {
3684
+ .Popover-module__hop-Popover__dialog___EbOYN {
5284
3685
  --padding: var(--hop-Popover-dialog-padding);
5285
3686
  }
5286
- .Popover-module__hop-Popover__title___XeW0X {
3687
+ .Popover-module__hop-Popover__title___wj18F {
5287
3688
  grid-area: header;
5288
3689
  color: var(--hop-Popover-color);
5289
3690
  }
5290
- .Popover-module__hop-Popover__content___MK7yG {
3691
+ .Popover-module__hop-Popover__content___W-UI4 {
5291
3692
  --font-size: var(--hop-Popover-content-font-size);
5292
3693
  --line-height: var(--hop-Popover-content-line-height);
5293
3694
  grid-area: content;
@@ -5296,7 +3697,12 @@
5296
3697
  padding: 0;
5297
3698
  color: var(--hop-Popover-content-color);
5298
3699
  }
5299
- .Popover-module__hop-Popover__dropdown___0n3T8 .Popover-module__hop-Popover__list-box___x9aN4 {
3700
+ .Popover-module__hop-Popover___ocuC9:not(:has(.Popover-module__hop-Popover__title___wj18F)) {
3701
+ .Popover-module__hop-Popover__content___W-UI4 {
3702
+ margin-block: 0 var(--hop-Popover-row-gap) 0;
3703
+ }
3704
+ }
3705
+ .Popover-module__hop-Popover__dropdown___p0SJu .Popover-module__hop-Popover__list-box___YGY9h {
5300
3706
  grid-area: content;
5301
3707
  inline-size: auto;
5302
3708
  min-inline-size: auto;
@@ -5304,7 +3710,7 @@
5304
3710
  max-block-size: var(--hop-Popover-list-box-dropdown-max-height);
5305
3711
  border: none;
5306
3712
  }
5307
- .Popover-module__hop-Popover__footer___W8Uyh {
3713
+ .Popover-module__hop-Popover__footer___ENMY0 {
5308
3714
  --font-size: var(--hop-Popover-footer-font-size);
5309
3715
  --line-height: var(--hop-Popover-footer-line-height);
5310
3716
  grid-area: footer;
@@ -5312,22 +3718,59 @@
5312
3718
  margin: var(--footer-margin);
5313
3719
  color: var(--hop-Popover-color);
5314
3720
  }
5315
- .Popover-module__hop-Popover__dropdown___0n3T8 .Popover-module__hop-Popover__footer___W8Uyh {
3721
+ .Popover-module__hop-Popover__dropdown___p0SJu .Popover-module__hop-Popover__footer___ENMY0 {
5316
3722
  padding: var(--hop-Popover-footer-dropdown-footer-padding);
5317
3723
  border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
5318
3724
  }
5319
- .Popover-module__hop-Popover__actions___aydxV,
5320
- .Popover-module__hop-Popover__action___N2C1w {
3725
+ .Popover-module__hop-Popover__actions___pa9Fn,
3726
+ .Popover-module__hop-Popover__action___-TsAZ {
5321
3727
  grid-area: action;
5322
3728
  justify-self: end;
5323
3729
  margin-block-start: var(--hop-Popover-row-gap);
5324
3730
  }
5325
- .Popover-module__hop-Popover___O1hxD:has(.Popover-module__hop-Popover__actions___aydxV, .Popover-module__hop-Popover__action___N2C1w) .Popover-module__hop-Popover__footer___W8Uyh {
3731
+ .Popover-module__hop-Popover___ocuC9:has(.Popover-module__hop-Popover__actions___pa9Fn, .Popover-module__hop-Popover__action___-TsAZ) .Popover-module__hop-Popover__footer___ENMY0 {
5326
3732
  margin-inline-end: var(--hop-Popover-column-gap);
5327
3733
  }
5328
3734
 
3735
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/SelectValue.module.css/#css-module-data */
3736
+ .SelectValue-module__hop-SelectValue___6oEcc {
3737
+ --hop-SelectValue-display: inline-block;
3738
+ --hop-SelectValue-slots-display: flex;
3739
+ --hop-SelectValue-column-gap: var(--hop-space-inline-sm);
3740
+ --display: var(--hop-SelectValue-display);
3741
+ overflow: hidden;
3742
+ display: var(--display);
3743
+ flex: 1 1 auto;
3744
+ column-gap: var(--hop-SelectValue-column-gap);
3745
+ align-items: center;
3746
+ box-sizing: border-box;
3747
+ min-inline-size: 0;
3748
+ text-overflow: ellipsis;
3749
+ white-space: nowrap;
3750
+ }
3751
+ .SelectValue-module__hop-SelectValue___6oEcc:has(.SelectValue-module__hop-SelectValue__text___wajRT) {
3752
+ --display: var(--hop-SelectValue-slots-display);
3753
+ }
3754
+ .SelectValue-module__hop-SelectValue__avatar___BoNKy {
3755
+ order: 1;
3756
+ }
3757
+ .SelectValue-module__hop-SelectValue__icon___RVcVl {
3758
+ order: 2;
3759
+ }
3760
+ .SelectValue-module__hop-SelectValue__text___wajRT {
3761
+ overflow: hidden;
3762
+ flex: 1 1 auto;
3763
+ order: 3;
3764
+ min-inline-size: 0;
3765
+ text-overflow: ellipsis;
3766
+ white-space: nowrap;
3767
+ }
3768
+ .SelectValue-module__hop-SelectValue__end-icon___t-n84 {
3769
+ order: 4;
3770
+ }
3771
+
5329
3772
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/Select.module.css/#css-module-data */
5330
- .Select-module__hop-Select___72t6b {
3773
+ .Select-module__hop-Select___y2Mwz {
5331
3774
  --hop-Select-row-gap: var(--hop-space-stack-xs);
5332
3775
  --hop-Select-inline-size: 20rem;
5333
3776
  --hop-Select-inline-size-fluid: 100%;
@@ -5379,13 +3822,13 @@
5379
3822
  inline-size: var(--inline-size);
5380
3823
  max-inline-size: var(--hop-Select-max-inline-size);
5381
3824
  }
5382
- .Select-module__hop-Select--fluid___uvqu7 {
3825
+ .Select-module__hop-Select--fluid___1-5pH {
5383
3826
  --inline-size: var(--hop-Select-inline-size-fluid);
5384
3827
  }
5385
- .Select-module__hop-Select__label___KfPsT {
3828
+ .Select-module__hop-Select__label___p5cFG {
5386
3829
  order: 1;
5387
3830
  }
5388
- .Select-module__hop-Select__button___1acb0 {
3831
+ .Select-module__hop-Select__button___XDgRJ {
5389
3832
  cursor: var(--button-cursor);
5390
3833
  display: flex;
5391
3834
  column-gap: var(--hop-Select-button-column-gap);
@@ -5401,28 +3844,28 @@
5401
3844
  border-radius: var(--hop-Select-button-border-radius);
5402
3845
  outline: none;
5403
3846
  }
5404
- .Select-module__hop-Select__button--sm___EMqHq {
3847
+ .Select-module__hop-Select__button--sm___UiljJ {
5405
3848
  --button-block-size: var(--hop-Select-button-sm-block-size);
5406
3849
  }
5407
- .Select-module__hop-Select__button--md___4NQkN {
3850
+ .Select-module__hop-Select__button--md___G0D4n {
5408
3851
  --button-block-size: var(--hop-Select-button-md-block-size);
5409
3852
  }
5410
- .Select-module__hop-Select__button___1acb0[data-hovered] {
3853
+ .Select-module__hop-Select__button___XDgRJ[data-hovered] {
5411
3854
  --button-background-color: var(--hop-Select-button-background-color-hovered);
5412
3855
  --button-border-color: var(--hop-Select-button-border-color-hovered);
5413
3856
  --button-color: var(--hop-Select-button-color-hovered);
5414
3857
  --button-icon-color: var(--hop-Select-button-icon-color-hovered);
5415
3858
  }
5416
- .Select-module__hop-Select__button___1acb0[data-pressed] {
3859
+ .Select-module__hop-Select__button___XDgRJ[data-pressed] {
5417
3860
  --button-background-color: var(--hop-Select-button-background-color-selected);
5418
3861
  --button-border-color: var(--hop-Select-button-border-color-selected);
5419
3862
  --button-color: var(--hop-Select-button-color-selected);
5420
3863
  --button-icon-color: var(--hop-Select-button-icon-color-selected);
5421
3864
  }
5422
- .Select-module__hop-Select__button___1acb0[data-invalid] {
3865
+ .Select-module__hop-Select__button___XDgRJ[data-invalid] {
5423
3866
  --button-border-color: var(--hop-Select-button-border-color-invalid);
5424
3867
  }
5425
- .Select-module__hop-Select__button___1acb0[data-focus-visible] {
3868
+ .Select-module__hop-Select__button___XDgRJ[data-focus-visible] {
5426
3869
  --button-background-color: var(--hop-Select-button-background-color-focused);
5427
3870
  --button-border-color: var(--hop-Select-button-border-color-focused);
5428
3871
  --button-color: var(--hop-Select-button-color-focused);
@@ -5430,24 +3873,24 @@
5430
3873
  outline: var(--hop-Select-button-border-size) solid var(--hop-Select-button-outline-color-focused);
5431
3874
  outline-offset: var(--hop-Select-button-outline-offset);
5432
3875
  }
5433
- .Select-module__hop-Select__button___1acb0:has([data-placeholder]) {
3876
+ .Select-module__hop-Select__button___XDgRJ:has([data-placeholder]) {
5434
3877
  --button-color: var(--hop-Select-button-placeholder-color);
5435
3878
  }
5436
- .Select-module__hop-Select__button___1acb0[data-disabled] {
3879
+ .Select-module__hop-Select__button___XDgRJ[data-disabled] {
5437
3880
  --button-background-color: var(--hop-Select-button-background-color-disabled);
5438
3881
  --button-border-color: var(--hop-Select-button-border-color-disabled);
5439
3882
  --button-color: var(--hop-Select-button-color-disabled);
5440
3883
  --button-icon-color: var(--hop-Select-button-icon-color-disabled);
5441
3884
  --button-cursor: var(--hop-Select-button-cursor-disabled);
5442
3885
  }
5443
- .Select-module__hop-Select__prefix___L0TQM {
3886
+ .Select-module__hop-Select__prefix___swd37 {
5444
3887
  color: var(--hop-Select-prefix-color);
5445
3888
  }
5446
- .Select-module__hop-Select__button-icon___urNie {
3889
+ .Select-module__hop-Select__button-icon___Sq6Dh {
5447
3890
  margin-inline-start: auto;
5448
3891
  color: var(--button-icon-color);
5449
3892
  }
5450
- .Select-module__hop-Select__helper-message___h9cKu,
5451
- .Select-module__hop-Select__error-message___UUsdD {
3893
+ .Select-module__hop-Select__helper-message___UjIEu,
3894
+ .Select-module__hop-Select__error-message___Ne-km {
5452
3895
  order: 3;
5453
3896
  }