@hopper-ui/components 1.3.29 → 1.3.31

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 (220) 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/ComboBox/src/ComboBox.css +562 -2120
  19. package/dist/ComboBox/src/ComboBox.js +27 -98
  20. package/dist/ComboBox/src/index.css +562 -2120
  21. package/dist/ComboBox/src/index.js +27 -98
  22. package/dist/Divider/src/Divider.css +29 -29
  23. package/dist/Divider/src/Divider.js +1 -1
  24. package/dist/Divider/src/index.css +29 -29
  25. package/dist/Divider/src/index.js +1 -1
  26. package/dist/ErrorMessage/src/ErrorMessage.css +29 -29
  27. package/dist/ErrorMessage/src/ErrorMessage.js +2 -2
  28. package/dist/ErrorMessage/src/index.css +29 -29
  29. package/dist/ErrorMessage/src/index.js +2 -2
  30. package/dist/Form/src/Form.css +1593 -1836
  31. package/dist/Form/src/Form.js +9 -100
  32. package/dist/Form/src/index.css +1593 -1836
  33. package/dist/Form/src/index.js +9 -100
  34. package/dist/Header/src/Header.js +1 -1
  35. package/dist/Header/src/index.js +1 -1
  36. package/dist/HelperMessage/src/HelperMessage.css +29 -29
  37. package/dist/HelperMessage/src/HelperMessage.js +2 -2
  38. package/dist/HelperMessage/src/index.css +29 -29
  39. package/dist/HelperMessage/src/index.js +2 -2
  40. package/dist/IconList/src/IconList.css +28 -28
  41. package/dist/IconList/src/IconList.js +1 -1
  42. package/dist/IconList/src/index.css +28 -28
  43. package/dist/IconList/src/index.js +1 -1
  44. package/dist/Link/src/Link.css +49 -49
  45. package/dist/Link/src/Link.js +9 -9
  46. package/dist/Link/src/index.css +49 -49
  47. package/dist/Link/src/index.js +9 -9
  48. package/dist/ListBox/src/ListBox.css +274 -274
  49. package/dist/ListBox/src/ListBox.js +15 -15
  50. package/dist/ListBox/src/ListBoxItem.css +262 -262
  51. package/dist/ListBox/src/ListBoxItem.js +12 -12
  52. package/dist/ListBox/src/ListBoxItemSkeleton.css +34 -34
  53. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  54. package/dist/ListBox/src/index.css +274 -274
  55. package/dist/ListBox/src/index.js +15 -15
  56. package/dist/Section/src/Section.js +1 -1
  57. package/dist/Section/src/index.js +1 -1
  58. package/dist/Select/src/Select.css +597 -2154
  59. package/dist/Select/src/Select.js +29 -98
  60. package/dist/Select/src/SelectValue.css +61 -61
  61. package/dist/Select/src/SelectValue.js +6 -6
  62. package/dist/Select/src/index.css +566 -2123
  63. package/dist/Select/src/index.d.ts +1 -1
  64. package/dist/Select/src/index.js +29 -98
  65. package/dist/Spinner/src/Spinner.css +37 -37
  66. package/dist/Spinner/src/Spinner.js +2 -2
  67. package/dist/Spinner/src/index.css +37 -37
  68. package/dist/Spinner/src/index.js +2 -2
  69. package/dist/buttons/src/Button.css +93 -93
  70. package/dist/buttons/src/Button.js +10 -10
  71. package/dist/buttons/src/ButtonGroup.css +38 -38
  72. package/dist/buttons/src/ButtonGroup.js +2 -2
  73. package/dist/buttons/src/ClearButton.css +98 -98
  74. package/dist/buttons/src/ClearButton.js +2 -2
  75. package/dist/buttons/src/EmbeddedButton.css +98 -98
  76. package/dist/buttons/src/EmbeddedButton.js +1 -1
  77. package/dist/buttons/src/LinkButton.css +102 -102
  78. package/dist/buttons/src/LinkButton.js +9 -9
  79. package/dist/buttons/src/index.css +249 -249
  80. package/dist/buttons/src/index.js +16 -16
  81. package/dist/checkbox/src/Checkbox.css +46 -46
  82. package/dist/checkbox/src/Checkbox.js +9 -9
  83. package/dist/checkbox/src/CheckboxField.css +33 -33
  84. package/dist/checkbox/src/CheckboxField.js +2 -2
  85. package/dist/checkbox/src/CheckboxGroup.css +98 -98
  86. package/dist/checkbox/src/CheckboxGroup.js +7 -7
  87. package/dist/checkbox/src/DecorativeCheckbox.css +54 -54
  88. package/dist/checkbox/src/DecorativeCheckbox.js +9 -9
  89. package/dist/checkbox/src/index.css +98 -98
  90. package/dist/checkbox/src/index.js +16 -16
  91. package/dist/{chunk-WGUL4DLP.js → chunk-2BHWYRFT.js} +25 -16
  92. package/dist/{chunk-DDWHMWT4.js → chunk-3EAPRTHU.js} +3 -3
  93. package/dist/{chunk-ZGAVEQ6Z.js → chunk-3VKQHRO5.js} +1 -1
  94. package/dist/{chunk-HTVLKROB.js → chunk-54IRJS4J.js} +7 -7
  95. package/dist/{chunk-2JUAYCAW.js → chunk-5SVPP6YF.js} +2 -2
  96. package/dist/{chunk-A3FVUHZK.js → chunk-6JPZEUJU.js} +6 -6
  97. package/dist/{chunk-Y53KJZVH.js → chunk-A7B5XEGW.js} +2 -2
  98. package/dist/{chunk-C4DKKNFV.js → chunk-BOP2AQLT.js} +3 -3
  99. package/dist/{chunk-HGWUIHSZ.js → chunk-BWFO6U3N.js} +4 -4
  100. package/dist/{chunk-B3L5GVQQ.js → chunk-CMYS5I7X.js} +9 -9
  101. package/dist/{chunk-EZQXMQMG.js → chunk-D22VY376.js} +1 -1
  102. package/dist/{chunk-52Q76EYC.js → chunk-DOSDN7OK.js} +2 -2
  103. package/dist/{chunk-QHNS6W5L.js → chunk-EAJI2HCK.js} +5 -5
  104. package/dist/{chunk-JNUJ4XAF.js → chunk-EITAKLZD.js} +2 -2
  105. package/dist/{chunk-CTQTQCMW.js → chunk-EKVGUBEE.js} +7 -7
  106. package/dist/{chunk-V4J7N5T7.js → chunk-FSKZ7UXH.js} +3 -3
  107. package/dist/{chunk-SFPBA2LI.js → chunk-GKKKRGGI.js} +2 -2
  108. package/dist/{chunk-O7LE5ORE.js → chunk-HKX473KB.js} +2 -2
  109. package/dist/chunk-INOHCKSX.js +153 -0
  110. package/dist/{chunk-2D3WTT4F.js → chunk-J4LFCG4M.js} +2 -2
  111. package/dist/{chunk-OIOEDYKJ.js → chunk-L2M5I353.js} +5 -5
  112. package/dist/{chunk-4XH37NSN.js → chunk-L4IQU6BF.js} +3 -3
  113. package/dist/{chunk-IXHZNQQT.js → chunk-L4WMZWNS.js} +2 -2
  114. package/dist/{chunk-RXSNCXOG.js → chunk-NIDJ3QD5.js} +2 -2
  115. package/dist/chunk-NWEIQERE.js +205 -0
  116. package/dist/{chunk-HLOAIKAY.js → chunk-PGX7B5ZI.js} +6 -6
  117. package/dist/{chunk-2EDBKSMF.js → chunk-Q37IPST6.js} +4 -4
  118. package/dist/{chunk-6F5PD4QJ.js → chunk-QKCG7UMP.js} +3 -3
  119. package/dist/{chunk-AWNR3HP2.js → chunk-QODWUIKG.js} +5 -5
  120. package/dist/{chunk-WCATDV4V.js → chunk-QTWASRAE.js} +4 -4
  121. package/dist/{chunk-IPPTCHXV.js → chunk-QWGXDJ44.js} +4 -4
  122. package/dist/{chunk-QBWAS3LL.js → chunk-SP7QWHJU.js} +6 -6
  123. package/dist/{chunk-D7DYIGB6.js → chunk-TGWCRZOA.js} +2 -2
  124. package/dist/{chunk-JSSDXVT4.js → chunk-TTPSVCRY.js} +2 -2
  125. package/dist/{chunk-MKPL3BD2.js → chunk-UCJZEAB5.js} +2 -2
  126. package/dist/{chunk-MEI4QX7N.js → chunk-UFMEUTKK.js} +3 -3
  127. package/dist/{chunk-RGAY6AIY.js → chunk-UXDJGWHZ.js} +4 -4
  128. package/dist/{chunk-3PAK2K3N.js → chunk-UYEVWTDS.js} +1 -1
  129. package/dist/{chunk-2LQCFPLD.js → chunk-VMAP5OXR.js} +2 -2
  130. package/dist/{chunk-O2KXTY5Q.js → chunk-WRIA2DOV.js} +2 -2
  131. package/dist/{chunk-KXA4USPW.js → chunk-XGKMW4MG.js} +2 -2
  132. package/dist/{chunk-CP4LPO2K.js → chunk-Y2L7FXEE.js} +2 -2
  133. package/dist/{chunk-OUDP4L2B.js → chunk-YC5BBTPZ.js} +3 -3
  134. package/dist/chunk-YEN2Y62H.js +159 -0
  135. package/dist/{chunk-CL7I5YAI.js → chunk-YEZAILOI.js} +1 -1
  136. package/dist/{chunk-MCZAPH5T.js → chunk-YMDTCHEW.js} +2 -2
  137. package/dist/{chunk-I55KU3GU.js → chunk-Z75MF65T.js} +1 -1
  138. package/dist/{chunk-SWDZJM3I.js → chunk-ZM4AHBEK.js} +6 -6
  139. package/dist/chunk-ZUWVOUBT.js +270 -0
  140. package/dist/index.css +1001 -996
  141. package/dist/index.d.ts +2 -2
  142. package/dist/index.js +85 -79
  143. package/dist/inputs/src/InputGroup.css +264 -264
  144. package/dist/inputs/src/InputGroup.js +1 -1
  145. package/dist/inputs/src/NumberField.css +286 -286
  146. package/dist/inputs/src/NumberField.js +13 -13
  147. package/dist/inputs/src/PasswordField.css +274 -274
  148. package/dist/inputs/src/PasswordField.js +13 -13
  149. package/dist/inputs/src/RemainingCharacterCount.css +30 -30
  150. package/dist/inputs/src/RemainingCharacterCount.js +6 -6
  151. package/dist/inputs/src/SearchField.css +280 -280
  152. package/dist/inputs/src/SearchField.js +14 -14
  153. package/dist/inputs/src/TextArea.css +281 -281
  154. package/dist/inputs/src/TextArea.js +13 -13
  155. package/dist/inputs/src/TextField.css +278 -278
  156. package/dist/inputs/src/TextField.js +16 -16
  157. package/dist/inputs/src/index.css +324 -324
  158. package/dist/inputs/src/index.js +24 -24
  159. package/dist/layout/src/Content.js +1 -1
  160. package/dist/layout/src/Footer.js +1 -1
  161. package/dist/overlays/Popover/src/Popover.css +2150 -3870
  162. package/dist/overlays/Popover/src/Popover.d.ts +1 -1
  163. package/dist/overlays/Popover/src/Popover.js +10 -105
  164. package/dist/overlays/Popover/src/PopoverContext.d.ts +1 -1
  165. package/dist/overlays/Popover/src/index.css +2150 -3870
  166. package/dist/overlays/Popover/src/index.d.ts +1 -1
  167. package/dist/overlays/Popover/src/index.js +11 -105
  168. package/dist/radio/src/DecorativeRadio.css +54 -54
  169. package/dist/radio/src/DecorativeRadio.js +8 -8
  170. package/dist/radio/src/Radio.css +46 -46
  171. package/dist/radio/src/Radio.js +8 -8
  172. package/dist/radio/src/RadioField.css +33 -33
  173. package/dist/radio/src/RadioField.js +2 -2
  174. package/dist/radio/src/RadioGroup.css +98 -98
  175. package/dist/radio/src/RadioGroup.js +8 -8
  176. package/dist/radio/src/index.css +98 -98
  177. package/dist/radio/src/index.js +16 -16
  178. package/dist/switch/src/Switch.css +43 -43
  179. package/dist/switch/src/Switch.js +8 -8
  180. package/dist/switch/src/SwitchField.css +33 -33
  181. package/dist/switch/src/SwitchField.d.ts +8 -3
  182. package/dist/switch/src/SwitchField.js +3 -1
  183. package/dist/switch/src/index.css +49 -49
  184. package/dist/switch/src/index.js +9 -9
  185. package/dist/tag/src/Tag.css +390 -390
  186. package/dist/tag/src/Tag.js +11 -11
  187. package/dist/tag/src/TagGroup.css +37 -37
  188. package/dist/tag/src/TagGroup.js +3 -3
  189. package/dist/tag/src/TagList.css +27 -27
  190. package/dist/tag/src/TagList.js +1 -1
  191. package/dist/tag/src/index.css +400 -400
  192. package/dist/tag/src/index.js +16 -16
  193. package/dist/typography/Heading/src/Heading.css +27 -27
  194. package/dist/typography/Heading/src/Heading.js +1 -1
  195. package/dist/typography/Heading/src/index.css +27 -27
  196. package/dist/typography/Heading/src/index.js +1 -1
  197. package/dist/typography/Label/src/Label.css +27 -27
  198. package/dist/typography/Label/src/Label.js +1 -1
  199. package/dist/typography/Label/src/index.css +27 -27
  200. package/dist/typography/Label/src/index.js +1 -1
  201. package/dist/typography/OverlineText/src/OverlineText.css +27 -27
  202. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  203. package/dist/typography/OverlineText/src/index.css +27 -27
  204. package/dist/typography/OverlineText/src/index.js +1 -1
  205. package/dist/typography/Text/src/Text.css +27 -27
  206. package/dist/typography/Text/src/Text.js +1 -1
  207. package/dist/typography/Text/src/index.css +27 -27
  208. package/dist/typography/Text/src/index.js +1 -1
  209. package/dist/utils/src/EnsureTextWrapper.css +27 -27
  210. package/dist/utils/src/EnsureTextWrapper.js +6 -6
  211. package/dist/utils/src/index.css +27 -27
  212. package/dist/utils/src/index.js +6 -6
  213. package/package.json +2 -1
  214. package/dist/chunk-6IQRHHKW.js +0 -1155
  215. package/dist/{chunk-LJXTJRSB.js → chunk-DBIN32YS.js} +0 -0
  216. package/dist/{chunk-O5PTD6IN.js → chunk-NLZXVLBW.js} +1 -1
  217. package/dist/{chunk-WWRB4K4M.js → chunk-TPVDUGOO.js} +1 -1
  218. package/dist/{chunk-GTM56LGX.js → chunk-VOZN65OL.js} +1 -1
  219. package/dist/{chunk-N5UT7MST.js → chunk-WPJCS7L2.js} +1 -1
  220. package/dist/{chunk-DPC3Y6Y2.js → chunk-ZJKGATZR.js} +1 -1
