@hopper-ui/components 1.3.20 → 1.3.22

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 (220) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/Avatar/src/AnonymousAvatar.css +37 -37
  3. package/dist/Avatar/src/AnonymousAvatar.js +3 -3
  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 +3 -3
  8. package/dist/Avatar/src/RichIconAvatarImage.css +37 -37
  9. package/dist/Avatar/src/RichIconAvatarImage.js +2 -2
  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.d.ts +5 -0
  14. package/dist/Badge/src/Badge.js +3 -3
  15. package/dist/Badge/src/FloatingBadge.css +37 -37
  16. package/dist/Badge/src/FloatingBadge.js +2 -2
  17. package/dist/Badge/src/index.css +52 -52
  18. package/dist/Badge/src/index.js +5 -5
  19. package/dist/ComboBox/src/ComboBox.css +1179 -866
  20. package/dist/ComboBox/src/ComboBox.js +8 -8
  21. package/dist/ComboBox/src/ComboBoxOptions.css +1179 -866
  22. package/dist/ComboBox/src/ComboBoxOptions.js +63 -61
  23. package/dist/ComboBox/src/index.css +1179 -866
  24. package/dist/ComboBox/src/index.js +63 -61
  25. package/dist/Divider/src/Divider.css +29 -29
  26. package/dist/Divider/src/Divider.js +1 -1
  27. package/dist/Divider/src/index.css +29 -29
  28. package/dist/Divider/src/index.js +1 -1
  29. package/dist/ErrorMessage/src/ErrorMessage.css +29 -29
  30. package/dist/ErrorMessage/src/ErrorMessage.js +3 -3
  31. package/dist/ErrorMessage/src/index.css +29 -29
  32. package/dist/ErrorMessage/src/index.js +3 -3
  33. package/dist/Form/src/Form.css +1179 -866
  34. package/dist/Form/src/Form.js +63 -61
  35. package/dist/Form/src/index.css +1179 -866
  36. package/dist/Form/src/index.js +63 -61
  37. package/dist/HelperMessage/src/HelperMessage.css +29 -29
  38. package/dist/HelperMessage/src/HelperMessage.js +2 -2
  39. package/dist/HelperMessage/src/index.css +29 -29
  40. package/dist/HelperMessage/src/index.js +2 -2
  41. package/dist/IconList/src/IconList.css +28 -28
  42. package/dist/IconList/src/IconList.js +1 -1
  43. package/dist/IconList/src/index.css +28 -28
  44. package/dist/IconList/src/index.js +1 -1
  45. package/dist/Link/src/Link.css +49 -49
  46. package/dist/Link/src/Link.js +7 -7
  47. package/dist/Link/src/index.css +49 -49
  48. package/dist/Link/src/index.js +7 -7
  49. package/dist/ListBox/src/ListBox.css +274 -274
  50. package/dist/ListBox/src/ListBox.js +12 -12
  51. package/dist/ListBox/src/ListBoxItem.css +262 -262
  52. package/dist/ListBox/src/ListBoxItem.d.ts +2 -6
  53. package/dist/ListBox/src/ListBoxItem.js +11 -11
  54. package/dist/ListBox/src/ListBoxItemContext.d.ts +1 -2
  55. package/dist/ListBox/src/ListBoxItemSkeleton.css +34 -34
  56. package/dist/ListBox/src/ListBoxItemSkeleton.d.ts +0 -1
  57. package/dist/ListBox/src/ListBoxItemSkeleton.js +1 -1
  58. package/dist/ListBox/src/ListBoxItemSkeletonContext.d.ts +0 -1
  59. package/dist/ListBox/src/index.css +274 -274
  60. package/dist/ListBox/src/index.js +12 -12
  61. package/dist/Select/src/Select.css +296 -296
  62. package/dist/Select/src/Select.js +8 -8
  63. package/dist/Select/src/SelectOptions.css +1179 -866
  64. package/dist/Select/src/SelectOptions.js +63 -61
  65. package/dist/Select/src/SelectValue.css +61 -61
  66. package/dist/Select/src/SelectValue.js +6 -6
  67. package/dist/Select/src/index.css +1179 -866
  68. package/dist/Select/src/index.js +63 -61
  69. package/dist/Spinner/src/Spinner.css +37 -37
  70. package/dist/Spinner/src/Spinner.js +3 -3
  71. package/dist/Spinner/src/index.css +37 -37
  72. package/dist/Spinner/src/index.js +3 -3
  73. package/dist/buttons/src/Button.css +186 -265
  74. package/dist/buttons/src/Button.d.ts +5 -14
  75. package/dist/buttons/src/Button.js +8 -9
  76. package/dist/buttons/src/ButtonContext.d.ts +4 -6
  77. package/dist/buttons/src/ButtonGroup.css +38 -38
  78. package/dist/buttons/src/ButtonGroup.d.ts +1 -2
  79. package/dist/buttons/src/ButtonGroup.js +2 -1
  80. package/dist/buttons/src/ButtonGroupContext.d.ts +1 -2
  81. package/dist/buttons/src/ClearButton.css +98 -98
  82. package/dist/buttons/src/ClearButton.js +3 -3
  83. package/dist/buttons/src/EmbeddedButton.css +98 -98
  84. package/dist/buttons/src/EmbeddedButton.js +2 -2
  85. package/dist/buttons/src/LinkButton.css +627 -0
  86. package/dist/buttons/src/LinkButton.d.ts +30 -0
  87. package/dist/buttons/src/LinkButton.js +21 -0
  88. package/dist/buttons/src/LinkButtonContext.d.ts +9 -0
  89. package/dist/buttons/src/LinkButtonContext.js +2 -0
  90. package/dist/buttons/src/index.css +660 -347
  91. package/dist/buttons/src/index.d.ts +6 -3
  92. package/dist/buttons/src/index.js +13 -12
  93. package/dist/checkbox/src/Checkbox.css +46 -46
  94. package/dist/checkbox/src/Checkbox.js +7 -7
  95. package/dist/checkbox/src/CheckboxField.css +33 -33
  96. package/dist/checkbox/src/CheckboxField.js +2 -2
  97. package/dist/checkbox/src/CheckboxGroup.css +98 -98
  98. package/dist/checkbox/src/CheckboxGroup.js +2 -2
  99. package/dist/checkbox/src/DecorativeCheckbox.css +54 -54
  100. package/dist/checkbox/src/DecorativeCheckbox.js +7 -7
  101. package/dist/checkbox/src/index.css +98 -98
  102. package/dist/checkbox/src/index.js +10 -10
  103. package/dist/{chunk-FZANHOCL.js → chunk-252JECH3.js} +4 -4
  104. package/dist/{chunk-VOPMQNZU.js → chunk-2H6UV2SG.js} +3 -3
  105. package/dist/{chunk-K37GG2W4.js → chunk-2VHUBRYW.js} +1 -1
  106. package/dist/chunk-3UQFC2NQ.js +7 -0
  107. package/dist/{chunk-ZFLVZHFU.js → chunk-4JSLFCFC.js} +4 -4
  108. package/dist/{chunk-2GH5MFYM.js → chunk-4O4FBHN5.js} +14 -8
  109. package/dist/{chunk-3RAC77T3.js → chunk-5TSWWRP5.js} +1 -1
  110. package/dist/chunk-5YJ67DFM.js +107 -0
  111. package/dist/{chunk-FGBJ4BQN.js → chunk-6NYROZG5.js} +4 -4
  112. package/dist/{chunk-FH236DA7.js → chunk-6RICOPVG.js} +6 -6
  113. package/dist/{chunk-56JPORN2.js → chunk-6RNMY3B3.js} +2 -2
  114. package/dist/{chunk-3YY4L64N.js → chunk-6UPNVYSM.js} +3 -3
  115. package/dist/{chunk-EOFFODBT.js → chunk-7J3TNUEU.js} +2 -2
  116. package/dist/{chunk-FSXYBGL2.js → chunk-B63FSPKP.js} +1 -1
  117. package/dist/{chunk-D2ZXLYC4.js → chunk-B7HFTI4F.js} +2 -2
  118. package/dist/{chunk-XAEUK2IS.js → chunk-BPHBGKEP.js} +1 -1
  119. package/dist/{chunk-UXX325G4.js → chunk-D3SH5S47.js} +3 -3
  120. package/dist/{chunk-QRJ5QOOH.js → chunk-DBMGIEGU.js} +3 -3
  121. package/dist/{chunk-LU7FB5PR.js → chunk-FUOWPCCB.js} +7 -7
  122. package/dist/{chunk-CSG4J7DG.js → chunk-GMVVIPQG.js} +3 -3
  123. package/dist/chunk-GWG4MVEJ.js +130 -0
  124. package/dist/{chunk-VR5K6SKY.js → chunk-HA2G7Z3Y.js} +3 -3
  125. package/dist/{chunk-BAVC57WI.js → chunk-HWO7TXDE.js} +1 -1
  126. package/dist/{chunk-DDCNAIN3.js → chunk-I6KKIOW4.js} +1 -1
  127. package/dist/{chunk-LQQIV4NI.js → chunk-IJ63FSF2.js} +3 -3
  128. package/dist/{chunk-NBU2JO34.js → chunk-IXSK27JB.js} +2 -2
  129. package/dist/{chunk-7S4WBT4G.js → chunk-JP6GK2ZA.js} +2 -2
  130. package/dist/{chunk-DF556GIE.js → chunk-JTX57GMF.js} +1 -1
  131. package/dist/{chunk-G3KPVKSY.js → chunk-KSVVXFS7.js} +1 -1
  132. package/dist/{chunk-H2IB2YPL.js → chunk-LIWVG7YG.js} +2 -2
  133. package/dist/{chunk-GQE7EKQR.js → chunk-M5KK5N5H.js} +15 -9
  134. package/dist/{chunk-MZUJCQXJ.js → chunk-MPQTHOE3.js} +2 -2
  135. package/dist/{chunk-AW7BK3KI.js → chunk-OA3QBRFE.js} +1 -1
  136. package/dist/{chunk-LOK2QDPO.js → chunk-OJUEP7CC.js} +6 -5
  137. package/dist/{chunk-MILAEJ2L.js → chunk-OMUZK3MO.js} +1 -1
  138. package/dist/{chunk-KFE26Z37.js → chunk-ORU5PV3C.js} +2 -2
  139. package/dist/{chunk-4AJKRRST.js → chunk-QESAGPPL.js} +4 -4
  140. package/dist/{chunk-5IJ5WIHP.js → chunk-R4F5OA3R.js} +4 -4
  141. package/dist/{chunk-2TKSTDV2.js → chunk-RS26HRDP.js} +1 -1
  142. package/dist/{chunk-PMLYF4LY.js → chunk-RVSFILDF.js} +3 -3
  143. package/dist/{chunk-653VMV4L.js → chunk-TFUV5RJ3.js} +4 -4
  144. package/dist/{chunk-EH3ONDLF.js → chunk-X66XJOKK.js} +3 -3
  145. package/dist/{chunk-F4NDKYBQ.js → chunk-X7NKH6N6.js} +2 -2
  146. package/dist/{chunk-OQPYRC2F.js → chunk-XZ3DY7TN.js} +2 -2
  147. package/dist/{chunk-5DE3AIOL.js → chunk-Y4JN2FNO.js} +1 -1
  148. package/dist/{chunk-YTMJJOJ7.js → chunk-YBR7YMSR.js} +11 -6
  149. package/dist/{chunk-ETRACW2O.js → chunk-YOLWUQYK.js} +3 -3
  150. package/dist/{chunk-AKZXMYPT.js → chunk-ZELJHVRI.js} +2 -2
  151. package/dist/{chunk-NHWFS4AT.js → chunk-ZTILFVDQ.js} +3 -3
  152. package/dist/index.css +1179 -866
  153. package/dist/index.d.ts +6 -3
  154. package/dist/index.js +63 -61
  155. package/dist/inputs/src/InputGroup.css +675 -362
  156. package/dist/inputs/src/InputGroup.js +2 -2
  157. package/dist/inputs/src/NumberField.css +697 -384
  158. package/dist/inputs/src/NumberField.js +9 -9
  159. package/dist/inputs/src/PasswordField.css +685 -372
  160. package/dist/inputs/src/PasswordField.js +9 -9
  161. package/dist/inputs/src/RemainingCharacterCount.css +30 -30
  162. package/dist/inputs/src/RemainingCharacterCount.js +6 -6
  163. package/dist/inputs/src/SearchField.css +691 -378
  164. package/dist/inputs/src/SearchField.js +9 -9
  165. package/dist/inputs/src/TextArea.css +692 -379
  166. package/dist/inputs/src/TextArea.js +8 -8
  167. package/dist/inputs/src/TextField.css +689 -376
  168. package/dist/inputs/src/TextField.js +12 -12
  169. package/dist/inputs/src/index.css +735 -422
  170. package/dist/inputs/src/index.js +18 -18
  171. package/dist/overlays/Popover/src/Popover.css +1179 -866
  172. package/dist/overlays/Popover/src/Popover.js +63 -61
  173. package/dist/overlays/Popover/src/index.css +1179 -866
  174. package/dist/overlays/Popover/src/index.js +63 -61
  175. package/dist/radio/src/DecorativeRadio.css +54 -54
  176. package/dist/radio/src/DecorativeRadio.js +7 -7
  177. package/dist/radio/src/Radio.css +46 -46
  178. package/dist/radio/src/Radio.js +7 -7
  179. package/dist/radio/src/RadioField.css +33 -33
  180. package/dist/radio/src/RadioField.js +2 -2
  181. package/dist/radio/src/RadioGroup.css +98 -98
  182. package/dist/radio/src/RadioGroup.js +3 -3
  183. package/dist/radio/src/index.css +98 -98
  184. package/dist/radio/src/index.js +11 -11
  185. package/dist/switch/src/Switch.css +43 -43
  186. package/dist/switch/src/Switch.js +7 -7
  187. package/dist/switch/src/SwitchField.css +33 -33
  188. package/dist/switch/src/SwitchField.js +3 -3
  189. package/dist/switch/src/index.css +49 -49
  190. package/dist/switch/src/index.js +9 -9
  191. package/dist/tag/src/Tag.css +801 -488
  192. package/dist/tag/src/Tag.js +11 -11
  193. package/dist/tag/src/TagGroup.css +37 -37
  194. package/dist/tag/src/TagGroup.js +1 -1
  195. package/dist/tag/src/TagList.css +27 -27
  196. package/dist/tag/src/index.css +811 -498
  197. package/dist/tag/src/index.js +12 -12
  198. package/dist/types-CVCUJ7un.d.ts +4 -0
  199. package/dist/typography/Heading/src/Heading.css +27 -27
  200. package/dist/typography/Heading/src/Heading.js +1 -1
  201. package/dist/typography/Heading/src/index.css +27 -27
  202. package/dist/typography/Heading/src/index.js +1 -1
  203. package/dist/typography/Label/src/Label.css +27 -27
  204. package/dist/typography/Label/src/Label.js +1 -1
  205. package/dist/typography/Label/src/index.css +27 -27
  206. package/dist/typography/Label/src/index.js +1 -1
  207. package/dist/typography/OverlineText/src/OverlineText.css +27 -27
  208. package/dist/typography/OverlineText/src/OverlineText.js +1 -1
  209. package/dist/typography/OverlineText/src/index.css +27 -27
  210. package/dist/typography/OverlineText/src/index.js +1 -1
  211. package/dist/typography/Text/src/Text.css +27 -27
  212. package/dist/typography/Text/src/Text.js +1 -1
  213. package/dist/typography/Text/src/index.css +27 -27
  214. package/dist/typography/Text/src/index.js +1 -1
  215. package/dist/utils/src/EnsureTextWrapper.css +27 -27
  216. package/dist/utils/src/EnsureTextWrapper.js +5 -5
  217. package/dist/utils/src/index.css +27 -27
  218. package/dist/utils/src/index.js +7 -7
  219. package/package.json +10 -10
  220. package/dist/chunk-BPH5ATEH.js +0 -187
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___7drzK {
2
+ .Heading-module__hop-Heading___Eay4d {
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___7drzK) {
36
+ :where(.Heading-module__hop-Heading___Eay4d) {
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___0JHJR) {
43
+ :where(.Heading-module__hop-Heading--xs___d3EXo) {
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___FfRbr) {
49
+ :where(.Heading-module__hop-Heading--sm___kJu64) {
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___iEZB3) {
55
+ :where(.Heading-module__hop-Heading--md___5l07Q) {
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___CiHJr) {
61
+ :where(.Heading-module__hop-Heading--lg___n4a5t) {
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___BxXWu) {
67
+ :where(.Heading-module__hop-Heading--xl___iRAGJ) {
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___AaMF1) {
73
+ :where(.Heading-module__hop-Heading--2xl___7feao) {
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___KsM39) {
79
+ :where(.Heading-module__hop-Heading--3xl___YyZPS) {
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___-EUra {
87
+ .Text-module__hop-Text___a3kO5 {
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___-EUra) {
117
+ :where(.Text-module__hop-Text___a3kO5) {
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___t4w0g) {
123
+ :where(.Text-module__hop-Text--xs___oNTnw) {
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___3fx9R) {
129
+ :where(.Text-module__hop-Text--sm___w91cp) {
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___N-FVs) {
135
+ :where(.Text-module__hop-Text--md___sWC3z) {
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___Hk0C7) {
141
+ :where(.Text-module__hop-Text--lg___CsB7P) {
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___a4t-X) {
147
+ :where(.Text-module__hop-Text--xl___CIkMe) {
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___PFpVA) {
153
+ :where(.Text-module__hop-Text--2xl___hSu4e) {
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___ENNdv) {
159
+ :where(.Text-module__hop-Text--inherit___KZpNu) {
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___DX8iF) {
167
+ :where(.OverlineText-module__hop-OverlineText___cowIx) {
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___p5TCe {
191
+ .OverlineText-module__hop-OverlineText__text___bMeuH {
192
192
  box-sizing: border-box;
193
193
  }
194
- .OverlineText-module__hop-OverlineText__text___p5TCe::before,
195
- .OverlineText-module__hop-OverlineText__text___p5TCe::after {
194
+ .OverlineText-module__hop-OverlineText__text___bMeuH::before,
195
+ .OverlineText-module__hop-OverlineText__text___bMeuH::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___p5TCe::before {
202
+ .OverlineText-module__hop-OverlineText__text___bMeuH::before {
203
203
  margin-block-end: var(--bottom-offset);
204
204
  }
205
- .OverlineText-module__hop-OverlineText__text___p5TCe::after {
205
+ .OverlineText-module__hop-OverlineText__text___bMeuH::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___YFmlQ {
210
+ .Label-module__hop-Label___lehKc {
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___YFmlQ) {
217
+ :where(.Label-module__hop-Label___lehKc) {
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___32htv) {
224
+ :where(.Label-module__hop-Label__indicator___fWyCS) {
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___AkP3O {
229
+ .FloatingBadge-module__hop-FloatingBadge___RuMlo {
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___AkP3O[data-placement="top right"] {
270
+ .FloatingBadge-module__hop-FloatingBadge___RuMlo[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___AkP3O[data-placement="top right"][data-overlap=circular] {
278
+ .FloatingBadge-module__hop-FloatingBadge___RuMlo[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___AkP3O[data-placement="top left"] {
282
+ .FloatingBadge-module__hop-FloatingBadge___RuMlo[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___AkP3O[data-placement="top left"][data-overlap=circular] {
290
+ .FloatingBadge-module__hop-FloatingBadge___RuMlo[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___AkP3O[data-placement="bottom right"] {
294
+ .FloatingBadge-module__hop-FloatingBadge___RuMlo[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___AkP3O[data-placement="bottom right"][data-overlap=circular] {
302
+ .FloatingBadge-module__hop-FloatingBadge___RuMlo[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___AkP3O[data-placement="bottom left"] {
306
+ .FloatingBadge-module__hop-FloatingBadge___RuMlo[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___AkP3O[data-placement="bottom left"][data-overlap=circular] {
314
+ .FloatingBadge-module__hop-FloatingBadge___RuMlo[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___Igord {
318
+ .FloatingBadge-module__hop-FloatingBadge__badge___pmHId {
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,6 +1,6 @@
1
- export { _FloatingBadge as FloatingBadge, GlobalFloatingBadgeCssSelector } from '../../chunk-OQPYRC2F.js';
2
- import '../../chunk-CQDLZ42T.js';
1
+ export { _FloatingBadge as FloatingBadge, GlobalFloatingBadgeCssSelector } from '../../chunk-XZ3DY7TN.js';
3
2
  import '../../chunk-CIGS4QGT.js';
3
+ import '../../chunk-CQDLZ42T.js';
4
4
  import '../../chunk-HXI3MEEK.js';
5
5
  import '../../chunk-M36KANKC.js';
6
6
  import '../../chunk-KVDXQMWI.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___7drzK {
2
+ .Heading-module__hop-Heading___Eay4d {
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___7drzK) {
36
+ :where(.Heading-module__hop-Heading___Eay4d) {
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___0JHJR) {
43
+ :where(.Heading-module__hop-Heading--xs___d3EXo) {
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___FfRbr) {
49
+ :where(.Heading-module__hop-Heading--sm___kJu64) {
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___iEZB3) {
55
+ :where(.Heading-module__hop-Heading--md___5l07Q) {
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___CiHJr) {
61
+ :where(.Heading-module__hop-Heading--lg___n4a5t) {
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___BxXWu) {
67
+ :where(.Heading-module__hop-Heading--xl___iRAGJ) {
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___AaMF1) {
73
+ :where(.Heading-module__hop-Heading--2xl___7feao) {
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___KsM39) {
79
+ :where(.Heading-module__hop-Heading--3xl___YyZPS) {
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___-EUra {
87
+ .Text-module__hop-Text___a3kO5 {
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___-EUra) {
117
+ :where(.Text-module__hop-Text___a3kO5) {
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___t4w0g) {
123
+ :where(.Text-module__hop-Text--xs___oNTnw) {
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___3fx9R) {
129
+ :where(.Text-module__hop-Text--sm___w91cp) {
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___N-FVs) {
135
+ :where(.Text-module__hop-Text--md___sWC3z) {
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___Hk0C7) {
141
+ :where(.Text-module__hop-Text--lg___CsB7P) {
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___a4t-X) {
147
+ :where(.Text-module__hop-Text--xl___CIkMe) {
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___PFpVA) {
153
+ :where(.Text-module__hop-Text--2xl___hSu4e) {
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___ENNdv) {
159
+ :where(.Text-module__hop-Text--inherit___KZpNu) {
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___YFmlQ {
167
+ .Label-module__hop-Label___lehKc {
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___YFmlQ) {
174
+ :where(.Label-module__hop-Label___lehKc) {
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___32htv) {
181
+ :where(.Label-module__hop-Label__indicator___fWyCS) {
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___DX8iF) {
186
+ :where(.OverlineText-module__hop-OverlineText___cowIx) {
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___p5TCe {
210
+ .OverlineText-module__hop-OverlineText__text___bMeuH {
211
211
  box-sizing: border-box;
212
212
  }
213
- .OverlineText-module__hop-OverlineText__text___p5TCe::before,
214
- .OverlineText-module__hop-OverlineText__text___p5TCe::after {
213
+ .OverlineText-module__hop-OverlineText__text___bMeuH::before,
214
+ .OverlineText-module__hop-OverlineText__text___bMeuH::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___p5TCe::before {
221
+ .OverlineText-module__hop-OverlineText__text___bMeuH::before {
222
222
  margin-block-end: var(--bottom-offset);
223
223
  }
224
- .OverlineText-module__hop-OverlineText__text___p5TCe::after {
224
+ .OverlineText-module__hop-OverlineText__text___bMeuH::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___5fQ5c {
229
+ .Badge-module__hop-Badge___MEPnI {
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___5fQ5c[data-variant=primary] {
279
+ .Badge-module__hop-Badge--primary___sHpPz {
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___5fQ5c[data-hovered][data-variant=primary] {
283
+ .Badge-module__hop-Badge--primary___sHpPz[data-hovered] {
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___5fQ5c[data-pressed][data-variant=primary] {
287
+ .Badge-module__hop-Badge--primary___sHpPz[data-pressed] {
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___5fQ5c[data-selected][data-variant=primary] {
291
+ .Badge-module__hop-Badge--primary___sHpPz[data-selected] {
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___5fQ5c[data-variant=secondary] {
295
+ .Badge-module__hop-Badge--secondary___SvqSX {
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___5fQ5c[data-hovered][data-variant=secondary] {
299
+ .Badge-module__hop-Badge--secondary___SvqSX[data-hovered] {
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___5fQ5c[data-pressed][data-variant=secondary] {
303
+ .Badge-module__hop-Badge--secondary___SvqSX[data-pressed] {
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___5fQ5c[data-selected][data-variant=secondary] {
307
+ .Badge-module__hop-Badge--secondary___SvqSX[data-selected] {
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___5fQ5c[data-variant=subdued] {
311
+ .Badge-module__hop-Badge--subdued___XgCBD {
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___5fQ5c[data-hovered][data-variant=subdued] {
315
+ .Badge-module__hop-Badge--subdued___XgCBD[data-hovered] {
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___5fQ5c[data-pressed][data-variant=subdued] {
319
+ .Badge-module__hop-Badge--subdued___XgCBD[data-pressed] {
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___5fQ5c[data-selected][data-variant=subdued] {
323
+ .Badge-module__hop-Badge--subdued___XgCBD[data-selected] {
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___5fQ5c[data-indeterminate] {
327
+ .Badge-module__hop-Badge___MEPnI[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___5fQ5c[data-disabled] {
333
+ .Badge-module__hop-Badge___MEPnI[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___AkP3O {
339
+ .FloatingBadge-module__hop-FloatingBadge___RuMlo {
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___AkP3O[data-placement="top right"] {
380
+ .FloatingBadge-module__hop-FloatingBadge___RuMlo[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___AkP3O[data-placement="top right"][data-overlap=circular] {
388
+ .FloatingBadge-module__hop-FloatingBadge___RuMlo[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___AkP3O[data-placement="top left"] {
392
+ .FloatingBadge-module__hop-FloatingBadge___RuMlo[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___AkP3O[data-placement="top left"][data-overlap=circular] {
400
+ .FloatingBadge-module__hop-FloatingBadge___RuMlo[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___AkP3O[data-placement="bottom right"] {
404
+ .FloatingBadge-module__hop-FloatingBadge___RuMlo[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___AkP3O[data-placement="bottom right"][data-overlap=circular] {
412
+ .FloatingBadge-module__hop-FloatingBadge___RuMlo[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___AkP3O[data-placement="bottom left"] {
416
+ .FloatingBadge-module__hop-FloatingBadge___RuMlo[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___AkP3O[data-placement="bottom left"][data-overlap=circular] {
424
+ .FloatingBadge-module__hop-FloatingBadge___RuMlo[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___Igord {
428
+ .FloatingBadge-module__hop-FloatingBadge__badge___pmHId {
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.js CHANGED
@@ -1,12 +1,12 @@
1
- export { _Badge as Badge, GlobalBadgeCssSelector } from '../../chunk-LOK2QDPO.js';
2
- export { _FloatingBadge as FloatingBadge, GlobalFloatingBadgeCssSelector } from '../../chunk-OQPYRC2F.js';
3
- export { BadgeContext } from '../../chunk-CQDLZ42T.js';
1
+ export { _FloatingBadge as FloatingBadge, GlobalFloatingBadgeCssSelector } from '../../chunk-XZ3DY7TN.js';
4
2
  export { FloatingBadgeContext } from '../../chunk-CIGS4QGT.js';
5
- import '../../chunk-DF556GIE.js';
3
+ export { _Badge as Badge, GlobalBadgeCssSelector } from '../../chunk-OJUEP7CC.js';
4
+ import '../../chunk-JTX57GMF.js';
6
5
  import '../../chunk-WPNVVGFW.js';
6
+ export { BadgeContext } from '../../chunk-CQDLZ42T.js';
7
7
  import '../../chunk-HXI3MEEK.js';
8
+ import '../../chunk-M36KANKC.js';
8
9
  import '../../chunk-NH3IVMXB.js';
9
10
  import '../../chunk-65JPI4FL.js';
10
- import '../../chunk-M36KANKC.js';
11
11
  import '../../chunk-KVDXQMWI.js';
12
12
  import '../../chunk-JSBRDJBE.js';