@nextui-org/react 1.0.2-beta.5 → 1.0.3-beta.5

package/cjs/theme/stitches.config.js

@@ -1 +1 @@
-var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.theme=exports.styled=exports.sharedVisuallyHidden=exports.sharedFocus=exports.keyframes=exports.globalCss=exports.getStitchesTheme=exports.getCssText=exports.cssFocusVisible=exports.css=exports.createThemeBase=exports.createTheme=exports.config=void 0;var s=require("@stitches/react"),t=e(require("./common")),o=e(require("./light-theme")),r=e(require("./dark-theme")),a=e(require("../utils/deep-merge"));exports.getStitchesTheme=e=>(0,a.default)(e,t.default.theme);const i=(0,s.createStitches)({...t.default,theme:{...t.default.theme,shadows:{...o.default.shadows},colors:{...t.default.theme.colors,...o.default.colors}}}),n=i.createTheme;exports.createThemeBase=n;const p=i.styled;exports.styled=p;const l=i.css;exports.css=l;const c=i.globalCss;exports.globalCss=c;const x=i.keyframes;exports.keyframes=x;const h=i.getCssText;exports.getCssText=h;const d=i.theme;exports.theme=d;const u=i.config;exports.config=u;const m=l({WebkitTapHighlightColor:"transparent","&:focus:not(&:focus-visible)":{boxShadow:"none"},"&:focus":{outline:"none",boxShadow:"0 0 0 2px $colors$background, 0 0 0 4px $colors$primary"},"@safari":{WebkitTapHighlightColor:"transparent",outline:"none"}});exports.sharedFocus=m;const f=l({transition:"box-shadow 0.25s ease 0s","@motion":{transition:"none"},variants:{animated:{false:{transition:"none"}},isFocusVisible:{true:{outline:"transparent  solid 2px",outlineOffset:"2px",boxShadow:"0 0 0 2px $colors$background, 0 0 0 4px $colors$primary"},false:{outline:"none"}}}});exports.cssFocusVisible=f;const g=l({border:"0px",clip:"rect(0px, 0px, 0px, 0px)",height:"1px",width:"1px",margin:"-1px",padding:"0px",overflow:"hidden",whiteSpace:"nowrap",position:"absolute"});exports.sharedVisuallyHidden=g;exports.createTheme=({type:e,theme:s,className:t})=>{if(!e)throw new Error("Theme type is required");return n(t||`${e}-theme`,(0,a.default)("dark"===e?r.default:o.default,s))};
+var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.theme=exports.styled=exports.sharedVisuallyHidden=exports.sharedFocus=exports.keyframes=exports.globalCss=exports.getStitchesTheme=exports.getCssText=exports.cssFocusVisible=exports.css=exports.createThemeBase=exports.createTheme=exports.config=void 0;var s=require("@stitches/react"),t=e(require("./common")),o=e(require("./light-theme")),r=e(require("./dark-theme")),a=e(require("../utils/deep-merge"));exports.getStitchesTheme=e=>(0,a.default)(e,t.default.theme);const i=(0,s.createStitches)({...t.default,theme:{...t.default.theme,shadows:{...o.default.shadows},colors:{...t.default.theme.colors,...o.default.colors}}}),p=i.createTheme;exports.createThemeBase=p;const l=i.styled;exports.styled=l;const c=i.css;exports.css=c;const n=i.globalCss;exports.globalCss=n;const x=i.keyframes;exports.keyframes=x;const h=i.getCssText;exports.getCssText=h;const u=i.theme;exports.theme=u;const d=i.config;exports.config=d;const m=c({WebkitTapHighlightColor:"transparent","&:focus:not(&:focus-visible)":{boxShadow:"none"},"&:focus":{outline:"none",boxShadow:"0 0 0 2px $colors$background, 0 0 0 4px $colors$primary"},"@safari":{WebkitTapHighlightColor:"transparent",outline:"none"}});exports.sharedFocus=m;const f=c({variants:{isFocusVisible:{true:{outline:"transparent  solid 2px",outlineOffset:"2px",boxShadow:"0 0 0 2px $colors$background, 0 0 0 4px $colors$primary"},false:{outline:"none"}}}});exports.cssFocusVisible=f;const g=c({border:"0px",clip:"rect(0px, 0px, 0px, 0px)",height:"1px",width:"1px",margin:"-1px",padding:"0px",overflow:"hidden",whiteSpace:"nowrap",position:"absolute"});exports.sharedVisuallyHidden=g;exports.createTheme=({type:e,theme:s,className:t})=>{if(!e)throw new Error("Theme type is required");return p(t||`${e}-theme`,(0,a.default)("dark"===e?r.default:o.default,s))};

