@hopper-ui/components 1.0.4 → 1.0.5

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 (162) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/Avatar/src/AnonymousAvatar.css +69 -0
  3. package/dist/Avatar/src/AnonymousAvatar.d.ts +29 -0
  4. package/dist/Avatar/src/AnonymousAvatar.js +7 -0
  5. package/dist/Avatar/src/Avatar.css +265 -0
  6. package/dist/Avatar/src/Avatar.d.ts +60 -0
  7. package/dist/Avatar/src/Avatar.js +11 -0
  8. package/dist/Avatar/src/AvatarContext.d.ts +12 -0
  9. package/dist/Avatar/src/AvatarContext.js +2 -0
  10. package/dist/Avatar/src/DeletedAvatar.css +69 -0
  11. package/dist/Avatar/src/DeletedAvatar.d.ts +29 -0
  12. package/dist/Avatar/src/DeletedAvatar.js +7 -0
  13. package/dist/Avatar/src/RichIconAvatarImage.css +69 -0
  14. package/dist/Avatar/src/RichIconAvatarImage.d.ts +32 -0
  15. package/dist/Avatar/src/RichIconAvatarImage.js +5 -0
  16. package/dist/Avatar/src/RichIconAvatarImageContext.d.ts +14 -0
  17. package/dist/Avatar/src/RichIconAvatarImageContext.js +2 -0
  18. package/dist/Avatar/src/index.css +265 -0
  19. package/dist/Avatar/src/index.d.ts +14 -0
  20. package/dist/Avatar/src/index.js +13 -0
  21. package/dist/Avatar/src/useImageFallback.d.ts +34 -0
  22. package/dist/Avatar/src/useImageFallback.js +2 -0
  23. package/dist/IconList/src/IconList.css +1 -1
  24. package/dist/IconList/src/IconList.js +2 -2
  25. package/dist/IconList/src/index.css +1 -1
  26. package/dist/IconList/src/index.js +2 -2
  27. package/dist/Link/src/Link.css +31 -31
  28. package/dist/Link/src/Link.js +5 -5
  29. package/dist/Link/src/index.css +31 -31
  30. package/dist/Link/src/index.js +5 -5
  31. package/dist/Spinner/src/Spinner.css +19 -19
  32. package/dist/Spinner/src/Spinner.js +2 -2
  33. package/dist/Spinner/src/index.css +19 -19
  34. package/dist/Spinner/src/index.js +2 -2
  35. package/dist/badge/src/Badge.css +10 -10
  36. package/dist/badge/src/Badge.js +2 -2
  37. package/dist/badge/src/index.css +10 -10
  38. package/dist/badge/src/index.js +2 -2
  39. package/dist/buttons/src/Button.css +103 -103
  40. package/dist/buttons/src/Button.d.ts +2 -2
  41. package/dist/buttons/src/Button.js +6 -6
  42. package/dist/buttons/src/ButtonGroup.css +11 -11
  43. package/dist/buttons/src/ButtonGroup.js +1 -1
  44. package/dist/buttons/src/ClearButton.css +12 -12
  45. package/dist/buttons/src/ClearButton.js +2 -2
  46. package/dist/buttons/src/EmbeddedButton.css +12 -12
  47. package/dist/buttons/src/EmbeddedButton.js +1 -1
  48. package/dist/buttons/src/index.css +126 -126
  49. package/dist/buttons/src/index.js +9 -9
  50. package/dist/checkbox/src/Checkbox.css +35 -35
  51. package/dist/checkbox/src/Checkbox.js +4 -4
  52. package/dist/checkbox/src/CheckboxField.css +15 -15
  53. package/dist/checkbox/src/CheckboxField.js +1 -1
  54. package/dist/checkbox/src/CheckboxGroup.css +70 -70
  55. package/dist/checkbox/src/CheckboxGroup.js +1 -1
  56. package/dist/checkbox/src/index.css +70 -70
  57. package/dist/checkbox/src/index.js +6 -6
  58. package/dist/chip/src/Chip.css +33 -33
  59. package/dist/chip/src/Chip.js +3 -3
  60. package/dist/chip/src/index.css +33 -33
  61. package/dist/chip/src/index.js +3 -3
  62. package/dist/{chunk-QJBQRYJS.js → chunk-22YUFCHD.js} +2 -2
  63. package/dist/{chunk-BCHUEONM.js → chunk-3IEED7AY.js} +1 -1
  64. package/dist/{chunk-F7HR3VI4.js → chunk-3OWQHIJ6.js} +2 -2
  65. package/dist/{chunk-2CKDJG6R.js → chunk-5F5CWOM4.js} +1 -1
  66. package/dist/{chunk-FGDSWA7S.js → chunk-6WWYES56.js} +1 -1
  67. package/dist/{chunk-WGDP4ECF.js → chunk-7Q7VIED2.js} +1 -1
  68. package/dist/chunk-AES7QBQE.js +7 -0
  69. package/dist/{chunk-BGESEKEN.js → chunk-BD53A2LL.js} +4 -4
  70. package/dist/{chunk-Y7XWWUMU.js → chunk-BVGKXCQH.js} +2 -2
  71. package/dist/chunk-CP4AWOFU.js +81 -0
  72. package/dist/{chunk-6MSYEF4W.js → chunk-F7S2I43Y.js} +1 -1
  73. package/dist/chunk-FYDLV5BM.js +46 -0
  74. package/dist/{chunk-OMBQ3J4O.js → chunk-GELM73MQ.js} +4 -4
  75. package/dist/chunk-GFHBDUJD.js +17 -0
  76. package/dist/{chunk-DZTMUFVC.js → chunk-GWEUWPLT.js} +1 -1
  77. package/dist/{chunk-GBABMUAI.js → chunk-IIZECZAH.js} +2 -2
  78. package/dist/chunk-JWW56J7M.js +7 -0
  79. package/dist/{chunk-RCFB4SN4.js → chunk-KOA2CREJ.js} +5 -5
  80. package/dist/{chunk-PEPKE5SW.js → chunk-KOJGCQ3F.js} +3 -3
  81. package/dist/{chunk-LSVXKVG4.js → chunk-KQPY2D3P.js} +1 -1
  82. package/dist/{chunk-Y3L6TPP3.js → chunk-LUAIMTPE.js} +5 -5
  83. package/dist/{chunk-Z3ID4UEE.js → chunk-N77LTZ4U.js} +3 -15
  84. package/dist/chunk-NS3XVOQ7.js +53 -0
  85. package/dist/{chunk-SWMFTL46.js → chunk-NXNV5JDN.js} +50 -31
  86. package/dist/chunk-OPFRM3JC.js +161 -0
  87. package/dist/{chunk-5GRWAXTT.js → chunk-P7JRKXBD.js} +1 -1
  88. package/dist/{chunk-ZAJJD5FY.js → chunk-T6VFQSII.js} +4 -4
  89. package/dist/{chunk-N745TDH5.js → chunk-THCG3QCD.js} +1 -1
  90. package/dist/{chunk-HDYG2F3D.js → chunk-TM6742MU.js} +1 -1
  91. package/dist/{chunk-CPWTHZGJ.js → chunk-UOBWYTW7.js} +5 -5
  92. package/dist/{chunk-TSXPLL55.js → chunk-UYVKDU2W.js} +2 -2
  93. package/dist/{chunk-PDYU6DNF.js → chunk-W2SKBBWE.js} +2 -2
  94. package/dist/{chunk-XSASR6CK.js → chunk-WFPCHFJI.js} +1 -1
  95. package/dist/{chunk-LRXYIR2A.js → chunk-WNVTTHBK.js} +2 -2
  96. package/dist/chunk-Z33QZKRG.js +46 -0
  97. package/dist/{chunk-TR7YX3IZ.js → chunk-ZCEVY7LM.js} +3 -3
  98. package/dist/errorMessage/src/ErrorMessage.css +11 -11
  99. package/dist/errorMessage/src/ErrorMessage.js +2 -2
  100. package/dist/errorMessage/src/index.css +11 -11
  101. package/dist/errorMessage/src/index.js +2 -2
  102. package/dist/helperMessage/src/HelperMessage.css +11 -11
  103. package/dist/helperMessage/src/HelperMessage.js +2 -2
  104. package/dist/helperMessage/src/index.css +11 -11
  105. package/dist/helperMessage/src/index.js +2 -2
  106. package/dist/inputs/src/InputGroup.css +12 -12
  107. package/dist/inputs/src/InputGroup.js +1 -1
  108. package/dist/inputs/src/PasswordField.css +540 -355
  109. package/dist/inputs/src/PasswordField.js +40 -32
  110. package/dist/inputs/src/SearchField.css +546 -361
  111. package/dist/inputs/src/SearchField.d.ts +2 -2
  112. package/dist/inputs/src/SearchField.js +40 -32
  113. package/dist/inputs/src/TextField.css +541 -356
  114. package/dist/inputs/src/TextField.js +40 -32
  115. package/dist/inputs/src/index.css +541 -356
  116. package/dist/inputs/src/index.js +40 -32
  117. package/dist/layout/src/Grid.d.ts +2 -22
  118. package/dist/layout/src/Grid.js +1 -1
  119. package/dist/layout/src/grid-helpers.d.ts +24 -0
  120. package/dist/layout/src/grid-helpers.js +2 -0
  121. package/dist/overlays/Popover/src/Popover.css +600 -415
  122. package/dist/overlays/Popover/src/Popover.js +39 -31
  123. package/dist/overlays/Popover/src/index.css +600 -415
  124. package/dist/overlays/Popover/src/index.js +39 -31
  125. package/dist/radio/src/Radio.css +32 -32
  126. package/dist/radio/src/Radio.js +4 -4
  127. package/dist/radio/src/RadioField.css +15 -15
  128. package/dist/radio/src/RadioField.js +2 -2
  129. package/dist/radio/src/RadioGroup.css +67 -67
  130. package/dist/radio/src/RadioGroup.js +2 -2
  131. package/dist/radio/src/index.css +67 -67
  132. package/dist/radio/src/index.js +7 -7
  133. package/dist/switch/src/Switch.css +27 -28
  134. package/dist/switch/src/Switch.js +4 -4
  135. package/dist/switch/src/SwitchField.css +15 -15
  136. package/dist/switch/src/SwitchField.js +1 -1
  137. package/dist/switch/src/index.css +33 -34
  138. package/dist/switch/src/index.js +5 -5
  139. package/dist/tag/src/Tag.css +593 -408
  140. package/dist/tag/src/Tag.js +38 -30
  141. package/dist/tag/src/TagGroup.css +28 -28
  142. package/dist/tag/src/TagGroup.js +1 -1
  143. package/dist/tag/src/index.css +593 -408
  144. package/dist/tag/src/index.js +38 -30
  145. package/dist/typography/Heading/src/Heading.css +593 -408
  146. package/dist/typography/Heading/src/Heading.js +38 -30
  147. package/dist/typography/Heading/src/index.css +593 -408
  148. package/dist/typography/Heading/src/index.js +38 -30
  149. package/dist/typography/Label/src/Label.css +9 -9
  150. package/dist/typography/Label/src/Label.js +1 -1
  151. package/dist/typography/Label/src/index.css +9 -9
  152. package/dist/typography/Label/src/index.js +1 -1
  153. package/dist/typography/OverlineText/src/OverlineText.css +6 -6
  154. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  155. package/dist/typography/OverlineText/src/index.css +6 -6
  156. package/dist/typography/OverlineText/src/index.js +1 -1
  157. package/dist/typography/Text/src/Text.css +9 -9
  158. package/dist/typography/Text/src/Text.js +1 -1
  159. package/dist/typography/Text/src/index.css +9 -9
  160. package/dist/typography/Text/src/index.js +1 -1
  161. package/dist/utils/src/index.js +1 -1
  162. package/package.json +5 -4
