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

package/lib/objects/Typography/TypographyColor.js

@@ -0,0 +1,69 @@
+import { TrilogyColor, getColorStyle } from '../facets/Color';
+/**
+ * Typo color
+ */
+export var TypographyColor;
+(function (TypographyColor) {
+    TypographyColor["TEXT_PRIMARY"] = "has-text-primary";
+    TypographyColor["TEXT_SECONDARY"] = "has-text-secondary";
+    TypographyColor["TEXT_TERTIARY"] = "has-text-tertiary";
+    TypographyColor["TEXT_QUATERNARY"] = "has-text-quaternary";
+    TypographyColor["TEXT_INFO"] = "has-text-info";
+    TypographyColor["TEXT_SUCCESS"] = "has-text-success";
+    TypographyColor["TEXT_WARNING"] = "has-text-warning";
+    TypographyColor["TEXT_ERROR"] = "has-text-error";
+    TypographyColor["TEXT_GREY_DARK"] = "has-text-grey-dark";
+    TypographyColor["TEXT_GREY"] = "has-text-grey";
+    TypographyColor["TEXT_GREY_LIGHT"] = "has-text-grey-light";
+    TypographyColor["TEXT_GREY_LIGHTER"] = "has-text-grey-lighter";
+    TypographyColor["TEXT_WHITE"] = "has-text-white";
+})(TypographyColor || (TypographyColor = {}));
+/**
+ * Typography Color Method (TYPO)
+ * @param typo {String} TypographyColor
+ * @param inverted {Boolean} Inverted color if isset default : false
+ */
+export const setTypographyColor = (typo = '', inverted = false) => {
+    return ((Array.isArray(typo) && typo.includes(TypographyColor.TEXT_PRIMARY)
+        ? getColorStyle(TrilogyColor.PRIMARY)
+        : typo === TypographyColor.TEXT_PRIMARY && getColorStyle(TrilogyColor.PRIMARY)) ||
+        (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_SECONDARY)
+            ? getColorStyle(TrilogyColor.SECONDARY)
+            : typo === TypographyColor.TEXT_SECONDARY && getColorStyle(TrilogyColor.SECONDARY)) ||
+        (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_INFO)
+            ? getColorStyle(TrilogyColor.INFO)
+            : typo === TypographyColor.TEXT_INFO && getColorStyle(TrilogyColor.INFO)) ||
+        (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_TERTIARY)
+            ? getColorStyle(TrilogyColor.TERTIARY)
+            : typo === TypographyColor.TEXT_TERTIARY && getColorStyle(TrilogyColor.TERTIARY)) ||
+        (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_QUATERNARY)
+            ? getColorStyle(TrilogyColor.SUCCESS)
+            : typo === TypographyColor.TEXT_QUATERNARY && getColorStyle(TrilogyColor.SUCCESS)) ||
+        (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_SUCCESS)
+            ? getColorStyle(TrilogyColor.SUCCESS)
+            : typo === TypographyColor.TEXT_SUCCESS && getColorStyle(TrilogyColor.SUCCESS)) ||
+        (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_WARNING)
+            ? getColorStyle(TrilogyColor.WARNING)
+            : typo === TypographyColor.TEXT_WARNING && getColorStyle(TrilogyColor.WARNING)) ||
+        (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_ERROR)
+            ? getColorStyle(TrilogyColor.ERROR)
+            : typo === TypographyColor.TEXT_ERROR && getColorStyle(TrilogyColor.ERROR)) ||
+        (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_GREY_DARK)
+            ? getColorStyle(TrilogyColor.GREY_DARK)
+            : typo === TypographyColor.TEXT_GREY_DARK && getColorStyle(TrilogyColor.GREY_DARK)) ||
+        (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_GREY)
+            ? getColorStyle(TrilogyColor.GREY)
+            : typo === TypographyColor.TEXT_GREY && getColorStyle(TrilogyColor.GREY)) ||
+        (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_GREY_LIGHT)
+            ? getColorStyle(TrilogyColor.GREY_LIGHT)
+            : typo === TypographyColor.TEXT_GREY_LIGHT && getColorStyle(TrilogyColor.GREY_LIGHT)) ||
+        (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_GREY_LIGHTER)
+            ? getColorStyle(TrilogyColor.GREY_LIGHTER)
+            : typo === TypographyColor.TEXT_GREY_LIGHTER && getColorStyle(TrilogyColor.GREY_LIGHTER)) ||
+        (Array.isArray(typo) && typo.includes(TypographyColor.TEXT_WHITE)
+            ? getColorStyle(TrilogyColor.WHITE)
+            : typo === TypographyColor.TEXT_WHITE && getColorStyle(TrilogyColor.WHITE)) ||
+        (inverted && !typo && getColorStyle(TrilogyColor.WHITE)) ||
+        getColorStyle(TrilogyColor.TERTIARY));
+};
+//# sourceMappingURL=TypographyColor.js.map

