@hopper-ui/components 1.0.12 → 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 (161) hide show
  1. package/CHANGELOG.md +6 -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 +168 -168
  41. package/dist/ListBox/src/ListBox.js +8 -8
  42. package/dist/ListBox/src/ListBoxItem.css +153 -153
  43. package/dist/ListBox/src/ListBoxItem.js +7 -7
  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 +168 -168
  47. package/dist/ListBox/src/index.js +8 -8
  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 +97 -97
  53. package/dist/buttons/src/Button.js +3 -3
  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 +120 -120
  61. package/dist/buttons/src/index.js +6 -6
  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 +59 -59
  67. package/dist/checkbox/src/CheckboxGroup.js +1 -1
  68. package/dist/checkbox/src/index.css +59 -59
  69. package/dist/checkbox/src/index.js +4 -4
  70. package/dist/{chunk-2EWSXUKP.js → chunk-2MUGMKNO.js} +1 -1
  71. package/dist/{chunk-H47QYKHU.js → chunk-44KY7MFF.js} +4 -4
  72. package/dist/{chunk-GLJ23R4O.js → chunk-5WWMVQI4.js} +1 -1
  73. package/dist/{chunk-HAJOOYIY.js → chunk-723W7LGB.js} +3 -3
  74. package/dist/{chunk-USYSDGSI.js → chunk-AMXRADUV.js} +2 -2
  75. package/dist/{chunk-4RGYMJVX.js → chunk-AYPCLDGU.js} +1 -1
  76. package/dist/{chunk-WQ2IDC5N.js → chunk-B42AJF74.js} +6 -6
  77. package/dist/{chunk-R5TKT4GV.js → chunk-CCIVRIKG.js} +1 -1
  78. package/dist/{chunk-UG2GABQI.js → chunk-CS2RAWQB.js} +3 -3
  79. package/dist/{chunk-C6HQZUJC.js → chunk-CXIH6I5X.js} +1 -1
  80. package/dist/{chunk-UZWPP6WB.js → chunk-DZHRELLA.js} +1 -1
  81. package/dist/{chunk-Z4S37Y6Z.js → chunk-ERE2XRQA.js} +1 -1
  82. package/dist/{chunk-5O2R6OZD.js → chunk-ESRYOELK.js} +2 -2
  83. package/dist/{chunk-FMYIFMMF.js → chunk-GH5LAOQU.js} +1 -1
  84. package/dist/{chunk-L6GOPZJM.js → chunk-I2YZLGRE.js} +1 -1
  85. package/dist/{chunk-EUVNSKLC.js → chunk-IEE2HHGR.js} +1 -1
  86. package/dist/{chunk-JHCYXGZQ.js → chunk-JLUFMLGV.js} +1 -1
  87. package/dist/{chunk-F54JRMFF.js → chunk-JN2FF2IX.js} +1 -1
  88. package/dist/{chunk-XVFY4N5S.js → chunk-KARK64JC.js} +1 -1
  89. package/dist/{chunk-VIJAZ3D6.js → chunk-LDORNYHF.js} +2 -2
  90. package/dist/{chunk-AV6EXKJL.js → chunk-M4IVTAHY.js} +3 -3
  91. package/dist/{chunk-WKTV56XG.js → chunk-MVWQVBTK.js} +1 -1
  92. package/dist/{chunk-37ZFOV4F.js → chunk-NHM3MQI3.js} +1 -1
  93. package/dist/{chunk-4GSKU4TS.js → chunk-PAYZGXTT.js} +1 -1
  94. package/dist/{chunk-OQ4PSWC7.js → chunk-QTV45NTY.js} +2 -2
  95. package/dist/{chunk-LPNAHCYD.js → chunk-RGGVZKNN.js} +2 -2
  96. package/dist/{chunk-KHBGN72O.js → chunk-RXZQB35O.js} +2 -2
  97. package/dist/{chunk-W6AZ2ZWU.js → chunk-SNWJJ3FF.js} +1 -1
  98. package/dist/{chunk-RHZPF2YH.js → chunk-SSMGKQ27.js} +2 -2
  99. package/dist/{chunk-YKLQWMUL.js → chunk-SW7LHIQ2.js} +7 -7
  100. package/dist/{chunk-TRIFBDZE.js → chunk-THQZBL4T.js} +1 -1
  101. package/dist/{chunk-GF4GFADL.js → chunk-TNVYVDLF.js} +3 -3
  102. package/dist/{chunk-OWUGMRU6.js → chunk-UGHMX7QX.js} +3 -3
  103. package/dist/{chunk-OPVD3ERM.js → chunk-UPR32DV5.js} +2 -2
  104. package/dist/{chunk-26DZ7VIM.js → chunk-W34MMJ2L.js} +2 -2
  105. package/dist/{chunk-B57SRQ7N.js → chunk-WCLGYVXV.js} +1 -1
  106. package/dist/{chunk-QCUDNLBI.js → chunk-ZXDN2IRM.js} +1 -1
  107. package/dist/index.css +454 -454
  108. package/dist/index.js +39 -39
  109. package/dist/inputs/src/InputGroup.css +13 -13
  110. package/dist/inputs/src/InputGroup.js +1 -1
  111. package/dist/inputs/src/NumberField.css +61 -61
  112. package/dist/inputs/src/NumberField.js +7 -7
  113. package/dist/inputs/src/PasswordField.css +160 -160
  114. package/dist/inputs/src/PasswordField.js +7 -7
  115. package/dist/inputs/src/SearchField.css +166 -166
  116. package/dist/inputs/src/SearchField.js +8 -8
  117. package/dist/inputs/src/TextField.css +161 -161
  118. package/dist/inputs/src/TextField.js +9 -9
  119. package/dist/inputs/src/index.css +179 -179
  120. package/dist/inputs/src/index.js +11 -11
  121. package/dist/overlays/Popover/src/Popover.css +454 -454
  122. package/dist/overlays/Popover/src/Popover.js +39 -39
  123. package/dist/overlays/Popover/src/index.css +454 -454
  124. package/dist/overlays/Popover/src/index.js +39 -39
  125. package/dist/radio/src/Radio.css +31 -31
  126. package/dist/radio/src/Radio.js +2 -2
  127. package/dist/radio/src/RadioField.css +15 -15
  128. package/dist/radio/src/RadioField.js +1 -1
  129. package/dist/radio/src/RadioGroup.css +59 -59
  130. package/dist/radio/src/RadioGroup.js +1 -1
  131. package/dist/radio/src/index.css +59 -59
  132. package/dist/radio/src/index.js +4 -4
  133. package/dist/switch/src/Switch.css +25 -25
  134. package/dist/switch/src/Switch.js +2 -2
  135. package/dist/switch/src/SwitchField.css +15 -15
  136. package/dist/switch/src/SwitchField.js +1 -1
  137. package/dist/switch/src/index.css +31 -31
  138. package/dist/switch/src/index.js +3 -3
  139. package/dist/tag/src/Tag.css +454 -454
  140. package/dist/tag/src/Tag.js +39 -39
  141. package/dist/tag/src/TagGroup.css +21 -21
  142. package/dist/tag/src/TagGroup.js +1 -1
  143. package/dist/tag/src/index.css +454 -454
  144. package/dist/tag/src/index.js +39 -39
  145. package/dist/typography/Heading/src/Heading.css +9 -9
  146. package/dist/typography/Heading/src/Heading.js +1 -1
  147. package/dist/typography/Heading/src/index.css +9 -9
  148. package/dist/typography/Heading/src/index.js +1 -1
  149. package/dist/typography/Label/src/Label.css +2 -2
  150. package/dist/typography/Label/src/Label.js +1 -1
  151. package/dist/typography/Label/src/index.css +2 -2
  152. package/dist/typography/Label/src/index.js +1 -1
  153. package/dist/typography/OverlineText/src/OverlineText.css +6 -6
  154. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  155. package/dist/typography/OverlineText/src/index.css +6 -6
  156. package/dist/typography/OverlineText/src/index.js +1 -1
  157. package/dist/typography/Text/src/Text.css +9 -9
  158. package/dist/typography/Text/src/Text.js +1 -1
  159. package/dist/typography/Text/src/index.css +9 -9
  160. package/dist/typography/Text/src/index.js +1 -1
  161. package/package.json +1 -1
