@basic-ui/material 1.0.0-alpha.46 → 1.0.0-alpha.48
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/build/cjs/index.js +12 -17
- package/build/cjs/index.js.map +1 -1
- package/build/esm/Chip/ButtonChip.d.ts +1 -1
- package/build/esm/Select/CustomContainerExample.d.ts +1 -1
- package/build/esm/Table/Table.d.ts +1 -1
- package/build/esm/Table/Table.js +7 -14
- package/build/esm/Table/Table.js.map +1 -1
- package/build/esm/Table/TableBody.d.ts +1 -1
- package/build/esm/Table/TableBody.js.map +1 -1
- package/build/esm/Table/TableCell.d.ts +1 -1
- package/build/esm/Table/TableCell.js +5 -3
- package/build/esm/Table/TableCell.js.map +1 -1
- package/build/esm/Table/TableHead.d.ts +1 -1
- package/build/esm/Table/TableHead.js +1 -3
- package/build/esm/Table/TableHead.js.map +1 -1
- package/build/esm/Table/TableRow.d.ts +1 -1
- package/build/esm/Table/TableRow.js +3 -3
- package/build/esm/Table/TableRow.js.map +1 -1
- package/build/esm/Table/index.js.map +1 -1
- package/build/tsconfig-build.tsbuildinfo +1 -1
- package/package.json +2 -2
- package/src/Table/Table.story.tsx +227 -227
- package/src/Table/Table.tsx +28 -34
- package/src/Table/TableBody.tsx +17 -17
- package/src/Table/TableCell.tsx +37 -34
- package/src/Table/TableHead.tsx +29 -31
- package/src/Table/TableRow.tsx +38 -38
- package/src/Table/index.ts +5 -5
package/build/cjs/index.js
CHANGED
|
@@ -5861,23 +5861,17 @@ const TabPanel = /*#__PURE__*/react$1.forwardRef(function TabPanel(props, forwar
|
|
|
5861
5861
|
const Table = /*#__PURE__*/react$1.forwardRef((props, ref) => {
|
|
5862
5862
|
const {
|
|
5863
5863
|
children,
|
|
5864
|
-
elevation = 0,
|
|
5865
5864
|
__css,
|
|
5866
5865
|
...rest
|
|
5867
5866
|
} = props;
|
|
5868
|
-
return /*#__PURE__*/jsxRuntime.jsx(
|
|
5867
|
+
return /*#__PURE__*/jsxRuntime.jsx(Box, {
|
|
5869
5868
|
ref: ref,
|
|
5870
5869
|
role: "table",
|
|
5871
|
-
display: "flex",
|
|
5872
|
-
width: "100%",
|
|
5873
|
-
flexDirection: "column",
|
|
5874
|
-
elevation: elevation,
|
|
5875
|
-
darkThemeBackgroundOverlay: elevation,
|
|
5876
|
-
borderRadius: "extra-large",
|
|
5877
5870
|
__css: {
|
|
5878
|
-
|
|
5879
|
-
|
|
5880
|
-
|
|
5871
|
+
display: 'flex',
|
|
5872
|
+
width: '100%',
|
|
5873
|
+
flexDirection: 'column',
|
|
5874
|
+
borderRadius: 'small',
|
|
5881
5875
|
overflowX: 'auto',
|
|
5882
5876
|
...__css
|
|
5883
5877
|
},
|
|
@@ -5917,7 +5911,6 @@ const TableHead = /*#__PURE__*/react$1.forwardRef((props, ref) => {
|
|
|
5917
5911
|
borderBottomStyle: 'solid',
|
|
5918
5912
|
borderBottomWidth: "0.0625rem",
|
|
5919
5913
|
borderBottomColor: 'surface-variant',
|
|
5920
|
-
background: mixColor('surface', 'primary', 0.05),
|
|
5921
5914
|
...__css
|
|
5922
5915
|
},
|
|
5923
5916
|
...rest,
|
|
@@ -5937,15 +5930,17 @@ const TableCell = /*#__PURE__*/react$1.forwardRef((props, ref) => {
|
|
|
5937
5930
|
const isHeadCell = useTableHeadContext();
|
|
5938
5931
|
return /*#__PURE__*/jsxRuntime.jsx(Box, {
|
|
5939
5932
|
ref: ref,
|
|
5940
|
-
px: 1,
|
|
5941
|
-
py: 3,
|
|
5942
5933
|
role: isHeadCell ? 'columnheader' : 'cell',
|
|
5943
5934
|
__css: {
|
|
5935
|
+
px: 1,
|
|
5936
|
+
height: "2.25rem",
|
|
5944
5937
|
whiteSpace: 'nowrap',
|
|
5945
5938
|
overflow: 'hidden',
|
|
5946
5939
|
textOverflow: 'ellipsis',
|
|
5947
5940
|
fontWeight: isHeadCell ? 'medium' : undefined,
|
|
5948
5941
|
color: 'on.surface',
|
|
5942
|
+
display: 'flex',
|
|
5943
|
+
alignItems: 'center',
|
|
5949
5944
|
...__css
|
|
5950
5945
|
},
|
|
5951
5946
|
...rest,
|
|
@@ -5963,12 +5958,12 @@ const TableRow = /*#__PURE__*/react$1.forwardRef((props, ref) => {
|
|
|
5963
5958
|
ref: ref,
|
|
5964
5959
|
as: "div",
|
|
5965
5960
|
role: "row",
|
|
5966
|
-
display: "flex",
|
|
5967
|
-
flexDirection: "row",
|
|
5968
|
-
width: "100%",
|
|
5969
5961
|
variant: "body-medium",
|
|
5970
5962
|
px: 2,
|
|
5971
5963
|
__css: {
|
|
5964
|
+
display: 'flex',
|
|
5965
|
+
flexDirection: 'row',
|
|
5966
|
+
width: '100%',
|
|
5972
5967
|
borderBottomStyle: 'solid',
|
|
5973
5968
|
borderBottomWidth: "0.0625rem",
|
|
5974
5969
|
borderBottomColor: 'surface-variant',
|