@telefonica/mistica 15.16.4 → 15.17.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 (90) hide show
  1. package/css/mistica.css +1 -1
  2. package/css/roboto.css +102 -34
  3. package/dist/box.d.ts +1 -0
  4. package/dist/box.js +11 -10
  5. package/dist/chip.js +21 -22
  6. package/dist/dialog.js +53 -51
  7. package/dist/generated/mistica-icons/icon-box-star-filled.d.ts +4 -0
  8. package/dist/generated/mistica-icons/icon-box-star-filled.js +121 -0
  9. package/dist/generated/mistica-icons/icon-box-star-light.d.ts +4 -0
  10. package/dist/generated/mistica-icons/icon-box-star-light.js +117 -0
  11. package/dist/generated/mistica-icons/icon-box-star-regular.d.ts +4 -0
  12. package/dist/generated/mistica-icons/icon-box-star-regular.js +117 -0
  13. package/dist/generated/mistica-icons/icon-high-priority-filled.d.ts +4 -0
  14. package/dist/generated/mistica-icons/icon-high-priority-filled.js +111 -0
  15. package/dist/generated/mistica-icons/icon-high-priority-light.d.ts +4 -0
  16. package/dist/generated/mistica-icons/icon-high-priority-light.js +111 -0
  17. package/dist/generated/mistica-icons/icon-high-priority-regular.d.ts +4 -0
  18. package/dist/generated/mistica-icons/icon-high-priority-regular.js +111 -0
  19. package/dist/generated/mistica-icons/icon-mms-filled.d.ts +4 -0
  20. package/dist/generated/mistica-icons/icon-mms-filled.js +122 -0
  21. package/dist/generated/mistica-icons/icon-mms-light.d.ts +4 -0
  22. package/dist/generated/mistica-icons/icon-mms-light.js +134 -0
  23. package/dist/generated/mistica-icons/icon-mms-regular.d.ts +4 -0
  24. package/dist/generated/mistica-icons/icon-mms-regular.js +134 -0
  25. package/dist/generated/mistica-icons/icon-vivo-valoriza-filled.d.ts +4 -0
  26. package/dist/generated/mistica-icons/icon-vivo-valoriza-filled.js +111 -0
  27. package/dist/generated/mistica-icons/icon-vivo-valoriza-light.d.ts +4 -0
  28. package/dist/generated/mistica-icons/icon-vivo-valoriza-light.js +117 -0
  29. package/dist/generated/mistica-icons/icon-vivo-valoriza-regular.d.ts +4 -0
  30. package/dist/generated/mistica-icons/icon-vivo-valoriza-regular.js +117 -0
  31. package/dist/generated/mistica-icons/icons-keywords.js +31 -0
  32. package/dist/index.d.ts +12 -0
  33. package/dist/index.js +48 -0
  34. package/dist/list.d.ts +1 -0
  35. package/dist/list.js +163 -157
  36. package/dist/package-version.js +1 -1
  37. package/dist/select.js +103 -95
  38. package/dist/skins/blau.js +96 -8
  39. package/dist/skins/defaults.js +98 -10
  40. package/dist/skins/movistar.js +94 -6
  41. package/dist/skins/o2-new.js +95 -7
  42. package/dist/skins/o2.js +94 -6
  43. package/dist/skins/skin-contract.css-mistica.js +42 -10
  44. package/dist/skins/skin-contract.css.d.ts +32 -0
  45. package/dist/skins/telefonica.js +96 -8
  46. package/dist/skins/tu.js +94 -6
  47. package/dist/skins/types/index.d.ts +36 -28
  48. package/dist/skins/vivo-new.js +95 -7
  49. package/dist/skins/vivo.js +94 -6
  50. package/dist/snackbar.js +53 -51
  51. package/dist/theme-context-provider.js +91 -63
  52. package/dist/theme-context.css-mistica.js +452 -0
  53. package/dist/theme-context.css.d.ts +432 -0
  54. package/dist/theme-context.css.ts.vanilla.css-mistica.js +11 -0
  55. package/dist-es/box.js +17 -16
  56. package/dist-es/chip.js +47 -48
  57. package/dist-es/dialog.js +70 -68
  58. package/dist-es/generated/mistica-icons/icon-box-star-filled.js +112 -0
  59. package/dist-es/generated/mistica-icons/icon-box-star-light.js +108 -0
  60. package/dist-es/generated/mistica-icons/icon-box-star-regular.js +108 -0
  61. package/dist-es/generated/mistica-icons/icon-high-priority-filled.js +102 -0
  62. package/dist-es/generated/mistica-icons/icon-high-priority-light.js +102 -0
  63. package/dist-es/generated/mistica-icons/icon-high-priority-regular.js +102 -0
  64. package/dist-es/generated/mistica-icons/icon-mms-filled.js +113 -0
  65. package/dist-es/generated/mistica-icons/icon-mms-light.js +125 -0
  66. package/dist-es/generated/mistica-icons/icon-mms-regular.js +125 -0
  67. package/dist-es/generated/mistica-icons/icon-vivo-valoriza-filled.js +102 -0
  68. package/dist-es/generated/mistica-icons/icon-vivo-valoriza-light.js +108 -0
  69. package/dist-es/generated/mistica-icons/icon-vivo-valoriza-regular.js +108 -0
  70. package/dist-es/generated/mistica-icons/icons-keywords.js +31 -0
  71. package/dist-es/index.js +1563 -1551
  72. package/dist-es/list.js +225 -219
  73. package/dist-es/package-version.js +1 -1
  74. package/dist-es/select.js +146 -138
  75. package/dist-es/skins/blau.js +96 -8
  76. package/dist-es/skins/defaults.js +97 -9
  77. package/dist-es/skins/movistar.js +94 -6
  78. package/dist-es/skins/o2-new.js +95 -7
  79. package/dist-es/skins/o2.js +94 -6
  80. package/dist-es/skins/skin-contract.css-mistica.js +42 -10
  81. package/dist-es/skins/telefonica.js +98 -10
  82. package/dist-es/skins/tu.js +94 -6
  83. package/dist-es/skins/vivo-new.js +95 -7
  84. package/dist-es/skins/vivo.js +94 -6
  85. package/dist-es/snackbar.js +62 -60
  86. package/dist-es/style.css +1 -1
  87. package/dist-es/theme-context-provider.js +133 -105
  88. package/dist-es/theme-context.css-mistica.js +432 -0
  89. package/dist-es/theme-context.css.ts.vanilla.css-mistica.js +2 -0
  90. package/package.json +2 -3