@@ -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___ddvkQ) {
2
+ :where(.Divider-module__hop-Divider___NNdxY) {
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___7YAIR {
27
+ .Divider-module__hop-Divider--vertical___RKxFo {
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___LQKNS {
35
+ .Text-module__hop-Text___XGciL {
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___LQKNS) {
65
+ :where(.Text-module__hop-Text___XGciL) {
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___BTjBc) {
71
+ :where(.Text-module__hop-Text--xs___8DcIm) {
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___1Fekb) {
77
+ :where(.Text-module__hop-Text--sm___B0mGK) {
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___Kl9lO) {
83
+ :where(.Text-module__hop-Text--md___QwBMo) {
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___svd8a) {
89
+ :where(.Text-module__hop-Text--lg___BAtSv) {
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___8perG) {
95
+ :where(.Text-module__hop-Text--xl___QUy6V) {
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___V6xdg) {
101
+ :where(.Text-module__hop-Text--2xl___DFqJ4) {
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___EttKo) {
107
+ :where(.Text-module__hop-Text--inherit___WkAxg) {
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___ZFMb-) {
115
+ :where(.OverlineText-module__hop-OverlineText___1BZid) {
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___dGxq3 {
139
+ .OverlineText-module__hop-OverlineText__text___RuqQo {
140
140
  box-sizing: border-box;
141
141
  }
142
- .OverlineText-module__hop-OverlineText__text___dGxq3::before,
143
- .OverlineText-module__hop-OverlineText__text___dGxq3::after {
142
+ .OverlineText-module__hop-OverlineText__text___RuqQo::before,
143
+ .OverlineText-module__hop-OverlineText__text___RuqQo::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___dGxq3::before {
150
+ .OverlineText-module__hop-OverlineText__text___RuqQo::before {
151
151
  margin-block-end: var(--bottom-offset);
152
152
  }
153
- .OverlineText-module__hop-OverlineText__text___dGxq3::after {
153
+ .OverlineText-module__hop-OverlineText__text___RuqQo::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___w5OwQ {
158
+ .Badge-module__hop-Badge___xwY2X {
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___WkPW7 {
182
+ .Badge-module__hop-Badge--primary___t93CO {
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___7Z0He {
186
+ .Badge-module__hop-Badge--secondary___CO6Af {
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___w5OwQ[data-disabled] {
190
+ .Badge-module__hop-Badge___xwY2X[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___rbH36 {
196
+ .IconList-module__hop-IconList___RdFGP {
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___fuwSo {
205
+ .Checkbox-module__hop-Checkbox___2SBYs {
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);
@@ -277,63 +277,63 @@
277
277
  inline-size: max-content;
278
278
  max-inline-size: 100%;
279
279
  }
280
- .Checkbox-module__hop-Checkbox___fuwSo[data-focus-visible],
281
- .Checkbox-module__hop-Checkbox--focused___l9txQ {
280
+ .Checkbox-module__hop-Checkbox___2SBYs[data-focus-visible],
281
+ .Checkbox-module__hop-Checkbox--focused___GUWfq {
282
282
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
283
283
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
284
284
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
285
285
  --text-color: var(--hop-Checkbox-text-color-focused);
286
286
  --icon-color: var(--hop-Checkbox-icon-color-focused);
287
287
  }
288
- .Checkbox-module__hop-Checkbox___fuwSo[data-hovered],
289
- .Checkbox-module__hop-Checkbox--hovered___yFiMT {
288
+ .Checkbox-module__hop-Checkbox___2SBYs[data-hovered],
289
+ .Checkbox-module__hop-Checkbox--hovered___-rDr8 {
290
290
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
291
291
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
292
292
  --text-color: var(--hop-Checkbox-text-color-hovered);
293
293
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
294
294
  }
295
- .Checkbox-module__hop-Checkbox___fuwSo[data-pressed],
296
- .Checkbox-module__hop-Checkbox--pressed___Y7I5u {
295
+ .Checkbox-module__hop-Checkbox___2SBYs[data-pressed],
296
+ .Checkbox-module__hop-Checkbox--pressed___kLFm- {
297
297
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
298
298
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
299
299
  --text-color: var(--hop-Checkbox-text-color-pressed);
300
300
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
301
301
  }
302
- .Checkbox-module__hop-Checkbox___fuwSo[data-selected] {
302
+ .Checkbox-module__hop-Checkbox___2SBYs[data-selected] {
303
303
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
304
304
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
305
305
  --check-display: var(--hop-Checkbox-check-display-selected);
306
306
  --text-color: var(--hop-Checkbox-text-color-selected);
307
307
  --icon-color: var(--hop-Checkbox-icon-color-selected);
308
308
  }
309
- .Checkbox-module__hop-Checkbox___fuwSo[data-invalid] {
309
+ .Checkbox-module__hop-Checkbox___2SBYs[data-invalid] {
310
310
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
311
311
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
312
312
  --check-color: var(--hop-Checkbox-check-color-invalid);
313
313
  --text-color: var(--hop-Checkbox-text-color-invalid);
314
314
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
315
315
  }
316
- .Checkbox-module__hop-Checkbox___fuwSo[data-invalid]:where([data-focus-visible], .Checkbox-module__hop-Checkbox--focused___l9txQ) {
316
+ .Checkbox-module__hop-Checkbox___2SBYs[data-invalid]:where([data-focus-visible], .Checkbox-module__hop-Checkbox--focused___GUWfq) {
317
317
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
318
318
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
319
319
  }
320
- .Checkbox-module__hop-Checkbox___fuwSo[data-invalid]:where([data-hovered], .Checkbox-module__hop-Checkbox--hovered___yFiMT) {
320
+ .Checkbox-module__hop-Checkbox___2SBYs[data-invalid]:where([data-hovered], .Checkbox-module__hop-Checkbox--hovered___-rDr8) {
321
321
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
322
322
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
323
323
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
324
324
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
325
325
  }
326
- .Checkbox-module__hop-Checkbox___fuwSo[data-invalid]:where([data-pressed], .Checkbox-module__hop-Checkbox--pressed___Y7I5u) {
326
+ .Checkbox-module__hop-Checkbox___2SBYs[data-invalid]:where([data-pressed], .Checkbox-module__hop-Checkbox--pressed___kLFm-) {
327
327
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
328
328
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
329
329
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
330
330
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
331
331
  }
332
- .Checkbox-module__hop-Checkbox___fuwSo:where([data-invalid])[data-selected] {
332
+ .Checkbox-module__hop-Checkbox___2SBYs:where([data-invalid])[data-selected] {
333
333
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
334
334
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
335
335
  }
336
- .Checkbox-module__hop-Checkbox___fuwSo[data-disabled] {
336
+ .Checkbox-module__hop-Checkbox___2SBYs[data-disabled] {
337
337
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
338
338
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
339
339
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -341,25 +341,25 @@
341
341
  --text-color: var(--hop-Checkbox-text-color-disabled);
342
342
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
343
343
  }
344
- .Checkbox-module__hop-Checkbox--sm___cgYih {
344
+ .Checkbox-module__hop-Checkbox--sm___ku6Fh {
345
345
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
346
346
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
347
347
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
348
348
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
349
349
  }
350
- .Checkbox-module__hop-Checkbox--md___1Omum {
350
+ .Checkbox-module__hop-Checkbox--md___m1kW9 {
351
351
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
352
352
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
353
353
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
354
354
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
355
355
  }
356
- .Checkbox-module__hop-Checkbox__icon___OWyMa,
357
- .Checkbox-module__hop-Checkbox__icon-list___o5ETJ {
356
+ .Checkbox-module__hop-Checkbox__icon___9T-B2,
357
+ .Checkbox-module__hop-Checkbox__icon-list___Xzo43 {
358
358
  flex: 0 0 auto;
359
359
  order: 3;
360
360
  color: var(--icon-color);
361
361
  }
362
- .Checkbox-module__hop-Checkbox__box___6z1co {
362
+ .Checkbox-module__hop-Checkbox__box___tSdwv {
363
363
  display: flex;
364
364
  flex: 0 0 auto;
365
365
  align-items: center;
@@ -375,11 +375,11 @@
375
375
  outline-offset: 0.125rem;
376
376
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
377
377
  }
378
- .Checkbox-module__hop-Checkbox__check___uHY6E {
378
+ .Checkbox-module__hop-Checkbox__check___nWURg {
379
379
  display: var(--check-display);
380
380
  color: var(--check-color);
381
381
  }
382
- .Checkbox-module__hop-Checkbox__text___Ia2xy {
382
+ .Checkbox-module__hop-Checkbox__text___G2FeR {
383
383
  flex: 0 1 auto;
384
384
  order: 2;
385
385
  min-inline-size: 0;
@@ -389,7 +389,7 @@
389
389
  }
390
390
 
391
391
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
392
- .CheckboxField-module__hop-CheckboxField___OAoPo {
392
+ .CheckboxField-module__hop-CheckboxField___SpcCY {
393
393
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
394
394
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
395
395
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -408,28 +408,28 @@
408
408
  inline-size: max-content;
409
409
  max-inline-size: 100%;
410
410
  }
411
- .CheckboxField-module__hop-CheckboxField___OAoPo[data-disabled] {
411
+ .CheckboxField-module__hop-CheckboxField___SpcCY[data-disabled] {
412
412
  --description-color: var(--hop-CheckboxField-description-color-disabled);
413
413
  }
414
- .CheckboxField-module__hop-CheckboxField--sm___inSFS {
414
+ .CheckboxField-module__hop-CheckboxField--sm___Piu0y {
415
415
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
416
416
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
417
417
  }
418
- .CheckboxField-module__hop-CheckboxField--md___G9ND4 {
418
+ .CheckboxField-module__hop-CheckboxField--md___e69ih {
419
419
  --row-gap: var(--hop-CheckboxField-md-row-gap);
420
420
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
421
421
  }
422
- .CheckboxField-module__hop-CheckboxField__description___OWGfn {
422
+ .CheckboxField-module__hop-CheckboxField__description___Yttc1 {
423
423
  order: 2;
424
424
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
425
425
  color: var(--description-color);
426
426
  }
427
- .CheckboxField-module__hop-CheckboxField__checkbox___WBIi- {
427
+ .CheckboxField-module__hop-CheckboxField__checkbox___5kWSy {
428
428
  order: 1;
429
429
  }
430
430
 
431
431
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
432
- .ErrorMessage-module__hop-ErrorMessage___TiOLv {
432
+ .ErrorMessage-module__hop-ErrorMessage___hGjrh {
433
433
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
434
434
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
435
435
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -446,13 +446,13 @@
446
446
  line-height: var(--hop-ErrorMessage-line-height);
447
447
  color: var(--hop-ErrorMessage-color);
448
448
  }
449
- .ErrorMessage-module__hop-ErrorMessage__icon___uJa5n {
449
+ .ErrorMessage-module__hop-ErrorMessage__icon___wE1hg {
450
450
  flex: 0 0 auto;
451
451
  align-self: flex-start;
452
452
  }
453
453
 
454
454
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
455
- .HelperMessage-module__hop-HelperMessage___vJKjp {
455
+ .HelperMessage-module__hop-HelperMessage___0xUz2 {
456
456
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
457
457
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
458
458
  display: flex;
@@ -461,20 +461,20 @@
461
461
  box-sizing: border-box;
462
462
  color: var(--hop-HelperMessage-color);
463
463
  }
464
- .HelperMessage-module__hop-HelperMessage__icon___XmbUU {
464
+ .HelperMessage-module__hop-HelperMessage__icon___N2F4v {
465
465
  flex: 0 0 auto;
466
466
  align-self: flex-start;
467
467
  }
468
468
 
469
469
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
470
- .Label-module__hop-Label___T9bhE {
470
+ .Label-module__hop-Label___PodEd {
471
471
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
472
472
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
473
473
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
474
474
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
475
475
  --hop-Label-color: var(--hop-neutral-text-weak);
476
476
  }
477
- :where(.Label-module__hop-Label___T9bhE) {
477
+ :where(.Label-module__hop-Label___PodEd) {
478
478
  font-family: var(--hop-Label-font-family);
479
479
  font-size: var(--hop-Label-font-size);
480
480
  font-weight: var(--hop-Label-font-weight);
@@ -483,7 +483,7 @@
483
483
  }
484
484
 
485
485
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
486
- .CheckboxGroup-module__hop-CheckboxGroup___Fb1-N {
486
+ .CheckboxGroup-module__hop-CheckboxGroup___FjF8x {
487
487
  --hop-CheckboxGroup-align-items: flex-start;
488
488
  --hop-CheckboxGroup-justify-content: flex-start;
489
489
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -522,46 +522,46 @@
522
522
  inline-size: max-content;
523
523
  max-inline-size: 100%;
524
524
  }
525
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___ryd5I {
525
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___XA5SU {
526
526
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
527
527
  --list-border-radius: var(--hop-shape-rounded-md);
528
528
  }
529
- .CheckboxGroup-module__hop-CheckboxGroup--sm___dxEUp {
529
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___7B-pz {
530
530
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
531
531
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
532
532
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
533
533
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
534
534
  }
535
- .CheckboxGroup-module__hop-CheckboxGroup--md___CWSKY {
535
+ .CheckboxGroup-module__hop-CheckboxGroup--md___w1E3n {
536
536
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
537
537
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
538
538
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
539
539
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
540
540
  }
541
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___ryd5I.CheckboxGroup-module__hop-CheckboxGroup--sm___dxEUp {
541
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___XA5SU.CheckboxGroup-module__hop-CheckboxGroup--sm___7B-pz {
542
542
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
543
543
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
544
544
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
545
545
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
546
546
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
547
547
  }
548
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___ryd5I.CheckboxGroup-module__hop-CheckboxGroup--md___CWSKY {
548
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___XA5SU.CheckboxGroup-module__hop-CheckboxGroup--md___w1E3n {
549
549
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
550
550
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
551
551
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
552
552
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
553
553
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
554
554
  }
555
- .CheckboxGroup-module__hop-CheckboxGroup___Fb1-N[data-orientation=horizontal] {
555
+ .CheckboxGroup-module__hop-CheckboxGroup___FjF8x[data-orientation=horizontal] {
556
556
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
557
557
  }
558
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___ryd5I[data-orientation=horizontal] {
558
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___XA5SU[data-orientation=horizontal] {
559
559
  --flex-wrap: nowrap;
560
560
  }
561
- .CheckboxGroup-module__hop-CheckboxGroup___Fb1-N > .CheckboxGroup-module__hop-CheckboxGroup__label___Aqhxd {
561
+ .CheckboxGroup-module__hop-CheckboxGroup___FjF8x > .CheckboxGroup-module__hop-CheckboxGroup__label___J4Zt0 {
562
562
  order: 1;
563
563
  }
564
- .CheckboxGroup-module__hop-CheckboxGroup__list___w7c-y {
564
+ .CheckboxGroup-module__hop-CheckboxGroup__list___7VYNk {
565
565
  display: flex;
566
566
  flex-flow: var(--flex-direction) var(--flex-wrap);
567
567
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -572,7 +572,7 @@
572
572
  border: var(--list-border, none);
573
573
  border-radius: var(--list-border-radius, 0);
574
574
  }
575
- .CheckboxGroup-module__hop-CheckboxGroup__list___w7c-y > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___90kW1 {
575
+ .CheckboxGroup-module__hop-CheckboxGroup__list___7VYNk > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___XFiwo {
576
576
  position: relative;
577
577
  flex: 0 1 auto;
578
578
  align-content: start;
@@ -580,28 +580,28 @@
580
580
  min-inline-size: 0;
581
581
  padding: var(--checkbox-padding, 0);
582
582
  }
583
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___ryd5I .CheckboxGroup-module__hop-CheckboxGroup__list___w7c-y > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___90kW1 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___90kW1::before {
583
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___XA5SU .CheckboxGroup-module__hop-CheckboxGroup__list___7VYNk > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___XFiwo ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___XFiwo::before {
584
584
  content: "";
585
585
  position: absolute;
586
586
  display: block;
587
587
  }
588
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___ryd5I[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___w7c-y > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___90kW1 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___90kW1::before {
588
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___XA5SU[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___7VYNk > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___XFiwo ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___XFiwo::before {
589
589
  inset-block-start: 0;
590
590
  inset-inline: 0;
591
591
  border-block-start: var(--list-border, none);
592
592
  }
593
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___ryd5I[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___w7c-y > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___90kW1 ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___90kW1::before {
593
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___XA5SU[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___7VYNk > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___XFiwo ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___XFiwo::before {
594
594
  inset-block: 0;
595
595
  inset-inline-start: 0;
596
596
  border-inline-start: var(--list-border, none);
597
597
  }
598
- .CheckboxGroup-module__hop-CheckboxGroup___Fb1-N > .CheckboxGroup-module__hop-CheckboxGroup__error-message___aeS8H,
599
- .CheckboxGroup-module__hop-CheckboxGroup___Fb1-N > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___sHRGg {
598
+ .CheckboxGroup-module__hop-CheckboxGroup___FjF8x > .CheckboxGroup-module__hop-CheckboxGroup__error-message___sdk-v,
599
+ .CheckboxGroup-module__hop-CheckboxGroup___FjF8x > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___t8MLr {
600
600
  order: 3;
601
601
  }
602
602
 
603
603
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
604
- .Radio-module__hop-Radio___AM8tK {
604
+ .Radio-module__hop-Radio___uyamy {
605
605
  --hop-Radio-box-border-size: 0.0625rem;
606
606
  --hop-Radio-box-border-color: var(--hop-neutral-border);
607
607
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -675,63 +675,63 @@
675
675
  inline-size: max-content;
676
676
  max-inline-size: 100%;
677
677
  }
678
- .Radio-module__hop-Radio___AM8tK[data-focus-visible],
679
- .Radio-module__hop-Radio--focused___itwDR {
678
+ .Radio-module__hop-Radio___uyamy[data-focus-visible],
679
+ .Radio-module__hop-Radio--focused___TGZbx {
680
680
  --box-background-color: var(--hop-Radio-box-background-color-focused);
681
681
  --box-border-color: var(--hop-Radio-box-border-color-focused);
682
682
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
683
683
  --text-color: var(--hop-Radio-text-color-focused);
684
684
  --icon-color: var(--hop-Radio-icon-color-focused);
685
685
  }
686
- .Radio-module__hop-Radio___AM8tK[data-hovered],
687
- .Radio-module__hop-Radio--hovered___6VHIU {
686
+ .Radio-module__hop-Radio___uyamy[data-hovered],
687
+ .Radio-module__hop-Radio--hovered___YkYk3 {
688
688
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
689
689
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
690
690
  --text-color: var(--hop-Radio-text-color-hovered);
691
691
  --icon-color: var(--hop-Radio-icon-color-hovered);
692
692
  }
693
- .Radio-module__hop-Radio___AM8tK[data-pressed],
694
- .Radio-module__hop-Radio--pressed___lx2sF {
693
+ .Radio-module__hop-Radio___uyamy[data-pressed],
694
+ .Radio-module__hop-Radio--pressed___SYCe0 {
695
695
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
696
696
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
697
697
  --text-color: var(--hop-Radio-text-color-pressed);
698
698
  --icon-color: var(--hop-Radio-icon-color-pressed);
699
699
  }
700
- .Radio-module__hop-Radio___AM8tK[data-selected] {
700
+ .Radio-module__hop-Radio___uyamy[data-selected] {
701
701
  --box-background-color: var(--hop-Radio-box-background-color-selected);
702
702
  --box-border-color: var(--hop-Radio-box-border-color-selected);
703
703
  --bullet-display: var(--hop-Radio-bullet-display-selected);
704
704
  --text-color: var(--hop-Radio-text-color-selected);
705
705
  --icon-color: var(--hop-Radio-icon-color-selected);
706
706
  }
707
- .Radio-module__hop-Radio___AM8tK[data-invalid] {
707
+ .Radio-module__hop-Radio___uyamy[data-invalid] {
708
708
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
709
709
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
710
710
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
711
711
  --text-color: var(--hop-Radio-text-color-invalid);
712
712
  --icon-color: var(--hop-Radio-icon-color-invalid);
713
713
  }
714
- .Radio-module__hop-Radio___AM8tK:where([data-invalid])[data-focus-visible] {
714
+ .Radio-module__hop-Radio___uyamy:where([data-invalid])[data-focus-visible] {
715
715
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
716
716
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
717
717
  }
718
- .Radio-module__hop-Radio___AM8tK:where([data-invalid])[data-hovered] {
718
+ .Radio-module__hop-Radio___uyamy:where([data-invalid])[data-hovered] {
719
719
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
720
720
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
721
721
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
722
722
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
723
723
  }
724
- .Radio-module__hop-Radio___AM8tK:where([data-invalid])[data-pressed] {
724
+ .Radio-module__hop-Radio___uyamy:where([data-invalid])[data-pressed] {
725
725
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
726
726
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
727
727
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
728
728
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
729
729
  }
730
- .Radio-module__hop-Radio___AM8tK:where([data-invalid])[data-selected] {
730
+ .Radio-module__hop-Radio___uyamy:where([data-invalid])[data-selected] {
731
731
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
732
732
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
733
733
  }
734
- .Radio-module__hop-Radio___AM8tK[data-disabled] {
734
+ .Radio-module__hop-Radio___uyamy[data-disabled] {
735
735
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
736
736
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
737
737
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -739,25 +739,25 @@
739
739
  --text-color: var(--hop-Radio-text-color-disabled);
740
740
  --icon-color: var(--hop-Radio-icon-color-disabled);
741
741
  }
742
- .Radio-module__hop-Radio--sm___F7KXR {
742
+ .Radio-module__hop-Radio--sm___0rL4j {
743
743
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
744
744
  --box-block-size: var(--hop-Radio-box-sm-block-size);
745
745
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
746
746
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
747
747
  }
748
- .Radio-module__hop-Radio--md___p5mai {
748
+ .Radio-module__hop-Radio--md___2Sf0G {
749
749
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
750
750
  --box-block-size: var(--hop-Radio-box-md-block-size);
751
751
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
752
752
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
753
753
  }
754
- .Radio-module__hop-Radio__icon___RKZFs,
755
- .Radio-module__hop-Radio__icon-list___IWPSR {
754
+ .Radio-module__hop-Radio__icon___xaWvn,
755
+ .Radio-module__hop-Radio__icon-list___ipHyc {
756
756
  flex: 0 0 auto;
757
757
  order: 3;
758
758
  color: var(--icon-color);
759
759
  }
760
- .Radio-module__hop-Radio__box___8viCp {
760
+ .Radio-module__hop-Radio__box___HK3bx {
761
761
  display: flex;
762
762
  flex: 0 0 auto;
763
763
  align-items: center;
@@ -773,11 +773,11 @@
773
773
  outline-offset: 0.125rem;
774
774
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
775
775
  }
776
- .Radio-module__hop-Radio__bullet___czAwE {
776
+ .Radio-module__hop-Radio__bullet___9QxuR {
777
777
  display: var(--bullet-display);
778
778
  color: var(--bullet-color);
779
779
  }
780
- .Radio-module__hop-Radio__text___vA5SR {
780
+ .Radio-module__hop-Radio__text___DVOte {
781
781
  flex: 0 1 auto;
782
782
  order: 2;
783
783
  min-inline-size: 0;
@@ -787,7 +787,7 @@
787
787
  }
788
788
 
789
789
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
790
- .RadioField-module__hop-RadioField___9jNWZ {
790
+ .RadioField-module__hop-RadioField___WTErz {
791
791
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
792
792
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
793
793
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -806,28 +806,28 @@
806
806
  inline-size: max-content;
807
807
  max-inline-size: 100%;
808
808
  }
809
- .RadioField-module__hop-RadioField___9jNWZ[data-disabled] {
809
+ .RadioField-module__hop-RadioField___WTErz[data-disabled] {
810
810
  --description-color: var(--hop-RadioField-description-color-disabled);
811
811
  }
812
- .RadioField-module__hop-RadioField--sm___W0W-v {
812
+ .RadioField-module__hop-RadioField--sm___CHfcV {
813
813
  --row-gap: var(--hop-RadioField-sm-row-gap);
814
814
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
815
815
  }
816
- .RadioField-module__hop-RadioField--md___T8Hql {
816
+ .RadioField-module__hop-RadioField--md___g1iHe {
817
817
  --row-gap: var(--hop-RadioField-md-row-gap);
818
818
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
819
819
  }
820
- .RadioField-module__hop-RadioField__description___kV7yP {
820
+ .RadioField-module__hop-RadioField__description___LgMd1 {
821
821
  order: 2;
822
822
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
823
823
  color: var(--description-color);
824
824
  }
825
- .RadioField-module__hop-RadioField__radio___9Q-Up {
825
+ .RadioField-module__hop-RadioField__radio___SByLu {
826
826
  order: 1;
827
827
  }
828
828
 
829
829
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
830
- .RadioGroup-module__hop-RadioGroup___zlDS2 {
830
+ .RadioGroup-module__hop-RadioGroup___GTWVm {
831
831
  --hop-RadioGroup-align-items: flex-start;
832
832
  --hop-RadioGroup-justify-content: flex-start;
833
833
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -867,46 +867,46 @@
867
867
  inline-size: var(--inline-size);
868
868
  max-inline-size: 100%;
869
869
  }
870
- .RadioGroup-module__hop-RadioGroup--bordered___Z-qaC {
870
+ .RadioGroup-module__hop-RadioGroup--bordered___UKV-A {
871
871
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
872
872
  --list-border-radius: var(--hop-shape-rounded-md);
873
873
  }
874
- .RadioGroup-module__hop-RadioGroup--sm___DMWfI {
874
+ .RadioGroup-module__hop-RadioGroup--sm___a9Tbq {
875
875
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
876
876
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
877
877
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
878
878
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
879
879
  }
880
- .RadioGroup-module__hop-RadioGroup--md___Q-2p- {
880
+ .RadioGroup-module__hop-RadioGroup--md___RYdU8 {
881
881
  --column-gap: var(--hop-RadioGroup-md-column-gap);
882
882
  --row-gap: var(--hop-RadioGroup-md-row-gap);
883
883
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
884
884
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
885
885
  }
886
- .RadioGroup-module__hop-RadioGroup--bordered___Z-qaC.RadioGroup-module__hop-RadioGroup--sm___DMWfI {
886
+ .RadioGroup-module__hop-RadioGroup--bordered___UKV-A.RadioGroup-module__hop-RadioGroup--sm___a9Tbq {
887
887
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
888
888
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
889
889
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
890
890
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
891
891
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
892
892
  }
893
- .RadioGroup-module__hop-RadioGroup--bordered___Z-qaC.RadioGroup-module__hop-RadioGroup--md___Q-2p- {
893
+ .RadioGroup-module__hop-RadioGroup--bordered___UKV-A.RadioGroup-module__hop-RadioGroup--md___RYdU8 {
894
894
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
895
895
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
896
896
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
897
897
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
898
898
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
899
899
  }
900
- .RadioGroup-module__hop-RadioGroup___zlDS2[data-orientation=horizontal] {
900
+ .RadioGroup-module__hop-RadioGroup___GTWVm[data-orientation=horizontal] {
901
901
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
902
902
  }
903
- .RadioGroup-module__hop-RadioGroup--bordered___Z-qaC[data-orientation=horizontal] {
903
+ .RadioGroup-module__hop-RadioGroup--bordered___UKV-A[data-orientation=horizontal] {
904
904
  --flex-wrap: nowrap;
905
905
  }
906
- .RadioGroup-module__hop-RadioGroup___zlDS2 > .RadioGroup-module__hop-RadioGroup__label___xwhxM {
906
+ .RadioGroup-module__hop-RadioGroup___GTWVm > .RadioGroup-module__hop-RadioGroup__label___XRgtP {
907
907
  order: 1;
908
908
  }
909
- .RadioGroup-module__hop-RadioGroup__list___IwA0A {
909
+ .RadioGroup-module__hop-RadioGroup__list___cPH4h {
910
910
  display: flex;
911
911
  flex-flow: var(--flex-direction) var(--flex-wrap);
912
912
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -917,7 +917,7 @@
917
917
  border: var(--list-border, none);
918
918
  border-radius: var(--list-border-radius, 0);
919
919
  }
920
- .RadioGroup-module__hop-RadioGroup__list___IwA0A > .RadioGroup-module__hop-RadioGroup__radio___vUp8M {
920
+ .RadioGroup-module__hop-RadioGroup__list___cPH4h > .RadioGroup-module__hop-RadioGroup__radio___Esych {
921
921
  position: relative;
922
922
  flex: 0 1 auto;
923
923
  align-content: start;
@@ -925,28 +925,28 @@
925
925
  min-inline-size: 0;
926
926
  padding: var(--radio-padding, 0);
927
927
  }
928
- .RadioGroup-module__hop-RadioGroup--bordered___Z-qaC .RadioGroup-module__hop-RadioGroup__list___IwA0A > .RadioGroup-module__hop-RadioGroup__radio___vUp8M ~ .RadioGroup-module__hop-RadioGroup__radio___vUp8M::before {
928
+ .RadioGroup-module__hop-RadioGroup--bordered___UKV-A .RadioGroup-module__hop-RadioGroup__list___cPH4h > .RadioGroup-module__hop-RadioGroup__radio___Esych ~ .RadioGroup-module__hop-RadioGroup__radio___Esych::before {
929
929
  content: "";
930
930
  position: absolute;
931
931
  display: block;
932
932
  }
933
- .RadioGroup-module__hop-RadioGroup--bordered___Z-qaC[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___IwA0A > .RadioGroup-module__hop-RadioGroup__radio___vUp8M ~ .RadioGroup-module__hop-RadioGroup__radio___vUp8M::before {
933
+ .RadioGroup-module__hop-RadioGroup--bordered___UKV-A[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___cPH4h > .RadioGroup-module__hop-RadioGroup__radio___Esych ~ .RadioGroup-module__hop-RadioGroup__radio___Esych::before {
934
934
  inset-block-start: 0;
935
935
  inset-inline: 0;
936
936
  border-block-start: var(--list-border, none);
937
937
  }
938
- .RadioGroup-module__hop-RadioGroup--bordered___Z-qaC[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___IwA0A > .RadioGroup-module__hop-RadioGroup__radio___vUp8M ~ .RadioGroup-module__hop-RadioGroup__radio___vUp8M::before {
938
+ .RadioGroup-module__hop-RadioGroup--bordered___UKV-A[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___cPH4h > .RadioGroup-module__hop-RadioGroup__radio___Esych ~ .RadioGroup-module__hop-RadioGroup__radio___Esych::before {
939
939
  inset-block: 0;
940
940
  inset-inline-start: 0;
941
941
  border-inline-start: var(--list-border, none);
942
942
  }
943
- .RadioGroup-module__hop-RadioGroup___zlDS2 > .RadioGroup-module__hop-RadioGroup__error-message___EzueM,
944
- .RadioGroup-module__hop-RadioGroup___zlDS2 > .RadioGroup-module__hop-RadioGroup__helper-message___2UGkU {
943
+ .RadioGroup-module__hop-RadioGroup___GTWVm > .RadioGroup-module__hop-RadioGroup__error-message___cJ0g4,
944
+ .RadioGroup-module__hop-RadioGroup___GTWVm > .RadioGroup-module__hop-RadioGroup__helper-message___35eYj {
945
945
  order: 3;
946
946
  }
947
947
 
948
948
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
949
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___naikK {
949
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___9KoCq {
950
950
  --hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
951
951
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
952
952
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -972,7 +972,7 @@
972
972
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
973
973
  background-size: 400% 100%;
974
974
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
975
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___4yLmy;
975
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___hlN0J;
976
976
  animation-duration: var(--animation-duration);
977
977
  animation-timing-function: ease-in-out;
978
978
  animation-fill-mode: forwards;
@@ -981,19 +981,19 @@
981
981
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
982
982
  }
983
983
  }
984
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___BoS9h {
984
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___ztoOV {
985
985
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
986
986
  }
987
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___sMtsw {
987
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___SipZz {
988
988
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
989
989
  }
990
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___xMp35 {
990
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___eAJ9R {
991
991
  --height: var(--hop-ListBoxItemSkeleton-md-height);
992
992
  }
993
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___3TdWv {
993
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___w5aPz {
994
994
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
995
995
  }
996
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___4yLmy {
996
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___hlN0J {
997
997
  0% {
998
998
  background-position: 125% 50%;
999
999
  }
@@ -1003,7 +1003,7 @@
1003
1003
  }
1004
1004
 
1005
1005
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
1006
- .ListBoxItem-module__hop-ListBoxItem___Syzqw {
1006
+ .ListBoxItem-module__hop-ListBoxItem___NSPLY {
1007
1007
  --hop-ListBoxItem-background-color: transparent;
1008
1008
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
1009
1009
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -1086,109 +1086,109 @@
1086
1086
  border-radius: var(--hop-ListBoxItem-border-radius);
1087
1087
  outline: var(--outline);
1088
1088
  }
1089
- .ListBoxItem-module__hop-ListBoxItem--xs___hbmq- {
1089
+ .ListBoxItem-module__hop-ListBoxItem--xs___7hc2A {
1090
1090
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
1091
1091
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
1092
1092
  --min-height: var(--hop-ListBoxItem-xs-min-height);
1093
1093
  }
1094
- .ListBoxItem-module__hop-ListBoxItem--sm___LjXoN {
1094
+ .ListBoxItem-module__hop-ListBoxItem--sm___85bzp {
1095
1095
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
1096
1096
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
1097
1097
  --min-height: var(--hop-ListBoxItem-sm-min-height);
1098
1098
  }
1099
- .ListBoxItem-module__hop-ListBoxItem--md___Cmsby {
1099
+ .ListBoxItem-module__hop-ListBoxItem--md___MoEKQ {
1100
1100
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
1101
1101
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
1102
1102
  --min-height: var(--hop-ListBoxItem-md-min-height);
1103
1103
  }
1104
- .ListBoxItem-module__hop-ListBoxItem--lg___xkWLx {
1104
+ .ListBoxItem-module__hop-ListBoxItem--lg___RDITm {
1105
1105
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
1106
1106
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
1107
1107
  --min-height: var(--hop-ListBoxItem-lg-min-height);
1108
1108
  }
1109
- .ListBoxItem-module__hop-ListBoxItem___Syzqw[data-selection-mode] {
1109
+ .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-selection-mode] {
1110
1110
  --cursor: pointer;
1111
1111
  }
1112
- .ListBoxItem-module__hop-ListBoxItem___Syzqw:not([data-selection-mode]) {
1112
+ .ListBoxItem-module__hop-ListBoxItem___NSPLY:not([data-selection-mode]) {
1113
1113
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1114
1114
  }
1115
- .ListBoxItem-module__hop-ListBoxItem__inner___JjNbc:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___dEMd-) {
1115
+ .ListBoxItem-module__hop-ListBoxItem__inner___zN4iO:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___SwFBV) {
1116
1116
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1117
1117
  }
1118
- .ListBoxItem-module__hop-ListBoxItem__inner___JjNbc[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___dEMd-) {
1118
+ .ListBoxItem-module__hop-ListBoxItem__inner___zN4iO[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___SwFBV) {
1119
1119
  --checkmark-transition: none;
1120
1120
  }
1121
- .ListBoxItem-module__hop-ListBoxItem___Syzqw[data-selected] {
1121
+ .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-selected] {
1122
1122
  --background-color: var(--hop-ListBoxItem-background-color-selected);
1123
1123
  --text-color: var(--hop-ListBoxItem-text-color-selected);
1124
1124
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
1125
1125
  --checkmark-opacity: 1;
1126
1126
  }
1127
- .ListBoxItem-module__hop-ListBoxItem___Syzqw[data-focus-visible] {
1127
+ .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-focus-visible] {
1128
1128
  --background-color: var(--hop-ListBoxItem-background-color-focused);
1129
1129
  --text-color: var(--hop-ListBoxItem-text-color-focused);
1130
1130
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
1131
1131
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
1132
1132
  }
1133
- .ListBoxItem-module__hop-ListBoxItem___Syzqw[data-hovered] {
1133
+ .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-hovered] {
1134
1134
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
1135
1135
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
1136
1136
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
1137
1137
  }
1138
- .ListBoxItem-module__hop-ListBoxItem___Syzqw[data-pressed] {
1138
+ .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-pressed] {
1139
1139
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
1140
1140
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
1141
1141
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
1142
1142
  }
1143
- .ListBoxItem-module__hop-ListBoxItem___Syzqw[data-disabled] {
1143
+ .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-disabled] {
1144
1144
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
1145
1145
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
1146
1146
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
1147
1147
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
1148
1148
  --cursor: not-allowed;
1149
1149
  }
1150
- .ListBoxItem-module__hop-ListBoxItem___Syzqw[data-invalid] {
1150
+ .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-invalid] {
1151
1151
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
1152
1152
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
1153
1153
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
1154
1154
  }
1155
- .ListBoxItem-module__hop-ListBoxItem___Syzqw[data-invalid][data-selected] {
1155
+ .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-invalid][data-selected] {
1156
1156
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
1157
1157
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
1158
1158
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
1159
1159
  }
1160
- .ListBoxItem-module__hop-ListBoxItem___Syzqw[data-invalid][data-focus-visible] {
1160
+ .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-invalid][data-focus-visible] {
1161
1161
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
1162
1162
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
1163
1163
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
1164
1164
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
1165
1165
  }
1166
- .ListBoxItem-module__hop-ListBoxItem___Syzqw[data-invalid][data-hovered] {
1166
+ .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-invalid][data-hovered] {
1167
1167
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
1168
1168
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
1169
1169
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
1170
1170
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
1171
1171
  }
1172
- .ListBoxItem-module__hop-ListBoxItem___Syzqw[data-invalid][data-pressed] {
1172
+ .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-invalid][data-pressed] {
1173
1173
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
1174
1174
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
1175
1175
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
1176
1176
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
1177
1177
  }
1178
- .ListBoxItem-module__hop-ListBoxItem___Syzqw[data-invalid][data-disabled] {
1178
+ .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-invalid][data-disabled] {
1179
1179
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
1180
1180
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
1181
1181
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
1182
1182
  }
1183
- .ListBoxItem-module__hop-ListBoxItem___Syzqw:has(.ListBoxItem-module__hop-ListBoxItem__description___17ea0) {
1183
+ .ListBoxItem-module__hop-ListBoxItem___NSPLY:has(.ListBoxItem-module__hop-ListBoxItem__description___FeYgQ) {
1184
1184
  --row-gap: var(--hop-ListBoxItem-row-gap);
1185
1185
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
1186
1186
  }
1187
- .ListBoxItem-module__hop-ListBoxItem___Syzqw[data-loading] {
1187
+ .ListBoxItem-module__hop-ListBoxItem___NSPLY[data-loading] {
1188
1188
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
1189
1189
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
1190
1190
  }
1191
- .ListBoxItem-module__hop-ListBoxItem__inner___JjNbc {
1191
+ .ListBoxItem-module__hop-ListBoxItem__inner___zN4iO {
1192
1192
  display: grid;
1193
1193
  grid-template-areas: var(--grid-template-areas);
1194
1194
  grid-template-columns: var(--grid-template-columns);
@@ -1200,49 +1200,49 @@
1200
1200
  padding-inline: var(--padding-inline);
1201
1201
  transition: grid-template-columns .3s ease-in-out;
1202
1202
  }
1203
- .ListBoxItem-module__hop-ListBoxItem__checkmark___dEMd- {
1203
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___SwFBV {
1204
1204
  grid-area: indicator;
1205
1205
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1206
1206
  color: var(--icon-color);
1207
1207
  opacity: var(--checkmark-opacity);
1208
1208
  transition: var(--checkmark-transition);
1209
1209
  }
1210
- .ListBoxItem-module__hop-ListBoxItem__radio-group___w5cKZ,
1211
- .ListBoxItem-module__hop-ListBoxItem__checkbox___UIwrZ {
1210
+ .ListBoxItem-module__hop-ListBoxItem__radio-group___QRD7t,
1211
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___ERb2a {
1212
1212
  pointer-events: none;
1213
1213
  user-select: none;
1214
1214
  grid-area: indicator;
1215
1215
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1216
1216
  }
1217
- .ListBoxItem-module__hop-ListBoxItem__avatar___zY88a {
1217
+ .ListBoxItem-module__hop-ListBoxItem__avatar___gaSut {
1218
1218
  grid-area: avatar;
1219
1219
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1220
1220
  }
1221
- .ListBoxItem-module__hop-ListBoxItem__icon-list___y6Vkq,
1222
- .ListBoxItem-module__hop-ListBoxItem__icon___zCWRX {
1221
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___3-13V,
1222
+ .ListBoxItem-module__hop-ListBoxItem__icon___wPgqZ {
1223
1223
  grid-area: icon;
1224
1224
  flex: 0 0 auto;
1225
1225
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1226
1226
  color: var(--icon-color);
1227
1227
  }
1228
- .ListBoxItem-module__hop-ListBoxItem__label___MUh3H {
1228
+ .ListBoxItem-module__hop-ListBoxItem__label___dSaVa {
1229
1229
  overflow: hidden;
1230
1230
  grid-area: label;
1231
1231
  min-inline-size: 0;
1232
1232
  text-overflow: ellipsis;
1233
1233
  white-space: nowrap;
1234
1234
  }
1235
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___Gjgzj,
1236
- .ListBoxItem-module__hop-ListBoxItem__end-icon___eyVo4 {
1235
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___MadkE,
1236
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___mXgdz {
1237
1237
  grid-area: end-icon;
1238
1238
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
1239
1239
  color: var(--icon-color);
1240
1240
  }
1241
- .ListBoxItem-module__hop-ListBoxItem__badge___mdC5C {
1241
+ .ListBoxItem-module__hop-ListBoxItem__badge___C8-JS {
1242
1242
  grid-area: badge;
1243
1243
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
1244
1244
  }
1245
- .ListBoxItem-module__hop-ListBoxItem__description___17ea0 {
1245
+ .ListBoxItem-module__hop-ListBoxItem__description___FeYgQ {
1246
1246
  overflow: hidden;
1247
1247
  display: -webkit-box;
1248
1248
  grid-area: description;
@@ -1253,7 +1253,7 @@
1253
1253
  }
1254
1254
 
1255
1255
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBox.module.css/#css-module-data */
1256
- .ListBox-module__hop-ListBox___wrhSb {
1256
+ .ListBox-module__hop-ListBox___XQDch {
1257
1257
  --hop-ListBox-background-color: var(--hop-neutral-surface);
1258
1258
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
1259
1259
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -1301,11 +1301,11 @@
1301
1301
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
1302
1302
  border-radius: var(--hop-ListBox-border-radius);
1303
1303
  }
1304
- .ListBox-module__hop-ListBox--fluid___OFSHl {
1304
+ .ListBox-module__hop-ListBox--fluid___3Im73 {
1305
1305
  --max-width: var(--hop-ListBox-fluid-max-width);
1306
1306
  --width: var(--hop-ListBox-fluid-width);
1307
1307
  }
1308
- .ListBox-module__hop-ListBox__section___1o15O {
1308
+ .ListBox-module__hop-ListBox__section___65r5k {
1309
1309
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
1310
1310
  margin-inline: var(--hop-ListBox-section-margin-inline);
1311
1311
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -1313,21 +1313,21 @@
1313
1313
  border-block-start: var(--section-border-block-start);
1314
1314
  border-block-end: var(--section-border-block-end);
1315
1315
  }
1316
- .ListBox-module__hop-ListBox__item___KssdA + .ListBox-module__hop-ListBox__section___1o15O {
1316
+ .ListBox-module__hop-ListBox__item___XEwSd + .ListBox-module__hop-ListBox__section___65r5k {
1317
1317
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
1318
1318
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
1319
1319
  }
1320
- .ListBox-module__hop-ListBox__section___1o15O:has(+ .ListBox-module__hop-ListBox__item___KssdA) {
1320
+ .ListBox-module__hop-ListBox__section___65r5k:has(+ .ListBox-module__hop-ListBox__item___XEwSd) {
1321
1321
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
1322
1322
  }
1323
- .ListBox-module__hop-ListBox__section___1o15O:first-child {
1323
+ .ListBox-module__hop-ListBox__section___65r5k:first-child {
1324
1324
  --section-padding-block-start: 0;
1325
1325
  }
1326
- .ListBox-module__hop-ListBox__section___1o15O:last-child {
1326
+ .ListBox-module__hop-ListBox__section___65r5k:last-child {
1327
1327
  --section-padding-block-end: 0;
1328
1328
  --section-border-block-end: 0;
1329
1329
  }
1330
- .ListBox-module__hop-ListBox__section-header___wjwgk {
1330
+ .ListBox-module__hop-ListBox__section-header___GjNW9 {
1331
1331
  margin: 0;
1332
1332
  padding: var(--hop-ListBox-section-header-padding);
1333
1333
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -1337,21 +1337,21 @@
1337
1337
  text-transform: var(--hop-ListBox-section-header-text-transform);
1338
1338
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
1339
1339
  }
1340
- .ListBox-module__hop-ListBox__section-header___wjwgk::before,
1341
- .ListBox-module__hop-ListBox__section-header___wjwgk::after {
1340
+ .ListBox-module__hop-ListBox__section-header___GjNW9::before,
1341
+ .ListBox-module__hop-ListBox__section-header___GjNW9::after {
1342
1342
  content: "";
1343
1343
  display: block;
1344
1344
  box-sizing: border-box;
1345
1345
  inline-size: 0;
1346
1346
  block-size: 0;
1347
1347
  }
1348
- .ListBox-module__hop-ListBox__section-header___wjwgk::before {
1348
+ .ListBox-module__hop-ListBox__section-header___GjNW9::before {
1349
1349
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
1350
1350
  }
1351
- .ListBox-module__hop-ListBox__section-header___wjwgk::after {
1351
+ .ListBox-module__hop-ListBox__section-header___GjNW9::after {
1352
1352
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
1353
1353
  }
1354
- .ListBox-module__hop-ListBox__divider___EIj16 {
1354
+ .ListBox-module__hop-ListBox__divider___KcKrr {
1355
1355
  margin-block: var(--hop-ListBox-divider-margin-block);
1356
1356
  margin-inline: var(--hop-ListBox-divider-margin-inline);
1357
1357
  }