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

package/lib/components/table/Table.example.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { Table, TableTr, TableHead, TableTd, TableBody, TableTh } from './index';
+const TableExample = React.createElement(Table, { bordered: true },
+    React.createElement(TableHead, null,
+        React.createElement(TableTr, null,
+            React.createElement(TableTh, null, "Title 1"),
+            React.createElement(TableTh, null, "Title 2"),
+            React.createElement(TableTh, null, "Title 3"))),
+    React.createElement(TableBody, null,
+        React.createElement(TableTr, null,
+            React.createElement(TableTd, null, "Donn\u00E9e 1"),
+            React.createElement(TableTd, null, "Donn\u00E9e 2"),
+            React.createElement(TableTd, null, "Donn\u00E9e 3")),
+        React.createElement(TableTr, null,
+            React.createElement(TableTd, null, "Donn\u00E9e 4"),
+            React.createElement(TableTd, null, "Donn\u00E9e 5"),
+            React.createElement(TableTd, null, "Donn\u00E9e 6"))));
+export default TableExample;
+//# sourceMappingURL=Table.example.js.map

package/lib/components/table/Table.example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.example.js","sourceRoot":"","sources":["../../../components/table/Table.example.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AAEhF,MAAM,YAAY,GAEhB,oBAAC,KAAK,IAAC,QAAQ;IACb,oBAAC,SAAS;QACR,oBAAC,OAAO;YACN,oBAAC,OAAO,kBAEE;YACV,oBAAC,OAAO,kBAEE;YACV,oBAAC,OAAO,kBAEE,CACF,CACA;IACZ,oBAAC,SAAS;QACR,oBAAC,OAAO;YACN,oBAAC,OAAO,wBAEE;YACV,oBAAC,OAAO,wBAEE;YACV,oBAAC,OAAO,wBAEE,CACF;QACV,oBAAC,OAAO;YACN,oBAAC,OAAO,wBAEE;YACV,oBAAC,OAAO,wBAEE;YACV,oBAAC,OAAO,wBAEE,CACF,CACA,CACN,CAAA;AAEV,eAAe,YAAY,CAAA"}

package/lib/components/table/Table.native.js

