@fox-dls/carousels 1.0.6 → 1.1.1
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/.ultra.cache.json +1 -1
- package/dist/carousels.cjs.development.js +446 -0
- package/dist/carousels.cjs.development.js.map +1 -0
- package/dist/carousels.cjs.production.min.js +2 -0
- package/dist/carousels.cjs.production.min.js.map +1 -0
- package/dist/carousels.esm.js +434 -0
- package/dist/carousels.esm.js.map +1 -0
- package/dist/index.js +8 -0
- package/dist/lib/pagination/styles/index.d.ts +2 -2
- package/dist/lib/pills/styles/index.d.ts +2 -2
- package/dist/lib/styles/index.d.ts +2 -2
- package/package.json +22 -96
- package/src/index.ts +1 -2
- package/tsconfig.build.json +2 -9
- package/dist/index.cjs +0 -526
- package/dist/index.cjs.map +0 -1
- package/dist/index.esm.js +0 -516
- package/dist/index.esm.js.map +0 -1
- package/tsconfig.json +0 -24
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"carousels.esm.js","sources":["../src/lib/pills/styles/index.tsx","../src/lib/pills/index.tsx","../src/lib/styles/index.tsx","../src/lib/card/styles/index.tsx","../src/lib/card/index.tsx","../src/lib/free/styles/index.tsx","../src/lib/free/index.tsx","../src/lib/pagination/styles/index.tsx","../src/lib/pagination/index.tsx"],"sourcesContent":["import ButtonUnstyled from '@mui/core/ButtonUnstyled';\nimport styled from 'styled-components';\n// eslint-disable-next-line import/extensions\nimport { Swiper } from 'swiper/react';\n\nexport const CarouselContainer = styled.div``;\n\nexport const CarouselSwiper = styled(Swiper)`\n margin: 0px !important;\n .swiper-wrapper {\n .swiper-slide {\n scroll-snap-align: start !important;\n width: auto !important;\n }\n }\n`;\n\nexport const CarouselPillContainer = styled.div`\n display: inline-block !important;\n padding-right: 8px !important;\n padding-top: 4px !important;\n padding-bottom: 4px !important;\n`;\n\nexport const CarouselPill = styled(ButtonUnstyled)<any>`\n -webkit-box-pack: center !important;\n -webkit-box-align: center !important;\n appearance: none !important;\n display: inline-flex !important;\n border-radius: 50% !important;\n border: 1px solid rgb(221, 221, 221) !important;\n outline: none !important;\n margin: 0px !important;\n padding: 0px !important;\n color: rgb(34, 34, 34) !important;\n cursor: pointer !important;\n touch-action: manipulation !important;\n position: relative !important;\n background: transparent !important;\n transition: -ms-transform 0.25s ease 0s, -webkit-transform 0.25s ease 0s,\n transform 0.25s ease 0s !important;\n align-items: center !important;\n justify-content: center !important;\n width: 36px !important;\n height: 36px !important;\n ::before {\n content: '' !important;\n display: block !important;\n position: absolute !important;\n top: 50% !important;\n left: 50% !important;\n transform: translate(-50%, -50%) !important;\n width: 36px !important;\n height: 36px !important;\n border-radius: 50% !important;\n border: 1px solid rgb(221, 221, 221) !important;\n }\n`;\n","/* eslint-disable @typescript-eslint/no-shadow */\n/* eslint-disable unused-imports/no-unused-vars */\nimport React, { useRef, useState } from 'react';\n\nimport { css } from 'styled-components';\nimport SwiperCore, { Navigation } from 'swiper';\n// eslint-disable-next-line import/extensions\nimport { SwiperSlide } from 'swiper/react';\n\nimport { CarouselSwiper, CarouselPillContainer, CarouselPill } from './styles';\n\nSwiperCore.use([Navigation]);\n\nexport const PillsCarousel: React.FC<any> = ({\n children,\n navigation,\n title,\n controls,\n arrows,\n ...props\n}) => {\n const prevRef = useRef<any>(null);\n const nextRef = useRef<any>(null);\n const [swiperSlides, setSwiperSlides] = useState<any>({\n progress: 0,\n isBeginning: true,\n isEnd: false\n });\n const [swiper, setSwiper] = useState<any>(null);\n return (\n <div\n css={`\n display: flex !important;\n position: relative !important;\n min-width: 0px !important;\n `}\n >\n <div\n css={`\n position: absolute !important;\n left: 0px !important;\n z-index: 3 !important;\n width: 65px !important;\n background: linear-gradient(\n to right,\n rgb(255, 255, 255) 56.77%,\n rgba(255, 255, 255, 0) 94.47%\n ) !important;\n ${swiperSlides.isBeginning &&\n css`\n display: none !important;\n visibility: hidden !important;\n `}\n `}\n >\n {arrows && (\n <CarouselPillContainer>\n <CarouselPill\n left={+true}\n ref={prevRef}\n aria-label=\"Previous\"\n type=\"button\"\n onClick={() => swiper.slidePrev()}\n >\n <span\n css={`\n position: relative !important;\n `}\n >\n <svg\n viewBox=\"0 0 32 32\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n role=\"presentation\"\n focusable=\"false\"\n css={`\n display: block;\n fill: none;\n height: 12px;\n width: 12px;\n stroke: currentcolor;\n stroke-width: 5.33333;\n overflow: visible;\n `}\n >\n <g fill=\"none\">\n <path d=\"m20 28-11.29289322-11.2928932c-.39052429-.3905243-.39052429-1.0236893 0-1.4142136l11.29289322-11.2928932\" />\n </g>\n </svg>\n </span>\n </CarouselPill>\n </CarouselPillContainer>\n )}\n </div>\n\n <CarouselSwiper\n {...props}\n cssMode={false}\n slidesPerView=\"auto\"\n onInit={(swiper: any) => {\n setSwiper(swiper);\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n // eslint-disable-next-line no-param-reassign\n swiper.params.navigation.prevEl = prevRef.current;\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n // eslint-disable-next-line no-param-reassign\n swiper.params.navigation.nextEl = nextRef.current;\n swiper.navigation.init();\n swiper.navigation.update();\n setSwiperSlides({\n progress: swiper.progress,\n isBeginning: swiper.isBeginning,\n isEnd: swiper.isEnd\n });\n // console.log(\"Swiper\", swiper);\n }}\n onSlideChange={swiper => {\n // console.log(\"Swiper Change\", swiper);\n\n setSwiperSlides({\n progress: swiper.progress,\n isBeginning: swiper.isBeginning,\n isEnd: swiper.isEnd\n });\n }}\n >\n {React.Children.map(children, child => (\n <SwiperSlide>\n <div\n css={`\n display: inline-block !important;\n white-space: nowrap !important;\n padding-right: 8px !important;\n padding-top: 4px !important;\n padding-bottom: 4px !important;\n `}\n >\n {child}\n </div>\n </SwiperSlide>\n ))}\n </CarouselSwiper>\n\n <div\n css={`\n -webkit-box-pack: end !important;\n position: absolute !important;\n right: 0px !important;\n z-index: 3 !important;\n width: 75px !important;\n display: flex !important;\n justify-content: flex-end !important;\n background: linear-gradient(\n to left,\n rgb(255, 255, 255) 56.77%,\n rgba(255, 255, 255, 0) 94.47%\n ) !important;\n ${swiperSlides.isEnd &&\n css`\n display: none !important;\n visibility: hidden !important;\n `}\n `}\n >\n {arrows && (\n <CarouselPillContainer>\n <CarouselPill\n right={+true}\n aria-label=\"Next\"\n type=\"button\"\n ref={nextRef}\n onClick={() => swiper.slideNext()}\n >\n <span\n css={`\n position: relative !important;\n `}\n >\n <svg\n viewBox=\"0 0 32 32\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n role=\"presentation\"\n focusable=\"false\"\n css={`\n display: block;\n fill: none;\n height: 12px;\n width: 12px;\n stroke: currentcolor;\n stroke-width: 5.33333;\n overflow: visible;\n `}\n >\n <g fill=\"none\">\n <path d=\"m12 4 11.2928932 11.2928932c.3905243.3905243.3905243 1.0236893 0 1.4142136l-11.2928932 11.2928932\" />\n </g>\n </svg>\n </span>\n </CarouselPill>\n </CarouselPillContainer>\n )}\n </div>\n </div>\n );\n};\n","import ButtonUnstyled from '@mui/core/ButtonUnstyled';\nimport styled from 'styled-components';\n\nexport const CarouselContainer = styled.div`\n position: relative !important;\n z-index: 0 !important;\n`;\n\nexport const CarouselNavbar = styled.div`\n -webkit-box-pack: justify !important;\n -ms-flex-pack: justify !important;\n -webkit-box-align: center !important;\n -ms-flex-align: center !important;\n color: #222222 !important;\n display: -webkit-box !important;\n display: -moz-box !important;\n display: -ms-flexbox !important;\n display: -webkit-flex !important;\n display: flex !important;\n -webkit-align-items: center !important;\n align-items: center !important;\n -webkit-justify-content: space-between !important;\n justify-content: space-between !important;\n margin-bottom: 16px !important;\n`;\n\nexport const NavbarTitleContainer = styled.div`\n margin-right: 24px !important;\n width: auto !important;\n`;\n\nexport const NavbarTitle = styled.div`\n @media (min-width: 744px) {\n font-size: 32px !important;\n line-height: 36px !important;\n font-weight: 800 !important;\n text-align: left !important;\n color: #222222 !important;\n margin-bottom: 15px !important;\n }\n font-size: 22px !important;\n line-height: 26px !important;\n font-weight: 600 !important;\n margin-bottom: 10px !important;\n`;\n\nexport const NavbarControlsContainer = styled.div`\n display: flex !important;\n align-items: center !important;\n margin-left: auto !important;\n`;\n\nexport const NavbarControlsQuick = styled.a`\n @media (max-width: 744px) {\n display: none !important;\n }\n font-size: inherit !important;\n font-family: inherit !important;\n font-style: inherit !important;\n font-variant: inherit !important;\n line-height: inherit !important;\n color: #222222 !important;\n text-decoration: underline !important;\n border-radius: 4px !important;\n font-weight: 600 !important;\n outline: none !important;\n`;\n\nexport const NavbarControlsSpace = styled.span`\n display: inline-block !important;\n height: 32px !important;\n width: 1px !important;\n margin-right: 16px !important;\n padding: 0px !important;\n border: none !important;\n`;\n\nexport const ArrowsContainer = styled.div`\n -webkit-box-align: center !important;\n color: rgb(34, 34, 34) !important;\n display: flex !important;\n align-items: center !important;\n margin-left: auto !important;\n`;\n\nexport const ArrowsFlex = styled.div`\n display: -webkit-box !important;\n display: -moz-box !important;\n display: -ms-flexbox !important;\n display: -webkit-flex !important;\n display: flex !important;\n`;\n\nexport const ArrowsButton = styled(ButtonUnstyled)<any>`\n -webkit-box-pack: center !important;\n -webkit-box-align: center !important;\n appearance: none !important;\n display: inline-flex !important;\n border-radius: 50% !important;\n border: none !important;\n outline: none !important;\n margin: 0px !important;\n padding: 0px !important;\n color: rgb(34, 34, 34) !important;\n cursor: pointer !important;\n touch-action: manipulation !important;\n position: relative !important;\n background: transparent !important;\n transition: -ms-transform 0.25s ease 0s, -webkit-transform 0.25s ease 0s,\n transform 0.25s ease 0s !important;\n align-items: center !important;\n justify-content: center !important;\n width: 32px !important;\n height: 32px !important;\n :focus {\n box-shadow: none !important;\n }\n ::before {\n content: '' !important;\n display: block !important;\n position: absolute !important;\n top: 50% !important;\n left: 50% !important;\n transform: translate(-50%, -50%) !important;\n width: 32px !important;\n height: 32px !important;\n border-radius: 50% !important;\n background: rgb(255, 255, 255) !important;\n border: 1px solid rgb(221, 221, 221) !important;\n }\n :disabled {\n opacity: 0.5 !important;\n cursor: not-allowed !important;\n color: rgb(221, 221, 221) !important;\n transform: scale(1) !important;\n }\n :hover:not([disabled]) {\n color: rgb(0, 0, 0) !important;\n transform: scale(1.04) !important;\n }\n`;\n\nexport const ArrowsDivider = styled.span`\n margin-left: 8px !important;\n`;\n\nexport const ArrowsIconClip = styled.span`\n border: 0px !important;\n clip: rect(0 0 0 0) !important;\n -webkit-clip-path: inset(100%) !important;\n clip-path: inset(100%) !important;\n height: 1px !important;\n overflow: hidden !important;\n padding: 0px !important;\n position: absolute !important;\n white-space: nowrap !important;\n width: 1px !important;\n`;\n\nexport const ArrowsSvg = styled.svg`\n display: block;\n fill: none;\n height: 12px;\n width: 12px;\n stroke: currentcolor;\n stroke-width: 4;\n overflow: visible;\n`;\n","import styled from 'styled-components';\n// eslint-disable-next-line import/extensions\nimport { Swiper } from 'swiper/react';\n\nexport const CarouselSwiper = styled(Swiper)``;\n","import React, { useRef } from 'react';\n\nimport SwiperCore, { Navigation } from 'swiper';\n// eslint-disable-next-line import/extensions\nimport { SwiperSlide } from 'swiper/react';\n\nimport {\n CarouselContainer,\n CarouselNavbar,\n NavbarTitleContainer,\n NavbarControlsContainer,\n NavbarControlsQuick,\n NavbarControlsSpace,\n ArrowsContainer,\n ArrowsFlex,\n ArrowsDivider,\n ArrowsButton,\n ArrowsIconClip,\n ArrowsSvg\n} from '../styles';\nimport { CarouselSwiper } from './styles';\n\nSwiperCore.use([Navigation]);\n\nexport const CardCarousel: React.FC<any> = ({\n children,\n navigation,\n title,\n controls,\n onShowMore,\n ...props\n}) => {\n const prevRef = useRef<HTMLDivElement>(null);\n const nextRef = useRef<HTMLDivElement>(null);\n return (\n <CarouselContainer>\n {navigation && (\n <CarouselNavbar>\n {title && <NavbarTitleContainer>{title}</NavbarTitleContainer>}\n {controls && (\n <NavbarControlsContainer>\n {onShowMore && (\n <NavbarControlsQuick onClick={onShowMore}>\n Show More\n </NavbarControlsQuick>\n )}\n <NavbarControlsSpace />\n <ArrowsContainer aria-hidden=\"false\">\n <ArrowsFlex>\n <ArrowsButton\n ref={prevRef}\n aria-label=\"Previous\"\n type=\"button\"\n >\n <span\n css={`\n position: relative;\n `}\n >\n <ArrowsIconClip />\n <ArrowsSvg\n viewBox=\"0 0 32 32\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n role=\"presentation\"\n focusable=\"false\"\n >\n <g fill=\"none\">\n <path d=\"m20 28-11.29289322-11.2928932c-.39052429-.3905243-.39052429-1.0236893 0-1.4142136l11.29289322-11.2928932\" />\n </g>\n </ArrowsSvg>\n </span>\n </ArrowsButton>\n <ArrowsDivider />\n <ArrowsButton aria-label=\"Next\" type=\"button\" ref={nextRef}>\n <span\n css={`\n position: relative;\n `}\n >\n <ArrowsIconClip />\n <ArrowsSvg\n viewBox=\"0 0 32 32\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n role=\"presentation\"\n focusable=\"false\"\n >\n <g fill=\"none\">\n <path d=\"m12 4 11.2928932 11.2928932c.3905243.3905243.3905243 1.0236893 0 1.4142136l-11.2928932 11.2928932\" />\n </g>\n </ArrowsSvg>\n </span>\n </ArrowsButton>\n </ArrowsFlex>\n </ArrowsContainer>\n </NavbarControlsContainer>\n )}\n </CarouselNavbar>\n )}\n <CarouselSwiper\n {...props}\n onInit={swiper => {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n // eslint-disable-next-line no-param-reassign\n swiper.params.navigation.prevEl = prevRef.current;\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n // eslint-disable-next-line no-param-reassign\n swiper.params.navigation.nextEl = nextRef.current;\n swiper.navigation.init();\n swiper.navigation.update();\n // console.log(\"Swiper\", swiper);\n }}\n >\n {React.Children.map(children, child => (\n <SwiperSlide>{child}</SwiperSlide>\n ))}\n </CarouselSwiper>\n </CarouselContainer>\n );\n};\n","import styled from 'styled-components';\n// eslint-disable-next-line import/extensions\nimport { Swiper } from 'swiper/react';\n\nexport const CarouselSwiper = styled(Swiper)`\n .swiper-wrapper {\n box-sizing: inherit !important;\n @media (min-width: 744px) {\n scroll-padding: 40px !important;\n }\n @media (min-width: 1128px) {\n --scroll-padding: max(80px, calc((100vw - 1600px) / 2)) !important;\n scroll-padding: var(--scroll-padding) !important;\n }\n scroll-snap-type: x mandatory !important;\n overflow-x: auto !important;\n display: flex !important;\n scroll-padding: 24px !important;\n .swiper-slide {\n @media (min-width: 744px) {\n min-width: 476px !important;\n max-width: 588px !important;\n flex: 1 0 calc((100% - 80px) * 0.75) !important;\n }\n @media (min-width: 1128px) {\n flex: 1 0 calc(50% - 88px) !important;\n }\n margin-left: 16px !important;\n flex: 1 0 calc(100% - 84px) !important;\n scroll-snap-align: start !important;\n scroll-snap-stop: always !important;\n }\n .swiper-slide:first-of-type {\n @media (min-width: 744px) {\n padding-left: 40px !important;\n min-width: calc(516px) !important;\n max-width: calc(628px) !important;\n flex: 1 0 calc((100% - 80px) * 0.75 + 40px) !important;\n }\n @media (min-width: 1128px) {\n max-width: calc(588px + max(80px, (100vw - 1600px) / 2)) !important;\n flex: 1 0 calc(50% - 8px) !important;\n padding-left: max(80px, (100vw - 1600px) / 2) !important;\n }\n @media (min-width: 2080px) {\n max-width: calc(588px + max(80px, (100vw - 1930px) / 2)) !important;\n flex: 1 0 calc(50% - 8px) !important;\n padding-left: max(80px, (100vw - 1930px) / 2) !important;\n }\n flex: 1 0 calc(100% - 84px) !important;\n scroll-snap-align: start !important;\n scroll-snap-stop: always !important;\n margin-left: 0px !important;\n padding-left: 24px !important;\n }\n .swiper-slide:last-of-type {\n @media (min-width: 744px) {\n padding-right: 40px !important;\n min-width: calc(516px) !important;\n max-width: calc(628px) !important;\n flex: 1 0 calc((100% - 80px) * 0.75 + 40px) !important;\n }\n @media (min-width: 1128px) {\n max-width: calc(588px + max(80px, (100vw - 1600px) / 2)) !important;\n flex: 1 0 calc(50% - 8px) !important;\n padding-right: max(80px, (100vw - 1600px) / 2) !important;\n }\n @media (min-width: 2080px) {\n max-width: calc(588px + max(80px, (100vw - 1930px) / 2)) !important;\n flex: 1 0 calc(50% - 8px) !important;\n padding-right: max(80px, (100vw - 1930px) / 2) !important;\n }\n margin-left: 16px !important;\n flex: 1 0 calc(100% - 84px) !important;\n scroll-snap-align: start !important;\n scroll-snap-stop: always !important;\n padding-right: 24px !important;\n }\n }\n`;\n","/* eslint-disable unused-imports/no-unused-vars */\nimport React, { useRef } from 'react';\n\nimport { Container } from '@fox-dls/layout';\nimport SwiperCore, { Navigation } from 'swiper';\n// eslint-disable-next-line import/extensions\nimport { SwiperSlide } from 'swiper/react';\n\nimport {\n CarouselContainer,\n CarouselNavbar,\n NavbarTitleContainer,\n NavbarControlsContainer,\n NavbarControlsQuick,\n NavbarControlsSpace,\n ArrowsContainer,\n ArrowsFlex,\n ArrowsDivider,\n ArrowsButton,\n ArrowsIconClip,\n ArrowsSvg\n} from '../styles';\nimport { CarouselSwiper } from './styles';\n\nSwiperCore.use([Navigation]);\n\nexport const FreeCarousel: React.FC<any> = ({\n children,\n navigation,\n title,\n controls,\n quickLink,\n onShowMore,\n ...props\n}) => {\n const prevRef = useRef<HTMLDivElement>(null);\n const nextRef = useRef<HTMLDivElement>(null);\n return (\n <CarouselContainer>\n <div\n css={`\n @media (max-width: 744px) {\n display: none !important;\n }\n `}\n >\n <Container>\n {navigation && (\n <CarouselNavbar>\n {title && <NavbarTitleContainer>{title}</NavbarTitleContainer>}\n {controls && (\n <NavbarControlsContainer>\n {onShowMore && (\n <NavbarControlsQuick onClick={onShowMore}>\n Show More\n </NavbarControlsQuick>\n )}\n <NavbarControlsSpace />\n <ArrowsContainer aria-hidden=\"false\">\n <ArrowsFlex>\n <ArrowsButton\n ref={prevRef}\n aria-label=\"Previous\"\n type=\"button\"\n >\n <span\n css={`\n position: relative;\n `}\n >\n <ArrowsIconClip />\n <ArrowsSvg\n viewBox=\"0 0 32 32\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n role=\"presentation\"\n focusable=\"false\"\n >\n <g fill=\"none\">\n <path d=\"m20 28-11.29289322-11.2928932c-.39052429-.3905243-.39052429-1.0236893 0-1.4142136l11.29289322-11.2928932\" />\n </g>\n </ArrowsSvg>\n </span>\n </ArrowsButton>\n <ArrowsDivider />\n <ArrowsButton\n aria-label=\"Next\"\n type=\"button\"\n ref={nextRef}\n >\n <span\n css={`\n position: relative;\n `}\n >\n <ArrowsIconClip />\n <ArrowsSvg\n viewBox=\"0 0 32 32\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-hidden=\"true\"\n role=\"presentation\"\n focusable=\"false\"\n >\n <g fill=\"none\">\n <path d=\"m12 4 11.2928932 11.2928932c.3905243.3905243.3905243 1.0236893 0 1.4142136l-11.2928932 11.2928932\" />\n </g>\n </ArrowsSvg>\n </span>\n </ArrowsButton>\n </ArrowsFlex>\n </ArrowsContainer>\n </NavbarControlsContainer>\n )}\n </CarouselNavbar>\n )}\n </Container>\n </div>\n <CarouselSwiper\n {...props}\n cssMode\n onInit={swiper => {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n // eslint-disable-next-line no-param-reassign\n swiper.params.navigation.prevEl = prevRef.current;\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n // eslint-disable-next-line no-param-reassign\n swiper.params.navigation.nextEl = nextRef.current;\n swiper.navigation.init();\n swiper.navigation.update();\n // console.log(\"Swiper\", swiper);\n }}\n >\n {React.Children.map(children, child => (\n <SwiperSlide>{child}</SwiperSlide>\n ))}\n </CarouselSwiper>\n </CarouselContainer>\n );\n};\n","import ButtonUnstyled from '@mui/core/ButtonUnstyled';\nimport styled from 'styled-components';\n// eslint-disable-next-line import/extensions\nimport { Swiper } from 'swiper/react';\n\nexport const CarouselContainer = styled.div``;\n\nexport const CarouselSwiper = styled(Swiper)`\n height: 100%;\n .swiper-pagination {\n .swiper-pagination-bullet-active {\n background-color: #fff;\n }\n .swiper-pagination-bullet-active-next {\n background-color: #ffffff;\n }\n .swiper-pagination-bullet {\n background-color: #ffffff;\n }\n }\n`;\n\nexport const CarouselPill = styled(ButtonUnstyled)`\n :hover {\n border-color: rgba(0, 0, 0, 0.08) !important;\n background-color: #ffffff !important;\n color: #000000 !important;\n box-shadow: 0px 0px 0px 1px transparent, 0px 0px 0px 4px transparent,\n 0px 6px 16px rgb(0 0 0 / 12%) !important;\n -webkit-transform: scale(1.04) !important;\n -ms-transform: scale(1.04) !important;\n transform: scale(1.04) !important;\n }\n\n -webkit-box-pack: center !important;\n -ms-flex-pack: center !important;\n -webkit-box-align: center !important;\n -ms-flex-align: center !important;\n -webkit-appearance: none !important;\n -moz-appearance: none !important;\n appearance: none !important;\n display: -webkit-inline-box !important;\n display: -moz-inline-box !important;\n display: -ms-inline-flexbox !important;\n display: -webkit-inline-flex !important;\n display: inline-flex !important;\n border-radius: 50% !important;\n border: 0px !important;\n outline: none !important;\n margin: 0px !important;\n padding: 0px !important;\n color: #222222 !important;\n background-color: rgba(255, 255, 255, 0.9) !important;\n cursor: pointer !important;\n -ms-touch-action: manipulation !important;\n touch-action: manipulation !important;\n -webkit-align-items: center !important;\n align-items: center !important;\n -webkit-justify-content: center !important;\n justify-content: center !important;\n border-style: solid !important;\n border-width: 1px !important;\n background-clip: padding-box !important;\n border-color: rgba(0, 0, 0, 0.08) !important;\n box-shadow: 0px 0px 0px 1px transparent, 0px 0px 0px 4px transparent,\n 0px 2px 4px rgb(0 0 0 / 18%) !important;\n -webkit-transition: -webkit-transform 0.25s ease, transform 0.25s ease !important;\n -moz-transition: transform 0.25s ease !important;\n transition: -ms-transform 0.25s ease, -webkit-transform 0.25s ease,\n transform 0.25s ease !important;\n width: 32px !important;\n height: 32px !important;\n`;\n\nexport const CarouselPillSvg = styled.svg`\n height: 10px;\n width: 10px;\n display: block;\n fill: currentcolor;\n`;\n","/* eslint-disable unused-imports/no-unused-vars */\nimport React, { useRef } from 'react';\n\nimport SwiperCore, { Navigation, Pagination } from 'swiper';\n// eslint-disable-next-line import/extensions\nimport { SwiperSlide } from 'swiper/react';\n\nimport { CarouselSwiper, CarouselPillSvg, CarouselPill } from './styles';\n\nSwiperCore.use([Navigation, Pagination]);\n\nexport const PaginationCarousel: React.FC<any> = ({\n children,\n navigation,\n title,\n controls,\n ...props\n}) => {\n const prevRef = useRef<HTMLDivElement>(null);\n const nextRef = useRef<HTMLDivElement>(null);\n return (\n <>\n <div\n css={`\n @keyframes fadein {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n }\n position: absolute !important;\n top: 50% !important;\n pointer-events: auto !important;\n transform: translateY(-50%) !important;\n left: 8px !important;\n animation-duration: 0.3s !important;\n animation-name: fadein !important;\n z-index: 180 !important;\n opacity: 0 !important;\n :hover {\n opacity: 1 !important;\n }\n `}\n >\n <CarouselPill ref={prevRef}>\n <span\n css={`\n position: relative !important;\n `}\n >\n <CarouselPillSvg\n viewBox=\"0 0 16 16\"\n role=\"presentation\"\n aria-hidden=\"true\"\n focusable=\"false\"\n >\n <path d=\"m10.8 16c-.4 0-.7-.1-.9-.4l-6.8-6.7c-.5-.5-.5-1.3 0-1.8l6.8-6.7c.5-.5 1.2-.5 1.7 0s .5 1.2 0 1.7l-5.8 5.9 5.8 5.9c.5.5.5 1.2 0 1.7-.2.3-.5.4-.8.4\" />\n </CarouselPillSvg>\n </span>\n </CarouselPill>\n </div>\n <div\n css={`\n @keyframes fadein {\n 0% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n }\n position: absolute !important;\n top: 50% !important;\n pointer-events: auto !important;\n transform: translateY(-50%) !important;\n right: 8px !important;\n animation-duration: 0.3s !important;\n animation-name: fadein !important;\n z-index: 180 !important;\n opacity: 0 !important;\n :hover {\n opacity: 1 !important;\n }\n `}\n >\n <CarouselPill ref={nextRef}>\n <span\n css={`\n position: relative !important;\n `}\n >\n <CarouselPillSvg\n viewBox=\"0 0 16 16\"\n role=\"presentation\"\n aria-hidden=\"true\"\n focusable=\"false\"\n >\n <path d=\"m5.3 16c .3 0 .6-.1.8-.4l6.8-6.7c.5-.5.5-1.3 0-1.8l-6.8-6.7c-.5-.5-1.2-.5-1.7 0s-.5 1.2 0 1.7l5.8 5.9-5.8 5.9c-.5.5-.5 1.2 0 1.7.2.3.5.4.9.4\" />\n </CarouselPillSvg>\n </span>\n </CarouselPill>\n </div>\n <CarouselSwiper\n {...props}\n pagination={{\n dynamicBullets: true\n }}\n onInit={swiper => {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n // eslint-disable-next-line no-param-reassign\n swiper.params.navigation.prevEl = prevRef.current;\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n // eslint-disable-next-line no-param-reassign\n swiper.params.navigation.nextEl = nextRef.current;\n swiper.navigation.init();\n swiper.navigation.update();\n // console.log(\"Swiper\", swiper);\n }}\n >\n {React.Children.map(children, child =>\n React.cloneElement(<SwiperSlide>{child}</SwiperSlide>, {\n ...props\n })\n )}\n </CarouselSwiper>\n </>\n );\n};\n"],"names":["CarouselSwiper","styled","Swiper","CarouselPillContainer","div","CarouselPill","ButtonUnstyled","SwiperCore","use","Navigation","PillsCarousel","children","navigation","arrows","props","prevRef","useRef","nextRef","useState","progress","isBeginning","isEnd","swiperSlides","setSwiperSlides","swiper","setSwiper","React","css","left","ref","type","onClick","slidePrev","viewBox","xmlns","role","focusable","fill","d","cssMode","slidesPerView","onInit","params","prevEl","current","nextEl","init","update","onSlideChange","Children","map","child","SwiperSlide","right","slideNext","CarouselContainer","CarouselNavbar","NavbarTitleContainer","NavbarControlsContainer","NavbarControlsQuick","a","NavbarControlsSpace","span","ArrowsContainer","ArrowsFlex","ArrowsButton","ArrowsDivider","ArrowsIconClip","ArrowsSvg","svg","CardCarousel","title","controls","onShowMore","FreeCarousel","quickLink","Container","CarouselPillSvg","Pagination","PaginationCarousel","pagination","dynamicBullets","cloneElement"],"mappings":"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"}
|
package/dist/index.js
ADDED
@@ -1,7 +1,7 @@
|
|
1
1
|
/// <reference types="react" />
|
2
2
|
export declare const CarouselContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
3
3
|
export declare const CarouselSwiper: import("styled-components").StyledComponent<import("react").FunctionComponent<import("swiper/react").SwiperProps>, any, {}, never>;
|
4
|
-
export declare const CarouselPill: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("@mui/core/ButtonUnstyled").ButtonUnstyledOwnProps &
|
5
|
-
component?: import("react").
|
4
|
+
export declare const CarouselPill: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("@mui/core/ButtonUnstyled").ButtonUnstyledOwnProps & Pick<any, string | number | symbol> & {
|
5
|
+
component?: "symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any>;
|
6
6
|
}, string | number | symbol> & import("react").RefAttributes<any>>, any, {}, never>;
|
7
7
|
export declare const CarouselPillSvg: import("styled-components").StyledComponent<"svg", any, {}, never>;
|
@@ -2,6 +2,6 @@
|
|
2
2
|
export declare const CarouselContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
3
3
|
export declare const CarouselSwiper: import("styled-components").StyledComponent<import("react").FunctionComponent<import("swiper/react").SwiperProps>, any, {}, never>;
|
4
4
|
export declare const CarouselPillContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
5
|
-
export declare const CarouselPill: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("@mui/core/ButtonUnstyled").ButtonUnstyledOwnProps &
|
6
|
-
component?: import("react").
|
5
|
+
export declare const CarouselPill: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("@mui/core/ButtonUnstyled").ButtonUnstyledOwnProps & Pick<any, string | number | symbol> & {
|
6
|
+
component?: "symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any>;
|
7
7
|
}, string | number | symbol> & import("react").RefAttributes<any>>, any, any, never>;
|
@@ -8,8 +8,8 @@ export declare const NavbarControlsQuick: import("styled-components").StyledComp
|
|
8
8
|
export declare const NavbarControlsSpace: import("styled-components").StyledComponent<"span", any, {}, never>;
|
9
9
|
export declare const ArrowsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
10
10
|
export declare const ArrowsFlex: import("styled-components").StyledComponent<"div", any, {}, never>;
|
11
|
-
export declare const ArrowsButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("@mui/core/ButtonUnstyled").ButtonUnstyledOwnProps &
|
12
|
-
component?: import("react").
|
11
|
+
export declare const ArrowsButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("@mui/core/ButtonUnstyled").ButtonUnstyledOwnProps & Pick<any, string | number | symbol> & {
|
12
|
+
component?: "symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any>;
|
13
13
|
}, string | number | symbol> & import("react").RefAttributes<any>>, any, any, never>;
|
14
14
|
export declare const ArrowsDivider: import("styled-components").StyledComponent<"span", any, {}, never>;
|
15
15
|
export declare const ArrowsIconClip: import("styled-components").StyledComponent<"span", any, {}, never>;
|
package/package.json
CHANGED
@@ -1,113 +1,36 @@
|
|
1
1
|
{
|
2
2
|
"name": "@fox-dls/carousels",
|
3
|
-
"version": "1.
|
3
|
+
"version": "1.1.1",
|
4
4
|
"license": "MIT",
|
5
|
-
"source": "src/index.ts",
|
6
5
|
"main": "dist/index.js",
|
7
|
-
"module": "dist/
|
8
|
-
"
|
6
|
+
"module": "dist/core.esm.js",
|
7
|
+
"typings": "dist/index.d.ts",
|
9
8
|
"type": "module",
|
10
9
|
"scripts": {
|
11
|
-
"
|
12
|
-
"build
|
13
|
-
"
|
14
|
-
"
|
15
|
-
"
|
16
|
-
"typecheck": "tsc --project ./tsconfig.json --noEmit",
|
17
|
-
"test": "run-s 'test:*'",
|
18
|
-
"test:unit": "jest --config jest.config.js --maxWorkers=50% --color $@",
|
19
|
-
"ci-test:unit": "jest --config jest.config.js --runInBand --color $@",
|
20
|
-
"fix:staged-files": "lint-staged --allow-empty",
|
21
|
-
"fix:all-files": "eslint . --ext .ts,.tsx,.js,.jsx --fix"
|
10
|
+
"start": "tsdx watch --tsconfig tsconfig.build.json --verbose --noClean",
|
11
|
+
"build": "tsdx build --tsconfig tsconfig.build.json",
|
12
|
+
"test": "tsdx test",
|
13
|
+
"lint": "tsdx lint",
|
14
|
+
"prepublish": "npm run build"
|
22
15
|
},
|
23
|
-
"
|
16
|
+
"dependencies": {
|
24
17
|
"@babel/core": "^7.16.0",
|
25
|
-
"@babel/
|
26
|
-
"@
|
27
|
-
"@
|
28
|
-
"@
|
29
|
-
"@
|
30
|
-
"@
|
31
|
-
"@svgr/webpack": "6.1.0",
|
32
|
-
"@testing-library/jest-dom": "5.16.0",
|
33
|
-
"@testing-library/react": "12.1.2",
|
34
|
-
"@testing-library/react-hooks": "7.0.2",
|
35
|
-
"@types/cors": "2.8.12",
|
18
|
+
"@babel/runtime": "^7.16.3",
|
19
|
+
"@fox-dls/layout": "1.0.9",
|
20
|
+
"@material-ui/styled-engine": "npm:@material-ui/styled-engine-sc@next",
|
21
|
+
"@mui/core": "^5.0.0-alpha.54",
|
22
|
+
"@mui/lab": "^5.0.0-alpha.59",
|
23
|
+
"@mui/material": "^5.2.3",
|
36
24
|
"@types/eslint": "8.2.1",
|
37
|
-
"@types/jest": "27.0.3",
|
38
|
-
"@types/node": "16.11.11",
|
39
25
|
"@types/react": "17.0.37",
|
40
26
|
"@types/react-dom": "17.0.11",
|
41
27
|
"@types/react-is": "17.0.3",
|
42
|
-
"@types/
|
43
|
-
"@types/
|
44
|
-
"@types/styled-components": "^5.1.16",
|
45
|
-
"@types/swiper": "^5.4.3",
|
46
|
-
"@typescript-eslint/eslint-plugin": "5.5.0",
|
47
|
-
"@typescript-eslint/parser": "5.5.0",
|
48
|
-
"autoprefixer": "10.4.0",
|
49
|
-
"babel-jest": "27.4.2",
|
50
|
-
"babel-loader": "^8.2.3",
|
51
|
-
"babel-plugin-module-resolver": "^4.1.0",
|
28
|
+
"@types/styled-components": "^5.1.17",
|
29
|
+
"@types/uuid": "^8.3.3",
|
52
30
|
"babel-plugin-styled-components": "^2.0.2",
|
53
|
-
"cross-env": "7.0.3",
|
54
|
-
"cypress": "^9.1.1",
|
55
|
-
"dotenv": "^10.0.0",
|
56
|
-
"dotenv-flow": "3.2.0",
|
57
|
-
"dotenv-flow-cli": "1.0.0",
|
58
|
-
"duplicate-package-checker-webpack-plugin": "^3.0.0",
|
59
|
-
"eslint": "8.4.0",
|
60
|
-
"eslint-config-airbnb": "^19.0.2",
|
61
|
-
"eslint-config-airbnb-base": "^15.0.0",
|
62
|
-
"eslint-config-airbnb-typescript": "^16.1.0",
|
63
|
-
"eslint-config-next": "12.0.6",
|
64
|
-
"eslint-config-prettier": "8.3.0",
|
65
|
-
"eslint-import-resolver-babel-module": "^5.3.1",
|
66
|
-
"eslint-import-resolver-typescript": "2.5.0",
|
67
|
-
"eslint-plugin-cypress": "^2.12.1",
|
68
|
-
"eslint-plugin-import": "2.25.3",
|
69
|
-
"eslint-plugin-jest": "25.3.0",
|
70
|
-
"eslint-plugin-jest-formatting": "3.1.0",
|
71
|
-
"eslint-plugin-jsx-a11y": "6.5.1",
|
72
|
-
"eslint-plugin-prettier": "4.0.0",
|
73
|
-
"eslint-plugin-react": "7.27.1",
|
74
|
-
"eslint-plugin-react-hooks": "4.3.0",
|
75
|
-
"eslint-plugin-regexp": "1.5.1",
|
76
|
-
"eslint-plugin-sonarjs": "0.11.0",
|
77
|
-
"eslint-plugin-testing-library": "5.0.1",
|
78
|
-
"eslint-plugin-unused-imports": "^2.0.0",
|
79
|
-
"husky": "^7.0.4",
|
80
|
-
"is-ci": "3.0.1",
|
81
|
-
"jest": "27.4.3",
|
82
|
-
"lint-staged": "^12.1.2",
|
83
|
-
"microbundle": "0.14.2",
|
84
|
-
"ngx-deploy-npm": "^3.0.6",
|
85
|
-
"nock": "^13.2.1",
|
86
|
-
"npm-run-all": "4.1.5",
|
87
|
-
"prettier": "2.5.1",
|
88
|
-
"react": "^17.0.2",
|
89
|
-
"react-dom": "17.0.2",
|
90
|
-
"react-test-renderer": "17.0.2",
|
91
|
-
"rimraf": "3.0.2",
|
92
|
-
"sass": "1.44.0",
|
93
|
-
"shell-quote": "1.7.3",
|
94
|
-
"size-limit": "7.0.3",
|
95
31
|
"styled-components": "^5.3.3",
|
96
|
-
"
|
97
|
-
"
|
98
|
-
"ts-jest": "27.0.7",
|
99
|
-
"ts-node": "10.4.0",
|
100
|
-
"typescript": "4.5.2",
|
101
|
-
"typescript-plugin-styled-components": "^2.0.0"
|
102
|
-
},
|
103
|
-
"dependencies": {
|
104
|
-
"@fox-dls/layout": "1.0.0",
|
105
|
-
"@material-ui/styled-engine": "npm:@material-ui/styled-engine-sc@next",
|
106
|
-
"@mui/core": "^5.0.0-alpha.54",
|
107
|
-
"@mui/lab": "^5.0.0-alpha.58",
|
108
|
-
"@mui/material": "^5.2.2",
|
109
|
-
"@types/uuid": "^8.3.3",
|
110
|
-
"swiper": "^7.3.1"
|
32
|
+
"swiper": "^7.3.1",
|
33
|
+
"tslib": "^2.3.1"
|
111
34
|
},
|
112
35
|
"resolutions": {
|
113
36
|
"@mui/styled-engine": "npm:@mui/styled-engine-sc@latest"
|
@@ -115,5 +38,8 @@
|
|
115
38
|
"peerDependencies": {
|
116
39
|
"react": "^17.0.2",
|
117
40
|
"styled-components": "^5.3.3"
|
41
|
+
},
|
42
|
+
"devDependencies": {
|
43
|
+
"@types/styled-components": "^5.1.17"
|
118
44
|
}
|
119
45
|
}
|
package/src/index.ts
CHANGED
package/tsconfig.build.json
CHANGED
@@ -1,11 +1,4 @@
|
|
1
1
|
{
|
2
|
-
"extends": "
|
3
|
-
"
|
4
|
-
"rootDir": "./src",
|
5
|
-
"target": "esnext",
|
6
|
-
"module": "esnext",
|
7
|
-
"jsx": "react-jsx",
|
8
|
-
"jsxFactory": "",
|
9
|
-
"jsxFragmentFactory": ""
|
10
|
-
}
|
2
|
+
"extends": "../../tsconfig.build.json",
|
3
|
+
"include": ["src", "types", "../../types"]
|
11
4
|
}
|