@telefonica/mistica 17.5.0 → 17.7.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 +34 -34
- package/dist/callout.css-mistica.js +11 -11
- package/dist/card-cover.d.ts +2 -2
- package/dist/card-data.d.ts +2 -2
- package/dist/card-data.js +6 -8
- package/dist/card-internal.css-mistica.js +47 -29
- package/dist/card-internal.css.d.ts +4 -0
- package/dist/card-internal.d.ts +38 -3
- package/dist/card-internal.js +394 -301
- package/dist/card-media.d.ts +2 -2
- package/dist/card-media.js +7 -9
- package/dist/card-naked.d.ts +2 -2
- package/dist/card-naked.js +9 -11
- package/dist/carousel.css-mistica.js +8 -8
- package/dist/checkbox.css-mistica.js +11 -11
- package/dist/checkbox.d.ts +2 -0
- package/dist/checkbox.js +10 -10
- 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 +20 -11
- package/dist/community/advanced-data-card.css.d.ts +2 -0
- package/dist/community/advanced-data-card.d.ts +7 -3
- package/dist/community/advanced-data-card.js +164 -142
- package/dist/community/ai-card.css-mistica.js +13 -13
- package/dist/community/ai-card.js +1 -1
- package/dist/community/blocks.css-mistica.js +1 -1
- package/dist/community/cyber/example-component.css-mistica.js +1 -1
- package/dist/community/example-component.css-mistica.js +2 -2
- 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/fade-out.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-document-information-filled.js +165 -0
- package/dist/generated/mistica-icons/icon-document-information-light.js +165 -0
- package/dist/generated/mistica-icons/icon-document-information-regular.js +165 -0
- package/dist/generated/mistica-icons/icon-internet-roaming-filled.js +159 -0
- package/dist/generated/mistica-icons/icon-internet-roaming-light.js +159 -0
- package/dist/generated/mistica-icons/icon-internet-roaming-regular.js +159 -0
- package/dist/generated/mistica-icons/icon-mobile-information-filled.js +165 -0
- package/dist/generated/mistica-icons/icon-mobile-information-light.js +173 -0
- package/dist/generated/mistica-icons/icon-mobile-information-regular.js +165 -0
- package/dist/generated/mistica-icons/icon-search-ai-filled.js +165 -0
- package/dist/generated/mistica-icons/icon-search-ai-light.js +165 -0
- package/dist/generated/mistica-icons/icon-search-ai-regular.js +165 -0
- 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 +10 -10
- package/dist/index.d.ts +12 -0
- package/dist/index.js +48 -0
- package/dist/inline.css-mistica.js +11 -11
- package/dist/list.css-mistica.js +7 -7
- 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 +26 -24
- package/dist/menu.css.d.ts +2 -2
- package/dist/menu.d.ts +15 -3
- package/dist/menu.js +184 -162
- package/dist/mosaic.css-mistica.js +1 -1
- package/dist/navigation-bar.css-mistica.js +9 -9
- package/dist/navigation-breadcrumbs.css-mistica.js +1 -1
- package/dist/navigation-shared.css-mistica.js +9 -9
- package/dist/package-version.js +1 -1
- package/dist/pagination.css-mistica.js +18 -18
- package/dist/pin-field.css-mistica.js +1 -1
- package/dist/popover.css-mistica.js +1 -1
- package/dist/popover.d.ts +1 -0
- package/dist/progress-bar.css-mistica.js +6 -6
- package/dist/radio-button.css-mistica.js +19 -19
- package/dist/radio-button.d.ts +3 -1
- package/dist/radio-button.js +73 -72
- 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/sidenav-bar-layout.css-mistica.js +1 -1
- package/dist/sidenav-bar.css-mistica.js +71 -71
- package/dist/sidenav-bar.js +55 -50
- package/dist/skeletons.css-mistica.js +6 -6
- package/dist/skins/skin-contract.css-mistica.js +738 -738
- 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/switch-component.d.ts +2 -0
- package/dist/switch-component.js +19 -18
- 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 +16 -16
- 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/timeline.css-mistica.js +9 -9
- package/dist/timer.css-mistica.js +6 -6
- package/dist/tooltip.css-mistica.js +1 -1
- package/dist/tooltip.d.ts +3 -1
- package/dist/tooltip.js +158 -147
- 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 +34 -34
- package/dist-es/callout.css-mistica.js +11 -11
- package/dist-es/card-data.js +10 -12
- package/dist-es/card-internal.css-mistica.js +25 -19
- package/dist-es/card-internal.js +482 -395
- package/dist-es/card-media.js +11 -13
- package/dist-es/card-naked.js +14 -16
- package/dist-es/carousel.css-mistica.js +8 -8
- package/dist-es/checkbox.css-mistica.js +11 -11
- package/dist-es/checkbox.js +19 -19
- 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 +10 -7
- package/dist-es/community/advanced-data-card.js +214 -192
- package/dist-es/community/ai-card.css-mistica.js +4 -4
- package/dist-es/community/ai-card.js +1 -1
- package/dist-es/community/blocks.css-mistica.js +1 -1
- package/dist-es/community/cyber/example-component.css-mistica.js +1 -1
- package/dist-es/community/example-component.css-mistica.js +2 -2
- 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/fade-out.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-document-information-filled.js +115 -0
- package/dist-es/generated/mistica-icons/icon-document-information-light.js +115 -0
- package/dist-es/generated/mistica-icons/icon-document-information-regular.js +115 -0
- package/dist-es/generated/mistica-icons/icon-internet-roaming-filled.js +109 -0
- package/dist-es/generated/mistica-icons/icon-internet-roaming-light.js +109 -0
- package/dist-es/generated/mistica-icons/icon-internet-roaming-regular.js +109 -0
- package/dist-es/generated/mistica-icons/icon-mobile-information-filled.js +115 -0
- package/dist-es/generated/mistica-icons/icon-mobile-information-light.js +123 -0
- package/dist-es/generated/mistica-icons/icon-mobile-information-regular.js +115 -0
- package/dist-es/generated/mistica-icons/icon-search-ai-filled.js +115 -0
- package/dist-es/generated/mistica-icons/icon-search-ai-light.js +115 -0
- package/dist-es/generated/mistica-icons/icon-search-ai-regular.js +115 -0
- 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 +4 -4
- package/dist-es/index.js +1501 -1489
- package/dist-es/inline.css-mistica.js +11 -11
- package/dist-es/list.css-mistica.js +7 -7
- 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 -15
- package/dist-es/menu.js +238 -216
- package/dist-es/mosaic.css-mistica.js +1 -1
- package/dist-es/navigation-bar.css-mistica.js +9 -9
- package/dist-es/navigation-breadcrumbs.css-mistica.js +1 -1
- package/dist-es/navigation-shared.css-mistica.js +9 -9
- package/dist-es/package-version.js +1 -1
- package/dist-es/pagination.css-mistica.js +18 -18
- 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/radio-button.js +91 -90
- 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/sidenav-bar-layout.css-mistica.js +1 -1
- package/dist-es/sidenav-bar.css-mistica.js +71 -71
- package/dist-es/sidenav-bar.js +70 -65
- package/dist-es/skeletons.css-mistica.js +6 -6
- package/dist-es/skins/skin-contract.css-mistica.js +738 -738
- 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/switch-component.js +34 -33
- 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 +16 -16
- 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/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/tooltip.js +198 -187
- 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/doc/components.md +35 -0
- package/package.json +4 -3
- package/src/card-cover.tsx +2 -2
- package/src/card-data.tsx +3 -4
- package/src/card-internal.css.ts +36 -0
- package/src/card-internal.tsx +162 -9
- package/src/card-media.tsx +3 -4
- package/src/card-naked.tsx +3 -4
- package/src/checkbox.tsx +6 -1
- package/src/community/__screenshot_tests__/__image_snapshots__/ai-card-screenshot-test-tsx-ai-card-line-break-at-chars-1-snap.png +0 -0
- package/src/community/__screenshot_tests__/__image_snapshots__/ai-card-screenshot-test-tsx-ai-card-static-text-1-snap.png +0 -0
- package/src/community/__screenshot_tests__/ai-card-screenshot-test.tsx +28 -0
- package/src/community/__stories__/advanced-data-card-story.tsx +5 -0
- package/src/community/__type_tests__/advanced-data-card-type-test.tsx +3 -0
- package/src/community/advanced-data-card.css.ts +26 -1
- package/src/community/advanced-data-card.tsx +123 -73
- package/src/community/ai-card.tsx +3 -3
- package/src/index.tsx +12 -0
- package/src/menu.css.ts +5 -9
- package/src/menu.tsx +82 -64
- package/src/package-version.tsx +1 -1
- package/src/popover.tsx +1 -0
- package/src/radio-button.tsx +7 -1
- package/src/sidenav-bar.tsx +9 -2
- package/src/switch-component.tsx +7 -3
- package/src/tooltip.css.ts +1 -0
- package/src/tooltip.tsx +94 -90
package/dist-es/card-media.js
CHANGED
|
@@ -53,28 +53,26 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
53
53
|
}
|
|
54
54
|
return target;
|
|
55
55
|
}
|
|
56
|
-
import { jsx as
|
|
57
|
-
import * as
|
|
58
|
-
import { InternalCard as
|
|
59
|
-
const
|
|
60
|
-
var { size: t = "default", slot: r,
|
|
56
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
57
|
+
import * as f from "react";
|
|
58
|
+
import { InternalCard as m } from "./card-internal.js";
|
|
59
|
+
const s = /*#__PURE__*/ f.forwardRef((_param, i)=>{
|
|
60
|
+
var { size: t = "default", slot: r, buttonPrimary: a, dataAttributes: e } = _param, d = _object_without_properties(_param, [
|
|
61
61
|
"size",
|
|
62
62
|
"slot",
|
|
63
|
-
"topActions",
|
|
64
63
|
"buttonPrimary",
|
|
65
64
|
"dataAttributes"
|
|
66
65
|
]);
|
|
67
|
-
return /* @__PURE__ */
|
|
66
|
+
return /* @__PURE__ */ o(m, _object_spread({
|
|
68
67
|
type: "media",
|
|
69
68
|
variant: "default",
|
|
70
69
|
size: t,
|
|
71
70
|
dataAttributes: _object_spread({
|
|
72
71
|
testid: "MediaCard"
|
|
73
|
-
},
|
|
72
|
+
}, e),
|
|
74
73
|
slot: r,
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
}, i));
|
|
74
|
+
buttonPrimary: a,
|
|
75
|
+
ref: i
|
|
76
|
+
}, d));
|
|
79
77
|
});
|
|
80
|
-
export {
|
|
78
|
+
export { s as MediaCard };
|
package/dist-es/card-naked.js
CHANGED
|
@@ -54,30 +54,28 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
54
54
|
}
|
|
55
55
|
return target;
|
|
56
56
|
}
|
|
57
|
-
import { jsx as
|
|
58
|
-
import * as
|
|
59
|
-
import { InternalCard as
|
|
60
|
-
import { useThemeVariant as
|
|
61
|
-
const
|
|
62
|
-
var { size: r = "default", slot: t,
|
|
57
|
+
import { jsx as i } from "react/jsx-runtime";
|
|
58
|
+
import * as n from "react";
|
|
59
|
+
import { InternalCard as f } from "./card-internal.js";
|
|
60
|
+
import { useThemeVariant as s } from "./theme-variant-context.js";
|
|
61
|
+
const k = /*#__PURE__*/ n.forwardRef((_param, d)=>{
|
|
62
|
+
var { size: r = "default", slot: t, buttonPrimary: a, dataAttributes: e } = _param, o = _object_without_properties(_param, [
|
|
63
63
|
"size",
|
|
64
64
|
"slot",
|
|
65
|
-
"topActions",
|
|
66
65
|
"buttonPrimary",
|
|
67
66
|
"dataAttributes"
|
|
68
67
|
]);
|
|
69
|
-
const
|
|
70
|
-
return /* @__PURE__ */
|
|
68
|
+
const m = s();
|
|
69
|
+
return /* @__PURE__ */ i(f, _object_spread({
|
|
71
70
|
dataAttributes: _object_spread({
|
|
72
71
|
testid: "NakedCard"
|
|
73
|
-
},
|
|
74
|
-
variant:
|
|
72
|
+
}, e),
|
|
73
|
+
variant: m,
|
|
75
74
|
type: "naked",
|
|
76
75
|
size: r,
|
|
77
76
|
slot: t,
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
}, d));
|
|
77
|
+
buttonPrimary: a,
|
|
78
|
+
ref: d
|
|
79
|
+
}, o));
|
|
82
80
|
});
|
|
83
|
-
export {
|
|
81
|
+
export { k as NakedCard };
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
/* empty css */ /* empty css */ /* empty css */ var u = 12, b = 14, r = {
|
|
2
|
-
itemsPerPageMobile: "var(--
|
|
3
|
-
itemsPerPageTablet: "var(--
|
|
4
|
-
itemsPerPageDesktop: "var(--
|
|
5
|
-
gap: "var(--
|
|
6
|
-
mobilePageOffset: "var(--
|
|
7
|
-
mobileBulletLeftPosition: "var(--
|
|
8
|
-
desktopBulletLeftPosition: "var(--
|
|
9
|
-
}, n = "
|
|
2
|
+
itemsPerPageMobile: "var(--v17_7_1abcu71)",
|
|
3
|
+
itemsPerPageTablet: "var(--v17_7_1abcu72)",
|
|
4
|
+
itemsPerPageDesktop: "var(--v17_7_1abcu73)",
|
|
5
|
+
gap: "var(--v17_7_1abcu74)",
|
|
6
|
+
mobilePageOffset: "var(--v17_7_1abcu75)",
|
|
7
|
+
mobileBulletLeftPosition: "var(--v17_7_1abcu76)",
|
|
8
|
+
desktopBulletLeftPosition: "var(--v17_7_1abcu77)"
|
|
9
|
+
}, n = "v17_7_1abcu79 v17_7_1abcu78 v17_7_1y2v1nfre v17_7_1y2v1nfrk", l = "v17_7_1abcu7b v17_7_1abcu7a v17_7_1y2v1nfhd v17_7_1y2v1nfim v17_7_1y2v1nfjv v17_7_1y2v1nfl4 v17_7_1y2v1nfrg v17_7_1y2v1nftw v17_7_1y2v1nfh6", e = "v17_7_1abcu7c v17_7_1abcu7b v17_7_1abcu7a v17_7_1y2v1nfhd v17_7_1y2v1nfim v17_7_1y2v1nfjv v17_7_1y2v1nfl4 v17_7_1y2v1nfrg v17_7_1y2v1nftw v17_7_1y2v1nfh6", c = "v17_7_1abcu7d v17_7_1abcu7b v17_7_1abcu7a v17_7_1y2v1nfhd v17_7_1y2v1nfim v17_7_1y2v1nfjv v17_7_1y2v1nfl4 v17_7_1y2v1nfrg v17_7_1y2v1nftw v17_7_1y2v1nfh6", t = "v17_7_1abcu7e v17_7_1abcu7b v17_7_1abcu7a v17_7_1y2v1nfhd v17_7_1y2v1nfim v17_7_1y2v1nfjv v17_7_1y2v1nfl4 v17_7_1y2v1nfrg v17_7_1y2v1nftw v17_7_1y2v1nfh6", i = "v17_7_1abcu7f v17_7_1abcu7b v17_7_1abcu7a v17_7_1y2v1nfhd v17_7_1y2v1nfim v17_7_1y2v1nfjv v17_7_1y2v1nfl4 v17_7_1y2v1nfrg v17_7_1y2v1nftw v17_7_1y2v1nfh6", y = "v17_7_1abcu7h v17_7_1abcu7g v17_7_1y2v1nfr9", o = "v17_7_1abcu7l v17_7_1abcu7j v17_7_1abcu7i v17_7_1y2v1nfty v17_7_1abcu7k v17_7_1y2v1nfcu", f = "v17_7_1abcu7m v17_7_1abcu7j v17_7_1abcu7i v17_7_1y2v1nfty", s = "v17_7_1abcu7n v17_7_1abcu7j v17_7_1abcu7i v17_7_1y2v1nfty", C = "v17_7_1abcu7p v17_7_1abcu7j v17_7_1abcu7i v17_7_1y2v1nfty v17_7_1abcu7o v17_7_1y2v1nfcv", h = "v17_7_1abcu7r v17_7_1abcu7j v17_7_1abcu7i v17_7_1y2v1nfty v17_7_1abcu7q v17_7_1y2v1nfd1", d = "v17_7_1abcu7t v17_7_1abcu7j v17_7_1abcu7i v17_7_1y2v1nfty v17_7_1abcu7s v17_7_1y2v1nfd0", g = "v17_7_1abcu7u", m = 5, w = "v17_7_1abcu7v v17_7_1abcu7u", B = "v17_7_1abcu7w v17_7_1abcu7u", L = "v17_7_1abcu7x v17_7_1abcu7u", p = "v17_7_1abcu7z v17_7_1abcu7y v17_7_1y2v1nfre v17_7_1y2v1nfrt v17_7_1y2v1nfr8 v17_7_1y2v1nfsr", S = "v17_7_1abcu710", j = "v17_7_1abcu712 v17_7_1abcu711 v17_7_1y2v1nfr8", I = "v17_7_1abcu713", P = "v17_7_1abcu715 v17_7_1y2v1nfr7 v17_7_1y2v1nftb v17_7_1y2v1nfr8", V = "v17_7_1abcu717 v17_7_1abcu716 v17_7_1y2v1nfhg", k = "v17_7_1abcu718", A = "v17_7_1abcu719", T = "v17_7_1abcu71a", E = "v17_7_1abcu71b", M = "v17_7_1abcu71d v17_7_1abcu71c v17_7_1y2v1nftb", z = "v17_7_1abcu71e", U = "v17_7_1abcu71g v17_7_1abcu714 v17_7_1abcu71f v17_7_1y2v1nfre v17_7_1y2v1nfsy", D = "v17_7_1abcu71h", x = "v17_7_1abcu71i", W = "v17_7_1abcu71j", q = "v17_7_1abcu71k", F = "v17_7_1abcu71m v17_7_1abcu71l v17_7_1y2v1nfre v17_7_1y2v1nfrn", N = "v17_7_1abcu71n", Z = "v17_7_1abcu71o", G = "v17_7_1abcu71p", O = "v17_7_1abcu71r v17_7_1abcu714 v17_7_1abcu71q v17_7_1y2v1nfre v17_7_1y2v1nfsy", R = "v17_7_1abcu71t v17_7_1abcu71s v17_7_1y2v1nfs1 v17_7_1y2v1nfrw", H = "v17_7_1abcu71v v17_7_1abcu71u v17_7_1y2v1nfr9 v17_7_1y2v1nfw1 v17_7_1y2v1nfv3 v17_7_1y2v1nfvi v17_7_1y2v1nfre v17_7_1y2v1nfs1 v17_7_1y2v1nfsr", J = "v17_7_1abcu71x v17_7_1abcu71w v17_7_1y2v1nfro", K = "v17_7_1abcu71z v17_7_1abcu71y v17_7_1y2v1nftd", Q = "v17_7_1abcu721 v17_7_1abcu720 v17_7_1y2v1nfre v17_7_1y2v1nfrn v17_7_1y2v1nfh7 v17_7_1y2v1nfjy v17_7_1y2v1nfl7";
|
|
10
10
|
export { b as LARGE_BULLET_FULL_SIZE, u as SMALL_BULLET_FULL_SIZE, m as VISIBLE_BULLETS, o as bullet, C as bulletActive, h as bulletActiveBrand, d as bulletActiveNegative, w as bulletActiveSizing, f as bulletBrand, l as bulletButton, B as bulletInactiveMediumSizing, g as bulletInactiveSizing, L as bulletInactiveSmallSizing, s as bulletNegative, e as bulletVisibility, i as bulletVisibilityDesktop, c as bulletVisibilityMobile, t as bulletVisibilityTablet, S as bulletsScrollableContainer, p as bulletsScrollableContainerBase, U as carousel, M as carouselAutoplayControlContainer, F as carouselBullets, n as carouselComponentContainer, P as carouselContainer, V as carouselControlsContainer, k as carouselControlsVisibility, E as carouselControlsVisibilityDesktop, A as carouselControlsVisibilityMobile, T as carouselControlsVisibilityTablet, q as carouselItem, z as carouselPagesControlsContainer, D as carouselWithScrollMobile, x as carouselWithScrollTablet, W as centeredCarousel, N as noCarouselBulletsDesktop, G as noCarouselBulletsMobile, Z as noCarouselBulletsTablet, y as scrollableBullet, O as slideshow, K as slideshowAutoplayControlContainer, Q as slideshowBulletsContainer, j as slideshowContainer, H as slideshowControlsContainer, J as slideshowControlsContainerSingleItem, R as slideshowItem, I as slideshowWithBullets, r as vars };
|
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ var r = "
|
|
2
|
-
ios: "
|
|
3
|
-
rest: "
|
|
4
|
-
checked: "
|
|
1
|
+
/* empty css */ /* empty css */ var r = "v17_7_1rz9b12 v17_7_1rz9b11 v17_7_1rz9b10 v17_7_1y2v1nfrh", n = "v17_7_1rz9b13 v17_7_1rz9b11 v17_7_1rz9b10 v17_7_1y2v1nfrh", f = {
|
|
2
|
+
ios: "v17_7_1rz9b16 v17_7_1rz9b15 v17_7_1rz9b14 v17_7_1y2v1nfrf v17_7_1y2v1nfrn v17_7_1y2v1nfrt v17_7_1y2v1nfrw v17_7_1y2v1nfu8",
|
|
3
|
+
rest: "v17_7_1rz9b17 v17_7_1rz9b15 v17_7_1rz9b14 v17_7_1y2v1nfrf v17_7_1y2v1nfrn v17_7_1y2v1nfrt v17_7_1y2v1nfrw v17_7_1y2v1nfu8",
|
|
4
|
+
checked: "v17_7_1rz9b18 v17_7_1rz9b15 v17_7_1rz9b14 v17_7_1y2v1nfrf v17_7_1y2v1nfrn v17_7_1y2v1nfrt v17_7_1y2v1nfrw v17_7_1y2v1nfu8"
|
|
5
5
|
}, y = {
|
|
6
|
-
ios: "
|
|
7
|
-
rest: "
|
|
8
|
-
checked: "
|
|
6
|
+
ios: "v17_7_1rz9b19 v17_7_1rz9b15 v17_7_1rz9b14 v17_7_1y2v1nfrf v17_7_1y2v1nfrn v17_7_1y2v1nfrt v17_7_1y2v1nfrw v17_7_1y2v1nfu8",
|
|
7
|
+
rest: "v17_7_1rz9b1a v17_7_1rz9b15 v17_7_1rz9b14 v17_7_1y2v1nfrf v17_7_1y2v1nfrn v17_7_1y2v1nfrt v17_7_1y2v1nfrw v17_7_1y2v1nfu8",
|
|
8
|
+
checked: "v17_7_1rz9b1b v17_7_1rz9b15 v17_7_1rz9b14 v17_7_1y2v1nfrf v17_7_1y2v1nfrn v17_7_1y2v1nfrt v17_7_1y2v1nfrw v17_7_1y2v1nfu8"
|
|
9
9
|
}, b = {
|
|
10
|
-
ios: "
|
|
11
|
-
rest: "
|
|
12
|
-
checked: "
|
|
13
|
-
}, z = "
|
|
10
|
+
ios: "v17_7_1rz9b1c v17_7_1rz9b15 v17_7_1rz9b14 v17_7_1y2v1nfrf v17_7_1y2v1nfrn v17_7_1y2v1nfrt v17_7_1y2v1nfrw v17_7_1y2v1nfu8",
|
|
11
|
+
rest: "v17_7_1rz9b1d v17_7_1rz9b15 v17_7_1rz9b14 v17_7_1y2v1nfrf v17_7_1y2v1nfrn v17_7_1y2v1nfrt v17_7_1y2v1nfrw v17_7_1y2v1nfu8",
|
|
12
|
+
checked: "v17_7_1rz9b1e v17_7_1rz9b15 v17_7_1rz9b14 v17_7_1y2v1nfrf v17_7_1y2v1nfrn v17_7_1y2v1nfrt v17_7_1y2v1nfrw v17_7_1y2v1nfu8"
|
|
13
|
+
}, z = "v17_7_1rz9b1g v17_7_1rz9b1f v17_7_1y2v1nfrg", e = "v17_7_1rz9b1h", a = "v17_7_1rz9b1i";
|
|
14
14
|
export { f as boxVariant, z as check, e as checkChecked, r as checkboxContainer, n as checkboxContainerDisabled, a as disabled, y as overBrandBoxVariant, b as overNegativeBoxVariant };
|
package/dist-es/checkbox.js
CHANGED
|
@@ -51,21 +51,21 @@ function _object_spread_props(target, source) {
|
|
|
51
51
|
}
|
|
52
52
|
return target;
|
|
53
53
|
}
|
|
54
|
-
import { jsx as a, jsxs as
|
|
55
|
-
import * as
|
|
54
|
+
import { jsx as a, jsxs as I } from "react/jsx-runtime";
|
|
55
|
+
import * as f from "react";
|
|
56
56
|
import { SPACE as V } from "./utils/keys.js";
|
|
57
57
|
import { useControlProps as D } from "./form-context.js";
|
|
58
58
|
import K from "./inline.js";
|
|
59
59
|
import { Text3 as x } from "./text.js";
|
|
60
60
|
import { useTheme as L } from "./hooks.js";
|
|
61
|
-
import
|
|
61
|
+
import h from "classnames";
|
|
62
62
|
import { getPrefixedDataAttributes as P } from "./utils/dom.js";
|
|
63
|
-
import {
|
|
63
|
+
import { disabled as N, checkboxContainerDisabled as A, checkboxContainer as R, check as g, checkChecked as C, overBrandBoxVariant as S, overNegativeBoxVariant as E, boxVariant as T } from "./checkbox.css-mistica.js";
|
|
64
64
|
import { vars as d } from "./skins/skin-contract.css-mistica.js";
|
|
65
65
|
import { combineRefs as j } from "./utils/common.js";
|
|
66
66
|
import { useThemeVariant as z } from "./theme-variant-context.js";
|
|
67
67
|
const M = (param)=>{
|
|
68
|
-
let { isChecked: e, disabled:
|
|
68
|
+
let { isChecked: e, disabled: m } = param;
|
|
69
69
|
const { isIos: c } = L(), o = z(), t = e ? "checked" : c ? "ios" : "rest", s = {
|
|
70
70
|
default: d.colors.inverse,
|
|
71
71
|
alternative: d.colors.inverse,
|
|
@@ -76,7 +76,7 @@ const M = (param)=>{
|
|
|
76
76
|
viewBox: "0 0 10 8",
|
|
77
77
|
width: "10",
|
|
78
78
|
height: "8",
|
|
79
|
-
className:
|
|
79
|
+
className: h(g, {
|
|
80
80
|
[C]: e
|
|
81
81
|
}),
|
|
82
82
|
children: /* @__PURE__ */ a("path", {
|
|
@@ -87,7 +87,7 @@ const M = (param)=>{
|
|
|
87
87
|
viewBox: "0 0 14 10",
|
|
88
88
|
width: "14",
|
|
89
89
|
height: "10",
|
|
90
|
-
className:
|
|
90
|
+
className: h(g, {
|
|
91
91
|
[C]: e
|
|
92
92
|
}),
|
|
93
93
|
children: /* @__PURE__ */ a("path", {
|
|
@@ -96,21 +96,21 @@ const M = (param)=>{
|
|
|
96
96
|
})
|
|
97
97
|
});
|
|
98
98
|
return /* @__PURE__ */ a("div", {
|
|
99
|
-
className:
|
|
100
|
-
[
|
|
99
|
+
className: h(o === "brand" || o === "media" ? S[t] : o === "negative" ? E[t] : T[t], {
|
|
100
|
+
[N]: m
|
|
101
101
|
}),
|
|
102
102
|
children: b
|
|
103
103
|
});
|
|
104
|
-
}, Z = /*#__PURE__*/
|
|
105
|
-
const c =
|
|
104
|
+
}, Z = /*#__PURE__*/ f.forwardRef((e, m)=>{
|
|
105
|
+
const c = f.useId(), o = e["aria-labelledby"] || c, t = e["aria-label"], s = t || e["aria-labelledby"], { defaultValue: b, value: r, onChange: v, focusableRef: w, disabled: i } = D({
|
|
106
106
|
name: e.name,
|
|
107
107
|
value: e.checked,
|
|
108
108
|
defaultValue: e.defaultChecked,
|
|
109
109
|
onChange: e.onChange,
|
|
110
110
|
disabled: e.disabled
|
|
111
|
-
}), [n,
|
|
112
|
-
r === void 0 ? (
|
|
113
|
-
},
|
|
111
|
+
}), [n, y] = f.useState(!!b), u = ()=>{
|
|
112
|
+
r === void 0 ? (y(!n), v(!n)) : v(!r);
|
|
113
|
+
}, B = (l)=>{
|
|
114
114
|
l.key === V && (l.preventDefault(), l.stopPropagation(), u());
|
|
115
115
|
}, k = /* @__PURE__ */ a(M, {
|
|
116
116
|
disabled: i,
|
|
@@ -122,13 +122,13 @@ const M = (param)=>{
|
|
|
122
122
|
id: e.id,
|
|
123
123
|
role: e.role || "checkbox",
|
|
124
124
|
"aria-checked": r !== null && r !== void 0 ? r : n,
|
|
125
|
-
onKeyDown: i ? void 0 :
|
|
125
|
+
onKeyDown: i ? void 0 : B,
|
|
126
126
|
onClick: (l)=>{
|
|
127
127
|
l.stopPropagation(), i || u();
|
|
128
128
|
},
|
|
129
129
|
tabIndex: i ? void 0 : 0,
|
|
130
|
-
ref: j(
|
|
131
|
-
className: i ? A : R,
|
|
130
|
+
ref: j(m, w),
|
|
131
|
+
className: h(i ? A : R, e.className),
|
|
132
132
|
"aria-label": t,
|
|
133
133
|
"aria-labelledby": t ? void 0 : o,
|
|
134
134
|
"aria-disabled": i
|
|
@@ -140,7 +140,7 @@ const M = (param)=>{
|
|
|
140
140
|
labelId: o,
|
|
141
141
|
checked: r !== null && r !== void 0 ? r : n,
|
|
142
142
|
disabled: !!i
|
|
143
|
-
}) : /* @__PURE__ */
|
|
143
|
+
}) : /* @__PURE__ */ I(K, {
|
|
144
144
|
space: 8,
|
|
145
145
|
children: [
|
|
146
146
|
/* @__PURE__ */ a(x, {
|
|
@@ -160,7 +160,7 @@ const M = (param)=>{
|
|
|
160
160
|
id: o,
|
|
161
161
|
role: s ? "presentation" : void 0,
|
|
162
162
|
children: /* @__PURE__ */ a("span", {
|
|
163
|
-
className: i ?
|
|
163
|
+
className: i ? N : "",
|
|
164
164
|
children: e.children
|
|
165
165
|
})
|
|
166
166
|
})
|
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ var n = "
|
|
2
|
-
default: "
|
|
3
|
-
overAlternative: "
|
|
4
|
-
active: "
|
|
5
|
-
navigationActive: "
|
|
6
|
-
navigationActiveOverBrand: "
|
|
7
|
-
}, y = "
|
|
8
|
-
default: "
|
|
9
|
-
small: "
|
|
10
|
-
withIcon: "
|
|
11
|
-
withIconSmall: "
|
|
1
|
+
/* empty css */ /* empty css */ var n = "v17_7_cc7htn0 v17_7_1y2v1nfrf v17_7_1y2v1nfrn v17_7_1y2v1nfrt", c = "v17_7_cc7htn1 v17_7_1y2v1nfre v17_7_1y2v1nfs0 v17_7_1y2v1nfrn v17_7_1y2v1nfrt", t = "v17_7_cc7htn3", h = "v17_7_cc7htn6", f = {
|
|
2
|
+
default: "v17_7_cc7htnd v17_7_cc7htn5 v17_7_cc7htn4 v17_7_1y2v1nftv v17_7_1y2v1nftn v17_7_1y2v1nftc v17_7_cc7htn8 v17_7_1y2v1nf8z v17_7_1y2v1nf5k",
|
|
3
|
+
overAlternative: "v17_7_cc7htne v17_7_cc7htn5 v17_7_cc7htn4 v17_7_1y2v1nftv v17_7_1y2v1nftn v17_7_1y2v1nftc v17_7_cc7htn9 v17_7_1y2v1nf99 v17_7_1y2v1nf5k",
|
|
4
|
+
active: "v17_7_cc7htnf v17_7_cc7htn7 v17_7_cc7htn5 v17_7_cc7htn4 v17_7_1y2v1nftv v17_7_1y2v1nftn v17_7_1y2v1nftc v17_7_cc7htna v17_7_1y2v1nf3z v17_7_1y2v1nfes",
|
|
5
|
+
navigationActive: "v17_7_cc7htng v17_7_cc7htn7 v17_7_cc7htn5 v17_7_cc7htn4 v17_7_1y2v1nftv v17_7_1y2v1nftn v17_7_1y2v1nftc v17_7_cc7htnb v17_7_1y2v1nf33 v17_7_1y2v1nfao",
|
|
6
|
+
navigationActiveOverBrand: "v17_7_cc7htnh v17_7_cc7htn5 v17_7_cc7htn4 v17_7_1y2v1nftv v17_7_1y2v1nftn v17_7_1y2v1nftc v17_7_cc7htnc v17_7_1y2v1nf3z v17_7_1y2v1nfes"
|
|
7
|
+
}, y = "v17_7_cc7htni", a = "v17_7_cc7htnj", r = "v17_7_cc7htnl v17_7_cc7htnk v17_7_1y2v1nfv3 v17_7_1y2v1nfvi v17_7_1y2v1nfuo v17_7_1y2v1nfvx v17_7_1y2v1nfr9", i = "v17_7_cc7htnn v17_7_cc7htnm v17_7_1y2v1nfl4", e = "v17_7_cc7htnp v17_7_cc7htno v17_7_1y2v1nfl4", l = "v17_7_cc7htnr v17_7_cc7htnq v17_7_1y2v1nfl4", o = "v17_7_cc7htnt v17_7_cc7htns v17_7_1y2v1nfl4", d = {
|
|
8
|
+
default: "v17_7_cc7htny v17_7_cc7htnu v17_7_1y2v1nfk7",
|
|
9
|
+
small: "v17_7_cc7htnz v17_7_cc7htnv v17_7_1y2v1nfk1",
|
|
10
|
+
withIcon: "v17_7_cc7htn10 v17_7_cc7htnw v17_7_1y2v1nfk4",
|
|
11
|
+
withIconSmall: "v17_7_cc7htn11 v17_7_cc7htnx v17_7_1y2v1nfjy"
|
|
12
12
|
}, m = {
|
|
13
|
-
default: "
|
|
14
|
-
small: "
|
|
15
|
-
withIcon: "
|
|
16
|
-
withIconSmall: "
|
|
13
|
+
default: "v17_7_cc7htn16 v17_7_cc7htn12 v17_7_1y2v1nflg",
|
|
14
|
+
small: "v17_7_cc7htn17 v17_7_cc7htn13 v17_7_1y2v1nfla",
|
|
15
|
+
withIcon: "v17_7_cc7htn18 v17_7_cc7htn14 v17_7_1y2v1nfld",
|
|
16
|
+
withIconSmall: "v17_7_cc7htn19 v17_7_cc7htn15 v17_7_1y2v1nfl7"
|
|
17
17
|
};
|
|
18
18
|
export { a as button, f as chipVariants, n as chipWrapper, h as containerSmall, i as icon, o as iconActive, e as iconNavigation, l as iconNavigationOverBrand, y as interactive, r as interactiveChipOverlay, d as leftPadding, t as minimumInteractiveArea, m as rightPadding, c as wrappedContent };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ var y = "
|
|
1
|
+
/* empty css */ /* empty css */ var y = "v17_7_1wpwyyp1 v17_7_1wpwyyp0 v17_7_1y2v1nfre v17_7_1y2v1nfrt v17_7_1y2v1nfrn v17_7_1y2v1nfty";
|
|
2
2
|
export { y as circle };
|
|
@@ -1,7 +1,10 @@
|
|
|
1
|
-
/* empty css */ /* empty css */ /* empty css */ var f = "
|
|
2
|
-
default: "
|
|
3
|
-
mobile: "
|
|
4
|
-
},
|
|
5
|
-
topActionsCount: "var(--
|
|
6
|
-
}, H = "
|
|
7
|
-
|
|
1
|
+
/* empty css */ /* empty css */ /* empty css */ var f = "v17_7_1x00fru0 v17_7_1y2v1nfr8 v17_7_1y2v1nfsi", n = "v17_7_1x00fru2 v17_7_1x00fru1 v17_7_1y2v1nfk4 v17_7_1y2v1nfld", u = "v17_7_1x00fru4 v17_7_1x00fru2 v17_7_1x00fru1 v17_7_1y2v1nfk4 v17_7_1y2v1nfld v17_7_1x00fru3 v17_7_1y2v1nfre v17_7_1y2v1nfrq v17_7_1y2v1nfj1", a = "v17_7_1x00fru5", t = "v17_7_1x00fru6", x = "v17_7_1x00fru8 v17_7_1x00fru2 v17_7_1x00fru1 v17_7_1y2v1nfk4 v17_7_1y2v1nfld v17_7_1x00fru7 v17_7_1y2v1nfhg v17_7_1y2v1nfj1", o = "v17_7_1x00frua v17_7_1x00fru9 v17_7_1y2v1nfhm v17_7_1y2v1nfj1 v17_7_1y2v1nfs1", y = 216, i = "v17_7_1x00frub", e = "v17_7_1x00frud v17_7_1x00fruc v17_7_1y2v1nfr8 v17_7_1y2v1nfre v17_7_1y2v1nfs0 v17_7_1y2v1nfrk", d = "v17_7_1x00frui", l = "v17_7_1x00fruj v17_7_1y2v1nfre v17_7_1y2v1nfs0 v17_7_1y2v1nfrt v17_7_1y2v1nftn", s = {
|
|
2
|
+
default: "v17_7_1x00fruk",
|
|
3
|
+
mobile: "v17_7_1x00frul"
|
|
4
|
+
}, c = "v17_7_1x00frum", h = "v17_7_1x00frun v17_7_1y2v1nfhm", m = "v17_7_1x00fruo", p = "v17_7_1x00frup v17_7_1x00fruo", g = "v17_7_1x00fruq v17_7_1y2v1nfrt v17_7_1y2v1nfre v17_7_1y2v1nfld", b = "v17_7_1x00frus v17_7_1x00frur v17_7_1y2v1nfre v17_7_1y2v1nfrj", j = "v17_7_1x00frut", k = "v17_7_1x00fruu", C = {
|
|
5
|
+
topActionsCount: "var(--v17_7_1x00fruv)"
|
|
6
|
+
}, H = "v17_7_1x00fruw", I = "v17_7_1x00frux", T = "v17_7_1x00fruy", w = {
|
|
7
|
+
default: "v17_7_1x00fruz",
|
|
8
|
+
ios: "v17_7_1x00fru10"
|
|
9
|
+
};
|
|
10
|
+
export { y as MIN_HEIGHT, u as actions, s as actionsVariants, j as adjustButtonLink, m as button, p as buttonMobile, x as cardContentStyle, f as container, e as dataCard, d as divider, I as flexColumn, b as footerDirection, g as footerImage, l as footerText, c as marginRightAuto, k as marginRightButton, i as minHeight, n as paddingX, T as selectionTouchable, o as slot, w as switchSpace, H as topActionsWithoutIcon, a as touchable, t as touchableCardHoverOverlay, C as vars, h as withPaddingTop };
|