@telefonica/mistica 12.11.1 → 12.13.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/avatar.css-mistica.js +2 -2
- package/dist/avatar.d.ts +3 -2
- package/dist/avatar.js +72 -17
- package/dist/avatar.js.flow +2 -1
- package/dist/badge.css-mistica.js +4 -4
- package/dist/badge.d.ts +2 -0
- package/dist/badge.js +49 -8
- package/dist/badge.js.flow +2 -0
- package/dist/boxed.js +5 -5
- package/dist/button-group.css-mistica.js +1 -1
- package/dist/button-group.js +7 -7
- package/dist/button-layout.css-mistica.js +12 -12
- package/dist/button-layout.js +1 -1
- package/dist/button.css-mistica.js +26 -26
- package/dist/button.js +127 -77
- package/dist/callout.css-mistica.js +2 -2
- package/dist/callout.d.ts +2 -1
- package/dist/callout.js +68 -16
- package/dist/callout.js.flow +2 -1
- package/dist/card.css-mistica.js +5 -5
- package/dist/card.js +47 -41
- package/dist/carousel.css-mistica.js +23 -25
- package/dist/carousel.css.d.ts +1 -0
- package/dist/carousel.css.js.flow +4 -0
- package/dist/carousel.d.ts +7 -1
- package/dist/carousel.js +237 -209
- package/dist/carousel.js.flow +9 -1
- package/dist/checkbox.css-mistica.js +6 -6
- package/dist/checkbox.js +1 -1
- package/dist/chip.css-mistica.js +2 -2
- package/dist/chip.d.ts +7 -11
- package/dist/chip.js +65 -22
- package/dist/chip.js.flow +11 -6
- package/dist/circle.css-mistica.js +1 -1
- package/dist/credit-card-number-field.css-mistica.js +3 -3
- package/dist/cvv-field.css-mistica.js +1 -1
- package/dist/date-time-picker.js +2 -2
- package/dist/desktop-container-type-context.js +14 -4
- package/dist/dialog.css-mistica.js +6 -6
- package/dist/dialog.d.ts +2 -10
- package/dist/dialog.js +1 -0
- package/dist/dialog.js.flow +6 -4
- package/dist/double-field.css-mistica.js +5 -4
- package/dist/empty-state-card.css-mistica.js +1 -1
- package/dist/empty-state.css-mistica.js +2 -2
- package/dist/empty-state.js +5 -5
- package/dist/fade-in.d.ts +2 -0
- package/dist/fade-in.js +59 -6
- package/dist/fade-in.js.flow +2 -0
- package/dist/feedback.css-mistica.js +1 -1
- package/dist/feedback.js +130 -115
- package/dist/fixed-footer-layout.css-mistica.js +36 -0
- package/dist/fixed-footer-layout.css.d.ts +9 -0
- package/dist/fixed-footer-layout.css.js.flow +17 -0
- package/dist/fixed-footer-layout.css.ts.vanilla.js +11 -0
- package/dist/fixed-footer-layout.js +35 -84
- package/dist/header.js +99 -129
- package/dist/highlighted-card.css-mistica.js +5 -5
- package/dist/highlighted-card.d.ts +1 -1
- package/dist/highlighted-card.js +20 -15
- package/dist/highlighted-card.js.flow +1 -1
- package/dist/icon-button.css-mistica.js +13 -0
- package/dist/icon-button.css.d.ts +1 -0
- package/dist/icon-button.css.js.flow +3 -0
- package/dist/icon-button.css.ts.vanilla.js +11 -0
- package/dist/icon-button.d.ts +2 -1
- package/dist/icon-button.js +51 -28
- package/dist/icon-button.js.flow +2 -1
- package/dist/icons/icon-error.css-mistica.js +20 -0
- package/dist/icons/icon-error.css.d.ts +2 -0
- package/dist/icons/icon-error.css.js.flow +4 -0
- package/dist/icons/icon-error.css.ts.vanilla.js +11 -0
- package/dist/icons/icon-error.js +22 -33
- package/dist/icons/icon-info.js +16 -28
- package/dist/icons/icon-success-vivo.js +10 -20
- package/dist/icons/icon-success.js +28 -44
- package/dist/image.css-mistica.js +3 -3
- package/dist/index.d.ts +2 -0
- package/dist/index.js +8 -0
- package/dist/index.js.flow +2 -0
- package/dist/list.css-mistica.js +7 -7
- package/dist/list.js +112 -71
- package/dist/loading-bar.css-mistica.js +6 -6
- package/dist/loading-bar.d.ts +2 -0
- package/dist/loading-bar.js +60 -6
- package/dist/loading-bar.js.flow +5 -1
- package/dist/maybe-dismissable.css-mistica.js +24 -0
- package/dist/maybe-dismissable.css.d.ts +3 -0
- package/dist/maybe-dismissable.css.js.flow +5 -0
- package/dist/maybe-dismissable.css.ts.vanilla.js +11 -0
- package/dist/maybe-dismissable.js +16 -51
- package/dist/media-queries.css-mistica.js +37 -5
- package/dist/menu.css-mistica.js +34 -0
- package/dist/menu.css.d.ts +11 -0
- package/dist/menu.css.js.flow +19 -0
- package/dist/menu.css.ts.vanilla.js +11 -0
- package/dist/menu.d.ts +2 -0
- package/dist/menu.js +53 -99
- package/dist/menu.js.flow +2 -0
- package/dist/navigation-bar.css-mistica.js +79 -0
- package/dist/navigation-bar.css.d.ts +17 -0
- package/dist/navigation-bar.css.js.flow +26 -0
- package/dist/navigation-bar.css.ts.vanilla.js +11 -0
- package/dist/navigation-bar.js +206 -334
- package/dist/navigation-breadcrumbs.css-mistica.js +27 -0
- package/dist/navigation-breadcrumbs.css.d.ts +5 -0
- package/dist/navigation-breadcrumbs.css.js.flow +7 -0
- package/dist/navigation-breadcrumbs.css.ts.vanilla.js +11 -0
- package/dist/navigation-breadcrumbs.js +20 -38
- package/dist/overlay.d.ts +2 -0
- package/dist/overlay.js +37 -11
- package/dist/overlay.js.flow +2 -0
- package/dist/package-version.js +1 -1
- package/dist/password-field.css-mistica.js +13 -0
- package/dist/password-field.css.d.ts +1 -0
- package/dist/password-field.css.js.flow +3 -0
- package/dist/password-field.css.ts.vanilla.js +11 -0
- package/dist/password-field.js +39 -55
- package/dist/popover.css-mistica.js +51 -0
- package/dist/popover.css.d.ts +12 -0
- package/dist/popover.css.js.flow +14 -0
- package/dist/popover.css.ts.vanilla.js +11 -0
- package/dist/popover.d.ts +2 -1
- package/dist/popover.js +97 -118
- package/dist/popover.js.flow +2 -1
- package/dist/progress-bar.css-mistica.js +3 -3
- package/dist/progress-bar.d.ts +2 -0
- package/dist/progress-bar.js +60 -7
- package/dist/progress-bar.js.flow +2 -0
- package/dist/radio-button.css-mistica.js +39 -0
- package/dist/radio-button.css.d.ts +6 -0
- package/dist/radio-button.css.js.flow +8 -0
- package/dist/radio-button.css.ts.vanilla.js +11 -0
- package/dist/radio-button.d.ts +1 -0
- package/dist/radio-button.js +81 -125
- package/dist/radio-button.js.flow +1 -0
- package/dist/responsive-layout.css-mistica.js +7 -4
- package/dist/responsive-layout.css.d.ts +1 -0
- package/dist/responsive-layout.css.js.flow +1 -0
- package/dist/responsive-layout.d.ts +2 -0
- package/dist/responsive-layout.js +19 -11
- package/dist/responsive-layout.js.flow +2 -0
- package/dist/screen-reader-only.css-mistica.js +2 -2
- package/dist/select.css-mistica.js +60 -0
- package/dist/select.css.d.ts +16 -0
- package/dist/select.css.js.flow +30 -0
- package/dist/select.css.ts.vanilla.js +11 -0
- package/dist/select.js +150 -272
- package/dist/skeleton-base.js +13 -32
- package/dist/skeletons.css-mistica.js +1 -1
- package/dist/skeletons.js +63 -42
- package/dist/skins/skin-contract.css.js.flow +1 -0
- package/dist/snackbar.css-mistica.js +4 -4
- package/dist/snackbar.d.ts +2 -0
- package/dist/snackbar.js +70 -23
- package/dist/snackbar.js.flow +2 -0
- package/dist/spinner.css-mistica.js +2 -2
- package/dist/spinner.js +14 -11
- package/dist/sprinkles.css-mistica.js +217 -479
- package/dist/sprinkles.css.d.ts +0 -25
- package/dist/stepper.css-mistica.js +7 -7
- package/dist/stepper.d.ts +2 -0
- package/dist/stepper.js +52 -11
- package/dist/stepper.js.flow +2 -0
- package/dist/switch-component.css-mistica.js +54 -0
- package/dist/switch-component.css.d.ts +14 -0
- package/dist/switch-component.css.js.flow +43 -0
- package/dist/switch-component.css.ts.vanilla.js +11 -0
- package/dist/switch-component.js +35 -96
- package/dist/tabs.css-mistica.js +6 -6
- package/dist/tabs.js +16 -15
- package/dist/tag.css-mistica.js +2 -2
- package/dist/tag.js +5 -5
- package/dist/text-field-base.css-mistica.js +63 -0
- package/dist/text-field-base.css.d.ts +17 -0
- package/dist/text-field-base.css.js.flow +19 -0
- package/dist/text-field-base.css.ts.vanilla.js +11 -0
- package/dist/text-field-base.js +120 -314
- package/dist/text-field-components.css-mistica.js +69 -0
- package/dist/text-field-components.css.d.ts +18 -0
- package/dist/text-field-components.css.js.flow +20 -0
- package/dist/text-field-components.css.ts.vanilla.js +11 -0
- package/dist/text-field-components.d.ts +0 -4
- package/dist/text-field-components.js +46 -159
- package/dist/text-field-components.js.flow +0 -4
- package/dist/text-link.css-mistica.js +3 -3
- package/dist/text.js +159 -92
- package/dist/theme-context-provider.js +1 -1
- package/dist/title.js +44 -12
- package/dist/tooltip.css-mistica.js +7 -7
- package/dist/tooltip.d.ts +2 -0
- package/dist/tooltip.js +62 -36
- package/dist/tooltip.js.flow +2 -0
- package/dist/touchable.css-mistica.js +3 -3
- package/dist/touchable.js +10 -10
- package/dist/utils/animation.d.ts +0 -6
- package/dist/utils/animation.js +18 -55
- package/dist/utils/animation.js.flow +0 -8
- package/dist/utils/aspect-ratio-support.css-mistica.js +29 -0
- package/dist/utils/aspect-ratio-support.css.d.ts +6 -0
- package/dist/utils/aspect-ratio-support.css.js.flow +11 -0
- package/dist/utils/aspect-ratio-support.css.ts.vanilla.js +11 -0
- package/dist/utils/aspect-ratio-support.js +37 -56
- package/dist/utils/color.d.ts +1 -1
- package/dist/utils/color.js.flow +1 -1
- package/dist/utils/dom.d.ts +1 -1
- package/dist/utils/dom.js +7 -5
- package/dist/utils/dom.js.flow +2 -1
- package/dist/video.css-mistica.js +2 -2
- package/dist-es/avatar.css-mistica.js +2 -2
- package/dist-es/avatar.js +77 -22
- package/dist-es/badge.css-mistica.js +2 -2
- package/dist-es/badge.js +56 -15
- package/dist-es/boxed.js +5 -5
- package/dist-es/button-group.css-mistica.js +1 -1
- package/dist-es/button-group.js +10 -10
- package/dist-es/button-layout.css-mistica.js +7 -7
- package/dist-es/button-layout.js +4 -4
- package/dist-es/button.css-mistica.js +9 -9
- package/dist-es/button.js +152 -102
- package/dist-es/callout.css-mistica.js +2 -2
- package/dist-es/callout.js +79 -27
- package/dist-es/card.css-mistica.js +2 -2
- package/dist-es/card.js +78 -72
- package/dist-es/carousel.css-mistica.js +8 -7
- package/dist-es/carousel.js +286 -258
- package/dist-es/checkbox.css-mistica.js +5 -5
- package/dist-es/checkbox.js +1 -1
- package/dist-es/chip.css-mistica.js +2 -2
- package/dist-es/chip.js +79 -36
- package/dist-es/circle.css-mistica.js +1 -1
- package/dist-es/credit-card-number-field.css-mistica.js +3 -3
- package/dist-es/cvv-field.css-mistica.js +1 -1
- package/dist-es/date-time-picker.js +1 -1
- package/dist-es/desktop-container-type-context.js +4 -2
- package/dist-es/dialog.css-mistica.js +5 -5
- package/dist-es/dialog.js +1 -0
- package/dist-es/double-field.css-mistica.js +5 -4
- package/dist-es/empty-state-card.css-mistica.js +1 -1
- package/dist-es/empty-state.css-mistica.js +2 -2
- package/dist-es/empty-state.js +18 -18
- package/dist-es/fade-in.js +60 -7
- package/dist-es/feedback.css-mistica.js +1 -1
- package/dist-es/feedback.js +170 -155
- package/dist-es/fixed-footer-layout.css-mistica.js +7 -0
- package/dist-es/fixed-footer-layout.css.ts.vanilla.js +2 -0
- package/dist-es/fixed-footer-layout.js +47 -96
- package/dist-es/header.js +116 -146
- package/dist-es/highlighted-card.css-mistica.js +5 -5
- package/dist-es/highlighted-card.js +44 -39
- package/dist-es/icon-button.css-mistica.js +4 -0
- package/dist-es/icon-button.css.ts.vanilla.js +2 -0
- package/dist-es/icon-button.js +41 -26
- package/dist-es/icons/icon-error.css-mistica.js +3 -0
- package/dist-es/icons/icon-error.css.ts.vanilla.js +2 -0
- package/dist-es/icons/icon-error.js +46 -57
- package/dist-es/icons/icon-info.js +28 -40
- package/dist-es/icons/icon-success-vivo.js +18 -28
- package/dist-es/icons/icon-success.js +45 -56
- package/dist-es/image.css-mistica.js +2 -2
- package/dist-es/index.js +1738 -1736
- package/dist-es/list.css-mistica.js +2 -2
- package/dist-es/list.js +126 -85
- package/dist-es/loading-bar.css-mistica.js +2 -2
- package/dist-es/loading-bar.js +73 -19
- package/dist-es/maybe-dismissable.css-mistica.js +4 -0
- package/dist-es/maybe-dismissable.css.ts.vanilla.js +2 -0
- package/dist-es/maybe-dismissable.js +24 -59
- package/dist-es/media-queries.css-mistica.js +3 -3
- package/dist-es/menu.css-mistica.js +11 -0
- package/dist-es/menu.css.ts.vanilla.js +2 -0
- package/dist-es/menu.js +61 -107
- package/dist-es/navigation-bar.css-mistica.js +17 -0
- package/dist-es/navigation-bar.css.ts.vanilla.js +2 -0
- package/dist-es/navigation-bar.js +253 -381
- package/dist-es/navigation-breadcrumbs.css-mistica.js +4 -0
- package/dist-es/navigation-breadcrumbs.css.ts.vanilla.js +2 -0
- package/dist-es/navigation-breadcrumbs.js +34 -52
- package/dist-es/overlay.js +41 -15
- package/dist-es/package-version.js +1 -1
- package/dist-es/password-field.css-mistica.js +4 -0
- package/dist-es/password-field.css.ts.vanilla.js +2 -0
- package/dist-es/password-field.js +45 -61
- package/dist-es/popover.css-mistica.js +4 -0
- package/dist-es/popover.css.ts.vanilla.js +2 -0
- package/dist-es/popover.js +121 -141
- package/dist-es/progress-bar.css-mistica.js +2 -2
- package/dist-es/progress-bar.js +68 -15
- package/dist-es/radio-button.css-mistica.js +10 -0
- package/dist-es/radio-button.css.ts.vanilla.js +2 -0
- package/dist-es/radio-button.js +99 -143
- package/dist-es/responsive-layout.css-mistica.js +2 -2
- package/dist-es/responsive-layout.js +23 -15
- package/dist-es/screen-reader-only.css-mistica.js +2 -2
- package/dist-es/select.css-mistica.js +22 -0
- package/dist-es/select.css.ts.vanilla.js +2 -0
- package/dist-es/select.js +177 -299
- package/dist-es/skeleton-base.js +17 -36
- package/dist-es/skeletons.css-mistica.js +1 -1
- package/dist-es/skeletons.js +78 -57
- package/dist-es/snackbar.css-mistica.js +2 -2
- package/dist-es/snackbar.js +89 -42
- package/dist-es/spinner.css-mistica.js +2 -2
- package/dist-es/spinner.js +14 -11
- package/dist-es/sprinkles.css-mistica.js +217 -479
- package/dist-es/stepper.css-mistica.js +2 -2
- package/dist-es/stepper.js +68 -27
- package/dist-es/style.css +1 -1
- package/dist-es/switch-component.css-mistica.js +22 -0
- package/dist-es/switch-component.css.ts.vanilla.js +2 -0
- package/dist-es/switch-component.js +51 -112
- package/dist-es/tabs.css-mistica.js +6 -6
- package/dist-es/tabs.js +24 -23
- package/dist-es/tag.css-mistica.js +2 -2
- package/dist-es/tag.js +11 -11
- package/dist-es/text-field-base.css-mistica.js +4 -0
- package/dist-es/text-field-base.css.ts.vanilla.js +2 -0
- package/dist-es/text-field-base.js +134 -328
- package/dist-es/text-field-components.css-mistica.js +4 -0
- package/dist-es/text-field-components.css.ts.vanilla.js +2 -0
- package/dist-es/text-field-components.js +56 -157
- package/dist-es/text-link.css-mistica.js +3 -3
- package/dist-es/text.js +159 -92
- package/dist-es/theme-context-provider.js +1 -1
- package/dist-es/title.js +50 -18
- package/dist-es/tooltip.css-mistica.js +3 -3
- package/dist-es/tooltip.js +90 -64
- package/dist-es/touchable.css-mistica.js +2 -2
- package/dist-es/touchable.js +10 -10
- package/dist-es/utils/animation.js +28 -62
- package/dist-es/utils/aspect-ratio-support.css-mistica.js +6 -0
- package/dist-es/utils/aspect-ratio-support.css.ts.vanilla.js +2 -0
- package/dist-es/utils/aspect-ratio-support.js +34 -58
- package/dist-es/utils/dom.js +7 -5
- package/dist-es/video.css-mistica.js +2 -2
- package/package.json +2 -1
|
@@ -26,120 +26,109 @@ function _objectSpread(target) {
|
|
|
26
26
|
}
|
|
27
27
|
return target;
|
|
28
28
|
}
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import {
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
fill: r.colors.error
|
|
39
|
-
},
|
|
40
|
-
iconContainer: {
|
|
41
|
-
stroke: r.colors.error,
|
|
42
|
-
fill: "none"
|
|
43
|
-
}
|
|
44
|
-
}, l(r.platformOverrides));
|
|
45
|
-
}), h = function() {
|
|
46
|
-
var r = c({
|
|
47
|
-
delay: 0.8
|
|
48
|
-
}), ref = s(), o = ref.platformOverrides;
|
|
49
|
-
return /* @__PURE__ */ e("svg", {
|
|
29
|
+
import { getAnimateDrawLineProps as i, getAnimateFadeInProps as s } from "../utils/animation.js";
|
|
30
|
+
import { useTheme as n } from "../hooks.js";
|
|
31
|
+
import { O2_SKIN as a, O2_CLASSIC_SKIN as m } from "../skins/constants.js";
|
|
32
|
+
import { vars as e } from "../skins/skin-contract.css-mistica.js";
|
|
33
|
+
import { outerAnimation as c, innerAnimation as l } from "./icon-error.css-mistica.js";
|
|
34
|
+
import { jsx as r, jsxs as t } from "../_virtual/jsx-runtime.js";
|
|
35
|
+
var d = function() {
|
|
36
|
+
var ref = n(), o = ref.platformOverrides;
|
|
37
|
+
return /* @__PURE__ */ r("svg", {
|
|
50
38
|
width: "72",
|
|
51
39
|
height: "64",
|
|
52
40
|
viewBox: "0 0 72 64",
|
|
53
|
-
children: /* @__PURE__ */
|
|
54
|
-
|
|
41
|
+
children: /* @__PURE__ */ t("g", {
|
|
42
|
+
stroke: e.colors.error,
|
|
43
|
+
fill: e.colors.error,
|
|
55
44
|
strokeLinecap: "round",
|
|
56
45
|
strokeLinejoin: "round",
|
|
57
46
|
children: [
|
|
58
|
-
/* @__PURE__ */
|
|
59
|
-
className:
|
|
47
|
+
/* @__PURE__ */ t("g", {
|
|
48
|
+
className: c,
|
|
60
49
|
children: [
|
|
61
|
-
/* @__PURE__ */
|
|
50
|
+
/* @__PURE__ */ r("path", _objectSpread({
|
|
62
51
|
strokeWidth: "2",
|
|
63
52
|
fill: "none",
|
|
64
53
|
d: "M48.24,57.99c-4.71,2.95-10.27,4.65-16.24,4.65C15.08,62.64,1.36,48.92,1.36,32S15.08,1.36,32,1.36 S62.64,15.08,62.64,32c0,6.11-1.79,11.8-4.87,16.58"
|
|
65
|
-
},
|
|
66
|
-
/* @__PURE__ */
|
|
54
|
+
}, i("202", "0.3s", o))),
|
|
55
|
+
/* @__PURE__ */ r("circle", _objectSpread({
|
|
67
56
|
cx: "53.64",
|
|
68
57
|
cy: "53.54",
|
|
69
58
|
r: "1.06"
|
|
70
|
-
},
|
|
59
|
+
}, s("0.2s", o)))
|
|
71
60
|
]
|
|
72
61
|
}),
|
|
73
|
-
/* @__PURE__ */
|
|
74
|
-
className:
|
|
62
|
+
/* @__PURE__ */ t("g", {
|
|
63
|
+
className: l,
|
|
75
64
|
children: [
|
|
76
|
-
/* @__PURE__ */
|
|
65
|
+
/* @__PURE__ */ r("line", _objectSpread({
|
|
77
66
|
strokeWidth: "2",
|
|
78
67
|
fill: "none",
|
|
79
68
|
x1: "32",
|
|
80
69
|
y1: "14.86",
|
|
81
70
|
x2: "32",
|
|
82
71
|
y2: "39.08"
|
|
83
|
-
},
|
|
84
|
-
/* @__PURE__ */
|
|
72
|
+
}, i("110", "0.6s", o))),
|
|
73
|
+
/* @__PURE__ */ r("circle", _objectSpread({
|
|
85
74
|
strokeWidth: "0",
|
|
86
75
|
cx: "32",
|
|
87
76
|
cy: "46.25",
|
|
88
77
|
r: "1.72"
|
|
89
|
-
},
|
|
78
|
+
}, s("0.8s", o)))
|
|
90
79
|
]
|
|
91
80
|
})
|
|
92
81
|
]
|
|
93
82
|
})
|
|
94
83
|
});
|
|
95
|
-
},
|
|
96
|
-
var
|
|
97
|
-
|
|
98
|
-
}), ref = s(), o = ref.platformOverrides;
|
|
99
|
-
return /* @__PURE__ */ e("svg", {
|
|
84
|
+
}, h = function() {
|
|
85
|
+
var ref = n(), o = ref.platformOverrides;
|
|
86
|
+
return /* @__PURE__ */ r("svg", {
|
|
100
87
|
width: "72",
|
|
101
88
|
height: "64",
|
|
102
89
|
viewBox: "0 0 72 64",
|
|
103
|
-
children: /* @__PURE__ */
|
|
104
|
-
|
|
90
|
+
children: /* @__PURE__ */ t("g", {
|
|
91
|
+
stroke: e.colors.error,
|
|
92
|
+
fill: "none",
|
|
105
93
|
strokeWidth: "2",
|
|
106
94
|
strokeLinecap: "round",
|
|
107
95
|
strokeLinejoin: "round",
|
|
108
96
|
strokeMiterlimit: "10",
|
|
109
97
|
children: [
|
|
110
|
-
/* @__PURE__ */
|
|
111
|
-
className:
|
|
112
|
-
children: /* @__PURE__ */
|
|
98
|
+
/* @__PURE__ */ r("g", {
|
|
99
|
+
className: c,
|
|
100
|
+
children: /* @__PURE__ */ r("path", _objectSpread({
|
|
113
101
|
fill: "none",
|
|
114
102
|
strokeWidth: "2",
|
|
115
103
|
strokeMiterlimit: "10",
|
|
116
104
|
d: "M 31.9 0.9 C 52.5 0.9 62.9 11.4 62.9 31.9 C 62.9 52.5 52.5 62.9 31.9 62.9 C 11.3 62.9 0.9 52.5 0.9 31.9 C 0.9 11.3 11.3 0.9 31.9 0.9 Z",
|
|
117
105
|
transform: "rotate(90 32 32)"
|
|
118
|
-
},
|
|
106
|
+
}, i("202", "0.3s", o)))
|
|
119
107
|
}),
|
|
120
|
-
/* @__PURE__ */
|
|
121
|
-
className:
|
|
108
|
+
/* @__PURE__ */ t("g", {
|
|
109
|
+
className: l,
|
|
122
110
|
children: [
|
|
123
|
-
/* @__PURE__ */
|
|
111
|
+
/* @__PURE__ */ r("line", _objectSpread({
|
|
124
112
|
x1: "31.9",
|
|
125
113
|
y1: "20.9",
|
|
126
114
|
x2: "31.9",
|
|
127
115
|
y2: "36.9"
|
|
128
|
-
},
|
|
129
|
-
/* @__PURE__ */
|
|
130
|
-
|
|
116
|
+
}, i("17", "0.7s", o))),
|
|
117
|
+
/* @__PURE__ */ r("circle", _objectSpread({
|
|
118
|
+
stroke: e.colors.error,
|
|
119
|
+
fill: e.colors.error,
|
|
131
120
|
strokeWidth: "1",
|
|
132
121
|
cx: "31.9",
|
|
133
122
|
cy: "43.9",
|
|
134
123
|
r: "1.5"
|
|
135
|
-
},
|
|
124
|
+
}, s("1s", o)))
|
|
136
125
|
]
|
|
137
126
|
})
|
|
138
127
|
]
|
|
139
128
|
})
|
|
140
129
|
});
|
|
141
|
-
},
|
|
142
|
-
var ref =
|
|
143
|
-
return
|
|
130
|
+
}, v = function() {
|
|
131
|
+
var ref = n(), o = ref.skinName;
|
|
132
|
+
return o === a || o === m ? /* @__PURE__ */ r(d, {}) : /* @__PURE__ */ r(h, {});
|
|
144
133
|
};
|
|
145
|
-
export {
|
|
134
|
+
export { v as default };
|
|
@@ -1,52 +1,41 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import { jsx as
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
},
|
|
11
|
-
fill: function(e) {
|
|
12
|
-
return e ? o.colors.inverse : o.colors.brand;
|
|
13
|
-
}
|
|
14
|
-
}
|
|
15
|
-
};
|
|
16
|
-
}), d = function(param) {
|
|
17
|
-
var tmp = param.size, o = tmp === void 0 ? 64 : tmp, e = param.color;
|
|
18
|
-
var r = s();
|
|
19
|
-
return /* @__PURE__ */ n("svg", {
|
|
20
|
-
width: o,
|
|
21
|
-
height: o,
|
|
1
|
+
import { useTheme as n } from "../hooks.js";
|
|
2
|
+
import { O2_CLASSIC_SKIN as i, O2_SKIN as s } from "../skins/constants.js";
|
|
3
|
+
import { vars as t } from "../skins/skin-contract.css-mistica.js";
|
|
4
|
+
import { jsx as r, jsxs as c } from "../_virtual/jsx-runtime.js";
|
|
5
|
+
var d = function(param) {
|
|
6
|
+
var tmp = param.size, e = tmp === void 0 ? 64 : tmp, o = param.color;
|
|
7
|
+
return /* @__PURE__ */ r("svg", {
|
|
8
|
+
width: e,
|
|
9
|
+
height: e,
|
|
22
10
|
viewBox: "0 0 64 64",
|
|
23
|
-
children: /* @__PURE__ */
|
|
24
|
-
|
|
11
|
+
children: /* @__PURE__ */ c("g", {
|
|
12
|
+
stroke: t.colors.brand,
|
|
13
|
+
fill: t.colors.brand,
|
|
25
14
|
strokeLinecap: "round",
|
|
26
15
|
strokeLinejoin: "round",
|
|
27
16
|
children: [
|
|
28
|
-
/* @__PURE__ */
|
|
17
|
+
/* @__PURE__ */ r("path", {
|
|
29
18
|
fill: "none",
|
|
30
19
|
strokeWidth: "2",
|
|
31
|
-
stroke:
|
|
20
|
+
stroke: o || void 0,
|
|
32
21
|
d: "M48.24,57.99c-4.71,2.95-10.27,4.65-16.24,4.65C15.08,62.64,1.36,48.92,1.36,32S15.08,1.36,32,1.36 S62.64,15.08,62.64,32c0,6.11-1.79,11.8-4.87,16.58"
|
|
33
22
|
}),
|
|
34
|
-
/* @__PURE__ */
|
|
23
|
+
/* @__PURE__ */ r("line", {
|
|
35
24
|
fill: "none",
|
|
36
25
|
strokeWidth: "2",
|
|
37
|
-
stroke:
|
|
26
|
+
stroke: o || void 0,
|
|
38
27
|
x1: "32",
|
|
39
28
|
y1: "47.96",
|
|
40
29
|
x2: "32",
|
|
41
30
|
y2: "23.74"
|
|
42
31
|
}),
|
|
43
|
-
/* @__PURE__ */
|
|
44
|
-
stroke:
|
|
32
|
+
/* @__PURE__ */ r("circle", {
|
|
33
|
+
stroke: o || void 0,
|
|
45
34
|
cx: "53.64",
|
|
46
35
|
cy: "53.54",
|
|
47
36
|
r: "1.06"
|
|
48
37
|
}),
|
|
49
|
-
/* @__PURE__ */
|
|
38
|
+
/* @__PURE__ */ r("circle", {
|
|
50
39
|
strokeWidth: "0",
|
|
51
40
|
cx: "32",
|
|
52
41
|
cy: "16.58",
|
|
@@ -55,23 +44,22 @@ var s = t(function(o) {
|
|
|
55
44
|
]
|
|
56
45
|
})
|
|
57
46
|
});
|
|
58
|
-
},
|
|
59
|
-
|
|
60
|
-
return /* @__PURE__ */ n("svg", {
|
|
47
|
+
}, l = function() {
|
|
48
|
+
return /* @__PURE__ */ r("svg", {
|
|
61
49
|
width: "64",
|
|
62
50
|
height: "64",
|
|
63
51
|
viewBox: "0 0 64 64",
|
|
64
|
-
children: /* @__PURE__ */
|
|
65
|
-
|
|
66
|
-
children: /* @__PURE__ */
|
|
52
|
+
children: /* @__PURE__ */ r("g", {
|
|
53
|
+
fill: t.colors.brand,
|
|
54
|
+
children: /* @__PURE__ */ r("path", {
|
|
67
55
|
fillRule: "nonzero",
|
|
68
56
|
strokeWidth: "0",
|
|
69
57
|
d: "M31.991 0c21.24 0 32.01 10.77 32.01 32.01C64 53.235 53.23 64 31.99 64 10.763 64 .001 53.236.001 32.01 0 10.77 10.762 0 31.99 0zm0 2c-20.18 0-29.99 9.816-29.99 30.01C2 52.19 11.81 62 31.99 62c20.192 0 30.01-9.81 30.01-29.99C62 11.815 52.182 2 31.99 2zM32 27a1 1 0 0 1 1 1v16a1 1 0 0 1-2 0V28a1 1 0 0 1 1-1zm0-7.5a1.5 1.5 0 1 1 0 3 1.5 1.5 0 0 1 0-3z"
|
|
70
58
|
})
|
|
71
59
|
})
|
|
72
60
|
});
|
|
73
|
-
},
|
|
74
|
-
var ref =
|
|
75
|
-
return
|
|
61
|
+
}, k = function() {
|
|
62
|
+
var ref = n(), e = ref.skinName;
|
|
63
|
+
return e === i || e === s ? /* @__PURE__ */ r(d, {}) : /* @__PURE__ */ r(l, {});
|
|
76
64
|
};
|
|
77
|
-
export {
|
|
65
|
+
export { k as default };
|
|
@@ -26,41 +26,31 @@ function _objectSpread(target) {
|
|
|
26
26
|
}
|
|
27
27
|
return target;
|
|
28
28
|
}
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import { jsx as
|
|
34
|
-
var
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
return r ? o.colors.inverse : o.colors.brand;
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
};
|
|
45
|
-
}), u = function(param) {
|
|
46
|
-
var tmp = param.role, o = tmp === void 0 ? "presentation" : tmp, tmp1 = param.size, r = tmp1 === void 0 ? 64 : tmp1;
|
|
47
|
-
var e = c(), C = a(e), ref = i(), t = ref.platformOverrides;
|
|
48
|
-
return /* @__PURE__ */ s("svg", {
|
|
49
|
-
role: o,
|
|
50
|
-
width: r,
|
|
51
|
-
height: r,
|
|
29
|
+
import { useTheme as n } from "../hooks.js";
|
|
30
|
+
import { getAnimateSweepInProps as i } from "../utils/animation.js";
|
|
31
|
+
import { useIsInverseVariant as a } from "../theme-variant-context.js";
|
|
32
|
+
import { vars as r } from "../skins/skin-contract.css-mistica.js";
|
|
33
|
+
import { jsx as e } from "../_virtual/jsx-runtime.js";
|
|
34
|
+
var v = function(param) {
|
|
35
|
+
var tmp = param.role, s = tmp === void 0 ? "presentation" : tmp, tmp1 = param.size, C = tmp1 === void 0 ? 64 : tmp1;
|
|
36
|
+
var o = a(), ref = n(), t = ref.platformOverrides;
|
|
37
|
+
return /* @__PURE__ */ e("svg", {
|
|
38
|
+
role: s,
|
|
39
|
+
width: C,
|
|
40
|
+
height: C,
|
|
52
41
|
viewBox: "0 0 64 64",
|
|
53
42
|
style: {
|
|
54
43
|
marginLeft: -17
|
|
55
44
|
},
|
|
56
|
-
children: /* @__PURE__ */
|
|
45
|
+
children: /* @__PURE__ */ e("g", {
|
|
57
46
|
transform: "translate(17, 10)",
|
|
58
|
-
|
|
59
|
-
|
|
47
|
+
fill: o ? r.colors.inverse : r.colors.brand,
|
|
48
|
+
stroke: o ? r.colors.inverse : r.colors.brand,
|
|
49
|
+
children: /* @__PURE__ */ e("path", _objectSpread({
|
|
60
50
|
fillRule: "nonzero",
|
|
61
51
|
d: "M14.8832276,0 C10.2293915,0.0191737965 6.86229932,3.79747692 6.87644677,7.70928648 C6.89025737,11.6228714 9.24614399,14.2258918 11.0573539,15.1980743 C12.084728,15.7491434 11.7559683,16.7408548 11.7559683,16.7408548 C11.7559683,16.7408548 11.5093985,17.7055808 10.4274557,17.44922 C9.3458498,17.1875332 4.10725261,15.8961425 4.10725261,15.8961425 C4.10725261,15.8961425 0.947319469,15.2651826 0.18436791,18.6252129 C-0.579931024,21.9873736 1.196584,23.2652716 2.5001701,23.5816393 C3.80375621,23.8972968 8.2116962,25.0470144 8.2116962,25.0470144 C8.2116962,25.0470144 9.52370341,25.7443725 9.57490369,27.1742406 C9.60656702,28.0203732 9.60825124,28.7209269 8.78163618,29.9800062 C7.95670533,31.2394406 2.82589821,37.6825463 2.82589821,37.6825463 C2.82589821,37.6825463 1.06218326,39.9379529 3.61781834,41.9710855 C6.17345343,44.0045731 7.61110343,43.5309094 9.12824861,41.6575584 C10.6440464,39.7845626 13.6392629,35.862456 13.6392629,35.862456 C13.6392629,35.862456 14.0525704,35.0099322 14.8956908,35.0610623 C15.7388112,35.1136127 15.985381,35.5961532 16.2710247,35.9650713 C16.5580157,36.3339893 20.7318492,41.7285725 21.0164823,42.0786718 C21.297747,42.4326769 22.0782145,43.0806802 22.9364929,43.2042447 C23.7937607,43.3263889 24.7338922,43.1396219 25.3358324,42.6712841 C25.9360883,42.2022363 26.698703,41.5641749 26.9664939,41.1388007 C27.2326007,40.7134265 27.6863295,40.1034157 27.6027922,39.0996319 C27.5182443,38.0986887 27.3144537,37.574605 26.5878813,36.7149798 C25.8613089,35.8564198 21.565538,30.4178079 20.7567756,29.3742563 C20.7567756,29.3742563 20.022119,28.4461025 20.1285616,27.1341177 C20.2353412,25.8192924 20.7874284,25.2334264 21.9495401,24.9067617 C23.1099675,24.5815173 27.6499503,23.3980679 27.6499503,23.3980679 C27.6499503,23.3980679 30.2487014,22.0733006 29.6595614,19.4472006 L29.3210332,18.1046798 C29.3210332,18.1046798 28.7551353,15.0407782 25.0208833,15.989526 C21.2835996,16.9411144 19.2079671,17.5014154 19.2079671,17.5014154 C19.2079671,17.5014154 18.0185711,17.6235596 17.8477912,16.777427 C17.6797061,15.9302293 17.9003389,15.4934928 18.4258155,15.257016 C18.9516289,15.0208942 22.2685313,13.3144263 22.6939652,8.70064277 C23.121757,4.09538091 19.5505374,0 14.9128698,0 L14.8832276,0"
|
|
62
|
-
},
|
|
52
|
+
}, i("0.2s", t)))
|
|
63
53
|
})
|
|
64
54
|
});
|
|
65
55
|
};
|
|
66
|
-
export {
|
|
56
|
+
export { v as default };
|
|
@@ -26,70 +26,59 @@ function _objectSpread(target) {
|
|
|
26
26
|
}
|
|
27
27
|
return target;
|
|
28
28
|
}
|
|
29
|
-
import
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import {
|
|
34
|
-
import {
|
|
35
|
-
|
|
36
|
-
var
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
stroke: function(e) {
|
|
40
|
-
return e ? s.colors.inverse : s.colors.brand;
|
|
41
|
-
},
|
|
42
|
-
fill: function(e) {
|
|
43
|
-
return e ? s.colors.inverse : s.colors.brand;
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
};
|
|
47
|
-
}), g = function(param) {
|
|
48
|
-
var tmp = param.size, s = tmp === void 0 ? 64 : tmp, e = param.color, tmp1 = param.skipAnimation, t = tmp1 === void 0 ? !1 : tmp1;
|
|
49
|
-
var n = m(), c = v(n), ref = a(), o = ref.platformOverrides;
|
|
50
|
-
return /* @__PURE__ */ r("svg", {
|
|
29
|
+
import { O2_SKIN as p, O2_CLASSIC_SKIN as m } from "../skins/constants.js";
|
|
30
|
+
import { getAnimateDrawLineProps as c, mergeProperties as a, getAnimateHopInProps as l, getAnimateFadeInProps as h } from "../utils/animation.js";
|
|
31
|
+
import { useTheme as d } from "../hooks.js";
|
|
32
|
+
import { useIsInverseVariant as f } from "../theme-variant-context.js";
|
|
33
|
+
import { vars as i } from "../skins/skin-contract.css-mistica.js";
|
|
34
|
+
import { jsx as s, jsxs as v } from "../_virtual/jsx-runtime.js";
|
|
35
|
+
var k = function(param) {
|
|
36
|
+
var tmp = param.size, t = tmp === void 0 ? 64 : tmp, e = param.color, tmp1 = param.skipAnimation, r = tmp1 === void 0 ? !1 : tmp1;
|
|
37
|
+
var n = f(), ref = d(), o = ref.platformOverrides;
|
|
38
|
+
return /* @__PURE__ */ s("svg", {
|
|
51
39
|
role: "presentation",
|
|
52
|
-
width:
|
|
53
|
-
height:
|
|
40
|
+
width: t,
|
|
41
|
+
height: t,
|
|
54
42
|
viewBox: "0 0 64 64",
|
|
55
|
-
children: /* @__PURE__ */
|
|
56
|
-
|
|
43
|
+
children: /* @__PURE__ */ v("g", {
|
|
44
|
+
stroke: e ? void 0 : n ? i.colors.inverse : i.colors.brand,
|
|
45
|
+
fill: e ? void 0 : n ? i.colors.inverse : i.colors.brand,
|
|
57
46
|
strokeLinecap: "round",
|
|
58
47
|
strokeLinejoin: "round",
|
|
59
48
|
children: [
|
|
60
|
-
/* @__PURE__ */
|
|
49
|
+
/* @__PURE__ */ s("path", _objectSpread({
|
|
61
50
|
fill: "none",
|
|
62
51
|
strokeWidth: "2",
|
|
63
52
|
stroke: e || void 0,
|
|
64
53
|
d: "M48.24,57.99c-4.71,2.95-10.27,4.65-16.24,4.65C15.08,62.64,1.36,48.92,1.36,32S15.08,1.36,32,1.36 S62.64,15.08,62.64,32c0,6.11-1.79,11.8-4.87,16.58"
|
|
65
|
-
}, !
|
|
66
|
-
/* @__PURE__ */
|
|
54
|
+
}, !r && c("202", "0.3s", o))),
|
|
55
|
+
/* @__PURE__ */ s("polyline", _objectSpread({
|
|
67
56
|
fill: "none",
|
|
68
57
|
strokeWidth: "2",
|
|
69
58
|
stroke: e || void 0,
|
|
70
59
|
points: "16.92,30.08 28.68,43.12 50.26,20.22"
|
|
71
|
-
}, !
|
|
72
|
-
/* @__PURE__ */
|
|
60
|
+
}, !r && a(c("50", "0.6s", o), l("0.6", o)))),
|
|
61
|
+
/* @__PURE__ */ s("circle", _objectSpread({
|
|
73
62
|
stroke: e || void 0,
|
|
74
63
|
cx: "53.64",
|
|
75
64
|
cy: "53.54",
|
|
76
65
|
r: "1.06"
|
|
77
|
-
}, !
|
|
66
|
+
}, !r && h("0.2s", o)))
|
|
78
67
|
]
|
|
79
68
|
})
|
|
80
69
|
});
|
|
81
|
-
},
|
|
82
|
-
var tmp = param.size,
|
|
83
|
-
var n =
|
|
84
|
-
return /* @__PURE__ */
|
|
70
|
+
}, u = function(param) {
|
|
71
|
+
var tmp = param.size, t = tmp === void 0 ? 64 : tmp, e = param.color, tmp1 = param.skipAnimation, r = tmp1 === void 0 ? !1 : tmp1;
|
|
72
|
+
var n = f(), ref = d(), o = ref.platformOverrides;
|
|
73
|
+
return /* @__PURE__ */ s("svg", {
|
|
85
74
|
role: "presentation",
|
|
86
|
-
width:
|
|
87
|
-
height:
|
|
75
|
+
width: t,
|
|
76
|
+
height: t,
|
|
88
77
|
viewBox: "0 0 64 64",
|
|
89
|
-
children: /* @__PURE__ */
|
|
90
|
-
|
|
78
|
+
children: /* @__PURE__ */ v("g", {
|
|
79
|
+
stroke: e ? void 0 : n ? i.colors.inverse : i.colors.brand,
|
|
91
80
|
children: [
|
|
92
|
-
/* @__PURE__ */
|
|
81
|
+
/* @__PURE__ */ s("path", _objectSpread({
|
|
93
82
|
vectorEffect: "non-scaling-stroke",
|
|
94
83
|
fill: "none",
|
|
95
84
|
stroke: e || void 0,
|
|
@@ -97,8 +86,8 @@ var v = S(function(s) {
|
|
|
97
86
|
strokeMiterlimit: "10",
|
|
98
87
|
d: "M61.4,32c0,19.5-10,29.4-29.4,29.4C12.5,61.4,2.6,51.5,2.6,32S12.5,2.6,32,2.6S61.4,12.5,61.4,32z",
|
|
99
88
|
transform: "rotate(90 32 32)"
|
|
100
|
-
}, !
|
|
101
|
-
/* @__PURE__ */
|
|
89
|
+
}, !r && c("202", "0.2s", o))),
|
|
90
|
+
/* @__PURE__ */ s("polyline", _objectSpread({
|
|
102
91
|
vectorEffect: "non-scaling-stroke",
|
|
103
92
|
fill: "none",
|
|
104
93
|
stroke: e || void 0,
|
|
@@ -107,27 +96,27 @@ var v = S(function(s) {
|
|
|
107
96
|
strokeLinecap: "round",
|
|
108
97
|
strokeLinejoin: "round",
|
|
109
98
|
points: "20,34.9 27.4,44.3 45.6,21"
|
|
110
|
-
}, !
|
|
99
|
+
}, !r && a(c("44", "0.6s", o), l("0.6s", o))))
|
|
111
100
|
]
|
|
112
101
|
})
|
|
113
102
|
});
|
|
114
|
-
},
|
|
115
|
-
var
|
|
116
|
-
var ref =
|
|
103
|
+
}, O = function(param) {
|
|
104
|
+
var t = param.size, e = param.color, r = param.skipAnimation;
|
|
105
|
+
var ref = d(), n = ref.skinName;
|
|
117
106
|
switch(n){
|
|
118
|
-
case
|
|
119
|
-
case
|
|
120
|
-
return /* @__PURE__ */
|
|
121
|
-
size:
|
|
107
|
+
case m:
|
|
108
|
+
case p:
|
|
109
|
+
return /* @__PURE__ */ s(k, {
|
|
110
|
+
size: t,
|
|
122
111
|
color: e,
|
|
123
|
-
skipAnimation:
|
|
112
|
+
skipAnimation: r
|
|
124
113
|
});
|
|
125
114
|
default:
|
|
126
|
-
return /* @__PURE__ */
|
|
127
|
-
size:
|
|
115
|
+
return /* @__PURE__ */ s(u, {
|
|
116
|
+
size: t,
|
|
128
117
|
color: e,
|
|
129
|
-
skipAnimation:
|
|
118
|
+
skipAnimation: r
|
|
130
119
|
});
|
|
131
120
|
}
|
|
132
121
|
};
|
|
133
|
-
export {
|
|
122
|
+
export { O as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.js";
|
|
2
2
|
import "./image.css.ts.vanilla.js";
|
|
3
|
-
var
|
|
4
|
-
export {
|
|
3
|
+
var f = 300, n = "_17tt25r1 _1y2v1nf96 _1y2v1nf9k _1y2v1nf50 _1y2v1nf75 _1y2v1nf7l _1y2v1nfaq _1y2v1nf8t _1y2v1nf8u";
|
|
4
|
+
export { f as FADE_IN_DURATION_MS, n as image };
|