@hopper-ui/components 1.0.6 → 1.0.7

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