@telefonica/mistica 16.36.1 → 16.37.0

package/dist/index.d.ts

@@ -46,7 +46,7 @@ export { default as Tag } from './tag';
 export type { TagType } from './tag';
 export { Placeholder } from './placeholder';
 export { Title1, Title2, Title3, Title4 } from './title';
-export { RowList, Row, BoxedRowList, BoxedRow } from './list';
+export { RowList, Row, BoxedRowList, BoxedRow, UnorderedList, OrderedList, ListItem } from './list';
 export { default as Switch } from './switch-component';
 export { default as Checkbox } from './checkbox';
 export { default as RadioButton, RadioGroup } from './radio-button';
@@ -54,14 +54,29 @@ export { default as NegativeBox } from './negative-box';
 export { default as Tabs } from './tabs';
 export { default as Inline } from './inline';
 export { default as HorizontalScroll } from './horizontal-scroll';
-export { default as HighlightedCard } from './highlighted-card';
 export { default as Stepper } from './stepper';
 export { ProgressBar, ProgressBarStepped } from './progress-bar';
 export { default as Meter } from './meter';
 export { Rating, InfoRating } from './rating';
 export { VerticalMosaic, HorizontalMosaic } from './mosaic';
 export { Timer, TextTimer } from './timer';
-export { MediaCard, DataCard, SnapCard, DisplayDataCard, DisplayMediaCard, PosterCard, NakedCard, SmallNakedCard, CardActionSpinner, CardActionIconButton, } from './card';
+export { CardActionSpinner, CardActionIconButton } from './card-internal';
+export { CoverCard, 
+/** @deprecated use <CoverCard /> */
+PosterCard, 
+/** @deprecated use <CoverCard size="display" /> */
+DisplayMediaCard, } from './card-cover';
+export { NakedCard, 
+/** @deprecated use <NakedCard size="snap" /> */
+SmallNakedCard, } from './card-naked';
+export { DataCard, 
+/** @deprecated use <DataCard size="snap" /> */
+SnapCard, 
+/** @deprecated use <DataCard size="display" /> */
+DisplayDataCard, } from './card-data';
+export { MediaCard, 
+/** @deprecated use <MediaCard size="default" mediaPosition="right" /> */
+HighlightedCard, } from './card-media';
 export { default as StackingGroup } from './stacking-group';
 export { default as Hero } from './hero';
 export { default as CoverHero } from './cover-hero';

package/dist/index.js

