@ultraviolet/ui 3.4.0 → 3.5.0

package/dist/components/List/Row.d.ts

@@ -6,7 +6,7 @@ type RowProps = {
     expandable?: ReactNode;
     /**
      * Row cannot be selected if this prop is provided. boolean true disabled selection, a string disable selection and a tooltip will be displayed on checkbox hover.
-     * */
+     */
     selectDisabled?: boolean | string;
     disabled?: boolean;
     sentiment?: (typeof SENTIMENTS)[number];

package/dist/components/List/Row.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../src/components/List/Row.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EACjB,SAAS,EAEV,MAAM,OAAO,CAAA;AAUd,OAAO,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAiBpD,KAAK,QAAQ,GAAG;IACd,QAAQ,EAAE,SAAS,CAAA;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB;;SAEK;IACL,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,OAAO,KAAK,CAAA;IACtC,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,YAAY,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;IACrD,YAAY,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;CACtD,CAAA;AAED,eAAO,MAAM,GAAG,0GAwNf,CAAA"}
+{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../src/components/List/Row.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EACjB,SAAS,EAEV,MAAM,OAAO,CAAA;AAUd,OAAO,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAiBpD,KAAK,QAAQ,GAAG;IACd,QAAQ,EAAE,SAAS,CAAA;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,OAAO,KAAK,CAAA;IACtC,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,YAAY,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;IACrD,YAAY,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;CACtD,CAAA;AAED,eAAO,MAAM,GAAG,0GAwNf,CAAA"}

package/dist/components/List/SelectBar.d.ts

@@ -8,7 +8,7 @@ type SelectBarProps<T> = {
     data: T[];
     /**
      * The idKey of each data entry
-     * */
+     */
     idKey: keyof T;
 };
 export declare const SelectBar: <T>({ children, data, idKey, className, }: SelectBarProps<T>) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/List/SelectBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectBar.d.ts","sourceRoot":"","sources":["../../../src/components/List/SelectBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMtC,KAAK,cAAc,CAAC,CAAC,IAAI;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,CAAC,CAAC,EAAE;QAAE,aAAa,EAAE,CAAC,EAAE,CAAC;QAAC,WAAW,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,SAAS,CAAA;IAC3E,IAAI,EAAE,CAAC,EAAE,CAAA;IACT;;SAEK;IACL,KAAK,EAAE,MAAM,CAAC,CAAA;CACf,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,CAAC,EAAG,uCAK3B,cAAc,CAAC,CAAC,CAAC,mDA4BnB,CAAA"}
+{"version":3,"file":"SelectBar.d.ts","sourceRoot":"","sources":["../../../src/components/List/SelectBar.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMtC,KAAK,cAAc,CAAC,CAAC,IAAI;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,CAAC,CAAC,EAAE;QAAE,aAAa,EAAE,CAAC,EAAE,CAAC;QAAC,WAAW,EAAE,MAAM,IAAI,CAAA;KAAE,KAAK,SAAS,CAAA;IAC3E,IAAI,EAAE,CAAC,EAAE,CAAA;IACT;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC,CAAA;CACf,CAAA;AAED,eAAO,MAAM,SAAS,GAAI,CAAC,EAAG,uCAK3B,cAAc,CAAC,CAAC,CAAC,mDA4BnB,CAAA"}

package/dist/components/List/SkeletonRows.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonRows.d.ts","sourceRoot":"","sources":["../../../src/components/List/SkeletonRows.tsx"],"names":[],"mappings":"AASA,KAAK,wBAAwB,GAAG;IAC9B,UAAU,EAAE,OAAO,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,6BAI1B,wBAAwB,4CA+B1B,CAAA"}
+{"version":3,"file":"SkeletonRows.d.ts","sourceRoot":"","sources":["../../../src/components/List/SkeletonRows.tsx"],"names":[],"mappings":"AASA,KAAK,wBAAwB,GAAG;IAC9B,UAAU,EAAE,OAAO,CAAA;IACnB,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,6BAI1B,wBAAwB,4CAgC1B,CAAA"}

package/dist/components/List/index.d.ts

@@ -11,11 +11,11 @@ type ListProps = {
     children: ReactNode;
     /**
      * Set it to true if you want to display a placeholder during loading
-     * */
+     */
     loading?: boolean;
     /**
      * Auto collapse is collapsing expandable row when another is expanding
-     * */
+     */
     autoCollapse?: boolean;
     /**
      * Action when selection changes (get the list of selected rows)

package/dist/components/List/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/List/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,aAAa,EACb,QAAQ,EACR,SAAS,EACT,aAAa,EACb,cAAc,EACf,MAAM,OAAO,CAAA;AAEd,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAG7B,OAAO,EAAgB,cAAc,EAAE,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAGvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAG1C,KAAK,SAAS,GAAG;IACf,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,EAAE,WAAW,EAAE,CAAA;IACtB,QAAQ,EAAE,SAAS,CAAA;IACnB;;SAEK;IACL,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;SAEK;IACL,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;OAEG;IACH,gBAAgB,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAA;IACrD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,OAAO,EAAE,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAA;CAC3C,CAAA;AAED,KAAK,YAAY,GAAG,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,GAAG;IAC/C,OAAO,EAAE,QAAQ,CAAA;CAClB,CAAA;AACD,KAAK,eAAe,GAAG,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,GAAG;IAClD;;OAEG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,SAAS,CAAA;CACjC,CAAA;AAgFD;;GAEG;AACH,KAAK,QAAQ,GAAG;IACd,CAAC,KAAK,EAAE,YAAY,GAAG,aAAa,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAA;IAClE;;OAEG;IACH,CAAC,KAAK,EAAE,eAAe,GAAG,aAAa,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAA;IACrE,IAAI,EAAE,OAAO,IAAI,CAAA;IACjB,GAAG,EAAE,OAAO,GAAG,CAAA;IACf,SAAS,EAAE,OAAO,SAAS,CAAA;IAC3B,cAAc,EAAE,OAAO,cAAc,CAAA;CACtC,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,QAKjB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/List/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EACV,aAAa,EACb,QAAQ,EACR,SAAS,EACT,aAAa,EACb,cAAc,EACf,MAAM,OAAO,CAAA;AAEd,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAG7B,OAAO,EAAgB,cAAc,EAAE,MAAM,eAAe,CAAA;AAC5D,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAGvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAG1C,KAAK,SAAS,GAAG;IACf,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,EAAE,WAAW,EAAE,CAAA;IACtB,QAAQ,EAAE,SAAS,CAAA;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;OAEG;IACH,gBAAgB,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,CAAA;IACrD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,OAAO,EAAE,QAAQ,GAAG,UAAU,GAAG,SAAS,CAAA;CAC3C,CAAA;AAED,KAAK,YAAY,GAAG,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,GAAG;IAC/C,OAAO,EAAE,QAAQ,CAAA;CAClB,CAAA;AACD,KAAK,eAAe,GAAG,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,GAAG;IAClD;;OAEG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,SAAS,CAAA;CACjC,CAAA;AAiFD;;GAEG;AACH,KAAK,QAAQ,GAAG;IAEd,CAAC,KAAK,EAAE,YAAY,GAAG,aAAa,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAA;IAClE;;OAEG;IACH,CAAC,KAAK,EAAE,eAAe,GAAG,aAAa,CAAC,gBAAgB,CAAC,GAAG,SAAS,CAAA;IACrE,IAAI,EAAE,OAAO,IAAI,CAAA;IACjB,GAAG,EAAE,OAAO,GAAG,CAAA;IACf,SAAS,EAAE,OAAO,SAAS,CAAA;IAC3B,cAAc,EAAE,OAAO,cAAc,CAAA;CACtC,CAAA;AAED,eAAO,MAAM,IAAI,EAAE,QAKjB,CAAA"}

package/dist/components/List/styles.css.d.ts

@@ -7,14 +7,14 @@ export declare const listNoPaddingHeaderCell: string;
 export declare const listExpandableWrapper: string;
 export declare const listCheckboxInRange: string;
 export declare const listRow: import("@vanilla-extract/recipes").RuntimeFn<{
-    sentiment: {
-        [k: string]: object;
-    };
     highlightAnimation: {
         true: {
             animation: `${string} 3s linear`;
         };
     };
+    sentiment: {
+        [k: string]: object;
+    };
 }>;
 export declare const listCell: string;
 export declare const listCellStrict: string;

package/dist/components/List/styles.css.js

@@ -9,7 +9,7 @@ var listHeaderRow = "uv_inoh546";
 var listNoPaddingHeaderCell = "uv_inoh547";
 var listExpandableWrapper = "uv_inoh548";
 var listCheckboxInRange = "uv_inoh549";
-var listRow = createRuntimeFn({ defaultClassName: "uv_inoh54b uv_inoh54a", variantClassNames: { sentiment: { primary: "uv_inoh54c", secondary: "uv_inoh54d", neutral: "uv_inoh54e", success: "uv_inoh54f", danger: "uv_inoh54g", warning: "uv_inoh54h", info: "uv_inoh54i" }, highlightAnimation: { true: "uv_inoh54j" } }, defaultVariants: { sentiment: "neutral", highlightAnimation: false }, compoundVariants: [] });
+var listRow = createRuntimeFn({ defaultClassName: "uv_inoh54b uv_inoh54a", variantClassNames: { highlightAnimation: { true: "uv_inoh54c" }, sentiment: { primary: "uv_inoh54d", secondary: "uv_inoh54e", neutral: "uv_inoh54f", success: "uv_inoh54g", danger: "uv_inoh54h", warning: "uv_inoh54i", info: "uv_inoh54j" } }, defaultVariants: { highlightAnimation: false, sentiment: "neutral" }, compoundVariants: [] });
 var listCell = "uv_inoh54k";
 var listCellStrict = "uv_inoh54l";
 var listCheckboxContainer = "uv_inoh54m";

package/dist/components/Menu/styles.css.js

@@ -9,7 +9,7 @@ var menuList = "uv_gky3yh7";
 var menuSearchInput = "uv_gky3yh8";
 var menuGroup = "uv_gky3yh9";
 var menuItemContainer = createRuntimeFn({ defaultClassName: "uv_gky3yha", variantClassNames: { borderless: { false: "uv_gky3yhb", true: "uv_gky3yhc" } }, defaultVariants: { borderless: false }, compoundVariants: [] });
-var menuItem = createRuntimeFn({ defaultClassName: "uv_gky3yhd", variantClassNames: { borderless: { true: "uv_gky3yhe" }, disabled: { true: "uv_gky3yhf" }, sentiment: { neutral: "uv_gky3yhg", danger: "uv_gky3yhh", primary: "uv_gky3yhi" } }, defaultVariants: { borderless: false, disabled: false, sentiment: "neutral" }, compoundVariants: [[{ sentiment: "neutral", disabled: false }, "uv_gky3yhj"], [{ sentiment: "danger", disabled: false }, "uv_gky3yhk"], [{ sentiment: "primary", disabled: false }, "uv_gky3yhl"], [{ sentiment: "neutral", disabled: true }, "uv_gky3yhm"], [{ sentiment: "danger", disabled: true }, "uv_gky3yhn"], [{ sentiment: "primary", disabled: true }, "uv_gky3yho"]] });
+var menuItem = createRuntimeFn({ defaultClassName: "uv_gky3yhd", variantClassNames: { borderless: { true: "uv_gky3yhe" }, disabled: { true: "uv_gky3yhf" }, sentiment: { neutral: "uv_gky3yhg", danger: "uv_gky3yhh", primary: "uv_gky3yhi" } }, defaultVariants: { borderless: false, disabled: false, sentiment: "neutral" }, compoundVariants: [[{ disabled: false, sentiment: "neutral" }, "uv_gky3yhj"], [{ disabled: false, sentiment: "danger" }, "uv_gky3yhk"], [{ disabled: false, sentiment: "primary" }, "uv_gky3yhl"], [{ disabled: true, sentiment: "neutral" }, "uv_gky3yhm"], [{ disabled: true, sentiment: "danger" }, "uv_gky3yhn"], [{ disabled: true, sentiment: "primary" }, "uv_gky3yho"]] });
 export {
   heightAvailableSpace,
   heightMenu,

package/dist/components/Modal/ModalContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModalContent.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalContent.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,GAAG,CAAA;AAG9B,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExD,KAAK,iBAAiB,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,GAAG;IACtD,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE,OAAO,CAAA;IACb,SAAS,EAAE,cAAc,CAAA;IACzB,SAAS,EAAE,SAAS,CAAA;IACpB,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,qOAoB1B,iBAAiB,mDA8CV,CAAA"}
+{"version":3,"file":"ModalContent.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalContent.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,GAAG,CAAA;AAG9B,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExD,KAAK,iBAAiB,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,GAAG;IACtD,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE,OAAO,CAAA;IACb,SAAS,EAAE,cAAc,CAAA;IACzB,SAAS,EAAE,SAAS,CAAA;IACpB,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,YAAY,GAAI,qOAoB1B,iBAAiB,mDA8CV,CAAA"}

package/dist/components/Modal/components/Dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/components/Dialog.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAQ3C,eAAO,MAAM,MAAM,GAAI,iLAepB,WAAW,gCA0Ob,CAAA"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/components/Dialog.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAQ3C,eAAO,MAAM,MAAM,GAAI,iLAepB,WAAW,gCA2Ob,CAAA"}

package/dist/components/Modal/components/Dialog.js

@@ -185,7 +185,7 @@ const Dialog = ({
               /* @__PURE__ */ jsx(
                 Stack,
                 {
-                  alignItems: "end",
+                  alignItems: "flex-end",
                   className: modalImageContainer,
                   justifyContent: "center",
                   children: /* @__PURE__ */ jsx("img", { alt: "illustration", className: modalImage, src: image })

package/dist/components/Modal/index.js

@@ -61,7 +61,7 @@ const Modal = ({
         visible
       }
     ) : null,
-    !context ? /* @__PURE__ */ jsx(ModalProvider, { children: /* @__PURE__ */ jsx(
+    context ? /* @__PURE__ */ jsx(
       ModalContent,
       {
         ariaLabel,
@@ -84,7 +84,7 @@ const Modal = ({
         visible,
         children
       }
-    ) }) : /* @__PURE__ */ jsx(
+    ) : /* @__PURE__ */ jsx(ModalProvider, { children: /* @__PURE__ */ jsx(
       ModalContent,
       {
         ariaLabel,
@@ -107,7 +107,7 @@ const Modal = ({
         visible,
         children
       }
-    )
+    ) })
   ] });
 };
 export {

package/dist/components/Modal/styles.css.d.ts

@@ -8,12 +8,12 @@ export declare const modalBackdropBase: string;
 export declare const modalBackdrop: import("@vanilla-extract/recipes").RuntimeFn<{
     open: {
         true: {
-            padding: `var(--${string})`;
-            overflow: "auto";
-            display: "flex";
             bottom: number;
-            left: number;
+            display: "flex";
             height: "100%";
+            left: number;
+            overflow: "auto";
+            padding: `var(--${string})`;
             width: "100%";
         };
     };
@@ -24,9 +24,14 @@ export declare const modalBackdrop: import("@vanilla-extract/recipes").RuntimeFn
     };
 }>;
 export declare const modal: import("@vanilla-extract/recipes").RuntimeFn<{
-    size: {
-        [k: string]: {
-            width: `${number}rem`;
+    animation: {
+        true: {
+            animation: `${string} 0.3s ease-in-out forwards`;
+        };
+    };
+    image: {
+        true: {
+            padding: number;
         };
     };
     placement: {
@@ -62,18 +67,13 @@ export declare const modal: import("@vanilla-extract/recipes").RuntimeFn<{
             marginTop: number;
         };
     };
-    image: {
-        true: {
-            padding: number;
-        };
-    };
-    animation: {
-        true: {
-            animation: `${string} 0.3s ease-in-out forwards`;
-        };
-    };
     positivePosition: {
         true: {};
     };
+    size: {
+        [k: string]: {
+            width: `${number}rem`;
+        };
+    };
 }>;
 //# sourceMappingURL=styles.css.d.ts.map

package/dist/components/Modal/styles.css.js

@@ -8,7 +8,7 @@ var modalImageContainer = "uv_lrojhc3";
 var modalImage = "uv_lrojhc4";
 var modalContent = "uv_lrojhc5";
 var modalBackdrop = createRuntimeFn({ defaultClassName: "uv_lrojhc7 uv_lrojhc6", variantClassNames: { open: { true: "uv_lrojhc8" }, visible: { true: "uv_lrojhc9" } }, defaultVariants: {}, compoundVariants: [] });
-var modal = createRuntimeFn({ defaultClassName: "uv_lrojhca", variantClassNames: { size: { large: "uv_lrojhcb", medium: "uv_lrojhcc", small: "uv_lrojhcd", xsmall: "uv_lrojhce", xxsmall: "uv_lrojhcf" }, placement: { bottom: "uv_lrojhcg", "bottom-left": "uv_lrojhch", "bottom-right": "uv_lrojhci", center: "uv_lrojhcj", left: "uv_lrojhck", right: "uv_lrojhcl", top: "uv_lrojhcm", "top-left": "uv_lrojhcn", "top-right": "uv_lrojhco" }, image: { true: "uv_lrojhcp" }, animation: { true: "uv_lrojhcq" }, positivePosition: { true: "uv_lrojhcr" } }, defaultVariants: { size: "medium", placement: "center", image: false, animation: false, positivePosition: false }, compoundVariants: [[{ size: "large", positivePosition: true }, "uv_lrojhcs"], [{ size: "medium", positivePosition: true }, "uv_lrojhct"], [{ size: "small", positivePosition: true }, "uv_lrojhcu"], [{ size: "xsmall", positivePosition: true }, "uv_lrojhcv"], [{ size: "xxsmall", positivePosition: true }, "uv_lrojhcw"]] });
+var modal = createRuntimeFn({ defaultClassName: "uv_lrojhca", variantClassNames: { animation: { true: "uv_lrojhcb" }, image: { true: "uv_lrojhcc" }, placement: { bottom: "uv_lrojhcd", "bottom-left": "uv_lrojhce", "bottom-right": "uv_lrojhcf", center: "uv_lrojhcg", left: "uv_lrojhch", right: "uv_lrojhci", top: "uv_lrojhcj", "top-left": "uv_lrojhck", "top-right": "uv_lrojhcl" }, positivePosition: { true: "uv_lrojhcm" }, size: { large: "uv_lrojhcn", medium: "uv_lrojhco", small: "uv_lrojhcp", xsmall: "uv_lrojhcq", xxsmall: "uv_lrojhcr" } }, defaultVariants: { animation: false, image: false, placement: "center", positivePosition: false, size: "medium" }, compoundVariants: [[{ positivePosition: true, size: "large" }, "uv_lrojhcs"], [{ positivePosition: true, size: "medium" }, "uv_lrojhct"], [{ positivePosition: true, size: "small" }, "uv_lrojhcu"], [{ positivePosition: true, size: "xsmall" }, "uv_lrojhcv"], [{ positivePosition: true, size: "xxsmall" }, "uv_lrojhcw"]] });
 export {
   modal,
   modalBackdrop,

package/dist/components/NumberInput/index.js

@@ -239,13 +239,13 @@ const NumberInput = forwardRef(
         {
           as: "span",
           disabled: disabled || readOnly,
-          prominence: !error && !success ? "weak" : "default",
+          prominence: error || success ? "default" : "weak",
           sentiment: helperSentiment,
           variant: "caption",
           children: error || success || helper
         }
       ) : null,
-      !error && !success && typeof helper !== "string" && helper ? helper : null
+      !(error || success) && typeof helper !== "string" && helper ? helper : null
     ] });
   }
 );

package/dist/components/NumberInput/styles.css.d.ts

@@ -7,20 +7,6 @@ export declare const inputContainer: import("@vanilla-extract/recipes").RuntimeF
     };
 }>;
 export declare const unit: import("@vanilla-extract/recipes").RuntimeFn<{
-    size: {
-        small: {
-            height: `var(--${string})`;
-            fontSize: `var(--${string})`;
-        };
-        medium: {
-            height: `var(--${string})`;
-            fontSize: `var(--${string})`;
-        };
-        large: {
-            height: `var(--${string})`;
-            fontSize: `var(--${string})`;
-        };
-    };
     disabled: {
         true: {
             background: `var(--${string})`;
@@ -33,77 +19,91 @@ export declare const unit: import("@vanilla-extract/recipes").RuntimeFn<{
             background: `var(--${string})`;
         };
     };
+    size: {
+        large: {
+            fontSize: `var(--${string})`;
+            height: `var(--${string})`;
+        };
+        medium: {
+            fontSize: `var(--${string})`;
+            height: `var(--${string})`;
+        };
+        small: {
+            fontSize: `var(--${string})`;
+            height: `var(--${string})`;
+        };
+    };
 }>;
 export declare const numberinput: import("@vanilla-extract/recipes").RuntimeFn<{
+    controls: {
+        false: {
+            textAlign: "left";
+        };
+    };
     hasUnit: {
         true: {
-            textAlign: "left";
             padding: `var(--${string}) 0 var(--${string}) var(--${string})`;
+            textAlign: "left";
         };
     };
     size: {
-        small: {
+        large: {
+            fontFamily: `var(--${string})`;
+            fontSize: `var(--${string})`;
+            fontWeight: `var(--${string})`;
             height: `var(--${string})`;
+            lineHeight: `var(--${string})`;
         };
         medium: {
             height: `var(--${string})`;
         };
-        large: {
+        small: {
             height: `var(--${string})`;
-            fontSize: `var(--${string})`;
-            fontFamily: `var(--${string})`;
-            fontWeight: `var(--${string})`;
-            lineHeight: `var(--${string})`;
-        };
-    };
-    controls: {
-        false: {
-            textAlign: "left";
         };
     };
 }>;
 export declare const numberinputContainer: import("@vanilla-extract/recipes").RuntimeFn<{
-    state: {
-        default: {};
-        success: {
-            borderColor: `var(--${string})`;
+    size: {
+        large: {
+            height: `var(--${string})`;
         };
-        error: {
-            borderColor: `var(--${string})`;
+        medium: {
+            height: `var(--${string})`;
         };
-        readOnly: {
-            borderColor: `var(--${string})`;
+        small: {
+            height: `var(--${string})`;
+        };
+    };
+    state: {
+        default: {};
+        disabled: {
             background: `var(--${string})`;
+            borderColor: `var(--${string})`;
             cursor: "not-allowed";
             selectors: {
                 '&:hover': {
                     borderColor: `var(--${string})`;
                 };
-                '&:focus-within': {
-                    borderColor: `var(--${string})`;
-                };
             };
         };
-        disabled: {
+        error: {
             borderColor: `var(--${string})`;
+        };
+        readOnly: {
             background: `var(--${string})`;
+            borderColor: `var(--${string})`;
             cursor: "not-allowed";
             selectors: {
+                '&:focus-within': {
+                    borderColor: `var(--${string})`;
+                };
                 '&:hover': {
                     borderColor: `var(--${string})`;
                 };
             };
         };
-    };
-    size: {
-        small: {
-            height: `var(--${string})`;
-        };
-        medium: {
-            height: `var(--${string})`;
-        };
-        large: {
-            height: `var(--${string})`;
+        success: {
+            borderColor: `var(--${string})`;
         };
     };
 }>;

package/dist/components/NumberInput/styles.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/NumberInput/styles.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,wBAAwB,8CAanC,CAAA;AAEF,eAAO,MAAM,cAAc;;;;;;EAkBzB,CAAA;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqCf,CAAA;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2EtB,CAAA;AAEF,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmE/B,CAAA"}
+{"version":3,"file":"styles.css.d.ts","sourceRoot":"","sources":["../../../src/components/NumberInput/styles.css.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,wBAAwB,8CAanC,CAAA;AAEF,eAAO,MAAM,cAAc;;;;;;EAkBzB,CAAA;AAEF,eAAO,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoCf,CAAA;AAEF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2EtB,CAAA;AAEF,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkE/B,CAAA"}

package/dist/components/NumberInput/styles.css.js

@@ -1,10 +1,10 @@
 /* empty css                          */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var numberinputSideContainer = { small: "uv_1ce7gb60", medium: "uv_1ce7gb61", large: "uv_1ce7gb62" };
+var numberinputSideContainer = { large: "uv_1ce7gb60", medium: "uv_1ce7gb61", small: "uv_1ce7gb62" };
 var inputContainer = createRuntimeFn({ defaultClassName: "uv_1ce7gb63", variantClassNames: { controls: { false: "uv_1ce7gb64" } }, defaultVariants: { controls: true }, compoundVariants: [] });
-var unit = createRuntimeFn({ defaultClassName: "uv_1ce7gb65", variantClassNames: { size: { small: "uv_1ce7gb66", medium: "uv_1ce7gb67", large: "uv_1ce7gb68" }, disabled: { true: "uv_1ce7gb69" }, readOnly: { true: "uv_1ce7gb6a" } }, defaultVariants: { size: "large", disabled: false, readOnly: false }, compoundVariants: [] });
-var numberinput = createRuntimeFn({ defaultClassName: "uv_1ce7gb6b", variantClassNames: { hasUnit: { true: "uv_1ce7gb6c" }, size: { small: "uv_1ce7gb6d", medium: "uv_1ce7gb6e", large: "uv_1ce7gb6f" }, controls: { false: "uv_1ce7gb6g" } }, defaultVariants: { hasUnit: false, size: "large", controls: true }, compoundVariants: [] });
-var numberinputContainer = createRuntimeFn({ defaultClassName: "uv_1ce7gb6h", variantClassNames: { state: { "default": "uv_1ce7gb6i", success: "uv_1ce7gb6j", error: "uv_1ce7gb6k", readOnly: "uv_1ce7gb6l", disabled: "uv_1ce7gb6m" }, size: { small: "uv_1ce7gb6n", medium: "uv_1ce7gb6o", large: "uv_1ce7gb6p" } }, defaultVariants: { size: "large", state: "default" }, compoundVariants: [] });
+var unit = createRuntimeFn({ defaultClassName: "uv_1ce7gb65", variantClassNames: { disabled: { true: "uv_1ce7gb66" }, readOnly: { true: "uv_1ce7gb67" }, size: { large: "uv_1ce7gb68", medium: "uv_1ce7gb69", small: "uv_1ce7gb6a" } }, defaultVariants: { disabled: false, readOnly: false, size: "large" }, compoundVariants: [] });
+var numberinput = createRuntimeFn({ defaultClassName: "uv_1ce7gb6b", variantClassNames: { controls: { false: "uv_1ce7gb6c" }, hasUnit: { true: "uv_1ce7gb6d" }, size: { large: "uv_1ce7gb6e", medium: "uv_1ce7gb6f", small: "uv_1ce7gb6g" } }, defaultVariants: { controls: true, hasUnit: false, size: "large" }, compoundVariants: [] });
+var numberinputContainer = createRuntimeFn({ defaultClassName: "uv_1ce7gb6h", variantClassNames: { size: { large: "uv_1ce7gb6i", medium: "uv_1ce7gb6j", small: "uv_1ce7gb6k" }, state: { "default": "uv_1ce7gb6l", disabled: "uv_1ce7gb6m", error: "uv_1ce7gb6n", readOnly: "uv_1ce7gb6o", success: "uv_1ce7gb6p" } }, defaultVariants: { size: "large", state: "default" }, compoundVariants: [] });
 export {
   inputContainer,
   numberinput,

package/dist/components/Pagination/getPageNumbers.d.ts

@@ -1,5 +1,5 @@
 /**
- *  * Return a list of page numbers around the currentPage
+ * Return a list of page numbers around the currentPage
  * @param currentPage The current page
  * @param pageCount The last page number
  * @param range The number of pages wanted

package/dist/components/Pagination/styles.css.js

@@ -1,7 +1,7 @@
 /* empty css                          */
 var pageNumbersContainer = "uv_a0295u0";
-var pageButton = { small: "uv_a0295u1", medium: "uv_a0295u2" };
-var ellipsisClass = { small: "uv_a0295u4 uv_a0295u3", medium: "uv_a0295u5 uv_a0295u3" };
+var pageButton = { medium: "uv_a0295u1", small: "uv_a0295u2" };
+var ellipsisClass = { medium: "uv_a0295u4 uv_a0295u3", small: "uv_a0295u5 uv_a0295u3" };
 export {
   ellipsisClass,
   pageButton,

package/dist/components/PieChart/index.js

@@ -58,15 +58,15 @@ const PieChart = ({
           /* @__PURE__ */ jsx(
             Pie,
             {
-              activeOuterRadiusOffset: !isEmpty ? 4 : 0,
+              activeOuterRadiusOffset: isEmpty ? 0 : 4,
               colors: localColors,
               cornerRadius: 0,
-              data: !isEmpty ? data : [
+              data: isEmpty ? [
                 {
                   id: "empty",
                   percent: 100
                 }
-              ],
+              ] : data,
               defs: [
                 {
                   background: "inherit",

package/dist/components/PieChart/styles.css.d.ts

@@ -6,10 +6,10 @@ export declare const contentPie: string;
 export declare const listPie: string;
 export declare const listItemPie: import("@vanilla-extract/recipes").RuntimeFn<{
     isFocused: {
-        true: {
+        false: {
             color: `var(--${string})`;
         };
-        false: {
+        true: {
             color: `var(--${string})`;
         };
     };
@@ -25,10 +25,10 @@ export declare const labelPie: string;
 export declare const valuePie: Record<"default" | "isFocused", string>;
 export declare const textPie: import("@vanilla-extract/recipes").RuntimeFn<{
     isFocused: {
-        true: {
+        false: {
             fontWeight: number;
         };
-        false: {
+        true: {
             fontWeight: number;
         };
     };
@@ -37,12 +37,12 @@ export declare const toggleBoxPie: string;
 export declare const linePie: string;
 export declare const progressiveLinePie: import("@vanilla-extract/recipes").RuntimeFn<{
     isFocused: {
-        true: {
-            width: "100%";
-        };
         false: {
             width: "0%";
         };
+        true: {
+            width: "100%";
+        };
     };
 }>;
 export declare const listTooltipPie: string;

package/dist/components/PieChart/styles.css.js

@@ -6,14 +6,14 @@ var containerPie = "uv_6tpqrj3";
 var emptyLegendPie = "uv_6tpqrj4";
 var contentPie = "uv_6tpqrj5";
 var listPie = "uv_6tpqrj6";
-var listItemPie = createRuntimeFn({ defaultClassName: "uv_6tpqrj7", variantClassNames: { isFocused: { true: "uv_6tpqrj8", false: "uv_6tpqrj9" } }, defaultVariants: {}, compoundVariants: [] });
+var listItemPie = createRuntimeFn({ defaultClassName: "uv_6tpqrj7", variantClassNames: { isFocused: { false: "uv_6tpqrj8", true: "uv_6tpqrj9" } }, defaultVariants: {}, compoundVariants: [] });
 var bulletPie = createRuntimeFn({ defaultClassName: "uv_6tpqrja", variantClassNames: { isFocused: { true: "uv_6tpqrjb" } }, defaultVariants: {}, compoundVariants: [] });
 var labelPie = "uv_6tpqrjc";
 var valuePie = { "default": "uv_6tpqrjd", isFocused: "uv_6tpqrje" };
-var textPie = createRuntimeFn({ defaultClassName: "uv_6tpqrjf", variantClassNames: { isFocused: { true: "uv_6tpqrjg", false: "uv_6tpqrjh" } }, defaultVariants: {}, compoundVariants: [] });
+var textPie = createRuntimeFn({ defaultClassName: "uv_6tpqrjf", variantClassNames: { isFocused: { false: "uv_6tpqrjg", true: "uv_6tpqrjh" } }, defaultVariants: {}, compoundVariants: [] });
 var toggleBoxPie = "uv_6tpqrji";
 var linePie = "uv_6tpqrjj";
-var progressiveLinePie = createRuntimeFn({ defaultClassName: "uv_6tpqrjk", variantClassNames: { isFocused: { true: "uv_6tpqrjl", false: "uv_6tpqrjm" } }, defaultVariants: {}, compoundVariants: [] });
+var progressiveLinePie = createRuntimeFn({ defaultClassName: "uv_6tpqrjk", variantClassNames: { isFocused: { false: "uv_6tpqrjl", true: "uv_6tpqrjm" } }, defaultVariants: {}, compoundVariants: [] });
 var listTooltipPie = "uv_6tpqrjn";
 var itemTooltipPie = "uv_6tpqrjo";
 export {

package/dist/components/Popover/index.js

@@ -82,7 +82,7 @@ const Popover = forwardRef(
       if (!portalTarget && isInsideModal) {
         return void 0;
       }
-      if (!portalTarget && !isInsideModal) {
+      if (!(portalTarget || isInsideModal)) {
         return document.body;
       }
       return portalTarget;

package/dist/components/Popover/styles.css.d.ts

@@ -19,16 +19,16 @@ export declare const popover: import("@vanilla-extract/recipes").RuntimeFn<{
     };
     size: {
         large: {
-            width: string;
             maxWidth: string;
+            width: string;
         };
         medium: {
-            width: string;
             maxWidth: string;
+            width: string;
         };
         small: {
-            width: string;
             maxWidth: string;
+            width: string;
         };
     };
 }>;

package/dist/components/Popup/helpers.js

@@ -183,7 +183,7 @@ const computePositions = ({
     case "bottom": {
       const positionX = isAligned ? overloadedChildrenLeft : overloadedChildrenLeft + childrenWidth / 2 - popupWidth / 2;
       const positionY = overloadedChildrenTop + scrollTopValue + childrenHeight + arrowWidth + SPACE;
-      const computedPositionX = !isAligned ? positionX + popupOverflow : positionX;
+      const computedPositionX = isAligned ? positionX : positionX + popupOverflow;
       const finalPositionX = isPopupPortalTargetBody ? Math.max(computedPositionX, 0) : computedPositionX;
       return {
         arrowLeft: isAligned ? childrenWidth / 2 - arrowWidth : popupWidth / 2 + popupOverflow * -1,
@@ -257,7 +257,7 @@ const computePositions = ({
     default: {
       const positionX = isAligned ? overloadedChildrenLeft : overloadedChildrenLeft + childrenWidth / 2 - popupWidth / 2;
       const positionY = overloadedChildrenTop + scrollTopValue - popupHeight - arrowWidth - SPACE;
-      const computedPositionX = !isAligned ? positionX + popupOverflow : positionX;
+      const computedPositionX = isAligned ? positionX : positionX + popupOverflow;
       const finalPositionX = isPopupPortalTargetBody ? Math.max(computedPositionX, 0) : computedPositionX;
       return {
         arrowLeft: isAligned ? childrenWidth / 2 - arrowWidth : popupWidth / 2 + popupOverflow * -1,