@telefonica/mistica 12.9.1 → 12.10.0

package/dist/sprinkles.css.d.ts

@@ -3,10 +3,10 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
     styles: {
         position: {
             values: {
-                absolute: {
+                fixed: {
                     defaultClass: string;
                 };
-                fixed: {
+                absolute: {
                     defaultClass: string;
                 };
                 relative: {
@@ -19,6 +19,9 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
         };
         display: {
             values: {
+                none: {
+                    defaultClass: string;
+                };
                 block: {
                     defaultClass: string;
                 };
@@ -34,9 +37,6 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
                 "inline-flex": {
                     defaultClass: string;
                 };
-                none: {
-                    defaultClass: string;
-                };
             };
         };
         flexDirection: {
@@ -51,6 +51,9 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
         };
         justifyContent: {
             values: {
+                center: {
+                    defaultClass: string;
+                };
                 "space-around": {
                     defaultClass: string;
                 };
@@ -60,9 +63,6 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
                 stretch: {
                     defaultClass: string;
                 };
-                center: {
-                    defaultClass: string;
-                };
                 "flex-end": {
                     defaultClass: string;
                 };
@@ -73,10 +73,10 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
         };
         alignItems: {
             values: {
-                stretch: {
+                center: {
                     defaultClass: string;
                 };
-                center: {
+                stretch: {
                     defaultClass: string;
                 };
                 "flex-end": {
@@ -85,6 +85,9 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
                 "flex-start": {
                     defaultClass: string;
                 };
+                baseline: {
+                    defaultClass: string;
+                };
             };
         };
         flexShrink: {
@@ -336,6 +339,9 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
                 80: {
                     defaultClass: string;
                 };
+                auto: {
+                    defaultClass: string;
+                };
                 "100%": {
                     defaultClass: string;
                 };
@@ -385,6 +391,9 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
                 80: {
                     defaultClass: string;
                 };
+                "100%": {
+                    defaultClass: string;
+                };
             };
         };
         minWidth: {
@@ -479,8 +488,25 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
                 };
             };
         };
+        maxWidth: {
+            values: {
+                "100%": {
+                    defaultClass: string;
+                };
+            };
+        };
+        maxHeight: {
+            values: {
+                "100%": {
+                    defaultClass: string;
+                };
+            };
+        };
         border: {
             values: {
+                none: {
+                    defaultClass: string;
+                };
                 regular: {
                     defaultClass: string;
                 };
@@ -508,6 +534,9 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
                 hidden: {
                     defaultClass: string;
                 };
+                visible: {
+                    defaultClass: string;
+                };
             };
         };
         top: {
@@ -694,6 +723,13 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
                 };
             };
         };
+        objectFit: {
+            values: {
+                cover: {
+                    defaultClass: string;
+                };
+            };
+        };
     };
 } & {
     styles: {
@@ -724,6 +760,28 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
                 transparent: {
                     defaultClass: string;
                 };
+                inherit: {
+                    defaultClass: string;
+                };
+            };
+        };
+        background: {
+            values: {
+                [x: `var(--${string})`]: {
+                    defaultClass: string;
+                };
+                [x: `var(--${string}, ${string})`]: {
+                    defaultClass: string;
+                };
+                [x: `var(--${string}, ${number})`]: {
+                    defaultClass: string;
+                };
+                transparent: {
+                    defaultClass: string;
+                };
+                inherit: {
+                    defaultClass: string;
+                };
             };
         };
         backgroundColor: {
@@ -740,6 +798,9 @@ export declare const sprinkles: import("@vanilla-extract/sprinkles/dist/declarat
                 transparent: {
                     defaultClass: string;
                 };
+                inherit: {
+                    defaultClass: string;
+                };
             };
         };
     };

package/dist/stack.css-mistica.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    flexStack: function() {
+        return r;
+    },
+    marginStack: function() {
+        return m;
+    },
+    vars: function() {
+        return v;
+    }
+});
+require("./stack.css.ts.vanilla.js");
+var r = "xjgm6d2", m = "xjgm6d1", v = {
+    space: "var(--xjgm6d0)"
+};

package/dist/stack.css.d.ts

@@ -0,0 +1,5 @@
+export declare const vars: {
+    space: import("@vanilla-extract/private").CSSVarFunction;
+};
+export declare const marginStack: string;
+export declare const flexStack: string;

package/dist/stack.css.js.flow

@@ -0,0 +1,7 @@
+// @flow
+
+declare export var vars: {
+  space: $PropertyType<$Exports<"@vanilla-extract/private">, "CSSVarFunction">,
+};
+declare export var marginStack: string;
+declare export var flexStack: string;

package/dist/stack.css.ts.vanilla.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return s;
+    }
+});
+var s = "";

package/dist/stack.js

@@ -5,13 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "default", {
     enumerable: true,
     get: function() {
-        return S;
+        return k;
     }
 });
 var _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
-var _jssJs = require("./jss.js");
 var _classnames = /*#__PURE__*/ _interopRequireDefault(require("classnames"));
