@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,13 @@
|
|
|
1
|
+
export declare const vars: {
|
|
2
|
+
borderColorVar: `var(--${string})`;
|
|
3
|
+
};
|
|
4
|
+
export declare const container: string;
|
|
5
|
+
export declare const containerInteractive: string;
|
|
6
|
+
export declare const textLine: string;
|
|
7
|
+
export declare const slot: string;
|
|
8
|
+
export declare const textWrapper: string;
|
|
9
|
+
export declare const ghost: string;
|
|
10
|
+
export declare const visibleContent: string;
|
|
11
|
+
export declare const caret: string;
|
|
12
|
+
export declare const caretHidden: string;
|
|
13
|
+
export declare const caretBlinking: string;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import type { TouchableComponentProps } from '../touchable';
|
|
3
|
+
type CommonProps = {
|
|
4
|
+
/** Static text shown before the animated words. */
|
|
5
|
+
text: string;
|
|
6
|
+
/** Words to animate in sequence. typed, held, then erased one by one. Maximum of 4 words. */
|
|
7
|
+
words?: ReadonlyArray<string>;
|
|
8
|
+
/** Number of characters to keep at the start of each word during deletion. Omit to erase fully. */
|
|
9
|
+
deleteChars?: number;
|
|
10
|
+
/** Wraps the text line after this many characters. */
|
|
11
|
+
lineBreakAtChars?: number;
|
|
12
|
+
/** Border color. Accepts any CSS color or gradient string. Defaults to the skin border token. */
|
|
13
|
+
borderColor?: string;
|
|
14
|
+
/** Icon or element rendered on the left side of the card. */
|
|
15
|
+
asset?: React.ReactElement;
|
|
16
|
+
};
|
|
17
|
+
export type AiCardProps = TouchableComponentProps<CommonProps>;
|
|
18
|
+
declare const AiCard: ({ text, words, deleteChars, lineBreakAtChars, borderColor, asset, dataAttributes, "aria-label": ariaLabel, ...touchableProps }: AiCardProps) => JSX.Element;
|
|
19
|
+
export default AiCard;
|
|
@@ -0,0 +1,312 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
"use strict";
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "default", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function() {
|
|
9
|
+
return le;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
const _jsxruntime = require("react/jsx-runtime");
|
|
13
|
+
const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
|
14
|
+
const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
|
|
15
|
+
const _touchable = require("../touchable.js");
|
|
16
|
+
const _text = require("../text.js");
|
|
17
|
+
const _skincontractcssmistica = require("../skins/skin-contract.css-mistica.js");
|
|
18
|
+
const _hooks = require("../hooks.js");
|
|
19
|
+
const _environment = require("../utils/environment.js");
|
|
20
|
+
const _css = require("../utils/css.js");
|
|
21
|
+
const _aicardcssmistica = require("./ai-card.css-mistica.js");
|
|
22
|
+
function _interop_require_default(obj) {
|
|
23
|
+
return obj && obj.__esModule ? obj : {
|
|
24
|
+
default: obj
|
|
25
|
+
};
|
|
26
|
+
}
|
|
27
|
+
function _getRequireWildcardCache(nodeInterop) {
|
|
28
|
+
if (typeof WeakMap !== "function") return null;
|
|
29
|
+
var cacheBabelInterop = new WeakMap();
|
|
30
|
+
var cacheNodeInterop = new WeakMap();
|
|
31
|
+
return (_getRequireWildcardCache = function(nodeInterop) {
|
|
32
|
+
return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
|
|
33
|
+
})(nodeInterop);
|
|
34
|
+
}
|
|
35
|
+
function _interop_require_wildcard(obj, nodeInterop) {
|
|
36
|
+
if (!nodeInterop && obj && obj.__esModule) {
|
|
37
|
+
return obj;
|
|
38
|
+
}
|
|
39
|
+
if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
|
|
40
|
+
return {
|
|
41
|
+
default: obj
|
|
42
|
+
};
|
|
43
|
+
}
|
|
44
|
+
var cache = _getRequireWildcardCache(nodeInterop);
|
|
45
|
+
if (cache && cache.has(obj)) {
|
|
46
|
+
return cache.get(obj);
|
|
47
|
+
}
|
|
48
|
+
var newObj = {
|
|
49
|
+
__proto__: null
|
|
50
|
+
};
|
|
51
|
+
var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
52
|
+
for(var key in obj){
|
|
53
|
+
if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
|
|
54
|
+
var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
|
|
55
|
+
if (desc && (desc.get || desc.set)) {
|
|
56
|
+
Object.defineProperty(newObj, key, desc);
|
|
57
|
+
} else {
|
|
58
|
+
newObj[key] = obj[key];
|
|
59
|
+
}
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
newObj.default = obj;
|
|
63
|
+
if (cache) {
|
|
64
|
+
cache.set(obj, newObj);
|
|
65
|
+
}
|
|
66
|
+
return newObj;
|
|
67
|
+
}
|
|
68
|
+
function _define_property(obj, key, value) {
|
|
69
|
+
if (key in obj) {
|
|
70
|
+
Object.defineProperty(obj, key, {
|
|
71
|
+
value: value,
|
|
72
|
+
enumerable: true,
|
|
73
|
+
configurable: true,
|
|
74
|
+
writable: true
|
|
75
|
+
});
|
|
76
|
+
} else {
|
|
77
|
+
obj[key] = value;
|
|
78
|
+
}
|
|
79
|
+
return obj;
|
|
80
|
+
}
|
|
81
|
+
function _object_spread(target) {
|
|
82
|
+
for(var i = 1; i < arguments.length; i++){
|
|
83
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
84
|
+
var ownKeys = Object.keys(source);
|
|
85
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
86
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
87
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
88
|
+
}));
|
|
89
|
+
}
|
|
90
|
+
ownKeys.forEach(function(key) {
|
|
91
|
+
_define_property(target, key, source[key]);
|
|
92
|
+
});
|
|
93
|
+
}
|
|
94
|
+
return target;
|
|
95
|
+
}
|
|
96
|
+
function ownKeys(object, enumerableOnly) {
|
|
97
|
+
var keys = Object.keys(object);
|
|
98
|
+
if (Object.getOwnPropertySymbols) {
|
|
99
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
100
|
+
if (enumerableOnly) {
|
|
101
|
+
symbols = symbols.filter(function(sym) {
|
|
102
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
103
|
+
});
|
|
104
|
+
}
|
|
105
|
+
keys.push.apply(keys, symbols);
|
|
106
|
+
}
|
|
107
|
+
return keys;
|
|
108
|
+
}
|
|
109
|
+
function _object_spread_props(target, source) {
|
|
110
|
+
source = source != null ? source : {};
|
|
111
|
+
if (Object.getOwnPropertyDescriptors) {
|
|
112
|
+
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
113
|
+
} else {
|
|
114
|
+
ownKeys(Object(source)).forEach(function(key) {
|
|
115
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
116
|
+
});
|
|
117
|
+
}
|
|
118
|
+
return target;
|
|
119
|
+
}
|
|
120
|
+
function _object_without_properties(source, excluded) {
|
|
121
|
+
if (source == null) return {};
|
|
122
|
+
var target = _object_without_properties_loose(source, excluded);
|
|
123
|
+
var key, i;
|
|
124
|
+
if (Object.getOwnPropertySymbols) {
|
|
125
|
+
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
126
|
+
for(i = 0; i < sourceSymbolKeys.length; i++){
|
|
127
|
+
key = sourceSymbolKeys[i];
|
|
128
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
129
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
130
|
+
target[key] = source[key];
|
|
131
|
+
}
|
|
132
|
+
}
|
|
133
|
+
return target;
|
|
134
|
+
}
|
|
135
|
+
function _object_without_properties_loose(source, excluded) {
|
|
136
|
+
if (source == null) return {};
|
|
137
|
+
var target = {};
|
|
138
|
+
var sourceKeys = Object.keys(source);
|
|
139
|
+
var key, i;
|
|
140
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
141
|
+
key = sourceKeys[i];
|
|
142
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
143
|
+
target[key] = source[key];
|
|
144
|
+
}
|
|
145
|
+
return target;
|
|
146
|
+
}
|
|
147
|
+
const K = [
|
|
148
|
+
50,
|
|
149
|
+
60,
|
|
150
|
+
70,
|
|
151
|
+
80
|
|
152
|
+
], U = 30, X = 2e3, Y = 4, q = (e)=>{
|
|
153
|
+
const n = K.filter((r)=>r !== e);
|
|
154
|
+
return n[Math.floor(Math.random() * n.length)];
|
|
155
|
+
}, z = (e, n, r)=>{
|
|
156
|
+
var _e_, _n_;
|
|
157
|
+
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;
|
|
158
|
+
return Math.max(s, t);
|
|
159
|
+
}, J = ()=>{
|
|
160
|
+
var _window_matchMedia, _window;
|
|
161
|
+
return (0, _environment.isClientSide)() && !!((_window_matchMedia = (_window = window).matchMedia) === null || _window_matchMedia === void 0 ? void 0 : _window_matchMedia.call(_window, "(prefers-reduced-motion: reduce)").matches);
|
|
162
|
+
}, S = {
|
|
163
|
+
index: 0,
|
|
164
|
+
text: "",
|
|
165
|
+
stage: "typing"
|
|
166
|
+
}, Q = (e, n, r)=>{
|
|
167
|
+
const { index: s, text: t, stage: i } = e, o = n[s] || "", l = n[s + 1] || "", c = z(o, l, r);
|
|
168
|
+
if (i === "typing") return t.length < o.length ? _object_spread_props(_object_spread({}, e), {
|
|
169
|
+
text: o.slice(0, t.length + 1)
|
|
170
|
+
}) : _object_spread_props(_object_spread({}, e), {
|
|
171
|
+
stage: "holding"
|
|
172
|
+
});
|
|
173
|
+
if (i === "holding") return s === n.length - 1 ? _object_spread_props(_object_spread({}, e), {
|
|
174
|
+
stage: "done"
|
|
175
|
+
}) : t.length > c ? _object_spread_props(_object_spread({}, e), {
|
|
176
|
+
stage: "deleting"
|
|
177
|
+
}) : {
|
|
178
|
+
index: s + 1,
|
|
179
|
+
text: t,
|
|
180
|
+
stage: "typing"
|
|
181
|
+
};
|
|
182
|
+
if (i === "deleting") {
|
|
183
|
+
if (t.length <= c) {
|
|
184
|
+
let a = 0;
|
|
185
|
+
for(; a < t.length && a < l.length && t[a] === l[a];)a++;
|
|
186
|
+
return {
|
|
187
|
+
index: s + 1,
|
|
188
|
+
text: t.slice(0, a),
|
|
189
|
+
stage: "typing"
|
|
190
|
+
};
|
|
191
|
+
}
|
|
192
|
+
return _object_spread_props(_object_spread({}, e), {
|
|
193
|
+
text: t.slice(0, -1)
|
|
194
|
+
});
|
|
195
|
+
}
|
|
196
|
+
return e;
|
|
197
|
+
}, Z = (param)=>{
|
|
198
|
+
let { words: e, deleteChars: n, prefersReducedMotion: r, isInViewport: s } = param;
|
|
199
|
+
const t = e.join("\0"), i = e.length, [o, l] = _react.useState(S), c = _react.useRef(void 0), a = _react.useRef(e);
|
|
200
|
+
return a.current = e, _react.useEffect(()=>{
|
|
201
|
+
l(r && i ? {
|
|
202
|
+
index: i - 1,
|
|
203
|
+
text: a.current.at(-1) || "",
|
|
204
|
+
stage: "done"
|
|
205
|
+
} : S);
|
|
206
|
+
}, [
|
|
207
|
+
t,
|
|
208
|
+
r,
|
|
209
|
+
i
|
|
210
|
+
]), _react.useEffect(()=>{
|
|
211
|
+
if (o.stage === "done" || !s || r || !i) return;
|
|
212
|
+
let d;
|
|
213
|
+
o.stage === "typing" ? (d = q(c.current), c.current = d) : o.stage === "holding" ? d = X : d = U;
|
|
214
|
+
const p = window.setTimeout(()=>l((x)=>Q(x, a.current, n)), d);
|
|
215
|
+
return ()=>window.clearTimeout(p);
|
|
216
|
+
}, [
|
|
217
|
+
o,
|
|
218
|
+
s,
|
|
219
|
+
r,
|
|
220
|
+
i,
|
|
221
|
+
n
|
|
222
|
+
]), {
|
|
223
|
+
dynamicText: o.text,
|
|
224
|
+
isDone: o.stage === "done",
|
|
225
|
+
shouldBlinkCaret: !r && !!i && o.stage === "holding" && s
|
|
226
|
+
};
|
|
227
|
+
}, le = (_param)=>{
|
|
228
|
+
var { text: e, words: n = [], deleteChars: r, lineBreakAtChars: s, borderColor: t, asset: i, dataAttributes: o, "aria-label": l } = _param, c = _object_without_properties(_param, [
|
|
229
|
+
"text",
|
|
230
|
+
"words",
|
|
231
|
+
"deleteChars",
|
|
232
|
+
"lineBreakAtChars",
|
|
233
|
+
"borderColor",
|
|
234
|
+
"asset",
|
|
235
|
+
"dataAttributes",
|
|
236
|
+
"aria-label"
|
|
237
|
+
]);
|
|
238
|
+
var _g_at;
|
|
239
|
+
const a = _react.useRef(null), d = J(), p = (0, _hooks.useIsInViewport)(a, !1), x = "onPress" in c || "href" in c || "to" in c, g = _react.useMemo(()=>n.map((u)=>u.trim()).filter((u)=>u.length > 0).slice(0, Y), [
|
|
240
|
+
n
|
|
241
|
+
]), v = _react.useMemo(()=>g.reduce((u, y)=>y.length > u.length ? y : u, g[0] || ""), [
|
|
242
|
+
g
|
|
243
|
+
]), { dynamicText: A, isDone: D, shouldBlinkCaret: E } = Z({
|
|
244
|
+
words: g,
|
|
245
|
+
deleteChars: r,
|
|
246
|
+
prefersReducedMotion: d,
|
|
247
|
+
isInViewport: p
|
|
248
|
+
}), L = (_g_at = g.at(-1)) !== null && _g_at !== void 0 ? _g_at : "", N = [
|
|
249
|
+
e,
|
|
250
|
+
L
|
|
251
|
+
].filter(Boolean).join("") || void 0, M = typeof s == "number" ? {
|
|
252
|
+
maxWidth: `min(100%, ${Math.max(1, Math.floor(s))}ch)`
|
|
253
|
+
} : {};
|
|
254
|
+
return /* @__PURE__ */ (0, _jsxruntime.jsxs)(_touchable.BaseTouchable, _object_spread_props(_object_spread({
|
|
255
|
+
className: (0, _classnames.default)(_aicardcssmistica.container, {
|
|
256
|
+
[_aicardcssmistica.containerInteractive]: x
|
|
257
|
+
}),
|
|
258
|
+
style: t ? (0, _css.applyCssVars)({
|
|
259
|
+
[_aicardcssmistica.vars.borderColorVar]: /gradient/.test(t) ? t : `linear-gradient(${t}, ${t})`
|
|
260
|
+
}) : void 0,
|
|
261
|
+
dataAttributes: _object_spread({
|
|
262
|
+
"component-name": "AiCard",
|
|
263
|
+
testid: "AiCard"
|
|
264
|
+
}, o)
|
|
265
|
+
}, c), {
|
|
266
|
+
"aria-label": l !== null && l !== void 0 ? l : N,
|
|
267
|
+
children: [
|
|
268
|
+
i && /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
|
|
269
|
+
className: _aicardcssmistica.slot,
|
|
270
|
+
"aria-hidden": "true",
|
|
271
|
+
children: i
|
|
272
|
+
}),
|
|
273
|
+
/* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
274
|
+
ref: a,
|
|
275
|
+
className: _aicardcssmistica.textLine,
|
|
276
|
+
"aria-hidden": "true",
|
|
277
|
+
style: M,
|
|
278
|
+
children: /* @__PURE__ */ (0, _jsxruntime.jsx)(_text.Text3, {
|
|
279
|
+
regular: !0,
|
|
280
|
+
color: _skincontractcssmistica.vars.colors.textPrimary,
|
|
281
|
+
as: "span",
|
|
282
|
+
children: /* @__PURE__ */ (0, _jsxruntime.jsxs)("span", {
|
|
283
|
+
className: _aicardcssmistica.textWrapper,
|
|
284
|
+
children: [
|
|
285
|
+
/* @__PURE__ */ (0, _jsxruntime.jsxs)("span", {
|
|
286
|
+
className: _aicardcssmistica.ghost,
|
|
287
|
+
children: [
|
|
288
|
+
e,
|
|
289
|
+
v
|
|
290
|
+
]
|
|
291
|
+
}),
|
|
292
|
+
/* @__PURE__ */ (0, _jsxruntime.jsxs)("span", {
|
|
293
|
+
className: _aicardcssmistica.visibleContent,
|
|
294
|
+
children: [
|
|
295
|
+
e,
|
|
296
|
+
A,
|
|
297
|
+
!d && !!g.length && /* @__PURE__ */ (0, _jsxruntime.jsx)("span", {
|
|
298
|
+
className: (0, _classnames.default)(_aicardcssmistica.caret, {
|
|
299
|
+
[_aicardcssmistica.caretBlinking]: E,
|
|
300
|
+
[_aicardcssmistica.caretHidden]: D
|
|
301
|
+
}),
|
|
302
|
+
children: "|"
|
|
303
|
+
})
|
|
304
|
+
]
|
|
305
|
+
})
|
|
306
|
+
]
|
|
307
|
+
})
|
|
308
|
+
})
|
|
309
|
+
})
|
|
310
|
+
]
|
|
311
|
+
}));
|
|
312
|
+
};
|
|
@@ -16,4 +16,4 @@ _export(exports, {
|
|
|
16
16
|
return n;
|
|
17
17
|
}
|
|
18
18
|
});
|
|
19
|
-
/* empty css */ /* empty css */ var _ = "
|
|
19
|
+
/* empty css */ /* empty css */ var _ = "v16_62_llrsen0 v16_62_1y2v1nfq4 v16_62_1y2v1nfqa", n = "v16_62_llrsen1";
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
export { default as AiCard } from './ai-card';
|
|
1
2
|
export { default as ExampleComponent } from './example-component';
|
|
2
3
|
export { default as AdvancedDataCard } from './advanced-data-card';
|
|
3
4
|
export { RowBlock, SimpleBlock, InformationBlock, HighlightedValueBlock, ValueBlock, ProgressBlock, } from './blocks';
|
package/dist/community/index.js
CHANGED
|
@@ -12,6 +12,9 @@ _export(exports, {
|
|
|
12
12
|
get AdvancedDataCard () {
|
|
13
13
|
return _advanceddatacard.AdvancedDataCard;
|
|
14
14
|
},
|
|
15
|
+
get AiCard () {
|
|
16
|
+
return _aicard.default;
|
|
17
|
+
},
|
|
15
18
|
get ExampleComponent () {
|
|
16
19
|
return _examplecomponent.default;
|
|
17
20
|
},
|
|
@@ -34,6 +37,7 @@ _export(exports, {
|
|
|
34
37
|
return _blocks.ValueBlock;
|
|
35
38
|
}
|
|
36
39
|
});
|
|
40
|
+
const _aicard = /*#__PURE__*/ _interop_require_default(require("./ai-card.js"));
|
|
37
41
|
const _examplecomponent = /*#__PURE__*/ _interop_require_default(require("./example-component.js"));
|
|
38
42
|
const _advanceddatacard = require("./advanced-data-card.js");
|
|
39
43
|
const _blocks = require("./blocks.js");
|
|
@@ -43,4 +43,4 @@ _export(exports, {
|
|
|
43
43
|
return a;
|
|
44
44
|
}
|
|
45
45
|
});
|
|
46
|
-
/* empty css */ /* empty css */ var n = "
|
|
46
|
+
/* 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";
|
|
@@ -50,5 +50,5 @@ _export(exports, {
|
|
|
50
50
|
}
|
|
51
51
|
});
|
|
52
52
|
/* empty css */ /* empty css */ /* empty css */ /* empty css */ var r = {
|
|
53
|
-
aspectRatio: "var(--
|
|
54
|
-
}, n = "
|
|
53
|
+
aspectRatio: "var(--v16_62_moeazi0)"
|
|
54
|
+
}, 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";
|
|
@@ -22,7 +22,7 @@ _export(exports, {
|
|
|
22
22
|
return f;
|
|
23
23
|
}
|
|
24
24
|
});
|
|
25
|
-
/* empty css */ /* empty css */ var y = "
|
|
26
|
-
default: "
|
|
27
|
-
backface: "
|
|
25
|
+
/* 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 = {
|
|
26
|
+
default: "v16_62_yvyo3qa v16_62_yvyo3q7 v16_62_yvyo3q6 v16_62_1y2v1nfpy v16_62_yvyo3q8",
|
|
27
|
+
backface: "v16_62_yvyo3qb v16_62_yvyo3q7 v16_62_yvyo3q6 v16_62_1y2v1nfpy v16_62_yvyo3q9"
|
|
28
28
|
};
|
|
@@ -43,7 +43,7 @@ _export(exports, {
|
|
|
43
43
|
return n;
|
|
44
44
|
}
|
|
45
45
|
});
|
|
46
|
-
/* empty css */ /* empty css */ var l = 200, n = "
|
|
47
|
-
dialog: "
|
|
48
|
-
default: "
|
|
49
|
-
}, o = "
|
|
46
|
+
/* 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 = {
|
|
47
|
+
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",
|
|
48
|
+
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"
|
|
49
|
+
}, 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";
|
|
@@ -9,9 +9,9 @@ Object.defineProperty(exports, "variants", {
|
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
11
|
/* empty css */ var t = {
|
|
12
|
-
default: "
|
|
13
|
-
alternative: "
|
|
14
|
-
brand: "
|
|
15
|
-
negative: "
|
|
16
|
-
media: "
|
|
12
|
+
default: "v16_62_o0dvt10",
|
|
13
|
+
alternative: "v16_62_o0dvt11",
|
|
14
|
+
brand: "v16_62_o0dvt12",
|
|
15
|
+
negative: "v16_62_o0dvt13",
|
|
16
|
+
media: "v16_62_o0dvt14"
|
|
17
17
|
};
|
|
@@ -9,6 +9,6 @@ Object.defineProperty(exports, "variants", {
|
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
11
|
/* empty css */ /* empty css */ /* empty css */ /* empty css */ /* empty css */ var i = {
|
|
12
|
-
default: "
|
|
13
|
-
fullWidth: "
|
|
12
|
+
default: "v16_62_skrulh1 v16_62_skrulh0 v16_62_1y2v1nfq4 v16_62_1y2v1nfq9 v16_62_1y2v1nfqr",
|
|
13
|
+
fullWidth: "v16_62_skrulh2 v16_62_skrulh0 v16_62_1y2v1nfq4 v16_62_1y2v1nfq9 v16_62_1y2v1nfqr"
|
|
14
14
|
};
|
|
@@ -52,4 +52,4 @@ _export(exports, {
|
|
|
52
52
|
return r;
|
|
53
53
|
}
|
|
54
54
|
});
|
|
55
|
-
/* empty css */ /* empty css */ var n = 350, w = "
|
|
55
|
+
/* 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";
|
|
@@ -19,4 +19,4 @@ _export(exports, {
|
|
|
19
19
|
return a;
|
|
20
20
|
}
|
|
21
21
|
});
|
|
22
|
-
/* empty css */ /* empty css */ var v = "
|
|
22
|
+
/* 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";
|
|
@@ -38,8 +38,8 @@ _export(exports, {
|
|
|
38
38
|
}
|
|
39
39
|
});
|
|
40
40
|
/* empty css */ /* empty css */ var _ = {
|
|
41
|
-
backgroundColor: "var(--
|
|
42
|
-
}, v = "
|
|
43
|
-
default: "
|
|
44
|
-
largeImage: "
|
|
45
|
-
}, n = "
|
|
41
|
+
backgroundColor: "var(--v16_62_13fzrua0)"
|
|
42
|
+
}, v = "v16_62_13fzrua2 v16_62_13fzrua1 v16_62_1y2v1nfq4 v16_62_1y2v1nffw", f = {
|
|
43
|
+
default: "v16_62_13fzrua3",
|
|
44
|
+
largeImage: "v16_62_13fzrua4"
|
|
45
|
+
}, 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";
|
|
@@ -49,4 +49,4 @@ _export(exports, {
|
|
|
49
49
|
return f;
|
|
50
50
|
}
|
|
51
51
|
});
|
|
52
|
-
/* empty css */ /* empty css */ var v = "
|
|
52
|
+
/* 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";
|
|
@@ -31,10 +31,10 @@ _export(exports, {
|
|
|
31
31
|
return n;
|
|
32
32
|
}
|
|
33
33
|
});
|
|
34
|
-
/* empty css */ /* empty css */ /* empty css */ /* empty css */ /* empty css */ var a = "
|
|
35
|
-
default: "
|
|
36
|
-
alternative: "
|
|
37
|
-
brand: "
|
|
38
|
-
negative: "
|
|
39
|
-
media: "
|
|
40
|
-
}, t = "
|
|
34
|
+
/* 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 = {
|
|
35
|
+
default: "v16_62_1isvxjya",
|
|
36
|
+
alternative: "v16_62_1isvxjyb",
|
|
37
|
+
brand: "v16_62_1isvxjyc",
|
|
38
|
+
negative: "v16_62_1isvxjyd",
|
|
39
|
+
media: "v16_62_1isvxjye"
|
|
40
|
+
}, 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";
|
|
@@ -38,5 +38,5 @@ _export(exports, {
|
|
|
38
38
|
}
|
|
39
39
|
});
|
|
40
40
|
/* empty css */ /* empty css */ var j = {
|
|
41
|
-
footerHeight: "var(--
|
|
42
|
-
}, r = "
|
|
41
|
+
footerHeight: "var(--v16_62_p5j8j50)"
|
|
42
|
+
}, 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";
|
package/dist/form.css-mistica.js
CHANGED
|
@@ -93,24 +93,24 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
93
93
|
return target;
|
|
94
94
|
}
|
|
95
95
|
const g = (_param)=>{
|
|
96
|
-
var { color: o, size:
|
|
96
|
+
var { color: o, size: a = 24 } = _param, i = _object_without_properties(_param, [
|
|
97
97
|
"color",
|
|
98
98
|
"size"
|
|
99
99
|
]);
|
|
100
|
-
const
|
|
100
|
+
const l = (0, _themevariantcontext.useThemeVariant)(), r = o !== null && o !== void 0 ? o : l === "brand" || l === "media" ? _skincontractcssmistica.vars.colors.neutralHighBrand : l === "negative" ? _skincontractcssmistica.vars.colors.neutralHighNegative : _skincontractcssmistica.vars.colors.neutralHigh, { skinName: n } = (0, _hooks.useTheme)();
|
|
101
101
|
return n.match(/^vivo-new/i) ? /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
|
|
102
|
-
width:
|
|
103
|
-
height:
|
|
102
|
+
width: a,
|
|
103
|
+
height: a,
|
|
104
104
|
viewBox: "0 0 24 24",
|
|
105
105
|
role: "presentation"
|
|
106
106
|
}, i), {
|
|
107
107
|
children: /* @__PURE__ */ (0, _jsxruntime.jsx)("path", {
|
|
108
108
|
fill: r,
|
|
109
|
-
d: "
|
|
109
|
+
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"
|
|
110
110
|
})
|
|
111
111
|
})) : /* @__PURE__ */ (0, _jsxruntime.jsx)("svg", _object_spread_props(_object_spread({
|
|
112
|
-
width:
|
|
113
|
-
height:
|
|
112
|
+
width: a,
|
|
113
|
+
height: a,
|
|
114
114
|
viewBox: "0 0 24 24",
|
|
115
115
|
role: "presentation"
|
|
116
116
|
}, i), {
|