@@ -85,10 +85,10 @@ _export(exports, {
         return _callout.default;
     },
     CardActionIconButton: function() {
-        return _card.CardActionIconButton;
+        return _cardinternal.CardActionIconButton;
     },
     CardActionSpinner: function() {
-        return _card.CardActionSpinner;
+        return _cardinternal.CardActionSpinner;
     },
     Carousel: function() {
         return _carousel.Carousel;
@@ -144,6 +144,9 @@ _export(exports, {
     Counter: function() {
         return _counter.default;
     },
+    CoverCard: function() {
+        return _cardcover.CoverCard;
+    },
     CoverHero: function() {
         return _coverhero.default;
     },
@@ -160,7 +163,7 @@ _export(exports, {
         return _cvvfield.default;
     },
     DataCard: function() {
-        return _card.DataCard;
+        return _carddata.DataCard;
     },
     DateField: function() {
         return _datefield.default;
@@ -172,10 +175,10 @@ _export(exports, {
         return _decimalfield.default;
     },
     DisplayDataCard: function() {
-        return _card.DisplayDataCard;
+        return _carddata.DisplayDataCard;
     },
     DisplayMediaCard: function() {
-        return _card.DisplayMediaCard;
+        return _cardcover.DisplayMediaCard;
     },
     Divider: function() {
         return _divider.default;
@@ -244,7 +247,7 @@ _export(exports, {
         return _hero.default;
     },
     HighlightedCard: function() {
-        return _highlightedcard.default;
+        return _cardmedia.HighlightedCard;
     },
     HorizontalMosaic: function() {
         return _mosaic.HorizontalMosaic;
@@ -5646,6 +5649,9 @@ _export(exports, {
     IntegerField: function() {
         return _integerfield.default;
     },
+    ListItem: function() {
+        return _list.ListItem;
+    },
     LoadingBar: function() {
         return _loadingbar.default;
     },
@@ -5671,7 +5677,7 @@ _export(exports, {
         return _masterdetaillayout.default;
     },
     MediaCard: function() {
-        return _card.MediaCard;
+        return _cardmedia.MediaCard;
     },
     Menu: function() {
         return _menu.Menu;
@@ -5692,7 +5698,7 @@ _export(exports, {
         return _logo.MovistarLogo;
     },
     NakedCard: function() {
-        return _card.NakedCard;
+        return _cardnaked.NakedCard;
     },
     NavigationBar: function() {
         return _navigationbar.NavigationBar;
@@ -5721,6 +5727,9 @@ _export(exports, {
     O2_SKIN: function() {
         return _constants.O2_SKIN;
     },
+    OrderedList: function() {
+        return _list.OrderedList;
+    },
     Overlay: function() {
         return _overlay.default;
     },
@@ -5752,7 +5761,7 @@ _export(exports, {
         return _portal.Portal;
     },
     PosterCard: function() {
-        return _card.PosterCard;
+        return _cardcover.PosterCard;
     },
     ProgressBar: function() {
         return _progressbar.ProgressBar;
@@ -5827,13 +5836,13 @@ _export(exports, {
         return _carousel.Slideshow;
     },
     SmallNakedCard: function() {
-        return _card.SmallNakedCard;
+        return _cardnaked.SmallNakedCard;
     },
     Snackbar: function() {
         return _snackbar.default;
     },
     SnapCard: function() {
-        return _card.SnapCard;
+        return _carddata.SnapCard;
     },
     Spinner: function() {
         return _spinner.default;
@@ -5967,6 +5976,9 @@ _export(exports, {
     TuLogo: function() {
         return _logo.TuLogo;
     },
+    UnorderedList: function() {
+        return _list.UnorderedList;
+    },
     VIVO_NEW_SKIN: function() {
         return _constants.VIVO_NEW_SKIN;
     },
@@ -6180,14 +6192,17 @@ const _negativebox = /*#__PURE__*/ _interop_require_default(require("./negative-
 const _tabs = /*#__PURE__*/ _interop_require_default(require("./tabs.js"));
 const _inline = /*#__PURE__*/ _interop_require_default(require("./inline.js"));
 const _horizontalscroll = /*#__PURE__*/ _interop_require_default(require("./horizontal-scroll.js"));
-const _highlightedcard = /*#__PURE__*/ _interop_require_default(require("./highlighted-card.js"));
 const _stepper = /*#__PURE__*/ _interop_require_default(require("./stepper.js"));
 const _progressbar = require("./progress-bar.js");
 const _meter = /*#__PURE__*/ _interop_require_default(require("./meter.js"));
 const _rating = require("./rating.js");
 const _mosaic = require("./mosaic.js");
 const _timer = require("./timer.js");
-const _card = require("./card.js");
+const _cardinternal = require("./card-internal.js");
+const _cardcover = require("./card-cover.js");
+const _cardnaked = require("./card-naked.js");
+const _carddata = require("./card-data.js");
+const _cardmedia = require("./card-media.js");
 const _stackinggroup = /*#__PURE__*/ _interop_require_default(require("./stacking-group.js"));
 const _hero = /*#__PURE__*/ _interop_require_default(require("./hero.js"));
 const _coverhero = /*#__PURE__*/ _interop_require_default(require("./cover-hero.js"));

package/dist/inline.css-mistica.js

@@ -10,13 +10,13 @@ function _export(target, all) {
 }
 _export(exports, {
     fullWidth: function() {
-        return _;
+        return a;
     },
     inline: function() {
-        return a;
+        return k;
     },
     marginInline: function() {
-        return k;
+        return _;
     },
     noFullWidth: function() {
         return r;
@@ -35,13 +35,13 @@ _export(exports, {
     }
 });
 require("./inline.css.ts.vanilla.css-mistica.js");
-var _ = "v16_36_1_kkfbnva", a = "v16_36_1_kkfbnv9", k = "v16_36_1_kkfbnv8", r = "v16_36_1_kkfbnvc", e = "v16_36_1_kkfbnvd", n = "v16_36_1_kkfbnve", b = {
-    space: "var(--v16_36_1_kkfbnv0)",
-    spaceMobile: "var(--v16_36_1_kkfbnv1)",
-    spaceTablet: "var(--v16_36_1_kkfbnv2)",
-    spaceDesktop: "var(--v16_36_1_kkfbnv3)",
-    verticalSpace: "var(--v16_36_1_kkfbnv4)",
-    verticalSpaceMobile: "var(--v16_36_1_kkfbnv5)",
-    verticalSpaceTablet: "var(--v16_36_1_kkfbnv6)",
-    verticalSpaceDesktop: "var(--v16_36_1_kkfbnv7)"
-}, f = "v16_36_1_kkfbnvb";
+var a = "v16_37_kkfbnva", k = "v16_37_kkfbnv9", _ = "v16_37_kkfbnv8", r = "v16_37_kkfbnvc", e = "v16_37_kkfbnvd", n = "v16_37_kkfbnve", b = {
+    space: "var(--v16_37_kkfbnv0)",
+    spaceMobile: "var(--v16_37_kkfbnv1)",
+    spaceTablet: "var(--v16_37_kkfbnv2)",
+    spaceDesktop: "var(--v16_37_kkfbnv3)",
+    verticalSpace: "var(--v16_37_kkfbnv4)",
+    verticalSpaceMobile: "var(--v16_37_kkfbnv5)",
+    verticalSpaceTablet: "var(--v16_37_kkfbnv6)",
+    verticalSpaceDesktop: "var(--v16_37_kkfbnv7)"
+}, f = "v16_37_kkfbnvb";

package/dist/list.css-mistica.js

@@ -25,10 +25,10 @@ _export(exports, {
         return r;
     },
     content: function() {
-        return i;
+        return t;
     },
     detail: function() {
-        return t;
+        return u;
     },
     detailRight: function() {
         return j;
@@ -37,48 +37,63 @@ _export(exports, {
         return e;
     },
     dualActionContainer: function() {
-        return u;
+        return i;
     },
     dualActionDivider: function() {
         return o;
     },
     dualActionLeft: function() {
-        return b;
+        return d;
     },
     dualActionRight: function() {
+        return g;
+    },
+    li: function() {
+        return k;
+    },
+    liContent: function() {
+        return b;
+    },
+    liWithCustomIcon: function() {
         return c;
     },
+    liWithoutMarker: function() {
+        return l;
+    },
     pointer: function() {
-        return g;
+        return s;
     },
     rightContent: function() {
-        return d;
+        return h;
     },
     rightRestrictedWidth: function() {
-        return l;
+        return m;
     },
     row: function() {
-        return s;
+        return w;
     },
     rowBody: function() {
-        return h;
+        return C;
     },
     rowContent: function() {
-        return w;
+        return p;
     },
     rowContentPadding: function() {
-        return k;
+        return x;
     },
     screenReaderOnly: function() {
-        return C;
+        return A;
     },
     touchableBackground: function() {
-        return p;
+        return R;
     },
     touchableBackgroundInverse: function() {
-        return A;
+        return B;
+    },
+    ul: function() {
+        return W;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./list.css.ts.vanilla.css-mistica.js");
-var n = "v16_36_1_1y2v1nfis v16_36_1_1y2v1nfja v16_36_1_1y2v1nfjc", f = "v16_36_1_1y2v1nfcr", y = "v16_36_1_1y2v1nfis v16_36_1_1y2v1nfj7 v16_36_1_1y2v1nfj1 v16_36_1_1y2v1nfki v16_36_1_1y2v1nfjw v16_36_1_1y2v1nfja", a = "v16_36_1_2buj9g2", r = "v16_36_1_1y2v1nfis v16_36_1_1y2v1nfj7", i = "v16_36_1_1y2v1nf90 v16_36_1_1y2v1nfa9 v16_36_1_1y2v1nfis v16_36_1_1y2v1nfjf v16_36_1_1y2v1nfl5", t = "v16_36_1_2buj9gk v16_36_1_1y2v1nfis v16_36_1_1y2v1nfj7", j = "v16_36_1_2buj9gj", e = "v16_36_1_2buj9g0", u = "v16_36_1_1y2v1nfis v16_36_1_1y2v1nfix v16_36_1_1y2v1nfjw", o = "v16_36_1_2buj9gq v16_36_1_1y2v1nfis", b = "v16_36_1_2buj9go v16_36_1_1y2v1nf8l v16_36_1_1y2v1nf9u v16_36_1_1y2v1nfb3 v16_36_1_1y2v1nfcc v16_36_1_1y2v1nfla v16_36_1_1y2v1nf8k v16_36_1_1y2v1nfbi v16_36_1_1y2v1nfcr v16_36_1_1y2v1nfiu v16_36_1_1y2v1nfjd", c = "v16_36_1_2buj9gs v16_36_1_1y2v1nf8l v16_36_1_1y2v1nf9u v16_36_1_1y2v1nfb3 v16_36_1_1y2v1nfcc v16_36_1_1y2v1nfla v16_36_1_1y2v1nf8k v16_36_1_1y2v1nfbi v16_36_1_1y2v1nfcr v16_36_1_1y2v1nfis v16_36_1_1y2v1nfj7 v16_36_1_1y2v1nfjc v16_36_1_1y2v1nfjg v16_36_1_1y2v1nfjw", g = "v16_36_1_1y2v1nflt", d = "v16_36_1_2buj9gh", l = "v16_36_1_2buj9gi", s = "v16_36_1_1y2v1nfjf", h = "v16_36_1_1y2v1nfis v16_36_1_1y2v1nfiy v16_36_1_1y2v1nfje", w = "v16_36_1_2buj9g7 v16_36_1_1y2v1nf8l v16_36_1_1y2v1nf9u v16_36_1_1y2v1nfb3 v16_36_1_1y2v1nfcc v16_36_1_1y2v1nfjf v16_36_1_1y2v1nfla v16_36_1_1y2v1nf8k v16_36_1_1y2v1nfiu v16_36_1_1y2v1nfjw v16_36_1_1y2v1nfim", k = "v16_36_1_1y2v1nfbi v16_36_1_1y2v1nfcr", C = "v16_36_1_2buj9g8", p = "v16_36_1_2buj9g3", A = "v16_36_1_2buj9g4";
+var n = "v16_37_1y2v1nfjs v16_37_1y2v1nfka v16_37_1y2v1nfkc", f = "v16_37_1y2v1nfdr", y = "v16_37_1y2v1nfjs v16_37_1y2v1nfk7 v16_37_1y2v1nfk1 v16_37_1y2v1nfli v16_37_1y2v1nfkw v16_37_1y2v1nfka", a = "v16_37_2buj9g2", r = "v16_37_1y2v1nfjs v16_37_1y2v1nfk7", t = "v16_37_1y2v1nfa0 v16_37_1y2v1nfb9 v16_37_1y2v1nfjs v16_37_1y2v1nfkf v16_37_1y2v1nfm5", u = "v16_37_2buj9gk v16_37_1y2v1nfjs v16_37_1y2v1nfk7", j = "v16_37_2buj9gj", e = "v16_37_2buj9g0", i = "v16_37_1y2v1nfjs v16_37_1y2v1nfjx v16_37_1y2v1nfkw", o = "v16_37_2buj9gq v16_37_1y2v1nfjs", d = "v16_37_2buj9go v16_37_1y2v1nf9l v16_37_1y2v1nfau v16_37_1y2v1nfc3 v16_37_1y2v1nfdc v16_37_1y2v1nfma v16_37_1y2v1nf9k v16_37_1y2v1nfci v16_37_1y2v1nfdr v16_37_1y2v1nfju v16_37_1y2v1nfkd", g = "v16_37_2buj9gs v16_37_1y2v1nf9l v16_37_1y2v1nfau v16_37_1y2v1nfc3 v16_37_1y2v1nfdc v16_37_1y2v1nfma v16_37_1y2v1nf9k v16_37_1y2v1nfci v16_37_1y2v1nfdr v16_37_1y2v1nfjs v16_37_1y2v1nfk7 v16_37_1y2v1nfkc v16_37_1y2v1nfkg v16_37_1y2v1nfkw", k = "v16_37_2buj9gw", b = "v16_37_2buj9gx", c = "v16_37_2buj9gu", l = "v16_37_2buj9gv", s = "v16_37_1y2v1nfmt", h = "v16_37_2buj9gh", m = "v16_37_2buj9gi", w = "v16_37_1y2v1nfkf", C = "v16_37_1y2v1nfjs v16_37_1y2v1nfjy v16_37_1y2v1nfke", p = "v16_37_2buj9g7 v16_37_1y2v1nf9l v16_37_1y2v1nfau v16_37_1y2v1nfc3 v16_37_1y2v1nfdc v16_37_1y2v1nfkf v16_37_1y2v1nfma v16_37_1y2v1nf9k v16_37_1y2v1nfju v16_37_1y2v1nfkw v16_37_1y2v1nfjm", x = "v16_37_1y2v1nfci v16_37_1y2v1nfdr", A = "v16_37_2buj9g8", R = "v16_37_2buj9g3", B = "v16_37_2buj9g4", W = "v16_37_2buj9gt";

package/dist/list.css.d.ts

@@ -21,3 +21,8 @@ export declare const dualActionContainer: string;
 export declare const dualActionLeft: string;
 export declare const dualActionDivider: string;
 export declare const dualActionRight: string;
+export declare const ul: string;
+export declare const liWithCustomIcon: string;
+export declare const liWithoutMarker: string;
+export declare const li: string;
+export declare const liContent: string;

package/dist/list.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import type { IconButtonProps, ToggleIconButtonProps } from './icon-button';
 import type { TouchableElement } from './touchable';
-import type { DataAttributes, TrackingEvent } from './utils/types';
+import type { DataAttributes, TrackingEvent, IconProps } from './utils/types';
 import type { ExclusifyUnion } from './utils/utility-types';
 type Right = (({ centerY }: {
     centerY: boolean;
@@ -122,4 +122,19 @@ type BoxedRowListProps = {
     dataAttributes?: DataAttributes;
 } & CommonAccessibilityProps;
 export declare const BoxedRowList: ({ children, ariaLabelledby, role, dataAttributes, "aria-live": ariaLive, "aria-atomic": ariaAtomic, }: BoxedRowListProps) => JSX.Element;
+type UnorderedListProps = {
+    children: React.ReactNode;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+};
+type OrderedListProps = UnorderedListProps;
+export declare const UnorderedList: ({ children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, }: UnorderedListProps) => JSX.Element;
+export declare const OrderedList: ({ children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, }: OrderedListProps) => JSX.Element;
+type ListItemProps = {
+    children: React.ReactNode;
+    Icon?: (props: IconProps) => JSX.Element;
+    icon?: JSX.Element;
+    withMarker?: boolean;
+};
+export declare const ListItem: ({ children, Icon, icon, withMarker }: ListItemProps) => JSX.Element;
 export {};