@hopper-ui/components 1.3.15 → 1.3.17

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 (216) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/dist/Avatar/src/AnonymousAvatar.css +37 -37
  3. package/dist/Avatar/src/AnonymousAvatar.js +2 -2
  4. package/dist/Avatar/src/Avatar.css +55 -55
  5. package/dist/Avatar/src/Avatar.js +4 -4
  6. package/dist/Avatar/src/DeletedAvatar.css +37 -37
  7. package/dist/Avatar/src/DeletedAvatar.js +2 -2
  8. package/dist/Avatar/src/RichIconAvatarImage.css +37 -37
  9. package/dist/Avatar/src/RichIconAvatarImage.js +1 -1
  10. package/dist/Avatar/src/index.css +55 -55
  11. package/dist/Avatar/src/index.js +6 -6
  12. package/dist/Badge/src/Badge.css +42 -42
  13. package/dist/Badge/src/Badge.js +3 -3
  14. package/dist/Badge/src/FloatingBadge.css +37 -37
  15. package/dist/Badge/src/FloatingBadge.js +1 -1
  16. package/dist/Badge/src/index.css +52 -52
  17. package/dist/Badge/src/index.js +4 -4
  18. package/dist/ComboBox/src/ComboBox.css +964 -959
  19. package/dist/ComboBox/src/ComboBox.d.ts +6 -56
  20. package/dist/ComboBox/src/ComboBox.js +6 -106
  21. package/dist/ComboBox/src/ComboBoxContext.d.ts +1 -10
  22. package/dist/ComboBox/src/ComboBoxOptions.css +5140 -0
  23. package/dist/ComboBox/src/ComboBoxOptions.d.ts +51 -0
  24. package/dist/ComboBox/src/ComboBoxOptions.js +127 -0
  25. package/dist/ComboBox/src/ComboBoxOptionsContext.d.ts +21 -0
  26. package/dist/ComboBox/src/ComboBoxOptionsContext.js +2 -0
  27. package/dist/ComboBox/src/index.css +964 -959
  28. package/dist/ComboBox/src/index.d.ts +8 -6
  29. package/dist/ComboBox/src/index.js +83 -79
  30. package/dist/Divider/src/Divider.css +29 -29
  31. package/dist/Divider/src/Divider.js +1 -1
  32. package/dist/Divider/src/index.css +29 -29
  33. package/dist/Divider/src/index.js +1 -1
  34. package/dist/ErrorMessage/src/ErrorMessage.css +29 -29
  35. package/dist/ErrorMessage/src/ErrorMessage.js +2 -2
  36. package/dist/ErrorMessage/src/index.css +29 -29
  37. package/dist/ErrorMessage/src/index.js +2 -2
  38. package/dist/Form/src/Form.css +731 -726
  39. package/dist/Form/src/Form.js +83 -79
  40. package/dist/Form/src/index.css +731 -726
  41. package/dist/Form/src/index.js +83 -79
  42. package/dist/HelperMessage/src/HelperMessage.css +29 -29
  43. package/dist/HelperMessage/src/HelperMessage.js +2 -2
  44. package/dist/HelperMessage/src/index.css +29 -29
  45. package/dist/HelperMessage/src/index.js +2 -2
  46. package/dist/IconList/src/IconList.css +28 -28
  47. package/dist/IconList/src/IconList.js +1 -1
  48. package/dist/IconList/src/index.css +28 -28
  49. package/dist/IconList/src/index.js +1 -1
  50. package/dist/Link/src/Link.css +49 -49
  51. package/dist/Link/src/Link.js +8 -8
  52. package/dist/Link/src/index.css +49 -49
  53. package/dist/Link/src/index.js +8 -8
  54. package/dist/ListBox/src/ListBox.css +274 -274
  55. package/dist/ListBox/src/ListBox.js +15 -15
  56. package/dist/ListBox/src/ListBoxItem.css +262 -262
  57. package/dist/ListBox/src/ListBoxItem.js +11 -11
  58. package/dist/ListBox/src/ListBoxItemSkeleton.css +34 -34
  59. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  60. package/dist/ListBox/src/index.css +274 -274
  61. package/dist/ListBox/src/index.js +15 -15
  62. package/dist/Select/src/Select.css +649 -3430
  63. package/dist/Select/src/Select.d.ts +6 -52
  64. package/dist/Select/src/Select.js +8 -105
  65. package/dist/Select/src/SelectContext.d.ts +0 -9
  66. package/dist/Select/src/SelectOptions.css +5140 -0
  67. package/dist/Select/src/SelectOptions.d.ts +50 -0
  68. package/dist/Select/src/SelectOptions.js +127 -0
  69. package/dist/Select/src/SelectOptionsContext.d.ts +21 -0
  70. package/dist/Select/src/SelectOptionsContext.js +2 -0
  71. package/dist/Select/src/SelectValue.css +61 -61
  72. package/dist/Select/src/SelectValue.js +5 -5
  73. package/dist/Select/src/index.css +1180 -1175
  74. package/dist/Select/src/index.d.ts +8 -6
  75. package/dist/Select/src/index.js +83 -79
  76. package/dist/Spinner/src/Spinner.css +37 -37
  77. package/dist/Spinner/src/Spinner.js +2 -2
  78. package/dist/Spinner/src/index.css +37 -37
  79. package/dist/Spinner/src/index.js +2 -2
  80. package/dist/buttons/src/Button.css +128 -123
  81. package/dist/buttons/src/Button.js +9 -9
  82. package/dist/buttons/src/ButtonGroup.css +40 -40
  83. package/dist/buttons/src/ButtonGroup.js +2 -2
  84. package/dist/buttons/src/ClearButton.css +98 -98
  85. package/dist/buttons/src/ClearButton.js +2 -2
  86. package/dist/buttons/src/EmbeddedButton.css +98 -98
  87. package/dist/buttons/src/EmbeddedButton.js +1 -1
  88. package/dist/buttons/src/index.css +212 -207
  89. package/dist/buttons/src/index.js +14 -14
  90. package/dist/checkbox/src/Checkbox.css +46 -46
  91. package/dist/checkbox/src/Checkbox.js +7 -7
  92. package/dist/checkbox/src/CheckboxField.css +33 -33
  93. package/dist/checkbox/src/CheckboxField.js +1 -1
  94. package/dist/checkbox/src/CheckboxGroup.css +98 -98
  95. package/dist/checkbox/src/CheckboxGroup.js +2 -2
  96. package/dist/checkbox/src/DecorativeCheckbox.css +54 -54
  97. package/dist/checkbox/src/DecorativeCheckbox.js +7 -7
  98. package/dist/checkbox/src/index.css +98 -98
  99. package/dist/checkbox/src/index.js +12 -12
  100. package/dist/{chunk-NY6LKOFP.js → chunk-2Z23W7ZB.js} +2 -2
  101. package/dist/{chunk-VKWSBS2Q.js → chunk-32EM3PKP.js} +2 -2
  102. package/dist/{chunk-MVXDS4SV.js → chunk-32OQI72G.js} +1 -1
  103. package/dist/{chunk-QUZKTC4T.js → chunk-3K4FVAI2.js} +1 -1
  104. package/dist/{chunk-MNULBQEY.js → chunk-46F22R6P.js} +3 -3
  105. package/dist/{chunk-HEM5EQTE.js → chunk-4GBIZJ3R.js} +1 -1
  106. package/dist/{chunk-4R3M2NNX.js → chunk-54PR6T3F.js} +3 -3
  107. package/dist/{chunk-FCLBTCIZ.js → chunk-5DKHVW5F.js} +2 -2
  108. package/dist/{chunk-MSVVMR25.js → chunk-5JTQK4N6.js} +2 -2
  109. package/dist/{chunk-Z23GBTBB.js → chunk-5Z5BPX63.js} +3 -3
  110. package/dist/{chunk-QODTNXC4.js → chunk-6ACKXIMZ.js} +6 -6
  111. package/dist/{chunk-K5YXQRB6.js → chunk-77FWDWLW.js} +1 -1
  112. package/dist/{chunk-2UYFV2P4.js → chunk-BKBLBV3T.js} +5 -5
  113. package/dist/{chunk-J3D2R65H.js → chunk-C6ECNNTN.js} +2 -2
  114. package/dist/{chunk-DKRWFVL5.js → chunk-CENRFUBQ.js} +2 -2
  115. package/dist/{chunk-INPQCCZW.js → chunk-CN462QLK.js} +5 -5
  116. package/dist/chunk-CQFXGAJK.js +7 -0
  117. package/dist/{chunk-FM3OXN5X.js → chunk-CRJLEZQN.js} +2 -2
  118. package/dist/{chunk-4UGSRIBO.js → chunk-CUXQ6GU5.js} +8 -8
  119. package/dist/{chunk-3MXOMHBS.js → chunk-DFH27VCT.js} +3 -3
  120. package/dist/{chunk-JS73246N.js → chunk-ECCNLKOA.js} +1 -1
  121. package/dist/{chunk-YIRX2ZQU.js → chunk-EEEMR2R3.js} +1 -1
  122. package/dist/{chunk-WISSHKEJ.js → chunk-EMQFLPCD.js} +1 -1
  123. package/dist/{chunk-ZOX6BPCQ.js → chunk-FHTV5GSM.js} +2 -2
  124. package/dist/{chunk-UMRM67P6.js → chunk-FLLGE3ES.js} +1 -1
  125. package/dist/{chunk-WPA4XSMS.js → chunk-GQOH47EH.js} +1 -1
  126. package/dist/{chunk-V2FUAW5S.js → chunk-IBQ62LWK.js} +2 -2
  127. package/dist/{chunk-EKKM325I.js → chunk-J3PSP5BB.js} +1 -1
  128. package/dist/{chunk-WLTMFA3D.js → chunk-JISMKFNZ.js} +1 -1
  129. package/dist/{chunk-XX3CTQ6Z.js → chunk-JIUQVPKZ.js} +2 -2
  130. package/dist/{chunk-DSOQFDL6.js → chunk-KV4GILRK.js} +6 -6
  131. package/dist/chunk-L6CLR42U.js +210 -0
  132. package/dist/chunk-MH2ITVPT.js +149 -0
  133. package/dist/{chunk-42SR5EVF.js → chunk-MKQEZWWO.js} +1 -1
  134. package/dist/{chunk-REQBEZXL.js → chunk-NI2WTR2F.js} +2 -2
  135. package/dist/{chunk-U6KO3LSI.js → chunk-O4BMADXB.js} +1 -1
  136. package/dist/{chunk-TRUSCHM6.js → chunk-OCVKN5AO.js} +3 -3
  137. package/dist/{chunk-VXHWY73C.js → chunk-P2LXRVM2.js} +4 -4
  138. package/dist/{chunk-2F2YVBQD.js → chunk-PVNIJYBP.js} +1 -1
  139. package/dist/{chunk-AHLKBS2Y.js → chunk-QV6P736B.js} +1 -1
  140. package/dist/{chunk-BRHWCD4E.js → chunk-RZPJV4US.js} +96 -352
  141. package/dist/{chunk-KD2BNI3B.js → chunk-S2WS33QE.js} +2 -2
  142. package/dist/{chunk-ON7TM5G4.js → chunk-S3IPCHSB.js} +2 -2
  143. package/dist/{chunk-TYD72WIE.js → chunk-T2XCLPZE.js} +1 -1
  144. package/dist/{chunk-NPBJ5NP3.js → chunk-UOT4YN2U.js} +2 -2
  145. package/dist/{chunk-S6VNAA2B.js → chunk-UPE2QDRV.js} +1 -1
  146. package/dist/{chunk-BF7HAYOR.js → chunk-VDEENHJH.js} +3 -3
  147. package/dist/chunk-XGOJ7VOE.js +7 -0
  148. package/dist/{chunk-XQYDLNV6.js → chunk-XIFYV5FB.js} +2 -2
  149. package/dist/index.css +731 -726
  150. package/dist/index.d.ts +5 -1
  151. package/dist/index.js +83 -79
  152. package/dist/inputs/src/InputGroup.css +227 -222
  153. package/dist/inputs/src/InputGroup.js +1 -1
  154. package/dist/inputs/src/NumberField.css +249 -244
  155. package/dist/inputs/src/NumberField.js +7 -7
  156. package/dist/inputs/src/PasswordField.css +237 -232
  157. package/dist/inputs/src/PasswordField.js +8 -8
  158. package/dist/inputs/src/RemainingCharacterCount.css +30 -30
  159. package/dist/inputs/src/RemainingCharacterCount.js +5 -5
  160. package/dist/inputs/src/SearchField.css +243 -238
  161. package/dist/inputs/src/SearchField.js +8 -8
  162. package/dist/inputs/src/TextArea.css +244 -239
  163. package/dist/inputs/src/TextArea.js +7 -7
  164. package/dist/inputs/src/TextField.css +241 -236
  165. package/dist/inputs/src/TextField.js +11 -11
  166. package/dist/inputs/src/index.css +287 -282
  167. package/dist/inputs/src/index.js +18 -18
  168. package/dist/overlays/Popover/src/Popover.css +731 -726
  169. package/dist/overlays/Popover/src/Popover.d.ts +1 -1
  170. package/dist/overlays/Popover/src/Popover.js +83 -79
  171. package/dist/overlays/Popover/src/index.css +731 -726
  172. package/dist/overlays/Popover/src/index.js +83 -79
  173. package/dist/radio/src/DecorativeRadio.css +54 -54
  174. package/dist/radio/src/DecorativeRadio.js +7 -7
  175. package/dist/radio/src/Radio.css +46 -46
  176. package/dist/radio/src/Radio.js +7 -7
  177. package/dist/radio/src/RadioField.css +33 -33
  178. package/dist/radio/src/RadioField.js +1 -1
  179. package/dist/radio/src/RadioGroup.css +98 -98
  180. package/dist/radio/src/RadioGroup.js +2 -2
  181. package/dist/radio/src/index.css +98 -98
  182. package/dist/radio/src/index.js +12 -12
  183. package/dist/switch/src/Switch.css +43 -43
  184. package/dist/switch/src/Switch.js +7 -7
  185. package/dist/switch/src/SwitchField.css +33 -33
  186. package/dist/switch/src/SwitchField.js +2 -2
  187. package/dist/switch/src/index.css +49 -49
  188. package/dist/switch/src/index.js +9 -9
  189. package/dist/tag/src/Tag.css +353 -348
  190. package/dist/tag/src/Tag.js +11 -11
  191. package/dist/tag/src/TagGroup.css +37 -37
  192. package/dist/tag/src/TagGroup.js +2 -2
  193. package/dist/tag/src/TagList.css +27 -27
  194. package/dist/tag/src/index.css +363 -358
  195. package/dist/tag/src/index.js +14 -14
  196. package/dist/typography/Heading/src/Heading.css +27 -27
  197. package/dist/typography/Heading/src/Heading.js +1 -1
  198. package/dist/typography/Heading/src/index.css +27 -27
  199. package/dist/typography/Heading/src/index.js +1 -1
  200. package/dist/typography/Label/src/Label.css +27 -27
  201. package/dist/typography/Label/src/Label.js +1 -1
  202. package/dist/typography/Label/src/index.css +27 -27
  203. package/dist/typography/Label/src/index.js +1 -1
  204. package/dist/typography/OverlineText/src/OverlineText.css +27 -27
  205. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  206. package/dist/typography/OverlineText/src/index.css +27 -27
  207. package/dist/typography/OverlineText/src/index.js +1 -1
  208. package/dist/typography/Text/src/Text.css +27 -27
  209. package/dist/typography/Text/src/Text.js +1 -1
  210. package/dist/typography/Text/src/index.css +27 -27
  211. package/dist/typography/Text/src/index.js +1 -1
  212. package/dist/utils/src/EnsureTextWrapper.css +27 -27
  213. package/dist/utils/src/EnsureTextWrapper.js +5 -5
  214. package/dist/utils/src/index.css +27 -27
  215. package/dist/utils/src/index.js +7 -7
  216. package/package.json +1 -1