@@ -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___GP8G1 {
2
+ .Heading-module__hop-Heading___J9hpy {
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___GP8G1) {
36
+ :where(.Heading-module__hop-Heading___J9hpy) {
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___RKFFJ) {
43
+ :where(.Heading-module__hop-Heading--xs___JY0NF) {
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___s4-C5) {
49
+ :where(.Heading-module__hop-Heading--sm___rhzL9) {
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___HOR15) {
55
+ :where(.Heading-module__hop-Heading--md___M0Dtn) {
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___-0mwD) {
61
+ :where(.Heading-module__hop-Heading--lg___8-kMZ) {
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___ii6na) {
67
+ :where(.Heading-module__hop-Heading--xl___85KfN) {
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___nKUCU) {
73
+ :where(.Heading-module__hop-Heading--2xl___wrGVh) {
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___If4Io) {
79
+ :where(.Heading-module__hop-Heading--3xl___RlO86) {
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___H-G-V {
87
+ .Text-module__hop-Text___a2WV- {
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___H-G-V) {
117
+ :where(.Text-module__hop-Text___a2WV-) {
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___gr2PP) {
123
+ :where(.Text-module__hop-Text--xs___4UT1h) {
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___-MZQe) {
129
+ :where(.Text-module__hop-Text--sm___o7IYY) {
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___EDCKn) {
135
+ :where(.Text-module__hop-Text--md___fw10A) {
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___7FyWw) {
141
+ :where(.Text-module__hop-Text--lg___9kzD3) {
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___tntYl) {
147
+ :where(.Text-module__hop-Text--xl___mai9U) {
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___U3sp9) {
153
+ :where(.Text-module__hop-Text--2xl___aPrD3) {
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___OxfDH) {
159
+ :where(.Text-module__hop-Text--inherit___RnX6z) {
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___xEU4J {
167
+ .Label-module__hop-Label___8sKdH {
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___xEU4J) {
174
+ :where(.Label-module__hop-Label___8sKdH) {
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___INW0Z) {
181
+ :where(.Label-module__hop-Label__indicator___UT93n) {
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___eWZOw) {
186
+ :where(.OverlineText-module__hop-OverlineText___l95G4) {
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___Xq8J9 {
210
+ .OverlineText-module__hop-OverlineText__text___nl4qL {
214
211
  box-sizing: border-box;
215
212
  }
216
- .OverlineText-module__hop-OverlineText__text___Xq8J9::before,
217
- .OverlineText-module__hop-OverlineText__text___Xq8J9::after {
213
+ .OverlineText-module__hop-OverlineText__text___nl4qL::before,
214
+ .OverlineText-module__hop-OverlineText__text___nl4qL::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___Xq8J9::before {
221
+ .OverlineText-module__hop-OverlineText__text___nl4qL::before {
225
222
  margin-block-end: var(--bottom-offset);
226
223
  }
227
- .OverlineText-module__hop-OverlineText__text___Xq8J9::after {
224
+ .OverlineText-module__hop-OverlineText__text___nl4qL::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___mYozX {
229
+ .Badge-module__hop-Badge___yIUI- {
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___aPFvB {
279
+ .Badge-module__hop-Badge--primary___cklxM {
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___aPFvB[data-hovered] {
283
+ .Badge-module__hop-Badge--primary___cklxM[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___aPFvB[data-pressed] {
287
+ .Badge-module__hop-Badge--primary___cklxM[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___aPFvB[data-selected] {
291
+ .Badge-module__hop-Badge--primary___cklxM[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___Ew-w7 {
295
+ .Badge-module__hop-Badge--secondary___BdYrD {
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___Ew-w7[data-hovered] {
299
+ .Badge-module__hop-Badge--secondary___BdYrD[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___Ew-w7[data-pressed] {
303
+ .Badge-module__hop-Badge--secondary___BdYrD[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___Ew-w7[data-selected] {
307
+ .Badge-module__hop-Badge--secondary___BdYrD[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___tLie9 {
311
+ .Badge-module__hop-Badge--subdued___99zQQ {
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___tLie9[data-hovered] {
315
+ .Badge-module__hop-Badge--subdued___99zQQ[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___tLie9[data-pressed] {
319
+ .Badge-module__hop-Badge--subdued___99zQQ[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___tLie9[data-selected] {
323
+ .Badge-module__hop-Badge--subdued___99zQQ[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___mYozX[data-indeterminate] {
327
+ .Badge-module__hop-Badge___yIUI-[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___mYozX[data-disabled] {
333
+ .Badge-module__hop-Badge___yIUI-[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___42-Kg {
339
+ .FloatingBadge-module__hop-FloatingBadge___TZbt0 {
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___42-Kg[data-placement="top right"] {
380
+ .FloatingBadge-module__hop-FloatingBadge___TZbt0[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___42-Kg[data-placement="top right"][data-overlap=circular] {
388
+ .FloatingBadge-module__hop-FloatingBadge___TZbt0[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___42-Kg[data-placement="top left"] {
392
+ .FloatingBadge-module__hop-FloatingBadge___TZbt0[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___42-Kg[data-placement="top left"][data-overlap=circular] {
400
+ .FloatingBadge-module__hop-FloatingBadge___TZbt0[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___42-Kg[data-placement="bottom right"] {
404
+ .FloatingBadge-module__hop-FloatingBadge___TZbt0[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___42-Kg[data-placement="bottom right"][data-overlap=circular] {
412
+ .FloatingBadge-module__hop-FloatingBadge___TZbt0[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___42-Kg[data-placement="bottom left"] {
416
+ .FloatingBadge-module__hop-FloatingBadge___TZbt0[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___42-Kg[data-placement="bottom left"][data-overlap=circular] {
424
+ .FloatingBadge-module__hop-FloatingBadge___TZbt0[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___-jorU {
428
+ .FloatingBadge-module__hop-FloatingBadge__badge___0vqYu {
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___j7joI {
436
+ .ErrorMessage-module__hop-ErrorMessage___Wg1Fu {
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___iTBUz {
453
+ .ErrorMessage-module__hop-ErrorMessage__icon___cKatz {
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___5VD5j {
459
+ .HelperMessage-module__hop-HelperMessage___zKfpK {
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___ZyQWg {
468
+ .HelperMessage-module__hop-HelperMessage__icon___D7ReP {
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___QXKwI {
474
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___j7TWO {
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___JByYc {
505
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___M2mbk {
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___tCiBb {
509
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___uV3oA {
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___c-zeL {
513
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___XrmGp {
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___GQS80 {
517
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___IUn-m {
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___VbkjS {
521
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___JMARD {
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___KUDMH {
525
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___l6vUo {
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___QXKwI[data-disabled] {
529
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___j7TWO[data-disabled] {
533
530
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
534
531
  }
535
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___U3wgU {
532
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___YCJVR {
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___QXKwI[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___U3wgU {
538
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___j7TWO[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___YCJVR {
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___GkrUK {
544
+ .Avatar-module__hop-Avatar___RxMSl {
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___EsIne {
589
+ .Avatar-module__hop-Avatar--xs___x5XsG {
593
590
  --size: var(--hop-Avatar-xs-size);
594
591
  }
595
- .Avatar-module__hop-Avatar--sm___21Qxl {
592
+ .Avatar-module__hop-Avatar--sm___qtlWk {
596
593
  --size: var(--hop-Avatar-sm-size);
597
594
  }
598
- .Avatar-module__hop-Avatar--md___y35EO {
595
+ .Avatar-module__hop-Avatar--md___svkVx {
599
596
  --size: var(--hop-Avatar-md-size);
600
597
  }
601
- .Avatar-module__hop-Avatar--lg___2zlDK {
598
+ .Avatar-module__hop-Avatar--lg___Jtwlj {
602
599
  --size: var(--hop-Avatar-lg-size);
603
600
  }
604
- .Avatar-module__hop-Avatar--xl___Qi7Fe {
601
+ .Avatar-module__hop-Avatar--xl___-k3cH {
605
602
  --size: var(--hop-Avatar-xl-size);
606
603
  }
607
- .Avatar-module__hop-Avatar--2xl___N18gj {
604
+ .Avatar-module__hop-Avatar--2xl___94vpz {
608
605
  --size: var(--hop-Avatar-2xl-size);
609
606
  }
610
- .Avatar-module__hop-Avatar--decorative-option1___35cjY {
607
+ .Avatar-module__hop-Avatar--decorative-option1___f2RLQ {
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___OLoy6 {
611
+ .Avatar-module__hop-Avatar--decorative-option2___TRXUA {
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___WGIGI {
615
+ .Avatar-module__hop-Avatar--decorative-option3___WYVa1 {
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___5H5am {
619
+ .Avatar-module__hop-Avatar--decorative-option4___0qXqo {
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___kmqeM {
623
+ .Avatar-module__hop-Avatar--decorative-option5___eZDrV {
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___UDUK0 {
627
+ .Avatar-module__hop-Avatar--decorative-option6___bkFw3 {
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___vVMX8 {
631
+ .Avatar-module__hop-Avatar--decorative-option7___WuK1z {
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___YIL4e {
635
+ .Avatar-module__hop-Avatar--decorative-option8___2dujG {
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___9gguu {
639
+ .Avatar-module__hop-Avatar--decorative-option9___b-g-b {
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___GkrUK[data-disabled] {
643
+ .Avatar-module__hop-Avatar___RxMSl[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___vU3rv {
649
+ .Avatar-module__hop-Avatar__image___4Pefa {
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___hFqAV {
660
+ .IconList-module__hop-IconList___VlXPC {
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___-VDZH {
669
+ .Checkbox-module__hop-Checkbox___J32Yn {
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___-VDZH[data-focus-visible] {
744
+ .Checkbox-module__hop-Checkbox___J32Yn[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___-VDZH[data-hovered] {
751
+ .Checkbox-module__hop-Checkbox___J32Yn[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___-VDZH[data-pressed] {
757
+ .Checkbox-module__hop-Checkbox___J32Yn[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___-VDZH[data-selected] {
763
+ .Checkbox-module__hop-Checkbox___J32Yn[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___-VDZH[data-invalid] {
770
+ .Checkbox-module__hop-Checkbox___J32Yn[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___-VDZH[data-invalid]:where([data-focus-visible]) {
777
+ .Checkbox-module__hop-Checkbox___J32Yn[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___-VDZH[data-invalid]:where([data-hovered]) {
781
+ .Checkbox-module__hop-Checkbox___J32Yn[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___-VDZH[data-invalid]:where([data-pressed]) {
787
+ .Checkbox-module__hop-Checkbox___J32Yn[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___-VDZH:where([data-invalid])[data-selected] {
793
+ .Checkbox-module__hop-Checkbox___J32Yn: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___-VDZH[data-disabled] {
797
+ .Checkbox-module__hop-Checkbox___J32Yn[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___snhKM {
805
+ .Checkbox-module__hop-Checkbox--sm___7Lq9Q {
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___3FV7W {
811
+ .Checkbox-module__hop-Checkbox--md___bD05V {
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___ZivkA,
821
- .Checkbox-module__hop-Checkbox__icon-list___RE-bz {
817
+ .Checkbox-module__hop-Checkbox__icon___8893o,
818
+ .Checkbox-module__hop-Checkbox__icon-list___9fLOv {
822
819
  flex: 0 0 auto;
823
820
  order: 3;
824
821
  color: var(--icon-color);
825
822
  }
826
- .Checkbox-module__hop-Checkbox__box___wS5ct {
823
+ .Checkbox-module__hop-Checkbox__box___syekA {
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___jS0WM {
839
+ .Checkbox-module__hop-Checkbox__check___ymFxT {
843
840
  display: var(--check-display);
844
841
  color: var(--check-color);
845
842
  }
846
- .Checkbox-module__hop-Checkbox__text___DQVLI {
843
+ .Checkbox-module__hop-Checkbox__text___-iCGJ {
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___fBX1d {
853
+ .CheckboxField-module__hop-CheckboxField___pF9g8 {
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___fBX1d[data-disabled] {
872
+ .CheckboxField-module__hop-CheckboxField___pF9g8[data-disabled] {
876
873
  --description-color: var(--hop-CheckboxField-description-color-disabled);
877
874
  }
878
- .CheckboxField-module__hop-CheckboxField--sm___5IBQ- {
875
+ .CheckboxField-module__hop-CheckboxField--sm___HmCmi {
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___JBH3w {
879
+ .CheckboxField-module__hop-CheckboxField--md___AHeg5 {
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___eJCZs {
883
+ .CheckboxField-module__hop-CheckboxField__description___TbSCN {
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___WrvmD {
888
+ .CheckboxField-module__hop-CheckboxField__checkbox___aDFB9 {
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___RDIcJ {
893
+ .CheckboxGroup-module__hop-CheckboxGroup___cu2Nu {
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___GS428 {
932
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___-b8-z {
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___-FRDr {
936
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___GZ22v {
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___f4KN9 {
942
+ .CheckboxGroup-module__hop-CheckboxGroup--md___fTLKV {
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___GS428.CheckboxGroup-module__hop-CheckboxGroup--sm___-FRDr {
948
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___-b8-z.CheckboxGroup-module__hop-CheckboxGroup--sm___GZ22v {
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___GS428.CheckboxGroup-module__hop-CheckboxGroup--md___f4KN9 {
955
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___-b8-z.CheckboxGroup-module__hop-CheckboxGroup--md___fTLKV {
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___RDIcJ[data-orientation=horizontal] {
962
+ .CheckboxGroup-module__hop-CheckboxGroup___cu2Nu[data-orientation=horizontal] {
966
963
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
967
964
  }
968
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___GS428[data-orientation=horizontal] {
965
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___-b8-z[data-orientation=horizontal] {
969
966
  --flex-wrap: nowrap;
970
967
  }
971
- .CheckboxGroup-module__hop-CheckboxGroup___RDIcJ > .CheckboxGroup-module__hop-CheckboxGroup__label___fgPtj {
968
+ .CheckboxGroup-module__hop-CheckboxGroup___cu2Nu > .CheckboxGroup-module__hop-CheckboxGroup__label___MYbFM {
972
969
  order: 1;
973
970
  }
974
- .CheckboxGroup-module__hop-CheckboxGroup__list___kZR0w {
971
+ .CheckboxGroup-module__hop-CheckboxGroup__list___Ov9pe {
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___kZR0w > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___tUhc- {
982
+ .CheckboxGroup-module__hop-CheckboxGroup__list___Ov9pe > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___T6fO8 {
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___GS428 .CheckboxGroup-module__hop-CheckboxGroup__list___kZR0w > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___tUhc- ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___tUhc-::before {
990
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___-b8-z .CheckboxGroup-module__hop-CheckboxGroup__list___Ov9pe > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___T6fO8 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___T6fO8::before {
994
991
  content: "";
995
992
  position: absolute;
996
993
  display: block;
997
994
  }
998
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___GS428[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___kZR0w > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___tUhc- ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___tUhc-::before {
995
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___-b8-z[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___Ov9pe > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___T6fO8 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___T6fO8::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___GS428[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___kZR0w > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___tUhc- ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___tUhc-::before {
1000
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___-b8-z[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___Ov9pe > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___T6fO8 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___T6fO8::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___RDIcJ > .CheckboxGroup-module__hop-CheckboxGroup__error-message___lKExL,
1009
- .CheckboxGroup-module__hop-CheckboxGroup___RDIcJ > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___hceDU {
1005
+ .CheckboxGroup-module__hop-CheckboxGroup___cu2Nu > .CheckboxGroup-module__hop-CheckboxGroup__error-message___AVu--,
1006
+ .CheckboxGroup-module__hop-CheckboxGroup___cu2Nu > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___wGDxE {
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___-VDZH {
1011
+ .Checkbox-module__hop-Checkbox___J32Yn {
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___-VDZH[data-focus-visible] {
1086
+ .Checkbox-module__hop-Checkbox___J32Yn[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___-VDZH[data-hovered] {
1093
+ .Checkbox-module__hop-Checkbox___J32Yn[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___-VDZH[data-pressed] {
1099
+ .Checkbox-module__hop-Checkbox___J32Yn[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___-VDZH[data-selected] {
1105
+ .Checkbox-module__hop-Checkbox___J32Yn[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___-VDZH[data-invalid] {
1112
+ .Checkbox-module__hop-Checkbox___J32Yn[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___-VDZH[data-invalid]:where([data-focus-visible]) {
1119
+ .Checkbox-module__hop-Checkbox___J32Yn[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___-VDZH[data-invalid]:where([data-hovered]) {
1123
+ .Checkbox-module__hop-Checkbox___J32Yn[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___-VDZH[data-invalid]:where([data-pressed]) {
1129
+ .Checkbox-module__hop-Checkbox___J32Yn[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___-VDZH:where([data-invalid])[data-selected] {
1135
+ .Checkbox-module__hop-Checkbox___J32Yn: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___-VDZH[data-disabled] {
1139
+ .Checkbox-module__hop-Checkbox___J32Yn[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___snhKM {
1147
+ .Checkbox-module__hop-Checkbox--sm___7Lq9Q {
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___3FV7W {
1153
+ .Checkbox-module__hop-Checkbox--md___bD05V {
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___ZivkA,
1163
- .Checkbox-module__hop-Checkbox__icon-list___RE-bz {
1159
+ .Checkbox-module__hop-Checkbox__icon___8893o,
1160
+ .Checkbox-module__hop-Checkbox__icon-list___9fLOv {
1164
1161
  flex: 0 0 auto;
1165
1162
  order: 3;
1166
1163
  color: var(--icon-color);
1167
1164
  }
1168
- .Checkbox-module__hop-Checkbox__box___wS5ct {
1165
+ .Checkbox-module__hop-Checkbox__box___syekA {
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___jS0WM {
1181
+ .Checkbox-module__hop-Checkbox__check___ymFxT {
1185
1182
  display: var(--check-display);
1186
1183
  color: var(--check-color);
1187
1184
  }
1188
- .Checkbox-module__hop-Checkbox__text___DQVLI {
1185
+ .Checkbox-module__hop-Checkbox__text___-iCGJ {
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___NE9Ed {
1193
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox___MHxEI {
1197
1194
  }
1198
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___7wWjo {
1195
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--sm___67Tun {
1199
1196
  }
1200
- .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___pzCb1 {
1197
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox--md___apMHK {
1201
1198
  }
1202
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___P52aZ,
1203
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___P8RhP {
1199
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon___fqa3R,
1200
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__icon-list___E--Lu {
1204
1201
  }
1205
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___YpGH5 {
1202
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__box___1Pxf1 {
1206
1203
  }
1207
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___NddFM {
1204
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__check___gugIm {
1208
1205
  }
1209
- .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___xnsjg {
1206
+ .DecorativeCheckbox-module__hop-DecorativeCheckbox__text___fCaez {
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___g3EE- {
1210
+ .Radio-module__hop-Radio___RcHEX {
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___g3EE-[data-focus-visible] {
1284
+ .Radio-module__hop-Radio___RcHEX[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___g3EE-[data-hovered] {
1291
+ .Radio-module__hop-Radio___RcHEX[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___g3EE-[data-pressed] {
1297
+ .Radio-module__hop-Radio___RcHEX[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___g3EE-[data-selected] {
1303
+ .Radio-module__hop-Radio___RcHEX[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___g3EE-[data-invalid] {
1310
+ .Radio-module__hop-Radio___RcHEX[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___g3EE-:where([data-invalid])[data-focus-visible] {
1317
+ .Radio-module__hop-Radio___RcHEX: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___g3EE-:where([data-invalid])[data-hovered] {
1321
+ .Radio-module__hop-Radio___RcHEX: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___g3EE-:where([data-invalid])[data-pressed] {
1327
+ .Radio-module__hop-Radio___RcHEX: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___g3EE-:where([data-invalid])[data-selected] {
1333
+ .Radio-module__hop-Radio___RcHEX: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___g3EE-[data-disabled] {
1337
+ .Radio-module__hop-Radio___RcHEX[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___ACfRO {
1345
+ .Radio-module__hop-Radio--sm___y0L0x {
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___a1CZI {
1351
+ .Radio-module__hop-Radio--md___j6ze5 {
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___leAAp,
1361
- .Radio-module__hop-Radio__icon-list___-7Qo7 {
1357
+ .Radio-module__hop-Radio__icon___N1XxV,
1358
+ .Radio-module__hop-Radio__icon-list___IRaKW {
1362
1359
  flex: 0 0 auto;
1363
1360
  order: 3;
1364
1361
  color: var(--icon-color);
1365
1362
  }
1366
- .Radio-module__hop-Radio__box___HJrO- {
1363
+ .Radio-module__hop-Radio__box___DBWIc {
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___R83PW {
1379
+ .Radio-module__hop-Radio__bullet___jL-Dy {
1383
1380
  display: var(--bullet-display);
1384
1381
  color: var(--bullet-color);
1385
1382
  }
1386
- .Radio-module__hop-Radio__text___wtiAA {
1383
+ .Radio-module__hop-Radio__text___YJb5l {
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___V-cho {
1391
+ .DecorativeRadio-module__hop-DecorativeRadio___YpaCh {
1395
1392
  }
1396
- .DecorativeRadio-module__hop-DecorativeRadio--sm___TwV3P {
1393
+ .DecorativeRadio-module__hop-DecorativeRadio--sm___i750c {
1397
1394
  }
1398
- .DecorativeRadio-module__hop-DecorativeRadio--md___xIG1Y {
1395
+ .DecorativeRadio-module__hop-DecorativeRadio--md___O3sP0 {
1399
1396
  }
1400
- .DecorativeRadio-module__hop-DecorativeRadio__icon___-PYjT,
1401
- .DecorativeRadio-module__hop-DecorativeRadio__icon-list___BJK6S {
1397
+ .DecorativeRadio-module__hop-DecorativeRadio__icon___0IKsK,
1398
+ .DecorativeRadio-module__hop-DecorativeRadio__icon-list___jZ6-v {
1402
1399
  }
1403
- .DecorativeRadio-module__hop-DecorativeRadio__box___qCCmr {
1400
+ .DecorativeRadio-module__hop-DecorativeRadio__box___4Uvtk {
1404
1401
  }
1405
- .DecorativeRadio-module__hop-DecorativeRadio__bullet___trkpt {
1402
+ .DecorativeRadio-module__hop-DecorativeRadio__bullet___wBZeZ {
1406
1403
  }
1407
- .DecorativeRadio-module__hop-DecorativeRadio__text___KadMy {
1404
+ .DecorativeRadio-module__hop-DecorativeRadio__text___4YHU1 {
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___g3EE- {
1408
+ .Radio-module__hop-Radio___RcHEX {
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___g3EE-[data-focus-visible] {
1482
+ .Radio-module__hop-Radio___RcHEX[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___g3EE-[data-hovered] {
1489
+ .Radio-module__hop-Radio___RcHEX[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___g3EE-[data-pressed] {
1495
+ .Radio-module__hop-Radio___RcHEX[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___g3EE-[data-selected] {
1501
+ .Radio-module__hop-Radio___RcHEX[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___g3EE-[data-invalid] {
1508
+ .Radio-module__hop-Radio___RcHEX[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___g3EE-:where([data-invalid])[data-focus-visible] {
1515
+ .Radio-module__hop-Radio___RcHEX: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___g3EE-:where([data-invalid])[data-hovered] {
1519
+ .Radio-module__hop-Radio___RcHEX: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___g3EE-:where([data-invalid])[data-pressed] {
1525
+ .Radio-module__hop-Radio___RcHEX: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___g3EE-:where([data-invalid])[data-selected] {
1531
+ .Radio-module__hop-Radio___RcHEX: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___g3EE-[data-disabled] {
1535
+ .Radio-module__hop-Radio___RcHEX[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___ACfRO {
1543
+ .Radio-module__hop-Radio--sm___y0L0x {
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___a1CZI {
1549
+ .Radio-module__hop-Radio--md___j6ze5 {
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___leAAp,
1559
- .Radio-module__hop-Radio__icon-list___-7Qo7 {
1555
+ .Radio-module__hop-Radio__icon___N1XxV,
1556
+ .Radio-module__hop-Radio__icon-list___IRaKW {
1560
1557
  flex: 0 0 auto;
1561
1558
  order: 3;
1562
1559
  color: var(--icon-color);
1563
1560
  }
1564
- .Radio-module__hop-Radio__box___HJrO- {
1561
+ .Radio-module__hop-Radio__box___DBWIc {
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___R83PW {
1577
+ .Radio-module__hop-Radio__bullet___jL-Dy {
1581
1578
  display: var(--bullet-display);
1582
1579
  color: var(--bullet-color);
1583
1580
  }
1584
- .Radio-module__hop-Radio__text___wtiAA {
1581
+ .Radio-module__hop-Radio__text___YJb5l {
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___kD-pK {
1591
+ .RadioField-module__hop-RadioField___r-eaH {
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___kD-pK[data-disabled] {
1610
+ .RadioField-module__hop-RadioField___r-eaH[data-disabled] {
1614
1611
  --description-color: var(--hop-RadioField-description-color-disabled);
1615
1612
  }
1616
- .RadioField-module__hop-RadioField--sm___YakkH {
1613
+ .RadioField-module__hop-RadioField--sm___TSZmF {
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___kCJ9x {
1617
+ .RadioField-module__hop-RadioField--md___Z4Guz {
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___E9oLB {
1621
+ .RadioField-module__hop-RadioField__description___qzhXX {
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___Pq9tN {
1626
+ .RadioField-module__hop-RadioField__radio___cZVgq {
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___DwNaZ {
1631
+ .RadioGroup-module__hop-RadioGroup___e5dHf {
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___1467J {
1671
+ .RadioGroup-module__hop-RadioGroup--bordered___g0rIC {
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___s7-c- {
1675
+ .RadioGroup-module__hop-RadioGroup--sm___BCHne {
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___ymUIK {
1681
+ .RadioGroup-module__hop-RadioGroup--md___MAC8B {
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___1467J.RadioGroup-module__hop-RadioGroup--sm___s7-c- {
1687
+ .RadioGroup-module__hop-RadioGroup--bordered___g0rIC.RadioGroup-module__hop-RadioGroup--sm___BCHne {
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___1467J.RadioGroup-module__hop-RadioGroup--md___ymUIK {
1694
+ .RadioGroup-module__hop-RadioGroup--bordered___g0rIC.RadioGroup-module__hop-RadioGroup--md___MAC8B {
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___DwNaZ[data-orientation=horizontal] {
1701
+ .RadioGroup-module__hop-RadioGroup___e5dHf[data-orientation=horizontal] {
1705
1702
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
1706
1703
  }
1707
- .RadioGroup-module__hop-RadioGroup--bordered___1467J[data-orientation=horizontal] {
1704
+ .RadioGroup-module__hop-RadioGroup--bordered___g0rIC[data-orientation=horizontal] {
1708
1705
  --flex-wrap: nowrap;
1709
1706
  }
1710
- .RadioGroup-module__hop-RadioGroup___DwNaZ > .RadioGroup-module__hop-RadioGroup__label___pvjRW {
1707
+ .RadioGroup-module__hop-RadioGroup___e5dHf > .RadioGroup-module__hop-RadioGroup__label___-0qi5 {
1711
1708
  order: 1;
1712
1709
  }
1713
- .RadioGroup-module__hop-RadioGroup__list___YA7pW {
1710
+ .RadioGroup-module__hop-RadioGroup__list___XxNCc {
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___YA7pW > .RadioGroup-module__hop-RadioGroup__radio___ZUvKi {
1721
+ .RadioGroup-module__hop-RadioGroup__list___XxNCc > .RadioGroup-module__hop-RadioGroup__radio___qpmvS {
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___1467J .RadioGroup-module__hop-RadioGroup__list___YA7pW > .RadioGroup-module__hop-RadioGroup__radio___ZUvKi ~ .RadioGroup-module__hop-RadioGroup__radio___ZUvKi::before {
1729
+ .RadioGroup-module__hop-RadioGroup--bordered___g0rIC .RadioGroup-module__hop-RadioGroup__list___XxNCc > .RadioGroup-module__hop-RadioGroup__radio___qpmvS ~ .RadioGroup-module__hop-RadioGroup__radio___qpmvS::before {
1733
1730
  content: "";
1734
1731
  position: absolute;
1735
1732
  display: block;
1736
1733
  }
1737
- .RadioGroup-module__hop-RadioGroup--bordered___1467J[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___YA7pW > .RadioGroup-module__hop-RadioGroup__radio___ZUvKi ~ .RadioGroup-module__hop-RadioGroup__radio___ZUvKi::before {
1734
+ .RadioGroup-module__hop-RadioGroup--bordered___g0rIC[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___XxNCc > .RadioGroup-module__hop-RadioGroup__radio___qpmvS ~ .RadioGroup-module__hop-RadioGroup__radio___qpmvS::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___1467J[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___YA7pW > .RadioGroup-module__hop-RadioGroup__radio___ZUvKi ~ .RadioGroup-module__hop-RadioGroup__radio___ZUvKi::before {
1739
+ .RadioGroup-module__hop-RadioGroup--bordered___g0rIC[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___XxNCc > .RadioGroup-module__hop-RadioGroup__radio___qpmvS ~ .RadioGroup-module__hop-RadioGroup__radio___qpmvS::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___DwNaZ > .RadioGroup-module__hop-RadioGroup__error-message___yCHX4,
1748
- .RadioGroup-module__hop-RadioGroup___DwNaZ > .RadioGroup-module__hop-RadioGroup__helper-message___8ejI- {
1744
+ .RadioGroup-module__hop-RadioGroup___e5dHf > .RadioGroup-module__hop-RadioGroup__error-message___bricg,
1745
+ .RadioGroup-module__hop-RadioGroup___e5dHf > .RadioGroup-module__hop-RadioGroup__helper-message___mIx2Y {
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___VNVLe {
1750
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___omJ-p {
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___8mjY0;
1776
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___Soh2H;
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___SaFln {
1785
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___X-tNx {
1789
1786
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
1790
1787
  }
1791
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___okeJ6 {
1788
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___TbH2y {
1792
1789
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
1793
1790
  }
1794
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___qxZVj {
1791
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___XhBd5 {
1795
1792
  --height: var(--hop-ListBoxItemSkeleton-md-height);
1796
1793
  }
1797
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___2YnXO {
1794
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___-Xh2u {
1798
1795
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
1799
1796
  }
1800
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___8mjY0 {
1797
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___Soh2H {
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___j91vr {
1807
+ .ListBoxItem-module__hop-ListBoxItem___jr1Ak {
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___wit7x {
1904
+ .ListBoxItem-module__hop-ListBoxItem--xs___OknpH {
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___A46Xx {
1911
+ .ListBoxItem-module__hop-ListBoxItem--sm___N3L-W {
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___Aj2Bf {
1918
+ .ListBoxItem-module__hop-ListBoxItem--md___ENB-- {
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___nqjNW {
1925
+ .ListBoxItem-module__hop-ListBoxItem--lg___lMm-L {
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___j91vr[data-selection-mode] {
1932
+ .ListBoxItem-module__hop-ListBoxItem___jr1Ak[data-selection-mode] {
1936
1933
  --cursor: pointer;
1937
1934
  }
1938
- .ListBoxItem-module__hop-ListBoxItem___j91vr:not([data-selection-mode]) {
1935
+ .ListBoxItem-module__hop-ListBoxItem___jr1Ak: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___38XX7:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___XWfPE) {
1938
+ .ListBoxItem-module__hop-ListBoxItem__inner___MJr8c:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___zkTgo) {
1942
1939
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1943
1940
  }
1944
- .ListBoxItem-module__hop-ListBoxItem__inner___38XX7[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___XWfPE) {
1941
+ .ListBoxItem-module__hop-ListBoxItem__inner___MJr8c[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___zkTgo) {
1945
1942
  --checkmark-transition: none;
1946
1943
  }
1947
- .ListBoxItem-module__hop-ListBoxItem___j91vr[data-selected] {
1944
+ .ListBoxItem-module__hop-ListBoxItem___jr1Ak[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___wit7x[data-selected] {
1950
+ .ListBoxItem-module__hop-ListBoxItem--xs___OknpH[data-selected] {
1954
1951
  --label-font-weight: var(--hop-ListBoxItem-xs-label-font-weight-selected);
1955
1952
  }
1956
- .ListBoxItem-module__hop-ListBoxItem--sm___A46Xx[data-selected] {
1953
+ .ListBoxItem-module__hop-ListBoxItem--sm___N3L-W[data-selected] {
1957
1954
  --label-font-weight: var(--hop-ListBoxItem-sm-label-font-weight-selected);
1958
1955
  }
1959
- .ListBoxItem-module__hop-ListBoxItem--md___Aj2Bf[data-selected] {
1956
+ .ListBoxItem-module__hop-ListBoxItem--md___ENB--[data-selected] {
1960
1957
  --label-font-weight: var(--hop-ListBoxItem-md-label-font-weight-selected);
1961
1958
  }
1962
- .ListBoxItem-module__hop-ListBoxItem--lg___nqjNW[data-selected] {
1959
+ .ListBoxItem-module__hop-ListBoxItem--lg___lMm-L[data-selected] {
1963
1960
  --label-font-weight: var(--hop-ListBoxItem-lg-label-font-weight-selected);
1964
1961
  }
1965
- .ListBoxItem-module__hop-ListBoxItem___j91vr[data-focus-visible] {
1962
+ .ListBoxItem-module__hop-ListBoxItem___jr1Ak[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___j91vr[data-hovered] {
1968
+ .ListBoxItem-module__hop-ListBoxItem___jr1Ak[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___j91vr[data-pressed] {
1973
+ .ListBoxItem-module__hop-ListBoxItem___jr1Ak[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___j91vr[data-disabled] {
1978
+ .ListBoxItem-module__hop-ListBoxItem___jr1Ak[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___j91vr[data-invalid] {
1985
+ .ListBoxItem-module__hop-ListBoxItem___jr1Ak[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___j91vr[data-invalid][data-selected] {
1990
+ .ListBoxItem-module__hop-ListBoxItem___jr1Ak[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___j91vr[data-invalid][data-focus-visible] {
1995
+ .ListBoxItem-module__hop-ListBoxItem___jr1Ak[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___j91vr[data-invalid][data-hovered] {
2001
+ .ListBoxItem-module__hop-ListBoxItem___jr1Ak[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___j91vr[data-invalid][data-pressed] {
2007
+ .ListBoxItem-module__hop-ListBoxItem___jr1Ak[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___j91vr[data-invalid][data-disabled] {
2013
+ .ListBoxItem-module__hop-ListBoxItem___jr1Ak[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___j91vr:has(.ListBoxItem-module__hop-ListBoxItem__description___QUVlU) {
2018
+ .ListBoxItem-module__hop-ListBoxItem___jr1Ak:has(.ListBoxItem-module__hop-ListBoxItem__description___SJRF2) {
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___j91vr[data-loading] {
2022
+ .ListBoxItem-module__hop-ListBoxItem___jr1Ak[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___38XX7 {
2026
+ .ListBoxItem-module__hop-ListBoxItem__inner___MJr8c {
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___XWfPE {
2038
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___zkTgo {
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___AWgLu,
2049
- .ListBoxItem-module__hop-ListBoxItem__checkbox___RmQ9e {
2045
+ .ListBoxItem-module__hop-ListBoxItem__radio___JXeoU,
2046
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___ro6ox {
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___uzlsE {
2052
+ .ListBoxItem-module__hop-ListBoxItem__avatar___zz0kW {
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___lRYjc,
2061
- .ListBoxItem-module__hop-ListBoxItem__icon___-I8sL {
2057
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___HWhkA,
2058
+ .ListBoxItem-module__hop-ListBoxItem__icon___y8oyC {
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___6byIC {
2064
+ .ListBoxItem-module__hop-ListBoxItem__label___y1p8c {
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___5WrDJ,
2076
- .ListBoxItem-module__hop-ListBoxItem__end-icon___QjEUY {
2072
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___mpLMl,
2073
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___Ojl-r {
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___bVx2Z {
2078
+ .ListBoxItem-module__hop-ListBoxItem__badge___5Rh4d {
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___QUVlU {
2083
+ .ListBoxItem-module__hop-ListBoxItem__description___SJRF2 {
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___KVA6d {
2094
+ .ListBox-module__hop-ListBox___8T7IJ {
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___DHDBJ {
2141
+ .ListBox-module__hop-ListBox--fluid___Okleq {
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___sg4K- {
2145
+ .ListBox-module__hop-ListBox__section___jH9A9 {
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___ex2dy + .ListBox-module__hop-ListBox__section___sg4K- {
2153
+ .ListBox-module__hop-ListBox__item___aeife + .ListBox-module__hop-ListBox__section___jH9A9 {
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___sg4K-:has(+ .ListBox-module__hop-ListBox__item___ex2dy) {
2157
+ .ListBox-module__hop-ListBox__section___jH9A9:has(+ .ListBox-module__hop-ListBox__item___aeife) {
2161
2158
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
2162
2159
  }
2163
- .ListBox-module__hop-ListBox__section___sg4K-:first-child {
2160
+ .ListBox-module__hop-ListBox__section___jH9A9:first-child {
2164
2161
  --section-padding-block-start: 0;
2165
2162
  }
2166
- .ListBox-module__hop-ListBox__section___sg4K-:last-child {
2163
+ .ListBox-module__hop-ListBox__section___jH9A9: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___4d6bj {
2167
+ .ListBox-module__hop-ListBox__section-header___StzMM {
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___4d6bj::before,
2182
- .ListBox-module__hop-ListBox__section-header___4d6bj::after {
2178
+ .ListBox-module__hop-ListBox__section-header___StzMM::before,
2179
+ .ListBox-module__hop-ListBox__section-header___StzMM::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___4d6bj::before {
2186
+ .ListBox-module__hop-ListBox__section-header___StzMM::before {
2190
2187
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
2191
2188
  }
2192
- .ListBox-module__hop-ListBox__section-header___4d6bj::after {
2189
+ .ListBox-module__hop-ListBox__section-header___StzMM::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___gCKgZ {
2194
+ @keyframes Spinner-module__spin___HpFM- {
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___36RUG {
2202
+ .Spinner-module__hop-Spinner___MuP7e {
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___gCKgZ .8s infinite linear;
2210
+ --hop-Spinner-fill-animation: Spinner-module__spin___HpFM- .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___6bs2Q {
2221
+ .Spinner-module__hop-Spinner--sm___ktQme {
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___--q2H {
2225
+ .Spinner-module__hop-Spinner--md___50yOv {
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___H5Cv8 {
2229
+ .Spinner-module__hop-Spinner--lg___ZCBl1 {
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___O8Vw8 {
2233
+ .Spinner-module__hop-Spinner__track___4G0TW {
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___MDjiI {
2242
+ .Spinner-module__hop-Spinner__fill___yT12b {
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___MDjiI {
2253
+ .Spinner-module__hop-Spinner__fill___yT12b {
2257
2254
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
2258
2255
  }
2259
2256
  }
2260
- .Spinner-module__hop-Spinner__label___jaBMv {
2257
+ .Spinner-module__hop-Spinner__label___SoTKE {
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___pA6QN {
2263
+ .Button-module__hop-Button___P5aEy {
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___U5Rny {
2387
+ .Button-module__hop-Button--fluid___9Dt2P {
2391
2388
  --inline-size: 100%;
2392
2389
  }
2393
- .Button-module__hop-Button--sm___tTima {
2390
+ .Button-module__hop-Button--sm___0VkqB {
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___tTima[class*=--ghost] {
2394
+ .Button-module__hop-Button--sm___0VkqB[class*=--ghost] {
2398
2395
  --padding: var(--hop-Button-ghost-sm-padding);
2399
2396
  }
2400
- .Button-module__hop-Button--md___NCOEv[class*=--ghost] {
2397
+ .Button-module__hop-Button--md___OPA9Q[class*=--ghost] {
2401
2398
  --padding: var(--hop-Button-ghost-md-padding);
2402
2399
  }
2403
- .Button-module__hop-Button--icon-only___5XpIV {
2400
+ .Button-module__hop-Button--icon-only___nFaFf {
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___Sm2Q4 {
2405
+ .Button-module__hop-Button--primary___BYN9w {
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___Sm2Q4[data-hovered],
2415
- .Button-module__hop-Button--primary___Sm2Q4[data-focus-visible] {
2411
+ .Button-module__hop-Button--primary___BYN9w[data-hovered],
2412
+ .Button-module__hop-Button--primary___BYN9w[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___Sm2Q4[data-pressed] {
2417
+ .Button-module__hop-Button--primary___BYN9w[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___A5ztD {
2422
+ .Button-module__hop-Button--secondary___EJZW5 {
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___A5ztD[data-hovered],
2432
- .Button-module__hop-Button--secondary___A5ztD[data-focus-visible] {
2428
+ .Button-module__hop-Button--secondary___EJZW5[data-hovered],
2429
+ .Button-module__hop-Button--secondary___EJZW5[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___A5ztD[data-pressed] {
2434
+ .Button-module__hop-Button--secondary___EJZW5[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___lBLQM {
2439
+ .Button-module__hop-Button--upsell___7c4j5 {
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___lBLQM[data-hovered],
2449
- .Button-module__hop-Button--upsell___lBLQM[data-focus-visible] {
2445
+ .Button-module__hop-Button--upsell___7c4j5[data-hovered],
2446
+ .Button-module__hop-Button--upsell___7c4j5[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___lBLQM[data-pressed] {
2451
+ .Button-module__hop-Button--upsell___7c4j5[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___PI375 {
2456
+ .Button-module__hop-Button--danger___wRa-q {
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___PI375[data-hovered],
2466
- .Button-module__hop-Button--danger___PI375[data-focus-visible] {
2462
+ .Button-module__hop-Button--danger___wRa-q[data-hovered],
2463
+ .Button-module__hop-Button--danger___wRa-q[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___PI375[data-pressed] {
2468
+ .Button-module__hop-Button--danger___wRa-q[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___BTsYk {
2473
+ .Button-module__hop-Button--ghost-primary___0vxZz {
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___BTsYk[data-hovered],
2483
- .Button-module__hop-Button--ghost-primary___BTsYk[data-focus-visible] {
2479
+ .Button-module__hop-Button--ghost-primary___0vxZz[data-hovered],
2480
+ .Button-module__hop-Button--ghost-primary___0vxZz[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___BTsYk[data-pressed] {
2486
+ .Button-module__hop-Button--ghost-primary___0vxZz[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___l9yS6 {
2492
+ .Button-module__hop-Button--ghost-secondary___SegW0 {
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___l9yS6[data-hovered],
2502
- .Button-module__hop-Button--ghost-secondary___l9yS6[data-focus-visible] {
2498
+ .Button-module__hop-Button--ghost-secondary___SegW0[data-hovered],
2499
+ .Button-module__hop-Button--ghost-secondary___SegW0[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___l9yS6[data-pressed] {
2505
+ .Button-module__hop-Button--ghost-secondary___SegW0[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___n6hUa {
2511
+ .Button-module__hop-Button--ghost-danger___iJkRV {
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___n6hUa[data-hovered],
2521
- .Button-module__hop-Button--ghost-danger___n6hUa[data-focus-visible] {
2517
+ .Button-module__hop-Button--ghost-danger___iJkRV[data-hovered],
2518
+ .Button-module__hop-Button--ghost-danger___iJkRV[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___n6hUa[data-pressed] {
2524
+ .Button-module__hop-Button--ghost-danger___iJkRV[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___pA6QN[data-focus-visible] {
2530
+ .Button-module__hop-Button___P5aEy[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___pA6QN[data-disabled],
2537
- .Button-module__hop-Button___pA6QN[data-pending] {
2533
+ .Button-module__hop-Button___P5aEy[data-disabled],
2534
+ .Button-module__hop-Button___P5aEy[data-pending] {
2538
2535
  cursor: not-allowed;
2539
2536
  }
2540
- .Button-module__hop-Button___pA6QN[data-disabled] {
2537
+ .Button-module__hop-Button___P5aEy[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___pA6QN[class*=--ghost][data-disabled] {
2542
+ .Button-module__hop-Button___P5aEy[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___Sm2Q4[data-pending] {
2547
+ .Button-module__hop-Button--primary___BYN9w[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___A5ztD[data-pending] {
2552
+ .Button-module__hop-Button--secondary___EJZW5[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___lBLQM[data-pending] {
2557
+ .Button-module__hop-Button--upsell___7c4j5[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___PI375[data-pending] {
2562
+ .Button-module__hop-Button--danger___wRa-q[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___BTsYk[data-pending] {
2567
+ .Button-module__hop-Button--ghost-primary___0vxZz[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___l9yS6[data-pending] {
2573
+ .Button-module__hop-Button--ghost-secondary___SegW0[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___n6hUa[data-pending] {
2579
+ .Button-module__hop-Button--ghost-danger___iJkRV[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___c1lwi {
2585
+ .Button-module__hop-Button__Spinner___CgxCu {
2589
2586
  position: absolute;
2590
2587
  color: var(--spinner-color);
2591
2588
  }
2592
- .Button-module__hop-Button__icon___CE34p,
2593
- .Button-module__hop-Button__icon-list___5RPqv {
2589
+ .Button-module__hop-Button__icon___WyL6g,
2590
+ .Button-module__hop-Button__icon-list___9OWj- {
2594
2591
  flex: 0 0 auto;
2595
2592
  justify-self: end;
2596
2593
  order: 1;
2597
2594
  }
2598
- .Button-module__hop-Button__text___XYi-n {
2595
+ .Button-module__hop-Button__text___w7fxG {
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___Sd-Ic,
2609
- .Button-module__hop-Button__end-icon-list___0Swwi {
2605
+ .Button-module__hop-Button__end-icon___gsAc-,
2606
+ .Button-module__hop-Button__end-icon-list___4u5Tv {
2610
2607
  flex: 0 0 auto;
2611
2608
  order: 3;
2612
2609
  }
2613
- .Button-module__hop-Button___pA6QN .Button-module__hop-Button__icon-list___5RPqv,
2614
- .Button-module__hop-Button___pA6QN .Button-module__hop-Button__end-icon-list___0Swwi {
2610
+ .Button-module__hop-Button___P5aEy .Button-module__hop-Button__icon-list___9OWj-,
2611
+ .Button-module__hop-Button___P5aEy .Button-module__hop-Button__end-icon-list___4u5Tv {
2615
2612
  flex-wrap: nowrap;
2616
2613
  }
2617
- .Button-module__hop-Button___pA6QN[data-pending] > *:not(.Button-module__hop-Button__Spinner___c1lwi) {
2614
+ .Button-module__hop-Button___P5aEy[data-pending] > *:not(.Button-module__hop-Button__Spinner___CgxCu) {
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___gnqO1 {
2619
+ .ButtonGroup-module__hop-ButtonGroup___gaNSj {
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___UiAHJ {
2624
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___Hh-nA {
2628
2625
  align-items: center;
2629
2626
  }
2630
- .ButtonGroup-module__hop-ButtonGroup--vertical___m4Dmo {
2627
+ .ButtonGroup-module__hop-ButtonGroup--vertical___FbVpY {
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___XU7ZF.ButtonGroup-module__hop-ButtonGroup--vertical___m4Dmo {
2632
+ .ButtonGroup-module__hop-ButtonGroup--start___jFCxJ.ButtonGroup-module__hop-ButtonGroup--vertical___FbVpY {
2636
2633
  align-items: flex-start;
2637
2634
  }
2638
- .ButtonGroup-module__hop-ButtonGroup--center___zKTBu.ButtonGroup-module__hop-ButtonGroup--vertical___m4Dmo {
2635
+ .ButtonGroup-module__hop-ButtonGroup--center___dcupx.ButtonGroup-module__hop-ButtonGroup--vertical___FbVpY {
2639
2636
  align-items: center;
2640
2637
  }
2641
- .ButtonGroup-module__hop-ButtonGroup--end___pCXo-.ButtonGroup-module__hop-ButtonGroup--vertical___m4Dmo {
2638
+ .ButtonGroup-module__hop-ButtonGroup--end___JZRp-.ButtonGroup-module__hop-ButtonGroup--vertical___FbVpY {
2642
2639
  align-items: flex-end;
2643
2640
  }
2644
- .ButtonGroup-module__hop-ButtonGroup--start___XU7ZF.ButtonGroup-module__hop-ButtonGroup--horizontal___UiAHJ {
2641
+ .ButtonGroup-module__hop-ButtonGroup--start___jFCxJ.ButtonGroup-module__hop-ButtonGroup--horizontal___Hh-nA {
2645
2642
  justify-content: flex-start;
2646
2643
  }
2647
- .ButtonGroup-module__hop-ButtonGroup--center___zKTBu.ButtonGroup-module__hop-ButtonGroup--horizontal___UiAHJ {
2644
+ .ButtonGroup-module__hop-ButtonGroup--center___dcupx.ButtonGroup-module__hop-ButtonGroup--horizontal___Hh-nA {
2648
2645
  justify-content: center;
2649
2646
  }
2650
- .ButtonGroup-module__hop-ButtonGroup--end___pCXo-.ButtonGroup-module__hop-ButtonGroup--horizontal___UiAHJ {
2647
+ .ButtonGroup-module__hop-ButtonGroup--end___JZRp-.ButtonGroup-module__hop-ButtonGroup--horizontal___Hh-nA {
2651
2648
  justify-content: flex-end;
2652
2649
  }
2653
- .ButtonGroup-module__hop-ButtonGroup--wrap___gg-kN {
2650
+ .ButtonGroup-module__hop-ButtonGroup--wrap___6YTyV {
2654
2651
  flex-wrap: wrap;
2655
2652
  }
2656
- .ButtonGroup-module__hop-ButtonGroup--fluid___RjGWJ {
2653
+ .ButtonGroup-module__hop-ButtonGroup--fluid___FMgwv {
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___HQQvX {
2658
+ .EmbeddedButton-module__hop-EmbeddedButton___9z2ce {
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___HQQvX::before {
2822
+ .EmbeddedButton-module__hop-EmbeddedButton___9z2ce::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___HQQvX[data-square] {
2835
+ .EmbeddedButton-module__hop-EmbeddedButton___9z2ce[data-square] {
2839
2836
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
2840
2837
  }
2841
- .EmbeddedButton-module__hop-EmbeddedButton--md___AJJSH {
2838
+ .EmbeddedButton-module__hop-EmbeddedButton--md___SXzXf {
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___htKzJ {
2843
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___G--7b {
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___AJJSH::before {
2848
+ .EmbeddedButton-module__hop-EmbeddedButton--md___SXzXf::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___htKzJ::before {
2852
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___G--7b::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___Ma9JA {
2856
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___MBLS4 {
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___Dre-Y {
2860
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___Kqa8u {
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___Sjnek {
2864
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___gGO-6 {
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___NIo4Y {
2868
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___c5XXs {
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___I4HNU {
2872
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___-jZiS {
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___Tk8TQ {
2876
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___QHKTb {
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___Yg9sM {
2880
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___Gl6Yv {
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___UPznV {
2884
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___5eD-p {
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___IAvrt {
2888
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___34qjS {
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___7Ne1k {
2892
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___NJhro {
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___fF8FL {
2896
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___yBKRL {
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___hDsho {
2900
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___hRiR5 {
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___HQQvX[data-selected] {
2904
+ .EmbeddedButton-module__hop-EmbeddedButton___9z2ce[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___HQQvX[data-focus-visible] {
2908
+ .EmbeddedButton-module__hop-EmbeddedButton___9z2ce[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___HQQvX[data-disabled] {
2912
+ .EmbeddedButton-module__hop-EmbeddedButton___9z2ce[data-disabled] {
2916
2913
  cursor: not-allowed;
2917
2914
  }
2918
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___Ma9JA[data-hovered] {
2915
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___MBLS4[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___Ma9JA[data-focus-visible] {
2919
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___MBLS4[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___Ma9JA[data-pressed] {
2923
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___MBLS4[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___Ma9JA[data-disabled] {
2927
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___MBLS4[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___Dre-Y[data-hovered] {
2931
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___Kqa8u[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___Dre-Y[data-focus-visible] {
2935
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___Kqa8u[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___Dre-Y[data-pressed] {
2939
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___Kqa8u[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___Dre-Y[data-disabled] {
2943
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___Kqa8u[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___Sjnek[data-hovered] {
2947
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___gGO-6[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___Sjnek[data-focus-visible] {
2951
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___gGO-6[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___Sjnek[data-pressed] {
2955
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___gGO-6[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___Sjnek[data-disabled] {
2959
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___gGO-6[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___NIo4Y[data-hovered] {
2963
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___c5XXs[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___NIo4Y[data-focus-visible] {
2967
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___c5XXs[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___NIo4Y[data-pressed] {
2971
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___c5XXs[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___NIo4Y[data-disabled] {
2975
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___c5XXs[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___I4HNU[data-hovered] {
2979
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___-jZiS[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___I4HNU[data-focus-visible] {
2983
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___-jZiS[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___I4HNU[data-pressed] {
2987
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___-jZiS[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___I4HNU[data-disabled] {
2991
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___-jZiS[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___Tk8TQ[data-hovered] {
2995
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___QHKTb[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___Tk8TQ[data-focus-visible] {
2999
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___QHKTb[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___Tk8TQ[data-pressed] {
3003
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___QHKTb[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___Tk8TQ[data-disabled] {
3007
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___QHKTb[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___Yg9sM[data-hovered] {
3011
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___Gl6Yv[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___Yg9sM[data-focus-visible] {
3015
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___Gl6Yv[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___Yg9sM[data-pressed] {
3019
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___Gl6Yv[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___Yg9sM[data-disabled] {
3023
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___Gl6Yv[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___UPznV[data-hovered] {
3027
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___5eD-p[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___UPznV[data-focus-visible] {
3031
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___5eD-p[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___UPznV[data-pressed] {
3035
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___5eD-p[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___UPznV[data-disabled] {
3039
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___5eD-p[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___IAvrt[data-hovered] {
3043
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___34qjS[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___IAvrt[data-focus-visible] {
3047
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___34qjS[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___IAvrt[data-pressed] {
3051
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___34qjS[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___IAvrt[data-disabled] {
3055
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___34qjS[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___7Ne1k[data-hovered] {
3059
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___NJhro[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___7Ne1k[data-focus-visible] {
3063
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___NJhro[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___7Ne1k[data-pressed] {
3067
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___NJhro[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___7Ne1k[data-disabled] {
3071
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___NJhro[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___fF8FL[data-hovered] {
3075
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___yBKRL[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___fF8FL[data-focus-visible] {
3079
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___yBKRL[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___fF8FL[data-pressed] {
3083
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___yBKRL[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___fF8FL[data-disabled] {
3087
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___yBKRL[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___hDsho[data-hovered] {
3091
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___hRiR5[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___hDsho[data-focus-visible] {
3095
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___hRiR5[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___hDsho[data-pressed] {
3099
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___hRiR5[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___hDsho[data-disabled] {
3103
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___hRiR5[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___uh00S {
3107
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___Yot5f {
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___pA6QN {
3112
+ .Button-module__hop-Button___P5aEy {
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___U5Rny {
3236
+ .Button-module__hop-Button--fluid___9Dt2P {
3240
3237
  --inline-size: 100%;
3241
3238
  }
3242
- .Button-module__hop-Button--sm___tTima {
3239
+ .Button-module__hop-Button--sm___0VkqB {
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___tTima[class*=--ghost] {
3243
+ .Button-module__hop-Button--sm___0VkqB[class*=--ghost] {
3247
3244
  --padding: var(--hop-Button-ghost-sm-padding);
3248
3245
  }
3249
- .Button-module__hop-Button--md___NCOEv[class*=--ghost] {
3246
+ .Button-module__hop-Button--md___OPA9Q[class*=--ghost] {
3250
3247
  --padding: var(--hop-Button-ghost-md-padding);
3251
3248
  }
3252
- .Button-module__hop-Button--icon-only___5XpIV {
3249
+ .Button-module__hop-Button--icon-only___nFaFf {
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___Sm2Q4 {
3254
+ .Button-module__hop-Button--primary___BYN9w {
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___Sm2Q4[data-hovered],
3264
- .Button-module__hop-Button--primary___Sm2Q4[data-focus-visible] {
3260
+ .Button-module__hop-Button--primary___BYN9w[data-hovered],
3261
+ .Button-module__hop-Button--primary___BYN9w[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___Sm2Q4[data-pressed] {
3266
+ .Button-module__hop-Button--primary___BYN9w[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___A5ztD {
3271
+ .Button-module__hop-Button--secondary___EJZW5 {
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___A5ztD[data-hovered],
3281
- .Button-module__hop-Button--secondary___A5ztD[data-focus-visible] {
3277
+ .Button-module__hop-Button--secondary___EJZW5[data-hovered],
3278
+ .Button-module__hop-Button--secondary___EJZW5[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___A5ztD[data-pressed] {
3283
+ .Button-module__hop-Button--secondary___EJZW5[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___lBLQM {
3288
+ .Button-module__hop-Button--upsell___7c4j5 {
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___lBLQM[data-hovered],
3298
- .Button-module__hop-Button--upsell___lBLQM[data-focus-visible] {
3294
+ .Button-module__hop-Button--upsell___7c4j5[data-hovered],
3295
+ .Button-module__hop-Button--upsell___7c4j5[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___lBLQM[data-pressed] {
3300
+ .Button-module__hop-Button--upsell___7c4j5[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___PI375 {
3305
+ .Button-module__hop-Button--danger___wRa-q {
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___PI375[data-hovered],
3315
- .Button-module__hop-Button--danger___PI375[data-focus-visible] {
3311
+ .Button-module__hop-Button--danger___wRa-q[data-hovered],
3312
+ .Button-module__hop-Button--danger___wRa-q[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___PI375[data-pressed] {
3317
+ .Button-module__hop-Button--danger___wRa-q[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___BTsYk {
3322
+ .Button-module__hop-Button--ghost-primary___0vxZz {
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___BTsYk[data-hovered],
3332
- .Button-module__hop-Button--ghost-primary___BTsYk[data-focus-visible] {
3328
+ .Button-module__hop-Button--ghost-primary___0vxZz[data-hovered],
3329
+ .Button-module__hop-Button--ghost-primary___0vxZz[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___BTsYk[data-pressed] {
3335
+ .Button-module__hop-Button--ghost-primary___0vxZz[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___l9yS6 {
3341
+ .Button-module__hop-Button--ghost-secondary___SegW0 {
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___l9yS6[data-hovered],
3351
- .Button-module__hop-Button--ghost-secondary___l9yS6[data-focus-visible] {
3347
+ .Button-module__hop-Button--ghost-secondary___SegW0[data-hovered],
3348
+ .Button-module__hop-Button--ghost-secondary___SegW0[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___l9yS6[data-pressed] {
3354
+ .Button-module__hop-Button--ghost-secondary___SegW0[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___n6hUa {
3360
+ .Button-module__hop-Button--ghost-danger___iJkRV {
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___n6hUa[data-hovered],
3370
- .Button-module__hop-Button--ghost-danger___n6hUa[data-focus-visible] {
3366
+ .Button-module__hop-Button--ghost-danger___iJkRV[data-hovered],
3367
+ .Button-module__hop-Button--ghost-danger___iJkRV[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___n6hUa[data-pressed] {
3373
+ .Button-module__hop-Button--ghost-danger___iJkRV[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___pA6QN[data-focus-visible] {
3379
+ .Button-module__hop-Button___P5aEy[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___pA6QN[data-disabled],
3386
- .Button-module__hop-Button___pA6QN[data-pending] {
3382
+ .Button-module__hop-Button___P5aEy[data-disabled],
3383
+ .Button-module__hop-Button___P5aEy[data-pending] {
3387
3384
  cursor: not-allowed;
3388
3385
  }
3389
- .Button-module__hop-Button___pA6QN[data-disabled] {
3386
+ .Button-module__hop-Button___P5aEy[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___pA6QN[class*=--ghost][data-disabled] {
3391
+ .Button-module__hop-Button___P5aEy[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___Sm2Q4[data-pending] {
3396
+ .Button-module__hop-Button--primary___BYN9w[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___A5ztD[data-pending] {
3401
+ .Button-module__hop-Button--secondary___EJZW5[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___lBLQM[data-pending] {
3406
+ .Button-module__hop-Button--upsell___7c4j5[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___PI375[data-pending] {
3411
+ .Button-module__hop-Button--danger___wRa-q[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___BTsYk[data-pending] {
3416
+ .Button-module__hop-Button--ghost-primary___0vxZz[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___l9yS6[data-pending] {
3422
+ .Button-module__hop-Button--ghost-secondary___SegW0[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___n6hUa[data-pending] {
3428
+ .Button-module__hop-Button--ghost-danger___iJkRV[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___c1lwi {
3434
+ .Button-module__hop-Button__Spinner___CgxCu {
3438
3435
  position: absolute;
3439
3436
  color: var(--spinner-color);
3440
3437
  }
3441
- .Button-module__hop-Button__icon___CE34p,
3442
- .Button-module__hop-Button__icon-list___5RPqv {
3438
+ .Button-module__hop-Button__icon___WyL6g,
3439
+ .Button-module__hop-Button__icon-list___9OWj- {
3443
3440
  flex: 0 0 auto;
3444
3441
  justify-self: end;
3445
3442
  order: 1;
3446
3443
  }
3447
- .Button-module__hop-Button__text___XYi-n {
3444
+ .Button-module__hop-Button__text___w7fxG {
3448
3445
  user-select: none;
3449
3446
  overflow: visible;
3450
3447
  flex: 0 1 auto;
@@ -3454,550 +3451,57 @@
3454
3451
  text-underline-offset: 0.125rem;
3455
3452
  text-wrap: nowrap;
3456
3453
  }
3457
- .Button-module__hop-Button__end-icon___Sd-Ic,
3458
- .Button-module__hop-Button__end-icon-list___0Swwi {
3454
+ .Button-module__hop-Button__end-icon___gsAc-,
3455
+ .Button-module__hop-Button__end-icon-list___4u5Tv {
3459
3456
  flex: 0 0 auto;
3460
3457
  order: 3;
3461
3458
  }
3462
- .Button-module__hop-Button___pA6QN .Button-module__hop-Button__icon-list___5RPqv,
3463
- .Button-module__hop-Button___pA6QN .Button-module__hop-Button__end-icon-list___0Swwi {
3459
+ .Button-module__hop-Button___P5aEy .Button-module__hop-Button__icon-list___9OWj-,
3460
+ .Button-module__hop-Button___P5aEy .Button-module__hop-Button__end-icon-list___4u5Tv {
3464
3461
  flex-wrap: nowrap;
3465
3462
  }
3466
- .Button-module__hop-Button___pA6QN[data-pending] > *:not(.Button-module__hop-Button__Spinner___c1lwi) {
3463
+ .Button-module__hop-Button___P5aEy[data-pending] > *:not(.Button-module__hop-Button__Spinner___CgxCu) {
3467
3464
  opacity: 0;
3468
3465
  }
3469
- .LinkButton-module__hop-LinkButton___7k5od {
3466
+ .LinkButton-module__hop-LinkButton___l8Nhd {
3470
3467
  }
3471
- .LinkButton-module__hop-LinkButton--fluid___A8Zk0 {
3468
+ .LinkButton-module__hop-LinkButton--fluid___CV-hC {
3472
3469
  }
3473
- .LinkButton-module__hop-LinkButton--sm___FyaNc {
3470
+ .LinkButton-module__hop-LinkButton--sm___akPcH {
3474
3471
  }
3475
- .LinkButton-module__hop-LinkButton--icon-only___qWadl {
3472
+ .LinkButton-module__hop-LinkButton--icon-only___X-I3- {
3476
3473
  }
3477
- .LinkButton-module__hop-LinkButton--primary___odJT- {
3474
+ .LinkButton-module__hop-LinkButton--primary___rHRpc {
3478
3475
  }
3479
- .LinkButton-module__hop-LinkButton--secondary___FWqm7 {
3476
+ .LinkButton-module__hop-LinkButton--secondary___YLSbZ {
3480
3477
  }
3481
- .LinkButton-module__hop-LinkButton--upsell___E4khB {
3478
+ .LinkButton-module__hop-LinkButton--upsell___965n- {
3482
3479
  }
3483
- .LinkButton-module__hop-LinkButton--danger___RauLI {
3480
+ .LinkButton-module__hop-LinkButton--danger___mfaDJ {
3484
3481
  }
3485
- .LinkButton-module__hop-LinkButton--ghost-primary___WvBma {
3482
+ .LinkButton-module__hop-LinkButton--ghost-primary___7CqnY {
3486
3483
  }
3487
- .LinkButton-module__hop-LinkButton--ghost-secondary___1IvVo {
3484
+ .LinkButton-module__hop-LinkButton--ghost-secondary___LIF5v {
3488
3485
  }
3489
- .LinkButton-module__hop-LinkButton--ghost-danger___t4fdk {
3486
+ .LinkButton-module__hop-LinkButton--ghost-danger___I6ynY {
3490
3487
  }
3491
- .LinkButton-module__hop-LinkButton__Spinner___Y6LJM {
3488
+ .LinkButton-module__hop-LinkButton__Spinner___7WV4m {
3492
3489
  }
3493
- .LinkButton-module__hop-LinkButton__icon___HTOla,
3494
- .LinkButton-module__hop-LinkButton__icon-list___2Sb0t {
3490
+ .LinkButton-module__hop-LinkButton__icon___Hcazq,
3491
+ .LinkButton-module__hop-LinkButton__icon-list___oPwy1 {
3495
3492
  }
3496
- .LinkButton-module__hop-LinkButton__text___-R0UX {
3493
+ .LinkButton-module__hop-LinkButton__text___j8EFQ {
3497
3494
  }
3498
- .LinkButton-module__hop-LinkButton__end-icon___dCh-L,
3499
- .LinkButton-module__hop-LinkButton__end-icon-list___ONwU7 {
3495
+ .LinkButton-module__hop-LinkButton__end-icon___FAXN9,
3496
+ .LinkButton-module__hop-LinkButton__end-icon-list___j08KA {
3500
3497
  }
3501
- .LinkButton-module__hop-LinkButton___7k5od .LinkButton-module__hop-LinkButton__icon-list___2Sb0t,
3502
- .LinkButton-module__hop-LinkButton___7k5od .LinkButton-module__hop-LinkButton__end-icon-list___ONwU7 {
3498
+ .LinkButton-module__hop-LinkButton___l8Nhd .LinkButton-module__hop-LinkButton__icon-list___oPwy1,
3499
+ .LinkButton-module__hop-LinkButton___l8Nhd .LinkButton-module__hop-LinkButton__end-icon-list___j08KA {
3503
3500
  flex-wrap: nowrap;
3504
3501
  }
3505
3502
 
3506
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Divider/src/Divider.module.css/#css-module-data */
3507
- :where(.Divider-module__hop-Divider___sRbNF) {
3508
- --hop-Divider-border-color: var(--hop-neutral-border-weak);
3509
- --hop-Divider-border-size: 0.0625rem;
3510
- --hop-Divider-horizontal-border-block-end: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
3511
- --hop-Divider-horizontal-border-inline-start: none;
3512
- --hop-Divider-horizontal-inline-size: auto;
3513
- --hop-Divider-horizontal-block-size: 0;
3514
- --hop-Divider-vertical-border-inline-start: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
3515
- --hop-Divider-vertical-border-block-end: none;
3516
- --hop-Divider-vertical-inline-size: 0;
3517
- --hop-Divider-vertical-block-size: auto;
3518
- --border-block-end: var(--hop-Divider-horizontal-border-block-end);
3519
- --border-inline-start: var(--hop-Divider-horizontal-border-inline-start);
3520
- --inline-size: var(--hop-Divider-horizontal-inline-size);
3521
- --block-size: var(--hop-Divider-horizontal-block-size);
3522
- display: block;
3523
- flex: 0 0 auto;
3524
- box-sizing: border-box;
3525
- inline-size: var(--inline-size);
3526
- block-size: var(--block-size);
3527
- margin: 0;
3528
- border: none;
3529
- border-block-end: var(--border-block-end);
3530
- border-inline-start: var(--border-inline-start);
3531
- }
3532
- .Divider-module__hop-Divider--vertical___GO6bz {
3533
- --border-block-end: var(--hop-Divider-vertical-border-block-end);
3534
- --border-inline-start: var(--hop-Divider-vertical-border-inline-start);
3535
- --inline-size: var(--hop-Divider-vertical-inline-size);
3536
- --block-size: var(--hop-Divider-vertical-block-size);
3537
- }
3538
-
3539
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Form/src/Form.module.css/#css-module-data */
3540
- .Form-module__hop-Form___xCnhE {
3541
- display: flex;
3542
- flex-direction: column;
3543
- gap: var(--hop-space-stack-lg);
3544
- }
3545
-
3546
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
3547
- .InputGroup-module__hop-InputGroup___C1zeb {
3548
- --hop-InputGroup-background: var(--hop-neutral-surface);
3549
- --hop-InputGroup-border-color: var(--hop-neutral-border);
3550
- --hop-InputGroup-border-width: 0.0625rem;
3551
- --hop-InputGroup-display: inline-flex;
3552
- --hop-InputGroup-display-number: grid;
3553
- --hop-InputGroup-gap: var(--hop-space-inline-sm);
3554
- --hop-InputGroup-gap-textarea: 0;
3555
- --hop-InputGroup-gap-number: 0;
3556
- --hop-InputGroup-flex-direction: row;
3557
- --hop-InputGroup-flex-direction-textarea: column;
3558
- --hop-InputGroup-align-items: center;
3559
- --hop-InputGroup-align-items-textarea: flex-end;
3560
- --hop-InputGroup-inline-size: fit-content;
3561
- --hop-InputGroup-sm-block-size: 2rem;
3562
- --hop-InputGroup-md-block-size: 2.5rem;
3563
- --hop-InputGroup-block-size-textarea: auto;
3564
- --hop-InputGroup-border-radius: var(--hop-shape-rounded-md);
3565
- --hop-InputGroup-padding-inline: var(--hop-space-inset-md);
3566
- --hop-InputGroup-padding-block: 0;
3567
- --hop-InputGroup-padding-inline-textarea: var(--hop-space-inset-xs);
3568
- --hop-InputGroup-padding-block-textarea: var(--hop-space-inset-xs);
3569
- --hop-InputGroup-border-color-hover: var(--hop-neutral-border-hover);
3570
- --hop-InputGroup-border-color-focus: var(--hop-primary-border-focus);
3571
- --hop-InputGroup-background-hover: var(--hop-neutral-surface-hover);
3572
- --hop-InputGroup-border-color-invalid: var(--hop-danger-border-strong);
3573
- --hop-InputGroup-input-color: var(--hop-neutral-text);
3574
- --hop-InputGroup-input-color-disabled: var(--hop-neutral-text-disabled);
3575
- --hop-InputGroup-input-sm-font-family: var(--hop-body-sm-font-family);
3576
- --hop-InputGroup-input-sm-font-size: var(--hop-body-sm-font-size);
3577
- --hop-InputGroup-input-sm-font-weight: var(--hop-body-sm-font-weight);
3578
- --hop-InputGroup-input-sm-line-height: var(--hop-body-sm-line-height);
3579
- --hop-InputGroup-input-sm-block-size: 1.5rem;
3580
- --hop-InputGroup-input-md-font-family: var(--hop-body-md-font-family);
3581
- --hop-InputGroup-input-md-font-size: var(--hop-body-md-font-size);
3582
- --hop-InputGroup-input-md-font-weight: var(--hop-body-md-font-weight);
3583
- --hop-InputGroup-input-md-line-height: var(--hop-body-md-line-height);
3584
- --hop-InputGroup-input-md-block-size: 2rem;
3585
- --hop-InputGroup-input-padding: 0;
3586
- --hop-InputGroup-textarea-padding: var(--hop-space-inset-xs) calc(var(--hop-space-inset-md) - var(--hop-space-inset-xs));
3587
- --hop-InputGroup-background-disabled: var(--hop-neutral-surface-disabled);
3588
- --hop-InputGroup-border-color-disabled: var(--hop-neutral-border-disabled);
3589
- --hop-InputGroup-placeholder-font-family: inherit;
3590
- --hop-InputGroup-placeholder-font-size: inherit;
3591
- --hop-InputGroup-placeholder-font-weight: inherit;
3592
- --hop-InputGroup-placeholder-line-height: inherit;
3593
- --hop-InputGroup-placeholder-color: var(--hop-neutral-text-weakest);
3594
- --hop-InputGroup-placeholder-color-disabled: var(--hop-neutral-text-disabled);
3595
- --hop-InputGroup-embedded-button-margin-inline-end: calc(-1 * var(--hop-space-inline-sm));
3596
- --inline-size: var(--hop-InputGroup-inline-size);
3597
- --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color);
3598
- --background: var(--hop-InputGroup-background);
3599
- --block-size: var(--hop-InputGroup-md-block-size);
3600
- --display: var(--hop-InputGroup-display);
3601
- --gap: var(--hop-InputGroup-gap);
3602
- --flex-direction: var(--hop-InputGroup-flex-direction);
3603
- --align-items: var(--hop-InputGroup-align-items);
3604
- --padding-inline: var(--hop-InputGroup-padding-inline);
3605
- --padding-block: var(--hop-InputGroup-padding-block);
3606
- --input-font-family: var(--hop-InputGroup-input-md-font-family);
3607
- --input-font-size: var(--hop-InputGroup-input-md-font-size);
3608
- --input-font-weight: var(--hop-InputGroup-input-md-font-weight);
3609
- --input-line-height: var(--hop-InputGroup-input-md-line-height);
3610
- --input-block-size: var(--hop-InputGroup-input-md-block-size);
3611
- --input-inline-size: initial;
3612
- --input-color: var(--hop-InputGroup-input-color);
3613
- --input-placeholder-color: var(--hop-InputGroup-placeholder-color);
3614
- position: relative;
3615
- display: var(--display);
3616
- flex-direction: var(--flex-direction);
3617
- gap: var(--gap);
3618
- align-items: var(--align-items);
3619
- box-sizing: border-box;
3620
- inline-size: var(--inline-size);
3621
- block-size: var(--block-size);
3622
- padding-block: var(--padding-block);
3623
- padding-inline: var(--padding-inline);
3624
- background: var(--background);
3625
- border: var(--border);
3626
- border-radius: var(--hop-InputGroup-border-radius);
3627
- }
3628
- .InputGroup-module__hop-InputGroup--fluid___Ddo-9 {
3629
- --inline-size: 100%;
3630
- --input-inline-size: 100%;
3631
- }
3632
- .InputGroup-module__hop-InputGroup--sm___N-HuK {
3633
- --block-size: var(--hop-InputGroup-sm-block-size);
3634
- --input-font-family: var(--hop-InputGroup-input-sm-font-family);
3635
- --input-font-size: var(--hop-InputGroup-input-sm-font-size);
3636
- --input-font-weight: var(--hop-InputGroup-input-sm-font-weight);
3637
- --input-line-height: var(--hop-InputGroup-input-sm-line-height);
3638
- --input-block-size: var(--hop-InputGroup-input-sm-block-size);
3639
- }
3640
- .InputGroup-module__hop-InputGroup___C1zeb[data-input-type=textarea] {
3641
- --gap: var(--hop-InputGroup-gap-textarea);
3642
- --flex-direction: var(--hop-InputGroup-flex-direction-textarea);
3643
- --align-items: var(--hop-InputGroup-align-items-textarea);
3644
- --block-size: var(--hop-InputGroup-block-size-textarea);
3645
- --padding-inline: var(--hop-InputGroup-padding-inline-textarea);
3646
- --padding-block: var(--hop-InputGroup-padding-block-textarea);
3647
- }
3648
- .InputGroup-module__hop-InputGroup___C1zeb[data-input-type=number] {
3649
- --display: var(--hop-InputGroup-display-number);
3650
- --gap: var(--hop-InputGroup-gap-number);
3651
- }
3652
- .InputGroup-module__hop-InputGroup___C1zeb[data-hovered] {
3653
- --background: var(--hop-InputGroup-background-hover);
3654
- --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
3655
- }
3656
- .InputGroup-module__hop-InputGroup___C1zeb[data-focus-within] {
3657
- --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
3658
- }
3659
- .InputGroup-module__hop-InputGroup___C1zeb[data-invalid] {
3660
- --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
3661
- }
3662
- .InputGroup-module__hop-InputGroup___C1zeb[data-disabled] {
3663
- --background: var(--hop-InputGroup-background-disabled);
3664
- --border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled);
3665
- --input-color: var(--hop-InputGroup-input-color-disabled);
3666
- --input-placeholder-color: var(--hop-InputGroup-placeholder-color-disabled);
3667
- }
3668
- .InputGroup-module__hop-InputGroup__input___FgNOB,
3669
- .InputGroup-module__hop-InputGroup__textarea___-qAlB {
3670
- flex: 1 1 auto;
3671
- box-sizing: border-box;
3672
- inline-size: var(--input-inline-size);
3673
- min-inline-size: 0;
3674
- font-family: var(--input-font-family);
3675
- font-size: var(--input-font-size);
3676
- font-weight: var(--input-font-weight);
3677
- line-height: var(--input-line-height);
3678
- color: var(--input-color);
3679
- background: transparent;
3680
- border: none;
3681
- outline: none;
3682
- }
3683
- .InputGroup-module__hop-InputGroup__input___FgNOB {
3684
- block-size: var(--input-block-size);
3685
- padding: var(--hop-InputGroup-input-padding);
3686
- }
3687
- .InputGroup-module__hop-InputGroup__textarea___-qAlB {
3688
- padding: var(--hop-InputGroup-textarea-padding);
3689
- }
3690
- .InputGroup-module__hop-InputGroup__input___FgNOB::placeholder {
3691
- font-family: var(--hop-InputGroup-placeholder-font-family);
3692
- font-size: var(--hop-InputGroup-placeholder-font-size);
3693
- font-weight: var(--hop-InputGroup-placeholder-font-weight);
3694
- line-height: var(--hop-InputGroup-placeholder-line-height);
3695
- color: var(--input-placeholder-color);
3696
- }
3697
- .InputGroup-module__hop-InputGroup__embedded-button___587T1 {
3698
- margin-inline-end: var(--hop-InputGroup-embedded-button-margin-inline-end);
3699
- }
3700
-
3701
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/NumberField.module.css/#css-module-data */
3702
- .NumberField-module__hop-NumberField___7Katd {
3703
- --hop-NumberField-gap: var(--hop-space-stack-xs);
3704
- --hop-NumberField-inline-size: 20rem;
3705
- --hop-NumberField-inline-size-fluid: 100%;
3706
- --hop-NumberField-prefix-color: var(--hop-neutral-text-weak);
3707
- --hop-NumberField-prefix-margin-inline-end: var(--hop-space-inline-sm);
3708
- --hop-NumberField-input-group-display: grid;
3709
- --hop-NumberField-input-group-template: "prefix input stepup" auto "prefix input stepdown" auto / auto 1fr auto;
3710
- --hop-NumberField-input-group-template-mobile: "stepdown prefix input stepup" auto / auto auto 1fr auto;
3711
- --hop-NumberField-stepper-color: var(--hop-neutral-icon);
3712
- --hop-NumberField-stepper-color-hovered: var(--hop-neutral-icon-hover);
3713
- --hop-NumberField-stepper-color-pressed: var(--hop-neutral-icon-press);
3714
- --hop-NumberField-stepper-color-disabled: var(--hop-neutral-icon-disabled);
3715
- --hop-NumberField-stepper-background-color: var(--hop-neutral-surface);
3716
- --hop-NumberField-stepper-background-color-hovered: var(--hop-neutral-surface-hover);
3717
- --hop-NumberField-stepper-background-color-pressed: var(--hop-neutral-surface-press);
3718
- --hop-NumberField-stepper-background-color-disabled: transparent;
3719
- --hop-NumberField-stepper-border-radius: calc(var(--hop-shape-rounded-sm));
3720
- --hop-NumberField-stepper-border-radius-increment: var(--hop-NumberField-stepper-border-radius) var(--hop-NumberField-stepper-border-radius) 0 0;
3721
- --hop-NumberField-stepper-border-radius-decrement: 0 0 var(--hop-NumberField-stepper-border-radius) var(--hop-NumberField-stepper-border-radius);
3722
- --hop-NumberField-stepper-border-radius-mobile-increment: 0 var(--hop-shape-rounded-md) var(--hop-shape-rounded-md) 0;
3723
- --hop-NumberField-stepper-border-radius-mobile-decrement: var(--hop-shape-rounded-md) 0 0 var(--hop-shape-rounded-md);
3724
- --hop-NumberField-stepper-height: 0.86rem;
3725
- --hop-NumberField-stepper-height-mobile: 100%;
3726
- --hop-NumberField-stepper-width: 1.5rem;
3727
- --hop-NumberField-stepper-border-color: var(--hop-neutral-border);
3728
- --hop-NumberField-stepper-border-width: 0.0625rem;
3729
- --hop-NumberField-stepper-align-self-increment: end;
3730
- --hop-NumberField-stepper-align-self-decrement: start;
3731
- --hop-NumberField-stepper-align-self-increment-mobile: center;
3732
- --hop-NumberField-stepper-align-self-decrement-mobile: center;
3733
- --hop-NumberField-stepper-margin-inline-increment: var(--hop-space-inline-sm) calc(-1 * var(--hop-space-inline-sm));
3734
- --hop-NumberField-stepper-margin-inline-decrement: var(--hop-space-inline-sm) calc(-1 * var(--hop-space-inline-sm));
3735
- --hop-NumberField-stepper-margin-inline-increment-mobile: var(--hop-space-inline-sm) calc(-1 * var(--hop-space-inline-md));
3736
- --hop-NumberField-stepper-margin-inline-decrement-mobile: calc(-1 * var(--hop-space-inline-md)) var(--hop-space-inline-sm);
3737
- --inline-size: var(--hop-NumberField-inline-size);
3738
- --stepper-color: var(--hop-NumberField-stepper-color);
3739
- --stepper-background-color: var(--hop-NumberField-stepper-background-color);
3740
- --stepper-border: var(--hop-NumberField-stepper-border-width) solid var(--hop-NumberField-stepper-border-color);
3741
- --stepper-height: var(--hop-NumberField-stepper-height);
3742
- --input-group-display: var(--hop-NumberField-input-group-display);
3743
- --input-group-template: var(--hop-NumberField-input-group-template);
3744
- overflow: hidden;
3745
- display: flex;
3746
- flex-direction: column;
3747
- gap: var(--hop-NumberField-gap);
3748
- inline-size: var(--inline-size);
3749
- }
3750
- .NumberField-module__hop-NumberField--fluid___CA2ta {
3751
- --inline-size: var(--hop-NumberField-inline-size-fluid);
3752
- }
3753
- .NumberField-module__hop-NumberField--mobile___AqfPY {
3754
- --input-group-template: var(--hop-NumberField-input-group-template-mobile);
3755
- --stepper-height: var(--hop-NumberField-stepper-height-mobile);
3756
- }
3757
- .NumberField-module__hop-NumberField__Label___OPdrB {
3758
- order: 0;
3759
- }
3760
- .NumberField-module__hop-NumberField__prefix___YMqBj {
3761
- grid-area: prefix;
3762
- margin-inline-end: var(--hop-NumberField-prefix-margin-inline-end);
3763
- color: var(--hop-NumberField-prefix-color);
3764
- }
3765
- .NumberField-module__hop-NumberField__InputGroup___s5R8W {
3766
- grid-template: var(--input-group-template);
3767
- order: 1;
3768
- }
3769
- .NumberField-module__hop-NumberField__ErrorMessage___8ObDA,
3770
- .NumberField-module__hop-NumberField__HelperMessage___g8Oqy {
3771
- order: 3;
3772
- }
3773
- .NumberField-module__hop-NumberField__stepper-button___DM6t9 {
3774
- cursor: pointer;
3775
- display: flex;
3776
- grid-area: var(--grid-area, unset);
3777
- align-items: center;
3778
- align-self: var(--stepper-align-self);
3779
- justify-content: center;
3780
- box-sizing: border-box;
3781
- inline-size: var(--hop-NumberField-stepper-width);
3782
- max-inline-size: 100%;
3783
- block-size: var(--stepper-height);
3784
- margin-inline: var(--stepper-margin-inline);
3785
- padding: 0;
3786
- color: var(--stepper-color);
3787
- background-color: var(--stepper-background-color);
3788
- border-color: var(--hop-NumberField-stepper-border-color);
3789
- border-style: solid;
3790
- border-width: var(--stepper-border-width);
3791
- border-radius: var(--stepper-border-radius, 0);
3792
- outline: none;
3793
- }
3794
- .NumberField-module__hop-NumberField__stepper-button--increment___3BrKc {
3795
- --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-increment);
3796
- --stepper-border-width: var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) 0 var(--hop-NumberField-stepper-border-width);
3797
- --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment);
3798
- --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment);
3799
- --grid-area: stepup;
3800
- }
3801
- .NumberField-module__hop-NumberField__stepper-button--decrement___JAu6O {
3802
- --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-decrement);
3803
- --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width) var(--hop-NumberField-stepper-border-width);
3804
- --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement);
3805
- --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement);
3806
- --grid-area: stepdown;
3807
- }
3808
- .NumberField-module__hop-NumberField__stepper-button--mobile___fcZlM.NumberField-module__hop-NumberField__stepper-button--increment___3BrKc {
3809
- --stepper-border-width: 0 0 0 var(--hop-NumberField-stepper-border-width);
3810
- --stepper-align-self: var(--hop-NumberField-stepper-align-self-increment-mobile);
3811
- --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-increment-mobile);
3812
- --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-increment);
3813
- }
3814
- .NumberField-module__hop-NumberField__stepper-button--mobile___fcZlM.NumberField-module__hop-NumberField__stepper-button--decrement___JAu6O {
3815
- --stepper-border-width: 0 var(--hop-NumberField-stepper-border-width) 0 0;
3816
- --stepper-align-self: var(--hop-NumberField-stepper-align-self-decrement-mobile);
3817
- --stepper-margin-inline: var(--hop-NumberField-stepper-margin-inline-decrement-mobile);
3818
- --stepper-border-radius: var(--hop-NumberField-stepper-border-radius-mobile-decrement);
3819
- }
3820
- .NumberField-module__hop-NumberField__stepper-button___DM6t9[data-hovered] {
3821
- color: var(--hop-NumberField-stepper-color-hovered);
3822
- background-color: var(--hop-NumberField-stepper-background-color-hovered);
3823
- }
3824
- .NumberField-module__hop-NumberField__stepper-button___DM6t9[data-pressed] {
3825
- color: var(--hop-NumberField-stepper-color-pressed);
3826
- background-color: var(--hop-NumberField-stepper-background-color-pressed);
3827
- }
3828
- .NumberField-module__hop-NumberField__stepper-button___DM6t9[data-disabled] {
3829
- cursor: not-allowed;
3830
- color: var(--hop-NumberField-stepper-color-disabled);
3831
- background-color: var(--hop-NumberField-stepper-background-color-disabled);
3832
- }
3833
- .NumberField-module__hop-NumberField__stepper-button__icon___-Um7q {
3834
- display: block;
3835
- max-block-size: 100%;
3836
- }
3837
- .NumberField-module__hop-NumberField__input___CHY6W {
3838
- grid-area: input;
3839
- }
3840
-
3841
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
3842
- .PasswordField-module__hop-PasswordField___B-A20 {
3843
- --hop-PasswordField-gap: var(--hop-space-stack-xs);
3844
- --hop-PasswordField-inline-size: 20rem;
3845
- --inline-size: var(--hop-PasswordField-inline-size);
3846
- display: flex;
3847
- flex-direction: column;
3848
- gap: var(--hop-PasswordField-gap);
3849
- inline-size: var(--inline-size);
3850
- max-inline-size: 100%;
3851
- }
3852
- .PasswordField-module__hop-PasswordField--fluid___nf8eU {
3853
- --inline-size: 100%;
3854
- }
3855
- .PasswordField-module__hop-PasswordField__Label___0ztJJ {
3856
- order: 0;
3857
- }
3858
- .PasswordField-module__hop-PasswordField__InputGroup___KenwP {
3859
- order: 1;
3860
- }
3861
- .PasswordField-module__hop-PasswordField__ErrorMessage___KHt4V,
3862
- .PasswordField-module__hop-PasswordField__HelperMessage___cVYfC {
3863
- order: 3;
3864
- }
3865
-
3866
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/RemainingCharacterCount.module.css/#css-module-data */
3867
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___krdhY {
3868
- --hop-RemainingCharacterCount-color: var(--hop-neutral-text-weak);
3869
- --hop-RemainingCharacterCount-color-disabled: var(--hop-neutral-text-disabled);
3870
- --hop-RemainingCharacterCount-color-invalid: var(--hop-danger-text-weak);
3871
- --char-count-color: var(--hop-RemainingCharacterCount-color);
3872
- color: var(--char-count-color);
3873
- }
3874
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___krdhY[data-invalid] {
3875
- --char-count-color: var(--hop-RemainingCharacterCount-color-invalid);
3876
- }
3877
- .RemainingCharacterCount-module__hop-RemainingCharacterCount___krdhY[data-disabled] {
3878
- --char-count-color: var(--hop-RemainingCharacterCount-color-disabled);
3879
- }
3880
-
3881
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
3882
- .SearchField-module__hop-SearchField___Ht5JT {
3883
- --hop-SearchField-gap: var(--hop-space-stack-xs);
3884
- --hop-SearchField-inline-size: 20rem;
3885
- --hop-SearchField-color: var(--hop-neutral-text-weak);
3886
- --hop-SearchField-padding: var(--hop-space-inset-md);
3887
- --inline-size: var(--hop-SearchField-inline-size);
3888
- --input-group-padding-inline-end: var(--hop-SearchField-padding);
3889
- --input-group-padding-inline-start: var(--hop-SearchField-padding);
3890
- --clear-button-display: flex;
3891
- display: flex;
3892
- flex-direction: column;
3893
- gap: var(--hop-SearchField-gap);
3894
- inline-size: var(--inline-size);
3895
- max-inline-size: 100%;
3896
- }
3897
- .SearchField-module__hop-SearchField--fluid___CBKry {
3898
- --inline-size: 100%;
3899
- }
3900
- .SearchField-module__hop-SearchField__Label___KCHXr {
3901
- order: 0;
3902
- }
3903
- .SearchField-module__hop-SearchField__prefix___kSFBW {
3904
- color: var(--hop-SearchField-color);
3905
- }
3906
- .SearchField-module__hop-SearchField__InputGroup___gjME3 {
3907
- order: 1;
3908
- padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
3909
- }
3910
- .SearchField-module__hop-SearchField--clearable___nL0RX {
3911
- --input-group-padding-inline-end: 0;
3912
- }
3913
- .SearchField-module__hop-SearchField__ErrorMessage___W20SH,
3914
- .SearchField-module__hop-SearchField__HelperMessage___lOCia {
3915
- order: 3;
3916
- }
3917
- .SearchField-module__hop-SearchField___Ht5JT input::-webkit-search-cancel-button,
3918
- .SearchField-module__hop-SearchField___Ht5JT input::-webkit-search-decoration {
3919
- appearance: none;
3920
- }
3921
- .SearchField-module__hop-SearchField___Ht5JT[data-empty] {
3922
- --clear-button-display: none;
3923
- }
3924
- .SearchField-module__hop-SearchField__ClearButton___IXmwh {
3925
- display: var(--clear-button-display);
3926
- }
3927
-
3928
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextArea.module.css/#css-module-data */
3929
- .TextArea-module__hop-TextArea___MkJL- {
3930
- --hop-TextArea-gap: var(--hop-space-stack-xs);
3931
- --hop-TextArea-inline-size: 20rem;
3932
- --hop-TextArea-prefix-color: var(--hop-neutral-text-weak);
3933
- --hop-TextArea-input-min-height: 2rem;
3934
- --hop-TextArea-remaining-character-count-padding: 0 calc(var(--hop-space-inset-md) - var(--hop-space-inset-xs)) var(--hop-space-inset-xs);
3935
- --inline-size: var(--hop-TextArea-inline-size);
3936
- --resize: none;
3937
- display: flex;
3938
- flex-direction: column;
3939
- gap: var(--hop-TextArea-gap);
3940
- inline-size: var(--inline-size);
3941
- max-inline-size: 100%;
3942
- }
3943
- .TextArea-module__hop-TextArea--fluid___cDCdu {
3944
- --inline-size: 100%;
3945
- }
3946
- .TextArea-module__hop-TextArea___MkJL-[data-resize-mode=vertical] {
3947
- --resize: vertical;
3948
- }
3949
- .TextArea-module__hop-TextArea__Label___faGEq {
3950
- order: 0;
3951
- }
3952
- .TextArea-module__hop-TextArea__prefix___HoYqq {
3953
- color: var(--hop-TextArea-prefix-color);
3954
- }
3955
- .TextArea-module__hop-TextArea__InputGroup___cLg80 {
3956
- order: 1;
3957
- }
3958
- .TextArea-module__hop-TextArea__RemainingCharacterCount___bkEAa {
3959
- padding: var(--hop-TextArea-remaining-character-count-padding);
3960
- }
3961
- .TextArea-module__hop-TextArea__textarea___YifYi {
3962
- resize: var(--resize);
3963
- min-block-size: var(--hop-TextArea-input-min-height);
3964
- }
3965
- .TextArea-module__hop-TextArea__ErrorMessage___hwC0A,
3966
- .TextArea-module__hop-TextArea__HelperMessage___sqp5p {
3967
- order: 3;
3968
- }
3969
-
3970
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
3971
- .TextField-module__hop-TextField___kCkbJ {
3972
- --hop-TextField-gap: var(--hop-space-stack-xs);
3973
- --hop-TextField-inline-size: 20rem;
3974
- --hop-TextField-prefix-color: var(--hop-neutral-text-weak);
3975
- --inline-size: var(--hop-TextField-inline-size);
3976
- display: flex;
3977
- flex-direction: column;
3978
- gap: var(--hop-TextField-gap);
3979
- inline-size: var(--inline-size);
3980
- max-inline-size: 100%;
3981
- }
3982
- .TextField-module__hop-TextField--fluid___PFDrb {
3983
- --inline-size: 100%;
3984
- }
3985
- .TextField-module__hop-TextField__Label___Tu3OI {
3986
- order: 0;
3987
- }
3988
- .TextField-module__hop-TextField__prefix___OC9Ou {
3989
- color: var(--hop-TextField-prefix-color);
3990
- }
3991
- .TextField-module__hop-TextField__InputGroup___AxZeI {
3992
- order: 1;
3993
- }
3994
- .TextField-module__hop-TextField__ErrorMessage___PfugM,
3995
- .TextField-module__hop-TextField__HelperMessage___3UFAU {
3996
- order: 3;
3997
- }
3998
-
3999
3503
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Link/src/Link.module.css/#css-module-data */
4000
- .Link-module__hop-Link___L8ZAP {
3504
+ .Link-module__hop-Link___07QV3 {
4001
3505
  --hop-Link-border-radius: var(--hop-shape-rounded-sm);
4002
3506
  --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
4003
3507
  --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -4022,1133 +3526,66 @@
4022
3526
  outline: none;
4023
3527
  outline-offset: 0.125rem;
4024
3528
  }
4025
- .Link-module__hop-Link___L8ZAP[data-focus-visible] {
3529
+ .Link-module__hop-Link___07QV3[data-focus-visible] {
4026
3530
  outline: 0.125rem solid var(--hop-Link-focus-ring-color);
4027
3531
  }
4028
- .Link-module__hop-Link___L8ZAP[data-disabled] {
3532
+ .Link-module__hop-Link___07QV3[data-disabled] {
4029
3533
  cursor: default;
4030
3534
  }
4031
- .Link-module__hop-Link--quiet___ayrm2[data-focus-visible],
4032
- .Link-module__hop-Link--quiet___ayrm2[data-hovered] {
3535
+ .Link-module__hop-Link--quiet___IJC52[data-focus-visible],
3536
+ .Link-module__hop-Link--quiet___IJC52[data-hovered] {
4033
3537
  text-decoration: underline;
4034
3538
  }
4035
- .Link-module__hop-Link___L8ZAP:not(.Link-module__hop-Link--quiet___ayrm2) {
3539
+ .Link-module__hop-Link___07QV3:not(.Link-module__hop-Link--quiet___IJC52) {
4036
3540
  text-decoration: underline;
4037
3541
  }
4038
- .Link-module__hop-Link--primary___7ZEOi {
3542
+ .Link-module__hop-Link--primary___d2l0E {
4039
3543
  color: var(--hop-Link-primary-text-color);
4040
3544
  }
4041
- .Link-module__hop-Link--primary___7ZEOi[data-disabled] {
3545
+ .Link-module__hop-Link--primary___d2l0E[data-disabled] {
4042
3546
  color: var(--hop-Link-primary-text-disabled-color);
4043
3547
  }
4044
- .Link-module__hop-Link--primary___7ZEOi:not([data-disabled])[data-focus-visible],
4045
- .Link-module__hop-Link--primary___7ZEOi:not([data-disabled])[data-hovered] {
3548
+ .Link-module__hop-Link--primary___d2l0E:not([data-disabled])[data-focus-visible],
3549
+ .Link-module__hop-Link--primary___d2l0E:not([data-disabled])[data-hovered] {
4046
3550
  color: var(--hop-Link-primary-text-hover-color);
4047
3551
  }
4048
- .Link-module__hop-Link--primary___7ZEOi:not([data-disabled])[data-pressed] {
3552
+ .Link-module__hop-Link--primary___d2l0E:not([data-disabled])[data-pressed] {
4049
3553
  color: var(--hop-Link-primary-text-pressed-color);
4050
3554
  }
4051
- .Link-module__hop-Link--secondary___CbQHn {
3555
+ .Link-module__hop-Link--secondary___-QgpL {
4052
3556
  color: var(--hop-Link-neutral-text-color);
4053
3557
  }
4054
- .Link-module__hop-Link--secondary___CbQHn[data-disabled] {
3558
+ .Link-module__hop-Link--secondary___-QgpL[data-disabled] {
4055
3559
  color: var(--hop-Link-neutral-text-disabled-color);
4056
3560
  }
4057
- .Link-module__hop-Link--secondary___CbQHn:not([data-disabled])[data-focus-visible],
4058
- .Link-module__hop-Link--secondary___CbQHn:not([data-disabled])[data-hovered] {
3561
+ .Link-module__hop-Link--secondary___-QgpL:not([data-disabled])[data-focus-visible],
3562
+ .Link-module__hop-Link--secondary___-QgpL:not([data-disabled])[data-hovered] {
4059
3563
  color: var(--hop-Link-neutral-text-hover-color);
4060
3564
  }
4061
- .Link-module__hop-Link--secondary___CbQHn:not([data-disabled])[data-pressed] {
3565
+ .Link-module__hop-Link--secondary___-QgpL:not([data-disabled])[data-pressed] {
4062
3566
  color: var(--hop-Link-neutral-text-pressed-color);
4063
3567
  }
4064
- .Link-module__hop-Link__icon___QYU77,
4065
- .Link-module__hop-Link__icon-list___OKVWy {
3568
+ .Link-module__hop-Link__icon___WFDWb,
3569
+ .Link-module__hop-Link__icon-list___0cZk6 {
4066
3570
  order: 2;
4067
3571
  }
4068
- .Link-module__hop-Link__text___rczqC {
3572
+ .Link-module__hop-Link__text___B0p8p {
4069
3573
  order: 1;
4070
3574
  }
4071
- .Link-module__hop-Link__start-icon___GhE4Z,
4072
- .Link-module__hop-Link__start-icon-list___oqCiB {
3575
+ .Link-module__hop-Link__start-icon___liYsZ,
3576
+ .Link-module__hop-Link__start-icon-list___4zxHH {
4073
3577
  order: 0;
4074
3578
  }
4075
3579
 
4076
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/SelectValue.module.css/#css-module-data */
4077
- .SelectValue-module__hop-SelectValue___yC-3f {
4078
- --hop-SelectValue-display: inline-block;
4079
- --hop-SelectValue-slots-display: flex;
4080
- --hop-SelectValue-column-gap: var(--hop-space-inline-sm);
4081
- --display: var(--hop-SelectValue-display);
4082
- overflow: hidden;
4083
- display: var(--display);
4084
- flex: 1 1 auto;
4085
- column-gap: var(--hop-SelectValue-column-gap);
4086
- align-items: center;
4087
- box-sizing: border-box;
4088
- min-inline-size: 0;
4089
- text-overflow: ellipsis;
4090
- white-space: nowrap;
4091
- }
4092
- .SelectValue-module__hop-SelectValue___yC-3f:has(.SelectValue-module__hop-SelectValue__text___fLwxa) {
4093
- --display: var(--hop-SelectValue-slots-display);
4094
- }
4095
- .SelectValue-module__hop-SelectValue__avatar___T8Osh {
4096
- order: 1;
4097
- }
4098
- .SelectValue-module__hop-SelectValue__icon___TTZsN {
4099
- order: 2;
4100
- }
4101
- .SelectValue-module__hop-SelectValue__text___fLwxa {
4102
- overflow: hidden;
4103
- flex: 1 1 auto;
4104
- order: 3;
4105
- min-inline-size: 0;
4106
- text-overflow: ellipsis;
4107
- white-space: nowrap;
4108
- }
4109
- .SelectValue-module__hop-SelectValue__end-icon___zuXPw {
4110
- order: 4;
4111
- }
4112
-
4113
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Select/src/Select.module.css/#css-module-data */
4114
- .Select-module__hop-Select___25xnj {
4115
- --hop-Select-row-gap: var(--hop-space-stack-xs);
4116
- --hop-Select-inline-size: 20rem;
4117
- --hop-Select-inline-size-fluid: 100%;
4118
- --hop-Select-max-inline-size: 100%;
4119
- --hop-Select-button-background-color: var(--hop-neutral-surface);
4120
- --hop-Select-button-border-color: var(--hop-neutral-border);
4121
- --hop-Select-button-border-radius: var(--hop-shape-rounded-md);
4122
- --hop-Select-button-border-size: var(--hop-space-10);
4123
- --hop-Select-button-outline-offset: calc(-1 * var(--hop-space-20));
4124
- --hop-Select-button-color: var(--hop-neutral-text);
4125
- --hop-Select-button-cursor: pointer;
4126
- --hop-Select-button-padding-inline: var(--hop-space-inset-md);
4127
- --hop-Select-button-padding-block: 0;
4128
- --hop-Select-button-placeholder-color: var(--hop-neutral-text-weakest);
4129
- --hop-Select-button-column-gap: var(--hop-space-inline-sm);
4130
- --hop-Select-button-sm-block-size: 2rem;
4131
- --hop-Select-button-md-block-size: 2.5rem;
4132
- --hop-Select-prefix-color: var(--hop-neutral-text-weak);
4133
- --hop-Select-button-icon-color: var(--hop-neutral-icon-weak);
4134
- --hop-Select-button-background-color-hovered: var(--hop-neutral-surface-hover);
4135
- --hop-Select-button-border-color-hovered: var(--hop-neutral-border-hover);
4136
- --hop-Select-button-color-hovered: var(--hop-neutral-text-hover);
4137
- --hop-Select-button-icon-color-hovered: var(--hop-neutral-icon-hover);
4138
- --hop-Select-button-background-color-focused: var(--hop-neutral-surface-hover);
4139
- --hop-Select-button-border-color-focused: var(--hop-primary-border-focus);
4140
- --hop-Select-button-color-focused: var(--hop-neutral-text-hover);
4141
- --hop-Select-button-icon-color-focused: var(--hop-neutral-icon-hover);
4142
- --hop-Select-button-outline-color-focused: var(--hop-primary-border-focus);
4143
- --hop-Select-button-background-color-selected: var(--hop-neutral-surface);
4144
- --hop-Select-button-border-color-selected: var(--hop-neutral-border-selected);
4145
- --hop-Select-button-color-selected: var(--hop-neutral-text);
4146
- --hop-Select-button-icon-color-selected: var(--hop-neutral-icon);
4147
- --hop-Select-button-border-color-invalid: var(--hop-danger-border-strong);
4148
- --hop-Select-button-background-color-disabled: var(--hop-neutral-surface-disabled);
4149
- --hop-Select-button-border-color-disabled: var(--hop-neutral-border-disabled);
4150
- --hop-Select-button-color-disabled: var(--hop-neutral-text-disabled);
4151
- --hop-Select-button-icon-color-disabled: var(--hop-neutral-icon-disabled);
4152
- --hop-Select-button-cursor-disabled: not-allowed;
4153
- --inline-size: var(--hop-Select-inline-size);
4154
- --button-background-color: var(--hop-Select-button-background-color);
4155
- --button-border-color: var(--hop-Select-button-border-color);
4156
- --button-color: var(--hop-Select-button-color);
4157
- --button-icon-color: var(--hop-Select-button-icon-color);
4158
- --button-cursor: var(--hop-Select-button-cursor);
4159
- display: flex;
4160
- flex-direction: column;
4161
- row-gap: var(--hop-Select-row-gap);
4162
- box-sizing: border-box;
4163
- inline-size: var(--inline-size);
4164
- max-inline-size: var(--hop-Select-max-inline-size);
4165
- }
4166
- .Select-module__hop-Select--fluid___Onntr {
4167
- --inline-size: var(--hop-Select-inline-size-fluid);
4168
- }
4169
- .Select-module__hop-Select__label___iFA3p {
4170
- order: 1;
4171
- }
4172
- .Select-module__hop-Select__button___Gn4FM {
4173
- cursor: var(--button-cursor);
4174
- display: flex;
4175
- column-gap: var(--hop-Select-button-column-gap);
4176
- align-items: center;
4177
- order: 2;
4178
- block-size: var(--button-block-size);
4179
- padding-block: var(--hop-Select-button-padding-block);
4180
- padding-inline: var(--hop-Select-button-padding-inline);
4181
- color: var(--button-color);
4182
- text-align: start;
4183
- background-color: var(--button-background-color);
4184
- border: var(--hop-Select-button-border-size) solid var(--button-border-color);
4185
- border-radius: var(--hop-Select-button-border-radius);
4186
- outline: none;
4187
- }
4188
- .Select-module__hop-Select__button--sm___WxHS2 {
4189
- --button-block-size: var(--hop-Select-button-sm-block-size);
4190
- }
4191
- .Select-module__hop-Select__button--md___FqrY2 {
4192
- --button-block-size: var(--hop-Select-button-md-block-size);
4193
- }
4194
- .Select-module__hop-Select__button___Gn4FM[data-hovered] {
4195
- --button-background-color: var(--hop-Select-button-background-color-hovered);
4196
- --button-border-color: var(--hop-Select-button-border-color-hovered);
4197
- --button-color: var(--hop-Select-button-color-hovered);
4198
- --button-icon-color: var(--hop-Select-button-icon-color-hovered);
4199
- }
4200
- .Select-module__hop-Select__button___Gn4FM[data-pressed] {
4201
- --button-background-color: var(--hop-Select-button-background-color-selected);
4202
- --button-border-color: var(--hop-Select-button-border-color-selected);
4203
- --button-color: var(--hop-Select-button-color-selected);
4204
- --button-icon-color: var(--hop-Select-button-icon-color-selected);
4205
- }
4206
- .Select-module__hop-Select__button___Gn4FM[data-invalid] {
4207
- --button-border-color: var(--hop-Select-button-border-color-invalid);
4208
- }
4209
- .Select-module__hop-Select__button___Gn4FM[data-focus-visible] {
4210
- --button-background-color: var(--hop-Select-button-background-color-focused);
4211
- --button-border-color: var(--hop-Select-button-border-color-focused);
4212
- --button-color: var(--hop-Select-button-color-focused);
4213
- --button-icon-color: var(--hop-Select-button-icon-color-focused);
4214
- outline: var(--hop-Select-button-border-size) solid var(--hop-Select-button-outline-color-focused);
4215
- outline-offset: var(--hop-Select-button-outline-offset);
4216
- }
4217
- .Select-module__hop-Select__button___Gn4FM:has([data-placeholder]) {
4218
- --button-color: var(--hop-Select-button-placeholder-color);
4219
- }
4220
- .Select-module__hop-Select__button___Gn4FM[data-disabled] {
4221
- --button-background-color: var(--hop-Select-button-background-color-disabled);
4222
- --button-border-color: var(--hop-Select-button-border-color-disabled);
4223
- --button-color: var(--hop-Select-button-color-disabled);
4224
- --button-icon-color: var(--hop-Select-button-icon-color-disabled);
4225
- --button-cursor: var(--hop-Select-button-cursor-disabled);
4226
- }
4227
- .Select-module__hop-Select__prefix___VIpz- {
4228
- color: var(--hop-Select-prefix-color);
4229
- }
4230
- .Select-module__hop-Select__button-icon___3HF55 {
4231
- margin-inline-start: auto;
4232
- color: var(--button-icon-color);
4233
- }
4234
- .Select-module__hop-Select__helper-message___3HSf3,
4235
- .Select-module__hop-Select__error-message___WsOTT {
4236
- order: 3;
4237
- }
4238
-
4239
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/Switch.module.css/#css-module-data */
4240
- .Switch-module__hop-Switch___eSk5i {
4241
- --hop-Switch-border-size: 0.0625rem;
4242
- --hop-Switch-border-color: var(--hop-neutral-border);
4243
- --hop-Switch-border-radius: var(--hop-shape-rounded-lg);
4244
- --hop-Switch-background-color: var(--hop-neutral-surface);
4245
- --hop-Switch-thumb-color: var(--hop-neutral-icon);
4246
- --hop-Switch-text-color: var(--hop-neutral-text);
4247
- --hop-Switch-border-color-hover: var(--hop-neutral-border-hover);
4248
- --hop-Switch-background-color-hover: var(--hop-neutral-surface-hover);
4249
- --hop-Switch-thumb-color-hover: var(--hop-neutral-icon-hover);
4250
- --hop-Switch-text-color-hover: var(--hop-neutral-text-hover);
4251
- --hop-Switch-border-color-pressed: var(--hop-neutral-border-press);
4252
- --hop-Switch-background-color-pressed: var(--hop-neutral-surface-press);
4253
- --hop-Switch-thumb-color-pressed: var(--hop-neutral-icon-press);
4254
- --hop-Switch-text-color-pressed: var(--hop-neutral-text-press);
4255
- --hop-Switch-border-color-focus: var(--hop-neutral-border-hover);
4256
- --hop-Switch-background-color-focus: var(--hop-neutral-surface-hover);
4257
- --hop-Switch-thumb-color-focus: var(--hop-neutral-icon-hover);
4258
- --hop-Switch-focus-ring-color: var(--hop-primary-border-focus);
4259
- --hop-Switch-text-color-focus: var(--hop-neutral-text);
4260
- --hop-Switch-border-color-selected: var(--hop-neutral-border-selected);
4261
- --hop-Switch-background-color-selected: var(--hop-neutral-surface-selected);
4262
- --hop-Switch-thumb-color-selected: var(--hop-neutral-icon-selected);
4263
- --hop-Switch-text-color-selected: var(--hop-neutral-text);
4264
- --hop-Switch-border-color-disabled: var(--hop-neutral-border-disabled);
4265
- --hop-Switch-background-color-disabled: var(--hop-neutral-surface-disabled);
4266
- --hop-Switch-thumb-color-disabled: var(--hop-neutral-icon-disabled);
4267
- --hop-Switch-text-color-disabled: var(--hop-neutral-text-disabled);
4268
- --hop-Switch-inline-size-md: 3rem;
4269
- --hop-Switch-block-size-md: 1.5rem;
4270
- --hop-Switch-thumb-size-md: 1rem;
4271
- --hop-Switch-inset-inline-start-md: var(--hop-space-inset-xs);
4272
- --hop-Switch-text-top-offset-md: calc((var(--block-size) - (var(--hop-body-md-line-height) * var(--hop-body-md-font-size))) / 2);
4273
- --hop-Switch-inline-size-sm: 2rem;
4274
- --hop-Switch-block-size-sm: 1rem;
4275
- --hop-Switch-thumb-size-sm: 0.75rem;
4276
- --hop-Switch-inset-inline-start-sm: calc(var(--hop-space-inset-xs) / 2);
4277
- --hop-Switch-text-top-offset-sm: calc((var(--block-size) - (var(--hop-body-sm-line-height) * var(--hop-body-sm-font-size))) / 2);
4278
- --border-size: var(--hop-Switch-border-size);
4279
- --border-color: var(--hop-Switch-border-color);
4280
- --border-radius: var(--hop-Switch-border-radius);
4281
- --background-color: var(--hop-Switch-background-color);
4282
- --column-gap: var(--hop-space-inline-sm);
4283
- --thumb-color: var(--hop-Switch-thumb-color);
4284
- --thumb-transform: translate(0, -50%);
4285
- --outline: none;
4286
- --cursor: pointer;
4287
- --text-color: var(--hop-Switch-text-color);
4288
- cursor: var(--cursor);
4289
- display: inline-flex;
4290
- column-gap: var(--column-gap);
4291
- align-items: flex-start;
4292
- justify-content: flex-start;
4293
- box-sizing: border-box;
4294
- inline-size: max-content;
4295
- max-inline-size: 100%;
4296
- }
4297
- .Switch-module__hop-Switch--sm___f9YTJ {
4298
- --inline-size: var(--hop-Switch-inline-size-sm);
4299
- --block-size: var(--hop-Switch-block-size-sm);
4300
- --thumb-size: var(--hop-Switch-thumb-size-sm);
4301
- --inset-inline-start: var(--hop-Switch-inset-inline-start-sm);
4302
- --text-top-offset: var(--hop-Switch-text-top-offset-sm);
4303
- }
4304
- .Switch-module__hop-Switch--md___GhHum {
4305
- --inline-size: var(--hop-Switch-inline-size-md);
4306
- --block-size: var(--hop-Switch-block-size-md);
4307
- --thumb-size: var(--hop-Switch-thumb-size-md);
4308
- --inset-inline-start: var(--hop-Switch-inset-inline-start-md);
4309
- --text-top-offset: var(--hop-Switch-text-top-offset-md);
4310
- }
4311
- .Switch-module__hop-Switch___eSk5i[data-hovered] {
4312
- --border-color: var(--hop-Switch-border-color-hover);
4313
- --background-color: var(--hop-Switch-background-color-hover);
4314
- --thumb-color: var(--hop-Switch-thumb-color-hover);
4315
- --text-color: var(--hop-Switch-text-color-hover);
4316
- }
4317
- .Switch-module__hop-Switch___eSk5i[data-pressed],
4318
- .Switch-module__hop-Switch___eSk5i[data-pressed][data-focus-visible] {
4319
- --border-color: var(--hop-Switch-border-color-pressed);
4320
- --background-color: var(--hop-Switch-background-color-pressed);
4321
- --thumb-color: var(--hop-Switch-thumb-color-pressed);
4322
- --text-color: var(--hop-Switch-text-color-pressed);
4323
- }
4324
- .Switch-module__hop-Switch___eSk5i[data-focus-visible] {
4325
- --border-color: var(--hop-Switch-border-color-focus);
4326
- --background-color: var(--hop-Switch-background-color-focus);
4327
- --thumb-color: var(--hop-Switch-thumb-color-focus);
4328
- --outline: 0.125rem solid var(--hop-Switch-focus-ring-color);
4329
- --text-color: var(--hop-Switch-text-color-focus);
4330
- }
4331
- .Switch-module__hop-Switch___eSk5i[data-selected],
4332
- .Switch-module__hop-Switch___eSk5i[data-selected][data-pressed] {
4333
- --border-color: var(--hop-Switch-border-color-selected);
4334
- --background-color: var(--hop-Switch-background-color-selected);
4335
- --thumb-color: var(--hop-Switch-thumb-color-selected);
4336
- --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%);
4337
- --text-color: var(--hop-Switch-text-color-selected);
4338
- }
4339
- .Switch-module__hop-Switch___eSk5i[data-disabled] {
4340
- --border-color: var(--hop-Switch-border-color-disabled);
4341
- --background-color: var(--hop-Switch-background-color-disabled);
4342
- --thumb-color: var(--hop-Switch-thumb-color-disabled);
4343
- --text-color: var(--hop-Switch-text-color-disabled);
4344
- --cursor: not-allowed;
4345
- }
4346
- .Switch-module__hop-Switch__indicator___rCbXB {
4347
- position: relative;
4348
- flex: 0 0 auto;
4349
- box-sizing: border-box;
4350
- inline-size: var(--inline-size, var(--hop-Switch-inline-size-md));
4351
- block-size: var(--block-size, var(--hop-Switch-block-size-md));
4352
- background-color: var(--background-color);
4353
- border: var(--border-size) solid var(--border-color);
4354
- border-radius: var(--border-radius);
4355
- outline: var(--outline);
4356
- outline-offset: 0.125rem;
4357
- transition: background var(--hop-easing-duration-2), border-color var(--hop-easing-duration-2);
4358
- }
4359
- .Switch-module__hop-Switch__indicator___rCbXB::before {
4360
- content: "";
4361
- position: absolute;
4362
- inset-block-start: 50%;
4363
- inset-inline-start: var(--inset-inline-start);
4364
- transform: var(--thumb-transform);
4365
- flex: 0 0 auto;
4366
- order: 1;
4367
- box-sizing: border-box;
4368
- inline-size: var(--thumb-size);
4369
- block-size: var(--thumb-size);
4370
- background-color: var(--thumb-color);
4371
- border-radius: var(--hop-shape-circle);
4372
- transition: transform var(--hop-easing-duration-2), background var(--hop-easing-duration-2);
4373
- }
4374
- .Switch-module__hop-Switch__text___UpVp5 {
4375
- flex: 0 1 auto;
4376
- order: 2;
4377
- min-inline-size: 0;
4378
- margin-block-start: var(--text-top-offset, var(--hop-Switch-text-top-offset-md));
4379
- color: var(--text-color);
4380
- }
4381
- .Switch-module__hop-Switch__icon-list___7SuTI,
4382
- .Switch-module__hop-Switch__icon___v0kAb {
4383
- order: 3;
4384
- }
4385
-
4386
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/SwitchField.module.css/#css-module-data */
4387
- .SwitchField-module__hop-SwitchField___OF8yV {
4388
- --hop-SwitchField-description-color: var(--hop-neutral-text-weak);
4389
- --hop-SwitchField-description-color-disabled: var(--hop-neutral-text-disabled);
4390
- --hop-SwitchField-sm-row-gap: var(--hop-space-stack-xs);
4391
- --hop-SwitchField-switch-sm-inline-size: 2rem;
4392
- --hop-SwitchField-description-sm-margin-inline-start: calc(var(--hop-SwitchField-switch-sm-inline-size) + var(--hop-space-inline-sm));
4393
- --hop-SwitchField-md-row-gap: var(--hop-space-stack-xs);
4394
- --hop-SwitchField-switch-md-inline-size: 3rem;
4395
- --hop-SwitchField-description-md-margin-inline-start: calc(var(--hop-SwitchField-switch-md-inline-size) + var(--hop-space-inline-sm));
4396
- --description-color: var(--hop-SwitchField-description-color);
4397
- display: flex;
4398
- flex-direction: column;
4399
- row-gap: var(--row-gap, var(--hop-space-stack-sm));
4400
- align-items: flex-start;
4401
- justify-content: flex-start;
4402
- box-sizing: border-box;
4403
- inline-size: max-content;
4404
- max-inline-size: 100%;
4405
- }
4406
- .SwitchField-module__hop-SwitchField___OF8yV[data-disabled] {
4407
- --description-color: var(--hop-SwitchField-description-color-disabled);
4408
- }
4409
- .SwitchField-module__hop-SwitchField--sm___mpYaW {
4410
- --row-gap: var(--hop-SwitchField-sm-row-gap);
4411
- --description-margin-inline-start: var(--hop-SwitchField-description-sm-margin-inline-start);
4412
- }
4413
- .SwitchField-module__hop-SwitchField--md___7bCPV {
4414
- --row-gap: var(--hop-SwitchField-md-row-gap);
4415
- --description-margin-inline-start: var(--hop-SwitchField-description-md-margin-inline-start);
4416
- }
4417
- .SwitchField-module__hop-SwitchField__description___nTnPj {
4418
- order: 2;
4419
- margin-inline-start: var(--description-margin-inline-start, var(--hop-SwitchField-description-md-margin-inline-start));
4420
- color: var(--description-color);
4421
- }
4422
- .SwitchField-module__hop-SwitchField__switch___bRGz6 {
4423
- order: 1;
4424
- }
4425
-
4426
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/Tag.module.css/#css-module-data */
4427
- .Tag-module__hop-Tag___8EksV {
4428
- --hop-Tag-border-size: 0.0625rem;
4429
- --hop-Tag-border-radius: var(--hop-shape-pill);
4430
- --hop-Tag-sm-block-size: 1.25rem;
4431
- --hop-Tag-sm-padding-inline: var(--hop-space-inset-sm);
4432
- --hop-Tag-sm-column-gap: var(--hop-space-inline-xs);
4433
- --hop-Tag-sm-icon-margin-inline-start: 0;
4434
- --hop-Tag-sm-element-margin-inline-end-sm: calc(-1 * var(--hop-space-inline-xs));
4435
- --hop-Tag-sm-element-margin-inline-end-zero: calc(-1 * var(--hop-Tag-sm-padding-inline));
4436
- --hop-Tag-sm-badge-margin-inline-end: var(--hop-Tag-sm-element-margin-inline-end-zero);
4437
- --hop-Tag-sm-avatar-margin-inline-start: calc(var(--hop-Tag-sm-element-margin-inline-end-sm) - (var(--hop-space-inline-xs) / 2));
4438
- --hop-Tag-sm-clear-btn-margin-inline: calc(-1 * var(--hop-Tag-sm-column-gap)) var(--hop-Tag-sm-element-margin-inline-end-zero);
4439
- --hop-Tag-sm-spinner-margin-inline-end: var(--hop-Tag-sm-element-margin-inline-end-sm);
4440
- --hop-Tag-md-block-size: 1.5rem;
4441
- --hop-Tag-md-padding-inline: var(--hop-space-inset-sm);
4442
- --hop-Tag-md-column-gap: var(--hop-space-inline-xs);
4443
- --hop-Tag-md-icon-margin-inline-start: 0;
4444
- --hop-Tag-md-element-margin-inline-end-sm: calc(-1 * var(--hop-space-inline-xs));
4445
- --hop-Tag-md-element-margin-inline-end-zero: calc(-1 * var(--hop-Tag-md-padding-inline));
4446
- --hop-Tag-md-badge-margin-inline-end: var(--hop-Tag-md-element-margin-inline-end-zero);
4447
- --hop-Tag-md-avatar-margin-inline-start: var(--hop-Tag-md-element-margin-inline-end-sm);
4448
- --hop-Tag-md-clear-btn-margin-inline: calc(-1 * var(--hop-Tag-md-column-gap)) var(--hop-Tag-md-element-margin-inline-end-zero);
4449
- --hop-Tag-md-spinner-margin-inline-end: var(--hop-Tag-md-element-margin-inline-end-sm);
4450
- --hop-Tag-lg-block-size: 2rem;
4451
- --hop-Tag-lg-padding-inline: var(--hop-space-inset-md);
4452
- --hop-Tag-lg-column-gap: var(--hop-space-inline-sm);
4453
- --hop-Tag-lg-icon-margin-inline-start: calc(-1 * var(--hop-space-inline-sm));
4454
- --hop-Tag-lg-element-margin-inline-end-sm: calc(-1 * (var(--hop-Tag-lg-padding-inline) - var(--hop-space-inline-xs)));
4455
- --hop-Tag-lg-badge-margin-inline-end: var(--hop-Tag-lg-element-margin-inline-end-sm);
4456
- --hop-Tag-lg-avatar-margin-inline-start: var(--hop-Tag-lg-element-margin-inline-end-sm);
4457
- --hop-Tag-lg-clear-btn-margin-inline: 0 var(--hop-Tag-lg-element-margin-inline-end-sm);
4458
- --hop-Tag-lg-spinner-margin-inline-end: var(--hop-Tag-lg-element-margin-inline-end-sm);
4459
- --hop-Tag-neutral-border-color: var(--hop-neutral-border);
4460
- --hop-Tag-neutral-background-color: var(--hop-neutral-surface);
4461
- --hop-Tag-neutral-text-color: var(--hop-neutral-text);
4462
- --hop-Tag-subdued-border-color: var(--hop-neutral-border);
4463
- --hop-Tag-subdued-background-color: var(--hop-neutral-surface-weak);
4464
- --hop-Tag-subdued-text-color: var(--hop-neutral-text);
4465
- --hop-Tag-progress-border-color: transparent;
4466
- --hop-Tag-progress-background-color: var(--hop-status-progress-surface);
4467
- --hop-Tag-progress-text-color: var(--hop-status-progress-text);
4468
- --hop-Tag-positive-border-color: transparent;
4469
- --hop-Tag-positive-background-color: var(--hop-status-positive-surface);
4470
- --hop-Tag-positive-text-color: var(--hop-status-positive-text);
4471
- --hop-Tag-caution-border-color: transparent;
4472
- --hop-Tag-caution-background-color: var(--hop-status-caution-surface);
4473
- --hop-Tag-caution-text-color: var(--hop-status-caution-text);
4474
- --hop-Tag-negative-border-color: transparent;
4475
- --hop-Tag-negative-background-color: var(--hop-status-negative-surface);
4476
- --hop-Tag-negative-text-color: var(--hop-status-negative-text);
4477
- --hop-Tag-option1-border-color: transparent;
4478
- --hop-Tag-option1-background-color: var(--hop-status-option1-surface);
4479
- --hop-Tag-option1-text-color: var(--hop-status-option1-text);
4480
- --hop-Tag-option2-border-color: transparent;
4481
- --hop-Tag-option2-background-color: var(--hop-status-option2-surface);
4482
- --hop-Tag-option2-text-color: var(--hop-status-option2-text);
4483
- --hop-Tag-option3-border-color: transparent;
4484
- --hop-Tag-option3-background-color: var(--hop-status-option3-surface);
4485
- --hop-Tag-option3-text-color: var(--hop-status-option3-text);
4486
- --hop-Tag-option4-border-color: transparent;
4487
- --hop-Tag-option4-background-color: var(--hop-status-option4-surface);
4488
- --hop-Tag-option4-text-color: var(--hop-status-option4-text);
4489
- --hop-Tag-option5-border-color: transparent;
4490
- --hop-Tag-option5-background-color: var(--hop-status-option5-surface);
4491
- --hop-Tag-option5-text-color: var(--hop-status-option5-text);
4492
- --hop-Tag-option6-border-color: transparent;
4493
- --hop-Tag-option6-background-color: var(--hop-status-option6-surface);
4494
- --hop-Tag-option6-text-color: var(--hop-status-option6-text);
4495
- --hop-Tag-focus-ring-color: var(--hop-primary-border-focus);
4496
- --hop-Tag-neutral-background-color-focus: var(--hop-neutral-surface-hover);
4497
- --hop-Tag-neutral-border-color-focus: var(--hop-neutral-border-hover);
4498
- --hop-Tag-neutral-text-color-focus: var(--hop-neutral-text-hover);
4499
- --hop-Tag-subdued-background-color-focus: var(--hop-neutral-surface-weak-hover);
4500
- --hop-Tag-subdued-border-color-focus: var(--hop-neutral-border-hover);
4501
- --hop-Tag-subdued-text-color-focus: var(--hop-neutral-text-hover);
4502
- --hop-Tag-progress-background-color-focus: var(--hop-status-progress-surface-hover);
4503
- --hop-Tag-progress-border-color-focus: transparent;
4504
- --hop-Tag-progress-text-color-focus: var(--hop-status-progress-text-hover);
4505
- --hop-Tag-positive-background-color-focus: var(--hop-status-positive-surface-hover);
4506
- --hop-Tag-positive-border-color-focus: transparent;
4507
- --hop-Tag-positive-text-color-focus: var(--hop-status-positive-text-hover);
4508
- --hop-Tag-caution-background-color-focus: var(--hop-status-caution-surface-hover);
4509
- --hop-Tag-caution-border-color-focus: transparent;
4510
- --hop-Tag-caution-text-color-focus: var(--hop-status-caution-text-hover);
4511
- --hop-Tag-negative-background-color-focus: var(--hop-status-negative-surface-hover);
4512
- --hop-Tag-negative-border-color-focus: transparent;
4513
- --hop-Tag-negative-text-color-focus: var(--hop-status-negative-text-hover);
4514
- --hop-Tag-option1-background-color-focus: var(--hop-status-option1-surface-hover);
4515
- --hop-Tag-option1-border-color-focus: transparent;
4516
- --hop-Tag-option1-text-color-focus: var(--hop-status-option1-text-hover);
4517
- --hop-Tag-option2-background-color-focus: var(--hop-status-option2-surface-hover);
4518
- --hop-Tag-option2-border-color-focus: transparent;
4519
- --hop-Tag-option2-text-color-focus: var(--hop-status-option2-text-hover);
4520
- --hop-Tag-option3-background-color-focus: var(--hop-status-option3-surface-hover);
4521
- --hop-Tag-option3-border-color-focus: transparent;
4522
- --hop-Tag-option3-text-color-focus: var(--hop-status-option3-text-hover);
4523
- --hop-Tag-option4-background-color-focus: var(--hop-status-option4-surface-hover);
4524
- --hop-Tag-option4-border-color-focus: transparent;
4525
- --hop-Tag-option4-text-color-focus: var(--hop-status-option4-text-hover);
4526
- --hop-Tag-option5-background-color-focus: var(--hop-status-option5-surface-hover);
4527
- --hop-Tag-option5-border-color-focus: transparent;
4528
- --hop-Tag-option5-text-color-focus: var(--hop-status-option5-text-hover);
4529
- --hop-Tag-option6-background-color-focus: var(--hop-status-option6-surface-hover);
4530
- --hop-Tag-option6-border-color-focus: transparent;
4531
- --hop-Tag-option6-text-color-focus: var(--hop-status-option6-text-hover);
4532
- --hop-Tag-neutral-background-color-hover: var(--hop-neutral-surface-hover);
4533
- --hop-Tag-neutral-border-color-hover: var(--hop-neutral-border-hover);
4534
- --hop-Tag-neutral-text-color-hover: var(--hop-neutral-text-hover);
4535
- --hop-Tag-subdued-background-color-hover: var(--hop-neutral-surface-weak-hover);
4536
- --hop-Tag-subdued-border-color-hover: var(--hop-neutral-border-hover);
4537
- --hop-Tag-subdued-text-color-hover: var(--hop-neutral-text-hover);
4538
- --hop-Tag-progress-background-color-hover: var(--hop-status-progress-surface-hover);
4539
- --hop-Tag-progress-border-color-hover: transparent;
4540
- --hop-Tag-progress-text-color-hover: var(--hop-status-progress-text-hover);
4541
- --hop-Tag-positive-background-color-hover: var(--hop-status-positive-surface-hover);
4542
- --hop-Tag-positive-border-color-hover: transparent;
4543
- --hop-Tag-positive-text-color-hover: var(--hop-status-positive-text-hover);
4544
- --hop-Tag-caution-background-color-hover: var(--hop-status-caution-surface-hover);
4545
- --hop-Tag-caution-border-color-hover: transparent;
4546
- --hop-Tag-caution-text-color-hover: var(--hop-status-caution-text-hover);
4547
- --hop-Tag-negative-background-color-hover: var(--hop-status-negative-surface-hover);
4548
- --hop-Tag-negative-border-color-hover: transparent;
4549
- --hop-Tag-negative-text-color-hover: var(--hop-status-negative-text-hover);
4550
- --hop-Tag-option1-background-color-hover: var(--hop-status-option1-surface-hover);
4551
- --hop-Tag-option1-border-color-hover: transparent;
4552
- --hop-Tag-option1-text-color-hover: var(--hop-status-option1-text-hover);
4553
- --hop-Tag-option2-background-color-hover: var(--hop-status-option2-surface-hover);
4554
- --hop-Tag-option2-border-color-hover: transparent;
4555
- --hop-Tag-option2-text-color-hover: var(--hop-status-option2-text-hover);
4556
- --hop-Tag-option3-background-color-hover: var(--hop-status-option3-surface-hover);
4557
- --hop-Tag-option3-border-color-hover: transparent;
4558
- --hop-Tag-option3-text-color-hover: var(--hop-status-option3-text-hover);
4559
- --hop-Tag-option4-background-color-hover: var(--hop-status-option4-surface-hover);
4560
- --hop-Tag-option4-border-color-hover: transparent;
4561
- --hop-Tag-option4-text-color-hover: var(--hop-status-option4-text-hover);
4562
- --hop-Tag-option5-background-color-hover: var(--hop-status-option5-surface-hover);
4563
- --hop-Tag-option5-border-color-hover: transparent;
4564
- --hop-Tag-option5-text-color-hover: var(--hop-status-option5-text-hover);
4565
- --hop-Tag-option6-background-color-hover: var(--hop-status-option6-surface-hover);
4566
- --hop-Tag-option6-border-color-hover: transparent;
4567
- --hop-Tag-option6-text-color-hover: var(--hop-status-option6-text-hover);
4568
- --hop-Tag-background-color-selected: var(--hop-neutral-surface-selected);
4569
- --hop-Tag-border-color-selected: var(--hop-neutral-border-selected);
4570
- --hop-Tag-text-color-selected: var(--hop-neutral-text-selected);
4571
- --hop-Tag-neutral-background-color-press: var(--hop-neutral-surface-press);
4572
- --hop-Tag-neutral-border-color-press: var(--hop-neutral-border-press);
4573
- --hop-Tag-neutral-text-color-press: var(--hop-neutral-text-press);
4574
- --hop-Tag-subdued-background-color-press: var(--hop-neutral-surface-weak-press);
4575
- --hop-Tag-subdued-border-color-press: var(--hop-neutral-border-press);
4576
- --hop-Tag-subdued-text-color-press: var(--hop-neutral-text-press);
4577
- --hop-Tag-progress-background-color-press: var(--hop-status-progress-surface-press);
4578
- --hop-Tag-progress-border-color-press: transparent;
4579
- --hop-Tag-progress-text-color-press: var(--hop-status-progress-text-press);
4580
- --hop-Tag-positive-background-color-press: var(--hop-status-positive-surface-press);
4581
- --hop-Tag-positive-border-color-press: transparent;
4582
- --hop-Tag-positive-text-color-press: var(--hop-status-positive-text-press);
4583
- --hop-Tag-caution-background-color-press: var(--hop-status-caution-surface-press);
4584
- --hop-Tag-caution-border-color-press: transparent;
4585
- --hop-Tag-caution-text-color-press: var(--hop-status-caution-text-press);
4586
- --hop-Tag-negative-background-color-press: var(--hop-status-negative-surface-press);
4587
- --hop-Tag-negative-border-color-press: transparent;
4588
- --hop-Tag-negative-text-color-press: var(--hop-status-negative-text-press);
4589
- --hop-Tag-option1-background-color-press: var(--hop-status-option1-surface-press);
4590
- --hop-Tag-option1-border-color-press: transparent;
4591
- --hop-Tag-option1-text-color-press: var(--hop-status-option1-text-press);
4592
- --hop-Tag-option2-background-color-press: var(--hop-status-option2-surface-press);
4593
- --hop-Tag-option2-border-color-press: transparent;
4594
- --hop-Tag-option2-text-color-press: var(--hop-status-option2-text-press);
4595
- --hop-Tag-option3-background-color-press: var(--hop-status-option3-surface-press);
4596
- --hop-Tag-option3-border-color-press: transparent;
4597
- --hop-Tag-option3-text-color-press: var(--hop-status-option3-text-press);
4598
- --hop-Tag-option4-background-color-press: var(--hop-status-option4-surface-press);
4599
- --hop-Tag-option4-border-color-press: transparent;
4600
- --hop-Tag-option4-text-color-press: var(--hop-status-option4-text-press);
4601
- --hop-Tag-option5-background-color-press: var(--hop-status-option5-surface-press);
4602
- --hop-Tag-option5-border-color-press: transparent;
4603
- --hop-Tag-option5-text-color-press: var(--hop-status-option5-text-press);
4604
- --hop-Tag-option6-background-color-press: var(--hop-status-option6-surface-press);
4605
- --hop-Tag-option6-border-color-press: transparent;
4606
- --hop-Tag-option6-text-color-press: var(--hop-status-option6-text-press);
4607
- --hop-Tag-border-color-invalid: var(--hop-danger-border-strong);
4608
- --hop-Tag-neutral-background-color-disabled: var(--hop-neutral-surface-disabled);
4609
- --hop-Tag-neutral-border-color-disabled: var(--hop-neutral-border-weak);
4610
- --hop-Tag-neutral-text-color-disabled: var(--hop-neutral-text-disabled);
4611
- --hop-Tag-subdued-background-color-disabled: var(--hop-neutral-surface-disabled);
4612
- --hop-Tag-subdued-border-color-disabled: var(--hop-neutral-border-weak);
4613
- --hop-Tag-subdued-text-color-disabled: var(--hop-neutral-text-disabled);
4614
- --hop-Tag-progress-background-color-disabled: var(--hop-status-progress-surface-disabled);
4615
- --hop-Tag-progress-border-color-disabled: transparent;
4616
- --hop-Tag-progress-text-color-disabled: var(--hop-status-progress-text-disabled);
4617
- --hop-Tag-positive-background-color-disabled: var(--hop-status-positive-surface-disabled);
4618
- --hop-Tag-positive-border-color-disabled: transparent;
4619
- --hop-Tag-positive-text-color-disabled: var(--hop-status-positive-text-disabled);
4620
- --hop-Tag-caution-background-color-disabled: var(--hop-status-caution-surface-disabled);
4621
- --hop-Tag-caution-border-color-disabled: transparent;
4622
- --hop-Tag-caution-text-color-disabled: var(--hop-status-caution-text-disabled);
4623
- --hop-Tag-negative-background-color-disabled: var(--hop-status-negative-surface-disabled);
4624
- --hop-Tag-negative-border-color-disabled: transparent;
4625
- --hop-Tag-negative-text-color-disabled: var(--hop-status-negative-text-disabled);
4626
- --hop-Tag-option1-background-color-disabled: var(--hop-status-option1-surface-disabled);
4627
- --hop-Tag-option1-border-color-disabled: transparent;
4628
- --hop-Tag-option1-text-color-disabled: var(--hop-status-option1-text-disabled);
4629
- --hop-Tag-option2-background-color-disabled: var(--hop-status-option2-surface-disabled);
4630
- --hop-Tag-option2-border-color-disabled: transparent;
4631
- --hop-Tag-option2-text-color-disabled: var(--hop-status-option2-text-disabled);
4632
- --hop-Tag-option3-background-color-disabled: var(--hop-status-option3-surface-disabled);
4633
- --hop-Tag-option3-border-color-disabled: transparent;
4634
- --hop-Tag-option3-text-color-disabled: var(--hop-status-option3-text-disabled);
4635
- --hop-Tag-option4-background-color-disabled: var(--hop-status-option4-surface-disabled);
4636
- --hop-Tag-option4-border-color-disabled: transparent;
4637
- --hop-Tag-option4-text-color-disabled: var(--hop-status-option4-text-disabled);
4638
- --hop-Tag-option5-background-color-disabled: var(--hop-status-option5-surface-disabled);
4639
- --hop-Tag-option5-border-color-disabled: transparent;
4640
- --hop-Tag-option5-text-color-disabled: var(--hop-status-option5-text-disabled);
4641
- --hop-Tag-option6-background-color-disabled: var(--hop-status-option6-surface-disabled);
4642
- --hop-Tag-option6-border-color-disabled: transparent;
4643
- --hop-Tag-option6-text-color-disabled: var(--hop-status-option6-text-disabled);
4644
- --border-radius: var(--hop-Tag-border-radius);
4645
- --border-size: var(--hop-Tag-border-size);
4646
- --badge-secondary-margin-inline-start: calc(-1 * var(--column-gap));
4647
- --focus-ring-color: var(--hop-Tag-focus-ring-color);
4648
- overflow: hidden;
4649
- display: inline-flex;
4650
- column-gap: var(--column-gap);
4651
- align-items: center;
4652
- justify-content: center;
4653
- box-sizing: border-box;
4654
- inline-size: max-content;
4655
- max-inline-size: 100%;
4656
- block-size: var(--block-size);
4657
- padding-inline: var(--padding-inline);
4658
- color: var(--text-color);
4659
- white-space: nowrap;
4660
- background-color: var(--background-color);
4661
- border: var(--border-size) solid var(--border-color);
4662
- border-radius: var(--border-radius);
4663
- outline: none;
4664
- outline-offset: 0.125rem;
4665
- }
4666
- .Tag-module__hop-Tag--sm___bXzqv {
4667
- --block-size: var(--hop-Tag-sm-block-size);
4668
- --padding-inline: var(--hop-Tag-sm-padding-inline);
4669
- --column-gap: var(--hop-Tag-sm-column-gap);
4670
- --clear-btn-margin-inline: var(--hop-Tag-sm-clear-btn-margin-inline);
4671
- --avatar-margin-inline-start: var(--hop-Tag-sm-avatar-margin-inline-start);
4672
- --spinner-margin-inline-end: var(--hop-Tag-sm-spinner-margin-inline-end);
4673
- }
4674
- .Tag-module__hop-Tag--sm___bXzqv:not(:has(.Tag-module__hop-Tag__remove-btn___F6Q3N, .Tag-module__hop-Tag__Spinner___LSkKN)) {
4675
- --badge-margin-inline-end: var(--hop-Tag-sm-badge-margin-inline-end);
4676
- }
4677
- .Tag-module__hop-Tag--sm___bXzqv:not(:has(.Tag-module__hop-Tag__avatar___gjpum)) {
4678
- --icon-margin-inline-start: var(--hop-Tag-sm-icon-margin-inline-start);
4679
- }
4680
- .Tag-module__hop-Tag--md___q0Wfx {
4681
- --block-size: var(--hop-Tag-md-block-size);
4682
- --padding-inline: var(--hop-Tag-md-padding-inline);
4683
- --column-gap: var(--hop-Tag-md-column-gap);
4684
- --clear-btn-margin-inline: var(--hop-Tag-md-clear-btn-margin-inline);
4685
- --avatar-margin-inline-start: var(--hop-Tag-md-avatar-margin-inline-start);
4686
- --spinner-margin-inline-end: var(--hop-Tag-md-spinner-margin-inline-end);
4687
- }
4688
- .Tag-module__hop-Tag--md___q0Wfx:not(:has(.Tag-module__hop-Tag__remove-btn___F6Q3N, .Tag-module__hop-Tag__Spinner___LSkKN)) {
4689
- --badge-margin-inline-end: var(--hop-Tag-md-badge-margin-inline-end);
4690
- }
4691
- .Tag-module__hop-Tag--md___q0Wfx:not(:has(.Tag-module__hop-Tag__avatar___gjpum)) {
4692
- --icon-margin-inline-start: var(--hop-Tag-md-icon-margin-inline-start);
4693
- }
4694
- .Tag-module__hop-Tag--lg___4z1Fd {
4695
- --block-size: var(--hop-Tag-lg-block-size);
4696
- --padding-inline: var(--hop-Tag-lg-padding-inline);
4697
- --column-gap: var(--hop-Tag-lg-column-gap);
4698
- --clear-btn-margin-inline: var(--hop-Tag-lg-clear-btn-margin-inline);
4699
- --avatar-margin-inline-start: var(--hop-Tag-lg-avatar-margin-inline-start);
4700
- --spinner-margin-inline-end: var(--hop-Tag-lg-spinner-margin-inline-end);
4701
- }
4702
- .Tag-module__hop-Tag--lg___4z1Fd:not(:has(.Tag-module__hop-Tag__remove-btn___F6Q3N, .Tag-module__hop-Tag__Spinner___LSkKN)) {
4703
- --badge-margin-inline-end: var(--hop-Tag-lg-badge-margin-inline-end);
4704
- }
4705
- .Tag-module__hop-Tag--lg___4z1Fd:not(:has(.Tag-module__hop-Tag__avatar___gjpum)) {
4706
- --icon-margin-inline-start: var(--hop-Tag-lg-icon-margin-inline-start);
4707
- }
4708
- .Tag-module__hop-Tag--neutral___6Wijh {
4709
- --border-color: var(--hop-Tag-neutral-border-color);
4710
- --background-color: var(--hop-Tag-neutral-background-color);
4711
- --text-color: var(--hop-Tag-neutral-text-color);
4712
- }
4713
- .Tag-module__hop-Tag--subdued___BpQK- {
4714
- --border-color: var(--hop-Tag-subdued-border-color);
4715
- --background-color: var(--hop-Tag-subdued-background-color);
4716
- --text-color: var(--hop-Tag-subdued-text-color);
4717
- }
4718
- .Tag-module__hop-Tag--progress___kBgCv {
4719
- --border-color: var(--hop-Tag-progress-border-color);
4720
- --background-color: var(--hop-Tag-progress-background-color);
4721
- --text-color: var(--hop-Tag-progress-text-color);
4722
- }
4723
- .Tag-module__hop-Tag--positive___u-g1k {
4724
- --border-color: var(--hop-Tag-positive-border-color);
4725
- --background-color: var(--hop-Tag-positive-background-color);
4726
- --text-color: var(--hop-Tag-positive-text-color);
4727
- }
4728
- .Tag-module__hop-Tag--caution___pt0tD {
4729
- --border-color: var(--hop-Tag-caution-border-color);
4730
- --background-color: var(--hop-Tag-caution-background-color);
4731
- --text-color: var(--hop-Tag-caution-text-color);
4732
- }
4733
- .Tag-module__hop-Tag--negative___OLgmV {
4734
- --border-color: var(--hop-Tag-negative-border-color);
4735
- --background-color: var(--hop-Tag-negative-background-color);
4736
- --text-color: var(--hop-Tag-negative-text-color);
4737
- }
4738
- .Tag-module__hop-Tag--option1___lFQfQ {
4739
- --border-color: var(--hop-Tag-option1-border-color);
4740
- --background-color: var(--hop-Tag-option1-background-color);
4741
- --text-color: var(--hop-Tag-option1-text-color);
4742
- }
4743
- .Tag-module__hop-Tag--option2___xfpi1 {
4744
- --border-color: var(--hop-Tag-option2-border-color);
4745
- --background-color: var(--hop-Tag-option2-background-color);
4746
- --text-color: var(--hop-Tag-option2-text-color);
4747
- }
4748
- .Tag-module__hop-Tag--option3___7Xjun {
4749
- --border-color: var(--hop-Tag-option3-border-color);
4750
- --background-color: var(--hop-Tag-option3-background-color);
4751
- --text-color: var(--hop-Tag-option3-text-color);
4752
- }
4753
- .Tag-module__hop-Tag--option4___xzQ3D {
4754
- --border-color: var(--hop-Tag-option4-border-color);
4755
- --background-color: var(--hop-Tag-option4-background-color);
4756
- --text-color: var(--hop-Tag-option4-text-color);
4757
- }
4758
- .Tag-module__hop-Tag--option5___HTZve {
4759
- --border-color: var(--hop-Tag-option5-border-color);
4760
- --background-color: var(--hop-Tag-option5-background-color);
4761
- --text-color: var(--hop-Tag-option5-text-color);
4762
- }
4763
- .Tag-module__hop-Tag--option6___MMv1I {
4764
- --border-color: var(--hop-Tag-option6-border-color);
4765
- --background-color: var(--hop-Tag-option6-background-color);
4766
- --text-color: var(--hop-Tag-option6-text-color);
4767
- }
4768
- .Tag-module__hop-Tag___8EksV[data-href] {
4769
- cursor: pointer;
4770
- }
4771
- .Tag-module__hop-Tag--neutral___6Wijh[data-focus-visible] {
4772
- --border-color: var(--hop-Tag-neutral-border-color-focus);
4773
- --background-color: var(--hop-Tag-neutral-background-color-focus);
4774
- --text-color: var(--hop-Tag-neutral-text-color-focus);
4775
- }
4776
- .Tag-module__hop-Tag--neutral___6Wijh[data-hovered] {
4777
- --border-color: var(--hop-Tag-neutral-border-color-hover);
4778
- --background-color: var(--hop-Tag-neutral-background-color-hover);
4779
- --text-color: var(--hop-Tag-neutral-text-color-hover);
4780
- }
4781
- .Tag-module__hop-Tag--neutral___6Wijh[data-pressed] {
4782
- --border-color: var(--hop-Tag-neutral-border-color-press);
4783
- --background-color: var(--hop-Tag-neutral-background-color-press);
4784
- --text-color: var(--hop-Tag-neutral-text-color-press);
4785
- }
4786
- .Tag-module__hop-Tag--neutral___6Wijh[data-disabled] {
4787
- --border-color: var(--hop-Tag-neutral-border-color-disabled);
4788
- --background-color: var(--hop-Tag-neutral-background-color-disabled);
4789
- --text-color: var(--hop-Tag-neutral-text-color-disabled);
4790
- }
4791
- .Tag-module__hop-Tag--subdued___BpQK-[data-focus-visible] {
4792
- --border-color: var(--hop-Tag-subdued-border-color-focus);
4793
- --background-color: var(--hop-Tag-subdued-background-color-focus);
4794
- --text-color: var(--hop-Tag-subdued-text-color-focus);
4795
- }
4796
- .Tag-module__hop-Tag--subdued___BpQK-[data-hovered] {
4797
- --border-color: var(--hop-Tag-subdued-border-color-hover);
4798
- --background-color: var(--hop-Tag-subdued-background-color-hover);
4799
- --text-color: var(--hop-Tag-subdued-text-color-hover);
4800
- }
4801
- .Tag-module__hop-Tag--subdued___BpQK-[data-pressed] {
4802
- --border-color: var(--hop-Tag-subdued-border-color-press);
4803
- --background-color: var(--hop-Tag-subdued-background-color-press);
4804
- --text-color: var(--hop-Tag-subdued-text-color-press);
4805
- }
4806
- .Tag-module__hop-Tag--subdued___BpQK-[data-disabled] {
4807
- --border-color: var(--hop-Tag-subdued-border-color-disabled);
4808
- --background-color: var(--hop-Tag-subdued-background-color-disabled);
4809
- --text-color: var(--hop-Tag-subdued-text-color-disabled);
4810
- }
4811
- .Tag-module__hop-Tag--progress___kBgCv[data-focus-visible] {
4812
- --border-color: var(--hop-Tag-progress-border-color-focus);
4813
- --background-color: var(--hop-Tag-progress-background-color-focus);
4814
- --text-color: var(--hop-Tag-progress-text-color-focus);
4815
- }
4816
- .Tag-module__hop-Tag--progress___kBgCv[data-hovered] {
4817
- --border-color: var(--hop-Tag-progress-border-color-hover);
4818
- --background-color: var(--hop-Tag-progress-background-color-hover);
4819
- --text-color: var(--hop-Tag-progress-text-color-hover);
4820
- }
4821
- .Tag-module__hop-Tag--progress___kBgCv[data-pressed] {
4822
- --border-color: var(--hop-Tag-progress-border-color-press);
4823
- --background-color: var(--hop-Tag-progress-background-color-press);
4824
- --text-color: var(--hop-Tag-progress-text-color-press);
4825
- }
4826
- .Tag-module__hop-Tag--progress___kBgCv[data-disabled] {
4827
- --border-color: var(--hop-Tag-progress-border-color-disabled);
4828
- --background-color: var(--hop-Tag-progress-background-color-disabled);
4829
- --text-color: var(--hop-Tag-progress-text-color-disabled);
4830
- }
4831
- .Tag-module__hop-Tag--positive___u-g1k[data-focus-visible] {
4832
- --border-color: var(--hop-Tag-positive-border-color-focus);
4833
- --background-color: var(--hop-Tag-positive-background-color-focus);
4834
- --text-color: var(--hop-Tag-positive-text-color-focus);
4835
- }
4836
- .Tag-module__hop-Tag--positive___u-g1k[data-hovered] {
4837
- --border-color: var(--hop-Tag-positive-border-color-hover);
4838
- --background-color: var(--hop-Tag-positive-background-color-hover);
4839
- --text-color: var(--hop-Tag-positive-text-color-hover);
4840
- }
4841
- .Tag-module__hop-Tag--positive___u-g1k[data-pressed] {
4842
- --border-color: var(--hop-Tag-positive-border-color-press);
4843
- --background-color: var(--hop-Tag-positive-background-color-press);
4844
- --text-color: var(--hop-Tag-positive-text-color-press);
4845
- }
4846
- .Tag-module__hop-Tag--positive___u-g1k[data-disabled] {
4847
- --border-color: var(--hop-Tag-positive-border-color-disabled);
4848
- --background-color: var(--hop-Tag-positive-background-color-disabled);
4849
- --text-color: var(--hop-Tag-positive-text-color-disabled);
4850
- }
4851
- .Tag-module__hop-Tag--caution___pt0tD[data-focus-visible] {
4852
- --border-color: var(--hop-Tag-caution-border-color-focus);
4853
- --background-color: var(--hop-Tag-caution-background-color-focus);
4854
- --text-color: var(--hop-Tag-caution-text-color-focus);
4855
- }
4856
- .Tag-module__hop-Tag--caution___pt0tD[data-hovered] {
4857
- --border-color: var(--hop-Tag-caution-border-color-hover);
4858
- --background-color: var(--hop-Tag-caution-background-color-hover);
4859
- --text-color: var(--hop-Tag-caution-text-color-hover);
4860
- }
4861
- .Tag-module__hop-Tag--caution___pt0tD[data-pressed] {
4862
- --border-color: var(--hop-Tag-caution-border-color-press);
4863
- --background-color: var(--hop-Tag-caution-background-color-press);
4864
- --text-color: var(--hop-Tag-caution-text-color-press);
4865
- }
4866
- .Tag-module__hop-Tag--caution___pt0tD[data-disabled] {
4867
- --border-color: var(--hop-Tag-caution-border-color-disabled);
4868
- --background-color: var(--hop-Tag-caution-background-color-disabled);
4869
- --text-color: var(--hop-Tag-caution-text-color-disabled);
4870
- }
4871
- .Tag-module__hop-Tag--negative___OLgmV[data-focus-visible] {
4872
- --border-color: var(--hop-Tag-negative-border-color-focus);
4873
- --background-color: var(--hop-Tag-negative-background-color-focus);
4874
- --text-color: var(--hop-Tag-negative-text-color-focus);
4875
- }
4876
- .Tag-module__hop-Tag--negative___OLgmV[data-hovered] {
4877
- --border-color: var(--hop-Tag-negative-border-color-hover);
4878
- --background-color: var(--hop-Tag-negative-background-color-hover);
4879
- --text-color: var(--hop-Tag-negative-text-color-hover);
4880
- }
4881
- .Tag-module__hop-Tag--negative___OLgmV[data-pressed] {
4882
- --border-color: var(--hop-Tag-negative-border-color-press);
4883
- --background-color: var(--hop-Tag-negative-background-color-press);
4884
- --text-color: var(--hop-Tag-negative-text-color-press);
4885
- }
4886
- .Tag-module__hop-Tag--negative___OLgmV[data-disabled] {
4887
- --border-color: var(--hop-Tag-negative-border-color-disabled);
4888
- --background-color: var(--hop-Tag-negative-background-color-disabled);
4889
- --text-color: var(--hop-Tag-negative-text-color-disabled);
4890
- }
4891
- .Tag-module__hop-Tag--option1___lFQfQ[data-focus-visible] {
4892
- --border-color: var(--hop-Tag-option1-border-color-focus);
4893
- --background-color: var(--hop-Tag-option1-background-color-focus);
4894
- --text-color: var(--hop-Tag-option1-text-color-focus);
4895
- }
4896
- .Tag-module__hop-Tag--option1___lFQfQ[data-hovered] {
4897
- --border-color: var(--hop-Tag-option1-border-color-hover);
4898
- --background-color: var(--hop-Tag-option1-background-color-hover);
4899
- --text-color: var(--hop-Tag-option1-text-color-hover);
4900
- }
4901
- .Tag-module__hop-Tag--option1___lFQfQ[data-pressed] {
4902
- --border-color: var(--hop-Tag-option1-border-color-press);
4903
- --background-color: var(--hop-Tag-option1-background-color-press);
4904
- --text-color: var(--hop-Tag-option1-text-color-press);
4905
- }
4906
- .Tag-module__hop-Tag--option1___lFQfQ[data-disabled] {
4907
- --border-color: var(--hop-Tag-option1-border-color-disabled);
4908
- --background-color: var(--hop-Tag-option1-background-color-disabled);
4909
- --text-color: var(--hop-Tag-option1-text-color-disabled);
4910
- }
4911
- .Tag-module__hop-Tag--option2___xfpi1[data-focus-visible] {
4912
- --border-color: var(--hop-Tag-option2-border-color-focus);
4913
- --background-color: var(--hop-Tag-option2-background-color-focus);
4914
- --text-color: var(--hop-Tag-option2-text-color-focus);
4915
- }
4916
- .Tag-module__hop-Tag--option2___xfpi1[data-hovered] {
4917
- --border-color: var(--hop-Tag-option2-border-color-hover);
4918
- --background-color: var(--hop-Tag-option2-background-color-hover);
4919
- --text-color: var(--hop-Tag-option2-text-color-hover);
4920
- }
4921
- .Tag-module__hop-Tag--option2___xfpi1[data-pressed] {
4922
- --border-color: var(--hop-Tag-option2-border-color-press);
4923
- --background-color: var(--hop-Tag-option2-background-color-press);
4924
- --text-color: var(--hop-Tag-option2-text-color-press);
4925
- }
4926
- .Tag-module__hop-Tag--option2___xfpi1[data-disabled] {
4927
- --border-color: var(--hop-Tag-option2-border-color-disabled);
4928
- --background-color: var(--hop-Tag-option2-background-color-disabled);
4929
- --text-color: var(--hop-Tag-option2-text-color-disabled);
4930
- }
4931
- .Tag-module__hop-Tag--option3___7Xjun[data-focus-visible] {
4932
- --border-color: var(--hop-Tag-option3-border-color-focus);
4933
- --background-color: var(--hop-Tag-option3-background-color-focus);
4934
- --text-color: var(--hop-Tag-option3-text-color-focus);
4935
- }
4936
- .Tag-module__hop-Tag--option3___7Xjun[data-hovered] {
4937
- --border-color: var(--hop-Tag-option3-border-color-hover);
4938
- --background-color: var(--hop-Tag-option3-background-color-hover);
4939
- --text-color: var(--hop-Tag-option3-text-color-hover);
4940
- }
4941
- .Tag-module__hop-Tag--option3___7Xjun[data-pressed] {
4942
- --border-color: var(--hop-Tag-option3-border-color-press);
4943
- --background-color: var(--hop-Tag-option3-background-color-press);
4944
- --text-color: var(--hop-Tag-option3-text-color-press);
4945
- }
4946
- .Tag-module__hop-Tag--option3___7Xjun[data-disabled] {
4947
- --border-color: var(--hop-Tag-option3-border-color-disabled);
4948
- --background-color: var(--hop-Tag-option3-background-color-disabled);
4949
- --text-color: var(--hop-Tag-option3-text-color-disabled);
4950
- }
4951
- .Tag-module__hop-Tag--option4___xzQ3D[data-focus-visible] {
4952
- --border-color: var(--hop-Tag-option4-border-color-focus);
4953
- --background-color: var(--hop-Tag-option4-background-color-focus);
4954
- --text-color: var(--hop-Tag-option4-text-color-focus);
4955
- }
4956
- .Tag-module__hop-Tag--option4___xzQ3D[data-hovered] {
4957
- --border-color: var(--hop-Tag-option4-border-color-hover);
4958
- --background-color: var(--hop-Tag-option4-background-color-hover);
4959
- --text-color: var(--hop-Tag-option4-text-color-hover);
4960
- }
4961
- .Tag-module__hop-Tag--option4___xzQ3D[data-pressed] {
4962
- --border-color: var(--hop-Tag-option4-border-color-press);
4963
- --background-color: var(--hop-Tag-option4-background-color-press);
4964
- --text-color: var(--hop-Tag-option4-text-color-press);
4965
- }
4966
- .Tag-module__hop-Tag--option4___xzQ3D[data-disabled] {
4967
- --border-color: var(--hop-Tag-option4-border-color-disabled);
4968
- --background-color: var(--hop-Tag-option4-background-color-disabled);
4969
- --text-color: var(--hop-Tag-option4-text-color-disabled);
4970
- }
4971
- .Tag-module__hop-Tag--option5___HTZve[data-focus-visible] {
4972
- --border-color: var(--hop-Tag-option5-border-color-focus);
4973
- --background-color: var(--hop-Tag-option5-background-color-focus);
4974
- --text-color: var(--hop-Tag-option5-text-color-focus);
4975
- }
4976
- .Tag-module__hop-Tag--option5___HTZve[data-hovered] {
4977
- --border-color: var(--hop-Tag-option5-border-color-hover);
4978
- --background-color: var(--hop-Tag-option5-background-color-hover);
4979
- --text-color: var(--hop-Tag-option5-text-color-hover);
4980
- }
4981
- .Tag-module__hop-Tag--option5___HTZve[data-pressed] {
4982
- --border-color: var(--hop-Tag-option5-border-color-press);
4983
- --background-color: var(--hop-Tag-option5-background-color-press);
4984
- --text-color: var(--hop-Tag-option5-text-color-press);
4985
- }
4986
- .Tag-module__hop-Tag--option5___HTZve[data-disabled] {
4987
- --border-color: var(--hop-Tag-option5-border-color-disabled);
4988
- --background-color: var(--hop-Tag-option5-background-color-disabled);
4989
- --text-color: var(--hop-Tag-option5-text-color-disabled);
4990
- }
4991
- .Tag-module__hop-Tag--option6___MMv1I[data-focus-visible] {
4992
- --border-color: var(--hop-Tag-option6-border-color-focus);
4993
- --background-color: var(--hop-Tag-option6-background-color-focus);
4994
- --text-color: var(--hop-Tag-option6-text-color-focus);
4995
- }
4996
- .Tag-module__hop-Tag--option6___MMv1I[data-hovered] {
4997
- --border-color: var(--hop-Tag-option6-border-color-hover);
4998
- --background-color: var(--hop-Tag-option6-background-color-hover);
4999
- --text-color: var(--hop-Tag-option6-text-color-hover);
5000
- }
5001
- .Tag-module__hop-Tag--option6___MMv1I[data-pressed] {
5002
- --border-color: var(--hop-Tag-option6-border-color-press);
5003
- --background-color: var(--hop-Tag-option6-background-color-press);
5004
- --text-color: var(--hop-Tag-option6-text-color-press);
5005
- }
5006
- .Tag-module__hop-Tag--option6___MMv1I[data-disabled] {
5007
- --border-color: var(--hop-Tag-option6-border-color-disabled);
5008
- --background-color: var(--hop-Tag-option6-background-color-disabled);
5009
- --text-color: var(--hop-Tag-option6-text-color-disabled);
5010
- }
5011
- .Tag-module__hop-Tag___8EksV[data-focus-visible] {
5012
- outline: 0.125rem solid var(--focus-ring-color);
5013
- }
5014
- .Tag-module__hop-Tag___8EksV[data-hovered] {
5015
- cursor: pointer;
5016
- }
5017
- .Tag-module__hop-Tag___8EksV[data-selected] {
5018
- --background-color: var(--hop-Tag-background-color-selected);
5019
- --border-color: var(--hop-Tag-border-color-selected);
5020
- --text-color: var(--hop-Tag-text-color-selected);
5021
- }
5022
- .Tag-module__hop-Tag___8EksV[data-pressed] {
5023
- cursor: pointer;
5024
- }
5025
- .Tag-module__hop-Tag___8EksV[data-invalid] {
5026
- --border-color: var(--hop-Tag-border-color-invalid);
5027
- }
5028
- .Tag-module__hop-Tag___8EksV[data-disabled] {
5029
- cursor: not-allowed;
5030
- }
5031
- .Tag-module__hop-Tag__avatar___gjpum {
5032
- flex: 0 0 auto;
5033
- order: 1;
5034
- margin-inline-start: var(--avatar-margin-inline-start);
5035
- }
5036
- .Tag-module__hop-Tag__icon___HMIy5,
5037
- .Tag-module__hop-Tag__icon-list___EvzGZ {
5038
- flex: 0 0 auto;
5039
- flex-wrap: nowrap;
5040
- order: 2;
5041
- margin-inline-start: var(--icon-margin-inline-start, 0);
5042
- }
5043
- .Tag-module__hop-Tag__text___nDAky {
5044
- overflow: hidden;
5045
- flex: 1 1 auto;
5046
- order: 3;
5047
- min-inline-size: 0;
5048
- text-align: center;
5049
- text-overflow: ellipsis;
5050
- }
5051
- .Tag-module__hop-Tag__badge___ORNLz {
5052
- flex: 0 0 auto;
5053
- order: 4;
5054
- margin-inline-end: var(--badge-margin-inline-end);
5055
- }
5056
- .Tag-module__hop-Tag___8EksV .Tag-module__hop-Tag__badge--subdued___OdGUC {
5057
- margin-inline-start: var(--badge-secondary-margin-inline-start);
5058
- color: inherit;
5059
- background: none;
5060
- }
5061
- .Tag-module__hop-Tag--sm___bXzqv .Tag-module__hop-Tag__badge___ORNLz {
5062
- block-size: 100%;
5063
- }
5064
- .Tag-module__hop-Tag__remove-btn___F6Q3N,
5065
- .Tag-module__hop-Tag__Spinner___LSkKN {
5066
- flex: 0 0 auto;
5067
- order: 5;
5068
- }
5069
- .Tag-module__hop-Tag__Spinner___LSkKN {
5070
- margin-inline-end: var(--spinner-margin-inline-end);
5071
- }
5072
- .Tag-module__hop-Tag__remove-btn___F6Q3N {
5073
- margin-inline: var(--clear-btn-margin-inline);
5074
- }
5075
-
5076
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/TagGroup.module.css/#css-module-data */
5077
- .TagGroup-module__hop-TagGroup___dhYYW {
5078
- --hop-TagGroup-row-gap: var(--hop-space-inline-sm);
5079
- --hop-TagGroup-list-column-gap: var(--hop-space-inline-sm);
5080
- --hop-TagGroup-list-row-gap: var(--hop-space-inline-sm);
5081
- --hop-TagGroup-list-focus-ring-color: var(--hop-primary-border-focus);
5082
- --hop-TagGroup-list-border-radius: var(--hop-shape-rounded-sm);
5083
- --row-gap: var(--hop-TagGroup-row-gap);
5084
- --list-column-gap: var(--hop-TagGroup-list-column-gap);
5085
- --list-row-gap: var(--hop-TagGroup-list-row-gap);
5086
- --list-focus-ring-color: var(--hop-TagGroup-list-focus-ring-color);
5087
- --list-border-radius: var(--hop-TagGroup-list-border-radius);
5088
- display: flex;
5089
- flex-direction: column;
5090
- row-gap: var(--row-gap);
5091
- align-items: flex-start;
5092
- justify-content: flex-start;
5093
- box-sizing: border-box;
5094
- inline-size: max-content;
5095
- max-inline-size: 100%;
5096
- }
5097
- .TagGroup-module__hop-TagGroup___dhYYW > .TagGroup-module__hop-TagGroup__label___hVcg7 {
5098
- order: 1;
5099
- }
5100
- .TagGroup-module__hop-TagGroup__list___BkLW9 {
5101
- display: flex;
5102
- flex-wrap: wrap;
5103
- gap: var(--list-row-gap) var(--list-column-gap);
5104
- align-items: center;
5105
- order: 2;
5106
- border-radius: var(--list-border-radius);
5107
- outline: none;
5108
- }
5109
- .TagGroup-module__hop-TagGroup__list___BkLW9[data-focus-visible] {
5110
- outline: 0.125rem solid var(--list-focus-ring-color);
5111
- outline-offset: 0.125rem;
5112
- }
5113
- .TagGroup-module__hop-TagGroup___dhYYW > .TagGroup-module__hop-TagGroup__error-message___Xmqgj,
5114
- .TagGroup-module__hop-TagGroup___dhYYW > .TagGroup-module__hop-TagGroup__helper-message___mMKoS {
5115
- order: 3;
5116
- }
5117
-
5118
- /* ../tokens/dist/fonts.css */
5119
- @font-face {
5120
- font-family: "Inter";
5121
- font-style: normal;
5122
- font-weight: 100 900;
5123
- src: url(https://cdn.platform.workleap.com/hopper/fonts/inter/v4/InterVariable.woff2) format("woff2-variations");
5124
- font-display: fallback;
5125
- }
5126
- @font-face {
5127
- font-family: "ABC Favorit Mono";
5128
- font-style: normal;
5129
- font-weight: 400;
5130
- src: url(https://cdn.platform.workleap.com/hopper/fonts/abc-favorit/mono/alternative/ABCFavoritMono-Regular.woff2) format("woff2-variations");
5131
- font-display: fallback;
5132
- }
5133
- @font-face {
5134
- font-family: "ABC Favorit";
5135
- font-style: normal;
5136
- font-weight: 100 900;
5137
- src: url(https://cdn.platform.workleap.com/hopper/fonts/abc-favorit/alternative/ABCFavoritVariable.woff2) format("woff2-variations");
5138
- font-display: fallback;
5139
- }
5140
-
5141
- /* src/index.css */
5142
-
5143
3580
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/Popover/src/Popover.module.css/#css-module-data */
5144
- :where(.Popover-module__hop-Popover___lYK-o *) {
3581
+ :where(.Popover-module__hop-Popover___-qM3A *) {
5145
3582
  font-family: var(--font-family);
5146
3583
  font-size: var(--font-size);
5147
3584
  font-weight: var(--font-weight);
5148
3585
  line-height: var(--line-height);
5149
3586
  outline: none;
5150
3587
  }
5151
- .Popover-module__hop-Popover___lYK-o {
3588
+ .Popover-module__hop-Popover___-qM3A {
5152
3589
  --hop-Popover-max-inline-width: calc(100% - (var(--container-padding) * 2));
5153
3590
  --hop-Popover-inline-width: 25rem;
5154
3591
  --hop-Popover-dropdown-inline-width: var(--trigger-width);
@@ -5161,22 +3598,22 @@
5161
3598
  inline-size: var(--width);
5162
3599
  max-inline-size: var(--max-width);
5163
3600
  }
5164
- .Popover-module__hop-Popover___lYK-o[data-trigger=Select] {
3601
+ .Popover-module__hop-Popover___-qM3A[data-trigger=Select] {
5165
3602
  --width: var(--hop-Popover-dropdown-inline-width);
5166
3603
  }
5167
- .Popover-module__hop-Popover___lYK-o[data-trigger=ComboBox] {
3604
+ .Popover-module__hop-Popover___-qM3A[data-trigger=ComboBox] {
5168
3605
  --width: var(--hop-Popover-combo-box-dropdown-inline-width);
5169
3606
  }
5170
- .Popover-module__hop-Popover___lYK-o[data-auto-width] {
3607
+ .Popover-module__hop-Popover___-qM3A[data-auto-width] {
5171
3608
  --width: var(--hop-Popover-dropdown-auto-inline-width);
5172
3609
  }
5173
- .Popover-module__hop-Popover___lYK-o[data-entering] {
5174
- animation: Popover-module__fade___I1YI2 0.25s;
3610
+ .Popover-module__hop-Popover___-qM3A[data-entering] {
3611
+ animation: Popover-module__fade___AKK2S 0.25s;
5175
3612
  }
5176
- .Popover-module__hop-Popover___lYK-o[data-exiting] {
5177
- animation: Popover-module__fade___I1YI2 0.25s reverse;
3613
+ .Popover-module__hop-Popover___-qM3A[data-exiting] {
3614
+ animation: Popover-module__fade___AKK2S 0.25s reverse;
5178
3615
  }
5179
- @keyframes Popover-module__fade___I1YI2 {
3616
+ @keyframes Popover-module__fade___AKK2S {
5180
3617
  from {
5181
3618
  opacity: 0;
5182
3619
  }
@@ -5184,14 +3621,14 @@
5184
3621
  opacity: 1;
5185
3622
  }
5186
3623
  }
5187
- .Popover-module__hop-Popover__wrapper___yinwO {
3624
+ .Popover-module__hop-Popover__wrapper___sD-Ru {
5188
3625
  display: flex;
5189
3626
  flex: 1 1 auto;
5190
3627
  flex-direction: column;
5191
3628
  min-block-size: 0;
5192
3629
  }
5193
- .Popover-module__hop-Popover__dialog___JNy6O,
5194
- .Popover-module__hop-Popover__dropdown___W5zbp {
3630
+ .Popover-module__hop-Popover__dialog___RWObX,
3631
+ .Popover-module__hop-Popover__dropdown___RsokU {
5195
3632
  --hop-Popover-background: var(--hop-neutral-surface);
5196
3633
  --hop-Popover-font-family: var(--hop-body-sm-font-family);
5197
3634
  --hop-Popover-font-size: var(--hop-body-sm-font-size);
@@ -5237,21 +3674,21 @@
5237
3674
  border-radius: var(--hop-Popover-border-radius);
5238
3675
  box-shadow: var(--hop-Popover-box-shadow);
5239
3676
  }
5240
- .Popover-module__hop-Popover__dropdown___W5zbp {
3677
+ .Popover-module__hop-Popover__dropdown___RsokU {
5241
3678
  --footer-margin: var(--hop-Popover-footer-dropdown-margin);
5242
3679
  --footer-place-self: stretch;
5243
3680
  --grid-template: var(--hop-Popover-dropdown-grid-template);
5244
3681
  --padding: var(--hop-Popover-dropdown-padding);
5245
3682
  overflow: hidden;
5246
3683
  }
5247
- .Popover-module__hop-Popover__dialog___JNy6O {
3684
+ .Popover-module__hop-Popover__dialog___RWObX {
5248
3685
  --padding: var(--hop-Popover-dialog-padding);
5249
3686
  }
5250
- .Popover-module__hop-Popover__title___BVLAH {
3687
+ .Popover-module__hop-Popover__title___Opa1B {
5251
3688
  grid-area: header;
5252
3689
  color: var(--hop-Popover-color);
5253
3690
  }
5254
- .Popover-module__hop-Popover__content___umBL1 {
3691
+ .Popover-module__hop-Popover__content___hc8Km {
5255
3692
  --font-size: var(--hop-Popover-content-font-size);
5256
3693
  --line-height: var(--hop-Popover-content-line-height);
5257
3694
  grid-area: content;
@@ -5260,7 +3697,12 @@
5260
3697
  padding: 0;
5261
3698
  color: var(--hop-Popover-content-color);
5262
3699
  }
5263
- .Popover-module__hop-Popover__dropdown___W5zbp .Popover-module__hop-Popover__list-box___pzOex {
3700
+ .Popover-module__hop-Popover___-qM3A:not(:has(.Popover-module__hop-Popover__title___Opa1B)) {
3701
+ .Popover-module__hop-Popover__content___hc8Km {
3702
+ margin-block: 0 var(--hop-Popover-row-gap) 0;
3703
+ }
3704
+ }
3705
+ .Popover-module__hop-Popover__dropdown___RsokU .Popover-module__hop-Popover__list-box___SYqN4 {
5264
3706
  grid-area: content;
5265
3707
  inline-size: auto;
5266
3708
  min-inline-size: auto;
@@ -5268,7 +3710,7 @@
5268
3710
  max-block-size: var(--hop-Popover-list-box-dropdown-max-height);
5269
3711
  border: none;
5270
3712
  }
5271
- .Popover-module__hop-Popover__footer___wXY7C {
3713
+ .Popover-module__hop-Popover__footer___dFu5l {
5272
3714
  --font-size: var(--hop-Popover-footer-font-size);
5273
3715
  --line-height: var(--hop-Popover-footer-line-height);
5274
3716
  grid-area: footer;
@@ -5276,22 +3718,22 @@
5276
3718
  margin: var(--footer-margin);
5277
3719
  color: var(--hop-Popover-color);
5278
3720
  }
5279
- .Popover-module__hop-Popover__dropdown___W5zbp .Popover-module__hop-Popover__footer___wXY7C {
3721
+ .Popover-module__hop-Popover__dropdown___RsokU .Popover-module__hop-Popover__footer___dFu5l {
5280
3722
  padding: var(--hop-Popover-footer-dropdown-footer-padding);
5281
3723
  border-block-start: var(--hop-Popover-footer-dropdown-footer-border-top);
5282
3724
  }
5283
- .Popover-module__hop-Popover__actions___BNbrs,
5284
- .Popover-module__hop-Popover__action___rRB6B {
3725
+ .Popover-module__hop-Popover__actions___KQPEZ,
3726
+ .Popover-module__hop-Popover__action___AdBQB {
5285
3727
  grid-area: action;
5286
3728
  justify-self: end;
5287
3729
  margin-block-start: var(--hop-Popover-row-gap);
5288
3730
  }
5289
- .Popover-module__hop-Popover___lYK-o:has(.Popover-module__hop-Popover__actions___BNbrs, .Popover-module__hop-Popover__action___rRB6B) .Popover-module__hop-Popover__footer___wXY7C {
3731
+ .Popover-module__hop-Popover___-qM3A:has(.Popover-module__hop-Popover__actions___KQPEZ, .Popover-module__hop-Popover__action___AdBQB) .Popover-module__hop-Popover__footer___dFu5l {
5290
3732
  margin-inline-end: var(--hop-Popover-column-gap);
5291
3733
  }
5292
3734
 
5293
3735
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ComboBox/src/ComboBox.module.css/#css-module-data */
5294
- .ComboBox-module__hop-ComboBox___AZRL1 {
3736
+ .ComboBox-module__hop-ComboBox___8-fb- {
5295
3737
  --hop-ComboBox-row-gap: var(--hop-space-stack-xs);
5296
3738
  --hop-ComboBox-inline-size: 20rem;
5297
3739
  --hop-ComboBox-inline-size-fluid: 100%;
@@ -5355,13 +3797,13 @@
5355
3797
  inline-size: var(--inline-size);
5356
3798
  max-inline-size: var(--hop-ComboBox-max-inline-size);
5357
3799
  }
5358
- .ComboBox-module__hop-ComboBox--fluid___9riao {
3800
+ .ComboBox-module__hop-ComboBox--fluid___JYjFm {
5359
3801
  --inline-size: var(--hop-ComboBox-inline-size-fluid);
5360
3802
  }
5361
- .ComboBox-module__hop-ComboBox__label___UWrI7 {
3803
+ .ComboBox-module__hop-ComboBox__label___KQJhb {
5362
3804
  order: 1;
5363
3805
  }
5364
- .ComboBox-module__hop-ComboBox__trigger___NwZME {
3806
+ .ComboBox-module__hop-ComboBox__trigger___oCZ5q {
5365
3807
  cursor: var(--trigger-cursor);
5366
3808
  overflow: hidden;
5367
3809
  display: flex;
@@ -5374,32 +3816,32 @@
5374
3816
  border: var(--hop-ComboBox-trigger-border-size) solid var(--trigger-border-color);
5375
3817
  border-radius: var(--hop-ComboBox-trigger-border-radius);
5376
3818
  }
5377
- .ComboBox-module__hop-ComboBox__trigger--sm___1zNtP {
3819
+ .ComboBox-module__hop-ComboBox__trigger--sm___t2VR- {
5378
3820
  --trigger-block-size: var(--hop-ComboBox-trigger-sm-block-size);
5379
3821
  --input-font-family: var(--hop-ComboBox-input-sm-font-family);
5380
3822
  --input-font-size: var(--hop-ComboBox-input-sm-font-size);
5381
3823
  --input-font-weight: var(--hop-ComboBox-input-sm-font-weight);
5382
3824
  --input-line-height: var(--hop-ComboBox-input-sm-line-height);
5383
3825
  }
5384
- .ComboBox-module__hop-ComboBox__trigger--md___CrXN9 {
3826
+ .ComboBox-module__hop-ComboBox__trigger--md___gU1w7 {
5385
3827
  --trigger-block-size: var(--hop-ComboBox-trigger-md-block-size);
5386
3828
  }
5387
- .ComboBox-module__hop-ComboBox__trigger___NwZME[data-hovered] {
3829
+ .ComboBox-module__hop-ComboBox__trigger___oCZ5q[data-hovered] {
5388
3830
  --trigger-background-color: var(--hop-ComboBox-trigger-background-color-hovered);
5389
3831
  --trigger-border-color: var(--hop-ComboBox-trigger-border-color-hovered);
5390
3832
  --trigger-color: var(--hop-ComboBox-trigger-color-hovered);
5391
3833
  --button-icon-color: var(--hop-ComboBox-button-icon-color-hovered);
5392
3834
  }
5393
- .ComboBox-module__hop-ComboBox__trigger___NwZME[data-selected] {
3835
+ .ComboBox-module__hop-ComboBox__trigger___oCZ5q[data-selected] {
5394
3836
  --trigger-background-color: var(--hop-ComboBox-button-background-color-selected);
5395
3837
  --trigger-border-color: var(--hop-ComboBox-button-border-color-selected);
5396
3838
  --trigger-color: var(--hop-ComboBox-button-color-selected);
5397
3839
  --button-icon-color: var(--hop-ComboBox-button-icon-color-selected);
5398
3840
  }
5399
- .ComboBox-module__hop-ComboBox__trigger___NwZME[data-invalid] {
3841
+ .ComboBox-module__hop-ComboBox__trigger___oCZ5q[data-invalid] {
5400
3842
  --trigger-border-color: var(--hop-ComboBox-trigger-border-color-invalid);
5401
3843
  }
5402
- .ComboBox-module__hop-ComboBox__trigger___NwZME[data-focus-visible] {
3844
+ .ComboBox-module__hop-ComboBox__trigger___oCZ5q[data-focus-visible] {
5403
3845
  --trigger-background-color: var(--hop-ComboBox-trigger-background-color-focused);
5404
3846
  --trigger-border-color: var(--hop-ComboBox-trigger-border-color-focused);
5405
3847
  --trigger-color: var(--hop-ComboBox-trigger-color-focused);
@@ -5407,14 +3849,14 @@
5407
3849
  outline: var(--hop-ComboBox-trigger-border-size) solid var(--hop-ComboBox-trigger-outline-color-focused);
5408
3850
  outline-offset: var(--hop-ComboBox-trigger-outline-offset);
5409
3851
  }
5410
- .ComboBox-module__hop-ComboBox__trigger___NwZME[data-disabled] {
3852
+ .ComboBox-module__hop-ComboBox__trigger___oCZ5q[data-disabled] {
5411
3853
  --trigger-background-color: var(--hop-ComboBox-trigger-background-color-disabled);
5412
3854
  --trigger-border-color: var(--hop-ComboBox-trigger-border-color-disabled);
5413
3855
  --trigger-color: var(--hop-ComboBox-trigger-color-disabled);
5414
3856
  --button-icon-color: var(--hop-ComboBox-button-icon-color-disabled);
5415
3857
  --trigger-cursor: var(--hop-ComboBox-trigger-cursor-disabled);
5416
3858
  }
5417
- .ComboBox-module__hop-ComboBox__input___Rh-rk {
3859
+ .ComboBox-module__hop-ComboBox__input___qQcZl {
5418
3860
  flex: 1 1 auto;
5419
3861
  min-inline-size: 0;
5420
3862
  font-family: var(--input-font-family);
@@ -5426,10 +3868,10 @@
5426
3868
  border: none;
5427
3869
  outline: none;
5428
3870
  }
5429
- .ComboBox-module__hop-ComboBox__input___Rh-rk::placeholder {
3871
+ .ComboBox-module__hop-ComboBox__input___qQcZl::placeholder {
5430
3872
  color: var(--hop-ComboBox-input-placeholder-color);
5431
3873
  }
5432
- .ComboBox-module__hop-ComboBox__button___WQxXn {
3874
+ .ComboBox-module__hop-ComboBox__button___wECrA {
5433
3875
  cursor: var(--trigger-cursor);
5434
3876
  display: flex;
5435
3877
  flex: 0 0 auto;
@@ -5439,15 +3881,15 @@
5439
3881
  border: none;
5440
3882
  outline: none;
5441
3883
  }
5442
- .ComboBox-module__hop-ComboBox__prefix___5euNs {
3884
+ .ComboBox-module__hop-ComboBox__prefix___2WB24 {
5443
3885
  align-self: center;
5444
3886
  color: var(--hop-ComboBox-prefix-color);
5445
3887
  }
5446
- .ComboBox-module__hop-ComboBox__button-icon___GPwgL {
3888
+ .ComboBox-module__hop-ComboBox__button-icon___YdUD5 {
5447
3889
  margin-inline-start: auto;
5448
3890
  color: var(--button-icon-color);
5449
3891
  }
5450
- .ComboBox-module__hop-ComboBox__helper-message___WY-dS,
5451
- .ComboBox-module__hop-ComboBox__error-message___5yvYd {
3892
+ .ComboBox-module__hop-ComboBox__helper-message___zWmJz,
3893
+ .ComboBox-module__hop-ComboBox__error-message___hKR-z {
5452
3894
  order: 3;
5453
3895
  }