@telefonica/mistica 16.52.0 → 16.54.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -1
- package/css/blau.css +69 -0
- package/css/esimflag.css +70 -1
- package/css/mistica.css +1 -1
- package/css/movistar-new.css +82 -0
- package/css/movistar.css +71 -2
- package/css/o2-new.css +71 -0
- package/css/o2.css +70 -0
- package/css/telefonica.css +94 -0
- package/css/tu.css +71 -1
- package/css/vivo-new.css +86 -9
- package/css/vivo.css +70 -0
- package/dist/accordion.css-mistica.js +10 -10
- package/dist/align.css-mistica.js +1 -1
- package/dist/autocomplete.css-mistica.js +5 -5
- 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/box.d.ts +1 -0
- package/dist/box.js +17 -15
- package/dist/boxed.css-mistica.js +24 -24
- package/dist/button-group.css-mistica.js +5 -5
- package/dist/button-layout.css-mistica.js +14 -14
- package/dist/button.css-mistica.js +54 -48
- package/dist/button.css.d.ts +5 -1
- package/dist/button.js +44 -44
- package/dist/callout.css-mistica.js +13 -13
- package/dist/card-internal.css-mistica.js +29 -26
- package/dist/card-internal.css.d.ts +2 -1
- package/dist/card-internal.d.ts +1 -1
- package/dist/card-internal.js +151 -149
- package/dist/carousel.css-mistica.js +32 -32
- package/dist/checkbox.css-mistica.js +19 -19
- package/dist/checkbox.js +1 -1
- package/dist/chip.css-mistica.js +20 -20
- package/dist/circle.css-mistica.js +2 -2
- package/dist/community/advanced-data-card.css-mistica.js +19 -19
- 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 +3 -3
- package/dist/cover-hero.css-mistica.js +10 -10
- package/dist/credit-card-number-field.css-mistica.js +3 -3
- package/dist/credit-card-number-field.js +16 -16
- package/dist/date-field.css-mistica.js +1 -1
- package/dist/date-field.js +1 -1
- package/dist/date-time-field.js +6 -6
- package/dist/date-time-picker.css-mistica.js +1 -1
- package/dist/dialog.css-mistica.js +8 -8
- package/dist/divider.css-mistica.js +5 -5
- package/dist/double-field.css-mistica.js +4 -4
- package/dist/drawer.css-mistica.js +18 -9
- package/dist/drawer.css.d.ts +3 -0
- package/dist/drawer.js +90 -106
- package/dist/empty-state-card.css-mistica.js +2 -2
- package/dist/empty-state.css-mistica.js +5 -5
- package/dist/empty-state.css.d.ts +1 -0
- package/dist/fade-in.css-mistica.js +1 -1
- package/dist/feedback.css-mistica.js +5 -2
- package/dist/feedback.css.d.ts +1 -0
- package/dist/feedback.js +34 -41
- package/dist/file-upload.css-mistica.js +40 -0
- package/dist/file-upload.css.d.ts +7 -0
- package/dist/file-upload.d.ts +59 -0
- package/dist/file-upload.js +483 -0
- package/dist/fixed-footer-layout.css-mistica.js +10 -10
- package/dist/form.css-mistica.js +2 -2
- 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 +9 -9
- package/dist/hero.js +51 -51
- package/dist/horizontal-scroll.css-mistica.js +2 -2
- package/dist/icon-button.css-mistica.js +61 -61
- package/dist/icons/icon-amex.js +45 -37
- package/dist/icons/icon-chevron.css-mistica.js +2 -2
- package/dist/icons/icon-error.css-mistica.js +1 -1
- package/dist/icons/icon-mastercard.js +41 -36
- package/dist/icons/icon-visa.js +37 -27
- package/dist/image.css-mistica.js +11 -11
- package/dist/index.d.ts +1 -0
- package/dist/index.js +7 -0
- package/dist/inline.css-mistica.js +9 -9
- package/dist/list.css-mistica.js +21 -21
- package/dist/list.d.ts +12 -2
- package/dist/list.js +117 -115
- package/dist/loading-bar.css-mistica.js +3 -3
- package/dist/loading-screen.css-mistica.js +7 -7
- package/dist/logo.css-mistica.js +5 -5
- package/dist/media-queries.css-mistica.js +13 -6
- package/dist/media-queries.css.d.ts +3 -0
- package/dist/menu.css-mistica.js +15 -15
- package/dist/month-field.js +1 -1
- package/dist/mosaic.css-mistica.js +1 -1
- package/dist/navigation-bar.css-mistica.js +42 -42
- package/dist/navigation-bar.d.ts +3 -1
- package/dist/navigation-bar.js +408 -383
- package/dist/navigation-breadcrumbs.css-mistica.js +3 -3
- package/dist/package-version.js +1 -1
- package/dist/pin-field.css-mistica.js +2 -2
- package/dist/popover.css-mistica.js +1 -1
- package/dist/progress-bar.css-mistica.js +7 -7
- package/dist/radio-button.css-mistica.js +25 -25
- package/dist/rating.css-mistica.js +2 -2
- package/dist/responsive-layout.css-mistica.js +7 -7
- package/dist/responsive-layout.css.d.ts +2 -1
- package/dist/screen-reader-only.css-mistica.js +2 -2
- package/dist/screen-size-context-provider.js +25 -19
- package/dist/screen-size-context.d.ts +2 -0
- package/dist/screen-size-context.js +2 -1
- package/dist/search-field.js +9 -9
- package/dist/select.css-mistica.js +23 -23
- package/dist/sheet-action-row.css-mistica.js +1 -1
- package/dist/sheet-common.css-mistica.js +10 -10
- package/dist/sheet-info.css-mistica.js +2 -2
- package/dist/skeletons.css-mistica.js +9 -9
- package/dist/skins/blau.js +132 -0
- package/dist/skins/defaults.d.ts +2 -1
- package/dist/skins/defaults.js +118 -0
- package/dist/skins/esimflag.js +132 -0
- package/dist/skins/movistar-new.js +134 -2
- package/dist/skins/movistar.js +132 -0
- package/dist/skins/o2-new.js +132 -0
- package/dist/skins/o2.js +132 -0
- package/dist/skins/skin-contract.css-mistica.js +702 -642
- package/dist/skins/skin-contract.css.d.ts +60 -0
- package/dist/skins/telefonica.js +132 -0
- package/dist/skins/tu.js +132 -0
- package/dist/skins/types/colors.d.ts +8 -0
- package/dist/skins/types/index.d.ts +30 -16
- package/dist/skins/vivo-new.js +132 -0
- package/dist/skins/vivo.js +132 -0
- package/dist/skip-link.css-mistica.js +2 -2
- package/dist/slider.css-mistica.js +21 -21
- package/dist/snackbar.css-mistica.js +15 -15
- package/dist/spinner.css-mistica.js +1 -1
- package/dist/sprinkles.css.d.ts +1 -1
- package/dist/square.css-mistica.js +2 -2
- package/dist/stack.css-mistica.js +5 -5
- package/dist/stack.d.ts +2 -1
- package/dist/stack.js +17 -16
- package/dist/stacking-group.css-mistica.js +1 -1
- package/dist/stepper.css-mistica.js +12 -12
- package/dist/switch-component.css-mistica.js +46 -46
- package/dist/table.css-mistica.js +9 -9
- package/dist/tabs.css-mistica.js +23 -23
- package/dist/tag.css-mistica.js +4 -4
- package/dist/text-field-base.css-mistica.js +25 -28
- package/dist/text-field-base.css.d.ts +2 -2
- package/dist/text-field-base.js +102 -101
- package/dist/text-field-components.css-mistica.js +10 -10
- package/dist/text-link.css-mistica.js +8 -8
- package/dist/text-tokens.d.ts +4 -0
- package/dist/text-tokens.js +62 -46
- package/dist/text.css-mistica.js +6 -6
- package/dist/theme-context-provider.js +155 -116
- package/dist/theme-context.css-mistica.js +1 -1
- package/dist/theme.d.ts +2 -1
- package/dist/time-field.js +4 -4
- package/dist/timeline.css-mistica.js +13 -13
- package/dist/timer.css-mistica.js +6 -6
- package/dist/tooltip.css-mistica.js +5 -5
- package/dist/touchable.css-mistica.js +5 -5
- 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 +7 -7
- package/dist-es/align.css-mistica.js +1 -1
- package/dist-es/autocomplete.css-mistica.js +2 -2
- 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/box.js +25 -23
- package/dist-es/boxed.css-mistica.js +23 -23
- package/dist-es/button-group.css-mistica.js +2 -2
- package/dist-es/button-layout.css-mistica.js +14 -14
- package/dist-es/button.css-mistica.js +39 -36
- package/dist-es/button.js +90 -90
- package/dist-es/callout.css-mistica.js +12 -12
- package/dist-es/card-internal.css-mistica.js +17 -17
- package/dist-es/card-internal.js +204 -202
- package/dist-es/carousel.css-mistica.js +9 -9
- package/dist-es/checkbox.css-mistica.js +13 -13
- package/dist-es/checkbox.js +1 -1
- package/dist-es/chip.css-mistica.js +16 -16
- package/dist-es/circle.css-mistica.js +2 -2
- package/dist-es/community/advanced-data-card.css-mistica.js +7 -7
- package/dist-es/community/blocks.css-mistica.js +2 -2
- package/dist-es/community/example-component.css-mistica.js +2 -2
- package/dist-es/counter.css-mistica.js +2 -2
- package/dist-es/cover-hero.css-mistica.js +3 -3
- package/dist-es/credit-card-number-field.css-mistica.js +3 -3
- package/dist-es/credit-card-number-field.js +19 -19
- package/dist-es/date-field.css-mistica.js +1 -1
- package/dist-es/date-field.js +1 -1
- package/dist-es/date-time-field.js +6 -6
- package/dist-es/date-time-picker.css-mistica.js +1 -1
- package/dist-es/dialog.css-mistica.js +5 -5
- package/dist-es/divider.css-mistica.js +5 -5
- package/dist-es/double-field.css-mistica.js +4 -4
- package/dist-es/drawer.css-mistica.js +2 -2
- package/dist-es/drawer.js +121 -137
- package/dist-es/empty-state-card.css-mistica.js +2 -2
- package/dist-es/empty-state.css-mistica.js +5 -5
- package/dist-es/fade-in.css-mistica.js +1 -1
- package/dist-es/feedback.css-mistica.js +2 -2
- package/dist-es/feedback.js +51 -58
- package/dist-es/file-upload.css-mistica.js +8 -0
- package/dist-es/file-upload.js +420 -0
- package/dist-es/fixed-footer-layout.css-mistica.js +4 -4
- package/dist-es/form.css-mistica.js +2 -2
- 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 +3 -3
- package/dist-es/hero.js +73 -73
- package/dist-es/horizontal-scroll.css-mistica.js +2 -2
- package/dist-es/icon-button.css-mistica.js +55 -55
- package/dist-es/icons/icon-amex.js +46 -38
- 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/icons/icon-mastercard.js +42 -37
- package/dist-es/icons/icon-visa.js +37 -27
- package/dist-es/image.css-mistica.js +4 -4
- package/dist-es/index.js +2214 -2213
- package/dist-es/inline.css-mistica.js +9 -9
- package/dist-es/list.css-mistica.js +2 -2
- package/dist-es/list.js +158 -156
- package/dist-es/loading-bar.css-mistica.js +2 -2
- package/dist-es/loading-screen.css-mistica.js +5 -5
- package/dist-es/logo.css-mistica.js +5 -5
- package/dist-es/media-queries.css-mistica.js +3 -2
- package/dist-es/menu.css-mistica.js +14 -14
- package/dist-es/month-field.js +1 -1
- package/dist-es/mosaic.css-mistica.js +1 -1
- package/dist-es/navigation-bar.css-mistica.js +20 -20
- package/dist-es/navigation-bar.js +524 -499
- package/dist-es/navigation-breadcrumbs.css-mistica.js +2 -2
- package/dist-es/package-version.js +1 -1
- package/dist-es/pin-field.css-mistica.js +2 -2
- package/dist-es/popover.css-mistica.js +1 -1
- package/dist-es/progress-bar.css-mistica.js +7 -7
- package/dist-es/radio-button.css-mistica.js +21 -21
- package/dist-es/rating.css-mistica.js +2 -2
- package/dist-es/responsive-layout.css-mistica.js +7 -7
- package/dist-es/screen-reader-only.css-mistica.js +2 -2
- package/dist-es/screen-size-context-provider.js +35 -29
- package/dist-es/screen-size-context.js +2 -1
- package/dist-es/search-field.js +13 -13
- package/dist-es/select.css-mistica.js +18 -18
- package/dist-es/sheet-action-row.css-mistica.js +1 -1
- package/dist-es/sheet-common.css-mistica.js +2 -2
- package/dist-es/sheet-info.css-mistica.js +2 -2
- package/dist-es/skeletons.css-mistica.js +7 -7
- package/dist-es/skins/blau.js +132 -0
- package/dist-es/skins/defaults.js +116 -1
- package/dist-es/skins/esimflag.js +132 -0
- package/dist-es/skins/movistar-new.js +134 -2
- package/dist-es/skins/movistar.js +132 -0
- package/dist-es/skins/o2-new.js +132 -0
- package/dist-es/skins/o2.js +134 -2
- package/dist-es/skins/skin-contract.css-mistica.js +702 -642
- package/dist-es/skins/telefonica.js +132 -0
- package/dist-es/skins/tu.js +132 -0
- package/dist-es/skins/vivo-new.js +132 -0
- package/dist-es/skins/vivo.js +132 -0
- package/dist-es/skip-link.css-mistica.js +2 -2
- package/dist-es/slider.css-mistica.js +19 -19
- package/dist-es/snackbar.css-mistica.js +5 -5
- package/dist-es/spinner.css-mistica.js +1 -1
- package/dist-es/square.css-mistica.js +2 -2
- package/dist-es/stack.css-mistica.js +5 -5
- package/dist-es/stack.js +21 -20
- package/dist-es/stacking-group.css-mistica.js +1 -1
- package/dist-es/stepper.css-mistica.js +3 -3
- package/dist-es/style.css +1 -1
- package/dist-es/switch-component.css-mistica.js +38 -38
- package/dist-es/table.css-mistica.js +9 -9
- package/dist-es/tabs.css-mistica.js +19 -19
- package/dist-es/tag.css-mistica.js +2 -2
- package/dist-es/text-field-base.css-mistica.js +16 -16
- package/dist-es/text-field-base.js +132 -131
- package/dist-es/text-field-components.css-mistica.js +4 -4
- package/dist-es/text-link.css-mistica.js +8 -8
- package/dist-es/text-tokens.js +34 -24
- package/dist-es/text.css-mistica.js +6 -6
- package/dist-es/theme-context-provider.js +198 -159
- package/dist-es/theme-context.css-mistica.js +1 -1
- package/dist-es/time-field.js +4 -4
- package/dist-es/timeline.css-mistica.js +10 -10
- package/dist-es/timer.css-mistica.js +6 -6
- package/dist-es/tooltip.css-mistica.js +2 -2
- package/dist-es/touchable.css-mistica.js +2 -2
- package/dist-es/utils/aspect-ratio-support.css-mistica.js +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 +2 -2
package/dist/button.js
CHANGED
|
@@ -11,19 +11,19 @@ function _export(target, all) {
|
|
|
11
11
|
}
|
|
12
12
|
_export(exports, {
|
|
13
13
|
get ButtonDanger () {
|
|
14
|
-
return
|
|
14
|
+
return _t;
|
|
15
15
|
},
|
|
16
16
|
get ButtonLink () {
|
|
17
|
-
return
|
|
17
|
+
return zt;
|
|
18
18
|
},
|
|
19
19
|
get ButtonLinkDanger () {
|
|
20
|
-
return
|
|
20
|
+
return $t;
|
|
21
21
|
},
|
|
22
22
|
get ButtonPrimary () {
|
|
23
23
|
return At;
|
|
24
24
|
},
|
|
25
25
|
get ButtonSecondary () {
|
|
26
|
-
return
|
|
26
|
+
return Ot;
|
|
27
27
|
}
|
|
28
28
|
});
|
|
29
29
|
const _jsxruntime = require("react/jsx-runtime");
|
|
@@ -168,7 +168,7 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
168
168
|
}
|
|
169
169
|
return target;
|
|
170
170
|
}
|
|
171
|
-
const
|
|
171
|
+
const gt = (param)=>{
|
|
172
172
|
let { element: t, small: i } = param;
|
|
173
173
|
const { textPresets: n } = (0, _hooks.useTheme)();
|
|
174
174
|
return i ? /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text, {
|
|
@@ -186,13 +186,13 @@ const ht = (param)=>{
|
|
|
186
186
|
as: "div",
|
|
187
187
|
children: t
|
|
188
188
|
});
|
|
189
|
-
},
|
|
189
|
+
}, O = (param)=>{
|
|
190
190
|
let { small: t, content: i, defaultIconSize: n } = param;
|
|
191
191
|
const a = (0, _utils.flattenChildren)(i), h = a.length, r = [];
|
|
192
192
|
let s = [];
|
|
193
193
|
const m = ()=>{
|
|
194
194
|
r.push(/* @__PURE__ */ (0, _jsxruntime.jsx)(_react.Fragment, {
|
|
195
|
-
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(
|
|
195
|
+
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(gt, {
|
|
196
196
|
element: s,
|
|
197
197
|
small: t
|
|
198
198
|
})
|
|
@@ -216,7 +216,7 @@ const ht = (param)=>{
|
|
|
216
216
|
}, r.length));
|
|
217
217
|
} else s.push(l), c && m();
|
|
218
218
|
}), r;
|
|
219
|
-
},
|
|
219
|
+
}, bt = ()=>{
|
|
220
220
|
const { skinName: t } = (0, _hooks.useTheme)();
|
|
221
221
|
return t === _constants.VIVO_NEW_SKIN ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", {
|
|
222
222
|
width: "0.5em",
|
|
@@ -236,13 +236,13 @@ const ht = (param)=>{
|
|
|
236
236
|
fill: "currentColor"
|
|
237
237
|
})
|
|
238
238
|
});
|
|
239
|
-
},
|
|
239
|
+
}, vt = (param)=>{
|
|
240
240
|
let { showSpinner: t, children: i, small: n, loadingText: a, shouldRenderSpinner: h, setShouldRenderSpinner: r, StartIcon: s, EndIcon: m, withChevron: l, platformOverrides: g } = param;
|
|
241
|
-
const u = n ? _buttoncssmistica.iconSize.small : _buttoncssmistica.iconSize.default, c = n ? _buttoncssmistica.spinnerSize.small : _buttoncssmistica.spinnerSize.default,
|
|
241
|
+
const u = n ? _buttoncssmistica.iconSize.small : _buttoncssmistica.iconSize.default, c = n ? _buttoncssmistica.spinnerSize.small : _buttoncssmistica.spinnerSize.default, v = O({
|
|
242
242
|
small: n,
|
|
243
243
|
content: i,
|
|
244
244
|
defaultIconSize: u
|
|
245
|
-
}), d =
|
|
245
|
+
}), d = O({
|
|
246
246
|
small: n,
|
|
247
247
|
content: a,
|
|
248
248
|
defaultIconSize: u
|
|
@@ -271,14 +271,14 @@ const ht = (param)=>{
|
|
|
271
271
|
alignItems: "baseline"
|
|
272
272
|
},
|
|
273
273
|
children: [
|
|
274
|
-
|
|
274
|
+
v,
|
|
275
275
|
l && /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
276
276
|
style: {
|
|
277
277
|
display: "flex",
|
|
278
278
|
alignItems: "center",
|
|
279
279
|
marginLeft: _buttoncssmistica.chevronMarginLeft
|
|
280
280
|
},
|
|
281
|
-
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(
|
|
281
|
+
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(bt, {})
|
|
282
282
|
})
|
|
283
283
|
]
|
|
284
284
|
}),
|
|
@@ -301,7 +301,7 @@ const ht = (param)=>{
|
|
|
301
301
|
"aria-hidden": !0,
|
|
302
302
|
style: a ? {
|
|
303
303
|
paddingLeft: c,
|
|
304
|
-
paddingRight: `calc(${_buttoncssmistica.iconMargin} +
|
|
304
|
+
paddingRight: `calc(${_buttoncssmistica.iconMargin} + ${n ? _buttoncssmistica.buttonPaddingLeft.small : _buttoncssmistica.buttonPaddingLeft.default} + ${n ? _buttoncssmistica.buttonPaddingRight.small : _buttoncssmistica.buttonPaddingRight.default})`
|
|
305
305
|
} : void 0,
|
|
306
306
|
children: d
|
|
307
307
|
}),
|
|
@@ -336,18 +336,18 @@ const ht = (param)=>{
|
|
|
336
336
|
})
|
|
337
337
|
]
|
|
338
338
|
});
|
|
339
|
-
},
|
|
339
|
+
}, k = /*#__PURE__*/ _react.forwardRef((t, i)=>{
|
|
340
340
|
var _t_withChevron;
|
|
341
|
-
const { eventFormat: n } = (0, _analytics.useTrackingConfig)(), { formStatus: a, formId: h } = (0, _formcontext.useForm)(), r = (0, _themevariantcontext.useThemeVariant)(), { loadingText: s } = t, m = !!t.submit, l = a === "sending", { isDarkMode: g, platformOverrides: u } = (0, _hooks.useTheme)(), [c,
|
|
341
|
+
const { eventFormat: n } = (0, _analytics.useTrackingConfig)(), { formStatus: a, formId: h } = (0, _formcontext.useForm)(), r = (0, _themevariantcontext.useThemeVariant)(), { loadingText: s } = t, m = !!t.submit, l = a === "sending", { isDarkMode: g, platformOverrides: u } = (0, _hooks.useTheme)(), [c, v] = _react.useState(!1), d = t.showSpinner || l && m || c, W = (_t_withChevron = t.withChevron) !== null && _t_withChevron !== void 0 ? _t_withChevron : t.buttonType.startsWith("link") && (!!t.href || !!t.to), [P, S] = _react.useState(!!d);
|
|
342
342
|
_react.useEffect(()=>{
|
|
343
|
-
d && !
|
|
343
|
+
d && !P && S(!0);
|
|
344
344
|
}, [
|
|
345
345
|
d,
|
|
346
|
-
|
|
346
|
+
P,
|
|
347
347
|
a
|
|
348
348
|
]);
|
|
349
349
|
var _t_trackingEvent;
|
|
350
|
-
const
|
|
350
|
+
const F = ()=>{
|
|
351
351
|
let b, f;
|
|
352
352
|
switch(t.buttonType){
|
|
353
353
|
case "link":
|
|
@@ -369,25 +369,25 @@ const ht = (param)=>{
|
|
|
369
369
|
action: f,
|
|
370
370
|
label: (0, _common.getTextFromChildren)(t.children)
|
|
371
371
|
};
|
|
372
|
-
},
|
|
372
|
+
}, V = t.buttonType.startsWith("link") ? _buttoncssmistica.linkMinWidth : _buttoncssmistica.buttonMinWidth, T = t.buttonType === "linkDanger" && g && r === "brand" ? "linkDangerDark" : t.buttonType, y = {
|
|
373
373
|
ref: i,
|
|
374
|
-
className: (0, _classnames.default)(r === "media" ? _buttoncssmistica.overMediaButtonVariants[
|
|
374
|
+
className: (0, _classnames.default)(r === "media" ? _buttoncssmistica.overMediaButtonVariants[T] : r === "brand" ? _buttoncssmistica.overBrandButtonVariants[T] : r === "negative" ? _buttoncssmistica.overNegativeButtonVariants[T] : _buttoncssmistica.buttonVariants[T], t.className, {
|
|
375
375
|
[_buttoncssmistica.small]: t.small,
|
|
376
376
|
[_buttoncssmistica.isLoading]: d
|
|
377
377
|
}),
|
|
378
378
|
style: _object_spread(_object_spread_props(_object_spread({}, (0, _css.applyCssVars)({
|
|
379
|
-
[_buttoncssmistica.buttonVars.minWidth]: t.small ?
|
|
379
|
+
[_buttoncssmistica.buttonVars.minWidth]: t.small ? V.small : V.default
|
|
380
380
|
}), t.bleedLeft ? {
|
|
381
|
-
marginLeft: `calc(-1 * (${_buttoncssmistica.borderSize} + ${t.small ? _buttoncssmistica.
|
|
381
|
+
marginLeft: `calc(-1 * (${_buttoncssmistica.borderSize} + ${t.small ? _buttoncssmistica.buttonPaddingLeft.small : _buttoncssmistica.buttonPaddingLeft.default}))`
|
|
382
382
|
} : void 0, t.bleedRight ? {
|
|
383
|
-
marginRight: `calc(-1 * (${_buttoncssmistica.borderSize} + ${t.small ? _buttoncssmistica.
|
|
383
|
+
marginRight: `calc(-1 * (${_buttoncssmistica.borderSize} + ${t.small ? _buttoncssmistica.buttonPaddingRight.small : _buttoncssmistica.buttonPaddingRight.default}))`
|
|
384
384
|
} : void 0, t.bleedY ? {
|
|
385
385
|
marginTop: `calc(-1 * (${_buttoncssmistica.borderSize} + ${t.small ? _buttoncssmistica.buttonPaddingY.small : _buttoncssmistica.buttonPaddingY.default}))`,
|
|
386
386
|
marginBottom: `calc(-1 * (${_buttoncssmistica.borderSize} + ${t.small ? _buttoncssmistica.buttonPaddingY.small : _buttoncssmistica.buttonPaddingY.default}))`
|
|
387
387
|
} : void 0), {
|
|
388
388
|
cursor: t.fake ? "pointer" : void 0
|
|
389
389
|
}), t.style),
|
|
390
|
-
trackingEvent: (_t_trackingEvent = t.trackingEvent) !== null && _t_trackingEvent !== void 0 ? _t_trackingEvent : t.trackEvent ?
|
|
390
|
+
trackingEvent: (_t_trackingEvent = t.trackingEvent) !== null && _t_trackingEvent !== void 0 ? _t_trackingEvent : t.trackEvent ? F() : void 0,
|
|
391
391
|
dataAttributes: t.dataAttributes,
|
|
392
392
|
"aria-label": t["aria-label"],
|
|
393
393
|
"aria-labelledby": t["aria-labelledby"],
|
|
@@ -398,16 +398,16 @@ const ht = (param)=>{
|
|
|
398
398
|
"aria-description": t["aria-description"],
|
|
399
399
|
"aria-describedby": t["aria-describedby"],
|
|
400
400
|
tabIndex: t.tabIndex,
|
|
401
|
-
children:
|
|
401
|
+
children: vt({
|
|
402
402
|
showSpinner: d,
|
|
403
|
-
shouldRenderSpinner:
|
|
404
|
-
setShouldRenderSpinner:
|
|
403
|
+
shouldRenderSpinner: P,
|
|
404
|
+
setShouldRenderSpinner: S,
|
|
405
405
|
children: t.children,
|
|
406
406
|
loadingText: s,
|
|
407
407
|
small: t.small,
|
|
408
408
|
StartIcon: t.StartIcon,
|
|
409
409
|
EndIcon: t.EndIcon,
|
|
410
|
-
withChevron:
|
|
410
|
+
withChevron: W,
|
|
411
411
|
platformOverrides: u
|
|
412
412
|
}),
|
|
413
413
|
disabled: t.disabled || d || l,
|
|
@@ -416,25 +416,25 @@ const ht = (param)=>{
|
|
|
416
416
|
if (process.env.NODE_ENV !== "production" && (t.to === "" || t.href === "")) throw Error("to or href props are empty strings");
|
|
417
417
|
if (t.fake) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread({
|
|
418
418
|
maybe: !0
|
|
419
|
-
},
|
|
419
|
+
}, y));
|
|
420
420
|
if (t.submit) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread({
|
|
421
421
|
type: "submit",
|
|
422
422
|
formId: h,
|
|
423
423
|
onPress: ()=>{}
|
|
424
|
-
},
|
|
425
|
-
if (t.onPress) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({},
|
|
424
|
+
}, y));
|
|
425
|
+
if (t.onPress) return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, y), {
|
|
426
426
|
onPress: (b)=>{
|
|
427
427
|
const f = t.onPress(b);
|
|
428
|
-
f && (
|
|
428
|
+
f && (v(!0), f.finally(()=>v(!1)));
|
|
429
429
|
}
|
|
430
430
|
}));
|
|
431
|
-
if (t.to || t.to === "") return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({},
|
|
431
|
+
if (t.to || t.to === "") return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, y), {
|
|
432
432
|
to: t.to,
|
|
433
433
|
newTab: t.newTab,
|
|
434
434
|
fullPageOnWebView: t.fullPageOnWebView,
|
|
435
435
|
onNavigate: t.onNavigate
|
|
436
436
|
}));
|
|
437
|
-
if (t.href || t.href === "") return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({},
|
|
437
|
+
if (t.href || t.href === "") return /* @__PURE__ */ (0, _jsxruntime.jsx)(_touchable.BaseTouchable, _object_spread_props(_object_spread({}, y), {
|
|
438
438
|
href: t.href,
|
|
439
439
|
newTab: t.newTab,
|
|
440
440
|
loadOnTop: t.loadOnTop,
|
|
@@ -442,12 +442,12 @@ const ht = (param)=>{
|
|
|
442
442
|
}));
|
|
443
443
|
if (process.env.NODE_ENV !== "production") throw Error("Bad button props");
|
|
444
444
|
return null;
|
|
445
|
-
}),
|
|
445
|
+
}), zt = /*#__PURE__*/ _react.forwardRef((_param, a)=>{
|
|
446
446
|
var { dataAttributes: t, className: i } = _param, n = _object_without_properties(_param, [
|
|
447
447
|
"dataAttributes",
|
|
448
448
|
"className"
|
|
449
449
|
]);
|
|
450
|
-
return /* @__PURE__ */ (0, _jsxruntime.jsx)(
|
|
450
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)(k, _object_spread_props(_object_spread({
|
|
451
451
|
dataAttributes: _object_spread({
|
|
452
452
|
"component-name": "ButtonLink",
|
|
453
453
|
testid: "ButtonLink"
|
|
@@ -459,12 +459,12 @@ const ht = (param)=>{
|
|
|
459
459
|
ref: a,
|
|
460
460
|
buttonType: "link"
|
|
461
461
|
}));
|
|
462
|
-
}),
|
|
462
|
+
}), $t = /*#__PURE__*/ _react.forwardRef((_param, a)=>{
|
|
463
463
|
var { dataAttributes: t, className: i } = _param, n = _object_without_properties(_param, [
|
|
464
464
|
"dataAttributes",
|
|
465
465
|
"className"
|
|
466
466
|
]);
|
|
467
|
-
return /* @__PURE__ */ (0, _jsxruntime.jsx)(
|
|
467
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)(k, _object_spread_props(_object_spread({
|
|
468
468
|
dataAttributes: _object_spread({
|
|
469
469
|
"component-name": "ButtonLinkDanger",
|
|
470
470
|
testid: "ButtonLinkDanger"
|
|
@@ -481,7 +481,7 @@ const ht = (param)=>{
|
|
|
481
481
|
var { dataAttributes: t } = _param, i = _object_without_properties(_param, [
|
|
482
482
|
"dataAttributes"
|
|
483
483
|
]);
|
|
484
|
-
return /* @__PURE__ */ (0, _jsxruntime.jsx)(
|
|
484
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)(k, _object_spread_props(_object_spread({
|
|
485
485
|
dataAttributes: _object_spread({
|
|
486
486
|
"component-name": "ButtonPrimary",
|
|
487
487
|
testid: "ButtonPrimary"
|
|
@@ -490,11 +490,11 @@ const ht = (param)=>{
|
|
|
490
490
|
ref: n,
|
|
491
491
|
buttonType: "primary"
|
|
492
492
|
}));
|
|
493
|
-
}),
|
|
493
|
+
}), Ot = /*#__PURE__*/ _react.forwardRef((_param, n)=>{
|
|
494
494
|
var { dataAttributes: t } = _param, i = _object_without_properties(_param, [
|
|
495
495
|
"dataAttributes"
|
|
496
496
|
]);
|
|
497
|
-
return /* @__PURE__ */ (0, _jsxruntime.jsx)(
|
|
497
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)(k, _object_spread_props(_object_spread({
|
|
498
498
|
dataAttributes: _object_spread({
|
|
499
499
|
"component-name": "ButtonSecondary",
|
|
500
500
|
testid: "ButtonSecondary"
|
|
@@ -503,11 +503,11 @@ const ht = (param)=>{
|
|
|
503
503
|
ref: n,
|
|
504
504
|
buttonType: "secondary"
|
|
505
505
|
}));
|
|
506
|
-
}),
|
|
506
|
+
}), _t = /*#__PURE__*/ _react.forwardRef((_param, n)=>{
|
|
507
507
|
var { dataAttributes: t } = _param, i = _object_without_properties(_param, [
|
|
508
508
|
"dataAttributes"
|
|
509
509
|
]);
|
|
510
|
-
return /* @__PURE__ */ (0, _jsxruntime.jsx)(
|
|
510
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsx)(k, _object_spread_props(_object_spread({
|
|
511
511
|
dataAttributes: _object_spread({
|
|
512
512
|
"component-name": "ButtonDanger",
|
|
513
513
|
testid: "ButtonDanger"
|
|
@@ -13,10 +13,10 @@ _export(exports, {
|
|
|
13
13
|
return g;
|
|
14
14
|
},
|
|
15
15
|
get closeButtonContainer () {
|
|
16
|
-
return
|
|
16
|
+
return a;
|
|
17
17
|
},
|
|
18
18
|
get closeButtonContainerSize () {
|
|
19
|
-
return
|
|
19
|
+
return m;
|
|
20
20
|
},
|
|
21
21
|
get container () {
|
|
22
22
|
return n;
|
|
@@ -25,15 +25,15 @@ _export(exports, {
|
|
|
25
25
|
return e;
|
|
26
26
|
}
|
|
27
27
|
});
|
|
28
|
-
/* empty css */ /* empty css */ /* empty css */ var n = "
|
|
29
|
-
"default-over-brand": "
|
|
30
|
-
"default-over-negative": "
|
|
31
|
-
"default-over-alternative": "
|
|
32
|
-
"default-over-default": "
|
|
33
|
-
"default-over-media": "
|
|
34
|
-
"brand-over-brand": "
|
|
35
|
-
"brand-over-negative": "
|
|
36
|
-
"brand-over-alternative": "
|
|
37
|
-
"brand-over-default": "
|
|
38
|
-
"brand-over-media": "
|
|
28
|
+
/* empty css */ /* empty css */ /* empty css */ var n = "v16_54_14g0jmy1 v16_54_14g0jmy0 v16_54_1y2v1nfga v16_54_1y2v1nfhj v16_54_1y2v1nfis v16_54_1y2v1nfk1 v16_54_1y2v1nfq2 v16_54_1y2v1nfsu v16_54_1y2v1nft6", e = "v16_54_14g0jmy3 v16_54_14g0jmy2 v16_54_1y2v1nfqo v16_54_1y2v1nfpw", a = "v16_54_14g0jmy5 v16_54_14g0jmy4 v16_54_1y2v1nfpx v16_54_1y2v1nfu6", m = "v16_54_14g0jmy6", g = {
|
|
29
|
+
"default-over-brand": "v16_54_14g0jmyh v16_54_14g0jmy7 v16_54_1y2v1nf82",
|
|
30
|
+
"default-over-negative": "v16_54_14g0jmyi v16_54_14g0jmy8 v16_54_1y2v1nf82",
|
|
31
|
+
"default-over-alternative": "v16_54_14g0jmyj v16_54_14g0jmy9 v16_54_1y2v1nf82",
|
|
32
|
+
"default-over-default": "v16_54_14g0jmyk v16_54_14g0jmya v16_54_1y2v1nf8c",
|
|
33
|
+
"default-over-media": "v16_54_14g0jmyl v16_54_14g0jmyb v16_54_1y2v1nf82",
|
|
34
|
+
"brand-over-brand": "v16_54_14g0jmym v16_54_14g0jmyc v16_54_1y2v1nf89",
|
|
35
|
+
"brand-over-negative": "v16_54_14g0jmyn v16_54_14g0jmyd v16_54_1y2v1nf89",
|
|
36
|
+
"brand-over-alternative": "v16_54_14g0jmyo v16_54_14g0jmye v16_54_1y2v1nf86",
|
|
37
|
+
"brand-over-default": "v16_54_14g0jmyp v16_54_14g0jmyf v16_54_1y2v1nf86",
|
|
38
|
+
"brand-over-media": "v16_54_14g0jmyq v16_54_14g0jmyg v16_54_1y2v1nf86"
|
|
39
39
|
};
|
|
@@ -10,10 +10,10 @@ function _export(target, all) {
|
|
|
10
10
|
}
|
|
11
11
|
_export(exports, {
|
|
12
12
|
get actionsContainerVariants () {
|
|
13
|
-
return
|
|
13
|
+
return m;
|
|
14
14
|
},
|
|
15
15
|
get backgroundImageOrVideoContainer () {
|
|
16
|
-
return
|
|
16
|
+
return c;
|
|
17
17
|
},
|
|
18
18
|
get boxed () {
|
|
19
19
|
return r;
|
|
@@ -22,19 +22,22 @@ _export(exports, {
|
|
|
22
22
|
return a;
|
|
23
23
|
},
|
|
24
24
|
get containerPaddingBottomVariants () {
|
|
25
|
-
return
|
|
25
|
+
return f;
|
|
26
26
|
},
|
|
27
27
|
get containerPaddingTopVariants () {
|
|
28
|
-
return
|
|
28
|
+
return y;
|
|
29
29
|
},
|
|
30
30
|
get containerPaddingXVariants () {
|
|
31
31
|
return d;
|
|
32
32
|
},
|
|
33
33
|
get contentContainer () {
|
|
34
|
-
return
|
|
34
|
+
return q;
|
|
35
|
+
},
|
|
36
|
+
get slotContainerSpaceBetween () {
|
|
37
|
+
return u;
|
|
35
38
|
},
|
|
36
39
|
get textContent () {
|
|
37
|
-
return
|
|
40
|
+
return s;
|
|
38
41
|
},
|
|
39
42
|
get topActionsContainer () {
|
|
40
43
|
return l;
|
|
@@ -43,37 +46,37 @@ _export(exports, {
|
|
|
43
46
|
return t;
|
|
44
47
|
},
|
|
45
48
|
get touchableCardOverlay () {
|
|
46
|
-
return
|
|
49
|
+
return i;
|
|
47
50
|
},
|
|
48
51
|
get touchableCardOverlayInverse () {
|
|
49
|
-
return
|
|
52
|
+
return p;
|
|
50
53
|
},
|
|
51
54
|
get touchableContainer () {
|
|
52
|
-
return
|
|
55
|
+
return e;
|
|
53
56
|
},
|
|
54
57
|
get touchableContent () {
|
|
55
|
-
return
|
|
58
|
+
return o;
|
|
56
59
|
},
|
|
57
60
|
get vars () {
|
|
58
61
|
return n;
|
|
59
62
|
}
|
|
60
63
|
});
|
|
61
64
|
/* empty css */ /* empty css */ var n = {
|
|
62
|
-
aspectRatio: "var(--
|
|
63
|
-
}, a = "
|
|
64
|
-
display: "
|
|
65
|
-
default: "
|
|
66
|
-
snap: "
|
|
67
|
-
}, f = {
|
|
68
|
-
display: "v16_52_1499nmdc v16_52_1499nmd9 v16_52_1y2v1nfg0",
|
|
69
|
-
default: "v16_52_1499nmdd v16_52_1499nmda v16_52_1y2v1nffu",
|
|
70
|
-
snap: "v16_52_1499nmde v16_52_1499nmdb v16_52_1y2v1nffu"
|
|
65
|
+
aspectRatio: "var(--v16_54_1499nmd0)"
|
|
66
|
+
}, a = "v16_54_1499nmd2 v16_54_1499nmd1 v16_54_1y2v1nfpw v16_54_1y2v1nfq2 v16_54_1y2v1nfq7", d = {
|
|
67
|
+
display: "v16_54_1499nmd5 v16_54_1499nmd3 v16_54_1y2v1nfiy v16_54_1y2v1nfk7",
|
|
68
|
+
default: "v16_54_1499nmd6",
|
|
69
|
+
snap: "v16_54_1499nmd7 v16_54_1499nmd4 v16_54_1y2v1nfis v16_54_1y2v1nfk1"
|
|
71
70
|
}, y = {
|
|
72
|
-
display: "
|
|
73
|
-
default: "
|
|
74
|
-
snap: "
|
|
71
|
+
display: "v16_54_1499nmda v16_54_1499nmd8 v16_54_1y2v1nfgg",
|
|
72
|
+
default: "v16_54_1499nmdb",
|
|
73
|
+
snap: "v16_54_1499nmdc v16_54_1499nmd9 v16_54_1y2v1nfga"
|
|
74
|
+
}, f = {
|
|
75
|
+
display: "v16_54_1499nmdf v16_54_1499nmdd v16_54_1y2v1nfhp",
|
|
76
|
+
default: "v16_54_1499nmdg",
|
|
77
|
+
snap: "v16_54_1499nmdh v16_54_1499nmde v16_54_1y2v1nfhj"
|
|
75
78
|
}, m = {
|
|
76
|
-
display: "
|
|
77
|
-
default: "
|
|
78
|
-
snap: "
|
|
79
|
-
}, r = "
|
|
79
|
+
display: "v16_54_1499nmdl v16_54_1499nmdi v16_54_1y2v1nfgg",
|
|
80
|
+
default: "v16_54_1499nmdm v16_54_1499nmdj v16_54_1y2v1nfga",
|
|
81
|
+
snap: "v16_54_1499nmdn v16_54_1499nmdk v16_54_1y2v1nfga"
|
|
82
|
+
}, r = "v16_54_1499nmdo", t = "v16_54_1499nmdq v16_54_1499nmdp v16_54_1y2v1nffv v16_54_1y2v1nfh4 v16_54_1y2v1nfid v16_54_1y2v1nfjm v16_54_1y2v1nfq2 v16_54_1y2v1nfq8 v16_54_1y2v1nfsk v16_54_1y2v1nffu v16_54_1y2v1nfqp v16_54_1y2v1nfr6", e = "v16_54_1499nmdr", o = "v16_54_1499nmdt v16_54_1499nmds v16_54_1y2v1nfpw v16_54_1y2v1nfq2 v16_54_1y2v1nfqp v16_54_1y2v1nfr6 v16_54_1y2v1nft6 v16_54_1y2v1nfpv", i = "v16_54_1499nmdv v16_54_1499nmdu", p = "v16_54_1499nmdw v16_54_1499nmdu", q = "v16_54_1499nmdy v16_54_1499nmdx v16_54_1y2v1nfpw v16_54_1y2v1nfq2 v16_54_1y2v1nfq7 v16_54_1y2v1nfqe", s = "v16_54_1499nmd10 v16_54_1499nmdz v16_54_1y2v1nfpw v16_54_1y2v1nfq2 v16_54_1y2v1nfq8 v16_54_1y2v1nfr6 v16_54_1y2v1nfqp", l = "v16_54_1499nmd12 v16_54_1499nmd11 v16_54_1y2v1nfpx v16_54_1y2v1nfth v16_54_1y2v1nfub v16_54_1y2v1nfq2 v16_54_1y2v1nfq7", c = "v16_54_1499nmd14 v16_54_1499nmd13 v16_54_1y2v1nfqp v16_54_1y2v1nfr6 v16_54_1y2v1nfpx v16_54_1y2v1nfv0", u = "v16_54_1499nmd15 v16_54_1y2v1nfq2 v16_54_1y2v1nfq8 v16_54_1y2v1nfqe v16_54_1y2v1nfqn";
|
|
@@ -4,8 +4,8 @@ export declare const vars: {
|
|
|
4
4
|
export declare const container: string;
|
|
5
5
|
export declare const containerPaddingXVariants: Record<"default" | "display" | "snap", string>;
|
|
6
6
|
export declare const containerPaddingTopVariants: Record<"default" | "display" | "snap", string>;
|
|
7
|
-
export declare const actionsContainerVariants: Record<"default" | "display" | "snap", string>;
|
|
8
7
|
export declare const containerPaddingBottomVariants: Record<"default" | "display" | "snap", string>;
|
|
8
|
+
export declare const actionsContainerVariants: Record<"default" | "display" | "snap", string>;
|
|
9
9
|
export declare const boxed: string;
|
|
10
10
|
export declare const touchable: string;
|
|
11
11
|
export declare const touchableContainer: string;
|
|
@@ -16,3 +16,4 @@ export declare const contentContainer: string;
|
|
|
16
16
|
export declare const textContent: string;
|
|
17
17
|
export declare const topActionsContainer: string;
|
|
18
18
|
export declare const backgroundImageOrVideoContainer: string;
|
|
19
|
+
export declare const slotContainerSpaceBetween: string;
|
package/dist/card-internal.d.ts
CHANGED
|
@@ -16,7 +16,7 @@ export type CardSize = 'snap' | 'default' | 'display';
|
|
|
16
16
|
export type MediaPosition = 'top' | 'left' | 'right';
|
|
17
17
|
/** @deprecated use imageSrc, imageSrcSet, videoSrc and related props */
|
|
18
18
|
export type DeprecatedMediaProp = RendersElement<typeof Image> | RendersElement<typeof Video>;
|
|
19
|
-
export type SlotAlignment = 'content' | 'bottom';
|
|
19
|
+
export type SlotAlignment = 'content' | 'bottom' | 'space-between';
|
|
20
20
|
export type CardActionButtonPrimary = RendersNullableElement<typeof ButtonPrimary>;
|
|
21
21
|
export type CardActionButtonSecondary = RendersNullableElement<typeof ButtonSecondary>;
|
|
22
22
|
export type CardActionButtonLink = RendersNullableElement<typeof ButtonLink>;
|