@telefonica/mistica 16.51.0 → 16.52.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 +26 -26
- package/dist/callout.css-mistica.js +11 -11
- package/dist/card-internal.css-mistica.js +23 -20
- package/dist/card-internal.css.d.ts +1 -0
- package/dist/card-internal.js +129 -134
- 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/blocks.css-mistica.js +3 -3
- 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/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/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 +65 -62
- package/dist/icon-button.css.d.ts +1 -0
- package/dist/icon-button.js +43 -39
- 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 +11 -11
- 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/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/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 +642 -642
- 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 +11 -0
- package/dist/square.css.d.ts +1 -0
- package/dist/square.d.ts +20 -0
- package/dist/square.js +82 -0
- 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.css-mistica.js +6 -6
- package/dist/theme-context.css-mistica.js +1 -1
- 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 +26 -26
- package/dist-es/callout.css-mistica.js +11 -11
- package/dist-es/card-internal.css-mistica.js +16 -16
- package/dist-es/card-internal.js +163 -168
- 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/blocks.css-mistica.js +2 -2
- 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/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/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 +55 -55
- package/dist-es/icon-button.js +56 -52
- 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 +4 -4
- package/dist-es/index.js +2203 -2202
- 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/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/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 +642 -642
- 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 +2 -0
- package/dist-es/square.js +73 -0
- 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.css-mistica.js +6 -6
- package/dist-es/theme-context.css-mistica.js +1 -1
- 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/package.json +1 -1
package/dist/grid.css-mistica.js
CHANGED
|
@@ -74,140 +74,140 @@ _export(exports, {
|
|
|
74
74
|
}
|
|
75
75
|
});
|
|
76
76
|
/* empty css */ var _ = {
|
|
77
|
-
rowMinSize: "var(--
|
|
78
|
-
rowMaxSize: "var(--
|
|
79
|
-
columnMinSize: "var(--
|
|
80
|
-
columnMaxSize: "var(--
|
|
77
|
+
rowMinSize: "var(--v16_52_mfyikv0)",
|
|
78
|
+
rowMaxSize: "var(--v16_52_mfyikv1)",
|
|
79
|
+
columnMinSize: "var(--v16_52_mfyikv2)",
|
|
80
|
+
columnMaxSize: "var(--v16_52_mfyikv3)"
|
|
81
81
|
}, i = {
|
|
82
82
|
columnGap: {
|
|
83
|
-
desktop: "var(--
|
|
84
|
-
tablet: "var(--
|
|
85
|
-
mobile: "var(--
|
|
83
|
+
desktop: "var(--v16_52_mfyikv4)",
|
|
84
|
+
tablet: "var(--v16_52_mfyikv5)",
|
|
85
|
+
mobile: "var(--v16_52_mfyikv6)"
|
|
86
86
|
},
|
|
87
87
|
rowGap: {
|
|
88
|
-
desktop: "var(--
|
|
89
|
-
tablet: "var(--
|
|
90
|
-
mobile: "var(--
|
|
88
|
+
desktop: "var(--v16_52_mfyikv7)",
|
|
89
|
+
tablet: "var(--v16_52_mfyikv8)",
|
|
90
|
+
mobile: "var(--v16_52_mfyikv9)"
|
|
91
91
|
}
|
|
92
|
-
}, m = "
|
|
93
|
-
1: "
|
|
94
|
-
2: "
|
|
95
|
-
3: "
|
|
96
|
-
4: "
|
|
97
|
-
5: "
|
|
98
|
-
6: "
|
|
99
|
-
7: "
|
|
100
|
-
8: "
|
|
101
|
-
9: "
|
|
102
|
-
10: "
|
|
103
|
-
11: "
|
|
104
|
-
12: "
|
|
92
|
+
}, m = "v16_52_mfyikva", f = "v16_52_mfyikvb", y = "v16_52_mfyikvc", k = "v16_52_mfyikvd", e = {
|
|
93
|
+
1: "v16_52_mfyikve",
|
|
94
|
+
2: "v16_52_mfyikvf",
|
|
95
|
+
3: "v16_52_mfyikvg",
|
|
96
|
+
4: "v16_52_mfyikvh",
|
|
97
|
+
5: "v16_52_mfyikvi",
|
|
98
|
+
6: "v16_52_mfyikvj",
|
|
99
|
+
7: "v16_52_mfyikvk",
|
|
100
|
+
8: "v16_52_mfyikvl",
|
|
101
|
+
9: "v16_52_mfyikvm",
|
|
102
|
+
10: "v16_52_mfyikvn",
|
|
103
|
+
11: "v16_52_mfyikvo",
|
|
104
|
+
12: "v16_52_mfyikvp"
|
|
105
105
|
}, r = {
|
|
106
|
-
1: "
|
|
107
|
-
2: "
|
|
108
|
-
3: "
|
|
109
|
-
4: "
|
|
110
|
-
5: "
|
|
111
|
-
6: "
|
|
112
|
-
7: "
|
|
113
|
-
8: "
|
|
114
|
-
9: "
|
|
115
|
-
10: "
|
|
116
|
-
11: "
|
|
117
|
-
12: "
|
|
106
|
+
1: "v16_52_mfyikvq",
|
|
107
|
+
2: "v16_52_mfyikvr",
|
|
108
|
+
3: "v16_52_mfyikvs",
|
|
109
|
+
4: "v16_52_mfyikvt",
|
|
110
|
+
5: "v16_52_mfyikvu",
|
|
111
|
+
6: "v16_52_mfyikvv",
|
|
112
|
+
7: "v16_52_mfyikvw",
|
|
113
|
+
8: "v16_52_mfyikvx",
|
|
114
|
+
9: "v16_52_mfyikvy",
|
|
115
|
+
10: "v16_52_mfyikvz",
|
|
116
|
+
11: "v16_52_mfyikv10",
|
|
117
|
+
12: "v16_52_mfyikv11"
|
|
118
118
|
}, a = {
|
|
119
|
-
column: "
|
|
120
|
-
row: "
|
|
121
|
-
"row dense": "
|
|
122
|
-
"column dense": "
|
|
119
|
+
column: "v16_52_mfyikv12",
|
|
120
|
+
row: "v16_52_mfyikv13",
|
|
121
|
+
"row dense": "v16_52_mfyikv14",
|
|
122
|
+
"column dense": "v16_52_mfyikv15"
|
|
123
123
|
}, t = {
|
|
124
|
-
start: "
|
|
125
|
-
end: "
|
|
126
|
-
center: "
|
|
127
|
-
stretch: "
|
|
124
|
+
start: "v16_52_mfyikv16",
|
|
125
|
+
end: "v16_52_mfyikv17",
|
|
126
|
+
center: "v16_52_mfyikv18",
|
|
127
|
+
stretch: "v16_52_mfyikv19"
|
|
128
128
|
}, n = {
|
|
129
|
-
start: "
|
|
130
|
-
end: "
|
|
131
|
-
center: "
|
|
132
|
-
stretch: "
|
|
133
|
-
baseline: "
|
|
129
|
+
start: "v16_52_mfyikv1a",
|
|
130
|
+
end: "v16_52_mfyikv1b",
|
|
131
|
+
center: "v16_52_mfyikv1c",
|
|
132
|
+
stretch: "v16_52_mfyikv1d",
|
|
133
|
+
baseline: "v16_52_mfyikv1e"
|
|
134
134
|
}, s = {
|
|
135
|
-
start: "
|
|
136
|
-
end: "
|
|
137
|
-
center: "
|
|
138
|
-
stretch: "
|
|
139
|
-
"space-between": "
|
|
140
|
-
"space-around": "
|
|
141
|
-
"space-evenly": "
|
|
135
|
+
start: "v16_52_mfyikv1f",
|
|
136
|
+
end: "v16_52_mfyikv1g",
|
|
137
|
+
center: "v16_52_mfyikv1h",
|
|
138
|
+
stretch: "v16_52_mfyikv1i",
|
|
139
|
+
"space-between": "v16_52_mfyikv1j",
|
|
140
|
+
"space-around": "v16_52_mfyikv1k",
|
|
141
|
+
"space-evenly": "v16_52_mfyikv1l"
|
|
142
142
|
}, o = {
|
|
143
|
-
start: "
|
|
144
|
-
end: "
|
|
145
|
-
center: "
|
|
146
|
-
stretch: "
|
|
147
|
-
"space-between": "
|
|
148
|
-
"space-around": "
|
|
149
|
-
"space-evenly": "
|
|
150
|
-
}, l = "
|
|
151
|
-
1: "
|
|
152
|
-
2: "
|
|
153
|
-
3: "
|
|
154
|
-
4: "
|
|
155
|
-
5: "
|
|
156
|
-
6: "
|
|
157
|
-
7: "
|
|
158
|
-
8: "
|
|
159
|
-
9: "
|
|
160
|
-
10: "
|
|
161
|
-
11: "
|
|
162
|
-
12: "
|
|
143
|
+
start: "v16_52_mfyikv1m",
|
|
144
|
+
end: "v16_52_mfyikv1n",
|
|
145
|
+
center: "v16_52_mfyikv1o",
|
|
146
|
+
stretch: "v16_52_mfyikv1p",
|
|
147
|
+
"space-between": "v16_52_mfyikv1q",
|
|
148
|
+
"space-around": "v16_52_mfyikv1r",
|
|
149
|
+
"space-evenly": "v16_52_mfyikv1s"
|
|
150
|
+
}, l = "v16_52_mfyikv1t", c = "v16_52_mfyikv1u", d = {
|
|
151
|
+
1: "v16_52_mfyikv1v",
|
|
152
|
+
2: "v16_52_mfyikv1w",
|
|
153
|
+
3: "v16_52_mfyikv1x",
|
|
154
|
+
4: "v16_52_mfyikv1y",
|
|
155
|
+
5: "v16_52_mfyikv1z",
|
|
156
|
+
6: "v16_52_mfyikv20",
|
|
157
|
+
7: "v16_52_mfyikv21",
|
|
158
|
+
8: "v16_52_mfyikv22",
|
|
159
|
+
9: "v16_52_mfyikv23",
|
|
160
|
+
10: "v16_52_mfyikv24",
|
|
161
|
+
11: "v16_52_mfyikv25",
|
|
162
|
+
12: "v16_52_mfyikv26"
|
|
163
163
|
}, p = {
|
|
164
|
-
1: "
|
|
165
|
-
2: "
|
|
166
|
-
3: "
|
|
167
|
-
4: "
|
|
168
|
-
5: "
|
|
169
|
-
6: "
|
|
170
|
-
7: "
|
|
171
|
-
8: "
|
|
172
|
-
9: "
|
|
173
|
-
10: "
|
|
174
|
-
11: "
|
|
175
|
-
12: "
|
|
164
|
+
1: "v16_52_mfyikv27",
|
|
165
|
+
2: "v16_52_mfyikv28",
|
|
166
|
+
3: "v16_52_mfyikv29",
|
|
167
|
+
4: "v16_52_mfyikv2a",
|
|
168
|
+
5: "v16_52_mfyikv2b",
|
|
169
|
+
6: "v16_52_mfyikv2c",
|
|
170
|
+
7: "v16_52_mfyikv2d",
|
|
171
|
+
8: "v16_52_mfyikv2e",
|
|
172
|
+
9: "v16_52_mfyikv2f",
|
|
173
|
+
10: "v16_52_mfyikv2g",
|
|
174
|
+
11: "v16_52_mfyikv2h",
|
|
175
|
+
12: "v16_52_mfyikv2i"
|
|
176
176
|
}, u = {
|
|
177
|
-
1: "
|
|
178
|
-
2: "
|
|
179
|
-
3: "
|
|
180
|
-
4: "
|
|
181
|
-
5: "
|
|
182
|
-
6: "
|
|
183
|
-
7: "
|
|
184
|
-
8: "
|
|
185
|
-
9: "
|
|
186
|
-
10: "
|
|
187
|
-
11: "
|
|
188
|
-
12: "
|
|
177
|
+
1: "v16_52_mfyikv2j",
|
|
178
|
+
2: "v16_52_mfyikv2k",
|
|
179
|
+
3: "v16_52_mfyikv2l",
|
|
180
|
+
4: "v16_52_mfyikv2m",
|
|
181
|
+
5: "v16_52_mfyikv2n",
|
|
182
|
+
6: "v16_52_mfyikv2o",
|
|
183
|
+
7: "v16_52_mfyikv2p",
|
|
184
|
+
8: "v16_52_mfyikv2q",
|
|
185
|
+
9: "v16_52_mfyikv2r",
|
|
186
|
+
10: "v16_52_mfyikv2s",
|
|
187
|
+
11: "v16_52_mfyikv2t",
|
|
188
|
+
12: "v16_52_mfyikv2u"
|
|
189
189
|
}, g = {
|
|
190
|
-
1: "
|
|
191
|
-
2: "
|
|
192
|
-
3: "
|
|
193
|
-
4: "
|
|
194
|
-
5: "
|
|
195
|
-
6: "
|
|
196
|
-
7: "
|
|
197
|
-
8: "
|
|
198
|
-
9: "
|
|
199
|
-
10: "
|
|
200
|
-
11: "
|
|
201
|
-
12: "
|
|
190
|
+
1: "v16_52_mfyikv2v",
|
|
191
|
+
2: "v16_52_mfyikv2w",
|
|
192
|
+
3: "v16_52_mfyikv2x",
|
|
193
|
+
4: "v16_52_mfyikv2y",
|
|
194
|
+
5: "v16_52_mfyikv2z",
|
|
195
|
+
6: "v16_52_mfyikv30",
|
|
196
|
+
7: "v16_52_mfyikv31",
|
|
197
|
+
8: "v16_52_mfyikv32",
|
|
198
|
+
9: "v16_52_mfyikv33",
|
|
199
|
+
10: "v16_52_mfyikv34",
|
|
200
|
+
11: "v16_52_mfyikv35",
|
|
201
|
+
12: "v16_52_mfyikv36"
|
|
202
202
|
}, w = {
|
|
203
|
-
start: "
|
|
204
|
-
end: "
|
|
205
|
-
center: "
|
|
206
|
-
stretch: "
|
|
203
|
+
start: "v16_52_mfyikv37",
|
|
204
|
+
end: "v16_52_mfyikv38",
|
|
205
|
+
center: "v16_52_mfyikv39",
|
|
206
|
+
stretch: "v16_52_mfyikv3a"
|
|
207
207
|
}, b = {
|
|
208
|
-
start: "
|
|
209
|
-
end: "
|
|
210
|
-
center: "
|
|
211
|
-
stretch: "
|
|
212
|
-
baseline: "
|
|
208
|
+
start: "v16_52_mfyikv3b",
|
|
209
|
+
end: "v16_52_mfyikv3c",
|
|
210
|
+
center: "v16_52_mfyikv3d",
|
|
211
|
+
stretch: "v16_52_mfyikv3e",
|
|
212
|
+
baseline: "v16_52_mfyikv3f"
|
|
213
213
|
};
|
|
@@ -22,4 +22,4 @@ _export(exports, {
|
|
|
22
22
|
return e;
|
|
23
23
|
}
|
|
24
24
|
});
|
|
25
|
-
/* empty css */ /* empty css */ var e = "
|
|
25
|
+
/* empty css */ /* empty css */ var e = "v16_52_mtk7e90", m = "v16_52_mtk7e92 v16_52_mtk7e90 v16_52_mtk7e91 v16_52_1y2v1nfhe", r = "v16_52_mtk7e93", t = "v16_52_mtk7e94 v16_52_1y2v1nfpm v16_52_1y2v1nfps";
|
package/dist/hero.css-mistica.js
CHANGED
|
@@ -44,5 +44,5 @@ _export(exports, {
|
|
|
44
44
|
}
|
|
45
45
|
});
|
|
46
46
|
/* empty css */ /* empty css */ var r = {
|
|
47
|
-
height: "var(--
|
|
48
|
-
}, n = "
|
|
47
|
+
height: "var(--v16_52_16rbpto0)"
|
|
48
|
+
}, n = "v16_52_16rbpto1 v16_52_1y2v1nfqq", t = "v16_52_16rbpto3 v16_52_16rbpto2 v16_52_1y2v1nfpm", o = "v16_52_16rbpto4 v16_52_1y2v1nfqq v16_52_1y2v1nfpm v16_52_1y2v1nfpy v16_52_1y2v1nfps", p = "v16_52_16rbpto5", a = "v16_52_16rbpto6 v16_52_1y2v1nfps", e = "v16_52_16rbpto7 v16_52_1y2v1nfq1 v16_52_1y2v1nfqq", y = "v16_52_16rbpto9 v16_52_16rbpto8 v16_52_1y2v1nfpm v16_52_1y2v1nfq8 v16_52_1y2v1nfq2", b = "v16_52_16rbptoa", f = "v16_52_16rbptob", i = "v16_52_16rbptoc v16_52_1y2v1nfpm v16_52_1y2v1nfps";
|
|
@@ -16,4 +16,4 @@ _export(exports, {
|
|
|
16
16
|
return l;
|
|
17
17
|
}
|
|
18
18
|
});
|
|
19
|
-
/* empty css */ /* empty css */ /* empty css */ var l = "
|
|
19
|
+
/* empty css */ /* empty css */ /* empty css */ var l = "v16_52_1gl3gmv1 v16_52_1gl3gmv0 v16_52_1y2v1nfpm", m = "v16_52_1gl3gmv2";
|
|
@@ -10,28 +10,31 @@ function _export(target, all) {
|
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
12
|
get bleedLeft () {
|
|
13
|
-
return
|
|
13
|
+
return q;
|
|
14
14
|
},
|
|
15
15
|
get bleedRight () {
|
|
16
|
-
return
|
|
16
|
+
return f;
|
|
17
17
|
},
|
|
18
18
|
get bleedY () {
|
|
19
|
-
return
|
|
19
|
+
return i;
|
|
20
20
|
},
|
|
21
|
-
get
|
|
21
|
+
get button () {
|
|
22
22
|
return y;
|
|
23
23
|
},
|
|
24
|
+
get buttonContainer () {
|
|
25
|
+
return d;
|
|
26
|
+
},
|
|
24
27
|
get disabled () {
|
|
25
28
|
return v;
|
|
26
29
|
},
|
|
27
30
|
get icon () {
|
|
28
|
-
return
|
|
31
|
+
return b;
|
|
29
32
|
},
|
|
30
33
|
get iconButtonTokens () {
|
|
31
34
|
return t;
|
|
32
35
|
},
|
|
33
36
|
get iconContainer () {
|
|
34
|
-
return
|
|
37
|
+
return s;
|
|
35
38
|
},
|
|
36
39
|
get iconContainerSize () {
|
|
37
40
|
return o;
|
|
@@ -46,73 +49,73 @@ _export(exports, {
|
|
|
46
49
|
return l;
|
|
47
50
|
},
|
|
48
51
|
get overlay () {
|
|
49
|
-
return
|
|
52
|
+
return u;
|
|
50
53
|
},
|
|
51
54
|
get overlayContainer () {
|
|
52
55
|
return n;
|
|
53
56
|
},
|
|
54
57
|
get spinner () {
|
|
55
|
-
return
|
|
58
|
+
return g;
|
|
56
59
|
}
|
|
57
60
|
});
|
|
58
61
|
/* empty css */ /* empty css */ var t = {
|
|
59
|
-
"brand-solid-default": "
|
|
60
|
-
"brand-solid-brand": "
|
|
61
|
-
"brand-solid-negative": "
|
|
62
|
-
"brand-solid-alternative": "
|
|
63
|
-
"brand-soft-default": "
|
|
64
|
-
"brand-soft-brand": "
|
|
65
|
-
"brand-soft-negative": "
|
|
66
|
-
"brand-soft-alternative": "
|
|
67
|
-
"brand-transparent-default": "
|
|
68
|
-
"brand-transparent-brand": "
|
|
69
|
-
"brand-transparent-negative": "
|
|
70
|
-
"brand-transparent-alternative": "
|
|
71
|
-
"neutral-solid-default": "
|
|
72
|
-
"neutral-solid-brand": "
|
|
73
|
-
"neutral-solid-negative": "
|
|
74
|
-
"neutral-solid-alternative": "
|
|
75
|
-
"neutral-soft-default": "
|
|
76
|
-
"neutral-soft-brand": "
|
|
77
|
-
"neutral-soft-negative": "
|
|
78
|
-
"neutral-soft-alternative": "
|
|
79
|
-
"neutral-transparent-default": "
|
|
80
|
-
"neutral-transparent-brand": "
|
|
81
|
-
"neutral-transparent-negative": "
|
|
82
|
-
"neutral-transparent-alternative": "
|
|
83
|
-
"danger-solid-default": "
|
|
84
|
-
"danger-solid-brand": "
|
|
85
|
-
"danger-solid-negative": "
|
|
86
|
-
"danger-solid-alternative": "
|
|
87
|
-
"danger-soft-default": "
|
|
88
|
-
"danger-soft-brand": "
|
|
89
|
-
"danger-soft-negative": "
|
|
90
|
-
"danger-soft-alternative": "
|
|
91
|
-
"danger-transparent-default": "
|
|
92
|
-
"danger-transparent-brand": "
|
|
93
|
-
"danger-transparent-negative": "
|
|
94
|
-
"danger-transparent-alternative": "
|
|
95
|
-
"brand-media": "
|
|
96
|
-
"neutral-media": "
|
|
97
|
-
"danger-media": "
|
|
98
|
-
}, v = "
|
|
62
|
+
"brand-solid-default": "v16_52_yqt1oe4",
|
|
63
|
+
"brand-solid-brand": "v16_52_yqt1oe5",
|
|
64
|
+
"brand-solid-negative": "v16_52_yqt1oe6",
|
|
65
|
+
"brand-solid-alternative": "v16_52_yqt1oe7",
|
|
66
|
+
"brand-soft-default": "v16_52_yqt1oe8",
|
|
67
|
+
"brand-soft-brand": "v16_52_yqt1oe9",
|
|
68
|
+
"brand-soft-negative": "v16_52_yqt1oea",
|
|
69
|
+
"brand-soft-alternative": "v16_52_yqt1oeb",
|
|
70
|
+
"brand-transparent-default": "v16_52_yqt1oec",
|
|
71
|
+
"brand-transparent-brand": "v16_52_yqt1oed",
|
|
72
|
+
"brand-transparent-negative": "v16_52_yqt1oee",
|
|
73
|
+
"brand-transparent-alternative": "v16_52_yqt1oef",
|
|
74
|
+
"neutral-solid-default": "v16_52_yqt1oeg",
|
|
75
|
+
"neutral-solid-brand": "v16_52_yqt1oeh",
|
|
76
|
+
"neutral-solid-negative": "v16_52_yqt1oei",
|
|
77
|
+
"neutral-solid-alternative": "v16_52_yqt1oej",
|
|
78
|
+
"neutral-soft-default": "v16_52_yqt1oek",
|
|
79
|
+
"neutral-soft-brand": "v16_52_yqt1oel",
|
|
80
|
+
"neutral-soft-negative": "v16_52_yqt1oem",
|
|
81
|
+
"neutral-soft-alternative": "v16_52_yqt1oen",
|
|
82
|
+
"neutral-transparent-default": "v16_52_yqt1oeo",
|
|
83
|
+
"neutral-transparent-brand": "v16_52_yqt1oep",
|
|
84
|
+
"neutral-transparent-negative": "v16_52_yqt1oeq",
|
|
85
|
+
"neutral-transparent-alternative": "v16_52_yqt1oer",
|
|
86
|
+
"danger-solid-default": "v16_52_yqt1oes",
|
|
87
|
+
"danger-solid-brand": "v16_52_yqt1oet",
|
|
88
|
+
"danger-solid-negative": "v16_52_yqt1oeu",
|
|
89
|
+
"danger-solid-alternative": "v16_52_yqt1oev",
|
|
90
|
+
"danger-soft-default": "v16_52_yqt1oew",
|
|
91
|
+
"danger-soft-brand": "v16_52_yqt1oex",
|
|
92
|
+
"danger-soft-negative": "v16_52_yqt1oey",
|
|
93
|
+
"danger-soft-alternative": "v16_52_yqt1oez",
|
|
94
|
+
"danger-transparent-default": "v16_52_yqt1oe10",
|
|
95
|
+
"danger-transparent-brand": "v16_52_yqt1oe11",
|
|
96
|
+
"danger-transparent-negative": "v16_52_yqt1oe12",
|
|
97
|
+
"danger-transparent-alternative": "v16_52_yqt1oe13",
|
|
98
|
+
"brand-media": "v16_52_yqt1oe14",
|
|
99
|
+
"neutral-media": "v16_52_yqt1oe15",
|
|
100
|
+
"danger-media": "v16_52_yqt1oe16"
|
|
101
|
+
}, v = "v16_52_yqt1oe17", a = "v16_52_yqt1oe18", n = "v16_52_yqt1oe19", r = {
|
|
99
102
|
default: "1.5rem",
|
|
100
103
|
small: "1.25rem"
|
|
101
104
|
}, o = {
|
|
102
105
|
small: "calc(1.25rem + 12px)"
|
|
103
|
-
}, y = {
|
|
104
|
-
default: "
|
|
105
|
-
small: "
|
|
106
|
-
}, l = "
|
|
107
|
-
default: "
|
|
108
|
-
small: "
|
|
109
|
-
}, q = {
|
|
110
|
-
default: "v16_51_yqt1oe1h",
|
|
111
|
-
small: "v16_51_yqt1oe1i"
|
|
106
|
+
}, y = "v16_52_yqt1oe1a v16_52_1y2v1nfff v16_52_1y2v1nfgo v16_52_1y2v1nfhx v16_52_1y2v1nfj6 v16_52_1y2v1nfs4 v16_52_1y2v1nffe v16_52_1y2v1nfpm v16_52_1y2v1nfq1 v16_52_1y2v1nfpv", d = {
|
|
107
|
+
default: "v16_52_yqt1oe1c v16_52_yqt1oe1b",
|
|
108
|
+
small: "v16_52_yqt1oe1d v16_52_yqt1oe1b"
|
|
109
|
+
}, l = "v16_52_yqt1oe1f", q = {
|
|
110
|
+
default: "v16_52_yqt1oe1g",
|
|
111
|
+
small: "v16_52_yqt1oe1h"
|
|
112
112
|
}, f = {
|
|
113
|
-
default: "
|
|
114
|
-
small: "
|
|
113
|
+
default: "v16_52_yqt1oe1i",
|
|
114
|
+
small: "v16_52_yqt1oe1j"
|
|
115
115
|
}, i = {
|
|
116
|
-
default: "
|
|
117
|
-
small: "
|
|
118
|
-
}, s =
|
|
116
|
+
default: "v16_52_yqt1oe1k",
|
|
117
|
+
small: "v16_52_yqt1oe1l"
|
|
118
|
+
}, s = {
|
|
119
|
+
default: "v16_52_yqt1oe1o v16_52_yqt1oe1n v16_52_yqt1oe1m v16_52_1y2v1nfs6 v16_52_1y2v1nfpm v16_52_1y2v1nfq1 v16_52_1y2v1nfpv v16_52_1y2v1nfsq v16_52_1y2v1nfpg",
|
|
120
|
+
small: "v16_52_yqt1oe1p v16_52_yqt1oe1n v16_52_yqt1oe1m v16_52_1y2v1nfs6 v16_52_1y2v1nfpm v16_52_1y2v1nfq1 v16_52_1y2v1nfpv v16_52_1y2v1nfsq v16_52_1y2v1nfpg"
|
|
121
|
+
}, u = "v16_52_yqt1oe1q", b = "v16_52_yqt1oe1s v16_52_yqt1oe1r v16_52_1y2v1nfpg v16_52_1y2v1nfpn", g = "v16_52_yqt1oe1u v16_52_yqt1oe1t v16_52_1y2v1nfph";
|
|
@@ -10,6 +10,7 @@ export declare const iconContainerSize: {
|
|
|
10
10
|
default: string;
|
|
11
11
|
small: string;
|
|
12
12
|
};
|
|
13
|
+
export declare const button: string;
|
|
13
14
|
export declare const buttonContainer: Record<"default" | "small", string>;
|
|
14
15
|
export declare const minimumInteractiveArea: string;
|
|
15
16
|
export declare const bleedLeft: Record<"default" | "small", string>;
|
package/dist/icon-button.js
CHANGED
|
@@ -11,19 +11,19 @@ function _export(target, all) {
|
|
|
11
11
|
}
|
|
12
12
|
_export(exports, {
|
|
13
13
|
get IconButton () {
|
|
14
|
-
return
|
|
14
|
+
return ie;
|
|
15
15
|
},
|
|
16
16
|
get InternalIconButton () {
|
|
17
|
-
return
|
|
17
|
+
return $;
|
|
18
18
|
},
|
|
19
19
|
get InternalToggleIconButton () {
|
|
20
|
-
return
|
|
20
|
+
return D;
|
|
21
21
|
},
|
|
22
22
|
get RawIconButton () {
|
|
23
23
|
return C;
|
|
24
24
|
},
|
|
25
25
|
get ToggleIconButton () {
|
|
26
|
-
return
|
|
26
|
+
return ae;
|
|
27
27
|
}
|
|
28
28
|
});
|
|
29
29
|
const _jsxruntime = require("react/jsx-runtime");
|
|
@@ -158,8 +158,8 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
158
158
|
}
|
|
159
159
|
return target;
|
|
160
160
|
}
|
|
161
|
-
const C = /*#__PURE__*/ _react.forwardRef((_param,
|
|
162
|
-
var { disabled: e, trackingEvent: o, role: p, dataAttributes:
|
|
161
|
+
const C = /*#__PURE__*/ _react.forwardRef((_param, N)=>{
|
|
162
|
+
var { disabled: e, trackingEvent: o, role: p, dataAttributes: h, type: i = "neutral", backgroundType: g = "transparent", hasOverlay: v = !0, small: I, Icon: l, bleedLeft: a, bleedRight: m, bleedY: c, showSpinner: d, "aria-disabled": S } = _param, u = _object_without_properties(_param, [
|
|
163
163
|
"disabled",
|
|
164
164
|
"trackingEvent",
|
|
165
165
|
"role",
|
|
@@ -175,41 +175,38 @@ const C = /*#__PURE__*/ _react.forwardRef((_param, y)=>{
|
|
|
175
175
|
"showSpinner",
|
|
176
176
|
"aria-disabled"
|
|
177
177
|
]);
|
|
178
|
-
const
|
|
178
|
+
const B = (0, _themevariantcontext.useThemeVariant)(), [y, b] = _react.useState(!1), t = d || y, [f, T] = _react.useState(!!t);
|
|
179
179
|
_react.useEffect(()=>{
|
|
180
|
-
|
|
180
|
+
t && !f && T(!0);
|
|
181
181
|
}, [
|
|
182
|
-
|
|
182
|
+
t,
|
|
183
183
|
f
|
|
184
184
|
]);
|
|
185
|
-
const s =
|
|
186
|
-
disabled: e ||
|
|
187
|
-
"aria-disabled":
|
|
188
|
-
ref:
|
|
185
|
+
const s = I ? "small" : "default", z = B === "media" ? `${i}-media` : `${i}-${g}-${B}`, x = {
|
|
186
|
+
disabled: e || t,
|
|
187
|
+
"aria-disabled": S,
|
|
188
|
+
ref: N,
|
|
189
189
|
trackingEvent: o,
|
|
190
190
|
role: p,
|
|
191
191
|
dataAttributes: _object_spread({
|
|
192
192
|
"component-name": "IconButton",
|
|
193
193
|
testid: "IconButton"
|
|
194
|
-
},
|
|
195
|
-
className: (0, _classnames.default)(_iconbuttoncssmistica.
|
|
196
|
-
[_iconbuttoncssmistica.disabled]: e ||
|
|
197
|
-
[_iconbuttoncssmistica.overlayContainer]: !e && !
|
|
198
|
-
[_iconbuttoncssmistica.bleedLeft[s]]: a,
|
|
199
|
-
[_iconbuttoncssmistica.bleedRight[s]]: m,
|
|
200
|
-
[_iconbuttoncssmistica.bleedY[s]]: c
|
|
194
|
+
}, h),
|
|
195
|
+
className: (0, _classnames.default)(_iconbuttoncssmistica.button, _iconbuttoncssmistica.iconButtonTokens[z], _iconbuttoncssmistica.minimumInteractiveArea, {
|
|
196
|
+
[_iconbuttoncssmistica.disabled]: e || S,
|
|
197
|
+
[_iconbuttoncssmistica.overlayContainer]: !e && !t && !S
|
|
201
198
|
}),
|
|
202
199
|
resetMargin: !a && !m && !c
|
|
203
200
|
}, A = /* @__PURE__ */ (0, _jsxruntime.jsxs)("div", {
|
|
204
201
|
className: (0, _classnames.default)(_iconbuttoncssmistica.iconContainer[s], {
|
|
205
|
-
[_iconbuttoncssmistica.isLoading]:
|
|
202
|
+
[_iconbuttoncssmistica.isLoading]: t
|
|
206
203
|
}),
|
|
207
204
|
children: [
|
|
208
|
-
|
|
205
|
+
v && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
209
206
|
className: _iconbuttoncssmistica.overlay
|
|
210
207
|
}),
|
|
211
208
|
/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
212
|
-
"aria-hidden":
|
|
209
|
+
"aria-hidden": t ? !0 : void 0,
|
|
213
210
|
className: _iconbuttoncssmistica.icon,
|
|
214
211
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(l, {
|
|
215
212
|
size: _iconbuttoncssmistica.iconSize[s],
|
|
@@ -217,10 +214,10 @@ const C = /*#__PURE__*/ _react.forwardRef((_param, y)=>{
|
|
|
217
214
|
})
|
|
218
215
|
}),
|
|
219
216
|
/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
220
|
-
"aria-hidden":
|
|
217
|
+
"aria-hidden": t ? void 0 : !0,
|
|
221
218
|
className: _iconbuttoncssmistica.spinner,
|
|
222
219
|
onTransitionEnd: ()=>{
|
|
223
|
-
|
|
220
|
+
t !== f && T(t);
|
|
224
221
|
},
|
|
225
222
|
children: f && /* @__PURE__ */ (0, _jsxruntime.jsx)(_spinner.default, {
|
|
226
223
|
size: _iconbuttoncssmistica.iconSize[s],
|
|
@@ -233,20 +230,27 @@ const C = /*#__PURE__*/ _react.forwardRef((_param, y)=>{
|
|
|
233
230
|
if (u.onPress) {
|
|
234
231
|
const O = u.onPress;
|
|
235
232
|
u.onPress = (j)=>{
|
|
236
|
-
const
|
|
237
|
-
|
|
233
|
+
const w = O(j);
|
|
234
|
+
w && (b(!0), w.finally(()=>b(!1)));
|
|
238
235
|
};
|
|
239
236
|
}
|
|
240
|
-
return /* @__PURE__ */ (0, _jsxruntime.jsx)(
|
|
241
|
-
|
|
242
|
-
|
|
243
|
-
|
|
244
|
-
|
|
237
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
238
|
+
className: (0, _classnames.default)(_iconbuttoncssmistica.buttonContainer[s], {
|
|
239
|
+
[_iconbuttoncssmistica.bleedLeft[s]]: a,
|
|
240
|
+
[_iconbuttoncssmistica.bleedRight[s]]: m,
|
|
241
|
+
[_iconbuttoncssmistica.bleedY[s]]: c
|
|
242
|
+
}),
|
|
243
|
+
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, x, u), {
|
|
244
|
+
maybe: !0,
|
|
245
|
+
children: A
|
|
246
|
+
}))
|
|
247
|
+
});
|
|
248
|
+
}), $ = /*#__PURE__*/ _react.forwardRef((e, o)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(C, _object_spread({
|
|
245
249
|
ref: o
|
|
246
|
-
}, e))),
|
|
250
|
+
}, e))), ie = /*#__PURE__*/ _react.forwardRef((e, o)=>/* @__PURE__ */ (0, _jsxruntime.jsx)($, _object_spread({
|
|
247
251
|
ref: o
|
|
248
|
-
}, e))),
|
|
249
|
-
var { checked: e, defaultChecked: o, checkedProps: p, uncheckedProps:
|
|
252
|
+
}, e))), D = /*#__PURE__*/ _react.forwardRef((_param, I)=>{
|
|
253
|
+
var { checked: e, defaultChecked: o, checkedProps: p, uncheckedProps: h, onChange: i, dataAttributes: g } = _param, v = _object_without_properties(_param, [
|
|
250
254
|
"checked",
|
|
251
255
|
"defaultChecked",
|
|
252
256
|
"checkedProps",
|
|
@@ -262,14 +266,14 @@ const C = /*#__PURE__*/ _react.forwardRef((_param, y)=>{
|
|
|
262
266
|
} else return i === null || i === void 0 ? void 0 : i(!e);
|
|
263
267
|
};
|
|
264
268
|
return /* @__PURE__ */ (0, _jsxruntime.jsx)(C, _object_spread_props(_object_spread({
|
|
265
|
-
ref:
|
|
266
|
-
},
|
|
269
|
+
ref: I
|
|
270
|
+
}, v, (e !== null && e !== void 0 ? e : l) ? p : h), {
|
|
267
271
|
dataAttributes: _object_spread({
|
|
268
272
|
"component-name": "ToggleIconButton",
|
|
269
273
|
testid: "ToggleIconButton"
|
|
270
|
-
},
|
|
274
|
+
}, g),
|
|
271
275
|
onPress: m
|
|
272
276
|
}));
|
|
273
|
-
}),
|
|
277
|
+
}), ae = /*#__PURE__*/ _react.forwardRef((e, o)=>/* @__PURE__ */ (0, _jsxruntime.jsx)(D, _object_spread({
|
|
274
278
|
ref: o
|
|
275
279
|
}, e)));
|