@@ -8,7 +8,7 @@ import { ComponentName } from "../../components/enumsComponentsName";
  * @param bordered {boolean} bordered table
  */
 const Table = ({ children, bordered, ...others }) => {
-    const borderColor = getColorStyle(TrilogyColor.MAIN_FADE);
+    const borderColor = getColorStyle(TrilogyColor.FONT, 1);
     const styles = StyleSheet.create({
         table: {
             width: "100%",

package/lib/components/table/Table.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.native.js","sourceRoot":"","sources":["../../../components/table/Table.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAEvD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;;GAIG;AACH,MAAM,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAc,EAAe,EAAE;IAC3E,MAAM,WAAW,GAAG,aAAa,CAAC,YAAY,CAAC,SAAS,CAAC,CAAA;IAEzD,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,KAAK,EAAE;YACL,KAAK,EAAE,MAAM;YACb,eAAe,EAAE,aAAa;SAC/B;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,WAAW;SACzB;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,aAAa;SAC3B;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;YACL,QAAQ,IAAI,MAAM,CAAC,QAAQ;YAC3B,CAAC,QAAQ,IAAI,MAAM,CAAC,QAAQ;YAC5B,MAAM,CAAC,KAAK;SACb,KACG,MAAM,IAET,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,KAAK,CAAC,WAAW,GAAG,aAAa,CAAC,KAAK,CAAA;AAEvC,eAAe,KAAK,CAAA"}
+{"version":3,"file":"Table.native.js","sourceRoot":"","sources":["../../../components/table/Table.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAEvD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;;GAIG;AACH,MAAM,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAc,EAAe,EAAE;IAC3E,MAAM,WAAW,GAAG,aAAa,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC,CAAC,CAAA;IAEvD,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,KAAK,EAAE;YACL,KAAK,EAAE,MAAM;YACb,eAAe,EAAE,aAAa;SAC/B;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,WAAW;SACzB;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,CAAC;YACd,WAAW,EAAE,aAAa;SAC3B;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;YACL,QAAQ,IAAI,MAAM,CAAC,QAAQ;YAC3B,CAAC,QAAQ,IAAI,MAAM,CAAC,QAAQ;YAC5B,MAAM,CAAC,KAAK;SACb,KACG,MAAM,IAET,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,KAAK,CAAC,WAAW,GAAG,aAAa,CAAC,KAAK,CAAA;AAEvC,eAAe,KAAK,CAAA"}

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

@@ -4,4 +4,5 @@ import TableBody from './body';
 import TableTh from './th';
 import TableTr from './tr';
 import TableTd from './td';
-export { Table, TableHead, TableBody, TableTr, TableTh, TableTd };
+import TableExample from './Table.example';
+export { Table, TableHead, TableBody, TableTr, TableTh, TableTd, TableExample };

package/lib/components/table/index.js

@@ -4,5 +4,6 @@ import TableBody from './body';
 import TableTh from './th';
 import TableTr from './tr';
 import TableTd from './td';
-export { Table, TableHead, TableBody, TableTr, TableTh, TableTd };
+import TableExample from './Table.example';
+export { Table, TableHead, TableBody, TableTr, TableTh, TableTd, TableExample };
 //# sourceMappingURL=index.js.map

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

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

package/lib/components/table/td/TableTd.native.js

@@ -14,8 +14,8 @@ const TableTd = ({ children, ...others }) => {
             padding: 10,
             borderBottomWidth: 0.2,
             borderRightWidth: 0.2,
-            borderBottomColor: getColorStyle(TrilogyColor.NEUTRAL_FADE),
-            borderRightColor: getColorStyle(TrilogyColor.NEUTRAL_FADE),
+            borderBottomColor: getColorStyle(TrilogyColor.NEUTRAL_DARK, 1),
+            borderRightColor: getColorStyle(TrilogyColor.NEUTRAL_DARK, 1),
         },
         text: {
             color: getColorStyle(TrilogyColor.MAIN),

package/lib/components/table/td/TableTd.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableTd.native.js","sourceRoot":"","sources":["../../../../components/table/td/TableTd.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAErD,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;GAGG;AACH,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAgB,EAAe,EAAE;IACrE,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,KAAK,EAAE;YACL,aAAa,EAAE,QAAQ;YACvB,IAAI,EAAE,CAAC;YACP,OAAO,EAAE,EAAE;YACX,iBAAiB,EAAE,GAAG;YACtB,gBAAgB,EAAE,GAAG;YACrB,iBAAiB,EAAE,aAAa,CAAC,YAAY,CAAC,YAAY,CAAC;YAC3D,gBAAgB,EAAE,aAAa,CAAC,YAAY,CAAC,YAAY,CAAC;SAC3D;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC;SACxC;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,KAAM,MAAM,IAClC,QAAQ,IAAI,OAAO,QAAQ,CAAC,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,CACpD,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,IAAG,MAAM,CAAC,QAAQ,CAAC,CAAQ,CACpD,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACI,CACR,CAAA;AACH,CAAC,CAAA;AAED,OAAO,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAA;AAE3C,eAAe,OAAO,CAAA"}
+{"version":3,"file":"TableTd.native.js","sourceRoot":"","sources":["../../../../components/table/td/TableTd.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAErD,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;GAGG;AACH,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAgB,EAAe,EAAE;IACrE,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,KAAK,EAAE;YACL,aAAa,EAAE,QAAQ;YACvB,IAAI,EAAE,CAAC;YACP,OAAO,EAAE,EAAE;YACX,iBAAiB,EAAE,GAAG;YACtB,gBAAgB,EAAE,GAAG;YACrB,iBAAiB,EAAE,aAAa,CAAC,YAAY,CAAC,YAAY,EAAE,CAAC,CAAC;YAC9D,gBAAgB,EAAE,aAAa,CAAC,YAAY,CAAC,YAAY,EAAE,CAAC,CAAC;SAC9D;QACD,IAAI,EAAE;YACJ,KAAK,EAAE,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC;SACxC;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,KAAM,MAAM,IAClC,QAAQ,IAAI,OAAO,QAAQ,CAAC,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,CACpD,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,IAAG,MAAM,CAAC,QAAQ,CAAC,CAAQ,CACpD,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACI,CACR,CAAA;AACH,CAAC,CAAA;AAED,OAAO,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAA;AAE3C,eAAe,OAAO,CAAA"}

package/lib/components/table/th/TableTh.native.js

@@ -13,9 +13,9 @@ const TableTh = ({ children, ...others }) => {
         tableTh: {
             flexDirection: "column",
             flex: 1,
-            backgroundColor: getColorStyle(TrilogyColor.NEUTRAL_FADE),
+            backgroundColor: getColorStyle(TrilogyColor.NEUTRAL_DARK, 1),
             padding: 10,
-            borderRightColor: getColorStyle(TrilogyColor.NEUTRAL_FADE),
+            borderRightColor: getColorStyle(TrilogyColor.NEUTRAL_DARK, 1),
             borderRightWidth: 0.2,
         },
         title: {

package/lib/components/table/th/TableTh.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableTh.native.js","sourceRoot":"","sources":["../../../../components/table/th/TableTh.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;GAGG;AACH,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAgB,EAAe,EAAE;IACrE,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,OAAO,EAAE;YACP,aAAa,EAAE,QAAQ;YACvB,IAAI,EAAE,CAAC;YACP,eAAe,EAAE,aAAa,CAAC,YAAY,CAAC,YAAY,CAAC;YACzD,OAAO,EAAE,EAAE;YACX,gBAAgB,EAAE,aAAa,CAAC,YAAY,CAAC,YAAY,CAAC;YAC1D,gBAAgB,EAAE,GAAG;SACtB;QACD,KAAK,EAAE;YACL,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,MAAM;SACnB;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,KAAM,MAAM;QACrC,oBAAC,IAAI,IAAC,IAAI,EAAE,CAAC,cAAc,CAAC,oBAAoB,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,IACnE,MAAM,CAAC,QAAQ,CAAC,CACZ,CACF,CACR,CAAA;AACH,CAAC,CAAA;AAED,OAAO,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAA;AAE3C,eAAe,OAAO,CAAA"}
+{"version":3,"file":"TableTh.native.js","sourceRoot":"","sources":["../../../../components/table/th/TableTh.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;GAGG;AACH,MAAM,OAAO,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAgB,EAAe,EAAE;IACrE,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,OAAO,EAAE;YACP,aAAa,EAAE,QAAQ;YACvB,IAAI,EAAE,CAAC;YACP,eAAe,EAAE,aAAa,CAAC,YAAY,CAAC,YAAY,EAAE,CAAC,CAAC;YAC5D,OAAO,EAAE,EAAE;YACX,gBAAgB,EAAE,aAAa,CAAC,YAAY,CAAC,YAAY,EAAE,CAAC,CAAC;YAC7D,gBAAgB,EAAE,GAAG;SACtB;QACD,KAAK,EAAE;YACL,QAAQ,EAAE,EAAE;YACZ,UAAU,EAAE,MAAM;SACnB;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,KAAM,MAAM;QACrC,oBAAC,IAAI,IAAC,IAAI,EAAE,CAAC,cAAc,CAAC,oBAAoB,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,IACnE,MAAM,CAAC,QAAQ,CAAC,CACZ,CACF,CACR,CAAA;AACH,CAAC,CAAA;AAED,OAAO,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAA;AAE3C,eAAe,OAAO,CAAA"}

package/lib/components/table/tr/TableTr.native.js

@@ -19,7 +19,7 @@ const TableTr = ({ children, expandable, expanded, ...others }) => {
         },
         expendable: {
             width: "100%",
-            backgroundColor: getColorStyle(TrilogyColor.NEUTRAL_FADE),
+            backgroundColor: getColorStyle(TrilogyColor.NEUTRAL_DARK, 1),
             padding: 10,
         },
     });

package/lib/components/table/tr/TableTr.native.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableTr.native.js","sourceRoot":"","sources":["../../../../components/table/tr/TableTr.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAE3D,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAErE;;;;;GAKG;AACH,MAAM,OAAO,GAAG,CAAC,EACf,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,GAAG,MAAM,EACU,EAAe,EAAE;IACpC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAA;IAE5D,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,OAAO,EAAE;YACP,aAAa,EAAE,KAAK;YACpB,IAAI,EAAE,CAAC;SACR;QACD,UAAU,EAAE;YACV,KAAK,EAAE,MAAM;YACb,eAAe,EAAE,aAAa,CAAC,YAAY,CAAC,YAAY,CAAC;YACzD,OAAO,EAAE,EAAE;SACZ;KACF,CAAC,CAAA;IAEF,MAAM,qBAAqB,GAAG,GAAG,EAAE;QACjC,aAAa,CAAC,CAAC,UAAU,CAAC,CAAA;IAC5B,CAAC,CAAA;IAED,IAAI,UAAU,EAAE;QACd,OAAO,CACL,oBAAC,IAAI;YACH,oBAAC,gBAAgB,IACf,OAAO,EAAE,GAAG,EAAE,CAAC,qBAAqB,EAAE,EACtC,KAAK,EAAE,MAAM,CAAC,OAAO,KACjB,MAAM,IAET,QAAQ,CACQ;YAClB,UAAU,IAAI,QAAQ,IAAI,OAAO,QAAQ,CAAC,OAAO,EAAE,KAAK,QAAQ,IAAI,CACnE,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,UAAU;gBAC5B,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU,CAAC,IAAI,IAAG,MAAM,CAAC,QAAQ,CAAC,CAAQ,CAClD,CACR;YACA,UAAU,IAAI,QAAQ,IAAI,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,CAC3D,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,UAAU,IAAG,QAAQ,CAAQ,CAClD,CACI,CACR,CAAA;KACF;IAED,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,KAAM,MAAM,IACpC,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,OAAO,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAA;AAE3C,eAAe,OAAO,CAAA"}
+{"version":3,"file":"TableTr.native.js","sourceRoot":"","sources":["../../../../components/table/tr/TableTr.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAE3D,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAA;AAErE;;;;;GAKG;AACH,MAAM,OAAO,GAAG,CAAC,EACf,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,GAAG,MAAM,EACU,EAAe,EAAE;IACpC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAA;IAE5D,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,OAAO,EAAE;YACP,aAAa,EAAE,KAAK;YACpB,IAAI,EAAE,CAAC;SACR;QACD,UAAU,EAAE;YACV,KAAK,EAAE,MAAM;YACb,eAAe,EAAE,aAAa,CAAC,YAAY,CAAC,YAAY,EAAE,CAAC,CAAC;YAC5D,OAAO,EAAE,EAAE;SACZ;KACF,CAAC,CAAA;IAEF,MAAM,qBAAqB,GAAG,GAAG,EAAE;QACjC,aAAa,CAAC,CAAC,UAAU,CAAC,CAAA;IAC5B,CAAC,CAAA;IAED,IAAI,UAAU,EAAE;QACd,OAAO,CACL,oBAAC,IAAI;YACH,oBAAC,gBAAgB,IACf,OAAO,EAAE,GAAG,EAAE,CAAC,qBAAqB,EAAE,EACtC,KAAK,EAAE,MAAM,CAAC,OAAO,KACjB,MAAM,IAET,QAAQ,CACQ;YAClB,UAAU,IAAI,QAAQ,IAAI,OAAO,QAAQ,CAAC,OAAO,EAAE,KAAK,QAAQ,IAAI,CACnE,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,UAAU;gBAC5B,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU,CAAC,IAAI,IAAG,MAAM,CAAC,QAAQ,CAAC,CAAQ,CAClD,CACR;YACA,UAAU,IAAI,QAAQ,IAAI,KAAK,CAAC,cAAc,CAAC,QAAQ,CAAC,IAAI,CAC3D,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,UAAU,IAAG,QAAQ,CAAQ,CAClD,CACI,CACR,CAAA;KACF;IAED,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,KAAM,MAAM,IACpC,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,OAAO,CAAC,WAAW,GAAG,aAAa,CAAC,OAAO,CAAA;AAE3C,eAAe,OAAO,CAAA"}

package/lib/components/tabs/Tabs.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { TabsProps } from './TabsProps';
 /**
  * Tabs Component
@@ -6,17 +6,15 @@ import { TabsProps } from './TabsProps';
  * @param onClick onClick event
  * @param activeIndex {number} default active tab index
  * @param disabled {boolean} Disabled tabs
+ * @param clipped {boolean} Remove the separator bar
  * @param inverted {boolean} dark mode
  * @param shadowless {boolean} No shadow
- * @param centered {boolean} Centered tabs
  * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param centered {boolean} Centered tabs
+ * @param rightAlign {boolean} Tabs right align
  * @param className {string} Additionnal CSS Classes
  * @param fullwidth {boolean} Fullwidth tabs
  * @param leftAlign {boolean} Tabs left align
- * @param align { Alignable | AlignableValues} align content
- * @param marginless {boolean} delete margin
- * @param textAlign {TypographyAlign | TypographyAlignValues}
- * @param testId {string} Test Id for Test Integration
  */
-declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
+declare const Tabs: ({ children, className, onClick, activeIndex, disabled, rightAlign, fullwidth, align, centered, marginless, inverted, shadowless, textAlign, testId, ...others }: TabsProps) => JSX.Element;
 export default Tabs;

package/lib/components/tabs/Tabs.example.d.ts

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

package/lib/components/tabs/Tabs.example.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Tabs, TabsItem } from './index';
+import { Columns, ColumnsItem } from '../columns';
+const TabsExample = React.createElement(Columns, null,
+    React.createElement(ColumnsItem, null,
+        React.createElement(Tabs, { activeIndex: 2 },
+            React.createElement(TabsItem, { disabled: true, iconName: 'tri-alert' }, "One"),
+            React.createElement(TabsItem, { iconName: 'tri-alert' }, "Two"),
+            React.createElement(TabsItem, { iconName: 'tri-alert' }, "Three"))),
+    React.createElement(ColumnsItem, null,
+        React.createElement(Tabs, { activeIndex: 2 },
+            React.createElement(TabsItem, { disabled: true }, "One"),
+            React.createElement(TabsItem, null, "Two"),
+            React.createElement(TabsItem, null, "Three"))));
+export default TabsExample;
+//# sourceMappingURL=Tabs.example.js.map

package/lib/components/tabs/Tabs.example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.example.js","sourceRoot":"","sources":["../../../components/tabs/Tabs.example.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AACxC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAEjD,MAAM,WAAW,GACf,oBAAC,OAAO;IACJ,oBAAC,WAAW;QACV,oBAAC,IAAI,IACH,WAAW,EAAE,CAAC;YAEd,oBAAC,QAAQ,IACP,QAAQ,QACR,QAAQ,EAAC,WAAW,UAGX;YACX,oBAAC,QAAQ,IAAC,QAAQ,EAAC,WAAW,UAGnB;YACX,oBAAC,QAAQ,IAAC,QAAQ,EAAC,WAAW,YAGnB,CACN,CACK;IACd,oBAAC,WAAW;QACV,oBAAC,IAAI,IACH,WAAW,EAAE,CAAC;YAEd,oBAAC,QAAQ,IAAC,QAAQ,gBAEP;YACX,oBAAC,QAAQ,cAEE;YACX,oBAAC,QAAQ,gBAEE,CACN,CACK,CACN,CAAA;AACd,eAAe,WAAW,CAAA"}

package/lib/components/tabs/Tabs.js

@@ -9,24 +9,21 @@ import { has, is } from '../../services/classify';
  * @param onClick onClick event
  * @param activeIndex {number} default active tab index
  * @param disabled {boolean} Disabled tabs
+ * @param clipped {boolean} Remove the separator bar
  * @param inverted {boolean} dark mode
  * @param shadowless {boolean} No shadow
- * @param centered {boolean} Centered tabs
  * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param centered {boolean} Centered tabs
+ * @param rightAlign {boolean} Tabs right align
  * @param className {string} Additionnal CSS Classes
  * @param fullwidth {boolean} Fullwidth tabs
  * @param leftAlign {boolean} Tabs left align
- * @param align { Alignable | AlignableValues} align content
- * @param marginless {boolean} delete margin
- * @param textAlign {TypographyAlign | TypographyAlignValues}
- * @param testId {string} Test Id for Test Integration
  */
-const Tabs = React.forwardRef((props, ref) => {
-    const { children, className, onClick, activeIndex, disabled, fullwidth, align, centered, marginless, inverted, shadowless, textAlign, testId, ...others } = props;
+const Tabs = ({ children, className, onClick, activeIndex, disabled, rightAlign, fullwidth, align, centered, marginless, inverted, shadowless, textAlign, testId, ...others }) => {
     const [activateIndex, setActivateIndex] = useState(activeIndex || 0);
     const { styled } = useTrilogyContext();
     const [isIcons, setIsIcons] = React.useState(false);
-    const classes = hashClass(styled, clsx('tabs', fullwidth && is('fullwidth'), centered && is('centered'), marginless && is('marginless'), isIcons && is('icons'), className));
+    const classes = hashClass(styled, clsx('tabs', rightAlign && is('right'), fullwidth && is('fullwidth'), centered && is('centered'), marginless && is('marginless'), isIcons && is('icons'), className));
     const isActive = React.useCallback((index, childPropsActive) => {
         if (typeof childPropsActive !== 'undefined' && !activateIndex) {
             return childPropsActive;
@@ -47,7 +44,7 @@ const Tabs = React.forwardRef((props, ref) => {
     useEffect(() => {
         setActivateIndex(activateIndex);
     }, [activeIndex]);
-    return (React.createElement("div", { ref: ref, className: hashClass(styled, clsx('tab-context', inverted && is('inverted'), align && has(`text-${align}`), shadowless && is('shadowless'), textAlign && textAlign)), "data-tabs-context": '', "data-testid": testId },
+    return (React.createElement("div", { className: hashClass(styled, clsx('tab-context', inverted && is('inverted'), align && has(`text-${align}`), shadowless && is('shadowless'), textAlign && textAlign)), "data-tabs-context": '', "data-testid": testId },
         React.createElement("div", { className: classes, role: 'tablist', ...others }, React.Children.map(children, (child, index) => {
             if (React.isValidElement(child)) {
                 if (!isIcons && child.props.iconName)
@@ -69,6 +66,6 @@ const Tabs = React.forwardRef((props, ref) => {
                 return React.cloneElement(child, props);
             }
         }))));
-});
+};
 export default Tabs;
 //# sourceMappingURL=Tabs.js.map

package/lib/components/tabs/Tabs.js.map

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

package/lib/components/tabs/Tabs.native.d.ts

@@ -8,8 +8,7 @@ import { ComponentName } from '../../components/enumsComponentsName';
  * @param activeIndex {number} default active tab index
  * @param disabled {boolean} Disabled tabs
  * @param inverted {boolean} dark mode
- * @param shadowless {boolean} No shadow
- * @param centered {boolean} Centered tabs
+ * @param centered {boolean} Is centered
  */
 declare const Tabs: {
     ({ children, onClick, activeIndex, disabled, centered, inverted, ...others }: TabsProps): JSX.Element;

package/lib/components/tabs/Tabs.native.js

@@ -11,8 +11,7 @@ import { ComponentName } from '../../components/enumsComponentsName';
  * @param activeIndex {number} default active tab index
  * @param disabled {boolean} Disabled tabs
  * @param inverted {boolean} dark mode
- * @param shadowless {boolean} No shadow
- * @param centered {boolean} Centered tabs
+ * @param centered {boolean} Is centered
  */
 const Tabs = ({ children, onClick, activeIndex, disabled, centered, inverted, ...others }) => {
     const [activateIndex, setActivateIndex] = useState(activeIndex);

package/lib/components/tabs/Tabs.native.js.map

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

package/lib/components/tabs/TabsProps.d.ts

@@ -9,6 +9,10 @@ export interface TabsProps extends Centerable, JustifiableProps, Clickable, Acce
     children: React.ReactNode | string;
     disabled?: boolean;
     activeIndex?: number;
+    /** @deprecated */
+    rightAlign?: boolean;
+    /** @deprecated */
+    clipped?: boolean;
     fullwidth?: boolean;
     className?: string;
     marginless?: boolean;

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

@@ -1,3 +1,4 @@
 import Tabs from './Tabs';
 import TabsItem from './item';
-export { Tabs, TabsItem };
+import TabsExample from './Tabs.example';
+export { Tabs, TabsItem, TabsExample };

package/lib/components/tabs/index.js

@@ -1,4 +1,5 @@
 import Tabs from './Tabs';
 import TabsItem from './item';
-export { Tabs, TabsItem };
+import TabsExample from './Tabs.example';
+export { Tabs, TabsItem, TabsExample };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAA;AACzB,OAAO,QAAQ,MAAM,QAAQ,CAAA;AAE7B,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,QAAQ,CAAA;AACzB,OAAO,QAAQ,MAAM,QAAQ,CAAA;AAC7B,OAAO,WAAW,MAAM,gBAAgB,CAAA;AAExC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAA"}

package/lib/components/tabs/item/TabsItem.d.ts

@@ -1,18 +1,17 @@
-import React from "react";
+/// <reference types="react" />
 import { TabsItemProps } from "./TabsItemProps";
 /**
  * Tabs Item Component
  * @param active {boolean} active tab item
  * @param children {ReactChild} React Child Element
  * @param onClick onClick Event
+ * @param to {string} Link
+ * @param href {string} <a />
+ * @param routerLink Custom Router Link as props
  * @param iconName {IconNameValues | IconName} add icon name
  * @param disabled {boolean} disable tab item
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
- * @param testId {string} Test Id for Test Integration
- * @param to {string} Link
- * @param href {string} <a />
- * @param routerLink Custom Router Link as props
  */
-declare const TabsItem: React.ForwardRefExoticComponent<TabsItemProps & React.RefAttributes<any>>;
+declare const TabsItem: ({ active, children, className, onClick, to, href, routerLink, iconName, disabled, testId, ...others }: TabsItemProps) => JSX.Element;
 export default TabsItem;

package/lib/components/tabs/item/TabsItem.js

@@ -8,17 +8,15 @@ import { Icon } from "../../../components/icon";
  * @param active {boolean} active tab item
  * @param children {ReactChild} React Child Element
  * @param onClick onClick Event
+ * @param to {string} Link
+ * @param href {string} <a />
+ * @param routerLink Custom Router Link as props
  * @param iconName {IconNameValues | IconName} add icon name
  * @param disabled {boolean} disable tab item
  * - -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additionnal CSS Classes
- * @param testId {string} Test Id for Test Integration
- * @param to {string} Link
- * @param href {string} <a />
- * @param routerLink Custom Router Link as props
  */
-const TabsItem = React.forwardRef((props, ref) => {
-    const { active, children, className, onClick, to, href, routerLink, iconName, disabled, testId, ...others } = props;
+const TabsItem = ({ active, children, className, onClick, to, href, routerLink, iconName, disabled, testId, ...others }) => {
     const [activeItem, setActiveItem] = useState(active || false);
     const { styled } = useTrilogyContext();
     // accessibility
@@ -34,7 +32,7 @@ const TabsItem = React.forwardRef((props, ref) => {
     const classes = hashClass(styled, clsx("tab", className, { "is-active": activeItem }));
     if (routerLink && (to || href)) {
         const RouterLink = (routerLink ? routerLink : "a");
-        return (React.createElement(RouterLink, { ref: ref, "data-testid": testId, tabIndex: 0, ...a11y.a, to: to, href: href, className: classes, ...others, onClick: (e) => {
+        return (React.createElement(RouterLink, { "data-testid": testId, tabIndex: 0, ...a11y.a, to: to, href: href, className: classes, ...others, onClick: (e) => {
                 if (!disabled) {
                     const target = e.target;
                     setActiveItem(active || false);
@@ -47,7 +45,7 @@ const TabsItem = React.forwardRef((props, ref) => {
             React.createElement("div", { className: 'tab-icon' }, iconName && (React.createElement(Icon, { align: 'ALIGNED_CENTER', size: 'small', name: iconName }))),
             children));
     }
-    return (React.createElement("button", { ref: ref, "aria-disabled": disabled, disabled: disabled, className: classes, role: 'tab', "data-testid": testId, ...a11y.a, ...others, onClick: (e) => {
+    return (React.createElement("button", { "aria-disabled": disabled, disabled: disabled, className: classes, role: 'tab', "data-testid": testId, ...a11y.a, ...others, onClick: (e) => {
             if (!disabled) {
                 const target = e.target;
                 setActiveItem(active || false);
@@ -59,6 +57,6 @@ const TabsItem = React.forwardRef((props, ref) => {
         } },
         React.createElement("div", { className: 'tab-icon' }, iconName && (React.createElement(Icon, { align: 'ALIGNED_CENTER', size: 'small', name: iconName }))),
         children));
-});
+};
 export default TabsItem;
 //# sourceMappingURL=TabsItem.js.map

package/lib/components/tabs/item/TabsItem.js.map

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

package/lib/components/tabs/item/TabsItem.native.d.ts

@@ -7,7 +7,6 @@ import { ComponentName } from "../../../components/enumsComponentsName";
  * @param children {ReactChild} React Child Element
  * @param onClick onClick Event
  * @param iconName {IconNameValues | IconName} add icon name
- * @param disabled {boolean} disable tab item
  */
 declare const TabsItem: {
     ({ active, children, onClick, iconName, inverted, disabled, ...others }: TabsItemProps): JSX.Element;

package/lib/components/tabs/item/TabsItem.native.js

@@ -10,7 +10,6 @@ import { Text, TextLevels } from "../../../components/text";
  * @param children {ReactChild} React Child Element
  * @param onClick onClick Event
  * @param iconName {IconNameValues | IconName} add icon name
- * @param disabled {boolean} disable tab item
  */
 const TabsItem = ({ active, children, onClick, iconName, inverted, disabled, ...others }) => {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -22,7 +21,7 @@ const TabsItem = ({ active, children, onClick, iconName, inverted, disabled, ...
     const getIconColor = React.useMemo(() => {
         if (inverted) {
             if (disabled)
-                return TrilogyColor.NEUTRAL_FADE;
+                return TrilogyColor.NEUTRAL_LIGHT;
             return TrilogyColor.BACKGROUND;
         }
         if (disabled)

package/lib/components/tabs/item/TabsItem.native.js.map

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

package/lib/components/tag/Tag.d.ts

@@ -1,15 +1,13 @@
 /// <reference types="react" />
-import { TagProps } from './TagProps';
+import { TagProps } from "./TagProps";
 /**
  * Tag Component
  * @param children {ReactNode} Add childrens for tag
  * @param variant {TagVariant} Available tag variants
+ * @param deletable {boolean} Adding delete icon
  * @param inverted {boolean} Inverted tag
- * @param small {boolean} display small tag
- * @param iconName {IconName} display icon
- * @param testId {string} Test Id for Test Integration
- * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param onClick {Function} OnClick Event
  * @param className {string} Additionnal CSS Classes
  **/
-declare const Tag: ({ children, className, variant, inverted, small, iconName, testId, ...others }: TagProps) => JSX.Element;
+declare const Tag: ({ children, className, variant, deletable, onClick, inverted, small, iconName, testId, ...others }: TagProps) => JSX.Element;
 export default Tag;

package/lib/components/tag/Tag.example.d.ts

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

package/lib/components/tag/Tag.example.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Tag, TagList } from './index';
+import { Columns, ColumnsItem } from '../columns';
+import { IconName } from '../../components/icon';
+const TagExample = (React.createElement(Columns, null,
+    React.createElement(ColumnsItem, null,
+        React.createElement(TagList, null,
+            React.createElement(Tag, { iconName: IconName.BELL, variant: 'ERROR' }, "Tag"),
+            React.createElement(Tag, { iconName: IconName.ALERT, variant: 'SUCCESS' }, "Tag success"),
+            React.createElement(Tag, { iconName: IconName.CHECK, variant: 'WARNING' }, "Tag warning"),
+            React.createElement(Tag, { iconName: IconName.EYE, variant: 'INFO' }, "Tag info")))));
+export default TagExample;
+//# sourceMappingURL=Tag.example.js.map

package/lib/components/tag/Tag.example.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.example.js","sourceRoot":"","sources":["../../../components/tag/Tag.example.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,SAAS,CAAA;AACtC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAE5C,MAAM,UAAU,GAAoB,CAClC,oBAAC,OAAO;IACN,oBAAC,WAAW;QACV,oBAAC,OAAO;YACN,oBAAC,GAAG,IAAC,QAAQ,EAAE,QAAQ,CAAC,IAAI,EAAE,OAAO,EAAC,OAAO,UAEvC;YACN,oBAAC,GAAG,IAAC,QAAQ,EAAE,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAC,SAAS,kBAE1C;YACN,oBAAC,GAAG,IAAC,QAAQ,EAAE,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAC,SAAS,kBAE1C;YACN,oBAAC,GAAG,IAAC,QAAQ,EAAE,QAAQ,CAAC,GAAG,EAAE,OAAO,EAAC,MAAM,eAErC,CACE,CACE,CACN,CACX,CAAA;AAED,eAAe,UAAU,CAAA"}

package/lib/components/tag/Tag.js

@@ -1,26 +1,43 @@
-import { useTrilogyContext } from '../../context';
-import { hashClass } from '../../helpers';
-import { getColorClassName } from '../../objects/facets/Color';
-import { is } from '../../services/classify';
-import clsx from 'clsx';
-import React from 'react';
-import { Icon } from '../icon';
+import clsx from "clsx";
+import React, { useState } from "react";
+import { getColorClassName, } from "../../objects/facets/Color";
+import { has, is } from "../../services/classify";
+import { Icon } from "../icon";
+import { hashClass } from "../../helpers";
+import { useTrilogyContext } from "../../context";
 /**
  * Tag Component
  * @param children {ReactNode} Add childrens for tag
  * @param variant {TagVariant} Available tag variants
+ * @param deletable {boolean} Adding delete icon
  * @param inverted {boolean} Inverted tag
- * @param small {boolean} display small tag
- * @param iconName {IconName} display icon
- * @param testId {string} Test Id for Test Integration
- * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param onClick {Function} OnClick Event
  * @param className {string} Additionnal CSS Classes
  **/
-const Tag = ({ children, className, variant, inverted, small, iconName, testId, ...others }) => {
+const Tag = ({ children, className, variant, deletable, onClick, inverted, small, iconName, testId, ...others }) => {
+    const [display, setDisplay] = useState(deletable || false);
     const { styled } = useTrilogyContext();
-    const tagClassNames = hashClass(styled, clsx('tag', variant && is(getColorClassName(variant)), inverted && is('inverted'), small && is('small'), className));
-    const tagIconClassNames = hashClass(styled, clsx(variant && is(getColorClassName(variant))));
-    return (React.createElement("span", { "data-testid": testId, className: tagClassNames, ...others },
+    const tagClassNames = hashClass(styled, clsx("tag", !deletable &&
+        variant &&
+        is(getColorClassName(variant)), !deletable && inverted && is("inverted"), small && is("small"), !deletable && className, deletable && !display && is("hidden")));
+    const tagIconClassNames = hashClass(styled, clsx(variant &&
+        is(getColorClassName(variant))));
+    const onClickHandle = (e) => {
+        setDisplay(false);
+        if (onClick) {
+            onClick(e);
+        }
+    };
+    const deleteClasses = hashClass(styled, clsx("tags", variant &&
+        is(getColorClassName(variant)), deletable && [has("addons"), is("delete")], inverted && is("inverted"), small && is("small"), className));
+    // Deletable tag
+    if (deletable && display) {
+        return (React.createElement("div", { "data-testid": testId, className: deleteClasses },
+            React.createElement("span", { className: tagClassNames }, children),
+            React.createElement("a", { "data-testid": `${testId}_close_button`, onClick: onClickHandle, className: tagClassNames })));
+    }
+    // Default tag
+    return (React.createElement("span", { "data-testid": testId, onClick: onClick && onClick, className: tagClassNames, ...others },
         iconName && React.createElement(Icon, { className: tagIconClassNames, name: iconName }),
         children));
 };

package/lib/components/tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../components/tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAoC,MAAM,wBAAwB,CAAA;AAC5F,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AACxC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAG9B;;;;;;;;;;IAUI;AACJ,MAAM,GAAG,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,MAAM,EAAY,EAAe,EAAE;IACpH,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,aAAa,GAAG,SAAS,CAC7B,MAAM,EACN,IAAI,CACF,KAAK,EAEL,OAAO,IAAI,EAAE,CAAC,iBAAiB,CAAC,OAA4C,CAAC,CAAC,EAC9E,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,KAAK,IAAI,EAAE,CAAC,OAAO,CAAC,EACpB,SAAS,CACV,CACF,CAAA;IAED,MAAM,iBAAiB,GAAG,SAAS,CACjC,MAAM,EACN,IAAI,CAAC,OAAO,IAAI,EAAE,CAAC,iBAAiB,CAAC,OAA4C,CAAC,CAAC,CAAC,CACrF,CAAA;IAED,OAAO,CACL,6CAAmB,MAAM,EAAE,SAAS,EAAE,aAAa,KAAM,MAAM;QAC5D,QAAQ,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAE,iBAAiB,EAAE,IAAI,EAAE,QAAQ,GAAI;QAClE,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,GAAG,CAAA"}
+{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../components/tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,iBAAiB,GAAqC,MAAM,wBAAwB,CAAA;AAC7F,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAA;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;;IAQI;AACJ,MAAM,GAAG,GAAG,CAAC,EACX,QAAQ,EACR,SAAS,EACT,OAAO,EACP,SAAS,EACT,OAAO,EACP,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,MAAM,EACN,GAAG,MAAM,EACA,EAAe,EAAE;IAC1B,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAU,SAAS,IAAI,KAAK,CAAC,CAAA;IACnE,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,aAAa,GAAG,SAAS,CAC7B,MAAM,EACN,IAAI,CACF,KAAK,EACL,CAAC,SAAS;QACR,OAAO;QACP,EAAE,CAAC,iBAAiB,CAAC,OAA4C,CAAC,CAAC,EACrE,CAAC,SAAS,IAAI,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EACxC,KAAK,IAAI,EAAE,CAAC,OAAO,CAAC,EACpB,CAAC,SAAS,IAAI,SAAS,EACvB,SAAS,IAAI,CAAC,OAAO,IAAI,EAAE,CAAC,QAAQ,CAAC,CACtC,CACF,CAAA;IAED,MAAM,iBAAiB,GAAG,SAAS,CACjC,MAAM,EACN,IAAI,CACF,OAAO;QACL,EAAE,CAAC,iBAAiB,CAAC,OAA4C,CAAC,CAAC,CACtE,CACF,CAAA;IAED,MAAM,aAAa,GAAG,CAAC,CAAmB,EAAE,EAAE;QAC5C,UAAU,CAAC,KAAK,CAAC,CAAA;QACjB,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,CAAC,CAAC,CAAA;SACX;IACH,CAAC,CAAA;IAED,MAAM,aAAa,GAAG,SAAS,CAC7B,MAAM,EACN,IAAI,CACF,MAAM,EACN,OAAO;QACL,EAAE,CAAC,iBAAiB,CAAC,OAA4C,CAAC,CAAC,EACrE,SAAS,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,EAC1C,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,KAAK,IAAI,EAAE,CAAC,OAAO,CAAC,EACpB,SAAS,CACV,CACF,CAAA;IAED,gBAAgB;IAChB,IAAI,SAAS,IAAI,OAAO,EAAE;QACxB,OAAO,CACL,4CAAkB,MAAM,EAAE,SAAS,EAAE,aAAa;YAChD,8BAAM,SAAS,EAAE,aAAa,IAAG,QAAQ,CAAQ;YACjD,0CACe,GAAG,MAAM,eAAe,EACrC,OAAO,EAAE,aAAa,EACtB,SAAS,EAAE,aAAa,GACxB,CACE,CACP,CAAA;KACF;IAED,cAAc;IACd,OAAO,CACL,6CACe,MAAM,EACnB,OAAO,EAAE,OAAO,IAAI,OAAO,EAC3B,SAAS,EAAE,aAAa,KACpB,MAAM;QAET,QAAQ,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAE,iBAAiB,EAAE,IAAI,EAAE,QAAQ,GAAI;QAClE,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,eAAe,GAAG,CAAA"}

package/lib/components/tag/Tag.native.d.ts

@@ -1,17 +1,19 @@
 /// <reference types="react" />
-import { ComponentName } from '../../components/enumsComponentsName';
-import { TagProps } from './TagProps';
+import { TagProps } from "./TagProps";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Tag Component
  * @param children {ReactNode} Add childrens for tag
  * @param variant {TagVariant} Available tag variants
- * @param inverted {boolean} Inverted tag
- * @param small {boolean} display small tag
- * @param iconName {IconName} display icon
- * @param testId {string} Test Id for Test Integration
- **/
+ * @param deletable {boolean} Adding delete icon
+ * @param onClick {Function} OnClick Event
+ * @param inverted
+ * @param iconName
+ * @param small
+ * @param others
+ */
 declare const Tag: {
-    ({ children, variant, inverted, iconName, small, testId, ...others }: TagProps): JSX.Element;
+    ({ children, variant, deletable, onClick, inverted, iconName, small, testId, ...others }: TagProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Tag;