package/lib/objects/Typography/TypographyColor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TypographyColor.js","sourceRoot":"","sources":["../../../objects/Typography/TypographyColor.ts"],"names":[],"mappings":"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"}

package/lib/objects/Typography/TypographyTransform.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Typo transform
+ */
+export declare enum TypographyTransform {
+    TEXT_CAPITALIZED = "is-capitalized",
+    TEXT_LOWERCASE = "is-lowercase",
+    TEXT_UPPERCASE = "is-uppercase",
+    TEXT_ITALIC = "is-italic"
+}
+/**
+ * Typo transform values
+ */
+export type TypographyTransformValues = `${TypographyTransform}`;

package/lib/objects/Typography/TypographyTransform.js

@@ -0,0 +1,11 @@
+/**
+ * Typo transform
+ */
+export var TypographyTransform;
+(function (TypographyTransform) {
+    TypographyTransform["TEXT_CAPITALIZED"] = "is-capitalized";
+    TypographyTransform["TEXT_LOWERCASE"] = "is-lowercase";
+    TypographyTransform["TEXT_UPPERCASE"] = "is-uppercase";
+    TypographyTransform["TEXT_ITALIC"] = "is-italic";
+})(TypographyTransform || (TypographyTransform = {}));
+//# sourceMappingURL=TypographyTransform.js.map

package/lib/objects/Typography/TypographyTransform.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TypographyTransform.js","sourceRoot":"","sources":["../../../objects/Typography/TypographyTransform.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAN,IAAY,mBAKX;AALD,WAAY,mBAAmB;IAC7B,0DAAmC,CAAA;IACnC,sDAA+B,CAAA;IAC/B,sDAA+B,CAAA;IAC/B,gDAAyB,CAAA;AAC3B,CAAC,EALW,mBAAmB,KAAnB,mBAAmB,QAK9B"}

package/lib/objects/Typography/index.d.ts

@@ -0,0 +1,4 @@
+export * from './TypographyAlign';
+export * from './TypographyBold';
+export * from './TypographyColor';
+export * from './TypographyTransform';

package/lib/objects/Typography/index.js

@@ -0,0 +1,5 @@
+export * from './TypographyAlign';
+export * from './TypographyBold';
+export * from './TypographyColor';
+export * from './TypographyTransform';
+//# sourceMappingURL=index.js.map

package/lib/objects/Typography/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../objects/Typography/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AACjC,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,uBAAuB,CAAA"}

package/lib/objects/atoms/Background.d.ts

@@ -0,0 +1,19 @@
+import { TrilogyColor, TrilogyColorValues } from '../facets/Color';
+/**
+ * Background props
+ */
+export interface BackgroundProps {
+    background?: TrilogyColor | TrilogyColorValues;
+}
+/**
+ * Returns background's classname depending on background type
+ * @param backgroundType {string} - BackgroundType
+ * @returns {string} - Background Color value
+ */
+export declare const getBackgroundClassName: (backgroundType: string) => string;
+/**
+ * Returns background's style depending on background type
+ * @param backgroundType {string} - BackgroundType
+ * @returns {string} - Background Color value
+ */
+export declare const getBackgroundStyle: (backgroundType: string) => string;

package/lib/objects/atoms/Background.js

