@cleartrip/ct-design-horizontal-scroll 4.0.0-TEST.3 → 5.0.0

package/dist/index.d.ts

@@ -1,4 +1,4 @@
 export { default as HorizontalScroll } from './HorizontalScroll';
-export * from './StyledHorizontalScroll';
-export * from './type';
+export type * from './type';
+export * from './constants';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../packages/components/HorizontalScroll/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,cAAc,0BAA0B,CAAC;AACzC,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../packages/components/HorizontalScroll/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACjE,mBAAmB,QAAQ,CAAC;AAC5B,cAAc,aAAa,CAAC"}

package/dist/index.native.d.ts

@@ -0,0 +1,4 @@
+export { default as HorizontalScroll } from './HorizontalScroll.native';
+export type * from './type';
+export * from './constants';
+//# sourceMappingURL=index.native.d.ts.map

package/dist/index.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../packages/components/HorizontalScroll/src/index.native.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AACxE,mBAAmB,QAAQ,CAAC;AAC5B,cAAc,aAAa,CAAC"}

package/dist/style.d.ts

@@ -0,0 +1,40 @@
+export declare const DEFAULT_LEFT_SHADOW_GRADIENT = "linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%)";
+export declare const DEFAULT_RIGHT_SHADOW_GRADIENT = "linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%)";
+export declare const DEFAULT_SHADOW_WIDTH = "64px";
+declare const staticHorizontalScrollStyles: {
+    nativeContent: {
+        display: "flex";
+        flexDirection: "row";
+        gap: 12;
+    };
+    webScrollWrapper: {
+        display: "flex";
+        whiteSpace: string;
+        overflowX: string;
+        scrollBehavior: string;
+        WebkitTapHighlightColor: string;
+        scrollbarWidth: string;
+        msOverflowStyle: string;
+        '&::-webkit-scrollbar': {
+            display: string;
+        };
+    };
+    webShadowBase: {
+        position: "absolute";
+        top: number;
+        height: "100%";
+        display: "flex";
+        alignItems: "center";
+        zIndex: number;
+    };
+    webLeftShadow: {
+        left: number;
+        justifyContent: "flex-start";
+    };
+    webRightShadow: {
+        right: number;
+        justifyContent: "flex-end";
+    };
+};
+export default staticHorizontalScrollStyles;
+//# sourceMappingURL=style.d.ts.map

package/dist/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../packages/components/HorizontalScroll/src/style.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,4BAA4B,oEAAoE,CAAC;AAO9G,eAAO,MAAM,6BAA6B,qEAAqE,CAAC;AAMhH,eAAO,MAAM,oBAAoB,SAAS,CAAC;AAS3C,QAAA,MAAM,4BAA4B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsD/B,CAAC;AAEJ,eAAe,4BAA4B,CAAC"}

package/dist/type.d.ts

