@telefonica/mistica 16.69.0 → 16.71.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 +6 -6
- package/dist/align.css-mistica.js +1 -1
- package/dist/autocomplete.css-mistica.js +1 -1
- package/dist/avatar.css-mistica.js +1 -1
- 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 +1 -1
- package/dist/button-layout.css-mistica.js +14 -14
- package/dist/button.css-mistica.js +30 -30
- package/dist/callout.css-mistica.js +11 -11
- package/dist/card-internal.css-mistica.js +15 -15
- package/dist/carousel.css-mistica.js +8 -8
- package/dist/checkbox.css-mistica.js +11 -11
- package/dist/chip.css-mistica.js +15 -15
- package/dist/circle.css-mistica.js +1 -1
- package/dist/community/advanced-data-card.css-mistica.js +6 -6
- package/dist/community/ai-card.css-mistica.js +13 -13
- package/dist/community/blocks.css-mistica.js +1 -1
- package/dist/community/cyber/example-component.css-mistica.js +1 -1
- package/dist/community/example-component.css-mistica.js +2 -2
- package/dist/counter.css-mistica.js +1 -1
- package/dist/cover-hero.css-mistica.js +2 -2
- package/dist/credit-card-number-field.css-mistica.js +3 -3
- 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 +4 -4
- package/dist/divider.css-mistica.js +5 -5
- package/dist/double-field.css-mistica.js +2 -2
- package/dist/drawer.css-mistica.js +1 -1
- package/dist/drawer.js +70 -79
- package/dist/empty-state-card.css-mistica.js +1 -1
- package/dist/empty-state.css-mistica.js +5 -5
- package/dist/fade-in.css-mistica.js +1 -1
- package/dist/feedback.css-mistica.js +1 -1
- package/dist/file-upload.css-mistica.js +7 -7
- package/dist/fixed-footer-layout.css-mistica.js +2 -2
- package/dist/form.css-mistica.js +1 -1
- package/dist/grid-layout.css-mistica.js +3 -3
- package/dist/grid.css-mistica.js +120 -120
- package/dist/header.css-mistica.js +1 -1
- package/dist/hero.css-mistica.js +2 -2
- package/dist/horizontal-scroll.css-mistica.js +1 -1
- package/dist/icon-button.css-mistica.js +53 -53
- package/dist/icons/icon-chevron.css-mistica.js +2 -2
- package/dist/icons/icon-error.css-mistica.js +1 -1
- package/dist/image.css-mistica.js +2 -2
- package/dist/index.d.ts +1 -0
- package/dist/index.js +4 -0
- package/dist/inline.css-mistica.js +9 -9
- package/dist/list.css-mistica.js +1 -1
- package/dist/loading-bar.css-mistica.js +1 -1
- package/dist/loading-screen.css-mistica.js +4 -4
- package/dist/logo.css-mistica.js +5 -5
- package/dist/menu.css-mistica.js +13 -13
- package/dist/mosaic.css-mistica.js +1 -1
- package/dist/navigation-bar.css-mistica.js +18 -18
- package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
- package/dist/package-version.js +1 -1
- package/dist/pagination.css-mistica.js +67 -0
- package/dist/pagination.css.d.ts +12 -0
- package/dist/pagination.d.ts +34 -0
- package/dist/pagination.js +318 -0
- package/dist/pin-field.css-mistica.js +1 -1
- package/dist/popover.css-mistica.js +1 -1
- package/dist/progress-bar.css-mistica.js +6 -6
- package/dist/radio-button.css-mistica.js +19 -19
- package/dist/rating.css-mistica.js +2 -2
- package/dist/responsive-layout.css-mistica.js +6 -6
- package/dist/screen-reader-only.css-mistica.js +1 -1
- package/dist/select.css-mistica.js +15 -15
- package/dist/select.js +45 -43
- package/dist/sheet-action-row.css-mistica.js +1 -1
- package/dist/sheet-common.css-mistica.js +1 -1
- package/dist/sheet-info.css-mistica.js +1 -1
- package/dist/skeletons.css-mistica.js +6 -6
- package/dist/skins/skin-contract.css-mistica.js +684 -684
- package/dist/skip-link.css-mistica.js +1 -1
- package/dist/slider.css-mistica.js +18 -18
- package/dist/snackbar.css-mistica.js +4 -4
- package/dist/spinner.css-mistica.js +1 -1
- package/dist/square.css-mistica.js +1 -1
- package/dist/stack.css-mistica.js +5 -5
- package/dist/stacking-group.css-mistica.js +1 -1
- package/dist/stepper.css-mistica.js +2 -2
- package/dist/switch-component.css-mistica.js +35 -35
- package/dist/table.css-mistica.js +9 -9
- package/dist/tabs.css-mistica.js +17 -17
- package/dist/tag.css-mistica.js +1 -1
- package/dist/text-field-base.css-mistica.js +15 -15
- package/dist/text-field-components.css-mistica.js +3 -3
- package/dist/text-link.css-mistica.js +6 -6
- package/dist/text-tokens.d.ts +14 -0
- package/dist/text-tokens.js +173 -117
- package/dist/text.css-mistica.js +6 -6
- package/dist/timeline.css-mistica.js +9 -9
- package/dist/timer.css-mistica.js +6 -6
- package/dist/tooltip.css-mistica.js +1 -1
- package/dist/touchable.css-mistica.js +1 -1
- package/dist/utils/aspect-ratio-support.css-mistica.js +2 -2
- 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 +6 -6
- package/dist-es/align.css-mistica.js +1 -1
- package/dist-es/autocomplete.css-mistica.js +1 -1
- package/dist-es/avatar.css-mistica.js +1 -1
- 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 +1 -1
- package/dist-es/button-layout.css-mistica.js +14 -14
- package/dist-es/button.css-mistica.js +30 -30
- package/dist-es/callout.css-mistica.js +11 -11
- package/dist-es/card-internal.css-mistica.js +15 -15
- package/dist-es/carousel.css-mistica.js +8 -8
- package/dist-es/checkbox.css-mistica.js +11 -11
- package/dist-es/chip.css-mistica.js +15 -15
- package/dist-es/circle.css-mistica.js +1 -1
- package/dist-es/community/advanced-data-card.css-mistica.js +6 -6
- package/dist-es/community/ai-card.css-mistica.js +4 -4
- package/dist-es/community/blocks.css-mistica.js +1 -1
- package/dist-es/community/cyber/example-component.css-mistica.js +1 -1
- package/dist-es/community/example-component.css-mistica.js +2 -2
- package/dist-es/counter.css-mistica.js +1 -1
- package/dist-es/cover-hero.css-mistica.js +2 -2
- package/dist-es/credit-card-number-field.css-mistica.js +3 -3
- 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 +4 -4
- package/dist-es/divider.css-mistica.js +5 -5
- package/dist-es/double-field.css-mistica.js +2 -2
- package/dist-es/drawer.css-mistica.js +1 -1
- package/dist-es/drawer.js +87 -96
- package/dist-es/empty-state-card.css-mistica.js +1 -1
- 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 +1 -1
- package/dist-es/file-upload.css-mistica.js +7 -7
- package/dist-es/fixed-footer-layout.css-mistica.js +2 -2
- package/dist-es/form.css-mistica.js +1 -1
- package/dist-es/grid-layout.css-mistica.js +3 -3
- package/dist-es/grid.css-mistica.js +120 -120
- package/dist-es/header.css-mistica.js +1 -1
- package/dist-es/hero.css-mistica.js +2 -2
- package/dist-es/horizontal-scroll.css-mistica.js +1 -1
- package/dist-es/icon-button.css-mistica.js +53 -53
- package/dist-es/icons/icon-chevron.css-mistica.js +2 -2
- package/dist-es/icons/icon-error.css-mistica.js +1 -1
- package/dist-es/image.css-mistica.js +2 -2
- package/dist-es/index.js +2290 -2289
- package/dist-es/inline.css-mistica.js +9 -9
- package/dist-es/list.css-mistica.js +1 -1
- package/dist-es/loading-bar.css-mistica.js +1 -1
- package/dist-es/loading-screen.css-mistica.js +4 -4
- package/dist-es/logo.css-mistica.js +5 -5
- package/dist-es/menu.css-mistica.js +13 -13
- package/dist-es/mosaic.css-mistica.js +1 -1
- package/dist-es/navigation-bar.css-mistica.js +18 -18
- package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
- package/dist-es/package-version.js +1 -1
- package/dist-es/pagination.css-mistica.js +20 -0
- package/dist-es/pagination.js +252 -0
- package/dist-es/pin-field.css-mistica.js +1 -1
- package/dist-es/popover.css-mistica.js +1 -1
- package/dist-es/progress-bar.css-mistica.js +6 -6
- package/dist-es/radio-button.css-mistica.js +19 -19
- package/dist-es/rating.css-mistica.js +2 -2
- 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 +15 -15
- package/dist-es/select.js +69 -67
- package/dist-es/sheet-action-row.css-mistica.js +1 -1
- package/dist-es/sheet-common.css-mistica.js +1 -1
- package/dist-es/sheet-info.css-mistica.js +1 -1
- package/dist-es/skeletons.css-mistica.js +6 -6
- package/dist-es/skins/skin-contract.css-mistica.js +684 -684
- package/dist-es/skip-link.css-mistica.js +1 -1
- package/dist-es/slider.css-mistica.js +18 -18
- package/dist-es/snackbar.css-mistica.js +4 -4
- package/dist-es/spinner.css-mistica.js +1 -1
- package/dist-es/square.css-mistica.js +1 -1
- package/dist-es/stack.css-mistica.js +5 -5
- package/dist-es/stacking-group.css-mistica.js +1 -1
- package/dist-es/stepper.css-mistica.js +2 -2
- package/dist-es/style.css +1 -1
- package/dist-es/switch-component.css-mistica.js +35 -35
- package/dist-es/table.css-mistica.js +9 -9
- package/dist-es/tabs.css-mistica.js +17 -17
- package/dist-es/tag.css-mistica.js +1 -1
- package/dist-es/text-field-base.css-mistica.js +15 -15
- package/dist-es/text-field-components.css-mistica.js +3 -3
- package/dist-es/text-link.css-mistica.js +6 -6
- package/dist-es/text-tokens.js +94 -59
- package/dist-es/text.css-mistica.js +6 -6
- package/dist-es/timeline.css-mistica.js +9 -9
- package/dist-es/timer.css-mistica.js +6 -6
- package/dist-es/tooltip.css-mistica.js +1 -1
- package/dist-es/touchable.css-mistica.js +1 -1
- package/dist-es/utils/aspect-ratio-support.css-mistica.js +2 -2
- package/dist-es/video.css-mistica.js +1 -1
- package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
- package/doc/components.md +27 -0
- package/doc/patterns.md +20 -0
- package/package.json +2 -2
- package/src/button.css.ts +1 -0
- package/src/drawer.tsx +0 -14
- package/src/focus-trap.tsx +0 -1
- package/src/index.tsx +1 -0
- package/src/package-version.tsx +1 -1
- package/src/pagination.css.ts +303 -0
- package/src/pagination.tsx +376 -0
- package/src/select.tsx +2 -1
- package/src/test-utils/index.tsx +2 -1
- package/src/text-tokens.tsx +56 -0
|
@@ -10,39 +10,39 @@ function _export(target, all) {
|
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
12
|
get caret () {
|
|
13
|
-
return
|
|
13
|
+
return w;
|
|
14
14
|
},
|
|
15
15
|
get caretBlinking () {
|
|
16
16
|
return f;
|
|
17
17
|
},
|
|
18
18
|
get caretHidden () {
|
|
19
|
-
return
|
|
19
|
+
return i;
|
|
20
20
|
},
|
|
21
21
|
get container () {
|
|
22
|
-
return
|
|
22
|
+
return a;
|
|
23
23
|
},
|
|
24
24
|
get containerInteractive () {
|
|
25
|
-
return
|
|
25
|
+
return p;
|
|
26
26
|
},
|
|
27
27
|
get ghost () {
|
|
28
|
-
return
|
|
28
|
+
return m;
|
|
29
29
|
},
|
|
30
30
|
get slot () {
|
|
31
|
-
return
|
|
31
|
+
return s;
|
|
32
32
|
},
|
|
33
33
|
get textLine () {
|
|
34
|
-
return
|
|
34
|
+
return d;
|
|
35
35
|
},
|
|
36
36
|
get textWrapper () {
|
|
37
|
-
return
|
|
37
|
+
return t;
|
|
38
38
|
},
|
|
39
39
|
get vars () {
|
|
40
|
-
return
|
|
40
|
+
return n;
|
|
41
41
|
},
|
|
42
42
|
get visibleContent () {
|
|
43
|
-
return
|
|
43
|
+
return e;
|
|
44
44
|
}
|
|
45
45
|
});
|
|
46
|
-
/* empty css
|
|
47
|
-
borderColorVar: "var(--
|
|
48
|
-
},
|
|
46
|
+
/* empty css */ /* empty css */ /* empty css */ var n = {
|
|
47
|
+
borderColorVar: "var(--v16_71_19dwsmp0)"
|
|
48
|
+
}, a = "v16_71_19dwsmp2 v16_71_19dwsmp1 v16_71_1y2v1nfgc v16_71_1y2v1nfhl v16_71_1y2v1nfiu v16_71_1y2v1nfk3 v16_71_1y2v1nfq4 v16_71_1y2v1nfqj v16_71_1y2v1nfqr", p = "v16_71_19dwsmp3", d = "v16_71_19dwsmp5 v16_71_19dwsmp4 v16_71_1y2v1nfq4 v16_71_1y2v1nfqj", s = "v16_71_19dwsmp7 v16_71_19dwsmp6 v16_71_1y2v1nfq4 v16_71_1y2v1nfqj v16_71_1y2v1nfqd", t = "v16_71_19dwsmp8", m = "v16_71_19dwsmpa v16_71_19dwsmp9", e = "v16_71_19dwsmp9", w = "v16_71_19dwsmpc", i = "v16_71_19dwsmpd", f = "v16_71_19dwsmpe";
|
|
@@ -16,4 +16,4 @@ _export(exports, {
|
|
|
16
16
|
return n;
|
|
17
17
|
}
|
|
18
18
|
});
|
|
19
|
-
/* empty css */ /* empty css */ var _ = "
|
|
19
|
+
/* empty css */ /* empty css */ var _ = "v16_71_llrsen0 v16_71_1y2v1nfq4 v16_71_1y2v1nfqa", n = "v16_71_llrsen1";
|
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
Object.defineProperty(exports, "example", {
|
|
6
6
|
enumerable: true,
|
|
7
7
|
get: function() {
|
|
8
|
-
return
|
|
8
|
+
return r;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
/* empty css */ var
|
|
11
|
+
/* empty css */ /* empty css */ var r = "v16_71_jbmjs60";
|
|
@@ -43,4 +43,4 @@ _export(exports, {
|
|
|
43
43
|
return a;
|
|
44
44
|
}
|
|
45
45
|
});
|
|
46
|
-
/* empty css */ /* empty css */ var n = "
|
|
46
|
+
/* empty css */ /* empty css */ var n = "v16_71_rijsns0", s = "v16_71_rijsns1", r = "v16_71_rijsns3 v16_71_rijsns2 v16_71_1y2v1nfsu v16_71_1y2v1nf83 v16_71_1y2v1nfq5 v16_71_1y2v1nft8", i = "v16_71_rijsns4", a = "v16_71_rijsns5 v16_71_1y2v1nfpy v16_71_1y2v1nfq4 v16_71_1y2v1nfqd", t = "v16_71_rijsns6", f = "v16_71_rijsns8 v16_71_rijsns7 v16_71_1y2v1nffw v16_71_1y2v1nfsm v16_71_1y2v1nfpz v16_71_1y2v1nfr2 v16_71_1y2v1nfri", y = "v16_71_rijsnsa v16_71_rijsns9 v16_71_1y2v1nfpz", j = "v16_71_rijsnsb v16_71_rijsnsa v16_71_rijsns9 v16_71_1y2v1nfpz", o = "v16_71_rijsnsc v16_71_rijsnsa v16_71_rijsns9 v16_71_1y2v1nfpz", u = "v16_71_rijsnse v16_71_rijsnsd v16_71_1y2v1nfr1 v16_71_1y2v1nfrh v16_71_1y2v1nfpz v16_71_1y2v1nfsu v16_71_1y2v1nfdi";
|
|
@@ -50,5 +50,5 @@ _export(exports, {
|
|
|
50
50
|
}
|
|
51
51
|
});
|
|
52
52
|
/* empty css */ /* empty css */ /* empty css */ /* empty css */ var r = {
|
|
53
|
-
aspectRatio: "var(--
|
|
54
|
-
}, n = "
|
|
53
|
+
aspectRatio: "var(--v16_71_moeazi0)"
|
|
54
|
+
}, n = "v16_71_moeazi2 v16_71_moeazi1 v16_71_1y2v1nfpy v16_71_1y2v1nfq4 v16_71_1y2v1nfqa v16_71_1y2v1nfqd v16_71_1y2v1nfqr v16_71_1y2v1nfte v16_71_1y2v1nfun", i = "v16_71_moeazi4 v16_71_moeazi3 v16_71_1y2v1nfpy v16_71_1y2v1nfq4 v16_71_1y2v1nfqr", o = "v16_71_moeazi5", y = "v16_71_moeazi6", m = "v16_71_moeazi7", f = "v16_71_moeazi9 v16_71_moeazi8 v16_71_1y2v1nfqj", t = "v16_71_moeazia v16_71_1y2v1nfpz v16_71_1y2v1nfv2 v16_71_1y2v1nfqr v16_71_1y2v1nfr8", z = "v16_71_moeazic v16_71_moeazib v16_71_1y2v1nfpz v16_71_1y2v1nfte v16_71_1y2v1nftt v16_71_1y2v1nfqr v16_71_1y2v1nfr8", p = "v16_71_moeazid v16_71_1y2v1nfpy", q = "v16_71_moeazie", d = "v16_71_moeazif v16_71_1y2v1nfpy", s = "v16_71_moeazig v16_71_1y2v1nfq4 v16_71_1y2v1nfqa";
|
|
@@ -22,7 +22,7 @@ _export(exports, {
|
|
|
22
22
|
return f;
|
|
23
23
|
}
|
|
24
24
|
});
|
|
25
|
-
/* empty css */ /* empty css */ var y = "
|
|
26
|
-
default: "
|
|
27
|
-
backface: "
|
|
25
|
+
/* empty css */ /* empty css */ var y = "v16_71_yvyo3q0", q = "v16_71_yvyo3q4 v16_71_yvyo3q2 v16_71_yvyo3q1 v16_71_1y2v1nfq4 v16_71_1y2v1nfqj v16_71_1y2v1nfqd v16_71_1y2v1nfr8 v16_71_yvyo3q3 v16_71_1y2v1nfpz", o = "v16_71_yvyo3q5 v16_71_yvyo3q2 v16_71_yvyo3q1 v16_71_1y2v1nfq4 v16_71_1y2v1nfqj v16_71_1y2v1nfqd v16_71_1y2v1nfr8", f = {
|
|
26
|
+
default: "v16_71_yvyo3qa v16_71_yvyo3q7 v16_71_yvyo3q6 v16_71_1y2v1nfpy v16_71_yvyo3q8",
|
|
27
|
+
backface: "v16_71_yvyo3qb v16_71_yvyo3q7 v16_71_yvyo3q6 v16_71_1y2v1nfpy v16_71_yvyo3q9"
|
|
28
28
|
};
|
|
@@ -43,7 +43,7 @@ _export(exports, {
|
|
|
43
43
|
return n;
|
|
44
44
|
}
|
|
45
45
|
});
|
|
46
|
-
/* empty css */ /* empty css */ var l = 200, n = "
|
|
47
|
-
dialog: "
|
|
48
|
-
default: "
|
|
49
|
-
}, o = "
|
|
46
|
+
/* empty css */ /* empty css */ var l = 200, n = "v16_71_3dl29l3 v16_71_3dl29l2 v16_71_1y2v1nfpy", y = "v16_71_3dl29l5 v16_71_3dl29l4 v16_71_1y2v1nfq0 v16_71_1y2v1nfq4 v16_71_1y2v1nfqd v16_71_1y2v1nfqj v16_71_1y2v1nfqa v16_71_1y2v1nfte v16_71_1y2v1nfu8 v16_71_1y2v1nfun v16_71_1y2v1nftt v16_71_1y2v1nf8e", f = "v16_71_3dl29l6", d = "v16_71_3dl29l8 v16_71_3dl29l7 v16_71_1y2v1nfgc v16_71_1y2v1nfhl v16_71_1y2v1nfiu v16_71_1y2v1nfk3 v16_71_1y2v1nfpz v16_71_1y2v1nfte v16_71_1y2v1nfu8", a = "v16_71_3dl29la v16_71_3dl29l9 v16_71_1y2v1nf7y v16_71_1y2v1nfsw", r = "v16_71_3dl29lb", t = {
|
|
47
|
+
dialog: "v16_71_3dl29lg v16_71_3dl29ld v16_71_3dl29lc v16_71_1y2v1nfq4 v16_71_1y2v1nfqa v16_71_1y2v1nfqg v16_71_3dl29le v16_71_1y2v1nfj0 v16_71_1y2v1nfk9 v16_71_1y2v1nfgo v16_71_1y2v1nfhr",
|
|
48
|
+
default: "v16_71_3dl29lh v16_71_3dl29ld v16_71_3dl29lc v16_71_1y2v1nfq4 v16_71_1y2v1nfqa v16_71_1y2v1nfqg v16_71_3dl29lf v16_71_1y2v1nfgi v16_71_1y2v1nfhr v16_71_1y2v1nfj0 v16_71_1y2v1nfk9"
|
|
49
|
+
}, o = "v16_71_3dl29lj v16_71_3dl29li v16_71_1y2v1nfqq v16_71_1y2v1nfs4", e = "v16_71_3dl29ll v16_71_3dl29lk v16_71_1y2v1nfgi", i = "v16_71_3dl29lm";
|
|
@@ -9,9 +9,9 @@ Object.defineProperty(exports, "variants", {
|
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
11
|
/* empty css */ var t = {
|
|
12
|
-
default: "
|
|
13
|
-
alternative: "
|
|
14
|
-
brand: "
|
|
15
|
-
negative: "
|
|
16
|
-
media: "
|
|
12
|
+
default: "v16_71_o0dvt10",
|
|
13
|
+
alternative: "v16_71_o0dvt11",
|
|
14
|
+
brand: "v16_71_o0dvt12",
|
|
15
|
+
negative: "v16_71_o0dvt13",
|
|
16
|
+
media: "v16_71_o0dvt14"
|
|
17
17
|
};
|
|
@@ -9,6 +9,6 @@ Object.defineProperty(exports, "variants", {
|
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
11
|
/* empty css */ /* empty css */ /* empty css */ /* empty css */ /* empty css */ var i = {
|
|
12
|
-
default: "
|
|
13
|
-
fullWidth: "
|
|
12
|
+
default: "v16_71_skrulh1 v16_71_skrulh0 v16_71_1y2v1nfq4 v16_71_1y2v1nfq9 v16_71_1y2v1nfqr",
|
|
13
|
+
fullWidth: "v16_71_skrulh2 v16_71_skrulh0 v16_71_1y2v1nfq4 v16_71_1y2v1nfq9 v16_71_1y2v1nfqr"
|
|
14
14
|
};
|
|
@@ -52,4 +52,4 @@ _export(exports, {
|
|
|
52
52
|
return r;
|
|
53
53
|
}
|
|
54
54
|
});
|
|
55
|
-
/* empty css */ /* empty css */ var n = 350, w = "
|
|
55
|
+
/* empty css */ /* empty css */ var n = 350, w = "v16_71_c4ngww1 v16_71_c4ngww0 v16_71_1y2v1nfq0 v16_71_1y2v1nfq4 v16_71_1y2v1nf7y v16_71_1y2v1nfte v16_71_1y2v1nfu8 v16_71_1y2v1nfun v16_71_1y2v1nft8", a = "v16_71_c4ngww3 v16_71_c4ngww2 v16_71_1y2v1nfq4 v16_71_1y2v1nfqa v16_71_1y2v1nfqp", r = "v16_71_c4ngww5 v16_71_c4ngww4 v16_71_1y2v1nfqm v16_71_1y2v1nfqo", y = "v16_71_c4ngww7 v16_71_c4ngww6 v16_71_1y2v1nfqp v16_71_1y2v1nftd", t = "v16_71_c4ngww8", c = "v16_71_c4ngww9", f = "v16_71_c4ngwwb v16_71_c4ngwwa v16_71_1y2v1nfq0 v16_71_1y2v1nfte v16_71_1y2v1nftt v16_71_1y2v1nfu8 v16_71_1y2v1nfun v16_71_1y2v1nf8e", o = "v16_71_c4ngwwc", e = "v16_71_c4ngwwd", g = "v16_71_c4ngwwe v16_71_1y2v1nfpz v16_71_1y2v1nfth v16_71_1y2v1nfub", i = "v16_71_c4ngwwf", l = "v16_71_c4ngwwg", d = "v16_71_c4ngwwh";
|
package/dist/drawer.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 Re;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
12
|
const _jsxruntime = require("react/jsx-runtime");
|
|
@@ -126,122 +126,113 @@ function _object_spread_props(target, source) {
|
|
|
126
126
|
return target;
|
|
127
127
|
}
|
|
128
128
|
const b = (param)=>{
|
|
129
|
-
let { show:
|
|
130
|
-
return
|
|
129
|
+
let { show: i } = param;
|
|
130
|
+
return i ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_divider.default, {}) : /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
131
131
|
style: {
|
|
132
132
|
borderBottom: "1px solid transparent"
|
|
133
133
|
}
|
|
134
134
|
});
|
|
135
|
-
}, ue = ()=>{
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
i === null || i === void 0 ? void 0 : (_i_focus = i.focus) === null || _i_focus === void 0 ? void 0 : _i_focus.call(i);
|
|
142
|
-
};
|
|
143
|
-
}, []);
|
|
144
|
-
}, fe = /*#__PURE__*/ _react.forwardRef((param, v)=>{
|
|
145
|
-
let { width: a, children: i, onClose: l, onDismiss: c } = param;
|
|
146
|
-
(0, _modalcontextprovider.useSetModalStateEffect)(), ue();
|
|
147
|
-
const { isMobile: p } = (0, _hooks.useScreenSize)(), [u, d] = _react.useState(!1), h = p ? "auto" : a, o = _react.useCallback((n)=>{
|
|
148
|
-
n && setTimeout(()=>{
|
|
149
|
-
d(!0);
|
|
135
|
+
}, ue = /*#__PURE__*/ _react.forwardRef((param, p)=>{
|
|
136
|
+
let { width: i, children: m, onClose: n, onDismiss: l } = param;
|
|
137
|
+
(0, _modalcontextprovider.useSetModalStateEffect)();
|
|
138
|
+
const { isMobile: v } = (0, _hooks.useScreenSize)(), [u, c] = _react.useState(!1), h = v ? "auto" : i, a = _react.useCallback((o)=>{
|
|
139
|
+
o && setTimeout(()=>{
|
|
140
|
+
c(!0);
|
|
150
141
|
}, 50);
|
|
151
|
-
}, []),
|
|
152
|
-
setTimeout(
|
|
153
|
-
}).then(
|
|
154
|
-
|
|
155
|
-
]),
|
|
156
|
-
|
|
157
|
-
|
|
142
|
+
}, []), r = _react.useCallback(()=>(c(!1), new Promise((o)=>{
|
|
143
|
+
setTimeout(o, _drawercssmistica.ANIMATION_DURATION_MS);
|
|
144
|
+
}).then(n)), [
|
|
145
|
+
n
|
|
146
|
+
]), t = _react.useCallback(()=>r().then(()=>l === null || l === void 0 ? void 0 : l()), [
|
|
147
|
+
l,
|
|
148
|
+
r
|
|
158
149
|
]);
|
|
159
|
-
return _react.useImperativeHandle(
|
|
160
|
-
close:
|
|
161
|
-
dismiss:
|
|
150
|
+
return _react.useImperativeHandle(p, ()=>({
|
|
151
|
+
close: r,
|
|
152
|
+
dismiss: t
|
|
162
153
|
})), _react.useEffect(()=>{
|
|
163
|
-
const
|
|
164
|
-
|
|
154
|
+
const o = (d)=>{
|
|
155
|
+
d.key === "Escape" && t();
|
|
165
156
|
};
|
|
166
|
-
return document.addEventListener("keydown",
|
|
167
|
-
document.removeEventListener("keydown",
|
|
157
|
+
return document.addEventListener("keydown", o), ()=>{
|
|
158
|
+
document.removeEventListener("keydown", o);
|
|
168
159
|
};
|
|
169
160
|
}, [
|
|
170
|
-
|
|
161
|
+
t
|
|
171
162
|
]), /* @__PURE__ */ (0, _jsxruntime.jsx)(_portal.Portal, {
|
|
172
163
|
children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_focustrap.default, {
|
|
173
164
|
children: [
|
|
174
165
|
/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
175
166
|
"data-testid": "drawerOverlay",
|
|
176
|
-
onClick:
|
|
167
|
+
onClick: l ? t : void 0,
|
|
177
168
|
className: (0, _classnames.default)(_drawercssmistica.overlay, u ? _drawercssmistica.overlayOpen : _drawercssmistica.overlayClosed)
|
|
178
169
|
}),
|
|
179
170
|
/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
180
171
|
"data-testid": "drawerLayout",
|
|
181
|
-
ref:
|
|
172
|
+
ref: a,
|
|
182
173
|
style: {
|
|
183
174
|
width: h
|
|
184
175
|
},
|
|
185
176
|
className: (0, _classnames.default)(_drawercssmistica.container, u ? _drawercssmistica.open : _drawercssmistica.closed),
|
|
186
|
-
children:
|
|
177
|
+
children: m
|
|
187
178
|
})
|
|
188
179
|
]
|
|
189
180
|
})
|
|
190
181
|
});
|
|
191
|
-
}),
|
|
192
|
-
let { title:
|
|
193
|
-
const
|
|
194
|
-
var
|
|
195
|
-
(
|
|
196
|
-
},
|
|
182
|
+
}), Re = (param)=>{
|
|
183
|
+
let { title: i, subtitle: m, description: n, titleAs: l = "h2", dismissLabel: p, width: v, onClose: u, onDismiss: c, children: h, button: a, secondaryButton: r, buttonLink: t, dataAttributes: o } = param;
|
|
184
|
+
const d = _react.useRef(null), g = !!(a || r || t), [y, T] = _react.useState(null), P = _react.useRef(null), S = _react.useRef(null), { t: N, texts: C, textPresets: I } = (0, _hooks.useTheme)(), w = (D)=>{
|
|
185
|
+
var _d_current;
|
|
186
|
+
(_d_current = d.current) === null || _d_current === void 0 ? void 0 : _d_current.close().then(()=>D === null || D === void 0 ? void 0 : D());
|
|
187
|
+
}, R = !(0, _hooks.useIsInViewport)(P, !0, {
|
|
197
188
|
root: y
|
|
198
189
|
}), A = !(0, _hooks.useIsInViewport)(S, !0, {
|
|
199
190
|
rootMargin: "1px",
|
|
200
191
|
// bottomScrollSignal div has 0px height so we need a 1px margin to trigger the intersection observer
|
|
201
192
|
root: y
|
|
202
193
|
});
|
|
203
|
-
return /* @__PURE__ */ (0, _jsxruntime.jsx)(
|
|
204
|
-
width:
|
|
205
|
-
ref:
|
|
194
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)(ue, {
|
|
195
|
+
width: v,
|
|
196
|
+
ref: d,
|
|
206
197
|
onClose: u,
|
|
207
|
-
onDismiss:
|
|
198
|
+
onDismiss: c,
|
|
208
199
|
children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("section", _object_spread_props(_object_spread({
|
|
209
200
|
role: "dialog",
|
|
210
201
|
"aria-modal": "true",
|
|
211
202
|
className: _drawercssmistica.drawer,
|
|
212
203
|
ref: T
|
|
213
|
-
}, (0, _dom.getPrefixedDataAttributes)(
|
|
204
|
+
}, (0, _dom.getPrefixedDataAttributes)(o, "Drawer")), {
|
|
214
205
|
children: [
|
|
215
|
-
|
|
206
|
+
c && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
216
207
|
className: _drawercssmistica.closeButtonContainer,
|
|
217
208
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_iconbutton.IconButton, {
|
|
218
209
|
dataAttributes: {
|
|
219
210
|
testid: "dismissButton"
|
|
220
211
|
},
|
|
221
212
|
onPress: ()=>{
|
|
222
|
-
var
|
|
223
|
-
return (
|
|
213
|
+
var _d_current;
|
|
214
|
+
return (_d_current = d.current) === null || _d_current === void 0 ? void 0 : _d_current.dismiss();
|
|
224
215
|
},
|
|
225
216
|
Icon: _iconcloseregular.default,
|
|
226
|
-
"aria-label":
|
|
217
|
+
"aria-label": p || C.modalClose || N(_texttokens.modalClose),
|
|
227
218
|
type: "neutral",
|
|
228
219
|
backgroundType: "transparent"
|
|
229
220
|
})
|
|
230
221
|
}),
|
|
231
|
-
|
|
222
|
+
i && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
232
223
|
className: (0, _classnames.default)(_drawercssmistica.titleContainer, _drawercssmistica.horizontalPadding),
|
|
233
224
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, _object_spread_props(_object_spread({}, (0, _text.getTextSizesWithWeight)({
|
|
234
|
-
textPreset:
|
|
225
|
+
textPreset: I.drawerTitle
|
|
235
226
|
})), {
|
|
236
|
-
as:
|
|
227
|
+
as: l,
|
|
237
228
|
dataAttributes: {
|
|
238
229
|
testid: "title"
|
|
239
230
|
},
|
|
240
|
-
children:
|
|
231
|
+
children: i
|
|
241
232
|
}))
|
|
242
233
|
}),
|
|
243
234
|
/* @__PURE__ */ (0, _jsxruntime.jsx)(b, {
|
|
244
|
-
show:
|
|
235
|
+
show: R
|
|
245
236
|
}),
|
|
246
237
|
/* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
|
|
247
238
|
className: _drawercssmistica.scrollableSection,
|
|
@@ -254,26 +245,26 @@ const b = (param)=>{
|
|
|
254
245
|
children: /* @__PURE__ */ (0, _jsxruntime.jsxs)(_stack.default, {
|
|
255
246
|
space: 16,
|
|
256
247
|
children: [
|
|
257
|
-
|
|
248
|
+
m && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text4, {
|
|
258
249
|
regular: !0,
|
|
259
250
|
dataAttributes: {
|
|
260
251
|
testid: "subtitle"
|
|
261
252
|
},
|
|
262
|
-
children:
|
|
253
|
+
children: m
|
|
263
254
|
}),
|
|
264
|
-
|
|
255
|
+
n && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
|
|
265
256
|
regular: !0,
|
|
266
257
|
color: _skincontractcssmistica.vars.colors.textSecondary,
|
|
267
258
|
dataAttributes: {
|
|
268
259
|
testid: "description"
|
|
269
260
|
},
|
|
270
|
-
children:
|
|
261
|
+
children: n
|
|
271
262
|
}),
|
|
272
263
|
h
|
|
273
264
|
]
|
|
274
265
|
})
|
|
275
266
|
}),
|
|
276
|
-
!
|
|
267
|
+
!g && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
277
268
|
className: _drawercssmistica.bottomPadding
|
|
278
269
|
}),
|
|
279
270
|
/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
@@ -282,32 +273,32 @@ const b = (param)=>{
|
|
|
282
273
|
]
|
|
283
274
|
}),
|
|
284
275
|
/* @__PURE__ */ (0, _jsxruntime.jsx)(b, {
|
|
285
|
-
show:
|
|
276
|
+
show: g && A
|
|
286
277
|
}),
|
|
287
|
-
|
|
278
|
+
g && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
288
279
|
className: _drawercssmistica.buttonsLayoutContainer,
|
|
289
280
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_buttonlayout.default, {
|
|
290
|
-
primaryButton:
|
|
291
|
-
trackEvent:
|
|
292
|
-
trackingEvent:
|
|
293
|
-
onPress: ()=>
|
|
294
|
-
disabled:
|
|
295
|
-
children:
|
|
296
|
-
}),
|
|
297
|
-
secondaryButton: s && /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonSecondary, {
|
|
298
|
-
trackEvent: s.trackEvent,
|
|
299
|
-
trackingEvent: s.trackingEvent,
|
|
300
|
-
onPress: ()=>g(s.onPress),
|
|
301
|
-
disabled: s.disabled,
|
|
302
|
-
children: s.text
|
|
281
|
+
primaryButton: a && /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonPrimary, {
|
|
282
|
+
trackEvent: a.trackEvent,
|
|
283
|
+
trackingEvent: a.trackingEvent,
|
|
284
|
+
onPress: ()=>w(a.onPress),
|
|
285
|
+
disabled: a.disabled,
|
|
286
|
+
children: a.text
|
|
303
287
|
}),
|
|
304
|
-
|
|
288
|
+
secondaryButton: r && /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonSecondary, {
|
|
305
289
|
trackEvent: r.trackEvent,
|
|
306
290
|
trackingEvent: r.trackingEvent,
|
|
307
|
-
onPress: ()=>
|
|
308
|
-
bleedY: !0,
|
|
291
|
+
onPress: ()=>w(r.onPress),
|
|
309
292
|
disabled: r.disabled,
|
|
310
293
|
children: r.text
|
|
294
|
+
}),
|
|
295
|
+
link: t && /* @__PURE__ */ (0, _jsxruntime.jsx)(_button.ButtonLink, {
|
|
296
|
+
trackEvent: t.trackEvent,
|
|
297
|
+
trackingEvent: t.trackingEvent,
|
|
298
|
+
onPress: ()=>w(t.onPress),
|
|
299
|
+
bleedY: !0,
|
|
300
|
+
disabled: t.disabled,
|
|
301
|
+
children: t.text
|
|
311
302
|
})
|
|
312
303
|
})
|
|
313
304
|
})
|
|
@@ -19,4 +19,4 @@ _export(exports, {
|
|
|
19
19
|
return a;
|
|
20
20
|
}
|
|
21
21
|
});
|
|
22
|
-
/* empty css */ /* empty css */ var v = "
|
|
22
|
+
/* empty css */ /* empty css */ var v = "v16_71_1azor6p0", a = "v16_71_1azor6p2 v16_71_1azor6p1 v16_71_1y2v1nfq6 v16_71_1y2v1nfrl", o = "v16_71_1azor6p4 v16_71_1azor6p3 v16_71_1y2v1nfr3 v16_71_1y2v1nfrj";
|
|
@@ -38,8 +38,8 @@ _export(exports, {
|
|
|
38
38
|
}
|
|
39
39
|
});
|
|
40
40
|
/* empty css */ /* empty css */ var _ = {
|
|
41
|
-
backgroundColor: "var(--
|
|
42
|
-
}, v = "
|
|
43
|
-
default: "
|
|
44
|
-
largeImage: "
|
|
45
|
-
}, n = "
|
|
41
|
+
backgroundColor: "var(--v16_71_13fzrua0)"
|
|
42
|
+
}, v = "v16_71_13fzrua2 v16_71_13fzrua1 v16_71_1y2v1nfq4 v16_71_1y2v1nffw", f = {
|
|
43
|
+
default: "v16_71_13fzrua3",
|
|
44
|
+
largeImage: "v16_71_13fzrua4"
|
|
45
|
+
}, n = "v16_71_13fzrua5", e = "v16_71_13fzrua7 v16_71_13fzrua6 v16_71_1y2v1nfr8", u = "v16_71_13fzrua9 v16_71_13fzrua8 v16_71_1y2v1nfr5 v16_71_1y2v1nfrl", z = "v16_71_13fzruab v16_71_13fzruaa v16_71_1y2v1nfq6", o = "v16_71_13fzruac v16_71_1y2v1nfsl", t = "v16_71_13fzruad";
|
|
@@ -49,4 +49,4 @@ _export(exports, {
|
|
|
49
49
|
return f;
|
|
50
50
|
}
|
|
51
51
|
});
|
|
52
|
-
/* empty css */ /* empty css */ var v = "
|
|
52
|
+
/* empty css */ /* empty css */ var v = "v16_71_gx6h6a0", e = "v16_71_gx6h6a1", r = "v16_71_gx6h6a2", n = "v16_71_gx6h6a4 v16_71_gx6h6a3 v16_71_1y2v1nfq4 v16_71_1y2v1nfr8 v16_71_1y2v1nfqr v16_71_1y2v1nfqa", t = "v16_71_gx6h6a5", x = "v16_71_gx6h6a6", g = "v16_71_gx6h6a7 v16_71_1y2v1nfr3 v16_71_1y2v1nfrj", h = "v16_71_gx6h6ab v16_71_gx6h6aa", o = "v16_71_gx6h6ac v16_71_gx6h6aa", d = "v16_71_gx6h6ad v16_71_gx6h6aa", i = "v16_71_gx6h6ae", p = "v16_71_gx6h6af", f = "v16_71_gx6h6ag";
|
|
@@ -31,10 +31,10 @@ _export(exports, {
|
|
|
31
31
|
return n;
|
|
32
32
|
}
|
|
33
33
|
});
|
|
34
|
-
/* empty css */ /* empty css */ /* empty css */ /* empty css */ /* empty css */ var a = "
|
|
35
|
-
default: "
|
|
36
|
-
alternative: "
|
|
37
|
-
brand: "
|
|
38
|
-
negative: "
|
|
39
|
-
media: "
|
|
40
|
-
}, t = "
|
|
34
|
+
/* empty css */ /* empty css */ /* empty css */ /* empty css */ /* empty css */ var a = "v16_71_1isvxjy0", y = "v16_71_1isvxjy9 v16_71_1isvxjy2 v16_71_1isvxjy1 v16_71_1y2v1nfj0 v16_71_1y2v1nfk9 v16_71_1y2v1nfgl v16_71_1y2v1nfhu v16_71_1y2v1nfsw", n = {
|
|
35
|
+
default: "v16_71_1isvxjya",
|
|
36
|
+
alternative: "v16_71_1isvxjyb",
|
|
37
|
+
brand: "v16_71_1isvxjyc",
|
|
38
|
+
negative: "v16_71_1isvxjyd",
|
|
39
|
+
media: "v16_71_1isvxjye"
|
|
40
|
+
}, t = "v16_71_1isvxjyf", s = "v16_71_1isvxjyh", o = "v16_71_1isvxjyi", j = "v16_71_1isvxjyk v16_71_1isvxjyj v16_71_1y2v1nfq4 v16_71_1y2v1nfqd";
|
|
@@ -38,5 +38,5 @@ _export(exports, {
|
|
|
38
38
|
}
|
|
39
39
|
});
|
|
40
40
|
/* empty css */ /* empty css */ var j = {
|
|
41
|
-
footerHeight: "var(--
|
|
42
|
-
}, r = "
|
|
41
|
+
footerHeight: "var(--v16_71_p5j8j50)"
|
|
42
|
+
}, r = "v16_71_p5j8j53 v16_71_p5j8j52 v16_71_1y2v1nfqr", t = "v16_71_p5j8j54", n = "v16_71_p5j8j55", a = "v16_71_p5j8j56 v16_71_1y2v1nfq3", f = "v16_71_p5j8j57", p = "v16_71_p5j8j59 v16_71_p5j8j58 v16_71_1y2v1nfte v16_71_1y2v1nftt v16_71_1y2v1nfu8 v16_71_1y2v1nfun v16_71_1y2v1nfq0", e = "v16_71_p5j8j5b v16_71_p5j8j5a v16_71_1y2v1nfte v16_71_1y2v1nftt v16_71_1y2v1nfu8 v16_71_1y2v1nfun v16_71_1y2v1nfq0", o = "v16_71_p5j8j5d v16_71_p5j8j5c v16_71_1y2v1nftt v16_71_1y2v1nfu8 v16_71_1y2v1nfpz";
|
package/dist/form.css-mistica.js
CHANGED
|
@@ -31,7 +31,7 @@ _export(exports, {
|
|
|
31
31
|
return o;
|
|
32
32
|
}
|
|
33
33
|
});
|
|
34
|
-
/* empty css */ var a = "
|
|
35
|
-
colSpan: "var(--
|
|
36
|
-
verticalSpace: "var(--
|
|
34
|
+
/* empty css */ var a = "v16_71_379jdb0", _ = "v16_71_379jdb1", r = "v16_71_379jdb2", d = "v16_71_379jdb4", e = "v16_71_379jdb5", l = "v16_71_379jdb7", o = {
|
|
35
|
+
colSpan: "var(--v16_71_379jdb6)",
|
|
36
|
+
verticalSpace: "var(--v16_71_379jdb3)"
|
|
37
37
|
};
|