@@ -0,0 +1,18 @@
+import { getColorClassName, getColorStyle } from '../facets/Color';
+/**
+ * Returns background's classname depending on background type
+ * @param backgroundType {string} - BackgroundType
+ * @returns {string} - Background Color value
+ */
+export const getBackgroundClassName = (backgroundType) => {
+    return `background-${getColorClassName(backgroundType)}`;
+};
+/**
+ * Returns background's style depending on background type
+ * @param backgroundType {string} - BackgroundType
+ * @returns {string} - Background Color value
+ */
+export const getBackgroundStyle = (backgroundType) => {
+    return getColorStyle(backgroundType);
+};
+//# sourceMappingURL=Background.js.map

package/lib/objects/atoms/Background.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Background.js","sourceRoot":"","sources":["../../../objects/atoms/Background.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,iBAAiB,EAAE,aAAa,EAAsB,MAAM,iBAAiB,CAAA;AASpG;;;;GAIG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,cAAsB,EAAU,EAAE;IACvE,OAAO,cAAc,iBAAiB,CAAC,cAAc,CAAC,EAAE,CAAA;AAC1D,CAAC,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,cAAsB,EAAU,EAAE;IACnE,OAAO,aAAa,CAAC,cAAc,CAAC,CAAA;AACtC,CAAC,CAAA"}

package/lib/objects/atoms/Text.d.ts

@@ -0,0 +1,27 @@
+/**
+ * Text color Style
+ */
+declare enum TextStyle {
+    PRIMARY = "PRIMARY",
+    SECONDARY = "SECONDARY",
+    TERTIARY = "TERTIARY"
+}
+/**
+ * TextVariant props
+ */
+export interface TextVariantProps {
+    textVariant?: TextStyle | keyof typeof TextStyle;
+}
+/**
+ * Returns text's classname depending on text type
+ * @param textType {string} - Text type
+ * @returns {string} - Text value
+ */
+export declare const getTextClassName: (textType?: string) => string;
+/**
+ * Returns text's style depending on text type
+ * @param textType {string} - Text type
+ * @returns {string} - Text value
+ */
+export declare const getTextStyle: (textType?: string) => string;
+export {};

package/lib/objects/atoms/Text.js

@@ -0,0 +1,61 @@
+import { getColorStyle } from '../facets';
+/**
+ * Text color Style
+ */
+var TextStyle;
+(function (TextStyle) {
+    TextStyle["PRIMARY"] = "PRIMARY";
+    TextStyle["SECONDARY"] = "SECONDARY";
+    TextStyle["TERTIARY"] = "TERTIARY";
+})(TextStyle || (TextStyle = {}));
+/**
+ * Returns text's classname depending on text type
+ * @param textType {string} - Text type
+ * @returns {string} - Text value
+ */
+export const getTextClassName = (textType) => {
+    switch (textType) {
+        case 'PRIMARY':
+            return 'text-primary';
+        case 'SECONDARY':
+            return 'text-secondary';
+        case 'TERTIARY':
+            return 'text-tertiary';
+        case 'WHITE':
+            return 'text-white';
+        case 'GREY':
+            return 'text-grey';
+        case 'GREY_LIGHT':
+            return 'text-grey-light';
+        case 'GREY_DARK':
+            return 'text-grey-dark';
+        case 'SUCCESS':
+            return 'text-success';
+        case 'WARNING':
+            return 'text-warning';
+        case 'ERROR':
+            return 'text-error';
+        case 'INFO':
+            return 'text-info';
+        default:
+            return '';
+    }
+};
+/**
+ * Returns text's style depending on text type
+ * @param textType {string} - Text type
+ * @returns {string} - Text value
+ */
+export const getTextStyle = (textType) => {
+    switch (textType) {
+        case 'PRIMARY':
+            return getColorStyle('PRIMARY');
+        case 'SECONDARY':
+            return getColorStyle('SECONDARY');
+        case 'TERTIARY':
+            return getColorStyle('TERTIARY');
+        default:
+            return '';
+    }
+};
+//# sourceMappingURL=Text.js.map

