@telefonica/mistica 17.2.0 → 17.4.0

package/dist/index.d.ts

@@ -90,6 +90,11 @@ export { Grid, GridItem } from './grid';
 export { default as Drawer } from './drawer';
 export { default as Timeline, TimelineItem } from './timeline';
 export { default as SkipLink, SkipLinkNav } from './skip-link';
+export { SidenavBar } from './sidenav-bar';
+export { SidenavLayout } from './sidenav-bar-layout';
+export type { SidenavBarProps } from './sidenav-bar';
+export type { SidenavLayoutProps } from './sidenav-bar-layout';
+export type { SidenavEntry, SidenavSection, SidenavFirstLevelItem, SidenavSecondLevelItem, SidenavSectionTitle, SidenavSlot, SidenavSlotRenderProps, SidenavCollapseState, } from './sidenav-bar-types';
 export { default as SheetRoot, showSheet } from './sheet-root';
 export type { NativeSheetImplementation } from './sheet-types';
 export { default as Sheet, SheetBody } from './sheet-common';

package/dist/index.js

@@ -6964,7 +6964,7 @@ _export(exports, {
         return _cardnaked.NakedCard;
     },
     get NavigationBar () {
-        return _navigationbar.NavigationBar;
+        return _navigationshared.NavigationBar;
     },
     get NavigationBarAction () {
         return _navigationbar.NavigationBarAction;
@@ -7062,6 +7062,12 @@ _export(exports, {
     get SheetRoot () {
         return _sheetroot.SheetRoot;
     },
+    get SidenavBar () {
+        return _sidenavbar.default;
+    },
+    get SidenavLayout () {
+        return _sidenavbarlayout.default;
+    },
     get SkeletonCircle () {
         return _skeletons.SkeletonCircle;
     },
@@ -7462,6 +7468,8 @@ const _grid = require("./grid.js");
 const _drawer = /*#__PURE__*/ _interop_require_default(require("./drawer.js"));
 const _timeline = /*#__PURE__*/ _interop_require_wildcard(require("./timeline.js"));
 const _skiplink = /*#__PURE__*/ _interop_require_wildcard(require("./skip-link.js"));
+const _sidenavbar = /*#__PURE__*/ _interop_require_default(require("./sidenav-bar.js"));
+const _sidenavbarlayout = /*#__PURE__*/ _interop_require_default(require("./sidenav-bar-layout.js"));
 const _sheetroot = require("./sheet-root.js");
 const _sheetcommon = /*#__PURE__*/ _interop_require_wildcard(require("./sheet-common.js"));
 const _form = /*#__PURE__*/ _interop_require_default(require("./form.js"));
@@ -9728,6 +9736,7 @@ const _iconworlddeviceregular = /*#__PURE__*/ _interop_require_default(require("
 const _iconwritingfilled = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-writing-filled.js"));
 const _iconwritinglight = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-writing-light.js"));
 const _iconwritingregular = /*#__PURE__*/ _interop_require_default(require("./generated/mistica-icons/icon-writing-regular.js"));
+const _navigationshared = require("./navigation-shared.js");
 function _interop_require_default(obj) {
     return obj && obj.__esModule ? obj : {
         default: obj

package/dist/inline.css-mistica.js

@@ -41,14 +41,14 @@ _export(exports, {
     }
 });
 /* empty css                                  */ var a = {
-    space: "var(--v17_2_kkfbnv0)",
-    spaceMobile: "var(--v17_2_kkfbnv1)",
-    spaceTablet: "var(--v17_2_kkfbnv2)",
-    spaceDesktop: "var(--v17_2_kkfbnv3)",
-    verticalSpace: "var(--v17_2_kkfbnv4)",
-    verticalSpaceMobile: "var(--v17_2_kkfbnv5)",
-    verticalSpaceTablet: "var(--v17_2_kkfbnv6)",
-    verticalSpaceDesktop: "var(--v17_2_kkfbnv7)",
-    childAlignItems: "var(--v17_2_kkfbnv8)",
-    childDisplay: "var(--v17_2_kkfbnv9)"
-}, k = "v17_2_kkfbnva", _ = "v17_2_kkfbnvb", r = "v17_2_kkfbnvc", n = "v17_2_kkfbnvd", e = "v17_2_kkfbnve", b = "v17_2_kkfbnvf", f = "v17_2_kkfbnvg", i = "v17_2_kkfbnvh", p = "v17_2_kkfbnvi";
+    space: "var(--v17_4_kkfbnv0)",
+    spaceMobile: "var(--v17_4_kkfbnv1)",
+    spaceTablet: "var(--v17_4_kkfbnv2)",
+    spaceDesktop: "var(--v17_4_kkfbnv3)",
+    verticalSpace: "var(--v17_4_kkfbnv4)",
+    verticalSpaceMobile: "var(--v17_4_kkfbnv5)",
+    verticalSpaceTablet: "var(--v17_4_kkfbnv6)",
+    verticalSpaceDesktop: "var(--v17_4_kkfbnv7)",
+    childAlignItems: "var(--v17_4_kkfbnv8)",
+    childDisplay: "var(--v17_4_kkfbnv9)"
+}, k = "v17_4_kkfbnva", _ = "v17_4_kkfbnvb", r = "v17_4_kkfbnvc", n = "v17_4_kkfbnvd", e = "v17_4_kkfbnve", b = "v17_4_kkfbnvf", f = "v17_4_kkfbnvg", i = "v17_4_kkfbnvh", p = "v17_4_kkfbnvi";

package/dist/list.css-mistica.js

@@ -10,25 +10,25 @@ function _export(target, all) {
 }
 _export(exports, {
     get asset () {
-        return o;
+        return d;
     },
     get assetContainer () {
-        return i;
+        return o;
     },
     get badge () {
-        return l;
+        return c;
     },
     get boxed () {
-        return u;
+        return y;
     },
     get center () {
-        return d;
+        return h;
     },
     get content () {
-        return j;
+        return e;
     },
     get detail () {
-        return w;
+        return C;
     },
     get detailRight () {
         return p;
@@ -37,70 +37,82 @@ _export(exports, {
         return n;
     },
     get dualActionBody () {
-        return C;
+        return A;
     },
     get dualActionContainer () {
-        return k;
+        return m;
     },
     get dualActionDivider () {
-        return B;
+        return D;
     },
     get dualActionLeft () {
-        return A;
+        return B;
     },
     get dualActionRight () {
         return x;
     },
     get dualActionRightIconButton () {
-        return m;
+        return R;
     },
     get innerContent () {
-        return t;
+        return i;
     },
     get li () {
-        return I;
+        return W;
     },
     get liContent () {
-        return W;
+        return q;
     },
     get liWithCustomIcon () {
-        return q;
+        return I;
     },
     get liWithoutMarker () {
-        return R;
+        return O;
     },
     get pointer () {
-        return f;
+        return t;
     },
     get rightContent () {
-        return s;
+        return k;
     },
     get row () {
         return r;
     },
     get rowBody () {
-        return e;
+        return l;
     },
     get rowContent () {
-        return g;
+        return b;
     },
     get rowContentPadding () {
-        return b;
+        return j;
     },
     get rowDivider () {
-        return c;
+        return s;
     },
     get rowDividerDualAction () {
-        return h;
+        return w;
+    },
+    get selectionOutline () {
+        return u;
+    },
+    get selectionOutlineColor () {
+        return g;
     },
     get touchableBackground () {
-        return y;
+        return a;
     },
     get touchableBackgroundBrand () {
-        return a;
+        return f;
     },
     get ul () {
-        return D;
+        return z;
     }
 });
-/* empty css                                     */ /* empty css                                */ var n = "v17_2_2buj9g0", r = "v17_2_2buj9g1", u = "v17_2_2buj9g2", y = "v17_2_2buj9g3", a = "v17_2_2buj9g4", f = "v17_2_2buj9g5 v17_2_1y2v1nfud", g = "v17_2_2buj9g7 v17_2_2buj9g6 v17_2_1y2v1nfh3 v17_2_1y2v1nfic v17_2_1y2v1nfjl v17_2_1y2v1nfku v17_2_1y2v1nfrx v17_2_1y2v1nfts v17_2_1y2v1nfh2 v17_2_1y2v1nfrc v17_2_1y2v1nfse v17_2_1y2v1nfr4", b = "v17_2_2buj9g8", j = "v17_2_2buj9ga v17_2_2buj9g9 v17_2_1y2v1nfrx v17_2_1y2v1nfhi", t = "v17_2_2buj9gb", i = "v17_2_2buj9gd v17_2_2buj9gc v17_2_1y2v1nfl9", o = "v17_2_2buj9ge v17_2_1y2v1nfra v17_2_1y2v1nfrs v17_2_1y2v1nfru", e = "v17_2_2buj9gf v17_2_1y2v1nfra v17_2_1y2v1nfrg v17_2_1y2v1nfrw", d = "v17_2_2buj9gg v17_2_1y2v1nfra v17_2_1y2v1nfrp", l = "v17_2_2buj9gi v17_2_2buj9gg v17_2_1y2v1nfra v17_2_1y2v1nfrp v17_2_2buj9gh v17_2_1y2v1nfrj v17_2_1y2v1nft0 v17_2_1y2v1nfse v17_2_1y2v1nfrs", c = "v17_2_2buj9gj", h = "v17_2_2buj9gk", s = "v17_2_2buj9gl", p = "v17_2_2buj9gm", w = "v17_2_2buj9gn v17_2_2buj9gg v17_2_1y2v1nfra v17_2_1y2v1nfrp", k = "v17_2_2buj9go", C = "v17_2_2buj9gp", A = "v17_2_2buj9gs v17_2_2buj9gq v17_2_1y2v1nfh3 v17_2_1y2v1nfic v17_2_1y2v1nfjl v17_2_1y2v1nfku v17_2_1y2v1nfts v17_2_1y2v1nfh2 v17_2_2buj9gr v17_2_1y2v1nfrc v17_2_1y2v1nfrv", B = "v17_2_2buj9gu v17_2_2buj9gt v17_2_1y2v1nfra", x = "v17_2_2buj9gy v17_2_2buj9gw v17_2_2buj9gq v17_2_1y2v1nfh3 v17_2_1y2v1nfic v17_2_1y2v1nfjl v17_2_1y2v1nfku v17_2_1y2v1nfts v17_2_1y2v1nfh2 v17_2_2buj9gv v17_2_1y2v1nfra v17_2_1y2v1nfrp v17_2_1y2v1nfru v17_2_1y2v1nfry v17_2_2buj9gx v17_2_1y2v1nfse", m = "v17_2_2buj9gz v17_2_2buj9gw v17_2_2buj9gq v17_2_1y2v1nfh3 v17_2_1y2v1nfic v17_2_1y2v1nfjl v17_2_1y2v1nfku v17_2_1y2v1nfts v17_2_1y2v1nfh2 v17_2_2buj9gv v17_2_1y2v1nfra v17_2_1y2v1nfrp v17_2_1y2v1nfru v17_2_1y2v1nfry", D = "v17_2_2buj9g10", q = "v17_2_2buj9g11", R = "v17_2_2buj9g12", I = "v17_2_2buj9g13", W = "v17_2_2buj9g14";
+/* empty css                                     */ /* empty css                                */ var n = "v17_4_2buj9g0", r = "v17_4_2buj9g1", u = "v17_4_2buj9g2", y = "v17_4_2buj9g3", g = {
+    default: "v17_4_2buj9g4",
+    alternative: "v17_4_2buj9g5",
+    brand: "v17_4_2buj9g6",
+    media: "v17_4_2buj9g7",
+    negative: "v17_4_2buj9g8"
+}, a = "v17_4_2buj9g9", f = "v17_4_2buj9ga", t = "v17_4_2buj9gb v17_4_1y2v1nfuh", b = "v17_4_2buj9gd v17_4_2buj9gc v17_4_1y2v1nfh7 v17_4_1y2v1nfig v17_4_1y2v1nfjp v17_4_1y2v1nfky v17_4_1y2v1nfs1 v17_4_1y2v1nftw v17_4_1y2v1nfh6 v17_4_1y2v1nfrg v17_4_1y2v1nfsi v17_4_1y2v1nfr8", j = "v17_4_2buj9ge", e = "v17_4_2buj9gg v17_4_2buj9gf v17_4_1y2v1nfs1 v17_4_1y2v1nfhm", i = "v17_4_2buj9gh", o = "v17_4_2buj9gj v17_4_2buj9gi v17_4_1y2v1nfld", d = "v17_4_2buj9gk v17_4_1y2v1nfre v17_4_1y2v1nfrw v17_4_1y2v1nfry", l = "v17_4_2buj9gl v17_4_1y2v1nfre v17_4_1y2v1nfrk v17_4_1y2v1nfs0", h = "v17_4_2buj9gm v17_4_1y2v1nfre v17_4_1y2v1nfrt", c = "v17_4_2buj9go v17_4_2buj9gm v17_4_1y2v1nfre v17_4_1y2v1nfrt v17_4_2buj9gn v17_4_1y2v1nfrn v17_4_1y2v1nft4 v17_4_1y2v1nfsi v17_4_1y2v1nfrw", s = "v17_4_2buj9gp", w = "v17_4_2buj9gq", k = "v17_4_2buj9gr", p = "v17_4_2buj9gs", C = "v17_4_2buj9gt v17_4_2buj9gm v17_4_1y2v1nfre v17_4_1y2v1nfrt", m = "v17_4_2buj9gu", A = "v17_4_2buj9gv", B = "v17_4_2buj9gy v17_4_2buj9gw v17_4_1y2v1nfh7 v17_4_1y2v1nfig v17_4_1y2v1nfjp v17_4_1y2v1nfky v17_4_1y2v1nftw v17_4_1y2v1nfh6 v17_4_2buj9gx v17_4_1y2v1nfrg v17_4_1y2v1nfrz", D = "v17_4_2buj9g10 v17_4_2buj9gz v17_4_1y2v1nfre", x = "v17_4_2buj9g14 v17_4_2buj9g12 v17_4_2buj9gw v17_4_1y2v1nfh7 v17_4_1y2v1nfig v17_4_1y2v1nfjp v17_4_1y2v1nfky v17_4_1y2v1nftw v17_4_1y2v1nfh6 v17_4_2buj9g11 v17_4_1y2v1nfre v17_4_1y2v1nfrt v17_4_1y2v1nfry v17_4_1y2v1nfs2 v17_4_2buj9g13 v17_4_1y2v1nfsi", R = "v17_4_2buj9g15 v17_4_2buj9g12 v17_4_2buj9gw v17_4_1y2v1nfh7 v17_4_1y2v1nfig v17_4_1y2v1nfjp v17_4_1y2v1nfky v17_4_1y2v1nftw v17_4_1y2v1nfh6 v17_4_2buj9g11 v17_4_1y2v1nfre v17_4_1y2v1nfrt v17_4_1y2v1nfry v17_4_1y2v1nfs2", z = "v17_4_2buj9g16", I = "v17_4_2buj9g17", O = "v17_4_2buj9g18", W = "v17_4_2buj9g19", q = "v17_4_2buj9g1a";

package/dist/list.css.d.ts

@@ -1,6 +1,8 @@
 export declare const disabled: string;
 export declare const row: string;
+export declare const selectionOutline: string;
 export declare const boxed: string;
+export declare const selectionOutlineColor: Record<"default" | "brand" | "negative" | "alternative" | "media", string>;
 export declare const touchableBackground: string;
 export declare const touchableBackgroundBrand: string;
 export declare const pointer: string;

package/dist/list.d.ts

@@ -113,6 +113,8 @@ type RowListProps = {
 } & CommonAccessibilityProps;
 export declare const RowList: ({ children, role, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-live": ariaLive, "aria-atomic": ariaAtomic, dataAttributes, small, }: RowListProps) => JSX.Element;
 type CommonBoxedRowProps = {
+    selected?: boolean;
+} & ({
     variant?: 'default';
     danger: true;
 } | {
@@ -121,7 +123,7 @@ type CommonBoxedRowProps = {
 } | {
     variant?: 'default';
     danger: boolean;
-};
+});
 type BoxedRowProps = ExclusifyUnion<BasicRowContentProps | SwitchRowContentProps | RadioRowContentProps | IconButtonRowContentProps | CheckboxRowContentProps | HrefRowContentProps | ToRowContentProps | OnPressRowContentProps> & CommonBoxedRowProps;
 export declare const BoxedRow: React.ForwardRefExoticComponent<BoxedRowProps & React.RefAttributes<HTMLDivElement>>;
 type BoxedRowListProps = {