@ctlyst.id/internal-ui 2.0.24 → 2.0.26

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.
@@ -12,6 +12,9 @@ declare const tableTheme: {
12
12
  letterSpacing: string;
13
13
  textAlign: string;
14
14
  height: string;
15
+ color: (props: Record<string, any> | import("@chakra-ui/styled-system").StyleFunctionProps) => string;
16
+ fontSize: string;
17
+ lineHeight: string;
15
18
  };
16
19
  td: {
17
20
  textAlign: string;
@@ -50,11 +53,23 @@ declare const tableTheme: {
50
53
  py: string;
51
54
  lineHeight: string;
52
55
  fontSize: string;
56
+ '&:first-of-type': {
57
+ pl: number;
58
+ };
59
+ '&:last-of-type': {
60
+ pr: number;
61
+ };
53
62
  };
54
63
  td: {
55
64
  px: string;
56
65
  py: string;
57
66
  lineHeight: string;
67
+ '&:first-of-type': {
68
+ pl: number;
69
+ };
70
+ '&:last-of-type': {
71
+ pr: number;
72
+ };
58
73
  };
59
74
  caption: {
60
75
  px: string;
@@ -683,15 +683,9 @@ const DataTable = /*#__PURE__*/React.forwardRef((props, ref) => {
683
683
  textTransform: "capitalize",
684
684
  userSelect: "none",
685
685
  align: "center",
686
- justifyContent: "space-between"
687
- }, /*#__PURE__*/React.createElement(react.Text, {
688
- fontSize: "text.sm",
689
- fontWeight: 400,
690
- lineHeight: "18px",
691
- color: react.useColorModeValue('neutral.900', 'white')
692
- }, reactTable.flexRender(header.column.columnDef.header, header.getContext())), /*#__PURE__*/React.createElement(react.Box, {
686
+ gap: 2
687
+ }, /*#__PURE__*/React.createElement(react.Text, null, reactTable.flexRender(header.column.columnDef.header, header.getContext())), /*#__PURE__*/React.createElement(react.Box, {
693
688
  as: "span",
694
- pl: "2",
695
689
  cursor: header.column.getCanSort() ? 'pointer' : 'default',
696
690
  "data-test-id": `CT_Container_SortingIcon_${header.id}`,
697
691
  onClick: header.column.getToggleSortingHandler()
@@ -4478,11 +4472,14 @@ const baseStyle$6 = /*#__PURE__*/definePartsStyle$6({
4478
4472
  },
4479
4473
  th: {
4480
4474
  fontFamily: 'heading',
4481
- fontWeight: 'bold',
4475
+ fontWeight: 'semibold',
4482
4476
  textTransform: 'uppercase',
4483
- letterSpacing: 'wider',
4477
+ letterSpacing: 'normal',
4484
4478
  textAlign: 'start',
4485
- height: '50px'
4479
+ height: '50px',
4480
+ color: /*#__PURE__*/themeTools.mode('neutral.900', 'white'),
4481
+ fontSize: 'text.sm',
4482
+ lineHeight: '18px'
4486
4483
  },
4487
4484
  td: {
4488
4485
  textAlign: 'start',
@@ -4603,12 +4600,24 @@ const sizes$3 = {
4603
4600
  px: '2',
4604
4601
  py: '4',
4605
4602
  lineHeight: '4',
4606
- fontSize: 'xs'
4603
+ fontSize: 'xs',
4604
+ '&:first-of-type': {
4605
+ pl: 6
4606
+ },
4607
+ '&:last-of-type': {
4608
+ pr: 6
4609
+ }
4607
4610
  },
4608
4611
  td: {
4609
4612
  px: '2',
4610
4613
  py: '4',
4611
- lineHeight: '5'
4614
+ lineHeight: '5',
4615
+ '&:first-of-type': {
4616
+ pl: 6
4617
+ },
4618
+ '&:last-of-type': {
4619
+ pr: 6
4620
+ }
4612
4621
  },
4613
4622
  caption: {
4614
4623
  px: '6',