package/css/roboto.css CHANGED
@@ -5,7 +5,9 @@
5
5
  font-family: 'Roboto';
6
6
  font-style: italic;
7
7
  font-weight: 400;
8
- src: local('Roboto Italic'), local('Roboto-Italic'),
8
+ src:
9
+ local('Roboto Italic'),
10
+ local('Roboto-Italic'),
9
11
  url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xFIzIFKw.woff2) format('woff2');
10
12
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
11
13
  }
@@ -14,7 +16,9 @@
14
16
  font-family: 'Roboto';
15
17
  font-style: italic;
16
18
  font-weight: 400;
17
- src: local('Roboto Italic'), local('Roboto-Italic'),
19
+ src:
20
+ local('Roboto Italic'),
21
+ local('Roboto-Italic'),
18
22
  url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xMIzIFKw.woff2) format('woff2');
19
23
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
20
24
  }
@@ -23,7 +27,9 @@
23
27
  font-family: 'Roboto';
24
28
  font-style: italic;
25
29
  font-weight: 400;
26
- src: local('Roboto Italic'), local('Roboto-Italic'),
30
+ src:
31
+ local('Roboto Italic'),
32
+ local('Roboto-Italic'),
27
33
  url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xEIzIFKw.woff2) format('woff2');
28
34
  unicode-range: U+1F00-1FFF;
29
35
  }
@@ -40,7 +46,9 @@
40
46
  font-family: 'Roboto';
41
47
  font-style: italic;
42
48
  font-weight: 400;
43
- src: local('Roboto Italic'), local('Roboto-Italic'),
49
+ src:
50
+ local('Roboto Italic'),
51
+ local('Roboto-Italic'),
44
52
  url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xHIzIFKw.woff2) format('woff2');
45
53
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9,
46
54
  U+20AB;
@@ -50,7 +58,9 @@
50
58
  font-family: 'Roboto';
