@atlaskit/media-table 18.1.11 → 18.1.13

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/media-table
 
+## 18.1.13
+
+### Patch Changes
+
+- [`715629fc18fc8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/715629fc18fc8) -
+  Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
+- Updated dependencies
+
+## 18.1.12
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 18.1.11
 
 ### Patch Changes

package/dist/cjs/component/downloadButton.js

@@ -8,7 +8,6 @@ exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
-var _colors = require("@atlaskit/theme/colors");
 var _download = _interopRequireDefault(require("@atlaskit/icon/core/download"));
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
 var _mediaUi = require("@atlaskit/media-ui");
@@ -43,7 +42,7 @@ var MediaDownloadButton = function MediaDownloadButton(props) {
         buttonStyles: _objectSpread(_objectSpread({}, current(themeProps).buttonStyles), {}, {
           minWidth: 'max-content',
           '&:hover': {
-            background: "var(--ds-background-neutral-hovered, ".concat(_colors.N40, ")")
+            background: "var(--ds-background-neutral-hovered, #0B120E24)"
           }
         }),
         spinnerStyles: current(themeProps).spinnerStyles

package/dist/es2019/component/downloadButton.js

@@ -1,7 +1,6 @@
 import React from 'react';
 // eslint-disable-next-line import/no-extraneous-dependencies
 import { injectIntl } from 'react-intl-next';
-import { N40 } from '@atlaskit/theme/colors';
 import DownloadIcon from '@atlaskit/icon/core/download';
 import Button from '@atlaskit/button/custom-theme-button';
 import { messages } from '@atlaskit/media-ui';
@@ -36,7 +35,7 @@ const MediaDownloadButton = props => {
         ...current(themeProps).buttonStyles,
         minWidth: 'max-content',
         '&:hover': {
-          background: `var(--ds-background-neutral-hovered, ${N40})`
+          background: "var(--ds-background-neutral-hovered, #0B120E24)"
         }
       },
       spinnerStyles: current(themeProps).spinnerStyles

package/dist/esm/component/downloadButton.js

@@ -4,7 +4,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import React from 'react';
 // eslint-disable-next-line import/no-extraneous-dependencies
 import { injectIntl } from 'react-intl-next';
-import { N40 } from '@atlaskit/theme/colors';
 import DownloadIcon from '@atlaskit/icon/core/download';
 import Button from '@atlaskit/button/custom-theme-button';
 import { messages } from '@atlaskit/media-ui';
@@ -38,7 +37,7 @@ var MediaDownloadButton = function MediaDownloadButton(props) {
         buttonStyles: _objectSpread(_objectSpread({}, current(themeProps).buttonStyles), {}, {
           minWidth: 'max-content',
           '&:hover': {
-            background: "var(--ds-background-neutral-hovered, ".concat(N40, ")")
+            background: "var(--ds-background-neutral-hovered, #0B120E24)"
           }
         }),
         spinnerStyles: current(themeProps).spinnerStyles

package/example-helpers/helpers.tsx

@@ -2,7 +2,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
-// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+// eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766
 import { jsx } from '@emotion/react';
 import React, { useState } from 'react';
 import dateFnsFormat from 'date-fns/format';
@@ -21,7 +21,7 @@ import {
 import { type MediaTableItem, NameCell } from '../src';
 import { IntlProvider } from 'react-intl-next';
 
-export const createMockFileData = (name: string, mediaType: MediaType) => {
+export const createMockFileData = (name: string, mediaType: MediaType): jsx.JSX.Element => {
 	return <NameCell text={name} mediaType={mediaType} endFixedChars={4} />;
 };
 
@@ -29,7 +29,9 @@ const dateformat = (date: number, format = 'E MMM dd yyyy kk:mm:ss') => {
 	return dateFnsFormat(date, format);
 };
 
-export const RenderMediaTableWithFieldRange = (MediaTableNode: React.ReactNode) => {
+export const RenderMediaTableWithFieldRange = (
+	MediaTableNode: React.ReactNode,
+): jsx.JSX.Element => {
 	const [width, setWidth] = useState(1000);
 
 	return (
@@ -104,7 +106,21 @@ export const items: MediaTableItem[] = [
 	},
 ];
 
-export const generateItems = (numItems: number) => {
+export const generateItems = (
+	numItems: number,
+): {
+	data: {
+		file: jsx.JSX.Element;
+		size: string;
+		date: string;
+	};
+	identifier: {
+		id: string;
+		mediaItemType: 'file';
+		occurrenceKey?: string;
+		collectionName?: string;
+	};
+}[] => {
 	const items = [];
 	for (let i = 1; i <= numItems; i++) {
 		items.push({

package/example-helpers/styles.tsx

@@ -1,35 +1,32 @@
 import { token } from '@atlaskit/tokens';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
-import { css } from '@emotion/react';
-// AFP-2532 TODO: Fix automatic suppressions below
-// eslint-disable-next-line @atlassian/tangerine/import/entry-points
-import { colors } from '@atlaskit/theme';
+import { css, type SerializedStyles } from '@emotion/react';
 
 export const ROW_HIGHLIGHT_CLASSNAME = 'media-table-row-highlighted';
 export const ROW_CLASSNAME = 'media-table-row';
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const exampleWrapperStyles = css`
+export const exampleWrapperStyles: SerializedStyles = css`
 	display: flex;
 	flex-direction: column;
 	align-items: center;
 
 	.${ROW_HIGHLIGHT_CLASSNAME} {
-		background-color: ${token('color.background.warning', colors.Y50)};
+		background-color: ${token('color.background.warning')};
 
 		&:hover {
-			background-color: ${token('color.background.warning.hovered', colors.Y75)};
+			background-color: ${token('color.background.warning.hovered')};
 		}
 	}
 `;
 
 // eslint-disable-next-line @atlaskit/design-system/no-css-tagged-template-expression, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
-export const greenOnHoverStyles = css`
-	background-color: ${token('color.background.danger.bold', 'red')};
+export const greenOnHoverStyles: SerializedStyles = css`
+	background-color: ${token('color.background.danger.bold')};
 	height: 8px;
 	width: 8px;
 
 	.${ROW_CLASSNAME}:hover & {
-		background-color: ${token('color.background.success.bold.hovered', 'green')};
+		background-color: ${token('color.background.success.bold.hovered')};
 	}
 `;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-table",
-	"version": "18.1.11",
+	"version": "18.1.13",
 	"description": "Table UI component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -29,17 +29,16 @@
 		}
 	},
 	"dependencies": {
-		"@atlaskit/analytics-next": "^11.1.0",
+		"@atlaskit/analytics-next": "^11.2.0",
 		"@atlaskit/button": "^23.10.0",
 		"@atlaskit/dynamic-table": "^18.3.0",
-		"@atlaskit/icon": "^33.0.0",
+		"@atlaskit/icon": "^33.1.0",
 		"@atlaskit/media-client": "^36.0.0",
 		"@atlaskit/media-client-react": "^5.0.0",
 		"@atlaskit/media-ui": "^28.7.0",
-		"@atlaskit/media-viewer": "^52.8.0",
-		"@atlaskit/theme": "^22.0.0",
-		"@atlaskit/tokens": "^11.1.0",
-		"@atlaskit/tooltip": "^20.14.0",
+		"@atlaskit/media-viewer": "^52.9.0",
+		"@atlaskit/tokens": "^11.4.0",
+		"@atlaskit/tooltip": "^21.0.0",
 		"@babel/runtime": "^7.0.0",
 		"memoize-one": "^6.0.0"
 	},