@trilogy-ds/react 0.0.1-beta-4 → 0.0.1-beta-52

package/lib/components/card/Card.native.js

@@ -1,9 +1,17 @@
-import React, { createContext } from 'react';
-import { StyleSheet, TouchableOpacity, View, Platform } from 'react-native';
-import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
-import ContentLoader, { Rect } from 'react-content-loader/native';
-import { ComponentName } from '../enumsComponentsName';
-export const CardContext = createContext({ floating: false, backgroundColor: '', horizontal: false, reversed: false, active: false });
+import React, { createContext } from "react";
+import { Platform, StyleSheet, TouchableOpacity, View } from "react-native";
+import { getColorStyle, TrilogyColor } from "../../objects/facets/Color";
+import ContentLoader, { Rect } from "react-content-loader/native";
+import { ComponentName } from "../../components/enumsComponentsName";
+import { getBackgroundStyle } from "../../objects/atoms/Background";
+import { StatesContext } from "../../context/providerStates";
+export const CardContext = createContext({
+    floating: false,
+    backgroundColor: "" || {},
+    horizontal: false,
+    reversed: false,
+    active: false,
+});
 /**
  * Card Component
  * @param flat Adding border for Card content
@@ -13,56 +21,60 @@ export const CardContext = createContext({ floating: false, backgroundColor: '',
  * @param onClick {Function} onClick Event
  * @param skeleton {boolean} Loading card
  * @param reversed {boolean} Reversed card
+ * @param background {TrilogyColor} Card Background Color
+ * @param inverted {boolean} Inverted Card Color
  * @param backgroundColor
  * @param fullheight {boolean}
  * @param active {boolean} Activated box
  * @param others
  */
