@telefonica/mistica 16.22.0 → 16.24.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/blau.css +4 -0
- package/css/esimflag.css +14 -10
- package/css/mistica-common.css +226 -0
- package/css/mistica.css +1 -1
- package/css/movistar.css +10 -6
- package/css/o2-new.css +9 -5
- package/css/o2.css +4 -0
- package/css/telefonica.css +12 -8
- package/css/tu.css +8 -4
- package/css/vivo-new.css +10 -5
- package/css/vivo.css +4 -0
- package/dist/accordion.css-mistica.js +11 -11
- package/dist/accordion.js +1 -1
- package/dist/align.css-mistica.js +1 -1
- package/dist/avatar.css-mistica.js +2 -2
- package/dist/badge.css-mistica.js +1 -1
- package/dist/box.css-mistica.js +13 -13
- package/dist/boxed.css-mistica.js +24 -24
- package/dist/button-group.css-mistica.js +3 -3
- package/dist/button-layout.css-mistica.js +17 -17
- package/dist/button.css-mistica.js +32 -32
- package/dist/callout.css-mistica.js +7 -7
- package/dist/card.css-mistica.js +17 -17
- package/dist/carousel.css-mistica.js +23 -23
- package/dist/checkbox.css-mistica.js +9 -9
- package/dist/checkbox.css.d.ts +2 -2
- package/dist/chip.css-mistica.js +18 -18
- package/dist/circle.css-mistica.js +2 -2
- package/dist/community/advanced-data-card.css-mistica.js +24 -24
- package/dist/community/blocks.css-mistica.js +1 -1
- package/dist/community/example-component.css-mistica.js +1 -1
- package/dist/counter.css-mistica.js +4 -4
- package/dist/counter.js +4 -4
- package/dist/cover-hero.css-mistica.js +13 -13
- package/dist/credit-card-number-field.css-mistica.js +4 -4
- package/dist/date-field.css-mistica.js +1 -1
- package/dist/date-time-picker.css-mistica.js +1 -1
- package/dist/dialog.css-mistica.js +7 -7
- package/dist/divider.css-mistica.js +2 -2
- package/dist/double-field.css-mistica.js +2 -2
- package/dist/drawer.css-mistica.js +7 -7
- package/dist/empty-state-card.css-mistica.js +2 -2
- package/dist/empty-state.css-mistica.js +5 -5
- package/dist/fade-in.css-mistica.js +1 -1
- package/dist/feedback.css-mistica.js +3 -3
- package/dist/fixed-footer-layout.css-mistica.js +9 -9
- package/dist/form.css-mistica.js +1 -1
- package/dist/generated/mistica-icons/icon-chevron-down-filled.d.ts +4 -0
- package/dist/generated/mistica-icons/icon-chevron-down-filled.js +132 -0
- package/dist/generated/mistica-icons/icon-chevron-down-light.js +6 -6
- package/dist/generated/mistica-icons/icon-chevron-down-regular.js +16 -16
- package/dist/generated/mistica-icons/icon-chevron-left-filled.d.ts +4 -0
- package/dist/generated/mistica-icons/icon-chevron-left-filled.js +132 -0
- package/dist/generated/mistica-icons/icon-chevron-left-light.js +4 -4
- package/dist/generated/mistica-icons/icon-chevron-left-regular.js +5 -5
- package/dist/generated/mistica-icons/icon-chevron-right-filled.d.ts +4 -0
- package/dist/generated/mistica-icons/icon-chevron-right-filled.js +132 -0
- package/dist/generated/mistica-icons/icon-chevron-right-light.js +6 -6
- package/dist/generated/mistica-icons/icon-chevron-right-regular.js +14 -14
- package/dist/generated/mistica-icons/icon-chevron-up-filled.d.ts +4 -0
- package/dist/generated/mistica-icons/icon-chevron-up-filled.js +132 -0
- package/dist/generated/mistica-icons/icon-chevron-up-light.js +4 -4
- package/dist/generated/mistica-icons/icon-chevron-up-regular.js +15 -15
- package/dist/grid-layout.css-mistica.js +3 -3
- package/dist/grid.css-mistica.js +122 -122
- package/dist/header.css-mistica.js +4 -4
- package/dist/hero.css-mistica.js +7 -7
- package/dist/highlighted-card.css-mistica.js +6 -6
- package/dist/horizontal-scroll.css-mistica.js +2 -2
- package/dist/icon-button.css-mistica.js +42 -42
- package/dist/icons/icon-chevron.css-mistica.js +2 -2
- package/dist/icons/icon-chevron.js +71 -24
- package/dist/icons/icon-error.css-mistica.js +1 -1
- package/dist/image.css-mistica.js +3 -3
- package/dist/index.d.ts +4 -0
- package/dist/index.js +16 -0
- package/dist/inline.css-mistica.js +13 -9
- package/dist/inline.css.d.ts +4 -0
- package/dist/inline.d.ts +2 -1
- package/dist/inline.js +41 -24
- package/dist/list.css-mistica.js +8 -8
- package/dist/list.js +45 -45
- package/dist/loading-bar.css-mistica.js +1 -1
- package/dist/loading-screen.css-mistica.js +8 -8
- package/dist/logo.css-mistica.js +5 -5
- package/dist/maybe-dismissable.css-mistica.js +1 -1
- package/dist/menu.css-mistica.js +14 -14
- package/dist/mosaic.css-mistica.js +1 -1
- package/dist/navigation-bar.css-mistica.js +45 -45
- package/dist/navigation-bar.js +1 -0
- package/dist/navigation-breadcrumbs.css-mistica.js +4 -4
- package/dist/package-version.js +1 -1
- package/dist/pin-field.css-mistica.js +9 -9
- package/dist/pin-field.js +49 -47
- package/dist/popover.css-mistica.js +1 -1
- package/dist/progress-bar.css-mistica.js +4 -4
- package/dist/radio-button.css-mistica.js +19 -19
- package/dist/rating.css-mistica.js +4 -4
- package/dist/responsive-layout.css-mistica.js +7 -7
- package/dist/screen-reader-only.css-mistica.js +1 -1
- package/dist/select.css-mistica.js +20 -20
- package/dist/select.js +54 -51
- package/dist/sheet-action-row.css-mistica.js +1 -1
- package/dist/sheet-common.css-mistica.js +8 -8
- package/dist/sheet-info.css-mistica.js +1 -1
- package/dist/skeletons.css-mistica.js +5 -5
- package/dist/skins/blau.js +2 -0
- package/dist/skins/esimflag.d.ts +1 -0
- package/dist/skins/esimflag.js +7 -4
- package/dist/skins/movistar.js +5 -3
- package/dist/skins/o2-new.js +5 -3
- package/dist/skins/o2.js +2 -0
- package/dist/skins/skin-contract.css-mistica.js +348 -346
- package/dist/skins/skin-contract.css.d.ts +2 -0
- package/dist/skins/telefonica.js +6 -4
- package/dist/skins/tu.js +4 -2
- package/dist/skins/types/colors.d.ts +1 -0
- package/dist/skins/vivo-new.d.ts +1 -0
- package/dist/skins/vivo-new.js +6 -3
- package/dist/skins/vivo.js +2 -0
- package/dist/slider.css-mistica.js +16 -16
- package/dist/snackbar.css-mistica.js +15 -15
- package/dist/spinner.css-mistica.js +1 -1
- package/dist/sprinkles.css.d.ts +1 -1
- package/dist/stack.css-mistica.js +5 -5
- package/dist/stacking-group.css-mistica.js +2 -2
- package/dist/stepper.css-mistica.js +9 -9
- package/dist/switch-component.css-mistica.js +32 -32
- package/dist/table.css-mistica.js +8 -8
- package/dist/tabs.css-mistica.js +18 -18
- package/dist/tag.css-mistica.js +1 -1
- package/dist/text-field-base.css-mistica.js +8 -8
- package/dist/text-field-components.css-mistica.js +11 -11
- package/dist/text-field-components.js +19 -18
- package/dist/text-link.css-mistica.js +17 -6
- package/dist/text-link.css.d.ts +4 -0
- package/dist/text-link.d.ts +2 -1
- package/dist/text-link.js +11 -10
- package/dist/text.css-mistica.js +7 -7
- package/dist/text.d.ts +2 -1
- package/dist/text.js +59 -58
- package/dist/theme-context.css-mistica.js +388 -386
- package/dist/theme-context.css.d.ts +2 -0
- package/dist/timeline.css-mistica.js +10 -10
- package/dist/timer.css-mistica.js +6 -6
- package/dist/tooltip.css-mistica.js +6 -6
- package/dist/touchable.css-mistica.js +2 -2
- package/dist/utils/aspect-ratio-support.css-mistica.js +3 -3
- package/dist/video.css-mistica.js +1 -1
- package/dist/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
- package/dist-es/accordion.css-mistica.js +7 -7
- package/dist-es/accordion.js +1 -1
- package/dist-es/align.css-mistica.js +1 -1
- package/dist-es/avatar.css-mistica.js +2 -2
- package/dist-es/badge.css-mistica.js +1 -1
- package/dist-es/box.css-mistica.js +13 -13
- package/dist-es/boxed.css-mistica.js +23 -23
- package/dist-es/button-group.css-mistica.js +2 -2
- package/dist-es/button-layout.css-mistica.js +15 -15
- package/dist-es/button.css-mistica.js +20 -20
- package/dist-es/callout.css-mistica.js +6 -6
- package/dist-es/card.css-mistica.js +4 -4
- package/dist-es/carousel.css-mistica.js +7 -7
- package/dist-es/checkbox.css-mistica.js +8 -8
- package/dist-es/chip.css-mistica.js +13 -13
- package/dist-es/circle.css-mistica.js +2 -2
- package/dist-es/community/advanced-data-card.css-mistica.js +7 -7
- package/dist-es/community/blocks.css-mistica.js +1 -1
- package/dist-es/community/example-component.css-mistica.js +1 -1
- package/dist-es/counter.css-mistica.js +2 -2
- package/dist-es/counter.js +9 -9
- package/dist-es/cover-hero.css-mistica.js +4 -4
- package/dist-es/credit-card-number-field.css-mistica.js +4 -4
- package/dist-es/date-field.css-mistica.js +1 -1
- package/dist-es/date-time-picker.css-mistica.js +1 -1
- package/dist-es/dialog.css-mistica.js +5 -5
- package/dist-es/divider.css-mistica.js +2 -2
- package/dist-es/double-field.css-mistica.js +2 -2
- package/dist-es/drawer.css-mistica.js +2 -2
- package/dist-es/empty-state-card.css-mistica.js +2 -2
- package/dist-es/empty-state.css-mistica.js +5 -5
- package/dist-es/fade-in.css-mistica.js +1 -1
- package/dist-es/feedback.css-mistica.js +2 -2
- package/dist-es/fixed-footer-layout.css-mistica.js +5 -5
- package/dist-es/form.css-mistica.js +1 -1
- package/dist-es/generated/mistica-icons/icon-chevron-down-filled.js +123 -0
- package/dist-es/generated/mistica-icons/icon-chevron-down-light.js +7 -7
- package/dist-es/generated/mistica-icons/icon-chevron-down-regular.js +23 -23
- package/dist-es/generated/mistica-icons/icon-chevron-left-filled.js +123 -0
- package/dist-es/generated/mistica-icons/icon-chevron-left-light.js +7 -7
- package/dist-es/generated/mistica-icons/icon-chevron-left-regular.js +6 -6
- package/dist-es/generated/mistica-icons/icon-chevron-right-filled.js +123 -0
- package/dist-es/generated/mistica-icons/icon-chevron-right-light.js +9 -9
- package/dist-es/generated/mistica-icons/icon-chevron-right-regular.js +15 -15
- package/dist-es/generated/mistica-icons/icon-chevron-up-filled.js +123 -0
- package/dist-es/generated/mistica-icons/icon-chevron-up-light.js +7 -7
- package/dist-es/generated/mistica-icons/icon-chevron-up-regular.js +17 -17
- package/dist-es/grid-layout.css-mistica.js +3 -3
- package/dist-es/grid.css-mistica.js +122 -122
- package/dist-es/header.css-mistica.js +2 -2
- package/dist-es/hero.css-mistica.js +3 -3
- package/dist-es/highlighted-card.css-mistica.js +5 -5
- package/dist-es/horizontal-scroll.css-mistica.js +2 -2
- package/dist-es/icon-button.css-mistica.js +42 -42
- package/dist-es/icons/icon-chevron.css-mistica.js +2 -2
- package/dist-es/icons/icon-chevron.js +80 -33
- package/dist-es/icons/icon-error.css-mistica.js +1 -1
- package/dist-es/image.css-mistica.js +3 -3
- package/dist-es/index.js +1516 -1512
- package/dist-es/inline.css-mistica.js +11 -7
- package/dist-es/inline.js +50 -33
- package/dist-es/list.css-mistica.js +2 -2
- package/dist-es/list.js +64 -64
- package/dist-es/loading-bar.css-mistica.js +1 -1
- package/dist-es/loading-screen.css-mistica.js +5 -5
- package/dist-es/logo.css-mistica.js +5 -5
- package/dist-es/maybe-dismissable.css-mistica.js +1 -1
- package/dist-es/menu.css-mistica.js +14 -14
- package/dist-es/mosaic.css-mistica.js +1 -1
- package/dist-es/navigation-bar.css-mistica.js +17 -17
- package/dist-es/navigation-bar.js +1 -0
- package/dist-es/navigation-breadcrumbs.css-mistica.js +2 -2
- package/dist-es/package-version.js +1 -1
- package/dist-es/pin-field.css-mistica.js +2 -2
- package/dist-es/pin-field.js +61 -59
- package/dist-es/popover.css-mistica.js +1 -1
- package/dist-es/progress-bar.css-mistica.js +4 -4
- package/dist-es/radio-button.css-mistica.js +16 -16
- package/dist-es/rating.css-mistica.js +3 -3
- package/dist-es/responsive-layout.css-mistica.js +6 -6
- package/dist-es/screen-reader-only.css-mistica.js +1 -1
- package/dist-es/select.css-mistica.js +17 -17
- package/dist-es/select.js +88 -85
- package/dist-es/sheet-action-row.css-mistica.js +1 -1
- package/dist-es/sheet-common.css-mistica.js +2 -2
- package/dist-es/sheet-info.css-mistica.js +1 -1
- package/dist-es/skeletons.css-mistica.js +5 -5
- package/dist-es/skins/blau.js +2 -0
- package/dist-es/skins/esimflag.js +7 -4
- package/dist-es/skins/movistar.js +5 -3
- package/dist-es/skins/o2-new.js +5 -3
- package/dist-es/skins/o2.js +2 -0
- package/dist-es/skins/skin-contract.css-mistica.js +348 -346
- package/dist-es/skins/telefonica.js +6 -4
- package/dist-es/skins/tu.js +4 -2
- package/dist-es/skins/vivo-new.js +6 -3
- package/dist-es/skins/vivo.js +2 -0
- package/dist-es/slider.css-mistica.js +11 -11
- package/dist-es/snackbar.css-mistica.js +5 -5
- package/dist-es/spinner.css-mistica.js +1 -1
- package/dist-es/stack.css-mistica.js +5 -5
- package/dist-es/stacking-group.css-mistica.js +2 -2
- package/dist-es/stepper.css-mistica.js +3 -3
- package/dist-es/style.css +1 -1
- package/dist-es/switch-component.css-mistica.js +28 -28
- package/dist-es/table.css-mistica.js +8 -8
- package/dist-es/tabs.css-mistica.js +14 -14
- package/dist-es/tag.css-mistica.js +1 -1
- package/dist-es/text-field-base.css-mistica.js +2 -2
- package/dist-es/text-field-components.css-mistica.js +4 -4
- package/dist-es/text-field-components.js +22 -21
- package/dist-es/text-link.css-mistica.js +7 -4
- package/dist-es/text-link.js +23 -22
- package/dist-es/text.css-mistica.js +7 -7
- package/dist-es/text.js +76 -75
- package/dist-es/theme-context.css-mistica.js +388 -386
- package/dist-es/timeline.css-mistica.js +10 -10
- package/dist-es/timer.css-mistica.js +6 -6
- package/dist-es/tooltip.css-mistica.js +2 -2
- package/dist-es/touchable.css-mistica.js +2 -2
- package/dist-es/utils/aspect-ratio-support.css-mistica.js +3 -3
- package/dist-es/video.css-mistica.js +1 -1
- package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
- package/package.json +1 -1
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
"use client";
|
|
1
2
|
"use strict";
|
|
2
3
|
Object.defineProperty(exports, "__esModule", {
|
|
3
4
|
value: true
|
|
@@ -5,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
6
|
Object.defineProperty(exports, "default", {
|
|
6
7
|
enumerable: true,
|
|
7
8
|
get: function() {
|
|
8
|
-
return
|
|
9
|
+
return T;
|
|
9
10
|
}
|
|
10
11
|
});
|
|
11
12
|
const _jsxruntime = require("react/jsx-runtime");
|
|
@@ -13,6 +14,8 @@ const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames")
|
|
|
13
14
|
const _skincontractcssmistica = require("../skins/skin-contract.css-mistica.js");
|
|
14
15
|
const _css = require("../utils/css.js");
|
|
15
16
|
const _iconchevroncssmistica = require("./icon-chevron.css-mistica.js");
|
|
17
|
+
const _hooks = require("../hooks.js");
|
|
18
|
+
const _constants = require("../skins/constants.js");
|
|
16
19
|
function _interop_require_default(obj) {
|
|
17
20
|
return obj && obj.__esModule ? obj : {
|
|
18
21
|
default: obj
|
|
@@ -46,40 +49,84 @@ function _object_spread(target) {
|
|
|
46
49
|
}
|
|
47
50
|
return target;
|
|
48
51
|
}
|
|
49
|
-
const
|
|
50
|
-
let { size: o, color: r, transform:
|
|
52
|
+
const L = (param)=>{
|
|
53
|
+
let { size: o, color: r, transform: s, transitionDuration: e, className: n, style: a } = param;
|
|
51
54
|
return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
|
|
52
55
|
role: "presentation",
|
|
53
56
|
width: o,
|
|
54
57
|
height: o,
|
|
55
58
|
viewBox: "0 0 24 24",
|
|
56
|
-
className: (0, _classnames.default)(
|
|
59
|
+
className: (0, _classnames.default)(n, _iconchevroncssmistica.chevronRotateTransition),
|
|
57
60
|
style: _object_spread({
|
|
58
|
-
transform:
|
|
61
|
+
transform: s
|
|
59
62
|
}, a, (0, _css.applyCssVars)({
|
|
60
|
-
[_iconchevroncssmistica.vars.transitionDuration]: `${
|
|
63
|
+
[_iconchevroncssmistica.vars.transitionDuration]: `${e}ms`
|
|
61
64
|
})),
|
|
62
65
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
|
|
66
|
+
d: "M12.0001 16.6333C11.7199 16.6333 11.4596 16.5232 11.2695 16.3131L4.2733 8.87648C3.89296 8.47613 3.91298 7.83556 4.31333 7.45523C4.71368 7.07489 5.35425 7.09491 5.73459 7.49526L12.0001 14.1511L18.2657 7.49526C18.646 7.0849 19.2866 7.07489 19.6869 7.45523C20.0873 7.83556 20.1073 8.47613 19.7269 8.87648L12.7308 16.3131C12.5406 16.5132 12.2704 16.6333 12.0001 16.6333Z",
|
|
63
67
|
className: _iconchevroncssmistica.chevronColorTransition,
|
|
64
|
-
fill: r
|
|
65
|
-
fillRule: "evenodd",
|
|
66
|
-
d: "M14.338 11.478a.75.75 0 0 1 0 1.044l-3.837 3.997a.75.75 0 1 1-1.082-1.038L12.76 12 9.42 8.52a.75.75 0 0 1 1.082-1.04l3.837 3.998z"
|
|
68
|
+
fill: r
|
|
67
69
|
})
|
|
68
70
|
});
|
|
69
|
-
},
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
71
|
+
}, N = (param)=>{
|
|
72
|
+
let { size: o, color: r, transform: s, transitionDuration: e, className: n, style: a } = param;
|
|
73
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
|
|
74
|
+
role: "presentation",
|
|
75
|
+
width: o,
|
|
76
|
+
height: o,
|
|
77
|
+
viewBox: "0 0 24 24",
|
|
78
|
+
className: (0, _classnames.default)(n, _iconchevroncssmistica.chevronRotateTransition),
|
|
79
|
+
style: _object_spread({
|
|
80
|
+
transform: s
|
|
81
|
+
}, a, (0, _css.applyCssVars)({
|
|
82
|
+
[_iconchevroncssmistica.vars.transitionDuration]: `${e}ms`
|
|
83
|
+
})),
|
|
84
|
+
children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
|
|
85
|
+
d: "M12.0018 16.571C11.7518 16.571 11.5118 16.481 11.3118 16.301L4.32183 9.74098C3.91183 9.36098 3.89183 8.72098 4.27183 8.32098C4.65183 7.92098 5.29183 7.89098 5.69183 8.27098L12.0018 14.181L18.3118 8.27098C18.7118 7.89098 19.3518 7.91098 19.7318 8.32098C20.1118 8.73098 20.0918 9.36098 19.6818 9.74098L12.6918 16.301C12.5018 16.481 12.2518 16.571 12.0018 16.571Z",
|
|
86
|
+
className: _iconchevroncssmistica.chevronColorTransition,
|
|
87
|
+
fill: r
|
|
88
|
+
})
|
|
89
|
+
});
|
|
90
|
+
}, w = (param)=>{
|
|
91
|
+
let { size: o, color: r, transform: s, transitionDuration: e, className: n, style: a } = param;
|
|
92
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
|
|
93
|
+
role: "presentation",
|
|
94
|
+
width: o,
|
|
95
|
+
height: o,
|
|
96
|
+
viewBox: "0 0 24 24",
|
|
97
|
+
className: (0, _classnames.default)(n, _iconchevroncssmistica.chevronRotateTransition),
|
|
98
|
+
style: _object_spread({
|
|
99
|
+
transform: s
|
|
100
|
+
}, a, (0, _css.applyCssVars)({
|
|
101
|
+
[_iconchevroncssmistica.vars.transitionDuration]: `${e}ms`
|
|
102
|
+
})),
|
|
103
|
+
children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
|
|
104
|
+
d: "M12.0021 16.942L4.32208 9.74195C3.91208 9.36195 3.89208 8.72195 4.27208 8.32195C4.65208 7.92195 5.29208 7.89195 5.69208 8.27195L12.0021 14.182L18.3121 8.27195C18.7121 7.89195 19.3521 7.91195 19.7321 8.32195C20.1121 8.73195 20.0921 9.36195 19.6821 9.74195L12.0021 16.942Z",
|
|
105
|
+
className: _iconchevroncssmistica.chevronColorTransition,
|
|
106
|
+
fill: r
|
|
107
|
+
})
|
|
108
|
+
});
|
|
109
|
+
}, I = {
|
|
110
|
+
up: -180,
|
|
111
|
+
down: 0,
|
|
112
|
+
left: 90,
|
|
113
|
+
right: -90
|
|
114
|
+
}, B = (param)=>{
|
|
115
|
+
let { size: o = 24, color: r, className: s, style: e, transitionDuration: n = 300, direction: a = "right" } = param;
|
|
116
|
+
const { skinName: p } = (0, _hooks.useTheme)(), v = r || _skincontractcssmistica.vars.colors.neutralHigh, i = {
|
|
77
117
|
size: o,
|
|
78
|
-
color:
|
|
79
|
-
transform: `rotate(${
|
|
80
|
-
className:
|
|
81
|
-
transitionDuration:
|
|
82
|
-
style:
|
|
118
|
+
color: v,
|
|
119
|
+
transform: `rotate(${I[a]}deg)`,
|
|
120
|
+
className: s,
|
|
121
|
+
transitionDuration: n,
|
|
122
|
+
style: e
|
|
83
123
|
};
|
|
84
|
-
|
|
85
|
-
|
|
124
|
+
switch(p){
|
|
125
|
+
case _constants.O2_NEW_SKIN:
|
|
126
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)(N, _object_spread({}, i));
|
|
127
|
+
case _constants.BLAU_SKIN:
|
|
128
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)(w, _object_spread({}, i));
|
|
129
|
+
default:
|
|
130
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)(L, _object_spread({}, i));
|
|
131
|
+
}
|
|
132
|
+
}, T = B;
|
|
@@ -25,7 +25,7 @@ _export(exports, {
|
|
|
25
25
|
return d;
|
|
26
26
|
},
|
|
27
27
|
noBorderRadius: function() {
|
|
28
|
-
return
|
|
28
|
+
return e;
|
|
29
29
|
},
|
|
30
30
|
vars: function() {
|
|
31
31
|
return n;
|
|
@@ -33,6 +33,6 @@ _export(exports, {
|
|
|
33
33
|
});
|
|
34
34
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
35
35
|
require("./image.css.ts.vanilla.css-mistica.js");
|
|
36
|
-
var r = 300, a = "
|
|
37
|
-
mediaBorderRadius: "var(--
|
|
36
|
+
var r = 300, a = "v16_24_17tt25r5", t = "v16_24_17tt25r6", i = "v16_24_17tt25r3 v16_24_1y2v1nflu v16_24_1y2v1nfm9 v16_24_1y2v1nfio v16_24_1y2v1nfj9 v16_24_1y2v1nfjq v16_24_1y2v1nfni v16_24_1y2v1nfl1 v16_24_1y2v1nfl2 v16_24_1y2v1nfle", d = "v16_24_17tt25r1", e = "v16_24_17tt25r4", n = {
|
|
37
|
+
mediaBorderRadius: "var(--v16_24_17tt25r0)"
|
|
38
38
|
};
|
package/dist/index.d.ts
CHANGED
|
@@ -494,12 +494,16 @@ export { default as IconCheckRegular } from './generated/mistica-icons/icon-chec
|
|
|
494
494
|
export { default as IconChemistryFilled } from './generated/mistica-icons/icon-chemistry-filled';
|
|
495
495
|
export { default as IconChemistryLight } from './generated/mistica-icons/icon-chemistry-light';
|
|
496
496
|
export { default as IconChemistryRegular } from './generated/mistica-icons/icon-chemistry-regular';
|
|
497
|
+
export { default as IconChevronDownFilled } from './generated/mistica-icons/icon-chevron-down-filled';
|
|
497
498
|
export { default as IconChevronDownLight } from './generated/mistica-icons/icon-chevron-down-light';
|
|
498
499
|
export { default as IconChevronDownRegular } from './generated/mistica-icons/icon-chevron-down-regular';
|
|
500
|
+
export { default as IconChevronLeftFilled } from './generated/mistica-icons/icon-chevron-left-filled';
|
|
499
501
|
export { default as IconChevronLeftLight } from './generated/mistica-icons/icon-chevron-left-light';
|
|
500
502
|
export { default as IconChevronLeftRegular } from './generated/mistica-icons/icon-chevron-left-regular';
|
|
503
|
+
export { default as IconChevronRightFilled } from './generated/mistica-icons/icon-chevron-right-filled';
|
|
501
504
|
export { default as IconChevronRightLight } from './generated/mistica-icons/icon-chevron-right-light';
|
|
502
505
|
export { default as IconChevronRightRegular } from './generated/mistica-icons/icon-chevron-right-regular';
|
|
506
|
+
export { default as IconChevronUpFilled } from './generated/mistica-icons/icon-chevron-up-filled';
|
|
503
507
|
export { default as IconChevronUpLight } from './generated/mistica-icons/icon-chevron-up-light';
|
|
504
508
|
export { default as IconChevronUpRegular } from './generated/mistica-icons/icon-chevron-up-regular';
|
|
505
509
|
export { default as IconChildFilled } from './generated/mistica-icons/icon-child-filled';
|
package/dist/index.js
CHANGED
|
@@ -1245,24 +1245,36 @@ _export(exports, {
|
|
|
1245
1245
|
IconChevron: function() {
|
|
1246
1246
|
return _iconchevron.default;
|
|
1247
1247
|
},
|
|
1248
|
+
IconChevronDownFilled: function() {
|
|
1249
|
+
return _iconchevrondownfilled.default;
|
|
1250
|
+
},
|
|
1248
1251
|
IconChevronDownLight: function() {
|
|
1249
1252
|
return _iconchevrondownlight.default;
|
|
1250
1253
|
},
|
|
1251
1254
|
IconChevronDownRegular: function() {
|
|
1252
1255
|
return _iconchevrondownregular.default;
|
|
1253
1256
|
},
|
|
1257
|
+
IconChevronLeftFilled: function() {
|
|
1258
|
+
return _iconchevronleftfilled.default;
|
|
1259
|
+
},
|
|
1254
1260
|
IconChevronLeftLight: function() {
|
|
1255
1261
|
return _iconchevronleftlight.default;
|
|
1256
1262
|
},
|
|
1257
1263
|
IconChevronLeftRegular: function() {
|
|
1258
1264
|
return _iconchevronleftregular.default;
|
|
1259
1265
|
},
|
|
1266
|
+
IconChevronRightFilled: function() {
|
|
1267
|
+
return _iconchevronrightfilled.default;
|
|
1268
|
+
},
|
|
1260
1269
|
IconChevronRightLight: function() {
|
|
1261
1270
|
return _iconchevronrightlight.default;
|
|
1262
1271
|
},
|
|
1263
1272
|
IconChevronRightRegular: function() {
|
|
1264
1273
|
return _iconchevronrightregular.default;
|
|
1265
1274
|
},
|
|
1275
|
+
IconChevronUpFilled: function() {
|
|
1276
|
+
return _iconchevronupfilled.default;
|
|
1277
|
+
},
|
|
1266
1278
|
IconChevronUpLight: function() {
|
|
1267
1279
|
return _iconchevronuplight.default;
|
|
1268
1280
|
},
|
|
@@ -6548,12 +6560,16 @@ const _iconcheckregular = /*#__PURE__*/ _interop_require_default(require("./gene
|
|
|
6548
6560
|
const _iconchemistryfilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-chemistry-filled.js"));
|
|
6549
6561
|
const _iconchemistrylight = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-chemistry-light.js"));
|
|
6550
6562
|
const _iconchemistryregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-chemistry-regular.js"));
|
|
6563
|
+
const _iconchevrondownfilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-chevron-down-filled.js"));
|
|
6551
6564
|
const _iconchevrondownlight = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-chevron-down-light.js"));
|
|
6552
6565
|
const _iconchevrondownregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-chevron-down-regular.js"));
|
|
6566
|
+
const _iconchevronleftfilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-chevron-left-filled.js"));
|
|
6553
6567
|
const _iconchevronleftlight = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-chevron-left-light.js"));
|
|
6554
6568
|
const _iconchevronleftregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-chevron-left-regular.js"));
|
|
6569
|
+
const _iconchevronrightfilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-chevron-right-filled.js"));
|
|
6555
6570
|
const _iconchevronrightlight = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-chevron-right-light.js"));
|
|
6556
6571
|
const _iconchevronrightregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-chevron-right-regular.js"));
|
|
6572
|
+
const _iconchevronupfilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-chevron-up-filled.js"));
|
|
6557
6573
|
const _iconchevronuplight = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-chevron-up-light.js"));
|
|
6558
6574
|
const _iconchevronupregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-chevron-up-regular.js"));
|
|
6559
6575
|
const _iconchildfilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-child-filled.js"));
|
|
@@ -22,22 +22,26 @@ _export(exports, {
|
|
|
22
22
|
return r;
|
|
23
23
|
},
|
|
24
24
|
stringSpace: function() {
|
|
25
|
-
return
|
|
25
|
+
return e;
|
|
26
26
|
},
|
|
27
27
|
stringSpaceWithWrap: function() {
|
|
28
|
-
return
|
|
28
|
+
return n;
|
|
29
29
|
},
|
|
30
30
|
vars: function() {
|
|
31
|
-
return
|
|
31
|
+
return b;
|
|
32
32
|
},
|
|
33
33
|
wrap: function() {
|
|
34
34
|
return f;
|
|
35
35
|
}
|
|
36
36
|
});
|
|
37
37
|
require("./inline.css.ts.vanilla.css-mistica.js");
|
|
38
|
-
var a = "
|
|
39
|
-
space: "var(--
|
|
40
|
-
spaceMobile: "var(--
|
|
41
|
-
spaceTablet: "var(--
|
|
42
|
-
spaceDesktop: "var(--
|
|
43
|
-
|
|
38
|
+
var a = "v16_24_kkfbnva", k = "v16_24_kkfbnv9", _ = "v16_24_kkfbnv8", r = "v16_24_kkfbnvc", e = "v16_24_kkfbnvd", n = "v16_24_kkfbnve", b = {
|
|
39
|
+
space: "var(--v16_24_kkfbnv0)",
|
|
40
|
+
spaceMobile: "var(--v16_24_kkfbnv1)",
|
|
41
|
+
spaceTablet: "var(--v16_24_kkfbnv2)",
|
|
42
|
+
spaceDesktop: "var(--v16_24_kkfbnv3)",
|
|
43
|
+
verticalSpace: "var(--v16_24_kkfbnv4)",
|
|
44
|
+
verticalSpaceMobile: "var(--v16_24_kkfbnv5)",
|
|
45
|
+
verticalSpaceTablet: "var(--v16_24_kkfbnv6)",
|
|
46
|
+
verticalSpaceDesktop: "var(--v16_24_kkfbnv7)"
|
|
47
|
+
}, f = "v16_24_kkfbnvb";
|
package/dist/inline.css.d.ts
CHANGED
|
@@ -3,6 +3,10 @@ export declare const vars: {
|
|
|
3
3
|
spaceMobile: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
4
4
|
spaceTablet: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
5
5
|
spaceDesktop: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6
|
+
verticalSpace: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
7
|
+
verticalSpaceMobile: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
8
|
+
verticalSpaceTablet: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
9
|
+
verticalSpaceDesktop: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
|
|
6
10
|
};
|
|
7
11
|
export declare const marginInline: string;
|
|
8
12
|
export declare const inline: string;
|
package/dist/inline.d.ts
CHANGED
|
@@ -4,6 +4,7 @@ type NumericSpace = -16 | -12 | -8 | -4 | -2 | 0 | 2 | 4 | 8 | 12 | 16 | 24 | 32
|
|
|
4
4
|
type FlexSpace = 'between' | 'around' | 'evenly';
|
|
5
5
|
type Props = {
|
|
6
6
|
space: FlexSpace | ByBreakpoint<NumericSpace>;
|
|
7
|
+
verticalSpace?: ByBreakpoint<NumericSpace>;
|
|
7
8
|
alignItems?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
|
|
8
9
|
children: React.ReactNode;
|
|
9
10
|
className?: string;
|
|
@@ -14,5 +15,5 @@ type Props = {
|
|
|
14
15
|
dataAttributes?: DataAttributes;
|
|
15
16
|
wrap?: boolean;
|
|
16
17
|
};
|
|
17
|
-
declare const Inline: ({ space, className, children, role, alignItems, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, fullWidth, wrap, dataAttributes, }: Props) => JSX.Element;
|
|
18
|
+
declare const Inline: ({ space, verticalSpace, className, children, role, alignItems, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, fullWidth, wrap, dataAttributes, }: Props) => JSX.Element;
|
|
18
19
|
export default Inline;
|
package/dist/inline.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
|
|
9
|
+
return z;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
12
|
const _jsxruntime = require("react/jsx-runtime");
|
|
@@ -115,35 +115,52 @@ function _object_spread_props(target, source) {
|
|
|
115
115
|
}
|
|
116
116
|
return target;
|
|
117
117
|
}
|
|
118
|
-
const
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
118
|
+
const s = (e)=>typeof e == "number" ? `${e}px` : `space-${e}`, M = (e, a)=>{
|
|
119
|
+
const o = (t, i)=>{
|
|
120
|
+
if (typeof t == "number" || typeof t == "string") return {
|
|
121
|
+
[i.default]: s(t)
|
|
122
|
+
};
|
|
123
|
+
const l = {
|
|
124
|
+
[i.mobile]: s(t.mobile),
|
|
125
|
+
[i.desktop]: s(t.desktop)
|
|
126
|
+
};
|
|
127
|
+
return t.tablet && (l[i.tablet] = s(t.tablet)), l;
|
|
128
|
+
}, n = o(e, {
|
|
129
|
+
default: _inlinecssmistica.vars.space,
|
|
130
|
+
mobile: _inlinecssmistica.vars.spaceMobile,
|
|
131
|
+
tablet: _inlinecssmistica.vars.spaceTablet,
|
|
132
|
+
desktop: _inlinecssmistica.vars.spaceDesktop
|
|
133
|
+
});
|
|
134
|
+
if (a) {
|
|
135
|
+
const t = o(a, {
|
|
136
|
+
default: _inlinecssmistica.vars.verticalSpace,
|
|
137
|
+
mobile: _inlinecssmistica.vars.verticalSpaceMobile,
|
|
138
|
+
tablet: _inlinecssmistica.vars.verticalSpaceTablet,
|
|
139
|
+
desktop: _inlinecssmistica.vars.verticalSpaceDesktop
|
|
140
|
+
});
|
|
141
|
+
return _object_spread({}, n, t);
|
|
142
|
+
}
|
|
143
|
+
return n;
|
|
144
|
+
}, R = (param)=>{
|
|
145
|
+
let { space: e, verticalSpace: a, className: o, children: n, role: t, alignItems: i = "stretch", "aria-label": l, "aria-labelledby": d, fullWidth: b, wrap: c, dataAttributes: u } = param;
|
|
146
|
+
const { platformOverrides: m } = (0, _hooks.useTheme)();
|
|
130
147
|
return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", _object_spread_props(_object_spread({
|
|
131
|
-
className: (0, _classnames.default)(
|
|
132
|
-
style: _object_spread_props(_object_spread({}, (0, _css.applyCssVars)(
|
|
133
|
-
alignItems:
|
|
148
|
+
className: (0, _classnames.default)(o, _inlinecssmistica.inline, c ? _inlinecssmistica.wrap : b ? _inlinecssmistica.fullWidth : _inlinecssmistica.noFullWidth, typeof e == "string" ? c ? _inlinecssmistica.stringSpaceWithWrap : _inlinecssmistica.stringSpace : _inlinecssmistica.marginInline),
|
|
149
|
+
style: _object_spread_props(_object_spread({}, (0, _css.applyCssVars)(M(e, a))), {
|
|
150
|
+
alignItems: i
|
|
134
151
|
}),
|
|
135
|
-
role:
|
|
136
|
-
"aria-label":
|
|
137
|
-
"aria-labelledby":
|
|
152
|
+
role: t,
|
|
153
|
+
"aria-label": l,
|
|
154
|
+
"aria-labelledby": l ? void 0 : d
|
|
138
155
|
}, (0, _dom.getPrefixedDataAttributes)(u, "Inline")), {
|
|
139
|
-
children: _react.Children.map(
|
|
140
|
-
role:
|
|
156
|
+
children: _react.Children.map(n, (p)=>p || p === 0 ? /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
157
|
+
role: t === "list" ? "listitem" : void 0,
|
|
141
158
|
style: {
|
|
142
159
|
// Hack to fix https://jira.tid.es/browse/WEB-1683
|
|
143
160
|
// In iOS the inline component sometimes cuts the last line of the content
|
|
144
|
-
paddingBottom: (0, _platform.isIos)(
|
|
161
|
+
paddingBottom: (0, _platform.isIos)(m) && !(0, _platform.isRunningAcceptanceTest)(m) ? 1 : void 0
|
|
145
162
|
},
|
|
146
|
-
children:
|
|
163
|
+
children: p
|
|
147
164
|
}) : null)
|
|
148
165
|
}));
|
|
149
|
-
},
|
|
166
|
+
}, z = R;
|
package/dist/list.css-mistica.js
CHANGED
|
@@ -43,22 +43,22 @@ _export(exports, {
|
|
|
43
43
|
return c;
|
|
44
44
|
},
|
|
45
45
|
dualActionLeft: function() {
|
|
46
|
-
return
|
|
46
|
+
return g;
|
|
47
47
|
},
|
|
48
48
|
dualActionRight: function() {
|
|
49
|
-
return
|
|
49
|
+
return u;
|
|
50
50
|
},
|
|
51
51
|
pointer: function() {
|
|
52
52
|
return b;
|
|
53
53
|
},
|
|
54
54
|
rightContent: function() {
|
|
55
|
-
return
|
|
55
|
+
return d;
|
|
56
56
|
},
|
|
57
57
|
rightRestrictedWidth: function() {
|
|
58
|
-
return
|
|
58
|
+
return l;
|
|
59
59
|
},
|
|
60
60
|
row: function() {
|
|
61
|
-
return
|
|
61
|
+
return m;
|
|
62
62
|
},
|
|
63
63
|
rowBody: function() {
|
|
64
64
|
return h;
|
|
@@ -67,10 +67,10 @@ _export(exports, {
|
|
|
67
67
|
return s;
|
|
68
68
|
},
|
|
69
69
|
rowContentPadding: function() {
|
|
70
|
-
return
|
|
70
|
+
return p;
|
|
71
71
|
},
|
|
72
72
|
touchableBackground: function() {
|
|
73
|
-
return
|
|
73
|
+
return x;
|
|
74
74
|
},
|
|
75
75
|
touchableBackgroundInverse: function() {
|
|
76
76
|
return C;
|
|
@@ -78,4 +78,4 @@ _export(exports, {
|
|
|
78
78
|
});
|
|
79
79
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
80
80
|
require("./list.css.ts.vanilla.css-mistica.js");
|
|
81
|
-
var n = "
|
|
81
|
+
var n = "v16_24_1y2v1nfim v16_24_1y2v1nfj4 v16_24_1y2v1nfj6", f = "v16_24_1y2v1nfcl", y = "v16_24_1y2v1nfim v16_24_1y2v1nfj1 v16_24_1y2v1nfiv v16_24_1y2v1nfkc v16_24_1y2v1nfjq v16_24_1y2v1nfj4", a = "v16_24_2buj9g2", r = "v16_24_1y2v1nfim v16_24_1y2v1nfj1", i = "v16_24_1y2v1nf8u v16_24_1y2v1nfa3 v16_24_1y2v1nfim v16_24_1y2v1nfj9 v16_24_1y2v1nfkz", t = "v16_24_2buj9gj v16_24_1y2v1nfim v16_24_1y2v1nfj1", j = "v16_24_2buj9gi", o = "v16_24_2buj9g0", e = "v16_24_1y2v1nfim v16_24_1y2v1nfir v16_24_1y2v1nfjq", c = "v16_24_2buj9gp v16_24_1y2v1nfim", g = "v16_24_2buj9gn v16_24_1y2v1nf8f v16_24_1y2v1nf9o v16_24_1y2v1nfax v16_24_1y2v1nfc6 v16_24_1y2v1nfl4 v16_24_1y2v1nf8e v16_24_1y2v1nfbc v16_24_1y2v1nfcl v16_24_1y2v1nfio v16_24_1y2v1nfj7", u = "v16_24_2buj9gr v16_24_1y2v1nf8f v16_24_1y2v1nf9o v16_24_1y2v1nfax v16_24_1y2v1nfc6 v16_24_1y2v1nfl4 v16_24_1y2v1nf8e v16_24_1y2v1nfbc v16_24_1y2v1nfcl v16_24_1y2v1nfim v16_24_1y2v1nfj1 v16_24_1y2v1nfj6 v16_24_1y2v1nfja v16_24_1y2v1nfjq", b = "v16_24_1y2v1nfln", d = "v16_24_2buj9gg", l = "v16_24_2buj9gh", m = "v16_24_1y2v1nfj9", h = "v16_24_1y2v1nfim v16_24_1y2v1nfis v16_24_1y2v1nfj8", s = "v16_24_2buj9g7 v16_24_1y2v1nf8f v16_24_1y2v1nf9o v16_24_1y2v1nfax v16_24_1y2v1nfc6 v16_24_1y2v1nfj9 v16_24_1y2v1nfl4 v16_24_1y2v1nf8e v16_24_1y2v1nfio v16_24_1y2v1nfjq", p = "v16_24_1y2v1nfbc v16_24_1y2v1nfcl", x = "v16_24_2buj9g3", C = "v16_24_2buj9g4";
|