package/lib/objects/atoms/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../objects/atoms/Text.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAEzC;;GAEG;AACH,IAAK,SAIJ;AAJD,WAAK,SAAS;IACZ,gCAAmB,CAAA;IACnB,oCAAuB,CAAA;IACvB,kCAAqB,CAAA;AACvB,CAAC,EAJI,SAAS,KAAT,SAAS,QAIb;AASD;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,QAAiB,EAAU,EAAE;IAC5D,QAAQ,QAAQ,EAAE;QAChB,KAAK,SAAS;YACZ,OAAO,cAAc,CAAA;QACvB,KAAK,WAAW;YACd,OAAO,gBAAgB,CAAA;QACzB,KAAK,UAAU;YACb,OAAO,eAAe,CAAA;QACxB,KAAK,OAAO;YACV,OAAO,YAAY,CAAA;QACrB,KAAK,MAAM;YACT,OAAO,WAAW,CAAA;QACpB,KAAK,YAAY;YACf,OAAO,iBAAiB,CAAA;QAC1B,KAAK,WAAW;YACd,OAAO,gBAAgB,CAAA;QACzB,KAAK,SAAS;YACZ,OAAO,cAAc,CAAA;QACvB,KAAK,SAAS;YACZ,OAAO,cAAc,CAAA;QACvB,KAAK,OAAO;YACV,OAAO,YAAY,CAAA;QACrB,KAAK,MAAM;YACT,OAAO,WAAW,CAAA;QACpB;YACE,OAAO,EAAE,CAAA;KACZ;AACH,CAAC,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,QAAiB,EAAU,EAAE;IACxD,QAAQ,QAAQ,EAAE;QAChB,KAAK,SAAS;YACZ,OAAO,aAAa,CAAC,SAAS,CAAC,CAAA;QACjC,KAAK,WAAW;YACd,OAAO,aAAa,CAAC,WAAW,CAAC,CAAA;QACnC,KAAK,UAAU;YACb,OAAO,aAAa,CAAC,UAAU,CAAC,CAAA;QAClC;YACE,OAAO,EAAE,CAAA;KACZ;AACH,CAAC,CAAA"}

package/lib/objects/atoms/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Background';
+export * from './Text';

package/lib/objects/atoms/index.js

@@ -0,0 +1,3 @@
+export * from './Background';
+export * from './Text';
+//# sourceMappingURL=index.js.map

package/lib/objects/atoms/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../objects/atoms/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA"}

package/lib/objects/facets/Accessibility.d.ts

@@ -0,0 +1,4 @@
+export interface Accessibility {
+    testId?: string;
+    accessibilityLabel?: string;
+}

package/lib/objects/facets/Accessibility.js

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

package/lib/objects/facets/Accessibility.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accessibility.js","sourceRoot":"","sources":["../../../objects/facets/Accessibility.ts"],"names":[],"mappings":""}

package/lib/objects/facets/Alert.d.ts

@@ -0,0 +1,36 @@
+import { IconName, IconNameValues } from '../../components/icon';
+/**
+ * Alert State
+ */
+export declare enum AlertState {
+    SUCCESS = "SUCCESS",
+    INFO = "INFO",
+    WARNING = "WARNING",
+    ERROR = "ERROR"
+}
+export type AlertStateValues = `${AlertState}`;
+/**
+ * Alert props
+ */
+export interface AlertProps {
+    alert?: AlertState | AlertStateValues;
+    id?: string;
+}
+/**
+ * Returns alert's classname depending on alert type
+ * @param alertType {string} - Alert type
+ * @returns {string} - Alert value
+ */
+export declare const getAlertClassName: (alertType?: string) => string;
+/**
+ * Returns alert's style depending on alert type
+ * @param alertType {string} - Alert type
+ * @returns {string} - Alert value
+ */
+export declare const getAlertStyle: (alertType?: string) => string;
+/**
+ * Returns alert's icon name depending on alert type
+ * @param alertType {string} - Alert type
+ * @returns {string} - Alert value
+ */
+export declare const getAlertIconName: (alertType?: string) => IconName | IconNameValues;

package/lib/objects/facets/Alert.js

