@hopper-ui/components 1.0.12 → 1.0.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (161) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/Avatar/src/AnonymousAvatar.css +10 -10
  3. package/dist/Avatar/src/AnonymousAvatar.js +2 -2
  4. package/dist/Avatar/src/Avatar.css +37 -37
  5. package/dist/Avatar/src/Avatar.js +3 -3
  6. package/dist/Avatar/src/DeletedAvatar.css +10 -10
  7. package/dist/Avatar/src/DeletedAvatar.js +2 -2
  8. package/dist/Avatar/src/RichIconAvatarImage.css +10 -10
  9. package/dist/Avatar/src/RichIconAvatarImage.js +1 -1
  10. package/dist/Avatar/src/index.css +37 -37
  11. package/dist/Avatar/src/index.js +5 -5
  12. package/dist/Badge/src/Badge.css +10 -10
  13. package/dist/Badge/src/Badge.js +2 -2
  14. package/dist/Badge/src/index.css +10 -10
  15. package/dist/Badge/src/index.js +2 -2
  16. package/dist/Chip/src/Chip.css +33 -33
  17. package/dist/Chip/src/Chip.js +2 -2
  18. package/dist/Chip/src/index.css +33 -33
  19. package/dist/Chip/src/index.js +2 -2
  20. package/dist/Divider/src/Divider.css +2 -2
  21. package/dist/Divider/src/Divider.js +1 -1
  22. package/dist/Divider/src/index.css +2 -2
  23. package/dist/Divider/src/index.js +1 -1
  24. package/dist/ErrorMessage/src/ErrorMessage.css +11 -11
  25. package/dist/ErrorMessage/src/ErrorMessage.js +2 -2
  26. package/dist/ErrorMessage/src/index.css +11 -11
  27. package/dist/ErrorMessage/src/index.js +2 -2
  28. package/dist/HelperMessage/src/HelperMessage.css +11 -11
  29. package/dist/HelperMessage/src/HelperMessage.js +2 -2
  30. package/dist/HelperMessage/src/index.css +11 -11
  31. package/dist/HelperMessage/src/index.js +2 -2
  32. package/dist/IconList/src/IconList.css +1 -1
  33. package/dist/IconList/src/IconList.js +1 -1
  34. package/dist/IconList/src/index.css +1 -1
  35. package/dist/IconList/src/index.js +1 -1
  36. package/dist/Link/src/Link.css +31 -31
  37. package/dist/Link/src/Link.js +2 -2
  38. package/dist/Link/src/index.css +31 -31
  39. package/dist/Link/src/index.js +2 -2
  40. package/dist/ListBox/src/ListBox.css +168 -168
  41. package/dist/ListBox/src/ListBox.js +8 -8
  42. package/dist/ListBox/src/ListBoxItem.css +153 -153
  43. package/dist/ListBox/src/ListBoxItem.js +7 -7
  44. package/dist/ListBox/src/ListBoxItemSkeleton.css +7 -7
  45. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  46. package/dist/ListBox/src/index.css +168 -168
  47. package/dist/ListBox/src/index.js +8 -8
  48. package/dist/Spinner/src/Spinner.css +19 -19
  49. package/dist/Spinner/src/Spinner.js +2 -2
  50. package/dist/Spinner/src/index.css +19 -19
  51. package/dist/Spinner/src/index.js +2 -2
  52. package/dist/buttons/src/Button.css +97 -97
  53. package/dist/buttons/src/Button.js +3 -3
  54. package/dist/buttons/src/ButtonGroup.css +11 -11
  55. package/dist/buttons/src/ButtonGroup.js +1 -1
  56. package/dist/buttons/src/ClearButton.css +12 -12
  57. package/dist/buttons/src/ClearButton.js +2 -2
  58. package/dist/buttons/src/EmbeddedButton.css +12 -12
  59. package/dist/buttons/src/EmbeddedButton.js +1 -1
  60. package/dist/buttons/src/index.css +120 -120
  61. package/dist/buttons/src/index.js +6 -6
  62. package/dist/checkbox/src/Checkbox.css +31 -31
  63. package/dist/checkbox/src/Checkbox.js +2 -2
  64. package/dist/checkbox/src/CheckboxField.css +15 -15
  65. package/dist/checkbox/src/CheckboxField.js +1 -1
  66. package/dist/checkbox/src/CheckboxGroup.css +59 -59
  67. package/dist/checkbox/src/CheckboxGroup.js +1 -1
  68. package/dist/checkbox/src/index.css +59 -59
  69. package/dist/checkbox/src/index.js +4 -4
  70. package/dist/{chunk-2EWSXUKP.js → chunk-2MUGMKNO.js} +1 -1
  71. package/dist/{chunk-H47QYKHU.js → chunk-44KY7MFF.js} +4 -4
  72. package/dist/{chunk-GLJ23R4O.js → chunk-5WWMVQI4.js} +1 -1
  73. package/dist/{chunk-HAJOOYIY.js → chunk-723W7LGB.js} +3 -3
  74. package/dist/{chunk-USYSDGSI.js → chunk-AMXRADUV.js} +2 -2
  75. package/dist/{chunk-4RGYMJVX.js → chunk-AYPCLDGU.js} +1 -1
  76. package/dist/{chunk-WQ2IDC5N.js → chunk-B42AJF74.js} +6 -6
  77. package/dist/{chunk-R5TKT4GV.js → chunk-CCIVRIKG.js} +1 -1
  78. package/dist/{chunk-UG2GABQI.js → chunk-CS2RAWQB.js} +3 -3
  79. package/dist/{chunk-C6HQZUJC.js → chunk-CXIH6I5X.js} +1 -1
  80. package/dist/{chunk-UZWPP6WB.js → chunk-DZHRELLA.js} +1 -1
  81. package/dist/{chunk-Z4S37Y6Z.js → chunk-ERE2XRQA.js} +1 -1
  82. package/dist/{chunk-5O2R6OZD.js → chunk-ESRYOELK.js} +2 -2
  83. package/dist/{chunk-FMYIFMMF.js → chunk-GH5LAOQU.js} +1 -1
  84. package/dist/{chunk-L6GOPZJM.js → chunk-I2YZLGRE.js} +1 -1
  85. package/dist/{chunk-EUVNSKLC.js → chunk-IEE2HHGR.js} +1 -1
  86. package/dist/{chunk-JHCYXGZQ.js → chunk-JLUFMLGV.js} +1 -1
  87. package/dist/{chunk-F54JRMFF.js → chunk-JN2FF2IX.js} +1 -1
  88. package/dist/{chunk-XVFY4N5S.js → chunk-KARK64JC.js} +1 -1
  89. package/dist/{chunk-VIJAZ3D6.js → chunk-LDORNYHF.js} +2 -2
  90. package/dist/{chunk-AV6EXKJL.js → chunk-M4IVTAHY.js} +3 -3
  91. package/dist/{chunk-WKTV56XG.js → chunk-MVWQVBTK.js} +1 -1
  92. package/dist/{chunk-37ZFOV4F.js → chunk-NHM3MQI3.js} +1 -1
  93. package/dist/{chunk-4GSKU4TS.js → chunk-PAYZGXTT.js} +1 -1
  94. package/dist/{chunk-OQ4PSWC7.js → chunk-QTV45NTY.js} +2 -2
  95. package/dist/{chunk-LPNAHCYD.js → chunk-RGGVZKNN.js} +2 -2
  96. package/dist/{chunk-KHBGN72O.js → chunk-RXZQB35O.js} +2 -2
  97. package/dist/{chunk-W6AZ2ZWU.js → chunk-SNWJJ3FF.js} +1 -1
  98. package/dist/{chunk-RHZPF2YH.js → chunk-SSMGKQ27.js} +2 -2
  99. package/dist/{chunk-YKLQWMUL.js → chunk-SW7LHIQ2.js} +7 -7
  100. package/dist/{chunk-TRIFBDZE.js → chunk-THQZBL4T.js} +1 -1
  101. package/dist/{chunk-GF4GFADL.js → chunk-TNVYVDLF.js} +3 -3
  102. package/dist/{chunk-OWUGMRU6.js → chunk-UGHMX7QX.js} +3 -3
  103. package/dist/{chunk-OPVD3ERM.js → chunk-UPR32DV5.js} +2 -2
  104. package/dist/{chunk-26DZ7VIM.js → chunk-W34MMJ2L.js} +2 -2
  105. package/dist/{chunk-B57SRQ7N.js → chunk-WCLGYVXV.js} +1 -1
  106. package/dist/{chunk-QCUDNLBI.js → chunk-ZXDN2IRM.js} +1 -1
  107. package/dist/index.css +454 -454
  108. package/dist/index.js +39 -39
  109. package/dist/inputs/src/InputGroup.css +13 -13
  110. package/dist/inputs/src/InputGroup.js +1 -1
  111. package/dist/inputs/src/NumberField.css +61 -61
  112. package/dist/inputs/src/NumberField.js +7 -7
  113. package/dist/inputs/src/PasswordField.css +160 -160
  114. package/dist/inputs/src/PasswordField.js +7 -7
  115. package/dist/inputs/src/SearchField.css +166 -166
  116. package/dist/inputs/src/SearchField.js +8 -8
  117. package/dist/inputs/src/TextField.css +161 -161
  118. package/dist/inputs/src/TextField.js +9 -9
  119. package/dist/inputs/src/index.css +179 -179
  120. package/dist/inputs/src/index.js +11 -11
  121. package/dist/overlays/Popover/src/Popover.css +454 -454
  122. package/dist/overlays/Popover/src/Popover.js +39 -39
  123. package/dist/overlays/Popover/src/index.css +454 -454
  124. package/dist/overlays/Popover/src/index.js +39 -39
  125. package/dist/radio/src/Radio.css +31 -31
  126. package/dist/radio/src/Radio.js +2 -2
  127. package/dist/radio/src/RadioField.css +15 -15
  128. package/dist/radio/src/RadioField.js +1 -1
  129. package/dist/radio/src/RadioGroup.css +59 -59
  130. package/dist/radio/src/RadioGroup.js +1 -1
  131. package/dist/radio/src/index.css +59 -59
  132. package/dist/radio/src/index.js +4 -4
  133. package/dist/switch/src/Switch.css +25 -25
  134. package/dist/switch/src/Switch.js +2 -2
  135. package/dist/switch/src/SwitchField.css +15 -15
  136. package/dist/switch/src/SwitchField.js +1 -1
  137. package/dist/switch/src/index.css +31 -31
  138. package/dist/switch/src/index.js +3 -3
  139. package/dist/tag/src/Tag.css +454 -454
  140. package/dist/tag/src/Tag.js +39 -39
  141. package/dist/tag/src/TagGroup.css +21 -21
  142. package/dist/tag/src/TagGroup.js +1 -1
  143. package/dist/tag/src/index.css +454 -454
  144. package/dist/tag/src/index.js +39 -39
  145. package/dist/typography/Heading/src/Heading.css +9 -9
  146. package/dist/typography/Heading/src/Heading.js +1 -1
  147. package/dist/typography/Heading/src/index.css +9 -9
  148. package/dist/typography/Heading/src/index.js +1 -1
  149. package/dist/typography/Label/src/Label.css +2 -2
  150. package/dist/typography/Label/src/Label.js +1 -1
  151. package/dist/typography/Label/src/index.css +2 -2
  152. package/dist/typography/Label/src/index.js +1 -1
  153. package/dist/typography/OverlineText/src/OverlineText.css +6 -6
  154. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  155. package/dist/typography/OverlineText/src/index.css +6 -6
  156. package/dist/typography/OverlineText/src/index.js +1 -1
  157. package/dist/typography/Text/src/Text.css +9 -9
  158. package/dist/typography/Text/src/Text.js +1 -1
  159. package/dist/typography/Text/src/index.css +9 -9
  160. package/dist/typography/Text/src/index.js +1 -1
  161. package/package.json +1 -1
