frst-components 0.20.37 → 0.20.40

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
@@ -3608,7 +3608,7 @@ const WrapperContent$3 = styled__default["default"].div `
3608
3608
  overflow-x: ${({ hiddenHorizontalScrollBar }) => (hiddenHorizontalScrollBar ? 'hidden' : 'scroll')};
3609
3609
  overflow-y: hidden;
3610
3610
  white-space: nowrap;
3611
- gap: 8px;
3611
+ gap: 24px;
3612
3612
 
3613
3613
  scroll-behavior: smooth;
3614
3614
  &::-webkit-scrollbar {
@@ -3675,7 +3675,7 @@ styled__default["default"].div `
3675
3675
  border-radius: 20px;
3676
3676
  `;
3677
3677
 
3678
- function ScrollContainer({ children, type, isVisibleControlsButtons, positionArrowButton, marginTopArrrowButton, stepMove, className, styles, sizeArrowButton, marginsArrowButton, horizontalMarginInternScroll, refreshResize, widthProtectClick, hiddenHorizontalScrollBar }) {
3678
+ function ScrollContainer({ children, type, isVisibleControlsButtons, positionArrowButton, marginTopArrrowButton, stepMove, className, styles, sizeArrowButton, marginsArrowButton, horizontalMarginInternScroll, refreshResize, widthProtectClick, hiddenHorizontalScrollBar, colorBackground }) {
3679
3679
  const [actionAreaButtonLeft, setActionAreaButtonLeft] = React.useState(false);
3680
3680
  const [actionAreaButtonRight, setActionAreaButtonRight] = React.useState(false);
3681
3681
  const [iDScroll, setIDScroll] = React.useState(`iDScroll-${randID$1()}`);
@@ -3727,29 +3727,28 @@ function ScrollContainer({ children, type, isVisibleControlsButtons, positionArr
3727
3727
  updateSize();
3728
3728
  return () => window.removeEventListener('resize', updateSize);
3729
3729
  }, []);
3730
- return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs("div", { style: { ...styles, position: 'relative' }, className: className, children: [jsxRuntime.jsxs(WrapperHorizontal, { children: [isVisibleControlsButtons && positionArrowButton != 'bottom' && (jsxRuntime.jsx(ButtonArrow, { isLeftButton: true, onClick: scrollToLeft, widthProtectClick: widthProtectClick, onActionArea: setActionAreaButtonLeft, actionArea: actionAreaButtonLeft, sizeButton: sizeArrowButton, isVisible: isVisibleArrowButtonLeft, margin: marginsArrowButton ? (marginsArrowButton + 50) * -1 + 'px' : '-138px', ArrowScroll: ArrowScrollLeft, marginTopArrrowButton: marginTopArrrowButton })), jsxRuntime.jsx(WrapperContent$3, { id: iDScroll, paddingIntern: horizontalMarginInternScroll ? horizontalMarginInternScroll : '150px', hiddenHorizontalScrollBar: hiddenHorizontalScrollBar, children: children }), isVisibleControlsButtons && positionArrowButton != 'bottom' && (jsxRuntime.jsx(ButtonArrow, { isLeftButton: false, onClick: scrollToRight, widthProtectClick: widthProtectClick, onActionArea: setActionAreaButtonRight, actionArea: actionAreaButtonRight, sizeButton: sizeArrowButton, isVisible: isVisibleArrowButtonRight, margin: marginsArrowButton ? (marginsArrowButton + 50) * -1 + 'px' : '-138px', ArrowScroll: ArrowScrollRight, marginTopArrrowButton: marginTopArrrowButton }))] }), jsxRuntime.jsx("div", { style: { display: 'flex', justifyContent: 'center', width: '100%' }, children: isVisibleControlsButtons && positionArrowButton == 'bottom' && (jsxRuntime.jsxs("div", { style: {
3730
+ return (jsxRuntime.jsx(styled.ThemeProvider, { theme: FRSTTheme, children: jsxRuntime.jsxs("div", { style: { ...styles, position: 'relative' }, className: className, children: [jsxRuntime.jsxs(WrapperHorizontal, { children: [isVisibleControlsButtons && positionArrowButton != 'bottom' && (jsxRuntime.jsx(ButtonArrow, { colorBackground: colorBackground, isLeftButton: true, onClick: scrollToLeft, widthProtectClick: widthProtectClick, onActionArea: setActionAreaButtonLeft, actionArea: actionAreaButtonLeft, sizeButton: sizeArrowButton, isVisible: isVisibleArrowButtonLeft, margin: marginsArrowButton ? (marginsArrowButton + 50) * -1 + 'px' : '-138px', ArrowScroll: ArrowScrollLeft, marginTopArrrowButton: marginTopArrrowButton })), jsxRuntime.jsx(WrapperContent$3, { id: iDScroll, paddingIntern: horizontalMarginInternScroll ? horizontalMarginInternScroll : '150px', hiddenHorizontalScrollBar: hiddenHorizontalScrollBar, children: children }), isVisibleControlsButtons && positionArrowButton != 'bottom' && (jsxRuntime.jsx(ButtonArrow, { colorBackground: colorBackground, isLeftButton: false, onClick: scrollToRight, widthProtectClick: widthProtectClick, onActionArea: setActionAreaButtonRight, actionArea: actionAreaButtonRight, sizeButton: sizeArrowButton, isVisible: isVisibleArrowButtonRight, margin: marginsArrowButton ? (marginsArrowButton + 50) * -1 + 'px' : '-138px', ArrowScroll: ArrowScrollRight, marginTopArrrowButton: marginTopArrrowButton }))] }), jsxRuntime.jsx("div", { style: { display: 'flex', justifyContent: 'center', width: '100%' }, children: isVisibleControlsButtons && positionArrowButton == 'bottom' && (jsxRuntime.jsxs("div", { style: {
3731
3731
  display: 'flex',
3732
3732
  flexDirection: 'row',
3733
3733
  marginTop: marginTopArrrowButton ? marginTopArrrowButton : '5px'
3734
- }, children: [jsxRuntime.jsx(ButtonArrow, { isLeftButton: true, onClick: scrollToLeft, onActionArea: setActionAreaButtonLeft, actionArea: actionAreaButtonLeft, sizeButton: sizeArrowButton, isVisible: isVisibleArrowButtonLeft, margin: marginsArrowButton ? marginsArrowButton + 'px' : '10px', ArrowScroll: ArrowScrollLeft, widthProtectClick: widthProtectClick, marginTopArrrowButton: marginTopArrrowButton }), jsxRuntime.jsx(ButtonArrow, { isLeftButton: false, onClick: scrollToRight, onActionArea: setActionAreaButtonRight, actionArea: actionAreaButtonRight, sizeButton: sizeArrowButton, isVisible: isVisibleArrowButtonRight, margin: marginsArrowButton ? marginsArrowButton + 'px' : '10px', ArrowScroll: ArrowScrollRight, widthProtectClick: widthProtectClick, marginTopArrrowButton: marginTopArrrowButton })] })) })] }) }));
3734
+ }, children: [jsxRuntime.jsx(ButtonArrow, { isLeftButton: true, onClick: scrollToLeft, onActionArea: setActionAreaButtonLeft, actionArea: actionAreaButtonLeft, sizeButton: sizeArrowButton, isVisible: isVisibleArrowButtonLeft, margin: marginsArrowButton ? marginsArrowButton + 'px' : '10px', ArrowScroll: ArrowScrollLeft, widthProtectClick: widthProtectClick, marginTopArrrowButton: marginTopArrrowButton }), jsxRuntime.jsx(ButtonArrow, { isLeftButton: false, colorBackground: colorBackground, onClick: scrollToRight, onActionArea: setActionAreaButtonRight, actionArea: actionAreaButtonRight, sizeButton: sizeArrowButton, isVisible: isVisibleArrowButtonRight, margin: marginsArrowButton ? marginsArrowButton + 'px' : '10px', ArrowScroll: ArrowScrollRight, widthProtectClick: widthProtectClick, marginTopArrrowButton: marginTopArrrowButton })] })) })] }) }));
3735
3735
  }
3736
- function ButtonArrow({ isLeftButton, onClick, onActionArea, actionArea, sizeButton, isVisible, margin, ArrowScroll, marginTopArrrowButton, widthProtectClick }) {
3736
+ function ButtonArrow({ isLeftButton, onClick, onActionArea, actionArea, sizeButton = 40, isVisible, margin, ArrowScroll, marginTopArrrowButton, widthProtectClick, colorBackground = 'transparent' }) {
3737
3737
  return (jsxRuntime.jsx("div", { style: {
3738
3738
  height: '100%',
3739
- width: widthProtectClick ? widthProtectClick : 100,
3739
+ width: widthProtectClick ? widthProtectClick : 'fit-content',
3740
3740
  zIndex: 10,
3741
3741
  position: 'absolute',
3742
3742
  left: isLeftButton ? 0 : 'none',
3743
3743
  right: !isLeftButton ? 0 : 'none',
3744
- paddingLeft: isLeftButton ? 24 : 0,
3745
- paddingRight: !isLeftButton ? 24 : 0,
3746
3744
  display: 'flex',
3747
3745
  bottom: 0,
3748
3746
  top: 0,
3749
3747
  justifyContent: isLeftButton ? 'flex-start' : 'flex-end',
3750
3748
  alignItems: 'center',
3751
- visibility: isVisible ? 'visible' : 'hidden'
3752
- }, children: jsxRuntime.jsx(ButtonControll, { isLeftButton: isLeftButton, onClick: onClick, onMouseOver: () => onActionArea(true), onMouseOut: () => onActionArea(false), sizeButton: sizeButton ? sizeButton : 80, visibility: isVisible ? 'visible' : 'hidden', marginsArrowButton: margin, marginTopArrrowButton: marginTopArrrowButton, children: jsxRuntime.jsx(ArrowScroll, { fill: actionArea ? '#fff' : '#000', height: sizeButton ? (sizeButton / 2.3).toFixed(0).toString() : '34', width: sizeButton ? (sizeButton / 4.3).toFixed(0).toString() : '18' }) }) }));
3749
+ visibility: isVisible ? 'visible' : 'hidden',
3750
+ boxShadow: `inset ${isLeftButton ? '8px' : '-8px'} 0px 8px ${colorBackground}`
3751
+ }, children: jsxRuntime.jsx(ButtonControll, { isLeftButton: isLeftButton, onClick: onClick, onMouseOver: () => onActionArea(true), onMouseOut: () => onActionArea(false), sizeButton: sizeButton, visibility: isVisible ? 'visible' : 'hidden', marginsArrowButton: margin, marginTopArrrowButton: marginTopArrrowButton, children: jsxRuntime.jsx(ArrowScroll, { fill: actionArea ? '#fff' : '#000', height: sizeButton ? (sizeButton / 2.3).toFixed(0).toString() : '34', width: sizeButton ? (sizeButton / 4.3).toFixed(0).toString() : '18' }) }) }));
3753
3752
  }
3754
3753
 
3755
3754
  const HeaderWrapper = styled__default["default"].div `
