@atlaskit/table 0.1.1 → 0.1.2

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.
Files changed (14) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/dist/cjs/ui/base-cell.js +5 -1
  3. package/dist/cjs/ui/th.js +3 -1
  4. package/dist/cjs/version.json +1 -1
  5. package/dist/es2019/ui/base-cell.js +5 -1
  6. package/dist/es2019/ui/th.js +3 -1
  7. package/dist/es2019/version.json +1 -1
  8. package/dist/esm/ui/base-cell.js +5 -1
  9. package/dist/esm/ui/th.js +3 -1
  10. package/dist/esm/version.json +1 -1
  11. package/dist/types/ui/base-cell.d.ts +8 -0
  12. package/package.json +3 -3
  13. package/report.api.md +1 -0
  14. package/tmp/api-report-tmp.d.ts +1 -0
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @atlaskit/table
2
2
 
3
+ ## 0.1.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [`d2c17ae6f14`](https://bitbucket.org/atlassian/atlassian-frontend/commits/d2c17ae6f14) - Adds the `width` prop to '@atlaskit/table' header elements.
8
+
3
9
  ## 0.1.1
4
10
 
5
11
  ### Patch Changes
package/dist/cjs/ui/base-cell.js CHANGED
@@ -53,6 +53,7 @@ var BaseCell = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
53
53
  paddingInline = _ref$paddingInline === void 0 ? 'scale.200' : _ref$paddingInline,
54
54
  backgroundColor = _ref.backgroundColor,
55
55
  scope = _ref.scope,
56
+ width = _ref.width,
56
57
  className = _ref.className;
