@trilogy-ds/react 0.0.1-beta-110 → 0.0.1-beta-112

package/lib/components/alert/AlertProps.d.ts

@@ -1,13 +1,13 @@
 /// <reference types="react" />
 import { Clickable } from '../../objects/facets/Clickable';
-import { Accessibility, StatusProps } from '../../objects/facets';
+import { Accessibility, AlertProps as PropsAlert } from '../../objects/facets';
 import { IconName, IconNameValues } from '../../components/icon/IconNameEnum';
 import { ClickEvent } from "../../events/OnClickEvent";
 export declare enum ToasterAlertPosition {
     TOP = "top",
     BOTTOM = "bottom"
 }
-export interface ToasterStatusProps extends StatusProps, Clickable, Accessibility {
+export interface ToasterAlertProps extends AlertProps, Clickable, Accessibility {
     children?: React.ReactNode;
     className?: string;
     toasterChildren?: React.ReactNode;
@@ -26,11 +26,12 @@ export interface ToasterStatusProps extends StatusProps, Clickable, Accessibilit
 /**
  * Alert Interface
  */
-export interface AlertProps extends StatusProps, Clickable, Accessibility {
+export interface AlertProps extends PropsAlert, Clickable, Accessibility {
     iconName?: IconName | IconNameValues;
     title?: string | React.ReactNode;
     description?: string | React.ReactNode;
     className?: string;
+    iconClassname?: string;
     display?: boolean;
     toaster?: boolean;
 }

package/lib/components/alert/context/ToasterContextProps.d.ts

@@ -1,16 +1,16 @@
-import { Accessibility, StatusProps } from '../../../objects';
+import { Accessibility, AlertProps } from '../../../objects';
 import { IconName, IconNameValues } from '../../../components/icon';
 import { ToasterAlertPosition } from '../../../components/alert/AlertProps';
 /**
  * @param title {string} Notification title content
  * @param description {string|ReactNode} Notification description content
  * @param iconName {IconName} Custom icon
- * @param alert {StatusState} Alert Variant (INFO|SUCCESS|WARNING|ERROR)
+ * @param alert {AlertState} Alert Variant (INFO|SUCCESS|WARNING|ERROR)
  * @param onClick {Function} onClick Event for all notification
  * @param closable {Function} onClick Event on cross icon
  * @param onHide {Function} onClick Event on hide
  */
-export interface ToastProps extends StatusProps, Accessibility {
+export interface ToastProps extends AlertProps, Accessibility {
     title: string;
     description?: string;
     iconName?: IconName | IconNameValues;

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

@@ -1,3 +1,4 @@
 import Alert, { ToasterAlertProvider } from './Alert';
+import AlertExample from './Alert.example';
 import ToasterContext from './context';
-export { Alert, ToasterContext, ToasterAlertProvider };
+export { Alert, AlertExample, ToasterContext, ToasterAlertProvider };

package/lib/components/alert/index.js

@@ -1,4 +1,5 @@
 import Alert, { ToasterAlertProvider } from './Alert';
+import AlertExample from './Alert.example';
 import ToasterContext from './context';
-export { Alert, ToasterContext, ToasterAlertProvider };
+export { Alert, AlertExample, ToasterContext, ToasterAlertProvider };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AACrD,OAAO,cAAc,MAAM,WAAW,CAAA;AAEtC,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,oBAAoB,EAAE,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/alert/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AACrD,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAC1C,OAAO,cAAc,MAAM,WAAW,CAAA;AAEtC,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,oBAAoB,EAAE,CAAA"}

package/lib/components/autolayout/AutoLayout.native.js

@@ -11,7 +11,7 @@ import { ComponentName } from "../../components/enumsComponentsName";
  * @param edgeSize {SpacerSize} Edge size if exist (default = SMALL)
  * @param noSpace {boolean} Set spaces between children to NONE
  */
-const AutoLayout = ({ children, matrix = DEFAULT_SPACING_MATRIX, edges, edgeSize = SpacerSize.TWO, noSpace, }) => {
+const AutoLayout = ({ children, matrix = DEFAULT_SPACING_MATRIX, edges, edgeSize = SpacerSize.SMALL, noSpace, }) => {
     const hasBottomEdge = edges === null || edges === void 0 ? void 0 : edges.includes("bottom");
     const hasTopEdge = edges === null || edges === void 0 ? void 0 : edges.includes("top");
     return (React.createElement(React.Fragment, null,

package/lib/components/autolayout/AutoLayout.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutoLayout.native.js","sourceRoot":"","sources":["../../../components/autolayout/AutoLayout.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAA;AAC/D,OAAO,EAAE,yBAAyB,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAC/E,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAExD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;;;;;GAOG;AACH,MAAM,UAAU,GAA8B,CAAC,EAC7C,QAAQ,EACR,MAAM,GAAG,sBAAsB,EAC/B,KAAK,EACL,QAAQ,GAAG,UAAU,CAAC,GAAG,EACzB,OAAO,GACR,EAAe,EAAE;IAChB,MAAM,aAAa,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CAAC,QAAQ,CAAC,CAAA;IAC/C,MAAM,UAAU,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CAAC,KAAK,CAAC,CAAA;IACzC,OAAO,CACL;QACG,UAAU,IAAI,oBAAC,MAAM,IAAC,IAAI,EAAE,QAAQ,GAAI;QACxC,OAAO;YACN,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,aAAa,CAAC;gBACZ,QAAQ;gBACR,qBAAqB,EAAE,CAAC,KAAK,EAAE,EAAE,CAC/B,yBAAyB,CAAC,MAAM,EAAE,KAAK,CAAC;aAC3C,CAAC;QACL,aAAa,IAAI,oBAAC,MAAM,IAAC,IAAI,EAAE,QAAQ,GAAI,CAC3C,CACJ,CAAA;AACH,CAAC,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,aAAa,CAAC,UAAU,CAAA;AAEjD,eAAe,UAAU,CAAA"}
+{"version":3,"file":"AutoLayout.native.js","sourceRoot":"","sources":["../../../components/autolayout/AutoLayout.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAA;AAC/D,OAAO,EAAE,yBAAyB,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAA;AAC/E,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAExD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;;;;;GAOG;AACH,MAAM,UAAU,GAA8B,CAAC,EAC7C,QAAQ,EACR,MAAM,GAAG,sBAAsB,EAC/B,KAAK,EACL,QAAQ,GAAG,UAAU,CAAC,KAAK,EAC3B,OAAO,GACR,EAAe,EAAE;IAChB,MAAM,aAAa,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CAAC,QAAQ,CAAC,CAAA;IAC/C,MAAM,UAAU,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CAAC,KAAK,CAAC,CAAA;IACzC,OAAO,CACL;QACG,UAAU,IAAI,oBAAC,MAAM,IAAC,IAAI,EAAE,QAAQ,GAAI;QACxC,OAAO;YACN,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,aAAa,CAAC;gBACZ,QAAQ;gBACR,qBAAqB,EAAE,CAAC,KAAK,EAAE,EAAE,CAC/B,yBAAyB,CAAC,MAAM,EAAE,KAAK,CAAC;aAC3C,CAAC;QACL,aAAa,IAAI,oBAAC,MAAM,IAAC,IAAI,EAAE,QAAQ,GAAI,CAC3C,CACJ,CAAA;AACH,CAAC,CAAA;AAED,UAAU,CAAC,WAAW,GAAG,aAAa,CAAC,UAAU,CAAA;AAEjD,eAAe,UAAU,CAAA"}

package/lib/components/autolayout/DefaultSpacingMatrix.js

@@ -1,40 +1,83 @@
 import { SpacerSize } from '../../components/spacer';
 import { SpacingMatrixMode } from './SpacingMatrix';
-const { FOUR, THREE, TWO } = SpacerSize;
+const { HUGE, LARGE, MEDIUM, SMALL, NONE } = SpacerSize;
 export const { INSERT_SPACE_BETWEEN } = SpacingMatrixMode;
 /**
  * Spacing matrix for defining spacings between component types
  */
 export const DEFAULT_SPACING_MATRIX = [
-    [INSERT_SPACE_BETWEEN, 'Accordion', 'default', FOUR],
-    [INSERT_SPACE_BETWEEN, 'Card', 'default', FOUR],
-    [INSERT_SPACE_BETWEEN, 'Box', 'default', FOUR],
-    [INSERT_SPACE_BETWEEN, 'Table', 'default', FOUR],
-    [INSERT_SPACE_BETWEEN, 'List', 'default', FOUR],
-    [INSERT_SPACE_BETWEEN, 'Timeline', 'default', FOUR],
-    [INSERT_SPACE_BETWEEN, 'Stepper', 'default', FOUR],
-    [INSERT_SPACE_BETWEEN, 'Pagination', 'default', FOUR],
-    [INSERT_SPACE_BETWEEN, 'SegmentControl', 'default', FOUR],
-    [INSERT_SPACE_BETWEEN, 'Tabs', 'default', FOUR],
-    [INSERT_SPACE_BETWEEN, 'Range', 'default', FOUR],
-    [INSERT_SPACE_BETWEEN, 'Price', 'default', TWO],
-    [INSERT_SPACE_BETWEEN, 'Button', 'default', FOUR],
-    [INSERT_SPACE_BETWEEN, 'Countdown', 'default', THREE],
-    [INSERT_SPACE_BETWEEN, 'Chips', 'default', THREE],
-    [INSERT_SPACE_BETWEEN, 'Text', 'default', TWO],
-    [INSERT_SPACE_BETWEEN, 'Title', 'default', THREE],
-    [INSERT_SPACE_BETWEEN, 'Progress', 'default', TWO],
-    [INSERT_SPACE_BETWEEN, 'ProgressRadial', 'default', TWO],
-    [INSERT_SPACE_BETWEEN, 'Radio', 'default', THREE],
-    [INSERT_SPACE_BETWEEN, 'Checkbox', 'default', THREE],
-    [INSERT_SPACE_BETWEEN, 'Switch', 'default', THREE],
-    [INSERT_SPACE_BETWEEN, 'Radio', 'default', FOUR],
-    [INSERT_SPACE_BETWEEN, 'Checkbox', 'default', FOUR],
-    [INSERT_SPACE_BETWEEN, 'Input', 'default', FOUR],
-    [INSERT_SPACE_BETWEEN, 'Textarea', 'default', FOUR],
-    [INSERT_SPACE_BETWEEN, 'Select', 'default', FOUR],
-    [INSERT_SPACE_BETWEEN, 'Link', 'default', TWO],
-    [INSERT_SPACE_BETWEEN, 'Sticker', 'default', TWO],
-    [INSERT_SPACE_BETWEEN, 'Tag', 'default', TWO],
+    [INSERT_SPACE_BETWEEN, 'Box', 'Box', SMALL],
+    [INSERT_SPACE_BETWEEN, 'Box', 'Button', LARGE],
+    [INSERT_SPACE_BETWEEN, 'Box', 'Title', MEDIUM],
+    [INSERT_SPACE_BETWEEN, 'Button', 'Button', MEDIUM],
+    [INSERT_SPACE_BETWEEN, 'Title', 'Button', MEDIUM],
+    [INSERT_SPACE_BETWEEN, 'Button', 'Divider', SMALL],
+    [INSERT_SPACE_BETWEEN, 'Button', 'Link', LARGE],
+    [INSERT_SPACE_BETWEEN, 'Button', 'Title', HUGE],
+    [INSERT_SPACE_BETWEEN, 'Text', 'Button', MEDIUM],
+    [INSERT_SPACE_BETWEEN, 'Text', 'Title', SMALL],
+    [INSERT_SPACE_BETWEEN, 'default', 'Divider', LARGE],
+    [INSERT_SPACE_BETWEEN, 'Divider', 'Button', SMALL],
+    [INSERT_SPACE_BETWEEN, 'Divider', 'default', LARGE],
+    [INSERT_SPACE_BETWEEN, 'Image', 'Title', LARGE],
+    [INSERT_SPACE_BETWEEN, 'Input', 'Input', LARGE],
+    [INSERT_SPACE_BETWEEN, 'Input', 'Progress', MEDIUM],
+    [INSERT_SPACE_BETWEEN, 'Link', 'Button', LARGE],
+    [INSERT_SPACE_BETWEEN, 'Link', 'Link', LARGE],
+    [INSERT_SPACE_BETWEEN, 'Progress', 'Progress', SMALL],
+    [INSERT_SPACE_BETWEEN, 'ProgressRadial', 'ProgressRadial', SMALL],
+    [INSERT_SPACE_BETWEEN, 'Radio', 'Button', MEDIUM],
+    [INSERT_SPACE_BETWEEN, 'Sticker', 'Sticker', SMALL],
+    [INSERT_SPACE_BETWEEN, 'Text', 'Radio', HUGE],
+    [INSERT_SPACE_BETWEEN, 'Text', 'Box', SMALL],
+    [INSERT_SPACE_BETWEEN, 'Text', 'Title', LARGE],
+    [INSERT_SPACE_BETWEEN, 'Title', 'Box', SMALL],
+    [INSERT_SPACE_BETWEEN, 'Title', 'Text', SMALL],
+    [INSERT_SPACE_BETWEEN, 'Title', 'Card', MEDIUM],
+    [INSERT_SPACE_BETWEEN, 'Title', 'Icon', MEDIUM],
+    [INSERT_SPACE_BETWEEN, 'Title', 'Title', SMALL],
+    [INSERT_SPACE_BETWEEN, 'Title', 'Tag', LARGE],
+    [INSERT_SPACE_BETWEEN, 'Title', 'default', MEDIUM],
+    [INSERT_SPACE_BETWEEN, 'Title', 'Text', SMALL],
+    [INSERT_SPACE_BETWEEN, 'Tag', 'Text', MEDIUM],
+    [INSERT_SPACE_BETWEEN, 'Tag', 'Title', LARGE],
+    [INSERT_SPACE_BETWEEN, 'AutoLayout', 'default', NONE],
+    [INSERT_SPACE_BETWEEN, 'default', 'AutoLayout', NONE],
+    [INSERT_SPACE_BETWEEN, 'Container', 'default', NONE],
+    [INSERT_SPACE_BETWEEN, 'default', 'Container', NONE],
+    [INSERT_SPACE_BETWEEN, 'Spacer', 'default', NONE],
+    [INSERT_SPACE_BETWEEN, 'default', 'Spacer', NONE],
+    [INSERT_SPACE_BETWEEN, 'View', 'default', NONE],
+    [INSERT_SPACE_BETWEEN, 'default', 'View', NONE],
+    [INSERT_SPACE_BETWEEN, 'Radio', 'default', HUGE],
+    [INSERT_SPACE_BETWEEN, 'default', 'Radio', HUGE],
+    [INSERT_SPACE_BETWEEN, 'Checkbox', 'default', HUGE],
+    [INSERT_SPACE_BETWEEN, 'default', 'Checkbox', HUGE],
+    [INSERT_SPACE_BETWEEN, 'default', 'Otp', HUGE],
+    [INSERT_SPACE_BETWEEN, 'Checkbox', 'default', HUGE],
+    [INSERT_SPACE_BETWEEN, 'default', 'Checkbox', HUGE],
+    [INSERT_SPACE_BETWEEN, 'Columns', 'Columns', SMALL],
+    [INSERT_SPACE_BETWEEN, 'Columns', 'default', MEDIUM],
+    [INSERT_SPACE_BETWEEN, 'default', 'Columns', MEDIUM],
+    [INSERT_SPACE_BETWEEN, 'Link', 'default', MEDIUM],
+    [INSERT_SPACE_BETWEEN, 'default', 'Link', MEDIUM],
+    [INSERT_SPACE_BETWEEN, 'Input', 'default', MEDIUM],
+    [INSERT_SPACE_BETWEEN, 'default', 'Input', MEDIUM],
+    [INSERT_SPACE_BETWEEN, 'Text', 'default', MEDIUM],
+    [INSERT_SPACE_BETWEEN, 'default', 'Text', MEDIUM],
+    [INSERT_SPACE_BETWEEN, 'Icon', 'default', MEDIUM],
+    [INSERT_SPACE_BETWEEN, 'Button', 'default', MEDIUM],
+    [INSERT_SPACE_BETWEEN, 'default', 'Button', MEDIUM],
+    [INSERT_SPACE_BETWEEN, 'default', 'default', SMALL],
+    [INSERT_SPACE_BETWEEN, 'Image', 'Text', MEDIUM],
+    [INSERT_SPACE_BETWEEN, 'Image', 'Title', MEDIUM],
+    [INSERT_SPACE_BETWEEN, 'View', 'Card', MEDIUM],
+    [INSERT_SPACE_BETWEEN, 'Card', 'View', MEDIUM],
+    [INSERT_SPACE_BETWEEN, 'Radio', 'Divider', SMALL],
+    [INSERT_SPACE_BETWEEN, 'Divider', 'Radio', SMALL],
+    [INSERT_SPACE_BETWEEN, 'Radio', 'Radio', MEDIUM],
+    [INSERT_SPACE_BETWEEN, 'Checkbox', 'Divider', SMALL],
+    [INSERT_SPACE_BETWEEN, 'Divider', 'Checkbox', SMALL],
+    [INSERT_SPACE_BETWEEN, 'Checkbox', 'Checkbox', SMALL],
 ];
 //# sourceMappingURL=DefaultSpacingMatrix.js.map

package/lib/components/autolayout/DefaultSpacingMatrix.js.map

@@ -1 +1 @@
-{"version":3,"file":"DefaultSpacingMatrix.js","sourceRoot":"","sources":["../../../components/autolayout/DefaultSpacingMatrix.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAA;AAChD,OAAO,EAAiB,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAElE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,UAAU,CAAA;AAEvC,MAAM,CAAC,MAAM,EAAE,oBAAoB,EAAE,GAAG,iBAAiB,CAAA;AAEzD;;GAEG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAkB;IACnD,CAAC,oBAAoB,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,CAAC;IACpD,CAAC,oBAAoB,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,CAAC;IAC/C,CAAC,oBAAoB,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,CAAC;IAC9C,CAAC,oBAAoB,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,CAAC;IAChD,CAAC,oBAAoB,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,CAAC;IAC/C,CAAC,oBAAoB,EAAE,UAAU,EAAE,SAAS,EAAE,IAAI,CAAC;IACnD,CAAC,oBAAoB,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC;IAClD,CAAC,oBAAoB,EAAE,YAAY,EAAE,SAAS,EAAE,IAAI,CAAC;IACrD,CAAC,oBAAoB,EAAE,gBAAgB,EAAE,SAAS,EAAE,IAAI,CAAC;IACzD,CAAC,oBAAoB,EAAE,MAAM,EAAE,SAAS,EAAE,IAAI,CAAC;IAC/C,CAAC,oBAAoB,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,CAAC;IAChD,CAAC,oBAAoB,EAAE,OAAO,EAAE,SAAS,EAAE,GAAG,CAAC;IAC/C,CAAC,oBAAoB,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,CAAC;IACjD,CAAC,oBAAoB,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,CAAC;IACrD,CAAC,oBAAoB,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,CAAC;IACjD,CAAC,oBAAoB,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,CAAC;IAC9C,CAAC,oBAAoB,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,CAAC;IACjD,CAAC,oBAAoB,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,CAAC;IAClD,CAAC,oBAAoB,EAAE,gBAAgB,EAAE,SAAS,EAAE,GAAG,CAAC;IACxD,CAAC,oBAAoB,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,CAAC;IACjD,CAAC,oBAAoB,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,CAAC;IACpD,CAAC,oBAAoB,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,CAAC;IAClD,CAAC,oBAAoB,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,CAAC;IAChD,CAAC,oBAAoB,EAAE,UAAU,EAAE,SAAS,EAAE,IAAI,CAAC;IACnD,CAAC,oBAAoB,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,CAAC;IAChD,CAAC,oBAAoB,EAAE,UAAU,EAAE,SAAS,EAAE,IAAI,CAAC;IACnD,CAAC,oBAAoB,EAAE,QAAQ,EAAE,SAAS,EAAE,IAAI,CAAC;IACjD,CAAC,oBAAoB,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,CAAC;IAC9C,CAAC,oBAAoB,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,CAAC;IACjD,CAAC,oBAAoB,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,CAAC;CAC9C,CAAC"}
+{"version":3,"file":"DefaultSpacingMatrix.js","sourceRoot":"","sources":["../../../components/autolayout/DefaultSpacingMatrix.ts"],"names":[],"mappings":"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"}

package/lib/components/badge/Badge.d.ts

@@ -5,12 +5,11 @@ import { BadgeProps } from "./BadgeProps";
  * @param children {React.ReactNode} If no content add children (Icon for example)
  * @param textContent {string} Content text for badge with text, if textContent props, it will display badge with text
  * @param content {string|number} Badge content text
- * @param inverted {boolean} Inverted style for Badge
- * @param reversed {boolean} Text reversed for Badge
+ * @param direction {BadgeTextDirection} Text direction for Badge (LEFT|RIGHT)
+ * @param color {BadgeColor} Change color for Badge
  * @param onClick {Function} onClick Event for Badge
- * @param testId {string} Test Id for Test Integration
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes (ONLY FOR WEB)
  */
-declare const Badge: ({ children, className, textContent, content, inverted, reversed, onClick, testId, ...others }: BadgeProps) => JSX.Element;
+declare const Badge: ({ children, className, textContent, content, direction, color, onClick, testId, ...others }: BadgeProps) => JSX.Element;
 export default Badge;

package/lib/components/badge/Badge.example.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const BadgeExample: React.ReactNode;
+export default BadgeExample;

package/lib/components/badge/Badge.example.js

@@ -0,0 +1,5 @@
+import React from 'react';
+import { Badge } from "./index";
+const BadgeExample = React.createElement(Badge, { content: 5 });
+export default BadgeExample;
+//# sourceMappingURL=Badge.example.js.map

package/lib/components/badge/Badge.example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.example.js","sourceRoot":"","sources":["../../../components/badge/Badge.example.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,KAAK,EACN,MAAM,SAAS,CAAA;AAEhB,MAAM,YAAY,GAAoB,oBAAC,KAAK,IAC1C,OAAO,EAAE,CAAC,GACV,CAAA;AAEF,eAAe,YAAY,CAAA"}

package/lib/components/badge/Badge.js

@@ -1,22 +1,23 @@
 import * as React from "react";
 import { Text, TextMarkup } from "../../components/text";
+import { BadgeTextDirection } from "./BadgeEnum";
+import { has } from "../../services";
+import { getColorClassName, } from "../../objects/facets";
 import clsx from "clsx";
 import { hashClass } from "../../helpers";
 import { useTrilogyContext } from "../../context";
-import { is } from "../../services";
 /**
  * Badge Component
  * @param children {React.ReactNode} If no content add children (Icon for example)
  * @param textContent {string} Content text for badge with text, if textContent props, it will display badge with text
  * @param content {string|number} Badge content text
- * @param inverted {boolean} Inverted style for Badge
- * @param reversed {boolean} Text reversed for Badge
+ * @param direction {BadgeTextDirection} Text direction for Badge (LEFT|RIGHT)
+ * @param color {BadgeColor} Change color for Badge
  * @param onClick {Function} onClick Event for Badge
- * @param testId {string} Test Id for Test Integration
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes (ONLY FOR WEB)
  */
-const Badge = ({ children, className, textContent, content, inverted, reversed, onClick, testId, ...others }) => {
+const Badge = ({ children, className, textContent, content, direction, color, onClick, testId, ...others }) => {
     const { styled } = useTrilogyContext();
     const classes = hashClass(styled, clsx(textContent ? "badge-and-text" : "badge", className));
     if (textContent) {
@@ -24,15 +25,17 @@ const Badge = ({ children, className, textContent, content, inverted, reversed,
                 onClick === null || onClick === void 0 ? void 0 : onClick(e);
                 e.stopPropagation();
             }, className: classes, ...others },
-            !reversed && (React.createElement(Text, { markup: TextMarkup.P }, textContent)),
-            React.createElement("span", { className: hashClass(styled, clsx("badge", inverted && is('inverted'))) }, content || children),
-            reversed && (React.createElement(Text, { markup: TextMarkup.P }, textContent))));
+            (!direction || direction === BadgeTextDirection.LEFT) && (React.createElement(Text, { markup: TextMarkup.P }, textContent)),
+            React.createElement("span", { className: hashClass(styled, clsx(color &&
+                    has(`background-${getColorClassName(color)}`), "badge is-level")) }, content || children),
+            direction === BadgeTextDirection.RIGHT && (React.createElement(Text, { markup: TextMarkup.P }, textContent))));
     }
     return (React.createElement("div", { "data-testid": testId, onClick: (e) => {
             onClick === null || onClick === void 0 ? void 0 : onClick(e);
             e.stopPropagation();
         } },
-        React.createElement(Text, { className: clsx(textContent ? "badge-and-text" : "badge", className), markup: TextMarkup.SPAN, ...others }, content || children)));
+        React.createElement(Text, { className: clsx(color &&
+                has(`background-${getColorClassName(color)}`), textContent ? "badge-and-text" : "badge", className), markup: TextMarkup.SPAN, ...others }, content || children)));
 };
 export default Badge;
 //# sourceMappingURL=Badge.js.map

package/lib/components/badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../components/badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAC,EAAE,EAAC,MAAM,YAAY,CAAC;AAE9B;;;;;;;;;;;GAWG;AACH,MAAM,KAAK,GAAG,CAAC,EACb,QAAQ,EACR,SAAS,EACT,WAAW,EACX,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,MAAM,EACN,GAAG,MAAM,EACE,EAAe,EAAE;IAC5B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,OAAO,EAC3C,SAAS,CAAC,CACb,CAAA;IAED,IAAI,WAAW,EAAE;QACf,OAAO,CACL,4CACe,MAAM,EACnB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAA;gBACZ,CAAC,CAAC,eAAe,EAAE,CAAA;YACrB,CAAC,EACD,SAAS,EAAE,OAAO,KACd,MAAM;YAER,CAAC,QAAQ,IAAK,CACd,oBAAC,IAAI,IAAC,MAAM,EAAE,UAAU,CAAC,CAAC,IAAG,WAAW,CAAQ,CACjD;YACD,8BACE,SAAS,EAAE,SAAS,CAClB,MAAM,EACN,IAAI,CAAC,OAAO,EACV,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,CAAC,CAC9B,IAEA,OAAO,IAAI,QAAQ,CACf;YACN,QAAQ,IAAI,CACX,oBAAC,IAAI,IAAC,MAAM,EAAE,UAAU,CAAC,CAAC,IAAG,WAAW,CAAQ,CACjD,CACG,CACP,CAAA;KACF;IAED,OAAO,CACL,4CACe,MAAM,EACnB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAA;YACZ,CAAC,CAAC,eAAe,EAAE,CAAA;QACrB,CAAC;QAED,oBAAC,IAAI,IACH,SAAS,EAAE,IAAI,CACb,WAAW,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,OAAO,EACxC,SAAS,CACV,EACD,MAAM,EAAE,UAAU,CAAC,IAAI,KACnB,MAAM,IAET,OAAO,IAAI,QAAQ,CACf,CACH,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../components/badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAA;AAChD,OAAO,EAAE,GAAG,EAAE,MAAM,YAAY,CAAA;AAChC,OAAO,EAAE,iBAAiB,GAAqC,MAAM,kBAAkB,CAAA;AACvF,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;;;;GAUG;AACH,MAAM,KAAK,GAAG,CAAC,EACb,QAAQ,EACR,SAAS,EACT,WAAW,EACX,OAAO,EACP,SAAS,EACT,KAAK,EACL,OAAO,EACP,MAAM,EACN,GAAG,MAAM,EACE,EAAe,EAAE;IAC5B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,OAAO,EAAE,SAAS,CAAC,CAC1D,CAAA;IAED,IAAI,WAAW,EAAE;QACf,OAAO,CACL,4CACe,MAAM,EACnB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAA;gBACZ,CAAC,CAAC,eAAe,EAAE,CAAA;YACrB,CAAC,EACD,SAAS,EAAE,OAAO,KACd,MAAM;YAET,CAAC,CAAC,SAAS,IAAI,SAAS,KAAK,kBAAkB,CAAC,IAAI,CAAC,IAAI,CACxD,oBAAC,IAAI,IAAC,MAAM,EAAE,UAAU,CAAC,CAAC,IAAG,WAAW,CAAQ,CACjD;YACD,8BACE,SAAS,EAAE,SAAS,CAClB,MAAM,EACN,IAAI,CACF,KAAK;oBACH,GAAG,CACD,cAAc,iBAAiB,CAC7B,KAA0C,CAC3C,EAAE,CACJ,EACH,gBAAgB,CACjB,CACF,IAEA,OAAO,IAAI,QAAQ,CACf;YACN,SAAS,KAAK,kBAAkB,CAAC,KAAK,IAAI,CACzC,oBAAC,IAAI,IAAC,MAAM,EAAE,UAAU,CAAC,CAAC,IAAG,WAAW,CAAQ,CACjD,CACG,CACP,CAAA;KACF;IAED,OAAO,CACL,4CACe,MAAM,EACnB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAA;YACZ,CAAC,CAAC,eAAe,EAAE,CAAA;QACrB,CAAC;QAED,oBAAC,IAAI,IACH,SAAS,EAAE,IAAI,CACb,KAAK;gBACH,GAAG,CACD,cAAc,iBAAiB,CAC7B,KAA0C,CAC3C,EAAE,CACJ,EACH,WAAW,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,OAAO,EACxC,SAAS,CACV,EACD,MAAM,EAAE,UAAU,CAAC,IAAI,KACnB,MAAM,IAET,OAAO,IAAI,QAAQ,CACf,CACH,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}

package/lib/components/badge/Badge.native.d.ts

@@ -6,13 +6,12 @@ import { ComponentName } from "../../components/enumsComponentsName";
  * @param children {React.ReactNode} If no content add children (Icon for example)
  * @param textContent {string} Content text for badge with text, if textContent props, it will display badge with text
  * @param content content {string|number} Badge content text
- * @param direction {boolean} Text direction for Badge (LEFT|RIGHT)
+ * @param direction {BadgeTextDirection} Text direction for Badge (LEFT|RIGHT)
  * @param onClick {Function} onClick Event for Badge
- * @param reversed {boolean} Text reversed for Badge
- * @param testId {string} Test Id for Test Integration
+ * @param color {BadgeColor} Change color for Badge
  */
 declare const Badge: {
-    ({ children, textContent, content, reversed, onClick, testId, ...others }: BadgeProps): JSX.Element;
+    ({ children, textContent, content, direction, color, onClick, testId, ...others }: BadgeProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Badge;

package/lib/components/badge/Badge.native.js

@@ -1,20 +1,21 @@
 import * as React from "react";
 import { StyleSheet, Text, TouchableOpacity, View } from "react-native";
-import { BadgeColor } from "./BadgeEnum";
-import { getColorStyle, TrilogyColor } from "../../objects/facets/Color";
+import { BadgeColor, BadgeTextDirection } from "./BadgeEnum";
+import { getColorStyle, TrilogyColor, } from "../../objects/facets/Color";
 import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Badge Native Component
  * @param children {React.ReactNode} If no content add children (Icon for example)
  * @param textContent {string} Content text for badge with text, if textContent props, it will display badge with text
  * @param content content {string|number} Badge content text
- * @param direction {boolean} Text direction for Badge (LEFT|RIGHT)
+ * @param direction {BadgeTextDirection} Text direction for Badge (LEFT|RIGHT)
  * @param onClick {Function} onClick Event for Badge
- * @param reversed {boolean} Text reversed for Badge
- * @param testId {string} Test Id for Test Integration
+ * @param color {BadgeColor} Change color for Badge
  */
-const Badge = ({ children, textContent, content, reversed, onClick, testId, ...others }) => {
-    const badgeColor = getColorStyle(BadgeColor.MAIN);
+const Badge = ({ children, textContent, content, direction, color, onClick, testId, ...others }) => {
+    const badgeColor = color
+        ? getColorStyle(color)
+        : getColorStyle(BadgeColor.MAIN);
     const textColor = getColorStyle(TrilogyColor.BACKGROUND);
     const styles = StyleSheet.create({
         container: {
@@ -43,10 +44,11 @@ const Badge = ({ children, textContent, content, reversed, onClick, testId, ...o
     let badgeView;
     if (textContent) {
         badgeView = (React.createElement(View, { style: styles.container },
-            !reversed && React.createElement(Text, { style: styles.textContent }, textContent),
+            !direction && React.createElement(Text, { style: styles.textContent }, textContent),
+            direction && direction === BadgeTextDirection.LEFT && (React.createElement(Text, { style: styles.textContent }, textContent)),
             React.createElement(View, { style: styles.badge },
                 React.createElement(Text, { style: styles.text }, content)),
-            reversed && (React.createElement(Text, { style: styles.textContent }, textContent))));
+            direction && direction === BadgeTextDirection.RIGHT && (React.createElement(Text, { style: styles.textContent }, textContent))));
     }
     else {
         badgeView = (React.createElement(View, null, content ? (React.createElement(View, { style: styles.badge, ...others },

package/lib/components/badge/Badge.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.native.js","sourceRoot":"","sources":["../../../components/badge/Badge.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAEvE,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;;;;;;;GASG;AACH,MAAM,KAAK,GAAG,CAAC,EACb,QAAQ,EACR,WAAW,EACX,OAAO,EACP,QAAQ,EACR,OAAO,EACP,MAAM,EACN,GAAG,MAAM,EACE,EAAe,EAAE;IAC5B,MAAM,UAAU,GAAG,aAAa,CAAC,UAAU,CAAC,IAAI,CAAC,CAAA;IACjD,MAAM,SAAS,GAAG,aAAa,CAAC,YAAY,CAAC,UAAU,CAAC,CAAA;IAExD,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,SAAS,EAAE;YACT,aAAa,EAAE,KAAK;SACrB;QACD,KAAK,EAAE;YACL,SAAS,EAAE,UAAU;YACrB,QAAQ,EAAE,EAAE;YACZ,MAAM,EAAE,EAAE;YACV,eAAe,EAAE,UAAU;YAC3B,YAAY,EAAE,EAAE;YAChB,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;SACrB;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,SAAS;YAChB,QAAQ,EAAE,EAAE;SACb;QACD,WAAW,EAAE;YACX,QAAQ,EAAE,EAAE;YACZ,WAAW,EAAE,CAAC;YACd,UAAU,EAAE,CAAC;YACb,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC;SACxC;KACF,CAAC,CAAA;IAEF,IAAI,SAAsB,CAAA;IAE1B,IAAI,WAAW,EAAE;QACf,SAAS,GAAG,CACV,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS;YAC1B,CAAC,QAAQ,IAAI,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,WAAW,IAAG,WAAW,CAAQ;YACnE,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK;gBACvB,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,IAAG,OAAO,CAAQ,CACrC;YACN,QAAQ,IAAI,CACX,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,WAAW,IAAG,WAAW,CAAQ,CACtD,CACI,CACR,CAAA;KACF;SAAM;QACL,SAAS,GAAG,CACV,oBAAC,IAAI,QACF,OAAO,CAAC,CAAC,CAAC,CACT,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,KAAM,MAAM;YACnC,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,IAAG,OAAO,CAAQ,CACrC,CACR,CAAC,CAAC,CAAC,CACF,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,KAAM,MAAM,IAClC,QAAQ,CACJ,CACR,CACI,CACR,CAAA;KACF;IAED,OAAO,OAAO,CAAC,CAAC,CAAC,CACf,oBAAC,IAAI;QACH,oBAAC,gBAAgB,IAAC,OAAO,EAAE,OAAO,EAAE,aAAa,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,IACpE,SAAS,CACO,CACd,CACR,CAAC,CAAC,CAAC,CACF,SAAS,CACV,CAAA;AACH,CAAC,CAAA;AAED,KAAK,CAAC,WAAW,GAAG,aAAa,CAAC,KAAK,CAAA;AAEvC,eAAe,KAAK,CAAA"}
+{"version":3,"file":"Badge.native.js","sourceRoot":"","sources":["../../../components/badge/Badge.native.tsx"],"names":[],"mappings":"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"}

package/lib/components/badge/BadgeEnum.d.ts

@@ -1,3 +1,8 @@
+export declare enum BadgeTextDirection {
+    LEFT = "left",
+    RIGHT = "right"
+}
+export type BadgeTextDirectionValues = `${BadgeTextDirection}`;
 export declare enum BadgeColor {
     MAIN = "MAIN"
 }

package/lib/components/badge/BadgeEnum.js

@@ -1,3 +1,8 @@
+export var BadgeTextDirection;
+(function (BadgeTextDirection) {
+    BadgeTextDirection["LEFT"] = "left";
+    BadgeTextDirection["RIGHT"] = "right";
+})(BadgeTextDirection || (BadgeTextDirection = {}));
 export var BadgeColor;
 (function (BadgeColor) {
     BadgeColor["MAIN"] = "MAIN";

package/lib/components/badge/BadgeEnum.js.map

@@ -1 +1 @@
-{"version":3,"file":"BadgeEnum.js","sourceRoot":"","sources":["../../../components/badge/BadgeEnum.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,UAEX;AAFD,WAAY,UAAU;IACpB,2BAAa,CAAA;AACf,CAAC,EAFW,UAAU,KAAV,UAAU,QAErB"}
+{"version":3,"file":"BadgeEnum.js","sourceRoot":"","sources":["../../../components/badge/BadgeEnum.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC5B,mCAAa,CAAA;IACb,qCAAe,CAAA;AACjB,CAAC,EAHW,kBAAkB,KAAlB,kBAAkB,QAG7B;AAID,MAAM,CAAN,IAAY,UAEX;AAFD,WAAY,UAAU;IACpB,2BAAa,CAAA;AACf,CAAC,EAFW,UAAU,KAAV,UAAU,QAErB"}

package/lib/components/badge/BadgeProps.d.ts

@@ -1,14 +1,15 @@
 /// <reference types="react" />
 import { Clickable } from '../../objects/facets/Clickable';
-import { Invertable } from '../../objects/facets/Invertable';
+import { BadgeColor, BadgeColorValues, BadgeTextDirection, BadgeTextDirectionValues } from './BadgeEnum';
 import { Accessibility } from '../../objects';
 /**
  * Badge Interface
  */
-export interface BadgeProps extends Clickable, Accessibility, Invertable {
+export interface BadgeProps extends Clickable, Accessibility {
     children?: React.ReactNode;
     content?: string | number;
     textContent?: string;
-    reversed?: boolean;
+    direction?: BadgeTextDirection | BadgeTextDirectionValues;
     className?: string;
+    color?: BadgeColor | BadgeColorValues;
 }

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

@@ -1,3 +1,4 @@
 import Badge from './Badge';
+import BadgeExample from './Badge.example';
 export * from './BadgeEnum';
-export { Badge };
+export { Badge, BadgeExample };

package/lib/components/badge/index.js

@@ -1,4 +1,5 @@
 import Badge from './Badge';
+import BadgeExample from './Badge.example';
 export * from './BadgeEnum';
-export { Badge };
+export { Badge, BadgeExample };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAA;AAE3B,cAAc,aAAa,CAAA;AAE3B,OAAO,EAAE,KAAK,EAAE,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAA;AAC3B,OAAO,YAAY,MAAM,iBAAiB,CAAA;AAE1C,cAAc,aAAa,CAAA;AAE3B,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,CAAA"}

package/lib/components/box/Box.d.ts

@@ -5,9 +5,9 @@ import { BoxProps } from "./BoxProps";
  * @param children {React.ReactNode} Box child
  * @param onClick {Function} onClick Event
  * @param skeleton {boolean} Box skeleton
- * @param backgroundColor {TrilogyColor} Box Content Background Color
+ * @param background {TrilogyColor} Box Content Background Color
  * @param inverted {boolean} Inverted Box Color
- * @param highlighted {TrilogyColor} Add Left Highlight Border With Semantic Color
+ * @param leftBorder {TrilogyColor} Add Left Highlight Border With Semantic Color
  * @param shadowless {boolean} Remove box shadow
  * @param flat {boolean} Flat box remove shadow and add plain border
  * @param backgroundSrc {string} Source of background Image
@@ -21,5 +21,5 @@ import { BoxProps } from "./BoxProps";
  * @param fullheight
  * @param others
  */
-declare const Box: ({ inverted, children, className, onClick, markup, skeleton, to, backgroundColor, highlighted, shadowless, backgroundSrc, testId, flat, hat, fullheight, active, ...others }: BoxProps) => JSX.Element;
+declare const Box: ({ inverted, children, className, onClick, markup, skeleton, to, background, leftBorder, shadowless, backgroundSrc, testId, flat, hat, fullheight, active, ...others }: BoxProps) => JSX.Element;
 export default Box;

package/lib/components/box/Box.example.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const BoxExample: React.ReactNode;
+export default BoxExample;

package/lib/components/box/Box.example.js

@@ -0,0 +1,31 @@
+import React from 'react';
+import { Box, BoxContent, BoxFooter } from './index';
+import { Title } from '../../components/title';
+import { Text } from '../../components/text';
+import { Columns, ColumnsItem } from '../columns';
+import { Link } from '../link';
+const BoxExample = React.createElement(Columns, { multiline: true },
+    React.createElement(ColumnsItem, { size: 4 },
+        React.createElement(Box, null,
+            React.createElement(BoxContent, null,
+                React.createElement(Title, { level: 'ONE' }, "Box Title"),
+                React.createElement(Text, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris.")))),
+    React.createElement(ColumnsItem, { size: 4 },
+        React.createElement(Box, { flat: true },
+            React.createElement(BoxContent, null,
+                React.createElement(Title, { level: 'ONE' }, "Box Title"),
+                React.createElement(Text, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris.")))),
+    React.createElement(ColumnsItem, { size: 4 },
+        React.createElement(Box, { leftBorder: 'WARNING' },
+            React.createElement(BoxContent, null,
+                React.createElement(Title, { level: 'ONE' }, "Box Title"),
+                React.createElement(Text, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris.")))),
+    React.createElement(ColumnsItem, { size: 12 },
+        React.createElement(Box, null,
+            React.createElement(BoxContent, null,
+                React.createElement(Title, { level: 'ONE' }, "Box Title"),
+                React.createElement(Text, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nec iaculis mauris.")),
+            React.createElement(BoxFooter, null,
+                React.createElement(Link, null, "Link")))));
+export default BoxExample;
+//# sourceMappingURL=Box.example.js.map

package/lib/components/box/Box.example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.example.js","sourceRoot":"","sources":["../../../components/box/Box.example.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,MAAM,UAAU,GACd,oBAAC,OAAO,IAAC,SAAS;IACd,oBAAC,WAAW,IAAC,IAAI,EAAE,CAAC;QAClB,oBAAC,GAAG;YACF,oBAAC,UAAU;gBACT,oBAAC,KAAK,IAAC,KAAK,EAAC,KAAK,gBAEV;gBACR,oBAAC,IAAI,iGAEE,CACI,CACT,CACM;IACd,oBAAC,WAAW,IAAC,IAAI,EAAE,CAAC;QAClB,oBAAC,GAAG,IAAC,IAAI;YACP,oBAAC,UAAU;gBACT,oBAAC,KAAK,IAAC,KAAK,EAAC,KAAK,gBAEV;gBACR,oBAAC,IAAI,iGAEE,CACI,CACT,CACM;IACd,oBAAC,WAAW,IAAC,IAAI,EAAE,CAAC;QAClB,oBAAC,GAAG,IACF,UAAU,EAAC,SAAS;YAEpB,oBAAC,UAAU;gBACT,oBAAC,KAAK,IAAC,KAAK,EAAC,KAAK,gBAEV;gBACR,oBAAC,IAAI,iGAEE,CACI,CACT,CACM;IACd,oBAAC,WAAW,IAAC,IAAI,EAAE,EAAE;QACnB,oBAAC,GAAG;YACF,oBAAC,UAAU;gBACT,oBAAC,KAAK,IAAC,KAAK,EAAC,KAAK,gBAEV;gBACR,oBAAC,IAAI,iGAEE,CACI;YACb,oBAAC,SAAS;gBACR,oBAAC,IAAI,eAEE,CACG,CACR,CACM,CACN,CAAA;AAEd,eAAe,UAAU,CAAA"}

package/lib/components/box/Box.js

@@ -11,9 +11,9 @@ import { useTrilogyContext } from "../../context";
  * @param children {React.ReactNode} Box child
  * @param onClick {Function} onClick Event
  * @param skeleton {boolean} Box skeleton
- * @param backgroundColor {TrilogyColor} Box Content Background Color
+ * @param background {TrilogyColor} Box Content Background Color
  * @param inverted {boolean} Inverted Box Color
- * @param highlighted {TrilogyColor} Add Left Highlight Border With Semantic Color
+ * @param leftBorder {TrilogyColor} Add Left Highlight Border With Semantic Color
  * @param shadowless {boolean} Remove box shadow
  * @param flat {boolean} Flat box remove shadow and add plain border
  * @param backgroundSrc {string} Source of background Image
@@ -27,10 +27,10 @@ import { useTrilogyContext } from "../../context";
  * @param fullheight
  * @param others
  */
-const Box = ({ inverted, children, className, onClick, markup, skeleton, to, backgroundColor, highlighted, shadowless, backgroundSrc, testId, flat, hat, fullheight, active, ...others }) => {
+const Box = ({ inverted, children, className, onClick, markup, skeleton, to, background, leftBorder, shadowless, backgroundSrc, testId, flat, hat, fullheight, active, ...others }) => {
     const { styled } = useTrilogyContext();
     const [isLoading, setIsLoading] = useState(skeleton || false);
-    const classes = hashClass(styled, clsx("box", shadowless && is("shadowless"), className, backgroundColor && has(getBackgroundClassName(backgroundColor)), backgroundSrc && has("background"), (inverted && is("inverted")), isLoading ? is("loading") : is("loaded"), highlighted && `${is("highlighted")} ${is(getColorClassName(highlighted))}`, flat && is("flat"), hat && has("hat"), fullheight && is("fullheight"), active && is("active")));
+    const classes = hashClass(styled, clsx("box", shadowless && is("shadowless"), className, background && has(getBackgroundClassName(background)), backgroundSrc && has("background"), (inverted && is("inverted")) || is("base"), isLoading ? is("loading") : is("loaded"), leftBorder && `${is("highlighted")} ${is(getColorClassName(leftBorder))}`, flat && is("flat"), hat && has("hat"), fullheight && is("fullheight"), active && is("active")));
     useEffect(() => {
         setIsLoading(skeleton || false);
     }, [skeleton]);

package/lib/components/box/Box.js.map

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

package/lib/components/box/Box.native.d.ts

@@ -6,8 +6,8 @@ import { ComponentName } from "../../components/enumsComponentsName";
  * @param children {React.ReactNode} Childrens
  * @param onClick {Function} onClick Event
  * @param skeleton {boolean} Box skeleton
- * @param backgroundColor {TrilogyColor} Box Content Background Color
- * @param highlighted {TrilogyColor} Add Left Highlight Border With Semantic Color
+ * @param background {TrilogyColor} Box Content Background Color
+ * @param leftBorder {TrilogyColor} Add Left Highlight Border With Semantic Color
  * @param testId {string} Test id
  * @param shadowless {boolean} Remove box shadow
  * @param backgroundSrc {string} Source of background Image
@@ -20,7 +20,7 @@ import { ComponentName } from "../../components/enumsComponentsName";
  * @param others
  */
 declare const Box: {
-    ({ children, onClick, skeleton, highlighted, testId, shadowless, backgroundColor, backgroundSrc, inverted, flat, hat, fullheight, active, ...others }: BoxProps): JSX.Element;
+    ({ children, onClick, skeleton, leftBorder, testId, shadowless, background, backgroundSrc, inverted, flat, hat, fullheight, active, ...others }: BoxProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Box;