@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/typography/Text/src/Text.module.css/#css-module-data */
2
- .Text-module__hop-Text___7s-NC {
2
+ .Text-module__hop-Text___Ww7PP {
3
3
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
4
4
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
5
5
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -29,49 +29,49 @@
29
29
  --hop-Text-inherit-size-font-weight: inherit;
30
30
  --hop-Text-inherit-size-line-height: inherit;
31
31
  }
32
- :where(.Text-module__hop-Text___7s-NC) {
32
+ :where(.Text-module__hop-Text___Ww7PP) {
33
33
  font-family: var(--font-family);
34
34
  font-size: var(--font-size);
35
35
  font-weight: var(--font-weight);
36
36
  line-height: var(--line-height);
37
37
  }
38
- :where(.Text-module__hop-Text--xs___uRZNm) {
38
+ :where(.Text-module__hop-Text--xs___YsuwL) {
39
39
  --font-size: var(--hop-Text-xs-font-size);
40
40
  --font-family: var(--hop-Text-xs-font-family);
41
41
  --font-weight: var(--hop-Text-xs-font-weight);
42
42
  --line-height: var(--hop-Text-xs-line-height);
43
43
  }
44
- :where(.Text-module__hop-Text--sm___LfDaA) {
44
+ :where(.Text-module__hop-Text--sm___9lTR-) {
45
45
  --font-size: var(--hop-Text-sm-font-size);
46
46
  --font-family: var(--hop-Text-sm-font-family);
47
47
  --font-weight: var(--hop-Text-sm-font-weight);
48
48
  --line-height: var(--hop-Text-sm-line-height);
49
49
  }
50
- :where(.Text-module__hop-Text--md___aGVbv) {
50
+ :where(.Text-module__hop-Text--md___to5eX) {
51
51
  --font-size: var(--hop-Text-md-font-size);
52
52
  --font-family: var(--hop-Text-md-font-family);
53
53
  --font-weight: var(--hop-Text-md-font-weight);
54
54
  --line-height: var(--hop-Text-md-line-height);
55
55
  }
56
- :where(.Text-module__hop-Text--lg___TgsRg) {
56
+ :where(.Text-module__hop-Text--lg___Y-6Mo) {
57
57
  --font-size: var(--hop-Text-lg-font-size);
58
58
  --font-family: var(--hop-Text-lg-font-family);
59
59
  --font-weight: var(--hop-Text-lg-font-weight);
60
60
  --line-height: var(--hop-Text-lg-line-height);
61
61
  }
62
- :where(.Text-module__hop-Text--xl___gAcxP) {
62
+ :where(.Text-module__hop-Text--xl___Qo9et) {
63
63
  --font-size: var(--hop-Text-xl-font-size);
64
64
  --font-family: var(--hop-Text-xl-font-family);
65
65
  --font-weight: var(--hop-Text-xl-font-weight);
66
66
  --line-height: var(--hop-Text-xl-line-height);
67
67
  }
68
- :where(.Text-module__hop-Text--2xl___n-9B9) {
68
+ :where(.Text-module__hop-Text--2xl___dViKj) {
69
69
  --font-size: var(--hop-Text-2xl-font-size);
70
70
  --font-family: var(--hop-Text-2xl-font-family);
71
71
  --font-weight: var(--hop-Text-2xl-font-weight);
72
72
  --line-height: var(--hop-Text-2xl-line-height);
73
73
  }
74
- :where(.Text-module__hop-Text--inherit___SEa0P) {
74
+ :where(.Text-module__hop-Text--inherit___uMHTH) {
75
75
  --font-size: var(--hop-Text-inherit-size-font-size);
76
76
  --font-family: var(--hop-Text-inherit-size-font-family);
77
77
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -79,7 +79,7 @@
79
79
  }
80
80
 
81
81
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
82
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___sG-Yd {
82
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___jKuOm {
83
83
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
84
84
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
85
85
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -110,46 +110,46 @@
110
110
  background-color: var(--background-color);
111
111
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
112
112
  }
113
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___h-WpU {
113
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___YOClX {
114
114
  --size: var(--hop-RichIconAvatarImage-xs-size);
115
115
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
116
116
  }
117
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___QasW- {
117
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___orivw {
118
118
  --size: var(--hop-RichIconAvatarImage-sm-size);
119
119
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
120
120
  }
121
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___QjQ3I {
121
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___0grkn {
122
122
  --size: var(--hop-RichIconAvatarImage-md-size);
123
123
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
124
124
  }
125
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___PrX57 {
125
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___qCvt- {
126
126
  --size: var(--hop-RichIconAvatarImage-lg-size);
127
127
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
128
128
  }
129
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___fZOdF {
129
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___lVnHc {
130
130
  --size: var(--hop-RichIconAvatarImage-xl-size);
131
131
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
132
132
  }
133
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___E-1I9 {
133
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___RlCbj {
134
134
  --size: var(--hop-RichIconAvatarImage-2xl-size);
135
135
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
136
136
  }
137
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___sG-Yd[data-disabled] {
137
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___jKuOm[data-disabled] {
138
138
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
139
139
  }
140
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___JDA4Q {
140
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___--Ntp {
141
141
  position: relative;
142
142
  display: block;
143
143
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
144
144
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
145
145
  }
146
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___sG-Yd[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___JDA4Q {
146
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___jKuOm[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___--Ntp {
147
147
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
148
148
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
149
149
  }
150
150
 
151
151
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/Avatar.module.css/#css-module-data */
152
- .Avatar-module__hop-Avatar___3ivfl {
152
+ .Avatar-module__hop-Avatar___IsFnk {
153
153
  --hop-Avatar-border-radius: var(--hop-shape-circle);
154
154
  --hop-Avatar-mix-blend-mode: normal;
155
155
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -194,67 +194,67 @@
194
194
  background-color: var(--background-color, transparent);
195
195
  border-radius: var(--hop-Avatar-border-radius);
196
196
  }
197
- .Avatar-module__hop-Avatar--xs___noWqr {
197
+ .Avatar-module__hop-Avatar--xs___xVZ4Y {
198
198
  --size: var(--hop-Avatar-xs-size);
199
199
  }
200
- .Avatar-module__hop-Avatar--sm___EG5oC {
200
+ .Avatar-module__hop-Avatar--sm___dAvAi {
201
201
  --size: var(--hop-Avatar-sm-size);
202
202
  }
203
- .Avatar-module__hop-Avatar--md___Q-9En {
203
+ .Avatar-module__hop-Avatar--md___v2kru {
204
204
  --size: var(--hop-Avatar-md-size);
205
205
  }
206
- .Avatar-module__hop-Avatar--lg___FBR3Q {
206
+ .Avatar-module__hop-Avatar--lg___4a7C- {
207
207
  --size: var(--hop-Avatar-lg-size);
208
208
  }
209
- .Avatar-module__hop-Avatar--xl___-BzUR {
209
+ .Avatar-module__hop-Avatar--xl___GGmZt {
210
210
  --size: var(--hop-Avatar-xl-size);
211
211
  }
212
- .Avatar-module__hop-Avatar--2xl___64QDk {
212
+ .Avatar-module__hop-Avatar--2xl___V0vm2 {
213
213
  --size: var(--hop-Avatar-2xl-size);
214
214
  }
215
- .Avatar-module__hop-Avatar--decorative-option1___NjQ2P {
215
+ .Avatar-module__hop-Avatar--decorative-option1___WjAhq {
216
216
  --background-color: var(--hop-Avatar-decorative-1-background-color);
217
217
  --text-color: var(--hop-Avatar-decorative-1-text-color);
218
218
  }
219
- .Avatar-module__hop-Avatar--decorative-option2___gJJB9 {
219
+ .Avatar-module__hop-Avatar--decorative-option2___lp7nc {
220
220
  --background-color: var(--hop-Avatar-decorative-2-background-color);
221
221
  --text-color: var(--hop-Avatar-decorative-2-text-color);
222
222
  }
223
- .Avatar-module__hop-Avatar--decorative-option3___d5E6d {
223
+ .Avatar-module__hop-Avatar--decorative-option3___L4QFf {
224
224
  --background-color: var(--hop-Avatar-decorative-3-background-color);
225
225
  --text-color: var(--hop-Avatar-decorative-3-text-color);
226
226
  }
227
- .Avatar-module__hop-Avatar--decorative-option4___BHoQj {
227
+ .Avatar-module__hop-Avatar--decorative-option4___XDAjT {
228
228
  --background-color: var(--hop-Avatar-decorative-4-background-color);
229
229
  --text-color: var(--hop-Avatar-decorative-4-text-color);
230
230
  }
231
- .Avatar-module__hop-Avatar--decorative-option5___UmjOH {
231
+ .Avatar-module__hop-Avatar--decorative-option5___HT6Yj {
232
232
  --background-color: var(--hop-Avatar-decorative-5-background-color);
233
233
  --text-color: var(--hop-Avatar-decorative-5-text-color);
234
234
  }
235
- .Avatar-module__hop-Avatar--decorative-option6___8CVbo {
235
+ .Avatar-module__hop-Avatar--decorative-option6___ID7fC {
236
236
  --background-color: var(--hop-Avatar-decorative-6-background-color);
237
237
  --text-color: var(--hop-Avatar-decorative-6-text-color);
238
238
  }
239
- .Avatar-module__hop-Avatar--decorative-option7___4ZFln {
239
+ .Avatar-module__hop-Avatar--decorative-option7___yDEQt {
240
240
  --background-color: var(--hop-Avatar-decorative-7-background-color);
241
241
  --text-color: var(--hop-Avatar-decorative-7-text-color);
242
242
  }
243
- .Avatar-module__hop-Avatar--decorative-option8___MvBiM {
243
+ .Avatar-module__hop-Avatar--decorative-option8___FKawW {
244
244
  --background-color: var(--hop-Avatar-decorative-8-background-color);
245
245
  --text-color: var(--hop-Avatar-decorative-8-text-color);
246
246
  }
247
- .Avatar-module__hop-Avatar--decorative-option9___z9oHT {
247
+ .Avatar-module__hop-Avatar--decorative-option9___y4zJc {
248
248
  --background-color: var(--hop-Avatar-decorative-9-background-color);
249
249
  --text-color: var(--hop-Avatar-decorative-9-text-color);
250
250
  }
251
- .Avatar-module__hop-Avatar___3ivfl[data-disabled] {
251
+ .Avatar-module__hop-Avatar___IsFnk[data-disabled] {
252
252
  --background-color: var(--hop-Avatar-background-color-disabled);
253
253
  --text-color: var(--hop-Avatar-text-color-disabled);
254
254
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
255
255
  isolation: isolate;
256
256
  }
257
- .Avatar-module__hop-Avatar__image___8lARV {
257
+ .Avatar-module__hop-Avatar__image___ikmZz {
258
258
  position: relative;
259
259
  display: block;
260
260
  box-sizing: border-box;
@@ -265,7 +265,7 @@
265
265
  }
266
266
 
267
267
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
268
- :where(.OverlineText-module__hop-OverlineText___kurkU) {
268
+ :where(.OverlineText-module__hop-OverlineText___N5J5g) {
269
269
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
270
270
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
271
271
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -289,26 +289,26 @@
289
289
  text-transform: uppercase;
290
290
  letter-spacing: var(--letter-spacing);
291
291
  }
292
- .OverlineText-module__hop-OverlineText__text___7uNsa {
292
+ .OverlineText-module__hop-OverlineText__text___EUFfb {
293
293
  box-sizing: border-box;
294
294
  }
295
- .OverlineText-module__hop-OverlineText__text___7uNsa::before,
296
- .OverlineText-module__hop-OverlineText__text___7uNsa::after {
295
+ .OverlineText-module__hop-OverlineText__text___EUFfb::before,
296
+ .OverlineText-module__hop-OverlineText__text___EUFfb::after {
297
297
  content: "";
298
298
  display: block;
299
299
  box-sizing: border-box;
300
300
  inline-size: 0;
301
301
  block-size: 0;
302
302
  }
303
- .OverlineText-module__hop-OverlineText__text___7uNsa::before {
303
+ .OverlineText-module__hop-OverlineText__text___EUFfb::before {
304
304
  margin-block-end: var(--bottom-offset);
305
305
  }
306
- .OverlineText-module__hop-OverlineText__text___7uNsa::after {
306
+ .OverlineText-module__hop-OverlineText__text___EUFfb::after {
307
307
  margin-block-start: var(--top-offset);
308
308
  }
309
309
 
310
310
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
311
- .Badge-module__hop-Badge___lrDM9 {
311
+ .Badge-module__hop-Badge___OCCIL {
312
312
  --hop-Badge-height: 1.5rem;
313
313
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
314
314
  --hop-Badge-border-radius: var(--hop-shape-pill);
@@ -332,21 +332,21 @@
332
332
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
333
333
  border-radius: var(--border-radius);
334
334
  }
335
- .Badge-module__hop-Badge--primary___B9IJu {
335
+ .Badge-module__hop-Badge--primary___-dKpN {
336
336
  --background-color: var(--hop-Badge-primary-background-color);
337
337
  --text-color: var(--hop-Badge-primary-text-color);
338
338
  }
339
- .Badge-module__hop-Badge--secondary___rsYF4 {
339
+ .Badge-module__hop-Badge--secondary___R7NCL {
340
340
  --background-color: var(--hop-Badge-secondary-background-color);
341
341
  --text-color: var(--hop-Badge-secondary-text-color);
342
342
  }
343
- .Badge-module__hop-Badge___lrDM9[data-disabled] {
343
+ .Badge-module__hop-Badge___OCCIL[data-disabled] {
344
344
  --background-color: var(--hop-Badge-background-color-disabled);
345
345
  --text-color: var(--hop-Badge-text-color-disabled);
346
346
  }
347
347
 
348
348
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
349
- .IconList-module__hop-IconList___-mdbp {
349
+ .IconList-module__hop-IconList___gfJWC {
350
350
  --hop-IconList-gap: var(--hop-space-inline-xs);
351
351
  display: flex;
352
352
  flex-wrap: wrap;
@@ -355,7 +355,7 @@
355
355
  }
356
356
 
357
357
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
358
- .Checkbox-module__hop-Checkbox___OTh5S {
358
+ .Checkbox-module__hop-Checkbox___RQpte {
359
359
  --hop-Checkbox-box-border-size: 0.0625rem;
360
360
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
361
361
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -430,63 +430,63 @@
430
430
  inline-size: max-content;
431
431
  max-inline-size: 100%;
432
432
  }
433
- .Checkbox-module__hop-Checkbox___OTh5S[data-focus-visible],
434
- .Checkbox-module__hop-Checkbox--focused___urS3p {
433
+ .Checkbox-module__hop-Checkbox___RQpte[data-focus-visible],
434
+ .Checkbox-module__hop-Checkbox--focused___sxf-2 {
435
435
  --box-background-color: var(--hop-Checkbox-box-background-color-focused);
436
436
  --box-border-color: var(--hop-Checkbox-box-border-color-focused);
437
437
  --box-outline: var(--hop-Checkbox-box-outline-size) solid var(--hop-Checkbox-box-outline-color);
438
438
  --text-color: var(--hop-Checkbox-text-color-focused);
439
439
  --icon-color: var(--hop-Checkbox-icon-color-focused);
440
440
  }
441
- .Checkbox-module__hop-Checkbox___OTh5S[data-hovered],
442
- .Checkbox-module__hop-Checkbox--hovered___Wwpsr {
441
+ .Checkbox-module__hop-Checkbox___RQpte[data-hovered],
442
+ .Checkbox-module__hop-Checkbox--hovered___9BGUP {
443
443
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered);
444
444
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered);
445
445
  --text-color: var(--hop-Checkbox-text-color-hovered);
446
446
  --icon-color: var(--hop-Checkbox-icon-color-hovered);
447
447
  }
448
- .Checkbox-module__hop-Checkbox___OTh5S[data-pressed],
449
- .Checkbox-module__hop-Checkbox--pressed___tG3Hj {
448
+ .Checkbox-module__hop-Checkbox___RQpte[data-pressed],
449
+ .Checkbox-module__hop-Checkbox--pressed___o-zB5 {
450
450
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
451
451
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
452
452
  --text-color: var(--hop-Checkbox-text-color-pressed);
453
453
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
454
454
  }
455
- .Checkbox-module__hop-Checkbox___OTh5S[data-selected] {
455
+ .Checkbox-module__hop-Checkbox___RQpte[data-selected] {
456
456
  --box-background-color: var(--hop-Checkbox-box-background-color-selected);
457
457
  --box-border-color: var(--hop-Checkbox-box-border-color-selected);
458
458
  --check-display: var(--hop-Checkbox-check-display-selected);
459
459
  --text-color: var(--hop-Checkbox-text-color-selected);
460
460
  --icon-color: var(--hop-Checkbox-icon-color-selected);
461
461
  }
462
- .Checkbox-module__hop-Checkbox___OTh5S[data-invalid] {
462
+ .Checkbox-module__hop-Checkbox___RQpte[data-invalid] {
463
463
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
464
464
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
465
465
  --check-color: var(--hop-Checkbox-check-color-invalid);
466
466
  --text-color: var(--hop-Checkbox-text-color-invalid);
467
467
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
468
468
  }
469
- .Checkbox-module__hop-Checkbox___OTh5S[data-invalid]:where([data-focus-visible], .Checkbox-module__hop-Checkbox--focused___urS3p) {
469
+ .Checkbox-module__hop-Checkbox___RQpte[data-invalid]:where([data-focus-visible], .Checkbox-module__hop-Checkbox--focused___sxf-2) {
470
470
  --box-background-color: var(--hop-Checkbox-box-background-color-focused-invalid);
471
471
  --box-border-color: var(--hop-Checkbox-box-border-color-focused-invalid);
472
472
  }
473
- .Checkbox-module__hop-Checkbox___OTh5S[data-invalid]:where([data-hovered], .Checkbox-module__hop-Checkbox--hovered___Wwpsr) {
473
+ .Checkbox-module__hop-Checkbox___RQpte[data-invalid]:where([data-hovered], .Checkbox-module__hop-Checkbox--hovered___9BGUP) {
474
474
  --box-background-color: var(--hop-Checkbox-box-background-color-hovered-invalid);
475
475
  --box-border-color: var(--hop-Checkbox-box-border-color-hovered-invalid);
476
476
  --text-color: var(--hop-Checkbox-text-color-hovered-invalid);
477
477
  --icon-color: var(--hop-Checkbox-icon-color-hovered-invalid);
478
478
  }
479
- .Checkbox-module__hop-Checkbox___OTh5S[data-invalid]:where([data-pressed], .Checkbox-module__hop-Checkbox--pressed___tG3Hj) {
479
+ .Checkbox-module__hop-Checkbox___RQpte[data-invalid]:where([data-pressed], .Checkbox-module__hop-Checkbox--pressed___o-zB5) {
480
480
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
481
481
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
482
482
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
483
483
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
484
484
  }
485
- .Checkbox-module__hop-Checkbox___OTh5S:where([data-invalid])[data-selected] {
485
+ .Checkbox-module__hop-Checkbox___RQpte:where([data-invalid])[data-selected] {
486
486
  --box-background-color: var(--hop-Checkbox-box-background-color-selected-invalid);
487
487
  --box-border-color: var(--hop-Checkbox-box-border-color-selected-invalid);
488
488
  }
489
- .Checkbox-module__hop-Checkbox___OTh5S[data-disabled] {
489
+ .Checkbox-module__hop-Checkbox___RQpte[data-disabled] {
490
490
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
491
491
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
492
492
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -494,25 +494,25 @@
494
494
  --text-color: var(--hop-Checkbox-text-color-disabled);
495
495
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
496
496
  }
497
- .Checkbox-module__hop-Checkbox--sm___gKd-M {
497
+ .Checkbox-module__hop-Checkbox--sm___2KCPX {
498
498
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
499
499
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
500
500
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
501
501
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
502
502
  }
503
- .Checkbox-module__hop-Checkbox--md___WAPyo {
503
+ .Checkbox-module__hop-Checkbox--md___WC3aH {
504
504
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
505
505
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
506
506
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
507
507
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
508
508
  }
509
- .Checkbox-module__hop-Checkbox__icon___SzESn,
510
- .Checkbox-module__hop-Checkbox__icon-list___lWkgH {
509
+ .Checkbox-module__hop-Checkbox__icon___L-2Lw,
510
+ .Checkbox-module__hop-Checkbox__icon-list___vNkoh {
511
511
  flex: 0 0 auto;
512
512
  order: 3;
513
513
  color: var(--icon-color);
514
514
  }
515
- .Checkbox-module__hop-Checkbox__box___UxA4d {
515
+ .Checkbox-module__hop-Checkbox__box___ZGHp6 {
516
516
  display: flex;
517
517
  flex: 0 0 auto;
518
518
  align-items: center;
@@ -528,11 +528,11 @@
528
528
  outline-offset: 0.125rem;
529
529
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
530
530
  }
531
- .Checkbox-module__hop-Checkbox__check___iNG2Y {
531
+ .Checkbox-module__hop-Checkbox__check___kD0CL {
532
532
  display: var(--check-display);
533
533
  color: var(--check-color);
534
534
  }
535
- .Checkbox-module__hop-Checkbox__text___-kuqp {
535
+ .Checkbox-module__hop-Checkbox__text___YwAjq {
536
536
  flex: 0 1 auto;
537
537
  order: 2;
538
538
  min-inline-size: 0;
@@ -542,7 +542,7 @@
542
542
  }
543
543
 
544
544
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
545
- .CheckboxField-module__hop-CheckboxField___5uBr4 {
545
+ .CheckboxField-module__hop-CheckboxField___X9IXA {
546
546
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
547
547
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
548
548
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -561,28 +561,28 @@
561
561
  inline-size: max-content;
562
562
  max-inline-size: 100%;
563
563
  }
564
- .CheckboxField-module__hop-CheckboxField___5uBr4[data-disabled] {
564
+ .CheckboxField-module__hop-CheckboxField___X9IXA[data-disabled] {
565
565
  --description-color: var(--hop-CheckboxField-description-color-disabled);
566
566
  }
567
- .CheckboxField-module__hop-CheckboxField--sm___xPpv7 {
567
+ .CheckboxField-module__hop-CheckboxField--sm___lXT-t {
568
568
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
569
569
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
570
570
  }
571
- .CheckboxField-module__hop-CheckboxField--md___QtMwz {
571
+ .CheckboxField-module__hop-CheckboxField--md___-KAiM {
572
572
  --row-gap: var(--hop-CheckboxField-md-row-gap);
573
573
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
574
574
  }
575
- .CheckboxField-module__hop-CheckboxField__description___6r3ox {
575
+ .CheckboxField-module__hop-CheckboxField__description___7XYfp {
576
576
  order: 2;
577
577
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
578
578
  color: var(--description-color);
579
579
  }
580
- .CheckboxField-module__hop-CheckboxField__checkbox___4P-Q8 {
580
+ .CheckboxField-module__hop-CheckboxField__checkbox___98XHd {
581
581
  order: 1;
582
582
  }
583
583
 
584
584
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
585
- .ErrorMessage-module__hop-ErrorMessage___6qmlS {
585
+ .ErrorMessage-module__hop-ErrorMessage___mPK9U {
586
586
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
587
587
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
588
588
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -599,13 +599,13 @@
599
599
  line-height: var(--hop-ErrorMessage-line-height);
600
600
  color: var(--hop-ErrorMessage-color);
601
601
  }
602
- .ErrorMessage-module__hop-ErrorMessage__icon___m4Mae {
602
+ .ErrorMessage-module__hop-ErrorMessage__icon___blB3q {
603
603
  flex: 0 0 auto;
604
604
  align-self: flex-start;
605
605
  }
606
606
 
607
607
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
608
- .HelperMessage-module__hop-HelperMessage___KQaJ4 {
608
+ .HelperMessage-module__hop-HelperMessage___g-wQa {
609
609
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
610
610
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
611
611
  display: flex;
@@ -614,32 +614,32 @@
614
614
  box-sizing: border-box;
615
615
  color: var(--hop-HelperMessage-color);
616
616
  }
617
- .HelperMessage-module__hop-HelperMessage__icon___1a1jj {
617
+ .HelperMessage-module__hop-HelperMessage__icon___3-slU {
618
618
  flex: 0 0 auto;
619
619
  align-self: flex-start;
620
620
  }
621
621
 
622
622
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
623
- .Label-module__hop-Label___L4zrw {
623
+ .Label-module__hop-Label___43PE1 {
624
624
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
625
625
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
626
626
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
627
627
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
628
628
  --hop-Label-color: var(--hop-neutral-text-weak);
629
629
  }
630
- :where(.Label-module__hop-Label___L4zrw) {
630
+ :where(.Label-module__hop-Label___43PE1) {
631
631
  font-family: var(--hop-Label-font-family);
632
632
  font-size: var(--hop-Label-font-size);
633
633
  font-weight: var(--hop-Label-font-weight);
634
634
  line-height: var(--hop-Label-line-height);
635
635
  color: var(--hop-Label-color);
636
636
  }
637
- :where(.Label-module__hop-Label__indicator___mWy1n) {
637
+ :where(.Label-module__hop-Label__indicator___PXvS0) {
638
638
  padding-inline-start: var(--hop-space-20);
639
639
  }
640
640
 
641
641
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
642
- .CheckboxGroup-module__hop-CheckboxGroup___ElEYk {
642
+ .CheckboxGroup-module__hop-CheckboxGroup___nBYJh {
643
643
  --hop-CheckboxGroup-align-items: flex-start;
644
644
  --hop-CheckboxGroup-justify-content: flex-start;
645
645
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -678,46 +678,46 @@
678
678
  inline-size: max-content;
679
679
  max-inline-size: 100%;
680
680
  }
681
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___oEe87 {
681
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___-8cjG {
682
682
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
683
683
  --list-border-radius: var(--hop-shape-rounded-md);
684
684
  }
685
- .CheckboxGroup-module__hop-CheckboxGroup--sm___ETF-H {
685
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___gUe3Q {
686
686
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
687
687
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
688
688
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
689
689
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
690
690
  }
691
- .CheckboxGroup-module__hop-CheckboxGroup--md___5bM6E {
691
+ .CheckboxGroup-module__hop-CheckboxGroup--md___KRNPK {
692
692
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
693
693
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
694
694
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
695
695
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
696
696
  }
697
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___oEe87.CheckboxGroup-module__hop-CheckboxGroup--sm___ETF-H {
697
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___-8cjG.CheckboxGroup-module__hop-CheckboxGroup--sm___gUe3Q {
698
698
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
699
699
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
700
700
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
701
701
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
702
702
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
703
703
  }
704
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___oEe87.CheckboxGroup-module__hop-CheckboxGroup--md___5bM6E {
704
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___-8cjG.CheckboxGroup-module__hop-CheckboxGroup--md___KRNPK {
705
705
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
706
706
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
707
707
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
708
708
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
709
709
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
710
710
  }
711
- .CheckboxGroup-module__hop-CheckboxGroup___ElEYk[data-orientation=horizontal] {
711
+ .CheckboxGroup-module__hop-CheckboxGroup___nBYJh[data-orientation=horizontal] {
712
712
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
713
713
  }
714
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___oEe87[data-orientation=horizontal] {
714
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___-8cjG[data-orientation=horizontal] {
715
715
  --flex-wrap: nowrap;
716
716
  }
717
- .CheckboxGroup-module__hop-CheckboxGroup___ElEYk > .CheckboxGroup-module__hop-CheckboxGroup__label___zvdEY {
717
+ .CheckboxGroup-module__hop-CheckboxGroup___nBYJh > .CheckboxGroup-module__hop-CheckboxGroup__label___JwdnG {
718
718
  order: 1;
719
719
  }
720
- .CheckboxGroup-module__hop-CheckboxGroup__list___-cq2A {
720
+ .CheckboxGroup-module__hop-CheckboxGroup__list___hWoaT {
721
721
  display: flex;
722
722
  flex-flow: var(--flex-direction) var(--flex-wrap);
723
723
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -728,7 +728,7 @@
728
728
  border: var(--list-border, none);
729
729
  border-radius: var(--list-border-radius, 0);
730
730
  }
731
- .CheckboxGroup-module__hop-CheckboxGroup__list___-cq2A > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___GhnAo {
731
+ .CheckboxGroup-module__hop-CheckboxGroup__list___hWoaT > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___DUT6w {
732
732
  position: relative;
733
733
  flex: 0 1 auto;
734
734
  align-content: start;
@@ -736,28 +736,28 @@
736
736
  min-inline-size: 0;
737
737
  padding: var(--checkbox-padding, 0);
738
738
  }
739
- .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 {
739
+ .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 {
740
740
  content: "";
741
741
  position: absolute;
742
742
  display: block;
743
743
  }
744
- .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 {
744
+ .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 {
745
745
  inset-block-start: 0;
746
746
  inset-inline: 0;
747
747
  border-block-start: var(--list-border, none);
748
748
  }
749
- .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 {
749
+ .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 {
750
750
  inset-block: 0;
751
751
  inset-inline-start: 0;
752
752
  border-inline-start: var(--list-border, none);
753
753
  }
754
- .CheckboxGroup-module__hop-CheckboxGroup___ElEYk > .CheckboxGroup-module__hop-CheckboxGroup__error-message___wZAUv,
755
- .CheckboxGroup-module__hop-CheckboxGroup___ElEYk > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___qN21A {
754
+ .CheckboxGroup-module__hop-CheckboxGroup___nBYJh > .CheckboxGroup-module__hop-CheckboxGroup__error-message___mtOo4,
755
+ .CheckboxGroup-module__hop-CheckboxGroup___nBYJh > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___CysB1 {
756
756
  order: 3;
757
757
  }
758
758
 
759
759
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
760
- .Radio-module__hop-Radio___2E1Ba {
760
+ .Radio-module__hop-Radio___W0NkE {
761
761
  --hop-Radio-box-border-size: 0.0625rem;
762
762
  --hop-Radio-box-border-color: var(--hop-neutral-border);
763
763
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -831,63 +831,63 @@
831
831
  inline-size: max-content;
832
832
  max-inline-size: 100%;
833
833
  }
834
- .Radio-module__hop-Radio___2E1Ba[data-focus-visible],
835
- .Radio-module__hop-Radio--focused___uZjvZ {
834
+ .Radio-module__hop-Radio___W0NkE[data-focus-visible],
835
+ .Radio-module__hop-Radio--focused___37nBy {
836
836
  --box-background-color: var(--hop-Radio-box-background-color-focused);
837
837
  --box-border-color: var(--hop-Radio-box-border-color-focused);
838
838
  --box-outline: var(--hop-Radio-box-outline-size) solid var(--hop-Radio-box-outline-color);
839
839
  --text-color: var(--hop-Radio-text-color-focused);
840
840
  --icon-color: var(--hop-Radio-icon-color-focused);
841
841
  }
842
- .Radio-module__hop-Radio___2E1Ba[data-hovered],
843
- .Radio-module__hop-Radio--hovered___I3nXi {
842
+ .Radio-module__hop-Radio___W0NkE[data-hovered],
843
+ .Radio-module__hop-Radio--hovered___bnBdz {
844
844
  --box-background-color: var(--hop-Radio-box-background-color-hovered);
845
845
  --box-border-color: var(--hop-Radio-box-border-color-hovered);
846
846
  --text-color: var(--hop-Radio-text-color-hovered);
847
847
  --icon-color: var(--hop-Radio-icon-color-hovered);
848
848
  }
849
- .Radio-module__hop-Radio___2E1Ba[data-pressed],
850
- .Radio-module__hop-Radio--pressed___g-XN4 {
849
+ .Radio-module__hop-Radio___W0NkE[data-pressed],
850
+ .Radio-module__hop-Radio--pressed___Idq0t {
851
851
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
852
852
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
853
853
  --text-color: var(--hop-Radio-text-color-pressed);
854
854
  --icon-color: var(--hop-Radio-icon-color-pressed);
855
855
  }
856
- .Radio-module__hop-Radio___2E1Ba[data-selected] {
856
+ .Radio-module__hop-Radio___W0NkE[data-selected] {
857
857
  --box-background-color: var(--hop-Radio-box-background-color-selected);
858
858
  --box-border-color: var(--hop-Radio-box-border-color-selected);
859
859
  --bullet-display: var(--hop-Radio-bullet-display-selected);
860
860
  --text-color: var(--hop-Radio-text-color-selected);
861
861
  --icon-color: var(--hop-Radio-icon-color-selected);
862
862
  }
863
- .Radio-module__hop-Radio___2E1Ba[data-invalid] {
863
+ .Radio-module__hop-Radio___W0NkE[data-invalid] {
864
864
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
865
865
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
866
866
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
867
867
  --text-color: var(--hop-Radio-text-color-invalid);
868
868
  --icon-color: var(--hop-Radio-icon-color-invalid);
869
869
  }
870
- .Radio-module__hop-Radio___2E1Ba:where([data-invalid])[data-focus-visible] {
870
+ .Radio-module__hop-Radio___W0NkE:where([data-invalid])[data-focus-visible] {
871
871
  --box-background-color: var(--hop-Radio-box-background-color-focused-invalid);
872
872
  --box-border-color: var(--hop-Radio-box-border-color-focused-invalid);
873
873
  }
874
- .Radio-module__hop-Radio___2E1Ba:where([data-invalid])[data-hovered] {
874
+ .Radio-module__hop-Radio___W0NkE:where([data-invalid])[data-hovered] {
875
875
  --box-background-color: var(--hop-Radio-box-background-color-hovered-invalid);
876
876
  --box-border-color: var(--hop-Radio-box-border-color-hovered-invalid);
877
877
  --text-color: var(--hop-Radio-text-color-hovered-invalid);
878
878
  --icon-color: var(--hop-Radio-text-color-hovered-invalid);
879
879
  }
880
- .Radio-module__hop-Radio___2E1Ba:where([data-invalid])[data-pressed] {
880
+ .Radio-module__hop-Radio___W0NkE:where([data-invalid])[data-pressed] {
881
881
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
882
882
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
883
883
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
884
884
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
885
885
  }
886
- .Radio-module__hop-Radio___2E1Ba:where([data-invalid])[data-selected] {
886
+ .Radio-module__hop-Radio___W0NkE:where([data-invalid])[data-selected] {
887
887
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
888
888
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
889
889
  }
890
- .Radio-module__hop-Radio___2E1Ba[data-disabled] {
890
+ .Radio-module__hop-Radio___W0NkE[data-disabled] {
891
891
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
892
892
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
893
893
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -895,25 +895,25 @@
895
895
  --text-color: var(--hop-Radio-text-color-disabled);
896
896
  --icon-color: var(--hop-Radio-icon-color-disabled);
897
897
  }
898
- .Radio-module__hop-Radio--sm___fb-Zv {
898
+ .Radio-module__hop-Radio--sm___Xk9cY {
899
899
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
900
900
  --box-block-size: var(--hop-Radio-box-sm-block-size);
901
901
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
902
902
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
903
903
  }
904
- .Radio-module__hop-Radio--md___WvIhk {
904
+ .Radio-module__hop-Radio--md___Ookee {
905
905
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
906
906
  --box-block-size: var(--hop-Radio-box-md-block-size);
907
907
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
908
908
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
909
909
  }
910
- .Radio-module__hop-Radio__icon___f49M7,
911
- .Radio-module__hop-Radio__icon-list___65C4k {
910
+ .Radio-module__hop-Radio__icon___V-YEN,
911
+ .Radio-module__hop-Radio__icon-list___-ZAQI {
912
912
  flex: 0 0 auto;
913
913
  order: 3;
914
914
  color: var(--icon-color);
915
915
  }
916
- .Radio-module__hop-Radio__box___HLxF3 {
916
+ .Radio-module__hop-Radio__box___o2-Za {
917
917
  display: flex;
918
918
  flex: 0 0 auto;
919
919
  align-items: center;
@@ -929,11 +929,11 @@
929
929
  outline-offset: 0.125rem;
930
930
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
931
931
  }
932
- .Radio-module__hop-Radio__bullet___SgKK1 {
932
+ .Radio-module__hop-Radio__bullet___c4d6u {
933
933
  display: var(--bullet-display);
934
934
  color: var(--bullet-color);
935
935
  }
936
- .Radio-module__hop-Radio__text___uZHkI {
936
+ .Radio-module__hop-Radio__text___3HhWA {
937
937
  flex: 0 1 auto;
938
938
  order: 2;
939
939
  min-inline-size: 0;
@@ -943,7 +943,7 @@
943
943
  }
944
944
 
945
945
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
946
- .RadioField-module__hop-RadioField___uuirX {
946
+ .RadioField-module__hop-RadioField___iH4DX {
947
947
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
948
948
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
949
949
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -962,28 +962,28 @@
962
962
  inline-size: max-content;
963
963
  max-inline-size: 100%;
964
964
  }
965
- .RadioField-module__hop-RadioField___uuirX[data-disabled] {
965
+ .RadioField-module__hop-RadioField___iH4DX[data-disabled] {
966
966
  --description-color: var(--hop-RadioField-description-color-disabled);
967
967
  }
968
- .RadioField-module__hop-RadioField--sm___1lfkD {
968
+ .RadioField-module__hop-RadioField--sm___82LpO {
969
969
  --row-gap: var(--hop-RadioField-sm-row-gap);
970
970
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
971
971
  }
972
- .RadioField-module__hop-RadioField--md___ytruf {
972
+ .RadioField-module__hop-RadioField--md___mHhI1 {
973
973
  --row-gap: var(--hop-RadioField-md-row-gap);
974
974
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
975
975
  }
976
- .RadioField-module__hop-RadioField__description___waqNk {
976
+ .RadioField-module__hop-RadioField__description___VXjob {
977
977
  order: 2;
978
978
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
979
979
  color: var(--description-color);
980
980
  }
981
- .RadioField-module__hop-RadioField__radio___ySRK1 {
981
+ .RadioField-module__hop-RadioField__radio___-LJe8 {
982
982
  order: 1;
983
983
  }
984
984
 
985
985
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
986
- .RadioGroup-module__hop-RadioGroup___v9ff9 {
986
+ .RadioGroup-module__hop-RadioGroup___uUMYg {
987
987
  --hop-RadioGroup-align-items: flex-start;
988
988
  --hop-RadioGroup-justify-content: flex-start;
989
989
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1023,46 +1023,46 @@
1023
1023
  inline-size: var(--inline-size);
1024
1024
  max-inline-size: 100%;
1025
1025
  }
1026
- .RadioGroup-module__hop-RadioGroup--bordered___R-avt {
1026
+ .RadioGroup-module__hop-RadioGroup--bordered___GS69Y {
1027
1027
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
1028
1028
  --list-border-radius: var(--hop-shape-rounded-md);
1029
1029
  }
1030
- .RadioGroup-module__hop-RadioGroup--sm___y9WU9 {
1030
+ .RadioGroup-module__hop-RadioGroup--sm___aaj9S {
1031
1031
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
1032
1032
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
1033
1033
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
1034
1034
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
1035
1035
  }
1036
- .RadioGroup-module__hop-RadioGroup--md___P8zUK {
1036
+ .RadioGroup-module__hop-RadioGroup--md___GZDza {
1037
1037
  --column-gap: var(--hop-RadioGroup-md-column-gap);
1038
1038
  --row-gap: var(--hop-RadioGroup-md-row-gap);
1039
1039
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
1040
1040
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
1041
1041
  }
1042
- .RadioGroup-module__hop-RadioGroup--bordered___R-avt.RadioGroup-module__hop-RadioGroup--sm___y9WU9 {
1042
+ .RadioGroup-module__hop-RadioGroup--bordered___GS69Y.RadioGroup-module__hop-RadioGroup--sm___aaj9S {
1043
1043
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
1044
1044
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
1045
1045
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
1046
1046
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
1047
1047
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
1048
1048
  }
1049
- .RadioGroup-module__hop-RadioGroup--bordered___R-avt.RadioGroup-module__hop-RadioGroup--md___P8zUK {
1049
+ .RadioGroup-module__hop-RadioGroup--bordered___GS69Y.RadioGroup-module__hop-RadioGroup--md___GZDza {
1050
1050
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
1051
1051
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
1052
1052
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
1053
1053
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
1054
1054
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
1055
1055
  }
1056
- .RadioGroup-module__hop-RadioGroup___v9ff9[data-orientation=horizontal] {
1056
+ .RadioGroup-module__hop-RadioGroup___uUMYg[data-orientation=horizontal] {
1057
1057
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
1058
1058
  }
1059
- .RadioGroup-module__hop-RadioGroup--bordered___R-avt[data-orientation=horizontal] {
1059
+ .RadioGroup-module__hop-RadioGroup--bordered___GS69Y[data-orientation=horizontal] {
1060
1060
  --flex-wrap: nowrap;
1061
1061
  }
1062
- .RadioGroup-module__hop-RadioGroup___v9ff9 > .RadioGroup-module__hop-RadioGroup__label___jZY0d {
1062
+ .RadioGroup-module__hop-RadioGroup___uUMYg > .RadioGroup-module__hop-RadioGroup__label___6FEgv {
1063
1063
  order: 1;
1064
1064
  }
1065
- .RadioGroup-module__hop-RadioGroup__list___HGSkD {
1065
+ .RadioGroup-module__hop-RadioGroup__list___ram8I {
1066
1066
  display: flex;
1067
1067
  flex-flow: var(--flex-direction) var(--flex-wrap);
1068
1068
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1073,7 +1073,7 @@
1073
1073
  border: var(--list-border, none);
1074
1074
  border-radius: var(--list-border-radius, 0);
1075
1075
  }
1076
- .RadioGroup-module__hop-RadioGroup__list___HGSkD > .RadioGroup-module__hop-RadioGroup__radio___8y02f {
1076
+ .RadioGroup-module__hop-RadioGroup__list___ram8I > .RadioGroup-module__hop-RadioGroup__radio___Wg80N {
1077
1077
  position: relative;
1078
1078
  flex: 0 1 auto;
1079
1079
  align-content: start;
@@ -1081,28 +1081,28 @@
1081
1081
  min-inline-size: 0;
1082
1082
  padding: var(--radio-padding, 0);
1083
1083
  }
1084
- .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 {
1084
+ .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 {
1085
1085
  content: "";
1086
1086
  position: absolute;
1087
1087
  display: block;
1088
1088
  }
1089
- .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 {
1089
+ .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 {
1090
1090
  inset-block-start: 0;
1091
1091
  inset-inline: 0;
1092
1092
  border-block-start: var(--list-border, none);
1093
1093
  }
1094
- .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 {
1094
+ .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 {
1095
1095
  inset-block: 0;
1096
1096
  inset-inline-start: 0;
1097
1097
  border-inline-start: var(--list-border, none);
1098
1098
  }
1099
- .RadioGroup-module__hop-RadioGroup___v9ff9 > .RadioGroup-module__hop-RadioGroup__error-message___2aZin,
1100
- .RadioGroup-module__hop-RadioGroup___v9ff9 > .RadioGroup-module__hop-RadioGroup__helper-message___ip2nD {
1099
+ .RadioGroup-module__hop-RadioGroup___uUMYg > .RadioGroup-module__hop-RadioGroup__error-message___xY86-,
1100
+ .RadioGroup-module__hop-RadioGroup___uUMYg > .RadioGroup-module__hop-RadioGroup__helper-message___vidfD {
1101
1101
  order: 3;
1102
1102
  }
1103
1103
 
1104
1104
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItemSkeleton.module.css/#css-module-data */
1105
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___wrIL3 {
1105
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton___gNkoN {
1106
1106
  --hop-ListBoxItemSkeleton-background-color: var(--hop-rock-50);
1107
1107
  --hop-ListBoxItemSkeleton-background-color-dark: var(--hop-rock-75);
1108
1108
  --hop-ListBoxItemSkeleton-border-radius: var(--hop-shape-rounded-md);
@@ -1128,7 +1128,7 @@
1128
1128
  background-image: var(--hop-ListBoxItemSkeleton-linear-gradient);
1129
1129
  background-size: 400% 100%;
1130
1130
  border-radius: var(--hop-ListBoxItemSkeleton-border-radius);
1131
- animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___kPWk2;
1131
+ animation-name: ListBoxItemSkeleton-module__placeholder-shimmer___NWJHR;
1132
1132
  animation-duration: var(--animation-duration);
1133
1133
  animation-timing-function: ease-in-out;
1134
1134
  animation-fill-mode: forwards;
@@ -1137,19 +1137,19 @@
1137
1137
  --animation-duration: var(--hop-ListBoxItemSkeleton-animation-reduced-motion-duration);
1138
1138
  }
1139
1139
  }
1140
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___cHo6m {
1140
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--xs___FVwx5 {
1141
1141
  --height: var(--hop-ListBoxItemSkeleton-xs-height);
1142
1142
  }
1143
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___Kyk8k {
1143
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--sm___NUBWK {
1144
1144
  --height: var(--hop-ListBoxItemSkeleton-sm-height);
1145
1145
  }
1146
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___a5cds {
1146
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--md___8jdqN {
1147
1147
  --height: var(--hop-ListBoxItemSkeleton-md-height);
1148
1148
  }
1149
- .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___dn0c2 {
1149
+ .ListBoxItemSkeleton-module__hop-ListBoxItemSkeleton--lg___e6YxG {
1150
1150
  --height: var(--hop-ListBoxItemSkeleton-lg-height);
1151
1151
  }
1152
- @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___kPWk2 {
1152
+ @keyframes ListBoxItemSkeleton-module__placeholder-shimmer___NWJHR {
1153
1153
  0% {
1154
1154
  background-position: 125% 50%;
1155
1155
  }
@@ -1159,7 +1159,7 @@
1159
1159
  }
1160
1160
 
1161
1161
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ListBox/src/ListBoxItem.module.css/#css-module-data */
1162
- .ListBoxItem-module__hop-ListBoxItem___u6Es7 {
1162
+ .ListBoxItem-module__hop-ListBoxItem___KW-Fj {
1163
1163
  --hop-ListBoxItem-background-color: transparent;
1164
1164
  --hop-ListBoxItem-border-radius: var(--hop-shape-rounded-md);
1165
1165
  --hop-ListBoxItem-text-color: var(--hop-neutral-text);
@@ -1247,113 +1247,113 @@
1247
1247
  border-radius: var(--hop-ListBoxItem-border-radius);
1248
1248
  outline: var(--outline);
1249
1249
  }
1250
- .ListBoxItem-module__hop-ListBoxItem--xs___yXyVw {
1250
+ .ListBoxItem-module__hop-ListBoxItem--xs___mWNki {
1251
1251
  --padding-block: var(--hop-ListBoxItem-xs-padding-block);
1252
1252
  --padding-inline: var(--hop-ListBoxItem-xs-padding-inline);
1253
1253
  --min-height: var(--hop-ListBoxItem-xs-min-height);
1254
1254
  --avatar-margin-block: var(--hop-ListBoxItem-xs-avatar-margin-block);
1255
1255
  }
1256
- .ListBoxItem-module__hop-ListBoxItem--sm___937pQ {
1256
+ .ListBoxItem-module__hop-ListBoxItem--sm___b8UQ1 {
1257
1257
  --padding-block: var(--hop-ListBoxItem-sm-padding-block);
1258
1258
  --padding-inline: var(--hop-ListBoxItem-sm-padding-inline);
1259
1259
  --min-height: var(--hop-ListBoxItem-sm-min-height);
1260
1260
  --avatar-margin-block: var(--hop-ListBoxItem-sm-avatar-margin-block);
1261
1261
  }
1262
- .ListBoxItem-module__hop-ListBoxItem--md___ymimv {
1262
+ .ListBoxItem-module__hop-ListBoxItem--md___vnKzK {
1263
1263
  --padding-block: var(--hop-ListBoxItem-md-padding-block);
1264
1264
  --padding-inline: var(--hop-ListBoxItem-md-padding-inline);
1265
1265
  --min-height: var(--hop-ListBoxItem-md-min-height);
1266
1266
  --avatar-margin-block: var(--hop-ListBoxItem-md-avatar-margin-block);
1267
1267
  }
1268
- .ListBoxItem-module__hop-ListBoxItem--lg___1mW38 {
1268
+ .ListBoxItem-module__hop-ListBoxItem--lg___uNSNE {
1269
1269
  --padding-block: var(--hop-ListBoxItem-lg-padding-block);
1270
1270
  --padding-inline: var(--hop-ListBoxItem-lg-padding-inline);
1271
1271
  --min-height: var(--hop-ListBoxItem-lg-min-height);
1272
1272
  --avatar-margin-block: var(--hop-ListBoxItem-lg-avatar-margin-block);
1273
1273
  }
1274
- .ListBoxItem-module__hop-ListBoxItem___u6Es7[data-selection-mode] {
1274
+ .ListBoxItem-module__hop-ListBoxItem___KW-Fj[data-selection-mode] {
1275
1275
  --cursor: pointer;
1276
1276
  }
1277
- .ListBoxItem-module__hop-ListBoxItem___u6Es7:not([data-selection-mode]) {
1277
+ .ListBoxItem-module__hop-ListBoxItem___KW-Fj:not([data-selection-mode]) {
1278
1278
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1279
1279
  }
1280
- .ListBoxItem-module__hop-ListBoxItem__inner___I35FE:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___LAbSz) {
1280
+ .ListBoxItem-module__hop-ListBoxItem__inner___hBeAr:not([data-list-has-selection]):has(.ListBoxItem-module__hop-ListBoxItem__checkmark___DcHi6) {
1281
1281
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-not-selected);
1282
1282
  }
1283
- .ListBoxItem-module__hop-ListBoxItem__inner___I35FE[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___LAbSz) {
1283
+ .ListBoxItem-module__hop-ListBoxItem__inner___hBeAr[data-list-has-selection-end]:has(.ListBoxItem-module__hop-ListBoxItem__checkmark___DcHi6) {
1284
1284
  --checkmark-transition: none;
1285
1285
  }
1286
- .ListBoxItem-module__hop-ListBoxItem___u6Es7[data-selected] {
1286
+ .ListBoxItem-module__hop-ListBoxItem___KW-Fj[data-selected] {
1287
1287
  --background-color: var(--hop-ListBoxItem-background-color-selected);
1288
1288
  --text-color: var(--hop-ListBoxItem-text-color-selected);
1289
1289
  --icon-color: var(--hop-ListBoxItem-icon-color-selected);
1290
1290
  --checkmark-opacity: 1;
1291
1291
  }
1292
- .ListBoxItem-module__hop-ListBoxItem___u6Es7[data-focus-visible] {
1292
+ .ListBoxItem-module__hop-ListBoxItem___KW-Fj[data-focus-visible] {
1293
1293
  --background-color: var(--hop-ListBoxItem-background-color-focused);
1294
1294
  --text-color: var(--hop-ListBoxItem-text-color-focused);
1295
1295
  --icon-color: var(--hop-ListBoxItem-icon-color-focused);
1296
1296
  --outline: var(--hop-ListBoxItem-outline-size) solid var(--hop-ListBoxItem-outline-color);
1297
1297
  }
1298
- .ListBoxItem-module__hop-ListBoxItem___u6Es7[data-hovered] {
1298
+ .ListBoxItem-module__hop-ListBoxItem___KW-Fj[data-hovered] {
1299
1299
  --background-color: var(--hop-ListBoxItem-background-color-hovered);
1300
1300
  --text-color: var(--hop-ListBoxItem-text-color-hovered);
1301
1301
  --icon-color: var(--hop-ListBoxItem-icon-color-hovered);
1302
1302
  }
1303
- .ListBoxItem-module__hop-ListBoxItem___u6Es7[data-pressed] {
1303
+ .ListBoxItem-module__hop-ListBoxItem___KW-Fj[data-pressed] {
1304
1304
  --background-color: var(--hop-ListBoxItem-background-color-pressed);
1305
1305
  --text-color: var(--hop-ListBoxItem-text-color-pressed);
1306
1306
  --icon-color: var(--hop-ListBoxItem-icon-color-pressed);
1307
1307
  }
1308
- .ListBoxItem-module__hop-ListBoxItem___u6Es7[data-disabled] {
1308
+ .ListBoxItem-module__hop-ListBoxItem___KW-Fj[data-disabled] {
1309
1309
  --background-color: var(--hop-ListBoxItem-background-color-disabled);
1310
1310
  --text-color: var(--hop-ListBoxItem-text-color-disabled);
1311
1311
  --icon-color: var(--hop-ListBoxItem-icon-color-disabled);
1312
1312
  --description-text-color: var(--hop-ListBoxItem-text-color-disabled);
1313
1313
  --cursor: not-allowed;
1314
1314
  }
1315
- .ListBoxItem-module__hop-ListBoxItem___u6Es7[data-invalid] {
1315
+ .ListBoxItem-module__hop-ListBoxItem___KW-Fj[data-invalid] {
1316
1316
  --background-color: var(--hop-ListBoxItem-background-color-invalid);
1317
1317
  --text-color: var(--hop-ListBoxItem-text-color-invalid);
1318
1318
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid);
1319
1319
  }
1320
- .ListBoxItem-module__hop-ListBoxItem___u6Es7[data-invalid][data-selected] {
1320
+ .ListBoxItem-module__hop-ListBoxItem___KW-Fj[data-invalid][data-selected] {
1321
1321
  --background-color: var(--hop-ListBoxItem-background-color-invalid-selected);
1322
1322
  --text-color: var(--hop-ListBoxItem-text-color-invalid-selected);
1323
1323
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-selected);
1324
1324
  }
1325
- .ListBoxItem-module__hop-ListBoxItem___u6Es7[data-invalid][data-focus-visible] {
1325
+ .ListBoxItem-module__hop-ListBoxItem___KW-Fj[data-invalid][data-focus-visible] {
1326
1326
  --background-color: var(--hop-ListBoxItem-background-color-invalid-focused);
1327
1327
  --text-color: var(--hop-ListBoxItem-text-color-invalid-focused);
1328
1328
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-focused);
1329
1329
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-focused);
1330
1330
  }
1331
- .ListBoxItem-module__hop-ListBoxItem___u6Es7[data-invalid][data-hovered] {
1331
+ .ListBoxItem-module__hop-ListBoxItem___KW-Fj[data-invalid][data-hovered] {
1332
1332
  --background-color: var(--hop-ListBoxItem-background-color-invalid-hovered);
1333
1333
  --text-color: var(--hop-ListBoxItem-text-color-invalid-hovered);
1334
1334
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-hovered);
1335
1335
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-hovered);
1336
1336
  }
1337
- .ListBoxItem-module__hop-ListBoxItem___u6Es7[data-invalid][data-pressed] {
1337
+ .ListBoxItem-module__hop-ListBoxItem___KW-Fj[data-invalid][data-pressed] {
1338
1338
  --background-color: var(--hop-ListBoxItem-background-color-invalid-pressed);
1339
1339
  --text-color: var(--hop-ListBoxItem-text-color-invalid-pressed);
1340
1340
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-pressed);
1341
1341
  --description-text-color: var(--hop-ListBoxItem-description-text-color-invalid-pressed);
1342
1342
  }
1343
- .ListBoxItem-module__hop-ListBoxItem___u6Es7[data-invalid][data-disabled] {
1343
+ .ListBoxItem-module__hop-ListBoxItem___KW-Fj[data-invalid][data-disabled] {
1344
1344
  --background-color: var(--hop-ListBoxItem-background-color-invalid-disabled);
1345
1345
  --text-color: var(--hop-ListBoxItem-text-color-invalid-disabled);
1346
1346
  --icon-color: var(--hop-ListBoxItem-icon-color-invalid-disabled);
1347
1347
  }
1348
- .ListBoxItem-module__hop-ListBoxItem___u6Es7:has(.ListBoxItem-module__hop-ListBoxItem__description___EPW2R) {
1348
+ .ListBoxItem-module__hop-ListBoxItem___KW-Fj:has(.ListBoxItem-module__hop-ListBoxItem__description___OfyKj) {
1349
1349
  --row-gap: var(--hop-ListBoxItem-row-gap);
1350
1350
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-with-description);
1351
1351
  }
1352
- .ListBoxItem-module__hop-ListBoxItem___u6Es7[data-loading] {
1352
+ .ListBoxItem-module__hop-ListBoxItem___KW-Fj[data-loading] {
1353
1353
  --grid-template-areas: var(--hop-ListBoxItem-grid-template-areas-loading);
1354
1354
  --grid-template-columns: var(--hop-ListBoxItem-grid-template-columns-loading);
1355
1355
  }
1356
- .ListBoxItem-module__hop-ListBoxItem__inner___I35FE {
1356
+ .ListBoxItem-module__hop-ListBoxItem__inner___hBeAr {
1357
1357
  display: grid;
1358
1358
  grid-template-areas: var(--grid-template-areas);
1359
1359
  grid-template-columns: var(--grid-template-columns);
@@ -1365,51 +1365,51 @@
1365
1365
  padding-inline: var(--padding-inline);
1366
1366
  transition: grid-template-columns .3s ease-in-out;
1367
1367
  }
1368
- .ListBoxItem-module__hop-ListBoxItem__checkmark___LAbSz {
1368
+ .ListBoxItem-module__hop-ListBoxItem__checkmark___DcHi6 {
1369
1369
  grid-area: indicator;
1370
1370
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1371
1371
  color: var(--icon-color);
1372
1372
  opacity: var(--checkmark-opacity);
1373
1373
  transition: var(--checkmark-transition);
1374
1374
  }
1375
- .ListBoxItem-module__hop-ListBoxItem__radio-group___g-HnK,
1376
- .ListBoxItem-module__hop-ListBoxItem__checkbox___ppGNP {
1375
+ .ListBoxItem-module__hop-ListBoxItem__radio-group___EKfQh,
1376
+ .ListBoxItem-module__hop-ListBoxItem__checkbox___q423u {
1377
1377
  pointer-events: none;
1378
1378
  user-select: none;
1379
1379
  grid-area: indicator;
1380
1380
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1381
1381
  }
1382
- .ListBoxItem-module__hop-ListBoxItem__avatar___QwkiM {
1382
+ .ListBoxItem-module__hop-ListBoxItem__avatar___wfflG {
1383
1383
  grid-area: avatar;
1384
1384
  margin-block: var(--avatar-margin-block, 0);
1385
1385
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1386
1386
  }
1387
- .ListBoxItem-module__hop-ListBoxItem__icon-list___Yhy58,
1388
- .ListBoxItem-module__hop-ListBoxItem__icon___mFm52 {
1387
+ .ListBoxItem-module__hop-ListBoxItem__icon-list___fnOlc,
1388
+ .ListBoxItem-module__hop-ListBoxItem__icon___75U3q {
1389
1389
  grid-area: icon;
1390
1390
  flex: 0 0 auto;
1391
1391
  margin-inline-end: var(--hop-ListBoxItem-column-gap);
1392
1392
  color: var(--icon-color);
1393
1393
  }
1394
- .ListBoxItem-module__hop-ListBoxItem__label___y1bWL {
1394
+ .ListBoxItem-module__hop-ListBoxItem__label___wO73- {
1395
1395
  overflow: hidden;
1396
1396
  grid-area: label;
1397
1397
  min-inline-size: 0;
1398
1398
  text-overflow: ellipsis;
1399
1399
  white-space: nowrap;
1400
1400
  }
1401
- .ListBoxItem-module__hop-ListBoxItem__end-icon-list___LBHo2,
1402
- .ListBoxItem-module__hop-ListBoxItem__end-icon___Luvle {
1401
+ .ListBoxItem-module__hop-ListBoxItem__end-icon-list___JORQf,
1402
+ .ListBoxItem-module__hop-ListBoxItem__end-icon___-kQHv {
1403
1403
  grid-area: end-icon;
1404
1404
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
1405
1405
  color: var(--icon-color);
1406
1406
  }
1407
- .ListBoxItem-module__hop-ListBoxItem__badge___bdsUo {
1407
+ .ListBoxItem-module__hop-ListBoxItem__badge___g-FPT {
1408
1408
  grid-area: badge;
1409
1409
  margin-block: var(--hop-ListBoxItem-badge-margin-block);
1410
1410
  margin-inline-start: var(--hop-ListBoxItem-column-gap);
1411
1411
  }
1412
- .ListBoxItem-module__hop-ListBoxItem__description___EPW2R {
1412
+ .ListBoxItem-module__hop-ListBoxItem__description___OfyKj {
1413
1413
  overflow: hidden;
1414
1414
  display: -webkit-box;
1415
1415
  grid-area: description;