@atlaskit/media-card 78.0.1 → 78.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 (42) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/cjs/card/card.js +1 -1
  3. package/dist/cjs/card/fileCard.js +8 -7
  4. package/dist/cjs/card/media-card-analytics-error-boundary.js +1 -1
  5. package/dist/cjs/card/svgView/helpers.js +48 -9
  6. package/dist/cjs/card/svgView/svgView.js +26 -28
  7. package/dist/cjs/card/ui/actionsBar/cardActions/styles.js +1 -1
  8. package/dist/cjs/card/ui/playButton/styles.js +2 -2
  9. package/dist/cjs/card/ui/titleBox/styles.js +2 -2
  10. package/dist/cjs/inline/loader.js +1 -1
  11. package/dist/cjs/utils/lightCards/errorIcon/styles.js +1 -1
  12. package/dist/cjs/utils/ufoExperiences.js +24 -1
  13. package/dist/es2019/card/card.js +1 -1
  14. package/dist/es2019/card/fileCard.js +9 -8
  15. package/dist/es2019/card/media-card-analytics-error-boundary.js +1 -1
  16. package/dist/es2019/card/svgView/helpers.js +49 -9
  17. package/dist/es2019/card/svgView/svgView.js +23 -23
  18. package/dist/es2019/card/ui/actionsBar/cardActions/styles.js +1 -1
  19. package/dist/es2019/card/ui/playButton/styles.js +2 -2
  20. package/dist/es2019/card/ui/titleBox/styles.js +2 -2
  21. package/dist/es2019/inline/loader.js +1 -1
  22. package/dist/es2019/utils/lightCards/errorIcon/styles.js +1 -1
  23. package/dist/es2019/utils/ufoExperiences.js +25 -1
  24. package/dist/esm/card/card.js +1 -1
  25. package/dist/esm/card/fileCard.js +9 -8
  26. package/dist/esm/card/media-card-analytics-error-boundary.js +1 -1
  27. package/dist/esm/card/svgView/helpers.js +48 -9
  28. package/dist/esm/card/svgView/svgView.js +26 -25
  29. package/dist/esm/card/ui/actionsBar/cardActions/styles.js +1 -1
  30. package/dist/esm/card/ui/playButton/styles.js +2 -2
  31. package/dist/esm/card/ui/titleBox/styles.js +2 -2
  32. package/dist/esm/inline/loader.js +1 -1
  33. package/dist/esm/utils/lightCards/errorIcon/styles.js +1 -1
  34. package/dist/esm/utils/ufoExperiences.js +24 -1
  35. package/dist/types/card/svgView/helpers.d.ts +1 -2
  36. package/dist/types/card/svgView/svgView.d.ts +4 -5
  37. package/dist/types-ts4.5/card/svgView/helpers.d.ts +1 -2
  38. package/dist/types-ts4.5/card/svgView/svgView.d.ts +4 -5
  39. package/example-helpers/cardViewWrapper.tsx +2 -0
  40. package/example-helpers/styles.ts +16 -16
  41. package/example-helpers/svg-helpers/svgContainer.tsx +3 -3
  42. package/package.json +3 -2
package/example-helpers/styles.ts CHANGED
@@ -2,14 +2,14 @@ import { token } from '@atlaskit/tokens';
2
2
  // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
3
3
  import { css } from '@emotion/react';
4
4
 
5
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
5
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
6
6
  export const editableCardOptionsStyles = css({
7
7
  padding: token('space.250', '20px'),
8
8
  borderBottom: `1px solid ${token('color.border', '#ccc')}`,
9
9
  maxWidth: '700px',
10
10
  });
11
11
 
