@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
|
-
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var r=function(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=
|
|
1
|
+
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var r=function(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=n(r);if(t&&t.has(e))return t.get(e);var l={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var u in e)if("default"!==u&&Object.prototype.hasOwnProperty.call(e,u)){var i=a?Object.getOwnPropertyDescriptor(e,u):null;i&&(i.get||i.set)?Object.defineProperty(l,u,i):l[u]=e[u]}l.default=e,t&&t.set(e,l);return l}(require("react")),t=require("@react-aria/table"),l=require("@react-aria/focus"),a=require("@react-aria/utils"),u=e(require("../checkbox")),i=require("./table.styles"),o=e(require("../utils/clsx")),s=require("react/jsx-runtime");function n(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,t=new WeakMap;return(n=function(e){return e?t:r})(e)}const c=r.default.forwardRef((({cell:e,state:n,color:c,animated:f,...p},d)=>{const b=(0,r.useRef)(null);(0,r.useImperativeHandle)(d,(()=>null==b?void 0:b.current));const{gridCellProps:x}=(0,t.useTableCell)({node:e},n,b),{checkboxProps:y}=(0,t.useTableSelectionCheckbox)({key:(null==e?void 0:e.parentKey)||e.key},n),{isFocusVisible:v,focusProps:h}=(0,l.useFocusRing)();return(0,s.jsx)(i.StyledTableCell,{ref:b,isFocusVisible:v,className:(0,o.default)("nextui-table-checkbox-cell",p.className),...(0,a.mergeProps)(x,h,p),children:(0,s.jsx)(u.default,{...y,color:c,disableAnimation:!f,css:{display:"inherit"}})})}));c.displayName="NextUI.TableCheckboxCell",c.toString=()=>".nextui-table-checkbox-cell";var f=c;exports.default=f,module.exports=exports.default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.useTableContext=exports.default=exports.TableContext=void 0;var t=e(require("react")),r=require("react/jsx-runtime");const o={footerAlign:"end",rowsPerPage:0,currentPage:1,animated:!0},a=t.default.createContext(o);exports.TableContext=a;exports.useTableContext=()=>t.default.useContext(a);var l={Provider:({children:e,defaultValues:l})=>{const[u,n]=t.default.useState((null==l?void 0:l.footerAlign)||o.footerAlign),[s,i]=t.default.useState(void 0===(null==l?void 0:l.animated)?o.animated:null==l?void 0:l.animated),[d,
|
|
1
|
+
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.useTableContext=exports.default=exports.TableContext=void 0;var t=e(require("react")),r=require("react/jsx-runtime");const o={footerAlign:"end",rowsPerPage:0,currentPage:1,animated:!0},a=t.default.createContext(o);exports.TableContext=a;exports.useTableContext=()=>t.default.useContext(a);var l={Provider:({children:e,defaultValues:l})=>{const[u,n]=t.default.useState((null==l?void 0:l.footerAlign)||o.footerAlign),[s,i]=t.default.useState(void 0===(null==l?void 0:l.animated)?o.animated:null==l?void 0:l.animated),[d,P]=t.default.useState(null==l?void 0:l.collection),[c,f]=t.default.useState(void 0===(null==l?void 0:l.rowsPerPage)?o.rowsPerPage:null==l?void 0:l.rowsPerPage),[v,g]=t.default.useState(o.currentPage),[x,m]=t.default.useState(null==l?void 0:l.color),C=t.default.useMemo((()=>({animated:s,footerAlign:u,collection:d,rowsPerPage:c,currentPage:v,color:x,setFooterAlign:n,setCollection:P,setAnimated:i,setRowsPerPage:f,setColor:m,setCurrentPage:g})),[s,x,d,u,c,v]);return(0,r.jsx)(a.Provider,{value:C,children:e})},Consumer:a.Consumer};exports.default=l;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var r=function(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=
|
|
1
|
+
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var r=function(e,r){if(!r&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var t=n(r);if(t&&t.has(e))return t.get(e);var l={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var o in e)if("default"!==o&&Object.prototype.hasOwnProperty.call(e,o)){var i=a?Object.getOwnPropertyDescriptor(e,o):null;i&&(i.get||i.set)?Object.defineProperty(l,o,i):l[o]=e[o]}l.default=e,t&&t.set(e,l);return l}(require("react")),t=require("@react-aria/table"),l=require("@react-aria/visually-hidden"),a=require("@react-aria/focus"),o=require("@react-aria/utils"),i=e(require("../checkbox")),u=require("./table.styles"),s=e(require("../utils/clsx")),c=require("react/jsx-runtime");function n(e){if("function"!=typeof WeakMap)return null;var r=new WeakMap,t=new WeakMap;return(n=function(e){return e?t:r})(e)}const d=r.default.forwardRef((({column:e,state:n,color:d,animated:f,...p},b)=>{const x=(0,r.useRef)(null);(0,r.useImperativeHandle)(b,(()=>null==x?void 0:x.current));const y="single"===n.selectionManager.selectionMode,{columnHeaderProps:h}=(0,t.useTableColumnHeader)({node:e},n,x),{checkboxProps:m}=(0,t.useTableSelectAllCheckbox)(n),{isFocusVisible:v,focusProps:q}=(0,a.useFocusRing)();return(0,c.jsx)(u.StyledTableHeaderCell,{ref:x,isFocusVisible:v,className:(0,s.default)("nextui-table-select-all-checkbox",p.className),...(0,o.mergeProps)(h,q,p),children:y?(0,c.jsx)(l.VisuallyHidden,{children:m["aria-label"]}):(0,c.jsx)(i.default,{...m,color:d,disableAnimation:!f,css:{display:"inherit",$$checkboxBorderColor:"$colors$accents3"}})})}));d.displayName="NextUI.TableSelectAllCheckbox",d.toString=()=>".nextui-table-select-all-checkbox";var f=d;exports.default=f,module.exports=exports.default;
|
package/cjs/table/table.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=j(t);if(r&&r.has(e))return r.get(e);var a={},l=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var o=l?Object.getOwnPropertyDescriptor(e,i):null;o&&(o.get||o.set)?Object.defineProperty(a,i,o):a[i]=e[i]}a.default=e,r&&r.set(e,a);return a}(require("react")),r=require("@react-aria/table"),a=require("@react-stately/table"),l=require("../index"),i=e(require("./table-row-group")),o=e(require("./table-column-header")),n=e(require("./table-header-row")),s=e(require("./table-select-all-checkbox")),u=e(require("./table-pagination")),d=e(require("./table-footer")),c=e(require("./table-body")),h=require("../utils/collections"),f=require("./table.styles"),b=e(require("./table-context")),p=require("../utils/prop-types"),x=require("./utils"),m=e(require("../utils/with-defaults")),y=e(require("../utils/clsx")),g=require("react/jsx-runtime");function j(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(j=function(e){return e?r:t})(e)}const q=t.default.forwardRef(((e,m)=>{const{selectionMode:j,selectionBehavior:q,hideLoading:v,children:w,shadow:P,color:k,animated:S,borderWeight:O,bordered:C,containerCss:M,...N}=e,[T,W]=(0,h.pickSingleChild)(w,u.default),{hasPagination:I,rowsPerPage:R}=(0,x.hasPaginationChild)(w,u.default),_=(0,a.useTableState)({...e,children:T,showSelectionCheckboxes:void 0!==e.showSelectionCheckboxes?e.showSelectionCheckboxes:"multiple"===j&&"replace"!==q});Object.keys(N).forEach((e=>{p.excludedTableProps.indexOf(e)>-1&&delete N[e]}));const D=(0,t.useRef)(null);(0,t.useImperativeHandle)(m,(()=>null==D?void 0:D.current));const{collection:L}=_,{gridProps:B}=(0,r.useTable)(e,_,D),E=t.default.useMemo((()=>({collection:L,color:k,animated:S,rowsPerPage:R})),[L,S,k,R]);return(0,g.jsx)(b.default.Provider,{defaultValues:E,children:(0,g.jsx)(f.StyledTableContainer,{shadow:P,borderWeight:O,bordered:C,className:"nextui-table-container",css:{...M},children:(0,g.jsxs)(f.StyledTable,{ref:D,color:k,shadow:P,animated:S,hoverable:"none"!==j||N.hoverable,isMultiple:"multiple"===j,hasPagination:I,className:(0,y.default)("nextui-table",N.className),...B,...N,children:[(0,g.jsxs)(i.default,{as:"thead",isFixed:(0,x.isInfinityScroll)(L),children:[L.headerRows.map((e=>(0,g.jsx)(n.default,{item:e,state:_,children:[...e.childNodes].map((e=>{var t;return null!=e&&null!=(t=e.props)&&t.isSelectionCell?(0,g.jsx)(s.default,{column:e,state:_,color:k,animated:S},null==e?void 0:e.key):(0,g.jsx)(o.default,{column:e,state:_,animated:S},null==e?void 0:e.key)}))},null==e?void 0:e.key))),!N.sticked&&(0,g.jsx)(l.Spacer,{as:"tr",className:"nextui-table-hidden-row",y:.4})]}),(0,g.jsx)(c.default,{state:_,color:k,collection:L,animated:S,hasPagination:I,hideLoading:v}),I&&(0,g.jsxs)(d.default,{children:[(0,g.jsx)(l.Spacer,{as:"tr",className:"nextui-table-hidden-row",y:.6}),(0,g.jsx)("tr",{role:"row",children:(0,g.jsx)("th",{tabIndex:-1,role:"columnheader",colSpan:L.columnCount,children:W})})]})]})})})}));q.displayName="NextUI.Table",q.toString=()=>".nextui-table";var v=(0,m.default)(q,{animated:!0,hideLoading:!1,selectionMode:"none",selectionBehavior:"toggle"});exports.default=v,module.exports=exports.default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
exports.__esModule=!0,exports.StyledTableRowGroup=exports.StyledTableRow=exports.StyledTableLoadingRow=exports.StyledTableHeaderRow=exports.StyledTableHeaderCell=exports.StyledTableFooter=exports.StyledTableContainer=exports.StyledTableColumnHeader=exports.StyledTableCell=exports.StyledTable=exports.StyledBaseTableCell=void 0;var e=require("../theme/stitches.config");const t=(0,e.styled)("tr",{ov:"visible"});exports.StyledTableHeaderRow=t;const l=(0,e.styled)("th",{height:"$14",cursor:"default",bg:"$
|
|
1
|
+
exports.__esModule=!0,exports.StyledTableRowGroup=exports.StyledTableRow=exports.StyledTableLoadingRow=exports.StyledTableHeaderRow=exports.StyledTableHeaderCell=exports.StyledTableFooter=exports.StyledTableContainer=exports.StyledTableColumnHeader=exports.StyledTableCell=exports.StyledTable=exports.StyledBaseTableCell=void 0;var e=require("../theme/stitches.config");const t=(0,e.styled)("tr",{ov:"visible"});exports.StyledTableHeaderRow=t;const l=(0,e.styled)("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"}}]},e.cssFocusVisible);exports.StyledTableColumnHeader=l;const o=(0,e.styled)(l,e.cssFocusVisible);exports.StyledTableHeaderCell=o;const r=(0,e.styled)("tfoot",{height:"$14",variants:{align:{start:{textAlign:"left"},center:{textAlign:"center"},end:{textAlign:"right"}}},defaultVariants:{align:"right"}});exports.StyledTableFooter=r;const i=(0,e.styled)("td",{});exports.StyledBaseTableCell=i;const s=(0,e.styled)(i,{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"}}}},e.cssFocusVisible);exports.StyledTableCell=s;const a=(0,e.styled)("tr",{ov:"visible",color:"$text",variants:{isDisabled:{true:{color:"$accents3",pointerEvents:"none",cursor:"not-allowed"}},isSelected:{true:{color:"$$tableRowTextColor",[`& ${s}:before`]:{opacity:1,bg:"$$tableRowColor"}}}}},e.cssFocusVisible);exports.StyledTableRow=a;const n=(0,e.styled)("thead",{variants:{isFixed:{true:{display:"table",width:"100%",tableLayout:"fixed"}},isInfinityScroll:{true:{display:"block",height:"100%",overflow:"auto",[`& ${a}`]:{display:"table",width:"100%",tableLayout:"fixed"}}}},defaultVariants:{isInfinityScroll:!1}});exports.StyledTableRowGroup=n;const d=(0,e.styled)("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"}}}});exports.StyledTableLoadingRow=d;const $=(0,e.styled)("table",{borderCollapse:"separate",borderSpacing:0,width:"100%",p:"$md $sm","@motion":{[`& ${s}:before`]:{transition:"none"}},variants:{animated:{false:{[`& ${s}: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:{[`& ${a}[aria-selected=false]:nth-child(even)`]:{[`& ${s}`]:{bg:"$accents0"}},[`& ${a}:nth-child(even)`]:{[`& ${s}:first-child`]:{br:"$lg 0 0 $lg"},[`& ${s}:last-child`]:{br:"0 $lg $lg 0"}}}},sticked:{true:{p:0,[`& ${l}:first-child`]:{br:"$lg 0 0 0"},[`& ${l}: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:{[`& ${l}`]:{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:{[`& ${a}:not(:last-child)`]:{position:"relative",[`& ${s}:after`]:{content:"",position:"absolute",bottom:0,left:0,right:0,height:"$$tableLineWeight",bg:"$border"},[`& ${s}:first-child`]:{"&:after":{left:"$space$md"}},[`& ${s}:last-child`]:{"&:after":{right:"$space$md"}}},[`& ${a}[aria-selected=true]:not(last-child)`]:{[`& ${s}:after`]:{bg:"$$tableRowTextColor",opacity:.3}}}},fixed:{true:{tableLayout:"fixed"}},hoverable:{true:{[`& ${s}:first-child`]:{br:"$md 0 0 $md"},[`& ${s}:last-child`]:{br:"0 $md $md 0"},[`& ${a}`]:{cursor:"pointer"},[`& ${a}[aria-selected=false]`]:{"&:hover":{[`& ${s}:before`]:{opacity:1,bg:"$accents0"}}},[`& ${a}[aria-selected=true]`]:{"&:hover":{[`& ${s}:before`]:{opacity:.8}}}},false:{[`& ${s}`]:{userSelect:"all"}}},isMultiple:{true:{}},hasPagination:{true:{}},shadow:{true:{}},compact:{true:{[`& ${s}`]:{py:"$1"},[`& ${l}`]:{height:"$12","&:first-child":{br:"$sm 0 0 $sm"},"&:last-child":{br:"0 $sm $sm 0"}}}}},compoundVariants:[{isMultiple:!0,hoverable:!0,css:{[`& ${a}:not(:first-child):not(:last-child)`]:{[`& ${s}:first-child`]:{br:0},[`& ${s}:last-child`]:{br:0}},[`& ${a}:first-child`]:{[`& ${s}:first-child`]:{br:"$md 0 0 0"},[`& ${s}:last-child`]:{br:"0 $md 0 0"}},[`& ${a}:last-child`]:{[`& ${s}:first-child`]:{br:"0 0 0 $md"},[`& ${s}:last-child`]:{br:"0 0 $md 0"}}}},{isMultiple:!0,hoverable:!0,sticked:!0,css:{[`& ${a}:first-child`]:{[`& ${s}:first-child`]:{br:"0"},[`& ${s}: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:{[`& ${a}:not(:last-child)`]:{[`& ${s}`]:{br:"0"}},[`& ${a}:last-child`]:{[`& ${s}:first-child`]:{br:"0 0 0 $md"},[`& ${s}:last-child`]:{br:"0 0 $md 0"}}}},{sticked:!0,isMultiple:!1,hoverable:!0,hasPagination:!0,css:{[`& ${a}`]:{[`& ${s}`]:{br:"0"}}}},{sticked:!0,hasPagination:!0,css:{pb:"$5"}},{sticked:!0,hasPagination:!0,isMultiple:!0,hoverable:!0,css:{[`& ${a}:last-child`]:{[`& ${s}:first-child`]:{br:"0"},[`& ${s}:last-child`]:{br:"0"}}}}],defaultVariants:{sticked:!1,color:"primary",lineWeight:"light"}});exports.StyledTable=$;const c=(0,e.styled)("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"}});exports.StyledTableContainer=c;
|
package/cjs/table/utils.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
exports.__esModule=!0,exports.
|
|
1
|
+
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.isInfinityScroll=exports.hasPaginationChild=void 0;var r=e(require("react"));exports.hasPaginationChild=(e,i)=>{const o=r.default.Children.toArray(e).find((e=>r.default.isValidElement(e)&&e.type===i));var a;return r.default.isValidElement(o)?{hasPagination:!0,rowsPerPage:(null==o||null==(a=o.props)?void 0:a.rowsPerPage)||0}:{hasPagination:!1,rowsPerPage:0}};exports.isInfinityScroll=e=>{var r;const i=null==(r=e.body)?void 0:r.props;return void 0!==(null==i?void 0:i.loadingState)&&"function"==typeof(null==i?void 0:i.onLoadMore)};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
exports.__esModule=!0,exports.blueDark=exports.blue=void 0;exports.blue={blue50:"#EDF5FF",blue100:"#E1EFFF",blue200:"#CEE4FE",blue300:"#B7D5F8",blue400:"#96C1F2",blue500:"#5EA2EF",blue600:"#0072F5",blue700:"#005FCC",blue800:"#004799",blue900:"#00254D"};exports.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
|
+
exports.__esModule=!0,exports.cyanDark=exports.cyan=void 0;exports.cyan={cyan50:"#F0FCFF",cyan100:"#E6FAFE",cyan200:"#D7F8FE",cyan300:"#C3F4FD",cyan400:"#A5EEFD",cyan500:"#7EE7FC",cyan600:"#06B7DB",cyan700:"#09AACD",cyan800:"#0E8AAA",cyan900:"#053B48"};exports.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
|
+
exports.__esModule=!0,exports.grayDark=exports.gray=void 0;exports.gray={gray50:"#F5F5F5",gray100:"#EDEDED",gray200:"#EBEBEB",gray300:"#E0E0E0",gray400:"#D4D4D4",gray500:"#C2C2C2",gray600:"#A3A3A3",gray700:"#808080",gray800:"#666666",gray900:"#111111"};exports.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
|
+
exports.__esModule=!0,exports.greenDark=exports.green=void 0;exports.green={green50:"#F1FDF7",green100:"#E8FCF1",green200:"#DAFBE8",green300:"#C8F9DD",green400:"#ADF5CC",green500:"#88F1B6",green600:"#17C964",green700:"#13A452",green800:"#108944",green900:"#06371B"};exports.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
|
+
exports.__esModule=!0;var e=require("./blue");Object.keys(e).forEach((function(r){"default"!==r&&"__esModule"!==r&&(r in exports&&exports[r]===e[r]||(exports[r]=e[r]))}));var r=require("./purple");Object.keys(r).forEach((function(e){"default"!==e&&"__esModule"!==e&&(e in exports&&exports[e]===r[e]||(exports[e]=r[e]))}));var o=require("./green");Object.keys(o).forEach((function(e){"default"!==e&&"__esModule"!==e&&(e in exports&&exports[e]===o[e]||(exports[e]=o[e]))}));var t=require("./yellow");Object.keys(t).forEach((function(e){"default"!==e&&"__esModule"!==e&&(e in exports&&exports[e]===t[e]||(exports[e]=t[e]))}));var s=require("./red");Object.keys(s).forEach((function(e){"default"!==e&&"__esModule"!==e&&(e in exports&&exports[e]===s[e]||(exports[e]=s[e]))}));var u=require("./cyan");Object.keys(u).forEach((function(e){"default"!==e&&"__esModule"!==e&&(e in exports&&exports[e]===u[e]||(exports[e]=u[e]))}));var p=require("./pink");Object.keys(p).forEach((function(e){"default"!==e&&"__esModule"!==e&&(e in exports&&exports[e]===p[e]||(exports[e]=p[e]))}));var n=require("./gray");Object.keys(n).forEach((function(e){"default"!==e&&"__esModule"!==e&&(e in exports&&exports[e]===n[e]||(exports[e]=n[e]))}));
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
exports.__esModule=!0,exports.pinkDark=exports.pink=void 0;exports.pink={pink50:"#FFF0FB",pink100:"#FFE5F8",pink200:"#FFD6F3",pink300:"#FFC2EE",pink400:"#FFA3E5",pink500:"#FF7AD9",pink600:"#FF4ECD",pink700:"#D6009A",pink800:"#B80084",pink900:"#4D0037"};exports.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
|
+
exports.__esModule=!0,exports.purpleDark=exports.purple=void 0;exports.purple={purple50:"#F7F2FD",purple100:"#F1E8FB",purple200:"#EADCF8",purple300:"#E0CBF5",purple400:"#D1B1F0",purple500:"#BC8EE9",purple600:"#7828C8",purple700:"#6622AA",purple800:"#4D1980",purple900:"#290E44"};exports.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
|
+
exports.__esModule=!0,exports.redDark=exports.red=void 0;exports.red={red50:"#FEF0F5",red100:"#FEE7EF",red200:"#FDD8E5",red300:"#FCC5D8",red400:"#FAA8C5",red500:"#F881AB",red600:"#F31260",red700:"#B80A47",red800:"#910838",red900:"#4E041E"};exports.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
|
+
exports.__esModule=!0,exports.yellowDark=exports.yellow=void 0;exports.yellow={yellow50:"#FEF9F0",yellow100:"#FEF5E7",yellow200:"#FDEFD8",yellow300:"#FCE7C5",yellow400:"#FBDBA7",yellow500:"#F9CB80",yellow600:"#F5A524",yellow700:"#B97509",yellow800:"#925D07",yellow900:"#4E3104"};exports.yellowDark={yellow50:"#3A2503",yellow100:"#442B03",yellow200:"#583804",yellow300:"#704705",yellow400:"#845306",yellow500:"#A66908",yellow600:"#F5A524",yellow700:"#F6AD37",yellow800:"#F8C572",yellow900:"#FEF7EC"};
|
package/cjs/theme/common.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
exports.__esModule=!0,exports.defaultUtils=exports.defaultTokens=exports.defaultThemeMap=exports.defaultMedia=exports.defaultColors=exports.default=void 0;var e=require("@stitches/react");const r={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"}};exports.defaultTokens=r;const a={white:"#ffffff",black:"#000000",
|
|
1
|
+
exports.__esModule=!0,exports.defaultUtils=exports.defaultTokens=exports.defaultThemeMap=exports.defaultMedia=exports.defaultColors=exports.default=void 0;var e=require("@stitches/react");const r={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"}};exports.defaultTokens=r;const a={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"};exports.defaultColors=a;const t={xs:`(min-width: ${r.breakpoints.xs})`,sm:`(min-width: ${r.breakpoints.sm})`,md:`(min-width: ${r.breakpoints.md})`,lg:`(min-width: ${r.breakpoints.lg})`,xl:`(min-width: ${r.breakpoints.xl})`,xsMax:`(max-width: ${r.breakpoints.xs})`,smMax:`(max-width: ${r.breakpoints.sm})`,mdMax:`(max-width: ${r.breakpoints.md})`,lgMax:`(max-width: ${r.breakpoints.lg})`,xlMax:`(max-width: ${r.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)"};exports.defaultMedia=t;const o={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"}})};exports.defaultUtils=o;const i={...e.defaultThemeMap,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"};exports.defaultThemeMap=i;var s={prefix:"nextui",theme:{...r,colors:a,shadows:{}},media:t,utils:o,themeMap:i};exports.default=s;
|
package/cjs/theme/dark-theme.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
exports.__esModule=!0,exports.default=void 0;
|
|
1
|
+
exports.__esModule=!0,exports.default=void 0;var r=require("./colors"),e={colors:{background:"$black",foreground:"$white",backgroundContrast:"$accents0",...r.blueDark,...r.purpleDark,...r.greenDark,...r.yellowDark,...r.redDark,...r.cyanDark,...r.pinkDark,...r.grayDark,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)"}};exports.default=e,module.exports=exports.default;
|
package/cjs/theme/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0;var r={NextUIProvider:!0};exports.NextUIProvider=void 0;var t=require("./types");Object.keys(t).forEach((function(e){"default"!==e&&"__esModule"!==e&&(Object.prototype.hasOwnProperty.call(r,e)||e in exports&&exports[e]===t[e]||(exports[e]=t[e]))}));var o=require("./stitches.config");Object.keys(o).forEach((function(e){"default"!==e&&"__esModule"!==e&&(Object.prototype.hasOwnProperty.call(r,e)||e in exports&&exports[e]===o[e]||(exports[e]=o[e]))}));var s=e(require("./theme-provider"));exports.NextUIProvider=
|
|
1
|
+
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0;var r={NextUIProvider:!0};exports.NextUIProvider=void 0;var t=require("./types");Object.keys(t).forEach((function(e){"default"!==e&&"__esModule"!==e&&(Object.prototype.hasOwnProperty.call(r,e)||e in exports&&exports[e]===t[e]||(exports[e]=t[e]))}));var o=require("./stitches.config");Object.keys(o).forEach((function(e){"default"!==e&&"__esModule"!==e&&(Object.prototype.hasOwnProperty.call(r,e)||e in exports&&exports[e]===o[e]||(exports[e]=o[e]))}));var s=require("./colors");Object.keys(s).forEach((function(e){"default"!==e&&"__esModule"!==e&&(Object.prototype.hasOwnProperty.call(r,e)||e in exports&&exports[e]===s[e]||(exports[e]=s[e]))}));var p=e(require("./theme-provider"));exports.NextUIProvider=p.default;
|
package/cjs/theme/light-theme.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
exports.__esModule=!0,exports.default=void 0;
|
|
1
|
+
exports.__esModule=!0,exports.default=void 0;var e=require("./colors"),r={colors:{background:"$white",foreground:"$black",backgroundContrast:"$white",...e.blue,...e.purple,...e.green,...e.yellow,...e.red,...e.cyan,...e.pink,...e.gray,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)"}};exports.default=r,module.exports=exports.default;
|
package/cjs/user/user.styles.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
exports.__esModule=!0,exports.StyledUserName=exports.StyledUserLink=exports.StyledUserInfo=exports.StyledUserDesc=exports.StyledUser=void 0;var e=require("../theme/stitches.config");const t=(0,e.styled)("div",{d:"inline-flex",p:"0 $sm",jc:"center",ai:"center",w:"max-content",maxWidth:"100%"});exports.StyledUser=t;const s=(0,e.styled)("div",{ml:"$sm",d:"inline-flex",fd:"column",whiteSpace:"nowrap"});exports.StyledUserInfo=s;const o=(0,e.styled)("span",{fontSize:"$xs",color:"$text",lh:"$sm",tt:"capitalize",fontWeight:"$medium",maxW:"$60",to:"ellipsis",ov:"hidden"});exports.StyledUserName=o;const l=(0,e.styled)("span",{fontSize:"$tiny",color:"$
|
|
1
|
+
exports.__esModule=!0,exports.StyledUserName=exports.StyledUserLink=exports.StyledUserInfo=exports.StyledUserDesc=exports.StyledUser=void 0;var e=require("../theme/stitches.config");const t=(0,e.styled)("div",{d:"inline-flex",p:"0 $sm",jc:"center",ai:"center",w:"max-content",maxWidth:"100%"});exports.StyledUser=t;const s=(0,e.styled)("div",{ml:"$sm",d:"inline-flex",fd:"column",whiteSpace:"nowrap"});exports.StyledUserInfo=s;const o=(0,e.styled)("span",{fontSize:"$xs",color:"$text",lh:"$sm",tt:"capitalize",fontWeight:"$medium",maxW:"$60",to:"ellipsis",ov:"hidden"});exports.StyledUserName=o;const l=(0,e.styled)("span",{fontSize:"$tiny",color:"$accents7","*:first-child":{mt:0},"*:last-child":{mb:0}});exports.StyledUserDesc=l;const r=(0,e.styled)("a",{a:{"&:hover":{opacity:.7}}});exports.StyledUserLink=r;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{styled as e,keyframes as
|
|
1
|
+
import{styled as e,keyframes as t}from"../theme/stitches.config";const a=t({"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:a,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:{bg:"$black",opacity:"$$backdropOpacity",transition:"opacity 0.35s cubic-bezier(0.4, 0, 0.2, 1)","@supports ((-webkit-backdrop-filter: none) or (backdrop-filter: none))":{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,{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{useDOMRef 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
|
|
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{useDOMRef 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 F=t.forwardRef((({onClick:b,onPress:F,as:N,css:P,...B},j)=>{const w=d(),k=l(B,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&&_(t)},K=h(j),{buttonProps:L,isPressed:M}=e({...B,onClick:t=>{J(t),null==b||b(t)},isDisabled:T,elementType:N,onPress:t=>{"keyboard"!==t.pointerType&&"virtual"!==t.pointerType||(J(t),null==b||b(t)),null==F||F(t)}},K),{hoverProps:O,isHovered:Q}=i({isDisabled:T}),{isFocused:X,isFocusVisible:Y,focusProps:Z}=r({autoFocus:q}),{onClick:_,...tt}=p(!1,K);g&&"gradient"===k.color&&(R||D)&&n("Using the gradient color on flat and light buttons will have no effect.");const ot=W||I,rt=Boolean(I),et=o((()=>M?"pressed":Q?"hovered":T?"disabled":"ready"),[T,Q,M]);return v(f,{as:N,ref:K,borderWeight:V,auto:U,flat:R,light:D,ghost:$,bordered:H||$,"data-state":et,animated:A,isPressed:M,isHovered:Q||$&&X,isFocusVisible:Y&&!T,className:c("nextui-button",`nextui-button--${et}`,z),css:{...P,...C},...s(L,Z,O,E),children:[0===t.Children.count(S)?x(m,{isSingle:!0,isAuto:U,isRight:rt,isGradientButtonBorder:"gradient"===E.color&&(H||$),children:ot}):ot?v(y,{children:[x(m,{isSingle:!1,isAuto:U,isRight:rt,isGradientButtonBorder:"gradient"===E.color&&(H||$),children:ot}),x("div",{className:c("nextui-button-text",{"nextui-button-text-right":rt,"nextui-button-text-left":!rt}),children:S})]}):x("span",{className:"nextui-button-text",children:S}),x(a,{color:"white",...tt})]})}));g&&(F.displayName="NextUI.Button"),F.toString=()=>".nextui-button";export default b(F,{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
|
|
1
|
+
import{styled as r,cssFocusVisible as o}from"../theme/stitches.config";import{StyledDrip as t}from"../utils/drip";export const StyledButton=r("button",{$$buttonBorderRadius:"$radii$md",$$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}},[`& ${t}`]:{zIndex:"$1",".nextui-drip-filler":{opacity:.25,fill:"$accents2"}},variants:{bordered:{true:{bg:"transparent",borderStyle:"solid",color:"$text"}},ghost:{true:{}},color:{default:{bg:"$primary",color:"$primarySolidContrast"},primary:{bg:"$primary",color:"$primarySolidContrast"},secondary:{bg:"$secondary",color:"$secondarySolidContrast"},success:{bg:"$success",color:"$successSolidContrast"},warning:{bg:"$warning",color:"$warningSolidContrast"},error:{bg:"$error",color:"$errorSolidContrast"},gradient:{bg:"$gradient",color:"$primarySolidContrast"}},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",[`& ${t}`]:{".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:{}}},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",[`& ${t}`]:{".nextui-drip-filler":{opacity:.8,fill:"$primaryLightActive"}}}},{light:!0,color:"primary",css:{bg:"transparent",color:"$primary",[`& ${t}`]:{".nextui-drip-filler":{opacity:.8,fill:"$primaryLightActive"}}}},{light:!0,color:"secondary",css:{bg:"transparent",color:"$secondary",[`& ${t}`]:{".nextui-drip-filler":{opacity:.8,fill:"$secondaryLightActive"}}}},{light:!0,color:"warning",css:{bg:"transparent",color:"$warning",[`& ${t}`]:{".nextui-drip-filler":{opacity:.8,fill:"$warningLightActive"}}}},{light:!0,color:"success",css:{bg:"transparent",color:"$success",[`& ${t}`]:{".nextui-drip-filler":{opacity:.8,fill:"$successLightActive"}}}},{light:!0,color:"error",css:{bg:"transparent",color:"$error",[`& ${t}`]:{".nextui-drip-filler":{opacity:.8,fill:"$errorLightActive"}}}},{bordered:!0,color:"default",css:{bg:"transparent",borderColor:"$primary",color:"$primary",[`& ${t}`]:{".nextui-drip-filler":{fill:"$primary"}}}},{bordered:!0,color:"primary",css:{bg:"transparent",borderColor:"$primary",color:"$primary",[`& ${t}`]:{".nextui-drip-filler":{fill:"$primary"}}}},{bordered:!0,color:"secondary",css:{bg:"transparent",borderColor:"$secondary",color:"$secondary",[`& ${t}`]:{".nextui-drip-filler":{fill:"$secondary"}}}},{bordered:!0,color:"success",css:{bg:"transparent",borderColor:"$success",color:"$success",[`& ${t}`]:{".nextui-drip-filler":{fill:"$success"}}}},{bordered:!0,color:"warning",css:{bg:"transparent",borderColor:"$warning",color:"$warning",[`& ${t}`]:{".nextui-drip-filler":{fill:"$warning"}}}},{bordered:!0,color:"error",css:{bg:"transparent",borderColor:"$error",color:"$error",[`& ${t}`]:{".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",[`& ${t}`]:{".nextui-drip-filler":{fill:"$secondary"}}}},{ghost:!0,isHovered:!0,color:"default",css:{bg:"$primary",color:"$primarySolidContrast"}},{ghost:!0,isHovered:!0,color:"primary",css:{bg:"$primary",color:"$primarySolidContrast"}},{ghost:!0,isHovered:!0,color:"secondary",css:{bg:"$secondary",color:"$secondarySolidContrast"}},{ghost:!0,isHovered:!0,color:"success",css:{bg:"$success",color:"$successSolidContrast"}},{ghost:!0,isHovered:!0,color:"warning",css:{bg:"$warning",color:"$warningSolidContrast"}},{ghost:!0,isHovered:!0,color:"error",css:{bg:"$error",color:"$errorSolidContrast"}},{ghost:!0,color:"gradient",isHovered:!0,css:{bg:"$gradient",color:"$white"}},{flat:!0,color:"default",css:{bg:"$primaryLight",color:"$primaryLightContrast",[`& ${t}`]:{".nextui-drip-filler":{opacity:.4,fill:"$primary"}}}},{flat:!0,color:"primary",css:{bg:"$primaryLight",color:"$primaryLightContrast",[`& ${t}`]:{".nextui-drip-filler":{opacity:.4,fill:"$primary"}}}},{flat:!0,color:"secondary",css:{bg:"$secondaryLight",color:"$secondaryLightContrast",[`& ${t}`]:{".nextui-drip-filler":{opacity:.4,fill:"$secondary"}}}},{flat:!0,color:"success",css:{bg:"$successLight",color:"$successLightContrast",[`& ${t}`]:{".nextui-drip-filler":{opacity:.4,fill:"$success"}}}},{flat:!0,color:"warning",css:{bg:"$warningLight",color:"$warningLightContrast",[`& ${t}`]:{".nextui-drip-filler":{opacity:.4,fill:"$warning"}}}},{flat:!0,color:"error",css:{bg:"$errorLight",color:"$errorLightContrast",[`& ${t}`]:{".nextui-drip-filler":{opacity:.4,fill:"$error"}}}},{flat:!0,isHovered:!0,color:"default",css:{bg:"$primaryLightHover"}},{flat:!0,isHovered:!0,color:"primary",css:{bg:"$primaryLightHover"}},{flat:!0,isHovered:!0,color:"secondary",css:{bg:"$secondaryLightHover"}},{flat:!0,isHovered:!0,color:"success",css:{bg:"$successLightHover"}},{flat:!0,isHovered:!0,color:"warning",css:{bg:"$warningLightHover"}},{flat:!0,isHovered:!0,color:"error",css:{bg:"$errorLightHover"}},{flat:!0,isPressed:!0,color:"default",css:{bg:"$primaryLightActive"}},{flat:!0,isPressed:!0,color:"primary",css:{bg:"$primaryLightActive"}},{flat:!0,isPressed:!0,color:"secondary",css:{bg:"$secondaryLightActive"}},{flat:!0,isPressed:!0,color:"success",css:{bg:"$successLightActive"}},{flat:!0,isPressed:!0,color:"warning",css:{bg:"$warningLightActive"}},{flat:!0,isPressed:!0,color:"error",css:{bg:"$errorLightActive"}},{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=(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:"$
|
|
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:"$accents1",color:"$accents7",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:"$accents4"}:e.flat?{...o,bg:"$accents1"}:{}:o};
|
package/esm/card/card.styles.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{styled as o}from"../theme/stitches.config";import{StyledDrip as r}from"../utils/drip";export const StyledCardBody=o("div",{d:"flex",w:"100%",h:"auto",flex:"1 1 auto",fd:"column",jc:"inherit",ai:"inherit",ac:"inherit",p:"$sm $lg",oy:"auto",position:"relative",ta:"left"
|
|
1
|
+
import{styled as o}from"../theme/stitches.config";import{StyledDrip as r}from"../utils/drip";export const StyledCardBody=o("div",{d:"flex",w:"100%",h:"auto",flex:"1 1 auto",fd:"column",jc:"inherit",ai:"inherit",ac:"inherit",p:"$sm $lg",oy:"auto",position:"relative",ta:"left"});export const StyledCard=o("div",{m:0,p:0,br:"$lg",position:"relative",display:"flex",overflow:"hidden",fd:"column",width:"100%",height:"auto",boxSizing:"border-box","@motion":{transition:"none"},".nextui-image":{width:"100%"},[`& ${r}`]:{zIndex:"$1",".nextui-drip-filler":{opacity:.25,fill:"$accents6"}},variants:{color:{default:{$$cardColor:"$colors$backgroundContrast",bg:"$$cardColor"},primary:{$$cardColor:"$colors$primary",color:"$white",bg:"$$cardColor"},secondary:{$$cardColor:"$colors$secondary",color:"$white",bg:"$$cardColor"},success:{$$cardColor:"$colors$success",color:"$white",bg:"$$cardColor"},warning:{$$cardColor:"$colors$warning",color:"$white",bg:"$$cardColor"},error:{$$cardColor:"$colors$error",color:"$white",bg:"$$cardColor"},gradient:{$$cardColor:"$colors$gradient",color:"$white",bg:"$$cardColor"}},shadow:{true:{boxShadow:"$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"}},animated:{true:{transition:"$card"},false:{transition:"none"}},clickable:{true:{cursor:"pointer",us:"none",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"}}},hoverable:{true:{"&:hover":{transform:"translateY(-2px)",boxShadow:"$md"}}},cover:{true:{".nextui-image":{objectFit:"cover !important"},[`& ${StyledCardBody}`]:{p:0}},false:{".nextui-image, .nextui-image-container":{bblr:"0 !important",bbrr:"0 !important"}}}},compoundVariants:[{clickable:!0,animated:!0,css:{"&:active":{scale:.97}}}],defaultVariants:{color:"default",borderWeight:"normal",animated:!0,bordered:!1,shadow:!0}});export const StyledCardHeader=o("div",{w:"100%",display:"flex",flexShrink:0,zIndex:"$1",jc:"flex-start",ai:"center",overflow:"hidden",color:"inherit",fontSize:"$xs",p:"$sm"});export const StyledCardFooter=o("div",{w:"100%",h:"auto",p:"$sm $lg",d:"flex",ai:"center",overflow:"hidden",color:"inherit",fontSize:"$xs",bblr:"$lg",bbrr:"$lg",variants:{blur:{true:{bf:"saturate(180%) blur(10px)",bg:"$$cardColor"}}}});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import{createContext as o}from"../utils/context";export const[CheckboxGroupProvider,useCheckboxGroupContext]=o({name:"CheckboxGroupContext",strict:!1});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import e from"react";import o from"../utils/clsx";import{useDOMRef as r}from"../utils/dom";import{__DEV__ as s}from"../utils/assertion";import{CheckboxGroupProvider as t}from"./checkbox-context";import{useCheckboxGroup as i}from"./use-checkbox-group";import{StyledCheckboxGroup as c,StyledCheckboxGroupContainer as a}from"./checkbox.styles";import{jsx as l}from"react/jsx-runtime";import{jsxs as m}from"react/jsx-runtime";const p=e.forwardRef(((e,s)=>{const{children:p,className:u,as:x,label:n,...b}=e,{css:f,...h}=i({...b,label:n}),d=r(s);return m(c,{ref:d,...h.groupProps,className:o("nextui-checkbox-group",u),size:h.size,isDisabled:h.groupState.isDisabled,as:x,css:f,children:[n&&l("label",{className:"nextui-checkbox-group-label",...h.labelProps,children:n}),l(a,{className:"nextui-checkbox-group-items",role:"presentation",isRow:h.isRow,children:l(t,{value:h,children:p})})]})}));s&&(p.displayName="NextUI.CheckboxGroup"),p.toString=()=>".nextui-checkbox-group";export default p;
|
package/esm/checkbox/checkbox.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import e,{useMemo as i
|
|
1
|
+
import e,{useMemo as i}from"react";import{mergeProps as s}from"@react-aria/utils";import{useFocusRing as c}from"@react-aria/focus";import{useHover as a}from"@react-aria/interactions";import{usePress as o}from"@react-aria/interactions";import{VisuallyHidden as r}from"@react-aria/visually-hidden";import t from"../utils/clsx";import{__DEV__ as n}from"../utils/assertion";import{useFocusableRef as d}from"../utils/dom";import{useCheckbox as l}from"./use-checkbox";import{StyledCheckboxLabel as m,StyledCheckboxContainer as h,StyledCheckboxMask as u,StyledIconCheck as b,StyledIconCheckFirstLine as k,StyledIconCheckSecondLine as x,StyledCheckboxText as p}from"./checkbox.styles";import{jsx as f}from"react/jsx-runtime";import{jsxs as N}from"react/jsx-runtime";const A=e.forwardRef(((e,n)=>{const{className:A,as:C,css:I,children:v,label:D,...j}=e,{size:F,color:P,labelColor:R,isRounded:g,lineThrough:y,disableAnimation:z,isIndeterminate:H,inputRef:T,inputProps:V}=l({...j,children:null!=v?v:D}),w=d(n,T),{hoverProps:S,isHovered:U}=a({isDisabled:V.disabled}),{pressProps:$}=o({isDisabled:V.disabled}),{focusProps:q,isFocusVisible:B}=c({autoFocus:V.autoFocus}),E=i((()=>U?"hovered":H&&V.checked?"mixed":V.checked?"checked":"uncheked"),[U,H,V.checked]);return N(m,{ref:w,...s(S,$),className:t("nextui-checkbox-label",`nextui-checkbox--${E}`,A),as:C,css:I,size:F,isDisabled:V.disabled,disableAnimation:z,children:[N(h,{className:"nextui-checkbox-container",color:P,isRounded:g,isHovered:U,isDisabled:V.disabled,isFocusVisible:B,disableAnimation:z,...q,children:[f(r,{children:f("input",{ref:T,className:"nextui-checkbox-input",...s(V,q)})}),f(u,{className:"nextui-checkbox-mask",isChecked:V.checked,isIndeterminate:H,disableAnimation:z,children:N(b,{className:"nextui-icon-check",size:F,isChecked:V.checked,isIndeterminate:H,disableAnimation:z,children:[f(k,{className:"nextui-icon-check-line1",isChecked:V.checked,isIndeterminate:H,disableAnimation:z}),f(x,{className:"nextui-icon-check-line2",isChecked:V.checked,isIndeterminate:H,disableAnimation:z})]})})]}),(v||D)&&f(p,{className:"nextui-checkbox-text",color:R,lineThrough:y,isChecked:V.checked,isDisabled:V.disabled,disableAnimation:z,children:v||D})]})}));n&&(A.displayName="NextUI.Checkbox"),A.toString=()=>".nextui-checkbox";export default A;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{styled as e,cssFocusVisible as o}from"../theme/stitches.config";export const StyledCheckboxLabel=e("label",{d:"inline-flex",jc:"flex-start",ai:"center",position:"relative",w:"auto",cursor:"pointer",zIndex:"$1",opacity:1,transition:"opacity 0.25s ease",$$checkboxBorderColor:"$colors$border","@motion":{transition:"none"},variants:{size:{xs:{$$checkboxSize:"$space$7"},sm:{$$checkboxSize:"$space$8"},md:{$$checkboxSize:"$space$9"},lg:{$$checkboxSize:"$space$10"},xl:{$$checkboxSize:"$space$11"}},
|
|
1
|
+
import{styled as e,cssFocusVisible as o}from"../theme/stitches.config";export const StyledCheckboxLabel=e("label",{d:"inline-flex",jc:"flex-start",ai:"center",position:"relative",w:"auto",cursor:"pointer",zIndex:"$1",opacity:1,transition:"opacity 0.25s ease",$$checkboxBorderColor:"$colors$border","@motion":{transition:"none"},variants:{size:{xs:{$$checkboxSize:"$space$7"},sm:{$$checkboxSize:"$space$8"},md:{$$checkboxSize:"$space$9"},lg:{$$checkboxSize:"$space$10"},xl:{$$checkboxSize:"$space$11"}},isDisabled:{true:{opacity:.75,cursor:"not-allowed"}},disableAnimation:{false:{transition:"none"}}},defaultVariants:{size:"md"}});export const StyledIconCheckFirstLine=e("div",{content:"",background:"transparent",position:"absolute",width:"8px",height:"1px",br:"5px",zIndex:"$1",bottom:"0px","&:after":{content:"",position:"absolute",left:"0px",width:"0%",height:"2px",background:"$white",br:"5px 0px 0px 5px"},"@motion":{"&:after":{transition:"none"}},variants:{isIndeterminate:{true:{display:"none"}},isChecked:{true:{"&:after":{width:"100%",transition:"width 0.25s ease 0.1s"}}},disableAnimation:{true:{"&:after":{transition:"none"}}}},compoundVariants:[{isChecked:!0,disableAnimation:!0,css:{"&:after":{transition:"none"}}}]});export const StyledIconCheckSecondLine=e("div",{content:"",position:"absolute",h:"13px",br:"5px",bottom:"0",right:"0",zIndex:"$1",background:"transparent",width:"2px","&:after":{content:"",position:"absolute",width:"2px",height:"0%",background:"$white",left:"0px",bottom:"0px",br:"5px 5px 0px 0px"},"@motion":{"&:after":{transition:"none"}},variants:{isIndeterminate:{true:{display:"none"}},isChecked:{true:{"&:after":{height:"100%",transition:"height 0.2s ease 0.3s"}}},disableAnimation:{true:{"&:after":{transition:"none"}}}},compoundVariants:[{isChecked:!0,disableAnimation:!0,css:{"&:after":{transition:"none"}}}]});export const StyledIconCheck=e("i",{size:"$$checkboxSize",dflex:"center",br:"inherit",opacity:0,zIndex:"$2",transition:"transform 0.35s ease","&:after":{content:"",opacity:0,position:"relative",width:"10px",height:"2px",br:"1px",background:"$white",display:"block"},"@motion":{transition:"none","&:after":{transition:"none"}},variants:{isIndeterminate:{true:{opacity:1,transform:"rotate(0deg)",width:"auto",height:"auto",margin:"0px","&:after":{opacity:1}},false:{width:"8px",height:"14px",display:"block",position:"relative",marginTop:"-4px"}},size:{xs:{marginTop:"-2px",transform:"rotate(45deg) scale(0.5)"},sm:{marginTop:"-2px",transform:"rotate(45deg) scale(0.5)"},md:{transform:"rotate(45deg) scale(0.8)"},lg:{transform:"rotate(45deg)"},xl:{transform:"rotate(45deg)"}},isChecked:{true:{opacity:1}},disableAnimation:{true:{transition:"none","&:after":{transition:"none"}}}},compoundVariants:[{isIndeterminate:!0,size:"xs",css:{scale:"0.5"}},{isIndeterminate:!0,size:"sm",css:{scale:"0.5"}},{isIndeterminate:!0,size:"md",css:{scale:"0.8"}},{isIndeterminate:!0,size:"lg",css:{transform:"none"}},{isIndeterminate:!0,size:"lg",css:{transform:"none"}}]});export const StyledCheckboxMask=e("div",{$$checkboxMaskTransition:"transform 0.25s ease 0s, opacity 0.25s ease 0s, background 0.25s ease 0s, border-color 0.25s ease 0s",size:"100%",position:"absolute",pe:"none",boxSizing:"border-box",dflex:"center",zIndex:"-$1",br:"inherit",color:"$$checkboxBorderColor","&:before":{content:"",position:"absolute",top:"0px",left:"0px",size:"100%",br:"inherit",transition:"$$checkboxMaskTransition",zIndex:"-$1",border:"$borderWeights$normal solid currentColor",boxSizing:"border-box"},"&:after":{content:"",position:"absolute",top:"0px",left:"0px",size:"100%",bg:"$$checkboxColor",scale:.5,br:"inherit",opacity:0,transition:"$$checkboxMaskTransition",zIndex:"-$1"},"@motion":{"&:before":{transition:"none"},"&:after":{transition:"none"}},variants:{isChecked:{true:{"&:before":{opacity:0,scale:1.2},"&:after":{opacity:1,scale:1}}},isIndeterminate:{true:{"&:before":{opacity:0,scale:1.2},"&:after":{opacity:1,scale:1}}},disableAnimation:{true:{"&:before":{transition:"none"},"&:after":{transition:"none"}}}}});export const StyledCheckboxText=e("span",{position:"relative",dflex:"center",color:"$text",opacity:1,pl:"calc($$checkboxSize * 0.57)",ln:"$$checkboxSize",fontSize:"$$checkboxSize",us:"none",transition:"opacity 0.25s ease 0s","@motion":{transition:"none","&:before":{transition:"none"}},variants:{color:{default:{color:"$text"},primary:{color:"$primary"},secondary:{color:"$secondary"},success:{color:"$success"},warning:{color:"$warning"},error:{color:"$error"}},lineThrough:{true:{"&:before":{content:"",position:"absolute",width:"0px",height:"2px",background:"$text",transition:"width 0.25s ease 0s"}}},isChecked:{true:{"&:before":{opacity:.8}}},isDisabled:{true:{color:"$accents5"}},disableAnimation:{true:{transition:"none","&:before":{transition:"none"}}}},compoundVariants:[{lineThrough:!0,isChecked:!0,css:{opacity:.6,"&:before":{w:"calc(100% - 10px)"}}}]});export const StyledCheckboxContainer=e("div",{br:"$squared",position:"relative",sizeMin:"$$checkboxSize",transition:"box-shadow 0.25s ease",zIndex:"$1",".nextui-checkbox-input":{position:"absolute",width:"100%",height:"100%",top:"0px",left:"0px",margin:"0px",padding:"0px",opacity:0,zIndex:"$1",cursor:"pointer","&:disabled":{cursor:"not-allowed"}},"@motion":{transition:"none"},variants:{color:{default:{$$checkboxColor:"$colors$primary",$$checkboxColorHover:"$colors$primarySolidHover"},primary:{$$checkboxColor:"$colors$primary",$$checkboxColorHover:"$colors$primarySolidHover"},secondary:{$$checkboxColor:"$colors$secondary",$$checkboxColorHover:"$colors$secondarySolidHover"},success:{$$checkboxColor:"$colors$success",$$checkboxColorHover:"$colors$successSolidHover"},warning:{$$checkboxColor:"$colors$warning",$$checkboxColorHover:"$colors$warningSolidHover"},error:{$$checkboxColor:"$colors$error",$$checkboxColorHover:"$colors$errorSolidHover"},gradient:{$$checkboxColor:"$colors$gradient",$$checkboxColorHover:"$colors$gradient"}},isRounded:{true:{br:"$pill"}},isDisabled:{true:{opacity:.4,cursor:"not-allowed"}},disableAnimation:{true:{transition:"none"}},isHovered:{true:{[`& ${StyledCheckboxMask}:before`]:{bg:"$$checkboxBorderColor",border:"2px solid transparent"},[`& ${StyledCheckboxMask}:after`]:{bg:"$$checkboxColorHover"}}}},defaultVariants:{color:"default"}},o);export const StyledCheckboxGroup=e("div",{display:"flex",flexDirection:"column","& .nextui-checkbox-group-label":{d:"block",fontWeight:"$normal",fontSize:"calc($$checkboxSize * 0.8)",color:"$accents7",mb:"$3"},variants:{size:{xs:{$$checkboxSize:"$space$7"},sm:{$$checkboxSize:"$space$8"},md:{$$checkboxSize:"$space$9"},lg:{$$checkboxSize:"$space$10"},xl:{$$checkboxSize:"$space$11"}},isDisabled:{true:{"& .nextui-checkbox-group-label":{color:"$accents5"}}}}});export const StyledCheckboxGroupContainer=e("div",{display:"flex",flexDirection:"column",variants:{isRow:{true:{flexDirection:"row",mt:0,[`& ${StyledCheckboxLabel}`]:{mr:"$$checkboxSize"}},false:{mr:0,flexDirection:"column",[`& ${StyledCheckboxLabel}:not(:first-child)`]:{mt:"$$checkboxSize"}}}},defaultVariants:{isRow:!1}});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useCheckboxGroupState as o}from"@react-stately/checkbox";import{useCheckboxGroup as r}from"@react-aria/checkbox";export const useCheckboxGroup=(e={})=>{const{size:s="md",color:l="default",labelColor:c="default",isRow:t=!1,css:a,...p}=e,u=o(p),{labelProps:b,groupProps:i}=r(p,u);return{css:a,size:s,isRow:t,color:l,labelColor:c,groupState:u,labelProps:b,groupProps:i}};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{useMemo as e,useRef as o}from"react";import{useToggleState as l}from"@react-stately/toggle";import{useCheckbox as t,useCheckboxGroupItem as i}from"@react-aria/checkbox";import{__DEV__ as n}from"../utils/assertion";import{useCheckboxGroupContext as r}from"./checkbox-context";export const useCheckbox=a=>{var u,s,d;const c=r(),{size:m=(null!=(u=null==c?void 0:c.size)?u:"md"),color:p=(null!=(s=null==c?void 0:c.color)?s:"default"),labelColor:b=(null!=(d=null==c?void 0:c.labelColor)?d:"default"),lineThrough:h,isRounded:f=!1,disableAnimation:v=!1,isIndeterminate:x=!1,...C}=a;if(c&&n){const e="The Checkbox.Group is being used, `%s` will be ignored. Use the `%s` of the Checkbox.Group instead.";"isSelected"in C&&console.warn(e,"isSelected","value"),"defaultSelected"in C&&console.warn(e,"defaultSelected","defaultValue")}const g=o(null),k=e((()=>{var e,o;return{...C,isIndeterminate:x,value:null!=(e=C.value)?e:"",isRequired:null!=(o=C.isRequired)&&o}}),[x,C]),{inputProps:S}=c?i({...k,validationState:C.validationState},c.groupState,g):t(k,l(k),g);return{size:m,color:p,labelColor:b,isRounded:f,lineThrough:h,disableAnimation:v,isIndeterminate:x,inputRef:g,inputProps:S}};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{styled as e,sharedFocus as t,cssFocusVisible as o}from"../theme/stitches.config";export const StyledCollapse=e("div",{transition:"$default",".nextui-collapse-title-content":{w:"100%","h1,h2,h3,h4,h5,h6,p,span,b":{margin:0}},".nextui-collapse-title-container":{d:"flex",jc:"space-between",ai:"center"},".nextui-collapse-title":{color:"$foreground"},".nextui-collapse-subtitle":{color:"$
|
|
1
|
+
import{styled as e,sharedFocus as t,cssFocusVisible as o}from"../theme/stitches.config";export const StyledCollapse=e("div",{transition:"$default",".nextui-collapse-title-content":{w:"100%","h1,h2,h3,h4,h5,h6,p,span,b":{margin:0}},".nextui-collapse-title-container":{d:"flex",jc:"space-between",ai:"center"},".nextui-collapse-title":{color:"$foreground"},".nextui-collapse-subtitle":{color:"$accents7",margin:0,"*":{margin:0}},".nextui-collapse-title-content-left":{mr:"$sm"},".nextui-collapse-title-content-left, .nextui-collapse-title-content-right":{d:"flex",ai:"center"},"@motion":{transition:"none",".nextui-collapse-title-content-right ":{svg:{transition:"none"}}},variants:{shadow:{true:{border:"none",boxShadow:"$md",br:"$lg",p:"0 $lg",bg:"$backgroundContrast"}},borderWeight:{light:{$$collapseBorderWidth:"$borderWeights$light"},normal:{$$collapseBorderWidth:"$borderWeights$normal"},bold:{$$collapseBorderWidth:"$borderWeights$bold"},extrabold:{$$collapseBorderWidth:"$borderWeights$extrabold"},black:{$$collapseBorderWidth:"$borderWeights$black"}},divider:{true:{borderTop:"$$collapseBorderWidth solid $border",borderBottom:"$$collapseBorderWidth solid $border"}},bordered:{true:{br:"$lg",p:"0 $lg",border:"$$collapseBorderWidth solid $border"}},animated:{true:{".nextui-collapse-title-content-right ":{svg:{transition:"transform 200ms ease"}}},false:{transition:"none"}},visible:{true:{".nextui-collapse-title-content-right ":{svg:{transform:"rotateZ(-90deg)"}}},false:{".nextui-collapse-title-content-right":{svg:{transform:"rotateZ(0deg)"}}}}},defaultVariants:{borderWeight:"light"}},t);export const StyledCollapseView=e("div",{w:"100%",d:"block",ta:"left",bg:"transparent",border:"none",cursor:"pointer",outline:"none",padding:"$lg 0",variants:{disabled:{true:{cursor:"not-allowed",".nextui-collapse-title, .nextui-collapse-subtitle":{opacity:.5}}}}},o);export const StyledCollapseContent=e("div",{fontSize:"$base",lineHeight:"$lg",pb:"$lg","*:first-child":{mt:0},"*:last-child":{mb:0}});export const StyledCollapseIcon=e("svg",{path:{stroke:"$accents7"}});export const StyledCollapseGroup=e("div",{width:"auto",padding:"0 $sm","div + div":{borderTop:"none"},[`& ${StyledCollapse}:first-child`]:{borderTop:"none"},[`& ${StyledCollapse}:last-child`]:{borderBottom:"none"},variants:{borderWeight:{light:{$$collapseGroupBorderWidth:"$borderWeights$light"},normal:{$$collapseGroupBorderWidth:"$borderWeights$normal"},bold:{$$collapseGroupBorderWidth:"$borderWeights$bold"},extrabold:{$$collapseGroupBorderWidth:"$borderWeights$extrabold"},black:{$$collapseGroupBorderWidth:"$borderWeights$black"}},shadow:{true:{br:"$lg",border:"none",boxShadow:"$md",p:"0 $lg",bg:"$backgroundContrast"}},bordered:{true:{br:"$lg",p:"0 $lg",border:"$$collapseGroupBorderWidth solid $border"}},splitted:{true:{[`& ${StyledCollapse}`]:{br:"$lg",border:"none",bg:"$backgroundContrast",boxShadow:"$md",p:"0 $lg",margin:"$md 0"}}}},defaultVariants:{borderWeight:"light",shadow:!1,bordered:!1,splitted:!1}});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e from"react";import{globalCss as t,getCssText as
|
|
1
|
+
import e from"react";import{globalCss as t,getCssText as i}from"../theme/stitches.config";import{jsx as o}from"react/jsx-runtime";const n=t({"*, *:before, *:after":{boxSizing:"border-box",textRendering:"geometricPrecision",WebkitTapHighlightColor:"transparent"},html:{fontSize:"$base"},body:{margin:0,padding:0,minHeight:"100%",position:"relative",overflowX:"hidden",WebkitFontSmoothing:"antialiased",MozOsxFontSmoothing:"grayscale",textRendering:"optimizeLegibility",fontSize:"$base",lineHeight:"$md",fontFamily:"$sans"},"html, body":{backgroundColor:"$background",color:"$text"},"p, small":{color:"inherit",letterSpacing:"$tighter",fontWeight:"$normal",fontFamily:"$sans"},p:{margin:"$md 0",fontSize:"$base",lineHeight:"$lg"},small:{margin:0,lineHeight:"$md",fontSize:"$xs"},b:{fontWeight:"$semibold"},span:{fontSize:"inherit",color:"inherit",fontWeight:"inherit"},img:{maxWidth:"100%"},a:{cursor:"pointer",fontSize:"inherit",WebkitTouchCallout:"none",WebkitTapHighlightColor:"rgba(0, 0, 0, 0)",WebkitBoxAlign:"center",alignItems:"center",color:"$link",textDecoration:"none"},"a:hover":{textDecoration:"none"},"ul,ol":{padding:0,listStyleType:"none",margin:"$sm $sm $sm $lg",color:"$foreground"},ol:{listStyleType:"decimal"},li:{marginBottom:"$5",fontSize:"$base",lineHeight:"$lg"},"h1,h2,h3,h4,h5,h6":{color:"inherit",margin:"0 0 $5 0"},h1:{letterSpacing:"$tighter",lineHeight:"$md",fontSize:"$xl",fontWeight:"$bold"},h2:{letterSpacing:"$tighter",fontSize:"$lg",fontWeight:"$semibold"},h3:{letterSpacing:"$tighter",fontSize:"$md",fontWeight:"$semibold"},h4:{letterSpacing:"$tighter",fontSize:"$sm",fontWeight:"$semibold"},h5:{letterSpacing:"$tight",fontSize:"$base",fontWeight:"$semibold"},h6:{letterSpacing:"$tight",fontSize:"$xs",fontWeight:"$semibold"},"button, input, select,textarea":{fontFamily:"inherit",fontSize:"inherit",lineHeight:"inherit",color:"inherit",margin:0},"button:focus, input:focus, select:focus, textarea:focus":{outline:"none"},code:{color:"$code",padding:"$1 $2",borderRadius:"$xs",bg:"$codeLight",fontFamily:"$mono",fontSize:"$xs",whiteSpace:"pre-wrap",transition:"opacity 0.25s ease 0s"},"code:hover":{opacity:.8},pre:{overflow:"auto",whiteSpace:"pre",textAlign:"left",fontSize:"$xs",borderRadius:"$lg",padding:"$md $lg",margin:"$lg 0 ",fontFamily:"$mono",lineHeight:"$md",webkitOverflowScrolling:"touch"},"pre code":{color:"$foreground",fontSize:"$xs",lineHeight:"$sm",whiteSpace:"pre"},"pre code:before,pre code:after":{display:"none"},"pre p":{margin:0},"pre::-webkit-scrollbar":{display:"none",width:0,height:0,background:"transparent"},hr:{borderColor:"$accents2"},details:{backgroundColor:"$accents1",border:"none"},"details:focus, details:hover, details:active":{outline:"none"},summary:{cursor:"pointer",userSelect:"none",listStyle:"none",outline:"none"},"summary::-webkit-details-marker, summary::before":{display:"none"},"summary::-moz-list-bullet":{fontSize:0},"summary:focus, summary:hover, summary:active":{outline:"none",listStyle:"none"},"::selection":{backgroundColor:"$selection"},blockquote:{padding:"$md $lg",color:"$accents7",backgroundColor:"$accents0",borderRadius:"$lg",margin:"$10 0"},"blockquote *:first-child":{marginTop:0},"blockquote *:last-child":{marginBottom:0},kbd:{width:"fit-content",textAlign:"center",display:"inline-block",color:"$accents8",bg:"$accents0",border:"1px solid $border",boxShadow:"0 0 1px 0 rgb(0 0 0 / 14%)",fontFamily:"$mono",borderRadius:"5px",padding:"$1 $3",mx:"$1",lineHeight:"$sm",fontSize:"$tiny"},"kbd + kbd":{ml:"$2"}}),r=({children:t})=>(n(),o(e.Fragment,{children:t})),l=e.memo(r);l.flush=()=>o("style",{id:"stitches",dangerouslySetInnerHTML:{__html:i()}});export default l;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import r,{useMemo as i}from"react";import a from"./grid-item";import t from"../utils/clsx";import e from"../utils/with-defaults";import{jsx as s}from"react/jsx-runtime";const c=r.forwardRef((({gap:r,wrap:e,css:c,children:o,className:n,...p},l)=>{const m=i((()=>`calc(${r} * $space$3)`),[r]);return s(a,{ref:l,className:t("nextui-grid-container",n),css:{$$gridGapUnit:m,display:"flex",flexWrap:e,
|
|
1
|
+
import r,{useMemo as i}from"react";import a from"./grid-item";import t from"../utils/clsx";import e from"../utils/with-defaults";import{jsx as s}from"react/jsx-runtime";const c=r.forwardRef((({gap:r,wrap:e,css:c,children:o,className:n,...p},l)=>{const m=i((()=>`calc(${r} * $space$3)`),[r]);return s(a,{ref:l,className:t("nextui-grid-container",n),css:{$$gridGapUnit:m,display:"flex",flexWrap:e,boxSizing:"border-box",margin:"calc(-1 * $$gridGapUnit)",width:"calc(100% + $$gridGapUnit * 2)",...c},...p,children:o})}));c.displayName="NextUI.GridContainer",c.toString=()=>".nextui-grid-container";export default e(c,{gap:0,wrap:"wrap",className:""});
|
package/esm/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export*from"./utils/prop-types";export{default as useCurrentState}from"./use-current-state";export{default as useRealShape}from"./use-real-shape";export{default as useResize}from"./use-resize";export{default as useTheme}from"./use-theme";export{default as usePortal}from"./use-portal";export{default as useSSR}from"./use-ssr";export{default as useBodyScroll}from"./use-body-scroll";export{default as useClickAway}from"./use-click-away";export{default as useClipboard}from"./use-clipboard";export{default as useClickAnywhere}from"./use-click-anywhere";export{default as useInput}from"./use-input";export{default as useKeyboard}from"./use-keyboard";export{default as usePagination}from"./use-pagination";export{default as useDrip}from"./use-drip";export{default as Drip}from"./utils/drip";export{KeyMod,KeyCode}from"./use-keyboard/codes";export{default as CssBaseline}from"./css-baseline";export{useAsyncList}from"@react-stately/data";export{useCollator}from"@react-aria/i18n";export{default as NextUIProvider}from"./theme/theme-provider";export{changeTheme,getDocumentTheme,getTokenValue}from"./theme/utils";export{styled,css,theme,createTheme,getCssText,globalCss,keyframes,config,config as stitchesConfig,theme as defaultTheme,sharedFocus,sharedVisuallyHidden}from"./theme/stitches.config";export{default as Avatar}from"./avatar";export*from"./avatar";export{default as Button}from"./button";export*from"./button";export{default as Card}from"./card";export*from"./card";export{default as Checkbox}from"./checkbox";export*from"./checkbox";export{default as Code}from"./code";export*from"./code";export{default as Col}from"./col";export*from"./col";export{default as Collapse}from"./collapse";export*from"./collapse";export{default as Container}from"./container";export*from"./container";export{default as Divider}from"./divider";export*from"./divider";export{default as Grid}from"./grid";export*from"./grid";export{default as Image}from"./image";export*from"./image";export{default as Spacer}from"./spacer";export*from"./spacer";export{default as Snippet}from"./snippet";export*from"./snippet";export{default as Row}from"./row";export*from"./row";export{default as Link}from"./link";export*from"./link";export{default as Loading}from"./loading";export*from"./loading";export{default as Radio}from"./radio";export*from"./radio";export{default as Text}from"./text";export*from"./text";export{default as Switch}from"./switch";export*from"./switch";export{default as Backdrop}from"./backdrop";export*from"./backdrop";export{default as User}from"./user";export*from"./user";export{default as Progress}from"./progress";export*from"./progress";export{default as Modal}from"./modal";export*from"./modal";export{default as useModal}from"./modal/use-modal";export{default as Pagination}from"./pagination";export*from"./pagination";export{default as Tooltip}from"./tooltip";export*from"./tooltip";export{default as Input}from"./input";export*from"./input";export{default as Textarea}from"./textarea";export{default as Table}from"./table";export*from"./table";export{default as Popover}from"./popover";export*from"./popover";
|
|
1
|
+
export*from"./utils/prop-types";export{default as useCurrentState}from"./use-current-state";export{default as useRealShape}from"./use-real-shape";export{default as useResize}from"./use-resize";export{default as useTheme}from"./use-theme";export{default as usePortal}from"./use-portal";export{default as useSSR}from"./use-ssr";export{default as useBodyScroll}from"./use-body-scroll";export{default as useClickAway}from"./use-click-away";export{default as useClipboard}from"./use-clipboard";export{default as useClickAnywhere}from"./use-click-anywhere";export{default as useInput}from"./use-input";export{default as useKeyboard}from"./use-keyboard";export{default as usePagination}from"./use-pagination";export{default as useDrip}from"./use-drip";export{default as Drip}from"./utils/drip";export{KeyMod,KeyCode}from"./use-keyboard/codes";export{default as CssBaseline}from"./css-baseline";export{useAsyncList}from"@react-stately/data";export{useCollator}from"@react-aria/i18n";export{default as NextUIProvider}from"./theme/theme-provider";export{changeTheme,getDocumentTheme,getTokenValue}from"./theme/utils";export{styled,css,theme,createTheme,getCssText,globalCss,keyframes,config,config as stitchesConfig,theme as defaultTheme,sharedFocus,sharedVisuallyHidden}from"./theme/stitches.config";export*from"./theme/colors";export{default as Avatar}from"./avatar";export*from"./avatar";export{default as Button}from"./button";export*from"./button";export{default as Card}from"./card";export*from"./card";export{default as Checkbox}from"./checkbox";export*from"./checkbox";export{default as Code}from"./code";export*from"./code";export{default as Col}from"./col";export*from"./col";export{default as Collapse}from"./collapse";export*from"./collapse";export{default as Container}from"./container";export*from"./container";export{default as Divider}from"./divider";export*from"./divider";export{default as Grid}from"./grid";export*from"./grid";export{default as Image}from"./image";export*from"./image";export{default as Spacer}from"./spacer";export*from"./spacer";export{default as Snippet}from"./snippet";export*from"./snippet";export{default as Row}from"./row";export*from"./row";export{default as Link}from"./link";export*from"./link";export{default as Loading}from"./loading";export*from"./loading";export{default as Radio}from"./radio";export*from"./radio";export{default as Text}from"./text";export*from"./text";export{default as Switch}from"./switch";export*from"./switch";export{default as Backdrop}from"./backdrop";export*from"./backdrop";export{default as User}from"./user";export*from"./user";export{default as Progress}from"./progress";export*from"./progress";export{default as Modal}from"./modal";export*from"./modal";export{default as useModal}from"./modal/use-modal";export{default as Pagination}from"./pagination";export*from"./pagination";export{default as Tooltip}from"./tooltip";export*from"./tooltip";export{default as Input}from"./input";export*from"./input";export{default as Textarea}from"./textarea";export{default as Table}from"./table";export*from"./table";export{default as Popover}from"./popover";export*from"./popover";
|