frst-components 0.20.10 → 0.20.11

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/index.js CHANGED
@@ -217,7 +217,7 @@ function SmileOutlined({ fill, width, height }) {
217
217
  function SaveIcon({ fill, width, height }) {
218
218
  return (jsxRuntime.jsxs("svg", { width: width ? width : '22', height: height ? height : '22', viewBox: "0 0 22 22", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("rect", { width: "22", height: "22", fill: fill ? fill : '#757575' }), jsxRuntime.jsx("path", { d: "M15.6667 17H6.33333C5.97971 17 5.64057 16.8595 5.39052 16.6095C5.14048 16.3594 5 16.0203 5 15.6667V6.33333C5 5.97971 5.14048 5.64057 5.39052 5.39052C5.64057 5.14048 5.97971 5 6.33333 5H13.6667L17 8.33333V15.6667C17 16.0203 16.8595 16.3594 16.6095 16.6095C16.3594 16.8595 16.0203 17 15.6667 17Z", stroke: "white", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M14.3327 17.0003V11.667H7.66602V17.0003", stroke: "white", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }), jsxRuntime.jsx("path", { d: "M7.66602 5V8.33333H12.9993", stroke: "white", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" })] }));
219
219
  }
220
- function CheckInCicle({ fill, stroke, customColor_1, width, height }) {
220
+ function CheckInCicle$1({ fill, stroke, customColor_1, width, height }) {
221
221
  return (jsxRuntime.jsxs("svg", { width: width ?? '21', height: height ?? '20', viewBox: "0 0 21 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("path", { d: "M20 10C20 15.5176 15.5281 20 10.0001 20C4.47195 20 0 15.5176 0 10C0 4.48239 4.47195 0 10.0001 0C15.5281 0 20 4.48239 20 10Z", fill: customColor_1 ?? '#222' }), jsxRuntime.jsx("path", { d: "M19.7557 10C19.7557 15.2417 15.4598 19.5 10.1494 19.5C4.83889 19.5 0.542969 15.2417 0.542969 10C0.542969 4.75827 4.83889 0.5 10.1494 0.5C15.4598 0.5 19.7557 4.75827 19.7557 10Z", stroke: stroke ?? '#FFF' }), jsxRuntime.jsx("path", { d: "M14.05 5L15.39 5.94L9.58 14.32H8.24L5 9.78L6.34 8.53L8.91 10.93L14.05 5Z", fill: fill ?? '#FFF' })] }));
222
222
  }
223
223
  function CloseInCicle({ fill, stroke, customColor_1, width, height }) {
@@ -3521,7 +3521,7 @@ function Checkmark({ type, subtitle, active, handleClick, className, disabled, s
3521
3521
  }
3522
3522
  }, [active, type, disabled]);
3523
3523
  return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsx("div", { style: { ...styles }, className: className, children: type == 'checked' ?
3524
- jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs(ButtonCheckmark, { onClick: handleClick, children: [jsxRuntime.jsx(CheckInCicle, { ...colorsIcon }), jsxRuntime.jsx(Subtitle, { disabled: disabled, children: subtitle })] }) })
3524
+ jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs(ButtonCheckmark, { onClick: handleClick, children: [jsxRuntime.jsx(CheckInCicle$1, { ...colorsIcon }), jsxRuntime.jsx(Subtitle, { disabled: disabled, children: subtitle })] }) })
3525
3525
  :
3526
3526
  jsxRuntime.jsx(jsxRuntime.Fragment, { children: type == 'unchecked' &&
3527
3527
  jsxRuntime.jsxs(ButtonCheckmark, { onClick: handleClick, children: [jsxRuntime.jsx(CloseInCicle, { ...colorsIcon }), jsxRuntime.jsx(Subtitle, { disabled: disabled, children: subtitle })] }) }) }) }));
@@ -5582,7 +5582,7 @@ const Name$1 = styled__default["default"].p `
5582
5582
  margin-bottom: 8px;
5583
5583
  margin-top:${({ mobileVersion }) => mobileVersion ? '24px' : '0px'};
5584
5584
  `;
5585
- const WrapperButtons = styled__default["default"].div `
5585
+ const WrapperButtons$1 = styled__default["default"].div `
5586
5586
  display:flex;
5587
5587
  justify-content: space-between;
5588
5588
  width: 100%;
@@ -5592,7 +5592,7 @@ const WrapperButtons = styled__default["default"].div `
5592
5592
 
5593
5593
  function SpecialistContact({ title, avatar, name, email, telephone, mobileVersion, handleActionConversation, textButtonConversation, handleActionSendEmail, textButtonSendEmail }) {
5594
5594
  const src = 'https://i.gyazo.com/499dda909b1ebfe0375d1efa2d5d00a8.png';
5595
- return (jsxRuntime.jsxs(Wrapper$7, { mobileVersion: mobileVersion, children: [jsxRuntime.jsx(Title$5, { mobileVersion: mobileVersion, children: title }), jsxRuntime.jsxs(WrapperSpecialist, { mobileVersion: mobileVersion, children: [jsxRuntime.jsx(AvatarImg, { src: avatar ? avatar : src }), jsxRuntime.jsxs(TextSpecialist, { mobileVersion: mobileVersion, children: [jsxRuntime.jsxs(Name$1, { mobileVersion: mobileVersion, children: [" ", name, " "] }), jsxRuntime.jsxs(Email, { mobileVersion: mobileVersion, children: [" ", email, " "] }), jsxRuntime.jsxs(Phone, { mobileVersion: mobileVersion, children: [" ", telephone, " "] })] })] }), jsxRuntime.jsxs(WrapperButtons, { children: [jsxRuntime.jsx(Button$5, { variant: 'primary', label: textButtonConversation ? textButtonConversation : 'Iniciar conversa', handleClick: () => handleActionConversation(), startIcon: !mobileVersion && jsxRuntime.jsx(WhatAppBordered, {}), sizeIcon: '22px' }), jsxRuntime.jsx(Button$5, { variant: 'primary', label: textButtonSendEmail ? textButtonSendEmail : 'Enviar e-mail', handleClick: () => handleActionSendEmail(), startIcon: !mobileVersion && jsxRuntime.jsx(MailBordered, {}), sizeIcon: '22px' })] })] }));
5595
+ return (jsxRuntime.jsxs(Wrapper$7, { mobileVersion: mobileVersion, children: [jsxRuntime.jsx(Title$5, { mobileVersion: mobileVersion, children: title }), jsxRuntime.jsxs(WrapperSpecialist, { mobileVersion: mobileVersion, children: [jsxRuntime.jsx(AvatarImg, { src: avatar ? avatar : src }), jsxRuntime.jsxs(TextSpecialist, { mobileVersion: mobileVersion, children: [jsxRuntime.jsxs(Name$1, { mobileVersion: mobileVersion, children: [" ", name, " "] }), jsxRuntime.jsxs(Email, { mobileVersion: mobileVersion, children: [" ", email, " "] }), jsxRuntime.jsxs(Phone, { mobileVersion: mobileVersion, children: [" ", telephone, " "] })] })] }), jsxRuntime.jsxs(WrapperButtons$1, { children: [jsxRuntime.jsx(Button$5, { variant: 'primary', label: textButtonConversation ? textButtonConversation : 'Iniciar conversa', handleClick: () => handleActionConversation(), startIcon: !mobileVersion && jsxRuntime.jsx(WhatAppBordered, {}), sizeIcon: '22px' }), jsxRuntime.jsx(Button$5, { variant: 'primary', label: textButtonSendEmail ? textButtonSendEmail : 'Enviar e-mail', handleClick: () => handleActionSendEmail(), startIcon: !mobileVersion && jsxRuntime.jsx(MailBordered, {}), sizeIcon: '22px' })] })] }));
5596
5596
  }
5597
5597
 
5598
5598
  styled__default["default"].img `
