@hopper-ui/components 1.3.14 → 1.3.16

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 (271) hide show
  1. package/CHANGELOG.md +15 -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.d.ts +2 -2
  6. package/dist/Avatar/src/Avatar.js +3 -3
  7. package/dist/Avatar/src/DeletedAvatar.css +37 -37
  8. package/dist/Avatar/src/DeletedAvatar.js +2 -2
  9. package/dist/Avatar/src/RichIconAvatarImage.css +37 -37
  10. package/dist/Avatar/src/RichIconAvatarImage.js +1 -1
  11. package/dist/Avatar/src/index.css +55 -55
  12. package/dist/Avatar/src/index.js +5 -5
  13. package/dist/Badge/src/Badge.css +42 -42
  14. package/dist/Badge/src/Badge.d.ts +3 -2
  15. package/dist/Badge/src/Badge.js +2 -2
  16. package/dist/Badge/src/FloatingBadge.css +37 -37
  17. package/dist/Badge/src/FloatingBadge.js +1 -1
  18. package/dist/Badge/src/index.css +52 -52
  19. package/dist/Badge/src/index.d.ts +1 -1
  20. package/dist/Badge/src/index.js +3 -3
  21. package/dist/ClearButton-DTR1qTbm.d.ts +84 -0
  22. package/dist/ComboBox/src/ComboBox.css +731 -726
  23. package/dist/ComboBox/src/ComboBox.d.ts +5 -6
  24. package/dist/ComboBox/src/ComboBox.js +45 -45
  25. package/dist/ComboBox/src/index.css +731 -726
  26. package/dist/ComboBox/src/index.d.ts +1 -1
  27. package/dist/ComboBox/src/index.js +45 -45
  28. package/dist/Divider/src/Divider.css +29 -29
  29. package/dist/Divider/src/Divider.js +1 -1
  30. package/dist/Divider/src/index.css +29 -29
  31. package/dist/Divider/src/index.js +1 -1
  32. package/dist/ErrorMessage/src/ErrorMessage.css +29 -29
  33. package/dist/ErrorMessage/src/ErrorMessage.js +2 -2
  34. package/dist/ErrorMessage/src/index.css +29 -29
  35. package/dist/ErrorMessage/src/index.js +2 -2
  36. package/dist/Form/src/Form.css +731 -726
  37. package/dist/Form/src/Form.d.ts +4 -2
  38. package/dist/Form/src/Form.js +45 -45
  39. package/dist/Form/src/FormContext.d.ts +2 -0
  40. package/dist/Form/src/index.css +731 -726
  41. package/dist/Form/src/index.d.ts +2 -0
  42. package/dist/Form/src/index.js +45 -45
  43. package/dist/HelperMessage/src/HelperMessage.css +29 -29
  44. package/dist/HelperMessage/src/HelperMessage.js +2 -2
  45. package/dist/HelperMessage/src/index.css +29 -29
  46. package/dist/HelperMessage/src/index.js +2 -2
  47. package/dist/IconList/src/IconList.css +28 -28
  48. package/dist/IconList/src/IconList.d.ts +2 -1
  49. package/dist/IconList/src/IconList.js +1 -1
  50. package/dist/IconList/src/IconListContext.d.ts +1 -0
  51. package/dist/IconList/src/index.css +28 -28
  52. package/dist/IconList/src/index.d.ts +1 -0
  53. package/dist/IconList/src/index.js +1 -1
  54. package/dist/Link/src/Link.css +49 -49
  55. package/dist/Link/src/Link.d.ts +5 -3
  56. package/dist/Link/src/Link.js +6 -6
  57. package/dist/Link/src/index.css +49 -49
  58. package/dist/Link/src/index.d.ts +1 -1
  59. package/dist/Link/src/index.js +6 -6
  60. package/dist/ListBox/src/ListBox.css +274 -274
  61. package/dist/ListBox/src/ListBox.d.ts +2 -2
  62. package/dist/ListBox/src/ListBox.js +10 -10
  63. package/dist/ListBox/src/ListBoxItem.css +262 -262
  64. package/dist/ListBox/src/ListBoxItem.d.ts +3 -2
  65. package/dist/ListBox/src/ListBoxItem.js +9 -9
  66. package/dist/ListBox/src/ListBoxItemSkeleton.css +34 -34
  67. package/dist/ListBox/src/ListBoxItemSkeleton.d.ts +7 -2
  68. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  69. package/dist/ListBox/src/ListBoxItemSkeletonContext.d.ts +6 -0
  70. package/dist/ListBox/src/index.css +274 -274
  71. package/dist/ListBox/src/index.d.ts +1 -1
  72. package/dist/ListBox/src/index.js +10 -10
  73. package/dist/Select/src/Select.css +731 -726
  74. package/dist/Select/src/Select.d.ts +5 -6
  75. package/dist/Select/src/Select.js +45 -45
  76. package/dist/Select/src/SelectValue.css +61 -61
  77. package/dist/Select/src/SelectValue.d.ts +2 -12
  78. package/dist/Select/src/SelectValue.js +5 -5
  79. package/dist/Select/src/index.css +731 -726
  80. package/dist/Select/src/index.d.ts +1 -1
  81. package/dist/Select/src/index.js +45 -45
  82. package/dist/Spinner/src/Spinner.css +37 -37
  83. package/dist/Spinner/src/Spinner.d.ts +3 -2
  84. package/dist/Spinner/src/Spinner.js +2 -2
  85. package/dist/Spinner/src/index.css +37 -37
  86. package/dist/Spinner/src/index.d.ts +1 -1
  87. package/dist/Spinner/src/index.js +2 -2
  88. package/dist/buttons/src/Button.css +128 -123
  89. package/dist/buttons/src/Button.d.ts +5 -3
  90. package/dist/buttons/src/Button.js +7 -7
  91. package/dist/buttons/src/ButtonGroup.css +40 -40
  92. package/dist/buttons/src/ButtonGroup.d.ts +7 -2
  93. package/dist/buttons/src/ButtonGroup.js +1 -1
  94. package/dist/buttons/src/ButtonGroupContext.d.ts +4 -0
  95. package/dist/buttons/src/ClearButton.css +98 -98
  96. package/dist/buttons/src/ClearButton.d.ts +5 -14
  97. package/dist/buttons/src/ClearButton.js +2 -2
  98. package/dist/buttons/src/ClearButtonContext.d.ts +4 -2
  99. package/dist/buttons/src/EmbeddedButton.css +98 -98
  100. package/dist/buttons/src/EmbeddedButton.d.ts +7 -33
  101. package/dist/buttons/src/EmbeddedButton.js +1 -1
  102. package/dist/buttons/src/EmbeddedButtonContext.d.ts +4 -1
  103. package/dist/buttons/src/index.css +212 -207
  104. package/dist/buttons/src/index.d.ts +2 -3
  105. package/dist/buttons/src/index.js +10 -10
  106. package/dist/checkbox/src/Checkbox.css +46 -46
  107. package/dist/checkbox/src/Checkbox.d.ts +3 -1
  108. package/dist/checkbox/src/Checkbox.js +6 -6
  109. package/dist/checkbox/src/CheckboxContext.d.ts +2 -0
  110. package/dist/checkbox/src/CheckboxField.css +33 -33
  111. package/dist/checkbox/src/CheckboxField.d.ts +2 -2
  112. package/dist/checkbox/src/CheckboxField.js +1 -1
  113. package/dist/checkbox/src/CheckboxGroup.css +98 -98
  114. package/dist/checkbox/src/CheckboxGroup.d.ts +7 -4
  115. package/dist/checkbox/src/CheckboxGroup.js +1 -1
  116. package/dist/checkbox/src/CheckboxGroupContext.d.ts +3 -0
  117. package/dist/checkbox/src/DecorativeCheckbox.css +54 -54
  118. package/dist/checkbox/src/DecorativeCheckbox.js +6 -6
  119. package/dist/checkbox/src/index.css +98 -98
  120. package/dist/checkbox/src/index.d.ts +1 -0
  121. package/dist/checkbox/src/index.js +9 -9
  122. package/dist/{chunk-RUZ3J43X.js → chunk-2HFFANGL.js} +7 -7
  123. package/dist/{chunk-CUPCOAXZ.js → chunk-2PPQY3B2.js} +1 -1
  124. package/dist/{chunk-YYFZDZXJ.js → chunk-3HPUMEF6.js} +1 -1
  125. package/dist/{chunk-ZPLEEUPC.js → chunk-3RRF33G3.js} +5 -5
  126. package/dist/{chunk-R2EN2OFJ.js → chunk-43D3MCMN.js} +2 -2
  127. package/dist/{chunk-A4UHNZBX.js → chunk-4YPVPNN3.js} +1 -1
  128. package/dist/{chunk-6DYXXDY4.js → chunk-532EGRYD.js} +3 -3
  129. package/dist/{chunk-F6P4WIKS.js → chunk-5TLUX4FA.js} +2 -2
  130. package/dist/{chunk-A265GCLA.js → chunk-7A6CYDDX.js} +2 -2
  131. package/dist/{chunk-LFFRDNDM.js → chunk-7C76VW2S.js} +2 -2
  132. package/dist/{chunk-BWMRLYXD.js → chunk-AAMYSAT4.js} +3 -3
  133. package/dist/{chunk-DN63JAPT.js → chunk-ARZVBUNR.js} +1 -1
  134. package/dist/{chunk-JZAWRJFA.js → chunk-AUEHFPNX.js} +1 -1
  135. package/dist/{chunk-JB3N2PYV.js → chunk-BK4B5TOE.js} +1 -1
  136. package/dist/{chunk-VVVDQWQ3.js → chunk-BMNXD345.js} +3 -3
  137. package/dist/{chunk-PCOOOVLE.js → chunk-BOFZY7AG.js} +2 -2
  138. package/dist/{chunk-SG2POHLX.js → chunk-BWBS4H3T.js} +5 -5
  139. package/dist/{chunk-USP2ITRL.js → chunk-BZZ3R77M.js} +1 -1
  140. package/dist/{chunk-PWJCO32L.js → chunk-CKPFSDF5.js} +1 -1
  141. package/dist/{chunk-26L2JI5Z.js → chunk-CQQWAC7P.js} +2 -2
  142. package/dist/{chunk-DFKPVOQ4.js → chunk-D3ATZADP.js} +1 -1
  143. package/dist/{chunk-2D2QW2TN.js → chunk-E3ZVVZI2.js} +3 -3
  144. package/dist/{chunk-BA265NQT.js → chunk-GFAHOC2Y.js} +4 -4
  145. package/dist/{chunk-FXHZXIPR.js → chunk-GLAJGJ5L.js} +2 -2
  146. package/dist/{chunk-XGS34BBU.js → chunk-HG4WPVDQ.js} +3 -3
  147. package/dist/{chunk-K2DSUPKO.js → chunk-JMBLHNVE.js} +1 -1
  148. package/dist/{chunk-5TL2U37O.js → chunk-KBDTTZPD.js} +2 -2
  149. package/dist/{chunk-MLLUZ55T.js → chunk-KGMX2K4Z.js} +1 -1
  150. package/dist/{chunk-4DLUFECD.js → chunk-LNMXRJGJ.js} +1 -1
  151. package/dist/{chunk-X57PKGPX.js → chunk-LZNVIB4Q.js} +2 -2
  152. package/dist/{chunk-DWVXSSVC.js → chunk-MGHBK4XX.js} +2 -2
  153. package/dist/{chunk-I3B3G6N4.js → chunk-NCOVEXXO.js} +1 -1
  154. package/dist/{chunk-PQR2DVBK.js → chunk-PBFGUMTY.js} +1 -1
  155. package/dist/{chunk-JHP7LA2B.js → chunk-PXMJ2JSP.js} +1 -1
  156. package/dist/{chunk-4W7GPP6I.js → chunk-RERNNMNX.js} +1 -1
  157. package/dist/{chunk-FRVE3N27.js → chunk-RLNCYCEL.js} +1 -1
  158. package/dist/{chunk-KFXDFFLE.js → chunk-SOS2KEKX.js} +2 -2
  159. package/dist/{chunk-MDIVABWE.js → chunk-T2DMBK3U.js} +1 -1
  160. package/dist/{chunk-GUHMGBDJ.js → chunk-TIT2RZMI.js} +1 -1
  161. package/dist/{chunk-P2OSN32C.js → chunk-TU4QEQE4.js} +1 -1
  162. package/dist/{chunk-5C2HFY65.js → chunk-V2Z4BWEP.js} +8 -8
  163. package/dist/{chunk-AA6XHAZJ.js → chunk-XH5AZHD6.js} +3 -3
  164. package/dist/{chunk-TH46DMKQ.js → chunk-YGEQT76S.js} +2 -2
  165. package/dist/{chunk-6XBPJOFU.js → chunk-ZCP2AXPD.js} +1 -1
  166. package/dist/{chunk-RXMCGKWB.js → chunk-ZJND7BQD.js} +3 -3
  167. package/dist/index.css +731 -726
  168. package/dist/index.d.ts +15 -17
  169. package/dist/index.js +45 -45
  170. package/dist/inputs/src/InputGroup.css +227 -222
  171. package/dist/inputs/src/InputGroup.d.ts +6 -3
  172. package/dist/inputs/src/InputGroup.js +1 -1
  173. package/dist/inputs/src/InputGroupContext.d.ts +2 -0
  174. package/dist/inputs/src/NumberField.css +249 -244
  175. package/dist/inputs/src/NumberField.d.ts +4 -2
  176. package/dist/inputs/src/NumberField.js +7 -7
  177. package/dist/inputs/src/NumberFieldContext.d.ts +2 -0
  178. package/dist/inputs/src/PasswordField.css +237 -232
  179. package/dist/inputs/src/PasswordField.d.ts +6 -3
  180. package/dist/inputs/src/PasswordField.js +7 -7
  181. package/dist/inputs/src/PasswordFieldContext.d.ts +4 -1
  182. package/dist/inputs/src/RemainingCharacterCount.css +30 -30
  183. package/dist/inputs/src/RemainingCharacterCount.js +5 -5
  184. package/dist/inputs/src/SearchField.css +243 -238
  185. package/dist/inputs/src/SearchField.d.ts +6 -4
  186. package/dist/inputs/src/SearchField.js +8 -8
  187. package/dist/inputs/src/SearchFieldContext.d.ts +4 -2
  188. package/dist/inputs/src/TextArea.css +244 -239
  189. package/dist/inputs/src/TextArea.d.ts +3 -3
  190. package/dist/inputs/src/TextArea.js +7 -7
  191. package/dist/inputs/src/TextAreaContext.d.ts +2 -2
  192. package/dist/inputs/src/TextField.css +241 -236
  193. package/dist/inputs/src/TextField.d.ts +3 -3
  194. package/dist/inputs/src/TextField.js +10 -10
  195. package/dist/inputs/src/TextFieldContext.d.ts +2 -2
  196. package/dist/inputs/src/index.css +287 -282
  197. package/dist/inputs/src/index.d.ts +3 -3
  198. package/dist/inputs/src/index.js +14 -14
  199. package/dist/overlays/Popover/src/Popover.css +731 -726
  200. package/dist/overlays/Popover/src/Popover.d.ts +3 -5
  201. package/dist/overlays/Popover/src/Popover.js +45 -45
  202. package/dist/overlays/Popover/src/index.css +731 -726
  203. package/dist/overlays/Popover/src/index.d.ts +1 -1
  204. package/dist/overlays/Popover/src/index.js +45 -45
  205. package/dist/radio/src/DecorativeRadio.css +54 -54
  206. package/dist/radio/src/DecorativeRadio.js +6 -6
  207. package/dist/radio/src/Radio.css +46 -46
  208. package/dist/radio/src/Radio.d.ts +3 -1
  209. package/dist/radio/src/Radio.js +6 -6
  210. package/dist/radio/src/RadioContext.d.ts +2 -0
  211. package/dist/radio/src/RadioField.css +33 -33
  212. package/dist/radio/src/RadioField.d.ts +2 -2
  213. package/dist/radio/src/RadioField.js +1 -1
  214. package/dist/radio/src/RadioGroup.css +98 -98
  215. package/dist/radio/src/RadioGroup.d.ts +7 -4
  216. package/dist/radio/src/RadioGroup.js +1 -1
  217. package/dist/radio/src/RadioGroupContext.d.ts +3 -0
  218. package/dist/radio/src/index.css +98 -98
  219. package/dist/radio/src/index.d.ts +1 -0
  220. package/dist/radio/src/index.js +9 -9
  221. package/dist/switch/src/Switch.css +43 -43
  222. package/dist/switch/src/Switch.d.ts +3 -1
  223. package/dist/switch/src/Switch.js +6 -6
  224. package/dist/switch/src/SwitchContext.d.ts +2 -0
  225. package/dist/switch/src/SwitchField.css +33 -33
  226. package/dist/switch/src/SwitchField.d.ts +2 -2
  227. package/dist/switch/src/SwitchField.js +1 -1
  228. package/dist/switch/src/index.css +49 -49
  229. package/dist/switch/src/index.js +7 -7
  230. package/dist/tag/src/Tag.css +353 -348
  231. package/dist/tag/src/Tag.d.ts +5 -44
  232. package/dist/tag/src/Tag.js +9 -9
  233. package/dist/tag/src/TagContext.d.ts +1 -3
  234. package/dist/tag/src/TagGroup.css +37 -37
  235. package/dist/tag/src/TagGroup.d.ts +7 -3
  236. package/dist/tag/src/TagGroup.js +1 -1
  237. package/dist/tag/src/TagGroupContext.d.ts +4 -0
  238. package/dist/tag/src/TagList.css +27 -27
  239. package/dist/tag/src/index.css +363 -358
  240. package/dist/tag/src/index.d.ts +1 -3
  241. package/dist/tag/src/index.js +10 -10
  242. package/dist/typography/Heading/src/Heading.css +27 -27
  243. package/dist/typography/Heading/src/Heading.d.ts +3 -2
  244. package/dist/typography/Heading/src/Heading.js +1 -1
  245. package/dist/typography/Heading/src/index.css +27 -27
  246. package/dist/typography/Heading/src/index.d.ts +1 -1
  247. package/dist/typography/Heading/src/index.js +1 -1
  248. package/dist/typography/Label/src/Label.css +27 -27
  249. package/dist/typography/Label/src/Label.d.ts +3 -1
  250. package/dist/typography/Label/src/Label.js +1 -1
  251. package/dist/typography/Label/src/LabelContext.d.ts +2 -0
  252. package/dist/typography/Label/src/index.css +27 -27
  253. package/dist/typography/Label/src/index.d.ts +2 -0
  254. package/dist/typography/Label/src/index.js +1 -1
  255. package/dist/typography/OverlineText/src/OverlineText.css +27 -27
  256. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  257. package/dist/typography/OverlineText/src/index.css +27 -27
  258. package/dist/typography/OverlineText/src/index.js +1 -1
  259. package/dist/typography/Text/src/Text.css +27 -27
  260. package/dist/typography/Text/src/Text.d.ts +3 -2
  261. package/dist/typography/Text/src/Text.js +1 -1
  262. package/dist/typography/Text/src/index.css +27 -27
  263. package/dist/typography/Text/src/index.d.ts +1 -1
  264. package/dist/typography/Text/src/index.js +1 -1
  265. package/dist/utils/src/EnsureTextWrapper.css +27 -27
  266. package/dist/utils/src/EnsureTextWrapper.js +5 -5
  267. package/dist/utils/src/index.css +27 -27
  268. package/dist/utils/src/index.d.ts +1 -1
  269. package/dist/utils/src/index.js +5 -5
  270. package/dist/utils/src/types.d.ts +5 -1
  271. package/package.json +4 -3
