@hopper-ui/components 1.0.6 → 1.0.8

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 (237) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/Avatar/src/AnonymousAvatar.css +10 -10
  3. package/dist/Avatar/src/AnonymousAvatar.js +3 -3
  4. package/dist/Avatar/src/Avatar.css +37 -37
  5. package/dist/Avatar/src/Avatar.js +5 -5
  6. package/dist/Avatar/src/AvatarContext.js +1 -1
  7. package/dist/Avatar/src/DeletedAvatar.css +10 -10
  8. package/dist/Avatar/src/DeletedAvatar.js +3 -3
  9. package/dist/Avatar/src/RichIconAvatarImage.css +10 -10
  10. package/dist/Avatar/src/RichIconAvatarImage.js +2 -2
  11. package/dist/Avatar/src/RichIconAvatarImageContext.js +1 -1
  12. package/dist/Avatar/src/index.css +37 -37
  13. package/dist/Avatar/src/index.js +7 -7
  14. package/dist/Avatar/src/useImageFallback.js +1 -1
  15. package/dist/Badge/src/Badge.css +10 -10
  16. package/dist/Badge/src/Badge.js +3 -3
  17. package/dist/Badge/src/BadgeContext.js +1 -1
  18. package/dist/Badge/src/index.css +10 -10
  19. package/dist/Badge/src/index.js +3 -3
  20. package/dist/Chip/src/Chip.css +33 -33
  21. package/dist/Chip/src/Chip.js +3 -3
  22. package/dist/Chip/src/ChipContext.js +1 -1
  23. package/dist/Chip/src/index.css +33 -33
  24. package/dist/Chip/src/index.js +3 -3
  25. package/dist/Divider/src/Divider.css +2 -2
  26. package/dist/Divider/src/Divider.js +2 -2
  27. package/dist/Divider/src/DividerContext.js +1 -1
  28. package/dist/Divider/src/index.css +2 -2
  29. package/dist/Divider/src/index.js +2 -2
  30. package/dist/ErrorMessage/src/ErrorMessage.css +11 -11
  31. package/dist/ErrorMessage/src/ErrorMessage.js +3 -3
  32. package/dist/ErrorMessage/src/ErrorMessageContext.js +1 -1
  33. package/dist/ErrorMessage/src/index.css +11 -11
  34. package/dist/ErrorMessage/src/index.js +3 -3
  35. package/dist/Header/src/Header.js +1 -1
  36. package/dist/Header/src/HeaderContext.js +1 -1
  37. package/dist/Header/src/index.js +1 -1
  38. package/dist/HelperMessage/src/HelperMessage.css +11 -11
  39. package/dist/HelperMessage/src/HelperMessage.js +3 -3
  40. package/dist/HelperMessage/src/HelperMessageContext.js +1 -1
  41. package/dist/HelperMessage/src/index.css +11 -11
  42. package/dist/HelperMessage/src/index.js +3 -3
  43. package/dist/HopperProvider/src/HopperProvider.js +1 -1
  44. package/dist/HopperProvider/src/index.js +1 -1
  45. package/dist/IconList/src/IconList.css +1 -1
  46. package/dist/IconList/src/IconList.js +2 -2
  47. package/dist/IconList/src/IconListContext.js +1 -1
  48. package/dist/IconList/src/index.css +1 -1
  49. package/dist/IconList/src/index.js +2 -2
  50. package/dist/Link/src/Link.css +31 -31
  51. package/dist/Link/src/Link.js +3 -3
  52. package/dist/Link/src/LinkContext.js +1 -1
  53. package/dist/Link/src/index.css +31 -31
  54. package/dist/Link/src/index.js +3 -3
  55. package/dist/ListBox/src/ListBox.css +175 -175
  56. package/dist/ListBox/src/ListBox.js +12 -12
  57. package/dist/ListBox/src/ListBoxContext.js +1 -1
  58. package/dist/ListBox/src/ListBoxItem.css +160 -160
  59. package/dist/ListBox/src/ListBoxItem.js +11 -11
  60. package/dist/ListBox/src/ListBoxItemContext.js +1 -1
  61. package/dist/ListBox/src/ListBoxItemSkeleton.css +7 -7
  62. package/dist/ListBox/src/ListBoxItemSkeleton.js +2 -2
  63. package/dist/ListBox/src/ListBoxItemSkeletonContext.js +1 -1
  64. package/dist/ListBox/src/index.css +175 -175
  65. package/dist/ListBox/src/index.js +12 -12
  66. package/dist/ListBox/src/useLoadOnScroll.js +1 -1
  67. package/dist/Section/src/Section.js +1 -1
  68. package/dist/Section/src/SectionContext.js +1 -1
  69. package/dist/Section/src/index.js +1 -1
  70. package/dist/Spinner/src/Spinner.css +19 -19
  71. package/dist/Spinner/src/Spinner.js +3 -3
  72. package/dist/Spinner/src/SpinnerContext.js +1 -1
  73. package/dist/Spinner/src/index.css +19 -19
  74. package/dist/Spinner/src/index.js +3 -3
  75. package/dist/buttons/src/Button.css +103 -103
  76. package/dist/buttons/src/Button.js +6 -6
  77. package/dist/buttons/src/ButtonContext.js +1 -1
  78. package/dist/buttons/src/ButtonGroup.css +11 -11
  79. package/dist/buttons/src/ButtonGroup.js +2 -2
  80. package/dist/buttons/src/ButtonGroupContext.js +1 -1
  81. package/dist/buttons/src/ClearButton.css +12 -12
  82. package/dist/buttons/src/ClearButton.js +4 -4
  83. package/dist/buttons/src/ClearButtonContext.js +1 -1
  84. package/dist/buttons/src/EmbeddedButton.css +12 -12
  85. package/dist/buttons/src/EmbeddedButton.js +2 -2
  86. package/dist/buttons/src/EmbeddedButtonContext.js +1 -1
  87. package/dist/buttons/src/index.css +126 -126
  88. package/dist/buttons/src/index.js +9 -9
  89. package/dist/checkbox/src/Checkbox.css +31 -31
  90. package/dist/checkbox/src/Checkbox.js +3 -3
  91. package/dist/checkbox/src/CheckboxContext.js +1 -1
  92. package/dist/checkbox/src/CheckboxField.css +15 -15
  93. package/dist/checkbox/src/CheckboxField.js +2 -2
  94. package/dist/checkbox/src/CheckboxFieldContext.js +1 -1
  95. package/dist/checkbox/src/CheckboxGroup.css +66 -66
  96. package/dist/checkbox/src/CheckboxGroup.js +4 -4
  97. package/dist/checkbox/src/CheckboxGroupContext.js +1 -1
  98. package/dist/checkbox/src/CheckboxList.js +1 -1
  99. package/dist/checkbox/src/CheckboxListContext.js +1 -1
  100. package/dist/checkbox/src/index.css +66 -66
  101. package/dist/checkbox/src/index.js +8 -8
  102. package/dist/{chunk-JUMJ6A3K.js → chunk-2O5GW4WZ.js} +1 -1
  103. package/dist/{chunk-BKC74M6Y.js → chunk-2PZTP7OD.js} +1 -1
  104. package/dist/{chunk-RG4JKE4N.js → chunk-375NGVSY.js} +1 -1
  105. package/dist/{chunk-SOSHKMNI.js → chunk-576NZEOZ.js} +2 -2
  106. package/dist/{chunk-E4WFKXW4.js → chunk-5YCINTI3.js} +4 -4
  107. package/dist/{chunk-J53HGLCT.js → chunk-6FJ6VT7L.js} +1 -1
  108. package/dist/{chunk-6QMIRVLY.js → chunk-7F63PQML.js} +1 -1
  109. package/dist/{chunk-E4ALW4MZ.js → chunk-B2NAEXNH.js} +9 -9
  110. package/dist/chunk-BHRRVORW.js +625 -0
  111. package/dist/{chunk-F2URSFJA.js → chunk-C5SNXNGO.js} +2 -2
  112. package/dist/{chunk-ITQK6JTD.js → chunk-DERV7IO4.js} +1 -1
  113. package/dist/{chunk-OHB5QR5P.js → chunk-FJYIXPAV.js} +2 -2
  114. package/dist/{chunk-RA7PM75O.js → chunk-FX7SCMAB.js} +5 -5
  115. package/dist/{chunk-XRC7XE6B.js → chunk-GEDAZSYP.js} +2 -2
  116. package/dist/{chunk-53FHDOG7.js → chunk-GVS7P3EP.js} +2 -2
  117. package/dist/{chunk-3LH2JHUO.js → chunk-HJGIOIZH.js} +3 -3
  118. package/dist/{chunk-4TXFHYHL.js → chunk-HK6NUAOU.js} +1 -1
  119. package/dist/{chunk-K4ZGI7DJ.js → chunk-IGDXWHDV.js} +1 -1
  120. package/dist/{chunk-QBCCF2C2.js → chunk-J3FFNHVC.js} +2 -2
  121. package/dist/{chunk-2P3A4VVY.js → chunk-JSBRDJBE.js} +1 -6
  122. package/dist/{chunk-MVRI6GLQ.js → chunk-JYS47NMI.js} +2 -2
  123. package/dist/{chunk-XGKPMLYD.js → chunk-KC5DWQN5.js} +4 -4
  124. package/dist/chunk-KUOVH2WS.js +57 -0
  125. package/dist/{chunk-P5CWOV3L.js → chunk-LAYIMWCS.js} +2 -2
  126. package/dist/{chunk-3A6TTZAA.js → chunk-LD4PHTV5.js} +1 -1
  127. package/dist/chunk-LJXTJRSB.js +1 -0
  128. package/dist/{chunk-HR25MLRP.js → chunk-LYGSWKBB.js} +1 -1
  129. package/dist/{chunk-2XUHTPCX.js → chunk-O3B5AAY5.js} +2 -2
  130. package/dist/{chunk-G242LPQE.js → chunk-PFQFQTAW.js} +2 -2
  131. package/dist/{chunk-V5GOY6TV.js → chunk-Q4P2MTYE.js} +1 -1
  132. package/dist/{chunk-37NW34QM.js → chunk-Q6XETWRV.js} +3 -3
  133. package/dist/chunk-QVK2N2AZ.js +119 -0
  134. package/dist/{chunk-MED2BIDV.js → chunk-RERJ4IWC.js} +1 -1
  135. package/dist/chunk-SVUAG4RI.js +156 -0
  136. package/dist/{chunk-RCX5B3S3.js → chunk-T3KA26BR.js} +1 -1
  137. package/dist/{chunk-4JAV3FIH.js → chunk-VILNMAVP.js} +2 -2
  138. package/dist/chunk-WWLAPWPS.js +118 -0
  139. package/dist/{chunk-JRDN364E.js → chunk-XGLY57N7.js} +2 -2
  140. package/dist/{chunk-ZOTVZM6F.js → chunk-YEYNRBMQ.js} +1 -1
  141. package/dist/{chunk-J33IFG4U.js → chunk-YORVWKUU.js} +1 -1
  142. package/dist/i18n/src/index.js +2 -2
  143. package/dist/i18n/src/useLocalizedString.js +2 -2
  144. package/dist/index.css +3297 -0
  145. package/dist/index.d.ts +113 -0
  146. package/dist/index.js +107 -0
  147. package/dist/inputs/src/InputGroup.css +12 -12
  148. package/dist/inputs/src/InputGroup.js +2 -2
  149. package/dist/inputs/src/InputGroupContext.js +1 -1
  150. package/dist/inputs/src/PasswordField.css +229 -2405
  151. package/dist/inputs/src/PasswordField.js +12 -91
  152. package/dist/inputs/src/PasswordFieldContext.js +1 -1
  153. package/dist/inputs/src/SearchField.css +235 -2390
  154. package/dist/inputs/src/SearchField.js +13 -90
  155. package/dist/inputs/src/SearchFieldContext.js +1 -1
  156. package/dist/inputs/src/TextField.css +230 -2402
  157. package/dist/inputs/src/TextField.js +14 -90
  158. package/dist/inputs/src/TextFieldContext.js +1 -1
  159. package/dist/inputs/src/index.css +219 -2302
  160. package/dist/inputs/src/index.js +17 -89
  161. package/dist/layout/src/Content.js +1 -1
  162. package/dist/layout/src/ContentContext.js +1 -1
  163. package/dist/layout/src/Flex.js +1 -1
  164. package/dist/layout/src/Footer.js +1 -1
  165. package/dist/layout/src/FooterContext.js +1 -1
  166. package/dist/layout/src/Grid.js +1 -1
  167. package/dist/layout/src/Inline.js +1 -1
  168. package/dist/layout/src/Stack.js +1 -1
  169. package/dist/layout/src/grid-helpers.js +1 -1
  170. package/dist/overlays/Popover/src/Popover.css +457 -457
  171. package/dist/overlays/Popover/src/Popover.js +54 -49
  172. package/dist/overlays/Popover/src/PopoverContext.js +1 -1
  173. package/dist/overlays/Popover/src/PopoverTrigger.js +1 -1
  174. package/dist/overlays/Popover/src/index.css +457 -457
  175. package/dist/overlays/Popover/src/index.js +54 -49
  176. package/dist/radio/src/Radio.css +31 -31
  177. package/dist/radio/src/Radio.js +3 -3
  178. package/dist/radio/src/RadioContext.js +1 -1
  179. package/dist/radio/src/RadioField.css +15 -15
  180. package/dist/radio/src/RadioField.js +2 -2
  181. package/dist/radio/src/RadioFieldContext.js +1 -1
  182. package/dist/radio/src/RadioGroup.css +66 -66
  183. package/dist/radio/src/RadioGroup.js +3 -3
  184. package/dist/radio/src/RadioGroupContext.js +1 -1
  185. package/dist/radio/src/RadioList.js +1 -1
  186. package/dist/radio/src/RadioListContext.js +1 -1
  187. package/dist/radio/src/index.css +66 -66
  188. package/dist/radio/src/index.js +6 -6
  189. package/dist/switch/src/Switch.css +25 -25
  190. package/dist/switch/src/Switch.js +3 -3
  191. package/dist/switch/src/SwitchContext.js +1 -1
  192. package/dist/switch/src/SwitchField.css +15 -15
  193. package/dist/switch/src/SwitchField.js +3 -3
  194. package/dist/switch/src/SwitchFieldContext.js +1 -1
  195. package/dist/switch/src/index.css +31 -31
  196. package/dist/switch/src/index.js +5 -5
  197. package/dist/tag/src/Tag.css +457 -457
  198. package/dist/tag/src/Tag.js +54 -49
  199. package/dist/tag/src/TagContext.js +1 -1
  200. package/dist/tag/src/TagGroup.css +28 -28
  201. package/dist/tag/src/TagGroup.js +4 -4
  202. package/dist/tag/src/TagGroupContext.js +1 -1
  203. package/dist/tag/src/TagList.js +1 -1
  204. package/dist/tag/src/TagListContext.js +1 -1
  205. package/dist/tag/src/index.css +457 -457
  206. package/dist/tag/src/index.js +54 -49
  207. package/dist/typography/Heading/src/Heading.css +9 -3222
  208. package/dist/typography/Heading/src/Heading.js +2 -100
  209. package/dist/typography/Heading/src/HeadingContext.js +1 -1
  210. package/dist/typography/Heading/src/index.css +9 -3222
  211. package/dist/typography/Heading/src/index.js +2 -100
  212. package/dist/typography/Label/src/Label.css +9 -9
  213. package/dist/typography/Label/src/Label.js +2 -2
  214. package/dist/typography/Label/src/LabelContext.js +1 -1
  215. package/dist/typography/Label/src/index.css +9 -9
  216. package/dist/typography/Label/src/index.js +2 -2
  217. package/dist/typography/OverlineText/src/OverlineText.css +6 -6
  218. package/dist/typography/OverlineText/src/OverlineText.js +2 -2
  219. package/dist/typography/OverlineText/src/OverlineTextContext.js +1 -1
  220. package/dist/typography/OverlineText/src/index.css +6 -6
  221. package/dist/typography/OverlineText/src/index.js +2 -2
  222. package/dist/typography/Text/src/Text.css +9 -9
  223. package/dist/typography/Text/src/Text.js +2 -2
  224. package/dist/typography/Text/src/TextContext.js +1 -1
  225. package/dist/typography/Text/src/index.css +9 -9
  226. package/dist/typography/Text/src/index.js +2 -2
  227. package/dist/utils/src/ClearSlots.js +1 -1
  228. package/dist/utils/src/SlotProvider.js +1 -1
  229. package/dist/utils/src/assertion.js +1 -1
  230. package/dist/utils/src/composeClassnameRenderProps.js +1 -1
  231. package/dist/utils/src/cssModule.js +1 -1
  232. package/dist/utils/src/index.js +1 -1
  233. package/dist/utils/src/isTextOnlyChildren.js +1 -1
  234. package/dist/utils/src/useRenderProps.js +1 -1
  235. package/dist/utils/src/useSlot.js +1 -1
  236. package/package.json +4 -2
  237. package/dist/chunk-BC5A7RHI.js +0 -1260