-const Card = ({ children, flat, horizontal, floating, onClick, skeleton, backgroundColor = TrilogyColor.WHITE, reversed, fullheight, active, ...others }) => {
-    const borderColor = '#ccc';
+const Card = ({ children, flat, horizontal, floating, onClick, skeleton, background, reversed, fullheight, active, inverted, ...others }) => {
+    const borderColor = "#ccc";
     const cardRadius = 6;
+    const colorBgc = getColorStyle(TrilogyColor.BACKGROUND);
     const styles = StyleSheet.create({
         card: {
-            width: '100%',
+            width: "100%",
             minHeight: 100,
-            borderWidth: flat && 1 || active && 2 || 0,
-            borderColor: flat && borderColor || active && getColorStyle(TrilogyColor.SECONDARY) || 'transparent',
+            borderWidth: (flat && 1) || (active && 2) || 0,
+            borderColor: (flat && borderColor) ||
+                (active && getColorStyle(TrilogyColor.MAIN)) ||
+                "transparent",
             borderRadius: cardRadius,
-            backgroundColor: backgroundColor === 'transparent' ? 'rgba(0, 0, 0, 0.0)' : getColorStyle(TrilogyColor.WHITE),
+            backgroundColor: background ? getBackgroundStyle(background) : colorBgc,
             flex: fullheight ? 1 : 0,
         },
         horizontal: {
-            flexDirection: 'row',
-            maxWidth: '100%',
+            flexDirection: "row",
+            maxWidth: "100%",
         },
         shadow: {
-            shadowColor: 'rgba(0,0,0,.1)',
+            shadowColor: "rgba(0,0,0,.1)",
             shadowOffset: { width: 2, height: 4 },
             shadowOpacity: 0.8,
             shadowRadius: 2,
             elevation: 5,
         },
         contentHorizontal: {
-            backgroundColor: 'red',
             borderWidth: 2,
             margin: 2,
             padding: 10,
             minHeight: 10,
         },
         skeleton: {
-            width: '100%',
+            width: "100%",
             minHeight: 50,
-            backgroundColor: getColorStyle(TrilogyColor.GREY_LIGHTER),
-            overflow: 'hidden',
+            backgroundColor: getColorStyle(TrilogyColor.NEUTRAL_LIGHT),
+            overflow: "hidden",
             borderRadius: cardRadius,
         },
         reversed: {
-            flexDirection: 'column-reverse',
+            flexDirection: "column-reverse",
         },
     });
     const CardSkeleton = () => (React.createElement(ContentLoader, { style: styles.skeleton, ...others },
         React.createElement(View, { style: { opacity: 0 } }, children),
-        Platform.OS === 'android' && (React.createElement(View, null,
+        Platform.OS === "android" && (React.createElement(View, null,
             React.createElement(Rect, { rx: '10', ry: '10', width: '100%', height: '100%' })))));
     let cardView;
     if (skeleton) {
@@ -77,21 +89,23 @@ const Card = ({ children, flat, horizontal, floating, onClick, skeleton, backgro
     else {
         cardView = (React.createElement(View, { style: [styles.card], ...others }, children));
     }
-    return onClick ? (React.createElement(CardContext.Provider, { value: {
-            floating: floating || false,
-            backgroundColor: backgroundColor || 'white',
-            horizontal: horizontal || false,
-            reversed: reversed || false,
-            active: active || false
-        } },
-        React.createElement(View, { style: { width: '100%' } },
-            React.createElement(TouchableOpacity, { style: { width: '100%' }, onPress: onClick, activeOpacity: 0.85 }, cardView)))) : (React.createElement(CardContext.Provider, { value: {
-            floating: floating || false,
-            backgroundColor: backgroundColor || 'white',
-            horizontal: horizontal || false,
-            reversed: reversed || false,
-            active: active || false
-        } }, cardView));
+    return onClick ? (React.createElement(StatesContext.Provider, { value: { inverted: !!inverted, active: !!active, flat: !!flat } },
+        React.createElement(CardContext.Provider, { value: {
+                floating: floating || false,
+                backgroundColor: background || "white",
+                horizontal: horizontal || false,
+                reversed: reversed || false,
+                active: active || false,
+            } },
+            React.createElement(View, { style: { width: "100%" } },
+                React.createElement(TouchableOpacity, { style: { width: "100%" }, onPress: onClick, activeOpacity: 0.85 }, cardView))))) : (React.createElement(StatesContext.Provider, { value: { inverted: !!inverted, active: !!active, flat: !!flat } },
+        React.createElement(CardContext.Provider, { value: {
+                floating: floating || false,
+                backgroundColor: background || "white",
+                horizontal: horizontal || false,
+                reversed: reversed || false,
+                active: active || false,
+            } }, cardView)));
 };
 Card.displayName = ComponentName.Card;
 export default Card;

package/lib/components/card/Card.native.js.map

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

package/lib/components/card/CardProps.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ClickEvent } from '../../events/OnClickEvent';
-import { Accessibility, Clickable, Fullheight, TrilogyColor } from '../../objects';
+import { Accessibility, BackgroundProps, Clickable, Fullheight } from '../../objects';
 import { AlignableProps } from '../../objects/facets/Alignable';
 import { JustifiableProps } from '../../objects/facets/Justifiable';
 /**
@@ -11,7 +11,7 @@ export declare enum CardMarkup {
     A = "a"
 }
 export type CardMarkupValues = keyof typeof CardMarkup;
-export interface CardProps extends AlignableProps, Fullheight, JustifiableProps, Clickable, Accessibility {
+export interface CardProps extends AlignableProps, Fullheight, JustifiableProps, Clickable, Accessibility, BackgroundProps {
     children?: React.ReactNode;
     flat?: boolean;
     horizontal?: boolean;
@@ -20,7 +20,6 @@ export interface CardProps extends AlignableProps, Fullheight, JustifiableProps,
     className?: string;
     onClick?: ClickEvent;
     markup?: CardMarkup | CardMarkupValues;
-    backgroundColor?: TrilogyColor.WHITE | 'transparent';
     reversed?: boolean;
     to?: string;
     active?: boolean;

package/lib/components/card/content/CardContent.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CardContentProps } from './CardContentProps';
+import { CardContentProps } from "./CardContentProps";
 /**
  * Card Content Component
  * @param children {React.ReactNode} Custom Card Content Children
@@ -8,7 +8,7 @@ import { CardContentProps } from './CardContentProps';
  * @param title {string} Add a title
  * @param titleLevel {TitleLevels} Title level
  * @param buttonText {string} if textButton, it will add a Button with content text
- * @param buttonVariant {ButtonColor} Add variant for Button - Default is primary
+ * @param buttonVariant {ButtonVariant} Add variant for Button - Default is primary
  * @param buttonClick {Function} Click event for Button
  * @param text {string} Content text of Card
  * @param textLevel {TextLevels} Text level

package/lib/components/card/content/CardContent.js

@@ -1,10 +1,10 @@
-import React from 'react';
-import clsx from 'clsx';
-import { Title, TitleLevels } from '../../title';
-import { Text } from '../../text';
-import { Button, ButtonMarkup } from '../../button';
-import { hashClass } from '../../../helpers';
-import { useTrilogyContext } from '../../../context';
+import * as React from "react";
+import clsx from "clsx";
+import { Title, TitleLevels } from "../../../components/title";
+import { Text } from "../../../components/text";
+import { Button, ButtonMarkup } from "../../../components/button";
+import { hashClass } from "../../../helpers";
+import { useTrilogyContext } from "../../../context";
 /**
  * Card Content Component
  * @param children {React.ReactNode} Custom Card Content Children
@@ -13,7 +13,7 @@ import { useTrilogyContext } from '../../../context';
  * @param title {string} Add a title
  * @param titleLevel {TitleLevels} Title level
  * @param buttonText {string} if textButton, it will add a Button with content text
- * @param buttonVariant {ButtonColor} Add variant for Button - Default is primary
+ * @param buttonVariant {ButtonVariant} Add variant for Button - Default is primary
  * @param buttonClick {Function} Click event for Button
  * @param text {string} Content text of Card
  * @param textLevel {TextLevels} Text level
@@ -25,17 +25,17 @@ import { useTrilogyContext } from '../../../context';
 const CardContent = ({ children, className, titleSup, titleSupLevel, title, titleLevel, buttonText, buttonMarkup, buttonVariant, buttonClick, text, textLevel, onClick, testId, ...others }) => {
     const { styled } = useTrilogyContext();
     if (children) {
-        return (React.createElement("div", { "data-testid": testId, className: hashClass(styled, clsx('card-content', className)), ...others }, children));
+        return (React.createElement("div", { "data-testid": testId, className: hashClass(styled, clsx("card-content", className)), ...others }, children));
     }
     return (React.createElement("div", { "data-testid": testId, onClick: (e) => {
             // eslint-disable-next-line no-unused-expressions
             onClick === null || onClick === void 0 ? void 0 : onClick(e);
             e.stopPropagation();
-        }, className: hashClass(styled, clsx('card-content', className)), ...others },
-        titleSup && (React.createElement(Text, { level: titleSupLevel, className: 'suptitle' }, titleSup)),
+        }, className: hashClass(styled, clsx("card-content", className)), ...others },
+        titleSup && (React.createElement(Text, { level: titleSupLevel, className: "suptitle" }, titleSup)),
         title && (React.createElement(Title, { testId: testId ? `${testId}-title` : undefined, level: titleLevel ? titleLevel : TitleLevels.THREE }, title)),
         text && React.createElement(Text, { level: textLevel }, text),
-        buttonText && (React.createElement(Button, { testId: testId ? `${testId}-btn` : undefined, onClick: buttonClick, variant: buttonVariant ? buttonVariant : 'PRIMARY', markup: buttonMarkup ? buttonMarkup : ButtonMarkup.BUTTON }, buttonText))));
+        buttonText && (React.createElement(Button, { testId: testId ? `${testId}-btn` : undefined, onClick: buttonClick, variant: buttonVariant ? buttonVariant : "PRIMARY", markup: buttonMarkup ? buttonMarkup : ButtonMarkup.BUTTON }, buttonText))));
 };
 export default CardContent;
 //# sourceMappingURL=CardContent.js.map

package/lib/components/card/content/CardContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardContent.js","sourceRoot":"","sources":["../../../../components/card/content/CardContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAChD,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEpD;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,WAAW,GAAG,CAAC,EACnB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,aAAa,EACb,KAAK,EACL,UAAU,EACV,UAAU,EACV,YAAY,EACZ,aAAa,EACb,WAAW,EACX,IAAI,EACJ,SAAS,EACT,OAAO,EACP,MAAM,EACN,GAAG,MAAM,EACQ,EAAe,EAAE;IAClC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,4CAAkB,MAAM,EAAE,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC,KAAM,MAAM,IAChG,QAAQ,CACL,CACP,CAAA;KACF;IAED,OAAO,CACL,4CACe,MAAM,EACnB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,iDAAiD;YACjD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAA;YACZ,CAAC,CAAC,eAAe,EAAE,CAAA;QACrB,CAAC,EACD,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC,KACzD,MAAM;QAET,QAAQ,IAAI,CACX,oBAAC,IAAI,IAAC,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,IAC9C,QAAQ,CACJ,CACR;QACA,KAAK,IAAI,CACR,oBAAC,KAAK,IAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,IACtG,KAAK,CACA,CACT;QACA,IAAI,IAAI,oBAAC,IAAI,IAAC,KAAK,EAAE,SAAS,IAAG,IAAI,CAAQ;QAC7C,UAAU,IAAI,CACb,oBAAC,MAAM,IACL,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,MAAM,CAAC,CAAC,CAAC,SAAS,EAC5C,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EAClD,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,IAExD,UAAU,CACJ,CACV,CACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}
+{"version":3,"file":"CardContent.js","sourceRoot":"","sources":["../../../../components/card/content/CardContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAA;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,WAAW,GAAG,CAAC,EACnB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,aAAa,EACb,KAAK,EACL,UAAU,EACV,UAAU,EACV,YAAY,EACZ,aAAa,EACb,WAAW,EACX,IAAI,EACJ,SAAS,EACT,OAAO,EACP,MAAM,EACN,GAAG,MAAM,EACQ,EAAe,EAAE;IAClC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,IAAI,QAAQ,EAAE;QACZ,OAAO,CACL,4CACe,MAAM,EACnB,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC,KACzD,MAAM,IAET,QAAQ,CACL,CACP,CAAA;KACF;IAED,OAAO,CACL,4CACe,MAAM,EACnB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,iDAAiD;YACjD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAA;YACZ,CAAC,CAAC,eAAe,EAAE,CAAA;QACrB,CAAC,EACD,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC,KACzD,MAAM;QAET,QAAQ,IAAI,CACX,oBAAC,IAAI,IAAC,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,UAAU,IAC9C,QAAQ,CACJ,CACR;QACA,KAAK,IAAI,CACR,oBAAC,KAAK,IACJ,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,QAAQ,CAAC,CAAC,CAAC,SAAS,EAC9C,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,KAAK,IAEjD,KAAK,CACA,CACT;QACA,IAAI,IAAI,oBAAC,IAAI,IAAC,KAAK,EAAE,SAAS,IAAG,IAAI,CAAQ;QAC7C,UAAU,IAAI,CACb,oBAAC,MAAM,IACL,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,GAAG,MAAM,MAAM,CAAC,CAAC,CAAC,SAAS,EAC5C,OAAO,EAAE,WAAW,EACpB,OAAO,EAAE,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,EAClD,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,IAExD,UAAU,CACJ,CACV,CACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,WAAW,CAAA"}

package/lib/components/card/content/CardContent.native.d.ts

@@ -1,13 +1,13 @@
 /// <reference types="react" />
-import { CardContentProps } from './CardContentProps';
-import { ComponentName } from '../../enumsComponentsName';
+import { CardContentProps } from "./CardContentProps";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Card Content Component
  * @param children {ReactNode} Card Content Children
  * @param titleSup {string} Add a sup title
  * @param title {string} Add a title
  * @param buttonText {string} if textButton, it will add a Button with content text
- * @param buttonVariant {ButtonColor} Add variant for Button - Default is primary
+ * @param buttonVariant {ButtonVariant} Add variant for Button - Default is primary
  * @param buttonClick {Function} Click event for Button
  * @param text {string} Content text of Card
  * @param onClick {Function} onClick Event for all content

package/lib/components/card/content/CardContent.native.js

@@ -1,17 +1,17 @@
-import React, { useContext } from 'react';
-import { StyleSheet, Text, TouchableOpacity, View } from 'react-native';
-import { Title, TitleLevels } from '../../title';
-import { Button } from '../../button';
-import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
-import { CardContext } from '../Card.native';
-import { ComponentName } from '../../enumsComponentsName';
+import React, { useContext } from "react";
+import { StyleSheet, Text, TouchableOpacity, View } from "react-native";
+import { Title, TitleLevels } from "../../../components/title";
+import { Button } from "../../../components/button";
+import { getColorStyle, TrilogyColor } from "../../../objects/facets/Color";
+import { CardContext } from "../../../components/card/Card.native";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Card Content Component
  * @param children {ReactNode} Card Content Children
  * @param titleSup {string} Add a sup title
  * @param title {string} Add a title
  * @param buttonText {string} if textButton, it will add a Button with content text
- * @param buttonVariant {ButtonColor} Add variant for Button - Default is primary
+ * @param buttonVariant {ButtonVariant} Add variant for Button - Default is primary
  * @param buttonClick {Function} Click event for Button
  * @param text {string} Content text of Card
  * @param onClick {Function} onClick Event for all content
@@ -22,31 +22,28 @@ const CardContent = ({ children, titleSup, title, text, buttonText, buttonClick,
     const cardContextValues = useContext(CardContext);
     const styles = StyleSheet.create({
         card: {
-            paddingTop: cardContextValues.floating ? 0 : 16,
-            paddingLeft: cardContextValues.floating ? 0 : 16,
-            paddingRight: cardContextValues.floating ? 0 : 16,
-            paddingBottom: cardContextValues.floating ? 0 : 16,
+            paddingTop: 16,
+            paddingLeft: 16,
+            paddingRight: 16,
+            paddingBottom: 16,
             minHeight: 10,
-            backgroundColor: cardContextValues.backgroundColor === 'transparent' ? 'rgba(0, 0, 0, 0)' : getColorStyle(TrilogyColor.WHITE),
-            borderBottomEndRadius: 6,
-            borderBottomStartRadius: 6,
             flex: cardContextValues.horizontal ? 1 : 0,
         },
         view: {
-            width: '100%',
+            width: "100%",
         },
         text: {
-            color: getColorStyle(TrilogyColor.TERTIARY),
+            color: getColorStyle(TrilogyColor.MAIN),
             fontSize: 12,
         },
         padding: {
-            marginBottom: cardContextValues.floating ? 0 : 16,
+            marginBottom: 16,
         },
     });
     if (children) {
         if (onClick) {
             return (React.createElement(View, { style: styles.card },
-                React.createElement(TouchableOpacity, { style: { width: '100%', paddingBottom: 16 }, onPress: onClick }, children)));
+                React.createElement(TouchableOpacity, { style: { width: "100%", paddingBottom: 16 }, onPress: onClick }, children)));
         }
         return (React.createElement(View, { style: styles.card, ...others }, children));
     }
@@ -60,7 +57,7 @@ const CardContent = ({ children, titleSup, title, text, buttonText, buttonClick,
             React.createElement(View, { style: { marginBottom: 16 } }),
             React.createElement(Button, { variant: buttonVariant, onClick: buttonClick }, buttonText)))));
     return onClick ? (React.createElement(View, { style: styles.view },
-        React.createElement(TouchableOpacity, { style: { width: '100%' }, onPress: onClick, activeOpacity: 0.85 }, cardContent))) : (cardContent);
+        React.createElement(TouchableOpacity, { style: { width: "100%" }, onPress: onClick, activeOpacity: 0.85 }, cardContent))) : (cardContent);
 };
 CardContent.displayName = ComponentName.CardContent;
 export default CardContent;

package/lib/components/card/content/CardContent.native.js.map

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

package/lib/components/card/content/CardContentProps.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="react" />
-import { ButtonMarkup, ButtonMarkupValues, ButtonColor, ButtonColorValues } from '../../button/ButtonEnum';
-import { TitleLevels, TitleLevelValues } from '../../title/TitleEnum';
-import { TextLevelValues } from '../../text/TextEnum';
-import { ClickEvent } from '../../../events/OnClickEvent';
-import { Accessibility, Clickable, TrilogyColor } from '../../../objects';
+import { ButtonMarkup, ButtonMarkupValues, ButtonVariant, ButtonVariantValues } from "../../../components/button/ButtonEnum";
+import { TitleLevels, TitleLevelValues } from "../../../components/title/TitleEnum";
+import { TextLevelValues } from "../../../components/text/TextEnum";
+import { ClickEvent } from "../../../events/OnClickEvent";
+import { Accessibility, Clickable, TrilogyColor } from "../../../objects";
 /**
  * Card Content Interface
  */
@@ -16,11 +16,11 @@ export interface CardContentProps extends Clickable, Accessibility {
     buttonText?: string;
     text?: string;
     textLevel?: TextLevelValues;
-    buttonVariant?: ButtonColor | ButtonColorValues;
+    buttonVariant?: ButtonVariant | ButtonVariantValues;
     buttonClick?: ClickEvent;
     className?: string;
     buttonMarkup?: ButtonMarkup | ButtonMarkupValues;
     onClick?: ClickEvent;
     floating?: boolean;
-    backgroundColor?: TrilogyColor.WHITE | 'transparent';
+    backgroundColor?: TrilogyColor.BACKGROUND | "transparent";
 }

package/lib/components/card/image/CardImage.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CardImageProps } from './CardImageProps';
+import { CardImageProps } from "./CardImageProps";
 /**
  * Card Image Component
  * @param src Image source

package/lib/components/card/image/CardImage.js

@@ -1,8 +1,8 @@
-import React from 'react';
-import clsx from 'clsx';
-import { is } from '../../../services/classify';
-import { hashClass } from '../../../helpers';
-import { useTrilogyContext } from '../../../context';
+import * as React from "react";
+import clsx from "clsx";
+import { is } from "../../../services/classify";
+import { hashClass } from "../../../helpers";
+import { useTrilogyContext } from "../../../context";
 /**
  * Card Image Component
  * @param src Image source
@@ -16,14 +16,14 @@ import { useTrilogyContext } from '../../../context';
  */
 const CardImage = ({ src, alt, className, size, onClick, ...others }) => {
     const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx('card-image', size && is(`${size}`), className));
+    const classes = hashClass(styled, clsx("card-image", size && is(`${size}`), className));
     return (React.createElement("div", { onClick: (e) => {
             // eslint-disable-next-line no-unused-expressions
             onClick === null || onClick === void 0 ? void 0 : onClick(e);
             e.stopPropagation();
         }, className: classes },
-        React.createElement("figure", { className: hashClass(styled, clsx('image')), ...others },
-            React.createElement("img", { ...{ src: typeof src === 'string' ? src : '', alt } }))));
+        React.createElement("figure", { className: hashClass(styled, clsx("image")), ...others },
+            React.createElement("img", { ...{ src: typeof src === "string" ? src : "" }, alt: alt }))));
 };
 export default CardImage;
 //# sourceMappingURL=CardImage.js.map

package/lib/components/card/image/CardImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardImage.js","sourceRoot":"","sources":["../../../../components/card/image/CardImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,EAAE,EAAE,MAAM,4BAA4B,CAAA;AAC/C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAEpD;;;;;;;;;;GAUG;AACH,MAAM,SAAS,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,MAAM,EAAkB,EAAe,EAAE;IACnG,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,YAAY,EAAE,IAAI,IAAI,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,CAAC,CAAA;IAEvF,OAAO,CACL,6BACE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,iDAAiD;YACjD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAA;YACZ,CAAC,CAAC,eAAe,EAAE,CAAA;QACrB,CAAC,EACD,SAAS,EAAE,OAAO;QAElB,gCAAQ,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,KAAM,MAAM;YAC7D,gCAAS,EAAE,GAAG,EAAE,OAAO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,GAAG,EAAE,GAAI,CACtD,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}
+{"version":3,"file":"CardImage.js","sourceRoot":"","sources":["../../../../components/card/image/CardImage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,IAAI,MAAM,MAAM,CAAA;AAEvB,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;;;;GAUG;AACH,MAAM,SAAS,GAAG,CAAC,EACjB,GAAG,EACH,GAAG,EACH,SAAS,EACT,IAAI,EACJ,OAAO,EACP,GAAG,MAAM,EACM,EAAe,EAAE;IAChC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CAAC,YAAY,EAAE,IAAI,IAAI,EAAE,CAAC,GAAG,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,CACrD,CAAA;IAED,OAAO,CACL,6BACE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,iDAAiD;YACjD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAA;YACZ,CAAC,CAAC,eAAe,EAAE,CAAA;QACrB,CAAC,EACD,SAAS,EAAE,OAAO;QAElB,gCAAQ,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,KAAM,MAAM;YAC7D,gCAAS,EAAE,GAAG,EAAE,OAAO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,GAAG,CAC1D,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}

package/lib/components/card/image/CardImage.native.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { CardImageProps } from './CardImageProps';
-import { ComponentName } from '../../enumsComponentsName';
+import { ComponentName } from '../../../components/enumsComponentsName';
 /**
  * Card Image Component
  * @param src Image source

package/lib/components/card/image/CardImage.native.js

@@ -1,7 +1,7 @@
 import React, { useContext, useEffect, useState } from 'react';
 import { StyleSheet, Image, View, TouchableOpacity } from 'react-native';
-import { CardContext } from '../Card.native';
-import { ComponentName } from '../../enumsComponentsName';
+import { CardContext } from '../../../components/card/Card.native';
+import { ComponentName } from '../../../components/enumsComponentsName';
 /**
  * Card Image Component
  * @param src Image source

package/lib/components/card/image/CardImage.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardImage.native.js","sourceRoot":"","sources":["../../../../components/card/image/CardImage.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC9D,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,IAAI,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAExE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AAEzD;;;;;;;;GAQG;AACH,MAAM,SAAS,GAAG,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,MAAM,EAAkB,EAAe,EAAE;IAC7G,MAAM,OAAO,GAAG,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAA;IAC3C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IACrC,MAAM,iBAAiB,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IAEjD,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,SAAS,EAAE;YACT,KAAK,EAAE,IAAI,CAAC,CAAC,CAAC,GAAG,IAAI,IAAI,CAAC,CAAC,CAAC,OAAO;YACnC,WAAW,EAAE,KAAK;YAClB,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO;YACzC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM;YACxC,YAAY,EAAE,CAAC;YACf,uBAAuB,EAAE,CAAC,iBAAiB,CAAC,UAAU,IAAI,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,QAAQ,IAAI,CAAC,CAAC,IAAI,CAAC;YACtG,sBAAsB,EAAE,CAAC,iBAAiB,CAAC,UAAU,IAAI,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,QAAQ,IAAI,CAAC,CAAC,IAAI,CAAC;YACrG,oBAAoB,EAAE,CAAC,iBAAiB,CAAC,UAAU,IAAI,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,QAAQ,IAAI,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC;YACtI,mBAAmB,EAAE,CAAC,iBAAiB,CAAC,UAAU,IAAI,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,QAAQ,IAAI,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC;SACtI;KACF,CAAC,CAAA;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,iBAAiB,CAAC,UAAU,EAAE;YACjC,OAAO,GAAG,KAAK,QAAQ;gBACrB,CAAC,CAAC,KAAK,CAAC,OAAO,CACX,GAAG,EACH,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;oBACP,CAAC,IAAI,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;gBACtB,CAAC,EACD,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,CAClB;gBACH,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;SAChB;IACH,CAAC,EAAE,CAAC,GAAG,CAAC,CAAC,CAAA;IAET,MAAM,KAAK,GAAG,CACZ,oBAAC,KAAK,IACJ,kBAAkB,EAAE,GAAG,EACvB,KAAK,EAAE,MAAM,CAAC,SAAS,EACvB,MAAM,EAAE,OAAO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,KAChD,MAAM,GACV,CACH,CAAA;IAED,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,oBAAC,IAAI;QACH,oBAAC,gBAAgB,IAAC,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,IAAI,IACpD,KAAK,CACW,CACd,CACR,CAAC,CAAC,CAAC,CACF,KAAK,CACN,CAAA;AACH,CAAC,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,aAAa,CAAC,SAAS,CAAA;AAE/C,eAAe,SAAS,CAAA"}
+{"version":3,"file":"CardImage.native.js","sourceRoot":"","sources":["../../../../components/card/image/CardImage.native.tsx"],"names":[],"mappings":"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"}

package/lib/components/checkbox/Checkbox.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { CheckboxProps } from './CheckboxProps';
+import { CheckboxProps } from "./CheckboxProps";
 /**
  * Checkbox Component
  * @param checked {boolean} Checked Checkbox
@@ -17,5 +17,5 @@ import { CheckboxProps } from './CheckboxProps';
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param value {string} Value for checkbox
  */
-declare const Checkbox: ({ checked, className, disabled, readonly, id, label, onChange, onClick, name, value, tile, description, iconTile, horizontalTile, removeControl, removeField, reversed, labelClassName, inverted, spaced, testId, ...others }: CheckboxProps) => JSX.Element;
+declare const Checkbox: ({ checked, className, disabled, readonly, id, label, onChange, onClick, name, value, tile, description, iconTile, horizontalTile, testId, ...others }: CheckboxProps) => JSX.Element;
 export default Checkbox;

package/lib/components/checkbox/Checkbox.js

@@ -1,10 +1,10 @@
-import React, { useEffect, useState } from 'react';
-import shortid from 'shortid';
-import clsx from 'clsx';
-import { hashClass } from '../../helpers';
-import { Icon, IconSize } from '../icon';
-import { has, is } from '../../services';
-import { useTrilogyContext } from '../../context';
+import React, { useEffect, useState } from "react";
+import shortid from "shortid";
+import clsx from "clsx";
+import { hashClass } from "../../helpers";
+import { Icon, IconSize } from "../../components/icon";
+import { is } from "../../services";
+import { useTrilogyContext } from "../../context";
 /**
  * Checkbox Component
  * @param checked {boolean} Checked Checkbox
@@ -22,7 +22,7 @@ import { useTrilogyContext } from '../../context';
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param value {string} Value for checkbox
  */
-const Checkbox = ({ checked, className, disabled, readonly, id = shortid.generate(), label, onChange, onClick, name, value, tile, description, iconTile, horizontalTile, removeControl, removeField, reversed, labelClassName, inverted, spaced, testId, ...others }) => {
+const Checkbox = ({ checked, className, disabled, readonly, id = shortid.generate(), label, onChange, onClick, name, value, tile, description, iconTile, horizontalTile, testId, ...others }) => {
     const { styled } = useTrilogyContext();
     const [_checked, setChecked] = useState(checked || false);
     useEffect(() => {
@@ -30,48 +30,15 @@ const Checkbox = ({ checked, className, disabled, readonly, id = shortid.generat
             setChecked(checked || false);
         }
     }, [checked, readonly]);
-    const classes = hashClass(styled, clsx('input', is('checkradio'), is('info'), is('hidden'), inverted && is('inverted'), className && !className.includes(is('inverted')) && has('background-color'), className));
-    const labelClasses = hashClass(styled, clsx(checked && has('text-info'), spaced && is('spaced-between'), labelClassName));
-    // Support legacy checkbox
-    if (removeControl || removeField || reversed || inverted || spaced) {
-        return (React.createElement("div", { className: hashClass(styled, clsx((!removeField && 'field') || '')) },
-            React.createElement("div", { className: hashClass(styled, clsx(!removeControl && 'control', disabled && is('disabled'))) },
-                React.createElement("input", { className: classes, type: 'checkbox', readOnly: readonly, id: id, "data-testid": testId, disabled: disabled, name: name, value: value, checked: readonly ? checked : _checked, onChange: (e) => {
-                        return e;
-                    }, onClick: (e) => {
-                        const target = e.target;
-                        if (!readonly && target.checked !== undefined) {
-                            setChecked(target.checked);
-                        }
-                        target.value = value || '';
-                        if (onChange) {
-                            onChange({
-                                checkboxId: target.id,
-                                checkboxValue: target.value,
-                                checkboxName: target.name,
-                                checkboxChecked: target.checked,
-                            });
-                        }
-                        if (onClick) {
-                            onClick({
-                                checkboxId: target.id,
-                                checkboxValue: target.value,
-                                checkboxName: target.name,
-                                checkboxChecked: target.checked,
-                            });
-                        }
-                    }, ...others }),
-                React.createElement("label", { htmlFor: id, className: labelClasses }, label))));
-    }
-    return (React.createElement("div", { className: hashClass(styled, clsx(tile ? 'checkbox-tile' : 'checkbox', horizontalTile && is('horizontal'), className)) },
-        React.createElement("input", { type: 'checkbox', readOnly: readonly, id: id, "data-testid": testId, disabled: disabled, name: name, value: value, checked: readonly ? checked : _checked, onChange: (e) => {
+    return (React.createElement("div", { className: hashClass(styled, clsx(tile ? "checkbox-tile" : "checkbox", horizontalTile && is("horizontal"), className)), tabIndex: 0 },
+        React.createElement("input", { "aria-checked": checked, type: 'checkbox', readOnly: readonly, id: id, "data-testid": testId, disabled: disabled, name: name, value: value, checked: readonly ? checked : _checked, onChange: (e) => {
                 return e;
             }, onClick: (e) => {
                 const target = e.target;
                 if (!readonly && target.checked !== undefined) {
                     setChecked(target.checked);
                 }
-                target.value = value || '';
+                target.value = value || "";
                 if (onChange) {
                     onChange({
                         checkboxId: target.id,
@@ -89,13 +56,13 @@ const Checkbox = ({ checked, className, disabled, readonly, id = shortid.generat
                     });
                 }
             }, ...others }),
-        React.createElement("label", { htmlFor: id, className: hashClass(styled, clsx('checkbox-label', labelClassName)) },
+        React.createElement("label", { htmlFor: id, className: hashClass(styled, clsx("checkbox-label")) },
             iconTile && React.createElement(Icon, { name: iconTile, size: IconSize.MEDIUM }),
             horizontalTile ? (React.createElement("span", null,
-                tile ? React.createElement("span", { className: hashClass(styled, clsx('checkbox-title')) }, label) : label,
-                tile && description && (React.createElement("span", { className: hashClass(styled, clsx('checkbox-description')) }, description)))) : (React.createElement(React.Fragment, null,
-                tile ? React.createElement("span", { className: hashClass(styled, clsx('checkbox-title')) }, label) : label,
-                tile && description && (React.createElement("span", { className: hashClass(styled, clsx('checkbox-description')) }, description)))))));
+                tile ? (React.createElement("span", { className: hashClass(styled, clsx("checkbox-title")) }, label)) : (label),
+                tile && description && (React.createElement("span", { className: hashClass(styled, clsx("checkbox-description")) }, description)))) : (React.createElement(React.Fragment, null,
+                tile ? (React.createElement("span", { className: hashClass(styled, clsx("checkbox-title")) }, label)) : (label),
+                tile && description && (React.createElement("span", { className: hashClass(styled, clsx("checkbox-description")) }, description)))))));
 };
 export default Checkbox;
 //# sourceMappingURL=Checkbox.js.map