51
59
  font-style: italic;
52
60
  font-weight: 400;
53
- src: local('Roboto Italic'), local('Roboto-Italic'),
61
+ src:
62
+ local('Roboto Italic'),
63
+ local('Roboto-Italic'),
54
64
  url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xGIzIFKw.woff2) format('woff2');
55
65
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F,
56
66
  U+A720-A7FF;
@@ -60,7 +70,9 @@
60
70
  font-family: 'Roboto';
61
71
  font-style: italic;
62
72
  font-weight: 400;
63
- src: local('Roboto Italic'), local('Roboto-Italic'),
73
+ src:
74
+ local('Roboto Italic'),
75
+ local('Roboto-Italic'),
64
76
  url(https://fonts.gstatic.com/s/roboto/v30/KFOkCnqEu92Fr1Mu51xIIzI.woff2) format('woff2');
65
77
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
66
78
  U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
@@ -70,7 +82,9 @@
70
82
  font-family: 'Roboto';
71
83
  font-style: normal;
72
84
  font-weight: 300;
73
- src: local('Roboto Light'), local('Roboto-Light'),
85
+ src:
86
+ local('Roboto Light'),
87
+ local('Roboto-Light'),
74
88
  url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCRc4EsA.woff2) format('woff2');
75
89
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
76
90
  }
@@ -79,7 +93,9 @@
79
93
  font-family: 'Roboto';
80
94
  font-style: normal;
81
95
  font-weight: 300;
82
- src: local('Roboto Light'), local('Roboto-Light'),
96
+ src:
97
+ local('Roboto Light'),
98
+ local('Roboto-Light'),
83
99
  url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fABc4EsA.woff2) format('woff2');
84
100
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
85
101
  }
@@ -88,7 +104,9 @@
88
104
  font-family: 'Roboto';
89
105
  font-style: normal;
90
106
  font-weight: 300;
91
- src: local('Roboto Light'), local('Roboto-Light'),
107
+ src:
108
+ local('Roboto Light'),
109
+ local('Roboto-Light'),
92
110
  url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCBc4EsA.woff2) format('woff2');
93
111
  unicode-range: U+1F00-1FFF;
94
112
  }
@@ -97,7 +115,9 @@
97
115
  font-family: 'Roboto';
98
116
  font-style: normal;
99
117
  font-weight: 300;
100
- src: local('Roboto Light'), local('Roboto-Light'),
118
+ src:
119
+ local('Roboto Light'),
120
+ local('Roboto-Light'),
101
121
  url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBxc4EsA.woff2) format('woff2');
102
122
  unicode-range: U+0370-03FF;
103
123
  }
@@ -106,7 +126,9 @@
106
126
  font-family: 'Roboto';
107
127
  font-style: normal;
108
128
  font-weight: 300;
109
- src: local('Roboto Light'), local('Roboto-Light'),
129
+ src:
130
+ local('Roboto Light'),
131
+ local('Roboto-Light'),
110
132
  url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fCxc4EsA.woff2) format('woff2');
111
133
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9,
112
134
  U+20AB;
@@ -116,7 +138,9 @@
116
138
  font-family: 'Roboto';
117
139
  font-style: normal;
118
140
  font-weight: 300;
119
- src: local('Roboto Light'), local('Roboto-Light'),
141
+ src:
142
+ local('Roboto Light'),
143
+ local('Roboto-Light'),
120
144
  url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fChc4EsA.woff2) format('woff2');
121
145
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F,
122
146
  U+A720-A7FF;
@@ -126,7 +150,9 @@
126
150
  font-family: 'Roboto';
127
151
  font-style: normal;
128
152
  font-weight: 300;
129
- src: local('Roboto Light'), local('Roboto-Light'),
153
+ src:
154
+ local('Roboto Light'),
155
+ local('Roboto-Light'),
130
156
  url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmSU5fBBc4.woff2) format('woff2');
131
157
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
132
158
  U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
@@ -136,7 +162,9 @@
136
162
  font-family: 'Roboto';
137
163
  font-style: normal;
138
164
  font-weight: 400;
139
- src: local('Roboto'), local('Roboto-Regular'),
165
+ src:
166
+ local('Roboto'),
167
+ local('Roboto-Regular'),
140
168
  url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