@@ -1,5 +1,5 @@
1
1
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
2
- .InputGroup-module__hop-InputGroup___8-hBh {
2
+ .InputGroup-module__hop-InputGroup___B8Wo4 {
3
3
  --hop-InputGroup-background: var(--hop-neutral-surface);
4
4
  --hop-InputGroup-border-color: var(--hop-neutral-border);
5
5
  --hop-InputGroup-border-width: 0.0625rem;
@@ -47,27 +47,27 @@
47
47
  border: var(--border);
48
48
  border-radius: var(--hop-InputGroup-border-radius);
49
49
  }
50
- .InputGroup-module__hop-InputGroup--fluid___IhxFv {
50
+ .InputGroup-module__hop-InputGroup--fluid___PjJcH {
51
51
  --inline-size: 100% ;
52
52
  }
53
- .InputGroup-module__hop-InputGroup--sm___xBYVZ {
53
+ .InputGroup-module__hop-InputGroup--sm___r6MYr {
54
54
  --block-size: var(--hop-InputGroup-sm-block-size);
55
55
  }
56
- .InputGroup-module__hop-InputGroup___8-hBh[data-hovered] {
56
+ .InputGroup-module__hop-InputGroup___B8Wo4[data-hovered] {
57
57
  --background: var(--hop-InputGroup-background-hover);
58
58
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
59
59
  }
60
- .InputGroup-module__hop-InputGroup___8-hBh[data-focus-within] {
60
+ .InputGroup-module__hop-InputGroup___B8Wo4[data-focus-within] {
61
61
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
62
62
  }
63
- .InputGroup-module__hop-InputGroup___8-hBh[data-invalid] {
63
+ .InputGroup-module__hop-InputGroup___B8Wo4[data-invalid] {
64
64
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
65
65
  }
66
- .InputGroup-module__hop-InputGroup___8-hBh[data-disabled] {
66
+ .InputGroup-module__hop-InputGroup___B8Wo4[data-disabled] {
67
67
  --background: var(--hop-InputGroup-background-disabled);
68
68
  --border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled) ;
69
69
  }
70
- .InputGroup-module__hop-InputGroup__input___8IwkG {
70
+ .InputGroup-module__hop-InputGroup__input___xcuNz {
71
71
  --input-font-family: var(--hop-InputGroup-input-md-font-family);
72
72
  --input-font-size: var(--hop-InputGroup-input-md-font-size);
73
73
  --input-font-weight: var(--hop-InputGroup-input-md-font-weight);
@@ -89,29 +89,29 @@
89
89
  border: none;
90
90
  outline: none;
91
91
  }
92
- .InputGroup-module__hop-InputGroup--fluid___IhxFv .InputGroup-module__hop-InputGroup__input___8IwkG {
92
+ .InputGroup-module__hop-InputGroup--fluid___PjJcH .InputGroup-module__hop-InputGroup__input___xcuNz {
93
93
  --input-inline-size: 100%;
94
94
  }
95
- .InputGroup-module__hop-InputGroup--sm___xBYVZ .InputGroup-module__hop-InputGroup__input___8IwkG {
95
+ .InputGroup-module__hop-InputGroup--sm___r6MYr .InputGroup-module__hop-InputGroup__input___xcuNz {
96
96
  --input-font-family: var(--hop-InputGroup-input-sm-font-family);
97
97
  --input-font-size: var(--hop-InputGroup-input-sm-font-size);
98
98
  --input-font-weight: var(--hop-InputGroup-input-sm-font-weight);
99
99
  --input-line-height: var(--hop-InputGroup-input-sm-line-height);
100
100
  --input-block-size: var(--hop-InputGroup-input-sm-block-size);
101
101
  }
102
- .InputGroup-module__hop-InputGroup__input___8IwkG::placeholder {
102
+ .InputGroup-module__hop-InputGroup__input___xcuNz::placeholder {
103
103
  font-family: var(--hop-InputGroup-placeholder-font-family);
104
104
  font-size: var(--hop-InputGroup-placeholder-font-size);
105
105
  font-weight: var(--hop-InputGroup-placeholder-font-weight);
106
106
  line-height: var(--hop-InputGroup-placeholder-line-height);
107
107
  color: var(--input-placeholder-color);
108
108
  }
109
- .InputGroup-module__hop-InputGroup__input___8IwkG[data-disabled]::placeholder {
109
+ .InputGroup-module__hop-InputGroup__input___xcuNz[data-disabled]::placeholder {
110
110
  --input-placeholder-color: var(--hop-InputGroup-placeholder-color-disabled);
111
111
  }
112
112
 
113
113
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
114
- .IconList-module__hop-IconList___dMC-1 {
114
+ .IconList-module__hop-IconList___WqX3l {
115
115
  --hop-IconList-gap: var(--hop-space-inline-xs);
116
116
  display: flex;
117
117
  flex-wrap: wrap;
@@ -120,7 +120,7 @@
120
120
  }
121
121
 
122
122
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
123
- .Label-module__hop-Label___mLBaa {
123
+ .Label-module__hop-Label___oItqW {
124
124
  --hop-Label-xs-font-size: var(--hop-body-xs-font-size);
125
125
  --hop-Label-xs-font-family: var(--hop-body-xs-font-family);
126
126
  --hop-Label-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -150,49 +150,49 @@
150
150
  --hop-Label-inherit-size-font-weight: inherit;
151
151
  --hop-Label-inherit-size-line-height: inherit;
152
152
  }
153
- :where(.Label-module__hop-Label___mLBaa) {
153
+ :where(.Label-module__hop-Label___oItqW) {
154
154
  font-family: var(--font-family);
155
155
  font-size: var(--font-size);
156
156
  font-weight: var(--font-weight);
157
157
  line-height: var(--line-height);
158
158
  }
159
- :where(.Label-module__hop-Label--xs___SooLf) {
159
+ :where(.Label-module__hop-Label--xs___OCQc9) {
160
160
  --font-size: var(--hop-Label-xs-font-size);
161
161
  --font-family: var(--hop-Label-xs-font-family);
162
162
  --font-weight: var(--hop-Label-xs-font-weight);
163
163
  --line-height: var(--hop-Label-xs-line-height);
164
164
  }
165
- :where(.Label-module__hop-Label--sm___0IFHf) {
165
+ :where(.Label-module__hop-Label--sm___-fhZc) {
166
166
  --font-size: var(--hop-Label-sm-font-size);
167
167
  --font-family: var(--hop-Label-sm-font-family);
168
168
  --font-weight: var(--hop-Label-sm-font-weight);
169
169
  --line-height: var(--hop-Label-sm-line-height);
170
170
  }
171
- :where(.Label-module__hop-Label--md___OwSmD) {
171
+ :where(.Label-module__hop-Label--md___OdAm4) {
172
172
  --font-size: var(--hop-Label-md-font-size);
173
173
  --font-family: var(--hop-Label-md-font-family);
174
174
  --font-weight: var(--hop-Label-md-font-weight);
175
175
  --line-height: var(--hop-Label-md-line-height);
176
176
  }
177
- :where(.Label-module__hop-Label--lg___NtQQ0) {
177
+ :where(.Label-module__hop-Label--lg___GbPeJ) {
178
178
  --font-size: var(--hop-Label-lg-font-size);
179
179
  --font-family: var(--hop-Label-lg-font-family);
180
180
  --font-weight: var(--hop-Label-lg-font-weight);
181
181
  --line-height: var(--hop-Label-lg-line-height);
182
182
  }
183
- :where(.Label-module__hop-Label--xl___-Hdm9) {
183
+ :where(.Label-module__hop-Label--xl___1wofe) {
184
184
  --font-size: var(--hop-Label-xl-font-size);
185
185
  --font-family: var(--hop-Label-xl-font-family);
186
186
  --font-weight: var(--hop-Label-xl-font-weight);
187
187
  --line-height: var(--hop-Label-xl-line-height);
188
188
  }
189
- :where(.Label-module__hop-Label--2xl___Ulb-V) {
189
+ :where(.Label-module__hop-Label--2xl___qv5gq) {
190
190
  --font-size: var(--hop-Label-2xl-font-size);
191
191
  --font-family: var(--hop-Label-2xl-font-family);
192
192
  --font-weight: var(--hop-Label-2xl-font-weight);
193
193
  --line-height: var(--hop-Label-2xl-line-height);
194
194
  }
195
- :where(.Label-module__hop-Label--inherit___K1Xcp) {
195
+ :where(.Label-module__hop-Label--inherit___zEydh) {
196
196
  --font-size: var(--hop-Label-inherit-size-font-size);
197
197
  --font-family: var(--hop-Label-inherit-size-font-family);
198
198
  --font-weight: var(--hop-Label-inherit-size-font-weight);
@@ -200,7 +200,7 @@
200
200
  }
201
201
 
202
202
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Spinner/src/Spinner.module.css/#css-module-data */
203
- @keyframes Spinner-module__spin___Z5UnU {
203
+ @keyframes Spinner-module__spin___Lpxyw {
204
204
  0% {
205
205
  transform: rotate(0deg);
206
206
  }
@@ -208,7 +208,7 @@
208
208
  transform: rotate(360deg);
209
209
  }
210
210
  }
211
- .Spinner-module__hop-Spinner___LbEMh {
211
+ .Spinner-module__hop-Spinner___DLvnO {
212
212
  --hop-Spinner-border-radius: var(--hop-shape-circle);
213
213
  --hop-Spinner-sm-wheel-size: 1rem;
214
214
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -216,7 +216,7 @@
216
216
  --hop-Spinner-track-width: 0.125rem;
217
217
  --hop-Spinner-track-opacity: 0.2;
218
218
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
219
- --hop-Spinner-fill-animation: Spinner-module__spin___Z5UnU .8s infinite linear;
219
+ --hop-Spinner-fill-animation: Spinner-module__spin___Lpxyw .8s infinite linear;
220
220
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
221
221
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
222
222
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -227,19 +227,19 @@
227
227
  align-items: center;
228
228
  box-sizing: border-box;
229
229
  }
230
- .Spinner-module__hop-Spinner--sm___peiQV {
230
+ .Spinner-module__hop-Spinner--sm___v97ZX {
231
231
  --width: var(--hop-Spinner-sm-wheel-size);
232
232
  --height: var(--hop-Spinner-sm-wheel-size);
233
233
  }
234
- .Spinner-module__hop-Spinner--md___8fE20 {
234
+ .Spinner-module__hop-Spinner--md___nGvSb {
235
235
  --width: var(--hop-Spinner-md-wheel-size);
236
236
  --height: var(--hop-Spinner-md-wheel-size);
237
237
  }
238
- .Spinner-module__hop-Spinner--lg___3UVCZ {
238
+ .Spinner-module__hop-Spinner--lg___aELVX {
239
239
  --width: var(--hop-Spinner-lg-wheel-size);
240
240
  --height: var(--hop-Spinner-lg-wheel-size);
241
241
  }
242
- .Spinner-module__hop-Spinner__track___tZuJb {
242
+ .Spinner-module__hop-Spinner__track___7tCR3 {
243
243
  grid-area: spinner;
244
244
  box-sizing: border-box;
245
245
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -248,7 +248,7 @@
248
248
  border: var(--hop-Spinner-track-border);
249
249
  border-radius: var(--hop-Spinner-border-radius);
250
250
  }
251
- .Spinner-module__hop-Spinner__fill___EVNJP {
251
+ .Spinner-module__hop-Spinner__fill___A7ygr {
252
252
  grid-area: spinner;
253
253
  box-sizing: border-box;
254
254
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -259,17 +259,17 @@
259
259
  animation: var(--hop-Spinner-fill-animation);
260
260
  }
261
261
  @media (prefers-reduced-motion: reduce) {
262
- .Spinner-module__hop-Spinner__fill___EVNJP {
262
+ .Spinner-module__hop-Spinner__fill___A7ygr {
263
263
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
264
264
  }
265
265
  }
266
- .Spinner-module__hop-Spinner__label___nM4Dw {
266
+ .Spinner-module__hop-Spinner__label___QzFiY {
267
267
  grid-area: label;
268
268
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
269
269
  }
270
270
 
271
271
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
272
- .Text-module__hop-Text___B7ZPi {
272
+ .Text-module__hop-Text___tIiCx {
273
273
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
274
274
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
275
275
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -299,49 +299,49 @@
299
299
  --hop-Text-inherit-size-font-weight: inherit;
300
300
  --hop-Text-inherit-size-line-height: inherit;
301
301
  }
302
- :where(.Text-module__hop-Text___B7ZPi) {
302
+ :where(.Text-module__hop-Text___tIiCx) {
303
303
  font-family: var(--font-family);
304
304
  font-size: var(--font-size);
305
305
  font-weight: var(--font-weight);
306
306
  line-height: var(--line-height);
307
307
  }
308
- :where(.Text-module__hop-Text--xs___2lyVp) {
308
+ :where(.Text-module__hop-Text--xs___rw7oZ) {
309
309
  --font-size: var(--hop-Text-xs-font-size);
310
310
  --font-family: var(--hop-Text-xs-font-family);
311
311
  --font-weight: var(--hop-Text-xs-font-weight);
312
312
  --line-height: var(--hop-Text-xs-line-height);
313
313
  }
314
- :where(.Text-module__hop-Text--sm___ZJw0q) {
314
+ :where(.Text-module__hop-Text--sm___egXsQ) {
315
315
  --font-size: var(--hop-Text-sm-font-size);
316
316
  --font-family: var(--hop-Text-sm-font-family);
317
317
  --font-weight: var(--hop-Text-sm-font-weight);
318
318
  --line-height: var(--hop-Text-sm-line-height);
319
319
  }
320
- :where(.Text-module__hop-Text--md___JVXXA) {
320
+ :where(.Text-module__hop-Text--md___x9B05) {
321
321
  --font-size: var(--hop-Text-md-font-size);
322
322
  --font-family: var(--hop-Text-md-font-family);
323
323
  --font-weight: var(--hop-Text-md-font-weight);
324
324
  --line-height: var(--hop-Text-md-line-height);
325
325
  }
326
- :where(.Text-module__hop-Text--lg___cL0LO) {
326
+ :where(.Text-module__hop-Text--lg___G-bAx) {
327
327
  --font-size: var(--hop-Text-lg-font-size);
328
328
  --font-family: var(--hop-Text-lg-font-family);
329
329
  --font-weight: var(--hop-Text-lg-font-weight);
330
330
  --line-height: var(--hop-Text-lg-line-height);
331
331
  }
332
- :where(.Text-module__hop-Text--xl___KLn7g) {
332
+ :where(.Text-module__hop-Text--xl___QHdr-) {
333
333
  --font-size: var(--hop-Text-xl-font-size);
334
334
  --font-family: var(--hop-Text-xl-font-family);
335
335
  --font-weight: var(--hop-Text-xl-font-weight);
336
336
  --line-height: var(--hop-Text-xl-line-height);
337
337
  }
338
- :where(.Text-module__hop-Text--2xl___gb6mt) {
338
+ :where(.Text-module__hop-Text--2xl___Y5asG) {
339
339
  --font-size: var(--hop-Text-2xl-font-size);
340
340
  --font-family: var(--hop-Text-2xl-font-family);
341
341
  --font-weight: var(--hop-Text-2xl-font-weight);
342
342
  --line-height: var(--hop-Text-2xl-line-height);
343
343
  }
344
- :where(.Text-module__hop-Text--inherit___-UFCW) {
344
+ :where(.Text-module__hop-Text--inherit___HTrly) {
345
345
  --font-size: var(--hop-Text-inherit-size-font-size);
346
346
  --font-family: var(--hop-Text-inherit-size-font-family);
347
347
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -349,7 +349,7 @@
349
349
  }
350
350
 
351
351
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
352
- .Button-module__hop-Button___6Jiki {
352
+ .Button-module__hop-Button___X3-0x {
353
353
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
354
354
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
355
355
  --hop-Button-icon-only-padding: 0;
@@ -508,317 +508,317 @@
508
508
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
509
509
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
510
510
  }
511
- .Button-module__hop-Button___6Jiki[data-focus-visible] {
511
+ .Button-module__hop-Button___X3-0x[data-focus-visible] {
512
512
  outline: 0.125rem solid var(--hop-Button-focus-ring-color);
513
513
  }
514
- .Button-module__hop-Button--icon-only___y4CMb {
514
+ .Button-module__hop-Button--icon-only___ozZIL {
515
515
  --padding-block: var(--hop-Button-icon-only-padding);
516
516
  --padding-inline: var(--hop-Button-icon-only-padding);
517
517
  column-gap: 0;
518
518
  aspect-ratio: 1;
519
519
  }
520
- .Button-module__hop-Button___6Jiki[data-disabled],
521
- .Button-module__hop-Button___6Jiki[data-loading] {
520
+ .Button-module__hop-Button___X3-0x[data-disabled],
521
+ .Button-module__hop-Button___X3-0x[data-loading] {
522
522
  cursor: not-allowed;
523
523
  }
524
- .Button-module__hop-Button--fluid___amZH5 {
524
+ .Button-module__hop-Button--fluid___QicVH {
525
525
  --inline-size: 100%;
526
526
  }
527
- .Button-module__hop-Button--sm___3GNbY {
527
+ .Button-module__hop-Button--sm___OqRJb {
528
528
  --block-size: var(--hop-Button-sm-height);
529
529
  }
530
- .Button-module__hop-Button--primary___7PQ3v.Button-module__hop-Button--sm___3GNbY:not(.Button-module__hop-Button--icon-only___y4CMb) {
530
+ .Button-module__hop-Button--primary___EfW8J.Button-module__hop-Button--sm___OqRJb:not(.Button-module__hop-Button--icon-only___ozZIL) {
531
531
  --padding-inline: var(--hop-Button-primary-sm-padding-x);
532
532
  --padding-block: var(--hop-Button-primary-sm-padding-y);
533
533
  }
534
- .Button-module__hop-Button--primary___7PQ3v.Button-module__hop-Button--md___jB89G:not(.Button-module__hop-Button--icon-only___y4CMb) {
534
+ .Button-module__hop-Button--primary___EfW8J.Button-module__hop-Button--md___rvwjX:not(.Button-module__hop-Button--icon-only___ozZIL) {
535
535
  --padding-inline: var(--hop-Button-primary-md-padding-x);
536
536
  --padding-block: var(--hop-Button-primary-md-padding-y);
537
537
  }
538
- .Button-module__hop-Button--secondary___M28Qu.Button-module__hop-Button--md___jB89G:not(.Button-module__hop-Button--icon-only___y4CMb) {
538
+ .Button-module__hop-Button--secondary___o0rOD.Button-module__hop-Button--md___rvwjX:not(.Button-module__hop-Button--icon-only___ozZIL) {
539
539
  --padding-inline: var(--hop-Button-secondary-md-padding-x);
540
540
  --padding-block: var(--hop-Button-secondary-md-padding-y);
541
541
  }
542
- .Button-module__hop-Button--secondary___M28Qu.Button-module__hop-Button--sm___3GNbY:not(.Button-module__hop-Button--icon-only___y4CMb) {
542
+ .Button-module__hop-Button--secondary___o0rOD.Button-module__hop-Button--sm___OqRJb:not(.Button-module__hop-Button--icon-only___ozZIL) {
543
543
  --padding-inline: var(--hop-Button-secondary-sm-padding-x);
544
544
  --padding-block: var(--hop-Button-secondary-sm-padding-y);
545
545
  }
546
- .Button-module__hop-Button--upsell___kpJX6.Button-module__hop-Button--md___jB89G:not(.Button-module__hop-Button--icon-only___y4CMb) {
546
+ .Button-module__hop-Button--upsell___qIXrb.Button-module__hop-Button--md___rvwjX:not(.Button-module__hop-Button--icon-only___ozZIL) {
547
547
  --padding-inline: var(--hop-Button-upsell-md-padding-x);
548
548
  --padding-block: var(--hop-Button-upsell-md-padding-y);
549
549
  }
550
- .Button-module__hop-Button--upsell___kpJX6.Button-module__hop-Button--sm___3GNbY:not(.Button-module__hop-Button--icon-only___y4CMb) {
550
+ .Button-module__hop-Button--upsell___qIXrb.Button-module__hop-Button--sm___OqRJb:not(.Button-module__hop-Button--icon-only___ozZIL) {
551
551
  --padding-inline: var(--hop-Button-upsell-sm-padding-x);
552
552
  --padding-block: var(--hop-Button-upsell-sm-padding-y);
553
553
  }
554
- .Button-module__hop-Button--danger___3zlGc.Button-module__hop-Button--md___jB89G:not(.Button-module__hop-Button--icon-only___y4CMb) {
554
+ .Button-module__hop-Button--danger___118vy.Button-module__hop-Button--md___rvwjX:not(.Button-module__hop-Button--icon-only___ozZIL) {
555
555
  --padding-inline: var(--hop-Button-danger-md-padding-x);
556
556
  --padding-block: var(--hop-Button-danger-md-padding-y);
557
557
  }
558
- .Button-module__hop-Button--danger___3zlGc.Button-module__hop-Button--sm___3GNbY:not(.Button-module__hop-Button--icon-only___y4CMb) {
558
+ .Button-module__hop-Button--danger___118vy.Button-module__hop-Button--sm___OqRJb:not(.Button-module__hop-Button--icon-only___ozZIL) {
559
559
  --padding-inline: var(--hop-Button-danger-sm-padding-x);
560
560
  --padding-block: var(--hop-Button-danger-sm-padding-y);
561
561
  }
562
- .Button-module__hop-Button--ghost-danger___Lm-JJ.Button-module__hop-Button--md___jB89G:not(.Button-module__hop-Button--icon-only___y4CMb) {
562
+ .Button-module__hop-Button--ghost-danger___4MlvW.Button-module__hop-Button--md___rvwjX:not(.Button-module__hop-Button--icon-only___ozZIL) {
563
563
  --padding-inline: var(--hop-Button-ghost-danger-md-padding-x);
564
564
  --padding-block: var(--hop-Button-ghost-danger-md-padding-y);
565
565
  }
566
- .Button-module__hop-Button--ghost-danger___Lm-JJ.Button-module__hop-Button--sm___3GNbY:not(.Button-module__hop-Button--icon-only___y4CMb) {
566
+ .Button-module__hop-Button--ghost-danger___4MlvW.Button-module__hop-Button--sm___OqRJb:not(.Button-module__hop-Button--icon-only___ozZIL) {
567
567
  --padding-inline: var(--hop-Button-ghost-danger-sm-padding-x);
568
568
  --padding-block: var(--hop-Button-ghost-danger-sm-padding-y);
569
569
  }
570
- .Button-module__hop-Button--ghost-secondary___5s8pM.Button-module__hop-Button--md___jB89G:not(.Button-module__hop-Button--icon-only___y4CMb) {
570
+ .Button-module__hop-Button--ghost-secondary___GWQ-G.Button-module__hop-Button--md___rvwjX:not(.Button-module__hop-Button--icon-only___ozZIL) {
571
571
  --padding-inline: var(--hop-Button-ghost-secondary-md-padding-x);
572
572
  --padding-block: var(--hop-Button-ghost-secondary-md-padding-y);
573
573
  }
574
- .Button-module__hop-Button--ghost-secondary___5s8pM.Button-module__hop-Button--sm___3GNbY:not(.Button-module__hop-Button--icon-only___y4CMb) {
574
+ .Button-module__hop-Button--ghost-secondary___GWQ-G.Button-module__hop-Button--sm___OqRJb:not(.Button-module__hop-Button--icon-only___ozZIL) {
575
575
  --padding-inline: var(--hop-Button-ghost-secondary-sm-padding-x);
576
576
  --padding-block: var(--hop-Button-ghost-secondary-sm-padding-y);
577
577
  }
578
- .Button-module__hop-Button--ghost-primary___exZqP.Button-module__hop-Button--md___jB89G:not(.Button-module__hop-Button--icon-only___y4CMb) {
578
+ .Button-module__hop-Button--ghost-primary___NEFPi.Button-module__hop-Button--md___rvwjX:not(.Button-module__hop-Button--icon-only___ozZIL) {
579
579
  --padding-inline: var(--hop-Button-ghost-primary-md-padding-x);
580
580
  --padding-block: var(--hop-Button-ghost-primary-md-padding-y);
581
581
  }
582
- .Button-module__hop-Button--ghost-primary___exZqP.Button-module__hop-Button--sm___3GNbY:not(.Button-module__hop-Button--icon-only___y4CMb) {
582
+ .Button-module__hop-Button--ghost-primary___NEFPi.Button-module__hop-Button--sm___OqRJb:not(.Button-module__hop-Button--icon-only___ozZIL) {
583
583
  --padding-inline: var(--hop-Button-ghost-primary-sm-padding-x);
584
584
  --padding-block: var(--hop-Button-ghost-primary-sm-padding-y);
585
585
  }
586
- .Button-module__hop-Button--primary___7PQ3v {
586
+ .Button-module__hop-Button--primary___EfW8J {
587
587
  --background-color: var(--hop-Button-primary-background-color);
588
588
  --color: var(--hop-Button-primary-color);
589
589
  --border: var(--hop-Button-primary-border);
590
590
  --spinner-color: var(--hop-Button-primary-spinner-color);
591
591
  }
592
- .Button-module__hop-Button--primary___7PQ3v[data-disabled]:not([data-loading]) {
592
+ .Button-module__hop-Button--primary___EfW8J[data-disabled]:not([data-loading]) {
593
593
  --background-color: var(--hop-Button-primary-background-color-disabled);
594
594
  --color: var(--hop-Button-primary-color-disabled);
595
595
  --border: var(--hop-Button-primary-border-disabled);
596
596
  }
597
- .Button-module__hop-Button--primary___7PQ3v[data-hovered]:not([data-disabled], [data-loading]),
598
- .Button-module__hop-Button--primary___7PQ3v[data-focus-visible]:not([data-disabled], [data-loading]) {
597
+ .Button-module__hop-Button--primary___EfW8J[data-hovered]:not([data-disabled], [data-loading]),
598
+ .Button-module__hop-Button--primary___EfW8J[data-focus-visible]:not([data-disabled], [data-loading]) {
599
599
  --background-color: var(--hop-Button-primary-background-color-hover);
600
600
  --color: var(--hop-Button-primary-color-hover);
601
601
  --border: var(--hop-Button-primary-border-hover);
602
602
  }
603
- .Button-module__hop-Button--primary___7PQ3v[data-pressed]:not([data-loading]) {
603
+ .Button-module__hop-Button--primary___EfW8J[data-pressed]:not([data-loading]) {
604
604
  --background-color: var(--hop-Button-primary-background-color-pressed);
605
605
  --color: var(--hop-Button-primary-color-pressed);
606
606
  --border: var(--hop-Button-primary-border-pressed);
607
607
  }
608
- .Button-module__hop-Button--secondary___M28Qu {
608
+ .Button-module__hop-Button--secondary___o0rOD {
609
609
  --background-color: var(--hop-Button-secondary-background-color);
610
610
  --color: var(--hop-Button-secondary-color);
611
611
  --border: var(--hop-Button-secondary-border);
612
612
  --spinner-color: var(--hop-Button-secondary-spinner-color);
613
613
  }
614
- .Button-module__hop-Button--secondary___M28Qu[data-disabled]:not([data-loading]) {
614
+ .Button-module__hop-Button--secondary___o0rOD[data-disabled]:not([data-loading]) {
615
615
  --background-color: var(--hop-Button-secondary-background-color-disabled);
616
616
  --color: var(--hop-Button-secondary-color-disabled);
617
617
  --border: var(--hop-Button-secondary-border-disabled);
618
618
  }
619
- .Button-module__hop-Button--secondary___M28Qu[data-hovered]:not([data-disabled], [data-loading]),
620
- .Button-module__hop-Button--secondary___M28Qu[data-focus-visible]:not([data-disabled], [data-loading]) {
619
+ .Button-module__hop-Button--secondary___o0rOD[data-hovered]:not([data-disabled], [data-loading]),
620
+ .Button-module__hop-Button--secondary___o0rOD[data-focus-visible]:not([data-disabled], [data-loading]) {
621
621
  --background-color: var(--hop-Button-secondary-background-color-hover);
622
622
  --color: var(--hop-Button-secondary-color-hover);
623
623
  --border: var(--hop-Button-secondary-border-hover);
624
624
  }
625
- .Button-module__hop-Button--secondary___M28Qu[data-pressed]:not([data-loading]) {
625
+ .Button-module__hop-Button--secondary___o0rOD[data-pressed]:not([data-loading]) {
626
626
  --background-color: var(--hop-Button-secondary-background-color-pressed);
627
627
  --color: var(--hop-Button-secondary-color-pressed);
628
628
  --border: var(--hop-Button-secondary-border-pressed);
629
629
  }
630
- .Button-module__hop-Button--upsell___kpJX6 {
630
+ .Button-module__hop-Button--upsell___qIXrb {
631
631
  --background-color: var(--hop-Button-upsell-background-color);
632
632
  --color: var(--hop-Button-upsell-color);
633
633
  --border: var(--hop-Button-upsell-border);
634
634
  --spinner-color: var(--hop-Button-upsell-spinner-color);
635
635
  }
636
- .Button-module__hop-Button--upsell___kpJX6[data-disabled]:not([data-loading]) {
636
+ .Button-module__hop-Button--upsell___qIXrb[data-disabled]:not([data-loading]) {
637
637
  --background-color: var(--hop-Button-upsell-background-color-disabled);
638
638
  --color: var(--hop-Button-upsell-color-disabled);
639
639
  --border: var(--hop-Button-upsell-border-disabled);
640
640
  }
641
- .Button-module__hop-Button--upsell___kpJX6[data-hovered]:not([data-disabled], [data-loading]),
642
- .Button-module__hop-Button--upsell___kpJX6[data-focus-visible]:not([data-disabled], [data-loading]) {
641
+ .Button-module__hop-Button--upsell___qIXrb[data-hovered]:not([data-disabled], [data-loading]),
642
+ .Button-module__hop-Button--upsell___qIXrb[data-focus-visible]:not([data-disabled], [data-loading]) {
643
643
  --background-color: var(--hop-Button-upsell-background-color-hover);
644
644
  --color: var(--hop-Button-upsell-color-hover);
645
645
  --border: var(--hop-Button-upsell-border-hover);
646
646
  }
647
- .Button-module__hop-Button--upsell___kpJX6[data-pressed]:not([data-loading]) {
647
+ .Button-module__hop-Button--upsell___qIXrb[data-pressed]:not([data-loading]) {
648
648
  --background-color: var(--hop-Button-upsell-background-color-pressed);
649
649
  --color: var(--hop-Button-upsell-color-pressed);
650
650
  --border: var(--hop-Button-upsell-border-pressed);
651
651
  }
652
- .Button-module__hop-Button--danger___3zlGc {
652
+ .Button-module__hop-Button--danger___118vy {
653
653
  --background-color: var(--hop-Button-danger-background-color);
654
654
  --color: var(--hop-Button-danger-color);
655
655
  --border: var(--hop-Button-danger-border);
656
656
  --spinner-color: var(--hop-Button-danger-spinner-color);
657
657
  }
658
- .Button-module__hop-Button--danger___3zlGc[data-disabled]:not([data-loading]) {
658
+ .Button-module__hop-Button--danger___118vy[data-disabled]:not([data-loading]) {
659
659
  --background-color: var(--hop-Button-danger-background-color-disabled);
660
660
  --color: var(--hop-Button-danger-color-disabled);
661
661
  --border: var(--hop-Button-danger-border-disabled);
662
662
  }
663
- .Button-module__hop-Button--danger___3zlGc[data-hovered]:not([data-disabled], [data-loading]),
664
- .Button-module__hop-Button--danger___3zlGc[data-focus-visible]:not([data-disabled], [data-loading]) {
663
+ .Button-module__hop-Button--danger___118vy[data-hovered]:not([data-disabled], [data-loading]),
664
+ .Button-module__hop-Button--danger___118vy[data-focus-visible]:not([data-disabled], [data-loading]) {
665
665
  --background-color: var(--hop-Button-danger-background-color-hover);
666
666
  --color: var(--hop-Button-danger-color-hover);
667
667
  --border: var(--hop-Button-danger-border-hover);
668
668
  }
669
- .Button-module__hop-Button--danger___3zlGc[data-pressed]:not([data-loading]) {
669
+ .Button-module__hop-Button--danger___118vy[data-pressed]:not([data-loading]) {
670
670
  --background-color: var(--hop-Button-danger-background-color-pressed);
671
671
  --color: var(--hop-Button-danger-color-pressed);
672
672
  --border: var(--hop-Button-danger-border-pressed);
673
673
  }
674
- .Button-module__hop-Button--ghost-primary___exZqP {
674
+ .Button-module__hop-Button--ghost-primary___NEFPi {
675
675
  --background-color: var(--hop-Button-ghost-primary-background-color);
676
676
  --color: var(--hop-Button-ghost-primary-color);
677
677
  --border: var(--hop-Button-ghost-primary-border);
678
678
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
679
679
  }
680
- .Button-module__hop-Button--ghost-primary___exZqP[data-disabled]:not([data-loading]) {
680
+ .Button-module__hop-Button--ghost-primary___NEFPi[data-disabled]:not([data-loading]) {
681
681
  --background-color: var(--hop-Button-ghost-primary-background-color-disabled);
682
682
  --color: var(--hop-Button-ghost-primary-color-disabled);
683
683
  --border: var(--hop-Button-ghost-primary-border-disabled);
684
684
  }
685
- .Button-module__hop-Button--ghost-primary___exZqP[data-hovered]:not([data-disabled], [data-loading]),
686
- .Button-module__hop-Button--ghost-primary___exZqP[data-focus-visible]:not([data-disabled], [data-loading]) {
685
+ .Button-module__hop-Button--ghost-primary___NEFPi[data-hovered]:not([data-disabled], [data-loading]),
686
+ .Button-module__hop-Button--ghost-primary___NEFPi[data-focus-visible]:not([data-disabled], [data-loading]) {
687
687
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
688
688
  --color: var(--hop-Button-ghost-primary-color-hover);
689
689
  --border: var(--hop-Button-ghost-primary-border-hover);
690
690
  }
691
- .Button-module__hop-Button--ghost-primary___exZqP[data-pressed]:not([data-loading]) {
691
+ .Button-module__hop-Button--ghost-primary___NEFPi[data-pressed]:not([data-loading]) {
692
692
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
693
693
  --color: var(--hop-Button-ghost-primary-color-pressed);
694
694
  --border: var(--hop-Button-ghost-primary-border-pressed);
695
695
  }
696
- .Button-module__hop-Button--ghost-secondary___5s8pM {
696
+ .Button-module__hop-Button--ghost-secondary___GWQ-G {
697
697
  --background-color: var(--hop-Button-ghost-secondary-background-color);
698
698
  --color: var(--hop-Button-ghost-secondary-color);
699
699
  --border: var(--hop-Button-ghost-secondary-border);
700
700
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
701
701
  }
702
- .Button-module__hop-Button--ghost-secondary___5s8pM[data-disabled]:not([data-loading]) {
702
+ .Button-module__hop-Button--ghost-secondary___GWQ-G[data-disabled]:not([data-loading]) {
703
703
  --background-color: var(--hop-Button-ghost-secondary-background-color-disabled);
704
704
  --color: var(--hop-Button-ghost-secondary-color-disabled);
705
705
  --border: var(--hop-Button-ghost-secondary-border-disabled);
706
706
  }
707
- .Button-module__hop-Button--ghost-secondary___5s8pM[data-hovered]:not([data-disabled], [data-loading]),
708
- .Button-module__hop-Button--ghost-secondary___5s8pM[data-focus-visible]:not([data-disabled], [data-loading]) {
707
+ .Button-module__hop-Button--ghost-secondary___GWQ-G[data-hovered]:not([data-disabled], [data-loading]),
708
+ .Button-module__hop-Button--ghost-secondary___GWQ-G[data-focus-visible]:not([data-disabled], [data-loading]) {
709
709
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
710
710
  --color: var(--hop-Button-ghost-secondary-color-hover);
711
711
  --border: var(--hop-Button-ghost-secondary-border-hover);
712
712
  }
713
- .Button-module__hop-Button--ghost-secondary___5s8pM[data-pressed]:not([data-loading]) {
713
+ .Button-module__hop-Button--ghost-secondary___GWQ-G[data-pressed]:not([data-loading]) {
714
714
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
715
715
  --color: var(--hop-Button-ghost-secondary-color-pressed);
716
716
  --border: var(--hop-Button-ghost-secondary-border-pressed);
717
717
  }
718
- .Button-module__hop-Button--ghost-danger___Lm-JJ {
718
+ .Button-module__hop-Button--ghost-danger___4MlvW {
719
719
  --background-color: var(--hop-Button-ghost-danger-background-color);
720
720
  --color: var(--hop-Button-ghost-danger-color);
721
721
  --border: var(--hop-Button-ghost-danger-border);
722
722
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
723
723
  }
724
- .Button-module__hop-Button--ghost-danger___Lm-JJ[data-disabled]:not([data-loading]) {
724
+ .Button-module__hop-Button--ghost-danger___4MlvW[data-disabled]:not([data-loading]) {
725
725
  --background-color: var(--hop-Button-ghost-danger-background-color-disabled);
726
726
  --color: var(--hop-Button-ghost-danger-color-disabled);
727
727
  --border: var(--hop-Button-ghost-danger-border-disabled);
728
728
  }
729
- .Button-module__hop-Button--ghost-danger___Lm-JJ[data-hovered]:not([data-disabled], [data-loading]),
730
- .Button-module__hop-Button--ghost-danger___Lm-JJ[data-focus-visible]:not([data-disabled], [data-loading]) {
729
+ .Button-module__hop-Button--ghost-danger___4MlvW[data-hovered]:not([data-disabled], [data-loading]),
730
+ .Button-module__hop-Button--ghost-danger___4MlvW[data-focus-visible]:not([data-disabled], [data-loading]) {
731
731
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
732
732
  --color: var(--hop-Button-ghost-danger-color-hover);
733
733
  --border: var(--hop-Button-ghost-danger-border-hover);
734
734
  }
735
- .Button-module__hop-Button--ghost-danger___Lm-JJ[data-pressed]:not([data-loading]) {
735
+ .Button-module__hop-Button--ghost-danger___4MlvW[data-pressed]:not([data-loading]) {
736
736
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
737
737
  --color: var(--hop-Button-ghost-danger-color-pressed);
738
738
  --border: var(--hop-Button-ghost-danger-border-pressed);
739
739
  }
740
- .Button-module__hop-Button__Spinner___4F-DD {
740
+ .Button-module__hop-Button__Spinner___RJv8A {
741
741
  position: absolute;
742
742
  justify-self: center;
743
743
  color: var(--spinner-color);
744
744
  }
745
- .Button-module__hop-Button__icon___2A2PD,
746
- .Button-module__hop-Button__icon-list___Zttas {
745
+ .Button-module__hop-Button__icon___IacjS,
746
+ .Button-module__hop-Button__icon-list___7QJ0M {
747
747
  grid-area: start-icon;
748
748
  justify-self: end;
749
749
  }
750
- .Button-module__hop-Button__text___Wa9pk {
750
+ .Button-module__hop-Button__text___hPZot {
751
751
  user-select: none;
752
752
  overflow: visible;
753
753
  grid-area: content;
754
754
  font-weight: var(--hop-font-weight-505);
755
755
  text-wrap: nowrap;
756
756
  }
757
- .Button-module__hop-Button--ghost-primary___exZqP[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___Wa9pk,
758
- .Button-module__hop-Button--ghost-secondary___5s8pM[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___Wa9pk,
759
- .Button-module__hop-Button--ghost-danger___Lm-JJ[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___Wa9pk,
760
- .Button-module__hop-Button--ghost-primary___exZqP[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___Wa9pk,
761
- .Button-module__hop-Button--ghost-secondary___5s8pM[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___Wa9pk,
762
- .Button-module__hop-Button--ghost-danger___Lm-JJ[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___Wa9pk,
763
- .Button-module__hop-Button--ghost-primary___exZqP[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___Wa9pk,
764
- .Button-module__hop-Button--ghost-secondary___5s8pM[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___Wa9pk,
765
- .Button-module__hop-Button--ghost-danger___Lm-JJ[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___Wa9pk {
757
+ .Button-module__hop-Button--ghost-primary___NEFPi[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___hPZot,
758
+ .Button-module__hop-Button--ghost-secondary___GWQ-G[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___hPZot,
759
+ .Button-module__hop-Button--ghost-danger___4MlvW[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___hPZot,
760
+ .Button-module__hop-Button--ghost-primary___NEFPi[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___hPZot,
761
+ .Button-module__hop-Button--ghost-secondary___GWQ-G[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___hPZot,
762
+ .Button-module__hop-Button--ghost-danger___4MlvW[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___hPZot,
763
+ .Button-module__hop-Button--ghost-primary___NEFPi[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___hPZot,
764
+ .Button-module__hop-Button--ghost-secondary___GWQ-G[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___hPZot,
765
+ .Button-module__hop-Button--ghost-danger___4MlvW[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___hPZot {
766
766
  text-decoration: underline;
767
767
  text-underline-offset: 0.125rem;
768
768
  }
769
- .Button-module__hop-Button__end-icon___471ZI,
770
- .Button-module__hop-Button__end-icon-list___WAbW6 {
769
+ .Button-module__hop-Button__end-icon___o1toW,
770
+ .Button-module__hop-Button__end-icon-list___VtgFC {
771
771
  grid-area: end-icon;
772
772
  }
773
- .Button-module__hop-Button___6Jiki .Button-module__hop-Button__icon-list___Zttas,
774
- .Button-module__hop-Button___6Jiki .Button-module__hop-Button__end-icon-list___WAbW6 {
773
+ .Button-module__hop-Button___X3-0x .Button-module__hop-Button__icon-list___7QJ0M,
774
+ .Button-module__hop-Button___X3-0x .Button-module__hop-Button__end-icon-list___VtgFC {
775
775
  flex-wrap: nowrap;
776
776
  }
777
- .Button-module__hop-Button___6Jiki[data-loading] > *:not(.Button-module__hop-Button__Spinner___4F-DD) {
777
+ .Button-module__hop-Button___X3-0x[data-loading] > *:not(.Button-module__hop-Button__Spinner___RJv8A) {
778
778
  opacity: 0;
779
779
  }
780
780
 
781
781
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
782
- .ButtonGroup-module__hop-ButtonGroup___WMOza {
782
+ .ButtonGroup-module__hop-ButtonGroup___T2rBH {
783
783
  display: inline-flex;
784
784
  flex-wrap: nowrap;
785
785
  gap: var(--hop-space-inline-md);
786
786
  }
787
- .ButtonGroup-module__hop-ButtonGroup--horizontal___Ifbuz {
787
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___cRn0h {
788
788
  justify-content: center;
789
789
  }
790
- .ButtonGroup-module__hop-ButtonGroup--vertical___FV4jP {
790
+ .ButtonGroup-module__hop-ButtonGroup--vertical___Vp1nj {
791
791
  flex-direction: column;
792
792
  gap: var(--hop-space-stack-md);
793
793
  align-items: center;
794
794
  }
795
- .ButtonGroup-module__hop-ButtonGroup--start___SCa6l.ButtonGroup-module__hop-ButtonGroup--vertical___FV4jP {
795
+ .ButtonGroup-module__hop-ButtonGroup--start___lYISP.ButtonGroup-module__hop-ButtonGroup--vertical___Vp1nj {
796
796
  align-items: flex-start;
797
797
  }
798
- .ButtonGroup-module__hop-ButtonGroup--center___09ey-.ButtonGroup-module__hop-ButtonGroup--vertical___FV4jP {
798
+ .ButtonGroup-module__hop-ButtonGroup--center___Cq9Tw.ButtonGroup-module__hop-ButtonGroup--vertical___Vp1nj {
799
799
  align-items: center;
800
800
  }
801
- .ButtonGroup-module__hop-ButtonGroup--end___SudBa.ButtonGroup-module__hop-ButtonGroup--vertical___FV4jP {
801
+ .ButtonGroup-module__hop-ButtonGroup--end___x49qz.ButtonGroup-module__hop-ButtonGroup--vertical___Vp1nj {
802
802
  align-items: flex-end;
803
803
  }
804
- .ButtonGroup-module__hop-ButtonGroup--start___SCa6l.ButtonGroup-module__hop-ButtonGroup--horizontal___Ifbuz {
804
+ .ButtonGroup-module__hop-ButtonGroup--start___lYISP.ButtonGroup-module__hop-ButtonGroup--horizontal___cRn0h {
805
805
  justify-content: flex-start;
806
806
  }
807
- .ButtonGroup-module__hop-ButtonGroup--center___09ey-.ButtonGroup-module__hop-ButtonGroup--horizontal___Ifbuz {
807
+ .ButtonGroup-module__hop-ButtonGroup--center___Cq9Tw.ButtonGroup-module__hop-ButtonGroup--horizontal___cRn0h {
808
808
  justify-content: center;
809
809
  }
810
- .ButtonGroup-module__hop-ButtonGroup--end___SudBa.ButtonGroup-module__hop-ButtonGroup--horizontal___Ifbuz {
810
+ .ButtonGroup-module__hop-ButtonGroup--end___x49qz.ButtonGroup-module__hop-ButtonGroup--horizontal___cRn0h {
811
811
  justify-content: flex-end;
812
812
  }
813
- .ButtonGroup-module__hop-ButtonGroup--wrap___O3fzZ {
813
+ .ButtonGroup-module__hop-ButtonGroup--wrap___k82r5 {
814
814
  flex-wrap: wrap;
815
815
  }
816
- .ButtonGroup-module__hop-ButtonGroup--fluid___70I5p {
816
+ .ButtonGroup-module__hop-ButtonGroup--fluid___ycJSJ {
817
817
  inline-size: 100%;
818
818
  }
819
819
 
820
820
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
821
- .EmbeddedButton-module__hop-EmbeddedButton___-vxw3 {
821
+ .EmbeddedButton-module__hop-EmbeddedButton___JJDxk {
822
822
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
823
823
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
824
824
  --hop-EmbeddedButton-color: var(--hop-neutral-icon-weak);
@@ -867,7 +867,7 @@
867
867
  outline: none;
868
868
  transition: color var(--transition);
869
869
  }
870
- .EmbeddedButton-module__hop-EmbeddedButton___-vxw3::before {
870
+ .EmbeddedButton-module__hop-EmbeddedButton___JJDxk::before {
871
871
  content: "";
872
872
  position: absolute;
873
873
  inset-block-start: 50%;
@@ -880,48 +880,48 @@
880
880
  border-radius: var(--effect-border-radius);
881
881
  transition: background-color var(--transition);
882
882
  }
883
- .EmbeddedButton-module__hop-EmbeddedButton--md___-R-Cb {
883
+ .EmbeddedButton-module__hop-EmbeddedButton--md___9bzMg {
884
884
  --inline-size: var(--hop-EmbeddedButton-md-width);
885
885
  --block-size: var(--hop-EmbeddedButton-md-height);
886
886
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
887
887
  }
888
- .EmbeddedButton-module__hop-EmbeddedButton--lg___RoLAu {
888
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___VQwhE {
889
889
  --inline-size: var(--hop-EmbeddedButton-lg-width);
890
890
  --block-size: var(--hop-EmbeddedButton-lg-height);
891
891
  --focus-ring-offset: 0;
892
892
  }
893
- .EmbeddedButton-module__hop-EmbeddedButton--md___-R-Cb::before {
893
+ .EmbeddedButton-module__hop-EmbeddedButton--md___9bzMg::before {
894
894
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
895
895
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
896
896
  }
897
- .EmbeddedButton-module__hop-EmbeddedButton--lg___RoLAu::before {
897
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___VQwhE::before {
898
898
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
899
899
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
900
900
  }
901
- .EmbeddedButton-module__hop-EmbeddedButton___-vxw3[data-focus-visible] {
901
+ .EmbeddedButton-module__hop-EmbeddedButton___JJDxk[data-focus-visible] {
902
902
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
903
903
  outline-offset: var(--focus-ring-offset);
904
904
  }
905
- .EmbeddedButton-module__hop-EmbeddedButton___-vxw3[data-disabled] {
905
+ .EmbeddedButton-module__hop-EmbeddedButton___JJDxk[data-disabled] {
906
906
  --effect-background-color: var(--hop-EmbeddedButton-effect-background-color-disabled);
907
907
  --color: var(--hop-EmbeddedButton-color-disabled);
908
908
  cursor: not-allowed;
909
909
  }
910
- .EmbeddedButton-module__hop-EmbeddedButton___-vxw3[data-hovered]:not([data-disabled], [data-pressed]),
911
- .EmbeddedButton-module__hop-EmbeddedButton___-vxw3[data-focus-visible]:not([data-disabled], [data-pressed]) {
910
+ .EmbeddedButton-module__hop-EmbeddedButton___JJDxk[data-hovered]:not([data-disabled], [data-pressed]),
911
+ .EmbeddedButton-module__hop-EmbeddedButton___JJDxk[data-focus-visible]:not([data-disabled], [data-pressed]) {
912
912
  --effect-background-color: var(--hop-EmbeddedButton-effect-background-color-hover);
913
913
  --color: var(--hop-EmbeddedButton-color-hover);
914
914
  }
915
- .EmbeddedButton-module__hop-EmbeddedButton___-vxw3[data-pressed]:not([data-disabled]) {
915
+ .EmbeddedButton-module__hop-EmbeddedButton___JJDxk[data-pressed]:not([data-disabled]) {
916
916
  --effect-background-color: var(--hop-EmbeddedButton-effect-background-color-pressed);
917
917
  --color: var(--hop-EmbeddedButton-color-pressed);
918
918
  }
919
- .EmbeddedButton-module__hop-EmbeddedButton__icon___JHGDE {
919
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___aC6E8 {
920
920
  position: relative;
921
921
  }
922
922
 
923
923
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
924
- .ErrorMessage-module__hop-ErrorMessage___SA3fD {
924
+ .ErrorMessage-module__hop-ErrorMessage___yC5xH {
925
925
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
926
926
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
927
927
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -938,13 +938,13 @@
938
938
  line-height: var(--hop-ErrorMessage-line-height);
939
939
  color: var(--hop-ErrorMessage-color);
940
940
  }
941
- .ErrorMessage-module__hop-ErrorMessage__icon___cB2Bk {
941
+ .ErrorMessage-module__hop-ErrorMessage__icon___8C4pS {
942
942
  flex: 0 0 auto;
943
943
  align-self: flex-start;
944
944
  }
945
945
 
946
946
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
947
- .HelperMessage-module__hop-HelperMessage___msUnY {
947
+ .HelperMessage-module__hop-HelperMessage___m-yIS {
948
948
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
949
949
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
950
950
  display: flex;
@@ -953,2139 +953,13 @@
953
953
  box-sizing: border-box;
954
954
  color: var(--hop-HelperMessage-color);
955
955
  }
956
- .HelperMessage-module__hop-HelperMessage__icon___-GUWj {
956
+ .HelperMessage-module__hop-HelperMessage__icon___CaMfM {
957
957
  flex: 0 0 auto;
958
958
  align-self: flex-start;
959
959
  }
960
960
 
961
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
962
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___R2v-y {
963
- --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
964
- --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
965
- --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
966
- --hop-RichIconAvatarImage-xs-size: 1rem;
967
- --hop-RichIconAvatarImage-icon-xs-size: 1rem;
968
- --hop-RichIconAvatarImage-sm-size: 1.5rem;
969
- --hop-RichIconAvatarImage-icon-sm-size: 1.5rem;
970
- --hop-RichIconAvatarImage-md-size: 2rem;
971
- --hop-RichIconAvatarImage-icon-md-size: 2rem;
972
- --hop-RichIconAvatarImage-lg-size: 3rem;
973
- --hop-RichIconAvatarImage-icon-lg-size: 3rem;
974
- --hop-RichIconAvatarImage-xl-size: 4rem;
975
- --hop-RichIconAvatarImage-icon-xl-size: 4rem;
976
- --hop-RichIconAvatarImage-2xl-size: 6rem;
977
- --hop-RichIconAvatarImage-icon-2xl-size: 4rem;
978
- --hop-RichIconAvatarImage-background-color-disabled: var(--hop-neutral-surface-disabled);
979
- --hop-RichIconAvatarImage-icon-color-disabled: var(--hop-neutral-icon-disabled);
980
- --background-color: var(--hop-RichIconAvatarImage-background-color);
981
- user-select: none;
982
- position: relative;
983
- overflow: hidden;
984
- display: flex;
985
- align-items: center;
986
- justify-content: center;
987
- inline-size: var(--size, var(--hop-RichIconAvatarImage-md-size));
988
- block-size: var(--size, var(--hop-RichIconAvatarImage-md-size));
989
- color: var(--hop-RichIconAvatarImage-icon-color);
990
- background-color: var(--background-color);
991
- border-radius: var(--hop-RichIconAvatarImage-border-radius);
992
- }
993
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___r7PMb {
994
- --size: var(--hop-RichIconAvatarImage-xs-size);
995
- --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
996
- }
997
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___nZFlr {
998
- --size: var(--hop-RichIconAvatarImage-sm-size);
999
- --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
1000
- }
1001
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___mkcIx {
1002
- --size: var(--hop-RichIconAvatarImage-md-size);
1003
- --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
1004
- }
1005
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___TifOU {
1006
- --size: var(--hop-RichIconAvatarImage-lg-size);
1007
- --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
1008
- }
1009
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___xs3Zv {
1010
- --size: var(--hop-RichIconAvatarImage-xl-size);
1011
- --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
1012
- }
1013
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___l0TTX {
1014
- --size: var(--hop-RichIconAvatarImage-2xl-size);
1015
- --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
1016
- }
1017
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___R2v-y[data-disabled] {
1018
- --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
1019
- }
1020
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___6FWkl {
1021
- position: relative;
1022
- display: block;
1023
- inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
1024
- block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
1025
- }
1026
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___R2v-y[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___6FWkl {
1027
- --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
1028
- --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
1029
- }
1030
-
1031
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/Avatar.module.css/#css-module-data */
1032
- .Avatar-module__hop-Avatar___8RZO3 {
1033
- --hop-Avatar-border-radius: var(--hop-shape-circle);
1034
- --hop-Avatar-mix-blend-mode: normal;
1035
- --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
1036
- --hop-Avatar-decorative-2-background-color: var(--hop-decorative-option2-surface-strong);
1037
- --hop-Avatar-decorative-3-background-color: var(--hop-decorative-option3-surface-strong);
1038
- --hop-Avatar-decorative-4-background-color: var(--hop-decorative-option4-surface-strong);
1039
- --hop-Avatar-decorative-5-background-color: var(--hop-decorative-option5-surface-strong);
1040
- --hop-Avatar-decorative-6-background-color: var(--hop-decorative-option6-surface-strong);
1041
- --hop-Avatar-decorative-7-background-color: var(--hop-decorative-option7-surface-strong);
1042
- --hop-Avatar-decorative-8-background-color: var(--hop-decorative-option8-surface-strong);
1043
- --hop-Avatar-decorative-9-background-color: var(--hop-decorative-option9-surface-strong);
1044
- --hop-Avatar-decorative-1-text-color: var(--hop-decorative-option1-text);
1045
- --hop-Avatar-decorative-2-text-color: var(--hop-decorative-option2-text);
1046
- --hop-Avatar-decorative-3-text-color: var(--hop-decorative-option3-text);
1047
- --hop-Avatar-decorative-4-text-color: var(--hop-decorative-option4-text);
1048
- --hop-Avatar-decorative-5-text-color: var(--hop-decorative-option5-text);
1049
- --hop-Avatar-decorative-6-text-color: var(--hop-decorative-option6-text);
1050
- --hop-Avatar-decorative-7-text-color: var(--hop-decorative-option7-text);
1051
- --hop-Avatar-decorative-8-text-color: var(--hop-decorative-option8-text);
1052
- --hop-Avatar-decorative-9-text-color: var(--hop-decorative-option9-text);
1053
- --hop-Avatar-xs-size: 1rem;
1054
- --hop-Avatar-sm-size: 1.5rem;
1055
- --hop-Avatar-md-size: 2rem;
1056
- --hop-Avatar-lg-size: 3rem;
1057
- --hop-Avatar-xl-size: 4rem;
1058
- --hop-Avatar-2xl-size: 6rem;
1059
- --hop-Avatar-background-color-disabled: var(--hop-neutral-surface-disabled);
1060
- --hop-Avatar-text-color-disabled: var(--hop-neutral-text-disabled);
1061
- --hop-Avatar-mix-blend-mode-disabled: luminosity;
1062
- --mix-blend-mode: var(--hop-Avatar-mix-blend-mode);
1063
- user-select: none;
1064
- position: relative;
1065
- overflow: hidden;
1066
- display: flex;
1067
- flex: 0 0 auto;
1068
- align-items: center;
1069
- justify-content: center;
1070
- box-sizing: border-box;
1071
- inline-size: var(--size, var(--hop-Avatar-md-size));
1072
- block-size: var(--size, var(--hop-Avatar-md-size));
1073
- color: var(--text-color, var(--hop-neutral-text));
1074
- background-color: var(--background-color, transparent);
1075
- border-radius: var(--hop-Avatar-border-radius);
1076
- }
1077
- .Avatar-module__hop-Avatar--xs___ynFuF {
1078
- --size: var(--hop-Avatar-xs-size);
1079
- }
1080
- .Avatar-module__hop-Avatar--sm___3oY2t {
1081
- --size: var(--hop-Avatar-sm-size);
1082
- }
1083
- .Avatar-module__hop-Avatar--md___6Gv9Q {
1084
- --size: var(--hop-Avatar-md-size);
1085
- }
1086
- .Avatar-module__hop-Avatar--lg___S6Ehu {
1087
- --size: var(--hop-Avatar-lg-size);
1088
- }
1089
- .Avatar-module__hop-Avatar--xl___1CYyi {
1090
- --size: var(--hop-Avatar-xl-size);
1091
- }
1092
- .Avatar-module__hop-Avatar--2xl___u7E0y {
1093
- --size: var(--hop-Avatar-2xl-size);
1094
- }
1095
- .Avatar-module__hop-Avatar--decorative-option1___ULBn2 {
1096
- --background-color: var(--hop-Avatar-decorative-1-background-color);
1097
- --text-color: var(--hop-Avatar-decorative-1-text-color);
1098
- }
1099
- .Avatar-module__hop-Avatar--decorative-option2___J4qwW {
1100
- --background-color: var(--hop-Avatar-decorative-2-background-color);
1101
- --text-color: var(--hop-Avatar-decorative-2-text-color);
1102
- }
1103
- .Avatar-module__hop-Avatar--decorative-option3___yKw7L {
1104
- --background-color: var(--hop-Avatar-decorative-3-background-color);
1105
- --text-color: var(--hop-Avatar-decorative-3-text-color);
1106
- }
1107
- .Avatar-module__hop-Avatar--decorative-option4___KS3Oe {
1108
- --background-color: var(--hop-Avatar-decorative-4-background-color);
1109
- --text-color: var(--hop-Avatar-decorative-4-text-color);
1110
- }
1111
- .Avatar-module__hop-Avatar--decorative-option5___lTcxY {
1112
- --background-color: var(--hop-Avatar-decorative-5-background-color);
1113
- --text-color: var(--hop-Avatar-decorative-5-text-color);
1114
- }
1115
- .Avatar-module__hop-Avatar--decorative-option6___vuJcI {
1116
- --background-color: var(--hop-Avatar-decorative-6-background-color);
1117
- --text-color: var(--hop-Avatar-decorative-6-text-color);
1118
- }
1119
- .Avatar-module__hop-Avatar--decorative-option7___SBK4z {
1120
- --background-color: var(--hop-Avatar-decorative-7-background-color);
1121
- --text-color: var(--hop-Avatar-decorative-7-text-color);
1122
- }
1123
- .Avatar-module__hop-Avatar--decorative-option8___smE79 {
1124
- --background-color: var(--hop-Avatar-decorative-8-background-color);
1125
- --text-color: var(--hop-Avatar-decorative-8-text-color);
1126
- }
1127
- .Avatar-module__hop-Avatar--decorative-option9___vvtuE {
1128
- --background-color: var(--hop-Avatar-decorative-9-background-color);
1129
- --text-color: var(--hop-Avatar-decorative-9-text-color);
1130
- }
1131
- .Avatar-module__hop-Avatar___8RZO3[data-disabled] {
1132
- --background-color: var(--hop-Avatar-background-color-disabled);
1133
- --text-color: var(--hop-Avatar-text-color-disabled);
1134
- --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
1135
- isolation: isolate;
1136
- }
1137
- .Avatar-module__hop-Avatar__image___M4hSZ {
1138
- position: relative;
1139
- display: block;
1140
- box-sizing: border-box;
1141
- inline-size: 100%;
1142
- block-size: 100%;
1143
- object-fit: cover;
1144
- mix-blend-mode: var(--mix-blend-mode);
1145
- }
1146
-
1147
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
1148
- :where(.OverlineText-module__hop-OverlineText___a5x6R) {
1149
- --hop-OverlineText-font-family: var(--hop-overline-font-family);
1150
- --hop-OverlineText-font-size: var(--hop-overline-font-size);
1151
- --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
1152
- --hop-OverlineText-letter-spacing: 0.015rem;
1153
- --hop-OverlineText-line-height: var(--hop-overline-line-height);
1154
- --hop-OverlineText-top-offset: var(--hop-overline-top-offset);
1155
- --hop-OverlineText-bottom-offset: var(--hop-overline-bottom-offset);
1156
- --font-family: var(--hop-OverlineText-font-family);
1157
- --font-size: var(--hop-OverlineText-font-size);
1158
- --font-weight: var(--hop-OverlineText-font-weight);
1159
- --letter-spacing: var(--hop-OverlineText-letter-spacing);
1160
- --line-height: var(--hop-OverlineText-line-height);
1161
- --top-offset: var(--hop-OverlineText-top-offset);
1162
- --bottom-offset: var(--hop-OverlineText-bottom-offset);
1163
- box-sizing: border-box;
1164
- font-family: var(--font-family);
1165
- font-size: var(--font-size);
1166
- font-feature-settings: "case";
1167
- font-weight: var(--font-weight);
1168
- line-height: var(--line-height);
1169
- text-transform: uppercase;
1170
- letter-spacing: var(--letter-spacing);
1171
- }
1172
- .OverlineText-module__hop-OverlineText__text___TV62d {
1173
- box-sizing: border-box;
1174
- }
1175
- .OverlineText-module__hop-OverlineText__text___TV62d::before,
1176
- .OverlineText-module__hop-OverlineText__text___TV62d::after {
1177
- content: "";
1178
- display: block;
1179
- box-sizing: border-box;
1180
- inline-size: 0;
1181
- block-size: 0;
1182
- }
1183
- .OverlineText-module__hop-OverlineText__text___TV62d::before {
1184
- margin-block-end: var(--bottom-offset);
1185
- }
1186
- .OverlineText-module__hop-OverlineText__text___TV62d::after {
1187
- margin-block-start: var(--top-offset);
1188
- }
1189
-
1190
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
1191
- .Badge-module__hop-Badge___vobuo {
1192
- --hop-Badge-height: 1.5rem;
1193
- --hop-Badge-padding-inline: var(--hop-space-inset-sm);
1194
- --hop-Badge-border-radius: var(--hop-shape-pill);
1195
- --hop-Badge-primary-text-color: var(--hop-primary-text-strong);
1196
- --hop-Badge-primary-background-color: var(--hop-primary-surface-strong);
1197
- --hop-Badge-secondary-text-color: var(--hop-neutral-text);
1198
- --hop-Badge-secondary-background-color: var(--hop-neutral-surface-weak);
1199
- --hop-Badge-text-color-disabled: var(--hop-neutral-text-disabled);
1200
- --hop-Badge-background-color-disabled: var(--hop-neutral-surface-disabled);
1201
- --height: var(--hop-Badge-height);
1202
- --padding-inline: var(--hop-Badge-padding-inline);
1203
- --border-radius: var(--hop-Badge-border-radius);
1204
- display: inline-flex;
1205
- align-items: center;
1206
- justify-content: center;
1207
- box-sizing: border-box;
1208
- inline-size: max-content;
1209
- block-size: var(--height);
1210
- padding-inline: var(--padding-inline);
1211
- color: var(--text-color, var(--hop-Badge-primary-text-color));
1212
- background-color: var(--background-color, var(--hop-Badge-primary-background-color));
1213
- border-radius: var(--border-radius);
1214
- }
1215
- .Badge-module__hop-Badge--primary___qDeOA {
1216
- --background-color: var(--hop-Badge-primary-background-color);
1217
- --text-color: var(--hop-Badge-primary-text-color);
1218
- }
1219
- .Badge-module__hop-Badge--secondary___jTHaT {
1220
- --background-color: var(--hop-Badge-secondary-background-color);
1221
- --text-color: var(--hop-Badge-secondary-text-color);
1222
- }
1223
- .Badge-module__hop-Badge___vobuo[data-disabled] {
1224
- --background-color: var(--hop-Badge-background-color-disabled);
1225
- --text-color: var(--hop-Badge-text-color-disabled);
1226
- }
1227
-
1228
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
1229
- .Checkbox-module__hop-Checkbox___kkfkh {
1230
- --hop-Checkbox-box-border-size: 0.0625rem;
1231
- --hop-Checkbox-box-border-color: var(--hop-neutral-border);
1232
- --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
1233
- --hop-Checkbox-box-outline-size: 0.125rem;
1234
- --hop-Checkbox-box-outline-color: var(--hop-primary-border-focus);
1235
- --hop-Checkbox-check-color: var(--hop-neutral-icon-selected);
1236
- --hop-Checkbox-check-display: none;
1237
- --hop-Checkbox-text-color: var(--hop-neutral-text);
1238
- --hop-Checkbox-icon-color: var(--hop-neutral-icon);
1239
- --hop-Checkbox-box-border-color-hovered: var(--hop-neutral-border-hover);
1240
- --hop-Checkbox-box-background-color-hovered: var(--hop-neutral-surface-hover);
1241
- --hop-Checkbox-text-color-hovered: var(--hop-neutral-text-hover);
1242
- --hop-Checkbox-icon-color-hovered: var(--hop-neutral-icon-hover);
1243
- --hop-Checkbox-box-border-color-pressed: var(--hop-neutral-border-press);
1244
- --hop-Checkbox-box-background-color-pressed: var(--hop-neutral-surface-press);
1245
- --hop-Checkbox-text-color-pressed: var(--hop-neutral-text-press);
1246
- --hop-Checkbox-icon-color-pressed: var(--hop-neutral-icon-press);
1247
- --hop-Checkbox-box-border-color-selected: var(--hop-neutral-border-selected);
1248
- --hop-Checkbox-box-background-color-selected: var(--hop-neutral-surface-selected);
1249
- --hop-Checkbox-check-display-selected: block;
1250
- --hop-Checkbox-text-color-selected: var(--hop-neutral-text);
1251
- --hop-Checkbox-icon-color-selected: var(--hop-neutral-icon);
1252
- --hop-Checkbox-box-border-color-disabled: var(--hop-neutral-border-disabled);
1253
- --hop-Checkbox-box-background-color-disabled: var(--hop-neutral-surface-disabled);
1254
- --hop-Checkbox-check-color-disabled: var(--hop-neutral-icon-disabled);
1255
- --hop-Checkbox-text-color-disabled: var(--hop-neutral-text-disabled);
1256
- --hop-Checkbox-icon-color-disabled: var(--hop-neutral-icon-disabled);
1257
- --hop-Checkbox-box-border-color-focused: var(--hop-neutral-border-hover);
1258
- --hop-Checkbox-box-background-color-focused: var(--hop-neutral-surface-hover);
1259
- --hop-Checkbox-text-color-focused: var(--hop-neutral-text-hover);
1260
- --hop-Checkbox-icon-color-focused: var(--hop-neutral-icon-hover);
1261
- --hop-Checkbox-box-border-color-invalid: var(--hop-danger-border-strong);
1262
- --hop-Checkbox-box-background-color-invalid: var(--hop-neutral-surface);
1263
- --hop-Checkbox-box-border-color-hovered-invalid: var(--hop-danger-border-strong);
1264
- --hop-Checkbox-box-background-color-hovered-invalid: var(--hop-danger-surface-weak-hover);
1265
- --hop-Checkbox-box-border-color-pressed-invalid: var(--hop-danger-border-press);
1266
- --hop-Checkbox-box-background-color-pressed-invalid: var(--hop-danger-surface-weak-press);
1267
- --hop-Checkbox-box-border-color-focused-invalid: var(--hop-danger-border-press);
1268
- --hop-Checkbox-box-background-color-focused-invalid: var(--hop-danger-surface);
1269
- --hop-Checkbox-box-border-color-selected-invalid: var(--hop-danger-border-strong);
1270
- --hop-Checkbox-box-background-color-selected-invalid: var(--hop-danger-surface-strong);
1271
- --hop-Checkbox-check-color-invalid: var(--hop-danger-icon-strong);
1272
- --hop-Checkbox-text-color-invalid: var(--hop-danger-text-weak);
1273
- --hop-Checkbox-text-color-hovered-invalid: var(--hop-danger-text-weak-hover);
1274
- --hop-Checkbox-text-color-pressed-invalid: var(--hop-danger-text-weak-press);
1275
- --hop-Checkbox-icon-color-invalid: var(--hop-danger-icon-weak);
1276
- --hop-Checkbox-icon-color-hovered-invalid: var(--hop-danger-icon-weak-hover);
1277
- --hop-Checkbox-icon-color-pressed-invalid: var(--hop-danger-icon-weak-press);
1278
- --hop-Checkbox-box-sm-block-size: 1rem;
1279
- --hop-Checkbox-box-sm-inline-size: 1rem;
1280
- --hop-Checkbox-text-sm-top-offset: calc((var(--box-inline-size) - (var(--hop-body-sm-line-height) * var(--hop-body-sm-font-size))) / 2);
1281
- --hop-Checkbox-text-sm-margin-inline-start: calc(var(--hop-space-inline-sm) - var(--hop-space-inline-xs));
1282
- --hop-Checkbox-box-md-block-size: 1.5rem;
1283
- --hop-Checkbox-box-md-inline-size: 1.5rem;
1284
- --hop-Checkbox-text-md-top-offset: calc((var(--box-inline-size) - (var(--hop-body-md-line-height) * var(--hop-body-md-font-size))) / 2);
1285
- --hop-Checkbox-text-md-margin-inline-start: calc(var(--hop-space-inline-md) - var(--hop-space-inline-xs));
1286
- --box-background-color: var(--hop-Checkbox-box-background-color);
1287
- --box-border-color: var(--hop-Checkbox-box-border-color);
1288
- --box-border-radius: var(--hop-shape-rounded-sm);
1289
- --check-color: var(--hop-Checkbox-check-color);
1290
- --check-display: var(--hop-Checkbox-check-display);
1291
- --cursor: pointer;
1292
- --text-color: var(--hop-Checkbox-text-color);
1293
- --icon-color: var(--hop-Checkbox-icon-color);
1294
- --description-color: var(--hop-Checkbox-description-color);
1295
- --transition-duration: var(--hop-easing-duration-2);
1296
- cursor: var(--cursor);
1297
- display: flex;
1298
- column-gap: var(--hop-space-inline-xs);
1299
- align-items: flex-start;
1300
- justify-content: flex-start;
1301
- box-sizing: border-box;
1302
- inline-size: max-content;
1303
- max-inline-size: 100%;
1304
- }
1305
- .Checkbox-module__hop-Checkbox___kkfkh[data-focus-visible],
1306
- .Checkbox-module__hop-Checkbox--focused___TlPED {
1307
- --box-background-color: var(--hop-Checkbox-box-background-color-focused);
1308
- --box-border-color: var(--hop-Checkbox-box-border-color-focused);
1309
- --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
1310
- --text-color: var(--hop-Checkbox-text-color-focused);
1311
- --icon-color: var(--hop-Checkbox-icon-color-focused);
1312
- --description-color: var(--hop-Checkbox-description-color-focus);
1313
- }
1314
- .Checkbox-module__hop-Checkbox___kkfkh[data-hovered],
1315
- .Checkbox-module__hop-Checkbox--hovered___RChm- {
1316
- --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
1317
- --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
1318
- --text-color: var(--hop-Checkbox-text-color-hovered);
1319
- --icon-color: var(--hop-Checkbox-icon-color-hovered);
1320
- --description-color: var(--hop-Checkbox-description-color-hover);
1321
- }
1322
- .Checkbox-module__hop-Checkbox___kkfkh[data-pressed],
1323
- .Checkbox-module__hop-Checkbox--pressed___rF14S {
1324
- --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
1325
- --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
1326
- --text-color: var(--hop-Checkbox-text-color-pressed);
1327
- --icon-color: var(--hop-Checkbox-icon-color-pressed);
1328
- }
1329
- .Checkbox-module__hop-Checkbox___kkfkh[data-selected] {
1330
- --box-background-color: var(--hop-Checkbox-box-background-color-selected);
1331
- --box-border-color: var(--hop-Checkbox-box-border-color-selected);
1332
- --check-display: var(--hop-Checkbox-check-display-selected);
1333
- --text-color: var(--hop-Checkbox-text-color-selected);
1334
- --icon-color: var(--hop-Checkbox-icon-color-selected);
1335
- --description-color: var(--hop-Checkbox-description-color-checked);
1336
- }
1337
- .Checkbox-module__hop-Checkbox___kkfkh[data-invalid] {
1338
- --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
1339
- --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
1340
- --check-color: var(--hop-Checkbox-check-color-invalid);
1341
- --text-color: var(--hop-Checkbox-text-color-invalid);
1342
- --icon-color: var(--hop-Checkbox-icon-color-invalid);
1343
- --description-color: var(--hop-Checkbox-description-color-invalid);
1344
- }
1345
- .Checkbox-module__hop-Checkbox___kkfkh[data-invalid]:where([data-focus-visible], .Checkbox-module__hop-Checkbox--focused___TlPED) {
1346
- --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
1347
- --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
1348
- }
1349
- .Checkbox-module__hop-Checkbox___kkfkh[data-invalid]:where([data-hovered], .Checkbox-module__hop-Checkbox--hovered___RChm-) {
1350
- --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
1351
- --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
1352
- --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
1353
- --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
1354
- }
1355
- .Checkbox-module__hop-Checkbox___kkfkh[data-invalid]:where([data-pressed], .Checkbox-module__hop-Checkbox--pressed___rF14S) {
1356
- --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
1357
- --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
1358
- --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
1359
- --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
1360
- }
1361
- .Checkbox-module__hop-Checkbox___kkfkh:where([data-invalid])[data-selected] {
1362
- --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
1363
- --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
1364
- }
1365
- .Checkbox-module__hop-Checkbox___kkfkh[data-disabled] {
1366
- --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
1367
- --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
1368
- --check-color: var(--hop-Checkbox-check-color-disabled);
1369
- --cursor: not-allowed;
1370
- --text-color: var(--hop-Checkbox-text-color-disabled);
1371
- --icon-color: var(--hop-Checkbox-icon-color-disabled);
1372
- --description-color: var(--hop-Checkbox-description-color-disabled);
1373
- }
1374
- .Checkbox-module__hop-Checkbox--sm___meRzS {
1375
- --box-block-size: var(--hop-Checkbox-box-sm-block-size);
1376
- --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
1377
- --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
1378
- --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
1379
- }
1380
- .Checkbox-module__hop-Checkbox--md___FP707 {
1381
- --box-block-size: var(--hop-Checkbox-box-md-block-size);
1382
- --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
1383
- --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
1384
- --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
1385
- }
1386
- .Checkbox-module__hop-Checkbox__icon___riT8C,
1387
- .Checkbox-module__hop-Checkbox__icon-list___qqh1A {
1388
- flex: 0 0 auto;
1389
- order: 3;
1390
- color: var(--icon-color);
1391
- }
1392
- .Checkbox-module__hop-Checkbox__box___0yaup {
1393
- display: flex;
1394
- flex: 0 0 auto;
1395
- align-items: center;
1396
- justify-content: center;
1397
- order: 1;
1398
- box-sizing: border-box;
1399
- inline-size: var(--box-inline-size, var(--hop-Checkbox-box-md-inline-size));
1400
- block-size: var(--box-block-size, var(--hop-Checkbox-box-md-block-size));
1401
- background-color: var(--box-background-color);
1402
- border: var(--hop-Checkbox-box-border-size) solid var(--box-border-color);
1403
- border-radius: var(--box-border-radius);
1404
- outline: var(--box-outline, none);
1405
- outline-offset: 0.125rem;
1406
- transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1407
- }
1408
- .Checkbox-module__hop-Checkbox__check___QslyE {
1409
- display: var(--check-display);
1410
- color: var(--check-color);
1411
- }
1412
- .Checkbox-module__hop-Checkbox__text___dS-ci {
1413
- flex: 0 1 auto;
1414
- order: 2;
1415
- min-inline-size: 0;
1416
- margin-block-start: var(--text-top-offset, var(--hop-Checkbox-text-md-top-offset));
1417
- margin-inline-start: var(--text-margin-inline-start, var(--hop-Checkbox-text-md-margin-inline-start));
1418
- color: var(--text-color);
1419
- }
1420
-
1421
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
1422
- .CheckboxField-module__hop-CheckboxField___sv7hL {
1423
- --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
1424
- --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
1425
- --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
1426
- --hop-CheckboxField-checkbox-sm-inline-size: 1rem;
1427
- --hop-CheckboxField-description-sm-margin-inline-start: calc(var(--hop-CheckboxField-checkbox-sm-inline-size) + var(--hop-space-inline-sm));
1428
- --hop-CheckboxField-md-row-gap: var(--hop-space-stack-xs);
1429
- --hop-CheckboxField-checkbox-md-inline-size: 1.5rem;
1430
- --hop-CheckboxField-description-md-margin-inline-start: calc(var(--hop-CheckboxField-checkbox-md-inline-size) + var(--hop-space-inline-md));
1431
- --description-color: var(--hop-CheckboxField-description-color);
1432
- display: flex;
1433
- flex-direction: column;
1434
- row-gap: var(--row-gap, var(--hop-space-stack-sm));
1435
- align-items: flex-start;
1436
- justify-content: flex-start;
1437
- box-sizing: border-box;
1438
- inline-size: max-content;
1439
- max-inline-size: 100%;
1440
- }
1441
- .CheckboxField-module__hop-CheckboxField___sv7hL[data-disabled] {
1442
- --description-color: var(--hop-CheckboxField-description-color-disabled);
1443
- }
1444
- .CheckboxField-module__hop-CheckboxField--sm___Kkdsk {
1445
- --row-gap: var(--hop-CheckboxField-sm-row-gap);
1446
- --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
1447
- }
1448
- .CheckboxField-module__hop-CheckboxField--md___2zUca {
1449
- --row-gap: var(--hop-CheckboxField-md-row-gap);
1450
- --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
1451
- }
1452
- .CheckboxField-module__hop-CheckboxField__description___0-Wfs {
1453
- order: 2;
1454
- margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
1455
- color: var(--description-color);
1456
- }
1457
- .CheckboxField-module__hop-CheckboxField__checkbox___ziF8w {
1458
- order: 1;
1459
- }
1460
-
1461
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
1462
- .CheckboxGroup-module__hop-CheckboxGroup___J0v3l {
1463
- --hop-CheckboxGroup-align-items: flex-start;
1464
- --hop-CheckboxGroup-justify-content: flex-start;
1465
- --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
1466
- --hop-CheckboxGroup-sm-column-gap: var(--hop-space-inline-sm);
1467
- --hop-CheckboxGroup-sm-row-gap: var(--hop-space-stack-sm);
1468
- --hop-CheckboxGroup-list-sm-column-gap: var(--hop-space-inline-sm);
1469
- --hop-CheckboxGroup-list-sm-row-gap: var(--hop-space-stack-sm);
1470
- --hop-CheckboxGroup-bordered-sm-padding: var(--hop-space-inset-sm);
1471
- --hop-CheckboxGroup-bordered-sm-column-gap: var(--hop-space-inline-sm);
1472
- --hop-CheckboxGroup-bordered-sm-row-gap: var(--hop-space-stack-sm);
1473
- --hop-CheckboxGroup-list-bordered-sm-column-gap: 0;
1474
- --hop-CheckboxGroup-list-bordered-sm-row-gap: 0;
1475
- --hop-CheckboxGroup-md-column-gap: var(--hop-space-inline-md);
1476
- --hop-CheckboxGroup-md-row-gap: var(--hop-space-stack-md);
1477
- --hop-CheckboxGroup-list-md-column-gap: var(--hop-space-inline-md);
1478
- --hop-CheckboxGroup-list-md-row-gap: var(--hop-space-stack-md);
1479
- --hop-CheckboxGroup-bordered-md-padding: var(--hop-space-inset-md);
1480
- --hop-CheckboxGroup-bordered-md-column-gap: var(--hop-space-inline-sm);
1481
- --hop-CheckboxGroup-bordered-md-row-gap: var(--hop-space-stack-sm);
1482
- --hop-CheckboxGroup-list-bordered-md-column-gap: 0;
1483
- --hop-CheckboxGroup-list-bordered-md-row-gap: 0;
1484
- --hop-CheckboxGroup-vertical-flex-direction: column;
1485
- --hop-CheckboxGroup-horizontal-flex-direction: row;
1486
- --checkbox-border-size: 0.0625rem;
1487
- --checkbox-border-color: var(--hop-neutral-border-weak);
1488
- --flex-direction: var(--hop-CheckboxGroup-vertical-flex-direction);
1489
- --align-items: var(--hop-CheckboxGroup-align-items);
1490
- --justify-content: var(--hop-CheckboxGroup-justify-content);
1491
- --flex-wrap: wrap;
1492
- display: flex;
1493
- flex-direction: column;
1494
- gap: var(--row-gap, var(--hop-space-stack-md)) var(--column-gap, var(--hop-space-inline-md));
1495
- align-items: var(--align-items);
1496
- justify-content: var(--justify-content);
1497
- box-sizing: border-box;
1498
- inline-size: max-content;
1499
- max-inline-size: 100%;
1500
- }
1501
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___D1T7w {
1502
- --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
1503
- --list-border-radius: var(--hop-shape-rounded-md);
1504
- }
1505
- .CheckboxGroup-module__hop-CheckboxGroup--sm___UpAzu {
1506
- --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
1507
- --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
1508
- --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
1509
- --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
1510
- }
1511
- .CheckboxGroup-module__hop-CheckboxGroup--md___hdnvw {
1512
- --column-gap: var(--hop-CheckboxGroup-md-column-gap);
1513
- --row-gap: var(--hop-CheckboxGroup-md-row-gap);
1514
- --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
1515
- --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
1516
- }
1517
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___D1T7w.CheckboxGroup-module__hop-CheckboxGroup--sm___UpAzu {
1518
- --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
1519
- --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
1520
- --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
1521
- --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
1522
- --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
1523
- }
1524
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___D1T7w.CheckboxGroup-module__hop-CheckboxGroup--md___hdnvw {
1525
- --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
1526
- --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
1527
- --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
1528
- --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
1529
- --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
1530
- }
1531
- .CheckboxGroup-module__hop-CheckboxGroup___J0v3l[data-orientation=horizontal] {
1532
- --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
1533
- }
1534
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___D1T7w[data-orientation=horizontal] {
1535
- --flex-wrap: nowrap;
1536
- }
1537
- .CheckboxGroup-module__hop-CheckboxGroup___J0v3l > .CheckboxGroup-module__hop-CheckboxGroup__label___4s1y7 {
1538
- order: 1;
1539
- }
1540
- .CheckboxGroup-module__hop-CheckboxGroup__list___f-Ifz {
1541
- display: flex;
1542
- flex-flow: var(--flex-direction) var(--flex-wrap);
1543
- gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
1544
- order: 2;
1545
- box-sizing: border-box;
1546
- inline-size: max-content;
1547
- max-inline-size: 100%;
1548
- border: var(--list-border, none);
1549
- border-radius: var(--list-border-radius, 0);
1550
- }
1551
- .CheckboxGroup-module__hop-CheckboxGroup__list___f-Ifz > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___x1-dz {
1552
- position: relative;
1553
- flex: 0 1 auto;
1554
- align-content: start;
1555
- inline-size: auto;
1556
- min-inline-size: 0;
1557
- padding: var(--checkbox-padding, 0);
1558
- }
1559
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___D1T7w .CheckboxGroup-module__hop-CheckboxGroup__list___f-Ifz > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___x1-dz ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___x1-dz::before {
1560
- content: "";
1561
- position: absolute;
1562
- display: block;
1563
- }
1564
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___D1T7w[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___f-Ifz > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___x1-dz ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___x1-dz::before {
1565
- inset-block-start: 0;
1566
- inset-inline: 0;
1567
- border-block-start: var(--list-border, none);
1568
- }
1569
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___D1T7w[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___f-Ifz > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___x1-dz ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___x1-dz::before {
1570
- inset-block: 0;
1571
- inset-inline-start: 0;
1572
- border-inline-start: var(--list-border, none);
1573
- }
1574
- .CheckboxGroup-module__hop-CheckboxGroup___J0v3l > .CheckboxGroup-module__hop-CheckboxGroup__error-message___RXQBs,
1575
- .CheckboxGroup-module__hop-CheckboxGroup___J0v3l > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___ArBfp {
1576
- order: 3;
1577
- }
1578
-
1579
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Chip/src/Chip.module.css/#css-module-data */
1580
- .Chip-module__hop-Chip___s008o {
1581
- --hop-Chip-border-size: 0.0625rem;
1582
- --hop-Chip-border-radius: var(--hop-shape-pill);
1583
- --hop-Chip-column-gap: var(--hop-space-inline-xs);
1584
- --hop-Chip-xs-block-size: 1rem;
1585
- --hop-Chip-xs-padding-inline: var(--hop-space-inset-sm);
1586
- --hop-Chip-sm-block-size: 1.25rem;
1587
- --hop-Chip-sm-padding-inline: var(--hop-space-inset-sm);
1588
- --hop-Chip-md-block-size: 1.5rem;
1589
- --hop-Chip-md-padding-inline: var(--hop-space-inset-sm);
1590
- --hop-Chip-lg-block-size: 2rem;
1591
- --hop-Chip-lg-padding-inline: var(--hop-space-inset-md);
1592
- --hop-Chip-neutral-border-color: var(--hop-neutral-border-weak);
1593
- --hop-Chip-neutral-background-color: var(--hop-neutral-surface);
1594
- --hop-Chip-neutral-text-color: var(--hop-neutral-text);
1595
- --hop-Chip-progress-border-color: transparent;
1596
- --hop-Chip-progress-background-color: var(--hop-status-progress-surface);
1597
- --hop-Chip-progress-text-color: var(--hop-status-progress-text);
1598
- --hop-Chip-positive-border-color: transparent;
1599
- --hop-Chip-positive-background-color: var(--hop-status-positive-surface);
1600
- --hop-Chip-positive-text-color: var(--hop-status-positive-text);
1601
- --hop-Chip-caution-border-color: transparent;
1602
- --hop-Chip-caution-background-color: var(--hop-status-caution-surface);
1603
- --hop-Chip-caution-text-color: var(--hop-status-caution-text);
1604
- --hop-Chip-negative-border-color: transparent;
1605
- --hop-Chip-negative-background-color: var(--hop-status-negative-surface);
1606
- --hop-Chip-negative-text-color: var(--hop-status-negative-text);
1607
- --hop-Chip-option1-border-color: transparent;
1608
- --hop-Chip-option1-background-color: var(--hop-status-option1-surface);
1609
- --hop-Chip-option1-text-color: var(--hop-status-option1-text);
1610
- --hop-Chip-option2-border-color: transparent;
1611
- --hop-Chip-option2-background-color: var(--hop-status-option2-surface);
1612
- --hop-Chip-option2-text-color: var(--hop-status-option2-text);
1613
- --hop-Chip-option3-border-color: transparent;
1614
- --hop-Chip-option3-background-color: var(--hop-status-option3-surface);
1615
- --hop-Chip-option3-text-color: var(--hop-status-option3-text);
1616
- --hop-Chip-option4-border-color: transparent;
1617
- --hop-Chip-option4-background-color: var(--hop-status-option4-surface);
1618
- --hop-Chip-option4-text-color: var(--hop-status-option4-text);
1619
- --hop-Chip-option5-border-color: transparent;
1620
- --hop-Chip-option5-background-color: var(--hop-status-option5-surface);
1621
- --hop-Chip-option5-text-color: var(--hop-status-option5-text);
1622
- --hop-Chip-option6-border-color: transparent;
1623
- --hop-Chip-option6-background-color: var(--hop-status-option6-surface);
1624
- --hop-Chip-option6-text-color: var(--hop-status-option6-text);
1625
- --hop-Chip-inactive-border-color: transparent;
1626
- --hop-Chip-inactive-background-color: var(--hop-status-inactive-surface);
1627
- --hop-Chip-inactive-text-color: var(--hop-status-inactive-text);
1628
- --hop-Chip-disabled-border-color: var(--hop-neutral-border-weak);
1629
- --hop-Chip-disabled-background-color: var(--hop-neutral-surface-disabled);
1630
- --hop-Chip-disabled-text-color: var(--hop-neutral-text-disabled);
1631
- --border-radius: var(--hop-Chip-border-radius);
1632
- --border-size: var(--hop-Chip-border-size);
1633
- --column-gap: var(--hop-Chip-column-gap);
1634
- overflow: hidden;
1635
- display: inline-flex;
1636
- column-gap: var(--column-gap);
1637
- align-items: center;
1638
- justify-content: center;
1639
- box-sizing: border-box;
1640
- inline-size: max-content;
1641
- max-inline-size: 100%;
1642
- block-size: var(--block-size);
1643
- padding-inline: var(--padding-inline);
1644
- color: var(--text-color);
1645
- white-space: nowrap;
1646
- background-color: var(--background-color);
1647
- border: var(--border-size) solid var(--border-color);
1648
- border-radius: var(--border-radius);
1649
- }
1650
- .Chip-module__hop-Chip--xs___b5iix {
1651
- --block-size: var(--hop-Chip-xs-block-size);
1652
- --padding-inline: var(--hop-Chip-xs-padding-inline);
1653
- }
1654
- .Chip-module__hop-Chip--sm___C8xGE {
1655
- --block-size: var(--hop-Chip-sm-block-size);
1656
- --padding-inline: var(--hop-Chip-sm-padding-inline);
1657
- }
1658
- .Chip-module__hop-Chip--md___taZzL {
1659
- --block-size: var(--hop-Chip-md-block-size);
1660
- --padding-inline: var(--hop-Chip-md-padding-inline);
1661
- }
1662
- .Chip-module__hop-Chip--lg___7MJ0a {
1663
- --block-size: var(--hop-Chip-lg-block-size);
1664
- --padding-inline: var(--hop-Chip-lg-padding-inline);
1665
- }
1666
- .Chip-module__hop-Chip--neutral___WiQy4 {
1667
- --border-color: var(--hop-Chip-neutral-border-color);
1668
- --background-color: var(--hop-Chip-neutral-background-color);
1669
- --text-color: var(--hop-Chip-neutral-text-color);
1670
- }
1671
- .Chip-module__hop-Chip--progress___D-NIl {
1672
- --border-color: var(--hop-Chip-progress-border-color);
1673
- --background-color: var(--hop-Chip-progress-background-color);
1674
- --text-color: var(--hop-Chip-progress-text-color);
1675
- }
1676
- .Chip-module__hop-Chip--positive___x7VFX {
1677
- --border-color: var(--hop-Chip-positive-border-color);
1678
- --background-color: var(--hop-Chip-positive-background-color);
1679
- --text-color: var(--hop-Chip-positive-text-color);
1680
- }
1681
- .Chip-module__hop-Chip--caution___4ZjhL {
1682
- --border-color: var(--hop-Chip-caution-border-color);
1683
- --background-color: var(--hop-Chip-caution-background-color);
1684
- --text-color: var(--hop-Chip-caution-text-color);
1685
- }
1686
- .Chip-module__hop-Chip--negative___D02Dr {
1687
- --border-color: var(--hop-Chip-negative-border-color);
1688
- --background-color: var(--hop-Chip-negative-background-color);
1689
- --text-color: var(--hop-Chip-negative-text-color);
1690
- }
1691
- .Chip-module__hop-Chip--option1___eYOWy {
1692
- --border-color: var(--hop-Chip-option1-border-color);
1693
- --background-color: var(--hop-Chip-option1-background-color);
1694
- --text-color: var(--hop-Chip-option1-text-color);
1695
- }
1696
- .Chip-module__hop-Chip--option2___2gGTf {
1697
- --border-color: var(--hop-Chip-option2-border-color);
1698
- --background-color: var(--hop-Chip-option2-background-color);
1699
- --text-color: var(--hop-Chip-option2-text-color);
1700
- }
1701
- .Chip-module__hop-Chip--option3___1ZcdZ {
1702
- --border-color: var(--hop-Chip-option3-border-color);
1703
- --background-color: var(--hop-Chip-option3-background-color);
1704
- --text-color: var(--hop-Chip-option3-text-color);
1705
- }
1706
- .Chip-module__hop-Chip--option4___5KV7u {
1707
- --border-color: var(--hop-Chip-option4-border-color);
1708
- --background-color: var(--hop-Chip-option4-background-color);
1709
- --text-color: var(--hop-Chip-option4-text-color);
1710
- }
1711
- .Chip-module__hop-Chip--option5___dcyfm {
1712
- --border-color: var(--hop-Chip-option5-border-color);
1713
- --background-color: var(--hop-Chip-option5-background-color);
1714
- --text-color: var(--hop-Chip-option5-text-color);
1715
- }
1716
- .Chip-module__hop-Chip--option6___PO6T4 {
1717
- --border-color: var(--hop-Chip-option6-border-color);
1718
- --background-color: var(--hop-Chip-option6-background-color);
1719
- --text-color: var(--hop-Chip-option6-text-color);
1720
- }
1721
- .Chip-module__hop-Chip--inactive___ASMuf {
1722
- --border-color: var(--hop-Chip-inactive-border-color);
1723
- --background-color: var(--hop-Chip-inactive-background-color);
1724
- --text-color: var(--hop-Chip-inactive-text-color);
1725
- }
1726
- .Chip-module__hop-Chip--disabled___-uqxh {
1727
- --border-color: var(--hop-Chip-disabled-border-color);
1728
- --background-color: var(--hop-Chip-disabled-background-color);
1729
- --text-color: var(--hop-Chip-disabled-text-color);
1730
- }
1731
- .Chip-module__hop-Chip__icon___mqVpj,
1732
- .Chip-module__hop-Chip__icon-list___PV91l {
1733
- flex: 0 0 auto;
1734
- flex-wrap: nowrap;
1735
- order: 1;
1736
- }
1737
- .Chip-module__hop-Chip__text___KOlG8 {
1738
- overflow: hidden;
1739
- flex: 1 1 auto;
1740
- order: 2;
1741
- min-inline-size: 0;
1742
- text-align: center;
1743
- text-overflow: ellipsis;
1744
- }
1745
- .Chip-module__hop-Chip__end-icon___yJdUP,
1746
- .Chip-module__hop-Chip__end-icon-list___BmX3z {
1747
- flex: 0 0 auto;
1748
- flex-wrap: nowrap;
1749
- order: 3;
1750
- }
1751
-
1752
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Divider/src/Divider.module.css/#css-module-data */
1753
- :where(.Divider-module__hop-Divider___lUCFu) {
1754
- --hop-Divider-border-color: var(--hop-neutral-border-weak);
1755
- --hop-Divider-border-size: 0.0625rem;
1756
- --hop-Divider-horizontal-border-block-end: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
1757
- --hop-Divider-horizontal-border-inline-start: none;
1758
- --hop-Divider-horizontal-inline-size: auto;
1759
- --hop-Divider-horizontal-block-size: 0;
1760
- --hop-Divider-vertical-border-inline-start: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
1761
- --hop-Divider-vertical-border-block-end: none;
1762
- --hop-Divider-vertical-inline-size: 0;
1763
- --hop-Divider-vertical-block-size: auto;
1764
- --border-block-end: var(--hop-Divider-horizontal-border-block-end);
1765
- --border-inline-start: var(--hop-Divider-horizontal-border-inline-start);
1766
- --inline-size: var(--hop-Divider-horizontal-inline-size);
1767
- --block-size: var(--hop-Divider-horizontal-block-size);
1768
- display: block;
1769
- flex: 0 0 auto;
1770
- box-sizing: border-box;
1771
- inline-size: var(--inline-size);
1772
- block-size: var(--block-size);
1773
- margin: 0;
1774
- border: none;
1775
- border-block-end: var(--border-block-end);
1776
- border-inline-start: var(--border-inline-start);
1777
- }
1778
- .Divider-module__hop-Divider--vertical___uIryJ {
1779
- --border-block-end: var(--hop-Divider-vertical-border-block-end);
1780
- --border-inline-start: var(--hop-Divider-vertical-border-inline-start);
1781
- --inline-size: var(--hop-Divider-vertical-inline-size);
1782
- --block-size: var(--hop-Divider-vertical-block-size);
1783
- }
1784
-
1785
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Link/src/Link.module.css/#css-module-data */
1786
- .Link-module__hop-Link___m4HlM {
1787
- --hop-Link-border-radius: var(--hop-shape-rounded-sm);
1788
- --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
1789
- --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
1790
- --hop-Link-column-gap: var(--hop-space-inline-xs);
1791
- --hop-Link-primary-text-color: var(--hop-primary-text);
1792
- --hop-Link-primary-text-disabled-color: var(--hop-primary-text-disabled);
1793
- --hop-Link-primary-text-hover-color: var(--hop-primary-text-hover);
1794
- --hop-Link-primary-text-pressed-color: var(--hop-primary-text-press);
1795
- --hop-Link-neutral-text-color: var(--hop-neutral-text);
1796
- --hop-Link-neutral-text-disabled-color: var(--hop-neutral-text-disabled);
1797
- --hop-Link-neutral-text-hover-color: var(--hop-neutral-text-hover);
1798
- --hop-Link-neutral-text-pressed-color: var(--hop-neutral-text-press);
1799
- cursor: pointer;
1800
- display: inline-flex;
1801
- column-gap: var(--hop-Link-column-gap);
1802
- align-items: center;
1803
- box-sizing: border-box;
1804
- inline-size: fit-content;
1805
- text-decoration: none;
1806
- text-underline-offset: 0.125rem;
1807
- border-radius: var(--hop-Link-border-radius);
1808
- outline: none;
1809
- outline-offset: 0.125rem;
1810
- }
1811
- .Link-module__hop-Link___m4HlM[data-focus-visible] {
1812
- outline: 0.125rem solid var(--hop-Link-focus-ring-color);
1813
- }
1814
- .Link-module__hop-Link___m4HlM[data-disabled] {
1815
- cursor: default;
1816
- }
1817
- .Link-module__hop-Link--quiet___PEKek[data-focus-visible],
1818
- .Link-module__hop-Link--quiet___PEKek[data-hovered] {
1819
- text-decoration: underline;
1820
- }
1821
- .Link-module__hop-Link___m4HlM:not(.Link-module__hop-Link--quiet___PEKek) {
1822
- text-decoration: underline;
1823
- }
1824
- .Link-module__hop-Link--primary___-EqWZ {
1825
- color: var(--hop-Link-primary-text-color);
1826
- }
1827
- .Link-module__hop-Link--primary___-EqWZ[data-disabled] {
1828
- color: var(--hop-Link-primary-text-disabled-color);
1829
- }
1830
- .Link-module__hop-Link--primary___-EqWZ:not([data-disabled])[data-focus-visible],
1831
- .Link-module__hop-Link--primary___-EqWZ:not([data-disabled])[data-hovered] {
1832
- color: var(--hop-Link-primary-text-hover-color);
1833
- }
1834
- .Link-module__hop-Link--primary___-EqWZ:not([data-disabled])[data-pressed] {
1835
- color: var(--hop-Link-primary-text-pressed-color);
1836
- }
1837
- .Link-module__hop-Link--secondary___UNknc {
1838
- color: var(--hop-Link-neutral-text-color);
1839
- }
1840
- .Link-module__hop-Link--secondary___UNknc[data-disabled] {
1841
- color: var(--hop-Link-neutral-text-disabled-color);
1842
- }
1843
- .Link-module__hop-Link--secondary___UNknc:not([data-disabled])[data-focus-visible],
1844
- .Link-module__hop-Link--secondary___UNknc:not([data-disabled])[data-hovered] {
1845
- color: var(--hop-Link-neutral-text-hover-color);
1846
- }
1847
- .Link-module__hop-Link--secondary___UNknc:not([data-disabled])[data-pressed] {
1848
- color: var(--hop-Link-neutral-text-pressed-color);
1849
- }
1850
- .Link-module__hop-Link__icon___KiZR6,
1851
- .Link-module__hop-Link__icon-list___eu2Y4 {
1852
- order: 2;
1853
- }
1854
- .Link-module__hop-Link__text___I34XD {
1855
- order: 1;
1856
- }
1857
- .Link-module__hop-Link__start-icon___Klqm6,
1858
- .Link-module__hop-Link__start-icon-list___23TDM {
1859
- order: 0;
1860
- }
1861
-
1862
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
1863
- .Radio-module__hop-Radio___Ej0dA {
1864
- --hop-Radio-box-border-size: 0.0625rem;
1865
- --hop-Radio-box-border-color: var(--hop-neutral-border);
1866
- --hop-Radio-box-background-color: var(--hop-neutral-surface);
1867
- --hop-Radio-box-outline-size: 0.125rem;
1868
- --hop-Radio-box-outline-color: var(--hop-primary-border-focus);
1869
- --hop-Radio-bullet-color: var(--hop-neutral-icon-selected);
1870
- --hop-Radio-bullet-display: none;
1871
- --hop-Radio-text-color: var(--hop-neutral-text);
1872
- --hop-Radio-icon-color: var(--hop-neutral-icon);
1873
- --hop-Radio-box-border-color-hovered: var(--hop-neutral-border-hover);
1874
- --hop-Radio-box-background-color-hovered: var(--hop-neutral-surface-hover);
1875
- --hop-Radio-text-color-hovered: var(--hop-neutral-text-hover);
1876
- --hop-Radio-icon-color-hovered: var(--hop-neutral-icon-hover);
1877
- --hop-Radio-box-border-color-pressed: var(--hop-neutral-border-press);
1878
- --hop-Radio-box-background-color-pressed: var(--hop-neutral-surface-press);
1879
- --hop-Radio-text-color-pressed: var(--hop-neutral-text-press);
1880
- --hop-Radio-icon-color-pressed: var(--hop-neutral-icon-press);
1881
- --hop-Radio-box-border-color-selected: var(--hop-neutral-border-selected);
1882
- --hop-Radio-box-background-color-selected: var(--hop-neutral-surface-selected);
1883
- --hop-Radio-bullet-display-selected: block;
1884
- --hop-Radio-text-color-selected: var(--hop-neutral-text);
1885
- --hop-Radio-icon-color-selected: var(--hop-neutral-icon);
1886
- --hop-Radio-box-border-color-disabled: var(--hop-neutral-border-disabled);
1887
- --hop-Radio-box-background-color-disabled: var(--hop-neutral-surface-disabled);
1888
- --hop-Radio-bullet-color-disabled: var(--hop-neutral-icon-disabled);
1889
- --hop-Radio-text-color-disabled: var(--hop-neutral-text-disabled);
1890
- --hop-Radio-icon-color-disabled: var(--hop-neutral-icon-disabled);
1891
- --hop-Radio-box-border-color-focused: var(--hop-neutral-border-hover);
1892
- --hop-Radio-box-background-color-focused: var(--hop-neutral-surface-hover);
1893
- --hop-Radio-text-color-focused: var(--hop-neutral-text);
1894
- --hop-Radio-icon-color-focused: var(--hop-neutral-icon);
1895
- --hop-Radio-box-border-color-invalid: var(--hop-danger-border-strong);
1896
- --hop-Radio-box-background-color-invalid: var(--hop-neutral-surface);
1897
- --hop-Radio-box-border-color-hovered-invalid: var(--hop-danger-border-strong);
1898
- --hop-Radio-box-background-color-hovered-invalid: var(--hop-danger-surface);
1899
- --hop-Radio-box-border-color-pressed-invalid: var(--hop-danger-border-press);
1900
- --hop-Radio-box-background-color-pressed-invalid: var(--hop-danger-surface-weak);
1901
- --hop-Radio-box-border-color-focused-invalid: var(--hop-danger-border-strong);
1902
- --hop-Radio-box-background-color-focused-invalid: var(--hop-danger-surface);
1903
- --hop-Radio-box-border-color-selected-invalid: var(--hop-danger-border-strong);
1904
- --hop-Radio-box-background-color-selected-invalid: var(--hop-danger-surface-strong);
1905
- --hop-Radio-bullet-color-invalid: var(--hop-danger-icon-strong);
1906
- --hop-Radio-text-color-invalid: var(--hop-danger-text-weak);
1907
- --hop-Radio-icon-color-invalid: var(--hop-danger-icon-weak);
1908
- --hop-Radio-text-color-hovered-invalid: var(--hop-danger-text-weak-hover);
1909
- --hop-Radio-icon-color-hovered-invalid: var(--hop-danger-icon-weak-hover);
1910
- --hop-Radio-text-color-pressed-invalid: var(--hop-danger-text-weak-press);
1911
- --hop-Radio-box-sm-inline-size: 1rem;
1912
- --hop-Radio-box-sm-block-size: 1rem;
1913
- --hop-Radio-text-sm-top-offset: calc((var(--box-inline-size) - (var(--hop-body-sm-line-height) * var(--hop-body-sm-font-size))) / 2);
1914
- --hop-Radio-text-sm-margin-inline-start: calc(var(--hop-space-inline-sm) - var(--hop-space-inline-xs));
1915
- --hop-Radio-box-md-inline-size: 1.5rem;
1916
- --hop-Radio-box-md-block-size: 1.5rem;
1917
- --hop-Radio-text-md-top-offset: calc((var(--box-inline-size) - (var(--hop-body-md-line-height) * var(--hop-body-md-font-size))) / 2);
1918
- --hop-Radio-text-md-margin-inline-start: calc(var(--hop-space-inline-md) - var(--hop-space-inline-xs));
1919
- --box-background-color: var(--hop-Radio-box-background-color);
1920
- --box-border-color: var(--hop-Radio-box-border-color);
1921
- --box-border-radius: var(--hop-shape-circle);
1922
- --bullet-color: var(--hop-Radio-bullet-color);
1923
- --bullet-display: var(--hop-Radio-bullet-display);
1924
- --cursor: pointer;
1925
- --text-color: var(--hop-Radio-text-color);
1926
- --icon-color: var(--hop-Radio-icon-color);
1927
- --description-color: var(--hop-Radio-description-color);
1928
- --transition-duration: var(--hop-easing-duration-2);
1929
- cursor: var(--cursor);
1930
- display: flex;
1931
- column-gap: var(--hop-space-inline-xs);
1932
- align-items: flex-start;
1933
- justify-content: flex-start;
1934
- box-sizing: border-box;
1935
- inline-size: max-content;
1936
- max-inline-size: 100%;
1937
- }
1938
- .Radio-module__hop-Radio___Ej0dA[data-focus-visible],
1939
- .Radio-module__hop-Radio--focused___EBP2c {
1940
- --box-background-color: var(--hop-Radio-box-background-color-focused);
1941
- --box-border-color: var(--hop-Radio-box-border-color-focused);
1942
- --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
1943
- --text-color: var(--hop-Radio-text-color-focused);
1944
- --icon-color: var(--hop-Radio-icon-color-focused);
1945
- --description-color: var(--hop-Radio-description-color-focus);
1946
- }
1947
- .Radio-module__hop-Radio___Ej0dA[data-hovered],
1948
- .Radio-module__hop-Radio--hovered___4dfUm {
1949
- --box-background-color: var(--hop-Radio-box-background-color-hovered);
1950
- --box-border-color: var(--hop-Radio-box-border-color-hovered);
1951
- --text-color: var(--hop-Radio-text-color-hovered);
1952
- --icon-color: var(--hop-Radio-icon-color-hovered);
1953
- --description-color: var(--hop-Radio-description-color-hover);
1954
- }
1955
- .Radio-module__hop-Radio___Ej0dA[data-pressed],
1956
- .Radio-module__hop-Radio--pressed___GXIqK {
1957
- --box-background-color: var(--hop-Radio-box-background-color-pressed);
1958
- --box-border-color: var(--hop-Radio-box-border-color-pressed);
1959
- --text-color: var(--hop-Radio-text-color-pressed);
1960
- --icon-color: var(--hop-Radio-icon-color-pressed);
1961
- --description-color: var(--hop-Radio-description-color-pressed);
1962
- }
1963
- .Radio-module__hop-Radio___Ej0dA[data-selected] {
1964
- --box-background-color: var(--hop-Radio-box-background-color-selected);
1965
- --box-border-color: var(--hop-Radio-box-border-color-selected);
1966
- --bullet-display: var(--hop-Radio-bullet-display-selected);
1967
- --text-color: var(--hop-Radio-text-color-selected);
1968
- --icon-color: var(--hop-Radio-icon-color-selected);
1969
- --description-color: var(--hop-Radio-description-color-selected);
1970
- }
1971
- .Radio-module__hop-Radio___Ej0dA[data-invalid] {
1972
- --box-background-color: var(--hop-Radio-box-background-color-invalid);
1973
- --box-border-color: var(--hop-Radio-box-border-color-invalid);
1974
- --bullet-color: var(--hop-Radio-bullet-color-invalid);
1975
- --text-color: var(--hop-Radio-text-color-invalid);
1976
- --icon-color: var(--hop-Radio-icon-color-invalid);
1977
- --description-color: var(--hop-Radio-description-color-invalid);
1978
- }
1979
- .Radio-module__hop-Radio___Ej0dA:where([data-invalid])[data-focus-visible] {
1980
- --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
1981
- --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
1982
- }
1983
- .Radio-module__hop-Radio___Ej0dA:where([data-invalid])[data-hovered] {
1984
- --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
1985
- --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
1986
- --text-color: var(--hop-Radio-text-color-hovered-invalid);
1987
- --icon-color: var(--hop-Radio-text-color-hovered-invalid);
1988
- }
1989
- .Radio-module__hop-Radio___Ej0dA:where([data-invalid])[data-pressed] {
1990
- --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1991
- --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1992
- --text-color: var(--hop-Radio-text-color-pressed-invalid);
1993
- --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1994
- }
1995
- .Radio-module__hop-Radio___Ej0dA:where([data-invalid])[data-selected] {
1996
- --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1997
- --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1998
- }
1999
- .Radio-module__hop-Radio___Ej0dA[data-disabled] {
2000
- --box-background-color: var(--hop-Radio-box-background-color-disabled);
2001
- --box-border-color: var(--hop-Radio-box-border-color-disabled);
2002
- --bullet-color: var(--hop-Radio-bullet-color-disabled);
2003
- --cursor: not-allowed;
2004
- --text-color: var(--hop-Radio-text-color-disabled);
2005
- --icon-color: var(--hop-Radio-icon-color-disabled);
2006
- --description-color: var(--hop-Radio-description-color-disabled);
2007
- }
2008
- .Radio-module__hop-Radio--sm___XUcRq {
2009
- --box-inline-size: var(--hop-Radio-box-sm-inline-size);
2010
- --box-block-size: var(--hop-Radio-box-sm-block-size);
2011
- --text-top-offset: var(--hop-Radio-text-sm-top-offset);
2012
- --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
2013
- }
2014
- .Radio-module__hop-Radio--md___-Thls {
2015
- --box-inline-size: var(--hop-Radio-box-md-inline-size);
2016
- --box-block-size: var(--hop-Radio-box-md-block-size);
2017
- --text-top-offset: var(--hop-Radio-text-md-top-offset);
2018
- --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
2019
- }
2020
- .Radio-module__hop-Radio__icon___6mbf6,
2021
- .Radio-module__hop-Radio__icon-list___VBhFT {
2022
- flex: 0 0 auto;
2023
- order: 3;
2024
- color: var(--icon-color);
2025
- }
2026
- .Radio-module__hop-Radio__box___QMuH4 {
2027
- display: flex;
2028
- flex: 0 0 auto;
2029
- align-items: center;
2030
- justify-content: center;
2031
- order: 1;
2032
- box-sizing: border-box;
2033
- inline-size: var(--box-inline-size, var(--hop-Radio-box-md-inline-size));
2034
- block-size: var(--box-block-size, var(--hop-Radio-box-md-block-size));
2035
- background-color: var(--box-background-color);
2036
- border: var(--hop-Radio-box-border-size) solid var(--box-border-color);
2037
- border-radius: var(--box-border-radius);
2038
- outline: var(--box-outline, none);
2039
- outline-offset: 0.125rem;
2040
- transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
2041
- }
2042
- .Radio-module__hop-Radio__bullet___5-SbO {
2043
- display: var(--bullet-display);
2044
- color: var(--bullet-color);
2045
- }
2046
- .Radio-module__hop-Radio__text___fZ6br {
2047
- flex: 0 1 auto;
2048
- order: 2;
2049
- min-inline-size: 0;
2050
- margin-block-start: var(--text-top-offset, var(--hop-Radio-text-md-top-offset));
2051
- margin-inline-start: var(--text-margin-inline-start, var(--hop-Radio-text-md-margin-inline-start));
2052
- color: var(--text-color);
2053
- }
2054
-
2055
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
2056
- .RadioField-module__hop-RadioField___8QRjD {
2057
- --hop-RadioField-description-color: var(--hop-neutral-text-weak);
2058
- --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
2059
- --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
2060
- --hop-RadioField-radio-sm-inline-size: 1rem;
2061
- --hop-RadioField-description-sm-margin-inline-start: calc(var(--hop-RadioField-radio-sm-inline-size) + var(--hop-space-inline-sm));
2062
- --hop-RadioField-md-row-gap: var(--hop-space-stack-xs);
2063
- --hop-RadioField-radio-md-inline-size: 1.5rem;
2064
- --hop-RadioField-description-md-margin-inline-start: calc(var(--hop-RadioField-radio-md-inline-size) + var(--hop-space-inline-md));
2065
- --description-color: var(--hop-RadioField-description-color);
2066
- display: flex;
2067
- flex-direction: column;
2068
- row-gap: var(--row-gap, var(--hop-space-stack-sm));
2069
- align-items: flex-start;
2070
- justify-content: flex-start;
2071
- box-sizing: border-box;
2072
- inline-size: max-content;
2073
- max-inline-size: 100%;
2074
- }
2075
- .RadioField-module__hop-RadioField___8QRjD[data-disabled] {
2076
- --description-color: var(--hop-RadioField-description-color-disabled);
2077
- }
2078
- .RadioField-module__hop-RadioField--sm___X4Gkl {
2079
- --row-gap: var(--hop-RadioField-sm-row-gap);
2080
- --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
2081
- }
2082
- .RadioField-module__hop-RadioField--md___Z451F {
2083
- --row-gap: var(--hop-RadioField-md-row-gap);
2084
- --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
2085
- }
2086
- .RadioField-module__hop-RadioField__description___SqBmM {
2087
- order: 2;
2088
- margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
2089
- color: var(--description-color);
2090
- }
2091
- .RadioField-module__hop-RadioField__radio___CfAFT {
2092
- order: 1;
2093
- }
2094
-
2095
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
2096
- .RadioGroup-module__hop-RadioGroup___S6s5y {
2097
- --hop-RadioGroup-align-items: flex-start;
2098
- --hop-RadioGroup-justify-content: flex-start;
2099
- --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
2100
- --hop-RadioGroup-sm-column-gap: var(--hop-space-inline-sm);
2101
- --hop-RadioGroup-sm-row-gap: var(--hop-space-stack-sm);
2102
- --hop-RadioGroup-list-sm-column-gap: var(--hop-space-inline-sm);
2103
- --hop-RadioGroup-list-sm-row-gap: var(--hop-space-stack-sm);
2104
- --hop-RadioGroup-bordered-sm-padding: var(--hop-space-inset-sm);
2105
- --hop-RadioGroup-bordered-sm-column-gap: var(--hop-space-inline-sm);
2106
- --hop-RadioGroup-bordered-sm-row-gap: var(--hop-space-stack-sm);
2107
- --hop-RadioGroup-list-bordered-sm-column-gap: 0;
2108
- --hop-RadioGroup-list-bordered-sm-row-gap: 0;
2109
- --hop-RadioGroup-md-column-gap: var(--hop-space-inline-md);
2110
- --hop-RadioGroup-md-row-gap: var(--hop-space-stack-md);
2111
- --hop-RadioGroup-list-md-column-gap: var(--hop-space-inline-md);
2112
- --hop-RadioGroup-list-md-row-gap: var(--hop-space-stack-md);
2113
- --hop-RadioGroup-bordered-md-padding: var(--hop-space-inset-md);
2114
- --hop-RadioGroup-bordered-md-column-gap: var(--hop-space-inline-sm);
2115
- --hop-RadioGroup-bordered-md-row-gap: var(--hop-space-stack-sm);
2116
- --hop-RadioGroup-list-bordered-md-column-gap: 0;
2117
- --hop-RadioGroup-list-bordered-md-row-gap: 0;
2118
- --hop-RadioGroup-vertical-flex-direction: column;
2119
- --hop-RadioGroup-horizontal-flex-direction: row;
2120
- --radio-border-size: 0.0625rem;
2121
- --radio-border-color: var(--hop-neutral-border-weak);
2122
- --flex-direction: var(--hop-RadioGroup-vertical-flex-direction);
2123
- --align-items: var(--hop-RadioGroup-align-items);
2124
- --justify-content: var(--hop-RadioGroup-justify-content);
2125
- --flex-wrap: wrap;
2126
- --inline-size: max-content;
2127
- display: flex;
2128
- flex-direction: column;
2129
- gap: var(--row-gap, var(--hop-space-stack-md)) var(--column-gap, var(--hop-space-inline-md));
2130
- align-items: var(--align-items);
2131
- justify-content: var(--justify-content);
2132
- box-sizing: border-box;
2133
- inline-size: var(--inline-size);
2134
- max-inline-size: 100%;
2135
- }
2136
- .RadioGroup-module__hop-RadioGroup--bordered___CFrBV {
2137
- --list-border: var(--radio-border-size) solid var(--radio-border-color);
2138
- --list-border-radius: var(--hop-shape-rounded-md);
2139
- }
2140
- .RadioGroup-module__hop-RadioGroup--sm___2p7Wk {
2141
- --column-gap: var(--hop-RadioGroup-sm-column-gap);
2142
- --row-gap: var(--hop-RadioGroup-sm-row-gap);
2143
- --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
2144
- --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
2145
- }
2146
- .RadioGroup-module__hop-RadioGroup--md___eqGjG {
2147
- --column-gap: var(--hop-RadioGroup-md-column-gap);
2148
- --row-gap: var(--hop-RadioGroup-md-row-gap);
2149
- --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
2150
- --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
2151
- }
2152
- .RadioGroup-module__hop-RadioGroup--bordered___CFrBV.RadioGroup-module__hop-RadioGroup--sm___2p7Wk {
2153
- --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
2154
- --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
2155
- --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
2156
- --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
2157
- --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
2158
- }
2159
- .RadioGroup-module__hop-RadioGroup--bordered___CFrBV.RadioGroup-module__hop-RadioGroup--md___eqGjG {
2160
- --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
2161
- --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
2162
- --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
2163
- --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
2164
- --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
2165
- }
2166
- .RadioGroup-module__hop-RadioGroup___S6s5y[data-orientation=horizontal] {
2167
- --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
2168
- }
2169
- .RadioGroup-module__hop-RadioGroup--bordered___CFrBV[data-orientation=horizontal] {
2170
- --flex-wrap: nowrap;
2171
- }
2172
- .RadioGroup-module__hop-RadioGroup___S6s5y > .RadioGroup-module__hop-RadioGroup__label___7-iXB {
2173
- order: 1;
2174
- }
2175
- .RadioGroup-module__hop-RadioGroup__list___C5N0N {
2176
- display: flex;
2177
- flex-flow: var(--flex-direction) var(--flex-wrap);
2178
- gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
2179
- order: 2;
2180
- box-sizing: border-box;
2181
- inline-size: var(--inline-size);
2182
- max-inline-size: 100%;
2183
- border: var(--list-border, none);
2184
- border-radius: var(--list-border-radius, 0);
2185
- }
2186
- .RadioGroup-module__hop-RadioGroup__list___C5N0N > .RadioGroup-module__hop-RadioGroup__radio___k3eYk {
2187
- position: relative;
2188
- flex: 0 1 auto;
2189
- align-content: start;
2190
- inline-size: auto;
2191
- min-inline-size: 0;
2192
- padding: var(--radio-padding, 0);
2193
- }
2194
- .RadioGroup-module__hop-RadioGroup--bordered___CFrBV .RadioGroup-module__hop-RadioGroup__list___C5N0N > .RadioGroup-module__hop-RadioGroup__radio___k3eYk ~ .RadioGroup-module__hop-RadioGroup__radio___k3eYk::before {
2195
- content: "";
2196
- position: absolute;
2197
- display: block;
2198
- }
2199
- .RadioGroup-module__hop-RadioGroup--bordered___CFrBV[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___C5N0N > .RadioGroup-module__hop-RadioGroup__radio___k3eYk ~ .RadioGroup-module__hop-RadioGroup__radio___k3eYk::before {
2200
- inset-block-start: 0;
2201
- inset-inline: 0;
2202
- border-block-start: var(--list-border, none);
2203
- }
2204
- .RadioGroup-module__hop-RadioGroup--bordered___CFrBV[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___C5N0N > .RadioGroup-module__hop-RadioGroup__radio___k3eYk ~ .RadioGroup-module__hop-RadioGroup__radio___k3eYk::before {
2205
- inset-block: 0;
2206
- inset-inline-start: 0;
2207
- border-inline-start: var(--list-border, none);
2208
- }
2209
- .RadioGroup-module__hop-RadioGroup___S6s5y > .RadioGroup-module__hop-RadioGroup__error-message___vOUPq,
2210
- .RadioGroup-module__hop-RadioGroup___S6s5y > .RadioGroup-module__hop-RadioGroup__helper-message___uQgIj {
2211
- order: 3;
2212
- }
2213
-
2214
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
2215
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___vxdl4 {
2216
- --hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
2217
- --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
2218
- --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
2219
- --hop-ListBoxItemSkeleton-animation-duration: 1.4s;
2220
- --hop-ListBoxItemSkeleton-animation-reduced-motion-duration: 3.4s;
2221
- --hop-ListBoxItemSkeleton-linear-gradient:
2222
- linear-gradient(
2223
-
2224
- 90deg,
2225
- var(--hop-ListBoxItemSkeleton-background-color) 25%,
2226
- var(--hop-ListBoxItemSkeleton-background-color-dark) 37%,
2227
- var(--hop-ListBoxItemSkeleton-background-color-dark) 63%,
2228
- var(--hop-ListBoxItemSkeleton-background-color) 100% );
2229
- --hop-ListBoxItemSkeleton-xs-height: 1.25rem;
2230
- --hop-ListBoxItemSkeleton-sm-height: 1.25rem;
2231
- --hop-ListBoxItemSkeleton-md-height: 1.25rem;
2232
- --hop-ListBoxItemSkeleton-lg-height: 1.5rem;
2233
- --animation-duration: var(--hop-ListBoxItemSkeleton-animation-duration);
2234
- grid-area: label;
2235
- box-sizing: border-box;
2236
- block-size: var(--height);
2237
- background-color: var(--hop-ListBoxItemSkeleton-background-color);
2238
- background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
2239
- background-size: 400% 100%;
2240
- border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
2241
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___zxMXK;
2242
- animation-duration: var(--animation-duration);
2243
- animation-timing-function: ease-in-out;
2244
- animation-fill-mode: forwards;
2245
- animation-iteration-count: infinite;
2246
- @media (prefers-reduced-motion: reduce) {
2247
- --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
2248
- }
2249
- }
2250
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___lRdbr {
2251
- --height: var(--hop-ListBoxItemSkeleton-xs-height);
2252
- }
2253
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___yWx0f {
2254
- --height: var(--hop-ListBoxItemSkeleton-sm-height);
2255
- }
2256
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___S7Deh {
2257
- --height: var(--hop-ListBoxItemSkeleton-md-height);
2258
- }
2259
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___Rrcau {
2260
- --height: var(--hop-ListBoxItemSkeleton-lg-height);
2261
- }
2262
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___zxMXK {
2263
- 0% {
2264
- background-position: 125% 50%;
2265
- }
2266
- 100% {
2267
- background-position: -25% 50%;
2268
- }
2269
- }
2270
-
2271
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
2272
- .ListBoxItem-module__hop-ListBoxItem___Yx1lW {
2273
- --hop-ListBoxItem-background-color: transparent;
2274
- --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
2275
- --hop-ListBoxItem-text-color: var(--hop-neutral-text);
2276
- --hop-ListBoxItem-icon-color: var(--hop-neutral-icon);
2277
- --hop-ListBoxItem-outline-size: 0.125rem;
2278
- --hop-ListBoxItem-outline-color: var(--hop-primary-border-focus);
2279
- --hop-ListBoxItem-row-gap: var(--hop-space-stack-xs);
2280
- --hop-ListBoxItem-column-gap: var(--hop-space-inline-sm);
2281
- --hop-ListBoxItem-indicator-inline-size: calc( 1rem + var(--hop-ListBoxItem-column-gap));
2282
- --hop-ListBoxItem-description-text-color: var(--hop-neutral-text-weak);
2283
- --hop-ListBoxItem-grid-template-areas: "indicator avatar icon label end-icon badge";
2284
- --hop-ListBoxItem-grid-template-areas-with-description: "indicator avatar icon label end-icon badge" ". avatar . description description description";
2285
- --hop-ListBoxItem-grid-template-areas-loading: "label";
2286
- --hop-ListBoxItem-grid-template-columns: var(--hop-ListBoxItem-indicator-inline-size) auto auto 1fr auto auto;
2287
- --hop-ListBoxItem-grid-template-columns-not-selected: 0 auto auto 1fr auto auto;
2288
- --hop-ListBoxItem-grid-template-columns-loading: 1fr;
2289
- --hop-ListBoxItem-xs-padding-block: var(--hop-space-inset-xs);
2290
- --hop-ListBoxItem-xs-padding-inline: var(--hop-space-inset-md);
2291
- --hop-ListBoxItem-xs-min-height: 2rem;
2292
- --hop-ListBoxItem-sm-padding-block: var(--hop-space-inset-sm);
2293
- --hop-ListBoxItem-sm-padding-inline: var(--hop-space-inset-md);
2294
- --hop-ListBoxItem-sm-min-height: 2.5rem;
2295
- --hop-ListBoxItem-md-padding-block: var(--hop-space-inset-md);
2296
- --hop-ListBoxItem-md-padding-inline: var(--hop-space-inset-md);
2297
- --hop-ListBoxItem-md-min-height: 3.5rem;
2298
- --hop-ListBoxItem-lg-padding-block: var(--hop-space-inset-md);
2299
- --hop-ListBoxItem-lg-padding-inline: var(--hop-space-inset-md);
2300
- --hop-ListBoxItem-lg-min-height: 4rem;
2301
- --hop-ListBoxItem-background-color-hovered: var(--hop-neutral-surface-hover);
2302
- --hop-ListBoxItem-text-color-hovered: var(--hop-neutral-text-hover);
2303
- --hop-ListBoxItem-icon-color-hovered: var(--hop-neutral-icon-hover);
2304
- --hop-ListBoxItem-background-color-pressed: var(--hop-neutral-surface-press);
2305
- --hop-ListBoxItem-text-color-pressed: var(--hop-neutral-text-press);
2306
- --hop-ListBoxItem-icon-color-pressed: var(--hop-neutral-icon-press);
2307
- --hop-ListBoxItem-background-color-focused: var(--hop-neutral-surface-hover);
2308
- --hop-ListBoxItem-text-color-focused: var(--hop-neutral-text-hover);
2309
- --hop-ListBoxItem-icon-color-focused: var(--hop-neutral-icon-hover);
2310
- --hop-ListBoxItem-background-color-selected: transparent;
2311
- --hop-ListBoxItem-text-color-selected: var(--hop-neutral-text);
2312
- --hop-ListBoxItem-icon-color-selected: var(--hop-neutral-icon);
2313
- --hop-ListBoxItem-background-color-invalid: transparent;
2314
- --hop-ListBoxItem-background-color-invalid-hovered: var(--hop-danger-surface-hover);
2315
- --hop-ListBoxItem-background-color-invalid-pressed: var(--hop-danger-surface-press);
2316
- --hop-ListBoxItem-background-color-invalid-focused: var(--hop-danger-surface-hover);
2317
- --hop-ListBoxItem-background-color-invalid-selected: transparent;
2318
- --hop-ListBoxItem-background-color-invalid-disabled: transparent;
2319
- --hop-ListBoxItem-text-color-invalid: var(--hop-danger-text-weak);
2320
- --hop-ListBoxItem-text-color-invalid-hovered: var(--hop-danger-text-strong);
2321
- --hop-ListBoxItem-text-color-invalid-pressed: var(--hop-danger-text-strong);
2322
- --hop-ListBoxItem-text-color-invalid-focused: var(--hop-danger-text-strong);
2323
- --hop-ListBoxItem-text-color-invalid-selected: var(--hop-danger-text-weak);
2324
- --hop-ListBoxItem-text-color-invalid-disabled: var(--hop-danger-text-disabled);
2325
- --hop-ListBoxItem-icon-color-invalid: var(--hop-danger-icon-weak);
2326
- --hop-ListBoxItem-icon-color-invalid-hovered: var(--hop-danger-icon-strong);
2327
- --hop-ListBoxItem-icon-color-invalid-pressed: var(--hop-danger-icon-strong);
2328
- --hop-ListBoxItem-icon-color-invalid-focused: var(--hop-danger-icon-strong);
2329
- --hop-ListBoxItem-icon-color-invalid-selected: var(--hop-danger-icon-weak);
2330
- --hop-ListBoxItem-icon-color-invalid-disabled: var(--hop-danger-icon-disabled);
2331
- --hop-ListBoxItem-description-text-color-invalid-hovered: inherit;
2332
- --hop-ListBoxItem-description-text-color-invalid-pressed: inherit;
2333
- --hop-ListBoxItem-description-text-color-invalid-focused: inherit;
2334
- --hop-ListBoxItem-background-color-disabled: transparent;
2335
- --hop-ListBoxItem-text-color-disabled: var(--hop-neutral-text-disabled);
2336
- --hop-ListBoxItem-icon-color-disabled: var(--hop-neutral-icon-disabled);
2337
- --background-color: var(--hop-ListBoxItem-background-color);
2338
- --text-color: var(--hop-ListBoxItem-text-color);
2339
- --icon-color: var(--hop-ListBoxItem-icon-color);
2340
- --outline: none;
2341
- --cursor: default;
2342
- --checkmark-opacity: 0;
2343
- --description-text-color: var(--hop-ListBoxItem-description-text-color);
2344
- --row-gap: 0;
2345
- --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas);
2346
- --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns);
2347
- --checkmark-transition: opacity 0.2s ease-in-out .2s;
2348
- cursor: var(--cursor);
2349
- box-sizing: border-box;
2350
- color: var(--text-color);
2351
- background-color: var(--background-color);
2352
- border-radius: var(--hop-ListBoxItem-border-radius);
2353
- outline: var(--outline);
2354
- }
2355
- .ListBoxItem-module__hop-ListBoxItem--xs___-dXrA {
2356
- --padding-block: var(--hop-ListBoxItem-xs-padding-block);
2357
- --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
2358
- --min-height: var(--hop-ListBoxItem-xs-min-height);
2359
- }
2360
- .ListBoxItem-module__hop-ListBoxItem--sm___PJua2 {
2361
- --padding-block: var(--hop-ListBoxItem-sm-padding-block);
2362
- --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
2363
- --min-height: var(--hop-ListBoxItem-sm-min-height);
2364
- }
2365
- .ListBoxItem-module__hop-ListBoxItem--md___tUXMc {
2366
- --padding-block: var(--hop-ListBoxItem-md-padding-block);
2367
- --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
2368
- --min-height: var(--hop-ListBoxItem-md-min-height);
2369
- }
2370
- .ListBoxItem-module__hop-ListBoxItem--lg___eGqO4 {
2371
- --padding-block: var(--hop-ListBoxItem-lg-padding-block);
2372
- --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
2373
- --min-height: var(--hop-ListBoxItem-lg-min-height);
2374
- }
2375
- .ListBoxItem-module__hop-ListBoxItem___Yx1lW[data-selection-mode] {
2376
- --cursor: pointer;
2377
- }
2378
- .ListBoxItem-module__hop-ListBoxItem___Yx1lW:not([data-selection-mode]) {
2379
- --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
2380
- }
2381
- .ListBoxItem-module__hop-ListBoxItem__inner___QR5j1:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___Ei8-S) {
2382
- --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
2383
- }
2384
- .ListBoxItem-module__hop-ListBoxItem__inner___QR5j1[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___Ei8-S) {
2385
- --checkmark-transition: none;
2386
- }
2387
- .ListBoxItem-module__hop-ListBoxItem___Yx1lW[data-selected] {
2388
- --background-color: var(--hop-ListBoxItem-background-color-selected);
2389
- --text-color: var(--hop-ListBoxItem-text-color-selected);
2390
- --icon-color: var(--hop-ListBoxItem-icon-color-selected);
2391
- --checkmark-opacity: 1;
2392
- }
2393
- .ListBoxItem-module__hop-ListBoxItem___Yx1lW[data-focus-visible] {
2394
- --background-color: var(--hop-ListBoxItem-background-color-focused);
2395
- --text-color: var(--hop-ListBoxItem-text-color-focused);
2396
- --icon-color: var(--hop-ListBoxItem-icon-color-focused);
2397
- --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
2398
- }
2399
- .ListBoxItem-module__hop-ListBoxItem___Yx1lW[data-hovered] {
2400
- --background-color: var(--hop-ListBoxItem-background-color-hovered);
2401
- --text-color: var(--hop-ListBoxItem-text-color-hovered);
2402
- --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
2403
- }
2404
- .ListBoxItem-module__hop-ListBoxItem___Yx1lW[data-pressed] {
2405
- --background-color: var(--hop-ListBoxItem-background-color-pressed);
2406
- --text-color: var(--hop-ListBoxItem-text-color-pressed);
2407
- --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
2408
- }
2409
- .ListBoxItem-module__hop-ListBoxItem___Yx1lW[data-disabled] {
2410
- --background-color: var(--hop-ListBoxItem-background-color-disabled);
2411
- --text-color: var(--hop-ListBoxItem-text-color-disabled);
2412
- --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
2413
- --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
2414
- --cursor: not-allowed;
2415
- }
2416
- .ListBoxItem-module__hop-ListBoxItem___Yx1lW[data-invalid] {
2417
- --background-color: var(--hop-ListBoxItem-background-color-invalid);
2418
- --text-color: var(--hop-ListBoxItem-text-color-invalid);
2419
- --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
2420
- }
2421
- .ListBoxItem-module__hop-ListBoxItem___Yx1lW[data-invalid][data-selected] {
2422
- --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
2423
- --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
2424
- --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
2425
- }
2426
- .ListBoxItem-module__hop-ListBoxItem___Yx1lW[data-invalid][data-focus-visible] {
2427
- --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
2428
- --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
2429
- --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
2430
- --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
2431
- }
2432
- .ListBoxItem-module__hop-ListBoxItem___Yx1lW[data-invalid][data-hovered] {
2433
- --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
2434
- --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
2435
- --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
2436
- --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
2437
- }
2438
- .ListBoxItem-module__hop-ListBoxItem___Yx1lW[data-invalid][data-pressed] {
2439
- --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
2440
- --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
2441
- --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
2442
- --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
2443
- }
2444
- .ListBoxItem-module__hop-ListBoxItem___Yx1lW[data-invalid][data-disabled] {
2445
- --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
2446
- --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
2447
- --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
2448
- }
2449
- .ListBoxItem-module__hop-ListBoxItem___Yx1lW:has(.ListBoxItem-module__hop-ListBoxItem__description___grvX-) {
2450
- --row-gap: var(--hop-ListBoxItem-row-gap);
2451
- --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
2452
- }
2453
- .ListBoxItem-module__hop-ListBoxItem___Yx1lW[data-loading] {
2454
- --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
2455
- --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
2456
- }
2457
- .ListBoxItem-module__hop-ListBoxItem__inner___QR5j1 {
2458
- display: grid;
2459
- grid-template-areas: var(--grid-template-areas);
2460
- grid-template-columns: var(--grid-template-columns);
2461
- row-gap: var(--row-gap);
2462
- align-items: center;
2463
- box-sizing: border-box;
2464
- min-block-size: var(--min-height);
2465
- padding-block: var(--padding-block);
2466
- padding-inline: var(--padding-inline);
2467
- transition: grid-template-columns .3s ease-in-out;
2468
- }
2469
- .ListBoxItem-module__hop-ListBoxItem__checkmark___Ei8-S {
2470
- grid-area: indicator;
2471
- margin-inline-end: var(--hop-ListBoxItem-column-gap);
2472
- color: var(--icon-color);
2473
- opacity: var(--checkmark-opacity);
2474
- transition: var(--checkmark-transition);
2475
- }
2476
- .ListBoxItem-module__hop-ListBoxItem__radio-group___7RjtE,
2477
- .ListBoxItem-module__hop-ListBoxItem__checkbox___jfL9v {
2478
- pointer-events: none;
2479
- user-select: none;
2480
- grid-area: indicator;
2481
- margin-inline-end: var(--hop-ListBoxItem-column-gap);
2482
- }
2483
- .ListBoxItem-module__hop-ListBoxItem__avatar___q2xtk {
2484
- grid-area: avatar;
2485
- margin-inline-end: var(--hop-ListBoxItem-column-gap);
2486
- }
2487
- .ListBoxItem-module__hop-ListBoxItem__icon-list___FHexQ,
2488
- .ListBoxItem-module__hop-ListBoxItem__icon___0KEwI {
2489
- grid-area: icon;
2490
- flex: 0 0 auto;
2491
- margin-inline-end: var(--hop-ListBoxItem-column-gap);
2492
- color: var(--icon-color);
2493
- }
2494
- .ListBoxItem-module__hop-ListBoxItem__label___-q2Uo {
2495
- overflow: hidden;
2496
- grid-area: label;
2497
- min-inline-size: 0;
2498
- text-overflow: ellipsis;
2499
- white-space: nowrap;
2500
- }
2501
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___h93Wc,
2502
- .ListBoxItem-module__hop-ListBoxItem__end-icon___bzOPv {
2503
- grid-area: end-icon;
2504
- margin-inline-start: var(--hop-ListBoxItem-column-gap);
2505
- color: var(--icon-color);
2506
- }
2507
- .ListBoxItem-module__hop-ListBoxItem__badge___AONN3 {
2508
- grid-area: badge;
2509
- margin-inline-start: var(--hop-ListBoxItem-column-gap);
2510
- }
2511
- .ListBoxItem-module__hop-ListBoxItem__description___grvX- {
2512
- overflow: hidden;
2513
- display: -webkit-box;
2514
- grid-area: description;
2515
- -webkit-box-orient: vertical;
2516
- color: var(--description-text-color);
2517
- -webkit-line-clamp: 2;
2518
- line-clamp: 2;
2519
- }
2520
-
2521
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBox.module.css/#css-module-data */
2522
- .ListBox-module__hop-ListBox___SARwA {
2523
- --hop-ListBox-background-color: var(--hop-neutral-surface);
2524
- --hop-ListBox-border-color: var(--hop-neutral-border-weak);
2525
- --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
2526
- --hop-ListBox-border-size: 0.0625rem;
2527
- --hop-ListBox-padding-inline: var(--hop-space-inset-sm);
2528
- --hop-ListBox-padding-block: var(--hop-space-inset-sm);
2529
- --hop-ListBox-min-width: 13.625rem;
2530
- --hop-ListBox-max-width: 18rem;
2531
- --hop-ListBox-width: max-content;
2532
- --hop-ListBox-fluid-width: 100%;
2533
- --hop-ListBox-fluid-max-width: 100%;
2534
- --hop-ListBox-section-padding-block: var(--hop-ListBox-padding-block);
2535
- --hop-ListBox-section-padding-inline: var(--hop-ListBox-padding-inline);
2536
- --hop-ListBox-section-margin-block: var(--hop-space-stack-sm);
2537
- --hop-ListBox-section-margin-inline: calc(-1 * var(--hop-ListBox-padding-inline));
2538
- --hop-ListBox-section-border-size: var(--hop-ListBox-border-size);
2539
- --hop-ListBox-section-border-color: var(--hop-ListBox-border-color);
2540
- --hop-ListBox-section-header-font-family: var(--hop-overline-font-family);
2541
- --hop-ListBox-section-header-font-size: var(--hop-overline-font-size);
2542
- --hop-ListBox-section-header-font-weight: var(--hop-overline-font-weight);
2543
- --hop-ListBox-section-header-letter-spacing: 0.015rem;
2544
- --hop-ListBox-section-header-line-height: var(--hop-overline-line-height);
2545
- --hop-ListBox-section-header-text-transform: uppercase;
2546
- --hop-ListBox-section-header-padding: var(--hop-space-inset-stretch-sm);
2547
- --hop-ListBox-section-header-top-offset: var(--hop-overline-top-offset);
2548
- --hop-ListBox-section-header-bottom-offset: var(--hop-overline-bottom-offset);
2549
- --hop-ListBox-divider-margin-block: var(--hop-space-stack-sm);
2550
- --hop-ListBox-divider-margin-inline: calc(-1 * var(--hop-ListBox-padding-inline));
2551
- --max-width: var(--hop-ListBox-max-width);
2552
- --width: var(--hop-ListBox-width);
2553
- --section-padding-block-start: var(--hop-ListBox-section-padding-block);
2554
- --section-padding-block-end: var(--hop-ListBox-section-padding-block);
2555
- --section-margin-block-start: 0;
2556
- --section-margin-block-end: 0;
2557
- --section-border-block-start: 0;
2558
- --section-border-block-end: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
2559
- overflow-y: auto;
2560
- box-sizing: border-box;
2561
- inline-size: var(--width);
2562
- min-inline-size: var(--hop-ListBox-min-width);
2563
- max-inline-size: var(--max-width);
2564
- padding-block: var(--hop-ListBox-padding-block);
2565
- padding-inline: var(--hop-ListBox-padding-inline);
2566
- background-color: var(--hop-ListBox-background-color);
2567
- border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
2568
- border-radius: var(--hop-ListBox-border-radius);
2569
- }
2570
- .ListBox-module__hop-ListBox--fluid___Imbbr {
2571
- --max-width: var(--hop-ListBox-fluid-max-width);
2572
- --width: var(--hop-ListBox-fluid-width);
2573
- }
2574
- .ListBox-module__hop-ListBox__section___EdImM {
2575
- margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
2576
- margin-inline: var(--hop-ListBox-section-margin-inline);
2577
- padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
2578
- padding-inline: var(--hop-ListBox-section-padding-inline);
2579
- border-block-start: var(--section-border-block-start);
2580
- border-block-end: var(--section-border-block-end);
2581
- }
2582
- .ListBox-module__hop-ListBox__item___-dZ1Z + .ListBox-module__hop-ListBox__section___EdImM {
2583
- --section-margin-block-start: var(--hop-ListBox-section-margin-block);
2584
- --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
2585
- }
2586
- .ListBox-module__hop-ListBox__section___EdImM:has(+ .ListBox-module__hop-ListBox__item___-dZ1Z) {
2587
- --section-margin-block-end: var(--hop-ListBox-section-margin-block);
2588
- }
2589
- .ListBox-module__hop-ListBox__section___EdImM:first-child {
2590
- --section-padding-block-start: 0;
2591
- }
2592
- .ListBox-module__hop-ListBox__section___EdImM:last-child {
2593
- --section-padding-block-end: 0;
2594
- --section-border-block-end: 0;
2595
- }
2596
- .ListBox-module__hop-ListBox__section-header___F18mO {
2597
- margin: 0;
2598
- padding: var(--hop-ListBox-section-header-padding);
2599
- font-family: var(--hop-ListBox-section-header-font-family);
2600
- font-size: var(--hop-ListBox-section-header-font-size);
2601
- font-weight: var(--hop-ListBox-section-header-font-weight);
2602
- line-height: var(--hop-ListBox-section-header-line-height);
2603
- text-transform: var(--hop-ListBox-section-header-text-transform);
2604
- letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
2605
- }
2606
- .ListBox-module__hop-ListBox__section-header___F18mO::before,
2607
- .ListBox-module__hop-ListBox__section-header___F18mO::after {
2608
- content: "";
2609
- display: block;
2610
- box-sizing: border-box;
2611
- inline-size: 0;
2612
- block-size: 0;
2613
- }
2614
- .ListBox-module__hop-ListBox__section-header___F18mO::before {
2615
- margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
2616
- }
2617
- .ListBox-module__hop-ListBox__section-header___F18mO::after {
2618
- margin-block-start: var(--hop-ListBox-section-header-top-offset);
2619
- }
2620
- .ListBox-module__hop-ListBox__divider___5vc2s {
2621
- margin-block: var(--hop-ListBox-divider-margin-block);
2622
- margin-inline: var(--hop-ListBox-divider-margin-inline);
2623
- }
2624
-
2625
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/overlays/Popover/src/Popover.module.css/#css-module-data */
2626
- :where(.Popover-module__hop-Popover___ahosg *) {
2627
- font-family: var(--font-family);
2628
- font-size: var(--font-size);
2629
- font-weight: var(--font-weight);
2630
- line-height: var(--line-height);
2631
- outline: none;
2632
- }
2633
- .Popover-module__hop-Popover__dialog___rwQSO {
2634
- --hop-Popover-background: var(--hop-neutral-surface);
2635
- --hop-Popover-font-family: var(--hop-body-sm-font-family);
2636
- --hop-Popover-font-size: var(--hop-body-sm-font-size);
2637
- --hop-Popover-font-weight: var(--hop-body-sm-font-weight);
2638
- --hop-Popover-line-height: var(--hop-body-sm-line-height);
2639
- --hop-Popover-color: var(--hop-neutral-text);
2640
- --hop-Popover-title-font-family: var(--hop-body-sm-font-family);
2641
- --hop-Popover-title-font-weight: var(--hop-body-sm-semibold-font-weight);
2642
- --hop-Popover-content-font-size: var(--hop-body-sm-font-size);
2643
- --hop-Popover-content-line-height: var(--hop-body-sm-line-height);
2644
- --hop-Popover-content-color: var(--hop-neutral-text-weak);
2645
- --hop-Popover-footer-font-size: var(--hop-body-sm-font-size);
2646
- --hop-Popover-footer-line-height: var(--hop-body-sm-line-height);
2647
- --hop-Popover-footer-link-color: var(--hop-primary-text);
2648
- --hop-Popover-border: 0.0625rem solid var(--hop-neutral-border-weak);
2649
- --hop-Popover-border-radius: var(--hop-shape-rounded-md);
2650
- --hop-Popover-box-shadow: var(--hop-elevation-lifted);
2651
- --hop-Popover-max-inline-width: calc(100% - var(--hop-space-inline-md));
2652
- --font-family: var(--hop-Popover-font-family);
2653
- --font-size: var(--hop-Popover-font-size);
2654
- --font-weight: var(--hop-Popover-font-weight);
2655
- --line-height: var(--hop-Popover-line-height);
2656
- --width: var(--hop-Popover-max-inline-width);
2657
- display: grid;
2658
- grid-template-areas: "header header" "content content" "footer action";
2659
- grid-template-columns: repeat(2, auto);
2660
- column-gap: var(--hop-space-inset-sm);
2661
- box-sizing: border-box;
2662
- inline-size: var(--width);
2663
- max-inline-size: var(--width);
2664
- padding: var(--hop-space-inset-md);
2665
- background-color: var(--hop-Popover-background);
2666
- border: var(--hop-Popover-border);
2667
- border-radius: var(--hop-Popover-border-radius);
2668
- box-shadow: var(--hop-Popover-box-shadow);
2669
- @media (width >= 40rem) {
2670
- --width: 25rem;
2671
- }
2672
- }
2673
- .Popover-module__hop-Popover__title___VkIXX {
2674
- grid-area: header;
2675
- color: var(--hop-Popover-color);
2676
- }
2677
- .Popover-module__hop-Popover__actions___A24RL,
2678
- .Popover-module__hop-Popover__action___i8Fan {
2679
- grid-area: action;
2680
- justify-self: end;
2681
- margin-block-start: var(--hop-space-stack-sm);
2682
- }
2683
- .Popover-module__hop-Popover__content___kMgPZ {
2684
- --font-size: var(--hop-Popover-content-font-size);
2685
- --line-height: var(--hop-Popover-content-line-height);
2686
- grid-area: content;
2687
- margin-block: var(--hop-space-stack-sm) 0;
2688
- margin-inline: 0;
2689
- padding: 0;
2690
- color: var(--hop-Popover-content-color);
2691
- }
2692
- .Popover-module__hop-Popover__footer___N7P2Q {
2693
- --font-size: var(--hop-Popover-footer-font-size);
2694
- --line-height: var(--hop-Popover-footer-line-height);
2695
- grid-area: footer;
2696
- place-self: center start;
2697
- margin-block-start: var(--hop-space-stack-sm);
2698
- color: var(--hop-Popover-color);
2699
- }
2700
-
2701
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/Switch.module.css/#css-module-data */
2702
- .Switch-module__hop-Switch___xTzRj {
2703
- --hop-Switch-border-size: 0.0625rem;
2704
- --hop-Switch-border-color: var(--hop-neutral-border);
2705
- --hop-Switch-border-radius: var(--hop-shape-rounded-lg);
2706
- --hop-Switch-background-color: var(--hop-neutral-surface);
2707
- --hop-Switch-thumb-color: var(--hop-neutral-icon);
2708
- --hop-Switch-text-color: var(--hop-neutral-text);
2709
- --hop-Switch-border-color-hover: var(--hop-neutral-border-hover);
2710
- --hop-Switch-background-color-hover: var(--hop-neutral-surface-hover);
2711
- --hop-Switch-thumb-color-hover: var(--hop-neutral-icon-hover);
2712
- --hop-Switch-text-color-hover: var(--hop-neutral-text-hover);
2713
- --hop-Switch-border-color-pressed: var(--hop-neutral-border-press);
2714
- --hop-Switch-background-color-pressed: var(--hop-neutral-surface-press);
2715
- --hop-Switch-thumb-color-pressed: var(--hop-neutral-icon-press);
2716
- --hop-Switch-text-color-pressed: var(--hop-neutral-text-press);
2717
- --hop-Switch-border-color-focus: var(--hop-neutral-border-hover);
2718
- --hop-Switch-background-color-focus: var(--hop-neutral-surface-hover);
2719
- --hop-Switch-thumb-color-focus: var(--hop-neutral-icon-hover);
2720
- --hop-Switch-focus-ring-color: var(--hop-primary-border-focus);
2721
- --hop-Switch-text-color-focus: var(--hop-neutral-text);
2722
- --hop-Switch-border-color-selected: var(--hop-neutral-border-selected);
2723
- --hop-Switch-background-color-selected: var(--hop-neutral-surface-selected);
2724
- --hop-Switch-thumb-color-selected: var(--hop-neutral-icon-selected);
2725
- --hop-Switch-text-color-selected: var(--hop-neutral-text);
2726
- --hop-Switch-border-color-disabled: var(--hop-neutral-border-disabled);
2727
- --hop-Switch-background-color-disabled: var(--hop-neutral-surface-disabled);
2728
- --hop-Switch-thumb-color-disabled: var(--hop-neutral-icon-disabled);
2729
- --hop-Switch-text-color-disabled: var(--hop-neutral-text-disabled);
2730
- --hop-Switch-inline-size-md: 3rem;
2731
- --hop-Switch-block-size-md: 1.5rem;
2732
- --hop-Switch-thumb-size-md: 1rem;
2733
- --hop-Switch-inset-inline-start-md: var(--hop-space-inset-xs);
2734
- --hop-Switch-text-top-offset-md: calc((var(--block-size) - (var(--hop-body-md-line-height) * var(--hop-body-md-font-size))) / 2);
2735
- --hop-Switch-inline-size-sm: 2rem;
2736
- --hop-Switch-block-size-sm: 1rem;
2737
- --hop-Switch-thumb-size-sm: 0.75rem;
2738
- --hop-Switch-inset-inline-start-sm: calc(var(--hop-space-inset-xs) / 2);
2739
- --hop-Switch-text-top-offset-sm: calc((var(--block-size) - (var(--hop-body-sm-line-height) * var(--hop-body-sm-font-size))) / 2);
2740
- --border-size: var(--hop-Switch-border-size);
2741
- --border-color: var(--hop-Switch-border-color);
2742
- --border-radius: var(--hop-Switch-border-radius);
2743
- --background-color: var(--hop-Switch-background-color);
2744
- --column-gap: var(--hop-space-inline-sm);
2745
- --thumb-color: var(--hop-Switch-thumb-color);
2746
- --thumb-transform: translate(0, -50%);
2747
- --outline: none;
2748
- --cursor: pointer;
2749
- --text-color: var(--hop-Switch-text-color);
2750
- cursor: var(--cursor);
2751
- display: inline-flex;
2752
- column-gap: var(--column-gap);
2753
- align-items: flex-start;
2754
- justify-content: flex-start;
2755
- box-sizing: border-box;
2756
- inline-size: max-content;
2757
- max-inline-size: 100%;
2758
- }
2759
- .Switch-module__hop-Switch--sm___pMOUQ {
2760
- --inline-size: var(--hop-Switch-inline-size-sm);
2761
- --block-size: var(--hop-Switch-block-size-sm);
2762
- --thumb-size: var(--hop-Switch-thumb-size-sm);
2763
- --inset-inline-start: var(--hop-Switch-inset-inline-start-sm);
2764
- --text-top-offset: var(--hop-Switch-text-top-offset-sm);
2765
- }
2766
- .Switch-module__hop-Switch--md___XkV-u {
2767
- --inline-size: var(--hop-Switch-inline-size-md);
2768
- --block-size: var(--hop-Switch-block-size-md);
2769
- --thumb-size: var(--hop-Switch-thumb-size-md);
2770
- --inset-inline-start: var(--hop-Switch-inset-inline-start-md);
2771
- --text-top-offset: var(--hop-Switch-text-top-offset-md);
2772
- }
2773
- .Switch-module__hop-Switch___xTzRj[data-hovered] {
2774
- --border-color: var(--hop-Switch-border-color-hover);
2775
- --background-color: var(--hop-Switch-background-color-hover);
2776
- --thumb-color: var(--hop-Switch-thumb-color-hover);
2777
- --text-color: var(--hop-Switch-text-color-hover);
2778
- }
2779
- .Switch-module__hop-Switch___xTzRj[data-pressed],
2780
- .Switch-module__hop-Switch___xTzRj[data-pressed][data-focus-visible] {
2781
- --border-color: var(--hop-Switch-border-color-pressed);
2782
- --background-color: var(--hop-Switch-background-color-pressed);
2783
- --thumb-color: var(--hop-Switch-thumb-color-pressed);
2784
- --text-color: var(--hop-Switch-text-color-pressed);
2785
- }
2786
- .Switch-module__hop-Switch___xTzRj[data-focus-visible] {
2787
- --border-color: var(--hop-Switch-border-color-focus);
2788
- --background-color: var(--hop-Switch-background-color-focus);
2789
- --thumb-color: var(--hop-Switch-thumb-color-focus);
2790
- --outline: 0.125rem solid var(--hop-Switch-focus-ring-color);
2791
- --text-color: var(--hop-Switch-text-color-focus);
2792
- }
2793
- .Switch-module__hop-Switch___xTzRj[data-selected],
2794
- .Switch-module__hop-Switch___xTzRj[data-selected][data-pressed] {
2795
- --border-color: var(--hop-Switch-border-color-selected);
2796
- --background-color: var(--hop-Switch-background-color-selected);
2797
- --thumb-color: var(--hop-Switch-thumb-color-selected);
2798
- --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%);
2799
- --text-color: var(--hop-Switch-text-color-selected);
2800
- }
2801
- .Switch-module__hop-Switch___xTzRj[data-disabled] {
2802
- --border-color: var(--hop-Switch-border-color-disabled);
2803
- --background-color: var(--hop-Switch-background-color-disabled);
2804
- --thumb-color: var(--hop-Switch-thumb-color-disabled);
2805
- --text-color: var(--hop-Switch-text-color-disabled);
2806
- --cursor: not-allowed;
2807
- }
2808
- .Switch-module__hop-Switch__indicator___tCcAc {
2809
- position: relative;
2810
- flex: 0 0 auto;
2811
- box-sizing: border-box;
2812
- inline-size: var(--inline-size, var(--hop-Switch-inline-size-md));
2813
- block-size: var(--block-size, var(--hop-Switch-block-size-md));
2814
- background-color: var(--background-color);
2815
- border: var(--border-size) solid var(--border-color);
2816
- border-radius: var(--border-radius);
2817
- outline: var(--outline);
2818
- outline-offset: 0.125rem;
2819
- transition: background var(--hop-easing-duration-2), border-color var(--hop-easing-duration-2);
2820
- }
2821
- .Switch-module__hop-Switch__indicator___tCcAc::before {
2822
- content: "";
2823
- position: absolute;
2824
- inset-block-start: 50%;
2825
- inset-inline-start: var(--inset-inline-start);
2826
- transform: var(--thumb-transform);
2827
- flex: 0 0 auto;
2828
- order: 1;
2829
- box-sizing: border-box;
2830
- inline-size: var(--thumb-size);
2831
- block-size: var(--thumb-size);
2832
- background-color: var(--thumb-color);
2833
- border-radius: var(--hop-shape-circle);
2834
- transition: transform var(--hop-easing-duration-2), background var(--hop-easing-duration-2);
2835
- }
2836
- .Switch-module__hop-Switch__text___nvsfu {
2837
- flex: 0 1 auto;
2838
- order: 2;
2839
- min-inline-size: 0;
2840
- margin-block-start: var(--text-top-offset, var(--hop-Switch-text-top-offset-md));
2841
- color: var(--text-color);
2842
- }
2843
- .Switch-module__hop-Switch__icon-list___322IP,
2844
- .Switch-module__hop-Switch__icon___IIFNL {
2845
- order: 3;
2846
- }
2847
-
2848
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/SwitchField.module.css/#css-module-data */
2849
- .SwitchField-module__hop-SwitchField___w3L7V {
2850
- --hop-SwitchField-description-color: var(--hop-neutral-text-weak);
2851
- --hop-SwitchField-description-color-disabled: var(--hop-neutral-text-disabled);
2852
- --hop-SwitchField-sm-row-gap: var(--hop-space-stack-xs);
2853
- --hop-SwitchField-switch-sm-inline-size: 2rem;
2854
- --hop-SwitchField-description-sm-margin-inline-start: calc(var(--hop-SwitchField-switch-sm-inline-size) + var(--hop-space-inline-sm));
2855
- --hop-SwitchField-md-row-gap: var(--hop-space-stack-xs);
2856
- --hop-SwitchField-switch-md-inline-size: 3rem;
2857
- --hop-SwitchField-description-md-margin-inline-start: calc(var(--hop-SwitchField-switch-md-inline-size) + var(--hop-space-inline-sm));
2858
- --description-color: var(--hop-SwitchField-description-color);
2859
- display: flex;
2860
- flex-direction: column;
2861
- row-gap: var(--row-gap, var(--hop-space-stack-sm));
2862
- align-items: flex-start;
2863
- justify-content: flex-start;
2864
- box-sizing: border-box;
2865
- inline-size: max-content;
2866
- max-inline-size: 100%;
2867
- }
2868
- .SwitchField-module__hop-SwitchField___w3L7V[data-disabled] {
2869
- --description-color: var(--hop-SwitchField-description-color-disabled);
2870
- }
2871
- .SwitchField-module__hop-SwitchField--sm___xSnx9 {
2872
- --row-gap: var(--hop-SwitchField-sm-row-gap);
2873
- --description-margin-inline-start: var(--hop-SwitchField-description-sm-margin-inline-start);
2874
- }
2875
- .SwitchField-module__hop-SwitchField--md___lEJk0 {
2876
- --row-gap: var(--hop-SwitchField-md-row-gap);
2877
- --description-margin-inline-start: var(--hop-SwitchField-description-md-margin-inline-start);
2878
- }
2879
- .SwitchField-module__hop-SwitchField__description___qqhZZ {
2880
- order: 2;
2881
- margin-inline-start: var(--description-margin-inline-start, var(--hop-SwitchField-description-md-margin-inline-start));
2882
- color: var(--description-color);
2883
- }
2884
- .SwitchField-module__hop-SwitchField__switch___sDRnX {
2885
- order: 1;
2886
- }
2887
-
2888
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/Tag.module.css/#css-module-data */
2889
- .Tag-module__hop-Tag___APxsb {
2890
- --hop-Tag-border-size: 0.0625rem;
2891
- --hop-Tag-border-radius: var(--hop-shape-pill);
2892
- --hop-Tag-border-color: var(--hop-neutral-border);
2893
- --hop-Tag-background-color: var(--hop-neutral-surface-weak);
2894
- --hop-Tag-text-color: var(--hop-neutral-text);
2895
- --hop-Tag-md-block-size: 1.5rem;
2896
- --hop-Tag-md-padding-inline-start: var(--hop-space-inset-xs);
2897
- --hop-Tag-md-padding-inline-start-text-first: var(--hop-space-inset-sm);
2898
- --hop-Tag-md-padding-inline-end: var(--hop-space-inset-xs);
2899
- --hop-Tag-md-padding-inline-end-text-last: var(--hop-space-inset-sm);
2900
- --hop-Tag-md-column-gap: var(--hop-space-inline-xs);
2901
- --hop-Tag-lg-block-size: 2rem;
2902
- --hop-Tag-lg-padding-inline-start: var(--hop-space-inset-xs);
2903
- --hop-Tag-lg-padding-inline-start-text-first: var(--hop-space-inset-md);
2904
- --hop-Tag-lg-padding-inline-end: var(--hop-space-inset-xs);
2905
- --hop-Tag-lg-padding-inline-end-text-last: var(--hop-space-inset-md);
2906
- --hop-Tag-lg-column-gap: var(--hop-space-inline-sm);
2907
- --hop-Tag-background-color-focus: var(--hop-neutral-surface-weak-hover);
2908
- --hop-Tag-border-color-focus: var(--hop-neutral-border-hover);
2909
- --hop-Tag-text-color-focus: var(--hop-neutral-text-hover);
2910
- --hop-Tag-focus-ring-color: var(--hop-primary-border-focus);
2911
- --hop-Tag-background-color-hover: var(--hop-neutral-surface-weak-hover);
2912
- --hop-Tag-border-color-hover: var(--hop-neutral-border-hover);
2913
- --hop-Tag-text-color-hover: var(--hop-neutral-text-hover);
2914
- --hop-Tag-background-color-selected: var(--hop-neutral-surface-weak-selected);
2915
- --hop-Tag-border-color-selected: var(--hop-neutral-border-selected);
2916
- --hop-Tag-text-color-selected: var(--hop-neutral-text);
2917
- --hop-Tag-background-color-press: var(--hop-neutral-surface-weak-press);
2918
- --hop-Tag-border-color-press: var(--hop-neutral-border-press);
2919
- --hop-Tag-text-color-press: var(--hop-neutral-text-press);
2920
- --hop-Tag-border-color-invalid: var(--hop-danger-border-strong);
2921
- --hop-Tag-background-color-disabled: var(--hop-neutral-surface-disabled);
2922
- --hop-Tag-border-color-disabled: var(--hop-neutral-border-disabled);
2923
- --hop-Tag-text-color-disabled: var(--hop-neutral-text-disabled);
2924
- --border-radius: var(--hop-Tag-border-radius);
2925
- --border-size: var(--hop-Tag-border-size);
2926
- --border-color: var(--hop-Tag-border-color);
2927
- --background-color: var(--hop-Tag-background-color);
2928
- --text-color: var(--hop-Tag-text-color);
2929
- --badge-secondary-inline-margin-start: calc(-1 * var(--column-gap));
2930
- --focus-ring-color: var(--hop-Tag-focus-ring-color);
2931
- overflow: hidden;
2932
- display: inline-flex;
2933
- column-gap: var(--column-gap);
2934
- align-items: center;
2935
- justify-content: center;
2936
- box-sizing: border-box;
2937
- inline-size: max-content;
2938
- max-inline-size: 100%;
2939
- block-size: var(--block-size);
2940
- padding-inline: var(--padding-inline-start) var(--padding-inline-end);
2941
- color: var(--text-color);
2942
- white-space: nowrap;
2943
- background-color: var(--background-color);
2944
- border: var(--border-size) solid var(--border-color);
2945
- border-radius: var(--border-radius);
2946
- outline: none;
2947
- outline-offset: 0.125rem;
2948
- }
2949
- .Tag-module__hop-Tag--md___PGGfP {
2950
- --block-size: var(--hop-Tag-md-block-size);
2951
- --padding-inline-start: var(--hop-Tag-md-padding-inline-start);
2952
- --padding-inline-end: var(--hop-Tag-md-padding-inline-end);
2953
- --column-gap: var(--hop-Tag-md-column-gap);
2954
- --clear-btn-margin-inline: calc(-1 * var(--hop-space-inline-xs));
2955
- }
2956
- .Tag-module__hop-Tag--md___PGGfP:not(:has(.Tag-module__hop-Tag__icon___oelf8, .Tag-module__hop-Tag__icon-list___HNt-z)) {
2957
- --padding-inline-start: var(--hop-Tag-md-padding-inline-start-text-first);
2958
- }
2959
- .Tag-module__hop-Tag--md___PGGfP:not(:has(.Tag-module__hop-Tag__badge___IZs0J, .Tag-module__hop-Tag__remove-btn___PINTP, .Tag-module__hop-Tag__Spinner___lbIMQ)) {
2960
- --padding-inline-end: var(--hop-Tag-md-padding-inline-end-text-last);
2961
- }
2962
- .Tag-module__hop-Tag--md___PGGfP:not(:has(.Tag-module__hop-Tag__remove-btn___PINTP, .Tag-module__hop-Tag__Spinner___lbIMQ)) {
2963
- --badge-margin-inline-end: calc(-1 * var(--padding-inline-end));
2964
- }
2965
- .Tag-module__hop-Tag--lg___YTw5A {
2966
- --block-size: var(--hop-Tag-lg-block-size);
2967
- --padding-inline-start: var(--hop-Tag-lg-padding-inline-start);
2968
- --padding-inline-end: var(--hop-Tag-lg-padding-inline-end);
2969
- --column-gap: var(--hop-Tag-lg-column-gap);
2970
- --clear-btn-margin-inline: 0;
2971
- --badge-margin-inline-end: 0;
2972
- }
2973
- .Tag-module__hop-Tag--lg___YTw5A:not(:has(.Tag-module__hop-Tag__icon___oelf8, .Tag-module__hop-Tag__icon-list___HNt-z)) {
2974
- --padding-inline-start: var(--hop-Tag-lg-padding-inline-start-text-first);
2975
- }
2976
- .Tag-module__hop-Tag--lg___YTw5A:not(:has(.Tag-module__hop-Tag__badge___IZs0J, .Tag-module__hop-Tag__remove-btn___PINTP, .Tag-module__hop-Tag__Spinner___lbIMQ)) {
2977
- --padding-inline-end: var(--hop-Tag-lg-padding-inline-end-text-last);
2978
- }
2979
- .Tag-module__hop-Tag___APxsb[data-href] {
2980
- cursor: pointer;
2981
- }
2982
- .Tag-module__hop-Tag___APxsb[data-focus-visible] {
2983
- --background-color: var(--hop-Tag-background-color-focus);
2984
- --border-color: var(--hop-Tag-border-color-focus);
2985
- --text-color: var(--hop-Tag-text-color-focus);
2986
- outline: 0.125rem solid var(--focus-ring-color);
2987
- }
2988
- .Tag-module__hop-Tag___APxsb[data-hovered] {
2989
- --background-color: var(--hop-Tag-background-color-hover);
2990
- --border-color: var(--hop-Tag-border-color-hover);
2991
- --text-color: var(--hop-Tag-text-color-hover);
2992
- cursor: pointer;
2993
- }
2994
- .Tag-module__hop-Tag___APxsb[data-selected] {
2995
- --background-color: var(--hop-Tag-background-color-selected);
2996
- --border-color: var(--hop-Tag-border-color-selected);
2997
- --text-color: var(--hop-Tag-text-color-selected);
2998
- }
2999
- .Tag-module__hop-Tag___APxsb[data-pressed] {
3000
- --background-color: var(--hop-Tag-background-color-press);
3001
- --border-color: var(--hop-Tag-border-color-press);
3002
- --text-color: var(--hop-Tag-text-color-press);
3003
- cursor: pointer;
3004
- }
3005
- .Tag-module__hop-Tag___APxsb[data-invalid] {
3006
- --border-color: var(--hop-Tag-border-color-invalid);
3007
- }
3008
- .Tag-module__hop-Tag___APxsb[data-disabled] {
3009
- --background-color: var(--hop-Tag-background-color-disabled);
3010
- --border-color: var(--hop-Tag-border-color-disabled);
3011
- --text-color: var(--hop-Tag-text-color-disabled);
3012
- cursor: not-allowed;
3013
- }
3014
- .Tag-module__hop-Tag__icon___oelf8,
3015
- .Tag-module__hop-Tag__icon-list___HNt-z {
3016
- flex: 0 0 auto;
3017
- flex-wrap: nowrap;
3018
- order: 1;
3019
- }
3020
- .Tag-module__hop-Tag__text___3hZ83 {
3021
- overflow: hidden;
3022
- flex: 1 1 auto;
3023
- order: 2;
3024
- min-inline-size: 0;
3025
- text-align: center;
3026
- text-overflow: ellipsis;
3027
- }
3028
- .Tag-module__hop-Tag__badge___IZs0J {
3029
- flex: 0 0 auto;
3030
- order: 3;
3031
- margin-inline-end: var(--badge-margin-inline-end);
3032
- }
3033
- .Tag-module__hop-Tag__badge___IZs0J.Tag-module__hop-Badge--secondary___OeS9R {
3034
- margin-inline-start: var(--badge-secondary-inline-margin-start);
3035
- }
3036
- .Tag-module__hop-Tag__remove-btn___PINTP,
3037
- .Tag-module__hop-Tag__Spinner___lbIMQ {
3038
- flex: 0 0 auto;
3039
- order: 4;
3040
- }
3041
- .Tag-module__hop-Tag__remove-btn___PINTP {
3042
- margin-inline: var(--clear-btn-margin-inline);
3043
- }
3044
-
3045
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/TagGroup.module.css/#css-module-data */
3046
- .TagGroup-module__hop-TagGroup___HSRyk {
3047
- --hop-TagGroup-row-gap: var(--hop-space-inline-sm);
3048
- --hop-TagGroup-list-column-gap: var(--hop-space-inline-sm);
3049
- --hop-TagGroup-list-row-gap: var(--hop-space-inline-sm);
3050
- --hop-TagGroup-list-focus-ring-color: var(--hop-primary-border-focus);
3051
- --hop-TagGroup-list-border-radius: var(--hop-shape-rounded-sm);
3052
- --row-gap: var(--hop-TagGroup-row-gap);
3053
- --list-column-gap: var(--hop-TagGroup-list-column-gap);
3054
- --list-row-gap: var(--hop-TagGroup-list-row-gap);
3055
- --list-focus-ring-color: var(--hop-TagGroup-list-focus-ring-color);
3056
- --list-border-radius: var(--hop-TagGroup-list-border-radius);
3057
- display: flex;
3058
- flex-direction: column;
3059
- row-gap: var(--row-gap);
3060
- align-items: flex-start;
3061
- justify-content: flex-start;
3062
- box-sizing: border-box;
3063
- inline-size: max-content;
3064
- max-inline-size: 100%;
3065
- }
3066
- .TagGroup-module__hop-TagGroup___HSRyk > .TagGroup-module__hop-TagGroup__label___2FqNk {
3067
- order: 1;
3068
- }
3069
- .TagGroup-module__hop-TagGroup__list___PssjU {
3070
- display: flex;
3071
- flex-wrap: wrap;
3072
- gap: var(--list-row-gap) var(--list-column-gap);
3073
- align-items: center;
3074
- order: 2;
3075
- border-radius: var(--list-border-radius);
3076
- outline: none;
3077
- }
3078
- .TagGroup-module__hop-TagGroup__list___PssjU[data-focus-visible] {
3079
- outline: 0.125rem solid var(--list-focus-ring-color);
3080
- outline-offset: 0.125rem;
3081
- }
3082
- .TagGroup-module__hop-TagGroup___HSRyk > .TagGroup-module__hop-TagGroup__error-message___Nd-LK,
3083
- .TagGroup-module__hop-TagGroup___HSRyk > .TagGroup-module__hop-TagGroup__helper-message___-MMag {
3084
- order: 3;
3085
- }
3086
-
3087
961
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
3088
- .Heading-module__hop-Heading___0-OVa {
962
+ .Heading-module__hop-Heading___CV7-P {
3089
963
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
3090
964
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
3091
965
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -3119,58 +993,101 @@
3119
993
  --hop-Heading-inherit-size-font-weight: inherit;
3120
994
  --hop-Heading-inherit-size-line-height: inherit;
3121
995
  }
3122
- :where(.Heading-module__hop-Heading___0-OVa) {
996
+ :where(.Heading-module__hop-Heading___CV7-P) {
3123
997
  margin: 0;
3124
998
  font-family: var(--font-family);
3125
999
  font-size: var(--font-size);
3126
1000
  font-weight: var(--font-weight);
3127
1001
  line-height: var(--line-height);
3128
1002
  }
3129
- :where(.Heading-module__hop-Heading--xs___Gv8a-) {
1003
+ :where(.Heading-module__hop-Heading--xs___lUG86) {
3130
1004
  --font-size: var(--hop-Heading-xs-font-size);
3131
1005
  --font-family: var(--hop-Heading-xs-font-family);
3132
1006
  --font-weight: var(--hop-Heading-xs-font-weight);
3133
1007
  --line-height: var(--hop-Heading-xs-line-height);
3134
1008
  }
3135
- :where(.Heading-module__hop-Heading--sm___Pp2Y3) {
1009
+ :where(.Heading-module__hop-Heading--sm___Cj41K) {
3136
1010
  --font-size: var(--hop-Heading-sm-font-size);
3137
1011
  --font-family: var(--hop-Heading-sm-font-family);
3138
1012
  --font-weight: var(--hop-Heading-sm-font-weight);
3139
1013
  --line-height: var(--hop-Heading-sm-line-height);
3140
1014
  }
3141
- :where(.Heading-module__hop-Heading--md___WcfUF) {
1015
+ :where(.Heading-module__hop-Heading--md___J5xM6) {
3142
1016
  --font-size: var(--hop-Heading-md-font-size);
3143
1017
  --font-family: var(--hop-Heading-md-font-family);
3144
1018
  --font-weight: var(--hop-Heading-md-font-weight);
3145
1019
  --line-height: var(--hop-Heading-md-line-height);
3146
1020
  }
3147
- :where(.Heading-module__hop-Heading--lg___bdnQF) {
1021
+ :where(.Heading-module__hop-Heading--lg___danQV) {
3148
1022
  --font-size: var(--hop-Heading-lg-font-size);
3149
1023
  --font-family: var(--hop-Heading-lg-font-family);
3150
1024
  --font-weight: var(--hop-Heading-lg-font-weight);
3151
1025
  --line-height: var(--hop-Heading-lg-line-height);
3152
1026
  }
3153
- :where(.Heading-module__hop-Heading--xl___Lt00B) {
1027
+ :where(.Heading-module__hop-Heading--xl___WqtBx) {
3154
1028
  --font-size: var(--hop-Heading-xl-font-size);
3155
1029
  --font-family: var(--hop-Heading-xl-font-family);
3156
1030
  --font-weight: var(--hop-Heading-xl-font-weight);
3157
1031
  --line-height: var(--hop-Heading-xl-line-height);
3158
1032
  }
3159
- :where(.Heading-module__hop-Heading--2xl___yT4Le) {
1033
+ :where(.Heading-module__hop-Heading--2xl___rdouL) {
3160
1034
  --font-size: var(--hop-Heading-2xl-font-size);
3161
1035
  --font-family: var(--hop-Heading-2xl-font-family);
3162
1036
  --font-weight: var(--hop-Heading-2xl-font-weight);
3163
1037
  --line-height: var(--hop-Heading-2xl-line-height);
3164
1038
  }
3165
- :where(.Heading-module__hop-Heading--3xl___z-3OX) {
1039
+ :where(.Heading-module__hop-Heading--3xl___mLIMt) {
3166
1040
  --font-size: var(--hop-Heading-3xl-font-size);
3167
1041
  --font-family: var(--hop-Heading-3xl-font-family);
3168
1042
  --font-weight: var(--hop-Heading-3xl-font-weight);
3169
1043
  --line-height: var(--hop-Heading-3xl-line-height);
3170
1044
  }
3171
1045
 
1046
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
1047
+ :where(.OverlineText-module__hop-OverlineText___Vuw2H) {
1048
+ --hop-OverlineText-font-family: var(--hop-overline-font-family);
1049
+ --hop-OverlineText-font-size: var(--hop-overline-font-size);
1050
+ --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
1051
+ --hop-OverlineText-letter-spacing: 0.015rem;
1052
+ --hop-OverlineText-line-height: var(--hop-overline-line-height);
1053
+ --hop-OverlineText-top-offset: var(--hop-overline-top-offset);
1054
+ --hop-OverlineText-bottom-offset: var(--hop-overline-bottom-offset);
1055
+ --font-family: var(--hop-OverlineText-font-family);
1056
+ --font-size: var(--hop-OverlineText-font-size);
1057
+ --font-weight: var(--hop-OverlineText-font-weight);
1058
+ --letter-spacing: var(--hop-OverlineText-letter-spacing);
1059
+ --line-height: var(--hop-OverlineText-line-height);
1060
+ --top-offset: var(--hop-OverlineText-top-offset);
1061
+ --bottom-offset: var(--hop-OverlineText-bottom-offset);
1062
+ box-sizing: border-box;
1063
+ font-family: var(--font-family);
1064
+ font-size: var(--font-size);
1065
+ font-feature-settings: "case";
1066
+ font-weight: var(--font-weight);
1067
+ line-height: var(--line-height);
1068
+ text-transform: uppercase;
1069
+ letter-spacing: var(--letter-spacing);
1070
+ }
1071
+ .OverlineText-module__hop-OverlineText__text___xrm5a {
1072
+ box-sizing: border-box;
1073
+ }
1074
+ .OverlineText-module__hop-OverlineText__text___xrm5a::before,
1075
+ .OverlineText-module__hop-OverlineText__text___xrm5a::after {
1076
+ content: "";
1077
+ display: block;
1078
+ box-sizing: border-box;
1079
+ inline-size: 0;
1080
+ block-size: 0;
1081
+ }
1082
+ .OverlineText-module__hop-OverlineText__text___xrm5a::before {
1083
+ margin-block-end: var(--bottom-offset);
1084
+ }
1085
+ .OverlineText-module__hop-OverlineText__text___xrm5a::after {
1086
+ margin-block-start: var(--top-offset);
1087
+ }
1088
+
3172
1089
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/TextField.module.css/#css-module-data */
3173
- .TextField-module__hop-TextField___Ueoup {
1090
+ .TextField-module__hop-TextField___CA39c {
3174
1091
  --hop-TextField-gap: var(--hop-space-stack-xs);
3175
1092
  --hop-TextField-inline-size: 20rem;
3176
1093
  --hop-TextField-prefix-color: var(--hop-neutral-text-weak);
@@ -3185,10 +1102,10 @@
3185
1102
  gap: var(--hop-TextField-gap);
3186
1103
  inline-size: var(--inline-size);
3187
1104
  }
3188
- .TextField-module__hop-TextField--fluid___4EfDT {
1105
+ .TextField-module__hop-TextField--fluid___KYJbS {
3189
1106
  --inline-size: 100%;
3190
1107
  }
3191
- .TextField-module__hop-TextField__Label___evsNo {
1108
+ .TextField-module__hop-TextField__Label___RXpue {
3192
1109
  order: 0;
3193
1110
  font-family: var(--hop-TextField-font-family);
3194
1111
  font-size: var(--hop-TextField-font-size);
@@ -3196,19 +1113,19 @@
3196
1113
  line-height: var(--hop-TextField-line-height);
3197
1114
  color: var(--hop-TextField-color);
3198
1115
  }
3199
- .TextField-module__hop-TextField__prefix___84A9c {
1116
+ .TextField-module__hop-TextField__prefix___24cw0 {
3200
1117
  color: var(--hop-TextField-prefix-color);
3201
1118
  }
3202
- .TextField-module__hop-TextField__InputGroup___nPfog {
1119
+ .TextField-module__hop-TextField__InputGroup___MW0nv {
3203
1120
  order: 1;
3204
1121
  }
3205
- .TextField-module__hop-TextField__ErrorMessage___9o-kF,
3206
- .TextField-module__hop-TextField__HelperMessage___GWvWo {
1122
+ .TextField-module__hop-TextField__ErrorMessage___K3wLR,
1123
+ .TextField-module__hop-TextField__HelperMessage___BMw8g {
3207
1124
  order: 3;
3208
1125
  }
3209
1126
 
3210
1127
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
3211
- .PasswordField-module__hop-PasswordField___qT1M7 {
1128
+ .PasswordField-module__hop-PasswordField___DAIX5 {
3212
1129
  --hop-PasswordField-gap: var(--hop-space-stack-xs);
3213
1130
  --hop-PasswordField-inline-size: 20rem;
3214
1131
  --hop-PasswordField-font-family: var(--hop-heading-xs-font-family);
@@ -3222,10 +1139,10 @@
3222
1139
  gap: var(--hop-PasswordField-gap);
3223
1140
  inline-size: var(--inline-size);
3224
1141
  }
3225
- .PasswordField-module__hop-PasswordField--fluid___-BkfP {
1142
+ .PasswordField-module__hop-PasswordField--fluid___g3d71 {
3226
1143
  --inline-size: 100%;
3227
1144
  }
3228
- .PasswordField-module__hop-PasswordField__Label___--1oo {
1145
+ .PasswordField-module__hop-PasswordField__Label___-TpEz {
3229
1146
  order: 0;
3230
1147
  font-family: var(--hop-PasswordField-font-family);
3231
1148
  font-size: var(--hop-PasswordField-font-size);
@@ -3233,16 +1150,16 @@
3233
1150
  line-height: var(--hop-PasswordField-line-height);
3234
1151
  color: var(--hop-PasswordField-color);
3235
1152
  }
3236
- .PasswordField-module__hop-PasswordField__InputGroup___-SsGj {
1153
+ .PasswordField-module__hop-PasswordField__InputGroup___7KhIL {
3237
1154
  order: 1;
3238
1155
  }
3239
- .PasswordField-module__hop-PasswordField__ErrorMessage___KPTAA,
3240
- .PasswordField-module__hop-PasswordField__HelperMessage___EF3Zx {
1156
+ .PasswordField-module__hop-PasswordField__ErrorMessage___qihU5,
1157
+ .PasswordField-module__hop-PasswordField__HelperMessage___VBfQ2 {
3241
1158
  order: 3;
3242
1159
  }
3243
1160
 
3244
1161
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/SearchField.module.css/#css-module-data */
3245
- .SearchField-module__hop-SearchField___XyPuD {
1162
+ .SearchField-module__hop-SearchField___vxKu8 {
3246
1163
  --hop-SearchField-gap: var(--hop-space-stack-xs);
3247
1164
  --hop-SearchField-inline-size: 20rem;
3248
1165
  --hop-SearchField-color: var(--hop-neutral-text-weak);
@@ -3260,10 +1177,10 @@
3260
1177
  gap: var(--hop-SearchField-gap);
3261
1178
  inline-size: var(--inline-size);
3262
1179
  }
3263
- .SearchField-module__hop-SearchField--fluid___fuYKp {
1180
+ .SearchField-module__hop-SearchField--fluid___iBwfJ {
3264
1181
  --inline-size: 100%;
3265
1182
  }
3266
- .SearchField-module__hop-SearchField__Label___JKz99 {
1183
+ .SearchField-module__hop-SearchField__Label___3TwT1 {
3267
1184
  order: 0;
3268
1185
  font-family: var(--hop-SearchField-font-family);
3269
1186
  font-size: var(--hop-SearchField-font-size);
@@ -3271,27 +1188,27 @@
3271
1188
  line-height: var(--hop-SearchField-line-height);
3272
1189
  color: var(--hop-SearchField-color);
3273
1190
  }
3274
- .SearchField-module__hop-SearchField__prefix___mWvae {
1191
+ .SearchField-module__hop-SearchField__prefix___BgL4d {
3275
1192
  color: var(--hop-SearchField-color);
3276
1193
  }
3277
- .SearchField-module__hop-SearchField__InputGroup___NPE92 {
1194
+ .SearchField-module__hop-SearchField__InputGroup___naXDe {
3278
1195
  order: 1;
3279
1196
  padding-inline: var(--input-group-padding-inline-start) var(--input-group-padding-inline-end);
3280
1197
  }
3281
- .SearchField-module__hop-SearchField--clearable___HIr0R {
1198
+ .SearchField-module__hop-SearchField--clearable___hkMGX {
3282
1199
  --input-group-padding-inline-end: 0;
3283
1200
  }
3284
- .SearchField-module__hop-SearchField__ErrorMessage___DIvi3,
3285
- .SearchField-module__hop-SearchField__HelperMessage___E5AoO {
1201
+ .SearchField-module__hop-SearchField__ErrorMessage___6RK1i,
1202
+ .SearchField-module__hop-SearchField__HelperMessage___2wBE6 {
3286
1203
  order: 3;
3287
1204
  }
3288
- .SearchField-module__hop-SearchField___XyPuD input::-webkit-search-cancel-button,
3289
- .SearchField-module__hop-SearchField___XyPuD input::-webkit-search-decoration {
1205
+ .SearchField-module__hop-SearchField___vxKu8 input::-webkit-search-cancel-button,
1206
+ .SearchField-module__hop-SearchField___vxKu8 input::-webkit-search-decoration {
3290
1207
  appearance: none;
3291
1208
  }
3292
- .SearchField-module__hop-SearchField___XyPuD[data-empty] {
1209
+ .SearchField-module__hop-SearchField___vxKu8[data-empty] {
3293
1210
  --clear-button-display: none;
3294
1211
  }
3295
- .SearchField-module__hop-SearchField__ClearButton___hyUlh {
1212
+ .SearchField-module__hop-SearchField__ClearButton___eSX7R {
3296
1213
  display: var(--clear-button-display);
3297
1214
  }