12
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
12
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
13
13
  export const sliderWrapperStyles = css({
14
14
  display: 'flex',
15
15
  width: '50%',
@@ -20,7 +20,7 @@ export const sliderWrapperStyles = css({
20
20
  },
21
21
  });
22
22
 
23
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
23
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
24
24
  export const editableCardContentStyles = css({
25
25
  padding: token('space.250', '20px'),
26
26
  border: '2px dashed',
@@ -33,7 +33,7 @@ export const editableCardContentStyles = css({
33
33
  boxSizing: 'border-box',
34
34
  });
35
35
 
36
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
36
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
37
37
  export const optionsWrapperStyles = css({
38
38
  display: 'flex',
39
39
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
@@ -43,7 +43,7 @@ export const optionsWrapperStyles = css({
43
43
  },
44
44
  });
45
45
 
46
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
46
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
47
47
  export const cardDimensionsWrapperStyles = css({
48
48
  margin: `${token('space.100', '8px')} ${token('space.100', '8px')} ${token(
49
49
  'space.250',
@@ -59,16 +59,16 @@ export const cardDimensionsWrapperStyles = css({
59
59
  },
60
60
  });
61
61
 
62
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
62
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
63
63
  export const flexWrapperStyles = css({
64
64
  display: 'flex',
65
65
  });
66
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
66
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
67
67
  export const cardPreviewWrapperStyles = css({
68
68
  flex: 1,
69
69
  });
70
70
 
71
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
71
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
72
72
  export const cardWrapperStyles = css({
73
73
  border: `1px solid ${token('color.border.bold', 'black')}`,
74
74
  padding: token('space.150', '12px'),
@@ -80,13 +80,13 @@ export const cardWrapperStyles = css({
80
80
  display: 'inline-block',
81
81
  });
82
82
 
83
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
83
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
84
84
  export const cardFlowHeaderStyles = css({
85
85
  margin: `${token('space.250', '20px')} auto`,
86
86
  padding: `${token('space.150', '12px')} ${token('space.0', '0px')}`,
87
87
  });
88
88
 
89
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
89
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
90
90
  export const externalIdentifierWrapperStyles = css({
91
91
  display: 'flex',
92
92
  justifyContent: 'space-around',
@@ -97,7 +97,7 @@ export const externalIdentifierWrapperStyles = css({
97
97
  },
98
98
  });
99
99
 
100
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
100
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
101
101
  export const unhandledErrorCardWrapperStyles = css({
102
102
  padding: token('space.250', '20px'),
103
103
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors, @atlaskit/ui-styling-standard/no-unsafe-selectors -- Ignored via go/DSP-18766
@@ -111,24 +111,24 @@ export const unhandledErrorCardWrapperStyles = css({
111
111
  },
112
112
  });
113
113
 
114
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
114
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
115
115
  export const inlineCardVideoWrapperItemStyles = css({
116
116
  padding: token('space.150', '12px'),
117
117
  border: `1px solid ${token('color.border.bold', 'black')}`,
118
118
  margin: token('space.150', '12px'),
119
119
  });
120
120
 
121
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
121
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
122
122
  export const mediaViewerExampleColumnStyles = css({
123
123
  flex: 1,
124
124
  });
125
125
 
126
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
126
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
127
127
  export const mediaViewerExampleWrapperStyles = css({
128
128
  display: 'flex',
129
129
  });
130
130
 
131
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
131
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
132
132
  export const mediaInlineWrapperStyles = css({
133
133
  display: 'flex',
134
134
  alignItems: 'center',
@@ -136,7 +136,7 @@ export const mediaInlineWrapperStyles = css({
136
136
  margin: token('space.1000', '80px'),
137
137
  });
138
138
 
139
- // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles, @atlaskit/design-system/no-exported-css -- Ignored via go/DSP-18766
139
+ // eslint-disable-next-line @atlaskit/ui-styling-standard/no-exported-styles -- Ignored via go/DSP-18766
140
140
  export const mediaInlineTableStyles = css({
141
141
  width: '800px',
142
142
  // eslint-disable-next-line @atlaskit/ui-styling-standard/no-nested-selectors -- Ignored via go/DSP-18766
package/example-helpers/svg-helpers/svgContainer.tsx CHANGED
@@ -8,9 +8,9 @@ import { Box, xcss } from '@atlaskit/primitives';
8
8
 
9
9
  const containerStyles = xcss({
10
10
  boxSizing: 'border-box',
11
- borderColor: 'color.border.accent.orange',
12
- borderStyle: 'solid',
13
- borderWidth: 'border.width.indicator',
11
+ outlineColor: 'color.border.accent.orange',
12
+ outlineStyle: 'solid',
13
+ outlineWidth: 'border.width.indicator',
14
14
  margin: 'auto',
15
15
  marginTop: 'space.100',
16
16
  backgroundColor: 'color.background.accent.green.subtler',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@atlaskit/media-card",
3
- "version": "78.0.1",
3
+ "version": "78.0.3",
4
4
  "description": "Includes all media card related components, CardView, CardViewSmall, Card...",
5
5
  "publishConfig": {
6
6
  "registry": "https://registry.npmjs.org/"
@@ -60,7 +60,8 @@
60
60
  "classnames": "^2.2.5",
61
61
  "eventemitter2": "^4.1.0",
62
62
  "lru_map": "^0.4.1",
63
- "react-loadable": "^5.1.0"
63
+ "react-loadable": "^5.1.0",
64
+ "uuid-validate": "^0.0.3"
64
65
  },
65
66
  "peerDependencies": {
66
67
  "@emotion/react": "^11.7.1",