@trilogy-ds/react 0.0.1-beta-1 → 0.0.1-beta-3

package/lib/components/slice/list/SliceList.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { SliceListProps } from './SliceListProps';
+/**
+ * Slice List Component
+ * @param className {string} Additionnal CSS Classes
+ * @param children {ReactNode} Children for SliceList (Slice)
+ * @param transparent {boolean} Apply transparent on Slices container
+ * @param selectable {boolean} List of checkable Slice
+ */
+declare const SliceList: ({ children, className, transparent, selectable, ...others }: SliceListProps) => JSX.Element;
+export default SliceList;

package/lib/components/slice/list/SliceList.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { is } from '../../../services/classify';
+import { hashClass } from '../../../helpers';
+import clsx from 'clsx';
+import { useTrilogyContext } from '../../../context';
+/**
+ * Slice List Component
+ * @param className {string} Additionnal CSS Classes
+ * @param children {ReactNode} Children for SliceList (Slice)
+ * @param transparent {boolean} Apply transparent on Slices container
+ * @param selectable {boolean} List of checkable Slice
+ */
+const SliceList = ({ children, className, transparent, selectable, ...others }) => {
+    const { styled } = useTrilogyContext();
+    const classes = hashClass(styled, clsx('slices', transparent && is('transparent'), selectable && 'slice-select', className));
+    return (React.createElement("div", { className: classes, ...others }, children));
+};
+export default SliceList;
+//# sourceMappingURL=SliceList.js.map

package/lib/components/slice/list/SliceList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliceList.js","sourceRoot":"","sources":["../../../../components/slice/list/SliceList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,EAAE,EAAE,MAAM,4BAA4B,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEpD;;;;;;GAMG;AACH,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,MAAM,EAAkB,EAAe,EAAE;IAC7G,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CAAC,QAAQ,EAAE,WAAW,IAAI,EAAE,CAAC,aAAa,CAAC,EAAE,UAAU,IAAI,cAAc,EAAE,SAAS,CAAC,CAC1F,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,OAAO,KAAM,MAAM,IAChC,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}

