@hopper-ui/components 1.0.8 → 1.0.9

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 (159) hide show
  1. package/CHANGELOG.md +7 -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 +175 -175
  41. package/dist/ListBox/src/ListBox.js +7 -7
  42. package/dist/ListBox/src/ListBoxItem.css +160 -160
  43. package/dist/ListBox/src/ListBoxItem.js +6 -6
  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 +175 -175
  47. package/dist/ListBox/src/index.js +7 -7
  48. package/dist/Spinner/src/Spinner.css +19 -19
  49. package/dist/Spinner/src/Spinner.js +2 -2
  50. package/dist/Spinner/src/index.css +19 -19
  51. package/dist/Spinner/src/index.js +2 -2
  52. package/dist/buttons/src/Button.css +103 -103
  53. package/dist/buttons/src/Button.js +4 -4
  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 +126 -126
  61. package/dist/buttons/src/index.js +7 -7
  62. package/dist/checkbox/src/Checkbox.css +31 -31
  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 +66 -66
  67. package/dist/checkbox/src/CheckboxGroup.js +1 -1
  68. package/dist/checkbox/src/index.css +66 -66
  69. package/dist/checkbox/src/index.js +4 -4
  70. package/dist/{chunk-QVK2N2AZ.js → chunk-3KBRMNDA.js} +3 -3
  71. package/dist/{chunk-SVUAG4RI.js → chunk-5MXKQU5B.js} +4 -4
  72. package/dist/{chunk-375NGVSY.js → chunk-5YRQIXEL.js} +1 -1
  73. package/dist/{chunk-GEDAZSYP.js → chunk-63JW6CK6.js} +1 -1
  74. package/dist/{chunk-C5SNXNGO.js → chunk-7WUVCC3E.js} +2 -2
  75. package/dist/{chunk-PFQFQTAW.js → chunk-7Y5L73TT.js} +2 -2
  76. package/dist/{chunk-Q6XETWRV.js → chunk-A6JQYJ3R.js} +1 -1
  77. package/dist/{chunk-LYGSWKBB.js → chunk-BCNLI46Y.js} +1 -1
  78. package/dist/{chunk-KC5DWQN5.js → chunk-BEPTEF2Y.js} +3 -3
  79. package/dist/{chunk-2PZTP7OD.js → chunk-BFBNB37P.js} +1 -1
  80. package/dist/{chunk-LAYIMWCS.js → chunk-CPGLTPBH.js} +2 -2
  81. package/dist/{chunk-GVS7P3EP.js → chunk-CQ2WBICW.js} +2 -2
  82. package/dist/{chunk-HK6NUAOU.js → chunk-E3GTXHVR.js} +1 -1
  83. package/dist/{chunk-DERV7IO4.js → chunk-ESMMVJFJ.js} +1 -1
  84. package/dist/{chunk-HJGIOIZH.js → chunk-FSIHGNZZ.js} +1 -1
  85. package/dist/{chunk-FX7SCMAB.js → chunk-G7N6JSC6.js} +3 -3
  86. package/dist/{chunk-JYS47NMI.js → chunk-HIDFRNRY.js} +2 -2
  87. package/dist/{chunk-VILNMAVP.js → chunk-HIKXZAF6.js} +2 -2
  88. package/dist/{chunk-B2NAEXNH.js → chunk-IJEOKZBG.js} +6 -6
  89. package/dist/{chunk-FJYIXPAV.js → chunk-JW6SVCZI.js} +1 -1
  90. package/dist/{chunk-RERJ4IWC.js → chunk-KDSVLCXQ.js} +1 -1
  91. package/dist/{chunk-XGLY57N7.js → chunk-KIKYKF6M.js} +1 -1
  92. package/dist/{chunk-7F63PQML.js → chunk-KQRHG655.js} +1 -1
  93. package/dist/{chunk-BHRRVORW.js → chunk-M7TMDPQ4.js} +5 -5
  94. package/dist/{chunk-O3B5AAY5.js → chunk-MM26VI6I.js} +2 -2
  95. package/dist/{chunk-5YCINTI3.js → chunk-R3YOEPPW.js} +3 -3
  96. package/dist/{chunk-J3FFNHVC.js → chunk-RPKDR2DM.js} +2 -2
  97. package/dist/{chunk-576NZEOZ.js → chunk-SBGW2L25.js} +2 -2
  98. package/dist/{chunk-WWLAPWPS.js → chunk-SV4MURUH.js} +3 -3
  99. package/dist/{chunk-YORVWKUU.js → chunk-TFKAOK7T.js} +1 -1
  100. package/dist/{chunk-T3KA26BR.js → chunk-TV77LXU3.js} +1 -1
  101. package/dist/{chunk-Q4P2MTYE.js → chunk-USJAHVR6.js} +1 -1
  102. package/dist/{chunk-LD4PHTV5.js → chunk-UU2LRQMW.js} +1 -1
  103. package/dist/{chunk-IGDXWHDV.js → chunk-W5H4HE43.js} +1 -1
  104. package/dist/{chunk-KUOVH2WS.js → chunk-WFL75JA5.js} +1 -1
  105. package/dist/{chunk-6FJ6VT7L.js → chunk-WL24EJEW.js} +1 -1
  106. package/dist/{chunk-2O5GW4WZ.js → chunk-ZJY43OYG.js} +1 -1
  107. package/dist/index.css +457 -457
  108. package/dist/index.js +37 -37
  109. package/dist/inputs/src/InputGroup.css +12 -12
  110. package/dist/inputs/src/InputGroup.js +1 -1
  111. package/dist/inputs/src/PasswordField.css +163 -163
  112. package/dist/inputs/src/PasswordField.js +7 -7
  113. package/dist/inputs/src/SearchField.css +169 -169
  114. package/dist/inputs/src/SearchField.js +8 -8
  115. package/dist/inputs/src/TextField.css +164 -164
  116. package/dist/inputs/src/TextField.js +8 -8
  117. package/dist/inputs/src/index.css +182 -182
  118. package/dist/inputs/src/index.js +10 -10
  119. package/dist/overlays/Popover/src/Popover.css +457 -457
  120. package/dist/overlays/Popover/src/Popover.js +37 -37
  121. package/dist/overlays/Popover/src/index.css +457 -457
  122. package/dist/overlays/Popover/src/index.js +37 -37
  123. package/dist/radio/src/Radio.css +31 -31
  124. package/dist/radio/src/Radio.js +2 -2
  125. package/dist/radio/src/RadioField.css +15 -15
  126. package/dist/radio/src/RadioField.js +1 -1
  127. package/dist/radio/src/RadioGroup.css +66 -66
  128. package/dist/radio/src/RadioGroup.js +1 -1
  129. package/dist/radio/src/index.css +66 -66
  130. package/dist/radio/src/index.js +4 -4
  131. package/dist/switch/src/Switch.css +25 -25
  132. package/dist/switch/src/Switch.js +2 -2
  133. package/dist/switch/src/SwitchField.css +15 -15
  134. package/dist/switch/src/SwitchField.js +1 -1
  135. package/dist/switch/src/index.css +31 -31
  136. package/dist/switch/src/index.js +3 -3
  137. package/dist/tag/src/Tag.css +457 -457
  138. package/dist/tag/src/Tag.js +37 -37
  139. package/dist/tag/src/TagGroup.css +28 -28
  140. package/dist/tag/src/TagGroup.js +1 -1
  141. package/dist/tag/src/index.css +457 -457
  142. package/dist/tag/src/index.js +37 -37
  143. package/dist/typography/Heading/src/Heading.css +9 -9
  144. package/dist/typography/Heading/src/Heading.js +1 -1
  145. package/dist/typography/Heading/src/index.css +9 -9
  146. package/dist/typography/Heading/src/index.js +1 -1
  147. package/dist/typography/Label/src/Label.css +9 -9
  148. package/dist/typography/Label/src/Label.js +1 -1
  149. package/dist/typography/Label/src/index.css +9 -9
  150. package/dist/typography/Label/src/index.js +1 -1
  151. package/dist/typography/OverlineText/src/OverlineText.css +6 -6
  152. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  153. package/dist/typography/OverlineText/src/index.css +6 -6
  154. package/dist/typography/OverlineText/src/index.js +1 -1
  155. package/dist/typography/Text/src/Text.css +9 -9
  156. package/dist/typography/Text/src/Text.js +1 -1
  157. package/dist/typography/Text/src/index.css +9 -9
  158. package/dist/typography/Text/src/index.js +1 -1
  159. package/package.json +2 -2