package/esm/theme/stitches.config.js

@@ -1 +1 @@
-import{createStitches as e}from"@stitches/react";import o from"./common";import t from"./light-theme";import s from"./dark-theme";import r from"../utils/deep-merge";export const getStitchesTheme=e=>r(e,o.theme);const n=e({...o,theme:{...o.theme,shadows:{...t.shadows},colors:{...o.theme.colors,...t.colors}}});export const createThemeBase=n.createTheme;export const styled=n.styled;export const css=n.css;export const globalCss=n.globalCss;export const keyframes=n.keyframes;export const getCssText=n.getCssText;export const theme=n.theme;export const config=n.config;export const sharedFocus=css({WebkitTapHighlightColor:"transparent","&:focus:not(&:focus-visible)":{boxShadow:"none"},"&:focus":{outline:"none",boxShadow:"0 0 0 2px $colors$background, 0 0 0 4px $colors$primary"},"@safari":{WebkitTapHighlightColor:"transparent",outline:"none"}});export const cssFocusVisible=css({transition:"box-shadow 0.25s ease 0s","@motion":{transition:"none"},variants:{animated:{false:{transition:"none"}},isFocusVisible:{true:{outline:"transparent  solid 2px",outlineOffset:"2px",boxShadow:"0 0 0 2px $colors$background, 0 0 0 4px $colors$primary"},false:{outline:"none"}}}});export const sharedVisuallyHidden=css({border:"0px",clip:"rect(0px, 0px, 0px, 0px)",height:"1px",width:"1px",margin:"-1px",padding:"0px",overflow:"hidden",whiteSpace:"nowrap",position:"absolute"});export const createTheme=({type:e,theme:o,className:n})=>{if(!e)throw new Error("Theme type is required");return createThemeBase(n||`${e}-theme`,r("dark"===e?s:t,o))};
+import{createStitches as e}from"@stitches/react";import o from"./common";import t from"./light-theme";import s from"./dark-theme";import r from"../utils/deep-merge";export const getStitchesTheme=e=>r(e,o.theme);const c=e({...o,theme:{...o.theme,shadows:{...t.shadows},colors:{...o.theme.colors,...t.colors}}});export const createThemeBase=c.createTheme;export const styled=c.styled;export const css=c.css;export const globalCss=c.globalCss;export const keyframes=c.keyframes;export const getCssText=c.getCssText;export const theme=c.theme;export const config=c.config;export const sharedFocus=css({WebkitTapHighlightColor:"transparent","&:focus:not(&:focus-visible)":{boxShadow:"none"},"&:focus":{outline:"none",boxShadow:"0 0 0 2px $colors$background, 0 0 0 4px $colors$primary"},"@safari":{WebkitTapHighlightColor:"transparent",outline:"none"}});export const cssFocusVisible=css({variants:{isFocusVisible:{true:{outline:"transparent  solid 2px",outlineOffset:"2px",boxShadow:"0 0 0 2px $colors$background, 0 0 0 4px $colors$primary"},false:{outline:"none"}}}});export const sharedVisuallyHidden=css({border:"0px",clip:"rect(0px, 0px, 0px, 0px)",height:"1px",width:"1px",margin:"-1px",padding:"0px",overflow:"hidden",whiteSpace:"nowrap",position:"absolute"});export const createTheme=({type:e,theme:o,className:c})=>{if(!e)throw new Error("Theme type is required");return createThemeBase(c||`${e}-theme`,r("dark"===e?s:t,o))};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nextui-org/react",
-  "version": "1.0.2-beta.5",
+  "version": "1.0.3-beta.5",
   "license": "MIT",
   "description": "🚀 Beautiful and modern React UI library.",
   "homepage": "https://nextui.org",

