@hopper-ui/components 1.0.11 → 1.0.13

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 (173) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/Avatar/src/AnonymousAvatar.css +10 -10
  3. package/dist/Avatar/src/AnonymousAvatar.js +2 -2
  4. package/dist/Avatar/src/Avatar.css +37 -37
  5. package/dist/Avatar/src/Avatar.js +3 -3
  6. package/dist/Avatar/src/DeletedAvatar.css +10 -10
  7. package/dist/Avatar/src/DeletedAvatar.js +2 -2
  8. package/dist/Avatar/src/RichIconAvatarImage.css +10 -10
  9. package/dist/Avatar/src/RichIconAvatarImage.js +1 -1
  10. package/dist/Avatar/src/index.css +37 -37
  11. package/dist/Avatar/src/index.js +5 -5
  12. package/dist/Badge/src/Badge.css +10 -10
  13. package/dist/Badge/src/Badge.js +2 -2
  14. package/dist/Badge/src/index.css +10 -10
  15. package/dist/Badge/src/index.js +2 -2
  16. package/dist/Chip/src/Chip.css +33 -33
  17. package/dist/Chip/src/Chip.js +2 -2
  18. package/dist/Chip/src/index.css +33 -33
  19. package/dist/Chip/src/index.js +2 -2
  20. package/dist/Divider/src/Divider.css +2 -2
  21. package/dist/Divider/src/Divider.js +1 -1
  22. package/dist/Divider/src/index.css +2 -2
  23. package/dist/Divider/src/index.js +1 -1
  24. package/dist/ErrorMessage/src/ErrorMessage.css +11 -11
  25. package/dist/ErrorMessage/src/ErrorMessage.js +2 -2
  26. package/dist/ErrorMessage/src/index.css +11 -11
  27. package/dist/ErrorMessage/src/index.js +2 -2
  28. package/dist/HelperMessage/src/HelperMessage.css +11 -11
  29. package/dist/HelperMessage/src/HelperMessage.js +2 -2
  30. package/dist/HelperMessage/src/index.css +11 -11
  31. package/dist/HelperMessage/src/index.js +2 -2
  32. package/dist/IconList/src/IconList.css +1 -1
  33. package/dist/IconList/src/IconList.js +1 -1
  34. package/dist/IconList/src/index.css +1 -1
  35. package/dist/IconList/src/index.js +1 -1
  36. package/dist/Link/src/Link.css +31 -31
  37. package/dist/Link/src/Link.js +2 -2
  38. package/dist/Link/src/index.css +31 -31
  39. package/dist/Link/src/index.js +2 -2
  40. package/dist/ListBox/src/ListBox.css +179 -256
  41. package/dist/ListBox/src/ListBox.js +10 -10
  42. package/dist/ListBox/src/ListBoxItem.css +164 -241
  43. package/dist/ListBox/src/ListBoxItem.js +9 -9
  44. package/dist/ListBox/src/ListBoxItemSkeleton.css +7 -7
  45. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  46. package/dist/ListBox/src/index.css +179 -256
  47. package/dist/ListBox/src/index.js +10 -10
  48. package/dist/Spinner/src/Spinner.css +83 -83
  49. package/dist/Spinner/src/Spinner.js +5 -3
  50. package/dist/Spinner/src/index.css +83 -83
  51. package/dist/Spinner/src/index.js +5 -3
  52. package/dist/buttons/src/Button.css +156 -236
  53. package/dist/buttons/src/Button.js +3 -5
  54. package/dist/buttons/src/ButtonGroup.css +11 -11
  55. package/dist/buttons/src/ButtonGroup.js +1 -1
  56. package/dist/buttons/src/ClearButton.css +12 -12
  57. package/dist/buttons/src/ClearButton.js +2 -2
  58. package/dist/buttons/src/EmbeddedButton.css +12 -12
  59. package/dist/buttons/src/EmbeddedButton.js +1 -1
  60. package/dist/buttons/src/index.css +179 -259
  61. package/dist/buttons/src/index.js +6 -8
  62. package/dist/checkbox/src/Checkbox.css +31 -37
  63. package/dist/checkbox/src/Checkbox.js +2 -2
  64. package/dist/checkbox/src/CheckboxField.css +15 -15
  65. package/dist/checkbox/src/CheckboxField.js +1 -1
  66. package/dist/checkbox/src/CheckboxGroup.css +70 -140
  67. package/dist/checkbox/src/CheckboxGroup.js +2 -2
  68. package/dist/checkbox/src/index.css +70 -140
  69. package/dist/checkbox/src/index.js +5 -5
  70. package/dist/{chunk-L2HJORV2.js → chunk-2MUGMKNO.js} +3 -4
  71. package/dist/{chunk-TP6OU6SQ.js → chunk-44KY7MFF.js} +5 -5
  72. package/dist/{chunk-YLUVOHHC.js → chunk-5WWMVQI4.js} +1 -1
  73. package/dist/{chunk-JTX4ZTQ6.js → chunk-723W7LGB.js} +3 -3
  74. package/dist/{chunk-OFNA3Y6A.js → chunk-AMXRADUV.js} +9 -5
  75. package/dist/{chunk-ZINTZZLE.js → chunk-AYPCLDGU.js} +1 -1
  76. package/dist/{chunk-UAKDD5TO.js → chunk-B42AJF74.js} +7 -7
  77. package/dist/{chunk-7PFCZHVB.js → chunk-CCIVRIKG.js} +5 -4
  78. package/dist/{chunk-3XZXPN6Y.js → chunk-CS2RAWQB.js} +3 -3
  79. package/dist/{chunk-4SPQFKVC.js → chunk-CXIH6I5X.js} +2 -2
  80. package/dist/{chunk-OWWIZWZA.js → chunk-DZHRELLA.js} +1 -1
  81. package/dist/{chunk-5SHNL47W.js → chunk-ERE2XRQA.js} +1 -1
  82. package/dist/{chunk-TYMV4JQ2.js → chunk-ESRYOELK.js} +2 -2
  83. package/dist/{chunk-P62FAV3S.js → chunk-GH5LAOQU.js} +1 -1
  84. package/dist/{chunk-QQBJ4REK.js → chunk-I2YZLGRE.js} +4 -7
  85. package/dist/{chunk-LRJ5ZWXY.js → chunk-IEE2HHGR.js} +1 -1
  86. package/dist/{chunk-5VWMGH3R.js → chunk-JLUFMLGV.js} +1 -1
  87. package/dist/{chunk-HTM3ZSBX.js → chunk-JN2FF2IX.js} +1 -1
  88. package/dist/{chunk-7GVDINGU.js → chunk-KARK64JC.js} +1 -1
  89. package/dist/{chunk-EZX4K3AY.js → chunk-LDORNYHF.js} +2 -2
  90. package/dist/{chunk-B5563GK3.js → chunk-M4IVTAHY.js} +4 -4
  91. package/dist/chunk-MTDFS4CZ.js +12 -0
  92. package/dist/{chunk-N65OIMRV.js → chunk-MVWQVBTK.js} +3 -4
  93. package/dist/{chunk-B3EA6PO5.js → chunk-NHM3MQI3.js} +3 -4
  94. package/dist/{chunk-PPO5T6D3.js → chunk-PAYZGXTT.js} +1 -1
  95. package/dist/{chunk-NFOY572L.js → chunk-QTV45NTY.js} +2 -2
  96. package/dist/{chunk-GDCTBE7C.js → chunk-RGGVZKNN.js} +2 -2
  97. package/dist/{chunk-K7RORXVD.js → chunk-RXZQB35O.js} +2 -2
  98. package/dist/{chunk-BKYHKRAJ.js → chunk-SNWJJ3FF.js} +1 -1
  99. package/dist/{chunk-I3OSQDQM.js → chunk-SSMGKQ27.js} +2 -2
  100. package/dist/{chunk-W5DFK35A.js → chunk-SW7LHIQ2.js} +7 -7
  101. package/dist/{chunk-RYSCBMR6.js → chunk-THQZBL4T.js} +1 -1
  102. package/dist/{chunk-GAPQ6VJL.js → chunk-TNVYVDLF.js} +3 -3
  103. package/dist/{chunk-WC72FIUS.js → chunk-UGHMX7QX.js} +3 -3
  104. package/dist/{chunk-AB24MF66.js → chunk-UPR32DV5.js} +2 -2
  105. package/dist/{chunk-BRIG7AIE.js → chunk-W34MMJ2L.js} +2 -2
  106. package/dist/{chunk-WQPDNKWM.js → chunk-WCLGYVXV.js} +1 -1
  107. package/dist/chunk-ZQ3AWYRR.js +7 -0
  108. package/dist/{chunk-KUX5YOEF.js → chunk-ZXDN2IRM.js} +1 -1
  109. package/dist/index.css +469 -573
  110. package/dist/index.d.ts +1 -0
  111. package/dist/index.js +49 -48
  112. package/dist/inputs/src/InputGroup.css +14 -12
  113. package/dist/inputs/src/InputGroup.d.ts +1 -0
  114. package/dist/inputs/src/InputGroup.js +1 -1
  115. package/dist/inputs/src/NumberField.css +517 -0
  116. package/dist/inputs/src/NumberField.d.ts +37 -0
  117. package/dist/inputs/src/NumberField.js +177 -0
  118. package/dist/inputs/src/NumberFieldContext.d.ts +8 -0
  119. package/dist/inputs/src/NumberFieldContext.js +2 -0
  120. package/dist/inputs/src/PasswordField.css +234 -306
  121. package/dist/inputs/src/PasswordField.js +8 -8
  122. package/dist/inputs/src/SearchField.css +240 -311
  123. package/dist/inputs/src/SearchField.js +9 -9
  124. package/dist/inputs/src/TextField.css +235 -307
  125. package/dist/inputs/src/TextField.js +10 -10
  126. package/dist/inputs/src/index.css +253 -344
  127. package/dist/inputs/src/index.js +13 -13
  128. package/dist/overlays/Popover/src/Popover.css +469 -573
  129. package/dist/overlays/Popover/src/Popover.js +49 -48
  130. package/dist/overlays/Popover/src/index.css +469 -573
  131. package/dist/overlays/Popover/src/index.js +49 -48
  132. package/dist/radio/src/Radio.css +31 -38
  133. package/dist/radio/src/Radio.js +2 -2
  134. package/dist/radio/src/RadioField.css +15 -15
  135. package/dist/radio/src/RadioField.js +2 -2
  136. package/dist/radio/src/RadioGroup.css +70 -141
  137. package/dist/radio/src/RadioGroup.js +2 -2
  138. package/dist/radio/src/index.css +70 -141
  139. package/dist/radio/src/index.js +5 -5
  140. package/dist/switch/src/Switch.css +25 -25
  141. package/dist/switch/src/Switch.js +2 -2
  142. package/dist/switch/src/SwitchField.css +15 -15
  143. package/dist/switch/src/SwitchField.js +1 -1
  144. package/dist/switch/src/index.css +31 -31
  145. package/dist/switch/src/index.js +3 -3
  146. package/dist/tag/src/Tag.css +469 -573
  147. package/dist/tag/src/Tag.js +49 -48
  148. package/dist/tag/src/TagGroup.css +32 -96
  149. package/dist/tag/src/TagGroup.js +2 -2
  150. package/dist/tag/src/index.css +469 -573
  151. package/dist/tag/src/index.js +49 -48
  152. package/dist/typography/Heading/src/Heading.css +9 -9
  153. package/dist/typography/Heading/src/Heading.js +1 -1
  154. package/dist/typography/Heading/src/index.css +9 -9
  155. package/dist/typography/Heading/src/index.js +1 -1
  156. package/dist/typography/Label/src/Label.css +13 -77
  157. package/dist/typography/Label/src/Label.d.ts +1 -6
  158. package/dist/typography/Label/src/Label.js +1 -1
  159. package/dist/typography/Label/src/index.css +13 -77
  160. package/dist/typography/Label/src/index.js +1 -1
  161. package/dist/typography/OverlineText/src/OverlineText.css +6 -6
  162. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  163. package/dist/typography/OverlineText/src/index.css +6 -6
  164. package/dist/typography/OverlineText/src/index.js +1 -1
  165. package/dist/typography/Text/src/Text.css +9 -9
  166. package/dist/typography/Text/src/Text.js +1 -1
  167. package/dist/typography/Text/src/index.css +9 -9
  168. package/dist/typography/Text/src/index.js +1 -1
  169. package/dist/utils/src/index.d.ts +1 -0
  170. package/dist/utils/src/index.js +1 -0
  171. package/dist/utils/src/useScale.d.ts +11 -0
  172. package/dist/utils/src/useScale.js +2 -0
  173. package/package.json +2 -2
