plataforma-fundacao-componentes 2.23.29 → 2.23.30

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,10 +1,12 @@
1
1
  import React from 'react';
2
+ import { InformativoAssembleiasComVideoAlign } from '../../libraries/InformativoAssembleiasComVideoAlign';
2
3
  import './InformativoAssembleiasComVideo.scss';
3
4
  interface InformativoAssembleiasComVideoProps {
4
5
  onClick?: () => void;
5
6
  title?: string;
6
7
  subtitle?: string;
7
8
  imgUrl?: string;
9
+ align?: InformativoAssembleiasComVideoAlign;
8
10
  }
9
11
  declare function InformativoAssembleiasComVideo(props: InformativoAssembleiasComVideoProps): JSX.Element;
10
12
  declare const _default: React.MemoExoticComponent<typeof InformativoAssembleiasComVideo>;
@@ -5,4 +5,6 @@ declare namespace _default {
5
5
  export default _default;
6
6
  export function FirstExample(): JSX.Element;
7
7
  export function RowExample(): JSX.Element;
8
+ export function LeftExample(): JSX.Element;
9
+ export function CenterExample(): JSX.Element;
8
10
  import InformativoAssembleiasComVideo from "./InformativoAssembleiasComVideo";
package/dist/index.css CHANGED
@@ -6227,8 +6227,8 @@ header.component-header {
6227
6227
  box-shadow: 0 2px 8px 0 rgba(90, 100, 90, 0.3);
6228
6228
  padding: 27px 18px;
6229
6229
  -webkit-user-select: none;
6230
- -moz-user-select: none;
6231
- user-select: none;
6230
+ -moz-user-select: none;
6231
+ user-select: none;
6232
6232
  cursor: pointer;
6233
6233
  transform-origin: center;
6234
6234
  transition: transform 0.3s ease; }
@@ -6239,6 +6239,10 @@ header.component-header {
6239
6239
  display: flex;
6240
6240
  align-items: flex-end;
6241
6241
  justify-content: flex-start; }
6242
+ .informativo-assembleias-com-video .informativo-assembleias-com-video-first-row.left {
6243
+ justify-content: flex-start; }
6244
+ .informativo-assembleias-com-video .informativo-assembleias-com-video-first-row.center {
6245
+ justify-content: center; }
6242
6246
  .informativo-assembleias-com-video .informativo-assembleias-com-video-first-row .informativo-assembleias-com-video-thumbnail {
6243
6247
  width: 100%;
6244
6248
  max-width: 219px;
@@ -6251,6 +6255,12 @@ header.component-header {
6251
6255
  bottom: 0;
6252
6256
  left: 0;
6253
6257
  cursor: pointer; }
6258
+ .informativo-assembleias-com-video .informativo-assembleias-com-video-first-row .informativo-assembleias-com-video-play-icon.left {
6259
+ left: 0; }
6260
+ .informativo-assembleias-com-video .informativo-assembleias-com-video-first-row .informativo-assembleias-com-video-play-icon.center {
6261
+ margin-left: -77px;
6262
+ left: 50%;
6263
+ transform: translateX(-50%); }
6254
6264
  .informativo-assembleias-com-video .informativo-assembleias-com-video-saiba-mais-row {
6255
6265
  width: 100%;
6256
6266
  display: flex;
package/dist/index.d.ts CHANGED
@@ -213,6 +213,7 @@ export * from './components/modal/ModalTypes';
213
213
  export * from './libraries/ActionCardThemes';
214
214
  export * from './libraries/BlobFileTypes';
215
215
  export * from './libraries/ButtonTheme';
216
+ export * from './libraries/InformativoAssembleiasComVideoAlign';
216
217
  export * from './libraries/CardThemes';
217
218
  export * from './libraries/CheckboxThemes';
218
219
  export * from './libraries/EtiquetasThemes';
package/dist/index.js CHANGED
@@ -9825,14 +9825,14 @@ function InformativoAssembleiasComVideo(props) {
9825
9825
  className: rootClassName$2p,
9826
9826
  onClick: props.onClick
9827
9827
  }, React__default.createElement("div", {
9828
- className: rootClassName$2p + "-first-row"
9828
+ className: getMergedClassNames([rootClassName$2p + "-first-row", props.align ? "" + props.align : ''])
9829
9829
  }, React__default.createElement("div", {
9830
9830
  className: rootClassName$2p + "-thumbnail",
9831
9831
  style: {
9832
9832
  backgroundImage: "url(" + props.imgUrl + ")"
9833
9833
  }
9834
9834
  }), React__default.createElement("div", {
9835
- className: rootClassName$2p + "-play-icon"
9835
+ className: getMergedClassNames([rootClassName$2p + "-play-icon", props.align ? "" + props.align : ''])
9836
9836
  }, React__default.createElement(BigPlayIcon, null))), React__default.createElement("div", {
9837
9837
  className: rootClassName$2p + "-saiba-mais-row"
9838
9838
  }, React__default.createElement("div", {
@@ -41002,6 +41002,11 @@ DestructiveModal.defaultProps = {
41002
41002
  showIcons: true
41003
41003
  };
41004
41004
 
41005
+ (function (InformativoAssembleiasComVideoAlign) {
41006
+ InformativoAssembleiasComVideoAlign["Left"] = "left";
41007
+ InformativoAssembleiasComVideoAlign["Center"] = "center";
41008
+ })(exports.InformativoAssembleiasComVideoAlign || (exports.InformativoAssembleiasComVideoAlign = {}));
41009
+
41005
41010
  (function (IconButtonType) {
41006
41011
  IconButtonType["Primary"] = "primary";
41007
41012
  IconButtonType["Secondary"] = "secondary";