@atlaskit/dynamic-table 14.20.1 → 14.20.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 (11) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/dist/cjs/components/stateless.js +1 -1
  3. package/dist/cjs/styled/dynamic-table.js +2 -12
  4. package/dist/cjs/styled/table-head.js +2 -11
  5. package/dist/es2019/components/stateless.js +1 -1
  6. package/dist/es2019/styled/dynamic-table.js +2 -12
  7. package/dist/es2019/styled/table-head.js +2 -11
  8. package/dist/esm/components/stateless.js +1 -1
  9. package/dist/esm/styled/dynamic-table.js +2 -12
  10. package/dist/esm/styled/table-head.js +2 -11
  11. package/package.json +1 -7
package/CHANGELOG.md CHANGED
@@ -1,5 +1,14 @@
1
1
  # @atlaskit/dynamic-table
2
2
 
3
+ ## 14.20.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [#129726](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/129726)
8
+ [`778c15c1d279a`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/778c15c1d279a) -
9
+ [ux] Removed feature flag `platform.design-system-team.dynamic-table-typography_7zio6` resulting
10
+ in minor visual changes to typography.
11
+
3
12
  ## 14.20.1
4
13
 
5
14
  ### Patch Changes
package/dist/cjs/components/stateless.js CHANGED
@@ -35,7 +35,7 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
35
35
  function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
36
36
  function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
37
37
  var packageName = "@atlaskit/dynamic-table";