@@ -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___g-giK {
2
+ .IconList-module__hop-IconList___RdFGP {
3
3
  --hop-IconList-gap: var(--hop-space-inline-xs);
4
4
  display: flex;
5
5
  flex-wrap: wrap;
@@ -7,157 +7,8 @@
7
7
  box-sizing: border-box;
8
8
  }
9
9
 
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___om5gm {
12
- --hop-Label-xs-font-size: var(--hop-body-xs-font-size);
13
- --hop-Label-xs-font-family: var(--hop-body-xs-font-family);
14
- --hop-Label-xs-font-weight: var(--hop-body-xs-font-weight);
15
- --hop-Label-xs-line-height: var(--hop-body-xs-line-height);
16
- --hop-Label-sm-font-size: var(--hop-body-sm-font-size);
17
- --hop-Label-sm-font-family: var(--hop-body-sm-font-family);
18
- --hop-Label-sm-font-weight: var(--hop-body-sm-font-weight);
19
- --hop-Label-sm-line-height: var(--hop-body-sm-line-height);
20
- --hop-Label-md-font-size: var(--hop-body-md-font-size);
21
- --hop-Label-md-font-family: var(--hop-body-md-font-family);
22
- --hop-Label-md-font-weight: var(--hop-body-md-font-weight);
23
- --hop-Label-md-line-height: var(--hop-body-md-line-height);
24
- --hop-Label-lg-font-size: var(--hop-body-lg-font-size);
25
- --hop-Label-lg-font-family: var(--hop-body-lg-font-family);
26
- --hop-Label-lg-font-weight: var(--hop-body-lg-font-weight);
27
- --hop-Label-lg-line-height: var(--hop-body-lg-line-height);
28
- --hop-Label-xl-font-size: var(--hop-body-xl-font-size);
29
- --hop-Label-xl-font-family: var(--hop-body-xl-font-family);
30
- --hop-Label-xl-font-weight: var(--hop-body-xl-font-weight);
31
- --hop-Label-xl-line-height: var(--hop-body-xl-line-height);
32
- --hop-Label-2xl-font-size: var(--hop-body-2xl-font-size);
33
- --hop-Label-2xl-font-family: var(--hop-body-2xl-font-family);
34
- --hop-Label-2xl-font-weight: var(--hop-body-2xl-font-weight);
35
- --hop-Label-2xl-line-height: var(--hop-body-2xl-line-height);
36
- --hop-Label-inherit-size-font-size: inherit;
37
- --hop-Label-inherit-size-font-family: inherit;
38
- --hop-Label-inherit-size-font-weight: inherit;
39
- --hop-Label-inherit-size-line-height: inherit;
40
- }
41
- :where(.Label-module__hop-Label___om5gm) {
42
- font-family: var(--font-family);
43
- font-size: var(--font-size);
44
- font-weight: var(--font-weight);
45
- line-height: var(--line-height);
46
- }
47
- :where(.Label-module__hop-Label--xs___x5CfR) {
48
- --font-size: var(--hop-Label-xs-font-size);
49
- --font-family: var(--hop-Label-xs-font-family);
50
- --font-weight: var(--hop-Label-xs-font-weight);
51
- --line-height: var(--hop-Label-xs-line-height);
52
- }
53
- :where(.Label-module__hop-Label--sm___oQPya) {
54
- --font-size: var(--hop-Label-sm-font-size);
55
- --font-family: var(--hop-Label-sm-font-family);
56
- --font-weight: var(--hop-Label-sm-font-weight);
57
- --line-height: var(--hop-Label-sm-line-height);
58
- }
59
- :where(.Label-module__hop-Label--md___PTtE-) {
60
- --font-size: var(--hop-Label-md-font-size);
61
- --font-family: var(--hop-Label-md-font-family);
62
- --font-weight: var(--hop-Label-md-font-weight);
63
- --line-height: var(--hop-Label-md-line-height);
64
- }
65
- :where(.Label-module__hop-Label--lg___IRPit) {
66
- --font-size: var(--hop-Label-lg-font-size);
67
- --font-family: var(--hop-Label-lg-font-family);
68
- --font-weight: var(--hop-Label-lg-font-weight);
69
- --line-height: var(--hop-Label-lg-line-height);
70
- }
71
- :where(.Label-module__hop-Label--xl___v5iyv) {
72
- --font-size: var(--hop-Label-xl-font-size);
73
- --font-family: var(--hop-Label-xl-font-family);
74
- --font-weight: var(--hop-Label-xl-font-weight);
75
- --line-height: var(--hop-Label-xl-line-height);
76
- }
77
- :where(.Label-module__hop-Label--2xl___rF-I1) {
78
- --font-size: var(--hop-Label-2xl-font-size);
79
- --font-family: var(--hop-Label-2xl-font-family);
80
- --font-weight: var(--hop-Label-2xl-font-weight);
81
- --line-height: var(--hop-Label-2xl-line-height);
82
- }
83
- :where(.Label-module__hop-Label--inherit___pECI0) {
84
- --font-size: var(--hop-Label-inherit-size-font-size);
85
- --font-family: var(--hop-Label-inherit-size-font-family);
86
- --font-weight: var(--hop-Label-inherit-size-font-weight);
87
- --line-height: var(--hop-Label-inherit-size-line-height);
88
- }
89
-
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___s65Hu {
92
- 0% {
93
- transform: rotate(0deg);
94
- }
95
- 100% {
96
- transform: rotate(360deg);
97
- }
98
- }
99
- .Spinner-module__hop-Spinner___G2aAJ {
100
- --hop-Spinner-border-radius: var(--hop-shape-circle);
101
- --hop-Spinner-sm-wheel-size: 1rem;
102
- --hop-Spinner-md-wheel-size: 1.25rem;
103
- --hop-Spinner-lg-wheel-size: 1.5rem;
104
- --hop-Spinner-track-width: 0.125rem;
105
- --hop-Spinner-track-opacity: 0.2;
106
- --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
107
- --hop-Spinner-fill-animation: Spinner-module__spin___s65Hu .8s infinite linear;
108
- --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
109
- --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
110
- --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
111
- --hop-Spinner-label-margin-inline-start: var(--hop-space-inline-sm);
112
- display: grid;
113
- grid-template-areas: "spinner label";
114
- grid-template-columns: min-content auto;
115
- align-items: center;
116
- box-sizing: border-box;
117
- }
118
- .Spinner-module__hop-Spinner--sm___X4a5I {
119
- --width: var(--hop-Spinner-sm-wheel-size);
120
- --height: var(--hop-Spinner-sm-wheel-size);
121
- }
122
- .Spinner-module__hop-Spinner--md___CQl1H {
123
- --width: var(--hop-Spinner-md-wheel-size);
124
- --height: var(--hop-Spinner-md-wheel-size);
125
- }
126
- .Spinner-module__hop-Spinner--lg___gDo5D {
127
- --width: var(--hop-Spinner-lg-wheel-size);
128
- --height: var(--hop-Spinner-lg-wheel-size);
129
- }
130
- .Spinner-module__hop-Spinner__track___GdY0a {
131
- grid-area: spinner;
132
- box-sizing: border-box;
133
- inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
134
- block-size: var(--height, var(--hop-Spinner-md-wheel-size));
135
- opacity: var(--hop-Spinner-track-opacity);
136
- border: var(--hop-Spinner-track-border);
137
- border-radius: var(--hop-Spinner-border-radius);
138
- }
139
- .Spinner-module__hop-Spinner__fill___4nGzi {
140
- grid-area: spinner;
141
- box-sizing: border-box;
142
- inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
143
- block-size: var(--height, var(--hop-Spinner-md-wheel-size));
144
- border: var(--hop-Spinner-fill-border);
145
- border-inline-start: var(--hop-Spinner-fill-border-inline-start);
146
- border-radius: var(--hop-Spinner-border-radius);
147
- animation: var(--hop-Spinner-fill-animation);
148
- }
149
- @media (prefers-reduced-motion: reduce) {
150
- .Spinner-module__hop-Spinner__fill___4nGzi {
151
- animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
152
- }
153
- }
154
- .Spinner-module__hop-Spinner__label___lxgXR {
155
- grid-area: label;
156
- margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
157
- }
158
-
159
10
  /* 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___QR5FZ {
11
+ .Text-module__hop-Text___XGciL {
161
12
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
162
13
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
163
14
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -187,57 +38,126 @@
187
38
  --hop-Text-inherit-size-font-weight: inherit;
188
39
  --hop-Text-inherit-size-line-height: inherit;
189
40
  }
190
- :where(.Text-module__hop-Text___QR5FZ) {
41
+ :where(.Text-module__hop-Text___XGciL) {
191
42
  font-family: var(--font-family);
192
43
  font-size: var(--font-size);
193
44
  font-weight: var(--font-weight);
194
45
  line-height: var(--line-height);
195
46
  }
196
- :where(.Text-module__hop-Text--xs___8ROfR) {
47
+ :where(.Text-module__hop-Text--xs___8DcIm) {
197
48
  --font-size: var(--hop-Text-xs-font-size);
198
49
  --font-family: var(--hop-Text-xs-font-family);
199
50
  --font-weight: var(--hop-Text-xs-font-weight);
200
51
  --line-height: var(--hop-Text-xs-line-height);
201
52
  }
202
- :where(.Text-module__hop-Text--sm___EFr6B) {
53
+ :where(.Text-module__hop-Text--sm___B0mGK) {
203
54
  --font-size: var(--hop-Text-sm-font-size);
204
55
  --font-family: var(--hop-Text-sm-font-family);
205
56
  --font-weight: var(--hop-Text-sm-font-weight);
206
57
  --line-height: var(--hop-Text-sm-line-height);
207
58
  }
208
- :where(.Text-module__hop-Text--md___TXnY2) {
59
+ :where(.Text-module__hop-Text--md___QwBMo) {
209
60
  --font-size: var(--hop-Text-md-font-size);
210
61
  --font-family: var(--hop-Text-md-font-family);
211
62
  --font-weight: var(--hop-Text-md-font-weight);
212
63
  --line-height: var(--hop-Text-md-line-height);
213
64
  }
214
- :where(.Text-module__hop-Text--lg___JASwe) {
65
+ :where(.Text-module__hop-Text--lg___BAtSv) {
215
66
  --font-size: var(--hop-Text-lg-font-size);
216
67
  --font-family: var(--hop-Text-lg-font-family);
217
68
  --font-weight: var(--hop-Text-lg-font-weight);
218
69
  --line-height: var(--hop-Text-lg-line-height);
219
70
  }
220
- :where(.Text-module__hop-Text--xl___ILiWb) {
71
+ :where(.Text-module__hop-Text--xl___QUy6V) {
221
72
  --font-size: var(--hop-Text-xl-font-size);
222
73
  --font-family: var(--hop-Text-xl-font-family);
223
74
  --font-weight: var(--hop-Text-xl-font-weight);
224
75
  --line-height: var(--hop-Text-xl-line-height);
225
76
  }
226
- :where(.Text-module__hop-Text--2xl___kf99P) {
77
+ :where(.Text-module__hop-Text--2xl___DFqJ4) {
227
78
  --font-size: var(--hop-Text-2xl-font-size);
228
79
  --font-family: var(--hop-Text-2xl-font-family);
229
80
  --font-weight: var(--hop-Text-2xl-font-weight);
230
81
  --line-height: var(--hop-Text-2xl-line-height);
231
82
  }
232
- :where(.Text-module__hop-Text--inherit___BRAX2) {
83
+ :where(.Text-module__hop-Text--inherit___WkAxg) {
233
84
  --font-size: var(--hop-Text-inherit-size-font-size);
234
85
  --font-family: var(--hop-Text-inherit-size-font-family);
235
86
  --font-weight: var(--hop-Text-inherit-size-font-weight);
236
87
  --line-height: var(--hop-Text-inherit-size-line-height);
237
88
  }
238
89
 
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___FeXZb {
92
+ 0% {
93
+ transform: rotate(0deg);
94
+ }
95
+ 100% {
96
+ transform: rotate(360deg);
97
+ }
98
+ }
99
+ .Spinner-module__hop-Spinner___pI0C5 {
100
+ --hop-Spinner-border-radius: var(--hop-shape-circle);
101
+ --hop-Spinner-sm-wheel-size: 1rem;
102
+ --hop-Spinner-md-wheel-size: 1.25rem;
103
+ --hop-Spinner-lg-wheel-size: 1.5rem;
104
+ --hop-Spinner-track-width: 0.125rem;
105
+ --hop-Spinner-track-opacity: 0.2;
106
+ --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
107
+ --hop-Spinner-fill-animation: Spinner-module__spin___FeXZb .8s infinite linear;
108
+ --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
109
+ --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
110
+ --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
111
+ --hop-Spinner-label-margin-inline-start: var(--hop-space-inline-sm);
112
+ display: grid;
113
+ grid-template-areas: "spinner label";
114
+ grid-template-columns: min-content auto;
115
+ align-items: center;
116
+ box-sizing: border-box;
117
+ }
118
+ .Spinner-module__hop-Spinner--sm___3kRKf {
119
+ --width: var(--hop-Spinner-sm-wheel-size);
120
+ --height: var(--hop-Spinner-sm-wheel-size);
121
+ }
122
+ .Spinner-module__hop-Spinner--md___mM0sK {
123
+ --width: var(--hop-Spinner-md-wheel-size);
124
+ --height: var(--hop-Spinner-md-wheel-size);
125
+ }
126
+ .Spinner-module__hop-Spinner--lg___CN3Ku {
127
+ --width: var(--hop-Spinner-lg-wheel-size);
128
+ --height: var(--hop-Spinner-lg-wheel-size);
129
+ }
130
+ .Spinner-module__hop-Spinner__track___E-l4N {
131
+ grid-area: spinner;
132
+ box-sizing: border-box;
133
+ inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
134
+ block-size: var(--height, var(--hop-Spinner-md-wheel-size));
135
+ opacity: var(--hop-Spinner-track-opacity);
136
+ border: var(--hop-Spinner-track-border);
137
+ border-radius: var(--hop-Spinner-border-radius);
138
+ }
139
+ .Spinner-module__hop-Spinner__fill___xxznA {
140
+ grid-area: spinner;
141
+ box-sizing: border-box;
142
+ inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
143
+ block-size: var(--height, var(--hop-Spinner-md-wheel-size));
144
+ border: var(--hop-Spinner-fill-border);
145
+ border-inline-start: var(--hop-Spinner-fill-border-inline-start);
146
+ border-radius: var(--hop-Spinner-border-radius);
147
+ animation: var(--hop-Spinner-fill-animation);
148
+ }
149
+ @media (prefers-reduced-motion: reduce) {
150
+ .Spinner-module__hop-Spinner__fill___xxznA {
151
+ animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
152
+ }
153
+ }
154
+ .Spinner-module__hop-Spinner__label___1kKrV {
155
+ grid-area: label;
156
+ margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
157
+ }
158
+
239
159
  /* 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___mNYg3 {
160
+ .Button-module__hop-Button___UtanL {
241
161
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
242
162
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
243
163
  --hop-Button-icon-only-padding: 0;
@@ -328,9 +248,9 @@
328
248
  --hop-Button-ghost-primary-sm-padding-y: 0;
329
249
  --hop-Button-ghost-primary-md-padding-x: var(--hop-space-inset-sm);
330
250
  --hop-Button-ghost-primary-md-padding-y: 0;
331
- --hop-Button-ghost-secondary-color: var(--hop-neutral-text);
332
- --hop-Button-ghost-secondary-color-hover: var(--hop-neutral-text-hover);
333
- --hop-Button-ghost-secondary-color-pressed: var(--hop-neutral-text-press);
251
+ --hop-Button-ghost-secondary-color: var(--hop-neutral-text-weak);
252
+ --hop-Button-ghost-secondary-color-hover: var(--hop-neutral-text-weak-hover);
253
+ --hop-Button-ghost-secondary-color-pressed: var(--hop-neutral-text-weak-press);
334
254
  --hop-Button-ghost-secondary-color-disabled: var(--hop-neutral-text-disabled);
335
255
  --hop-Button-ghost-secondary-background-color: transparent;
336
256
  --hop-Button-ghost-secondary-background-color-hover: var(--hop-neutral-surface-hover);
@@ -396,317 +316,317 @@
396
316
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
397
317
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
398
318
  }
399
- .Button-module__hop-Button___mNYg3[data-focus-visible] {
319
+ .Button-module__hop-Button___UtanL[data-focus-visible] {
400
320
  outline: 0.125rem solid var(--hop-Button-focus-ring-color);
401
321
  }
402
- .Button-module__hop-Button--icon-only___2EwwI {
322
+ .Button-module__hop-Button--icon-only___s6kpk {
403
323
  --padding-block: var(--hop-Button-icon-only-padding);
404
324
  --padding-inline: var(--hop-Button-icon-only-padding);
405
325
  column-gap: 0;
406
326
  aspect-ratio: 1;
407
327
  }
408
- .Button-module__hop-Button___mNYg3[data-disabled],
409
- .Button-module__hop-Button___mNYg3[data-loading] {
328
+ .Button-module__hop-Button___UtanL[data-disabled],
329
+ .Button-module__hop-Button___UtanL[data-loading] {
410
330
  cursor: not-allowed;
411
331
  }
412
- .Button-module__hop-Button--fluid___oSjQG {
332
+ .Button-module__hop-Button--fluid___kCVkQ {
413
333
  --inline-size: 100%;
414
334
  }
415
- .Button-module__hop-Button--sm___RQTAZ {
335
+ .Button-module__hop-Button--sm___7J-M- {
416
336
  --block-size: var(--hop-Button-sm-height);
417
337
  }
418
- .Button-module__hop-Button--primary___vI7O6.Button-module__hop-Button--sm___RQTAZ:not(.Button-module__hop-Button--icon-only___2EwwI) {
338
+ .Button-module__hop-Button--primary___qii5D.Button-module__hop-Button--sm___7J-M-:not(.Button-module__hop-Button--icon-only___s6kpk) {
419
339
  --padding-inline: var(--hop-Button-primary-sm-padding-x);
420
340
  --padding-block: var(--hop-Button-primary-sm-padding-y);
421
341
  }
422
- .Button-module__hop-Button--primary___vI7O6.Button-module__hop-Button--md___gcW8r:not(.Button-module__hop-Button--icon-only___2EwwI) {
342
+ .Button-module__hop-Button--primary___qii5D.Button-module__hop-Button--md___rwP06:not(.Button-module__hop-Button--icon-only___s6kpk) {
423
343
  --padding-inline: var(--hop-Button-primary-md-padding-x);
424
344
  --padding-block: var(--hop-Button-primary-md-padding-y);
425
345
  }
426
- .Button-module__hop-Button--secondary___i2HhP.Button-module__hop-Button--md___gcW8r:not(.Button-module__hop-Button--icon-only___2EwwI) {
346
+ .Button-module__hop-Button--secondary___I-J5f.Button-module__hop-Button--md___rwP06:not(.Button-module__hop-Button--icon-only___s6kpk) {
427
347
  --padding-inline: var(--hop-Button-secondary-md-padding-x);
428
348
  --padding-block: var(--hop-Button-secondary-md-padding-y);
429
349
  }
430
- .Button-module__hop-Button--secondary___i2HhP.Button-module__hop-Button--sm___RQTAZ:not(.Button-module__hop-Button--icon-only___2EwwI) {
350
+ .Button-module__hop-Button--secondary___I-J5f.Button-module__hop-Button--sm___7J-M-:not(.Button-module__hop-Button--icon-only___s6kpk) {
431
351
  --padding-inline: var(--hop-Button-secondary-sm-padding-x);
432
352
  --padding-block: var(--hop-Button-secondary-sm-padding-y);
433
353
  }
434
- .Button-module__hop-Button--upsell___MmkZZ.Button-module__hop-Button--md___gcW8r:not(.Button-module__hop-Button--icon-only___2EwwI) {
354
+ .Button-module__hop-Button--upsell___hZ0mQ.Button-module__hop-Button--md___rwP06:not(.Button-module__hop-Button--icon-only___s6kpk) {
435
355
  --padding-inline: var(--hop-Button-upsell-md-padding-x);
436
356
  --padding-block: var(--hop-Button-upsell-md-padding-y);
437
357
  }
438
- .Button-module__hop-Button--upsell___MmkZZ.Button-module__hop-Button--sm___RQTAZ:not(.Button-module__hop-Button--icon-only___2EwwI) {
358
+ .Button-module__hop-Button--upsell___hZ0mQ.Button-module__hop-Button--sm___7J-M-:not(.Button-module__hop-Button--icon-only___s6kpk) {
439
359
  --padding-inline: var(--hop-Button-upsell-sm-padding-x);
440
360
  --padding-block: var(--hop-Button-upsell-sm-padding-y);
441
361
  }
442
- .Button-module__hop-Button--danger___rUGhD.Button-module__hop-Button--md___gcW8r:not(.Button-module__hop-Button--icon-only___2EwwI) {
362
+ .Button-module__hop-Button--danger___CfP6K.Button-module__hop-Button--md___rwP06:not(.Button-module__hop-Button--icon-only___s6kpk) {
443
363
  --padding-inline: var(--hop-Button-danger-md-padding-x);
444
364
  --padding-block: var(--hop-Button-danger-md-padding-y);
445
365
  }
446
- .Button-module__hop-Button--danger___rUGhD.Button-module__hop-Button--sm___RQTAZ:not(.Button-module__hop-Button--icon-only___2EwwI) {
366
+ .Button-module__hop-Button--danger___CfP6K.Button-module__hop-Button--sm___7J-M-:not(.Button-module__hop-Button--icon-only___s6kpk) {
447
367
  --padding-inline: var(--hop-Button-danger-sm-padding-x);
448
368
  --padding-block: var(--hop-Button-danger-sm-padding-y);
449
369
  }
450
- .Button-module__hop-Button--ghost-danger___yhwv9.Button-module__hop-Button--md___gcW8r:not(.Button-module__hop-Button--icon-only___2EwwI) {
370
+ .Button-module__hop-Button--ghost-danger___o-67i.Button-module__hop-Button--md___rwP06:not(.Button-module__hop-Button--icon-only___s6kpk) {
451
371
  --padding-inline: var(--hop-Button-ghost-danger-md-padding-x);
452
372
  --padding-block: var(--hop-Button-ghost-danger-md-padding-y);
453
373
  }
454
- .Button-module__hop-Button--ghost-danger___yhwv9.Button-module__hop-Button--sm___RQTAZ:not(.Button-module__hop-Button--icon-only___2EwwI) {
374
+ .Button-module__hop-Button--ghost-danger___o-67i.Button-module__hop-Button--sm___7J-M-:not(.Button-module__hop-Button--icon-only___s6kpk) {
455
375
  --padding-inline: var(--hop-Button-ghost-danger-sm-padding-x);
456
376
  --padding-block: var(--hop-Button-ghost-danger-sm-padding-y);
457
377
  }
458
- .Button-module__hop-Button--ghost-secondary___zCv7t.Button-module__hop-Button--md___gcW8r:not(.Button-module__hop-Button--icon-only___2EwwI) {
378
+ .Button-module__hop-Button--ghost-secondary___dePjg.Button-module__hop-Button--md___rwP06:not(.Button-module__hop-Button--icon-only___s6kpk) {
459
379
  --padding-inline: var(--hop-Button-ghost-secondary-md-padding-x);
460
380
  --padding-block: var(--hop-Button-ghost-secondary-md-padding-y);
461
381
  }
462
- .Button-module__hop-Button--ghost-secondary___zCv7t.Button-module__hop-Button--sm___RQTAZ:not(.Button-module__hop-Button--icon-only___2EwwI) {
382
+ .Button-module__hop-Button--ghost-secondary___dePjg.Button-module__hop-Button--sm___7J-M-:not(.Button-module__hop-Button--icon-only___s6kpk) {
463
383
  --padding-inline: var(--hop-Button-ghost-secondary-sm-padding-x);
464
384
  --padding-block: var(--hop-Button-ghost-secondary-sm-padding-y);
465
385
  }
466
- .Button-module__hop-Button--ghost-primary___qiyFb.Button-module__hop-Button--md___gcW8r:not(.Button-module__hop-Button--icon-only___2EwwI) {
386
+ .Button-module__hop-Button--ghost-primary___X44aS.Button-module__hop-Button--md___rwP06:not(.Button-module__hop-Button--icon-only___s6kpk) {
467
387
  --padding-inline: var(--hop-Button-ghost-primary-md-padding-x);
468
388
  --padding-block: var(--hop-Button-ghost-primary-md-padding-y);
469
389
  }
470
- .Button-module__hop-Button--ghost-primary___qiyFb.Button-module__hop-Button--sm___RQTAZ:not(.Button-module__hop-Button--icon-only___2EwwI) {
390
+ .Button-module__hop-Button--ghost-primary___X44aS.Button-module__hop-Button--sm___7J-M-:not(.Button-module__hop-Button--icon-only___s6kpk) {
471
391
  --padding-inline: var(--hop-Button-ghost-primary-sm-padding-x);
472
392
  --padding-block: var(--hop-Button-ghost-primary-sm-padding-y);
473
393
  }
474
- .Button-module__hop-Button--primary___vI7O6 {
394
+ .Button-module__hop-Button--primary___qii5D {
475
395
  --background-color: var(--hop-Button-primary-background-color);
476
396
  --color: var(--hop-Button-primary-color);
477
397
  --border: var(--hop-Button-primary-border);
478
398
  --spinner-color: var(--hop-Button-primary-spinner-color);
479
399
  }
480
- .Button-module__hop-Button--primary___vI7O6[data-disabled]:not([data-loading]) {
400
+ .Button-module__hop-Button--primary___qii5D[data-disabled]:not([data-loading]) {
481
401
  --background-color: var(--hop-Button-primary-background-color-disabled);
482
402
  --color: var(--hop-Button-primary-color-disabled);
483
403
  --border: var(--hop-Button-primary-border-disabled);
484
404
  }
485
- .Button-module__hop-Button--primary___vI7O6[data-hovered]:not([data-disabled], [data-loading]),
486
- .Button-module__hop-Button--primary___vI7O6[data-focus-visible]:not([data-disabled], [data-loading]) {
405
+ .Button-module__hop-Button--primary___qii5D[data-hovered]:not([data-disabled], [data-loading]),
406
+ .Button-module__hop-Button--primary___qii5D[data-focus-visible]:not([data-disabled], [data-loading]) {
487
407
  --background-color: var(--hop-Button-primary-background-color-hover);
488
408
  --color: var(--hop-Button-primary-color-hover);
489
409
  --border: var(--hop-Button-primary-border-hover);
490
410
  }
491
- .Button-module__hop-Button--primary___vI7O6[data-pressed]:not([data-loading]) {
411
+ .Button-module__hop-Button--primary___qii5D[data-pressed]:not([data-loading]) {
492
412
  --background-color: var(--hop-Button-primary-background-color-pressed);
493
413
  --color: var(--hop-Button-primary-color-pressed);
494
414
  --border: var(--hop-Button-primary-border-pressed);
495
415
  }
496
- .Button-module__hop-Button--secondary___i2HhP {
416
+ .Button-module__hop-Button--secondary___I-J5f {
497
417
  --background-color: var(--hop-Button-secondary-background-color);
498
418
  --color: var(--hop-Button-secondary-color);
499
419
  --border: var(--hop-Button-secondary-border);
500
420
  --spinner-color: var(--hop-Button-secondary-spinner-color);
501
421
  }
502
- .Button-module__hop-Button--secondary___i2HhP[data-disabled]:not([data-loading]) {
422
+ .Button-module__hop-Button--secondary___I-J5f[data-disabled]:not([data-loading]) {
503
423
  --background-color: var(--hop-Button-secondary-background-color-disabled);
504
424
  --color: var(--hop-Button-secondary-color-disabled);
505
425
  --border: var(--hop-Button-secondary-border-disabled);
506
426
  }
507
- .Button-module__hop-Button--secondary___i2HhP[data-hovered]:not([data-disabled], [data-loading]),
508
- .Button-module__hop-Button--secondary___i2HhP[data-focus-visible]:not([data-disabled], [data-loading]) {
427
+ .Button-module__hop-Button--secondary___I-J5f[data-hovered]:not([data-disabled], [data-loading]),
428
+ .Button-module__hop-Button--secondary___I-J5f[data-focus-visible]:not([data-disabled], [data-loading]) {
509
429
  --background-color: var(--hop-Button-secondary-background-color-hover);
510
430
  --color: var(--hop-Button-secondary-color-hover);
511
431
  --border: var(--hop-Button-secondary-border-hover);
512
432
  }
513
- .Button-module__hop-Button--secondary___i2HhP[data-pressed]:not([data-loading]) {
433
+ .Button-module__hop-Button--secondary___I-J5f[data-pressed]:not([data-loading]) {
514
434
  --background-color: var(--hop-Button-secondary-background-color-pressed);
515
435
  --color: var(--hop-Button-secondary-color-pressed);
516
436
  --border: var(--hop-Button-secondary-border-pressed);
517
437
  }
518
- .Button-module__hop-Button--upsell___MmkZZ {
438
+ .Button-module__hop-Button--upsell___hZ0mQ {
519
439
  --background-color: var(--hop-Button-upsell-background-color);
520
440
  --color: var(--hop-Button-upsell-color);
521
441
  --border: var(--hop-Button-upsell-border);
522
442
  --spinner-color: var(--hop-Button-upsell-spinner-color);
523
443
  }
524
- .Button-module__hop-Button--upsell___MmkZZ[data-disabled]:not([data-loading]) {
444
+ .Button-module__hop-Button--upsell___hZ0mQ[data-disabled]:not([data-loading]) {
525
445
  --background-color: var(--hop-Button-upsell-background-color-disabled);
526
446
  --color: var(--hop-Button-upsell-color-disabled);
527
447
  --border: var(--hop-Button-upsell-border-disabled);
528
448
  }
529
- .Button-module__hop-Button--upsell___MmkZZ[data-hovered]:not([data-disabled], [data-loading]),
530
- .Button-module__hop-Button--upsell___MmkZZ[data-focus-visible]:not([data-disabled], [data-loading]) {
449
+ .Button-module__hop-Button--upsell___hZ0mQ[data-hovered]:not([data-disabled], [data-loading]),
450
+ .Button-module__hop-Button--upsell___hZ0mQ[data-focus-visible]:not([data-disabled], [data-loading]) {
531
451
  --background-color: var(--hop-Button-upsell-background-color-hover);
532
452
  --color: var(--hop-Button-upsell-color-hover);
533
453
  --border: var(--hop-Button-upsell-border-hover);
534
454
  }
535
- .Button-module__hop-Button--upsell___MmkZZ[data-pressed]:not([data-loading]) {
455
+ .Button-module__hop-Button--upsell___hZ0mQ[data-pressed]:not([data-loading]) {
536
456
  --background-color: var(--hop-Button-upsell-background-color-pressed);
537
457
  --color: var(--hop-Button-upsell-color-pressed);
538
458
  --border: var(--hop-Button-upsell-border-pressed);
539
459
  }
540
- .Button-module__hop-Button--danger___rUGhD {
460
+ .Button-module__hop-Button--danger___CfP6K {
541
461
  --background-color: var(--hop-Button-danger-background-color);
542
462
  --color: var(--hop-Button-danger-color);
543
463
  --border: var(--hop-Button-danger-border);
544
464
  --spinner-color: var(--hop-Button-danger-spinner-color);
545
465
  }
546
- .Button-module__hop-Button--danger___rUGhD[data-disabled]:not([data-loading]) {
466
+ .Button-module__hop-Button--danger___CfP6K[data-disabled]:not([data-loading]) {
547
467
  --background-color: var(--hop-Button-danger-background-color-disabled);
548
468
  --color: var(--hop-Button-danger-color-disabled);
549
469
  --border: var(--hop-Button-danger-border-disabled);
550
470
  }
551
- .Button-module__hop-Button--danger___rUGhD[data-hovered]:not([data-disabled], [data-loading]),
552
- .Button-module__hop-Button--danger___rUGhD[data-focus-visible]:not([data-disabled], [data-loading]) {
471
+ .Button-module__hop-Button--danger___CfP6K[data-hovered]:not([data-disabled], [data-loading]),
472
+ .Button-module__hop-Button--danger___CfP6K[data-focus-visible]:not([data-disabled], [data-loading]) {
553
473
  --background-color: var(--hop-Button-danger-background-color-hover);
554
474
  --color: var(--hop-Button-danger-color-hover);
555
475
  --border: var(--hop-Button-danger-border-hover);
556
476
  }
557
- .Button-module__hop-Button--danger___rUGhD[data-pressed]:not([data-loading]) {
477
+ .Button-module__hop-Button--danger___CfP6K[data-pressed]:not([data-loading]) {
558
478
  --background-color: var(--hop-Button-danger-background-color-pressed);
559
479
  --color: var(--hop-Button-danger-color-pressed);
560
480
  --border: var(--hop-Button-danger-border-pressed);
561
481
  }
562
- .Button-module__hop-Button--ghost-primary___qiyFb {
482
+ .Button-module__hop-Button--ghost-primary___X44aS {
563
483
  --background-color: var(--hop-Button-ghost-primary-background-color);
564
484
  --color: var(--hop-Button-ghost-primary-color);
565
485
  --border: var(--hop-Button-ghost-primary-border);
566
486
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
567
487
  }
568
- .Button-module__hop-Button--ghost-primary___qiyFb[data-disabled]:not([data-loading]) {
488
+ .Button-module__hop-Button--ghost-primary___X44aS[data-disabled]:not([data-loading]) {
569
489
  --background-color: var(--hop-Button-ghost-primary-background-color-disabled);
570
490
  --color: var(--hop-Button-ghost-primary-color-disabled);
571
491
  --border: var(--hop-Button-ghost-primary-border-disabled);
572
492
  }
573
- .Button-module__hop-Button--ghost-primary___qiyFb[data-hovered]:not([data-disabled], [data-loading]),
574
- .Button-module__hop-Button--ghost-primary___qiyFb[data-focus-visible]:not([data-disabled], [data-loading]) {
493
+ .Button-module__hop-Button--ghost-primary___X44aS[data-hovered]:not([data-disabled], [data-loading]),
494
+ .Button-module__hop-Button--ghost-primary___X44aS[data-focus-visible]:not([data-disabled], [data-loading]) {
575
495
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
576
496
  --color: var(--hop-Button-ghost-primary-color-hover);
577
497
  --border: var(--hop-Button-ghost-primary-border-hover);
578
498
  }
579
- .Button-module__hop-Button--ghost-primary___qiyFb[data-pressed]:not([data-loading]) {
499
+ .Button-module__hop-Button--ghost-primary___X44aS[data-pressed]:not([data-loading]) {
580
500
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
581
501
  --color: var(--hop-Button-ghost-primary-color-pressed);
582
502
  --border: var(--hop-Button-ghost-primary-border-pressed);
583
503
  }
584
- .Button-module__hop-Button--ghost-secondary___zCv7t {
504
+ .Button-module__hop-Button--ghost-secondary___dePjg {
585
505
  --background-color: var(--hop-Button-ghost-secondary-background-color);
586
506
  --color: var(--hop-Button-ghost-secondary-color);
587
507
  --border: var(--hop-Button-ghost-secondary-border);
588
508
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
589
509
  }
590
- .Button-module__hop-Button--ghost-secondary___zCv7t[data-disabled]:not([data-loading]) {
510
+ .Button-module__hop-Button--ghost-secondary___dePjg[data-disabled]:not([data-loading]) {
591
511
  --background-color: var(--hop-Button-ghost-secondary-background-color-disabled);
592
512
  --color: var(--hop-Button-ghost-secondary-color-disabled);
593
513
  --border: var(--hop-Button-ghost-secondary-border-disabled);
594
514
  }
595
- .Button-module__hop-Button--ghost-secondary___zCv7t[data-hovered]:not([data-disabled], [data-loading]),
596
- .Button-module__hop-Button--ghost-secondary___zCv7t[data-focus-visible]:not([data-disabled], [data-loading]) {
515
+ .Button-module__hop-Button--ghost-secondary___dePjg[data-hovered]:not([data-disabled], [data-loading]),
516
+ .Button-module__hop-Button--ghost-secondary___dePjg[data-focus-visible]:not([data-disabled], [data-loading]) {
597
517
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
598
518
  --color: var(--hop-Button-ghost-secondary-color-hover);
599
519
  --border: var(--hop-Button-ghost-secondary-border-hover);
600
520
  }
601
- .Button-module__hop-Button--ghost-secondary___zCv7t[data-pressed]:not([data-loading]) {
521
+ .Button-module__hop-Button--ghost-secondary___dePjg[data-pressed]:not([data-loading]) {
602
522
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
603
523
  --color: var(--hop-Button-ghost-secondary-color-pressed);
604
524
  --border: var(--hop-Button-ghost-secondary-border-pressed);
605
525
  }
606
- .Button-module__hop-Button--ghost-danger___yhwv9 {
526
+ .Button-module__hop-Button--ghost-danger___o-67i {
607
527
  --background-color: var(--hop-Button-ghost-danger-background-color);
608
528
  --color: var(--hop-Button-ghost-danger-color);
609
529
  --border: var(--hop-Button-ghost-danger-border);
610
530
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
611
531
  }
612
- .Button-module__hop-Button--ghost-danger___yhwv9[data-disabled]:not([data-loading]) {
532
+ .Button-module__hop-Button--ghost-danger___o-67i[data-disabled]:not([data-loading]) {
613
533
  --background-color: var(--hop-Button-ghost-danger-background-color-disabled);
614
534
  --color: var(--hop-Button-ghost-danger-color-disabled);
615
535
  --border: var(--hop-Button-ghost-danger-border-disabled);
616
536
  }
617
- .Button-module__hop-Button--ghost-danger___yhwv9[data-hovered]:not([data-disabled], [data-loading]),
618
- .Button-module__hop-Button--ghost-danger___yhwv9[data-focus-visible]:not([data-disabled], [data-loading]) {
537
+ .Button-module__hop-Button--ghost-danger___o-67i[data-hovered]:not([data-disabled], [data-loading]),
538
+ .Button-module__hop-Button--ghost-danger___o-67i[data-focus-visible]:not([data-disabled], [data-loading]) {
619
539
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
620
540
  --color: var(--hop-Button-ghost-danger-color-hover);
621
541
  --border: var(--hop-Button-ghost-danger-border-hover);
622
542
  }
623
- .Button-module__hop-Button--ghost-danger___yhwv9[data-pressed]:not([data-loading]) {
543
+ .Button-module__hop-Button--ghost-danger___o-67i[data-pressed]:not([data-loading]) {
624
544
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
625
545
  --color: var(--hop-Button-ghost-danger-color-pressed);
626
546
  --border: var(--hop-Button-ghost-danger-border-pressed);
627
547
  }
628
- .Button-module__hop-Button__Spinner___jp3HP {
548
+ .Button-module__hop-Button__Spinner___jkKCi {
629
549
  position: absolute;
630
550
  justify-self: center;
631
551
  color: var(--spinner-color);
632
552
  }
633
- .Button-module__hop-Button__icon___2931x,
634
- .Button-module__hop-Button__icon-list___KPEmq {
553
+ .Button-module__hop-Button__icon___Yc-Tb,
554
+ .Button-module__hop-Button__icon-list___cvJTK {
635
555
  grid-area: start-icon;
636
556
  justify-self: end;
637
557
  }
638
- .Button-module__hop-Button__text___878Vd {
558
+ .Button-module__hop-Button__text___Z3j32 {
639
559
  user-select: none;
640
560
  overflow: visible;
641
561
  grid-area: content;
642
562
  font-weight: var(--hop-font-weight-505);
643
563
  text-wrap: nowrap;
644
564
  }
645
- .Button-module__hop-Button--ghost-primary___qiyFb[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___878Vd,
646
- .Button-module__hop-Button--ghost-secondary___zCv7t[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___878Vd,
647
- .Button-module__hop-Button--ghost-danger___yhwv9[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___878Vd,
648
- .Button-module__hop-Button--ghost-primary___qiyFb[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___878Vd,
649
- .Button-module__hop-Button--ghost-secondary___zCv7t[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___878Vd,
650
- .Button-module__hop-Button--ghost-danger___yhwv9[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___878Vd,
651
- .Button-module__hop-Button--ghost-primary___qiyFb[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___878Vd,
652
- .Button-module__hop-Button--ghost-secondary___zCv7t[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___878Vd,
653
- .Button-module__hop-Button--ghost-danger___yhwv9[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___878Vd {
565
+ .Button-module__hop-Button--ghost-primary___X44aS[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___Z3j32,
566
+ .Button-module__hop-Button--ghost-secondary___dePjg[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___Z3j32,
567
+ .Button-module__hop-Button--ghost-danger___o-67i[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___Z3j32,
568
+ .Button-module__hop-Button--ghost-primary___X44aS[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___Z3j32,
569
+ .Button-module__hop-Button--ghost-secondary___dePjg[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___Z3j32,
570
+ .Button-module__hop-Button--ghost-danger___o-67i[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___Z3j32,
571
+ .Button-module__hop-Button--ghost-primary___X44aS[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___Z3j32,
572
+ .Button-module__hop-Button--ghost-secondary___dePjg[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___Z3j32,
573
+ .Button-module__hop-Button--ghost-danger___o-67i[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___Z3j32 {
654
574
  text-decoration: underline;
655
575
  text-underline-offset: 0.125rem;
656
576
  }
657
- .Button-module__hop-Button__end-icon___2Rpum,
658
- .Button-module__hop-Button__end-icon-list___RGTg3 {
577
+ .Button-module__hop-Button__end-icon___fUClA,
578
+ .Button-module__hop-Button__end-icon-list___F7DGT {
659
579
  grid-area: end-icon;
660
580
  }
661
- .Button-module__hop-Button___mNYg3 .Button-module__hop-Button__icon-list___KPEmq,
662
- .Button-module__hop-Button___mNYg3 .Button-module__hop-Button__end-icon-list___RGTg3 {
581
+ .Button-module__hop-Button___UtanL .Button-module__hop-Button__icon-list___cvJTK,
582
+ .Button-module__hop-Button___UtanL .Button-module__hop-Button__end-icon-list___F7DGT {
663
583
  flex-wrap: nowrap;
664
584
  }
665
- .Button-module__hop-Button___mNYg3[data-loading] > *:not(.Button-module__hop-Button__Spinner___jp3HP) {
585
+ .Button-module__hop-Button___UtanL[data-loading] > *:not(.Button-module__hop-Button__Spinner___jkKCi) {
666
586
  opacity: 0;
667
587
  }
668
588
 
669
589
  /* 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___5Cx9D {
590
+ .ButtonGroup-module__hop-ButtonGroup___0hm3B {
671
591
  display: inline-flex;
672
592
  flex-wrap: nowrap;
673
593
  gap: var(--hop-space-inline-md);
674
594
  }
675
- .ButtonGroup-module__hop-ButtonGroup--horizontal___6yTKI {
595
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___EoJ-O {
676
596
  justify-content: center;
677
597
  }
678
- .ButtonGroup-module__hop-ButtonGroup--vertical___5kyg1 {
598
+ .ButtonGroup-module__hop-ButtonGroup--vertical___oZqn2 {
679
599
  flex-direction: column;
680
600
  gap: var(--hop-space-stack-md);
681
601
  align-items: center;
682
602
  }
683
- .ButtonGroup-module__hop-ButtonGroup--start___-0VdV.ButtonGroup-module__hop-ButtonGroup--vertical___5kyg1 {
603
+ .ButtonGroup-module__hop-ButtonGroup--start___Jf3Eh.ButtonGroup-module__hop-ButtonGroup--vertical___oZqn2 {
684
604
  align-items: flex-start;
685
605
  }
686
- .ButtonGroup-module__hop-ButtonGroup--center___4SCkO.ButtonGroup-module__hop-ButtonGroup--vertical___5kyg1 {
606
+ .ButtonGroup-module__hop-ButtonGroup--center___b2RH-.ButtonGroup-module__hop-ButtonGroup--vertical___oZqn2 {
687
607
  align-items: center;
688
608
  }
689
- .ButtonGroup-module__hop-ButtonGroup--end___dBUzb.ButtonGroup-module__hop-ButtonGroup--vertical___5kyg1 {
609
+ .ButtonGroup-module__hop-ButtonGroup--end___Cah50.ButtonGroup-module__hop-ButtonGroup--vertical___oZqn2 {
690
610
  align-items: flex-end;
691
611
  }
692
- .ButtonGroup-module__hop-ButtonGroup--start___-0VdV.ButtonGroup-module__hop-ButtonGroup--horizontal___6yTKI {
612
+ .ButtonGroup-module__hop-ButtonGroup--start___Jf3Eh.ButtonGroup-module__hop-ButtonGroup--horizontal___EoJ-O {
693
613
  justify-content: flex-start;
694
614
  }
695
- .ButtonGroup-module__hop-ButtonGroup--center___4SCkO.ButtonGroup-module__hop-ButtonGroup--horizontal___6yTKI {
615
+ .ButtonGroup-module__hop-ButtonGroup--center___b2RH-.ButtonGroup-module__hop-ButtonGroup--horizontal___EoJ-O {
696
616
  justify-content: center;
697
617
  }
698
- .ButtonGroup-module__hop-ButtonGroup--end___dBUzb.ButtonGroup-module__hop-ButtonGroup--horizontal___6yTKI {
618
+ .ButtonGroup-module__hop-ButtonGroup--end___Cah50.ButtonGroup-module__hop-ButtonGroup--horizontal___EoJ-O {
699
619
  justify-content: flex-end;
700
620
  }
701
- .ButtonGroup-module__hop-ButtonGroup--wrap___iTu5r {
621
+ .ButtonGroup-module__hop-ButtonGroup--wrap___l0jS3 {
702
622
  flex-wrap: wrap;
703
623
  }
704
- .ButtonGroup-module__hop-ButtonGroup--fluid___pRNT4 {
624
+ .ButtonGroup-module__hop-ButtonGroup--fluid___8sZ-4 {
705
625
  inline-size: 100%;
706
626
  }
707
627
 
708
628
  /* 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___OOvmj {
629
+ .EmbeddedButton-module__hop-EmbeddedButton___G-ouQ {
710
630
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
711
631
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
712
632
  --hop-EmbeddedButton-color: var(--hop-neutral-icon-weak);
@@ -755,7 +675,7 @@
755
675
  outline: none;
756
676
  transition: color var(--transition);
757
677
  }
758
- .EmbeddedButton-module__hop-EmbeddedButton___OOvmj::before {
678
+ .EmbeddedButton-module__hop-EmbeddedButton___G-ouQ::before {
759
679
  content: "";
760
680
  position: absolute;
761
681
  inset-block-start: 50%;
@@ -768,48 +688,48 @@
768
688
  border-radius: var(--effect-border-radius);
769
689
  transition: background-color var(--transition);
770
690
  }
771
- .EmbeddedButton-module__hop-EmbeddedButton--md___3Tm-t {
691
+ .EmbeddedButton-module__hop-EmbeddedButton--md___lozfI {
772
692
  --inline-size: var(--hop-EmbeddedButton-md-width);
773
693
  --block-size: var(--hop-EmbeddedButton-md-height);
774
694
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
775
695
  }
776
- .EmbeddedButton-module__hop-EmbeddedButton--lg___3PcwM {
696
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___cioiP {
777
697
  --inline-size: var(--hop-EmbeddedButton-lg-width);
778
698
  --block-size: var(--hop-EmbeddedButton-lg-height);
779
699
  --focus-ring-offset: 0;
780
700
  }
781
- .EmbeddedButton-module__hop-EmbeddedButton--md___3Tm-t::before {
701
+ .EmbeddedButton-module__hop-EmbeddedButton--md___lozfI::before {
782
702
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
783
703
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
784
704
  }
785
- .EmbeddedButton-module__hop-EmbeddedButton--lg___3PcwM::before {
705
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___cioiP::before {
786
706
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
787
707
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
788
708
  }
789
- .EmbeddedButton-module__hop-EmbeddedButton___OOvmj[data-focus-visible] {
709
+ .EmbeddedButton-module__hop-EmbeddedButton___G-ouQ[data-focus-visible] {
790
710
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
791
711
  outline-offset: var(--focus-ring-offset);
792
712
  }
793
- .EmbeddedButton-module__hop-EmbeddedButton___OOvmj[data-disabled] {
713
+ .EmbeddedButton-module__hop-EmbeddedButton___G-ouQ[data-disabled] {
794
714
  --effect-background-color: var(--hop-EmbeddedButton-effect-background-color-disabled);
795
715
  --color: var(--hop-EmbeddedButton-color-disabled);
796
716
  cursor: not-allowed;
797
717
  }
798
- .EmbeddedButton-module__hop-EmbeddedButton___OOvmj[data-hovered]:not([data-disabled], [data-pressed]),
799
- .EmbeddedButton-module__hop-EmbeddedButton___OOvmj[data-focus-visible]:not([data-disabled], [data-pressed]) {
718
+ .EmbeddedButton-module__hop-EmbeddedButton___G-ouQ[data-hovered]:not([data-disabled], [data-pressed]),
719
+ .EmbeddedButton-module__hop-EmbeddedButton___G-ouQ[data-focus-visible]:not([data-disabled], [data-pressed]) {
800
720
  --effect-background-color: var(--hop-EmbeddedButton-effect-background-color-hover);
801
721
  --color: var(--hop-EmbeddedButton-color-hover);
802
722
  }
803
- .EmbeddedButton-module__hop-EmbeddedButton___OOvmj[data-pressed]:not([data-disabled]) {
723
+ .EmbeddedButton-module__hop-EmbeddedButton___G-ouQ[data-pressed]:not([data-disabled]) {
804
724
  --effect-background-color: var(--hop-EmbeddedButton-effect-background-color-pressed);
805
725
  --color: var(--hop-EmbeddedButton-color-pressed);
806
726
  }
807
- .EmbeddedButton-module__hop-EmbeddedButton__icon___uAAJQ {
727
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___-WCki {
808
728
  position: relative;
809
729
  }
810
730
 
811
731
  /* 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___j-58D {
732
+ .ErrorMessage-module__hop-ErrorMessage___hGjrh {
813
733
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
814
734
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
815
735
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -826,13 +746,13 @@
826
746
  line-height: var(--hop-ErrorMessage-line-height);
827
747
  color: var(--hop-ErrorMessage-color);
828
748
  }
829
- .ErrorMessage-module__hop-ErrorMessage__icon___I-vrf {
749
+ .ErrorMessage-module__hop-ErrorMessage__icon___wE1hg {
830
750
  flex: 0 0 auto;
831
751
  align-self: flex-start;
832
752
  }
833
753
 
834
754
  /* 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___H0Hyt {
755
+ .HelperMessage-module__hop-HelperMessage___0xUz2 {
836
756
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
837
757
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
838
758
  display: flex;
@@ -841,13 +761,13 @@
841
761
  box-sizing: border-box;
842
762
  color: var(--hop-HelperMessage-color);
843
763
  }
844
- .HelperMessage-module__hop-HelperMessage__icon___Ph3Hq {
764
+ .HelperMessage-module__hop-HelperMessage__icon___N2F4v {
845
765
  flex: 0 0 auto;
846
766
  align-self: flex-start;
847
767
  }
848
768
 
849
769
  /* 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___RWHJy {
770
+ .Heading-module__hop-Heading___FB1PP {
851
771
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
852
772
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
853
773
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -881,50 +801,50 @@
881
801
  --hop-Heading-inherit-size-font-weight: inherit;
882
802
  --hop-Heading-inherit-size-line-height: inherit;
883
803
  }
884
- :where(.Heading-module__hop-Heading___RWHJy) {
804
+ :where(.Heading-module__hop-Heading___FB1PP) {
885
805
  margin: 0;
886
806
  font-family: var(--font-family);
887
807
  font-size: var(--font-size);
888
808
  font-weight: var(--font-weight);
889
809
  line-height: var(--line-height);
890
810
  }
891
- :where(.Heading-module__hop-Heading--xs___WV-nV) {
811
+ :where(.Heading-module__hop-Heading--xs___ZJL3P) {
892
812
  --font-size: var(--hop-Heading-xs-font-size);
893
813
  --font-family: var(--hop-Heading-xs-font-family);
894
814
  --font-weight: var(--hop-Heading-xs-font-weight);
895
815
  --line-height: var(--hop-Heading-xs-line-height);
896
816
  }
897
- :where(.Heading-module__hop-Heading--sm___uU0YJ) {
817
+ :where(.Heading-module__hop-Heading--sm___fp3A6) {
898
818
  --font-size: var(--hop-Heading-sm-font-size);
899
819
  --font-family: var(--hop-Heading-sm-font-family);
900
820
  --font-weight: var(--hop-Heading-sm-font-weight);
901
821
  --line-height: var(--hop-Heading-sm-line-height);
902
822
  }
903
- :where(.Heading-module__hop-Heading--md___-Vxb5) {
823
+ :where(.Heading-module__hop-Heading--md___rEF7K) {
904
824
  --font-size: var(--hop-Heading-md-font-size);
905
825
  --font-family: var(--hop-Heading-md-font-family);
906
826
  --font-weight: var(--hop-Heading-md-font-weight);
907
827
  --line-height: var(--hop-Heading-md-line-height);
908
828
  }
909
- :where(.Heading-module__hop-Heading--lg___0diSz) {
829
+ :where(.Heading-module__hop-Heading--lg___kCSub) {
910
830
  --font-size: var(--hop-Heading-lg-font-size);
911
831
  --font-family: var(--hop-Heading-lg-font-family);
912
832
  --font-weight: var(--hop-Heading-lg-font-weight);
913
833
  --line-height: var(--hop-Heading-lg-line-height);
914
834
  }
915
- :where(.Heading-module__hop-Heading--xl___4MF4u) {
835
+ :where(.Heading-module__hop-Heading--xl___5VyFh) {
916
836
  --font-size: var(--hop-Heading-xl-font-size);
917
837
  --font-family: var(--hop-Heading-xl-font-family);
918
838
  --font-weight: var(--hop-Heading-xl-font-weight);
919
839
  --line-height: var(--hop-Heading-xl-line-height);
920
840
  }
921
- :where(.Heading-module__hop-Heading--2xl___Oz6Pg) {
841
+ :where(.Heading-module__hop-Heading--2xl___-qmiM) {
922
842
  --font-size: var(--hop-Heading-2xl-font-size);
923
843
  --font-family: var(--hop-Heading-2xl-font-family);
924
844
  --font-weight: var(--hop-Heading-2xl-font-weight);
925
845
  --line-height: var(--hop-Heading-2xl-line-height);
926
846
  }
927
- :where(.Heading-module__hop-Heading--3xl___1ZHcd) {
847
+ :where(.Heading-module__hop-Heading--3xl___xDM3d) {
928
848
  --font-size: var(--hop-Heading-3xl-font-size);
929
849
  --font-family: var(--hop-Heading-3xl-font-family);
930
850
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -932,7 +852,7 @@
932
852
  }
933
853
 
934
854
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
935
- :where(.OverlineText-module__hop-OverlineText___RgeDr) {
855
+ :where(.OverlineText-module__hop-OverlineText___1BZid) {
936
856
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
937
857
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
938
858
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -956,26 +876,42 @@
956
876
  text-transform: uppercase;
957
877
  letter-spacing: var(--letter-spacing);
958
878
  }
959
- .OverlineText-module__hop-OverlineText__text___I4lf4 {
879
+ .OverlineText-module__hop-OverlineText__text___RuqQo {
960
880
  box-sizing: border-box;
961
881
  }
962
- .OverlineText-module__hop-OverlineText__text___I4lf4::before,
963
- .OverlineText-module__hop-OverlineText__text___I4lf4::after {
882
+ .OverlineText-module__hop-OverlineText__text___RuqQo::before,
883
+ .OverlineText-module__hop-OverlineText__text___RuqQo::after {
964
884
  content: "";
965
885
  display: block;
966
886
  box-sizing: border-box;
967
887
  inline-size: 0;
968
888
  block-size: 0;
969
889
  }
970
- .OverlineText-module__hop-OverlineText__text___I4lf4::before {
890
+ .OverlineText-module__hop-OverlineText__text___RuqQo::before {
971
891
  margin-block-end: var(--bottom-offset);
972
892
  }
973
- .OverlineText-module__hop-OverlineText__text___I4lf4::after {
893
+ .OverlineText-module__hop-OverlineText__text___RuqQo::after {
974
894
  margin-block-start: var(--top-offset);
975
895
  }
976
896
 
897
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
898
+ .Label-module__hop-Label___PodEd {
899
+ --hop-Label-font-size: var(--hop-heading-xs-font-size);
900
+ --hop-Label-font-family: var(--hop-heading-xs-font-family);
901
+ --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
902
+ --hop-Label-line-height: var(--hop-heading-xs-line-height);
903
+ --hop-Label-color: var(--hop-neutral-text-weak);
904
+ }
905
+ :where(.Label-module__hop-Label___PodEd) {
906
+ font-family: var(--hop-Label-font-family);
907
+ font-size: var(--hop-Label-font-size);
908
+ font-weight: var(--hop-Label-font-weight);
909
+ line-height: var(--hop-Label-line-height);
910
+ color: var(--hop-Label-color);
911
+ }
912
+
977
913
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
978
- .InputGroup-module__hop-InputGroup___2fum1 {
914
+ .InputGroup-module__hop-InputGroup___yPMIO {
979
915
  --hop-InputGroup-background: var(--hop-neutral-surface);
980
916
  --hop-InputGroup-border-color: var(--hop-neutral-border);
981
917
  --hop-InputGroup-border-width: 0.0625rem;
@@ -1011,6 +947,8 @@
1011
947
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color);
1012
948
  --background: var(--hop-InputGroup-background);
1013
949
  --block-size: var(--hop-InputGroup-md-block-size);
950
+ }
951
+ :where(.InputGroup-module__hop-InputGroup___yPMIO) {
1014
952
  position: relative;
1015
953
  display: inline-flex;
1016
954
  gap: var(--hop-InputGroup-gap);
@@ -1023,27 +961,27 @@
1023
961
  border: var(--border);
1024
962
  border-radius: var(--hop-InputGroup-border-radius);
1025
963
  }
1026
- .InputGroup-module__hop-InputGroup--fluid___gFErQ {
964
+ .InputGroup-module__hop-InputGroup--fluid___SDrjN {
1027
965
  --inline-size: 100% ;
1028
966
  }
1029
- .InputGroup-module__hop-InputGroup--sm___l2GEn {
967
+ .InputGroup-module__hop-InputGroup--sm___uk-A0 {
1030
968
  --block-size: var(--hop-InputGroup-sm-block-size);
1031
969
  }
1032
- .InputGroup-module__hop-InputGroup___2fum1[data-hovered] {
970
+ .InputGroup-module__hop-InputGroup___yPMIO[data-hovered] {
1033
971
  --background: var(--hop-InputGroup-background-hover);
1034
972
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
1035
973
  }
1036
- .InputGroup-module__hop-InputGroup___2fum1[data-focus-within] {
974
+ .InputGroup-module__hop-InputGroup___yPMIO[data-focus-within] {
1037
975
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
1038
976
  }
1039
- .InputGroup-module__hop-InputGroup___2fum1[data-invalid] {
977
+ .InputGroup-module__hop-InputGroup___yPMIO[data-invalid] {
1040
978
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
1041
979
  }
1042
- .InputGroup-module__hop-InputGroup___2fum1[data-disabled] {
980
+ .InputGroup-module__hop-InputGroup___yPMIO[data-disabled] {
1043
981
  --background: var(--hop-InputGroup-background-disabled);
1044
982
  --border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled) ;
1045
983
  }
1046
- .InputGroup-module__hop-InputGroup__input___sVDs1 {
984
+ .InputGroup-module__hop-InputGroup__input___aerYh {
1047
985
  --input-font-family: var(--hop-InputGroup-input-md-font-family);
1048
986
  --input-font-size: var(--hop-InputGroup-input-md-font-size);
1049
987
  --input-font-weight: var(--hop-InputGroup-input-md-font-weight);
@@ -1065,57 +1003,47 @@
1065
1003
  border: none;
1066
1004
  outline: none;
1067
1005
  }
1068
- .InputGroup-module__hop-InputGroup--fluid___gFErQ .InputGroup-module__hop-InputGroup__input___sVDs1 {
1006
+ .InputGroup-module__hop-InputGroup--fluid___SDrjN .InputGroup-module__hop-InputGroup__input___aerYh {
1069
1007
  --input-inline-size: 100%;
1070
1008
  }
1071
- .InputGroup-module__hop-InputGroup--sm___l2GEn .InputGroup-module__hop-InputGroup__input___sVDs1 {
1009
+ .InputGroup-module__hop-InputGroup--sm___uk-A0 .InputGroup-module__hop-InputGroup__input___aerYh {
1072
1010
  --input-font-family: var(--hop-InputGroup-input-sm-font-family);
1073
1011
  --input-font-size: var(--hop-InputGroup-input-sm-font-size);
1074
1012
  --input-font-weight: var(--hop-InputGroup-input-sm-font-weight);
1075
1013
  --input-line-height: var(--hop-InputGroup-input-sm-line-height);
1076
1014
  --input-block-size: var(--hop-InputGroup-input-sm-block-size);
1077
1015
  }
1078
- .InputGroup-module__hop-InputGroup__input___sVDs1::placeholder {
1016
+ .InputGroup-module__hop-InputGroup__input___aerYh::placeholder {
1079
1017
  font-family: var(--hop-InputGroup-placeholder-font-family);
1080
1018
  font-size: var(--hop-InputGroup-placeholder-font-size);
1081
1019
  font-weight: var(--hop-InputGroup-placeholder-font-weight);
1082
1020
  line-height: var(--hop-InputGroup-placeholder-line-height);
1083
1021
  color: var(--input-placeholder-color);
1084
1022
  }
1085
- .InputGroup-module__hop-InputGroup__input___sVDs1[data-disabled]::placeholder {
1023
+ .InputGroup-module__hop-InputGroup__input___aerYh[data-disabled]::placeholder {
1086
1024
  --input-placeholder-color: var(--hop-InputGroup-placeholder-color-disabled);
1087
1025
  }
1088
1026
 
1089
1027
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
1090
- .PasswordField-module__hop-PasswordField___AWgBT {
1028
+ .PasswordField-module__hop-PasswordField___ban52 {
1091
1029
  --hop-PasswordField-gap: var(--hop-space-stack-xs);
1092
1030
  --hop-PasswordField-inline-size: 20rem;
1093
- --hop-PasswordField-font-family: var(--hop-heading-xs-font-family);
1094
- --hop-PasswordField-font-size: var(--hop-heading-xs-font-size);
1095
- --hop-PasswordField-font-weight: var(--hop-heading-xs-font-weight);
1096
- --hop-PasswordField-line-height: var(--hop-heading-xs-line-height);
1097
- --hop-PasswordField-color: var(--hop-neutral-text-weak);
1098
1031
  --inline-size: var(--hop-PasswordField-inline-size);
1099
1032
  display: flex;
1100
1033
  flex-direction: column;
1101
1034
  gap: var(--hop-PasswordField-gap);
1102
1035
  inline-size: var(--inline-size);
1103
1036
  }
1104
- .PasswordField-module__hop-PasswordField--fluid___-eKsi {
1037
+ .PasswordField-module__hop-PasswordField--fluid___nt8Nm {
1105
1038
  --inline-size: 100%;
1106
1039
  }
1107
- .PasswordField-module__hop-PasswordField__Label___eIp6e {
1040
+ .PasswordField-module__hop-PasswordField__Label___lGjUQ {
1108
1041
  order: 0;
1109
- font-family: var(--hop-PasswordField-font-family);
1110
- font-size: var(--hop-PasswordField-font-size);
1111
- font-weight: var(--hop-PasswordField-font-weight);
1112
- line-height: var(--hop-PasswordField-line-height);
1113
- color: var(--hop-PasswordField-color);
1114
1042
  }
1115
- .PasswordField-module__hop-PasswordField__InputGroup___5A-GW {
1043
+ .PasswordField-module__hop-PasswordField__InputGroup___tZgCe {
1116
1044
  order: 1;
1117
1045
  }
1118
- .PasswordField-module__hop-PasswordField__ErrorMessage___QROzL,
1119
- .PasswordField-module__hop-PasswordField__HelperMessage___IGyZL {
1046
+ .PasswordField-module__hop-PasswordField__ErrorMessage___f-Szj,
1047
+ .PasswordField-module__hop-PasswordField__HelperMessage___RJzJX {
1120
1048
  order: 3;
1121
1049
  }