@telefonica/mistica 16.1.1 → 16.3.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/accordion.css-mistica.js +12 -9
- package/dist/accordion.css.d.ts +1 -0
- package/dist/accordion.js +36 -39
- package/dist/align.css-mistica.js +12 -0
- package/dist/align.css.d.ts +1 -0
- package/dist/align.css.ts.vanilla.css-mistica.js +11 -0
- package/dist/align.d.ts +12 -0
- package/dist/align.js +79 -0
- package/dist/box.css-mistica.js +41 -0
- package/dist/box.css.d.ts +23 -0
- package/dist/box.css.ts.vanilla.css-mistica.js +11 -0
- package/dist/box.d.ts +4 -0
- package/dist/box.js +39 -31
- package/dist/boxed.css-mistica.js +10 -5
- package/dist/boxed.css.d.ts +3 -0
- package/dist/boxed.js +20 -24
- package/dist/callout.css-mistica.js +12 -4
- package/dist/callout.css.d.ts +1 -0
- package/dist/callout.js +14 -22
- package/dist/card.css-mistica.js +39 -24
- package/dist/card.css.d.ts +5 -0
- package/dist/card.js +236 -270
- package/dist/chip.css-mistica.js +19 -7
- package/dist/chip.css.d.ts +2 -0
- package/dist/chip.js +33 -49
- package/dist/community/advanced-data-card.css-mistica.js +30 -21
- package/dist/community/advanced-data-card.css.d.ts +4 -1
- package/dist/community/advanced-data-card.js +56 -68
- package/dist/empty-state-card.js +12 -11
- package/dist/empty-state.css-mistica.js +11 -8
- package/dist/empty-state.css.d.ts +1 -0
- package/dist/empty-state.js +10 -13
- package/dist/form.css-mistica.js +12 -0
- package/dist/form.css.d.ts +1 -0
- package/dist/form.js +8 -10
- package/dist/grid.css-mistica.js +143 -126
- package/dist/grid.css.d.ts +13 -0
- package/dist/grid.js +35 -38
- package/dist/hero.css-mistica.js +14 -8
- package/dist/hero.css.d.ts +2 -0
- package/dist/hero.js +35 -37
- package/dist/highlighted-card.js +15 -14
- package/dist/image.js +23 -25
- package/dist/index.d.ts +1 -0
- package/dist/index.js +4 -0
- package/dist/inline.js +10 -11
- package/dist/list.css-mistica.js +26 -17
- package/dist/list.css.d.ts +3 -0
- package/dist/list.js +120 -122
- package/dist/loading-screen.js +16 -16
- package/dist/logo-blau.d.ts +1 -1
- package/dist/logo-blau.js +10 -10
- package/dist/logo-common.d.ts +1 -0
- package/dist/logo-movistar.d.ts +1 -1
- package/dist/logo-movistar.js +4 -4
- package/dist/logo-o2-new.d.ts +1 -1
- package/dist/logo-o2-new.js +5 -5
- package/dist/logo-o2.d.ts +1 -1
- package/dist/logo-o2.js +5 -5
- package/dist/logo-telefonica.d.ts +1 -1
- package/dist/logo-telefonica.js +4 -4
- package/dist/logo-tu.d.ts +1 -1
- package/dist/logo-tu.js +5 -5
- package/dist/logo-vivo.d.ts +1 -1
- package/dist/logo-vivo.js +7 -7
- package/dist/logo.d.ts +9 -8
- package/dist/logo.js +125 -102
- package/dist/menu.css-mistica.js +9 -9
- package/dist/menu.js +9 -10
- package/dist/navigation-bar.css-mistica.js +23 -20
- package/dist/navigation-bar.css.d.ts +1 -0
- package/dist/navigation-bar.js +30 -37
- package/dist/package-version.js +1 -1
- package/dist/popover.d.ts +1 -0
- package/dist/popover.js +9 -10
- package/dist/sheet-common.js +3 -2
- package/dist/skeleton-base.js +10 -12
- package/dist/skeletons.css-mistica.js +11 -5
- package/dist/skeletons.css.d.ts +1 -0
- package/dist/snackbar.css-mistica.js +20 -14
- package/dist/snackbar.css.d.ts +3 -1
- package/dist/snackbar.js +65 -75
- package/dist/table.js +52 -51
- package/dist/tag.css-mistica.js +15 -4
- package/dist/tag.css.d.ts +2 -0
- package/dist/tag.js +22 -27
- package/dist/text-field-components.css-mistica.js +16 -10
- package/dist/text-field-components.css.d.ts +1 -0
- package/dist/text-field-components.js +32 -35
- package/dist/text-props.d.ts +60 -0
- package/dist/text-props.js +93 -0
- package/dist/text.d.ts +0 -62
- package/dist/text.js +156 -219
- package/dist/timer.js +42 -43
- package/dist/title.js +10 -9
- package/dist/tooltip.d.ts +3 -1
- package/dist/tooltip.js +106 -106
- package/dist/touchable.js +47 -42
- package/dist-es/accordion.css-mistica.js +3 -3
- package/dist-es/accordion.js +58 -61
- package/dist-es/align.css-mistica.js +3 -0
- package/dist-es/align.css.ts.vanilla.css-mistica.js +2 -0
- package/dist-es/align.js +70 -0
- package/dist-es/box.css-mistica.js +24 -0
- package/dist-es/box.css.ts.vanilla.css-mistica.js +2 -0
- package/dist-es/box.js +43 -35
- package/dist-es/boxed.css-mistica.js +5 -3
- package/dist-es/boxed.js +28 -32
- package/dist-es/callout.css-mistica.js +7 -2
- package/dist-es/callout.js +44 -52
- package/dist-es/card.css-mistica.js +4 -4
- package/dist-es/card.js +343 -377
- package/dist-es/chip.css-mistica.js +10 -4
- package/dist-es/chip.js +44 -60
- package/dist-es/community/advanced-data-card.css-mistica.js +7 -7
- package/dist-es/community/advanced-data-card.js +94 -106
- package/dist-es/empty-state-card.js +17 -16
- package/dist-es/empty-state.css-mistica.js +3 -3
- package/dist-es/empty-state.js +19 -22
- package/dist-es/form.css-mistica.js +3 -0
- package/dist-es/form.js +12 -14
- package/dist-es/grid.css-mistica.js +123 -112
- package/dist-es/grid.js +38 -41
- package/dist-es/hero.css-mistica.js +2 -2
- package/dist-es/hero.js +75 -77
- package/dist-es/highlighted-card.js +19 -18
- package/dist-es/image.js +28 -30
- package/dist-es/index.js +1844 -1843
- package/dist-es/inline.js +19 -20
- package/dist-es/list.css-mistica.js +2 -2
- package/dist-es/list.js +170 -172
- package/dist-es/loading-screen.js +30 -30
- package/dist-es/logo-blau.js +11 -11
- package/dist-es/logo-movistar.js +5 -5
- package/dist-es/logo-o2-new.js +8 -8
- package/dist-es/logo-o2.js +8 -8
- package/dist-es/logo-telefonica.js +4 -4
- package/dist-es/logo-tu.js +8 -8
- package/dist-es/logo-vivo.js +16 -16
- package/dist-es/logo.js +132 -109
- package/dist-es/menu.css-mistica.js +3 -3
- package/dist-es/menu.js +21 -22
- package/dist-es/navigation-bar.css-mistica.js +11 -11
- package/dist-es/navigation-bar.js +80 -87
- package/dist-es/package-version.js +1 -1
- package/dist-es/popover.js +17 -18
- package/dist-es/sheet-common.js +12 -11
- package/dist-es/skeleton-base.js +15 -17
- package/dist-es/skeletons.css-mistica.js +5 -2
- package/dist-es/snackbar.css-mistica.js +4 -4
- package/dist-es/snackbar.js +93 -103
- package/dist-es/style.css +1 -1
- package/dist-es/table.js +89 -88
- package/dist-es/tag.css-mistica.js +2 -2
- package/dist-es/tag.js +36 -41
- package/dist-es/text-field-components.css-mistica.js +5 -2
- package/dist-es/text-field-components.js +48 -51
- package/dist-es/text-props.js +52 -0
- package/dist-es/text.js +171 -231
- package/dist-es/timer.js +80 -81
- package/dist-es/title.js +14 -13
- package/dist-es/tooltip.js +148 -148
- package/dist-es/touchable.js +55 -50
- package/package.json +3 -3
- package/dist/sprinkles.css-mistica.js +0 -2494
- package/dist-es/sprinkles.css-mistica.js +0 -2485
package/dist-es/inline.js
CHANGED
|
@@ -52,15 +52,14 @@ function _object_spread_props(target, source) {
|
|
|
52
52
|
return target;
|
|
53
53
|
}
|
|
54
54
|
import { jsx as m } from "react/jsx-runtime";
|
|
55
|
-
import * as
|
|
56
|
-
import
|
|
57
|
-
import {
|
|
58
|
-
import {
|
|
59
|
-
import {
|
|
60
|
-
import {
|
|
61
|
-
import {
|
|
62
|
-
|
|
63
|
-
const i = (t)=>typeof t == "number" ? `${t}px` : `space-${t}`, R = (t)=>{
|
|
55
|
+
import * as b from "react";
|
|
56
|
+
import g from "classnames";
|
|
57
|
+
import { getPrefixedDataAttributes as y } from "./utils/dom.js";
|
|
58
|
+
import { inline as v, wrap as h, fullWidth as S, noFullWidth as I, stringSpaceWithWrap as W, stringSpace as x, marginInline as T, vars as r } from "./inline.css-mistica.js";
|
|
59
|
+
import { applyCssVars as V } from "./utils/css.js";
|
|
60
|
+
import { isIos as $, isRunningAcceptanceTest as k } from "./utils/platform.js";
|
|
61
|
+
import { useTheme as A } from "./hooks.js";
|
|
62
|
+
const i = (t)=>typeof t == "number" ? `${t}px` : `space-${t}`, C = (t)=>{
|
|
64
63
|
if (typeof t == "number" || typeof t == "string") return {
|
|
65
64
|
[r.space]: i(t)
|
|
66
65
|
};
|
|
@@ -69,27 +68,27 @@ const i = (t)=>typeof t == "number" ? `${t}px` : `space-${t}`, R = (t)=>{
|
|
|
69
68
|
[r.spaceDesktop]: i(t.desktop)
|
|
70
69
|
};
|
|
71
70
|
return t.tablet && (e[r.spaceTablet] = i(t.tablet)), e;
|
|
72
|
-
},
|
|
73
|
-
let { space: t, className: e, children: p, role: l, alignItems: f = "stretch", "aria-label": o, "aria-labelledby": c, fullWidth: d, wrap:
|
|
74
|
-
const { platformOverrides:
|
|
71
|
+
}, D = (param)=>{
|
|
72
|
+
let { space: t, className: e, children: p, role: l, alignItems: f = "stretch", "aria-label": o, "aria-labelledby": c, fullWidth: d, wrap: a, dataAttributes: u } = param;
|
|
73
|
+
const { platformOverrides: s } = A();
|
|
75
74
|
return /* @__PURE__ */ m("div", _object_spread_props(_object_spread({
|
|
76
|
-
className:
|
|
75
|
+
className: g(e, v, a ? h : d ? S : I, typeof t == "string" ? a ? W : x : T),
|
|
76
|
+
style: _object_spread_props(_object_spread({}, V(C(t))), {
|
|
77
77
|
alignItems: f
|
|
78
|
-
}),
|
|
79
|
-
style: $(R(t)),
|
|
78
|
+
}),
|
|
80
79
|
role: l,
|
|
81
80
|
"aria-label": o,
|
|
82
81
|
"aria-labelledby": o ? void 0 : c
|
|
83
|
-
},
|
|
84
|
-
children:
|
|
82
|
+
}, y(u, "Inline")), {
|
|
83
|
+
children: b.Children.map(p, (n)=>n || n === 0 ? /* @__PURE__ */ m("div", {
|
|
85
84
|
role: l === "list" ? "listitem" : void 0,
|
|
86
85
|
style: {
|
|
87
86
|
// Hack to fix https://jira.tid.es/browse/WEB-1683
|
|
88
87
|
// In iOS the inline component sometimes cuts the last line of the content
|
|
89
|
-
paddingBottom:
|
|
88
|
+
paddingBottom: $(s) && !k(s) ? 1 : void 0
|
|
90
89
|
},
|
|
91
90
|
children: n
|
|
92
91
|
}) : null)
|
|
93
92
|
}));
|
|
94
|
-
},
|
|
95
|
-
export {
|
|
93
|
+
}, P = D;
|
|
94
|
+
export { P as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./list.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var _ = "_1y2v1nfhk _1y2v1nfi2 _1y2v1nfi4", f = "_1y2v1nfhk _1y2v1nfhz _1y2v1nfht _1y2v1nfja _1y2v1nfio _1y2v1nfi2",
|
|
4
|
-
export { _ as asset, f as
|
|
3
|
+
var _ = "_1y2v1nfhk _1y2v1nfi2 _1y2v1nfi4", f = "_1y2v1nfbj", y = "_1y2v1nfhk _1y2v1nfhz _1y2v1nfht _1y2v1nfja _1y2v1nfio _1y2v1nfi2", a = "_1y2v1nfhk _1y2v1nfhz", r = "_1y2v1nf7s _1y2v1nf91 _1y2v1nfhk _1y2v1nfi7 _1y2v1nfjx", i = "_2buj9gh _1y2v1nfhk _1y2v1nfhz", t = "_2buj9gg", o = "_2buj9g0", h = "_1y2v1nfhk _1y2v1nfhp _1y2v1nfio", e = "_2buj9gn _1y2v1nfhk", b = "_1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfk2 _1y2v1nf7c _1y2v1nfaa _1y2v1nfbj _1y2v1nfhm _1y2v1nfi5", d = "_2buj9gp _1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfk2 _1y2v1nf7c _1y2v1nfaa _1y2v1nfbj _1y2v1nfhk _1y2v1nfhz _1y2v1nfi4 _1y2v1nfi8 _1y2v1nfio", g = "_1y2v1nfkk", u = "_2buj9ge", k = "_2buj9gf", j = "_1y2v1nfi7", c = "_1y2v1nfhk _1y2v1nfhq _1y2v1nfi6", l = "_1y2v1nf7d _1y2v1nf8m _1y2v1nf9v _1y2v1nfb4 _1y2v1nfi7 _1y2v1nfk2 _1y2v1nf7c _1y2v1nfhm _1y2v1nfio", s = "_1y2v1nfaa _1y2v1nfbj", m = "_2buj9g2", p = "_2buj9g3";
|
|
4
|
+
export { _ as asset, f as assetContainer, y as badge, a as center, r as content, i as detail, t as detailRight, o as disabled, h as dualActionContainer, e as dualActionDivider, b as dualActionLeft, d as dualActionRight, g as pointer, u as rightContent, k as rightRestrictedWidth, j as row, c as rowBody, l as rowContent, s as rowContentPadding, m as touchableBackground, p as touchableBackgroundInverse };
|