package/lib/components/slice/list/SliceList.native.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { SliceListProps } from './SliceListProps';
+import { ComponentName } from "../../enumsComponentsName";
+/**
+ * Slice List Component
+ * @param className {string} Additionnal CSS Classes
+ * @param children {ReactNode} Children for SliceList (Slice)
+ */
+declare const SliceList: {
+    ({ children }: SliceListProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default SliceList;

package/lib/components/slice/list/SliceList.native.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { View } from "react-native";
+import { ComponentName } from "../../enumsComponentsName";
+/**
+ * Slice List Component
+ * @param className {string} Additionnal CSS Classes
+ * @param children {ReactNode} Children for SliceList (Slice)
+ */
+const SliceList = ({ children }) => {
+    return (React.createElement(View, null, children));
+};
+SliceList.displayName = ComponentName.SliceList;
+export default SliceList;
+//# sourceMappingURL=SliceList.native.js.map

package/lib/components/slice/list/SliceList.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliceList.native.js","sourceRoot":"","sources":["../../../../components/slice/list/SliceList.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD;;;;GAIG;AACH,MAAM,SAAS,GAAG,CAAC,EAAE,QAAQ,EAAkB,EAAe,EAAE;IAE9D,OAAO,CACL,oBAAC,IAAI,QACF,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,aAAa,CAAC,SAAS,CAAA;AAE/C,eAAe,SAAS,CAAA"}

package/lib/components/slice/list/SliceListProps.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface SliceListProps {
+    children?: React.ReactNode;
+    className?: string;
+    transparent?: boolean;
+    selectable?: boolean;
+}

package/lib/components/slice/list/SliceListProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=SliceListProps.js.map

package/lib/components/slice/list/SliceListProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliceListProps.js","sourceRoot":"","sources":["../../../../components/slice/list/SliceListProps.ts"],"names":[],"mappings":""}

package/lib/components/slice/list/index.d.ts

@@ -0,0 +1,2 @@
+import SliceList from './SliceList';
+export default SliceList;

package/lib/components/slice/list/index.js

@@ -0,0 +1,3 @@
+import SliceList from './SliceList';
+export default SliceList;
+//# sourceMappingURL=index.js.map

package/lib/components/slice/list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/slice/list/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,aAAa,CAAA;AAEnC,eAAe,SAAS,CAAA"}

package/lib/components/slider/Slider.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { SliderProps } from './SliderProps';
+import './utils/slider.js';
+/**
+ * Slider component
+ * @param children {ReactNode} Slider child
+ * @param doted {boolean} slide dot
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal css classes
+ * @param iconClassName {string} Additionnal css classes for Icon
+ * @param motionLess {boolean} Disable behaviour on desktop
+ * @param autoSlideDelay {number} Auto-slide delay in MS
+ * @param invertedDoted {boolean} Inverted dots color
+ * @param progressBar {boolean} Show Progress bars
+ * @param arrowsOut {boolean} Slider arrows outside
+ * @param arrowSize {IconSize} Icon Arrows Sizes
+ * - -------------------------- NATIVE PROPERTIES -------------------------------
+ * @param showNextSlide {boolean} show next slide
+ * @param contentSize {number} size of slide
+ */
+declare const Slider: ({ className, iconClassName, children, motionLess, doted, autoSlideDelay, invertedDoted, progressBar, bars, isBarsOut, arrowsOut, arrowSize, ...others }: SliderProps) => JSX.Element;
+export default Slider;

package/lib/components/slider/Slider.js

@@ -0,0 +1,44 @@
+import React from 'react';
+import clsx from 'clsx';
+import { Columns } from '../columns';
+import { Icon, IconName, IconSize } from '../icon';
+import { is, has } from '../../services';
+import { hashClass } from '../../helpers';
+import { Spacer, SpacerSize } from '../spacer';
+import { useTrilogyContext } from '../../context';
+import './utils/slider.js';
+/**
+ * Slider component
+ * @param children {ReactNode} Slider child
+ * @param doted {boolean} slide dot
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additionnal css classes
+ * @param iconClassName {string} Additionnal css classes for Icon
+ * @param motionLess {boolean} Disable behaviour on desktop
+ * @param autoSlideDelay {number} Auto-slide delay in MS
+ * @param invertedDoted {boolean} Inverted dots color
+ * @param progressBar {boolean} Show Progress bars
+ * @param arrowsOut {boolean} Slider arrows outside
+ * @param arrowSize {IconSize} Icon Arrows Sizes
+ * - -------------------------- NATIVE PROPERTIES -------------------------------
+ * @param showNextSlide {boolean} show next slide
+ * @param contentSize {number} size of slide
+ */
+const Slider = ({ className, iconClassName, children, motionLess, doted, autoSlideDelay, invertedDoted, progressBar, bars, isBarsOut, arrowsOut, arrowSize, ...others }) => {
+    const { styled } = useTrilogyContext();
+    const classes = hashClass(styled, clsx(motionLess && is('motionless-desktop'), className));
+    const iconSliderClasses = `${has('background-white')} ${has('text-secondary')} ${is('circled')} ${iconClassName && iconClassName}`;
+    return (React.createElement("div", { className: classes, "data-slider": true, ...others },
+        React.createElement("div", { "data-slider-duration": autoSlideDelay || 0 }),
+        React.createElement(Columns, { className: arrowsOut ? 'is-variable is-10' : '', mobile: true, "data-slides-container": true },
+            !motionLess && (React.createElement(Icon, { style: { left: arrowsOut ? 0 : '3rem' }, "data-slider-prev": true, size: arrowSize || IconSize.MEDIUM, className: iconSliderClasses, name: IconName.ARROW_LEFT })),
+            children,
+            !motionLess && (React.createElement(Icon, { style: { right: arrowsOut ? 0 : '3rem' }, "data-slider-next": true, size: arrowSize || IconSize.MEDIUM, className: iconSliderClasses, name: IconName.ARROW_RIGHT }))),
+        doted && !progressBar && (React.createElement("div", { "data-slider-dots": true, className: invertedDoted ? hashClass(styled, clsx(is('inverted'))) : '' })),
+        progressBar && !doted && React.createElement("div", { "data-progress-bar-container": true }),
+        bars && !doted && (React.createElement(React.Fragment, null,
+            React.createElement("div", { "data-slider-bars": true, className: isBarsOut ? hashClass(styled, clsx('is-outside')) : '' }),
+            React.createElement(Spacer, { size: SpacerSize.HUGE })))));
+};
+export default Slider;
+//# sourceMappingURL=Slider.js.map

package/lib/components/slider/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../../components/slider/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClD,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,mBAAmB,CAAA;AAE1B;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,MAAM,GAAG,CAAC,EACd,SAAS,EACT,aAAa,EACb,QAAQ,EACR,UAAU,EACV,KAAK,EACL,cAAc,EACd,aAAa,EACb,WAAW,EACX,IAAI,EACJ,SAAS,EACT,SAAS,EACT,SAAS,EACT,GAAG,MAAM,EACG,EAAe,EAAE;IAC7B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,UAAU,IAAI,EAAE,CAAC,oBAAoB,CAAC,EAAE,SAAS,CAAC,CAAC,CAAA;IAC1F,MAAM,iBAAiB,GAAG,GAAG,GAAG,CAAC,kBAAkB,CAAC,IAAI,GAAG,CAAC,gBAAgB,CAAC,IAAI,EAAE,CAAC,SAAS,CAAC,IAC5F,aAAa,IAAI,aACnB,EAAE,CAAA;IAEF,OAAO,CACL,6BAAK,SAAS,EAAE,OAAO,0BAAkB,MAAM;QAC7C,qDAA2B,cAAc,IAAI,CAAC,GAAI;QAClD,oBAAC,OAAO,IAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,EAAE,MAAM;YAC7D,CAAC,UAAU,IAAI,CACd,oBAAC,IAAI,IACH,KAAK,EAAE,EAAE,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,4BAEvC,IAAI,EAAE,SAAS,IAAI,QAAQ,CAAC,MAAM,EAClC,SAAS,EAAE,iBAAiB,EAC5B,IAAI,EAAE,QAAQ,CAAC,UAAU,GACzB,CACH;YACA,QAAQ;YACR,CAAC,UAAU,IAAI,CACd,oBAAC,IAAI,IACH,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,4BAExC,IAAI,EAAE,SAAS,IAAI,QAAQ,CAAC,MAAM,EAClC,SAAS,EAAE,iBAAiB,EAC5B,IAAI,EAAE,QAAQ,CAAC,WAAW,GAC1B,CACH,CACO;QACT,KAAK,IAAI,CAAC,WAAW,IAAI,CACxB,uDAAsB,SAAS,EAAE,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,GAAI,CAClG;QACA,WAAW,IAAI,CAAC,KAAK,IAAI,mEAAmC;QAC5D,IAAI,IAAI,CAAC,KAAK,IAAI,CACjB;YACE,uDAAsB,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,GAAI;YAC3F,oBAAC,MAAM,IAAC,IAAI,EAAE,UAAU,CAAC,IAAI,GAAI,CAChC,CACJ,CACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}

package/lib/components/slider/Slider.native.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { SliderProps } from './SliderProps';
+import { ComponentName } from '../enumsComponentsName';
+/**
+ * Slider component
+ * @param children {ReactNode} Slider child
+ * @param doted {boolean} slide dot
+ * @param showNextSlide {boolean} show next slide
+ * @param contentSize {number} size of slide
+ * @param testId
+ * @param accessibilityLabel
+ * @param progressBar
+ * @param bars
+ * @param others
+ */
+declare const Slider: {
+    ({ children, doted, showNextSlide, contentSize, testId, accessibilityLabel, progressBar, bars, ...others }: SliderProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default Slider;

package/lib/components/slider/Slider.native.js

@@ -0,0 +1,123 @@
+/* eslint-disable indent */
+import React, { useRef, useState } from 'react';
+import { StyleSheet, Dimensions, Text, View, Platform, ScrollView } from 'react-native';
+import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
+import { Spacer, SpacerSize } from '../spacer';
+import { ComponentName } from '../enumsComponentsName';
+const { width } = Dimensions.get('screen');
+// const height = (width.width * 100) / 60 // 60%
+/**
+ * Slider component
+ * @param children {ReactNode} Slider child
+ * @param doted {boolean} slide dot
+ * @param showNextSlide {boolean} show next slide
+ * @param contentSize {number} size of slide
+ * @param testId
+ * @param accessibilityLabel
+ * @param progressBar
+ * @param bars
+ * @param others
+ */
+const Slider = ({ children, doted, showNextSlide, contentSize, testId, accessibilityLabel, progressBar, bars, ...others }) => {
+    const [activeItem, setActiveItem] = useState(0);
+    const [height, setHeight] = useState(0);
+    const contentWidth = contentSize ? contentSize : showNextSlide ? width * 0.85 : width;
+    const showNextSlideValue = showNextSlide ? 4 : 0;
+    const styles = StyleSheet.create({
+        content: {
+            width: contentWidth,
+            resizeMode: 'cover',
+            padding: showNextSlideValue,
+            height: '100%',
+        },
+        dots: {
+            flexDirection: 'row',
+            position: 'absolute',
+            bottom: doted ? -24 : -12,
+            alignSelf: 'center',
+            fontSize: 30,
+            justifyContent: 'center',
+            alignItems: 'center',
+            marginLeft: 50,
+        },
+        textDots: {
+            color: '#C2C2C2',
+            fontSize: 30,
+        },
+        activeTextDot: {
+            color: getColorStyle(TrilogyColor.SECONDARY),
+            fontSize: 30,
+        },
+        progressBar: {
+            backgroundColor: '#C2C2C2',
+            fontSize: 30,
+            width: `${90 / React.Children.count(children)}%`,
+            height: 6,
+            borderRadius: 4,
+            borderWidth: 1,
+            borderColor: '#C2C2C2',
+            overflow: 'hidden',
+        },
+        activeProgressBar: {
+            backgroundColor: getColorStyle(TrilogyColor.SECONDARY),
+            fontSize: 30,
+            width: `${100 / React.Children.count(children)}%`,
+            height: 6,
+            borderRadius: 4,
+            borderWidth: 1,
+            borderColor: getColorStyle(TrilogyColor.SECONDARY),
+            overflow: 'hidden',
+        },
+    });
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    const changeHandler = ({ nativeEvent }) => {
+        if (nativeEvent.layoutMeasurement.width === 0)
+            return;
+        const slide = Math.ceil(nativeEvent.contentOffset.x / nativeEvent.layoutMeasurement.width);
+        if (slide !== activeItem) {
+            setActiveItem(slide);
+        }
+    };
+    const scrollViewRef = useRef(null);
+    const SPACING_FOR_CARD_INSET = showNextSlide ? 24 : 0;
+    const getStyles = (dot, progressBar, bar, index) => {
+        if (dot) {
+            if (index === activeItem)
+                return styles.activeTextDot;
+            return styles.textDots;
+        }
+        if (bar || progressBar) {
+            if (index === activeItem)
+                return { ...styles.activeProgressBar, marginRight: 8 };
+            return { ...styles.progressBar, marginRight: 8 };
+        }
+    };
+    return (React.createElement(View, { style: { height: height }, ...others, testID: testId, accessibilityLabel: accessibilityLabel, accessible: !!accessibilityLabel },
+        React.createElement(ScrollView, { style: { position: 'absolute', alignSelf: 'center', width: width }, onScroll: changeHandler, snapToInterval: contentWidth, pagingEnabled: true, decelerationRate: 0, scrollEventThrottle: 0, showsHorizontalScrollIndicator: false, snapToAlignment: 'center', onLayout: (e) => {
+                var _a;
+                (_a = scrollViewRef === null || scrollViewRef === void 0 ? void 0 : scrollViewRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo({ x: -SPACING_FOR_CARD_INSET, animated: false });
+                setHeight(e.nativeEvent.layout.height);
+            }, ref: scrollViewRef, contentInset: {
+                // iOS ONLY
+                top: 0,
+                left: SPACING_FOR_CARD_INSET,
+                bottom: 0,
+                right: SPACING_FOR_CARD_INSET, // Right spacing for the very last card
+            }, contentContainerStyle: {
+                // contentInset alternative for Android
+                paddingHorizontal: Platform.OS === 'android' ? SPACING_FOR_CARD_INSET : 0, // Horizontal spacing before and after the ScrollView
+            }, horizontal: true }, children
+            ? // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                React.Children.map(children, (child) => React.cloneElement(child, {
+                    style: [styles.content, child.props.style],
+                }))
+            : children),
+        (progressBar || doted || bars) && (React.createElement(View, { style: styles.dots },
+            children
+                ? React.Children.map(children, (_child, index) => (React.createElement(Text, { key: index, style: getStyles(doted, progressBar, bars, index) }, doted && '•')))
+                : children,
+            React.createElement(Spacer, { size: SpacerSize.HUGE })))));
+};
+Slider.displayName = ComponentName.Slider;
+export default Slider;
+//# sourceMappingURL=Slider.native.js.map

package/lib/components/slider/Slider.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.native.js","sourceRoot":"","sources":["../../../components/slider/Slider.native.tsx"],"names":[],"mappings":"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"}

package/lib/components/slider/SliderEnum.d.ts

@@ -0,0 +1,9 @@
+/**
+ * ContentSize
+ */
+export declare enum ContentSize {
+    SMALL = 100,
+    MEDIUM = 150,
+    LARGE = 200,
+    HUGE = 300
+}

package/lib/components/slider/SliderEnum.js

@@ -0,0 +1,11 @@
+/**
+ * ContentSize
+ */
+export var ContentSize;
+(function (ContentSize) {
+    ContentSize[ContentSize["SMALL"] = 100] = "SMALL";
+    ContentSize[ContentSize["MEDIUM"] = 150] = "MEDIUM";
+    ContentSize[ContentSize["LARGE"] = 200] = "LARGE";
+    ContentSize[ContentSize["HUGE"] = 300] = "HUGE";
+})(ContentSize || (ContentSize = {}));
+//# sourceMappingURL=SliderEnum.js.map

package/lib/components/slider/SliderEnum.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderEnum.js","sourceRoot":"","sources":["../../../components/slider/SliderEnum.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAN,IAAY,WAKX;AALD,WAAY,WAAW;IACrB,iDAAW,CAAA;IACX,mDAAY,CAAA;IACZ,iDAAW,CAAA;IACX,+CAAU,CAAA;AACZ,CAAC,EALW,WAAW,KAAX,WAAW,QAKtB"}

package/lib/components/slider/SliderProps.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { Small } from '../../objects/facets/Small';
+import { Accessibility, AlertProps, VariantProps } from '../../objects/facets';
+import { Hat } from '../../objects/facets/Hat';
+import { ContentSize } from './SliderEnum';
+import { IconSize, IconSizeValues } from '../icon';
+export interface SliderProps extends Small, VariantProps, AlertProps, Hat, Accessibility {
+    children?: React.ReactNode | number;
+    stretched?: boolean;
+    className?: string;
+    doted?: boolean;
+    invertedDoted?: boolean;
+    iconClassName?: string;
+    motionLess?: boolean;
+    showNextSlide?: boolean;
+    contentSize?: ContentSize;
+    autoSlideDelay?: number;
+    progressBar?: boolean;
+    bars?: boolean;
+    arrowsOut?: boolean;
+    arrowSize?: IconSize | IconSizeValues;
+    isBarsOut?: boolean;
+}

package/lib/components/slider/SliderProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=SliderProps.js.map

package/lib/components/slider/SliderProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderProps.js","sourceRoot":"","sources":["../../../components/slider/SliderProps.ts"],"names":[],"mappings":""}

package/lib/components/slider/index.d.ts

@@ -0,0 +1,4 @@
+import Slider from './Slider';
+import SliderItem from './item/SliderItem';
+import { ContentSize } from './SliderEnum';
+export { Slider, SliderItem, ContentSize };

package/lib/components/slider/index.js

@@ -0,0 +1,5 @@
+import Slider from './Slider';
+import SliderItem from './item/SliderItem';
+import { ContentSize } from './SliderEnum';
+export { Slider, SliderItem, ContentSize };
+//# sourceMappingURL=index.js.map

package/lib/components/slider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/slider/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,UAAU,MAAM,mBAAmB,CAAA;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAE1C,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,CAAA"}

package/lib/components/slider/item/SliderItem.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { SliderItemProps } from './SliderItemProps';
+/**
+ * Slider Item component
+ * @param className {string} Additionnal css classes
+ * @param children {ReactNode} Slider Item child
+ * @param active {boolean} Default active item
+ * @param size {number} Column Item size (1 - 12)
+ */
+declare const SliderItem: ({ children, active, className, size, ...others }: SliderItemProps) => JSX.Element;
+export default SliderItem;

package/lib/components/slider/item/SliderItem.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import clsx from 'clsx';
+import { ColumnsItem } from '../../columns';
+import { is } from '../../../services';
+import { hashClass } from '../../../helpers';
+import { useTrilogyContext } from '../../../context';
+/**
+ * Slider Item component
+ * @param className {string} Additionnal css classes
+ * @param children {ReactNode} Slider Item child
+ * @param active {boolean} Default active item
+ * @param size {number} Column Item size (1 - 12)
+ */
+const SliderItem = ({ children, active, className, size, ...others }) => {
+    const { styled } = useTrilogyContext();
+    const classes = hashClass(styled, clsx(active && is('active'), className));
+    return (React.createElement(ColumnsItem, { size: size || 12, className: classes, ...others, "data-slide": true }, children));
+};
+export default SliderItem;
+//# sourceMappingURL=SliderItem.js.map

package/lib/components/slider/item/SliderItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderItem.js","sourceRoot":"","sources":["../../../../components/slider/item/SliderItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE3C,OAAO,EAAE,EAAE,EAAE,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEpD;;;;;;GAMG;AACH,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,MAAM,EAAmB,EAAe,EAAE;IACpG,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC,CAAC,CAAA;IAE1E,OAAO,CACL,oBAAC,WAAW,IAAC,IAAI,EAAE,IAAI,IAAI,EAAE,EAAE,SAAS,EAAE,OAAO,KAAM,MAAM,wBAC1D,QAAQ,CACG,CACf,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/lib/components/slider/item/SliderItem.native.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { SliderItemProps } from './SliderItemProps';
+import { ComponentName } from '../../enumsComponentsName';
+/**
+ * Slider Item component
+ * @param children {ReactNode} Slider Item child
+ * @param testId
+ * @param accessibilityLabel
+ * @param others
+ */
+declare const SliderItem: {
+    ({ children, testId, accessibilityLabel, ...others }: SliderItemProps): JSX.Element;
+    displayName: ComponentName;
+};
+export default SliderItem;

package/lib/components/slider/item/SliderItem.native.js

@@ -0,0 +1,25 @@
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { ComponentName } from '../../enumsComponentsName';
+/**
+ * Slider Item component
+ * @param children {ReactNode} Slider Item child
+ * @param testId
+ * @param accessibilityLabel
+ * @param others
+ */
+const SliderItem = ({ children, testId, accessibilityLabel, ...others }) => {
+    const styles = StyleSheet.create({
+        height: {
+            height: '100%',
+        },
+    });
+    return (React.createElement(View, { testID: testId, accessibilityLabel: accessibilityLabel, accessible: !!accessibilityLabel, ...others }, 
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    React.Children.map(children, (child) => React.cloneElement(child, {
+        style: [styles.height, child.props.style],
+    }))));
+};
+SliderItem.displayName = ComponentName.SliderItem;
+export default SliderItem;
+//# sourceMappingURL=SliderItem.native.js.map

package/lib/components/slider/item/SliderItem.native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderItem.native.js","sourceRoot":"","sources":["../../../../components/slider/item/SliderItem.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD;;;;;;GAMG;AACH,MAAM,UAAU,GAAG,CAAC,EAClB,QAAQ,EACR,MAAM,EACN,kBAAkB,EAClB,GAAG,MAAM,EACO,EAAe,EAAE;IACjC,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,MAAM,EAAE;YACN,MAAM,EAAE,MAAM;SACf;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,MAAM,EAAE,MAAM,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,UAAU,EAAE,CAAC,CAAC,kBAAkB,KAAM,MAAM;IAEtG,8DAA8D;IAC9D,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAU,EAAE,EAAE,CAC1C,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;QACxB,KAAK,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC;KAC1C,CAAC,CACH,CAEE,CACR,CAAA;AACH,CAAC,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,aAAa,CAAC,UAAU,CAAA;AAEjD,eAAe,UAAU,CAAA"}

package/lib/components/slider/item/SliderItemProps.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { Accessibility } from '../../../objects';
+import { ColumnsSize } from '../../columns/ColumnsTypes';
+/**
+ * Slider Step Interface
+ */
+export interface SliderItemProps extends Accessibility {
+    children?: React.ReactNode;
+    active?: boolean;
+    className?: string;
+    size?: ColumnsSize;
+}

package/lib/components/slider/item/SliderItemProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=SliderItemProps.js.map

package/lib/components/slider/item/SliderItemProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderItemProps.js","sourceRoot":"","sources":["../../../../components/slider/item/SliderItemProps.ts"],"names":[],"mappings":""}

package/lib/components/slider/item/index.d.ts

@@ -0,0 +1,2 @@
+import SliderItem from './SliderItem';
+export default SliderItem;

package/lib/components/slider/item/index.js

@@ -0,0 +1,3 @@
+import SliderItem from './SliderItem';
+export default SliderItem;
+//# sourceMappingURL=index.js.map

package/lib/components/slider/item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/slider/item/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,cAAc,CAAA;AAErC,eAAe,UAAU,CAAA"}