@salutejs/plasma-new-hope 0.326.0-canary.2013.15518408913.0 → 0.326.0-canary.2014.15531870271.0
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/cjs/components/Carousel/Carousel.css +4 -0
- package/cjs/components/Carousel/{CarouselOld/Carousel.js → Carousel.js} +1 -1
- package/cjs/components/Carousel/Carousel.js.map +1 -0
- package/cjs/components/Carousel/{CarouselOld/Carousel.styles.js → Carousel.styles.js} +9 -9
- package/cjs/components/Carousel/Carousel.styles.js.map +1 -0
- package/cjs/components/Carousel/Carousel.styles_zmchjj.css +4 -0
- package/cjs/components/Carousel/{CarouselOld/CarouselItem.js → CarouselItem.js} +5 -5
- package/cjs/components/Carousel/CarouselItem.js.map +1 -0
- package/cjs/components/Carousel/CarouselItem_cqjszm.css +1 -0
- package/cjs/components/Carousel/useCarousel.js.map +1 -0
- package/cjs/components/Carousel/{CarouselOld/useDragScroll.js → useDragScroll.js} +1 -1
- package/cjs/components/Carousel/useDragScroll.js.map +1 -0
- package/cjs/components/Sheet/hooks/useOverflow.js +2 -1
- package/cjs/components/Sheet/hooks/useOverflow.js.map +1 -1
- package/cjs/index.css +4 -17
- package/cjs/index.js +3 -10
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/Carousel/Carousel.styles.js +49 -0
- package/emotion/cjs/components/Carousel/{CarouselOld/CarouselItem.js → CarouselItem.js} +2 -2
- package/emotion/cjs/components/Carousel/index.js +3 -23
- package/emotion/cjs/components/Sheet/hooks/useOverflow.js +2 -1
- package/emotion/cjs/examples/plasma_b2c/components/Carousel/Carousel.config.js +2 -14
- package/emotion/cjs/examples/plasma_b2c/components/Carousel/Carousel.js +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +28 -92
- package/emotion/cjs/hooks/index.js +0 -7
- package/emotion/es/components/Carousel/Carousel.styles.js +42 -0
- package/emotion/es/components/Carousel/{CarouselOld/CarouselItem.js → CarouselItem.js} +2 -2
- package/emotion/es/components/Carousel/index.js +3 -7
- package/emotion/es/components/Sheet/hooks/useOverflow.js +2 -1
- package/emotion/es/examples/plasma_b2c/components/Carousel/Carousel.config.js +2 -14
- package/emotion/es/examples/plasma_b2c/components/Carousel/Carousel.js +2 -2
- package/emotion/es/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +28 -92
- package/emotion/es/hooks/index.js +0 -1
- package/es/components/Carousel/Carousel.css +4 -0
- package/es/components/Carousel/{CarouselOld/Carousel.js → Carousel.js} +1 -1
- package/es/components/Carousel/Carousel.js.map +1 -0
- package/es/components/Carousel/{CarouselOld/Carousel.styles.js → Carousel.styles.js} +9 -9
- package/es/components/Carousel/Carousel.styles.js.map +1 -0
- package/es/components/Carousel/Carousel.styles_zmchjj.css +4 -0
- package/es/components/Carousel/{CarouselOld/CarouselItem.js → CarouselItem.js} +5 -5
- package/es/components/Carousel/CarouselItem.js.map +1 -0
- package/es/components/Carousel/CarouselItem_cqjszm.css +1 -0
- package/es/components/Carousel/useCarousel.js.map +1 -0
- package/es/components/Carousel/{CarouselOld/useDragScroll.js → useDragScroll.js} +1 -1
- package/es/components/Carousel/useDragScroll.js.map +1 -0
- package/es/components/Sheet/hooks/useOverflow.js +2 -1
- package/es/components/Sheet/hooks/useOverflow.js.map +1 -1
- package/es/index.css +4 -17
- package/es/index.js +3 -6
- package/es/index.js.map +1 -1
- package/package.json +5 -5
- package/styled-components/cjs/components/Carousel/{CarouselOld/Carousel.styles.js → Carousel.styles.js} +3 -3
- package/styled-components/cjs/components/Carousel/{CarouselOld/CarouselItem.js → CarouselItem.js} +1 -1
- package/styled-components/cjs/components/Carousel/index.js +3 -23
- package/styled-components/cjs/components/Sheet/hooks/useOverflow.js +2 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Carousel/Carousel.config.js +2 -14
- package/styled-components/cjs/examples/plasma_b2c/components/Carousel/Carousel.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +28 -92
- package/styled-components/cjs/hooks/index.js +0 -7
- package/styled-components/es/components/Carousel/{CarouselOld/Carousel.styles.js → Carousel.styles.js} +3 -3
- package/styled-components/es/components/Carousel/{CarouselOld/CarouselItem.js → CarouselItem.js} +1 -1
- package/styled-components/es/components/Carousel/index.js +3 -7
- package/styled-components/es/components/Sheet/hooks/useOverflow.js +2 -1
- package/styled-components/es/examples/plasma_b2c/components/Carousel/Carousel.config.js +2 -14
- package/styled-components/es/examples/plasma_b2c/components/Carousel/Carousel.js +2 -2
- package/styled-components/es/examples/plasma_b2c/components/Carousel/Carousel.stories.tsx +28 -92
- package/styled-components/es/hooks/index.js +0 -1
- package/types/components/Carousel/{CarouselOld/Carousel.d.ts → Carousel.d.ts} +1 -1
- package/types/components/Carousel/Carousel.d.ts.map +1 -0
- package/types/components/Carousel/Carousel.styles.d.ts.map +1 -0
- package/types/components/Carousel/{CarouselOld/Carousel.types.d.ts → Carousel.types.d.ts} +1 -1
- package/types/components/Carousel/Carousel.types.d.ts.map +1 -0
- package/types/components/Carousel/CarouselItem.d.ts.map +1 -0
- package/types/components/Carousel/index.d.ts +4 -7
- package/types/components/Carousel/index.d.ts.map +1 -1
- package/types/components/Carousel/useCarousel.d.ts.map +1 -0
- package/types/components/Carousel/useDragScroll.d.ts.map +1 -0
- package/types/components/Sheet/hooks/useOverflow.d.ts.map +1 -1
- package/types/hooks/index.d.ts +0 -1
- package/types/hooks/index.d.ts.map +1 -1
- package/cjs/components/Carousel/CarouselNew/Carousel.css +0 -12
- package/cjs/components/Carousel/CarouselNew/Carousel.js +0 -98
- package/cjs/components/Carousel/CarouselNew/Carousel.js.map +0 -1
- package/cjs/components/Carousel/CarouselNew/Carousel.styles.js +0 -11
- package/cjs/components/Carousel/CarouselNew/Carousel.styles.js.map +0 -1
- package/cjs/components/Carousel/CarouselNew/Carousel.styles_1gx7oht.css +0 -4
- package/cjs/components/Carousel/CarouselNew/Carousel.tokens.js +0 -23
- package/cjs/components/Carousel/CarouselNew/Carousel.tokens.js.map +0 -1
- package/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js +0 -428
- package/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js.map +0 -1
- package/cjs/components/Carousel/CarouselNew/hooks/useDragScroll.js +0 -62
- package/cjs/components/Carousel/CarouselNew/hooks/useDragScroll.js.map +0 -1
- package/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.css +0 -5
- package/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.js +0 -227
- package/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.js.map +0 -1
- package/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js +0 -39
- package/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js.map +0 -1
- package/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.styles_1i4srxq.css +0 -5
- package/cjs/components/Carousel/CarouselNew/ui/Dots/utils/index.js +0 -50
- package/cjs/components/Carousel/CarouselNew/ui/Dots/utils/index.js.map +0 -1
- package/cjs/components/Carousel/CarouselNew/variations/_size/base.js +0 -9
- package/cjs/components/Carousel/CarouselNew/variations/_size/base.js.map +0 -1
- package/cjs/components/Carousel/CarouselNew/variations/_size/base_x642ct.css +0 -1
- package/cjs/components/Carousel/CarouselNew/variations/_view/base.js +0 -9
- package/cjs/components/Carousel/CarouselNew/variations/_view/base.js.map +0 -1
- package/cjs/components/Carousel/CarouselNew/variations/_view/base_x642ct.css +0 -1
- package/cjs/components/Carousel/CarouselOld/Carousel.css +0 -4
- package/cjs/components/Carousel/CarouselOld/Carousel.js.map +0 -1
- package/cjs/components/Carousel/CarouselOld/Carousel.styles.js.map +0 -1
- package/cjs/components/Carousel/CarouselOld/Carousel.styles_12r304j.css +0 -4
- package/cjs/components/Carousel/CarouselOld/CarouselItem.js.map +0 -1
- package/cjs/components/Carousel/CarouselOld/CarouselItem_uvoxfy.css +0 -1
- package/cjs/components/Carousel/CarouselOld/useCarousel.js.map +0 -1
- package/cjs/components/Carousel/CarouselOld/useDragScroll.js.map +0 -1
- package/cjs/hooks/useDidMountLayoutEffect.js +0 -19
- package/cjs/hooks/useDidMountLayoutEffect.js.map +0 -1
- package/emotion/cjs/components/Carousel/CarouselNew/Carousel.js +0 -99
- package/emotion/cjs/components/Carousel/CarouselNew/Carousel.styles.js +0 -51
- package/emotion/cjs/components/Carousel/CarouselNew/Carousel.tokens.js +0 -21
- package/emotion/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js +0 -419
- package/emotion/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.js +0 -229
- package/emotion/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js +0 -38
- package/emotion/cjs/components/Carousel/CarouselNew/ui/Dots/utils/index.js +0 -47
- package/emotion/cjs/components/Carousel/CarouselNew/ui/Item/Item.js +0 -38
- package/emotion/cjs/components/Carousel/CarouselNew/ui/index.js +0 -27
- package/emotion/cjs/components/Carousel/CarouselNew/variations/_size/base.js +0 -8
- package/emotion/cjs/components/Carousel/CarouselNew/variations/_size/tokens.json +0 -1
- package/emotion/cjs/components/Carousel/CarouselNew/variations/_view/base.js +0 -8
- package/emotion/cjs/components/Carousel/CarouselNew/variations/_view/tokens.json +0 -1
- package/emotion/cjs/components/Carousel/CarouselOld/Carousel.styles.js +0 -49
- package/emotion/cjs/components/Carousel/CarouselOld/index.js +0 -32
- package/emotion/cjs/hooks/useDidMountLayoutEffect.js +0 -17
- package/emotion/es/components/Carousel/CarouselNew/Carousel.js +0 -94
- package/emotion/es/components/Carousel/CarouselNew/Carousel.styles.js +0 -44
- package/emotion/es/components/Carousel/CarouselNew/Carousel.tokens.js +0 -15
- package/emotion/es/components/Carousel/CarouselNew/hooks/useCarousel.js +0 -409
- package/emotion/es/components/Carousel/CarouselNew/ui/Dots/Dots.js +0 -219
- package/emotion/es/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js +0 -31
- package/emotion/es/components/Carousel/CarouselNew/ui/Dots/utils/index.js +0 -41
- package/emotion/es/components/Carousel/CarouselNew/ui/Item/Item.js +0 -31
- package/emotion/es/components/Carousel/CarouselNew/ui/index.js +0 -2
- package/emotion/es/components/Carousel/CarouselNew/variations/_size/base.js +0 -2
- package/emotion/es/components/Carousel/CarouselNew/variations/_size/tokens.json +0 -1
- package/emotion/es/components/Carousel/CarouselNew/variations/_view/base.js +0 -2
- package/emotion/es/components/Carousel/CarouselNew/variations/_view/tokens.json +0 -1
- package/emotion/es/components/Carousel/CarouselOld/Carousel.styles.js +0 -42
- package/emotion/es/components/Carousel/CarouselOld/index.js +0 -3
- package/emotion/es/hooks/useDidMountLayoutEffect.js +0 -11
- package/es/components/Carousel/CarouselNew/Carousel.css +0 -12
- package/es/components/Carousel/CarouselNew/Carousel.js +0 -89
- package/es/components/Carousel/CarouselNew/Carousel.js.map +0 -1
- package/es/components/Carousel/CarouselNew/Carousel.styles.js +0 -7
- package/es/components/Carousel/CarouselNew/Carousel.styles.js.map +0 -1
- package/es/components/Carousel/CarouselNew/Carousel.styles_1gx7oht.css +0 -4
- package/es/components/Carousel/CarouselNew/Carousel.tokens.js +0 -18
- package/es/components/Carousel/CarouselNew/Carousel.tokens.js.map +0 -1
- package/es/components/Carousel/CarouselNew/hooks/useCarousel.js +0 -413
- package/es/components/Carousel/CarouselNew/hooks/useCarousel.js.map +0 -1
- package/es/components/Carousel/CarouselNew/hooks/useDragScroll.js +0 -58
- package/es/components/Carousel/CarouselNew/hooks/useDragScroll.js.map +0 -1
- package/es/components/Carousel/CarouselNew/ui/Dots/Dots.css +0 -5
- package/es/components/Carousel/CarouselNew/ui/Dots/Dots.js +0 -218
- package/es/components/Carousel/CarouselNew/ui/Dots/Dots.js.map +0 -1
- package/es/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js +0 -31
- package/es/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js.map +0 -1
- package/es/components/Carousel/CarouselNew/ui/Dots/Dots.styles_1i4srxq.css +0 -5
- package/es/components/Carousel/CarouselNew/ui/Dots/utils/index.js +0 -44
- package/es/components/Carousel/CarouselNew/ui/Dots/utils/index.js.map +0 -1
- package/es/components/Carousel/CarouselNew/variations/_size/base.js +0 -5
- package/es/components/Carousel/CarouselNew/variations/_size/base.js.map +0 -1
- package/es/components/Carousel/CarouselNew/variations/_size/base_x642ct.css +0 -1
- package/es/components/Carousel/CarouselNew/variations/_view/base.js +0 -5
- package/es/components/Carousel/CarouselNew/variations/_view/base.js.map +0 -1
- package/es/components/Carousel/CarouselNew/variations/_view/base_x642ct.css +0 -1
- package/es/components/Carousel/CarouselOld/Carousel.css +0 -4
- package/es/components/Carousel/CarouselOld/Carousel.js.map +0 -1
- package/es/components/Carousel/CarouselOld/Carousel.styles.js.map +0 -1
- package/es/components/Carousel/CarouselOld/Carousel.styles_12r304j.css +0 -4
- package/es/components/Carousel/CarouselOld/CarouselItem.js.map +0 -1
- package/es/components/Carousel/CarouselOld/CarouselItem_uvoxfy.css +0 -1
- package/es/components/Carousel/CarouselOld/useCarousel.js.map +0 -1
- package/es/components/Carousel/CarouselOld/useDragScroll.js.map +0 -1
- package/es/hooks/useDidMountLayoutEffect.js +0 -15
- package/es/hooks/useDidMountLayoutEffect.js.map +0 -1
- package/styled-components/cjs/components/Carousel/CarouselNew/Carousel.js +0 -99
- package/styled-components/cjs/components/Carousel/CarouselNew/Carousel.styles.js +0 -32
- package/styled-components/cjs/components/Carousel/CarouselNew/Carousel.tokens.js +0 -21
- package/styled-components/cjs/components/Carousel/CarouselNew/Carousel.types.js +0 -5
- package/styled-components/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js +0 -419
- package/styled-components/cjs/components/Carousel/CarouselNew/hooks/useDragScroll.js +0 -65
- package/styled-components/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.js +0 -229
- package/styled-components/cjs/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js +0 -24
- package/styled-components/cjs/components/Carousel/CarouselNew/ui/Dots/utils/index.js +0 -47
- package/styled-components/cjs/components/Carousel/CarouselNew/ui/Item/Item.js +0 -37
- package/styled-components/cjs/components/Carousel/CarouselNew/ui/index.js +0 -27
- package/styled-components/cjs/components/Carousel/CarouselNew/variations/_size/base.js +0 -8
- package/styled-components/cjs/components/Carousel/CarouselNew/variations/_size/tokens.json +0 -1
- package/styled-components/cjs/components/Carousel/CarouselNew/variations/_view/base.js +0 -8
- package/styled-components/cjs/components/Carousel/CarouselNew/variations/_view/tokens.json +0 -1
- package/styled-components/cjs/components/Carousel/CarouselOld/Carousel.types.js +0 -5
- package/styled-components/cjs/components/Carousel/CarouselOld/index.js +0 -32
- package/styled-components/cjs/components/Carousel/CarouselOld/useDragScroll.js +0 -65
- package/styled-components/cjs/hooks/useDidMountLayoutEffect.js +0 -17
- package/styled-components/es/components/Carousel/CarouselNew/Carousel.js +0 -94
- package/styled-components/es/components/Carousel/CarouselNew/Carousel.styles.js +0 -24
- package/styled-components/es/components/Carousel/CarouselNew/Carousel.tokens.js +0 -15
- package/styled-components/es/components/Carousel/CarouselNew/Carousel.types.js +0 -1
- package/styled-components/es/components/Carousel/CarouselNew/hooks/useCarousel.js +0 -409
- package/styled-components/es/components/Carousel/CarouselNew/hooks/useDragScroll.js +0 -59
- package/styled-components/es/components/Carousel/CarouselNew/ui/Dots/Dots.js +0 -219
- package/styled-components/es/components/Carousel/CarouselNew/ui/Dots/Dots.styles.js +0 -17
- package/styled-components/es/components/Carousel/CarouselNew/ui/Dots/utils/index.js +0 -41
- package/styled-components/es/components/Carousel/CarouselNew/ui/Item/Item.js +0 -30
- package/styled-components/es/components/Carousel/CarouselNew/ui/index.js +0 -2
- package/styled-components/es/components/Carousel/CarouselNew/variations/_size/base.js +0 -2
- package/styled-components/es/components/Carousel/CarouselNew/variations/_size/tokens.json +0 -1
- package/styled-components/es/components/Carousel/CarouselNew/variations/_view/base.js +0 -2
- package/styled-components/es/components/Carousel/CarouselNew/variations/_view/tokens.json +0 -1
- package/styled-components/es/components/Carousel/CarouselOld/Carousel.types.js +0 -1
- package/styled-components/es/components/Carousel/CarouselOld/index.js +0 -3
- package/styled-components/es/components/Carousel/CarouselOld/useDragScroll.js +0 -59
- package/styled-components/es/hooks/useDidMountLayoutEffect.js +0 -11
- package/types/components/Carousel/CarouselNew/Carousel.d.ts +0 -32
- package/types/components/Carousel/CarouselNew/Carousel.d.ts.map +0 -1
- package/types/components/Carousel/CarouselNew/Carousel.styles.d.ts +0 -15
- package/types/components/Carousel/CarouselNew/Carousel.styles.d.ts.map +0 -1
- package/types/components/Carousel/CarouselNew/Carousel.tokens.d.ts +0 -16
- package/types/components/Carousel/CarouselNew/Carousel.tokens.d.ts.map +0 -1
- package/types/components/Carousel/CarouselNew/Carousel.types.d.ts +0 -167
- package/types/components/Carousel/CarouselNew/Carousel.types.d.ts.map +0 -1
- package/types/components/Carousel/CarouselNew/hooks/useCarousel.d.ts +0 -61
- package/types/components/Carousel/CarouselNew/hooks/useCarousel.d.ts.map +0 -1
- package/types/components/Carousel/CarouselNew/hooks/useDragScroll.d.ts.map +0 -1
- package/types/components/Carousel/CarouselNew/ui/Dots/Dots.d.ts +0 -4
- package/types/components/Carousel/CarouselNew/ui/Dots/Dots.d.ts.map +0 -1
- package/types/components/Carousel/CarouselNew/ui/Dots/Dots.styles.d.ts +0 -6
- package/types/components/Carousel/CarouselNew/ui/Dots/Dots.styles.d.ts.map +0 -1
- package/types/components/Carousel/CarouselNew/ui/Dots/utils/index.d.ts +0 -4
- package/types/components/Carousel/CarouselNew/ui/Dots/utils/index.d.ts.map +0 -1
- package/types/components/Carousel/CarouselNew/ui/Item/Item.d.ts +0 -4
- package/types/components/Carousel/CarouselNew/ui/Item/Item.d.ts.map +0 -1
- package/types/components/Carousel/CarouselNew/ui/index.d.ts +0 -3
- package/types/components/Carousel/CarouselNew/ui/index.d.ts.map +0 -1
- package/types/components/Carousel/CarouselNew/variations/_size/base.d.ts +0 -2
- package/types/components/Carousel/CarouselNew/variations/_size/base.d.ts.map +0 -1
- package/types/components/Carousel/CarouselNew/variations/_view/base.d.ts +0 -2
- package/types/components/Carousel/CarouselNew/variations/_view/base.d.ts.map +0 -1
- package/types/components/Carousel/CarouselOld/Carousel.d.ts.map +0 -1
- package/types/components/Carousel/CarouselOld/Carousel.styles.d.ts.map +0 -1
- package/types/components/Carousel/CarouselOld/Carousel.types.d.ts.map +0 -1
- package/types/components/Carousel/CarouselOld/CarouselItem.d.ts.map +0 -1
- package/types/components/Carousel/CarouselOld/index.d.ts +0 -5
- package/types/components/Carousel/CarouselOld/index.d.ts.map +0 -1
- package/types/components/Carousel/CarouselOld/useCarousel.d.ts.map +0 -1
- package/types/components/Carousel/CarouselOld/useDragScroll.d.ts +0 -2
- package/types/components/Carousel/CarouselOld/useDragScroll.d.ts.map +0 -1
- package/types/hooks/useDidMountLayoutEffect.d.ts +0 -2
- package/types/hooks/useDidMountLayoutEffect.d.ts.map +0 -1
- /package/cjs/components/Carousel/{CarouselOld/useCarousel.js → useCarousel.js} +0 -0
- /package/emotion/cjs/components/Carousel/{CarouselOld/Carousel.js → Carousel.js} +0 -0
- /package/emotion/cjs/components/Carousel/{CarouselNew/Carousel.types.js → Carousel.types.js} +0 -0
- /package/emotion/cjs/components/Carousel/{CarouselOld/useCarousel.js → useCarousel.js} +0 -0
- /package/emotion/cjs/components/Carousel/{CarouselNew/hooks/useDragScroll.js → useDragScroll.js} +0 -0
- /package/emotion/es/components/Carousel/{CarouselOld/Carousel.js → Carousel.js} +0 -0
- /package/emotion/es/components/Carousel/{CarouselNew/Carousel.types.js → Carousel.types.js} +0 -0
- /package/emotion/es/components/Carousel/{CarouselOld/useCarousel.js → useCarousel.js} +0 -0
- /package/emotion/es/components/Carousel/{CarouselNew/hooks/useDragScroll.js → useDragScroll.js} +0 -0
- /package/es/components/Carousel/{CarouselOld/useCarousel.js → useCarousel.js} +0 -0
- /package/styled-components/cjs/components/Carousel/{CarouselOld/Carousel.js → Carousel.js} +0 -0
- /package/{emotion/cjs/components/Carousel/CarouselOld → styled-components/cjs/components/Carousel}/Carousel.types.js +0 -0
- /package/styled-components/cjs/components/Carousel/{CarouselOld/useCarousel.js → useCarousel.js} +0 -0
- /package/{emotion/cjs/components/Carousel/CarouselOld → styled-components/cjs/components/Carousel}/useDragScroll.js +0 -0
- /package/styled-components/es/components/Carousel/{CarouselOld/Carousel.js → Carousel.js} +0 -0
- /package/{emotion/es/components/Carousel/CarouselOld → styled-components/es/components/Carousel}/Carousel.types.js +0 -0
- /package/styled-components/es/components/Carousel/{CarouselOld/useCarousel.js → useCarousel.js} +0 -0
- /package/{emotion/es/components/Carousel/CarouselOld → styled-components/es/components/Carousel}/useDragScroll.js +0 -0
- /package/types/components/Carousel/{CarouselOld/Carousel.styles.d.ts → Carousel.styles.d.ts} +0 -0
- /package/types/components/Carousel/{CarouselOld/CarouselItem.d.ts → CarouselItem.d.ts} +0 -0
- /package/types/components/Carousel/{CarouselOld/useCarousel.d.ts → useCarousel.d.ts} +0 -0
- /package/types/components/Carousel/{CarouselNew/hooks/useDragScroll.d.ts → useDragScroll.d.ts} +0 -0
@@ -1,16 +1,4 @@
|
|
1
|
-
import { css } from 'styled-components';
|
2
|
-
import { carouselTokens as tokens } from "../../../../components/Carousel";
|
3
1
|
export var config = {
|
4
|
-
defaults: {
|
5
|
-
|
6
|
-
size: 'm'
|
7
|
-
},
|
8
|
-
variations: {
|
9
|
-
view: {
|
10
|
-
"default": /*#__PURE__*/css(["", ":var(--surface-transparent-tertiary);", ":var(--surface-solid-default);"], tokens.paginationDotBackground, tokens.paginationDotActiveBackground)
|
11
|
-
},
|
12
|
-
size: {
|
13
|
-
s: /*#__PURE__*/css([""])
|
14
|
-
}
|
15
|
-
}
|
2
|
+
defaults: {},
|
3
|
+
variations: {}
|
16
4
|
};
|
@@ -1,6 +1,6 @@
|
|
1
|
-
import {
|
1
|
+
import { carouselConfig, CarouselItem } from "../../../../components/Carousel";
|
2
2
|
import { component, mergeConfig } from "../../../../engines";
|
3
3
|
import { config } from "./Carousel.config";
|
4
|
-
export var mergedConfig = /*#__PURE__*/mergeConfig(
|
4
|
+
export var mergedConfig = /*#__PURE__*/mergeConfig(carouselConfig, config);
|
5
5
|
export var Carousel = /*#__PURE__*/component(mergedConfig);
|
6
6
|
export { CarouselItem };
|
@@ -2,38 +2,18 @@ import * as React from 'react';
|
|
2
2
|
import type { ComponentProps } from 'react';
|
3
3
|
import type { Meta, StoryObj } from '@storybook/react';
|
4
4
|
import styled from 'styled-components';
|
5
|
-
import { getConfigVariations } from '@salutejs/plasma-sb-utils';
|
6
5
|
|
7
6
|
import { WithTheme } from '../../../_helpers';
|
8
7
|
|
9
|
-
import { config } from './Carousel.config';
|
10
8
|
import { Carousel, CarouselItem } from './Carousel';
|
11
9
|
|
12
|
-
type StoryCarouselProps = ComponentProps<typeof Carousel
|
13
|
-
slides: number;
|
14
|
-
visibleDots: number;
|
15
|
-
paginationCentered: boolean;
|
16
|
-
};
|
17
|
-
|
18
|
-
const { views, sizes } = getConfigVariations(config);
|
10
|
+
type StoryCarouselProps = ComponentProps<typeof Carousel>;
|
19
11
|
|
20
12
|
const meta: Meta<StoryCarouselProps> = {
|
21
13
|
title: 'b2c/Navigation/Carousel',
|
22
14
|
component: Carousel,
|
23
15
|
decorators: [WithTheme],
|
24
16
|
argTypes: {
|
25
|
-
view: {
|
26
|
-
options: views,
|
27
|
-
control: {
|
28
|
-
type: 'select',
|
29
|
-
},
|
30
|
-
},
|
31
|
-
size: {
|
32
|
-
options: sizes,
|
33
|
-
control: {
|
34
|
-
type: 'inline-radio',
|
35
|
-
},
|
36
|
-
},
|
37
17
|
align: {
|
38
18
|
options: ['center', 'start', 'end'],
|
39
19
|
control: {
|
@@ -43,99 +23,55 @@ const meta: Meta<StoryCarouselProps> = {
|
|
43
23
|
isDragScrollDisabled: {
|
44
24
|
control: 'boolean',
|
45
25
|
},
|
46
|
-
slides: {
|
47
|
-
control: 'number',
|
48
|
-
},
|
49
|
-
visibleDots: {
|
50
|
-
control: 'number',
|
51
|
-
},
|
52
|
-
paginationCentered: {
|
53
|
-
control: 'boolean',
|
54
|
-
},
|
55
26
|
},
|
56
27
|
args: {
|
57
|
-
view: 'default',
|
58
|
-
size: 's',
|
59
28
|
align: 'center',
|
60
29
|
isDragScrollDisabled: false,
|
61
|
-
visibleDots: 6,
|
62
|
-
slides: 10,
|
63
|
-
paginationCentered: false,
|
64
30
|
},
|
65
31
|
parameters: {
|
66
32
|
controls: {
|
67
|
-
include: ['
|
33
|
+
include: ['align', 'isDragScrollDisabled'],
|
68
34
|
},
|
69
35
|
},
|
70
36
|
};
|
71
37
|
|
72
38
|
export default meta;
|
73
39
|
|
40
|
+
const items = Array(25)
|
41
|
+
.fill({
|
42
|
+
title: 'Заголовок',
|
43
|
+
})
|
44
|
+
.map(({ title }, i) => ({
|
45
|
+
id: i,
|
46
|
+
title: `${title} ${i}`,
|
47
|
+
}));
|
48
|
+
|
74
49
|
const StyledCard = styled.div`
|
75
|
-
display: flex;
|
76
|
-
align-items: center;
|
77
|
-
justify-content: center;
|
78
50
|
position: relative;
|
79
51
|
border-radius: 8px;
|
80
|
-
width:
|
81
|
-
height:
|
52
|
+
width: 350px;
|
53
|
+
height: 50px;
|
54
|
+
padding: 8px;
|
82
55
|
background-color: #add8e6;
|
83
|
-
font-size: 30px;
|
84
56
|
`;
|
85
57
|
|
86
|
-
const StoryDefault = ({
|
87
|
-
align,
|
88
|
-
visibleDots,
|
89
|
-
slides,
|
90
|
-
paginationCentered,
|
91
|
-
isDragScrollDisabled,
|
92
|
-
...rest
|
93
|
-
}: StoryCarouselProps) => {
|
58
|
+
const StoryDefault = ({ align, isDragScrollDisabled }: StoryCarouselProps) => {
|
94
59
|
const [index, setIndex] = React.useState(0);
|
95
60
|
|
96
|
-
const items = Array(slides)
|
97
|
-
.fill(1)
|
98
|
-
.map((_, i) => ({
|
99
|
-
id: i,
|
100
|
-
title: i,
|
101
|
-
}));
|
102
|
-
|
103
61
|
return (
|
104
|
-
|
105
|
-
|
106
|
-
|
107
|
-
|
108
|
-
|
109
|
-
|
110
|
-
|
111
|
-
|
112
|
-
|
113
|
-
|
114
|
-
|
115
|
-
|
116
|
-
|
117
|
-
<div style={{ width: '800px' }}>
|
118
|
-
<Carousel
|
119
|
-
index={index}
|
120
|
-
onIndexChange={setIndex}
|
121
|
-
detectActive
|
122
|
-
scrollAlign={align}
|
123
|
-
isDragScrollDisabled={isDragScrollDisabled}
|
124
|
-
gap="20px"
|
125
|
-
paginationOptions={{
|
126
|
-
visibleDots,
|
127
|
-
centered: paginationCentered,
|
128
|
-
}}
|
129
|
-
{...rest}
|
130
|
-
>
|
131
|
-
{items.map((item, i) => (
|
132
|
-
<CarouselItem key={i} scrollSnapAlign={align}>
|
133
|
-
<StyledCard>{item.title}</StyledCard>
|
134
|
-
</CarouselItem>
|
135
|
-
))}
|
136
|
-
</Carousel>
|
137
|
-
</div>
|
138
|
-
</>
|
62
|
+
<Carousel
|
63
|
+
index={index}
|
64
|
+
detectActive
|
65
|
+
onIndexChange={setIndex}
|
66
|
+
scrollAlign={align}
|
67
|
+
isDragScrollDisabled={isDragScrollDisabled}
|
68
|
+
>
|
69
|
+
{items.map((item, i) => (
|
70
|
+
<CarouselItem key={i} style={{ padding: '0 0.5rem' }} scrollSnapAlign={align}>
|
71
|
+
<StyledCard>{item.title}</StyledCard>
|
72
|
+
</CarouselItem>
|
73
|
+
))}
|
74
|
+
</Carousel>
|
139
75
|
);
|
140
76
|
};
|
141
77
|
|
@@ -3,6 +3,5 @@ export { useFocusTrap } from "./useFocusTrap";
|
|
3
3
|
export { usePreviousValue } from "./usePreviousValue";
|
4
4
|
export { useForceUpdate } from "./useForceUpdate";
|
5
5
|
export { useDidMountEffect } from "./useDidMountEffect";
|
6
|
-
export { useDidMountLayoutEffect } from "./useDidMountLayoutEffect";
|
7
6
|
export { useOutsideClick } from "./useOutsideClick";
|
8
7
|
export { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect";
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAIjD;;GAEG;AACH,eAAO,MAAM,YAAY,SAAU,SAAS,CAAC,cAAc,EAAE,aAAa,CAAC;;;wCAuDtE,CAAC;AAEN,eAAO,MAAM,cAAc;;;mBAzDQ,SAAS,CAAC,cAAc,EAAE,aAAa,CAAC;;;;;;;CAgE1E,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Carousel.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/Carousel.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,IAAI,0CAAQ,CAAC;AAE1B;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,qKAI/B,CAAC;AAEF,eAAO,MAAM,eAAe;qBAAiC,WAAW,GAAG,WAAW,GAAG,MAAM;EAyB9F,CAAC;AAEF,eAAO,MAAM,aAAa;mBAA+B,MAAM;iBAAe,MAAM;EASnF,CAAC"}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import type { HTMLAttributes } from 'react';
|
2
|
-
import { AsProps } from '
|
2
|
+
import { AsProps } from '../../../src/types';
|
3
3
|
export type SnapType = 'mandatory' | 'proximity' | 'none';
|
4
4
|
export type SnapAlign = 'start' | 'center' | 'end';
|
5
5
|
export type SnapStop = 'normal' | 'always';
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Carousel.types.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/Carousel.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,MAAM,QAAQ,GAAG,WAAW,GAAG,WAAW,GAAG,MAAM,CAAC;AAC1D,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AACnD,MAAM,MAAM,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE3C,MAAM,MAAM,UAAU,GAAG,GAAG,GAAG,GAAG,CAAC;AACnC,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,iBAAiB,CAAC;AAEzE,MAAM,WAAW,UAAW,SAAQ,OAAO,EAAE,cAAc,CAAC,cAAc,CAAC;IACvE;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,EAAE,UAAU,CAAC;IACjB;;OAEG;IACH,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,cAAc;IAC3B;;OAEG;IACH,YAAY,EAAE,IAAI,CAAC;IACnB;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5D;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;CACtD;AAED,MAAM,WAAW,gBAAgB;IAC7B,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,eAAe,CAAC,EAAE,KAAK,CAAC;IACxB,aAAa,CAAC,EAAE,KAAK,CAAC;IACtB,kBAAkB,CAAC,EAAE,KAAK,CAAC;IAC3B,aAAa,CAAC,EAAE,KAAK,CAAC;IACtB,kBAAkB,CAAC,EAAE,KAAK,CAAC;CAC9B;AAED,KAAK,iBAAiB,GAAG,UAAU,GAAG,CAAC,cAAc,GAAG,gBAAgB,CAAC,CAAC;AAE1E,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,iBAAiB,EAAE,MAAM,GAAG,uBAAuB,GAAG,YAAY,GAAG,YAAY,CAAC,GAAG;IAClH;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAC;IAE5B,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC5B,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,cAAc,CAAC,EAAE,QAAQ,CAAC;CAC7B,GAAG,OAAO,GACP,cAAc,CAAC,cAAc,CAAC,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"CarouselItem.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/CarouselItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAuB,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAO1E,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAiBpD,CAAC"}
|
@@ -1,8 +1,5 @@
|
|
1
|
-
export { carouselConfig, carouselRoot } from './
|
2
|
-
export { CarouselGridWrapper } from './
|
3
|
-
export type { CarouselProps, CarouselItemProps } from './
|
4
|
-
export { CarouselItem } from './
|
5
|
-
export { carouselNewConfig, carouselNewRoot } from './CarouselNew/Carousel';
|
6
|
-
export { tokens as carouselTokens } from './CarouselNew/Carousel.tokens';
|
7
|
-
export type { CarouselNewProps } from './CarouselNew/Carousel.types';
|
1
|
+
export { carouselConfig, carouselRoot } from './Carousel';
|
2
|
+
export { CarouselGridWrapper } from './Carousel.styles';
|
3
|
+
export type { CarouselProps, CarouselItemProps } from './Carousel.types';
|
4
|
+
export { CarouselItem } from './CarouselItem';
|
8
5
|
//# sourceMappingURL=index.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACxD,YAAY,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"useCarousel.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/useCarousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkD,MAAM,OAAO,CAAC;AAGvE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE1E;;GAEG;AACH,eAAO,MAAM,mBAAmB,aAAc,OAAO,WAAW,OAAO,QAAQ,UAAU,WAGxF,CAAC;AAyCF;;GAEG;AACH,eAAO,MAAM,gBAAgB,2DAO1B;IACC,QAAQ,EAAE,WAAW,CAAC;IACtB,KAAK,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACrC,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,WAAW,CAAC;CAC5B,WAqCA,CAAC;AAKF,QAAA,MAAM,GAAG;gBACO,MAAM;gBAEN,MAAM;iBAEL,MAAM;mBACJ,MAAM;CACxB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,MAAM,OAAO,GAAG,CAAC;AAE9C;;;;;;GAMG;AACH,eAAO,MAAM,iBAAiB,SACpB,OAAO,OACR,MAAM,aACD,MAAM,mBACA,cAAc,KAC/B,IAeF,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW,iEAOrB;IACC,QAAQ,EAAE,WAAW,CAAC;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,UAAU,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,cAAc,CAAC;CACnC,SAQA,CAAC;AAIF;;;GAGG;AACH,eAAO,MAAM,WAAW,cACT,MAAM,WACR,MAAM,YACL,MAAM,eACH,MAAM,cACP,MAAM,eACL,WAAW,uDAkC3B,CAAC;AAEF,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,WAAW,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAElF;AAED,wBAAgB,oBAAoB,CAAC,IAAI,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,KAAK,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,aAmB7E,GAAG,EAAE,UAIzB;AAED,KAAK,kBAAkB,GAAG,IAAI,CAC1B,aAAa,EACX,OAAO,GACP,aAAa,GACb,cAAc,GACd,iBAAiB,GACjB,eAAe,GACf,oBAAoB,GACpB,eAAe,GACf,oBAAoB,CACzB,GAAG;IACA,IAAI,EAAE,GAAG,GAAG,GAAG,CAAC;IAChB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,KAAK,qBAAqB,GAAG;IACzB,SAAS,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACtD,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CACxD,CAAC;AAKF,eAAO,MAAM,WAAW,sLAarB,kBAAkB,KAAG,qBAuPvB,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"useDragScroll.d.ts","sourceRoot":"","sources":["../../../src/components/Carousel/useDragScroll.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,WAAW,aACpC,KAAK,CAAC,gBAAgB,CAAC,CAAC,GAAG,IAAI,CAAC,yBACpB,OAAO,SAwDjC,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"useOverflow.d.ts","sourceRoot":"","sources":["../../../../src/components/Sheet/hooks/useOverflow.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"useOverflow.d.ts","sourceRoot":"","sources":["../../../../src/components/Sheet/hooks/useOverflow.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAE/C,eAAO,MAAM,WAAW,eAAgB,aAAa,SAapD,CAAC"}
|
package/types/hooks/index.d.ts
CHANGED
@@ -3,7 +3,6 @@ export { useFocusTrap } from './useFocusTrap';
|
|
3
3
|
export { usePreviousValue } from './usePreviousValue';
|
4
4
|
export { useForceUpdate } from './useForceUpdate';
|
5
5
|
export { useDidMountEffect } from './useDidMountEffect';
|
6
|
-
export { useDidMountLayoutEffect } from './useDidMountLayoutEffect';
|
7
6
|
export { useOutsideClick } from './useOutsideClick';
|
8
7
|
export { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';
|
9
8
|
//# sourceMappingURL=index.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC"}
|
@@ -1,12 +0,0 @@
|
|
1
|
-
.Carousel_styles_1gx7oht_b13uu57o__b465f250{position:relative;padding:20px 0;border-top:2px solid #ff000038;}.Carousel_styles_1gx7oht_b13uu57o__b465f250:before{content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:#ff000038;}
|
2
|
-
.Carousel_styles_1gx7oht_c1gygdut__b465f250{overflow:hidden;margin-left:calc(var(--plasma-grid-margin) * -1);margin-right:calc(var(--plasma-grid-margin) * -1);}
|
3
|
-
.Carousel_styles_1gx7oht_c76zbfp__b465f250{position:relative;margin:0;padding:0;list-style:none;-ms-overflow-style:none;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overflow-x:auto;overflow-y:hidden;-webkit-scroll-behavior:smooth;-moz-scroll-behavior:smooth;-ms-scroll-behavior:smooth;scroll-behavior:smooth;-webkit-scroll-snap-type:var(--c76zbfp-0);-moz-scroll-snap-type:var(--c76zbfp-0);-ms-scroll-snap-type:var(--c76zbfp-0);scroll-snap-type:var(--c76zbfp-0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}.Carousel_styles_1gx7oht_c76zbfp__b465f250::-webkit-scrollbar{display:none;}.Carousel_styles_1gx7oht_c1gygdut__b465f250 .Carousel_styles_1gx7oht_c76zbfp__b465f250{-webkit-scroll-padding:0 var(--plasma-grid-margin);-moz-scroll-padding:0 var(--plasma-grid-margin);-ms-scroll-padding:0 var(--plasma-grid-margin);scroll-padding:0 var(--plasma-grid-margin);padding-left:var(--plasma-grid-margin);}
|
4
|
-
.Carousel_styles_1gx7oht_c1cnnvc1__b465f250{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:var(--c1cnnvc1-0);}
|
5
|
-
|
6
|
-
.Item_1qz9bfn_sfwcury__aad46e58{-webkit-scroll-snap-align:var(--sfwcury-0);-moz-scroll-snap-align:var(--sfwcury-0);-ms-scroll-snap-align:var(--sfwcury-0);scroll-snap-align:var(--sfwcury-0);-webkit-scroll-snap-stop:var(--sfwcury-1);-moz-scroll-snap-stop:var(--sfwcury-1);-ms-scroll-snap-stop:var(--sfwcury-1);scroll-snap-stop:var(--sfwcury-1);}
|
7
|
-
|
8
|
-
.Dots_styles_1i4srxq_wn5xio__92126c77{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;--duration:0.3s;--half-duration:0.15s;}
|
9
|
-
.Dots_styles_1i4srxq_tnn1xpa__92126c77{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition:-webkit-transform 0s ease;-webkit-transition:transform 0s ease;transition:transform 0s ease;}.Dots_styles_1i4srxq_tnn1xpa__92126c77.Dots_styles_1i4srxq_dotAnimating__92126c77{-webkit-transition:-webkit-transform var(--duration) ease;-webkit-transition:transform var(--duration) ease;transition:transform var(--duration) ease;}.Dots_styles_1i4srxq_tnn1xpa__92126c77 .Dots_styles_1i4srxq_dot__92126c77{width:0.5rem;height:0.5rem;margin:0 0.25rem;cursor:pointer;background-color:var(--plasma-carousel-pagination-dot-background);border-radius:100%;}.Dots_styles_1i4srxq_tnn1xpa__92126c77 .Dots_styles_1i4srxq_dot__92126c77.Dots_styles_1i4srxq_dotActive__92126c77{background-color:var(--plasma-carousel-pagination-dot-active-background);}@-webkit-keyframes Dots_styles_1i4srxq_fadeOutTnn1xpa__92126c77{from{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);opacity:1;}to{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}}@keyframes Dots_styles_1i4srxq_fadeOutTnn1xpa__92126c77{from{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);opacity:1;}to{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}}.Dots_styles_1i4srxq_tnn1xpa__92126c77 .Dots_styles_1i4srxq_dot__92126c77.Dots_styles_1i4srxq_dotAnimateOut__92126c77{-webkit-animation:Dots_styles_1i4srxq_fadeOutTnn1xpa__92126c77 var(--half-duration) ease forwards;animation:Dots_styles_1i4srxq_fadeOutTnn1xpa__92126c77 var(--half-duration) ease forwards;}@-webkit-keyframes Dots_styles_1i4srxq_shrinkingTnn1xpa__92126c77{from{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}to{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);}}@keyframes Dots_styles_1i4srxq_shrinkingTnn1xpa__92126c77{from{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}to{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);}}.Dots_styles_1i4srxq_tnn1xpa__92126c77 .Dots_styles_1i4srxq_dot__92126c77.Dots_styles_1i4srxq_dotShrinking__92126c77{-webkit-animation:Dots_styles_1i4srxq_shrinkingTnn1xpa__92126c77 var(--half-duration) var(--half-duration) ease forwards;animation:Dots_styles_1i4srxq_shrinkingTnn1xpa__92126c77 var(--half-duration) var(--half-duration) ease forwards;}
|
10
|
-
.Dots_styles_1i4srxq_d1k0jsbc__92126c77{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.Dots_styles_1i4srxq_d1k0jsbc__92126c77.Dots_styles_1i4srxq_dotAvailableDotsLeft__92126c77 .Dots_styles_1i4srxq_dot__92126c77:not(.Dots_styles_1i4srxq_dotTemporaryNatural__92126c77):first-child{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);}.Dots_styles_1i4srxq_d1k0jsbc__92126c77.Dots_styles_1i4srxq_dotAvailableDotsRight__92126c77 .Dots_styles_1i4srxq_dot__92126c77:not(.Dots_styles_1i4srxq_dotTemporaryNatural__92126c77):last-child{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);}.Dots_styles_1i4srxq_d1k0jsbc__92126c77.Dots_styles_1i4srxq_dotAnimating__92126c77 .Dots_styles_1i4srxq_dot__92126c77{-webkit-transition:background-color var(--duration) ease;transition:background-color var(--duration) ease;}
|
11
|
-
.Dots_styles_1i4srxq_laqzsgq__92126c77{position:absolute;top:0;right:100%;bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.Dots_styles_1i4srxq_laqzsgq__92126c77 .Dots_styles_1i4srxq_dot__92126c77{-webkit-transition:-webkit-transform var(--duration) ease;-webkit-transition:transform var(--duration) ease;transition:transform var(--duration) ease;}@-webkit-keyframes Dots_styles_1i4srxq_fadeInLaqzsgq__92126c77{from{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;}}@keyframes Dots_styles_1i4srxq_fadeInLaqzsgq__92126c77{from{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;}}.Dots_styles_1i4srxq_laqzsgq__92126c77 .Dots_styles_1i4srxq_dot__92126c77.Dots_styles_1i4srxq_dotAnimateIn__92126c77{-webkit-animation:Dots_styles_1i4srxq_fadeInLaqzsgq__92126c77 var(--half-duration) ease forwards;animation:Dots_styles_1i4srxq_fadeInLaqzsgq__92126c77 var(--half-duration) ease forwards;}@-webkit-keyframes Dots_styles_1i4srxq_fadeInFirstLaqzsgq__92126c77{from{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}to{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);opacity:1;}}@keyframes Dots_styles_1i4srxq_fadeInFirstLaqzsgq__92126c77{from{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}to{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);opacity:1;}}.Dots_styles_1i4srxq_laqzsgq__92126c77 .Dots_styles_1i4srxq_dot__92126c77:first-child.Dots_styles_1i4srxq_dotAnimateIn__92126c77{-webkit-animation:Dots_styles_1i4srxq_fadeInFirstLaqzsgq__92126c77 var(--half-duration) ease forwards;animation:Dots_styles_1i4srxq_fadeInFirstLaqzsgq__92126c77 var(--half-duration) ease forwards;}
|
12
|
-
.Dots_styles_1i4srxq_rp088ba__92126c77{position:absolute;top:0;left:100%;bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.Dots_styles_1i4srxq_rp088ba__92126c77 .Dots_styles_1i4srxq_dot__92126c77{-webkit-transition:-webkit-transform var(--duration) ease;-webkit-transition:transform var(--duration) ease;transition:transform var(--duration) ease;}@-webkit-keyframes Dots_styles_1i4srxq_fadeInRp088ba__92126c77{from{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;}}@keyframes Dots_styles_1i4srxq_fadeInRp088ba__92126c77{from{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}to{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);opacity:1;}}.Dots_styles_1i4srxq_rp088ba__92126c77 .Dots_styles_1i4srxq_dot__92126c77.Dots_styles_1i4srxq_dotAnimateIn__92126c77{-webkit-animation:Dots_styles_1i4srxq_fadeInRp088ba__92126c77 var(--half-duration) ease forwards;animation:Dots_styles_1i4srxq_fadeInRp088ba__92126c77 var(--half-duration) ease forwards;}@-webkit-keyframes Dots_styles_1i4srxq_fadeInLastRp088ba__92126c77{from{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}to{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);opacity:1;}}@keyframes Dots_styles_1i4srxq_fadeInLastRp088ba__92126c77{from{-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);opacity:0;}to{-webkit-transform:scale(0.75);-ms-transform:scale(0.75);transform:scale(0.75);opacity:1;}}.Dots_styles_1i4srxq_rp088ba__92126c77 .Dots_styles_1i4srxq_dot__92126c77:last-child.Dots_styles_1i4srxq_dotAnimateIn__92126c77{-webkit-animation:Dots_styles_1i4srxq_fadeInLastRp088ba__92126c77 var(--half-duration) ease forwards;animation:Dots_styles_1i4srxq_fadeInLastRp088ba__92126c77 var(--half-duration) ease forwards;}
|
@@ -1,98 +0,0 @@
|
|
1
|
-
'use strict';
|
2
|
-
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
-
|
5
|
-
var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
|
6
|
-
var React = require('react');
|
7
|
-
var base$1 = require('./variations/_size/base.js');
|
8
|
-
var base = require('./variations/_view/base.js');
|
9
|
-
var Carousel_styles = require('./Carousel.styles.js');
|
10
|
-
var useCarousel = require('./hooks/useCarousel.js');
|
11
|
-
var useDragScroll = require('./hooks/useDragScroll.js');
|
12
|
-
var Dots = require('./ui/Dots/Dots.js');
|
13
|
-
|
14
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
15
|
-
|
16
|
-
var React__default = /*#__PURE__*/_interopDefault(React);
|
17
|
-
|
18
|
-
var _br;
|
19
|
-
|
20
|
-
/**
|
21
|
-
* Компонент для создания списков с прокруткой.
|
22
|
-
*/
|
23
|
-
var carouselNewRoot = function carouselNewRoot(Root) {
|
24
|
-
return /*#__PURE__*/React.forwardRef(function (_ref,
|
25
|
-
// @ts-ignore
|
26
|
-
ref) {
|
27
|
-
var view = _ref.view,
|
28
|
-
size = _ref.size,
|
29
|
-
outerIndex = _ref.index,
|
30
|
-
scrollAlign = _ref.scrollAlign,
|
31
|
-
detectActive = _ref.detectActive,
|
32
|
-
detectThreshold = _ref.detectThreshold,
|
33
|
-
onIndexChange = _ref.onIndexChange,
|
34
|
-
children = _ref.children,
|
35
|
-
_ref$isDragScrollDisa = _ref.isDragScrollDisabled,
|
36
|
-
isDragScrollDisabled = _ref$isDragScrollDisa === void 0 ? false : _ref$isDragScrollDisa,
|
37
|
-
paginationOptions = _ref.paginationOptions;
|
38
|
-
var _useState = React.useState(0),
|
39
|
-
_useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
|
40
|
-
internalIndex = _useState2[0],
|
41
|
-
setInternalIndex = _useState2[1];
|
42
|
-
var index = outerIndex !== null && outerIndex !== void 0 ? outerIndex : internalIndex;
|
43
|
-
var handleChangeIndex = React.useCallback(function (index) {
|
44
|
-
if (onIndexChange) {
|
45
|
-
onIndexChange(index);
|
46
|
-
}
|
47
|
-
setInternalIndex(index);
|
48
|
-
}, [onIndexChange]);
|
49
|
-
|
50
|
-
// const { scrollRef, trackRef } = useCarousel({
|
51
|
-
var _useCarousel = useCarousel.useCarousel({
|
52
|
-
index: index,
|
53
|
-
scrollAlign: scrollAlign,
|
54
|
-
detectActive: detectActive,
|
55
|
-
detectThreshold: detectThreshold,
|
56
|
-
onIndexChange: onIndexChange
|
57
|
-
}),
|
58
|
-
scrollRef = _useCarousel.scrollRef;
|
59
|
-
|
60
|
-
// const handleRef = useForkRef(scrollRef, ref);
|
61
|
-
|
62
|
-
useDragScroll.useDragScroll(scrollRef, isDragScrollDisabled);
|
63
|
-
var slidesAmount = React.Children.count(children);
|
64
|
-
return /*#__PURE__*/React__default.default.createElement(Root, {
|
65
|
-
size: size,
|
66
|
-
view: view,
|
67
|
-
index: index
|
68
|
-
}, _br || (_br = /*#__PURE__*/React__default.default.createElement("br", null)), !(paginationOptions !== null && paginationOptions !== void 0 && paginationOptions.disabled) && /*#__PURE__*/React__default.default.createElement(Dots.Dots, {
|
69
|
-
index: index,
|
70
|
-
onChange: handleChangeIndex,
|
71
|
-
visibleCount: (paginationOptions === null || paginationOptions === void 0 ? void 0 : paginationOptions.visibleDots) || slidesAmount,
|
72
|
-
count: slidesAmount,
|
73
|
-
centered: (paginationOptions === null || paginationOptions === void 0 ? void 0 : paginationOptions.centered) || false
|
74
|
-
}));
|
75
|
-
});
|
76
|
-
};
|
77
|
-
var carouselNewConfig = {
|
78
|
-
name: 'Carousel',
|
79
|
-
tag: 'div',
|
80
|
-
layout: carouselNewRoot,
|
81
|
-
base: Carousel_styles.base,
|
82
|
-
variations: {
|
83
|
-
view: {
|
84
|
-
css: base.base
|
85
|
-
},
|
86
|
-
size: {
|
87
|
-
css: base$1.base
|
88
|
-
}
|
89
|
-
},
|
90
|
-
defaults: {
|
91
|
-
view: 'default',
|
92
|
-
size: 's'
|
93
|
-
}
|
94
|
-
};
|
95
|
-
|
96
|
-
exports.carouselNewConfig = carouselNewConfig;
|
97
|
-
exports.carouselNewRoot = carouselNewRoot;
|
98
|
-
//# sourceMappingURL=Carousel.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Carousel.js","sources":["../../../../src/components/Carousel/CarouselNew/Carousel.tsx"],"sourcesContent":["import { RootProps } from 'src/engines';\nimport React, { forwardRef, useState, useCallback, Children } from 'react';\n// import { useForkRef } from '@salutejs/plasma-core';\n\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base } from './Carousel.styles';\n// import { base, CarouselWrapper, CarouselTrack } from './Carousel.styles';\nimport { CarouselNewProps } from './Carousel.types';\nimport { useCarousel } from './hooks/useCarousel';\nimport { useDragScroll } from './hooks/useDragScroll';\nimport { Dots } from './ui';\n\n/**\n * Компонент для создания списков с прокруткой.\n */\nexport const carouselNewRoot = (Root: RootProps<HTMLDivElement, CarouselNewProps>) =>\n forwardRef<HTMLDivElement, CarouselNewProps>(\n (\n {\n view,\n size,\n index: outerIndex,\n // scrollSnapType = 'mandatory',\n scrollAlign,\n detectActive,\n detectThreshold,\n onIndexChange,\n children,\n // ariaLive = 'off',\n isDragScrollDisabled = false,\n // gap,\n paginationOptions,\n // ...rest\n },\n // @ts-ignore\n ref,\n ) => {\n const [internalIndex, setInternalIndex] = useState(0);\n\n const index = outerIndex ?? internalIndex;\n\n const handleChangeIndex = useCallback(\n (index: number) => {\n if (onIndexChange) {\n onIndexChange(index);\n }\n\n setInternalIndex(index);\n },\n [onIndexChange],\n );\n\n // const { scrollRef, trackRef } = useCarousel({\n const { scrollRef } = useCarousel({\n index,\n scrollAlign,\n detectActive,\n detectThreshold,\n onIndexChange,\n });\n\n // const handleRef = useForkRef(scrollRef, ref);\n\n useDragScroll(scrollRef, isDragScrollDisabled);\n\n const slidesAmount = Children.count(children);\n\n return (\n <Root size={size} view={view} index={index}>\n {/* <CarouselWrapper ref={handleRef} scrollSnapType={scrollSnapType} {...rest}> */}\n {/* <CarouselTrack */}\n {/* ref={trackRef as React.MutableRefObject<HTMLDivElement | null>} */}\n {/* aria-live={ariaLive} */}\n {/* gap={gap} */}\n {/* > */}\n {/* {children} */}\n {/* </CarouselTrack> */}\n {/* </CarouselWrapper> */}\n <br />\n\n {!paginationOptions?.disabled && (\n <Dots\n index={index}\n onChange={handleChangeIndex}\n visibleCount={paginationOptions?.visibleDots || slidesAmount}\n count={slidesAmount}\n centered={paginationOptions?.centered || false}\n />\n )}\n </Root>\n );\n },\n );\n\nexport const carouselNewConfig = {\n name: 'Carousel',\n tag: 'div',\n layout: carouselNewRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 's',\n },\n};\n"],"names":["carouselNewRoot","Root","forwardRef","_ref","ref","view","size","outerIndex","index","scrollAlign","detectActive","detectThreshold","onIndexChange","children","_ref$isDragScrollDisa","isDragScrollDisabled","paginationOptions","_useState","useState","_useState2","_slicedToArray","internalIndex","setInternalIndex","handleChangeIndex","useCallback","_useCarousel","useCarousel","scrollRef","useDragScroll","slidesAmount","Children","count","React","createElement","_br","disabled","Dots","onChange","visibleCount","visibleDots","centered","carouselNewConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":"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"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Carousel.styles.js","sources":["../../../../src/components/Carousel/CarouselNew/Carousel.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\nimport { CSSProperties } from 'react';\n\nexport const base = css`\n position: relative;\n padding: 20px 0;\n border-top: 2px solid #ff000038;\n\n &:before {\n content: '';\n position: absolute;\n left: 50%;\n top: 0;\n bottom: 0;\n width: 2px;\n margin-left: -1px;\n background: #ff000038;\n }\n`;\n\n/**\n * Компонент применяется, если требуется компенсировать отступы контейнера в сетке.\n * При обертывании вокруг ``Carousel``, добавляет карусели и ее прокрутке дополнительные отступы.\n * Стилизованный компонент, обладающий всеми свойствами ``div``.\n */\nexport const CarouselGridWrapper = styled.div`\n overflow: hidden;\n margin-left: calc(var(--plasma-grid-margin) * -1);\n margin-right: calc(var(--plasma-grid-margin) * -1);\n`;\n\nexport const CarouselWrapper = styled.div<{ scrollSnapType?: 'mandatory' | 'proximity' | 'none' }>`\n position: relative;\n margin: 0;\n padding: 0;\n list-style: none;\n\n -ms-overflow-style: none;\n scrollbar-width: none;\n ::-webkit-scrollbar {\n display: none;\n }\n\n overflow-x: auto;\n overflow-y: hidden;\n\n scroll-behavior: smooth;\n scroll-snap-type: ${({ scrollSnapType }) => `x ${scrollSnapType}`};\n\n ${CarouselGridWrapper} & {\n scroll-padding: 0 var(--plasma-grid-margin);\n padding-left: var(--plasma-grid-margin);\n }\n\n user-select: none;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n`;\n\nexport const CarouselTrack = styled.div<{ gap?: CSSProperties['gap'] }>`\n display: inline-flex;\n flex-direction: row;\n gap: ${({ gap }) => gap || 0};\n`;\n"],"names":["base"],"mappings":";;;;;;AAIO,IAAMA,IAAI,GAehB;;;;"}
|
@@ -1,4 +0,0 @@
|
|
1
|
-
.b13uu57o{position:relative;padding:20px 0;border-top:2px solid #ff000038;}.b13uu57o:before{content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:#ff000038;}
|
2
|
-
.c1gygdut{overflow:hidden;margin-left:calc(var(--plasma-grid-margin) * -1);margin-right:calc(var(--plasma-grid-margin) * -1);}
|
3
|
-
.c76zbfp{position:relative;margin:0;padding:0;list-style:none;-ms-overflow-style:none;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overflow-x:auto;overflow-y:hidden;-webkit-scroll-behavior:smooth;-moz-scroll-behavior:smooth;-ms-scroll-behavior:smooth;scroll-behavior:smooth;-webkit-scroll-snap-type:var(--c76zbfp-0);-moz-scroll-snap-type:var(--c76zbfp-0);-ms-scroll-snap-type:var(--c76zbfp-0);scroll-snap-type:var(--c76zbfp-0);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}.c76zbfp::-webkit-scrollbar{display:none;}.c1gygdut .c76zbfp{-webkit-scroll-padding:0 var(--plasma-grid-margin);-moz-scroll-padding:0 var(--plasma-grid-margin);-ms-scroll-padding:0 var(--plasma-grid-margin);scroll-padding:0 var(--plasma-grid-margin);padding-left:var(--plasma-grid-margin);}
|
4
|
-
.c1cnnvc1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;gap:var(--c1cnnvc1-0);}
|
@@ -1,23 +0,0 @@
|
|
1
|
-
'use strict';
|
2
|
-
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
-
|
5
|
-
var classes = {
|
6
|
-
dot: 'dot',
|
7
|
-
active: 'dot-active',
|
8
|
-
animating: 'dot-animating',
|
9
|
-
animateIn: 'dot-animate-in',
|
10
|
-
animateOut: 'dot-animate-out',
|
11
|
-
temporaryNatural: 'dot-temporary-natural',
|
12
|
-
shrinking: 'dot-shrinking',
|
13
|
-
availableDotsLeft: 'dot-available-dots-left',
|
14
|
-
availableDotsRight: 'dot-available-dots-right'
|
15
|
-
};
|
16
|
-
var tokens = {
|
17
|
-
paginationDotBackground: '--plasma-carousel-pagination-dot-background',
|
18
|
-
paginationDotActiveBackground: '--plasma-carousel-pagination-dot-active-background'
|
19
|
-
};
|
20
|
-
|
21
|
-
exports.classes = classes;
|
22
|
-
exports.tokens = tokens;
|
23
|
-
//# sourceMappingURL=Carousel.tokens.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Carousel.tokens.js","sources":["../../../../src/components/Carousel/CarouselNew/Carousel.tokens.ts"],"sourcesContent":["export const classes = {\n dot: 'dot',\n active: 'dot-active',\n animating: 'dot-animating',\n animateIn: 'dot-animate-in',\n animateOut: 'dot-animate-out',\n temporaryNatural: 'dot-temporary-natural',\n shrinking: 'dot-shrinking',\n availableDotsLeft: 'dot-available-dots-left',\n availableDotsRight: 'dot-available-dots-right',\n};\n\nexport const tokens = {\n paginationDotBackground: '--plasma-carousel-pagination-dot-background',\n paginationDotActiveBackground: '--plasma-carousel-pagination-dot-active-background',\n};\n"],"names":["classes","dot","active","animating","animateIn","animateOut","temporaryNatural","shrinking","availableDotsLeft","availableDotsRight","tokens","paginationDotBackground","paginationDotActiveBackground"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE,YAAY;AACpBC,EAAAA,SAAS,EAAE,eAAe;AAC1BC,EAAAA,SAAS,EAAE,gBAAgB;AAC3BC,EAAAA,UAAU,EAAE,iBAAiB;AAC7BC,EAAAA,gBAAgB,EAAE,uBAAuB;AACzCC,EAAAA,SAAS,EAAE,eAAe;AAC1BC,EAAAA,iBAAiB,EAAE,yBAAyB;AAC5CC,EAAAA,kBAAkB,EAAE,0BAAA;AACxB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,uBAAuB,EAAE,6CAA6C;AACtEC,EAAAA,6BAA6B,EAAE,oDAAA;AACnC;;;;;"}
|