@kaio-xyz/design-system 1.0.38 → 1.0.39

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/dist/asset/icons/index.d.ts +1 -0
  2. package/dist/components/atoms/spinned-icon/index.d.ts +1 -0
  3. package/dist/components/atoms/spinned-icon/spinned-icon.d.ts +8 -0
  4. package/dist/components/atoms/spinned-icon/spinned-icon.stories.d.ts +37 -0
  5. package/dist/components/atoms/stepper/index.d.ts +2 -0
  6. package/dist/components/atoms/stepper/step/index.d.ts +1 -0
  7. package/dist/components/atoms/stepper/step/step.d.ts +8 -0
  8. package/dist/components/atoms/stepper/stepper.d.ts +6 -0
  9. package/dist/components/atoms/stepper/stepper.stories.d.ts +12 -0
  10. package/dist/index.cjs.js +117 -76
  11. package/dist/index.cjs.js.map +1 -1
  12. package/dist/index.d.ts +2 -1
  13. package/dist/index.esm.js +115 -76
  14. package/dist/index.esm.js.map +1 -1
  15. package/dist/styles.css +1 -1
  16. package/package.json +1 -1
package/dist/index.esm.js CHANGED
@@ -50,60 +50,60 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
50
50
  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
51
51
  };
52
52
 
