@hopper-ui/components 1.2.0 → 1.3.0

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 (193) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/Avatar/src/AnonymousAvatar.css +10 -10
  3. package/dist/Avatar/src/AnonymousAvatar.js +2 -2
  4. package/dist/Avatar/src/Avatar.css +37 -37
  5. package/dist/Avatar/src/Avatar.js +3 -3
  6. package/dist/Avatar/src/DeletedAvatar.css +10 -10
  7. package/dist/Avatar/src/DeletedAvatar.js +2 -2
  8. package/dist/Avatar/src/RichIconAvatarImage.css +10 -10
  9. package/dist/Avatar/src/RichIconAvatarImage.js +1 -1
  10. package/dist/Avatar/src/index.css +37 -37
  11. package/dist/Avatar/src/index.js +5 -5
  12. package/dist/Badge/src/Badge.css +10 -10
  13. package/dist/Badge/src/Badge.js +2 -2
  14. package/dist/Badge/src/index.css +10 -10
  15. package/dist/Badge/src/index.js +2 -2
  16. package/dist/Divider/src/Divider.css +2 -2
  17. package/dist/Divider/src/Divider.js +1 -1
  18. package/dist/Divider/src/index.css +2 -2
  19. package/dist/Divider/src/index.js +1 -1
  20. package/dist/ErrorMessage/src/ErrorMessage.css +11 -11
  21. package/dist/ErrorMessage/src/ErrorMessage.js +2 -2
  22. package/dist/ErrorMessage/src/index.css +11 -11
  23. package/dist/ErrorMessage/src/index.js +2 -2
  24. package/dist/Form/src/Form.css +862 -605
  25. package/dist/Form/src/Form.js +67 -65
  26. package/dist/Form/src/index.css +862 -605
  27. package/dist/Form/src/index.js +67 -65
  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 +226 -198
  41. package/dist/ListBox/src/ListBox.js +12 -13
  42. package/dist/ListBox/src/ListBoxItem.css +208 -182
  43. package/dist/ListBox/src/ListBoxItem.js +10 -10
  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 +226 -198
  47. package/dist/ListBox/src/index.js +12 -13
  48. package/dist/Select/src/Select.css +4368 -0
  49. package/dist/Select/src/Select.d.ts +93 -0
  50. package/dist/Select/src/Select.js +116 -0
  51. package/dist/Select/src/SelectContext.d.ts +16 -0
  52. package/dist/Select/src/SelectContext.js +2 -0
  53. package/dist/Select/src/SelectValue.css +443 -0
  54. package/dist/Select/src/SelectValue.d.ts +31 -0
  55. package/dist/Select/src/SelectValue.js +19 -0
  56. package/dist/Select/src/index.css +4368 -0
  57. package/dist/Select/src/index.d.ts +13 -0
  58. package/dist/Select/src/index.js +116 -0
  59. package/dist/Spinner/src/Spinner.css +19 -19
  60. package/dist/Spinner/src/Spinner.js +2 -2
  61. package/dist/Spinner/src/index.css +19 -19
  62. package/dist/Spinner/src/index.js +2 -2
  63. package/dist/buttons/src/Button.css +94 -94
  64. package/dist/buttons/src/Button.js +5 -5
  65. package/dist/buttons/src/ButtonGroup.css +11 -11
  66. package/dist/buttons/src/ButtonGroup.js +1 -1
  67. package/dist/buttons/src/ClearButton.css +70 -70
  68. package/dist/buttons/src/ClearButton.js +3 -3
  69. package/dist/buttons/src/EmbeddedButton.css +70 -70
  70. package/dist/buttons/src/EmbeddedButton.js +1 -1
  71. package/dist/buttons/src/index.css +175 -175
  72. package/dist/buttons/src/index.js +10 -10
  73. package/dist/checkbox/src/Checkbox.css +31 -31
  74. package/dist/checkbox/src/Checkbox.js +2 -2
  75. package/dist/checkbox/src/CheckboxField.css +15 -15
  76. package/dist/checkbox/src/CheckboxField.js +1 -1
  77. package/dist/checkbox/src/CheckboxGroup.css +60 -60
  78. package/dist/checkbox/src/CheckboxGroup.js +3 -3
  79. package/dist/checkbox/src/index.css +60 -60
  80. package/dist/checkbox/src/index.js +6 -6
  81. package/dist/{chunk-CKKLDA5J.js → chunk-3573Q6QG.js} +2 -2
  82. package/dist/{chunk-SZSQZ4C7.js → chunk-3ZRCYKIV.js} +2 -2
  83. package/dist/{chunk-VISBUD2K.js → chunk-4RMADICI.js} +4 -4
  84. package/dist/{chunk-W474WFOP.js → chunk-6C5RI4RT.js} +9 -11
  85. package/dist/{chunk-L5KI4ZCL.js → chunk-6H5DRQZH.js} +2 -2
  86. package/dist/{chunk-VYKPDMP3.js → chunk-7L5MCX2A.js} +2 -2
  87. package/dist/{chunk-COIGQP33.js → chunk-AZJME7JV.js} +3 -3
  88. package/dist/{chunk-PQXVL3YJ.js → chunk-BODCT27J.js} +1 -1
  89. package/dist/{chunk-XUJNQNB3.js → chunk-BQITTESM.js} +1 -1
  90. package/dist/{chunk-T6MAOVLH.js → chunk-BRU54ERL.js} +2 -2
  91. package/dist/{chunk-2XO5CZBO.js → chunk-BTHPJL3A.js} +2 -2
  92. package/dist/{chunk-CEUQHDEQ.js → chunk-C72PRNOP.js} +1 -1
  93. package/dist/{chunk-IUOLKHYQ.js → chunk-CAHZCRTK.js} +1 -1
  94. package/dist/{chunk-TG623HPA.js → chunk-CU36N5JQ.js} +4 -4
  95. package/dist/{chunk-S5CK32KM.js → chunk-CWX45XWS.js} +3 -3
  96. package/dist/{chunk-XT2MZWEV.js → chunk-D5PBETXF.js} +1 -1
  97. package/dist/{chunk-5IB23E3O.js → chunk-D7DIUGRI.js} +1 -1
  98. package/dist/{chunk-V5Q245NH.js → chunk-DFVORYEU.js} +2 -2
  99. package/dist/{chunk-354H4FNA.js → chunk-DLZGJBL7.js} +1 -1
  100. package/dist/{chunk-X253QCYD.js → chunk-DXEWBV4C.js} +2 -2
  101. package/dist/chunk-EHXOXTDN.js +29 -0
  102. package/dist/{chunk-FOD7XUSJ.js → chunk-FOXOPL2E.js} +5 -5
  103. package/dist/{chunk-HCRWIU7V.js → chunk-GRJ3VKHY.js} +5 -5
  104. package/dist/{chunk-RWAVMW7T.js → chunk-HIDHDS2L.js} +2 -2
  105. package/dist/{chunk-IXWYHDGU.js → chunk-JIRLWUDP.js} +3 -3
  106. package/dist/{chunk-M3K4IYX6.js → chunk-JQMXGSAE.js} +1 -1
  107. package/dist/{chunk-MJHMFANK.js → chunk-LFN43ROH.js} +2 -2
  108. package/dist/{chunk-FA4IXLWZ.js → chunk-LYPR2YMY.js} +5 -5
  109. package/dist/{chunk-JJ4EFTES.js → chunk-O2ZMTKCT.js} +1 -1
  110. package/dist/{chunk-FOKTHCFK.js → chunk-OLS7K6PO.js} +2 -2
  111. package/dist/{chunk-W2BQZEW6.js → chunk-QQI3KNHZ.js} +6 -7
  112. package/dist/{chunk-TCOZUCPD.js → chunk-SCXYAGZI.js} +271 -46
  113. package/dist/{chunk-PFABSIDM.js → chunk-SKEMSZ63.js} +2 -2
  114. package/dist/{chunk-EJUIYBAC.js → chunk-SSDFINDD.js} +2 -2
  115. package/dist/chunk-T24MBA34.js +7 -0
  116. package/dist/{chunk-RQKU3XDG.js → chunk-T37HTUEU.js} +1 -1
  117. package/dist/{chunk-UT4CSUUM.js → chunk-T3CLGQI6.js} +1 -1
  118. package/dist/{chunk-BKCMCC7V.js → chunk-T742LIIS.js} +1 -1
  119. package/dist/{chunk-F4H76S4H.js → chunk-TFVDF4YH.js} +4 -2
  120. package/dist/{chunk-U56LEEEA.js → chunk-TOWSC7FO.js} +4 -4
  121. package/dist/{chunk-J44DIB5J.js → chunk-TTY5HDLL.js} +2 -2
  122. package/dist/chunk-YB7IYQW4.js +118 -0
  123. package/dist/{chunk-Q63YLWI6.js → chunk-ZHOQYYHY.js} +1 -1
  124. package/dist/i18n/src/index.js +1 -1
  125. package/dist/i18n/src/useLocalizedString.js +1 -1
  126. package/dist/index.css +862 -605
  127. package/dist/index.d.ts +6 -2
  128. package/dist/index.js +67 -65
  129. package/dist/inputs/src/InputGroup.css +14 -16
  130. package/dist/inputs/src/InputGroup.js +1 -1
  131. package/dist/inputs/src/NumberField.css +64 -65
  132. package/dist/inputs/src/NumberField.js +8 -8
  133. package/dist/inputs/src/PasswordField.css +218 -219
  134. package/dist/inputs/src/PasswordField.js +10 -10
  135. package/dist/inputs/src/SearchField.css +224 -225
  136. package/dist/inputs/src/SearchField.js +12 -12
  137. package/dist/inputs/src/TextArea.css +58 -59
  138. package/dist/inputs/src/TextArea.js +9 -9
  139. package/dist/inputs/src/TextField.css +219 -220
  140. package/dist/inputs/src/TextField.js +11 -11
  141. package/dist/inputs/src/index.css +271 -268
  142. package/dist/inputs/src/index.js +18 -18
  143. package/dist/overlays/Popover/src/Popover.css +862 -605
  144. package/dist/overlays/Popover/src/Popover.d.ts +26 -3
  145. package/dist/overlays/Popover/src/Popover.js +67 -65
  146. package/dist/overlays/Popover/src/PopoverContext.d.ts +3 -0
  147. package/dist/overlays/Popover/src/index.css +862 -605
  148. package/dist/overlays/Popover/src/index.d.ts +4 -1
  149. package/dist/overlays/Popover/src/index.js +67 -65
  150. package/dist/radio/src/Radio.css +31 -31
  151. package/dist/radio/src/Radio.js +2 -2
  152. package/dist/radio/src/RadioField.css +15 -15
  153. package/dist/radio/src/RadioField.js +2 -2
  154. package/dist/radio/src/RadioGroup.css +60 -60
  155. package/dist/radio/src/RadioGroup.js +2 -2
  156. package/dist/radio/src/index.css +60 -60
  157. package/dist/radio/src/index.js +6 -6
  158. package/dist/switch/src/Switch.css +25 -25
  159. package/dist/switch/src/Switch.js +2 -2
  160. package/dist/switch/src/SwitchField.css +15 -15
  161. package/dist/switch/src/SwitchField.js +2 -2
  162. package/dist/switch/src/index.css +31 -31
  163. package/dist/switch/src/index.js +4 -4
  164. package/dist/tag/src/Tag.css +301 -301
  165. package/dist/tag/src/Tag.js +6 -6
  166. package/dist/tag/src/TagGroup.css +22 -22
  167. package/dist/tag/src/TagGroup.js +2 -2
  168. package/dist/tag/src/index.css +314 -314
  169. package/dist/tag/src/index.js +9 -9
  170. package/dist/typography/Heading/src/Heading.css +9 -9
  171. package/dist/typography/Heading/src/Heading.js +1 -1
  172. package/dist/typography/Heading/src/index.css +9 -9
  173. package/dist/typography/Heading/src/index.js +1 -1
  174. package/dist/typography/Label/src/Label.css +3 -3
  175. package/dist/typography/Label/src/Label.js +2 -2
  176. package/dist/typography/Label/src/index.css +3 -3
  177. package/dist/typography/Label/src/index.js +2 -2
  178. package/dist/typography/OverlineText/src/OverlineText.css +6 -6
  179. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  180. package/dist/typography/OverlineText/src/index.css +6 -6
  181. package/dist/typography/OverlineText/src/index.js +1 -1
  182. package/dist/typography/Text/src/Text.css +9 -9
  183. package/dist/typography/Text/src/Text.js +1 -1
  184. package/dist/typography/Text/src/index.css +9 -9
  185. package/dist/typography/Text/src/index.js +1 -1
  186. package/dist/utils/src/index.d.ts +1 -0
  187. package/dist/utils/src/index.js +3 -2
  188. package/dist/utils/src/useIsOverflow.d.ts +5 -0
  189. package/dist/utils/src/useIsOverflow.js +2 -0
  190. package/package.json +7 -7
  191. package/dist/ListBox/src/useLoadOnScroll.d.ts +0 -16
  192. package/dist/ListBox/src/useLoadOnScroll.js +0 -2
  193. package/dist/chunk-JTNMFPM4.js +0 -41
