@hopper-ui/components 0.1.0 → 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (211) hide show
  1. package/CHANGELOG.md +117 -0
  2. package/dist/HopperProvider/src/HopperProvider.d.ts +33 -1
  3. package/dist/HopperProvider/src/HopperProvider.js +2 -1
  4. package/dist/HopperProvider/src/index.d.ts +1 -0
  5. package/dist/HopperProvider/src/index.js +2 -1
  6. package/dist/IconList/src/IconList.css +6 -6
  7. package/dist/IconList/src/IconList.js +2 -1
  8. package/dist/IconList/src/IconListContext.js +1 -0
  9. package/dist/IconList/src/index.css +6 -6
  10. package/dist/IconList/src/index.js +2 -1
  11. package/dist/Label/src/Label.css +70 -70
  12. package/dist/Label/src/Label.js +3 -2
  13. package/dist/Label/src/LabelContext.js +1 -0
  14. package/dist/Label/src/index.css +70 -70
  15. package/dist/Label/src/index.js +3 -2
  16. package/dist/Link/src/Link.css +165 -0
  17. package/dist/Link/src/Link.d.ts +33 -0
  18. package/dist/Link/src/Link.js +11 -0
  19. package/dist/Link/src/LinkContext.d.ts +8 -0
  20. package/dist/Link/src/LinkContext.js +2 -0
  21. package/dist/Link/src/index.css +165 -0
  22. package/dist/Link/src/index.d.ts +5 -0
  23. package/dist/Link/src/index.js +11 -0
  24. package/dist/Spinner/src/Spinner.css +124 -124
  25. package/dist/Spinner/src/Spinner.d.ts +1 -0
  26. package/dist/Spinner/src/Spinner.js +5 -4
  27. package/dist/Spinner/src/SpinnerContext.js +1 -0
  28. package/dist/Spinner/src/index.css +124 -124
  29. package/dist/Spinner/src/index.js +5 -4
  30. package/dist/Text/src/Text.css +67 -67
  31. package/dist/Text/src/Text.d.ts +2 -3
  32. package/dist/Text/src/Text.js +5 -2
  33. package/dist/Text/src/TextContext.js +1 -0
  34. package/dist/Text/src/index.css +67 -67
  35. package/dist/Text/src/index.d.ts +1 -1
  36. package/dist/Text/src/index.js +5 -2
  37. package/dist/buttons/src/Button.css +634 -435
  38. package/dist/buttons/src/Button.d.ts +15 -10
  39. package/dist/buttons/src/Button.js +13 -9
  40. package/dist/buttons/src/ButtonContext.d.ts +6 -2
  41. package/dist/buttons/src/ButtonContext.js +1 -0
  42. package/dist/buttons/src/ButtonGroup.css +38 -0
  43. package/dist/buttons/src/ButtonGroup.d.ts +40 -0
  44. package/dist/buttons/src/ButtonGroup.js +83 -0
  45. package/dist/buttons/src/ButtonGroupContext.d.ts +9 -0
  46. package/dist/buttons/src/ButtonGroupContext.js +2 -0
  47. package/dist/buttons/src/index.css +634 -435
  48. package/dist/buttons/src/index.d.ts +2 -1
  49. package/dist/buttons/src/index.js +13 -9
  50. package/dist/checkbox/src/Checkbox.css +292 -0
  51. package/dist/checkbox/src/Checkbox.d.ts +20 -0
  52. package/dist/checkbox/src/Checkbox.js +11 -0
  53. package/dist/checkbox/src/CheckboxContext.d.ts +8 -0
  54. package/dist/checkbox/src/CheckboxContext.js +2 -0
  55. package/dist/checkbox/src/CheckboxField.css +119 -0
  56. package/dist/checkbox/src/CheckboxField.d.ts +26 -0
  57. package/dist/checkbox/src/CheckboxField.js +7 -0
  58. package/dist/checkbox/src/CheckboxFieldContext.d.ts +10 -0
  59. package/dist/checkbox/src/CheckboxFieldContext.js +2 -0
  60. package/dist/checkbox/src/CheckboxGroup.css +568 -0
  61. package/dist/checkbox/src/CheckboxGroup.d.ts +30 -0
  62. package/dist/checkbox/src/CheckboxGroup.js +12 -0
  63. package/dist/checkbox/src/CheckboxGroupContext.d.ts +8 -0
  64. package/dist/checkbox/src/CheckboxGroupContext.js +2 -0
  65. package/dist/checkbox/src/CheckboxList.d.ts +17 -0
  66. package/dist/checkbox/src/CheckboxList.js +3 -0
  67. package/dist/checkbox/src/CheckboxListContext.d.ts +10 -0
  68. package/dist/checkbox/src/CheckboxListContext.js +2 -0
  69. package/dist/checkbox/src/index.css +568 -0
  70. package/dist/checkbox/src/index.d.ts +13 -0
  71. package/dist/checkbox/src/index.js +20 -0
  72. package/dist/chip/src/Chip.css +261 -0
  73. package/dist/chip/src/Chip.d.ts +27 -0
  74. package/dist/chip/src/Chip.js +10 -0
  75. package/dist/chip/src/ChipContext.d.ts +10 -0
  76. package/dist/chip/src/ChipContext.js +2 -0
  77. package/dist/chip/src/index.css +261 -0
  78. package/dist/chip/src/index.d.ts +7 -0
  79. package/dist/chip/src/index.js +10 -0
  80. package/dist/chunk-2EAZPH3M.js +7 -0
  81. package/dist/chunk-3LRBUQC2.js +43 -0
  82. package/dist/chunk-4AARNXWE.js +101 -0
  83. package/dist/chunk-4VVNSXIB.js +7 -0
  84. package/dist/chunk-5KJ5IKUE.js +69 -0
  85. package/dist/chunk-5MBJWRZD.js +7 -0
  86. package/dist/{chunk-SEU4CGZD.js → chunk-65JPI4FL.js} +1 -1
  87. package/dist/chunk-7ELZ57E5.js +93 -0
  88. package/dist/chunk-A7TZHALP.js +7 -0
  89. package/dist/chunk-ACVMW6YD.js +7 -0
  90. package/dist/{chunk-YLDA2M2E.js → chunk-ANVMQBBG.js} +2 -1
  91. package/dist/chunk-B7WS4DBA.js +83 -0
  92. package/dist/chunk-BPM4ETTB.js +35 -0
  93. package/dist/{chunk-QIOYM2XJ.js → chunk-DFUQTSEV.js} +13 -13
  94. package/dist/chunk-DGLAGYBD.js +7 -0
  95. package/dist/chunk-ESVVLTEN.js +7 -0
  96. package/dist/chunk-FU5CCPLP.js +7 -0
  97. package/dist/chunk-GXKSX5N5.js +104 -0
  98. package/dist/chunk-H5YTU3U7.js +20 -0
  99. package/dist/chunk-H7VJS4MX.js +7 -0
  100. package/dist/chunk-HVRSS5RT.js +186 -0
  101. package/dist/chunk-HXI3MEEK.js +27 -0
  102. package/dist/chunk-I7AMDVGG.js +124 -0
  103. package/dist/{chunk-XCKF6EU7.js → chunk-IYITZANI.js} +9 -9
  104. package/dist/chunk-JHY3TXL4.js +101 -0
  105. package/dist/{chunk-6BEVZRUL.js → chunk-KVDXQMWI.js} +1 -1
  106. package/dist/chunk-M6UHXS6K.js +58 -0
  107. package/dist/chunk-MD6IFXLG.js +57 -0
  108. package/dist/chunk-ME3RBGOT.js +91 -0
  109. package/dist/chunk-N7YDPVZL.js +7 -0
  110. package/dist/chunk-NH3IVMXB.js +43 -0
  111. package/dist/chunk-NKHMUPAP.js +43 -0
  112. package/dist/chunk-OHPGEHL3.js +83 -0
  113. package/dist/chunk-VIHBOZVN.js +92 -0
  114. package/dist/chunk-VJQ7M2BK.js +7 -0
  115. package/dist/chunk-WDUQUPTE.js +7 -0
  116. package/dist/chunk-WTKIUAHI.js +7 -0
  117. package/dist/chunk-YHBJAXUY.js +7 -0
  118. package/dist/chunk-YSQDPG26.js +27 -0
  119. package/dist/chunk-YWUIJ6ZQ.js +83 -0
  120. package/dist/chunk-ZGNK4GWA.js +7 -0
  121. package/dist/{chunk-XQ3GUEBN.js → chunk-ZQEB3Y3X.js} +8 -9
  122. package/dist/{chunk-7QUHQYCR.js → chunk-ZWU6DRRZ.js} +1 -1
  123. package/dist/errorMessage/src/ErrorMessage.css +102 -0
  124. package/dist/errorMessage/src/ErrorMessage.d.ts +20 -0
  125. package/dist/errorMessage/src/ErrorMessage.js +9 -0
  126. package/dist/errorMessage/src/ErrorMessageContext.d.ts +9 -0
  127. package/dist/errorMessage/src/ErrorMessageContext.js +2 -0
  128. package/dist/errorMessage/src/index.css +102 -0
  129. package/dist/errorMessage/src/index.d.ts +6 -0
  130. package/dist/errorMessage/src/index.js +9 -0
  131. package/dist/helperMessage/src/HelperMessage.css +94 -0
  132. package/dist/helperMessage/src/HelperMessage.d.ts +20 -0
  133. package/dist/helperMessage/src/HelperMessage.js +8 -0
  134. package/dist/helperMessage/src/HelperMessageContext.d.ts +9 -0
  135. package/dist/helperMessage/src/HelperMessageContext.js +2 -0
  136. package/dist/helperMessage/src/index.css +94 -0
  137. package/dist/helperMessage/src/index.d.ts +6 -0
  138. package/dist/helperMessage/src/index.js +8 -0
  139. package/dist/{intl → i18n}/src/index.d.ts +1 -0
  140. package/dist/i18n/src/index.js +2 -0
  141. package/dist/i18n/src/useLocalizedString.d.ts +9 -0
  142. package/dist/i18n/src/useLocalizedString.js +2 -0
  143. package/dist/layout/src/Flex.js +1 -0
  144. package/dist/layout/src/Grid.js +1 -1
  145. package/dist/layout/src/Inline.js +1 -0
  146. package/dist/layout/src/Stack.js +1 -0
  147. package/dist/radio/src/Radio.css +293 -0
  148. package/dist/radio/src/Radio.d.ts +20 -0
  149. package/dist/radio/src/Radio.js +11 -0
  150. package/dist/radio/src/RadioContext.d.ts +8 -0
  151. package/dist/radio/src/RadioContext.js +2 -0
  152. package/dist/radio/src/RadioField.css +119 -0
  153. package/dist/radio/src/RadioField.d.ts +26 -0
  154. package/dist/radio/src/RadioField.js +7 -0
  155. package/dist/radio/src/RadioFieldContext.d.ts +10 -0
  156. package/dist/radio/src/RadioFieldContext.js +2 -0
  157. package/dist/radio/src/RadioGroup.css +570 -0
  158. package/dist/radio/src/RadioGroup.d.ts +30 -0
  159. package/dist/radio/src/RadioGroup.js +12 -0
  160. package/dist/radio/src/RadioGroupContext.d.ts +8 -0
  161. package/dist/radio/src/RadioGroupContext.js +2 -0
  162. package/dist/radio/src/RadioList.d.ts +17 -0
  163. package/dist/radio/src/RadioList.js +3 -0
  164. package/dist/radio/src/RadioListContext.d.ts +10 -0
  165. package/dist/radio/src/RadioListContext.js +2 -0
  166. package/dist/radio/src/index.css +570 -0
  167. package/dist/radio/src/index.d.ts +13 -0
  168. package/dist/radio/src/index.js +20 -0
  169. package/dist/switch/src/Switch.css +236 -0
  170. package/dist/switch/src/Switch.d.ts +20 -0
  171. package/dist/switch/src/Switch.js +11 -0
  172. package/dist/switch/src/SwitchContext.d.ts +8 -0
  173. package/dist/switch/src/SwitchContext.js +2 -0
  174. package/dist/switch/src/SwitchField.css +119 -0
  175. package/dist/switch/src/SwitchField.d.ts +26 -0
  176. package/dist/switch/src/SwitchField.js +7 -0
  177. package/dist/switch/src/SwitchFieldContext.d.ts +10 -0
  178. package/dist/switch/src/SwitchFieldContext.js +2 -0
  179. package/dist/switch/src/index.css +276 -0
  180. package/dist/switch/src/index.d.ts +9 -0
  181. package/dist/switch/src/index.js +13 -0
  182. package/dist/utils/src/ClearSlots.d.ts +28 -0
  183. package/dist/utils/src/ClearSlots.js +2 -0
  184. package/dist/utils/src/SlotProvider.js +1 -0
  185. package/dist/utils/src/composeClassnameRenderProps.js +2 -0
  186. package/dist/utils/src/cssModule.js +2 -0
  187. package/dist/utils/src/index.d.ts +11 -6
  188. package/dist/utils/src/index.js +8 -4
  189. package/dist/utils/src/isTextOnlyChildren.js +2 -0
  190. package/dist/utils/src/{size-adapter.d.ts → sizeAdapter.d.ts} +1 -1
  191. package/dist/utils/src/sizeAdapter.js +1 -0
  192. package/dist/utils/src/types.d.ts +17 -5
  193. package/dist/utils/src/useRenderProps.d.ts +843 -0
  194. package/dist/utils/src/useRenderProps.js +2 -0
  195. package/dist/utils/src/useSlot.d.ts +8 -0
  196. package/dist/utils/src/useSlot.js +2 -0
  197. package/package.json +32 -27
  198. package/dist/chunk-GXUPEV64.js +0 -24
  199. package/dist/chunk-WROQHGG5.js +0 -141
  200. package/dist/chunk-WRWNRVTG.js +0 -47
  201. package/dist/intl/src/index.js +0 -1
  202. package/dist/intl/src/useLocalizedString.d.ts +0 -26
  203. package/dist/intl/src/useLocalizedString.js +0 -1
  204. package/dist/utils/src/compose-classname-render-props.js +0 -1
  205. package/dist/utils/src/css-module.js +0 -1
  206. package/dist/utils/src/is-text-only-children.js +0 -1
  207. package/dist/utils/src/size-adapter.js +0 -1
  208. /package/dist/{chunk-D57ZIX5W.js → chunk-LQICWONC.js} +0 -0
  209. /package/dist/utils/src/{compose-classname-render-props.d.ts → composeClassnameRenderProps.d.ts} +0 -0
  210. /package/dist/utils/src/{css-module.d.ts → cssModule.d.ts} +0 -0
  211. /package/dist/utils/src/{is-text-only-children.d.ts → isTextOnlyChildren.d.ts} +0 -0