@@ -0,0 +1,70 @@
+import { IconName } from '../../components/icon';
+import { getColorStyle } from './Color';
+/**
+ * Alert State
+ */
+export var AlertState;
+(function (AlertState) {
+    AlertState["SUCCESS"] = "SUCCESS";
+    AlertState["INFO"] = "INFO";
+    AlertState["WARNING"] = "WARNING";
+    AlertState["ERROR"] = "ERROR";
+})(AlertState || (AlertState = {}));
+/**
+ * Returns alert's classname depending on alert type
+ * @param alertType {string} - Alert type
+ * @returns {string} - Alert value
+ */
+export const getAlertClassName = (alertType) => {
+    switch (alertType) {
+        case 'SUCCESS':
+            return 'success';
+        case 'INFO':
+            return 'info';
+        case 'WARNING':
+            return 'warning';
+        case 'ERROR':
+            return 'error';
+        default:
+            return '';
+    }
+};
+/**
+ * Returns alert's style depending on alert type
+ * @param alertType {string} - Alert type
+ * @returns {string} - Alert value
+ */
+export const getAlertStyle = (alertType) => {
+    switch (alertType) {
+        case 'SUCCESS':
+            return getColorStyle('SUCCESS');
+        case 'INFO':
+            return getColorStyle('INFO');
+        case 'WARNING':
+            return getColorStyle('WARNING');
+        case 'ERROR':
+            return getColorStyle('ERROR');
+        default:
+            return '';
+    }
+};
+/**
+ * Returns alert's icon name depending on alert type
+ * @param alertType {string} - Alert type
+ * @returns {string} - Alert value
+ */
+export const getAlertIconName = (alertType) => {
+    switch (alertType) {
+        case 'SUCCESS':
+            return IconName.CHECK_CIRCLE;
+        case 'INFO':
+            return IconName.INFOS_CIRCLE;
+        case 'WARNING':
+            return IconName.ALERT;
+        case 'ERROR':
+            return IconName.EXCLAMATION_CIRCLE;
+        default:
+            return IconName.INFOS_CIRCLE;
+    }
+};
+//# sourceMappingURL=Alert.js.map

package/lib/objects/facets/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../objects/facets/Alert.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAkB,MAAM,uBAAuB,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAEvC;;GAEG;AACH,MAAM,CAAN,IAAY,UAKX;AALD,WAAY,UAAU;IACpB,iCAAmB,CAAA;IACnB,2BAAa,CAAA;IACb,iCAAmB,CAAA;IACnB,6BAAe,CAAA;AACjB,CAAC,EALW,UAAU,KAAV,UAAU,QAKrB;AAYD;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,SAAkB,EAAU,EAAE;IAC9D,QAAQ,SAAS,EAAE;QACjB,KAAK,SAAS;YACZ,OAAO,SAAS,CAAA;QAClB,KAAK,MAAM;YACT,OAAO,MAAM,CAAA;QACf,KAAK,SAAS;YACZ,OAAO,SAAS,CAAA;QAClB,KAAK,OAAO;YACV,OAAO,OAAO,CAAA;QAChB;YACE,OAAO,EAAE,CAAA;KACZ;AACH,CAAC,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,SAAkB,EAAU,EAAE;IAC1D,QAAQ,SAAS,EAAE;QACjB,KAAK,SAAS;YACZ,OAAO,aAAa,CAAC,SAAS,CAAC,CAAA;QACjC,KAAK,MAAM;YACT,OAAO,aAAa,CAAC,MAAM,CAAC,CAAA;QAC9B,KAAK,SAAS;YACZ,OAAO,aAAa,CAAC,SAAS,CAAC,CAAA;QACjC,KAAK,OAAO;YACV,OAAO,aAAa,CAAC,OAAO,CAAC,CAAA;QAC/B;YACE,OAAO,EAAE,CAAA;KACZ;AACH,CAAC,CAAA;AAED;;;;GAIG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,SAAkB,EAA6B,EAAE;IAChF,QAAQ,SAAS,EAAE;QACjB,KAAK,SAAS;YACZ,OAAO,QAAQ,CAAC,YAAY,CAAA;QAC9B,KAAK,MAAM;YACT,OAAO,QAAQ,CAAC,YAAY,CAAA;QAC9B,KAAK,SAAS;YACZ,OAAO,QAAQ,CAAC,KAAK,CAAA;QACvB,KAAK,OAAO;YACV,OAAO,QAAQ,CAAC,kBAAkB,CAAA;QACpC;YACE,OAAO,QAAQ,CAAC,YAAY,CAAA;KAC/B;AACH,CAAC,CAAA"}

