@atlaskit/dynamic-table 14.5.1 → 14.5.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 (15) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/cjs/components/Stateless.js +1 -1
  3. package/dist/cjs/styled/TableRow.js +2 -2
  4. package/dist/cjs/theme.js +4 -4
  5. package/dist/cjs/version.json +1 -1
  6. package/dist/es2019/components/Stateless.js +1 -1
  7. package/dist/es2019/styled/TableRow.js +2 -2
  8. package/dist/es2019/theme.js +4 -4
  9. package/dist/es2019/version.json +1 -1
  10. package/dist/esm/components/Stateless.js +1 -1
  11. package/dist/esm/styled/TableRow.js +2 -2
  12. package/dist/esm/theme.js +4 -4
  13. package/dist/esm/version.json +1 -1
  14. package/dist/types/theme.d.ts +2 -2
  15. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # @atlaskit/dynamic-table
2
2
 
3
+ ## 14.5.2
4
+
5
+ ### Patch Changes
6
+
7
+ - [`62edf20ab1e`](https://bitbucket.org/atlassian/atlassian-frontend/commits/62edf20ab1e) - Migrates all usage of brand tokens to either selected or information tokens. This change is purely for semantic reasons, there are no visual or behavioural changes.
8
+ - Updated dependencies
9
+
3
10
  ## 14.5.1
4
11
 
5
12
  ### Patch Changes
package/dist/cjs/components/Stateless.js CHANGED
@@ -52,7 +52,7 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
52
52
  function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
53
53
 
54
54
  var packageName = "@atlaskit/dynamic-table";
55
- var packageVersion = "14.5.1";
55
+ var packageVersion = "14.5.2";
56
56
 
57
57
  function toggleSortOrder(currentSortOrder) {
58
58
  switch (currentSortOrder) {
package/dist/cjs/styled/TableRow.js CHANGED
@@ -30,9 +30,9 @@ var rowBackgroundStyles = (0, _core.css)({
30
30
  }
31
31
  });
32
32
  var rowHighlightedBackgroundStyles = (0, _core.css)({
33
- backgroundColor: "var(--ds-background-brand, ".concat("var(".concat(_DynamicTable.tableRowCSSVars.CSS_VAR_HIGHLIGHTED_BACKGROUND, ")"), ")"),
33
+ backgroundColor: "var(--ds-background-selected, ".concat("var(".concat(_DynamicTable.tableRowCSSVars.CSS_VAR_HIGHLIGHTED_BACKGROUND, ")"), ")"),
34
34
  '&:hover': {
35
- backgroundColor: "var(--ds-background-brand-hovered, ".concat("var(".concat(_DynamicTable.tableRowCSSVars.CSS_VAR_HOVER_HIGHLIGHTED_BACKGROUND, ")"), ")")
35
+ backgroundColor: "var(--ds-background-selected-hovered, ".concat("var(".concat(_DynamicTable.tableRowCSSVars.CSS_VAR_HOVER_HIGHLIGHTED_BACKGROUND, ")"), ")")
36
36
  }
37
37
  });
38
38
  var TableBodyRow = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
package/dist/cjs/theme.js CHANGED
@@ -43,16 +43,16 @@ var row = {
43
43
  dark: "var(--ds-border-focused, ".concat(colors.B100, ")")
44
44
  }),
45
45
  highlightedBackground: (0, _components.themed)({
46
- light: "var(--ds-background-brand, ".concat(colors.B50, ")"),
47
- dark: "var(--ds-background-brand, ".concat(colors.DN50, ")")
46
+ light: "var(--ds-background-selected, ".concat(colors.B50, ")"),
47
+ dark: "var(--ds-background-selected, ".concat(colors.DN50, ")")
48
48
  }),
49
49
  hoverBackground: (0, _components.themed)({
50
50
  light: "var(--ds-background-input, ".concat(colors.N10, ")"),
51
51
  dark: "var(--ds-background-input, ".concat(colors.DN40, ")")
52
52
  }),
53
53
  hoverHighlightedBackground: (0, _components.themed)({
54
- light: "var(--ds-background-brand-hovered, ".concat(colors.B75, ")"),
55
- dark: "var(--ds-background-brand-hovered, ".concat(colors.DN60, ")")
54
+ light: "var(--ds-background-selected-hovered, ".concat(colors.B75, ")"),
55
+ dark: "var(--ds-background-selected-hovered, ".concat(colors.DN60, ")")
56
56
  })
57
57
  };