@@ -10161,7 +10161,8 @@ const ContainerCard = styled__default["default"].div `
10161
10161
  justify-items: center;
10162
10162
  width: 100%;
10163
10163
  min-height: 300px;
10164
- gap: 20px;
10164
+ gap: 20px;
10165
+ padding-left: 24px;
10165
10166
  `;
10166
10167
  const ContainerInputNameTrail = styled__default["default"].div `
10167
10168
  display: inline-flex;
@@ -10737,6 +10738,7 @@ function AccordionTrack(props) {
10737
10738
  const [ModalDeleteTrilha, setModalDeleteTrilha] = React.useState(false);
10738
10739
  const [ModalDeleteTrilhaConteudo, setModalDeleteTrilhaConteudo] = React.useState(false);
10739
10740
  const [IdDelete, setIdDelete] = React.useState('0');
10741
+ const [RefreshResize, setRefreshResize] = React.useState(0);
10740
10742
  const MEUS_CONTEUDOS_CONTENT = '0';
10741
10743
  const CONTEUDO_INDIVIDUAL_CONTENT = '1';
10742
10744
  React.useEffect(() => {
@@ -10754,6 +10756,7 @@ function AccordionTrack(props) {
10754
10756
  }, [props.isLoading]);
10755
10757
  React.useEffect(() => {
10756
10758
  setCourseData(props.courseData);
10759
+ setRefreshResize(RefreshResize + 1);
10757
10760
  }, [props.courseData]);
10758
10761
  React.useEffect(() => {
10759
10762
  setCourseIndividualData(props.courseIndividualData);
@@ -10762,7 +10765,7 @@ function AccordionTrack(props) {
10762
10765
  jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(LoadingContent$1, { style: { width: 200, height: 20 } }) })
10763
10766
  :
10764
10767
  jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [props.textTotalDe ? props.textTotalDe : 'Total de', " ", courseData.length, " ", props.textRegistros ? props.textRegistros : 'registros'] }) })] }), jsxRuntime.jsx(dnd.Droppable, { droppableId: MEUS_CONTEUDOS_CONTENT, direction: "horizontal", children: (provided) => {
10765
- return (jsxRuntime.jsxs(ContainerTrailsEmpty, { children: [jsxRuntime.jsx(ScrollContainer, { stepMove: 380, isVisibleControlsButtons: true, sizeArrowButton: 80, marginsArrowButton: 10, horizontalMarginInternScroll: '5px', styles: { justifyContent: 'flex-start', width: '100%' }, refreshResize: props.updateScrollSize, children: jsxRuntime.jsx(ContainerCard, { ref: provided.innerRef, ...provided.droppableProps, children: IsLoading ?
10768
+ return (jsxRuntime.jsxs(ContainerTrailsEmpty, { children: [jsxRuntime.jsx(ScrollContainer, { stepMove: 380, isVisibleControlsButtons: true, sizeArrowButton: 80, marginsArrowButton: 10, horizontalMarginInternScroll: '5px', styles: { justifyContent: 'flex-start', width: '100%' }, refreshResize: RefreshResize, children: jsxRuntime.jsx(ContainerCard, { ref: provided.innerRef, ...provided.droppableProps, children: IsLoading ?
10766
10769
  jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Thumbnails, { variant: 'default', isDisabled: false, isLoading: true }), jsxRuntime.jsx(Thumbnails, { variant: 'default', isDisabled: false, isLoading: true }), jsxRuntime.jsx(Thumbnails, { variant: 'default', isDisabled: false, isLoading: true }), jsxRuntime.jsx(Thumbnails, { variant: 'default', isDisabled: false, isLoading: true })] })
10767
10770
  :
10768
10771
  jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { onClick: () => {
@@ -10777,7 +10780,7 @@ function AccordionTrack(props) {
10777
10780
  })] }) }) }), provided.placeholder] }));
10778
10781
  } }, MEUS_CONTEUDOS_CONTENT)] }), IsLoading ?
10779
10782
  jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(ContentCoursesTrails, { TrailName: props.txtLoadingTrilhas ? props.txtLoadingTrilhas : 'Carregando Trilhas...', ativo: true, txtAtivarTrilha: props.txtAtivarTrilha, handlePopOverTrailEdit: (id) => { props.handlePopOverTrailEdit(id); }, children: jsxRuntime.jsx(dnd.Droppable, { droppableId: CONTEUDO_INDIVIDUAL_CONTENT, direction: "horizontal", children: (provided) => {
10780
- return (jsxRuntime.jsxs(ContainerTrailsNormal, { style: {}, children: [jsxRuntime.jsx(ScrollContainer, { stepMove: 380, isVisibleControlsButtons: true, sizeArrowButton: 80, marginsArrowButton: 10, horizontalMarginInternScroll: '5px', refreshResize: props.updateScrollSize, styles: { backgroundColor: '#ebebeb', justifyContent: 'flex-start', width: '100%' }, children: jsxRuntime.jsx(ContainerCard, { ref: provided.innerRef, ...provided.droppableProps, children: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Thumbnails, { variant: 'default', isDisabled: false, isLoading: true }), jsxRuntime.jsx(Thumbnails, { variant: 'default', isDisabled: false, isLoading: true }), jsxRuntime.jsx(Thumbnails, { variant: 'default', isDisabled: false, isLoading: true }), jsxRuntime.jsx(Thumbnails, { variant: 'default', isDisabled: false, isLoading: true })] }) }) }), provided.placeholder] }));
10783
+ return (jsxRuntime.jsxs(ContainerTrailsNormal, { style: {}, children: [jsxRuntime.jsx(ScrollContainer, { stepMove: 380, isVisibleControlsButtons: true, sizeArrowButton: 80, marginsArrowButton: 10, horizontalMarginInternScroll: '5px', refreshResize: RefreshResize, styles: { backgroundColor: '#ebebeb', justifyContent: 'flex-start', width: '100%' }, children: jsxRuntime.jsx(ContainerCard, { ref: provided.innerRef, ...provided.droppableProps, children: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Thumbnails, { variant: 'default', isDisabled: false, isLoading: true }), jsxRuntime.jsx(Thumbnails, { variant: 'default', isDisabled: false, isLoading: true }), jsxRuntime.jsx(Thumbnails, { variant: 'default', isDisabled: false, isLoading: true }), jsxRuntime.jsx(Thumbnails, { variant: 'default', isDisabled: false, isLoading: true })] }) }) }), provided.placeholder] }));
10781
10784
  } }, CONTEUDO_INDIVIDUAL_CONTENT) }) })
10782
10785
  :
10783
10786
  jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(ContentCoursesTrails, { TrailName: props.txtCursoIndividual ? props.txtCursoIndividual : 'Conteúdo individual', ativo: true, show: ShowIndividual, handleChangeCheck: (bActive) => {
@@ -10792,16 +10795,16 @@ function AccordionTrack(props) {
10792
10795
  console.log(bShow);
10793
10796
  setShowIndividual(bShow);
10794
10797
  }, txtAtivarTrilha: props.txtAtivarTrilha, handlePopOverTrailEdit: (id) => { props.handlePopOverTrailEdit(id); }, children: jsxRuntime.jsx(dnd.Droppable, { droppableId: CONTEUDO_INDIVIDUAL_CONTENT, direction: "horizontal", children: (provided) => {
10795
- return (jsxRuntime.jsxs(ContainerTrailsNormal, { style: {}, children: [jsxRuntime.jsx(ScrollContainer, { stepMove: 380, isVisibleControlsButtons: true, sizeArrowButton: 80, marginsArrowButton: 10, horizontalMarginInternScroll: '5px', refreshResize: props.updateScrollSize, styles: { backgroundColor: '#ebebeb', justifyContent: 'flex-start', width: '100%' }, children: jsxRuntime.jsx(ContainerCard, { ref: provided.innerRef, ...provided.droppableProps, children: courseIndividualData && courseIndividualData.map((individual, individualIndex) => {
10796
- return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(ThumbnailsDraggable, { id: `contentTrails${1}_individual${individualIndex}`, index: `${individualIndex}`, isDisabled: individual.active === false ? false : individual.active, title: individual.title, variant: 'default', showSwitch: true, handleClickCourse: () => {
10797
- props.handleEditCourse(individual.id);
10798
- }, handleSwitchAtivar: (checked) => {
10799
- props.handleSwitchAtivarConteudo(individual.id, checked);
10800
- }, isTrail: false, src: individual.settings.cover_thumb_url, txtButtonLabel: props.txtButtonLabel, txtAtivarCurso: props.txtAtivarCurso, txtCriarNovoCurso: props.txtCriarNovoCurso, handleClickPopOverEdit: () => { props.handlePopOverEdit(individual.id); }, handleClickPopOverMove: () => { props.handlePopOverMove(individual.id); }, handleClickPopOverEditActivity: () => { props.handleClickPopOverEditActivity(individual.id); }, handleClickPopOverDelete: () => {
10801
- setIdDelete(individual.id);
10802
- setModalDeleteConteudo(true);
10803
- }, txtPopOverEditContent: props.txtPopOverEditContent, txtPopOverMoveToTrails: props.txtPopOverMoveToTrails, txtPopOverDeleteContent: props.txtPopOverDeleteContent }, `contentTrails${1}_individual${individualIndex}`) }));
10804
- }) }) }), provided.placeholder] }));
10798
+ return (jsxRuntime.jsxs(ContainerTrailsNormal, { style: {}, children: [jsxRuntime.jsx(ScrollContainer, { stepMove: 380, isVisibleControlsButtons: true, sizeArrowButton: 80, marginsArrowButton: 10, horizontalMarginInternScroll: '5px', refreshResize: RefreshResize, styles: { backgroundColor: '#ebebeb', justifyContent: 'flex-start', width: '100%' }, children: jsxRuntime.jsxs(ContainerCard, { ref: provided.innerRef, ...provided.droppableProps, children: [courseIndividualData && courseIndividualData.map((individual, individualIndex) => {
10799
+ return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(ThumbnailsDraggable, { id: `contentTrails${1}_individual${individualIndex}`, index: `${individualIndex}`, isDisabled: individual.active === false ? false : individual.active, title: individual.title, variant: 'default', showSwitch: true, handleClickCourse: () => {
10800
+ props.handleEditCourse(individual.id);
10801
+ }, handleSwitchAtivar: (checked) => {
10802
+ props.handleSwitchAtivarConteudo(individual.id, checked);
10803
+ }, isTrail: false, src: individual.settings.cover_thumb_url, txtButtonLabel: props.txtButtonLabel, txtAtivarCurso: props.txtAtivarCurso, txtCriarNovoCurso: props.txtCriarNovoCurso, handleClickPopOverEdit: () => { props.handlePopOverEdit(individual.id); }, handleClickPopOverMove: () => { props.handlePopOverMove(individual.id); }, handleClickPopOverEditActivity: () => { props.handleClickPopOverEditActivity(individual.id); }, handleClickPopOverDelete: () => {
10804
+ setIdDelete(individual.id);
10805
+ setModalDeleteConteudo(true);
10806
+ }, txtPopOverEditContent: props.txtPopOverEditContent, txtPopOverMoveToTrails: props.txtPopOverMoveToTrails, txtPopOverDeleteContent: props.txtPopOverDeleteContent }, `contentTrails${1}_individual${individualIndex}`) }));
10807
+ }), jsxRuntime.jsx("div", { style: { width: 24 } })] }) }), provided.placeholder] }));
10805
10808
  } }, CONTEUDO_INDIVIDUAL_CONTENT) }) }), !IsLoading &&
10806
10809
  jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(TypographyMyTrails, { style: { marginTop: 20 }, children: props.textMinhasTrihas ? props.textMinhasTrihas : 'Minhas Trilhas' }), trails && trails.map((trail, trailIndex) => {
10807
10810
  return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(ContentCoursesTrails, { showButtonActive: true, trailId: trail.id, id: `${3000}${trailIndex}`, TrailName: trail.name, private: trail.private, handleChangePrivate: (bPrivate) => {
@@ -11353,7 +11356,7 @@ const DescriptionThumbnails = styled__default["default"].div `
11353
11356
  flex-direction: column;
