@trilogy-ds/react 0.0.1-beta.9 → 0.0.1-prompt-fix-disabled

package/lib/components/container/Container.native.d.ts

@@ -1,21 +1,9 @@
-/// <reference types="react" />
-import { ContainerProps } from './ContainerProps';
-import { ComponentName } from '../enumsComponentsName';
+import { ContainerProps } from '../../components/container/ContainerProps';
+import React from 'react';
+import { View } from 'react-native';
 /**
- * Container Native Component
- * @param autolayout {boolean} Apply auto-layout rules
- * @param centered {boolean} Center all childrens of container
- * @param verticalCentered {boolean} Align center vertically all content
+ * Container Component
  * @param children {React.ReactNode}
- * @param sticky {StickyPosition} Container sticky top / bottom
- * @param stickyOffSetTop {Number | string} Set top of sticky container
- * @param stickyOffSetBottom {Number | string} Set bottom of sticky container
- * @param background {TrilogyColor} Container sticky Background Color
- * @param pulledRight {Boolean} Container pulled to right
- * @param pulledLeft {Boolean} Container pulled to left
  */
-declare const Container: {
-    ({ children, centered, verticalCentered, paddingless, verticalPaddingless, pulledLeft, pulledRight, background, sticky, stickyOffSetTop, stickyOffSetBottom, ...others }: ContainerProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<View>>;
 export default Container;

package/lib/components/container/Container.native.js

@@ -1,55 +1,25 @@
+import { __assign, __rest } from "tslib";
+import { ComponentName } from '../../components/enumsComponentsName';
+import { SpacerSize } from '../../components/spacer/SpacerEnum';
 import React from 'react';
 import { StyleSheet, View } from 'react-native';
-import { getBackgroundStyle, getColorStyle, TrilogyColor, StickyPosition } from '../../objects';
-import { ComponentName } from '../enumsComponentsName';
 /**
- * Container Native Component
- * @param autolayout {boolean} Apply auto-layout rules
- * @param centered {boolean} Center all childrens of container
- * @param verticalCentered {boolean} Align center vertically all content
+ * Container Component
  * @param children {React.ReactNode}
- * @param sticky {StickyPosition} Container sticky top / bottom
- * @param stickyOffSetTop {Number | string} Set top of sticky container
- * @param stickyOffSetBottom {Number | string} Set bottom of sticky container
- * @param background {TrilogyColor} Container sticky Background Color
- * @param pulledRight {Boolean} Container pulled to right
- * @param pulledLeft {Boolean} Container pulled to left
  */
-const Container = ({ children, centered, verticalCentered, paddingless, verticalPaddingless, pulledLeft, pulledRight, background, sticky, stickyOffSetTop, stickyOffSetBottom, ...others }) => {
-    const styles = StyleSheet.create({
-        container: {
-            width: '100%',
-            paddingTop: paddingless || verticalPaddingless ? 0 : 24,
-            paddingBottom: paddingless || verticalPaddingless ? 0 : 24,
-            paddingRight: paddingless ? 0 : 24,
-            paddingLeft: paddingless ? 0 : 24,
-            alignItems: (centered && 'center') || (pulledLeft && 'flex-start') || (pulledRight && 'flex-end') || 'stretch',
-            justifyContent: verticalCentered ? 'center' : 'flex-start',
-            flex: verticalCentered ? 1 : 0,
-        },
-        stickyTop: {
-            position: 'absolute',
-            backgroundColor: background ? getBackgroundStyle(background) : getColorStyle(TrilogyColor.WHITE),
-            left: 0,
-            right: 0,
-            top: stickyOffSetTop ? stickyOffSetTop : 0,
-            marginTop: 0,
-            zIndex: 999,
-        },
-        stickyBottom: {
-            backgroundColor: background ? getBackgroundStyle(background) : getColorStyle(TrilogyColor.WHITE),
-            width: '100%',
-            position: 'absolute',
-            left: 0,
-            right: 0,
-            bottom: stickyOffSetBottom ? stickyOffSetBottom : 0,
-            zIndex: 999,
-        },
-    });
-    return (React.createElement(View, { style: (sticky === StickyPosition.TOP && styles.stickyTop) ||
-            (sticky === StickyPosition.BOTTOM && styles.stickyBottom) ||
-            styles.container, ...others }, children));
-};
+var Container = React.forwardRef(function (_a, ref) {
+    var children = _a.children, others = __rest(_a, ["children"]);
+    return (React.createElement(View, __assign({ ref: ref, style: styles.container }, others), children));
+});
 Container.displayName = ComponentName.Container;
 export default Container;
-//# sourceMappingURL=Container.native.js.map
+var styles = StyleSheet.create({
+    container: {
+        width: '100%',
+        alignItems: 'stretch',
+        justifyContent: 'flex-start',
+        flex: 0,
+        padding: SpacerSize.FIVE,
+    },
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGFpbmVyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvY29udGFpbmVyL0NvbnRhaW5lci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFDQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGdDQUFnQyxDQUFBO0FBQzNELE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUvQzs7O0dBR0c7QUFDSCxJQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFxQyxVQUFDLEVBQXVCLEVBQUUsR0FBRztJQUExQixJQUFBLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBckIsWUFBdUIsQ0FBRjtJQUMzRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLE1BQU0sQ0FBQyxTQUFTLElBQU0sTUFBTSxHQUNoRCxRQUFRLENBQ0osQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFDL0MsZUFBZSxTQUFTLENBQUE7QUFFeEIsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztJQUMvQixTQUFTLEVBQUU7UUFDVCxLQUFLLEVBQUUsTUFBTTtRQUNiLFVBQVUsRUFBRSxTQUFTO1FBQ3JCLGNBQWMsRUFBRSxZQUFZO1FBQzVCLElBQUksRUFBRSxDQUFDO1FBQ1AsT0FBTyxFQUFFLFVBQVUsQ0FBQyxJQUFJO0tBQ3pCO0NBQ0YsQ0FBQyxDQUFBIn0=

package/lib/components/container/ContainerProps.d.ts

@@ -1,17 +1,10 @@
 /// <reference types="react" />
-import type { Fullwidth, Layout, Paddingless, Position, VerticalPaddingless, BackgroundProps, StickyPositionValues, StickyPosition } from '../../objects';
-/**
- * Container Interface
- */
-export interface ContainerProps extends Layout, Fullwidth, Paddingless, VerticalPaddingless, Position, BackgroundProps {
+import { Dev } from '../../objects/facets/Dev';
+import { CommonProps } from '../../objects/facets/CommonProps';
+import { View } from 'react-native';
+export interface ContainerProps extends CommonProps, Dev {
     children?: React.ReactNode;
-    fluid?: boolean;
-    className?: string;
-    centered?: boolean;
-    verticalCentered?: boolean;
     medium?: boolean;
-    fullwidth?: boolean;
-    sticky?: StickyPosition | StickyPositionValues;
-    stickyOffSetTop?: number;
-    stickyOffSetBottom?: number;
 }
+export type ContainerRef = HTMLDivElement;
+export type ContainerNativeRef = View;

package/lib/components/container/ContainerProps.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=ContainerProps.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGFpbmVyUHJvcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NvbnRhaW5lci9Db250YWluZXJQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/lib/components/container/ContainerPropsDefaults.js

@@ -0,0 +1,45 @@
+export default {
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "medium": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

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

@@ -1,2 +1 @@
-import Container from './Container';
-export { Container };
+export { default as Container } from '../../components/container/Container';

package/lib/components/container/index.js

@@ -1,3 +1,2 @@
-import Container from './Container';
-export { Container };
-//# sourceMappingURL=index.js.map
+export { default as Container } from '../../components/container/Container';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NvbnRhaW5lci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxJQUFJLFNBQVMsRUFBRSxNQUFNLGtDQUFrQyxDQUFBIn0=

package/lib/components/countdown/Countdown.d.ts

@@ -1,15 +1,17 @@
-/// <reference types="react" />
+import React from 'react';
 import { CountdownProps } from './CountdownProps';
 /**
  * Countdown Component
  * @param deadline {Date} Date to reach before the end of the countdown
  * @param format {CountdownFormat} Format of countdown
+ * @param inverted {Boolean} White countdown on darked background
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param event
  * @param small
- * @param centered
  * @param others
+ * - -------------------------- NATIVE PROPERTIES -------------------------------
+ * @param centered
  */
-declare const Countdown: ({ deadline, className, format, event, small, ...others }: CountdownProps) => JSX.Element;
+declare const Countdown: React.ForwardRefExoticComponent<CountdownProps & React.RefAttributes<HTMLUListElement>>;
 export default Countdown;

package/lib/components/countdown/Countdown.js

@@ -1,39 +1,44 @@
-import React, { useState, useEffect } from 'react';
-import { CountdownFormat, CountdownUnite } from './CountdownEnum';
-import clsx from 'clsx';
-import { hashClass } from '../../helpers';
-import { is } from '../../services';
+import { __assign, __read, __rest } from "tslib";
 import { useTrilogyContext } from '../../context';
-const calculateTimer = (timeDifference) => {
-    const seconds = Math.floor((timeDifference / 1000) % 60);
-    const minutes = Math.floor((timeDifference / 1000 / 60) % 60);
-    const hours = Math.floor((timeDifference / (1000 * 60 * 60)) % 24);
-    const days = Math.floor(timeDifference / (1000 * 60 * 60 * 24));
-    return { days, hours, minutes, seconds };
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import { is } from '../../services/classify';
+import clsx from 'clsx';
+import React, { useEffect, useState } from 'react';
+import { ComponentName } from '../enumsComponentsName';
+import { CountdownFormat, CountdownUnite } from './CountdownEnum';
+var calculateTimer = function (timeDifference) {
+    var seconds = Math.floor((timeDifference / 1000) % 60);
+    var minutes = Math.floor((timeDifference / 1000 / 60) % 60);
+    var hours = Math.floor((timeDifference / (1000 * 60 * 60)) % 24);
+    var days = Math.floor(timeDifference / (1000 * 60 * 60 * 24));
+    return { days: days, hours: hours, minutes: minutes, seconds: seconds };
 };
 /**
  * Countdown Component
  * @param deadline {Date} Date to reach before the end of the countdown
  * @param format {CountdownFormat} Format of countdown
+ * @param inverted {Boolean} White countdown on darked background
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param event
  * @param small
- * @param centered
  * @param others
+ * - -------------------------- NATIVE PROPERTIES -------------------------------
+ * @param centered
  */
-const Countdown = ({ deadline, className, format, event, small, ...others }) => {
-    const { styled } = useTrilogyContext();
-    const [timeLeft] = useState(deadline);
-    const initialTimeDifference = deadline.getTime() - new Date().getTime();
-    const initialTimer = calculateTimer(initialTimeDifference);
-    const [timer, setTimer] = useState(initialTimer);
-    const [init, setInit] = useState(false);
-    const show = [timer.days != 0, timer.hours != 0, timer.minutes != 0, timer.seconds != 0];
-    const parsedFormat = format === null || format === void 0 ? void 0 : format.split('-');
-    const classes = hashClass(styled, clsx('countdown', small && is('small'), className));
+var Countdown = React.forwardRef(function (_a, ref) {
+    var deadline = _a.deadline, className = _a.className, id = _a.id, format = _a.format, event = _a.event, small = _a.small, inverted = _a.inverted, testId = _a.testId, others = __rest(_a, ["deadline", "className", "id", "format", "event", "small", "inverted", "testId"]);
+    var styled = useTrilogyContext().styled;
+    var _b = __read(useState(deadline), 1), timeLeft = _b[0];
+    var initialTimeDifference = deadline.getTime() - new Date().getTime();
+    var initialTimer = calculateTimer(initialTimeDifference);
+    var _c = __read(useState(initialTimer), 2), timer = _c[0], setTimer = _c[1];
+    var _d = __read(useState(false), 2), init = _d[0], setInit = _d[1];
+    var show = [timer.days != 0, timer.hours != 0, timer.minutes != 0, timer.seconds != 0];
+    var parsedFormat = format === null || format === void 0 ? void 0 : format.split('-');
+    var classes = hashClass(styled, clsx('countdown', inverted && is('inverted'), small && is('small'), className));
     if (parsedFormat) {
-        parsedFormat.forEach((item) => {
+        parsedFormat.forEach(function (item) {
             switch (item) {
                 case 'dd':
                     show[CountdownUnite.DAY] = true;
@@ -58,9 +63,9 @@ const Countdown = ({ deadline, className, format, event, small, ...others }) =>
         show[CountdownUnite.MIN] = true;
         show[CountdownUnite.SEC] = true;
     }
-    useEffect(() => {
-        setInterval(() => {
-            const difference = timeLeft.getTime() - new Date().getTime();
+    useEffect(function () {
+        setInterval(function () {
+            var difference = timeLeft.getTime() - new Date().getTime();
             if (difference > 0) {
                 switch (format) {
                     case CountdownFormat.DAY:
@@ -100,13 +105,13 @@ const Countdown = ({ deadline, className, format, event, small, ...others }) =>
             setInit(true);
         }, 1000);
     }, [timeLeft, format]);
-    useEffect(() => {
+    useEffect(function () {
         if (timer.days + timer.hours + timer.minutes + timer.seconds === 0 && event && init) {
             event(null);
             setInit(false);
         }
     }, [timer, event, init]);
-    return (React.createElement("ul", { className: classes, ...others },
+    return (React.createElement("ul", __assign({ ref: ref, id: id, className: classes, "data-testid": testId }, others),
         (show[CountdownUnite.DAY] || timer.days != 0) && (React.createElement("li", { className: hashClass(styled, clsx('count')) },
             React.createElement("span", { className: hashClass(styled, clsx('value')) }, timer.days ? timer.days : 0),
             "j")),
@@ -119,6 +124,7 @@ const Countdown = ({ deadline, className, format, event, small, ...others }) =>
         (show[CountdownUnite.SEC] || timer.seconds != 0) && (React.createElement("li", { className: hashClass(styled, clsx('count')) },
             React.createElement("span", { className: hashClass(styled, clsx('value')) }, timer.seconds ? timer.seconds : 0),
             "s"))));
-};
+});
+Countdown.displayName = ComponentName.Countdown;
 export default Countdown;
-//# sourceMappingURL=Countdown.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ291bnRkb3duLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9jb3VudGRvd24vQ291bnRkb3duLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNsRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDdEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxjQUFjLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUdqRSxJQUFNLGNBQWMsR0FBRyxVQUFDLGNBQXNCO0lBQzVDLElBQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUE7SUFDeEQsSUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLGNBQWMsR0FBRyxJQUFJLEdBQUcsRUFBRSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUE7SUFDN0QsSUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLGNBQWMsR0FBRyxDQUFDLElBQUksR0FBRyxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQTtJQUNsRSxJQUFNLElBQUksR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLGNBQWMsR0FBRyxDQUFDLElBQUksR0FBRyxFQUFFLEdBQUcsRUFBRSxHQUFHLEVBQUUsQ0FBQyxDQUFDLENBQUE7SUFFL0QsT0FBTyxFQUFF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

package/lib/components/countdown/Countdown.native.d.ts

@@ -1,17 +1,15 @@
-/// <reference types="react" />
+import React from 'react';
+import { View } from 'react-native';
 import { CountdownProps } from './CountdownProps';
-import { ComponentName } from '../enumsComponentsName';
 /**
  * Countdown Component
  * @param deadline {Date} Date to reach before the end of the countdown
  * @param format {CountdownFormat} Format of countdown
+ * @param inverted {Boolean} White countdown on darked background
  * @param event
  * @param small
  * @param centered
  * @param others
  */
-declare const Countdown: {
-    ({ deadline, format, event, small, centered, ...others }: CountdownProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const Countdown: React.ForwardRefExoticComponent<CountdownProps & React.RefAttributes<View>>;
 export default Countdown;

package/lib/components/countdown/Countdown.native.js

@@ -1,37 +1,43 @@
-import React, { useState, useEffect } from 'react';
-import { StyleSheet, View, Text } from 'react-native';
+import { __assign, __read, __rest } from "tslib";
+import { ComponentName } from '../../components/enumsComponentsName';
+import { Text, TextLevels } from '../../components/text';
 import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
+import React, { useEffect, useState } from 'react';
+import { StyleSheet, View } from 'react-native';
+import { getTypographyBoldStyle, TypographyBold } from '../../objects/Typography';
 import { CountdownFormat, CountdownUnite } from './CountdownEnum';
-import { ComponentName } from '../enumsComponentsName';
-const calculateTimer = (timeDifference) => {
-    const seconds = Math.floor((timeDifference / 1000) % 60);
-    const minutes = Math.floor((timeDifference / 1000 / 60) % 60);
-    const hours = Math.floor((timeDifference / (1000 * 60 * 60)) % 24);
-    const days = Math.floor(timeDifference / (1000 * 60 * 60 * 24));
-    return { days, hours, minutes, seconds };
+var calculateTimer = function (timeDifference) {
+    var seconds = Math.floor((timeDifference / 1000) % 60);
+    var minutes = Math.floor((timeDifference / 1000 / 60) % 60);
+    var hours = Math.floor((timeDifference / (1000 * 60 * 60)) % 24);
+    var days = Math.floor(timeDifference / (1000 * 60 * 60 * 24));
+    return { days: days, hours: hours, minutes: minutes, seconds: seconds };
 };
 /**
  * Countdown Component
  * @param deadline {Date} Date to reach before the end of the countdown
  * @param format {CountdownFormat} Format of countdown
+ * @param inverted {Boolean} White countdown on darked background
  * @param event
  * @param small
  * @param centered
  * @param others
  */
-const Countdown = ({ deadline, format, event, small, centered, ...others }) => {
-    const [init, setInit] = useState(false);
-    const [timeLeft, setTimeLeft] = useState(deadline);
-    const initialTimeDifference = deadline.getTime() - new Date().getTime();
-    const initialTimer = calculateTimer(initialTimeDifference);
-    const [timer, setTimer] = useState(initialTimer);
-    const show = [timer.days != 0, timer.hours != 0, timer.minutes != 0, timer.seconds != 0];
-    const parsedFormat = format === null || format === void 0 ? void 0 : format.split('-');
-    useEffect(() => {
+var Countdown = React.forwardRef(function (_a, ref) {
+    var deadline = _a.deadline, format = _a.format, event = _a.event, small = _a.small, inverted = _a.inverted, others = __rest(_a, ["deadline", "format", "event", "small", "inverted"]);
+    var _b = __read(useState(false), 2), init = _b[0], setInit = _b[1];
+    var _c = __read(useState(deadline), 2), timeLeft = _c[0], setTimeLeft = _c[1];
+    var initialTimeDifference = deadline.getTime() - new Date().getTime();
+    var initialTimer = calculateTimer(initialTimeDifference);
+    var _d = __read(useState(initialTimer), 2), timer = _d[0], setTimer = _d[1];
+    var show = [timer.days != 0, timer.hours != 0, timer.minutes != 0, timer.seconds != 0];
+    var parsedFormat = format === null || format === void 0 ? void 0 : format.split('-');
+    var centered = false;
+    useEffect(function () {
         setTimeLeft(deadline);
     }, [deadline, setTimeLeft]);
     if (parsedFormat) {
-        parsedFormat.forEach((item) => {
+        parsedFormat.forEach(function (item) {
             switch (item) {
                 case 'dd':
                     show[CountdownUnite.DAY] = true;
@@ -56,14 +62,14 @@ const Countdown = ({ deadline, format, event, small, centered, ...others }) => {
         show[CountdownUnite.MIN] = true;
         show[CountdownUnite.SEC] = true;
     }
-    let width = 90;
-    show.forEach((item) => {
+    var width = 90;
+    show.forEach(function (item) {
         if (!item)
             width = width - 20;
     });
-    useEffect(() => {
-        setInterval(() => {
-            const difference = timeLeft.getTime() - new Date().getTime();
+    useEffect(function () {
+        setInterval(function () {
+            var difference = timeLeft.getTime() - new Date().getTime();
             if (difference > 0) {
                 switch (format) {
                     case CountdownFormat.DAY:
@@ -103,14 +109,14 @@ const Countdown = ({ deadline, format, event, small, centered, ...others }) => {
             }
         }, 1000);
     }, [timeLeft, format]);
-    useEffect(() => {
+    useEffect(function () {
         if (timer.days + timer.hours + timer.minutes + timer.seconds === 0 && event && init) {
             event(null);
             setInit(false);
         }
     }, [timer, event, init]);
-    const countdownColor = getColorStyle(TrilogyColor.TERTIARY);
-    const styles = StyleSheet.create({
+    var countdownColor = inverted ? getColorStyle(TrilogyColor.BACKGROUND) : getColorStyle(TrilogyColor.MAIN);
+    var styles = StyleSheet.create({
         countdown: {
             alignSelf: centered ? 'center' : 'flex-start',
             borderColor: countdownColor,
@@ -118,19 +124,18 @@ const Countdown = ({ deadline, format, event, small, centered, ...others }) => {
             borderRadius: small ? 4 : 8,
             flexDirection: 'row',
             alignItems: 'center',
-            paddingHorizontal: small ? 8 : 16,
+            paddingHorizontal: small ? 8 : 12,
             paddingVertical: small ? 8 : 12,
         },
         text: {
-            fontFamily: 'poppins-regular',
             color: countdownColor,
-            fontSize: small ? 16 : 24,
             fontWeight: '600',
-            marginTop: -2,
+            fontFamily: getTypographyBoldStyle(TypographyBold.TEXT_WEIGHT_SEMIBOLD),
         },
         date: {
             fontSize: small ? 12 : 14,
             fontWeight: small ? '500' : '400',
+            fontFamily: getTypographyBoldStyle(TypographyBold.TEXT_WEIGHT_SEMIBOLD),
         },
         separator: {
             width: 1,
@@ -139,23 +144,23 @@ const Countdown = ({ deadline, format, event, small, centered, ...others }) => {
             margin: 8,
         },
     });
-    return (React.createElement(View, { style: styles.countdown, ...others },
-        (show[CountdownUnite.DAY] || timer.days != 0) && (React.createElement(Text, { style: styles.text },
+    return (React.createElement(View, __assign({ ref: ref, style: styles.countdown }, others),
+        (show[CountdownUnite.DAY] || timer.days != 0) && (React.createElement(Text, { style: styles.text, testId: 'day-id' },
             timer.days ? timer.days : 0,
             React.createElement(Text, { style: styles.date }, "j"))),
-        show[CountdownUnite.DAY] && show[CountdownUnite.HOUR] && React.createElement(View, { style: styles.separator }),
+        show[CountdownUnite.DAY] && show[CountdownUnite.HOUR] && (React.createElement(View, { style: styles.separator, testID: 'hour-day-id' })),
         (show[CountdownUnite.HOUR] || timer.hours != 0) && (React.createElement(Text, { style: styles.text },
             timer.hours ? timer.hours : 0,
             React.createElement(Text, { style: styles.date }, "h"))),
-        show[CountdownUnite.HOUR] && show[CountdownUnite.MIN] && React.createElement(View, { style: styles.separator }),
+        show[CountdownUnite.HOUR] && show[CountdownUnite.MIN] && (React.createElement(View, { style: styles.separator, testID: 'hour-min-id' })),
         (show[CountdownUnite.MIN] || timer.minutes != 0) && (React.createElement(Text, { style: styles.text },
             timer.minutes ? timer.minutes : 0,
             React.createElement(Text, { style: styles.date }, "m"))),
-        show[CountdownUnite.SEC] && show[CountdownUnite.MIN] && React.createElement(View, { style: styles.separator }),
-        (show[CountdownUnite.SEC] || timer.seconds != 0) && (React.createElement(Text, { style: styles.text },
+        show[CountdownUnite.SEC] && show[CountdownUnite.MIN] && (React.createElement(View, { style: styles.separator, testID: 'sec-min-id' })),
+        (show[CountdownUnite.SEC] || timer.seconds != 0) && (React.createElement(Text, { style: styles.text, level: TextLevels.ONE },
             timer.seconds ? timer.seconds : 0,
             React.createElement(Text, { style: styles.date }, "s")))));
-};
+});
 Countdown.displayName = ComponentName.Countdown;
 export default Countdown;
-//# sourceMappingURL=Countdown.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ291bnRkb3duLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvY291bnRkb3duL0NvdW50ZG93bi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNsRCxPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMvQyxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsY0FBYyxFQUFFLE1BQU0sMEJBQTBCLENBQUE7QUFDakYsT0FBTyxFQUFFLGVBQWUsRUFBRSxjQUFjLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUdqRSxJQUFNLGNBQWMsR0FBRyxVQUFDLGNBQXNCO0lBQzVDLElBQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxjQUFjLEdBQUcsSUFBSSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUE7SUFDeEQsSUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLGNBQWMsR0FBRyxJQUFJLEdBQUcsRUFBRSxDQUFDLEdBQUcsRUFBRSxDQUFDLENBQUE7SUFDN0QsSUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLGNBQWMsR0FBRyxDQUFDLElBQUksR0FBRyxFQUFFLEdBQUcsRUFBRSxDQUFDLENBQUMsR0FBRyxFQUFFLENBQUMsQ0FBQTtJQUNsRSxJQUFNLElBQUksR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLGNBQWMsR0FBRyxDQUFD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

package/lib/components/countdown/CountdownEnum.js

@@ -15,7 +15,7 @@ export var CountdownUnite;
     CountdownUnite[CountdownUnite["MIN"] = 2] = "MIN";
     CountdownUnite[CountdownUnite["SEC"] = 3] = "SEC";
 })(CountdownUnite || (CountdownUnite = {}));
-export const getFormatWidth = (format) => {
+export var getFormatWidth = function (format) {
     switch (format) {
         case CountdownFormat.HOUR_MIN_SEC:
         case CountdownFormat.DAY_HOUR_MIN:
@@ -30,4 +30,4 @@ export const getFormatWidth = (format) => {
             return '80%';
     }
 };
-//# sourceMappingURL=CountdownEnum.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ291bnRkb3duRW51bS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvY291bnRkb3duL0NvdW50ZG93bkVudW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFOLElBQVksZUFRWDtBQVJELFdBQVksZUFBZTtJQUN6QixtREFBZ0MsQ0FBQTtJQUNoQyw0Q0FBeUIsQ0FBQTtJQUN6QixvQ0FBaUIsQ0FBQTtJQUNqQiw2QkFBVSxDQUFBO0lBQ1YsNkJBQVUsQ0FBQTtJQUNWLHFDQUFrQixDQUFBO0lBQ2xCLDRDQUF5QixDQUFBO0FBQzNCLENBQUMsRUFSVyxlQUFlLEtBQWYsZUFBZSxRQVExQjtBQUNELE1BQU0sQ0FBTixJQUFZLGNBS1g7QUFMRCxXQUFZLGNBQWM7SUFDeEIsaURBQUcsQ0FBQTtJQUNILG1EQUFJLENBQUE7SUFDSixpREFBRyxDQUFBO0lBQ0gsaURBQUcsQ0FBQTtBQUNMLENBQUMsRUFMVyxjQUFjLEtBQWQsY0FBYyxRQUt6QjtBQUVELE1BQU0sQ0FBQyxJQUFNLGNBQWMsR0FBRyxVQUFDLE1BQXVCO0lBQ3BELFFBQVEsTUFBTSxFQUFFO1FBQ2QsS0FBSyxlQUFlLENBQUMsWUFBWSxDQUFDO1FBQ2xDLEtBQUssZUFBZSxDQUFDLFlBQVk7WUFDL0IsT0FBTyxLQUFLLENBQUE7UUFDZCxLQUFLLGVBQWUsQ0FBQyxPQUFPLENBQUM7UUFDN0IsS0FBSyxlQUFlLENBQUMsUUFBUTtZQUMzQixPQUFPLEtBQUssQ0FBQTtRQUNkLEtBQUssZUFBZSxDQUFDLEdBQUcsQ0FBQztRQUN6QixLQUFLLGVBQWUsQ0FBQyxHQUFHO1lBQ3RCLE9BQU8sS0FBSyxDQUFBO1FBQ2Q7WUFDRSxPQUFPLEtBQUssQ0FBQTtLQUNmO0FBQ0gsQ0FBQyxDQUFBIn0=

package/lib/components/countdown/CountdownProps.d.ts

@@ -1,13 +1,17 @@
+import { type View } from 'react-native';
 import { ClickEvent } from '../../events/OnClickEvent';
+import { CommonProps } from '../../objects/facets/CommonProps';
 import { CountdownFormat } from './CountdownEnum';
+import { Dev } from '../../objects/facets/Dev';
 /**
  * Countdown Interface
  */
-export interface CountdownProps {
-    className?: string;
+export interface CountdownProps extends CommonProps, Dev {
     deadline: Date;
     format?: CountdownFormat;
     event?: ClickEvent;
     small?: boolean;
-    centered?: boolean;
+    inverted?: boolean;
 }
+export type CountdownRef = HTMLUListElement;
+export type CountdownNativeRef = View;

package/lib/components/countdown/CountdownProps.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=CountdownProps.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ291bnRkb3duUHJvcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2NvdW50ZG93bi9Db3VudGRvd25Qcm9wcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9