@telefonica/mistica 14.46.0 → 14.48.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/README.md +1 -3
- package/css/mistica.css +1 -1
- package/dist/accordion.css-mistica.js +5 -5
- package/dist/avatar.css-mistica.js +3 -3
- package/dist/badge.css-mistica.js +6 -6
- package/dist/boxed.css-mistica.js +3 -3
- package/dist/button-fixed-footer-layout.js +9 -11
- package/dist/button-group.css-mistica.js +5 -5
- package/dist/button-layout.css-mistica.js +11 -20
- package/dist/button-layout.css.d.ts +3 -6
- package/dist/button-layout.d.ts +5 -0
- package/dist/button-layout.js +41 -26
- package/dist/button.css-mistica.js +28 -28
- package/dist/callout.css-mistica.js +2 -2
- package/dist/card.css-mistica.js +17 -17
- package/dist/card.d.ts +2 -0
- package/dist/card.js +220 -208
- package/dist/carousel.css-mistica.js +21 -21
- package/dist/checkbox.css-mistica.js +9 -9
- package/dist/chip.css-mistica.js +10 -10
- package/dist/circle.css-mistica.js +2 -2
- package/dist/community/advanced-data-card.css-mistica.js +15 -15
- package/dist/community/blocks.css-mistica.js +3 -3
- package/dist/counter.css-mistica.js +6 -6
- package/dist/credit-card-number-field.css-mistica.js +4 -4
- package/dist/dialog.css-mistica.js +7 -7
- package/dist/dialog.js +31 -33
- package/dist/double-field.css-mistica.js +4 -4
- package/dist/empty-state-card.css-mistica.js +3 -3
- package/dist/empty-state.css-mistica.js +4 -4
- package/dist/feedback.css-mistica.js +7 -7
- package/dist/feedback.js +42 -43
- package/dist/fixed-footer-layout.css-mistica.js +2 -2
- package/dist/form-context.js +49 -40
- package/dist/form.js +10 -10
- package/dist/header.css-mistica.js +3 -3
- package/dist/header.js +83 -85
- package/dist/hero.css-mistica.js +5 -5
- package/dist/highlighted-card.css-mistica.js +7 -7
- package/dist/horizontal-scroll.css-mistica.js +3 -3
- package/dist/icon-button.css-mistica.js +12 -12
- package/dist/image.css-mistica.js +3 -3
- package/dist/index.d.ts +1 -1
- package/dist/index.js +3 -0
- package/dist/list.css-mistica.js +12 -12
- package/dist/list.d.ts +4 -0
- package/dist/list.js +52 -46
- package/dist/loading-bar.css-mistica.js +3 -3
- package/dist/loading-screen.css-mistica.js +7 -7
- package/dist/loading-screen.js +43 -42
- package/dist/maybe-dismissable.css-mistica.js +1 -1
- package/dist/menu.css-mistica.js +3 -3
- package/dist/navigation-bar.css-mistica.js +17 -17
- package/dist/navigation-breadcrumbs.css-mistica.js +3 -3
- package/dist/overscroll-color-context.d.ts +8 -0
- package/dist/overscroll-color-context.js +104 -34
- package/dist/package-version.js +1 -1
- package/dist/pin-field.css-mistica.js +10 -10
- package/dist/progress-bar.css-mistica.js +2 -2
- package/dist/radio-button.css-mistica.js +7 -7
- package/dist/responsive-layout.css-mistica.js +5 -5
- package/dist/screen-reader-only.css-mistica.js +1 -1
- package/dist/select.css-mistica.js +11 -11
- package/dist/sheet.css-mistica.js +12 -12
- package/dist/sheet.js +6 -8
- package/dist/skeletons.css-mistica.js +3 -3
- package/dist/skins/blau.js +31 -5
- package/dist/skins/movistar-legacy.js +32 -6
- package/dist/skins/movistar.js +31 -5
- package/dist/skins/o2-classic.js +30 -4
- package/dist/skins/o2.js +31 -5
- package/dist/skins/skin-contract.css-mistica.js +243 -217
- package/dist/skins/skin-contract.css.d.ts +38 -12
- package/dist/skins/telefonica.js +33 -7
- package/dist/skins/tu.d.ts +0 -4
- package/dist/skins/tu.js +39 -13
- package/dist/skins/types/colors.d.ts +19 -6
- package/dist/skins/vivo-new.js +31 -5
- package/dist/skins/vivo.js +31 -5
- package/dist/slider.css-mistica.js +5 -5
- package/dist/snackbar.css-mistica.js +13 -13
- package/dist/spinner.css-mistica.js +5 -5
- package/dist/sprinkles.css-mistica.js +867 -789
- package/dist/stacking-group.css-mistica.js +2 -2
- package/dist/stepper.css-mistica.js +8 -8
- package/dist/switch-component.css-mistica.js +20 -20
- package/dist/tabs.css-mistica.js +17 -17
- package/dist/tag.css-mistica.js +1 -1
- package/dist/text-field-base.css-mistica.js +17 -17
- package/dist/text-field-components.css-mistica.js +10 -10
- package/dist/text-link.css-mistica.js +3 -3
- package/dist/tooltip.css-mistica.js +4 -4
- package/dist/touchable.css-mistica.js +5 -5
- package/dist/utils/aspect-ratio-support.css-mistica.js +5 -5
- package/dist/utils/dom.d.ts +1 -0
- package/dist/utils/dom.js +3 -0
- package/dist/video.css-mistica.js +2 -2
- package/dist-es/accordion.css-mistica.js +3 -3
- package/dist-es/avatar.css-mistica.js +2 -2
- package/dist-es/badge.css-mistica.js +2 -2
- package/dist-es/boxed.css-mistica.js +2 -2
- package/dist-es/button-fixed-footer-layout.js +18 -20
- package/dist-es/button-group.css-mistica.js +2 -2
- package/dist-es/button-layout.css-mistica.js +7 -7
- package/dist-es/button-layout.js +49 -34
- package/dist-es/button.css-mistica.js +17 -17
- package/dist-es/callout.css-mistica.js +2 -2
- package/dist-es/card.css-mistica.js +2 -2
- package/dist-es/card.js +354 -342
- 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 +7 -7
- package/dist-es/circle.css-mistica.js +2 -2
- package/dist-es/community/advanced-data-card.css-mistica.js +3 -3
- package/dist-es/community/blocks.css-mistica.js +2 -2
- package/dist-es/counter.css-mistica.js +2 -2
- package/dist-es/credit-card-number-field.css-mistica.js +4 -4
- package/dist-es/dialog.css-mistica.js +5 -5
- package/dist-es/dialog.js +39 -41
- package/dist-es/double-field.css-mistica.js +4 -4
- package/dist-es/empty-state-card.css-mistica.js +2 -2
- package/dist-es/empty-state.css-mistica.js +3 -3
- package/dist-es/feedback.css-mistica.js +2 -2
- package/dist-es/feedback.js +51 -52
- package/dist-es/fixed-footer-layout.css-mistica.js +2 -2
- package/dist-es/form-context.js +54 -45
- package/dist-es/form.js +13 -13
- package/dist-es/header.css-mistica.js +2 -2
- package/dist-es/header.js +106 -108
- package/dist-es/hero.css-mistica.js +2 -2
- 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 +9 -9
- package/dist-es/image.css-mistica.js +2 -2
- package/dist-es/index.js +1809 -1809
- package/dist-es/list.css-mistica.js +2 -2
- package/dist-es/list.js +83 -77
- package/dist-es/loading-bar.css-mistica.js +2 -2
- package/dist-es/loading-screen.css-mistica.js +3 -3
- package/dist-es/loading-screen.js +57 -56
- package/dist-es/maybe-dismissable.css-mistica.js +1 -1
- package/dist-es/menu.css-mistica.js +2 -2
- package/dist-es/navigation-bar.css-mistica.js +9 -9
- package/dist-es/navigation-breadcrumbs.css-mistica.js +2 -2
- package/dist-es/overscroll-color-context.js +68 -42
- package/dist-es/package-version.js +1 -1
- package/dist-es/pin-field.css-mistica.js +2 -2
- package/dist-es/progress-bar.css-mistica.js +2 -2
- package/dist-es/radio-button.css-mistica.js +5 -5
- package/dist-es/responsive-layout.css-mistica.js +4 -4
- package/dist-es/screen-reader-only.css-mistica.js +1 -1
- package/dist-es/select.css-mistica.js +9 -9
- package/dist-es/sheet.css-mistica.js +2 -2
- package/dist-es/sheet.js +9 -11
- package/dist-es/skeletons.css-mistica.js +2 -2
- package/dist-es/skins/blau.js +31 -5
- package/dist-es/skins/movistar-legacy.js +34 -8
- package/dist-es/skins/movistar.js +33 -7
- package/dist-es/skins/o2-classic.js +30 -4
- package/dist-es/skins/o2.js +31 -5
- package/dist-es/skins/skin-contract.css-mistica.js +243 -217
- package/dist-es/skins/telefonica.js +35 -9
- package/dist-es/skins/tu.js +39 -13
- package/dist-es/skins/vivo-new.js +31 -5
- package/dist-es/skins/vivo.js +31 -5
- package/dist-es/slider.css-mistica.js +2 -2
- package/dist-es/snackbar.css-mistica.js +5 -5
- package/dist-es/spinner.css-mistica.js +2 -2
- package/dist-es/sprinkles.css-mistica.js +867 -789
- package/dist-es/stacking-group.css-mistica.js +2 -2
- package/dist-es/stepper.css-mistica.js +2 -2
- package/dist-es/style.css +1 -1
- package/dist-es/switch-component.css-mistica.js +18 -18
- package/dist-es/tabs.css-mistica.js +9 -9
- 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 +2 -2
- package/dist-es/text-link.css-mistica.js +3 -3
- 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/utils/dom.js +1 -1
- package/dist-es/video.css-mistica.js +2 -2
- package/package.json +1 -1
|
@@ -16,10 +16,10 @@ _export(exports, {
|
|
|
16
16
|
return _;
|
|
17
17
|
},
|
|
18
18
|
burgerMenuButton: function() {
|
|
19
|
-
return
|
|
19
|
+
return r;
|
|
20
20
|
},
|
|
21
21
|
burgerMenuTransition: function() {
|
|
22
|
-
return
|
|
22
|
+
return e;
|
|
23
23
|
},
|
|
24
24
|
desktopOnly: function() {
|
|
25
25
|
return d;
|
|
@@ -31,10 +31,10 @@ _export(exports, {
|
|
|
31
31
|
return c;
|
|
32
32
|
},
|
|
33
33
|
iconMenuHidden: function() {
|
|
34
|
-
return
|
|
34
|
+
return f;
|
|
35
35
|
},
|
|
36
36
|
iconMenuOpen: function() {
|
|
37
|
-
return
|
|
37
|
+
return i;
|
|
38
38
|
},
|
|
39
39
|
lineHeightFix: function() {
|
|
40
40
|
return z;
|
|
@@ -46,7 +46,7 @@ _export(exports, {
|
|
|
46
46
|
return o;
|
|
47
47
|
},
|
|
48
48
|
navbarBorderColorVariants: function() {
|
|
49
|
-
return
|
|
49
|
+
return h;
|
|
50
50
|
},
|
|
51
51
|
navigationBarContent: function() {
|
|
52
52
|
return u;
|
|
@@ -55,40 +55,40 @@ _export(exports, {
|
|
|
55
55
|
return s;
|
|
56
56
|
},
|
|
57
57
|
section: function() {
|
|
58
|
-
return
|
|
58
|
+
return g;
|
|
59
59
|
},
|
|
60
60
|
selectedSectionVariantes: function() {
|
|
61
61
|
return l;
|
|
62
62
|
},
|
|
63
63
|
spacer: function() {
|
|
64
|
-
return
|
|
64
|
+
return p;
|
|
65
65
|
},
|
|
66
66
|
spacerLarge: function() {
|
|
67
67
|
return b;
|
|
68
68
|
},
|
|
69
69
|
textWrapperVariants: function() {
|
|
70
|
-
return
|
|
70
|
+
return C;
|
|
71
71
|
},
|
|
72
72
|
topFixed: function() {
|
|
73
|
-
return
|
|
73
|
+
return k;
|
|
74
74
|
}
|
|
75
75
|
});
|
|
76
76
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
77
77
|
require("./navigation-bar.css.ts.vanilla.css-mistica.js");
|
|
78
|
-
var y = "_1vcy5dz1
|
|
78
|
+
var y = "_1vcy5dz1 _1y2v1nfh2 _1y2v1nfi4 _1y2v1nfik", _ = "_1vcy5dz12 _1y2v1nfh4 _1y2v1nfkq _1y2v1nfku _1y2v1nfl9 _1y2v1nf3j", r = "_1vcy5dz10", e = {
|
|
79
79
|
entering: "_1vcy5dzs",
|
|
80
80
|
entered: "_1vcy5dzt",
|
|
81
81
|
exiting: "_1vcy5dzu",
|
|
82
82
|
exited: "_1vcy5dzv",
|
|
83
83
|
unmounted: "_1vcy5dzw"
|
|
84
|
-
}, d = "_1vcy5dzm", a = "_1vcy5dz5 _1vcy5dz3
|
|
85
|
-
default: "_1vcy5dzc _1vcy5dzb
|
|
86
|
-
noBorder: "_1vcy5dzd _1vcy5dzb
|
|
87
|
-
menuOpen: "_1vcy5dze _1vcy5dzb
|
|
88
|
-
}, u = "_1vcy5dzl", s = "_1vcy5dzn",
|
|
84
|
+
}, d = "_1vcy5dzm", a = "_1vcy5dz5 _1vcy5dz3 _1y2v1nfh3", c = "_1vcy5dz4 _1vcy5dz3 _1y2v1nfh3", f = "_1vcy5dz7 _1vcy5dz3 _1y2v1nfh3", i = "_1vcy5dz6 _1vcy5dz3 _1y2v1nfh3", z = "_1vcy5dz17", t = "_1vcy5dzz _1y2v1nfh8 _1y2v1nfhh", o = "_1vcy5dzx", h = {
|
|
85
|
+
default: "_1vcy5dzc _1vcy5dzb _1y2v1nfh8 _1y2v1nfhn _1y2v1nfhv",
|
|
86
|
+
noBorder: "_1vcy5dzd _1vcy5dzb _1y2v1nfh8 _1y2v1nfhn _1y2v1nfhv",
|
|
87
|
+
menuOpen: "_1vcy5dze _1vcy5dzb _1y2v1nfh8 _1y2v1nfhn _1y2v1nfhv"
|
|
88
|
+
}, u = "_1vcy5dzl", s = "_1vcy5dzn", g = "_1vcy5dzg _1y2v1nf9s _1y2v1nfb1 _1y2v1nfir _1y2v1nfh8 _1y2v1nfhn _1y2v1nfjq _1y2v1nf70", l = {
|
|
89
89
|
default: "_1vcy5dzh",
|
|
90
90
|
inverse: "_1vcy5dzi"
|
|
91
|
-
},
|
|
91
|
+
}, p = "_1y2v1nfir _1vcy5dzo", b = "_1vcy5dzr _1vcy5dzo", C = {
|
|
92
92
|
default: "_1vcy5dzj",
|
|
93
93
|
inverse: "_1vcy5dzk"
|
|
94
|
-
},
|
|
94
|
+
}, k = "_1vcy5dz9 _1y2v1nfh4 _1y2v1nfkf _1y2v1nfku _1y2v1nfl9";
|
|
@@ -10,10 +10,10 @@ function _export(target, all) {
|
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
12
|
current: function() {
|
|
13
|
-
return
|
|
13
|
+
return r;
|
|
14
14
|
},
|
|
15
15
|
link: function() {
|
|
16
|
-
return
|
|
16
|
+
return v;
|
|
17
17
|
},
|
|
18
18
|
list: function() {
|
|
19
19
|
return f;
|
|
@@ -24,4 +24,4 @@ _export(exports, {
|
|
|
24
24
|
});
|
|
25
25
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
26
26
|
require("./navigation-breadcrumbs.css.ts.vanilla.css-mistica.js");
|
|
27
|
-
var
|
|
27
|
+
var r = "_1fniauj3", v = "_1fniauj2", f = "_1fniauj5 _1y2v1nf71 _1y2v1nf8a _1y2v1nf9j _1y2v1nfas", i = "_1y2v1nfhb";
|
|
@@ -1,7 +1,15 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
type OverscrollColorConfig = {
|
|
3
|
+
topColor?: string;
|
|
4
|
+
bottomColor?: string;
|
|
5
|
+
};
|
|
2
6
|
type ProviderProps = {
|
|
3
7
|
children: React.ReactNode;
|
|
4
8
|
};
|
|
5
9
|
export declare const OverscrollColorProvider: ({ children }: ProviderProps) => JSX.Element;
|
|
10
|
+
/**
|
|
11
|
+
* @deprecated use useSetOverscrollColor hook instead
|
|
12
|
+
*/
|
|
6
13
|
declare const OverscrollColor: () => JSX.Element;
|
|
14
|
+
export declare const useSetOverscrollColor: (config: OverscrollColorConfig) => void;
|
|
7
15
|
export default OverscrollColor;
|
|
@@ -11,46 +11,112 @@ function _export(target, all) {
|
|
|
11
11
|
}
|
|
12
12
|
_export(exports, {
|
|
13
13
|
OverscrollColorProvider: function() {
|
|
14
|
-
return
|
|
14
|
+
return j;
|
|
15
15
|
},
|
|
16
16
|
default: function() {
|
|
17
|
-
return
|
|
17
|
+
return I;
|
|
18
|
+
},
|
|
19
|
+
useSetOverscrollColor: function() {
|
|
20
|
+
return F;
|
|
18
21
|
}
|
|
19
22
|
});
|
|
20
23
|
const _jsxruntime = require("react/jsx-runtime");
|
|
24
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
|
21
25
|
const _themevariantcontext = require("./theme-variant-context.js");
|
|
22
26
|
const _hooks = require("./hooks.js");
|
|
23
27
|
const _nestablecontext = require("./nestable-context.js");
|
|
24
28
|
const _platform = require("./utils/platform.js");
|
|
25
29
|
const _skincontractcssmistica = require("./skins/skin-contract.css-mistica.js");
|
|
26
|
-
const
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
30
|
+
const _dom = require("./utils/dom.js");
|
|
31
|
+
function _getRequireWildcardCache(nodeInterop) {
|
|
32
|
+
if (typeof WeakMap !== "function") return null;
|
|
33
|
+
var cacheBabelInterop = new WeakMap();
|
|
34
|
+
var cacheNodeInterop = new WeakMap();
|
|
35
|
+
return (_getRequireWildcardCache = function(nodeInterop) {
|
|
36
|
+
return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
|
|
37
|
+
})(nodeInterop);
|
|
38
|
+
}
|
|
39
|
+
function _interop_require_wildcard(obj, nodeInterop) {
|
|
40
|
+
if (!nodeInterop && obj && obj.__esModule) {
|
|
41
|
+
return obj;
|
|
42
|
+
}
|
|
43
|
+
if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
|
|
44
|
+
return {
|
|
45
|
+
default: obj
|
|
46
|
+
};
|
|
47
|
+
}
|
|
48
|
+
var cache = _getRequireWildcardCache(nodeInterop);
|
|
49
|
+
if (cache && cache.has(obj)) {
|
|
50
|
+
return cache.get(obj);
|
|
51
|
+
}
|
|
52
|
+
var newObj = {
|
|
53
|
+
__proto__: null
|
|
54
|
+
};
|
|
55
|
+
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
56
|
+
for(var key in obj){
|
|
57
|
+
if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
|
|
58
|
+
var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
|
|
59
|
+
if (desc && (desc.get || desc.set)) {
|
|
60
|
+
Object.defineProperty(newObj, key, desc);
|
|
61
|
+
} else {
|
|
62
|
+
newObj[key] = obj[key];
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
newObj.default = obj;
|
|
67
|
+
if (cache) {
|
|
68
|
+
cache.set(obj, newObj);
|
|
69
|
+
}
|
|
70
|
+
return newObj;
|
|
71
|
+
}
|
|
72
|
+
const { Provider: b, useSetValue: m, useValue: u } = (0, _nestablecontext.createNestableContext)({}), i = (o)=>(0, _platform.getPlatform)(o) === "ios", O = ()=>{
|
|
73
|
+
const { topColor: o } = u(), { isDarkMode: r } = (0, _hooks.useTheme)();
|
|
74
|
+
return _react.useEffect(()=>{
|
|
75
|
+
if (!o) return;
|
|
76
|
+
const l = document.head.querySelectorAll("meta[name=theme-color]");
|
|
77
|
+
l.forEach((n)=>{
|
|
78
|
+
n.remove();
|
|
79
|
+
});
|
|
80
|
+
const e = document.createElement("meta");
|
|
81
|
+
return e.name = "theme-color", e.media = r ? "(prefers-color-scheme: dark)" : "(prefers-color-scheme: light)", e.content = (0, _dom.isCssVar)(o) ? (0, _dom.getCssVarValue)(o) : o, document.head.appendChild(e), ()=>{
|
|
82
|
+
e.remove(), l.forEach((n)=>{
|
|
83
|
+
document.head.appendChild(n);
|
|
84
|
+
});
|
|
85
|
+
};
|
|
86
|
+
}, [
|
|
87
|
+
r,
|
|
88
|
+
o
|
|
89
|
+
]), null;
|
|
90
|
+
}, k = ()=>{
|
|
91
|
+
const { topColor: o, bottomColor: r } = u();
|
|
92
|
+
if (!r && !o) return null;
|
|
93
|
+
const l = getComputedStyle(document.body).backgroundColor, e = r !== null && r !== void 0 ? r : l;
|
|
94
|
+
return e === o ? null : /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
95
|
+
style: {
|
|
96
|
+
position: "fixed",
|
|
97
|
+
zIndex: -1,
|
|
98
|
+
background: e,
|
|
99
|
+
width: "100%",
|
|
100
|
+
height: 300,
|
|
101
|
+
left: 0,
|
|
102
|
+
right: 0,
|
|
103
|
+
bottom: 0
|
|
104
|
+
}
|
|
105
|
+
});
|
|
106
|
+
}, j = (param)=>{
|
|
107
|
+
let { children: o } = param;
|
|
108
|
+
const { platformOverrides: r } = (0, _hooks.useTheme)();
|
|
109
|
+
return i(r) ? /* @__PURE__ */ (0, _jsxruntime.jsxs)(b, {
|
|
110
|
+
children: [
|
|
111
|
+
/* @__PURE__ */ (0, _jsxruntime.jsx)(O, {}),
|
|
112
|
+
o,
|
|
113
|
+
/* @__PURE__ */ (0, _jsxruntime.jsx)(k, {})
|
|
114
|
+
]
|
|
49
115
|
}) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
|
|
50
|
-
children:
|
|
116
|
+
children: o
|
|
51
117
|
});
|
|
52
|
-
},
|
|
53
|
-
switch(
|
|
118
|
+
}, x = (o)=>{
|
|
119
|
+
switch(o){
|
|
54
120
|
case "default":
|
|
55
121
|
return _skincontractcssmistica.vars.colors.background;
|
|
56
122
|
case "alternative":
|
|
@@ -58,10 +124,14 @@ const { Provider: p, Getter: g, useSetValue: b } = (0, _nestablecontext.createNe
|
|
|
58
124
|
case "inverse":
|
|
59
125
|
return _skincontractcssmistica.vars.colors.backgroundBrand;
|
|
60
126
|
default:
|
|
61
|
-
const
|
|
62
|
-
throw new Error(`Invalid variant: ${
|
|
127
|
+
const r = o;
|
|
128
|
+
throw new Error(`Invalid variant: ${r}`);
|
|
63
129
|
}
|
|
64
|
-
},
|
|
65
|
-
const
|
|
66
|
-
return
|
|
67
|
-
|
|
130
|
+
}, V = ()=>{
|
|
131
|
+
const o = (0, _themevariantcontext.useThemeVariant)();
|
|
132
|
+
return m({
|
|
133
|
+
topColor: x(o)
|
|
134
|
+
}), null;
|
|
135
|
+
}, y = ()=>i((0, _hooks.useTheme)().platformOverrides) ? /* @__PURE__ */ (0, _jsxruntime.jsx)(V, {}) : /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {}), F = (o)=>{
|
|
136
|
+
m(o);
|
|
137
|
+
}, I = y;
|
package/dist/package-version.js
CHANGED
|
@@ -10,35 +10,35 @@ function _export(target, all) {
|
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
12
|
disabled: function() {
|
|
13
|
-
return
|
|
13
|
+
return p;
|
|
14
14
|
},
|
|
15
15
|
field: function() {
|
|
16
|
-
return
|
|
16
|
+
return y;
|
|
17
17
|
},
|
|
18
18
|
fieldContainer: function() {
|
|
19
|
-
return
|
|
19
|
+
return f;
|
|
20
20
|
},
|
|
21
21
|
focusedField: function() {
|
|
22
|
-
return
|
|
22
|
+
return o;
|
|
23
23
|
},
|
|
24
24
|
input: function() {
|
|
25
|
-
return
|
|
25
|
+
return a;
|
|
26
26
|
},
|
|
27
27
|
passwordDot: function() {
|
|
28
|
-
return
|
|
28
|
+
return i;
|
|
29
29
|
},
|
|
30
30
|
passwordInput: function() {
|
|
31
|
-
return
|
|
31
|
+
return e;
|
|
32
32
|
},
|
|
33
33
|
pinInputLineHeight: function() {
|
|
34
|
-
return
|
|
34
|
+
return t;
|
|
35
35
|
},
|
|
36
36
|
readOnlyField: function() {
|
|
37
|
-
return
|
|
37
|
+
return c;
|
|
38
38
|
}
|
|
39
39
|
});
|
|
40
40
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
41
41
|
require("./icon-button.css.ts.vanilla.css-mistica.js");
|
|
42
42
|
require("./text-field-base.css.ts.vanilla.css-mistica.js");
|
|
43
43
|
require("./pin-field.css.ts.vanilla.css-mistica.js");
|
|
44
|
-
var
|
|
44
|
+
var p = "_3pc6ro1", y = "_3pc6ro3 _1y2v1nfk9 _1y2v1nfjp _1y2v1nfh8 _1y2v1nfjy _1y2v1nfh2 _1y2v1nf3k", f = "_3pc6ro0", o = "_3pc6ro4 _3pc6ro3 _1y2v1nfk9 _1y2v1nfjp _1y2v1nfh8 _1y2v1nfjy _1y2v1nfh2 _1y2v1nf3k", a = "_3pc6ro6", i = "_3pc6ro9", e = "_1y2v1nf3g", t = "1.000rem", c = "_3pc6ro5 _3pc6ro3 _1y2v1nfk9 _1y2v1nfjp _1y2v1nfh8 _1y2v1nfjy _1y2v1nfh2 _1y2v1nf3k";
|
|
@@ -22,9 +22,9 @@ _export(exports, {
|
|
|
22
22
|
return e;
|
|
23
23
|
},
|
|
24
24
|
progressBarSteppedContainer: function() {
|
|
25
|
-
return
|
|
25
|
+
return o;
|
|
26
26
|
}
|
|
27
27
|
});
|
|
28
28
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
29
29
|
require("./progress-bar.css.ts.vanilla.css-mistica.js");
|
|
30
|
-
var v = "
|
|
30
|
+
var v = "_1y2v1nfic _1y2v1nfk5", n = "_1y2v1nfk5 _1y2v1nfif _1y2v1nf4w", y = "j0y7r95", e = "j0y7r94", o = "j0y7r96";
|
|
@@ -19,24 +19,24 @@ _export(exports, {
|
|
|
19
19
|
return c;
|
|
20
20
|
},
|
|
21
21
|
outerCircleCheckedVariants: function() {
|
|
22
|
-
return
|
|
22
|
+
return s;
|
|
23
23
|
},
|
|
24
24
|
outerCircleVariants: function() {
|
|
25
25
|
return a;
|
|
26
26
|
},
|
|
27
27
|
radioButton: function() {
|
|
28
|
-
return
|
|
28
|
+
return f;
|
|
29
29
|
},
|
|
30
30
|
radioButtonContainerDisabled: function() {
|
|
31
|
-
return
|
|
31
|
+
return u;
|
|
32
32
|
}
|
|
33
33
|
});
|
|
34
34
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
35
35
|
require("./radio-button.css.ts.vanilla.css-mistica.js");
|
|
36
|
-
var v = "c6dmsud", d = "c6dmsu5
|
|
36
|
+
var v = "c6dmsud", d = "c6dmsu5 _1y2v1nfh8 _1y2v1nfjr", c = "c6dmsu7 _1y2v1nf4s", s = {
|
|
37
37
|
default: "c6dmsub",
|
|
38
38
|
ios: "c6dmsuc"
|
|
39
39
|
}, a = {
|
|
40
|
-
default: "c6dmsu2 c6dmsu1
|
|
41
|
-
ios: "c6dmsu3 c6dmsu1
|
|
42
|
-
},
|
|
40
|
+
default: "c6dmsu2 c6dmsu1 _1y2v1nfh9 _1y2v1nfhn _1y2v1nfhh _1y2v1nfk8 _1y2v1nfhq _1y2v1nfjr _1y2v1nf3j",
|
|
41
|
+
ios: "c6dmsu3 c6dmsu1 _1y2v1nfh9 _1y2v1nfhn _1y2v1nfhh _1y2v1nfk8 _1y2v1nfhq _1y2v1nfjr _1y2v1nf3j"
|
|
42
|
+
}, f = "c6dmsu9 c6dmsu8", u = "c6dmsua c6dmsu8";
|
|
@@ -19,10 +19,10 @@ _export(exports, {
|
|
|
19
19
|
return r;
|
|
20
20
|
},
|
|
21
21
|
fullWidth: function() {
|
|
22
|
-
return
|
|
22
|
+
return v;
|
|
23
23
|
},
|
|
24
24
|
fullwidthContainer: function() {
|
|
25
|
-
return
|
|
25
|
+
return t;
|
|
26
26
|
},
|
|
27
27
|
responsiveLayout: function() {
|
|
28
28
|
return i;
|
|
@@ -34,6 +34,6 @@ _export(exports, {
|
|
|
34
34
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
35
35
|
require("./responsive-layout.css.ts.vanilla.css-mistica.js");
|
|
36
36
|
var e = {
|
|
37
|
-
inverse: "
|
|
38
|
-
alternative: "
|
|
39
|
-
}, n = "_17lofg74", r = "_17lofg73",
|
|
37
|
+
inverse: "_1y2v1nf3s",
|
|
38
|
+
alternative: "_1y2v1nf3x"
|
|
39
|
+
}, n = "_17lofg74", r = "_17lofg73", v = "_17lofg7a _1y2v1nfhv", t = "_17lofg75", i = "_17lofg78", f = "_17lofg72 _1y2v1nfhv";
|
|
@@ -10,4 +10,4 @@ Object.defineProperty(exports, "screenReaderOnly", {
|
|
|
10
10
|
});
|
|
11
11
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
12
12
|
require("./screen-reader-only.css.ts.vanilla.css-mistica.js");
|
|
13
|
-
var y = "gwdgwo1
|
|
13
|
+
var y = "gwdgwo1 _1y2v1nf71 _1y2v1nf8a _1y2v1nf9j _1y2v1nfas _1y2v1nfh3 _1y2v1nfk9 _1y2v1nfjq";
|
|
@@ -10,7 +10,7 @@ function _export(target, all) {
|
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
12
|
arrowDown: function() {
|
|
13
|
-
return
|
|
13
|
+
return i;
|
|
14
14
|
},
|
|
15
15
|
iconContainer: function() {
|
|
16
16
|
return y;
|
|
@@ -25,10 +25,10 @@ _export(exports, {
|
|
|
25
25
|
return r;
|
|
26
26
|
},
|
|
27
27
|
optionsContainer: function() {
|
|
28
|
-
return
|
|
28
|
+
return p;
|
|
29
29
|
},
|
|
30
30
|
selectContainerVariants: function() {
|
|
31
|
-
return
|
|
31
|
+
return t;
|
|
32
32
|
},
|
|
33
33
|
selectTextVariants: function() {
|
|
34
34
|
return e;
|
|
@@ -44,18 +44,18 @@ require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
|
44
44
|
require("./icon-button.css.ts.vanilla.css-mistica.js");
|
|
45
45
|
require("./text-field-base.css.ts.vanilla.css-mistica.js");
|
|
46
46
|
require("./select.css.ts.vanilla.css-mistica.js");
|
|
47
|
-
var
|
|
47
|
+
var i = "_1sqpivvo _1y2v1nfh3", y = "_1sqpivvp", a = "_1sqpivvr _1y2v1nf9y _1y2v1nfb7 _1y2v1nf7a _1y2v1nf8j _1y2v1nf23 _1y2v1nfh8 _1y2v1nfhn _1y2v1nfk8", s = "_1y2v1nf3x", r = {
|
|
48
48
|
show: "_1sqpivv7",
|
|
49
49
|
hide: "_1sqpivv8"
|
|
50
|
-
},
|
|
51
|
-
default: "_1sqpivvd _1sqpivvc
|
|
52
|
-
fullWidth: "_1sqpivve _1sqpivvc
|
|
50
|
+
}, p = "_1sqpivv6 _1y2v1nf71 _1y2v1nf8a _1y2v1nf9j _1y2v1nfas _1y2v1nfh4 _1y2v1nfjy _1y2v1nf3k", t = {
|
|
51
|
+
default: "_1sqpivvd _1sqpivvc _1y2v1nfh2 _1y2v1nfk8",
|
|
52
|
+
fullWidth: "_1sqpivve _1sqpivvc _1y2v1nfh2 _1y2v1nfk8"
|
|
53
53
|
}, e = {
|
|
54
|
-
default: "_1sqpivvl _1sqpivvk
|
|
55
|
-
disabled: "_1sqpivvm _1sqpivvk
|
|
54
|
+
default: "_1sqpivvl _1sqpivvk _1y2v1nfh3 _1y2v1nfk9 _1y2v1nfjn _1y2v1nf23",
|
|
55
|
+
disabled: "_1sqpivvm _1sqpivvk _1y2v1nfh3 _1y2v1nfk9 _1y2v1nfjn _1y2v1nf23"
|
|
56
56
|
}, q = {
|
|
57
|
-
default: "_1sqpivvh _1sqpivvg
|
|
58
|
-
disabled: "_1sqpivvi _1sqpivvg
|
|
57
|
+
default: "_1sqpivvh _1sqpivvg _1y2v1nf71 _1y2v1nf8a _1y2v1nfjq _1y2v1nfk9 _1y2v1nf23 _1y2v1nf70 _1y2v1nfhv",
|
|
58
|
+
disabled: "_1sqpivvi _1sqpivvg _1y2v1nf71 _1y2v1nf8a _1y2v1nfjq _1y2v1nfk9 _1y2v1nf23 _1y2v1nf70 _1y2v1nfhv"
|
|
59
59
|
}, o = {
|
|
60
60
|
top: "var(--_1sqpivv0)",
|
|
61
61
|
left: "var(--_1sqpivv1)",
|
|
@@ -19,45 +19,45 @@ _export(exports, {
|
|
|
19
19
|
return _;
|
|
20
20
|
},
|
|
21
21
|
bodyContent: function() {
|
|
22
|
-
return
|
|
22
|
+
return l;
|
|
23
23
|
},
|
|
24
24
|
children: function() {
|
|
25
|
-
return
|
|
25
|
+
return a;
|
|
26
26
|
},
|
|
27
27
|
closingOverlay: function() {
|
|
28
|
-
return
|
|
28
|
+
return h;
|
|
29
29
|
},
|
|
30
30
|
closingSheet: function() {
|
|
31
|
-
return
|
|
31
|
+
return r;
|
|
32
32
|
},
|
|
33
33
|
handle: function() {
|
|
34
|
-
return
|
|
34
|
+
return e;
|
|
35
35
|
},
|
|
36
36
|
handleContainer: function() {
|
|
37
|
-
return
|
|
37
|
+
return t;
|
|
38
38
|
},
|
|
39
39
|
infoItemIcon: function() {
|
|
40
|
-
return
|
|
40
|
+
return o;
|
|
41
41
|
},
|
|
42
42
|
modalCloseButton: function() {
|
|
43
|
-
return
|
|
43
|
+
return i;
|
|
44
44
|
},
|
|
45
45
|
overlay: function() {
|
|
46
46
|
return c;
|
|
47
47
|
},
|
|
48
48
|
sheetActionRow: function() {
|
|
49
|
-
return
|
|
49
|
+
return k;
|
|
50
50
|
},
|
|
51
51
|
stickyButtons: function() {
|
|
52
52
|
return z;
|
|
53
53
|
},
|
|
54
54
|
stickyTitle: function() {
|
|
55
|
-
return
|
|
55
|
+
return s;
|
|
56
56
|
},
|
|
57
57
|
transitionDuration: function() {
|
|
58
|
-
return
|
|
58
|
+
return u;
|
|
59
59
|
}
|
|
60
60
|
});
|
|
61
61
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
62
62
|
require("./sheet.css.ts.vanilla.css-mistica.js");
|
|
63
|
-
var y = "cylz3v6
|
|
63
|
+
var y = "cylz3v6 _1y2v1nf3j", f = "cylz3v4 _1y2v1nfh4 _1y2v1nfku _1y2v1nfl9 _1y2v1nflo", _ = "cylz3v9 _1y2v1nf7p _1y2v1nfh8 _1y2v1nfhe", l = "cylz3vo", a = "_1y2v1nfke _1y2v1nfhu _1y2v1nfh8 _1y2v1nfhe", h = "cylz3vl", r = "cylz3v7", e = "_1y2v1nf4r _1y2v1nfi4 _1y2v1nfif _1y2v1nfjs", t = "cylz3vc _1y2v1nf7a _1y2v1nf8j _1y2v1nfh3 _1y2v1nfkf _1y2v1nfip _1y2v1nfhv _1y2v1nfh8 _1y2v1nfhh", o = "_1y2v1nfh8 _1y2v1nfhn _1y2v1nfik", i = "cylz3vf _1y2v1nf7m _1y2v1nf8v _1y2v1nfa4 _1y2v1nfbd _1y2v1nfh3 _1y2v1nfkf _1y2v1nfl9", c = "cylz3vk _1y2v1nfh4 _1y2v1nf3u _1y2v1nfkf _1y2v1nfku _1y2v1nfl9 _1y2v1nflo", k = "cylz3vq _1y2v1nf7g _1y2v1nf8p _1y2v1nf9y _1y2v1nfb7 _1y2v1nfh8 _1y2v1nfjl _1y2v1nfhn", z = "_1y2v1nfh6 _1y2v1nflo _1y2v1nf3j", s = "_1y2v1nfh6 _1y2v1nfkf _1y2v1nf3j", u = 400;
|
package/dist/sheet.js
CHANGED
|
@@ -429,13 +429,11 @@ const P = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, De = (param)=>
|
|
|
429
429
|
desktop: 40
|
|
430
430
|
},
|
|
431
431
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_responsivelayout.InternalResponsiveLayout, {
|
|
432
|
-
children: /* @__PURE__ */ (0, _jsxruntime.
|
|
432
|
+
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_buttonlayout.default, {
|
|
433
433
|
align: "full-width",
|
|
434
434
|
link: o,
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
t
|
|
438
|
-
]
|
|
435
|
+
primaryButton: g,
|
|
436
|
+
secondaryButton: t
|
|
439
437
|
})
|
|
440
438
|
})
|
|
441
439
|
})
|
|
@@ -456,13 +454,13 @@ const P = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, De = (param)=>
|
|
|
456
454
|
"component-name": "RadioListSheet"
|
|
457
455
|
}, m),
|
|
458
456
|
children: (param)=>/* @__PURE__ */ {
|
|
459
|
-
let { closeModal: y, modalTitleId:
|
|
457
|
+
let { closeModal: y, modalTitleId: B } = param;
|
|
460
458
|
var _ref;
|
|
461
459
|
return (0, _jsxruntime.jsx)(k, {
|
|
462
460
|
title: n,
|
|
463
461
|
subtitle: s,
|
|
464
462
|
description: l,
|
|
465
|
-
modalTitleId:
|
|
463
|
+
modalTitleId: B,
|
|
466
464
|
button: a ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonPrimary, {
|
|
467
465
|
onPress: ()=>{
|
|
468
466
|
d.current && (o == null || o(c !== null && c !== void 0 ? c : "")), y();
|
|
@@ -471,7 +469,7 @@ const P = (n)=>"touches" in n ? n.touches[0].clientY : n.clientY, De = (param)=>
|
|
|
471
469
|
}) : void 0,
|
|
472
470
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_negativebox.default, {
|
|
473
471
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_radiobutton.RadioGroup, {
|
|
474
|
-
"aria-labelledby":
|
|
472
|
+
"aria-labelledby": B,
|
|
475
473
|
name: "sheetselection",
|
|
476
474
|
value: c,
|
|
477
475
|
onChange: (R)=>{
|
|
@@ -16,12 +16,12 @@ _export(exports, {
|
|
|
16
16
|
return o;
|
|
17
17
|
},
|
|
18
18
|
line: function() {
|
|
19
|
-
return
|
|
19
|
+
return h;
|
|
20
20
|
},
|
|
21
21
|
row: function() {
|
|
22
|
-
return
|
|
22
|
+
return a;
|
|
23
23
|
}
|
|
24
24
|
});
|
|
25
25
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
26
26
|
require("./skeletons.css.ts.vanilla.css-mistica.js");
|
|
27
|
-
var r = "zopolw2
|
|
27
|
+
var r = "zopolw2 _1y2v1nfha", o = "_1y2v1nfhq _1y2v1nfhs", h = "zopolw6 _1y2v1nfhr", a = "_1y2v1nfh8 _1y2v1nfhn _1y2v1nfhh";
|