@@ -1,32 +1,26 @@
-import { ReactNode } from 'react';
-import { HorizontallScrollStyleConfigProps } from '@cleartrip/ct-design-types';
-export interface IShadowWidth {
-    left?: string;
-    right?: string;
-}
-export declare enum ARROW_SIZE {
-    SM = "sm",
-    MD = "md",
-    LG = "lg"
+import { Styles, ViewStyle } from '@cleartrip/ct-design-types';
+import { IScrollContainer } from '@cleartrip/ct-design-scroll-container';
+import { ARROW_SIZE } from './constants';
+export interface IHorizontalScroll extends IScrollContainer {
+    children?: React.ReactNode;
+    styleConfig?: {
+        root?: Styles[];
+        childContainer?: Styles[];
+    };
+    width?: number;
+    onIndexChange?: (index: number) => void;
+    currentActiveIndex?: number;
+    pagingEnabled?: boolean;
+    snapToOffsets?: number[];
+    decelerationRate?: number;
+    totalItemsLength?: number;
+    customContentContainerStyle?: ViewStyle;
+    wrapIntersectionObserver?: boolean;
+    arrowSize?: `${ARROW_SIZE}`;
+    shadowGradientStyle?: IShadowGradient;
 }
-export interface IShadowGradientStyle {
+export interface IShadowGradient {
     left: string;
     right: string;
 }
-export interface HorizontallScrollProps {
-    children?: ReactNode;
-    className?: string;
-    showShadow?: boolean;
-    showArrow?: boolean;
-    containerClassname?: string;
-    childrenClassname?: string;
-    shadowWidth?: IShadowWidth;
-    arrowSize?: `${ARROW_SIZE}`;
-    shadowGradientStyle?: IShadowGradientStyle;
-    styleConfig?: HorizontallScrollStyleConfigProps;
-}
-export declare enum ARROW_DIRECTION {
-    LEFT = "LEFT",
-    RIGHT = "RIGHT"
-}
 //# sourceMappingURL=type.d.ts.map

package/dist/type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../packages/components/HorizontalScroll/src/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,iCAAiC,EAAE,MAAM,4BAA4B,CAAC;AAE/E,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,oBAAY,UAAU;IACpB,EAAE,OAAO;IACT,EAAE,OAAO;IACT,EAAE,OAAO;CACV;AAED,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,SAAS,CAAC,EAAE,GAAG,UAAU,EAAE,CAAC;IAC5B,mBAAmB,CAAC,EAAE,oBAAoB,CAAC;IAC3C,WAAW,CAAC,EAAE,iCAAiC,CAAC;CACjD;AAED,oBAAY,eAAe;IACzB,IAAI,SAAS;IACb,KAAK,UAAU;CAChB"}
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../packages/components/HorizontalScroll/src/type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAEzC,MAAM,WAAW,iBAAkB,SAAQ,gBAAgB;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAI3B,WAAW,CAAC,EAAE;QAKZ,IAAI,CAAC,EAAE,MAAM,EAAE,CAAC;QAIhB,cAAc,CAAC,EAAE,MAAM,EAAE,CAAC;KAC3B,CAAC;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IAIf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAIxC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAI5B,aAAa,CAAC,EAAE,OAAO,CAAC;IAIxB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IAIzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAI1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAI1B,2BAA2B,CAAC,EAAE,SAAS,CAAC;IAIxC,wBAAwB,CAAC,EAAE,OAAO,CAAC;IAKnC,SAAS,CAAC,EAAE,GAAG,UAAU,EAAE,CAAC;IAI5B,mBAAmB,CAAC,EAAE,eAAe,CAAC;CACvC;AACD,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf"}

package/package.json

@@ -1,34 +1,51 @@
 {
   "name": "@cleartrip/ct-design-horizontal-scroll",
-  "version": "4.0.0-TEST.3",
+  "version": "5.0.0",
   "description": "HorizontalScroll Component",
   "types": "dist/index.d.ts",
-  "main": "dist/ct-design-horizontal-scroll.cjs.js",
+  "main": "./dist/ct-design-horizontal-scroll.cjs.js",
   "jsnext:main": "dist/ct-design-horizontal-scroll.esm.js",
   "module": "dist/ct-design-horizontal-scroll.esm.js",
+  "react-native": "src/index.native.ts",
   "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/ct-design-horizontal-scroll.esm.js",
+      "default": "./dist/ct-design-horizontal-scroll.cjs.js"
+    }
+  },
   "browser": {
     "./dist/ct-design-horizontal-scroll.esm.js": "./dist/ct-design-horizontal-scroll.browser.esm.js",
     "./dist/ct-design-horizontal-scroll.cjs.js": "./dist/ct-design-horizontal-scroll.browser.cjs.js"
   },
   "files": [
-    "dist"
+    "dist",
+    "src"
   ],
   "dependencies": {
-    "@cleartrip/ct-design-common-utils": "4.0.0-TEST.3",
-    "@cleartrip/ct-design-icons": "39.0.0-TEST.3",
-    "@cleartrip/ct-design-theme": "3.20.0",
-    "@cleartrip/ct-design-container": "3.20.0",
-    "@cleartrip/ct-design-use-merge-refs": "3.20.0"
+    "@cleartrip/ct-design-common-utils": "5.0.0",
+    "@cleartrip/ct-design-container": "5.0.0",
+    "@cleartrip/ct-design-scroll-container": "5.0.0",
+    "@cleartrip/ct-design-style-manager": "5.0.0",
+    "@cleartrip/ct-design-icons": "5.0.0",
+    "@cleartrip/ct-design-theme": "5.0.0",
+    "@cleartrip/ct-design-use-merge-refs": "5.0.0",
+    "@cleartrip/ct-design-intersection-observer": "5.0.0",
+    "@cleartrip/ct-design-tooltip": "5.0.0"
   },
   "devDependencies": {
-    "@cleartrip/ct-design-types": "3.20.0",
-    "@cleartrip/ct-design-tooltip-v2": "4.0.0-TEST.3"
+    "@cleartrip/ct-design-types": "5.0.0"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
-    "styled-components": "^5.3.6"
+    "react-native": ">=0.68.0"
+  },
+  "peerDependenciesMeta": {
+    "react-native": {
+      "optional": true
+    }
   },
   "publishConfig": {
     "access": "public"
@@ -39,6 +56,8 @@
     "test": "echo \"Error: no test specified\" && exit 1",
     "watch-package": "rollup -c -w",
     "build-package": "rollup -c",
-    "build-package:clean": "rm -rf dist && rollup -c"
+    "build-package:clean": "rm -rf dist && rollup -c",
+    "publish-package:local": "yalc publish --no-scripts",
+    "publish-package:local:registry": "pnpm publish --registry http://localhost:4873 --no-git-checks --access public"
   }
 }