package/dist/Spinner/src/Spinner.css CHANGED
@@ -1,5 +1,85 @@
1
- /* src/Spinner/src/Spinner.module.css */
2
- @keyframes spin {
1
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Label/src/Label.module.css/#css-module-data */
2
+ .Label-module__hop-Label___sZV4v {
3
+ --hop-Label-xs-font-size: var(--hop-body-xs-font-size);
4
+ --hop-Label-xs-font-family: var(--hop-body-xs-font-family);
5
+ --hop-Label-xs-font-weight: var(--hop-body-xs-font-weight);
6
+ --hop-Label-xs-line-height: var(--hop-body-xs-line-height);
7
+ --hop-Label-sm-font-size: var(--hop-body-sm-font-size);
8
+ --hop-Label-sm-font-family: var(--hop-body-sm-font-family);
9
+ --hop-Label-sm-font-weight: var(--hop-body-sm-font-weight);
10
+ --hop-Label-sm-line-height: var(--hop-body-sm-line-height);
11
+ --hop-Label-md-font-size: var(--hop-body-md-font-size);
12
+ --hop-Label-md-font-family: var(--hop-body-md-font-family);
13
+ --hop-Label-md-font-weight: var(--hop-body-md-font-weight);
14
+ --hop-Label-md-line-height: var(--hop-body-md-line-height);
15
+ --hop-Label-lg-font-size: var(--hop-body-lg-font-size);
16
+ --hop-Label-lg-font-family: var(--hop-body-lg-font-family);
17
+ --hop-Label-lg-font-weight: var(--hop-body-lg-font-weight);
18
+ --hop-Label-lg-line-height: var(--hop-body-lg-line-height);
19
+ --hop-Label-xl-font-size: var(--hop-body-xl-font-size);
20
+ --hop-Label-xl-font-family: var(--hop-body-xl-font-family);
21
+ --hop-Label-xl-font-weight: var(--hop-body-xl-font-weight);
22
+ --hop-Label-xl-line-height: var(--hop-body-xl-line-height);
23
+ --hop-Label-2xl-font-size: var(--hop-body-2xl-font-size);
24
+ --hop-Label-2xl-font-family: var(--hop-body-2xl-font-family);
25
+ --hop-Label-2xl-font-weight: var(--hop-body-2xl-font-weight);
26
+ --hop-Label-2xl-line-height: var(--hop-body-2xl-line-height);
27
+ --hop-Label-inherit-size-font-size: inherit;
28
+ --hop-Label-inherit-size-font-family: inherit;
29
+ --hop-Label-inherit-size-font-weight: inherit;
30
+ --hop-Label-inherit-size-line-height: inherit;
31
+ }
32
+ :where(.Label-module__hop-Label___sZV4v) {
33
+ font-family: var(--font-family, --hop-Label-md-font-family);
34
+ font-size: var(--font-size, --hop-Label-md-font-size);
35
+ font-weight: var(--font-weight, --hop-Label-md-font-weight);
36
+ line-height: var(--line-height, --hop-Label-md-line-height);
37
+ }
38
+ :where(.Label-module__hop-Label--xs___7Flvr) {
39
+ --font-size: var(--hop-Label-xs-font-size);
40
+ --font-family: var(--hop-Label-xs-font-family);
41
+ --font-weight: var(--hop-Label-xs-font-weight);
42
+ --line-height: var(--hop-Label-xs-line-height);
43
+ }
44
+ :where(.Label-module__hop-Label--sm___q7-gY) {
45
+ --font-size: var(--hop-Label-sm-font-size);
46
+ --font-family: var(--hop-Label-sm-font-family);
47
+ --font-weight: var(--hop-Label-sm-font-weight);
48
+ --line-height: var(--hop-Label-sm-line-height);
49
+ }
50
+ :where(.Label-module__hop-Label--md___ZxMc1) {
51
+ --font-size: var(--hop-Label-md-font-size);
52
+ --font-family: var(--hop-Label-md-font-family);
53
+ --font-weight: var(--hop-Label-md-font-weight);
54
+ --line-height: var(--hop-Label-md-line-height);
55
+ }
56
+ :where(.Label-module__hop-Label--lg___qnzoz) {
57
+ --font-size: var(--hop-Label-lg-font-size);
58
+ --font-family: var(--hop-Label-lg-font-family);
59
+ --font-weight: var(--hop-Label-lg-font-weight);
60
+ --line-height: var(--hop-Label-lg-line-height);
61
+ }
62
+ :where(.Label-module__hop-Label--xl___3pCXT) {
63
+ --font-size: var(--hop-Label-xl-font-size);
64
+ --font-family: var(--hop-Label-xl-font-family);
65
+ --font-weight: var(--hop-Label-xl-font-weight);
66
+ --line-height: var(--hop-Label-xl-line-height);
67
+ }
68
+ :where(.Label-module__hop-Label--2xl___CuLU9) {
69
+ --font-size: var(--hop-Label-2xl-font-size);
70
+ --font-family: var(--hop-Label-2xl-font-family);
71
+ --font-weight: var(--hop-Label-2xl-font-weight);
72
+ --line-height: var(--hop-Label-2xl-line-height);
73
+ }
74
+ :where(.Label-module__hop-Label--inherit___pCJ8C) {
75
+ --font-size: var(--hop-Label-inherit-size-font-size);
76
+ --font-family: var(--hop-Label-inherit-size-font-family);
77
+ --font-weight: var(--hop-Label-inherit-size-font-weight);
78
+ --line-height: var(--hop-Label-inherit-size-line-height);
79
+ }
80
+
81
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Spinner/src/Spinner.module.css/#css-module-data */
82
+ @keyframes Spinner-module__spin___JyBzF {
3
83
  0% {
4
84
  transform: rotate(0deg);
5
85
  }
@@ -7,142 +87,62 @@
7
87
  transform: rotate(360deg);
8
88
  }
9
89
  }
