@hopper-ui/components 1.0.1 → 1.0.2

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 (92) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/IconList/src/IconList.css +1 -1
  3. package/dist/IconList/src/IconList.js +1 -1
  4. package/dist/IconList/src/index.css +1 -1
  5. package/dist/IconList/src/index.js +1 -1
  6. package/dist/Label/src/Label.css +9 -9
  7. package/dist/Label/src/Label.js +1 -1
  8. package/dist/Label/src/index.css +9 -9
  9. package/dist/Label/src/index.js +1 -1
  10. package/dist/Link/src/Link.css +31 -31
  11. package/dist/Link/src/Link.js +3 -3
  12. package/dist/Link/src/index.css +31 -31
  13. package/dist/Link/src/index.js +3 -3
  14. package/dist/Spinner/src/Spinner.css +19 -19
  15. package/dist/Spinner/src/Spinner.js +2 -2
  16. package/dist/Spinner/src/index.css +19 -19
  17. package/dist/Spinner/src/index.js +2 -2
  18. package/dist/Text/src/Text.css +9 -9
  19. package/dist/Text/src/Text.js +2 -2
  20. package/dist/Text/src/index.css +9 -9
  21. package/dist/Text/src/index.js +2 -2
  22. package/dist/buttons/src/Button.css +103 -103
  23. package/dist/buttons/src/Button.js +7 -7
  24. package/dist/buttons/src/ButtonContext.d.ts +1 -1
  25. package/dist/buttons/src/ButtonGroup.css +11 -11
  26. package/dist/buttons/src/ButtonGroup.js +2 -2
  27. package/dist/buttons/src/ClearButton.css +66 -0
  28. package/dist/buttons/src/ClearButton.d.ts +15 -0
  29. package/dist/buttons/src/ClearButton.js +6 -0
  30. package/dist/buttons/src/ClearButtonContext.d.ts +8 -0
  31. package/dist/buttons/src/ClearButtonContext.js +2 -0
  32. package/dist/buttons/src/index.css +170 -103
  33. package/dist/buttons/src/index.d.ts +2 -0
  34. package/dist/buttons/src/index.js +9 -7
  35. package/dist/checkbox/src/Checkbox.css +33 -33
  36. package/dist/checkbox/src/Checkbox.js +3 -3
  37. package/dist/checkbox/src/CheckboxField.css +15 -15
  38. package/dist/checkbox/src/CheckboxField.js +3 -3
  39. package/dist/checkbox/src/CheckboxGroup.css +68 -68
  40. package/dist/checkbox/src/CheckboxGroup.js +3 -3
  41. package/dist/checkbox/src/index.css +68 -68
  42. package/dist/checkbox/src/index.js +7 -7
  43. package/dist/chip/src/Chip.css +33 -33
  44. package/dist/chip/src/Chip.js +3 -3
  45. package/dist/chip/src/index.css +33 -33
  46. package/dist/chip/src/index.js +3 -3
  47. package/dist/{chunk-HUJ3PTM7.js → chunk-2NABNL6G.js} +2 -2
  48. package/dist/{chunk-VYNBJRJW.js → chunk-6JSCWDLJ.js} +3 -3
  49. package/dist/{chunk-FD4HMY5A.js → chunk-CK42RJLK.js} +3 -3
  50. package/dist/chunk-DBTHMTO4.js +56 -0
  51. package/dist/chunk-DXVKHP4V.js +7 -0
  52. package/dist/{chunk-KKFX7YII.js → chunk-FAXZNX63.js} +3 -3
  53. package/dist/{chunk-CJFCOPMQ.js → chunk-FJ4WILCG.js} +2 -2
  54. package/dist/{chunk-ZUMAL5WB.js → chunk-GYK77A5U.js} +3 -3
  55. package/dist/{chunk-H234F7HP.js → chunk-IYQZFIWZ.js} +3 -3
  56. package/dist/{chunk-BIVAOAN2.js → chunk-LKE4VXIP.js} +3 -3
  57. package/dist/{chunk-BPM4ETTB.js → chunk-LL2FMAAO.js} +2 -0
  58. package/dist/{chunk-SC4G54ML.js → chunk-M67A5LAA.js} +5 -5
  59. package/dist/{chunk-YFTLWL74.js → chunk-MICIYADH.js} +1 -1
  60. package/dist/{chunk-3KIUEBO3.js → chunk-N2QZWPQF.js} +2 -2
  61. package/dist/{chunk-TRS7R4W3.js → chunk-NUUG5PFN.js} +1 -1
  62. package/dist/{chunk-6EMOC7TA.js → chunk-O2WSE3EM.js} +3 -3
  63. package/dist/{chunk-G7RKLBFT.js → chunk-RLIG2IHH.js} +2 -2
  64. package/dist/{chunk-EADFYPVX.js → chunk-S67EVV3J.js} +3 -3
  65. package/dist/{chunk-CE3ABLD2.js → chunk-TOCGJB3X.js} +3 -3
  66. package/dist/{chunk-3FT5XSWV.js → chunk-XTRE6FPK.js} +3 -3
  67. package/dist/errorMessage/src/ErrorMessage.css +11 -11
  68. package/dist/errorMessage/src/ErrorMessage.js +3 -3
  69. package/dist/errorMessage/src/index.css +11 -11
  70. package/dist/errorMessage/src/index.js +3 -3
  71. package/dist/helperMessage/src/HelperMessage.css +11 -11
  72. package/dist/helperMessage/src/HelperMessage.js +3 -3
  73. package/dist/helperMessage/src/index.css +11 -11
  74. package/dist/helperMessage/src/index.js +3 -3
  75. package/dist/i18n/src/index.js +1 -1
  76. package/dist/i18n/src/useLocalizedString.js +1 -1
  77. package/dist/radio/src/Radio.css +30 -30
  78. package/dist/radio/src/Radio.js +3 -3
  79. package/dist/radio/src/RadioField.css +15 -15
  80. package/dist/radio/src/RadioField.js +3 -3
  81. package/dist/radio/src/RadioGroup.css +65 -65
  82. package/dist/radio/src/RadioGroup.js +3 -3
  83. package/dist/radio/src/index.css +65 -65
  84. package/dist/radio/src/index.js +7 -7
  85. package/dist/switch/src/Switch.css +25 -25
  86. package/dist/switch/src/Switch.js +3 -3
  87. package/dist/switch/src/SwitchField.css +15 -15
  88. package/dist/switch/src/SwitchField.js +3 -3
  89. package/dist/switch/src/index.css +31 -31
  90. package/dist/switch/src/index.js +5 -5
  91. package/dist/utils/src/index.js +1 -1
  92. package/package.json +2 -2