package/lib/objects/facets/Alignable.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Component Alignement
+ */
+export declare enum Alignable {
+    ALIGNED_CENTER = "ALIGNED_CENTER",
+    ALIGNED_START = "ALIGNED_START",
+    ALIGNED_END = "ALIGNED_END"
+}
+export type AlignableValues = `${Alignable}`;
+export interface AlignableProps {
+    align?: Alignable | AlignableValues;
+    verticalAlign?: Alignable | AlignableValues;
+}
+/**
+ * Returns alignement classname depending on align type
+ * @param alignType {Alignable|string} - Alert type
+ * @returns {string} - Align value
+ */
+export declare const getAlignClassName: (alignType?: string) => string;
+/**
+ * Returns alignement classname depending on align type
+ * @param alignType {Alignable|string} - Align type
+ * @returns {string} - Align value
+ */
+export declare const getAlignStyle: (alignType?: string) => "center" | "flex-start" | "flex-end";

package/lib/objects/facets/Alignable.js

@@ -0,0 +1,45 @@
+/**
+ * Component Alignement
+ */
+export var Alignable;
+(function (Alignable) {
+    Alignable["ALIGNED_CENTER"] = "ALIGNED_CENTER";
+    Alignable["ALIGNED_START"] = "ALIGNED_START";
+    Alignable["ALIGNED_END"] = "ALIGNED_END";
+})(Alignable || (Alignable = {}));
+/**
+ * Returns alignement classname depending on align type
+ * @param alignType {Alignable|string} - Alert type
+ * @returns {string} - Align value
+ */
+export const getAlignClassName = (alignType) => {
+    switch (alignType) {
+        case 'ALIGNED_CENTER':
+            return 'aligned-center';
+        case 'ALIGNED_START':
+            return 'aligned-start';
+        case 'ALIGNED_END':
+            return 'aligned-end';
+        default:
+            return 'aligned-start';
+    }
+};
+/**
+ * Returns alignement classname depending on align type
+ * @param alignType {Alignable|string} - Align type
+ * @returns {string} - Align value
+ */
+// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
+export const getAlignStyle = (alignType) => {
+    switch (alignType) {
+        case 'ALIGNED_CENTER':
+            return 'center';
+        case 'ALIGNED_START':
+            return 'flex-start';
+        case 'ALIGNED_END':
+            return 'flex-end';
+        default:
+            return 'flex-start';
+    }
+};
+//# sourceMappingURL=Alignable.js.map

package/lib/objects/facets/Alignable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alignable.js","sourceRoot":"","sources":["../../../objects/facets/Alignable.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAN,IAAY,SAIX;AAJD,WAAY,SAAS;IACnB,8CAAiC,CAAA;IACjC,4CAA+B,CAAA;IAC/B,wCAA2B,CAAA;AAC7B,CAAC,EAJW,SAAS,KAAT,SAAS,QAIpB;AASD;;;;GAIG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,SAAkB,EAAU,EAAE;IAC9D,QAAQ,SAAS,EAAE;QACjB,KAAK,gBAAgB;YACnB,OAAO,gBAAgB,CAAA;QACzB,KAAK,eAAe;YAClB,OAAO,eAAe,CAAA;QACxB,KAAK,aAAa;YAChB,OAAO,aAAa,CAAA;QACtB;YACE,OAAO,eAAe,CAAA;KACzB;AACH,CAAC,CAAA;AAED;;;;GAIG;AACH,6EAA6E;AAC7E,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,SAAkB,EAAE,EAAE;IAClD,QAAQ,SAAS,EAAE;QACjB,KAAK,gBAAgB;YACnB,OAAO,QAAQ,CAAA;QACjB,KAAK,eAAe;YAClB,OAAO,YAAY,CAAA;QACrB,KAAK,aAAa;YAChB,OAAO,UAAU,CAAA;QACnB;YACE,OAAO,YAAY,CAAA;KACtB;AACH,CAAC,CAAA"}

package/lib/objects/facets/Alternate.d.ts