@@ -1,5 +1,5 @@
1
1
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Heading/src/Heading.module.css/#css-module-data */
2
- .Heading-module__hop-Heading___7E7Pr {
2
+ .Heading-module__hop-Heading___BdLR7 {
3
3
  --hop-Heading-xs-font-size: var(--hop-heading-xs-font-size);
4
4
  --hop-Heading-xs-font-family: var(--hop-heading-xs-font-family);
5
5
  --hop-Heading-xs-font-weight: var(--hop-heading-xs-font-weight);
@@ -33,50 +33,50 @@
33
33
  --hop-Heading-inherit-size-font-weight: inherit;
34
34
  --hop-Heading-inherit-size-line-height: inherit;
35
35
  }
36
- :where(.Heading-module__hop-Heading___7E7Pr) {
36
+ :where(.Heading-module__hop-Heading___BdLR7) {
37
37
  margin: 0;
38
38
  font-family: var(--font-family);
39
39
  font-size: var(--font-size);
40
40
  font-weight: var(--font-weight);
41
41
  line-height: var(--line-height);
42
42
  }
43
- :where(.Heading-module__hop-Heading--xs___sfcV4) {
43
+ :where(.Heading-module__hop-Heading--xs___WyXi8) {
44
44
  --font-size: var(--hop-Heading-xs-font-size);
45
45
  --font-family: var(--hop-Heading-xs-font-family);
46
46
  --font-weight: var(--hop-Heading-xs-font-weight);
47
47
  --line-height: var(--hop-Heading-xs-line-height);
48
48
  }
49
- :where(.Heading-module__hop-Heading--sm___B7yyb) {
49
+ :where(.Heading-module__hop-Heading--sm___7BkZ-) {
50
50
  --font-size: var(--hop-Heading-sm-font-size);
51
51
  --font-family: var(--hop-Heading-sm-font-family);
52
52
  --font-weight: var(--hop-Heading-sm-font-weight);
53
53
  --line-height: var(--hop-Heading-sm-line-height);
54
54
  }
55
- :where(.Heading-module__hop-Heading--md___4kKyY) {
55
+ :where(.Heading-module__hop-Heading--md___Yb-wf) {
56
56
  --font-size: var(--hop-Heading-md-font-size);
57
57
  --font-family: var(--hop-Heading-md-font-family);
58
58
  --font-weight: var(--hop-Heading-md-font-weight);
59
59
  --line-height: var(--hop-Heading-md-line-height);
60
60
  }
61
- :where(.Heading-module__hop-Heading--lg___wWh-I) {
61
+ :where(.Heading-module__hop-Heading--lg___Iajp0) {
62
62
  --font-size: var(--hop-Heading-lg-font-size);
63
63
  --font-family: var(--hop-Heading-lg-font-family);
64
64
  --font-weight: var(--hop-Heading-lg-font-weight);
65
65
  --line-height: var(--hop-Heading-lg-line-height);
66
66
  }
67
- :where(.Heading-module__hop-Heading--xl___w6IwO) {
67
+ :where(.Heading-module__hop-Heading--xl___7gcoD) {
68
68
  --font-size: var(--hop-Heading-xl-font-size);
69
69
  --font-family: var(--hop-Heading-xl-font-family);
70
70
  --font-weight: var(--hop-Heading-xl-font-weight);
71
71
  --line-height: var(--hop-Heading-xl-line-height);
72
72
  }
73
- :where(.Heading-module__hop-Heading--2xl___uf1ph) {
73
+ :where(.Heading-module__hop-Heading--2xl___SBxPs) {
74
74
  --font-size: var(--hop-Heading-2xl-font-size);
75
75
  --font-family: var(--hop-Heading-2xl-font-family);
76
76
  --font-weight: var(--hop-Heading-2xl-font-weight);
77
77
  --line-height: var(--hop-Heading-2xl-line-height);
78
78
  }
79
- :where(.Heading-module__hop-Heading--3xl___sJOSZ) {
79
+ :where(.Heading-module__hop-Heading--3xl___PK0X3) {
80
80
  --font-size: var(--hop-Heading-3xl-font-size);
81
81
  --font-family: var(--hop-Heading-3xl-font-family);
82
82
  --font-weight: var(--hop-Heading-3xl-font-weight);
@@ -84,7 +84,7 @@
84
84
  }
85
85
 
86
86
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
87
- :where(.OverlineText-module__hop-OverlineText___gvlgy) {
87
+ :where(.OverlineText-module__hop-OverlineText___PxKbH) {
88
88
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
89
89
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
90
90
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -108,45 +108,45 @@
108
108
  text-transform: uppercase;
109
109
  letter-spacing: var(--letter-spacing);
110
110
  }
111
- .OverlineText-module__hop-OverlineText__text___0W6Pv {
111
+ .OverlineText-module__hop-OverlineText__text___fn4KK {
112
112
  box-sizing: border-box;
113
113
  }
114
- .OverlineText-module__hop-OverlineText__text___0W6Pv::before,
115
- .OverlineText-module__hop-OverlineText__text___0W6Pv::after {
114
+ .OverlineText-module__hop-OverlineText__text___fn4KK::before,
115
+ .OverlineText-module__hop-OverlineText__text___fn4KK::after {
116
116
  content: "";
117
117
  display: block;
118
118
  box-sizing: border-box;
119
119
  inline-size: 0;
120
120
  block-size: 0;
121
121
  }
122
- .OverlineText-module__hop-OverlineText__text___0W6Pv::before {
122
+ .OverlineText-module__hop-OverlineText__text___fn4KK::before {
123
123
  margin-block-end: var(--bottom-offset);
124
124
  }
125
- .OverlineText-module__hop-OverlineText__text___0W6Pv::after {
125
+ .OverlineText-module__hop-OverlineText__text___fn4KK::after {
126
126
  margin-block-start: var(--top-offset);
127
127
  }
128
128
 
129
129
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
130
- .Label-module__hop-Label___n46Lr {
130
+ .Label-module__hop-Label___ORxUQ {
131
131
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
132
132
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
133
133
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
134
134
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
135
135
  --hop-Label-color: var(--hop-neutral-text-weak);
136
136
  }
137
- :where(.Label-module__hop-Label___n46Lr) {
137
+ :where(.Label-module__hop-Label___ORxUQ) {
138
138
  font-family: var(--hop-Label-font-family);
139
139
  font-size: var(--hop-Label-font-size);
140
140
  font-weight: var(--hop-Label-font-weight);
141
141
  line-height: var(--hop-Label-line-height);
142
142
  color: var(--hop-Label-color);
143
143
  }
144
- :where(.Label-module__hop-Label__indicator___-saZ-) {
144
+ :where(.Label-module__hop-Label__indicator___ORHUL) {
145
145
  padding-inline-start: var(--hop-space-20);
146
146
  }
147
147
 
148
148
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Text/src/Text.module.css/#css-module-data */
149
- .Text-module__hop-Text___N8grK {
149
+ .Text-module__hop-Text___fcjW1 {
150
150
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
151
151
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
152
152
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -176,49 +176,49 @@
176
176
  --hop-Text-inherit-size-font-weight: inherit;
177
177
  --hop-Text-inherit-size-line-height: inherit;
178
178
  }
179
- :where(.Text-module__hop-Text___N8grK) {
179
+ :where(.Text-module__hop-Text___fcjW1) {
180
180
  font-family: var(--font-family);
181
181
  font-size: var(--font-size);
182
182
  font-weight: var(--font-weight);
183
183
  line-height: var(--line-height);
184
184
  }
185
- :where(.Text-module__hop-Text--xs___he69L) {
185
+ :where(.Text-module__hop-Text--xs___ZI6iJ) {
186
186
  --font-size: var(--hop-Text-xs-font-size);
187
187
  --font-family: var(--hop-Text-xs-font-family);
188
188
  --font-weight: var(--hop-Text-xs-font-weight);
189
189
  --line-height: var(--hop-Text-xs-line-height);
190
190
  }
191
- :where(.Text-module__hop-Text--sm___z2W9l) {
191
+ :where(.Text-module__hop-Text--sm___J-tGA) {
192
192
  --font-size: var(--hop-Text-sm-font-size);
193
193
  --font-family: var(--hop-Text-sm-font-family);
194
194
  --font-weight: var(--hop-Text-sm-font-weight);
195
195
  --line-height: var(--hop-Text-sm-line-height);
196
196
  }
197
- :where(.Text-module__hop-Text--md___-jclu) {
197
+ :where(.Text-module__hop-Text--md___cPML6) {
198
198
  --font-size: var(--hop-Text-md-font-size);
199
199
  --font-family: var(--hop-Text-md-font-family);
200
200
  --font-weight: var(--hop-Text-md-font-weight);
201
201
  --line-height: var(--hop-Text-md-line-height);
202
202
  }
203
- :where(.Text-module__hop-Text--lg___WCPge) {
203
+ :where(.Text-module__hop-Text--lg___Sy28t) {
204
204
  --font-size: var(--hop-Text-lg-font-size);
205
205
  --font-family: var(--hop-Text-lg-font-family);
206
206
  --font-weight: var(--hop-Text-lg-font-weight);
207
207
  --line-height: var(--hop-Text-lg-line-height);
208
208
  }
209
- :where(.Text-module__hop-Text--xl___nkxvu) {
209
+ :where(.Text-module__hop-Text--xl___lvVhm) {
210
210
  --font-size: var(--hop-Text-xl-font-size);
211
211
  --font-family: var(--hop-Text-xl-font-family);
212
212
  --font-weight: var(--hop-Text-xl-font-weight);
213
213
  --line-height: var(--hop-Text-xl-line-height);
214
214
  }
215
- :where(.Text-module__hop-Text--2xl___OdutS) {
215
+ :where(.Text-module__hop-Text--2xl___SRkHL) {
216
216
  --font-size: var(--hop-Text-2xl-font-size);
217
217
  --font-family: var(--hop-Text-2xl-font-family);
218
218
  --font-weight: var(--hop-Text-2xl-font-weight);
219
219
  --line-height: var(--hop-Text-2xl-line-height);
220
220
  }
221
- :where(.Text-module__hop-Text--inherit___HrcZh) {
221
+ :where(.Text-module__hop-Text--inherit___Z8PjI) {
222
222
  --font-size: var(--hop-Text-inherit-size-font-size);
223
223
  --font-family: var(--hop-Text-inherit-size-font-family);
224
224
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -226,7 +226,7 @@
226
226
  }
227
227
 
228
228
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/RichIconAvatarImage.module.css/#css-module-data */
229
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___teXu6 {
229
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___aNhOG {
230
230
  --hop-RichIconAvatarImage-background-color: var(--hop-decorative-option7-surface);
231
231
  --hop-RichIconAvatarImage-border-radius: var(--hop-shape-circle);
232
232
  --hop-RichIconAvatarImage-icon-color: var(--hop-decorative-option7-icon);
@@ -257,46 +257,46 @@
257
257
  background-color: var(--background-color);
258
258
  border-radius: var(--hop-RichIconAvatarImage-border-radius);
259
259
  }
260
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___k12Tu {
260
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xs___ZHx6v {
261
261
  --size: var(--hop-RichIconAvatarImage-xs-size);
262
262
  --icon-size: var(--hop-RichIconAvatarImage-icon-xs-size);
263
263
  }
264
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___oWAVn {
264
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--sm___ug2qa {
265
265
  --size: var(--hop-RichIconAvatarImage-sm-size);
266
266
  --icon-size: var(--hop-RichIconAvatarImage-icon-sm-size);
267
267
  }
268
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___Wd-k7 {
268
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--md___ObvNG {
269
269
  --size: var(--hop-RichIconAvatarImage-md-size);
270
270
  --icon-size: var(--hop-RichIconAvatarImage-icon-md-size);
271
271
  }
272
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___tYd0L {
272
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--lg___tGBD9 {
273
273
  --size: var(--hop-RichIconAvatarImage-lg-size);
274
274
  --icon-size: var(--hop-RichIconAvatarImage-icon-lg-size);
275
275
  }
276
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___HfXSB {
276
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--xl___LTv7Q {
277
277
  --size: var(--hop-RichIconAvatarImage-xl-size);
278
278
  --icon-size: var(--hop-RichIconAvatarImage-icon-xl-size);
279
279
  }
280
- .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___EdgZI {
280
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage--2xl___Mp4Ej {
281
281
  --size: var(--hop-RichIconAvatarImage-2xl-size);
282
282
  --icon-size: var(--hop-RichIconAvatarImage-icon-2xl-size);
283
283
  }
284
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___teXu6[data-disabled] {
284
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___aNhOG[data-disabled] {
285
285
  --background-color: var(--hop-RichIconAvatarImage-background-color-disabled);
286
286
  }
287
- .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___SkNlV {
287
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___TABAF {
288
288
  position: relative;
289
289
  display: block;
290
290
  inline-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
291
291
  block-size: var(--icon-size, var(--hop-RichIconAvatarImage-icon-md-size));
292
292
  }
293
- .RichIconAvatarImage-module__hop-RichIconAvatarImage___teXu6[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___SkNlV {
293
+ .RichIconAvatarImage-module__hop-RichIconAvatarImage___aNhOG[data-disabled] .RichIconAvatarImage-module__hop-RichIconAvatarImage__icon___TABAF {
294
294
  --hop-RichIcon-placeholder-background: var(--hop-RichIconAvatarImage-background-color-disabled);
295
295
  --hop-RichIcon-placeholder-shadow: var(--hop-RichIconAvatarImage-icon-color-disabled);
296
296
  }
297
297
 
298
298
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Avatar/src/Avatar.module.css/#css-module-data */
299
- .Avatar-module__hop-Avatar___zAFNh {
299
+ .Avatar-module__hop-Avatar___SVxzR {
300
300
  --hop-Avatar-border-radius: var(--hop-shape-circle);
301
301
  --hop-Avatar-mix-blend-mode: normal;
302
302
  --hop-Avatar-decorative-1-background-color: var(--hop-decorative-option1-surface-strong);
@@ -341,67 +341,67 @@
341
341
  background-color: var(--background-color, transparent);
342
342
  border-radius: var(--hop-Avatar-border-radius);
343
343
  }
344
- .Avatar-module__hop-Avatar--xs___RpPoe {
344
+ .Avatar-module__hop-Avatar--xs___2StrT {
345
345
  --size: var(--hop-Avatar-xs-size);
346
346
  }
347
- .Avatar-module__hop-Avatar--sm___bK0GJ {
347
+ .Avatar-module__hop-Avatar--sm___RQ1P4 {
348
348
  --size: var(--hop-Avatar-sm-size);
349
349
  }
350
- .Avatar-module__hop-Avatar--md___FNDyQ {
350
+ .Avatar-module__hop-Avatar--md___tQ885 {
351
351
  --size: var(--hop-Avatar-md-size);
352
352
  }
353
- .Avatar-module__hop-Avatar--lg___-Mvvi {
353
+ .Avatar-module__hop-Avatar--lg___lMNBX {
354
354
  --size: var(--hop-Avatar-lg-size);
355
355
  }
356
- .Avatar-module__hop-Avatar--xl___1R35Q {
356
+ .Avatar-module__hop-Avatar--xl___rldqT {
357
357
  --size: var(--hop-Avatar-xl-size);
358
358
  }
359
- .Avatar-module__hop-Avatar--2xl___HTN-g {
359
+ .Avatar-module__hop-Avatar--2xl___EVNmP {
360
360
  --size: var(--hop-Avatar-2xl-size);
361
361
  }
362
- .Avatar-module__hop-Avatar--decorative-option1___zv04S {
362
+ .Avatar-module__hop-Avatar--decorative-option1___3JyYc {
363
363
  --background-color: var(--hop-Avatar-decorative-1-background-color);
364
364
  --text-color: var(--hop-Avatar-decorative-1-text-color);
365
365
  }
366
- .Avatar-module__hop-Avatar--decorative-option2___TZ-zg {
366
+ .Avatar-module__hop-Avatar--decorative-option2___PuzcH {
367
367
  --background-color: var(--hop-Avatar-decorative-2-background-color);
368
368
  --text-color: var(--hop-Avatar-decorative-2-text-color);
369
369
  }
370
- .Avatar-module__hop-Avatar--decorative-option3___UXzn2 {
370
+ .Avatar-module__hop-Avatar--decorative-option3___kt4WJ {
371
371
  --background-color: var(--hop-Avatar-decorative-3-background-color);
372
372
  --text-color: var(--hop-Avatar-decorative-3-text-color);
373
373
  }
374
- .Avatar-module__hop-Avatar--decorative-option4___5ed9i {
374
+ .Avatar-module__hop-Avatar--decorative-option4___5eoea {
375
375
  --background-color: var(--hop-Avatar-decorative-4-background-color);
376
376
  --text-color: var(--hop-Avatar-decorative-4-text-color);
377
377
  }
378
- .Avatar-module__hop-Avatar--decorative-option5___0XmsT {
378
+ .Avatar-module__hop-Avatar--decorative-option5___WV2sI {
379
379
  --background-color: var(--hop-Avatar-decorative-5-background-color);
380
380
  --text-color: var(--hop-Avatar-decorative-5-text-color);
381
381
  }
382
- .Avatar-module__hop-Avatar--decorative-option6___-iTte {
382
+ .Avatar-module__hop-Avatar--decorative-option6___ZH-Xz {
383
383
  --background-color: var(--hop-Avatar-decorative-6-background-color);
384
384
  --text-color: var(--hop-Avatar-decorative-6-text-color);
385
385
  }
386
- .Avatar-module__hop-Avatar--decorative-option7___9MlTV {
386
+ .Avatar-module__hop-Avatar--decorative-option7___uOv-Z {
387
387
  --background-color: var(--hop-Avatar-decorative-7-background-color);
388
388
  --text-color: var(--hop-Avatar-decorative-7-text-color);
389
389
  }
390
- .Avatar-module__hop-Avatar--decorative-option8___JC9Q0 {
390
+ .Avatar-module__hop-Avatar--decorative-option8___5OgtA {
391
391
  --background-color: var(--hop-Avatar-decorative-8-background-color);
392
392
  --text-color: var(--hop-Avatar-decorative-8-text-color);
393
393
  }
394
- .Avatar-module__hop-Avatar--decorative-option9___NA8Sw {
394
+ .Avatar-module__hop-Avatar--decorative-option9___PiJlg {
395
395
  --background-color: var(--hop-Avatar-decorative-9-background-color);
396
396
  --text-color: var(--hop-Avatar-decorative-9-text-color);
397
397
  }
398
- .Avatar-module__hop-Avatar___zAFNh[data-disabled] {
398
+ .Avatar-module__hop-Avatar___SVxzR[data-disabled] {
399
399
  --background-color: var(--hop-Avatar-background-color-disabled);
400
400
  --text-color: var(--hop-Avatar-text-color-disabled);
401
401
  --mix-blend-mode: var(--hop-Avatar-mix-blend-mode-disabled);
402
402
  isolation: isolate;
403
403
  }
404
- .Avatar-module__hop-Avatar__image___NxcCs {
404
+ .Avatar-module__hop-Avatar__image___NvvoF {
405
405
  position: relative;
406
406
  display: block;
407
407
  box-sizing: border-box;
@@ -412,7 +412,7 @@
412
412
  }
413
413
 
414
414
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
415
- .Badge-module__hop-Badge___SiITu {
415
+ .Badge-module__hop-Badge___ggBRV {
416
416
  --hop-Badge-height: 1.5rem;
417
417
  --hop-Badge-width: max-content;
418
418
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -462,67 +462,67 @@
462
462
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
463
463
  border-radius: var(--border-radius);
464
464
  }
465
- .Badge-module__hop-Badge___SiITu[data-variant=primary] {
465
+ .Badge-module__hop-Badge___ggBRV[data-variant=primary] {
466
466
  --background-color: var(--hop-Badge-primary-background-color);
467
467
  --text-color: var(--hop-Badge-primary-text-color);
468
468
  }
469
- .Badge-module__hop-Badge___SiITu[data-hovered][data-variant=primary] {
469
+ .Badge-module__hop-Badge___ggBRV[data-hovered][data-variant=primary] {
470
470
  --background-color: var(--hop-Badge-primary-background-color-hovered);
471
471
  --text-color: var(--hop-Badge-primary-text-color-hovered);
472
472
  }
473
- .Badge-module__hop-Badge___SiITu[data-pressed][data-variant=primary] {
473
+ .Badge-module__hop-Badge___ggBRV[data-pressed][data-variant=primary] {
474
474
  --background-color: var(--hop-Badge-primary-background-color-pressed);
475
475
  --text-color: var(--hop-Badge-primary-text-color-pressed);
476
476
  }
477
- .Badge-module__hop-Badge___SiITu[data-selected][data-variant=primary] {
477
+ .Badge-module__hop-Badge___ggBRV[data-selected][data-variant=primary] {
478
478
  --background-color: var(--hop-Badge-primary-background-color-selected);
479
479
  --text-color: var(--hop-Badge-primary-text-color-selected);
480
480
  }
481
- .Badge-module__hop-Badge___SiITu[data-variant=secondary] {
481
+ .Badge-module__hop-Badge___ggBRV[data-variant=secondary] {
482
482
  --background-color: var(--hop-Badge-secondary-background-color);
483
483
  --text-color: var(--hop-Badge-secondary-text-color);
484
484
  }
485
- .Badge-module__hop-Badge___SiITu[data-hovered][data-variant=secondary] {
485
+ .Badge-module__hop-Badge___ggBRV[data-hovered][data-variant=secondary] {
486
486
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
487
487
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
488
488
  }
489
- .Badge-module__hop-Badge___SiITu[data-pressed][data-variant=secondary] {
489
+ .Badge-module__hop-Badge___ggBRV[data-pressed][data-variant=secondary] {
490
490
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
491
491
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
492
492
  }
493
- .Badge-module__hop-Badge___SiITu[data-selected][data-variant=secondary] {
493
+ .Badge-module__hop-Badge___ggBRV[data-selected][data-variant=secondary] {
494
494
  --background-color: var(--hop-Badge-secondary-background-color-selected);
495
495
  --text-color: var(--hop-Badge-secondary-text-color-selected);
496
496
  }
497
- .Badge-module__hop-Badge___SiITu[data-variant=subdued] {
497
+ .Badge-module__hop-Badge___ggBRV[data-variant=subdued] {
498
498
  --background-color: var(--hop-Badge-subdued-background-color);
499
499
  --text-color: var(--hop-Badge-subdued-text-color);
500
500
  }
501
- .Badge-module__hop-Badge___SiITu[data-hovered][data-variant=subdued] {
501
+ .Badge-module__hop-Badge___ggBRV[data-hovered][data-variant=subdued] {
502
502
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
503
503
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
504
504
  }
505
- .Badge-module__hop-Badge___SiITu[data-pressed][data-variant=subdued] {
505
+ .Badge-module__hop-Badge___ggBRV[data-pressed][data-variant=subdued] {
506
506
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
507
507
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
508
508
  }
509
- .Badge-module__hop-Badge___SiITu[data-selected][data-variant=subdued] {
509
+ .Badge-module__hop-Badge___ggBRV[data-selected][data-variant=subdued] {
510
510
  --background-color: var(--hop-Badge-subdued-background-color-selected);
511
511
  --text-color: var(--hop-Badge-subdued-text-color-selected);
512
512
  }
513
- .Badge-module__hop-Badge___SiITu[data-indeterminate] {
513
+ .Badge-module__hop-Badge___ggBRV[data-indeterminate] {
514
514
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
515
515
  --height: var(--hop-Badge-indeterminate-height);
516
516
  --width: var(--hop-Badge-indeterminate-width);
517
517
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
518
518
  }
519
- .Badge-module__hop-Badge___SiITu[data-disabled] {
519
+ .Badge-module__hop-Badge___ggBRV[data-disabled] {
520
520
  --background-color: var(--hop-Badge-background-color-disabled);
521
521
  --text-color: var(--hop-Badge-text-color-disabled);
522
522
  }
523
523
 
524
524
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/FloatingBadge.module.css/#css-module-data */
525
- .FloatingBadge-module__hop-FloatingBadge___k8LF0 {
525
+ .FloatingBadge-module__hop-FloatingBadge___jy7P2 {
526
526
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
527
527
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
528
528
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -563,7 +563,7 @@
563
563
  box-sizing: border-box;
564
564
  inline-size: max-content;
565
565
  }
566
- .FloatingBadge-module__hop-FloatingBadge___k8LF0[data-placement="top right"] {
566
+ .FloatingBadge-module__hop-FloatingBadge___jy7P2[data-placement="top right"] {
567
567
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
568
568
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
569
569
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -571,11 +571,11 @@
571
571
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
572
572
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
573
573
  }
574
- .FloatingBadge-module__hop-FloatingBadge___k8LF0[data-placement="top right"][data-overlap=circular] {
574
+ .FloatingBadge-module__hop-FloatingBadge___jy7P2[data-placement="top right"][data-overlap=circular] {
575
575
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
576
576
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
577
577
  }
578
- .FloatingBadge-module__hop-FloatingBadge___k8LF0[data-placement="top left"] {
578
+ .FloatingBadge-module__hop-FloatingBadge___jy7P2[data-placement="top left"] {
579
579
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
580
580
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
581
581
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -583,11 +583,11 @@
583
583
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
584
584
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
585
585
  }
586
- .FloatingBadge-module__hop-FloatingBadge___k8LF0[data-placement="top left"][data-overlap=circular] {
586
+ .FloatingBadge-module__hop-FloatingBadge___jy7P2[data-placement="top left"][data-overlap=circular] {
587
587
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
588
588
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
589
589
  }
590
- .FloatingBadge-module__hop-FloatingBadge___k8LF0[data-placement="bottom right"] {
590
+ .FloatingBadge-module__hop-FloatingBadge___jy7P2[data-placement="bottom right"] {
591
591
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
592
592
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
593
593
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -595,11 +595,11 @@
595
595
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
596
596
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
597
597
  }
598
- .FloatingBadge-module__hop-FloatingBadge___k8LF0[data-placement="bottom right"][data-overlap=circular] {
598
+ .FloatingBadge-module__hop-FloatingBadge___jy7P2[data-placement="bottom right"][data-overlap=circular] {
599
599
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
600
600
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
601
601
  }
602
- .FloatingBadge-module__hop-FloatingBadge___k8LF0[data-placement="bottom left"] {
602
+ .FloatingBadge-module__hop-FloatingBadge___jy7P2[data-placement="bottom left"] {
603
603
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
604
604
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
605
605
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -607,11 +607,11 @@
607
607
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
608
608
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
609
609
  }
610
- .FloatingBadge-module__hop-FloatingBadge___k8LF0[data-placement="bottom left"][data-overlap=circular] {
610
+ .FloatingBadge-module__hop-FloatingBadge___jy7P2[data-placement="bottom left"][data-overlap=circular] {
611
611
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
612
612
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
613
613
  }
614
- .FloatingBadge-module__hop-FloatingBadge__badge___gDDXi {
614
+ .FloatingBadge-module__hop-FloatingBadge__badge___-igKk {
615
615
  position: absolute;
616
616
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
617
617
  transform-origin: var(--badge-transform-origin);
@@ -619,7 +619,7 @@
619
619
  }
620
620
 
621
621
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
622
- .IconList-module__hop-IconList___sohOX {
622
+ .IconList-module__hop-IconList___XVzRk {
623
623
  --hop-IconList-gap: var(--hop-space-inline-xs);
624
624
  display: flex;
625
625
  flex-wrap: wrap;
@@ -628,7 +628,7 @@
628
628
  }
629
629
 
630
630
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Spinner/src/Spinner.module.css/#css-module-data */
631
- @keyframes Spinner-module__spin___5ZMLZ {
631
+ @keyframes Spinner-module__spin___8jRb3 {
632
632
  0% {
633
633
  transform: rotate(0deg);
634
634
  }
@@ -636,7 +636,7 @@
636
636
  transform: rotate(360deg);
637
637
  }
638
638
  }
639
- .Spinner-module__hop-Spinner___MwDXH {
639
+ .Spinner-module__hop-Spinner___H4wI5 {
640
640
  --hop-Spinner-border-radius: var(--hop-shape-circle);
641
641
  --hop-Spinner-sm-wheel-size: 1rem;
642
642
  --hop-Spinner-md-wheel-size: 1.25rem;
@@ -644,7 +644,7 @@
644
644
  --hop-Spinner-track-width: 0.125rem;
645
645
  --hop-Spinner-track-opacity: 0.2;
646
646
  --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
647
- --hop-Spinner-fill-animation: Spinner-module__spin___5ZMLZ .8s infinite linear;
647
+ --hop-Spinner-fill-animation: Spinner-module__spin___8jRb3 .8s infinite linear;
648
648
  --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
649
649
  --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
650
650
  --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
@@ -655,19 +655,19 @@
655
655
  align-items: center;
656
656
  box-sizing: border-box;
657
657
  }
658
- .Spinner-module__hop-Spinner--sm___6HAHH {
658
+ .Spinner-module__hop-Spinner--sm___-kNR6 {
659
659
  --width: var(--hop-Spinner-sm-wheel-size);
660
660
  --height: var(--hop-Spinner-sm-wheel-size);
661
661
  }
662
- .Spinner-module__hop-Spinner--md___fpYWn {
662
+ .Spinner-module__hop-Spinner--md___LaUAW {
663
663
  --width: var(--hop-Spinner-md-wheel-size);
664
664
  --height: var(--hop-Spinner-md-wheel-size);
665
665
  }
666
- .Spinner-module__hop-Spinner--lg___R-ALj {
666
+ .Spinner-module__hop-Spinner--lg___Yg9Ri {
667
667
  --width: var(--hop-Spinner-lg-wheel-size);
668
668
  --height: var(--hop-Spinner-lg-wheel-size);
669
669
  }
670
- .Spinner-module__hop-Spinner__track___jL7TG {
670
+ .Spinner-module__hop-Spinner__track___bgUSx {
671
671
  grid-area: spinner;
672
672
  box-sizing: border-box;
673
673
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -676,7 +676,7 @@
676
676
  border: var(--hop-Spinner-track-border);
677
677
  border-radius: var(--hop-Spinner-border-radius);
678
678
  }
679
- .Spinner-module__hop-Spinner__fill___BTgP4 {
679
+ .Spinner-module__hop-Spinner__fill___BDtrF {
680
680
  grid-area: spinner;
681
681
  box-sizing: border-box;
682
682
  inline-size: var(--width, var(--hop-Spinner-md-wheel-size));
@@ -687,19 +687,22 @@
687
687
  animation: var(--hop-Spinner-fill-animation);
688
688
  }
689
689
  @media (prefers-reduced-motion: reduce) {
690
- .Spinner-module__hop-Spinner__fill___BTgP4 {
690
+ .Spinner-module__hop-Spinner__fill___BDtrF {
691
691
  animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
692
692
  }
693
693
  }
694
- .Spinner-module__hop-Spinner__label___OJj-D {
694
+ .Spinner-module__hop-Spinner__label___4X7ti {
695
695
  grid-area: label;
696
696
  margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
697
697
  }
698
698
 
699
699
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/Button.module.css/#css-module-data */
700
- .Button-module__hop-Button___3R65p {
700
+ .Button-module__hop-Button___zGXVn {
701
701
  --hop-Button-border-radius: var(--hop-shape-rounded-md);
702
702
  --hop-Button-focus-ring-color: var(--hop-primary-border-focus);
703
+ --hop-Button-column-gap: var(--hop-space-inline-xs);
704
+ --hop-Button-icon-only-column-gap: 0;
705
+ --hop-Button-outline-size: var(--hop-space-20);
703
706
  --hop-Button-icon-only-padding: 0;
704
707
  --hop-Button-sm-height: 2rem;
705
708
  --hop-Button-md-height: 2.5rem;
@@ -826,6 +829,7 @@
826
829
  --block-size: var(--hop-Button-md-height);
827
830
  --background-color: var(--hop-primary-surface-strong);
828
831
  --color: var(--hop-primary-text-strong);
832
+ --column-gap: var(--hop-Button-column-gap);
829
833
  --spinner: var(--hop-primary-icon-strong);
830
834
  --border: 0;
831
835
  --padding-inline: 0;
@@ -833,11 +837,10 @@
833
837
  cursor: pointer;
834
838
  position: relative;
835
839
  overflow: hidden;
836
- display: grid;
837
- grid-template-areas: "start-icon content end-icon";
838
- grid-template-columns: auto min-content auto;
839
- column-gap: var(--hop-space-inline-xs);
840
+ display: flex;
841
+ column-gap: var(--column-gap);
840
842
  align-items: center;
843
+ justify-content: center;
841
844
  box-sizing: border-box;
842
845
  inline-size: var(--inline-size);
843
846
  block-size: var(--block-size);
@@ -850,323 +853,325 @@
850
853
  border: var(--border);
851
854
  border-radius: var(--hop-Button-border-radius);
852
855
  outline: none;
853
- outline-offset: 0.125rem;
856
+ outline-offset: var(--hop-Button-outline-size);
854
857
  transition:
855
858
  color var(--hop-easing-duration-2) var(--hop-easing-productive),
856
859
  background-color var(--hop-easing-duration-2) var(--hop-easing-productive),
857
860
  border var(--hop-easing-duration-2) var(--hop-easing-productive);
858
861
  }
859
- .Button-module__hop-Button___3R65p[data-focus-visible] {
860
- outline: 0.125rem solid var(--hop-Button-focus-ring-color);
862
+ .Button-module__hop-Button___zGXVn[data-focus-visible] {
863
+ outline: var(--hop-Button-outline-size) solid var(--hop-Button-focus-ring-color);
861
864
  }
862
- .Button-module__hop-Button--icon-only___vmU4h {
865
+ .Button-module__hop-Button--icon-only___vt2yi {
863
866
  --padding-block: var(--hop-Button-icon-only-padding);
864
867
  --padding-inline: var(--hop-Button-icon-only-padding);
865
- column-gap: 0;
868
+ --column-gap: var(--hop-Button-icon-only-column-gap);
866
869
  aspect-ratio: 1;
867
870
  }
868
- .Button-module__hop-Button___3R65p[data-disabled],
869
- .Button-module__hop-Button___3R65p[data-loading] {
871
+ .Button-module__hop-Button___zGXVn[data-disabled],
872
+ .Button-module__hop-Button___zGXVn[data-loading] {
870
873
  cursor: not-allowed;
871
874
  }
872
- .Button-module__hop-Button--fluid___I-DqC {
875
+ .Button-module__hop-Button--fluid___EtgJF {
873
876
  --inline-size: 100%;
874
877
  }
875
- .Button-module__hop-Button--sm___w7vdk {
878
+ .Button-module__hop-Button--sm___99WKy {
876
879
  --block-size: var(--hop-Button-sm-height);
877
880
  }
878
- .Button-module__hop-Button--primary___sFO6q.Button-module__hop-Button--sm___w7vdk:not(.Button-module__hop-Button--icon-only___vmU4h) {
881
+ .Button-module__hop-Button--primary___H8AZX.Button-module__hop-Button--sm___99WKy:not(.Button-module__hop-Button--icon-only___vt2yi) {
879
882
  --padding-inline: var(--hop-Button-primary-sm-padding-x);
880
883
  --padding-block: var(--hop-Button-primary-sm-padding-y);
881
884
  }
882
- .Button-module__hop-Button--primary___sFO6q.Button-module__hop-Button--md___4gwEm:not(.Button-module__hop-Button--icon-only___vmU4h) {
885
+ .Button-module__hop-Button--primary___H8AZX.Button-module__hop-Button--md___Rw2ZG:not(.Button-module__hop-Button--icon-only___vt2yi) {
883
886
  --padding-inline: var(--hop-Button-primary-md-padding-x);
884
887
  --padding-block: var(--hop-Button-primary-md-padding-y);
885
888
  }
886
- .Button-module__hop-Button--secondary___3yUD8.Button-module__hop-Button--md___4gwEm:not(.Button-module__hop-Button--icon-only___vmU4h) {
889
+ .Button-module__hop-Button--secondary___KZp-x.Button-module__hop-Button--md___Rw2ZG:not(.Button-module__hop-Button--icon-only___vt2yi) {
887
890
  --padding-inline: var(--hop-Button-secondary-md-padding-x);
888
891
  --padding-block: var(--hop-Button-secondary-md-padding-y);
889
892
  }
890
- .Button-module__hop-Button--secondary___3yUD8.Button-module__hop-Button--sm___w7vdk:not(.Button-module__hop-Button--icon-only___vmU4h) {
893
+ .Button-module__hop-Button--secondary___KZp-x.Button-module__hop-Button--sm___99WKy:not(.Button-module__hop-Button--icon-only___vt2yi) {
891
894
  --padding-inline: var(--hop-Button-secondary-sm-padding-x);
892
895
  --padding-block: var(--hop-Button-secondary-sm-padding-y);
893
896
  }
894
- .Button-module__hop-Button--upsell___jrkm7.Button-module__hop-Button--md___4gwEm:not(.Button-module__hop-Button--icon-only___vmU4h) {
897
+ .Button-module__hop-Button--upsell___3jxDZ.Button-module__hop-Button--md___Rw2ZG:not(.Button-module__hop-Button--icon-only___vt2yi) {
895
898
  --padding-inline: var(--hop-Button-upsell-md-padding-x);
896
899
  --padding-block: var(--hop-Button-upsell-md-padding-y);
897
900
  }
898
- .Button-module__hop-Button--upsell___jrkm7.Button-module__hop-Button--sm___w7vdk:not(.Button-module__hop-Button--icon-only___vmU4h) {
901
+ .Button-module__hop-Button--upsell___3jxDZ.Button-module__hop-Button--sm___99WKy:not(.Button-module__hop-Button--icon-only___vt2yi) {
899
902
  --padding-inline: var(--hop-Button-upsell-sm-padding-x);
900
903
  --padding-block: var(--hop-Button-upsell-sm-padding-y);
901
904
  }
902
- .Button-module__hop-Button--danger___doULV.Button-module__hop-Button--md___4gwEm:not(.Button-module__hop-Button--icon-only___vmU4h) {
905
+ .Button-module__hop-Button--danger___SS6-k.Button-module__hop-Button--md___Rw2ZG:not(.Button-module__hop-Button--icon-only___vt2yi) {
903
906
  --padding-inline: var(--hop-Button-danger-md-padding-x);
904
907
  --padding-block: var(--hop-Button-danger-md-padding-y);
905
908
  }
906
- .Button-module__hop-Button--danger___doULV.Button-module__hop-Button--sm___w7vdk:not(.Button-module__hop-Button--icon-only___vmU4h) {
909
+ .Button-module__hop-Button--danger___SS6-k.Button-module__hop-Button--sm___99WKy:not(.Button-module__hop-Button--icon-only___vt2yi) {
907
910
  --padding-inline: var(--hop-Button-danger-sm-padding-x);
908
911
  --padding-block: var(--hop-Button-danger-sm-padding-y);
909
912
  }
910
- .Button-module__hop-Button--ghost-danger___kmhtH.Button-module__hop-Button--md___4gwEm:not(.Button-module__hop-Button--icon-only___vmU4h) {
913
+ .Button-module__hop-Button--ghost-danger___dzKiM.Button-module__hop-Button--md___Rw2ZG:not(.Button-module__hop-Button--icon-only___vt2yi) {
911
914
  --padding-inline: var(--hop-Button-ghost-danger-md-padding-x);
912
915
  --padding-block: var(--hop-Button-ghost-danger-md-padding-y);
913
916
  }
914
- .Button-module__hop-Button--ghost-danger___kmhtH.Button-module__hop-Button--sm___w7vdk:not(.Button-module__hop-Button--icon-only___vmU4h) {
917
+ .Button-module__hop-Button--ghost-danger___dzKiM.Button-module__hop-Button--sm___99WKy:not(.Button-module__hop-Button--icon-only___vt2yi) {
915
918
  --padding-inline: var(--hop-Button-ghost-danger-sm-padding-x);
916
919
  --padding-block: var(--hop-Button-ghost-danger-sm-padding-y);
917
920
  }
918
- .Button-module__hop-Button--ghost-secondary___3LQQY.Button-module__hop-Button--md___4gwEm:not(.Button-module__hop-Button--icon-only___vmU4h) {
921
+ .Button-module__hop-Button--ghost-secondary___rcqAj.Button-module__hop-Button--md___Rw2ZG:not(.Button-module__hop-Button--icon-only___vt2yi) {
919
922
  --padding-inline: var(--hop-Button-ghost-secondary-md-padding-x);
920
923
  --padding-block: var(--hop-Button-ghost-secondary-md-padding-y);
921
924
  }
922
- .Button-module__hop-Button--ghost-secondary___3LQQY.Button-module__hop-Button--sm___w7vdk:not(.Button-module__hop-Button--icon-only___vmU4h) {
925
+ .Button-module__hop-Button--ghost-secondary___rcqAj.Button-module__hop-Button--sm___99WKy:not(.Button-module__hop-Button--icon-only___vt2yi) {
923
926
  --padding-inline: var(--hop-Button-ghost-secondary-sm-padding-x);
924
927
  --padding-block: var(--hop-Button-ghost-secondary-sm-padding-y);
925
928
  }
926
- .Button-module__hop-Button--ghost-primary___emXc1.Button-module__hop-Button--md___4gwEm:not(.Button-module__hop-Button--icon-only___vmU4h) {
929
+ .Button-module__hop-Button--ghost-primary___ZH-FY.Button-module__hop-Button--md___Rw2ZG:not(.Button-module__hop-Button--icon-only___vt2yi) {
927
930
  --padding-inline: var(--hop-Button-ghost-primary-md-padding-x);
928
931
  --padding-block: var(--hop-Button-ghost-primary-md-padding-y);
929
932
  }
930
- .Button-module__hop-Button--ghost-primary___emXc1.Button-module__hop-Button--sm___w7vdk:not(.Button-module__hop-Button--icon-only___vmU4h) {
933
+ .Button-module__hop-Button--ghost-primary___ZH-FY.Button-module__hop-Button--sm___99WKy:not(.Button-module__hop-Button--icon-only___vt2yi) {
931
934
  --padding-inline: var(--hop-Button-ghost-primary-sm-padding-x);
932
935
  --padding-block: var(--hop-Button-ghost-primary-sm-padding-y);
933
936
  }
934
- .Button-module__hop-Button--primary___sFO6q {
937
+ .Button-module__hop-Button--primary___H8AZX {
935
938
  --background-color: var(--hop-Button-primary-background-color);
936
939
  --color: var(--hop-Button-primary-color);
937
940
  --border: var(--hop-Button-primary-border);
938
941
  --spinner-color: var(--hop-Button-primary-spinner-color);
939
942
  }
940
- .Button-module__hop-Button--primary___sFO6q[data-disabled]:not([data-loading]) {
943
+ .Button-module__hop-Button--primary___H8AZX[data-disabled]:not([data-loading]) {
941
944
  --background-color: var(--hop-Button-primary-background-color-disabled);
942
945
  --color: var(--hop-Button-primary-color-disabled);
943
946
  --border: var(--hop-Button-primary-border-disabled);
944
947
  }
945
- .Button-module__hop-Button--primary___sFO6q[data-hovered]:not([data-disabled], [data-loading]),
946
- .Button-module__hop-Button--primary___sFO6q[data-focus-visible]:not([data-disabled], [data-loading]) {
948
+ .Button-module__hop-Button--primary___H8AZX[data-hovered]:not([data-disabled], [data-loading]),
949
+ .Button-module__hop-Button--primary___H8AZX[data-focus-visible]:not([data-disabled], [data-loading]) {
947
950
  --background-color: var(--hop-Button-primary-background-color-hover);
948
951
  --color: var(--hop-Button-primary-color-hover);
949
952
  --border: var(--hop-Button-primary-border-hover);
950
953
  }
951
- .Button-module__hop-Button--primary___sFO6q[data-pressed]:not([data-loading]) {
954
+ .Button-module__hop-Button--primary___H8AZX[data-pressed]:not([data-loading]) {
952
955
  --background-color: var(--hop-Button-primary-background-color-pressed);
953
956
  --color: var(--hop-Button-primary-color-pressed);
954
957
  --border: var(--hop-Button-primary-border-pressed);
955
958
  }
956
- .Button-module__hop-Button--secondary___3yUD8 {
959
+ .Button-module__hop-Button--secondary___KZp-x {
957
960
  --background-color: var(--hop-Button-secondary-background-color);
958
961
  --color: var(--hop-Button-secondary-color);
959
962
  --border: var(--hop-Button-secondary-border);
960
963
  --spinner-color: var(--hop-Button-secondary-spinner-color);
961
964
  }
962
- .Button-module__hop-Button--secondary___3yUD8[data-disabled]:not([data-loading]) {
965
+ .Button-module__hop-Button--secondary___KZp-x[data-disabled]:not([data-loading]) {
963
966
  --background-color: var(--hop-Button-secondary-background-color-disabled);
964
967
  --color: var(--hop-Button-secondary-color-disabled);
965
968
  --border: var(--hop-Button-secondary-border-disabled);
966
969
  }
967
- .Button-module__hop-Button--secondary___3yUD8[data-hovered]:not([data-disabled], [data-loading]),
968
- .Button-module__hop-Button--secondary___3yUD8[data-focus-visible]:not([data-disabled], [data-loading]) {
970
+ .Button-module__hop-Button--secondary___KZp-x[data-hovered]:not([data-disabled], [data-loading]),
971
+ .Button-module__hop-Button--secondary___KZp-x[data-focus-visible]:not([data-disabled], [data-loading]) {
969
972
  --background-color: var(--hop-Button-secondary-background-color-hover);
970
973
  --color: var(--hop-Button-secondary-color-hover);
971
974
  --border: var(--hop-Button-secondary-border-hover);
972
975
  }
973
- .Button-module__hop-Button--secondary___3yUD8[data-pressed]:not([data-loading]) {
976
+ .Button-module__hop-Button--secondary___KZp-x[data-pressed]:not([data-loading]) {
974
977
  --background-color: var(--hop-Button-secondary-background-color-pressed);
975
978
  --color: var(--hop-Button-secondary-color-pressed);
976
979
  --border: var(--hop-Button-secondary-border-pressed);
977
980
  }
978
- .Button-module__hop-Button--upsell___jrkm7 {
981
+ .Button-module__hop-Button--upsell___3jxDZ {
979
982
  --background-color: var(--hop-Button-upsell-background-color);
980
983
  --color: var(--hop-Button-upsell-color);
981
984
  --border: var(--hop-Button-upsell-border);
982
985
  --spinner-color: var(--hop-Button-upsell-spinner-color);
983
986
  }
984
- .Button-module__hop-Button--upsell___jrkm7[data-disabled]:not([data-loading]) {
987
+ .Button-module__hop-Button--upsell___3jxDZ[data-disabled]:not([data-loading]) {
985
988
  --background-color: var(--hop-Button-upsell-background-color-disabled);
986
989
  --color: var(--hop-Button-upsell-color-disabled);
987
990
  --border: var(--hop-Button-upsell-border-disabled);
988
991
  }
989
- .Button-module__hop-Button--upsell___jrkm7[data-hovered]:not([data-disabled], [data-loading]),
990
- .Button-module__hop-Button--upsell___jrkm7[data-focus-visible]:not([data-disabled], [data-loading]) {
992
+ .Button-module__hop-Button--upsell___3jxDZ[data-hovered]:not([data-disabled], [data-loading]),
993
+ .Button-module__hop-Button--upsell___3jxDZ[data-focus-visible]:not([data-disabled], [data-loading]) {
991
994
  --background-color: var(--hop-Button-upsell-background-color-hover);
992
995
  --color: var(--hop-Button-upsell-color-hover);
993
996
  --border: var(--hop-Button-upsell-border-hover);
994
997
  }
995
- .Button-module__hop-Button--upsell___jrkm7[data-pressed]:not([data-loading]) {
998
+ .Button-module__hop-Button--upsell___3jxDZ[data-pressed]:not([data-loading]) {
996
999
  --background-color: var(--hop-Button-upsell-background-color-pressed);
997
1000
  --color: var(--hop-Button-upsell-color-pressed);
998
1001
  --border: var(--hop-Button-upsell-border-pressed);
999
1002
  }
1000
- .Button-module__hop-Button--danger___doULV {
1003
+ .Button-module__hop-Button--danger___SS6-k {
1001
1004
  --background-color: var(--hop-Button-danger-background-color);
1002
1005
  --color: var(--hop-Button-danger-color);
1003
1006
  --border: var(--hop-Button-danger-border);
1004
1007
  --spinner-color: var(--hop-Button-danger-spinner-color);
1005
1008
  }
1006
- .Button-module__hop-Button--danger___doULV[data-disabled]:not([data-loading]) {
1009
+ .Button-module__hop-Button--danger___SS6-k[data-disabled]:not([data-loading]) {
1007
1010
  --background-color: var(--hop-Button-danger-background-color-disabled);
1008
1011
  --color: var(--hop-Button-danger-color-disabled);
1009
1012
  --border: var(--hop-Button-danger-border-disabled);
1010
1013
  }
1011
- .Button-module__hop-Button--danger___doULV[data-hovered]:not([data-disabled], [data-loading]),
1012
- .Button-module__hop-Button--danger___doULV[data-focus-visible]:not([data-disabled], [data-loading]) {
1014
+ .Button-module__hop-Button--danger___SS6-k[data-hovered]:not([data-disabled], [data-loading]),
1015
+ .Button-module__hop-Button--danger___SS6-k[data-focus-visible]:not([data-disabled], [data-loading]) {
1013
1016
  --background-color: var(--hop-Button-danger-background-color-hover);
1014
1017
  --color: var(--hop-Button-danger-color-hover);
1015
1018
  --border: var(--hop-Button-danger-border-hover);
1016
1019
  }
1017
- .Button-module__hop-Button--danger___doULV[data-pressed]:not([data-loading]) {
1020
+ .Button-module__hop-Button--danger___SS6-k[data-pressed]:not([data-loading]) {
1018
1021
  --background-color: var(--hop-Button-danger-background-color-pressed);
1019
1022
  --color: var(--hop-Button-danger-color-pressed);
1020
1023
  --border: var(--hop-Button-danger-border-pressed);
1021
1024
  }
1022
- .Button-module__hop-Button--ghost-primary___emXc1 {
1025
+ .Button-module__hop-Button--ghost-primary___ZH-FY {
1023
1026
  --background-color: var(--hop-Button-ghost-primary-background-color);
1024
1027
  --color: var(--hop-Button-ghost-primary-color);
1025
1028
  --border: var(--hop-Button-ghost-primary-border);
1026
1029
  --spinner-color: var(--hop-Button-ghost-primary-spinner-color);
1027
1030
  }
1028
- .Button-module__hop-Button--ghost-primary___emXc1[data-disabled]:not([data-loading]) {
1031
+ .Button-module__hop-Button--ghost-primary___ZH-FY[data-disabled]:not([data-loading]) {
1029
1032
  --background-color: var(--hop-Button-ghost-primary-background-color-disabled);
1030
1033
  --color: var(--hop-Button-ghost-primary-color-disabled);
1031
1034
  --border: var(--hop-Button-ghost-primary-border-disabled);
1032
1035
  }
1033
- .Button-module__hop-Button--ghost-primary___emXc1[data-hovered]:not([data-disabled], [data-loading]),
1034
- .Button-module__hop-Button--ghost-primary___emXc1[data-focus-visible]:not([data-disabled], [data-loading]) {
1036
+ .Button-module__hop-Button--ghost-primary___ZH-FY[data-hovered]:not([data-disabled], [data-loading]),
1037
+ .Button-module__hop-Button--ghost-primary___ZH-FY[data-focus-visible]:not([data-disabled], [data-loading]) {
1035
1038
  --background-color: var(--hop-Button-ghost-primary-background-color-hover);
1036
1039
  --color: var(--hop-Button-ghost-primary-color-hover);
1037
1040
  --border: var(--hop-Button-ghost-primary-border-hover);
1038
1041
  }
1039
- .Button-module__hop-Button--ghost-primary___emXc1[data-pressed]:not([data-loading]) {
1042
+ .Button-module__hop-Button--ghost-primary___ZH-FY[data-pressed]:not([data-loading]) {
1040
1043
  --background-color: var(--hop-Button-ghost-primary-background-color-pressed);
1041
1044
  --color: var(--hop-Button-ghost-primary-color-pressed);
1042
1045
  --border: var(--hop-Button-ghost-primary-border-pressed);
1043
1046
  }
1044
- .Button-module__hop-Button--ghost-secondary___3LQQY {
1047
+ .Button-module__hop-Button--ghost-secondary___rcqAj {
1045
1048
  --background-color: var(--hop-Button-ghost-secondary-background-color);
1046
1049
  --color: var(--hop-Button-ghost-secondary-color);
1047
1050
  --border: var(--hop-Button-ghost-secondary-border);
1048
1051
  --spinner-color: var(--hop-Button-ghost-secondary-spinner-color);
1049
1052
  }
1050
- .Button-module__hop-Button--ghost-secondary___3LQQY[data-disabled]:not([data-loading]) {
1053
+ .Button-module__hop-Button--ghost-secondary___rcqAj[data-disabled]:not([data-loading]) {
1051
1054
  --background-color: var(--hop-Button-ghost-secondary-background-color-disabled);
1052
1055
  --color: var(--hop-Button-ghost-secondary-color-disabled);
1053
1056
  --border: var(--hop-Button-ghost-secondary-border-disabled);
1054
1057
  }
1055
- .Button-module__hop-Button--ghost-secondary___3LQQY[data-hovered]:not([data-disabled], [data-loading]),
1056
- .Button-module__hop-Button--ghost-secondary___3LQQY[data-focus-visible]:not([data-disabled], [data-loading]) {
1058
+ .Button-module__hop-Button--ghost-secondary___rcqAj[data-hovered]:not([data-disabled], [data-loading]),
1059
+ .Button-module__hop-Button--ghost-secondary___rcqAj[data-focus-visible]:not([data-disabled], [data-loading]) {
1057
1060
  --background-color: var(--hop-Button-ghost-secondary-background-color-hover);
1058
1061
  --color: var(--hop-Button-ghost-secondary-color-hover);
1059
1062
  --border: var(--hop-Button-ghost-secondary-border-hover);
1060
1063
  }
1061
- .Button-module__hop-Button--ghost-secondary___3LQQY[data-pressed]:not([data-loading]) {
1064
+ .Button-module__hop-Button--ghost-secondary___rcqAj[data-pressed]:not([data-loading]) {
1062
1065
  --background-color: var(--hop-Button-ghost-secondary-background-color-pressed);
1063
1066
  --color: var(--hop-Button-ghost-secondary-color-pressed);
1064
1067
  --border: var(--hop-Button-ghost-secondary-border-pressed);
1065
1068
  }
1066
- .Button-module__hop-Button--ghost-danger___kmhtH {
1069
+ .Button-module__hop-Button--ghost-danger___dzKiM {
1067
1070
  --background-color: var(--hop-Button-ghost-danger-background-color);
1068
1071
  --color: var(--hop-Button-ghost-danger-color);
1069
1072
  --border: var(--hop-Button-ghost-danger-border);
1070
1073
  --spinner-color: var(--hop-Button-ghost-danger-spinner-color);
1071
1074
  }
1072
- .Button-module__hop-Button--ghost-danger___kmhtH[data-disabled]:not([data-loading]) {
1075
+ .Button-module__hop-Button--ghost-danger___dzKiM[data-disabled]:not([data-loading]) {
1073
1076
  --background-color: var(--hop-Button-ghost-danger-background-color-disabled);
1074
1077
  --color: var(--hop-Button-ghost-danger-color-disabled);
1075
1078
  --border: var(--hop-Button-ghost-danger-border-disabled);
1076
1079
  }
1077
- .Button-module__hop-Button--ghost-danger___kmhtH[data-hovered]:not([data-disabled], [data-loading]),
1078
- .Button-module__hop-Button--ghost-danger___kmhtH[data-focus-visible]:not([data-disabled], [data-loading]) {
1080
+ .Button-module__hop-Button--ghost-danger___dzKiM[data-hovered]:not([data-disabled], [data-loading]),
1081
+ .Button-module__hop-Button--ghost-danger___dzKiM[data-focus-visible]:not([data-disabled], [data-loading]) {
1079
1082
  --background-color: var(--hop-Button-ghost-danger-background-color-hover);
1080
1083
  --color: var(--hop-Button-ghost-danger-color-hover);
1081
1084
  --border: var(--hop-Button-ghost-danger-border-hover);
1082
1085
  }
1083
- .Button-module__hop-Button--ghost-danger___kmhtH[data-pressed]:not([data-loading]) {
1086
+ .Button-module__hop-Button--ghost-danger___dzKiM[data-pressed]:not([data-loading]) {
1084
1087
  --background-color: var(--hop-Button-ghost-danger-background-color-pressed);
1085
1088
  --color: var(--hop-Button-ghost-danger-color-pressed);
1086
1089
  --border: var(--hop-Button-ghost-danger-border-pressed);
1087
1090
  }
1088
- .Button-module__hop-Button__Spinner___ZnVVk {
1091
+ .Button-module__hop-Button__Spinner___vlV36 {
1089
1092
  position: absolute;
1090
- justify-self: center;
1091
1093
  color: var(--spinner-color);
1092
1094
  }
1093
- .Button-module__hop-Button__icon___xb5IF,
1094
- .Button-module__hop-Button__icon-list___fh4aX {
1095
- grid-area: start-icon;
1095
+ .Button-module__hop-Button__icon___lVHsd,
1096
+ .Button-module__hop-Button__icon-list___UO6Jd {
1097
+ flex: 0 0 auto;
1096
1098
  justify-self: end;
1099
+ order: 1;
1097
1100
  }
1098
- .Button-module__hop-Button__text___3bwzH {
1101
+ .Button-module__hop-Button__text___-uwhc {
1099
1102
  user-select: none;
1100
1103
  overflow: visible;
1101
- grid-area: content;
1104
+ flex: 0 1 auto;
1105
+ order: 2;
1102
1106
  font-weight: var(--hop-font-weight-505);
1103
1107
  text-wrap: nowrap;
1104
1108
  }
1105
- .Button-module__hop-Button--ghost-primary___emXc1[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___3bwzH,
1106
- .Button-module__hop-Button--ghost-secondary___3LQQY[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___3bwzH,
1107
- .Button-module__hop-Button--ghost-danger___kmhtH[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___3bwzH,
1108
- .Button-module__hop-Button--ghost-primary___emXc1[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___3bwzH,
1109
- .Button-module__hop-Button--ghost-secondary___3LQQY[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___3bwzH,
1110
- .Button-module__hop-Button--ghost-danger___kmhtH[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___3bwzH,
1111
- .Button-module__hop-Button--ghost-primary___emXc1[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___3bwzH,
1112
- .Button-module__hop-Button--ghost-secondary___3LQQY[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___3bwzH,
1113
- .Button-module__hop-Button--ghost-danger___kmhtH[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___3bwzH {
1109
+ .Button-module__hop-Button--ghost-primary___ZH-FY[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___-uwhc,
1110
+ .Button-module__hop-Button--ghost-secondary___rcqAj[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___-uwhc,
1111
+ .Button-module__hop-Button--ghost-danger___dzKiM[data-hovered]:not([data-loading]) .Button-module__hop-Button__text___-uwhc,
1112
+ .Button-module__hop-Button--ghost-primary___ZH-FY[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___-uwhc,
1113
+ .Button-module__hop-Button--ghost-secondary___rcqAj[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___-uwhc,
1114
+ .Button-module__hop-Button--ghost-danger___dzKiM[data-pressed]:not([data-loading]) .Button-module__hop-Button__text___-uwhc,
1115
+ .Button-module__hop-Button--ghost-primary___ZH-FY[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___-uwhc,
1116
+ .Button-module__hop-Button--ghost-secondary___rcqAj[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___-uwhc,
1117
+ .Button-module__hop-Button--ghost-danger___dzKiM[data-focus-visible]:not([data-loading]) .Button-module__hop-Button__text___-uwhc {
1114
1118
  text-decoration: underline;
1115
1119
  text-underline-offset: 0.125rem;
1116
1120
  }
1117
- .Button-module__hop-Button__end-icon___ibbEF,
1118
- .Button-module__hop-Button__end-icon-list___jZX43 {
1119
- grid-area: end-icon;
1121
+ .Button-module__hop-Button__end-icon___OizU3,
1122
+ .Button-module__hop-Button__end-icon-list___DASVK {
1123
+ flex: 0 0 auto;
1124
+ order: 3;
1120
1125
  }
1121
- .Button-module__hop-Button___3R65p .Button-module__hop-Button__icon-list___fh4aX,
1122
- .Button-module__hop-Button___3R65p .Button-module__hop-Button__end-icon-list___jZX43 {
1126
+ .Button-module__hop-Button___zGXVn .Button-module__hop-Button__icon-list___UO6Jd,
1127
+ .Button-module__hop-Button___zGXVn .Button-module__hop-Button__end-icon-list___DASVK {
1123
1128
  flex-wrap: nowrap;
1124
1129
  }
1125
- .Button-module__hop-Button___3R65p[data-loading] > *:not(.Button-module__hop-Button__Spinner___ZnVVk) {
1130
+ .Button-module__hop-Button___zGXVn[data-loading] > *:not(.Button-module__hop-Button__Spinner___vlV36) {
1126
1131
  opacity: 0;
1127
1132
  }
1128
1133
 
1129
1134
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/ButtonGroup.module.css/#css-module-data */
1130
- .ButtonGroup-module__hop-ButtonGroup___ELNL5 {
1135
+ .ButtonGroup-module__hop-ButtonGroup___aXxFz {
1131
1136
  display: inline-flex;
1132
1137
  flex-wrap: nowrap;
1133
1138
  gap: var(--hop-space-inline-md);
1134
1139
  }
1135
- .ButtonGroup-module__hop-ButtonGroup--horizontal___OSyIX {
1136
- justify-content: center;
1140
+ .ButtonGroup-module__hop-ButtonGroup--horizontal___CFqGx {
1141
+ align-items: center;
1137
1142
  }
1138
- .ButtonGroup-module__hop-ButtonGroup--vertical___nHPyg {
1143
+ .ButtonGroup-module__hop-ButtonGroup--vertical___ikqf4 {
1139
1144
  flex-direction: column;
1140
1145
  gap: var(--hop-space-stack-md);
1141
- align-items: center;
1146
+ justify-content: center;
1142
1147
  }
1143
- .ButtonGroup-module__hop-ButtonGroup--start___4iro6.ButtonGroup-module__hop-ButtonGroup--vertical___nHPyg {
1148
+ .ButtonGroup-module__hop-ButtonGroup--start___pxcPE.ButtonGroup-module__hop-ButtonGroup--vertical___ikqf4 {
1144
1149
  align-items: flex-start;
1145
1150
  }
1146
- .ButtonGroup-module__hop-ButtonGroup--center___tORzj.ButtonGroup-module__hop-ButtonGroup--vertical___nHPyg {
1151
+ .ButtonGroup-module__hop-ButtonGroup--center___Kh4JU.ButtonGroup-module__hop-ButtonGroup--vertical___ikqf4 {
1147
1152
  align-items: center;
1148
1153
  }
1149
- .ButtonGroup-module__hop-ButtonGroup--end___GrDvb.ButtonGroup-module__hop-ButtonGroup--vertical___nHPyg {
1154
+ .ButtonGroup-module__hop-ButtonGroup--end___u3xSX.ButtonGroup-module__hop-ButtonGroup--vertical___ikqf4 {
1150
1155
  align-items: flex-end;
1151
1156
  }
1152
- .ButtonGroup-module__hop-ButtonGroup--start___4iro6.ButtonGroup-module__hop-ButtonGroup--horizontal___OSyIX {
1157
+ .ButtonGroup-module__hop-ButtonGroup--start___pxcPE.ButtonGroup-module__hop-ButtonGroup--horizontal___CFqGx {
1153
1158
  justify-content: flex-start;
1154
1159
  }
1155
- .ButtonGroup-module__hop-ButtonGroup--center___tORzj.ButtonGroup-module__hop-ButtonGroup--horizontal___OSyIX {
1160
+ .ButtonGroup-module__hop-ButtonGroup--center___Kh4JU.ButtonGroup-module__hop-ButtonGroup--horizontal___CFqGx {
1156
1161
  justify-content: center;
1157
1162
  }
1158
- .ButtonGroup-module__hop-ButtonGroup--end___GrDvb.ButtonGroup-module__hop-ButtonGroup--horizontal___OSyIX {
1163
+ .ButtonGroup-module__hop-ButtonGroup--end___u3xSX.ButtonGroup-module__hop-ButtonGroup--horizontal___CFqGx {
1159
1164
  justify-content: flex-end;
1160
1165
  }
1161
- .ButtonGroup-module__hop-ButtonGroup--wrap___BjSg- {
1166
+ .ButtonGroup-module__hop-ButtonGroup--wrap___KmnF9 {
1162
1167
  flex-wrap: wrap;
1163
1168
  }
1164
- .ButtonGroup-module__hop-ButtonGroup--fluid___gj54a {
1169
+ .ButtonGroup-module__hop-ButtonGroup--fluid___cCexy {
1165
1170
  inline-size: 100%;
1166
1171
  }
1167
1172
 
1168
1173
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/buttons/src/EmbeddedButton.module.css/#css-module-data */
1169
- .EmbeddedButton-module__hop-EmbeddedButton___GBGHc {
1174
+ .EmbeddedButton-module__hop-EmbeddedButton___rSt9k {
1170
1175
  --hop-EmbeddedButton-border-radius: var(--hop-shape-rounded-md);
1171
1176
  --hop-EmbeddedButton-focus-ring-color: var(--hop-primary-border-focus);
1172
1177
  --hop-EmbeddedButton-effect-border-radius: var(--hop-shape-circle);
@@ -1330,7 +1335,7 @@
1330
1335
  outline: none;
1331
1336
  transition: color var(--transition);
1332
1337
  }
1333
- .EmbeddedButton-module__hop-EmbeddedButton___GBGHc::before {
1338
+ .EmbeddedButton-module__hop-EmbeddedButton___rSt9k::before {
1334
1339
  content: "";
1335
1340
  position: absolute;
1336
1341
  inset-block-start: 50%;
@@ -1343,284 +1348,284 @@
1343
1348
  border-radius: var(--effect-border-radius);
1344
1349
  transition: background-color var(--transition);
1345
1350
  }
1346
- .EmbeddedButton-module__hop-EmbeddedButton___GBGHc[data-square] {
1351
+ .EmbeddedButton-module__hop-EmbeddedButton___rSt9k[data-square] {
1347
1352
  --effect-border-radius: var(--hop-EmbeddedButton-effect-square-border-radius);
1348
1353
  }
1349
- .EmbeddedButton-module__hop-EmbeddedButton--md___tXAvq {
1354
+ .EmbeddedButton-module__hop-EmbeddedButton--md___tja1j {
1350
1355
  --inline-size: var(--hop-EmbeddedButton-md-width);
1351
1356
  --block-size: var(--hop-EmbeddedButton-md-height);
1352
1357
  --focus-ring-offset: calc(-1 * var(--focus-ring-size));
1353
1358
  }
1354
- .EmbeddedButton-module__hop-EmbeddedButton--lg___9RqH5 {
1359
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___4Qi5j {
1355
1360
  --inline-size: var(--hop-EmbeddedButton-lg-width);
1356
1361
  --block-size: var(--hop-EmbeddedButton-lg-height);
1357
1362
  --focus-ring-offset: 0;
1358
1363
  }
1359
- .EmbeddedButton-module__hop-EmbeddedButton--md___tXAvq::before {
1364
+ .EmbeddedButton-module__hop-EmbeddedButton--md___tja1j::before {
1360
1365
  --effect-inline-size: var(--hop-EmbeddedButton-md-effect-width);
1361
1366
  --effect-block-size: var(--hop-EmbeddedButton-md-effect-height);
1362
1367
  }
1363
- .EmbeddedButton-module__hop-EmbeddedButton--lg___9RqH5::before {
1368
+ .EmbeddedButton-module__hop-EmbeddedButton--lg___4Qi5j::before {
1364
1369
  --effect-inline-size: var(--hop-EmbeddedButton-lg-effect-width);
1365
1370
  --effect-block-size: var(--hop-EmbeddedButton-lg-effect-height);
1366
1371
  }
1367
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___6nkWo {
1372
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___krHs3 {
1368
1373
  --color: var(--hop-EmbeddedButton-neutral-color);
1369
1374
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color);
1370
1375
  }
1371
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___PzFVu {
1376
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___3-rGe {
1372
1377
  --color: var(--hop-EmbeddedButton-subdued-color);
1373
1378
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color);
1374
1379
  }
1375
- .EmbeddedButton-module__hop-EmbeddedButton--progress___DsXR- {
1380
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___S-exF {
1376
1381
  --color: var(--hop-EmbeddedButton-progress-color);
1377
1382
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color);
1378
1383
  }
1379
- .EmbeddedButton-module__hop-EmbeddedButton--positive___Ir94W {
1384
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___J3D37 {
1380
1385
  --color: var(--hop-EmbeddedButton-positive-color);
1381
1386
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color);
1382
1387
  }
1383
- .EmbeddedButton-module__hop-EmbeddedButton--caution___qOHI7 {
1388
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___eRAWS {
1384
1389
  --color: var(--hop-EmbeddedButton-caution-color);
1385
1390
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color);
1386
1391
  }
1387
- .EmbeddedButton-module__hop-EmbeddedButton--negative___kebHl {
1392
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___cCfDO {
1388
1393
  --color: var(--hop-EmbeddedButton-negative-color);
1389
1394
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color);
1390
1395
  }
1391
- .EmbeddedButton-module__hop-EmbeddedButton--option1___4OhSd {
1396
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___6A9lT {
1392
1397
  --color: var(--hop-EmbeddedButton-option1-color);
1393
1398
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color);
1394
1399
  }
1395
- .EmbeddedButton-module__hop-EmbeddedButton--option2___oYsV9 {
1400
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___eI8gH {
1396
1401
  --color: var(--hop-EmbeddedButton-option2-color);
1397
1402
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color);
1398
1403
  }
1399
- .EmbeddedButton-module__hop-EmbeddedButton--option3___F7PgH {
1404
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___Tr-a- {
1400
1405
  --color: var(--hop-EmbeddedButton-option3-color);
1401
1406
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color);
1402
1407
  }
1403
- .EmbeddedButton-module__hop-EmbeddedButton--option4___dvFIz {
1408
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___7cSS2 {
1404
1409
  --color: var(--hop-EmbeddedButton-option4-color);
1405
1410
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color);
1406
1411
  }
1407
- .EmbeddedButton-module__hop-EmbeddedButton--option5___Ruluj {
1412
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___Pm3D3 {
1408
1413
  --color: var(--hop-EmbeddedButton-option5-color);
1409
1414
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color);
1410
1415
  }
1411
- .EmbeddedButton-module__hop-EmbeddedButton--option6___fX8pn {
1416
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___gViHX {
1412
1417
  --color: var(--hop-EmbeddedButton-option6-color);
1413
1418
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color);
1414
1419
  }
1415
- .EmbeddedButton-module__hop-EmbeddedButton___GBGHc[data-selected] {
1420
+ .EmbeddedButton-module__hop-EmbeddedButton___rSt9k[data-selected] {
1416
1421
  --color: var(--hop-EmbeddedButton-selected-color);
1417
1422
  --effect-background-color: var(--hop-EmbeddedButton-selected-effect-background-color);
1418
1423
  }
1419
- .EmbeddedButton-module__hop-EmbeddedButton___GBGHc[data-focus-visible] {
1424
+ .EmbeddedButton-module__hop-EmbeddedButton___rSt9k[data-focus-visible] {
1420
1425
  outline: var(--focus-ring-size) solid var(--hop-EmbeddedButton-focus-ring-color);
1421
1426
  outline-offset: var(--focus-ring-offset);
1422
1427
  }
1423
- .EmbeddedButton-module__hop-EmbeddedButton___GBGHc[data-disabled] {
1428
+ .EmbeddedButton-module__hop-EmbeddedButton___rSt9k[data-disabled] {
1424
1429
  cursor: not-allowed;
1425
1430
  }
1426
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___6nkWo[data-hovered] {
1431
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___krHs3[data-hovered] {
1427
1432
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-hovered);
1428
1433
  --color: var(--hop-EmbeddedButton-neutral-color-hovered);
1429
1434
  }
1430
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___6nkWo[data-focus-visible] {
1435
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___krHs3[data-focus-visible] {
1431
1436
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-focused);
1432
1437
  --color: var(--hop-EmbeddedButton-neutral-color-focused);
1433
1438
  }
1434
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___6nkWo[data-pressed] {
1439
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___krHs3[data-pressed] {
1435
1440
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-pressed);
1436
1441
  --color: var(--hop-EmbeddedButton-neutral-color-pressed);
1437
1442
  }
1438
- .EmbeddedButton-module__hop-EmbeddedButton--neutral___6nkWo[data-disabled] {
1443
+ .EmbeddedButton-module__hop-EmbeddedButton--neutral___krHs3[data-disabled] {
1439
1444
  --effect-background-color: var(--hop-EmbeddedButton-neutral-effect-background-color-disabled);
1440
1445
  --color: var(--hop-EmbeddedButton-neutral-color-disabled);
1441
1446
  }
1442
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___PzFVu[data-hovered] {
1447
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___3-rGe[data-hovered] {
1443
1448
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-hovered);
1444
1449
  --color: var(--hop-EmbeddedButton-subdued-color-hovered);
1445
1450
  }
1446
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___PzFVu[data-focus-visible] {
1451
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___3-rGe[data-focus-visible] {
1447
1452
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-focused);
1448
1453
  --color: var(--hop-EmbeddedButton-subdued-color-focused);
1449
1454
  }
1450
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___PzFVu[data-pressed] {
1455
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___3-rGe[data-pressed] {
1451
1456
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-pressed);
1452
1457
  --color: var(--hop-EmbeddedButton-subdued-color-pressed);
1453
1458
  }
1454
- .EmbeddedButton-module__hop-EmbeddedButton--subdued___PzFVu[data-disabled] {
1459
+ .EmbeddedButton-module__hop-EmbeddedButton--subdued___3-rGe[data-disabled] {
1455
1460
  --effect-background-color: var(--hop-EmbeddedButton-subdued-effect-background-color-disabled);
1456
1461
  --color: var(--hop-EmbeddedButton-subdued-color-disabled);
1457
1462
  }
1458
- .EmbeddedButton-module__hop-EmbeddedButton--progress___DsXR-[data-hovered] {
1463
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___S-exF[data-hovered] {
1459
1464
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-hovered);
1460
1465
  --color: var(--hop-EmbeddedButton-progress-color-hovered);
1461
1466
  }
1462
- .EmbeddedButton-module__hop-EmbeddedButton--progress___DsXR-[data-focus-visible] {
1467
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___S-exF[data-focus-visible] {
1463
1468
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-focused);
1464
1469
  --color: var(--hop-EmbeddedButton-progress-color-focused);
1465
1470
  }
1466
- .EmbeddedButton-module__hop-EmbeddedButton--progress___DsXR-[data-pressed] {
1471
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___S-exF[data-pressed] {
1467
1472
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-pressed);
1468
1473
  --color: var(--hop-EmbeddedButton-progress-color-pressed);
1469
1474
  }
1470
- .EmbeddedButton-module__hop-EmbeddedButton--progress___DsXR-[data-disabled] {
1475
+ .EmbeddedButton-module__hop-EmbeddedButton--progress___S-exF[data-disabled] {
1471
1476
  --effect-background-color: var(--hop-EmbeddedButton-progress-effect-background-color-disabled);
1472
1477
  --color: var(--hop-EmbeddedButton-progress-color-disabled);
1473
1478
  }
1474
- .EmbeddedButton-module__hop-EmbeddedButton--positive___Ir94W[data-hovered] {
1479
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___J3D37[data-hovered] {
1475
1480
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-hovered);
1476
1481
  --color: var(--hop-EmbeddedButton-positive-color-hovered);
1477
1482
  }
1478
- .EmbeddedButton-module__hop-EmbeddedButton--positive___Ir94W[data-focus-visible] {
1483
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___J3D37[data-focus-visible] {
1479
1484
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-focused);
1480
1485
  --color: var(--hop-EmbeddedButton-positive-color-focused);
1481
1486
  }
1482
- .EmbeddedButton-module__hop-EmbeddedButton--positive___Ir94W[data-pressed] {
1487
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___J3D37[data-pressed] {
1483
1488
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-pressed);
1484
1489
  --color: var(--hop-EmbeddedButton-positive-color-pressed);
1485
1490
  }
1486
- .EmbeddedButton-module__hop-EmbeddedButton--positive___Ir94W[data-disabled] {
1491
+ .EmbeddedButton-module__hop-EmbeddedButton--positive___J3D37[data-disabled] {
1487
1492
  --effect-background-color: var(--hop-EmbeddedButton-positive-effect-background-color-disabled);
1488
1493
  --color: var(--hop-EmbeddedButton-positive-color-disabled);
1489
1494
  }
1490
- .EmbeddedButton-module__hop-EmbeddedButton--caution___qOHI7[data-hovered] {
1495
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___eRAWS[data-hovered] {
1491
1496
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-hovered);
1492
1497
  --color: var(--hop-EmbeddedButton-caution-color-hovered);
1493
1498
  }
1494
- .EmbeddedButton-module__hop-EmbeddedButton--caution___qOHI7[data-focus-visible] {
1499
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___eRAWS[data-focus-visible] {
1495
1500
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-focused);
1496
1501
  --color: var(--hop-EmbeddedButton-caution-color-focused);
1497
1502
  }
1498
- .EmbeddedButton-module__hop-EmbeddedButton--caution___qOHI7[data-pressed] {
1503
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___eRAWS[data-pressed] {
1499
1504
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-pressed);
1500
1505
  --color: var(--hop-EmbeddedButton-caution-color-pressed);
1501
1506
  }
1502
- .EmbeddedButton-module__hop-EmbeddedButton--caution___qOHI7[data-disabled] {
1507
+ .EmbeddedButton-module__hop-EmbeddedButton--caution___eRAWS[data-disabled] {
1503
1508
  --effect-background-color: var(--hop-EmbeddedButton-caution-effect-background-color-disabled);
1504
1509
  --color: var(--hop-EmbeddedButton-caution-color-disabled);
1505
1510
  }
1506
- .EmbeddedButton-module__hop-EmbeddedButton--negative___kebHl[data-hovered] {
1511
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___cCfDO[data-hovered] {
1507
1512
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-hovered);
1508
1513
  --color: var(--hop-EmbeddedButton-negative-color-hovered);
1509
1514
  }
1510
- .EmbeddedButton-module__hop-EmbeddedButton--negative___kebHl[data-focus-visible] {
1515
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___cCfDO[data-focus-visible] {
1511
1516
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-focused);
1512
1517
  --color: var(--hop-EmbeddedButton-negative-color-focused);
1513
1518
  }
1514
- .EmbeddedButton-module__hop-EmbeddedButton--negative___kebHl[data-pressed] {
1519
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___cCfDO[data-pressed] {
1515
1520
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-pressed);
1516
1521
  --color: var(--hop-EmbeddedButton-negative-color-pressed);
1517
1522
  }
1518
- .EmbeddedButton-module__hop-EmbeddedButton--negative___kebHl[data-disabled] {
1523
+ .EmbeddedButton-module__hop-EmbeddedButton--negative___cCfDO[data-disabled] {
1519
1524
  --effect-background-color: var(--hop-EmbeddedButton-negative-effect-background-color-disabled);
1520
1525
  --color: var(--hop-EmbeddedButton-negative-color-disabled);
1521
1526
  }
1522
- .EmbeddedButton-module__hop-EmbeddedButton--option1___4OhSd[data-hovered] {
1527
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___6A9lT[data-hovered] {
1523
1528
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-hovered);
1524
1529
  --color: var(--hop-EmbeddedButton-option1-color-hovered);
1525
1530
  }
1526
- .EmbeddedButton-module__hop-EmbeddedButton--option1___4OhSd[data-focus-visible] {
1531
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___6A9lT[data-focus-visible] {
1527
1532
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-focused);
1528
1533
  --color: var(--hop-EmbeddedButton-option1-color-focused);
1529
1534
  }
1530
- .EmbeddedButton-module__hop-EmbeddedButton--option1___4OhSd[data-pressed] {
1535
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___6A9lT[data-pressed] {
1531
1536
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-pressed);
1532
1537
  --color: var(--hop-EmbeddedButton-option1-color-pressed);
1533
1538
  }
1534
- .EmbeddedButton-module__hop-EmbeddedButton--option1___4OhSd[data-disabled] {
1539
+ .EmbeddedButton-module__hop-EmbeddedButton--option1___6A9lT[data-disabled] {
1535
1540
  --effect-background-color: var(--hop-EmbeddedButton-option1-effect-background-color-disabled);
1536
1541
  --color: var(--hop-EmbeddedButton-option1-color-disabled);
1537
1542
  }
1538
- .EmbeddedButton-module__hop-EmbeddedButton--option2___oYsV9[data-hovered] {
1543
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___eI8gH[data-hovered] {
1539
1544
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-hovered);
1540
1545
  --color: var(--hop-EmbeddedButton-option2-color-hovered);
1541
1546
  }
1542
- .EmbeddedButton-module__hop-EmbeddedButton--option2___oYsV9[data-focus-visible] {
1547
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___eI8gH[data-focus-visible] {
1543
1548
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-focused);
1544
1549
  --color: var(--hop-EmbeddedButton-option2-color-focused);
1545
1550
  }
1546
- .EmbeddedButton-module__hop-EmbeddedButton--option2___oYsV9[data-pressed] {
1551
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___eI8gH[data-pressed] {
1547
1552
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-pressed);
1548
1553
  --color: var(--hop-EmbeddedButton-option2-color-pressed);
1549
1554
  }
1550
- .EmbeddedButton-module__hop-EmbeddedButton--option2___oYsV9[data-disabled] {
1555
+ .EmbeddedButton-module__hop-EmbeddedButton--option2___eI8gH[data-disabled] {
1551
1556
  --effect-background-color: var(--hop-EmbeddedButton-option2-effect-background-color-disabled);
1552
1557
  --color: var(--hop-EmbeddedButton-option2-color-disabled);
1553
1558
  }
1554
- .EmbeddedButton-module__hop-EmbeddedButton--option3___F7PgH[data-hovered] {
1559
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___Tr-a-[data-hovered] {
1555
1560
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-hovered);
1556
1561
  --color: var(--hop-EmbeddedButton-option3-color-hovered);
1557
1562
  }
1558
- .EmbeddedButton-module__hop-EmbeddedButton--option3___F7PgH[data-focus-visible] {
1563
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___Tr-a-[data-focus-visible] {
1559
1564
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-focused);
1560
1565
  --color: var(--hop-EmbeddedButton-option3-color-focused);
1561
1566
  }
1562
- .EmbeddedButton-module__hop-EmbeddedButton--option3___F7PgH[data-pressed] {
1567
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___Tr-a-[data-pressed] {
1563
1568
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-pressed);
1564
1569
  --color: var(--hop-EmbeddedButton-option3-color-pressed);
1565
1570
  }
1566
- .EmbeddedButton-module__hop-EmbeddedButton--option3___F7PgH[data-disabled] {
1571
+ .EmbeddedButton-module__hop-EmbeddedButton--option3___Tr-a-[data-disabled] {
1567
1572
  --effect-background-color: var(--hop-EmbeddedButton-option3-effect-background-color-disabled);
1568
1573
  --color: var(--hop-EmbeddedButton-option3-color-disabled);
1569
1574
  }
1570
- .EmbeddedButton-module__hop-EmbeddedButton--option4___dvFIz[data-hovered] {
1575
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___7cSS2[data-hovered] {
1571
1576
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-hovered);
1572
1577
  --color: var(--hop-EmbeddedButton-option4-color-hovered);
1573
1578
  }
1574
- .EmbeddedButton-module__hop-EmbeddedButton--option4___dvFIz[data-focus-visible] {
1579
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___7cSS2[data-focus-visible] {
1575
1580
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-focused);
1576
1581
  --color: var(--hop-EmbeddedButton-option4-color-focused);
1577
1582
  }
1578
- .EmbeddedButton-module__hop-EmbeddedButton--option4___dvFIz[data-pressed] {
1583
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___7cSS2[data-pressed] {
1579
1584
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-pressed);
1580
1585
  --color: var(--hop-EmbeddedButton-option4-color-pressed);
1581
1586
  }
1582
- .EmbeddedButton-module__hop-EmbeddedButton--option4___dvFIz[data-disabled] {
1587
+ .EmbeddedButton-module__hop-EmbeddedButton--option4___7cSS2[data-disabled] {
1583
1588
  --effect-background-color: var(--hop-EmbeddedButton-option4-effect-background-color-disabled);
1584
1589
  --color: var(--hop-EmbeddedButton-option4-color-disabled);
1585
1590
  }
1586
- .EmbeddedButton-module__hop-EmbeddedButton--option5___Ruluj[data-hovered] {
1591
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___Pm3D3[data-hovered] {
1587
1592
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-hovered);
1588
1593
  --color: var(--hop-EmbeddedButton-option5-color-hovered);
1589
1594
  }
1590
- .EmbeddedButton-module__hop-EmbeddedButton--option5___Ruluj[data-focus-visible] {
1595
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___Pm3D3[data-focus-visible] {
1591
1596
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-focused);
1592
1597
  --color: var(--hop-EmbeddedButton-option5-color-focused);
1593
1598
  }
1594
- .EmbeddedButton-module__hop-EmbeddedButton--option5___Ruluj[data-pressed] {
1599
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___Pm3D3[data-pressed] {
1595
1600
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-pressed);
1596
1601
  --color: var(--hop-EmbeddedButton-option5-color-pressed);
1597
1602
  }
1598
- .EmbeddedButton-module__hop-EmbeddedButton--option5___Ruluj[data-disabled] {
1603
+ .EmbeddedButton-module__hop-EmbeddedButton--option5___Pm3D3[data-disabled] {
1599
1604
  --effect-background-color: var(--hop-EmbeddedButton-option5-effect-background-color-disabled);
1600
1605
  --color: var(--hop-EmbeddedButton-option5-color-disabled);
1601
1606
  }
1602
- .EmbeddedButton-module__hop-EmbeddedButton--option6___fX8pn[data-hovered] {
1607
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___gViHX[data-hovered] {
1603
1608
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-hovered);
1604
1609
  --color: var(--hop-EmbeddedButton-option6-color-hovered);
1605
1610
  }
1606
- .EmbeddedButton-module__hop-EmbeddedButton--option6___fX8pn[data-focus-visible] {
1611
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___gViHX[data-focus-visible] {
1607
1612
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-focused);
1608
1613
  --color: var(--hop-EmbeddedButton-option6-color-focused);
1609
1614
  }
1610
- .EmbeddedButton-module__hop-EmbeddedButton--option6___fX8pn[data-pressed] {
1615
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___gViHX[data-pressed] {
1611
1616
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-pressed);
1612
1617
  --color: var(--hop-EmbeddedButton-option6-color-pressed);
1613
1618
  }
1614
- .EmbeddedButton-module__hop-EmbeddedButton--option6___fX8pn[data-disabled] {
1619
+ .EmbeddedButton-module__hop-EmbeddedButton--option6___gViHX[data-disabled] {
1615
1620
  --effect-background-color: var(--hop-EmbeddedButton-option6-effect-background-color-disabled);
1616
1621
  --color: var(--hop-EmbeddedButton-option6-color-disabled);
1617
1622
  }
1618
- .EmbeddedButton-module__hop-EmbeddedButton__icon___3N3L0 {
1623
+ .EmbeddedButton-module__hop-EmbeddedButton__icon___Qj1Ep {
1619
1624
  position: relative;
1620
1625
  }
1621
1626
 
1622
1627
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/Tag.module.css/#css-module-data */
1623
- .Tag-module__hop-Tag___1zuhV {
1628
+ .Tag-module__hop-Tag___H9HH6 {
1624
1629
  --hop-Tag-border-size: 0.0625rem;
1625
1630
  --hop-Tag-border-radius: var(--hop-shape-pill);
1626
1631
  --hop-Tag-sm-block-size: 1.25rem;
@@ -1859,7 +1864,7 @@
1859
1864
  outline: none;
1860
1865
  outline-offset: 0.125rem;
1861
1866
  }
1862
- .Tag-module__hop-Tag--sm___9Gsrt {
1867
+ .Tag-module__hop-Tag--sm___de-n0 {
1863
1868
  --block-size: var(--hop-Tag-sm-block-size);
1864
1869
  --padding-inline: var(--hop-Tag-sm-padding-inline);
1865
1870
  --column-gap: var(--hop-Tag-sm-column-gap);
@@ -1867,13 +1872,13 @@
1867
1872
  --avatar-margin-inline-start: var(--hop-Tag-sm-avatar-margin-inline-start);
1868
1873
  --spinner-margin-inline-end: var(--hop-Tag-sm-spinner-margin-inline-end);
1869
1874
  }
1870
- .Tag-module__hop-Tag--sm___9Gsrt:not(:has(.Tag-module__hop-Tag__remove-btn___jB2sk, .Tag-module__hop-Tag__Spinner___WgYSX)) {
1875
+ .Tag-module__hop-Tag--sm___de-n0:not(:has(.Tag-module__hop-Tag__remove-btn___Oe90Q, .Tag-module__hop-Tag__Spinner___pozOl)) {
1871
1876
  --badge-margin-inline-end: var(--hop-Tag-sm-badge-margin-inline-end);
1872
1877
  }
1873
- .Tag-module__hop-Tag--sm___9Gsrt:not(:has(.Tag-module__hop-Tag__avatar___-TOrs)) {
1878
+ .Tag-module__hop-Tag--sm___de-n0:not(:has(.Tag-module__hop-Tag__avatar___5Yqi1)) {
1874
1879
  --icon-margin-inline-start: var(--hop-Tag-sm-icon-margin-inline-start);
1875
1880
  }
1876
- .Tag-module__hop-Tag--md___pMwhv {
1881
+ .Tag-module__hop-Tag--md___hlkEy {
1877
1882
  --block-size: var(--hop-Tag-md-block-size);
1878
1883
  --padding-inline: var(--hop-Tag-md-padding-inline);
1879
1884
  --column-gap: var(--hop-Tag-md-column-gap);
@@ -1881,13 +1886,13 @@
1881
1886
  --avatar-margin-inline-start: var(--hop-Tag-md-avatar-margin-inline-start);
1882
1887
  --spinner-margin-inline-end: var(--hop-Tag-md-spinner-margin-inline-end);
1883
1888
  }
1884
- .Tag-module__hop-Tag--md___pMwhv:not(:has(.Tag-module__hop-Tag__remove-btn___jB2sk, .Tag-module__hop-Tag__Spinner___WgYSX)) {
1889
+ .Tag-module__hop-Tag--md___hlkEy:not(:has(.Tag-module__hop-Tag__remove-btn___Oe90Q, .Tag-module__hop-Tag__Spinner___pozOl)) {
1885
1890
  --badge-margin-inline-end: var(--hop-Tag-md-badge-margin-inline-end);
1886
1891
  }
1887
- .Tag-module__hop-Tag--md___pMwhv:not(:has(.Tag-module__hop-Tag__avatar___-TOrs)) {
1892
+ .Tag-module__hop-Tag--md___hlkEy:not(:has(.Tag-module__hop-Tag__avatar___5Yqi1)) {
1888
1893
  --icon-margin-inline-start: var(--hop-Tag-md-icon-margin-inline-start);
1889
1894
  }
1890
- .Tag-module__hop-Tag--lg___5L2qN {
1895
+ .Tag-module__hop-Tag--lg___prONh {
1891
1896
  --block-size: var(--hop-Tag-lg-block-size);
1892
1897
  --padding-inline: var(--hop-Tag-lg-padding-inline);
1893
1898
  --column-gap: var(--hop-Tag-lg-column-gap);
@@ -1895,348 +1900,348 @@
1895
1900
  --avatar-margin-inline-start: var(--hop-Tag-lg-avatar-margin-inline-start);
1896
1901
  --spinner-margin-inline-end: var(--hop-Tag-lg-spinner-margin-inline-end);
1897
1902
  }
1898
- .Tag-module__hop-Tag--lg___5L2qN:not(:has(.Tag-module__hop-Tag__remove-btn___jB2sk, .Tag-module__hop-Tag__Spinner___WgYSX)) {
1903
+ .Tag-module__hop-Tag--lg___prONh:not(:has(.Tag-module__hop-Tag__remove-btn___Oe90Q, .Tag-module__hop-Tag__Spinner___pozOl)) {
1899
1904
  --badge-margin-inline-end: var(--hop-Tag-lg-badge-margin-inline-end);
1900
1905
  }
1901
- .Tag-module__hop-Tag--lg___5L2qN:not(:has(.Tag-module__hop-Tag__avatar___-TOrs)) {
1906
+ .Tag-module__hop-Tag--lg___prONh:not(:has(.Tag-module__hop-Tag__avatar___5Yqi1)) {
1902
1907
  --icon-margin-inline-start: var(--hop-Tag-lg-icon-margin-inline-start);
1903
1908
  }
1904
- .Tag-module__hop-Tag--neutral___-hfFU {
1909
+ .Tag-module__hop-Tag--neutral___-cIxk {
1905
1910
  --border-color: var(--hop-Tag-neutral-border-color);
1906
1911
  --background-color: var(--hop-Tag-neutral-background-color);
1907
1912
  --text-color: var(--hop-Tag-neutral-text-color);
1908
1913
  }
1909
- .Tag-module__hop-Tag--subdued___2aqW7 {
1914
+ .Tag-module__hop-Tag--subdued___p4Z9E {
1910
1915
  --border-color: var(--hop-Tag-subdued-border-color);
1911
1916
  --background-color: var(--hop-Tag-subdued-background-color);
1912
1917
  --text-color: var(--hop-Tag-subdued-text-color);
1913
1918
  }
1914
- .Tag-module__hop-Tag--progress___naYse {
1919
+ .Tag-module__hop-Tag--progress___KWdZf {
1915
1920
  --border-color: var(--hop-Tag-progress-border-color);
1916
1921
  --background-color: var(--hop-Tag-progress-background-color);
1917
1922
  --text-color: var(--hop-Tag-progress-text-color);
1918
1923
  }
1919
- .Tag-module__hop-Tag--positive___qItG3 {
1924
+ .Tag-module__hop-Tag--positive___KjyTT {
1920
1925
  --border-color: var(--hop-Tag-positive-border-color);
1921
1926
  --background-color: var(--hop-Tag-positive-background-color);
1922
1927
  --text-color: var(--hop-Tag-positive-text-color);
1923
1928
  }
1924
- .Tag-module__hop-Tag--caution___9nBEB {
1929
+ .Tag-module__hop-Tag--caution___dVmQq {
1925
1930
  --border-color: var(--hop-Tag-caution-border-color);
1926
1931
  --background-color: var(--hop-Tag-caution-background-color);
1927
1932
  --text-color: var(--hop-Tag-caution-text-color);
1928
1933
  }
1929
- .Tag-module__hop-Tag--negative___GQW9X {
1934
+ .Tag-module__hop-Tag--negative___s7zTS {
1930
1935
  --border-color: var(--hop-Tag-negative-border-color);
1931
1936
  --background-color: var(--hop-Tag-negative-background-color);
1932
1937
  --text-color: var(--hop-Tag-negative-text-color);
1933
1938
  }
1934
- .Tag-module__hop-Tag--option1___kOp9w {
1939
+ .Tag-module__hop-Tag--option1___JZ3kh {
1935
1940
  --border-color: var(--hop-Tag-option1-border-color);
1936
1941
  --background-color: var(--hop-Tag-option1-background-color);
1937
1942
  --text-color: var(--hop-Tag-option1-text-color);
1938
1943
  }
1939
- .Tag-module__hop-Tag--option2___G2m1x {
1944
+ .Tag-module__hop-Tag--option2___3wpi2 {
1940
1945
  --border-color: var(--hop-Tag-option2-border-color);
1941
1946
  --background-color: var(--hop-Tag-option2-background-color);
1942
1947
  --text-color: var(--hop-Tag-option2-text-color);
1943
1948
  }
1944
- .Tag-module__hop-Tag--option3___s0l6k {
1949
+ .Tag-module__hop-Tag--option3___vK3I4 {
1945
1950
  --border-color: var(--hop-Tag-option3-border-color);
1946
1951
  --background-color: var(--hop-Tag-option3-background-color);
1947
1952
  --text-color: var(--hop-Tag-option3-text-color);
1948
1953
  }
1949
- .Tag-module__hop-Tag--option4___3ZWib {
1954
+ .Tag-module__hop-Tag--option4___6TkpA {
1950
1955
  --border-color: var(--hop-Tag-option4-border-color);
1951
1956
  --background-color: var(--hop-Tag-option4-background-color);
1952
1957
  --text-color: var(--hop-Tag-option4-text-color);
1953
1958
  }
1954
- .Tag-module__hop-Tag--option5___TBPjK {
1959
+ .Tag-module__hop-Tag--option5___9Q9nW {
1955
1960
  --border-color: var(--hop-Tag-option5-border-color);
1956
1961
  --background-color: var(--hop-Tag-option5-background-color);
1957
1962
  --text-color: var(--hop-Tag-option5-text-color);
1958
1963
  }
1959
- .Tag-module__hop-Tag--option6___80A4S {
1964
+ .Tag-module__hop-Tag--option6___845L1 {
1960
1965
  --border-color: var(--hop-Tag-option6-border-color);
1961
1966
  --background-color: var(--hop-Tag-option6-background-color);
1962
1967
  --text-color: var(--hop-Tag-option6-text-color);
1963
1968
  }
1964
- .Tag-module__hop-Tag___1zuhV[data-href] {
1969
+ .Tag-module__hop-Tag___H9HH6[data-href] {
1965
1970
  cursor: pointer;
1966
1971
  }
1967
- .Tag-module__hop-Tag--neutral___-hfFU[data-focus-visible] {
1972
+ .Tag-module__hop-Tag--neutral___-cIxk[data-focus-visible] {
1968
1973
  --border-color: var(--hop-Tag-neutral-border-color-focus);
1969
1974
  --background-color: var(--hop-Tag-neutral-background-color-focus);
1970
1975
  --text-color: var(--hop-Tag-neutral-text-color-focus);
1971
1976
  }
1972
- .Tag-module__hop-Tag--neutral___-hfFU[data-hovered] {
1977
+ .Tag-module__hop-Tag--neutral___-cIxk[data-hovered] {
1973
1978
  --border-color: var(--hop-Tag-neutral-border-color-hover);
1974
1979
  --background-color: var(--hop-Tag-neutral-background-color-hover);
1975
1980
  --text-color: var(--hop-Tag-neutral-text-color-hover);
1976
1981
  }
1977
- .Tag-module__hop-Tag--neutral___-hfFU[data-pressed] {
1982
+ .Tag-module__hop-Tag--neutral___-cIxk[data-pressed] {
1978
1983
  --border-color: var(--hop-Tag-neutral-border-color-press);
1979
1984
  --background-color: var(--hop-Tag-neutral-background-color-press);
1980
1985
  --text-color: var(--hop-Tag-neutral-text-color-press);
1981
1986
  }
1982
- .Tag-module__hop-Tag--neutral___-hfFU[data-disabled] {
1987
+ .Tag-module__hop-Tag--neutral___-cIxk[data-disabled] {
1983
1988
  --border-color: var(--hop-Tag-neutral-border-color-disabled);
1984
1989
  --background-color: var(--hop-Tag-neutral-background-color-disabled);
1985
1990
  --text-color: var(--hop-Tag-neutral-text-color-disabled);
1986
1991
  }
1987
- .Tag-module__hop-Tag--subdued___2aqW7[data-focus-visible] {
1992
+ .Tag-module__hop-Tag--subdued___p4Z9E[data-focus-visible] {
1988
1993
  --border-color: var(--hop-Tag-subdued-border-color-focus);
1989
1994
  --background-color: var(--hop-Tag-subdued-background-color-focus);
1990
1995
  --text-color: var(--hop-Tag-subdued-text-color-focus);
1991
1996
  }
1992
- .Tag-module__hop-Tag--subdued___2aqW7[data-hovered] {
1997
+ .Tag-module__hop-Tag--subdued___p4Z9E[data-hovered] {
1993
1998
  --border-color: var(--hop-Tag-subdued-border-color-hover);
1994
1999
  --background-color: var(--hop-Tag-subdued-background-color-hover);
1995
2000
  --text-color: var(--hop-Tag-subdued-text-color-hover);
1996
2001
  }
1997
- .Tag-module__hop-Tag--subdued___2aqW7[data-pressed] {
2002
+ .Tag-module__hop-Tag--subdued___p4Z9E[data-pressed] {
1998
2003
  --border-color: var(--hop-Tag-subdued-border-color-press);
1999
2004
  --background-color: var(--hop-Tag-subdued-background-color-press);
2000
2005
  --text-color: var(--hop-Tag-subdued-text-color-press);
2001
2006
  }
2002
- .Tag-module__hop-Tag--subdued___2aqW7[data-disabled] {
2007
+ .Tag-module__hop-Tag--subdued___p4Z9E[data-disabled] {
2003
2008
  --border-color: var(--hop-Tag-subdued-border-color-disabled);
2004
2009
  --background-color: var(--hop-Tag-subdued-background-color-disabled);
2005
2010
  --text-color: var(--hop-Tag-subdued-text-color-disabled);
2006
2011
  }
2007
- .Tag-module__hop-Tag--progress___naYse[data-focus-visible] {
2012
+ .Tag-module__hop-Tag--progress___KWdZf[data-focus-visible] {
2008
2013
  --border-color: var(--hop-Tag-progress-border-color-focus);
2009
2014
  --background-color: var(--hop-Tag-progress-background-color-focus);
2010
2015
  --text-color: var(--hop-Tag-progress-text-color-focus);
2011
2016
  }
2012
- .Tag-module__hop-Tag--progress___naYse[data-hovered] {
2017
+ .Tag-module__hop-Tag--progress___KWdZf[data-hovered] {
2013
2018
  --border-color: var(--hop-Tag-progress-border-color-hover);
2014
2019
  --background-color: var(--hop-Tag-progress-background-color-hover);
2015
2020
  --text-color: var(--hop-Tag-progress-text-color-hover);
2016
2021
  }
2017
- .Tag-module__hop-Tag--progress___naYse[data-pressed] {
2022
+ .Tag-module__hop-Tag--progress___KWdZf[data-pressed] {
2018
2023
  --border-color: var(--hop-Tag-progress-border-color-press);
2019
2024
  --background-color: var(--hop-Tag-progress-background-color-press);
2020
2025
  --text-color: var(--hop-Tag-progress-text-color-press);
2021
2026
  }
2022
- .Tag-module__hop-Tag--progress___naYse[data-disabled] {
2027
+ .Tag-module__hop-Tag--progress___KWdZf[data-disabled] {
2023
2028
  --border-color: var(--hop-Tag-progress-border-color-disabled);
2024
2029
  --background-color: var(--hop-Tag-progress-background-color-disabled);
2025
2030
  --text-color: var(--hop-Tag-progress-text-color-disabled);
2026
2031
  }
2027
- .Tag-module__hop-Tag--positive___qItG3[data-focus-visible] {
2032
+ .Tag-module__hop-Tag--positive___KjyTT[data-focus-visible] {
2028
2033
  --border-color: var(--hop-Tag-positive-border-color-focus);
2029
2034
  --background-color: var(--hop-Tag-positive-background-color-focus);
2030
2035
  --text-color: var(--hop-Tag-positive-text-color-focus);
2031
2036
  }
2032
- .Tag-module__hop-Tag--positive___qItG3[data-hovered] {
2037
+ .Tag-module__hop-Tag--positive___KjyTT[data-hovered] {
2033
2038
  --border-color: var(--hop-Tag-positive-border-color-hover);
2034
2039
  --background-color: var(--hop-Tag-positive-background-color-hover);
2035
2040
  --text-color: var(--hop-Tag-positive-text-color-hover);
2036
2041
  }
2037
- .Tag-module__hop-Tag--positive___qItG3[data-pressed] {
2042
+ .Tag-module__hop-Tag--positive___KjyTT[data-pressed] {
2038
2043
  --border-color: var(--hop-Tag-positive-border-color-press);
2039
2044
  --background-color: var(--hop-Tag-positive-background-color-press);
2040
2045
  --text-color: var(--hop-Tag-positive-text-color-press);
2041
2046
  }
2042
- .Tag-module__hop-Tag--positive___qItG3[data-disabled] {
2047
+ .Tag-module__hop-Tag--positive___KjyTT[data-disabled] {
2043
2048
  --border-color: var(--hop-Tag-positive-border-color-disabled);
2044
2049
  --background-color: var(--hop-Tag-positive-background-color-disabled);
2045
2050
  --text-color: var(--hop-Tag-positive-text-color-disabled);
2046
2051
  }
2047
- .Tag-module__hop-Tag--caution___9nBEB[data-focus-visible] {
2052
+ .Tag-module__hop-Tag--caution___dVmQq[data-focus-visible] {
2048
2053
  --border-color: var(--hop-Tag-caution-border-color-focus);
2049
2054
  --background-color: var(--hop-Tag-caution-background-color-focus);
2050
2055
  --text-color: var(--hop-Tag-caution-text-color-focus);
2051
2056
  }
2052
- .Tag-module__hop-Tag--caution___9nBEB[data-hovered] {
2057
+ .Tag-module__hop-Tag--caution___dVmQq[data-hovered] {
2053
2058
  --border-color: var(--hop-Tag-caution-border-color-hover);
2054
2059
  --background-color: var(--hop-Tag-caution-background-color-hover);
2055
2060
  --text-color: var(--hop-Tag-caution-text-color-hover);
2056
2061
  }
2057
- .Tag-module__hop-Tag--caution___9nBEB[data-pressed] {
2062
+ .Tag-module__hop-Tag--caution___dVmQq[data-pressed] {
2058
2063
  --border-color: var(--hop-Tag-caution-border-color-press);
2059
2064
  --background-color: var(--hop-Tag-caution-background-color-press);
2060
2065
  --text-color: var(--hop-Tag-caution-text-color-press);
2061
2066
  }
2062
- .Tag-module__hop-Tag--caution___9nBEB[data-disabled] {
2067
+ .Tag-module__hop-Tag--caution___dVmQq[data-disabled] {
2063
2068
  --border-color: var(--hop-Tag-caution-border-color-disabled);
2064
2069
  --background-color: var(--hop-Tag-caution-background-color-disabled);
2065
2070
  --text-color: var(--hop-Tag-caution-text-color-disabled);
2066
2071
  }
2067
- .Tag-module__hop-Tag--negative___GQW9X[data-focus-visible] {
2072
+ .Tag-module__hop-Tag--negative___s7zTS[data-focus-visible] {
2068
2073
  --border-color: var(--hop-Tag-negative-border-color-focus);
2069
2074
  --background-color: var(--hop-Tag-negative-background-color-focus);
2070
2075
  --text-color: var(--hop-Tag-negative-text-color-focus);
2071
2076
  }
2072
- .Tag-module__hop-Tag--negative___GQW9X[data-hovered] {
2077
+ .Tag-module__hop-Tag--negative___s7zTS[data-hovered] {
2073
2078
  --border-color: var(--hop-Tag-negative-border-color-hover);
2074
2079
  --background-color: var(--hop-Tag-negative-background-color-hover);
2075
2080
  --text-color: var(--hop-Tag-negative-text-color-hover);
2076
2081
  }
2077
- .Tag-module__hop-Tag--negative___GQW9X[data-pressed] {
2082
+ .Tag-module__hop-Tag--negative___s7zTS[data-pressed] {
2078
2083
  --border-color: var(--hop-Tag-negative-border-color-press);
2079
2084
  --background-color: var(--hop-Tag-negative-background-color-press);
2080
2085
  --text-color: var(--hop-Tag-negative-text-color-press);
2081
2086
  }
2082
- .Tag-module__hop-Tag--negative___GQW9X[data-disabled] {
2087
+ .Tag-module__hop-Tag--negative___s7zTS[data-disabled] {
2083
2088
  --border-color: var(--hop-Tag-negative-border-color-disabled);
2084
2089
  --background-color: var(--hop-Tag-negative-background-color-disabled);
2085
2090
  --text-color: var(--hop-Tag-negative-text-color-disabled);
2086
2091
  }
2087
- .Tag-module__hop-Tag--option1___kOp9w[data-focus-visible] {
2092
+ .Tag-module__hop-Tag--option1___JZ3kh[data-focus-visible] {
2088
2093
  --border-color: var(--hop-Tag-option1-border-color-focus);
2089
2094
  --background-color: var(--hop-Tag-option1-background-color-focus);
2090
2095
  --text-color: var(--hop-Tag-option1-text-color-focus);
2091
2096
  }
2092
- .Tag-module__hop-Tag--option1___kOp9w[data-hovered] {
2097
+ .Tag-module__hop-Tag--option1___JZ3kh[data-hovered] {
2093
2098
  --border-color: var(--hop-Tag-option1-border-color-hover);
2094
2099
  --background-color: var(--hop-Tag-option1-background-color-hover);
2095
2100
  --text-color: var(--hop-Tag-option1-text-color-hover);
2096
2101
  }
2097
- .Tag-module__hop-Tag--option1___kOp9w[data-pressed] {
2102
+ .Tag-module__hop-Tag--option1___JZ3kh[data-pressed] {
2098
2103
  --border-color: var(--hop-Tag-option1-border-color-press);
2099
2104
  --background-color: var(--hop-Tag-option1-background-color-press);
2100
2105
  --text-color: var(--hop-Tag-option1-text-color-press);
2101
2106
  }
2102
- .Tag-module__hop-Tag--option1___kOp9w[data-disabled] {
2107
+ .Tag-module__hop-Tag--option1___JZ3kh[data-disabled] {
2103
2108
  --border-color: var(--hop-Tag-option1-border-color-disabled);
2104
2109
  --background-color: var(--hop-Tag-option1-background-color-disabled);
2105
2110
  --text-color: var(--hop-Tag-option1-text-color-disabled);
2106
2111
  }
2107
- .Tag-module__hop-Tag--option2___G2m1x[data-focus-visible] {
2112
+ .Tag-module__hop-Tag--option2___3wpi2[data-focus-visible] {
2108
2113
  --border-color: var(--hop-Tag-option2-border-color-focus);
2109
2114
  --background-color: var(--hop-Tag-option2-background-color-focus);
2110
2115
  --text-color: var(--hop-Tag-option2-text-color-focus);
2111
2116
  }
2112
- .Tag-module__hop-Tag--option2___G2m1x[data-hovered] {
2117
+ .Tag-module__hop-Tag--option2___3wpi2[data-hovered] {
2113
2118
  --border-color: var(--hop-Tag-option2-border-color-hover);
2114
2119
  --background-color: var(--hop-Tag-option2-background-color-hover);
2115
2120
  --text-color: var(--hop-Tag-option2-text-color-hover);
2116
2121
  }
2117
- .Tag-module__hop-Tag--option2___G2m1x[data-pressed] {
2122
+ .Tag-module__hop-Tag--option2___3wpi2[data-pressed] {
2118
2123
  --border-color: var(--hop-Tag-option2-border-color-press);
2119
2124
  --background-color: var(--hop-Tag-option2-background-color-press);
2120
2125
  --text-color: var(--hop-Tag-option2-text-color-press);
2121
2126
  }
2122
- .Tag-module__hop-Tag--option2___G2m1x[data-disabled] {
2127
+ .Tag-module__hop-Tag--option2___3wpi2[data-disabled] {
2123
2128
  --border-color: var(--hop-Tag-option2-border-color-disabled);
2124
2129
  --background-color: var(--hop-Tag-option2-background-color-disabled);
2125
2130
  --text-color: var(--hop-Tag-option2-text-color-disabled);
2126
2131
  }
2127
- .Tag-module__hop-Tag--option3___s0l6k[data-focus-visible] {
2132
+ .Tag-module__hop-Tag--option3___vK3I4[data-focus-visible] {
2128
2133
  --border-color: var(--hop-Tag-option3-border-color-focus);
2129
2134
  --background-color: var(--hop-Tag-option3-background-color-focus);
2130
2135
  --text-color: var(--hop-Tag-option3-text-color-focus);
2131
2136
  }
2132
- .Tag-module__hop-Tag--option3___s0l6k[data-hovered] {
2137
+ .Tag-module__hop-Tag--option3___vK3I4[data-hovered] {
2133
2138
  --border-color: var(--hop-Tag-option3-border-color-hover);
2134
2139
  --background-color: var(--hop-Tag-option3-background-color-hover);
2135
2140
  --text-color: var(--hop-Tag-option3-text-color-hover);
2136
2141
  }
2137
- .Tag-module__hop-Tag--option3___s0l6k[data-pressed] {
2142
+ .Tag-module__hop-Tag--option3___vK3I4[data-pressed] {
2138
2143
  --border-color: var(--hop-Tag-option3-border-color-press);
2139
2144
  --background-color: var(--hop-Tag-option3-background-color-press);
2140
2145
  --text-color: var(--hop-Tag-option3-text-color-press);
2141
2146
  }
2142
- .Tag-module__hop-Tag--option3___s0l6k[data-disabled] {
2147
+ .Tag-module__hop-Tag--option3___vK3I4[data-disabled] {
2143
2148
  --border-color: var(--hop-Tag-option3-border-color-disabled);
2144
2149
  --background-color: var(--hop-Tag-option3-background-color-disabled);
2145
2150
  --text-color: var(--hop-Tag-option3-text-color-disabled);
2146
2151
  }
2147
- .Tag-module__hop-Tag--option4___3ZWib[data-focus-visible] {
2152
+ .Tag-module__hop-Tag--option4___6TkpA[data-focus-visible] {
2148
2153
  --border-color: var(--hop-Tag-option4-border-color-focus);
2149
2154
  --background-color: var(--hop-Tag-option4-background-color-focus);
2150
2155
  --text-color: var(--hop-Tag-option4-text-color-focus);
2151
2156
  }
2152
- .Tag-module__hop-Tag--option4___3ZWib[data-hovered] {
2157
+ .Tag-module__hop-Tag--option4___6TkpA[data-hovered] {
2153
2158
  --border-color: var(--hop-Tag-option4-border-color-hover);
2154
2159
  --background-color: var(--hop-Tag-option4-background-color-hover);
2155
2160
  --text-color: var(--hop-Tag-option4-text-color-hover);
2156
2161
  }
2157
- .Tag-module__hop-Tag--option4___3ZWib[data-pressed] {
2162
+ .Tag-module__hop-Tag--option4___6TkpA[data-pressed] {
2158
2163
  --border-color: var(--hop-Tag-option4-border-color-press);
2159
2164
  --background-color: var(--hop-Tag-option4-background-color-press);
2160
2165
  --text-color: var(--hop-Tag-option4-text-color-press);
2161
2166
  }
2162
- .Tag-module__hop-Tag--option4___3ZWib[data-disabled] {
2167
+ .Tag-module__hop-Tag--option4___6TkpA[data-disabled] {
2163
2168
  --border-color: var(--hop-Tag-option4-border-color-disabled);
2164
2169
  --background-color: var(--hop-Tag-option4-background-color-disabled);
2165
2170
  --text-color: var(--hop-Tag-option4-text-color-disabled);
2166
2171
  }
2167
- .Tag-module__hop-Tag--option5___TBPjK[data-focus-visible] {
2172
+ .Tag-module__hop-Tag--option5___9Q9nW[data-focus-visible] {
2168
2173
  --border-color: var(--hop-Tag-option5-border-color-focus);
2169
2174
  --background-color: var(--hop-Tag-option5-background-color-focus);
2170
2175
  --text-color: var(--hop-Tag-option5-text-color-focus);
2171
2176
  }
2172
- .Tag-module__hop-Tag--option5___TBPjK[data-hovered] {
2177
+ .Tag-module__hop-Tag--option5___9Q9nW[data-hovered] {
2173
2178
  --border-color: var(--hop-Tag-option5-border-color-hover);
2174
2179
  --background-color: var(--hop-Tag-option5-background-color-hover);
2175
2180
  --text-color: var(--hop-Tag-option5-text-color-hover);
2176
2181
  }
2177
- .Tag-module__hop-Tag--option5___TBPjK[data-pressed] {
2182
+ .Tag-module__hop-Tag--option5___9Q9nW[data-pressed] {
2178
2183
  --border-color: var(--hop-Tag-option5-border-color-press);
2179
2184
  --background-color: var(--hop-Tag-option5-background-color-press);
2180
2185
  --text-color: var(--hop-Tag-option5-text-color-press);
2181
2186
  }
2182
- .Tag-module__hop-Tag--option5___TBPjK[data-disabled] {
2187
+ .Tag-module__hop-Tag--option5___9Q9nW[data-disabled] {
2183
2188
  --border-color: var(--hop-Tag-option5-border-color-disabled);
2184
2189
  --background-color: var(--hop-Tag-option5-background-color-disabled);
2185
2190
  --text-color: var(--hop-Tag-option5-text-color-disabled);
2186
2191
  }
2187
- .Tag-module__hop-Tag--option6___80A4S[data-focus-visible] {
2192
+ .Tag-module__hop-Tag--option6___845L1[data-focus-visible] {
2188
2193
  --border-color: var(--hop-Tag-option6-border-color-focus);
2189
2194
  --background-color: var(--hop-Tag-option6-background-color-focus);
2190
2195
  --text-color: var(--hop-Tag-option6-text-color-focus);
2191
2196
  }
2192
- .Tag-module__hop-Tag--option6___80A4S[data-hovered] {
2197
+ .Tag-module__hop-Tag--option6___845L1[data-hovered] {
2193
2198
  --border-color: var(--hop-Tag-option6-border-color-hover);
2194
2199
  --background-color: var(--hop-Tag-option6-background-color-hover);
2195
2200
  --text-color: var(--hop-Tag-option6-text-color-hover);
2196
2201
  }
2197
- .Tag-module__hop-Tag--option6___80A4S[data-pressed] {
2202
+ .Tag-module__hop-Tag--option6___845L1[data-pressed] {
2198
2203
  --border-color: var(--hop-Tag-option6-border-color-press);
2199
2204
  --background-color: var(--hop-Tag-option6-background-color-press);
2200
2205
  --text-color: var(--hop-Tag-option6-text-color-press);
2201
2206
  }
2202
- .Tag-module__hop-Tag--option6___80A4S[data-disabled] {
2207
+ .Tag-module__hop-Tag--option6___845L1[data-disabled] {
2203
2208
  --border-color: var(--hop-Tag-option6-border-color-disabled);
2204
2209
  --background-color: var(--hop-Tag-option6-background-color-disabled);
2205
2210
  --text-color: var(--hop-Tag-option6-text-color-disabled);
2206
2211
  }
2207
- .Tag-module__hop-Tag___1zuhV[data-focus-visible] {
2212
+ .Tag-module__hop-Tag___H9HH6[data-focus-visible] {
2208
2213
  outline: 0.125rem solid var(--focus-ring-color);
2209
2214
  }
2210
- .Tag-module__hop-Tag___1zuhV[data-hovered] {
2215
+ .Tag-module__hop-Tag___H9HH6[data-hovered] {
2211
2216
  cursor: pointer;
2212
2217
  }
2213
- .Tag-module__hop-Tag___1zuhV[data-selected] {
2218
+ .Tag-module__hop-Tag___H9HH6[data-selected] {
2214
2219
  --background-color: var(--hop-Tag-background-color-selected);
2215
2220
  --border-color: var(--hop-Tag-border-color-selected);
2216
2221
  --text-color: var(--hop-Tag-text-color-selected);
2217
2222
  }
2218
- .Tag-module__hop-Tag___1zuhV[data-pressed] {
2223
+ .Tag-module__hop-Tag___H9HH6[data-pressed] {
2219
2224
  cursor: pointer;
2220
2225
  }
2221
- .Tag-module__hop-Tag___1zuhV[data-invalid] {
2226
+ .Tag-module__hop-Tag___H9HH6[data-invalid] {
2222
2227
  --border-color: var(--hop-Tag-border-color-invalid);
2223
2228
  }
2224
- .Tag-module__hop-Tag___1zuhV[data-disabled] {
2229
+ .Tag-module__hop-Tag___H9HH6[data-disabled] {
2225
2230
  cursor: not-allowed;
2226
2231
  }
2227
- .Tag-module__hop-Tag__avatar___-TOrs {
2232
+ .Tag-module__hop-Tag__avatar___5Yqi1 {
2228
2233
  flex: 0 0 auto;
2229
2234
  order: 1;
2230
2235
  margin-inline-start: var(--avatar-margin-inline-start);
2231
2236
  }
2232
- .Tag-module__hop-Tag__icon___5sqMb,
2233
- .Tag-module__hop-Tag__icon-list___VvuuS {
2237
+ .Tag-module__hop-Tag__icon___-29hK,
2238
+ .Tag-module__hop-Tag__icon-list___f-UL7 {
2234
2239
  flex: 0 0 auto;
2235
2240
  flex-wrap: nowrap;
2236
2241
  order: 2;
2237
2242
  margin-inline-start: var(--icon-margin-inline-start, 0);
2238
2243
  }
2239
- .Tag-module__hop-Tag__text___Ivvli {
2244
+ .Tag-module__hop-Tag__text___NuvMJ {
2240
2245
  overflow: hidden;
2241
2246
  flex: 1 1 auto;
2242
2247
  order: 3;
@@ -2244,33 +2249,33 @@
2244
2249
  text-align: center;
2245
2250
  text-overflow: ellipsis;
2246
2251
  }
2247
- .Tag-module__hop-Tag__badge___1zpdK {
2252
+ .Tag-module__hop-Tag__badge___GXnfs {
2248
2253
  flex: 0 0 auto;
2249
2254
  order: 4;
2250
2255
  margin-inline-end: var(--badge-margin-inline-end);
2251
2256
  }
2252
- .Tag-module__hop-Tag___1zuhV .Tag-module__hop-Tag__badge___1zpdK[data-variant=subdued] {
2257
+ .Tag-module__hop-Tag___H9HH6 .Tag-module__hop-Tag__badge___GXnfs[data-variant=subdued] {
2253
2258
  margin-inline-start: var(--badge-secondary-margin-inline-start);
2254
2259
  color: inherit;
2255
2260
  background: none;
2256
2261
  }
2257
- .Tag-module__hop-Tag--sm___9Gsrt .Tag-module__hop-Tag__badge___1zpdK {
2262
+ .Tag-module__hop-Tag--sm___de-n0 .Tag-module__hop-Tag__badge___GXnfs {
2258
2263
  block-size: 100%;
2259
2264
  }
2260
- .Tag-module__hop-Tag__remove-btn___jB2sk,
2261
- .Tag-module__hop-Tag__Spinner___WgYSX {
2265
+ .Tag-module__hop-Tag__remove-btn___Oe90Q,
2266
+ .Tag-module__hop-Tag__Spinner___pozOl {
2262
2267
  flex: 0 0 auto;
2263
2268
  order: 5;
2264
2269
  }
2265
- .Tag-module__hop-Tag__Spinner___WgYSX {
2270
+ .Tag-module__hop-Tag__Spinner___pozOl {
2266
2271
  margin-inline-end: var(--spinner-margin-inline-end);
2267
2272
  }
2268
- .Tag-module__hop-Tag__remove-btn___jB2sk {
2273
+ .Tag-module__hop-Tag__remove-btn___Oe90Q {
2269
2274
  margin-inline: var(--clear-btn-margin-inline);
2270
2275
  }
2271
2276
 
2272
2277
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/ErrorMessage/src/ErrorMessage.module.css/#css-module-data */
2273
- .ErrorMessage-module__hop-ErrorMessage___ODYyd {
2278
+ .ErrorMessage-module__hop-ErrorMessage___0CCbj {
2274
2279
  --hop-ErrorMessage-color: var(--hop-danger-text-weak);
2275
2280
  --hop-ErrorMessage-font-family: var(--hop-body-xs-font-family);
2276
2281
  --hop-ErrorMessage-font-size: var(--hop-body-xs-font-size);
@@ -2287,13 +2292,13 @@
2287
2292
  line-height: var(--hop-ErrorMessage-line-height);
2288
2293
  color: var(--hop-ErrorMessage-color);
2289
2294
  }
2290
- .ErrorMessage-module__hop-ErrorMessage__icon___Jg8wH {
2295
+ .ErrorMessage-module__hop-ErrorMessage__icon___Btugn {
2291
2296
  flex: 0 0 auto;
2292
2297
  align-self: flex-start;
2293
2298
  }
2294
2299
 
2295
2300
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/HelperMessage/src/HelperMessage.module.css/#css-module-data */
2296
- .HelperMessage-module__hop-HelperMessage___Uf6yr {
2301
+ .HelperMessage-module__hop-HelperMessage___J-iaa {
2297
2302
  --hop-HelperMessage-color: var(--hop-neutral-text-weak);
2298
2303
  --hop-HelperMessage-column-gap: var(--hop-space-inline-xs);
2299
2304
  display: flex;
@@ -2302,13 +2307,13 @@
2302
2307
  box-sizing: border-box;
2303
2308
  color: var(--hop-HelperMessage-color);
2304
2309
  }
2305
- .HelperMessage-module__hop-HelperMessage__icon___BwCCi {
2310
+ .HelperMessage-module__hop-HelperMessage__icon___UHdXZ {
2306
2311
  flex: 0 0 auto;
2307
2312
  align-self: flex-start;
2308
2313
  }
2309
2314
 
2310
2315
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/tag/src/TagGroup.module.css/#css-module-data */
2311
- .TagGroup-module__hop-TagGroup___1Mo3c {
2316
+ .TagGroup-module__hop-TagGroup___O5rki {
2312
2317
  --hop-TagGroup-row-gap: var(--hop-space-inline-sm);
2313
2318
  --hop-TagGroup-list-column-gap: var(--hop-space-inline-sm);
2314
2319
  --hop-TagGroup-list-row-gap: var(--hop-space-inline-sm);
@@ -2328,10 +2333,10 @@
2328
2333
  inline-size: max-content;
2329
2334
  max-inline-size: 100%;
2330
2335
  }
2331
- .TagGroup-module__hop-TagGroup___1Mo3c > .TagGroup-module__hop-TagGroup__label___qsdNt {
2336
+ .TagGroup-module__hop-TagGroup___O5rki > .TagGroup-module__hop-TagGroup__label___vBoqW {
2332
2337
  order: 1;
2333
2338
  }
2334
- .TagGroup-module__hop-TagGroup__list___5zmq6 {
2339
+ .TagGroup-module__hop-TagGroup__list___ZMVqr {
2335
2340
  display: flex;
2336
2341
  flex-wrap: wrap;
2337
2342
  gap: var(--list-row-gap) var(--list-column-gap);
@@ -2340,11 +2345,11 @@
2340
2345
  border-radius: var(--list-border-radius);
2341
2346
  outline: none;
2342
2347
  }
2343
- .TagGroup-module__hop-TagGroup__list___5zmq6[data-focus-visible] {
2348
+ .TagGroup-module__hop-TagGroup__list___ZMVqr[data-focus-visible] {
2344
2349
  outline: 0.125rem solid var(--list-focus-ring-color);
2345
2350
  outline-offset: 0.125rem;
2346
2351
  }
2347
- .TagGroup-module__hop-TagGroup___1Mo3c > .TagGroup-module__hop-TagGroup__error-message___xfCE7,
2348
- .TagGroup-module__hop-TagGroup___1Mo3c > .TagGroup-module__hop-TagGroup__helper-message___Kzd5T {
2352
+ .TagGroup-module__hop-TagGroup___O5rki > .TagGroup-module__hop-TagGroup__error-message___xhALy,
2353
+ .TagGroup-module__hop-TagGroup___O5rki > .TagGroup-module__hop-TagGroup__helper-message___oYds7 {
2349
2354
  order: 3;
2350
2355
  }