10
- .hop-spinner {
11
- --hop-spinner-component-border-radius: var(--hop-shape-circle);
12
- --hop-spinner-component-sm-wheel-size: 1rem;
13
- --hop-spinner-component-md-wheel-size: 1.25rem;
14
- --hop-spinner-component-lg-wheel-size: 1.5rem;
15
- --hop-spinner-component-track-width: 0.125rem;
16
- --hop-spinner-component-track-opacity: 0.2;
17
- --hop-spinner-component-track-border: var(--hop-spinner-component-track-width) solid currentcolor;
18
- --hop-spinner-component-fill-animation: spin .8s infinite linear;
19
- --hop-spinner-component-fill-animation-reduced-motion-duration: 2s;
20
- --hop-spinner-component-fill-border: var(--hop-spinner-component-track-width) solid transparent;
21
- --hop-spinner-component-fill-border-inline-start: var(--hop-spinner-component-track-width) solid currentcolor;
22
- --hop-spinner-component-label-margin-inline-start: var(--hop-space-inline-sm);
23
- box-sizing: border-box;
90
+ .Spinner-module__hop-Spinner___dv6Mx {
91
+ --hop-Spinner-border-radius: var(--hop-shape-circle);
92
+ --hop-Spinner-sm-wheel-size: 1rem;
93
+ --hop-Spinner-md-wheel-size: 1.25rem;
94
+ --hop-Spinner-lg-wheel-size: 1.5rem;
95
+ --hop-Spinner-track-width: 0.125rem;
96
+ --hop-Spinner-track-opacity: 0.2;
97
+ --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
98
+ --hop-Spinner-fill-animation: Spinner-module__spin___JyBzF .8s infinite linear;
99
+ --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
100
+ --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
101
+ --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
102
+ --hop-Spinner-label-margin-inline-start: var(--hop-space-inline-sm);
24
103
  display: grid;
25
104
  grid-template-areas: "spinner label";
26
105
  grid-template-columns: min-content auto;
27
106
  align-items: center;
107
+ box-sizing: border-box;
28
108
  }
29
- .hop-spinner--sm {
30
- --width: var(--hop-spinner-component-sm-wheel-size);
31
- --height: var(--hop-spinner-component-sm-wheel-size);
109
+ .Spinner-module__hop-Spinner--sm___UMVNX {
110
+ --width: var(--hop-Spinner-sm-wheel-size);
111
+ --height: var(--hop-Spinner-sm-wheel-size);
32
112
  }
33
- .hop-spinner--md {
34
- --width: var(--hop-spinner-component-md-wheel-size);
35
- --height: var(--hop-spinner-component-md-wheel-size);
113
+ .Spinner-module__hop-Spinner--md___CkJxN {
114
+ --width: var(--hop-Spinner-md-wheel-size);
115
+ --height: var(--hop-Spinner-md-wheel-size);
36
116
  }
37
- .hop-spinner--lg {
38
- --width: var(--hop-spinner-component-lg-wheel-size);
39
- --height: var(--hop-spinner-component-lg-wheel-size);
117
+ .Spinner-module__hop-Spinner--lg___Evi6W {
118
+ --width: var(--hop-Spinner-lg-wheel-size);
119
+ --height: var(--hop-Spinner-lg-wheel-size);
40
120
  }
41
- .hop-spinner__track {
42
- box-sizing: border-box;
43
- inline-size: var(--width, --hop-spinner-component-md-wheel-size);
44
- block-size: var(--height, --hop-spinner-component-md-wheel-size);
45
- border-radius: var(--hop-spinner-component-border-radius);
46
- border: var(--hop-spinner-component-track-border);
47
- opacity: var(--hop-spinner-component-track-opacity);
121
+ .Spinner-module__hop-Spinner__track___GfTjA {
48
122
  grid-area: spinner;
49
- }
50
- .hop-spinner__fill {
51
123
  box-sizing: border-box;
52
- inline-size: var(--width, --hop-spinner-component-md-wheel-size);
53
- block-size: var(--height, --hop-spinner-component-md-wheel-size);
54
- border-radius: var(--hop-spinner-component-border-radius);
55
- border: var( --hop-spinner-component-fill-border);
56
- border-inline-start: var(--hop-spinner-component-fill-border-inline-start);
124
+ inline-size: var(--width, --hop-Spinner-md-wheel-size);
125
+ block-size: var(--height, --hop-Spinner-md-wheel-size);
126
+ opacity: var(--hop-Spinner-track-opacity);
127
+ border: var(--hop-Spinner-track-border);
128
+ border-radius: var(--hop-Spinner-border-radius);
129
+ }
130
+ .Spinner-module__hop-Spinner__fill___v2YK9 {
57
131
  grid-area: spinner;
58
- animation: var(--hop-spinner-component-fill-animation);
132
+ box-sizing: border-box;
133
+ inline-size: var(--width, --hop-Spinner-md-wheel-size);
134
+ block-size: var(--height, --hop-Spinner-md-wheel-size);
135
+ border: var( --hop-Spinner-fill-border);
136
+ border-inline-start: var(--hop-Spinner-fill-border-inline-start);
137
+ border-radius: var(--hop-Spinner-border-radius);
138
+ animation: var(--hop-Spinner-fill-animation);
59
139
  }
60
140
  @media (prefers-reduced-motion: reduce) {
61
- .hop-spinner__fill {
62
- animation-duration: var(--hop-spinner-component-fill-animation-reduced-motion-duration);
141
+ .Spinner-module__hop-Spinner__fill___v2YK9 {
142
+ animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
63
143
  }
64
144
  }
65
- .hop-spinner__label {
145
+ .Spinner-module__hop-Spinner__label___pDhxi {
66
146
  grid-area: label;
67
- margin-inline-start: var(--hop-spinner-component-label-margin-inline-start);
68
- }
69
-
70
- /* src/Label/src/Label.module.css */
71
- .hop-label {
72
- --hop-label-component-xs-font-size: var(--hop-body-xs-font-size);
73
- --hop-label-component-xs-font-family: var(--hop-body-xs-font-family);
74
- --hop-label-component-xs-font-weight: var(--hop-body-xs-font-weight);
75
- --hop-label-component-xs-line-height: var(--hop-body-xs-line-height);
76
- --hop-label-component-sm-font-size: var(--hop-body-sm-font-size);
77
- --hop-label-component-sm-font-family: var(--hop-body-sm-font-family);
78
- --hop-label-component-sm-font-weight: var(--hop-body-sm-font-weight);
79
- --hop-label-component-sm-line-height: var(--hop-body-sm-line-height);
80
- --hop-label-component-md-font-size: var(--hop-body-md-font-size);
81
- --hop-label-component-md-font-family: var(--hop-body-md-font-family);
82
- --hop-label-component-md-font-weight: var(--hop-body-md-font-weight);
83
- --hop-label-component-md-line-height: var(--hop-body-md-line-height);
84
- --hop-label-component-lg-font-size: var(--hop-body-lg-font-size);
85
- --hop-label-component-lg-font-family: var(--hop-body-lg-font-family);
86
- --hop-label-component-lg-font-weight: var(--hop-body-lg-font-weight);
87
- --hop-label-component-lg-line-height: var(--hop-body-lg-line-height);
88
- --hop-label-component-xl-font-size: var(--hop-body-xl-font-size);
89
- --hop-label-component-xl-font-family: var(--hop-body-xl-font-family);
90
- --hop-label-component-xl-font-weight: var(--hop-body-xl-font-weight);
91
- --hop-label-component-xl-line-height: var(--hop-body-xl-line-height);
92
- --hop-label-component-2xl-font-size: var(--hop-body-2xl-font-size);
93
- --hop-label-component-2xl-font-family: var(--hop-body-2xl-font-family);
94
- --hop-label-component-2xl-font-weight: var(--hop-body-2xl-font-weight);
95
- --hop-label-component-2xl-line-height: var(--hop-body-2xl-line-height);
96
- --hop-label-component-inherit-size-font-size: inherit;
97
- --hop-label-component-inherit-size-font-family: inherit;
98
- --hop-label-component-inherit-size-font-weight: inherit;
99
- --hop-label-component-inherit-size-line-height: inherit;
100
- }
101
- :where(.hop-label) {
102
- font-size: var(--font-size, --hop-label-component-md-font-size);
103
- font-family: var(--font-family, --hop-label-component-md-font-family);
104
- font-weight: var(--font-weight, --hop-label-component-md-font-weight);
105
- line-height: var(--line-height, --hop-label-component-md-line-height);
106
- }
107
- :where(.hop-label--xs) {
108
- --font-size: var(--hop-label-component-xs-font-size);
109
- --font-family: var(--hop-label-component-xs-font-family);
110
- --font-weight: var(--hop-label-component-xs-font-weight);
111
- --line-height: var(--hop-label-component-xs-line-height);
112
- }
113
- :where(.hop-label--sm) {
114
- --font-size: var(--hop-label-component-sm-font-size);
115
- --font-family: var(--hop-label-component-sm-font-family);
116
- --font-weight: var(--hop-label-component-sm-font-weight);
117
- --line-height: var(--hop-label-component-sm-line-height);
118
- }
119
- :where(.hop-label--md) {
120
- --font-size: var(--hop-label-component-md-font-size);
121
- --font-family: var(--hop-label-component-md-font-family);
122
- --font-weight: var(--hop-label-component-md-font-weight);
123
- --line-height: var(--hop-label-component-md-line-height);
124
- }
125
- :where(.hop-label--lg) {
126
- --font-size: var(--hop-label-component-lg-font-size);
127
- --font-family: var(--hop-label-component-lg-font-family);
128
- --font-weight: var(--hop-label-component-lg-font-weight);
129
- --line-height: var(--hop-label-component-lg-line-height);
130
- }
131
- :where(.hop-label--xl) {
132
- --font-size: var(--hop-label-component-xl-font-size);
133
- --font-family: var(--hop-label-component-xl-font-family);
134
- --font-weight: var(--hop-label-component-xl-font-weight);
135
- --line-height: var(--hop-label-component-xl-line-height);
136
- }
137
- :where(.hop-label--2xl) {
138
- --font-size: var(--hop-label-component-2xl-font-size);
139
- --font-family: var(--hop-label-component-2xl-font-family);
140
- --font-weight: var(--hop-label-component-2xl-font-weight);
141
- --line-height: var(--hop-label-component-2xl-line-height);
142
- }
143
- :where(.hop-label--inherit) {
144
- --font-size: var(--hop-label-component-inherit-size-font-size);
145
- --font-family: var(--hop-label-component-inherit-size-font-family);
146
- --font-weight: var(--hop-label-component-inherit-size-font-weight);
147
- --line-height: var(--hop-label-component-inherit-size-line-height);
147
+ margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
148
148
  }
package/dist/Spinner/src/Spinner.d.ts CHANGED
@@ -8,6 +8,7 @@ declare const GlobalSpinnerCssSelector = "hop-Spinner";
8
8
  interface SpinnerProps extends StyledSystemProps, BaseComponentProps {
9
9
  /**
10
10
  * What the Spinner's diameter should be.
11
+ * @default "md"
11
12
  */
12
13
  size?: ResponsiveProp<"sm" | "md" | "lg">;
13
14
  }
package/dist/Spinner/src/Spinner.js CHANGED
@@ -1,6 +1,7 @@
1
- export { GlobalSpinnerCssSelector, _Spinner as Spinner } from '../../chunk-QIOYM2XJ.js';
2
- import '../../chunk-SEU4CGZD.js';
1
+ export { GlobalSpinnerCssSelector, _Spinner as Spinner } from '../../chunk-DFUQTSEV.js';
2
+ import '../../chunk-65JPI4FL.js';
3
3
  import '../../chunk-4ZYV2XLW.js';
4
- import '../../chunk-XCKF6EU7.js';
5
- import '../../chunk-6BEVZRUL.js';
4
+ import '../../chunk-IYITZANI.js';
5
+ import '../../chunk-KVDXQMWI.js';
6
6
  import '../../chunk-HVKOIMMW.js';
7
+ import '../../chunk-YSQDPG26.js';
package/dist/Spinner/src/SpinnerContext.js CHANGED
@@ -1 +1,2 @@
1
1
  export { SpinnerContext } from '../../chunk-4ZYV2XLW.js';
2
+ import '../../chunk-YSQDPG26.js';
package/dist/Spinner/src/index.css CHANGED
@@ -1,5 +1,85 @@
1
- /* src/Spinner/src/Spinner.module.css */
2
- @keyframes spin {
1
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Label/src/Label.module.css/#css-module-data */
2
+ .Label-module__hop-Label___sZV4v {
3
+ --hop-Label-xs-font-size: var(--hop-body-xs-font-size);
4
+ --hop-Label-xs-font-family: var(--hop-body-xs-font-family);
5
+ --hop-Label-xs-font-weight: var(--hop-body-xs-font-weight);
6
+ --hop-Label-xs-line-height: var(--hop-body-xs-line-height);
7
+ --hop-Label-sm-font-size: var(--hop-body-sm-font-size);
8
+ --hop-Label-sm-font-family: var(--hop-body-sm-font-family);
9
+ --hop-Label-sm-font-weight: var(--hop-body-sm-font-weight);
10
+ --hop-Label-sm-line-height: var(--hop-body-sm-line-height);
11
+ --hop-Label-md-font-size: var(--hop-body-md-font-size);
12
+ --hop-Label-md-font-family: var(--hop-body-md-font-family);
13
+ --hop-Label-md-font-weight: var(--hop-body-md-font-weight);
14
+ --hop-Label-md-line-height: var(--hop-body-md-line-height);
15
+ --hop-Label-lg-font-size: var(--hop-body-lg-font-size);
16
+ --hop-Label-lg-font-family: var(--hop-body-lg-font-family);
17
+ --hop-Label-lg-font-weight: var(--hop-body-lg-font-weight);
18
+ --hop-Label-lg-line-height: var(--hop-body-lg-line-height);
19
+ --hop-Label-xl-font-size: var(--hop-body-xl-font-size);
20
+ --hop-Label-xl-font-family: var(--hop-body-xl-font-family);
21
+ --hop-Label-xl-font-weight: var(--hop-body-xl-font-weight);
22
+ --hop-Label-xl-line-height: var(--hop-body-xl-line-height);
23
+ --hop-Label-2xl-font-size: var(--hop-body-2xl-font-size);
24
+ --hop-Label-2xl-font-family: var(--hop-body-2xl-font-family);
25
+ --hop-Label-2xl-font-weight: var(--hop-body-2xl-font-weight);
26
+ --hop-Label-2xl-line-height: var(--hop-body-2xl-line-height);
27
+ --hop-Label-inherit-size-font-size: inherit;
28
+ --hop-Label-inherit-size-font-family: inherit;
29
+ --hop-Label-inherit-size-font-weight: inherit;
30
+ --hop-Label-inherit-size-line-height: inherit;
31
+ }
32
+ :where(.Label-module__hop-Label___sZV4v) {
33
+ font-family: var(--font-family, --hop-Label-md-font-family);
34
+ font-size: var(--font-size, --hop-Label-md-font-size);
35
+ font-weight: var(--font-weight, --hop-Label-md-font-weight);
36
+ line-height: var(--line-height, --hop-Label-md-line-height);
37
+ }
38
+ :where(.Label-module__hop-Label--xs___7Flvr) {
39
+ --font-size: var(--hop-Label-xs-font-size);
40
+ --font-family: var(--hop-Label-xs-font-family);
41
+ --font-weight: var(--hop-Label-xs-font-weight);
42
+ --line-height: var(--hop-Label-xs-line-height);
43
+ }
44
+ :where(.Label-module__hop-Label--sm___q7-gY) {
45
+ --font-size: var(--hop-Label-sm-font-size);
46
+ --font-family: var(--hop-Label-sm-font-family);
47
+ --font-weight: var(--hop-Label-sm-font-weight);
48
+ --line-height: var(--hop-Label-sm-line-height);
49
+ }
50
+ :where(.Label-module__hop-Label--md___ZxMc1) {
51
+ --font-size: var(--hop-Label-md-font-size);
52
+ --font-family: var(--hop-Label-md-font-family);
53
+ --font-weight: var(--hop-Label-md-font-weight);
54
+ --line-height: var(--hop-Label-md-line-height);
55
+ }
56
+ :where(.Label-module__hop-Label--lg___qnzoz) {
57
+ --font-size: var(--hop-Label-lg-font-size);
58
+ --font-family: var(--hop-Label-lg-font-family);
59
+ --font-weight: var(--hop-Label-lg-font-weight);
60
+ --line-height: var(--hop-Label-lg-line-height);
61
+ }
62
+ :where(.Label-module__hop-Label--xl___3pCXT) {
63
+ --font-size: var(--hop-Label-xl-font-size);
64
+ --font-family: var(--hop-Label-xl-font-family);
65
+ --font-weight: var(--hop-Label-xl-font-weight);
66
+ --line-height: var(--hop-Label-xl-line-height);
67
+ }
68
+ :where(.Label-module__hop-Label--2xl___CuLU9) {
69
+ --font-size: var(--hop-Label-2xl-font-size);
70
+ --font-family: var(--hop-Label-2xl-font-family);
71
+ --font-weight: var(--hop-Label-2xl-font-weight);
72
+ --line-height: var(--hop-Label-2xl-line-height);
73
+ }
74
+ :where(.Label-module__hop-Label--inherit___pCJ8C) {
75
+ --font-size: var(--hop-Label-inherit-size-font-size);
76
+ --font-family: var(--hop-Label-inherit-size-font-family);
77
+ --font-weight: var(--hop-Label-inherit-size-font-weight);
78
+ --line-height: var(--hop-Label-inherit-size-line-height);
79
+ }
80
+
81
+ /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Spinner/src/Spinner.module.css/#css-module-data */
82
+ @keyframes Spinner-module__spin___JyBzF {
3
83
  0% {
4
84
  transform: rotate(0deg);
5
85
  }
@@ -7,142 +87,62 @@
7
87
  transform: rotate(360deg);
8
88
  }
9
89
  }
10
- .hop-spinner {
11
- --hop-spinner-component-border-radius: var(--hop-shape-circle);
12
- --hop-spinner-component-sm-wheel-size: 1rem;
13
- --hop-spinner-component-md-wheel-size: 1.25rem;
14
- --hop-spinner-component-lg-wheel-size: 1.5rem;
15
- --hop-spinner-component-track-width: 0.125rem;
16
- --hop-spinner-component-track-opacity: 0.2;
17
- --hop-spinner-component-track-border: var(--hop-spinner-component-track-width) solid currentcolor;
18
- --hop-spinner-component-fill-animation: spin .8s infinite linear;
19
- --hop-spinner-component-fill-animation-reduced-motion-duration: 2s;
20
- --hop-spinner-component-fill-border: var(--hop-spinner-component-track-width) solid transparent;
21
- --hop-spinner-component-fill-border-inline-start: var(--hop-spinner-component-track-width) solid currentcolor;
22
- --hop-spinner-component-label-margin-inline-start: var(--hop-space-inline-sm);
23
- box-sizing: border-box;
90
+ .Spinner-module__hop-Spinner___dv6Mx {
91
+ --hop-Spinner-border-radius: var(--hop-shape-circle);
92
+ --hop-Spinner-sm-wheel-size: 1rem;
93
+ --hop-Spinner-md-wheel-size: 1.25rem;
94
+ --hop-Spinner-lg-wheel-size: 1.5rem;
95
+ --hop-Spinner-track-width: 0.125rem;
96
+ --hop-Spinner-track-opacity: 0.2;
97
+ --hop-Spinner-track-border: var(--hop-Spinner-track-width) solid currentcolor;
98
+ --hop-Spinner-fill-animation: Spinner-module__spin___JyBzF .8s infinite linear;
99
+ --hop-Spinner-fill-animation-reduced-motion-duration: 2s;
100
+ --hop-Spinner-fill-border: var(--hop-Spinner-track-width) solid transparent;
101
+ --hop-Spinner-fill-border-inline-start: var(--hop-Spinner-track-width) solid currentcolor;
102
+ --hop-Spinner-label-margin-inline-start: var(--hop-space-inline-sm);
24
103
  display: grid;
25
104
  grid-template-areas: "spinner label";
26
105
  grid-template-columns: min-content auto;
27
106
  align-items: center;
107
+ box-sizing: border-box;
28
108
  }
29
- .hop-spinner--sm {
30
- --width: var(--hop-spinner-component-sm-wheel-size);
31
- --height: var(--hop-spinner-component-sm-wheel-size);
109
+ .Spinner-module__hop-Spinner--sm___UMVNX {
110
+ --width: var(--hop-Spinner-sm-wheel-size);
111
+ --height: var(--hop-Spinner-sm-wheel-size);
32
112
  }
33
- .hop-spinner--md {
34
- --width: var(--hop-spinner-component-md-wheel-size);
35
- --height: var(--hop-spinner-component-md-wheel-size);
113
+ .Spinner-module__hop-Spinner--md___CkJxN {
114
+ --width: var(--hop-Spinner-md-wheel-size);
115
+ --height: var(--hop-Spinner-md-wheel-size);
36
116
  }
37
- .hop-spinner--lg {
38
- --width: var(--hop-spinner-component-lg-wheel-size);
39
- --height: var(--hop-spinner-component-lg-wheel-size);
117
+ .Spinner-module__hop-Spinner--lg___Evi6W {
118
+ --width: var(--hop-Spinner-lg-wheel-size);
119
+ --height: var(--hop-Spinner-lg-wheel-size);
40
120
  }
41
- .hop-spinner__track {
42
- box-sizing: border-box;
43
- inline-size: var(--width, --hop-spinner-component-md-wheel-size);
44
- block-size: var(--height, --hop-spinner-component-md-wheel-size);
45
- border-radius: var(--hop-spinner-component-border-radius);
46
- border: var(--hop-spinner-component-track-border);
47
- opacity: var(--hop-spinner-component-track-opacity);
121
+ .Spinner-module__hop-Spinner__track___GfTjA {
48
122
  grid-area: spinner;
49
- }
50
- .hop-spinner__fill {
51
123
  box-sizing: border-box;
52
- inline-size: var(--width, --hop-spinner-component-md-wheel-size);
53
- block-size: var(--height, --hop-spinner-component-md-wheel-size);
54
- border-radius: var(--hop-spinner-component-border-radius);
55
- border: var( --hop-spinner-component-fill-border);
56
- border-inline-start: var(--hop-spinner-component-fill-border-inline-start);
124
+ inline-size: var(--width, --hop-Spinner-md-wheel-size);
125
+ block-size: var(--height, --hop-Spinner-md-wheel-size);
126
+ opacity: var(--hop-Spinner-track-opacity);
127
+ border: var(--hop-Spinner-track-border);
128
+ border-radius: var(--hop-Spinner-border-radius);
129
+ }
130
+ .Spinner-module__hop-Spinner__fill___v2YK9 {
57
131
  grid-area: spinner;
58
- animation: var(--hop-spinner-component-fill-animation);
132
+ box-sizing: border-box;
133
+ inline-size: var(--width, --hop-Spinner-md-wheel-size);
134
+ block-size: var(--height, --hop-Spinner-md-wheel-size);
135
+ border: var( --hop-Spinner-fill-border);
136
+ border-inline-start: var(--hop-Spinner-fill-border-inline-start);
137
+ border-radius: var(--hop-Spinner-border-radius);
138
+ animation: var(--hop-Spinner-fill-animation);
59
139
  }
60
140
  @media (prefers-reduced-motion: reduce) {
61
- .hop-spinner__fill {
62
- animation-duration: var(--hop-spinner-component-fill-animation-reduced-motion-duration);
141
+ .Spinner-module__hop-Spinner__fill___v2YK9 {
142
+ animation-duration: var(--hop-Spinner-fill-animation-reduced-motion-duration);
63
143
  }
64
144
  }
65
- .hop-spinner__label {
145
+ .Spinner-module__hop-Spinner__label___pDhxi {
66
146
  grid-area: label;
67
- margin-inline-start: var(--hop-spinner-component-label-margin-inline-start);
68
- }
69
-
70
- /* src/Label/src/Label.module.css */
71
- .hop-label {
72
- --hop-label-component-xs-font-size: var(--hop-body-xs-font-size);
73
- --hop-label-component-xs-font-family: var(--hop-body-xs-font-family);
74
- --hop-label-component-xs-font-weight: var(--hop-body-xs-font-weight);
75
- --hop-label-component-xs-line-height: var(--hop-body-xs-line-height);
76
- --hop-label-component-sm-font-size: var(--hop-body-sm-font-size);
77
- --hop-label-component-sm-font-family: var(--hop-body-sm-font-family);
78
- --hop-label-component-sm-font-weight: var(--hop-body-sm-font-weight);
79
- --hop-label-component-sm-line-height: var(--hop-body-sm-line-height);
80
- --hop-label-component-md-font-size: var(--hop-body-md-font-size);
81
- --hop-label-component-md-font-family: var(--hop-body-md-font-family);
82
- --hop-label-component-md-font-weight: var(--hop-body-md-font-weight);
83
- --hop-label-component-md-line-height: var(--hop-body-md-line-height);
84
- --hop-label-component-lg-font-size: var(--hop-body-lg-font-size);
85
- --hop-label-component-lg-font-family: var(--hop-body-lg-font-family);
86
- --hop-label-component-lg-font-weight: var(--hop-body-lg-font-weight);
87
- --hop-label-component-lg-line-height: var(--hop-body-lg-line-height);
88
- --hop-label-component-xl-font-size: var(--hop-body-xl-font-size);
89
- --hop-label-component-xl-font-family: var(--hop-body-xl-font-family);
90
- --hop-label-component-xl-font-weight: var(--hop-body-xl-font-weight);
91
- --hop-label-component-xl-line-height: var(--hop-body-xl-line-height);
92
- --hop-label-component-2xl-font-size: var(--hop-body-2xl-font-size);
93
- --hop-label-component-2xl-font-family: var(--hop-body-2xl-font-family);
94
- --hop-label-component-2xl-font-weight: var(--hop-body-2xl-font-weight);
95
- --hop-label-component-2xl-line-height: var(--hop-body-2xl-line-height);
96
- --hop-label-component-inherit-size-font-size: inherit;
97
- --hop-label-component-inherit-size-font-family: inherit;
98
- --hop-label-component-inherit-size-font-weight: inherit;
99
- --hop-label-component-inherit-size-line-height: inherit;
100
- }
101
- :where(.hop-label) {
102
- font-size: var(--font-size, --hop-label-component-md-font-size);
103
- font-family: var(--font-family, --hop-label-component-md-font-family);
104
- font-weight: var(--font-weight, --hop-label-component-md-font-weight);
105
- line-height: var(--line-height, --hop-label-component-md-line-height);
106
- }
107
- :where(.hop-label--xs) {
108
- --font-size: var(--hop-label-component-xs-font-size);
109
- --font-family: var(--hop-label-component-xs-font-family);
110
- --font-weight: var(--hop-label-component-xs-font-weight);
111
- --line-height: var(--hop-label-component-xs-line-height);
112
- }
113
- :where(.hop-label--sm) {
114
- --font-size: var(--hop-label-component-sm-font-size);
115
- --font-family: var(--hop-label-component-sm-font-family);
116
- --font-weight: var(--hop-label-component-sm-font-weight);
117
- --line-height: var(--hop-label-component-sm-line-height);
118
- }
119
- :where(.hop-label--md) {
120
- --font-size: var(--hop-label-component-md-font-size);
121
- --font-family: var(--hop-label-component-md-font-family);
122
- --font-weight: var(--hop-label-component-md-font-weight);
123
- --line-height: var(--hop-label-component-md-line-height);
124
- }
125
- :where(.hop-label--lg) {
126
- --font-size: var(--hop-label-component-lg-font-size);
127
- --font-family: var(--hop-label-component-lg-font-family);
128
- --font-weight: var(--hop-label-component-lg-font-weight);
129
- --line-height: var(--hop-label-component-lg-line-height);
130
- }
131
- :where(.hop-label--xl) {
132
- --font-size: var(--hop-label-component-xl-font-size);
133
- --font-family: var(--hop-label-component-xl-font-family);
134
- --font-weight: var(--hop-label-component-xl-font-weight);
135
- --line-height: var(--hop-label-component-xl-line-height);
136
- }
137
- :where(.hop-label--2xl) {
138
- --font-size: var(--hop-label-component-2xl-font-size);
139
- --font-family: var(--hop-label-component-2xl-font-family);
140
- --font-weight: var(--hop-label-component-2xl-font-weight);
141
- --line-height: var(--hop-label-component-2xl-line-height);
142
- }
143
- :where(.hop-label--inherit) {
144
- --font-size: var(--hop-label-component-inherit-size-font-size);
145
- --font-family: var(--hop-label-component-inherit-size-font-family);
146
- --font-weight: var(--hop-label-component-inherit-size-font-weight);
147
- --line-height: var(--hop-label-component-inherit-size-line-height);
147
+ margin-inline-start: var(--hop-Spinner-label-margin-inline-start);
148
148
  }
package/dist/Spinner/src/index.js CHANGED
@@ -1,6 +1,7 @@
1
- export { GlobalSpinnerCssSelector, _Spinner as Spinner } from '../../chunk-QIOYM2XJ.js';
2
- import '../../chunk-SEU4CGZD.js';
1
+ export { GlobalSpinnerCssSelector, _Spinner as Spinner } from '../../chunk-DFUQTSEV.js';
2
+ import '../../chunk-65JPI4FL.js';
3
3
  export { SpinnerContext } from '../../chunk-4ZYV2XLW.js';
4
- import '../../chunk-XCKF6EU7.js';
5
- import '../../chunk-6BEVZRUL.js';
4
+ import '../../chunk-IYITZANI.js';
5
+ import '../../chunk-KVDXQMWI.js';
6
6
  import '../../chunk-HVKOIMMW.js';
7
+ import '../../chunk-YSQDPG26.js';