@telefonica/mistica 16.47.0 → 16.49.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-cover.d.ts +1 -0
- package/dist/card-data.d.ts +1 -0
- package/dist/card-internal.css-mistica.js +15 -15
- package/dist/card-internal.d.ts +1 -0
- package/dist/card-internal.js +376 -368
- package/dist/card-media.d.ts +2 -0
- 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/chip.js +26 -24
- 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 +1 -1
- package/dist/community/example-component.css-mistica.js +1 -1
- 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/dialog.js +60 -64
- package/dist/divider.css-mistica.js +5 -5
- package/dist/double-field.css-mistica.js +2 -2
- package/dist/drawer.css-mistica.js +1 -1
- package/dist/drawer.js +35 -33
- 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 +3 -3
- 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 +52 -52
- 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/loading-screen.js +87 -85
- 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 +10 -12
- package/dist/popover.css-mistica.js +1 -1
- package/dist/progress-bar.css-mistica.js +6 -6
- package/dist/radio-button.css-mistica.js +19 -19
- package/dist/rating.css-mistica.js +2 -2
- package/dist/responsive-layout.css-mistica.js +6 -6
- package/dist/screen-reader-only.css-mistica.js +1 -1
- package/dist/select.css-mistica.js +15 -15
- package/dist/select.js +39 -38
- 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/blau.js +91 -0
- package/dist/skins/defaults.js +91 -0
- package/dist/skins/esimflag.js +91 -0
- package/dist/skins/movistar-new.js +97 -6
- package/dist/skins/movistar.js +93 -2
- package/dist/skins/o2-new.js +91 -0
- package/dist/skins/o2.js +93 -2
- package/dist/skins/skin-contract.css-mistica.js +660 -623
- package/dist/skins/skin-contract.css.d.ts +91 -25
- package/dist/skins/telefonica.js +91 -0
- package/dist/skins/tu.js +91 -0
- package/dist/skins/types/index.d.ts +11 -2
- package/dist/skins/vivo-new.js +91 -0
- package/dist/skins/vivo.js +91 -0
- 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/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/stepper.js +29 -27
- 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 +5 -2
- package/dist/tag.css.d.ts +1 -0
- package/dist/tag.d.ts +2 -1
- package/dist/tag.js +57 -51
- package/dist/text-field-base.css-mistica.js +38 -20
- package/dist/text-field-base.css.d.ts +15 -11
- package/dist/text-field-base.js +78 -79
- package/dist/text-field-components.css-mistica.js +18 -24
- package/dist/text-field-components.css.d.ts +0 -2
- package/dist/text-field-components.d.ts +1 -0
- package/dist/text-field-components.js +66 -41
- package/dist/text-link.css-mistica.js +6 -6
- package/dist/text.css-mistica.js +6 -6
- package/dist/text.d.ts +23 -9
- package/dist/text.js +171 -174
- 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/title.js +55 -49
- 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 +15 -15
- package/dist-es/card-internal.js +424 -416
- 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/chip.js +44 -42
- 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 +1 -1
- package/dist-es/community/example-component.css-mistica.js +1 -1
- 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/dialog.js +98 -102
- package/dist-es/divider.css-mistica.js +5 -5
- package/dist-es/double-field.css-mistica.js +2 -2
- package/dist-es/drawer.css-mistica.js +1 -1
- package/dist-es/drawer.js +76 -74
- 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 +3 -3
- 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 +52 -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 +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/loading-screen.js +119 -117
- 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 +2 -4
- package/dist-es/popover.css-mistica.js +1 -1
- package/dist-es/progress-bar.css-mistica.js +6 -6
- package/dist-es/radio-button.css-mistica.js +19 -19
- package/dist-es/rating.css-mistica.js +2 -2
- package/dist-es/responsive-layout.css-mistica.js +6 -6
- package/dist-es/screen-reader-only.css-mistica.js +1 -1
- package/dist-es/select.css-mistica.js +15 -15
- package/dist-es/select.js +88 -87
- 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/blau.js +91 -0
- package/dist-es/skins/defaults.js +91 -0
- package/dist-es/skins/esimflag.js +91 -0
- package/dist-es/skins/movistar-new.js +97 -6
- package/dist-es/skins/movistar.js +93 -2
- package/dist-es/skins/o2-new.js +91 -0
- package/dist-es/skins/o2.js +93 -2
- package/dist-es/skins/skin-contract.css-mistica.js +660 -623
- package/dist-es/skins/telefonica.js +91 -0
- package/dist-es/skins/tu.js +91 -0
- package/dist-es/skins/vivo-new.js +91 -0
- package/dist-es/skins/vivo.js +91 -0
- 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/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/stepper.js +50 -48
- 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 +2 -2
- package/dist-es/tag.js +74 -68
- package/dist-es/text-field-base.css-mistica.js +17 -2
- package/dist-es/text-field-base.js +110 -111
- package/dist-es/text-field-components.css-mistica.js +4 -4
- package/dist-es/text-field-components.js +92 -70
- package/dist-es/text-link.css-mistica.js +6 -6
- package/dist-es/text.css-mistica.js +6 -6
- package/dist-es/text.js +180 -190
- 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/title.js +69 -63
- 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/text-props.d.ts +0 -60
- package/dist/text-props.js +0 -93
- package/dist-es/text-props.js +0 -52
package/dist-es/text.js
CHANGED
|
@@ -78,320 +78,310 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
78
78
|
}
|
|
79
79
|
return target;
|
|
80
80
|
}
|
|
81
|
-
import { jsx as o, Fragment as
|
|
82
|
-
import * as
|
|
83
|
-
import
|
|
84
|
-
import { useThemeVariant as
|
|
85
|
-
import { applyCssVars as
|
|
86
|
-
import { getPrefixedDataAttributes as
|
|
81
|
+
import { jsx as o, Fragment as z, jsxs as C } from "react/jsx-runtime";
|
|
82
|
+
import * as b from "react";
|
|
83
|
+
import J from "classnames";
|
|
84
|
+
import { useThemeVariant as Q } from "./theme-variant-context.js";
|
|
85
|
+
import { applyCssVars as N, pxToRem as T } from "./utils/css.js";
|
|
86
|
+
import { getPrefixedDataAttributes as U } from "./utils/dom.js";
|
|
87
87
|
import { useTheme as s } from "./hooks.js";
|
|
88
|
-
import { vars as
|
|
89
|
-
import { text as
|
|
90
|
-
import { VIVO_NEW_SKIN as
|
|
91
|
-
import
|
|
92
|
-
|
|
93
|
-
import { text10 as it, text9 as nt, text8 as ot, text7 as st, text6 as at, text5 as xt, text4 as mt, text3 as ct, text2 as dt, text1 as lt } from "./text-props.js";
|
|
94
|
-
const ut = {
|
|
88
|
+
import { vars as i } from "./skins/skin-contract.css-mistica.js";
|
|
89
|
+
import { text as X, withWordBreak as Y, withoutWordBreak as Z, truncate as $, truncateToOneLine as tt, vars as u } from "./text.css-mistica.js";
|
|
90
|
+
import { VIVO_NEW_SKIN as et } from "./skins/constants.js";
|
|
91
|
+
import rt from "./screen-reader-only.js";
|
|
92
|
+
const nt = {
|
|
95
93
|
light: 300,
|
|
96
94
|
regular: 400,
|
|
97
95
|
medium: 500,
|
|
98
96
|
bold: 700
|
|
99
|
-
},
|
|
97
|
+
}, it = (t)=>t === !0 ? 1 : t || "initial", h = "Ħ", ot = /* @__PURE__ */ C(z, {
|
|
100
98
|
children: [
|
|
101
99
|
/* @__PURE__ */ o("span", {
|
|
102
100
|
"aria-hidden": !0,
|
|
103
|
-
children:
|
|
101
|
+
children: h
|
|
104
102
|
}),
|
|
105
|
-
/* @__PURE__ */ o(
|
|
103
|
+
/* @__PURE__ */ o(rt, {
|
|
106
104
|
children: /* @__PURE__ */ o("span", {
|
|
107
105
|
children: "Vivo"
|
|
108
106
|
})
|
|
109
107
|
})
|
|
110
108
|
]
|
|
111
|
-
}),
|
|
112
|
-
let { children: t, ariaLabel:
|
|
113
|
-
return typeof
|
|
109
|
+
}), st = (param)=>{
|
|
110
|
+
let { children: t, ariaLabel: e, as: n } = param;
|
|
111
|
+
return typeof n == "string" && [
|
|
114
112
|
"h1",
|
|
115
113
|
"h2",
|
|
116
114
|
"h3",
|
|
117
115
|
"h4",
|
|
118
116
|
"h5",
|
|
119
117
|
"h6"
|
|
120
|
-
].includes(
|
|
121
|
-
ariaLabel: t.replace(new RegExp(
|
|
118
|
+
].includes(n) && typeof t == "string" && t.includes(h) ? {
|
|
119
|
+
ariaLabel: t.replace(new RegExp(h, "g"), "Vivo"),
|
|
122
120
|
children: /* @__PURE__ */ o("span", {
|
|
123
121
|
"aria-hidden": !0,
|
|
124
122
|
children: t
|
|
125
123
|
})
|
|
126
124
|
} : {
|
|
127
|
-
children:
|
|
128
|
-
children:
|
|
125
|
+
children: b.Children.map(t, (r)=>typeof r != "string" || !r.includes(h) ? r : /* @__PURE__ */ o(z, {
|
|
126
|
+
children: r.split(h).map((d, x)=>/* @__PURE__ */ C(b.Fragment, {
|
|
129
127
|
children: [
|
|
130
|
-
|
|
131
|
-
|
|
128
|
+
x > 0 && ot,
|
|
129
|
+
d
|
|
132
130
|
]
|
|
133
|
-
},
|
|
131
|
+
}, x))
|
|
134
132
|
})),
|
|
135
|
-
ariaLabel:
|
|
133
|
+
ariaLabel: e
|
|
136
134
|
};
|
|
137
135
|
}, a = (param)=>{
|
|
138
|
-
let { weight: t, color:
|
|
139
|
-
var
|
|
140
|
-
const { skinName:
|
|
141
|
-
[
|
|
142
|
-
brand:
|
|
143
|
-
media:
|
|
144
|
-
negative:
|
|
136
|
+
let { weight: t, color: e = i.colors.textPrimary, decoration: n, truncate: r, transform: d, wordBreak: x = !0, hyphens: P = "auto", as: f = "span", children: l, size: y, mobileSize: S = y, desktopSize: k = y, lineHeight: w, mobileLineHeight: A = w, desktopLineHeight: V = w, letterSpacing: R, textAlign: E, textShadow: H, id: B, role: L, "aria-level": F, "aria-label": p, "aria-hidden": I, "aria-live": M, dataAttributes: O } = param;
|
|
137
|
+
var W;
|
|
138
|
+
const { skinName: _ } = s(), v = Q(), j = it(r), D = {
|
|
139
|
+
[i.colors.textPrimary]: {
|
|
140
|
+
brand: i.colors.textPrimaryBrand,
|
|
141
|
+
media: i.colors.textPrimaryMedia,
|
|
142
|
+
negative: i.colors.textPrimaryNegative
|
|
145
143
|
},
|
|
146
|
-
[
|
|
147
|
-
brand:
|
|
148
|
-
media:
|
|
149
|
-
negative:
|
|
144
|
+
[i.colors.textSecondary]: {
|
|
145
|
+
brand: i.colors.textSecondaryBrand,
|
|
146
|
+
media: i.colors.textSecondaryMedia,
|
|
147
|
+
negative: i.colors.textSecondaryNegative
|
|
150
148
|
},
|
|
151
|
-
[
|
|
152
|
-
brand:
|
|
153
|
-
media:
|
|
154
|
-
negative:
|
|
149
|
+
[i.colors.textLink]: {
|
|
150
|
+
brand: i.colors.textLinkBrand,
|
|
151
|
+
media: i.colors.textLinkMedia,
|
|
152
|
+
negative: i.colors.textLinkNegative
|
|
155
153
|
},
|
|
156
|
-
[
|
|
157
|
-
brand:
|
|
158
|
-
media:
|
|
159
|
-
negative:
|
|
154
|
+
[i.colors.textError]: {
|
|
155
|
+
brand: i.colors.textErrorBrand,
|
|
156
|
+
media: i.colors.textErrorBrand,
|
|
157
|
+
negative: i.colors.textErrorNegative
|
|
160
158
|
}
|
|
161
159
|
};
|
|
162
|
-
if (!
|
|
163
|
-
const
|
|
164
|
-
[
|
|
165
|
-
[
|
|
166
|
-
}),
|
|
167
|
-
[
|
|
168
|
-
[
|
|
169
|
-
[
|
|
170
|
-
[
|
|
171
|
-
}),
|
|
172
|
-
[
|
|
160
|
+
if (!l && l !== 0) return null;
|
|
161
|
+
const K = J(X, x ? Y : Z, {
|
|
162
|
+
[$]: r,
|
|
163
|
+
[tt]: r === 1 || r === !0
|
|
164
|
+
}), q = N({
|
|
165
|
+
[u.mobileSize]: S ? T(S) : "inherit",
|
|
166
|
+
[u.mobileLineHeight]: A ? T(A) : "inherit",
|
|
167
|
+
[u.desktopSize]: k ? T(k) : "inherit",
|
|
168
|
+
[u.desktopLineHeight]: V ? T(V) : "inherit"
|
|
169
|
+
}), G = r ? N({
|
|
170
|
+
[u.lineClamp]: String(j)
|
|
173
171
|
}) : {};
|
|
174
172
|
var _ref;
|
|
175
|
-
return
|
|
176
|
-
children:
|
|
177
|
-
ariaLabel:
|
|
178
|
-
as:
|
|
179
|
-
})), /*#__PURE__*/
|
|
180
|
-
className:
|
|
181
|
-
id:
|
|
182
|
-
role:
|
|
183
|
-
"aria-level":
|
|
184
|
-
"aria-label":
|
|
185
|
-
"aria-hidden":
|
|
186
|
-
"aria-live":
|
|
187
|
-
},
|
|
188
|
-
style: _object_spread_props(_object_spread({},
|
|
189
|
-
hyphens:
|
|
190
|
-
WebkitHyphens:
|
|
191
|
-
letterSpacing:
|
|
192
|
-
fontWeight: t ?
|
|
193
|
-
textTransform:
|
|
194
|
-
textDecoration:
|
|
195
|
-
overflowWrap:
|
|
196
|
-
color:
|
|
197
|
-
textAlign:
|
|
198
|
-
textShadow:
|
|
173
|
+
return _ === et && ({ ariaLabel: p, children: l } = st({
|
|
174
|
+
children: l,
|
|
175
|
+
ariaLabel: p,
|
|
176
|
+
as: f
|
|
177
|
+
})), /*#__PURE__*/ b.createElement(f, _object_spread_props(_object_spread({
|
|
178
|
+
className: K,
|
|
179
|
+
id: B,
|
|
180
|
+
role: L,
|
|
181
|
+
"aria-level": F,
|
|
182
|
+
"aria-label": p,
|
|
183
|
+
"aria-hidden": I,
|
|
184
|
+
"aria-live": M
|
|
185
|
+
}, U(O, "Text")), {
|
|
186
|
+
style: _object_spread_props(_object_spread({}, q, G), {
|
|
187
|
+
hyphens: P,
|
|
188
|
+
WebkitHyphens: P,
|
|
189
|
+
letterSpacing: R,
|
|
190
|
+
fontWeight: t ? nt[t] : "inherit",
|
|
191
|
+
textTransform: d || "inherit",
|
|
192
|
+
textDecoration: n !== null && n !== void 0 ? n : "inherit",
|
|
193
|
+
overflowWrap: x ? "anywhere" : "inherit",
|
|
194
|
+
color: v !== "default" && v !== "alternative" ? (_ref = (W = D[e]) == null ? void 0 : W[v]) !== null && _ref !== void 0 ? _ref : e : e,
|
|
195
|
+
textAlign: E,
|
|
196
|
+
textShadow: H,
|
|
199
197
|
// When rendering as <pre/>, spaces are preserved and we don't want to remove them
|
|
200
|
-
whiteSpace:
|
|
198
|
+
whiteSpace: f === "pre" ? void 0 : "pre-line"
|
|
201
199
|
})
|
|
202
|
-
}),
|
|
203
|
-
},
|
|
200
|
+
}), l);
|
|
201
|
+
}, g = (t)=>{
|
|
204
202
|
if (t.light) return "light";
|
|
205
203
|
if (t.regular) return "regular";
|
|
206
204
|
if (t.medium) return "medium";
|
|
205
|
+
if (t.bold) return "bold";
|
|
207
206
|
if (t.weight) return t.weight;
|
|
208
|
-
},
|
|
209
|
-
let { forceMobileSizes: t, textPreset:
|
|
210
|
-
const
|
|
207
|
+
}, c = (param)=>{
|
|
208
|
+
let { forceMobileSizes: t, textPreset: e } = param;
|
|
209
|
+
const n = e.size.mobile, r = e.lineHeight.mobile, d = e.size.desktop, x = e.lineHeight.desktop;
|
|
211
210
|
return t ? {
|
|
212
|
-
size:
|
|
213
|
-
lineHeight:
|
|
211
|
+
size: n,
|
|
212
|
+
lineHeight: r
|
|
214
213
|
} : {
|
|
215
|
-
mobileSize:
|
|
216
|
-
mobileLineHeight:
|
|
217
|
-
desktopSize:
|
|
218
|
-
desktopLineHeight:
|
|
214
|
+
mobileSize: n,
|
|
215
|
+
mobileLineHeight: r,
|
|
216
|
+
desktopSize: d,
|
|
217
|
+
desktopLineHeight: x
|
|
219
218
|
};
|
|
220
|
-
},
|
|
221
|
-
|
|
222
|
-
return
|
|
223
|
-
|
|
224
|
-
|
|
219
|
+
}, m = (param)=>{
|
|
220
|
+
let { forceMobileSizes: t, textPreset: e } = param;
|
|
221
|
+
return _object_spread_props(_object_spread({}, c({
|
|
222
|
+
forceMobileSizes: t,
|
|
223
|
+
textPreset: e
|
|
224
|
+
})), {
|
|
225
|
+
weight: e.weight
|
|
226
|
+
});
|
|
227
|
+
}, ft = (t)=>{
|
|
228
|
+
const { textPresets: e } = s(), n = e[t];
|
|
229
|
+
return c({
|
|
230
|
+
textPreset: n
|
|
225
231
|
});
|
|
226
|
-
},
|
|
227
|
-
var { dataAttributes: t, forceMobileSizes:
|
|
232
|
+
}, pt = (_param)=>{
|
|
233
|
+
var { dataAttributes: t, forceMobileSizes: e } = _param, n = _object_without_properties(_param, [
|
|
228
234
|
"dataAttributes",
|
|
229
235
|
"forceMobileSizes"
|
|
230
236
|
]);
|
|
231
|
-
const { textPresets:
|
|
232
|
-
return /* @__PURE__ */ o(a, _object_spread(_object_spread_props(_object_spread({},
|
|
233
|
-
forceMobileSizes:
|
|
234
|
-
textPreset:
|
|
235
|
-
textProps: it
|
|
237
|
+
const { textPresets: r } = s();
|
|
238
|
+
return /* @__PURE__ */ o(a, _object_spread(_object_spread_props(_object_spread({}, m({
|
|
239
|
+
forceMobileSizes: e,
|
|
240
|
+
textPreset: r.text10
|
|
236
241
|
})), {
|
|
237
|
-
weight: e.text10.weight,
|
|
238
242
|
dataAttributes: _object_spread({
|
|
239
243
|
"component-name": "Text10",
|
|
240
244
|
testid: "Text10"
|
|
241
245
|
}, t)
|
|
242
|
-
}),
|
|
243
|
-
},
|
|
244
|
-
var { dataAttributes: t, forceMobileSizes:
|
|
246
|
+
}), n));
|
|
247
|
+
}, vt = (_param)=>{
|
|
248
|
+
var { dataAttributes: t, forceMobileSizes: e } = _param, n = _object_without_properties(_param, [
|
|
245
249
|
"dataAttributes",
|
|
246
250
|
"forceMobileSizes"
|
|
247
251
|
]);
|
|
248
|
-
const { textPresets:
|
|
249
|
-
return /* @__PURE__ */ o(a, _object_spread(_object_spread_props(_object_spread({},
|
|
250
|
-
forceMobileSizes:
|
|
251
|
-
textPreset:
|
|
252
|
-
textProps: nt
|
|
252
|
+
const { textPresets: r } = s();
|
|
253
|
+
return /* @__PURE__ */ o(a, _object_spread(_object_spread_props(_object_spread({}, m({
|
|
254
|
+
forceMobileSizes: e,
|
|
255
|
+
textPreset: r.text9
|
|
253
256
|
})), {
|
|
254
|
-
weight: e.text9.weight,
|
|
255
257
|
dataAttributes: _object_spread({
|
|
256
258
|
"component-name": "Text9",
|
|
257
259
|
testid: "Text9"
|
|
258
260
|
}, t)
|
|
259
|
-
}),
|
|
260
|
-
},
|
|
261
|
-
var { dataAttributes: t, forceMobileSizes:
|
|
261
|
+
}), n));
|
|
262
|
+
}, bt = (_param)=>{
|
|
263
|
+
var { dataAttributes: t, forceMobileSizes: e } = _param, n = _object_without_properties(_param, [
|
|
262
264
|
"dataAttributes",
|
|
263
265
|
"forceMobileSizes"
|
|
264
266
|
]);
|
|
265
|
-
const { textPresets:
|
|
266
|
-
return /* @__PURE__ */ o(a, _object_spread(_object_spread_props(_object_spread({},
|
|
267
|
-
forceMobileSizes:
|
|
268
|
-
textPreset:
|
|
269
|
-
textProps: ot
|
|
267
|
+
const { textPresets: r } = s();
|
|
268
|
+
return /* @__PURE__ */ o(a, _object_spread(_object_spread_props(_object_spread({}, m({
|
|
269
|
+
forceMobileSizes: e,
|
|
270
|
+
textPreset: r.text8
|
|
270
271
|
})), {
|
|
271
|
-
weight: e.text8.weight,
|
|
272
272
|
dataAttributes: _object_spread({
|
|
273
273
|
"component-name": "Text8",
|
|
274
274
|
testid: "Text8"
|
|
275
275
|
}, t)
|
|
276
|
-
}),
|
|
277
|
-
},
|
|
278
|
-
var { dataAttributes: t, forceMobileSizes:
|
|
276
|
+
}), n));
|
|
277
|
+
}, Pt = (_param)=>{
|
|
278
|
+
var { dataAttributes: t, forceMobileSizes: e } = _param, n = _object_without_properties(_param, [
|
|
279
279
|
"dataAttributes",
|
|
280
280
|
"forceMobileSizes"
|
|
281
281
|
]);
|
|
282
|
-
const { textPresets:
|
|
283
|
-
return /* @__PURE__ */ o(a, _object_spread(_object_spread_props(_object_spread({},
|
|
284
|
-
forceMobileSizes:
|
|
285
|
-
textPreset:
|
|
286
|
-
textProps: st
|
|
282
|
+
const { textPresets: r } = s();
|
|
283
|
+
return /* @__PURE__ */ o(a, _object_spread(_object_spread_props(_object_spread({}, m({
|
|
284
|
+
forceMobileSizes: e,
|
|
285
|
+
textPreset: r.text7
|
|
287
286
|
})), {
|
|
288
|
-
weight: e.text7.weight,
|
|
289
287
|
dataAttributes: _object_spread({
|
|
290
288
|
"component-name": "Text7",
|
|
291
289
|
testid: "Text7"
|
|
292
290
|
}, t)
|
|
293
|
-
}),
|
|
294
|
-
},
|
|
295
|
-
var { dataAttributes: t, forceMobileSizes:
|
|
291
|
+
}), n));
|
|
292
|
+
}, yt = (_param)=>{
|
|
293
|
+
var { dataAttributes: t, forceMobileSizes: e } = _param, n = _object_without_properties(_param, [
|
|
296
294
|
"dataAttributes",
|
|
297
295
|
"forceMobileSizes"
|
|
298
296
|
]);
|
|
299
|
-
const { textPresets:
|
|
300
|
-
return /* @__PURE__ */ o(a, _object_spread(_object_spread_props(_object_spread({},
|
|
301
|
-
forceMobileSizes:
|
|
302
|
-
textPreset:
|
|
303
|
-
textProps: at
|
|
297
|
+
const { textPresets: r } = s();
|
|
298
|
+
return /* @__PURE__ */ o(a, _object_spread(_object_spread_props(_object_spread({}, m({
|
|
299
|
+
forceMobileSizes: e,
|
|
300
|
+
textPreset: r.text6
|
|
304
301
|
})), {
|
|
305
|
-
weight: e.text6.weight,
|
|
306
302
|
dataAttributes: _object_spread({
|
|
307
303
|
"component-name": "Text6",
|
|
308
304
|
testid: "Text6"
|
|
309
305
|
}, t)
|
|
310
|
-
}),
|
|
311
|
-
},
|
|
312
|
-
var { dataAttributes: t, forceMobileSizes:
|
|
306
|
+
}), n));
|
|
307
|
+
}, St = (_param)=>{
|
|
308
|
+
var { dataAttributes: t, forceMobileSizes: e } = _param, n = _object_without_properties(_param, [
|
|
313
309
|
"dataAttributes",
|
|
314
310
|
"forceMobileSizes"
|
|
315
311
|
]);
|
|
316
|
-
const { textPresets:
|
|
317
|
-
return /* @__PURE__ */ o(a, _object_spread(_object_spread_props(_object_spread({},
|
|
318
|
-
forceMobileSizes:
|
|
319
|
-
textPreset:
|
|
320
|
-
textProps: xt
|
|
312
|
+
const { textPresets: r } = s();
|
|
313
|
+
return /* @__PURE__ */ o(a, _object_spread(_object_spread_props(_object_spread({}, m({
|
|
314
|
+
forceMobileSizes: e,
|
|
315
|
+
textPreset: r.text5
|
|
321
316
|
})), {
|
|
322
|
-
weight: e.text5.weight,
|
|
323
317
|
dataAttributes: _object_spread({
|
|
324
318
|
"component-name": "Text5",
|
|
325
319
|
testid: "Text5"
|
|
326
320
|
}, t)
|
|
327
|
-
}),
|
|
328
|
-
},
|
|
329
|
-
var { dataAttributes: t, forceMobileSizes:
|
|
321
|
+
}), n));
|
|
322
|
+
}, kt = (_param)=>{
|
|
323
|
+
var { dataAttributes: t, forceMobileSizes: e } = _param, n = _object_without_properties(_param, [
|
|
330
324
|
"dataAttributes",
|
|
331
325
|
"forceMobileSizes"
|
|
332
326
|
]);
|
|
333
|
-
const { textPresets:
|
|
334
|
-
return /* @__PURE__ */ o(a, _object_spread(_object_spread_props(_object_spread({},
|
|
335
|
-
forceMobileSizes:
|
|
336
|
-
textPreset:
|
|
337
|
-
textProps: mt
|
|
327
|
+
const { textPresets: r } = s();
|
|
328
|
+
return /* @__PURE__ */ o(a, _object_spread(_object_spread_props(_object_spread({}, c({
|
|
329
|
+
forceMobileSizes: e,
|
|
330
|
+
textPreset: r.text4
|
|
338
331
|
})), {
|
|
339
|
-
weight:
|
|
332
|
+
weight: g(n),
|
|
340
333
|
dataAttributes: _object_spread({
|
|
341
334
|
"component-name": "Text4",
|
|
342
335
|
testid: "Text4"
|
|
343
336
|
}, t)
|
|
344
|
-
}),
|
|
345
|
-
},
|
|
346
|
-
var { dataAttributes: t, forceMobileSizes:
|
|
337
|
+
}), n));
|
|
338
|
+
}, wt = (_param)=>{
|
|
339
|
+
var { dataAttributes: t, forceMobileSizes: e } = _param, n = _object_without_properties(_param, [
|
|
347
340
|
"dataAttributes",
|
|
348
341
|
"forceMobileSizes"
|
|
349
342
|
]);
|
|
350
|
-
const { textPresets:
|
|
351
|
-
return /* @__PURE__ */ o(a, _object_spread(_object_spread_props(_object_spread({},
|
|
352
|
-
forceMobileSizes:
|
|
353
|
-
textPreset:
|
|
354
|
-
textProps: ct
|
|
343
|
+
const { textPresets: r } = s();
|
|
344
|
+
return /* @__PURE__ */ o(a, _object_spread(_object_spread_props(_object_spread({}, c({
|
|
345
|
+
forceMobileSizes: e,
|
|
346
|
+
textPreset: r.text3
|
|
355
347
|
})), {
|
|
356
|
-
weight:
|
|
348
|
+
weight: g(n),
|
|
357
349
|
dataAttributes: _object_spread({
|
|
358
350
|
"component-name": "Text3",
|
|
359
351
|
testid: "Text3"
|
|
360
352
|
}, t)
|
|
361
|
-
}),
|
|
362
|
-
},
|
|
363
|
-
var { dataAttributes: t, forceMobileSizes:
|
|
353
|
+
}), n));
|
|
354
|
+
}, At = (_param)=>{
|
|
355
|
+
var { dataAttributes: t, forceMobileSizes: e } = _param, n = _object_without_properties(_param, [
|
|
364
356
|
"dataAttributes",
|
|
365
357
|
"forceMobileSizes"
|
|
366
358
|
]);
|
|
367
|
-
const { textPresets:
|
|
368
|
-
return /* @__PURE__ */ o(a, _object_spread(_object_spread_props(_object_spread({},
|
|
369
|
-
forceMobileSizes:
|
|
370
|
-
textPreset:
|
|
371
|
-
textProps: dt
|
|
359
|
+
const { textPresets: r } = s();
|
|
360
|
+
return /* @__PURE__ */ o(a, _object_spread(_object_spread_props(_object_spread({}, c({
|
|
361
|
+
forceMobileSizes: e,
|
|
362
|
+
textPreset: r.text2
|
|
372
363
|
})), {
|
|
373
|
-
weight:
|
|
364
|
+
weight: g(n),
|
|
374
365
|
dataAttributes: _object_spread({
|
|
375
366
|
"component-name": "Text2",
|
|
376
367
|
testid: "Text2"
|
|
377
368
|
}, t)
|
|
378
|
-
}),
|
|
379
|
-
},
|
|
380
|
-
var { dataAttributes: t, forceMobileSizes:
|
|
369
|
+
}), n));
|
|
370
|
+
}, Vt = (_param)=>{
|
|
371
|
+
var { dataAttributes: t, forceMobileSizes: e } = _param, n = _object_without_properties(_param, [
|
|
381
372
|
"dataAttributes",
|
|
382
373
|
"forceMobileSizes"
|
|
383
374
|
]);
|
|
384
|
-
const { textPresets:
|
|
385
|
-
return /* @__PURE__ */ o(a, _object_spread(_object_spread_props(_object_spread({},
|
|
386
|
-
forceMobileSizes:
|
|
387
|
-
textPreset:
|
|
388
|
-
textProps: lt
|
|
375
|
+
const { textPresets: r } = s();
|
|
376
|
+
return /* @__PURE__ */ o(a, _object_spread(_object_spread_props(_object_spread({}, c({
|
|
377
|
+
forceMobileSizes: e,
|
|
378
|
+
textPreset: r.text1
|
|
389
379
|
})), {
|
|
390
|
-
weight:
|
|
380
|
+
weight: g(n),
|
|
391
381
|
dataAttributes: _object_spread({
|
|
392
382
|
"component-name": "Text1",
|
|
393
383
|
testid: "Text1"
|
|
394
384
|
}, t)
|
|
395
|
-
}),
|
|
396
|
-
},
|
|
397
|
-
export { a as Text,
|
|
385
|
+
}), n));
|
|
386
|
+
}, Wt = a;
|
|
387
|
+
export { a as Text, Vt as Text1, pt as Text10, At as Text2, wt as Text3, kt as Text4, St as Text5, yt as Text6, Pt as Text7, bt as Text8, vt as Text9, Wt as default, c as getTextSizes, m as getTextSizesWithWeight, nt as mapToWeight, ft as useTextPresetSizes };
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./timeline.css.ts.vanilla.css-mistica.js";
|
|
3
3
|
var t = {
|
|
4
|
-
vertical: "
|
|
5
|
-
horizontal: "
|
|
6
|
-
}, a = "
|
|
7
|
-
active: "
|
|
8
|
-
inactive: "
|
|
9
|
-
completed: "
|
|
10
|
-
}, e = "
|
|
11
|
-
default: "
|
|
12
|
-
overBrand: "
|
|
4
|
+
vertical: "v16_49_w6pat20",
|
|
5
|
+
horizontal: "v16_49_w6pat21"
|
|
6
|
+
}, a = "v16_49_w6pat23 v16_49_w6pat22 v16_49_1y2v1nfpm v16_49_1y2v1nfpz", n = "v16_49_w6pat25 v16_49_w6pat24 v16_49_1y2v1nfq8 v16_49_1y2v1nfrz v16_49_1y2v1nfgx", p = {
|
|
7
|
+
active: "v16_49_w6pat26",
|
|
8
|
+
inactive: "v16_49_w6pat27",
|
|
9
|
+
completed: "v16_49_w6pat28"
|
|
10
|
+
}, e = "v16_49_w6pat2a v16_49_w6pat29 v16_49_1y2v1nfpm v16_49_1y2v1nfq1", w = "v16_49_w6pat2b", f = "v16_49_w6pat2d v16_49_w6pat2c v16_49_1y2v1nfqj v16_49_1y2v1nfqz v16_49_1y2v1nfs6 v16_49_1y2v1nfpm v16_49_1y2v1nfq1 v16_49_1y2v1nfpv v16_49_1y2v1nf7u", r = {
|
|
11
|
+
default: "v16_49_w6pat2g v16_49_w6pat2f v16_49_w6pat2e v16_49_1y2v1nfq8",
|
|
12
|
+
overBrand: "v16_49_w6pat2h v16_49_w6pat2f v16_49_w6pat2e v16_49_1y2v1nfq8"
|
|
13
13
|
};
|
|
14
14
|
export { w as asset, f as assetNumberContainer, n as itemContent, r as line, e as lineContainer, t as timeline, a as timelineItem, p as timelineItemState };
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.css-mistica.js";
|
|
2
2
|
import "./timer.css.ts.vanilla.css-mistica.js";
|
|
3
|
-
var f = "
|
|
4
|
-
default: "
|
|
5
|
-
brand: "
|
|
6
|
-
negative: "
|
|
7
|
-
alternative: "
|
|
8
|
-
media: "
|
|
3
|
+
var f = "v16_49_18fye840 v16_49_1y2v1nfpq", y = "v16_49_18fye841", e = "v16_49_18fye843 v16_49_18fye841 v16_49_18fye842 v16_49_1y2v1nfpn v16_49_1y2v1nfpv", n = "v16_49_18fye845 v16_49_18fye841 v16_49_18fye844 v16_49_1y2v1nfpq", a = "v16_49_18fye847 v16_49_18fye846 v16_49_1y2v1nfpm v16_49_1y2v1nfps v16_49_1y2v1nfq1", i = "v16_49_18fye848", r = {
|
|
4
|
+
default: "v16_49_18fye84g v16_49_18fye84a v16_49_18fye849 v16_49_1y2v1nfi3 v16_49_1y2v1nfjc v16_49_1y2v1nffo v16_49_1y2v1nfgx v16_49_1y2v1nfse v16_49_18fye84b v16_49_1y2v1nfd1",
|
|
5
|
+
brand: "v16_49_18fye84h v16_49_18fye84a v16_49_18fye849 v16_49_1y2v1nfi3 v16_49_1y2v1nfjc v16_49_1y2v1nffo v16_49_1y2v1nfgx v16_49_1y2v1nfse v16_49_18fye84c v16_49_1y2v1nf7u",
|
|
6
|
+
negative: "v16_49_18fye84i v16_49_18fye84a v16_49_18fye849 v16_49_1y2v1nfi3 v16_49_1y2v1nfjc v16_49_1y2v1nffo v16_49_1y2v1nfgx v16_49_1y2v1nfse v16_49_18fye84d v16_49_1y2v1nf7u",
|
|
7
|
+
alternative: "v16_49_18fye84j v16_49_18fye84a v16_49_18fye849 v16_49_1y2v1nfi3 v16_49_1y2v1nfjc v16_49_1y2v1nffo v16_49_1y2v1nfgx v16_49_1y2v1nfse v16_49_18fye84e v16_49_1y2v1nf7u",
|
|
8
|
+
media: "v16_49_18fye84k v16_49_18fye84a v16_49_18fye849 v16_49_1y2v1nfi3 v16_49_1y2v1nfjc v16_49_1y2v1nffo v16_49_1y2v1nfgx v16_49_1y2v1nfse v16_49_18fye84f"
|
|
9
9
|
};
|
|
10
10
|
export { i as boxedTimerDisplayValue, r as boxedTimerValueContainer, y as inlineText, n as shortLabelText, a as timerDisplayValue, f as timerWrapper, e as unitContainer };
|