@nextui-org/react 1.0.5-beta.5 → 1.0.6-beta.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/backdrop/backdrop.js +1 -1
- package/cjs/backdrop/backdrop.styles.js +1 -1
- package/cjs/button/button.js +1 -1
- package/cjs/button/button.styles.js +1 -1
- package/cjs/button/utils.js +1 -1
- package/cjs/input/input.js +1 -1
- package/cjs/loading/loading.js +1 -1
- package/cjs/loading/loading.styles.js +1 -1
- package/cjs/pagination/pagination.styles.js +1 -1
- package/cjs/theme/stitches.config.js +1 -1
- package/cjs/utils/dom.js +1 -1
- package/esm/backdrop/backdrop.js +1 -1
- package/esm/backdrop/backdrop.styles.js +1 -1
- package/esm/button/button.js +1 -1
- package/esm/button/button.styles.js +1 -1
- package/esm/button/utils.js +1 -1
- package/esm/input/input.js +1 -1
- package/esm/loading/loading.js +1 -1
- package/esm/loading/loading.styles.js +1 -1
- package/esm/pagination/pagination.styles.js +1 -1
- package/esm/theme/stitches.config.js +1 -1
- package/esm/utils/dom.js +1 -1
- package/package.json +3 -1
- package/types/backdrop/backdrop.styles.d.ts +3 -1
- package/types/button/button.d.ts +6 -5
- package/types/button/button.styles.d.ts +124 -174
- package/types/button/utils.d.ts +23 -0
- package/types/loading/loading.styles.d.ts +1 -1
- package/types/modal/modal.d.ts +2 -4
- package/types/use-drip/use-drip.d.ts +2 -1
- package/types/utils/dom.d.ts +18 -0
- package/umd/nextui.js +19012 -16369
- package/umd/nextui.min.js +1 -1
package/cjs/backdrop/backdrop.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var t=d(require("react")),r=e(require("../utils/with-defaults")),a=e(require("../utils/css-transition")),n=e(require("../use-current-state")),
|
|
1
|
+
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var t=d(require("react")),r=e(require("../utils/with-defaults")),a=e(require("../utils/css-transition")),n=e(require("../use-current-state")),i=e(require("../utils/clsx")),l=d(require("../use-keyboard")),u=require("./backdrop.styles"),s=require("../utils/assertion"),o=require("react/jsx-runtime");function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(c=function(e){return e?r:t})(e)}function d(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=c(t);if(r&&r.has(e))return r.get(e);var a={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var l=n?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(a,i,l):a[i]=e[i]}return a.default=e,r&&r.set(e,a),a}const p="nextui-backdrop",f=t.default.memo((({children:e,onClick:r,onKeyPress:s,visible:c,maxWidth:d,blur:f,animated:b,opacity:m,preventDefault:y,className:x,css:k,...v})=>{const[,h,j]=(0,n.default)(!1),q=e=>{j.current||r&&r(e)},M=(0,t.useCallback)((e=>{e.stopPropagation()}),[]),O=()=>{if(!j.current)return;const e=setTimeout((()=>{h(!1),clearTimeout(e)}),0)},{bindings:$}=(0,l.default)((e=>{s&&s(e)}),[l.KeyCode.Escape,l.KeyCode.Space],{disableGlobalEvent:!0,preventDefault:y}),g=(0,t.useMemo)((()=>c?"open":"closed"),[c]),w=(0,t.useMemo)((()=>(0,o.jsxs)(u.StyledBackdrop,{tabIndex:-1,role:"button","aria-hidden":!0,"data-state":g,onClick:q,onMouseUp:O,css:{$$backdropOpacity:m,...k},className:(0,i.default)(p,`${p}--${g}`,x),...$,...v,children:[(0,o.jsx)(u.StyledBackdropLayer,{className:(0,i.default)(`${p}-layer`,f?`${p}-layer-blur`:`${p}-layer-default`),animated:b,blur:f}),(0,o.jsx)(u.StyledBackdropContent,{animated:b,className:`${p}-content`,onClick:M,css:{maxWidth:d},onMouseDown:()=>h(!0),children:e})]})),[e]);return(0,o.jsx)(o.Fragment,{children:b?(0,o.jsx)(a.default,{name:`${p}-wrapper`,visible:c,enterTime:20,leaveTime:20,clearTime:150,children:w}):c?w:null})}));s.__DEV__&&(f.displayName="NextUI - Backdrop"),f.toString=()=>".nextui-backdrop";var b=(0,r.default)(f,{onClick:()=>{},visible:!1,blur:!1,animated:!0,preventDefault:!0,opacity:.5,className:""});exports.default=b,module.exports=exports.default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
exports.__esModule=!0,exports.StyledBackdropLayer=exports.StyledBackdropContent=exports.StyledBackdrop=void 0;var e=require("../theme/stitches.config");const t=(0,e.styled)("div",{position:"relative",display:"inline-block",zIndex:"$max",outline:"none",width:"100%",margin:"$9 auto",verticalAlign:"middle","@sm":{width:"90%",maxWidth:"90%"}});exports.StyledBackdropContent=
|
|
1
|
+
exports.__esModule=!0,exports.StyledBackdropLayer=exports.StyledBackdropContent=exports.StyledBackdrop=void 0;var e=require("../theme/stitches.config");const t=(0,e.keyframes)({"0%":{opacity:0},"60%":{opacity:.75},"100%":{opacity:1}}),a=(0,e.styled)("div",{position:"relative",display:"inline-block",zIndex:"$max",outline:"none",width:"100%",margin:"$9 auto",verticalAlign:"middle","@sm":{width:"90%",maxWidth:"90%"},variants:{animated:{true:{"&":{animationName:t,animationDuration:"200ms",animationTimingFunction:"ease-in",animationDirection:"normal"}},false:{transition:"none"}}}});exports.StyledBackdropContent=a;const i=(0,e.styled)("div",{position:"fixed",top:0,left:0,right:0,bottom:0,size:"100%",pe:"none",zIndex:"$max","@motion":{transition:"none"},variants:{blur:{true:{opacity:1,transition:"background 0.35s cubic-bezier(0.4, 0, 0.2, 1)",backdropFilter:"saturate(180%) blur(20px)",bg:"rgba(0, 0, 0, 0.1)"},false:{bg:"$black",opacity:"$$backdropOpacity",transition:"opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1)"}},animated:{false:{transition:"none"}}}});exports.StyledBackdropLayer=i;const r=(0,e.styled)("div",{position:"fixed",top:0,left:0,right:0,bottom:0,overflow:"auto",zIndex:"$max",WebkitOverflowScrolling:"touch",boxSizing:"border-box",textAlign:"center","&:before":{content:"",display:"inline-block",width:0,height:"100%",verticalAlign:"middle"},".nextui-backdrop-wrapper-enter .nextui-backdrop-layer-default":{opacity:0},".nextui-backdrop-wrapper-enter-active .nextui-backdrop-layer-default":{opacity:"$$backdropOpacity"},".nextui-backdrop-wrapper-leave .nextui-backdrop-layer-default":{opacity:"$$backdropOpacity"},".nextui-backdrop-wrapper-leave-active .nextui-backdrop-layer-default":{opacity:0},".nextui-backdrop-wrapper-enter .nextui-backdrop-layer-blur":{bg:"rgba(0, 0, 0, 0.1)"},".nextui-backdrop-wrapper-enter-active .nextui-backdrop-layer-blur":{bg:"rgba(0, 0, 0, 0.4)"},".nextui-backdrop-wrapper-leave .nextui-backdrop-layer-blur":{bg:"rgba(0, 0, 0, 0.4)"},".nextui-backdrop-wrapper-leave-active .nextui-backdrop-layer-blur":{bg:"rgba(0, 0, 0, 0.1)"},variants:{fullScreen:{true:{display:"inline-flex",overflow:"hidden",[`& ${a}`]:{width:"100vw",maxWidth:"100vw",height:"100vh",margin:0},[`& ${i}`]:{display:"none"}}}},defaultVariants:{fullScreen:!1}});exports.StyledBackdrop=r;
|
package/cjs/button/button.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var t=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=
|
|
1
|
+
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var t=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=q(t);if(r&&r.has(e))return r.get(e);var i={},o=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var s=o?Object.getOwnPropertyDescriptor(e,u):null;s&&(s.get||s.set)?Object.defineProperty(i,u,s):i[u]=e[u]}i.default=e,r&&r.set(e,i);return i}(require("react")),r=require("@react-aria/focus"),i=require("@react-aria/button"),o=require("@react-aria/interactions"),u=require("@react-aria/utils"),s=e(require("../use-warning")),n=e(require("../utils/drip")),a=require("./utils"),l=require("./button-group-context"),d=e(require("./button-icon")),c=e(require("../utils/clsx")),f=e(require("../use-drip")),p=e(require("./button.styles")),b=e(require("../utils/with-defaults")),g=require("../utils/dom"),h=require("../utils/assertion"),x=require("react/jsx-runtime");function q(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(q=function(e){return e?r:t})(e)}const m=t.default.forwardRef((({onClick:e,onPress:b,as:q,css:m,...v},y)=>{const j=(0,l.useButtonGroupContext)(),P=(0,a.filterPropsWithGroup)(v,j),_=(0,a.getCssColors)(P),{flat:w,children:B,disabled:F,animated:O,light:k,ripple:C,bordered:D,auto:N,borderWeight:R,icon:M,iconRight:W,ghost:G,autoFocus:V,className:H,...S}=P,T=e=>{O&&C&&A.current&&K(e)},A=(0,g.useFocusableRef)(y),{buttonProps:E,isPressed:U}=(0,i.useButton)({...v,isDisabled:F,elementType:q,onPress:e=>{"keyboard"!==e.pointerType&&"virtual"!==e.pointerType||T(e),null==b||b(e)}},A),{hoverProps:I,isHovered:$}=(0,o.useHover)({isDisabled:F}),{isFocusVisible:z,focusProps:J}=(0,r.useFocusRing)({autoFocus:V}),{onClick:K,...L}=(0,f.default)(!1,A);E.onClick=t=>{T(t),null==e||e(t)},h.__DEV__&&"gradient"===P.color&&(w||k)&&(0,s.default)("Using the gradient color on flat and light buttons will have no effect.");const Q=M||W,X=Boolean(W),Y=(0,t.useMemo)((()=>U?"pressed":$?"hovered":F?"disabled":"ready"),[F,$,U]);return(0,x.jsxs)(p.default,{as:q,ref:A,borderWeight:R,auto:N,flat:w,light:k,ghost:G,bordered:D||G,"data-state":Y,animated:O,isPressed:U,isHovered:$,isFocusVisible:z&&!F,className:(0,c.default)("nextui-button",`nextui-button--${Y}`,H),css:{...m,..._},...(0,u.mergeProps)(E,J,I,S),children:[0===t.default.Children.count(B)?(0,x.jsx)(d.default,{isSingle:!0,isAuto:N,isRight:X,isGradientButtonBorder:"gradient"===S.color&&(D||G),children:Q}):Q?(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(d.default,{isSingle:!1,isAuto:N,isRight:X,isGradientButtonBorder:"gradient"===S.color&&(D||G),children:Q}),(0,x.jsx)("div",{className:(0,c.default)("nextui-button-text",{"nextui-button-text-right":X,"nextui-button-text-left":!X}),children:B})]}):(0,x.jsx)("span",{className:"nextui-button-text",children:B}),(0,x.jsx)(n.default,{color:"white",...L})]})}));h.__DEV__&&(m.displayName="NextUI - Button"),m.toString=()=>".nextui-button";var v=(0,b.default)(m,{ghost:!1,bordered:!1,ripple:!0,animated:!0,disabled:!1,autoFocus:!1,auto:!1,className:"",type:"button"});exports.default=v,module.exports=exports.default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
exports.__esModule=!0,exports.default=exports.StyledButton=void 0;var r=require("../theme/stitches.config"),o=require("../utils/drip");const e=(0,r.styled)("button",{$$buttonBorderRadius:"$radii$md",dflex:"center",appearance:"none",boxSizing:" border-box",fontWeight:"$medium",us:"none",lineHeight:"$sm",ta:"center",whiteSpace:"nowrap",transition:"$button",position:"relative",overflow:"hidden",border:"none",cursor:"pointer",pe:"auto",p:0,br:"$$buttonBorderRadius","
|
|
1
|
+
exports.__esModule=!0,exports.default=exports.StyledButton=void 0;var r=require("../theme/stitches.config"),o=require("../utils/drip");const e=(0,r.styled)("button",{$$buttonBorderRadius:"$radii$md",$$buttonHoverOpacity:.85,$$buttonPressedScale:.97,dflex:"center",appearance:"none",boxSizing:" border-box",fontWeight:"$medium",us:"none",lineHeight:"$sm",ta:"center",whiteSpace:"nowrap",transition:"$button",position:"relative",overflow:"hidden",border:"none",cursor:"pointer",pe:"auto",p:0,br:"$$buttonBorderRadius","@motion":{transition:"none"},".nextui-button-text":{dflex:"center",zIndex:"$2","p, pre, div":{margin:0}},[`& ${o.StyledDrip}`]:{zIndex:"$1",".nextui-drip-filler":{opacity:.25,fill:"$accents2"}},variants:{bordered:{true:{bg:"transparent",borderStyle:"solid",color:"$text"}},ghost:{true:{"&:hover":{color:"$white"}}},color:{default:{bg:"$primary",color:"$white"},primary:{bg:"$primary",color:"$white"},secondary:{bg:"$secondary",color:"$white"},success:{bg:"$success",color:"$white"},warning:{bg:"$warning",color:"$white"},error:{bg:"$error",color:"$white"},gradient:{bg:"$gradient",color:"$white"}},size:{xs:{$$buttonPadding:"$space$3",$$buttonBorderRadius:"$radii$xs",px:"$3",height:"$10",lh:"$space$10",width:"auto",minWidth:"$20",fontSize:"$tiny"},sm:{$$buttonPadding:"$space$5",$$buttonBorderRadius:"$radii$sm",px:"$5",height:"$12",lh:"$space$14",width:"auto",minWidth:"$36",fontSize:"$xs"},md:{$$buttonPadding:"$space$7",$$buttonBorderRadius:"$radii$md",px:"$7",height:"$14",lh:"$space$14",width:"auto",minWidth:"$48",fontSize:"$xs"},lg:{$$buttonPadding:"$space$9",$$buttonBorderRadius:"$radii$base",px:"$9",height:"$15",lh:"$space$15",width:"auto",minWidth:"$60",fontSize:"$base"},xl:{$$buttonPadding:"$space$10",$$buttonBorderRadius:"$radii$xl",px:"$10",height:"$17",lh:"$space$17",width:"auto",minWidth:"$72",fontSize:"$sm"}},borderWeight:{light:{bw:"$light",$$buttonBorderWeight:"$borderWeights$light"},normal:{bw:"$normal",$$buttonBorderWeight:"$borderWeights$normal"},bold:{bw:"$bold",$$buttonBorderWeight:"$borderWeights$bold"},extrabold:{bw:"$extrabold",$$buttonBorderWeight:"$borderWeights$extrabold"},black:{bw:"$black",$$buttonBorderWeight:"$borderWeights$black"}},flat:{true:{color:"$text"}},light:{true:{bg:"transparent",[`& ${o.StyledDrip}`]:{".nextui-drip-filler":{opacity:.8,fill:"$accents2"}}}},shadow:{true:{bs:"$sm"}},animated:{false:{transition:"none"}},auto:{true:{width:"auto",minWidth:"min-content"}},rounded:{true:{$$buttonBorderRadius:"$radii$pill"}},isPressed:{true:{}},isHovered:{true:{opacity:"$$buttonHoverOpacity"}}},compoundVariants:[{isPressed:!0,animated:!0,css:{transform:"scale($$buttonPressedScale)"}},{auto:!0,size:"xs",css:{px:"$5",minWidth:"min-content"}},{auto:!0,size:"sm",css:{px:"$8",minWidth:"min-content"}},{auto:!0,size:"md",css:{px:"$9",minWidth:"min-content"}},{auto:!0,size:"lg",css:{px:"$10",minWidth:"min-content"}},{auto:!0,size:"xl",css:{px:"$11",minWidth:"min-content"}},{shadow:!0,color:"default",css:{normalShadow:"$primaryShadow"}},{shadow:!0,color:"primary",css:{normalShadow:"$primaryShadow"}},{shadow:!0,color:"secondary",css:{normalShadow:"$secondaryShadow"}},{shadow:!0,color:"warning",css:{normalShadow:"$warningShadow"}},{shadow:!0,color:"success",css:{normalShadow:"$successShadow"}},{shadow:!0,color:"error",css:{normalShadow:"$errorShadow"}},{shadow:!0,color:"gradient",css:{normalShadow:"$primaryShadow"}},{light:!0,color:"default",css:{bg:"transparent",color:"$text"}},{light:!0,color:"primary",css:{bg:"transparent",color:"$primary"}},{light:!0,color:"secondary",css:{bg:"transparent",color:"$secondary"}},{light:!0,color:"warning",css:{bg:"transparent",color:"$warning"}},{light:!0,color:"success",css:{bg:"transparent",color:"$success"}},{light:!0,color:"error",css:{bg:"transparent",color:"$error"}},{bordered:!0,color:"default",css:{bg:"transparent",borderColor:"$primary",color:"$primary",[`& ${o.StyledDrip}`]:{".nextui-drip-filler":{fill:"$primary"}}}},{bordered:!0,color:"primary",css:{bg:"transparent",borderColor:"$primary",color:"$primary",[`& ${o.StyledDrip}`]:{".nextui-drip-filler":{fill:"$primary"}}}},{bordered:!0,color:"secondary",css:{bg:"transparent",borderColor:"$secondary",color:"$secondary",[`& ${o.StyledDrip}`]:{".nextui-drip-filler":{fill:"$secondary"}}}},{bordered:!0,color:"success",css:{bg:"transparent",borderColor:"$success",color:"$success",[`& ${o.StyledDrip}`]:{".nextui-drip-filler":{fill:"$success"}}}},{bordered:!0,color:"warning",css:{bg:"transparent",borderColor:"$warning",color:"$warning",[`& ${o.StyledDrip}`]:{".nextui-drip-filler":{fill:"$warning"}}}},{bordered:!0,color:"error",css:{bg:"transparent",borderColor:"$error",color:"$error",[`& ${o.StyledDrip}`]:{".nextui-drip-filler":{fill:"$error"}}}},{bordered:!0,color:"gradient",css:{bg:"transparent",color:"$text",padding:"$$buttonBorderWeight",bgClip:"content-box, border-box",borderColor:"$primary",backgroundImage:"linear-gradient($background, $background), $gradient",border:"none",[`& ${o.StyledDrip}`]:{".nextui-drip-filler":{fill:"$secondary"}}}},{ghost:!0,isHovered:!0,color:"default",css:{bg:"$primary"}},{ghost:!0,isHovered:!0,color:"primary",css:{bg:"$primary"}},{ghost:!0,isHovered:!0,color:"secondary",css:{bg:"$secondary"}},{ghost:!0,isHovered:!0,color:"success",css:{bg:"$success"}},{ghost:!0,isHovered:!0,color:"warning",css:{bg:"$warning"}},{ghost:!0,isHovered:!0,color:"error",css:{bg:"$error"}},{ghost:!0,color:"gradient",isHovered:!0,css:{bg:"$gradient"}},{flat:!0,color:"default",css:{bg:"$primaryLight",color:"$primary",[`& ${o.StyledDrip}`]:{".nextui-drip-filler":{opacity:.4,fill:"$primary"}}}},{flat:!0,color:"primary",css:{bg:"$primaryLight",color:"$primary",[`& ${o.StyledDrip}`]:{".nextui-drip-filler":{opacity:.4,fill:"$primary"}}}},{flat:!0,color:"secondary",css:{bg:"$secondaryLight",color:"$secondary",[`& ${o.StyledDrip}`]:{".nextui-drip-filler":{opacity:.4,fill:"$secondary"}}}},{flat:!0,color:"success",css:{bg:"$successLight",color:"$success",[`& ${o.StyledDrip}`]:{".nextui-drip-filler":{opacity:.4,fill:"$success"}}}},{flat:!0,color:"warning",css:{bg:"$warningLight",color:"$warning",[`& ${o.StyledDrip}`]:{".nextui-drip-filler":{opacity:.4,fill:"$warning"}}}},{flat:!0,color:"error",css:{bg:"$errorLight",color:"$error",[`& ${o.StyledDrip}`]:{".nextui-drip-filler":{opacity:.4,fill:"$error"}}}},{auto:!0,color:"gradient",bordered:!0,css:{".nextui-button-text":{px:"$$buttonPadding"},".nextui-button-icon":{ml:"$$buttonPadding"},".nextui-button-icon-right":{mr:"$$buttonPadding"},".nextui-button-text-left":{pl:0},".nextui-button-text-right":{pr:0}}},{rounded:!0,size:"xs",css:{br:"$pill"}},{rounded:!0,size:"sm",css:{br:"$pill"}},{rounded:!0,size:"md",css:{br:"$pill"}},{rounded:!0,size:"lg",css:{br:"$pill"}},{rounded:!0,size:"xl",css:{br:"$pill"}}],defaultVariants:{color:"default",borderWeight:"normal",animated:!0,size:"md"}},r.cssFocusVisible);exports.StyledButton=e;var t=e;exports.default=t;
|
package/cjs/button/utils.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
exports.__esModule=!0,exports.getCssColors=exports.filterPropsWithGroup=void 0;exports.filterPropsWithGroup=(
|
|
1
|
+
exports.__esModule=!0,exports.getCssColors=exports.filterPropsWithGroup=void 0;exports.filterPropsWithGroup=(e,o)=>{var r,t,n,l,d,a,s,i,g,u,b;return o.isButtonGroup?{...e,auto:!0,shadow:!1,bordered:null!=(r=o.bordered)?r:e.bordered,borderWeight:null!=(t=o.borderWeight)?t:e.borderWeight,ghost:null!=(n=o.ghost)?n:e.ghost,ripple:null!=(l=o.ripple)?l:e.ripple,flat:null!=(d=o.flat)?d:e.flat,animated:null!=(a=o.animated)?a:e.animated,rounded:null!=(s=o.rounded)?s:e.rounded,light:null!=(i=o.light)?i:e.light,size:null!=(g=o.size)?g:e.size,color:null!=(u=o.color)?u:e.color,disabled:null!=(b=o.disabled)?b:e.disabled}:e};exports.getCssColors=e=>{if(!e.disabled)return e.auto&&"gradient"===e.color&&(e.bordered||e.ghost)?{px:"$$buttonBorderWeight",py:"$$buttonBorderWeight"}:{};const o={bg:"$accents2",color:"$accents4",transform:"none",boxShadow:"none",pe:"none"};return e.bordered||e.flat||e.ghost||e.light?"gradient"===e.color&&(e.bordered||e.ghost)?{color:"$accents4",backgroundImage:"linear-gradient($background, $background), linear-gradient($accents2, $accents2)",transform:"none",boxShadow:"none",pe:"none",pl:"$$buttonBorderWeight",pr:"$$buttonBorderWeight"}:e.bordered||e.ghost||e.light?{...o,bg:"transparent",borderColor:"$accents2"}:e.flat?{...o,bg:"$accents1"}:{}:o};
|
package/cjs/input/input.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var t=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var a=c(t);if(a&&a.has(e))return a.get(e);var r={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var n in e)if("default"!==n&&Object.prototype.hasOwnProperty.call(e,n)){var i=l?Object.getOwnPropertyDescriptor(e,n):null;i&&(i.get||i.set)?Object.defineProperty(r,n,i):r[n]=e[n]}r.default=e,a&&a.set(e,r);return r}(require("react")),a=require("@react-aria/label"),r=require("./input-props"),l=e(require("../use-theme")),n=e(require("../use-warning")),i=require("./input.styles"),d=e(require("../utils/clear-icon")),o=e(require("../utils/clsx")),s=require("../utils/assertion"),u=require("react/jsx-runtime");function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(c=function(e){return e?a:t})(e)}const p="nextui-input",f=t.default.forwardRef((({as:e="input",label:r,labelPlaceholder:c,labelLeft:f,labelRight:h,size:b,helperText:m,color:y,helperColor:x,status:$,contentLeft:g,contentRight:C,contentClickable:v,contentLeftStyling:w,contentRightStyling:S,onContentClick:j,initialValue:k,onChange:N,readOnly:
|
|
1
|
+
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var t=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var a=c(t);if(a&&a.has(e))return a.get(e);var r={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var n in e)if("default"!==n&&Object.prototype.hasOwnProperty.call(e,n)){var i=l?Object.getOwnPropertyDescriptor(e,n):null;i&&(i.get||i.set)?Object.defineProperty(r,n,i):r[n]=e[n]}r.default=e,a&&a.set(e,r);return r}(require("react")),a=require("@react-aria/label"),r=require("./input-props"),l=e(require("../use-theme")),n=e(require("../use-warning")),i=require("./input.styles"),d=e(require("../utils/clear-icon")),o=e(require("../utils/clsx")),s=require("../utils/assertion"),u=require("react/jsx-runtime");function c(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,a=new WeakMap;return(c=function(e){return e?a:t})(e)}const p="nextui-input",f=t.default.forwardRef((({as:e="input",label:r,labelPlaceholder:c,labelLeft:f,labelRight:h,size:b,helperText:m,color:y,helperColor:x,status:$,contentLeft:g,contentRight:C,contentClickable:v,contentLeftStyling:w,contentRightStyling:S,onContentClick:j,initialValue:k,onChange:N,readOnly:q,value:I,onClearClick:P,clearable:M,shadow:O,animated:R,required:D,width:L,className:T,onBlur:_,onFocus:W,autoComplete:B,placeholder:V,fullWidth:F,borderWeight:E,disabled:H,bordered:U,underlined:z,rounded:A,css:G,...J},K)=>{const Q=(0,t.useRef)(null);(0,t.useImperativeHandle)(K,(()=>Q.current));const[X,Y]=(0,t.useState)(k),[Z,ee]=(0,t.useState)(!1),{isDark:te}=(0,l.default)(),ae=(0,t.useMemo)((()=>void 0!==I),[I]),re=(0,t.useMemo)((()=>r||c),[r,c]),le=(0,t.useMemo)((()=>c?"":V),[V,c]),ne=(0,t.useMemo)((()=>F?"100%":L||"initial"),[F,L]);z&&s.__DEV__&&(U&&(0,n.default)("Using underlined and bordered at the same time will have no effect."),A&&(0,n.default)("Using underlined and rounded at the same time will have no effect."));const ie=(e,t)=>{H||j&&j(e,t)};(0,t.useEffect)((()=>{ae&&Y(I)}));const de=(0,t.useMemo)((()=>"textarea"===e),[e]),oe={...J,...ae?{value:X}:{defaultValue:k}},{labelProps:se,fieldProps:ue}=(0,a.useLabel)({...oe,label:re}),ce=(0,t.useMemo)((()=>Z?"hover":H?"disabled":q?"read-only":X?"with-value":"normal"),[Z,H,q,X]);return(0,u.jsxs)(i.StyledInputMainContainer,{color:y,"data-state":ce,helperColor:x,borderWeight:E,status:$,size:b,rounded:A,disabled:H,css:{width:ne,...G},className:(0,o.default)(`${p}-main-container`,`${p}-main-container--${ce}`),children:[re&&(0,u.jsx)(i.StyledInputBlockLabel,{id:se.id,className:`${p}-block-label`,htmlFor:se.htmlFor,isTextarea:de,underlined:z,animated:R,bordered:U,rounded:A,hasContentLeft:!!g,withValue:!!X,asPlaceholder:!!c,focused:Z,children:re}),(0,u.jsx)(i.StyledInputContainer,{animated:R,isTextarea:de,underlined:z,isReadOnly:q,focused:Z,className:(0,o.default)(`${p}-container`,`${p}-container--${ce}`,{[`${p}-container--input`]:!de,[`${p}-container--textarea`]:de,[`${p}-container--read-only`]:q},T),children:(0,u.jsxs)(i.StyledInputWrapper,{as:re?"div":"label",animated:R,bordered:U,shadow:O,disabled:H,focused:Z,isReadOnly:q,underlined:z,isTextarea:de,className:(0,o.default)(`${p}-wrapper`,`${p}-wrapper--${ce}`,{[`${p}-wrapper--bordered`]:U,[`${p}-wrapper--underlined`]:z,[`${p}-wrapper--shadow`]:O}),children:[!re&&V&&(0,u.jsx)(i.StyledInputPlaceholder,{className:`${p}-placeholder`,children:V}),f&&(0,u.jsx)(i.StyledInputLabel,{className:`${p}-label--left`,isDefaultStatus:"default"===$,underlined:z,bordered:U,isDark:te,children:f}),g&&(0,u.jsx)(i.StyledInputContent,{className:(0,o.default)(`${p}-content`,`${p}-content--left`),applyStyles:w,clickable:v,onClick:e=>ie("left",e),children:g}),(0,u.jsx)(i.StyledInput,{type:"text",as:e,ref:Q,className:(0,o.default)({[`${p}`]:!de,[`${p}-textarea`]:de,[`${p}-disabled`]:H,[`${p}-rounded`]:A,[`${p}-${p}-right-content`]:C,[`${p}-left-content`]:g}),isTextarea:de,focused:Z,bordered:U,placeholder:le,disabled:H,readOnly:q,required:D,onFocus:e=>{ee(!0),W&&W(e)},onBlur:e=>{ee(!1),_&&_(e)},onChange:e=>{H||q||(Y(e.target.value),N&&N(e))},autoComplete:B,hasLeftContent:!!g,hasRightContent:!!C,"data-state":ce,"aria-placeholder":le,"aria-readonly":q,"aria-required":D,"aria-multiline":de,...oe,...ue}),M&&(0,u.jsx)(i.StyledInputClearButton,{type:"button",className:`${p}-clear-button`,animated:R,underlined:z,visible:Boolean(X),hasContentRight:!!C,disabled:H||q,onClick:e=>{if(e.preventDefault(),e.stopPropagation(),e.nativeEvent.stopImmediatePropagation(),Y(""),P&&P(e),!Q.current)return;const t=((e,t)=>({...t,target:e,currentTarget:e}))(Q.current,e);t.target.value="",N&&N(t),Q.current.focus()},children:(0,u.jsx)(d.default,{fill:"currentColor"})}),C&&(0,u.jsx)(i.StyledInputContent,{className:(0,o.default)(`${p}-content`,`${p}-content--right`),applyStyles:S,clickable:v,onClick:e=>ie("right",e),children:C}),h&&(0,u.jsx)(i.StyledInputLabel,{className:`${p}-label--right`,isDefaultStatus:"default"===$,underlined:z,bordered:U,isRight:!0,isDark:te,children:h})]})}),(0,u.jsx)(i.StyledHelperTextContainer,{className:`${p}-helper-text-container`,withValue:!!m,children:m&&(0,u.jsx)(i.StyledHelperText,{className:`${p}-helper-text`,children:m})})]})}));f.displayName="NextUI - Input",f.defaultProps=r.defaultProps,f.toString=()=>".nextui-input";var h=f;exports.default=h,module.exports=exports.default;
|
package/cjs/loading/loading.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var t=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=s(t);if(r&&r.has(e))return r.get(e);var n={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var l=i?Object.getOwnPropertyDescriptor(e,a):null;l&&(l.get||l.set)?Object.defineProperty(n,a,l):n[a]=e[a]}n.default=e,r&&r.set(e,n);return n}(require("react")),r=e(require("../utils/with-defaults")),n=require("./loading.styles"),i=e(require("./spinner")),a=require("react/jsx-runtime");function s(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(s=function(e){return e?r:t})(e)}const l=({children:e,size:r,gradientBackground:s,loadingCss:l,type:o,...u})=>{const d=e?"":"Loading",c=(0,t.useMemo)((()=>"gradient"===o?{"._2":{bg:s}}:{}),[o]);return(0,a.jsx)(n.StyledLoadingContainer,{...u,children:"spinner"===o?(0,a.jsx)(i.default,{size:r,children:e}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(n.StyledLoading,{className:`nextui-loading nextui-loading-${o}`,
|
|
1
|
+
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var t=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=s(t);if(r&&r.has(e))return r.get(e);var n={},i=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var a in e)if("default"!==a&&Object.prototype.hasOwnProperty.call(e,a)){var l=i?Object.getOwnPropertyDescriptor(e,a):null;l&&(l.get||l.set)?Object.defineProperty(n,a,l):n[a]=e[a]}n.default=e,r&&r.set(e,n);return n}(require("react")),r=e(require("../utils/with-defaults")),n=require("./loading.styles"),i=e(require("./spinner")),a=require("react/jsx-runtime");function s(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(s=function(e){return e?r:t})(e)}const l=({children:e,size:r,gradientBackground:s,loadingCss:l,type:o,...u})=>{const d=e?"":"Loading",c=(0,t.useMemo)((()=>"gradient"===o?{"._2":{bg:s}}:{}),[o]);return(0,a.jsx)(n.StyledLoadingContainer,{...u,children:"spinner"===o?(0,a.jsx)(i.default,{size:r,children:e}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(n.StyledLoading,{className:`nextui-loading nextui-loading-${o}`,type:o,size:r,"aria-label":d,css:{...l,...c},children:[(0,a.jsx)("i",{className:"_1"}),(0,a.jsx)("i",{className:"_2"}),(0,a.jsx)("i",{className:"_3"})]}),e&&(0,a.jsx)(n.StyledLoadingLabel,{size:r,className:"nextui-loading-label",children:e})]})})};l.toString=()=>".nextui-loading";const o=t.default.memo(l);var u=(0,r.default)(o,{size:"md",type:"default"});exports.default=u,module.exports=exports.default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
exports.__esModule=!0,exports.StyledSpinnerSpan=exports.StyledSpinnerContainer=exports.StyledSpinner=exports.StyledLoadingLabel=exports.StyledLoadingContainer=exports.StyledLoading=void 0;var o=require("../theme/stitches.config");const e=(0,o.keyframes)({"0%":{opacity:"0.2"},"20%":{opacity:1},"100%":{opacity:"0.2"}}),i=(0,o.keyframes)({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),a=(0,o.keyframes)({"0%":{transform:"translate(0px, 0px)"},"50%":{transform:"translate(0, calc(-$$loadingSize * 1.4))"},"100%":{transform:"translate(0px, 0px)"}}),n=(0,o.keyframes)({"0%":{opacity:1},"100%":{opacity:.15}}),t=(0,o.styled)("div",{d:"inline-flex",fd:"column",ai:"center",position:"relative",variants:{color:{white:{$$loadingColor:"$colors$white"},default:{$$loadingColor:"$colors$primary"},primary:{$$loadingColor:"$colors$primary"},secondary:{$$loadingColor:"$colors$secondary"},success:{$$loadingColor:"$colors$success"},warning:{$$loadingColor:"$colors$warning"},error:{$$loadingColor:"$colors$error"}},textColor:{white:{$$loadingTextColor:"$colors$white"},default:{$$loadingTextColor:"$colors$text"},primary:{$$loadingTextColor:"$colors$primary"},secondary:{$$loadingTextColor:"$colors$secondary"},success:{$$loadingTextColor:"$colors$success"},warning:{$$loadingTextColor:"$colors$warning"},error:{$$loadingTextColor:"$colors$error"}}},defaultVariants:{color:"default",textColor:"default"}});exports.StyledLoadingContainer=t;const r=(0,o.styled)("div",{size:"100%",position:"relative",left:"50%",top:"50%"});exports.StyledSpinnerContainer=r;const s=(0,o.styled)("div",{d:"flex",fd:"column",jc:"center",ai:"center",position:"relative",variants:{size:{xs:{size:"$6"},sm:{size:"$8"},md:{size:"$9"},lg:{size:"$11"},xl:{size:"$12"}}}});exports.StyledSpinner=s;const l=(0,o.styled)("span",{bg:"$$loadingColor",position:"absolute",top:"-3.9%",width:"24%",height:"8%",left:"-10%",br:"$lg",animation:`${n} 1.2s linear 0s infinite normal none running`,"&:nth-child(1)":{animationDelay:"-1.2s",transform:"rotate(0deg) translate(146%)"},"&:nth-child(2)":{animationDelay:"-1.1s",transform:"rotate(30deg) translate(146%)"},"&:nth-child(3)":{animationDelay:"-1s",transform:"rotate(60deg) translate(146%)"},"&:nth-child(4)":{animationDelay:"-0.9s",transform:"rotate(90deg) translate(146%)"},"&:nth-child(5)":{animationDelay:"-0.8s",transform:"rotate(120deg) translate(146%)"},"&:nth-child(6)":{animationDelay:"-0.7s",transform:"rotate(150deg) translate(146%)"},"&:nth-child(7)":{animationDelay:"-0.6s",transform:"rotate(180deg) translate(146%)"},"&:nth-child(8)":{animationDelay:"-0.5s",transform:"rotate(210deg) translate(146%)"},"&:nth-child(9)":{animationDelay:"-0.4s",transform:"rotate(240deg) translate(146%)"},"&:nth-child(10)":{animationDelay:"-0.3s",transform:"rotate(270deg) translate(146%)"},"&:nth-child(11)":{animationDelay:"-0.2s",transform:"rotate(300deg) translate(146%)"},"&:nth-child(12)":{animationDelay:"-0.1s",transform:"rotate(330deg) translate(146%)"}});exports.StyledSpinnerSpan=l;const $=(0,o.styled)("span",{position:"absolute",top:0,left:0,right:0,bottom:0,size:"100%",dflex:"center",bgColor:"transparent",us:"none",variants:{size:{xs:{$$loadingSize:"$space$8",$$loadingBorder:"$space$1"},sm:{$$loadingSize:"$space$10",$$loadingBorder:"$space$1"},md:{$$loadingSize:"$space$12",$$loadingBorder:"calc($space$1 * 1.5)"},lg:{$$loadingSize:"$space$15",$$loadingBorder:"$space$2"},xl:{$$loadingSize:"$space$18",$$loadingBorder:"$space$3"}},type:{default:{d:"flex",br:"$rounded",position:"relative",size:"$$loadingSize",i:{top:"0px",size:"100%",position:"absolute",br:"inherit"},"._1":{border:"$$loadingBorder solid $$loadingColor",borderTop:"$$loadingBorder solid transparent",borderLeft:"$$loadingBorder solid transparent",borderRight:"$$loadingBorder solid transparent",animation:`${i} 0.8s ease infinite`},"._2":{border:"$$loadingBorder dotted $$loadingColor",borderTop:"$$loadingBorder solid transparent",borderLeft:"$$loadingBorder solid transparent",borderRight:"$$loadingBorder solid transparent",animation:`${i} 0.8s linear infinite`,opacity:.5},"._3":{display:"none"}},points:{d:"flex",position:"relative",transform:"translate(0, calc($$loadingSize * 0.6))",i:{size:"$$loadingSize",margin:"0 3px",bg:"$$loadingColor"},"._1":{br:"$rounded",animation:`${a} 0.75s ease infinite`},"._2":{br:"$rounded",animation:`${a} 0.75s ease infinite 0.25s`},"._3":{br:"$rounded",animation:`${a} 0.75s ease infinite 0.5s`}},"points-opacity":{d:"flex",position:"relative",i:{display:"inline-block",size:"$$loadingSize",br:"$rounded",bg:"$$loadingColor",margin:"0 1px",animation:`${e} 1.4s infinite both`},"._2":{animationDelay:"0.2s"},"._3":{animationDelay:"0.4s"}},spinner:{},gradient:{display:"flex",position:"relative",size:"$$loadingSize","._1":{position:"absolute",size:"100%",border:"0px",animation:`${i} 1s linear infinite`,top:"0px",br:"$rounded",bg:"linear-gradient(0deg, $background 33%,$$loadingColor 100%)"},"._2":{top:"2px",position:"absolute",size:"calc(100% - 4px)",border:"0px",bg:"$background",br:"$rounded"},"._3":{display:"none"}}}},compoundVariants:[{size:"xs",type:"points-opacity",css:{$$loadingSize:"$space$1"}},{size:"sm",type:"points-opacity",css:{$$loadingSize:"$space$2"}},{size:"md",type:"points-opacity",css:{$$loadingSize:"$space$3"}},{size:"lg",type:"points-opacity",css:{$$loadingSize:"$space$4"}},{size:"xl",type:"points-opacity",css:{$$loadingSize:"$space$5"}},{size:"xs",type:"points",css:{$$loadingSize:"$space$1"}},{size:"sm",type:"points",css:{$$loadingSize:"$space$2"}},{size:"md",type:"points",css:{$$loadingSize:"$space$3"}},{size:"lg",type:"points",css:{$$loadingSize:"$space$4"}},{size:"xl",type:"points",css:{$$loadingSize:"$space$5"}}],defaultVariants:{type:"default"}});exports.StyledLoading=$;const d=(0,o.styled)("label",{mt:"$1",color:"$$loadingTextColor",fontSize:"$$loadingSize","*":{margin:0},variants:{size:{xs:{fontSize:"$space$5",marginTop:"$2"},sm:{fontSize:"$space$6",marginTop:"$3"},md:{fontSize:"$base",marginTop:"$4"},lg:{fontSize:"$space$10",marginTop:"$4"},xl:{fontSize:"$space$11",marginTop:"$5"}}}});exports.StyledLoadingLabel=d;
|
|
1
|
+
exports.__esModule=!0,exports.StyledSpinnerSpan=exports.StyledSpinnerContainer=exports.StyledSpinner=exports.StyledLoadingLabel=exports.StyledLoadingContainer=exports.StyledLoading=void 0;var o=require("../theme/stitches.config");const e=(0,o.keyframes)({"0%":{opacity:"0.2"},"20%":{opacity:1},"100%":{opacity:"0.2"}}),i=(0,o.keyframes)({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),a=(0,o.keyframes)({"0%":{transform:"translate(0px, 0px)"},"50%":{transform:"translate(0, calc(-$$loadingSize * 1.4))"},"100%":{transform:"translate(0px, 0px)"}}),n=(0,o.keyframes)({"0%":{opacity:1},"100%":{opacity:.15}}),t=(0,o.styled)("div",{d:"inline-flex",fd:"column",ai:"center",position:"relative",variants:{color:{currentColor:{$$loadingColor:"currentColor"},white:{$$loadingColor:"$colors$white"},default:{$$loadingColor:"$colors$primary"},primary:{$$loadingColor:"$colors$primary"},secondary:{$$loadingColor:"$colors$secondary"},success:{$$loadingColor:"$colors$success"},warning:{$$loadingColor:"$colors$warning"},error:{$$loadingColor:"$colors$error"}},textColor:{white:{$$loadingTextColor:"$colors$white"},default:{$$loadingTextColor:"$colors$text"},primary:{$$loadingTextColor:"$colors$primary"},secondary:{$$loadingTextColor:"$colors$secondary"},success:{$$loadingTextColor:"$colors$success"},warning:{$$loadingTextColor:"$colors$warning"},error:{$$loadingTextColor:"$colors$error"}}},defaultVariants:{color:"default",textColor:"default"}});exports.StyledLoadingContainer=t;const r=(0,o.styled)("div",{size:"100%",position:"relative",left:"50%",top:"50%"});exports.StyledSpinnerContainer=r;const s=(0,o.styled)("div",{d:"flex",fd:"column",jc:"center",ai:"center",position:"relative",variants:{size:{xs:{size:"$6"},sm:{size:"$8"},md:{size:"$9"},lg:{size:"$11"},xl:{size:"$12"}}}});exports.StyledSpinner=s;const l=(0,o.styled)("span",{bg:"$$loadingColor",position:"absolute",top:"-3.9%",width:"24%",height:"8%",left:"-10%",br:"$lg",animation:`${n} 1.2s linear 0s infinite normal none running`,"&:nth-child(1)":{animationDelay:"-1.2s",transform:"rotate(0deg) translate(146%)"},"&:nth-child(2)":{animationDelay:"-1.1s",transform:"rotate(30deg) translate(146%)"},"&:nth-child(3)":{animationDelay:"-1s",transform:"rotate(60deg) translate(146%)"},"&:nth-child(4)":{animationDelay:"-0.9s",transform:"rotate(90deg) translate(146%)"},"&:nth-child(5)":{animationDelay:"-0.8s",transform:"rotate(120deg) translate(146%)"},"&:nth-child(6)":{animationDelay:"-0.7s",transform:"rotate(150deg) translate(146%)"},"&:nth-child(7)":{animationDelay:"-0.6s",transform:"rotate(180deg) translate(146%)"},"&:nth-child(8)":{animationDelay:"-0.5s",transform:"rotate(210deg) translate(146%)"},"&:nth-child(9)":{animationDelay:"-0.4s",transform:"rotate(240deg) translate(146%)"},"&:nth-child(10)":{animationDelay:"-0.3s",transform:"rotate(270deg) translate(146%)"},"&:nth-child(11)":{animationDelay:"-0.2s",transform:"rotate(300deg) translate(146%)"},"&:nth-child(12)":{animationDelay:"-0.1s",transform:"rotate(330deg) translate(146%)"}});exports.StyledSpinnerSpan=l;const $=(0,o.styled)("span",{position:"absolute",top:0,left:0,right:0,bottom:0,size:"100%",dflex:"center",bgColor:"transparent",us:"none",variants:{size:{xs:{$$loadingSize:"$space$8",$$loadingBorder:"$space$1"},sm:{$$loadingSize:"$space$10",$$loadingBorder:"$space$1"},md:{$$loadingSize:"$space$12",$$loadingBorder:"calc($space$1 * 1.5)"},lg:{$$loadingSize:"$space$15",$$loadingBorder:"$space$2"},xl:{$$loadingSize:"$space$18",$$loadingBorder:"$space$3"}},type:{default:{d:"flex",br:"$rounded",position:"relative",size:"$$loadingSize",i:{top:"0px",size:"100%",position:"absolute",br:"inherit"},"._1":{border:"$$loadingBorder solid $$loadingColor",borderTop:"$$loadingBorder solid transparent",borderLeft:"$$loadingBorder solid transparent",borderRight:"$$loadingBorder solid transparent",animation:`${i} 0.8s ease infinite`},"._2":{border:"$$loadingBorder dotted $$loadingColor",borderTop:"$$loadingBorder solid transparent",borderLeft:"$$loadingBorder solid transparent",borderRight:"$$loadingBorder solid transparent",animation:`${i} 0.8s linear infinite`,opacity:.5},"._3":{display:"none"}},points:{d:"flex",position:"relative",transform:"translate(0, calc($$loadingSize * 0.6))",i:{size:"$$loadingSize",margin:"0 3px",bg:"$$loadingColor"},"._1":{br:"$rounded",animation:`${a} 0.75s ease infinite`},"._2":{br:"$rounded",animation:`${a} 0.75s ease infinite 0.25s`},"._3":{br:"$rounded",animation:`${a} 0.75s ease infinite 0.5s`}},"points-opacity":{d:"flex",position:"relative",i:{display:"inline-block",size:"$$loadingSize",br:"$rounded",bg:"$$loadingColor",margin:"0 1px",animation:`${e} 1.4s infinite both`},"._2":{animationDelay:"0.2s"},"._3":{animationDelay:"0.4s"}},spinner:{},gradient:{display:"flex",position:"relative",size:"$$loadingSize","._1":{position:"absolute",size:"100%",border:"0px",animation:`${i} 1s linear infinite`,top:"0px",br:"$rounded",bg:"linear-gradient(0deg, $background 33%,$$loadingColor 100%)"},"._2":{top:"2px",position:"absolute",size:"calc(100% - 4px)",border:"0px",bg:"$background",br:"$rounded"},"._3":{display:"none"}}}},compoundVariants:[{size:"xs",type:"points-opacity",css:{$$loadingSize:"$space$1"}},{size:"sm",type:"points-opacity",css:{$$loadingSize:"$space$2"}},{size:"md",type:"points-opacity",css:{$$loadingSize:"$space$3"}},{size:"lg",type:"points-opacity",css:{$$loadingSize:"$space$4"}},{size:"xl",type:"points-opacity",css:{$$loadingSize:"$space$5"}},{size:"xs",type:"points",css:{$$loadingSize:"$space$1"}},{size:"sm",type:"points",css:{$$loadingSize:"$space$2"}},{size:"md",type:"points",css:{$$loadingSize:"$space$3"}},{size:"lg",type:"points",css:{$$loadingSize:"$space$4"}},{size:"xl",type:"points",css:{$$loadingSize:"$space$5"}}],defaultVariants:{type:"default"}});exports.StyledLoading=$;const d=(0,o.styled)("label",{mt:"$1",color:"$$loadingTextColor",fontSize:"$$loadingSize","*":{margin:0},variants:{size:{xs:{fontSize:"$space$5",marginTop:"$2"},sm:{fontSize:"$space$6",marginTop:"$3"},md:{fontSize:"$base",marginTop:"$4"},lg:{fontSize:"$space$10",marginTop:"$4"},xl:{fontSize:"$space$11",marginTop:"$5"}}}});exports.StyledLoadingLabel=d;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
exports.__esModule=!0,exports.StyledPaginationItemContent=exports.StyledPaginationItem=exports.StyledPaginationIcon=exports.StyledPaginationHighlight=exports.StyledPaginationEllipsis=exports.StyledPagination=void 0;var i=require("../theme/stitches.config");const a=(0,i.keyframes)({"0%":{transform:"scale(1)"},"60%":{transform:"scale($$paginationScaleTransform)"},"100%":{transform:"scale(1)"}}),n=(0,i.styled)("svg",{color:"currentColor",stroke:"currentColor",variants:{isEllipsis:{true:{transform:"0deg"}},isBefore:{true:{}}},compoundVariants:[{isEllipsis:!0,isBefore:!0,css:{transform:"rotate(180deg)"}}]});exports.StyledPaginationEllipsis=n;const o=(0,i.styled)("svg",{transform:"rotate(180deg)",variants:{isPrev:{true:{transform:"rotate(0deg)"}}}});exports.StyledPaginationIcon=o;const t=(0,i.styled)("span",{position:"relative",display:"inline-flex",alignItems:"center",top:0,left:0,zIndex:"$2"});exports.StyledPaginationItemContent=t;const e=(0,i.styled)("button",{border:"none",position:"relative",display:"inline-flex",margin:"0 $$paginationItemMargin",ai:"center",jc:"center",padding:0,boxSizing:"border-box",tt:"capitalize",us:"none",whiteSpace:"nowrap",ta:"center",verticalAlign:"middle",bs:"none",outline:"none",height:"$$paginationSize",minWidth:"$$paginationSize",fs:"inherit",cursor:"pointer",br:"$$paginationItemRadius",color:"$text",bg:"$accents1","@motion":{transition:"none"},"&:hover":{bg:"$accents2"},[`& ${o}`]:{size:"$$paginationFontSize"},[`& ${n}`]:{size:"$$paginationFontSize"},variants:{active:{true:{fontWeight:"$bold",cursor:"default",boxShadow:"$sm",[`& ${t}`]:{color:"$white"}}},disabled:{true:{color:"$accents4",cursor:"not-allowed"}},bordered:{true:{bg:"transparent",border:"$$paginationItemBorderWeight solid $accents2"}},onlyDots:{true:{}},preserveContent:{true:{}},animated:{true:{transition:"transform 0.25s ease 0s, background 0.25s ease 0s, box-shadow 0.25s ease 0s"},false:{transition:"none"}}},compoundVariants:[{onlyDots:!0,preserveContent:!1,css:{[`& ${t}`]:{display:"none"}}},{animated:!0,disabled:!1,active:!1,css:{"&:active":{transform:"scale($$paginationScaleTransform)",fs:"calc($$paginationFontSize * 0.9)"}}}]},i.sharedFocus);exports.StyledPaginationItem=e;const r=(0,i.styled)("div",{position:"absolute",contain:"strict",top:"0px",zIndex:"$1",bg:"$$paginationColor",br:"$$paginationItemRadius",height:"$$paginationSize",minWidth:"$$paginationSize",animationName:`${a}`,animationDirection:"normal","&.nextui-pagination-highlight--moving":{transform:"scale($$paginationScaleTransform)"},"@motion":{transition:"none","&.nextui-pagination-highlight--moving":{transform:"scale(1)"}},variants:{animated:{true:{animationDuration:"350ms",animationTimingFunction:"ease",transition:"left 350ms ease 0s, transform 300ms ease 0s"},false:{animationDuration:"none",animationTimingFunction:"none",transition:"none","&.nextui-pagination-highlight--moving":{transform:"scale(1)"}}},noMargin:{true:{br:"$squared"}},rounded:{true:{}},shadow:{true:{normalShadowVar:"$$paginationShadowColor"}}},compoundVariants:[{rounded:!0,noMargin:!0,css:{br:"$pill"}}]});exports.StyledPaginationHighlight=r;const s=(0,i.styled)("nav",{m:0,p:0,d:"inline-flex",position:"relative",fontVariant:"tabular-nums",fontFeatureSettings:"tnum",variants:{color:{default:{$$paginationColor:"$colors$primary",$$paginationShadowColor:"$colors$primaryShadow"},primary:{$$paginationColor:"$colors$primary",$$paginationShadowColor:"$colors$primaryShadow"},secondary:{$$paginationColor:"$colors$secondary",$$paginationShadowColor:"$colors$secondaryShadow"},success:{$$paginationColor:"$colors$success",$$paginationShadowColor:"$colors$successShadow"},warning:{$$paginationColor:"$colors$warning",$$paginationShadowColor:"$colors$warningShadow"},error:{$$paginationColor:"$colors$error",$$paginationShadowColor:"$colors$errorShadow"},gradient:{$$paginationColor:"$colors$gradient",$$paginationShadowColor:"$colors$primaryShadow"}},size:{xs:{$$paginationWidth:"$space$10",$$paginationFontSize:"$space$5",fs:"$$paginationFontSize"},sm:{$$paginationWidth:"$space$12",$$paginationFontSize:"$space$6",fs:"$$paginationFontSize"},md:{$$paginationWidth:"$space$13",$$paginationFontSize:"$space$7",fs:"$$paginationFontSize"},lg:{$$paginationWidth:"$space$14",$$paginationFontSize:"$space$8",fs:"$$paginationFontSize"},xl:{$$paginationWidth:"$space$15",$$paginationFontSize:"$space$9",fs:"$$paginationFontSize"}},borderWeight:{light:{$$paginationItemBorderWeight:"$borderWeights$light"},normal:{$$paginationItemBorderWeight:"$borderWeights$normal"},bold:{$$paginationItemBorderWeight:"$borderWeights$bold"},extrabold:{$$paginationItemBorderWeight:"$borderWeights$extrabold"},black:{$$paginationItemBorderWeight:"$borderWeights$black"}},bordered:{true:{}},onlyDots:{true:{$$paginationSize:"calc($$paginationWidth / 2)",$$paginationItemRadius:"$radii$pill",$$paginationScaleTransform:1.05},false:{$$paginationSize:"$$paginationWidth",$$paginationScaleTransform:1.1}},rounded:{true:{$$paginationItemRadius:"$radii$pill"},false:{$$paginationItemRadius:"$radii$squared"}},noMargin:{true:{$$paginationItemRadius:"0px",$$paginationItemMargin:"0",[`& ${e}:first-of-type`]:{btlr:"$squared",bblr:"$squared"},[`& ${e}:last-of-type`]:{btrr:"$squared",bbrr:"$squared"}},false:{$$paginationItemMargin:"$space$1"}}},compoundVariants:[{bordered:!0,noMargin:!0,css:{[`& ${e}:not(:last-child)`]:{borderRight:0}}},{noMargin:!0,rounded:!0,css:{$$paginationItemRadius:"0px"}}],defaultVariants:{color:"default",size:"md",borderWeight:"normal",onlyDots:!1,noMargin:!1,rounded:!1}});exports.StyledPagination=s;
|
|
1
|
+
exports.__esModule=!0,exports.StyledPaginationItemContent=exports.StyledPaginationItem=exports.StyledPaginationIcon=exports.StyledPaginationHighlight=exports.StyledPaginationEllipsis=exports.StyledPagination=void 0;var i=require("../theme/stitches.config");const a=(0,i.keyframes)({"0%":{transform:"scale(1)"},"60%":{transform:"scale($$paginationScaleTransform)"},"100%":{transform:"scale(1)"}}),n=(0,i.styled)("svg",{color:"currentColor",stroke:"currentColor",variants:{isEllipsis:{true:{transform:"0deg"}},isBefore:{true:{}}},compoundVariants:[{isEllipsis:!0,isBefore:!0,css:{transform:"rotate(180deg)"}}]});exports.StyledPaginationEllipsis=n;const o=(0,i.styled)("svg",{transform:"rotate(180deg)",variants:{isPrev:{true:{transform:"rotate(0deg)"}}}});exports.StyledPaginationIcon=o;const t=(0,i.styled)("span",{position:"relative",display:"inline-flex",alignItems:"center",top:0,left:0,zIndex:"$2"});exports.StyledPaginationItemContent=t;const e=(0,i.styled)("button",{border:"none",position:"relative",display:"inline-flex",margin:"0 $$paginationItemMargin",ai:"center",jc:"center",padding:0,boxSizing:"border-box",tt:"capitalize",us:"none",whiteSpace:"nowrap",ta:"center",verticalAlign:"middle",bs:"none",outline:"none",height:"$$paginationSize",minWidth:"$$paginationSize",fs:"inherit",cursor:"pointer",br:"$$paginationItemRadius",color:"$text",bg:"$accents1","@motion":{transition:"none"},"&:hover":{bg:"$accents2"},[`& ${o}`]:{size:"$$paginationFontSize"},[`& ${n}`]:{size:"$$paginationFontSize"},variants:{active:{true:{fontWeight:"$bold",cursor:"default",boxShadow:"$sm",[`& ${t}`]:{color:"$white"}}},disabled:{true:{color:"$accents4",cursor:"not-allowed"}},bordered:{true:{bg:"transparent",border:"$$paginationItemBorderWeight solid $accents2"}},onlyDots:{true:{}},preserveContent:{true:{}},animated:{true:{transition:"transform 0.25s ease 0s, background 0.25s ease 0s, box-shadow 0.25s ease 0s"},false:{transition:"none"}}},compoundVariants:[{onlyDots:!0,preserveContent:!1,css:{[`& ${t}`]:{display:"none"}}},{animated:!0,disabled:!1,active:!1,css:{"&:active":{transform:"scale($$paginationScaleTransform)",fs:"calc($$paginationFontSize * 0.9)"}}}]},i.sharedFocus);exports.StyledPaginationItem=e;const r=(0,i.styled)("div",{position:"absolute",contain:"strict",top:"0px",zIndex:"$1",bg:"$$paginationColor",br:"$$paginationItemRadius",height:"$$paginationSize",minWidth:"$$paginationSize",animationName:`${a}`,animationDirection:"normal","&.nextui-pagination-highlight--moving":{transform:"scale($$paginationScaleTransform)"},"@motion":{transition:"none","&.nextui-pagination-highlight--moving":{transform:"scale(1)"}},variants:{animated:{true:{animationDuration:"350ms",animationTimingFunction:"ease",transition:"left 350ms ease 0s, transform 300ms ease 0s"},false:{animationDuration:"none",animationTimingFunction:"none",transition:"none","&.nextui-pagination-highlight--moving":{transform:"scale(1)"}}},noMargin:{true:{br:"$squared"}},rounded:{true:{}},shadow:{true:{normalShadowVar:"$$paginationShadowColor"}}},compoundVariants:[{rounded:!0,noMargin:!0,css:{br:"$pill"}}]});exports.StyledPaginationHighlight=r;const s=(0,i.styled)("nav",{m:0,p:0,d:"inline-flex",position:"relative",fontVariant:"tabular-nums",fontFeatureSettings:"tnum",variants:{color:{default:{$$paginationColor:"$colors$primary",$$paginationShadowColor:"$colors$primaryShadow"},primary:{$$paginationColor:"$colors$primary",$$paginationShadowColor:"$colors$primaryShadow"},secondary:{$$paginationColor:"$colors$secondary",$$paginationShadowColor:"$colors$secondaryShadow"},success:{$$paginationColor:"$colors$success",$$paginationShadowColor:"$colors$successShadow"},warning:{$$paginationColor:"$colors$warning",$$paginationShadowColor:"$colors$warningShadow"},error:{$$paginationColor:"$colors$error",$$paginationShadowColor:"$colors$errorShadow"},gradient:{$$paginationColor:"$colors$gradient",$$paginationShadowColor:"$colors$primaryShadow"}},size:{xs:{$$paginationWidth:"$space$10",$$paginationFontSize:"$space$5",fs:"$$paginationFontSize"},sm:{$$paginationWidth:"$space$12",$$paginationFontSize:"$space$6",fs:"$$paginationFontSize"},md:{$$paginationWidth:"$space$13",$$paginationFontSize:"$space$7",fs:"$$paginationFontSize"},lg:{$$paginationWidth:"$space$14",$$paginationFontSize:"$space$8",fs:"$$paginationFontSize"},xl:{$$paginationWidth:"$space$15",$$paginationFontSize:"$space$9",fs:"$$paginationFontSize"}},borderWeight:{light:{$$paginationItemBorderWeight:"$borderWeights$light"},normal:{$$paginationItemBorderWeight:"$borderWeights$normal"},bold:{$$paginationItemBorderWeight:"$borderWeights$bold"},extrabold:{$$paginationItemBorderWeight:"$borderWeights$extrabold"},black:{$$paginationItemBorderWeight:"$borderWeights$black"}},bordered:{true:{}},onlyDots:{true:{$$paginationSize:"calc($$paginationWidth / 2)",$$paginationItemRadius:"$radii$pill",$$paginationScaleTransform:1.05},false:{$$paginationSize:"$$paginationWidth",$$paginationScaleTransform:1.1}},rounded:{true:{$$paginationItemRadius:"$radii$pill"},false:{$$paginationItemRadius:"$radii$squared"}},noMargin:{true:{$$paginationItemRadius:"0px",$$paginationItemMargin:"0",[`& ${e}:first-of-type`]:{btlr:"$squared",bblr:"$squared"},[`& ${e}:last-of-type`]:{btrr:"$squared",bbrr:"$squared"}},false:{$$paginationItemMargin:"$space$1"}}},compoundVariants:[{bordered:!0,noMargin:!0,css:{[`& ${e}:not(:last-child)`]:{borderRight:0}}},{noMargin:!0,rounded:!0,css:{$$paginationItemRadius:"0px"}},{rounded:!1,noMargin:!0,css:{$$paginationItemRadius:"0px"}}],defaultVariants:{color:"default",size:"md",borderWeight:"normal",onlyDots:!1,noMargin:!1,rounded:!1}});exports.StyledPagination=s;
|
|
@@ -1 +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}}}),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
|
|
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}}}),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/cjs/utils/dom.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
exports.__esModule=!0,exports.canUseDOM=t,exports.createDOMRef=n,exports.createFocusableRef=o,exports.detectBrowser=function(e){return!!r&&function(e){const{userAgent:t,vendor:r}=e,n=/(android)/i.test(t);switch(!0){case/CriOS/.test(t):return"Chrome for iOS";case/Edg\//.test(t):return"Edge";case n&&/Silk\//.test(t):return"Silk";case/Chrome/.test(t)&&/Google Inc/.test(r):return"Chrome";case/Firefox\/\d+\.\d+$/.test(t):return"Firefox";case n:return"AOSP";case/MSIE|Trident/.test(t):return"IE";case/Safari/.test(e.userAgent)&&/Apple Computer/.test(t):return"Safari";case/AppleWebKit/.test(t):return"WebKit";default:return null}}(window.navigator)===e},exports.detectDeviceType=function(e){const{userAgent:t}=e;return/(tablet)|(iPad)|(Nexus 9)/i.test(t)?"tablet":/(mobi)/i.test(t)?"phone":"desktop"},exports.detectOS=function(e){return!!r&&function(e){const{userAgent:t,platform:r}=e;switch(!0){case/Android/.test(t):return"Android";case/iPhone|iPad|iPod/.test(r):return"iOS";case/Win/.test(r):return"Windows";case/Mac/.test(r):return"Mac";case/CrOS/.test(t):return"Chrome OS";case/Firefox/.test(t):return"Firefox OS";default:return null}}(window.navigator)===e},exports.detectTouch=function(){return!!r&&(null===window.ontouchstart&&null===window.ontouchmove&&null===window.ontouchend)},exports.isBrowser=void 0,exports.useDOMRef=function(t){let r=(0,e.useRef)(null);return(0,e.useImperativeHandle)(t,(()=>n(r))),r},exports.useFocusableRef=function(t,r){let n=(0,e.useRef)(null);return(0,e.useImperativeHandle)(t,(()=>o(n,r))),n};var e=require("react");function t(){return!("undefined"==typeof window||!window.document||!window.document.createElement)}const r=t();function n(e){return{UNSAFE_getDOMNode:()=>e.current}}function o(e,t=e){return{...n(e),focus(){t.current&&t.current.focus()}}}exports.isBrowser=r;
|
package/esm/backdrop/backdrop.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import e,{useCallback as t,useMemo as r}from"react";import a from"../utils/with-defaults";import i from"../utils/css-transition";import o from"../use-current-state";import s from"../utils/clsx";import n,{KeyCode as l}from"../use-keyboard";import{StyledBackdrop as m,StyledBackdropLayer as c,StyledBackdropContent as p}from"./backdrop.styles";import{__DEV__ as u}from"../utils/assertion";import{jsx as d}from"react/jsx-runtime";import{jsxs as f}from"react/jsx-runtime";import{Fragment as b}from"react/jsx-runtime";const x="nextui-backdrop",k=e.memo((({children:e,onClick:a,onKeyPress:u,visible:k,maxWidth:y,blur:h,animated:$,opacity:v,preventDefault:N,className:j,css:T,...g})=>{const[,C,D]=o(!1),w=e=>{D.current||a&&a(e)},E=t((e=>{e.stopPropagation()}),[]),I=()=>{if(!D.current)return;const e=setTimeout((()=>{C(!1),clearTimeout(e)}),0)},{bindings:M}=n((e=>{u&&u(e)}),[l.Escape,l.Space],{disableGlobalEvent:!0,preventDefault:N}),P=r((()=>k?"open":"closed"),[k]),S=r((()=>f(m,{tabIndex:-1,role:"button","aria-hidden":!0,"data-state":P,onClick:w,onMouseUp:I,css:{$$backdropOpacity:v,...T},className:s(x,`${x}--${P}`,j),...M,...g,children:[d(c,{className:s(`${x}-layer`,h?`${x}-layer-blur`:`${x}-layer-default`),animated:$,blur:h}),d(p,{className:`${x}-content`,onClick:E,css:{maxWidth:y},onMouseDown:()=>C(!0),children:e})]})),[e]);return d(b,{children:$?d(i,{name:`${x}-wrapper`,visible:k,enterTime:20,leaveTime:20,clearTime:150,children:S}):k?S:null})}));u&&(k.displayName="NextUI - Backdrop"),k.toString=()=>".nextui-backdrop";export default a(k,{onClick:()=>{},visible:!1,blur:!1,animated:!0,preventDefault:!0,opacity:.5,className:""});
|
|
1
|
+
import e,{useCallback as t,useMemo as r}from"react";import a from"../utils/with-defaults";import i from"../utils/css-transition";import o from"../use-current-state";import s from"../utils/clsx";import n,{KeyCode as l}from"../use-keyboard";import{StyledBackdrop as m,StyledBackdropLayer as c,StyledBackdropContent as p}from"./backdrop.styles";import{__DEV__ as u}from"../utils/assertion";import{jsx as d}from"react/jsx-runtime";import{jsxs as f}from"react/jsx-runtime";import{Fragment as b}from"react/jsx-runtime";const x="nextui-backdrop",k=e.memo((({children:e,onClick:a,onKeyPress:u,visible:k,maxWidth:y,blur:h,animated:$,opacity:v,preventDefault:N,className:j,css:T,...g})=>{const[,C,D]=o(!1),w=e=>{D.current||a&&a(e)},E=t((e=>{e.stopPropagation()}),[]),I=()=>{if(!D.current)return;const e=setTimeout((()=>{C(!1),clearTimeout(e)}),0)},{bindings:M}=n((e=>{u&&u(e)}),[l.Escape,l.Space],{disableGlobalEvent:!0,preventDefault:N}),P=r((()=>k?"open":"closed"),[k]),S=r((()=>f(m,{tabIndex:-1,role:"button","aria-hidden":!0,"data-state":P,onClick:w,onMouseUp:I,css:{$$backdropOpacity:v,...T},className:s(x,`${x}--${P}`,j),...M,...g,children:[d(c,{className:s(`${x}-layer`,h?`${x}-layer-blur`:`${x}-layer-default`),animated:$,blur:h}),d(p,{animated:$,className:`${x}-content`,onClick:E,css:{maxWidth:y},onMouseDown:()=>C(!0),children:e})]})),[e]);return d(b,{children:$?d(i,{name:`${x}-wrapper`,visible:k,enterTime:20,leaveTime:20,clearTime:150,children:S}):k?S:null})}));u&&(k.displayName="NextUI - Backdrop"),k.toString=()=>".nextui-backdrop";export default a(k,{onClick:()=>{},visible:!1,blur:!1,animated:!0,preventDefault:!0,opacity:.5,className:""});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{styled as e}from"../theme/stitches.config";export const StyledBackdropContent=e("div",{position:"relative",display:"inline-block",zIndex:"$max",outline:"none",width:"100%",margin:"$9 auto",verticalAlign:"middle","@sm":{width:"90%",maxWidth:"90%"}});export const StyledBackdropLayer=e("div",{position:"fixed",top:0,left:0,right:0,bottom:0,size:"100%",pe:"none",zIndex:"$max","@motion":{transition:"none"},variants:{blur:{true:{opacity:1,transition:"background 0.35s cubic-bezier(0.4, 0, 0.2, 1)",backdropFilter:"saturate(180%) blur(20px)",bg:"rgba(0, 0, 0, 0.1)"},false:{bg:"$black",opacity:"$$backdropOpacity",transition:"opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1)"}},animated:{false:{transition:"none"}}}});export const StyledBackdrop=e("div",{position:"fixed",top:0,left:0,right:0,bottom:0,overflow:"auto",zIndex:"$max",WebkitOverflowScrolling:"touch",boxSizing:"border-box",textAlign:"center","&:before":{content:"",display:"inline-block",width:0,height:"100%",verticalAlign:"middle"},".nextui-backdrop-wrapper-enter .nextui-backdrop-layer-default":{opacity:0},".nextui-backdrop-wrapper-enter-active .nextui-backdrop-layer-default":{opacity:"$$backdropOpacity"},".nextui-backdrop-wrapper-leave .nextui-backdrop-layer-default":{opacity:"$$backdropOpacity"},".nextui-backdrop-wrapper-leave-active .nextui-backdrop-layer-default":{opacity:0},".nextui-backdrop-wrapper-enter .nextui-backdrop-layer-blur":{bg:"rgba(0, 0, 0, 0.1)"},".nextui-backdrop-wrapper-enter-active .nextui-backdrop-layer-blur":{bg:"rgba(0, 0, 0, 0.4)"},".nextui-backdrop-wrapper-leave .nextui-backdrop-layer-blur":{bg:"rgba(0, 0, 0, 0.4)"},".nextui-backdrop-wrapper-leave-active .nextui-backdrop-layer-blur":{bg:"rgba(0, 0, 0, 0.1)"},variants:{fullScreen:{true:{display:"inline-flex",overflow:"hidden",[`& ${StyledBackdropContent}`]:{width:"100vw",maxWidth:"100vw",height:"100vh",margin:0},[`& ${StyledBackdropLayer}`]:{display:"none"}}}},defaultVariants:{fullScreen:!1}});
|
|
1
|
+
import{styled as e,keyframes as a}from"../theme/stitches.config";const t=a({"0%":{opacity:0},"60%":{opacity:.75},"100%":{opacity:1}});export const StyledBackdropContent=e("div",{position:"relative",display:"inline-block",zIndex:"$max",outline:"none",width:"100%",margin:"$9 auto",verticalAlign:"middle","@sm":{width:"90%",maxWidth:"90%"},variants:{animated:{true:{"&":{animationName:t,animationDuration:"200ms",animationTimingFunction:"ease-in",animationDirection:"normal"}},false:{transition:"none"}}}});export const StyledBackdropLayer=e("div",{position:"fixed",top:0,left:0,right:0,bottom:0,size:"100%",pe:"none",zIndex:"$max","@motion":{transition:"none"},variants:{blur:{true:{opacity:1,transition:"background 0.35s cubic-bezier(0.4, 0, 0.2, 1)",backdropFilter:"saturate(180%) blur(20px)",bg:"rgba(0, 0, 0, 0.1)"},false:{bg:"$black",opacity:"$$backdropOpacity",transition:"opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1)"}},animated:{false:{transition:"none"}}}});export const StyledBackdrop=e("div",{position:"fixed",top:0,left:0,right:0,bottom:0,overflow:"auto",zIndex:"$max",WebkitOverflowScrolling:"touch",boxSizing:"border-box",textAlign:"center","&:before":{content:"",display:"inline-block",width:0,height:"100%",verticalAlign:"middle"},".nextui-backdrop-wrapper-enter .nextui-backdrop-layer-default":{opacity:0},".nextui-backdrop-wrapper-enter-active .nextui-backdrop-layer-default":{opacity:"$$backdropOpacity"},".nextui-backdrop-wrapper-leave .nextui-backdrop-layer-default":{opacity:"$$backdropOpacity"},".nextui-backdrop-wrapper-leave-active .nextui-backdrop-layer-default":{opacity:0},".nextui-backdrop-wrapper-enter .nextui-backdrop-layer-blur":{bg:"rgba(0, 0, 0, 0.1)"},".nextui-backdrop-wrapper-enter-active .nextui-backdrop-layer-blur":{bg:"rgba(0, 0, 0, 0.4)"},".nextui-backdrop-wrapper-leave .nextui-backdrop-layer-blur":{bg:"rgba(0, 0, 0, 0.4)"},".nextui-backdrop-wrapper-leave-active .nextui-backdrop-layer-blur":{bg:"rgba(0, 0, 0, 0.1)"},variants:{fullScreen:{true:{display:"inline-flex",overflow:"hidden",[`& ${StyledBackdropContent}`]:{width:"100vw",maxWidth:"100vw",height:"100vh",margin:0},[`& ${StyledBackdropLayer}`]:{display:"none"}}}},defaultVariants:{fullScreen:!1}});
|
package/esm/button/button.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import t,{
|
|
1
|
+
import t,{useMemo as o}from"react";import{useFocusRing as r}from"@react-aria/focus";import{useButton as e}from"@react-aria/button";import{useHover as i}from"@react-aria/interactions";import{mergeProps as s}from"@react-aria/utils";import n from"../use-warning";import a from"../utils/drip";import{filterPropsWithGroup as l,getCssColors as u}from"./utils";import{useButtonGroupContext as d}from"./button-group-context";import m from"./button-icon";import c from"../utils/clsx";import p from"../use-drip";import f from"./button.styles";import b from"../utils/with-defaults";import{useFocusableRef as h}from"../utils/dom";import{__DEV__ as g}from"../utils/assertion";import{jsx as x}from"react/jsx-runtime";import{Fragment as y}from"react/jsx-runtime";import{jsxs as v}from"react/jsx-runtime";const N=t.forwardRef((({onClick:b,onPress:N,as:P,css:B,...F},j)=>{const w=d(),k=l(F,w),C=u(k),{flat:R,children:S,disabled:T,animated:A,light:D,ripple:G,bordered:H,auto:U,borderWeight:V,icon:W,iconRight:I,ghost:$,autoFocus:q,className:z,...E}=k,J=t=>{A&&G&&K.current&&Z(t)},K=h(j),{buttonProps:L,isPressed:M}=e({...F,isDisabled:T,elementType:P,onPress:t=>{"keyboard"!==t.pointerType&&"virtual"!==t.pointerType||J(t),null==N||N(t)}},K),{hoverProps:O,isHovered:Q}=i({isDisabled:T}),{isFocusVisible:X,focusProps:Y}=r({autoFocus:q}),{onClick:Z,..._}=p(!1,K);L.onClick=t=>{J(t),null==b||b(t)},g&&"gradient"===k.color&&(R||D)&&n("Using the gradient color on flat and light buttons will have no effect.");const tt=W||I,ot=Boolean(I),rt=o((()=>M?"pressed":Q?"hovered":T?"disabled":"ready"),[T,Q,M]);return v(f,{as:P,ref:K,borderWeight:V,auto:U,flat:R,light:D,ghost:$,bordered:H||$,"data-state":rt,animated:A,isPressed:M,isHovered:Q,isFocusVisible:X&&!T,className:c("nextui-button",`nextui-button--${rt}`,z),css:{...B,...C},...s(L,Y,O,E),children:[0===t.Children.count(S)?x(m,{isSingle:!0,isAuto:U,isRight:ot,isGradientButtonBorder:"gradient"===E.color&&(H||$),children:tt}):tt?v(y,{children:[x(m,{isSingle:!1,isAuto:U,isRight:ot,isGradientButtonBorder:"gradient"===E.color&&(H||$),children:tt}),x("div",{className:c("nextui-button-text",{"nextui-button-text-right":ot,"nextui-button-text-left":!ot}),children:S})]}):x("span",{className:"nextui-button-text",children:S}),x(a,{color:"white",..._})]})}));g&&(N.displayName="NextUI - Button"),N.toString=()=>".nextui-button";export default b(N,{ghost:!1,bordered:!1,ripple:!0,animated:!0,disabled:!1,autoFocus:!1,auto:!1,className:"",type:"button"});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{styled as r,cssFocusVisible as o}from"../theme/stitches.config";import{StyledDrip as e}from"../utils/drip";export const StyledButton=r("button",{$$buttonBorderRadius:"$radii$md",dflex:"center",appearance:"none",boxSizing:" border-box",fontWeight:"$medium",us:"none",lineHeight:"$sm",ta:"center",whiteSpace:"nowrap",transition:"$button",position:"relative",overflow:"hidden",border:"none",cursor:"pointer",pe:"auto",p:0,br:"$$buttonBorderRadius","
|
|
1
|
+
import{styled as r,cssFocusVisible as o}from"../theme/stitches.config";import{StyledDrip as e}from"../utils/drip";export const StyledButton=r("button",{$$buttonBorderRadius:"$radii$md",$$buttonHoverOpacity:.85,$$buttonPressedScale:.97,dflex:"center",appearance:"none",boxSizing:" border-box",fontWeight:"$medium",us:"none",lineHeight:"$sm",ta:"center",whiteSpace:"nowrap",transition:"$button",position:"relative",overflow:"hidden",border:"none",cursor:"pointer",pe:"auto",p:0,br:"$$buttonBorderRadius","@motion":{transition:"none"},".nextui-button-text":{dflex:"center",zIndex:"$2","p, pre, div":{margin:0}},[`& ${e}`]:{zIndex:"$1",".nextui-drip-filler":{opacity:.25,fill:"$accents2"}},variants:{bordered:{true:{bg:"transparent",borderStyle:"solid",color:"$text"}},ghost:{true:{"&:hover":{color:"$white"}}},color:{default:{bg:"$primary",color:"$white"},primary:{bg:"$primary",color:"$white"},secondary:{bg:"$secondary",color:"$white"},success:{bg:"$success",color:"$white"},warning:{bg:"$warning",color:"$white"},error:{bg:"$error",color:"$white"},gradient:{bg:"$gradient",color:"$white"}},size:{xs:{$$buttonPadding:"$space$3",$$buttonBorderRadius:"$radii$xs",px:"$3",height:"$10",lh:"$space$10",width:"auto",minWidth:"$20",fontSize:"$tiny"},sm:{$$buttonPadding:"$space$5",$$buttonBorderRadius:"$radii$sm",px:"$5",height:"$12",lh:"$space$14",width:"auto",minWidth:"$36",fontSize:"$xs"},md:{$$buttonPadding:"$space$7",$$buttonBorderRadius:"$radii$md",px:"$7",height:"$14",lh:"$space$14",width:"auto",minWidth:"$48",fontSize:"$xs"},lg:{$$buttonPadding:"$space$9",$$buttonBorderRadius:"$radii$base",px:"$9",height:"$15",lh:"$space$15",width:"auto",minWidth:"$60",fontSize:"$base"},xl:{$$buttonPadding:"$space$10",$$buttonBorderRadius:"$radii$xl",px:"$10",height:"$17",lh:"$space$17",width:"auto",minWidth:"$72",fontSize:"$sm"}},borderWeight:{light:{bw:"$light",$$buttonBorderWeight:"$borderWeights$light"},normal:{bw:"$normal",$$buttonBorderWeight:"$borderWeights$normal"},bold:{bw:"$bold",$$buttonBorderWeight:"$borderWeights$bold"},extrabold:{bw:"$extrabold",$$buttonBorderWeight:"$borderWeights$extrabold"},black:{bw:"$black",$$buttonBorderWeight:"$borderWeights$black"}},flat:{true:{color:"$text"}},light:{true:{bg:"transparent",[`& ${e}`]:{".nextui-drip-filler":{opacity:.8,fill:"$accents2"}}}},shadow:{true:{bs:"$sm"}},animated:{false:{transition:"none"}},auto:{true:{width:"auto",minWidth:"min-content"}},rounded:{true:{$$buttonBorderRadius:"$radii$pill"}},isPressed:{true:{}},isHovered:{true:{opacity:"$$buttonHoverOpacity"}}},compoundVariants:[{isPressed:!0,animated:!0,css:{transform:"scale($$buttonPressedScale)"}},{auto:!0,size:"xs",css:{px:"$5",minWidth:"min-content"}},{auto:!0,size:"sm",css:{px:"$8",minWidth:"min-content"}},{auto:!0,size:"md",css:{px:"$9",minWidth:"min-content"}},{auto:!0,size:"lg",css:{px:"$10",minWidth:"min-content"}},{auto:!0,size:"xl",css:{px:"$11",minWidth:"min-content"}},{shadow:!0,color:"default",css:{normalShadow:"$primaryShadow"}},{shadow:!0,color:"primary",css:{normalShadow:"$primaryShadow"}},{shadow:!0,color:"secondary",css:{normalShadow:"$secondaryShadow"}},{shadow:!0,color:"warning",css:{normalShadow:"$warningShadow"}},{shadow:!0,color:"success",css:{normalShadow:"$successShadow"}},{shadow:!0,color:"error",css:{normalShadow:"$errorShadow"}},{shadow:!0,color:"gradient",css:{normalShadow:"$primaryShadow"}},{light:!0,color:"default",css:{bg:"transparent",color:"$text"}},{light:!0,color:"primary",css:{bg:"transparent",color:"$primary"}},{light:!0,color:"secondary",css:{bg:"transparent",color:"$secondary"}},{light:!0,color:"warning",css:{bg:"transparent",color:"$warning"}},{light:!0,color:"success",css:{bg:"transparent",color:"$success"}},{light:!0,color:"error",css:{bg:"transparent",color:"$error"}},{bordered:!0,color:"default",css:{bg:"transparent",borderColor:"$primary",color:"$primary",[`& ${e}`]:{".nextui-drip-filler":{fill:"$primary"}}}},{bordered:!0,color:"primary",css:{bg:"transparent",borderColor:"$primary",color:"$primary",[`& ${e}`]:{".nextui-drip-filler":{fill:"$primary"}}}},{bordered:!0,color:"secondary",css:{bg:"transparent",borderColor:"$secondary",color:"$secondary",[`& ${e}`]:{".nextui-drip-filler":{fill:"$secondary"}}}},{bordered:!0,color:"success",css:{bg:"transparent",borderColor:"$success",color:"$success",[`& ${e}`]:{".nextui-drip-filler":{fill:"$success"}}}},{bordered:!0,color:"warning",css:{bg:"transparent",borderColor:"$warning",color:"$warning",[`& ${e}`]:{".nextui-drip-filler":{fill:"$warning"}}}},{bordered:!0,color:"error",css:{bg:"transparent",borderColor:"$error",color:"$error",[`& ${e}`]:{".nextui-drip-filler":{fill:"$error"}}}},{bordered:!0,color:"gradient",css:{bg:"transparent",color:"$text",padding:"$$buttonBorderWeight",bgClip:"content-box, border-box",borderColor:"$primary",backgroundImage:"linear-gradient($background, $background), $gradient",border:"none",[`& ${e}`]:{".nextui-drip-filler":{fill:"$secondary"}}}},{ghost:!0,isHovered:!0,color:"default",css:{bg:"$primary"}},{ghost:!0,isHovered:!0,color:"primary",css:{bg:"$primary"}},{ghost:!0,isHovered:!0,color:"secondary",css:{bg:"$secondary"}},{ghost:!0,isHovered:!0,color:"success",css:{bg:"$success"}},{ghost:!0,isHovered:!0,color:"warning",css:{bg:"$warning"}},{ghost:!0,isHovered:!0,color:"error",css:{bg:"$error"}},{ghost:!0,color:"gradient",isHovered:!0,css:{bg:"$gradient"}},{flat:!0,color:"default",css:{bg:"$primaryLight",color:"$primary",[`& ${e}`]:{".nextui-drip-filler":{opacity:.4,fill:"$primary"}}}},{flat:!0,color:"primary",css:{bg:"$primaryLight",color:"$primary",[`& ${e}`]:{".nextui-drip-filler":{opacity:.4,fill:"$primary"}}}},{flat:!0,color:"secondary",css:{bg:"$secondaryLight",color:"$secondary",[`& ${e}`]:{".nextui-drip-filler":{opacity:.4,fill:"$secondary"}}}},{flat:!0,color:"success",css:{bg:"$successLight",color:"$success",[`& ${e}`]:{".nextui-drip-filler":{opacity:.4,fill:"$success"}}}},{flat:!0,color:"warning",css:{bg:"$warningLight",color:"$warning",[`& ${e}`]:{".nextui-drip-filler":{opacity:.4,fill:"$warning"}}}},{flat:!0,color:"error",css:{bg:"$errorLight",color:"$error",[`& ${e}`]:{".nextui-drip-filler":{opacity:.4,fill:"$error"}}}},{auto:!0,color:"gradient",bordered:!0,css:{".nextui-button-text":{px:"$$buttonPadding"},".nextui-button-icon":{ml:"$$buttonPadding"},".nextui-button-icon-right":{mr:"$$buttonPadding"},".nextui-button-text-left":{pl:0},".nextui-button-text-right":{pr:0}}},{rounded:!0,size:"xs",css:{br:"$pill"}},{rounded:!0,size:"sm",css:{br:"$pill"}},{rounded:!0,size:"md",css:{br:"$pill"}},{rounded:!0,size:"lg",css:{br:"$pill"}},{rounded:!0,size:"xl",css:{br:"$pill"}}],defaultVariants:{color:"default",borderWeight:"normal",animated:!0,size:"md"}},o);export default StyledButton;
|
package/esm/button/utils.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export const filterPropsWithGroup=(
|
|
1
|
+
export const filterPropsWithGroup=(e,o)=>{var r,t,n,l,d,a,i,s,g,u,b;return o.isButtonGroup?{...e,auto:!0,shadow:!1,bordered:null!=(r=o.bordered)?r:e.bordered,borderWeight:null!=(t=o.borderWeight)?t:e.borderWeight,ghost:null!=(n=o.ghost)?n:e.ghost,ripple:null!=(l=o.ripple)?l:e.ripple,flat:null!=(d=o.flat)?d:e.flat,animated:null!=(a=o.animated)?a:e.animated,rounded:null!=(i=o.rounded)?i:e.rounded,light:null!=(s=o.light)?s:e.light,size:null!=(g=o.size)?g:e.size,color:null!=(u=o.color)?u:e.color,disabled:null!=(b=o.disabled)?b:e.disabled}:e};export const getCssColors=e=>{if(!e.disabled)return e.auto&&"gradient"===e.color&&(e.bordered||e.ghost)?{px:"$$buttonBorderWeight",py:"$$buttonBorderWeight"}:{};const o={bg:"$accents2",color:"$accents4",transform:"none",boxShadow:"none",pe:"none"};return e.bordered||e.flat||e.ghost||e.light?"gradient"===e.color&&(e.bordered||e.ghost)?{color:"$accents4",backgroundImage:"linear-gradient($background, $background), linear-gradient($accents2, $accents2)",transform:"none",boxShadow:"none",pe:"none",pl:"$$buttonBorderWeight",pr:"$$buttonBorderWeight"}:e.bordered||e.ghost||e.light?{...o,bg:"transparent",borderColor:"$accents2"}:e.flat?{...o,bg:"$accents1"}:{}:o};
|
package/esm/input/input.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import e,{useEffect as t,useImperativeHandle as a,useMemo as r,useRef as l,useState as n}from"react";import{useLabel as i}from"@react-aria/label";import{defaultProps as o}from"./input-props";import d from"../use-theme";import s from"../use-warning";import{StyledInput as c,StyledInputMainContainer as u,StyledInputContainer as p,StyledHelperTextContainer as m,StyledHelperText as h,StyledInputWrapper as f,StyledInputPlaceholder as b,StyledInputClearButton as $,StyledInputBlockLabel as g,StyledInputLabel as y,StyledInputContent as C}from"./input.styles";import x from"../utils/clear-icon";import w from"../utils/clsx";import{__DEV__ as N}from"../utils/assertion";import{jsx as v}from"react/jsx-runtime";import{jsxs as k}from"react/jsx-runtime";const S="nextui-input",R=e.forwardRef((({as:e="input",label:o,labelPlaceholder:R,labelLeft:I,labelRight:L,size:P,helperText:D,color:T,helperColor:B,status:j,contentLeft:F,contentRight:O,contentClickable:V,contentLeftStyling:
|
|
1
|
+
import e,{useEffect as t,useImperativeHandle as a,useMemo as r,useRef as l,useState as n}from"react";import{useLabel as i}from"@react-aria/label";import{defaultProps as o}from"./input-props";import d from"../use-theme";import s from"../use-warning";import{StyledInput as c,StyledInputMainContainer as u,StyledInputContainer as p,StyledHelperTextContainer as m,StyledHelperText as h,StyledInputWrapper as f,StyledInputPlaceholder as b,StyledInputClearButton as $,StyledInputBlockLabel as g,StyledInputLabel as y,StyledInputContent as C}from"./input.styles";import x from"../utils/clear-icon";import w from"../utils/clsx";import{__DEV__ as N}from"../utils/assertion";import{jsx as v}from"react/jsx-runtime";import{jsxs as k}from"react/jsx-runtime";const S="nextui-input",R=e.forwardRef((({as:e="input",label:o,labelPlaceholder:R,labelLeft:I,labelRight:L,size:P,helperText:D,color:T,helperColor:B,status:j,contentLeft:F,contentRight:O,contentClickable:V,contentLeftStyling:q,contentRightStyling:U,onContentClick:W,initialValue:z,onChange:E,readOnly:A,value:G,onClearClick:H,clearable:J,shadow:K,animated:M,required:Q,width:X,className:Y,onBlur:Z,onFocus:_,autoComplete:ee,placeholder:te,fullWidth:ae,borderWeight:re,disabled:le,bordered:ne,underlined:ie,rounded:oe,css:de,...se},ce)=>{const ue=l(null);a(ce,(()=>ue.current));const[pe,me]=n(z),[he,fe]=n(!1),{isDark:be}=d(),$e=r((()=>void 0!==G),[G]),ge=r((()=>o||R),[o,R]),ye=r((()=>R?"":te),[te,R]),Ce=r((()=>ae?"100%":X||"initial"),[ae,X]);ie&&N&&(ne&&s("Using underlined and bordered at the same time will have no effect."),oe&&s("Using underlined and rounded at the same time will have no effect."));const xe=(e,t)=>{le||W&&W(e,t)};t((()=>{$e&&me(G)}));const we=r((()=>"textarea"===e),[e]),Ne={...se,...$e?{value:pe}:{defaultValue:z}},{labelProps:ve,fieldProps:ke}=i({...Ne,label:ge}),Se=r((()=>he?"hover":le?"disabled":A?"read-only":pe?"with-value":"normal"),[he,le,A,pe]);return k(u,{color:T,"data-state":Se,helperColor:B,borderWeight:re,status:j,size:P,rounded:oe,disabled:le,css:{width:Ce,...de},className:w(`${S}-main-container`,`${S}-main-container--${Se}`),children:[ge&&v(g,{id:ve.id,className:`${S}-block-label`,htmlFor:ve.htmlFor,isTextarea:we,underlined:ie,animated:M,bordered:ne,rounded:oe,hasContentLeft:!!F,withValue:!!pe,asPlaceholder:!!R,focused:he,children:ge}),v(p,{animated:M,isTextarea:we,underlined:ie,isReadOnly:A,focused:he,className:w(`${S}-container`,`${S}-container--${Se}`,{[`${S}-container--input`]:!we,[`${S}-container--textarea`]:we,[`${S}-container--read-only`]:A},Y),children:k(f,{as:ge?"div":"label",animated:M,bordered:ne,shadow:K,disabled:le,focused:he,isReadOnly:A,underlined:ie,isTextarea:we,className:w(`${S}-wrapper`,`${S}-wrapper--${Se}`,{[`${S}-wrapper--bordered`]:ne,[`${S}-wrapper--underlined`]:ie,[`${S}-wrapper--shadow`]:K}),children:[!ge&&te&&v(b,{className:`${S}-placeholder`,children:te}),I&&v(y,{className:`${S}-label--left`,isDefaultStatus:"default"===j,underlined:ie,bordered:ne,isDark:be,children:I}),F&&v(C,{className:w(`${S}-content`,`${S}-content--left`),applyStyles:q,clickable:V,onClick:e=>xe("left",e),children:F}),v(c,{type:"text",as:e,ref:ue,className:w({[`${S}`]:!we,[`${S}-textarea`]:we,[`${S}-disabled`]:le,[`${S}-rounded`]:oe,[`${S}-${S}-right-content`]:O,[`${S}-left-content`]:F}),isTextarea:we,focused:he,bordered:ne,placeholder:ye,disabled:le,readOnly:A,required:Q,onFocus:e=>{fe(!0),_&&_(e)},onBlur:e=>{fe(!1),Z&&Z(e)},onChange:e=>{le||A||(me(e.target.value),E&&E(e))},autoComplete:ee,hasLeftContent:!!F,hasRightContent:!!O,"data-state":Se,"aria-placeholder":ye,"aria-readonly":A,"aria-required":Q,"aria-multiline":we,...Ne,...ke}),J&&v($,{type:"button",className:`${S}-clear-button`,animated:M,underlined:ie,visible:Boolean(pe),hasContentRight:!!O,disabled:le||A,onClick:e=>{if(e.preventDefault(),e.stopPropagation(),e.nativeEvent.stopImmediatePropagation(),me(""),H&&H(e),!ue.current)return;const t=((e,t)=>({...t,target:e,currentTarget:e}))(ue.current,e);t.target.value="",E&&E(t),ue.current.focus()},children:v(x,{fill:"currentColor"})}),O&&v(C,{className:w(`${S}-content`,`${S}-content--right`),applyStyles:U,clickable:V,onClick:e=>xe("right",e),children:O}),L&&v(y,{className:`${S}-label--right`,isDefaultStatus:"default"===j,underlined:ie,bordered:ne,isRight:!0,isDark:be,children:L})]})}),v(m,{className:`${S}-helper-text-container`,withValue:!!D,children:D&&v(h,{className:`${S}-helper-text`,children:D})})]})}));R.displayName="NextUI - Input",R.defaultProps=o,R.toString=()=>".nextui-input";export default R;
|
package/esm/loading/loading.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import e,{useMemo as i}from"react";import r from"../utils/with-defaults";import{StyledLoadingContainer as s,StyledLoading as t,StyledLoadingLabel as a}from"./loading.styles";import n from"./spinner";import{jsx as o}from"react/jsx-runtime";import{jsxs as l}from"react/jsx-runtime";import{Fragment as m}from"react/jsx-runtime";const c=({children:e,size:r,gradientBackground:c,loadingCss:d,type:g,...p})=>{const u=e?"":"Loading",f=i((()=>"gradient"===g?{"._2":{bg:c}}:{}),[g]);return o(s,{...p,children:"spinner"===g?o(n,{size:r,children:e}):l(m,{children:[l(t,{className:`nextui-loading nextui-loading-${g}`,
|
|
1
|
+
import e,{useMemo as i}from"react";import r from"../utils/with-defaults";import{StyledLoadingContainer as s,StyledLoading as t,StyledLoadingLabel as a}from"./loading.styles";import n from"./spinner";import{jsx as o}from"react/jsx-runtime";import{jsxs as l}from"react/jsx-runtime";import{Fragment as m}from"react/jsx-runtime";const c=({children:e,size:r,gradientBackground:c,loadingCss:d,type:g,...p})=>{const u=e?"":"Loading",f=i((()=>"gradient"===g?{"._2":{bg:c}}:{}),[g]);return o(s,{...p,children:"spinner"===g?o(n,{size:r,children:e}):l(m,{children:[l(t,{className:`nextui-loading nextui-loading-${g}`,type:g,size:r,"aria-label":u,css:{...d,...f},children:[o("i",{className:"_1"}),o("i",{className:"_2"}),o("i",{className:"_3"})]}),e&&o(a,{size:r,className:"nextui-loading-label",children:e})]})})};c.toString=()=>".nextui-loading";const d=e.memo(c);export default r(d,{size:"md",type:"default"});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{styled as o,keyframes as i}from"../theme/stitches.config";const a=i({"0%":{opacity:"0.2"},"20%":{opacity:1},"100%":{opacity:"0.2"}}),e=i({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),n=i({"0%":{transform:"translate(0px, 0px)"},"50%":{transform:"translate(0, calc(-$$loadingSize * 1.4))"},"100%":{transform:"translate(0px, 0px)"}}),t=i({"0%":{opacity:1},"100%":{opacity:.15}});export const StyledLoadingContainer=o("div",{d:"inline-flex",fd:"column",ai:"center",position:"relative",variants:{color:{white:{$$loadingColor:"$colors$white"},default:{$$loadingColor:"$colors$primary"},primary:{$$loadingColor:"$colors$primary"},secondary:{$$loadingColor:"$colors$secondary"},success:{$$loadingColor:"$colors$success"},warning:{$$loadingColor:"$colors$warning"},error:{$$loadingColor:"$colors$error"}},textColor:{white:{$$loadingTextColor:"$colors$white"},default:{$$loadingTextColor:"$colors$text"},primary:{$$loadingTextColor:"$colors$primary"},secondary:{$$loadingTextColor:"$colors$secondary"},success:{$$loadingTextColor:"$colors$success"},warning:{$$loadingTextColor:"$colors$warning"},error:{$$loadingTextColor:"$colors$error"}}},defaultVariants:{color:"default",textColor:"default"}});export const StyledSpinnerContainer=o("div",{size:"100%",position:"relative",left:"50%",top:"50%"});export const StyledSpinner=o("div",{d:"flex",fd:"column",jc:"center",ai:"center",position:"relative",variants:{size:{xs:{size:"$6"},sm:{size:"$8"},md:{size:"$9"},lg:{size:"$11"},xl:{size:"$12"}}}});export const StyledSpinnerSpan=o("span",{bg:"$$loadingColor",position:"absolute",top:"-3.9%",width:"24%",height:"8%",left:"-10%",br:"$lg",animation:`${t} 1.2s linear 0s infinite normal none running`,"&:nth-child(1)":{animationDelay:"-1.2s",transform:"rotate(0deg) translate(146%)"},"&:nth-child(2)":{animationDelay:"-1.1s",transform:"rotate(30deg) translate(146%)"},"&:nth-child(3)":{animationDelay:"-1s",transform:"rotate(60deg) translate(146%)"},"&:nth-child(4)":{animationDelay:"-0.9s",transform:"rotate(90deg) translate(146%)"},"&:nth-child(5)":{animationDelay:"-0.8s",transform:"rotate(120deg) translate(146%)"},"&:nth-child(6)":{animationDelay:"-0.7s",transform:"rotate(150deg) translate(146%)"},"&:nth-child(7)":{animationDelay:"-0.6s",transform:"rotate(180deg) translate(146%)"},"&:nth-child(8)":{animationDelay:"-0.5s",transform:"rotate(210deg) translate(146%)"},"&:nth-child(9)":{animationDelay:"-0.4s",transform:"rotate(240deg) translate(146%)"},"&:nth-child(10)":{animationDelay:"-0.3s",transform:"rotate(270deg) translate(146%)"},"&:nth-child(11)":{animationDelay:"-0.2s",transform:"rotate(300deg) translate(146%)"},"&:nth-child(12)":{animationDelay:"-0.1s",transform:"rotate(330deg) translate(146%)"}});export const StyledLoading=o("span",{position:"absolute",top:0,left:0,right:0,bottom:0,size:"100%",dflex:"center",bgColor:"transparent",us:"none",variants:{size:{xs:{$$loadingSize:"$space$8",$$loadingBorder:"$space$1"},sm:{$$loadingSize:"$space$10",$$loadingBorder:"$space$1"},md:{$$loadingSize:"$space$12",$$loadingBorder:"calc($space$1 * 1.5)"},lg:{$$loadingSize:"$space$15",$$loadingBorder:"$space$2"},xl:{$$loadingSize:"$space$18",$$loadingBorder:"$space$3"}},type:{default:{d:"flex",br:"$rounded",position:"relative",size:"$$loadingSize",i:{top:"0px",size:"100%",position:"absolute",br:"inherit"},"._1":{border:"$$loadingBorder solid $$loadingColor",borderTop:"$$loadingBorder solid transparent",borderLeft:"$$loadingBorder solid transparent",borderRight:"$$loadingBorder solid transparent",animation:`${e} 0.8s ease infinite`},"._2":{border:"$$loadingBorder dotted $$loadingColor",borderTop:"$$loadingBorder solid transparent",borderLeft:"$$loadingBorder solid transparent",borderRight:"$$loadingBorder solid transparent",animation:`${e} 0.8s linear infinite`,opacity:.5},"._3":{display:"none"}},points:{d:"flex",position:"relative",transform:"translate(0, calc($$loadingSize * 0.6))",i:{size:"$$loadingSize",margin:"0 3px",bg:"$$loadingColor"},"._1":{br:"$rounded",animation:`${n} 0.75s ease infinite`},"._2":{br:"$rounded",animation:`${n} 0.75s ease infinite 0.25s`},"._3":{br:"$rounded",animation:`${n} 0.75s ease infinite 0.5s`}},"points-opacity":{d:"flex",position:"relative",i:{display:"inline-block",size:"$$loadingSize",br:"$rounded",bg:"$$loadingColor",margin:"0 1px",animation:`${a} 1.4s infinite both`},"._2":{animationDelay:"0.2s"},"._3":{animationDelay:"0.4s"}},spinner:{},gradient:{display:"flex",position:"relative",size:"$$loadingSize","._1":{position:"absolute",size:"100%",border:"0px",animation:`${e} 1s linear infinite`,top:"0px",br:"$rounded",bg:"linear-gradient(0deg, $background 33%,$$loadingColor 100%)"},"._2":{top:"2px",position:"absolute",size:"calc(100% - 4px)",border:"0px",bg:"$background",br:"$rounded"},"._3":{display:"none"}}}},compoundVariants:[{size:"xs",type:"points-opacity",css:{$$loadingSize:"$space$1"}},{size:"sm",type:"points-opacity",css:{$$loadingSize:"$space$2"}},{size:"md",type:"points-opacity",css:{$$loadingSize:"$space$3"}},{size:"lg",type:"points-opacity",css:{$$loadingSize:"$space$4"}},{size:"xl",type:"points-opacity",css:{$$loadingSize:"$space$5"}},{size:"xs",type:"points",css:{$$loadingSize:"$space$1"}},{size:"sm",type:"points",css:{$$loadingSize:"$space$2"}},{size:"md",type:"points",css:{$$loadingSize:"$space$3"}},{size:"lg",type:"points",css:{$$loadingSize:"$space$4"}},{size:"xl",type:"points",css:{$$loadingSize:"$space$5"}}],defaultVariants:{type:"default"}});export const StyledLoadingLabel=o("label",{mt:"$1",color:"$$loadingTextColor",fontSize:"$$loadingSize","*":{margin:0},variants:{size:{xs:{fontSize:"$space$5",marginTop:"$2"},sm:{fontSize:"$space$6",marginTop:"$3"},md:{fontSize:"$base",marginTop:"$4"},lg:{fontSize:"$space$10",marginTop:"$4"},xl:{fontSize:"$space$11",marginTop:"$5"}}}});
|
|
1
|
+
import{styled as o,keyframes as i}from"../theme/stitches.config";const a=i({"0%":{opacity:"0.2"},"20%":{opacity:1},"100%":{opacity:"0.2"}}),e=i({"0%":{transform:"rotate(0deg)"},"100%":{transform:"rotate(360deg)"}}),n=i({"0%":{transform:"translate(0px, 0px)"},"50%":{transform:"translate(0, calc(-$$loadingSize * 1.4))"},"100%":{transform:"translate(0px, 0px)"}}),t=i({"0%":{opacity:1},"100%":{opacity:.15}});export const StyledLoadingContainer=o("div",{d:"inline-flex",fd:"column",ai:"center",position:"relative",variants:{color:{currentColor:{$$loadingColor:"currentColor"},white:{$$loadingColor:"$colors$white"},default:{$$loadingColor:"$colors$primary"},primary:{$$loadingColor:"$colors$primary"},secondary:{$$loadingColor:"$colors$secondary"},success:{$$loadingColor:"$colors$success"},warning:{$$loadingColor:"$colors$warning"},error:{$$loadingColor:"$colors$error"}},textColor:{white:{$$loadingTextColor:"$colors$white"},default:{$$loadingTextColor:"$colors$text"},primary:{$$loadingTextColor:"$colors$primary"},secondary:{$$loadingTextColor:"$colors$secondary"},success:{$$loadingTextColor:"$colors$success"},warning:{$$loadingTextColor:"$colors$warning"},error:{$$loadingTextColor:"$colors$error"}}},defaultVariants:{color:"default",textColor:"default"}});export const StyledSpinnerContainer=o("div",{size:"100%",position:"relative",left:"50%",top:"50%"});export const StyledSpinner=o("div",{d:"flex",fd:"column",jc:"center",ai:"center",position:"relative",variants:{size:{xs:{size:"$6"},sm:{size:"$8"},md:{size:"$9"},lg:{size:"$11"},xl:{size:"$12"}}}});export const StyledSpinnerSpan=o("span",{bg:"$$loadingColor",position:"absolute",top:"-3.9%",width:"24%",height:"8%",left:"-10%",br:"$lg",animation:`${t} 1.2s linear 0s infinite normal none running`,"&:nth-child(1)":{animationDelay:"-1.2s",transform:"rotate(0deg) translate(146%)"},"&:nth-child(2)":{animationDelay:"-1.1s",transform:"rotate(30deg) translate(146%)"},"&:nth-child(3)":{animationDelay:"-1s",transform:"rotate(60deg) translate(146%)"},"&:nth-child(4)":{animationDelay:"-0.9s",transform:"rotate(90deg) translate(146%)"},"&:nth-child(5)":{animationDelay:"-0.8s",transform:"rotate(120deg) translate(146%)"},"&:nth-child(6)":{animationDelay:"-0.7s",transform:"rotate(150deg) translate(146%)"},"&:nth-child(7)":{animationDelay:"-0.6s",transform:"rotate(180deg) translate(146%)"},"&:nth-child(8)":{animationDelay:"-0.5s",transform:"rotate(210deg) translate(146%)"},"&:nth-child(9)":{animationDelay:"-0.4s",transform:"rotate(240deg) translate(146%)"},"&:nth-child(10)":{animationDelay:"-0.3s",transform:"rotate(270deg) translate(146%)"},"&:nth-child(11)":{animationDelay:"-0.2s",transform:"rotate(300deg) translate(146%)"},"&:nth-child(12)":{animationDelay:"-0.1s",transform:"rotate(330deg) translate(146%)"}});export const StyledLoading=o("span",{position:"absolute",top:0,left:0,right:0,bottom:0,size:"100%",dflex:"center",bgColor:"transparent",us:"none",variants:{size:{xs:{$$loadingSize:"$space$8",$$loadingBorder:"$space$1"},sm:{$$loadingSize:"$space$10",$$loadingBorder:"$space$1"},md:{$$loadingSize:"$space$12",$$loadingBorder:"calc($space$1 * 1.5)"},lg:{$$loadingSize:"$space$15",$$loadingBorder:"$space$2"},xl:{$$loadingSize:"$space$18",$$loadingBorder:"$space$3"}},type:{default:{d:"flex",br:"$rounded",position:"relative",size:"$$loadingSize",i:{top:"0px",size:"100%",position:"absolute",br:"inherit"},"._1":{border:"$$loadingBorder solid $$loadingColor",borderTop:"$$loadingBorder solid transparent",borderLeft:"$$loadingBorder solid transparent",borderRight:"$$loadingBorder solid transparent",animation:`${e} 0.8s ease infinite`},"._2":{border:"$$loadingBorder dotted $$loadingColor",borderTop:"$$loadingBorder solid transparent",borderLeft:"$$loadingBorder solid transparent",borderRight:"$$loadingBorder solid transparent",animation:`${e} 0.8s linear infinite`,opacity:.5},"._3":{display:"none"}},points:{d:"flex",position:"relative",transform:"translate(0, calc($$loadingSize * 0.6))",i:{size:"$$loadingSize",margin:"0 3px",bg:"$$loadingColor"},"._1":{br:"$rounded",animation:`${n} 0.75s ease infinite`},"._2":{br:"$rounded",animation:`${n} 0.75s ease infinite 0.25s`},"._3":{br:"$rounded",animation:`${n} 0.75s ease infinite 0.5s`}},"points-opacity":{d:"flex",position:"relative",i:{display:"inline-block",size:"$$loadingSize",br:"$rounded",bg:"$$loadingColor",margin:"0 1px",animation:`${a} 1.4s infinite both`},"._2":{animationDelay:"0.2s"},"._3":{animationDelay:"0.4s"}},spinner:{},gradient:{display:"flex",position:"relative",size:"$$loadingSize","._1":{position:"absolute",size:"100%",border:"0px",animation:`${e} 1s linear infinite`,top:"0px",br:"$rounded",bg:"linear-gradient(0deg, $background 33%,$$loadingColor 100%)"},"._2":{top:"2px",position:"absolute",size:"calc(100% - 4px)",border:"0px",bg:"$background",br:"$rounded"},"._3":{display:"none"}}}},compoundVariants:[{size:"xs",type:"points-opacity",css:{$$loadingSize:"$space$1"}},{size:"sm",type:"points-opacity",css:{$$loadingSize:"$space$2"}},{size:"md",type:"points-opacity",css:{$$loadingSize:"$space$3"}},{size:"lg",type:"points-opacity",css:{$$loadingSize:"$space$4"}},{size:"xl",type:"points-opacity",css:{$$loadingSize:"$space$5"}},{size:"xs",type:"points",css:{$$loadingSize:"$space$1"}},{size:"sm",type:"points",css:{$$loadingSize:"$space$2"}},{size:"md",type:"points",css:{$$loadingSize:"$space$3"}},{size:"lg",type:"points",css:{$$loadingSize:"$space$4"}},{size:"xl",type:"points",css:{$$loadingSize:"$space$5"}}],defaultVariants:{type:"default"}});export const StyledLoadingLabel=o("label",{mt:"$1",color:"$$loadingTextColor",fontSize:"$$loadingSize","*":{margin:0},variants:{size:{xs:{fontSize:"$space$5",marginTop:"$2"},sm:{fontSize:"$space$6",marginTop:"$3"},md:{fontSize:"$base",marginTop:"$4"},lg:{fontSize:"$space$10",marginTop:"$4"},xl:{fontSize:"$space$11",marginTop:"$5"}}}});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{styled as n,sharedFocus as i,keyframes as a}from"../theme/stitches.config";const o=a({"0%":{transform:"scale(1)"},"60%":{transform:"scale($$paginationScaleTransform)"},"100%":{transform:"scale(1)"}});export const StyledPaginationEllipsis=n("svg",{color:"currentColor",stroke:"currentColor",variants:{isEllipsis:{true:{transform:"0deg"}},isBefore:{true:{}}},compoundVariants:[{isEllipsis:!0,isBefore:!0,css:{transform:"rotate(180deg)"}}]});export const StyledPaginationIcon=n("svg",{transform:"rotate(180deg)",variants:{isPrev:{true:{transform:"rotate(0deg)"}}}});export const StyledPaginationItemContent=n("span",{position:"relative",display:"inline-flex",alignItems:"center",top:0,left:0,zIndex:"$2"});export const StyledPaginationItem=n("button",{border:"none",position:"relative",display:"inline-flex",margin:"0 $$paginationItemMargin",ai:"center",jc:"center",padding:0,boxSizing:"border-box",tt:"capitalize",us:"none",whiteSpace:"nowrap",ta:"center",verticalAlign:"middle",bs:"none",outline:"none",height:"$$paginationSize",minWidth:"$$paginationSize",fs:"inherit",cursor:"pointer",br:"$$paginationItemRadius",color:"$text",bg:"$accents1","@motion":{transition:"none"},"&:hover":{bg:"$accents2"},[`& ${StyledPaginationIcon}`]:{size:"$$paginationFontSize"},[`& ${StyledPaginationEllipsis}`]:{size:"$$paginationFontSize"},variants:{active:{true:{fontWeight:"$bold",cursor:"default",boxShadow:"$sm",[`& ${StyledPaginationItemContent}`]:{color:"$white"}}},disabled:{true:{color:"$accents4",cursor:"not-allowed"}},bordered:{true:{bg:"transparent",border:"$$paginationItemBorderWeight solid $accents2"}},onlyDots:{true:{}},preserveContent:{true:{}},animated:{true:{transition:"transform 0.25s ease 0s, background 0.25s ease 0s, box-shadow 0.25s ease 0s"},false:{transition:"none"}}},compoundVariants:[{onlyDots:!0,preserveContent:!1,css:{[`& ${StyledPaginationItemContent}`]:{display:"none"}}},{animated:!0,disabled:!1,active:!1,css:{"&:active":{transform:"scale($$paginationScaleTransform)",fs:"calc($$paginationFontSize * 0.9)"}}}]},i);export const StyledPaginationHighlight=n("div",{position:"absolute",contain:"strict",top:"0px",zIndex:"$1",bg:"$$paginationColor",br:"$$paginationItemRadius",height:"$$paginationSize",minWidth:"$$paginationSize",animationName:`${o}`,animationDirection:"normal","&.nextui-pagination-highlight--moving":{transform:"scale($$paginationScaleTransform)"},"@motion":{transition:"none","&.nextui-pagination-highlight--moving":{transform:"scale(1)"}},variants:{animated:{true:{animationDuration:"350ms",animationTimingFunction:"ease",transition:"left 350ms ease 0s, transform 300ms ease 0s"},false:{animationDuration:"none",animationTimingFunction:"none",transition:"none","&.nextui-pagination-highlight--moving":{transform:"scale(1)"}}},noMargin:{true:{br:"$squared"}},rounded:{true:{}},shadow:{true:{normalShadowVar:"$$paginationShadowColor"}}},compoundVariants:[{rounded:!0,noMargin:!0,css:{br:"$pill"}}]});export const StyledPagination=n("nav",{m:0,p:0,d:"inline-flex",position:"relative",fontVariant:"tabular-nums",fontFeatureSettings:"tnum",variants:{color:{default:{$$paginationColor:"$colors$primary",$$paginationShadowColor:"$colors$primaryShadow"},primary:{$$paginationColor:"$colors$primary",$$paginationShadowColor:"$colors$primaryShadow"},secondary:{$$paginationColor:"$colors$secondary",$$paginationShadowColor:"$colors$secondaryShadow"},success:{$$paginationColor:"$colors$success",$$paginationShadowColor:"$colors$successShadow"},warning:{$$paginationColor:"$colors$warning",$$paginationShadowColor:"$colors$warningShadow"},error:{$$paginationColor:"$colors$error",$$paginationShadowColor:"$colors$errorShadow"},gradient:{$$paginationColor:"$colors$gradient",$$paginationShadowColor:"$colors$primaryShadow"}},size:{xs:{$$paginationWidth:"$space$10",$$paginationFontSize:"$space$5",fs:"$$paginationFontSize"},sm:{$$paginationWidth:"$space$12",$$paginationFontSize:"$space$6",fs:"$$paginationFontSize"},md:{$$paginationWidth:"$space$13",$$paginationFontSize:"$space$7",fs:"$$paginationFontSize"},lg:{$$paginationWidth:"$space$14",$$paginationFontSize:"$space$8",fs:"$$paginationFontSize"},xl:{$$paginationWidth:"$space$15",$$paginationFontSize:"$space$9",fs:"$$paginationFontSize"}},borderWeight:{light:{$$paginationItemBorderWeight:"$borderWeights$light"},normal:{$$paginationItemBorderWeight:"$borderWeights$normal"},bold:{$$paginationItemBorderWeight:"$borderWeights$bold"},extrabold:{$$paginationItemBorderWeight:"$borderWeights$extrabold"},black:{$$paginationItemBorderWeight:"$borderWeights$black"}},bordered:{true:{}},onlyDots:{true:{$$paginationSize:"calc($$paginationWidth / 2)",$$paginationItemRadius:"$radii$pill",$$paginationScaleTransform:1.05},false:{$$paginationSize:"$$paginationWidth",$$paginationScaleTransform:1.1}},rounded:{true:{$$paginationItemRadius:"$radii$pill"},false:{$$paginationItemRadius:"$radii$squared"}},noMargin:{true:{$$paginationItemRadius:"0px",$$paginationItemMargin:"0",[`& ${StyledPaginationItem}:first-of-type`]:{btlr:"$squared",bblr:"$squared"},[`& ${StyledPaginationItem}:last-of-type`]:{btrr:"$squared",bbrr:"$squared"}},false:{$$paginationItemMargin:"$space$1"}}},compoundVariants:[{bordered:!0,noMargin:!0,css:{[`& ${StyledPaginationItem}:not(:last-child)`]:{borderRight:0}}},{noMargin:!0,rounded:!0,css:{$$paginationItemRadius:"0px"}}],defaultVariants:{color:"default",size:"md",borderWeight:"normal",onlyDots:!1,noMargin:!1,rounded:!1}});
|
|
1
|
+
import{styled as n,sharedFocus as i,keyframes as a}from"../theme/stitches.config";const o=a({"0%":{transform:"scale(1)"},"60%":{transform:"scale($$paginationScaleTransform)"},"100%":{transform:"scale(1)"}});export const StyledPaginationEllipsis=n("svg",{color:"currentColor",stroke:"currentColor",variants:{isEllipsis:{true:{transform:"0deg"}},isBefore:{true:{}}},compoundVariants:[{isEllipsis:!0,isBefore:!0,css:{transform:"rotate(180deg)"}}]});export const StyledPaginationIcon=n("svg",{transform:"rotate(180deg)",variants:{isPrev:{true:{transform:"rotate(0deg)"}}}});export const StyledPaginationItemContent=n("span",{position:"relative",display:"inline-flex",alignItems:"center",top:0,left:0,zIndex:"$2"});export const StyledPaginationItem=n("button",{border:"none",position:"relative",display:"inline-flex",margin:"0 $$paginationItemMargin",ai:"center",jc:"center",padding:0,boxSizing:"border-box",tt:"capitalize",us:"none",whiteSpace:"nowrap",ta:"center",verticalAlign:"middle",bs:"none",outline:"none",height:"$$paginationSize",minWidth:"$$paginationSize",fs:"inherit",cursor:"pointer",br:"$$paginationItemRadius",color:"$text",bg:"$accents1","@motion":{transition:"none"},"&:hover":{bg:"$accents2"},[`& ${StyledPaginationIcon}`]:{size:"$$paginationFontSize"},[`& ${StyledPaginationEllipsis}`]:{size:"$$paginationFontSize"},variants:{active:{true:{fontWeight:"$bold",cursor:"default",boxShadow:"$sm",[`& ${StyledPaginationItemContent}`]:{color:"$white"}}},disabled:{true:{color:"$accents4",cursor:"not-allowed"}},bordered:{true:{bg:"transparent",border:"$$paginationItemBorderWeight solid $accents2"}},onlyDots:{true:{}},preserveContent:{true:{}},animated:{true:{transition:"transform 0.25s ease 0s, background 0.25s ease 0s, box-shadow 0.25s ease 0s"},false:{transition:"none"}}},compoundVariants:[{onlyDots:!0,preserveContent:!1,css:{[`& ${StyledPaginationItemContent}`]:{display:"none"}}},{animated:!0,disabled:!1,active:!1,css:{"&:active":{transform:"scale($$paginationScaleTransform)",fs:"calc($$paginationFontSize * 0.9)"}}}]},i);export const StyledPaginationHighlight=n("div",{position:"absolute",contain:"strict",top:"0px",zIndex:"$1",bg:"$$paginationColor",br:"$$paginationItemRadius",height:"$$paginationSize",minWidth:"$$paginationSize",animationName:`${o}`,animationDirection:"normal","&.nextui-pagination-highlight--moving":{transform:"scale($$paginationScaleTransform)"},"@motion":{transition:"none","&.nextui-pagination-highlight--moving":{transform:"scale(1)"}},variants:{animated:{true:{animationDuration:"350ms",animationTimingFunction:"ease",transition:"left 350ms ease 0s, transform 300ms ease 0s"},false:{animationDuration:"none",animationTimingFunction:"none",transition:"none","&.nextui-pagination-highlight--moving":{transform:"scale(1)"}}},noMargin:{true:{br:"$squared"}},rounded:{true:{}},shadow:{true:{normalShadowVar:"$$paginationShadowColor"}}},compoundVariants:[{rounded:!0,noMargin:!0,css:{br:"$pill"}}]});export const StyledPagination=n("nav",{m:0,p:0,d:"inline-flex",position:"relative",fontVariant:"tabular-nums",fontFeatureSettings:"tnum",variants:{color:{default:{$$paginationColor:"$colors$primary",$$paginationShadowColor:"$colors$primaryShadow"},primary:{$$paginationColor:"$colors$primary",$$paginationShadowColor:"$colors$primaryShadow"},secondary:{$$paginationColor:"$colors$secondary",$$paginationShadowColor:"$colors$secondaryShadow"},success:{$$paginationColor:"$colors$success",$$paginationShadowColor:"$colors$successShadow"},warning:{$$paginationColor:"$colors$warning",$$paginationShadowColor:"$colors$warningShadow"},error:{$$paginationColor:"$colors$error",$$paginationShadowColor:"$colors$errorShadow"},gradient:{$$paginationColor:"$colors$gradient",$$paginationShadowColor:"$colors$primaryShadow"}},size:{xs:{$$paginationWidth:"$space$10",$$paginationFontSize:"$space$5",fs:"$$paginationFontSize"},sm:{$$paginationWidth:"$space$12",$$paginationFontSize:"$space$6",fs:"$$paginationFontSize"},md:{$$paginationWidth:"$space$13",$$paginationFontSize:"$space$7",fs:"$$paginationFontSize"},lg:{$$paginationWidth:"$space$14",$$paginationFontSize:"$space$8",fs:"$$paginationFontSize"},xl:{$$paginationWidth:"$space$15",$$paginationFontSize:"$space$9",fs:"$$paginationFontSize"}},borderWeight:{light:{$$paginationItemBorderWeight:"$borderWeights$light"},normal:{$$paginationItemBorderWeight:"$borderWeights$normal"},bold:{$$paginationItemBorderWeight:"$borderWeights$bold"},extrabold:{$$paginationItemBorderWeight:"$borderWeights$extrabold"},black:{$$paginationItemBorderWeight:"$borderWeights$black"}},bordered:{true:{}},onlyDots:{true:{$$paginationSize:"calc($$paginationWidth / 2)",$$paginationItemRadius:"$radii$pill",$$paginationScaleTransform:1.05},false:{$$paginationSize:"$$paginationWidth",$$paginationScaleTransform:1.1}},rounded:{true:{$$paginationItemRadius:"$radii$pill"},false:{$$paginationItemRadius:"$radii$squared"}},noMargin:{true:{$$paginationItemRadius:"0px",$$paginationItemMargin:"0",[`& ${StyledPaginationItem}:first-of-type`]:{btlr:"$squared",bblr:"$squared"},[`& ${StyledPaginationItem}:last-of-type`]:{btrr:"$squared",bbrr:"$squared"}},false:{$$paginationItemMargin:"$space$1"}}},compoundVariants:[{bordered:!0,noMargin:!0,css:{[`& ${StyledPaginationItem}:not(:last-child)`]:{borderRight:0}}},{noMargin:!0,rounded:!0,css:{$$paginationItemRadius:"0px"}},{rounded:!1,noMargin:!0,css:{$$paginationItemRadius:"0px"}}],defaultVariants:{color:"default",size:"md",borderWeight:"normal",onlyDots:!1,noMargin:!1,rounded:!1}});
|
|
@@ -1 +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 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
|
|
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 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/esm/utils/dom.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export function canUseDOM(){return!("undefined"==typeof window||!window.document||!window.document.createElement)}export const isBrowser=canUseDOM();export function detectDeviceType(e){const{userAgent:t}=e;return/(tablet)|(iPad)|(Nexus 9)/i.test(t)?"tablet":/(mobi)/i.test(t)?"phone":"desktop"}export function detectOS(e){return!!isBrowser&&function(e){const{userAgent:t,platform:r}=e;switch(!0){case/Android/.test(t):return"Android";case/iPhone|iPad|iPod/.test(r):return"iOS";case/Win/.test(r):return"Windows";case/Mac/.test(r):return"Mac";case/CrOS/.test(t):return"Chrome OS";case/Firefox/.test(t):return"Firefox OS";default:return null}}(window.navigator)===e}export function detectBrowser(e){return!!isBrowser&&function(e){const{userAgent:t,vendor:r}=e,n=/(android)/i.test(t);switch(!0){case/CriOS/.test(t):return"Chrome for iOS";case/Edg\//.test(t):return"Edge";case n&&/Silk\//.test(t):return"Silk";case/Chrome/.test(t)&&/Google Inc/.test(r):return"Chrome";case/Firefox\/\d+\.\d+$/.test(t):return"Firefox";case n:return"AOSP";case/MSIE|Trident/.test(t):return"IE";case/Safari/.test(e.userAgent)&&/Apple Computer/.test(t):return"Safari";case/AppleWebKit/.test(t):return"WebKit";default:return null}}(window.navigator)===e}export function detectTouch(){return!!isBrowser&&(null===window.ontouchstart&&null===window.ontouchmove&&null===window.ontouchend)}
|
|
1
|
+
import{useImperativeHandle as e,useRef as t}from"react";export function canUseDOM(){return!("undefined"==typeof window||!window.document||!window.document.createElement)}export const isBrowser=canUseDOM();export function detectDeviceType(e){const{userAgent:t}=e;return/(tablet)|(iPad)|(Nexus 9)/i.test(t)?"tablet":/(mobi)/i.test(t)?"phone":"desktop"}export function detectOS(e){return!!isBrowser&&function(e){const{userAgent:t,platform:r}=e;switch(!0){case/Android/.test(t):return"Android";case/iPhone|iPad|iPod/.test(r):return"iOS";case/Win/.test(r):return"Windows";case/Mac/.test(r):return"Mac";case/CrOS/.test(t):return"Chrome OS";case/Firefox/.test(t):return"Firefox OS";default:return null}}(window.navigator)===e}export function detectBrowser(e){return!!isBrowser&&function(e){const{userAgent:t,vendor:r}=e,n=/(android)/i.test(t);switch(!0){case/CriOS/.test(t):return"Chrome for iOS";case/Edg\//.test(t):return"Edge";case n&&/Silk\//.test(t):return"Silk";case/Chrome/.test(t)&&/Google Inc/.test(r):return"Chrome";case/Firefox\/\d+\.\d+$/.test(t):return"Firefox";case n:return"AOSP";case/MSIE|Trident/.test(t):return"IE";case/Safari/.test(e.userAgent)&&/Apple Computer/.test(t):return"Safari";case/AppleWebKit/.test(t):return"WebKit";default:return null}}(window.navigator)===e}export function detectTouch(){return!!isBrowser&&(null===window.ontouchstart&&null===window.ontouchmove&&null===window.ontouchend)}export function createDOMRef(e){return{UNSAFE_getDOMNode:()=>e.current}}export function createFocusableRef(e,t=e){return{...createDOMRef(e),focus(){t.current&&t.current.focus()}}}export function useDOMRef(r){let n=t(null);return e(r,(()=>createDOMRef(n))),n}export function useFocusableRef(r,n){let o=t(null);return e(r,(()=>createFocusableRef(o,n))),o}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nextui-org/react",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.6-beta.5",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "🚀 Beautiful and modern React UI library.",
|
|
6
6
|
"homepage": "https://nextui.org",
|
|
@@ -32,6 +32,7 @@
|
|
|
32
32
|
"scripts": {},
|
|
33
33
|
"dependencies": {
|
|
34
34
|
"@babel/runtime": "7.9.6",
|
|
35
|
+
"@react-aria/button": "3.4.3",
|
|
35
36
|
"@react-aria/checkbox": "3.3.0",
|
|
36
37
|
"@react-aria/focus": "3.5.1",
|
|
37
38
|
"@react-aria/i18n": "3.3.6",
|
|
@@ -44,6 +45,7 @@
|
|
|
44
45
|
"@react-stately/data": "3.4.5",
|
|
45
46
|
"@react-stately/table": "3.1.1",
|
|
46
47
|
"@react-stately/toggle": "3.2.4",
|
|
48
|
+
"@react-types/button": "^3.4.4",
|
|
47
49
|
"@react-types/grid": "3.0.1",
|
|
48
50
|
"@react-types/shared": "3.11.0",
|
|
49
51
|
"@stitches/react": "1.2.7"
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import { VariantProps } from '../theme/stitches.config';
|
|
2
|
-
export declare const StyledBackdropContent: import("@stitches/react/types/styled-component").StyledComponent<"div", {
|
|
2
|
+
export declare const StyledBackdropContent: import("@stitches/react/types/styled-component").StyledComponent<"div", {
|
|
3
|
+
animated?: boolean | "true" | "false" | undefined;
|
|
4
|
+
}, {
|
|
3
5
|
xs: string;
|
|
4
6
|
sm: string;
|
|
5
7
|
md: string;
|