package/src/HorizontalScroll.native.tsx

@@ -0,0 +1,80 @@
+import { forwardRef, useState } from 'react';
+
+import { IntersectionObserver } from '@cleartrip/ct-design-intersection-observer';
+import { ScrollContainer, ScrollContainerRef } from '@cleartrip/ct-design-scroll-container';
+import { IHorizontalScroll } from './type';
+import staticHorizontalScrollStyles from './style';
+
+/**
+ * Native implementation of HorizontalScroll.
+ *
+ * Migrated from yagami (aldenui) per `Migration.MD`:
+ *   - Public prop contract lives in a single shared `./type`.
+ *   - Static row layout (`flexDirection: 'row'` + theme gap) comes
+ *     from the shared `staticHorizontalScrollStyles.nativeContent`
+ *     slot in `./style`.
+ *   - Wraps `ScrollContainer` inside an `IntersectionObserver`
+ *     (threshold `0.5`) so `ScrollContainer` can pause its internal
+ *     work when the scroller isn't on screen. The `wrapIntersectionObserver`
+ *     prop lets callers opt out when they're already orchestrating
+ *     visibility externally.
+ */
+const HorizontalScroll = forwardRef<ScrollContainerRef, IHorizontalScroll>(
+  (
+    {
+      children,
+      styleConfig,
+      width,
+      onIndexChange,
+      currentActiveIndex,
+      snapToOffsets,
+      pagingEnabled = false,
+      totalItemsLength,
+      customContentContainerStyle,
+      wrapIntersectionObserver = true,
+      ...rest
+    },
+    ref,
+  ) => {
+    const { childContainer = [] } = styleConfig || { childContainer: [] };
+    const [isVisible, setIsVisible] = useState(false);
+
+    const contentContainerStyle = customContentContainerStyle
+      ? [customContentContainerStyle, ...childContainer]
+      : [staticHorizontalScrollStyles.nativeContent, ...childContainer];
+
+    return (
+      <IntersectionObserver
+        wrapped={wrapIntersectionObserver}
+        onIntersection={() => {
+          setIsVisible(true);
+        }}
+        onIntersectionComplete={() => {
+          setIsVisible(false);
+        }}
+        threshold={[0.5]}
+      >
+        <ScrollContainer
+          horizontal
+          ref={ref}
+          showsHorizontalScrollIndicator={false}
+          contentContainerStyle={contentContainerStyle}
+          width={width}
+          onIndexChange={onIndexChange}
+          currentActiveIndex={currentActiveIndex}
+          pagingEnabled={pagingEnabled}
+          snapToOffsets={snapToOffsets}
+          totalItemsLength={totalItemsLength}
+          isVisible={isVisible}
+          {...rest}
+        >
+          {children}
+        </ScrollContainer>
+      </IntersectionObserver>
+    );
+  },
+);
+
+HorizontalScroll.displayName = 'HorizontalScroll';
+
+export default HorizontalScroll;