141
169
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
142
170
  }
@@ -145,7 +173,9 @@
145
173
  font-family: 'Roboto';
146
174
  font-style: normal;
147
175
  font-weight: 400;
148
- src: local('Roboto'), local('Roboto-Regular'),
176
+ src:
177
+ local('Roboto'),
178
+ local('Roboto-Regular'),
149
179
  url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
150
180
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
151
181
  }
@@ -154,7 +184,9 @@
154
184
  font-family: 'Roboto';
155
185
  font-style: normal;
156
186
  font-weight: 400;
157
- src: local('Roboto'), local('Roboto-Regular'),
187
+ src:
188
+ local('Roboto'),
189
+ local('Roboto-Regular'),
158
190
  url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
159
191
  unicode-range: U+1F00-1FFF;
160
192
  }
@@ -163,7 +195,9 @@
163
195
  font-family: 'Roboto';
164
196
  font-style: normal;
165
197
  font-weight: 400;
166
- src: local('Roboto'), local('Roboto-Regular'),
198
+ src:
199
+ local('Roboto'),
200
+ local('Roboto-Regular'),
167
201
  url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
168
202
  unicode-range: U+0370-03FF;
169
203
  }
@@ -172,7 +206,9 @@
172
206
  font-family: 'Roboto';
173
207
  font-style: normal;
174
208
  font-weight: 400;
175
- src: local('Roboto'), local('Roboto-Regular'),
209
+ src:
210
+ local('Roboto'),
211
+ local('Roboto-Regular'),
176
212
  url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
177
213
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9,
178
214
  U+20AB;
@@ -182,7 +218,9 @@
182
218
  font-family: 'Roboto';
183
219
  font-style: normal;
184
220
  font-weight: 400;
185
- src: local('Roboto'), local('Roboto-Regular'),
221
+ src:
222
+ local('Roboto'),
223
+ local('Roboto-Regular'),
186
224
  url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
187
225
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F,
188
226
  U+A720-A7FF;
@@ -192,7 +230,9 @@
192
230
  font-family: 'Roboto';
193
231
  font-style: normal;
194
232
  font-weight: 400;
195
- src: local('Roboto'), local('Roboto-Regular'),
233
+ src:
234
+ local('Roboto'),
235
+ local('Roboto-Regular'),
196
236
  url(https://fonts.gstatic.com/s/roboto/v30/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
197
237
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
198
238
  U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
@@ -202,7 +242,9 @@
202
242
  font-family: 'Roboto';
203
243
  font-style: normal;
204
244
  font-weight: 500;
205
- src: local('Roboto Medium'), local('Roboto-Medium'),
245
+ src:
246
+ local('Roboto Medium'),
247
+ local('Roboto-Medium'),
206
248
  url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCRc4EsA.woff2) format('woff2');
207
249
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
208
250
  }
@@ -211,7 +253,9 @@
211
253
  font-family: 'Roboto';
212
254
  font-style: normal;
213
255
  font-weight: 500;
214
- src: local('Roboto Medium'), local('Roboto-Medium'),
256
+ src:
257
+ local('Roboto Medium'),
258
+ local('Roboto-Medium'),
215
259
  url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fABc4EsA.woff2) format('woff2');
216
260
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
217
261
  }
@@ -220,7 +264,9 @@
220
264
  font-family: 'Roboto';
221
265
  font-style: normal;
222
266
  font-weight: 500;
223
- src: local('Roboto Medium'), local('Roboto-Medium'),
267
+ src:
268
+ local('Roboto Medium'),
269
+ local('Roboto-Medium'),
224
270
  url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCBc4EsA.woff2) format('woff2');
225
271
  unicode-range: U+1F00-1FFF;
226
272
  }
@@ -229,7 +275,9 @@
229
275
  font-family: 'Roboto';
230
276
  font-style: normal;
231
277
  font-weight: 500;
232
- src: local('Roboto Medium'), local('Roboto-Medium'),
278
+ src:
279
+ local('Roboto Medium'),
280
+ local('Roboto-Medium'),
233
281
  url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBxc4EsA.woff2) format('woff2');
234
282
  unicode-range: U+0370-03FF;
235
283
  }
@@ -238,7 +286,9 @@
238
286
  font-family: 'Roboto';
