@telefonica/mistica 16.61.0 → 16.62.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 +30 -30
- 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 +48 -0
- package/dist/community/ai-card.css.d.ts +13 -0
- package/dist/community/ai-card.d.ts +19 -0
- package/dist/community/ai-card.js +312 -0
- package/dist/community/blocks.css-mistica.js +1 -1
- package/dist/community/example-component.css-mistica.js +1 -1
- package/dist/community/index.d.ts +1 -0
- package/dist/community/index.js +4 -0
- 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/form.css-mistica.js +1 -1
- package/dist/generated/mistica-icons/icon-artificial-intelligence-filled.js +7 -7
- package/dist/generated/mistica-icons/icon-artificial-intelligence-light.js +9 -9
- package/dist/generated/mistica-icons/icon-artificial-intelligence-regular.js +12 -12
- 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/index.d.ts +1 -0
- package/dist/index.js +4 -0
- package/dist/inline.css-mistica.js +9 -9
- package/dist/list.css-mistica.js +1 -1
- package/dist/loading-bar.css-mistica.js +1 -1
- package/dist/loading-screen.css-mistica.js +4 -4
- package/dist/logo.css-mistica.js +5 -5
- package/dist/menu.css-mistica.js +19 -16
- package/dist/menu.css.d.ts +1 -0
- package/dist/menu.d.ts +2 -1
- package/dist/menu.js +139 -132
- 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/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 +30 -30
- 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 +4 -0
- package/dist-es/community/ai-card.js +257 -0
- package/dist-es/community/blocks.css-mistica.js +1 -1
- package/dist-es/community/example-component.css-mistica.js +1 -1
- package/dist-es/community/index.js +5 -4
- 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/form.css-mistica.js +1 -1
- package/dist-es/generated/mistica-icons/icon-artificial-intelligence-filled.js +12 -12
- package/dist-es/generated/mistica-icons/icon-artificial-intelligence-light.js +15 -15
- package/dist-es/generated/mistica-icons/icon-artificial-intelligence-regular.js +17 -17
- 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/index.js +2183 -2182
- 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 +14 -14
- package/dist-es/menu.js +186 -179
- 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/vivinho-loading-animation/vivinho-loading-animation.css-mistica.js +1 -1
- package/package.json +1 -1
- package/src/community/__stories__/ai-card-story.tsx +101 -0
- package/src/community/ai-card.css.ts +135 -0
- package/src/community/ai-card.tsx +231 -0
- package/src/community/index.tsx +1 -0
- package/src/index.tsx +1 -0
- package/src/menu.css.ts +6 -0
- package/src/menu.tsx +19 -8
- package/src/package-version.tsx +1 -1
|
@@ -0,0 +1,257 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
function _define_property(obj, key, value) {
|
|
3
|
+
if (key in obj) {
|
|
4
|
+
Object.defineProperty(obj, key, {
|
|
5
|
+
value: value,
|
|
6
|
+
enumerable: true,
|
|
7
|
+
configurable: true,
|
|
8
|
+
writable: true
|
|
9
|
+
});
|
|
10
|
+
} else {
|
|
11
|
+
obj[key] = value;
|
|
12
|
+
}
|
|
13
|
+
return obj;
|
|
14
|
+
}
|
|
15
|
+
function _object_spread(target) {
|
|
16
|
+
for(var i = 1; i < arguments.length; i++){
|
|
17
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
18
|
+
var ownKeys = Object.keys(source);
|
|
19
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
20
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
21
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
22
|
+
}));
|
|
23
|
+
}
|
|
24
|
+
ownKeys.forEach(function(key) {
|
|
25
|
+
_define_property(target, key, source[key]);
|
|
26
|
+
});
|
|
27
|
+
}
|
|
28
|
+
return target;
|
|
29
|
+
}
|
|
30
|
+
function ownKeys(object, enumerableOnly) {
|
|
31
|
+
var keys = Object.keys(object);
|
|
32
|
+
if (Object.getOwnPropertySymbols) {
|
|
33
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
34
|
+
if (enumerableOnly) {
|
|
35
|
+
symbols = symbols.filter(function(sym) {
|
|
36
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
keys.push.apply(keys, symbols);
|
|
40
|
+
}
|
|
41
|
+
return keys;
|
|
42
|
+
}
|
|
43
|
+
function _object_spread_props(target, source) {
|
|
44
|
+
source = source != null ? source : {};
|
|
45
|
+
if (Object.getOwnPropertyDescriptors) {
|
|
46
|
+
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
47
|
+
} else {
|
|
48
|
+
ownKeys(Object(source)).forEach(function(key) {
|
|
49
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
50
|
+
});
|
|
51
|
+
}
|
|
52
|
+
return target;
|
|
53
|
+
}
|
|
54
|
+
function _object_without_properties(source, excluded) {
|
|
55
|
+
if (source == null) return {};
|
|
56
|
+
var target = _object_without_properties_loose(source, excluded);
|
|
57
|
+
var key, i;
|
|
58
|
+
if (Object.getOwnPropertySymbols) {
|
|
59
|
+
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
60
|
+
for(i = 0; i < sourceSymbolKeys.length; i++){
|
|
61
|
+
key = sourceSymbolKeys[i];
|
|
62
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
63
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
64
|
+
target[key] = source[key];
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
return target;
|
|
68
|
+
}
|
|
69
|
+
function _object_without_properties_loose(source, excluded) {
|
|
70
|
+
if (source == null) return {};
|
|
71
|
+
var target = {};
|
|
72
|
+
var sourceKeys = Object.keys(source);
|
|
73
|
+
var key, i;
|
|
74
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
75
|
+
key = sourceKeys[i];
|
|
76
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
77
|
+
target[key] = source[key];
|
|
78
|
+
}
|
|
79
|
+
return target;
|
|
80
|
+
}
|
|
81
|
+
import { jsxs as f, jsx as h } from "react/jsx-runtime";
|
|
82
|
+
import * as m from "react";
|
|
83
|
+
import T from "classnames";
|
|
84
|
+
import { BaseTouchable as I } from "../touchable.js";
|
|
85
|
+
import { Text3 as R } from "../text.js";
|
|
86
|
+
import { vars as W } from "../skins/skin-contract.css-mistica.js";
|
|
87
|
+
import { useIsInViewport as w } from "../hooks.js";
|
|
88
|
+
import { isClientSide as C } from "../utils/environment.js";
|
|
89
|
+
import { applyCssVars as _ } from "../utils/css.js";
|
|
90
|
+
import { slot as j, textLine as B, textWrapper as F, ghost as $, visibleContent as k, caret as O, caretHidden as P, caretBlinking as b, container as H, containerInteractive as V, vars as G } from "./ai-card.css-mistica.js";
|
|
91
|
+
const K = [
|
|
92
|
+
50,
|
|
93
|
+
60,
|
|
94
|
+
70,
|
|
95
|
+
80
|
|
96
|
+
], U = 30, X = 2e3, Y = 4, q = (e)=>{
|
|
97
|
+
const n = K.filter((r)=>r !== e);
|
|
98
|
+
return n[Math.floor(Math.random() * n.length)];
|
|
99
|
+
}, z = (e, n, r)=>{
|
|
100
|
+
var _e_, _n_;
|
|
101
|
+
const s = ((_e_ = e[0]) === null || _e_ === void 0 ? void 0 : _e_.toLowerCase()) === ((_n_ = n[0]) === null || _n_ === void 0 ? void 0 : _n_.toLowerCase()) ? 1 : 0, t = typeof r == "number" ? Math.max(0, Math.floor(r)) : 0;
|
|
102
|
+
return Math.max(s, t);
|
|
103
|
+
}, J = ()=>{
|
|
104
|
+
var _window_matchMedia, _window;
|
|
105
|
+
return C() && !!((_window_matchMedia = (_window = window).matchMedia) === null || _window_matchMedia === void 0 ? void 0 : _window_matchMedia.call(_window, "(prefers-reduced-motion: reduce)").matches);
|
|
106
|
+
}, S = {
|
|
107
|
+
index: 0,
|
|
108
|
+
text: "",
|
|
109
|
+
stage: "typing"
|
|
110
|
+
}, Q = (e, n, r)=>{
|
|
111
|
+
const { index: s, text: t, stage: i } = e, o = n[s] || "", l = n[s + 1] || "", c = z(o, l, r);
|
|
112
|
+
if (i === "typing") return t.length < o.length ? _object_spread_props(_object_spread({}, e), {
|
|
113
|
+
text: o.slice(0, t.length + 1)
|
|
114
|
+
}) : _object_spread_props(_object_spread({}, e), {
|
|
115
|
+
stage: "holding"
|
|
116
|
+
});
|
|
117
|
+
if (i === "holding") return s === n.length - 1 ? _object_spread_props(_object_spread({}, e), {
|
|
118
|
+
stage: "done"
|
|
119
|
+
}) : t.length > c ? _object_spread_props(_object_spread({}, e), {
|
|
120
|
+
stage: "deleting"
|
|
121
|
+
}) : {
|
|
122
|
+
index: s + 1,
|
|
123
|
+
text: t,
|
|
124
|
+
stage: "typing"
|
|
125
|
+
};
|
|
126
|
+
if (i === "deleting") {
|
|
127
|
+
if (t.length <= c) {
|
|
128
|
+
let a = 0;
|
|
129
|
+
for(; a < t.length && a < l.length && t[a] === l[a];)a++;
|
|
130
|
+
return {
|
|
131
|
+
index: s + 1,
|
|
132
|
+
text: t.slice(0, a),
|
|
133
|
+
stage: "typing"
|
|
134
|
+
};
|
|
135
|
+
}
|
|
136
|
+
return _object_spread_props(_object_spread({}, e), {
|
|
137
|
+
text: t.slice(0, -1)
|
|
138
|
+
});
|
|
139
|
+
}
|
|
140
|
+
return e;
|
|
141
|
+
}, Z = (param)=>{
|
|
142
|
+
let { words: e, deleteChars: n, prefersReducedMotion: r, isInViewport: s } = param;
|
|
143
|
+
const t = e.join("\0"), i = e.length, [o, l] = m.useState(S), c = m.useRef(void 0), a = m.useRef(e);
|
|
144
|
+
return a.current = e, m.useEffect(()=>{
|
|
145
|
+
l(r && i ? {
|
|
146
|
+
index: i - 1,
|
|
147
|
+
text: a.current.at(-1) || "",
|
|
148
|
+
stage: "done"
|
|
149
|
+
} : S);
|
|
150
|
+
}, [
|
|
151
|
+
t,
|
|
152
|
+
r,
|
|
153
|
+
i
|
|
154
|
+
]), m.useEffect(()=>{
|
|
155
|
+
if (o.stage === "done" || !s || r || !i) return;
|
|
156
|
+
let d;
|
|
157
|
+
o.stage === "typing" ? (d = q(c.current), c.current = d) : o.stage === "holding" ? d = X : d = U;
|
|
158
|
+
const p = window.setTimeout(()=>l((x)=>Q(x, a.current, n)), d);
|
|
159
|
+
return ()=>window.clearTimeout(p);
|
|
160
|
+
}, [
|
|
161
|
+
o,
|
|
162
|
+
s,
|
|
163
|
+
r,
|
|
164
|
+
i,
|
|
165
|
+
n
|
|
166
|
+
]), {
|
|
167
|
+
dynamicText: o.text,
|
|
168
|
+
isDone: o.stage === "done",
|
|
169
|
+
shouldBlinkCaret: !r && !!i && o.stage === "holding" && s
|
|
170
|
+
};
|
|
171
|
+
}, le = (_param)=>{
|
|
172
|
+
var { text: e, words: n = [], deleteChars: r, lineBreakAtChars: s, borderColor: t, asset: i, dataAttributes: o, "aria-label": l } = _param, c = _object_without_properties(_param, [
|
|
173
|
+
"text",
|
|
174
|
+
"words",
|
|
175
|
+
"deleteChars",
|
|
176
|
+
"lineBreakAtChars",
|
|
177
|
+
"borderColor",
|
|
178
|
+
"asset",
|
|
179
|
+
"dataAttributes",
|
|
180
|
+
"aria-label"
|
|
181
|
+
]);
|
|
182
|
+
var _g_at;
|
|
183
|
+
const a = m.useRef(null), d = J(), p = w(a, !1), x = "onPress" in c || "href" in c || "to" in c, g = m.useMemo(()=>n.map((u)=>u.trim()).filter((u)=>u.length > 0).slice(0, Y), [
|
|
184
|
+
n
|
|
185
|
+
]), v = m.useMemo(()=>g.reduce((u, y)=>y.length > u.length ? y : u, g[0] || ""), [
|
|
186
|
+
g
|
|
187
|
+
]), { dynamicText: A, isDone: D, shouldBlinkCaret: E } = Z({
|
|
188
|
+
words: g,
|
|
189
|
+
deleteChars: r,
|
|
190
|
+
prefersReducedMotion: d,
|
|
191
|
+
isInViewport: p
|
|
192
|
+
}), L = (_g_at = g.at(-1)) !== null && _g_at !== void 0 ? _g_at : "", N = [
|
|
193
|
+
e,
|
|
194
|
+
L
|
|
195
|
+
].filter(Boolean).join("") || void 0, M = typeof s == "number" ? {
|
|
196
|
+
maxWidth: `min(100%, ${Math.max(1, Math.floor(s))}ch)`
|
|
197
|
+
} : {};
|
|
198
|
+
return /* @__PURE__ */ f(I, _object_spread_props(_object_spread({
|
|
199
|
+
className: T(H, {
|
|
200
|
+
[V]: x
|
|
201
|
+
}),
|
|
202
|
+
style: t ? _({
|
|
203
|
+
[G.borderColorVar]: /gradient/.test(t) ? t : `linear-gradient(${t}, ${t})`
|
|
204
|
+
}) : void 0,
|
|
205
|
+
dataAttributes: _object_spread({
|
|
206
|
+
"component-name": "AiCard",
|
|
207
|
+
testid: "AiCard"
|
|
208
|
+
}, o)
|
|
209
|
+
}, c), {
|
|
210
|
+
"aria-label": l !== null && l !== void 0 ? l : N,
|
|
211
|
+
children: [
|
|
212
|
+
i && /* @__PURE__ */ h("span", {
|
|
213
|
+
className: j,
|
|
214
|
+
"aria-hidden": "true",
|
|
215
|
+
children: i
|
|
216
|
+
}),
|
|
217
|
+
/* @__PURE__ */ h("div", {
|
|
218
|
+
ref: a,
|
|
219
|
+
className: B,
|
|
220
|
+
"aria-hidden": "true",
|
|
221
|
+
style: M,
|
|
222
|
+
children: /* @__PURE__ */ h(R, {
|
|
223
|
+
regular: !0,
|
|
224
|
+
color: W.colors.textPrimary,
|
|
225
|
+
as: "span",
|
|
226
|
+
children: /* @__PURE__ */ f("span", {
|
|
227
|
+
className: F,
|
|
228
|
+
children: [
|
|
229
|
+
/* @__PURE__ */ f("span", {
|
|
230
|
+
className: $,
|
|
231
|
+
children: [
|
|
232
|
+
e,
|
|
233
|
+
v
|
|
234
|
+
]
|
|
235
|
+
}),
|
|
236
|
+
/* @__PURE__ */ f("span", {
|
|
237
|
+
className: k,
|
|
238
|
+
children: [
|
|
239
|
+
e,
|
|
240
|
+
A,
|
|
241
|
+
!d && !!g.length && /* @__PURE__ */ h("span", {
|
|
242
|
+
className: T(O, {
|
|
243
|
+
[b]: E,
|
|
244
|
+
[P]: D
|
|
245
|
+
}),
|
|
246
|
+
children: "|"
|
|
247
|
+
})
|
|
248
|
+
]
|
|
249
|
+
})
|
|
250
|
+
]
|
|
251
|
+
})
|
|
252
|
+
})
|
|
253
|
+
})
|
|
254
|
+
]
|
|
255
|
+
}));
|
|
256
|
+
};
|
|
257
|
+
export { le as default };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ var _ = "
|
|
1
|
+
/* empty css */ /* empty css */ var _ = "v16_62_llrsen0 v16_62_1y2v1nfq4 v16_62_1y2v1nfqa", n = "v16_62_llrsen1";
|
|
2
2
|
export { _ as column, n as rightContent };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* empty css */ var m = "
|
|
1
|
+
/* empty css */ var m = "v16_62_jbmjs60";
|
|
2
2
|
export { m as example };
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import { default as
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
|
|
1
|
+
import { default as a } from "./ai-card.js";
|
|
2
|
+
import { default as r } from "./example-component.js";
|
|
3
|
+
import { AdvancedDataCard as m } from "./advanced-data-card.js";
|
|
4
|
+
import { HighlightedValueBlock as d, InformationBlock as f, ProgressBlock as p, RowBlock as k, SimpleBlock as B, ValueBlock as i } from "./blocks.js";
|
|
5
|
+
export { m as AdvancedDataCard, a as AiCard, r as ExampleComponent, d as HighlightedValueBlock, f as InformationBlock, p as ProgressBlock, k as RowBlock, B as SimpleBlock, i as ValueBlock };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ var n = "
|
|
1
|
+
/* empty css */ /* empty css */ var n = "v16_62_rijsns0", s = "v16_62_rijsns1", r = "v16_62_rijsns3 v16_62_rijsns2 v16_62_1y2v1nfsu v16_62_1y2v1nf83 v16_62_1y2v1nfq5 v16_62_1y2v1nft8", i = "v16_62_rijsns4", a = "v16_62_rijsns5 v16_62_1y2v1nfpy v16_62_1y2v1nfq4 v16_62_1y2v1nfqd", t = "v16_62_rijsns6", f = "v16_62_rijsns8 v16_62_rijsns7 v16_62_1y2v1nffw v16_62_1y2v1nfsm v16_62_1y2v1nfpz v16_62_1y2v1nfr2 v16_62_1y2v1nfri", y = "v16_62_rijsnsa v16_62_rijsns9 v16_62_1y2v1nfpz", j = "v16_62_rijsnsb v16_62_rijsnsa v16_62_rijsns9 v16_62_1y2v1nfpz", o = "v16_62_rijsnsc v16_62_rijsnsa v16_62_rijsns9 v16_62_1y2v1nfpz", u = "v16_62_rijsnse v16_62_rijsnsd v16_62_1y2v1nfr1 v16_62_1y2v1nfrh v16_62_1y2v1nfpz v16_62_1y2v1nfsu v16_62_1y2v1nfdi";
|
|
2
2
|
export { f as button, u as buttonBackground, t as buttonContainer, r as counter, o as decreaseButtonIcon, y as defaultButtonIcon, i as disabled, n as hasTrashIcon, s as isButtonDisabled, j as trashButtonIcon, a as valueContainer };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/* empty css */ /* empty css */ /* empty css */ /* empty css */ var r = {
|
|
2
|
-
aspectRatio: "var(--
|
|
3
|
-
}, n = "
|
|
2
|
+
aspectRatio: "var(--v16_62_moeazi0)"
|
|
3
|
+
}, n = "v16_62_moeazi2 v16_62_moeazi1 v16_62_1y2v1nfpy v16_62_1y2v1nfq4 v16_62_1y2v1nfqa v16_62_1y2v1nfqd v16_62_1y2v1nfqr v16_62_1y2v1nfte v16_62_1y2v1nfun", i = "v16_62_moeazi4 v16_62_moeazi3 v16_62_1y2v1nfpy v16_62_1y2v1nfq4 v16_62_1y2v1nfqr", o = "v16_62_moeazi5", y = "v16_62_moeazi6", m = "v16_62_moeazi7", f = "v16_62_moeazi9 v16_62_moeazi8 v16_62_1y2v1nfqj", t = "v16_62_moeazia v16_62_1y2v1nfpz v16_62_1y2v1nfv2 v16_62_1y2v1nfqr v16_62_1y2v1nfr8", z = "v16_62_moeazic v16_62_moeazib v16_62_1y2v1nfpz v16_62_1y2v1nfte v16_62_1y2v1nftt v16_62_1y2v1nfqr v16_62_1y2v1nfr8", p = "v16_62_moeazid v16_62_1y2v1nfpy", q = "v16_62_moeazie", d = "v16_62_moeazif v16_62_1y2v1nfpy", s = "v16_62_moeazig v16_62_1y2v1nfq4 v16_62_1y2v1nfqa";
|
|
4
4
|
export { f as centered, n as coverHero, i as coverHeroContainer, s as flexColumn, m as hasSideExtra, p as mainContent, t as mediaLayer, z as mediaOverlay, y as minHeight, d as sideExtra, q as sixColumns, r as vars, o as withAspectRatio };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ var y = "
|
|
2
|
-
default: "
|
|
3
|
-
backface: "
|
|
1
|
+
/* empty css */ /* empty css */ var y = "v16_62_yvyo3q0", q = "v16_62_yvyo3q4 v16_62_yvyo3q2 v16_62_yvyo3q1 v16_62_1y2v1nfq4 v16_62_1y2v1nfqj v16_62_1y2v1nfqd v16_62_1y2v1nfr8 v16_62_yvyo3q3 v16_62_1y2v1nfpz", o = "v16_62_yvyo3q5 v16_62_yvyo3q2 v16_62_yvyo3q1 v16_62_1y2v1nfq4 v16_62_1y2v1nfqj v16_62_1y2v1nfqd v16_62_1y2v1nfr8", f = {
|
|
2
|
+
default: "v16_62_yvyo3qa v16_62_yvyo3q7 v16_62_yvyo3q6 v16_62_1y2v1nfpy v16_62_yvyo3q8",
|
|
3
|
+
backface: "v16_62_yvyo3qb v16_62_yvyo3q7 v16_62_yvyo3q6 v16_62_1y2v1nfpy v16_62_yvyo3q9"
|
|
4
4
|
};
|
|
5
5
|
export { y as flip, o as flipBack, q as flipFront, f as variants };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ /* empty css */ /* empty css */ var p = "
|
|
1
|
+
/* empty css */ /* empty css */ /* empty css */ /* empty css */ var p = "v16_62_1pntndu0";
|
|
2
2
|
export { p as iconContainer };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* empty css */ var e = "
|
|
1
|
+
/* empty css */ var e = "v16_62_c0yqjy0";
|
|
2
2
|
export { e as reactDatePicker };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ var l = 200, n = "
|
|
2
|
-
dialog: "
|
|
3
|
-
default: "
|
|
4
|
-
}, o = "
|
|
1
|
+
/* empty css */ /* empty css */ var l = 200, n = "v16_62_3dl29l3 v16_62_3dl29l2 v16_62_1y2v1nfpy", y = "v16_62_3dl29l5 v16_62_3dl29l4 v16_62_1y2v1nfq0 v16_62_1y2v1nfq4 v16_62_1y2v1nfqd v16_62_1y2v1nfqj v16_62_1y2v1nfqa v16_62_1y2v1nfte v16_62_1y2v1nfu8 v16_62_1y2v1nfun v16_62_1y2v1nftt v16_62_1y2v1nf8e", f = "v16_62_3dl29l6", d = "v16_62_3dl29l8 v16_62_3dl29l7 v16_62_1y2v1nfgc v16_62_1y2v1nfhl v16_62_1y2v1nfiu v16_62_1y2v1nfk3 v16_62_1y2v1nfpz v16_62_1y2v1nfte v16_62_1y2v1nfu8", a = "v16_62_3dl29la v16_62_3dl29l9 v16_62_1y2v1nf7y v16_62_1y2v1nfsw", r = "v16_62_3dl29lb", t = {
|
|
2
|
+
dialog: "v16_62_3dl29lg v16_62_3dl29ld v16_62_3dl29lc v16_62_1y2v1nfq4 v16_62_1y2v1nfqa v16_62_1y2v1nfqg v16_62_3dl29le v16_62_1y2v1nfj0 v16_62_1y2v1nfk9 v16_62_1y2v1nfgo v16_62_1y2v1nfhr",
|
|
3
|
+
default: "v16_62_3dl29lh v16_62_3dl29ld v16_62_3dl29lc v16_62_1y2v1nfq4 v16_62_1y2v1nfqa v16_62_1y2v1nfqg v16_62_3dl29lf v16_62_1y2v1nfgi v16_62_1y2v1nfhr v16_62_1y2v1nfj0 v16_62_1y2v1nfk9"
|
|
4
|
+
}, o = "v16_62_3dl29lj v16_62_3dl29li v16_62_1y2v1nfqq v16_62_1y2v1nfs4", e = "v16_62_3dl29ll v16_62_3dl29lk v16_62_1y2v1nfgi", i = "v16_62_3dl29lm";
|
|
5
5
|
export { l as ANIMATION_DURATION_MS, r as closedModalContent, f as closedOpactityLayer, e as dialogActions, o as dialogContent, i as iconContainer, d as modalCloseButtonContainer, a as modalContent, y as modalOpacityLayer, t as variants, n as wrapper };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/* empty css */ var t = {
|
|
2
|
-
default: "
|
|
3
|
-
alternative: "
|
|
4
|
-
brand: "
|
|
5
|
-
negative: "
|
|
6
|
-
media: "
|
|
2
|
+
default: "v16_62_o0dvt10",
|
|
3
|
+
alternative: "v16_62_o0dvt11",
|
|
4
|
+
brand: "v16_62_o0dvt12",
|
|
5
|
+
negative: "v16_62_o0dvt13",
|
|
6
|
+
media: "v16_62_o0dvt14"
|
|
7
7
|
};
|
|
8
8
|
export { t as variants };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/* empty css */ /* empty css */ /* empty css */ /* empty css */ /* empty css */ var i = {
|
|
2
|
-
default: "
|
|
3
|
-
fullWidth: "
|
|
2
|
+
default: "v16_62_skrulh1 v16_62_skrulh0 v16_62_1y2v1nfq4 v16_62_1y2v1nfq9 v16_62_1y2v1nfqr",
|
|
3
|
+
fullWidth: "v16_62_skrulh2 v16_62_skrulh0 v16_62_1y2v1nfq4 v16_62_1y2v1nfq9 v16_62_1y2v1nfqr"
|
|
4
4
|
};
|
|
5
5
|
export { i as variants };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ var n = 350, w = "
|
|
1
|
+
/* empty css */ /* empty css */ var n = 350, w = "v16_62_c4ngww1 v16_62_c4ngww0 v16_62_1y2v1nfq0 v16_62_1y2v1nfq4 v16_62_1y2v1nf7y v16_62_1y2v1nfte v16_62_1y2v1nfu8 v16_62_1y2v1nfun v16_62_1y2v1nft8", a = "v16_62_c4ngww3 v16_62_c4ngww2 v16_62_1y2v1nfq4 v16_62_1y2v1nfqa v16_62_1y2v1nfqp", r = "v16_62_c4ngww5 v16_62_c4ngww4 v16_62_1y2v1nfqm v16_62_1y2v1nfqo", y = "v16_62_c4ngww7 v16_62_c4ngww6 v16_62_1y2v1nfqp v16_62_1y2v1nftd", t = "v16_62_c4ngww8", c = "v16_62_c4ngww9", f = "v16_62_c4ngwwb v16_62_c4ngwwa v16_62_1y2v1nfq0 v16_62_1y2v1nfte v16_62_1y2v1nftt v16_62_1y2v1nfu8 v16_62_1y2v1nfun v16_62_1y2v1nf8e", o = "v16_62_c4ngwwc", e = "v16_62_c4ngwwd", g = "v16_62_c4ngwwe v16_62_1y2v1nfpz v16_62_1y2v1nfth v16_62_1y2v1nfub", i = "v16_62_c4ngwwf", l = "v16_62_c4ngwwg", d = "v16_62_c4ngwwh";
|
|
2
2
|
export { n as ANIMATION_DURATION_MS, l as bottomPadding, d as buttonsLayoutContainer, g as closeButtonContainer, c as closed, w as container, a as drawer, i as horizontalPadding, t as open, f as overlay, o as overlayClosed, e as overlayOpen, y as scrollableSection, r as titleContainer };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ var v = "
|
|
1
|
+
/* empty css */ /* empty css */ var v = "v16_62_1azor6p0", a = "v16_62_1azor6p2 v16_62_1azor6p1 v16_62_1y2v1nfq6 v16_62_1y2v1nfrl", o = "v16_62_1azor6p4 v16_62_1azor6p3 v16_62_1y2v1nfr3 v16_62_1y2v1nfrj";
|
|
2
2
|
export { o as assetContainer, v as container, a as image };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/* empty css */ /* empty css */ var _ = {
|
|
2
|
-
backgroundColor: "var(--
|
|
3
|
-
}, v = "
|
|
4
|
-
default: "
|
|
5
|
-
largeImage: "
|
|
6
|
-
}, n = "
|
|
2
|
+
backgroundColor: "var(--v16_62_13fzrua0)"
|
|
3
|
+
}, v = "v16_62_13fzrua2 v16_62_13fzrua1 v16_62_1y2v1nfq4 v16_62_1y2v1nffw", f = {
|
|
4
|
+
default: "v16_62_13fzrua3",
|
|
5
|
+
largeImage: "v16_62_13fzrua4"
|
|
6
|
+
}, n = "v16_62_13fzrua5", e = "v16_62_13fzrua7 v16_62_13fzrua6 v16_62_1y2v1nfr8", u = "v16_62_13fzrua9 v16_62_13fzrua8 v16_62_1y2v1nfr5 v16_62_1y2v1nfrl", z = "v16_62_13fzruab v16_62_13fzruaa v16_62_1y2v1nfq6", o = "v16_62_13fzruac v16_62_1y2v1nfsl", t = "v16_62_13fzruad";
|
|
7
7
|
export { u as assetContainer, o as border, t as borderOverBrand, v as container, f as contentVariants, e as largeImage, n as largeImageContainer, z as smallImage, _ as vars };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* empty css */ var p = "
|
|
1
|
+
/* empty css */ var p = "v16_62_kq227n1";
|
|
2
2
|
export { p as wrapper };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ var v = "
|
|
1
|
+
/* empty css */ /* empty css */ var v = "v16_62_gx6h6a0", e = "v16_62_gx6h6a1", r = "v16_62_gx6h6a2", n = "v16_62_gx6h6a4 v16_62_gx6h6a3 v16_62_1y2v1nfq4 v16_62_1y2v1nfr8 v16_62_1y2v1nfqr v16_62_1y2v1nfqa", t = "v16_62_gx6h6a5", x = "v16_62_gx6h6a6", g = "v16_62_gx6h6a7 v16_62_1y2v1nfr3 v16_62_1y2v1nfrj", h = "v16_62_gx6h6ab v16_62_gx6h6aa", o = "v16_62_gx6h6ac v16_62_gx6h6aa", d = "v16_62_gx6h6ad v16_62_gx6h6aa", i = "v16_62_gx6h6ae", p = "v16_62_gx6h6af", f = "v16_62_gx6h6ag";
|
|
2
2
|
export { g as assetContainer, p as backgroundBrand, n as container, v as desktopContainer, e as desktopContent, r as desktopImage, i as feedbackData, h as feedbackTextAppearFast, o as feedbackTextAppearMedium, d as feedbackTextAppearSlow, t as innerContainer, x as innerContainerWithButtons, f as successFeedbackContainer };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ /* empty css */ /* empty css */ /* empty css */ var a = "
|
|
2
|
-
default: "
|
|
3
|
-
alternative: "
|
|
4
|
-
brand: "
|
|
5
|
-
negative: "
|
|
6
|
-
media: "
|
|
7
|
-
}, t = "
|
|
1
|
+
/* empty css */ /* empty css */ /* empty css */ /* empty css */ /* empty css */ var a = "v16_62_1isvxjy0", y = "v16_62_1isvxjy9 v16_62_1isvxjy2 v16_62_1isvxjy1 v16_62_1y2v1nfj0 v16_62_1y2v1nfk9 v16_62_1y2v1nfgl v16_62_1y2v1nfhu v16_62_1y2v1nfsw", n = {
|
|
2
|
+
default: "v16_62_1isvxjya",
|
|
3
|
+
alternative: "v16_62_1isvxjyb",
|
|
4
|
+
brand: "v16_62_1isvxjyc",
|
|
5
|
+
negative: "v16_62_1isvxjyd",
|
|
6
|
+
media: "v16_62_1isvxjye"
|
|
7
|
+
}, t = "v16_62_1isvxjyf", s = "v16_62_1isvxjyh", o = "v16_62_1isvxjyi", j = "v16_62_1isvxjyk v16_62_1isvxjyj v16_62_1y2v1nfq4 v16_62_1y2v1nfqd";
|
|
8
8
|
export { s as assetScaleActive, j as centeredButton, a as disabled, t as dropZoneActive, o as dropZoneButton, y as dropZoneContainerBase, n as dropZoneVariant };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/* empty css */ /* empty css */ var j = {
|
|
2
|
-
footerHeight: "var(--
|
|
3
|
-
}, r = "
|
|
2
|
+
footerHeight: "var(--v16_62_p5j8j50)"
|
|
3
|
+
}, r = "v16_62_p5j8j53 v16_62_p5j8j52 v16_62_1y2v1nfqr", t = "v16_62_p5j8j54", n = "v16_62_p5j8j55", a = "v16_62_p5j8j56 v16_62_1y2v1nfq3", f = "v16_62_p5j8j57", p = "v16_62_p5j8j59 v16_62_p5j8j58 v16_62_1y2v1nfte v16_62_1y2v1nftt v16_62_1y2v1nfu8 v16_62_1y2v1nfun v16_62_1y2v1nfq0", e = "v16_62_p5j8j5b v16_62_p5j8j5a v16_62_1y2v1nfte v16_62_1y2v1nftt v16_62_1y2v1nfu8 v16_62_1y2v1nfun v16_62_1y2v1nfq0", o = "v16_62_p5j8j5d v16_62_p5j8j5c v16_62_1y2v1nftt v16_62_1y2v1nfu8 v16_62_1y2v1nfpz";
|
|
4
4
|
export { o as absoluteBackgroundLayer, f as container, n as elevated, e as fixedBackgroundLayer, t as fixedFooter, r as footer, p as portal, j as vars, a as withoutFooter };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ var p = "
|
|
1
|
+
/* empty css */ /* empty css */ var p = "v16_62_1dycpqb0 v16_62_1y2v1nfqr";
|
|
2
2
|
export { p as form };
|
|
@@ -78,33 +78,33 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
78
78
|
}
|
|
79
79
|
return target;
|
|
80
80
|
}
|
|
81
|
-
import { jsx as
|
|
81
|
+
import { jsx as e } from "react/jsx-runtime";
|
|
82
82
|
import { useTheme as c } from "../../hooks.js";
|
|
83
83
|
import { useThemeVariant as h } from "../../theme-variant-context.js";
|
|
84
84
|
import { vars as t } from "../../skins/skin-contract.css-mistica.js";
|
|
85
85
|
const g = (_param)=>{
|
|
86
|
-
var { color: o, size:
|
|
86
|
+
var { color: o, size: a = 24 } = _param, i = _object_without_properties(_param, [
|
|
87
87
|
"color",
|
|
88
88
|
"size"
|
|
89
89
|
]);
|
|
90
|
-
const
|
|
91
|
-
return n.match(/^vivo-new/i) ? /* @__PURE__ */
|
|
92
|
-
width:
|
|
93
|
-
height:
|
|
90
|
+
const l = h(), r = o !== null && o !== void 0 ? o : l === "brand" || l === "media" ? t.colors.neutralHighBrand : l === "negative" ? t.colors.neutralHighNegative : t.colors.neutralHigh, { skinName: n } = c();
|
|
91
|
+
return n.match(/^vivo-new/i) ? /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
|
|
92
|
+
width: a,
|
|
93
|
+
height: a,
|
|
94
94
|
viewBox: "0 0 24 24",
|
|
95
95
|
role: "presentation"
|
|
96
96
|
}, i), {
|
|
97
|
-
children: /* @__PURE__ */
|
|
97
|
+
children: /* @__PURE__ */ e("path", {
|
|
98
98
|
fill: r,
|
|
99
|
-
d: "
|
|
99
|
+
d: "M5.72 14.898c.276 0 .507.19.568.446a3.27 3.27 0 0 0 2.469 2.52c.284.067.491.284.491.572 0 .29-.207.506-.491.573a3.27 3.27 0 0 0-2.47 2.52.583.583 0 0 1-1.134 0 3.27 3.27 0 0 0-2.47-2.52c-.284-.067-.49-.284-.49-.573s.207-.505.491-.572a3.27 3.27 0 0 0 2.47-2.52.58.58 0 0 1 .567-.446m7.853-12.873A1.36 1.36 0 0 1 14.9 3.066c.596 2.925 2.857 5.198 5.762 5.88.664.156 1.146.661 1.146 1.335 0 .675-.482 1.18-1.146 1.335-2.905.683-5.166 2.956-5.763 5.88a1.36 1.36 0 0 1-1.324 1.042 1.36 1.36 0 0 1-1.321-1.041c-.597-2.925-2.859-5.198-5.764-5.88-.664-.157-1.145-.661-1.145-1.336 0-.674.482-1.179 1.146-1.335 2.905-.682 5.166-2.955 5.763-5.88.14-.596.679-1.04 1.321-1.041"
|
|
100
100
|
})
|
|
101
|
-
})) : /* @__PURE__ */
|
|
102
|
-
width:
|
|
103
|
-
height:
|
|
101
|
+
})) : /* @__PURE__ */ e("svg", _object_spread_props(_object_spread({
|
|
102
|
+
width: a,
|
|
103
|
+
height: a,
|
|
104
104
|
viewBox: "0 0 24 24",
|
|
105
105
|
role: "presentation"
|
|
106
106
|
}, i), {
|
|
107
|
-
children: /* @__PURE__ */
|
|
107
|
+
children: /* @__PURE__ */ e("path", {
|
|
108
108
|
fill: r,
|
|
109
109
|
d: "M7.911 7.944a1 1 0 0 1 1.813 0l1.378 2.956 2.955 1.378a1 1 0 0 1 0 1.813l-2.955 1.379-1.378 2.955a1 1 0 0 1-1.813 0L6.532 15.47l-2.955-1.38a1 1 0 0 1 0-1.812L6.532 10.9zm9.443-3.634a.5.5 0 0 1 .925 0l.624 1.516a.5.5 0 0 0 .273.273l1.516.624a.5.5 0 0 1 0 .925l-1.516.623a.5.5 0 0 0-.273.272l-.624 1.517a.5.5 0 0 1-.925 0l-.623-1.517a.5.5 0 0 0-.272-.272l-1.517-.623a.5.5 0 0 1 0-.925l1.517-.624a.5.5 0 0 0 .272-.273z"
|
|
110
110
|
})
|
|
@@ -78,33 +78,33 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
78
78
|
}
|
|
79
79
|
return target;
|
|
80
80
|
}
|
|
81
|
-
import { jsx as
|
|
81
|
+
import { jsx as l } from "react/jsx-runtime";
|
|
82
82
|
import { useTheme as n } from "../../hooks.js";
|
|
83
83
|
import { useThemeVariant as m } from "../../theme-variant-context.js";
|
|
84
|
-
import { vars as
|
|
84
|
+
import { vars as e } from "../../skins/skin-contract.css-mistica.js";
|
|
85
85
|
const f = (_param)=>{
|
|
86
|
-
var { color: r, size:
|
|
86
|
+
var { color: r, size: a = 24 } = _param, t = _object_without_properties(_param, [
|
|
87
87
|
"color",
|
|
88
88
|
"size"
|
|
89
89
|
]);
|
|
90
|
-
const
|
|
91
|
-
return o.match(/^vivo-new/i) ? /* @__PURE__ */
|
|
92
|
-
width:
|
|
93
|
-
height:
|
|
90
|
+
const c = m(), i = r !== null && r !== void 0 ? r : c === "brand" || c === "media" ? e.colors.neutralHighBrand : c === "negative" ? e.colors.neutralHighNegative : e.colors.neutralHigh, { skinName: o } = n();
|
|
91
|
+
return o.match(/^vivo-new/i) ? /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
|
|
92
|
+
width: a,
|
|
93
|
+
height: a,
|
|
94
94
|
viewBox: "0 0 24 24",
|
|
95
95
|
role: "presentation"
|
|
96
|
-
},
|
|
97
|
-
children: /* @__PURE__ */
|
|
96
|
+
}, t), {
|
|
97
|
+
children: /* @__PURE__ */ l("path", {
|
|
98
98
|
fill: i,
|
|
99
|
-
d: "
|
|
99
|
+
d: "M5.897 14.43a.8.8 0 0 1 .493.123c.436.26.49.822.683 1.247.142.312.316.604.568.837.38.352.88.484 1.339.697.483.189.838.416.768.994-.034.484-.597.655-.971.818-.33.144-.653.276-.95.485-.5.351-.735.89-.917 1.45-.16.492-.31.793-.851.882-.217.003-.195-.012-.388-.074-.456-.136-.542-.662-.7-1.047-.192-.468-.37-.818-.768-1.146-.499-.41-1.08-.516-1.629-.825a.76.76 0 0 1-.356-.48c-.145-.944.915-1.06 1.537-1.381.69-.341 1.037-.885 1.28-1.592.157-.462.329-.874.862-.989m.072 1.322c-.21.604-.594 1.259-1.07 1.69-.317.286-1.044.626-1.458.726.39.155.987.458 1.336.696.428.293.801.908 1.01 1.377.035.08.157.413.197.444l.015-.018c.679-1.564.994-1.834 2.55-2.486-.743-.243-1.366-.477-1.84-1.125-.173-.236-.274-.356-.414-.63-.059-.114-.273-.61-.326-.674m7.472-13.7c.707-.098 1.338.305 1.634.944.221.476.32 1.023.532 1.514.449 1.043 1.082 1.972 1.947 2.713.572.464 1.428.946 2.098 1.205.846.329 1.993.525 2.127 1.635.2 1.595-1.402 1.763-2.494 2.222-.583.245-1.112.606-1.623.978-.292.22-.82.755-1.045 1.051-.416.6-.88 1.331-1.104 2.031-.281.88-.51 1.982-1.638 2.12-.634.101-1.248-.248-1.556-.795-.255-.455-.42-1.104-.63-1.598a7.4 7.4 0 0 0-.676-1.23c-.134-.202-.262-.415-.411-.605-.41-.521-.941-.96-1.488-1.328-.2-.136-.4-.277-.616-.386a9 9 0 0 0-1-.424c-.455-.162-.95-.286-1.348-.568a1.43 1.43 0 0 1-.594-.937c-.112-.66.094-1.254.672-1.613.44-.272.97-.384 1.447-.576 1.601-.647 2.86-1.624 3.664-3.177a8 8 0 0 0 .397-.885c.187-.5.382-1.235.685-1.66.256-.36.587-.559 1.02-.632m.155 1.017c-.416.106-.51.564-.644.93q-.14.399-.298.792c-.455 1.133-.992 1.983-1.88 2.827-.42.4-.489.49-.99.83-.55.373-1.14.68-1.76.916-.435.17-1.74.417-1.44 1.11.152.35.75.485 1.094.599q.271.093.537.205c1.51.631 2.737 1.563 3.637 2.941q.468.72.79 1.517c.127.313.243.633.36.95.109.295.319.835.722.77.583-.216.526-.622.706-1.145.096-.28.199-.57.32-.84a8 8 0 0 1 4.587-4.289c.355-.132.947-.262 1.233-.493.449-.362.114-.835-.338-.982-.878-.286-1.657-.592-2.433-1.098-.923-.601-1.703-1.314-2.32-2.234a10.6 10.6 0 0 1-.844-1.569 7 7 0 0 1-.224-.582c-.13-.4-.253-1.197-.815-1.155"
|
|
100
100
|
})
|
|
101
|
-
})) : /* @__PURE__ */
|
|
102
|
-
width:
|
|
103
|
-
height:
|
|
101
|
+
})) : /* @__PURE__ */ l("svg", _object_spread_props(_object_spread({
|
|
102
|
+
width: a,
|
|
103
|
+
height: a,
|
|
104
104
|
viewBox: "0 0 24 24",
|
|
105
105
|
role: "presentation"
|
|
106
|
-
},
|
|
107
|
-
children: /* @__PURE__ */
|
|
106
|
+
}, t), {
|
|
107
|
+
children: /* @__PURE__ */ l("path", {
|
|
108
108
|
fill: i,
|
|
109
109
|
d: "M7.935 7.586c.42-.902 1.649-.958 2.17-.17l.095.17 1.34 2.873 2.874 1.34c.962.45.962 1.817 0 2.266l-2.874 1.34-1.34 2.874c-.449.961-1.816.961-2.265 0l-1.341-2.874-2.873-1.34c-.961-.45-.961-1.817 0-2.266l2.873-1.34zm-.02 3.59c-.124.265-.338.48-.604.604l-2.47 1.152 2.47 1.152c.232.11.426.287.553.507l.051.098 1.152 2.469 1.153-2.469.05-.098c.128-.22.322-.398.554-.506l2.469-1.153-2.469-1.152a1.25 1.25 0 0 1-.604-.605l-1.153-2.47zm9.691-7.119a.5.5 0 0 1 .924 0l.623 1.517c.051.123.15.221.273.272l1.517.624a.5.5 0 0 1 0 .925l-1.517.623a.5.5 0 0 0-.273.273l-.623 1.516a.5.5 0 0 1-.925 0l-.623-1.516a.5.5 0 0 0-.272-.273l-1.518-.623a.5.5 0 0 1 0-.925l1.518-.624a.5.5 0 0 0 .271-.272z"
|
|
110
110
|
})
|