@basic-ui/material 1.0.0-alpha.47 → 1.0.0-alpha.48

package/build/esm/Table/Table.js

@@ -2,21 +2,21 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "__css"];
 import { forwardRef } from 'react';
-import { Paper } from '../Paper';
+import { Box } from '../Box';
 import { jsx as _jsx } from "react/jsx-runtime";
 export var Table = /*#__PURE__*/forwardRef(function (props, ref) {
   var children = props.children,
       __css = props.__css,
       rest = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/_jsx(Paper, _extends(_extends({
+  return /*#__PURE__*/_jsx(Box, _extends(_extends({
     ref: ref,
     role: "table",
-    display: "flex",
-    width: "100%",
-    flexDirection: "column",
-    borderRadius: "small",
     __css: _extends({
+      display: 'flex',
+      width: '100%',
+      flexDirection: 'column',
+      borderRadius: 'small',
       overflowX: 'auto'
     }, __css)
   }, rest), {}, {

package/build/esm/Table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","names":["forwardRef","Paper","Table","props","ref","children","__css","rest","overflowX"],"sources":["../../../src/Table/Table.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport type { PaperProps } from '../Paper';\nimport { Paper } from '../Paper';\n\nexport type TableProps = PaperProps;\n\nexport const Table = forwardRef<HTMLDivElement, TableProps>((props, ref) => {\n  const { children, __css, ...rest } = props;\n\n  return (\n    <Paper\n      ref={ref}\n      role=\"table\"\n      display=\"flex\"\n      width=\"100%\"\n      flexDirection=\"column\"\n      borderRadius=\"small\"\n      __css={{\n        overflowX: 'auto',\n        ...__css,\n      }}\n      {...rest}\n    >\n      {children}\n    </Paper>\n  );\n});\n"],"mappings":";;;AAAA,SAASA,UAAT,QAA2B,OAA3B;AAGA,SAASC,KAAT,QAAsB,UAAtB;;AAIA,OAAO,IAAMC,KAAK,gBAAGF,UAAU,CAA6B,UAACG,KAAD,EAAQC,GAAR,EAAgB;EAC1E,IAAQC,QAAR,GAAqCF,KAArC,CAAQE,QAAR;EAAA,IAAkBC,KAAlB,GAAqCH,KAArC,CAAkBG,KAAlB;EAAA,IAA4BC,IAA5B,4BAAqCJ,KAArC;;EAEA,oBACE,KAAC,KAAD;IACE,GAAG,EAAEC,GADP;IAEE,IAAI,EAAC,OAFP;IAGE,OAAO,EAAC,MAHV;IAIE,KAAK,EAAC,MAJR;IAKE,aAAa,EAAC,QALhB;IAME,YAAY,EAAC,OANf;IAOE,KAAK;MACHI,SAAS,EAAE;IADR,GAEAF,KAFA;EAPP,GAWMC,IAXN;IAAA,UAaGF;EAbH,GADF;AAiBD,CApB8B,CAAxB"}
+{"version":3,"file":"Table.js","names":["forwardRef","Box","Table","props","ref","children","__css","rest","display","width","flexDirection","borderRadius","overflowX"],"sources":["../../../src/Table/Table.tsx"],"sourcesContent":["import { forwardRef } from 'react';\n\nimport type { PaperProps } from '../Paper';\nimport { Box } from '../Box';\n\nexport type TableProps = PaperProps;\n\nexport const Table = forwardRef<HTMLDivElement, TableProps>((props, ref) => {\n  const { children, __css, ...rest } = props;\n\n  return (\n    <Box\n      ref={ref}\n      role=\"table\"\n      __css={{\n        display: 'flex',\n        width: '100%',\n        flexDirection: 'column',\n        borderRadius: 'small',\n        overflowX: 'auto',\n        ...__css,\n      }}\n      {...rest}\n    >\n      {children}\n    </Box>\n  );\n});\n"],"mappings":";;;AAAA,SAASA,UAAT,QAA2B,OAA3B;AAGA,SAASC,GAAT,QAAoB,QAApB;;AAIA,OAAO,IAAMC,KAAK,gBAAGF,UAAU,CAA6B,UAACG,KAAD,EAAQC,GAAR,EAAgB;EAC1E,IAAQC,QAAR,GAAqCF,KAArC,CAAQE,QAAR;EAAA,IAAkBC,KAAlB,GAAqCH,KAArC,CAAkBG,KAAlB;EAAA,IAA4BC,IAA5B,4BAAqCJ,KAArC;;EAEA,oBACE,KAAC,GAAD;IACE,GAAG,EAAEC,GADP;IAEE,IAAI,EAAC,OAFP;IAGE,KAAK;MACHI,OAAO,EAAE,MADN;MAEHC,KAAK,EAAE,MAFJ;MAGHC,aAAa,EAAE,QAHZ;MAIHC,YAAY,EAAE,OAJX;MAKHC,SAAS,EAAE;IALR,GAMAN,KANA;EAHP,GAWMC,IAXN;IAAA,UAaGF;EAbH,GADF;AAiBD,CApB8B,CAAxB"}

package/build/esm/Table/TableCell.js

@@ -13,10 +13,10 @@ export var TableCell = /*#__PURE__*/forwardRef(function (props, ref) {
   var isHeadCell = useTableHeadContext();
   return /*#__PURE__*/_jsx(Box, _extends(_extends({
     ref: ref,
-    px: 1,
-    height: "2.25rem",
     role: isHeadCell ? 'columnheader' : 'cell',
     __css: _extends({
+      px: 1,
+      height: "2.25rem",
       whiteSpace: 'nowrap',
       overflow: 'hidden',
       textOverflow: 'ellipsis',

package/build/esm/Table/TableCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableCell.js","names":["forwardRef","Box","useTableHeadContext","TableCell","props","ref","children","__css","rest","isHeadCell","whiteSpace","overflow","textOverflow","fontWeight","undefined","color","display","alignItems"],"sources":["../../../src/Table/TableCell.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport { rem } from 'polished';\n\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\nimport { useTableHeadContext } from './context';\n\nexport type TableCellProps = BoxProps;\n\nexport const TableCell = forwardRef<HTMLDivElement, TableCellProps>(\n  (props, ref) => {\n    const { children, __css, ...rest } = props;\n    const isHeadCell = useTableHeadContext();\n\n    return (\n      <Box\n        ref={ref}\n        px={1}\n        height={rem(36)}\n        role={isHeadCell ? 'columnheader' : 'cell'}\n        __css={{\n          whiteSpace: 'nowrap',\n          overflow: 'hidden',\n          textOverflow: 'ellipsis',\n          fontWeight: isHeadCell ? 'medium' : undefined,\n          color: 'on.surface',\n          display: 'flex',\n          alignItems: 'center',\n          ...__css,\n        }}\n        {...rest}\n      >\n        {children}\n      </Box>\n    );\n  }\n);\n"],"mappings":";;;AAAA,SAASA,UAAT,QAA2B,OAA3B;AAIA,SAASC,GAAT,QAAoB,QAApB;AACA,SAASC,mBAAT,QAAoC,WAApC;;AAIA,OAAO,IAAMC,SAAS,gBAAGH,UAAU,CACjC,UAACI,KAAD,EAAQC,GAAR,EAAgB;EACd,IAAQC,QAAR,GAAqCF,KAArC,CAAQE,QAAR;EAAA,IAAkBC,KAAlB,GAAqCH,KAArC,CAAkBG,KAAlB;EAAA,IAA4BC,IAA5B,4BAAqCJ,KAArC;;EACA,IAAMK,UAAU,GAAGP,mBAAmB,EAAtC;EAEA,oBACE,KAAC,GAAD;IACE,GAAG,EAAEG,GADP;IAEE,EAAE,EAAE,CAFN;IAGE,MAAM,WAHR;IAIE,IAAI,EAAEI,UAAU,GAAG,cAAH,GAAoB,MAJtC;IAKE,KAAK;MACHC,UAAU,EAAE,QADT;MAEHC,QAAQ,EAAE,QAFP;MAGHC,YAAY,EAAE,UAHX;MAIHC,UAAU,EAAEJ,UAAU,GAAG,QAAH,GAAcK,SAJjC;MAKHC,KAAK,EAAE,YALJ;MAMHC,OAAO,EAAE,MANN;MAOHC,UAAU,EAAE;IAPT,GAQAV,KARA;EALP,GAeMC,IAfN;IAAA,UAiBGF;EAjBH,GADF;AAqBD,CA1BgC,CAA5B"}
+{"version":3,"file":"TableCell.js","names":["forwardRef","Box","useTableHeadContext","TableCell","props","ref","children","__css","rest","isHeadCell","px","height","whiteSpace","overflow","textOverflow","fontWeight","undefined","color","display","alignItems"],"sources":["../../../src/Table/TableCell.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport { rem } from 'polished';\n\nimport type { BoxProps } from '../Box';\nimport { Box } from '../Box';\nimport { useTableHeadContext } from './context';\n\nexport type TableCellProps = BoxProps;\n\nexport const TableCell = forwardRef<HTMLDivElement, TableCellProps>(\n  (props, ref) => {\n    const { children, __css, ...rest } = props;\n    const isHeadCell = useTableHeadContext();\n\n    return (\n      <Box\n        ref={ref}\n        role={isHeadCell ? 'columnheader' : 'cell'}\n        __css={{\n          px: 1,\n          height: rem(36),\n          whiteSpace: 'nowrap',\n          overflow: 'hidden',\n          textOverflow: 'ellipsis',\n          fontWeight: isHeadCell ? 'medium' : undefined,\n          color: 'on.surface',\n          display: 'flex',\n          alignItems: 'center',\n          ...__css,\n        }}\n        {...rest}\n      >\n        {children}\n      </Box>\n    );\n  }\n);\n"],"mappings":";;;AAAA,SAASA,UAAT,QAA2B,OAA3B;AAIA,SAASC,GAAT,QAAoB,QAApB;AACA,SAASC,mBAAT,QAAoC,WAApC;;AAIA,OAAO,IAAMC,SAAS,gBAAGH,UAAU,CACjC,UAACI,KAAD,EAAQC,GAAR,EAAgB;EACd,IAAQC,QAAR,GAAqCF,KAArC,CAAQE,QAAR;EAAA,IAAkBC,KAAlB,GAAqCH,KAArC,CAAkBG,KAAlB;EAAA,IAA4BC,IAA5B,4BAAqCJ,KAArC;;EACA,IAAMK,UAAU,GAAGP,mBAAmB,EAAtC;EAEA,oBACE,KAAC,GAAD;IACE,GAAG,EAAEG,GADP;IAEE,IAAI,EAAEI,UAAU,GAAG,cAAH,GAAoB,MAFtC;IAGE,KAAK;MACHC,EAAE,EAAE,CADD;MAEHC,MAAM,WAFH;MAGHC,UAAU,EAAE,QAHT;MAIHC,QAAQ,EAAE,QAJP;MAKHC,YAAY,EAAE,UALX;MAMHC,UAAU,EAAEN,UAAU,GAAG,QAAH,GAAcO,SANjC;MAOHC,KAAK,EAAE,YAPJ;MAQHC,OAAO,EAAE,MARN;MASHC,UAAU,EAAE;IATT,GAUAZ,KAVA;EAHP,GAeMC,IAfN;IAAA,UAiBGF;EAjBH,GADF;AAqBD,CA1BgC,CAA5B"}

package/build/esm/Table/TableRow.js

@@ -13,12 +13,12 @@ export var TableRow = /*#__PURE__*/forwardRef(function (props, ref) {
     ref: ref,
     as: "div",
     role: "row",
-    display: "flex",
-    flexDirection: "row",
-    width: "100%",
     variant: "body-medium",
     px: 2,
     __css: _extends({
+      display: 'flex',
+      flexDirection: 'row',
+      width: '100%',
       borderBottomStyle: 'solid',
       borderBottomWidth: "0.0625rem",
       borderBottomColor: 'surface-variant',

package/build/esm/Table/TableRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableRow.js","names":["forwardRef","Text","TableRow","props","ref","children","__css","rest","borderBottomStyle","borderBottomWidth","borderBottomColor","borderBottom"],"sources":["../../../src/Table/TableRow.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport { rem } from 'polished';\n\nimport type { TextProps } from '../Text';\nimport { Text } from '../Text';\n\nexport type TableRowProps = TextProps;\n\nexport const TableRow = forwardRef<HTMLDivElement, TableRowProps>(\n  (props, ref) => {\n    const { children, __css, ...rest } = props;\n\n    return (\n      <Text\n        ref={ref}\n        as=\"div\"\n        role=\"row\"\n        display=\"flex\"\n        flexDirection=\"row\"\n        width=\"100%\"\n        variant=\"body-medium\"\n        px={2}\n        __css={{\n          borderBottomStyle: 'solid',\n          borderBottomWidth: rem(1),\n          borderBottomColor: 'surface-variant',\n          '&:last-of-type': {\n            borderBottom: 'none',\n          },\n          ...__css,\n        }}\n        {...rest}\n      >\n        {children}\n      </Text>\n    );\n  }\n);\n"],"mappings":";;;AAAA,SAASA,UAAT,QAA2B,OAA3B;AAIA,SAASC,IAAT,QAAqB,SAArB;;AAIA,OAAO,IAAMC,QAAQ,gBAAGF,UAAU,CAChC,UAACG,KAAD,EAAQC,GAAR,EAAgB;EACd,IAAQC,QAAR,GAAqCF,KAArC,CAAQE,QAAR;EAAA,IAAkBC,KAAlB,GAAqCH,KAArC,CAAkBG,KAAlB;EAAA,IAA4BC,IAA5B,4BAAqCJ,KAArC;;EAEA,oBACE,KAAC,IAAD;IACE,GAAG,EAAEC,GADP;IAEE,EAAE,EAAC,KAFL;IAGE,IAAI,EAAC,KAHP;IAIE,OAAO,EAAC,MAJV;IAKE,aAAa,EAAC,KALhB;IAME,KAAK,EAAC,MANR;IAOE,OAAO,EAAC,aAPV;IAQE,EAAE,EAAE,CARN;IASE,KAAK;MACHI,iBAAiB,EAAE,OADhB;MAEHC,iBAAiB,aAFd;MAGHC,iBAAiB,EAAE,iBAHhB;MAIH,kBAAkB;QAChBC,YAAY,EAAE;MADE;IAJf,GAOAL,KAPA;EATP,GAkBMC,IAlBN;IAAA,UAoBGF;EApBH,GADF;AAwBD,CA5B+B,CAA3B"}
+{"version":3,"file":"TableRow.js","names":["forwardRef","Text","TableRow","props","ref","children","__css","rest","display","flexDirection","width","borderBottomStyle","borderBottomWidth","borderBottomColor","borderBottom"],"sources":["../../../src/Table/TableRow.tsx"],"sourcesContent":["import { forwardRef } from 'react';\nimport { rem } from 'polished';\n\nimport type { TextProps } from '../Text';\nimport { Text } from '../Text';\n\nexport type TableRowProps = TextProps;\n\nexport const TableRow = forwardRef<HTMLDivElement, TableRowProps>(\n  (props, ref) => {\n    const { children, __css, ...rest } = props;\n\n    return (\n      <Text\n        ref={ref}\n        as=\"div\"\n        role=\"row\"\n        variant=\"body-medium\"\n        px={2}\n        __css={{\n          display: 'flex',\n          flexDirection: 'row',\n          width: '100%',\n          borderBottomStyle: 'solid',\n          borderBottomWidth: rem(1),\n          borderBottomColor: 'surface-variant',\n          '&:last-of-type': {\n            borderBottom: 'none',\n          },\n          ...__css,\n        }}\n        {...rest}\n      >\n        {children}\n      </Text>\n    );\n  }\n);\n"],"mappings":";;;AAAA,SAASA,UAAT,QAA2B,OAA3B;AAIA,SAASC,IAAT,QAAqB,SAArB;;AAIA,OAAO,IAAMC,QAAQ,gBAAGF,UAAU,CAChC,UAACG,KAAD,EAAQC,GAAR,EAAgB;EACd,IAAQC,QAAR,GAAqCF,KAArC,CAAQE,QAAR;EAAA,IAAkBC,KAAlB,GAAqCH,KAArC,CAAkBG,KAAlB;EAAA,IAA4BC,IAA5B,4BAAqCJ,KAArC;;EAEA,oBACE,KAAC,IAAD;IACE,GAAG,EAAEC,GADP;IAEE,EAAE,EAAC,KAFL;IAGE,IAAI,EAAC,KAHP;IAIE,OAAO,EAAC,aAJV;IAKE,EAAE,EAAE,CALN;IAME,KAAK;MACHI,OAAO,EAAE,MADN;MAEHC,aAAa,EAAE,KAFZ;MAGHC,KAAK,EAAE,MAHJ;MAIHC,iBAAiB,EAAE,OAJhB;MAKHC,iBAAiB,aALd;MAMHC,iBAAiB,EAAE,iBANhB;MAOH,kBAAkB;QAChBC,YAAY,EAAE;MADE;IAPf,GAUAR,KAVA;EANP,GAkBMC,IAlBN;IAAA,UAoBGF;EApBH,GADF;AAwBD,CA5B+B,CAA3B"}

package/build/esm/Table/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/Table/index.ts"],"sourcesContent":["export * from './Table';\r\nexport * from './TableHead';\r\nexport * from './TableBody';\r\nexport * from './TableCell';\r\nexport * from './TableRow';\r\n"],"mappings":"AAAA,cAAc,SAAd;AACA,cAAc,aAAd;AACA,cAAc,aAAd;AACA,cAAc,aAAd;AACA,cAAc,YAAd"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../src/Table/index.ts"],"sourcesContent":["export * from './Table';\nexport * from './TableHead';\nexport * from './TableBody';\nexport * from './TableCell';\nexport * from './TableRow';\n"],"mappings":"AAAA,cAAc,SAAd;AACA,cAAc,aAAd;AACA,cAAc,aAAd;AACA,cAAc,aAAd;AACA,cAAc,YAAd"}