57
58
  return (0, _react2.jsx)(_box.default, {
58
59
  css: baseResetStyles,
@@ -63,7 +64,10 @@ var BaseCell = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
63
64
  paddingInline: paddingInline,
64
65
  as: as,
65
66
  testId: testId,
66
- className: className
67
+ className: className,
68
+ UNSAFE_style: width ? {
69
+ width: width
70
+ } : undefined
67
71
  }, (0, _react2.jsx)(_inline.default, {
68
72
  justifyContent: alignMap[align],
69
73
  gap: "scale.0"
package/dist/cjs/ui/th.js CHANGED
@@ -23,7 +23,8 @@ var TH = function TH(_ref) {
23
23
  testId = _ref.testId,
24
24
  align = _ref.align,
25
25
  scope = _ref.scope,
26
- backgroundColor = _ref.backgroundColor;
26
+ backgroundColor = _ref.backgroundColor,
27
+ width = _ref.width;
27
28
  return (
28
29
  /*#__PURE__*/
29
30
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
@@ -32,6 +33,7 @@ var TH = function TH(_ref) {
32
33
  testId: testId,
33
34
  align: align,
34
35
  scope: scope,
36
+ width: width,
35
37
  backgroundColor: backgroundColor
36
38
  }, children)
37
39
  );
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/table",
3
- "version": "0.1.1",
3
+ "version": "0.1.2",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/ui/base-cell.js CHANGED
@@ -37,6 +37,7 @@ export const BaseCell = /*#__PURE__*/forwardRef(({
37
37
  paddingInline = 'scale.200',
38
38
  backgroundColor,
39
39
  scope,
40
+ width,
40
41
  className
41
42
  }, ref) => jsx(Box, {
42
43
  css: baseResetStyles,
@@ -47,7 +48,10 @@ export const BaseCell = /*#__PURE__*/forwardRef(({
47
48
  paddingInline: paddingInline,
48
49
  as: as,
49
50
  testId: testId,
50
- className: className
51
+ className: className,
52
+ UNSAFE_style: width ? {
53
+ width
54
+ } : undefined
51
55
  }, jsx(Inline, {
52
56
  justifyContent: alignMap[align],
53
57
  gap: "scale.0"
package/dist/es2019/ui/th.js CHANGED
@@ -13,7 +13,8 @@ export const TH = ({
13
13
  testId,
14
14
  align,
15
15
  scope,
16
- backgroundColor
16
+ backgroundColor,
17
+ width
17
18
  }) =>
18
19
  /*#__PURE__*/
19
20
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
@@ -22,5 +23,6 @@ React.createElement(BaseCell, {
22
23
  testId: testId,
23
24
  align: align,
24
25
  scope: scope,
26
+ width: width,
25
27
  backgroundColor: backgroundColor
26
28
  }, children);
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/table",
3
- "version": "0.1.1",
3
+ "version": "0.1.2",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/ui/base-cell.js CHANGED
@@ -40,6 +40,7 @@ export var BaseCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
40
40
  paddingInline = _ref$paddingInline === void 0 ? 'scale.200' : _ref$paddingInline,
41
41
  backgroundColor = _ref.backgroundColor,
42
42
  scope = _ref.scope,
43
+ width = _ref.width,
43
44
  className = _ref.className;
44
45
  return jsx(Box, {
45
46
  css: baseResetStyles,
@@ -50,7 +51,10 @@ export var BaseCell = /*#__PURE__*/forwardRef(function (_ref, ref) {
50
51
  paddingInline: paddingInline,
51
52
  as: as,
52
53
  testId: testId,
53
- className: className
54
+ className: className,
55
+ UNSAFE_style: width ? {
56
+ width: width
57
+ } : undefined
54
58
  }, jsx(Inline, {
55
59
  justifyContent: alignMap[align],
56
60
  gap: "scale.0"
package/dist/esm/ui/th.js CHANGED
@@ -13,7 +13,8 @@ export var TH = function TH(_ref) {
13
13
  testId = _ref.testId,
14
14
  align = _ref.align,
15
15
  scope = _ref.scope,
16
- backgroundColor = _ref.backgroundColor;
16
+ backgroundColor = _ref.backgroundColor,
17
+ width = _ref.width;
17
18
  return (
18
19
  /*#__PURE__*/
19
20
  // eslint-disable-next-line @repo/internal/react/no-unsafe-spread-props
@@ -22,6 +23,7 @@ export var TH = function TH(_ref) {
22
23
  testId: testId,
23
24
  align: align,
24
25
  scope: scope,
26
+ width: width,
25
27
  backgroundColor: backgroundColor
26
28
  }, children)
27
29
  );
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/table",
3
- "version": "0.1.1",
3
+ "version": "0.1.2",
4
4
  "sideEffects": false
5
5
  }
package/dist/types/ui/base-cell.d.ts CHANGED
@@ -2,6 +2,10 @@
2
2
  import { ReactNode } from 'react';
3
3
  import { BoxProps } from '@atlaskit/ds-explorations/box';
4
4
  export declare type BaseCellProps = {
5
+ /**
6
+ * A percentage of pixel width of the table to apply to a column.
7
+ */
8
+ width?: string;
5
9
  /**
6
10
  * Horizontal alignment of content.
7
11
  */
@@ -39,6 +43,10 @@ declare const alignMap: {
39
43
  * Basic cell element.
40
44
  */
41
45
  export declare const BaseCell: import("react").ForwardRefExoticComponent<{
46
+ /**
47
+ * A percentage of pixel width of the table to apply to a column.
48
+ */
49
+ width?: string | undefined;
42
50
  /**
43
51
  * Horizontal alignment of content.
44
52
  */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/table",
3
- "version": "0.1.1",
3
+ "version": "0.1.2",
4
4
  "description": "A table is used to display data.",
5
5
  "author": "Atlassian Pty Ltd",
6
6
  "license": "Apache-2.0",
@@ -32,9 +32,9 @@
32
32
  "./primitives": "./src/ui/index.tsx"
33
33
  },
34
34
  "dependencies": {
35
- "@atlaskit/button": "^16.4.1",
35
+ "@atlaskit/button": "^16.5.0",
36
36
  "@atlaskit/checkbox": "^12.4.1",
37
- "@atlaskit/ds-explorations": "^1.4.0",
37
+ "@atlaskit/ds-explorations": "^1.6.0",
38
38
  "@atlaskit/ds-lib": "^2.1.2",
39
39
  "@atlaskit/focus-ring": "^1.2.1",
40
40
  "@atlaskit/icon": "^21.11.2",
package/report.api.md CHANGED
@@ -30,6 +30,7 @@ const alignMap: {
30
30
 
31
31
  // @public (undocumented)
32
32
  type BaseCellProps = {
33
+ width?: string;
33
34
  align?: keyof typeof alignMap;
34
35
  as?: 'td' | 'th';
35
36
  scope?: 'col' | 'row';
package/tmp/api-report-tmp.d.ts CHANGED
@@ -19,6 +19,7 @@ const alignMap: {
19
19
 
20
20
  // @public (undocumented)
21
21
  type BaseCellProps = {
22
+ width?: string;
22
23
  align?: keyof typeof alignMap;
23
24
  as?: 'td' | 'th';
24
25
  scope?: 'col' | 'row';