@@ -1,5 +1,271 @@
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___xYoYb {
3
+ --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
4
+ --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
5
+ --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
6
+ --hop-Text-xs-line-height: var(--hop-body-xs-line-height);
7
+ --hop-Text-sm-font-size: var(--hop-body-sm-font-size);
8
+ --hop-Text-sm-font-family: var(--hop-body-sm-font-family);
9
+ --hop-Text-sm-font-weight: var(--hop-body-sm-font-weight);
10
+ --hop-Text-sm-line-height: var(--hop-body-sm-line-height);
11
+ --hop-Text-md-font-size: var(--hop-body-md-font-size);
12
+ --hop-Text-md-font-family: var(--hop-body-md-font-family);
13
+ --hop-Text-md-font-weight: var(--hop-body-md-font-weight);
14
+ --hop-Text-md-line-height: var(--hop-body-md-line-height);
15
+ --hop-Text-lg-font-size: var(--hop-body-lg-font-size);
16
+ --hop-Text-lg-font-family: var(--hop-body-lg-font-family);
17
+ --hop-Text-lg-font-weight: var(--hop-body-lg-font-weight);
18
+ --hop-Text-lg-line-height: var(--hop-body-lg-line-height);
19
+ --hop-Text-xl-font-size: var(--hop-body-xl-font-size);
20
+ --hop-Text-xl-font-family: var(--hop-body-xl-font-family);
21
+ --hop-Text-xl-font-weight: var(--hop-body-xl-font-weight);
22
+ --hop-Text-xl-line-height: var(--hop-body-xl-line-height);
23
+ --hop-Text-2xl-font-size: var(--hop-body-2xl-font-size);
24
+ --hop-Text-2xl-font-family: var(--hop-body-2xl-font-family);
25
+ --hop-Text-2xl-font-weight: var(--hop-body-2xl-font-weight);
26
+ --hop-Text-2xl-line-height: var(--hop-body-2xl-line-height);
27
+ --hop-Text-inherit-size-font-size: inherit;
28
+ --hop-Text-inherit-size-font-family: inherit;
29
+ --hop-Text-inherit-size-font-weight: inherit;
30
+ --hop-Text-inherit-size-line-height: inherit;
31
+ }
32
+ :where(.Text-module__hop-Text___xYoYb) {
33
+ font-family: var(--font-family);
34
+ font-size: var(--font-size);
35
+ font-weight: var(--font-weight);
36
+ line-height: var(--line-height);
37
+ }
38
+ :where(.Text-module__hop-Text--xs___nPUGu) {
39
+ --font-size: var(--hop-Text-xs-font-size);
40
+ --font-family: var(--hop-Text-xs-font-family);
41
+ --font-weight: var(--hop-Text-xs-font-weight);
42
+ --line-height: var(--hop-Text-xs-line-height);
43
+ }
44
+ :where(.Text-module__hop-Text--sm___nMPq3) {
45
+ --font-size: var(--hop-Text-sm-font-size);
46
+ --font-family: var(--hop-Text-sm-font-family);
47
+ --font-weight: var(--hop-Text-sm-font-weight);
48
+ --line-height: var(--hop-Text-sm-line-height);
49
+ }
50
+ :where(.Text-module__hop-Text--md___HT-Wz) {
51
+ --font-size: var(--hop-Text-md-font-size);
52
+ --font-family: var(--hop-Text-md-font-family);
53
+ --font-weight: var(--hop-Text-md-font-weight);
54
+ --line-height: var(--hop-Text-md-line-height);
55
+ }
56
+ :where(.Text-module__hop-Text--lg___NL7tS) {
57
+ --font-size: var(--hop-Text-lg-font-size);
58
+ --font-family: var(--hop-Text-lg-font-family);
59
+ --font-weight: var(--hop-Text-lg-font-weight);
60
+ --line-height: var(--hop-Text-lg-line-height);
61
+ }
62
+ :where(.Text-module__hop-Text--xl___3aFN2) {
63
+ --font-size: var(--hop-Text-xl-font-size);
64
+ --font-family: var(--hop-Text-xl-font-family);
65
+ --font-weight: var(--hop-Text-xl-font-weight);
66
+ --line-height: var(--hop-Text-xl-line-height);
67
+ }
68
+ :where(.Text-module__hop-Text--2xl___bsEDq) {
69
+ --font-size: var(--hop-Text-2xl-font-size);
70
+ --font-family: var(--hop-Text-2xl-font-family);
71
+ --font-weight: var(--hop-Text-2xl-font-weight);
72
+ --line-height: var(--hop-Text-2xl-line-height);
73
+ }
74
+ :where(.Text-module__hop-Text--inherit___xKxgn) {
75
+ --font-size: var(--hop-Text-inherit-size-font-size);
76
+ --font-family: var(--hop-Text-inherit-size-font-family);
77
+ --font-weight: var(--hop-Text-inherit-size-font-weight);
78
+ --line-height: var(--hop-Text-inherit-size-line-height);
79
+ }
80
+
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___oV9WF {
83
+ --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
84
+ --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
85
+ --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
86
+ --hop-RichIconAvatarImage-xs-size: 1rem;
87
+ --hop-RichIconAvatarImage-icon-xs-size: 1rem;
88
+ --hop-RichIconAvatarImage-sm-size: 1.5rem;
89
+ --hop-RichIconAvatarImage-icon-sm-size: 1.5rem;
90
+ --hop-RichIconAvatarImage-md-size: 2rem;
91
+ --hop-RichIconAvatarImage-icon-md-size: 2rem;
92
+ --hop-RichIconAvatarImage-lg-size: 3rem;
93
+ --hop-RichIconAvatarImage-icon-lg-size: 3rem;
94
+ --hop-RichIconAvatarImage-xl-size: 4rem;
95
+ --hop-RichIconAvatarImage-icon-xl-size: 4rem;
96
+ --hop-RichIconAvatarImage-2xl-size: 6rem;
97
+ --hop-RichIconAvatarImage-icon-2xl-size: 4rem;
98
+ --hop-RichIconAvatarImage-background-color-disabled: var(--hop-neutral-surface-disabled);
99
+ --hop-RichIconAvatarImage-icon-color-disabled: var(--hop-neutral-icon-disabled);
100
+ --background-color: var(--hop-RichIconAvatarImage-background-color);
101
+ user-select: none;
102
+ position: relative;
103
+ overflow: hidden;
104
+ display: flex;
105
+ align-items: center;
106
+ justify-content: center;
107
+ inline-size: var(--size, var(--hop-RichIconAvatarImage-md-size));
108
+ block-size: var(--size, var(--hop-RichIconAvatarImage-md-size));
109
+ color: var(--hop-RichIconAvatarImage-icon-color);
110
+ background-color: var(--background-color);
111
+ border-radius: var(--hop-RichIconAvatarImage-border-radius);
112
+ }
113
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___kdGVl {
114
+ --size: var(--hop-RichIconAvatarImage-xs-size);
115
+ --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
116
+ }
117
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___4WUqP {
118
+ --size: var(--hop-RichIconAvatarImage-sm-size);
119
+ --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
120
+ }
121
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___fsiew {
122
+ --size: var(--hop-RichIconAvatarImage-md-size);
123
+ --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
124
+ }
125
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___BJtzS {
126
+ --size: var(--hop-RichIconAvatarImage-lg-size);
127
+ --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
128
+ }
129
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___MFhsm {
130
+ --size: var(--hop-RichIconAvatarImage-xl-size);
131
+ --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
132
+ }
133
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___jFtFa {
134
+ --size: var(--hop-RichIconAvatarImage-2xl-size);
135
+ --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
136
+ }
137
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___oV9WF[data-disabled] {
138
+ --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
139
+ }
140
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___9-bD3 {
141
+ position: relative;
142
+ display: block;
143
+ inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
144
+ block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
145
+ }
146
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___oV9WF[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___9-bD3 {
147
+ --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
148
+ --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
149
+ }
150
+
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___d9YZ9 {
153
+ --hop-Avatar-border-radius: var(--hop-shape-circle);
154
+ --hop-Avatar-mix-blend-mode: normal;
155
+ --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
156
+ --hop-Avatar-decorative-2-background-color: var(--hop-decorative-option2-surface-strong);
157
+ --hop-Avatar-decorative-3-background-color: var(--hop-decorative-option3-surface-strong);
158
+ --hop-Avatar-decorative-4-background-color: var(--hop-decorative-option4-surface-strong);
159
+ --hop-Avatar-decorative-5-background-color: var(--hop-decorative-option5-surface-strong);
160
+ --hop-Avatar-decorative-6-background-color: var(--hop-decorative-option6-surface-strong);
161
+ --hop-Avatar-decorative-7-background-color: var(--hop-decorative-option7-surface-strong);
162
+ --hop-Avatar-decorative-8-background-color: var(--hop-decorative-option8-surface-strong);
163
+ --hop-Avatar-decorative-9-background-color: var(--hop-decorative-option9-surface-strong);
164
+ --hop-Avatar-decorative-1-text-color: var(--hop-decorative-option1-text);
165
+ --hop-Avatar-decorative-2-text-color: var(--hop-decorative-option2-text);
166
+ --hop-Avatar-decorative-3-text-color: var(--hop-decorative-option3-text);
167
+ --hop-Avatar-decorative-4-text-color: var(--hop-decorative-option4-text);
168
+ --hop-Avatar-decorative-5-text-color: var(--hop-decorative-option5-text);
169
+ --hop-Avatar-decorative-6-text-color: var(--hop-decorative-option6-text);
170
+ --hop-Avatar-decorative-7-text-color: var(--hop-decorative-option7-text);
171
+ --hop-Avatar-decorative-8-text-color: var(--hop-decorative-option8-text);
172
+ --hop-Avatar-decorative-9-text-color: var(--hop-decorative-option9-text);
173
+ --hop-Avatar-xs-size: 1rem;
174
+ --hop-Avatar-sm-size: 1.5rem;
175
+ --hop-Avatar-md-size: 2rem;
176
+ --hop-Avatar-lg-size: 3rem;
177
+ --hop-Avatar-xl-size: 4rem;
178
+ --hop-Avatar-2xl-size: 6rem;
179
+ --hop-Avatar-background-color-disabled: var(--hop-neutral-surface-disabled);
180
+ --hop-Avatar-text-color-disabled: var(--hop-neutral-text-disabled);
181
+ --hop-Avatar-mix-blend-mode-disabled: luminosity;
182
+ --mix-blend-mode: var(--hop-Avatar-mix-blend-mode);
183
+ user-select: none;
184
+ position: relative;
185
+ overflow: hidden;
186
+ display: flex;
187
+ flex: 0 0 auto;
188
+ align-items: center;
189
+ justify-content: center;
190
+ box-sizing: border-box;
191
+ inline-size: var(--size, var(--hop-Avatar-md-size));
192
+ block-size: var(--size, var(--hop-Avatar-md-size));
193
+ color: var(--text-color, var(--hop-neutral-text));
194
+ background-color: var(--background-color, transparent);
195
+ border-radius: var(--hop-Avatar-border-radius);
196
+ }
197
+ .Avatar-module__hop-Avatar--xs___BWHEr {
198
+ --size: var(--hop-Avatar-xs-size);
199
+ }
200
+ .Avatar-module__hop-Avatar--sm___fNWQO {
201
+ --size: var(--hop-Avatar-sm-size);
202
+ }
203
+ .Avatar-module__hop-Avatar--md___-6GnY {
204
+ --size: var(--hop-Avatar-md-size);
205
+ }
206
+ .Avatar-module__hop-Avatar--lg___f8yyT {
207
+ --size: var(--hop-Avatar-lg-size);
208
+ }
209
+ .Avatar-module__hop-Avatar--xl___r5PUt {
210
+ --size: var(--hop-Avatar-xl-size);
211
+ }
212
+ .Avatar-module__hop-Avatar--2xl___CG0YD {
213
+ --size: var(--hop-Avatar-2xl-size);
214
+ }
215
+ .Avatar-module__hop-Avatar--decorative-option1___OIRSj {
216
+ --background-color: var(--hop-Avatar-decorative-1-background-color);
217
+ --text-color: var(--hop-Avatar-decorative-1-text-color);
218
+ }
219
+ .Avatar-module__hop-Avatar--decorative-option2___-uwSb {
220
+ --background-color: var(--hop-Avatar-decorative-2-background-color);
221
+ --text-color: var(--hop-Avatar-decorative-2-text-color);
222
+ }
223
+ .Avatar-module__hop-Avatar--decorative-option3___xhe3G {
224
+ --background-color: var(--hop-Avatar-decorative-3-background-color);
225
+ --text-color: var(--hop-Avatar-decorative-3-text-color);
226
+ }
227
+ .Avatar-module__hop-Avatar--decorative-option4___e38Gs {
228
+ --background-color: var(--hop-Avatar-decorative-4-background-color);
229
+ --text-color: var(--hop-Avatar-decorative-4-text-color);
230
+ }
231
+ .Avatar-module__hop-Avatar--decorative-option5___-GQzw {
232
+ --background-color: var(--hop-Avatar-decorative-5-background-color);
233
+ --text-color: var(--hop-Avatar-decorative-5-text-color);
234
+ }
235
+ .Avatar-module__hop-Avatar--decorative-option6___CeiJh {
236
+ --background-color: var(--hop-Avatar-decorative-6-background-color);
237
+ --text-color: var(--hop-Avatar-decorative-6-text-color);
238
+ }
239
+ .Avatar-module__hop-Avatar--decorative-option7___nvuXB {
240
+ --background-color: var(--hop-Avatar-decorative-7-background-color);
241
+ --text-color: var(--hop-Avatar-decorative-7-text-color);
242
+ }
243
+ .Avatar-module__hop-Avatar--decorative-option8___Q4Z9Z {
244
+ --background-color: var(--hop-Avatar-decorative-8-background-color);
245
+ --text-color: var(--hop-Avatar-decorative-8-text-color);
246
+ }
247
+ .Avatar-module__hop-Avatar--decorative-option9___TsOBZ {
248
+ --background-color: var(--hop-Avatar-decorative-9-background-color);
249
+ --text-color: var(--hop-Avatar-decorative-9-text-color);
250
+ }
251
+ .Avatar-module__hop-Avatar___d9YZ9[data-disabled] {
252
+ --background-color: var(--hop-Avatar-background-color-disabled);
253
+ --text-color: var(--hop-Avatar-text-color-disabled);
254
+ --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
255
+ isolation: isolate;
256
+ }
257
+ .Avatar-module__hop-Avatar__image___6YUZZ {
258
+ position: relative;
259
+ display: block;
260
+ box-sizing: border-box;
261
+ inline-size: 100%;
262
+ block-size: 100%;
263
+ object-fit: cover;
264
+ mix-blend-mode: var(--mix-blend-mode);
265
+ }
266
+
1
267
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
2
- :where(.OverlineText-module__hop-OverlineText___lA54v) {
268
+ :where(.OverlineText-module__hop-OverlineText___pTUGl) {
3
269
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
4
270
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
5
271
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -23,26 +289,26 @@
23
289
  text-transform: uppercase;
24
290
  letter-spacing: var(--letter-spacing);
25
291
  }
26
- .OverlineText-module__hop-OverlineText__text___Z9gJ6 {
292
+ .OverlineText-module__hop-OverlineText__text___D5JMM {
27
293
  box-sizing: border-box;
28
294
  }
29
- .OverlineText-module__hop-OverlineText__text___Z9gJ6::before,
30
- .OverlineText-module__hop-OverlineText__text___Z9gJ6::after {
295
+ .OverlineText-module__hop-OverlineText__text___D5JMM::before,
296
+ .OverlineText-module__hop-OverlineText__text___D5JMM::after {
31
297
  content: "";
32
298
  display: block;
33
299
  box-sizing: border-box;
34
300
  inline-size: 0;
35
301
  block-size: 0;
36
302
  }
37
- .OverlineText-module__hop-OverlineText__text___Z9gJ6::before {
303
+ .OverlineText-module__hop-OverlineText__text___D5JMM::before {
38
304
  margin-block-end: var(--bottom-offset);
39
305
  }
40
- .OverlineText-module__hop-OverlineText__text___Z9gJ6::after {
306
+ .OverlineText-module__hop-OverlineText__text___D5JMM::after {
41
307
  margin-block-start: var(--top-offset);
42
308
  }
43
309
 
44
310
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/badge/src/Badge.module.css/#css-module-data */
45
- .Badge-module__hop-Badge___mk1h- {
311
+ .Badge-module__hop-Badge___6JEMi {
46
312
  --hop-Badge-height: 1.5rem;
47
313
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
48
314
  --hop-Badge-border-radius: var(--hop-shape-pill);
@@ -66,21 +332,21 @@
66
332
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
67
333
  border-radius: var(--border-radius);
68
334
  }
69
- .Badge-module__hop-Badge--primary___RxxTa {
335
+ .Badge-module__hop-Badge--primary___fXWYG {
70
336
  --background-color: var(--hop-Badge-primary-background-color);
71
337
  --text-color: var(--hop-Badge-primary-text-color);
72
338
  }
73
- .Badge-module__hop-Badge--secondary___8k1fQ {
339
+ .Badge-module__hop-Badge--secondary___vxWGy {
74
340
  --background-color: var(--hop-Badge-secondary-background-color);
75
341
  --text-color: var(--hop-Badge-secondary-text-color);
76
342
  }
77
- .Badge-module__hop-Badge___mk1h-[data-disabled] {
343
+ .Badge-module__hop-Badge___6JEMi[data-disabled] {
78
344
  --background-color: var(--hop-Badge-background-color-disabled);
79
345
  --text-color: var(--hop-Badge-text-color-disabled);
80
346
  }
81
347
 
82
348
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
83
- .IconList-module__hop-IconList___CIQko {
349
+ .IconList-module__hop-IconList___rQ7-K {
84
350
  --hop-IconList-gap: var(--hop-space-inline-xs);
85
351
  display: flex;
86
352
  flex-wrap: wrap;
@@ -89,7 +355,7 @@
89
355
  }
90
356
 
91
357
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
92
- .Label-module__hop-Label___7xL3v {
358
+ .Label-module__hop-Label___Wqsi6 {
93
359
  --hop-Label-xs-font-size: var(--hop-body-xs-font-size);
94
360
  --hop-Label-xs-font-family: var(--hop-body-xs-font-family);
95
361
  --hop-Label-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -119,49 +385,49 @@
119
385
  --hop-Label-inherit-size-font-weight: inherit;
120
386
  --hop-Label-inherit-size-line-height: inherit;
121
387
  }
122
- :where(.Label-module__hop-Label___7xL3v) {
388
+ :where(.Label-module__hop-Label___Wqsi6) {
123
389
  font-family: var(--font-family);
124
390
  font-size: var(--font-size);
125
391
  font-weight: var(--font-weight);
126
392
  line-height: var(--line-height);
127
393
  }
128
- :where(.Label-module__hop-Label--xs___CHLy3) {
394
+ :where(.Label-module__hop-Label--xs___4haq7) {
129
395
  --font-size: var(--hop-Label-xs-font-size);
130
396
  --font-family: var(--hop-Label-xs-font-family);
131
397
  --font-weight: var(--hop-Label-xs-font-weight);
132
398
  --line-height: var(--hop-Label-xs-line-height);
133
399
  }
134
- :where(.Label-module__hop-Label--sm___oQzz3) {
400
+ :where(.Label-module__hop-Label--sm___-mTev) {
135
401
  --font-size: var(--hop-Label-sm-font-size);
136
402
  --font-family: var(--hop-Label-sm-font-family);
137
403
  --font-weight: var(--hop-Label-sm-font-weight);
138
404
  --line-height: var(--hop-Label-sm-line-height);
139
405
  }
140
- :where(.Label-module__hop-Label--md___dLqF6) {
406
+ :where(.Label-module__hop-Label--md___Itj3l) {
141
407
  --font-size: var(--hop-Label-md-font-size);
142
408
  --font-family: var(--hop-Label-md-font-family);
143
409
  --font-weight: var(--hop-Label-md-font-weight);
144
410
  --line-height: var(--hop-Label-md-line-height);
145
411
  }
146
- :where(.Label-module__hop-Label--lg___ViQCe) {
412
+ :where(.Label-module__hop-Label--lg___HB3TK) {
147
413
  --font-size: var(--hop-Label-lg-font-size);
148
414
  --font-family: var(--hop-Label-lg-font-family);
149
415
  --font-weight: var(--hop-Label-lg-font-weight);
150
416
  --line-height: var(--hop-Label-lg-line-height);
151
417
  }
152
- :where(.Label-module__hop-Label--xl___wlNpS) {
418
+ :where(.Label-module__hop-Label--xl___7o9x-) {
153
419
  --font-size: var(--hop-Label-xl-font-size);
154
420
  --font-family: var(--hop-Label-xl-font-family);
155
421
  --font-weight: var(--hop-Label-xl-font-weight);
156
422
  --line-height: var(--hop-Label-xl-line-height);
157
423
  }
158
- :where(.Label-module__hop-Label--2xl___N5Lkc) {
424
+ :where(.Label-module__hop-Label--2xl___7vA1P) {
159
425
  --font-size: var(--hop-Label-2xl-font-size);
160
426
  --font-family: var(--hop-Label-2xl-font-family);
161
427
  --font-weight: var(--hop-Label-2xl-font-weight);
162
428
  --line-height: var(--hop-Label-2xl-line-height);
163
429
  }
164
- :where(.Label-module__hop-Label--inherit___UeeVB) {
430
+ :where(.Label-module__hop-Label--inherit___XavZ-) {
165
431
  --font-size: var(--hop-Label-inherit-size-font-size);
166
432
  --font-family: var(--hop-Label-inherit-size-font-family);
167
433
  --font-weight: var(--hop-Label-inherit-size-font-weight);
@@ -169,7 +435,7 @@
169
435
  }
170
436
 
171
437
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Spinner/src/Spinner.module.css/#css-module-data */
172
- @keyframes Spinner-module__spin___t8CGY {
438
+ @keyframes Spinner-module__spin___oUKEY {
173
439
  0% {
174
440
  transform: rotate(0deg);
175
441
  }
@@ -177,7 +443,7 @@
177
443
  transform: rotate(360deg);
178
444
  }
179
445
  }
180
- .Spinner-module__hop-Spinner___WKQTI {
446
+ .Spinner-module__hop-Spinner___RPH-- {
181
447
  --hop-Spinner-border-radius: var(--hop-shape-circle);
182
448
  --hop-Spinner-sm-wheel-size: 1rem;
183
449
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -185,7 +451,7 @@
185
451
  --hop-Spinner-track-width: 0.125rem;
186
452
  --hop-Spinner-track-opacity: 0.2;
187
453
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
188
- --hop-Spinner-fill-animation: Spinner-module__spin___t8CGY .8s infinite linear;
454
+ --hop-Spinner-fill-animation: Spinner-module__spin___oUKEY .8s infinite linear;
189
455
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
190
456
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
191
457
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -196,19 +462,19 @@
196
462
  align-items: center;
197
463
  box-sizing: border-box;
198
464
  }
199
- .Spinner-module__hop-Spinner--sm___YO1ZU {
465
+ .Spinner-module__hop-Spinner--sm___tp6ha {
200
466
  --width: var(--hop-Spinner-sm-wheel-size);
201
467
  --height: var(--hop-Spinner-sm-wheel-size);
202
468
  }
203
- .Spinner-module__hop-Spinner--md___UiJMR {
469
+ .Spinner-module__hop-Spinner--md___hQWm0 {
204
470
  --width: var(--hop-Spinner-md-wheel-size);
205
471
  --height: var(--hop-Spinner-md-wheel-size);
206
472
  }
207
- .Spinner-module__hop-Spinner--lg___uAp2X {
473
+ .Spinner-module__hop-Spinner--lg___erfkq {
208
474
  --width: var(--hop-Spinner-lg-wheel-size);
209
475
  --height: var(--hop-Spinner-lg-wheel-size);
210
476
  }
211
- .Spinner-module__hop-Spinner__track___vU-oZ {
477
+ .Spinner-module__hop-Spinner__track___bATgL {
212
478
  grid-area: spinner;
213
479
  box-sizing: border-box;
214
480
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -217,7 +483,7 @@
217
483
  border: var(--hop-Spinner-track-border);
218
484
  border-radius: var(--hop-Spinner-border-radius);
219
485
  }
220
- .Spinner-module__hop-Spinner__fill___8gJAf {
486
+ .Spinner-module__hop-Spinner__fill___eBQF8 {
221
487
  grid-area: spinner;
222
488
  box-sizing: border-box;
223
489
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -228,97 +494,17 @@
228
494
  animation: var(--hop-Spinner-fill-animation);
229
495
  }
230
496
  @media (prefers-reduced-motion: reduce) {
231
- .Spinner-module__hop-Spinner__fill___8gJAf {
497
+ .Spinner-module__hop-Spinner__fill___eBQF8 {
232
498
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
233
499
  }
234
500
  }
235
- .Spinner-module__hop-Spinner__label___GxQ20 {
501
+ .Spinner-module__hop-Spinner__label___J7Dnp {
236
502
  grid-area: label;
237
503
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
238
504
  }
239
505
 
240
- /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
241
- .Text-module__hop-Text___L5SE4 {
242
- --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
243
- --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
244
- --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
245
- --hop-Text-xs-line-height: var(--hop-body-xs-line-height);
246
- --hop-Text-sm-font-size: var(--hop-body-sm-font-size);
247
- --hop-Text-sm-font-family: var(--hop-body-sm-font-family);
248
- --hop-Text-sm-font-weight: var(--hop-body-sm-font-weight);
249
- --hop-Text-sm-line-height: var(--hop-body-sm-line-height);
250
- --hop-Text-md-font-size: var(--hop-body-md-font-size);
251
- --hop-Text-md-font-family: var(--hop-body-md-font-family);
252
- --hop-Text-md-font-weight: var(--hop-body-md-font-weight);
253
- --hop-Text-md-line-height: var(--hop-body-md-line-height);
254
- --hop-Text-lg-font-size: var(--hop-body-lg-font-size);
255
- --hop-Text-lg-font-family: var(--hop-body-lg-font-family);
256
- --hop-Text-lg-font-weight: var(--hop-body-lg-font-weight);
257
- --hop-Text-lg-line-height: var(--hop-body-lg-line-height);
258
- --hop-Text-xl-font-size: var(--hop-body-xl-font-size);
259
- --hop-Text-xl-font-family: var(--hop-body-xl-font-family);
260
- --hop-Text-xl-font-weight: var(--hop-body-xl-font-weight);
261
- --hop-Text-xl-line-height: var(--hop-body-xl-line-height);
262
- --hop-Text-2xl-font-size: var(--hop-body-2xl-font-size);
263
- --hop-Text-2xl-font-family: var(--hop-body-2xl-font-family);
264
- --hop-Text-2xl-font-weight: var(--hop-body-2xl-font-weight);
265
- --hop-Text-2xl-line-height: var(--hop-body-2xl-line-height);
266
- --hop-Text-inherit-size-font-size: inherit;
267
- --hop-Text-inherit-size-font-family: inherit;
268
- --hop-Text-inherit-size-font-weight: inherit;
269
- --hop-Text-inherit-size-line-height: inherit;
270
- }
271
- :where(.Text-module__hop-Text___L5SE4) {
272
- font-family: var(--font-family);
273
- font-size: var(--font-size);
274
- font-weight: var(--font-weight);
275
- line-height: var(--line-height);
276
- }
277
- :where(.Text-module__hop-Text--xs___4XSOM) {
278
- --font-size: var(--hop-Text-xs-font-size);
279
- --font-family: var(--hop-Text-xs-font-family);
280
- --font-weight: var(--hop-Text-xs-font-weight);
281
- --line-height: var(--hop-Text-xs-line-height);
282
- }
283
- :where(.Text-module__hop-Text--sm___rxq9a) {
284
- --font-size: var(--hop-Text-sm-font-size);
285
- --font-family: var(--hop-Text-sm-font-family);
286
- --font-weight: var(--hop-Text-sm-font-weight);
287
- --line-height: var(--hop-Text-sm-line-height);
288
- }
289
- :where(.Text-module__hop-Text--md___I1rkh) {
290
- --font-size: var(--hop-Text-md-font-size);
291
- --font-family: var(--hop-Text-md-font-family);
292
- --font-weight: var(--hop-Text-md-font-weight);
293
- --line-height: var(--hop-Text-md-line-height);
294
- }
295
- :where(.Text-module__hop-Text--lg___A5qVa) {
296
- --font-size: var(--hop-Text-lg-font-size);
297
- --font-family: var(--hop-Text-lg-font-family);
298
- --font-weight: var(--hop-Text-lg-font-weight);
299
- --line-height: var(--hop-Text-lg-line-height);
300
- }
301
- :where(.Text-module__hop-Text--xl___W3xPi) {
302
- --font-size: var(--hop-Text-xl-font-size);
303
- --font-family: var(--hop-Text-xl-font-family);
304
- --font-weight: var(--hop-Text-xl-font-weight);
305
- --line-height: var(--hop-Text-xl-line-height);
306
- }
307
- :where(.Text-module__hop-Text--2xl___C50TH) {
308
- --font-size: var(--hop-Text-2xl-font-size);
309
- --font-family: var(--hop-Text-2xl-font-family);
310
- --font-weight: var(--hop-Text-2xl-font-weight);
311
- --line-height: var(--hop-Text-2xl-line-height);
312
- }
313
- :where(.Text-module__hop-Text--inherit___YDakN) {
314
- --font-size: var(--hop-Text-inherit-size-font-size);
315
- --font-family: var(--hop-Text-inherit-size-font-family);
316
- --font-weight: var(--hop-Text-inherit-size-font-weight);
317
- --line-height: var(--hop-Text-inherit-size-line-height);
318
- }
319
-
320
506
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
321
- .Button-module__hop-Button___0QG7O {
507
+ .Button-module__hop-Button___omxTR {
322
508
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
323
509
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
324
510
  --hop-Button-icon-only-padding: 0;
@@ -477,317 +663,317 @@
477
663
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
478
664
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
479
665
  }
480
- .Button-module__hop-Button___0QG7O[data-focus-visible] {
666
+ .Button-module__hop-Button___omxTR[data-focus-visible] {
481
667
  outline: 0.125rem solid var(--hop-Button-focus-ring-color);
482
668
  }
483
- .Button-module__hop-Button--icon-only___nE-Ma {
669
+ .Button-module__hop-Button--icon-only___mAijh {
484
670
  --padding-block: var(--hop-Button-icon-only-padding);
485
671
  --padding-inline: var(--hop-Button-icon-only-padding);
486
672
  column-gap: 0;
487
673
  aspect-ratio: 1;
488
674
  }
489
- .Button-module__hop-Button___0QG7O[data-disabled],
490
- .Button-module__hop-Button___0QG7O[data-loading] {
675
+ .Button-module__hop-Button___omxTR[data-disabled],
676
+ .Button-module__hop-Button___omxTR[data-loading] {
491
677
  cursor: not-allowed;
492
678
  }
493
- .Button-module__hop-Button--fluid___SC33v {
679
+ .Button-module__hop-Button--fluid___tJx6A {
494
680
  --inline-size: 100%;
495
681
  }
496
- .Button-module__hop-Button--sm___QU3Uy {
682
+ .Button-module__hop-Button--sm___jBmjK {
497
683
  --block-size: var(--hop-Button-sm-height);
498
684
  }
499
- .Button-module__hop-Button--primary___YcboG.Button-module__hop-Button--sm___QU3Uy:not(.Button-module__hop-Button--icon-only___nE-Ma) {
685
+ .Button-module__hop-Button--primary___GiYHc.Button-module__hop-Button--sm___jBmjK:not(.Button-module__hop-Button--icon-only___mAijh) {
500
686
  --padding-inline: var(--hop-Button-primary-sm-padding-x);
501
687
  --padding-block: var(--hop-Button-primary-sm-padding-y);
502
688
  }
503
- .Button-module__hop-Button--primary___YcboG.Button-module__hop-Button--md___yg8Fl:not(.Button-module__hop-Button--icon-only___nE-Ma) {
689
+ .Button-module__hop-Button--primary___GiYHc.Button-module__hop-Button--md___azhbR:not(.Button-module__hop-Button--icon-only___mAijh) {
504
690
  --padding-inline: var(--hop-Button-primary-md-padding-x);
505
691
  --padding-block: var(--hop-Button-primary-md-padding-y);
506
692
  }
507
- .Button-module__hop-Button--secondary___gylFe.Button-module__hop-Button--md___yg8Fl:not(.Button-module__hop-Button--icon-only___nE-Ma) {
693
+ .Button-module__hop-Button--secondary___W9BWc.Button-module__hop-Button--md___azhbR:not(.Button-module__hop-Button--icon-only___mAijh) {
508
694
  --padding-inline: var(--hop-Button-secondary-md-padding-x);
509
695
  --padding-block: var(--hop-Button-secondary-md-padding-y);
510
696
  }
511
- .Button-module__hop-Button--secondary___gylFe.Button-module__hop-Button--sm___QU3Uy:not(.Button-module__hop-Button--icon-only___nE-Ma) {
697
+ .Button-module__hop-Button--secondary___W9BWc.Button-module__hop-Button--sm___jBmjK:not(.Button-module__hop-Button--icon-only___mAijh) {
512
698
  --padding-inline: var(--hop-Button-secondary-sm-padding-x);
513
699
  --padding-block: var(--hop-Button-secondary-sm-padding-y);
514
700
  }
515
- .Button-module__hop-Button--upsell___ddBGK.Button-module__hop-Button--md___yg8Fl:not(.Button-module__hop-Button--icon-only___nE-Ma) {
701
+ .Button-module__hop-Button--upsell___RGRcm.Button-module__hop-Button--md___azhbR:not(.Button-module__hop-Button--icon-only___mAijh) {
516
702
  --padding-inline: var(--hop-Button-upsell-md-padding-x);
517
703
  --padding-block: var(--hop-Button-upsell-md-padding-y);
518
704
  }
519
- .Button-module__hop-Button--upsell___ddBGK.Button-module__hop-Button--sm___QU3Uy:not(.Button-module__hop-Button--icon-only___nE-Ma) {
705
+ .Button-module__hop-Button--upsell___RGRcm.Button-module__hop-Button--sm___jBmjK:not(.Button-module__hop-Button--icon-only___mAijh) {
520
706
  --padding-inline: var(--hop-Button-upsell-sm-padding-x);
521
707
  --padding-block: var(--hop-Button-upsell-sm-padding-y);
522
708
  }
523
- .Button-module__hop-Button--danger___aosRA.Button-module__hop-Button--md___yg8Fl:not(.Button-module__hop-Button--icon-only___nE-Ma) {
709
+ .Button-module__hop-Button--danger___yqtna.Button-module__hop-Button--md___azhbR:not(.Button-module__hop-Button--icon-only___mAijh) {
524
710
  --padding-inline: var(--hop-Button-danger-md-padding-x);
525
711
  --padding-block: var(--hop-Button-danger-md-padding-y);
526
712
  }
527
- .Button-module__hop-Button--danger___aosRA.Button-module__hop-Button--sm___QU3Uy:not(.Button-module__hop-Button--icon-only___nE-Ma) {
713
+ .Button-module__hop-Button--danger___yqtna.Button-module__hop-Button--sm___jBmjK:not(.Button-module__hop-Button--icon-only___mAijh) {
528
714
  --padding-inline: var(--hop-Button-danger-sm-padding-x);
529
715
  --padding-block: var(--hop-Button-danger-sm-padding-y);
530
716
  }
531
- .Button-module__hop-Button--ghost-danger___dxJKj.Button-module__hop-Button--md___yg8Fl:not(.Button-module__hop-Button--icon-only___nE-Ma) {
717
+ .Button-module__hop-Button--ghost-danger___I3F3m.Button-module__hop-Button--md___azhbR:not(.Button-module__hop-Button--icon-only___mAijh) {
532
718
  --padding-inline: var(--hop-Button-ghost-danger-md-padding-x);
533
719
  --padding-block: var(--hop-Button-ghost-danger-md-padding-y);
534
720
  }
535
- .Button-module__hop-Button--ghost-danger___dxJKj.Button-module__hop-Button--sm___QU3Uy:not(.Button-module__hop-Button--icon-only___nE-Ma) {
721
+ .Button-module__hop-Button--ghost-danger___I3F3m.Button-module__hop-Button--sm___jBmjK:not(.Button-module__hop-Button--icon-only___mAijh) {
536
722
  --padding-inline: var(--hop-Button-ghost-danger-sm-padding-x);
537
723
  --padding-block: var(--hop-Button-ghost-danger-sm-padding-y);
538
724
  }
539
- .Button-module__hop-Button--ghost-secondary___CkcMt.Button-module__hop-Button--md___yg8Fl:not(.Button-module__hop-Button--icon-only___nE-Ma) {
725
+ .Button-module__hop-Button--ghost-secondary___kosyt.Button-module__hop-Button--md___azhbR:not(.Button-module__hop-Button--icon-only___mAijh) {
540
726
  --padding-inline: var(--hop-Button-ghost-secondary-md-padding-x);
541
727
  --padding-block: var(--hop-Button-ghost-secondary-md-padding-y);
542
728
  }
543
- .Button-module__hop-Button--ghost-secondary___CkcMt.Button-module__hop-Button--sm___QU3Uy:not(.Button-module__hop-Button--icon-only___nE-Ma) {
729
+ .Button-module__hop-Button--ghost-secondary___kosyt.Button-module__hop-Button--sm___jBmjK:not(.Button-module__hop-Button--icon-only___mAijh) {
544
730
  --padding-inline: var(--hop-Button-ghost-secondary-sm-padding-x);
545
731
  --padding-block: var(--hop-Button-ghost-secondary-sm-padding-y);
546
732
  }
547
- .Button-module__hop-Button--ghost-primary___qiCJB.Button-module__hop-Button--md___yg8Fl:not(.Button-module__hop-Button--icon-only___nE-Ma) {
733
+ .Button-module__hop-Button--ghost-primary___fmoef.Button-module__hop-Button--md___azhbR:not(.Button-module__hop-Button--icon-only___mAijh) {
548
734
  --padding-inline: var(--hop-Button-ghost-primary-md-padding-x);
549
735
  --padding-block: var(--hop-Button-ghost-primary-md-padding-y);
550
736
  }
551
- .Button-module__hop-Button--ghost-primary___qiCJB.Button-module__hop-Button--sm___QU3Uy:not(.Button-module__hop-Button--icon-only___nE-Ma) {
737
+ .Button-module__hop-Button--ghost-primary___fmoef.Button-module__hop-Button--sm___jBmjK:not(.Button-module__hop-Button--icon-only___mAijh) {
552
738
  --padding-inline: var(--hop-Button-ghost-primary-sm-padding-x);
553
739
  --padding-block: var(--hop-Button-ghost-primary-sm-padding-y);
554
740
  }
555
- .Button-module__hop-Button--primary___YcboG {
741
+ .Button-module__hop-Button--primary___GiYHc {
556
742
  --background-color: var(--hop-Button-primary-background-color);
557
743
  --color: var(--hop-Button-primary-color);
558
744
  --border: var(--hop-Button-primary-border);
559
745
  --spinner-color: var(--hop-Button-primary-spinner-color);
560
746
  }
561
- .Button-module__hop-Button--primary___YcboG[data-disabled]:not([data-loading]) {
747
+ .Button-module__hop-Button--primary___GiYHc[data-disabled]:not([data-loading]) {
562
748
  --background-color: var(--hop-Button-primary-background-color-disabled);
563
749
  --color: var(--hop-Button-primary-color-disabled);
564
750
  --border: var(--hop-Button-primary-border-disabled);
565
751
  }
566
- .Button-module__hop-Button--primary___YcboG[data-hovered]:not([data-disabled], [data-loading]),
567
- .Button-module__hop-Button--primary___YcboG[data-focus-visible]:not([data-disabled], [data-loading]) {
752
+ .Button-module__hop-Button--primary___GiYHc[data-hovered]:not([data-disabled], [data-loading]),
753
+ .Button-module__hop-Button--primary___GiYHc[data-focus-visible]:not([data-disabled], [data-loading]) {
568
754
  --background-color: var(--hop-Button-primary-background-color-hover);
569
755
  --color: var(--hop-Button-primary-color-hover);
570
756
  --border: var(--hop-Button-primary-border-hover);
571
757
  }
572
- .Button-module__hop-Button--primary___YcboG[data-pressed]:not([data-loading]) {
758
+ .Button-module__hop-Button--primary___GiYHc[data-pressed]:not([data-loading]) {
573
759
  --background-color: var(--hop-Button-primary-background-color-pressed);
574
760
  --color: var(--hop-Button-primary-color-pressed);
575
761
  --border: var(--hop-Button-primary-border-pressed);
576
762
  }
577
- .Button-module__hop-Button--secondary___gylFe {
763
+ .Button-module__hop-Button--secondary___W9BWc {
578
764
  --background-color: var(--hop-Button-secondary-background-color);
579
765
  --color: var(--hop-Button-secondary-color);
580
766
  --border: var(--hop-Button-secondary-border);
581
767
  --spinner-color: var(--hop-Button-secondary-spinner-color);
582
768
  }
583
- .Button-module__hop-Button--secondary___gylFe[data-disabled]:not([data-loading]) {
769
+ .Button-module__hop-Button--secondary___W9BWc[data-disabled]:not([data-loading]) {
584
770
  --background-color: var(--hop-Button-secondary-background-color-disabled);
585
771
  --color: var(--hop-Button-secondary-color-disabled);
586
772
  --border: var(--hop-Button-secondary-border-disabled);
587
773
  }
588
- .Button-module__hop-Button--secondary___gylFe[data-hovered]:not([data-disabled], [data-loading]),
589
- .Button-module__hop-Button--secondary___gylFe[data-focus-visible]:not([data-disabled], [data-loading]) {
774
+ .Button-module__hop-Button--secondary___W9BWc[data-hovered]:not([data-disabled], [data-loading]),
775
+ .Button-module__hop-Button--secondary___W9BWc[data-focus-visible]:not([data-disabled], [data-loading]) {
590
776
  --background-color: var(--hop-Button-secondary-background-color-hover);
591
777
  --color: var(--hop-Button-secondary-color-hover);
592
778
  --border: var(--hop-Button-secondary-border-hover);
593
779
  }
594
- .Button-module__hop-Button--secondary___gylFe[data-pressed]:not([data-loading]) {
780
+ .Button-module__hop-Button--secondary___W9BWc[data-pressed]:not([data-loading]) {
595
781
  --background-color: var(--hop-Button-secondary-background-color-pressed);
596
782
  --color: var(--hop-Button-secondary-color-pressed);
597
783
  --border: var(--hop-Button-secondary-border-pressed);
598
784
  }
599
- .Button-module__hop-Button--upsell___ddBGK {
785
+ .Button-module__hop-Button--upsell___RGRcm {
600
786
  --background-color: var(--hop-Button-upsell-background-color);
601
787
  --color: var(--hop-Button-upsell-color);
602
788
  --border: var(--hop-Button-upsell-border);
603
789
  --spinner-color: var(--hop-Button-upsell-spinner-color);
604
790
  }
605
- .Button-module__hop-Button--upsell___ddBGK[data-disabled]:not([data-loading]) {
791
+ .Button-module__hop-Button--upsell___RGRcm[data-disabled]:not([data-loading]) {
606
792
  --background-color: var(--hop-Button-upsell-background-color-disabled);
607
793
  --color: var(--hop-Button-upsell-color-disabled);
608
794
  --border: var(--hop-Button-upsell-border-disabled);
609
795
  }
610
- .Button-module__hop-Button--upsell___ddBGK[data-hovered]:not([data-disabled], [data-loading]),
611
- .Button-module__hop-Button--upsell___ddBGK[data-focus-visible]:not([data-disabled], [data-loading]) {
796
+ .Button-module__hop-Button--upsell___RGRcm[data-hovered]:not([data-disabled], [data-loading]),
797
+ .Button-module__hop-Button--upsell___RGRcm[data-focus-visible]:not([data-disabled], [data-loading]) {
612
798
  --background-color: var(--hop-Button-upsell-background-color-hover);
613
799
  --color: var(--hop-Button-upsell-color-hover);
614
800
  --border: var(--hop-Button-upsell-border-hover);
615
801
  }
616
- .Button-module__hop-Button--upsell___ddBGK[data-pressed]:not([data-loading]) {
802
+ .Button-module__hop-Button--upsell___RGRcm[data-pressed]:not([data-loading]) {
617
803
  --background-color: var(--hop-Button-upsell-background-color-pressed);
618
804
  --color: var(--hop-Button-upsell-color-pressed);
619
805
  --border: var(--hop-Button-upsell-border-pressed);
620
806
  }
621
- .Button-module__hop-Button--danger___aosRA {
807
+ .Button-module__hop-Button--danger___yqtna {
622
808
  --background-color: var(--hop-Button-danger-background-color);
623
809
  --color: var(--hop-Button-danger-color);
624
810
  --border: var(--hop-Button-danger-border);
625
811
  --spinner-color: var(--hop-Button-danger-spinner-color);
626
812
  }
627
- .Button-module__hop-Button--danger___aosRA[data-disabled]:not([data-loading]) {
813
+ .Button-module__hop-Button--danger___yqtna[data-disabled]:not([data-loading]) {
628
814
  --background-color: var(--hop-Button-danger-background-color-disabled);
629
815
  --color: var(--hop-Button-danger-color-disabled);
630
816
  --border: var(--hop-Button-danger-border-disabled);
631
817
  }
632
- .Button-module__hop-Button--danger___aosRA[data-hovered]:not([data-disabled], [data-loading]),
633
- .Button-module__hop-Button--danger___aosRA[data-focus-visible]:not([data-disabled], [data-loading]) {
818
+ .Button-module__hop-Button--danger___yqtna[data-hovered]:not([data-disabled], [data-loading]),
819
+ .Button-module__hop-Button--danger___yqtna[data-focus-visible]:not([data-disabled], [data-loading]) {
634
820
  --background-color: var(--hop-Button-danger-background-color-hover);
635
821
  --color: var(--hop-Button-danger-color-hover);
636
822
  --border: var(--hop-Button-danger-border-hover);
637
823
  }
638
- .Button-module__hop-Button--danger___aosRA[data-pressed]:not([data-loading]) {
824
+ .Button-module__hop-Button--danger___yqtna[data-pressed]:not([data-loading]) {
639
825
  --background-color: var(--hop-Button-danger-background-color-pressed);
640
826
  --color: var(--hop-Button-danger-color-pressed);
641
827
  --border: var(--hop-Button-danger-border-pressed);
642
828
  }
643
- .Button-module__hop-Button--ghost-primary___qiCJB {
829
+ .Button-module__hop-Button--ghost-primary___fmoef {
644
830
  --background-color: var(--hop-Button-ghost-primary-background-color);
645
831
  --color: var(--hop-Button-ghost-primary-color);
646
832
  --border: var(--hop-Button-ghost-primary-border);
647
833
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
648
834
  }
649
- .Button-module__hop-Button--ghost-primary___qiCJB[data-disabled]:not([data-loading]) {
835
+ .Button-module__hop-Button--ghost-primary___fmoef[data-disabled]:not([data-loading]) {
650
836
  --background-color: var(--hop-Button-ghost-primary-background-color-disabled);
651
837
  --color: var(--hop-Button-ghost-primary-color-disabled);
652
838
  --border: var(--hop-Button-ghost-primary-border-disabled);
653
839
  }
654
- .Button-module__hop-Button--ghost-primary___qiCJB[data-hovered]:not([data-disabled], [data-loading]),
655
- .Button-module__hop-Button--ghost-primary___qiCJB[data-focus-visible]:not([data-disabled], [data-loading]) {
840
+ .Button-module__hop-Button--ghost-primary___fmoef[data-hovered]:not([data-disabled], [data-loading]),
841
+ .Button-module__hop-Button--ghost-primary___fmoef[data-focus-visible]:not([data-disabled], [data-loading]) {
656
842
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
657
843
  --color: var(--hop-Button-ghost-primary-color-hover);
658
844
  --border: var(--hop-Button-ghost-primary-border-hover);
659
845
  }
660
- .Button-module__hop-Button--ghost-primary___qiCJB[data-pressed]:not([data-loading]) {
846
+ .Button-module__hop-Button--ghost-primary___fmoef[data-pressed]:not([data-loading]) {
661
847
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
662
848
  --color: var(--hop-Button-ghost-primary-color-pressed);
663
849
  --border: var(--hop-Button-ghost-primary-border-pressed);
664
850
  }
665
- .Button-module__hop-Button--ghost-secondary___CkcMt {
851
+ .Button-module__hop-Button--ghost-secondary___kosyt {
666
852
  --background-color: var(--hop-Button-ghost-secondary-background-color);
667
853
  --color: var(--hop-Button-ghost-secondary-color);
668
854
  --border: var(--hop-Button-ghost-secondary-border);
669
855
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
670
856
  }
671
- .Button-module__hop-Button--ghost-secondary___CkcMt[data-disabled]:not([data-loading]) {
857
+ .Button-module__hop-Button--ghost-secondary___kosyt[data-disabled]:not([data-loading]) {
672
858
  --background-color: var(--hop-Button-ghost-secondary-background-color-disabled);
673
859
  --color: var(--hop-Button-ghost-secondary-color-disabled);
674
860
  --border: var(--hop-Button-ghost-secondary-border-disabled);
675
861
  }
676
- .Button-module__hop-Button--ghost-secondary___CkcMt[data-hovered]:not([data-disabled], [data-loading]),
677
- .Button-module__hop-Button--ghost-secondary___CkcMt[data-focus-visible]:not([data-disabled], [data-loading]) {
862
+ .Button-module__hop-Button--ghost-secondary___kosyt[data-hovered]:not([data-disabled], [data-loading]),
863
+ .Button-module__hop-Button--ghost-secondary___kosyt[data-focus-visible]:not([data-disabled], [data-loading]) {
678
864
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
679
865
  --color: var(--hop-Button-ghost-secondary-color-hover);
680
866
  --border: var(--hop-Button-ghost-secondary-border-hover);
681
867
  }
682
- .Button-module__hop-Button--ghost-secondary___CkcMt[data-pressed]:not([data-loading]) {
868
+ .Button-module__hop-Button--ghost-secondary___kosyt[data-pressed]:not([data-loading]) {
683
869
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
684
870
  --color: var(--hop-Button-ghost-secondary-color-pressed);
685
871
  --border: var(--hop-Button-ghost-secondary-border-pressed);
686
872
  }
687
- .Button-module__hop-Button--ghost-danger___dxJKj {
873
+ .Button-module__hop-Button--ghost-danger___I3F3m {
688
874
  --background-color: var(--hop-Button-ghost-danger-background-color);
689
875
  --color: var(--hop-Button-ghost-danger-color);
690
876
  --border: var(--hop-Button-ghost-danger-border);
691
877
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
692
878
  }
693
- .Button-module__hop-Button--ghost-danger___dxJKj[data-disabled]:not([data-loading]) {
879
+ .Button-module__hop-Button--ghost-danger___I3F3m[data-disabled]:not([data-loading]) {
694
880
  --background-color: var(--hop-Button-ghost-danger-background-color-disabled);
695
881
  --color: var(--hop-Button-ghost-danger-color-disabled);
696
882
  --border: var(--hop-Button-ghost-danger-border-disabled);
697
883
  }
698
- .Button-module__hop-Button--ghost-danger___dxJKj[data-hovered]:not([data-disabled], [data-loading]),
699
- .Button-module__hop-Button--ghost-danger___dxJKj[data-focus-visible]:not([data-disabled], [data-loading]) {
884
+ .Button-module__hop-Button--ghost-danger___I3F3m[data-hovered]:not([data-disabled], [data-loading]),
885
+ .Button-module__hop-Button--ghost-danger___I3F3m[data-focus-visible]:not([data-disabled], [data-loading]) {
700
886
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
701
887
  --color: var(--hop-Button-ghost-danger-color-hover);
702
888
  --border: var(--hop-Button-ghost-danger-border-hover);
703
889
  }
704
- .Button-module__hop-Button--ghost-danger___dxJKj[data-pressed]:not([data-loading]) {
890
+ .Button-module__hop-Button--ghost-danger___I3F3m[data-pressed]:not([data-loading]) {
705
891
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
706
892
  --color: var(--hop-Button-ghost-danger-color-pressed);
707
893
  --border: var(--hop-Button-ghost-danger-border-pressed);
708
894
  }
709
- .Button-module__hop-Button__Spinner___V265i {
895
+ .Button-module__hop-Button__Spinner___Ib9EV {
710
896
  position: absolute;
711
897
  justify-self: center;
712
898
  color: var(--spinner-color);
713
899
  }
714
- .Button-module__hop-Button__icon___mwjgX,
715
- .Button-module__hop-Button__icon-list___5kDpy {
900
+ .Button-module__hop-Button__icon___zdZvL,
901
+ .Button-module__hop-Button__icon-list___QHAI7 {
716
902
  grid-area: start-icon;
717
903
  justify-self: end;
718
904
  }
719
- .Button-module__hop-Button__text___YEnli {
905
+ .Button-module__hop-Button__text___NfHmc {
720
906
  user-select: none;
721
907
  overflow: visible;
722
908
  grid-area: content;
723
909
  font-weight: var(--hop-font-weight-505);
724
910
  text-wrap: nowrap;
725
911
  }
726
- .Button-module__hop-Button--ghost-primary___qiCJB[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___YEnli,
727
- .Button-module__hop-Button--ghost-secondary___CkcMt[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___YEnli,
728
- .Button-module__hop-Button--ghost-danger___dxJKj[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___YEnli,
729
- .Button-module__hop-Button--ghost-primary___qiCJB[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___YEnli,
730
- .Button-module__hop-Button--ghost-secondary___CkcMt[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___YEnli,
731
- .Button-module__hop-Button--ghost-danger___dxJKj[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___YEnli,
732
- .Button-module__hop-Button--ghost-primary___qiCJB[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___YEnli,
733
- .Button-module__hop-Button--ghost-secondary___CkcMt[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___YEnli,
734
- .Button-module__hop-Button--ghost-danger___dxJKj[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___YEnli {
912
+ .Button-module__hop-Button--ghost-primary___fmoef[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___NfHmc,
913
+ .Button-module__hop-Button--ghost-secondary___kosyt[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___NfHmc,
914
+ .Button-module__hop-Button--ghost-danger___I3F3m[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___NfHmc,
915
+ .Button-module__hop-Button--ghost-primary___fmoef[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___NfHmc,
916
+ .Button-module__hop-Button--ghost-secondary___kosyt[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___NfHmc,
917
+ .Button-module__hop-Button--ghost-danger___I3F3m[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___NfHmc,
918
+ .Button-module__hop-Button--ghost-primary___fmoef[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___NfHmc,
919
+ .Button-module__hop-Button--ghost-secondary___kosyt[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___NfHmc,
920
+ .Button-module__hop-Button--ghost-danger___I3F3m[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___NfHmc {
735
921
  text-decoration: underline;
736
922
  text-underline-offset: 0.125rem;
737
923
  }
738
- .Button-module__hop-Button__end-icon___1Hzgu,
739
- .Button-module__hop-Button__end-icon-list___ZjiCH {
924
+ .Button-module__hop-Button__end-icon___exbfl,
925
+ .Button-module__hop-Button__end-icon-list___yyYdR {
740
926
  grid-area: end-icon;
741
927
  }
742
- .Button-module__hop-Button___0QG7O .Button-module__hop-Button__icon-list___5kDpy,
743
- .Button-module__hop-Button___0QG7O .Button-module__hop-Button__end-icon-list___ZjiCH {
928
+ .Button-module__hop-Button___omxTR .Button-module__hop-Button__icon-list___QHAI7,
929
+ .Button-module__hop-Button___omxTR .Button-module__hop-Button__end-icon-list___yyYdR {
744
930
  flex-wrap: nowrap;
745
931
  }
746
- .Button-module__hop-Button___0QG7O[data-loading] > *:not(.Button-module__hop-Button__Spinner___V265i) {
932
+ .Button-module__hop-Button___omxTR[data-loading] > *:not(.Button-module__hop-Button__Spinner___Ib9EV) {
747
933
  opacity: 0;
748
934
  }
749
935
 
750
936
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
751
- .ButtonGroup-module__hop-ButtonGroup___3ZJC5 {
937
+ .ButtonGroup-module__hop-ButtonGroup___nzEIB {
752
938
  display: inline-flex;
753
939
  flex-wrap: nowrap;
754
940
  gap: var(--hop-space-inline-md);
755
941
  }
756
- .ButtonGroup-module__hop-ButtonGroup--horizontal___u8p9P {
942
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___-b5iJ {
757
943
  justify-content: center;
758
944
  }
759
- .ButtonGroup-module__hop-ButtonGroup--vertical___owh4g {
945
+ .ButtonGroup-module__hop-ButtonGroup--vertical___bArOc {
760
946
  flex-direction: column;
761
947
  gap: var(--hop-space-stack-md);
762
948
  align-items: center;
763
949
  }
764
- .ButtonGroup-module__hop-ButtonGroup--start___BFJZq.ButtonGroup-module__hop-ButtonGroup--vertical___owh4g {
950
+ .ButtonGroup-module__hop-ButtonGroup--start___5BJTJ.ButtonGroup-module__hop-ButtonGroup--vertical___bArOc {
765
951
  align-items: flex-start;
766
952
  }
767
- .ButtonGroup-module__hop-ButtonGroup--center___MAZ-9.ButtonGroup-module__hop-ButtonGroup--vertical___owh4g {
953
+ .ButtonGroup-module__hop-ButtonGroup--center___bPHp6.ButtonGroup-module__hop-ButtonGroup--vertical___bArOc {
768
954
  align-items: center;
769
955
  }
770
- .ButtonGroup-module__hop-ButtonGroup--end___p1FOK.ButtonGroup-module__hop-ButtonGroup--vertical___owh4g {
956
+ .ButtonGroup-module__hop-ButtonGroup--end___RtzB4.ButtonGroup-module__hop-ButtonGroup--vertical___bArOc {
771
957
  align-items: flex-end;
772
958
  }
773
- .ButtonGroup-module__hop-ButtonGroup--start___BFJZq.ButtonGroup-module__hop-ButtonGroup--horizontal___u8p9P {
959
+ .ButtonGroup-module__hop-ButtonGroup--start___5BJTJ.ButtonGroup-module__hop-ButtonGroup--horizontal___-b5iJ {
774
960
  justify-content: flex-start;
775
961
  }
776
- .ButtonGroup-module__hop-ButtonGroup--center___MAZ-9.ButtonGroup-module__hop-ButtonGroup--horizontal___u8p9P {
962
+ .ButtonGroup-module__hop-ButtonGroup--center___bPHp6.ButtonGroup-module__hop-ButtonGroup--horizontal___-b5iJ {
777
963
  justify-content: center;
778
964
  }
779
- .ButtonGroup-module__hop-ButtonGroup--end___p1FOK.ButtonGroup-module__hop-ButtonGroup--horizontal___u8p9P {
965
+ .ButtonGroup-module__hop-ButtonGroup--end___RtzB4.ButtonGroup-module__hop-ButtonGroup--horizontal___-b5iJ {
780
966
  justify-content: flex-end;
781
967
  }
782
- .ButtonGroup-module__hop-ButtonGroup--wrap___WhSP1 {
968
+ .ButtonGroup-module__hop-ButtonGroup--wrap___PiEGR {
783
969
  flex-wrap: wrap;
784
970
  }
785
- .ButtonGroup-module__hop-ButtonGroup--fluid___dSxDj {
971
+ .ButtonGroup-module__hop-ButtonGroup--fluid___9BHBE {
786
972
  inline-size: 100%;
787
973
  }
788
974
 
789
975
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
790
- .EmbeddedButton-module__hop-EmbeddedButton___OMar5 {
976
+ .EmbeddedButton-module__hop-EmbeddedButton___aWxfX {
791
977
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
792
978
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
793
979
  --hop-EmbeddedButton-color: var(--hop-neutral-icon-weak);
@@ -836,7 +1022,7 @@
836
1022
  outline: none;
837
1023
  transition: color var(--transition);
838
1024
  }
839
- .EmbeddedButton-module__hop-EmbeddedButton___OMar5::before {
1025
+ .EmbeddedButton-module__hop-EmbeddedButton___aWxfX::before {
840
1026
  content: "";
841
1027
  position: absolute;
842
1028
  inset-block-start: 50%;
@@ -849,48 +1035,48 @@
849
1035
  border-radius: var(--effect-border-radius);
850
1036
  transition: background-color var(--transition);
851
1037
  }
852
- .EmbeddedButton-module__hop-EmbeddedButton--md___YBpcJ {
1038
+ .EmbeddedButton-module__hop-EmbeddedButton--md___MHkDZ {
853
1039
  --inline-size: var(--hop-EmbeddedButton-md-width);
854
1040
  --block-size: var(--hop-EmbeddedButton-md-height);
855
1041
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
856
1042
  }
857
- .EmbeddedButton-module__hop-EmbeddedButton--lg___dFa3L {
1043
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___hXT2I {
858
1044
  --inline-size: var(--hop-EmbeddedButton-lg-width);
859
1045
  --block-size: var(--hop-EmbeddedButton-lg-height);
860
1046
  --focus-ring-offset: 0;
861
1047
  }
862
- .EmbeddedButton-module__hop-EmbeddedButton--md___YBpcJ::before {
1048
+ .EmbeddedButton-module__hop-EmbeddedButton--md___MHkDZ::before {
863
1049
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
864
1050
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
865
1051
  }
866
- .EmbeddedButton-module__hop-EmbeddedButton--lg___dFa3L::before {
1052
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___hXT2I::before {
867
1053
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
868
1054
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
869
1055
  }
870
- .EmbeddedButton-module__hop-EmbeddedButton___OMar5[data-focus-visible] {
1056
+ .EmbeddedButton-module__hop-EmbeddedButton___aWxfX[data-focus-visible] {
871
1057
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
872
1058
  outline-offset: var(--focus-ring-offset);
873
1059
  }
874
- .EmbeddedButton-module__hop-EmbeddedButton___OMar5[data-disabled] {
1060
+ .EmbeddedButton-module__hop-EmbeddedButton___aWxfX[data-disabled] {
875
1061
  --effect-background-color: var(--hop-EmbeddedButton-effect-background-color-disabled);
876
1062
  --color: var(--hop-EmbeddedButton-color-disabled);
877
1063
  cursor: not-allowed;
878
1064
  }
879
- .EmbeddedButton-module__hop-EmbeddedButton___OMar5[data-hovered]:not([data-disabled], [data-pressed]),
880
- .EmbeddedButton-module__hop-EmbeddedButton___OMar5[data-focus-visible]:not([data-disabled], [data-pressed]) {
1065
+ .EmbeddedButton-module__hop-EmbeddedButton___aWxfX[data-hovered]:not([data-disabled], [data-pressed]),
1066
+ .EmbeddedButton-module__hop-EmbeddedButton___aWxfX[data-focus-visible]:not([data-disabled], [data-pressed]) {
881
1067
  --effect-background-color: var(--hop-EmbeddedButton-effect-background-color-hover);
882
1068
  --color: var(--hop-EmbeddedButton-color-hover);
883
1069
  }
884
- .EmbeddedButton-module__hop-EmbeddedButton___OMar5[data-pressed]:not([data-disabled]) {
1070
+ .EmbeddedButton-module__hop-EmbeddedButton___aWxfX[data-pressed]:not([data-disabled]) {
885
1071
  --effect-background-color: var(--hop-EmbeddedButton-effect-background-color-pressed);
886
1072
  --color: var(--hop-EmbeddedButton-color-pressed);
887
1073
  }
888
- .EmbeddedButton-module__hop-EmbeddedButton__icon___QZTts {
1074
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___XoFBK {
889
1075
  position: relative;
890
1076
  }
891
1077
 
892
1078
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/Checkbox.module.css/#css-module-data */
893
- .Checkbox-module__hop-Checkbox___MrfEd {
1079
+ .Checkbox-module__hop-Checkbox___UXMSX {
894
1080
  --hop-Checkbox-box-border-size: 0.0625rem;
895
1081
  --hop-Checkbox-box-border-color: var(--hop-neutral-border);
896
1082
  --hop-Checkbox-box-background-color: var(--hop-neutral-surface);
@@ -967,29 +1153,29 @@
967
1153
  cursor: var(--cursor);
968
1154
  display: flex;
969
1155
  column-gap: var(--hop-space-inline-xs);
970
- align-items: start;
971
- justify-content: start;
1156
+ align-items: flex-start;
1157
+ justify-content: flex-start;
972
1158
  box-sizing: border-box;
973
1159
  inline-size: max-content;
974
1160
  max-inline-size: 100%;
975
1161
  }
976
- .Checkbox-module__hop-Checkbox___MrfEd[data-hovered] {
1162
+ .Checkbox-module__hop-Checkbox___UXMSX[data-hovered] {
977
1163
  --box-background-color: var(--hop-Checkbox-box-background-color-hover);
978
1164
  --box-border-color: var(--hop-Checkbox-box-border-color-hover);
979
1165
  --text-color: var(--hop-Checkbox-text-color-hover);
980
1166
  --icon-color: var(--hop-Checkbox-icon-color-hover);
981
1167
  --description-color: var(--hop-Checkbox-description-color-hover);
982
1168
  }
983
- .Checkbox-module__hop-Checkbox___MrfEd[data-pressed],
984
- .Checkbox-module__hop-Checkbox___MrfEd[data-pressed][data-hovered],
985
- .Checkbox-module__hop-Checkbox___MrfEd[data-pressed][data-focus-visible] {
1169
+ .Checkbox-module__hop-Checkbox___UXMSX[data-pressed],
1170
+ .Checkbox-module__hop-Checkbox___UXMSX[data-pressed][data-hovered],
1171
+ .Checkbox-module__hop-Checkbox___UXMSX[data-pressed][data-focus-visible] {
986
1172
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed);
987
1173
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed);
988
1174
  --text-color: var(--hop-Checkbox-text-color-pressed);
989
1175
  --icon-color: var(--hop-Checkbox-icon-color-pressed);
990
1176
  }
991
- .Checkbox-module__hop-Checkbox___MrfEd[data-selected],
992
- .Checkbox-module__hop-Checkbox___MrfEd[data-selected][data-pressed] {
1177
+ .Checkbox-module__hop-Checkbox___UXMSX[data-selected],
1178
+ .Checkbox-module__hop-Checkbox___UXMSX[data-selected][data-pressed] {
993
1179
  --box-background-color: var(--hop-Checkbox-box-background-color-checked-hover);
994
1180
  --box-border-color: var(--hop-Checkbox-box-border-color-checked-hover);
995
1181
  --check-display: var(--hop-Checkbox-check-display-checked);
@@ -997,7 +1183,7 @@
997
1183
  --icon-color: var(--hop-Checkbox-icon-color-checked);
998
1184
  --description-color: var(--hop-Checkbox-description-color-checked);
999
1185
  }
1000
- .Checkbox-module__hop-Checkbox___MrfEd[data-focus-visible] {
1186
+ .Checkbox-module__hop-Checkbox___UXMSX[data-focus-visible] {
1001
1187
  --box-background-color: var(--hop-Checkbox-box-background-color-focus);
1002
1188
  --box-border-color: var(--hop-Checkbox-box-border-color-focus);
1003
1189
  --box-outline: 0.125rem solid var(--hop-Checkbox-box-focus-ring-color);
@@ -1005,11 +1191,11 @@
1005
1191
  --icon-color: var(--hop-Checkbox-icon-color-focus);
1006
1192
  --description-color: var(--hop-Checkbox-description-color-focus);
1007
1193
  }
1008
- .Checkbox-module__hop-Checkbox___MrfEd[data-focus-visible][data-selected] {
1194
+ .Checkbox-module__hop-Checkbox___UXMSX[data-focus-visible][data-selected] {
1009
1195
  --box-background-color: var(--hop-Checkbox-box-background-color-checked-focus);
1010
1196
  --box-border-color: var(--hop-Checkbox-box-border-color-checked-focus);
1011
1197
  }
1012
- .Checkbox-module__hop-Checkbox___MrfEd[data-invalid] {
1198
+ .Checkbox-module__hop-Checkbox___UXMSX[data-invalid] {
1013
1199
  --box-background-color: var(--hop-Checkbox-box-background-color-invalid);
1014
1200
  --box-border-color: var(--hop-Checkbox-box-border-color-invalid);
1015
1201
  --check-color: var(--hop-Checkbox-check-color-invalid);
@@ -1017,27 +1203,27 @@
1017
1203
  --icon-color: var(--hop-Checkbox-icon-color-invalid);
1018
1204
  --description-color: var(--hop-Checkbox-description-color-invalid);
1019
1205
  }
1020
- .Checkbox-module__hop-Checkbox___MrfEd[data-invalid][data-hovered] {
1206
+ .Checkbox-module__hop-Checkbox___UXMSX[data-invalid][data-hovered] {
1021
1207
  --box-background-color: var(--hop-Checkbox-box-background-color-hover-invalid);
1022
1208
  --box-border-color: var(--hop-Checkbox-box-border-color-hover-invalid);
1023
1209
  --text-color: var(--hop-Checkbox-text-color-hover-invalid);
1024
1210
  --icon-color: var(--hop-Checkbox-icon-color-hover-invalid);
1025
1211
  }
1026
- .Checkbox-module__hop-Checkbox___MrfEd[data-invalid][data-focus-visible] {
1212
+ .Checkbox-module__hop-Checkbox___UXMSX[data-invalid][data-focus-visible] {
1027
1213
  --box-background-color: var(--hop-Checkbox-box-background-color-focus-invalid);
1028
1214
  --box-border-color: var(--hop-Checkbox-box-border-color-focus-invalid);
1029
1215
  }
1030
- .Checkbox-module__hop-Checkbox___MrfEd[data-invalid][data-selected] {
1216
+ .Checkbox-module__hop-Checkbox___UXMSX[data-invalid][data-selected] {
1031
1217
  --box-background-color: var(--hop-Checkbox-box-background-color-checked-invalid);
1032
1218
  --box-border-color: var(--hop-Checkbox-box-border-color-checked-invalid);
1033
1219
  }
1034
- .Checkbox-module__hop-Checkbox___MrfEd[data-invalid][data-pressed] {
1220
+ .Checkbox-module__hop-Checkbox___UXMSX[data-invalid][data-pressed] {
1035
1221
  --box-background-color: var(--hop-Checkbox-box-background-color-pressed-invalid);
1036
1222
  --box-border-color: var(--hop-Checkbox-box-border-color-pressed-invalid);
1037
1223
  --text-color: var(--hop-Checkbox-text-color-pressed-invalid);
1038
1224
  --icon-color: var(--hop-Checkbox-icon-color-pressed-invalid);
1039
1225
  }
1040
- .Checkbox-module__hop-Checkbox___MrfEd[data-disabled] {
1226
+ .Checkbox-module__hop-Checkbox___UXMSX[data-disabled] {
1041
1227
  --box-background-color: var(--hop-Checkbox-box-background-color-disabled);
1042
1228
  --box-border-color: var(--hop-Checkbox-box-border-color-disabled);
1043
1229
  --check-color: var(--hop-Checkbox-check-color-disabled);
@@ -1046,29 +1232,29 @@
1046
1232
  --icon-color: var(--hop-Checkbox-icon-color-disabled);
1047
1233
  --description-color: var(--hop-Checkbox-description-color-disabled);
1048
1234
  }
1049
- .Checkbox-module__hop-Checkbox___MrfEd[data-disabled][data-selected] {
1235
+ .Checkbox-module__hop-Checkbox___UXMSX[data-disabled][data-selected] {
1050
1236
  --box-background-color: var(--hop-Checkbox-box-background-color-checked-disabled);
1051
1237
  --box-border-color: var(--hop-Checkbox-box-border-color-checked-disabled);
1052
1238
  }
1053
- .Checkbox-module__hop-Checkbox--sm___2-ZcA {
1239
+ .Checkbox-module__hop-Checkbox--sm___reHt- {
1054
1240
  --box-block-size: var(--hop-Checkbox-box-sm-block-size);
1055
1241
  --box-inline-size: var(--hop-Checkbox-box-sm-inline-size);
1056
1242
  --text-top-offset: var(--hop-Checkbox-text-sm-top-offset);
1057
1243
  --text-margin-inline-start: var(--hop-Checkbox-text-sm-margin-inline-start);
1058
1244
  }
1059
- .Checkbox-module__hop-Checkbox--md___OXH4N {
1245
+ .Checkbox-module__hop-Checkbox--md___TaQ-X {
1060
1246
  --box-block-size: var(--hop-Checkbox-box-md-block-size);
1061
1247
  --box-inline-size: var(--hop-Checkbox-box-md-inline-size);
1062
1248
  --text-top-offset: var(--hop-Checkbox-text-md-top-offset);
1063
1249
  --text-margin-inline-start: var(--hop-Checkbox-text-md-margin-inline-start);
1064
1250
  }
1065
- .Checkbox-module__hop-Checkbox__icon___TlqDF,
1066
- .Checkbox-module__hop-Checkbox__icon-list___4NMA8 {
1251
+ .Checkbox-module__hop-Checkbox__icon___7Azr1,
1252
+ .Checkbox-module__hop-Checkbox__icon-list___dm1GP {
1067
1253
  flex: 0 0 auto;
1068
1254
  order: 3;
1069
1255
  color: var(--icon-color);
1070
1256
  }
1071
- .Checkbox-module__hop-Checkbox__box___xk3k3 {
1257
+ .Checkbox-module__hop-Checkbox__box___TVJjj {
1072
1258
  display: flex;
1073
1259
  flex: 0 0 auto;
1074
1260
  align-items: center;
@@ -1084,11 +1270,11 @@
1084
1270
  outline-offset: 0.125rem;
1085
1271
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1086
1272
  }
1087
- .Checkbox-module__hop-Checkbox__check___2zKRr {
1273
+ .Checkbox-module__hop-Checkbox__check___32rNl {
1088
1274
  display: var(--check-display);
1089
1275
  color: var(--check-color);
1090
1276
  }
1091
- .Checkbox-module__hop-Checkbox__text___Ldp1m {
1277
+ .Checkbox-module__hop-Checkbox__text___dsqyq {
1092
1278
  flex: 0 1 auto;
1093
1279
  order: 2;
1094
1280
  min-inline-size: 0;
@@ -1098,7 +1284,7 @@
1098
1284
  }
1099
1285
 
1100
1286
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxField.module.css/#css-module-data */
1101
- .CheckboxField-module__hop-CheckboxField___-xrw1 {
1287
+ .CheckboxField-module__hop-CheckboxField___1AqAL {
1102
1288
  --hop-CheckboxField-description-color: var(--hop-neutral-text-weak);
1103
1289
  --hop-CheckboxField-description-color-disabled: var(--hop-neutral-text-disabled);
1104
1290
  --hop-CheckboxField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1117,28 +1303,28 @@
1117
1303
  inline-size: max-content;
1118
1304
  max-inline-size: 100%;
1119
1305
  }
1120
- .CheckboxField-module__hop-CheckboxField___-xrw1[data-disabled] {
1306
+ .CheckboxField-module__hop-CheckboxField___1AqAL[data-disabled] {
1121
1307
  --description-color: var(--hop-CheckboxField-description-color-disabled);
1122
1308
  }
1123
- .CheckboxField-module__hop-CheckboxField--sm___E54A8 {
1309
+ .CheckboxField-module__hop-CheckboxField--sm___OJnAa {
1124
1310
  --row-gap: var(--hop-CheckboxField-sm-row-gap);
1125
1311
  --description-margin-inline-start: var(--hop-CheckboxField-description-sm-margin-inline-start);
1126
1312
  }
1127
- .CheckboxField-module__hop-CheckboxField--md___zTOLT {
1313
+ .CheckboxField-module__hop-CheckboxField--md___tIMZu {
1128
1314
  --row-gap: var(--hop-CheckboxField-md-row-gap);
1129
1315
  --description-margin-inline-start: var(--hop-CheckboxField-description-md-margin-inline-start);
1130
1316
  }
1131
- .CheckboxField-module__hop-CheckboxField__description___xBzvs {
1317
+ .CheckboxField-module__hop-CheckboxField__description___66dnG {
1132
1318
  order: 2;
1133
1319
  margin-inline-start: var(--description-margin-inline-start, var(--hop-CheckboxField-description-md-margin-inline-start));
1134
1320
  color: var(--description-color);
1135
1321
  }
1136
- .CheckboxField-module__hop-CheckboxField__checkbox___ZmA-j {
1322
+ .CheckboxField-module__hop-CheckboxField__checkbox___wXN2n {
1137
1323
  order: 1;
1138
1324
  }
1139
1325
 
1140
1326
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/errorMessage/src/ErrorMessage.module.css/#css-module-data */
1141
- .ErrorMessage-module__hop-ErrorMessage___mRyMK {
1327
+ .ErrorMessage-module__hop-ErrorMessage___r0-aG {
1142
1328
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
1143
1329
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
1144
1330
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -1155,13 +1341,13 @@
1155
1341
  line-height: var(--hop-ErrorMessage-line-height);
1156
1342
  color: var(--hop-ErrorMessage-color);
1157
1343
  }
1158
- .ErrorMessage-module__hop-ErrorMessage__icon___w9R-k {
1344
+ .ErrorMessage-module__hop-ErrorMessage__icon___Kkk3g {
1159
1345
  flex: 0 0 auto;
1160
1346
  align-self: flex-start;
1161
1347
  }
1162
1348
 
1163
1349
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/helperMessage/src/HelperMessage.module.css/#css-module-data */
1164
- .HelperMessage-module__hop-HelperMessage___VrfVI {
1350
+ .HelperMessage-module__hop-HelperMessage___S3jpD {
1165
1351
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
1166
1352
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
1167
1353
  display: flex;
@@ -1170,13 +1356,13 @@
1170
1356
  box-sizing: border-box;
1171
1357
  color: var(--hop-HelperMessage-color);
1172
1358
  }
1173
- .HelperMessage-module__hop-HelperMessage__icon___mVrpO {
1359
+ .HelperMessage-module__hop-HelperMessage__icon___bbmtR {
1174
1360
  flex: 0 0 auto;
1175
1361
  align-self: flex-start;
1176
1362
  }
1177
1363
 
1178
1364
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/checkbox/src/CheckboxGroup.module.css/#css-module-data */
1179
- .CheckboxGroup-module__hop-CheckboxGroup___yIO9B {
1365
+ .CheckboxGroup-module__hop-CheckboxGroup___RPSFN {
1180
1366
  --hop-CheckboxGroup-align-items: flex-start;
1181
1367
  --hop-CheckboxGroup-justify-content: flex-start;
1182
1368
  --hop-CheckboxGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1215,46 +1401,46 @@
1215
1401
  inline-size: max-content;
1216
1402
  max-inline-size: 100%;
1217
1403
  }
1218
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___ROzTE {
1404
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___JQ1vq {
1219
1405
  --list-border: var(--checkbox-border-size) solid var(--checkbox-border-color);
1220
1406
  --list-border-radius: var(--hop-shape-rounded-md);
1221
1407
  }
1222
- .CheckboxGroup-module__hop-CheckboxGroup--sm___5T2Lo {
1408
+ .CheckboxGroup-module__hop-CheckboxGroup--sm___toUIA {
1223
1409
  --column-gap: var(--hop-CheckboxGroup-sm-column-gap);
1224
1410
  --row-gap: var(--hop-CheckboxGroup-sm-row-gap);
1225
1411
  --list-column-gap: var(--hop-CheckboxGroup-list-sm-column-gap);
1226
1412
  --list-row-gap: var(--hop-CheckboxGroup-list-sm-row-gap);
1227
1413
  }
1228
- .CheckboxGroup-module__hop-CheckboxGroup--md___BZM-X {
1414
+ .CheckboxGroup-module__hop-CheckboxGroup--md___WTdo9 {
1229
1415
  --column-gap: var(--hop-CheckboxGroup-md-column-gap);
1230
1416
  --row-gap: var(--hop-CheckboxGroup-md-row-gap);
1231
1417
  --list-column-gap: var(--hop-CheckboxGroup-list-md-column-gap);
1232
1418
  --list-row-gap: var(--hop-CheckboxGroup-list-md-row-gap);
1233
1419
  }
1234
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___ROzTE.CheckboxGroup-module__hop-CheckboxGroup--sm___5T2Lo {
1420
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___JQ1vq.CheckboxGroup-module__hop-CheckboxGroup--sm___toUIA {
1235
1421
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-sm-padding);
1236
1422
  --column-gap: var(--hop-CheckboxGroup-bordered-sm-column-gap);
1237
1423
  --row-gap: var(--hop-CheckboxGroup-bordered-sm-row-gap);
1238
1424
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-sm-column-gap);
1239
1425
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-sm-row-gap);
1240
1426
  }
1241
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___ROzTE.CheckboxGroup-module__hop-CheckboxGroup--md___BZM-X {
1427
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___JQ1vq.CheckboxGroup-module__hop-CheckboxGroup--md___WTdo9 {
1242
1428
  --checkbox-padding: var(--hop-CheckboxGroup-bordered-md-padding);
1243
1429
  --column-gap: var(--hop-CheckboxGroup-bordered-md-column-gap);
1244
1430
  --row-gap: var(--hop-CheckboxGroup-bordered-md-row-gap);
1245
1431
  --list-column-gap: var(--hop-CheckboxGroup-list-bordered-md-column-gap);
1246
1432
  --list-row-gap: var(--hop-CheckboxGroup-list-bordered-md-row-gap);
1247
1433
  }
1248
- .CheckboxGroup-module__hop-CheckboxGroup___yIO9B[data-orientation=horizontal] {
1434
+ .CheckboxGroup-module__hop-CheckboxGroup___RPSFN[data-orientation=horizontal] {
1249
1435
  --flex-direction: var(--hop-CheckboxGroup-horizontal-flex-direction);
1250
1436
  }
1251
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___ROzTE[data-orientation=horizontal] {
1437
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___JQ1vq[data-orientation=horizontal] {
1252
1438
  --flex-wrap: nowrap;
1253
1439
  }
1254
- .CheckboxGroup-module__hop-CheckboxGroup___yIO9B > .CheckboxGroup-module__hop-CheckboxGroup__label___WVEIT {
1440
+ .CheckboxGroup-module__hop-CheckboxGroup___RPSFN > .CheckboxGroup-module__hop-CheckboxGroup__label___03x3Q {
1255
1441
  order: 1;
1256
1442
  }
1257
- .CheckboxGroup-module__hop-CheckboxGroup__list___O5Smt {
1443
+ .CheckboxGroup-module__hop-CheckboxGroup__list___Q9VIf {
1258
1444
  display: flex;
1259
1445
  flex-flow: var(--flex-direction) var(--flex-wrap);
1260
1446
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1265,7 +1451,7 @@
1265
1451
  border: var(--list-border, none);
1266
1452
  border-radius: var(--list-border-radius, 0);
1267
1453
  }
1268
- .CheckboxGroup-module__hop-CheckboxGroup__list___O5Smt > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___LRZIN {
1454
+ .CheckboxGroup-module__hop-CheckboxGroup__list___Q9VIf > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___dEHSn {
1269
1455
  position: relative;
1270
1456
  flex: 0 1 auto;
1271
1457
  align-content: start;
@@ -1273,28 +1459,28 @@
1273
1459
  min-inline-size: 0;
1274
1460
  padding: var(--checkbox-padding, 0);
1275
1461
  }
1276
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___ROzTE .CheckboxGroup-module__hop-CheckboxGroup__list___O5Smt > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___LRZIN ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___LRZIN::before {
1462
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___JQ1vq .CheckboxGroup-module__hop-CheckboxGroup__list___Q9VIf > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___dEHSn ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___dEHSn::before {
1277
1463
  content: "";
1278
1464
  position: absolute;
1279
1465
  display: block;
1280
1466
  }
1281
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___ROzTE[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___O5Smt > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___LRZIN ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___LRZIN::before {
1467
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___JQ1vq[data-orientation=vertical] .CheckboxGroup-module__hop-CheckboxGroup__list___Q9VIf > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___dEHSn ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___dEHSn::before {
1282
1468
  inset-block-start: 0;
1283
1469
  inset-inline: 0;
1284
1470
  border-block-start: var(--list-border, none);
1285
1471
  }
1286
- .CheckboxGroup-module__hop-CheckboxGroup--bordered___ROzTE[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___O5Smt > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___LRZIN ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___LRZIN::before {
1472
+ .CheckboxGroup-module__hop-CheckboxGroup--bordered___JQ1vq[data-orientation=horizontal] .CheckboxGroup-module__hop-CheckboxGroup__list___Q9VIf > .CheckboxGroup-module__hop-CheckboxGroup__checkbox___dEHSn ~ .CheckboxGroup-module__hop-CheckboxGroup__checkbox___dEHSn::before {
1287
1473
  inset-block: 0;
1288
1474
  inset-inline-start: 0;
1289
1475
  border-inline-start: var(--list-border, none);
1290
1476
  }
1291
- .CheckboxGroup-module__hop-CheckboxGroup___yIO9B > .CheckboxGroup-module__hop-CheckboxGroup__error-message___LUFIK,
1292
- .CheckboxGroup-module__hop-CheckboxGroup___yIO9B > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___PUjTi {
1477
+ .CheckboxGroup-module__hop-CheckboxGroup___RPSFN > .CheckboxGroup-module__hop-CheckboxGroup__error-message___EKYu4,
1478
+ .CheckboxGroup-module__hop-CheckboxGroup___RPSFN > .CheckboxGroup-module__hop-CheckboxGroup__helper-message___gDUBN {
1293
1479
  order: 3;
1294
1480
  }
1295
1481
 
1296
1482
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/chip/src/Chip.module.css/#css-module-data */
1297
- .Chip-module__hop-Chip___224kd {
1483
+ .Chip-module__hop-Chip___cxU82 {
1298
1484
  --hop-Chip-border-size: 0.0625rem;
1299
1485
  --hop-Chip-border-radius: var(--hop-shape-pill);
1300
1486
  --hop-Chip-column-gap: var(--hop-space-inline-xs);
@@ -1364,94 +1550,94 @@
1364
1550
  border: var(--border-size) solid var(--border-color);
1365
1551
  border-radius: var(--border-radius);
1366
1552
  }
1367
- .Chip-module__hop-Chip--xs___vVaFu {
1553
+ .Chip-module__hop-Chip--xs___MPhiR {
1368
1554
  --block-size: var(--hop-Chip-xs-block-size);
1369
1555
  --padding-inline: var(--hop-Chip-xs-padding-inline);
1370
1556
  }
1371
- .Chip-module__hop-Chip--sm___ay2-7 {
1557
+ .Chip-module__hop-Chip--sm___OYijB {
1372
1558
  --block-size: var(--hop-Chip-sm-block-size);
1373
1559
  --padding-inline: var(--hop-Chip-sm-padding-inline);
1374
1560
  }
1375
- .Chip-module__hop-Chip--md___bPrjx {
1561
+ .Chip-module__hop-Chip--md___-CMix {
1376
1562
  --block-size: var(--hop-Chip-md-block-size);
1377
1563
  --padding-inline: var(--hop-Chip-md-padding-inline);
1378
1564
  }
1379
- .Chip-module__hop-Chip--lg___Ep8YA {
1565
+ .Chip-module__hop-Chip--lg___j1jM1 {
1380
1566
  --block-size: var(--hop-Chip-lg-block-size);
1381
1567
  --padding-inline: var(--hop-Chip-lg-padding-inline);
1382
1568
  }
1383
- .Chip-module__hop-Chip--neutral___iuOzW {
1569
+ .Chip-module__hop-Chip--neutral___kLtLJ {
1384
1570
  --border-color: var(--hop-Chip-neutral-border-color);
1385
1571
  --background-color: var(--hop-Chip-neutral-background-color);
1386
1572
  --text-color: var(--hop-Chip-neutral-text-color);
1387
1573
  }
1388
- .Chip-module__hop-Chip--progress___TNwPo {
1574
+ .Chip-module__hop-Chip--progress___5GBF8 {
1389
1575
  --border-color: var(--hop-Chip-progress-border-color);
1390
1576
  --background-color: var(--hop-Chip-progress-background-color);
1391
1577
  --text-color: var(--hop-Chip-progress-text-color);
1392
1578
  }
1393
- .Chip-module__hop-Chip--positive___s28s9 {
1579
+ .Chip-module__hop-Chip--positive___F-3cU {
1394
1580
  --border-color: var(--hop-Chip-positive-border-color);
1395
1581
  --background-color: var(--hop-Chip-positive-background-color);
1396
1582
  --text-color: var(--hop-Chip-positive-text-color);
1397
1583
  }
1398
- .Chip-module__hop-Chip--caution___cWFT2 {
1584
+ .Chip-module__hop-Chip--caution___ezAXo {
1399
1585
  --border-color: var(--hop-Chip-caution-border-color);
1400
1586
  --background-color: var(--hop-Chip-caution-background-color);
1401
1587
  --text-color: var(--hop-Chip-caution-text-color);
1402
1588
  }
1403
- .Chip-module__hop-Chip--negative___jBX4e {
1589
+ .Chip-module__hop-Chip--negative___SrEHc {
1404
1590
  --border-color: var(--hop-Chip-negative-border-color);
1405
1591
  --background-color: var(--hop-Chip-negative-background-color);
1406
1592
  --text-color: var(--hop-Chip-negative-text-color);
1407
1593
  }
1408
- .Chip-module__hop-Chip--option1___O1niF {
1594
+ .Chip-module__hop-Chip--option1___TNAVL {
1409
1595
  --border-color: var(--hop-Chip-option1-border-color);
1410
1596
  --background-color: var(--hop-Chip-option1-background-color);
1411
1597
  --text-color: var(--hop-Chip-option1-text-color);
1412
1598
  }
1413
- .Chip-module__hop-Chip--option2___a-gEh {
1599
+ .Chip-module__hop-Chip--option2___WFy37 {
1414
1600
  --border-color: var(--hop-Chip-option2-border-color);
1415
1601
  --background-color: var(--hop-Chip-option2-background-color);
1416
1602
  --text-color: var(--hop-Chip-option2-text-color);
1417
1603
  }
1418
- .Chip-module__hop-Chip--option3___9wALH {
1604
+ .Chip-module__hop-Chip--option3___qYEVE {
1419
1605
  --border-color: var(--hop-Chip-option3-border-color);
1420
1606
  --background-color: var(--hop-Chip-option3-background-color);
1421
1607
  --text-color: var(--hop-Chip-option3-text-color);
1422
1608
  }
1423
- .Chip-module__hop-Chip--option4___wF9tQ {
1609
+ .Chip-module__hop-Chip--option4___MHav7 {
1424
1610
  --border-color: var(--hop-Chip-option4-border-color);
1425
1611
  --background-color: var(--hop-Chip-option4-background-color);
1426
1612
  --text-color: var(--hop-Chip-option4-text-color);
1427
1613
  }
1428
- .Chip-module__hop-Chip--option5___zSGD- {
1614
+ .Chip-module__hop-Chip--option5___Y-i-5 {
1429
1615
  --border-color: var(--hop-Chip-option5-border-color);
1430
1616
  --background-color: var(--hop-Chip-option5-background-color);
1431
1617
  --text-color: var(--hop-Chip-option5-text-color);
1432
1618
  }
1433
- .Chip-module__hop-Chip--option6___jgB-E {
1619
+ .Chip-module__hop-Chip--option6___qTRX9 {
1434
1620
  --border-color: var(--hop-Chip-option6-border-color);
1435
1621
  --background-color: var(--hop-Chip-option6-background-color);
1436
1622
  --text-color: var(--hop-Chip-option6-text-color);
1437
1623
  }
1438
- .Chip-module__hop-Chip--inactive___YRaw7 {
1624
+ .Chip-module__hop-Chip--inactive___vSk80 {
1439
1625
  --border-color: var(--hop-Chip-inactive-border-color);
1440
1626
  --background-color: var(--hop-Chip-inactive-background-color);
1441
1627
  --text-color: var(--hop-Chip-inactive-text-color);
1442
1628
  }
1443
- .Chip-module__hop-Chip--disabled___LKrv0 {
1629
+ .Chip-module__hop-Chip--disabled___175zy {
1444
1630
  --border-color: var(--hop-Chip-disabled-border-color);
1445
1631
  --background-color: var(--hop-Chip-disabled-background-color);
1446
1632
  --text-color: var(--hop-Chip-disabled-text-color);
1447
1633
  }
1448
- .Chip-module__hop-Chip__icon___YPNfW,
1449
- .Chip-module__hop-Chip__icon-list___gWAUM {
1634
+ .Chip-module__hop-Chip__icon___yyVQ2,
1635
+ .Chip-module__hop-Chip__icon-list___fSAV6 {
1450
1636
  flex: 0 0 auto;
1451
1637
  flex-wrap: nowrap;
1452
1638
  order: 1;
1453
1639
  }
1454
- .Chip-module__hop-Chip__text___XGH1R {
1640
+ .Chip-module__hop-Chip__text___hO2-Q {
1455
1641
  overflow: hidden;
1456
1642
  flex: 1 1 auto;
1457
1643
  order: 2;
@@ -1459,15 +1645,15 @@
1459
1645
  text-align: center;
1460
1646
  text-overflow: ellipsis;
1461
1647
  }
1462
- .Chip-module__hop-Chip__end-icon___Gr-pd,
1463
- .Chip-module__hop-Chip__end-icon-list___OCPtE {
1648
+ .Chip-module__hop-Chip__end-icon___thI6k,
1649
+ .Chip-module__hop-Chip__end-icon-list___sNXbx {
1464
1650
  flex: 0 0 auto;
1465
1651
  flex-wrap: nowrap;
1466
1652
  order: 3;
1467
1653
  }
1468
1654
 
1469
1655
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Link/src/Link.module.css/#css-module-data */
1470
- .Link-module__hop-Link___aLbeK {
1656
+ .Link-module__hop-Link___UXQIE {
1471
1657
  --hop-Link-border-radius: var(--hop-shape-rounded-sm);
1472
1658
  --hop-Link-focus-ring-color: var(--hop-primary-border-focus);
1473
1659
  --hop-Link-color-disabled: var(--hop-neutral-text-disabled);
@@ -1492,59 +1678,59 @@
1492
1678
  outline: none;
1493
1679
  outline-offset: 0.125rem;
1494
1680
  }
1495
- .Link-module__hop-Link___aLbeK[data-focus-visible] {
1681
+ .Link-module__hop-Link___UXQIE[data-focus-visible] {
1496
1682
  outline: 0.125rem solid var(--hop-Link-focus-ring-color);
1497
1683
  }
1498
- .Link-module__hop-Link___aLbeK[data-disabled] {
1684
+ .Link-module__hop-Link___UXQIE[data-disabled] {
1499
1685
  cursor: default;
1500
1686
  }
1501
- .Link-module__hop-Link--quiet___7n7m5[data-focus-visible],
1502
- .Link-module__hop-Link--quiet___7n7m5[data-hovered] {
1687
+ .Link-module__hop-Link--quiet___wGnRL[data-focus-visible],
1688
+ .Link-module__hop-Link--quiet___wGnRL[data-hovered] {
1503
1689
  text-decoration: underline;
1504
1690
  }
1505
- .Link-module__hop-Link___aLbeK:not(.Link-module__hop-Link--quiet___7n7m5) {
1691
+ .Link-module__hop-Link___UXQIE:not(.Link-module__hop-Link--quiet___wGnRL) {
1506
1692
  text-decoration: underline;
1507
1693
  }
1508
- .Link-module__hop-Link--primary___-xcuv {
1694
+ .Link-module__hop-Link--primary___ti1DR {
1509
1695
  color: var(--hop-Link-primary-text-color);
1510
1696
  }
1511
- .Link-module__hop-Link--primary___-xcuv[data-disabled] {
1697
+ .Link-module__hop-Link--primary___ti1DR[data-disabled] {
1512
1698
  color: var(--hop-Link-primary-text-disabled-color);
1513
1699
  }
1514
- .Link-module__hop-Link--primary___-xcuv:not([data-disabled])[data-focus-visible],
1515
- .Link-module__hop-Link--primary___-xcuv:not([data-disabled])[data-hovered] {
1700
+ .Link-module__hop-Link--primary___ti1DR:not([data-disabled])[data-focus-visible],
1701
+ .Link-module__hop-Link--primary___ti1DR:not([data-disabled])[data-hovered] {
1516
1702
  color: var(--hop-Link-primary-text-hover-color);
1517
1703
  }
1518
- .Link-module__hop-Link--primary___-xcuv:not([data-disabled])[data-pressed] {
1704
+ .Link-module__hop-Link--primary___ti1DR:not([data-disabled])[data-pressed] {
1519
1705
  color: var(--hop-Link-primary-text-pressed-color);
1520
1706
  }
1521
- .Link-module__hop-Link--secondary___4z2HJ {
1707
+ .Link-module__hop-Link--secondary___WUbS9 {
1522
1708
  color: var(--hop-Link-neutral-text-color);
1523
1709
  }
1524
- .Link-module__hop-Link--secondary___4z2HJ[data-disabled] {
1710
+ .Link-module__hop-Link--secondary___WUbS9[data-disabled] {
1525
1711
  color: var(--hop-Link-neutral-text-disabled-color);
1526
1712
  }
1527
- .Link-module__hop-Link--secondary___4z2HJ:not([data-disabled])[data-focus-visible],
1528
- .Link-module__hop-Link--secondary___4z2HJ:not([data-disabled])[data-hovered] {
1713
+ .Link-module__hop-Link--secondary___WUbS9:not([data-disabled])[data-focus-visible],
1714
+ .Link-module__hop-Link--secondary___WUbS9:not([data-disabled])[data-hovered] {
1529
1715
  color: var(--hop-Link-neutral-text-hover-color);
1530
1716
  }
1531
- .Link-module__hop-Link--secondary___4z2HJ:not([data-disabled])[data-pressed] {
1717
+ .Link-module__hop-Link--secondary___WUbS9:not([data-disabled])[data-pressed] {
1532
1718
  color: var(--hop-Link-neutral-text-pressed-color);
1533
1719
  }
1534
- .Link-module__hop-Link__icon___Y38KO,
1535
- .Link-module__hop-Link__icon-list___4UNng {
1720
+ .Link-module__hop-Link__icon___4hTxA,
1721
+ .Link-module__hop-Link__icon-list___4mwdq {
1536
1722
  order: 2;
1537
1723
  }
1538
- .Link-module__hop-Link__text___RyiFE {
1724
+ .Link-module__hop-Link__text___zwfdO {
1539
1725
  order: 1;
1540
1726
  }
1541
- .Link-module__hop-Link__start-icon___Z6aUG,
1542
- .Link-module__hop-Link__start-icon-list___wmb1h {
1727
+ .Link-module__hop-Link__start-icon___qb39L,
1728
+ .Link-module__hop-Link__start-icon-list___2OqTa {
1543
1729
  order: 0;
1544
1730
  }
1545
1731
 
1546
1732
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/Radio.module.css/#css-module-data */
1547
- .Radio-module__hop-Radio___LZcWz {
1733
+ .Radio-module__hop-Radio___U2zYL {
1548
1734
  --hop-Radio-box-border-size: 0.0625rem;
1549
1735
  --hop-Radio-box-border-color: var(--hop-neutral-border);
1550
1736
  --hop-Radio-box-background-color: var(--hop-neutral-surface);
@@ -1620,27 +1806,27 @@
1620
1806
  cursor: var(--cursor);
1621
1807
  display: flex;
1622
1808
  column-gap: var(--hop-space-inline-xs);
1623
- align-items: start;
1624
- justify-content: start;
1809
+ align-items: flex-start;
1810
+ justify-content: flex-start;
1625
1811
  box-sizing: border-box;
1626
1812
  inline-size: max-content;
1627
1813
  max-inline-size: 100%;
1628
1814
  }
1629
- .Radio-module__hop-Radio___LZcWz[data-hovered] {
1815
+ .Radio-module__hop-Radio___U2zYL[data-hovered] {
1630
1816
  --box-background-color: var(--hop-Radio-box-background-color-hover);
1631
1817
  --box-border-color: var(--hop-Radio-box-border-color-hover);
1632
1818
  --text-color: var(--hop-Radio-text-color-hover);
1633
1819
  --icon-color: var(--hop-Radio-icon-color-hover);
1634
1820
  --description-color: var(--hop-Radio-description-color-hover);
1635
1821
  }
1636
- .Radio-module__hop-Radio___LZcWz[data-pressed] {
1822
+ .Radio-module__hop-Radio___U2zYL[data-pressed] {
1637
1823
  --box-background-color: var(--hop-Radio-box-background-color-pressed);
1638
1824
  --box-border-color: var(--hop-Radio-box-border-color-pressed);
1639
1825
  --text-color: var(--hop-Radio-text-color-pressed);
1640
1826
  --icon-color: var(--hop-Radio-icon-color-pressed);
1641
1827
  --description-color: var(--hop-Radio-description-color-pressed);
1642
1828
  }
1643
- .Radio-module__hop-Radio___LZcWz[data-selected] {
1829
+ .Radio-module__hop-Radio___U2zYL[data-selected] {
1644
1830
  --box-background-color: var(--hop-Radio-box-background-color-selected-hover);
1645
1831
  --box-border-color: var(--hop-Radio-box-border-color-selected-hover);
1646
1832
  --bullet-display: var(--hop-Radio-bullet-display-selected);
@@ -1648,7 +1834,7 @@
1648
1834
  --icon-color: var(--hop-Radio-icon-color-selected);
1649
1835
  --description-color: var(--hop-Radio-description-color-selected);
1650
1836
  }
1651
- .Radio-module__hop-Radio___LZcWz[data-focus-visible] {
1837
+ .Radio-module__hop-Radio___U2zYL[data-focus-visible] {
1652
1838
  --box-background-color: var(--hop-Radio-box-background-color-focus);
1653
1839
  --box-border-color: var(--hop-Radio-box-border-color-focus);
1654
1840
  --box-outline: 0.125rem solid var(--hop-Radio-box-focus-ring-color);
@@ -1656,11 +1842,11 @@
1656
1842
  --icon-color: var(--hop-Radio-icon-color-focus);
1657
1843
  --description-color: var(--hop-Radio-description-color-focus);
1658
1844
  }
1659
- .Radio-module__hop-Radio___LZcWz[data-focus-visible][data-selected] {
1845
+ .Radio-module__hop-Radio___U2zYL[data-focus-visible][data-selected] {
1660
1846
  --box-background-color: var(--hop-Radio-box-background-color-selected-focus);
1661
1847
  --box-border-color: var(--hop-Radio-box-border-color-selected-focus);
1662
1848
  }
1663
- .Radio-module__hop-Radio___LZcWz[data-invalid] {
1849
+ .Radio-module__hop-Radio___U2zYL[data-invalid] {
1664
1850
  --box-background-color: var(--hop-Radio-box-background-color-invalid);
1665
1851
  --box-border-color: var(--hop-Radio-box-border-color-invalid);
1666
1852
  --bullet-color: var(--hop-Radio-bullet-color-invalid);
@@ -1668,27 +1854,27 @@
1668
1854
  --icon-color: var(--hop-Radio-icon-color-invalid);
1669
1855
  --description-color: var(--hop-Radio-description-color-invalid);
1670
1856
  }
1671
- .Radio-module__hop-Radio___LZcWz[data-invalid][data-hovered] {
1857
+ .Radio-module__hop-Radio___U2zYL[data-invalid][data-hovered] {
1672
1858
  --box-background-color: var(--hop-Radio-box-background-color-hover-invalid);
1673
1859
  --box-border-color: var(--hop-Radio-box-border-color-hover-invalid);
1674
1860
  --text-color: var(--hop-Radio-text-color-hover-invalid);
1675
1861
  --icon-color: var(--hop-Radio-text-color-hover-invalid);
1676
1862
  }
1677
- .Radio-module__hop-Radio___LZcWz[data-invalid][data-pressed] {
1863
+ .Radio-module__hop-Radio___U2zYL[data-invalid][data-pressed] {
1678
1864
  --box-background-color: var(--hop-Radio-box-background-color-pressed-invalid);
1679
1865
  --box-border-color: var(--hop-Radio-box-border-color-pressed-invalid);
1680
1866
  --text-color: var(--hop-Radio-text-color-pressed-invalid);
1681
1867
  --icon-color: var(--hop-Radio-icon-color-pressed-invalid);
1682
1868
  }
1683
- .Radio-module__hop-Radio___LZcWz[data-invalid][data-focus-visible] {
1869
+ .Radio-module__hop-Radio___U2zYL[data-invalid][data-focus-visible] {
1684
1870
  --box-background-color: var(--hop-Radio-box-background-color-focus-invalid);
1685
1871
  --box-border-color: var(--hop-Radio-box-border-color-focus-invalid);
1686
1872
  }
1687
- .Radio-module__hop-Radio___LZcWz[data-invalid][data-selected] {
1873
+ .Radio-module__hop-Radio___U2zYL[data-invalid][data-selected] {
1688
1874
  --box-background-color: var(--hop-Radio-box-background-color-selected-invalid);
1689
1875
  --box-border-color: var(--hop-Radio-box-border-color-selected-invalid);
1690
1876
  }
1691
- .Radio-module__hop-Radio___LZcWz[data-disabled] {
1877
+ .Radio-module__hop-Radio___U2zYL[data-disabled] {
1692
1878
  --box-background-color: var(--hop-Radio-box-background-color-disabled);
1693
1879
  --box-border-color: var(--hop-Radio-box-border-color-disabled);
1694
1880
  --bullet-color: var(--hop-Radio-bullet-color-disabled);
@@ -1697,29 +1883,29 @@
1697
1883
  --icon-color: var(--hop-Radio-icon-color-disabled);
1698
1884
  --description-color: var(--hop-Radio-description-color-disabled);
1699
1885
  }
1700
- .Radio-module__hop-Radio___LZcWz[data-disabled][data-selected] {
1886
+ .Radio-module__hop-Radio___U2zYL[data-disabled][data-selected] {
1701
1887
  --box-background-color: var(--hop-Radio-box-background-color-selected-disabled);
1702
1888
  --box-border-color: var(--hop-Radio-box-border-color-selected-disabled);
1703
1889
  }
1704
- .Radio-module__hop-Radio--sm___HI8UZ {
1890
+ .Radio-module__hop-Radio--sm___ienBb {
1705
1891
  --box-inline-size: var(--hop-Radio-box-sm-inline-size);
1706
1892
  --box-block-size: var(--hop-Radio-box-sm-block-size);
1707
1893
  --text-top-offset: var(--hop-Radio-text-sm-top-offset);
1708
1894
  --text-margin-inline-start: var(--hop-Radio-text-sm-margin-inline-start);
1709
1895
  }
1710
- .Radio-module__hop-Radio--md___Dw-0f {
1896
+ .Radio-module__hop-Radio--md___beRv8 {
1711
1897
  --box-inline-size: var(--hop-Radio-box-md-inline-size);
1712
1898
  --box-block-size: var(--hop-Radio-box-md-block-size);
1713
1899
  --text-top-offset: var(--hop-Radio-text-md-top-offset);
1714
1900
  --text-margin-inline-start: var(--hop-Radio-text-md-margin-inline-start);
1715
1901
  }
1716
- .Radio-module__hop-Radio__icon___yYmFX,
1717
- .Radio-module__hop-Radio__icon-list___SPAhi {
1902
+ .Radio-module__hop-Radio__icon___SznKf,
1903
+ .Radio-module__hop-Radio__icon-list___Hcdqe {
1718
1904
  flex: 0 0 auto;
1719
1905
  order: 3;
1720
1906
  color: var(--icon-color);
1721
1907
  }
1722
- .Radio-module__hop-Radio__box___YuVXv {
1908
+ .Radio-module__hop-Radio__box___b7BN6 {
1723
1909
  display: flex;
1724
1910
  flex: 0 0 auto;
1725
1911
  align-items: center;
@@ -1735,11 +1921,11 @@
1735
1921
  outline-offset: 0.125rem;
1736
1922
  transition: background-color var(--transition-duration) var(--hop-easing-productive), border var(--transition-duration) var(--hop-easing-productive);
1737
1923
  }
1738
- .Radio-module__hop-Radio__bullet___nln5Y {
1924
+ .Radio-module__hop-Radio__bullet___Gh9LA {
1739
1925
  display: var(--bullet-display);
1740
1926
  color: var(--bullet-color);
1741
1927
  }
1742
- .Radio-module__hop-Radio__text___89qvv {
1928
+ .Radio-module__hop-Radio__text___M4Ezd {
1743
1929
  flex: 0 1 auto;
1744
1930
  order: 2;
1745
1931
  min-inline-size: 0;
@@ -1749,7 +1935,7 @@
1749
1935
  }
1750
1936
 
1751
1937
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioField.module.css/#css-module-data */
1752
- .RadioField-module__hop-RadioField___j6Bgm {
1938
+ .RadioField-module__hop-RadioField___XLgwE {
1753
1939
  --hop-RadioField-description-color: var(--hop-neutral-text-weak);
1754
1940
  --hop-RadioField-description-color-disabled: var(--hop-neutral-text-disabled);
1755
1941
  --hop-RadioField-sm-row-gap: var(--hop-space-stack-xs);
@@ -1768,28 +1954,28 @@
1768
1954
  inline-size: max-content;
1769
1955
  max-inline-size: 100%;
1770
1956
  }
1771
- .RadioField-module__hop-RadioField___j6Bgm[data-disabled] {
1957
+ .RadioField-module__hop-RadioField___XLgwE[data-disabled] {
1772
1958
  --description-color: var(--hop-RadioField-description-color-disabled);
1773
1959
  }
1774
- .RadioField-module__hop-RadioField--sm___jr--X {
1960
+ .RadioField-module__hop-RadioField--sm___mQpVi {
1775
1961
  --row-gap: var(--hop-RadioField-sm-row-gap);
1776
1962
  --description-margin-inline-start: var(--hop-RadioField-description-sm-margin-inline-start);
1777
1963
  }
1778
- .RadioField-module__hop-RadioField--md___RSqRn {
1964
+ .RadioField-module__hop-RadioField--md___GTmnH {
1779
1965
  --row-gap: var(--hop-RadioField-md-row-gap);
1780
1966
  --description-margin-inline-start: var(--hop-RadioField-description-md-margin-inline-start);
1781
1967
  }
1782
- .RadioField-module__hop-RadioField__description___kCUrj {
1968
+ .RadioField-module__hop-RadioField__description___-HL2K {
1783
1969
  order: 2;
1784
1970
  margin-inline-start: var(--description-margin-inline-start, var(--hop-RadioField-description-md-margin-inline-start));
1785
1971
  color: var(--description-color);
1786
1972
  }
1787
- .RadioField-module__hop-RadioField__radio___ii87W {
1973
+ .RadioField-module__hop-RadioField__radio___7qSUo {
1788
1974
  order: 1;
1789
1975
  }
1790
1976
 
1791
1977
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/radio/src/RadioGroup.module.css/#css-module-data */
1792
- .RadioGroup-module__hop-RadioGroup___BeZQs {
1978
+ .RadioGroup-module__hop-RadioGroup___ZkN81 {
1793
1979
  --hop-RadioGroup-align-items: flex-start;
1794
1980
  --hop-RadioGroup-justify-content: flex-start;
1795
1981
  --hop-RadioGroup-bordered-border-color: var(--hop-neutral-border-weak);
@@ -1829,46 +2015,46 @@
1829
2015
  inline-size: var(--inline-size);
1830
2016
  max-inline-size: 100%;
1831
2017
  }
1832
- .RadioGroup-module__hop-RadioGroup--bordered___cZzyV {
2018
+ .RadioGroup-module__hop-RadioGroup--bordered___Bi-0Z {
1833
2019
  --list-border: var(--radio-border-size) solid var(--radio-border-color);
1834
2020
  --list-border-radius: var(--hop-shape-rounded-md);
1835
2021
  }
1836
- .RadioGroup-module__hop-RadioGroup--sm___IUAVE {
2022
+ .RadioGroup-module__hop-RadioGroup--sm___rknTP {
1837
2023
  --column-gap: var(--hop-RadioGroup-sm-column-gap);
1838
2024
  --row-gap: var(--hop-RadioGroup-sm-row-gap);
1839
2025
  --list-column-gap: var(--hop-RadioGroup-list-sm-column-gap);
1840
2026
  --list-row-gap: var(--hop-RadioGroup-list-sm-row-gap);
1841
2027
  }
1842
- .RadioGroup-module__hop-RadioGroup--md___-Nt39 {
2028
+ .RadioGroup-module__hop-RadioGroup--md___hXQE8 {
1843
2029
  --column-gap: var(--hop-RadioGroup-md-column-gap);
1844
2030
  --row-gap: var(--hop-RadioGroup-md-row-gap);
1845
2031
  --list-column-gap: var(--hop-RadioGroup-list-md-column-gap);
1846
2032
  --list-row-gap: var(--hop-RadioGroup-list-md-row-gap);
1847
2033
  }
1848
- .RadioGroup-module__hop-RadioGroup--bordered___cZzyV.RadioGroup-module__hop-RadioGroup--sm___IUAVE {
2034
+ .RadioGroup-module__hop-RadioGroup--bordered___Bi-0Z.RadioGroup-module__hop-RadioGroup--sm___rknTP {
1849
2035
  --radio-padding: var(--hop-RadioGroup-bordered-sm-padding);
1850
2036
  --column-gap: var(--hop-RadioGroup-bordered-sm-column-gap);
1851
2037
  --row-gap: var(--hop-RadioGroup-bordered-sm-row-gap);
1852
2038
  --list-column-gap: var(--hop-RadioGroup-list-bordered-sm-column-gap);
1853
2039
  --list-row-gap: var(--hop-RadioGroup-list-bordered-sm-row-gap);
1854
2040
  }
1855
- .RadioGroup-module__hop-RadioGroup--bordered___cZzyV.RadioGroup-module__hop-RadioGroup--md___-Nt39 {
2041
+ .RadioGroup-module__hop-RadioGroup--bordered___Bi-0Z.RadioGroup-module__hop-RadioGroup--md___hXQE8 {
1856
2042
  --radio-padding: var(--hop-RadioGroup-bordered-md-padding);
1857
2043
  --column-gap: var(--hop-RadioGroup-bordered-md-column-gap);
1858
2044
  --row-gap: var(--hop-RadioGroup-bordered-md-row-gap);
1859
2045
  --list-column-gap: var(--hop-RadioGroup-list-bordered-md-column-gap);
1860
2046
  --list-row-gap: var(--hop-RadioGroup-list-bordered-md-row-gap);
1861
2047
  }
1862
- .RadioGroup-module__hop-RadioGroup___BeZQs[data-orientation=horizontal] {
2048
+ .RadioGroup-module__hop-RadioGroup___ZkN81[data-orientation=horizontal] {
1863
2049
  --flex-direction: var(--hop-RadioGroup-horizontal-flex-direction);
1864
2050
  }
1865
- .RadioGroup-module__hop-RadioGroup--bordered___cZzyV[data-orientation=horizontal] {
2051
+ .RadioGroup-module__hop-RadioGroup--bordered___Bi-0Z[data-orientation=horizontal] {
1866
2052
  --flex-wrap: nowrap;
1867
2053
  }
1868
- .RadioGroup-module__hop-RadioGroup___BeZQs > .RadioGroup-module__hop-RadioGroup__label___jqTEX {
2054
+ .RadioGroup-module__hop-RadioGroup___ZkN81 > .RadioGroup-module__hop-RadioGroup__label___2-otR {
1869
2055
  order: 1;
1870
2056
  }
1871
- .RadioGroup-module__hop-RadioGroup__list___xrMDx {
2057
+ .RadioGroup-module__hop-RadioGroup__list___HI--g {
1872
2058
  display: flex;
1873
2059
  flex-flow: var(--flex-direction) var(--flex-wrap);
1874
2060
  gap: var(--list-row-gap, var(--hop-space-stack-md)) var(--list-column-gap, var(--hop-space-inline-md));
@@ -1879,7 +2065,7 @@
1879
2065
  border: var(--list-border, none);
1880
2066
  border-radius: var(--list-border-radius, 0);
1881
2067
  }
1882
- .RadioGroup-module__hop-RadioGroup__list___xrMDx > .RadioGroup-module__hop-RadioGroup__radio___g5qwi {
2068
+ .RadioGroup-module__hop-RadioGroup__list___HI--g > .RadioGroup-module__hop-RadioGroup__radio___Y2PHm {
1883
2069
  position: relative;
1884
2070
  flex: 0 1 auto;
1885
2071
  align-content: start;
@@ -1887,28 +2073,28 @@
1887
2073
  min-inline-size: 0;
1888
2074
  padding: var(--radio-padding, 0);
1889
2075
  }
1890
- .RadioGroup-module__hop-RadioGroup--bordered___cZzyV .RadioGroup-module__hop-RadioGroup__list___xrMDx > .RadioGroup-module__hop-RadioGroup__radio___g5qwi ~ .RadioGroup-module__hop-RadioGroup__radio___g5qwi::before {
2076
+ .RadioGroup-module__hop-RadioGroup--bordered___Bi-0Z .RadioGroup-module__hop-RadioGroup__list___HI--g > .RadioGroup-module__hop-RadioGroup__radio___Y2PHm ~ .RadioGroup-module__hop-RadioGroup__radio___Y2PHm::before {
1891
2077
  content: "";
1892
2078
  position: absolute;
1893
2079
  display: block;
1894
2080
  }
1895
- .RadioGroup-module__hop-RadioGroup--bordered___cZzyV[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___xrMDx > .RadioGroup-module__hop-RadioGroup__radio___g5qwi ~ .RadioGroup-module__hop-RadioGroup__radio___g5qwi::before {
2081
+ .RadioGroup-module__hop-RadioGroup--bordered___Bi-0Z[data-orientation=vertical] .RadioGroup-module__hop-RadioGroup__list___HI--g > .RadioGroup-module__hop-RadioGroup__radio___Y2PHm ~ .RadioGroup-module__hop-RadioGroup__radio___Y2PHm::before {
1896
2082
  inset-block-start: 0;
1897
2083
  inset-inline: 0;
1898
2084
  border-block-start: var(--list-border, none);
1899
2085
  }
1900
- .RadioGroup-module__hop-RadioGroup--bordered___cZzyV[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___xrMDx > .RadioGroup-module__hop-RadioGroup__radio___g5qwi ~ .RadioGroup-module__hop-RadioGroup__radio___g5qwi::before {
2086
+ .RadioGroup-module__hop-RadioGroup--bordered___Bi-0Z[data-orientation=horizontal] .RadioGroup-module__hop-RadioGroup__list___HI--g > .RadioGroup-module__hop-RadioGroup__radio___Y2PHm ~ .RadioGroup-module__hop-RadioGroup__radio___Y2PHm::before {
1901
2087
  inset-block: 0;
1902
2088
  inset-inline-start: 0;
1903
2089
  border-inline-start: var(--list-border, none);
1904
2090
  }
1905
- .RadioGroup-module__hop-RadioGroup___BeZQs > .RadioGroup-module__hop-RadioGroup__error-message___bXfiF,
1906
- .RadioGroup-module__hop-RadioGroup___BeZQs > .RadioGroup-module__hop-RadioGroup__helper-message___l-UB6 {
2091
+ .RadioGroup-module__hop-RadioGroup___ZkN81 > .RadioGroup-module__hop-RadioGroup__error-message___fsKgY,
2092
+ .RadioGroup-module__hop-RadioGroup___ZkN81 > .RadioGroup-module__hop-RadioGroup__helper-message___qULS3 {
1907
2093
  order: 3;
1908
2094
  }
1909
2095
 
1910
2096
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/Switch.module.css/#css-module-data */
1911
- .Switch-module__hop-Switch___wvxPf {
2097
+ .Switch-module__hop-Switch___g-wMP {
1912
2098
  --hop-Switch-border-size: 0.0625rem;
1913
2099
  --hop-Switch-border-color: var(--hop-neutral-border);
1914
2100
  --hop-Switch-border-radius: var(--hop-shape-rounded-lg);
@@ -1959,63 +2145,62 @@
1959
2145
  cursor: var(--cursor);
1960
2146
  display: inline-flex;
1961
2147
  column-gap: var(--column-gap);
1962
- align-items: center;
1963
- align-items: start;
1964
- justify-content: start;
2148
+ align-items: flex-start;
2149
+ justify-content: flex-start;
1965
2150
  box-sizing: border-box;
1966
2151
  inline-size: max-content;
1967
2152
  max-inline-size: 100%;
1968
2153
  }
1969
- .Switch-module__hop-Switch--sm___lZll1 {
2154
+ .Switch-module__hop-Switch--sm___x4P0y {
1970
2155
  --inline-size: var(--hop-Switch-inline-size-sm);
1971
2156
  --block-size: var(--hop-Switch-block-size-sm);
1972
2157
  --thumb-size: var(--hop-Switch-thumb-size-sm);
1973
2158
  --inset-inline-start: var(--hop-Switch-inset-inline-start-sm);
1974
2159
  --text-top-offset: var(--hop-Switch-text-top-offset-sm);
1975
2160
  }
1976
- .Switch-module__hop-Switch--md___BUSV8 {
2161
+ .Switch-module__hop-Switch--md___5n6kY {
1977
2162
  --inline-size: var(--hop-Switch-inline-size-md);
1978
2163
  --block-size: var(--hop-Switch-block-size-md);
1979
2164
  --thumb-size: var(--hop-Switch-thumb-size-md);
1980
2165
  --inset-inline-start: var(--hop-Switch-inset-inline-start-md);
1981
2166
  --text-top-offset: var(--hop-Switch-text-top-offset-md);
1982
2167
  }
1983
- .Switch-module__hop-Switch___wvxPf[data-hovered] {
2168
+ .Switch-module__hop-Switch___g-wMP[data-hovered] {
1984
2169
  --border-color: var(--hop-Switch-border-color-hover);
1985
2170
  --background-color: var(--hop-Switch-background-color-hover);
1986
2171
  --thumb-color: var(--hop-Switch-thumb-color-hover);
1987
2172
  --text-color: var(--hop-Switch-text-color-hover);
1988
2173
  }
1989
- .Switch-module__hop-Switch___wvxPf[data-pressed],
1990
- .Switch-module__hop-Switch___wvxPf[data-pressed][data-focus-visible] {
2174
+ .Switch-module__hop-Switch___g-wMP[data-pressed],
2175
+ .Switch-module__hop-Switch___g-wMP[data-pressed][data-focus-visible] {
1991
2176
  --border-color: var(--hop-Switch-border-color-pressed);
1992
2177
  --background-color: var(--hop-Switch-background-color-pressed);
1993
2178
  --thumb-color: var(--hop-Switch-thumb-color-pressed);
1994
2179
  --text-color: var(--hop-Switch-text-color-pressed);
1995
2180
  }
1996
- .Switch-module__hop-Switch___wvxPf[data-focus-visible] {
2181
+ .Switch-module__hop-Switch___g-wMP[data-focus-visible] {
1997
2182
  --border-color: var(--hop-Switch-border-color-focus);
1998
2183
  --background-color: var(--hop-Switch-background-color-focus);
1999
2184
  --thumb-color: var(--hop-Switch-thumb-color-focus);
2000
2185
  --outline: 0.125rem solid var(--hop-Switch-focus-ring-color);
2001
2186
  --text-color: var(--hop-Switch-text-color-focus);
2002
2187
  }
2003
- .Switch-module__hop-Switch___wvxPf[data-selected],
2004
- .Switch-module__hop-Switch___wvxPf[data-selected][data-pressed] {
2188
+ .Switch-module__hop-Switch___g-wMP[data-selected],
2189
+ .Switch-module__hop-Switch___g-wMP[data-selected][data-pressed] {
2005
2190
  --border-color: var(--hop-Switch-border-color-selected);
2006
2191
  --background-color: var(--hop-Switch-background-color-selected);
2007
2192
  --thumb-color: var(--hop-Switch-thumb-color-selected);
2008
2193
  --thumb-transform: translate(calc(var(--inline-size) - var(--thumb-size, var(--hop-Switch-thumb-size-md)) - (2 * var(--inset-inline-start, var(--hop-Switch-inset-inline-start-md))) - (2 * var(--border-size))), -50%);
2009
2194
  --text-color: var(--hop-Switch-text-color-selected);
2010
2195
  }
2011
- .Switch-module__hop-Switch___wvxPf[data-disabled] {
2196
+ .Switch-module__hop-Switch___g-wMP[data-disabled] {
2012
2197
  --border-color: var(--hop-Switch-border-color-disabled);
2013
2198
  --background-color: var(--hop-Switch-background-color-disabled);
2014
2199
  --thumb-color: var(--hop-Switch-thumb-color-disabled);
2015
2200
  --text-color: var(--hop-Switch-text-color-disabled);
2016
2201
  --cursor: not-allowed;
2017
2202
  }
2018
- .Switch-module__hop-Switch__indicator___M3TnD {
2203
+ .Switch-module__hop-Switch__indicator___zoC1a {
2019
2204
  position: relative;
2020
2205
  flex: 0 0 auto;
2021
2206
  box-sizing: border-box;
@@ -2028,7 +2213,7 @@
2028
2213
  outline-offset: 0.125rem;
2029
2214
  transition: background var(--hop-easing-duration-2), border-color var(--hop-easing-duration-2);
2030
2215
  }
2031
- .Switch-module__hop-Switch__indicator___M3TnD::before {
2216
+ .Switch-module__hop-Switch__indicator___zoC1a::before {
2032
2217
  content: "";
2033
2218
  position: absolute;
2034
2219
  inset-block-start: 50%;
@@ -2043,20 +2228,20 @@
2043
2228
  border-radius: var(--hop-shape-circle);
2044
2229
  transition: transform var(--hop-easing-duration-2), background var(--hop-easing-duration-2);
2045
2230
  }
2046
- .Switch-module__hop-Switch__text___rMMHM {
2231
+ .Switch-module__hop-Switch__text___zwJVh {
2047
2232
  flex: 0 1 auto;
2048
2233
  order: 2;
2049
2234
  min-inline-size: 0;
2050
2235
  margin-block-start: var(--text-top-offset, var(--hop-Switch-text-top-offset-md));
2051
2236
  color: var(--text-color);
2052
2237
  }
2053
- .Switch-module__hop-Switch__icon-list___Ee4Bd,
2054
- .Switch-module__hop-Switch__icon___FP-3- {
2238
+ .Switch-module__hop-Switch__icon-list___tBX-Z,
2239
+ .Switch-module__hop-Switch__icon___TKU4w {
2055
2240
  order: 3;
2056
2241
  }
2057
2242
 
2058
2243
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/switch/src/SwitchField.module.css/#css-module-data */
2059
- .SwitchField-module__hop-SwitchField___W9Kva {
2244
+ .SwitchField-module__hop-SwitchField___nmxTu {
2060
2245
  --hop-SwitchField-description-color: var(--hop-neutral-text-weak);
2061
2246
  --hop-SwitchField-description-color-disabled: var(--hop-neutral-text-disabled);
2062
2247
  --hop-SwitchField-sm-row-gap: var(--hop-space-stack-xs);
@@ -2075,28 +2260,28 @@
2075
2260
  inline-size: max-content;
2076
2261
  max-inline-size: 100%;
2077
2262
  }
2078
- .SwitchField-module__hop-SwitchField___W9Kva[data-disabled] {
2263
+ .SwitchField-module__hop-SwitchField___nmxTu[data-disabled] {
2079
2264
  --description-color: var(--hop-SwitchField-description-color-disabled);
2080
2265
  }
2081
- .SwitchField-module__hop-SwitchField--sm___-WX6R {
2266
+ .SwitchField-module__hop-SwitchField--sm___cVtQp {
2082
2267
  --row-gap: var(--hop-SwitchField-sm-row-gap);
2083
2268
  --description-margin-inline-start: var(--hop-SwitchField-description-sm-margin-inline-start);
2084
2269
  }
2085
- .SwitchField-module__hop-SwitchField--md___RjpcR {
2270
+ .SwitchField-module__hop-SwitchField--md___DpMwX {
2086
2271
  --row-gap: var(--hop-SwitchField-md-row-gap);
2087
2272
  --description-margin-inline-start: var(--hop-SwitchField-description-md-margin-inline-start);
2088
2273
  }
2089
- .SwitchField-module__hop-SwitchField__description___DCuF9 {
2274
+ .SwitchField-module__hop-SwitchField__description___hUNKc {
2090
2275
  order: 2;
2091
2276
  margin-inline-start: var(--description-margin-inline-start, var(--hop-SwitchField-description-md-margin-inline-start));
2092
2277
  color: var(--description-color);
2093
2278
  }
2094
- .SwitchField-module__hop-SwitchField__switch___hsPE6 {
2279
+ .SwitchField-module__hop-SwitchField__switch___-gZNo {
2095
2280
  order: 1;
2096
2281
  }
2097
2282
 
2098
2283
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/TagGroup.module.css/#css-module-data */
2099
- .TagGroup-module__hop-TagGroup___jU0Oi {
2284
+ .TagGroup-module__hop-TagGroup___muX-P {
2100
2285
  --hop-TagGroup-row-gap: var(--hop-space-inline-sm);
2101
2286
  --hop-TagGroup-list-column-gap: var(--hop-space-inline-sm);
2102
2287
  --hop-TagGroup-list-row-gap: var(--hop-space-inline-sm);
@@ -2116,10 +2301,10 @@
2116
2301
  inline-size: max-content;
2117
2302
  max-inline-size: 100%;
2118
2303
  }
2119
- .TagGroup-module__hop-TagGroup___jU0Oi > .TagGroup-module__hop-TagGroup__label___6FsvW {
2304
+ .TagGroup-module__hop-TagGroup___muX-P > .TagGroup-module__hop-TagGroup__label___dhbyb {
2120
2305
  order: 1;
2121
2306
  }
2122
- .TagGroup-module__hop-TagGroup__list___sB-Og {
2307
+ .TagGroup-module__hop-TagGroup__list___V4zxa {
2123
2308
  display: flex;
2124
2309
  flex-wrap: wrap;
2125
2310
  gap: var(--list-row-gap) var(--list-column-gap);
@@ -2128,17 +2313,17 @@
2128
2313
  border-radius: var(--list-border-radius);
2129
2314
  outline: none;
2130
2315
  }
2131
- .TagGroup-module__hop-TagGroup__list___sB-Og[data-focus-visible] {
2316
+ .TagGroup-module__hop-TagGroup__list___V4zxa[data-focus-visible] {
2132
2317
  outline: 0.125rem solid var(--list-focus-ring-color);
2133
2318
  outline-offset: 0.125rem;
2134
2319
  }
2135
- .TagGroup-module__hop-TagGroup___jU0Oi > .TagGroup-module__hop-TagGroup__error-message___mOw5E,
2136
- .TagGroup-module__hop-TagGroup___jU0Oi > .TagGroup-module__hop-TagGroup__helper-message___6ln7G {
2320
+ .TagGroup-module__hop-TagGroup___muX-P > .TagGroup-module__hop-TagGroup__error-message___u8YEV,
2321
+ .TagGroup-module__hop-TagGroup___muX-P > .TagGroup-module__hop-TagGroup__helper-message___SgKv3 {
2137
2322
  order: 3;
2138
2323
  }
2139
2324
 
2140
2325
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
2141
- .Heading-module__hop-Heading___Q3-KC {
2326
+ .Heading-module__hop-Heading___N6RDM {
2142
2327
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
2143
2328
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
2144
2329
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -2172,50 +2357,50 @@
2172
2357
  --hop-Heading-inherit-size-font-weight: inherit;
2173
2358
  --hop-Heading-inherit-size-line-height: inherit;
2174
2359
  }
2175
- :where(.Heading-module__hop-Heading___Q3-KC) {
2360
+ :where(.Heading-module__hop-Heading___N6RDM) {
2176
2361
  margin: 0;
2177
2362
  font-family: var(--font-family);
2178
2363
  font-size: var(--font-size);
2179
2364
  font-weight: var(--font-weight);
2180
2365
  line-height: var(--line-height);
2181
2366
  }
2182
- :where(.Heading-module__hop-Heading--xs___7idA2) {
2367
+ :where(.Heading-module__hop-Heading--xs___PspSb) {
2183
2368
  --font-size: var(--hop-Heading-xs-font-size);
2184
2369
  --font-family: var(--hop-Heading-xs-font-family);
2185
2370
  --font-weight: var(--hop-Heading-xs-font-weight);
2186
2371
  --line-height: var(--hop-Heading-xs-line-height);
2187
2372
  }
2188
- :where(.Heading-module__hop-Heading--sm___tKfS2) {
2373
+ :where(.Heading-module__hop-Heading--sm___I-Ypn) {
2189
2374
  --font-size: var(--hop-Heading-sm-font-size);
2190
2375
  --font-family: var(--hop-Heading-sm-font-family);
2191
2376
  --font-weight: var(--hop-Heading-sm-font-weight);
2192
2377
  --line-height: var(--hop-Heading-sm-line-height);
2193
2378
  }
2194
- :where(.Heading-module__hop-Heading--md___EZDa1) {
2379
+ :where(.Heading-module__hop-Heading--md___bJB6G) {
2195
2380
  --font-size: var(--hop-Heading-md-font-size);
2196
2381
  --font-family: var(--hop-Heading-md-font-family);
2197
2382
  --font-weight: var(--hop-Heading-md-font-weight);
2198
2383
  --line-height: var(--hop-Heading-md-line-height);
2199
2384
  }
2200
- :where(.Heading-module__hop-Heading--lg___wONbp) {
2385
+ :where(.Heading-module__hop-Heading--lg___NYsEb) {
2201
2386
  --font-size: var(--hop-Heading-lg-font-size);
2202
2387
  --font-family: var(--hop-Heading-lg-font-family);
2203
2388
  --font-weight: var(--hop-Heading-lg-font-weight);
2204
2389
  --line-height: var(--hop-Heading-lg-line-height);
2205
2390
  }
2206
- :where(.Heading-module__hop-Heading--xl___jZufr) {
2391
+ :where(.Heading-module__hop-Heading--xl___K-lV8) {
2207
2392
  --font-size: var(--hop-Heading-xl-font-size);
2208
2393
  --font-family: var(--hop-Heading-xl-font-family);
2209
2394
  --font-weight: var(--hop-Heading-xl-font-weight);
2210
2395
  --line-height: var(--hop-Heading-xl-line-height);
2211
2396
  }
2212
- :where(.Heading-module__hop-Heading--2xl___UHXYW) {
2397
+ :where(.Heading-module__hop-Heading--2xl___Uxjjw) {
2213
2398
  --font-size: var(--hop-Heading-2xl-font-size);
2214
2399
  --font-family: var(--hop-Heading-2xl-font-family);
2215
2400
  --font-weight: var(--hop-Heading-2xl-font-weight);
2216
2401
  --line-height: var(--hop-Heading-2xl-line-height);
2217
2402
  }
2218
- :where(.Heading-module__hop-Heading--3xl___f817X) {
2403
+ :where(.Heading-module__hop-Heading--3xl___YLUEv) {
2219
2404
  --font-size: var(--hop-Heading-3xl-font-size);
2220
2405
  --font-family: var(--hop-Heading-3xl-font-family);
2221
2406
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -2223,7 +2408,7 @@
2223
2408
  }
2224
2409
 
2225
2410
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/Tag.module.css/#css-module-data */
2226
- .Tag-module__hop-Tag___7-wrs {
2411
+ .Tag-module__hop-Tag___qFqyh {
2227
2412
  --hop-Tag-border-size: 0.0625rem;
2228
2413
  --hop-Tag-border-radius: var(--hop-shape-pill);
2229
2414
  --hop-Tag-border-color: var(--hop-neutral-border);
@@ -2283,23 +2468,23 @@
2283
2468
  outline: none;
2284
2469
  outline-offset: 0.125rem;
2285
2470
  }
2286
- .Tag-module__hop-Tag--md___WMt5B {
2471
+ .Tag-module__hop-Tag--md___yD2R0 {
2287
2472
  --block-size: var(--hop-Tag-md-block-size);
2288
2473
  --padding-inline-start: var(--hop-Tag-md-padding-inline-start);
2289
2474
  --padding-inline-end: var(--hop-Tag-md-padding-inline-end);
2290
2475
  --column-gap: var(--hop-Tag-md-column-gap);
2291
2476
  --clear-btn-margin-inline: calc(-1 * var(--hop-space-inline-xs));
2292
2477
  }
2293
- .Tag-module__hop-Tag--md___WMt5B:not(:has(.Tag-module__hop-Tag__icon___5WFui, .Tag-module__hop-Tag__icon-list___bWXWD)) {
2478
+ .Tag-module__hop-Tag--md___yD2R0:not(:has(.Tag-module__hop-Tag__icon___BuZdB, .Tag-module__hop-Tag__icon-list___XpdrM)) {
2294
2479
  --padding-inline-start: var(--hop-Tag-md-padding-inline-start-text-first);
2295
2480
  }
2296
- .Tag-module__hop-Tag--md___WMt5B:not(:has(.Tag-module__hop-Tag__badge___d16x6, .Tag-module__hop-Tag__remove-btn___UFMPy, .Tag-module__hop-Tag__Spinner___MVzwl)) {
2481
+ .Tag-module__hop-Tag--md___yD2R0:not(:has(.Tag-module__hop-Tag__badge___KsNAZ, .Tag-module__hop-Tag__remove-btn___1-nqJ, .Tag-module__hop-Tag__Spinner___4ylYp)) {
2297
2482
  --padding-inline-end: var(--hop-Tag-md-padding-inline-end-text-last);
2298
2483
  }
2299
- .Tag-module__hop-Tag--md___WMt5B:not(:has(.Tag-module__hop-Tag__remove-btn___UFMPy, .Tag-module__hop-Tag__Spinner___MVzwl)) {
2484
+ .Tag-module__hop-Tag--md___yD2R0:not(:has(.Tag-module__hop-Tag__remove-btn___1-nqJ, .Tag-module__hop-Tag__Spinner___4ylYp)) {
2300
2485
  --badge-margin-inline-end: calc(-1 * var(--padding-inline-end));
2301
2486
  }
2302
- .Tag-module__hop-Tag--lg___8WdhU {
2487
+ .Tag-module__hop-Tag--lg___QYYXG {
2303
2488
  --block-size: var(--hop-Tag-lg-block-size);
2304
2489
  --padding-inline-start: var(--hop-Tag-lg-padding-inline-start);
2305
2490
  --padding-inline-end: var(--hop-Tag-lg-padding-inline-end);
@@ -2307,54 +2492,54 @@
2307
2492
  --clear-btn-margin-inline: 0;
2308
2493
  --badge-margin-inline-end: 0;
2309
2494
  }
2310
- .Tag-module__hop-Tag--lg___8WdhU:not(:has(.Tag-module__hop-Tag__icon___5WFui, .Tag-module__hop-Tag__icon-list___bWXWD)) {
2495
+ .Tag-module__hop-Tag--lg___QYYXG:not(:has(.Tag-module__hop-Tag__icon___BuZdB, .Tag-module__hop-Tag__icon-list___XpdrM)) {
2311
2496
  --padding-inline-start: var(--hop-Tag-lg-padding-inline-start-text-first);
2312
2497
  }
2313
- .Tag-module__hop-Tag--lg___8WdhU:not(:has(.Tag-module__hop-Tag__badge___d16x6, .Tag-module__hop-Tag__remove-btn___UFMPy, .Tag-module__hop-Tag__Spinner___MVzwl)) {
2498
+ .Tag-module__hop-Tag--lg___QYYXG:not(:has(.Tag-module__hop-Tag__badge___KsNAZ, .Tag-module__hop-Tag__remove-btn___1-nqJ, .Tag-module__hop-Tag__Spinner___4ylYp)) {
2314
2499
  --padding-inline-end: var(--hop-Tag-lg-padding-inline-end-text-last);
2315
2500
  }
2316
- .Tag-module__hop-Tag___7-wrs[data-href] {
2501
+ .Tag-module__hop-Tag___qFqyh[data-href] {
2317
2502
  cursor: pointer;
2318
2503
  }
2319
- .Tag-module__hop-Tag___7-wrs[data-focus-visible] {
2504
+ .Tag-module__hop-Tag___qFqyh[data-focus-visible] {
2320
2505
  --background-color: var(--hop-Tag-background-color-focus);
2321
2506
  --border-color: var(--hop-Tag-border-color-focus);
2322
2507
  --text-color: var(--hop-Tag-text-color-focus);
2323
2508
  outline: 0.125rem solid var(--focus-ring-color);
2324
2509
  }
2325
- .Tag-module__hop-Tag___7-wrs[data-hovered] {
2510
+ .Tag-module__hop-Tag___qFqyh[data-hovered] {
2326
2511
  --background-color: var(--hop-Tag-background-color-hover);
2327
2512
  --border-color: var(--hop-Tag-border-color-hover);
2328
2513
  --text-color: var(--hop-Tag-text-color-hover);
2329
2514
  cursor: pointer;
2330
2515
  }
2331
- .Tag-module__hop-Tag___7-wrs[data-selected] {
2516
+ .Tag-module__hop-Tag___qFqyh[data-selected] {
2332
2517
  --background-color: var(--hop-Tag-background-color-selected);
2333
2518
  --border-color: var(--hop-Tag-border-color-selected);
2334
2519
  --text-color: var(--hop-Tag-text-color-selected);
2335
2520
  }
2336
- .Tag-module__hop-Tag___7-wrs[data-pressed] {
2521
+ .Tag-module__hop-Tag___qFqyh[data-pressed] {
2337
2522
  --background-color: var(--hop-Tag-background-color-press);
2338
2523
  --border-color: var(--hop-Tag-border-color-press);
2339
2524
  --text-color: var(--hop-Tag-text-color-press);
2340
2525
  cursor: pointer;
2341
2526
  }
2342
- .Tag-module__hop-Tag___7-wrs[data-invalid] {
2527
+ .Tag-module__hop-Tag___qFqyh[data-invalid] {
2343
2528
  --border-color: var(--hop-Tag-border-color-invalid);
2344
2529
  }
2345
- .Tag-module__hop-Tag___7-wrs[data-disabled] {
2530
+ .Tag-module__hop-Tag___qFqyh[data-disabled] {
2346
2531
  --background-color: var(--hop-Tag-background-color-disabled);
2347
2532
  --border-color: var(--hop-Tag-border-color-disabled);
2348
2533
  --text-color: var(--hop-Tag-text-color-disabled);
2349
2534
  cursor: not-allowed;
2350
2535
  }
2351
- .Tag-module__hop-Tag__icon___5WFui,
2352
- .Tag-module__hop-Tag__icon-list___bWXWD {
2536
+ .Tag-module__hop-Tag__icon___BuZdB,
2537
+ .Tag-module__hop-Tag__icon-list___XpdrM {
2353
2538
  flex: 0 0 auto;
2354
2539
  flex-wrap: nowrap;
2355
2540
  order: 1;
2356
2541
  }
2357
- .Tag-module__hop-Tag__text___kf8E- {
2542
+ .Tag-module__hop-Tag__text___JF8Qt {
2358
2543
  overflow: hidden;
2359
2544
  flex: 1 1 auto;
2360
2545
  order: 2;
@@ -2362,19 +2547,19 @@
2362
2547
  text-align: center;
2363
2548
  text-overflow: ellipsis;
2364
2549
  }
2365
- .Tag-module__hop-Tag__badge___d16x6 {
2550
+ .Tag-module__hop-Tag__badge___KsNAZ {
2366
2551
  flex: 0 0 auto;
2367
2552
  order: 3;
2368
2553
  margin-inline-end: var(--badge-margin-inline-end);
2369
2554
  }
2370
- .Tag-module__hop-Tag__badge___d16x6.Tag-module__hop-Badge--secondary___nwORS {
2555
+ .Tag-module__hop-Tag__badge___KsNAZ.Tag-module__hop-Badge--secondary___Hb-el {
2371
2556
  margin-inline-start: var(--badge-secondary-inline-margin-start);
2372
2557
  }
2373
- .Tag-module__hop-Tag__remove-btn___UFMPy,
2374
- .Tag-module__hop-Tag__Spinner___MVzwl {
2558
+ .Tag-module__hop-Tag__remove-btn___1-nqJ,
2559
+ .Tag-module__hop-Tag__Spinner___4ylYp {
2375
2560
  flex: 0 0 auto;
2376
2561
  order: 4;
2377
2562
  }
2378
- .Tag-module__hop-Tag__remove-btn___UFMPy {
2563
+ .Tag-module__hop-Tag__remove-btn___1-nqJ {
2379
2564
  margin-inline: var(--clear-btn-margin-inline);
2380
2565
  }