plataforma-fundacao-componentes 2.23.29 → 2.23.31

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.
@@ -0,0 +1,17 @@
1
+ import React, { LabelHTMLAttributes, ReactElement, SyntheticEvent } from 'react';
2
+ import { ControlLabelPosition } from '../../libraries/ControlLabelPosition';
3
+ import './ControlLabel.scss';
4
+ export interface ControlLabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
5
+ control: ReactElement<any, any>;
6
+ label: string | number;
7
+ checked?: boolean;
8
+ onChange?: (evt?: SyntheticEvent) => void;
9
+ onClick?: (evt?: SyntheticEvent) => void;
10
+ value?: unknown;
11
+ disabled?: boolean;
12
+ labelPosition?: ControlLabelPosition;
13
+ labelGap?: number;
14
+ }
15
+ declare function ControlLabel(props: ControlLabelProps): JSX.Element;
16
+ declare const _default: React.MemoExoticComponent<typeof ControlLabel>;
17
+ export default _default;
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ declare const _default: {
3
+ title: string;
4
+ };
5
+ export default _default;
6
+ export declare const RadioExample: () => JSX.Element;
7
+ export declare const CheckedExample: () => JSX.Element;
8
+ export declare const SwitchExample: () => JSX.Element;
9
+ export declare const LabelPositionExample: () => JSX.Element;
@@ -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
@@ -4003,6 +4003,62 @@ h5 {
4003
4003
  flex: 0 0 calc(100% * 12 / 12);
4004
4004
  max-width: calc(100% * 12 / 12); } }
4005
4005
 