58
58
  exports.row = row;
package/dist/cjs/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/dynamic-table",
3
- "version": "14.5.1",
3
+ "version": "14.5.2",
4
4
  "sideEffects": false
5
5
  }
package/dist/es2019/components/Stateless.js CHANGED
@@ -13,7 +13,7 @@ import ManagedPagination from './managed-pagination';
13
13
  import RankableTableBody from './rankable/Body';
14
14
  import TableHead from './TableHead';
15
15
  const packageName = "@atlaskit/dynamic-table";
16
- const packageVersion = "14.5.1";
16
+ const packageVersion = "14.5.2";
17
17
 
18
18
  function toggleSortOrder(currentSortOrder) {
19
19
  switch (currentSortOrder) {
package/dist/es2019/styled/TableRow.js CHANGED
@@ -16,9 +16,9 @@ const rowBackgroundStyles = css({
16
16
  }
17
17
  });
18
18
  const rowHighlightedBackgroundStyles = css({
19
- backgroundColor: `var(--ds-background-brand, ${`var(${cssVars.CSS_VAR_HIGHLIGHTED_BACKGROUND})`})`,
19
+ backgroundColor: `var(--ds-background-selected, ${`var(${cssVars.CSS_VAR_HIGHLIGHTED_BACKGROUND})`})`,
20
20
  '&:hover': {
21
- backgroundColor: `var(--ds-background-brand-hovered, ${`var(${cssVars.CSS_VAR_HOVER_HIGHLIGHTED_BACKGROUND})`})`
21
+ backgroundColor: `var(--ds-background-selected-hovered, ${`var(${cssVars.CSS_VAR_HOVER_HIGHLIGHTED_BACKGROUND})`})`
22
22
  }
23
23
  });
24
24
  export const TableBodyRow = /*#__PURE__*/forwardRef(({
package/dist/es2019/theme.js CHANGED
@@ -26,16 +26,16 @@ export const row = {
26
26
  dark: `var(--ds-border-focused, ${colors.B100})`
27
27
  }),
28
28
  highlightedBackground: themed({
29
- light: `var(--ds-background-brand, ${colors.B50})`,
30
- dark: `var(--ds-background-brand, ${colors.DN50})`
29
+ light: `var(--ds-background-selected, ${colors.B50})`,
30
+ dark: `var(--ds-background-selected, ${colors.DN50})`
31
31
  }),
32
32
  hoverBackground: themed({
33
33
  light: `var(--ds-background-input, ${colors.N10})`,
34
34
  dark: `var(--ds-background-input, ${colors.DN40})`
35
35
  }),
36
36
  hoverHighlightedBackground: themed({
37
- light: `var(--ds-background-brand-hovered, ${colors.B75})`,
38
- dark: `var(--ds-background-brand-hovered, ${colors.DN60})`
37
+ light: `var(--ds-background-selected-hovered, ${colors.B75})`,
38
+ dark: `var(--ds-background-selected-hovered, ${colors.DN60})`
39
39
  })
40
40
  };
41
41
  export const head = {
package/dist/es2019/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/dynamic-table",
3
- "version": "14.5.1",
3
+ "version": "14.5.2",
4
4
  "sideEffects": false
5
5
  }
package/dist/esm/components/Stateless.js CHANGED
@@ -24,7 +24,7 @@ import ManagedPagination from './managed-pagination';
24
24
  import RankableTableBody from './rankable/Body';
25
25
  import TableHead from './TableHead';
26
26
  var packageName = "@atlaskit/dynamic-table";
27
- var packageVersion = "14.5.1";
27
+ var packageVersion = "14.5.2";
28
28
 
29
29
  function toggleSortOrder(currentSortOrder) {
30
30
  switch (currentSortOrder) {
package/dist/esm/styled/TableRow.js CHANGED
@@ -18,9 +18,9 @@ var rowBackgroundStyles = css({
18
18
  }
19
19
  });
20
20
  var rowHighlightedBackgroundStyles = css({
21
- backgroundColor: "var(--ds-background-brand, ".concat("var(".concat(cssVars.CSS_VAR_HIGHLIGHTED_BACKGROUND, ")"), ")"),
21
+ backgroundColor: "var(--ds-background-selected, ".concat("var(".concat(cssVars.CSS_VAR_HIGHLIGHTED_BACKGROUND, ")"), ")"),
22
22
  '&:hover': {
23
- backgroundColor: "var(--ds-background-brand-hovered, ".concat("var(".concat(cssVars.CSS_VAR_HOVER_HIGHLIGHTED_BACKGROUND, ")"), ")")
23
+ backgroundColor: "var(--ds-background-selected-hovered, ".concat("var(".concat(cssVars.CSS_VAR_HOVER_HIGHLIGHTED_BACKGROUND, ")"), ")")
24
24
  }
25
25
  });
26
26
  export var TableBodyRow = /*#__PURE__*/forwardRef(function (_ref, ref) {
package/dist/esm/theme.js CHANGED
@@ -26,16 +26,16 @@ export var row = {
26
26
  dark: "var(--ds-border-focused, ".concat(colors.B100, ")")
27
27
  }),
28
28
  highlightedBackground: themed({
29
- light: "var(--ds-background-brand, ".concat(colors.B50, ")"),
30
- dark: "var(--ds-background-brand, ".concat(colors.DN50, ")")
29
+ light: "var(--ds-background-selected, ".concat(colors.B50, ")"),
30
+ dark: "var(--ds-background-selected, ".concat(colors.DN50, ")")
31
31
  }),
32
32
  hoverBackground: themed({
33
33
  light: "var(--ds-background-input, ".concat(colors.N10, ")"),
34
34
  dark: "var(--ds-background-input, ".concat(colors.DN40, ")")
35
35
  }),
36
36
  hoverHighlightedBackground: themed({
37
- light: "var(--ds-background-brand-hovered, ".concat(colors.B75, ")"),
38
- dark: "var(--ds-background-brand-hovered, ".concat(colors.DN60, ")")
37
+ light: "var(--ds-background-selected-hovered, ".concat(colors.B75, ")"),
38
+ dark: "var(--ds-background-selected-hovered, ".concat(colors.DN60, ")")
39
39
  })
40
40
  };
41
41
  export var head = {
package/dist/esm/version.json CHANGED
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/dynamic-table",
3
- "version": "14.5.1",
3
+ "version": "14.5.2",
4
4
  "sideEffects": false
5
5
  }
package/dist/types/theme.d.ts CHANGED
@@ -11,9 +11,9 @@ export declare const arrow: {
11
11
  };
12
12
  export declare const row: {
13
13
  focusOutline: import("@atlaskit/theme").ThemedValue<"var(--ds-border-focused)">;
14
- highlightedBackground: import("@atlaskit/theme").ThemedValue<"var(--ds-background-brand)">;
14
+ highlightedBackground: import("@atlaskit/theme").ThemedValue<"var(--ds-background-selected)">;
15
15
  hoverBackground: import("@atlaskit/theme").ThemedValue<"var(--ds-background-input)">;
16
- hoverHighlightedBackground: import("@atlaskit/theme").ThemedValue<"var(--ds-background-brand-hovered)">;
16
+ hoverHighlightedBackground: import("@atlaskit/theme").ThemedValue<"var(--ds-background-selected-hovered)">;
17
17
  };
18
18
  export declare const head: {
19
19
  borderColor: import("@atlaskit/theme").ThemedValue<"var(--ds-border)">;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/dynamic-table",
3
- "version": "14.5.1",
3
+ "version": "14.5.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/"
@@ -28,7 +28,7 @@
28
28
  "@atlaskit/pagination": "^14.0.0",
29
29
  "@atlaskit/spinner": "^15.0.0",
30
30
  "@atlaskit/theme": "^12.1.0",
31
- "@atlaskit/tokens": "^0.7.0",
31
+ "@atlaskit/tokens": "^0.8.0",
32
32
  "@babel/runtime": "^7.0.0",
33
33
  "@emotion/core": "^10.0.9",
34
34
  "react-beautiful-dnd": "^12.1.1"