@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
package/dist-es/avatar.js
CHANGED
|
@@ -6,6 +6,19 @@ function _arrayLikeToArray(arr, len) {
|
|
|
6
6
|
function _arrayWithHoles(arr) {
|
|
7
7
|
if (Array.isArray(arr)) return arr;
|
|
8
8
|
}
|
|
9
|
+
function _defineProperty(obj, key, value) {
|
|
10
|
+
if (key in obj) {
|
|
11
|
+
Object.defineProperty(obj, key, {
|
|
12
|
+
value: value,
|
|
13
|
+
enumerable: true,
|
|
14
|
+
configurable: true,
|
|
15
|
+
writable: true
|
|
16
|
+
});
|
|
17
|
+
} else {
|
|
18
|
+
obj[key] = value;
|
|
19
|
+
}
|
|
20
|
+
return obj;
|
|
21
|
+
}
|
|
9
22
|
function _iterableToArrayLimit(arr, i) {
|
|
10
23
|
var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
11
24
|
if (_i == null) return;
|
|
@@ -33,6 +46,45 @@ function _iterableToArrayLimit(arr, i) {
|
|
|
33
46
|
function _nonIterableRest() {
|
|
34
47
|
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
35
48
|
}
|
|
49
|
+
function _objectSpread(target) {
|
|
50
|
+
for(var i = 1; i < arguments.length; i++){
|
|
51
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
52
|
+
var ownKeys = Object.keys(source);
|
|
53
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
54
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
55
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
56
|
+
}));
|
|
57
|
+
}
|
|
58
|
+
ownKeys.forEach(function(key) {
|
|
59
|
+
_defineProperty(target, key, source[key]);
|
|
60
|
+
});
|
|
61
|
+
}
|
|
62
|
+
return target;
|
|
63
|
+
}
|
|
64
|
+
function ownKeys(object, enumerableOnly) {
|
|
65
|
+
var keys = Object.keys(object);
|
|
66
|
+
if (Object.getOwnPropertySymbols) {
|
|
67
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
68
|
+
if (enumerableOnly) {
|
|
69
|
+
symbols = symbols.filter(function(sym) {
|
|
70
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
71
|
+
});
|
|
72
|
+
}
|
|
73
|
+
keys.push.apply(keys, symbols);
|
|
74
|
+
}
|
|
75
|
+
return keys;
|
|
76
|
+
}
|
|
77
|
+
function _objectSpreadProps(target, source) {
|
|
78
|
+
source = source != null ? source : {};
|
|
79
|
+
if (Object.getOwnPropertyDescriptors) {
|
|
80
|
+
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
81
|
+
} else {
|
|
82
|
+
ownKeys(Object(source)).forEach(function(key) {
|
|
83
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
84
|
+
});
|
|
85
|
+
}
|
|
86
|
+
return target;
|
|
87
|
+
}
|
|
36
88
|
function _objectWithoutProperties(source, excluded) {
|
|
37
89
|
if (source == null) return {};
|
|
38
90
|
var target = _objectWithoutPropertiesLoose(source, excluded);
|
|
@@ -73,16 +125,17 @@ function _unsupportedIterableToArray(o, minLen) {
|
|
|
73
125
|
}
|
|
74
126
|
import * as g from "react";
|
|
75
127
|
import E from "./badge.js";
|
|
76
|
-
import
|
|
77
|
-
import { useIsInverseVariant as
|
|
78
|
-
import { avatar as
|
|
128
|
+
import P from "./generated/mistica-icons/icon-user-account-regular.js";
|
|
129
|
+
import { useIsInverseVariant as k } from "./theme-variant-context.js";
|
|
130
|
+
import { avatar as w, image as y } from "./avatar.css-mistica.js";
|
|
79
131
|
import { vars as s } from "./skins/skin-contract.css-mistica.js";
|
|
132
|
+
import { getPrefixedDataAttributes as R } from "./utils/dom.js";
|
|
80
133
|
import { jsx as n } from "./_virtual/jsx-runtime.js";
|
|
81
|
-
var
|
|
134
|
+
var S = function(r, o) {
|
|
82
135
|
if (!o) return 0;
|
|
83
136
|
var t = r / 2, e = o === !0 ? 5 : 10;
|
|
84
137
|
return t * (1 - Math.sin(Math.PI / 4)) - e;
|
|
85
|
-
},
|
|
138
|
+
}, B = function(r, o) {
|
|
86
139
|
if (!o) return null;
|
|
87
140
|
var t;
|
|
88
141
|
return r <= 40 ? t = 14 : r <= 64 ? t = 16 : t = 18, /* @__PURE__ */ n("span", {
|
|
@@ -92,51 +145,53 @@ var R = function(r, o) {
|
|
|
92
145
|
},
|
|
93
146
|
children: o
|
|
94
147
|
});
|
|
95
|
-
},
|
|
96
|
-
var r = _param.size, o = _param.src, tmp = _param.Icon, t = tmp === void 0 ?
|
|
148
|
+
}, O = function(_param) {
|
|
149
|
+
var r = _param.size, o = _param.src, tmp = _param.Icon, t = tmp === void 0 ? P : tmp, e = _param.badge, tmp1 = _param.initials, c = tmp1 === void 0 ? "" : tmp1, a = _param["aria-label"], h = _param.dataAttributes, l = _objectWithoutProperties(_param, [
|
|
97
150
|
"size",
|
|
98
151
|
"src",
|
|
99
152
|
"Icon",
|
|
100
153
|
"badge",
|
|
101
154
|
"initials",
|
|
102
|
-
"aria-label"
|
|
155
|
+
"aria-label",
|
|
156
|
+
"dataAttributes"
|
|
103
157
|
]);
|
|
104
158
|
var d, f;
|
|
105
|
-
var i =
|
|
159
|
+
var i = k(), p = (d = l.backgroundColor) != null ? d : i ? s.colors.brandHigh : s.colors.brandLow, v = (f = l.textColor) != null ? f : i ? s.colors.textPrimaryInverse : s.colors.brand, ref = _slicedToArray(g.useState(!1), 2), I = ref[0], m = ref[1];
|
|
106
160
|
g.useEffect(function() {
|
|
107
161
|
m(!1);
|
|
108
162
|
}, [
|
|
109
163
|
o
|
|
110
164
|
]);
|
|
111
|
-
var
|
|
165
|
+
var x = c.trim().slice(0, 2), u = S(r, e), b = e === !0 ? void 0 : e || 0, C = !!o && !I, A = r <= 40 ? 16 : 24;
|
|
112
166
|
return /* @__PURE__ */ n(E, {
|
|
113
|
-
value:
|
|
167
|
+
value: b,
|
|
114
168
|
top: u,
|
|
115
169
|
right: u,
|
|
116
|
-
children: /* @__PURE__ */ n("div", {
|
|
117
|
-
className:
|
|
170
|
+
children: /* @__PURE__ */ n("div", _objectSpreadProps(_objectSpread({
|
|
171
|
+
className: w,
|
|
118
172
|
role: "img",
|
|
119
|
-
"aria-label":
|
|
173
|
+
"aria-label": a != null ? a : c,
|
|
120
174
|
style: {
|
|
121
175
|
width: r,
|
|
122
176
|
height: r,
|
|
123
|
-
color:
|
|
124
|
-
background:
|
|
125
|
-
}
|
|
177
|
+
color: v,
|
|
178
|
+
background: p
|
|
179
|
+
}
|
|
180
|
+
}, R(h, "Avatar")), {
|
|
126
181
|
children: C ? /* @__PURE__ */ n("img", {
|
|
127
182
|
src: o,
|
|
128
|
-
className:
|
|
183
|
+
className: y,
|
|
129
184
|
onError: function() {
|
|
130
185
|
return m(!0);
|
|
131
186
|
},
|
|
132
187
|
role: "none",
|
|
133
188
|
width: r,
|
|
134
189
|
height: r
|
|
135
|
-
}) :
|
|
136
|
-
size:
|
|
190
|
+
}) : B(r, x) || /* @__PURE__ */ n(t, {
|
|
191
|
+
size: A,
|
|
137
192
|
color: "currentColor"
|
|
138
193
|
})
|
|
139
|
-
})
|
|
194
|
+
}))
|
|
140
195
|
});
|
|
141
196
|
};
|
|
142
|
-
export {
|
|
197
|
+
export { O as default };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.js";
|
|
2
2
|
import "./badge.css.ts.vanilla.js";
|
|
3
|
-
var
|
|
4
|
-
export {
|
|
3
|
+
var n = "_17szrmd2 _1y2v1nf7a _1y2v1nf7p _1y2v1nf3i", r = "_17szrmd6", y = "_17szrmd4 _17szrmd2 _1y2v1nf7a _1y2v1nf7p _1y2v1nf3i _1y2v1nf4y _1y2v1nf5d _1y2v1nf57 _1y2v1nf1j", f = "_1y2v1nf4u", a = "_1y2v1nf4t _1y2v1nf52";
|
|
4
|
+
export { n as badge, r as badgeBigNumber, y as badgeNumber, f as badgeWithChildren, a as container };
|
package/dist-es/badge.js
CHANGED
|
@@ -11,38 +11,79 @@ function _defineProperty(obj, key, value) {
|
|
|
11
11
|
}
|
|
12
12
|
return obj;
|
|
13
13
|
}
|
|
14
|
+
function _objectSpread(target) {
|
|
15
|
+
for(var i = 1; i < arguments.length; i++){
|
|
16
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
17
|
+
var ownKeys = Object.keys(source);
|
|
18
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
19
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
20
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
21
|
+
}));
|
|
22
|
+
}
|
|
23
|
+
ownKeys.forEach(function(key) {
|
|
24
|
+
_defineProperty(target, key, source[key]);
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
return target;
|
|
28
|
+
}
|
|
29
|
+
function ownKeys(object, enumerableOnly) {
|
|
30
|
+
var keys = Object.keys(object);
|
|
31
|
+
if (Object.getOwnPropertySymbols) {
|
|
32
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
33
|
+
if (enumerableOnly) {
|
|
34
|
+
symbols = symbols.filter(function(sym) {
|
|
35
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
36
|
+
});
|
|
37
|
+
}
|
|
38
|
+
keys.push.apply(keys, symbols);
|
|
39
|
+
}
|
|
40
|
+
return keys;
|
|
41
|
+
}
|
|
42
|
+
function _objectSpreadProps(target, source) {
|
|
43
|
+
source = source != null ? source : {};
|
|
44
|
+
if (Object.getOwnPropertyDescriptors) {
|
|
45
|
+
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
46
|
+
} else {
|
|
47
|
+
ownKeys(Object(source)).forEach(function(key) {
|
|
48
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
49
|
+
});
|
|
50
|
+
}
|
|
51
|
+
return target;
|
|
52
|
+
}
|
|
14
53
|
import m from "classnames";
|
|
15
|
-
import { container as
|
|
16
|
-
import {
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
54
|
+
import { container as n, badgeNumber as g, badgeWithChildren as o, badgeBigNumber as b, badge as f } from "./badge.css-mistica.js";
|
|
55
|
+
import { getPrefixedDataAttributes as N } from "./utils/dom.js";
|
|
56
|
+
import { jsx as t, Fragment as c, jsxs as p } from "./_virtual/jsx-runtime.js";
|
|
57
|
+
var j = function(param) {
|
|
58
|
+
var r = param.children, e = param.value, s = param.right, a = param.top, d = param.dataAttributes;
|
|
59
|
+
if (r && e === 0) return /* @__PURE__ */ t(c, {
|
|
20
60
|
children: r
|
|
21
61
|
});
|
|
22
62
|
if (e === 0) return null;
|
|
23
63
|
var i = e && e > 9;
|
|
24
64
|
var _obj;
|
|
25
|
-
return /* @__PURE__ */
|
|
26
|
-
className:
|
|
65
|
+
return /* @__PURE__ */ p("div", _objectSpreadProps(_objectSpread({
|
|
66
|
+
className: n
|
|
67
|
+
}, N(d, "Badge")), {
|
|
27
68
|
children: [
|
|
28
|
-
e ? /* @__PURE__ */
|
|
69
|
+
e ? /* @__PURE__ */ t("div", {
|
|
29
70
|
role: "presentation",
|
|
30
71
|
"aria-hidden": "true",
|
|
31
|
-
className: m(
|
|
72
|
+
className: m(g, (_obj = {}, _defineProperty(_obj, o, !!r), _defineProperty(_obj, b, i), _obj)),
|
|
32
73
|
style: {
|
|
33
|
-
right:
|
|
74
|
+
right: s,
|
|
34
75
|
top: a
|
|
35
76
|
},
|
|
36
77
|
children: i ? "+9" : e
|
|
37
|
-
}) : /* @__PURE__ */
|
|
78
|
+
}) : /* @__PURE__ */ t("div", {
|
|
38
79
|
style: {
|
|
39
|
-
right:
|
|
80
|
+
right: s,
|
|
40
81
|
top: a
|
|
41
82
|
},
|
|
42
|
-
className: m(
|
|
83
|
+
className: m(f, _defineProperty({}, o, !!r))
|
|
43
84
|
}),
|
|
44
85
|
r
|
|
45
86
|
]
|
|
46
|
-
});
|
|
87
|
+
}));
|
|
47
88
|
};
|
|
48
|
-
export {
|
|
89
|
+
export { j as default };
|
package/dist-es/boxed.js
CHANGED
|
@@ -65,7 +65,7 @@ var B = function(o, r) {
|
|
|
65
65
|
}) : e({
|
|
66
66
|
border: "regular"
|
|
67
67
|
});
|
|
68
|
-
},
|
|
68
|
+
}, z = /*#__PURE__*/ b.forwardRef(function(param, l) {
|
|
69
69
|
var o = param.children, tmp = param.isInverse, r = tmp === void 0 ? !1 : tmp, i = param.className, s = param.role, m = param.dataAttributes, n = param["aria-label"], d = param.width, f = param.height;
|
|
70
70
|
var ref = v(), c = ref.isDarkMode, u = g();
|
|
71
71
|
return /* @__PURE__ */ a("div", _objectSpreadProps(_objectSpread({
|
|
@@ -78,15 +78,15 @@ var B = function(o, r) {
|
|
|
78
78
|
className: p(i, B(u, r), e({
|
|
79
79
|
borderRadius: 8,
|
|
80
80
|
overflow: "hidden",
|
|
81
|
-
|
|
81
|
+
background: r && !c ? t.colors.backgroundBrand : t.colors.backgroundContainer
|
|
82
82
|
})),
|
|
83
|
-
role: s
|
|
83
|
+
role: s,
|
|
84
|
+
"aria-label": n
|
|
84
85
|
}, k(m)), {
|
|
85
|
-
"aria-label": n,
|
|
86
86
|
children: /* @__PURE__ */ a(x, {
|
|
87
87
|
isInverse: r,
|
|
88
88
|
children: o
|
|
89
89
|
})
|
|
90
90
|
}));
|
|
91
91
|
});
|
|
92
|
-
export {
|
|
92
|
+
export { z as Boxed };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.js";
|
|
2
2
|
import "./button-group.css.ts.vanilla.js";
|
|
3
|
-
var r = "_1xdd1h64", t = "_1xdd1h63", v = "_1xdd1h62", _ = "_1xdd1h61
|
|
3
|
+
var r = "_1xdd1h64", t = "_1xdd1h63", v = "_1xdd1h62", _ = "_1xdd1h61 _1y2v1nf4z _1y2v1nf5d _1y2v1nf53";
|
|
4
4
|
export { r as buttonChild, t as buttons, v as container, _ as inline };
|
package/dist-es/button-group.js
CHANGED
|
@@ -51,17 +51,17 @@ function _objectSpreadProps(target, source) {
|
|
|
51
51
|
return target;
|
|
52
52
|
}
|
|
53
53
|
import c from "classnames";
|
|
54
|
-
import { getPrefixedDataAttributes as
|
|
54
|
+
import { getPrefixedDataAttributes as h } from "./utils/dom.js";
|
|
55
55
|
import { inline as a, container as n, buttons as f, buttonChild as l } from "./button-group.css-mistica.js";
|
|
56
|
-
import { jsxs as
|
|
57
|
-
var
|
|
58
|
-
var s = param.primaryButton, e = param.secondaryButton, i = param.link,
|
|
59
|
-
var
|
|
60
|
-
return
|
|
56
|
+
import { jsxs as o, jsx as t } from "./_virtual/jsx-runtime.js";
|
|
57
|
+
var x = function(param) {
|
|
58
|
+
var s = param.primaryButton, e = param.secondaryButton, i = param.link, d = param.dataAttributes;
|
|
59
|
+
var m = !!s || !!e || !!i, r = !!s && !!e;
|
|
60
|
+
return m ? /* @__PURE__ */ o("div", _objectSpreadProps(_objectSpread({
|
|
61
61
|
className: c(a, n)
|
|
62
|
-
},
|
|
62
|
+
}, h(d, "ButtonGroup")), {
|
|
63
63
|
children: [
|
|
64
|
-
(s || e) && /* @__PURE__ */
|
|
64
|
+
(s || e) && /* @__PURE__ */ o("div", {
|
|
65
65
|
className: c(a, f),
|
|
66
66
|
children: [
|
|
67
67
|
s && /* @__PURE__ */ t("div", {
|
|
@@ -77,11 +77,11 @@ var j = function(param) {
|
|
|
77
77
|
i && /* @__PURE__ */ t("div", {
|
|
78
78
|
className: l,
|
|
79
79
|
style: {
|
|
80
|
-
width:
|
|
80
|
+
width: r ? "100%" : "auto"
|
|
81
81
|
},
|
|
82
82
|
children: i
|
|
83
83
|
})
|
|
84
84
|
]
|
|
85
85
|
})) : null;
|
|
86
86
|
};
|
|
87
|
-
export {
|
|
87
|
+
export { x as default };
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.js";
|
|
2
2
|
import "./button.css.ts.vanilla.js";
|
|
3
3
|
import "./button-layout.css.ts.vanilla.js";
|
|
4
|
-
var l = "kfxylhi",
|
|
5
|
-
right: "
|
|
6
|
-
left: "
|
|
7
|
-
center: "
|
|
8
|
-
"full-width": "kfxylhh
|
|
9
|
-
},
|
|
4
|
+
var l = "kfxylhi", f = {
|
|
5
|
+
right: "_1y2v1nf58",
|
|
6
|
+
left: "_1y2v1nf56",
|
|
7
|
+
center: "_1y2v1nf57",
|
|
8
|
+
"full-width": "kfxylhh _1y2v1nf57"
|
|
9
|
+
}, i = "kfxylh6 _1y2v1nf4y", t = "kfxylh7", v = "kfxylh8", y = "kfxylh3 _1y2v1nf4y _1y2v1nf75", h = "kfxylh4", e = "kfxylh1", k = "kfxylh9", o = {
|
|
10
10
|
buttonWidth: "var(--kfxylh0)"
|
|
11
11
|
};
|
|
12
|
-
export { l as alignMoreThanOneChildred,
|
|
12
|
+
export { l as alignMoreThanOneChildred, f as alignVariant, i as baseContainer, t as container, v as fullWidthContainer, y as link, h as linkAlignment, e as margins, k as noButtonWidth, o as vars };
|
package/dist-es/button-layout.js
CHANGED
|
@@ -111,7 +111,7 @@ function _unsupportedIterableToArray(o, minLen) {
|
|
|
111
111
|
import * as i from "react";
|
|
112
112
|
import { assignInlineVars as E } from "@vanilla-extract/dynamic";
|
|
113
113
|
import { useIsomorphicLayoutEffect as W } from "./hooks.js";
|
|
114
|
-
import { ButtonSecondary as
|
|
114
|
+
import { ButtonSecondary as L, ButtonDanger as M, ButtonPrimary as x } from "./button.js";
|
|
115
115
|
import { BUTTON_MIN_WIDTH as B } from "./button.css-mistica.js";
|
|
116
116
|
import h from "classnames";
|
|
117
117
|
import C from "lodash/debounce";
|
|
@@ -148,9 +148,9 @@ var j = function(t) {
|
|
|
148
148
|
t
|
|
149
149
|
]);
|
|
150
150
|
}, b = [
|
|
151
|
+
L,
|
|
151
152
|
M,
|
|
152
|
-
x
|
|
153
|
-
L
|
|
153
|
+
x
|
|
154
154
|
], Y = function(param) {
|
|
155
155
|
var t = param.children, tmp = param.align, e = tmp === void 0 ? "full-width" : tmp, r = param.link, tmp1 = param.withMargins, u = tmp1 === void 0 ? !1 : tmp1, v = param.dataAttributes;
|
|
156
156
|
var g = i.Children.count(t), ref = _slicedToArray(i.useState({
|
|
@@ -211,7 +211,7 @@ var j = function(t) {
|
|
|
211
211
|
ref: c,
|
|
212
212
|
className: h(N, A[e], o.buttonWidth ? e === "full-width" ? R : S : k, _defineProperty({}, D, g > 1)),
|
|
213
213
|
style: E(_defineProperty({}, I.buttonWidth, o.buttonWidth ? "".concat(o.buttonWidth, "px") : "auto"))
|
|
214
|
-
}, O(v)), {
|
|
214
|
+
}, O(v, "ButtonLayout")), {
|
|
215
215
|
children: [
|
|
216
216
|
r ? /* @__PURE__ */ p("div", {
|
|
217
217
|
className: h(T, _defineProperty({}, F, e === "left")),
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import "./sprinkles.css.ts.vanilla.js";
|
|
2
2
|
import "./button.css.ts.vanilla.js";
|
|
3
|
-
var _ = 136,
|
|
4
|
-
primary: "rrbrpno rrbrpn2
|
|
5
|
-
secondary: "rrbrpnp rrbrpn2
|
|
6
|
-
danger: "rrbrpnq rrbrpn2
|
|
7
|
-
},
|
|
8
|
-
primary: "rrbrpnl rrbrpn2
|
|
9
|
-
secondary: "rrbrpnm rrbrpn2
|
|
10
|
-
danger: "rrbrpnn rrbrpn2
|
|
3
|
+
var _ = 136, r = 8, y = 24, f = 20, a = 16, p = 20, t = 14.5, b = 10.5, i = "rrbrpnk", d = "rrbrpni _1y2v1nf1u", e = {
|
|
4
|
+
primary: "rrbrpno rrbrpn2 _1y2v1nf5l _1y2v1nf5z _1y2v1nf6d _1y2v1nf6r _1y2v1nf52 _1y2v1nf4t _1y2v1nf76 _1y2v1nf8z _1y2v1nf94 _1y2v1nf1n _1y2v1nf2z",
|
|
5
|
+
secondary: "rrbrpnp rrbrpn2 _1y2v1nf5l _1y2v1nf5z _1y2v1nf6d _1y2v1nf6r _1y2v1nf52 _1y2v1nf4t _1y2v1nf76 _1y2v1nf8z _1y2v1nf94 _1y2v1nf1r _1y2v1nf4s",
|
|
6
|
+
danger: "rrbrpnq rrbrpn2 _1y2v1nf5l _1y2v1nf5z _1y2v1nf6d _1y2v1nf6r _1y2v1nf52 _1y2v1nf4t _1y2v1nf76 _1y2v1nf8z _1y2v1nf94 _1y2v1nf1m _1y2v1nf2t"
|
|
7
|
+
}, l = "rrbrpn0", z = "rrbrpng _1y2v1nf6h _1y2v1nf6v _1y2v1nf52 _1y2v1nf76 _1y2v1nf8z _1y2v1nf8w _1y2v1nf1t _1y2v1nf4s _1y2v1nf94", I = "rrbrpn7 _1y2v1nf4z _1y2v1nf4u _1y2v1nf96 _1y2v1nfac _1y2v1nf57 _1y2v1nf5d", o = "rrbrpn4 _1y2v1nf50 _1y2v1nf7m _1y2v1nf94", N = "rrbrpn5", s = "rrbrpn9 _1y2v1nf4y _1y2v1nf5d _1y2v1nf57", m = "_1y2v1nf4y _1y2v1nf5d _1y2v1nf57", L = {
|
|
8
|
+
primary: "rrbrpnl rrbrpn2 _1y2v1nf5l _1y2v1nf5z _1y2v1nf6d _1y2v1nf6r _1y2v1nf52 _1y2v1nf4t _1y2v1nf76 _1y2v1nf8z _1y2v1nf94 _1y2v1nf1m _1y2v1nf2y",
|
|
9
|
+
secondary: "rrbrpnm rrbrpn2 _1y2v1nf5l _1y2v1nf5z _1y2v1nf6d _1y2v1nf6r _1y2v1nf52 _1y2v1nf4t _1y2v1nf76 _1y2v1nf8z _1y2v1nf94 _1y2v1nf1p _1y2v1nf4s",
|
|
10
|
+
danger: "rrbrpnn rrbrpn2 _1y2v1nf5l _1y2v1nf5z _1y2v1nf6d _1y2v1nf6r _1y2v1nf52 _1y2v1nf4t _1y2v1nf76 _1y2v1nf8z _1y2v1nf94 _1y2v1nf1m _1y2v1nf2t"
|
|
11
11
|
};
|
|
12
|
-
export { _ as BUTTON_MIN_WIDTH,
|
|
12
|
+
export { _ as BUTTON_MIN_WIDTH, r as ICON_MARGIN_PX, y as ICON_SIZE, f as SMALL_ICON_SIZE, a as SMALL_SPINNER_SIZE, p as SPINNER_SIZE, t as X_PADDING_PX, b as X_SMALL_PADDING_PX, i as alignedLink, d as inverseLink, e as inverseVariants, l as isLoading, z as link, I as loadingContent, o as loadingFiller, N as small, s as textContent, m as textContentLink, L as variants };
|