38
- var packageVersion = "14.20.1";
38
+ var packageVersion = "14.20.2";
39
39
  function toggleSortOrder(currentSortOrder) {
40
40
  switch (currentSortOrder) {
41
41
  case _constants.DESC:
package/dist/cjs/styled/dynamic-table.js CHANGED
@@ -10,7 +10,6 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
10
10
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
11
11
  var _react = require("react");
12
12
  var _react2 = require("@emotion/react");
13
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
14
13
  var _theme = require("../theme");
15
14
  var _excluded = ["isFixedSize", "hasDataRow", "children", "testId", "isLoading"];
16
15
  /* eslint-disable @repo/internal/react/require-jsdoc */
@@ -60,22 +59,13 @@ var Table = exports.Table = /*#__PURE__*/(0, _react.forwardRef)(function (_ref,
60
59
  var captionStyles = (0, _react2.css)({
61
60
  font: "var(--ds-font-heading-medium, normal 500 20px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
62
61
  marginBlockEnd: "var(--ds-space-100, 8px)",
62
+ marginBlockStart: "var(--ds-space-300, 24px)",
63
63
  willChange: 'transform'
64
64
  });
65
- var oldCaptionStyles = (0, _react2.css)({
66
- fontWeight: "var(--ds-font-weight-regular, 400)",
67
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
68
- marginBlockStart: 28
69
- });
70
- var newCaptionStyles = (0, _react2.css)({
71
- marginBlockStart: "var(--ds-space-300, 24px)"
72
- });
73
65
  var Caption = exports.Caption = function Caption(_ref3) {
74
66
  var children = _ref3.children;
75
67
  return (0, _react2.jsx)("caption", {
76
- css: [captionStyles,
77
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
78
- (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.dynamic-table-typography_7zio6') ? newCaptionStyles : oldCaptionStyles]
68
+ css: captionStyles
79
69
  }, children);
80
70
  };
81
71
  var paginationWrapperStyles = (0, _react2.css)({
package/dist/cjs/styled/table-head.js CHANGED
@@ -10,7 +10,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
10
10
  var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
11
11
  var _react = require("react");
12
12
  var _react2 = require("@emotion/react");
13
- var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
14
13
  var _colors = require("@atlaskit/theme/colors");
15
14
  var _constants = require("../internal/constants");
16
15
  var _theme = require("../theme");
@@ -49,19 +48,13 @@ var headCellBaseStyles = (0, _react2.css)({
49
48
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
50
49
  borderBlockEnd: "2px solid ".concat(_theme.tableBorder.borderColor),
51
50
  color: "var(--ds-text-subtlest, ".concat("var(".concat(CSS_VAR_TEXT_COLOR, ")"), ")"),
51
+ font: "var(--ds-font-heading-xxsmall, normal 600 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
52
52
  textAlign: 'left',
53
53
  verticalAlign: 'top',
54
54
  '&:focus-visible': {
55
55
  outline: "solid 2px ".concat("var(--ds-border-focused, ".concat(_colors.B100, ")"))
56
56
  }
57
57
  });
58
- var headCellOldStyles = (0, _react2.css)({
59
- fontSize: '0.75rem',
60
- fontWeight: "var(--ds-font-weight-semibold, 600)"
61
- });
62
- var headCellNewStyles = (0, _react2.css)({
63
- font: "var(--ds-font-heading-xxsmall, normal 600 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
64
- });
65
58
  var onClickStyles = (0, _react2.css)({
66
59
  '&:hover': {
67
60
  backgroundColor: "var(--ds-background-neutral-hovered, ".concat(_colors.N30A, ")"),
@@ -188,9 +181,7 @@ var HeadCell = exports.HeadCell = /*#__PURE__*/(0, _react.forwardRef)(function (
188
181
  style: mergedStyles,
189
182
  css: [
190
183
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
191
- _constants2.cellStyles, headCellBaseStyles,
192
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
193
- (0, _platformFeatureFlags.getBooleanFF)('platform.design-system-team.dynamic-table-typography_7zio6') ? headCellNewStyles : headCellOldStyles, onClick && onClickStyles,
184
+ _constants2.cellStyles, headCellBaseStyles, onClick && onClickStyles,
194
185
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
195
186
  _constants2.truncationWidthStyles,
196
187
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
package/dist/es2019/components/stateless.js CHANGED
@@ -14,7 +14,7 @@ import LoadingContainerAdvanced from './loading-container-advanced';
14
14
  import ManagedPagination from './managed-pagination';
15
15
  import TableHead from './table-head';
16
16
  const packageName = "@atlaskit/dynamic-table";
17
- const packageVersion = "14.20.1";
17
+ const packageVersion = "14.20.2";
18
18
  function toggleSortOrder(currentSortOrder) {
19
19
  switch (currentSortOrder) {
20
20
  case DESC:
package/dist/es2019/styled/dynamic-table.js CHANGED
@@ -8,7 +8,6 @@ import { forwardRef } from 'react';
8
8
 
9
9
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
10
10
  import { css, jsx } from '@emotion/react';
11
- import { getBooleanFF } from '@atlaskit/platform-feature-flags';
12
11
  import { row, tableBorder } from '../theme';
13
12
  // CSS vars for table row
14
13
  // these are declared here to avoid being re-declared in each table row
@@ -60,22 +59,13 @@ export const Table = /*#__PURE__*/forwardRef(({
60
59
  const captionStyles = css({
61
60
  font: "var(--ds-font-heading-medium, normal 500 20px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
62
61
  marginBlockEnd: "var(--ds-space-100, 8px)",
62
+ marginBlockStart: "var(--ds-space-300, 24px)",
63
63
  willChange: 'transform'
64
64
  });
65
- const oldCaptionStyles = css({
66
- fontWeight: "var(--ds-font-weight-regular, 400)",
67
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
68
- marginBlockStart: 28
69
- });
70
- const newCaptionStyles = css({
71
- marginBlockStart: "var(--ds-space-300, 24px)"
72
- });
73
65
  export const Caption = ({
74
66
  children
75
67
  }) => jsx("caption", {
76
- css: [captionStyles,
77
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
78
- getBooleanFF('platform.design-system-team.dynamic-table-typography_7zio6') ? newCaptionStyles : oldCaptionStyles]
68
+ css: captionStyles
79
69
  }, children);
80
70
  const paginationWrapperStyles = css({
81
71
  display: 'flex',
package/dist/es2019/styled/table-head.js CHANGED
@@ -8,7 +8,6 @@ import { forwardRef } from 'react';
8
8
 
9
9
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
10
10
  import { css, jsx } from '@emotion/react';
11
- import { getBooleanFF } from '@atlaskit/platform-feature-flags';
12
11
  import { B100, N30A } from '@atlaskit/theme/colors';
13
12
  import { ASC, DESC } from '../internal/constants';
14
13
  import { arrow, head, MSThemeColors, tableBorder } from '../theme';
@@ -38,19 +37,13 @@ const headCellBaseStyles = css({
38
37
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
39
38
  borderBlockEnd: `2px solid ${tableBorder.borderColor}`,
40
39
  color: `var(--ds-text-subtlest, ${`var(${CSS_VAR_TEXT_COLOR})`})`,
40
+ font: "var(--ds-font-heading-xxsmall, normal 600 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
41
41
  textAlign: 'left',
42
42
  verticalAlign: 'top',
43
43
  '&:focus-visible': {
44
44
  outline: `solid 2px ${`var(--ds-border-focused, ${B100})`}`
45
45
  }
46
46
  });
47
- const headCellOldStyles = css({
48
- fontSize: '0.75rem',
49
- fontWeight: "var(--ds-font-weight-semibold, 600)"
50
- });
51
- const headCellNewStyles = css({
52
- font: "var(--ds-font-heading-xxsmall, normal 600 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
53
- });
54
47
  const onClickStyles = css({
55
48
  '&:hover': {
56
49
  backgroundColor: `var(--ds-background-neutral-hovered, ${N30A})`,
@@ -182,9 +175,7 @@ export const HeadCell = /*#__PURE__*/forwardRef(({
182
175
  style: mergedStyles,
183
176
  css: [
184
177
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
185
- cellStyles, headCellBaseStyles,
186
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
187
- getBooleanFF('platform.design-system-team.dynamic-table-typography_7zio6') ? headCellNewStyles : headCellOldStyles, onClick && onClickStyles,
178
+ cellStyles, headCellBaseStyles, onClick && onClickStyles,
188
179
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
189
180
  truncationWidthStyles,
190
181
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
package/dist/esm/components/stateless.js CHANGED
@@ -25,7 +25,7 @@ import LoadingContainerAdvanced from './loading-container-advanced';
25
25
  import ManagedPagination from './managed-pagination';
26
26
  import TableHead from './table-head';
27
27
  var packageName = "@atlaskit/dynamic-table";
28
- var packageVersion = "14.20.1";
28
+ var packageVersion = "14.20.2";
29
29
  function toggleSortOrder(currentSortOrder) {
30
30
  switch (currentSortOrder) {
31
31
  case DESC:
package/dist/esm/styled/dynamic-table.js CHANGED
@@ -11,7 +11,6 @@ import { forwardRef } from 'react';
11
11
 
12
12
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
13
13
  import { css, jsx } from '@emotion/react';
14
- import { getBooleanFF } from '@atlaskit/platform-feature-flags';
15
14
  import { row, tableBorder } from '../theme';
16
15
  // CSS vars for table row
17
16
  // these are declared here to avoid being re-declared in each table row
@@ -54,22 +53,13 @@ export var Table = /*#__PURE__*/forwardRef(function (_ref, ref) {
54
53
  var captionStyles = css({
55
54
  font: "var(--ds-font-heading-medium, normal 500 20px/24px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
56
55
  marginBlockEnd: "var(--ds-space-100, 8px)",
56
+ marginBlockStart: "var(--ds-space-300, 24px)",
57
57
  willChange: 'transform'
58
58
  });
59
- var oldCaptionStyles = css({
60
- fontWeight: "var(--ds-font-weight-regular, 400)",
61
- // eslint-disable-next-line @atlaskit/design-system/use-tokens-space
62
- marginBlockStart: 28
63
- });
64
- var newCaptionStyles = css({
65
- marginBlockStart: "var(--ds-space-300, 24px)"
66
- });
67
59
  export var Caption = function Caption(_ref3) {
68
60
  var children = _ref3.children;
69
61
  return jsx("caption", {
70
- css: [captionStyles,
71
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
72
- getBooleanFF('platform.design-system-team.dynamic-table-typography_7zio6') ? newCaptionStyles : oldCaptionStyles]
62
+ css: captionStyles
73
63
  }, children);
74
64
  };
75
65
  var paginationWrapperStyles = css({
package/dist/esm/styled/table-head.js CHANGED
@@ -14,7 +14,6 @@ import { forwardRef } from 'react';
14
14
 
15
15
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
16
16
  import { css, jsx } from '@emotion/react';
17
- import { getBooleanFF } from '@atlaskit/platform-feature-flags';
18
17
  import { B100, N30A } from '@atlaskit/theme/colors';
19
18
  import { ASC, DESC } from '../internal/constants';
20
19
  import { arrow, head, MSThemeColors, tableBorder } from '../theme';
@@ -43,19 +42,13 @@ var headCellBaseStyles = css({
43
42
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values, @atlaskit/ui-styling-standard/no-unsafe-values -- Ignored via go/DSP-18766
44
43
  borderBlockEnd: "2px solid ".concat(tableBorder.borderColor),
45
44
  color: "var(--ds-text-subtlest, ".concat("var(".concat(CSS_VAR_TEXT_COLOR, ")"), ")"),
45
+ font: "var(--ds-font-heading-xxsmall, normal 600 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)",
46
46
  textAlign: 'left',
47
47
  verticalAlign: 'top',
48
48
  '&:focus-visible': {
49
49
  outline: "solid 2px ".concat("var(--ds-border-focused, ".concat(B100, ")"))
50
50
  }
51
51
  });
52
- var headCellOldStyles = css({
53
- fontSize: '0.75rem',
54
- fontWeight: "var(--ds-font-weight-semibold, 600)"
55
- });
56
- var headCellNewStyles = css({
57
- font: "var(--ds-font-heading-xxsmall, normal 600 12px/16px ui-sans-serif, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Ubuntu, system-ui, \"Helvetica Neue\", sans-serif)"
58
- });
59
52
  var onClickStyles = css({
60
53
  '&:hover': {
61
54
  backgroundColor: "var(--ds-background-neutral-hovered, ".concat(N30A, ")"),
@@ -182,9 +175,7 @@ export var HeadCell = /*#__PURE__*/forwardRef(function (_ref2, ref) {
182
175
  style: mergedStyles,
183
176
  css: [
184
177
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
185
- cellStyles, headCellBaseStyles,
186
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
187
- getBooleanFF('platform.design-system-team.dynamic-table-typography_7zio6') ? headCellNewStyles : headCellOldStyles, onClick && onClickStyles,
178
+ cellStyles, headCellBaseStyles, onClick && onClickStyles,
188
179
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
189
180
  truncationWidthStyles,
190
181
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/dynamic-table",
3
- "version": "14.20.1",
3
+ "version": "14.20.2",
4
4
  "description": "A dynamic table displays rows of data with built-in pagination, sorting, and re-ordering functionality.",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -44,7 +44,6 @@
44
44
  "@atlaskit/analytics-next": "^10.1.0",
45
45
  "@atlaskit/ds-lib": "^2.4.0",
46
46
  "@atlaskit/pagination": "^14.8.0",
47
- "@atlaskit/platform-feature-flags": "^0.3.0",
48
47
  "@atlaskit/spinner": "^16.3.0",
49
48
  "@atlaskit/theme": "^13.0.0",
50
49
  "@atlaskit/tokens": "^1.58.0",
@@ -85,10 +84,5 @@
85
84
  "emotion"
86
85
  ]
87
86
  }
88
- },
89
- "platform-feature-flags": {
90
- "platform.design-system-team.dynamic-table-typography_7zio6": {
91
- "type": "boolean"
92
- }
93
87
  }
94
88
  }