@atlaskit/media-client 36.0.2 → 36.0.3

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 (4) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/example-helpers/styles.ts +8 -8
  3. package/example-helpers/stylesWrapper.tsx +19 -13
  4. package/package.json +2 -2
package/CHANGELOG.md CHANGED
@@ -1,5 +1,12 @@
1
1
  # @atlaskit/media-client
2
2
 
3
+ ## 36.0.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [`715629fc18fc8`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/715629fc18fc8) -
8
+ Internal changes to remove unnecessary token fallbacks and imports from `@atlaskit/theme`
9
+
3
10
  ## 36.0.2
4
11
 
5
12
  ### Patch Changes
package/example-helpers/styles.ts CHANGED
@@ -36,11 +36,11 @@ export interface FilesWrapperProps {
36
36
  }
37
37
 
38
38
  const statusColorMap: { [key in FileStatus]: string } = {
39
- uploading: token('color.background.accent.blue.subtle', 'cornflowerblue'),
40
- processing: token('color.background.accent.orange.subtler', 'peachpuff'),
41
- processed: token('color.background.accent.green.subtle', 'darkseagreen'),
42
- error: token('color.background.accent.red.subtle', 'indianred'),
43
- 'failed-processing': token('color.background.accent.red.subtle', 'indianred'),
39
+ uploading: token('color.background.accent.blue.subtle'),
40
+ processing: token('color.background.accent.orange.subtler'),
41
+ processed: token('color.background.accent.green.subtle'),
42
+ error: token('color.background.accent.red.subtle'),
43
+ 'failed-processing': token('color.background.accent.red.subtle'),
44
44
  };
45
45
 
