@telefonica/mistica 14.13.0 → 14.15.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.
- package/css/mistica.css +1 -1
- package/dist/avatar.css-mistica.js +1 -1
- package/dist/badge.css-mistica.js +3 -3
- package/dist/badge.js +19 -10
- package/dist/box.d.ts +1 -1
- package/dist/boxed.css-mistica.js +4 -4
- package/dist/boxed.css.d.ts +1 -1
- package/dist/boxed.js +12 -14
- package/dist/button-layout.css-mistica.js +4 -4
- package/dist/button.css-mistica.js +19 -19
- package/dist/button.js +112 -112
- package/dist/callout.css-mistica.js +1 -1
- package/dist/card.css-mistica.js +38 -15
- package/dist/card.css.d.ts +11 -0
- package/dist/card.d.ts +36 -34
- package/dist/card.js +631 -480
- package/dist/carousel.css-mistica.js +13 -13
- package/dist/checkbox.css-mistica.js +5 -5
- package/dist/chip.css-mistica.js +4 -4
- package/dist/chip.d.ts +1 -0
- package/dist/chip.js +57 -41
- package/dist/circle.css-mistica.js +1 -1
- package/dist/dialog.css-mistica.js +3 -3
- package/dist/double-field.css-mistica.js +2 -2
- package/dist/empty-state-card.css-mistica.js +1 -1
- package/dist/empty-state.css-mistica.js +3 -3
- package/dist/feedback.css-mistica.js +3 -3
- package/dist/fixed-footer-layout.css-mistica.js +1 -1
- package/dist/fixed-footer-layout.js +79 -26
- package/dist/generated/mistica-icons/icon-alert-filled.js +15 -5
- package/dist/generated/mistica-icons/icon-alert-light.js +24 -8
- package/dist/generated/mistica-icons/icon-alert-regular.js +30 -14
- package/dist/generated/mistica-icons/icon-bell-filled.js +19 -9
- package/dist/generated/mistica-icons/icon-bell-light.js +16 -6
- package/dist/generated/mistica-icons/icon-bell-regular.js +19 -9
- package/dist/generated/mistica-icons/icon-dollar-symbol-circle-light.js +28 -11
- package/dist/generated/mistica-icons/icon-dollar-symbol-circle-regular.js +20 -9
- package/dist/generated/mistica-icons/icon-edit-pencil-light.js +21 -10
- package/dist/generated/mistica-icons/icon-edit-pencil-regular.js +22 -12
- package/dist/generated/mistica-icons/icon-gift-filled.js +19 -9
- package/dist/generated/mistica-icons/icon-gift-light.js +20 -10
- package/dist/generated/mistica-icons/icon-gift-regular.js +19 -9
- package/dist/generated/mistica-icons/icon-heart-filled.js +16 -6
- package/dist/generated/mistica-icons/icon-heart-light.js +18 -8
- package/dist/generated/mistica-icons/icon-heart-regular.js +24 -14
- package/dist/generated/mistica-icons/icon-home-filled.js +23 -13
- package/dist/generated/mistica-icons/icon-home-light.js +24 -14
- package/dist/generated/mistica-icons/icon-home-regular.js +21 -11
- package/dist/generated/mistica-icons/icon-home-wifi-filled.js +24 -7
- package/dist/generated/mistica-icons/icon-home-wifi-light.js +25 -8
- package/dist/generated/mistica-icons/icon-home-wifi-regular.js +24 -7
- package/dist/generated/mistica-icons/icon-pause-regular.js +10 -12
- package/dist/generated/mistica-icons/icon-play-regular.js +14 -16
- package/dist/generated/mistica-icons/icon-reload-light.js +22 -12
- package/dist/generated/mistica-icons/icon-reload-regular.js +24 -14
- package/dist/generated/mistica-icons/icon-share-filled.js +20 -10
- package/dist/generated/mistica-icons/icon-share-light.js +21 -11
- package/dist/generated/mistica-icons/icon-share-regular.js +21 -11
- package/dist/generated/mistica-icons/icon-shopping-bag-filled.d.ts +4 -0
- package/dist/generated/mistica-icons/icon-shopping-bag-filled.js +110 -0
- package/dist/generated/mistica-icons/icon-shopping-bag-light.d.ts +4 -0
- package/dist/generated/mistica-icons/icon-shopping-bag-light.js +110 -0
- package/dist/generated/mistica-icons/icon-shopping-bag-regular.d.ts +4 -0
- package/dist/generated/mistica-icons/icon-shopping-bag-regular.js +110 -0
- package/dist/generated/mistica-icons/icon-tickets-filled.js +17 -7
- package/dist/generated/mistica-icons/icon-tickets-light.js +26 -10
- package/dist/generated/mistica-icons/icon-tickets-regular.js +35 -19
- package/dist/grid.css.d.ts +6 -6
- package/dist/hero.css-mistica.js +1 -1
- package/dist/highlighted-card.css-mistica.js +3 -3
- package/dist/hooks.js +57 -56
- package/dist/image.css-mistica.js +1 -1
- package/dist/index.d.ts +3 -0
- package/dist/index.js +14 -1
- package/dist/list.css-mistica.js +7 -7
- package/dist/loading-bar.css-mistica.js +4 -4
- package/dist/maybe-dismissable.css-mistica.js +3 -3
- package/dist/menu.css-mistica.js +1 -1
- package/dist/navigation-bar.css-mistica.js +11 -11
- package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
- package/dist/package-version.js +1 -1
- package/dist/password-field.css-mistica.js +1 -1
- package/dist/popover.css-mistica.js +3 -3
- package/dist/progress-bar.css-mistica.js +1 -1
- package/dist/radio-button.css-mistica.js +5 -5
- package/dist/responsive-layout.css-mistica.js +2 -2
- package/dist/screen-reader-only.css-mistica.js +1 -1
- package/dist/select.css-mistica.js +13 -13
- package/dist/skins/blau.js +13 -1
- package/dist/skins/defaults.js +12 -0
- package/dist/skins/movistar-legacy.js +15 -3
- package/dist/skins/movistar.js +12 -0
- package/dist/skins/o2.js +12 -0
- package/dist/skins/telefonica.js +12 -0
- package/dist/skins/types/index.d.ts +15 -9
- package/dist/skins/vivo-new.js +12 -0
- package/dist/skins/vivo.js +12 -0
- package/dist/snackbar.css-mistica.js +3 -3
- package/dist/sprinkles.css-mistica.js +226 -190
- package/dist/sprinkles.css.d.ts +16 -16
- package/dist/stepper.css-mistica.js +3 -3
- package/dist/stepper.js +26 -26
- package/dist/switch-component.css-mistica.js +10 -10
- package/dist/tabs.css-mistica.js +7 -7
- package/dist/tag.css-mistica.js +1 -1
- package/dist/tag.js +15 -14
- package/dist/text-field-base.css-mistica.js +6 -6
- package/dist/text-field-components.css-mistica.js +6 -6
- package/dist/text-link.css-mistica.js +5 -5
- package/dist/text.d.ts +6 -8
- package/dist/text.js +8 -7
- package/dist/theme-context-provider.js +34 -30
- package/dist/title.js +27 -24
- package/dist/tooltip.css-mistica.js +6 -6
- package/dist/tooltip.js +35 -34
- package/dist/touchable.css-mistica.js +3 -3
- package/dist/utils/aspect-ratio-support.css-mistica.js +2 -2
- package/dist/utils/dom.js +10 -10
- package/dist/utils/environment.d.ts +1 -0
- package/dist/utils/environment.js +12 -4
- package/dist/video.css-mistica.js +1 -1
- package/dist-es/avatar.css-mistica.js +1 -1
- package/dist-es/badge.css-mistica.js +2 -2
- package/dist-es/badge.js +29 -20
- package/dist-es/boxed.css-mistica.js +3 -3
- package/dist-es/boxed.js +16 -18
- package/dist-es/button-layout.css-mistica.js +3 -3
- package/dist-es/button.css-mistica.js +9 -9
- package/dist-es/button.js +154 -154
- package/dist-es/callout.css-mistica.js +1 -1
- package/dist-es/card.css-mistica.js +4 -2
- package/dist-es/card.js +671 -521
- package/dist-es/carousel.css-mistica.js +2 -2
- package/dist-es/checkbox.css-mistica.js +5 -5
- package/dist-es/chip.css-mistica.js +4 -4
- package/dist-es/chip.js +77 -61
- package/dist-es/circle.css-mistica.js +1 -1
- package/dist-es/dialog.css-mistica.js +3 -3
- package/dist-es/double-field.css-mistica.js +2 -2
- package/dist-es/empty-state-card.css-mistica.js +1 -1
- package/dist-es/empty-state.css-mistica.js +2 -2
- package/dist-es/feedback.css-mistica.js +2 -2
- package/dist-es/fixed-footer-layout.css-mistica.js +1 -1
- package/dist-es/fixed-footer-layout.js +97 -44
- package/dist-es/generated/mistica-icons/icon-alert-filled.js +18 -8
- package/dist-es/generated/mistica-icons/icon-alert-light.js +30 -14
- package/dist-es/generated/mistica-icons/icon-alert-regular.js +36 -20
- package/dist-es/generated/mistica-icons/icon-bell-filled.js +26 -16
- package/dist-es/generated/mistica-icons/icon-bell-light.js +20 -10
- package/dist-es/generated/mistica-icons/icon-bell-regular.js +20 -10
- package/dist-es/generated/mistica-icons/icon-dollar-symbol-circle-light.js +33 -16
- package/dist-es/generated/mistica-icons/icon-dollar-symbol-circle-regular.js +25 -14
- package/dist-es/generated/mistica-icons/icon-edit-pencil-light.js +25 -14
- package/dist-es/generated/mistica-icons/icon-edit-pencil-regular.js +30 -20
- package/dist-es/generated/mistica-icons/icon-gift-filled.js +22 -12
- package/dist-es/generated/mistica-icons/icon-gift-light.js +23 -13
- package/dist-es/generated/mistica-icons/icon-gift-regular.js +22 -12
- package/dist-es/generated/mistica-icons/icon-heart-filled.js +18 -8
- package/dist-es/generated/mistica-icons/icon-heart-light.js +24 -14
- package/dist-es/generated/mistica-icons/icon-heart-regular.js +25 -15
- package/dist-es/generated/mistica-icons/icon-home-filled.js +30 -20
- package/dist-es/generated/mistica-icons/icon-home-light.js +27 -17
- package/dist-es/generated/mistica-icons/icon-home-regular.js +27 -17
- package/dist-es/generated/mistica-icons/icon-home-wifi-filled.js +28 -11
- package/dist-es/generated/mistica-icons/icon-home-wifi-light.js +29 -12
- package/dist-es/generated/mistica-icons/icon-home-wifi-regular.js +28 -11
- package/dist-es/generated/mistica-icons/icon-pause-regular.js +12 -14
- package/dist-es/generated/mistica-icons/icon-play-regular.js +19 -21
- package/dist-es/generated/mistica-icons/icon-reload-light.js +27 -17
- package/dist-es/generated/mistica-icons/icon-reload-regular.js +27 -17
- package/dist-es/generated/mistica-icons/icon-share-filled.js +25 -15
- package/dist-es/generated/mistica-icons/icon-share-light.js +28 -18
- package/dist-es/generated/mistica-icons/icon-share-regular.js +28 -18
- package/dist-es/generated/mistica-icons/icon-shopping-bag-filled.js +101 -0
- package/dist-es/generated/mistica-icons/icon-shopping-bag-light.js +101 -0
- package/dist-es/generated/mistica-icons/icon-shopping-bag-regular.js +101 -0
- package/dist-es/generated/mistica-icons/icon-tickets-filled.js +21 -11
- package/dist-es/generated/mistica-icons/icon-tickets-light.js +30 -14
- package/dist-es/generated/mistica-icons/icon-tickets-regular.js +43 -27
- package/dist-es/hero.css-mistica.js +1 -1
- package/dist-es/highlighted-card.css-mistica.js +3 -3
- package/dist-es/hooks.js +51 -50
- package/dist-es/image.css-mistica.js +1 -1
- package/dist-es/index.js +1762 -1758
- package/dist-es/list.css-mistica.js +2 -2
- package/dist-es/loading-bar.css-mistica.js +2 -2
- package/dist-es/maybe-dismissable.css-mistica.js +2 -2
- package/dist-es/menu.css-mistica.js +1 -1
- package/dist-es/navigation-bar.css-mistica.js +8 -8
- package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
- package/dist-es/package-version.js +1 -1
- package/dist-es/password-field.css-mistica.js +1 -1
- package/dist-es/popover.css-mistica.js +2 -2
- package/dist-es/progress-bar.css-mistica.js +1 -1
- package/dist-es/radio-button.css-mistica.js +4 -4
- package/dist-es/responsive-layout.css-mistica.js +2 -2
- package/dist-es/screen-reader-only.css-mistica.js +1 -1
- package/dist-es/select.css-mistica.js +10 -10
- package/dist-es/skins/blau.js +13 -1
- package/dist-es/skins/defaults.js +12 -0
- package/dist-es/skins/movistar-legacy.js +15 -3
- package/dist-es/skins/movistar.js +12 -0
- package/dist-es/skins/o2.js +12 -0
- package/dist-es/skins/telefonica.js +12 -0
- package/dist-es/skins/vivo-new.js +12 -0
- package/dist-es/skins/vivo.js +12 -0
- package/dist-es/snackbar.css-mistica.js +2 -2
- package/dist-es/sprinkles.css-mistica.js +226 -190
- package/dist-es/stepper.css-mistica.js +2 -2
- package/dist-es/stepper.js +50 -50
- package/dist-es/style.css +1 -1
- package/dist-es/switch-component.css-mistica.js +10 -10
- package/dist-es/tabs.css-mistica.js +6 -6
- package/dist-es/tag.css-mistica.js +1 -1
- package/dist-es/tag.js +28 -27
- package/dist-es/text-field-base.css-mistica.js +2 -2
- package/dist-es/text-field-components.css-mistica.js +2 -2
- package/dist-es/text-link.css-mistica.js +5 -5
- package/dist-es/text.js +11 -10
- package/dist-es/theme-context-provider.js +72 -68
- package/dist-es/title.js +36 -33
- package/dist-es/tooltip.css-mistica.js +3 -3
- package/dist-es/tooltip.js +37 -36
- package/dist-es/touchable.css-mistica.js +2 -2
- package/dist-es/utils/aspect-ratio-support.css-mistica.js +2 -2
- package/dist-es/utils/dom.js +9 -9
- package/dist-es/utils/environment.js +2 -2
- package/dist-es/video.css-mistica.js +1 -1
- package/package.json +2 -1
- package/dist/boxed.css.ts.vanilla.css-mistica.js +0 -11
- package/dist-es/boxed.css.ts.vanilla.css-mistica.js +0 -2
|
@@ -59,8 +59,8 @@ const e = {
|
|
|
59
59
|
movistarProminentBlueLight70: "#546874",
|
|
60
60
|
darkModeBlack: "#191919",
|
|
61
61
|
darkModeGrey: "#242424"
|
|
62
|
-
}, d = (
|
|
63
|
-
const
|
|
62
|
+
}, d = (o)=>{
|
|
63
|
+
const t = {
|
|
64
64
|
name: _constants.MOVISTAR_LEGACY_SKIN,
|
|
65
65
|
colors: {
|
|
66
66
|
background: e.white,
|
|
@@ -292,6 +292,18 @@ const e = {
|
|
|
292
292
|
cardTitle: {
|
|
293
293
|
weight: "bold"
|
|
294
294
|
},
|
|
295
|
+
button: {
|
|
296
|
+
weight: "medium"
|
|
297
|
+
},
|
|
298
|
+
link: {
|
|
299
|
+
weight: "medium"
|
|
300
|
+
},
|
|
301
|
+
title1: {
|
|
302
|
+
weight: "medium"
|
|
303
|
+
},
|
|
304
|
+
indicator: {
|
|
305
|
+
weight: "medium"
|
|
306
|
+
},
|
|
295
307
|
text5: {
|
|
296
308
|
weight: "bold"
|
|
297
309
|
},
|
|
@@ -312,5 +324,5 @@ const e = {
|
|
|
312
324
|
}
|
|
313
325
|
}
|
|
314
326
|
};
|
|
315
|
-
return
|
|
327
|
+
return o === "prominent" && (t.colors.brand = e.movistarProminentBlue, t.colors.brandHigh = e.movistarProminentBlueDark, t.colors.backgroundBrand = e.movistarProminentBlue, t.colors.navigationBarBackground = e.movistarProminentBlue, t.colors.backgroundFeedbackBottom = e.movistarProminentBlue, t.colors.controlActivated = e.movistarProminentBlue, t.colors.dividerInverse = e.movistarProminentBlueDark), t;
|
|
316
328
|
};
|
package/dist/skins/movistar.js
CHANGED
|
@@ -292,6 +292,18 @@ const e = {
|
|
|
292
292
|
cardTitle: {
|
|
293
293
|
weight: "bold"
|
|
294
294
|
},
|
|
295
|
+
button: {
|
|
296
|
+
weight: "medium"
|
|
297
|
+
},
|
|
298
|
+
link: {
|
|
299
|
+
weight: "medium"
|
|
300
|
+
},
|
|
301
|
+
title1: {
|
|
302
|
+
weight: "medium"
|
|
303
|
+
},
|
|
304
|
+
indicator: {
|
|
305
|
+
weight: "medium"
|
|
306
|
+
},
|
|
295
307
|
text5: {
|
|
296
308
|
weight: "bold"
|
|
297
309
|
},
|
package/dist/skins/o2.js
CHANGED
|
@@ -292,6 +292,18 @@ const e = {
|
|
|
292
292
|
cardTitle: {
|
|
293
293
|
weight: "regular"
|
|
294
294
|
},
|
|
295
|
+
button: {
|
|
296
|
+
weight: "medium"
|
|
297
|
+
},
|
|
298
|
+
link: {
|
|
299
|
+
weight: "medium"
|
|
300
|
+
},
|
|
301
|
+
title1: {
|
|
302
|
+
weight: "medium"
|
|
303
|
+
},
|
|
304
|
+
indicator: {
|
|
305
|
+
weight: "medium"
|
|
306
|
+
},
|
|
295
307
|
text5: {
|
|
296
308
|
weight: "light"
|
|
297
309
|
},
|
package/dist/skins/telefonica.js
CHANGED
|
@@ -286,6 +286,18 @@ const e = {
|
|
|
286
286
|
cardTitle: {
|
|
287
287
|
weight: "regular"
|
|
288
288
|
},
|
|
289
|
+
button: {
|
|
290
|
+
weight: "medium"
|
|
291
|
+
},
|
|
292
|
+
link: {
|
|
293
|
+
weight: "medium"
|
|
294
|
+
},
|
|
295
|
+
title1: {
|
|
296
|
+
weight: "medium"
|
|
297
|
+
},
|
|
298
|
+
indicator: {
|
|
299
|
+
weight: "medium"
|
|
300
|
+
},
|
|
289
301
|
text5: {
|
|
290
302
|
weight: "regular"
|
|
291
303
|
},
|
|
@@ -5,17 +5,23 @@ export type KnownSkinName = 'Movistar' | 'O2' | 'O2-classic' | 'Vivo' | 'Vivo-ne
|
|
|
5
5
|
export type SkinName = KnownSkinName | string;
|
|
6
6
|
export type GetKnownSkin = (variant?: SkinVariant) => KnownSkin;
|
|
7
7
|
export type FontWeight = 'light' | 'regular' | 'medium' | 'bold';
|
|
8
|
-
type
|
|
9
|
-
|
|
10
|
-
[preset in TextPresetName]: {
|
|
11
|
-
weight: FontWeight;
|
|
12
|
-
};
|
|
8
|
+
type TextTokenConfig<PossibleFontWeights = FontWeight> = {
|
|
9
|
+
weight: PossibleFontWeights;
|
|
13
10
|
};
|
|
14
|
-
type
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
11
|
+
export type TextPresetsConfig = {
|
|
12
|
+
cardTitle: TextTokenConfig;
|
|
13
|
+
button: TextTokenConfig<'regular' | 'medium'>;
|
|
14
|
+
link: TextTokenConfig<'regular' | 'medium'>;
|
|
15
|
+
title1: TextTokenConfig<'regular' | 'medium'>;
|
|
16
|
+
indicator: TextTokenConfig<'regular' | 'medium'>;
|
|
17
|
+
text5: TextTokenConfig;
|
|
18
|
+
text6: TextTokenConfig;
|
|
19
|
+
text7: TextTokenConfig;
|
|
20
|
+
text8: TextTokenConfig;
|
|
21
|
+
text9: TextTokenConfig;
|
|
22
|
+
text10: TextTokenConfig;
|
|
18
23
|
};
|
|
24
|
+
type PartialTextPresetsConfig = Partial<TextPresetsConfig>;
|
|
19
25
|
export type BorderRadiiConfig = {
|
|
20
26
|
button: string;
|
|
21
27
|
input: string;
|
package/dist/skins/vivo-new.js
CHANGED
|
@@ -286,6 +286,18 @@ const e = {
|
|
|
286
286
|
cardTitle: {
|
|
287
287
|
weight: "regular"
|
|
288
288
|
},
|
|
289
|
+
button: {
|
|
290
|
+
weight: "regular"
|
|
291
|
+
},
|
|
292
|
+
link: {
|
|
293
|
+
weight: "regular"
|
|
294
|
+
},
|
|
295
|
+
title1: {
|
|
296
|
+
weight: "regular"
|
|
297
|
+
},
|
|
298
|
+
indicator: {
|
|
299
|
+
weight: "regular"
|
|
300
|
+
},
|
|
289
301
|
text5: {
|
|
290
302
|
weight: "regular"
|
|
291
303
|
},
|
package/dist/skins/vivo.js
CHANGED
|
@@ -286,6 +286,18 @@ const e = {
|
|
|
286
286
|
cardTitle: {
|
|
287
287
|
weight: "regular"
|
|
288
288
|
},
|
|
289
|
+
button: {
|
|
290
|
+
weight: "medium"
|
|
291
|
+
},
|
|
292
|
+
link: {
|
|
293
|
+
weight: "medium"
|
|
294
|
+
},
|
|
295
|
+
title1: {
|
|
296
|
+
weight: "medium"
|
|
297
|
+
},
|
|
298
|
+
indicator: {
|
|
299
|
+
weight: "medium"
|
|
300
|
+
},
|
|
289
301
|
text5: {
|
|
290
302
|
weight: "light"
|
|
291
303
|
},
|
|
@@ -25,10 +25,10 @@ _export(exports, {
|
|
|
25
25
|
return t;
|
|
26
26
|
},
|
|
27
27
|
longButton: function() {
|
|
28
|
-
return
|
|
28
|
+
return f;
|
|
29
29
|
},
|
|
30
30
|
snackbar: function() {
|
|
31
|
-
return
|
|
31
|
+
return _;
|
|
32
32
|
},
|
|
33
33
|
snackbarOpen: function() {
|
|
34
34
|
return p;
|
|
@@ -48,4 +48,4 @@ _export(exports, {
|
|
|
48
48
|
});
|
|
49
49
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
50
50
|
require("./snackbar.css.ts.vanilla.css-mistica.js");
|
|
51
|
-
var n = 300, v = "o7bjb09", b = "_1y2v1nf1x", o = "_1y2v1nf2a", t = "_1y2v1nf64 _1y2v1nf6g",
|
|
51
|
+
var n = 300, v = "o7bjb09", b = "_1y2v1nf1x", o = "_1y2v1nf2a", t = "_1y2v1nf64 _1y2v1nf6g", f = "o7bjb0a", _ = "o7bjb01 _1y2v1nf8f _1y2v1nf64 _1y2v1nf6d", p = "o7bjb02", y = "o7bjb04 _1y2v1nf61 _1y2v1nfal", e = "_1y2v1nf4g", i = "_1y2v1nf4h", j = "o7bjb07";
|