@@ -11690,7 +11689,6 @@ const CardThumbnails = styled__default["default"].div `
11690
11689
  gap: 8px;
11691
11690
  font-family: 'PT Sans';
11692
11691
  font-style: normal;
11693
- padding: 5px;
11694
11692
 
11695
11693
  :hover {
11696
11694
  > .title {
@@ -11699,6 +11697,9 @@ const CardThumbnails = styled__default["default"].div `
11699
11697
  > img {
11700
11698
  border: 2px solid ${({ theme }) => theme.colors.primary1};
11701
11699
  }
11700
+ .descriptionThumb {
11701
+ color: ${({ theme }) => theme.colors.shadeBlack};
11702
+ }
11702
11703
  }
11703
11704
 
11704
11705
  .title {
@@ -11747,8 +11748,9 @@ const DescriptionThumbnails = styled__default["default"].div `
11747
11748
  line-height: 18px;
11748
11749
  font-family: 'PT Sans';
11749
11750
  font-family: ${({ theme }) => theme.fonts.textMessageComponentsBodySmall.fontFamily};
11751
+ color: ${({ theme }) => theme.colors.neutralsGrey2};
11750
11752
  width: 100%;
11751
- transition: all 0.5s;
11753
+ transition: all 0.3s;
11752
11754
  white-space: normal;
11753
11755
 
11754
11756
  &.short {
@@ -11763,7 +11765,7 @@ const DescriptionThumbnails = styled__default["default"].div `
11763
11765
  > small {
11764
11766
  cursor: pointer;
11765
11767
  transition: all 0.3s;
11766
- margin-right: 10px;
11768
+
11767
11769
  :hover {
11768
11770
  transform: scale(1.05);
11769
11771
  }
@@ -11772,36 +11774,42 @@ const DescriptionThumbnails = styled__default["default"].div `
11772
11774
 
11773
11775
  function ParticipantThumbnails({ imgThumbnails, titleThumbnail, descpThumbnail, handleFunctionThumbnail, author }) {
11774
11776
  const [seeMore, setSeeMore] = React.useState(true);
11775
- const defaultImg = 'https://lxp-cdn.frstfalconi.cloud/thumbParticipant.png';
11777
+ const defaultImg = 'https://lxp-cdn.frstfalconi.cloud/contentThumbnail_empty.jpg';
11776
11778
  const textLarge = descpThumbnail.length >= 100;
11777
11779
  return (jsxRuntime.jsxs(CardThumbnails, { theme: FRSTTheme, onClick: () => {
11778
11780
  !textLarge && handleFunctionThumbnail();
11779
11781
  }, style: !textLarge ? { cursor: 'pointer' } : { cursor: 'auto' }, children: [jsxRuntime.jsx("img", { src: imgThumbnails ? imgThumbnails : defaultImg, alt: titleThumbnail, onClick: () => {
11780
11782
  textLarge && handleFunctionThumbnail();
11781
- } }), jsxRuntime.jsx("p", { className: "title", children: titleThumbnail }), author && (jsxRuntime.jsxs("p", { className: "author", children: ["com ", jsxRuntime.jsx("span", { children: author })] })), jsxRuntime.jsxs(DescriptionThumbnails, { theme: FRSTTheme, onClick: () => textLarge && setSeeMore((prev) => !prev), children: [jsxRuntime.jsx("p", { className: textLarge && seeMore ? 'short' : '', children: descpThumbnail }), textLarge && jsxRuntime.jsx("small", { children: seeMore ? 'Ver mais' : 'Ver menos' })] })] }));
11783
+ } }), jsxRuntime.jsx("p", { className: "title", style: textLarge ? { cursor: 'pointer' } : { cursor: 'auto' }, onClick: () => {
11784
+ textLarge && handleFunctionThumbnail();
11785
+ }, children: titleThumbnail }), author && (jsxRuntime.jsxs("p", { className: "author", children: ["com ", jsxRuntime.jsx("span", { children: author })] })), jsxRuntime.jsxs(DescriptionThumbnails, { theme: FRSTTheme, onClick: () => textLarge && setSeeMore((prev) => !prev), children: [jsxRuntime.jsx("p", { className: textLarge && seeMore ? 'descriptionThumb short' : 'descriptionThumb', children: descpThumbnail }), textLarge && jsxRuntime.jsx("small", { children: seeMore ? 'Ver mais' : 'Ver menos' })] })] }));
11782
11786
  }
11783
11787
 
11784
- function handleThumbnails(listThumbnails, isVisibleControlsButtons) {
11785
- return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(ScrollContainer, { stepMove: 600, isVisibleControlsButtons: isVisibleControlsButtons, sizeArrowButton: 80, marginsArrowButton: 1, horizontalMarginInternScroll: '0', marginTopArrrowButton: '-5rem', widthProtectClick: 200, className: 'scrollThumbnail', children: listThumbnails.map((item, index) => {
11788
+ function handleThumbnails(listThumbnails, isVisibleControlsButtons, colorBackground) {
11789
+ const [refesh, setRefesh] = React.useState(0);
11790
+ React.useEffect(() => {
11791
+ setRefesh((prev) => prev + 1);
11792
+ }, [listThumbnails]);
11793
+ return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(ScrollContainer, { colorBackground: colorBackground, refreshResize: refesh, stepMove: 600, isVisibleControlsButtons: isVisibleControlsButtons, sizeArrowButton: 40, marginsArrowButton: 1, horizontalMarginInternScroll: '0', marginTopArrrowButton: '0rem', widthProtectClick: 50, className: 'scrollThumbnail', children: listThumbnails.map((item, index) => {
11786
11794
  return (jsxRuntime.jsx(ParticipantThumbnails, { imgThumbnails: item.imgThumbnails, titleThumbnail: item.titleThumbnail, descpThumbnail: item.descpThumbnail, handleFunctionThumbnail: item.handleFunctionThumbnail }));
11787
11795
  }) }) }));
11788
11796
  }
11789
- function ParticipantThumbnailsList({ listThumbnails }) {
11790
- const [width, setWidth] = React.useState(typeof window !== "undefined" && window.innerWidth);
11797
+ function ParticipantThumbnailsList({ listThumbnails, colorBackground }) {
11798
+ const [width, setWidth] = React.useState(typeof window !== 'undefined' && window.innerWidth);
11791
11799
  function handleWindowSizeChange() {
11792
- setWidth(typeof window !== "undefined" && window.innerWidth);
11800
+ setWidth(typeof window !== 'undefined' && window.innerWidth);
11793
11801
  }
11794
11802
  React.useEffect(() => {
11795
- typeof window !== "undefined" && window.addEventListener('resize', handleWindowSizeChange);
11803
+ typeof window !== 'undefined' && window.addEventListener('resize', handleWindowSizeChange);
11796
11804
  return () => {
11797
- typeof window !== "undefined" && window.removeEventListener('resize', handleWindowSizeChange);
11805
+ typeof window !== 'undefined' && window.removeEventListener('resize', handleWindowSizeChange);
11798
11806
  };
11799
11807
  }, []);
11800
11808
  if (width <= 834) {
11801
- return handleThumbnails(listThumbnails, false);
11809
+ return handleThumbnails(listThumbnails, false, colorBackground);
11802
11810
  }
11803
11811
  else {
11804
- return handleThumbnails(listThumbnails, true);
11812
+ return handleThumbnails(listThumbnails, true, colorBackground);
11805
11813
  }
11806
11814
  }
11807
11815
 
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/IJ/learningCycleCard/components/menu/index.tsx"],"names":[],"mappings":";AAUA,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,EAAE,EAAE,WAAW,EAAE;;;CAAA,eAiFnD"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/IJ/learningCycleCard/components/menu/index.tsx"],"names":[],"mappings":";AAUA,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAAE,EAAE,EAAE,WAAW,EAAE;;;CAAA,eAiFnD"}
@@ -1 +1 @@
1
- {"version":3,"file":"menuStyle.d.ts","sourceRoot":"","sources":["../../../../../../src/components/IJ/learningCycleCard/components/menu/menuStyle.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,oEAuBxB,CAAA"}
1
+ {"version":3,"file":"menuStyle.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/IJ/learningCycleCard/components/menu/menuStyle.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,oEAuBxB,CAAA"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/participantThumbnails/index.tsx"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AAOnC,UAAU,qBAAqB;IAC7B,aAAa,CAAC,EAAE,GAAG,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAA;IACpC,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,aAAa,EACb,cAAc,EACd,cAAc,EACd,uBAAuB,EACvB,MAAM,EACP,EAAE,qBAAqB,eAmCvB"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/participantThumbnails/index.tsx"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AAOnC,UAAU,qBAAqB;IAC7B,aAAa,CAAC,EAAE,GAAG,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAA;IACpC,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,aAAa,EACb,cAAc,EACd,cAAc,EACd,uBAAuB,EACvB,MAAM,EACP,EAAE,qBAAqB,eA0CvB"}
@@ -1 +1 @@
1
- {"version":3,"file":"participantThumbnails.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/participantThumbnails/participantThumbnails.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc,oEAkD1B,CAAA;AAED,eAAO,MAAM,qBAAqB,oEAmCjC,CAAA"}
1
+ {"version":3,"file":"participantThumbnails.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/participantThumbnails/participantThumbnails.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,cAAc,oEAoD1B,CAAA;AAED,eAAO,MAAM,qBAAqB,oEAoCjC,CAAA"}
@@ -9,7 +9,8 @@ interface objThumbnails {
9
9
  }
10
10
  interface ParticipantThumbnails {
11
11
  listThumbnails: Array<objThumbnails>;
12
+ colorBackground?: string;
12
13
  }
13
- export default function ParticipantThumbnailsList({ listThumbnails }: ParticipantThumbnails): JSX.Element;
14
+ export default function ParticipantThumbnailsList({ listThumbnails, colorBackground }: ParticipantThumbnails): JSX.Element;
14
15
  export {};
15
16
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/participantThumbnailsList/index.tsx"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AAGnC,OAAO,qBAAqB,MAAM,0BAA0B,CAAA;AAE5D,UAAU,aAAa;IACrB,aAAa,CAAC,EAAE,GAAG,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAA;CACrC;AACD,UAAU,qBAAqB;IAC7B,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC,CAAA;CACrC;AA+BD,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,EAAE,cAAc,EAAE,EAAE,qBAAqB,eAkB1F"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/LXP/participantThumbnailsList/index.tsx"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAA;AAGnC,OAAO,qBAAqB,MAAM,0BAA0B,CAAA;AAE5D,UAAU,aAAa;IACrB,aAAa,CAAC,EAAE,GAAG,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,uBAAuB,CAAC,EAAE,MAAM,IAAI,CAAA;CACrC;AACD,UAAU,qBAAqB;IAC7B,cAAc,EAAE,KAAK,CAAC,aAAa,CAAC,CAAA;IACpC,eAAe,CAAC,EAAE,MAAM,CAAA;CACzB;AAoCD,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,EAAE,cAAc,EAAE,eAAe,EAAE,EAAE,qBAAqB,eAkB3G"}
@@ -1,5 +1,5 @@
1
1
  /// <reference types="react" />
2
2
  import '../../shared/global.css';
3
3
  import { IScrollContainer } from './scrollContainer';
4
- export default function ScrollContainer({ children, type, isVisibleControlsButtons, positionArrowButton, marginTopArrrowButton, stepMove, className, styles, sizeArrowButton, marginsArrowButton, horizontalMarginInternScroll, refreshResize, widthProtectClick, hiddenHorizontalScrollBar }: IScrollContainer): JSX.Element;
4
+ export default function ScrollContainer({ children, type, isVisibleControlsButtons, positionArrowButton, marginTopArrrowButton, stepMove, className, styles, sizeArrowButton, marginsArrowButton, horizontalMarginInternScroll, refreshResize, widthProtectClick, hiddenHorizontalScrollBar, colorBackground }: IScrollContainer): JSX.Element;
5
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/scroll-container/index.tsx"],"names":[],"mappings":";AACA,OAAO,yBAAyB,CAAA;AAMhC,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAKpD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,QAAQ,EACR,IAAI,EACJ,wBAAwB,EACxB,mBAAmB,EACnB,qBAAqB,EACrB,QAAQ,EACR,SAAS,EACT,MAAM,EACN,eAAe,EACf,kBAAkB,EAClB,4BAA4B,EAC5B,aAAa,EACb,iBAAiB,EACjB,yBAAyB,EAC1B,EAAE,gBAAgB,eAyIlB"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/scroll-container/index.tsx"],"names":[],"mappings":";AACA,OAAO,yBAAyB,CAAA;AAMhC,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAA;AAKpD,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,QAAQ,EACR,IAAI,EACJ,wBAAwB,EACxB,mBAAmB,EACnB,qBAAqB,EACrB,QAAQ,EACR,SAAS,EACT,MAAM,EACN,eAAe,EACf,kBAAkB,EAClB,4BAA4B,EAC5B,aAAa,EACb,iBAAiB,EACjB,yBAAyB,EACzB,eAAe,EAChB,EAAE,gBAAgB,eA4IlB"}
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.37",
4
+ "version": "0.20.40",
5
5
  "private": false,
6
6
  "main": "./dist/index.js",
7
7
  "types": "./dist/index.d.ts",