53
- var _path$a;
54
- function _extends$a() { return _extends$a = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$a.apply(null, arguments); }
53
+ var _path$b;
54
+ function _extends$b() { return _extends$b = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$b.apply(null, arguments); }
55
55
  var SvgCheck = function SvgCheck(props) {
56
- return /*#__PURE__*/React.createElement("svg", _extends$a({
56
+ return /*#__PURE__*/React.createElement("svg", _extends$b({
57
57
  width: "1em",
58
58
  height: "1em",
59
59
  fill: "none",
60
60
  xmlns: "http://www.w3.org/2000/svg"
61
- }, props), _path$a || (_path$a = /*#__PURE__*/React.createElement("path", {
61
+ }, props), _path$b || (_path$b = /*#__PURE__*/React.createElement("path", {
62
62
  d: "M20.6474 3.30281C20.8943 2.97025 21.3647 2.90067 21.6972 3.14754C22.0298 3.39444 22.0994 3.86477 21.8525 4.19734L9.60251 20.6973C9.48001 20.8623 9.29478 20.9693 9.09079 20.9942C8.88673 21.0191 8.68101 20.959 8.52244 20.8282L2.27244 15.672C1.95326 15.4083 1.90836 14.9357 2.17185 14.6163C2.43551 14.2971 2.90813 14.2522 3.22751 14.5157L8.86716 19.169L20.6474 3.30281Z",
63
63
  fill: "#98989D"
64
64
  })));
65
65
  };
66
66
 
67
- var _path$9;
68
- function _extends$9() { return _extends$9 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$9.apply(null, arguments); }
67
+ var _path$a;
68
+ function _extends$a() { return _extends$a = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$a.apply(null, arguments); }
69
69
  var SvgCircleDashed = function SvgCircleDashed(props) {
70
- return /*#__PURE__*/React.createElement("svg", _extends$9({
70
+ return /*#__PURE__*/React.createElement("svg", _extends$a({
71
71
  width: "1em",
72
72
  height: "1em",
73
73
  fill: "none",
74
74
  xmlns: "http://www.w3.org/2000/svg"
75
- }, props), _path$9 || (_path$9 = /*#__PURE__*/React.createElement("path", {
75
+ }, props), _path$a || (_path$a = /*#__PURE__*/React.createElement("path", {
76
76
  d: "M13.4258 20.3809C13.8341 20.3122 14.2211 20.5878 14.29 20.9961C14.3588 21.4044 14.0832 21.7914 13.6748 21.8604C13.1298 21.9523 12.5702 22 12 22C11.4298 22 10.8702 21.9523 10.3252 21.8604C9.91684 21.7914 9.6412 21.4044 9.70996 20.9961C9.77886 20.5878 10.1659 20.3122 10.5742 20.3809C11.0372 20.459 11.5137 20.5 12 20.5C12.4863 20.5 12.9628 20.459 13.4258 20.3809ZM4.02051 16.7422C4.35812 16.5022 4.82643 16.5813 5.06641 16.9189C5.62015 17.6979 6.30206 18.3799 7.08105 18.9336C7.41867 19.1736 7.49779 19.6419 7.25781 19.9795C7.01785 20.3166 6.55031 20.3957 6.21289 20.1562C5.297 19.5052 4.49477 18.703 3.84375 17.7871C3.6043 17.4497 3.68345 16.9821 4.02051 16.7422ZM18.9336 16.9189C19.1736 16.5813 19.6419 16.5022 19.9795 16.7422C20.3165 16.9822 20.3957 17.4497 20.1562 17.7871C19.5052 18.703 18.703 19.5052 17.7871 20.1562C17.4497 20.3957 16.9822 20.3165 16.7422 19.9795C16.5022 19.6419 16.5813 19.1736 16.9189 18.9336C17.6979 18.3799 18.3799 17.6979 18.9336 16.9189ZM2 12C2 11.4298 2.04769 10.8702 2.13965 10.3252C2.20855 9.91684 2.59556 9.6412 3.00391 9.70996C3.41221 9.77886 3.68781 10.1659 3.61914 10.5742C3.54102 11.0372 3.5 11.5137 3.5 12C3.5 12.4863 3.54102 12.9628 3.61914 13.4258C3.68781 13.8341 3.41221 14.2211 3.00391 14.29C2.59556 14.3588 2.20855 14.0832 2.13965 13.6748C2.04769 13.1298 2 12.5702 2 12ZM20.5 12C20.5 11.5137 20.459 11.0372 20.3809 10.5742C20.3122 10.1659 20.5878 9.77886 20.9961 9.70996C21.4044 9.6412 21.7914 9.91684 21.8604 10.3252C21.9523 10.8702 22 11.4298 22 12C22 12.5702 21.9523 13.1298 21.8604 13.6748C21.7914 14.0832 21.4044 14.3588 20.9961 14.29C20.5878 14.2211 20.3122 13.8341 20.3809 13.4258C20.459 12.9628 20.5 12.4863 20.5 12ZM6.21289 3.84375C6.55032 3.6043 7.01785 3.68344 7.25781 4.02051C7.49779 4.35812 7.41867 4.82643 7.08105 5.06641C6.30206 5.62015 5.62015 6.30206 5.06641 7.08105C4.82643 7.41867 4.35812 7.49779 4.02051 7.25781C3.68344 7.01785 3.6043 6.55032 3.84375 6.21289C4.49478 5.297 5.297 4.49478 6.21289 3.84375ZM16.7422 4.02051C16.9821 3.68345 17.4497 3.60431 17.7871 3.84375C18.703 4.49477 19.5052 5.297 20.1562 6.21289C20.3957 6.55031 20.3166 7.01785 19.9795 7.25781C19.6419 7.49779 19.1736 7.41867 18.9336 7.08105C18.3799 6.30206 17.6979 5.62015 16.9189 5.06641C16.5813 4.82643 16.5022 4.35812 16.7422 4.02051ZM12 2C12.5702 2 13.1298 2.04769 13.6748 2.13965C14.0832 2.20855 14.3588 2.59556 14.29 3.00391C14.2211 3.41221 13.8341 3.68781 13.4258 3.61914C12.9628 3.54102 12.4863 3.5 12 3.5C11.5137 3.5 11.0372 3.54102 10.5742 3.61914C10.1659 3.68781 9.77886 3.41221 9.70996 3.00391C9.6412 2.59556 9.91684 2.20855 10.3252 2.13965C10.8702 2.04769 11.4298 2 12 2Z",
77
77
  fill: "#98989D"
78
78
  })));
79
79
  };
80
80
 
81
- var _path$8;
82
- function _extends$8() { return _extends$8 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$8.apply(null, arguments); }
81
+ var _path$9;
82
+ function _extends$9() { return _extends$9 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$9.apply(null, arguments); }
83
83
  var SvgDeny = function SvgDeny(props) {
84
- return /*#__PURE__*/React.createElement("svg", _extends$8({
84
+ return /*#__PURE__*/React.createElement("svg", _extends$9({
85
85
  width: "1em",
86
86
  height: "1em",
87
87
  fill: "none",
88
88
  xmlns: "http://www.w3.org/2000/svg"
89
- }, props), _path$8 || (_path$8 = /*#__PURE__*/React.createElement("path", {
89
+ }, props), _path$9 || (_path$9 = /*#__PURE__*/React.createElement("path", {
90
90
  d: "M20.5 12C20.5 9.9223 19.7539 8.02087 18.5156 6.54395L6.54395 18.5156C8.02087 19.7539 9.9223 20.5 12 20.5C16.6944 20.5 20.5 16.6944 20.5 12ZM3.5 12C3.5 14.0772 4.24566 15.9783 5.4834 17.4551L17.4551 5.4834C15.9783 4.24566 14.0772 3.5 12 3.5C7.30558 3.5 3.5 7.30558 3.5 12ZM22 12C22 17.5228 17.5228 22 12 22C9.2388 22 6.73754 20.8802 4.92871 19.0713C3.11989 17.2625 2 14.7612 2 12C2 6.47716 6.47716 2 12 2C14.7612 2 17.2625 3.11989 19.0713 4.92871C20.8802 6.73754 22 9.2388 22 12Z",
91
91
  fill: "#98989D"
92
92
  })));
93
93
  };
94
94
 
95
- var _path$7, _path2$2, _path3$1;
96
- function _extends$7() { return _extends$7 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$7.apply(null, arguments); }
95
+ var _path$8, _path2$3, _path3$1;
96
+ function _extends$8() { return _extends$8 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$8.apply(null, arguments); }
97
97
  var SvgInfo = function SvgInfo(props) {
98
- return /*#__PURE__*/React.createElement("svg", _extends$7({
98
+ return /*#__PURE__*/React.createElement("svg", _extends$8({
99
99
  width: "1em",
100
100
  height: "1em",
101
101
  fill: "none",
102
102
  xmlns: "http://www.w3.org/2000/svg"
103
- }, props), _path$7 || (_path$7 = /*#__PURE__*/React.createElement("path", {
103
+ }, props), _path$8 || (_path$8 = /*#__PURE__*/React.createElement("path", {
104
104
  d: "M20.5 12C20.5 7.30558 16.6944 3.5 12 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 16.6944 7.30558 20.5 12 20.5C16.6944 20.5 20.5 16.6944 20.5 12ZM11.25 16.25V11.75H10.75C10.3358 11.75 10 11.4142 10 11C10 10.5858 10.3358 10.25 10.75 10.25H12C12.4142 10.25 12.75 10.5858 12.75 11V16.25C12.75 16.6642 12.4142 17 12 17C11.5858 17 11.25 16.6642 11.25 16.25ZM22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47716 6.47716 2 12 2C17.5228 2 22 6.47715 22 12Z",
105
105
  fill: "#98989D"
106
- })), _path2$2 || (_path2$2 = /*#__PURE__*/React.createElement("path", {
106
+ })), _path2$3 || (_path2$3 = /*#__PURE__*/React.createElement("path", {
107
107
  d: "M12 7.375C11.6548 7.375 11.375 7.65482 11.375 8C11.375 8.34518 11.6548 8.625 12 8.625C12.3452 8.625 12.625 8.34518 12.625 8C12.625 7.65482 12.3452 7.375 12 7.375Z",
108
108
  fill: "#98989D"
109
109
  })), _path3$1 || (_path3$1 = /*#__PURE__*/React.createElement("path", {
@@ -112,46 +112,46 @@ var SvgInfo = function SvgInfo(props) {
112
112
  })));
113
113
  };
114
114
 
115
- var _path$6;
116
- function _extends$6() { return _extends$6 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$6.apply(null, arguments); }
115
+ var _path$7;
116
+ function _extends$7() { return _extends$7 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$7.apply(null, arguments); }
117
117
  var SvgLoader = function SvgLoader(props) {
118
- return /*#__PURE__*/React.createElement("svg", _extends$6({
118
+ return /*#__PURE__*/React.createElement("svg", _extends$7({
119
119
  width: "1em",
120
120
  height: "1em",
121
121
  fill: "none",
122
122
  xmlns: "http://www.w3.org/2000/svg"
123
- }, props), _path$6 || (_path$6 = /*#__PURE__*/React.createElement("path", {
123
+ }, props), _path$7 || (_path$7 = /*#__PURE__*/React.createElement("path", {
124
124
  d: "M11.25 21.25V17.75C11.25 17.3359 11.5859 17.0002 12 17C12.4142 17 12.75 17.3358 12.75 17.75V21.25C12.75 21.6642 12.4142 22 12 22C11.5859 21.9998 11.25 21.6641 11.25 21.25ZM7.4043 15.5361C7.69718 15.2433 8.17195 15.2433 8.46484 15.5361C8.75773 15.829 8.75774 16.3038 8.46484 16.5967L5.99023 19.0713C5.69734 19.3642 5.22258 19.3642 4.92969 19.0713C4.6368 18.7784 4.63679 18.3036 4.92969 18.0107L7.4043 15.5361ZM15.5361 15.5352C15.829 15.2425 16.3039 15.2423 16.5967 15.5352L19.0713 18.0098C19.3642 18.3027 19.3642 18.7784 19.0713 19.0713C18.7785 19.3638 18.3036 19.3638 18.0107 19.0713L15.5361 16.5957C15.2432 16.3028 15.2432 15.828 15.5361 15.5352ZM6.25 11.251C6.66421 11.251 7 11.5868 7 12.001C6.99985 12.4151 6.66412 12.751 6.25 12.751H2.75C2.33588 12.751 2.00015 12.4151 2 12.001C2 11.5868 2.33579 11.251 2.75 11.251H6.25ZM21.25 11.251C21.6642 11.251 22 11.5868 22 12.001C21.9999 12.4151 21.6641 12.751 21.25 12.751H17.75C17.3359 12.751 17.0001 12.4151 17 12.001C17 11.5868 17.3358 11.251 17.75 11.251H21.25ZM4.92871 4.92871C5.22163 4.63584 5.69737 4.63579 5.99023 4.92871L8.46484 7.4043C8.75731 7.69723 8.75759 8.1721 8.46484 8.46484C8.17193 8.75771 7.69619 8.75776 7.40332 8.46484L4.92871 5.98926C4.63616 5.69641 4.63613 5.22152 4.92871 4.92871ZM18.0107 4.92969C18.3036 4.63679 18.7784 4.6368 19.0713 4.92969C19.3642 5.22258 19.3642 5.69734 19.0713 5.99023L16.5967 8.46484C16.3038 8.75774 15.829 8.75773 15.5361 8.46484C15.2433 8.17195 15.2433 7.69718 15.5361 7.4043L18.0107 4.92969ZM11.25 6.25V2.75C11.25 2.33591 11.586 2.00016 12 2C12.4142 2.00004 12.75 2.33582 12.75 2.75V6.25C12.75 6.66419 12.4142 7 12 7C11.5858 6.99996 11.25 6.66418 11.25 6.25Z",
125
125
  fill: "#98989D"
126
126
  })));
127
127
  };
128
128
 
129
- var _path$5;
130
- function _extends$5() { return _extends$5 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$5.apply(null, arguments); }
129
+ var _path$6;
130
+ function _extends$6() { return _extends$6 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$6.apply(null, arguments); }
131
131
  var SvgWarning = function SvgWarning(props) {
132
- return /*#__PURE__*/React.createElement("svg", _extends$5({
132
+ return /*#__PURE__*/React.createElement("svg", _extends$6({
133
133
  width: "1em",
134
134
  height: "1em",
135
135
  fill: "none",
136
136
  xmlns: "http://www.w3.org/2000/svg"
137
- }, props), _path$5 || (_path$5 = /*#__PURE__*/React.createElement("path", {
137
+ }, props), _path$6 || (_path$6 = /*#__PURE__*/React.createElement("path", {
138
138
  d: "M10.4901 2.8437C11.1661 1.6901 12.8335 1.69014 13.5096 2.8437L22.0155 17.3652L22.075 17.4755C22.6455 18.6221 21.8153 19.9997 20.5057 19.9999H3.49494C2.14292 19.9999 1.30087 18.5318 1.9842 17.3652L10.4901 2.8437ZM12.2156 3.60249C12.119 3.43758 11.8806 3.43758 11.784 3.60249L3.27912 18.124C3.18173 18.2906 3.30188 18.4999 3.49494 18.4999H20.5057C20.6985 18.4997 20.8181 18.2896 20.7205 18.123V18.122L12.2156 3.60249ZM11.2498 13.2499V9.74995C11.2498 9.33576 11.5856 8.99998 11.9998 8.99995C12.414 8.99995 12.7498 9.33574 12.7498 9.74995V13.2499C12.7498 13.6641 12.414 13.9999 11.9998 13.9999C11.5857 13.9999 11.2499 13.6641 11.2498 13.2499ZM12.9998 15.7499C12.9998 16.3022 12.5521 16.7499 11.9998 16.7499C11.4822 16.7499 11.0561 16.3566 11.0047 15.8525L10.9998 15.7499L11.0047 15.6474C11.056 15.1432 11.4821 14.75 11.9998 14.7499L12.1024 14.7548C12.6065 14.8061 12.9998 15.2322 12.9998 15.7499Z",
139
139
  fill: "#98989D"
140
140
  })));
141
141
  };
142
142
 
143
- var _path$4, _path2$1, _path3, _path4;
144
- function _extends$4() { return _extends$4 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$4.apply(null, arguments); }
143
+ var _path$5, _path2$2, _path3, _path4;
144
+ function _extends$5() { return _extends$5 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$5.apply(null, arguments); }
145
145
  var SvgEyeClosed = function SvgEyeClosed(props) {
146
- return /*#__PURE__*/React.createElement("svg", _extends$4({
146
+ return /*#__PURE__*/React.createElement("svg", _extends$5({
147
147
  width: "1em",
148
148
  height: "1em",
149
149
  fill: "none",
150
150
  xmlns: "http://www.w3.org/2000/svg"
151
- }, props), _path$4 || (_path$4 = /*#__PURE__*/React.createElement("path", {
151
+ }, props), _path$5 || (_path$5 = /*#__PURE__*/React.createElement("path", {
152
152
  d: "M9.16582 4.42078C13.8206 3.01988 18.8177 5.12744 21.9822 10.4071L22.283 10.9276L22.4578 11.2587C22.5129 11.3768 22.5612 11.5047 22.5906 11.6473C22.6359 11.8681 22.6358 12.1307 22.5906 12.3514V12.3524C22.5318 12.6378 22.399 12.864 22.284 13.0712C21.6809 14.1579 21.0031 15.1203 20.2674 15.9569C19.9939 16.2677 19.5208 16.2984 19.2098 16.0253C18.8988 15.7518 18.868 15.2777 19.1414 14.9667C19.8015 14.2161 20.417 13.3419 20.9715 12.3427H20.9725C21.0425 12.2165 21.0776 12.1518 21.1014 12.1014C21.118 12.066 21.1201 12.0546 21.1209 12.0507L21.1228 12.036C21.1238 12.0259 21.1248 12.0133 21.1248 11.9999C21.1248 11.9865 21.1238 11.9738 21.1228 11.9637C21.122 11.9542 21.1209 11.9491 21.1209 11.9491C21.1202 11.9453 21.1184 11.9335 21.1014 11.8973C21.0775 11.8466 21.0418 11.7818 20.9715 11.6552V11.6561C18.0916 6.46801 13.5809 4.65835 9.59746 5.8573C9.20111 5.97635 8.7834 5.75154 8.66386 5.35535C8.54448 4.95871 8.76918 4.54016 9.16582 4.42078Z",
153
153
  fill: "#98989D"
154
- })), _path2$1 || (_path2$1 = /*#__PURE__*/React.createElement("path", {
154
+ })), _path2$2 || (_path2$2 = /*#__PURE__*/React.createElement("path", {
155
155
  d: "M8 12.0004C8 11.0291 8.34764 10.1366 8.92383 9.44372C9.18871 9.12543 9.66108 9.08225 9.97949 9.34704C10.2978 9.61192 10.341 10.0843 10.0762 10.4027C9.71578 10.8362 9.5 11.3924 9.5 12.0004C9.5002 13.3809 10.6194 14.5004 12 14.5004C12.6187 14.5004 13.1835 14.2765 13.6201 13.9047C13.9353 13.6362 14.4081 13.6736 14.6768 13.9886C14.9453 14.3039 14.9079 14.7776 14.5928 15.0463C13.895 15.6406 12.9883 16.0004 12 16.0004C9.79101 16.0004 8.0002 14.2093 8 12.0004Z",
156
156
  fill: "#98989D"
157
157
  })), _path3 || (_path3 = /*#__PURE__*/React.createElement("path", {
@@ -163,75 +163,93 @@ var SvgEyeClosed = function SvgEyeClosed(props) {
163
163
  })));
164
164
  };
165
165
 
166
- var _path$3, _path2;
167
- function _extends$3() { return _extends$3 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$3.apply(null, arguments); }
166
+ var _path$4, _path2$1;
167
+ function _extends$4() { return _extends$4 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$4.apply(null, arguments); }
168
168
  var SvgEyeOpen = function SvgEyeOpen(props) {
169
- return /*#__PURE__*/React.createElement("svg", _extends$3({
169
+ return /*#__PURE__*/React.createElement("svg", _extends$4({
170
170
  width: "1em",
171
171
  height: "1em",
172
172
  fill: "none",
173
173
  xmlns: "http://www.w3.org/2000/svg"
174
- }, props), _path$3 || (_path$3 = /*#__PURE__*/React.createElement("path", {
174
+ }, props), _path$4 || (_path$4 = /*#__PURE__*/React.createElement("path", {
175
175
  d: "M12.0001 4C16.0105 4.00003 19.9104 6.47732 22.4308 11.1992C22.6966 11.6972 22.6966 12.3028 22.4308 12.8008C19.9104 17.5227 16.0105 20 12.0001 20C7.98972 20 4.08981 17.5227 1.56944 12.8008C1.30365 12.3028 1.3037 11.6973 1.56944 11.1992C4.08981 6.47731 7.98972 3.99997 12.0001 4ZM12.0001 5.5C8.66218 5.49998 5.21336 7.5575 2.89268 11.9053C2.86244 11.962 2.86243 12.038 2.89268 12.0947C5.21336 16.4424 8.66221 18.5 12.0001 18.5C15.338 18.5 18.7869 16.4425 21.1075 12.0947C21.1378 12.0381 21.1378 11.9619 21.1075 11.9053C18.7869 7.55753 15.338 5.50003 12.0001 5.5Z",
176
176
  fill: "#98989D"
177
- })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
177
+ })), _path2$1 || (_path2$1 = /*#__PURE__*/React.createElement("path", {
178
178
  d: "M14.5 12C14.5 10.6193 13.3807 9.5 12 9.5C10.6193 9.5 9.5 10.6193 9.5 12C9.5 13.3807 10.6193 14.5 12 14.5C13.3807 14.5 14.5 13.3807 14.5 12ZM16 12C16 14.2091 14.2091 16 12 16C9.79089 16 8 14.2091 8 12C8 9.79089 9.79089 8 12 8C14.2091 8 16 9.79089 16 12Z",
179
179
  fill: "#98989D"
180
180
  })));
181
181
  };
182
182
 
183
+ var _path$3;
184
+ function _extends$3() { return _extends$3 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$3.apply(null, arguments); }
185
+ var SvgChevronGrabber = function SvgChevronGrabber(props) {
186
+ return /*#__PURE__*/React.createElement("svg", _extends$3({
187
+ width: "1em",
188
+ height: "1em",
189
+ fill: "none",
190
+ xmlns: "http://www.w3.org/2000/svg"
191
+ }, props), _path$3 || (_path$3 = /*#__PURE__*/React.createElement("path", {
192
+ d: "M15.4696 14.4696C15.7625 14.1767 16.2373 14.1767 16.5302 14.4696C16.823 14.7625 16.8231 15.2373 16.5302 15.5302L13.0605 18.9999C12.4747 19.5856 11.5251 19.5856 10.9394 18.9999L7.46965 15.5302C7.17677 15.2373 7.1768 14.7625 7.46965 14.4696C7.76254 14.1767 8.2373 14.1767 8.53019 14.4696L11.9999 17.9393L15.4696 14.4696ZM10.9394 4.99989C11.5252 4.4141 12.4747 4.4141 13.0605 4.99989L16.5302 8.46962C16.823 8.76252 16.8231 9.23729 16.5302 9.53017C16.2373 9.82299 15.7625 9.82299 15.4696 9.53017L11.9999 6.06044L8.53019 9.53017C8.23731 9.82299 7.76252 9.82299 7.46965 9.53017C7.17677 9.23729 7.17681 8.76252 7.46965 8.46962L10.9394 4.99989Z",
193
+ fill: "#98989D"
194
+ })));
195
+ };
196
+
183
197
  var _path$2;
184
198
  function _extends$2() { return _extends$2 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$2.apply(null, arguments); }
185
- var SvgChevronGrabber = function SvgChevronGrabber(props) {
199
+ var SvgMinus = function SvgMinus(props) {
186
200
  return /*#__PURE__*/React.createElement("svg", _extends$2({
187
201
  width: "1em",
188
202
  height: "1em",
189
203
  fill: "none",
190
204
  xmlns: "http://www.w3.org/2000/svg"
191
205
  }, props), _path$2 || (_path$2 = /*#__PURE__*/React.createElement("path", {
192
- d: "M15.4696 14.4696C15.7625 14.1767 16.2373 14.1767 16.5302 14.4696C16.823 14.7625 16.8231 15.2373 16.5302 15.5302L13.0605 18.9999C12.4747 19.5856 11.5251 19.5856 10.9394 18.9999L7.46965 15.5302C7.17677 15.2373 7.1768 14.7625 7.46965 14.4696C7.76254 14.1767 8.2373 14.1767 8.53019 14.4696L11.9999 17.9393L15.4696 14.4696ZM10.9394 4.99989C11.5252 4.4141 12.4747 4.4141 13.0605 4.99989L16.5302 8.46962C16.823 8.76252 16.8231 9.23729 16.5302 9.53017C16.2373 9.82299 15.7625 9.82299 15.4696 9.53017L11.9999 6.06044L8.53019 9.53017C8.23731 9.82299 7.76252 9.82299 7.46965 9.53017C7.17677 9.23729 7.17681 8.76252 7.46965 8.46962L10.9394 4.99989Z",
206
+ d: "M20.25 11.25C20.6642 11.25 21 11.5858 21 12C21 12.4142 20.6642 12.75 20.25 12.75H3.75C3.33579 12.75 3 12.4142 3 12C3 11.5858 3.33579 11.25 3.75 11.25H20.25Z",
193
207
  fill: "#98989D"
194
208
  })));
195
209
  };
196
210
 
197
211
  var _path$1;
198
212
  function _extends$1() { return _extends$1 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$1.apply(null, arguments); }
199
- var SvgMinus = function SvgMinus(props) {
213
+ var SvgClipboard = function SvgClipboard(props) {
200
214
  return /*#__PURE__*/React.createElement("svg", _extends$1({
201
215
  width: "1em",
202
216
  height: "1em",
203
217
  fill: "none",
204
218
  xmlns: "http://www.w3.org/2000/svg"
205
219
  }, props), _path$1 || (_path$1 = /*#__PURE__*/React.createElement("path", {
206
- d: "M20.25 11.25C20.6642 11.25 21 11.5858 21 12C21 12.4142 20.6642 12.75 20.25 12.75H3.75C3.33579 12.75 3 12.4142 3 12C3 11.5858 3.33579 11.25 3.75 11.25H20.25Z",
220
+ d: "M18.5 5.75C18.5 5.61192 18.3881 5.5 18.25 5.5H16V6.25C16 7.21648 15.2165 8 14.25 8H9.75C8.78351 8 8 7.21649 8 6.25V5.5H5.75C5.61193 5.5 5.5 5.61193 5.5 5.75V20.25C5.5 20.3881 5.61192 20.5 5.75 20.5H18.25C18.3881 20.5 18.5 20.3881 18.5 20.25V5.75ZM14.5 3.75C14.5 3.61192 14.3881 3.5 14.25 3.5H9.75C9.61193 3.5 9.5 3.61193 9.5 3.75V6.25C9.5 6.38807 9.61193 6.5 9.75 6.5H14.25C14.3881 6.5 14.5 6.38808 14.5 6.25V3.75ZM16 4H18.25C19.2165 4 20 4.78352 20 5.75V20.25C20 21.2165 19.2165 22 18.25 22H5.75C4.7835 22 4 21.2165 4 20.25V5.75C4 4.78351 4.78351 4 5.75 4H8V3.75C8 2.78351 8.78351 2 9.75 2H14.25C15.2165 2 16 2.78352 16 3.75V4Z",
207
221
  fill: "#98989D"
208
222
  })));
209
223
  };
210
224
 
211
- var _path;
225
+ var _path, _path2;
212
226
  function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
213
- var SvgClipboard = function SvgClipboard(props) {
227
+ var SvgLoadingCircle = function SvgLoadingCircle(props) {
214
228
  return /*#__PURE__*/React.createElement("svg", _extends({
215
229
  width: "1em",
216
230
  height: "1em",
217
231
  fill: "none",
218
232
  xmlns: "http://www.w3.org/2000/svg"
219
233
  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
220
- d: "M18.5 5.75C18.5 5.61192 18.3881 5.5 18.25 5.5H16V6.25C16 7.21648 15.2165 8 14.25 8H9.75C8.78351 8 8 7.21649 8 6.25V5.5H5.75C5.61193 5.5 5.5 5.61193 5.5 5.75V20.25C5.5 20.3881 5.61192 20.5 5.75 20.5H18.25C18.3881 20.5 18.5 20.3881 18.5 20.25V5.75ZM14.5 3.75C14.5 3.61192 14.3881 3.5 14.25 3.5H9.75C9.61193 3.5 9.5 3.61193 9.5 3.75V6.25C9.5 6.38807 9.61193 6.5 9.75 6.5H14.25C14.3881 6.5 14.5 6.38808 14.5 6.25V3.75ZM16 4H18.25C19.2165 4 20 4.78352 20 5.75V20.25C20 21.2165 19.2165 22 18.25 22H5.75C4.7835 22 4 21.2165 4 20.25V5.75C4 4.78351 4.78351 4 5.75 4H8V3.75C8 2.78351 8.78351 2 9.75 2H14.25C15.2165 2 16 2.78352 16 3.75V4Z",
234
+ d: "M20.5 12C20.5 7.30558 16.6944 3.5 12 3.5C7.30558 3.5 3.5 7.30558 3.5 12C3.5 16.6944 7.30558 20.5 12 20.5C16.6944 20.5 20.5 16.6944 20.5 12ZM22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47716 6.47716 2 12 2C17.5228 2 22 6.47715 22 12Z",
235
+ fill: "white",
236
+ fillOpacity: 0.3
237
+ })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
238
+ d: "M20.5 12C20.5 11.5858 20.8358 11.25 21.25 11.25C21.6642 11.25 22 11.5858 22 12C22 17.5228 17.5228 22 12 22C11.5858 22 11.25 21.6642 11.25 21.25C11.25 20.8358 11.5858 20.5 12 20.5C16.6944 20.5 20.5 16.6944 20.5 12Z",
221
239
  fill: "#98989D"
222
240
  })));
223
241
  };
224
242
 
225
- var style$d = {"root":"stack-module__root__AqSLk"};
243
+ var style$f = {"root":"stack-module__root__AqSLk"};
226
244
 
227
245
  var Stack = function (_a) {
228
246
  var children = _a.children, _b = _a.space, space = _b === void 0 ? "s" : _b, className = _a.className, _c = _a.position, position = _c === void 0 ? "vertical" : _c, _d = _a.fullHeight, fullHeight = _d === void 0 ? false : _d, _e = _a.fullWidth, fullWidth = _e === void 0 ? false : _e, dataTest = _a.dataTest, dataAlignItems = _a.dataAlignItems, dataCapitalize = _a.dataCapitalize, dataMarginTop = _a.dataMarginTop, dataMarginBottom = _a.dataMarginBottom, dataMarginLeft = _a.dataMarginLeft, dataPaddingBottom = _a.dataPaddingBottom, rest = __rest(_a, ["children", "space", "className", "position", "fullHeight", "fullWidth", "dataTest", "dataAlignItems", "dataCapitalize", "dataMarginTop", "dataMarginBottom", "dataMarginLeft", "dataPaddingBottom"]);
229
- return (jsx("div", __assign({ className: clsx(style$d.root, className), "data-space": space, "data-position": position, "data-full-width": fullWidth, "data-full-height": fullHeight, "data-test": dataTest, "data-align-items": dataAlignItems, "data-capitalize": dataCapitalize, "data-margin-top": dataMarginTop, "data-margin-bottom": dataMarginBottom, "data-margin-left": dataMarginLeft, "data-padding-bottom": dataPaddingBottom }, rest, { children: children })));
247
+ return (jsx("div", __assign({ className: clsx(style$f.root, className), "data-space": space, "data-position": position, "data-full-width": fullWidth, "data-full-height": fullHeight, "data-test": dataTest, "data-align-items": dataAlignItems, "data-capitalize": dataCapitalize, "data-margin-top": dataMarginTop, "data-margin-bottom": dataMarginBottom, "data-margin-left": dataMarginLeft, "data-padding-bottom": dataPaddingBottom }, rest, { children: children })));
230
248
  };
231
249
 
232
250
  var baseStyle = {"root":"badge-base-module__root__oUZlm"};
233
251
 
234
- var style$c = {"root":"badge-module__root__rXpaz"};
252
+ var style$e = {"root":"badge-module__root__rXpaz"};
235
253
 
236
254
  var BadgeStatuses = {
237
255
  success: "success",
@@ -250,20 +268,20 @@ var Badge = function (_a) {
250
268
  default: return jsx(SvgCircleDashed, {});
251
269
  }
252
270
  }, [status]);
253
- return (jsx("label", __assign({ className: clsx(baseStyle.root, style$c.root), title: text, "data-status": status, "data-full-width": fullWidth, "data-test": dataTest, "data-reverted": reverted, "data-size": size }, props, { children: jsxs(Stack, { position: "horizontal", children: [hasIcon && icon, text] }) })));
271
+ return (jsx("label", __assign({ className: clsx(baseStyle.root, style$e.root), title: text, "data-status": status, "data-full-width": fullWidth, "data-test": dataTest, "data-reverted": reverted, "data-size": size }, props, { children: jsxs(Stack, { position: "horizontal", children: [hasIcon && icon, text] }) })));
254
272
  };
255
273
 
256
- var style$b = {"root":"button-module__root__CDCDX"};
274
+ var style$d = {"root":"button-module__root__CDCDX"};
257
275
 
258
- var style$a = {"spinner":"spinner-module__spinner__VzZj2"};
276
+ var style$c = {"root":"spinned-icon-module__root__xchkj"};
259
277
 
260
- var Spinner = function (_a) {
261
- var _b = _a.size, size = _b === void 0 ? 22 : _b, _c = _a.duration, duration = _c === void 0 ? 1 : _c, _d = _a.className, className = _d === void 0 ? '' : _d, rest = __rest(_a, ["size", "duration", "className"]);
262
- return (jsx("div", { className: clsx(style$a.spinner, className), style: {
278
+ var SpinnedIcon = function (_a) {
279
+ var _b = _a.size, size = _b === void 0 ? 22 : _b, _c = _a.duration, duration = _c === void 0 ? 1 : _c, _d = _a.className, className = _d === void 0 ? '' : _d, _e = _a.icon, Icon = _e === void 0 ? SvgLoader : _e, rest = __rest(_a, ["size", "duration", "className", "icon"]);
280
+ return (jsx("div", { className: clsx(style$c.root, className), style: {
263
281
  width: size,
264
282
  height: size,
265
283
  animationDuration: "".concat(duration, "s"),
266
- }, children: jsx(SvgLoader, __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest)) }));
284
+ }, children: jsx(Icon, __assign({ width: size, height: size, viewBox: "0 0 24 24" }, rest)) }));
267
285
  };
268
286
 
269
287
  var isAnchor = function (props) { return props.href !== undefined; };
@@ -271,21 +289,21 @@ var Button = forwardRef(function (_a, ref) {
271
289
  var _b = _a.fullWidth, fullWidth = _b === void 0 ? false : _b, _c = _a.variant, variant = _c === void 0 ? "primary" : _c, _d = _a.size, size = _d === void 0 ? "normal" : _d, _e = _a.isInverted, isInverted = _e === void 0 ? false : _e, _f = _a.isLoading, isLoading = _f === void 0 ? false : _f, _g = _a.iconSize, iconSize = _g === void 0 ? 22 : _g, Icon = _a.icon, props = __rest(_a, ["fullWidth", "variant", "size", "isInverted", "isLoading", "iconSize", "icon"]);
272
290
  var iconProps = { width: iconSize, height: iconSize, "aria-hidden": "true" };
273
291
  var baseIcon = Icon && jsx(Icon, __assign({}, iconProps));
274
- var loadingIcon = isLoading && jsx(Spinner, __assign({ size: iconSize }, iconProps));
292
+ var loadingIcon = isLoading && jsx(SpinnedIcon, __assign({ size: iconSize }, iconProps));
275
293
  var iconChild = loadingIcon || baseIcon || null;
276
- var classes = clsx(style$b.root, props.className);
294
+ var classes = clsx(style$d.root, props.className);
277
295
  return (isAnchor(props) ? (jsx("a", __assign({ "aria-disabled": props.disabled, ref: ref }, props, { className: classes, children: props.children }))) : (jsx("button", __assign({ "aria-disabled": props.disabled, ref: ref, type: "button" }, props, { className: classes, "data-type": variant, "data-size": size, "data-full-width": fullWidth, "data-inverted": isInverted, disabled: props.disabled || isLoading, "data-is-loading": isLoading, children: jsxs(Fragment, { children: [iconChild, isLoading ? "Loading" : props.children] }) }))));
278
296
  });
279
297
  Button.displayName = "Button";
280
298
 
281
- var style$9 = {"hint":"hint-module__hint__0cpje","children":"hint-module__children__GSZxg"};
299
+ var style$b = {"hint":"hint-module__hint__0cpje","children":"hint-module__children__GSZxg"};
282
300
 
283
301
  var Hint = function (_a) {
284
302
  var children = _a.children, className = _a.className, _b = _a.kind, kind = _b === void 0 ? "info" : _b, attributes = __rest(_a, ["children", "className", "kind"]);
285
- return (jsxs(Stack, __assign({ space: "xs", position: "horizontal", className: clsx(style$9.hint, className), "data-type": kind }, attributes, { children: [jsx(SvgInfo, {}), jsx("span", { className: style$9.children, children: children })] })));
303
+ return (jsxs(Stack, __assign({ space: "xs", position: "horizontal", className: clsx(style$b.hint, className), "data-type": kind }, attributes, { children: [jsx(SvgInfo, {}), jsx("span", { className: style$b.children, children: children })] })));
286
304
  };
287
305
 
288
- var style$8 = {"field":"text-field-module__field__iZ0TF","label":"text-field-module__label__ClJkz","container":"text-field-module__container__IKtNZ","fieldWrapper":"text-field-module__fieldWrapper__nQ7l8","textField":"text-field-module__textField__756eR","hint":"text-field-module__hint__Ad6VA"};
306
+ var style$a = {"field":"text-field-module__field__iZ0TF","label":"text-field-module__label__ClJkz","container":"text-field-module__container__IKtNZ","fieldWrapper":"text-field-module__fieldWrapper__nQ7l8","textField":"text-field-module__textField__756eR","hint":"text-field-module__hint__Ad6VA"};
289
307
 
290
308
  var TextField = forwardRef(function (_a, ref) {
291
309
  var className = _a.className, disabled = _a.disabled, hint = _a.hint, id = _a.id, label = _a.label, onChange = _a.onChange, readOnly = _a.readOnly, invalid = _a.invalid, button = _a.button, _b = _a.fullWidth, fullWidth = _b === void 0 ? false : _b, _c = _a.size, size = _c === void 0 ? "default" : _c, _d = _a.noPadding, noPadding = _d === void 0 ? false : _d, _e = _a.floatingLabel, floatingLabel = _e === void 0 ? true : _e, value = _a.value, defaultValue = _a.defaultValue, onFocus = _a.onFocus, onBlur = _a.onBlur, attributes = __rest(_a, ["className", "disabled", "hint", "id", "label", "onChange", "readOnly", "invalid", "button", "fullWidth", "size", "noPadding", "floatingLabel", "value", "defaultValue", "onFocus", "onBlur"]);
@@ -322,28 +340,28 @@ var TextField = forwardRef(function (_a, ref) {
322
340
  setHasValue(e.target.value.length > 0);
323
341
  onChange === null || onChange === void 0 ? void 0 : onChange(e);
324
342
  };
325
- return (jsx("fieldset", { "aria-disabled": disabled, disabled: disabled, className: clsx(style$8.textField, className), "data-no-padding": noPadding, "data-full-width": fullWidth, children: jsxs("div", { className: style$8.container, "data-has-label": !!label, "data-has-hint": !!hint, "data-has-button": !!button, "data-floating-label": floatingLabel, children: [label && (jsx("label", { className: style$8.label, htmlFor: id, "data-floating": floatingLabel, "data-active": isLabelFloating, children: label })), jsxs("div", { className: style$8.fieldWrapper, children: [jsx("input", __assign({ "aria-readonly": readOnly, className: style$8.field, readOnly: readOnly, "data-type": "single", "data-size": size, "data-floating-label": floatingLabel, id: id, onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur, "data-invalid": invalid, ref: inputRef, type: "text", value: value, defaultValue: defaultValue }, attributes)), button ? button : null] }), hint && jsx(Hint, { kind: "error", className: style$8.hint, children: hint })] }) }));
343
+ return (jsx("fieldset", { "aria-disabled": disabled, disabled: disabled, className: clsx(style$a.textField, className), "data-no-padding": noPadding, "data-full-width": fullWidth, children: jsxs("div", { className: style$a.container, "data-has-label": !!label, "data-has-hint": !!hint, "data-has-button": !!button, "data-floating-label": floatingLabel, children: [label && (jsx("label", { className: style$a.label, htmlFor: id, "data-floating": floatingLabel, "data-active": isLabelFloating, children: label })), jsxs("div", { className: style$a.fieldWrapper, children: [jsx("input", __assign({ "aria-readonly": readOnly, className: style$a.field, readOnly: readOnly, "data-type": "single", "data-size": size, "data-floating-label": floatingLabel, id: id, onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur, "data-invalid": invalid, ref: inputRef, type: "text", value: value, defaultValue: defaultValue }, attributes)), button ? button : null] }), hint && jsx(Hint, { kind: "error", className: style$a.hint, children: hint })] }) }));
326
344
  });
327
345
  TextField.displayName = "TextField";
328
346
 
329
- var style$7 = {"container":"container-module__container__CAxQw"};
347
+ var style$9 = {"container":"container-module__container__CAxQw"};
330
348
 
331
349
  var Container = function (_a) {
332
350
  var children = _a.children, className = _a.className, size = _a.size, noPadding = _a.noPadding, attributes = __rest(_a, ["children", "className", "size", "noPadding"]);
333
- return (jsx("div", __assign({ className: clsx(style$7.container, className) }, size ? { "data-size": size } : {}, { "data-nopadding": noPadding }, attributes, { children: children })));
351
+ return (jsx("div", __assign({ className: clsx(style$9.container, className) }, size ? { "data-size": size } : {}, { "data-nopadding": noPadding }, attributes, { children: children })));
334
352
  };
335
353
 
336
- var style$6 = {"field":"password-field-module__field__-sFqA","button":"password-field-module__button__FtG9V"};
354
+ var style$8 = {"field":"password-field-module__field__-sFqA","button":"password-field-module__button__FtG9V"};
337
355
 
338
356
  var PasswordField = forwardRef(function (_a, ref) {
339
357
  var disabled = _a.disabled, rest = __rest(_a, ["disabled"]);
340
358
  var _b = useState(false), isPasswordVisible = _b[0], setIsPasswordVisible = _b[1];
341
- var button = (jsx("button", { onClick: function () { return setIsPasswordVisible(function (prev) { return !prev; }); }, type: "button", disabled: disabled, className: style$6.button, children: isPasswordVisible ? jsx(SvgEyeOpen, {}) : jsx(SvgEyeClosed, {}) }));
342
- return (jsx(TextField, __assign({ disabled: disabled }, rest, { ref: ref, type: isPasswordVisible ? "text" : "password", button: button, className: style$6.field })));
359
+ var button = (jsx("button", { onClick: function () { return setIsPasswordVisible(function (prev) { return !prev; }); }, type: "button", disabled: disabled, className: style$8.button, children: isPasswordVisible ? jsx(SvgEyeOpen, {}) : jsx(SvgEyeClosed, {}) }));
360
+ return (jsx(TextField, __assign({ disabled: disabled }, rest, { ref: ref, type: isPasswordVisible ? "text" : "password", button: button, className: style$8.field })));
343
361
  });
344
362
  PasswordField.displayName = "PasswordField";
345
363
 
346
- var style$5 = {"validator":"validate-password-field-module__validator__Do-6w"};
364
+ var style$7 = {"validator":"validate-password-field-module__validator__Do-6w"};
347
365
 
348
366
  var rules = {
349
367
  length: /^.{8,}$/,
@@ -368,19 +386,19 @@ var ValidatePasswordField = forwardRef(function (_a, ref) {
368
386
  useEffect(function () {
369
387
  setIsPasswordValid === null || setIsPasswordValid === void 0 ? void 0 : setIsPasswordValid(isLenghtCheckOk && isCaseCheckOk && isNumberCheckOk && isSpecialCheckOk);
370
388
  }, [isLenghtCheckOk, isCaseCheckOk, isNumberCheckOk, isSpecialCheckOk, setIsPasswordValid]);
371
- var getValidator = function (isCheckOk, label) { return (jsxs(Stack, { position: "horizontal", className: style$5.validator, "data-is-valid": isCheckOk, children: [isCheckOk ? jsx(SvgCheck, {}) : jsx(SvgCircleDashed, {}), jsx("p", { children: label })] })); };
389
+ var getValidator = function (isCheckOk, label) { return (jsxs(Stack, { position: "horizontal", className: style$7.validator, "data-is-valid": isCheckOk, children: [isCheckOk ? jsx(SvgCheck, {}) : jsx(SvgCircleDashed, {}), jsx("p", { children: label })] })); };
372
390
  return (jsxs(Stack, { space: "m", children: [jsx(PasswordField, __assign({ onChange: onHandleChange, ref: ref }, rest)), jsxs(Stack, { children: [getValidator(isLenghtCheckOk, "At least 8 characters"), getValidator(isCaseCheckOk, "Include uppercase & lowercase letters"), getValidator(isNumberCheckOk, "Include at least one number"), getValidator(isSpecialCheckOk, "Include at least one special character (allowed: @ $ ! % * ? & _ #)")] })] }));
373
391
  });
374
392
  ValidatePasswordField.displayName = "ValidatePasswordField";
375
393
 
376
- var style$4 = {"root":"label-module__root__34bJr"};
394
+ var style$6 = {"root":"label-module__root__34bJr"};
377
395
 
378
396
  var Label = function (_a) {
379
397
  var id = _a.id, label = _a.label, className = _a.className, _b = _a.hasMargin, hasMargin = _b === void 0 ? true : _b, _c = _a.hasHalfMargin, hasHalfMargin = _c === void 0 ? false : _c, _d = _a.hasCursorPointer, hasCursorPointer = _d === void 0 ? false : _d;
380
- return (jsx("label", { className: clsx(style$4.root, className), htmlFor: id, "data-margin-bottom": hasMargin, "data-half-margin-bottom": hasHalfMargin, "data-has-cursor-pointer": hasCursorPointer, children: label }));
398
+ return (jsx("label", { className: clsx(style$6.root, className), htmlFor: id, "data-margin-bottom": hasMargin, "data-half-margin-bottom": hasHalfMargin, "data-has-cursor-pointer": hasCursorPointer, children: label }));
381
399
  };
382
400
 
383
- var style$3 = {"label":"select-module__label__EWUYF","selector":"select-module__selector__55oxp","hint":"select-module__hint__SPtu-"};
401
+ var style$5 = {"label":"select-module__label__EWUYF","selector":"select-module__selector__55oxp","hint":"select-module__hint__SPtu-"};
384
402
 
385
403
  var IconAndLabel = function (_a) {
386
404
  var children = _a.children, Icon = _a.icon;
@@ -401,7 +419,7 @@ var CustomSingleValue = function (_a) {
401
419
  };
402
420
  var Select = function (_a) {
403
421
  var id = _a.id, label = _a.label, dataTest = _a.dataTest, isDisabled = _a.isDisabled, className = _a.className, error = _a.error, customComponents = _a.components, rest = __rest(_a, ["id", "label", "dataTest", "isDisabled", "className", "error", "components"]);
404
- return (jsxs("div", { className: clsx(style$3.root, className), children: [label && jsx(Label, { id: id, label: label, className: style$3.label }), jsxs("div", { "data-test": dataTest, className: style$3.selector, "data-error": !!error, children: [jsx(ReactSelect, __assign({ id: id, classNamePrefix: "select", components: __assign(__assign({}, customComponents), { IndicatorSeparator: function () { return null; }, Option: CustomOption, SingleValue: CustomSingleValue, DropdownIndicator: CustomDropdownIndicator, MultiValueLabel: CustomMultiValueLabel }) }, rest, { isDisabled: isDisabled })), error && jsx(Hint, { kind: "error", className: style$3.hint, children: error })] })] }));
422
+ return (jsxs("div", { className: clsx(style$5.root, className), children: [label && jsx(Label, { id: id, label: label, className: style$5.label }), jsxs("div", { "data-test": dataTest, className: style$5.selector, "data-error": !!error, children: [jsx(ReactSelect, __assign({ id: id, classNamePrefix: "select", components: __assign(__assign({}, customComponents), { IndicatorSeparator: function () { return null; }, Option: CustomOption, SingleValue: CustomSingleValue, DropdownIndicator: CustomDropdownIndicator, MultiValueLabel: CustomMultiValueLabel }) }, rest, { isDisabled: isDisabled })), error && jsx(Hint, { kind: "error", className: style$5.hint, children: error })] })] }));
405
423
  };
406
424
  Select.displayName = "Select";
407
425
 
@@ -414,14 +432,14 @@ var FormSelect = function (_a) {
414
432
  };
415
433
  FormSelect.displayName = "FormSelect";
416
434
 
417
- var style$2 = {"root":"loader-module__root__qnInQ"};
435
+ var style$4 = {"root":"loader-module__root__qnInQ"};
418
436
 
419
437
  var Loader = function (_a) {
420
438
  var text = _a.text, _b = _a.fullPage, fullPage = _b === void 0 ? true : _b, _c = _a.isLightOverlay, isLightOverlay = _c === void 0 ? false : _c, children = _a.children;
421
- return (jsx("div", { className: style$2.root, "data-full-page": fullPage, "data-is-light-overlay": isLightOverlay, children: jsxs(Stack, { dataAlignItems: "center", children: [jsx(Spinner, { size: 50 }), text && jsx("p", { children: text }), children] }) }));
439
+ return (jsx("div", { className: style$4.root, "data-full-page": fullPage, "data-is-light-overlay": isLightOverlay, children: jsxs(Stack, { dataAlignItems: "center", children: [jsx(SpinnedIcon, { size: 50 }), text && jsx("p", { children: text }), children] }) }));
422
440
  };
423
441
 
424
- var style$1 = {"root":"checkbox-module__root__W52jD","customCheckbox":"checkbox-module__customCheckbox__LACTE","label":"checkbox-module__label__ujd0G","frame":"checkbox-module__frame__njRTK","icon":"checkbox-module__icon__7kQzK"};
442
+ var style$3 = {"root":"checkbox-module__root__W52jD","customCheckbox":"checkbox-module__customCheckbox__LACTE","label":"checkbox-module__label__ujd0G","frame":"checkbox-module__frame__njRTK","icon":"checkbox-module__icon__7kQzK"};
425
443
 
426
444
  var Checkbox = function (_a) {
427
445
  var className = _a.className, disabled = _a.disabled, id = _a.id, label = _a.label, _b = _a.verticalAlign, verticalAlign = _b === void 0 ? "center" : _b, onChange = _a.onChange, dataTest = _a.dataTest, _c = _a.size, size = _c === void 0 ? "medium" : _c, _d = _a.variant, variant = _d === void 0 ? "primary" : _d, _e = _a.indeterminate, indeterminate = _e === void 0 ? false : _e, checked = _a.checked, attributes = __rest(_a, ["className", "disabled", "id", "label", "verticalAlign", "onChange", "dataTest", "size", "variant", "indeterminate", "checked"]);
@@ -434,11 +452,11 @@ var Checkbox = function (_a) {
434
452
  var dynamicStyle = {
435
453
  "--vAlign": verticalAlign,
436
454
  };
437
- return (jsxs("label", { style: dynamicStyle, className: clsx(style$1.root, className), "data-disabled": disabled, "data-size": size, "data-variant": variant, children: [jsxs("span", { className: style$1.frame, children: [jsx("input", __assign({ "aria-disabled": disabled, disabled: disabled, onChange: onChange, type: "checkbox", ref: inputRef, checked: checked }, attributes, { id: id, "data-test": dataTest })), jsxs("span", { className: style$1.customCheckbox, "aria-hidden": "true", children: [checked && !indeterminate && (jsx(SvgCheck, { className: style$1.icon })), indeterminate && (jsx(SvgMinus, { className: style$1.icon }))] })] }), label && jsx("span", { className: style$1.label, children: label })] }));
455
+ return (jsxs("label", { style: dynamicStyle, className: clsx(style$3.root, className), "data-disabled": disabled, "data-size": size, "data-variant": variant, children: [jsxs("span", { className: style$3.frame, children: [jsx("input", __assign({ "aria-disabled": disabled, disabled: disabled, onChange: onChange, type: "checkbox", ref: inputRef, checked: checked }, attributes, { id: id, "data-test": dataTest })), jsxs("span", { className: style$3.customCheckbox, "aria-hidden": "true", children: [checked && !indeterminate && (jsx(SvgCheck, { className: style$3.icon })), indeterminate && (jsx(SvgMinus, { className: style$3.icon }))] })] }), label && jsx("span", { className: style$3.label, children: label })] }));
438
456
  };
439
457
  Checkbox.displayName = "Checkbox";
440
458
 
441
- var style = {"root":"clipboard-module__root__wVZhy"};
459
+ var style$2 = {"root":"clipboard-module__root__wVZhy"};
442
460
 
443
461
  var trimString = function (str, noOfChars) {
444
462
  if (noOfChars === void 0) { noOfChars = 4; }
@@ -463,8 +481,29 @@ var Clipboard = function (_a) {
463
481
  }, [value]);
464
482
  var text = isShowingCopy ? 'Copied!' : displayValue;
465
483
  var icon = isShowingCopy ? jsx(SvgCheck, {}) : jsx(SvgClipboard, {});
466
- return (jsx("button", { type: "button", onClick: handleClick, className: style.root, "data-is-copied": isCopied, "data-is-showing-copy": isShowingCopy, children: jsxs(Stack, { position: "horizontal", children: [jsx("span", { children: text }), icon] }) }));
484
+ return (jsx("button", { type: "button", onClick: handleClick, className: style$2.root, "data-is-copied": isCopied, "data-is-showing-copy": isShowingCopy, children: jsxs(Stack, { position: "horizontal", children: [jsx("span", { children: text }), icon] }) }));
485
+ };
486
+
487
+ var style$1 = {"root":"stepper-module__root__hgDss"};
488
+
489
+ var Stepper = function (_a) {
490
+ var children = _a.children;
491
+ return (jsx("ul", { className: style$1.root, children: children }));
492
+ };
493
+
494
+ var style = {"root":"step-module__root__Tk1Yq","container":"step-module__container__XbQSB","label":"step-module__label__UNF3I","emptyIcon":"step-module__emptyIcon__-xNcB","checkIcon":"step-module__checkIcon__MWBUM","loadingIcon":"step-module__loadingIcon__-VoCZ"};
495
+
496
+ var Step = function (_a) {
497
+ var label = _a.label, _b = _a.iconSize, iconSize = _b === void 0 ? 16 : _b, _c = _a.isCompleted, isCompleted = _c === void 0 ? false : _c, _d = _a.isCurrent, isCurrent = _d === void 0 ? false : _d;
498
+ var icon = useMemo(function () {
499
+ switch (true) {
500
+ case isCompleted: return jsx(SvgCheck, { className: style.checkIcon });
501
+ case isCurrent: return jsx(SpinnedIcon, { icon: SvgLoadingCircle, size: iconSize, className: style.loadingIcon });
502
+ default: return jsx("span", { className: style.emptyIcon });
503
+ }
504
+ }, [isCompleted, isCurrent]);
505
+ return (jsx("li", { className: style.root, "data-is-current": isCurrent, style: { '--icon-size': "".concat(iconSize, "px") }, children: jsxs(Stack, { className: style.container, position: "horizontal", children: [icon, jsx("span", { className: style.label, children: label })] }) }));
467
506
  };
468
507
 
469
- export { Badge, Button, Checkbox, Clipboard, Container, FormSelect, Loader, PasswordField, Select, Spinner, Stack, TextField, ValidatePasswordField };
508
+ export { Badge, Button, Checkbox, Clipboard, Container, FormSelect, Loader, PasswordField, Select, SpinnedIcon, Stack, Step, Stepper, TextField, ValidatePasswordField };
470
509
  //# sourceMappingURL=index.esm.js.map