+var _dynamic = require("@vanilla-extract/dynamic");
 var _domJs = require("./utils/dom.js");
+var _stackCssMisticaJs = require("./stack.css-mistica.js");
 var _jsxRuntimeJs = require("./_virtual/jsx-runtime.js");
 function _interopRequireDefault(obj) {
     return obj && obj.__esModule ? obj : {
@@ -109,37 +110,15 @@ function _objectSpreadProps(target, source) {
     }
     return target;
 }
-var p = (0, _jssJs.createUseStyles)(function() {
-    return {
-        marginStack: {
-            "& > div:not(:empty) ~ div:not(:empty)": {
-                marginTop: function marginTop(e) {
-                    return e.space;
-                }
-            }
-        },
-        flexStack: {
-            display: "flex",
-            flexDirection: "column",
-            height: "100%",
-            justifyContent: function justifyContent(e) {
-                return "space-".concat(e.space);
-            },
-            "& > div:empty": {
-                display: "none"
-            }
-        }
-    };
-}), S = function S(e) {
-    var t = e.space, s = e.className, r = e.children, c = e.role, a = p({
-        space: t
-    });
+var k = function k(a) {
+    var e = a.space, i = a.className, s = a.children, m = a.role, r = typeof e == "number";
     return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", _objectSpreadProps(_objectSpread({
-        className: (0, _classnames.default)(s, typeof t == "number" ? a.marginStack : a.flexStack),
-        role: c,
-        "aria-labelledby": e["aria-labelledby"]
-    }, (0, _domJs.getPrefixedDataAttributes)(e.dataAttributes)), {
-        children: _react.Children.map(r, function(l) {
+        className: (0, _classnames.default)(i, r ? _stackCssMisticaJs.marginStack : _stackCssMisticaJs.flexStack),
+        style: (0, _dynamic.assignInlineVars)(_defineProperty({}, _stackCssMisticaJs.vars.space, r ? "".concat(e, "px") : "space-".concat(e))),
+        role: m,
+        "aria-labelledby": a["aria-labelledby"]
+    }, (0, _domJs.getPrefixedDataAttributes)(a.dataAttributes)), {
+        children: _react.Children.map(s, function(l) {
             return /* @__PURE__ */ (0, _jsxRuntimeJs.jsx)("div", {
                 children: l
             });

package/dist/stepper.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 declare type StepperProps = {
-    steps: Array<string>;
+    steps: ReadonlyArray<string>;
     currentIndex: number;
     'aria-label'?: string;
     children?: void;

package/dist/stepper.js.flow

@@ -2,7 +2,7 @@
 
 import * as React from "react";
 declare type StepperProps = {
-  steps: Array<string>,
+  steps: $ReadOnlyArray<string>,
   currentIndex: number,
   "aria-label"?: string,
 };

package/dist/tag.css-mistica.js

@@ -10,4 +10,4 @@ Object.defineProperty(exports, "tag", {
 });
 require("./sprinkles.css.ts.vanilla.js");
 require("./tag.css.ts.vanilla.js");
-var _ = "_1wy08671 _1y2v1nf5i _1y2v1nf5w _1y2v1nf4w _1y2v1nf50 _1y2v1nf5a _1y2v1nf54 _1y2v1nf83 _1y2v1nf6q";
+var _ = "_1wy08671 _1y2v1nf7z _1y2v1nf8d _1y2v1nf7c _1y2v1nf7g _1y2v1nf7q _1y2v1nf7k _1y2v1nfam _1y2v1nf97";

package/dist/text-field-base.d.ts

@@ -20,12 +20,13 @@ export interface CommonFormFieldProps {
     onFocus?: (event: React.FocusEvent) => void;
     onBlur?: (event: React.FocusEvent) => void;
     fullWidth?: boolean;
-    getSuggestions?: (text: string) => Array<string>;
+    getSuggestions?: (text: string) => ReadonlyArray<string>;
     placeholder?: string;
     value?: string;
     defaultValue?: string;
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     children?: void;
+    readOnly?: boolean;
 }
 interface TextFieldBaseProps {
     id?: string;
@@ -50,7 +51,7 @@ interface TextFieldBaseProps {
     style?: React.CSSProperties;
     value?: string;
     inputRef?: React.Ref<HTMLInputElement | HTMLSelectElement>;
-    getSuggestions?: (value: string) => Array<string>;
+    getSuggestions?: (value: string) => ReadonlyArray<string>;
     onClick?: (event: React.MouseEvent) => void;
     onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
     onBlur?: (event: React.FocusEvent) => void;

package/dist/text-field-base.js.flow

@@ -47,11 +47,12 @@ export type CommonFormFieldProps = {
   onFocus?: (event: SyntheticFocusEvent<>) => void,
   onBlur?: (event: SyntheticFocusEvent<>) => void,
   fullWidth?: boolean,
-  getSuggestions?: (text: string) => Array<string>,
+  getSuggestions?: (text: string) => $ReadOnlyArray<string>,
   placeholder?: string,
   value?: string,
   defaultValue?: string,
   onChange?: (event: SyntheticEvent<HTMLInputElement>) => void,
+  readOnly?: boolean,
 };
 declare type TextFieldBaseProps = {
   id?: string,
@@ -76,7 +77,7 @@ declare type TextFieldBaseProps = {
   style?: CssStyle,
   value?: string,
   inputRef?: React.Ref<HTMLInputElement | HTMLSelectElement>,
-  getSuggestions?: (value: string) => Array<string>,
+  getSuggestions?: (value: string) => $ReadOnlyArray<string>,
   onClick?: (event: SyntheticMouseEvent<>) => void,
   onChange?: (event: SyntheticEvent<HTMLInputElement>) => void,
   onBlur?: (event: SyntheticFocusEvent<>) => void,

package/dist/text-field.d.ts

@@ -6,7 +6,7 @@ export interface TextFieldProps extends CommonFormFieldProps {
     multiline?: boolean;
     prefix?: React.ReactNode;
     endIcon?: React.ReactNode;
-    getSuggestions?: (value: string) => Array<string>;
+    getSuggestions?: (value: string) => ReadonlyArray<string>;
 }
 declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;
 export default TextField;

package/dist/text-field.js.flow

@@ -10,7 +10,7 @@ export type TextFieldProps = {
   multiline?: boolean,
   prefix?: React.Node,
   endIcon?: React.Node,
-  getSuggestions?: (value: string) => Array<string>,
+  getSuggestions?: (value: string) => $ReadOnlyArray<string>,
 };
 declare var TextField: React.AbstractComponent<TextFieldProps, HTMLInputElement>;
 declare export default typeof TextField;

package/dist/text.css-mistica.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    text: function() {
+        return r;
+    },
+    truncateToMoreThanOneLine: function() {
+        return a;
+    },
+    truncateToOneLine: function() {
+        return p;
+    },
+    vars: function() {
+        return l;
+    },
+    withWordBreak: function() {
+        return s;
+    },
+    withoutWordBreak: function() {
+        return t;
+    }
+});
+require("./text.css.ts.vanilla.js");
+var r = "splu5g7", a = "splu5ga splu5g8", p = "splu5g9 splu5g8", l = {
+    mobileSize: "var(--splu5g0)",
+    desktopSize: "var(--splu5g1)",
+    mobileLineHeight: "var(--splu5g2)",
+    desktopLineHeight: "var(--splu5g3)",
+    lineClamp: "var(--splu5g4)"
+}, s = "splu5g5", t = "splu5g6";

package/dist/text.css.d.ts

@@ -0,0 +1,13 @@
+export declare const vars: {
+    mobileSize: import("@vanilla-extract/private").CSSVarFunction;
+    desktopSize: import("@vanilla-extract/private").CSSVarFunction;
+    mobileLineHeight: import("@vanilla-extract/private").CSSVarFunction;
+    desktopLineHeight: import("@vanilla-extract/private").CSSVarFunction;
+    lineClamp: import("@vanilla-extract/private").CSSVarFunction;
+};
+export declare const withWordBreak: string;
+export declare const withoutWordBreak: string;
+export declare const text: string;
+export declare const truncate: string;
+export declare const truncateToOneLine: string;
+export declare const truncateToMoreThanOneLine: string;

package/dist/text.css.js.flow

@@ -0,0 +1,30 @@
+// @flow
+
+declare export var vars: {
+  mobileSize: $PropertyType<
+    $Exports<"@vanilla-extract/private">,
+    "CSSVarFunction"
+  >,
+  desktopSize: $PropertyType<
+    $Exports<"@vanilla-extract/private">,
+    "CSSVarFunction"
+  >,
+  mobileLineHeight: $PropertyType<
+    $Exports<"@vanilla-extract/private">,
+    "CSSVarFunction"
+  >,
+  desktopLineHeight: $PropertyType<
+    $Exports<"@vanilla-extract/private">,
+    "CSSVarFunction"
+  >,
+  lineClamp: $PropertyType<
+    $Exports<"@vanilla-extract/private">,
+    "CSSVarFunction"
+  >,
+};
+declare export var withWordBreak: string;
+declare export var withoutWordBreak: string;
+declare export var text: string;
+declare export var truncate: string;
+declare export var truncateToOneLine: string;
+declare export var truncateToMoreThanOneLine: string;

package/dist/text.css.ts.vanilla.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return t;
+    }
+});
+var t = "";

package/dist/text.d.ts

@@ -16,7 +16,7 @@ export interface TextPresetProps {
     dataAttributes?: DataAttributes;
 }
 interface TextProps extends TextPresetProps {
-    weight?: FontWeight | boolean;
+    weight?: FontWeight;
     /** in pixels, will be converted to rem in runtime */
     size?: number;
     /** in pixels, will be converted to rem in runtime */