@@ -1,5 +1,5 @@
1
1
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
2
- .IconList-module__hop-IconList___rbH36 {
2
+ .IconList-module__hop-IconList___RdFGP {
3
3
  --hop-IconList-gap: var(--hop-space-inline-xs);
4
4
  display: flex;
5
5
  flex-wrap: wrap;
@@ -8,7 +8,7 @@
8
8
  }
9
9
 
10
10
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
11
- .Text-module__hop-Text___LQKNS {
11
+ .Text-module__hop-Text___XGciL {
12
12
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
13
13
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
14
14
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -38,49 +38,49 @@
38
38
  --hop-Text-inherit-size-font-weight: inherit;
39
39
  --hop-Text-inherit-size-line-height: inherit;
40
40
  }
41
- :where(.Text-module__hop-Text___LQKNS) {
41
+ :where(.Text-module__hop-Text___XGciL) {
42
42
  font-family: var(--font-family);
43
43
  font-size: var(--font-size);
44
44
  font-weight: var(--font-weight);
45
45
  line-height: var(--line-height);
46
46
  }
47
- :where(.Text-module__hop-Text--xs___BTjBc) {
47
+ :where(.Text-module__hop-Text--xs___8DcIm) {
48
48
  --font-size: var(--hop-Text-xs-font-size);
49
49
  --font-family: var(--hop-Text-xs-font-family);
50
50
  --font-weight: var(--hop-Text-xs-font-weight);
51
51
  --line-height: var(--hop-Text-xs-line-height);
52
52
  }
53
- :where(.Text-module__hop-Text--sm___1Fekb) {
53
+ :where(.Text-module__hop-Text--sm___B0mGK) {
54
54
  --font-size: var(--hop-Text-sm-font-size);
55
55
  --font-family: var(--hop-Text-sm-font-family);
56
56
  --font-weight: var(--hop-Text-sm-font-weight);
57
57
  --line-height: var(--hop-Text-sm-line-height);
58
58
  }
59
- :where(.Text-module__hop-Text--md___Kl9lO) {
59
+ :where(.Text-module__hop-Text--md___QwBMo) {
60
60
  --font-size: var(--hop-Text-md-font-size);
61
61
  --font-family: var(--hop-Text-md-font-family);
62
62
  --font-weight: var(--hop-Text-md-font-weight);
63
63
  --line-height: var(--hop-Text-md-line-height);
64
64
  }
65
- :where(.Text-module__hop-Text--lg___svd8a) {
65
+ :where(.Text-module__hop-Text--lg___BAtSv) {
66
66
  --font-size: var(--hop-Text-lg-font-size);
67
67
  --font-family: var(--hop-Text-lg-font-family);
68
68
  --font-weight: var(--hop-Text-lg-font-weight);
69
69
  --line-height: var(--hop-Text-lg-line-height);
70
70
  }
71
- :where(.Text-module__hop-Text--xl___8perG) {
71
+ :where(.Text-module__hop-Text--xl___QUy6V) {
72
72
  --font-size: var(--hop-Text-xl-font-size);
73
73
  --font-family: var(--hop-Text-xl-font-family);
74
74
  --font-weight: var(--hop-Text-xl-font-weight);
75
75
  --line-height: var(--hop-Text-xl-line-height);
76
76
  }
77
- :where(.Text-module__hop-Text--2xl___V6xdg) {
77
+ :where(.Text-module__hop-Text--2xl___DFqJ4) {
78
78
  --font-size: var(--hop-Text-2xl-font-size);
79
79
  --font-family: var(--hop-Text-2xl-font-family);
80
80
  --font-weight: var(--hop-Text-2xl-font-weight);
81
81
  --line-height: var(--hop-Text-2xl-line-height);
82
82
  }
83
- :where(.Text-module__hop-Text--inherit___EttKo) {
83
+ :where(.Text-module__hop-Text--inherit___WkAxg) {
84
84
  --font-size: var(--hop-Text-inherit-size-font-size);
85
85
  --font-family: var(--hop-Text-inherit-size-font-family);
86
86
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -88,7 +88,7 @@
88
88
  }
89
89
 
90
90
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Spinner/src/Spinner.module.css/#css-module-data */
91
- @keyframes Spinner-module__spin___u5DUL {
91
+ @keyframes Spinner-module__spin___FeXZb {
92
92
  0% {
93
93
  transform: rotate(0deg);
94
94
  }
@@ -96,7 +96,7 @@
96
96
  transform: rotate(360deg);
97
97
  }
98
98
  }
99
- .Spinner-module__hop-Spinner___sIe39 {
99
+ .Spinner-module__hop-Spinner___pI0C5 {
100
100
  --hop-Spinner-border-radius: var(--hop-shape-circle);
101
101
  --hop-Spinner-sm-wheel-size: 1rem;
102
102
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -104,7 +104,7 @@
104
104
  --hop-Spinner-track-width: 0.125rem;
105
105
  --hop-Spinner-track-opacity: 0.2;
106
106
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
107
- --hop-Spinner-fill-animation: Spinner-module__spin___u5DUL .8s infinite linear;
107
+ --hop-Spinner-fill-animation: Spinner-module__spin___FeXZb .8s infinite linear;
108
108
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
109
109
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
110
110
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -115,19 +115,19 @@
115
115
  align-items: center;
116
116
  box-sizing: border-box;
117
117
  }
118
- .Spinner-module__hop-Spinner--sm___LAMAv {
118
+ .Spinner-module__hop-Spinner--sm___3kRKf {
119
119
  --width: var(--hop-Spinner-sm-wheel-size);
120
120
  --height: var(--hop-Spinner-sm-wheel-size);
121
121
  }
122
- .Spinner-module__hop-Spinner--md___5B8fe {
122
+ .Spinner-module__hop-Spinner--md___mM0sK {
123
123
  --width: var(--hop-Spinner-md-wheel-size);
124
124
  --height: var(--hop-Spinner-md-wheel-size);
125
125
  }
126
- .Spinner-module__hop-Spinner--lg___2j1gO {
126
+ .Spinner-module__hop-Spinner--lg___CN3Ku {
127
127
  --width: var(--hop-Spinner-lg-wheel-size);
128
128
  --height: var(--hop-Spinner-lg-wheel-size);
129
129
  }
130
- .Spinner-module__hop-Spinner__track___XOSCJ {
130
+ .Spinner-module__hop-Spinner__track___E-l4N {
131
131
  grid-area: spinner;
132
132
  box-sizing: border-box;
133
133
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -136,7 +136,7 @@
136
136
  border: var(--hop-Spinner-track-border);
137
137
  border-radius: var(--hop-Spinner-border-radius);
138
138
  }
139
- .Spinner-module__hop-Spinner__fill___W9lQA {
139
+ .Spinner-module__hop-Spinner__fill___xxznA {
140
140
  grid-area: spinner;
141
141
  box-sizing: border-box;
142
142
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -147,17 +147,17 @@
147
147
  animation: var(--hop-Spinner-fill-animation);
148
148
  }
149
149
  @media (prefers-reduced-motion: reduce) {
150
- .Spinner-module__hop-Spinner__fill___W9lQA {
150
+ .Spinner-module__hop-Spinner__fill___xxznA {
151
151
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
152
152
  }
153
153
  }
154
- .Spinner-module__hop-Spinner__label___I-He9 {
154
+ .Spinner-module__hop-Spinner__label___1kKrV {
155
155
  grid-area: label;
156
156
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
157
157
  }
158
158
 
159
159
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
160
- .Button-module__hop-Button___yNXRh {
160
+ .Button-module__hop-Button___UtanL {
161
161
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
162
162
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
163
163
  --hop-Button-icon-only-padding: 0;
@@ -248,9 +248,9 @@
248
248
  --hop-Button-ghost-primary-sm-padding-y: 0;
249
249
  --hop-Button-ghost-primary-md-padding-x: var(--hop-space-inset-sm);
250
250
  --hop-Button-ghost-primary-md-padding-y: 0;
251
- --hop-Button-ghost-secondary-color: var(--hop-neutral-text);
252
- --hop-Button-ghost-secondary-color-hover: var(--hop-neutral-text-hover);
253
- --hop-Button-ghost-secondary-color-pressed: var(--hop-neutral-text-press);
251
+ --hop-Button-ghost-secondary-color: var(--hop-neutral-text-weak);
252
+ --hop-Button-ghost-secondary-color-hover: var(--hop-neutral-text-weak-hover);
253
+ --hop-Button-ghost-secondary-color-pressed: var(--hop-neutral-text-weak-press);
254
254
  --hop-Button-ghost-secondary-color-disabled: var(--hop-neutral-text-disabled);
255
255
  --hop-Button-ghost-secondary-background-color: transparent;
256
256
  --hop-Button-ghost-secondary-background-color-hover: var(--hop-neutral-surface-hover);
@@ -316,317 +316,317 @@
316
316
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
317
317
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
318
318
  }
319
- .Button-module__hop-Button___yNXRh[data-focus-visible] {
319
+ .Button-module__hop-Button___UtanL[data-focus-visible] {
320
320
  outline: 0.125rem solid var(--hop-Button-focus-ring-color);
321
321
  }
322
- .Button-module__hop-Button--icon-only___hzMPB {
322
+ .Button-module__hop-Button--icon-only___s6kpk {
323
323
  --padding-block: var(--hop-Button-icon-only-padding);
324
324
  --padding-inline: var(--hop-Button-icon-only-padding);
325
325
  column-gap: 0;
326
326
  aspect-ratio: 1;
327
327
  }
328
- .Button-module__hop-Button___yNXRh[data-disabled],
329
- .Button-module__hop-Button___yNXRh[data-loading] {
328
+ .Button-module__hop-Button___UtanL[data-disabled],
329
+ .Button-module__hop-Button___UtanL[data-loading] {
330
330
  cursor: not-allowed;
331
331
  }
332
- .Button-module__hop-Button--fluid___ysDPL {
332
+ .Button-module__hop-Button--fluid___kCVkQ {
333
333
  --inline-size: 100%;
334
334
  }
335
- .Button-module__hop-Button--sm___FLrQz {
335
+ .Button-module__hop-Button--sm___7J-M- {
336
336
  --block-size: var(--hop-Button-sm-height);
337
337
  }
338
- .Button-module__hop-Button--primary___YM5f0.Button-module__hop-Button--sm___FLrQz:not(.Button-module__hop-Button--icon-only___hzMPB) {
338
+ .Button-module__hop-Button--primary___qii5D.Button-module__hop-Button--sm___7J-M-:not(.Button-module__hop-Button--icon-only___s6kpk) {
339
339
  --padding-inline: var(--hop-Button-primary-sm-padding-x);
340
340
  --padding-block: var(--hop-Button-primary-sm-padding-y);
341
341
  }
342
- .Button-module__hop-Button--primary___YM5f0.Button-module__hop-Button--md___1j6uB:not(.Button-module__hop-Button--icon-only___hzMPB) {
342
+ .Button-module__hop-Button--primary___qii5D.Button-module__hop-Button--md___rwP06:not(.Button-module__hop-Button--icon-only___s6kpk) {
343
343
  --padding-inline: var(--hop-Button-primary-md-padding-x);
344
344
  --padding-block: var(--hop-Button-primary-md-padding-y);
345
345
  }
346
- .Button-module__hop-Button--secondary___evejT.Button-module__hop-Button--md___1j6uB:not(.Button-module__hop-Button--icon-only___hzMPB) {
346
+ .Button-module__hop-Button--secondary___I-J5f.Button-module__hop-Button--md___rwP06:not(.Button-module__hop-Button--icon-only___s6kpk) {
347
347
  --padding-inline: var(--hop-Button-secondary-md-padding-x);
348
348
  --padding-block: var(--hop-Button-secondary-md-padding-y);
349
349
  }
350
- .Button-module__hop-Button--secondary___evejT.Button-module__hop-Button--sm___FLrQz:not(.Button-module__hop-Button--icon-only___hzMPB) {
350
+ .Button-module__hop-Button--secondary___I-J5f.Button-module__hop-Button--sm___7J-M-:not(.Button-module__hop-Button--icon-only___s6kpk) {
351
351
  --padding-inline: var(--hop-Button-secondary-sm-padding-x);
352
352
  --padding-block: var(--hop-Button-secondary-sm-padding-y);
353
353
  }
354
- .Button-module__hop-Button--upsell___Wpp3Y.Button-module__hop-Button--md___1j6uB:not(.Button-module__hop-Button--icon-only___hzMPB) {
354
+ .Button-module__hop-Button--upsell___hZ0mQ.Button-module__hop-Button--md___rwP06:not(.Button-module__hop-Button--icon-only___s6kpk) {
355
355
  --padding-inline: var(--hop-Button-upsell-md-padding-x);
356
356
  --padding-block: var(--hop-Button-upsell-md-padding-y);
357
357
  }
358
- .Button-module__hop-Button--upsell___Wpp3Y.Button-module__hop-Button--sm___FLrQz:not(.Button-module__hop-Button--icon-only___hzMPB) {
358
+ .Button-module__hop-Button--upsell___hZ0mQ.Button-module__hop-Button--sm___7J-M-:not(.Button-module__hop-Button--icon-only___s6kpk) {
359
359
  --padding-inline: var(--hop-Button-upsell-sm-padding-x);
360
360
  --padding-block: var(--hop-Button-upsell-sm-padding-y);
361
361
  }
362
- .Button-module__hop-Button--danger___JlBVm.Button-module__hop-Button--md___1j6uB:not(.Button-module__hop-Button--icon-only___hzMPB) {
362
+ .Button-module__hop-Button--danger___CfP6K.Button-module__hop-Button--md___rwP06:not(.Button-module__hop-Button--icon-only___s6kpk) {
363
363
  --padding-inline: var(--hop-Button-danger-md-padding-x);
364
364
  --padding-block: var(--hop-Button-danger-md-padding-y);
365
365
  }
366
- .Button-module__hop-Button--danger___JlBVm.Button-module__hop-Button--sm___FLrQz:not(.Button-module__hop-Button--icon-only___hzMPB) {
366
+ .Button-module__hop-Button--danger___CfP6K.Button-module__hop-Button--sm___7J-M-:not(.Button-module__hop-Button--icon-only___s6kpk) {
367
367
  --padding-inline: var(--hop-Button-danger-sm-padding-x);
368
368
  --padding-block: var(--hop-Button-danger-sm-padding-y);
369
369
  }
370
- .Button-module__hop-Button--ghost-danger___Ld82M.Button-module__hop-Button--md___1j6uB:not(.Button-module__hop-Button--icon-only___hzMPB) {
370
+ .Button-module__hop-Button--ghost-danger___o-67i.Button-module__hop-Button--md___rwP06:not(.Button-module__hop-Button--icon-only___s6kpk) {
371
371
  --padding-inline: var(--hop-Button-ghost-danger-md-padding-x);
372
372
  --padding-block: var(--hop-Button-ghost-danger-md-padding-y);
373
373
  }
374
- .Button-module__hop-Button--ghost-danger___Ld82M.Button-module__hop-Button--sm___FLrQz:not(.Button-module__hop-Button--icon-only___hzMPB) {
374
+ .Button-module__hop-Button--ghost-danger___o-67i.Button-module__hop-Button--sm___7J-M-:not(.Button-module__hop-Button--icon-only___s6kpk) {
375
375
  --padding-inline: var(--hop-Button-ghost-danger-sm-padding-x);
376
376
  --padding-block: var(--hop-Button-ghost-danger-sm-padding-y);
377
377
  }
378
- .Button-module__hop-Button--ghost-secondary___mPpFc.Button-module__hop-Button--md___1j6uB:not(.Button-module__hop-Button--icon-only___hzMPB) {
378
+ .Button-module__hop-Button--ghost-secondary___dePjg.Button-module__hop-Button--md___rwP06:not(.Button-module__hop-Button--icon-only___s6kpk) {
379
379
  --padding-inline: var(--hop-Button-ghost-secondary-md-padding-x);
380
380
  --padding-block: var(--hop-Button-ghost-secondary-md-padding-y);
381
381
  }
382
- .Button-module__hop-Button--ghost-secondary___mPpFc.Button-module__hop-Button--sm___FLrQz:not(.Button-module__hop-Button--icon-only___hzMPB) {
382
+ .Button-module__hop-Button--ghost-secondary___dePjg.Button-module__hop-Button--sm___7J-M-:not(.Button-module__hop-Button--icon-only___s6kpk) {
383
383
  --padding-inline: var(--hop-Button-ghost-secondary-sm-padding-x);
384
384
  --padding-block: var(--hop-Button-ghost-secondary-sm-padding-y);
385
385
  }
386
- .Button-module__hop-Button--ghost-primary___yvct6.Button-module__hop-Button--md___1j6uB:not(.Button-module__hop-Button--icon-only___hzMPB) {
386
+ .Button-module__hop-Button--ghost-primary___X44aS.Button-module__hop-Button--md___rwP06:not(.Button-module__hop-Button--icon-only___s6kpk) {
387
387
  --padding-inline: var(--hop-Button-ghost-primary-md-padding-x);
388
388
  --padding-block: var(--hop-Button-ghost-primary-md-padding-y);
389
389
  }
390
- .Button-module__hop-Button--ghost-primary___yvct6.Button-module__hop-Button--sm___FLrQz:not(.Button-module__hop-Button--icon-only___hzMPB) {
390
+ .Button-module__hop-Button--ghost-primary___X44aS.Button-module__hop-Button--sm___7J-M-:not(.Button-module__hop-Button--icon-only___s6kpk) {
391
391
  --padding-inline: var(--hop-Button-ghost-primary-sm-padding-x);
392
392
  --padding-block: var(--hop-Button-ghost-primary-sm-padding-y);
393
393
  }
394
- .Button-module__hop-Button--primary___YM5f0 {
394
+ .Button-module__hop-Button--primary___qii5D {
395
395
  --background-color: var(--hop-Button-primary-background-color);
396
396
  --color: var(--hop-Button-primary-color);
397
397
  --border: var(--hop-Button-primary-border);
398
398
  --spinner-color: var(--hop-Button-primary-spinner-color);
399
399
  }
400
- .Button-module__hop-Button--primary___YM5f0[data-disabled]:not([data-loading]) {
400
+ .Button-module__hop-Button--primary___qii5D[data-disabled]:not([data-loading]) {
401
401
  --background-color: var(--hop-Button-primary-background-color-disabled);
402
402
  --color: var(--hop-Button-primary-color-disabled);
403
403
  --border: var(--hop-Button-primary-border-disabled);
404
404
  }
405
- .Button-module__hop-Button--primary___YM5f0[data-hovered]:not([data-disabled], [data-loading]),
406
- .Button-module__hop-Button--primary___YM5f0[data-focus-visible]:not([data-disabled], [data-loading]) {
405
+ .Button-module__hop-Button--primary___qii5D[data-hovered]:not([data-disabled], [data-loading]),
406
+ .Button-module__hop-Button--primary___qii5D[data-focus-visible]:not([data-disabled], [data-loading]) {
407
407
  --background-color: var(--hop-Button-primary-background-color-hover);
408
408
  --color: var(--hop-Button-primary-color-hover);
409
409
  --border: var(--hop-Button-primary-border-hover);
410
410
  }
411
- .Button-module__hop-Button--primary___YM5f0[data-pressed]:not([data-loading]) {
411
+ .Button-module__hop-Button--primary___qii5D[data-pressed]:not([data-loading]) {
412
412
  --background-color: var(--hop-Button-primary-background-color-pressed);
413
413
  --color: var(--hop-Button-primary-color-pressed);
414
414
  --border: var(--hop-Button-primary-border-pressed);
415
415
  }
416
- .Button-module__hop-Button--secondary___evejT {
416
+ .Button-module__hop-Button--secondary___I-J5f {
417
417
  --background-color: var(--hop-Button-secondary-background-color);
418
418
  --color: var(--hop-Button-secondary-color);
419
419
  --border: var(--hop-Button-secondary-border);
420
420
  --spinner-color: var(--hop-Button-secondary-spinner-color);
421
421
  }
422
- .Button-module__hop-Button--secondary___evejT[data-disabled]:not([data-loading]) {
422
+ .Button-module__hop-Button--secondary___I-J5f[data-disabled]:not([data-loading]) {
423
423
  --background-color: var(--hop-Button-secondary-background-color-disabled);
424
424
  --color: var(--hop-Button-secondary-color-disabled);
425
425
  --border: var(--hop-Button-secondary-border-disabled);
426
426
  }
427
- .Button-module__hop-Button--secondary___evejT[data-hovered]:not([data-disabled], [data-loading]),
428
- .Button-module__hop-Button--secondary___evejT[data-focus-visible]:not([data-disabled], [data-loading]) {
427
+ .Button-module__hop-Button--secondary___I-J5f[data-hovered]:not([data-disabled], [data-loading]),
428
+ .Button-module__hop-Button--secondary___I-J5f[data-focus-visible]:not([data-disabled], [data-loading]) {
429
429
  --background-color: var(--hop-Button-secondary-background-color-hover);
430
430
  --color: var(--hop-Button-secondary-color-hover);
431
431
  --border: var(--hop-Button-secondary-border-hover);
432
432
  }
433
- .Button-module__hop-Button--secondary___evejT[data-pressed]:not([data-loading]) {
433
+ .Button-module__hop-Button--secondary___I-J5f[data-pressed]:not([data-loading]) {
434
434
  --background-color: var(--hop-Button-secondary-background-color-pressed);
435
435
  --color: var(--hop-Button-secondary-color-pressed);
436
436
  --border: var(--hop-Button-secondary-border-pressed);
437
437
  }
438
- .Button-module__hop-Button--upsell___Wpp3Y {
438
+ .Button-module__hop-Button--upsell___hZ0mQ {
439
439
  --background-color: var(--hop-Button-upsell-background-color);
440
440
  --color: var(--hop-Button-upsell-color);
441
441
  --border: var(--hop-Button-upsell-border);
442
442
  --spinner-color: var(--hop-Button-upsell-spinner-color);
443
443
  }
444
- .Button-module__hop-Button--upsell___Wpp3Y[data-disabled]:not([data-loading]) {
444
+ .Button-module__hop-Button--upsell___hZ0mQ[data-disabled]:not([data-loading]) {
445
445
  --background-color: var(--hop-Button-upsell-background-color-disabled);
446
446
  --color: var(--hop-Button-upsell-color-disabled);
447
447
  --border: var(--hop-Button-upsell-border-disabled);
448
448
  }
449
- .Button-module__hop-Button--upsell___Wpp3Y[data-hovered]:not([data-disabled], [data-loading]),
450
- .Button-module__hop-Button--upsell___Wpp3Y[data-focus-visible]:not([data-disabled], [data-loading]) {
449
+ .Button-module__hop-Button--upsell___hZ0mQ[data-hovered]:not([data-disabled], [data-loading]),
450
+ .Button-module__hop-Button--upsell___hZ0mQ[data-focus-visible]:not([data-disabled], [data-loading]) {
451
451
  --background-color: var(--hop-Button-upsell-background-color-hover);
452
452
  --color: var(--hop-Button-upsell-color-hover);
453
453
  --border: var(--hop-Button-upsell-border-hover);
454
454
  }
455
- .Button-module__hop-Button--upsell___Wpp3Y[data-pressed]:not([data-loading]) {
455
+ .Button-module__hop-Button--upsell___hZ0mQ[data-pressed]:not([data-loading]) {
456
456
  --background-color: var(--hop-Button-upsell-background-color-pressed);
457
457
  --color: var(--hop-Button-upsell-color-pressed);
458
458
  --border: var(--hop-Button-upsell-border-pressed);
459
459
  }
460
- .Button-module__hop-Button--danger___JlBVm {
460
+ .Button-module__hop-Button--danger___CfP6K {
461
461
  --background-color: var(--hop-Button-danger-background-color);
462
462
  --color: var(--hop-Button-danger-color);
463
463
  --border: var(--hop-Button-danger-border);
464
464
  --spinner-color: var(--hop-Button-danger-spinner-color);
465
465
  }
466
- .Button-module__hop-Button--danger___JlBVm[data-disabled]:not([data-loading]) {
466
+ .Button-module__hop-Button--danger___CfP6K[data-disabled]:not([data-loading]) {
467
467
  --background-color: var(--hop-Button-danger-background-color-disabled);
468
468
  --color: var(--hop-Button-danger-color-disabled);
469
469
  --border: var(--hop-Button-danger-border-disabled);
470
470
  }
471
- .Button-module__hop-Button--danger___JlBVm[data-hovered]:not([data-disabled], [data-loading]),
472
- .Button-module__hop-Button--danger___JlBVm[data-focus-visible]:not([data-disabled], [data-loading]) {
471
+ .Button-module__hop-Button--danger___CfP6K[data-hovered]:not([data-disabled], [data-loading]),
472
+ .Button-module__hop-Button--danger___CfP6K[data-focus-visible]:not([data-disabled], [data-loading]) {
473
473
  --background-color: var(--hop-Button-danger-background-color-hover);
474
474
  --color: var(--hop-Button-danger-color-hover);
475
475
  --border: var(--hop-Button-danger-border-hover);
476
476
  }
477
- .Button-module__hop-Button--danger___JlBVm[data-pressed]:not([data-loading]) {
477
+ .Button-module__hop-Button--danger___CfP6K[data-pressed]:not([data-loading]) {
478
478
  --background-color: var(--hop-Button-danger-background-color-pressed);
479
479
  --color: var(--hop-Button-danger-color-pressed);
480
480
  --border: var(--hop-Button-danger-border-pressed);
481
481
  }
482
- .Button-module__hop-Button--ghost-primary___yvct6 {
482
+ .Button-module__hop-Button--ghost-primary___X44aS {
483
483
  --background-color: var(--hop-Button-ghost-primary-background-color);
484
484
  --color: var(--hop-Button-ghost-primary-color);
485
485
  --border: var(--hop-Button-ghost-primary-border);
486
486
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
487
487
  }
488
- .Button-module__hop-Button--ghost-primary___yvct6[data-disabled]:not([data-loading]) {
488
+ .Button-module__hop-Button--ghost-primary___X44aS[data-disabled]:not([data-loading]) {
489
489
  --background-color: var(--hop-Button-ghost-primary-background-color-disabled);
490
490
  --color: var(--hop-Button-ghost-primary-color-disabled);
491
491
  --border: var(--hop-Button-ghost-primary-border-disabled);
492
492
  }
493
- .Button-module__hop-Button--ghost-primary___yvct6[data-hovered]:not([data-disabled], [data-loading]),
494
- .Button-module__hop-Button--ghost-primary___yvct6[data-focus-visible]:not([data-disabled], [data-loading]) {
493
+ .Button-module__hop-Button--ghost-primary___X44aS[data-hovered]:not([data-disabled], [data-loading]),
494
+ .Button-module__hop-Button--ghost-primary___X44aS[data-focus-visible]:not([data-disabled], [data-loading]) {
495
495
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
496
496
  --color: var(--hop-Button-ghost-primary-color-hover);
497
497
  --border: var(--hop-Button-ghost-primary-border-hover);
498
498
  }
499
- .Button-module__hop-Button--ghost-primary___yvct6[data-pressed]:not([data-loading]) {
499
+ .Button-module__hop-Button--ghost-primary___X44aS[data-pressed]:not([data-loading]) {
500
500
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
501
501
  --color: var(--hop-Button-ghost-primary-color-pressed);
502
502
  --border: var(--hop-Button-ghost-primary-border-pressed);
503
503
  }
504
- .Button-module__hop-Button--ghost-secondary___mPpFc {
504
+ .Button-module__hop-Button--ghost-secondary___dePjg {
505
505
  --background-color: var(--hop-Button-ghost-secondary-background-color);
506
506
  --color: var(--hop-Button-ghost-secondary-color);
507
507
  --border: var(--hop-Button-ghost-secondary-border);
508
508
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
509
509
  }
510
- .Button-module__hop-Button--ghost-secondary___mPpFc[data-disabled]:not([data-loading]) {
510
+ .Button-module__hop-Button--ghost-secondary___dePjg[data-disabled]:not([data-loading]) {
511
511
  --background-color: var(--hop-Button-ghost-secondary-background-color-disabled);
512
512
  --color: var(--hop-Button-ghost-secondary-color-disabled);
513
513
  --border: var(--hop-Button-ghost-secondary-border-disabled);
514
514
  }
515
- .Button-module__hop-Button--ghost-secondary___mPpFc[data-hovered]:not([data-disabled], [data-loading]),
516
- .Button-module__hop-Button--ghost-secondary___mPpFc[data-focus-visible]:not([data-disabled], [data-loading]) {
515
+ .Button-module__hop-Button--ghost-secondary___dePjg[data-hovered]:not([data-disabled], [data-loading]),
516
+ .Button-module__hop-Button--ghost-secondary___dePjg[data-focus-visible]:not([data-disabled], [data-loading]) {
517
517
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
518
518
  --color: var(--hop-Button-ghost-secondary-color-hover);
519
519
  --border: var(--hop-Button-ghost-secondary-border-hover);
520
520
  }
521
- .Button-module__hop-Button--ghost-secondary___mPpFc[data-pressed]:not([data-loading]) {
521
+ .Button-module__hop-Button--ghost-secondary___dePjg[data-pressed]:not([data-loading]) {
522
522
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
523
523
  --color: var(--hop-Button-ghost-secondary-color-pressed);
524
524
  --border: var(--hop-Button-ghost-secondary-border-pressed);
525
525
  }
526
- .Button-module__hop-Button--ghost-danger___Ld82M {
526
+ .Button-module__hop-Button--ghost-danger___o-67i {
527
527
  --background-color: var(--hop-Button-ghost-danger-background-color);
528
528
  --color: var(--hop-Button-ghost-danger-color);
529
529
  --border: var(--hop-Button-ghost-danger-border);
530
530
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
531
531
  }
532
- .Button-module__hop-Button--ghost-danger___Ld82M[data-disabled]:not([data-loading]) {
532
+ .Button-module__hop-Button--ghost-danger___o-67i[data-disabled]:not([data-loading]) {
533
533
  --background-color: var(--hop-Button-ghost-danger-background-color-disabled);
534
534
  --color: var(--hop-Button-ghost-danger-color-disabled);
535
535
  --border: var(--hop-Button-ghost-danger-border-disabled);
536
536
  }
537
- .Button-module__hop-Button--ghost-danger___Ld82M[data-hovered]:not([data-disabled], [data-loading]),
538
- .Button-module__hop-Button--ghost-danger___Ld82M[data-focus-visible]:not([data-disabled], [data-loading]) {
537
+ .Button-module__hop-Button--ghost-danger___o-67i[data-hovered]:not([data-disabled], [data-loading]),
538
+ .Button-module__hop-Button--ghost-danger___o-67i[data-focus-visible]:not([data-disabled], [data-loading]) {
539
539
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
540
540
  --color: var(--hop-Button-ghost-danger-color-hover);
541
541
  --border: var(--hop-Button-ghost-danger-border-hover);
542
542
  }
543
- .Button-module__hop-Button--ghost-danger___Ld82M[data-pressed]:not([data-loading]) {
543
+ .Button-module__hop-Button--ghost-danger___o-67i[data-pressed]:not([data-loading]) {
544
544
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
545
545
  --color: var(--hop-Button-ghost-danger-color-pressed);
546
546
  --border: var(--hop-Button-ghost-danger-border-pressed);
547
547
  }
548
- .Button-module__hop-Button__Spinner___415z2 {
548
+ .Button-module__hop-Button__Spinner___jkKCi {
549
549
  position: absolute;
550
550
  justify-self: center;
551
551
  color: var(--spinner-color);
552
552
  }
553
- .Button-module__hop-Button__icon___SUSBS,
554
- .Button-module__hop-Button__icon-list___uanOZ {
553
+ .Button-module__hop-Button__icon___Yc-Tb,
554
+ .Button-module__hop-Button__icon-list___cvJTK {
555
555
  grid-area: start-icon;
556
556
  justify-self: end;
557
557
  }
558
- .Button-module__hop-Button__text___F4YLd {
558
+ .Button-module__hop-Button__text___Z3j32 {
559
559
  user-select: none;
560
560
  overflow: visible;
561
561
  grid-area: content;
562
562
  font-weight: var(--hop-font-weight-505);
563
563
  text-wrap: nowrap;
564
564
  }
565
- .Button-module__hop-Button--ghost-primary___yvct6[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___F4YLd,
566
- .Button-module__hop-Button--ghost-secondary___mPpFc[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___F4YLd,
567
- .Button-module__hop-Button--ghost-danger___Ld82M[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___F4YLd,
568
- .Button-module__hop-Button--ghost-primary___yvct6[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___F4YLd,
569
- .Button-module__hop-Button--ghost-secondary___mPpFc[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___F4YLd,
570
- .Button-module__hop-Button--ghost-danger___Ld82M[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___F4YLd,
571
- .Button-module__hop-Button--ghost-primary___yvct6[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___F4YLd,
572
- .Button-module__hop-Button--ghost-secondary___mPpFc[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___F4YLd,
573
- .Button-module__hop-Button--ghost-danger___Ld82M[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___F4YLd {
565
+ .Button-module__hop-Button--ghost-primary___X44aS[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___Z3j32,
566
+ .Button-module__hop-Button--ghost-secondary___dePjg[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___Z3j32,
567
+ .Button-module__hop-Button--ghost-danger___o-67i[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___Z3j32,
568
+ .Button-module__hop-Button--ghost-primary___X44aS[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___Z3j32,
569
+ .Button-module__hop-Button--ghost-secondary___dePjg[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___Z3j32,
570
+ .Button-module__hop-Button--ghost-danger___o-67i[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___Z3j32,
571
+ .Button-module__hop-Button--ghost-primary___X44aS[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___Z3j32,
572
+ .Button-module__hop-Button--ghost-secondary___dePjg[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___Z3j32,
573
+ .Button-module__hop-Button--ghost-danger___o-67i[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___Z3j32 {
574
574
  text-decoration: underline;
575
575
  text-underline-offset: 0.125rem;
576
576
  }
577
- .Button-module__hop-Button__end-icon___gtmLk,
578
- .Button-module__hop-Button__end-icon-list___Yl6-x {
577
+ .Button-module__hop-Button__end-icon___fUClA,
578
+ .Button-module__hop-Button__end-icon-list___F7DGT {
579
579
  grid-area: end-icon;
580
580
  }
581
- .Button-module__hop-Button___yNXRh .Button-module__hop-Button__icon-list___uanOZ,
582
- .Button-module__hop-Button___yNXRh .Button-module__hop-Button__end-icon-list___Yl6-x {
581
+ .Button-module__hop-Button___UtanL .Button-module__hop-Button__icon-list___cvJTK,
582
+ .Button-module__hop-Button___UtanL .Button-module__hop-Button__end-icon-list___F7DGT {
583
583
  flex-wrap: nowrap;
584
584
  }
585
- .Button-module__hop-Button___yNXRh[data-loading] > *:not(.Button-module__hop-Button__Spinner___415z2) {
585
+ .Button-module__hop-Button___UtanL[data-loading] > *:not(.Button-module__hop-Button__Spinner___jkKCi) {
586
586
  opacity: 0;
587
587
  }
588
588
 
589
589
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
590
- .ButtonGroup-module__hop-ButtonGroup___Ju-Ee {
590
+ .ButtonGroup-module__hop-ButtonGroup___0hm3B {
591
591
  display: inline-flex;
592
592
  flex-wrap: nowrap;
593
593
  gap: var(--hop-space-inline-md);
594
594
  }
595
- .ButtonGroup-module__hop-ButtonGroup--horizontal___BG8Yr {
595
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___EoJ-O {
596
596
  justify-content: center;
597
597
  }
598
- .ButtonGroup-module__hop-ButtonGroup--vertical___7oKsm {
598
+ .ButtonGroup-module__hop-ButtonGroup--vertical___oZqn2 {
599
599
  flex-direction: column;
600
600
  gap: var(--hop-space-stack-md);
601
601
  align-items: center;
602
602
  }
603
- .ButtonGroup-module__hop-ButtonGroup--start___IwvI3.ButtonGroup-module__hop-ButtonGroup--vertical___7oKsm {
603
+ .ButtonGroup-module__hop-ButtonGroup--start___Jf3Eh.ButtonGroup-module__hop-ButtonGroup--vertical___oZqn2 {
604
604
  align-items: flex-start;
605
605
  }
606
- .ButtonGroup-module__hop-ButtonGroup--center___oVD8v.ButtonGroup-module__hop-ButtonGroup--vertical___7oKsm {
606
+ .ButtonGroup-module__hop-ButtonGroup--center___b2RH-.ButtonGroup-module__hop-ButtonGroup--vertical___oZqn2 {
607
607
  align-items: center;
608
608
  }
609
- .ButtonGroup-module__hop-ButtonGroup--end___tEx6H.ButtonGroup-module__hop-ButtonGroup--vertical___7oKsm {
609
+ .ButtonGroup-module__hop-ButtonGroup--end___Cah50.ButtonGroup-module__hop-ButtonGroup--vertical___oZqn2 {
610
610
  align-items: flex-end;
611
611
  }
612
- .ButtonGroup-module__hop-ButtonGroup--start___IwvI3.ButtonGroup-module__hop-ButtonGroup--horizontal___BG8Yr {
612
+ .ButtonGroup-module__hop-ButtonGroup--start___Jf3Eh.ButtonGroup-module__hop-ButtonGroup--horizontal___EoJ-O {
613
613
  justify-content: flex-start;
614
614
  }
615
- .ButtonGroup-module__hop-ButtonGroup--center___oVD8v.ButtonGroup-module__hop-ButtonGroup--horizontal___BG8Yr {
615
+ .ButtonGroup-module__hop-ButtonGroup--center___b2RH-.ButtonGroup-module__hop-ButtonGroup--horizontal___EoJ-O {
616
616
  justify-content: center;
617
617
  }
618
- .ButtonGroup-module__hop-ButtonGroup--end___tEx6H.ButtonGroup-module__hop-ButtonGroup--horizontal___BG8Yr {
618
+ .ButtonGroup-module__hop-ButtonGroup--end___Cah50.ButtonGroup-module__hop-ButtonGroup--horizontal___EoJ-O {
619
619
  justify-content: flex-end;
620
620
  }
621
- .ButtonGroup-module__hop-ButtonGroup--wrap___TGJgI {
621
+ .ButtonGroup-module__hop-ButtonGroup--wrap___l0jS3 {
622
622
  flex-wrap: wrap;
623
623
  }
624
- .ButtonGroup-module__hop-ButtonGroup--fluid___ft3Je {
624
+ .ButtonGroup-module__hop-ButtonGroup--fluid___8sZ-4 {
625
625
  inline-size: 100%;
626
626
  }
627
627
 
628
628
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
629
- .EmbeddedButton-module__hop-EmbeddedButton___MerPv {
629
+ .EmbeddedButton-module__hop-EmbeddedButton___G-ouQ {
630
630
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
631
631
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
632
632
  --hop-EmbeddedButton-color: var(--hop-neutral-icon-weak);
@@ -675,7 +675,7 @@
675
675
  outline: none;
676
676
  transition: color var(--transition);
677
677
  }
678
- .EmbeddedButton-module__hop-EmbeddedButton___MerPv::before {
678
+ .EmbeddedButton-module__hop-EmbeddedButton___G-ouQ::before {
679
679
  content: "";
680
680
  position: absolute;
681
681
  inset-block-start: 50%;
@@ -688,48 +688,48 @@
688
688
  border-radius: var(--effect-border-radius);
689
689
  transition: background-color var(--transition);
690
690
  }
691
- .EmbeddedButton-module__hop-EmbeddedButton--md___vsSCr {
691
+ .EmbeddedButton-module__hop-EmbeddedButton--md___lozfI {
692
692
  --inline-size: var(--hop-EmbeddedButton-md-width);
693
693
  --block-size: var(--hop-EmbeddedButton-md-height);
694
694
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
695
695
  }
696
- .EmbeddedButton-module__hop-EmbeddedButton--lg___N62qP {
696
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___cioiP {
697
697
  --inline-size: var(--hop-EmbeddedButton-lg-width);
698
698
  --block-size: var(--hop-EmbeddedButton-lg-height);
699
699
  --focus-ring-offset: 0;
700
700
  }
701
- .EmbeddedButton-module__hop-EmbeddedButton--md___vsSCr::before {
701
+ .EmbeddedButton-module__hop-EmbeddedButton--md___lozfI::before {
702
702
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
703
703
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
704
704
  }
705
- .EmbeddedButton-module__hop-EmbeddedButton--lg___N62qP::before {
705
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___cioiP::before {
706
706
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
707
707
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
708
708
  }
709
- .EmbeddedButton-module__hop-EmbeddedButton___MerPv[data-focus-visible] {
709
+ .EmbeddedButton-module__hop-EmbeddedButton___G-ouQ[data-focus-visible] {
710
710
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
711
711
  outline-offset: var(--focus-ring-offset);
712
712
  }
713
- .EmbeddedButton-module__hop-EmbeddedButton___MerPv[data-disabled] {
713
+ .EmbeddedButton-module__hop-EmbeddedButton___G-ouQ[data-disabled] {
714
714
  --effect-background-color: var(--hop-EmbeddedButton-effect-background-color-disabled);
715
715
  --color: var(--hop-EmbeddedButton-color-disabled);
716
716
  cursor: not-allowed;
717
717
  }
718
- .EmbeddedButton-module__hop-EmbeddedButton___MerPv[data-hovered]:not([data-disabled], [data-pressed]),
719
- .EmbeddedButton-module__hop-EmbeddedButton___MerPv[data-focus-visible]:not([data-disabled], [data-pressed]) {
718
+ .EmbeddedButton-module__hop-EmbeddedButton___G-ouQ[data-hovered]:not([data-disabled], [data-pressed]),
719
+ .EmbeddedButton-module__hop-EmbeddedButton___G-ouQ[data-focus-visible]:not([data-disabled], [data-pressed]) {
720
720
  --effect-background-color: var(--hop-EmbeddedButton-effect-background-color-hover);
721
721
  --color: var(--hop-EmbeddedButton-color-hover);
722
722
  }
723
- .EmbeddedButton-module__hop-EmbeddedButton___MerPv[data-pressed]:not([data-disabled]) {
723
+ .EmbeddedButton-module__hop-EmbeddedButton___G-ouQ[data-pressed]:not([data-disabled]) {
724
724
  --effect-background-color: var(--hop-EmbeddedButton-effect-background-color-pressed);
725
725
  --color: var(--hop-EmbeddedButton-color-pressed);
726
726
  }
727
- .EmbeddedButton-module__hop-EmbeddedButton__icon___yJBM- {
727
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___-WCki {
728
728
  position: relative;
729
729
  }
730
730
 
731
731
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
732
- .ErrorMessage-module__hop-ErrorMessage___TiOLv {
732
+ .ErrorMessage-module__hop-ErrorMessage___hGjrh {
733
733
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
734
734
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
735
735
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -746,13 +746,13 @@
746
746
  line-height: var(--hop-ErrorMessage-line-height);
747
747
  color: var(--hop-ErrorMessage-color);
748
748
  }
749
- .ErrorMessage-module__hop-ErrorMessage__icon___uJa5n {
749
+ .ErrorMessage-module__hop-ErrorMessage__icon___wE1hg {
750
750
  flex: 0 0 auto;
751
751
  align-self: flex-start;
752
752
  }
753
753
 
754
754
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
755
- .HelperMessage-module__hop-HelperMessage___vJKjp {
755
+ .HelperMessage-module__hop-HelperMessage___0xUz2 {
756
756
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
757
757
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
758
758
  display: flex;
@@ -761,13 +761,13 @@
761
761
  box-sizing: border-box;
762
762
  color: var(--hop-HelperMessage-color);
763
763
  }
764
- .HelperMessage-module__hop-HelperMessage__icon___XmbUU {
764
+ .HelperMessage-module__hop-HelperMessage__icon___N2F4v {
765
765
  flex: 0 0 auto;
766
766
  align-self: flex-start;
767
767
  }
768
768
 
769
769
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
770
- .Heading-module__hop-Heading___4xPe3 {
770
+ .Heading-module__hop-Heading___FB1PP {
771
771
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
772
772
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
773
773
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -801,50 +801,50 @@
801
801
  --hop-Heading-inherit-size-font-weight: inherit;
802
802
  --hop-Heading-inherit-size-line-height: inherit;
803
803
  }
804
- :where(.Heading-module__hop-Heading___4xPe3) {
804
+ :where(.Heading-module__hop-Heading___FB1PP) {
805
805
  margin: 0;
806
806
  font-family: var(--font-family);
807
807
  font-size: var(--font-size);
808
808
  font-weight: var(--font-weight);
809
809
  line-height: var(--line-height);
810
810
  }
811
- :where(.Heading-module__hop-Heading--xs___xYFpG) {
811
+ :where(.Heading-module__hop-Heading--xs___ZJL3P) {
812
812
  --font-size: var(--hop-Heading-xs-font-size);
813
813
  --font-family: var(--hop-Heading-xs-font-family);
814
814
  --font-weight: var(--hop-Heading-xs-font-weight);
815
815
  --line-height: var(--hop-Heading-xs-line-height);
816
816
  }
817
- :where(.Heading-module__hop-Heading--sm___Aml98) {
817
+ :where(.Heading-module__hop-Heading--sm___fp3A6) {
818
818
  --font-size: var(--hop-Heading-sm-font-size);
819
819
  --font-family: var(--hop-Heading-sm-font-family);
820
820
  --font-weight: var(--hop-Heading-sm-font-weight);
821
821
  --line-height: var(--hop-Heading-sm-line-height);
822
822
  }
823
- :where(.Heading-module__hop-Heading--md___PsOHz) {
823
+ :where(.Heading-module__hop-Heading--md___rEF7K) {
824
824
  --font-size: var(--hop-Heading-md-font-size);
825
825
  --font-family: var(--hop-Heading-md-font-family);
826
826
  --font-weight: var(--hop-Heading-md-font-weight);
827
827
  --line-height: var(--hop-Heading-md-line-height);
828
828
  }
829
- :where(.Heading-module__hop-Heading--lg___IsxrC) {
829
+ :where(.Heading-module__hop-Heading--lg___kCSub) {
830
830
  --font-size: var(--hop-Heading-lg-font-size);
831
831
  --font-family: var(--hop-Heading-lg-font-family);
832
832
  --font-weight: var(--hop-Heading-lg-font-weight);
833
833
  --line-height: var(--hop-Heading-lg-line-height);
834
834
  }
835
- :where(.Heading-module__hop-Heading--xl___ywQbL) {
835
+ :where(.Heading-module__hop-Heading--xl___5VyFh) {
836
836
  --font-size: var(--hop-Heading-xl-font-size);
837
837
  --font-family: var(--hop-Heading-xl-font-family);
838
838
  --font-weight: var(--hop-Heading-xl-font-weight);
839
839
  --line-height: var(--hop-Heading-xl-line-height);
840
840
  }
841
- :where(.Heading-module__hop-Heading--2xl___BBRjF) {
841
+ :where(.Heading-module__hop-Heading--2xl___-qmiM) {
842
842
  --font-size: var(--hop-Heading-2xl-font-size);
843
843
  --font-family: var(--hop-Heading-2xl-font-family);
844
844
  --font-weight: var(--hop-Heading-2xl-font-weight);
845
845
  --line-height: var(--hop-Heading-2xl-line-height);
846
846
  }
847
- :where(.Heading-module__hop-Heading--3xl___UMvJM) {
847
+ :where(.Heading-module__hop-Heading--3xl___xDM3d) {
848
848
  --font-size: var(--hop-Heading-3xl-font-size);
849
849
  --font-family: var(--hop-Heading-3xl-font-family);
850
850
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -852,7 +852,7 @@
852
852
  }
853
853
 
854
854
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
855
- :where(.OverlineText-module__hop-OverlineText___ZFMb-) {
855
+ :where(.OverlineText-module__hop-OverlineText___1BZid) {
856
856
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
857
857
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
858
858
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -876,33 +876,33 @@
876
876
  text-transform: uppercase;
877
877
  letter-spacing: var(--letter-spacing);
878
878
  }
879
- .OverlineText-module__hop-OverlineText__text___dGxq3 {
879
+ .OverlineText-module__hop-OverlineText__text___RuqQo {
880
880
  box-sizing: border-box;
881
881
  }
882
- .OverlineText-module__hop-OverlineText__text___dGxq3::before,
883
- .OverlineText-module__hop-OverlineText__text___dGxq3::after {
882
+ .OverlineText-module__hop-OverlineText__text___RuqQo::before,
883
+ .OverlineText-module__hop-OverlineText__text___RuqQo::after {
884
884
  content: "";
885
885
  display: block;
886
886
  box-sizing: border-box;
887
887
  inline-size: 0;
888
888
  block-size: 0;
889
889
  }
890
- .OverlineText-module__hop-OverlineText__text___dGxq3::before {
890
+ .OverlineText-module__hop-OverlineText__text___RuqQo::before {
891
891
  margin-block-end: var(--bottom-offset);
892
892
  }
893
- .OverlineText-module__hop-OverlineText__text___dGxq3::after {
893
+ .OverlineText-module__hop-OverlineText__text___RuqQo::after {
894
894
  margin-block-start: var(--top-offset);
895
895
  }
896
896
 
897
897
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
898
- .Label-module__hop-Label___T9bhE {
898
+ .Label-module__hop-Label___PodEd {
899
899
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
900
900
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
901
901
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
902
902
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
903
903
  --hop-Label-color: var(--hop-neutral-text-weak);
904
904
  }
905
- :where(.Label-module__hop-Label___T9bhE) {
905
+ :where(.Label-module__hop-Label___PodEd) {
906
906
  font-family: var(--hop-Label-font-family);
907
907
  font-size: var(--hop-Label-font-size);
908
908
  font-weight: var(--hop-Label-font-weight);
@@ -911,7 +911,7 @@
911
911
  }
912
912
 
913
913
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/InputGroup.module.css/#css-module-data */
914
- .InputGroup-module__hop-InputGroup___7m6-I {
914
+ .InputGroup-module__hop-InputGroup___yPMIO {
915
915
  --hop-InputGroup-background: var(--hop-neutral-surface);
916
916
  --hop-InputGroup-border-color: var(--hop-neutral-border);
917
917
  --hop-InputGroup-border-width: 0.0625rem;
@@ -948,7 +948,7 @@
948
948
  --background: var(--hop-InputGroup-background);
949
949
  --block-size: var(--hop-InputGroup-md-block-size);
950
950
  }
951
- :where(.InputGroup-module__hop-InputGroup___7m6-I) {
951
+ :where(.InputGroup-module__hop-InputGroup___yPMIO) {
952
952
  position: relative;
953
953
  display: inline-flex;
954
954
  gap: var(--hop-InputGroup-gap);
@@ -961,27 +961,27 @@
961
961
  border: var(--border);
962
962
  border-radius: var(--hop-InputGroup-border-radius);
963
963
  }
964
- .InputGroup-module__hop-InputGroup--fluid___P3TmP {
964
+ .InputGroup-module__hop-InputGroup--fluid___SDrjN {
965
965
  --inline-size: 100% ;
966
966
  }
967
- .InputGroup-module__hop-InputGroup--sm___XqGLX {
967
+ .InputGroup-module__hop-InputGroup--sm___uk-A0 {
968
968
  --block-size: var(--hop-InputGroup-sm-block-size);
969
969
  }
970
- .InputGroup-module__hop-InputGroup___7m6-I[data-hovered] {
970
+ .InputGroup-module__hop-InputGroup___yPMIO[data-hovered] {
971
971
  --background: var(--hop-InputGroup-background-hover);
972
972
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-hover) ;
973
973
  }
974
- .InputGroup-module__hop-InputGroup___7m6-I[data-focus-within] {
974
+ .InputGroup-module__hop-InputGroup___yPMIO[data-focus-within] {
975
975
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-focus) ;
976
976
  }
977
- .InputGroup-module__hop-InputGroup___7m6-I[data-invalid] {
977
+ .InputGroup-module__hop-InputGroup___yPMIO[data-invalid] {
978
978
  --border: var(--hop-InputGroup-border-width) solid var(--hop-InputGroup-border-color-invalid) ;
979
979
  }
980
- .InputGroup-module__hop-InputGroup___7m6-I[data-disabled] {
980
+ .InputGroup-module__hop-InputGroup___yPMIO[data-disabled] {
981
981
  --background: var(--hop-InputGroup-background-disabled);
982
982
  --border: 0.0625rem solid var(--hop-InputGroup-border-color-disabled) ;
983
983
  }
984
- .InputGroup-module__hop-InputGroup__input___6P3GF {
984
+ .InputGroup-module__hop-InputGroup__input___aerYh {
985
985
  --input-font-family: var(--hop-InputGroup-input-md-font-family);
986
986
  --input-font-size: var(--hop-InputGroup-input-md-font-size);
987
987
  --input-font-weight: var(--hop-InputGroup-input-md-font-weight);
@@ -1003,29 +1003,29 @@
1003
1003
  border: none;
1004
1004
  outline: none;
1005
1005
  }
1006
- .InputGroup-module__hop-InputGroup--fluid___P3TmP .InputGroup-module__hop-InputGroup__input___6P3GF {
1006
+ .InputGroup-module__hop-InputGroup--fluid___SDrjN .InputGroup-module__hop-InputGroup__input___aerYh {
1007
1007
  --input-inline-size: 100%;
1008
1008
  }
1009
- .InputGroup-module__hop-InputGroup--sm___XqGLX .InputGroup-module__hop-InputGroup__input___6P3GF {
1009
+ .InputGroup-module__hop-InputGroup--sm___uk-A0 .InputGroup-module__hop-InputGroup__input___aerYh {
1010
1010
  --input-font-family: var(--hop-InputGroup-input-sm-font-family);
1011
1011
  --input-font-size: var(--hop-InputGroup-input-sm-font-size);
1012
1012
  --input-font-weight: var(--hop-InputGroup-input-sm-font-weight);
1013
1013
  --input-line-height: var(--hop-InputGroup-input-sm-line-height);
1014
1014
  --input-block-size: var(--hop-InputGroup-input-sm-block-size);
1015
1015
  }
1016
- .InputGroup-module__hop-InputGroup__input___6P3GF::placeholder {
1016
+ .InputGroup-module__hop-InputGroup__input___aerYh::placeholder {
1017
1017
  font-family: var(--hop-InputGroup-placeholder-font-family);
1018
1018
  font-size: var(--hop-InputGroup-placeholder-font-size);
1019
1019
  font-weight: var(--hop-InputGroup-placeholder-font-weight);
1020
1020
  line-height: var(--hop-InputGroup-placeholder-line-height);
1021
1021
  color: var(--input-placeholder-color);
1022
1022
  }
1023
- .InputGroup-module__hop-InputGroup__input___6P3GF[data-disabled]::placeholder {
1023
+ .InputGroup-module__hop-InputGroup__input___aerYh[data-disabled]::placeholder {
1024
1024
  --input-placeholder-color: var(--hop-InputGroup-placeholder-color-disabled);
1025
1025
  }
1026
1026
 
1027
1027
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/inputs/src/PasswordField.module.css/#css-module-data */
1028
- .PasswordField-module__hop-PasswordField___tGAnL {
1028
+ .PasswordField-module__hop-PasswordField___ban52 {
1029
1029
  --hop-PasswordField-gap: var(--hop-space-stack-xs);
1030
1030
  --hop-PasswordField-inline-size: 20rem;
1031
1031
  --inline-size: var(--hop-PasswordField-inline-size);
@@ -1034,16 +1034,16 @@
1034
1034
  gap: var(--hop-PasswordField-gap);
1035
1035
  inline-size: var(--inline-size);
1036
1036
  }
1037
- .PasswordField-module__hop-PasswordField--fluid___zmJOU {
1037
+ .PasswordField-module__hop-PasswordField--fluid___nt8Nm {
1038
1038
  --inline-size: 100%;
1039
1039
  }
1040
- .PasswordField-module__hop-PasswordField__Label___Cs2zX {
1040
+ .PasswordField-module__hop-PasswordField__Label___lGjUQ {
1041
1041
  order: 0;
1042
1042
  }
1043
- .PasswordField-module__hop-PasswordField__InputGroup___Z-QX5 {
1043
+ .PasswordField-module__hop-PasswordField__InputGroup___tZgCe {
1044
1044
  order: 1;
1045
1045
  }
1046
- .PasswordField-module__hop-PasswordField__ErrorMessage___NyfMK,
1047
- .PasswordField-module__hop-PasswordField__HelperMessage___bPO4D {
1046
+ .PasswordField-module__hop-PasswordField__ErrorMessage___f-Szj,
1047
+ .PasswordField-module__hop-PasswordField__HelperMessage___RJzJX {
1048
1048
  order: 3;
1049
1049
  }