@micromag/screen-urbania-trivia 0.3.832 → 0.4.4

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.
@@ -1 +1 @@
1
- .micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-background,.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-coinnerntent,.micromag-screen-urbania-trivia-container.micromag-screen-urbania-trivia-fullscreen .micromag-screen-urbania-trivia-image,.micromag-screen-urbania-trivia-container.micromag-screen-urbania-trivia-fullscreen .micromag-screen-urbania-trivia-placeholder{height:100%;left:0;position:absolute;top:0;width:100%}.micromag-screen-urbania-trivia-container{height:100%;overflow:hidden;position:relative;width:100%}.micromag-screen-urbania-trivia-disabled.micromag-screen-urbania-trivia-container{overflow:hidden;pointer-events:none}.micromag-screen-urbania-trivia-hidden.micromag-screen-urbania-trivia-container{display:none;visibility:hidden}.micromag-screen-urbania-trivia-placeholder.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-content{padding:6px;position:relative}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-empty{border:2px dashed #343434;color:#343434;margin:5px auto}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-background{z-index:0}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-content{z-index:1}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-empty{height:50px;margin:10px auto;width:100%}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-itemsContainer{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:80%}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-coinnerntent{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;overflow:hidden}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-videoContainer{overflow:hidden;position:relative}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-video{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-isCustomBackground{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-isAnimated{-webkit-animation:micromag-screen-urbania-trivia-spin 9s linear 0ms infinite;animation:micromag-screen-urbania-trivia-spin 9s linear 0ms infinite;-webkit-transform:scale(3);-ms-transform:scale(3);transform:scale(3)}@-webkit-keyframes micromag-screen-urbania-trivia-spin{0%{-webkit-transform:scale(3) rotate(0deg);transform:scale(3) rotate(0deg)}to{-webkit-transform:scale(3) rotate(1turn);transform:scale(3) rotate(1turn)}}@keyframes micromag-screen-urbania-trivia-spin{0%{-webkit-transform:scale(3) rotate(0deg);transform:scale(3) rotate(0deg)}to{-webkit-transform:scale(3) rotate(1turn);transform:scale(3) rotate(1turn)}}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-heading{background-color:#fff800;border-bottom:1px solid #000;border-top:1px solid #000;color:#000;font-family:Agrandir Wide,sans-serif;font-size:26px;font-weight:800;padding:16px 5px 10px;text-align:center;text-shadow:-2px -2px 0 #fff;text-transform:uppercase;width:320px}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-heading.micromag-screen-urbania-trivia-hideHeading{display:none}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-callToAction{padding-bottom:5px}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-bottom{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-bottom.micromag-screen-urbania-trivia-visible{opacity:1}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-bottom.micromag-screen-urbania-trivia-withGradient{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.4)));background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.4))}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-mediaControls{padding:10px 20px 20px}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-placeholder{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;mix-blend-mode:normal}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-videoPlaceholder{background-color:#adadad;mix-blend-mode:normal}.micromag-screen-urbania-trivia-container .micromag-screen-urbania-trivia-bottomContent{bottom:0;position:absolute;-webkit-transition:-webkit-transform .2s ease-out;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out;width:100%}.micromag-screen-urbania-trivia-container.micromag-screen-urbania-trivia-fullscreen .micromag-screen-urbania-trivia-emptyContainer{height:100%;padding-bottom:0;top:0;-webkit-transform:none;-ms-transform:none;transform:none}
1
+ .container{height:100%;overflow:hidden;position:relative;width:100%}.container .background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.container .content{z-index:1}.container .empty{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);height:50px;margin:10px auto;width:100%}.container .itemsContainer{min-width:80%}.container .coinnerntent,.container .itemsContainer{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.container .coinnerntent{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.container .videoContainer{overflow:hidden;position:relative}.container .video{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.container .isCustomBackground{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.container .isAnimated{-webkit-animation:spin 9s linear 0ms infinite;animation:spin 9s linear 0ms infinite;-webkit-transform:scale(3);-ms-transform:scale(3);transform:scale(3)}@-webkit-keyframes spin{0%{-webkit-transform:scale(3) rotate(0deg);transform:scale(3) rotate(0deg)}to{-webkit-transform:scale(3) rotate(1turn);transform:scale(3) rotate(1turn)}}@keyframes spin{0%{-webkit-transform:scale(3) rotate(0deg);transform:scale(3) rotate(0deg)}to{-webkit-transform:scale(3) rotate(1turn);transform:scale(3) rotate(1turn)}}.container .heading{background-color:#fff800;border-bottom:1px solid #000;border-top:1px solid #000;color:#000;font-family:Agrandir Wide,sans-serif;font-size:26px;font-weight:800;padding:16px 5px 10px;text-align:center;text-shadow:-2px -2px 0 #fff;text-transform:uppercase;width:320px}.container .heading.hideHeading{display:none}.container .callToAction{padding-bottom:5px}.container .bottom{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.container .bottom.visible{opacity:1}.container .bottom.withGradient{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.4)));background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.4))}.container .mediaControls{padding:10px 20px 20px}.container .placeholder{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;mix-blend-mode:normal}.container .videoPlaceholder{background-color:var(--mm-gray-500);mix-blend-mode:normal}.container .bottomContent{bottom:0;position:absolute;-webkit-transition:-webkit-transform .2s ease-out;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out;width:100%}.container.fullscreen .image,.container.fullscreen .placeholder{height:100%;left:0;position:absolute;top:0;width:100%}.container.fullscreen .emptyContainer{height:100%;padding-bottom:0;top:0;-webkit-transform:none;-ms-transform:none;transform:none}
package/es/index.d.ts ADDED
@@ -0,0 +1,64 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import { HeadingElement, VideoElement, BackgroundElement } from '@micromag/core';
3
+
4
+ interface UrbaniaTriviaProps {
5
+ layout?: 'middle' | 'full';
6
+ title?: HeadingElement | null;
7
+ video?: VideoElement | null;
8
+ gotoNextScreenOnEnd?: boolean;
9
+ background?: BackgroundElement | null;
10
+ current?: boolean;
11
+ preload?: boolean;
12
+ spacing?: number;
13
+ padding?: number;
14
+ mediaRef?: ((...args: unknown[]) => void) | null;
15
+ className?: string | null;
16
+ }
17
+ declare function UrbaniaTrivia({ layout, title, video, gotoNextScreenOnEnd, background, current, preload, spacing, padding, mediaRef: customMediaRef, className, }: UrbaniaTriviaProps): react_jsx_runtime.JSX.Element;
18
+
19
+ declare const _default: {
20
+ id: string;
21
+ type: string;
22
+ namespaces: string[];
23
+ group: {
24
+ label: {
25
+ defaultMessage: string;
26
+ description: string;
27
+ };
28
+ order: number;
29
+ };
30
+ title: {
31
+ defaultMessage: string;
32
+ description: string;
33
+ };
34
+ component: typeof UrbaniaTrivia;
35
+ fields: ({
36
+ name: string;
37
+ type: string;
38
+ label: {
39
+ defaultMessage: string;
40
+ description: string;
41
+ };
42
+ defaultValue?: undefined;
43
+ } | {
44
+ name: string;
45
+ type: string;
46
+ defaultValue: {
47
+ autoPlay: boolean;
48
+ };
49
+ label: {
50
+ defaultMessage: string;
51
+ description: string;
52
+ };
53
+ } | {
54
+ name: string;
55
+ type: string;
56
+ defaultValue: boolean;
57
+ label: {
58
+ defaultMessage: string;
59
+ description: string;
60
+ };
61
+ })[];
62
+ };
63
+
64
+ export { UrbaniaTrivia, _default as default };
package/es/index.js CHANGED
@@ -5,9 +5,7 @@ import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
5
5
  import { getSizeWithinBounds } from '@folklore/size';
6
6
  import classNames from 'classnames';
7
7
  import isArray from 'lodash/isArray';
8
- import PropTypes from 'prop-types';
9
8
  import React, { useEffect, useState, useCallback, useMemo } from 'react';
10
- import { PropTypes as PropTypes$1 } from '@micromag/core';
11
9
  import { ScreenElement, Empty, PlaceholderTitle, PlaceholderVideo } from '@micromag/core/components';
12
10
  import { useScreenSize, useScreenRenderContext, useViewerContext, useViewerNavigation, usePlaybackContext, usePlaybackMediaRef, useViewerContainer } from '@micromag/core/contexts';
13
11
  import { useTrackScreenMedia, useActivityDetector, useDimensionObserver } from '@micromag/core/hooks';
@@ -19,12 +17,12 @@ import Heading from '@micromag/element-heading';
19
17
  import Image from '@micromag/element-image';
20
18
  import Video from '@micromag/element-video';
21
19
 
22
- var styles = {"container":"micromag-screen-urbania-trivia-container","fullscreen":"micromag-screen-urbania-trivia-fullscreen","image":"micromag-screen-urbania-trivia-image","placeholder":"micromag-screen-urbania-trivia-placeholder","background":"micromag-screen-urbania-trivia-background","content":"micromag-screen-urbania-trivia-content","empty":"micromag-screen-urbania-trivia-empty","itemsContainer":"micromag-screen-urbania-trivia-itemsContainer","videoContainer":"micromag-screen-urbania-trivia-videoContainer","video":"micromag-screen-urbania-trivia-video","isCustomBackground":"micromag-screen-urbania-trivia-isCustomBackground","isAnimated":"micromag-screen-urbania-trivia-isAnimated","heading":"micromag-screen-urbania-trivia-heading","videoPlaceholder":"micromag-screen-urbania-trivia-videoPlaceholder","bottomContent":"micromag-screen-urbania-trivia-bottomContent","emptyContainer":"micromag-screen-urbania-trivia-emptyContainer"};
23
-
24
20
  var AnimeLinesGrey = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201083.95%201920%22%3E%20%20%20%20%3Cg%20id%3D%22a%22%2F%3E%20%20%20%20%3Cg%20id%3D%22b%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22c%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M1083.95%2C0h-103.4l-438.55%2C959.95L1083.95%2C109.31V0Zm0%2C295L542.02%2C959.96l541.93-498.87v-166.08Zm0%2C274.99l-541.92%2C389.98%2C541.92-279.64v-110.34Zm0%2C190.53l-541.92%2C199.46%2C541.92-110.89v-88.57Zm0%2C158.17l-541.92%2C41.31%2C541.92%2C41.31v-82.61Zm0%2C152.21l-541.92-110.89%2C541.92%2C199.46v-88.58Zm0%2C168.77l-541.92-279.64%2C541.92%2C389.98v-110.34Zm0%2C219.25l-541.93-498.87%2C541.93%2C664.95v-166.08Zm0%2C351.77L542%2C960.05l438.55%2C959.95h103.4v-109.31ZM854.8%2C0h-138.91l-173.9%2C959.94L854.8%2C0Zm0%2C1920l-312.81-959.94%2C173.9%2C959.94h138.91ZM606.75%2C0h-129.56l64.78%2C959.94L606.75%2C0Zm0%2C1920l-64.78-959.94-64.78%2C959.94h129.56Zm-64.79-960.06L368.06%2C0H229.15l312.81%2C959.94Zm0%2C.12L229.15%2C1920h138.91l173.9-959.94Zm-.01-.11L103.4%2C0H0V109.31L541.94%2C959.95Zm0%2C.11L0%2C1810.69v109.31H103.4l438.55-959.95Zm-.01-.1L0%2C295.01v166.08l541.93%2C498.87Zm0%2C.09L0%2C1458.91v166.08L541.93%2C960.04Zm-.01-.07L0%2C570v110.34l541.92%2C279.63Zm0%2C.02L0%2C760.52v88.57l541.92%2C110.89Zm0%2C.02L0%2C918.69v82.61l541.92-41.31Zm0%2C.02L0%2C1070.9v88.57l541.92-199.46Zm0%2C.02L0%2C1239.66v110.34l541.92-389.97Z%22%20fill%3D%22hsla%280%2C0%25%2C100%25%2C.6%29%22%2F%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E";
25
21
 
26
22
  var AnimeLines = "data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%201083.95%201920%22%3E%20%20%20%20%3Cg%20id%3D%22a%22%2F%3E%20%20%20%20%3Cg%20id%3D%22b%22%3E%20%20%20%20%20%20%20%20%3Cg%20id%3D%22c%22%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Cpath%20d%3D%22M1083.95%2C0h-103.4l-438.55%2C959.95L1083.95%2C109.31V0Zm0%2C295L542.02%2C959.96l541.93-498.87v-166.08Zm0%2C274.99l-541.92%2C389.98%2C541.92-279.64v-110.34Zm0%2C190.53l-541.92%2C199.46%2C541.92-110.89v-88.57Zm0%2C158.17l-541.92%2C41.31%2C541.92%2C41.31v-82.61Zm0%2C152.21l-541.92-110.89%2C541.92%2C199.46v-88.58Zm0%2C168.77l-541.92-279.64%2C541.92%2C389.98v-110.34Zm0%2C219.25l-541.93-498.87%2C541.93%2C664.95v-166.08Zm0%2C351.77L542%2C960.05l438.55%2C959.95h103.4v-109.31ZM854.8%2C0h-138.91l-173.9%2C959.94L854.8%2C0Zm0%2C1920l-312.81-959.94%2C173.9%2C959.94h138.91ZM606.75%2C0h-129.56l64.78%2C959.94L606.75%2C0Zm0%2C1920l-64.78-959.94-64.78%2C959.94h129.56Zm-64.79-960.06L368.06%2C0H229.15l312.81%2C959.94Zm0%2C.12L229.15%2C1920h138.91l173.9-959.94Zm-.01-.11L103.4%2C0H0V109.31L541.94%2C959.95Zm0%2C.11L0%2C1810.69v109.31H103.4l438.55-959.95Zm-.01-.1L0%2C295.01v166.08l541.93%2C498.87Zm0%2C.09L0%2C1458.91v166.08L541.93%2C960.04Zm-.01-.07L0%2C570v110.34l541.92%2C279.63Zm0%2C.02L0%2C760.52v88.57l541.92%2C110.89Zm0%2C.02L0%2C918.69v82.61l541.92-41.31Zm0%2C.02L0%2C1070.9v88.57l541.92-199.46Zm0%2C.02L0%2C1239.66v110.34l541.92-389.97Z%22%20fill%3D%22%2312bbd7%22%2F%3E%20%20%20%20%20%20%20%20%3C%2Fg%3E%20%20%20%20%3C%2Fg%3E%3C%2Fsvg%3E";
27
23
 
24
+ var styles = {"container":"container","background":"background","content":"content","emptyContainer":"emptyContainer","empty":"empty","itemsContainer":"itemsContainer","videoContainer":"videoContainer","video":"video","isCustomBackground":"isCustomBackground","isAnimated":"isAnimated","heading":"heading","placeholder":"placeholder","videoPlaceholder":"videoPlaceholder","bottomContent":"bottomContent","fullscreen":"fullscreen","image":"image"};
25
+
28
26
  var defaultBackground = {
29
27
  image: {
30
28
  type: 'image',
@@ -43,44 +41,29 @@ var placeholderBackground = {
43
41
  },
44
42
  color: null
45
43
  };
46
- var propTypes = {
47
- layout: PropTypes.oneOf(['middle', 'full']),
48
- title: PropTypes$1.headingElement,
49
- video: PropTypes$1.videoElement,
50
- gotoNextScreenOnEnd: PropTypes.bool,
51
- background: PropTypes$1.backgroundElement,
52
- current: PropTypes.bool,
53
- preload: PropTypes.bool,
54
- spacing: PropTypes.number,
55
- padding: PropTypes.number,
56
- mediaRef: PropTypes.func,
57
- className: PropTypes.string
58
- };
59
- var defaultProps = {
60
- layout: 'full',
61
- title: null,
62
- video: null,
63
- gotoNextScreenOnEnd: false,
64
- background: null,
65
- current: true,
66
- preload: true,
67
- spacing: 20,
68
- padding: 20,
69
- mediaRef: null,
70
- className: null
71
- };
72
- var UrbaniaTrivia = function UrbaniaTrivia(_ref) {
73
- var layout = _ref.layout,
74
- title = _ref.title,
75
- video = _ref.video,
76
- gotoNextScreenOnEnd = _ref.gotoNextScreenOnEnd,
77
- background = _ref.background,
78
- current = _ref.current,
79
- preload = _ref.preload,
80
- spacing = _ref.spacing,
81
- padding = _ref.padding,
82
- customMediaRef = _ref.mediaRef,
83
- className = _ref.className;
44
+ function UrbaniaTrivia(_ref) {
45
+ var _ref$layout = _ref.layout,
46
+ layout = _ref$layout === void 0 ? 'full' : _ref$layout,
47
+ _ref$title = _ref.title,
48
+ title = _ref$title === void 0 ? null : _ref$title,
49
+ _ref$video = _ref.video,
50
+ video = _ref$video === void 0 ? null : _ref$video,
51
+ _ref$gotoNextScreenOn = _ref.gotoNextScreenOnEnd,
52
+ gotoNextScreenOnEnd = _ref$gotoNextScreenOn === void 0 ? false : _ref$gotoNextScreenOn,
53
+ _ref$background = _ref.background,
54
+ background = _ref$background === void 0 ? null : _ref$background,
55
+ _ref$current = _ref.current,
56
+ current = _ref$current === void 0 ? true : _ref$current,
57
+ _ref$preload = _ref.preload,
58
+ preload = _ref$preload === void 0 ? true : _ref$preload,
59
+ _ref$spacing = _ref.spacing,
60
+ spacing = _ref$spacing === void 0 ? 20 : _ref$spacing,
61
+ _ref$padding = _ref.padding,
62
+ padding = _ref$padding === void 0 ? 20 : _ref$padding,
63
+ _ref$mediaRef = _ref.mediaRef,
64
+ customMediaRef = _ref$mediaRef === void 0 ? null : _ref$mediaRef,
65
+ _ref$className = _ref.className,
66
+ className = _ref$className === void 0 ? null : _ref$className;
84
67
  var trackScreenMedia = useTrackScreenMedia('video');
85
68
  var _useScreenSize = useScreenSize(),
86
69
  width = _useScreenSize.width,
@@ -417,9 +400,7 @@ var UrbaniaTrivia = function UrbaniaTrivia(_ref) {
417
400
  resolution: resolution,
418
401
  withoutVideo: isPreview
419
402
  }));
420
- };
421
- UrbaniaTrivia.propTypes = propTypes;
422
- UrbaniaTrivia.defaultProps = defaultProps;
403
+ }
423
404
 
424
405
  var definition = {
425
406
  id: 'urbania-trivia',
package/es/styles.css ADDED
@@ -0,0 +1 @@
1
+ .container{height:100%;overflow:hidden;position:relative;width:100%}.container .background{height:100%;left:0;position:absolute;top:0;width:100%;z-index:0}.container .content{z-index:1}.container .empty{border:2px dashed var(--mm-gray-800);color:var(--mm-gray-800);height:50px;margin:10px auto;width:100%}.container .itemsContainer{min-width:80%}.container .coinnerntent,.container .itemsContainer{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.container .coinnerntent{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.container .videoContainer{overflow:hidden;position:relative}.container .video{left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.container .isCustomBackground{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center}.container .isAnimated{-webkit-animation:spin 9s linear 0ms infinite;animation:spin 9s linear 0ms infinite;-webkit-transform:scale(3);-ms-transform:scale(3);transform:scale(3)}@-webkit-keyframes spin{0%{-webkit-transform:scale(3) rotate(0deg);transform:scale(3) rotate(0deg)}to{-webkit-transform:scale(3) rotate(1turn);transform:scale(3) rotate(1turn)}}@keyframes spin{0%{-webkit-transform:scale(3) rotate(0deg);transform:scale(3) rotate(0deg)}to{-webkit-transform:scale(3) rotate(1turn);transform:scale(3) rotate(1turn)}}.container .heading{background-color:#fff800;border-bottom:1px solid #000;border-top:1px solid #000;color:#000;font-family:Agrandir Wide,sans-serif;font-size:26px;font-weight:800;padding:16px 5px 10px;text-align:center;text-shadow:-2px -2px 0 #fff;text-transform:uppercase;width:320px}.container .heading.hideHeading{display:none}.container .callToAction{padding-bottom:5px}.container .bottom{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.container .bottom.visible{opacity:1}.container .bottom.withGradient{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.4)));background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.4))}.container .mediaControls{padding:10px 20px 20px}.container .placeholder{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;mix-blend-mode:normal}.container .videoPlaceholder{background-color:var(--mm-gray-500);mix-blend-mode:normal}.container .bottomContent{bottom:0;position:absolute;-webkit-transition:-webkit-transform .2s ease-out;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out;width:100%}.container.fullscreen .image,.container.fullscreen .placeholder{height:100%;left:0;position:absolute;top:0;width:100%}.container.fullscreen .emptyContainer{height:100%;padding-bottom:0;top:0;-webkit-transform:none;-ms-transform:none;transform:none}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@micromag/screen-urbania-trivia",
3
- "version": "0.3.832",
3
+ "version": "0.4.4",
4
4
  "private": false,
5
5
  "description": "",
6
6
  "keywords": [
@@ -35,6 +35,7 @@
35
35
  "style": "assets/css/styles.css",
36
36
  "exports": {
37
37
  ".": {
38
+ "types": "./es/index.d.ts",
38
39
  "import": "./es/index.js"
39
40
  },
40
41
  "./assets/css/styles": "./assets/css/styles.css",
@@ -49,37 +50,37 @@
49
50
  "scripts": {
50
51
  "clean": "rm -rf es && rm -rf lib && rm -rf assets",
51
52
  "prepublishOnly": "npm run build",
52
- "build": "../../scripts/prepare-package.sh"
53
+ "build": "../../scripts/prepare-package.sh --types"
53
54
  },
54
55
  "devDependencies": {
55
- "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
56
- "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
56
+ "react": "^19.2.0",
57
+ "react-dom": "^18.3.0 || ^19.0.0"
57
58
  },
58
59
  "peerDependencies": {
59
- "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
60
- "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0"
60
+ "react": "^19.2.0",
61
+ "react-dom": "^18.3.0 || ^19.0.0"
61
62
  },
62
63
  "dependencies": {
63
64
  "@babel/runtime": "^7.13.10",
64
65
  "@folklore/size": "^0.1.20",
65
- "@micromag/core": "^0.3.832",
66
- "@micromag/element-background": "^0.3.832",
67
- "@micromag/element-call-to-action": "^0.3.832",
68
- "@micromag/element-closed-captions": "^0.3.832",
69
- "@micromag/element-container": "^0.3.832",
70
- "@micromag/element-heading": "^0.3.832",
71
- "@micromag/element-image": "^0.3.832",
72
- "@micromag/element-video": "^0.3.832",
73
- "@micromag/transforms": "^0.3.832",
66
+ "@micromag/core": "^0.4.4",
67
+ "@micromag/element-background": "^0.4.4",
68
+ "@micromag/element-call-to-action": "^0.4.4",
69
+ "@micromag/element-closed-captions": "^0.4.4",
70
+ "@micromag/element-container": "^0.4.4",
71
+ "@micromag/element-heading": "^0.4.4",
72
+ "@micromag/element-image": "^0.4.4",
73
+ "@micromag/element-video": "^0.4.4",
74
+ "@micromag/transforms": "^0.4.4",
74
75
  "classnames": "^2.2.6",
75
- "lodash": "^4.17.21",
76
- "prop-types": "^15.7.2",
77
- "react-intl": "^6.6.4",
76
+ "lodash": "^4.17.23",
77
+ "react-intl": "^8.1.3",
78
78
  "uuid": "^9.0.0"
79
79
  },
80
80
  "publishConfig": {
81
81
  "access": "public",
82
82
  "registry": "https://registry.npmjs.org/"
83
83
  },
84
- "gitHead": "4969d64e304334cfd47321e624e5914e0694c55f"
84
+ "gitHead": "04b8519c3a3ddace5a21497e22faa11865d57f6d",
85
+ "types": "es/index.d.ts"
85
86
  }