package/dist/Badge/src/FloatingBadge.css CHANGED
@@ -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___iSo-j {
2
+ .Heading-module__hop-Heading___xZw9W {
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___iSo-j) {
36
+ :where(.Heading-module__hop-Heading___xZw9W) {
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___r0VNm) {
43
+ :where(.Heading-module__hop-Heading--xs___0mH4P) {
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___BCYRe) {
49
+ :where(.Heading-module__hop-Heading--sm___zuPx1) {
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___6mXux) {
55
+ :where(.Heading-module__hop-Heading--md___dMnqg) {
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___NXe4q) {
61
+ :where(.Heading-module__hop-Heading--lg___VBwKM) {
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___GzsDF) {
67
+ :where(.Heading-module__hop-Heading--xl___rNXkV) {
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___t6dqU) {
73
+ :where(.Heading-module__hop-Heading--2xl___R1-Y8) {
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___fPAPT) {
79
+ :where(.Heading-module__hop-Heading--3xl___gmnf3) {
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/Text/src/Text.module.css/#css-module-data */
87
- .Text-module__hop-Text___YWQie {
87
+ .Text-module__hop-Text___7-tYM {
88
88
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
89
89
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
90
90
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -114,49 +114,49 @@
114
114
  --hop-Text-inherit-size-font-weight: inherit;
115
115
  --hop-Text-inherit-size-line-height: inherit;
116
116
  }
117
- :where(.Text-module__hop-Text___YWQie) {
117
+ :where(.Text-module__hop-Text___7-tYM) {
118
118
  font-family: var(--font-family);
119
119
  font-size: var(--font-size);
120
120
  font-weight: var(--font-weight);
121
121
  line-height: var(--line-height);
122
122
  }
123
- :where(.Text-module__hop-Text--xs___pfyH6) {
123
+ :where(.Text-module__hop-Text--xs___HbFAZ) {
124
124
  --font-size: var(--hop-Text-xs-font-size);
125
125
  --font-family: var(--hop-Text-xs-font-family);
126
126
  --font-weight: var(--hop-Text-xs-font-weight);
127
127
  --line-height: var(--hop-Text-xs-line-height);
128
128
  }
129
- :where(.Text-module__hop-Text--sm___oH8pv) {
129
+ :where(.Text-module__hop-Text--sm___tYwpG) {
130
130
  --font-size: var(--hop-Text-sm-font-size);
131
131
  --font-family: var(--hop-Text-sm-font-family);
132
132
  --font-weight: var(--hop-Text-sm-font-weight);
133
133
  --line-height: var(--hop-Text-sm-line-height);
134
134
  }
135
- :where(.Text-module__hop-Text--md___6SESF) {
135
+ :where(.Text-module__hop-Text--md___kRzjz) {
136
136
  --font-size: var(--hop-Text-md-font-size);
137
137
  --font-family: var(--hop-Text-md-font-family);
138
138
  --font-weight: var(--hop-Text-md-font-weight);
139
139
  --line-height: var(--hop-Text-md-line-height);
140
140
  }
141
- :where(.Text-module__hop-Text--lg___KUuZc) {
141
+ :where(.Text-module__hop-Text--lg___-9lHi) {
142
142
  --font-size: var(--hop-Text-lg-font-size);
143
143
  --font-family: var(--hop-Text-lg-font-family);
144
144
  --font-weight: var(--hop-Text-lg-font-weight);
145
145
  --line-height: var(--hop-Text-lg-line-height);
146
146
  }
147
- :where(.Text-module__hop-Text--xl___Yhkcp) {
147
+ :where(.Text-module__hop-Text--xl___7-Sot) {
148
148
  --font-size: var(--hop-Text-xl-font-size);
149
149
  --font-family: var(--hop-Text-xl-font-family);
150
150
  --font-weight: var(--hop-Text-xl-font-weight);
151
151
  --line-height: var(--hop-Text-xl-line-height);
152
152
  }
153
- :where(.Text-module__hop-Text--2xl___fCHd1) {
153
+ :where(.Text-module__hop-Text--2xl___9rIz6) {
154
154
  --font-size: var(--hop-Text-2xl-font-size);
155
155
  --font-family: var(--hop-Text-2xl-font-family);
156
156
  --font-weight: var(--hop-Text-2xl-font-weight);
157
157
  --line-height: var(--hop-Text-2xl-line-height);
158
158
  }
159
- :where(.Text-module__hop-Text--inherit___pumuo) {
159
+ :where(.Text-module__hop-Text--inherit___MTfwM) {
160
160
  --font-size: var(--hop-Text-inherit-size-font-size);
161
161
  --font-family: var(--hop-Text-inherit-size-font-family);
162
162
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -164,7 +164,7 @@
164
164
  }
165
165
 
166
166
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
167
- :where(.OverlineText-module__hop-OverlineText___PKcfo) {
167
+ :where(.OverlineText-module__hop-OverlineText___9vlkQ) {
168
168
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
169
169
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
170
170
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -188,45 +188,45 @@
188
188
  text-transform: uppercase;
189
189
  letter-spacing: var(--letter-spacing);
190
190
  }
191
- .OverlineText-module__hop-OverlineText__text___gzZg6 {
191
+ .OverlineText-module__hop-OverlineText__text___NRM2V {
192
192
  box-sizing: border-box;
193
193
  }
194
- .OverlineText-module__hop-OverlineText__text___gzZg6::before,
195
- .OverlineText-module__hop-OverlineText__text___gzZg6::after {
194
+ .OverlineText-module__hop-OverlineText__text___NRM2V::before,
195
+ .OverlineText-module__hop-OverlineText__text___NRM2V::after {
196
196
  content: "";
197
197
  display: block;
198
198
  box-sizing: border-box;
199
199
  inline-size: 0;
200
200
  block-size: 0;
201
201
  }
202
- .OverlineText-module__hop-OverlineText__text___gzZg6::before {
202
+ .OverlineText-module__hop-OverlineText__text___NRM2V::before {
203
203
  margin-block-end: var(--bottom-offset);
204
204
  }
205
- .OverlineText-module__hop-OverlineText__text___gzZg6::after {
205
+ .OverlineText-module__hop-OverlineText__text___NRM2V::after {
206
206
  margin-block-start: var(--top-offset);
207
207
  }
208
208
 
209
209
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
210
- .Label-module__hop-Label___-0l1I {
210
+ .Label-module__hop-Label___55NlZ {
211
211
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
212
212
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
213
213
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
214
214
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
215
215
  --hop-Label-color: var(--hop-neutral-text-weak);
216
216
  }
217
- :where(.Label-module__hop-Label___-0l1I) {
217
+ :where(.Label-module__hop-Label___55NlZ) {
218
218
  font-family: var(--hop-Label-font-family);
219
219
  font-size: var(--hop-Label-font-size);
220
220
  font-weight: var(--hop-Label-font-weight);
221
221
  line-height: var(--hop-Label-line-height);
222
222
  color: var(--hop-Label-color);
223
223
  }
224
- :where(.Label-module__hop-Label__indicator___Qu17i) {
224
+ :where(.Label-module__hop-Label__indicator___daGkb) {
225
225
  padding-inline-start: var(--hop-space-20);
226
226
  }
227
227
 
228
228
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/FloatingBadge.module.css/#css-module-data */
229
- .FloatingBadge-module__hop-FloatingBadge___J7RCP {
229
+ .FloatingBadge-module__hop-FloatingBadge___xxOf2 {
230
230
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
231
231
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
232
232
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -267,7 +267,7 @@
267
267
  box-sizing: border-box;
268
268
  inline-size: max-content;
269
269
  }
270
- .FloatingBadge-module__hop-FloatingBadge___J7RCP[data-placement="top right"] {
270
+ .FloatingBadge-module__hop-FloatingBadge___xxOf2[data-placement="top right"] {
271
271
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
272
272
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
273
273
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -275,11 +275,11 @@
275
275
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
276
276
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
277
277
  }
278
- .FloatingBadge-module__hop-FloatingBadge___J7RCP[data-placement="top right"][data-overlap=circular] {
278
+ .FloatingBadge-module__hop-FloatingBadge___xxOf2[data-placement="top right"][data-overlap=circular] {
279
279
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
280
280
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
281
281
  }
282
- .FloatingBadge-module__hop-FloatingBadge___J7RCP[data-placement="top left"] {
282
+ .FloatingBadge-module__hop-FloatingBadge___xxOf2[data-placement="top left"] {
283
283
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
284
284
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
285
285
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -287,11 +287,11 @@
287
287
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
288
288
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
289
289
  }
290
- .FloatingBadge-module__hop-FloatingBadge___J7RCP[data-placement="top left"][data-overlap=circular] {
290
+ .FloatingBadge-module__hop-FloatingBadge___xxOf2[data-placement="top left"][data-overlap=circular] {
291
291
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
292
292
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
293
293
  }
294
- .FloatingBadge-module__hop-FloatingBadge___J7RCP[data-placement="bottom right"] {
294
+ .FloatingBadge-module__hop-FloatingBadge___xxOf2[data-placement="bottom right"] {
295
295
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
296
296
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
297
297
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -299,11 +299,11 @@
299
299
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
300
300
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
301
301
  }
302
- .FloatingBadge-module__hop-FloatingBadge___J7RCP[data-placement="bottom right"][data-overlap=circular] {
302
+ .FloatingBadge-module__hop-FloatingBadge___xxOf2[data-placement="bottom right"][data-overlap=circular] {
303
303
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
304
304
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
305
305
  }
306
- .FloatingBadge-module__hop-FloatingBadge___J7RCP[data-placement="bottom left"] {
306
+ .FloatingBadge-module__hop-FloatingBadge___xxOf2[data-placement="bottom left"] {
307
307
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
308
308
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
309
309
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -311,11 +311,11 @@
311
311
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
312
312
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
313
313
  }
314
- .FloatingBadge-module__hop-FloatingBadge___J7RCP[data-placement="bottom left"][data-overlap=circular] {
314
+ .FloatingBadge-module__hop-FloatingBadge___xxOf2[data-placement="bottom left"][data-overlap=circular] {
315
315
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
316
316
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
317
317
  }
318
- .FloatingBadge-module__hop-FloatingBadge__badge___zFoJJ {
318
+ .FloatingBadge-module__hop-FloatingBadge__badge___BaGuU {
319
319
  position: absolute;
320
320
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
321
321
  transform-origin: var(--badge-transform-origin);
package/dist/Badge/src/FloatingBadge.js CHANGED
@@ -1,4 +1,4 @@
1
- export { _FloatingBadge as FloatingBadge, GlobalFloatingBadgeCssSelector } from '../../chunk-MDIVABWE.js';
1
+ export { _FloatingBadge as FloatingBadge, GlobalFloatingBadgeCssSelector } from '../../chunk-T2DMBK3U.js';
2
2
  import '../../chunk-CQDLZ42T.js';
3
3
  import '../../chunk-CIGS4QGT.js';
4
4
  import '../../chunk-HXI3MEEK.js';
package/dist/Badge/src/index.css CHANGED
@@ -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___iSo-j {
2
+ .Heading-module__hop-Heading___xZw9W {
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___iSo-j) {
36
+ :where(.Heading-module__hop-Heading___xZw9W) {
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___r0VNm) {
43
+ :where(.Heading-module__hop-Heading--xs___0mH4P) {
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___BCYRe) {
49
+ :where(.Heading-module__hop-Heading--sm___zuPx1) {
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___6mXux) {
55
+ :where(.Heading-module__hop-Heading--md___dMnqg) {
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___NXe4q) {
61
+ :where(.Heading-module__hop-Heading--lg___VBwKM) {
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___GzsDF) {
67
+ :where(.Heading-module__hop-Heading--xl___rNXkV) {
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___t6dqU) {
73
+ :where(.Heading-module__hop-Heading--2xl___R1-Y8) {
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___fPAPT) {
79
+ :where(.Heading-module__hop-Heading--3xl___gmnf3) {
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/Text/src/Text.module.css/#css-module-data */
87
- .Text-module__hop-Text___YWQie {
87
+ .Text-module__hop-Text___7-tYM {
88
88
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
89
89
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
90
90
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -114,49 +114,49 @@
114
114
  --hop-Text-inherit-size-font-weight: inherit;
115
115
  --hop-Text-inherit-size-line-height: inherit;
116
116
  }
117
- :where(.Text-module__hop-Text___YWQie) {
117
+ :where(.Text-module__hop-Text___7-tYM) {
118
118
  font-family: var(--font-family);
119
119
  font-size: var(--font-size);
120
120
  font-weight: var(--font-weight);
121
121
  line-height: var(--line-height);
122
122
  }
123
- :where(.Text-module__hop-Text--xs___pfyH6) {
123
+ :where(.Text-module__hop-Text--xs___HbFAZ) {
124
124
  --font-size: var(--hop-Text-xs-font-size);
125
125
  --font-family: var(--hop-Text-xs-font-family);
126
126
  --font-weight: var(--hop-Text-xs-font-weight);
127
127
  --line-height: var(--hop-Text-xs-line-height);
128
128
  }
129
- :where(.Text-module__hop-Text--sm___oH8pv) {
129
+ :where(.Text-module__hop-Text--sm___tYwpG) {
130
130
  --font-size: var(--hop-Text-sm-font-size);
131
131
  --font-family: var(--hop-Text-sm-font-family);
132
132
  --font-weight: var(--hop-Text-sm-font-weight);
133
133
  --line-height: var(--hop-Text-sm-line-height);
134
134
  }
135
- :where(.Text-module__hop-Text--md___6SESF) {
135
+ :where(.Text-module__hop-Text--md___kRzjz) {
136
136
  --font-size: var(--hop-Text-md-font-size);
137
137
  --font-family: var(--hop-Text-md-font-family);
138
138
  --font-weight: var(--hop-Text-md-font-weight);
139
139
  --line-height: var(--hop-Text-md-line-height);
140
140
  }
141
- :where(.Text-module__hop-Text--lg___KUuZc) {
141
+ :where(.Text-module__hop-Text--lg___-9lHi) {
142
142
  --font-size: var(--hop-Text-lg-font-size);
143
143
  --font-family: var(--hop-Text-lg-font-family);
144
144
  --font-weight: var(--hop-Text-lg-font-weight);
145
145
  --line-height: var(--hop-Text-lg-line-height);
146
146
  }
147
- :where(.Text-module__hop-Text--xl___Yhkcp) {
147
+ :where(.Text-module__hop-Text--xl___7-Sot) {
148
148
  --font-size: var(--hop-Text-xl-font-size);
149
149
  --font-family: var(--hop-Text-xl-font-family);
150
150
  --font-weight: var(--hop-Text-xl-font-weight);
151
151
  --line-height: var(--hop-Text-xl-line-height);
152
152
  }
153
- :where(.Text-module__hop-Text--2xl___fCHd1) {
153
+ :where(.Text-module__hop-Text--2xl___9rIz6) {
154
154
  --font-size: var(--hop-Text-2xl-font-size);
155
155
  --font-family: var(--hop-Text-2xl-font-family);
156
156
  --font-weight: var(--hop-Text-2xl-font-weight);
157
157
  --line-height: var(--hop-Text-2xl-line-height);
158
158
  }
159
- :where(.Text-module__hop-Text--inherit___pumuo) {
159
+ :where(.Text-module__hop-Text--inherit___MTfwM) {
160
160
  --font-size: var(--hop-Text-inherit-size-font-size);
161
161
  --font-family: var(--hop-Text-inherit-size-font-family);
162
162
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -164,26 +164,26 @@
164
164
  }
165
165
 
166
166
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/Label/src/Label.module.css/#css-module-data */
167
- .Label-module__hop-Label___-0l1I {
167
+ .Label-module__hop-Label___55NlZ {
168
168
  --hop-Label-font-size: var(--hop-heading-xs-font-size);
169
169
  --hop-Label-font-family: var(--hop-heading-xs-font-family);
170
170
  --hop-Label-font-weight: var(--hop-heading-xs-font-weight);
171
171
  --hop-Label-line-height: var(--hop-heading-xs-line-height);
172
172
  --hop-Label-color: var(--hop-neutral-text-weak);
173
173
  }
174
- :where(.Label-module__hop-Label___-0l1I) {
174
+ :where(.Label-module__hop-Label___55NlZ) {
175
175
  font-family: var(--hop-Label-font-family);
176
176
  font-size: var(--hop-Label-font-size);
177
177
  font-weight: var(--hop-Label-font-weight);
178
178
  line-height: var(--hop-Label-line-height);
179
179
  color: var(--hop-Label-color);
180
180
  }
181
- :where(.Label-module__hop-Label__indicator___Qu17i) {
181
+ :where(.Label-module__hop-Label__indicator___daGkb) {
182
182
  padding-inline-start: var(--hop-space-20);
183
183
  }
184
184
 
185
185
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/typography/OverlineText/src/OverlineText.module.css/#css-module-data */
186
- :where(.OverlineText-module__hop-OverlineText___PKcfo) {
186
+ :where(.OverlineText-module__hop-OverlineText___9vlkQ) {
187
187
  --hop-OverlineText-font-family: var(--hop-overline-font-family);
188
188
  --hop-OverlineText-font-size: var(--hop-overline-font-size);
189
189
  --hop-OverlineText-font-weight: var(--hop-overline-font-weight);
@@ -207,26 +207,26 @@
207
207
  text-transform: uppercase;
208
208
  letter-spacing: var(--letter-spacing);
209
209
  }
210
- .OverlineText-module__hop-OverlineText__text___gzZg6 {
210
+ .OverlineText-module__hop-OverlineText__text___NRM2V {
211
211
  box-sizing: border-box;
212
212
  }
213
- .OverlineText-module__hop-OverlineText__text___gzZg6::before,
214
- .OverlineText-module__hop-OverlineText__text___gzZg6::after {
213
+ .OverlineText-module__hop-OverlineText__text___NRM2V::before,
214
+ .OverlineText-module__hop-OverlineText__text___NRM2V::after {
215
215
  content: "";
216
216
  display: block;
217
217
  box-sizing: border-box;
218
218
  inline-size: 0;
219
219
  block-size: 0;
220
220
  }
221
- .OverlineText-module__hop-OverlineText__text___gzZg6::before {
221
+ .OverlineText-module__hop-OverlineText__text___NRM2V::before {
222
222
  margin-block-end: var(--bottom-offset);
223
223
  }
224
- .OverlineText-module__hop-OverlineText__text___gzZg6::after {
224
+ .OverlineText-module__hop-OverlineText__text___NRM2V::after {
225
225
  margin-block-start: var(--top-offset);
226
226
  }
227
227
 
228
228
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/Badge.module.css/#css-module-data */
229
- .Badge-module__hop-Badge___jegv1 {
229
+ .Badge-module__hop-Badge___WmQnH {
230
230
  --hop-Badge-height: 1.5rem;
231
231
  --hop-Badge-width: max-content;
232
232
  --hop-Badge-padding-inline: var(--hop-space-inset-sm);
@@ -276,67 +276,67 @@
276
276
  background-color: var(--background-color, var(--hop-Badge-primary-background-color));
277
277
  border-radius: var(--border-radius);
278
278
  }
279
- .Badge-module__hop-Badge___jegv1[data-variant=primary] {
279
+ .Badge-module__hop-Badge___WmQnH[data-variant=primary] {
280
280
  --background-color: var(--hop-Badge-primary-background-color);
281
281
  --text-color: var(--hop-Badge-primary-text-color);
282
282
  }
283
- .Badge-module__hop-Badge___jegv1[data-hovered][data-variant=primary] {
283
+ .Badge-module__hop-Badge___WmQnH[data-hovered][data-variant=primary] {
284
284
  --background-color: var(--hop-Badge-primary-background-color-hovered);
285
285
  --text-color: var(--hop-Badge-primary-text-color-hovered);
286
286
  }
287
- .Badge-module__hop-Badge___jegv1[data-pressed][data-variant=primary] {
287
+ .Badge-module__hop-Badge___WmQnH[data-pressed][data-variant=primary] {
288
288
  --background-color: var(--hop-Badge-primary-background-color-pressed);
289
289
  --text-color: var(--hop-Badge-primary-text-color-pressed);
290
290
  }
291
- .Badge-module__hop-Badge___jegv1[data-selected][data-variant=primary] {
291
+ .Badge-module__hop-Badge___WmQnH[data-selected][data-variant=primary] {
292
292
  --background-color: var(--hop-Badge-primary-background-color-selected);
293
293
  --text-color: var(--hop-Badge-primary-text-color-selected);
294
294
  }
295
- .Badge-module__hop-Badge___jegv1[data-variant=secondary] {
295
+ .Badge-module__hop-Badge___WmQnH[data-variant=secondary] {
296
296
  --background-color: var(--hop-Badge-secondary-background-color);
297
297
  --text-color: var(--hop-Badge-secondary-text-color);
298
298
  }
299
- .Badge-module__hop-Badge___jegv1[data-hovered][data-variant=secondary] {
299
+ .Badge-module__hop-Badge___WmQnH[data-hovered][data-variant=secondary] {
300
300
  --background-color: var(--hop-Badge-secondary-background-color-hovered);
301
301
  --text-color: var(--hop-Badge-secondary-text-color-hovered);
302
302
  }
303
- .Badge-module__hop-Badge___jegv1[data-pressed][data-variant=secondary] {
303
+ .Badge-module__hop-Badge___WmQnH[data-pressed][data-variant=secondary] {
304
304
  --background-color: var(--hop-Badge-secondary-background-color-pressed);
305
305
  --text-color: var(--hop-Badge-secondary-text-color-pressed);
306
306
  }
307
- .Badge-module__hop-Badge___jegv1[data-selected][data-variant=secondary] {
307
+ .Badge-module__hop-Badge___WmQnH[data-selected][data-variant=secondary] {
308
308
  --background-color: var(--hop-Badge-secondary-background-color-selected);
309
309
  --text-color: var(--hop-Badge-secondary-text-color-selected);
310
310
  }
311
- .Badge-module__hop-Badge___jegv1[data-variant=subdued] {
311
+ .Badge-module__hop-Badge___WmQnH[data-variant=subdued] {
312
312
  --background-color: var(--hop-Badge-subdued-background-color);
313
313
  --text-color: var(--hop-Badge-subdued-text-color);
314
314
  }
315
- .Badge-module__hop-Badge___jegv1[data-hovered][data-variant=subdued] {
315
+ .Badge-module__hop-Badge___WmQnH[data-hovered][data-variant=subdued] {
316
316
  --background-color: var(--hop-Badge-subdued-background-color-hovered);
317
317
  --text-color: var(--hop-Badge-subdued-text-color-hovered);
318
318
  }
319
- .Badge-module__hop-Badge___jegv1[data-pressed][data-variant=subdued] {
319
+ .Badge-module__hop-Badge___WmQnH[data-pressed][data-variant=subdued] {
320
320
  --background-color: var(--hop-Badge-subdued-background-color-pressed);
321
321
  --text-color: var(--hop-Badge-subdued-text-color-pressed);
322
322
  }
323
- .Badge-module__hop-Badge___jegv1[data-selected][data-variant=subdued] {
323
+ .Badge-module__hop-Badge___WmQnH[data-selected][data-variant=subdued] {
324
324
  --background-color: var(--hop-Badge-subdued-background-color-selected);
325
325
  --text-color: var(--hop-Badge-subdued-text-color-selected);
326
326
  }
327
- .Badge-module__hop-Badge___jegv1[data-indeterminate] {
327
+ .Badge-module__hop-Badge___WmQnH[data-indeterminate] {
328
328
  --border-radius: var(--hop-Badge-indeterminate-border-radius);
329
329
  --height: var(--hop-Badge-indeterminate-height);
330
330
  --width: var(--hop-Badge-indeterminate-width);
331
331
  --padding-inline: var(--hop-Badge-indeterminate-padding-inline);
332
332
  }
333
- .Badge-module__hop-Badge___jegv1[data-disabled] {
333
+ .Badge-module__hop-Badge___WmQnH[data-disabled] {
334
334
  --background-color: var(--hop-Badge-background-color-disabled);
335
335
  --text-color: var(--hop-Badge-text-color-disabled);
336
336
  }
337
337
 
338
338
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Badge/src/FloatingBadge.module.css/#css-module-data */
339
- .FloatingBadge-module__hop-FloatingBadge___J7RCP {
339
+ .FloatingBadge-module__hop-FloatingBadge___xxOf2 {
340
340
  --hop-FloatingBadge-badge-x: calc(0% + var(--hop-FloatingBadge-offset-x));
341
341
  --hop-FloatingBadge-badge-circular-x: calc(10% + var(--hop-FloatingBadge-offset-x));
342
342
  --hop-FloatingBadge-badge-y: calc(0% + var(--hop-FloatingBadge-offset-y));
@@ -377,7 +377,7 @@
377
377
  box-sizing: border-box;
378
378
  inline-size: max-content;
379
379
  }
380
- .FloatingBadge-module__hop-FloatingBadge___J7RCP[data-placement="top right"] {
380
+ .FloatingBadge-module__hop-FloatingBadge___xxOf2[data-placement="top right"] {
381
381
  --badge-top: var(--hop-FloatingBadge-badge-topright-top);
382
382
  --badge-right: var(--hop-FloatingBadge-badge-topright-right);
383
383
  --badge-bottom: var(--hop-FloatingBadge-badge-topright-bottom);
@@ -385,11 +385,11 @@
385
385
  --badge-transform: var(--hop-FloatingBadge-badge-topright-transform);
386
386
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topright-transform-origin);
387
387
  }
388
- .FloatingBadge-module__hop-FloatingBadge___J7RCP[data-placement="top right"][data-overlap=circular] {
388
+ .FloatingBadge-module__hop-FloatingBadge___xxOf2[data-placement="top right"][data-overlap=circular] {
389
389
  --badge-top: var(--hop-FloatingBadge-badge-topright-circular-top);
390
390
  --badge-right: var(--hop-FloatingBadge-badge-topright-circular-right);
391
391
  }
392
- .FloatingBadge-module__hop-FloatingBadge___J7RCP[data-placement="top left"] {
392
+ .FloatingBadge-module__hop-FloatingBadge___xxOf2[data-placement="top left"] {
393
393
  --badge-top: var(--hop-FloatingBadge-badge-topleft-top);
394
394
  --badge-right: var(--hop-FloatingBadge-badge-topleft-right);
395
395
  --badge-bottom: var(--hop-FloatingBadge-badge-topleft-bottom);
@@ -397,11 +397,11 @@
397
397
  --badge-transform: var(--hop-FloatingBadge-badge-topleft-transform);
398
398
  --badge-transform-origin: var(--hop-FloatingBadge-badge-topleft-transform-origin);
399
399
  }
400
- .FloatingBadge-module__hop-FloatingBadge___J7RCP[data-placement="top left"][data-overlap=circular] {
400
+ .FloatingBadge-module__hop-FloatingBadge___xxOf2[data-placement="top left"][data-overlap=circular] {
401
401
  --badge-top: var(--hop-FloatingBadge-badge-topleft-circular-top);
402
402
  --badge-left: var(--hop-FloatingBadge-badge-topleft-circular-left);
403
403
  }
404
- .FloatingBadge-module__hop-FloatingBadge___J7RCP[data-placement="bottom right"] {
404
+ .FloatingBadge-module__hop-FloatingBadge___xxOf2[data-placement="bottom right"] {
405
405
  --badge-top: var(--hop-FloatingBadge-badge-bottomright-top);
406
406
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-right);
407
407
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-bottom);
@@ -409,11 +409,11 @@
409
409
  --badge-transform: var(--hop-FloatingBadge-badge-bottomright-transform);
410
410
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomright-transform-origin);
411
411
  }
412
- .FloatingBadge-module__hop-FloatingBadge___J7RCP[data-placement="bottom right"][data-overlap=circular] {
412
+ .FloatingBadge-module__hop-FloatingBadge___xxOf2[data-placement="bottom right"][data-overlap=circular] {
413
413
  --badge-right: var(--hop-FloatingBadge-badge-bottomright-circular-right);
414
414
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomright-circular-bottom);
415
415
  }
416
- .FloatingBadge-module__hop-FloatingBadge___J7RCP[data-placement="bottom left"] {
416
+ .FloatingBadge-module__hop-FloatingBadge___xxOf2[data-placement="bottom left"] {
417
417
  --badge-top: var(--hop-FloatingBadge-badge-bottomleft-top);
418
418
  --badge-right: var(--hop-FloatingBadge-badge-bottomleft-right);
419
419
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-bottom);
@@ -421,11 +421,11 @@
421
421
  --badge-transform: var(--hop-FloatingBadge-badge-bottomleft-transform);
422
422
  --badge-transform-origin: var(--hop-FloatingBadge-badge-bottomleft-transform-origin);
423
423
  }
424
- .FloatingBadge-module__hop-FloatingBadge___J7RCP[data-placement="bottom left"][data-overlap=circular] {
424
+ .FloatingBadge-module__hop-FloatingBadge___xxOf2[data-placement="bottom left"][data-overlap=circular] {
425
425
  --badge-bottom: var(--hop-FloatingBadge-badge-bottomleft-circular-bottom);
426
426
  --badge-left: var(--hop-FloatingBadge-badge-bottomleft-circular-left);
427
427
  }
428
- .FloatingBadge-module__hop-FloatingBadge__badge___zFoJJ {
428
+ .FloatingBadge-module__hop-FloatingBadge__badge___BaGuU {
429
429
  position: absolute;
430
430
  inset: var(--badge-top) var(--badge-right) var(--badge-bottom) var(--badge-left);
431
431
  transform-origin: var(--badge-transform-origin);
package/dist/Badge/src/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- export { Badge, BadgeProps, GlobalBadgeCssSelector } from './Badge.js';
1
+ export { Badge, BadgeProps, BadgeVariant, GlobalBadgeCssSelector } from './Badge.js';
2
2
  export { BadgeContext, BadgeContextValue } from './BadgeContext.js';
3
3
  export { FloatingBadge, FloatingBadgeOverlap, FloatingBadgePlacement, FloatingBadgeProps, GlobalFloatingBadgeCssSelector } from './FloatingBadge.js';
4
4
  export { FloatingBadgeContext } from './FloatingBadgeContext.js';
package/dist/Badge/src/index.js CHANGED
@@ -1,7 +1,7 @@
1
- export { _Badge as Badge, GlobalBadgeCssSelector } from '../../chunk-5TL2U37O.js';
2
- import '../../chunk-JZAWRJFA.js';
1
+ export { _Badge as Badge, GlobalBadgeCssSelector } from '../../chunk-KBDTTZPD.js';
2
+ import '../../chunk-AUEHFPNX.js';
3
3
  import '../../chunk-WPNVVGFW.js';
4
- export { _FloatingBadge as FloatingBadge, GlobalFloatingBadgeCssSelector } from '../../chunk-MDIVABWE.js';
4
+ export { _FloatingBadge as FloatingBadge, GlobalFloatingBadgeCssSelector } from '../../chunk-T2DMBK3U.js';
5
5
  export { BadgeContext } from '../../chunk-CQDLZ42T.js';
6
6
  export { FloatingBadgeContext } from '../../chunk-CIGS4QGT.js';
7
7
  import '../../chunk-HXI3MEEK.js';