@atlaskit/renderer 134.0.6 → 134.0.8

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/CHANGELOG.md CHANGED
@@ -1,5 +1,22 @@
1
1
  # @atlaskit/renderer
2
2
 
3
+ ## 134.0.8
4
+
5
+ ### Patch Changes
6
+
7
+ - Updated dependencies
8
+
9
+ ## 134.0.7
10
+
11
+ ### Patch Changes
12
+
13
+ - [`b0682afb9fdf1`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b0682afb9fdf1) -
14
+ Add lime, orange and magenta colours to the table cell background colour palette.
15
+ - [`2b6d25f854593`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/2b6d25f854593) -
16
+ Remove legacy ReactDOM.render/hydrate/unmountComponentAtNode usage from non-production code
17
+ (tests, demo entries, VR fixtures) as part of the React 19 migration
18
+ - Updated dependencies
19
+
3
20
  ## 134.0.6
4
21
 
5
22
  ### Patch Changes
@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
7
7
  exports.withSortableColumn = exports.TableHeader = exports.TableCell = void 0;
8
8
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
9
9
  var _react = _interopRequireDefault(require("react"));
10
- var _lchColorInversion = require("@atlaskit/adf-schema/lch-color-inversion");
11
10
  var _tableNodes = require("@atlaskit/adf-schema/tableNodes");
11
+ var _lchColorInversion = require("@atlaskit/adf-schema/lch-color-inversion");
12
12
  var _useThemeObserver2 = require("@atlaskit/tokens/use-theme-observer");
13
13
  var _types = require("@atlaskit/editor-common/types");
14
14
  var _editorPalette = require("@atlaskit/editor-palette");