46
46
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage
@@ -58,11 +58,11 @@ export const fileWrapperStyles = (status: FileStatus) =>
58
58
  export const cardsWrapperStyles = css({
59
59
  width: '900px',
60
60
  padding: '10px',
61
- borderRight: `1px solid ${token('color.border', '#ccc')}`,
61
+ borderRight: `${token('border.width', '1px')} solid ${token('color.border')}`,
62
62
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
63
63
  h1: {
64
64
  textAlign: 'center',
65
- borderBottom: `1px solid ${token('color.border', '#ccc')}`,
65
+ borderBottom: `${token('border.width', '1px')} solid ${token('color.border')}`,
66
66
  },
67
67
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
68
68
  '> div': {
@@ -82,7 +82,7 @@ export const headerStyles = css({
82
82
 
83
83
  // eslint-disable-next-line @atlaskit/design-system/ensure-design-token-usage, @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
84
84
  export const fileStateWrapperStyles = css({
85
- border: `1px solid ${token('color.border', '#ccc')}`,
85
+ border: `${token('border.width', '1px')} solid ${token('color.border')}`,
86
86
  margin: '10px',
87
87
  padding: '10px',
88
88
  width: '500px',
package/example-helpers/stylesWrapper.tsx CHANGED
@@ -2,7 +2,7 @@
2
2
  * @jsxRuntime classic
3
3
  * @jsx jsx
4
4
  */
5
- // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
5
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled, @typescript-eslint/consistent-type-imports -- Ignored via go/DSP-18766
6
6
  import { jsx } from '@emotion/react';
7
7
  import { type ChangeEvent, type ReactNode } from 'react';
8
8
  import {
@@ -21,7 +21,7 @@ import {
21
21
  } from './styles';
22
22
  import { type FileStatus } from '../src';
23
23
 
24
- export const Wrapper = ({ children }: { children: ReactNode }) => {
24
+ export const Wrapper = ({ children }: { children: ReactNode }): jsx.JSX.Element => {
25
25
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
26
26
  return <div css={wrapperStyles}>{children}</div>;
27
27
  };
@@ -31,17 +31,17 @@ interface ImagePreviewProps {
31
31
  alt: string;
32
32
  }
33
33
 
34
- export const ImagePreview = ({ src, alt }: ImagePreviewProps) => {
34
+ export const ImagePreview = ({ src, alt }: ImagePreviewProps): jsx.JSX.Element => {
35
35
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
36
36
  return <img css={imagePreviewStyles} src={src} alt={alt} />;
37
37
  };
38
38
 
39
- export const PreviewWrapper = ({ children }: { children: ReactNode }) => {
39
+ export const PreviewWrapper = ({ children }: { children: ReactNode }): jsx.JSX.Element => {
40
40
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
41
41
  return <div css={previewWrapperStyles}>{children}</div>;
42
42
  };
43
43
 
44
- export const MetadataWrapper = ({ children }: { children: ReactNode }) => {
44
+ export const MetadataWrapper = ({ children }: { children: ReactNode }): jsx.JSX.Element => {
45
45
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
46
46
  return <pre css={metadataWrapperStyles}>{children}</pre>;
47
47
  };
@@ -51,42 +51,48 @@ type FileInputProps = {
51
51
  onChange: (e: ChangeEvent<HTMLInputElement>) => void;
52
52
  };
53
53
 
54
- export const FileInput = ({ type, onChange }: FileInputProps) => {
54
+ export const FileInput = ({ type, onChange }: FileInputProps): jsx.JSX.Element => {
55
55
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
56
56
  return <input css={fileInputStyles} type={type} onChange={onChange} />;
57
57
  };
58
58
 
59
- export const FileWrapper = ({ children, status }: { children: ReactNode; status: FileStatus }) => {
59
+ export const FileWrapper = ({
60
+ children,
61
+ status,
62
+ }: {
63
+ children: ReactNode;
64
+ status: FileStatus;
65
+ }): jsx.JSX.Element => {
60
66
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
61
67
  return <div css={fileWrapperStyles(status)}>{children}</div>;
62
68
  };
63
69
 
64
- export const CardsWrapper = ({ children }: { children: ReactNode }) => {
70
+ export const CardsWrapper = ({ children }: { children: ReactNode }): jsx.JSX.Element => {
65
71
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
66
72
  return <div css={cardsWrapperStyles}>{children}</div>;
67
73
  };
68
74
 
69
- export const Header = ({ children }: { children: ReactNode }) => {
75
+ export const Header = ({ children }: { children: ReactNode }): jsx.JSX.Element => {
70
76
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
71
77
  return <div css={headerStyles}>{children}</div>;
72
78
  };
73
79
 
74
- export const FileStateWrapper = ({ children }: { children: ReactNode }) => {
80
+ export const FileStateWrapper = ({ children }: { children: ReactNode }): jsx.JSX.Element => {
75
81
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
76
82
  return <div css={fileStateWrapperStyles}>{children}</div>;
77
83
  };
78
84
 
79
- export const UploadTouchWrapper = ({ children }: { children: ReactNode }) => {
85
+ export const UploadTouchWrapper = ({ children }: { children: ReactNode }): jsx.JSX.Element => {
80
86
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
81
87
  return <div css={uploadTouchWrapperStyles}>{children}</div>;
82
88
  };
83
89
 
84
- export const Row = ({ children }: { children: ReactNode }) => {
90
+ export const Row = ({ children }: { children: ReactNode }): jsx.JSX.Element => {
85
91
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
86
92
  return <div css={rowStyles}>{children}</div>;
87
93
  };
88
94
 
89
- export const Response = ({ children }: { children: ReactNode }) => {
95
+ export const Response = ({ children }: { children: ReactNode }): jsx.JSX.Element => {
90
96
  // eslint-disable-next-line @atlaskit/design-system/consistent-css-prop-usage, @atlaskit/ui-styling-standard/no-imported-style-values -- Ignored via go/DSP-18766
91
97
  return <div css={responseStyles}>{children}</div>;
92
98
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/media-client",
3
- "version": "36.0.2",
3
+ "version": "36.0.3",
4
4
  "description": "Media API Web Client Library",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -53,7 +53,7 @@
53
53
  "@atlaskit/media-core": "^37.0.0",
54
54
  "@atlaskit/media-state": "^2.0.0",
55
55
  "@atlaskit/ssr": "workspace:^",
56
- "@atlaskit/tokens": "^11.1.0",
56
+ "@atlaskit/tokens": "^11.4.0",
57
57
  "@atlassian/a11y-jest-testing": "^0.10.0",
58
58
  "@atlassian/feature-flags-test-utils": "^1.0.0",
59
59
  "@emotion/react": "^11.7.1",