239
287
  font-style: normal;
240
288
  font-weight: 500;
241
- src: local('Roboto Medium'), local('Roboto-Medium'),
289
+ src:
290
+ local('Roboto Medium'),
291
+ local('Roboto-Medium'),
242
292
  url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fCxc4EsA.woff2) format('woff2');
243
293
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9,
244
294
  U+20AB;
@@ -248,7 +298,9 @@
248
298
  font-family: 'Roboto';
249
299
  font-style: normal;
250
300
  font-weight: 500;
251
- src: local('Roboto Medium'), local('Roboto-Medium'),
301
+ src:
302
+ local('Roboto Medium'),
303
+ local('Roboto-Medium'),
252
304
  url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fChc4EsA.woff2) format('woff2');
253
305
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F,
254
306
  U+A720-A7FF;
@@ -258,7 +310,9 @@
258
310
  font-family: 'Roboto';
259
311
  font-style: normal;
260
312
  font-weight: 500;
261
- src: local('Roboto Medium'), local('Roboto-Medium'),
313
+ src:
314
+ local('Roboto Medium'),
315
+ local('Roboto-Medium'),
262
316
  url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmEU9fBBc4.woff2) format('woff2');
263
317
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
264
318
  U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
@@ -268,7 +322,9 @@
268
322
  font-family: 'Roboto';
269
323
  font-style: normal;
270
324
  font-weight: 700;
271
- src: local('Roboto Bold'), local('Roboto-Bold'),
325
+ src:
326
+ local('Roboto Bold'),
327
+ local('Roboto-Bold'),
272
328
  url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCRc4EsA.woff2) format('woff2');
273
329
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
274
330
  }
@@ -277,7 +333,9 @@
277
333
  font-family: 'Roboto';
278
334
  font-style: normal;
279
335
  font-weight: 700;
280
- src: local('Roboto Bold'), local('Roboto-Bold'),
336
+ src:
337
+ local('Roboto Bold'),
338
+ local('Roboto-Bold'),
281
339
  url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfABc4EsA.woff2) format('woff2');
282
340
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
283
341
  }
@@ -286,7 +344,9 @@
286
344
  font-family: 'Roboto';
287
345
  font-style: normal;
288
346
  font-weight: 700;
289
- src: local('Roboto Bold'), local('Roboto-Bold'),
347
+ src:
348
+ local('Roboto Bold'),
349
+ local('Roboto-Bold'),
290
350
  url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCBc4EsA.woff2) format('woff2');
291
351
  unicode-range: U+1F00-1FFF;
292
352
  }
@@ -295,7 +355,9 @@
295
355
  font-family: 'Roboto';
296
356
  font-style: normal;
297
357
  font-weight: 700;
298
- src: local('Roboto Bold'), local('Roboto-Bold'),
358
+ src:
359
+ local('Roboto Bold'),
360
+ local('Roboto-Bold'),
299
361
  url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBxc4EsA.woff2) format('woff2');
300
362
  unicode-range: U+0370-03FF;
301
363
  }
@@ -304,7 +366,9 @@
304
366
  font-family: 'Roboto';
305
367
  font-style: normal;
306
368
  font-weight: 700;
307
- src: local('Roboto Bold'), local('Roboto-Bold'),
369
+ src:
370
+ local('Roboto Bold'),
371
+ local('Roboto-Bold'),
308
372
  url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfCxc4EsA.woff2) format('woff2');
309
373
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9,
310
374
  U+20AB;
@@ -314,7 +378,9 @@
314
378
  font-family: 'Roboto';
315
379
  font-style: normal;
316
380
  font-weight: 700;
317
- src: local('Roboto Bold'), local('Roboto-Bold'),
381
+ src:
382
+ local('Roboto Bold'),
383
+ local('Roboto-Bold'),
318
384
  url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfChc4EsA.woff2) format('woff2');
319
385
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F,
320
386
  U+A720-A7FF;
@@ -324,7 +390,9 @@
324
390
  font-family: 'Roboto';
325
391
  font-style: normal;
326
392
  font-weight: 700;
