demio-ui 2.1.54 → 2.1.56

package/dist/esm/types/src/components/Select/Select.d.ts

@@ -18,6 +18,7 @@ type SelectProps = {
 export declare const Select: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<HTMLButtonElement>>;
 type SelectItemProps = {
     children: React.ReactNode;
+    className: string;
     value: string;
     disabled?: boolean;
 };

package/dist/esm/types/src/icons/index.d.ts

@@ -11,6 +11,7 @@ import CheckboxIcon from './checkbox.svg';
 import CheckboxUncheckIcon from './checkbox_uncheck.svg';
 import ClockIcon from './clock.svg';
 import CloseIcon from './close.svg';
+import CopyIcon from './copy.svg';
 import CustomizeIcon from './customize.svg';
 import DeleteIcon from './delete.svg';
 import DotsIcon from './dots.svg';
@@ -59,4 +60,4 @@ import VolumeUpSolidIcon from './volume_up.svg';
 import VolumeUpIcon from './volume_up-1.svg';
 import WarningSolidIcon from './warning.svg';
 import WarningIcon from './warning-1.svg';
-export { AddIcon, ArrowDownIcon, ArrowLeftIcon, BarChartIcon, BlockIcon, BlurOnIcon, CachedIcon, CalendarIcon, CalendarStarIcon, CheckboxIcon, CheckboxUncheckIcon, CheckCircleIcon, ClockIcon, CloseIcon, CustomizeIcon, DeleteIcon, DotsIcon, EditIcon, ElectricBoltIcon, EventDetailsIcon, EventRepeatIcon, ExclamationIcon, ExternalLinkIcon, FileIcon, FilterListIcon, InfoIcon, InfoSolidIcon, ItemsIcon, ListIcon, ListThIcon, LockIcon, MagicIcon, MaterialsIcon, MicOffIcon, MicOffSolidIcon, MicOnfIcon, MicOnSolidIcon, PasswordEyeCrossedIcon, PasswordEyeIcon, Person, PlayIcon, PollIcon, ProgressIcon, ReplayDisabledIcon, RocketIcon, SearchIcon, SmileIcon, StackedEmailIcon, TodayIcon, TrendingDownIcon, TrendingUpIcon, VideoCamOffIcon, VideoCamOffSolidIcon, VideoCamOnIcon, VideoCamOnSolidIcon, VolumeOffIcon, VolumeOffSolidIcon, VolumeUpIcon, VolumeUpSolidIcon, WarningIcon, WarningSolidIcon, };
+export { AddIcon, ArrowDownIcon, ArrowLeftIcon, BarChartIcon, BlockIcon, BlurOnIcon, CachedIcon, CalendarIcon, CalendarStarIcon, CheckboxIcon, CheckboxUncheckIcon, CheckCircleIcon, ClockIcon, CloseIcon, CopyIcon, CustomizeIcon, DeleteIcon, DotsIcon, EditIcon, ElectricBoltIcon, EventDetailsIcon, EventRepeatIcon, ExclamationIcon, ExternalLinkIcon, FileIcon, FilterListIcon, InfoIcon, InfoSolidIcon, ItemsIcon, ListIcon, ListThIcon, LockIcon, MagicIcon, MaterialsIcon, MicOffIcon, MicOffSolidIcon, MicOnfIcon, MicOnSolidIcon, PasswordEyeCrossedIcon, PasswordEyeIcon, Person, PlayIcon, PollIcon, ProgressIcon, ReplayDisabledIcon, RocketIcon, SearchIcon, SmileIcon, StackedEmailIcon, TodayIcon, TrendingDownIcon, TrendingUpIcon, VideoCamOffIcon, VideoCamOffSolidIcon, VideoCamOnIcon, VideoCamOnSolidIcon, VolumeOffIcon, VolumeOffSolidIcon, VolumeUpIcon, VolumeUpSolidIcon, WarningIcon, WarningSolidIcon, };

package/dist/types.d.ts

@@ -300,6 +300,7 @@ type SelectProps = {
 declare const Select: React__default.ForwardRefExoticComponent<SelectProps & React__default.RefAttributes<HTMLButtonElement>>;
 type SelectItemProps = {
     children: React__default.ReactNode;
+    className: string;
     value: string;
     disabled?: boolean;
 };
@@ -390,10 +391,10 @@ interface TypoProps extends PropsWithChildren {
 }
 declare const Typography: ({ tag, dataTestId, align, className, children, emphasis, title, variant, ...restProps }: TypoProps) => React__default.JSX.Element;
 
-var _path$Y, _g$v;
-function _extends$Y() { _extends$Y = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$Y.apply(this, arguments); }
+var _path$Z, _g$v;
+function _extends$Z() { _extends$Z = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$Z.apply(this, arguments); }
 var SvgAdd = function SvgAdd(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$Y({
+  return /*#__PURE__*/React.createElement("svg", _extends$Z({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -408,7 +409,7 @@ var SvgAdd = function SvgAdd(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$Y || (_path$Y = /*#__PURE__*/React.createElement("path", {
+  }, _path$Z || (_path$Z = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$v || (_g$v = /*#__PURE__*/React.createElement("g", {
@@ -419,36 +420,36 @@ var SvgAdd = function SvgAdd(props) {
   }))));
 };
 
-var _path$X;
-function _extends$X() { _extends$X = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$X.apply(this, arguments); }
+var _path$Y;
+function _extends$Y() { _extends$Y = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$Y.apply(this, arguments); }
 var SvgArrowLeft = function SvgArrowLeft(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$X({
+  return /*#__PURE__*/React.createElement("svg", _extends$Y({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24"
-  }, props), _path$X || (_path$X = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$Y || (_path$Y = /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
     d: "m12.277 22.093.928-.928a.56.56 0 0 0 0-.796l-7.272-7.271h16.005c.31 0 .562-.252.562-.563v-1.312a.563.563 0 0 0-.562-.563H5.933l7.272-7.272a.56.56 0 0 0 0-.795l-.928-.928a.563.563 0 0 0-.796 0L1.665 11.48a.563.563 0 0 0 0 .796l9.816 9.816c.22.22.576.22.796 0"
   })));
 };
 
-var _path$W;
-function _extends$W() { _extends$W = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$W.apply(this, arguments); }
+var _path$X;
+function _extends$X() { _extends$X = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$X.apply(this, arguments); }
 var SvgBarChart = function SvgBarChart(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$W({
+  return /*#__PURE__*/React.createElement("svg", _extends$X({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24"
-  }, props), _path$W || (_path$W = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$X || (_path$X = /*#__PURE__*/React.createElement("path", {
     fill: "#000",
     d: "M3 21a.97.97 0 0 1-.712-.288A.97.97 0 0 1 2 20q0-.424.288-.712A.97.97 0 0 1 3 19h18q.424 0 .712.288.288.287.288.712 0 .424-.288.712A.97.97 0 0 1 21 21zm1.5-3q-.625 0-1.062-.437A1.45 1.45 0 0 1 3 16.5v-4q0-.625.438-1.062A1.45 1.45 0 0 1 4.5 11q.624 0 1.063.438Q6 11.875 6 12.5v4q0 .625-.437 1.063A1.45 1.45 0 0 1 4.5 18m5 0q-.625 0-1.062-.437A1.45 1.45 0 0 1 8 16.5v-9q0-.625.438-1.062A1.45 1.45 0 0 1 9.5 6q.624 0 1.063.438Q11 6.874 11 7.5v9q0 .625-.437 1.063A1.45 1.45 0 0 1 9.5 18m5 0q-.625 0-1.062-.437A1.45 1.45 0 0 1 13 16.5v-6q0-.625.438-1.062A1.45 1.45 0 0 1 14.5 9q.624 0 1.063.438Q16 9.874 16 10.5v6q0 .625-.437 1.063A1.45 1.45 0 0 1 14.5 18m5 0q-.625 0-1.062-.437A1.45 1.45 0 0 1 18 16.5v-12q0-.625.438-1.062A1.45 1.45 0 0 1 19.5 3q.625 0 1.063.438Q21 3.874 21 4.5v12q0 .625-.437 1.063A1.45 1.45 0 0 1 19.5 18"
   })));
 };
 
-var _path$V, _g$u;
-function _extends$V() { _extends$V = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$V.apply(this, arguments); }
+var _path$W, _g$u;
+function _extends$W() { _extends$W = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$W.apply(this, arguments); }
 var SvgBlock = function SvgBlock(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$V({
+  return /*#__PURE__*/React.createElement("svg", _extends$W({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24"
@@ -458,7 +459,7 @@ var SvgBlock = function SvgBlock(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$V || (_path$V = /*#__PURE__*/React.createElement("path", {
+  }, _path$W || (_path$W = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$u || (_g$u = /*#__PURE__*/React.createElement("g", {
@@ -469,10 +470,10 @@ var SvgBlock = function SvgBlock(props) {
   }))));
 };
 
-var _path$U, _g$t;
-function _extends$U() { _extends$U = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$U.apply(this, arguments); }
+var _path$V, _g$t;
+function _extends$V() { _extends$V = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$V.apply(this, arguments); }
 var SvgBlurOn = function SvgBlurOn(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$U({
+  return /*#__PURE__*/React.createElement("svg", _extends$V({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -487,7 +488,7 @@ var SvgBlurOn = function SvgBlurOn(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$U || (_path$U = /*#__PURE__*/React.createElement("path", {
+  }, _path$V || (_path$V = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$t || (_g$t = /*#__PURE__*/React.createElement("g", {
@@ -498,10 +499,10 @@ var SvgBlurOn = function SvgBlurOn(props) {
   }))));
 };
 
-var _path$T, _g$s;
-function _extends$T() { _extends$T = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$T.apply(this, arguments); }
+var _path$U, _g$s;
+function _extends$U() { _extends$U = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$U.apply(this, arguments); }
 var SvgCached = function SvgCached(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$T({
+  return /*#__PURE__*/React.createElement("svg", _extends$U({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -516,7 +517,7 @@ var SvgCached = function SvgCached(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$T || (_path$T = /*#__PURE__*/React.createElement("path", {
+  }, _path$U || (_path$U = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$s || (_g$s = /*#__PURE__*/React.createElement("g", {
@@ -527,10 +528,10 @@ var SvgCached = function SvgCached(props) {
   }))));
 };
 
-var _path$S, _g$r;
-function _extends$S() { _extends$S = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$S.apply(this, arguments); }
+var _path$T, _g$r;
+function _extends$T() { _extends$T = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$T.apply(this, arguments); }
 var SvgCalendar = function SvgCalendar(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$S({
+  return /*#__PURE__*/React.createElement("svg", _extends$T({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -546,7 +547,7 @@ var SvgCalendar = function SvgCalendar(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$S || (_path$S = /*#__PURE__*/React.createElement("path", {
+  }, _path$T || (_path$T = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h32v32H0z"
   }))), _g$r || (_g$r = /*#__PURE__*/React.createElement("g", {
@@ -557,14 +558,14 @@ var SvgCalendar = function SvgCalendar(props) {
   }))));
 };
 
-var _path$R, _path2$3;
-function _extends$R() { _extends$R = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$R.apply(this, arguments); }
+var _path$S, _path2$3;
+function _extends$S() { _extends$S = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$S.apply(this, arguments); }
 var SvgCalendarStar = function SvgCalendarStar(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$R({
+  return /*#__PURE__*/React.createElement("svg", _extends$S({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24"
-  }, props), _path$R || (_path$R = /*#__PURE__*/React.createElement("path", {
+  }, props), _path$S || (_path$S = /*#__PURE__*/React.createElement("path", {
     fill: "#2C3336",
     d: "M1.2 9v12.75A2.25 2.25 0 0 0 3.45 24h16.5a2.25 2.25 0 0 0 2.25-2.25V9zm15.194 6.652a.56.56 0 0 1-.166.323l-1.856 1.81.44 2.559a.564.564 0 0 1-.815.59L11.7 19.725l-2.292 1.21a.563.563 0 0 1-.816-.591l.44-2.56-1.855-1.809a.562.562 0 0 1 .309-.96l2.564-.376 1.148-2.325a.562.562 0 0 1 1.008 0l1.149 2.325 2.564.375a.56.56 0 0 1 .474.638M15.45 6h1.5a.75.75 0 0 0 .75-.75V.75a.75.75 0 0 0-.75-.75h-1.5a.75.75 0 0 0-.75.75v4.5a.75.75 0 0 0 .75.75m-9 0h1.5a.75.75 0 0 0 .75-.75V.75A.75.75 0 0 0 7.95 0h-1.5a.75.75 0 0 0-.75.75v4.5a.75.75 0 0 0 .75.75",
     opacity: 0.4
@@ -574,10 +575,10 @@ var SvgCalendarStar = function SvgCalendarStar(props) {
   })));
 };
 
-var _path$Q, _g$q;
-function _extends$Q() { _extends$Q = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$Q.apply(this, arguments); }
+var _path$R, _g$q;
+function _extends$R() { _extends$R = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$R.apply(this, arguments); }
 var SvgCheckCircle = function SvgCheckCircle(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$Q({
+  return /*#__PURE__*/React.createElement("svg", _extends$R({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24"
@@ -591,7 +592,7 @@ var SvgCheckCircle = function SvgCheckCircle(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$Q || (_path$Q = /*#__PURE__*/React.createElement("path", {
+  }, _path$R || (_path$R = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$q || (_g$q = /*#__PURE__*/React.createElement("g", {
@@ -602,10 +603,10 @@ var SvgCheckCircle = function SvgCheckCircle(props) {
   }))));
 };
 
-var _path$P, _g$p;
-function _extends$P() { _extends$P = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$P.apply(this, arguments); }
+var _path$Q, _g$p;
+function _extends$Q() { _extends$Q = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$Q.apply(this, arguments); }
 var SvgCheckbox = function SvgCheckbox(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$P({
+  return /*#__PURE__*/React.createElement("svg", _extends$Q({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -620,7 +621,7 @@ var SvgCheckbox = function SvgCheckbox(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$P || (_path$P = /*#__PURE__*/React.createElement("path", {
+  }, _path$Q || (_path$Q = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$p || (_g$p = /*#__PURE__*/React.createElement("g", {
@@ -631,10 +632,10 @@ var SvgCheckbox = function SvgCheckbox(props) {
   }))));
 };
 
-var _path$O, _g$o;
-function _extends$O() { _extends$O = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$O.apply(this, arguments); }
+var _path$P, _g$o;
+function _extends$P() { _extends$P = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$P.apply(this, arguments); }
 var SvgCheckboxUncheck = function SvgCheckboxUncheck(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends$O({
+  return /*#__PURE__*/React.createElement("svg", _extends$P({
     xmlns: "http://www.w3.org/2000/svg",
     width: 24,
     height: 24,
@@ -649,7 +650,7 @@ var SvgCheckboxUncheck = function SvgCheckboxUncheck(props) {
     style: {
       maskType: "alpha"
     }
-  }, _path$O || (_path$O = /*#__PURE__*/React.createElement("path", {
+  }, _path$P || (_path$P = /*#__PURE__*/React.createElement("path", {
     fill: "#D9D9D9",
     d: "M0 0h24v24H0z"
   }))), _g$o || (_g$o = /*#__PURE__*/React.createElement("g", {
@@ -660,29 +661,42 @@ var SvgCheckboxUncheck = function SvgCheckboxUncheck(props) {
   }))));
 };
 
+var _path$O;
+function _extends$O() { _extends$O = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$O.apply(this, arguments); }
+var SvgClock = function SvgClock(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends$O({
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "none",
+    viewBox: "0 0 24 24"
+  }, props), _path$O || (_path$O = /*#__PURE__*/React.createElement("path", {
+    fill: "#02BF6F",
+    d: "M13 11.6V8a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 7a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 8v3.975q0 .2.075.388.075.187.225.337l3.3 3.3a.95.95 0 0 0 .7.275A.95.95 0 0 0 16 16a.95.95 0 0 0 .275-.7.95.95 0 0 0-.275-.7zM12 22a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22m0-2q3.325 0 5.663-2.337T20 12t-2.337-5.662T12 4 6.338 6.338 4 12t2.338 5.663T12 20"
+  })));
+};
+
 var _path$N;
 function _extends$N() { _extends$N = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$N.apply(this, arguments); }
-var SvgClock = function SvgClock(props) {
+var SvgClose = function SvgClose(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$N({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24"
   }, props), _path$N || (_path$N = /*#__PURE__*/React.createElement("path", {
-    fill: "#02BF6F",
-    d: "M13 11.6V8a.97.97 0 0 0-.287-.713A.97.97 0 0 0 12 7a.97.97 0 0 0-.713.287A.97.97 0 0 0 11 8v3.975q0 .2.075.388.075.187.225.337l3.3 3.3a.95.95 0 0 0 .7.275A.95.95 0 0 0 16 16a.95.95 0 0 0 .275-.7.95.95 0 0 0-.275-.7zM12 22a9.7 9.7 0 0 1-3.9-.788 10.1 10.1 0 0 1-3.175-2.137q-1.35-1.35-2.137-3.175A9.7 9.7 0 0 1 2 12q0-2.075.788-3.9a10.1 10.1 0 0 1 2.137-3.175q1.35-1.35 3.175-2.137A9.7 9.7 0 0 1 12 2q2.075 0 3.9.788a10.1 10.1 0 0 1 3.175 2.137q1.35 1.35 2.137 3.175A9.7 9.7 0 0 1 22 12a9.7 9.7 0 0 1-.788 3.9 10.1 10.1 0 0 1-2.137 3.175q-1.35 1.35-3.175 2.137A9.7 9.7 0 0 1 12 22m0-2q3.325 0 5.663-2.337T20 12t-2.337-5.662T12 4 6.338 6.338 4 12t2.338 5.663T12 20"
+    fill: "#5D676B",
+    d: "m12 13.4-4.9 4.9a.95.95 0 0 1-.7.276.95.95 0 0 1-.7-.275.95.95 0 0 1-.275-.7q0-.426.275-.7l4.9-4.9-4.9-4.9a.95.95 0 0 1-.275-.7q0-.426.275-.7a.95.95 0 0 1 .7-.275q.424 0 .7.275l4.9 4.9 4.9-4.9a.95.95 0 0 1 .7-.275q.424 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7L13.4 12l4.9 4.9a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275z"
   })));
 };
 
 var _path$M;
 function _extends$M() { _extends$M = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$M.apply(this, arguments); }
-var SvgClose = function SvgClose(props) {
+var SvgCopy = function SvgCopy(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$M({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
     viewBox: "0 0 24 24"
   }, props), _path$M || (_path$M = /*#__PURE__*/React.createElement("path", {
-    fill: "#5D676B",
-    d: "m12 13.4-4.9 4.9a.95.95 0 0 1-.7.276.95.95 0 0 1-.7-.275.95.95 0 0 1-.275-.7q0-.426.275-.7l4.9-4.9-4.9-4.9a.95.95 0 0 1-.275-.7q0-.426.275-.7a.95.95 0 0 1 .7-.275q.424 0 .7.275l4.9 4.9 4.9-4.9a.95.95 0 0 1 .7-.275q.424 0 .7.275a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7L13.4 12l4.9 4.9a.95.95 0 0 1 .275.7.95.95 0 0 1-.275.7.95.95 0 0 1-.7.275.95.95 0 0 1-.7-.275z"
+    fill: "#2C3336",
+    d: "M21.841 3.091 19.409.659A2.25 2.25 0 0 0 17.818 0H9.75A2.25 2.25 0 0 0 7.5 2.25V4.5H3.75A2.25 2.25 0 0 0 1.5 6.75v15A2.25 2.25 0 0 0 3.75 24h10.5a2.25 2.25 0 0 0 2.25-2.25V19.5h3.75a2.25 2.25 0 0 0 2.25-2.25V4.682a2.25 2.25 0 0 0-.659-1.591M18 1.523c.132.033.252.1.348.197l2.432 2.432a.74.74 0 0 1 .197.348H18zM15 21.75a.75.75 0 0 1-.75.75H3.75a.75.75 0 0 1-.75-.75v-15A.75.75 0 0 1 3.75 6H7.5v11.25a2.25 2.25 0 0 0 2.25 2.25H15zm6-4.5a.75.75 0 0 1-.75.75H9.75a.75.75 0 0 1-.75-.75v-15a.75.75 0 0 1 .75-.75h6.75v3.375c0 .619.506 1.125 1.125 1.125H21z"
   })));
 };
 
@@ -1716,7 +1730,7 @@ var SvgWarning1 = function SvgWarning1(props) {
 };
 
 declare namespace index {
-  export { SvgAdd as AddIcon, SvgKeyboardArrowDown as ArrowDownIcon, SvgArrowLeft as ArrowLeftIcon, SvgBarChart as BarChartIcon, SvgBlock as BlockIcon, SvgBlurOn as BlurOnIcon, SvgCached as CachedIcon, SvgCalendar as CalendarIcon, SvgCalendarStar as CalendarStarIcon, SvgCheckCircle as CheckCircleIcon, SvgCheckbox as CheckboxIcon, SvgCheckboxUncheck as CheckboxUncheckIcon, SvgClock as ClockIcon, SvgClose as CloseIcon, SvgCustomize as CustomizeIcon, SvgDelete as DeleteIcon, SvgDots as DotsIcon, SvgEdit as EditIcon, SvgElectricBolt as ElectricBoltIcon, SvgEventDetails as EventDetailsIcon, SvgEventRepeat as EventRepeatIcon, SvgExclamation as ExclamationIcon, SvgExternalLink as ExternalLinkIcon, SvgFile as FileIcon, SvgFilterList as FilterListIcon, SvgInfo as InfoIcon, SvgInfo1 as InfoSolidIcon, SvgItems as ItemsIcon, SvgList as ListIcon, SvgListTh as ListThIcon, SvgLock as LockIcon, SvgMagic as MagicIcon, SvgMaterials as MaterialsIcon, SvgMicOff1 as MicOffIcon, SvgMicOff as MicOffSolidIcon, SvgMic1 as MicOnSolidIcon, SvgMic as MicOnfIcon, SvgPasswordEyeCrossed as PasswordEyeCrossedIcon, SvgPasswordEye as PasswordEyeIcon, SvgPerson as Person, SvgPlay as PlayIcon, SvgPoll as PollIcon, SvgProgress as ProgressIcon, SvgReplayDisabled as ReplayDisabledIcon, SvgRocket as RocketIcon, SvgSearch as SearchIcon, SvgSmile as SmileIcon, SvgStackedEmail as StackedEmailIcon, SvgToday as TodayIcon, SvgTrendingDown as TrendingDownIcon, SvgTrendingUp as TrendingUpIcon, SvgVideocamOff as VideoCamOffIcon, SvgVideocamOff1 as VideoCamOffSolidIcon, SvgVideocam as VideoCamOnIcon, SvgVideocam1 as VideoCamOnSolidIcon, SvgVolumeOff1 as VolumeOffIcon, SvgVolumeOff as VolumeOffSolidIcon, SvgVolumeUp1 as VolumeUpIcon, SvgVolumeUp as VolumeUpSolidIcon, SvgWarning1 as WarningIcon, SvgWarning as WarningSolidIcon };
+  export { SvgAdd as AddIcon, SvgKeyboardArrowDown as ArrowDownIcon, SvgArrowLeft as ArrowLeftIcon, SvgBarChart as BarChartIcon, SvgBlock as BlockIcon, SvgBlurOn as BlurOnIcon, SvgCached as CachedIcon, SvgCalendar as CalendarIcon, SvgCalendarStar as CalendarStarIcon, SvgCheckCircle as CheckCircleIcon, SvgCheckbox as CheckboxIcon, SvgCheckboxUncheck as CheckboxUncheckIcon, SvgClock as ClockIcon, SvgClose as CloseIcon, SvgCopy as CopyIcon, SvgCustomize as CustomizeIcon, SvgDelete as DeleteIcon, SvgDots as DotsIcon, SvgEdit as EditIcon, SvgElectricBolt as ElectricBoltIcon, SvgEventDetails as EventDetailsIcon, SvgEventRepeat as EventRepeatIcon, SvgExclamation as ExclamationIcon, SvgExternalLink as ExternalLinkIcon, SvgFile as FileIcon, SvgFilterList as FilterListIcon, SvgInfo as InfoIcon, SvgInfo1 as InfoSolidIcon, SvgItems as ItemsIcon, SvgList as ListIcon, SvgListTh as ListThIcon, SvgLock as LockIcon, SvgMagic as MagicIcon, SvgMaterials as MaterialsIcon, SvgMicOff1 as MicOffIcon, SvgMicOff as MicOffSolidIcon, SvgMic1 as MicOnSolidIcon, SvgMic as MicOnfIcon, SvgPasswordEyeCrossed as PasswordEyeCrossedIcon, SvgPasswordEye as PasswordEyeIcon, SvgPerson as Person, SvgPlay as PlayIcon, SvgPoll as PollIcon, SvgProgress as ProgressIcon, SvgReplayDisabled as ReplayDisabledIcon, SvgRocket as RocketIcon, SvgSearch as SearchIcon, SvgSmile as SmileIcon, SvgStackedEmail as StackedEmailIcon, SvgToday as TodayIcon, SvgTrendingDown as TrendingDownIcon, SvgTrendingUp as TrendingUpIcon, SvgVideocamOff as VideoCamOffIcon, SvgVideocamOff1 as VideoCamOffSolidIcon, SvgVideocam as VideoCamOnIcon, SvgVideocam1 as VideoCamOnSolidIcon, SvgVolumeOff1 as VolumeOffIcon, SvgVolumeOff as VolumeOffSolidIcon, SvgVolumeUp1 as VolumeUpIcon, SvgVolumeUp as VolumeUpSolidIcon, SvgWarning1 as WarningIcon, SvgWarning as WarningSolidIcon };
 }
 
 export { Alert, Avatar, Badge, Button, Card, Checkbox, Drawer, Dropdown, DropdownItem, FormGroup, InfoBanner, Input, InputHint, Label, Loader, Modal, MultiSelect, Popover, Progress, RadioGroup, Select, SelectItem, SelectItemText, Switch, Tab, TabsContent, TabsList, TabsRoot, Tag, Tooltip, Typography, index as icons };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "demio-ui",
-  "version": "2.1.54",
+  "version": "2.1.56",
   "description": "",
   "repository": {
     "type": "git",