@appquality/unguess-design-system 2.12.85 → 3.0.1-alpha

package/.babelrc.json

@@ -0,0 +1,16 @@
+{
+  "sourceType": "unambiguous",
+  "presets": [
+    [
+      "@babel/preset-env",
+      {
+        "targets": {
+          "chrome": 100
+        }
+      }
+    ],
+    "@babel/preset-typescript",
+    "@babel/preset-react"
+  ],
+  "plugins": []
+}

package/build/index.js

@@ -277,33 +277,28 @@ const colors = Object.assign(Object.assign({}, reactTheming.DEFAULT_THEME.colors
 
 var _a, _b, _c, _d, _e, _f, _g$8, _h;
 const components = Object.assign(Object.assign({}, reactTheming.DEFAULT_THEME.components), { chrome: Object.assign(Object.assign({}, (_a = reactTheming.DEFAULT_THEME.components) === null || _a === void 0 ? void 0 : _a.chrome), { header: Object.assign(Object.assign({}, (_c = (_b = reactTheming.DEFAULT_THEME.components) === null || _b === void 0 ? void 0 : _b.chrome) === null || _c === void 0 ? void 0 : _c.header), { height: "64px" }), nav: Object.assign(Object.assign({}, (_e = (_d = reactTheming.DEFAULT_THEME.components) === null || _d === void 0 ? void 0 : _d.chrome) === null || _e === void 0 ? void 0 : _e.nav), { openWidth: 240, closedWidth: 36, workspaceDropdownWidth: 192 }) }), notification: Object.assign(Object.assign({}, (_f = reactTheming.DEFAULT_THEME.components) === null || _f === void 0 ? void 0 : _f.notification), { card: Object.assign(Object.assign({}, (_h = (_g$8 = reactTheming.DEFAULT_THEME.components) === null || _g$8 === void 0 ? void 0 : _g$8.notification) === null || _h === void 0 ? void 0 : _h.well), { padding: "16px" }) }), "notifications.notification": ({ type, isPrimary, }) => {
-        return Object.assign(Object.assign(Object.assign(Object.assign({ "svg": {
-                marginTop: "-1px",
-            } }, (type === "success" &&
+        const svgCss = {
+            marginTop: "-1px",
+        };
+        return Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, (type === "success" &&
             isPrimary && {
             backgroundColor: palette.green[700],
-            svg: {
-                color: palette.white,
-            },
+            svg: Object.assign(Object.assign({}, svgCss), { color: palette.white }),
         })), (type === "warning" &&
             isPrimary && {
             backgroundColor: palette.yellow[700],
-            svg: {
-                color: palette.white,
-            },
+            svg: Object.assign(Object.assign({}, svgCss), { color: palette.white }),
         })), (type === "error" &&
             isPrimary && {
             backgroundColor: palette.red[700],
-            svg: {
-                color: palette.white,
-            },
+            svg: Object.assign(Object.assign({}, svgCss), { color: palette.white }),
         })), (type === "info" &&
             isPrimary && {
             backgroundColor: palette.blue[700],
-            svg: {
-                color: palette.white,
-            },
-        }));
+            svg: Object.assign(Object.assign({}, svgCss), { color: palette.white }),
+        })), !isPrimary && {
+            svg: svgCss,
+        });
     }, "notifications.notification.close": ({ type, isPrimary, }) => {
         return Object.assign(Object.assign(Object.assign(Object.assign({ cursor: "pointer" }, (type === "success" &&
             isPrimary && {
@@ -332,11 +327,11 @@ const components = Object.assign(Object.assign({}, reactTheming.DEFAULT_THEME.co
         }));
     }, "notifications.notification.close-icon": () => {
         return {
-            "position": "relative",
-            "top": "unset",
-            "right": "unset",
-            "width": "auto",
-            "height": "auto",
+            position: "relative",
+            top: "unset",
+            right: "unset",
+            width: "auto",
+            height: "auto",
         };
     }, "notifications.notification.title": ({ type, isPrimary, }) => {
         return Object.assign(Object.assign(Object.assign(Object.assign({}, (type === "success" &&
@@ -740,8 +735,6 @@ var _path$A;
 function _extends$H() { _extends$H = 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$H.apply(this, arguments); }
 var SvgUgSquare = function SvgUgSquare(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$H({
-    width: 24,
-    height: 24,
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
@@ -755,8 +748,6 @@ var _path$z;
 function _extends$G() { _extends$G = 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$G.apply(this, arguments); }
 var SvgUgCircle = function SvgUgCircle(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$G({
-    width: 24,
-    height: 24,
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
@@ -770,8 +761,6 @@ var _path$y;
 function _extends$F() { _extends$F = 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$F.apply(this, arguments); }
 var SvgUgTriangle = function SvgUgTriangle(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$F({
-    width: 24,
-    height: 24,
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
@@ -785,8 +774,6 @@ var _rect$4, _path$x, _path2$b, _path3$4;
 function _extends$E() { _extends$E = 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$E.apply(this, arguments); }
 var SvgCampaignCompleted = function SvgCampaignCompleted(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$E({
-    width: 24,
-    height: 24,
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
@@ -811,8 +798,6 @@ var _rect$3, _path$w, _path2$a;
 function _extends$D() { _extends$D = 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$D.apply(this, arguments); }
 var SvgCampaignLocked = function SvgCampaignLocked(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$D({
-    width: 24,
-    height: 24,
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
@@ -838,8 +823,6 @@ var _rect$2, _path$v, _path2$9;
 function _extends$C() { _extends$C = 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$C.apply(this, arguments); }
 var SvgCampaignIncoming = function SvgCampaignIncoming(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$C({
-    width: 24,
-    height: 24,
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
@@ -867,8 +850,6 @@ var _rect$1, _path$u, _path2$8, _path3$3, _path4$1, _path5$1, _path6$1, _path7$1
 function _extends$B() { _extends$B = 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$B.apply(this, arguments); }
 var SvgCampaignProgress = function SvgCampaignProgress(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$B({
-    width: 24,
-    height: 24,
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
@@ -914,8 +895,6 @@ var _g$7, _path$t, _path2$7, _path3$2, _path4, _path5, _path6, _path7, _path8, _
 function _extends$A() { _extends$A = 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$A.apply(this, arguments); }
 var SvgCampaignExperiential = function SvgCampaignExperiential(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$A({
-    width: 24,
-    height: 24,
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
@@ -986,8 +965,6 @@ var _g$6, _path$s;
 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 SvgCampaignFunctional = function SvgCampaignFunctional(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$z({
-    width: 24,
-    height: 24,
     viewBox: "0 0 24 24",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
@@ -2350,8 +2327,6 @@ function _extends$y() { _extends$y = Object.assign ? Object.assign.bind() : func
 var SvgBoldFill = function SvgBoldFill(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$y({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 16,
-    height: 16,
     focusable: "false",
     viewBox: "0 0 16 16"
   }, props), _path$r || (_path$r = /*#__PURE__*/React__namespace.createElement("path", {
@@ -2365,8 +2340,6 @@ function _extends$x() { _extends$x = Object.assign ? Object.assign.bind() : func
 var SvgItalicFill = function SvgItalicFill(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$x({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 16,
-    height: 16,
     focusable: "false",
     viewBox: "0 0 16 16"
   }, props), _path$q || (_path$q = /*#__PURE__*/React__namespace.createElement("path", {
@@ -2383,8 +2356,6 @@ function _extends$w() { _extends$w = Object.assign ? Object.assign.bind() : func
 var SvgQuoteFill = function SvgQuoteFill(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$w({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 16,
-    height: 16,
     focusable: "false",
     viewBox: "0 0 16 16"
   }, props), _path$p || (_path$p = /*#__PURE__*/React__namespace.createElement("path", {
@@ -2404,8 +2375,6 @@ function _extends$v() { _extends$v = Object.assign ? Object.assign.bind() : func
 var SvgH1Fill = function SvgH1Fill(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$v({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 16,
-    height: 16,
     focusable: "false",
     viewBox: "0 0 16 16"
   }, props), _g$5 || (_g$5 = /*#__PURE__*/React__namespace.createElement("g", {
@@ -2434,8 +2403,6 @@ function _extends$u() { _extends$u = Object.assign ? Object.assign.bind() : func
 var SvgH2Fill = function SvgH2Fill(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$u({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 16,
-    height: 16,
     focusable: "false",
     viewBox: "0 0 16 16"
   }, props), _g$4 || (_g$4 = /*#__PURE__*/React__namespace.createElement("g", {
@@ -2464,8 +2431,6 @@ function _extends$t() { _extends$t = Object.assign ? Object.assign.bind() : func
 var SvgH3Fill = function SvgH3Fill(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$t({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 16,
-    height: 16,
     focusable: "false",
     viewBox: "0 0 16 16"
   }, props), _g$3 || (_g$3 = /*#__PURE__*/React__namespace.createElement("g", {
@@ -2708,8 +2673,6 @@ function _extends$s() { _extends$s = Object.assign ? Object.assign.bind() : func
 var SvgNotesStroke = function SvgNotesStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$s({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 16,
-    height: 16,
     focusable: "false",
     viewBox: "0 0 16 16"
   }, props), _g$2 || (_g$2 = /*#__PURE__*/React__namespace.createElement("g", {
@@ -2829,8 +2792,6 @@ var _path$o;
 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 SvgCheckLg = function SvgCheckLg(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
-    width: 16,
-    height: 16,
     viewBox: "0 0 16 16",
     fill: "#68737D",
     xmlns: "http://www.w3.org/2000/svg"
@@ -3032,8 +2993,6 @@ function _extends$q() { _extends$q = Object.assign ? Object.assign.bind() : func
 var SvgChevronDownStroke = function SvgChevronDownStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$q({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 16,
-    height: 16,
     focusable: "false",
     viewBox: "0 0 16 16"
   }, props), _path$n || (_path$n = /*#__PURE__*/React__namespace.createElement("path", {
@@ -3089,8 +3048,6 @@ function _extends$p() { _extends$p = Object.assign ? Object.assign.bind() : func
 var SvgMenuStroke = function SvgMenuStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$p({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 16,
-    height: 16,
     focusable: "false",
     viewBox: "0 0 16 16"
   }, props), _path$m || (_path$m = /*#__PURE__*/React__namespace.createElement("path", {
@@ -3257,8 +3214,6 @@ function _extends$o() { _extends$o = Object.assign ? Object.assign.bind() : func
 var SvgChevronRightStroke = function SvgChevronRightStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$o({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 16,
-    height: 16,
     focusable: "false",
     viewBox: "0 0 16 16"
   }, props), _path$l || (_path$l = /*#__PURE__*/React__namespace.createElement("path", {
@@ -3272,8 +3227,6 @@ function _extends$n() { _extends$n = Object.assign ? Object.assign.bind() : func
 var SvgChevronLeftStroke = function SvgChevronLeftStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$n({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 16,
-    height: 16,
     focusable: "false",
     viewBox: "0 0 16 16"
   }, props), _path$k || (_path$k = /*#__PURE__*/React__namespace.createElement("path", {
@@ -3350,8 +3303,6 @@ function _extends$m() { _extends$m = Object.assign ? Object.assign.bind() : func
 var SvgHomeFill = function SvgHomeFill(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$m({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 26,
-    height: 26,
     focusable: "false",
     viewBox: "0 0 26 26"
   }, props), _path$j || (_path$j = /*#__PURE__*/React__namespace.createElement("path", {
@@ -3365,8 +3316,6 @@ function _extends$l() { _extends$l = Object.assign ? Object.assign.bind() : func
 var SvgHomeFillStyled = function SvgHomeFillStyled(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$l({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 26,
-    height: 26,
     focusable: "false",
     viewBox: "0 0 26 26"
   }, props), _linearGradient || (_linearGradient = /*#__PURE__*/React__namespace.createElement("linearGradient", {
@@ -3428,8 +3377,6 @@ var _path$h;
 function _extends$j() { _extends$j = 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$j.apply(this, arguments); }
 var SvgFolderIcon = function SvgFolderIcon(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
-    width: 12,
-    height: 12,
     viewBox: "0 0 12 12",
     xmlns: "http://www.w3.org/2000/svg"
   }, props), _path$h || (_path$h = /*#__PURE__*/React__namespace.createElement("path", {
@@ -3444,8 +3391,6 @@ var _path$g, _defs$1;
 function _extends$i() { _extends$i = 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$i.apply(this, arguments); }
 var SvgTemplates = function SvgTemplates(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
-    width: 26,
-    height: 26,
     viewBox: "0 0 26 26",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
@@ -3473,8 +3418,6 @@ var _path$f, _defs;
 function _extends$h() { _extends$h = 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$h.apply(this, arguments); }
 var SvgTemplatesActive = function SvgTemplatesActive(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$h({
-    width: 26,
-    height: 26,
     viewBox: "0 0 26 26",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
@@ -3726,8 +3669,6 @@ var _path$e;
 function _extends$g() { _extends$g = 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$g.apply(this, arguments); }
 var SvgPlus = function SvgPlus(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
-    width: 16,
-    height: 16,
     viewBox: "0 0 16 16",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
@@ -3865,6 +3806,7 @@ const UgNotification = styled__default["default"](reactNotifications.Notificatio
   display: flex;
   align-items: center;
   justify-content: space-between;
+  padding-right: ${({ theme }) => theme.space.md};
 
   ${UgAnchor} {
     flex-shrink: 0;
@@ -4039,8 +3981,6 @@ function _extends$f() { _extends$f = Object.assign ? Object.assign.bind() : func
 var SvgPlayFill = function SvgPlayFill(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$f({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 16,
-    height: 16,
     focusable: "false",
     viewBox: "0 0 16 16"
   }, props), _path$d || (_path$d = /*#__PURE__*/React__namespace.createElement("path", {
@@ -4054,8 +3994,6 @@ function _extends$e() { _extends$e = Object.assign ? Object.assign.bind() : func
 var SvgPauseFill = function SvgPauseFill(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$e({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 16,
-    height: 16,
     focusable: "false",
     viewBox: "0 0 16 16"
   }, props), _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
@@ -4081,8 +4019,6 @@ var _path$c, _path2$5, _path3$1;
 function _extends$d() { _extends$d = 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$d.apply(this, arguments); }
 var SvgForwardSecondsFill = function SvgForwardSecondsFill(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
-    width: 16,
-    height: 16,
     viewBox: "0 0 16 16",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
@@ -4104,8 +4040,6 @@ var _path$b, _path2$4, _path3;
 function _extends$c() { _extends$c = 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$c.apply(this, arguments); }
 var SvgBackSecondsFill = function SvgBackSecondsFill(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
-    width: 16,
-    height: 16,
     viewBox: "0 0 16 16",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
@@ -4128,8 +4062,6 @@ function _extends$b() { _extends$b = Object.assign ? Object.assign.bind() : func
 var SvgPreviousFill = function SvgPreviousFill(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$b({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 16,
-    height: 16,
     focusable: "false",
     viewBox: "0 0 24 24"
   }, props), _path$a || (_path$a = /*#__PURE__*/React__namespace.createElement("path", {
@@ -4238,8 +4170,6 @@ function _extends$a() { _extends$a = Object.assign ? Object.assign.bind() : func
 var SvgVolumeMutedFill = function SvgVolumeMutedFill(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$a({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 16,
-    height: 16,
     focusable: "false",
     viewBox: "0 0 16 16"
   }, props), _path$9 || (_path$9 = /*#__PURE__*/React__namespace.createElement("path", {
@@ -4257,8 +4187,6 @@ function _extends$9() { _extends$9 = Object.assign ? Object.assign.bind() : func
 var SvgVolumeUnmutedFill = function SvgVolumeUnmutedFill(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$9({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 16,
-    height: 16,
     focusable: "false",
     viewBox: "0 0 16 16"
   }, props), _path$8 || (_path$8 = /*#__PURE__*/React__namespace.createElement("path", {
@@ -4318,8 +4246,6 @@ function _extends$8() { _extends$8 = Object.assign ? Object.assign.bind() : func
 var SvgMaximizeFill = function SvgMaximizeFill(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$8({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 16,
-    height: 16,
     focusable: "false",
     viewBox: "0 0 16 16"
   }, props), _path$7 || (_path$7 = /*#__PURE__*/React__namespace.createElement("path", {
@@ -4597,8 +4523,6 @@ function _extends$7() { _extends$7 = Object.assign ? Object.assign.bind() : func
 var SvgExit = function SvgExit(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$7({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 16,
-    height: 16,
     focusable: "false",
     viewBox: "0 0 16 16"
   }, props), _path$6 || (_path$6 = /*#__PURE__*/React__namespace.createElement("path", {
@@ -4616,8 +4540,6 @@ var _path$5;
 function _extends$6() { _extends$6 = 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$6.apply(this, arguments); }
 var SvgThumbsUp = function SvgThumbsUp(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
-    width: 16,
-    height: 16,
     viewBox: "0 0 16 16",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
@@ -4634,8 +4556,6 @@ function _extends$5() { _extends$5 = Object.assign ? Object.assign.bind() : func
 var SvgLockLockedFill = function SvgLockLockedFill(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$5({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 16,
-    height: 16,
     focusable: "false",
     viewBox: "0 0 16 16"
   }, props), _rect || (_rect = /*#__PURE__*/React__namespace.createElement("rect", {
@@ -4762,8 +4682,6 @@ var _path$3;
 function _extends$4() { _extends$4 = 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$4.apply(this, arguments); }
 var SvgQuestionMark = function SvgQuestionMark(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
-    width: 16,
-    height: 16,
     viewBox: "0 0 16 16",
     fill: "currentColor",
     xmlns: "http://www.w3.org/2000/svg"
@@ -4778,8 +4696,6 @@ var _path$2;
 function _extends$3() { _extends$3 = 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$3.apply(this, arguments); }
 var SvgCopy = function SvgCopy(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
-    width: 12,
-    height: 16,
     viewBox: "0 0 12 16",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg"
@@ -4795,8 +4711,6 @@ var _path$1;
 function _extends$2() { _extends$2 = 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$2.apply(this, arguments); }
 var SvgInfoFill = function SvgInfoFill(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
-    width: 16,
-    height: 16,
     viewBox: "0 0 16 16",
     fill: "currentColor",
     xmlns: "http://www.w3.org/2000/svg"
@@ -4841,7 +4755,9 @@ const StyledButton$1 = styled__default["default"](Button) `
   &:focus,
   &:active {
     background-color: ${props.theme.palette.kale[100]};
-    color: ${props.isDanger ? props.theme.palette.red[500] : props.theme.palette.grey[800]};
+    color: ${props.isDanger
+    ? props.theme.palette.red[500]
+    : props.theme.palette.grey[800]};
   }`};
 `;
 const StyledFooterButton = styled__default["default"](StyledButton$1) `
@@ -4881,15 +4797,17 @@ const HelpItem = (props) => {
     if (email.length > 24) {
         csmEmailCut = `${email.substring(0, 21)}...`;
     }
-    const content = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(PreviousButton, Object.assign({ onClick: () => props.setActive(""), isBasic: true }, { children: props.title })), jsxRuntime.jsx(Separator, {}), jsxRuntime.jsxs(StyledBody$2, { children: [jsxRuntime.jsx(Paragraph, Object.assign({ style: { color: theme.palette.grey[600] } }, { children: jsxRuntime.jsx(SM, { children: props.contactLabel }) })), jsxRuntime.jsx(StyledParagraph, { children: jsxRuntime.jsx(Avatar, { children: (_a = props.csm.picture) !== null && _a !== void 0 ? _a : getInitials(props.csm.name), avatarType: props.csm.picture ? "image" : "text", size: "large" }) }), jsxRuntime.jsxs(StyledParagraph, { children: [jsxRuntime.jsx(MD, Object.assign({ isBold: true }, { children: props.csm.name })), jsxRuntime.jsxs(Description, { children: [jsxRuntime.jsx(Anchor, Object.assign({ href: `mailto:${props.csm.email}`, style: { color: theme.palette.grey[600] } }, { children: csmEmailCut })), jsxRuntime.jsxs(StyledButton$1, Object.assign({ isBasic: true, onClick: copyToClipBoard, size: "small", variant: "isBasic" }, { children: [jsxRuntime.jsx(StyledButton$1.StartIcon, { children: jsxRuntime.jsx(SvgCopy, {}) }), (_b = props.copyLabel) !== null && _b !== void 0 ? _b : "Copy"] }))] })] })] }), jsxRuntime.jsxs(Footer, { children: [jsxRuntime.jsx(Separator, {}), jsxRuntime.jsxs(StyledFooterButton, Object.assign({ isStretched: true, isBasic: true, onClick: props.toggleChat, style: { paddingLeft: theme.space.xxs } }, { children: [jsxRuntime.jsx(StyledFooterButton.StartIcon, { children: jsxRuntime.jsx(SvgInfoFill, { color: theme.palette.blue[600] }) }), (_c = props.chatSupportLabel) !== null && _c !== void 0 ? _c : "Report a technical issue"] }))] })] }));
+    const content = (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(PreviousButton, Object.assign({ onClick: () => props.setActive(""), isBasic: true }, { children: props.title })), jsxRuntime.jsx(Separator, {}), jsxRuntime.jsxs(StyledBody$2, { children: [jsxRuntime.jsx(Paragraph, Object.assign({ style: { color: theme.palette.grey[600] } }, { children: jsxRuntime.jsx(SM, { children: props.contactLabel }) })), jsxRuntime.jsx(StyledParagraph, { children: jsxRuntime.jsx(Avatar, { children: (_a = props.csm.picture) !== null && _a !== void 0 ? _a : getInitials(props.csm.name), avatarType: props.csm.picture ? "image" : "text", size: "large" }) }), jsxRuntime.jsxs(StyledParagraph, { children: [jsxRuntime.jsx(MD, Object.assign({ isBold: true }, { children: props.csm.name })), jsxRuntime.jsxs(Description, { children: [jsxRuntime.jsx(Anchor, Object.assign({ href: `mailto:${props.csm.email}`, style: { color: theme.palette.grey[600] } }, { children: csmEmailCut })), jsxRuntime.jsxs(StyledButton$1, Object.assign({ isBasic: true, onClick: () => {
+                                            var _a;
+                                            copyToClipBoard();
+                                            (_a = props.onCopyEmail) === null || _a === void 0 ? void 0 : _a.call(props);
+                                        }, size: "small", variant: "isBasic" }, { children: [jsxRuntime.jsx(StyledButton$1.StartIcon, { children: jsxRuntime.jsx(SvgCopy, {}) }), (_b = props.copyLabel) !== null && _b !== void 0 ? _b : "Copy"] }))] })] })] }), props.chatSupport && (jsxRuntime.jsxs(Footer, { children: [jsxRuntime.jsx(Separator, {}), jsxRuntime.jsxs(StyledFooterButton, Object.assign({ isStretched: true, isBasic: true, onClick: props.toggleChat, style: { paddingLeft: theme.space.xxs } }, { children: [jsxRuntime.jsx(StyledFooterButton.StartIcon, { children: jsxRuntime.jsx(SvgInfoFill, { color: theme.palette.blue[600] }) }), (_c = props.chatSupportLabel) !== null && _c !== void 0 ? _c : "Report a technical issue"] }))] }))] }));
     return (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(MenuItem, Object.assign({ content: content, value: props.value, selectedItem: props.selectedItem, setActive: props.setActive, icon: jsxRuntime.jsx(SvgQuestionMark, { color: theme.palette.blue[600] }) }, { children: props.title })) }));
 };
 
 function _extends$1() { _extends$1 = 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$1.apply(this, arguments); }
 var SvgEmpty = function SvgEmpty(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
-    width: 16,
-    height: 16,
     viewBox: "0 0 16 16",
     fill: "#68737D",
     xmlns: "http://www.w3.org/2000/svg"
@@ -4900,8 +4818,6 @@ var _path;
 function _extends() { _extends = 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.apply(this, arguments); }
 var SvgTranslationExists = function SvgTranslationExists(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends({
-    width: 16,
-    height: 16,
     viewBox: "0 0 16 16",
     fill: "#68737D",
     xmlns: "http://www.w3.org/2000/svg"
@@ -4975,7 +4891,7 @@ const UserMenu = (props) => {
     };
     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [item === "" && jsxRuntime.jsx(UserContainer, Object.assign({}, props.user)), jsxRuntime.jsxs(StyledList, { children: [item === "" && props.onFeedbackClick && jsxRuntime.jsx(Separator, {}), props.onFeedbackClick && (jsxRuntime.jsx(MenuItem, Object.assign({ selectedItem: item, icon: jsxRuntime.jsx(SvgThumbsUp, {}), setActive: () => props.onFeedbackClick
                             ? props.onFeedbackClick()
-                            : console.log("feedback fired") }, { children: jsxRuntime.jsxs(MenuItemBody, { children: [props.feedbackTitle || "Give us your feedback", jsxRuntime.jsx(MD, Object.assign({ style: { color: theme.palette.grey[600] } }, { children: props.feedbackSubTitle || "Help us improve UNGUESS!" }))] }) }))), item === "" && jsxRuntime.jsx(Separator, {}), jsxRuntime.jsx(HelpItem, { value: "csm", selectedItem: item, setActive: (i) => toggleItem(i), title: props.csmTitle || "Need Help?", contactLabel: props.csmContactLabel || "Contact your CSM", csm: props.csm, toggleChat: props.onToggleChat, chatSupportLabel: props === null || props === void 0 ? void 0 : props.chatSupportLabel, copyLabel: props === null || props === void 0 ? void 0 : props.copyLabel }), jsxRuntime.jsx(LanguageItem, { title: props.languageTitle || "Change Language", value: "language-selector", selectedItem: item, setActive: (i) => toggleItem(i), languages: props.languages, currentLanguage: props.currentLanguage, currentLanguageLabel: props.currentLanguageLabel, onSelectLanguage: (lang) => props.onSelectLanguage(lang) }), jsxRuntime.jsx(MenuItem, Object.assign({ selectedItem: item, icon: jsxRuntime.jsx(SvgLockLockedFill, { color: theme.palette.blue[600] }), setActive: () => {
+                            : console.log("feedback fired") }, { children: jsxRuntime.jsxs(MenuItemBody, { children: [props.feedbackTitle || "Give us your feedback", jsxRuntime.jsx(MD, Object.assign({ style: { color: theme.palette.grey[600] } }, { children: props.feedbackSubTitle || "Help us improve UNGUESS!" }))] }) }))), item === "" && jsxRuntime.jsx(Separator, {}), jsxRuntime.jsx(HelpItem, { value: "csm", selectedItem: item, setActive: (i) => toggleItem(i), title: props.csmTitle || "Need Help?", contactLabel: props.csmContactLabel || "Contact your CSM", csm: props.csm, toggleChat: props.onToggleChat, chatSupportLabel: props === null || props === void 0 ? void 0 : props.chatSupportLabel, copyLabel: props === null || props === void 0 ? void 0 : props.copyLabel, onCopyEmail: props === null || props === void 0 ? void 0 : props.onCopyEmail, chatSupport: props === null || props === void 0 ? void 0 : props.chatSupport }), jsxRuntime.jsx(LanguageItem, { title: props.languageTitle || "Change Language", value: "language-selector", selectedItem: item, setActive: (i) => toggleItem(i), languages: props.languages, currentLanguage: props.currentLanguage, currentLanguageLabel: props.currentLanguageLabel, onSelectLanguage: (lang) => props.onSelectLanguage(lang) }), jsxRuntime.jsx(MenuItem, Object.assign({ selectedItem: item, icon: jsxRuntime.jsx(SvgLockLockedFill, { color: theme.palette.blue[600] }), setActive: () => {
                             if (document.querySelector(".iubenda-cs-preferences-link")) {
                                 const iubendaBtn = document.querySelector(".iubenda-cs-preferences-link");
                                 if (iubendaBtn) {

package/build/stories/accordions/index.stories.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import { ComponentMeta, Story } from "@storybook/react";
 import { AccordionArgs } from "./_types";
 interface AccordionStoryArg extends AccordionArgs {
     items: Array<{
@@ -7,14 +6,9 @@ interface AccordionStoryArg extends AccordionArgs {
         content: string;
     }>;
 }
-export declare const Default: Story<AccordionStoryArg>;
-export declare const Bare: Story<AccordionStoryArg>;
-export declare const Expandable: Story<AccordionStoryArg>;
-export declare const Compact: Story<AccordionStoryArg>;
-declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<AccordionArgs & import("react").RefAttributes<HTMLDivElement>> & {
-    Section: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-    Header: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
-    Label: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
-    Panel: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLElement> & import("react").RefAttributes<HTMLElement>>;
-}>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, AccordionStoryArg>;
+export declare const Bare: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, AccordionStoryArg>;
+export declare const Expandable: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, AccordionStoryArg>;
+export declare const Compact: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, AccordionStoryArg>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, AccordionArgs & import("react").RefAttributes<HTMLDivElement>>;
 export default _default;

package/build/stories/alerts/index.d.ts

@@ -8,7 +8,7 @@ import { AlertArgs } from './_types';
     - To provide a quick way to navigate to ancestor pages
  */
 declare const Alert: {
-    (props: AlertArgs): JSX.Element;
+    (props: AlertArgs): import("react/jsx-runtime").JSX.Element;
     Title: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-notifications").ITitleProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
     Close: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
 };

package/build/stories/alerts/index.stories.d.ts

@@ -1,10 +1,4 @@
-/// <reference types="react" />
-import { ComponentMeta, Story } from "@storybook/react";
 import { AlertArgs } from "./_types";
-export declare const Default: Story<AlertArgs>;
-declare const _default: ComponentMeta<{
-    (props: AlertArgs): JSX.Element;
-    Title: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-notifications").ITitleProps & import("react").RefAttributes<HTMLDivElement>>, any, {}, never>;
-    Close: import("react").ForwardRefExoticComponent<import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
-}>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, AlertArgs>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, AlertArgs>;
 export default _default;

package/build/stories/avatar/index.d.ts

@@ -7,7 +7,7 @@ import { AvatarArgs } from "./_types";
     - To visually represent a person, brand, or product
  */
 declare const Avatar: {
-    (props: AvatarArgs): JSX.Element;
+    (props: AvatarArgs): import("react/jsx-runtime").JSX.Element;
     Text: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;
 };
 export { Avatar };

package/build/stories/avatar/index.stories.d.ts

@@ -1,10 +1,5 @@
-/// <reference types="react" />
-import { ComponentMeta, Story } from "@storybook/react";
 import { AvatarArgs } from "./_types";
-export declare const Default: Story<AvatarArgs>;
-export declare const Square: Story<AvatarArgs>;
-declare const _default: ComponentMeta<{
-    (props: AvatarArgs): JSX.Element;
-    Text: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;
-}>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, AvatarArgs>;
+export declare const Square: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, AvatarArgs>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, AvatarArgs>;
 export default _default;

package/build/stories/breadcrumbs/index.d.ts

@@ -1,3 +1,3 @@
 import { BreadcrumbArgs } from "./_types";
-declare const Breadcrumb: ({ children, showLastArrow, ...props }: BreadcrumbArgs) => JSX.Element;
+declare const Breadcrumb: ({ children, showLastArrow, ...props }: BreadcrumbArgs) => import("react/jsx-runtime").JSX.Element;
 export { Breadcrumb };

package/build/stories/breadcrumbs/index.stories.d.ts

@@ -1,4 +1,3 @@
-import { ComponentMeta, Story } from "@storybook/react";
 import { AnchorArgs } from "../buttons/anchor/_types";
 import { BreadcrumbArgs } from "./_types";
 interface StoryArgs extends BreadcrumbArgs {
@@ -7,6 +6,6 @@ interface StoryArgs extends BreadcrumbArgs {
         onClick: () => void;
     }[];
 }
-export declare const Default: Story<StoryArgs>;
-declare const _default: ComponentMeta<({ children, showLastArrow, ...props }: BreadcrumbArgs) => JSX.Element>;
+export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, StoryArgs>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, BreadcrumbArgs>;
 export default _default;

package/build/stories/buttons/anchor/index.stories.d.ts

@@ -1,8 +1,7 @@
 /// <reference types="react" />
-import { ComponentMeta, Story } from "@storybook/react";
 import { AnchorArgs } from "./_types";
-export declare const Basic: Story<AnchorArgs>;
-export declare const Danger: Story<AnchorArgs>;
-export declare const External: Story<AnchorArgs>;
-declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<AnchorArgs & import("react").RefAttributes<HTMLAnchorElement>>>;
+export declare const Basic: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, AnchorArgs>;
+export declare const Danger: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, AnchorArgs>;
+export declare const External: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, AnchorArgs>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, AnchorArgs & import("react").RefAttributes<HTMLAnchorElement>>;
 export default _default;