@telefonica/mistica 16.66.0 → 16.68.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 +21 -5
- 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 +55 -46
- package/dist/button.css.d.ts +3 -0
- package/dist/button.js +133 -124
- package/dist/callout.css-mistica.js +11 -11
- package/dist/card-internal.css-mistica.js +15 -15
- package/dist/carousel.css-mistica.js +8 -8
- package/dist/checkbox.css-mistica.js +11 -11
- package/dist/chip.css-mistica.js +15 -15
- package/dist/circle.css-mistica.js +1 -1
- package/dist/community/advanced-data-card.css-mistica.js +6 -6
- package/dist/community/ai-card.css-mistica.js +2 -2
- package/dist/community/blocks.css-mistica.js +1 -1
- package/dist/community/cyber/example-component.css-mistica.js +1 -1
- package/dist/community/example-component.css-mistica.js +1 -1
- package/dist/community/skins/cyber-skin.js +9 -8
- 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/file-upload.css-mistica.js +7 -7
- package/dist/fixed-footer-layout.css-mistica.js +2 -2
- package/dist/focus-trap.d.ts +3 -1
- package/dist/focus-trap.js +6 -5
- package/dist/form.css-mistica.js +1 -1
- package/dist/grid-layout.css-mistica.js +3 -3
- package/dist/grid.css-mistica.js +120 -120
- package/dist/header.css-mistica.js +1 -1
- package/dist/hero.css-mistica.js +2 -2
- package/dist/horizontal-scroll.css-mistica.js +1 -1
- package/dist/icon-button.css-mistica.js +53 -53
- package/dist/icons/icon-chevron.css-mistica.js +2 -2
- package/dist/icons/icon-error.css-mistica.js +1 -1
- package/dist/image.css-mistica.js +2 -2
- package/dist/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/menu.js +27 -27
- 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 +684 -684
- package/dist/skip-link.css-mistica.js +1 -1
- package/dist/slider.css-mistica.js +18 -18
- package/dist/snackbar.css-mistica.js +4 -4
- package/dist/spinner.css-mistica.js +1 -1
- package/dist/square.css-mistica.js +1 -1
- package/dist/stack.css-mistica.js +5 -5
- package/dist/stacking-group.css-mistica.js +1 -1
- package/dist/stepper.css-mistica.js +2 -2
- package/dist/switch-component.css-mistica.js +35 -35
- package/dist/table.css-mistica.js +9 -9
- package/dist/tabs.css-mistica.js +17 -17
- package/dist/tag.css-mistica.js +1 -1
- package/dist/text-field-base.css-mistica.js +15 -15
- package/dist/text-field-components.css-mistica.js +3 -3
- package/dist/text-link.css-mistica.js +6 -6
- package/dist/text.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/video.d.ts +2 -0
- package/dist/video.js +40 -32
- 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 +35 -35
- package/dist-es/button.js +168 -159
- package/dist-es/callout.css-mistica.js +11 -11
- package/dist-es/card-internal.css-mistica.js +15 -15
- package/dist-es/carousel.css-mistica.js +8 -8
- package/dist-es/checkbox.css-mistica.js +11 -11
- package/dist-es/chip.css-mistica.js +15 -15
- package/dist-es/circle.css-mistica.js +1 -1
- package/dist-es/community/advanced-data-card.css-mistica.js +6 -6
- package/dist-es/community/ai-card.css-mistica.js +2 -2
- package/dist-es/community/blocks.css-mistica.js +1 -1
- package/dist-es/community/cyber/example-component.css-mistica.js +1 -1
- package/dist-es/community/example-component.css-mistica.js +1 -1
- package/dist-es/community/skins/cyber-skin.js +9 -8
- 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/file-upload.css-mistica.js +7 -7
- package/dist-es/fixed-footer-layout.css-mistica.js +2 -2
- package/dist-es/focus-trap.js +8 -7
- package/dist-es/form.css-mistica.js +1 -1
- package/dist-es/grid-layout.css-mistica.js +3 -3
- package/dist-es/grid.css-mistica.js +120 -120
- package/dist-es/header.css-mistica.js +1 -1
- package/dist-es/hero.css-mistica.js +2 -2
- package/dist-es/horizontal-scroll.css-mistica.js +1 -1
- package/dist-es/icon-button.css-mistica.js +53 -53
- package/dist-es/icons/icon-chevron.css-mistica.js +2 -2
- package/dist-es/icons/icon-error.css-mistica.js +1 -1
- package/dist-es/image.css-mistica.js +2 -2
- package/dist-es/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/menu.js +35 -35
- 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 +684 -684
- package/dist-es/skip-link.css-mistica.js +1 -1
- package/dist-es/slider.css-mistica.js +18 -18
- package/dist-es/snackbar.css-mistica.js +4 -4
- package/dist-es/spinner.css-mistica.js +1 -1
- package/dist-es/square.css-mistica.js +1 -1
- package/dist-es/stack.css-mistica.js +5 -5
- package/dist-es/stacking-group.css-mistica.js +1 -1
- package/dist-es/stepper.css-mistica.js +2 -2
- package/dist-es/style.css +1 -1
- package/dist-es/switch-component.css-mistica.js +35 -35
- package/dist-es/table.css-mistica.js +9 -9
- package/dist-es/tabs.css-mistica.js +17 -17
- package/dist-es/tag.css-mistica.js +1 -1
- package/dist-es/text-field-base.css-mistica.js +15 -15
- package/dist-es/text-field-components.css-mistica.js +3 -3
- package/dist-es/text-link.css-mistica.js +6 -6
- package/dist-es/text.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/video.js +53 -45
- package/dist-es/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
- package/doc/llms/agents/figma-verifier.md +49 -0
- package/doc/{figma-mcp.md → llms/figma-mcp.md} +34 -20
- package/doc/{llms.md → llms/llms.md} +1 -1
- package/doc/patterns.md +2 -2
- package/package.json +1 -1
- package/src/button.css.ts +133 -401
- package/src/button.tsx +80 -60
- package/src/community/__screenshot_tests__/advanced-data-card-screenshot-test.tsx +5 -5
- package/src/community/__screenshot_tests__/blocks-screenshot-test.tsx +6 -6
- package/src/community/__stories__/advanced-data-card-carousel-story.tsx +1 -1
- package/src/community/__stories__/advanced-data-card-story.tsx +1 -1
- package/src/community/__stories__/ai-card-story.tsx +1 -1
- package/src/community/__stories__/blocks-story.tsx +1 -1
- package/src/community/skins/cyber-skin.tsx +8 -8
- package/src/focus-trap.tsx +10 -2
- package/src/menu.tsx +0 -1
- package/src/package-version.tsx +1 -1
- package/src/video.tsx +4 -0
- package/src/community/__stories__/example-component-story.tsx +0 -15
package/dist-es/button.js
CHANGED
|
@@ -78,27 +78,27 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
78
78
|
}
|
|
79
79
|
return target;
|
|
80
80
|
}
|
|
81
|
-
import { jsx as e, jsxs as
|
|
82
|
-
import
|
|
81
|
+
import { jsx as e, jsxs as N, Fragment as q } from "react/jsx-runtime";
|
|
82
|
+
import v from "classnames";
|
|
83
83
|
import * as o from "react";
|
|
84
|
-
import
|
|
85
|
-
import { smallLink as
|
|
86
|
-
import { useForm as
|
|
87
|
-
import { useTheme as
|
|
88
|
-
import { VIVO_NEW_SKIN as
|
|
89
|
-
import { flattenChildren as
|
|
90
|
-
import
|
|
91
|
-
import { Text as
|
|
92
|
-
import { useThemeVariant as
|
|
93
|
-
import { BaseTouchable as
|
|
94
|
-
import { useTrackingConfig as
|
|
95
|
-
import { getTextFromChildren as
|
|
96
|
-
import { applyCssVars as
|
|
97
|
-
import { getPlatform as
|
|
98
|
-
const
|
|
99
|
-
let { element: t, small:
|
|
100
|
-
const { textPresets: n } =
|
|
101
|
-
return
|
|
84
|
+
import G from "./box.js";
|
|
85
|
+
import { smallLink as Y, linkMinWidth as J, buttonMinWidth as Q, small as U, borderSize as x, buttonPaddingY as E, buttonPaddingRight as I, buttonPaddingLeft as P, buttonVars as X, overMediaButtonVariants as p, overBrandButtonVariants as tt, overNegativeButtonVariants as et, buttonVariants as nt, smallTouchableVisual as at, smallTouchableArea as it, smallTouchableContainer as rt, textContent as ot, iconMargin as k, iconSize as _, chevronMarginLeft as lt, spinnerSize as W, loadingFiller as st, loadingContent as dt, isLoading as ct } from "./button.css-mistica.js";
|
|
86
|
+
import { useForm as mt } from "./form-context.js";
|
|
87
|
+
import { useTheme as S } from "./hooks.js";
|
|
88
|
+
import { VIVO_NEW_SKIN as ut } from "./skins/constants.js";
|
|
89
|
+
import { flattenChildren as ft } from "./skins/utils.js";
|
|
90
|
+
import ht from "./spinner.js";
|
|
91
|
+
import { Text as gt, Text3 as bt } from "./text.js";
|
|
92
|
+
import { useThemeVariant as vt } from "./theme-variant-context.js";
|
|
93
|
+
import { BaseTouchable as T } from "./touchable.js";
|
|
94
|
+
import { useTrackingConfig as yt, eventNames as Ct, eventCategories as Lt, eventActions as F } from "./utils/analytics.js";
|
|
95
|
+
import { getTextFromChildren as M } from "./utils/common.js";
|
|
96
|
+
import { applyCssVars as Tt, pxToRem as kt } from "./utils/css.js";
|
|
97
|
+
import { getPlatform as Bt } from "./utils/platform.js";
|
|
98
|
+
const wt = (param)=>{
|
|
99
|
+
let { element: t, small: a } = param;
|
|
100
|
+
const { textPresets: n } = S();
|
|
101
|
+
return a ? /* @__PURE__ */ e(gt, {
|
|
102
102
|
size: 14,
|
|
103
103
|
lineHeight: 20,
|
|
104
104
|
weight: n.button.weight,
|
|
@@ -106,46 +106,46 @@ const gt = (param)=>{
|
|
|
106
106
|
color: "inherit",
|
|
107
107
|
as: "div",
|
|
108
108
|
children: t
|
|
109
|
-
}) : /* @__PURE__ */ e(
|
|
109
|
+
}) : /* @__PURE__ */ e(bt, {
|
|
110
110
|
weight: n.button.weight,
|
|
111
111
|
truncate: 1,
|
|
112
112
|
color: "inherit",
|
|
113
113
|
as: "div",
|
|
114
114
|
children: t
|
|
115
115
|
});
|
|
116
|
-
},
|
|
117
|
-
let { small: t, content:
|
|
118
|
-
const
|
|
119
|
-
let
|
|
120
|
-
const
|
|
116
|
+
}, j = (param)=>{
|
|
117
|
+
let { small: t, content: a, defaultIconSize: n } = param;
|
|
118
|
+
const i = ft(a), g = i.length, r = [];
|
|
119
|
+
let d = [];
|
|
120
|
+
const f = ()=>{
|
|
121
121
|
r.push(/* @__PURE__ */ e(o.Fragment, {
|
|
122
|
-
children: /* @__PURE__ */ e(
|
|
123
|
-
element:
|
|
122
|
+
children: /* @__PURE__ */ e(wt, {
|
|
123
|
+
element: d,
|
|
124
124
|
small: t
|
|
125
125
|
})
|
|
126
|
-
}, r.length)),
|
|
126
|
+
}, r.length)), d = [];
|
|
127
127
|
};
|
|
128
|
-
return
|
|
129
|
-
const u =
|
|
128
|
+
return i.forEach((l, b)=>{
|
|
129
|
+
const u = b === 0, c = b === g - 1;
|
|
130
130
|
if (/*#__PURE__*/ o.isValidElement(l)) {
|
|
131
|
-
|
|
132
|
-
const
|
|
131
|
+
d.length && f();
|
|
132
|
+
const s = l.props.size !== void 0 ? kt(l.props.size) : n;
|
|
133
133
|
r.push(/* @__PURE__ */ e("div", {
|
|
134
134
|
style: {
|
|
135
135
|
display: "flex",
|
|
136
136
|
alignItems: "center",
|
|
137
|
-
marginLeft: u ? 0 :
|
|
138
|
-
marginRight: c ? 0 :
|
|
137
|
+
marginLeft: u ? 0 : k,
|
|
138
|
+
marginRight: c ? 0 : k
|
|
139
139
|
},
|
|
140
140
|
children: /*#__PURE__*/ o.cloneElement(l, {
|
|
141
|
-
size:
|
|
141
|
+
size: s
|
|
142
142
|
})
|
|
143
143
|
}, r.length));
|
|
144
|
-
} else
|
|
144
|
+
} else d.push(l), c && f();
|
|
145
145
|
}), r;
|
|
146
|
-
},
|
|
147
|
-
const { skinName: t } =
|
|
148
|
-
return t ===
|
|
146
|
+
}, Nt = ()=>{
|
|
147
|
+
const { skinName: t } = S();
|
|
148
|
+
return t === ut ? /* @__PURE__ */ e("svg", {
|
|
149
149
|
width: "0.5em",
|
|
150
150
|
height: "0.5em",
|
|
151
151
|
viewBox: "0 0 8 8",
|
|
@@ -163,60 +163,60 @@ const gt = (param)=>{
|
|
|
163
163
|
fill: "currentColor"
|
|
164
164
|
})
|
|
165
165
|
});
|
|
166
|
-
},
|
|
167
|
-
let { showSpinner: t, children:
|
|
168
|
-
const u = n ?
|
|
166
|
+
}, xt = (param)=>{
|
|
167
|
+
let { showSpinner: t, children: a, small: n, loadingText: i, shouldRenderSpinner: g, setShouldRenderSpinner: r, StartIcon: d, EndIcon: f, withChevron: l, platformOverrides: b } = param;
|
|
168
|
+
const u = n ? _.small : _.default, c = n ? W.small : W.default, y = j({
|
|
169
169
|
small: n,
|
|
170
|
-
content:
|
|
170
|
+
content: a,
|
|
171
171
|
defaultIconSize: u
|
|
172
|
-
}),
|
|
172
|
+
}), s = j({
|
|
173
173
|
small: n,
|
|
174
|
-
content:
|
|
174
|
+
content: i,
|
|
175
175
|
defaultIconSize: u
|
|
176
176
|
});
|
|
177
|
-
return /* @__PURE__ */
|
|
177
|
+
return /* @__PURE__ */ N(q, {
|
|
178
178
|
children: [
|
|
179
|
-
/* @__PURE__ */
|
|
179
|
+
/* @__PURE__ */ N("div", {
|
|
180
180
|
"aria-hidden": t ? !0 : void 0,
|
|
181
|
-
className:
|
|
181
|
+
className: ot,
|
|
182
182
|
children: [
|
|
183
|
-
|
|
183
|
+
d && /* @__PURE__ */ e("div", {
|
|
184
184
|
style: {
|
|
185
185
|
display: "flex",
|
|
186
186
|
alignItems: "center",
|
|
187
|
-
marginRight:
|
|
187
|
+
marginRight: k
|
|
188
188
|
},
|
|
189
189
|
"data-testid": "startIcon",
|
|
190
|
-
children: /* @__PURE__ */ e(
|
|
190
|
+
children: /* @__PURE__ */ e(d, {
|
|
191
191
|
size: u,
|
|
192
192
|
color: "currentColor"
|
|
193
193
|
})
|
|
194
194
|
}),
|
|
195
|
-
/* @__PURE__ */
|
|
195
|
+
/* @__PURE__ */ N("div", {
|
|
196
196
|
style: {
|
|
197
197
|
display: "flex",
|
|
198
198
|
alignItems: "baseline"
|
|
199
199
|
},
|
|
200
200
|
children: [
|
|
201
|
-
|
|
201
|
+
y,
|
|
202
202
|
l && /* @__PURE__ */ e("div", {
|
|
203
203
|
style: {
|
|
204
204
|
display: "flex",
|
|
205
205
|
alignItems: "center",
|
|
206
|
-
marginLeft:
|
|
206
|
+
marginLeft: lt
|
|
207
207
|
},
|
|
208
|
-
children: /* @__PURE__ */ e(
|
|
208
|
+
children: /* @__PURE__ */ e(Nt, {})
|
|
209
209
|
})
|
|
210
210
|
]
|
|
211
211
|
}),
|
|
212
|
-
|
|
212
|
+
f && !l && /* @__PURE__ */ e("div", {
|
|
213
213
|
style: {
|
|
214
214
|
display: "flex",
|
|
215
215
|
alignItems: "center",
|
|
216
|
-
marginLeft:
|
|
216
|
+
marginLeft: k
|
|
217
217
|
},
|
|
218
218
|
"data-testid": "endIcon",
|
|
219
|
-
children: /* @__PURE__ */ e(
|
|
219
|
+
children: /* @__PURE__ */ e(f, {
|
|
220
220
|
size: u,
|
|
221
221
|
color: "currentColor"
|
|
222
222
|
})
|
|
@@ -224,24 +224,24 @@ const gt = (param)=>{
|
|
|
224
224
|
]
|
|
225
225
|
}),
|
|
226
226
|
/* @__PURE__ */ e("div", {
|
|
227
|
-
className:
|
|
227
|
+
className: st,
|
|
228
228
|
"aria-hidden": !0,
|
|
229
|
-
style:
|
|
229
|
+
style: i ? {
|
|
230
230
|
paddingLeft: c,
|
|
231
|
-
paddingRight: `calc(${
|
|
231
|
+
paddingRight: `calc(${k} + ${n ? P.small : P.default} + ${n ? I.small : I.default})`
|
|
232
232
|
} : void 0,
|
|
233
|
-
children:
|
|
233
|
+
children: s
|
|
234
234
|
}),
|
|
235
|
-
/* @__PURE__ */
|
|
235
|
+
/* @__PURE__ */ N("div", {
|
|
236
236
|
"aria-hidden": t ? void 0 : !0,
|
|
237
|
-
className:
|
|
237
|
+
className: dt,
|
|
238
238
|
onTransitionEnd: ()=>{
|
|
239
|
-
t !==
|
|
239
|
+
t !== g && r(t);
|
|
240
240
|
},
|
|
241
241
|
children: [
|
|
242
|
-
|
|
243
|
-
"aria-hidden": !!
|
|
244
|
-
"aria-live":
|
|
242
|
+
g ? /* @__PURE__ */ e(ht, {
|
|
243
|
+
"aria-hidden": !!i,
|
|
244
|
+
"aria-live": Bt(b) === "android" ? "polite" : "off",
|
|
245
245
|
color: "currentcolor",
|
|
246
246
|
delay: "0s",
|
|
247
247
|
size: c
|
|
@@ -252,69 +252,82 @@ const gt = (param)=>{
|
|
|
252
252
|
height: c
|
|
253
253
|
}
|
|
254
254
|
}),
|
|
255
|
-
|
|
255
|
+
i ? /* @__PURE__ */ e(G, {
|
|
256
256
|
paddingLeft: 8,
|
|
257
257
|
dataAttributes: {
|
|
258
258
|
testid: "loadingText"
|
|
259
259
|
},
|
|
260
|
-
children:
|
|
260
|
+
children: s
|
|
261
261
|
}) : null
|
|
262
262
|
]
|
|
263
263
|
})
|
|
264
264
|
]
|
|
265
265
|
});
|
|
266
|
-
},
|
|
266
|
+
}, B = /*#__PURE__*/ o.forwardRef((t, a)=>{
|
|
267
267
|
var _t_withChevron;
|
|
268
|
-
const { eventFormat: n } =
|
|
268
|
+
const { eventFormat: n } = yt(), { formStatus: i, formId: g } = mt(), r = vt(), { loadingText: d } = t, f = !!t.submit, l = i === "sending", { isDarkMode: b, platformOverrides: u } = S(), [c, y] = o.useState(!1), s = t.showSpinner || l && f || c, Z = (_t_withChevron = t.withChevron) !== null && _t_withChevron !== void 0 ? _t_withChevron : t.buttonType.startsWith("link") && (!!t.href || !!t.to), [R, V] = o.useState(!!s);
|
|
269
269
|
o.useEffect(()=>{
|
|
270
|
-
|
|
270
|
+
s && !R && V(!0);
|
|
271
271
|
}, [
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
272
|
+
s,
|
|
273
|
+
R,
|
|
274
|
+
i
|
|
275
275
|
]);
|
|
276
276
|
var _t_trackingEvent;
|
|
277
|
-
const
|
|
278
|
-
let
|
|
277
|
+
const H = ()=>{
|
|
278
|
+
let m, h;
|
|
279
279
|
switch(t.buttonType){
|
|
280
280
|
case "link":
|
|
281
|
-
|
|
281
|
+
m = "link", h = F.linkTapped;
|
|
282
282
|
break;
|
|
283
283
|
case "linkDanger":
|
|
284
|
-
|
|
284
|
+
m = "danger_link", h = F.linkTapped;
|
|
285
285
|
break;
|
|
286
286
|
default:
|
|
287
|
-
|
|
287
|
+
m = `${t.buttonType}_button`, h = `${t.buttonType}_button_tapped`;
|
|
288
288
|
break;
|
|
289
289
|
}
|
|
290
290
|
return n === "google-analytics-4" ? {
|
|
291
|
-
name:
|
|
292
|
-
component_type:
|
|
293
|
-
component_copy:
|
|
291
|
+
name: Ct.userInteraction,
|
|
292
|
+
component_type: m,
|
|
293
|
+
component_copy: M(t.children)
|
|
294
294
|
} : {
|
|
295
|
-
category:
|
|
296
|
-
action:
|
|
297
|
-
label:
|
|
295
|
+
category: Lt.userInteraction,
|
|
296
|
+
action: h,
|
|
297
|
+
label: M(t.children)
|
|
298
298
|
};
|
|
299
|
-
},
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
299
|
+
}, D = t.buttonType.startsWith("link") ? J : Q, w = t.buttonType === "linkDanger" && b && r === "brand" ? "linkDangerDark" : t.buttonType, z = r === "media" ? p[w] : r === "brand" ? tt[w] : r === "negative" ? et[w] : nt[w], A = {
|
|
300
|
+
[U]: t.small,
|
|
301
|
+
[ct]: s
|
|
302
|
+
}, $ = xt({
|
|
303
|
+
showSpinner: s,
|
|
304
|
+
shouldRenderSpinner: R,
|
|
305
|
+
setShouldRenderSpinner: V,
|
|
306
|
+
children: t.children,
|
|
307
|
+
loadingText: d,
|
|
308
|
+
small: t.small,
|
|
309
|
+
StartIcon: t.StartIcon,
|
|
310
|
+
EndIcon: t.EndIcon,
|
|
311
|
+
withChevron: Z,
|
|
312
|
+
platformOverrides: u
|
|
313
|
+
}), O = _object_spread(_object_spread_props(_object_spread({}, Tt({
|
|
314
|
+
[X.minWidth]: t.small ? D.small : D.default
|
|
315
|
+
}), t.bleedLeft ? {
|
|
316
|
+
marginLeft: `calc(-1 * (${x} + ${t.small ? P.small : P.default}))`
|
|
317
|
+
} : void 0, t.bleedRight ? {
|
|
318
|
+
marginRight: `calc(-1 * (${x} + ${t.small ? I.small : I.default}))`
|
|
319
|
+
} : void 0, t.bleedY ? {
|
|
320
|
+
marginTop: `calc(-1 * (${x} + ${t.small ? E.small : E.default}))`,
|
|
321
|
+
marginBottom: `calc(-1 * (${x} + ${t.small ? E.small : E.default}))`
|
|
322
|
+
} : void 0), {
|
|
323
|
+
cursor: t.fake ? "pointer" : void 0
|
|
324
|
+
}), t.style), C = {
|
|
325
|
+
ref: a,
|
|
326
|
+
className: t.small ? v(it, A) : v(z, t.className, A),
|
|
327
|
+
style: t.small ? {
|
|
315
328
|
cursor: t.fake ? "pointer" : void 0
|
|
316
|
-
}
|
|
317
|
-
trackingEvent: (_t_trackingEvent = t.trackingEvent) !== null && _t_trackingEvent !== void 0 ? _t_trackingEvent : t.trackEvent ?
|
|
329
|
+
} : O,
|
|
330
|
+
trackingEvent: (_t_trackingEvent = t.trackingEvent) !== null && _t_trackingEvent !== void 0 ? _t_trackingEvent : t.trackEvent ? H() : void 0,
|
|
318
331
|
dataAttributes: t.dataAttributes,
|
|
319
332
|
"aria-label": t["aria-label"],
|
|
320
333
|
"aria-labelledby": t["aria-labelledby"],
|
|
@@ -325,123 +338,119 @@ const gt = (param)=>{
|
|
|
325
338
|
"aria-description": t["aria-description"],
|
|
326
339
|
"aria-describedby": t["aria-describedby"],
|
|
327
340
|
tabIndex: t.tabIndex,
|
|
328
|
-
children:
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
loadingText: s,
|
|
334
|
-
small: t.small,
|
|
335
|
-
StartIcon: t.StartIcon,
|
|
336
|
-
EndIcon: t.EndIcon,
|
|
337
|
-
withChevron: W,
|
|
338
|
-
platformOverrides: u
|
|
339
|
-
}),
|
|
340
|
-
disabled: t.disabled || d || l,
|
|
341
|
+
children: t.small ? /* @__PURE__ */ e("div", {
|
|
342
|
+
className: v(z, at),
|
|
343
|
+
children: $
|
|
344
|
+
}) : $,
|
|
345
|
+
disabled: t.disabled || s || l,
|
|
341
346
|
role: t.role
|
|
342
|
-
}
|
|
347
|
+
}, K = v(rt, t.className), L = (m)=>t.small ? /* @__PURE__ */ e("div", {
|
|
348
|
+
className: K,
|
|
349
|
+
style: O,
|
|
350
|
+
children: m
|
|
351
|
+
}) : m;
|
|
343
352
|
if (process.env.NODE_ENV !== "production" && (t.to === "" || t.href === "")) throw Error("to or href props are empty strings");
|
|
344
|
-
if (t.fake) return /* @__PURE__ */ e(
|
|
353
|
+
if (t.fake) return L(/* @__PURE__ */ e(T, _object_spread({
|
|
345
354
|
maybe: !0
|
|
346
|
-
},
|
|
347
|
-
if (t.submit) return /* @__PURE__ */ e(
|
|
355
|
+
}, C)));
|
|
356
|
+
if (t.submit) return L(/* @__PURE__ */ e(T, _object_spread({
|
|
348
357
|
type: "submit",
|
|
349
|
-
formId:
|
|
358
|
+
formId: g,
|
|
350
359
|
onPress: ()=>{}
|
|
351
|
-
},
|
|
352
|
-
if (t.onPress) return /* @__PURE__ */ e(
|
|
353
|
-
onPress: (
|
|
354
|
-
const
|
|
355
|
-
|
|
360
|
+
}, C)));
|
|
361
|
+
if (t.onPress) return L(/* @__PURE__ */ e(T, _object_spread_props(_object_spread({}, C), {
|
|
362
|
+
onPress: (m)=>{
|
|
363
|
+
const h = t.onPress(m);
|
|
364
|
+
h && (y(!0), h.finally(()=>y(!1)));
|
|
356
365
|
}
|
|
357
|
-
}));
|
|
358
|
-
if (t.to || t.to === "") return /* @__PURE__ */ e(
|
|
366
|
+
})));
|
|
367
|
+
if (t.to || t.to === "") return L(/* @__PURE__ */ e(T, _object_spread_props(_object_spread({}, C), {
|
|
359
368
|
to: t.to,
|
|
360
369
|
newTab: t.newTab,
|
|
361
370
|
fullPageOnWebView: t.fullPageOnWebView,
|
|
362
371
|
onNavigate: t.onNavigate
|
|
363
|
-
}));
|
|
364
|
-
if (t.href || t.href === "") return /* @__PURE__ */ e(
|
|
372
|
+
})));
|
|
373
|
+
if (t.href || t.href === "") return L(/* @__PURE__ */ e(T, _object_spread_props(_object_spread({}, C), {
|
|
365
374
|
href: t.href,
|
|
366
375
|
newTab: t.newTab,
|
|
367
376
|
loadOnTop: t.loadOnTop,
|
|
368
377
|
onNavigate: t.onNavigate
|
|
369
|
-
}));
|
|
378
|
+
})));
|
|
370
379
|
if (process.env.NODE_ENV !== "production") throw Error("Bad button props");
|
|
371
380
|
return null;
|
|
372
|
-
}),
|
|
373
|
-
var { dataAttributes: t, className:
|
|
381
|
+
}), Yt = /*#__PURE__*/ o.forwardRef((_param, i)=>{
|
|
382
|
+
var { dataAttributes: t, className: a } = _param, n = _object_without_properties(_param, [
|
|
374
383
|
"dataAttributes",
|
|
375
384
|
"className"
|
|
376
385
|
]);
|
|
377
|
-
return /* @__PURE__ */ e(
|
|
386
|
+
return /* @__PURE__ */ e(B, _object_spread_props(_object_spread({
|
|
378
387
|
dataAttributes: _object_spread({
|
|
379
388
|
"component-name": "ButtonLink",
|
|
380
389
|
testid: "ButtonLink"
|
|
381
390
|
}, t),
|
|
382
|
-
className:
|
|
383
|
-
[
|
|
391
|
+
className: v(a, {
|
|
392
|
+
[Y]: n.small
|
|
384
393
|
})
|
|
385
394
|
}, n), {
|
|
386
|
-
ref:
|
|
395
|
+
ref: i,
|
|
387
396
|
buttonType: "link"
|
|
388
397
|
}));
|
|
389
|
-
}),
|
|
390
|
-
var { dataAttributes: t, className:
|
|
398
|
+
}), Zt = /*#__PURE__*/ o.forwardRef((_param, i)=>{
|
|
399
|
+
var { dataAttributes: t, className: a } = _param, n = _object_without_properties(_param, [
|
|
391
400
|
"dataAttributes",
|
|
392
401
|
"className"
|
|
393
402
|
]);
|
|
394
|
-
return /* @__PURE__ */ e(
|
|
403
|
+
return /* @__PURE__ */ e(B, _object_spread_props(_object_spread({
|
|
395
404
|
dataAttributes: _object_spread({
|
|
396
405
|
"component-name": "ButtonLinkDanger",
|
|
397
406
|
testid: "ButtonLinkDanger"
|
|
398
407
|
}, t),
|
|
399
|
-
className:
|
|
400
|
-
[
|
|
408
|
+
className: v(a, {
|
|
409
|
+
[Y]: n.small
|
|
401
410
|
})
|
|
402
411
|
}, n), {
|
|
403
412
|
withChevron: !1,
|
|
404
|
-
ref:
|
|
413
|
+
ref: i,
|
|
405
414
|
buttonType: "linkDanger"
|
|
406
415
|
}));
|
|
407
|
-
}),
|
|
408
|
-
var { dataAttributes: t } = _param,
|
|
416
|
+
}), Ht = /*#__PURE__*/ o.forwardRef((_param, n)=>{
|
|
417
|
+
var { dataAttributes: t } = _param, a = _object_without_properties(_param, [
|
|
409
418
|
"dataAttributes"
|
|
410
419
|
]);
|
|
411
|
-
return /* @__PURE__ */ e(
|
|
420
|
+
return /* @__PURE__ */ e(B, _object_spread_props(_object_spread({
|
|
412
421
|
dataAttributes: _object_spread({
|
|
413
422
|
"component-name": "ButtonPrimary",
|
|
414
423
|
testid: "ButtonPrimary"
|
|
415
424
|
}, t)
|
|
416
|
-
},
|
|
425
|
+
}, a), {
|
|
417
426
|
ref: n,
|
|
418
427
|
buttonType: "primary"
|
|
419
428
|
}));
|
|
420
|
-
}),
|
|
421
|
-
var { dataAttributes: t } = _param,
|
|
429
|
+
}), Kt = /*#__PURE__*/ o.forwardRef((_param, n)=>{
|
|
430
|
+
var { dataAttributes: t } = _param, a = _object_without_properties(_param, [
|
|
422
431
|
"dataAttributes"
|
|
423
432
|
]);
|
|
424
|
-
return /* @__PURE__ */ e(
|
|
433
|
+
return /* @__PURE__ */ e(B, _object_spread_props(_object_spread({
|
|
425
434
|
dataAttributes: _object_spread({
|
|
426
435
|
"component-name": "ButtonSecondary",
|
|
427
436
|
testid: "ButtonSecondary"
|
|
428
437
|
}, t)
|
|
429
|
-
},
|
|
438
|
+
}, a), {
|
|
430
439
|
ref: n,
|
|
431
440
|
buttonType: "secondary"
|
|
432
441
|
}));
|
|
433
|
-
}),
|
|
434
|
-
var { dataAttributes: t } = _param,
|
|
442
|
+
}), qt = /*#__PURE__*/ o.forwardRef((_param, n)=>{
|
|
443
|
+
var { dataAttributes: t } = _param, a = _object_without_properties(_param, [
|
|
435
444
|
"dataAttributes"
|
|
436
445
|
]);
|
|
437
|
-
return /* @__PURE__ */ e(
|
|
446
|
+
return /* @__PURE__ */ e(B, _object_spread_props(_object_spread({
|
|
438
447
|
dataAttributes: _object_spread({
|
|
439
448
|
"component-name": "ButtonDanger",
|
|
440
449
|
testid: "ButtonDanger"
|
|
441
450
|
}, t)
|
|
442
|
-
},
|
|
451
|
+
}, a), {
|
|
443
452
|
ref: n,
|
|
444
453
|
buttonType: "danger"
|
|
445
454
|
}));
|
|
446
455
|
});
|
|
447
|
-
export {
|
|
456
|
+
export { qt as ButtonDanger, Yt as ButtonLink, Zt as ButtonLinkDanger, Ht as ButtonPrimary, Kt as ButtonSecondary };
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ /* empty css */ var n = "
|
|
2
|
-
"default-over-brand": "
|
|
3
|
-
"default-over-negative": "
|
|
4
|
-
"default-over-alternative": "
|
|
5
|
-
"default-over-default": "
|
|
6
|
-
"default-over-media": "
|
|
7
|
-
"brand-over-brand": "
|
|
8
|
-
"brand-over-negative": "
|
|
9
|
-
"brand-over-alternative": "
|
|
10
|
-
"brand-over-default": "
|
|
11
|
-
"brand-over-media": "
|
|
1
|
+
/* empty css */ /* empty css */ /* empty css */ var n = "v16_68_14g0jmy1 v16_68_14g0jmy0 v16_68_1y2v1nfgc v16_68_1y2v1nfhl v16_68_1y2v1nfiu v16_68_1y2v1nfk3 v16_68_1y2v1nfq4 v16_68_1y2v1nfsw v16_68_1y2v1nft8", e = "v16_68_14g0jmy3 v16_68_14g0jmy2 v16_68_1y2v1nfqq v16_68_1y2v1nfpy", a = "v16_68_14g0jmy5 v16_68_14g0jmy4 v16_68_1y2v1nfpz v16_68_1y2v1nfu8", m = "v16_68_14g0jmy6", g = {
|
|
2
|
+
"default-over-brand": "v16_68_14g0jmyh v16_68_14g0jmy7 v16_68_1y2v1nf83",
|
|
3
|
+
"default-over-negative": "v16_68_14g0jmyi v16_68_14g0jmy8 v16_68_1y2v1nf83",
|
|
4
|
+
"default-over-alternative": "v16_68_14g0jmyj v16_68_14g0jmy9 v16_68_1y2v1nf83",
|
|
5
|
+
"default-over-default": "v16_68_14g0jmyk v16_68_14g0jmya v16_68_1y2v1nf8d",
|
|
6
|
+
"default-over-media": "v16_68_14g0jmyl v16_68_14g0jmyb v16_68_1y2v1nf83",
|
|
7
|
+
"brand-over-brand": "v16_68_14g0jmym v16_68_14g0jmyc v16_68_1y2v1nf8a",
|
|
8
|
+
"brand-over-negative": "v16_68_14g0jmyn v16_68_14g0jmyd v16_68_1y2v1nf8a",
|
|
9
|
+
"brand-over-alternative": "v16_68_14g0jmyo v16_68_14g0jmye v16_68_1y2v1nf87",
|
|
10
|
+
"brand-over-default": "v16_68_14g0jmyp v16_68_14g0jmyf v16_68_1y2v1nf87",
|
|
11
|
+
"brand-over-media": "v16_68_14g0jmyq v16_68_14g0jmyg v16_68_1y2v1nf87"
|
|
12
12
|
};
|
|
13
13
|
export { g as background, a as closeButtonContainer, m as closeButtonContainerSize, n as container, e as content };
|
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
/* empty css */ /* empty css */ var n = {
|
|
2
|
-
aspectRatio: "var(--
|
|
3
|
-
}, a = "
|
|
4
|
-
display: "
|
|
5
|
-
default: "
|
|
6
|
-
snap: "
|
|
2
|
+
aspectRatio: "var(--v16_68_1499nmd0)"
|
|
3
|
+
}, a = "v16_68_1499nmd2 v16_68_1499nmd1 v16_68_1y2v1nfpy v16_68_1y2v1nfq4 v16_68_1y2v1nfq9", d = {
|
|
4
|
+
display: "v16_68_1499nmd5 v16_68_1499nmd3 v16_68_1y2v1nfj0 v16_68_1y2v1nfk9",
|
|
5
|
+
default: "v16_68_1499nmd6",
|
|
6
|
+
snap: "v16_68_1499nmd7 v16_68_1499nmd4 v16_68_1y2v1nfiu v16_68_1y2v1nfk3"
|
|
7
7
|
}, y = {
|
|
8
|
-
display: "
|
|
9
|
-
default: "
|
|
10
|
-
snap: "
|
|
8
|
+
display: "v16_68_1499nmda v16_68_1499nmd8 v16_68_1y2v1nfgi",
|
|
9
|
+
default: "v16_68_1499nmdb",
|
|
10
|
+
snap: "v16_68_1499nmdc v16_68_1499nmd9 v16_68_1y2v1nfgc"
|
|
11
11
|
}, f = {
|
|
12
|
-
display: "
|
|
13
|
-
default: "
|
|
14
|
-
snap: "
|
|
12
|
+
display: "v16_68_1499nmdf v16_68_1499nmdd v16_68_1y2v1nfhr",
|
|
13
|
+
default: "v16_68_1499nmdg",
|
|
14
|
+
snap: "v16_68_1499nmdh v16_68_1499nmde v16_68_1y2v1nfhl"
|
|
15
15
|
}, r = {
|
|
16
|
-
display: "
|
|
17
|
-
default: "
|
|
18
|
-
snap: "
|
|
19
|
-
}, m = "
|
|
16
|
+
display: "v16_68_1499nmdl v16_68_1499nmdi v16_68_1y2v1nfgi",
|
|
17
|
+
default: "v16_68_1499nmdm v16_68_1499nmdj v16_68_1y2v1nfgc",
|
|
18
|
+
snap: "v16_68_1499nmdn v16_68_1499nmdk v16_68_1y2v1nfgc"
|
|
19
|
+
}, m = "v16_68_1499nmdo", t = "v16_68_1499nmdq v16_68_1499nmdp v16_68_1y2v1nffx v16_68_1y2v1nfh6 v16_68_1y2v1nfif v16_68_1y2v1nfjo v16_68_1y2v1nfq4 v16_68_1y2v1nfqa v16_68_1y2v1nfsm v16_68_1y2v1nffw v16_68_1y2v1nfqr v16_68_1y2v1nfr8", e = "v16_68_1499nmdr", o = "v16_68_1499nmdt v16_68_1499nmds v16_68_1y2v1nfpy v16_68_1y2v1nfq4 v16_68_1y2v1nfqr v16_68_1y2v1nfr8 v16_68_1y2v1nft8 v16_68_1y2v1nfpx", i = "v16_68_1499nmdv v16_68_1499nmdu", c = "v16_68_1499nmdw v16_68_1499nmdu", p = "v16_68_1499nmdy v16_68_1499nmdx v16_68_1y2v1nfq4 v16_68_1y2v1nfq9 v16_68_1y2v1nfqg", s = "v16_68_1499nmdz", q = "v16_68_1499nmd11 v16_68_1499nmd10 v16_68_1y2v1nfq4 v16_68_1y2v1nfqa v16_68_1y2v1nfr8 v16_68_1y2v1nfqr", l = "v16_68_1499nmd13 v16_68_1499nmd12 v16_68_1y2v1nfpz v16_68_1y2v1nftj v16_68_1y2v1nfud v16_68_1y2v1nfq4 v16_68_1y2v1nfq9", u = "v16_68_1499nmd15 v16_68_1499nmd14 v16_68_1y2v1nfqr v16_68_1y2v1nfr8 v16_68_1y2v1nfpz v16_68_1y2v1nfv2", g = "v16_68_1499nmd16 v16_68_1y2v1nfq4 v16_68_1y2v1nfqa v16_68_1y2v1nfqg v16_68_1y2v1nfqp", h = "v16_68_1499nmd17";
|
|
20
20
|
export { r as actionsContainerVariants, u as backgroundImageOrVideoContainer, m as boxed, a as container, f as containerPaddingBottomVariants, y as containerPaddingTopVariants, d as containerPaddingXVariants, p as contentContainer, g as slotContainerSpaceBetween, h as stretchedLink, s as stretchedTouchable, q as textContent, l as topActionsContainer, t as touchable, i as touchableCardOverlay, c as touchableCardOverlayInverse, e as touchableContainer, o as touchableContent, n as vars };
|