@atlaskit/media-card 77.10.5 → 77.10.7

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 (86) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/card/card.js +4 -4
  3. package/dist/cjs/card/cardLoader.js +2 -2
  4. package/dist/cjs/card/cardView.js +1 -1
  5. package/dist/cjs/card/inlinePlayer.js +3 -3
  6. package/dist/cjs/card/inlinePlayerLazy.js +2 -2
  7. package/dist/cjs/card/media-card-analytics-error-boundary.js +2 -2
  8. package/dist/cjs/card/ui/actionsBar/actionsBar.js +1 -1
  9. package/dist/cjs/card/ui/actionsBar/cardActions/cardActionIconButton.js +3 -3
  10. package/dist/cjs/card/ui/actionsBar/cardActions/cardActionsDropdownMenu.js +3 -3
  11. package/dist/cjs/card/ui/actionsBar/cardActions/cardActionsView.js +1 -1
  12. package/dist/cjs/card/ui/iconMessage/iconMessageWrapper.js +35 -6
  13. package/dist/cjs/card/ui/imageRenderer/imageRenderer.js +2 -2
  14. package/dist/cjs/card/ui/tickBox/styles.js +2 -16
  15. package/dist/cjs/card/ui/tickBox/tickBoxWrapper.js +25 -1
  16. package/dist/cjs/card/ui/unhandledErrorCard/index.js +1 -1
  17. package/dist/cjs/card/v2/cardV2.js +1 -1
  18. package/dist/cjs/card/v2/cardV2Loader.js +2 -2
  19. package/dist/cjs/card/v2/cardViewV2.js +2 -2
  20. package/dist/cjs/card/v2/cardviews/index.js +2 -2
  21. package/dist/cjs/card/v2/externalImageCard.js +2 -2
  22. package/dist/cjs/card/v2/fileCard.js +2 -2
  23. package/dist/cjs/card/v2/inlinePlayerLazyV2.js +2 -2
  24. package/dist/cjs/card/v2/inlinePlayerV2.js +2 -2
  25. package/dist/cjs/errors.js +1 -1
  26. package/dist/cjs/inline/loader.js +4 -4
  27. package/dist/cjs/inline/mediaInlineAnalyticsErrorBoundary.js +1 -1
  28. package/dist/cjs/inline/mediaInlineCard.js +2 -2
  29. package/dist/cjs/utils/lightCards/cardError.js +3 -3
  30. package/dist/cjs/utils/lightCards/cardLoading.js +3 -3
  31. package/dist/cjs/utils/lightCards/errorIcon/index.js +1 -1
  32. package/dist/cjs/utils/objectURLCache.js +1 -1
  33. package/dist/cjs/utils/ufoExperiences.js +1 -1
  34. package/dist/cjs/utils/viewportDetector.js +2 -2
  35. package/dist/es2019/card/card.js +1 -1
  36. package/dist/es2019/card/getCardPreview/cache.js +1 -0
  37. package/dist/es2019/card/media-card-analytics-error-boundary.js +1 -1
  38. package/dist/es2019/card/ui/iconMessage/iconMessageWrapper.js +36 -6
  39. package/dist/es2019/card/ui/tickBox/styles.js +2 -28
  40. package/dist/es2019/card/ui/tickBox/tickBoxWrapper.js +23 -1
  41. package/dist/es2019/card/v2/cardV2.js +1 -1
  42. package/dist/es2019/inline/loader.js +1 -1
  43. package/dist/es2019/utils/globalScope/globalScope.js +1 -0
  44. package/dist/es2019/utils/ufoExperiences.js +1 -1
  45. package/dist/esm/card/card.js +2 -2
  46. package/dist/esm/card/cardView.js +1 -1
  47. package/dist/esm/card/getCardPreview/cache.js +1 -0
  48. package/dist/esm/card/inlinePlayer.js +1 -1
  49. package/dist/esm/card/media-card-analytics-error-boundary.js +2 -2
  50. package/dist/esm/card/ui/actionsBar/actionsBar.js +1 -1
  51. package/dist/esm/card/ui/actionsBar/cardActions/cardActionIconButton.js +1 -1
  52. package/dist/esm/card/ui/actionsBar/cardActions/cardActionsDropdownMenu.js +1 -1
  53. package/dist/esm/card/ui/actionsBar/cardActions/cardActionsView.js +1 -1
  54. package/dist/esm/card/ui/iconMessage/iconMessageWrapper.js +36 -6
  55. package/dist/esm/card/ui/tickBox/styles.js +2 -15
  56. package/dist/esm/card/ui/tickBox/tickBoxWrapper.js +26 -1
  57. package/dist/esm/card/ui/unhandledErrorCard/index.js +1 -1
  58. package/dist/esm/card/v2/cardV2.js +1 -1
  59. package/dist/esm/errors.js +1 -1
  60. package/dist/esm/inline/loader.js +2 -2
  61. package/dist/esm/inline/mediaInlineAnalyticsErrorBoundary.js +1 -1
  62. package/dist/esm/utils/globalScope/globalScope.js +1 -0
  63. package/dist/esm/utils/lightCards/cardError.js +1 -1
  64. package/dist/esm/utils/lightCards/cardLoading.js +1 -1
  65. package/dist/esm/utils/lightCards/errorIcon/index.js +1 -1
  66. package/dist/esm/utils/objectURLCache.js +1 -1
  67. package/dist/esm/utils/ufoExperiences.js +1 -1
  68. package/dist/types/card/media-card-analytics-error-boundary.d.ts +3 -3
  69. package/dist/types/card/ui/tickBox/styles.d.ts +0 -5
  70. package/dist/types/inline/loader.d.ts +3 -3
  71. package/dist/types/inline/mediaInlineAnalyticsErrorBoundary.d.ts +3 -3
  72. package/dist/types/utils/viewportDetector.d.ts +4 -4
  73. package/dist/types-ts4.5/card/media-card-analytics-error-boundary.d.ts +3 -3
  74. package/dist/types-ts4.5/card/ui/tickBox/styles.d.ts +0 -5
  75. package/dist/types-ts4.5/inline/loader.d.ts +3 -3
  76. package/dist/types-ts4.5/inline/mediaInlineAnalyticsErrorBoundary.d.ts +3 -3
  77. package/dist/types-ts4.5/utils/viewportDetector.d.ts +4 -4
  78. package/example-helpers/cardViewWrapper.tsx +30 -15
  79. package/example-helpers/index.tsx +6 -6
  80. package/example-helpers/styles.ts +119 -136
  81. package/package.json +5 -4
  82. package/dist/cjs/card/ui/iconMessage/styles.js +0 -22
  83. package/dist/es2019/card/ui/iconMessage/styles.js +0 -30
  84. package/dist/esm/card/ui/iconMessage/styles.js +0 -15
  85. package/dist/types/card/ui/iconMessage/styles.d.ts +0 -5
  86. package/dist/types-ts4.5/card/ui/iconMessage/styles.d.ts +0 -5