11354
11357
  /* text-align: justify; */
11355
11358
  margin-top: -1px;
11356
- padding: 12px;
11359
+ padding: 16px;
11357
11360
 
11358
11361
  .title {
11359
11362
  font-family: ${({ theme }) => theme.fonts.textMessageComponentsCardTitle.fontFamily};
@@ -11443,7 +11446,7 @@ function ParticipantThumbnails(props) {
11443
11446
  }, children: jsxRuntime.jsx(CardThumbnailsHove, { onMouseLeave: (event) => {
11444
11447
  setAnchorEl(null);
11445
11448
  setItemSelected(null);
11446
- }, children: jsxRuntime.jsxs(CardThumbnailsHove, { theme: FRSTTheme, onClick: props.handleFunctionThumbnail, children: [jsxRuntime.jsx(ThumbnailImageHover, { img: props.imgThumbnails ? props.imgThumbnails : '/img/NoUploaded.png' }), jsxRuntime.jsxs(DescriptionThumbnails, { theme: FRSTTheme, children: [jsxRuntime.jsx("div", { className: 'title', children: props.titleThumbnail }), jsxRuntime.jsx("p", { children: props.descpThumbnail })] })] }) }) }), jsxRuntime.jsxs(CardThumbnails, { id: "teste", theme: FRSTTheme, onClick: props.handleFunctionThumbnail, onMouseOver: (event) => {
11449
+ }, children: jsxRuntime.jsxs(CardThumbnailsHove, { theme: FRSTTheme, onClick: props.handleFunctionThumbnail, children: [jsxRuntime.jsx(ThumbnailImageHover, { img: props.imgThumbnails ? props.imgThumbnails : '/img/NoUploaded.png' }), jsxRuntime.jsxs(DescriptionThumbnails, { theme: FRSTTheme, children: [jsxRuntime.jsx("div", { className: 'title', children: props.titleThumbnail }), jsxRuntime.jsx("p", { children: props.descpThumbnail })] })] }) }) }), jsxRuntime.jsxs(CardThumbnails, { theme: FRSTTheme, onClick: props.handleFunctionThumbnail, onMouseOver: (event) => {
11447
11450
  setAnchorEl(event.currentTarget);
11448
11451
  setItemSelected(props);
11449
11452
  props.handleFunctionThumbnail;
@@ -11975,7 +11978,7 @@ function ChallengeCard({ variant, description, language, onClickView, onClickNew
11975
11978
  }, 700);
11976
11979
  };
11977
11980
  return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(WrapperCard$4, { style: { ...style }, active: activeClick, children: [jsxRuntime.jsxs(TagStep, { onClick: () => handleClick(), variant: variant, children: [jsxRuntime.jsx(TagText, { children: label.tagStep[variant] }), variant == 'completed' &&
11978
- jsxRuntime.jsx("span", { style: { marginLeft: '10px', height: '100%' }, children: jsxRuntime.jsx(CheckInCicle, { customColor_1: "transparent", height: '16', width: '16' }) })] }), jsxRuntime.jsxs(WrapperBanner, { onClick: () => handleClick(), children: [jsxRuntime.jsx(BannerCard, { src: BannersSRC[variant] }), jsxRuntime.jsx(StepName, { variant: variant, children: label.nameStep[variant] })] }), jsxRuntime.jsxs(ContentCard, { children: [jsxRuntime.jsxs(WrapperHeader$1, { children: [jsxRuntime.jsx(TitleProject, { onClick: () => handleClick(), children: variant == 'srg' ? 'Space Race Game' : label.project }), variant != 'srg' && onClickContinue && onClickDelete &&
11981
+ jsxRuntime.jsx("span", { style: { marginLeft: '10px', height: '100%' }, children: jsxRuntime.jsx(CheckInCicle$1, { customColor_1: "transparent", height: '16', width: '16' }) })] }), jsxRuntime.jsxs(WrapperBanner, { onClick: () => handleClick(), children: [jsxRuntime.jsx(BannerCard, { src: BannersSRC[variant] }), jsxRuntime.jsx(StepName, { variant: variant, children: label.nameStep[variant] })] }), jsxRuntime.jsxs(ContentCard, { children: [jsxRuntime.jsxs(WrapperHeader$1, { children: [jsxRuntime.jsx(TitleProject, { onClick: () => handleClick(), children: variant == 'srg' ? 'Space Race Game' : label.project }), variant != 'srg' && onClickContinue && onClickDelete &&
11979
11982
  jsxRuntime.jsx(Dots, { children: jsxRuntime.jsx(MoreVerticalMenu, { textContinue: label.continue, textDelete: label.delete, textEdit: label.edit, handleContinue: () => onClickContinue(), handleDelete: () => onClickDelete(), handleEdit: () => onClickEdit(), variant: variant }) })] }), variant != 'srg' ?
11980
11983
  jsxRuntime.jsx(DescriptionProject, { onClick: () => handleClick(), children: resumeString(description, 73) })
11981
11984
  :
@@ -13926,13 +13929,16 @@ const WrapperCard$2 = styled__default["default"].div `
13926
13929
  flex-direction: column;
13927
13930
  width: 282px;
13928
13931
  height: fit-content;
13929
-
13932
+ min-height: ${({ variant }) => variant == 'brainstorm' ? '169px' : ''};
13933
+ justify-content: space-around;
13930
13934
  padding: 17px;
13931
13935
  padding-top: 14px;
13932
13936
 
13933
13937
  background: ${({ theme }) => theme.colors.shadeWhite};
13934
- border: 1px solid ${({ theme }) => theme.colors.borderPrimary};
13938
+ border: 1px solid ${({ theme, variant }) => variant != 'brainstorm' ? theme.colors.borderPrimary : 'none'};
13935
13939
  border-radius: 8px;
13940
+
13941
+ box-shadow: 0px 0px 5px ${({ variant }) => variant == 'brainstorm' ? 'rgba(0, 0, 0, 0.2)' : '#0000000'};
13936
13942
  `;
13937
13943
  styled__default["default"].div `
13938
13944
  width: 100%;
@@ -14001,7 +14007,7 @@ const UserAdditionalInfo$1 = styled__default["default"].div `
14001
14007
  const Area$1 = styled__default["default"].div `
14002
14008
  font-family: 'PT Sans';
14003
14009
  font-style: normal;
14004
- font-weight: 700;
14010
+ font-weight: ${({ variant }) => variant == 'brainstorm' ? '400' : '700'};
14005
14011
  font-size: 16px;
14006
14012
  line-height: 110%;
14007
14013
  /* or 18px */
@@ -14076,6 +14082,8 @@ const ButtonSend = styled__default["default"].div `
14076
14082
  color: ${({ theme }) => theme.colors.shadeWhite};
14077
14083
  cursor: pointer;
14078
14084
  margin-left: -13px;
14085
+
14086
+
14079
14087
  `;
14080
14088
  const ButtonRemove = styled__default["default"].div `
14081
14089
  font-family: 'Work Sans';
@@ -14086,6 +14094,68 @@ const ButtonRemove = styled__default["default"].div `
14086
14094
  color: #0645AD;
14087
14095
  cursor: pointer;
14088
14096
  `;
14097
+ const ButtonSendV2 = styled__default["default"].div `
14098
+ width: fit-content;
14099
+ height: 14px;
14100
+
14101
+ font-family: 'Work Sans';
14102
+ font-style: normal;
14103
+ font-weight: 700;
14104
+ font-size: 12px;
14105
+ line-height: 14px;
14106
+
14107
+ display: flex;
14108
+ align-items: center;
14109
+
14110
+ color: #0645AD;
14111
+ cursor: pointer;
14112
+
14113
+ `;
14114
+ const WrapperButtons = styled__default["default"].div `
14115
+ display: flex;
14116
+ flex-direction: row;
14117
+ gap: 4px;
14118
+ justify-content: flex-start;
14119
+ align-items: center;
14120
+ opacity: ${({ status }) => status == 'success' ? '0' : '1'};
14121
+
14122
+ transition: all 1s ease-in-out;
14123
+ `;
14124
+ const ButtonRemoveV2 = styled__default["default"].div `
14125
+ font-family: 'PT Sans';
14126
+ font-style: normal;
14127
+ font-weight: 700;
14128
+ font-size: 12px;
14129
+ line-height: 110%;
14130
+
14131
+ text-align: right;
14132
+
14133
+ /* neutrals/neutral_2 */
14134
+
14135
+ color: #444444;
14136
+ cursor: pointer;
14137
+
14138
+ &:hover {
14139
+ color: ${({ theme }) => theme.colors.neutralsGrey1};
14140
+ }
14141
+ &:active {
14142
+ color: ${({ theme }) => theme.colors.neutralsGrey3};
14143
+ }
14144
+ `;
14145
+ const ButtonOrV2 = styled__default["default"].div `
14146
+ font-family: 'PT Sans';
14147
+ font-style: normal;
14148
+ font-weight: 400;
14149
+ font-size: 12px;
14150
+ line-height: 110%;
14151
+ /* or 13px */
14152
+
14153
+ display: flex;
14154
+ align-items: center;
14155
+
14156
+ color: #000000;
14157
+ cursor: pointer;
14158
+ `;
14089
14159
  const ButtonSuccess = styled__default["default"].div `
14090
14160
  display: flex;
14091
14161
  flex-direction: row;
@@ -14122,9 +14192,28 @@ const ButtonSuccess = styled__default["default"].div `
14122
14192
  /* neutrals/grey_1 */
14123
14193
 
14124
14194
  color: #222222;
14195
+ `;
14196
+ const ButtonSuccessV2 = styled__default["default"].div `
14197
+ display: flex;
14198
+ flex-direction: row;
14199
+ align-items: center;
14200
+ font-family: 'PT Sans';
14201
+ font-style: normal;
14202
+ font-weight: 400;
14203
+ font-size: 14px;
14204
+ line-height: 18px;
14205
+
14206
+ color: #000000;
14207
+ gap: 8px;
14208
+ margin-left: 8px;
14209
+ margin-bottom: 7px;
14210
+
14211
+ opacity: ${({ status }) => status == 'success' ? '1' : '0'};
14212
+
14213
+ transition: all 1s ease-in-out;
14125
14214
  `;
14126
14215
 
14127
- function ParticipantCardOld({ userInfo, labels, successfullInvite, style, handleSendInvitation, handleClickRemove }) {
14216
+ function ParticipantCardOld({ variant, userInfo, labels, successfullInvite, style, handleSendInvitation, handleClickRemove }) {
14128
14217
  const [userName, setUserName] = React.useState(userInfo?.name);
14129
14218
  const [userEmail, setUserEmail] = React.useState(userInfo?.email);
14130
14219
  const [area, setArea] = React.useState(`${labels?.area ? labels?.area : 'Área'}: ${userInfo?.area}`);
@@ -14141,7 +14230,29 @@ function ParticipantCardOld({ userInfo, labels, successfullInvite, style, handle
14141
14230
  setStatusSend('success');
14142
14231
  handleSendInvitation(userInfo?.id);
14143
14232
  };
14144
- return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(WrapperCard$2, { style: { ...style }, children: [jsxRuntime.jsxs(UserInfo$1, { children: [jsxRuntime.jsx(Avatar, { size: "40px", src: userInfo?.avatar }), jsxRuntime.jsxs(DescriptionUser$1, { children: [userName && userName?.length > 25 ? (jsxRuntime.jsx(Tooltip, { position: "top", textTooltip: userName, children: jsxRuntime.jsx(NameUser$1, { children: userName }) })) : (jsxRuntime.jsx(NameUser$1, { children: userName })), userEmail && userEmail?.length > 30 ? (jsxRuntime.jsx(Tooltip, { position: "top", textTooltip: userEmail, children: jsxRuntime.jsx(EmailUser$1, { children: userEmail }) })) : (jsxRuntime.jsx(EmailUser$1, { children: userEmail }))] })] }), jsxRuntime.jsxs(UserAdditionalInfo$1, { children: [area && area?.length > 31 ? (jsxRuntime.jsx(Tooltip, { position: "top", textTooltip: userInfo?.area, children: jsxRuntime.jsx(Area$1, { children: area }) })) : (jsxRuntime.jsx(Area$1, { children: area })), position && position?.length > 33 ? (jsxRuntime.jsx(Tooltip, { position: "top", textTooltip: userInfo?.position, children: jsxRuntime.jsx(Position$1, { children: position }) })) : (jsxRuntime.jsx(Position$1, { children: position }))] }), jsxRuntime.jsxs(FooterButton, { children: [statusSend == 'default' ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [clickSendInvitation ? (jsxRuntime.jsxs(ButtonSend, { onClick: () => clickSendInvitation(), children: [jsxRuntime.jsx(AddPeople, {}), labels?.sendInvitation ? labels?.sendInvitation : 'Enviar convite'] })) : null, handleClickRemove ? (jsxRuntime.jsx(ButtonRemove, { onClick: () => handleClickRemove(userInfo?.id), children: labels?.remove ? labels?.remove : 'Remover' })) : null] })) : null, statusSend == 'success' ? (jsxRuntime.jsx("div", { style: { width: '100%', justifyContent: 'flex-start' }, children: jsxRuntime.jsxs(ButtonSuccess, { children: [jsxRuntime.jsx(MessageCheckLine, { width: "14" }), labels?.invitationSuccess ? labels?.invitationSuccess : 'Convite enviado'] }) })) : null] })] }) }));
14233
+ return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(WrapperCard$2, { variant: variant, style: { ...style }, children: [jsxRuntime.jsxs(UserInfo$1, { children: [jsxRuntime.jsx(Avatar, { size: "40px", src: userInfo?.avatar }), jsxRuntime.jsxs(DescriptionUser$1, { children: [userName && userName?.length > 25 ? (jsxRuntime.jsx(Tooltip, { position: "top", textTooltip: userName, children: jsxRuntime.jsx(NameUser$1, { children: userName }) })) : (jsxRuntime.jsx(NameUser$1, { children: userName })), userEmail && userEmail?.length > 30 ? (jsxRuntime.jsx(Tooltip, { position: "top", textTooltip: userEmail, children: jsxRuntime.jsx(EmailUser$1, { children: userEmail }) })) : (jsxRuntime.jsx(EmailUser$1, { children: userEmail }))] })] }), jsxRuntime.jsxs(UserAdditionalInfo$1, { children: [area && area?.length > 31 ? (jsxRuntime.jsx(Tooltip, { position: "top", textTooltip: userInfo?.area, children: jsxRuntime.jsx(Area$1, { variant: variant, children: area }) })) : (jsxRuntime.jsx(Area$1, { variant: variant, children: area })), position && position?.length > 33 ? (jsxRuntime.jsx(Tooltip, { position: "top", textTooltip: userInfo?.position, children: jsxRuntime.jsx(Position$1, { children: position }) })) : (jsxRuntime.jsx(Position$1, { children: position }))] }), variant == 'secondary' ?
14234
+ jsxRuntime.jsx(FooterButtonBrainstorm, { statusSend: statusSend, clickSendInvitation: clickSendInvitation, handleClickRemove: handleClickRemove, labels: labels, userInfo: userInfo })
14235
+ :
14236
+ jsxRuntime.jsx(FooterButtonDefault, { statusSend: statusSend, clickSendInvitation: clickSendInvitation, handleClickRemove: handleClickRemove, labels: labels, userInfo: userInfo })] }) }));
14237
+ }
14238
+ function FooterButtonBrainstorm({ statusSend, clickSendInvitation, handleClickRemove, labels, userInfo }) {
14239
+ const [status, setStatus] = React.useState(statusSend);
14240
+ React.useEffect(() => {
14241
+ setStatus(statusSend);
14242
+ }, [statusSend]);
14243
+ return (jsxRuntime.jsxs(FooterButton, { style: { justifyContent: 'flex-start', gap: '4px', alignItems: 'center' }, children: [status == 'default' ? (jsxRuntime.jsxs(WrapperButtons, { status: status, children: [jsxRuntime.jsxs(ButtonSendV2, { onClick: () => {
14244
+ setStatus('success');
14245
+ // clickSendInvitation()
14246
+ }, children: [jsxRuntime.jsx(LetterEnvelopLineIcon, {}), labels?.sendInvitation ? labels?.sendInvitation : 'Convidar'] }), jsxRuntime.jsx(ButtonOrV2, { children: labels.or }), jsxRuntime.jsx(ButtonRemoveV2, { onClick: () => handleClickRemove(userInfo?.id), children: labels?.remove ? labels?.remove : 'Remover' })] })) : null, jsxRuntime.jsx("div", { style: { width: '100%', justifyContent: 'flex-start' }, children: jsxRuntime.jsxs(ButtonSuccessV2, { status: status, children: [jsxRuntime.jsx(CheckInCicle, {}), labels?.invitationSuccess ? labels?.invitationSuccess : 'Convite enviado'] }) })] }));
14247
+ }
14248
+ function FooterButtonDefault({ statusSend, clickSendInvitation, labels, handleClickRemove, userInfo }) {
14249
+ return (jsxRuntime.jsxs(FooterButton, { children: [statusSend == 'default' ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [clickSendInvitation ? (jsxRuntime.jsxs(ButtonSend, { onClick: () => clickSendInvitation(), children: [jsxRuntime.jsx(AddPeople, {}), labels?.sendInvitation ? labels?.sendInvitation : 'Enviar convite'] })) : null, handleClickRemove ? (jsxRuntime.jsx(ButtonRemove, { onClick: () => handleClickRemove(userInfo?.id), children: labels?.remove ? labels?.remove : 'Remover' })) : null] })) : null, statusSend == 'success' ? (jsxRuntime.jsx("div", { style: { width: '100%', justifyContent: 'flex-start' }, children: jsxRuntime.jsxs(ButtonSuccess, { children: [jsxRuntime.jsx(MessageCheckLine, { width: "14" }), labels?.invitationSuccess ? labels?.invitationSuccess : 'Convite enviado'] }) })) : null] }));
14250
+ }
14251
+ function LetterEnvelopLineIcon() {
14252
+ return (jsxRuntime.jsx("div", { style: { height: '12px', borderRadius: '2px', overflow: 'hidden', marginRight: '8px', marginLeft: '8px' }, children: jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "12", viewBox: "1 1 16.4 12", children: jsxRuntime.jsx("path", { strokeWidth: "1", fill: '#0645ad', d: "m3.2,0C1.43,0,0,1.43,0,3.2h2.4c0-.44.36-.8.8-.8V0Zm12,2.4c.44,0,.8.36.8.8h2.4c0-1.77-1.43-3.2-3.2-3.2v2.4Zm.8,8.8c0,.44-.36.8-.8.8v2.4c1.77,0,3.2-1.43,3.2-3.2h-2.4Zm-12.8.8c-.44,0-.8-.36-.8-.8H0c0,1.77,1.43,3.2,3.2,3.2v-2.4Zm-.8-.8V3.2H0v8h2.4Zm12.8.8H3.2v2.4h12v-2.4Zm.8-8.8v8h2.4V3.2h-2.4Zm-12.8-.8h12V0H3.2v2.4Zm4.48,4.44c.91.66,2.14.66,3.05,0l-.7-.97c-.49.35-1.15.35-1.64,0l-.7.97Zm3.05,0l6.43-4.65-.7-.97-6.43,4.65.7.97ZM1.25,2.19l6.43,4.65.7-.97L1.95,1.21l-.7.97Zm9.12,4.17l-.35-.49.35.49Zm-2.35,0l-.35.49.35-.49Z" }) }) }));
14253
+ }
14254
+ function CheckInCicle() {
14255
+ return (jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [jsxRuntime.jsx("rect", { width: "16", height: "16", rx: "8", fill: "#1BA853" }), jsxRuntime.jsx("path", { d: "M11.8806 5.09106L6.54729 10.4244L4.12305 8.00016", stroke: "white", "stroke-width": "1.2", "stroke-linecap": "round", "stroke-linejoin": "round" })] }));
14145
14256
  }
14146
14257
 
14147
14258
  const activeStatus = 'Cadastrado';
@@ -15395,10 +15506,27 @@ const WrapperText = styled__default["default"].div `
15395
15506
  display: flex;
15396
15507
  flex-direction: column;
15397
15508
  width: fit-content;
15509
+ `;
15510
+ const WrapperHandle = styled__default["default"].div `
15511
+ display: flex;
15512
+ justify-content: center;
15513
+ align-items: center;
15514
+ height: ${({ large }) => large ? '32px' : '20px'};
15515
+ width: ${({ large }) => large ? '32px' : '20px'};
15516
+ border-radius: 50%;
15517
+ background: rgba(255, 255, 255, 0.5);
15518
+ margin-left: 8px;
15519
+ margin-bottom: 3px;
15520
+ cursor: pointer;
15521
+ padding: ${({ large }) => large ? '7px' : '5px'};
15522
+
15523
+ &:hover{
15524
+ background: rgba(255, 255, 255, 0.7);
15525
+ }
15398
15526
  `;
15399
15527
 
15400
- function HeaderUser({ avatar, name, text, onClick, large }) {
15401
- return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(Wrapper$2, { onClick: () => !!(onClick) ? onClick() : {}, children: [jsxRuntime.jsx(Avatar, { size: large ? '56px' : '32px', src: avatar?.src, alt: avatar?.alt }), jsxRuntime.jsxs(WrapperText, { style: { justifyContent: 'space-around' }, children: [jsxRuntime.jsx(Name, { large: large, children: name }), jsxRuntime.jsx(Text, { large: large, children: text })] })] }) }));
15528
+ function HeaderUser({ avatar, name, text, onClick, large, showHandleButtons, onClickEdit, onClickDelete, }) {
15529
+ return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs(Wrapper$2, { onClick: () => !!(onClick) ? onClick() : {}, children: [jsxRuntime.jsx(Avatar, { size: large ? '56px' : '32px', src: avatar?.src, alt: avatar?.alt }), jsxRuntime.jsxs(WrapperText, { style: { justifyContent: 'space-around' }, children: [jsxRuntime.jsxs("div", { style: { display: 'flex', flexDirection: 'row', alignItems: 'center' }, children: [jsxRuntime.jsx(Name, { large: large, children: name }), showHandleButtons ? jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(WrapperHandle, { onClick: () => onClickEdit ? onClickEdit() : {}, large: large, children: jsxRuntime.jsx(EditIcon, { fill: '#444444' }) }), jsxRuntime.jsx(WrapperHandle, { onClick: () => onClickDelete ? onClickDelete() : {}, large: large, children: jsxRuntime.jsx(TrashIconNew, { fill: '#444444' }) })] }) : null] }), jsxRuntime.jsx(Text, { large: large, children: text })] })] }) }));
15402
15530
  }
15403
15531
 
15404
15532
  const InputWrapper = styled__default["default"].div `
@@ -15616,7 +15744,7 @@ function InputCommentPostIt({ placeholder, avatar, value, onChange, limit, hasEm
15616
15744
  const [isOpenPicker, setIsOpenPicker] = React.useState(false);
15617
15745
  const [stringValueTextArea, setStringValueTextArea] = React.useState('');
15618
15746
  const [isChangedInput, setIsChangedInput] = React.useState(false);
15619
- const [remain, setRemain] = React.useState(0);
15747
+ const [remain, setRemain] = React.useState(limit);
15620
15748
  React.useEffect(() => {
15621
15749
  if (stringValueTextArea) {
15622
15750
  resizeTextArea(refInput);
@@ -15651,6 +15779,7 @@ function InputCommentPostIt({ placeholder, avatar, value, onChange, limit, hasEm
15651
15779
  onChange('');
15652
15780
  setErrorManyChars(false);
15653
15781
  setIsActiveEdit(false);
15782
+ setRemain(limit);
15654
15783
  onClickCancel();
15655
15784
  };
15656
15785
  return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs("div", { style: { ...styles }, children: [jsxRuntime.jsxs(InputWrapper, { active: isActiveEdit, isOnEditing: isChangedInput, isError: isErrorManyChars, children: [!isActiveEdit &&
@@ -16101,7 +16230,7 @@ exports.ChallengeCard = ChallengeCard;
16101
16230
  exports.ChangeAccount = ChangeAccount;
16102
16231
  exports.Channel = Channel$3;
16103
16232
  exports.CheckIconSimple = CheckIconSimple;
16104
- exports.CheckInCicle = CheckInCicle;
16233
+ exports.CheckInCicle = CheckInCicle$1;
16105
16234
  exports.Checkmark = Checkmark;
16106
16235
  exports.ColorPicker = Colorpicker;
16107
16236
  exports.CommentPost = CommentPost;
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import '../../../shared/global.css';
3
3
  import { ParticipantCardI } from './participantCard';
4
- export default function ParticipantCardOld({ userInfo, labels, successfullInvite, style, handleSendInvitation, handleClickRemove }: ParticipantCardI): JSX.Element;
4
+ export default function ParticipantCardOld({ variant, userInfo, labels, successfullInvite, style, handleSendInvitation, handleClickRemove }: ParticipantCardI): JSX.Element;
5
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/IJ/participantCardOld/index.tsx"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AAInC,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAOpD,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,QAAQ,EACR,MAAM,EACN,iBAAiB,EACjB,KAAK,EACL,oBAAoB,EACpB,iBAAiB,EAClB,EAAE,gBAAgB,eAyFlB"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/IJ/participantCardOld/index.tsx"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AAInC,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAOpD,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,OAAO,EACP,QAAQ,EACR,MAAM,EACN,iBAAiB,EACjB,KAAK,EACL,oBAAoB,EACpB,iBAAiB,EAClB,EAAE,gBAAgB,eAgFlB"}
@@ -1,14 +1,27 @@
1
- export declare const WrapperCard: import("styled-components").StyledComponent<"div", any, {}, never>;
1
+ export declare const WrapperCard: import("styled-components").StyledComponent<"div", any, {
2
+ variant: any;
3
+ }, never>;
2
4
  export declare const WrapperUserInfo: import("styled-components").StyledComponent<"div", any, {}, never>;
3
5
  export declare const UserInfo: import("styled-components").StyledComponent<"div", any, {}, never>;
4
6
  export declare const DescriptionUser: import("styled-components").StyledComponent<"div", any, {}, never>;
5
7
  export declare const NameUser: import("styled-components").StyledComponent<"div", any, {}, never>;
6
8
  export declare const EmailUser: import("styled-components").StyledComponent<"div", any, {}, never>;
7
9
  export declare const UserAdditionalInfo: import("styled-components").StyledComponent<"div", any, {}, never>;
8
- export declare const Area: import("styled-components").StyledComponent<"div", any, {}, never>;
10
+ export declare const Area: import("styled-components").StyledComponent<"div", any, {
11
+ variant: any;
12
+ }, never>;
9
13
  export declare const Position: import("styled-components").StyledComponent<"div", any, {}, never>;
10
14
  export declare const FooterButton: import("styled-components").StyledComponent<"div", any, {}, never>;
11
15
  export declare const ButtonSend: import("styled-components").StyledComponent<"div", any, {}, never>;
12
16
  export declare const ButtonRemove: import("styled-components").StyledComponent<"div", any, {}, never>;
17
+ export declare const ButtonSendV2: import("styled-components").StyledComponent<"div", any, {}, never>;
18
+ export declare const WrapperButtons: import("styled-components").StyledComponent<"div", any, {
19
+ status: any;
20
+ }, never>;
21
+ export declare const ButtonRemoveV2: import("styled-components").StyledComponent<"div", any, {}, never>;
22
+ export declare const ButtonOrV2: import("styled-components").StyledComponent<"div", any, {}, never>;
13
23
  export declare const ButtonSuccess: import("styled-components").StyledComponent<"div", any, {}, never>;
24
+ export declare const ButtonSuccessV2: import("styled-components").StyledComponent<"div", any, {
25
+ status: any;
26
+ }, never>;
14
27
  //# sourceMappingURL=participantCardStyle.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"participantCardStyle.d.ts","sourceRoot":"","sources":["../../../../../src/components/IJ/participantCardOld/participantCardStyle.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,WAAW,oEAYvB,CAAA;AAED,eAAO,MAAM,eAAe,oEAI3B,CAAA;AAED,eAAO,MAAM,QAAQ,oEAGpB,CAAA;AACG,eAAO,MAAM,eAAe,oEAI3B,CAAA;AACG,eAAO,MAAM,QAAQ,oEAqBpB,CAAA;AACD,eAAO,MAAM,SAAS,oEAsBrB,CAAA;AAET,eAAO,MAAM,kBAAkB,oEAI9B,CAAA;AACG,eAAO,MAAM,IAAI,oEAuBhB,CAAA;AACD,eAAO,MAAM,QAAQ,oEAsBpB,CAAA;AAEL,eAAO,MAAM,YAAY,oEAMxB,CAAA;AAED,eAAO,MAAM,UAAU,oEAwBtB,CAAA;AAED,eAAO,MAAM,YAAY,oEAQxB,CAAA;AAED,eAAO,MAAM,aAAa,oEAoCzB,CAAA"}
1
+ {"version":3,"file":"participantCardStyle.d.ts","sourceRoot":"","sources":["../../../../../src/components/IJ/participantCardOld/participantCardStyle.ts"],"names":[],"mappings":"AASA,eAAO,MAAM,WAAW;;SAevB,CAAA;AAED,eAAO,MAAM,eAAe,oEAI3B,CAAA;AAED,eAAO,MAAM,QAAQ,oEAGpB,CAAA;AACG,eAAO,MAAM,eAAe,oEAI3B,CAAA;AACG,eAAO,MAAM,QAAQ,oEAqBpB,CAAA;AACD,eAAO,MAAM,SAAS,oEAsBrB,CAAA;AAET,eAAO,MAAM,kBAAkB,oEAI9B,CAAA;AACG,eAAO,MAAM,IAAI;;SAuBhB,CAAA;AACD,eAAO,MAAM,QAAQ,oEAsBpB,CAAA;AAEL,eAAO,MAAM,YAAY,oEAMxB,CAAA;AAED,eAAO,MAAM,UAAU,oEA0BtB,CAAA;AAED,eAAO,MAAM,YAAY,oEAQxB,CAAA;AAGD,eAAO,MAAM,YAAY,oEAgBxB,CAAA;AAED,eAAO,MAAM,cAAc;;SAS1B,CAAA;AAED,eAAO,MAAM,cAAc,oEAoB1B,CAAA;AACD,eAAO,MAAM,UAAU,oEAatB,CAAA;AAED,eAAO,MAAM,aAAa,oEAoCzB,CAAA;AAED,eAAO,MAAM,eAAe;;SAkB3B,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"accordionTrack.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/accordionTrack/accordionTrack.tsx"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAavD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,mBAAmB,eA6fhE"}
1
+ {"version":3,"file":"accordionTrack.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/accordionTrack/accordionTrack.tsx"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AACnC,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAavD,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,KAAK,EAAE,mBAAmB,eAogBhE"}
@@ -1 +1 @@
1
- {"version":3,"file":"accordionTrackStyle.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/accordionTrack/accordionTrackStyle.ts"],"names":[],"mappings":"AAEA,UAAU,gBAAgB;IACtB,MAAM,EAAE,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,eAAe,kFAmB3B,CAAA;AACD,eAAO,MAAM,cAAc,oEAc1B,CAAA;AAED,eAAO,MAAM,oBAAoB,kFAgBhC,CAAA;AAED,eAAO,MAAM,qBAAqB,oEAUjC,CAAA;AACD,eAAO,MAAM,oBAAoB,oEAShC,CAAA;AACD,eAAO,MAAM,gBAAgB,kFAI5B,CAAA;AACD,eAAO,MAAM,mBAAmB,oEAO/B,CAAA;AACD,eAAO,MAAM,MAAM,oEAElB,CAAA;AACD,eAAO,MAAM,mBAAmB,oEAI/B,CAAA;AACD,eAAO,MAAM,sBAAsB,mFAYlC,CAAA;AACD,eAAO,MAAM,kBAAkB,oEAK9B,CAAA;AACD,eAAO,MAAM,kBAAkB,kFAW9B,CAAA;AACD,eAAO,MAAM,aAAa,oEAQzB,CAAA;AACD,eAAO,MAAM,uBAAuB,oEAanC,CAAA;AACD,eAAO,MAAM,oBAAoB,oEAMhC,CAAA;AACD,eAAO,MAAM,kBAAkB,oEAM9B,CAAA;AAED,eAAO,MAAM,OAAO,oEAWnB,CAAA;AAED,eAAO,MAAM,kBAAkB;aAAwB,MAAM;SAe5D,CAAA"}
1
+ {"version":3,"file":"accordionTrackStyle.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/accordionTrack/accordionTrackStyle.ts"],"names":[],"mappings":"AAEA,UAAU,gBAAgB;IACtB,MAAM,EAAE,OAAO,CAAA;CAClB;AAED,eAAO,MAAM,eAAe,kFAmB3B,CAAA;AACD,eAAO,MAAM,cAAc,oEAc1B,CAAA;AAED,eAAO,MAAM,oBAAoB,kFAgBhC,CAAA;AAED,eAAO,MAAM,qBAAqB,oEAUjC,CAAA;AACD,eAAO,MAAM,oBAAoB,oEAShC,CAAA;AACD,eAAO,MAAM,gBAAgB,kFAI5B,CAAA;AACD,eAAO,MAAM,mBAAmB,oEAO/B,CAAA;AACD,eAAO,MAAM,MAAM,oEAElB,CAAA;AACD,eAAO,MAAM,mBAAmB,oEAI/B,CAAA;AACD,eAAO,MAAM,sBAAsB,mFAYlC,CAAA;AACD,eAAO,MAAM,kBAAkB,oEAK9B,CAAA;AACD,eAAO,MAAM,kBAAkB,kFAW9B,CAAA;AACD,eAAO,MAAM,aAAa,oEASzB,CAAA;AACD,eAAO,MAAM,uBAAuB,oEAanC,CAAA;AACD,eAAO,MAAM,oBAAoB,oEAMhC,CAAA;AACD,eAAO,MAAM,kBAAkB,oEAM9B,CAAA;AAED,eAAO,MAAM,OAAO,oEAWnB,CAAA;AAED,eAAO,MAAM,kBAAkB;aAAwB,MAAM;SAe5D,CAAA"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "frst-components",
3
3
  "homepage": "http://FRST-Falconi.github.io/storybook.frstfalconi.com",
4
- "version": "0.20.10",
4
+ "version": "0.20.11",
5
5
  "private": false,
6
6
  "main": "./dist/index.js",
7
7
  "types": "./dist/index.d.ts",