@atlaskit/media-table 18.1.12 → 18.1.13

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @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

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/styles.tsx

@@ -1,9 +1,6 @@
 import { token } from '@atlaskit/tokens';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import { css, type SerializedStyles } from '@emotion/react';
-// AFP-2532 TODO: Fix automatic suppressions below
-// eslint-disable-next-line @atlassian/tangerine/import/entry-points
-import { colors } from '@atlaskit/theme';
 
 export const ROW_HIGHLIGHT_CLASSNAME = 'media-table-row-highlighted';
 export const ROW_CLASSNAME = 'media-table-row';
@@ -15,21 +12,21 @@ export const exampleWrapperStyles: SerializedStyles = css`
 	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: SerializedStyles = css`
-	background-color: ${token('color.background.danger.bold', 'red')};
+	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.12",
+	"version": "18.1.13",
 	"description": "Table UI component",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -29,16 +29,15 @@
 		}
 	},
 	"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/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"