@@ -176,7 +176,8 @@ var getWithCellProps = function getWithCellProps(WrapperComponent) {
176
176
 
177
177
  // This is used to set the background color of the cell
178
178
  // to a dark mode color in mobile dark mode
179
- var colorName = background ? _tableNodes.tableBackgroundColorPalette.get(background) : '';
179
+ var backgroundHex = background === null || background === void 0 ? void 0 : background.toLowerCase();
180
+ var colorName = backgroundHex ? _tableNodes.tableBackgroundColorNameByHex.get(backgroundHex) : '';
180
181
  return /*#__PURE__*/_react.default.createElement(WrapperComponent, (0, _extends2.default)({
181
182
  rowSpan: rowspan,
182
183
  colSpan: colspan
@@ -1408,6 +1408,54 @@ var tableSharedStyle = (0, _react.css)((0, _defineProperty2.default)((0, _define
1408
1408
  },
1409
1409
  'td[colorname="dark purple" i], th[colorname="dark purple" i]': {
1410
1410
  backgroundColor: "var(--ds-background-accent-purple-subtle, #C97CF4)".concat(" !important")
1411
+ },
1412
+ 'td[colorname="subtle lime" i], th[colorname="subtle lime" i]': {
1413
+ backgroundColor: "var(--ds-background-accent-lime-subtlest, #EFFFD6)".concat(" !important")
1414
+ },
1415
+ 'td[colorname="subtle orange" i], th[colorname="subtle orange" i]': {
1416
+ backgroundColor: "var(--ds-background-accent-orange-subtlest, #FFF5DB)".concat(" !important")
1417
+ },
1418
+ 'td[colorname="subtle magenta" i], th[colorname="subtle magenta" i]': {
1419
+ backgroundColor: "var(--ds-background-accent-magenta-subtlest, #FFECF8)".concat(" !important")
1420
+ },
1421
+ 'td[colorname="lime" i], th[colorname="lime" i]': {
1422
+ backgroundColor: "var(--ds-background-accent-lime-subtler, #D3F1A7)".concat(" !important")
1423
+ },
1424
+ 'td[colorname="orange" i], th[colorname="orange" i]': {
1425
+ backgroundColor: "var(--ds-background-accent-orange-subtler, #FCE4A6)".concat(" !important")
1426
+ },
1427
+ 'td[colorname="magenta" i], th[colorname="magenta" i]': {
1428
+ backgroundColor: "var(--ds-background-accent-magenta-subtler, #FDD0EC)".concat(" !important")
1429
+ },
1430
+ 'td[colorname="bold gray" i], th[colorname="bold gray" i]': {
1431
+ backgroundColor: "var(--ds-background-accent-gray-subtler-hovered, #B7B9BE)".concat(" !important")
1432
+ },
1433
+ 'td[colorname="bold blue" i], th[colorname="bold blue" i]': {
1434
+ backgroundColor: "var(--ds-background-accent-blue-subtler-hovered, #ADCBFB)".concat(" !important")
1435
+ },
1436
+ 'td[colorname="bold teal" i], th[colorname="bold teal" i]': {
1437
+ backgroundColor: "var(--ds-background-accent-teal-subtler-hovered, #B1E4F7)".concat(" !important")
1438
+ },
1439
+ 'td[colorname="bold green" i], th[colorname="bold green" i]': {
1440
+ backgroundColor: "var(--ds-background-accent-green-subtler-hovered, #97EDC9)".concat(" !important")
1441
+ },
1442
+ 'td[colorname="bold lime" i], th[colorname="bold lime" i]': {
1443
+ backgroundColor: "var(--ds-background-accent-lime-subtler-hovered, #BDE97C)".concat(" !important")
1444
+ },
1445
+ 'td[colorname="bold yellow" i], th[colorname="bold yellow" i]': {
1446
+ backgroundColor: "var(--ds-background-accent-yellow-subtler-hovered, #EFDD4E)".concat(" !important")
1447
+ },
1448
+ 'td[colorname="bold orange" i], th[colorname="bold orange" i]': {
1449
+ backgroundColor: "var(--ds-background-accent-orange-subtler-hovered, #FBD779)".concat(" !important")
1450
+ },
1451
+ 'td[colorname="bold red" i], th[colorname="bold red" i]': {
1452
+ backgroundColor: "var(--ds-background-accent-red-subtler-hovered, #FFB8B2)".concat(" !important")
1453
+ },
1454
+ 'td[colorname="bold magenta" i], th[colorname="bold magenta" i]': {
1455
+ backgroundColor: "var(--ds-background-accent-magenta-subtler-hovered, #FCB6E1)".concat(" !important")
1456
+ },
1457
+ 'td[colorname="bold purple" i], th[colorname="bold purple" i]': {
1458
+ backgroundColor: "var(--ds-background-accent-purple-subtler-hovered, #E3BDFA)".concat(" !important")
1411
1459
  }
1412
1460
  }, ".".concat(_styles.TableSharedCssClassName.TABLE_CONTAINER), {
1413
1461
  position: 'relative',
@@ -73,7 +73,7 @@ var DEGRADED_SEVERITY_THRESHOLD = exports.DEGRADED_SEVERITY_THRESHOLD = 3000;
73
73
  var TABLE_INFO_TIMEOUT = 10000;
74
74
  var RENDER_EVENT_SAMPLE_RATE = 0.1;
75
75
  var packageName = "@atlaskit/renderer";
76
- var packageVersion = "134.0.5";
76
+ var packageVersion = "134.0.7";
77
77
  var setAsQueryContainerStyles = (0, _react2.css)({
78
78
  containerName: 'ak-renderer-wrapper',
79
79
  containerType: 'inline-size'
@@ -1,7 +1,7 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import React from 'react';
3
+ import { tableBackgroundColorNameByHex } from '@atlaskit/adf-schema/tableNodes';
3
4
  import { getDarkModeLCHColor } from '@atlaskit/adf-schema/lch-color-inversion';
4
- import { tableBackgroundColorPalette } from '@atlaskit/adf-schema/tableNodes';
5
5
  import { useThemeObserver } from '@atlaskit/tokens/use-theme-observer';
6
6
  import { SortOrder } from '@atlaskit/editor-common/types';
7
7
  import { hexToEditorBackgroundPaletteRawValue } from '@atlaskit/editor-palette';
@@ -175,7 +175,8 @@ const getWithCellProps = WrapperComponent => {
175
175
 
176
176
  // This is used to set the background color of the cell
177
177
  // to a dark mode color in mobile dark mode
178
- const colorName = background ? tableBackgroundColorPalette.get(background) : '';
178
+ const backgroundHex = background === null || background === void 0 ? void 0 : background.toLowerCase();
179
+ const colorName = backgroundHex ? tableBackgroundColorNameByHex.get(backgroundHex) : '';
179
180
  return /*#__PURE__*/React.createElement(WrapperComponent, _extends({
180
181
  rowSpan: rowspan,
181
182
  colSpan: colspan
@@ -1706,6 +1706,54 @@ const tableSharedStyle = css({
1706
1706
  'td[colorname="dark purple" i], th[colorname="dark purple" i]': {
1707
1707
  backgroundColor: `${"var(--ds-background-accent-purple-subtle, #C97CF4)"} !important`
1708
1708
  },
1709
+ 'td[colorname="subtle lime" i], th[colorname="subtle lime" i]': {
1710
+ backgroundColor: `${"var(--ds-background-accent-lime-subtlest, #EFFFD6)"} !important`
1711
+ },
1712
+ 'td[colorname="subtle orange" i], th[colorname="subtle orange" i]': {
1713
+ backgroundColor: `${"var(--ds-background-accent-orange-subtlest, #FFF5DB)"} !important`
1714
+ },
1715
+ 'td[colorname="subtle magenta" i], th[colorname="subtle magenta" i]': {
1716
+ backgroundColor: `${"var(--ds-background-accent-magenta-subtlest, #FFECF8)"} !important`
1717
+ },
1718
+ 'td[colorname="lime" i], th[colorname="lime" i]': {
1719
+ backgroundColor: `${"var(--ds-background-accent-lime-subtler, #D3F1A7)"} !important`
1720
+ },
1721
+ 'td[colorname="orange" i], th[colorname="orange" i]': {
1722
+ backgroundColor: `${"var(--ds-background-accent-orange-subtler, #FCE4A6)"} !important`
1723
+ },
1724
+ 'td[colorname="magenta" i], th[colorname="magenta" i]': {
1725
+ backgroundColor: `${"var(--ds-background-accent-magenta-subtler, #FDD0EC)"} !important`
1726
+ },
1727
+ 'td[colorname="bold gray" i], th[colorname="bold gray" i]': {
1728
+ backgroundColor: `${"var(--ds-background-accent-gray-subtler-hovered, #B7B9BE)"} !important`
1729
+ },
1730
+ 'td[colorname="bold blue" i], th[colorname="bold blue" i]': {
1731
+ backgroundColor: `${"var(--ds-background-accent-blue-subtler-hovered, #ADCBFB)"} !important`
1732
+ },
1733
+ 'td[colorname="bold teal" i], th[colorname="bold teal" i]': {
1734
+ backgroundColor: `${"var(--ds-background-accent-teal-subtler-hovered, #B1E4F7)"} !important`
1735
+ },
1736
+ 'td[colorname="bold green" i], th[colorname="bold green" i]': {
1737
+ backgroundColor: `${"var(--ds-background-accent-green-subtler-hovered, #97EDC9)"} !important`
1738
+ },
1739
+ 'td[colorname="bold lime" i], th[colorname="bold lime" i]': {
1740
+ backgroundColor: `${"var(--ds-background-accent-lime-subtler-hovered, #BDE97C)"} !important`
1741
+ },
1742
+ 'td[colorname="bold yellow" i], th[colorname="bold yellow" i]': {
1743
+ backgroundColor: `${"var(--ds-background-accent-yellow-subtler-hovered, #EFDD4E)"} !important`
1744
+ },
1745
+ 'td[colorname="bold orange" i], th[colorname="bold orange" i]': {
1746
+ backgroundColor: `${"var(--ds-background-accent-orange-subtler-hovered, #FBD779)"} !important`
1747
+ },
1748
+ 'td[colorname="bold red" i], th[colorname="bold red" i]': {
1749
+ backgroundColor: `${"var(--ds-background-accent-red-subtler-hovered, #FFB8B2)"} !important`
1750
+ },
1751
+ 'td[colorname="bold magenta" i], th[colorname="bold magenta" i]': {
1752
+ backgroundColor: `${"var(--ds-background-accent-magenta-subtler-hovered, #FCB6E1)"} !important`
1753
+ },
1754
+ 'td[colorname="bold purple" i], th[colorname="bold purple" i]': {
1755
+ backgroundColor: `${"var(--ds-background-accent-purple-subtler-hovered, #E3BDFA)"} !important`
1756
+ },
1709
1757
  [`.${TableSharedCssClassName.TABLE_CONTAINER}`]: {
1710
1758
  position: 'relative',
1711
1759
  marginTop: 0,
@@ -59,7 +59,7 @@ export const DEGRADED_SEVERITY_THRESHOLD = 3000;
59
59
  const TABLE_INFO_TIMEOUT = 10000;
60
60
  const RENDER_EVENT_SAMPLE_RATE = 0.1;
61
61
  const packageName = "@atlaskit/renderer";
62
- const packageVersion = "134.0.5";
62
+ const packageVersion = "134.0.7";
63
63
  const setAsQueryContainerStyles = css({
64
64
  containerName: 'ak-renderer-wrapper',
65
65
  containerType: 'inline-size'
@@ -1,7 +1,7 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
2
  import React from 'react';
3
+ import { tableBackgroundColorNameByHex } from '@atlaskit/adf-schema/tableNodes';
3
4
  import { getDarkModeLCHColor } from '@atlaskit/adf-schema/lch-color-inversion';
4
- import { tableBackgroundColorPalette } from '@atlaskit/adf-schema/tableNodes';
5
5
  import { useThemeObserver } from '@atlaskit/tokens/use-theme-observer';
6
6
  import { SortOrder } from '@atlaskit/editor-common/types';
7
7
  import { hexToEditorBackgroundPaletteRawValue } from '@atlaskit/editor-palette';
@@ -169,7 +169,8 @@ var getWithCellProps = function getWithCellProps(WrapperComponent) {
169
169
 
170
170
  // This is used to set the background color of the cell
171
171
  // to a dark mode color in mobile dark mode
172
- var colorName = background ? tableBackgroundColorPalette.get(background) : '';
172
+ var backgroundHex = background === null || background === void 0 ? void 0 : background.toLowerCase();
173
+ var colorName = backgroundHex ? tableBackgroundColorNameByHex.get(backgroundHex) : '';
173
174
  return /*#__PURE__*/React.createElement(WrapperComponent, _extends({
174
175
  rowSpan: rowspan,
175
176
  colSpan: colspan
@@ -1401,6 +1401,54 @@ var tableSharedStyle = css(_defineProperty(_defineProperty(_defineProperty(_defi
1401
1401
  },
1402
1402
  'td[colorname="dark purple" i], th[colorname="dark purple" i]': {
1403
1403
  backgroundColor: "var(--ds-background-accent-purple-subtle, #C97CF4)".concat(" !important")
1404
+ },
1405
+ 'td[colorname="subtle lime" i], th[colorname="subtle lime" i]': {
1406
+ backgroundColor: "var(--ds-background-accent-lime-subtlest, #EFFFD6)".concat(" !important")
1407
+ },
1408
+ 'td[colorname="subtle orange" i], th[colorname="subtle orange" i]': {
1409
+ backgroundColor: "var(--ds-background-accent-orange-subtlest, #FFF5DB)".concat(" !important")
1410
+ },
1411
+ 'td[colorname="subtle magenta" i], th[colorname="subtle magenta" i]': {
1412
+ backgroundColor: "var(--ds-background-accent-magenta-subtlest, #FFECF8)".concat(" !important")
1413
+ },
1414
+ 'td[colorname="lime" i], th[colorname="lime" i]': {
1415
+ backgroundColor: "var(--ds-background-accent-lime-subtler, #D3F1A7)".concat(" !important")
1416
+ },
1417
+ 'td[colorname="orange" i], th[colorname="orange" i]': {
1418
+ backgroundColor: "var(--ds-background-accent-orange-subtler, #FCE4A6)".concat(" !important")
1419
+ },
1420
+ 'td[colorname="magenta" i], th[colorname="magenta" i]': {
1421
+ backgroundColor: "var(--ds-background-accent-magenta-subtler, #FDD0EC)".concat(" !important")
1422
+ },
1423
+ 'td[colorname="bold gray" i], th[colorname="bold gray" i]': {
1424
+ backgroundColor: "var(--ds-background-accent-gray-subtler-hovered, #B7B9BE)".concat(" !important")
1425
+ },
1426
+ 'td[colorname="bold blue" i], th[colorname="bold blue" i]': {
1427
+ backgroundColor: "var(--ds-background-accent-blue-subtler-hovered, #ADCBFB)".concat(" !important")
1428
+ },
1429
+ 'td[colorname="bold teal" i], th[colorname="bold teal" i]': {
1430
+ backgroundColor: "var(--ds-background-accent-teal-subtler-hovered, #B1E4F7)".concat(" !important")
1431
+ },
1432
+ 'td[colorname="bold green" i], th[colorname="bold green" i]': {
1433
+ backgroundColor: "var(--ds-background-accent-green-subtler-hovered, #97EDC9)".concat(" !important")
1434
+ },
1435
+ 'td[colorname="bold lime" i], th[colorname="bold lime" i]': {
1436
+ backgroundColor: "var(--ds-background-accent-lime-subtler-hovered, #BDE97C)".concat(" !important")
1437
+ },
1438
+ 'td[colorname="bold yellow" i], th[colorname="bold yellow" i]': {
1439
+ backgroundColor: "var(--ds-background-accent-yellow-subtler-hovered, #EFDD4E)".concat(" !important")
1440
+ },
1441
+ 'td[colorname="bold orange" i], th[colorname="bold orange" i]': {
1442
+ backgroundColor: "var(--ds-background-accent-orange-subtler-hovered, #FBD779)".concat(" !important")
1443
+ },
1444
+ 'td[colorname="bold red" i], th[colorname="bold red" i]': {
1445
+ backgroundColor: "var(--ds-background-accent-red-subtler-hovered, #FFB8B2)".concat(" !important")
1446
+ },
1447
+ 'td[colorname="bold magenta" i], th[colorname="bold magenta" i]': {
1448
+ backgroundColor: "var(--ds-background-accent-magenta-subtler-hovered, #FCB6E1)".concat(" !important")
1449
+ },
1450
+ 'td[colorname="bold purple" i], th[colorname="bold purple" i]': {
1451
+ backgroundColor: "var(--ds-background-accent-purple-subtler-hovered, #E3BDFA)".concat(" !important")
1404
1452
  }
1405
1453
  }, ".".concat(TableSharedCssClassName.TABLE_CONTAINER), {
1406
1454
  position: 'relative',
@@ -64,7 +64,7 @@ export var DEGRADED_SEVERITY_THRESHOLD = 3000;
64
64
  var TABLE_INFO_TIMEOUT = 10000;
65
65
  var RENDER_EVENT_SAMPLE_RATE = 0.1;
66
66
  var packageName = "@atlaskit/renderer";
67
- var packageVersion = "134.0.5";
67
+ var packageVersion = "134.0.7";
68
68
  var setAsQueryContainerStyles = css({
69
69
  containerName: 'ak-renderer-wrapper',
70
70
  containerType: 'inline-size'
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/renderer",
3
- "version": "134.0.6",
3
+ "version": "134.0.8",
4
4
  "description": "Renderer component",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -30,7 +30,7 @@
30
30
  }
31
31
  },
32
32
  "dependencies": {
33
- "@atlaskit/adf-schema": "^56.5.0",
33
+ "@atlaskit/adf-schema": "^56.6.0",
34
34
  "@atlaskit/adf-utils": "^20.5.0",
35
35
  "@atlaskit/afm-i18n-platform-editor-renderer": "2.200.0",
36
36
  "@atlaskit/analytics-listeners": "^11.1.0",
@@ -52,7 +52,7 @@
52
52
  "@atlaskit/link-datasource": "^6.4.0",
53
53
  "@atlaskit/link-extractors": "^3.2.0",
54
54
  "@atlaskit/linking-common": "^11.0.0",
55
- "@atlaskit/media-card": "^81.4.0",
55
+ "@atlaskit/media-card": "^81.5.0",
56
56
  "@atlaskit/media-client": "^37.2.0",
57
57
  "@atlaskit/media-client-react": "^6.1.0",
58
58
  "@atlaskit/media-common": "^14.4.0",
@@ -68,9 +68,9 @@
68
68
  "@atlaskit/smart-card": "^45.17.0",
69
69
  "@atlaskit/status": "^5.8.0",
70
70
  "@atlaskit/task-decision": "^21.8.0",
71
- "@atlaskit/theme": "^26.1.0",
72
- "@atlaskit/tmp-editor-statsig": "^141.0.0",
73
- "@atlaskit/tokens": "^16.3.0",
71
+ "@atlaskit/theme": "^27.0.0",
72
+ "@atlaskit/tmp-editor-statsig": "^142.0.0",
73
+ "@atlaskit/tokens": "^16.4.0",
74
74
  "@atlaskit/tooltip": "^24.0.0",
75
75
  "@atlaskit/visually-hidden": "^4.2.0",
76
76
  "@babel/runtime": "^7.0.0",
@@ -84,7 +84,7 @@
84
84
  "uuid": "^3.1.0"
85
85
  },
86
86
  "peerDependencies": {
87
- "@atlaskit/editor-common": "^117.2.0",
87
+ "@atlaskit/editor-common": "^117.4.0",
88
88
  "@atlaskit/link-provider": "^5.3.0",
89
89
  "@atlaskit/media-core": "^38.0.0",
90
90
  "react": "^18.2.0",
@@ -103,7 +103,7 @@
103
103
  "@atlaskit/media-integration-test-helpers": "workspace:^",
104
104
  "@atlaskit/media-test-helpers": "^42.2.0",
105
105
  "@atlaskit/mention": "^27.12.0",
106
- "@atlaskit/modal-dialog": "^16.2.0",
106
+ "@atlaskit/modal-dialog": "^16.3.0",
107
107
  "@atlaskit/navigation-system": "^10.11.0",
108
108
  "@atlaskit/profilecard": "^26.15.0",
109
109
  "@atlaskit/side-nav-items": "^2.3.0",
package/tsconfig.json CHANGED
@@ -1,17 +1,7 @@
1
1
  {
2
- "extends": "../../../tsconfig.json",
3
- "include": [
4
- "./src/**/*.ts",
5
- "./src/**/*.tsx",
6
- "./docs/**/*.ts",
7
- "./docs/**/*.tsx",
8
- "./examples/**/*.ts",
9
- "./examples/**/*.tsx",
10
- "**/stories.ts",
11
- "**/stories.tsx",
12
- "**/stories/*.ts",
13
- "**/stories/*.tsx",
14
- "**/stories/**/*.ts",
15
- "**/stories/**/*.tsx"
16
- ]
2
+ "extends": "./tsconfig.dev.json",
3
+ "compilerOptions": {
4
+ "disableReferencedProjectLoad": true,
5
+ "disableSolutionSearching": true
6
+ }
17
7
  }