@@ -1,5 +1,5 @@
1
1
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Divider/src/Divider.module.css/#css-module-data */
2
- :where(.Divider-module__hop-Divider___bIrrB) {
2
+ :where(.Divider-module__hop-Divider___GuoYs) {
3
3
  --hop-Divider-border-color: var(--hop-neutral-border-weak);
4
4
  --hop-Divider-border-size: 0.0625rem;
5
5
  --hop-Divider-horizontal-border-block-end: var(--hop-Divider-border-size) solid var(--hop-Divider-border-color);
@@ -24,7 +24,7 @@
24
24
  border-block-end: var(--border-block-end);
25
25
  border-inline-start: var(--border-inline-start);
26
26
  }
27
- .Divider-module__hop-Divider--vertical___BDPcJ {
27
+ .Divider-module__hop-Divider--vertical___lKXZp {
28
28
  --border-block-end: var(--hop-Divider-vertical-border-block-end);
29
29
  --border-inline-start: var(--hop-Divider-vertical-border-inline-start);
30
30
  --inline-size: var(--hop-Divider-vertical-inline-size);
@@ -32,7 +32,7 @@
32
32
  }
33
33
 
34
34
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
35
- .Text-module__hop-Text___tIiCx {
35
+ .Text-module__hop-Text___9EKDX {
36
36
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
37
37
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
38
38
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -62,49 +62,49 @@
62
62
  --hop-Text-inherit-size-font-weight: inherit;
63
63
  --hop-Text-inherit-size-line-height: inherit;
64
64
  }
65
- :where(.Text-module__hop-Text___tIiCx) {
65
+ :where(.Text-module__hop-Text___9EKDX) {
66
66
  font-family: var(--font-family);
67
67
  font-size: var(--font-size);
68
68
  font-weight: var(--font-weight);
69
69
  line-height: var(--line-height);
70
70
  }
71
- :where(.Text-module__hop-Text--xs___rw7oZ) {
71
+ :where(.Text-module__hop-Text--xs___jiJjf) {
72
72
  --font-size: var(--hop-Text-xs-font-size);
73
73
  --font-family: var(--hop-Text-xs-font-family);
74
74
  --font-weight: var(--hop-Text-xs-font-weight);
75
75
  --line-height: var(--hop-Text-xs-line-height);
76
76
  }
77
- :where(.Text-module__hop-Text--sm___egXsQ) {
77
+ :where(.Text-module__hop-Text--sm___-IJzb) {
78
78
  --font-size: var(--hop-Text-sm-font-size);
79
79
  --font-family: var(--hop-Text-sm-font-family);
80
80
  --font-weight: var(--hop-Text-sm-font-weight);
81
81
  --line-height: var(--hop-Text-sm-line-height);
82
82
  }
83
- :where(.Text-module__hop-Text--md___x9B05) {
83
+ :where(.Text-module__hop-Text--md___JvMWi) {
84
84
  --font-size: var(--hop-Text-md-font-size);
85
85
  --font-family: var(--hop-Text-md-font-family);
86
86
  --font-weight: var(--hop-Text-md-font-weight);
87
87
  --line-height: var(--hop-Text-md-line-height);
88
88
  }
89
- :where(.Text-module__hop-Text--lg___G-bAx) {
89
+ :where(.Text-module__hop-Text--lg___TLLw6) {
90
90
  --font-size: var(--hop-Text-lg-font-size);
91
91
  --font-family: var(--hop-Text-lg-font-family);
92
92
  --font-weight: var(--hop-Text-lg-font-weight);
93
93
  --line-height: var(--hop-Text-lg-line-height);
94
94
  }
95
- :where(.Text-module__hop-Text--xl___QHdr-) {
95
+ :where(.Text-module__hop-Text--xl___lpA8Y) {
96
96
  --font-size: var(--hop-Text-xl-font-size);
97
97
  --font-family: var(--hop-Text-xl-font-family);
98
98
  --font-weight: var(--hop-Text-xl-font-weight);
99
99
  --line-height: var(--hop-Text-xl-line-height);
100
100
  }
101
- :where(.Text-module__hop-Text--2xl___Y5asG) {
101
+ :where(.Text-module__hop-Text--2xl___ggwwq) {
102
102
  --font-size: var(--hop-Text-2xl-font-size);
103
103
  --font-family: var(--hop-Text-2xl-font-family);
104
104
  --font-weight: var(--hop-Text-2xl-font-weight);
105
105
  --line-height: var(--hop-Text-2xl-line-height);
106
106
  }
107
- :where(.Text-module__hop-Text--inherit___HTrly) {
107
+ :where(.Text-module__hop-Text--inherit___2Vd0p) {
108
108
  --font-size: var(--hop-Text-inherit-size-font-size);
109
109
  --font-family: var(--hop-Text-inherit-size-font-family);
110
110
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -112,7 +112,7 @@
112
112
  }
113
113
 
114
114
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
115
- :where(.OverlineText-module__hop-OverlineText___Vuw2H) {
115
+ :where(.OverlineText-module__hop-OverlineText___5GRoV) {
116
116
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
117
117
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
118
118
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -136,26 +136,26 @@
136
136
  text-transform: uppercase;
137
137
  letter-spacing: var(--letter-spacing);
138
138
  }
139
- .OverlineText-module__hop-OverlineText__text___xrm5a {
139
+ .OverlineText-module__hop-OverlineText__text___VJt70 {
140
140
  box-sizing: border-box;
141
141
  }
142
- .OverlineText-module__hop-OverlineText__text___xrm5a::before,
143
- .OverlineText-module__hop-OverlineText__text___xrm5a::after {
142
+ .OverlineText-module__hop-OverlineText__text___VJt70::before,
143
+ .OverlineText-module__hop-OverlineText__text___VJt70::after {
144
144
  content: "";
145
145
  display: block;
146
146
  box-sizing: border-box;
147
147
  inline-size: 0;
148
148
  block-size: 0;
149
149
  }
150
- .OverlineText-module__hop-OverlineText__text___xrm5a::before {
150
+ .OverlineText-module__hop-OverlineText__text___VJt70::before {
151
151
  margin-block-end: var(--bottom-offset);
152
152
  }
153
- .OverlineText-module__hop-OverlineText__text___xrm5a::after {
153
+ .OverlineText-module__hop-OverlineText__text___VJt70::after {
154
154
  margin-block-start: var(--top-offset);
155
155
  }
156
156
 
157
157
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
158
- .Badge-module__hop-Badge___pZ5KZ {
158
+ .Badge-module__hop-Badge___P63WA {
159
159
  --hop-Badge-height: 1.5rem;
160
160
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
161
161
  --hop-Badge-border-radius: var(--hop-shape-pill);
@@ -179,21 +179,21 @@
179
179
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
180
180
  border-radius: var(--border-radius);
181
181
  }
182
- .Badge-module__hop-Badge--primary___weyTt {
182
+ .Badge-module__hop-Badge--primary___trtWH {
183
183
  --background-color: var(--hop-Badge-primary-background-color);
184
184
  --text-color: var(--hop-Badge-primary-text-color);
185
185
  }
186
- .Badge-module__hop-Badge--secondary___MYrUR {
186
+ .Badge-module__hop-Badge--secondary___dkMr2 {
187
187
  --background-color: var(--hop-Badge-secondary-background-color);
188
188
  --text-color: var(--hop-Badge-secondary-text-color);
189
189
  }
190
- .Badge-module__hop-Badge___pZ5KZ[data-disabled] {
190
+ .Badge-module__hop-Badge___P63WA[data-disabled] {
191
191
  --background-color: var(--hop-Badge-background-color-disabled);
192
192
  --text-color: var(--hop-Badge-text-color-disabled);
193
193
  }
194
194
 
195
195
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
196
- .IconList-module__hop-IconList___WqX3l {
196
+ .IconList-module__hop-IconList___BKrPD {
197
197
  --hop-IconList-gap: var(--hop-space-inline-xs);
198
198
  display: flex;
199
199
  flex-wrap: wrap;
@@ -202,7 +202,7 @@
202
202
  }
203
203
 
204
204
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
205
- .Checkbox-module__hop-Checkbox___-skry {
205
+ .Checkbox-module__hop-Checkbox___av5T8 {
206
206
  --hop-Checkbox-box-border-size: 0.0625rem;
207
207
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
208
208
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -278,8 +278,8 @@
278
278
  inline-size: max-content;
279
279
  max-inline-size: 100%;
280
280
  }
281
- .Checkbox-module__hop-Checkbox___-skry[data-focus-visible],
282
- .Checkbox-module__hop-Checkbox--focused___X0QkL {
281
+ .Checkbox-module__hop-Checkbox___av5T8[data-focus-visible],
282
+ .Checkbox-module__hop-Checkbox--focused___fYQMD {
283
283
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
284
284
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
285
285
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
@@ -287,22 +287,22 @@
287
287
  --icon-color: var(--hop-Checkbox-icon-color-focused);
288
288
  --description-color: var(--hop-Checkbox-description-color-focus);
289
289
  }
290
- .Checkbox-module__hop-Checkbox___-skry[data-hovered],
291
- .Checkbox-module__hop-Checkbox--hovered___Sy-i1 {
290
+ .Checkbox-module__hop-Checkbox___av5T8[data-hovered],
291
+ .Checkbox-module__hop-Checkbox--hovered___MHCcx {
292
292
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
293
293
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
294
294
  --text-color: var(--hop-Checkbox-text-color-hovered);
295
295
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
296
296
  --description-color: var(--hop-Checkbox-description-color-hover);
297
297
  }
298
- .Checkbox-module__hop-Checkbox___-skry[data-pressed],
299
- .Checkbox-module__hop-Checkbox--pressed___L-0uq {
298
+ .Checkbox-module__hop-Checkbox___av5T8[data-pressed],
299
+ .Checkbox-module__hop-Checkbox--pressed___CaIAB {
300
300
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
301
301
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
302
302
  --text-color: var(--hop-Checkbox-text-color-pressed);
303
303
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
304
304
  }
305
- .Checkbox-module__hop-Checkbox___-skry[data-selected] {
305
+ .Checkbox-module__hop-Checkbox___av5T8[data-selected] {
306
306
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
307
307
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
308
308
  --check-display: var(--hop-Checkbox-check-display-selected);
@@ -310,7 +310,7 @@
310
310
  --icon-color: var(--hop-Checkbox-icon-color-selected);
311
311
  --description-color: var(--hop-Checkbox-description-color-checked);
312
312
  }
313
- .Checkbox-module__hop-Checkbox___-skry[data-invalid] {
313
+ .Checkbox-module__hop-Checkbox___av5T8[data-invalid] {
314
314
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
315
315
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
316
316
  --check-color: var(--hop-Checkbox-check-color-invalid);
@@ -318,27 +318,27 @@
318
318
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
319
319
  --description-color: var(--hop-Checkbox-description-color-invalid);
320
320
  }
321
- .Checkbox-module__hop-Checkbox___-skry[data-invalid]:where([data-focus-visible], .Checkbox-module__hop-Checkbox--focused___X0QkL) {
321
+ .Checkbox-module__hop-Checkbox___av5T8[data-invalid]:where([data-focus-visible], .Checkbox-module__hop-Checkbox--focused___fYQMD) {
322
322
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
323
323
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
324
324
  }
325
- .Checkbox-module__hop-Checkbox___-skry[data-invalid]:where([data-hovered], .Checkbox-module__hop-Checkbox--hovered___Sy-i1) {
325
+ .Checkbox-module__hop-Checkbox___av5T8[data-invalid]:where([data-hovered], .Checkbox-module__hop-Checkbox--hovered___MHCcx) {
326
326
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
327
327
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
328
328
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
329
329
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
330
330
  }
331
- .Checkbox-module__hop-Checkbox___-skry[data-invalid]:where([data-pressed], .Checkbox-module__hop-Checkbox--pressed___L-0uq) {
331
+ .Checkbox-module__hop-Checkbox___av5T8[data-invalid]:where([data-pressed], .Checkbox-module__hop-Checkbox--pressed___CaIAB) {
332
332
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
333
333
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
334
334
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
335
335
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
336
336
  }
337
- .Checkbox-module__hop-Checkbox___-skry:where([data-invalid])[data-selected] {
337
+ .Checkbox-module__hop-Checkbox___av5T8:where([data-invalid])[data-selected] {
338
338
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
339
339
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
340
340
  }
341
- .Checkbox-module__hop-Checkbox___-skry[data-disabled] {
341
+ .Checkbox-module__hop-Checkbox___av5T8[data-disabled] {
342
342
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
343
343
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
344
344
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -347,25 +347,25 @@
347
347
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
348
348
  --description-color: var(--hop-Checkbox-description-color-disabled);
349
349
  }
350
- .Checkbox-module__hop-Checkbox--sm___6VG9N {
350
+ .Checkbox-module__hop-Checkbox--sm___gaj6z {
351
351
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
352
352
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
353
353
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
354
354
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
355
355
  }
356
- .Checkbox-module__hop-Checkbox--md___uK-n- {
356
+ .Checkbox-module__hop-Checkbox--md___TH-iN {
357
357
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
358
358
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
359
359
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
360
360
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
361
361
  }
362
- .Checkbox-module__hop-Checkbox__icon___UWW9Q,
363
- .Checkbox-module__hop-Checkbox__icon-list___ZJ8OH {
362
+ .Checkbox-module__hop-Checkbox__icon___W7XjS,
363
+ .Checkbox-module__hop-Checkbox__icon-list___Lpm2J {
364
364
  flex: 0 0 auto;
365
365
  order: 3;
366
366
  color: var(--icon-color);
367
367
  }
368
- .Checkbox-module__hop-Checkbox__box___IrGoV {
368
+ .Checkbox-module__hop-Checkbox__box___VicMB {
369
369
  display: flex;
370
370
  flex: 0 0 auto;
371
371
  align-items: center;
@@ -381,11 +381,11 @@
381
381
  outline-offset: 0.125rem;
382
382
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
383
383
  }
384
- .Checkbox-module__hop-Checkbox__check___R6h7l {
384
+ .Checkbox-module__hop-Checkbox__check___b1aB8 {
385
385
  display: var(--check-display);
386
386
  color: var(--check-color);
387
387
  }
388
- .Checkbox-module__hop-Checkbox__text___uO5pN {
388
+ .Checkbox-module__hop-Checkbox__text___Q3QBg {
389
389
  flex: 0 1 auto;
390
390
  order: 2;
391
391
  min-inline-size: 0;
@@ -395,7 +395,7 @@
395
395
  }
396
396
 
397
397
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
398
- .CheckboxField-module__hop-CheckboxField___pydl9 {
398
+ .CheckboxField-module__hop-CheckboxField___vIspb {
399
399
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
400
400
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
401
401
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -414,28 +414,28 @@
414
414
  inline-size: max-content;
415
415
  max-inline-size: 100%;
416
416
  }
417
- .CheckboxField-module__hop-CheckboxField___pydl9[data-disabled] {
417
+ .CheckboxField-module__hop-CheckboxField___vIspb[data-disabled] {
418
418
  --description-color: var(--hop-CheckboxField-description-color-disabled);
419
419
  }
420
- .CheckboxField-module__hop-CheckboxField--sm___Fopud {
420
+ .CheckboxField-module__hop-CheckboxField--sm___yblww {
421
421
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
422
422
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
423
423
  }
424
- .CheckboxField-module__hop-CheckboxField--md___UCUdY {
424
+ .CheckboxField-module__hop-CheckboxField--md___NfSNj {
425
425
  --row-gap: var(--hop-CheckboxField-md-row-gap);
426
426
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
427
427
  }
428
- .CheckboxField-module__hop-CheckboxField__description___tatz9 {
428
+ .CheckboxField-module__hop-CheckboxField__description___3hzEB {
429
429
  order: 2;
430
430
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
431
431
  color: var(--description-color);
432
432
  }
433
- .CheckboxField-module__hop-CheckboxField__checkbox___NXlad {
433
+ .CheckboxField-module__hop-CheckboxField__checkbox___tBCH8 {
434
434
  order: 1;
435
435
  }
436
436
 
437
437
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
438
- .ErrorMessage-module__hop-ErrorMessage___yC5xH {
438
+ .ErrorMessage-module__hop-ErrorMessage___2GpQr {
439
439
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
440
440
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
441
441
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -452,13 +452,13 @@
452
452
  line-height: var(--hop-ErrorMessage-line-height);
453
453
  color: var(--hop-ErrorMessage-color);
454
454
  }
455
- .ErrorMessage-module__hop-ErrorMessage__icon___8C4pS {
455
+ .ErrorMessage-module__hop-ErrorMessage__icon___iJJFL {
456
456
  flex: 0 0 auto;
457
457
  align-self: flex-start;
458
458
  }
459
459
 
460
460
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
461
- .HelperMessage-module__hop-HelperMessage___m-yIS {
461
+ .HelperMessage-module__hop-HelperMessage___hJs07 {
462
462
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
463
463
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
464
464
  display: flex;
@@ -467,13 +467,13 @@
467
467
  box-sizing: border-box;
468
468
  color: var(--hop-HelperMessage-color);
469
469
  }
470
- .HelperMessage-module__hop-HelperMessage__icon___CaMfM {
470
+ .HelperMessage-module__hop-HelperMessage__icon___88932 {
471
471
  flex: 0 0 auto;
472
472
  align-self: flex-start;
473
473
  }
474
474
 
475
475
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
476
- .Label-module__hop-Label___oItqW {
476
+ .Label-module__hop-Label___a89ve {
477
477
  --hop-Label-xs-font-size: var(--hop-body-xs-font-size);
478
478
  --hop-Label-xs-font-family: var(--hop-body-xs-font-family);
479
479
  --hop-Label-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -503,49 +503,49 @@
503
503
  --hop-Label-inherit-size-font-weight: inherit;
504
504
  --hop-Label-inherit-size-line-height: inherit;
505
505
  }
506
- :where(.Label-module__hop-Label___oItqW) {
506
+ :where(.Label-module__hop-Label___a89ve) {
507
507
  font-family: var(--font-family);
508
508
  font-size: var(--font-size);
509
509
  font-weight: var(--font-weight);
510
510
  line-height: var(--line-height);
511
511
  }
512
- :where(.Label-module__hop-Label--xs___OCQc9) {
512
+ :where(.Label-module__hop-Label--xs___aRYBa) {
513
513
  --font-size: var(--hop-Label-xs-font-size);
514
514
  --font-family: var(--hop-Label-xs-font-family);
515
515
  --font-weight: var(--hop-Label-xs-font-weight);
516
516
  --line-height: var(--hop-Label-xs-line-height);
517
517
  }
518
- :where(.Label-module__hop-Label--sm___-fhZc) {
518
+ :where(.Label-module__hop-Label--sm___AeNCA) {
519
519
  --font-size: var(--hop-Label-sm-font-size);
520
520
  --font-family: var(--hop-Label-sm-font-family);
521
521
  --font-weight: var(--hop-Label-sm-font-weight);
522
522
  --line-height: var(--hop-Label-sm-line-height);
523
523
  }
524
- :where(.Label-module__hop-Label--md___OdAm4) {
524
+ :where(.Label-module__hop-Label--md___TbmkR) {
525
525
  --font-size: var(--hop-Label-md-font-size);
526
526
  --font-family: var(--hop-Label-md-font-family);
527
527
  --font-weight: var(--hop-Label-md-font-weight);
528
528
  --line-height: var(--hop-Label-md-line-height);
529
529
  }
530
- :where(.Label-module__hop-Label--lg___GbPeJ) {
530
+ :where(.Label-module__hop-Label--lg___qazq6) {
531
531
  --font-size: var(--hop-Label-lg-font-size);
532
532
  --font-family: var(--hop-Label-lg-font-family);
533
533
  --font-weight: var(--hop-Label-lg-font-weight);
534
534
  --line-height: var(--hop-Label-lg-line-height);
535
535
  }
536
- :where(.Label-module__hop-Label--xl___1wofe) {
536
+ :where(.Label-module__hop-Label--xl___LZow5) {
537
537
  --font-size: var(--hop-Label-xl-font-size);
538
538
  --font-family: var(--hop-Label-xl-font-family);
539
539
  --font-weight: var(--hop-Label-xl-font-weight);
540
540
  --line-height: var(--hop-Label-xl-line-height);
541
541
  }
542
- :where(.Label-module__hop-Label--2xl___qv5gq) {
542
+ :where(.Label-module__hop-Label--2xl___eBOjb) {
543
543
  --font-size: var(--hop-Label-2xl-font-size);
544
544
  --font-family: var(--hop-Label-2xl-font-family);
545
545
  --font-weight: var(--hop-Label-2xl-font-weight);
546
546
  --line-height: var(--hop-Label-2xl-line-height);
547
547
  }
548
- :where(.Label-module__hop-Label--inherit___zEydh) {
548
+ :where(.Label-module__hop-Label--inherit___OT8yi) {
549
549
  --font-size: var(--hop-Label-inherit-size-font-size);
550
550
  --font-family: var(--hop-Label-inherit-size-font-family);
551
551
  --font-weight: var(--hop-Label-inherit-size-font-weight);
@@ -553,7 +553,7 @@
553
553
  }
554
554
 
555
555
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
556
- .CheckboxGroup-module__hop-CheckboxGroup___mj5ai {
556
+ .CheckboxGroup-module__hop-CheckboxGroup___LIvI- {
557
557
  --hop-CheckboxGroup-align-items: flex-start;
558
558
  --hop-CheckboxGroup-justify-content: flex-start;
559
559
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -592,46 +592,46 @@
592
592
  inline-size: max-content;
593
593
  max-inline-size: 100%;
594
594
  }
595
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___XMEuo {
595
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___kDLyw {
596
596
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
597
597
  --list-border-radius: var(--hop-shape-rounded-md);
598
598
  }
599
- .CheckboxGroup-module__hop-CheckboxGroup--sm___h4UgL {
599
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___FvBpA {
600
600
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
601
601
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
602
602
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
603
603
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
604
604
  }
605
- .CheckboxGroup-module__hop-CheckboxGroup--md___O34t9 {
605
+ .CheckboxGroup-module__hop-CheckboxGroup--md___J7iGS {
606
606
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
607
607
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
608
608
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
609
609
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
610
610
  }
611
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___XMEuo.CheckboxGroup-module__hop-CheckboxGroup--sm___h4UgL {
611
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___kDLyw.CheckboxGroup-module__hop-CheckboxGroup--sm___FvBpA {
612
612
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
613
613
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
614
614
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
615
615
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
616
616
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
617
617
  }
618
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___XMEuo.CheckboxGroup-module__hop-CheckboxGroup--md___O34t9 {
618
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___kDLyw.CheckboxGroup-module__hop-CheckboxGroup--md___J7iGS {
619
619
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
620
620
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
621
621
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
622
622
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
623
623
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
624
624
  }
625
- .CheckboxGroup-module__hop-CheckboxGroup___mj5ai[data-orientation=horizontal] {
625
+ .CheckboxGroup-module__hop-CheckboxGroup___LIvI-[data-orientation=horizontal] {
626
626
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
627
627
  }
628
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___XMEuo[data-orientation=horizontal] {
628
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___kDLyw[data-orientation=horizontal] {
629
629
  --flex-wrap: nowrap;
630
630
  }
631
- .CheckboxGroup-module__hop-CheckboxGroup___mj5ai > .CheckboxGroup-module__hop-CheckboxGroup__label___rX9kr {
631
+ .CheckboxGroup-module__hop-CheckboxGroup___LIvI- > .CheckboxGroup-module__hop-CheckboxGroup__label___kIxKg {
632
632
  order: 1;
633
633
  }
634
- .CheckboxGroup-module__hop-CheckboxGroup__list___vHi6o {
634
+ .CheckboxGroup-module__hop-CheckboxGroup__list___Erqz5 {
635
635
  display: flex;
636
636
  flex-flow: var(--flex-direction) var(--flex-wrap);
637
637
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -642,7 +642,7 @@
642
642
  border: var(--list-border, none);
643
643
  border-radius: var(--list-border-radius, 0);
644
644
  }
645
- .CheckboxGroup-module__hop-CheckboxGroup__list___vHi6o > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___flwfU {
645
+ .CheckboxGroup-module__hop-CheckboxGroup__list___Erqz5 > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___zPQ8U {
646
646
  position: relative;
647
647
  flex: 0 1 auto;
648
648
  align-content: start;
@@ -650,28 +650,28 @@
650
650
  min-inline-size: 0;
651
651
  padding: var(--checkbox-padding, 0);
652
652
  }
653
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___XMEuo .CheckboxGroup-module__hop-CheckboxGroup__list___vHi6o > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___flwfU ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___flwfU::before {
653
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___kDLyw .CheckboxGroup-module__hop-CheckboxGroup__list___Erqz5 > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___zPQ8U ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___zPQ8U::before {
654
654
  content: "";
655
655
  position: absolute;
656
656
  display: block;
657
657
  }
658
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___XMEuo[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___vHi6o > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___flwfU ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___flwfU::before {
658
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___kDLyw[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___Erqz5 > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___zPQ8U ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___zPQ8U::before {
659
659
  inset-block-start: 0;
660
660
  inset-inline: 0;
661
661
  border-block-start: var(--list-border, none);
662
662
  }
663
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___XMEuo[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___vHi6o > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___flwfU ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___flwfU::before {
663
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___kDLyw[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___Erqz5 > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___zPQ8U ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___zPQ8U::before {
664
664
  inset-block: 0;
665
665
  inset-inline-start: 0;
666
666
  border-inline-start: var(--list-border, none);
667
667
  }
668
- .CheckboxGroup-module__hop-CheckboxGroup___mj5ai > .CheckboxGroup-module__hop-CheckboxGroup__error-message___KV5Zl,
669
- .CheckboxGroup-module__hop-CheckboxGroup___mj5ai > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___gibWl {
668
+ .CheckboxGroup-module__hop-CheckboxGroup___LIvI- > .CheckboxGroup-module__hop-CheckboxGroup__error-message___KFwml,
669
+ .CheckboxGroup-module__hop-CheckboxGroup___LIvI- > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___jif4z {
670
670
  order: 3;
671
671
  }
672
672
 
673
673
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
674
- .Radio-module__hop-Radio___Xp7l6 {
674
+ .Radio-module__hop-Radio___q62db {
675
675
  --hop-Radio-box-border-size: 0.0625rem;
676
676
  --hop-Radio-box-border-color: var(--hop-neutral-border);
677
677
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -746,8 +746,8 @@
746
746
  inline-size: max-content;
747
747
  max-inline-size: 100%;
748
748
  }
749
- .Radio-module__hop-Radio___Xp7l6[data-focus-visible],
750
- .Radio-module__hop-Radio--focused___yW0Wx {
749
+ .Radio-module__hop-Radio___q62db[data-focus-visible],
750
+ .Radio-module__hop-Radio--focused___jQYJP {
751
751
  --box-background-color: var(--hop-Radio-box-background-color-focused);
752
752
  --box-border-color: var(--hop-Radio-box-border-color-focused);
753
753
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
@@ -755,23 +755,23 @@
755
755
  --icon-color: var(--hop-Radio-icon-color-focused);
756
756
  --description-color: var(--hop-Radio-description-color-focus);
757
757
  }
758
- .Radio-module__hop-Radio___Xp7l6[data-hovered],
759
- .Radio-module__hop-Radio--hovered___ckfKe {
758
+ .Radio-module__hop-Radio___q62db[data-hovered],
759
+ .Radio-module__hop-Radio--hovered___o27Q4 {
760
760
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
761
761
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
762
762
  --text-color: var(--hop-Radio-text-color-hovered);
763
763
  --icon-color: var(--hop-Radio-icon-color-hovered);
764
764
  --description-color: var(--hop-Radio-description-color-hover);
765
765
  }
766
- .Radio-module__hop-Radio___Xp7l6[data-pressed],
767
- .Radio-module__hop-Radio--pressed___Gxr0y {
766
+ .Radio-module__hop-Radio___q62db[data-pressed],
767
+ .Radio-module__hop-Radio--pressed___XI3H0 {
768
768
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
769
769
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
770
770
  --text-color: var(--hop-Radio-text-color-pressed);
771
771
  --icon-color: var(--hop-Radio-icon-color-pressed);
772
772
  --description-color: var(--hop-Radio-description-color-pressed);
773
773
  }
774
- .Radio-module__hop-Radio___Xp7l6[data-selected] {
774
+ .Radio-module__hop-Radio___q62db[data-selected] {
775
775
  --box-background-color: var(--hop-Radio-box-background-color-selected);
776
776
  --box-border-color: var(--hop-Radio-box-border-color-selected);
777
777
  --bullet-display: var(--hop-Radio-bullet-display-selected);
@@ -779,7 +779,7 @@
779
779
  --icon-color: var(--hop-Radio-icon-color-selected);
780
780
  --description-color: var(--hop-Radio-description-color-selected);
781
781
  }
782
- .Radio-module__hop-Radio___Xp7l6[data-invalid] {
782
+ .Radio-module__hop-Radio___q62db[data-invalid] {
783
783
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
784
784
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
785
785
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
@@ -787,27 +787,27 @@
787
787
  --icon-color: var(--hop-Radio-icon-color-invalid);
788
788
  --description-color: var(--hop-Radio-description-color-invalid);
789
789
  }
790
- .Radio-module__hop-Radio___Xp7l6:where([data-invalid])[data-focus-visible] {
790
+ .Radio-module__hop-Radio___q62db:where([data-invalid])[data-focus-visible] {
791
791
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
792
792
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
793
793
  }
794
- .Radio-module__hop-Radio___Xp7l6:where([data-invalid])[data-hovered] {
794
+ .Radio-module__hop-Radio___q62db:where([data-invalid])[data-hovered] {
795
795
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
796
796
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
797
797
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
798
798
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
799
799
  }
800
- .Radio-module__hop-Radio___Xp7l6:where([data-invalid])[data-pressed] {
800
+ .Radio-module__hop-Radio___q62db:where([data-invalid])[data-pressed] {
801
801
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
802
802
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
803
803
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
804
804
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
805
805
  }
806
- .Radio-module__hop-Radio___Xp7l6:where([data-invalid])[data-selected] {
806
+ .Radio-module__hop-Radio___q62db:where([data-invalid])[data-selected] {
807
807
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
808
808
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
809
809
  }
810
- .Radio-module__hop-Radio___Xp7l6[data-disabled] {
810
+ .Radio-module__hop-Radio___q62db[data-disabled] {
811
811
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
812
812
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
813
813
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -816,25 +816,25 @@
816
816
  --icon-color: var(--hop-Radio-icon-color-disabled);
817
817
  --description-color: var(--hop-Radio-description-color-disabled);
818
818
  }
819
- .Radio-module__hop-Radio--sm___hP32c {
819
+ .Radio-module__hop-Radio--sm___NbEnt {
820
820
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
821
821
  --box-block-size: var(--hop-Radio-box-sm-block-size);
822
822
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
823
823
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
824
824
  }
825
- .Radio-module__hop-Radio--md___4o0tb {
825
+ .Radio-module__hop-Radio--md___uYVjB {
826
826
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
827
827
  --box-block-size: var(--hop-Radio-box-md-block-size);
828
828
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
829
829
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
830
830
  }
831
- .Radio-module__hop-Radio__icon___STn-v,
832
- .Radio-module__hop-Radio__icon-list___VkNaY {
831
+ .Radio-module__hop-Radio__icon___9F--H,
832
+ .Radio-module__hop-Radio__icon-list___RjPa8 {
833
833
  flex: 0 0 auto;
834
834
  order: 3;
835
835
  color: var(--icon-color);
836
836
  }
837
- .Radio-module__hop-Radio__box___-9Dex {
837
+ .Radio-module__hop-Radio__box___su9zP {
838
838
  display: flex;
839
839
  flex: 0 0 auto;
840
840
  align-items: center;
@@ -850,11 +850,11 @@
850
850
  outline-offset: 0.125rem;
851
851
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
852
852
  }
853
- .Radio-module__hop-Radio__bullet___0oWOE {
853
+ .Radio-module__hop-Radio__bullet___cVeE0 {
854
854
  display: var(--bullet-display);
855
855
  color: var(--bullet-color);
856
856
  }
857
- .Radio-module__hop-Radio__text___iJnng {
857
+ .Radio-module__hop-Radio__text___btX47 {
858
858
  flex: 0 1 auto;
859
859
  order: 2;
860
860
  min-inline-size: 0;
@@ -864,7 +864,7 @@
864
864
  }
865
865
 
866
866
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
867
- .RadioField-module__hop-RadioField___A3lD0 {
867
+ .RadioField-module__hop-RadioField___FlIWm {
868
868
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
869
869
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
870
870
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -883,28 +883,28 @@
883
883
  inline-size: max-content;
884
884
  max-inline-size: 100%;
885
885
  }
886
- .RadioField-module__hop-RadioField___A3lD0[data-disabled] {
886
+ .RadioField-module__hop-RadioField___FlIWm[data-disabled] {
887
887
  --description-color: var(--hop-RadioField-description-color-disabled);
888
888
  }
889
- .RadioField-module__hop-RadioField--sm___qT1Ga {
889
+ .RadioField-module__hop-RadioField--sm___uHmDr {
890
890
  --row-gap: var(--hop-RadioField-sm-row-gap);
891
891
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
892
892
  }
893
- .RadioField-module__hop-RadioField--md___1sltk {
893
+ .RadioField-module__hop-RadioField--md___J-UhE {
894
894
  --row-gap: var(--hop-RadioField-md-row-gap);
895
895
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
896
896
  }
897
- .RadioField-module__hop-RadioField__description___Tm3Cz {
897
+ .RadioField-module__hop-RadioField__description___Z3Ejj {
898
898
  order: 2;
899
899
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
900
900
  color: var(--description-color);
901
901
  }
902
- .RadioField-module__hop-RadioField__radio___RlTsT {
902
+ .RadioField-module__hop-RadioField__radio___-o1-- {
903
903
  order: 1;
904
904
  }
905
905
 
906
906
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
907
- .RadioGroup-module__hop-RadioGroup___gKLRP {
907
+ .RadioGroup-module__hop-RadioGroup___DQDiK {
908
908
  --hop-RadioGroup-align-items: flex-start;
909
909
  --hop-RadioGroup-justify-content: flex-start;
910
910
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -944,46 +944,46 @@
944
944
  inline-size: var(--inline-size);
945
945
  max-inline-size: 100%;
946
946
  }
947
- .RadioGroup-module__hop-RadioGroup--bordered___1-bcY {
947
+ .RadioGroup-module__hop-RadioGroup--bordered___lroSl {
948
948
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
949
949
  --list-border-radius: var(--hop-shape-rounded-md);
950
950
  }
951
- .RadioGroup-module__hop-RadioGroup--sm___lnLkS {
951
+ .RadioGroup-module__hop-RadioGroup--sm___0il7- {
952
952
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
953
953
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
954
954
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
955
955
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
956
956
  }
957
- .RadioGroup-module__hop-RadioGroup--md___Jvqyo {
957
+ .RadioGroup-module__hop-RadioGroup--md___5AqBF {
958
958
  --column-gap: var(--hop-RadioGroup-md-column-gap);
959
959
  --row-gap: var(--hop-RadioGroup-md-row-gap);
960
960
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
961
961
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
962
962
  }
963
- .RadioGroup-module__hop-RadioGroup--bordered___1-bcY.RadioGroup-module__hop-RadioGroup--sm___lnLkS {
963
+ .RadioGroup-module__hop-RadioGroup--bordered___lroSl.RadioGroup-module__hop-RadioGroup--sm___0il7- {
964
964
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
965
965
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
966
966
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
967
967
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
968
968
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
969
969
  }
970
- .RadioGroup-module__hop-RadioGroup--bordered___1-bcY.RadioGroup-module__hop-RadioGroup--md___Jvqyo {
970
+ .RadioGroup-module__hop-RadioGroup--bordered___lroSl.RadioGroup-module__hop-RadioGroup--md___5AqBF {
971
971
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
972
972
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
973
973
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
974
974
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
975
975
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
976
976
  }
977
- .RadioGroup-module__hop-RadioGroup___gKLRP[data-orientation=horizontal] {
977
+ .RadioGroup-module__hop-RadioGroup___DQDiK[data-orientation=horizontal] {
978
978
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
979
979
  }
980
- .RadioGroup-module__hop-RadioGroup--bordered___1-bcY[data-orientation=horizontal] {
980
+ .RadioGroup-module__hop-RadioGroup--bordered___lroSl[data-orientation=horizontal] {
981
981
  --flex-wrap: nowrap;
982
982
  }
983
- .RadioGroup-module__hop-RadioGroup___gKLRP > .RadioGroup-module__hop-RadioGroup__label___sv-Ey {
983
+ .RadioGroup-module__hop-RadioGroup___DQDiK > .RadioGroup-module__hop-RadioGroup__label___9ypNx {
984
984
  order: 1;
985
985
  }
986
- .RadioGroup-module__hop-RadioGroup__list___pw9-- {
986
+ .RadioGroup-module__hop-RadioGroup__list___gXZpm {
987
987
  display: flex;
988
988
  flex-flow: var(--flex-direction) var(--flex-wrap);
989
989
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -994,7 +994,7 @@
994
994
  border: var(--list-border, none);
995
995
  border-radius: var(--list-border-radius, 0);
996
996
  }
997
- .RadioGroup-module__hop-RadioGroup__list___pw9-- > .RadioGroup-module__hop-RadioGroup__radio___QEo5I {
997
+ .RadioGroup-module__hop-RadioGroup__list___gXZpm > .RadioGroup-module__hop-RadioGroup__radio___jDblq {
998
998
  position: relative;
999
999
  flex: 0 1 auto;
1000
1000
  align-content: start;
@@ -1002,28 +1002,28 @@
1002
1002
  min-inline-size: 0;
1003
1003
  padding: var(--radio-padding, 0);
1004
1004
  }
1005
- .RadioGroup-module__hop-RadioGroup--bordered___1-bcY .RadioGroup-module__hop-RadioGroup__list___pw9-- > .RadioGroup-module__hop-RadioGroup__radio___QEo5I ~ .RadioGroup-module__hop-RadioGroup__radio___QEo5I::before {
1005
+ .RadioGroup-module__hop-RadioGroup--bordered___lroSl .RadioGroup-module__hop-RadioGroup__list___gXZpm > .RadioGroup-module__hop-RadioGroup__radio___jDblq ~ .RadioGroup-module__hop-RadioGroup__radio___jDblq::before {
1006
1006
  content: "";
1007
1007
  position: absolute;
1008
1008
  display: block;
1009
1009
  }
1010
- .RadioGroup-module__hop-RadioGroup--bordered___1-bcY[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___pw9-- > .RadioGroup-module__hop-RadioGroup__radio___QEo5I ~ .RadioGroup-module__hop-RadioGroup__radio___QEo5I::before {
1010
+ .RadioGroup-module__hop-RadioGroup--bordered___lroSl[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___gXZpm > .RadioGroup-module__hop-RadioGroup__radio___jDblq ~ .RadioGroup-module__hop-RadioGroup__radio___jDblq::before {
1011
1011
  inset-block-start: 0;
1012
1012
  inset-inline: 0;
1013
1013
  border-block-start: var(--list-border, none);
1014
1014
  }
1015
- .RadioGroup-module__hop-RadioGroup--bordered___1-bcY[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___pw9-- > .RadioGroup-module__hop-RadioGroup__radio___QEo5I ~ .RadioGroup-module__hop-RadioGroup__radio___QEo5I::before {
1015
+ .RadioGroup-module__hop-RadioGroup--bordered___lroSl[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___gXZpm > .RadioGroup-module__hop-RadioGroup__radio___jDblq ~ .RadioGroup-module__hop-RadioGroup__radio___jDblq::before {
1016
1016
  inset-block: 0;
1017
1017
  inset-inline-start: 0;
1018
1018
  border-inline-start: var(--list-border, none);
1019
1019
  }
1020
- .RadioGroup-module__hop-RadioGroup___gKLRP > .RadioGroup-module__hop-RadioGroup__error-message___qh3t0,
1021
- .RadioGroup-module__hop-RadioGroup___gKLRP > .RadioGroup-module__hop-RadioGroup__helper-message___b51mt {
1020
+ .RadioGroup-module__hop-RadioGroup___DQDiK > .RadioGroup-module__hop-RadioGroup__error-message___hYvFA,
1021
+ .RadioGroup-module__hop-RadioGroup___DQDiK > .RadioGroup-module__hop-RadioGroup__helper-message___X8FXS {
1022
1022
  order: 3;
1023
1023
  }
1024
1024
 
1025
1025
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
1026
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___qGocC {
1026
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___jtazu {
1027
1027
  --hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
1028
1028
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
1029
1029
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -1049,7 +1049,7 @@
1049
1049
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
1050
1050
  background-size: 400% 100%;
1051
1051
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
1052
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___4V4rA;
1052
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___NwIOf;
1053
1053
  animation-duration: var(--animation-duration);
1054
1054
  animation-timing-function: ease-in-out;
1055
1055
  animation-fill-mode: forwards;
@@ -1058,19 +1058,19 @@
1058
1058
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
1059
1059
  }
1060
1060
  }
1061
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___-rxQp {
1061
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___7y5ik {
1062
1062
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
1063
1063
  }
1064
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___2PpQs {
1064
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___vcMHt {
1065
1065
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
1066
1066
  }
1067
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___Khoxh {
1067
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___rnBtL {
1068
1068
  --height: var(--hop-ListBoxItemSkeleton-md-height);
1069
1069
  }
1070
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___6Gwk- {
1070
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___IN0cy {
1071
1071
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
1072
1072
  }
1073
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___4V4rA {
1073
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___NwIOf {
1074
1074
  0% {
1075
1075
  background-position: 125% 50%;
1076
1076
  }
@@ -1080,7 +1080,7 @@
1080
1080
  }
1081
1081
 
1082
1082
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
1083
- .ListBoxItem-module__hop-ListBoxItem___LAkI1 {
1083
+ .ListBoxItem-module__hop-ListBoxItem___Udi1n {
1084
1084
  --hop-ListBoxItem-background-color: transparent;
1085
1085
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
1086
1086
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -1163,109 +1163,109 @@
1163
1163
  border-radius: var(--hop-ListBoxItem-border-radius);
1164
1164
  outline: var(--outline);
1165
1165
  }
1166
- .ListBoxItem-module__hop-ListBoxItem--xs___Vsakx {
1166
+ .ListBoxItem-module__hop-ListBoxItem--xs___fexOw {
1167
1167
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
1168
1168
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
1169
1169
  --min-height: var(--hop-ListBoxItem-xs-min-height);
1170
1170
  }
1171
- .ListBoxItem-module__hop-ListBoxItem--sm___FVQkC {
1171
+ .ListBoxItem-module__hop-ListBoxItem--sm___LCs5m {
1172
1172
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
1173
1173
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
1174
1174
  --min-height: var(--hop-ListBoxItem-sm-min-height);
1175
1175
  }
1176
- .ListBoxItem-module__hop-ListBoxItem--md___avSEK {
1176
+ .ListBoxItem-module__hop-ListBoxItem--md___AbuJ3 {
1177
1177
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
1178
1178
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
1179
1179
  --min-height: var(--hop-ListBoxItem-md-min-height);
1180
1180
  }
1181
- .ListBoxItem-module__hop-ListBoxItem--lg___1enwh {
1181
+ .ListBoxItem-module__hop-ListBoxItem--lg___MAu8x {
1182
1182
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
1183
1183
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
1184
1184
  --min-height: var(--hop-ListBoxItem-lg-min-height);
1185
1185
  }
1186
- .ListBoxItem-module__hop-ListBoxItem___LAkI1[data-selection-mode] {
1186
+ .ListBoxItem-module__hop-ListBoxItem___Udi1n[data-selection-mode] {
1187
1187
  --cursor: pointer;
1188
1188
  }
1189
- .ListBoxItem-module__hop-ListBoxItem___LAkI1:not([data-selection-mode]) {
1189
+ .ListBoxItem-module__hop-ListBoxItem___Udi1n:not([data-selection-mode]) {
1190
1190
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1191
1191
  }
1192
- .ListBoxItem-module__hop-ListBoxItem__inner___lsuM8:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___heQlg) {
1192
+ .ListBoxItem-module__hop-ListBoxItem__inner___zNSLs:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___qYN-V) {
1193
1193
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1194
1194
  }
1195
- .ListBoxItem-module__hop-ListBoxItem__inner___lsuM8[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___heQlg) {
1195
+ .ListBoxItem-module__hop-ListBoxItem__inner___zNSLs[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___qYN-V) {
1196
1196
  --checkmark-transition: none;
1197
1197
  }
1198
- .ListBoxItem-module__hop-ListBoxItem___LAkI1[data-selected] {
1198
+ .ListBoxItem-module__hop-ListBoxItem___Udi1n[data-selected] {
1199
1199
  --background-color: var(--hop-ListBoxItem-background-color-selected);
1200
1200
  --text-color: var(--hop-ListBoxItem-text-color-selected);
1201
1201
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
1202
1202
  --checkmark-opacity: 1;
1203
1203
  }
1204
- .ListBoxItem-module__hop-ListBoxItem___LAkI1[data-focus-visible] {
1204
+ .ListBoxItem-module__hop-ListBoxItem___Udi1n[data-focus-visible] {
1205
1205
  --background-color: var(--hop-ListBoxItem-background-color-focused);
1206
1206
  --text-color: var(--hop-ListBoxItem-text-color-focused);
1207
1207
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
1208
1208
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
1209
1209
  }
1210
- .ListBoxItem-module__hop-ListBoxItem___LAkI1[data-hovered] {
1210
+ .ListBoxItem-module__hop-ListBoxItem___Udi1n[data-hovered] {
1211
1211
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
1212
1212
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
1213
1213
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
1214
1214
  }
1215
- .ListBoxItem-module__hop-ListBoxItem___LAkI1[data-pressed] {
1215
+ .ListBoxItem-module__hop-ListBoxItem___Udi1n[data-pressed] {
1216
1216
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
1217
1217
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
1218
1218
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
1219
1219
  }
1220
- .ListBoxItem-module__hop-ListBoxItem___LAkI1[data-disabled] {
1220
+ .ListBoxItem-module__hop-ListBoxItem___Udi1n[data-disabled] {
1221
1221
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
1222
1222
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
1223
1223
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
1224
1224
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
1225
1225
  --cursor: not-allowed;
1226
1226
  }
1227
- .ListBoxItem-module__hop-ListBoxItem___LAkI1[data-invalid] {
1227
+ .ListBoxItem-module__hop-ListBoxItem___Udi1n[data-invalid] {
1228
1228
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
1229
1229
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
1230
1230
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
1231
1231
  }
1232
- .ListBoxItem-module__hop-ListBoxItem___LAkI1[data-invalid][data-selected] {
1232
+ .ListBoxItem-module__hop-ListBoxItem___Udi1n[data-invalid][data-selected] {
1233
1233
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
1234
1234
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
1235
1235
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
1236
1236
  }
1237
- .ListBoxItem-module__hop-ListBoxItem___LAkI1[data-invalid][data-focus-visible] {
1237
+ .ListBoxItem-module__hop-ListBoxItem___Udi1n[data-invalid][data-focus-visible] {
1238
1238
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
1239
1239
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
1240
1240
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
1241
1241
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
1242
1242
  }
1243
- .ListBoxItem-module__hop-ListBoxItem___LAkI1[data-invalid][data-hovered] {
1243
+ .ListBoxItem-module__hop-ListBoxItem___Udi1n[data-invalid][data-hovered] {
1244
1244
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
1245
1245
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
1246
1246
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
1247
1247
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
1248
1248
  }
1249
- .ListBoxItem-module__hop-ListBoxItem___LAkI1[data-invalid][data-pressed] {
1249
+ .ListBoxItem-module__hop-ListBoxItem___Udi1n[data-invalid][data-pressed] {
1250
1250
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
1251
1251
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
1252
1252
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
1253
1253
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
1254
1254
  }
1255
- .ListBoxItem-module__hop-ListBoxItem___LAkI1[data-invalid][data-disabled] {
1255
+ .ListBoxItem-module__hop-ListBoxItem___Udi1n[data-invalid][data-disabled] {
1256
1256
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
1257
1257
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
1258
1258
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
1259
1259
  }
1260
- .ListBoxItem-module__hop-ListBoxItem___LAkI1:has(.ListBoxItem-module__hop-ListBoxItem__description___8KhCH) {
1260
+ .ListBoxItem-module__hop-ListBoxItem___Udi1n:has(.ListBoxItem-module__hop-ListBoxItem__description___hjdW6) {
1261
1261
  --row-gap: var(--hop-ListBoxItem-row-gap);
1262
1262
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
1263
1263
  }
1264
- .ListBoxItem-module__hop-ListBoxItem___LAkI1[data-loading] {
1264
+ .ListBoxItem-module__hop-ListBoxItem___Udi1n[data-loading] {
1265
1265
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
1266
1266
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
1267
1267
  }
1268
- .ListBoxItem-module__hop-ListBoxItem__inner___lsuM8 {
1268
+ .ListBoxItem-module__hop-ListBoxItem__inner___zNSLs {
1269
1269
  display: grid;
1270
1270
  grid-template-areas: var(--grid-template-areas);
1271
1271
  grid-template-columns: var(--grid-template-columns);
@@ -1277,49 +1277,49 @@
1277
1277
  padding-inline: var(--padding-inline);
1278
1278
  transition: grid-template-columns .3s ease-in-out;
1279
1279
  }
1280
- .ListBoxItem-module__hop-ListBoxItem__checkmark___heQlg {
1280
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___qYN-V {
1281
1281
  grid-area: indicator;
1282
1282
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1283
1283
  color: var(--icon-color);
1284
1284
  opacity: var(--checkmark-opacity);
1285
1285
  transition: var(--checkmark-transition);
1286
1286
  }
1287
- .ListBoxItem-module__hop-ListBoxItem__radio-group___VryQn,
1288
- .ListBoxItem-module__hop-ListBoxItem__checkbox___-fM2T {
1287
+ .ListBoxItem-module__hop-ListBoxItem__radio-group___-CUyu,
1288
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___gdePX {
1289
1289
  pointer-events: none;
1290
1290
  user-select: none;
1291
1291
  grid-area: indicator;
1292
1292
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1293
1293
  }
1294
- .ListBoxItem-module__hop-ListBoxItem__avatar___-p8Ph {
1294
+ .ListBoxItem-module__hop-ListBoxItem__avatar___RVCPa {
1295
1295
  grid-area: avatar;
1296
1296
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1297
1297
  }
1298
- .ListBoxItem-module__hop-ListBoxItem__icon-list___j-Nby,
1299
- .ListBoxItem-module__hop-ListBoxItem__icon___ofBmW {
1298
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___wFOJv,
1299
+ .ListBoxItem-module__hop-ListBoxItem__icon___ugkXR {
1300
1300
  grid-area: icon;
1301
1301
  flex: 0 0 auto;
1302
1302
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1303
1303
  color: var(--icon-color);
1304
1304
  }
1305
- .ListBoxItem-module__hop-ListBoxItem__label___Wm7Al {
1305
+ .ListBoxItem-module__hop-ListBoxItem__label___c-o-D {
1306
1306
  overflow: hidden;
1307
1307
  grid-area: label;
1308
1308
  min-inline-size: 0;
1309
1309
  text-overflow: ellipsis;
1310
1310
  white-space: nowrap;
1311
1311
  }
1312
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___-DVcH,
1313
- .ListBoxItem-module__hop-ListBoxItem__end-icon___Kgd39 {
1312
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___zGCFR,
1313
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___ykSwc {
1314
1314
  grid-area: end-icon;
1315
1315
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
1316
1316
  color: var(--icon-color);
1317
1317
  }
1318
- .ListBoxItem-module__hop-ListBoxItem__badge___6Itha {
1318
+ .ListBoxItem-module__hop-ListBoxItem__badge___PWHnF {
1319
1319
  grid-area: badge;
1320
1320
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
1321
1321
  }
1322
- .ListBoxItem-module__hop-ListBoxItem__description___8KhCH {
1322
+ .ListBoxItem-module__hop-ListBoxItem__description___hjdW6 {
1323
1323
  overflow: hidden;
1324
1324
  display: -webkit-box;
1325
1325
  grid-area: description;
@@ -1330,7 +1330,7 @@
1330
1330
  }
1331
1331
 
1332
1332
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBox.module.css/#css-module-data */
1333
- .ListBox-module__hop-ListBox___craXV {
1333
+ .ListBox-module__hop-ListBox___M3hXF {
1334
1334
  --hop-ListBox-background-color: var(--hop-neutral-surface);
1335
1335
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
1336
1336
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -1378,11 +1378,11 @@
1378
1378
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
1379
1379
  border-radius: var(--hop-ListBox-border-radius);
1380
1380
  }
1381
- .ListBox-module__hop-ListBox--fluid___-cR7i {
1381
+ .ListBox-module__hop-ListBox--fluid___v2q0u {
1382
1382
  --max-width: var(--hop-ListBox-fluid-max-width);
1383
1383
  --width: var(--hop-ListBox-fluid-width);
1384
1384
  }
1385
- .ListBox-module__hop-ListBox__section___QGhIi {
1385
+ .ListBox-module__hop-ListBox__section___LIXRS {
1386
1386
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
1387
1387
  margin-inline: var(--hop-ListBox-section-margin-inline);
1388
1388
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -1390,21 +1390,21 @@
1390
1390
  border-block-start: var(--section-border-block-start);
1391
1391
  border-block-end: var(--section-border-block-end);
1392
1392
  }
1393
- .ListBox-module__hop-ListBox__item___3MWzg + .ListBox-module__hop-ListBox__section___QGhIi {
1393
+ .ListBox-module__hop-ListBox__item___Mx30t + .ListBox-module__hop-ListBox__section___LIXRS {
1394
1394
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
1395
1395
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
1396
1396
  }
1397
- .ListBox-module__hop-ListBox__section___QGhIi:has(+ .ListBox-module__hop-ListBox__item___3MWzg) {
1397
+ .ListBox-module__hop-ListBox__section___LIXRS:has(+ .ListBox-module__hop-ListBox__item___Mx30t) {
1398
1398
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
1399
1399
  }
1400
- .ListBox-module__hop-ListBox__section___QGhIi:first-child {
1400
+ .ListBox-module__hop-ListBox__section___LIXRS:first-child {
1401
1401
  --section-padding-block-start: 0;
1402
1402
  }
1403
- .ListBox-module__hop-ListBox__section___QGhIi:last-child {
1403
+ .ListBox-module__hop-ListBox__section___LIXRS:last-child {
1404
1404
  --section-padding-block-end: 0;
1405
1405
  --section-border-block-end: 0;
1406
1406
  }
1407
- .ListBox-module__hop-ListBox__section-header___BXkTL {
1407
+ .ListBox-module__hop-ListBox__section-header___-2Q3I {
1408
1408
  margin: 0;
1409
1409
  padding: var(--hop-ListBox-section-header-padding);
1410
1410
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -1414,21 +1414,21 @@
1414
1414
  text-transform: var(--hop-ListBox-section-header-text-transform);
1415
1415
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
1416
1416
  }
1417
- .ListBox-module__hop-ListBox__section-header___BXkTL::before,
1418
- .ListBox-module__hop-ListBox__section-header___BXkTL::after {
1417
+ .ListBox-module__hop-ListBox__section-header___-2Q3I::before,
1418
+ .ListBox-module__hop-ListBox__section-header___-2Q3I::after {
1419
1419
  content: "";
1420
1420
  display: block;
1421
1421
  box-sizing: border-box;
1422
1422
  inline-size: 0;
1423
1423
  block-size: 0;
1424
1424
  }
1425
- .ListBox-module__hop-ListBox__section-header___BXkTL::before {
1425
+ .ListBox-module__hop-ListBox__section-header___-2Q3I::before {
1426
1426
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
1427
1427
  }
1428
- .ListBox-module__hop-ListBox__section-header___BXkTL::after {
1428
+ .ListBox-module__hop-ListBox__section-header___-2Q3I::after {
1429
1429
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
1430
1430
  }
1431
- .ListBox-module__hop-ListBox__divider___FO3MM {
1431
+ .ListBox-module__hop-ListBox__divider___dxTbS {
1432
1432
  margin-block: var(--hop-ListBox-divider-margin-block);
1433
1433
  margin-inline: var(--hop-ListBox-divider-margin-inline);
1434
1434
  }