327
- src: local('Roboto Bold'), local('Roboto-Bold'),
393
+ src:
394
+ local('Roboto Bold'),
395
+ local('Roboto-Bold'),
328
396
  url(https://fonts.gstatic.com/s/roboto/v30/KFOlCnqEu92Fr1MmWUlfBBc4.woff2) format('woff2');
329
397
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074,
330
398
  U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
package/dist/box.d.ts CHANGED
@@ -17,6 +17,7 @@ type Props = {
17
17
  dataAttributes?: DataAttributes;
18
18
  'aria-label'?: string;
19
19
  'aria-hidden'?: React.HTMLAttributes<HTMLAnchorElement>['aria-hidden'];
20
+ id?: string;
20
21
  };
21
22
  declare const Box: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
22
23
  export default Box;
package/dist/box.js CHANGED
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  Object.defineProperty(exports, "default", {
6
6
  enumerable: true,
7
7
  get: function() {
8
- return q;
8
+ return w;
9
9
  }
10
10
  });
11
11
  const _jsxruntime = require("react/jsx-runtime");
@@ -111,9 +111,9 @@ function _object_spread_props(target, source) {
111
111
  }
112
112
  return target;
113
113
  }
114
- const C = /*#__PURE__*/ _react.forwardRef((param, S)=>{
115
- let { className: i, children: f, width: l, padding: a = 0, paddingX: b = a, paddingY: m = a, paddingTop: e = m, paddingBottom: o = m, paddingLeft: r = b, paddingRight: t = b, role: x, dataAttributes: y, "aria-label": j, "aria-hidden": u } = param;
116
- const k = {
114
+ const D = /*#__PURE__*/ _react.forwardRef((param, k)=>{
115
+ let { className: i, children: f, width: l, padding: a = 0, paddingX: b = a, paddingY: m = a, paddingTop: e = m, paddingBottom: o = m, paddingLeft: r = b, paddingRight: t = b, role: x, id: y, dataAttributes: j, "aria-label": u, "aria-hidden": S } = param;
116
+ const n = {
117
117
  paddingTop: e,
118
118
  paddingBottom: o,
119
119
  paddingLeft: r,
@@ -121,7 +121,7 @@ const C = /*#__PURE__*/ _react.forwardRef((param, S)=>{
121
121
  };
122
122
  let c = {}, s = "";
123
123
  try {
124
- s = (0, _sprinklescssmistica.sprinkles)(k);
124
+ s = (0, _sprinklescssmistica.sprinkles)(n);
125
125
  } catch (e1) {
126
126
  c = {
127
127
  paddingTop: typeof e == "object" ? e.mobile : e,
@@ -130,16 +130,17 @@ const C = /*#__PURE__*/ _react.forwardRef((param, S)=>{
130
130
  paddingRight: typeof t == "object" ? t.mobile : t
131
131
  };
132
132
  }
133
- return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({}, (0, _dom.getPrefixedDataAttributes)(y)), {
133
+ return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({}, (0, _dom.getPrefixedDataAttributes)(j)), {
134
134
  role: x,
135
- "aria-label": j,
136
- "aria-hidden": u,
137
- ref: S,
135
+ "aria-label": u,
136
+ "aria-hidden": S,
137
+ ref: k,
138
138
  className: (0, _classnames.default)(i, s),
139
139
  style: _object_spread({}, l !== void 0 ? {
140
140
  width: l,
141
141
  boxSizing: "border-box"
142
142
  } : {}, s ? {} : c),
143
+ id: y,
143
144
  children: f
144
145
  }));
145
- }), q = C;
146
+ }), w = D;
package/dist/chip.js CHANGED
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
6
6
  Object.defineProperty(exports, "default", {
7
7
  enumerable: true,
8
8
  get: function() {
9
- return ot;
9
+ return rt;
10
10
  }
11
11
  });
12
12
  const _jsxruntime = require("react/jsx-runtime");
@@ -19,7 +19,6 @@ const _iconcloseregular = /*#__PURE__*/ _interop_require_default(require("./gene
19
19
  const _css = require("./utils/css.js");
20
20
  const _chipcssmistica = require("./chip.css-mistica.js");
21
21
  const _skincontractcssmistica = require("./skins/skin-contract.css-mistica.js");
22
- const _dom = require("./utils/dom.js");
23
22
  const _themevariantcontext = require("./theme-variant-context.js");
24
23
  const _touchable = /*#__PURE__*/ _interop_require_wildcard(require("./touchable.js"));
25
24
  function _interop_require_default(obj) {
@@ -120,8 +119,8 @@ function _object_spread_props(target, source) {
120
119
  }
121
120
  return target;
122
121
  }
123
- const J = (e)=>{
124
- const { Icon: n, children: R, id: T, dataAttributes: p, active: a, badge: r, onClose: s } = e, { texts: k, isDarkMode: I, textPresets: B } = (0, _hooks.useTheme)(), u = (0, _themevariantcontext.useThemeVariant)() === "alternative", f = n ? {
122
+ const H = (e)=>{
123
+ const { Icon: n, children: A, id: R, dataAttributes: T, active: a, badge: r, onClose: s } = e, { texts: k, isDarkMode: I, textPresets: B } = (0, _hooks.useTheme)(), u = (0, _themevariantcontext.useThemeVariant)() === "alternative", f = n ? {
125
124
  mobile: 16,
126
125
  desktop: 8
127
126
  } : {
@@ -146,20 +145,22 @@ const J = (e)=>{
146
145
  /* @__PURE__ */ (0, _jsxruntime.jsx)(_box.default, {
147
146
  paddingRight: r ? 8 : s ? 4 : 0,
148
147
  children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text2, {
149
- id: T,
148
+ id: R,
150
149
  weight: B.indicator.weight,
151
150
  truncate: 1,
152
151
  color: "currentColor",
153
- children: R
152
+ children: A
154
153
  })
155
154
  })
156
155
  ]
157
- });
158
- if (s) return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_box.default, _object_spread_props(_object_spread({
156
+ }), c = _object_spread({
157
+ "component-name": "Chip"
158
+ }, T);
159
+ if (s) return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_box.default, {
159
160
  className: (0, _classnames.default)(u ? _chipcssmistica.chipVariants.overAlternative : _chipcssmistica.chipVariants.default, _chipcssmistica.chipWrapper),
160
161
  paddingLeft: f,
161
- paddingRight: g
162
- }, (0, _dom.getPrefixedDataAttributes)(p, "Chip")), {
162
+ paddingRight: g,
163
+ dataAttributes: c,
163
164
  children: [
164
165
  b,
165
166
  /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.default, {
@@ -178,28 +179,26 @@ const J = (e)=>{
178
179
  })
179
180
  })
180
181
  ]
181
- }));
182
- const c = e.href || e.onPress || e.to, y = a !== void 0 || c, v = _object_spread({
183
- "component-name": "Chip"
184
- }, p), N = ()=>r ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
182
+ });
183
+ const l = e.href || e.onPress || e.to, y = a !== void 0 || l, N = ()=>r ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
185
184
  children: r === !0 ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {}) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_badge.default, {
186
185
  value: r
187
186
  })