@@ -0,0 +1,3 @@
+export interface Alternate {
+    alternate?: boolean;
+}

package/lib/objects/facets/Alternate.js

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

package/lib/objects/facets/Alternate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alternate.js","sourceRoot":"","sources":["../../../objects/facets/Alternate.ts"],"names":[],"mappings":""}

package/lib/objects/facets/Centerable.d.ts

@@ -0,0 +1,3 @@
+export interface Centerable {
+    centered?: boolean;
+}

package/lib/objects/facets/Centerable.js

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

package/lib/objects/facets/Centerable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Centerable.js","sourceRoot":"","sources":["../../../objects/facets/Centerable.ts"],"names":[],"mappings":""}

package/lib/objects/facets/ChildrenWithNoText.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export type ReactElementWithNoText = Exclude<React.ReactElement, string> | boolean | null | undefined;
+export type ArrayOfReactElementWithNoText = Array<ReactElementWithNoText>;
+export type ReactElementsWithNoText = ReactElementWithNoText | ArrayOfReactElementWithNoText;
+export interface ChildrenWithNoText {
+    children?: ReactElementsWithNoText;
+}

package/lib/objects/facets/ChildrenWithNoText.js

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

package/lib/objects/facets/ChildrenWithNoText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChildrenWithNoText.js","sourceRoot":"","sources":["../../../objects/facets/ChildrenWithNoText.ts"],"names":[],"mappings":""}

package/lib/objects/facets/Clickable.d.ts

@@ -0,0 +1,4 @@
+import { ClickEvent } from './../../events/OnClickEvent';
+export interface Clickable {
+    onClick?: ClickEvent;
+}

package/lib/objects/facets/Clickable.js

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

package/lib/objects/facets/Clickable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Clickable.js","sourceRoot":"","sources":["../../../objects/facets/Clickable.ts"],"names":[],"mappings":""}

package/lib/objects/facets/Clipped.d.ts

@@ -0,0 +1,3 @@
+export interface Clipped {
+    clipped?: boolean;
+}

package/lib/objects/facets/Clipped.js

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

package/lib/objects/facets/Clipped.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Clipped.js","sourceRoot":"","sources":["../../../objects/facets/Clipped.ts"],"names":[],"mappings":""}

package/lib/objects/facets/Color.d.ts

@@ -0,0 +1,44 @@
+/**
+ * Trilogy color
+ */
+export declare enum TrilogyColor {
+    SUCCESS = "SUCCESS",
+    INFO = "INFO",
+    WARNING = "WARNING",
+    ERROR = "ERROR",
+    PRIMARY = "PRIMARY",
+    SECONDARY = "SECONDARY",
+    TERTIARY = "TERTIARY",
+    WHITE = "WHITE",
+    GREY = "GREY",
+    GREY_DARK = "GREY_DARK",
+    GREY_LIGHT = "GREY_LIGHT",
+    GREY_LIGHTER = "GREY_LIGHTER",
+    GREY_DISABLED = "GREY_DISABLED",
+    BG_SUCCESS = "BG-SUCCESS",
+    BG_INFO = "BG-INFO",
+    BG_WARNING = "BG-WARNING",
+    BG_ERROR = "BG-ERROR",
+    BG_DEFAULT = "BG-DEFAULT",
+    BG_DISABLED = "BG-DISABLED"
+}
+export type TrilogyColorValues = `${TrilogyColor}`;
+export declare const mixColors: (baseColor: TrilogyColor, tint: number) => string;
+/**
+ * Returns color's className depending on Trilogy Color
+ * @param trilogyColor {string} - Trilogy Color
+ * @returns {string} - Color value
+ */
+export declare const getColorClassName: (trilogyColor?: string) => string;
+/**
+ * Returns color's style depending on Trilogy Color
+ * @param trilogyColor {string} - Trilogy Color
+ * @returns {string} - Color style value
+ */
+export declare const getColorStyle: (trilogyColor?: string) => string;
+/**
+ * Returns the background color of a variant
+ * @param variant {string} - The variant name (success, error, warning or info)
+ * @returns {string} - The background color value
+ */
+export declare const getBackgroundOfVariant: (variant?: string) => string;