@trilogy-ds/react 0.0.1-beta-59 → 0.0.1-beta-63

package/lib/components/accordion/Accordion.example.d.ts

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

package/lib/components/accordion/Accordion.example.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { Accordion, AccordionBody, AccordionHeader, AccordionItem } from './index';
+const AccordionExample = React.createElement(Accordion, null,
+    React.createElement(AccordionItem, { active: true, id: "UN" },
+        React.createElement(AccordionHeader, null, "Hello World"),
+        React.createElement(AccordionBody, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem., consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.")),
+    React.createElement(AccordionItem, { id: "DEUX" },
+        React.createElement(AccordionHeader, null,
+            "Hello World",
+            ' '),
+        React.createElement(AccordionBody, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.")),
+    React.createElement(AccordionItem, { id: "TROIS" },
+        React.createElement(AccordionHeader, null, "Hello World"),
+        React.createElement(AccordionBody, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.")),
+    React.createElement(AccordionItem, { disabled: true, id: "QUATRE" },
+        React.createElement(AccordionHeader, null, "Item disabled"),
+        React.createElement(AccordionBody, null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque risus mi, tempus quis placerat ut, porta nec nulla. Vestibulum rhoncus ac ex sit amet fringilla. Nullam gravida purus diam, et dictum felis venenatis efficitur. Aenean ac eleifend lacus, in mollis lectus. Donec sodales, arcu et sollicitudin porttitor, tortor urna tempor ligula, id porttitor mi magna a neque. Donec dui urna, vehicula et sem eget, facilisis sodales sem.")));
+export default AccordionExample;
+//# sourceMappingURL=Accordion.example.js.map

package/lib/components/accordion/Accordion.example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.example.js","sourceRoot":"","sources":["../../../components/accordion/Accordion.example.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAElF,MAAM,gBAAgB,GAAoB,oBAAC,SAAS;IAClD,oBAAC,aAAa,IACZ,MAAM,QACN,EAAE,EAAC,IAAI;QAEP,oBAAC,eAAe,sBAEE;QAClB,oBAAC,aAAa,i2BAEE,CACF;IAChB,oBAAC,aAAa,IAAC,EAAE,EAAC,MAAM;QACtB,oBAAC,eAAe;;YACF,GAAG,CACC;QAClB,oBAAC,aAAa,mcAEE,CACF;IAChB,oBAAC,aAAa,IAAC,EAAE,EAAC,OAAO;QACvB,oBAAC,eAAe,sBAEE;QAClB,oBAAC,aAAa,mcAEE,CACF;IAChB,oBAAC,aAAa,IACZ,QAAQ,QACR,EAAE,EAAC,QAAQ;QAEX,oBAAC,eAAe,wBAEE;QAClB,oBAAC,aAAa,mcAEE,CACF,CACN,CAAA;AAEZ,eAAe,gBAAgB,CAAA"}

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

@@ -2,4 +2,5 @@ import Accordion from './Accordion';
 import AccordionItem from './item';
 import AccordionHeader from './header';
 import AccordionBody from './body';
-export { Accordion, AccordionItem, AccordionHeader, AccordionBody };
+import AccordionExample from './Accordion.example';
+export { Accordion, AccordionItem, AccordionHeader, AccordionBody, AccordionExample };

package/lib/components/accordion/index.js

@@ -2,5 +2,6 @@ import Accordion from './Accordion';
 import AccordionItem from './item';
 import AccordionHeader from './header';
 import AccordionBody from './body';
-export { Accordion, AccordionItem, AccordionHeader, AccordionBody };
+import AccordionExample from './Accordion.example';
+export { Accordion, AccordionItem, AccordionHeader, AccordionBody, AccordionExample };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,aAAa,MAAM,QAAQ,CAAA;AAClC,OAAO,eAAe,MAAM,UAAU,CAAA;AACtC,OAAO,aAAa,MAAM,QAAQ,CAAA;AAElC,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,eAAe,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,aAAa,MAAM,QAAQ,CAAA;AAClC,OAAO,eAAe,MAAM,UAAU,CAAA;AACtC,OAAO,aAAa,MAAM,QAAQ,CAAA;AAClC,OAAO,gBAAgB,MAAM,qBAAqB,CAAA;AAElD,OAAO,EAAE,SAAS,EAAE,aAAa,EAAE,eAAe,EAAE,aAAa,EAAE,gBAAgB,EAAE,CAAA"}

package/lib/components/alert/Alert.example.d.ts

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

package/lib/components/alert/Alert.example.js

@@ -0,0 +1,5 @@
+import React from 'react';
+import { Alert } from './index';
+const AlertExample = React.createElement(Alert, { alert: 'INFO', description: 'Lorem Ipsum is simply dummy text type and scrambled it to make a type specimen book..', display: true, title: 'Alert information' });
+export default AlertExample;
+//# sourceMappingURL=Alert.example.js.map

package/lib/components/alert/Alert.example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.example.js","sourceRoot":"","sources":["../../../components/alert/Alert.example.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAE/B,MAAM,YAAY,GAAoB,oBAAC,KAAK,IAC1C,KAAK,EAAC,MAAM,EACZ,WAAW,EAAC,uFAAuF,EACnG,OAAO,QACP,KAAK,EAAC,mBAAmB,GACzB,CAAA;AAEF,eAAe,YAAY,CAAA"}

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/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/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.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,10 @@
+import React from 'react';
+import { Box, BoxContent } from './index';
+import { Title } from '../../components/title';
+import { Text } from '../../components/text';
+const BoxExample = 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.")));
+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,MAAM,SAAS,CAAA;AACzC,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAExC,MAAM,UAAU,GAAoB,oBAAC,GAAG;IACtC,oBAAC,UAAU;QACT,oBAAC,KAAK,IAAC,KAAK,EAAC,KAAK,gBAEV;QACR,oBAAC,IAAI,iGAEE,CACI,CACT,CAAA;AAEN,eAAe,UAAU,CAAA"}

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

@@ -5,5 +5,6 @@ import BoxHeader from './header';
 import BoxTableContainer from './table-container';
 import BoxItem from './item';
 import { BoxItemSize } from './item/BoxItemEnum';
+import BoxExample from './Box.example';
 export * from './BoxProps';
-export { Box, BoxItem, BoxItemSize, BoxHeader, BoxContent, BoxFooter, BoxTableContainer };
+export { Box, BoxItem, BoxItemSize, BoxHeader, BoxContent, BoxFooter, BoxTableContainer, BoxExample };

package/lib/components/box/index.js

@@ -5,6 +5,7 @@ import BoxHeader from './header';
 import BoxTableContainer from './table-container';
 import BoxItem from './item';
 import { BoxItemSize } from './item/BoxItemEnum';
+import BoxExample from './Box.example';
 export * from './BoxProps';
-export { Box, BoxItem, BoxItemSize, BoxHeader, BoxContent, BoxFooter, BoxTableContainer };
+export { Box, BoxItem, BoxItemSize, BoxHeader, BoxContent, BoxFooter, BoxTableContainer, BoxExample };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/box/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,OAAO,CAAA;AACvB,OAAO,UAAU,MAAM,WAAW,CAAA;AAClC,OAAO,SAAS,MAAM,UAAU,CAAA;AAChC,OAAO,SAAS,MAAM,UAAU,CAAA;AAChC,OAAO,iBAAiB,MAAM,mBAAmB,CAAA;AACjD,OAAO,OAAO,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAEhD,cAAc,YAAY,CAAA;AAE1B,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/box/index.ts"],"names":[],"mappings":"AAAA,OAAO,GAAG,MAAM,OAAO,CAAA;AACvB,OAAO,UAAU,MAAM,WAAW,CAAA;AAClC,OAAO,SAAS,MAAM,UAAU,CAAA;AAChC,OAAO,SAAS,MAAM,UAAU,CAAA;AAChC,OAAO,iBAAiB,MAAM,mBAAmB,CAAA;AACjD,OAAO,OAAO,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAChD,OAAO,UAAU,MAAM,eAAe,CAAA;AAEtC,cAAc,YAAY,CAAA;AAE1B,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,EAAE,SAAS,EAAE,iBAAiB,EAAE,UAAU,EAAE,CAAA"}

package/lib/components/breadcrumb/Breadcrumb.d.ts

@@ -7,5 +7,5 @@ import { BreadcrumbWebProps } from "./BreadcrumbProps";
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  */
-declare const Breadcrumb: ({ children, className, testId, ...others }: BreadcrumbWebProps) => JSX.Element;
+declare const Breadcrumb: ({ children, className, testId, accessibilityLabel, ...others }: BreadcrumbWebProps) => JSX.Element;
 export default Breadcrumb;

package/lib/components/breadcrumb/Breadcrumb.js

@@ -9,9 +9,9 @@ import { useTrilogyContext } from "../../context";
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
  */
-const Breadcrumb = ({ children, className, testId, ...others }) => {
+const Breadcrumb = ({ children, className, testId, accessibilityLabel, ...others }) => {
     const { styled } = useTrilogyContext();
-    return (React.createElement("nav", { "data-testid": testId, className: hashClass(styled, clsx("breadcrumb", className)), "aria-label": 'breadcrumbs', ...others },
+    return (React.createElement("nav", { role: 'navigation', "data-testid": testId, className: hashClass(styled, clsx("breadcrumb", className)), "aria-label": accessibilityLabel, ...others },
         React.createElement("ul", null, children)));
 };
 export default Breadcrumb;

package/lib/components/breadcrumb/Breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumb.js","sourceRoot":"","sources":["../../../components/breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;GAMG;AACH,MAAM,UAAU,GAAG,CAAC,EAClB,QAAQ,EACR,SAAS,EACT,MAAM,EACN,GAAG,MAAM,EACU,EAAe,EAAE;IACpC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,OAAO,CACL,4CACe,MAAM,EACnB,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC,gBAChD,aAAa,KACpB,MAAM;QAEV,gCAAK,QAAQ,CAAM,CACf,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"Breadcrumb.js","sourceRoot":"","sources":["../../../components/breadcrumb/Breadcrumb.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;GAMG;AACH,MAAM,UAAU,GAAG,CAAC,EAClB,QAAQ,EACR,SAAS,EACT,MAAM,EACN,kBAAkB,EAClB,GAAG,MAAM,EACU,EAAe,EAAE;IACpC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,OAAO,CACL,6BACE,IAAI,EAAC,YAAY,iBACJ,MAAM,EACnB,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC,gBAC/C,kBAAkB,KAC1B,MAAM;QAEV,gCAAK,QAAQ,CAAM,CACf,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/lib/components/breadcrumb/BreadcrumbProps.d.ts

@@ -9,6 +9,6 @@ export interface BreadcrumbProps extends Accessibility {
 /**
  * Breadcrumb Web Interface
  */
-export interface BreadcrumbWebProps extends BreadcrumbProps {
+export interface BreadcrumbWebProps extends BreadcrumbProps, Accessibility {
     className?: string;
 }

package/lib/components/breadcrumb/item/BreadcrumbItem.js

@@ -20,11 +20,11 @@ const BreadcrumbItem = ({ children, active, className, href, to, routerLink, tes
     const classes = hashClass(styled, clsx(active && is("active"), className));
     if (routerLink && to) {
         const RouterLink = (routerLink ? routerLink : "a");
-        return (React.createElement("li", { "data-testid": testId, className: classes, onClick: onClick },
+        return (React.createElement("li", { "data-testid": testId, className: classes, onClick: onClick, "aria-current": active ? 'page' : undefined },
             React.createElement(RouterLink, { className: hashClass(styled, clsx("link")), to: to, ...others }, children)));
     }
-    return (React.createElement("li", { className: classes, onClick: onClick },
-        React.createElement(Link, { href: href, ...others }, children)));
+    return (React.createElement("li", { className: classes, onClick: onClick, "aria-current": active ? 'page' : undefined },
+        React.createElement(Link, { href: active ? undefined : href, ...others }, children)));
 };
 export default BreadcrumbItem;
 //# sourceMappingURL=BreadcrumbItem.js.map

package/lib/components/breadcrumb/item/BreadcrumbItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbItem.js","sourceRoot":"","sources":["../../../../components/breadcrumb/item/BreadcrumbItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AACxC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAExC;;;;;;;;;;GAUG;AACH,MAAM,cAAc,GAAG,CAAC,EACtB,QAAQ,EACR,MAAM,EACN,SAAS,EACT,IAAI,EACJ,EAAE,EACF,UAAU,EACV,MAAM,EACN,OAAO,EACP,GAAG,MAAM,EACc,EAAe,EAAE;IACxC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC,CAAC,CAAA;IAE1E,IAAI,UAAU,IAAI,EAAE,EAAE;QACpB,MAAM,UAAU,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAsB,CAAA;QACvE,OAAO,CACL,2CAAiB,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO;YAC3D,oBAAC,UAAU,IAAC,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,KAAM,MAAM,IACvE,QAAQ,CACE,CACV,CACN,CAAA;KACF;IAED,OAAO,CACL,4BAAI,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO;QACtC,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,KAAM,MAAM,IACzB,QAAQ,CACJ,CACJ,CACN,CAAA;AACH,CAAC,CAAA;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"BreadcrumbItem.js","sourceRoot":"","sources":["../../../../components/breadcrumb/item/BreadcrumbItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AACxC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAExC;;;;;;;;;;GAUG;AACH,MAAM,cAAc,GAAG,CAAC,EACtB,QAAQ,EACR,MAAM,EACN,SAAS,EACT,IAAI,EACJ,EAAE,EACF,UAAU,EACV,MAAM,EACN,OAAO,EACP,GAAG,MAAM,EACc,EAAe,EAAE;IACxC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,IAAI,EAAE,CAAC,QAAQ,CAAC,EAAE,SAAS,CAAC,CAAC,CAAA;IAE1E,IAAI,UAAU,IAAI,EAAE,EAAE;QACpB,MAAM,UAAU,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAsB,CAAA;QACvE,OAAO,CACL,2CAAiB,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,kBAAgB,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;YACtG,oBAAC,UAAU,IAAC,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,EAAE,EAAE,EAAE,KAAM,MAAM,IACvE,QAAQ,CACE,CACV,CACN,CAAA;KACF;IAED,OAAO,CACL,4BAAI,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,kBAAgB,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;QACjF,oBAAC,IAAI,IAAC,IAAI,EAAE,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,KAAM,MAAM,IAC9C,QAAQ,CACJ,CACJ,CACN,CAAA;AACH,CAAC,CAAA;AAED,eAAe,cAAc,CAAA"}

package/lib/components/button/Button.example.d.ts

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

package/lib/components/button/Button.example.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ButtonList, Button } from './index';
+const ButtonExample = React.createElement(ButtonList, null,
+    React.createElement(Button, { variant: "PRIMARY" }, "Button"),
+    React.createElement(Button, { variant: "SECONDARY" }, "Button"),
+    React.createElement(Button, { disabled: true, variant: "PRIMARY" }, "Button"),
+    React.createElement(Button, { loading: true, variant: "PRIMARY" }, "Button"));
+export default ButtonExample;
+//# sourceMappingURL=Button.example.js.map

package/lib/components/button/Button.example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.example.js","sourceRoot":"","sources":["../../../components/button/Button.example.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAE5C,MAAM,aAAa,GACjB,oBAAC,UAAU;IACT,oBAAC,MAAM,IACL,OAAO,EAAC,SAAS,aAGV;IACT,oBAAC,MAAM,IACL,OAAO,EAAC,WAAW,aAGZ;IACT,oBAAC,MAAM,IACL,QAAQ,QACR,OAAO,EAAC,SAAS,aAGV;IACT,oBAAC,MAAM,IACL,OAAO,QACP,OAAO,EAAC,SAAS,aAGV,CACE,CAAA;AAEf,eAAe,aAAa,CAAA"}

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

@@ -1,4 +1,5 @@
 import Button from './Button';
 import { ButtonList } from './list';
+import ButtonExample from './Button.example';
 export * from './ButtonEnum';
-export { Button, ButtonList };
+export { Button, ButtonList, ButtonExample };

package/lib/components/button/index.js

@@ -1,5 +1,6 @@
 import Button from './Button';
 import { ButtonList } from './list';
+import ButtonExample from './Button.example';
 export * from './ButtonEnum';
-export { Button, ButtonList };
+export { Button, ButtonList, ButtonExample };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AAEnC,cAAc,cAAc,CAAA;AAE5B,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/button/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AACnC,OAAO,aAAa,MAAM,kBAAkB,CAAA;AAE5C,cAAc,cAAc,CAAA;AAE5B,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,CAAA"}

package/lib/components/card/Card.example.d.ts

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

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Card, CardImage, CardContent } from './index';
+import { Title } from '../../components/title';
+import { Text } from '../../components/text';
+import { Button } from '../../components/button';
+const CardExample = React.createElement(Card, null,
+    React.createElement(CardImage, { src: "https://design.bouyguestelecom.fr/v1/card-sample.200bd9f7.png" }),
+    React.createElement(CardContent, null,
+        React.createElement(Title, null, "Pr\u00E9sentation"),
+        React.createElement(Title, { level: "ONE" }, "Title lorem"),
+        React.createElement(Text, { level: "ONE" }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula ex, neque eu, vulputate vera."),
+        React.createElement(Button, { variant: "SECONDARY" }, "Voir plus...")));
+export default CardExample;
+//# sourceMappingURL=Card.example.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Card.example.js","sourceRoot":"","sources":["../../../components/card/Card.example.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAA;AAE5C,MAAM,WAAW,GAAoB,oBAAC,IAAI;IACxC,oBAAC,SAAS,IAAC,GAAG,EAAC,+DAA+D,GAAG;IACjF,oBAAC,WAAW;QACV,oBAAC,KAAK,4BAEE;QACR,oBAAC,KAAK,IAAC,KAAK,EAAC,KAAK,kBAEV;QACR,oBAAC,IAAI,IAAC,KAAK,EAAC,KAAK,wGAEV;QACP,oBAAC,MAAM,IACL,OAAO,EAAC,WAAW,mBAGZ,CACG,CACT,CAAA;AAEP,eAAe,WAAW,CAAA"}

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

@@ -1,5 +1,6 @@
 import Card from './Card';
 import CardImage from './image';
 import CardContent from './content';
+import CardExample from './Card.example';
 export * from './image/CardImageEnum';
-export { Card, CardImage, CardContent };
+export { Card, CardImage, CardContent, CardExample };

package/lib/components/card/index.js

@@ -1,6 +1,7 @@
 import Card from './Card';
 import CardImage from './image';
 import CardContent from './content';
+import CardExample from './Card.example';
 export * from './image/CardImageEnum';
-export { Card, CardImage, CardContent };
+export { Card, CardImage, CardContent, CardExample };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/card/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAA;AACzB,OAAO,SAAS,MAAM,SAAS,CAAA;AAC/B,OAAO,WAAW,MAAM,WAAW,CAAA;AAEnC,cAAc,uBAAuB,CAAA;AAErC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/card/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAA;AACzB,OAAO,SAAS,MAAM,SAAS,CAAA;AAC/B,OAAO,WAAW,MAAM,WAAW,CAAA;AACnC,OAAO,WAAW,MAAM,gBAAgB,CAAA;AAExC,cAAc,uBAAuB,CAAA;AAErC,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,WAAW,EAAE,WAAW,EAAE,CAAA"}

package/lib/components/icon/text/TextIcon.d.ts

@@ -1,4 +1,7 @@
 /// <reference types="react" />
 import { IconProps } from "../../../components/icon/IconProps";
-declare const TextIcon: ({ className, textClassName, name, content, position, markup, ...others }: IconProps) => JSX.Element;
+interface Props extends IconProps {
+    textId?: string;
+}
+declare const TextIcon: ({ className, textClassName, name, content, position, markup, textId, ...others }: Props) => JSX.Element;
 export default TextIcon;

package/lib/components/icon/text/TextIcon.js

@@ -5,7 +5,7 @@ import { is } from "../../../services";
 import clsx from "clsx";
 import { hashClass } from "../../../helpers";
 import { useTrilogyContext } from "../../../context";
-const TextIcon = ({ className, textClassName, name, content, position, markup, ...others }) => {
+const TextIcon = ({ className, textClassName, name, content, position, markup, textId, ...others }) => {
     const { styled } = useTrilogyContext();
     const isCorrectMarkup = (stringMarkup) => {
         if (stringMarkup in TextIconMarkup ||
@@ -18,19 +18,19 @@ const TextIcon = ({ className, textClassName, name, content, position, markup, .
                 is("stacked"), className)) },
             (position === IconPosition.RIGHT || position === IconPosition.DOWN) &&
                 content &&
-                (content && typeof content.valueOf() === "string" ? (React.createElement(Tag, { className: hashClass(styled, clsx(textClassName)) }, String(content))) : (content))
+                (content && typeof content.valueOf() === "string" ? (React.createElement(Tag, { className: hashClass(styled, clsx(textClassName)), id: textId }, String(content))) : (content))
         // <Tag className={textClassName}>{content}</Tag>
         ,
             React.createElement(Icon, { name: name, className: className, ...others }),
             (position === IconPosition.UP || position === IconPosition.LEFT) &&
                 content &&
-                (content && typeof content.valueOf() === "string" ? (React.createElement(Tag, { className: hashClass(styled, clsx(textClassName)) }, String(content))) : (content))
+                (content && typeof content.valueOf() === "string" ? (React.createElement(Tag, { className: hashClass(styled, clsx(textClassName)), id: textId }, String(content))) : (content))
         // <Tag className={textClassName}>{content}</Tag>
         ));
     }
     return (React.createElement("span", { className: hashClass(styled, clsx("icon-and-text", className)) },
         React.createElement(Icon, { name: name, ...others }),
-        content && typeof content.valueOf() === "string" ? (React.createElement(Tag, { className: hashClass(styled, clsx(textClassName)) }, String(content))) : (content)));
+        content && typeof content.valueOf() === "string" ? (React.createElement(Tag, { className: hashClass(styled, clsx(textClassName)), id: textId }, String(content))) : (content)));
 };
 export default TextIcon;
 //# sourceMappingURL=TextIcon.js.map

package/lib/components/icon/text/TextIcon.js.map

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

package/lib/components/modal/Modal.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ModalProps } from "./ModalProps";
+import { ModalProps } from './ModalProps';
 /**
  * Modal Component
  * @param active {boolean} Activated Modal
@@ -23,9 +23,14 @@ import { ModalProps } from "./ModalProps";
  * @param triggerMarkup {ModalMarkup} h1|h2|h3|h4|h5|h6|p|span|div|button|a
  * @param triggerClassNames {string} Additionnal CSS Classes for trigger element
  * @param panel {boolean} Panel Side Modal
+ * @param ariaLabelButtonClose {string} aria-label of button close
+ * @param ariaLabelCta {string} aria-label of button action
+ * @param titleButtonClose {string} title of button close
+ * @param ariaLabelButtonOpen {string} aria-label of open button modal
+ * @param titleButtonOpen {string} title of open button modal
  * - -------------------------- NATIVE PROPERTIES -------------------------------
  * @param bottom {boolean} If bottom
  * @param swipable {boolean} Swipable Native Modal
  */
-declare const Modal: ({ children, className, contentClassNames, active, title, content, triggerMarkup, triggerContent, triggerClassNames, ctaContent, ctaOnClick, onClose, onOpen, iconName, ctaCancelOnClick, closeIcon, iconColor, panel, footerClassNames, footer, fullwidth, disableHandlingClickOutside, testId, ...others }: ModalProps) => JSX.Element;
+declare const Modal: ({ children, className, contentClassNames, active, title, content, triggerMarkup, triggerContent, triggerClassNames, ctaContent, ctaOnClick, onClose, onOpen, iconName, ctaCancelOnClick, closeIcon, iconColor, panel, footerClassNames, footer, fullwidth, disableHandlingClickOutside, testId, ariaLabelButtonClose, ariaLabelCta, titleButtonClose, ariaLabelButtonOpen, titleButtonOpen, ...others }: ModalProps) => JSX.Element;
 export default Modal;

package/lib/components/modal/Modal.js

@@ -1,13 +1,17 @@
-import React, { useEffect, useRef, useState } from "react";
-import { is } from "../../services";
-import { Button, ButtonList, ButtonType, ButtonVariant } from "../../components/button";
-import { Text } from "../../components/text";
-import { ModalMarkup } from "./ModalEnum";
-import ModalTitle from "./title/ModalTitle";
-import ModalFooter from "./footer/ModalFooter";
-import { hashClass } from "../../helpers/hashClassesHelpers";
-import clsx from "clsx";
-import { useTrilogyContext } from "../../context/index";
+import { ButtonList, ButtonType } from '../../components/button';
+import { Text } from '../../components/text';
+import { useTrilogyContext } from '../../context/index';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import { is } from '../../services';
+import clsx from 'clsx';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import shortid from 'shortid';
+import ModalFooter from './footer/ModalFooter';
+import { ModalMarkup } from './ModalEnum';
+import ModalTitle from './title/ModalTitle';
+const idDescription = shortid.generate();
+const idTitle = shortid.generate();
+const idModal = shortid.generate();
 /**
  * Modal Component
  * @param active {boolean} Activated Modal
@@ -31,14 +35,23 @@ import { useTrilogyContext } from "../../context/index";
  * @param triggerMarkup {ModalMarkup} h1|h2|h3|h4|h5|h6|p|span|div|button|a
  * @param triggerClassNames {string} Additionnal CSS Classes for trigger element
  * @param panel {boolean} Panel Side Modal
+ * @param ariaLabelButtonClose {string} aria-label of button close
+ * @param ariaLabelCta {string} aria-label of button action
+ * @param titleButtonClose {string} title of button close
+ * @param ariaLabelButtonOpen {string} aria-label of open button modal
+ * @param titleButtonOpen {string} title of open button modal
  * - -------------------------- NATIVE PROPERTIES -------------------------------
  * @param bottom {boolean} If bottom
  * @param swipable {boolean} Swipable Native Modal
  */
-const Modal = ({ children, className, contentClassNames, active, title, content, triggerMarkup, triggerContent, triggerClassNames = "button is-primary", ctaContent, ctaOnClick, onClose, onOpen, iconName, ctaCancelOnClick, closeIcon, iconColor, panel, footerClassNames, footer, fullwidth, disableHandlingClickOutside = false, testId, ...others }) => {
+const Modal = ({ children, className, contentClassNames, active, title, content, triggerMarkup, triggerContent, triggerClassNames = 'button is-primary', ctaContent, ctaOnClick, onClose, onOpen, iconName, ctaCancelOnClick, closeIcon, iconColor, panel, footerClassNames, footer, fullwidth, disableHandlingClickOutside = false, testId, ariaLabelButtonClose, ariaLabelCta, titleButtonClose, ariaLabelButtonOpen, titleButtonOpen, ...others }) => {
     const modal = useRef(null);
     const [display, setDisplay] = useState(active || false);
     const { styled } = useTrilogyContext();
+    const ariaControls = `${idModal}-modal`;
+    const refsActions = useRef([]);
+    const refBtnModal = useRef(null);
+    const [, setIndexFocusable] = useState(0);
     const handleClickOutside = (e) => {
         var _a;
         if ((_a = modal === null || modal === void 0 ? void 0 : modal.current) === null || _a === void 0 ? void 0 : _a.contains(e.target)) {
@@ -51,22 +64,26 @@ const Modal = ({ children, className, contentClassNames, active, title, content,
     useEffect(() => {
         setDisplay(active || false);
     }, [active]);
+    useEffect(() => {
+        display && refsActions.current[0] && refsActions.current[0].focus();
+    }, [display, refsActions === null || refsActions === void 0 ? void 0 : refsActions.current.length]);
     useEffect(() => {
         if (display && !disableHandlingClickOutside) {
-            document.addEventListener("mousedown", handleClickOutside);
+            document.addEventListener('mousedown', handleClickOutside);
         }
         else {
-            document.removeEventListener("mousedown", handleClickOutside);
+            document.removeEventListener('mousedown', handleClickOutside);
         }
         return () => {
-            document.removeEventListener("mousedown", handleClickOutside);
+            document.removeEventListener('mousedown', handleClickOutside);
         };
     }, [display, disableHandlingClickOutside]);
-    const classes = React.useMemo(() => hashClass(styled, clsx("modal", display && is("active"), panel && is("panel"), fullwidth && is("fullwidth"), className)), [active, display, panel, className, styled]);
-    const contentClasses = React.useMemo(() => hashClass(styled, clsx("modal-content", contentClassNames)), [contentClassNames, styled]);
-    const footerClasses = React.useMemo(() => clsx("modal-footer", footerClassNames), [footerClassNames, styled]);
+    const classes = React.useMemo(() => hashClass(styled, clsx('modal', display && is('active'), panel && is('panel'), fullwidth && is('fullwidth'), className)), [active, display, panel, className, styled]);
+    const contentClasses = React.useMemo(() => hashClass(styled, clsx('modal-content', contentClassNames)), [contentClassNames, styled]);
+    const footerClasses = React.useMemo(() => clsx('modal-footer', footerClassNames), [footerClassNames, styled]);
     function handleClose(onCloseFunc, e) {
         setDisplay(false);
+        refBtnModal.current && refBtnModal.current.focus();
         if (onCloseFunc) {
             onCloseFunc(e);
         }
@@ -83,33 +100,43 @@ const Modal = ({ children, className, contentClassNames, active, title, content,
      * string enum aren't reverse mapped so the first solution doesn't work
      */
     const isCorrectMarkup = (stringMarkup) => {
-        if (stringMarkup in ModalMarkup ||
-            Object.values(ModalMarkup).includes(stringMarkup))
+        if (stringMarkup in ModalMarkup || Object.values(ModalMarkup).includes(stringMarkup))
             return true;
     };
-    const TriggerTag = React.useMemo(() => (triggerMarkup && isCorrectMarkup(triggerMarkup)
-        ? triggerMarkup
-        : "button"), [triggerMarkup]);
-    const ModalContentButton = ({ ...props }) => (React.createElement(Button, { markup: "button", className: is("PRIMARY"), ...props }));
-    const ModalCancelButton = ({ onCloseFunc, }) => (React.createElement(Button, { variant: ButtonVariant.SECONDARY, onClick: (e) => {
-            handleClose(onCloseFunc, e);
-        }, type: ButtonType.BUTTON }, "Annuler"));
-    const CloseButton = ({ onCloseFunc }) => (React.createElement("button", { onClick: (e) => {
-            handleClose(onCloseFunc, e);
-        }, className: hashClass(styled, clsx("modal-close", is("large"))), "aria-label": 'close', type: ButtonType.BUTTON }));
-    return (React.createElement("div", { "data-testid": testId },
-        triggerContent && (React.createElement(TriggerTag, { onClick: (e) => {
+    const TriggerTag = React.useMemo(() => (triggerMarkup && isCorrectMarkup(triggerMarkup) ? triggerMarkup : 'button'), [triggerMarkup]);
+    const onKeyDown = useCallback((event) => {
+        if (display && refsActions.current) {
+            const refs = refsActions.current.filter((ref) => ref);
+            const { key } = event;
+            if (key === 'Tab') {
+                event.preventDefault();
+                setIndexFocusable((prev) => {
+                    var _a;
+                    const nextIndex = (prev + 1) % refs.length;
+                    refs[nextIndex] && ((_a = refs[nextIndex]) === null || _a === void 0 ? void 0 : _a.focus());
+                    return nextIndex;
+                });
+            }
+        }
+    }, [refsActions.current.length, display]);
+    return (React.createElement("div", { "data-testid": testId, onKeyDown: onKeyDown },
+        triggerContent && (React.createElement(TriggerTag, { "aria-label": ariaLabelButtonOpen, title: titleButtonOpen, ref: refBtnModal, "aria-controls": ariaControls, onClick: (e) => {
                 handleOpen(onOpen, e);
             }, className: hashClass(styled, clsx(triggerClassNames)) }, triggerContent)),
-        React.createElement("div", { className: classes, ...others },
+        React.createElement("div", { className: classes, role: 'dialog', "aria-modal": display ? 'true' : undefined, "aria-labelledby": title ? idTitle : undefined, "aria-describedby": content ? idDescription : undefined, ...others },
             React.createElement("div", { ref: modal, className: contentClasses },
-                closeIcon && React.createElement(CloseButton, { onCloseFunc: onClose }),
-                (title || iconName) && (React.createElement(ModalTitle, { iconColor: iconColor, iconName: iconName }, title)),
-                content && typeof content === "string" ? (React.createElement(Text, null, content)) : (content),
+                closeIcon && (React.createElement("button", { onClick: (e) => {
+                        handleClose(onClose, e);
+                    }, className: hashClass(styled, clsx('modal-close', is('large'))), "aria-label": ariaLabelButtonClose, type: ButtonType.BUTTON, title: titleButtonClose, "aria-controls": ariaControls, ref: (el) => el && (refsActions.current[0] = el) })),
+                (title || iconName) && (React.createElement(ModalTitle, { iconColor: iconColor, iconName: iconName, ...{ textId: idTitle } }, title)),
+                content && typeof content === 'string' ? React.createElement(Text, { ...{ id: idDescription } }, content) : content,
                 children != null && children,
-                React.createElement(ModalFooter, { className: footerClasses }, (ctaOnClick != null || ctaCancelOnClick != null) && (React.createElement(ButtonList, { centered: true, className: is("flex") },
-                    ctaCancelOnClick && (React.createElement(ModalCancelButton, { onCloseFunc: ctaCancelOnClick })),
-                    ctaOnClick && (React.createElement(ModalContentButton, { onClick: ctaOnClick }, ctaContent)))) || footer)))));
+                React.createElement(ModalFooter, { className: footerClasses }, ((ctaOnClick != null || ctaCancelOnClick != null) && (React.createElement(ButtonList, { centered: true, className: is('flex') },
+                    ctaCancelOnClick && (React.createElement("button", { onClick: (e) => {
+                            handleClose(ctaCancelOnClick, e);
+                        }, className: hashClass(styled, clsx('button', is('secondary'))), "aria-label": ariaLabelButtonClose, title: titleButtonClose, "aria-controls": ariaControls, ref: (el) => (refsActions.current[1] = el) }, "Anuuler")),
+                    ctaOnClick && (React.createElement("button", { className: hashClass(styled, clsx('button', is('primary'))), "aria-label": ariaLabelCta, title: ctaContent, "aria-controls": ariaControls, ref: (el) => (refsActions.current[2] = el), onClick: ctaOnClick }, ctaContent))))) ||
+                    footer)))));
 };
 export default Modal;
 //# sourceMappingURL=Modal.js.map

package/lib/components/modal/Modal.js.map

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

package/lib/components/modal/ModalProps.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
+import { IconColor, IconColorValues, IconName, IconNameValues } from '../../components/icon';
+import { ClickEvent } from '../../events/OnClickEvent';
 import { Accessibility, Clickable, Clipped, Fullwidth } from '../../objects';
 import { ModalMarkup, ModalMarkupValues } from './ModalEnum';
-import { ClickEvent } from '../../events/OnClickEvent';
-import { IconColor, IconColorValues, IconName, IconNameValues } from '../../components/icon';
 export interface ModalContentButtonProps extends Clickable {
     children?: string;
 }
@@ -37,4 +37,9 @@ export interface ModalProps extends Clipped, Fullwidth, Accessibility {
     onModalHide?: () => void;
     disableHandlingClickOutside?: boolean;
     swipable?: boolean;
+    ariaLabelButtonClose?: string;
+    ariaLabelCta?: string;
+    titleButtonClose?: string;
+    ariaLabelButtonOpen?: string;
+    titleButtonOpen?: string;
 }

package/lib/components/modal/title/ModalTitle.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ModalTitleProps } from "./ModalTitleProps";
+import { ModalTitleProps } from './ModalTitleProps';
 /**
  * Modal Title Component
  * @param children {string}
@@ -7,5 +7,5 @@ import { ModalTitleProps } from "./ModalTitleProps";
  * @param iconName {IconName} IconName for icon title
  * @param iconColor {IconColor} IconColor for icon title
  */
-declare const ModalTitle: ({ children, className, iconColor, iconName }: ModalTitleProps) => JSX.Element;
+declare const ModalTitle: ({ children, className, iconColor, iconName, ...others }: ModalTitleProps) => JSX.Element;
 export default ModalTitle;

package/lib/components/modal/title/ModalTitle.js

@@ -1,8 +1,8 @@
-import * as React from "react";
-import { Icon } from "../../../components/icon";
-import { hashClass } from "../../../helpers";
-import clsx from "clsx";
-import { useTrilogyContext } from "../../../context";
+import TextIcon from '../../../components/icon/text/TextIcon';
+import { useTrilogyContext } from '../../../context';
+import { hashClass } from '../../../helpers';
+import clsx from 'clsx';
+import * as React from 'react';
 /**
  * Modal Title Component
  * @param children {string}
@@ -10,9 +10,10 @@ import { useTrilogyContext } from "../../../context";
  * @param iconName {IconName} IconName for icon title
  * @param iconColor {IconColor} IconColor for icon title
  */
-const ModalTitle = ({ children, className, iconColor, iconName }) => {
+const ModalTitle = ({ children, className, iconColor, iconName, ...others }) => {
     const { styled } = useTrilogyContext();
-    return (React.createElement("div", { className: hashClass(styled, clsx("modal-title", className)) }, iconName ? (React.createElement(Icon, { color: iconColor, size: "large", name: iconName, content: children, position: 'up' })) : (children)));
+    const { textId } = others;
+    return (React.createElement("div", { className: hashClass(styled, clsx('modal-title', className)), id: textId }, iconName ? (React.createElement(TextIcon, { color: iconColor, size: 'large', name: iconName, content: children, position: 'up' })) : (children)));
 };
 export default ModalTitle;
 //# sourceMappingURL=ModalTitle.js.map

package/lib/components/modal/title/ModalTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"ModalTitle.js","sourceRoot":"","sources":["../../../../components/modal/title/ModalTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AAExC,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;GAMG;AACH,MAAM,UAAU,GAAG,CAAC,EAClB,QAAQ,EACR,SAAS,EACT,SAAS,EACT,QAAQ,EACQ,EAAe,EAAE;IACjC,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC,IAC9D,QAAQ,CAAC,CAAC,CAAC,CACV,oBAAC,IAAI,IACH,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,OAAO,EACb,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAC,IAAI,GACb,CACH,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}
+{"version":3,"file":"ModalTitle.js","sourceRoot":"","sources":["../../../../components/modal/title/ModalTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,iCAAiC,CAAA;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B;;;;;;GAMG;AACH,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAmB,EAAe,EAAE;IAC3G,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,EAAE,MAAM,EAAE,GAAG,MAAa,CAAA;IAEhC,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,IAC1E,QAAQ,CAAC,CAAC,CAAC,CACV,oBAAC,QAAQ,IACP,KAAK,EAAE,SAAS,EAChB,IAAI,EAAE,OAAO,EACb,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAC,IAAI,GAEb,CACH,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,UAAU,CAAA"}

package/lib/version.d.ts

@@ -1 +1 @@
-export declare const version = "0.0.1-beta-59";
+export declare const version = "0.0.1-beta-63";

package/lib/version.js

@@ -1,2 +1,2 @@
-export const version = "0.0.1-beta-59";
+export const version = "0.0.1-beta-63";
 //# sourceMappingURL=version.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trilogy-ds/react",
-  "version": "0.0.1-beta-59",
+  "version": "0.0.1-beta-63",
   "type": "module",
   "author": "Bouygues Telecom",
   "files": [