@nextui-org/react 1.0.0-beta.6 → 1.0.0-beta.7
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.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/card/card.styles.js +1 -1
- package/cjs/checkbox/checkbox-context.js +1 -1
- package/cjs/checkbox/checkbox-group.js +1 -1
- package/cjs/checkbox/checkbox.js +1 -1
- package/cjs/checkbox/checkbox.styles.js +1 -1
- package/cjs/checkbox/use-checkbox-group.js +1 -0
- package/cjs/checkbox/use-checkbox.js +1 -0
- package/cjs/collapse/collapse.styles.js +1 -1
- package/cjs/css-baseline/css-baseline.js +1 -1
- package/cjs/grid/grid-container.js +1 -1
- package/cjs/index.js +1 -1
- package/cjs/input/input.styles.js +1 -1
- package/cjs/link/link.js +1 -1
- package/cjs/link/link.styles.js +1 -1
- package/cjs/pagination/pagination.styles.js +1 -1
- package/cjs/popover/popover-content.js +1 -1
- package/cjs/popover/popover.styles.js +1 -1
- package/cjs/radio/radio.styles.js +1 -1
- package/cjs/switch/switch.styles.js +1 -1
- package/cjs/table/table-checkbox-cell.js +1 -1
- package/cjs/table/table-context.js +1 -1
- package/cjs/table/table-select-all-checkbox.js +1 -1
- package/cjs/table/table.js +1 -1
- package/cjs/table/table.styles.js +1 -1
- package/cjs/table/utils.js +1 -1
- package/cjs/theme/colors/blue.js +1 -0
- package/cjs/theme/colors/cyan.js +1 -0
- package/cjs/theme/colors/gray.js +1 -0
- package/cjs/theme/colors/green.js +1 -0
- package/cjs/theme/colors/index.js +1 -0
- package/cjs/theme/colors/pink.js +1 -0
- package/cjs/theme/colors/purple.js +1 -0
- package/cjs/theme/colors/red.js +1 -0
- package/cjs/theme/colors/yellow.js +1 -0
- package/cjs/theme/common.js +1 -1
- package/cjs/theme/dark-theme.js +1 -1
- package/cjs/theme/index.js +1 -1
- package/cjs/theme/light-theme.js +1 -1
- package/cjs/user/user.styles.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/card/card.styles.js +1 -1
- package/esm/checkbox/checkbox-context.js +1 -1
- package/esm/checkbox/checkbox-group.js +1 -1
- package/esm/checkbox/checkbox.js +1 -1
- package/esm/checkbox/checkbox.styles.js +1 -1
- package/esm/checkbox/use-checkbox-group.js +1 -0
- package/esm/checkbox/use-checkbox.js +1 -0
- package/esm/collapse/collapse.styles.js +1 -1
- package/esm/css-baseline/css-baseline.js +1 -1
- package/esm/grid/grid-container.js +1 -1
- package/esm/index.js +1 -1
- package/esm/input/input.styles.js +1 -1
- package/esm/link/link.js +1 -1
- package/esm/link/link.styles.js +1 -1
- package/esm/pagination/pagination.styles.js +1 -1
- package/esm/popover/popover-content.js +1 -1
- package/esm/popover/popover.styles.js +1 -1
- package/esm/radio/radio.styles.js +1 -1
- package/esm/switch/switch.styles.js +1 -1
- package/esm/table/table-checkbox-cell.js +1 -1
- package/esm/table/table-context.js +1 -1
- package/esm/table/table-select-all-checkbox.js +1 -1
- package/esm/table/table.js +1 -1
- package/esm/table/table.styles.js +1 -1
- package/esm/table/utils.js +1 -1
- package/esm/theme/colors/blue.js +1 -0
- package/esm/theme/colors/cyan.js +1 -0
- package/esm/theme/colors/gray.js +1 -0
- package/esm/theme/colors/green.js +1 -0
- package/esm/theme/colors/index.js +1 -0
- package/esm/theme/colors/pink.js +1 -0
- package/esm/theme/colors/purple.js +1 -0
- package/esm/theme/colors/red.js +1 -0
- package/esm/theme/colors/yellow.js +1 -0
- package/esm/theme/common.js +1 -1
- package/esm/theme/dark-theme.js +1 -1
- package/esm/theme/index.js +1 -1
- package/esm/theme/light-theme.js +1 -1
- package/esm/user/user.styles.js +1 -1
- package/package.json +23 -23
- package/types/avatar/avatar-group.styles.d.ts +246 -168
- package/types/avatar/avatar.styles.d.ts +123 -84
- package/types/backdrop/backdrop.styles.d.ts +369 -252
- package/types/button/button-group.styles.d.ts +123 -84
- package/types/button/button-icon.d.ts +123 -84
- package/types/button/button.styles.d.ts +392 -187
- package/types/card/card.styles.d.ts +510 -354
- package/types/checkbox/checkbox-context.d.ts +3 -11
- package/types/checkbox/checkbox-group.d.ts +9 -28
- package/types/checkbox/checkbox.d.ts +8 -40
- package/types/checkbox/checkbox.styles.d.ts +1373 -1921
- package/types/checkbox/use-checkbox-group.d.ts +29 -0
- package/types/checkbox/use-checkbox.d.ts +26 -0
- package/types/code/code.styles.d.ts +246 -168
- package/types/col/col.styles.d.ts +123 -84
- package/types/collapse/collapse.styles.d.ts +756 -522
- package/types/container/container.styles.d.ts +123 -84
- package/types/divider/divider.styles.d.ts +246 -168
- package/types/grid/grid.styles.d.ts +246 -168
- package/types/image/image.styles.d.ts +369 -252
- package/types/index.d.ts +1 -0
- package/types/input/input.styles.d.ts +1409 -980
- package/types/link/link.styles.d.ts +246 -168
- package/types/loading/loading.styles.d.ts +756 -522
- package/types/modal/modal.styles.d.ts +756 -522
- package/types/pagination/pagination.styles.d.ts +756 -522
- package/types/popover/popover.styles.d.ts +1090 -76
- package/types/progress/progress.styles.d.ts +246 -168
- package/types/radio/radio.styles.d.ts +756 -522
- package/types/row/row.styles.d.ts +123 -84
- package/types/snippet/snippet.styles.d.ts +510 -354
- package/types/spacer/spacer.styles.d.ts +123 -84
- package/types/switch/switch.styles.d.ts +510 -354
- package/types/table/table-column-header.d.ts +123 -84
- package/types/table/table-sort-icon.d.ts +123 -84
- package/types/table/table.styles.d.ts +2185 -1522
- package/types/table/utils.d.ts +5 -29
- package/types/text/text.styles.d.ts +123 -84
- package/types/theme/colors/blue.d.ts +24 -0
- package/types/theme/colors/cyan.d.ts +24 -0
- package/types/theme/colors/gray.d.ts +24 -0
- package/types/theme/colors/green.d.ts +24 -0
- package/types/theme/colors/index.d.ts +8 -0
- package/types/theme/colors/pink.d.ts +24 -0
- package/types/theme/colors/purple.d.ts +24 -0
- package/types/theme/colors/red.d.ts +24 -0
- package/types/theme/colors/yellow.d.ts +24 -0
- package/types/theme/common.d.ts +322 -386
- package/types/theme/dark-theme.d.ts +101 -22
- package/types/theme/light-theme.d.ts +84 -13
- package/types/theme/stitches.config.d.ts +3167 -2660
- package/types/tooltip/tooltip.styles.d.ts +510 -354
- package/types/user/user.styles.d.ts +633 -438
- package/types/utils/drip.d.ts +123 -84
- package/umd/nextui.js +20764 -27497
- package/umd/nextui.min.js +1 -1
- package/cjs/checkbox/utils.js +0 -1
- package/esm/checkbox/utils.js +0 -1
- package/types/checkbox/utils.d.ts +0 -288
|
@@ -1 +1 @@
|
|
|
1
|
-
import{styled as e,sharedVisuallyHidden as o}from"../theme/stitches.config";export const StyledInputMainContainer=e("div",{$$inputColor:"$colors$accents1",$$inputTextColor:"$colors$text",$$inputPlaceholderColor:"$colors$accents3",$$inputPlaceholderOpacity:1,$$inputShadow:"$shadows$sm",$$inputBorderColor:"$colors$border",$$inputHoverBorderColor:"$colors$foreground",$$inputLabelColor:"$$inputHoverBorderColor",display:"inline-flex",flexDirection:"column",justifyContent:"center",position:"relative",boxSizing:"border-box",WebkitBoxAlign:"center",variants:{color:{default:{},primary:{$$inputHoverBorderColor:"$colors$primary",$$inputLabelColor:"$colors$primary"},secondary:{$$inputHoverBorderColor:"$colors$secondary",$$inputLabelColor:"$colors$secondary"},success:{$$inputHoverBorderColor:"$colors$success",$$inputLabelColor:"$colors$success"},warning:{$$inputHoverBorderColor:"$colors$warning",$$inputLabelColor:"$colors$warning"},error:{$$inputHoverBorderColor:"$colors$error",$$inputLabelColor:"$colors$error"}},status:{default:{},primary:{$$inputColor:"$colors$primaryLight",$$inputPlaceholderColor:"$colors$primary",$$inputTextColor:"$colors$primary",$$inputLabelColor:"$$inputTextColor",$$inputHoverBorderColor:"$colors$primary",$$inputPlaceholderOpacity:.5},secondary:{$$inputColor:"$colors$secondaryLight",$$inputPlaceholderColor:"$colors$secondary",$$inputTextColor:"$colors$secondary",$$inputLabelColor:"$$inputTextColor",$$inputHoverBorderColor:"$colors$secondary",$$inputPlaceholderOpacity:.5},success:{$$inputColor:"$colors$successLight",$$inputPlaceholderColor:"$colors$success",$$inputTextColor:"$colors$success",$$inputLabelColor:"$$inputTextColor",$$inputHoverBorderColor:"$colors$success",$$inputPlaceholderOpacity:.5},warning:{$$inputColor:"$colors$warningLight",$$inputPlaceholderColor:"$colors$warning",$$inputTextColor:"$colors$warning",$$inputLabelColor:"$$inputTextColor",$$inputHoverBorderColor:"$colors$warning",$$inputPlaceholderOpacity:.5},error:{$$inputColor:"$colors$errorLight",$$inputPlaceholderColor:"$colors$error",$$inputTextColor:"$colors$error",$$inputLabelColor:"$$inputTextColor",$$inputHoverBorderColor:"$colors$error",$$inputPlaceholderOpacity:.5}},helperColor:{default:{$$inputHelperColor:"$colors$text"},primary:{$$inputHelperColor:"$colors$primary"},secondary:{$$inputHelperColor:"$colors$secondary"},success:{$$inputHelperColor:"$colors$success"},warning:{$$inputHelperColor:"$colors$warning"},error:{$$inputHelperColor:"$colors$error"}},borderWeight:{light:{$$inputBorderWeight:"$borderWeights$light"},normal:{$$inputBorderWeight:"$borderWeights$normal"},bold:{$$inputBorderWeight:"$borderWeights$bold"},extrabold:{$$inputBorderWeight:"$borderWeights$extrabold"},black:{$$inputBorderWeight:"$borderWeights$black"}},size:{xs:{$$inputBorderRadius:"$space$3",$$inputFontSize:"$fontSizes$tiny",$$inputHeightRatio:"1.2",br:"$$inputBorderRadius"},sm:{$$inputBorderRadius:"$space$4",$$inputFontSize:"$fontSizes$tiny",$$inputHeightRatio:"1.6",br:"$$inputBorderRadius"},md:{$$inputBorderRadius:"$space$6",$$inputFontSize:"$fontSizes$xs",$$inputHeightRatio:"2",br:"$$inputBorderRadius"},lg:{$$inputBorderRadius:"$space$7",$$inputFontSize:"$fontSizes$base",$$inputHeightRatio:"2.2",br:"$$inputBorderRadius"},xl:{$$inputBorderRadius:"$space$8",$$inputFontSize:"$fontSizes$sm",$$inputHeightRatio:"2.6",br:"$$inputBorderRadius"}},rounded:{true:{$$inputBorderRadius:"$radii$pill"}},disabled:{true:{$$inputColor:"$colors$accents2",$$inputTextColor:"$colors$accents3",$$inputPlaceholderColor:"$colors$accents3",$$inputShadow:"$shadows$sm"}}}});export const StyledInputContainer=e("div",{width:"100%",br:"$$inputBorderRadius","@motion":{transition:"none"},variants:{isTextarea:{false:{display:"inline-flex",alignItems:"center",height:"calc($$inputHeightRatio * $9)"}},focused:{true:{}},isReadOnly:{false:{}},underlined:{true:{}},animated:{true:{transition:"$default"},false:{transition:"none"}}},compoundVariants:[{isReadOnly:!1,underlined:!0,css:{transform:"none"}},{focused:!0,animated:!0,isReadOnly:!1,underlined:!1,css:{transform:"translateY(-$space$1)"}}]});export const StyledInput=e("input",{padding:0,fontSize:"$$inputFontSize",bg:"transparent",border:"none",color:"$$inputTextColor",br:0,outline:"none",size:"100%",minWidth:0,WebkitAppearance:"none","::placeholder":{color:"$$inputPlaceholderColor",transition:"opacity 0.25s ease 0s",MozTransition:"opacity 0.25s ease 0s",MsTransition:"opacity 0.25s ease 0s",WebkitTransition:"opacity 0.25s ease 0s"},"@motion":{transition:"none","&::placeholder":{transition:"none"}},"&:disabled":{pe:"none",color:"$accents4",cursor:"not-allowed"},variants:{isTextarea:{true:{boxShadow:"none",display:"block",size:"100%",resize:"none",border:"none",outline:"none"}},focused:{true:{"&::placeholder":{opacity:0,transition:"opacity 0.25s ease 0s"}}},bordered:{true:{padding:"0 $3"}},rounded:{true:{padding:"0 $3"}},animated:{false:{transition:"none","::placeholder":{transition:"none"}}},hasLeftContent:{true:{ml:0}},hasRightContent:{true:{mr:0}}}});export const StyledInputWrapper=e("div",{flex:1,position:"relative",br:"$$inputBorderRadius",bg:"$$inputColor",display:"inline-flex",verticalAlign:"middle",alignItems:"center",userSelect:"none","@motion":{transition:"none","&:before":{transition:"none"},"&:after":{transition:"none"}},variants:{focused:{true:{}},isReadOnly:{true:{}},bordered:{true:{bg:"transparent",border:"none",boxShadow:"0 0 0 $$inputBorderWeight $$inputBorderColor",transition:"box-shadow 0.25s ease"}},shadow:{true:{transition:"$default"}},disabled:{true:{cursor:"not-allowed"}},underlined:{true:{bg:"transparent",[`& ${StyledInput}`]:{margin:"$2 $3"},"&:before":{content:"",position:"absolute",zIndex:"$2",width:0,bottom:0,height:"$1",left:"50%",transform:"translate(-50%)",background:"$$inputHoverBorderColor",transition:"width 0.25s ease"},"&:after":{content:"",position:"absolute",zIndex:"$1",bottom:0,width:"100%",height:"$$inputBorderWeight",bg:"$$inputBorderColor"}},false:{[`& ${StyledInput}`]:{margin:"$2 $5"}}},animated:{false:{transition:"none","&:before":{transition:"none"},"&:after":{transition:"none"}}},isTextarea:{true:{boxSizing:"border-box",width:"100%",maxWidth:"100%",height:"auto"},false:{height:"100%"}}},compoundVariants:[{bordered:!0,underlined:!0,css:{boxShadow:"0 0 0 0px $$inputBorderColor"}},{focused:!0,underlined:!0,css:{"&:before":{width:"100%"}}},{focused:!0,shadow:!0,isReadOnly:!1,underlined:!1,css:{boxShadow:"$$inputShadow"}},{focused:!0,bordered:!0,isReadOnly:!1,underlined:!1,css:{boxShadow:"0 0 0 $$inputBorderWeight $$inputHoverBorderColor"}},{bordered:!0,isReadOnly:!1,underlined:!1,css:{"&:hover":{boxShadow:"0 0 0 $$inputBorderWeight $$inputHoverBorderColor"}}},{isTextarea:!0,underlined:!1,css:{[`& ${StyledInput}`]:{margin:"$xs $sm"}}}]});export const StyledHelperTextContainer=e("div",{position:"absolute",opacity:0,bottom:"calc($$inputHeightRatio * -$space$5)","@motion":{transition:"none"},variants:{animated:{true:{transition:"opacity 0.25s ease"},false:{transition:"none"}},withValue:{true:{opacity:1}}}});export const StyledHelperText=e("p",{margin:"$1 0 0 $5",fontSize:"$space$5",color:"$$inputHelperColor"});export const StyledInputPlaceholder=e("span",{},o);export const StyledInputBlockLabel=e("label",{d:"block",fontWeight:"$normal",color:"$$inputLabelColor",p:"0 0 0 $2",mb:"$3",fs:"$$inputFontSize",lh:"$md",WebkitTouchCallout:"none",WebkitUserSelect:"none",KhtmlUserSelect:"none",MozUserSelect:"none",MsUserSelect:"none",us:"none","> *:first-child":{marginTop:0},"> *:last-child":{mb:0},"@motion":{transition:"none"},variants:{rounded:{true:{padding:"0 0 0 $3"}},asPlaceholder:{true:{position:"absolute",padding:0,zIndex:"$1",left:"$space$6",top:"20%",mb:0,cursor:"text",color:"$$inputPlaceholderColor",transition:"left 0.25s ease 0s, color 0.25s ease 0s, top 0.25s ease 0s"}},animated:{false:{transition:"none"}},focused:{true:{color:"$$inputHoverBorderColor"}},underlined:{true:{}},withValue:{true:{}},isTextarea:{true:{}},bordered:{true:{}},hasContentLeft:{true:{}}},compoundVariants:[{underlined:!0,asPlaceholder:!0,css:{left:"$space$2"}},{asPlaceholder:!0,focused:!0,underlined:!1,isTextarea:!1,css:{top:"-72%",left:"$2",cursor:"inherit"}},{asPlaceholder:!0,focused:!0,underlined:!0,isTextarea:!1,css:{top:"-72%",left:"0px",cursor:"inherit"}},{asPlaceholder:!0,withValue:!0,underlined:!1,isTextarea:!1,css:{color:"$$inputTextColor",top:"-72%",left:"$2",cursor:"inherit"}},{asPlaceholder:!0,withValue:!0,underlined:!0,isTextarea:!1,css:{color:"$$inputTextColor",top:"-72%",left:"0px",cursor:"inherit"}},{asPlaceholder:!0,isTextarea:!0,css:{top:"$5"}},{asPlaceholder:!0,hasContentLeft:!0,css:{left:"calc($space$6 + $$inputHeightRatio * $space$7)"}},{asPlaceholder:!0,isTextarea:!0,focused:!0,css:{top:"calc(-$space$10 - $space$3)",left:"$2"}},{asPlaceholder:!0,isTextarea:!0,withValue:!0,css:{top:"-$11"}},{asPlaceholder:!0,focused:!0,isTextarea:!0,bordered:!0,css:{top:"-$12"}}],defaultVariants:{asPlaceholder:!1}});export const StyledInputLabel=e("span",{position:"relative",display:"inline-flex",width:"initial",height:"100%",fontWeight:"$medium",ai:"center",pe:"none",margin:0,padding:"0 $sm",color:"$$inputPlaceholderColor",fontSize:"$$inputFontSize",lineHeight:"$xs",variants:{isRight:{true:{btrr:"$$inputBorderRadius",bbrr:"$$inputBorderRadius"},false:{btlr:"$$inputBorderRadius",bblr:"$$inputBorderRadius"}},isDark:{true:{}},isDefaultStatus:{true:{}},underlined:{true:{bg:"transparent"}},bordered:{true:{"&:after":{display:"none"},"&:before":{display:"none"}}}},compoundVariants:[{isRight:!0,underlined:!0,css:{borderLeftColor:"$$inputPlaceholderColor",borderLeftStyle:"solid",marginLeft:"$2",borderLeftWidth:"calc($$inputBorderWeight / 2)",height:"40%"}},{isRight:!1,underlined:!0,css:{borderRightColor:"$$inputPlaceholderColor",borderRightStyle:"solid",marginRight:"$2",borderRightWidth:"calc($$inputBorderWeight / 1)",height:"40%"}},{isDefaultStatus:!0,bordered:!1,underlined:!1,css:{bg:"$accents2"}},{isDefaultStatus:!0,bordered:!1,underlined:!1,isDark:!0,css:{color:"$accents6"}},{isDefaultStatus:!1,bordered:!0,underlined:!1,css:{bg:"$$inputColor"}},{bordered:!0,isRight:!0,css:{peddingRight:"$sm",paddingLeft:0}},{bordered:!0,isRight:!1,css:{peddingLeft:"$sm",paddingRight:0}}],defaultVariants:{isRight:!1}});export const StyledInputContent=e("span",{variants:{applyStyles:{true:{display:"flex",boxSizing:"content-box",width:"calc($$inputHeightRatio * $space$4)",height:"100%",alignItems:"center",verticalAlign:"center",margin:0,padding:"0 calc($$inputHeightRatio * $3)",color:"$$inputTextColor",lineHeight:"$xs",position:"relative",cursor:"default",pe:"none"}},clickable:{true:{cursor:"pointer",pe:"auto"}}}});export const StyledInputClearButton=e("button",{position:"absolute",right:0,margin:0,d:"inline-flex",ai:"center",border:"none",bg:"transparent",width:"auto",height:"auto",cursor:"pointer",boxSizing:"border-box",transition:"color 250ms ease 0s, transform 250ms ease 0s, opacity 250ms ease 0s",color:"$$inputPlaceholderColor",visibility:"hidden",transform:"translateX(20%)",opacity:0,"&:hover":{opacity:.85},svg:{color:"currentColor",size:"calc($space$5 * $$inputHeightRatio)"},"@motion":{transition:"none"},variants:{visible:{true:{visibility:"visible",transform:"translateX(0)",opacity:1}},underlined:{true:{padding:"0 $1"}},animated:{false:{transition:"none"}},hasContentRight:{true:{padding:0,position:"relative",transform:"translateX(30%)"}},disabled:{true:{cursor:"not-allowed","&:hover":{color:"$accents3"}}}}});
|
|
1
|
+
import{styled as e,sharedVisuallyHidden as o}from"../theme/stitches.config";export const StyledInputMainContainer=e("div",{$$inputColor:"$colors$accents0",$$inputTextColor:"$colors$text",$$inputPlaceholderColor:"$colors$accents6",$$inputShadow:"$shadows$sm",$$inputBorderColor:"$colors$border",$$inputHoverBorderColor:"$colors$foreground",$$inputLabelColor:"$$inputHoverBorderColor",display:"inline-flex",flexDirection:"column",justifyContent:"center",position:"relative",boxSizing:"border-box",WebkitBoxAlign:"center",variants:{color:{default:{},primary:{$$inputHoverBorderColor:"$colors$primary",$$inputLabelColor:"$colors$primary"},secondary:{$$inputHoverBorderColor:"$colors$secondary",$$inputLabelColor:"$colors$secondary"},success:{$$inputHoverBorderColor:"$colors$success",$$inputLabelColor:"$colors$success"},warning:{$$inputHoverBorderColor:"$colors$warning",$$inputLabelColor:"$colors$warning"},error:{$$inputHoverBorderColor:"$colors$error",$$inputLabelColor:"$colors$error"}},status:{default:{},primary:{$$inputColor:"$colors$primaryLight",$$inputPlaceholderColor:"$colors$primaryLightContrast",$$inputTextColor:"$colors$primaryLightContrast",$$inputLabelColor:"$$inputTextColor",$$inputHoverBorderColor:"$colors$primary"},secondary:{$$inputColor:"$colors$secondaryLight",$$inputPlaceholderColor:"$colors$secondaryLightContrast",$$inputTextColor:"$colors$secondaryLightContrast",$$inputLabelColor:"$$inputTextColor",$$inputHoverBorderColor:"$colors$secondary"},success:{$$inputColor:"$colors$successLight",$$inputPlaceholderColor:"$colors$successLightContrast",$$inputTextColor:"$colors$successLightContrast",$$inputLabelColor:"$$inputTextColor",$$inputHoverBorderColor:"$colors$success"},warning:{$$inputColor:"$colors$warningLight",$$inputPlaceholderColor:"$colors$warningLightContrast",$$inputTextColor:"$colors$warningLightContrast",$$inputLabelColor:"$$inputTextColor",$$inputHoverBorderColor:"$colors$warning"},error:{$$inputColor:"$colors$errorLight",$$inputPlaceholderColor:"$colors$errorLightContrast",$$inputTextColor:"$colors$errorLightContrast",$$inputLabelColor:"$$inputTextColor",$$inputHoverBorderColor:"$colors$error"}},helperColor:{default:{$$inputHelperColor:"$colors$text"},primary:{$$inputHelperColor:"$colors$primary"},secondary:{$$inputHelperColor:"$colors$secondary"},success:{$$inputHelperColor:"$colors$success"},warning:{$$inputHelperColor:"$colors$warning"},error:{$$inputHelperColor:"$colors$error"}},borderWeight:{light:{$$inputBorderWeight:"$borderWeights$light"},normal:{$$inputBorderWeight:"$borderWeights$normal"},bold:{$$inputBorderWeight:"$borderWeights$bold"},extrabold:{$$inputBorderWeight:"$borderWeights$extrabold"},black:{$$inputBorderWeight:"$borderWeights$black"}},size:{xs:{$$inputBorderRadius:"$space$3",$$inputFontSize:"$fontSizes$tiny",$$inputHeightRatio:"1.2",br:"$$inputBorderRadius"},sm:{$$inputBorderRadius:"$space$4",$$inputFontSize:"$fontSizes$tiny",$$inputHeightRatio:"1.6",br:"$$inputBorderRadius"},md:{$$inputBorderRadius:"$space$6",$$inputFontSize:"$fontSizes$xs",$$inputHeightRatio:"2",br:"$$inputBorderRadius"},lg:{$$inputBorderRadius:"$space$7",$$inputFontSize:"$fontSizes$base",$$inputHeightRatio:"2.2",br:"$$inputBorderRadius"},xl:{$$inputBorderRadius:"$space$8",$$inputFontSize:"$fontSizes$sm",$$inputHeightRatio:"2.6",br:"$$inputBorderRadius"}},rounded:{true:{$$inputBorderRadius:"$radii$pill"}},disabled:{true:{$$inputColor:"$colors$accents1",$$inputTextColor:"$colors$accents7",$$inputPlaceholderColor:"$colors$accents7",$$inputShadow:"$shadows$sm"}}}});export const StyledInputContainer=e("div",{width:"100%",br:"$$inputBorderRadius","@motion":{transition:"none"},variants:{isTextarea:{false:{display:"inline-flex",alignItems:"center",height:"calc($$inputHeightRatio * $9)"}},focused:{true:{}},isReadOnly:{false:{}},underlined:{true:{}},animated:{true:{transition:"$default"},false:{transition:"none"}}},compoundVariants:[{isReadOnly:!1,underlined:!0,css:{transform:"none"}},{focused:!0,animated:!0,isReadOnly:!1,underlined:!1,css:{transform:"translateY(-$space$1)"}}]});export const StyledInput=e("input",{padding:0,fontSize:"$$inputFontSize",bg:"transparent",border:"none",color:"$$inputTextColor",br:0,outline:"none",size:"100%",minWidth:0,WebkitAppearance:"none","::placeholder":{color:"$$inputPlaceholderColor",transition:"opacity 0.25s ease 0s",MozTransition:"opacity 0.25s ease 0s",MsTransition:"opacity 0.25s ease 0s",WebkitTransition:"opacity 0.25s ease 0s"},"@motion":{transition:"none","&::placeholder":{transition:"none"}},"&:disabled":{pe:"none",color:"$accents4",cursor:"not-allowed"},variants:{isTextarea:{true:{boxShadow:"none",display:"block",size:"100%",resize:"none",border:"none",outline:"none"}},focused:{true:{"&::placeholder":{opacity:0,transition:"opacity 0.25s ease 0s"}}},bordered:{true:{padding:"0 $3"}},rounded:{true:{padding:"0 $3"}},animated:{false:{transition:"none","::placeholder":{transition:"none"}}},hasLeftContent:{true:{ml:0}},hasRightContent:{true:{mr:0}}}});export const StyledInputWrapper=e("div",{flex:1,position:"relative",br:"$$inputBorderRadius",bg:"$$inputColor",display:"inline-flex",verticalAlign:"middle",alignItems:"center",userSelect:"none","@motion":{transition:"none","&:before":{transition:"none"},"&:after":{transition:"none"}},variants:{focused:{true:{}},isReadOnly:{true:{}},bordered:{true:{bg:"transparent",border:"none",boxShadow:"0 0 0 $$inputBorderWeight $$inputBorderColor",transition:"box-shadow 0.25s ease"}},shadow:{true:{transition:"$default"}},disabled:{true:{cursor:"not-allowed"}},underlined:{true:{bg:"transparent",[`& ${StyledInput}`]:{margin:"$2 $3"},"&:before":{content:"",position:"absolute",zIndex:"$2",width:0,bottom:0,height:"$1",left:"50%",transform:"translate(-50%)",background:"$$inputHoverBorderColor",transition:"width 0.25s ease"},"&:after":{content:"",position:"absolute",zIndex:"$1",bottom:0,width:"100%",height:"$$inputBorderWeight",bg:"$$inputBorderColor"}},false:{[`& ${StyledInput}`]:{margin:"$2 $5"}}},animated:{false:{transition:"none","&:before":{transition:"none"},"&:after":{transition:"none"}}},isTextarea:{true:{boxSizing:"border-box",width:"100%",maxWidth:"100%",height:"auto"},false:{height:"100%"}}},compoundVariants:[{bordered:!0,underlined:!0,css:{boxShadow:"0 0 0 0px $$inputBorderColor"}},{focused:!0,underlined:!0,css:{"&:before":{width:"100%"}}},{focused:!0,shadow:!0,isReadOnly:!1,underlined:!1,css:{boxShadow:"$$inputShadow"}},{focused:!0,bordered:!0,isReadOnly:!1,underlined:!1,css:{boxShadow:"0 0 0 $$inputBorderWeight $$inputHoverBorderColor"}},{bordered:!0,isReadOnly:!1,underlined:!1,css:{"&:hover":{boxShadow:"0 0 0 $$inputBorderWeight $$inputHoverBorderColor"}}},{isTextarea:!0,underlined:!1,css:{[`& ${StyledInput}`]:{margin:"$xs $sm"}}}]});export const StyledHelperTextContainer=e("div",{position:"absolute",opacity:0,bottom:"calc($$inputHeightRatio * -$space$5)","@motion":{transition:"none"},variants:{animated:{true:{transition:"opacity 0.25s ease"},false:{transition:"none"}},withValue:{true:{opacity:1}}}});export const StyledHelperText=e("p",{margin:"$1 0 0 $5",fontSize:"$space$5",color:"$$inputHelperColor"});export const StyledInputPlaceholder=e("span",{},o);export const StyledInputBlockLabel=e("label",{d:"block",fontWeight:"$normal",color:"$$inputLabelColor",p:"0 0 0 $2",mb:"$3",fs:"$$inputFontSize",lh:"$md",WebkitTouchCallout:"none",WebkitUserSelect:"none",KhtmlUserSelect:"none",MozUserSelect:"none",MsUserSelect:"none",us:"none","> *:first-child":{marginTop:0},"> *:last-child":{mb:0},"@motion":{transition:"none"},variants:{rounded:{true:{padding:"0 0 0 $3"}},asPlaceholder:{true:{position:"absolute",padding:0,zIndex:"$1",left:"$space$6",top:"20%",mb:0,cursor:"text",color:"$$inputPlaceholderColor",transition:"left 0.25s ease 0s, color 0.25s ease 0s, top 0.25s ease 0s"}},animated:{false:{transition:"none"}},focused:{true:{color:"$$inputHoverBorderColor"}},underlined:{true:{}},withValue:{true:{}},isTextarea:{true:{}},bordered:{true:{}},hasContentLeft:{true:{}}},compoundVariants:[{underlined:!0,asPlaceholder:!0,css:{left:"$space$2"}},{asPlaceholder:!0,focused:!0,underlined:!1,isTextarea:!1,css:{top:"-72%",left:"$2",cursor:"inherit"}},{asPlaceholder:!0,focused:!0,underlined:!0,isTextarea:!1,css:{top:"-72%",left:"0px",cursor:"inherit"}},{asPlaceholder:!0,withValue:!0,underlined:!1,isTextarea:!1,css:{color:"$$inputTextColor",top:"-72%",left:"$2",cursor:"inherit"}},{asPlaceholder:!0,withValue:!0,underlined:!0,isTextarea:!1,css:{color:"$$inputTextColor",top:"-72%",left:"0px",cursor:"inherit"}},{asPlaceholder:!0,isTextarea:!0,css:{top:"$5"}},{asPlaceholder:!0,hasContentLeft:!0,css:{left:"calc($space$6 + $$inputHeightRatio * $space$7)"}},{asPlaceholder:!0,isTextarea:!0,focused:!0,css:{top:"calc(-$space$10 - $space$3)",left:"$2"}},{asPlaceholder:!0,isTextarea:!0,withValue:!0,css:{top:"-$11"}},{asPlaceholder:!0,focused:!0,isTextarea:!0,bordered:!0,css:{top:"-$12"}}],defaultVariants:{asPlaceholder:!1}});export const StyledInputLabel=e("span",{position:"relative",display:"inline-flex",width:"initial",height:"100%",fontWeight:"$medium",ai:"center",pe:"none",margin:0,padding:"0 $sm",color:"$$inputPlaceholderColor",fontSize:"$$inputFontSize",lineHeight:"$xs",variants:{isRight:{true:{btrr:"$$inputBorderRadius",bbrr:"$$inputBorderRadius"},false:{btlr:"$$inputBorderRadius",bblr:"$$inputBorderRadius"}},isDark:{true:{}},isDefaultStatus:{true:{}},underlined:{true:{bg:"transparent"}},bordered:{true:{"&:after":{display:"none"},"&:before":{display:"none"}}}},compoundVariants:[{isRight:!0,underlined:!0,css:{borderLeftColor:"$$inputPlaceholderColor",borderLeftStyle:"solid",marginLeft:"$2",borderLeftWidth:"calc($$inputBorderWeight / 2)",height:"40%"}},{isRight:!1,underlined:!0,css:{borderRightColor:"$$inputPlaceholderColor",borderRightStyle:"solid",marginRight:"$2",borderRightWidth:"calc($$inputBorderWeight / 1)",height:"40%"}},{isDefaultStatus:!0,bordered:!1,underlined:!1,css:{bg:"$accents2"}},{isDefaultStatus:!0,bordered:!1,underlined:!1,isDark:!0,css:{color:"$accents6"}},{isDefaultStatus:!1,bordered:!0,underlined:!1,css:{bg:"$$inputColor"}},{bordered:!0,isRight:!0,css:{peddingRight:"$sm",paddingLeft:0}},{bordered:!0,isRight:!1,css:{peddingLeft:"$sm",paddingRight:0}}],defaultVariants:{isRight:!1}});export const StyledInputContent=e("span",{variants:{applyStyles:{true:{display:"flex",boxSizing:"content-box",width:"calc($$inputHeightRatio * $space$4)",height:"100%",alignItems:"center",verticalAlign:"center",margin:0,padding:"0 calc($$inputHeightRatio * $3)",color:"$$inputTextColor",lineHeight:"$xs",position:"relative",cursor:"default",pe:"none"}},clickable:{true:{cursor:"pointer",pe:"auto"}}}});export const StyledInputClearButton=e("button",{position:"absolute",right:0,margin:0,d:"inline-flex",ai:"center",border:"none",bg:"transparent",width:"auto",height:"auto",cursor:"pointer",boxSizing:"border-box",transition:"color 250ms ease 0s, transform 250ms ease 0s, opacity 250ms ease 0s",color:"$$inputPlaceholderColor",visibility:"hidden",transform:"translateX(20%)",opacity:0,"&:hover":{opacity:.85},svg:{color:"currentColor",size:"calc($space$5 * $$inputHeightRatio)"},"@motion":{transition:"none"},variants:{visible:{true:{visibility:"visible",transform:"translateX(0)",opacity:1}},underlined:{true:{padding:"0 $1"}},animated:{false:{transition:"none"}},hasContentRight:{true:{padding:0,position:"relative",transform:"translateX(30%)"}},disabled:{true:{cursor:"not-allowed","&:hover":{color:"$accents3"}}}}});
|
package/esm/link/link.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import r from"react";import t from"../utils/with-defaults";import i from"./icon";import o from"./link.styles";import{__DEV__ as e}from"../utils/assertion";import{jsx as m}from"react/jsx-runtime";import{
|
|
1
|
+
import r from"react";import t from"../utils/with-defaults";import i from"./icon";import o from"./link.styles";import{__DEV__ as e}from"../utils/assertion";import{jsx as m}from"react/jsx-runtime";import{Fragment as s}from"react/jsx-runtime";import{jsxs as n}from"react/jsx-runtime";const a=r.forwardRef((({children:r,icon:t,...e},a)=>m(o,{...e,ref:a,children:n(s,{children:[r,t&&m(i,{})]})})));e&&(a.displayName="NextUI.Link"),a.toString=()=>".nextui-link";export default t(a,{icon:!1});
|
package/esm/link/link.styles.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var o,r;import{theme as e,styled as n}from"../theme/stitches.config";import{addColorAlpha as
|
|
1
|
+
var o,r;import{theme as e,styled as n}from"../theme/stitches.config";import{addColorAlpha as i}from"../utils/color";export const StyledLinkIcon=n("svg",{ml:"$1",as:"center",display:"inline-flex",color:"currentColor"});export const StyledLink=n("a",{display:"inline-flex",alignItems:"baseline",lineHeight:"inherit",textDecoration:"none",width:"fitContent",backgroundImage:"inherit",backgroundColor:"inherit",backgroundClip:"inherit",WebkitTextFillColor:"inherit","&:hover":{opacity:.8},"@motion":{transition:"none"},variants:{color:{default:{color:"$link"},text:{color:"$text"},primary:{color:"$primary"},secondary:{color:"$secondary"},success:{color:"$success"},warning:{color:"$warning"},error:{color:"$error"}},underline:{true:{"&:hover, &:active, &:focus":{textDecoration:"underline"}}},block:{true:{padding:"$2 $4",borderRadius:"$base"}},animated:{true:{transition:"$link"}}},compoundVariants:[{color:"default",block:!0,css:{"&:hover":{backgroundColor:i(null==(o=e.colors)||null==(r=o.link)?void 0:r.value,.2)}}},{color:"primary",block:!0,css:{"&:hover":{backgroundColor:"$primaryLight"}}},{color:"secondary",block:!0,css:{"&:hover":{backgroundColor:"$secondaryLight"}}},{color:"success",block:!0,css:{"&:hover":{backgroundColor:"$successLight"}}},{color:"warning",block:!0,css:{"&:hover":{backgroundColor:"$warningLight"}}},{color:"error",block:!0,css:{"&:hover":{backgroundColor:"$errorLight"}}}],defaultVariants:{color:"default",animated:!0}});export default StyledLink;
|
|
@@ -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:"$
|
|
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:"$accents0","@motion":{transition:"none"},"&:hover":{bg:"$accents1"},[`& ${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 o from"react";import{useModal as e,useOverlay as s,DismissButton as r}from"@react-aria/overlays";import{useDialog as i}from"@react-aria/dialog";import{FocusScope as t,useFocusRing as n}from"@react-aria/focus";import{mergeProps as a}from"@react-aria/utils";import l from"../utils/css-transition";import{__DEV__ as m}from"../utils/assertion";import{mergeRefs as p}from"../utils/refs";import{StyledPopoverContent as
|
|
1
|
+
import o from"react";import{useModal as e,useOverlay as s,DismissButton as r}from"@react-aria/overlays";import{useDialog as i}from"@react-aria/dialog";import{FocusScope as t,useFocusRing as n}from"@react-aria/focus";import{mergeProps as a}from"@react-aria/utils";import l from"../utils/css-transition";import{__DEV__ as m}from"../utils/assertion";import{mergeRefs as p}from"../utils/refs";import{StyledPopoverContentContainer as c,StyledPopoverContent as d}from"./popover.styles";import{usePopoverContext as u}from"./popover-context";import{getTransformOrigin as f}from"./utils";import v from"../utils/clsx";import{jsx as x}from"react/jsx-runtime";import{jsxs as O}from"react/jsx-runtime";import{Fragment as b}from"react/jsx-runtime";export const PopoverContent=o.forwardRef(((o,m)=>{const{children:h,as:C,css:P,className:D,...g}=o,{state:y,placement:j,overlayRef:F,disableAnimation:N,shouldCloseOnBlur:E,isDismissable:I,isKeyboardDismissDisabled:T,shouldCloseOnInteractOutside:B,getPopoverProps:K,onClose:R,onEntered:V,onExited:w}=u(),A=f(j),{modalProps:S}=e({isDisabled:!0}),{dialogProps:U}=i({role:"dialog"},F),{overlayProps:k}=s({onClose:R,isOpen:y.isOpen,isDismissable:I&&y.isOpen,shouldCloseOnBlur:E,isKeyboardDismissDisabled:T,shouldCloseOnInteractOutside:B},F),{isFocusVisible:q,focusProps:z}=n(),G=O(c,{ref:p(F,m),...K(a(k,S,U,z,g)),className:v("nextui-popover-content-container",D),isFocusVisible:q,as:C,css:{transformOrigin:A,...P},children:[x(r,{onDismiss:R}),x(d,{className:"nextui-popover-content",children:h}),x(r,{onDismiss:R})]});return x(b,{children:N?y.isOpen?x(t,{restoreFocus:!0,children:G}):null:x(t,{restoreFocus:!0,children:x(l,{visible:y.isOpen,name:"nextui-popover-content",enterTime:20,leaveTime:60,clearTime:300,onExited:w,onEntered:V,children:G})})})}));m&&(PopoverContent.displayName="NextUI.PopoverContent"),PopoverContent.toString=()=>".nextui-popover-content";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{styled as o,keyframes as n,cssFocusVisible as
|
|
1
|
+
import{styled as o,keyframes as n,cssFocusVisible as i}from"../theme/stitches.config";export const appearanceIn=n({"0%":{opacity:0,transform:"scale(0.95)"},"60%":{opacity:.75,transform:"scale(1.05)"},"100%":{opacity:1,transform:"scale(1)"}});export const appearanceOut=n({"0%":{opacity:1,transform:"scale(1)"},"100%":{opacity:0,transform:"scale(0.5)"}});export const StyledPopoverContentContainer=o("div",{$$popoverMinWidth:"$space$13",$$popoverMinHeight:"$space$13",$$popoverBorderRadius:"$radii$lg",$$popoverBackground:"$colors$backgroundContrast",$$popoverBoxShadow:"$shadows$md",boxShadow:"$$popoverBoxShadow",outline:"none",overflow:"hidden auto",bg:"$$popoverBackground",display:"inline-flex",flexDirection:"column",boxSizing:"border-box",minWidth:"$$popoverMinWidth",minHeight:"$$popoverMinHeight",maxWidth:"calc(100% - $$popoverMinWidth)",maxHeight:"calc(100% - $$popoverMinWidth)",borderRadius:"$$popoverBorderRadius",animationFillMode:"forwards",willChange:"transform, opacity","@motion":{transition:"none"},"&.nextui-popover-content-enter":{animationName:appearanceIn,animationTimingFunction:"ease-out",animationDirection:"normal",animationDuration:"250ms"},"&.nextui-popover-content-leave":{animationName:appearanceOut,animationTimingFunction:"ease-in",animationDuration:"60ms"}},i);export const StyledPopoverContent=o("div",{transform:"translateZ(0)",backfaceVisibility:"hidden"});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{styled as o,sharedVisuallyHidden as r,sharedFocus as
|
|
1
|
+
import{styled as o,sharedVisuallyHidden as r,sharedFocus as i}from"../theme/stitches.config";export const StyledRadioInput=o("input",{},r);export const StyledRadioLabel=o("span",{fontSize:"$$radioSize",us:"none",d:"inline-flex",ai:"center",variants:{color:{default:{color:"$text"},primary:{color:"$primary"},secondary:{color:"$secondary"},success:{color:"$success"},warning:{color:"$warning"},error:{color:"$error"}},disabled:{true:{color:"$accents5"}}}});export const StyledRadioPoint=o("span",{size:"$$radioSize",br:"$$radioRadii",position:"relative",d:"inline-block",mr:"calc($$radioSize * 0.375)","&:after":{content:"",d:"block",position:"absolute",size:"$$radioSize",br:"$$radioRadii",boxSizing:"border-box",border:"2px solid $border"}},i);export const StyledRadio=o("label",{d:"flex",w:"initial",ai:"flex-start",position:"relative",fd:"column",jc:"flex-start",cursor:"pointer","@motion":{[`& ${StyledRadioPoint}`]:{transition:"none","&:after":{transition:"none"}}},variants:{color:{default:{$$radioColor:"$colors$primary",$$radioColorHover:"$colors$primarySolidHover"},primary:{$$radioColor:"$colors$primary",$$radioColorHover:"$colors$primarySolidHover"},secondary:{$$radioColor:"$colors$secondary",$$radioColorHover:"$colors$secondarySolidHover"},success:{$$radioColor:"$colors$success",$$radioColorHover:"$colors$successSolidHover"},warning:{$$radioColor:"$colors$warning",$$radioColorHover:"$colors$warningSolidHover"},error:{$$radioColor:"$colors$error",$$radioColorHover:"$colors$errorSolidHover"}},size:{xs:{$$radioSize:"$space$7"},sm:{$$radioSize:"$space$8"},md:{$$radioSize:"$space$9"},lg:{$$radioSize:"$space$10"},xl:{$$radioSize:"$space$11"}},disabled:{true:{cursor:"not-allowed",$$radioColor:"$colors$accents4"}},squared:{true:{$$radioRadii:"$space$1"},false:{$$radioRadii:"$radii$rounded"}},active:{true:{[`& ${StyledRadioPoint}`]:{"&:after":{border:"calc($$radioSize * 0.34) solid $$radioColor"}},"&:hover":{[`& ${StyledRadioPoint}`]:{"&:after":{border:"calc($$radioSize * 0.34) solid $$radioColorHover"}}}}},animated:{true:{[`& ${StyledRadioPoint}`]:{transition:"$default","&:after":{transition:"$default"}}},false:{[`& ${StyledRadioPoint}`]:{transition:"none","&:after":{transition:"none"}}}}},defaultVariants:{size:"md",squared:!1,animated:!0},compoundVariants:[{active:!1,disabled:!1,css:{"&:hover":{[`& ${StyledRadioPoint}`]:{bg:"$border"}}}}]});export const StyledRadioGroup=o("div",{border:0,margin:0,padding:0,display:"flex",fd:"column",variants:{size:{xs:{$$radioGroupGap:"$space$7"},sm:{$$radioGroupGap:"$space$8"},md:{$$radioGroupGap:"$space$9"},lg:{$$radioGroupGap:"$space$10"},xl:{$$radioGroupGap:"$space$11"}},row:{true:{fd:"row",[`& ${StyledRadio}`]:{marginTop:0,marginRight:"$$radioGroupGap"}},false:{[`& ${StyledRadio}`]:{marginTop:"$$radioGroupGap",marginRight:0}}}},defaultVariants:{row:!1}});export const StyledRadioDescription=o("span",{color:"$accents7",fontSize:"calc($$radioSize * 0.85)",paddingLeft:"calc($$radioSize + $$radioSize * 0.375)"});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{styled as t,sharedFocus as i,sharedVisuallyHidden as $}from"../theme/stitches.config";export const StyledSwitchContainer=t("label",{WebkitTapHighlightColor:"transparent",d:"inline-block",verticalAlign:"center",whiteSpace:"nowrap",us:"none",transition:"$default",padding:"$1 0",position:"relative",cursor:"pointer","@motion":{transition:"none"},variants:{color:{default:{$$switchColor:"$colors$primary",$$switchColorShadow:"$colors$primaryShadow",$$switchColorHover:"$colors$
|
|
1
|
+
import{styled as t,sharedFocus as i,sharedVisuallyHidden as $}from"../theme/stitches.config";export const StyledSwitchContainer=t("label",{WebkitTapHighlightColor:"transparent",d:"inline-block",verticalAlign:"center",whiteSpace:"nowrap",us:"none",transition:"$default",padding:"$1 0",position:"relative",cursor:"pointer","@motion":{transition:"none"},variants:{color:{default:{$$switchColor:"$colors$primary",$$switchColorShadow:"$colors$primaryShadow",$$switchColorHover:"$colors$primarySolidHover"},primary:{$$switchColor:"$colors$primary",$$switchColorShadow:"$colors$primaryShadow",$$switchColorHover:"$colors$primarySolidHover"},secondary:{$$switchColor:"$colors$secondary",$$switchColorShadow:"$colors$secondaryShadow",$$switchColorHover:"$colors$secondarySolidHover"},success:{$$switchColor:"$colors$success",$$switchColorShadow:"$colors$successShadow",$$switchColorHover:"$colors$successSolidHover"},warning:{$$switchColor:"$colors$warning",$$switchColorShadow:"$colors$warningShadow",$$switchColorHover:"$colors$warningSolidHover"},error:{$$switchColor:"$colors$error",$$switchColorShadow:"$colors$errorShadow",$$switchColorHover:"$colors$errorSolidHover"}},size:{xs:{$$switchWidth:"$space$12",$$switchHeight:"$space$9",width:" $$switchWidth",maxWidth:"$$switchWidth",height:"$$switchHeight"},sm:{$$switchWidth:"$space$14",$$switchHeight:"$space$10",width:"$$switchWidth",maxWidth:"$$switchWidth",height:"$$switchHeight"},md:{$$switchWidth:"$space$15",$$switchHeight:"$space$11",width:"$$switchWidth",maxWidth:"$$switchWidth",height:"$$switchHeight"},lg:{$$switchWidth:"$space$17",$$switchHeight:"$space$12",width:"$$switchWidth",maxWidth:"$$switchWidth",height:"$$switchHeight"},xl:{$$switchWidth:"$space$18",$$switchHeight:"$space$13",width:"$$switchWidth",maxWidth:"$$switchWidth",height:"$$switchHeight"}},borderWeight:{light:{$$switchBorderW:"$borderWeights$light"},normal:{$$switchBorderW:"$borderWeights$normal"},bold:{$$switchBorderW:"$borderWeights$bold"},extrabold:{$$switchBorderW:"$borderWeights$extrabold"},black:{$$switchBorderW:"$borderWeights$black"}},disabled:{true:{cursor:"not-allowed"}},animated:{false:{transition:"none"}}},defaultVariants:{color:"default",size:"md",borderWeight:"normal"}});export const StyledSwitchInput=t("input",{},$);export const StyledSwitchCircle=t("span",{position:"absolute",display:"flex",size:"calc($$switchHeight * 0.7)",jc:"center",ai:"center",top:"50%",transform:"translateY(-50%)",left:"calc($$switchWidth / 15)",transition:"left 0.25s ease, width 0.2s ease",bg:"$background",br:"$pill","& svg":{bg:"transparent",size:"calc($$switchHeight * 0.44)"},"@motion":{transition:"none"}});export const StyledSwitch=t("div",{opacity:1,width:"$$switchWidth",height:"$$switchHeight",transition:"$default",position:"relative",overflow:"hidden",padding:0,br:"$pill",bg:"$accents2","@motion":{transition:"none"},variants:{checked:{true:{bg:"$$switchColor",[`& ${StyledSwitchCircle}`]:{left:"calc(100% - ($$switchWidth / 15) - $$switchHeight * 0.7)"},"&:hover:not(&:active)":{bg:"$$switchColorHover"}}},bordered:{true:{bg:"transparent",border:"$$switchBorderW solid $border","&:hover":{borderColor:"$$switchColor"},[`& ${StyledSwitchCircle}`]:{left:"calc(($$switchWidth / 15) - ($$switchBorderW / 2))",bg:"$accents2"}}},squared:{true:{br:"2px",[`& ${StyledSwitchCircle}`]:{br:"2px"}}},shadow:{true:{}},disabled:{true:{borderColor:"$accents2",bg:"$accents2",[`& ${StyledSwitchCircle}`]:{bg:"$accents4"}}},animated:{true:{"&:active":{[`& ${StyledSwitchCircle}`]:{width:"calc($$switchHeight * 0.7 + ($$switchWidth / 10))"}}},false:{transition:"none",[`& ${StyledSwitchCircle}`]:{transition:"none"}}}},compoundVariants:[{checked:!0,disabled:!0,css:{bg:"$accents3",[`& ${StyledSwitchCircle}`]:{bg:"$accents0"},"&:hover:not(&:active)":{bg:"$accents4"}}},{shadow:!0,checked:!0,css:{normalShadowVar:"$$switchColorShadow"}},{animated:!0,checked:!1,css:{"&:active":{[`& ${StyledSwitchCircle}`]:{left:"calc($$switchWidth / 7.5)"}}}},{animated:!0,checked:!0,css:{"&:active":{[`& ${StyledSwitchCircle}`]:{left:"calc(100% - ($$switchWidth / 5) - $$switchHeight * 0.7)"}}}},{checked:!0,bordered:!0,css:{bg:"$$switchColor",border:"$$switchBorderW solid transparent","&:hover:not(&:active)":{borderColor:"transparent"},[`& ${StyledSwitchCircle}`]:{left:"calc(100% - ($$switchWidth / 15) - $$switchHeight * 0.7 + ($$switchBorderW / 2))",bg:"$background"}}}]},i);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e,{useRef as r,useImperativeHandle as o}from"react";import{useTableCell as t,useTableSelectionCheckbox as l}from"@react-aria/table";import{useFocusRing as i}from"@react-aria/focus";import{mergeProps as a}from"@react-aria/utils";import c from"../checkbox";import{StyledTableCell as s}from"./table.styles";import
|
|
1
|
+
import e,{useRef as r,useImperativeHandle as o}from"react";import{useTableCell as t,useTableSelectionCheckbox as l}from"@react-aria/table";import{useFocusRing as i}from"@react-aria/focus";import{mergeProps as a}from"@react-aria/utils";import c from"../checkbox";import{StyledTableCell as s}from"./table.styles";import m from"../utils/clsx";import{jsx as n}from"react/jsx-runtime";const p=e.forwardRef((({cell:e,state:p,color:u,animated:f,...b},x)=>{const d=r(null);o(x,(()=>null==d?void 0:d.current));const{gridCellProps:h}=t({node:e},p,d),{checkboxProps:k}=l({key:(null==e?void 0:e.parentKey)||e.key},p),{isFocusVisible:y,focusProps:N}=i();return n(s,{ref:d,isFocusVisible:y,className:m("nextui-table-checkbox-cell",b.className),...a(h,N,b),children:n(c,{...k,color:u,disableAnimation:!f,css:{display:"inherit"}})})}));p.displayName="NextUI.TableCheckboxCell",p.toString=()=>".nextui-table-checkbox-cell";export default p;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"react";import{jsx as t}from"react/jsx-runtime";const o={footerAlign:"end",rowsPerPage:0,currentPage:1,animated:!0};export const TableContext=e.createContext(o);export const useTableContext=()=>e.useContext(TableContext);export default{Provider:({children:r,defaultValues:n})=>{const[a,l]=e.useState((null==n?void 0:n.footerAlign)||o.footerAlign),[s,i]=e.useState(void 0===(null==n?void 0:n.animated)?o.animated:null==n?void 0:n.animated),[u,
|
|
1
|
+
import e from"react";import{jsx as t}from"react/jsx-runtime";const o={footerAlign:"end",rowsPerPage:0,currentPage:1,animated:!0};export const TableContext=e.createContext(o);export const useTableContext=()=>e.useContext(TableContext);export default{Provider:({children:r,defaultValues:n})=>{const[a,l]=e.useState((null==n?void 0:n.footerAlign)||o.footerAlign),[s,i]=e.useState(void 0===(null==n?void 0:n.animated)?o.animated:null==n?void 0:n.animated),[u,d]=e.useState(null==n?void 0:n.collection),[c,P]=e.useState(void 0===(null==n?void 0:n.rowsPerPage)?o.rowsPerPage:null==n?void 0:n.rowsPerPage),[g,m]=e.useState(o.currentPage),[v,x]=e.useState(null==n?void 0:n.color),C=e.useMemo((()=>({animated:s,footerAlign:a,collection:u,rowsPerPage:c,currentPage:g,color:v,setFooterAlign:l,setCollection:d,setAnimated:i,setRowsPerPage:P,setColor:x,setCurrentPage:m})),[s,v,u,a,c,g]);return t(TableContext.Provider,{value:C,children:r})},Consumer:TableContext.Consumer};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e,{useRef as o,useImperativeHandle as r}from"react";import{useTableColumnHeader as t,useTableSelectAllCheckbox as l}from"@react-aria/table";import{VisuallyHidden as a}from"@react-aria/visually-hidden";import{useFocusRing as c}from"@react-aria/focus";import{mergeProps as i}from"@react-aria/utils";import s from"../checkbox";import{StyledTableHeaderCell as m}from"./table.styles";import
|
|
1
|
+
import e,{useRef as o,useImperativeHandle as r}from"react";import{useTableColumnHeader as t,useTableSelectAllCheckbox as l}from"@react-aria/table";import{VisuallyHidden as a}from"@react-aria/visually-hidden";import{useFocusRing as c}from"@react-aria/focus";import{mergeProps as i}from"@react-aria/utils";import s from"../checkbox";import{StyledTableHeaderCell as m}from"./table.styles";import n from"../utils/clsx";import{jsx as u}from"react/jsx-runtime";const b=e.forwardRef((({column:e,state:b,color:d,animated:f,...p},x)=>{const h=o(null);r(x,(()=>null==h?void 0:h.current));const k="single"===b.selectionManager.selectionMode,{columnHeaderProps:y}=t({node:e},b,h),{checkboxProps:N}=l(b),{isFocusVisible:$,focusProps:g}=c();return u(m,{ref:h,isFocusVisible:$,className:n("nextui-table-select-all-checkbox",p.className),...i(y,g,p),children:k?u(a,{children:N["aria-label"]}):u(s,{...N,color:d,disableAnimation:!f,css:{display:"inherit",$$checkboxBorderColor:"$colors$accents3"}})})}));b.displayName="NextUI.TableSelectAllCheckbox",b.toString=()=>".nextui-table-select-all-checkbox";export default b;
|
package/esm/table/table.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import e,{useImperativeHandle as o,useRef as t}from"react";import{useTable as r}from"@react-aria/table";import{useTableState as
|
|
1
|
+
import e,{useImperativeHandle as o,useRef as t}from"react";import{useTable as r}from"@react-aria/table";import{useTableState as i}from"@react-stately/table";import{Spacer as l}from"../index";import a from"./table-row-group";import n from"./table-column-header";import s from"./table-header-row";import c from"./table-select-all-checkbox";import m from"./table-pagination";import d from"./table-footer";import h from"./table-body";import{pickSingleChild as p}from"../utils/collections";import{StyledTable as u,StyledTableContainer as b}from"./table.styles";import f from"./table-context";import{excludedTableProps as x}from"../utils/prop-types";import{isInfinityScroll as g,hasPaginationChild as w}from"./utils";import v from"../utils/with-defaults";import y from"../utils/clsx";import{jsx as k}from"react/jsx-runtime";import{jsxs as P}from"react/jsx-runtime";const N=e.forwardRef(((v,N)=>{const{selectionMode:C,selectionBehavior:S,hideLoading:j,children:M,shadow:L,color:B,animated:I,borderWeight:O,bordered:R,containerCss:W,...E}=v,[F,T]=p(M,m),{hasPagination:U,rowsPerPage:V}=w(M,m),q=i({...v,children:F,showSelectionCheckboxes:void 0!==v.showSelectionCheckboxes?v.showSelectionCheckboxes:"multiple"===C&&"replace"!==S});Object.keys(E).forEach((e=>{x.indexOf(e)>-1&&delete E[e]}));const z=t(null);o(N,(()=>null==z?void 0:z.current));const{collection:A}=q,{gridProps:D}=r(v,q,z),G=e.useMemo((()=>({collection:A,color:B,animated:I,rowsPerPage:V})),[A,I,B,V]);return k(f.Provider,{defaultValues:G,children:k(b,{shadow:L,borderWeight:O,bordered:R,className:"nextui-table-container",css:{...W},children:P(u,{ref:z,color:B,shadow:L,animated:I,hoverable:"none"!==C||E.hoverable,isMultiple:"multiple"===C,hasPagination:U,className:y("nextui-table",E.className),...D,...E,children:[P(a,{as:"thead",isFixed:g(A),children:[A.headerRows.map((e=>k(s,{item:e,state:q,children:[...e.childNodes].map((e=>{var o;return null!=e&&null!=(o=e.props)&&o.isSelectionCell?k(c,{column:e,state:q,color:B,animated:I},null==e?void 0:e.key):k(n,{column:e,state:q,animated:I},null==e?void 0:e.key)}))},null==e?void 0:e.key))),!E.sticked&&k(l,{as:"tr",className:"nextui-table-hidden-row",y:.4})]}),k(h,{state:q,color:B,collection:A,animated:I,hasPagination:U,hideLoading:j}),U&&P(d,{children:[k(l,{as:"tr",className:"nextui-table-hidden-row",y:.6}),k("tr",{role:"row",children:k("th",{tabIndex:-1,role:"columnheader",colSpan:A.columnCount,children:T})})]})]})})})}));N.displayName="NextUI.Table",N.toString=()=>".nextui-table";export default v(N,{animated:!0,hideLoading:!1,selectionMode:"none",selectionBehavior:"toggle"});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{styled as e,cssFocusVisible as l}from"../theme/stitches.config";export const StyledTableHeaderRow=e("tr",{ov:"visible"});export const StyledTableColumnHeader=e("th",{height:"$14",cursor:"default",bg:"$
|
|
1
|
+
import{styled as e,cssFocusVisible as l}from"../theme/stitches.config";export const StyledTableHeaderRow=e("tr",{ov:"visible"});export const StyledTableColumnHeader=e("th",{height:"$14",cursor:"default",bg:"$accents0",color:"$accents7",fontSize:"$tiny",textAlign:"left",position:"relative","@motion":{transition:"none"},"&:first-child":{pl:"$8",br:"$md 0 0 $md"},"&:last-child":{pr:"$8",br:"0 $md $md 0"},variants:{align:{start:{textAlign:"left"},center:{textAlign:"center"},end:{textAlign:"right"}},animated:{false:{transition:"none"}},allowsSorting:{true:{transition:"background 0.25s ease 0s, color 0.25s ease 0s",cursor:"pointer","@motion":{transition:"none"},"&:hover":{color:"$accents8",bg:"$accents1"}}}},defaultVariants:{align:"left",animated:!0},compoundVariants:[{animated:!1,allowsSorting:!0,css:{transition:"none"}}]},l);export const StyledTableHeaderCell=e(StyledTableColumnHeader,l);export const StyledTableFooter=e("tfoot",{height:"$14",variants:{align:{start:{textAlign:"left"},center:{textAlign:"center"},end:{textAlign:"right"}}},defaultVariants:{align:"right"}});export const StyledBaseTableCell=e("td",{});export const StyledTableCell=e(StyledBaseTableCell,{position:"relative",userSelect:"none",py:"$5",pr:"$5",zIndex:"$2",ov:"hidden",whiteSpace:"nowrap",textOverflow:"ellipsis","&:first-child":{pl:"$8"},"&:last-child":{pr:"$8"},"&:before":{zIndex:"-$1",transition:"background 0.25s ease 0s, opacity 0.25s ease 0s",content:'""',position:"absolute",size:"100%",top:0,left:0,opacity:0},variants:{align:{start:{textAlign:"left"},center:{textAlign:"center"},end:{textAlign:"right"}}}},l);export const StyledTableRow=e("tr",{ov:"visible",color:"$text",variants:{isDisabled:{true:{color:"$accents3",pointerEvents:"none",cursor:"not-allowed"}},isSelected:{true:{color:"$$tableRowTextColor",[`& ${StyledTableCell}:before`]:{opacity:1,bg:"$$tableRowColor"}}}}},l);export const StyledTableRowGroup=e("thead",{variants:{isFixed:{true:{display:"table",width:"100%",tableLayout:"fixed"}},isInfinityScroll:{true:{display:"block",height:"100%",overflow:"auto",[`& ${StyledTableRow}`]:{display:"table",width:"100%",tableLayout:"fixed"}}}},defaultVariants:{isInfinityScroll:!1}});export const StyledTableLoadingRow=e("tr",{width:"100%",display:"flex",alignItems:"center",justifyContent:"center",height:"calc(100% - $space$14)",variants:{isAtEnd:{true:{height:"$space$18"}},isAbsolute:{true:{position:"absolute",left:"0",top:"$10"}}}});export const StyledTable=e("table",{borderCollapse:"separate",borderSpacing:0,width:"100%",p:"$md $sm","@motion":{[`& ${StyledTableCell}:before`]:{transition:"none"}},variants:{animated:{false:{[`& ${StyledTableCell}:before`]:{transition:"none"}}},color:{primary:{$$tableRowColor:"$colors$primaryLight",$$tableRowTextColor:"$colors$primaryLightContrast"},secondary:{$$tableRowColor:"$colors$secondaryLight",$$tableRowTextColor:"$colors$secondaryLightContrast"},success:{$$tableRowColor:"$colors$successLight",$$tableRowTextColor:"$colors$successLightContrast"},warning:{$$tableRowColor:"$colors$warningLight",$$tableRowTextColor:"$colors$warningLightContrast"},error:{$$tableRowColor:"$colors$errorLight",$$tableRowTextColor:"$colors$errorLightContrast"}},striped:{true:{[`& ${StyledTableRow}[aria-selected=false]:nth-child(even)`]:{[`& ${StyledTableCell}`]:{bg:"$accents0"}},[`& ${StyledTableRow}:nth-child(even)`]:{[`& ${StyledTableCell}:first-child`]:{br:"$lg 0 0 $lg"},[`& ${StyledTableCell}:last-child`]:{br:"0 $lg $lg 0"}}}},sticked:{true:{p:0,[`& ${StyledTableColumnHeader}:first-child`]:{br:"$lg 0 0 0"},[`& ${StyledTableColumnHeader}:last-child`]:{br:"0 $lg 0 0"}}},lineWeight:{light:{$$tableLineWeight:"$borderWeights$light"},normal:{$$tableLineWeight:"$borderWeights$normal"},bold:{$$tableLineWeight:"$borderWeights$bold"},extrabold:{$$tableLineWeight:"$borderWeights$extrabold"},black:{$$tableLineWeight:"$borderWeights$black"}},headerLined:{true:{[`& ${StyledTableColumnHeader}`]:{position:"relative",bg:"transparent","&:after":{content:"",position:"absolute",left:0,right:0,bottom:0,height:"calc($$tableLineWeight * 1.5)",bg:"$accents1"},"&:first-child":{ml:"$12",br:"0","&:after":{left:"$space$md"}},"&:last-child":{br:"0","&:after":{right:"$space$md"}}}}},lined:{true:{[`& ${StyledTableRow}:not(:last-child)`]:{position:"relative",[`& ${StyledTableCell}:after`]:{content:"",position:"absolute",bottom:0,left:0,right:0,height:"$$tableLineWeight",bg:"$border"},[`& ${StyledTableCell}:first-child`]:{"&:after":{left:"$space$md"}},[`& ${StyledTableCell}:last-child`]:{"&:after":{right:"$space$md"}}},[`& ${StyledTableRow}[aria-selected=true]:not(last-child)`]:{[`& ${StyledTableCell}:after`]:{bg:"$$tableRowTextColor",opacity:.3}}}},fixed:{true:{tableLayout:"fixed"}},hoverable:{true:{[`& ${StyledTableCell}:first-child`]:{br:"$md 0 0 $md"},[`& ${StyledTableCell}:last-child`]:{br:"0 $md $md 0"},[`& ${StyledTableRow}`]:{cursor:"pointer"},[`& ${StyledTableRow}[aria-selected=false]`]:{"&:hover":{[`& ${StyledTableCell}:before`]:{opacity:1,bg:"$accents0"}}},[`& ${StyledTableRow}[aria-selected=true]`]:{"&:hover":{[`& ${StyledTableCell}:before`]:{opacity:.8}}}},false:{[`& ${StyledTableCell}`]:{userSelect:"all"}}},isMultiple:{true:{}},hasPagination:{true:{}},shadow:{true:{}},compact:{true:{[`& ${StyledTableCell}`]:{py:"$1"},[`& ${StyledTableColumnHeader}`]:{height:"$12","&:first-child":{br:"$sm 0 0 $sm"},"&:last-child":{br:"0 $sm $sm 0"}}}}},compoundVariants:[{isMultiple:!0,hoverable:!0,css:{[`& ${StyledTableRow}:not(:first-child):not(:last-child)`]:{[`& ${StyledTableCell}:first-child`]:{br:0},[`& ${StyledTableCell}:last-child`]:{br:0}},[`& ${StyledTableRow}:first-child`]:{[`& ${StyledTableCell}:first-child`]:{br:"$md 0 0 0"},[`& ${StyledTableCell}:last-child`]:{br:"0 $md 0 0"}},[`& ${StyledTableRow}:last-child`]:{[`& ${StyledTableCell}:first-child`]:{br:"0 0 0 $md"},[`& ${StyledTableCell}:last-child`]:{br:"0 0 $md 0"}}}},{isMultiple:!0,hoverable:!0,sticked:!0,css:{[`& ${StyledTableRow}:first-child`]:{[`& ${StyledTableCell}:first-child`]:{br:"0"},[`& ${StyledTableCell}:last-child`]:{br:"0"}}}},{compact:!0,shadow:!0,css:{p:"$md $sm"}},{compact:!0,sticked:!0,css:{p:0}},{sticked:!0,isMultiple:!1,hoverable:!0,hasPagination:!1,css:{[`& ${StyledTableRow}:not(:last-child)`]:{[`& ${StyledTableCell}`]:{br:"0"}},[`& ${StyledTableRow}:last-child`]:{[`& ${StyledTableCell}:first-child`]:{br:"0 0 0 $md"},[`& ${StyledTableCell}:last-child`]:{br:"0 0 $md 0"}}}},{sticked:!0,isMultiple:!1,hoverable:!0,hasPagination:!0,css:{[`& ${StyledTableRow}`]:{[`& ${StyledTableCell}`]:{br:"0"}}}},{sticked:!0,hasPagination:!0,css:{pb:"$5"}},{sticked:!0,hasPagination:!0,isMultiple:!0,hoverable:!0,css:{[`& ${StyledTableRow}:last-child`]:{[`& ${StyledTableCell}:first-child`]:{br:"0"},[`& ${StyledTableCell}:last-child`]:{br:"0"}}}}],defaultVariants:{sticked:!1,color:"primary",lineWeight:"light"}});export const StyledTableContainer=e("div",{display:"flex",flexDirection:"column",br:"$xl",overflowX:"auto",overflowY:"hidden",variants:{shadow:{true:{bs:"$md"}},bordered:{true:{borderStyle:"solid",borderColor:"$border"},false:{bw:0}},borderWeight:{light:{bw:"$light"},normal:{bw:"$normal"},bold:{bw:"$bold"},extrabold:{bw:"$extrabold"},black:{bw:"$black"}}},defaultVariants:{shadow:!0,borderWeight:"normal"}});
|
package/esm/table/utils.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export const
|
|
1
|
+
import o from"react";export const hasPaginationChild=(n,i)=>{const r=o.Children.toArray(n).find((n=>o.isValidElement(n)&&n.type===i));var t;return o.isValidElement(r)?{hasPagination:!0,rowsPerPage:(null==r||null==(t=r.props)?void 0:t.rowsPerPage)||0}:{hasPagination:!1,rowsPerPage:0}};export const isInfinityScroll=o=>{var n;const i=null==(n=o.body)?void 0:n.props;return void 0!==(null==i?void 0:i.loadingState)&&"function"==typeof(null==i?void 0:i.onLoadMore)};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const blue={blue50:"#EDF5FF",blue100:"#E1EFFF",blue200:"#CEE4FE",blue300:"#B7D5F8",blue400:"#96C1F2",blue500:"#5EA2EF",blue600:"#0072F5",blue700:"#005FCC",blue800:"#004799",blue900:"#00254D"};export const blueDark={blue50:"#10253E",blue100:"#102C4C",blue200:"#0F3158",blue300:"#0D3868",blue400:"#0A4281",blue500:"#0952A5",blue600:"#0072F5",blue700:"#3694FF",blue800:"#3694FF",blue900:"#EAF4FF"};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const cyan={cyan50:"#F0FCFF",cyan100:"#E6FAFE",cyan200:"#D7F8FE",cyan300:"#C3F4FD",cyan400:"#A5EEFD",cyan500:"#7EE7FC",cyan600:"#06B7DB",cyan700:"#09AACD",cyan800:"#0E8AAA",cyan900:"#053B48"};export const cyanDark={cyan50:"#012A32",cyan100:"#023A46",cyan200:"#024B5A",cyan300:"#036072",cyan400:"#037086",cyan500:"#048EA9",cyan600:"#06B7DB",cyan700:"#33D9FA",cyan800:"#6FE4FB",cyan900:"#EBFBFE"};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const gray={gray50:"#F5F5F5",gray100:"#EDEDED",gray200:"#EBEBEB",gray300:"#E0E0E0",gray400:"#D4D4D4",gray500:"#C2C2C2",gray600:"#A3A3A3",gray700:"#808080",gray800:"#666666",gray900:"#111111"};export const grayDark={gray50:"#161616",gray100:"#262626",gray200:"#333333",gray300:"#4D4D4D",gray400:"#666666",gray500:"#808080",gray600:"#A3A3A3",gray700:"#C9C9C9",gray800:"#E8E8E8",gray900:"#F5F5F5"};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const green={green50:"#F1FDF7",green100:"#E8FCF1",green200:"#DAFBE8",green300:"#C8F9DD",green400:"#ADF5CC",green500:"#88F1B6",green600:"#17C964",green700:"#13A452",green800:"#108944",green900:"#06371B"};export const greenDark={green50:"#042F14",green100:"#06381B",green200:"#074A24",green300:"#0A6130",green400:"#0B7439",green500:"#0F9549",green600:"#17C964",green700:"#41EC8B",green800:"#78F2AD",green900:"#ECFDF4"};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export*from"./blue";export*from"./purple";export*from"./green";export*from"./yellow";export*from"./red";export*from"./cyan";export*from"./pink";export*from"./gray";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const pink={pink50:"#FFF0FB",pink100:"#FFE5F8",pink200:"#FFD6F3",pink300:"#FFC2EE",pink400:"#FFA3E5",pink500:"#FF7AD9",pink600:"#FF4ECD",pink700:"#D6009A",pink800:"#B80084",pink900:"#4D0037"};export const pinkDark={pink50:"#330025",pink100:"#470033",pink200:"#5C0042",pink300:"#750054",pink400:"#8A0063",pink500:"#AD007C",pink600:"#FF4ECD",pink700:"#FF2EC4",pink800:"#FF6BD5",pink900:"#FFEBF9"};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const purple={purple50:"#F7F2FD",purple100:"#F1E8FB",purple200:"#EADCF8",purple300:"#E0CBF5",purple400:"#D1B1F0",purple500:"#BC8EE9",purple600:"#7828C8",purple700:"#6622AA",purple800:"#4D1980",purple900:"#290E44"};export const purpleDark={purple50:"#1F0A33",purple100:"#240C3C",purple200:"#2E0F4D",purple300:"#3B1362",purple400:"#451773",purple500:"#571D91",purple600:"#7828C8",purple700:"#9750DD",purple800:"#B583E7",purple900:"#F7ECFC"};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const red={red50:"#FEF0F5",red100:"#FEE7EF",red200:"#FDD8E5",red300:"#FCC5D8",red400:"#FAA8C5",red500:"#F881AB",red600:"#F31260",red700:"#B80A47",red800:"#910838",red900:"#4E041E"};export const redDark={red50:"#300313",red100:"#300313",red200:"#44041A",red300:"#5C0523",red400:"#6F062B",red500:"#910838",red600:"#F31260",red700:"#F4256D",red800:"#F75F94",red900:"#FDD8E5"};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export const yellow={yellow50:"#FEF9F0",yellow100:"#FEF5E7",yellow200:"#FDEFD8",yellow300:"#FCE7C5",yellow400:"#FBDBA7",yellow500:"#F9CB80",yellow600:"#F5A524",yellow700:"#B97509",yellow800:"#925D07",yellow900:"#4E3104"};export const yellowDark={yellow50:"#3A2503",yellow100:"#442B03",yellow200:"#583804",yellow300:"#704705",yellow400:"#845306",yellow500:"#A66908",yellow600:"#F5A524",yellow700:"#F6AD37",yellow800:"#F8C572",yellow900:"#FEF7EC"};
|
package/esm/theme/common.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{defaultThemeMap as e}from"@stitches/react";export const defaultTokens={fonts:{sans:"-apple-system, BlinkMacSystemFont, 'Segoe UI','Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans','Helvetica Neue', sans-serif;",mono:"Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono','Courier New', monospace;"},fontSizes:{tiny:".75rem",xs:"0.875rem",base:"1rem",sm:"1.25rem",md:"1.5rem",lg:"2.25rem",xl:"3rem"},fontWeights:{hairline:100,thin:200,light:300,normal:400,medium:500,semibold:600,bold:700,extrabold:800,black:900},lineHeights:{xs:1,sm:1.25,md:1.5,lg:1.625,xl:1.75},letterSpacings:{tighter:"-0.05em",tight:"-0.025em",normal:"0",wide:"0.025em",wider:"0.05em",widest:"0.1em"},space:{0:"0rem",xs:"0.5rem",sm:"0.75rem",md:"1rem",lg:"1.25rem",xl:"2.25rem",px:"1px",1:"0.125rem",2:"0.25rem",3:"0.375rem",4:"0.5rem",5:"0.625rem",6:"0.75rem",7:"0.875rem",8:"1rem",9:"1.25rem",10:"1.5rem",11:"1.75rem",12:"2rem",13:"2.25rem",14:"2.5rem",15:"2.75rem",16:"3rem",17:"3.5rem",18:"4rem",20:"5rem",24:"6rem",28:"7rem",32:"8rem",36:"9rem",40:"10rem",44:"11rem",48:"12rem",52:"13rem",56:"14rem",60:"15rem",64:"16rem",72:"18rem",80:"20rem",96:"24rem"},radii:{xs:"7px",sm:"9px",md:"12px",base:"14px",lg:"14px",xl:"18px",squared:"33%",rounded:"50%",pill:"9999px"},zIndices:{1:"100",2:"200",3:"300",4:"400",5:"500",10:"1000",max:"9999"},borderWeights:{light:"1px",normal:"2px",bold:"3px",extrabold:"4px",black:"5px"},transitions:{default:"all 250ms ease",button:"background 0.25s ease 0s, color 0.25s ease 0s, border-color 0.25s ease 0s, box-shadow 0.25s ease 0s, transform 0.25s ease 0s, opacity 0.25s ease 0s",avatar:"box-shadow 0.25s ease 0s, opacity 0.25s ease 0s",link:"opacity 0.25s ease 0s, background 0.25s ease 0s",card:"transform 0.25s ease 0s"},breakpoints:{xs:"650px",sm:"960px",md:"1280px",lg:"1400px",xl:"1920px"}};export const defaultColors={white:"#ffffff",black:"#000000",
|
|
1
|
+
import{defaultThemeMap as e}from"@stitches/react";export const defaultTokens={fonts:{sans:"-apple-system, BlinkMacSystemFont, 'Segoe UI','Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans','Helvetica Neue', sans-serif;",mono:"Menlo, Monaco, 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono','Courier New', monospace;"},fontSizes:{tiny:".75rem",xs:"0.875rem",base:"1rem",sm:"1.25rem",md:"1.5rem",lg:"2.25rem",xl:"3rem"},fontWeights:{hairline:100,thin:200,light:300,normal:400,medium:500,semibold:600,bold:700,extrabold:800,black:900},lineHeights:{xs:1,sm:1.25,md:1.5,lg:1.625,xl:1.75},letterSpacings:{tighter:"-0.05em",tight:"-0.025em",normal:"0",wide:"0.025em",wider:"0.05em",widest:"0.1em"},space:{0:"0rem",xs:"0.5rem",sm:"0.75rem",md:"1rem",lg:"1.25rem",xl:"2.25rem",px:"1px",1:"0.125rem",2:"0.25rem",3:"0.375rem",4:"0.5rem",5:"0.625rem",6:"0.75rem",7:"0.875rem",8:"1rem",9:"1.25rem",10:"1.5rem",11:"1.75rem",12:"2rem",13:"2.25rem",14:"2.5rem",15:"2.75rem",16:"3rem",17:"3.5rem",18:"4rem",20:"5rem",24:"6rem",28:"7rem",32:"8rem",36:"9rem",40:"10rem",44:"11rem",48:"12rem",52:"13rem",56:"14rem",60:"15rem",64:"16rem",72:"18rem",80:"20rem",96:"24rem"},radii:{xs:"7px",sm:"9px",md:"12px",base:"14px",lg:"14px",xl:"18px",squared:"33%",rounded:"50%",pill:"9999px"},zIndices:{1:"100",2:"200",3:"300",4:"400",5:"500",10:"1000",max:"9999"},borderWeights:{light:"1px",normal:"2px",bold:"3px",extrabold:"4px",black:"5px"},transitions:{default:"all 250ms ease",button:"background 0.25s ease 0s, color 0.25s ease 0s, border-color 0.25s ease 0s, box-shadow 0.25s ease 0s, transform 0.25s ease 0s, opacity 0.25s ease 0s",avatar:"box-shadow 0.25s ease 0s, opacity 0.25s ease 0s",link:"opacity 0.25s ease 0s, background 0.25s ease 0s",card:"transform 0.25s ease 0s, box-shadow 0.25s ease 0s"},breakpoints:{xs:"650px",sm:"960px",md:"1280px",lg:"1400px",xl:"1920px"}};export const defaultColors={white:"#ffffff",black:"#000000",primaryLight:"$blue200",primaryLightHover:"$blue300",primaryLightActive:"$blue400",primaryLightContrast:"$blue600",primary:"$blue600",primaryBorder:"$blue500",primaryBorderHover:"$blue600",primarySolidHover:"$blue700",primarySolidContrast:"$white",primaryShadow:"$blue500",secondaryLight:"$purple200",secondaryLightHover:"$purple300",secondaryLightActive:"$purple400",secondaryLightContrast:"$purple600",secondary:"$purple600",secondaryBorder:"$purple500",secondaryBorderHover:"$purple600",secondarySolidHover:"$purple700",secondarySolidContrast:"$white",secondaryShadow:"$purple500",successLight:"$green200",successLightHover:"$green300",successLightActive:"$green400",successLightContrast:"$green700",success:"$green600",successBorder:"$green500",successBorderHover:"$green600",successSolidHover:"$green700",successSolidContrast:"$white",successShadow:"$green500",warningLight:"$yellow200",warningLightHover:"$yellow300",warningLightActive:"$yellow400",warningLightContrast:"$yellow700",warning:"$yellow600",warningBorder:"$yellow500",warningBorderHover:"$yellow600",warningSolidHover:"$yellow700",warningSolidContrast:"$white",warningShadow:"$yellow500",errorLight:"$red200",errorLightHover:"$red300",errorLightActive:"$red400",errorLightContrast:"$red600",error:"$red600",errorBorder:"$red500",errorBorderHover:"$red600",errorSolidHover:"$red700",errorSolidContrast:"$white",errorShadow:"$red500",gradient:"linear-gradient(112deg, $cyan600 -63.59%, $pink600 -20.3%, $blue600 70.46%)",accents0:"$gray50",accents1:"$gray100",accents2:"$gray200",accents3:"$gray300",accents4:"$gray400",accents5:"$gray500",accents6:"$gray600",accents7:"$gray700",accents8:"$gray800",accents9:"$gray900",border:"$gray300"};export const defaultMedia={xs:`(min-width: ${defaultTokens.breakpoints.xs})`,sm:`(min-width: ${defaultTokens.breakpoints.sm})`,md:`(min-width: ${defaultTokens.breakpoints.md})`,lg:`(min-width: ${defaultTokens.breakpoints.lg})`,xl:`(min-width: ${defaultTokens.breakpoints.xl})`,xsMax:`(max-width: ${defaultTokens.breakpoints.xs})`,smMax:`(max-width: ${defaultTokens.breakpoints.sm})`,mdMax:`(max-width: ${defaultTokens.breakpoints.md})`,lgMax:`(max-width: ${defaultTokens.breakpoints.lg})`,xlMax:`(max-width: ${defaultTokens.breakpoints.xl})`,motion:"(prefers-reduced-motion: reduce)",safari:"not all and (min-resolution:.001dpcm)",hover:"(any-hover: hover)",dark:"(prefers-color-scheme: dark)",light:"(prefers-color-scheme: light)"};export const defaultUtils={p:e=>({padding:e}),pt:e=>({paddingTop:e}),pr:e=>({paddingRight:e}),pb:e=>({paddingBottom:e}),pl:e=>({paddingLeft:e}),px:e=>({paddingLeft:e,paddingRight:e}),py:e=>({paddingTop:e,paddingBottom:e}),m:e=>({margin:e}),mt:e=>({marginTop:e}),mr:e=>({marginRight:e}),mb:e=>({marginBottom:e}),ml:e=>({marginLeft:e}),mx:e=>({marginLeft:e,marginRight:e}),my:e=>({marginTop:e,marginBottom:e}),ta:e=>({textAlign:e}),tt:e=>({textTransform:e}),to:e=>({textOverflow:e}),d:e=>({display:e}),dflex:e=>({display:"flex",alignItems:e,justifyContent:e}),fd:e=>({flexDirection:e}),fw:e=>({flexWrap:e}),ai:e=>({alignItems:e}),ac:e=>({alignContent:e}),jc:e=>({justifyContent:e}),as:e=>({alignSelf:e}),fg:e=>({flexGrow:e}),fs:e=>({fontSize:e}),fb:e=>({flexBasis:e}),bc:e=>({backgroundColor:e}),bf:e=>({backdropFilter:e}),bg:e=>({background:e}),bgBlur:e=>({bf:"saturate(180%) blur(10px)",bg:`${e}66`}),bgColor:e=>({backgroundColor:e}),backgroundClip:e=>({WebkitBackgroundClip:e,backgroundClip:e}),bgClip:e=>({WebkitBackgroundClip:e,backgroundClip:e}),br:e=>({borderRadius:e}),bw:e=>({borderWidth:e}),btrr:e=>({borderTopRightRadius:e}),bbrr:e=>({borderBottomRightRadius:e}),bblr:e=>({borderBottomLeftRadius:e}),btlr:e=>({borderTopLeftRadius:e}),bs:e=>({boxShadow:e}),normalShadow:e=>({boxShadow:`0 4px 14px 0 $colors${e}`}),normalShadowVar:e=>({boxShadow:`0 4px 14px 0 ${e}`}),lh:e=>({lineHeight:e}),ov:e=>({overflow:e}),ox:e=>({overflowX:e}),oy:e=>({overflowY:e}),pe:e=>({pointerEvents:e}),events:e=>({pointerEvents:e}),us:e=>({WebkitUserSelect:e,userSelect:e}),userSelect:e=>({WebkitUserSelect:e,userSelect:e}),w:e=>({width:e}),h:e=>({height:e}),mw:e=>({maxWidth:e}),maxW:e=>({maxWidth:e}),mh:e=>({maxHeight:e}),maxH:e=>({maxHeight:e}),size:e=>({width:e,height:e}),minSize:e=>({minWidth:e,minHeight:e,width:e,height:e}),sizeMin:e=>({minWidth:e,minHeight:e,width:e,height:e}),maxSize:e=>({maxWidth:e,maxHeight:e}),sizeMax:e=>({maxWidth:e,maxHeight:e}),appearance:e=>({WebkitAppearance:e,appearance:e}),scale:e=>({transform:`scale(${e})`}),linearGradient:e=>({backgroundImage:`linear-gradient(${e})`}),tdl:e=>({textDecorationLine:e}),textGradient:e=>({backgroundImage:`linear-gradient(${e})`,WebkitBackgroundClip:"text",WebkitTextFillColor:"transparent","&::selection":{WebkitTextFillColor:"$colors$text"}})};export const defaultThemeMap={...e,width:"space",height:"space",minWidth:"space",maxWidth:"space",minHeight:"space",maxHeight:"space",flexBasis:"space",gridTemplateColumns:"space",gridTemplateRows:"space",blockSize:"space",minBlockSize:"space",maxBlockSize:"space",inlineSize:"space",minInlineSize:"space",maxInlineSize:"space",borderWidth:"borderWeights"};export default{prefix:"nextui",theme:{...defaultTokens,colors:defaultColors,shadows:{}},media:defaultMedia,utils:defaultUtils,themeMap:defaultThemeMap};
|
package/esm/theme/dark-theme.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export default{colors:{
|
|
1
|
+
import{blueDark as r,greenDark as e,purpleDark as o,yellowDark as t,redDark as i,cyanDark as p,pinkDark as g,grayDark as a}from"./colors";export default{colors:{background:"$black",foreground:"$white",backgroundContrast:"$accents0",...r,...o,...e,...t,...i,...p,...g,...a,primaryLight:"$blue50",primaryLightHover:"$blue100",primaryLightActive:"$blue200",primaryLightContrast:"$blue600",secondaryLight:"$purple50",secondaryLightHover:"$purple100",secondaryLightActive:"$purple200",secondaryLightContrast:"$purple800",secondary:"$purple700",secondaryBorder:"$purple500",secondaryBorderHover:"$purple600",secondarySolidHover:"$purple700",secondaryShadow:"$purple500",successLight:"$green50",successLightHover:"$green100",successLightActive:"$green200",warningLight:"$yellow50",warningLightHover:"$yellow100",warningLightActive:"$yellow200",errorLight:"$red50",errorLightHover:"$red100",errorLightActive:"$red200",errorLightContrast:"$red700",text:"$gray900",link:"$blue700",codeLight:"$cyan50",code:"$cyan600",selection:"$pink800"},shadows:{xs:"-4px 0 15px rgb(0 0 0 / 50%)",sm:"0 5px 20px -5px rgba(20, 20, 20, 0.1)",md:"0 8px 30px rgba(20, 20, 20, 0.15)",lg:"0 30px 60px rgba(20, 20, 20, 0.15)",xl:"0 40px 80px rgba(20, 20, 20, 0.25)"}};
|
package/esm/theme/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export*from"./types";export*from"./stitches.config";export{default as NextUIProvider}from"./theme-provider";
|
|
1
|
+
export*from"./types";export*from"./stitches.config";export*from"./colors";export{default as NextUIProvider}from"./theme-provider";
|
package/esm/theme/light-theme.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
import{blue as o,purple as r,green as p,yellow as x,red as e,cyan as a,pink as g,gray as t}from"./colors";export default{colors:{background:"$white",foreground:"$black",backgroundContrast:"$white",...o,...r,...p,...x,...e,...a,...g,...t,text:"$gray900",link:"$blue600",codeLight:"$pink100",code:"$pink600",selection:"$blue200"},shadows:{xs:"-4px 0 4px rgb(0 0 0 / 5%);",sm:"0 5px 20px -5px rgba(0, 0, 0, 0.1)",md:"0 8px 30px rgba(0, 0, 0, 0.15)",lg:"0 30px 60px rgba(0, 0, 0, 0.15)",xl:"0 40px 80px rgba(0, 0, 0, 0.25)"}};
|
package/esm/user/user.styles.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{styled as e}from"../theme/stitches.config";export const StyledUser=e("div",{d:"inline-flex",p:"0 $sm",jc:"center",ai:"center",w:"max-content",maxWidth:"100%"});export const StyledUserInfo=e("div",{ml:"$sm",d:"inline-flex",fd:"column",whiteSpace:"nowrap"});export const StyledUserName=e("span",{fontSize:"$xs",color:"$text",lh:"$sm",tt:"capitalize",fontWeight:"$medium",maxW:"$60",to:"ellipsis",ov:"hidden"});export const StyledUserDesc=e("span",{fontSize:"$tiny",color:"$
|
|
1
|
+
import{styled as e}from"../theme/stitches.config";export const StyledUser=e("div",{d:"inline-flex",p:"0 $sm",jc:"center",ai:"center",w:"max-content",maxWidth:"100%"});export const StyledUserInfo=e("div",{ml:"$sm",d:"inline-flex",fd:"column",whiteSpace:"nowrap"});export const StyledUserName=e("span",{fontSize:"$xs",color:"$text",lh:"$sm",tt:"capitalize",fontWeight:"$medium",maxW:"$60",to:"ellipsis",ov:"hidden"});export const StyledUserDesc=e("span",{fontSize:"$tiny",color:"$accents7","*:first-child":{mt:0},"*:last-child":{mb:0}});export const StyledUserLink=e("a",{a:{"&:hover":{opacity:.7}}});
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nextui-org/react",
|
|
3
|
-
"version": "1.0.0-beta.
|
|
3
|
+
"version": "1.0.0-beta.7",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "🚀 Beautiful and modern React UI library.",
|
|
6
6
|
"homepage": "https://nextui.org",
|
|
@@ -32,29 +32,29 @@
|
|
|
32
32
|
"scripts": {},
|
|
33
33
|
"dependencies": {
|
|
34
34
|
"@babel/runtime": "7.9.6",
|
|
35
|
-
"@react-aria/button": "3.4.
|
|
36
|
-
"@react-aria/checkbox": "3.3.
|
|
37
|
-
"@react-aria/dialog": "3.1.
|
|
38
|
-
"@react-aria/focus": "3.5.
|
|
39
|
-
"@react-aria/i18n": "3.3.
|
|
40
|
-
"@react-aria/interactions": "3.8.
|
|
41
|
-
"@react-aria/label": "3.2.
|
|
42
|
-
"@react-aria/overlays": "3.8.
|
|
35
|
+
"@react-aria/button": "3.4.4",
|
|
36
|
+
"@react-aria/checkbox": "3.3.4",
|
|
37
|
+
"@react-aria/dialog": "3.1.9",
|
|
38
|
+
"@react-aria/focus": "3.5.5",
|
|
39
|
+
"@react-aria/i18n": "3.3.9",
|
|
40
|
+
"@react-aria/interactions": "3.8.4",
|
|
41
|
+
"@react-aria/label": "3.2.5",
|
|
42
|
+
"@react-aria/overlays": "3.8.2",
|
|
43
43
|
"@react-aria/ssr": "3.1.2",
|
|
44
|
-
"@react-aria/table": "3.2.
|
|
45
|
-
"@react-aria/utils": "3.
|
|
46
|
-
"@react-aria/visually-hidden": "3.2.
|
|
47
|
-
"@react-stately/checkbox": "3.0.
|
|
48
|
-
"@react-stately/data": "3.4.
|
|
49
|
-
"@react-stately/overlays": "3.
|
|
50
|
-
"@react-stately/table": "3.1.
|
|
51
|
-
"@react-stately/toggle": "3.2.
|
|
52
|
-
"@react-types/button": "^3.4.
|
|
53
|
-
"@react-types/checkbox": "3.2.
|
|
54
|
-
"@react-types/grid": "3.0.
|
|
55
|
-
"@react-types/overlays": "3.5.
|
|
56
|
-
"@react-types/shared": "3.
|
|
57
|
-
"@stitches/react": "1.2.
|
|
44
|
+
"@react-aria/table": "3.2.4",
|
|
45
|
+
"@react-aria/utils": "3.12.0",
|
|
46
|
+
"@react-aria/visually-hidden": "3.2.8",
|
|
47
|
+
"@react-stately/checkbox": "3.0.7",
|
|
48
|
+
"@react-stately/data": "3.4.7",
|
|
49
|
+
"@react-stately/overlays": "3.2.0",
|
|
50
|
+
"@react-stately/table": "3.1.3",
|
|
51
|
+
"@react-stately/toggle": "3.2.7",
|
|
52
|
+
"@react-types/button": "^3.4.5",
|
|
53
|
+
"@react-types/checkbox": "3.2.7",
|
|
54
|
+
"@react-types/grid": "3.0.4",
|
|
55
|
+
"@react-types/overlays": "3.5.5",
|
|
56
|
+
"@react-types/shared": "3.12.0",
|
|
57
|
+
"@stitches/react": "1.2.8"
|
|
58
58
|
},
|
|
59
59
|
"peerDependencies": {
|
|
60
60
|
"react": ">=16.8.0",
|