package/src/HorizontalScroll.tsx

@@ -0,0 +1,62 @@
+import { forwardRef, useRef } from 'react';
+
+import { css } from '@emotion/css';
+import { Container } from '@cleartrip/ct-design-container';
+import { IHorizontalScroll } from './type';
+import useMergeRefs from '@cleartrip/ct-design-use-merge-refs';
+import { useWebMergeStyles } from '@cleartrip/ct-design-style-manager';
+import { ScrollContainerRef } from '@cleartrip/ct-design-scroll-container';
+
+// todo @raghav to revisit this
+
+const horizontalScrollStyles = css`
+  display: flex;
+  white-space: no-wrap;
+  overflow-x: auto;
+  scroll-behavior: smooth;
+  -webkit-tap-highlight-color: transparent;
+  scrollbar-width: none; /* Firefox */
+  -ms-overflow-style: none; /* Internet Explorer 10+ */
+
+  &::-webkit-scrollbar {
+    /* WebKit */
+    display: none;
+  }
+`;
+
+const HorizontalScroll = forwardRef<ScrollContainerRef, IHorizontalScroll>(
+  ({ children, styleConfig = {}, onScroll }, forwardRef) => {
+    const { root, childContainer } = styleConfig;
+
+    const horizontalScrollRef = useRef<HTMLDivElement>(null);
+    const parentContainerRef = useRef<HTMLDivElement>(null);
+    const childContainerRef = useRef<HTMLElement>(null);
+    const combinedParentContainerRef = useMergeRefs(parentContainerRef, forwardRef);
+    const combinedParenAndChildContainerRef = useMergeRefs(parentContainerRef, childContainerRef);
+
+    const rootStyles = useWebMergeStyles([...(root || []), horizontalScrollStyles], [root]);
+
+    const handleScroll = (event: React.UIEvent<HTMLDivElement>) => {
+      onScroll?.({
+        nativeEvent: {
+          contentOffset: { x: event.currentTarget.scrollLeft, y: event.currentTarget.scrollTop },
+          layoutMeasurement: { height: event.currentTarget.clientHeight, width: event.currentTarget.clientWidth },
+          contentSize: { height: event.currentTarget.scrollHeight, width: event.currentTarget.scrollWidth },
+        },
+      });
+    };
+
+    return (
+      <div ref={horizontalScrollRef} onScroll={handleScroll}>
+        <div ref={combinedParentContainerRef} className={rootStyles}>
+          <Container styleConfig={{ root: childContainer }} ref={combinedParenAndChildContainerRef}>
+            {children}
+          </Container>
+        </div>
+      </div>
+    );
+  },
+);
+
+HorizontalScroll.displayName = 'HorizontalScroll';
+export default HorizontalScroll;

package/src/constants.ts

@@ -0,0 +1,10 @@
+export enum ARROW_DIRECTION {
+  LEFT = 'LEFT',
+  RIGHT = 'RIGHT',
+}
+
+export enum ARROW_SIZE {
+  SM = 'sm',
+  MD = 'md',
+  LG = 'lg',
+}

package/src/index.native.ts

@@ -0,0 +1,3 @@
+export { default as HorizontalScroll } from './HorizontalScroll.native';
+export type * from './type';
+export * from './constants';

package/src/index.ts

@@ -0,0 +1,3 @@
+export { default as HorizontalScroll } from './HorizontalScroll';
+export type * from './type';
+export * from './constants';

package/src/style.ts

