@appquality/unguess-design-system 3.0.2 → 3.0.3-svgr-beta

package/.github/dependabot.yml

@@ -1,11 +1,11 @@
-# To get started with Dependabot version updates, you'll need to specify which
-# package ecosystems to update and where the package manifests are located.
-# Please see the documentation for all configuration options:
-# https://docs.github.com/github/administering-a-repository/configuration-options-for-dependency-updates
-
-version: 2
-updates:
-  - package-ecosystem: "yarn"
-    directory: "/" # Location of package manifests
-    schedule:
-      interval: "daily"
+# To get started with Dependabot version updates, you'll need to specify which
+# package ecosystems to update and where the package manifests are located.
+# Please see the documentation for all configuration options:
+# https://docs.github.com/github/administering-a-repository/configuration-options-for-dependency-updates
+
+version: 2
+updates:
+  - package-ecosystem: "yarn"
+    directory: "/" # Location of package manifests
+    schedule:
+      interval: "daily"

package/CHANGELOG.md

@@ -1,35 +1,3 @@
-# v3.0.2 (Wed May 10 2023)
-
-#### 🐛 Bug Fix
-
-- Develop [#244](https://github.com/AppQuality/unguess-design-system/pull/244) ([@marcbon](https://github.com/marcbon))
-- 🔥 chore(package.json): remove react-spring dependency [#243](https://github.com/AppQuality/unguess-design-system/pull/243) ([@marcbon](https://github.com/marcbon))
-
-#### Authors: 1
-
-- Marco Bonomo ([@marcbon](https://github.com/marcbon))
-
----
-
-# v2.12.87 (Tue May 09 2023)
-
-#### 🐛 Bug Fix
-
-- Restore release command [#242](https://github.com/AppQuality/unguess-design-system/pull/242) ([@d-beezee](https://github.com/d-beezee))
-- chore: Restore release command [#241](https://github.com/AppQuality/unguess-design-system/pull/241) ([@d-beezee](https://github.com/d-beezee))
-- Update actions [#240](https://github.com/AppQuality/unguess-design-system/pull/240) ([@d-beezee](https://github.com/d-beezee))
-- ci: Update node version on workflows [#239](https://github.com/AppQuality/unguess-design-system/pull/239) ([@d-beezee](https://github.com/d-beezee))
-- Storybook 7 [#238](https://github.com/AppQuality/unguess-design-system/pull/238) ([@cannarocks](https://github.com/cannarocks) [@marcbon](https://github.com/marcbon) [@d-beezee](https://github.com/d-beezee))
-- Storybook-7 [#237](https://github.com/AppQuality/unguess-design-system/pull/237) ([@cannarocks](https://github.com/cannarocks) [@marcbon](https://github.com/marcbon))
-
-#### Authors: 3
-
-- [@d-beezee](https://github.com/d-beezee)
-- Luca Cannarozzo ([@cannarocks](https://github.com/cannarocks))
-- Marco Bonomo ([@marcbon](https://github.com/marcbon))
-
----
-
 # v2.12.86 (Mon May 08 2023)
 
 #### 🐛 Bug Fix

package/build/index.js

@@ -735,9 +735,10 @@ function _extends$H() { _extends$H = Object.assign ? Object.assign.bind() : func
 var SvgUgSquare = function SvgUgSquare(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$H({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 24,
-    fill: "none"
+    width: "1em",
+    height: "1em",
+    fill: "none",
+    viewBox: "0 0 24 24"
   }, props), _path$D || (_path$D = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "#E80C7A",
     d: "M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2Zm-1 16H6c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h12c.55 0 1 .45 1 1v12c0 .55-.45 1-1 1Z"
@@ -749,9 +750,10 @@ function _extends$G() { _extends$G = Object.assign ? Object.assign.bind() : func
 var SvgUgCircle = function SvgUgCircle(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$G({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 24,
-    fill: "none"
+    width: "1em",
+    height: "1em",
+    fill: "none",
+    viewBox: "0 0 24 24"
   }, props), _path$C || (_path$C = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "#FFCD1A",
     d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2Zm0 18c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8Z"
@@ -763,9 +765,10 @@ function _extends$F() { _extends$F = Object.assign ? Object.assign.bind() : func
 var SvgUgTriangle = function SvgUgTriangle(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$F({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 24,
-    fill: "none"
+    width: "1em",
+    height: "1em",
+    fill: "none",
+    viewBox: "0 0 24 24"
   }, props), _path$B || (_path$B = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "#7B0DFF",
     d: "m12 7.326 6.39 10.23H5.61L12 7.326Zm-.85-2.41-8.2 13.11c-.41.67.07 1.53.85 1.53h16.4a1 1 0 0 0 .85-1.53l-8.2-13.11a1 1 0 0 0-1.7 0Z"
@@ -777,9 +780,10 @@ function _extends$E() { _extends$E = Object.assign ? Object.assign.bind() : func
 var SvgCampaignCompleted = function SvgCampaignCompleted(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$E({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 24,
-    fill: "none"
+    width: "1em",
+    height: "1em",
+    fill: "none",
+    viewBox: "0 0 24 24"
   }, props), _rect$4 || (_rect$4 = /*#__PURE__*/React__namespace.createElement("rect", {
     width: 24,
     height: 24,
@@ -802,9 +806,10 @@ function _extends$D() { _extends$D = Object.assign ? Object.assign.bind() : func
 var SvgCampaignLocked = function SvgCampaignLocked(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$D({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 24,
-    fill: "none"
+    width: "1em",
+    height: "1em",
+    fill: "none",
+    viewBox: "0 0 24 24"
   }, props), _rect$3 || (_rect$3 = /*#__PURE__*/React__namespace.createElement("rect", {
     width: 24,
     height: 24,
@@ -828,9 +833,10 @@ function _extends$C() { _extends$C = Object.assign ? Object.assign.bind() : func
 var SvgCampaignIncoming = function SvgCampaignIncoming(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$C({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 24,
-    fill: "none"
+    width: "1em",
+    height: "1em",
+    fill: "none",
+    viewBox: "0 0 24 24"
   }, props), _rect$2 || (_rect$2 = /*#__PURE__*/React__namespace.createElement("rect", {
     width: 24,
     height: 24,
@@ -856,9 +862,10 @@ function _extends$B() { _extends$B = Object.assign ? Object.assign.bind() : func
 var SvgCampaignProgress = function SvgCampaignProgress(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$B({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 24,
-    fill: "none"
+    width: "1em",
+    height: "1em",
+    fill: "none",
+    viewBox: "0 0 24 24"
   }, props), _rect$1 || (_rect$1 = /*#__PURE__*/React__namespace.createElement("rect", {
     width: 24,
     height: 24,
@@ -881,9 +888,10 @@ function _extends$A() { _extends$A = Object.assign ? Object.assign.bind() : func
 var SvgCampaignExperiential = function SvgCampaignExperiential(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$A({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 24,
-    fill: "none"
+    width: "1em",
+    height: "1em",
+    fill: "none",
+    viewBox: "0 0 24 24"
   }, props), _path$w || (_path$w = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "#50BF95",
     d: "M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Z",
@@ -905,9 +913,10 @@ function _extends$z() { _extends$z = Object.assign ? Object.assign.bind() : func
 var SvgCampaignFunctional = function SvgCampaignFunctional(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$z({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 24,
-    height: 24,
-    fill: "none"
+    width: "1em",
+    height: "1em",
+    fill: "none",
+    viewBox: "0 0 24 24"
   }, props), _path$v || (_path$v = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "#003A57",
     d: "M12 24c6.627 0 12-5.373 12-12S18.627 0 12 0 0 5.373 0 12s5.373 12 12 12Z",
@@ -2265,8 +2274,9 @@ 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
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 16 16"
   }, props), _path$u || (_path$u = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "currentColor",
     d: "M7.5 0C9.952 0 12 2.048 12 4.5a4.483 4.483 0 0 1-1.27 3.108C12.078 8.39 13 9.855 13 11.5c0 2.452-2.048 4.5-4.5 4.5H4a1 1 0 0 1-1-1V1a1 1 0 0 1 1-1h3.5zM5 14h3.5c1.348 0 2.5-1.152 2.5-2.5S9.848 9 8.5 9H5v5zM7.5 2H5v5h2.5C8.848 7 10 5.848 10 4.5S8.848 2 7.5 2z"
@@ -2278,8 +2288,9 @@ 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
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 16 16"
   }, props), _path$t || (_path$t = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "none",
     stroke: "currentColor",
@@ -2294,8 +2305,9 @@ 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
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 16 16"
   }, props), _path$s || (_path$s = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "currentColor",
     d: "M7 8H4c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1v3c0 .55-.45 1-1 1zm6 0h-3c-.55 0-1-.45-1-1V4c0-.55.45-1 1-1h3c.55 0 1 .45 1 1v3c0 .55-.45 1-1 1z"
@@ -2313,8 +2325,9 @@ 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
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 16 16"
   }, props), _path$r || (_path$r = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "none",
     d: "M0 0h16v16H0z"
@@ -2335,8 +2348,9 @@ 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
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 16 16"
   }, props), _path$q || (_path$q = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "none",
     d: "M0 0h16v16H0z"
@@ -2357,8 +2371,9 @@ 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
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 16 16"
   }, props), _path$p || (_path$p = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "none",
     d: "M0 0h16v16H0z"
@@ -2593,8 +2608,9 @@ 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
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 16 16"
   }, props), _g$2 || (_g$2 = /*#__PURE__*/React__namespace.createElement("g", {
     fill: "none",
     stroke: "currentColor"
@@ -2713,9 +2729,10 @@ function _extends$r() { _extends$r = Object.assign ? Object.assign.bind() : func
 var SvgCheckLg = function SvgCheckLg(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$r({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 16,
-    height: 16,
-    fill: "#68737D"
+    width: "1em",
+    height: "1em",
+    fill: "#68737D",
+    viewBox: "0 0 16 16"
   }, props), _path$o || (_path$o = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M14.646 2.646a.5.5 0 0 1 .708.708l-10 10a.5.5 0 0 1-.708 0l-4-4a.5.5 0 1 1 .708-.708L5 12.293l9.646-9.647Z",
@@ -2779,12 +2796,12 @@ const UgToggle = styled__default["default"](reactForms.Toggle) ``;
    **/
 const Toggle = (props) => jsxRuntime.jsx(UgToggle, Object.assign({}, props));
 
-const StyledCol$1 = styled__default["default"](reactGrid.Col) `
-  margin-bottom: ${theme.space.lg};
-
-  @media screen and (max-width: ${theme.breakpoints.sm}) {
-    margin-bottom: ${theme.space.md};
-  }
+const StyledCol$1 = styled__default["default"](reactGrid.Col) `
+  margin-bottom: ${theme.space.lg};
+
+  @media screen and (max-width: ${theme.breakpoints.sm}) {
+    margin-bottom: ${theme.space.md};
+  }
 `;
 const Col = (props) => jsxRuntime.jsx(StyledCol$1, Object.assign({}, props));
 
@@ -2914,8 +2931,9 @@ 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
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 16 16"
   }, props), _path$n || (_path$n = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "currentColor",
     d: "M12.688 5.61a.5.5 0 0 1 .69.718l-.066.062-5 4a.5.5 0 0 1-.542.054l-.082-.054-5-4a.5.5 0 0 1 .55-.83l.074.05L8 9.359l4.688-3.75z"
@@ -2969,8 +2987,9 @@ 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
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 16 16"
   }, props), _path$m || (_path$m = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "none",
     stroke: "currentColor",
@@ -3135,8 +3154,9 @@ 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
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 16 16"
   }, props), _path$l || (_path$l = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "currentColor",
     d: "M5.61 3.312a.5.5 0 0 1 .718-.69l.062.066 4 5a.5.5 0 0 1 .054.542l-.054.082-4 5a.5.5 0 0 1-.83-.55l.05-.074L9.359 8l-3.75-4.688z"
@@ -3148,8 +3168,9 @@ 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
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 16 16"
   }, props), _path$k || (_path$k = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "currentColor",
     d: "M10.39 12.688a.5.5 0 0 1-.718.69l-.062-.066-4-5a.5.5 0 0 1-.054-.542l.054-.082 4-5a.5.5 0 0 1 .83.55l-.05.074L6.641 8l3.75 4.688z"
@@ -3171,7 +3192,7 @@ const StyledToggle = styled__default["default"](IconButton) `
   }
 `;
 const NavToggle = (props) => {
-    return (jsxRuntime.jsx(StyledToggle, Object.assign({}, props, { className: "toggle-navigation", isPrimary: true, size: "small" }, { children: props.isExpanded ? (jsxRuntime.jsx(SvgChevronLeftStroke, { style: { width: "100%" } })) : (jsxRuntime.jsx(SvgChevronRightStroke, { style: { width: "100%" } })) })));
+    return (jsxRuntime.jsx(StyledToggle, Object.assign({}, props, { className: "toggle-navigation", isPrimary: true, size: "small" }, { children: props.isExpanded ? (jsxRuntime.jsx(SvgChevronLeftStroke, {})) : (jsxRuntime.jsx(SvgChevronRightStroke, {})) })));
 };
 
 const UgNavItem$1 = styled__default["default"](reactChrome.NavItem) `
@@ -3224,8 +3245,9 @@ 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
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 26 26"
   }, props), _path$j || (_path$j = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "currentColor",
     d: "m23.885 13.2-1.328 1.639a.522.522 0 0 1-.737.084l-1.444-1.155v7.182c0 .577-.474 1.05-1.054 1.05H16.51c-.58 0-1.054-.473-1.054-1.05v-3.182a2.43 2.43 0 0 0-.716-1.732 2.448 2.448 0 0 0-1.74-.714 2.45 2.45 0 0 0-1.739.714 2.43 2.43 0 0 0-.716 1.732v3.182c0 .577-.474 1.05-1.054 1.05H6.678c-.582 0-1.054-.47-1.054-1.05v-7.182L4.18 14.923a.522.522 0 0 1-.737-.084L2.115 13.2a.52.52 0 0 1 .084-.735l10.474-8.348a.51.51 0 0 1 .654 0L23.8 12.466a.52.52 0 0 1 .084.735"
@@ -3237,8 +3259,9 @@ 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
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 26 26"
   }, props), _linearGradient || (_linearGradient = /*#__PURE__*/React__namespace.createElement("linearGradient", {
     id: "home-fill-styled_svg__a"
   }, /*#__PURE__*/React__namespace.createElement("stop", {
@@ -3259,7 +3282,9 @@ var SvgToken = function SvgToken(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$k({
     xmlns: "http://www.w3.org/2000/svg",
     fill: "none",
-    viewBox: "0 0 32 32"
+    viewBox: "0 0 32 32",
+    width: "1em",
+    height: "1em"
   }, props), _g$1 || (_g$1 = /*#__PURE__*/React__namespace.createElement("g", {
     clipPath: "url(#token_svg__a)"
   }, /*#__PURE__*/React__namespace.createElement("path", {
@@ -3296,8 +3321,9 @@ function _extends$j() { _extends$j = Object.assign ? Object.assign.bind() : func
 var SvgFolderIcon = function SvgFolderIcon(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$j({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 12,
-    height: 12
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 12 12"
   }, props), _path$h || (_path$h = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "currentColor",
     fillRule: "evenodd",
@@ -3311,9 +3337,10 @@ function _extends$i() { _extends$i = Object.assign ? Object.assign.bind() : func
 var SvgTemplates = function SvgTemplates(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$i({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 26,
-    height: 26,
-    fill: "none"
+    width: "1em",
+    height: "1em",
+    fill: "none",
+    viewBox: "0 0 26 26"
   }, props), _path$g || (_path$g = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "url(#templates_svg__a)",
     fillRule: "evenodd",
@@ -3339,9 +3366,10 @@ function _extends$h() { _extends$h = Object.assign ? Object.assign.bind() : func
 var SvgTemplatesActive = function SvgTemplatesActive(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$h({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 26,
-    height: 26,
-    fill: "none"
+    width: "1em",
+    height: "1em",
+    fill: "none",
+    viewBox: "0 0 26 26"
   }, props), _path$f || (_path$f = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "url(#templates-active_svg__a)",
     fillRule: "evenodd",
@@ -3591,9 +3619,10 @@ function _extends$g() { _extends$g = Object.assign ? Object.assign.bind() : func
 var SvgPlus = function SvgPlus(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$g({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 16,
-    height: 16,
-    fill: "none"
+    width: "1em",
+    height: "1em",
+    fill: "none",
+    viewBox: "0 0 16 16"
   }, props), _path$e || (_path$e = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "#68737D",
     fillRule: "evenodd",
@@ -3903,8 +3932,9 @@ 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
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 16 16"
   }, props), _path$d || (_path$d = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "currentColor",
     d: "M6 15.79c-.13 0-.26-.03-.38-.08a.977.977 0 0 1-.62-.92V1.21a1 1 0 0 1 .62-.93C6 .12 6.42.21 6.71.5l6.44 6.44c.58.58.58 1.54 0 2.12L6.71 15.5c-.19.19-.45.29-.71.29z"
@@ -3916,8 +3946,9 @@ 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
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 16 16"
   }, props), _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
     fill: "currentColor"
   }, /*#__PURE__*/React__namespace.createElement("rect", {
@@ -3942,9 +3973,10 @@ function _extends$d() { _extends$d = Object.assign ? Object.assign.bind() : func
 var SvgForwardSecondsFill = function SvgForwardSecondsFill(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$d({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 16,
-    height: 16,
-    fill: "none"
+    width: "1em",
+    height: "1em",
+    fill: "none",
+    viewBox: "0 0 16 16"
   }, props), _path$c || (_path$c = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "currentColor",
     fillRule: "evenodd",
@@ -3961,9 +3993,10 @@ function _extends$c() { _extends$c = Object.assign ? Object.assign.bind() : func
 var SvgBackSecondsFill = function SvgBackSecondsFill(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$c({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 16,
-    height: 16,
-    fill: "none"
+    width: "1em",
+    height: "1em",
+    fill: "none",
+    viewBox: "0 0 16 16"
   }, props), _path$b || (_path$b = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "currentColor",
     fillRule: "evenodd",
@@ -3980,8 +4013,8 @@ 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,
+    width: "1em",
+    height: "1em",
     viewBox: "0 0 24 24"
   }, props), _path$a || (_path$a = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "currentColor",
@@ -4086,8 +4119,9 @@ 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
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 16 16"
   }, props), _path$9 || (_path$9 = /*#__PURE__*/React__namespace.createElement("path", {
     stroke: "currentColor",
     strokeLinecap: "round",
@@ -4103,8 +4137,9 @@ 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
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 16 16"
   }, props), _path$8 || (_path$8 = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "currentColor",
     d: "M9 15.29c-.26 0-.51-.1-.71-.29l-4-4H1c-.55 0-1-.45-1-1V6c0-.55.45-1 1-1h3.29l4-4a1.002 1.002 0 0 1 1.71.71V14.3a.986.986 0 0 1-1 .99z"
@@ -4162,8 +4197,9 @@ 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
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 16 16"
   }, props), _path$7 || (_path$7 = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "currentColor",
     d: "M16 4.29V1c0-.55-.45-1-1-1h-3.29c-.45 0-.67.54-.35.85l3.79 3.79c.31.32.85.1.85-.35zM0 11.71V15c0 .55.45 1 1 1h3.29c.45 0 .67-.54.35-.85L.85 11.36a.495.495 0 0 0-.85.35zm0-7.42V1c0-.55.45-1 1-1h3.29c.45 0 .67.54.35.85L.85 4.65A.5.5 0 0 1 0 4.29zm16 7.42V15c0 .55-.45 1-1 1h-3.29c-.45 0-.67-.54-.35-.85l3.79-3.79c.31-.32.85-.1.85.35z"
@@ -4439,8 +4475,9 @@ 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
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 16 16"
   }, props), _path$6 || (_path$6 = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "currentColor",
     d: "M3 15.93c-.23 0-.45-.08-.64-.23l-2-1.67a.987.987 0 0 1-.36-.76V2.73c0-.3.13-.58.36-.77l2-1.67c.3-.24.71-.29 1.06-.13a1 1 0 0 1 .58.91v13.87a1 1 0 0 1-.58.91c-.13.05-.28.08-.42.08zM12 11V5c0-.45.54-.67.85-.35L15.5 7.3c.39.39.39 1.02 0 1.41l-2.65 2.65A.5.5 0 0 1 12 11z"
@@ -4457,9 +4494,10 @@ function _extends$6() { _extends$6 = Object.assign ? Object.assign.bind() : func
 var SvgThumbsUp = function SvgThumbsUp(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$6({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 16,
-    height: 16,
-    fill: "none"
+    width: "1em",
+    height: "1em",
+    fill: "none",
+    viewBox: "0 0 16 16"
   }, props), _path$5 || (_path$5 = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "#68737D",
     fillRule: "evenodd",
@@ -4473,8 +4511,9 @@ 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
+    width: "1em",
+    height: "1em",
+    viewBox: "0 0 16 16"
   }, props), _rect || (_rect = /*#__PURE__*/React__namespace.createElement("rect", {
     width: 12,
     height: 9,
@@ -4600,9 +4639,10 @@ function _extends$4() { _extends$4 = Object.assign ? Object.assign.bind() : func
 var SvgQuestionMark = function SvgQuestionMark(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 16,
-    height: 16,
-    fill: "currentColor"
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    viewBox: "0 0 16 16"
   }, props), _path$3 || (_path$3 = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M8 11.5a1 1 0 0 0 1-1V9.4c0-.562.334-1.08.93-1.452 1.45-.788 2.318-2.413 2.058-4.1C11.716 2.214 10.386.884 8.764.614c-2.02-.38-3.953.749-4.52 2.592a1 1 0 0 0 1.912.588c.264-.858 1.207-1.408 2.26-1.211.798.133 1.468.803 1.598 1.581.125.816-.311 1.632-1.093 2.058C7.726 6.967 7 8.092 7 9.4v1.1a1 1 0 0 0 1 1Zm0 4a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z",
@@ -4615,9 +4655,10 @@ function _extends$3() { _extends$3 = Object.assign ? Object.assign.bind() : func
 var SvgCopy = function SvgCopy(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 12,
-    height: 16,
-    fill: "none"
+    width: "1em",
+    height: "1em",
+    fill: "none",
+    viewBox: "0 0 12 16"
   }, props), _path$2 || (_path$2 = /*#__PURE__*/React__namespace.createElement("path", {
     fill: "#003A57",
     fillRule: "evenodd",
@@ -4631,9 +4672,10 @@ function _extends$2() { _extends$2 = Object.assign ? Object.assign.bind() : func
 var SvgInfoFill = function SvgInfoFill(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 16,
-    height: 16,
-    fill: "currentColor"
+    width: "1em",
+    height: "1em",
+    fill: "currentColor",
+    viewBox: "0 0 16 16"
   }, props), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M7.5 16C3.36 16 0 12.64 0 8.5 0 4.36 3.36 1 7.5 1 11.64 1 15 4.36 15 8.5c0 4.14-3.36 7.5-7.5 7.5ZM7 12.5c0 .28.22.5.5.5s.5-.22.5-.5V8c0-.28-.22-.5-.5-.5S7 7.72 7 8v4.5ZM7.5 4c-.55 0-1 .45-1 1s.45 1 1 1 1-.45 1-1-.45-1-1-1Z",
@@ -4729,9 +4771,10 @@ function _extends$1() { _extends$1 = Object.assign ? Object.assign.bind() : func
 var SvgEmpty = function SvgEmpty(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 16,
-    height: 16,
-    fill: "#68737D"
+    width: "1em",
+    height: "1em",
+    fill: "#68737D",
+    viewBox: "0 0 16 16"
   }, props));
 };
 
@@ -4740,9 +4783,10 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 var SvgTranslationExists = function SvgTranslationExists(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
-    width: 16,
-    height: 16,
-    fill: "#68737D"
+    width: "1em",
+    height: "1em",
+    fill: "#68737D",
+    viewBox: "0 0 16 16"
   }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
     fillRule: "evenodd",
     d: "M6 8.31a.496.496 0 0 1-.67.49c-.33-.12-.62-.3-.88-.49C3.9 8.73 3.26 9 2.5 9c-.28 0-.5-.22-.5-.5s.22-.5.5-.5c.44 0 .84-.14 1.19-.37-.79-.9-1.14-1.91-1.16-1.97-.09-.26.05-.55.31-.63.26-.09.55.05.63.31 0 .01.31.87.96 1.61.76-.91 1.21-2.2 1.43-2.95H2.5c-.28 0-.5-.22-.5-.5s.22-.5.5-.5H4v-.5c0-.28.22-.5.5-.5s.5.22.5.5V3h1.5c.15 0 .29.07.39.18.09.12.13.27.1.42-.01.05-.08.38-.22.83C7.11 4.17 7.53 4 8 4h1V1c0-.55-.45-1-1-1H1C.45 0 0 .45 0 1v9c0 .55.45 1 1 1h5V8.31Zm-.33-.45c.19.07.32.24.33.43V6.35c-.23.44-.5.87-.82 1.26.15.1.31.18.49.25ZM15 5H8c-.55 0-1 .45-1 1v9c0 .55.45 1 1 1h7c.55 0 1-.45 1-1V6c0-.55-.45-1-1-1Zm-1.3 7.96a.51.51 0 0 1-.66-.26l-.31-.7h-2.46l-.31.7c-.11.25-.41.37-.66.25a.497.497 0 0 1-.25-.66l2-4.5c.16-.36.75-.36.91 0l2 4.5c.11.26 0 .55-.26.67ZM10.71 11h1.58l-.79-1.77-.79 1.77Z",
@@ -5054,47 +5098,47 @@ const Slider = (props) => {
 };
 Slider.Slide = Slide;
 
-const UgStep = styled__default["default"](reactAccordions.Stepper.Step) `
-  svg {
-    color: ${({ theme }) => theme.palette.green[700]};
-  }
+const UgStep = styled__default["default"](reactAccordions.Stepper.Step) `
+  svg {
+    color: ${({ theme }) => theme.palette.green[700]};
+  }
 `;
 const UgLabel = styled__default["default"](reactAccordions.Stepper.Label) ``;
-const UgStepper = styled__default["default"](reactAccordions.Stepper) `
-  div[data-garden-id="accordions.step_icon"] {
-    background-color: ${({ theme }) => theme.palette.grey[200]};
-    color: ${({ theme }) => theme.palette.grey[800]};
-    font-weight: bold;
-  }
-
+const UgStepper = styled__default["default"](reactAccordions.Stepper) `
+  div[data-garden-id="accordions.step_icon"] {
+    background-color: ${({ theme }) => theme.palette.grey[200]};
+    color: ${({ theme }) => theme.palette.grey[800]};
+    font-weight: bold;
+  }
+
   ${(props) => props.activeIndex !== undefined &&
-    `
-      ${UgStep}:nth-child(${props.activeIndex + 1})  {
-        
-        div[data-garden-id="accordions.step_icon"] {
-            background-color: ${props.theme.palette.blue[600]};
-            color: white;
-        }
-
-        ${UgLabel} {
-            font-weight: 500;
-            color: ${props.theme.palette.blue[600]};
-        }
-      }
-    `}
-`;
-const UgContent = styled__default["default"](reactAccordions.Stepper.Content) `
-  padding: ${({ theme }) => `${theme.space.sm} ${theme.space.sm} ${theme.space.sm} 24px`};
-  margin-top: 0;
-  margin-bottom: 0;
-  > div {
-    color: ${({ theme }) => theme.palette.grey[600]};
-  }
+    `
+      ${UgStep}:nth-child(${props.activeIndex + 1})  {
+        
+        div[data-garden-id="accordions.step_icon"] {
+            background-color: ${props.theme.palette.blue[600]};
+            color: white;
+        }
+
+        ${UgLabel} {
+            font-weight: 500;
+            color: ${props.theme.palette.blue[600]};
+        }
+      }
+    `}
+`;
+const UgContent = styled__default["default"](reactAccordions.Stepper.Content) `
+  padding: ${({ theme }) => `${theme.space.sm} ${theme.space.sm} ${theme.space.sm} 24px`};
+  margin-top: 0;
+  margin-bottom: 0;
+  > div {
+    color: ${({ theme }) => theme.palette.grey[600]};
+  }
 `;
-const StyledAccordionHeader = styled__default["default"](Accordion.Header) `
-  button, svg {
-    padding: ${({ theme }) => `${theme.space.xs} ${theme.space.md}`};
-  }
+const StyledAccordionHeader = styled__default["default"](Accordion.Header) `
+  button, svg {
+    padding: ${({ theme }) => `${theme.space.xs} ${theme.space.md}`};
+  }
 `;
 /**
  * A Stepper guides users through steps of a task in sequential order.

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ButtonArgs } from "./_types";
 export declare const Default: {
     decorators?: import("@storybook/types").DecoratorFunction<import("@storybook/react/dist/types-0a347bb9").R, {
@@ -75,7 +76,7 @@ export declare const Default: {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "decimal" | "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | undefined;
+        inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         'aria-activedescendant'?: string | undefined;
         'aria-atomic'?: (boolean | "true" | "false") | undefined;
@@ -379,7 +380,7 @@ export declare const Basic: {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "decimal" | "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | undefined;
+        inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         'aria-activedescendant'?: string | undefined;
         'aria-atomic'?: (boolean | "true" | "false") | undefined;
@@ -683,7 +684,7 @@ export declare const Primary: {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "decimal" | "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | undefined;
+        inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         'aria-activedescendant'?: string | undefined;
         'aria-atomic'?: (boolean | "true" | "false") | undefined;
@@ -987,7 +988,7 @@ export declare const WithIcon: {
         results?: number | undefined;
         security?: string | undefined;
         unselectable?: "on" | "off" | undefined;
-        inputMode?: "decimal" | "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | undefined;
+        inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
         is?: string | undefined;
         'aria-activedescendant'?: string | undefined;
         'aria-atomic'?: (boolean | "true" | "false") | undefined;

package/build/stories/dropdowns/select/index.stories.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { DropdownArgs, SelectArgs } from "./_types";
 import { MenuArgs } from "../menu/_types";
 interface IItem {

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { EditorArgs } from "./_types";
 interface EditorStoryArgs extends EditorArgs {
     children?: any;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { TooltipArgs } from "./_types";
 export declare const Default: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, TooltipArgs>;
 declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appquality/unguess-design-system",
-  "version": "3.0.2",
+  "version": "3.0.3-svgr-beta",
   "description": "",
   "main": "build/index.js",
   "types": "build/index.d.ts",