package/types/backdrop/backdrop.d.ts

@@ -33,5 +33,5 @@ declare const _default: React.ComponentType<Partial<{
     preventDefault: boolean;
     opacity: number;
     className: string;
-}> & Omit<React.PropsWithChildren<BackdropProps>, "blur" | "opacity" | "visible" | "animated" | "className" | "preventDefault" | "onClick">>;
+}> & Omit<React.PropsWithChildren<BackdropProps>, "blur" | "opacity" | "visible" | "className" | "preventDefault" | "onClick" | "animated">>;
 export default _default;

package/types/button/button.styles.d.ts

@@ -1199,7 +1199,6 @@ export declare const StyledButton: import("@stitches/react/types/styled-componen
         size: "md";
     };
 }, import("@stitches/react/types/styled-component").CssComponent<never, {
-    animated?: boolean | "false" | undefined;
     isFocusVisible?: boolean | "true" | "false" | undefined;
 }, {
     xs: string;

package/types/checkbox/checkbox.styles.d.ts

@@ -996,7 +996,6 @@ export declare const StyledCheckboxContainer: import("@stitches/react/types/styl
         color: "default";
     };
 }, import("@stitches/react/types/styled-component").CssComponent<never, {
-    animated?: boolean | "false" | undefined;
     isFocusVisible?: boolean | "true" | "false" | undefined;
 }, {
     xs: string;

package/types/collapse/collapse.styles.d.ts

@@ -958,7 +958,6 @@ export declare const StyledCollapseView: import("@stitches/react/types/styled-co
         };
     };
 }, import("@stitches/react/types/styled-component").CssComponent<never, {
-    animated?: boolean | "false" | undefined;
     isFocusVisible?: boolean | "true" | "false" | undefined;
 }, {
     xs: string;

package/types/input/input-password.d.ts

@@ -94,5 +94,5 @@ declare const _default: React.ComponentType<Partial<{
     initialValue: string;
 } & NativeAttrs & {
     css?: CSS | undefined;
-} & React.RefAttributes<HTMLInputElement>, "clearable" | "rounded" | "contentClickable" | "contentLeftStyling" | "contentRightStyling" | "width" | "color" | "size" | "animated" | "className" | "borderWeight" | "bordered" | "placeholder" | "status" | "disabled" | "autoComplete" | "readOnly" | "required" | "shadow" | "initialValue" | "fullWidth" | "helperColor" | "underlined" | "hideToggle" | "visibleIcon" | "hiddenIcon">>;
+} & React.RefAttributes<HTMLInputElement>, "clearable" | "rounded" | "contentClickable" | "contentLeftStyling" | "contentRightStyling" | "width" | "color" | "size" | "className" | "borderWeight" | "bordered" | "placeholder" | "status" | "animated" | "disabled" | "autoComplete" | "readOnly" | "required" | "shadow" | "initialValue" | "fullWidth" | "helperColor" | "underlined" | "hideToggle" | "visibleIcon" | "hiddenIcon">>;
 export default _default;

package/types/progress/progress.d.ts

@@ -61,5 +61,5 @@ declare const _default: React.ComponentType<Partial<{
     hover: string;
     dark: string;
     light: string;
-}>, "max" | "animated" | "value" | "min" | "shadow" | "indeterminated" | "striped">>;
+}>, "max" | "value" | "animated" | "min" | "shadow" | "indeterminated" | "striped">>;
 export default _default;

package/types/switch/switch.d.ts

@@ -78,5 +78,5 @@ declare const _default: React.ComponentType<Partial<{
     light: string;
 }> & {
     css?: CSS | undefined;
-}, "squared" | "animated" | "preventDefault" | "bordered" | "disabled" | "shadow" | "initialChecked">>;
+}, "squared" | "preventDefault" | "bordered" | "animated" | "disabled" | "shadow" | "initialChecked">>;
 export default _default;