@@ -1,5 +1,5 @@
1
1
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
2
- .IconList-module__hop-IconList___xoL0K {
2
+ .IconList-module__hop-IconList___FMF13 {
3
3
  --hop-IconList-gap: var(--hop-space-inline-xs);
4
4
  display: flex;
5
5
  flex-wrap: wrap;
@@ -8,7 +8,7 @@
8
8
  }
9
9
 
10
10
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Text/src/Text.module.css/#css-module-data */
11
- .Text-module__hop-Text___eHjGr {
11
+ .Text-module__hop-Text___AZmOV {
12
12
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
13
13
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
14
14
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -38,49 +38,49 @@
38
38
  --hop-Text-inherit-size-font-weight: inherit;
39
39
  --hop-Text-inherit-size-line-height: inherit;
40
40
  }
41
- :where(.Text-module__hop-Text___eHjGr) {
41
+ :where(.Text-module__hop-Text___AZmOV) {
42
42
  font-family: var(--font-family);
43
43
  font-size: var(--font-size);
44
44
  font-weight: var(--font-weight);
45
45
  line-height: var(--line-height);
46
46
  }
47
- :where(.Text-module__hop-Text--xs___6lQf3) {
47
+ :where(.Text-module__hop-Text--xs___V1bcv) {
48
48
  --font-size: var(--hop-Text-xs-font-size);
49
49
  --font-family: var(--hop-Text-xs-font-family);
50
50
  --font-weight: var(--hop-Text-xs-font-weight);
51
51
  --line-height: var(--hop-Text-xs-line-height);
52
52
  }
53
- :where(.Text-module__hop-Text--sm___79uWV) {
53
+ :where(.Text-module__hop-Text--sm___Dq2fh) {
54
54
  --font-size: var(--hop-Text-sm-font-size);
55
55
  --font-family: var(--hop-Text-sm-font-family);
56
56
  --font-weight: var(--hop-Text-sm-font-weight);
57
57
  --line-height: var(--hop-Text-sm-line-height);
58
58
  }
59
- :where(.Text-module__hop-Text--md___kaNdx) {
59
+ :where(.Text-module__hop-Text--md___OIBbn) {
60
60
  --font-size: var(--hop-Text-md-font-size);
61
61
  --font-family: var(--hop-Text-md-font-family);
62
62
  --font-weight: var(--hop-Text-md-font-weight);
63
63
  --line-height: var(--hop-Text-md-line-height);
64
64
  }
65
- :where(.Text-module__hop-Text--lg___DD3l0) {
65
+ :where(.Text-module__hop-Text--lg___2Dp00) {
66
66
  --font-size: var(--hop-Text-lg-font-size);
67
67
  --font-family: var(--hop-Text-lg-font-family);
68
68
  --font-weight: var(--hop-Text-lg-font-weight);
69
69
  --line-height: var(--hop-Text-lg-line-height);
70
70
  }
71
- :where(.Text-module__hop-Text--xl___CU19-) {
71
+ :where(.Text-module__hop-Text--xl___OCJ5n) {
72
72
  --font-size: var(--hop-Text-xl-font-size);
73
73
  --font-family: var(--hop-Text-xl-font-family);
74
74
  --font-weight: var(--hop-Text-xl-font-weight);
75
75
  --line-height: var(--hop-Text-xl-line-height);
76
76
  }
77
- :where(.Text-module__hop-Text--2xl___Zif3-) {
77
+ :where(.Text-module__hop-Text--2xl___bZkQu) {
78
78
  --font-size: var(--hop-Text-2xl-font-size);
79
79
  --font-family: var(--hop-Text-2xl-font-family);
80
80
  --font-weight: var(--hop-Text-2xl-font-weight);
81
81
  --line-height: var(--hop-Text-2xl-line-height);
82
82
  }
83
- :where(.Text-module__hop-Text--inherit___NWdla) {
83
+ :where(.Text-module__hop-Text--inherit___bNF26) {
84
84
  --font-size: var(--hop-Text-inherit-size-font-size);
85
85
  --font-family: var(--hop-Text-inherit-size-font-family);
86
86
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -88,7 +88,7 @@
88
88
  }
89
89
 
90
90
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/chip/src/Chip.module.css/#css-module-data */
91
- .Chip-module__hop-Chip___ow5yy {
91
+ .Chip-module__hop-Chip___b7mef {
92
92
  --hop-Chip-border-size: 0.0625rem;
93
93
  --hop-Chip-border-radius: var(--hop-shape-pill);
94
94
  --hop-Chip-column-gap: var(--hop-space-inline-xs);
@@ -158,94 +158,94 @@
158
158
  border: var(--border-size) solid var(--border-color);
159
159
  border-radius: var(--border-radius);
160
160
  }
161
- .Chip-module__hop-Chip--xs___y91c1 {
161
+ .Chip-module__hop-Chip--xs___wVGpE {
162
162
  --block-size: var(--hop-Chip-xs-block-size);
163
163
  --padding-inline: var(--hop-Chip-xs-padding-inline);
164
164
  }
165
- .Chip-module__hop-Chip--sm___jdtD0 {
165
+ .Chip-module__hop-Chip--sm___-hffc {
166
166
  --block-size: var(--hop-Chip-sm-block-size);
167
167
  --padding-inline: var(--hop-Chip-sm-padding-inline);
168
168
  }
169
- .Chip-module__hop-Chip--md___vOUpq {
169
+ .Chip-module__hop-Chip--md___eozdl {
170
170
  --block-size: var(--hop-Chip-md-block-size);
171
171
  --padding-inline: var(--hop-Chip-md-padding-inline);
172
172
  }
173
- .Chip-module__hop-Chip--lg___ksHhv {
173
+ .Chip-module__hop-Chip--lg___54LlG {
174
174
  --block-size: var(--hop-Chip-lg-block-size);
175
175
  --padding-inline: var(--hop-Chip-lg-padding-inline);
176
176
  }
177
- .Chip-module__hop-Chip--neutral___-l3Wj {
177
+ .Chip-module__hop-Chip--neutral___4mLAd {
178
178
  --border-color: var(--hop-Chip-neutral-border-color);
179
179
  --background-color: var(--hop-Chip-neutral-background-color);
180
180
  --text-color: var(--hop-Chip-neutral-text-color);
181
181
  }
182
- .Chip-module__hop-Chip--progress___mHQ8v {
182
+ .Chip-module__hop-Chip--progress___o752p {
183
183
  --border-color: var(--hop-Chip-progress-border-color);
184
184
  --background-color: var(--hop-Chip-progress-background-color);
185
185
  --text-color: var(--hop-Chip-progress-text-color);
186
186
  }
187
- .Chip-module__hop-Chip--positive___cd2-6 {
187
+ .Chip-module__hop-Chip--positive___0QVzc {
188
188
  --border-color: var(--hop-Chip-positive-border-color);
189
189
  --background-color: var(--hop-Chip-positive-background-color);
190
190
  --text-color: var(--hop-Chip-positive-text-color);
191
191
  }
192
- .Chip-module__hop-Chip--caution___reN8y {
192
+ .Chip-module__hop-Chip--caution___-YJX6 {
193
193
  --border-color: var(--hop-Chip-caution-border-color);
194
194
  --background-color: var(--hop-Chip-caution-background-color);
195
195
  --text-color: var(--hop-Chip-caution-text-color);
196
196
  }
197
- .Chip-module__hop-Chip--negative___VDivs {
197
+ .Chip-module__hop-Chip--negative___9w35o {
198
198
  --border-color: var(--hop-Chip-negative-border-color);
199
199
  --background-color: var(--hop-Chip-negative-background-color);
200
200
  --text-color: var(--hop-Chip-negative-text-color);
201
201
  }
202
- .Chip-module__hop-Chip--option1___OUGGx {
202
+ .Chip-module__hop-Chip--option1___mwCCD {
203
203
  --border-color: var(--hop-Chip-option1-border-color);
204
204
  --background-color: var(--hop-Chip-option1-background-color);
205
205
  --text-color: var(--hop-Chip-option1-text-color);
206
206
  }
207
- .Chip-module__hop-Chip--option2___X--Uy {
207
+ .Chip-module__hop-Chip--option2___SuCZi {
208
208
  --border-color: var(--hop-Chip-option2-border-color);
209
209
  --background-color: var(--hop-Chip-option2-background-color);
210
210
  --text-color: var(--hop-Chip-option2-text-color);
211
211
  }
212
- .Chip-module__hop-Chip--option3___mEuhz {
212
+ .Chip-module__hop-Chip--option3___6rxw7 {
213
213
  --border-color: var(--hop-Chip-option3-border-color);
214
214
  --background-color: var(--hop-Chip-option3-background-color);
215
215
  --text-color: var(--hop-Chip-option3-text-color);
216
216
  }
217
- .Chip-module__hop-Chip--option4___kSZqI {
217
+ .Chip-module__hop-Chip--option4___43bfc {
218
218
  --border-color: var(--hop-Chip-option4-border-color);
219
219
  --background-color: var(--hop-Chip-option4-background-color);
220
220
  --text-color: var(--hop-Chip-option4-text-color);
221
221
  }
222
- .Chip-module__hop-Chip--option5___O9YoG {
222
+ .Chip-module__hop-Chip--option5___FEjwf {
223
223
  --border-color: var(--hop-Chip-option5-border-color);
224
224
  --background-color: var(--hop-Chip-option5-background-color);
225
225
  --text-color: var(--hop-Chip-option5-text-color);
226
226
  }
227
- .Chip-module__hop-Chip--option6___pAhUG {
227
+ .Chip-module__hop-Chip--option6___ARSy8 {
228
228
  --border-color: var(--hop-Chip-option6-border-color);
229
229
  --background-color: var(--hop-Chip-option6-background-color);
230
230
  --text-color: var(--hop-Chip-option6-text-color);
231
231
  }
232
- .Chip-module__hop-Chip--inactive___KcvEd {
232
+ .Chip-module__hop-Chip--inactive___EkuWW {
233
233
  --border-color: var(--hop-Chip-inactive-border-color);
234
234
  --background-color: var(--hop-Chip-inactive-background-color);
235
235
  --text-color: var(--hop-Chip-inactive-text-color);
236
236
  }
237
- .Chip-module__hop-Chip--disabled___VXInB {
237
+ .Chip-module__hop-Chip--disabled___DOhPL {
238
238
  --border-color: var(--hop-Chip-disabled-border-color);
239
239
  --background-color: var(--hop-Chip-disabled-background-color);
240
240
  --text-color: var(--hop-Chip-disabled-text-color);
241
241
  }
242
- .Chip-module__hop-Chip__icon___4AD0Y,
243
- .Chip-module__hop-Chip__icon-list___hyYls {
242
+ .Chip-module__hop-Chip__icon___KXh9S,
243
+ .Chip-module__hop-Chip__icon-list___aItoi {
244
244
  flex: 0 0 auto;
245
245
  flex-wrap: nowrap;
246
246
  order: 1;
247
247
  }
248
- .Chip-module__hop-Chip__text___ABDy4 {
248
+ .Chip-module__hop-Chip__text___-Yzwb {
249
249
  overflow: hidden;
250
250
  flex: 1 1 auto;
251
251
  order: 2;
@@ -253,8 +253,8 @@
253
253
  text-align: center;
254
254
  text-overflow: ellipsis;
255
255
  }
256
- .Chip-module__hop-Chip__end-icon___98iKE,
257
- .Chip-module__hop-Chip__end-icon-list___aiiqm {
256
+ .Chip-module__hop-Chip__end-icon___6StP6,
257
+ .Chip-module__hop-Chip__end-icon-list___rl7eq {
258
258
  flex: 0 0 auto;
259
259
  flex-wrap: nowrap;
260
260
  order: 3;
@@ -1,10 +1,10 @@
1
- export { _Chip as Chip, GlobalChipCssSelector } from '../../chunk-ZUMAL5WB.js';
1
+ export { _Chip as Chip, GlobalChipCssSelector } from '../../chunk-GYK77A5U.js';
2
2
  import '../../chunk-WTKIUAHI.js';
3
3
  import '../../chunk-ZWU6DRRZ.js';
4
- import '../../chunk-HUJ3PTM7.js';
4
+ import '../../chunk-2NABNL6G.js';
5
5
  import '../../chunk-HXI3MEEK.js';
6
6
  import '../../chunk-OE5BLFZI.js';
7
- import '../../chunk-KVDXQMWI.js';
8
7
  import '../../chunk-M36KANKC.js';
9
8
  import '../../chunk-DHVVYSLB.js';
9
+ import '../../chunk-KVDXQMWI.js';
10
10
  import '../../chunk-YSQDPG26.js';
@@ -1,5 +1,5 @@
1
1
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/IconList/src/IconList.module.css/#css-module-data */
2
- .IconList-module__hop-IconList___xoL0K {
2
+ .IconList-module__hop-IconList___FMF13 {
3
3
  --hop-IconList-gap: var(--hop-space-inline-xs);
4
4
  display: flex;
5
5
  flex-wrap: wrap;
@@ -8,7 +8,7 @@
8
8
  }
9
9
 
10
10
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/Text/src/Text.module.css/#css-module-data */
11
- .Text-module__hop-Text___eHjGr {
11
+ .Text-module__hop-Text___AZmOV {
12
12
  --hop-Text-xs-font-size: var(--hop-body-xs-font-size);
13
13
  --hop-Text-xs-font-family: var(--hop-body-xs-font-family);
14
14
  --hop-Text-xs-font-weight: var(--hop-body-xs-font-weight);
@@ -38,49 +38,49 @@
38
38
  --hop-Text-inherit-size-font-weight: inherit;
39
39
  --hop-Text-inherit-size-line-height: inherit;
40
40
  }
41
- :where(.Text-module__hop-Text___eHjGr) {
41
+ :where(.Text-module__hop-Text___AZmOV) {
42
42
  font-family: var(--font-family);
43
43
  font-size: var(--font-size);
44
44
  font-weight: var(--font-weight);
45
45
  line-height: var(--line-height);
46
46
  }
47
- :where(.Text-module__hop-Text--xs___6lQf3) {
47
+ :where(.Text-module__hop-Text--xs___V1bcv) {
48
48
  --font-size: var(--hop-Text-xs-font-size);
49
49
  --font-family: var(--hop-Text-xs-font-family);
50
50
  --font-weight: var(--hop-Text-xs-font-weight);
51
51
  --line-height: var(--hop-Text-xs-line-height);
52
52
  }
53
- :where(.Text-module__hop-Text--sm___79uWV) {
53
+ :where(.Text-module__hop-Text--sm___Dq2fh) {
54
54
  --font-size: var(--hop-Text-sm-font-size);
55
55
  --font-family: var(--hop-Text-sm-font-family);
56
56
  --font-weight: var(--hop-Text-sm-font-weight);
57
57
  --line-height: var(--hop-Text-sm-line-height);
58
58
  }
59
- :where(.Text-module__hop-Text--md___kaNdx) {
59
+ :where(.Text-module__hop-Text--md___OIBbn) {
60
60
  --font-size: var(--hop-Text-md-font-size);
61
61
  --font-family: var(--hop-Text-md-font-family);
62
62
  --font-weight: var(--hop-Text-md-font-weight);
63
63
  --line-height: var(--hop-Text-md-line-height);
64
64
  }
65
- :where(.Text-module__hop-Text--lg___DD3l0) {
65
+ :where(.Text-module__hop-Text--lg___2Dp00) {
66
66
  --font-size: var(--hop-Text-lg-font-size);
67
67
  --font-family: var(--hop-Text-lg-font-family);
68
68
  --font-weight: var(--hop-Text-lg-font-weight);
69
69
  --line-height: var(--hop-Text-lg-line-height);
70
70
  }
71
- :where(.Text-module__hop-Text--xl___CU19-) {
71
+ :where(.Text-module__hop-Text--xl___OCJ5n) {
72
72
  --font-size: var(--hop-Text-xl-font-size);
73
73
  --font-family: var(--hop-Text-xl-font-family);
74
74
  --font-weight: var(--hop-Text-xl-font-weight);
75
75
  --line-height: var(--hop-Text-xl-line-height);
76
76
  }
77
- :where(.Text-module__hop-Text--2xl___Zif3-) {
77
+ :where(.Text-module__hop-Text--2xl___bZkQu) {
78
78
  --font-size: var(--hop-Text-2xl-font-size);
79
79
  --font-family: var(--hop-Text-2xl-font-family);
80
80
  --font-weight: var(--hop-Text-2xl-font-weight);
81
81
  --line-height: var(--hop-Text-2xl-line-height);
82
82
  }
83
- :where(.Text-module__hop-Text--inherit___NWdla) {
83
+ :where(.Text-module__hop-Text--inherit___bNF26) {
84
84
  --font-size: var(--hop-Text-inherit-size-font-size);
85
85
  --font-family: var(--hop-Text-inherit-size-font-family);
86
86
  --font-weight: var(--hop-Text-inherit-size-font-weight);
@@ -88,7 +88,7 @@
88
88
  }
89
89
 
90
90
  /* css-module:/home/runner/work/wl-hopper/wl-hopper/packages/components/src/chip/src/Chip.module.css/#css-module-data */
91
- .Chip-module__hop-Chip___ow5yy {
91
+ .Chip-module__hop-Chip___b7mef {
92
92
  --hop-Chip-border-size: 0.0625rem;
93
93
  --hop-Chip-border-radius: var(--hop-shape-pill);
94
94
  --hop-Chip-column-gap: var(--hop-space-inline-xs);
@@ -158,94 +158,94 @@
158
158
  border: var(--border-size) solid var(--border-color);
159
159
  border-radius: var(--border-radius);
160
160
  }
161
- .Chip-module__hop-Chip--xs___y91c1 {
161
+ .Chip-module__hop-Chip--xs___wVGpE {
162
162
  --block-size: var(--hop-Chip-xs-block-size);
163
163
  --padding-inline: var(--hop-Chip-xs-padding-inline);
164
164
  }
165
- .Chip-module__hop-Chip--sm___jdtD0 {
165
+ .Chip-module__hop-Chip--sm___-hffc {
166
166
  --block-size: var(--hop-Chip-sm-block-size);
167
167
  --padding-inline: var(--hop-Chip-sm-padding-inline);
168
168
  }
169
- .Chip-module__hop-Chip--md___vOUpq {
169
+ .Chip-module__hop-Chip--md___eozdl {
170
170
  --block-size: var(--hop-Chip-md-block-size);
171
171
  --padding-inline: var(--hop-Chip-md-padding-inline);
172
172
  }
173
- .Chip-module__hop-Chip--lg___ksHhv {
173
+ .Chip-module__hop-Chip--lg___54LlG {
174
174
  --block-size: var(--hop-Chip-lg-block-size);
175
175
  --padding-inline: var(--hop-Chip-lg-padding-inline);
176
176
  }
177
- .Chip-module__hop-Chip--neutral___-l3Wj {
177
+ .Chip-module__hop-Chip--neutral___4mLAd {
178
178
  --border-color: var(--hop-Chip-neutral-border-color);
179
179
  --background-color: var(--hop-Chip-neutral-background-color);
180
180
  --text-color: var(--hop-Chip-neutral-text-color);
181
181
  }
182
- .Chip-module__hop-Chip--progress___mHQ8v {
182
+ .Chip-module__hop-Chip--progress___o752p {
183
183
  --border-color: var(--hop-Chip-progress-border-color);
184
184
  --background-color: var(--hop-Chip-progress-background-color);
185
185
  --text-color: var(--hop-Chip-progress-text-color);
186
186
  }
187
- .Chip-module__hop-Chip--positive___cd2-6 {
187
+ .Chip-module__hop-Chip--positive___0QVzc {
188
188
  --border-color: var(--hop-Chip-positive-border-color);
189
189
  --background-color: var(--hop-Chip-positive-background-color);
190
190
  --text-color: var(--hop-Chip-positive-text-color);
191
191
  }
192
- .Chip-module__hop-Chip--caution___reN8y {
192
+ .Chip-module__hop-Chip--caution___-YJX6 {
193
193
  --border-color: var(--hop-Chip-caution-border-color);
194
194
  --background-color: var(--hop-Chip-caution-background-color);
195
195
  --text-color: var(--hop-Chip-caution-text-color);
196
196
  }
197
- .Chip-module__hop-Chip--negative___VDivs {
197
+ .Chip-module__hop-Chip--negative___9w35o {
198
198
  --border-color: var(--hop-Chip-negative-border-color);
199
199
  --background-color: var(--hop-Chip-negative-background-color);
200
200
  --text-color: var(--hop-Chip-negative-text-color);
201
201
  }
202
- .Chip-module__hop-Chip--option1___OUGGx {
202
+ .Chip-module__hop-Chip--option1___mwCCD {
203
203
  --border-color: var(--hop-Chip-option1-border-color);
204
204
  --background-color: var(--hop-Chip-option1-background-color);
205
205
  --text-color: var(--hop-Chip-option1-text-color);
206
206
  }
207
- .Chip-module__hop-Chip--option2___X--Uy {
207
+ .Chip-module__hop-Chip--option2___SuCZi {
208
208
  --border-color: var(--hop-Chip-option2-border-color);
209
209
  --background-color: var(--hop-Chip-option2-background-color);
210
210
  --text-color: var(--hop-Chip-option2-text-color);
211
211
  }
212
- .Chip-module__hop-Chip--option3___mEuhz {
212
+ .Chip-module__hop-Chip--option3___6rxw7 {
213
213
  --border-color: var(--hop-Chip-option3-border-color);
214
214
  --background-color: var(--hop-Chip-option3-background-color);
215
215
  --text-color: var(--hop-Chip-option3-text-color);
216
216
  }
217
- .Chip-module__hop-Chip--option4___kSZqI {
217
+ .Chip-module__hop-Chip--option4___43bfc {
218
218
  --border-color: var(--hop-Chip-option4-border-color);
219
219
  --background-color: var(--hop-Chip-option4-background-color);
220
220
  --text-color: var(--hop-Chip-option4-text-color);
221
221
  }
222
- .Chip-module__hop-Chip--option5___O9YoG {
222
+ .Chip-module__hop-Chip--option5___FEjwf {
223
223
  --border-color: var(--hop-Chip-option5-border-color);
224
224
  --background-color: var(--hop-Chip-option5-background-color);
225
225
  --text-color: var(--hop-Chip-option5-text-color);
226
226
  }
227
- .Chip-module__hop-Chip--option6___pAhUG {
227
+ .Chip-module__hop-Chip--option6___ARSy8 {
228
228
  --border-color: var(--hop-Chip-option6-border-color);
229
229
  --background-color: var(--hop-Chip-option6-background-color);
230
230
  --text-color: var(--hop-Chip-option6-text-color);
231
231
  }
232
- .Chip-module__hop-Chip--inactive___KcvEd {
232
+ .Chip-module__hop-Chip--inactive___EkuWW {
233
233
  --border-color: var(--hop-Chip-inactive-border-color);
234
234
  --background-color: var(--hop-Chip-inactive-background-color);
235
235
  --text-color: var(--hop-Chip-inactive-text-color);
236
236
  }
237
- .Chip-module__hop-Chip--disabled___VXInB {
237
+ .Chip-module__hop-Chip--disabled___DOhPL {
238
238
  --border-color: var(--hop-Chip-disabled-border-color);
239
239
  --background-color: var(--hop-Chip-disabled-background-color);
240
240
  --text-color: var(--hop-Chip-disabled-text-color);
241
241
  }
242
- .Chip-module__hop-Chip__icon___4AD0Y,
243
- .Chip-module__hop-Chip__icon-list___hyYls {
242
+ .Chip-module__hop-Chip__icon___KXh9S,
243
+ .Chip-module__hop-Chip__icon-list___aItoi {
244
244
  flex: 0 0 auto;
245
245
  flex-wrap: nowrap;
246
246
  order: 1;
247
247
  }
248
- .Chip-module__hop-Chip__text___ABDy4 {
248
+ .Chip-module__hop-Chip__text___-Yzwb {
249
249
  overflow: hidden;
250
250
  flex: 1 1 auto;
251
251
  order: 2;
@@ -253,8 +253,8 @@
253
253
  text-align: center;
254
254
  text-overflow: ellipsis;
255
255
  }
256
- .Chip-module__hop-Chip__end-icon___98iKE,
257
- .Chip-module__hop-Chip__end-icon-list___aiiqm {
256
+ .Chip-module__hop-Chip__end-icon___6StP6,
257
+ .Chip-module__hop-Chip__end-icon-list___rl7eq {
258
258
  flex: 0 0 auto;
259
259
  flex-wrap: nowrap;
260
260
  order: 3;
@@ -1,10 +1,10 @@
1
- export { _Chip as Chip, GlobalChipCssSelector } from '../../chunk-ZUMAL5WB.js';
1
+ export { _Chip as Chip, GlobalChipCssSelector } from '../../chunk-GYK77A5U.js';
2
2
  export { ChipContext } from '../../chunk-WTKIUAHI.js';
3
3
  import '../../chunk-ZWU6DRRZ.js';
4
- import '../../chunk-HUJ3PTM7.js';
4
+ import '../../chunk-2NABNL6G.js';
5
5
  import '../../chunk-HXI3MEEK.js';
6
6
  import '../../chunk-OE5BLFZI.js';
7
- import '../../chunk-KVDXQMWI.js';
8
7
  import '../../chunk-M36KANKC.js';
9
8
  import '../../chunk-DHVVYSLB.js';
9
+ import '../../chunk-KVDXQMWI.js';
10
10
  import '../../chunk-YSQDPG26.js';
@@ -1,7 +1,7 @@
1
1
  import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
2
2
  import { TextContext } from './chunk-OE5BLFZI.js';
3
- import { cssModule } from './chunk-KVDXQMWI.js';
4
3
  import { SlotProvider } from './chunk-M36KANKC.js';
4
+ import { cssModule } from './chunk-KVDXQMWI.js';
5
5
  import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
6
6
  import clsx from 'clsx';
7
7
  import { forwardRef } from 'react';
@@ -9,7 +9,7 @@ import { useContextProps, Text as Text$1 } from 'react-aria-components';
9
9
  import { jsx } from 'react/jsx-runtime';
10
10
 
11
11
  // css-module:./Text.module.css#css-module
12
- var Text_module_default = { "hop-Text": "Text-module__hop-Text___eHjGr", "hop-Text--xs": "Text-module__hop-Text--xs___6lQf3", "hop-Text--sm": "Text-module__hop-Text--sm___79uWV", "hop-Text--md": "Text-module__hop-Text--md___kaNdx", "hop-Text--lg": "Text-module__hop-Text--lg___DD3l0", "hop-Text--xl": "Text-module__hop-Text--xl___CU19-", "hop-Text--2xl": "Text-module__hop-Text--2xl___Zif3-", "hop-Text--inherit": "Text-module__hop-Text--inherit___NWdla" };
12
+ var Text_module_default = { "hop-Text": "Text-module__hop-Text___AZmOV", "hop-Text--xs": "Text-module__hop-Text--xs___V1bcv", "hop-Text--sm": "Text-module__hop-Text--sm___Dq2fh", "hop-Text--md": "Text-module__hop-Text--md___OIBbn", "hop-Text--lg": "Text-module__hop-Text--lg___2Dp00", "hop-Text--xl": "Text-module__hop-Text--xl___OCJ5n", "hop-Text--2xl": "Text-module__hop-Text--2xl___bZkQu", "hop-Text--inherit": "Text-module__hop-Text--inherit___bNF26" };
13
13
  var GlobalTextCssSelector = "hop-Text";
14
14
  function Text(props, ref) {
15
15
  [props, ref] = useContextProps(props, ref, TextContext);
@@ -1,20 +1,20 @@
1
1
  import { ErrorMessageContext } from './chunk-ACVMW6YD.js';
2
2
  import { HelperMessageContext } from './chunk-ESVVLTEN.js';
3
+ import { CheckboxContext } from './chunk-2EAZPH3M.js';
3
4
  import { CheckboxFieldContext } from './chunk-ZGNK4GWA.js';
4
5
  import { CheckboxGroupContext } from './chunk-N7YDPVZL.js';
5
6
  import { CheckboxListContext } from './chunk-WDUQUPTE.js';
6
- import { CheckboxContext } from './chunk-2EAZPH3M.js';
7
7
  import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
8
+ import { SlotProvider } from './chunk-M36KANKC.js';
8
9
  import { cssModule } from './chunk-KVDXQMWI.js';
9
10
  import { LabelContext } from './chunk-HVKOIMMW.js';
10
- import { SlotProvider } from './chunk-M36KANKC.js';
11
11
  import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
12
12
  import { forwardRef } from 'react';
13
13
  import { useContextProps, composeRenderProps, CheckboxGroup as CheckboxGroup$1 } from 'react-aria-components';
14
14
  import { jsx } from 'react/jsx-runtime';
15
15
 
16
16
  // css-module:./CheckboxGroup.module.css#css-module
17
- var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-CheckboxGroup___nUraE", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___icoNN", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___4RB5I", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___txX1B", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___fAya3", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___EPjvT", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___d2Pv-", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___t04hF", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___w-9RG" };
17
+ var CheckboxGroup_module_default = { "hop-CheckboxGroup": "CheckboxGroup-module__hop-CheckboxGroup___Yners", "hop-CheckboxGroup--bordered": "CheckboxGroup-module__hop-CheckboxGroup--bordered___JIrUu", "hop-CheckboxGroup--sm": "CheckboxGroup-module__hop-CheckboxGroup--sm___yVH1J", "hop-CheckboxGroup--md": "CheckboxGroup-module__hop-CheckboxGroup--md___Y9zYi", "hop-CheckboxGroup__label": "CheckboxGroup-module__hop-CheckboxGroup__label___DWizX", "hop-CheckboxGroup__list": "CheckboxGroup-module__hop-CheckboxGroup__list___qt6sl", "hop-CheckboxGroup__checkbox": "CheckboxGroup-module__hop-CheckboxGroup__checkbox___64ZNH", "hop-CheckboxGroup__error-message": "CheckboxGroup-module__hop-CheckboxGroup__error-message___GJ3QS", "hop-CheckboxGroup__helper-message": "CheckboxGroup-module__hop-CheckboxGroup__helper-message___YehJA" };
18
18
  var GlobalCheckboxGroupCssSelector = "hop-CheckboxGroup";
19
19
  function CheckboxGroup(props, ref) {
20
20
  var _a, _b;
@@ -1,12 +1,12 @@
1
1
  import { SwitchContext } from './chunk-YHBJAXUY.js';
2
2
  import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
3
3
  import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
4
- import { _Text } from './chunk-HUJ3PTM7.js';
4
+ import { _Text } from './chunk-2NABNL6G.js';
5
5
  import { ClearContainerSlots } from './chunk-HXI3MEEK.js';
6
6
  import { TextContext } from './chunk-OE5BLFZI.js';
7
- import { cssModule } from './chunk-KVDXQMWI.js';
8
7
  import { SlotProvider } from './chunk-M36KANKC.js';
9
8
  import { IconListContext } from './chunk-DHVVYSLB.js';
9
+ import { cssModule } from './chunk-KVDXQMWI.js';
10
10
  import { IconContext } from '@hopper-ui/icons';
11
11
  import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
12
12
  import { forwardRef } from 'react';
@@ -14,7 +14,7 @@ import { useContextProps, composeRenderProps, Switch as Switch$1 } from 'react-a
14
14
  import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
15
15
 
16
16
  // css-module:./Switch.module.css#css-module
17
- var Switch_module_default = { "hop-Switch": "Switch-module__hop-Switch___6Sj-R", "hop-Switch--sm": "Switch-module__hop-Switch--sm___KZDNj", "hop-Switch--md": "Switch-module__hop-Switch--md___vSzXv", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___HHYut", "hop-Switch__text": "Switch-module__hop-Switch__text___83KFO", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___fkOxm", "hop-Switch__icon": "Switch-module__hop-Switch__icon___AvDWN" };
17
+ var Switch_module_default = { "hop-Switch": "Switch-module__hop-Switch___2U4Lj", "hop-Switch--sm": "Switch-module__hop-Switch--sm___svZFy", "hop-Switch--md": "Switch-module__hop-Switch--md___MWofO", "hop-Switch__indicator": "Switch-module__hop-Switch__indicator___OL5-O", "hop-Switch__text": "Switch-module__hop-Switch__text___pkocB", "hop-Switch__icon-list": "Switch-module__hop-Switch__icon-list___iXQqm", "hop-Switch__icon": "Switch-module__hop-Switch__icon___r-c-z" };
18
18
  var GlobalSwitchCssSelector = "hop-Switch";
19
19
  function Switch(props, ref) {
20
20
  var _a;
@@ -0,0 +1,56 @@
1
+ import { useLocalizedString } from './chunk-LL2FMAAO.js';
2
+ import { ClearButtonContext } from './chunk-DXVKHP4V.js';
3
+ import { composeClassnameRenderProps } from './chunk-65JPI4FL.js';
4
+ import { cssModule } from './chunk-KVDXQMWI.js';
5
+ import { DismissIcon } from '@hopper-ui/icons';
6
+ import { useStyledSystem } from '@hopper-ui/styled-system';
7
+ import { forwardRef } from 'react';
8
+ import { useContextProps, composeRenderProps, Button } from 'react-aria-components';
9
+ import { jsx } from 'react/jsx-runtime';
10
+
11
+ // css-module:./ClearButton.module.css#css-module
12
+ var ClearButton_module_default = { "hop-ClearButton": "ClearButton-module__hop-ClearButton___WVyiZ" };
13
+ var GlobalClearButtonCssSelector = "hop-ClearButton";
14
+ function ClearButton(props, ref) {
15
+ [props, ref] = useContextProps(props, ref, ClearButtonContext);
16
+ const { stylingProps, ...ownProps } = useStyledSystem(props);
17
+ const stringFormatter = useLocalizedString();
18
+ const {
19
+ "aria-label": ariaLabel = stringFormatter.format("ClearButton.clearAriaLabel"),
20
+ className,
21
+ isDisabled,
22
+ style: styleProp,
23
+ ...otherProps
24
+ } = ownProps;
25
+ const classNames = composeClassnameRenderProps(
26
+ className,
27
+ GlobalClearButtonCssSelector,
28
+ cssModule(
29
+ ClearButton_module_default,
30
+ "hop-ClearButton"
31
+ ),
32
+ stylingProps.className
33
+ );
34
+ const style = composeRenderProps(styleProp, (prev) => {
35
+ return {
36
+ ...stylingProps.style,
37
+ ...prev
38
+ };
39
+ });
40
+ return /* @__PURE__ */ jsx(
41
+ Button,
42
+ {
43
+ ref,
44
+ className: classNames,
45
+ style,
46
+ isDisabled,
47
+ "aria-label": ariaLabel,
48
+ ...otherProps,
49
+ children: /* @__PURE__ */ jsx(DismissIcon, { size: "sm" })
50
+ }
51
+ );
52
+ }
53
+ var _ClearButton = forwardRef(ClearButton);
54
+ _ClearButton.displayName = "ClearButton";
55
+
56
+ export { GlobalClearButtonCssSelector, _ClearButton };
@@ -0,0 +1,7 @@
1
+ import { createContext } from 'react';
2
+
3
+ // src/buttons/src/ClearButtonContext.ts
4
+ var ClearButtonContext = createContext({});
5
+ ClearButtonContext.displayName = "ClearButtonContext";
6
+
7
+ export { ClearButtonContext };
@@ -1,8 +1,8 @@
1
- import { RadioFieldContext } from './chunk-DGLAGYBD.js';
2
1
  import { RadioContext } from './chunk-FU5CCPLP.js';
2
+ import { RadioFieldContext } from './chunk-DGLAGYBD.js';
3
3
  import { TextContext } from './chunk-OE5BLFZI.js';
4
- import { cssModule } from './chunk-KVDXQMWI.js';
5
4
  import { SlotProvider } from './chunk-M36KANKC.js';
5
+ import { cssModule } from './chunk-KVDXQMWI.js';
6
6
  import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
7
7
  import clsx from 'clsx';
8
8
  import { forwardRef } from 'react';
@@ -11,7 +11,7 @@ import { useContextProps } from 'react-aria-components';
11
11
  import { jsx } from 'react/jsx-runtime';
12
12
 
13
13
  // css-module:./RadioField.module.css#css-module
14
- var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___j1CT8", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___Ln2rb", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___gjZg1", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___5M3wB", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___jjwMS" };
14
+ var RadioField_module_default = { "hop-RadioField": "RadioField-module__hop-RadioField___FXm1A", "hop-RadioField--sm": "RadioField-module__hop-RadioField--sm___iqe9r", "hop-RadioField--md": "RadioField-module__hop-RadioField--md___k4LVV", "hop-RadioField__description": "RadioField-module__hop-RadioField__description___G8S6e", "hop-RadioField__radio": "RadioField-module__hop-RadioField__radio___QOuTf" };
15
15
  var GlobalRadioFieldCssSelector = "hop-RadioField";
16
16
  var RadioToDescriptionSizeAdapter = {
17
17
  sm: "xs",
@@ -1,5 +1,5 @@
1
1
  import { HelperMessageContext } from './chunk-ESVVLTEN.js';
2
- import { _Text } from './chunk-HUJ3PTM7.js';
2
+ import { _Text } from './chunk-2NABNL6G.js';
3
3
  import { cssModule } from './chunk-KVDXQMWI.js';
4
4
  import { InfoIcon } from '@hopper-ui/icons';
5
5
  import { useStyledSystem } from '@hopper-ui/styled-system';
@@ -9,7 +9,7 @@ import { useContextProps, FieldErrorContext } from 'react-aria-components';
9
9
  import { jsxs, jsx } from 'react/jsx-runtime';
10
10
 
11
11
  // css-module:./HelperMessage.module.css#css-module
12
- var HelperMessage_module_default = { "hop-HelperMessage": "HelperMessage-module__hop-HelperMessage___cUnyr", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___6wjTh" };
12
+ var HelperMessage_module_default = { "hop-HelperMessage": "HelperMessage-module__hop-HelperMessage___e-3g-", "hop-HelperMessage__icon": "HelperMessage-module__hop-HelperMessage__icon___jx2fw" };
13
13
  var GlobalHelperMessageCssSelector = "hop-HelperMessage";
14
14
  function HelperMessage(props, ref) {
15
15
  const validation = useContext(FieldErrorContext);
@@ -1,10 +1,10 @@
1
1
  import { ChipContext } from './chunk-WTKIUAHI.js';
2
2
  import { isTextOnlyChildren } from './chunk-ZWU6DRRZ.js';
3
- import { _Text } from './chunk-HUJ3PTM7.js';
3
+ import { _Text } from './chunk-2NABNL6G.js';
4
4
  import { TextContext } from './chunk-OE5BLFZI.js';
5
- import { cssModule } from './chunk-KVDXQMWI.js';
6
5
  import { SlotProvider } from './chunk-M36KANKC.js';
7
6
  import { IconListContext } from './chunk-DHVVYSLB.js';
7
+ import { cssModule } from './chunk-KVDXQMWI.js';
8
8
  import { IconContext } from '@hopper-ui/icons';
9
9
  import { useStyledSystem, useResponsiveValue } from '@hopper-ui/styled-system';
10
10
  import clsx from 'clsx';
@@ -13,7 +13,7 @@ import { useContextProps, DEFAULT_SLOT } from 'react-aria-components';
13
13
  import { jsx } from 'react/jsx-runtime';
14
14
 
15
15
  // css-module:./Chip.module.css#css-module
16
- var Chip_module_default = { "hop-Chip": "Chip-module__hop-Chip___ow5yy", "hop-Chip--xs": "Chip-module__hop-Chip--xs___y91c1", "hop-Chip--sm": "Chip-module__hop-Chip--sm___jdtD0", "hop-Chip--md": "Chip-module__hop-Chip--md___vOUpq", "hop-Chip--lg": "Chip-module__hop-Chip--lg___ksHhv", "hop-Chip--neutral": "Chip-module__hop-Chip--neutral___-l3Wj", "hop-Chip--progress": "Chip-module__hop-Chip--progress___mHQ8v", "hop-Chip--positive": "Chip-module__hop-Chip--positive___cd2-6", "hop-Chip--caution": "Chip-module__hop-Chip--caution___reN8y", "hop-Chip--negative": "Chip-module__hop-Chip--negative___VDivs", "hop-Chip--option1": "Chip-module__hop-Chip--option1___OUGGx", "hop-Chip--option2": "Chip-module__hop-Chip--option2___X--Uy", "hop-Chip--option3": "Chip-module__hop-Chip--option3___mEuhz", "hop-Chip--option4": "Chip-module__hop-Chip--option4___kSZqI", "hop-Chip--option5": "Chip-module__hop-Chip--option5___O9YoG", "hop-Chip--option6": "Chip-module__hop-Chip--option6___pAhUG", "hop-Chip--inactive": "Chip-module__hop-Chip--inactive___KcvEd", "hop-Chip--disabled": "Chip-module__hop-Chip--disabled___VXInB", "hop-Chip__icon": "Chip-module__hop-Chip__icon___4AD0Y", "hop-Chip__icon-list": "Chip-module__hop-Chip__icon-list___hyYls", "hop-Chip__text": "Chip-module__hop-Chip__text___ABDy4", "hop-Chip__end-icon": "Chip-module__hop-Chip__end-icon___98iKE", "hop-Chip__end-icon-list": "Chip-module__hop-Chip__end-icon-list___aiiqm" };
16
+ var Chip_module_default = { "hop-Chip": "Chip-module__hop-Chip___b7mef", "hop-Chip--xs": "Chip-module__hop-Chip--xs___wVGpE", "hop-Chip--sm": "Chip-module__hop-Chip--sm___-hffc", "hop-Chip--md": "Chip-module__hop-Chip--md___eozdl", "hop-Chip--lg": "Chip-module__hop-Chip--lg___54LlG", "hop-Chip--neutral": "Chip-module__hop-Chip--neutral___4mLAd", "hop-Chip--progress": "Chip-module__hop-Chip--progress___o752p", "hop-Chip--positive": "Chip-module__hop-Chip--positive___0QVzc", "hop-Chip--caution": "Chip-module__hop-Chip--caution___-YJX6", "hop-Chip--negative": "Chip-module__hop-Chip--negative___9w35o", "hop-Chip--option1": "Chip-module__hop-Chip--option1___mwCCD", "hop-Chip--option2": "Chip-module__hop-Chip--option2___SuCZi", "hop-Chip--option3": "Chip-module__hop-Chip--option3___6rxw7", "hop-Chip--option4": "Chip-module__hop-Chip--option4___43bfc", "hop-Chip--option5": "Chip-module__hop-Chip--option5___FEjwf", "hop-Chip--option6": "Chip-module__hop-Chip--option6___ARSy8", "hop-Chip--inactive": "Chip-module__hop-Chip--inactive___EkuWW", "hop-Chip--disabled": "Chip-module__hop-Chip--disabled___DOhPL", "hop-Chip__icon": "Chip-module__hop-Chip__icon___KXh9S", "hop-Chip__icon-list": "Chip-module__hop-Chip__icon-list___aItoi", "hop-Chip__text": "Chip-module__hop-Chip__text___-Yzwb", "hop-Chip__end-icon": "Chip-module__hop-Chip__end-icon___6StP6", "hop-Chip__end-icon-list": "Chip-module__hop-Chip__end-icon-list___rl7eq" };
17
17
  var GlobalChipCssSelector = "hop-Chip";
18
18
  var ChipToTextSizeAdapter = {
19
19
  xs: "xs",