package/dist/es2019/card/ui/iconMessage/styles.js DELETED
@@ -1,30 +0,0 @@
1
- import { css, keyframes } from '@emotion/react';
2
- import { N300 } from '@atlaskit/theme/colors';
3
- const breatheAnimation = keyframes`
4
- 0% { opacity: 1}
5
- 50% { opacity: 0.3 }
6
- 100% { opacity: 1; }`;
7
- const animatedStyles = css`
8
- animation-name: ${breatheAnimation};
9
- animation-duration: 3.5s;
10
- animation-timing-function: ease-in-out;
11
- animation-iteration-count: infinite;
12
- `;
13
- const getStylesBasedOnProps = ({
14
- animated,
15
- reducedFont
16
- }) => css`
17
- overflow: hidden;
18
- opacity: 1;
19
- font-weight: 450;
20
- ${reducedFont ? 'font-size: 0.7em;' : ''}
21
- color: ${`var(--ds-text-subtlest, ${N300})`};
22
- text-align: center;
23
- ${animated ? animatedStyles : ''}
24
- margin-bottom: -1em;
25
- padding: 3px 10px;
26
- `;
27
- export const iconMessageWrapperStyles = props => css`
28
- ${getStylesBasedOnProps(props)}
29
- `;
30
- iconMessageWrapperStyles.displayName = 'IconMessageWrapper';
package/dist/esm/card/ui/iconMessage/styles.js DELETED
@@ -1,15 +0,0 @@
1
- import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
- var _templateObject, _templateObject2, _templateObject3, _templateObject4;
3
- import { css, keyframes } from '@emotion/react';
4
- import { N300 } from '@atlaskit/theme/colors';
5
- var breatheAnimation = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n 0% { opacity: 1}\n 50% { opacity: 0.3 }\n 100% { opacity: 1; }"])));
6
- var animatedStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n animation-name: ", ";\n animation-duration: 3.5s;\n animation-timing-function: ease-in-out;\n animation-iteration-count: infinite;\n"])), breatheAnimation);
7
- var getStylesBasedOnProps = function getStylesBasedOnProps(_ref) {
8
- var animated = _ref.animated,
9
- reducedFont = _ref.reducedFont;
10
- return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n overflow: hidden;\n opacity: 1;\n font-weight: 450;\n ", "\n color: ", ";\n text-align: center;\n ", "\n margin-bottom: -1em;\n padding: 3px 10px;\n"])), reducedFont ? 'font-size: 0.7em;' : '', "var(--ds-text-subtlest, ".concat(N300, ")"), animated ? animatedStyles : '');
11
- };
12
- export var iconMessageWrapperStyles = function iconMessageWrapperStyles(props) {
13
- return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n ", "\n"])), getStylesBasedOnProps(props));
14
- };
15
- iconMessageWrapperStyles.displayName = 'IconMessageWrapper';
package/dist/types/card/ui/iconMessage/styles.d.ts DELETED
@@ -1,5 +0,0 @@
1
- import { StyledTextProps } from './types';
2
- export declare const iconMessageWrapperStyles: {
3
- (props: StyledTextProps): import("@emotion/react").SerializedStyles;
4
- displayName: string;
5
- };
package/dist/types-ts4.5/card/ui/iconMessage/styles.d.ts DELETED
@@ -1,5 +0,0 @@
1
- import { StyledTextProps } from './types';
2
- export declare const iconMessageWrapperStyles: {
3
- (props: StyledTextProps): import("@emotion/react").SerializedStyles;
4
- displayName: string;
5
- };