@@ -1,5 +1,5 @@
1
1
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
2
- .Text-module__hop-Text___7s-NC {
2
+ .Text-module__hop-Text___TrcWf {
3
3
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
4
4
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
5
5
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -29,49 +29,49 @@
29
29
  --hop-Text-inherit-size-font-weight: inherit;
30
30
  --hop-Text-inherit-size-line-height: inherit;
31
31
  }
32
- :where(.Text-module__hop-Text___7s-NC) {
32
+ :where(.Text-module__hop-Text___TrcWf) {
33
33
  font-family: var(--font-family);
34
34
  font-size: var(--font-size);
35
35
  font-weight: var(--font-weight);
36
36
  line-height: var(--line-height);
37
37
  }
38
- :where(.Text-module__hop-Text--xs___uRZNm) {
38
+ :where(.Text-module__hop-Text--xs___rF5yE) {
39
39
  --font-size: var(--hop-Text-xs-font-size);
40
40
  --font-family: var(--hop-Text-xs-font-family);
41
41
  --font-weight: var(--hop-Text-xs-font-weight);
42
42
  --line-height: var(--hop-Text-xs-line-height);
43
43
  }
44
- :where(.Text-module__hop-Text--sm___LfDaA) {
44
+ :where(.Text-module__hop-Text--sm___tPgW7) {
45
45
  --font-size: var(--hop-Text-sm-font-size);
46
46
  --font-family: var(--hop-Text-sm-font-family);
47
47
  --font-weight: var(--hop-Text-sm-font-weight);
48
48
  --line-height: var(--hop-Text-sm-line-height);
49
49
  }
50
- :where(.Text-module__hop-Text--md___aGVbv) {
50
+ :where(.Text-module__hop-Text--md___g9Wf2) {
51
51
  --font-size: var(--hop-Text-md-font-size);
52
52
  --font-family: var(--hop-Text-md-font-family);
53
53
  --font-weight: var(--hop-Text-md-font-weight);
54
54
  --line-height: var(--hop-Text-md-line-height);
55
55
  }
56
- :where(.Text-module__hop-Text--lg___TgsRg) {
56
+ :where(.Text-module__hop-Text--lg___gXea2) {
57
57
  --font-size: var(--hop-Text-lg-font-size);
58
58
  --font-family: var(--hop-Text-lg-font-family);
59
59
  --font-weight: var(--hop-Text-lg-font-weight);
60
60
  --line-height: var(--hop-Text-lg-line-height);
61
61
  }
62
- :where(.Text-module__hop-Text--xl___gAcxP) {
62
+ :where(.Text-module__hop-Text--xl___iGie8) {
63
63
  --font-size: var(--hop-Text-xl-font-size);
64
64
  --font-family: var(--hop-Text-xl-font-family);
65
65
  --font-weight: var(--hop-Text-xl-font-weight);
66
66
  --line-height: var(--hop-Text-xl-line-height);
67
67
  }
68
- :where(.Text-module__hop-Text--2xl___n-9B9) {
68
+ :where(.Text-module__hop-Text--2xl___p5vcB) {
69
69
  --font-size: var(--hop-Text-2xl-font-size);
70
70
  --font-family: var(--hop-Text-2xl-font-family);
71
71
  --font-weight: var(--hop-Text-2xl-font-weight);
72
72
  --line-height: var(--hop-Text-2xl-line-height);
73
73
  }
74
- :where(.Text-module__hop-Text--inherit___SEa0P) {
74
+ :where(.Text-module__hop-Text--inherit___Jg8ZC) {
75
75
  --font-size: var(--hop-Text-inherit-size-font-size);
76
76
  --font-family: var(--hop-Text-inherit-size-font-family);
77
77
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -79,7 +79,7 @@
79
79
  }
80
80
 
81
81
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
82
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___sG-Yd {
82
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___1OlI2 {
83
83
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
84
84
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
85
85
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -110,46 +110,46 @@
110
110
  background-color: var(--background-color);
111
111
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
112
112
  }
113
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___h-WpU {
113
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___XGaUz {
114
114
  --size: var(--hop-RichIconAvatarImage-xs-size);
115
115
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
116
116
  }
117
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___QasW- {
117
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___-Olod {
118
118
  --size: var(--hop-RichIconAvatarImage-sm-size);
119
119
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
120
120
  }
121
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___QjQ3I {
121
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___FlqqG {
122
122
  --size: var(--hop-RichIconAvatarImage-md-size);
123
123
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
124
124
  }
125
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___PrX57 {
125
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___zXLMo {
126
126
  --size: var(--hop-RichIconAvatarImage-lg-size);
127
127
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
128
128
  }
129
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___fZOdF {
129
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___sYtIR {
130
130
  --size: var(--hop-RichIconAvatarImage-xl-size);
131
131
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
132
132
  }
133
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___E-1I9 {
133
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___tNx7t {
134
134
  --size: var(--hop-RichIconAvatarImage-2xl-size);
135
135
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
136
136
  }
137
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___sG-Yd[data-disabled] {
137
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___1OlI2[data-disabled] {
138
138
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
139
139
  }
140
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___JDA4Q {
140
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___lycqV {
141
141
  position: relative;
142
142
  display: block;
143
143
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
144
144
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
145
145
  }
146
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___sG-Yd[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___JDA4Q {
146
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___1OlI2[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___lycqV {
147
147
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
148
148
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
149
149
  }
150
150
 
151
151
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/Avatar.module.css/#css-module-data */
152
- .Avatar-module__hop-Avatar___3ivfl {
152
+ .Avatar-module__hop-Avatar___fYhW6 {
153
153
  --hop-Avatar-border-radius: var(--hop-shape-circle);
154
154
  --hop-Avatar-mix-blend-mode: normal;
155
155
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -194,67 +194,67 @@
194
194
  background-color: var(--background-color, transparent);
195
195
  border-radius: var(--hop-Avatar-border-radius);
196
196
  }
197
- .Avatar-module__hop-Avatar--xs___noWqr {
197
+ .Avatar-module__hop-Avatar--xs___lg3Fx {
198
198
  --size: var(--hop-Avatar-xs-size);
199
199
  }
200
- .Avatar-module__hop-Avatar--sm___EG5oC {
200
+ .Avatar-module__hop-Avatar--sm___O7vVp {
201
201
  --size: var(--hop-Avatar-sm-size);
202
202
  }
203
- .Avatar-module__hop-Avatar--md___Q-9En {
203
+ .Avatar-module__hop-Avatar--md___U6oEm {
204
204
  --size: var(--hop-Avatar-md-size);
205
205
  }
206
- .Avatar-module__hop-Avatar--lg___FBR3Q {
206
+ .Avatar-module__hop-Avatar--lg___-Z-lW {
207
207
  --size: var(--hop-Avatar-lg-size);
208
208
  }
209
- .Avatar-module__hop-Avatar--xl___-BzUR {
209
+ .Avatar-module__hop-Avatar--xl___-xZ0- {
210
210
  --size: var(--hop-Avatar-xl-size);
211
211
  }
212
- .Avatar-module__hop-Avatar--2xl___64QDk {
212
+ .Avatar-module__hop-Avatar--2xl___zDd2E {
213
213
  --size: var(--hop-Avatar-2xl-size);
214
214
  }
215
- .Avatar-module__hop-Avatar--decorative-option1___NjQ2P {
215
+ .Avatar-module__hop-Avatar--decorative-option1___jTvFc {
216
216
  --background-color: var(--hop-Avatar-decorative-1-background-color);
217
217
  --text-color: var(--hop-Avatar-decorative-1-text-color);
218
218
  }
219
- .Avatar-module__hop-Avatar--decorative-option2___gJJB9 {
219
+ .Avatar-module__hop-Avatar--decorative-option2___w5Mk7 {
220
220
  --background-color: var(--hop-Avatar-decorative-2-background-color);
221
221
  --text-color: var(--hop-Avatar-decorative-2-text-color);
222
222
  }
223
- .Avatar-module__hop-Avatar--decorative-option3___d5E6d {
223
+ .Avatar-module__hop-Avatar--decorative-option3___5WMEU {
224
224
  --background-color: var(--hop-Avatar-decorative-3-background-color);
225
225
  --text-color: var(--hop-Avatar-decorative-3-text-color);
226
226
  }
227
- .Avatar-module__hop-Avatar--decorative-option4___BHoQj {
227
+ .Avatar-module__hop-Avatar--decorative-option4___KWZeM {
228
228
  --background-color: var(--hop-Avatar-decorative-4-background-color);
229
229
  --text-color: var(--hop-Avatar-decorative-4-text-color);
230
230
  }
231
- .Avatar-module__hop-Avatar--decorative-option5___UmjOH {
231
+ .Avatar-module__hop-Avatar--decorative-option5___pVwyU {
232
232
  --background-color: var(--hop-Avatar-decorative-5-background-color);
233
233
  --text-color: var(--hop-Avatar-decorative-5-text-color);
234
234
  }
235
- .Avatar-module__hop-Avatar--decorative-option6___8CVbo {
235
+ .Avatar-module__hop-Avatar--decorative-option6___lRfp7 {
236
236
  --background-color: var(--hop-Avatar-decorative-6-background-color);
237
237
  --text-color: var(--hop-Avatar-decorative-6-text-color);
238
238
  }
239
- .Avatar-module__hop-Avatar--decorative-option7___4ZFln {
239
+ .Avatar-module__hop-Avatar--decorative-option7___AerdM {
240
240
  --background-color: var(--hop-Avatar-decorative-7-background-color);
241
241
  --text-color: var(--hop-Avatar-decorative-7-text-color);
242
242
  }
243
- .Avatar-module__hop-Avatar--decorative-option8___MvBiM {
243
+ .Avatar-module__hop-Avatar--decorative-option8___6hGGA {
244
244
  --background-color: var(--hop-Avatar-decorative-8-background-color);
245
245
  --text-color: var(--hop-Avatar-decorative-8-text-color);
246
246
  }
247
- .Avatar-module__hop-Avatar--decorative-option9___z9oHT {
247
+ .Avatar-module__hop-Avatar--decorative-option9___EjBKY {
248
248
  --background-color: var(--hop-Avatar-decorative-9-background-color);
249
249
  --text-color: var(--hop-Avatar-decorative-9-text-color);
250
250
  }
251
- .Avatar-module__hop-Avatar___3ivfl[data-disabled] {
251
+ .Avatar-module__hop-Avatar___fYhW6[data-disabled] {
252
252
  --background-color: var(--hop-Avatar-background-color-disabled);
253
253
  --text-color: var(--hop-Avatar-text-color-disabled);
254
254
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
255
255
  isolation: isolate;
256
256
  }
257
- .Avatar-module__hop-Avatar__image___8lARV {
257
+ .Avatar-module__hop-Avatar__image___m95ud {
258
258
  position: relative;
259
259
  display: block;
260
260
  box-sizing: border-box;
@@ -265,7 +265,7 @@
265
265
  }
266
266
 
267
267
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
268
- :where(.OverlineText-module__hop-OverlineText___kurkU) {
268
+ :where(.OverlineText-module__hop-OverlineText___SbFVm) {
269
269
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
270
270
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
271
271
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -289,26 +289,26 @@
289
289
  text-transform: uppercase;
290
290
  letter-spacing: var(--letter-spacing);
291
291
  }
292
- .OverlineText-module__hop-OverlineText__text___7uNsa {
292
+ .OverlineText-module__hop-OverlineText__text___Cb3CN {
293
293
  box-sizing: border-box;
294
294
  }
295
- .OverlineText-module__hop-OverlineText__text___7uNsa::before,
296
- .OverlineText-module__hop-OverlineText__text___7uNsa::after {
295
+ .OverlineText-module__hop-OverlineText__text___Cb3CN::before,
296
+ .OverlineText-module__hop-OverlineText__text___Cb3CN::after {
297
297
  content: "";
298
298
  display: block;
299
299
  box-sizing: border-box;
300
300
  inline-size: 0;
301
301
  block-size: 0;
302
302
  }
303
- .OverlineText-module__hop-OverlineText__text___7uNsa::before {
303
+ .OverlineText-module__hop-OverlineText__text___Cb3CN::before {
304
304
  margin-block-end: var(--bottom-offset);
305
305
  }
306
- .OverlineText-module__hop-OverlineText__text___7uNsa::after {
306
+ .OverlineText-module__hop-OverlineText__text___Cb3CN::after {
307
307
  margin-block-start: var(--top-offset);
308
308
  }
309
309
 
310
310
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
311
- .Badge-module__hop-Badge___lrDM9 {
311
+ .Badge-module__hop-Badge___tJTtf {
312
312
  --hop-Badge-height: 1.5rem;
313
313
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
314
314
  --hop-Badge-border-radius: var(--hop-shape-pill);
@@ -332,21 +332,21 @@
332
332
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
333
333
  border-radius: var(--border-radius);
334
334
  }
335
- .Badge-module__hop-Badge--primary___B9IJu {
335
+ .Badge-module__hop-Badge--primary___3WZ9y {
336
336
  --background-color: var(--hop-Badge-primary-background-color);
337
337
  --text-color: var(--hop-Badge-primary-text-color);
338
338
  }
339
- .Badge-module__hop-Badge--secondary___rsYF4 {
339
+ .Badge-module__hop-Badge--secondary___OpnYy {
340
340
  --background-color: var(--hop-Badge-secondary-background-color);
341
341
  --text-color: var(--hop-Badge-secondary-text-color);
342
342
  }
343
- .Badge-module__hop-Badge___lrDM9[data-disabled] {
343
+ .Badge-module__hop-Badge___tJTtf[data-disabled] {
344
344
  --background-color: var(--hop-Badge-background-color-disabled);
345
345
  --text-color: var(--hop-Badge-text-color-disabled);
346
346
  }
347
347
 
348
348
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
349
- .IconList-module__hop-IconList___-mdbp {
349
+ .IconList-module__hop-IconList___ACGld {
350
350
  --hop-IconList-gap: var(--hop-space-inline-xs);
351
351
  display: flex;
352
352
  flex-wrap: wrap;
@@ -355,7 +355,7 @@
355
355
  }
356
356
 
357
357
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Spinner/src/Spinner.module.css/#css-module-data */
358
- @keyframes Spinner-module__spin___SWfvR {
358
+ @keyframes Spinner-module__spin___gZdkA {
359
359
  0% {
360
360
  transform: rotate(0deg);
361
361
  }
@@ -363,7 +363,7 @@
363
363
  transform: rotate(360deg);
364
364
  }
365
365
  }
366
- .Spinner-module__hop-Spinner___apf3U {
366
+ .Spinner-module__hop-Spinner___lbVrH {
367
367
  --hop-Spinner-border-radius: var(--hop-shape-circle);
368
368
  --hop-Spinner-sm-wheel-size: 1rem;
369
369
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -371,7 +371,7 @@
371
371
  --hop-Spinner-track-width: 0.125rem;
372
372
  --hop-Spinner-track-opacity: 0.2;
373
373
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
374
- --hop-Spinner-fill-animation: Spinner-module__spin___SWfvR .8s infinite linear;
374
+ --hop-Spinner-fill-animation: Spinner-module__spin___gZdkA .8s infinite linear;
375
375
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
376
376
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
377
377
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -382,19 +382,19 @@
382
382
  align-items: center;
383
383
  box-sizing: border-box;
384
384
  }
385
- .Spinner-module__hop-Spinner--sm___iii5s {
385
+ .Spinner-module__hop-Spinner--sm___Fq8e0 {
386
386
  --width: var(--hop-Spinner-sm-wheel-size);
387
387
  --height: var(--hop-Spinner-sm-wheel-size);
388
388
  }
389
- .Spinner-module__hop-Spinner--md___XWByD {
389
+ .Spinner-module__hop-Spinner--md___MNc-8 {
390
390
  --width: var(--hop-Spinner-md-wheel-size);
391
391
  --height: var(--hop-Spinner-md-wheel-size);
392
392
  }
393
- .Spinner-module__hop-Spinner--lg___8MyXM {
393
+ .Spinner-module__hop-Spinner--lg___dlN-q {
394
394
  --width: var(--hop-Spinner-lg-wheel-size);
395
395
  --height: var(--hop-Spinner-lg-wheel-size);
396
396
  }
397
- .Spinner-module__hop-Spinner__track___jLA3R {
397
+ .Spinner-module__hop-Spinner__track___S48QH {
398
398
  grid-area: spinner;
399
399
  box-sizing: border-box;
400
400
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -403,7 +403,7 @@
403
403
  border: var(--hop-Spinner-track-border);
404
404
  border-radius: var(--hop-Spinner-border-radius);
405
405
  }
406
- .Spinner-module__hop-Spinner__fill___9aaOq {
406
+ .Spinner-module__hop-Spinner__fill___qQ88k {
407
407
  grid-area: spinner;
408
408
  box-sizing: border-box;
409
409
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -414,17 +414,17 @@
414
414
  animation: var(--hop-Spinner-fill-animation);
415
415
  }
416
416
  @media (prefers-reduced-motion: reduce) {
417
- .Spinner-module__hop-Spinner__fill___9aaOq {
417
+ .Spinner-module__hop-Spinner__fill___qQ88k {
418
418
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
419
419
  }
420
420
  }
421
- .Spinner-module__hop-Spinner__label___fNaHT {
421
+ .Spinner-module__hop-Spinner__label___P1FJ3 {
422
422
  grid-area: label;
423
423
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
424
424
  }
425
425
 
426
426
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
427
- .Button-module__hop-Button___ot9lw {
427
+ .Button-module__hop-Button___mVpRP {
428
428
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
429
429
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
430
430
  --hop-Button-icon-only-padding: 0;
@@ -583,317 +583,317 @@
583
583
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
584
584
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
585
585
  }
586
- .Button-module__hop-Button___ot9lw[data-focus-visible] {
586
+ .Button-module__hop-Button___mVpRP[data-focus-visible] {
587
587
  outline: 0.125rem solid var(--hop-Button-focus-ring-color);
588
588
  }
589
- .Button-module__hop-Button--icon-only___i5ahP {
589
+ .Button-module__hop-Button--icon-only___xAh-6 {
590
590
  --padding-block: var(--hop-Button-icon-only-padding);
591
591
  --padding-inline: var(--hop-Button-icon-only-padding);
592
592
  column-gap: 0;
593
593
  aspect-ratio: 1;
594
594
  }
595
- .Button-module__hop-Button___ot9lw[data-disabled],
596
- .Button-module__hop-Button___ot9lw[data-loading] {
595
+ .Button-module__hop-Button___mVpRP[data-disabled],
596
+ .Button-module__hop-Button___mVpRP[data-loading] {
597
597
  cursor: not-allowed;
598
598
  }
599
- .Button-module__hop-Button--fluid___7p5MN {
599
+ .Button-module__hop-Button--fluid___EFWA- {
600
600
  --inline-size: 100%;
601
601
  }
602
- .Button-module__hop-Button--sm___8f5C7 {
602
+ .Button-module__hop-Button--sm___-ue3C {
603
603
  --block-size: var(--hop-Button-sm-height);
604
604
  }
605
- .Button-module__hop-Button--primary___eGhk1.Button-module__hop-Button--sm___8f5C7:not(.Button-module__hop-Button--icon-only___i5ahP) {
605
+ .Button-module__hop-Button--primary___EKPMl.Button-module__hop-Button--sm___-ue3C:not(.Button-module__hop-Button--icon-only___xAh-6) {
606
606
  --padding-inline: var(--hop-Button-primary-sm-padding-x);
607
607
  --padding-block: var(--hop-Button-primary-sm-padding-y);
608
608
  }
609
- .Button-module__hop-Button--primary___eGhk1.Button-module__hop-Button--md___Nq4Ho:not(.Button-module__hop-Button--icon-only___i5ahP) {
609
+ .Button-module__hop-Button--primary___EKPMl.Button-module__hop-Button--md___BDVkz:not(.Button-module__hop-Button--icon-only___xAh-6) {
610
610
  --padding-inline: var(--hop-Button-primary-md-padding-x);
611
611
  --padding-block: var(--hop-Button-primary-md-padding-y);
612
612
  }
613
- .Button-module__hop-Button--secondary___EK4MQ.Button-module__hop-Button--md___Nq4Ho:not(.Button-module__hop-Button--icon-only___i5ahP) {
613
+ .Button-module__hop-Button--secondary___bcVUb.Button-module__hop-Button--md___BDVkz:not(.Button-module__hop-Button--icon-only___xAh-6) {
614
614
  --padding-inline: var(--hop-Button-secondary-md-padding-x);
615
615
  --padding-block: var(--hop-Button-secondary-md-padding-y);
616
616
  }
617
- .Button-module__hop-Button--secondary___EK4MQ.Button-module__hop-Button--sm___8f5C7:not(.Button-module__hop-Button--icon-only___i5ahP) {
617
+ .Button-module__hop-Button--secondary___bcVUb.Button-module__hop-Button--sm___-ue3C:not(.Button-module__hop-Button--icon-only___xAh-6) {
618
618
  --padding-inline: var(--hop-Button-secondary-sm-padding-x);
619
619
  --padding-block: var(--hop-Button-secondary-sm-padding-y);
620
620
  }
621
- .Button-module__hop-Button--upsell___tKts9.Button-module__hop-Button--md___Nq4Ho:not(.Button-module__hop-Button--icon-only___i5ahP) {
621
+ .Button-module__hop-Button--upsell___6nknl.Button-module__hop-Button--md___BDVkz:not(.Button-module__hop-Button--icon-only___xAh-6) {
622
622
  --padding-inline: var(--hop-Button-upsell-md-padding-x);
623
623
  --padding-block: var(--hop-Button-upsell-md-padding-y);
624
624
  }
625
- .Button-module__hop-Button--upsell___tKts9.Button-module__hop-Button--sm___8f5C7:not(.Button-module__hop-Button--icon-only___i5ahP) {
625
+ .Button-module__hop-Button--upsell___6nknl.Button-module__hop-Button--sm___-ue3C:not(.Button-module__hop-Button--icon-only___xAh-6) {
626
626
  --padding-inline: var(--hop-Button-upsell-sm-padding-x);
627
627
  --padding-block: var(--hop-Button-upsell-sm-padding-y);
628
628
  }
629
- .Button-module__hop-Button--danger___kCc82.Button-module__hop-Button--md___Nq4Ho:not(.Button-module__hop-Button--icon-only___i5ahP) {
629
+ .Button-module__hop-Button--danger___MkovL.Button-module__hop-Button--md___BDVkz:not(.Button-module__hop-Button--icon-only___xAh-6) {
630
630
  --padding-inline: var(--hop-Button-danger-md-padding-x);
631
631
  --padding-block: var(--hop-Button-danger-md-padding-y);
632
632
  }
633
- .Button-module__hop-Button--danger___kCc82.Button-module__hop-Button--sm___8f5C7:not(.Button-module__hop-Button--icon-only___i5ahP) {
633
+ .Button-module__hop-Button--danger___MkovL.Button-module__hop-Button--sm___-ue3C:not(.Button-module__hop-Button--icon-only___xAh-6) {
634
634
  --padding-inline: var(--hop-Button-danger-sm-padding-x);
635
635
  --padding-block: var(--hop-Button-danger-sm-padding-y);
636
636
  }
637
- .Button-module__hop-Button--ghost-danger___p0AWu.Button-module__hop-Button--md___Nq4Ho:not(.Button-module__hop-Button--icon-only___i5ahP) {
637
+ .Button-module__hop-Button--ghost-danger___zlbPD.Button-module__hop-Button--md___BDVkz:not(.Button-module__hop-Button--icon-only___xAh-6) {
638
638
  --padding-inline: var(--hop-Button-ghost-danger-md-padding-x);
639
639
  --padding-block: var(--hop-Button-ghost-danger-md-padding-y);
640
640
  }
641
- .Button-module__hop-Button--ghost-danger___p0AWu.Button-module__hop-Button--sm___8f5C7:not(.Button-module__hop-Button--icon-only___i5ahP) {
641
+ .Button-module__hop-Button--ghost-danger___zlbPD.Button-module__hop-Button--sm___-ue3C:not(.Button-module__hop-Button--icon-only___xAh-6) {
642
642
  --padding-inline: var(--hop-Button-ghost-danger-sm-padding-x);
643
643
  --padding-block: var(--hop-Button-ghost-danger-sm-padding-y);
644
644
  }
645
- .Button-module__hop-Button--ghost-secondary___Mh--L.Button-module__hop-Button--md___Nq4Ho:not(.Button-module__hop-Button--icon-only___i5ahP) {
645
+ .Button-module__hop-Button--ghost-secondary___l-orO.Button-module__hop-Button--md___BDVkz:not(.Button-module__hop-Button--icon-only___xAh-6) {
646
646
  --padding-inline: var(--hop-Button-ghost-secondary-md-padding-x);
647
647
  --padding-block: var(--hop-Button-ghost-secondary-md-padding-y);
648
648
  }
649
- .Button-module__hop-Button--ghost-secondary___Mh--L.Button-module__hop-Button--sm___8f5C7:not(.Button-module__hop-Button--icon-only___i5ahP) {
649
+ .Button-module__hop-Button--ghost-secondary___l-orO.Button-module__hop-Button--sm___-ue3C:not(.Button-module__hop-Button--icon-only___xAh-6) {
650
650
  --padding-inline: var(--hop-Button-ghost-secondary-sm-padding-x);
651
651
  --padding-block: var(--hop-Button-ghost-secondary-sm-padding-y);
652
652
  }
653
- .Button-module__hop-Button--ghost-primary___bHqEG.Button-module__hop-Button--md___Nq4Ho:not(.Button-module__hop-Button--icon-only___i5ahP) {
653
+ .Button-module__hop-Button--ghost-primary___F6-yL.Button-module__hop-Button--md___BDVkz:not(.Button-module__hop-Button--icon-only___xAh-6) {
654
654
  --padding-inline: var(--hop-Button-ghost-primary-md-padding-x);
655
655
  --padding-block: var(--hop-Button-ghost-primary-md-padding-y);
656
656
  }
657
- .Button-module__hop-Button--ghost-primary___bHqEG.Button-module__hop-Button--sm___8f5C7:not(.Button-module__hop-Button--icon-only___i5ahP) {
657
+ .Button-module__hop-Button--ghost-primary___F6-yL.Button-module__hop-Button--sm___-ue3C:not(.Button-module__hop-Button--icon-only___xAh-6) {
658
658
  --padding-inline: var(--hop-Button-ghost-primary-sm-padding-x);
659
659
  --padding-block: var(--hop-Button-ghost-primary-sm-padding-y);
660
660
  }
661
- .Button-module__hop-Button--primary___eGhk1 {
661
+ .Button-module__hop-Button--primary___EKPMl {
662
662
  --background-color: var(--hop-Button-primary-background-color);
663
663
  --color: var(--hop-Button-primary-color);
664
664
  --border: var(--hop-Button-primary-border);
665
665
  --spinner-color: var(--hop-Button-primary-spinner-color);
666
666
  }
667
- .Button-module__hop-Button--primary___eGhk1[data-disabled]:not([data-loading]) {
667
+ .Button-module__hop-Button--primary___EKPMl[data-disabled]:not([data-loading]) {
668
668
  --background-color: var(--hop-Button-primary-background-color-disabled);
669
669
  --color: var(--hop-Button-primary-color-disabled);
670
670
  --border: var(--hop-Button-primary-border-disabled);
671
671
  }
672
- .Button-module__hop-Button--primary___eGhk1[data-hovered]:not([data-disabled], [data-loading]),
673
- .Button-module__hop-Button--primary___eGhk1[data-focus-visible]:not([data-disabled], [data-loading]) {
672
+ .Button-module__hop-Button--primary___EKPMl[data-hovered]:not([data-disabled], [data-loading]),
673
+ .Button-module__hop-Button--primary___EKPMl[data-focus-visible]:not([data-disabled], [data-loading]) {
674
674
  --background-color: var(--hop-Button-primary-background-color-hover);
675
675
  --color: var(--hop-Button-primary-color-hover);
676
676
  --border: var(--hop-Button-primary-border-hover);
677
677
  }
678
- .Button-module__hop-Button--primary___eGhk1[data-pressed]:not([data-loading]) {
678
+ .Button-module__hop-Button--primary___EKPMl[data-pressed]:not([data-loading]) {
679
679
  --background-color: var(--hop-Button-primary-background-color-pressed);
680
680
  --color: var(--hop-Button-primary-color-pressed);
681
681
  --border: var(--hop-Button-primary-border-pressed);
682
682
  }
683
- .Button-module__hop-Button--secondary___EK4MQ {
683
+ .Button-module__hop-Button--secondary___bcVUb {
684
684
  --background-color: var(--hop-Button-secondary-background-color);
685
685
  --color: var(--hop-Button-secondary-color);
686
686
  --border: var(--hop-Button-secondary-border);
687
687
  --spinner-color: var(--hop-Button-secondary-spinner-color);
688
688
  }
689
- .Button-module__hop-Button--secondary___EK4MQ[data-disabled]:not([data-loading]) {
689
+ .Button-module__hop-Button--secondary___bcVUb[data-disabled]:not([data-loading]) {
690
690
  --background-color: var(--hop-Button-secondary-background-color-disabled);
691
691
  --color: var(--hop-Button-secondary-color-disabled);
692
692
  --border: var(--hop-Button-secondary-border-disabled);
693
693
  }
694
- .Button-module__hop-Button--secondary___EK4MQ[data-hovered]:not([data-disabled], [data-loading]),
695
- .Button-module__hop-Button--secondary___EK4MQ[data-focus-visible]:not([data-disabled], [data-loading]) {
694
+ .Button-module__hop-Button--secondary___bcVUb[data-hovered]:not([data-disabled], [data-loading]),
695
+ .Button-module__hop-Button--secondary___bcVUb[data-focus-visible]:not([data-disabled], [data-loading]) {
696
696
  --background-color: var(--hop-Button-secondary-background-color-hover);
697
697
  --color: var(--hop-Button-secondary-color-hover);
698
698
  --border: var(--hop-Button-secondary-border-hover);
699
699
  }
700
- .Button-module__hop-Button--secondary___EK4MQ[data-pressed]:not([data-loading]) {
700
+ .Button-module__hop-Button--secondary___bcVUb[data-pressed]:not([data-loading]) {
701
701
  --background-color: var(--hop-Button-secondary-background-color-pressed);
702
702
  --color: var(--hop-Button-secondary-color-pressed);
703
703
  --border: var(--hop-Button-secondary-border-pressed);
704
704
  }
705
- .Button-module__hop-Button--upsell___tKts9 {
705
+ .Button-module__hop-Button--upsell___6nknl {
706
706
  --background-color: var(--hop-Button-upsell-background-color);
707
707
  --color: var(--hop-Button-upsell-color);
708
708
  --border: var(--hop-Button-upsell-border);
709
709
  --spinner-color: var(--hop-Button-upsell-spinner-color);
710
710
  }
711
- .Button-module__hop-Button--upsell___tKts9[data-disabled]:not([data-loading]) {
711
+ .Button-module__hop-Button--upsell___6nknl[data-disabled]:not([data-loading]) {
712
712
  --background-color: var(--hop-Button-upsell-background-color-disabled);
713
713
  --color: var(--hop-Button-upsell-color-disabled);
714
714
  --border: var(--hop-Button-upsell-border-disabled);
715
715
  }
716
- .Button-module__hop-Button--upsell___tKts9[data-hovered]:not([data-disabled], [data-loading]),
717
- .Button-module__hop-Button--upsell___tKts9[data-focus-visible]:not([data-disabled], [data-loading]) {
716
+ .Button-module__hop-Button--upsell___6nknl[data-hovered]:not([data-disabled], [data-loading]),
717
+ .Button-module__hop-Button--upsell___6nknl[data-focus-visible]:not([data-disabled], [data-loading]) {
718
718
  --background-color: var(--hop-Button-upsell-background-color-hover);
719
719
  --color: var(--hop-Button-upsell-color-hover);
720
720
  --border: var(--hop-Button-upsell-border-hover);
721
721
  }
722
- .Button-module__hop-Button--upsell___tKts9[data-pressed]:not([data-loading]) {
722
+ .Button-module__hop-Button--upsell___6nknl[data-pressed]:not([data-loading]) {
723
723
  --background-color: var(--hop-Button-upsell-background-color-pressed);
724
724
  --color: var(--hop-Button-upsell-color-pressed);
725
725
  --border: var(--hop-Button-upsell-border-pressed);
726
726
  }
727
- .Button-module__hop-Button--danger___kCc82 {
727
+ .Button-module__hop-Button--danger___MkovL {
728
728
  --background-color: var(--hop-Button-danger-background-color);
729
729
  --color: var(--hop-Button-danger-color);
730
730
  --border: var(--hop-Button-danger-border);
731
731
  --spinner-color: var(--hop-Button-danger-spinner-color);
732
732
  }
733
- .Button-module__hop-Button--danger___kCc82[data-disabled]:not([data-loading]) {
733
+ .Button-module__hop-Button--danger___MkovL[data-disabled]:not([data-loading]) {
734
734
  --background-color: var(--hop-Button-danger-background-color-disabled);
735
735
  --color: var(--hop-Button-danger-color-disabled);
736
736
  --border: var(--hop-Button-danger-border-disabled);
737
737
  }
738
- .Button-module__hop-Button--danger___kCc82[data-hovered]:not([data-disabled], [data-loading]),
739
- .Button-module__hop-Button--danger___kCc82[data-focus-visible]:not([data-disabled], [data-loading]) {
738
+ .Button-module__hop-Button--danger___MkovL[data-hovered]:not([data-disabled], [data-loading]),
739
+ .Button-module__hop-Button--danger___MkovL[data-focus-visible]:not([data-disabled], [data-loading]) {
740
740
  --background-color: var(--hop-Button-danger-background-color-hover);
741
741
  --color: var(--hop-Button-danger-color-hover);
742
742
  --border: var(--hop-Button-danger-border-hover);
743
743
  }
744
- .Button-module__hop-Button--danger___kCc82[data-pressed]:not([data-loading]) {
744
+ .Button-module__hop-Button--danger___MkovL[data-pressed]:not([data-loading]) {
745
745
  --background-color: var(--hop-Button-danger-background-color-pressed);
746
746
  --color: var(--hop-Button-danger-color-pressed);
747
747
  --border: var(--hop-Button-danger-border-pressed);
748
748
  }
749
- .Button-module__hop-Button--ghost-primary___bHqEG {
749
+ .Button-module__hop-Button--ghost-primary___F6-yL {
750
750
  --background-color: var(--hop-Button-ghost-primary-background-color);
751
751
  --color: var(--hop-Button-ghost-primary-color);
752
752
  --border: var(--hop-Button-ghost-primary-border);
753
753
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
754
754
  }
755
- .Button-module__hop-Button--ghost-primary___bHqEG[data-disabled]:not([data-loading]) {
755
+ .Button-module__hop-Button--ghost-primary___F6-yL[data-disabled]:not([data-loading]) {
756
756
  --background-color: var(--hop-Button-ghost-primary-background-color-disabled);
757
757
  --color: var(--hop-Button-ghost-primary-color-disabled);
758
758
  --border: var(--hop-Button-ghost-primary-border-disabled);
759
759
  }
760
- .Button-module__hop-Button--ghost-primary___bHqEG[data-hovered]:not([data-disabled], [data-loading]),
761
- .Button-module__hop-Button--ghost-primary___bHqEG[data-focus-visible]:not([data-disabled], [data-loading]) {
760
+ .Button-module__hop-Button--ghost-primary___F6-yL[data-hovered]:not([data-disabled], [data-loading]),
761
+ .Button-module__hop-Button--ghost-primary___F6-yL[data-focus-visible]:not([data-disabled], [data-loading]) {
762
762
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
763
763
  --color: var(--hop-Button-ghost-primary-color-hover);
764
764
  --border: var(--hop-Button-ghost-primary-border-hover);
765
765
  }
766
- .Button-module__hop-Button--ghost-primary___bHqEG[data-pressed]:not([data-loading]) {
766
+ .Button-module__hop-Button--ghost-primary___F6-yL[data-pressed]:not([data-loading]) {
767
767
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
768
768
  --color: var(--hop-Button-ghost-primary-color-pressed);
769
769
  --border: var(--hop-Button-ghost-primary-border-pressed);
770
770
  }
771
- .Button-module__hop-Button--ghost-secondary___Mh--L {
771
+ .Button-module__hop-Button--ghost-secondary___l-orO {
772
772
  --background-color: var(--hop-Button-ghost-secondary-background-color);
773
773
  --color: var(--hop-Button-ghost-secondary-color);
774
774
  --border: var(--hop-Button-ghost-secondary-border);
775
775
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
776
776
  }
777
- .Button-module__hop-Button--ghost-secondary___Mh--L[data-disabled]:not([data-loading]) {
777
+ .Button-module__hop-Button--ghost-secondary___l-orO[data-disabled]:not([data-loading]) {
778
778
  --background-color: var(--hop-Button-ghost-secondary-background-color-disabled);
779
779
  --color: var(--hop-Button-ghost-secondary-color-disabled);
780
780
  --border: var(--hop-Button-ghost-secondary-border-disabled);
781
781
  }
782
- .Button-module__hop-Button--ghost-secondary___Mh--L[data-hovered]:not([data-disabled], [data-loading]),
783
- .Button-module__hop-Button--ghost-secondary___Mh--L[data-focus-visible]:not([data-disabled], [data-loading]) {
782
+ .Button-module__hop-Button--ghost-secondary___l-orO[data-hovered]:not([data-disabled], [data-loading]),
783
+ .Button-module__hop-Button--ghost-secondary___l-orO[data-focus-visible]:not([data-disabled], [data-loading]) {
784
784
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
785
785
  --color: var(--hop-Button-ghost-secondary-color-hover);
786
786
  --border: var(--hop-Button-ghost-secondary-border-hover);
787
787
  }
788
- .Button-module__hop-Button--ghost-secondary___Mh--L[data-pressed]:not([data-loading]) {
788
+ .Button-module__hop-Button--ghost-secondary___l-orO[data-pressed]:not([data-loading]) {
789
789
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
790
790
  --color: var(--hop-Button-ghost-secondary-color-pressed);
791
791
  --border: var(--hop-Button-ghost-secondary-border-pressed);
792
792
  }
793
- .Button-module__hop-Button--ghost-danger___p0AWu {
793
+ .Button-module__hop-Button--ghost-danger___zlbPD {
794
794
  --background-color: var(--hop-Button-ghost-danger-background-color);
795
795
  --color: var(--hop-Button-ghost-danger-color);
796
796
  --border: var(--hop-Button-ghost-danger-border);
797
797
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
798
798
  }
799
- .Button-module__hop-Button--ghost-danger___p0AWu[data-disabled]:not([data-loading]) {
799
+ .Button-module__hop-Button--ghost-danger___zlbPD[data-disabled]:not([data-loading]) {
800
800
  --background-color: var(--hop-Button-ghost-danger-background-color-disabled);
801
801
  --color: var(--hop-Button-ghost-danger-color-disabled);
802
802
  --border: var(--hop-Button-ghost-danger-border-disabled);
803
803
  }
804
- .Button-module__hop-Button--ghost-danger___p0AWu[data-hovered]:not([data-disabled], [data-loading]),
805
- .Button-module__hop-Button--ghost-danger___p0AWu[data-focus-visible]:not([data-disabled], [data-loading]) {
804
+ .Button-module__hop-Button--ghost-danger___zlbPD[data-hovered]:not([data-disabled], [data-loading]),
805
+ .Button-module__hop-Button--ghost-danger___zlbPD[data-focus-visible]:not([data-disabled], [data-loading]) {
806
806
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
807
807
  --color: var(--hop-Button-ghost-danger-color-hover);
808
808
  --border: var(--hop-Button-ghost-danger-border-hover);
809
809
  }
810
- .Button-module__hop-Button--ghost-danger___p0AWu[data-pressed]:not([data-loading]) {
810
+ .Button-module__hop-Button--ghost-danger___zlbPD[data-pressed]:not([data-loading]) {
811
811
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
812
812
  --color: var(--hop-Button-ghost-danger-color-pressed);
813
813
  --border: var(--hop-Button-ghost-danger-border-pressed);
814
814
  }
815
- .Button-module__hop-Button__Spinner___pYUr5 {
815
+ .Button-module__hop-Button__Spinner___1RnXX {
816
816
  position: absolute;
817
817
  justify-self: center;
818
818
  color: var(--spinner-color);
819
819
  }
820
- .Button-module__hop-Button__icon___8a7Yy,
821
- .Button-module__hop-Button__icon-list___7KNrU {
820
+ .Button-module__hop-Button__icon___MFwf2,
821
+ .Button-module__hop-Button__icon-list___jC-21 {
822
822
  grid-area: start-icon;
823
823
  justify-self: end;
824
824
  }
825
- .Button-module__hop-Button__text___a4lmJ {
825
+ .Button-module__hop-Button__text___ebwCf {
826
826
  user-select: none;
827
827
  overflow: visible;
828
828
  grid-area: content;
829
829
  font-weight: var(--hop-font-weight-505);
830
830
  text-wrap: nowrap;
831
831
  }
832
- .Button-module__hop-Button--ghost-primary___bHqEG[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___a4lmJ,
833
- .Button-module__hop-Button--ghost-secondary___Mh--L[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___a4lmJ,
834
- .Button-module__hop-Button--ghost-danger___p0AWu[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___a4lmJ,
835
- .Button-module__hop-Button--ghost-primary___bHqEG[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___a4lmJ,
836
- .Button-module__hop-Button--ghost-secondary___Mh--L[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___a4lmJ,
837
- .Button-module__hop-Button--ghost-danger___p0AWu[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___a4lmJ,
838
- .Button-module__hop-Button--ghost-primary___bHqEG[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___a4lmJ,
839
- .Button-module__hop-Button--ghost-secondary___Mh--L[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___a4lmJ,
840
- .Button-module__hop-Button--ghost-danger___p0AWu[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___a4lmJ {
832
+ .Button-module__hop-Button--ghost-primary___F6-yL[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___ebwCf,
833
+ .Button-module__hop-Button--ghost-secondary___l-orO[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___ebwCf,
834
+ .Button-module__hop-Button--ghost-danger___zlbPD[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___ebwCf,
835
+ .Button-module__hop-Button--ghost-primary___F6-yL[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___ebwCf,
836
+ .Button-module__hop-Button--ghost-secondary___l-orO[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___ebwCf,
837
+ .Button-module__hop-Button--ghost-danger___zlbPD[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___ebwCf,
838
+ .Button-module__hop-Button--ghost-primary___F6-yL[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___ebwCf,
839
+ .Button-module__hop-Button--ghost-secondary___l-orO[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___ebwCf,
840
+ .Button-module__hop-Button--ghost-danger___zlbPD[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___ebwCf {
841
841
  text-decoration: underline;
842
842
  text-underline-offset: 0.125rem;
843
843
  }
844
- .Button-module__hop-Button__end-icon___oJS-s,
845
- .Button-module__hop-Button__end-icon-list___iyDSw {
844
+ .Button-module__hop-Button__end-icon___oyHTu,
845
+ .Button-module__hop-Button__end-icon-list___1U3mE {
846
846
  grid-area: end-icon;
847
847
  }
848
- .Button-module__hop-Button___ot9lw .Button-module__hop-Button__icon-list___7KNrU,
849
- .Button-module__hop-Button___ot9lw .Button-module__hop-Button__end-icon-list___iyDSw {
848
+ .Button-module__hop-Button___mVpRP .Button-module__hop-Button__icon-list___jC-21,
849
+ .Button-module__hop-Button___mVpRP .Button-module__hop-Button__end-icon-list___1U3mE {
850
850
  flex-wrap: nowrap;
851
851
  }
852
- .Button-module__hop-Button___ot9lw[data-loading] > *:not(.Button-module__hop-Button__Spinner___pYUr5) {
852
+ .Button-module__hop-Button___mVpRP[data-loading] > *:not(.Button-module__hop-Button__Spinner___1RnXX) {
853
853
  opacity: 0;
854
854
  }
855
855
 
856
856
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
857
- .ButtonGroup-module__hop-ButtonGroup___pg9lD {
857
+ .ButtonGroup-module__hop-ButtonGroup___V-GZD {
858
858
  display: inline-flex;
859
859
  flex-wrap: nowrap;
860
860
  gap: var(--hop-space-inline-md);
861
861
  }
862
- .ButtonGroup-module__hop-ButtonGroup--horizontal___IeYfB {
862
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___ZRbG5 {
863
863
  justify-content: center;
864
864
  }
865
- .ButtonGroup-module__hop-ButtonGroup--vertical___20OwE {
865
+ .ButtonGroup-module__hop-ButtonGroup--vertical___v3JGj {
866
866
  flex-direction: column;
867
867
  gap: var(--hop-space-stack-md);
868
868
  align-items: center;
869
869
  }
870
- .ButtonGroup-module__hop-ButtonGroup--start___8cAOO.ButtonGroup-module__hop-ButtonGroup--vertical___20OwE {
870
+ .ButtonGroup-module__hop-ButtonGroup--start___sc1iw.ButtonGroup-module__hop-ButtonGroup--vertical___v3JGj {
871
871
  align-items: flex-start;
872
872
  }
873
- .ButtonGroup-module__hop-ButtonGroup--center___bXsRU.ButtonGroup-module__hop-ButtonGroup--vertical___20OwE {
873
+ .ButtonGroup-module__hop-ButtonGroup--center___hfVSv.ButtonGroup-module__hop-ButtonGroup--vertical___v3JGj {
874
874
  align-items: center;
875
875
  }
876
- .ButtonGroup-module__hop-ButtonGroup--end___QRAcI.ButtonGroup-module__hop-ButtonGroup--vertical___20OwE {
876
+ .ButtonGroup-module__hop-ButtonGroup--end___OwOEL.ButtonGroup-module__hop-ButtonGroup--vertical___v3JGj {
877
877
  align-items: flex-end;
878
878
  }
879
- .ButtonGroup-module__hop-ButtonGroup--start___8cAOO.ButtonGroup-module__hop-ButtonGroup--horizontal___IeYfB {
879
+ .ButtonGroup-module__hop-ButtonGroup--start___sc1iw.ButtonGroup-module__hop-ButtonGroup--horizontal___ZRbG5 {
880
880
  justify-content: flex-start;
881
881
  }
882
- .ButtonGroup-module__hop-ButtonGroup--center___bXsRU.ButtonGroup-module__hop-ButtonGroup--horizontal___IeYfB {
882
+ .ButtonGroup-module__hop-ButtonGroup--center___hfVSv.ButtonGroup-module__hop-ButtonGroup--horizontal___ZRbG5 {
883
883
  justify-content: center;
884
884
  }
885
- .ButtonGroup-module__hop-ButtonGroup--end___QRAcI.ButtonGroup-module__hop-ButtonGroup--horizontal___IeYfB {
885
+ .ButtonGroup-module__hop-ButtonGroup--end___OwOEL.ButtonGroup-module__hop-ButtonGroup--horizontal___ZRbG5 {
886
886
  justify-content: flex-end;
887
887
  }
888
- .ButtonGroup-module__hop-ButtonGroup--wrap___72Z7i {
888
+ .ButtonGroup-module__hop-ButtonGroup--wrap___lgR5H {
889
889
  flex-wrap: wrap;
890
890
  }
891
- .ButtonGroup-module__hop-ButtonGroup--fluid___cVwde {
891
+ .ButtonGroup-module__hop-ButtonGroup--fluid___M4OVp {
892
892
  inline-size: 100%;
893
893
  }
894
894
 
895
895
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
896
- .EmbeddedButton-module__hop-EmbeddedButton___Ef3WW {
896
+ .EmbeddedButton-module__hop-EmbeddedButton___1GbQx {
897
897
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
898
898
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
899
899
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -1056,7 +1056,7 @@
1056
1056
  outline: none;
1057
1057
  transition: color var(--transition);
1058
1058
  }
1059
- .EmbeddedButton-module__hop-EmbeddedButton___Ef3WW::before {
1059
+ .EmbeddedButton-module__hop-EmbeddedButton___1GbQx::before {
1060
1060
  content: "";
1061
1061
  position: absolute;
1062
1062
  inset-block-start: 50%;
@@ -1069,281 +1069,281 @@
1069
1069
  border-radius: var(--effect-border-radius);
1070
1070
  transition: background-color var(--transition);
1071
1071
  }
1072
- .EmbeddedButton-module__hop-EmbeddedButton--md___2JVnP {
1072
+ .EmbeddedButton-module__hop-EmbeddedButton--md___FCTYh {
1073
1073
  --inline-size: var(--hop-EmbeddedButton-md-width);
1074
1074
  --block-size: var(--hop-EmbeddedButton-md-height);
1075
1075
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
1076
1076
  }
1077
- .EmbeddedButton-module__hop-EmbeddedButton--lg___msSgm {
1077
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___D0xsi {
1078
1078
  --inline-size: var(--hop-EmbeddedButton-lg-width);
1079
1079
  --block-size: var(--hop-EmbeddedButton-lg-height);
1080
1080
  --focus-ring-offset: 0;
1081
1081
  }
1082
- .EmbeddedButton-module__hop-EmbeddedButton--md___2JVnP::before {
1082
+ .EmbeddedButton-module__hop-EmbeddedButton--md___FCTYh::before {
1083
1083
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
1084
1084
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
1085
1085
  }
1086
- .EmbeddedButton-module__hop-EmbeddedButton--lg___msSgm::before {
1086
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___D0xsi::before {
1087
1087
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
1088
1088
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
1089
1089
  }
1090
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___UmAU5 {
1090
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___Zm-js {
1091
1091
  --color: var(--hop-EmbeddedButton-neutral-color);
1092
1092
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
1093
1093
  }
1094
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___DvRSb {
1094
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___WBkWw {
1095
1095
  --color: var(--hop-EmbeddedButton-subdued-color);
1096
1096
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
1097
1097
  }
1098
- .EmbeddedButton-module__hop-EmbeddedButton--progress___JHpxs {
1098
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___-hN3z {
1099
1099
  --color: var(--hop-EmbeddedButton-progress-color);
1100
1100
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
1101
1101
  }
1102
- .EmbeddedButton-module__hop-EmbeddedButton--positive___3R-QA {
1102
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___l6LUR {
1103
1103
  --color: var(--hop-EmbeddedButton-positive-color);
1104
1104
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
1105
1105
  }
1106
- .EmbeddedButton-module__hop-EmbeddedButton--caution___AYJP5 {
1106
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___cRFs6 {
1107
1107
  --color: var(--hop-EmbeddedButton-caution-color);
1108
1108
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
1109
1109
  }
1110
- .EmbeddedButton-module__hop-EmbeddedButton--negative___NYJpR {
1110
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___IpUMs {
1111
1111
  --color: var(--hop-EmbeddedButton-negative-color);
1112
1112
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
1113
1113
  }
1114
- .EmbeddedButton-module__hop-EmbeddedButton--option1___HjCqc {
1114
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___OljFH {
1115
1115
  --color: var(--hop-EmbeddedButton-option1-color);
1116
1116
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
1117
1117
  }
1118
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-arDT {
1118
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___esb4r {
1119
1119
  --color: var(--hop-EmbeddedButton-option2-color);
1120
1120
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
1121
1121
  }
1122
- .EmbeddedButton-module__hop-EmbeddedButton--option3___ydPzK {
1122
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___hqADK {
1123
1123
  --color: var(--hop-EmbeddedButton-option3-color);
1124
1124
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
1125
1125
  }
1126
- .EmbeddedButton-module__hop-EmbeddedButton--option4___Lahu0 {
1126
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___aZ9UG {
1127
1127
  --color: var(--hop-EmbeddedButton-option4-color);
1128
1128
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
1129
1129
  }
1130
- .EmbeddedButton-module__hop-EmbeddedButton--option5___FN9cX {
1130
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___hBLgP {
1131
1131
  --color: var(--hop-EmbeddedButton-option5-color);
1132
1132
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
1133
1133
  }
1134
- .EmbeddedButton-module__hop-EmbeddedButton--option6___VaTPy {
1134
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___dkgz3 {
1135
1135
  --color: var(--hop-EmbeddedButton-option6-color);
1136
1136
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
1137
1137
  }
1138
- .EmbeddedButton-module__hop-EmbeddedButton___Ef3WW[data-selected] {
1138
+ .EmbeddedButton-module__hop-EmbeddedButton___1GbQx[data-selected] {
1139
1139
  --color: var(--hop-EmbeddedButton-selected-color);
1140
1140
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
1141
1141
  }
1142
- .EmbeddedButton-module__hop-EmbeddedButton___Ef3WW[data-focus-visible] {
1142
+ .EmbeddedButton-module__hop-EmbeddedButton___1GbQx[data-focus-visible] {
1143
1143
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1144
1144
  outline-offset: var(--focus-ring-offset);
1145
1145
  }
1146
- .EmbeddedButton-module__hop-EmbeddedButton___Ef3WW[data-disabled] {
1146
+ .EmbeddedButton-module__hop-EmbeddedButton___1GbQx[data-disabled] {
1147
1147
  cursor: not-allowed;
1148
1148
  }
1149
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___UmAU5[data-hovered] {
1149
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___Zm-js[data-hovered] {
1150
1150
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1151
1151
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1152
1152
  }
1153
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___UmAU5[data-focus-visible] {
1153
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___Zm-js[data-focus-visible] {
1154
1154
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1155
1155
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1156
1156
  }
1157
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___UmAU5[data-pressed] {
1157
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___Zm-js[data-pressed] {
1158
1158
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1159
1159
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1160
1160
  }
1161
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___UmAU5[data-disabled] {
1161
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___Zm-js[data-disabled] {
1162
1162
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1163
1163
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1164
1164
  }
1165
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___DvRSb[data-hovered] {
1165
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___WBkWw[data-hovered] {
1166
1166
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1167
1167
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1168
1168
  }
1169
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___DvRSb[data-focus-visible] {
1169
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___WBkWw[data-focus-visible] {
1170
1170
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1171
1171
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1172
1172
  }
1173
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___DvRSb[data-pressed] {
1173
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___WBkWw[data-pressed] {
1174
1174
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1175
1175
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1176
1176
  }
1177
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___DvRSb[data-disabled] {
1177
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___WBkWw[data-disabled] {
1178
1178
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1179
1179
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1180
1180
  }
1181
- .EmbeddedButton-module__hop-EmbeddedButton--progress___JHpxs[data-hovered] {
1181
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___-hN3z[data-hovered] {
1182
1182
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1183
1183
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1184
1184
  }
1185
- .EmbeddedButton-module__hop-EmbeddedButton--progress___JHpxs[data-focus-visible] {
1185
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___-hN3z[data-focus-visible] {
1186
1186
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1187
1187
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1188
1188
  }
1189
- .EmbeddedButton-module__hop-EmbeddedButton--progress___JHpxs[data-pressed] {
1189
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___-hN3z[data-pressed] {
1190
1190
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1191
1191
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1192
1192
  }
1193
- .EmbeddedButton-module__hop-EmbeddedButton--progress___JHpxs[data-disabled] {
1193
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___-hN3z[data-disabled] {
1194
1194
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1195
1195
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1196
1196
  }
1197
- .EmbeddedButton-module__hop-EmbeddedButton--positive___3R-QA[data-hovered] {
1197
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___l6LUR[data-hovered] {
1198
1198
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1199
1199
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1200
1200
  }
1201
- .EmbeddedButton-module__hop-EmbeddedButton--positive___3R-QA[data-focus-visible] {
1201
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___l6LUR[data-focus-visible] {
1202
1202
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1203
1203
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1204
1204
  }
1205
- .EmbeddedButton-module__hop-EmbeddedButton--positive___3R-QA[data-pressed] {
1205
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___l6LUR[data-pressed] {
1206
1206
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1207
1207
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1208
1208
  }
1209
- .EmbeddedButton-module__hop-EmbeddedButton--positive___3R-QA[data-disabled] {
1209
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___l6LUR[data-disabled] {
1210
1210
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1211
1211
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1212
1212
  }
1213
- .EmbeddedButton-module__hop-EmbeddedButton--caution___AYJP5[data-hovered] {
1213
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___cRFs6[data-hovered] {
1214
1214
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1215
1215
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1216
1216
  }
1217
- .EmbeddedButton-module__hop-EmbeddedButton--caution___AYJP5[data-focus-visible] {
1217
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___cRFs6[data-focus-visible] {
1218
1218
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1219
1219
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1220
1220
  }
1221
- .EmbeddedButton-module__hop-EmbeddedButton--caution___AYJP5[data-pressed] {
1221
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___cRFs6[data-pressed] {
1222
1222
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1223
1223
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1224
1224
  }
1225
- .EmbeddedButton-module__hop-EmbeddedButton--caution___AYJP5[data-disabled] {
1225
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___cRFs6[data-disabled] {
1226
1226
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1227
1227
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1228
1228
  }
1229
- .EmbeddedButton-module__hop-EmbeddedButton--negative___NYJpR[data-hovered] {
1229
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___IpUMs[data-hovered] {
1230
1230
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1231
1231
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1232
1232
  }
1233
- .EmbeddedButton-module__hop-EmbeddedButton--negative___NYJpR[data-focus-visible] {
1233
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___IpUMs[data-focus-visible] {
1234
1234
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1235
1235
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1236
1236
  }
1237
- .EmbeddedButton-module__hop-EmbeddedButton--negative___NYJpR[data-pressed] {
1237
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___IpUMs[data-pressed] {
1238
1238
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1239
1239
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1240
1240
  }
1241
- .EmbeddedButton-module__hop-EmbeddedButton--negative___NYJpR[data-disabled] {
1241
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___IpUMs[data-disabled] {
1242
1242
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1243
1243
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1244
1244
  }
1245
- .EmbeddedButton-module__hop-EmbeddedButton--option1___HjCqc[data-hovered] {
1245
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___OljFH[data-hovered] {
1246
1246
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1247
1247
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1248
1248
  }
1249
- .EmbeddedButton-module__hop-EmbeddedButton--option1___HjCqc[data-focus-visible] {
1249
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___OljFH[data-focus-visible] {
1250
1250
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1251
1251
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1252
1252
  }
1253
- .EmbeddedButton-module__hop-EmbeddedButton--option1___HjCqc[data-pressed] {
1253
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___OljFH[data-pressed] {
1254
1254
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1255
1255
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1256
1256
  }
1257
- .EmbeddedButton-module__hop-EmbeddedButton--option1___HjCqc[data-disabled] {
1257
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___OljFH[data-disabled] {
1258
1258
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1259
1259
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1260
1260
  }
1261
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-arDT[data-hovered] {
1261
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___esb4r[data-hovered] {
1262
1262
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1263
1263
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1264
1264
  }
1265
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-arDT[data-focus-visible] {
1265
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___esb4r[data-focus-visible] {
1266
1266
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1267
1267
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1268
1268
  }
1269
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-arDT[data-pressed] {
1269
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___esb4r[data-pressed] {
1270
1270
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1271
1271
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1272
1272
  }
1273
- .EmbeddedButton-module__hop-EmbeddedButton--option2___-arDT[data-disabled] {
1273
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___esb4r[data-disabled] {
1274
1274
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1275
1275
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1276
1276
  }
1277
- .EmbeddedButton-module__hop-EmbeddedButton--option3___ydPzK[data-hovered] {
1277
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___hqADK[data-hovered] {
1278
1278
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1279
1279
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1280
1280
  }
1281
- .EmbeddedButton-module__hop-EmbeddedButton--option3___ydPzK[data-focus-visible] {
1281
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___hqADK[data-focus-visible] {
1282
1282
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1283
1283
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1284
1284
  }
1285
- .EmbeddedButton-module__hop-EmbeddedButton--option3___ydPzK[data-pressed] {
1285
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___hqADK[data-pressed] {
1286
1286
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1287
1287
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1288
1288
  }
1289
- .EmbeddedButton-module__hop-EmbeddedButton--option3___ydPzK[data-disabled] {
1289
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___hqADK[data-disabled] {
1290
1290
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1291
1291
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1292
1292
  }
1293
- .EmbeddedButton-module__hop-EmbeddedButton--option4___Lahu0[data-hovered] {
1293
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___aZ9UG[data-hovered] {
1294
1294
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1295
1295
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1296
1296
  }
1297
- .EmbeddedButton-module__hop-EmbeddedButton--option4___Lahu0[data-focus-visible] {
1297
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___aZ9UG[data-focus-visible] {
1298
1298
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1299
1299
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1300
1300
  }
1301
- .EmbeddedButton-module__hop-EmbeddedButton--option4___Lahu0[data-pressed] {
1301
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___aZ9UG[data-pressed] {
1302
1302
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1303
1303
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1304
1304
  }
1305
- .EmbeddedButton-module__hop-EmbeddedButton--option4___Lahu0[data-disabled] {
1305
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___aZ9UG[data-disabled] {
1306
1306
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1307
1307
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1308
1308
  }
1309
- .EmbeddedButton-module__hop-EmbeddedButton--option5___FN9cX[data-hovered] {
1309
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___hBLgP[data-hovered] {
1310
1310
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1311
1311
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1312
1312
  }
1313
- .EmbeddedButton-module__hop-EmbeddedButton--option5___FN9cX[data-focus-visible] {
1313
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___hBLgP[data-focus-visible] {
1314
1314
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1315
1315
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1316
1316
  }
1317
- .EmbeddedButton-module__hop-EmbeddedButton--option5___FN9cX[data-pressed] {
1317
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___hBLgP[data-pressed] {
1318
1318
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1319
1319
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1320
1320
  }
1321
- .EmbeddedButton-module__hop-EmbeddedButton--option5___FN9cX[data-disabled] {
1321
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___hBLgP[data-disabled] {
1322
1322
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1323
1323
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1324
1324
  }
1325
- .EmbeddedButton-module__hop-EmbeddedButton--option6___VaTPy[data-hovered] {
1325
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___dkgz3[data-hovered] {
1326
1326
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1327
1327
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1328
1328
  }
1329
- .EmbeddedButton-module__hop-EmbeddedButton--option6___VaTPy[data-focus-visible] {
1329
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___dkgz3[data-focus-visible] {
1330
1330
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1331
1331
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1332
1332
  }
1333
- .EmbeddedButton-module__hop-EmbeddedButton--option6___VaTPy[data-pressed] {
1333
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___dkgz3[data-pressed] {
1334
1334
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1335
1335
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1336
1336
  }
1337
- .EmbeddedButton-module__hop-EmbeddedButton--option6___VaTPy[data-disabled] {
1337
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___dkgz3[data-disabled] {
1338
1338
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1339
1339
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1340
1340
  }
1341
- .EmbeddedButton-module__hop-EmbeddedButton__icon___YTaCR {
1341
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___-XQ2i {
1342
1342
  position: relative;
1343
1343
  }
1344
1344
 
1345
1345
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/Tag.module.css/#css-module-data */
1346
- .Tag-module__hop-Tag___RskTT {
1346
+ .Tag-module__hop-Tag___KGnAq {
1347
1347
  --hop-Tag-border-size: 0.0625rem;
1348
1348
  --hop-Tag-border-radius: var(--hop-shape-pill);
1349
1349
  --hop-Tag-sm-block-size: 1.25rem;
@@ -1582,7 +1582,7 @@
1582
1582
  outline: none;
1583
1583
  outline-offset: 0.125rem;
1584
1584
  }
1585
- .Tag-module__hop-Tag--sm___dT9Zg {
1585
+ .Tag-module__hop-Tag--sm___e6uUD {
1586
1586
  --block-size: var(--hop-Tag-sm-block-size);
1587
1587
  --padding-inline: var(--hop-Tag-sm-padding-inline);
1588
1588
  --column-gap: var(--hop-Tag-sm-column-gap);
@@ -1590,13 +1590,13 @@
1590
1590
  --avatar-margin-inline-start: var(--hop-Tag-sm-avatar-margin-inline-start);
1591
1591
  --spinner-margin-inline-end: var(--hop-Tag-sm-spinner-margin-inline-end);
1592
1592
  }
1593
- .Tag-module__hop-Tag--sm___dT9Zg:not(:has(.Tag-module__hop-Tag__remove-btn___gqTvd, .Tag-module__hop-Tag__Spinner___itlq9)) {
1593
+ .Tag-module__hop-Tag--sm___e6uUD:not(:has(.Tag-module__hop-Tag__remove-btn___N4NWZ, .Tag-module__hop-Tag__Spinner___bw0F4)) {
1594
1594
  --badge-margin-inline-end: var(--hop-Tag-sm-badge-margin-inline-end);
1595
1595
  }
1596
- .Tag-module__hop-Tag--sm___dT9Zg:not(:has(.Tag-module__hop-Tag__avatar___k-w6U)) {
1596
+ .Tag-module__hop-Tag--sm___e6uUD:not(:has(.Tag-module__hop-Tag__avatar___8sp7f)) {
1597
1597
  --icon-margin-inline-start: var(--hop-Tag-sm-icon-margin-inline-start);
1598
1598
  }
1599
- .Tag-module__hop-Tag--md___EFXGm {
1599
+ .Tag-module__hop-Tag--md___1SLjD {
1600
1600
  --block-size: var(--hop-Tag-md-block-size);
1601
1601
  --padding-inline: var(--hop-Tag-md-padding-inline);
1602
1602
  --column-gap: var(--hop-Tag-md-column-gap);
@@ -1604,13 +1604,13 @@
1604
1604
  --avatar-margin-inline-start: var(--hop-Tag-md-avatar-margin-inline-start);
1605
1605
  --spinner-margin-inline-end: var(--hop-Tag-md-spinner-margin-inline-end);
1606
1606
  }
1607
- .Tag-module__hop-Tag--md___EFXGm:not(:has(.Tag-module__hop-Tag__remove-btn___gqTvd, .Tag-module__hop-Tag__Spinner___itlq9)) {
1607
+ .Tag-module__hop-Tag--md___1SLjD:not(:has(.Tag-module__hop-Tag__remove-btn___N4NWZ, .Tag-module__hop-Tag__Spinner___bw0F4)) {
1608
1608
  --badge-margin-inline-end: var(--hop-Tag-md-badge-margin-inline-end);
1609
1609
  }
1610
- .Tag-module__hop-Tag--md___EFXGm:not(:has(.Tag-module__hop-Tag__avatar___k-w6U)) {
1610
+ .Tag-module__hop-Tag--md___1SLjD:not(:has(.Tag-module__hop-Tag__avatar___8sp7f)) {
1611
1611
  --icon-margin-inline-start: var(--hop-Tag-md-icon-margin-inline-start);
1612
1612
  }
1613
- .Tag-module__hop-Tag--lg___-7S-k {
1613
+ .Tag-module__hop-Tag--lg___h-7c- {
1614
1614
  --block-size: var(--hop-Tag-lg-block-size);
1615
1615
  --padding-inline: var(--hop-Tag-lg-padding-inline);
1616
1616
  --column-gap: var(--hop-Tag-lg-column-gap);
@@ -1618,348 +1618,348 @@
1618
1618
  --avatar-margin-inline-start: var(--hop-Tag-lg-avatar-margin-inline-start);
1619
1619
  --spinner-margin-inline-end: var(--hop-Tag-lg-spinner-margin-inline-end);
1620
1620
  }
1621
- .Tag-module__hop-Tag--lg___-7S-k:not(:has(.Tag-module__hop-Tag__remove-btn___gqTvd, .Tag-module__hop-Tag__Spinner___itlq9)) {
1621
+ .Tag-module__hop-Tag--lg___h-7c-:not(:has(.Tag-module__hop-Tag__remove-btn___N4NWZ, .Tag-module__hop-Tag__Spinner___bw0F4)) {
1622
1622
  --badge-margin-inline-end: var(--hop-Tag-lg-badge-margin-inline-end);
1623
1623
  }
1624
- .Tag-module__hop-Tag--lg___-7S-k:not(:has(.Tag-module__hop-Tag__avatar___k-w6U)) {
1624
+ .Tag-module__hop-Tag--lg___h-7c-:not(:has(.Tag-module__hop-Tag__avatar___8sp7f)) {
1625
1625
  --icon-margin-inline-start: var(--hop-Tag-lg-icon-margin-inline-start);
1626
1626
  }
1627
- .Tag-module__hop-Tag--neutral___ziL-o {
1627
+ .Tag-module__hop-Tag--neutral___-Ebyx {
1628
1628
  --border-color: var(--hop-Tag-neutral-border-color);
1629
1629
  --background-color: var(--hop-Tag-neutral-background-color);
1630
1630
  --text-color: var(--hop-Tag-neutral-text-color);
1631
1631
  }
1632
- .Tag-module__hop-Tag--subdued___bYJN1 {
1632
+ .Tag-module__hop-Tag--subdued___v1Xes {
1633
1633
  --border-color: var(--hop-Tag-subdued-border-color);
1634
1634
  --background-color: var(--hop-Tag-subdued-background-color);
1635
1635
  --text-color: var(--hop-Tag-subdued-text-color);
1636
1636
  }
1637
- .Tag-module__hop-Tag--progress___Scd9q {
1637
+ .Tag-module__hop-Tag--progress___MqG2E {
1638
1638
  --border-color: var(--hop-Tag-progress-border-color);
1639
1639
  --background-color: var(--hop-Tag-progress-background-color);
1640
1640
  --text-color: var(--hop-Tag-progress-text-color);
1641
1641
  }
1642
- .Tag-module__hop-Tag--positive___GJ1Wb {
1642
+ .Tag-module__hop-Tag--positive___HTRyK {
1643
1643
  --border-color: var(--hop-Tag-positive-border-color);
1644
1644
  --background-color: var(--hop-Tag-positive-background-color);
1645
1645
  --text-color: var(--hop-Tag-positive-text-color);
1646
1646
  }
1647
- .Tag-module__hop-Tag--caution___de6ZF {
1647
+ .Tag-module__hop-Tag--caution___zWO7H {
1648
1648
  --border-color: var(--hop-Tag-caution-border-color);
1649
1649
  --background-color: var(--hop-Tag-caution-background-color);
1650
1650
  --text-color: var(--hop-Tag-caution-text-color);
1651
1651
  }
1652
- .Tag-module__hop-Tag--negative___Dz8WI {
1652
+ .Tag-module__hop-Tag--negative___ir4C0 {
1653
1653
  --border-color: var(--hop-Tag-negative-border-color);
1654
1654
  --background-color: var(--hop-Tag-negative-background-color);
1655
1655
  --text-color: var(--hop-Tag-negative-text-color);
1656
1656
  }
1657
- .Tag-module__hop-Tag--option1___Va6Mb {
1657
+ .Tag-module__hop-Tag--option1___2wfCi {
1658
1658
  --border-color: var(--hop-Tag-option1-border-color);
1659
1659
  --background-color: var(--hop-Tag-option1-background-color);
1660
1660
  --text-color: var(--hop-Tag-option1-text-color);
1661
1661
  }
1662
- .Tag-module__hop-Tag--option2___eck-O {
1662
+ .Tag-module__hop-Tag--option2___yrzab {
1663
1663
  --border-color: var(--hop-Tag-option2-border-color);
1664
1664
  --background-color: var(--hop-Tag-option2-background-color);
1665
1665
  --text-color: var(--hop-Tag-option2-text-color);
1666
1666
  }
1667
- .Tag-module__hop-Tag--option3___ZlmMR {
1667
+ .Tag-module__hop-Tag--option3___GrKyt {
1668
1668
  --border-color: var(--hop-Tag-option3-border-color);
1669
1669
  --background-color: var(--hop-Tag-option3-background-color);
1670
1670
  --text-color: var(--hop-Tag-option3-text-color);
1671
1671
  }
1672
- .Tag-module__hop-Tag--option4___L3EmX {
1672
+ .Tag-module__hop-Tag--option4___QNrtm {
1673
1673
  --border-color: var(--hop-Tag-option4-border-color);
1674
1674
  --background-color: var(--hop-Tag-option4-background-color);
1675
1675
  --text-color: var(--hop-Tag-option4-text-color);
1676
1676
  }
1677
- .Tag-module__hop-Tag--option5___B7Tp- {
1677
+ .Tag-module__hop-Tag--option5___aiY5h {
1678
1678
  --border-color: var(--hop-Tag-option5-border-color);
1679
1679
  --background-color: var(--hop-Tag-option5-background-color);
1680
1680
  --text-color: var(--hop-Tag-option5-text-color);
1681
1681
  }
1682
- .Tag-module__hop-Tag--option6___GvCgh {
1682
+ .Tag-module__hop-Tag--option6___a6LqR {
1683
1683
  --border-color: var(--hop-Tag-option6-border-color);
1684
1684
  --background-color: var(--hop-Tag-option6-background-color);
1685
1685
  --text-color: var(--hop-Tag-option6-text-color);
1686
1686
  }
1687
- .Tag-module__hop-Tag___RskTT[data-href] {
1687
+ .Tag-module__hop-Tag___KGnAq[data-href] {
1688
1688
  cursor: pointer;
1689
1689
  }
1690
- .Tag-module__hop-Tag--neutral___ziL-o[data-focus-visible] {
1690
+ .Tag-module__hop-Tag--neutral___-Ebyx[data-focus-visible] {
1691
1691
  --border-color: var(--hop-Tag-neutral-border-color-focus);
1692
1692
  --background-color: var(--hop-Tag-neutral-background-color-focus);
1693
1693
  --text-color: var(--hop-Tag-neutral-text-color-focus);
1694
1694
  }
1695
- .Tag-module__hop-Tag--neutral___ziL-o[data-hovered] {
1695
+ .Tag-module__hop-Tag--neutral___-Ebyx[data-hovered] {
1696
1696
  --border-color: var(--hop-Tag-neutral-border-color-hover);
1697
1697
  --background-color: var(--hop-Tag-neutral-background-color-hover);
1698
1698
  --text-color: var(--hop-Tag-neutral-text-color-hover);
1699
1699
  }
1700
- .Tag-module__hop-Tag--neutral___ziL-o[data-pressed] {
1700
+ .Tag-module__hop-Tag--neutral___-Ebyx[data-pressed] {
1701
1701
  --border-color: var(--hop-Tag-neutral-border-color-press);
1702
1702
  --background-color: var(--hop-Tag-neutral-background-color-press);
1703
1703
  --text-color: var(--hop-Tag-neutral-text-color-press);
1704
1704
  }
1705
- .Tag-module__hop-Tag--neutral___ziL-o[data-disabled] {
1705
+ .Tag-module__hop-Tag--neutral___-Ebyx[data-disabled] {
1706
1706
  --border-color: var(--hop-Tag-neutral-border-color-disabled);
1707
1707
  --background-color: var(--hop-Tag-neutral-background-color-disabled);
1708
1708
  --text-color: var(--hop-Tag-neutral-text-color-disabled);
1709
1709
  }
1710
- .Tag-module__hop-Tag--subdued___bYJN1[data-focus-visible] {
1710
+ .Tag-module__hop-Tag--subdued___v1Xes[data-focus-visible] {
1711
1711
  --border-color: var(--hop-Tag-subdued-border-color-focus);
1712
1712
  --background-color: var(--hop-Tag-subdued-background-color-focus);
1713
1713
  --text-color: var(--hop-Tag-subdued-text-color-focus);
1714
1714
  }
1715
- .Tag-module__hop-Tag--subdued___bYJN1[data-hovered] {
1715
+ .Tag-module__hop-Tag--subdued___v1Xes[data-hovered] {
1716
1716
  --border-color: var(--hop-Tag-subdued-border-color-hover);
1717
1717
  --background-color: var(--hop-Tag-subdued-background-color-hover);
1718
1718
  --text-color: var(--hop-Tag-subdued-text-color-hover);
1719
1719
  }
1720
- .Tag-module__hop-Tag--subdued___bYJN1[data-pressed] {
1720
+ .Tag-module__hop-Tag--subdued___v1Xes[data-pressed] {
1721
1721
  --border-color: var(--hop-Tag-subdued-border-color-press);
1722
1722
  --background-color: var(--hop-Tag-subdued-background-color-press);
1723
1723
  --text-color: var(--hop-Tag-subdued-text-color-press);
1724
1724
  }
1725
- .Tag-module__hop-Tag--subdued___bYJN1[data-disabled] {
1725
+ .Tag-module__hop-Tag--subdued___v1Xes[data-disabled] {
1726
1726
  --border-color: var(--hop-Tag-subdued-border-color-disabled);
1727
1727
  --background-color: var(--hop-Tag-subdued-background-color-disabled);
1728
1728
  --text-color: var(--hop-Tag-subdued-text-color-disabled);
1729
1729
  }
1730
- .Tag-module__hop-Tag--progress___Scd9q[data-focus-visible] {
1730
+ .Tag-module__hop-Tag--progress___MqG2E[data-focus-visible] {
1731
1731
  --border-color: var(--hop-Tag-progress-border-color-focus);
1732
1732
  --background-color: var(--hop-Tag-progress-background-color-focus);
1733
1733
  --text-color: var(--hop-Tag-progress-text-color-focus);
1734
1734
  }
1735
- .Tag-module__hop-Tag--progress___Scd9q[data-hovered] {
1735
+ .Tag-module__hop-Tag--progress___MqG2E[data-hovered] {
1736
1736
  --border-color: var(--hop-Tag-progress-border-color-hover);
1737
1737
  --background-color: var(--hop-Tag-progress-background-color-hover);
1738
1738
  --text-color: var(--hop-Tag-progress-text-color-hover);
1739
1739
  }
1740
- .Tag-module__hop-Tag--progress___Scd9q[data-pressed] {
1740
+ .Tag-module__hop-Tag--progress___MqG2E[data-pressed] {
1741
1741
  --border-color: var(--hop-Tag-progress-border-color-press);
1742
1742
  --background-color: var(--hop-Tag-progress-background-color-press);
1743
1743
  --text-color: var(--hop-Tag-progress-text-color-press);
1744
1744
  }
1745
- .Tag-module__hop-Tag--progress___Scd9q[data-disabled] {
1745
+ .Tag-module__hop-Tag--progress___MqG2E[data-disabled] {
1746
1746
  --border-color: var(--hop-Tag-progress-border-color-disabled);
1747
1747
  --background-color: var(--hop-Tag-progress-background-color-disabled);
1748
1748
  --text-color: var(--hop-Tag-progress-text-color-disabled);
1749
1749
  }
1750
- .Tag-module__hop-Tag--positive___GJ1Wb[data-focus-visible] {
1750
+ .Tag-module__hop-Tag--positive___HTRyK[data-focus-visible] {
1751
1751
  --border-color: var(--hop-Tag-positive-border-color-focus);
1752
1752
  --background-color: var(--hop-Tag-positive-background-color-focus);
1753
1753
  --text-color: var(--hop-Tag-positive-text-color-focus);
1754
1754
  }
1755
- .Tag-module__hop-Tag--positive___GJ1Wb[data-hovered] {
1755
+ .Tag-module__hop-Tag--positive___HTRyK[data-hovered] {
1756
1756
  --border-color: var(--hop-Tag-positive-border-color-hover);
1757
1757
  --background-color: var(--hop-Tag-positive-background-color-hover);
1758
1758
  --text-color: var(--hop-Tag-positive-text-color-hover);
1759
1759
  }
1760
- .Tag-module__hop-Tag--positive___GJ1Wb[data-pressed] {
1760
+ .Tag-module__hop-Tag--positive___HTRyK[data-pressed] {
1761
1761
  --border-color: var(--hop-Tag-positive-border-color-press);
1762
1762
  --background-color: var(--hop-Tag-positive-background-color-press);
1763
1763
  --text-color: var(--hop-Tag-positive-text-color-press);
1764
1764
  }
1765
- .Tag-module__hop-Tag--positive___GJ1Wb[data-disabled] {
1765
+ .Tag-module__hop-Tag--positive___HTRyK[data-disabled] {
1766
1766
  --border-color: var(--hop-Tag-positive-border-color-disabled);
1767
1767
  --background-color: var(--hop-Tag-positive-background-color-disabled);
1768
1768
  --text-color: var(--hop-Tag-positive-text-color-disabled);
1769
1769
  }
1770
- .Tag-module__hop-Tag--caution___de6ZF[data-focus-visible] {
1770
+ .Tag-module__hop-Tag--caution___zWO7H[data-focus-visible] {
1771
1771
  --border-color: var(--hop-Tag-caution-border-color-focus);
1772
1772
  --background-color: var(--hop-Tag-caution-background-color-focus);
1773
1773
  --text-color: var(--hop-Tag-caution-text-color-focus);
1774
1774
  }
1775
- .Tag-module__hop-Tag--caution___de6ZF[data-hovered] {
1775
+ .Tag-module__hop-Tag--caution___zWO7H[data-hovered] {
1776
1776
  --border-color: var(--hop-Tag-caution-border-color-hover);
1777
1777
  --background-color: var(--hop-Tag-caution-background-color-hover);
1778
1778
  --text-color: var(--hop-Tag-caution-text-color-hover);
1779
1779
  }
1780
- .Tag-module__hop-Tag--caution___de6ZF[data-pressed] {
1780
+ .Tag-module__hop-Tag--caution___zWO7H[data-pressed] {
1781
1781
  --border-color: var(--hop-Tag-caution-border-color-press);
1782
1782
  --background-color: var(--hop-Tag-caution-background-color-press);
1783
1783
  --text-color: var(--hop-Tag-caution-text-color-press);
1784
1784
  }
1785
- .Tag-module__hop-Tag--caution___de6ZF[data-disabled] {
1785
+ .Tag-module__hop-Tag--caution___zWO7H[data-disabled] {
1786
1786
  --border-color: var(--hop-Tag-caution-border-color-disabled);
1787
1787
  --background-color: var(--hop-Tag-caution-background-color-disabled);
1788
1788
  --text-color: var(--hop-Tag-caution-text-color-disabled);
1789
1789
  }
1790
- .Tag-module__hop-Tag--negative___Dz8WI[data-focus-visible] {
1790
+ .Tag-module__hop-Tag--negative___ir4C0[data-focus-visible] {
1791
1791
  --border-color: var(--hop-Tag-negative-border-color-focus);
1792
1792
  --background-color: var(--hop-Tag-negative-background-color-focus);
1793
1793
  --text-color: var(--hop-Tag-negative-text-color-focus);
1794
1794
  }
1795
- .Tag-module__hop-Tag--negative___Dz8WI[data-hovered] {
1795
+ .Tag-module__hop-Tag--negative___ir4C0[data-hovered] {
1796
1796
  --border-color: var(--hop-Tag-negative-border-color-hover);
1797
1797
  --background-color: var(--hop-Tag-negative-background-color-hover);
1798
1798
  --text-color: var(--hop-Tag-negative-text-color-hover);
1799
1799
  }
1800
- .Tag-module__hop-Tag--negative___Dz8WI[data-pressed] {
1800
+ .Tag-module__hop-Tag--negative___ir4C0[data-pressed] {
1801
1801
  --border-color: var(--hop-Tag-negative-border-color-press);
1802
1802
  --background-color: var(--hop-Tag-negative-background-color-press);
1803
1803
  --text-color: var(--hop-Tag-negative-text-color-press);
1804
1804
  }
1805
- .Tag-module__hop-Tag--negative___Dz8WI[data-disabled] {
1805
+ .Tag-module__hop-Tag--negative___ir4C0[data-disabled] {
1806
1806
  --border-color: var(--hop-Tag-negative-border-color-disabled);
1807
1807
  --background-color: var(--hop-Tag-negative-background-color-disabled);
1808
1808
  --text-color: var(--hop-Tag-negative-text-color-disabled);
1809
1809
  }
1810
- .Tag-module__hop-Tag--option1___Va6Mb[data-focus-visible] {
1810
+ .Tag-module__hop-Tag--option1___2wfCi[data-focus-visible] {
1811
1811
  --border-color: var(--hop-Tag-option1-border-color-focus);
1812
1812
  --background-color: var(--hop-Tag-option1-background-color-focus);
1813
1813
  --text-color: var(--hop-Tag-option1-text-color-focus);
1814
1814
  }
1815
- .Tag-module__hop-Tag--option1___Va6Mb[data-hovered] {
1815
+ .Tag-module__hop-Tag--option1___2wfCi[data-hovered] {
1816
1816
  --border-color: var(--hop-Tag-option1-border-color-hover);
1817
1817
  --background-color: var(--hop-Tag-option1-background-color-hover);
1818
1818
  --text-color: var(--hop-Tag-option1-text-color-hover);
1819
1819
  }
1820
- .Tag-module__hop-Tag--option1___Va6Mb[data-pressed] {
1820
+ .Tag-module__hop-Tag--option1___2wfCi[data-pressed] {
1821
1821
  --border-color: var(--hop-Tag-option1-border-color-press);
1822
1822
  --background-color: var(--hop-Tag-option1-background-color-press);
1823
1823
  --text-color: var(--hop-Tag-option1-text-color-press);
1824
1824
  }
1825
- .Tag-module__hop-Tag--option1___Va6Mb[data-disabled] {
1825
+ .Tag-module__hop-Tag--option1___2wfCi[data-disabled] {
1826
1826
  --border-color: var(--hop-Tag-option1-border-color-disabled);
1827
1827
  --background-color: var(--hop-Tag-option1-background-color-disabled);
1828
1828
  --text-color: var(--hop-Tag-option1-text-color-disabled);
1829
1829
  }
1830
- .Tag-module__hop-Tag--option2___eck-O[data-focus-visible] {
1830
+ .Tag-module__hop-Tag--option2___yrzab[data-focus-visible] {
1831
1831
  --border-color: var(--hop-Tag-option2-border-color-focus);
1832
1832
  --background-color: var(--hop-Tag-option2-background-color-focus);
1833
1833
  --text-color: var(--hop-Tag-option2-text-color-focus);
1834
1834
  }
1835
- .Tag-module__hop-Tag--option2___eck-O[data-hovered] {
1835
+ .Tag-module__hop-Tag--option2___yrzab[data-hovered] {
1836
1836
  --border-color: var(--hop-Tag-option2-border-color-hover);
1837
1837
  --background-color: var(--hop-Tag-option2-background-color-hover);
1838
1838
  --text-color: var(--hop-Tag-option2-text-color-hover);
1839
1839
  }
1840
- .Tag-module__hop-Tag--option2___eck-O[data-pressed] {
1840
+ .Tag-module__hop-Tag--option2___yrzab[data-pressed] {
1841
1841
  --border-color: var(--hop-Tag-option2-border-color-press);
1842
1842
  --background-color: var(--hop-Tag-option2-background-color-press);
1843
1843
  --text-color: var(--hop-Tag-option2-text-color-press);
1844
1844
  }
1845
- .Tag-module__hop-Tag--option2___eck-O[data-disabled] {
1845
+ .Tag-module__hop-Tag--option2___yrzab[data-disabled] {
1846
1846
  --border-color: var(--hop-Tag-option2-border-color-disabled);
1847
1847
  --background-color: var(--hop-Tag-option2-background-color-disabled);
1848
1848
  --text-color: var(--hop-Tag-option2-text-color-disabled);
1849
1849
  }
1850
- .Tag-module__hop-Tag--option3___ZlmMR[data-focus-visible] {
1850
+ .Tag-module__hop-Tag--option3___GrKyt[data-focus-visible] {
1851
1851
  --border-color: var(--hop-Tag-option3-border-color-focus);
1852
1852
  --background-color: var(--hop-Tag-option3-background-color-focus);
1853
1853
  --text-color: var(--hop-Tag-option3-text-color-focus);
1854
1854
  }
1855
- .Tag-module__hop-Tag--option3___ZlmMR[data-hovered] {
1855
+ .Tag-module__hop-Tag--option3___GrKyt[data-hovered] {
1856
1856
  --border-color: var(--hop-Tag-option3-border-color-hover);
1857
1857
  --background-color: var(--hop-Tag-option3-background-color-hover);
1858
1858
  --text-color: var(--hop-Tag-option3-text-color-hover);
1859
1859
  }
1860
- .Tag-module__hop-Tag--option3___ZlmMR[data-pressed] {
1860
+ .Tag-module__hop-Tag--option3___GrKyt[data-pressed] {
1861
1861
  --border-color: var(--hop-Tag-option3-border-color-press);
1862
1862
  --background-color: var(--hop-Tag-option3-background-color-press);
1863
1863
  --text-color: var(--hop-Tag-option3-text-color-press);
1864
1864
  }
1865
- .Tag-module__hop-Tag--option3___ZlmMR[data-disabled] {
1865
+ .Tag-module__hop-Tag--option3___GrKyt[data-disabled] {
1866
1866
  --border-color: var(--hop-Tag-option3-border-color-disabled);
1867
1867
  --background-color: var(--hop-Tag-option3-background-color-disabled);
1868
1868
  --text-color: var(--hop-Tag-option3-text-color-disabled);
1869
1869
  }
1870
- .Tag-module__hop-Tag--option4___L3EmX[data-focus-visible] {
1870
+ .Tag-module__hop-Tag--option4___QNrtm[data-focus-visible] {
1871
1871
  --border-color: var(--hop-Tag-option4-border-color-focus);
1872
1872
  --background-color: var(--hop-Tag-option4-background-color-focus);
1873
1873
  --text-color: var(--hop-Tag-option4-text-color-focus);
1874
1874
  }
1875
- .Tag-module__hop-Tag--option4___L3EmX[data-hovered] {
1875
+ .Tag-module__hop-Tag--option4___QNrtm[data-hovered] {
1876
1876
  --border-color: var(--hop-Tag-option4-border-color-hover);
1877
1877
  --background-color: var(--hop-Tag-option4-background-color-hover);
1878
1878
  --text-color: var(--hop-Tag-option4-text-color-hover);
1879
1879
  }
1880
- .Tag-module__hop-Tag--option4___L3EmX[data-pressed] {
1880
+ .Tag-module__hop-Tag--option4___QNrtm[data-pressed] {
1881
1881
  --border-color: var(--hop-Tag-option4-border-color-press);
1882
1882
  --background-color: var(--hop-Tag-option4-background-color-press);
1883
1883
  --text-color: var(--hop-Tag-option4-text-color-press);
1884
1884
  }
1885
- .Tag-module__hop-Tag--option4___L3EmX[data-disabled] {
1885
+ .Tag-module__hop-Tag--option4___QNrtm[data-disabled] {
1886
1886
  --border-color: var(--hop-Tag-option4-border-color-disabled);
1887
1887
  --background-color: var(--hop-Tag-option4-background-color-disabled);
1888
1888
  --text-color: var(--hop-Tag-option4-text-color-disabled);
1889
1889
  }
1890
- .Tag-module__hop-Tag--option5___B7Tp-[data-focus-visible] {
1890
+ .Tag-module__hop-Tag--option5___aiY5h[data-focus-visible] {
1891
1891
  --border-color: var(--hop-Tag-option5-border-color-focus);
1892
1892
  --background-color: var(--hop-Tag-option5-background-color-focus);
1893
1893
  --text-color: var(--hop-Tag-option5-text-color-focus);
1894
1894
  }
1895
- .Tag-module__hop-Tag--option5___B7Tp-[data-hovered] {
1895
+ .Tag-module__hop-Tag--option5___aiY5h[data-hovered] {
1896
1896
  --border-color: var(--hop-Tag-option5-border-color-hover);
1897
1897
  --background-color: var(--hop-Tag-option5-background-color-hover);
1898
1898
  --text-color: var(--hop-Tag-option5-text-color-hover);
1899
1899
  }
1900
- .Tag-module__hop-Tag--option5___B7Tp-[data-pressed] {
1900
+ .Tag-module__hop-Tag--option5___aiY5h[data-pressed] {
1901
1901
  --border-color: var(--hop-Tag-option5-border-color-press);
1902
1902
  --background-color: var(--hop-Tag-option5-background-color-press);
1903
1903
  --text-color: var(--hop-Tag-option5-text-color-press);
1904
1904
  }
1905
- .Tag-module__hop-Tag--option5___B7Tp-[data-disabled] {
1905
+ .Tag-module__hop-Tag--option5___aiY5h[data-disabled] {
1906
1906
  --border-color: var(--hop-Tag-option5-border-color-disabled);
1907
1907
  --background-color: var(--hop-Tag-option5-background-color-disabled);
1908
1908
  --text-color: var(--hop-Tag-option5-text-color-disabled);
1909
1909
  }
1910
- .Tag-module__hop-Tag--option6___GvCgh[data-focus-visible] {
1910
+ .Tag-module__hop-Tag--option6___a6LqR[data-focus-visible] {
1911
1911
  --border-color: var(--hop-Tag-option6-border-color-focus);
1912
1912
  --background-color: var(--hop-Tag-option6-background-color-focus);
1913
1913
  --text-color: var(--hop-Tag-option6-text-color-focus);
1914
1914
  }
1915
- .Tag-module__hop-Tag--option6___GvCgh[data-hovered] {
1915
+ .Tag-module__hop-Tag--option6___a6LqR[data-hovered] {
1916
1916
  --border-color: var(--hop-Tag-option6-border-color-hover);
1917
1917
  --background-color: var(--hop-Tag-option6-background-color-hover);
1918
1918
  --text-color: var(--hop-Tag-option6-text-color-hover);
1919
1919
  }
1920
- .Tag-module__hop-Tag--option6___GvCgh[data-pressed] {
1920
+ .Tag-module__hop-Tag--option6___a6LqR[data-pressed] {
1921
1921
  --border-color: var(--hop-Tag-option6-border-color-press);
1922
1922
  --background-color: var(--hop-Tag-option6-background-color-press);
1923
1923
  --text-color: var(--hop-Tag-option6-text-color-press);
1924
1924
  }
1925
- .Tag-module__hop-Tag--option6___GvCgh[data-disabled] {
1925
+ .Tag-module__hop-Tag--option6___a6LqR[data-disabled] {
1926
1926
  --border-color: var(--hop-Tag-option6-border-color-disabled);
1927
1927
  --background-color: var(--hop-Tag-option6-background-color-disabled);
1928
1928
  --text-color: var(--hop-Tag-option6-text-color-disabled);
1929
1929
  }
1930
- .Tag-module__hop-Tag___RskTT[data-focus-visible] {
1930
+ .Tag-module__hop-Tag___KGnAq[data-focus-visible] {
1931
1931
  outline: 0.125rem solid var(--focus-ring-color);
1932
1932
  }
1933
- .Tag-module__hop-Tag___RskTT[data-hovered] {
1933
+ .Tag-module__hop-Tag___KGnAq[data-hovered] {
1934
1934
  cursor: pointer;
1935
1935
  }
1936
- .Tag-module__hop-Tag___RskTT[data-selected] {
1936
+ .Tag-module__hop-Tag___KGnAq[data-selected] {
1937
1937
  --background-color: var(--hop-Tag-background-color-selected);
1938
1938
  --border-color: var(--hop-Tag-border-color-selected);
1939
1939
  --text-color: var(--hop-Tag-text-color-selected);
1940
1940
  }
1941
- .Tag-module__hop-Tag___RskTT[data-pressed] {
1941
+ .Tag-module__hop-Tag___KGnAq[data-pressed] {
1942
1942
  cursor: pointer;
1943
1943
  }
1944
- .Tag-module__hop-Tag___RskTT[data-invalid] {
1944
+ .Tag-module__hop-Tag___KGnAq[data-invalid] {
1945
1945
  --border-color: var(--hop-Tag-border-color-invalid);
1946
1946
  }
1947
- .Tag-module__hop-Tag___RskTT[data-disabled] {
1947
+ .Tag-module__hop-Tag___KGnAq[data-disabled] {
1948
1948
  cursor: not-allowed;
1949
1949
  }
1950
- .Tag-module__hop-Tag__avatar___k-w6U {
1950
+ .Tag-module__hop-Tag__avatar___8sp7f {
1951
1951
  flex: 0 0 auto;
1952
1952
  order: 1;
1953
1953
  margin-inline-start: var(--avatar-margin-inline-start);
1954
1954
  }
1955
- .Tag-module__hop-Tag__icon___nUqBw,
1956
- .Tag-module__hop-Tag__icon-list___ybqv1 {
1955
+ .Tag-module__hop-Tag__icon___Ry8kN,
1956
+ .Tag-module__hop-Tag__icon-list___lkO5j {
1957
1957
  flex: 0 0 auto;
1958
1958
  flex-wrap: nowrap;
1959
1959
  order: 2;
1960
1960
  margin-inline-start: var(--icon-margin-inline-start, 0);
1961
1961
  }
1962
- .Tag-module__hop-Tag__text___TYNqw {
1962
+ .Tag-module__hop-Tag__text___wdgyp {
1963
1963
  overflow: hidden;
1964
1964
  flex: 1 1 auto;
1965
1965
  order: 3;
@@ -1967,27 +1967,27 @@
1967
1967
  text-align: center;
1968
1968
  text-overflow: ellipsis;
1969
1969
  }
1970
- .Tag-module__hop-Tag__badge___oUeLt {
1970
+ .Tag-module__hop-Tag__badge___qJRsU {
1971
1971
  flex: 0 0 auto;
1972
1972
  order: 4;
1973
1973
  margin-inline-end: var(--badge-margin-inline-end);
1974
1974
  }
1975
- .Tag-module__hop-Tag__badge___oUeLt[data-variant=secondary] {
1975
+ .Tag-module__hop-Tag__badge___qJRsU[data-variant=secondary] {
1976
1976
  margin-inline-start: var(--badge-secondary-margin-inline-start);
1977
1977
  color: inherit;
1978
1978
  background: none;
1979
1979
  }
1980
- .Tag-module__hop-Tag--sm___dT9Zg .Tag-module__hop-Tag__badge___oUeLt {
1980
+ .Tag-module__hop-Tag--sm___e6uUD .Tag-module__hop-Tag__badge___qJRsU {
1981
1981
  block-size: 100%;
1982
1982
  }
1983
- .Tag-module__hop-Tag__remove-btn___gqTvd,
1984
- .Tag-module__hop-Tag__Spinner___itlq9 {
1983
+ .Tag-module__hop-Tag__remove-btn___N4NWZ,
1984
+ .Tag-module__hop-Tag__Spinner___bw0F4 {
1985
1985
  flex: 0 0 auto;
1986
1986
  order: 5;
1987
1987
  }
1988
- .Tag-module__hop-Tag__Spinner___itlq9 {
1988
+ .Tag-module__hop-Tag__Spinner___bw0F4 {
1989
1989
  margin-inline-end: var(--spinner-margin-inline-end);
1990
1990
  }
1991
- .Tag-module__hop-Tag__remove-btn___gqTvd {
1991
+ .Tag-module__hop-Tag__remove-btn___N4NWZ {
1992
1992
  margin-inline: var(--clear-btn-margin-inline);
1993
1993
  }