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.
- package/dist/components/controlLabel/ControlLabel.d.ts +17 -0
- package/dist/components/controlLabel/ControlLabel.stories.d.ts +9 -0
- package/dist/components/informativoAssembleiasComVideo/InformativoAssembleiasComVideo.d.ts +2 -0
- package/dist/components/informativoAssembleiasComVideo/InformativoAssembleiasComVideo.stories.d.ts +2 -0
- package/dist/index.css +68 -2
- package/dist/index.d.ts +4 -1
- package/dist/index.js +558 -496
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +563 -498
- package/dist/index.modern.js.map +1 -1
- package/dist/libraries/ControlLabelPosition.d.ts +6 -0
- package/dist/libraries/InformativoAssembleiasComVideoAlign.d.ts +4 -0
- package/package.json +1 -1
|
@@ -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>;
|
package/dist/components/informativoAssembleiasComVideo/InformativoAssembleiasComVideo.stories.d.ts
CHANGED
|
@@ -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
|
-
|
|
6231
|
-
|
|
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
|
*/
|