188
- }) : null, C = (P)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_box.default, {
189
- className: (0, _classnames.default)(_chipcssmistica.chipVariants[a ? "active" : u ? "overAlternative" : "default"], c ? _chipcssmistica.wrappedContent : _chipcssmistica.chipWrapper, {
187
+ }) : null, v = (j)=>/* @__PURE__ */ (0, _jsxruntime.jsxs)(_box.default, {
188
+ className: (0, _classnames.default)(_chipcssmistica.chipVariants[a ? "active" : u ? "overAlternative" : "default"], l ? _chipcssmistica.wrappedContent : _chipcssmistica.chipWrapper, {
190
189
  [_chipcssmistica.chipInteractiveVariants[I ? "dark" : "light"]]: y
191
190
  }),
192
191
  paddingLeft: f,
193
192
  paddingRight: r ? g : w,
194
- dataAttributes: P,
193
+ dataAttributes: j,
195
194
  children: [
196
195
  b,
197
196
  N()
198
197
  ]
199
198
  });
200
- return c ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, e), {
199
+ return l ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, e), {
201
200
  className: (0, _classnames.default)(_chipcssmistica.chipWrapper, _chipcssmistica.button),
202
- dataAttributes: v,
203
- children: C()
204
- })) : C(v);
205
- }, ot = J;
201
+ dataAttributes: c,
202
+ children: v()
203
+ })) : v(c);
204
+ }, rt = H;