plataforma-fundacao-componentes 2.23.30 → 2.23.32

package/dist/components/controlLabel/ControlLabel.d.ts

@@ -0,0 +1,12 @@
+import React, { LabelHTMLAttributes } from 'react';
+import { ControlLabelPosition } from '../../libraries/ControlLabelPosition';
+import './ControlLabel.scss';
+export interface ControlLabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
+    control: JSX.Element;
+    labelPosition?: ControlLabelPosition;
+    labelGap?: number;
+    label: string | number;
+}
+declare function ControlLabel(props: ControlLabelProps): JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof ControlLabel>;
+export default _default;

package/dist/components/controlLabel/ControlLabel.stories.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const RadioExample: () => JSX.Element;
+export declare const CheckedExample: () => JSX.Element;
+export declare const ButtonExample: () => JSX.Element;
+export declare const SwitchExample: () => JSX.Element;
+export declare const LabelPositionExample: () => JSX.Element;

package/dist/hooks/useScreenSize/useScreenSize.stories.d.ts

@@ -5,4 +5,4 @@ declare const _default: {
     component: typeof useScreenSize;
 };
 export default _default;
-export declare const Test: () => JSX.Element;
+export declare const Example: () => JSX.Element;

package/dist/index.css

@@ -4003,6 +4003,62 @@ h5 {
       flex: 0 0 calc(100% * 12 / 12);
       max-width: calc(100% * 12 / 12); } }
 
+:export {
+  widthXs: 575.98px;
+  widthSm: 767.98px;
+  widthMd: 991.98px;
+  widthLg: 1199.98px; }
+
+:export {
+  white: #fefefe;
+  darkenWhite: #efefef;
+  black: #121212;
+  transparent: rgba(0, 0, 0, 0);
+  primary: #3fa110;
+  primaryDark: #33820d;
+  primaryLight: #d7e6c8;
+  secondaryDarker: #323c32;
+  secondaryDark: #5a645a;
+  blueDarker: #2b517b;
+  secondary: #828a82;
+  secondaryLight: #cdd3cd;
+  secondaryLighter: #f8f9f7;
+  danger: #e60000;
+  dangerLight: #ffb4b4;
+  dangerDark: #ab4745;
+  warning: #ffcd00;
+  warningLight: #ffeb98;
+  warningDark: #765f00; }
+
+.component-control-label {
+  display: inline-flex;
+  align-items: center;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  -webkit-tap-highlight-color: transparent;
+  user-select: none;
+  vertical-align: middle;
+  color: #323c32;
+  gap: 8px; }
+  .component-control-label.top {
+    flex-direction: column-reverse; }
+  .component-control-label.left {
+    flex-direction: row-reverse; }
+  .component-control-label.bottom {
+    flex-direction: column; }
+  .component-control-label.right {
+    flex-direction: row; }
+  .component-control-label.disabled {
+    color: rgba(50, 60, 50, 0.8);
+    cursor: auto; }
+  .component-control-label:not(.disabled):hover {
+    cursor: pointer; }
+  .component-control-label span {
+    padding-top: 2px; }
+  .component-control-label > button {
+    min-width: 18px; }
+
 @charset "UTF-8";
 :export {
   widthXs: 575.98px;

package/dist/index.d.ts

@@ -128,6 +128,7 @@ import DoughnutSquare from './components/chart/doughnutSquare/DoughnutSquare';
 import MoneyByMonth from './components/chart/moneyByMonth/MoneyByMonth';
 import Checkbox from './components/checkbox/Checkbox';
 import Col from './components/col/Col';
+import ControlLabel from './components/controlLabel/ControlLabel';
 import Collapse from './components/collapse/Collapse';
 import Container from './components/container/Container';
 import DatePicker from './components/datePicker/DatePicker';
@@ -213,6 +214,7 @@ export * from './components/modal/ModalTypes';
 export * from './libraries/ActionCardThemes';
 export * from './libraries/BlobFileTypes';
 export * from './libraries/ButtonTheme';
+export * from './libraries/ControlLabelPosition';
 export * from './libraries/InformativoAssembleiasComVideoAlign';
 export * from './libraries/CardThemes';
 export * from './libraries/CheckboxThemes';
@@ -230,7 +232,7 @@ export * from './libraries/Toast';
 export * from './libraries/Tooltips';
 export * from './models/menus';
 export { stringToReactElement } from './utils/ParsingUtils';
-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, 
+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, 
 /**
  * @deprecated
  */