@telefonica/mistica 15.3.0 → 15.5.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 +5 -5
- package/dist/accordion.d.ts +3 -3
- package/dist/accordion.js +75 -71
- package/dist/avatar.css-mistica.js +3 -3
- package/dist/avatar.js +1 -1
- package/dist/badge.css-mistica.js +4 -4
- package/dist/box.d.ts +1 -0
- package/dist/box.js +11 -10
- package/dist/boxed.css-mistica.js +1 -1
- package/dist/button-group.css-mistica.js +1 -1
- package/dist/button-layout.css-mistica.js +10 -10
- package/dist/button.css-mistica.js +31 -31
- package/dist/button.js +59 -46
- package/dist/callout.css-mistica.js +1 -1
- package/dist/card.css-mistica.js +19 -16
- package/dist/card.css.d.ts +1 -0
- package/dist/card.d.ts +7 -5
- package/dist/card.js +376 -351
- package/dist/carousel.css-mistica.js +18 -18
- package/dist/carousel.d.ts +3 -4
- package/dist/carousel.js +167 -169
- package/dist/checkbox.css-mistica.js +10 -10
- package/dist/chip.css-mistica.js +15 -9
- package/dist/chip.css.d.ts +2 -0
- package/dist/chip.js +49 -47
- package/dist/circle.css-mistica.js +1 -1
- package/dist/community/advanced-data-card.css-mistica.js +20 -17
- package/dist/community/advanced-data-card.css.d.ts +1 -0
- package/dist/community/advanced-data-card.d.ts +2 -2
- package/dist/community/advanced-data-card.js +26 -25
- package/dist/community/blocks.css-mistica.js +1 -1
- package/dist/community/blocks.js +10 -8
- package/dist/counter.css-mistica.js +9 -9
- package/dist/credit-card-number-field.css-mistica.js +6 -6
- package/dist/dialog.css-mistica.js +9 -9
- package/dist/dialog.js +96 -94
- package/dist/double-field.css-mistica.js +4 -4
- package/dist/empty-state-card.css-mistica.js +4 -4
- package/dist/empty-state.css-mistica.js +6 -6
- package/dist/feedback.css-mistica.js +6 -6
- package/dist/feedback.d.ts +1 -1
- package/dist/feedback.js +87 -99
- package/dist/fixed-footer-layout.css-mistica.js +13 -7
- package/dist/fixed-footer-layout.css.d.ts +2 -0
- package/dist/fixed-footer-layout.d.ts +1 -1
- package/dist/fixed-footer-layout.js +79 -88
- package/dist/fixed-to-top.d.ts +1 -0
- package/dist/fixed-to-top.js +9 -6
- package/dist/generated/mistica-icons/icon-ethernet-filled.d.ts +4 -0
- package/dist/generated/mistica-icons/icon-ethernet-filled.js +111 -0
- package/dist/generated/mistica-icons/icon-ethernet-light.d.ts +4 -0
- package/dist/generated/mistica-icons/icon-ethernet-light.js +111 -0
- package/dist/generated/mistica-icons/icon-ethernet-regular.d.ts +4 -0
- package/dist/generated/mistica-icons/icon-ethernet-regular.js +111 -0
- package/dist/generated/mistica-icons/icon-routine-filled.d.ts +4 -0
- package/dist/generated/mistica-icons/icon-routine-filled.js +111 -0
- package/dist/generated/mistica-icons/icon-routine-light.d.ts +4 -0
- package/dist/generated/mistica-icons/icon-routine-light.js +111 -0
- package/dist/generated/mistica-icons/icon-routine-regular.d.ts +4 -0
- package/dist/generated/mistica-icons/icon-routine-regular.js +111 -0
- package/dist/header.css-mistica.js +1 -1
- package/dist/hero.css-mistica.js +8 -9
- package/dist/hero.css.d.ts +1 -1
- package/dist/hero.d.ts +1 -1
- package/dist/hero.js +99 -100
- package/dist/highlighted-card.css-mistica.js +6 -6
- package/dist/hooks.d.ts +2 -0
- package/dist/hooks.js +39 -44
- package/dist/horizontal-scroll.css-mistica.js +1 -1
- package/dist/icon-button.css-mistica.js +7 -7
- package/dist/icons/icon-error.js +2 -0
- package/dist/icons/icon-info.js +2 -0
- package/dist/icons/icon-success-vivo-new.js +1 -0
- package/dist/icons/icon-success-vivo.js +9 -8
- package/dist/image.css-mistica.js +3 -3
- package/dist/image.d.ts +1 -0
- package/dist/image.js +51 -49
- package/dist/index.d.ts +6 -0
- package/dist/index.js +24 -0
- package/dist/list.css-mistica.js +13 -13
- package/dist/list.d.ts +3 -0
- package/dist/list.js +261 -217
- package/dist/loading-bar.css-mistica.js +5 -5
- package/dist/loading-screen.css-mistica.js +8 -8
- package/dist/loading-screen.d.ts +1 -1
- package/dist/logo.js +40 -27
- package/dist/maybe-dismissable.css-mistica.js +1 -1
- package/dist/menu.css-mistica.js +3 -3
- package/dist/navigation-bar.css-mistica.js +19 -19
- package/dist/navigation-breadcrumbs.css-mistica.js +5 -5
- package/dist/overscroll-color-context.d.ts +1 -0
- package/dist/overscroll-color-context.js +15 -12
- package/dist/package-version.js +1 -1
- package/dist/pin-field.css-mistica.js +5 -5
- package/dist/progress-bar.css-mistica.js +3 -3
- package/dist/radio-button.css-mistica.js +10 -10
- package/dist/radio-button.d.ts +2 -0
- package/dist/radio-button.js +68 -66
- package/dist/responsive-layout.css-mistica.js +29 -14
- package/dist/responsive-layout.css.d.ts +8 -3
- package/dist/responsive-layout.d.ts +5 -0
- package/dist/responsive-layout.js +36 -17
- package/dist/screen-reader-only.css-mistica.js +2 -2
- package/dist/select.css-mistica.js +10 -10
- package/dist/sheet.css-mistica.js +9 -9
- package/dist/sheet.d.ts +8 -8
- package/dist/skeletons.css-mistica.js +4 -4
- package/dist/skins/blau.js +11 -1
- package/dist/skins/movistar.js +11 -1
- package/dist/skins/o2-new.d.ts +0 -1
- package/dist/skins/o2-new.js +17 -8
- package/dist/skins/o2.js +11 -1
- package/dist/skins/skin-contract.css-mistica.js +268 -258
- package/dist/skins/skin-contract.css.d.ts +10 -0
- package/dist/skins/telefonica.js +11 -1
- package/dist/skins/tu.js +11 -1
- package/dist/skins/types/colors.d.ts +5 -0
- package/dist/skins/vivo-new.js +11 -1
- package/dist/skins/vivo.js +11 -1
- package/dist/slider.css-mistica.js +9 -9
- package/dist/slider.d.ts +1 -1
- package/dist/snackbar.css-mistica.js +15 -15
- package/dist/spinner.css-mistica.js +3 -3
- package/dist/sprinkles.css-mistica.js +833 -803
- package/dist/stacking-group.css-mistica.js +2 -2
- package/dist/stepper.css-mistica.js +9 -9
- package/dist/switch-component.css-mistica.js +21 -21
- package/dist/switch-component.d.ts +2 -0
- package/dist/switch-component.js +28 -27
- package/dist/tabs.css-mistica.js +10 -10
- package/dist/tag.css-mistica.js +2 -2
- package/dist/text-field-base.css-mistica.js +16 -16
- package/dist/text-field-components.css-mistica.js +9 -9
- package/dist/text-field-components.js +8 -8
- package/dist/text-link.css-mistica.js +3 -3
- package/dist/text.js +70 -70
- package/dist/theme-context-provider.d.ts +1 -0
- package/dist/theme-context-provider.js +47 -43
- package/dist/theme.d.ts +2 -1
- package/dist/tooltip.css-mistica.js +4 -4
- 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/video.js +1 -1
- package/dist-es/accordion.css-mistica.js +3 -3
- package/dist-es/accordion.js +87 -83
- package/dist-es/avatar.css-mistica.js +2 -2
- package/dist-es/avatar.js +1 -1
- package/dist-es/badge.css-mistica.js +2 -2
- package/dist-es/box.js +13 -12
- package/dist-es/boxed.css-mistica.js +1 -1
- package/dist-es/button-group.css-mistica.js +1 -1
- package/dist-es/button-layout.css-mistica.js +6 -6
- package/dist-es/button.css-mistica.js +18 -18
- package/dist-es/button.js +77 -64
- package/dist-es/callout.css-mistica.js +1 -1
- package/dist-es/card.css-mistica.js +2 -2
- package/dist-es/card.js +491 -466
- package/dist-es/carousel.css-mistica.js +2 -2
- package/dist-es/carousel.js +166 -165
- package/dist-es/checkbox.css-mistica.js +6 -6
- package/dist-es/chip.css-mistica.js +8 -8
- package/dist-es/chip.js +75 -72
- package/dist-es/circle.css-mistica.js +1 -1
- package/dist-es/community/advanced-data-card.css-mistica.js +7 -7
- package/dist-es/community/advanced-data-card.js +70 -69
- package/dist-es/community/blocks.css-mistica.js +1 -1
- package/dist-es/community/blocks.js +16 -14
- 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 +114 -112
- 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 +119 -131
- package/dist-es/fixed-footer-layout.css-mistica.js +3 -3
- package/dist-es/fixed-footer-layout.js +98 -107
- package/dist-es/fixed-to-top.js +8 -8
- package/dist-es/generated/mistica-icons/icon-ethernet-filled.js +102 -0
- package/dist-es/generated/mistica-icons/icon-ethernet-light.js +102 -0
- package/dist-es/generated/mistica-icons/icon-ethernet-regular.js +102 -0
- package/dist-es/generated/mistica-icons/icon-routine-filled.js +102 -0
- package/dist-es/generated/mistica-icons/icon-routine-light.js +102 -0
- package/dist-es/generated/mistica-icons/icon-routine-regular.js +102 -0
- package/dist-es/header.css-mistica.js +1 -1
- package/dist-es/hero.css-mistica.js +2 -3
- package/dist-es/hero.js +121 -122
- package/dist-es/highlighted-card.css-mistica.js +5 -5
- package/dist-es/hooks.js +41 -40
- package/dist-es/horizontal-scroll.css-mistica.js +1 -1
- package/dist-es/icon-button.css-mistica.js +7 -7
- package/dist-es/icons/icon-error.js +29 -27
- package/dist-es/icons/icon-info.js +2 -0
- package/dist-es/icons/icon-success-vivo-new.js +1 -0
- package/dist-es/icons/icon-success-vivo.js +9 -8
- package/dist-es/image.css-mistica.js +2 -2
- package/dist-es/image.js +70 -68
- package/dist-es/index.js +1088 -1082
- package/dist-es/list.css-mistica.js +2 -2
- package/dist-es/list.js +342 -298
- package/dist-es/loading-bar.css-mistica.js +2 -2
- package/dist-es/loading-screen.css-mistica.js +3 -3
- package/dist-es/logo.js +93 -80
- 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 +12 -12
- 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 +6 -6
- package/dist-es/radio-button.js +70 -68
- package/dist-es/responsive-layout.css-mistica.js +5 -5
- package/dist-es/responsive-layout.js +41 -25
- package/dist-es/screen-reader-only.css-mistica.js +2 -2
- package/dist-es/select.css-mistica.js +9 -9
- package/dist-es/sheet.css-mistica.js +2 -2
- package/dist-es/skeletons.css-mistica.js +2 -2
- package/dist-es/skins/blau.js +11 -1
- package/dist-es/skins/movistar.js +13 -3
- package/dist-es/skins/o2-new.js +17 -8
- package/dist-es/skins/o2.js +11 -1
- package/dist-es/skins/skin-contract.css-mistica.js +268 -258
- package/dist-es/skins/telefonica.js +11 -1
- package/dist-es/skins/tu.js +13 -3
- package/dist-es/skins/vivo-new.js +13 -3
- package/dist-es/skins/vivo.js +13 -3
- 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 +833 -803
- 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 +19 -19
- package/dist-es/switch-component.js +32 -31
- package/dist-es/tabs.css-mistica.js +7 -7
- package/dist-es/tag.css-mistica.js +2 -2
- 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-field-components.js +15 -15
- package/dist-es/text-link.css-mistica.js +3 -3
- package/dist-es/text.js +76 -76
- package/dist-es/theme-context-provider.js +88 -84
- 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/video.js +1 -1
- package/package.json +1 -1
|
@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
Object.defineProperty(exports, "moreItems", {
|
|
6
6
|
enumerable: true,
|
|
7
7
|
get: function() {
|
|
8
|
-
return
|
|
8
|
+
return n;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
11
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
12
12
|
require("./stacking-group.css.ts.vanilla.css-mistica.js");
|
|
13
|
-
var
|
|
13
|
+
var n = "_1y38nye1 _1y2v1nfhk _1y2v1nfhe _1y2v1nfht _1y2v1nfhz";
|
|
@@ -13,22 +13,22 @@ _export(exports, {
|
|
|
13
13
|
return _;
|
|
14
14
|
},
|
|
15
15
|
barFilled: function() {
|
|
16
|
-
return
|
|
16
|
+
return r;
|
|
17
17
|
},
|
|
18
18
|
barFilledAnimation: function() {
|
|
19
|
-
return
|
|
19
|
+
return h;
|
|
20
20
|
},
|
|
21
21
|
barFilledReverseAnimation: function() {
|
|
22
|
-
return
|
|
22
|
+
return f;
|
|
23
23
|
},
|
|
24
24
|
currentNumber: function() {
|
|
25
|
-
return
|
|
25
|
+
return e;
|
|
26
26
|
},
|
|
27
27
|
iconAnimation: function() {
|
|
28
|
-
return
|
|
28
|
+
return a;
|
|
29
29
|
},
|
|
30
30
|
number: function() {
|
|
31
|
-
return
|
|
31
|
+
return y;
|
|
32
32
|
},
|
|
33
33
|
step: function() {
|
|
34
34
|
return m;
|
|
@@ -40,14 +40,14 @@ _export(exports, {
|
|
|
40
40
|
return t;
|
|
41
41
|
},
|
|
42
42
|
textContainer: function() {
|
|
43
|
-
return
|
|
43
|
+
return q;
|
|
44
44
|
},
|
|
45
45
|
vars: function() {
|
|
46
|
-
return
|
|
46
|
+
return p;
|
|
47
47
|
}
|
|
48
48
|
});
|
|
49
49
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
50
50
|
require("./stepper.css.ts.vanilla.css-mistica.js");
|
|
51
|
-
var _ = "_14h93mqk
|
|
51
|
+
var _ = "_14h93mqk _1y2v1nfir _1y2v1nfi7 _1y2v1nfkh _1y2v1nfkl", r = "_14h93mqm _1y2v1nfir _1y2v1nfi7 _1y2v1nfkh _1y2v1nfkl", h = "_14h93mqn", f = "_14h93mqp _1y2v1nfi9", e = "_14h93mqf", a = "_14h93mqc", y = "_14h93mqe _1y2v1nfhk _1y2v1nfhz _1y2v1nfht _1y2v1nfk3", m = "_14h93mq9 _1y2v1nfhe _1y2v1nfhl _1y2v1nfhq _1y2v1nfhz", i = "_14h93mqb _1y2v1nfhe _1y2v1nfhk", t = "_14h93mq7 _1y2v1nfhk _1y2v1nfjr", q = "_14h93mqh _1y2v1nfhf", p = {
|
|
52
52
|
stepperMinHeight: "var(--_14h93mq0)"
|
|
53
53
|
};
|
|
@@ -16,13 +16,13 @@ _export(exports, {
|
|
|
16
16
|
return v;
|
|
17
17
|
},
|
|
18
18
|
checkboxVariants: function() {
|
|
19
|
-
return
|
|
19
|
+
return f;
|
|
20
20
|
},
|
|
21
21
|
container: function() {
|
|
22
22
|
return p;
|
|
23
23
|
},
|
|
24
24
|
containerDisabled: function() {
|
|
25
|
-
return
|
|
25
|
+
return q;
|
|
26
26
|
},
|
|
27
27
|
disabled: function() {
|
|
28
28
|
return y;
|
|
@@ -34,28 +34,28 @@ _export(exports, {
|
|
|
34
34
|
return e;
|
|
35
35
|
},
|
|
36
36
|
switchCheckboxLabel: function() {
|
|
37
|
-
return
|
|
37
|
+
return r;
|
|
38
38
|
}
|
|
39
39
|
});
|
|
40
40
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
41
41
|
require("./switch-component.css.ts.vanilla.css-mistica.js");
|
|
42
42
|
var n = {
|
|
43
|
-
default: "q0hp3aw q0hp3au q0hp3at
|
|
44
|
-
ios: "q0hp3ax q0hp3av q0hp3at
|
|
45
|
-
checked: "q0hp3ay q0hp3au q0hp3at
|
|
46
|
-
checkedIos: "q0hp3az q0hp3av q0hp3at
|
|
43
|
+
default: "q0hp3aw q0hp3au q0hp3at _1y2v1nfhf _1y2v1nfm0 _1y2v1nfhm _1y2v1nfk3",
|
|
44
|
+
ios: "q0hp3ax q0hp3av q0hp3at _1y2v1nfhf _1y2v1nfm0 _1y2v1nfhm _1y2v1nfk3",
|
|
45
|
+
checked: "q0hp3ay q0hp3au q0hp3at _1y2v1nfhf _1y2v1nfm0 _1y2v1nfhm _1y2v1nfk3",
|
|
46
|
+
checkedIos: "q0hp3az q0hp3av q0hp3at _1y2v1nfhf _1y2v1nfm0 _1y2v1nfhm _1y2v1nfk3"
|
|
47
47
|
}, v = {
|
|
48
|
-
default: "q0hp3ai q0hp3ah
|
|
49
|
-
ios: "q0hp3aj q0hp3ah
|
|
50
|
-
iosDark: "q0hp3ak q0hp3ah
|
|
51
|
-
checked: "q0hp3al q0hp3ah
|
|
52
|
-
checkedIos: "q0hp3am q0hp3ah
|
|
53
|
-
},
|
|
54
|
-
default: "q0hp3a6
|
|
55
|
-
ios: "q0hp3a7
|
|
56
|
-
disabled: "q0hp3a8
|
|
57
|
-
disabledIos: "q0hp3a9
|
|
58
|
-
}, p = "q0hp3ap q0hp3an",
|
|
59
|
-
default: "q0hp3ac q0hp3ab
|
|
60
|
-
ios: "q0hp3ad q0hp3ab
|
|
61
|
-
},
|
|
48
|
+
default: "q0hp3ai q0hp3ah _1y2v1nfhm",
|
|
49
|
+
ios: "q0hp3aj q0hp3ah _1y2v1nfhm",
|
|
50
|
+
iosDark: "q0hp3ak q0hp3ah _1y2v1nfhm",
|
|
51
|
+
checked: "q0hp3al q0hp3ah _1y2v1nfhm",
|
|
52
|
+
checkedIos: "q0hp3am q0hp3ah _1y2v1nfhm"
|
|
53
|
+
}, f = {
|
|
54
|
+
default: "q0hp3a6 _1y2v1nfho _1y2v1nfkk",
|
|
55
|
+
ios: "q0hp3a7 _1y2v1nfho _1y2v1nfkk",
|
|
56
|
+
disabled: "q0hp3a8 _1y2v1nfho _1y2v1nfkk",
|
|
57
|
+
disabledIos: "q0hp3a9 _1y2v1nfho _1y2v1nfkk"
|
|
58
|
+
}, p = "q0hp3ap q0hp3an", q = "q0hp3aq q0hp3an", y = "q0hp3ar", _ = "q0hp3ao", e = {
|
|
59
|
+
default: "q0hp3ac q0hp3ab _1y2v1nfhe",
|
|
60
|
+
ios: "q0hp3ad q0hp3ab _1y2v1nfhe"
|
|
61
|
+
}, r = "q0hp3af _1y2v1nfhm _1y2v1nfkl";
|
|
@@ -15,6 +15,7 @@ type PropsRender = {
|
|
|
15
15
|
render: RenderSwitch;
|
|
16
16
|
children?: undefined;
|
|
17
17
|
'aria-labelledby'?: string;
|
|
18
|
+
'aria-label'?: string;
|
|
18
19
|
dataAttributes?: DataAttributes;
|
|
19
20
|
};
|
|
20
21
|
type PropsChildren = {
|
|
@@ -26,6 +27,7 @@ type PropsChildren = {
|
|
|
26
27
|
children?: React.ReactNode;
|
|
27
28
|
render?: undefined;
|
|
28
29
|
'aria-labelledby'?: string;
|
|
30
|
+
'aria-label'?: string;
|
|
29
31
|
dataAttributes?: DataAttributes;
|
|
30
32
|
};
|
|
31
33
|
declare const Switch: React.FC<PropsRender | PropsChildren>;
|
package/dist/switch-component.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 U;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
12
|
const _jsxruntime = require("react/jsx-runtime");
|
|
@@ -117,33 +117,33 @@ function _object_spread_props(target, source) {
|
|
|
117
117
|
}
|
|
118
118
|
return target;
|
|
119
119
|
}
|
|
120
|
-
const
|
|
121
|
-
const { isIos:
|
|
120
|
+
const L = (e)=>{
|
|
121
|
+
const { isIos: d, isDarkMode: f } = (0, _hooks.useTheme)(), n = (0, _hooks.useAriaId)(e["aria-labelledby"]), { defaultValue: u, value: l, onChange: a, focusableRef: k, disabled: i } = (0, _formcontext.useControlProps)({
|
|
122
122
|
name: e.name,
|
|
123
123
|
value: e.checked,
|
|
124
124
|
defaultValue: e.defaultChecked,
|
|
125
125
|
onChange: e.onChange,
|
|
126
126
|
disabled: e.disabled
|
|
127
|
-
}), [
|
|
128
|
-
a == null || a(
|
|
127
|
+
}), [c, v] = _react.useState(!!u), r = l !== null && l !== void 0 ? l : c, N = _react.useMemo(()=>process.env.NODE_ENV === "test" ? (t)=>a == null ? void 0 : a(t) : (0, _helpers.debounce)((t)=>{
|
|
128
|
+
a == null || a(t);
|
|
129
129
|
}, 300), [
|
|
130
130
|
a
|
|
131
|
-
]),
|
|
132
|
-
|
|
133
|
-
}, w = (
|
|
134
|
-
|
|
131
|
+
]), o = ()=>{
|
|
132
|
+
l !== void 0 ? a == null || a(!l) : (v(!c), N(!c));
|
|
133
|
+
}, w = (t)=>{
|
|
134
|
+
t.key === _keys.SPACE && (t.preventDefault(), t.stopPropagation(), o());
|
|
135
135
|
}, m = /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
136
|
-
className: _switchcomponentcssmistica.checkboxVariants[
|
|
136
|
+
className: _switchcomponentcssmistica.checkboxVariants[d ? i ? "disabledIos" : "ios" : i ? "disabled" : "default"],
|
|
137
137
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
138
|
-
className: _switchcomponentcssmistica.switchCheckboxContainerVariants[
|
|
138
|
+
className: _switchcomponentcssmistica.switchCheckboxContainerVariants[d ? "ios" : "default"],
|
|
139
139
|
children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
|
|
140
140
|
className: _switchcomponentcssmistica.switchCheckboxLabel,
|
|
141
141
|
children: [
|
|
142
142
|
/* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
|
|
143
|
-
className: _switchcomponentcssmistica.barVariants[
|
|
143
|
+
className: _switchcomponentcssmistica.barVariants[d ? r ? "checkedIos" : f ? "iosDark" : "ios" : r ? "checked" : "default"]
|
|
144
144
|
}),
|
|
145
145
|
/* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
|
|
146
|
-
className: _switchcomponentcssmistica.ballVariants[
|
|
146
|
+
className: _switchcomponentcssmistica.ballVariants[d ? r ? "checkedIos" : "ios" : r ? "checked" : "default"]
|
|
147
147
|
})
|
|
148
148
|
]
|
|
149
149
|
})
|
|
@@ -152,23 +152,24 @@ const F = (e)=>{
|
|
|
152
152
|
return(// eslint-disable-next-line jsx-a11y/interactive-supports-focus
|
|
153
153
|
/* @__PURE__ */ (0, _jsxruntime.jsx)("span", _object_spread_props(_object_spread({
|
|
154
154
|
role: "switch",
|
|
155
|
-
"aria-checked":
|
|
156
|
-
onClick: (
|
|
157
|
-
|
|
155
|
+
"aria-checked": l !== null && l !== void 0 ? l : c,
|
|
156
|
+
onClick: (t)=>{
|
|
157
|
+
t.stopPropagation(), i || o();
|
|
158
158
|
},
|
|
159
|
-
onKeyDown:
|
|
160
|
-
tabIndex:
|
|
159
|
+
onKeyDown: i ? void 0 : w,
|
|
160
|
+
tabIndex: i ? void 0 : 0,
|
|
161
161
|
ref: k,
|
|
162
|
-
className:
|
|
163
|
-
"aria-disabled":
|
|
164
|
-
"aria-
|
|
162
|
+
className: i ? _switchcomponentcssmistica.containerDisabled : _switchcomponentcssmistica.container,
|
|
163
|
+
"aria-disabled": i,
|
|
164
|
+
"aria-label": e["aria-label"],
|
|
165
|
+
"aria-labelledby": e["aria-label"] ? void 0 : n
|
|
165
166
|
}, (0, _dom.getPrefixedDataAttributes)(e.dataAttributes, "Switch")), {
|
|
166
167
|
children: e.render ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_jsxruntime.Fragment, {
|
|
167
168
|
children: e.render({
|
|
168
169
|
controlElement: m,
|
|
169
|
-
labelId:
|
|
170
|
-
disabled: !!
|
|
171
|
-
checked:
|
|
170
|
+
labelId: n,
|
|
171
|
+
disabled: !!i,
|
|
172
|
+
checked: l !== null && l !== void 0 ? l : c
|
|
172
173
|
})
|
|
173
174
|
}) : /* @__PURE__ */ (0, _jsxruntime.jsxs)(_inline.default, {
|
|
174
175
|
space: 16,
|
|
@@ -179,13 +180,13 @@ const F = (e)=>{
|
|
|
179
180
|
e.children && /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
|
|
180
181
|
regular: !0,
|
|
181
182
|
as: "div",
|
|
182
|
-
id:
|
|
183
|
+
id: n,
|
|
183
184
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
|
|
184
|
-
className:
|
|
185
|
+
className: i ? _switchcomponentcssmistica.disabled : "",
|
|
185
186
|
children: e.children
|
|
186
187
|
})
|
|
187
188
|
})
|
|
188
189
|
]
|
|
189
190
|
})
|
|
190
191
|
})));
|
|
191
|
-
},
|
|
192
|
+
}, U = L;
|
package/dist/tabs.css-mistica.js
CHANGED
|
@@ -10,7 +10,7 @@ function _export(target, all) {
|
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
12
|
animatedLine: function() {
|
|
13
|
-
return
|
|
13
|
+
return f;
|
|
14
14
|
},
|
|
15
15
|
icon: function() {
|
|
16
16
|
return e;
|
|
@@ -22,13 +22,13 @@ _export(exports, {
|
|
|
22
22
|
return _;
|
|
23
23
|
},
|
|
24
24
|
outerBorder: function() {
|
|
25
|
-
return
|
|
25
|
+
return a;
|
|
26
26
|
},
|
|
27
27
|
outerBorderInverse: function() {
|
|
28
28
|
return r;
|
|
29
29
|
},
|
|
30
30
|
tabHover: function() {
|
|
31
|
-
return
|
|
31
|
+
return l;
|
|
32
32
|
},
|
|
33
33
|
tabSelectionVariants: function() {
|
|
34
34
|
return o;
|
|
@@ -37,22 +37,22 @@ _export(exports, {
|
|
|
37
37
|
return t;
|
|
38
38
|
},
|
|
39
39
|
tabsContainer: function() {
|
|
40
|
-
return
|
|
40
|
+
return i;
|
|
41
41
|
}
|
|
42
42
|
});
|
|
43
43
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
44
44
|
require("./tabs.css.ts.vanilla.css-mistica.js");
|
|
45
|
-
var
|
|
45
|
+
var f = "_1y2v1nfhj _1y2v1nfhf _1y2v1nfl6 _1y2v1nfm0 _1y2v1nfiq", e = "lgofm1q", y = "lgofm14", _ = "lgofm13 _1y2v1nfjv _1y2v1nfi7 _1y2v1nfhe", a = "lgofm10", r = "lgofm11", l = {
|
|
46
46
|
default: "lgofm1a",
|
|
47
47
|
inverse: "lgofm1b"
|
|
48
48
|
}, o = {
|
|
49
|
-
noSelected: "
|
|
50
|
-
noSelectedInverse: "
|
|
49
|
+
noSelected: "_1y2v1nf28",
|
|
50
|
+
noSelectedInverse: "_1y2v1nf29",
|
|
51
51
|
selected: "lgofm1g",
|
|
52
52
|
selectedInverse: "lgofm1h",
|
|
53
53
|
selectedAnimating: "lgofm1i",
|
|
54
54
|
selectedAnimatingInverse: "lgofm1j"
|
|
55
55
|
}, t = {
|
|
56
|
-
default: "lgofm17
|
|
57
|
-
fullWidth: "lgofm19 lgofm17
|
|
58
|
-
},
|
|
56
|
+
default: "lgofm17 _1y2v1nfaa _1y2v1nfbj _1y2v1nfhl _1y2v1nfi2 _1y2v1nfhz _1y2v1nfht _1y2v1nfjj _1y2v1nfjv _1y2v1nf7c",
|
|
57
|
+
fullWidth: "lgofm19 lgofm17 _1y2v1nfaa _1y2v1nfbj _1y2v1nfhl _1y2v1nfi2 _1y2v1nfhz _1y2v1nfht _1y2v1nfjj _1y2v1nfjv _1y2v1nf7c"
|
|
58
|
+
}, i = "_1y2v1nfjv _1y2v1nfi7 _1y2v1nfhk";
|
package/dist/tag.css-mistica.js
CHANGED
|
@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
Object.defineProperty(exports, "tag", {
|
|
6
6
|
enumerable: true,
|
|
7
7
|
get: function() {
|
|
8
|
-
return
|
|
8
|
+
return _;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
11
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
12
12
|
require("./tag.css.ts.vanilla.css-mistica.js");
|
|
13
|
-
var
|
|
13
|
+
var _ = "_1wy08671 _1y2v1nf7j _1y2v1nf8s _1y2v1nfhl _1y2v1nfhp _1y2v1nfhz _1y2v1nfht _1y2v1nfjg";
|
|
@@ -16,16 +16,16 @@ _export(exports, {
|
|
|
16
16
|
return v;
|
|
17
17
|
},
|
|
18
18
|
fieldElementsGap: function() {
|
|
19
|
-
return
|
|
19
|
+
return y;
|
|
20
20
|
},
|
|
21
21
|
fieldEndIconContainer: function() {
|
|
22
|
-
return
|
|
22
|
+
return a;
|
|
23
23
|
},
|
|
24
24
|
fieldEndIconGap: function() {
|
|
25
|
-
return
|
|
25
|
+
return f;
|
|
26
26
|
},
|
|
27
27
|
fieldLeftPadding: function() {
|
|
28
|
-
return
|
|
28
|
+
return h;
|
|
29
29
|
},
|
|
30
30
|
fieldRightPadding: function() {
|
|
31
31
|
return i;
|
|
@@ -34,10 +34,10 @@ _export(exports, {
|
|
|
34
34
|
return _;
|
|
35
35
|
},
|
|
36
36
|
hiddenDatePlaceholder: function() {
|
|
37
|
-
return
|
|
37
|
+
return d;
|
|
38
38
|
},
|
|
39
39
|
iconButtonSize: function() {
|
|
40
|
-
return
|
|
40
|
+
return l;
|
|
41
41
|
},
|
|
42
42
|
input: function() {
|
|
43
43
|
return o;
|
|
@@ -49,34 +49,34 @@ _export(exports, {
|
|
|
49
49
|
return u;
|
|
50
50
|
},
|
|
51
51
|
inputWithoutLabel: function() {
|
|
52
|
-
return
|
|
52
|
+
return m;
|
|
53
53
|
},
|
|
54
54
|
menuItem: function() {
|
|
55
|
-
return
|
|
55
|
+
return c;
|
|
56
56
|
},
|
|
57
57
|
menuItemSelected: function() {
|
|
58
|
-
return
|
|
58
|
+
return b;
|
|
59
59
|
},
|
|
60
60
|
prefix: function() {
|
|
61
|
-
return
|
|
61
|
+
return g;
|
|
62
62
|
},
|
|
63
63
|
startIcon: function() {
|
|
64
|
-
return
|
|
64
|
+
return k;
|
|
65
65
|
},
|
|
66
66
|
suggestionsContainer: function() {
|
|
67
|
-
return
|
|
67
|
+
return x;
|
|
68
68
|
},
|
|
69
69
|
textArea: function() {
|
|
70
|
-
return
|
|
70
|
+
return s;
|
|
71
71
|
},
|
|
72
72
|
textAreaWithLabel: function() {
|
|
73
|
-
return
|
|
73
|
+
return I;
|
|
74
74
|
},
|
|
75
75
|
textAreaWithoutLabel: function() {
|
|
76
|
-
return
|
|
76
|
+
return L;
|
|
77
77
|
}
|
|
78
78
|
});
|
|
79
79
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
80
80
|
require("./icon-button.css.ts.vanilla.css-mistica.js");
|
|
81
81
|
require("./text-field-base.css.ts.vanilla.css-mistica.js");
|
|
82
|
-
var n = "rhey4t8", v = "rhey4th
|
|
82
|
+
var n = "rhey4t8", v = "rhey4th _1y2v1nfa1 _1y2v1nfhk _1y2v1nfhz", y = 12, a = "rhey4tr", f = 4, h = 11, i = 15, _ = "rhey4t4", d = "rhey4t7", l = "calc(1.5rem + 24px)", o = "rhey4ta _1y2v1nfhe rhey4t1 _1y2v1nfk2 _1y2v1nfj5 _1y2v1nf26 _1y2v1nfi7", p = "rhey4tb", u = "rhey4tc", m = "rhey4td", c = "rhey4tn _1y2v1nfhk _1y2v1nfhz _1y2v1nfkk", b = "_1y2v1nf44", g = "rhey4tl _1y2v1nfbg", k = "rhey4tj _1y2v1nfbg _1y2v1nfhk _1y2v1nfhz _1y2v1nfio _1y2v1nfhf", x = "rhey4tq _1y2v1nfhf", s = "rhey4t6 _1y2v1nf7d _1y2v1nf8m rhey4t1 _1y2v1nfk2 _1y2v1nfj5 _1y2v1nf26 _1y2v1nfi7", I = "rhey4te", L = "rhey4tf";
|
|
@@ -10,7 +10,7 @@ function _export(target, all) {
|
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
12
|
DEFAULT_WIDTH: function() {
|
|
13
|
-
return
|
|
13
|
+
return a;
|
|
14
14
|
},
|
|
15
15
|
LABEL_SCALE_DESKTOP: function() {
|
|
16
16
|
return f;
|
|
@@ -19,22 +19,22 @@ _export(exports, {
|
|
|
19
19
|
return e;
|
|
20
20
|
},
|
|
21
21
|
disabled: function() {
|
|
22
|
-
return
|
|
22
|
+
return k;
|
|
23
23
|
},
|
|
24
24
|
field: function() {
|
|
25
|
-
return
|
|
25
|
+
return i;
|
|
26
26
|
},
|
|
27
27
|
fieldContainer: function() {
|
|
28
28
|
return y;
|
|
29
29
|
},
|
|
30
30
|
fullWidth: function() {
|
|
31
|
-
return
|
|
31
|
+
return t;
|
|
32
32
|
},
|
|
33
33
|
helperContainer: function() {
|
|
34
|
-
return
|
|
34
|
+
return l;
|
|
35
35
|
},
|
|
36
36
|
helperText: function() {
|
|
37
|
-
return
|
|
37
|
+
return h;
|
|
38
38
|
},
|
|
39
39
|
labelContainer: function() {
|
|
40
40
|
return u;
|
|
@@ -46,17 +46,17 @@ _export(exports, {
|
|
|
46
46
|
return d;
|
|
47
47
|
},
|
|
48
48
|
normalWidth: function() {
|
|
49
|
-
return
|
|
49
|
+
return p;
|
|
50
50
|
},
|
|
51
51
|
rightText: function() {
|
|
52
52
|
return L;
|
|
53
53
|
},
|
|
54
54
|
shrinked: function() {
|
|
55
|
-
return
|
|
55
|
+
return E;
|
|
56
56
|
}
|
|
57
57
|
});
|
|
58
58
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
59
59
|
require("./icon-button.css.ts.vanilla.css-mistica.js");
|
|
60
60
|
require("./text-field-base.css.ts.vanilla.css-mistica.js");
|
|
61
61
|
require("./text-field-components.css.ts.vanilla.css-mistica.js");
|
|
62
|
-
var
|
|
62
|
+
var a = 328, f = 0.78, e = 0.75, k = "_15k6ur97", i = "_1y2v1nfkl _1y2v1nfk1 _1y2v1nfhk _1y2v1nfka _1y2v1nfhe", y = "_15k6ur96 _1y2v1nfhk _1y2v1nfhq", t = "_1y2v1nfi7", l = "_1y2v1nfa7 _1y2v1nfbj _1y2v1nfhk", h = "_15k6ur9d", u = "_15k6ur91 _1y2v1nfhf _1y2v1nfhk _1y2v1nfhp", o = "_15k6ur93 _1y2v1nfkl _1y2v1nfi3", d = "_15k6ur9e", p = "_15k6ur99 _1y2v1nfi7", L = "_15k6ur9f", E = "_15k6ur94";
|
|
@@ -129,8 +129,8 @@ function _object_spread_props(target, source) {
|
|
|
129
129
|
return target;
|
|
130
130
|
}
|
|
131
131
|
const J = (param)=>{
|
|
132
|
-
let { shrinkLabel:
|
|
133
|
-
const f =
|
|
132
|
+
let { shrinkLabel: o, forId: s, inputState: r, error: l, children: i, style: n, optional: a } = param;
|
|
133
|
+
const f = o || r === "focused" || r === "filled", [u, h] = _react.useState("initial"), { texts: d } = (0, _hooks.useTheme)();
|
|
134
134
|
_react.useEffect(()=>{
|
|
135
135
|
const g = setTimeout(()=>{
|
|
136
136
|
process.env.NODE_ENV !== "test" && h("transform 150ms, width 150ms");
|
|
@@ -140,7 +140,7 @@ const J = (param)=>{
|
|
|
140
140
|
};
|
|
141
141
|
}, []);
|
|
142
142
|
let p = _skincontractcssmistica.vars.colors.textSecondary;
|
|
143
|
-
return l && r !== "default" ? p = _skincontractcssmistica.vars.colors.error : r === "focused" && (p = _skincontractcssmistica.vars.colors.
|
|
143
|
+
return l && r !== "default" ? p = _skincontractcssmistica.vars.colors.error : r === "focused" && (p = _skincontractcssmistica.vars.colors.textActivated), /* @__PURE__ */ (0, _jsxruntime.jsxs)("label", {
|
|
144
144
|
className: (0, _classnames.default)(_textfieldcomponentscssmistica.labelContainer, {
|
|
145
145
|
[_textfieldcomponentscssmistica.shrinked]: f
|
|
146
146
|
}, (0, _sprinklescssmistica.sprinkles)({
|
|
@@ -165,18 +165,18 @@ const J = (param)=>{
|
|
|
165
165
|
]
|
|
166
166
|
});
|
|
167
167
|
}, K = (param)=>{
|
|
168
|
-
let { leftText:
|
|
168
|
+
let { leftText: o, rightText: s, error: r, id: l } = param;
|
|
169
169
|
const i = (0, _themevariantcontext.useIsInverseVariant)(), n = i ? _skincontractcssmistica.vars.colors.textPrimaryInverse : r ? _skincontractcssmistica.vars.colors.error : _skincontractcssmistica.vars.colors.textSecondary, a = i ? _skincontractcssmistica.vars.colors.textPrimaryInverse : _skincontractcssmistica.vars.colors.textSecondary;
|
|
170
170
|
return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_jsxruntime.Fragment, {
|
|
171
171
|
children: [
|
|
172
|
-
|
|
172
|
+
o && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
173
173
|
className: (0, _classnames.default)(_textfieldcomponentscssmistica.helperText, _textfieldcomponentscssmistica.leftText),
|
|
174
174
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text1, {
|
|
175
175
|
color: n,
|
|
176
176
|
regular: !0,
|
|
177
177
|
as: "p",
|
|
178
178
|
id: l,
|
|
179
|
-
children:
|
|
179
|
+
children: o
|
|
180
180
|
})
|
|
181
181
|
}),
|
|
182
182
|
s && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
@@ -191,14 +191,14 @@ const J = (param)=>{
|
|
|
191
191
|
]
|
|
192
192
|
});
|
|
193
193
|
}, M = (param)=>{
|
|
194
|
-
let { multiline:
|
|
194
|
+
let { multiline: o, disabled: s, children: r, helperText: l, className: i, fieldRef: n, fullWidth: a, readOnly: f, dataAttributes: u } = param;
|
|
195
195
|
return /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", _object_spread_props(_object_spread({
|
|
196
196
|
className: (0, _classnames.default)(_textfieldcomponentscssmistica.fieldContainer, a ? _textfieldcomponentscssmistica.fullWidth : _textfieldcomponentscssmistica.normalWidth, {
|
|
197
197
|
[_textfieldcomponentscssmistica.disabled]: s
|
|
198
198
|
}),
|
|
199
199
|
onClick: (h)=>{
|
|
200
200
|
var d;
|
|
201
|
-
(d = h.currentTarget.querySelector(
|
|
201
|
+
(d = h.currentTarget.querySelector(o ? "textarea" : "input")) == null || d.focus();
|
|
202
202
|
}
|
|
203
203
|
}, (0, _dom.getPrefixedDataAttributes)(u)), {
|
|
204
204
|
children: [
|
|
@@ -11,7 +11,7 @@ Object.defineProperty(exports, "variants", {
|
|
|
11
11
|
require("./sprinkles.css.ts.vanilla.css-mistica.js");
|
|
12
12
|
require("./text-link.css.ts.vanilla.css-mistica.js");
|
|
13
13
|
var v = {
|
|
14
|
-
default: "_1m1n0pr1
|
|
15
|
-
inverseLight: "_1m1n0pr6 _1m1n0pr1
|
|
16
|
-
inverseDark: "_1m1n0pr7 _1m1n0pr1
|
|
14
|
+
default: "_1m1n0pr1 _1y2v1nfi8 _1y2v1nfhn _1y2v1nfkk _1y2v1nf2j",
|
|
15
|
+
inverseLight: "_1m1n0pr6 _1m1n0pr1 _1y2v1nfi8 _1y2v1nfhn _1y2v1nfkk _1y2v1nf2k",
|
|
16
|
+
inverseDark: "_1m1n0pr7 _1m1n0pr1 _1y2v1nfi8 _1y2v1nfhn _1y2v1nfkk _1y2v1nf2j"
|
|
17
17
|
};
|