@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/card-media.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
import type { Variant } from './theme-variant-context';
|
|
3
3
|
import type Tag from './tag';
|
|
4
4
|
import type { VideoSource } from './video';
|
|
5
|
-
import type { CardActionButtonLink, CardActionButtonPrimary, CardActionButtonSecondary, CardAspectRatio, CardSize,
|
|
5
|
+
import type { CardActionButtonLink, CardActionButtonPrimary, CardActionButtonSecondary, CardAspectRatio, CardSize, CardInteractionProps, MediaAspectRatio, SlotAlignment, TopActionsArray } from './card-internal';
|
|
6
6
|
import type { DataAttributes, HeadingType, RendersNullableElement } from './utils/types';
|
|
7
7
|
/**
|
|
8
8
|
* The Naked card shares the same props as the MediaCard
|
|
@@ -59,4 +59,4 @@ export type MediaCardProps = {
|
|
|
59
59
|
footerSlot?: React.ReactNode;
|
|
60
60
|
footerDivider?: boolean;
|
|
61
61
|
};
|
|
62
|
-
export declare const MediaCard: React.ForwardRefExoticComponent<
|
|
62
|
+
export declare const MediaCard: React.ForwardRefExoticComponent<CardInteractionProps<MediaCardProps> & React.RefAttributes<HTMLDivElement>>;
|
package/dist/card-media.js
CHANGED
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
Object.defineProperty(exports, "MediaCard", {
|
|
6
6
|
enumerable: true,
|
|
7
7
|
get: function() {
|
|
8
|
-
return
|
|
8
|
+
return s;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
11
|
const _jsxruntime = require("react/jsx-runtime");
|
|
@@ -107,11 +107,10 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
107
107
|
}
|
|
108
108
|
return target;
|
|
109
109
|
}
|
|
110
|
-
const
|
|
111
|
-
var { size: t = "default", slot: r,
|
|
110
|
+
const s = /*#__PURE__*/ _react.forwardRef((_param, i)=>{
|
|
111
|
+
var { size: t = "default", slot: r, buttonPrimary: a, dataAttributes: e } = _param, d = _object_without_properties(_param, [
|
|
112
112
|
"size",
|
|
113
113
|
"slot",
|
|
114
|
-
"topActions",
|
|
115
114
|
"buttonPrimary",
|
|
116
115
|
"dataAttributes"
|
|
117
116
|
]);
|
|
@@ -121,10 +120,9 @@ const u = /*#__PURE__*/ _react.forwardRef((_param, o)=>{
|
|
|
121
120
|
size: t,
|
|
122
121
|
dataAttributes: _object_spread({
|
|
123
122
|
testid: "MediaCard"
|
|
124
|
-
},
|
|
123
|
+
}, e),
|
|
125
124
|
slot: r,
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
}, i));
|
|
125
|
+
buttonPrimary: a,
|
|
126
|
+
ref: i
|
|
127
|
+
}, d));
|
|
130
128
|
});
|
package/dist/card-naked.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import type { MediaCardProps } from './card-media';
|
|
3
|
-
import type {
|
|
3
|
+
import type { CardInteractionProps } from './card-internal';
|
|
4
4
|
type NakedCardProps = Omit<MediaCardProps, 'footerBackgroundColor' | 'variant' | 'footerVariant'>;
|
|
5
|
-
export declare const NakedCard: React.ForwardRefExoticComponent<
|
|
5
|
+
export declare const NakedCard: React.ForwardRefExoticComponent<CardInteractionProps<NakedCardProps> & React.RefAttributes<HTMLDivElement>>;
|
|
6
6
|
export {};
|
package/dist/card-naked.js
CHANGED
|
@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
Object.defineProperty(exports, "NakedCard", {
|
|
7
7
|
enumerable: true,
|
|
8
8
|
get: function() {
|
|
9
|
-
return
|
|
9
|
+
return k;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
12
|
const _jsxruntime = require("react/jsx-runtime");
|
|
@@ -109,25 +109,23 @@ function _object_without_properties_loose(source, excluded) {
|
|
|
109
109
|
}
|
|
110
110
|
return target;
|
|
111
111
|
}
|
|
112
|
-
const
|
|
113
|
-
var { size: r = "default", slot: t,
|
|
112
|
+
const k = /*#__PURE__*/ _react.forwardRef((_param, d)=>{
|
|
113
|
+
var { size: r = "default", slot: t, buttonPrimary: a, dataAttributes: e } = _param, o = _object_without_properties(_param, [
|
|
114
114
|
"size",
|
|
115
115
|
"slot",
|
|
116
|
-
"topActions",
|
|
117
116
|
"buttonPrimary",
|
|
118
117
|
"dataAttributes"
|
|
119
118
|
]);
|
|
120
|
-
const
|
|
119
|
+
const m = (0, _themevariantcontext.useThemeVariant)();
|
|
121
120
|
return /* @__PURE__ */ (0, _jsxruntime.jsx)(_cardinternal.InternalCard, _object_spread({
|
|
122
121
|
dataAttributes: _object_spread({
|
|
123
122
|
testid: "NakedCard"
|
|
124
|
-
},
|
|
125
|
-
variant:
|
|
123
|
+
}, e),
|
|
124
|
+
variant: m,
|
|
126
125
|
type: "naked",
|
|
127
126
|
size: r,
|
|
128
127
|
slot: t,
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
}, d));
|
|
128
|
+
buttonPrimary: a,
|
|
129
|
+
ref: d
|
|
130
|
+
}, o));
|
|
133
131
|
});
|
|
@@ -155,11 +155,11 @@ _export(exports, {
|
|
|
155
155
|
}
|
|
156
156
|
});
|
|
157
157
|
/* empty css */ /* empty css */ /* empty css */ var u = 12, b = 14, r = {
|
|
158
|
-
itemsPerPageMobile: "var(--
|
|
159
|
-
itemsPerPageTablet: "var(--
|
|
160
|
-
itemsPerPageDesktop: "var(--
|
|
161
|
-
gap: "var(--
|
|
162
|
-
mobilePageOffset: "var(--
|
|
163
|
-
mobileBulletLeftPosition: "var(--
|
|
164
|
-
desktopBulletLeftPosition: "var(--
|
|
165
|
-
}, n = "
|
|
158
|
+
itemsPerPageMobile: "var(--v17_7_1abcu71)",
|
|
159
|
+
itemsPerPageTablet: "var(--v17_7_1abcu72)",
|
|
160
|
+
itemsPerPageDesktop: "var(--v17_7_1abcu73)",
|
|
161
|
+
gap: "var(--v17_7_1abcu74)",
|
|
162
|
+
mobilePageOffset: "var(--v17_7_1abcu75)",
|
|
163
|
+
mobileBulletLeftPosition: "var(--v17_7_1abcu76)",
|
|
164
|
+
desktopBulletLeftPosition: "var(--v17_7_1abcu77)"
|
|
165
|
+
}, 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";
|
|
@@ -34,16 +34,16 @@ _export(exports, {
|
|
|
34
34
|
return b;
|
|
35
35
|
}
|
|
36
36
|
});
|
|
37
|
-
/* empty css */ /* empty css */ var r = "
|
|
38
|
-
ios: "
|
|
39
|
-
rest: "
|
|
40
|
-
checked: "
|
|
37
|
+
/* 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 = {
|
|
38
|
+
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",
|
|
39
|
+
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",
|
|
40
|
+
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"
|
|
41
41
|
}, y = {
|
|
42
|
-
ios: "
|
|
43
|
-
rest: "
|
|
44
|
-
checked: "
|
|
42
|
+
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",
|
|
43
|
+
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",
|
|
44
|
+
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"
|
|
45
45
|
}, b = {
|
|
46
|
-
ios: "
|
|
47
|
-
rest: "
|
|
48
|
-
checked: "
|
|
49
|
-
}, z = "
|
|
46
|
+
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",
|
|
47
|
+
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",
|
|
48
|
+
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"
|
|
49
|
+
}, z = "v17_7_1rz9b1g v17_7_1rz9b1f v17_7_1y2v1nfrg", e = "v17_7_1rz9b1h", a = "v17_7_1rz9b1i";
|
package/dist/checkbox.d.ts
CHANGED
|
@@ -18,6 +18,7 @@ type RenderProps = {
|
|
|
18
18
|
'aria-label'?: string;
|
|
19
19
|
role?: 'checkbox' | 'menuitemcheckbox';
|
|
20
20
|
dataAttributes?: DataAttributes;
|
|
21
|
+
className?: string;
|
|
21
22
|
};
|
|
22
23
|
type ChildrenProps = {
|
|
23
24
|
name: string;
|
|
@@ -32,6 +33,7 @@ type ChildrenProps = {
|
|
|
32
33
|
'aria-labelledby'?: string;
|
|
33
34
|
role?: 'checkbox' | 'menuitemcheckbox';
|
|
34
35
|
dataAttributes?: DataAttributes;
|
|
36
|
+
className?: string;
|
|
35
37
|
};
|
|
36
38
|
declare const Checkbox: React.ForwardRefExoticComponent<(RenderProps | ChildrenProps) & React.RefAttributes<HTMLDivElement>>;
|
|
37
39
|
export default Checkbox;
|
package/dist/checkbox.js
CHANGED
|
@@ -121,7 +121,7 @@ function _object_spread_props(target, source) {
|
|
|
121
121
|
return target;
|
|
122
122
|
}
|
|
123
123
|
const M = (param)=>{
|
|
124
|
-
let { isChecked: e, disabled:
|
|
124
|
+
let { isChecked: e, disabled: m } = param;
|
|
125
125
|
const { isIos: c } = (0, _hooks.useTheme)(), o = (0, _themevariantcontext.useThemeVariant)(), t = e ? "checked" : c ? "ios" : "rest", s = {
|
|
126
126
|
default: _skincontractcssmistica.vars.colors.inverse,
|
|
127
127
|
alternative: _skincontractcssmistica.vars.colors.inverse,
|
|
@@ -153,20 +153,20 @@ const M = (param)=>{
|
|
|
153
153
|
});
|
|
154
154
|
return /* @__PURE__ */ (0, _jsxruntime.jsx)("div", {
|
|
155
155
|
className: (0, _classnames.default)(o === "brand" || o === "media" ? _checkboxcssmistica.overBrandBoxVariant[t] : o === "negative" ? _checkboxcssmistica.overNegativeBoxVariant[t] : _checkboxcssmistica.boxVariant[t], {
|
|
156
|
-
[_checkboxcssmistica.disabled]:
|
|
156
|
+
[_checkboxcssmistica.disabled]: m
|
|
157
157
|
}),
|
|
158
158
|
children: b
|
|
159
159
|
});
|
|
160
|
-
}, Z = /*#__PURE__*/ _react.forwardRef((e,
|
|
161
|
-
const c = _react.useId(), o = e["aria-labelledby"] || c, t = e["aria-label"], s = t || e["aria-labelledby"], { defaultValue: b, value: r, onChange: v, focusableRef:
|
|
160
|
+
}, Z = /*#__PURE__*/ _react.forwardRef((e, m)=>{
|
|
161
|
+
const c = _react.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 } = (0, _formcontext.useControlProps)({
|
|
162
162
|
name: e.name,
|
|
163
163
|
value: e.checked,
|
|
164
164
|
defaultValue: e.defaultChecked,
|
|
165
165
|
onChange: e.onChange,
|
|
166
166
|
disabled: e.disabled
|
|
167
|
-
}), [n,
|
|
168
|
-
r === void 0 ? (
|
|
169
|
-
},
|
|
167
|
+
}), [n, y] = _react.useState(!!b), u = ()=>{
|
|
168
|
+
r === void 0 ? (y(!n), v(!n)) : v(!r);
|
|
169
|
+
}, B = (l)=>{
|
|
170
170
|
l.key === _keys.SPACE && (l.preventDefault(), l.stopPropagation(), u());
|
|
171
171
|
}, k = /* @__PURE__ */ (0, _jsxruntime.jsx)(M, {
|
|
172
172
|
disabled: i,
|
|
@@ -177,13 +177,13 @@ const M = (param)=>{
|
|
|
177
177
|
id: e.id,
|
|
178
178
|
role: e.role || "checkbox",
|
|
179
179
|
"aria-checked": r !== null && r !== void 0 ? r : n,
|
|
180
|
-
onKeyDown: i ? void 0 :
|
|
180
|
+
onKeyDown: i ? void 0 : B,
|
|
181
181
|
onClick: (l)=>{
|
|
182
182
|
l.stopPropagation(), i || u();
|
|
183
183
|
},
|
|
184
184
|
tabIndex: i ? void 0 : 0,
|
|
185
|
-
ref: (0, _common.combineRefs)(
|
|
186
|
-
className: i ? _checkboxcssmistica.checkboxContainerDisabled : _checkboxcssmistica.checkboxContainer,
|
|
185
|
+
ref: (0, _common.combineRefs)(m, w),
|
|
186
|
+
className: (0, _classnames.default)(i ? _checkboxcssmistica.checkboxContainerDisabled : _checkboxcssmistica.checkboxContainer, e.className),
|
|
187
187
|
"aria-label": t,
|
|
188
188
|
"aria-labelledby": t ? void 0 : o,
|
|
189
189
|
"aria-disabled": i
|
package/dist/chip.css-mistica.js
CHANGED
|
@@ -52,20 +52,20 @@ _export(exports, {
|
|
|
52
52
|
return c;
|
|
53
53
|
}
|
|
54
54
|
});
|
|
55
|
-
/* empty css */ /* empty css */ var n = "
|
|
56
|
-
default: "
|
|
57
|
-
overAlternative: "
|
|
58
|
-
active: "
|
|
59
|
-
navigationActive: "
|
|
60
|
-
navigationActiveOverBrand: "
|
|
61
|
-
}, y = "
|
|
62
|
-
default: "
|
|
63
|
-
small: "
|
|
64
|
-
withIcon: "
|
|
65
|
-
withIconSmall: "
|
|
55
|
+
/* 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 = {
|
|
56
|
+
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",
|
|
57
|
+
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",
|
|
58
|
+
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",
|
|
59
|
+
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",
|
|
60
|
+
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"
|
|
61
|
+
}, 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 = {
|
|
62
|
+
default: "v17_7_cc7htny v17_7_cc7htnu v17_7_1y2v1nfk7",
|
|
63
|
+
small: "v17_7_cc7htnz v17_7_cc7htnv v17_7_1y2v1nfk1",
|
|
64
|
+
withIcon: "v17_7_cc7htn10 v17_7_cc7htnw v17_7_1y2v1nfk4",
|
|
65
|
+
withIconSmall: "v17_7_cc7htn11 v17_7_cc7htnx v17_7_1y2v1nfjy"
|
|
66
66
|
}, m = {
|
|
67
|
-
default: "
|
|
68
|
-
small: "
|
|
69
|
-
withIcon: "
|
|
70
|
-
withIconSmall: "
|
|
67
|
+
default: "v17_7_cc7htn16 v17_7_cc7htn12 v17_7_1y2v1nflg",
|
|
68
|
+
small: "v17_7_cc7htn17 v17_7_cc7htn13 v17_7_1y2v1nfla",
|
|
69
|
+
withIcon: "v17_7_cc7htn18 v17_7_cc7htn14 v17_7_1y2v1nfld",
|
|
70
|
+
withIconSmall: "v17_7_cc7htn19 v17_7_cc7htn15 v17_7_1y2v1nfl7"
|
|
71
71
|
};
|
|
@@ -8,4 +8,4 @@ Object.defineProperty(exports, "circle", {
|
|
|
8
8
|
return y;
|
|
9
9
|
}
|
|
10
10
|
});
|
|
11
|
-
/* empty css */ /* empty css */ var y = "
|
|
11
|
+
/* empty css */ /* empty css */ var y = "v17_7_1wpwyyp1 v17_7_1wpwyyp0 v17_7_1y2v1nfre v17_7_1y2v1nfrt v17_7_1y2v1nfrn v17_7_1y2v1nfty";
|
|
@@ -22,10 +22,10 @@ _export(exports, {
|
|
|
22
22
|
return j;
|
|
23
23
|
},
|
|
24
24
|
get button () {
|
|
25
|
-
return
|
|
25
|
+
return m;
|
|
26
26
|
},
|
|
27
27
|
get buttonMobile () {
|
|
28
|
-
return
|
|
28
|
+
return p;
|
|
29
29
|
},
|
|
30
30
|
get cardContentStyle () {
|
|
31
31
|
return x;
|
|
@@ -46,13 +46,13 @@ _export(exports, {
|
|
|
46
46
|
return b;
|
|
47
47
|
},
|
|
48
48
|
get footerImage () {
|
|
49
|
-
return
|
|
49
|
+
return g;
|
|
50
50
|
},
|
|
51
51
|
get footerText () {
|
|
52
52
|
return l;
|
|
53
53
|
},
|
|
54
54
|
get marginRightAuto () {
|
|
55
|
-
return
|
|
55
|
+
return c;
|
|
56
56
|
},
|
|
57
57
|
get marginRightButton () {
|
|
58
58
|
return k;
|
|
@@ -63,9 +63,15 @@ _export(exports, {
|
|
|
63
63
|
get paddingX () {
|
|
64
64
|
return n;
|
|
65
65
|
},
|
|
66
|
+
get selectionTouchable () {
|
|
67
|
+
return T;
|
|
68
|
+
},
|
|
66
69
|
get slot () {
|
|
67
70
|
return o;
|
|
68
71
|
},
|
|
72
|
+
get switchSpace () {
|
|
73
|
+
return w;
|
|
74
|
+
},
|
|
69
75
|
get topActionsWithoutIcon () {
|
|
70
76
|
return H;
|
|
71
77
|
},
|
|
@@ -79,12 +85,15 @@ _export(exports, {
|
|
|
79
85
|
return C;
|
|
80
86
|
},
|
|
81
87
|
get withPaddingTop () {
|
|
82
|
-
return
|
|
88
|
+
return h;
|
|
83
89
|
}
|
|
84
90
|
});
|
|
85
|
-
/* empty css */ /* empty css */ /* empty css */ var f = "
|
|
86
|
-
default: "
|
|
87
|
-
mobile: "
|
|
88
|
-
},
|
|
89
|
-
topActionsCount: "var(--
|
|
90
|
-
}, H = "
|
|
91
|
+
/* 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 = {
|
|
92
|
+
default: "v17_7_1x00fruk",
|
|
93
|
+
mobile: "v17_7_1x00frul"
|
|
94
|
+
}, 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 = {
|
|
95
|
+
topActionsCount: "var(--v17_7_1x00fruv)"
|
|
96
|
+
}, H = "v17_7_1x00fruw", I = "v17_7_1x00frux", T = "v17_7_1x00fruy", w = {
|
|
97
|
+
default: "v17_7_1x00fruz",
|
|
98
|
+
ios: "v17_7_1x00fru10"
|
|
99
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import Tag from '../tag';
|
|
3
|
-
import type { CardAction } from '../card-internal';
|
|
3
|
+
import type { CardSelectionProps, CardAction } from '../card-internal';
|
|
4
4
|
import type { PressHandler } from '../touchable';
|
|
5
5
|
import type { ExclusifyUnion } from '../utils/utility-types';
|
|
6
6
|
import type StackingGroup from '../stacking-group';
|
|
@@ -23,9 +23,13 @@ type TouchableProps = {
|
|
|
23
23
|
onPress: PressHandler | undefined;
|
|
24
24
|
}>;
|
|
25
25
|
type TouchableCard<T> = T & TouchableProps;
|
|
26
|
-
type
|
|
26
|
+
type CardInteractionProps<T> = ExclusifyUnion<(TouchableCard<T> & {
|
|
27
|
+
selected?: boolean;
|
|
28
|
+
}) | (T & {
|
|
29
|
+
selected?: boolean;
|
|
30
|
+
}) | (Omit<T, 'actions' | 'onClose'> & CardSelectionProps)>;
|
|
27
31
|
type AllowedSlot = typeof StackingGroup | typeof HighlightedValueBlock | typeof InformationBlock | typeof ProgressBlock | typeof RowBlock | typeof SimpleBlock | typeof ValueBlock;
|
|
28
|
-
type AdvancedDataCardProps =
|
|
32
|
+
type AdvancedDataCardProps = CardInteractionProps<{
|
|
29
33
|
stackingGroup?: RendersNullableElement<typeof StackingGroup>;
|
|
30
34
|
headline?: RendersNullableElement<typeof Tag>;
|
|
31
35
|
pretitle?: string;
|