@cleartrip/ct-platform-pill-carousel 0.0.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.
@@ -0,0 +1,26 @@
1
+ import { CSSProperties } from 'react';
2
+ export declare enum PillType {
3
+ CHIPS = "CHIPS",
4
+ STORY = "STORY"
5
+ }
6
+ export interface PillData {
7
+ value?: string;
8
+ text?: string;
9
+ imageUrl?: string;
10
+ }
11
+ export interface PillProps {
12
+ isSelected: boolean;
13
+ pillType: PillType;
14
+ pillData: PillData;
15
+ pillContainerClass?: string;
16
+ imageClass?: string;
17
+ textClass?: string;
18
+ imageStyles?: CSSProperties;
19
+ textStyles?: CSSProperties;
20
+ pillContainerStyles?: CSSProperties;
21
+ pillClickHandler: () => void;
22
+ selectedPillStyles?: CSSProperties;
23
+ renderCustomLabel?: (pillData: PillData) => JSX.Element;
24
+ renderCustomImage?: (pillData: PillData) => JSX.Element;
25
+ }
26
+ //# sourceMappingURL=Pill.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Pill.types.d.ts","sourceRoot":"","sources":["../../packages/components/PillCarousel/src/Pill/Pill.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,oBAAY,QAAQ;IAChB,KAAK,UAAU;IACf,KAAK,UAAU;CAClB;AAED,MAAM,WAAW,QAAQ;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,SAAS;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,EAAE,QAAQ,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,mBAAmB,CAAC,EAAE,aAAa,CAAC;IACpC,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,kBAAkB,CAAC,EAAE,aAAa,CAAC;IACnC,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,GAAG,CAAC,OAAO,CAAC;IACxD,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,GAAG,CAAC,OAAO,CAAC;CAC3D"}
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { PillProps } from './Pill.types';
3
+ export declare const Pill: React.FC<PillProps>;
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/components/PillCarousel/src/Pill/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAO3C,OAAO,EAAE,SAAS,EAAY,MAAM,cAAc,CAAC;AAEnD,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CA6FpC,CAAC"}
@@ -0,0 +1,6 @@
1
+ import React from 'react';
2
+ import './index.scss';
3
+ import { PillCarouselProps } from './PillCarousel.types';
4
+ declare const PillCarousel: React.FC<PillCarouselProps>;
5
+ export default PillCarousel;
6
+ //# sourceMappingURL=PillCarousel.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PillCarousel.d.ts","sourceRoot":"","sources":["../packages/components/PillCarousel/src/PillCarousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAKrD,OAAO,cAAc,CAAC;AAKtB,OAAO,EAAgB,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAIvE,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAmE7C,CAAC;AAEF,eAAe,YAAY,CAAC"}
@@ -0,0 +1,34 @@
1
+ import { CSSProperties } from 'react';
2
+ import { PillData } from './Pill/Pill.types';
3
+ export declare enum CarouselType {
4
+ PILL_CHIP = "PILL_CHIP",
5
+ PILL_STORY = "PILL_STORY"
6
+ }
7
+ export interface CarouselBehaviorConfig {
8
+ isFreeSwipe?: boolean;
9
+ pillsPerView?: number;
10
+ spaceBetweenPills?: number;
11
+ isInfiniteScroll?: boolean;
12
+ }
13
+ export interface PillStyleConfig {
14
+ pillContainerClass?: string;
15
+ imageClass?: string;
16
+ textClass?: string;
17
+ imageStyles?: CSSProperties;
18
+ textStyles?: CSSProperties;
19
+ pillContainerStyles?: CSSProperties;
20
+ selectedPillStyles?: CSSProperties;
21
+ }
22
+ export interface PillCarouselStyles {
23
+ carouselStyleConfig?: CSSProperties;
24
+ pillStyleConfig?: PillStyleConfig;
25
+ }
26
+ export interface PillCarouselProps {
27
+ carouselData: PillData[];
28
+ defaultSelectedPillIndex?: number;
29
+ carouselConfig?: CarouselBehaviorConfig;
30
+ carouselType: CarouselType;
31
+ onItemClick: (pillData: PillData, pillIndex: number) => void;
32
+ styleConfig?: PillCarouselStyles;
33
+ }
34
+ //# sourceMappingURL=PillCarousel.types.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PillCarousel.types.d.ts","sourceRoot":"","sources":["../packages/components/PillCarousel/src/PillCarousel.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,oBAAY,YAAY;IACpB,SAAS,cAAc;IACvB,UAAU,eAAe;CAC5B;AAED,MAAM,WAAW,sBAAsB;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED,MAAM,WAAW,eAAe;IAC5B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,mBAAmB,CAAC,EAAE,aAAa,CAAC;IACpC,kBAAkB,CAAC,EAAE,aAAa,CAAC;CACtC;AAED,MAAM,WAAW,kBAAkB;IAC/B,mBAAmB,CAAC,EAAE,aAAa,CAAC;IACpC,eAAe,CAAC,EAAE,eAAe,CAAC;CACrC;AAED,MAAM,WAAW,iBAAiB;IAC9B,YAAY,EAAE,QAAQ,EAAE,CAAC;IACzB,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,cAAc,CAAC,EAAE,sBAAsB,CAAC;IACxC,YAAY,EAAE,YAAY,CAAC;IAC3B,WAAW,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7D,WAAW,CAAC,EAAE,kBAAkB,CAAC;CACpC"}
@@ -0,0 +1,2 @@
1
+ "use strict";var e=require("tslib"),l=require("react/jsx-runtime"),i=require("react"),t=require("swiper"),n=require("swiper/react"),s=require("classnames"),r=require("@cleartrip/ct-design-typography");function a(e){return e&&e.__esModule?e:{default:e}}var o=a(t),p=a(s);function d(e,l){void 0===l&&(l={});var i=l.insertAt;if(e&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===i&&t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}var c="index-module_swiper__r5-8U";d(".index-module_swiper__r5-8U{height:100%;width:100%}");var u,x={"pill-story-container":"index-module_pill-story-container__QnH4k","pill-chip-container":"index-module_pill-chip-container__-CDkA","pill-chip-image":"index-module_pill-chip-image__FGQ6V","pill-story-image":"index-module_pill-story-image__7VUfq"};d('@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");.index-module_pill-story-container__QnH4k{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly}.index-module_pill-chip-container__-CDkA{align-items:center;background-color:#fff;border:1.5px solid #e6e6e6;border-radius:16px;display:flex;font-family:Inter;gap:8px;height:32px;padding:0 8px;width:auto}.index-module_pill-chip-image__FGQ6V{max-height:20px;max-width:20px}.index-module_pill-story-image__7VUfq{border-radius:30px;padding:5px}'),exports.PillType=void 0,(u=exports.PillType||(exports.PillType={})).CHIPS="CHIPS",u.STORY="STORY";var _,m=function(t){var n=t.pillData,s=t.pillType,a=t.pillClickHandler,o=t.isSelected,d=t.selectedPillStyles,c=t.textClass,u=t.imageClass,_=t.pillContainerClass,m=t.pillContainerStyles,y=t.textStyles,g=t.imageStyles,f=t.renderCustomLabel,h=t.renderCustomImage,C=e.__assign({border:"1.5px solid #1A1A1A",backgroundColor:"#F3F3F3"},d),S=i.useCallback((function(){return f?f(n):n.text?l.jsx(r.Typography,e.__assign({variant:r.TypographyVariant.B2,className:p.default(c,x["pill-text"]),style:y},{children:n.text})):l.jsx(l.Fragment,{})}),[]),v=i.useCallback((function(){return l.jsx(l.Fragment,{children:h?h(n):n.imageUrl&&l.jsx("img",{src:n.imageUrl,className:p.default(u,x[s===exports.PillType.STORY?"pill-story-container":"pill-chip-image"]),style:g})})}),[]);return s===exports.PillType.STORY?l.jsxs("div",e.__assign({className:p.default(_,x["pill-story-container"]),style:m,onClick:a},{children:[v(),S()]})):l.jsxs("div",e.__assign({className:p.default(_,x["pill-chip-container"]),style:o?e.__assign(e.__assign({},m),C):m,onClick:a},{children:[v(),S()]}))};exports.CarouselType=void 0,(_=exports.CarouselType||(exports.CarouselType={})).PILL_CHIP="PILL_CHIP",_.PILL_STORY="PILL_STORY",o.default.use([t.Autoplay,t.Pagination]);exports.PillCarousel=function(t){var s,r,a,o,p=t.carouselData,d=t.carouselType,u=t.onItemClick,x=t.styleConfig,_=t.carouselConfig,y=t.defaultSelectedPillIndex,g=i.useState(null!=y?y:0),f=g[0],h=g[1],C=i.useCallback((function(e,l,i){h(i),e(l,i)}),[]),S=i.useCallback((function(){return l.jsxs(l.Fragment,{children:[p.map((function(i,t){var s=e.__assign({pillType:d&&d===exports.CarouselType.PILL_STORY?exports.PillType.STORY:exports.PillType.CHIPS,pillData:i,isSelected:t==f,pillClickHandler:function(){C(u,i,t)}},null==x?void 0:x.pillStyleConfig);return l.jsx(n.SwiperSlide,e.__assign({style:{minWidth:"fit-content"}},{children:l.jsx(m,e.__assign({},s))}),"slide-".concat(t))}))," "]})}),[f,p]),v={freeMode:null===(s=null==_?void 0:_.isFreeSwipe)||void 0===s||s,slidesPerView:null!==(r=null==_?void 0:_.pillsPerView)&&void 0!==r?r:3.25,spaceBetween:null!==(a=null==_?void 0:_.spaceBetweenPills)&&void 0!==a?a:12,loop:null!==(o=null==_?void 0:_.isInfiniteScroll)&&void 0!==o&&o};return l.jsx(l.Fragment,{children:l.jsx(n.Swiper,e.__assign({initialSlide:f,autoplay:!1,pagination:!1,className:c,style:null==x?void 0:x.carouselStyleConfig},v,{children:S()}))})};
2
+ //# sourceMappingURL=ct-platform-pill-carousel.cjs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ct-platform-pill-carousel.cjs.js","sources":["../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js","../packages/components/PillCarousel/src/Pill/Pill.types.ts","../packages/components/PillCarousel/src/Pill/index.tsx","../packages/components/PillCarousel/src/PillCarousel.types.ts","../packages/components/PillCarousel/src/PillCarousel.tsx"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n",null,null,null,null],"names":["styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","PillType","CarouselType","Pill","_a","pillData","pillType","pillClickHandler","isSelected","selectedPillStyles","textClass","imageClass","pillContainerClass","pillContainerStyles","textStyles","imageStyles","renderCustomLabel","renderCustomImage","selectedPillStyle","__assign","border","backgroundColor","renderPillLabel","useCallback","text","_jsx","jsx","Typography","variant","TypographyVariant","B2","className","classNames","styles","children","_Fragment","Fragment","renderImage","imageUrl","src","default","STORY","_jsxs","jsxs","onClick","SwiperCore","use","Autoplay","Pagination","carouselData","carouselType","onItemClick","styleConfig","carouselConfig","defaultSelectedPillIndex","_f","useState","selectedIndex","setSelectedIndex","onPillClick","index","renderSlides","map","args","PILL_STORY","CHIPS","pillStyleConfig","SwiperSlide","minWidth","carouselConf","freeMode","_b","isFreeSwipe","slidesPerView","_c","pillsPerView","spaceBetween","_d","spaceBetweenPills","loop","_e","isInfiniteScroll","Swiper","initialSlide","autoplay","pagination","carouselStyleConfig"],"mappings":"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","x_google_ignoreList":[0]}
@@ -0,0 +1,2 @@
1
+ import{__assign as e}from"tslib";import{jsx as i,Fragment as l,jsxs as t}from"react/jsx-runtime";import{useCallback as n,useState as r}from"react";import o,{Autoplay as a,Pagination as d}from"swiper";import{SwiperSlide as s,Swiper as p}from"swiper/react";import c from"classnames";import{Typography as m,TypographyVariant as u}from"@cleartrip/ct-design-typography";function f(e,i){void 0===i&&(i={});var l=i.insertAt;if(e&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===l&&t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}var y="index-module_swiper__r5-8U";f(".index-module_swiper__r5-8U{height:100%;width:100%}");var h,x={"pill-story-container":"index-module_pill-story-container__QnH4k","pill-chip-container":"index-module_pill-chip-container__-CDkA","pill-chip-image":"index-module_pill-chip-image__FGQ6V","pill-story-image":"index-module_pill-story-image__7VUfq"};f('@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");.index-module_pill-story-container__QnH4k{align-items:center;display:flex;flex-direction:column;justify-content:space-evenly}.index-module_pill-chip-container__-CDkA{align-items:center;background-color:#fff;border:1.5px solid #e6e6e6;border-radius:16px;display:flex;font-family:Inter;gap:8px;height:32px;padding:0 8px;width:auto}.index-module_pill-chip-image__FGQ6V{max-height:20px;max-width:20px}.index-module_pill-story-image__7VUfq{border-radius:30px;padding:5px}'),function(e){e.CHIPS="CHIPS",e.STORY="STORY"}(h||(h={}));var g,_=function(r){var o=r.pillData,a=r.pillType,d=r.pillClickHandler,s=r.isSelected,p=r.selectedPillStyles,f=r.textClass,y=r.imageClass,g=r.pillContainerClass,_=r.pillContainerStyles,C=r.textStyles,S=r.imageStyles,v=r.renderCustomLabel,I=r.renderCustomImage,P=e({border:"1.5px solid #1A1A1A",backgroundColor:"#F3F3F3"},p),w=n((function(){return v?v(o):o.text?i(m,e({variant:u.B2,className:c(f,x["pill-text"]),style:C},{children:o.text})):i(l,{})}),[]),T=n((function(){return i(l,{children:I?I(o):o.imageUrl&&i("img",{src:o.imageUrl,className:c(y,x[a===h.STORY?"pill-story-container":"pill-chip-image"]),style:S})})}),[]);return a===h.STORY?t("div",e({className:c(g,x["pill-story-container"]),style:_,onClick:d},{children:[T(),w()]})):t("div",e({className:c(g,x["pill-chip-container"]),style:s?e(e({},_),P):_,onClick:d},{children:[T(),w()]}))};!function(e){e.PILL_CHIP="PILL_CHIP",e.PILL_STORY="PILL_STORY"}(g||(g={})),o.use([a,d]);var C=function(o){var a,d,c,m,u=o.carouselData,f=o.carouselType,x=o.onItemClick,C=o.styleConfig,S=o.carouselConfig,v=o.defaultSelectedPillIndex,I=r(null!=v?v:0),P=I[0],w=I[1],T=n((function(e,i,l){w(l),e(i,l)}),[]),k=n((function(){return t(l,{children:[u.map((function(l,t){var n=e({pillType:f&&f===g.PILL_STORY?h.STORY:h.CHIPS,pillData:l,isSelected:t==P,pillClickHandler:function(){T(x,l,t)}},null==C?void 0:C.pillStyleConfig);return i(s,e({style:{minWidth:"fit-content"}},{children:i(_,e({},n))}),"slide-".concat(t))}))," "]})}),[P,u]),L={freeMode:null===(a=null==S?void 0:S.isFreeSwipe)||void 0===a||a,slidesPerView:null!==(d=null==S?void 0:S.pillsPerView)&&void 0!==d?d:3.25,spaceBetween:null!==(c=null==S?void 0:S.spaceBetweenPills)&&void 0!==c?c:12,loop:null!==(m=null==S?void 0:S.isInfiniteScroll)&&void 0!==m&&m};return i(l,{children:i(p,e({initialSlide:P,autoplay:!1,pagination:!1,className:y,style:null==C?void 0:C.carouselStyleConfig},L,{children:k()}))})};export{g as CarouselType,C as PillCarousel,h as PillType};
2
+ //# sourceMappingURL=ct-platform-pill-carousel.esm.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ct-platform-pill-carousel.esm.js","sources":["../../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js","../packages/components/PillCarousel/src/Pill/Pill.types.ts","../packages/components/PillCarousel/src/Pill/index.tsx","../packages/components/PillCarousel/src/PillCarousel.types.ts","../packages/components/PillCarousel/src/PillCarousel.tsx"],"sourcesContent":["function styleInject(css, ref) {\n if ( ref === void 0 ) ref = {};\n var insertAt = ref.insertAt;\n\n if (!css || typeof document === 'undefined') { return; }\n\n var head = document.head || document.getElementsByTagName('head')[0];\n var style = document.createElement('style');\n style.type = 'text/css';\n\n if (insertAt === 'top') {\n if (head.firstChild) {\n head.insertBefore(style, head.firstChild);\n } else {\n head.appendChild(style);\n }\n } else {\n head.appendChild(style);\n }\n\n if (style.styleSheet) {\n style.styleSheet.cssText = css;\n } else {\n style.appendChild(document.createTextNode(css));\n }\n}\n\nexport default styleInject;\n",null,null,null,null],"names":["styleInject","css","ref","insertAt","document","head","getElementsByTagName","style","createElement","type","firstChild","insertBefore","appendChild","styleSheet","cssText","createTextNode","PillType","CarouselType","Pill","_a","pillData","pillType","pillClickHandler","isSelected","selectedPillStyles","textClass","imageClass","pillContainerClass","pillContainerStyles","textStyles","imageStyles","renderCustomLabel","renderCustomImage","selectedPillStyle","__assign","border","backgroundColor","renderPillLabel","useCallback","text","_jsx","Typography","variant","TypographyVariant","B2","className","classNames","styles","children","_Fragment","renderImage","imageUrl","src","STORY","_jsxs","onClick","SwiperCore","use","Autoplay","Pagination","PillCarousel","carouselData","carouselType","onItemClick","styleConfig","carouselConfig","defaultSelectedPillIndex","_f","useState","selectedIndex","setSelectedIndex","onPillClick","index","renderSlides","map","args","PILL_STORY","CHIPS","pillStyleConfig","SwiperSlide","minWidth","carouselConf","freeMode","_b","isFreeSwipe","slidesPerView","_c","pillsPerView","spaceBetween","_d","spaceBetweenPills","loop","_e","isInfiniteScroll","Swiper","initialSlide","autoplay","pagination","carouselStyleConfig"],"mappings":"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","x_google_ignoreList":[0]}
package/dist/index.css ADDED
@@ -0,0 +1 @@
1
+ @font-face{font-family:swiper-icons;font-style:normal;font-weight:400;src:url("data:application/font-woff;charset=utf-8;base64, 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") format("woff")}:root{--swiper-theme-color:#007aff}.swiper-container{list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-container-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:content-box;display:flex;height:100%;position:relative;transition-property:transform;width:100%;z-index:1}.swiper-container-android .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.swiper-container-multirow-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-container-pointer-events{touch-action:pan-y}.swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-container-3d{perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.swiper-container-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.css","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}
@@ -0,0 +1,4 @@
1
+ export { default as PillCarousel } from './PillCarousel';
2
+ export * from './PillCarousel.types';
3
+ export * from './Pill/Pill.types';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../packages/components/PillCarousel/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC"}
package/package.json ADDED
@@ -0,0 +1,29 @@
1
+ {
2
+ "name": "@cleartrip/ct-platform-pill-carousel",
3
+ "version": "0.0.1",
4
+ "description": "PillCarousel Component",
5
+ "types": "dist/index.d.ts",
6
+ "main": "dist/ct-platform-pill-carousel.cjs.js",
7
+ "module": "dist/ct-platform-pill-carousel.esm.js",
8
+ "sideEffects": false,
9
+ "files": [
10
+ "dist"
11
+ ],
12
+ "dependencies": {
13
+ "classnames": "^2.5.1",
14
+ "swiper": "6.8.4",
15
+ "@cleartrip/ct-platform-assets": "2.4.0"
16
+ },
17
+ "peerDependencies": {
18
+ "react": ">=16.8.0",
19
+ "react-dom": ">=16.8.0"
20
+ },
21
+ "author": "Cleartrip",
22
+ "license": "ISC",
23
+ "scripts": {
24
+ "test": "echo \"Error: no test specified\" && exit 1",
25
+ "watch-package": "rollup -c -w",
26
+ "build-package": "rollup -c",
27
+ "build-package:clean": "rm -rf dist && rollup -c"
28
+ }
29
+ }