@@ -0,0 +1,86 @@
+import { makeStyles } from '@cleartrip/ct-design-style-manager';
+
+/**
+ * Default fade-out gradient for the left edge shadow when the caller
+ * hasn't supplied `shadowGradientStyle.left`.
+ * @web
+ */
+export const DEFAULT_LEFT_SHADOW_GRADIENT = 'linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%)';
+
+/**
+ * Default fade-out gradient for the right edge shadow when the caller
+ * hasn't supplied `shadowGradientStyle.right`.
+ * @web
+ */
+export const DEFAULT_RIGHT_SHADOW_GRADIENT = 'linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%)';
+
+/**
+ * Default horizontal extent of the shadow overlays on either side.
+ * @web
+ */
+export const DEFAULT_SHADOW_WIDTH = '64px';
+
+/**
+ * Static, theme-independent styles shared by the HorizontalScroll
+ * web and native implementations. The keys prefixed `native*` are
+ * only consumed by `HorizontalScroll.native.tsx`; `web*` keys and
+ * the shared layout keys are consumed by `HorizontalScroll.tsx` via
+ * `useWebMergeStyles`.
+ */
+const staticHorizontalScrollStyles = makeStyles((theme) => ({
+  /**
+   * Native content-container default: horizontal row with
+   * theme-driven gap so siblings fall into a horizontal flow.
+   */
+  nativeContent: {
+    display: 'flex',
+    flexDirection: 'row',
+    gap: theme?.spacing[3],
+  },
+  /**
+   * Web scroll viewport. Hides the native scrollbar across all
+   * engines and enables smooth horizontal scroll. Nested selector
+   * is processed by emotion under the hood.
+   */
+  webScrollWrapper: {
+    display: 'flex',
+    whiteSpace: 'nowrap',
+    overflowX: 'auto',
+    scrollBehavior: 'smooth',
+    WebkitTapHighlightColor: 'transparent',
+    scrollbarWidth: 'none',
+    msOverflowStyle: 'none',
+    '&::-webkit-scrollbar': {
+      display: 'none',
+    },
+  },
+  /**
+   * Shared layout for the edge shadow overlays on web. Dynamic
+   * width + gradient are applied on top via useStyles in the
+   * component.
+   */
+  webShadowBase: {
+    position: 'absolute',
+    top: 0,
+    height: '100%',
+    display: 'flex',
+    alignItems: 'center',
+    zIndex: 10,
+  },
+  /**
+   * Left-shadow-specific overrides layered over `webShadowBase`.
+   */
+  webLeftShadow: {
+    left: 0,
+    justifyContent: 'flex-start',
+  },
+  /**
+   * Right-shadow-specific overrides layered over `webShadowBase`.
+   */
+  webRightShadow: {
+    right: 0,
+    justifyContent: 'flex-end',
+  },
+}));
+
+export default staticHorizontalScrollStyles;

package/src/type.ts

@@ -0,0 +1,67 @@
+import { Styles, ViewStyle } from '@cleartrip/ct-design-types';
+import { IScrollContainer } from '@cleartrip/ct-design-scroll-container';
+import { ARROW_SIZE } from './constants';
+
+export interface IHorizontalScroll extends IScrollContainer {
+  children?: React.ReactNode;
+  /**
+   * Style configuration for Horizontal Scroll component
+   */
+  styleConfig?: {
+    /**
+     * Style configuration for root container for Horizonatal Scroll
+     * !NOTE: This works only in case of web
+     */
+    root?: Styles[];
+    /**
+     * Style configuration for child container for Horizonatal Scroll
+     */
+    childContainer?: Styles[];
+  };
+  width?: number; // Fixed width of each child container
+  /**
+   * @description Triggers when index changes
+   */
+  onIndexChange?: (index: number) => void; // Triggers when index changes
+  /**
+   * @description Current active index
+   */
+  currentActiveIndex?: number;
+  /**
+   * @description Paging enabled
+   */
+  pagingEnabled?: boolean;
+  /**
+   * @description Snap to offsets
+   */
+  snapToOffsets?: number[];
+  /**
+   * @description Deceleration rate
+   */
+  decelerationRate?: number;
+  /**
+   * @description Total items length
+   */
+  totalItemsLength?: number;
+  /**
+   * @description Custom content container style
+   */
+  customContentContainerStyle?: ViewStyle;
+  /**
+   * @description Wrap intersection observer
+   */
+  wrapIntersectionObserver?: boolean;
+
+  /**
+   * @description Arrow size
+   */
+  arrowSize?: `${ARROW_SIZE}`;
+  /**
+   * @description Shadow gradient style
+   */
+  shadowGradientStyle?: IShadowGradient;
+}
+export interface IShadowGradient {
+  left: string;
+  right: string;
+}

