@telefonica/mistica 14.24.1 → 14.26.0

package/dist/index.js

@@ -9,6 +9,12 @@ function _export(target, all) {
     });
 }
 _export(exports, {
+    Accordion: function() {
+        return _accordion.Accordion;
+    },
+    AccordionItem: function() {
+        return _accordion.AccordionItem;
+    },
     ActionsListSheet: function() {
         return _sheet.ActionsListSheet;
     },
@@ -33,6 +39,12 @@ _export(exports, {
     Boxed: function() {
         return _boxed.Boxed;
     },
+    BoxedAccordion: function() {
+        return _accordion.BoxedAccordion;
+    },
+    BoxedAccordionItem: function() {
+        return _accordion.BoxedAccordionItem;
+    },
     BoxedRow: function() {
         return _list.BoxedRow;
     },
@@ -5221,7 +5233,13 @@ _export(exports, {
         return _card.MediaCard;
     },
     Menu: function() {
-        return _menu.default;
+        return _menu.Menu;
+    },
+    MenuItem: function() {
+        return _menu.MenuItem;
+    },
+    MenuSection: function() {
+        return _menu.MenuSection;
     },
     MonthField: function() {
         return _monthfield.default;
@@ -5277,6 +5295,9 @@ _export(exports, {
     PhoneNumberField: function() {
         return _phonenumberfield.default;
     },
+    PinField: function() {
+        return _pinfield.default;
+    },
     Placeholder: function() {
         return _placeholder.Placeholder;
     },
@@ -5290,7 +5311,10 @@ _export(exports, {
         return _card.PosterCard;
     },
     ProgressBar: function() {
-        return _progressbar.default;
+        return _progressbar.ProgressBar;
+    },
+    ProgressBarStepped: function() {
+        return _progressbar.ProgressBarStepped;
     },
     RadioButton: function() {
         return _radiobutton.default;
@@ -5343,6 +5367,9 @@ _export(exports, {
     SkeletonText: function() {
         return _skeletons.SkeletonText;
     },
+    Slider: function() {
+        return _slider.default;
+    },
     Slideshow: function() {
         return _carousel.Slideshow;
     },
@@ -5603,6 +5630,7 @@ const _screenreaderonly = /*#__PURE__*/ _interop_require_default(require("./scre
 const _touchable = /*#__PURE__*/ _interop_require_default(require("./touchable.js"));
 const _spinner = /*#__PURE__*/ _interop_require_default(require("./spinner.js"));
 const _fadein = /*#__PURE__*/ _interop_require_default(require("./fade-in.js"));
+const _accordion = require("./accordion.js");
 const _button = require("./button.js");
 const _buttonlayout = /*#__PURE__*/ _interop_require_default(require("./button-layout.js"));
 const _fixedfooterlayout = /*#__PURE__*/ _interop_require_default(require("./fixed-footer-layout.js"));
@@ -5644,15 +5672,16 @@ 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 = /*#__PURE__*/ _interop_require_default(require("./progress-bar.js"));
+const _progressbar = require("./progress-bar.js");
 const _card = require("./card.js");
 const _hero = /*#__PURE__*/ _interop_require_default(require("./hero.js"));
 const _divider = /*#__PURE__*/ _interop_require_default(require("./divider.js"));
-const _menu = /*#__PURE__*/ _interop_require_default(require("./menu.js"));
+const _menu = require("./menu.js");
 const _emptystate = /*#__PURE__*/ _interop_require_default(require("./empty-state.js"));
 const _emptystatecard = /*#__PURE__*/ _interop_require_default(require("./empty-state-card.js"));
 const _callout = /*#__PURE__*/ _interop_require_default(require("./callout.js"));
 const _avatar = /*#__PURE__*/ _interop_require_default(require("./avatar.js"));
+const _slider = /*#__PURE__*/ _interop_require_default(require("./slider.js"));
 const _modalcontextprovider = require("./modal-context-provider.js");
 const _navigationbar = require("./navigation-bar.js");
 const _logo = require("./logo.js");
@@ -5667,6 +5696,7 @@ const _stackinggroup = /*#__PURE__*/ _interop_require_default(require("./stackin
 const _form = /*#__PURE__*/ _interop_require_default(require("./form.js"));
 const _select = /*#__PURE__*/ _interop_require_default(require("./select.js"));
 const _textfield = /*#__PURE__*/ _interop_require_default(require("./text-field.js"));
+const _pinfield = /*#__PURE__*/ _interop_require_default(require("./pin-field.js"));
 const _textfieldbase = require("./text-field-base.js");
 const _searchfield = /*#__PURE__*/ _interop_require_default(require("./search-field.js"));
 const _emailfield = /*#__PURE__*/ _interop_require_default(require("./email-field.js"));

package/dist/integer-field.d.ts

@@ -1,6 +1,10 @@
 import * as React from 'react';
 import type { CommonFormFieldProps } from './text-field-base';
-export declare const IntegerInput: React.FC<any>;
+type IntegerInputProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'inputMode' | 'pattern' | 'onInput' | 'type'> & {
+    inputRef: React.ForwardedRef<HTMLInputElement>;
+    type?: 'text' | 'password';
+};
+export declare const IntegerInput: ({ inputRef, value, defaultValue, type, ...rest }: IntegerInputProps) => React.ReactElement;
 export interface IntegerFieldProps extends CommonFormFieldProps {
     onChangeValue?: (value: string, rawValue: string) => void;
 }

package/dist/integer-field.js

@@ -100,25 +100,26 @@ function _object_without_properties_loose(source, excluded) {
     return target;
 }
 const T = (_param)=>{
-    var { inputRef: u , value: r , defaultValue: n  } = _param, i = _object_without_properties(_param, [
+    var { inputRef: u , value: r , defaultValue: n , type: i = "text"  } = _param, o = _object_without_properties(_param, [
         "inputRef",
         "value",
-        "defaultValue"
+        "defaultValue",
+        "type"
     ]);
     const t = (e)=>String(e !== null && e !== void 0 ? e : "").replace(/[^\d]/g, "");
-    return /* @__PURE__ */ (0, _jsxruntime.jsx)("input", _object_spread_props(_object_spread({}, i), {
+    return /* @__PURE__ */ (0, _jsxruntime.jsx)("input", _object_spread_props(_object_spread({}, o), {
         inputMode: "numeric",
         pattern: "[0-9]*",
         onInput: (e)=>{
             e.currentTarget.value = t(e.currentTarget.value);
         },
         ref: u,
-        type: "text",
+        type: i,
         value: r === void 0 ? void 0 : t(r),
         defaultValue: n === void 0 ? void 0 : t(n)
     }));
 }, h = (_param)=>{
-    var { disabled: u , error: r , helperText: n , name: i , optional: t , validate: o , onChange: e , onChangeValue: d , onBlur: p , value: m , defaultValue: a  } = _param, l = _object_without_properties(_param, [
+    var { disabled: u , error: r , helperText: n , name: i , optional: o , validate: t , onChange: c , onChangeValue: e , onBlur: m , value: p , defaultValue: a  } = _param, l = _object_without_properties(_param, [
         "disabled",
         "error",
         "helperText",
@@ -133,17 +134,17 @@ const T = (_param)=>{
     ]);
     const { texts: f  } = (0, _hooks.useTheme)(), g = (0, _formcontext.useFieldProps)({
         name: i,
-        value: m,
+        value: p,
         defaultValue: a,
         processValue: (s)=>s.trim(),
         helperText: n,
-        optional: t,
+        optional: o,
         error: r,
         disabled: u,
-        onBlur: p,
-        validate: (s, I)=>s ? o == null ? void 0 : o(s, I) : t ? "" : f.formFieldErrorIsMandatory,
-        onChange: e,
-        onChangeValue: d
+        onBlur: m,
+        validate: (s, I)=>s ? t == null ? void 0 : t(s, I) : o ? "" : f.formFieldErrorIsMandatory,
+        onChange: c,
+        onChangeValue: e
     });
     return /* @__PURE__ */ (0, _jsxruntime.jsx)(_textfieldbase.TextFieldBaseAutosuggest, _object_spread_props(_object_spread({}, l, g), {
         inputComponent: T

package/dist/list.d.ts

@@ -23,6 +23,14 @@ interface CommonProps {
 type Right = (({ centerY }: {
     centerY: boolean;
 }) => React.ReactNode) | React.ReactNode;
+interface ContentProps extends CommonProps {
+    isClickable?: boolean;
+    type?: 'chevron' | 'basic' | 'custom' | 'control';
+    right?: Right;
+    /** This id is to link the title with the related control */
+    labelId?: string;
+}
+export declare const Content: React.FC<ContentProps>;
 type ControlProps = {
     name?: string;
     value?: boolean;

package/dist/list.js

@@ -15,6 +15,9 @@ _export(exports, {
     BoxedRowList: function() {
         return Je;
     },
+    Content: function() {
+        return ye;
+    },
     Row: function() {
         return qe;
     },

package/dist/menu.css-mistica.js

@@ -9,26 +9,50 @@ function _export(target, all) {
     });
 }
 _export(exports, {
-    hideItems: function() {
+    iconContainer: function() {
         return r;
     },
+    itemContent: function() {
+        return n;
+    },
     menuContainer: function() {
+        return v;
+    },
+    menuItem: function() {
+        return t;
+    },
+    menuItemDisabled: function() {
         return _;
     },
-    showItems: function() {
+    menuItemEnabled: function() {
         return a;
     },
+    menuItemHovered: function() {
+        return u;
+    },
+    menuSectionDivider: function() {
+        return i;
+    },
+    menuTransitionClasses: function() {
+        return m;
+    },
     vars: function() {
-        return n;
+        return o;
     }
 });
 require("./sprinkles.css.ts.vanilla.css-mistica.js");
 require("./menu.css.ts.vanilla.css-mistica.js");
-var r = "_2k0k3u9", _ = "_2k0k3u7 _1y2v1nf5z _1y2v1nf78 _1y2v1nf8h _1y2v1nf9q _1y2v1nf31 _1y2v1nfdx _1y2v1nfb6 _1y2v1nfbc _1y2v1nfb1", a = "_2k0k3u8", n = {
+var r = "_2k0k3uj", n = "_2k0k3ui", v = "_2k0k3u8 _1y2v1nf68 _1y2v1nf7h _1y2v1nf8q _1y2v1nf9z _1y2v1nf31 _1y2v1nfdz _1y2v1nfb6 _1y2v1nfbc _1y2v1nfb1", t = "_2k0k3ud", _ = "_2k0k3ug", a = "_2k0k3uf", u = "_2k0k3ue", i = "_2k0k3uh", m = {
+    enter: "_2k0k3u9",
+    enterActive: "_2k0k3ua",
+    exit: "_2k0k3ub",
+    exitActive: "_2k0k3uc"
+}, o = {
     top: "var(--_2k0k3u0)",
     bottom: "var(--_2k0k3u1)",
     left: "var(--_2k0k3u2)",
+    right: "var(--_2k0k3u4)",
     width: "var(--_2k0k3u3)",
-    maxHeight: "var(--_2k0k3u4)",
-    transformOrigin: "var(--_2k0k3u5)"
+    maxHeight: "var(--_2k0k3u5)",
+    transformOrigin: "var(--_2k0k3u6)"
 };

package/dist/menu.css.d.ts

@@ -2,10 +2,22 @@ export declare const vars: {
     top: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     bottom: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     left: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+    right: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     width: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     maxHeight: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
     transformOrigin: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
 };
 export declare const menuContainer: string;
-export declare const showItems: string;
-export declare const hideItems: string;
+export declare const menuTransitionClasses: {
+    enter: string;
+    enterActive: string;
+    exit: string;
+    exitActive: string;
+};
+export declare const menuItem: string;
+export declare const menuItemHovered: string;
+export declare const menuItemEnabled: string;
+export declare const menuItemDisabled: string;
+export declare const menuSectionDivider: string;
+export declare const itemContent: string;
+export declare const iconContainer: string;

package/dist/menu.d.ts

@@ -1,5 +1,27 @@
 import * as React from 'react';
-import type { DataAttributes } from './utils/types';
+import type { ExclusifyUnion } from './utils/utility-types';
+import type { DataAttributes, IconProps } from './utils/types';
+interface MenuItemBaseProps {
+    label: string;
+    Icon?: React.FC<IconProps>;
+    destructive?: boolean;
+    disabled?: boolean;
+    onPress: (item: number) => void;
+}
+interface MenuItemWithoutControlProps extends MenuItemBaseProps {
+    controlType?: undefined;
+    checked?: undefined;
+}
+interface MenuItemWithControlProps extends MenuItemBaseProps {
+    controlType?: 'checkbox';
+    checked?: boolean;
+}
+type MenuItemProps = ExclusifyUnion<MenuItemWithControlProps | MenuItemWithoutControlProps>;
+export declare const MenuItem: React.FC<MenuItemProps>;
+type MenuSectionProps = {
+    children?: React.ReactNode;
+};
+export declare const MenuSection: React.FC<MenuSectionProps>;
 type MenuRenderProps = {
     ref: (element: HTMLElement | null) => void;
     className: string;
@@ -18,5 +40,5 @@ export type MenuProps = {
     position?: 'left' | 'right';
     dataAttributes?: DataAttributes;
 };
-declare const Menu: React.FC<MenuProps>;
-export default Menu;
+export declare const Menu: React.FC<MenuProps>;
+export {};