@hopper-ui/components 1.2.0 → 1.2.1

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 (165) 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/Divider/src/Divider.css +2 -2
  17. package/dist/Divider/src/Divider.js +1 -1
  18. package/dist/Divider/src/index.css +2 -2
  19. package/dist/Divider/src/index.js +1 -1
  20. package/dist/ErrorMessage/src/ErrorMessage.css +11 -11
  21. package/dist/ErrorMessage/src/ErrorMessage.js +2 -2
  22. package/dist/ErrorMessage/src/index.css +11 -11
  23. package/dist/ErrorMessage/src/index.js +2 -2
  24. package/dist/Form/src/Form.css +584 -584
  25. package/dist/Form/src/Form.js +40 -40
  26. package/dist/Form/src/index.css +584 -584
  27. package/dist/Form/src/index.js +40 -40
  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 +197 -197
  41. package/dist/ListBox/src/ListBox.js +8 -8
  42. package/dist/ListBox/src/ListBoxItem.css +182 -182
  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 +197 -197
  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 +94 -94
  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 +70 -70
  57. package/dist/buttons/src/ClearButton.js +2 -2
  58. package/dist/buttons/src/EmbeddedButton.css +70 -70
  59. package/dist/buttons/src/EmbeddedButton.js +1 -1
  60. package/dist/buttons/src/index.css +175 -175
  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 +60 -60
  67. package/dist/checkbox/src/CheckboxGroup.js +1 -1
  68. package/dist/checkbox/src/index.css +60 -60
  69. package/dist/checkbox/src/index.js +4 -4
  70. package/dist/{chunk-BKCMCC7V.js → chunk-2DPE3H3G.js} +1 -1
  71. package/dist/{chunk-PFABSIDM.js → chunk-462UBJV3.js} +1 -1
  72. package/dist/{chunk-VYKPDMP3.js → chunk-4APVXEPA.js} +2 -2
  73. package/dist/{chunk-W474WFOP.js → chunk-4H7PKEMJ.js} +6 -6
  74. package/dist/{chunk-IUOLKHYQ.js → chunk-55AWCUQF.js} +1 -1
  75. package/dist/{chunk-X253QCYD.js → chunk-6WKRP4MN.js} +2 -2
  76. package/dist/{chunk-CKKLDA5J.js → chunk-AGRQ7UGN.js} +2 -2
  77. package/dist/{chunk-T6MAOVLH.js → chunk-BN32T6QQ.js} +2 -2
  78. package/dist/{chunk-SZSQZ4C7.js → chunk-C7XRB2J6.js} +2 -2
  79. package/dist/{chunk-IXWYHDGU.js → chunk-CSE22YXO.js} +1 -1
  80. package/dist/{chunk-XUJNQNB3.js → chunk-CXWMHWSS.js} +1 -1
  81. package/dist/{chunk-5IB23E3O.js → chunk-DZKJZSTQ.js} +1 -1
  82. package/dist/{chunk-PQXVL3YJ.js → chunk-F47GZGT7.js} +1 -1
  83. package/dist/{chunk-EJUIYBAC.js → chunk-F4KQUFXI.js} +1 -1
  84. package/dist/{chunk-354H4FNA.js → chunk-IUFABTFZ.js} +1 -1
  85. package/dist/{chunk-FOD7XUSJ.js → chunk-J6YYPRGY.js} +4 -4
  86. package/dist/{chunk-VISBUD2K.js → chunk-J7BXE7WN.js} +3 -3
  87. package/dist/{chunk-XT2MZWEV.js → chunk-K7DU4YR4.js} +1 -1
  88. package/dist/{chunk-W2BQZEW6.js → chunk-LXCCS4SA.js} +3 -3
  89. package/dist/{chunk-U56LEEEA.js → chunk-MFFXNI66.js} +3 -3
  90. package/dist/{chunk-CEUQHDEQ.js → chunk-MX5BW5VE.js} +1 -1
  91. package/dist/{chunk-TCOZUCPD.js → chunk-PUNJWQAN.js} +2 -2
  92. package/dist/{chunk-MJHMFANK.js → chunk-QGC3OX7W.js} +1 -1
  93. package/dist/{chunk-TG623HPA.js → chunk-RLDQEH6F.js} +3 -3
  94. package/dist/{chunk-JJ4EFTES.js → chunk-RYZNMKWB.js} +1 -1
  95. package/dist/{chunk-COIGQP33.js → chunk-SPFANCCV.js} +3 -3
  96. package/dist/{chunk-FOKTHCFK.js → chunk-T7QJEHL7.js} +2 -2
  97. package/dist/{chunk-Q63YLWI6.js → chunk-TFELIWJO.js} +1 -1
  98. package/dist/{chunk-M3K4IYX6.js → chunk-THUFFPGX.js} +1 -1
  99. package/dist/{chunk-L5KI4ZCL.js → chunk-TM4R5NO7.js} +2 -2
  100. package/dist/{chunk-S5CK32KM.js → chunk-VQC5F6I7.js} +3 -3
  101. package/dist/{chunk-UT4CSUUM.js → chunk-WQSVNGFJ.js} +1 -1
  102. package/dist/{chunk-2XO5CZBO.js → chunk-WYBQCRQB.js} +1 -1
  103. package/dist/{chunk-HCRWIU7V.js → chunk-XI3BX2TP.js} +3 -3
  104. package/dist/{chunk-RWAVMW7T.js → chunk-XUCH26RT.js} +1 -1
  105. package/dist/{chunk-V5Q245NH.js → chunk-YWIDJ55Q.js} +1 -1
  106. package/dist/{chunk-RQKU3XDG.js → chunk-YXD3IR3T.js} +1 -1
  107. package/dist/{chunk-FA4IXLWZ.js → chunk-ZEXXNE5U.js} +4 -4
  108. package/dist/{chunk-J44DIB5J.js → chunk-ZPPQJKHC.js} +2 -2
  109. package/dist/index.css +584 -584
  110. package/dist/index.js +40 -40
  111. package/dist/inputs/src/InputGroup.css +14 -14
  112. package/dist/inputs/src/InputGroup.js +1 -1
  113. package/dist/inputs/src/NumberField.css +63 -63
  114. package/dist/inputs/src/NumberField.js +6 -6
  115. package/dist/inputs/src/PasswordField.css +217 -217
  116. package/dist/inputs/src/PasswordField.js +7 -7
  117. package/dist/inputs/src/SearchField.css +223 -223
  118. package/dist/inputs/src/SearchField.js +8 -8
  119. package/dist/inputs/src/TextArea.css +57 -57
  120. package/dist/inputs/src/TextArea.js +6 -6
  121. package/dist/inputs/src/TextField.css +218 -218
  122. package/dist/inputs/src/TextField.js +8 -8
  123. package/dist/inputs/src/index.css +266 -266
  124. package/dist/inputs/src/index.js +12 -12
  125. package/dist/overlays/Popover/src/Popover.css +584 -584
  126. package/dist/overlays/Popover/src/Popover.js +40 -40
  127. package/dist/overlays/Popover/src/index.css +584 -584
  128. package/dist/overlays/Popover/src/index.js +40 -40
  129. package/dist/radio/src/Radio.css +31 -31
  130. package/dist/radio/src/Radio.js +2 -2
  131. package/dist/radio/src/RadioField.css +15 -15
  132. package/dist/radio/src/RadioField.js +1 -1
  133. package/dist/radio/src/RadioGroup.css +60 -60
  134. package/dist/radio/src/RadioGroup.js +1 -1
  135. package/dist/radio/src/index.css +60 -60
  136. package/dist/radio/src/index.js +4 -4
  137. package/dist/switch/src/Switch.css +25 -25
  138. package/dist/switch/src/Switch.js +2 -2
  139. package/dist/switch/src/SwitchField.css +15 -15
  140. package/dist/switch/src/SwitchField.js +1 -1
  141. package/dist/switch/src/index.css +31 -31
  142. package/dist/switch/src/index.js +3 -3
  143. package/dist/tag/src/Tag.css +301 -301
  144. package/dist/tag/src/Tag.js +5 -5
  145. package/dist/tag/src/TagGroup.css +22 -22
  146. package/dist/tag/src/TagGroup.js +1 -1
  147. package/dist/tag/src/index.css +314 -314
  148. package/dist/tag/src/index.js +6 -6
  149. package/dist/typography/Heading/src/Heading.css +9 -9
  150. package/dist/typography/Heading/src/Heading.js +1 -1
  151. package/dist/typography/Heading/src/index.css +9 -9
  152. package/dist/typography/Heading/src/index.js +1 -1
  153. package/dist/typography/Label/src/Label.css +3 -3
  154. package/dist/typography/Label/src/Label.js +1 -1
  155. package/dist/typography/Label/src/index.css +3 -3
  156. package/dist/typography/Label/src/index.js +1 -1
  157. package/dist/typography/OverlineText/src/OverlineText.css +6 -6
  158. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  159. package/dist/typography/OverlineText/src/index.css +6 -6
  160. package/dist/typography/OverlineText/src/index.js +1 -1
  161. package/dist/typography/Text/src/Text.css +9 -9
  162. package/dist/typography/Text/src/Text.js +1 -1
  163. package/dist/typography/Text/src/index.css +9 -9
  164. package/dist/typography/Text/src/index.js +1 -1
  165. 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___aBUn5) {
2
+ :where(.Divider-module__hop-Divider___jOTOX) {
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___uw2U1 {
27
+ .Divider-module__hop-Divider--vertical___8HYrb {
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___7s-NC {
35
+ .Text-module__hop-Text___Ww7PP {
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___7s-NC) {
65
+ :where(.Text-module__hop-Text___Ww7PP) {
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___uRZNm) {
71
+ :where(.Text-module__hop-Text--xs___YsuwL) {
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___LfDaA) {
77
+ :where(.Text-module__hop-Text--sm___9lTR-) {
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___aGVbv) {
83
+ :where(.Text-module__hop-Text--md___to5eX) {
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___TgsRg) {
89
+ :where(.Text-module__hop-Text--lg___Y-6Mo) {
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___gAcxP) {
95
+ :where(.Text-module__hop-Text--xl___Qo9et) {
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___n-9B9) {
101
+ :where(.Text-module__hop-Text--2xl___dViKj) {
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___SEa0P) {
107
+ :where(.Text-module__hop-Text--inherit___uMHTH) {
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/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
115
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___sG-Yd {
115
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___jKuOm {
116
116
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
117
117
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
118
118
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -143,46 +143,46 @@
143
143
  background-color: var(--background-color);
144
144
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
145
145
  }
146
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___h-WpU {
146
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___YOClX {
147
147
  --size: var(--hop-RichIconAvatarImage-xs-size);
148
148
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
149
149
  }
150
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___QasW- {
150
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___orivw {
151
151
  --size: var(--hop-RichIconAvatarImage-sm-size);
152
152
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
153
153
  }
154
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___QjQ3I {
154
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___0grkn {
155
155
  --size: var(--hop-RichIconAvatarImage-md-size);
156
156
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
157
157
  }
158
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___PrX57 {
158
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___qCvt- {
159
159
  --size: var(--hop-RichIconAvatarImage-lg-size);
160
160
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
161
161
  }
162
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___fZOdF {
162
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___lVnHc {
163
163
  --size: var(--hop-RichIconAvatarImage-xl-size);
164
164
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
165
165
  }
166
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___E-1I9 {
166
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___RlCbj {
167
167
  --size: var(--hop-RichIconAvatarImage-2xl-size);
168
168
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
169
169
  }
170
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___sG-Yd[data-disabled] {
170
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___jKuOm[data-disabled] {
171
171
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
172
172
  }
173
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___JDA4Q {
173
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___--Ntp {
174
174
  position: relative;
175
175
  display: block;
176
176
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
177
177
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
178
178
  }
179
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___sG-Yd[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___JDA4Q {
179
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___jKuOm[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___--Ntp {
180
180
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
181
181
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
182
182
  }
183
183
 
184
184
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/Avatar.module.css/#css-module-data */
185
- .Avatar-module__hop-Avatar___3ivfl {
185
+ .Avatar-module__hop-Avatar___IsFnk {
186
186
  --hop-Avatar-border-radius: var(--hop-shape-circle);
187
187
  --hop-Avatar-mix-blend-mode: normal;
188
188
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -227,67 +227,67 @@
227
227
  background-color: var(--background-color, transparent);
228
228
  border-radius: var(--hop-Avatar-border-radius);
229
229
  }
230
- .Avatar-module__hop-Avatar--xs___noWqr {
230
+ .Avatar-module__hop-Avatar--xs___xVZ4Y {
231
231
  --size: var(--hop-Avatar-xs-size);
232
232
  }
233
- .Avatar-module__hop-Avatar--sm___EG5oC {
233
+ .Avatar-module__hop-Avatar--sm___dAvAi {
234
234
  --size: var(--hop-Avatar-sm-size);
235
235
  }
236
- .Avatar-module__hop-Avatar--md___Q-9En {
236
+ .Avatar-module__hop-Avatar--md___v2kru {
237
237
  --size: var(--hop-Avatar-md-size);
238
238
  }
239
- .Avatar-module__hop-Avatar--lg___FBR3Q {
239
+ .Avatar-module__hop-Avatar--lg___4a7C- {
240
240
  --size: var(--hop-Avatar-lg-size);
241
241
  }
242
- .Avatar-module__hop-Avatar--xl___-BzUR {
242
+ .Avatar-module__hop-Avatar--xl___GGmZt {
243
243
  --size: var(--hop-Avatar-xl-size);
244
244
  }
245
- .Avatar-module__hop-Avatar--2xl___64QDk {
245
+ .Avatar-module__hop-Avatar--2xl___V0vm2 {
246
246
  --size: var(--hop-Avatar-2xl-size);
247
247
  }
248
- .Avatar-module__hop-Avatar--decorative-option1___NjQ2P {
248
+ .Avatar-module__hop-Avatar--decorative-option1___WjAhq {
249
249
  --background-color: var(--hop-Avatar-decorative-1-background-color);
250
250
  --text-color: var(--hop-Avatar-decorative-1-text-color);
251
251
  }
252
- .Avatar-module__hop-Avatar--decorative-option2___gJJB9 {
252
+ .Avatar-module__hop-Avatar--decorative-option2___lp7nc {
253
253
  --background-color: var(--hop-Avatar-decorative-2-background-color);
254
254
  --text-color: var(--hop-Avatar-decorative-2-text-color);
255
255
  }
256
- .Avatar-module__hop-Avatar--decorative-option3___d5E6d {
256
+ .Avatar-module__hop-Avatar--decorative-option3___L4QFf {
257
257
  --background-color: var(--hop-Avatar-decorative-3-background-color);
258
258
  --text-color: var(--hop-Avatar-decorative-3-text-color);
259
259
  }
260
- .Avatar-module__hop-Avatar--decorative-option4___BHoQj {
260
+ .Avatar-module__hop-Avatar--decorative-option4___XDAjT {
261
261
  --background-color: var(--hop-Avatar-decorative-4-background-color);
262
262
  --text-color: var(--hop-Avatar-decorative-4-text-color);
263
263
  }
264
- .Avatar-module__hop-Avatar--decorative-option5___UmjOH {
264
+ .Avatar-module__hop-Avatar--decorative-option5___HT6Yj {
265
265
  --background-color: var(--hop-Avatar-decorative-5-background-color);
266
266
  --text-color: var(--hop-Avatar-decorative-5-text-color);
267
267
  }
268
- .Avatar-module__hop-Avatar--decorative-option6___8CVbo {
268
+ .Avatar-module__hop-Avatar--decorative-option6___ID7fC {
269
269
  --background-color: var(--hop-Avatar-decorative-6-background-color);
270
270
  --text-color: var(--hop-Avatar-decorative-6-text-color);
271
271
  }
272
- .Avatar-module__hop-Avatar--decorative-option7___4ZFln {
272
+ .Avatar-module__hop-Avatar--decorative-option7___yDEQt {
273
273
  --background-color: var(--hop-Avatar-decorative-7-background-color);
274
274
  --text-color: var(--hop-Avatar-decorative-7-text-color);
275
275
  }
276
- .Avatar-module__hop-Avatar--decorative-option8___MvBiM {
276
+ .Avatar-module__hop-Avatar--decorative-option8___FKawW {
277
277
  --background-color: var(--hop-Avatar-decorative-8-background-color);
278
278
  --text-color: var(--hop-Avatar-decorative-8-text-color);
279
279
  }
280
- .Avatar-module__hop-Avatar--decorative-option9___z9oHT {
280
+ .Avatar-module__hop-Avatar--decorative-option9___y4zJc {
281
281
  --background-color: var(--hop-Avatar-decorative-9-background-color);
282
282
  --text-color: var(--hop-Avatar-decorative-9-text-color);
283
283
  }
284
- .Avatar-module__hop-Avatar___3ivfl[data-disabled] {
284
+ .Avatar-module__hop-Avatar___IsFnk[data-disabled] {
285
285
  --background-color: var(--hop-Avatar-background-color-disabled);
286
286
  --text-color: var(--hop-Avatar-text-color-disabled);
287
287
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
288
288
  isolation: isolate;
289
289
  }
290
- .Avatar-module__hop-Avatar__image___8lARV {
290
+ .Avatar-module__hop-Avatar__image___ikmZz {
291
291
  position: relative;
292
292
  display: block;
293
293
  box-sizing: border-box;
@@ -298,7 +298,7 @@
298
298
  }
299
299
 
300
300
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
301
- :where(.OverlineText-module__hop-OverlineText___kurkU) {
301
+ :where(.OverlineText-module__hop-OverlineText___N5J5g) {
302
302
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
303
303
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
304
304
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -322,26 +322,26 @@
322
322
  text-transform: uppercase;
323
323
  letter-spacing: var(--letter-spacing);
324
324
  }
325
- .OverlineText-module__hop-OverlineText__text___7uNsa {
325
+ .OverlineText-module__hop-OverlineText__text___EUFfb {
326
326
  box-sizing: border-box;
327
327
  }
328
- .OverlineText-module__hop-OverlineText__text___7uNsa::before,
329
- .OverlineText-module__hop-OverlineText__text___7uNsa::after {
328
+ .OverlineText-module__hop-OverlineText__text___EUFfb::before,
329
+ .OverlineText-module__hop-OverlineText__text___EUFfb::after {
330
330
  content: "";
331
331
  display: block;
332
332
  box-sizing: border-box;
333
333
  inline-size: 0;
334
334
  block-size: 0;
335
335
  }
336
- .OverlineText-module__hop-OverlineText__text___7uNsa::before {
336
+ .OverlineText-module__hop-OverlineText__text___EUFfb::before {
337
337
  margin-block-end: var(--bottom-offset);
338
338
  }
339
- .OverlineText-module__hop-OverlineText__text___7uNsa::after {
339
+ .OverlineText-module__hop-OverlineText__text___EUFfb::after {
340
340
  margin-block-start: var(--top-offset);
341
341
  }
342
342
 
343
343
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
344
- .Badge-module__hop-Badge___lrDM9 {
344
+ .Badge-module__hop-Badge___OCCIL {
345
345
  --hop-Badge-height: 1.5rem;
346
346
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
347
347
  --hop-Badge-border-radius: var(--hop-shape-pill);
@@ -365,21 +365,21 @@
365
365
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
366
366
  border-radius: var(--border-radius);
367
367
  }
368
- .Badge-module__hop-Badge--primary___B9IJu {
368
+ .Badge-module__hop-Badge--primary___-dKpN {
369
369
  --background-color: var(--hop-Badge-primary-background-color);
370
370
  --text-color: var(--hop-Badge-primary-text-color);
371
371
  }
372
- .Badge-module__hop-Badge--secondary___rsYF4 {
372
+ .Badge-module__hop-Badge--secondary___R7NCL {
373
373
  --background-color: var(--hop-Badge-secondary-background-color);
374
374
  --text-color: var(--hop-Badge-secondary-text-color);
375
375
  }
376
- .Badge-module__hop-Badge___lrDM9[data-disabled] {
376
+ .Badge-module__hop-Badge___OCCIL[data-disabled] {
377
377
  --background-color: var(--hop-Badge-background-color-disabled);
378
378
  --text-color: var(--hop-Badge-text-color-disabled);
379
379
  }
380
380
 
381
381
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
382
- .IconList-module__hop-IconList___-mdbp {
382
+ .IconList-module__hop-IconList___gfJWC {
383
383
  --hop-IconList-gap: var(--hop-space-inline-xs);
384
384
  display: flex;
385
385
  flex-wrap: wrap;
@@ -388,7 +388,7 @@
388
388
  }
389
389
 
390
390
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
391
- .Checkbox-module__hop-Checkbox___OTh5S {
391
+ .Checkbox-module__hop-Checkbox___RQpte {
392
392
  --hop-Checkbox-box-border-size: 0.0625rem;
393
393
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
394
394
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -463,63 +463,63 @@
463
463
  inline-size: max-content;
464
464
  max-inline-size: 100%;
465
465
  }
466
- .Checkbox-module__hop-Checkbox___OTh5S[data-focus-visible],
467
- .Checkbox-module__hop-Checkbox--focused___urS3p {
466
+ .Checkbox-module__hop-Checkbox___RQpte[data-focus-visible],
467
+ .Checkbox-module__hop-Checkbox--focused___sxf-2 {
468
468
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
469
469
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
470
470
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
471
471
  --text-color: var(--hop-Checkbox-text-color-focused);
472
472
  --icon-color: var(--hop-Checkbox-icon-color-focused);
473
473
  }
474
- .Checkbox-module__hop-Checkbox___OTh5S[data-hovered],
475
- .Checkbox-module__hop-Checkbox--hovered___Wwpsr {
474
+ .Checkbox-module__hop-Checkbox___RQpte[data-hovered],
475
+ .Checkbox-module__hop-Checkbox--hovered___9BGUP {
476
476
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
477
477
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
478
478
  --text-color: var(--hop-Checkbox-text-color-hovered);
479
479
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
480
480
  }
481
- .Checkbox-module__hop-Checkbox___OTh5S[data-pressed],
482
- .Checkbox-module__hop-Checkbox--pressed___tG3Hj {
481
+ .Checkbox-module__hop-Checkbox___RQpte[data-pressed],
482
+ .Checkbox-module__hop-Checkbox--pressed___o-zB5 {
483
483
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
484
484
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
485
485
  --text-color: var(--hop-Checkbox-text-color-pressed);
486
486
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
487
487
  }
488
- .Checkbox-module__hop-Checkbox___OTh5S[data-selected] {
488
+ .Checkbox-module__hop-Checkbox___RQpte[data-selected] {
489
489
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
490
490
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
491
491
  --check-display: var(--hop-Checkbox-check-display-selected);
492
492
  --text-color: var(--hop-Checkbox-text-color-selected);
493
493
  --icon-color: var(--hop-Checkbox-icon-color-selected);
494
494
  }
495
- .Checkbox-module__hop-Checkbox___OTh5S[data-invalid] {
495
+ .Checkbox-module__hop-Checkbox___RQpte[data-invalid] {
496
496
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
497
497
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
498
498
  --check-color: var(--hop-Checkbox-check-color-invalid);
499
499
  --text-color: var(--hop-Checkbox-text-color-invalid);
500
500
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
501
501
  }
502
- .Checkbox-module__hop-Checkbox___OTh5S[data-invalid]:where([data-focus-visible], .Checkbox-module__hop-Checkbox--focused___urS3p) {
502
+ .Checkbox-module__hop-Checkbox___RQpte[data-invalid]:where([data-focus-visible], .Checkbox-module__hop-Checkbox--focused___sxf-2) {
503
503
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
504
504
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
505
505
  }
506
- .Checkbox-module__hop-Checkbox___OTh5S[data-invalid]:where([data-hovered], .Checkbox-module__hop-Checkbox--hovered___Wwpsr) {
506
+ .Checkbox-module__hop-Checkbox___RQpte[data-invalid]:where([data-hovered], .Checkbox-module__hop-Checkbox--hovered___9BGUP) {
507
507
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
508
508
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
509
509
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
510
510
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
511
511
  }
512
- .Checkbox-module__hop-Checkbox___OTh5S[data-invalid]:where([data-pressed], .Checkbox-module__hop-Checkbox--pressed___tG3Hj) {
512
+ .Checkbox-module__hop-Checkbox___RQpte[data-invalid]:where([data-pressed], .Checkbox-module__hop-Checkbox--pressed___o-zB5) {
513
513
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
514
514
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
515
515
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
516
516
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
517
517
  }
518
- .Checkbox-module__hop-Checkbox___OTh5S:where([data-invalid])[data-selected] {
518
+ .Checkbox-module__hop-Checkbox___RQpte:where([data-invalid])[data-selected] {
519
519
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
520
520
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
521
521
  }
522
- .Checkbox-module__hop-Checkbox___OTh5S[data-disabled] {
522
+ .Checkbox-module__hop-Checkbox___RQpte[data-disabled] {
523
523
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
524
524
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
525
525
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -527,25 +527,25 @@
527
527
  --text-color: var(--hop-Checkbox-text-color-disabled);
528
528
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
529
529
  }
530
- .Checkbox-module__hop-Checkbox--sm___gKd-M {
530
+ .Checkbox-module__hop-Checkbox--sm___2KCPX {
531
531
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
532
532
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
533
533
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
534
534
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
535
535
  }
536
- .Checkbox-module__hop-Checkbox--md___WAPyo {
536
+ .Checkbox-module__hop-Checkbox--md___WC3aH {
537
537
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
538
538
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
539
539
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
540
540
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
541
541
  }
542
- .Checkbox-module__hop-Checkbox__icon___SzESn,
543
- .Checkbox-module__hop-Checkbox__icon-list___lWkgH {
542
+ .Checkbox-module__hop-Checkbox__icon___L-2Lw,
543
+ .Checkbox-module__hop-Checkbox__icon-list___vNkoh {
544
544
  flex: 0 0 auto;
545
545
  order: 3;
546
546
  color: var(--icon-color);
547
547
  }
548
- .Checkbox-module__hop-Checkbox__box___UxA4d {
548
+ .Checkbox-module__hop-Checkbox__box___ZGHp6 {
549
549
  display: flex;
550
550
  flex: 0 0 auto;
551
551
  align-items: center;
@@ -561,11 +561,11 @@
561
561
  outline-offset: 0.125rem;
562
562
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
563
563
  }
564
- .Checkbox-module__hop-Checkbox__check___iNG2Y {
564
+ .Checkbox-module__hop-Checkbox__check___kD0CL {
565
565
  display: var(--check-display);
566
566
  color: var(--check-color);
567
567
  }
568
- .Checkbox-module__hop-Checkbox__text___-kuqp {
568
+ .Checkbox-module__hop-Checkbox__text___YwAjq {
569
569
  flex: 0 1 auto;
570
570
  order: 2;
571
571
  min-inline-size: 0;
@@ -575,7 +575,7 @@
575
575
  }
576
576
 
577
577
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
578
- .CheckboxField-module__hop-CheckboxField___5uBr4 {
578
+ .CheckboxField-module__hop-CheckboxField___X9IXA {
579
579
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
580
580
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
581
581
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -594,28 +594,28 @@
594
594
  inline-size: max-content;
595
595
  max-inline-size: 100%;
596
596
  }
597
- .CheckboxField-module__hop-CheckboxField___5uBr4[data-disabled] {
597
+ .CheckboxField-module__hop-CheckboxField___X9IXA[data-disabled] {
598
598
  --description-color: var(--hop-CheckboxField-description-color-disabled);
599
599
  }
600
- .CheckboxField-module__hop-CheckboxField--sm___xPpv7 {
600
+ .CheckboxField-module__hop-CheckboxField--sm___lXT-t {
601
601
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
602
602
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
603
603
  }
604
- .CheckboxField-module__hop-CheckboxField--md___QtMwz {
604
+ .CheckboxField-module__hop-CheckboxField--md___-KAiM {
605
605
  --row-gap: var(--hop-CheckboxField-md-row-gap);
606
606
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
607
607
  }
608
- .CheckboxField-module__hop-CheckboxField__description___6r3ox {
608
+ .CheckboxField-module__hop-CheckboxField__description___7XYfp {
609
609
  order: 2;
610
610
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
611
611
  color: var(--description-color);
612
612
  }
613
- .CheckboxField-module__hop-CheckboxField__checkbox___4P-Q8 {
613
+ .CheckboxField-module__hop-CheckboxField__checkbox___98XHd {
614
614
  order: 1;
615
615
  }
616
616
 
617
617
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
618
- .ErrorMessage-module__hop-ErrorMessage___6qmlS {
618
+ .ErrorMessage-module__hop-ErrorMessage___mPK9U {
619
619
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
620
620
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
621
621
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -632,13 +632,13 @@
632
632
  line-height: var(--hop-ErrorMessage-line-height);
633
633
  color: var(--hop-ErrorMessage-color);
634
634
  }
635
- .ErrorMessage-module__hop-ErrorMessage__icon___m4Mae {
635
+ .ErrorMessage-module__hop-ErrorMessage__icon___blB3q {
636
636
  flex: 0 0 auto;
637
637
  align-self: flex-start;
638
638
  }
639
639
 
640
640
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
641
- .HelperMessage-module__hop-HelperMessage___KQaJ4 {
641
+ .HelperMessage-module__hop-HelperMessage___g-wQa {
642
642
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
643
643
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
644
644
  display: flex;
@@ -647,32 +647,32 @@
647
647
  box-sizing: border-box;
648
648
  color: var(--hop-HelperMessage-color);
649
649
  }
650
- .HelperMessage-module__hop-HelperMessage__icon___1a1jj {
650
+ .HelperMessage-module__hop-HelperMessage__icon___3-slU {
651
651
  flex: 0 0 auto;
652
652
  align-self: flex-start;
653
653
  }
654
654
 
655
655
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
656
- .Label-module__hop-Label___L4zrw {
656
+ .Label-module__hop-Label___43PE1 {
657
657
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
658
658
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
659
659
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
660
660
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
661
661
  --hop-Label-color: var(--hop-neutral-text-weak);
662
662
  }
663
- :where(.Label-module__hop-Label___L4zrw) {
663
+ :where(.Label-module__hop-Label___43PE1) {
664
664
  font-family: var(--hop-Label-font-family);
665
665
  font-size: var(--hop-Label-font-size);
666
666
  font-weight: var(--hop-Label-font-weight);
667
667
  line-height: var(--hop-Label-line-height);
668
668
  color: var(--hop-Label-color);
669
669
  }
670
- :where(.Label-module__hop-Label__indicator___mWy1n) {
670
+ :where(.Label-module__hop-Label__indicator___PXvS0) {
671
671
  padding-inline-start: var(--hop-space-20);
672
672
  }
673
673
 
674
674
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
675
- .CheckboxGroup-module__hop-CheckboxGroup___ElEYk {
675
+ .CheckboxGroup-module__hop-CheckboxGroup___nBYJh {
676
676
  --hop-CheckboxGroup-align-items: flex-start;
677
677
  --hop-CheckboxGroup-justify-content: flex-start;
678
678
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -711,46 +711,46 @@
711
711
  inline-size: max-content;
712
712
  max-inline-size: 100%;
713
713
  }
714
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___oEe87 {
714
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___-8cjG {
715
715
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
716
716
  --list-border-radius: var(--hop-shape-rounded-md);
717
717
  }
718
- .CheckboxGroup-module__hop-CheckboxGroup--sm___ETF-H {
718
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___gUe3Q {
719
719
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
720
720
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
721
721
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
722
722
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
723
723
  }
724
- .CheckboxGroup-module__hop-CheckboxGroup--md___5bM6E {
724
+ .CheckboxGroup-module__hop-CheckboxGroup--md___KRNPK {
725
725
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
726
726
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
727
727
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
728
728
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
729
729
  }
730
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___oEe87.CheckboxGroup-module__hop-CheckboxGroup--sm___ETF-H {
730
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___-8cjG.CheckboxGroup-module__hop-CheckboxGroup--sm___gUe3Q {
731
731
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
732
732
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
733
733
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
734
734
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
735
735
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
736
736
  }
737
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___oEe87.CheckboxGroup-module__hop-CheckboxGroup--md___5bM6E {
737
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___-8cjG.CheckboxGroup-module__hop-CheckboxGroup--md___KRNPK {
738
738
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
739
739
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
740
740
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
741
741
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
742
742
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
743
743
  }
744
- .CheckboxGroup-module__hop-CheckboxGroup___ElEYk[data-orientation=horizontal] {
744
+ .CheckboxGroup-module__hop-CheckboxGroup___nBYJh[data-orientation=horizontal] {
745
745
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
746
746
  }
747
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___oEe87[data-orientation=horizontal] {
747
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___-8cjG[data-orientation=horizontal] {
748
748
  --flex-wrap: nowrap;
749
749
  }
750
- .CheckboxGroup-module__hop-CheckboxGroup___ElEYk > .CheckboxGroup-module__hop-CheckboxGroup__label___zvdEY {
750
+ .CheckboxGroup-module__hop-CheckboxGroup___nBYJh > .CheckboxGroup-module__hop-CheckboxGroup__label___JwdnG {
751
751
  order: 1;
752
752
  }
753
- .CheckboxGroup-module__hop-CheckboxGroup__list___-cq2A {
753
+ .CheckboxGroup-module__hop-CheckboxGroup__list___hWoaT {
754
754
  display: flex;
755
755
  flex-flow: var(--flex-direction) var(--flex-wrap);
756
756
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -761,7 +761,7 @@
761
761
  border: var(--list-border, none);
762
762
  border-radius: var(--list-border-radius, 0);
763
763
  }
764
- .CheckboxGroup-module__hop-CheckboxGroup__list___-cq2A > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___GhnAo {
764
+ .CheckboxGroup-module__hop-CheckboxGroup__list___hWoaT > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___DUT6w {
765
765
  position: relative;
766
766
  flex: 0 1 auto;
767
767
  align-content: start;
@@ -769,28 +769,28 @@
769
769
  min-inline-size: 0;
770
770
  padding: var(--checkbox-padding, 0);
771
771
  }
772
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___oEe87 .CheckboxGroup-module__hop-CheckboxGroup__list___-cq2A > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___GhnAo ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___GhnAo::before {
772
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___-8cjG .CheckboxGroup-module__hop-CheckboxGroup__list___hWoaT > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___DUT6w ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___DUT6w::before {
773
773
  content: "";
774
774
  position: absolute;
775
775
  display: block;
776
776
  }
777
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___oEe87[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___-cq2A > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___GhnAo ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___GhnAo::before {
777
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___-8cjG[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___hWoaT > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___DUT6w ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___DUT6w::before {
778
778
  inset-block-start: 0;
779
779
  inset-inline: 0;
780
780
  border-block-start: var(--list-border, none);
781
781
  }
782
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___oEe87[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___-cq2A > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___GhnAo ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___GhnAo::before {
782
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___-8cjG[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___hWoaT > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___DUT6w ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___DUT6w::before {
783
783
  inset-block: 0;
784
784
  inset-inline-start: 0;
785
785
  border-inline-start: var(--list-border, none);
786
786
  }
787
- .CheckboxGroup-module__hop-CheckboxGroup___ElEYk > .CheckboxGroup-module__hop-CheckboxGroup__error-message___wZAUv,
788
- .CheckboxGroup-module__hop-CheckboxGroup___ElEYk > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___qN21A {
787
+ .CheckboxGroup-module__hop-CheckboxGroup___nBYJh > .CheckboxGroup-module__hop-CheckboxGroup__error-message___mtOo4,
788
+ .CheckboxGroup-module__hop-CheckboxGroup___nBYJh > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___CysB1 {
789
789
  order: 3;
790
790
  }
791
791
 
792
792
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
793
- .Radio-module__hop-Radio___2E1Ba {
793
+ .Radio-module__hop-Radio___W0NkE {
794
794
  --hop-Radio-box-border-size: 0.0625rem;
795
795
  --hop-Radio-box-border-color: var(--hop-neutral-border);
796
796
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -864,63 +864,63 @@
864
864
  inline-size: max-content;
865
865
  max-inline-size: 100%;
866
866
  }
867
- .Radio-module__hop-Radio___2E1Ba[data-focus-visible],
868
- .Radio-module__hop-Radio--focused___uZjvZ {
867
+ .Radio-module__hop-Radio___W0NkE[data-focus-visible],
868
+ .Radio-module__hop-Radio--focused___37nBy {
869
869
  --box-background-color: var(--hop-Radio-box-background-color-focused);
870
870
  --box-border-color: var(--hop-Radio-box-border-color-focused);
871
871
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
872
872
  --text-color: var(--hop-Radio-text-color-focused);
873
873
  --icon-color: var(--hop-Radio-icon-color-focused);
874
874
  }
875
- .Radio-module__hop-Radio___2E1Ba[data-hovered],
876
- .Radio-module__hop-Radio--hovered___I3nXi {
875
+ .Radio-module__hop-Radio___W0NkE[data-hovered],
876
+ .Radio-module__hop-Radio--hovered___bnBdz {
877
877
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
878
878
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
879
879
  --text-color: var(--hop-Radio-text-color-hovered);
880
880
  --icon-color: var(--hop-Radio-icon-color-hovered);
881
881
  }
882
- .Radio-module__hop-Radio___2E1Ba[data-pressed],
883
- .Radio-module__hop-Radio--pressed___g-XN4 {
882
+ .Radio-module__hop-Radio___W0NkE[data-pressed],
883
+ .Radio-module__hop-Radio--pressed___Idq0t {
884
884
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
885
885
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
886
886
  --text-color: var(--hop-Radio-text-color-pressed);
887
887
  --icon-color: var(--hop-Radio-icon-color-pressed);
888
888
  }
889
- .Radio-module__hop-Radio___2E1Ba[data-selected] {
889
+ .Radio-module__hop-Radio___W0NkE[data-selected] {
890
890
  --box-background-color: var(--hop-Radio-box-background-color-selected);
891
891
  --box-border-color: var(--hop-Radio-box-border-color-selected);
892
892
  --bullet-display: var(--hop-Radio-bullet-display-selected);
893
893
  --text-color: var(--hop-Radio-text-color-selected);
894
894
  --icon-color: var(--hop-Radio-icon-color-selected);
895
895
  }
896
- .Radio-module__hop-Radio___2E1Ba[data-invalid] {
896
+ .Radio-module__hop-Radio___W0NkE[data-invalid] {
897
897
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
898
898
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
899
899
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
900
900
  --text-color: var(--hop-Radio-text-color-invalid);
901
901
  --icon-color: var(--hop-Radio-icon-color-invalid);
902
902
  }
903
- .Radio-module__hop-Radio___2E1Ba:where([data-invalid])[data-focus-visible] {
903
+ .Radio-module__hop-Radio___W0NkE:where([data-invalid])[data-focus-visible] {
904
904
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
905
905
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
906
906
  }
907
- .Radio-module__hop-Radio___2E1Ba:where([data-invalid])[data-hovered] {
907
+ .Radio-module__hop-Radio___W0NkE:where([data-invalid])[data-hovered] {
908
908
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
909
909
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
910
910
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
911
911
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
912
912
  }
913
- .Radio-module__hop-Radio___2E1Ba:where([data-invalid])[data-pressed] {
913
+ .Radio-module__hop-Radio___W0NkE:where([data-invalid])[data-pressed] {
914
914
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
915
915
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
916
916
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
917
917
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
918
918
  }
919
- .Radio-module__hop-Radio___2E1Ba:where([data-invalid])[data-selected] {
919
+ .Radio-module__hop-Radio___W0NkE:where([data-invalid])[data-selected] {
920
920
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
921
921
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
922
922
  }
923
- .Radio-module__hop-Radio___2E1Ba[data-disabled] {
923
+ .Radio-module__hop-Radio___W0NkE[data-disabled] {
924
924
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
925
925
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
926
926
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -928,25 +928,25 @@
928
928
  --text-color: var(--hop-Radio-text-color-disabled);
929
929
  --icon-color: var(--hop-Radio-icon-color-disabled);
930
930
  }
931
- .Radio-module__hop-Radio--sm___fb-Zv {
931
+ .Radio-module__hop-Radio--sm___Xk9cY {
932
932
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
933
933
  --box-block-size: var(--hop-Radio-box-sm-block-size);
934
934
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
935
935
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
936
936
  }
937
- .Radio-module__hop-Radio--md___WvIhk {
937
+ .Radio-module__hop-Radio--md___Ookee {
938
938
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
939
939
  --box-block-size: var(--hop-Radio-box-md-block-size);
940
940
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
941
941
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
942
942
  }
943
- .Radio-module__hop-Radio__icon___f49M7,
944
- .Radio-module__hop-Radio__icon-list___65C4k {
943
+ .Radio-module__hop-Radio__icon___V-YEN,
944
+ .Radio-module__hop-Radio__icon-list___-ZAQI {
945
945
  flex: 0 0 auto;
946
946
  order: 3;
947
947
  color: var(--icon-color);
948
948
  }
949
- .Radio-module__hop-Radio__box___HLxF3 {
949
+ .Radio-module__hop-Radio__box___o2-Za {
950
950
  display: flex;
951
951
  flex: 0 0 auto;
952
952
  align-items: center;
@@ -962,11 +962,11 @@
962
962
  outline-offset: 0.125rem;
963
963
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
964
964
  }
965
- .Radio-module__hop-Radio__bullet___SgKK1 {
965
+ .Radio-module__hop-Radio__bullet___c4d6u {
966
966
  display: var(--bullet-display);
967
967
  color: var(--bullet-color);
968
968
  }
969
- .Radio-module__hop-Radio__text___uZHkI {
969
+ .Radio-module__hop-Radio__text___3HhWA {
970
970
  flex: 0 1 auto;
971
971
  order: 2;
972
972
  min-inline-size: 0;
@@ -976,7 +976,7 @@
976
976
  }
977
977
 
978
978
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
979
- .RadioField-module__hop-RadioField___uuirX {
979
+ .RadioField-module__hop-RadioField___iH4DX {
980
980
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
981
981
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
982
982
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -995,28 +995,28 @@
995
995
  inline-size: max-content;
996
996
  max-inline-size: 100%;
997
997
  }
998
- .RadioField-module__hop-RadioField___uuirX[data-disabled] {
998
+ .RadioField-module__hop-RadioField___iH4DX[data-disabled] {
999
999
  --description-color: var(--hop-RadioField-description-color-disabled);
1000
1000
  }
1001
- .RadioField-module__hop-RadioField--sm___1lfkD {
1001
+ .RadioField-module__hop-RadioField--sm___82LpO {
1002
1002
  --row-gap: var(--hop-RadioField-sm-row-gap);
1003
1003
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
1004
1004
  }
1005
- .RadioField-module__hop-RadioField--md___ytruf {
1005
+ .RadioField-module__hop-RadioField--md___mHhI1 {
1006
1006
  --row-gap: var(--hop-RadioField-md-row-gap);
1007
1007
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
1008
1008
  }
1009
- .RadioField-module__hop-RadioField__description___waqNk {
1009
+ .RadioField-module__hop-RadioField__description___VXjob {
1010
1010
  order: 2;
1011
1011
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
1012
1012
  color: var(--description-color);
1013
1013
  }
1014
- .RadioField-module__hop-RadioField__radio___ySRK1 {
1014
+ .RadioField-module__hop-RadioField__radio___-LJe8 {
1015
1015
  order: 1;
1016
1016
  }
1017
1017
 
1018
1018
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
1019
- .RadioGroup-module__hop-RadioGroup___v9ff9 {
1019
+ .RadioGroup-module__hop-RadioGroup___uUMYg {
1020
1020
  --hop-RadioGroup-align-items: flex-start;
1021
1021
  --hop-RadioGroup-justify-content: flex-start;
1022
1022
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1056,46 +1056,46 @@
1056
1056
  inline-size: var(--inline-size);
1057
1057
  max-inline-size: 100%;
1058
1058
  }
1059
- .RadioGroup-module__hop-RadioGroup--bordered___R-avt {
1059
+ .RadioGroup-module__hop-RadioGroup--bordered___GS69Y {
1060
1060
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
1061
1061
  --list-border-radius: var(--hop-shape-rounded-md);
1062
1062
  }
1063
- .RadioGroup-module__hop-RadioGroup--sm___y9WU9 {
1063
+ .RadioGroup-module__hop-RadioGroup--sm___aaj9S {
1064
1064
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
1065
1065
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
1066
1066
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
1067
1067
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
1068
1068
  }
1069
- .RadioGroup-module__hop-RadioGroup--md___P8zUK {
1069
+ .RadioGroup-module__hop-RadioGroup--md___GZDza {
1070
1070
  --column-gap: var(--hop-RadioGroup-md-column-gap);
1071
1071
  --row-gap: var(--hop-RadioGroup-md-row-gap);
1072
1072
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
1073
1073
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
1074
1074
  }
1075
- .RadioGroup-module__hop-RadioGroup--bordered___R-avt.RadioGroup-module__hop-RadioGroup--sm___y9WU9 {
1075
+ .RadioGroup-module__hop-RadioGroup--bordered___GS69Y.RadioGroup-module__hop-RadioGroup--sm___aaj9S {
1076
1076
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
1077
1077
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
1078
1078
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
1079
1079
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
1080
1080
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
1081
1081
  }
1082
- .RadioGroup-module__hop-RadioGroup--bordered___R-avt.RadioGroup-module__hop-RadioGroup--md___P8zUK {
1082
+ .RadioGroup-module__hop-RadioGroup--bordered___GS69Y.RadioGroup-module__hop-RadioGroup--md___GZDza {
1083
1083
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
1084
1084
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
1085
1085
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
1086
1086
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
1087
1087
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
1088
1088
  }
1089
- .RadioGroup-module__hop-RadioGroup___v9ff9[data-orientation=horizontal] {
1089
+ .RadioGroup-module__hop-RadioGroup___uUMYg[data-orientation=horizontal] {
1090
1090
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
1091
1091
  }
1092
- .RadioGroup-module__hop-RadioGroup--bordered___R-avt[data-orientation=horizontal] {
1092
+ .RadioGroup-module__hop-RadioGroup--bordered___GS69Y[data-orientation=horizontal] {
1093
1093
  --flex-wrap: nowrap;
1094
1094
  }
1095
- .RadioGroup-module__hop-RadioGroup___v9ff9 > .RadioGroup-module__hop-RadioGroup__label___jZY0d {
1095
+ .RadioGroup-module__hop-RadioGroup___uUMYg > .RadioGroup-module__hop-RadioGroup__label___6FEgv {
1096
1096
  order: 1;
1097
1097
  }
1098
- .RadioGroup-module__hop-RadioGroup__list___HGSkD {
1098
+ .RadioGroup-module__hop-RadioGroup__list___ram8I {
1099
1099
  display: flex;
1100
1100
  flex-flow: var(--flex-direction) var(--flex-wrap);
1101
1101
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1106,7 +1106,7 @@
1106
1106
  border: var(--list-border, none);
1107
1107
  border-radius: var(--list-border-radius, 0);
1108
1108
  }
1109
- .RadioGroup-module__hop-RadioGroup__list___HGSkD > .RadioGroup-module__hop-RadioGroup__radio___8y02f {
1109
+ .RadioGroup-module__hop-RadioGroup__list___ram8I > .RadioGroup-module__hop-RadioGroup__radio___Wg80N {
1110
1110
  position: relative;
1111
1111
  flex: 0 1 auto;
1112
1112
  align-content: start;
@@ -1114,28 +1114,28 @@
1114
1114
  min-inline-size: 0;
1115
1115
  padding: var(--radio-padding, 0);
1116
1116
  }
1117
- .RadioGroup-module__hop-RadioGroup--bordered___R-avt .RadioGroup-module__hop-RadioGroup__list___HGSkD > .RadioGroup-module__hop-RadioGroup__radio___8y02f ~ .RadioGroup-module__hop-RadioGroup__radio___8y02f::before {
1117
+ .RadioGroup-module__hop-RadioGroup--bordered___GS69Y .RadioGroup-module__hop-RadioGroup__list___ram8I > .RadioGroup-module__hop-RadioGroup__radio___Wg80N ~ .RadioGroup-module__hop-RadioGroup__radio___Wg80N::before {
1118
1118
  content: "";
1119
1119
  position: absolute;
1120
1120
  display: block;
1121
1121
  }
1122
- .RadioGroup-module__hop-RadioGroup--bordered___R-avt[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___HGSkD > .RadioGroup-module__hop-RadioGroup__radio___8y02f ~ .RadioGroup-module__hop-RadioGroup__radio___8y02f::before {
1122
+ .RadioGroup-module__hop-RadioGroup--bordered___GS69Y[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___ram8I > .RadioGroup-module__hop-RadioGroup__radio___Wg80N ~ .RadioGroup-module__hop-RadioGroup__radio___Wg80N::before {
1123
1123
  inset-block-start: 0;
1124
1124
  inset-inline: 0;
1125
1125
  border-block-start: var(--list-border, none);
1126
1126
  }
1127
- .RadioGroup-module__hop-RadioGroup--bordered___R-avt[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___HGSkD > .RadioGroup-module__hop-RadioGroup__radio___8y02f ~ .RadioGroup-module__hop-RadioGroup__radio___8y02f::before {
1127
+ .RadioGroup-module__hop-RadioGroup--bordered___GS69Y[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___ram8I > .RadioGroup-module__hop-RadioGroup__radio___Wg80N ~ .RadioGroup-module__hop-RadioGroup__radio___Wg80N::before {
1128
1128
  inset-block: 0;
1129
1129
  inset-inline-start: 0;
1130
1130
  border-inline-start: var(--list-border, none);
1131
1131
  }
1132
- .RadioGroup-module__hop-RadioGroup___v9ff9 > .RadioGroup-module__hop-RadioGroup__error-message___2aZin,
1133
- .RadioGroup-module__hop-RadioGroup___v9ff9 > .RadioGroup-module__hop-RadioGroup__helper-message___ip2nD {
1132
+ .RadioGroup-module__hop-RadioGroup___uUMYg > .RadioGroup-module__hop-RadioGroup__error-message___xY86-,
1133
+ .RadioGroup-module__hop-RadioGroup___uUMYg > .RadioGroup-module__hop-RadioGroup__helper-message___vidfD {
1134
1134
  order: 3;
1135
1135
  }
1136
1136
 
1137
1137
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
1138
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___wrIL3 {
1138
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___gNkoN {
1139
1139
  --hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
1140
1140
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
1141
1141
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -1161,7 +1161,7 @@
1161
1161
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
1162
1162
  background-size: 400% 100%;
1163
1163
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
1164
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___kPWk2;
1164
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___NWJHR;
1165
1165
  animation-duration: var(--animation-duration);
1166
1166
  animation-timing-function: ease-in-out;
1167
1167
  animation-fill-mode: forwards;
@@ -1170,19 +1170,19 @@
1170
1170
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
1171
1171
  }
1172
1172
  }
1173
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___cHo6m {
1173
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___FVwx5 {
1174
1174
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
1175
1175
  }
1176
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___Kyk8k {
1176
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___NUBWK {
1177
1177
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
1178
1178
  }
1179
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___a5cds {
1179
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___8jdqN {
1180
1180
  --height: var(--hop-ListBoxItemSkeleton-md-height);
1181
1181
  }
1182
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___dn0c2 {
1182
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___e6YxG {
1183
1183
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
1184
1184
  }
1185
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___kPWk2 {
1185
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___NWJHR {
1186
1186
  0% {
1187
1187
  background-position: 125% 50%;
1188
1188
  }
@@ -1192,7 +1192,7 @@
1192
1192
  }
1193
1193
 
1194
1194
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
1195
- .ListBoxItem-module__hop-ListBoxItem___u6Es7 {
1195
+ .ListBoxItem-module__hop-ListBoxItem___KW-Fj {
1196
1196
  --hop-ListBoxItem-background-color: transparent;
1197
1197
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
1198
1198
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -1280,113 +1280,113 @@
1280
1280
  border-radius: var(--hop-ListBoxItem-border-radius);
1281
1281
  outline: var(--outline);
1282
1282
  }
1283
- .ListBoxItem-module__hop-ListBoxItem--xs___yXyVw {
1283
+ .ListBoxItem-module__hop-ListBoxItem--xs___mWNki {
1284
1284
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
1285
1285
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
1286
1286
  --min-height: var(--hop-ListBoxItem-xs-min-height);
1287
1287
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
1288
1288
  }
1289
- .ListBoxItem-module__hop-ListBoxItem--sm___937pQ {
1289
+ .ListBoxItem-module__hop-ListBoxItem--sm___b8UQ1 {
1290
1290
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
1291
1291
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
1292
1292
  --min-height: var(--hop-ListBoxItem-sm-min-height);
1293
1293
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
1294
1294
  }
1295
- .ListBoxItem-module__hop-ListBoxItem--md___ymimv {
1295
+ .ListBoxItem-module__hop-ListBoxItem--md___vnKzK {
1296
1296
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
1297
1297
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
1298
1298
  --min-height: var(--hop-ListBoxItem-md-min-height);
1299
1299
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
1300
1300
  }
1301
- .ListBoxItem-module__hop-ListBoxItem--lg___1mW38 {
1301
+ .ListBoxItem-module__hop-ListBoxItem--lg___uNSNE {
1302
1302
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
1303
1303
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
1304
1304
  --min-height: var(--hop-ListBoxItem-lg-min-height);
1305
1305
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
1306
1306
  }
1307
- .ListBoxItem-module__hop-ListBoxItem___u6Es7[data-selection-mode] {
1307
+ .ListBoxItem-module__hop-ListBoxItem___KW-Fj[data-selection-mode] {
1308
1308
  --cursor: pointer;
1309
1309
  }
1310
- .ListBoxItem-module__hop-ListBoxItem___u6Es7:not([data-selection-mode]) {
1310
+ .ListBoxItem-module__hop-ListBoxItem___KW-Fj:not([data-selection-mode]) {
1311
1311
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1312
1312
  }
1313
- .ListBoxItem-module__hop-ListBoxItem__inner___I35FE:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___LAbSz) {
1313
+ .ListBoxItem-module__hop-ListBoxItem__inner___hBeAr:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___DcHi6) {
1314
1314
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1315
1315
  }
1316
- .ListBoxItem-module__hop-ListBoxItem__inner___I35FE[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___LAbSz) {
1316
+ .ListBoxItem-module__hop-ListBoxItem__inner___hBeAr[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___DcHi6) {
1317
1317
  --checkmark-transition: none;
1318
1318
  }
1319
- .ListBoxItem-module__hop-ListBoxItem___u6Es7[data-selected] {
1319
+ .ListBoxItem-module__hop-ListBoxItem___KW-Fj[data-selected] {
1320
1320
  --background-color: var(--hop-ListBoxItem-background-color-selected);
1321
1321
  --text-color: var(--hop-ListBoxItem-text-color-selected);
1322
1322
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
1323
1323
  --checkmark-opacity: 1;
1324
1324
  }
1325
- .ListBoxItem-module__hop-ListBoxItem___u6Es7[data-focus-visible] {
1325
+ .ListBoxItem-module__hop-ListBoxItem___KW-Fj[data-focus-visible] {
1326
1326
  --background-color: var(--hop-ListBoxItem-background-color-focused);
1327
1327
  --text-color: var(--hop-ListBoxItem-text-color-focused);
1328
1328
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
1329
1329
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
1330
1330
  }
1331
- .ListBoxItem-module__hop-ListBoxItem___u6Es7[data-hovered] {
1331
+ .ListBoxItem-module__hop-ListBoxItem___KW-Fj[data-hovered] {
1332
1332
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
1333
1333
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
1334
1334
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
1335
1335
  }
1336
- .ListBoxItem-module__hop-ListBoxItem___u6Es7[data-pressed] {
1336
+ .ListBoxItem-module__hop-ListBoxItem___KW-Fj[data-pressed] {
1337
1337
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
1338
1338
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
1339
1339
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
1340
1340
  }
1341
- .ListBoxItem-module__hop-ListBoxItem___u6Es7[data-disabled] {
1341
+ .ListBoxItem-module__hop-ListBoxItem___KW-Fj[data-disabled] {
1342
1342
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
1343
1343
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
1344
1344
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
1345
1345
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
1346
1346
  --cursor: not-allowed;
1347
1347
  }
1348
- .ListBoxItem-module__hop-ListBoxItem___u6Es7[data-invalid] {
1348
+ .ListBoxItem-module__hop-ListBoxItem___KW-Fj[data-invalid] {
1349
1349
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
1350
1350
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
1351
1351
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
1352
1352
  }
1353
- .ListBoxItem-module__hop-ListBoxItem___u6Es7[data-invalid][data-selected] {
1353
+ .ListBoxItem-module__hop-ListBoxItem___KW-Fj[data-invalid][data-selected] {
1354
1354
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
1355
1355
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
1356
1356
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
1357
1357
  }
1358
- .ListBoxItem-module__hop-ListBoxItem___u6Es7[data-invalid][data-focus-visible] {
1358
+ .ListBoxItem-module__hop-ListBoxItem___KW-Fj[data-invalid][data-focus-visible] {
1359
1359
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
1360
1360
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
1361
1361
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
1362
1362
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
1363
1363
  }
1364
- .ListBoxItem-module__hop-ListBoxItem___u6Es7[data-invalid][data-hovered] {
1364
+ .ListBoxItem-module__hop-ListBoxItem___KW-Fj[data-invalid][data-hovered] {
1365
1365
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
1366
1366
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
1367
1367
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
1368
1368
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
1369
1369
  }
1370
- .ListBoxItem-module__hop-ListBoxItem___u6Es7[data-invalid][data-pressed] {
1370
+ .ListBoxItem-module__hop-ListBoxItem___KW-Fj[data-invalid][data-pressed] {
1371
1371
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
1372
1372
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
1373
1373
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
1374
1374
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
1375
1375
  }
1376
- .ListBoxItem-module__hop-ListBoxItem___u6Es7[data-invalid][data-disabled] {
1376
+ .ListBoxItem-module__hop-ListBoxItem___KW-Fj[data-invalid][data-disabled] {
1377
1377
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
1378
1378
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
1379
1379
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
1380
1380
  }
1381
- .ListBoxItem-module__hop-ListBoxItem___u6Es7:has(.ListBoxItem-module__hop-ListBoxItem__description___EPW2R) {
1381
+ .ListBoxItem-module__hop-ListBoxItem___KW-Fj:has(.ListBoxItem-module__hop-ListBoxItem__description___OfyKj) {
1382
1382
  --row-gap: var(--hop-ListBoxItem-row-gap);
1383
1383
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
1384
1384
  }
1385
- .ListBoxItem-module__hop-ListBoxItem___u6Es7[data-loading] {
1385
+ .ListBoxItem-module__hop-ListBoxItem___KW-Fj[data-loading] {
1386
1386
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
1387
1387
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
1388
1388
  }
1389
- .ListBoxItem-module__hop-ListBoxItem__inner___I35FE {
1389
+ .ListBoxItem-module__hop-ListBoxItem__inner___hBeAr {
1390
1390
  display: grid;
1391
1391
  grid-template-areas: var(--grid-template-areas);
1392
1392
  grid-template-columns: var(--grid-template-columns);
@@ -1398,51 +1398,51 @@
1398
1398
  padding-inline: var(--padding-inline);
1399
1399
  transition: grid-template-columns .3s ease-in-out;
1400
1400
  }
1401
- .ListBoxItem-module__hop-ListBoxItem__checkmark___LAbSz {
1401
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___DcHi6 {
1402
1402
  grid-area: indicator;
1403
1403
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1404
1404
  color: var(--icon-color);
1405
1405
  opacity: var(--checkmark-opacity);
1406
1406
  transition: var(--checkmark-transition);
1407
1407
  }
1408
- .ListBoxItem-module__hop-ListBoxItem__radio-group___g-HnK,
1409
- .ListBoxItem-module__hop-ListBoxItem__checkbox___ppGNP {
1408
+ .ListBoxItem-module__hop-ListBoxItem__radio-group___EKfQh,
1409
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___q423u {
1410
1410
  pointer-events: none;
1411
1411
  user-select: none;
1412
1412
  grid-area: indicator;
1413
1413
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1414
1414
  }
1415
- .ListBoxItem-module__hop-ListBoxItem__avatar___QwkiM {
1415
+ .ListBoxItem-module__hop-ListBoxItem__avatar___wfflG {
1416
1416
  grid-area: avatar;
1417
1417
  margin-block: var(--avatar-margin-block, 0);
1418
1418
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1419
1419
  }
1420
- .ListBoxItem-module__hop-ListBoxItem__icon-list___Yhy58,
1421
- .ListBoxItem-module__hop-ListBoxItem__icon___mFm52 {
1420
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___fnOlc,
1421
+ .ListBoxItem-module__hop-ListBoxItem__icon___75U3q {
1422
1422
  grid-area: icon;
1423
1423
  flex: 0 0 auto;
1424
1424
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1425
1425
  color: var(--icon-color);
1426
1426
  }
1427
- .ListBoxItem-module__hop-ListBoxItem__label___y1bWL {
1427
+ .ListBoxItem-module__hop-ListBoxItem__label___wO73- {
1428
1428
  overflow: hidden;
1429
1429
  grid-area: label;
1430
1430
  min-inline-size: 0;
1431
1431
  text-overflow: ellipsis;
1432
1432
  white-space: nowrap;
1433
1433
  }
1434
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___LBHo2,
1435
- .ListBoxItem-module__hop-ListBoxItem__end-icon___Luvle {
1434
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___JORQf,
1435
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___-kQHv {
1436
1436
  grid-area: end-icon;
1437
1437
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
1438
1438
  color: var(--icon-color);
1439
1439
  }
1440
- .ListBoxItem-module__hop-ListBoxItem__badge___bdsUo {
1440
+ .ListBoxItem-module__hop-ListBoxItem__badge___g-FPT {
1441
1441
  grid-area: badge;
1442
1442
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
1443
1443
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
1444
1444
  }
1445
- .ListBoxItem-module__hop-ListBoxItem__description___EPW2R {
1445
+ .ListBoxItem-module__hop-ListBoxItem__description___OfyKj {
1446
1446
  overflow: hidden;
1447
1447
  display: -webkit-box;
1448
1448
  grid-area: description;
@@ -1453,7 +1453,7 @@
1453
1453
  }
1454
1454
 
1455
1455
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBox.module.css/#css-module-data */
1456
- .ListBox-module__hop-ListBox___84c8C {
1456
+ .ListBox-module__hop-ListBox___gMv2t {
1457
1457
  --hop-ListBox-background-color: var(--hop-neutral-surface);
1458
1458
  --hop-ListBox-border-color: var(--hop-neutral-border-weak);
1459
1459
  --hop-ListBox-border-radius: var(--hop-shape-rounded-md);
@@ -1501,11 +1501,11 @@
1501
1501
  border: var(--hop-ListBox-border-size) solid var(--hop-ListBox-border-color);
1502
1502
  border-radius: var(--hop-ListBox-border-radius);
1503
1503
  }
1504
- .ListBox-module__hop-ListBox--fluid___mHn4u {
1504
+ .ListBox-module__hop-ListBox--fluid___3coRA {
1505
1505
  --max-width: var(--hop-ListBox-fluid-max-width);
1506
1506
  --width: var(--hop-ListBox-fluid-width);
1507
1507
  }
1508
- .ListBox-module__hop-ListBox__section___iv9s3 {
1508
+ .ListBox-module__hop-ListBox__section___gO1Qv {
1509
1509
  margin-block: var(--section-margin-block-start) var(--section-margin-block-end);
1510
1510
  margin-inline: var(--hop-ListBox-section-margin-inline);
1511
1511
  padding-block: var(--section-padding-block-start) var(--section-padding-block-end);
@@ -1513,21 +1513,21 @@
1513
1513
  border-block-start: var(--section-border-block-start);
1514
1514
  border-block-end: var(--section-border-block-end);
1515
1515
  }
1516
- .ListBox-module__hop-ListBox__item___rQ48O + .ListBox-module__hop-ListBox__section___iv9s3 {
1516
+ .ListBox-module__hop-ListBox__item___RB9VA + .ListBox-module__hop-ListBox__section___gO1Qv {
1517
1517
  --section-margin-block-start: var(--hop-ListBox-section-margin-block);
1518
1518
  --section-border-block-start: var(--hop-ListBox-section-border-size) solid var(--hop-ListBox-section-border-color);
1519
1519
  }
1520
- .ListBox-module__hop-ListBox__section___iv9s3:has(+ .ListBox-module__hop-ListBox__item___rQ48O) {
1520
+ .ListBox-module__hop-ListBox__section___gO1Qv:has(+ .ListBox-module__hop-ListBox__item___RB9VA) {
1521
1521
  --section-margin-block-end: var(--hop-ListBox-section-margin-block);
1522
1522
  }
1523
- .ListBox-module__hop-ListBox__section___iv9s3:first-child {
1523
+ .ListBox-module__hop-ListBox__section___gO1Qv:first-child {
1524
1524
  --section-padding-block-start: 0;
1525
1525
  }
1526
- .ListBox-module__hop-ListBox__section___iv9s3:last-child {
1526
+ .ListBox-module__hop-ListBox__section___gO1Qv:last-child {
1527
1527
  --section-padding-block-end: 0;
1528
1528
  --section-border-block-end: 0;
1529
1529
  }
1530
- .ListBox-module__hop-ListBox__section-header___WUF4y {
1530
+ .ListBox-module__hop-ListBox__section-header___NklA1 {
1531
1531
  margin: 0;
1532
1532
  padding: var(--hop-ListBox-section-header-padding);
1533
1533
  font-family: var(--hop-ListBox-section-header-font-family);
@@ -1537,21 +1537,21 @@
1537
1537
  text-transform: var(--hop-ListBox-section-header-text-transform);
1538
1538
  letter-spacing: var(--hop-ListBox-section-header-letter-spacing);
1539
1539
  }
1540
- .ListBox-module__hop-ListBox__section-header___WUF4y::before,
1541
- .ListBox-module__hop-ListBox__section-header___WUF4y::after {
1540
+ .ListBox-module__hop-ListBox__section-header___NklA1::before,
1541
+ .ListBox-module__hop-ListBox__section-header___NklA1::after {
1542
1542
  content: "";
1543
1543
  display: block;
1544
1544
  box-sizing: border-box;
1545
1545
  inline-size: 0;
1546
1546
  block-size: 0;
1547
1547
  }
1548
- .ListBox-module__hop-ListBox__section-header___WUF4y::before {
1548
+ .ListBox-module__hop-ListBox__section-header___NklA1::before {
1549
1549
  margin-block-end: var(--hop-ListBox-section-header-bottom-offset);
1550
1550
  }
1551
- .ListBox-module__hop-ListBox__section-header___WUF4y::after {
1551
+ .ListBox-module__hop-ListBox__section-header___NklA1::after {
1552
1552
  margin-block-start: var(--hop-ListBox-section-header-top-offset);
1553
1553
  }
1554
- .ListBox-module__hop-ListBox__divider___PU1hF {
1554
+ .ListBox-module__hop-ListBox__divider___fsuh2 {
1555
1555
  margin-block: var(--hop-ListBox-divider-margin-block);
1556
1556
  margin-inline: var(--hop-ListBox-divider-margin-inline);
1557
1557
  }