package/dist/StyledHorizontalScroll/StyledHorizontalScroll.d.ts

@@ -1,6 +0,0 @@
-import { CSSProperties } from 'styled-components';
-declare const StyledHorizontalScroll: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
-    css?: CSSProperties | undefined;
-}, never>;
-export default StyledHorizontalScroll;
-//# sourceMappingURL=StyledHorizontalScroll.d.ts.map

package/dist/StyledHorizontalScroll/StyledHorizontalScroll.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StyledHorizontalScroll.d.ts","sourceRoot":"","sources":["../../packages/components/HorizontalScroll/src/StyledHorizontalScroll/StyledHorizontalScroll.tsx"],"names":[],"mappings":"AAAA,OAAe,EAAc,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEtE,QAAA,MAAM,sBAAsB;;SAkB3B,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/dist/StyledHorizontalScroll/index.d.ts

@@ -1,2 +0,0 @@
-export { default as StyledHorizontalScroll } from './StyledHorizontalScroll';
-//# sourceMappingURL=index.d.ts.map

package/dist/StyledHorizontalScroll/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/components/HorizontalScroll/src/StyledHorizontalScroll/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/StyledLeftShadow/StyledLeftShadow.d.ts

@@ -1,11 +0,0 @@
-import { CSSProperties } from "styled-components";
-import { IShadowGradientStyle } from '../type';
-export interface StyledLeftShadowProps {
-    width?: string;
-    shadowGradientStyle?: IShadowGradientStyle;
-}
-declare const StyledLeftShadow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledLeftShadowProps & {
-    css?: CSSProperties | undefined;
-}, never>;
-export default StyledLeftShadow;
-//# sourceMappingURL=StyledLeftShadow.d.ts.map

package/dist/StyledLeftShadow/StyledLeftShadow.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StyledLeftShadow.d.ts","sourceRoot":"","sources":["../../packages/components/HorizontalScroll/src/StyledLeftShadow/StyledLeftShadow.tsx"],"names":[],"mappings":"AAAA,OAAe,EAAc,aAAa,EAAE,MAAO,mBAAmB,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAG/C,MAAM,WAAW,qBAAqB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IAClB,mBAAmB,CAAC,EAAE,oBAAoB,CAAC;CAC3C;AAED,QAAA,MAAM,gBAAgB;;SAiBrB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/StyledLeftShadow/index.d.ts

@@ -1,2 +0,0 @@
-export { default as StyledLeftShadow } from './StyledLeftShadow';
-//# sourceMappingURL=index.d.ts.map

package/dist/StyledLeftShadow/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/components/HorizontalScroll/src/StyledLeftShadow/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}

package/dist/StyledRightShadow/StyledRightShadow.d.ts

@@ -1,11 +0,0 @@
-import { CSSProperties } from 'styled-components';
-import { IShadowGradientStyle } from '../type';
-export interface StyledRightShadowProps {
-    width?: string;
-    shadowGradientStyle?: IShadowGradientStyle;
-}
-declare const StyledRightShadow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, StyledRightShadowProps & {
-    css?: CSSProperties | undefined;
-}, never>;
-export default StyledRightShadow;
-//# sourceMappingURL=StyledRightShadow.d.ts.map

package/dist/StyledRightShadow/StyledRightShadow.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"StyledRightShadow.d.ts","sourceRoot":"","sources":["../../packages/components/HorizontalScroll/src/StyledRightShadow/StyledRightShadow.tsx"],"names":[],"mappings":"AAAA,OAAe,EAAe,aAAa,EAAE,MAAM,mBAAmB,CAAC;AACvE,OAAO,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAE/C,MAAM,WAAW,sBAAsB;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,mBAAmB,CAAC,EAAE,oBAAoB,CAAC;CAC3C;AAED,QAAA,MAAM,iBAAiB;;SAiBtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/StyledRightShadow/index.d.ts

@@ -1,2 +0,0 @@
-export { default as StyledRightShadow } from './StyledRightShadow';
-//# sourceMappingURL=index.d.ts.map

package/dist/StyledRightShadow/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../packages/components/HorizontalScroll/src/StyledRightShadow/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}