package/types/table/table-column-header.d.ts

@@ -75,7 +75,6 @@ declare const TableColumnHeader: React.ForwardRefExoticComponent<Props<unknown>
         };
     }[];
 }, import("@stitches/react/types/styled-component").CssComponent<never, {
-    animated?: boolean | "false" | undefined;
     isFocusVisible?: boolean | "true" | "false" | undefined;
 }, {
     xs: string;

package/types/table/table.styles.d.ts

@@ -993,7 +993,6 @@ export declare const StyledTableColumnHeader: import("@stitches/react/types/styl
         };
     }[];
 }, import("@stitches/react/types/styled-component").CssComponent<never, {
-    animated?: boolean | "false" | undefined;
     isFocusVisible?: boolean | "true" | "false" | undefined;
 }, {
     xs: string;
@@ -2919,7 +2918,6 @@ export declare const StyledTableHeaderCell: import("@stitches/react/types/styled
         };
     }[];
 }, import("@stitches/react/types/styled-component").CssComponent<never, {
-    animated?: boolean | "false" | undefined;
     isFocusVisible?: boolean | "true" | "false" | undefined;
 }, {
     xs: string;
@@ -4782,7 +4780,6 @@ export declare const StyledTableHeaderCell: import("@stitches/react/types/styled
         };
     };
 }>>, {
-    animated?: boolean | "false" | undefined;
     isFocusVisible?: boolean | "true" | "false" | undefined;
 }, {
     xs: string;
@@ -8548,7 +8545,6 @@ export declare const StyledTableCell: import("@stitches/react/types/styled-compo
         };
     };
 }, import("@stitches/react/types/styled-component").CssComponent<never, {
-    animated?: boolean | "false" | undefined;
     isFocusVisible?: boolean | "true" | "false" | undefined;
 }, {
     xs: string;
@@ -10433,7 +10429,6 @@ export declare const StyledTableRow: import("@stitches/react/types/styled-compon
         };
     };
 }, import("@stitches/react/types/styled-component").CssComponent<never, {
-    animated?: boolean | "false" | undefined;
     isFocusVisible?: boolean | "true" | "false" | undefined;
 }, {
     xs: string;

package/types/theme/stitches.config.d.ts

@@ -8152,7 +8152,6 @@ export declare const sharedFocus: import("@stitches/react/types/styled-component
     };
 }>>;
 export declare const cssFocusVisible: import("@stitches/react/types/styled-component").CssComponent<never, {
-    animated?: boolean | "false" | undefined;
     isFocusVisible?: boolean | "true" | "false" | undefined;
 }, {
     xs: string;

package/types/tooltip/tooltip.d.ts

@@ -55,5 +55,5 @@ declare const _default: React.ComponentType<Partial<{
     className: string;
     portalClassName: string;
     onVisibleChange: TooltipOnVisibleChange;
-}> & Omit<React.PropsWithChildren<TooltipProps>, "rounded" | "animated" | "className" | "shadow" | "hideArrow" | "initialVisible" | "trigger" | "enterDelay" | "leaveDelay" | "keepMounted" | "portalClassName" | "onVisibleChange">>;
+}> & Omit<React.PropsWithChildren<TooltipProps>, "rounded" | "className" | "animated" | "shadow" | "hideArrow" | "initialVisible" | "trigger" | "enterDelay" | "leaveDelay" | "keepMounted" | "portalClassName" | "onVisibleChange">>;
 export default _default;

package/umd/nextui.js

@@ -1205,16 +1205,7 @@ const sharedFocus = css({
   }
 });
 const cssFocusVisible = css({
-  transition: 'box-shadow 0.25s ease 0s',
-  '@motion': {
-    transition: 'none'
-  },
   variants: {
-    animated: {
-      false: {
-        transition: 'none'
-      }
-    },
     isFocusVisible: {
       true: {
         outline: 'transparent  solid 2px',