4006
+ :export {
4007
+ widthXs: 575.98px;
4008
+ widthSm: 767.98px;
4009
+ widthMd: 991.98px;
4010
+ widthLg: 1199.98px; }
4011
+
4012
+ :export {
4013
+ white: #fefefe;
4014
+ darkenWhite: #efefef;
4015
+ black: #121212;
4016
+ transparent: rgba(0, 0, 0, 0);
4017
+ primary: #3fa110;
4018
+ primaryDark: #33820d;
4019
+ primaryLight: #d7e6c8;
4020
+ secondaryDarker: #323c32;
4021
+ secondaryDark: #5a645a;
4022
+ blueDarker: #2b517b;
4023
+ secondary: #828a82;
4024
+ secondaryLight: #cdd3cd;
4025
+ secondaryLighter: #f8f9f7;
4026
+ danger: #e60000;
4027
+ dangerLight: #ffb4b4;
4028
+ dangerDark: #ab4745;
4029
+ warning: #ffcd00;
4030
+ warningLight: #ffeb98;
4031
+ warningDark: #765f00; }
4032
+
4033
+ .component-control-label {
4034
+ display: inline-flex;
4035
+ align-items: center;
4036
+ -webkit-user-select: none;
4037
+ -moz-user-select: none;
4038
+ -ms-user-select: none;
4039
+ -webkit-tap-highlight-color: transparent;
4040
+ user-select: none;
4041
+ vertical-align: middle;
4042
+ color: #323c32;
4043
+ gap: 8px; }
4044
+ .component-control-label.top {
4045
+ flex-direction: column-reverse; }
4046
+ .component-control-label.left {
4047
+ flex-direction: row-reverse; }
4048
+ .component-control-label.bottom {
4049
+ flex-direction: column; }
4050
+ .component-control-label.right {
4051
+ flex-direction: row; }
4052
+ .component-control-label.disabled {
4053
+ color: rgba(50, 60, 50, 0.8);
4054
+ cursor: auto; }
4055
+ .component-control-label:not(.disabled):hover {
4056
+ cursor: pointer; }
4057
+ .component-control-label span {
4058
+ padding-top: 2px; }
4059
+ .component-control-label > button {
4060
+ min-width: 18px; }
4061
+
4006
4062
  @charset "UTF-8";
4007
4063
  :export {
4008
4064
  widthXs: 575.98px;
@@ -6227,8 +6283,8 @@ header.component-header {
6227
6283
  box-shadow: 0 2px 8px 0 rgba(90, 100, 90, 0.3);
6228
6284
  padding: 27px 18px;
6229
6285
  -webkit-user-select: none;
6230
- -moz-user-select: none;
6231
- user-select: none;
6286
+ -moz-user-select: none;
6287
+ user-select: none;
6232
6288
  cursor: pointer;
6233
6289
  transform-origin: center;
6234
6290
  transition: transform 0.3s ease; }
@@ -6239,6 +6295,10 @@ header.component-header {
6239
6295
  display: flex;
6240
6296
  align-items: flex-end;
6241
6297
  justify-content: flex-start; }
6298
+ .informativo-assembleias-com-video .informativo-assembleias-com-video-first-row.left {
6299
+ justify-content: flex-start; }
6300
+ .informativo-assembleias-com-video .informativo-assembleias-com-video-first-row.center {
6301
+ justify-content: center; }
6242
6302
  .informativo-assembleias-com-video .informativo-assembleias-com-video-first-row .informativo-assembleias-com-video-thumbnail {
6243
6303
  width: 100%;
6244
6304
  max-width: 219px;
@@ -6251,6 +6311,12 @@ header.component-header {
6251
6311
  bottom: 0;
6252
6312
  left: 0;
6253
6313
  cursor: pointer; }
6314
+ .informativo-assembleias-com-video .informativo-assembleias-com-video-first-row .informativo-assembleias-com-video-play-icon.left {
6315
+ left: 0; }
6316
+ .informativo-assembleias-com-video .informativo-assembleias-com-video-first-row .informativo-assembleias-com-video-play-icon.center {
6317
+ margin-left: -77px;
6318
+ left: 50%;
6319
+ transform: translateX(-50%); }
6254
6320
  .informativo-assembleias-com-video .informativo-assembleias-com-video-saiba-mais-row {
6255
6321
  width: 100%;
6256
6322
  display: flex;
package/dist/index.d.ts CHANGED
@@ -128,6 +128,7 @@ import DoughnutSquare from './components/chart/doughnutSquare/DoughnutSquare';
128
128
  import MoneyByMonth from './components/chart/moneyByMonth/MoneyByMonth';
129
129
  import Checkbox from './components/checkbox/Checkbox';
130
130
  import Col from './components/col/Col';
131
+ import ControlLabel from './components/controlLabel/ControlLabel';
131
132
  import Collapse from './components/collapse/Collapse';
132
133
  import Container from './components/container/Container';
133
134
  import DatePicker from './components/datePicker/DatePicker';
@@ -213,6 +214,8 @@ export * from './components/modal/ModalTypes';
213
214
  export * from './libraries/ActionCardThemes';
214
215
  export * from './libraries/BlobFileTypes';
215
216
  export * from './libraries/ButtonTheme';
217
+ export * from './libraries/ControlLabelPosition';
218
+ export * from './libraries/InformativoAssembleiasComVideoAlign';
216
219
  export * from './libraries/CardThemes';
217
220
  export * from './libraries/CheckboxThemes';
218
221
  export * from './libraries/EtiquetasThemes';
@@ -229,7 +232,7 @@ export * from './libraries/Toast';
229
232
  export * from './libraries/Tooltips';
230
233
  export * from './models/menus';
231
234
  export { stringToReactElement } from './utils/ParsingUtils';
232
- export { Accordion, ActionCard, AdvancedSemiHeader, AssembleiaItem, AssembleiaPauta, Aconteceu, AnimatedLink, Banner, BannerAssembleia, BannerPesquisaCpfCnpj, BigBlockButton, BlocoDeNotas, BreadCrumb, Button, ButtonFileUpload, BlocoMinhasAssembleias, BottomNavigation, Card, Carousel, CarouselPersona, CarouselTouchFrendly, Checkbox, Col, Collapse, Container, DatePicker, Doughnut, DoughnutSquare, DropdownItem, DropdownMenu, DropdownSelector, EditableVideoItem, ElementPaginator, Etapas, Etiqueta, FileLoader, FileUpload, FooterSicredi, FullHeightContainer, Header, HeaderSeparator, HeaderSearchField, IconButton, IconButtonWithLabel, Information, Input, InputArea, ItemDropdownDownload, InformativoAssembleiasComImagem, InformativoAssembleiasComVideo, Menu, MenuItem, Modal, ModalManager, Title,
235
+ export { Accordion, ActionCard, AdvancedSemiHeader, AssembleiaItem, AssembleiaPauta, Aconteceu, AnimatedLink, Banner, BannerAssembleia, BannerPesquisaCpfCnpj, BigBlockButton, BlocoDeNotas, BreadCrumb, Button, ButtonFileUpload, BlocoMinhasAssembleias, BottomNavigation, Card, Carousel, CarouselPersona, CarouselTouchFrendly, Checkbox, Col, ControlLabel, Collapse, Container, DatePicker, Doughnut, DoughnutSquare, DropdownItem, DropdownMenu, DropdownSelector, EditableVideoItem, ElementPaginator, Etapas, Etiqueta, FileLoader, FileUpload, FooterSicredi, FullHeightContainer, Header, HeaderSeparator, HeaderSearchField, IconButton, IconButtonWithLabel, Information, Input, InputArea, ItemDropdownDownload, InformativoAssembleiasComImagem, InformativoAssembleiasComVideo, Menu, MenuItem, Modal, ModalManager, Title,
233
236
  /**
234
237
  * @deprecated
235
238
  */