@xaypay/tui 0.0.9 → 0.0.11

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 (7) hide show
  1. package/dist/index.es.js +104 -71
  2. package/dist/index.js +104 -70
  3. package/package.json +1 -1
  4. package/src/components/stepper/index.js +45 -0
  5. package/src/components/stepper/stepper.module.css +48 -0
  6. package/src/components/stepper/stepper.stories.js +17 -0
  7. package/src/index.js +1 -0
package/dist/index.es.js CHANGED
@@ -48,9 +48,9 @@ function styleInject(css, ref) {
48
48
  }
49
49
  }
50
50
 
51
- var css_248z$8 = ".button-module_btn__ffRtT{border:none;border-radius:6px;box-sizing:border-box;cursor:pointer;font-size:16px;line-height:20px;min-height:46px;outline:none;overflow:hidden;padding:12px 20px;text-transform:capitalize;transition:background-color .24s,color .24s}.button-module_btn__ffRtT.button-module_full-size__vmV2E{width:100%}.button-module_btn__ffRtT.button-module_content-size__f7JSE{width:auto}.button-module_btn__ffRtT.button-module_type-filled__BiyVo{background-color:#00236a;color:#fff}.button-module_btn__ffRtT.button-module_type-filled__BiyVo:hover{background-color:#001745}.button-module_btn__ffRtT.button-module_type-filled__BiyVo:disabled{background-color:#eee;color:#3c393e;pointer-events:none}.button-module_btn__ffRtT.button-module_type-outline__RpZ2V{background-color:#fff;box-shadow:inset 0 0 0 2px #00236a}.button-module_btn__ffRtT.button-module_type-outline__RpZ2V:hover{background-color:#001745;color:#fff}.button-module_btn__ffRtT.button-module_type-outline__RpZ2V:disabled{box-shadow:inset 0 0 0 2px #eee;color:#3c393e;pointer-events:none}";
52
- var styles$6 = {"btn":"button-module_btn__ffRtT","full-size":"button-module_full-size__vmV2E","content-size":"button-module_content-size__f7JSE","size-default":"button-module_size-default__ydEgl","type-filled":"button-module_type-filled__BiyVo","with-icon":"button-module_with-icon__mfKU-","type-outline":"button-module_type-outline__RpZ2V"};
53
- styleInject(css_248z$8);
51
+ var css_248z$9 = ".button-module_btn__ffRtT{border:none;border-radius:6px;box-sizing:border-box;cursor:pointer;font-size:16px;line-height:20px;min-height:46px;outline:none;overflow:hidden;padding:12px 20px;text-transform:capitalize;transition:background-color .24s,color .24s}.button-module_btn__ffRtT.button-module_full-size__vmV2E{width:100%}.button-module_btn__ffRtT.button-module_content-size__f7JSE{width:auto}.button-module_btn__ffRtT.button-module_type-filled__BiyVo{background-color:#00236a;color:#fff}.button-module_btn__ffRtT.button-module_type-filled__BiyVo:hover{background-color:#001745}.button-module_btn__ffRtT.button-module_type-filled__BiyVo:disabled{background-color:#eee;color:#3c393e;pointer-events:none}.button-module_btn__ffRtT.button-module_type-outline__RpZ2V{background-color:#fff;box-shadow:inset 0 0 0 2px #00236a}.button-module_btn__ffRtT.button-module_type-outline__RpZ2V:hover{background-color:#001745;color:#fff}.button-module_btn__ffRtT.button-module_type-outline__RpZ2V:disabled{box-shadow:inset 0 0 0 2px #eee;color:#3c393e;pointer-events:none}";
52
+ var styles$7 = {"btn":"button-module_btn__ffRtT","full-size":"button-module_full-size__vmV2E","content-size":"button-module_content-size__f7JSE","size-default":"button-module_size-default__ydEgl","type-filled":"button-module_type-filled__BiyVo","with-icon":"button-module_with-icon__mfKU-","type-outline":"button-module_type-outline__RpZ2V"};
53
+ styleInject(css_248z$9);
54
54
 
55
55
  /**
56
56
  * Primary UI component for user interaction
@@ -86,9 +86,9 @@ const Button = ({
86
86
  outline,
87
87
  ...props
88
88
  }) => {
89
- console.log(styles$6);
89
+ console.log(styles$7);
90
90
  console.log(backgroundColor);
91
- const classProps = classnames(styles$6.btn, styles$6[theme], styles$6[size], outline ? styles$6['type-outline'] : styles$6['type-filled'], className); // className='btn type-outline size-default'
91
+ const classProps = classnames(styles$7.btn, styles$7[theme], styles$7[size], outline ? styles$7['type-outline'] : styles$7['type-filled'], className); // className='btn type-outline size-default'
92
92
 
93
93
  console.log(classProps);
94
94
  return /*#__PURE__*/React__default.createElement("button", _extends({
@@ -140,8 +140,8 @@ Button.defaultProps = {
140
140
  outline: false
141
141
  };
142
142
 
143
- var css_248z$7 = "h1{font-size:70px;line-height:70px}h1,h2{font-weight:400;text-transform:uppercase}h2{font-size:50px;line-height:50px}h3{font-size:38px;font-weight:400;line-height:38px}h3,h4{text-transform:uppercase}h4{font-size:24px;font-weight:600;line-height:24px}h5{font-size:20px;font-size:16px;line-height:20px;line-height:22px;text-transform:uppercase}h5,p{font-weight:600;text-transform:capitalize}p{font-size:14px;line-height:20px}span{font-size:12px;font-weight:500;line-height:16px;text-transform:capitalize}i{font-family:icomoon;font-style:inherit}";
144
- styleInject(css_248z$7);
143
+ var css_248z$8 = "h1{font-size:70px;line-height:70px}h1,h2{font-weight:400;text-transform:uppercase}h2{font-size:50px;line-height:50px}h3{font-size:38px;font-weight:400;line-height:38px}h3,h4{text-transform:uppercase}h4{font-size:24px;font-weight:600;line-height:24px}h5{font-size:20px;font-size:16px;line-height:20px;line-height:22px;text-transform:uppercase}h5,p{font-weight:600;text-transform:capitalize}p{font-size:14px;line-height:20px}span{font-size:12px;font-weight:500;line-height:16px;text-transform:capitalize}i{font-family:icomoon;font-style:inherit}";
144
+ styleInject(css_248z$8);
145
145
 
146
146
  const TypographyType = {
147
147
  h1: 'h1',
@@ -190,9 +190,9 @@ Typography.defaultProps = {
190
190
  variant: 'h1'
191
191
  };
192
192
 
193
- var css_248z$6 = ".autocomplate-module_autocomplate-content__UbIUT{display:flex;flex-direction:column}.autocomplate-module_autocomplate-content-top__FVgCp{border:2px solid #d1d1d1;border-radius:6px;box-sizing:border-box;color:#3c393e;cursor:pointer;display:flex;flex-direction:row;font-size:16px;font-weight:500;height:46px;line-height:22px;max-width:400px;padding:0 15px;transition:border-color .24s}.autocomplate-module_autocomplate-content-top__FVgCp.autocomplate-module_active__40fdV{border-color:#00236a}.autocomplate-module_autocomplate-content-top__FVgCp:hover{border-color:#3c393e}.autocomplate-module_autocomplate-content-bottom__yk0zP{animation:autocomplate-module_select-show__7Uap4 .64s linear forwards;background:#fbfbfb;border-radius:6px;box-shadow:0 0 10px rgba(60,57,62,.08);max-height:0;max-width:400px;overflow:hidden;position:relative;top:6px}.autocomplate-module_autocomplate-content-bottom-inner__rF5IF{display:flex;flex-direction:column;max-height:234px;overflow-x:hidden;overflow-y:auto}@keyframes autocomplate-module_select-show__7Uap4{to{max-height:400px}}.autocomplate-module_autocomplate-content-bottom-row__dRsZa{align-items:center;background:#fff;box-sizing:border-box;color:#3c393e;cursor:pointer;display:flex;font-size:16px;font-weight:500;height:46px;line-height:22px;margin-bottom:2px;padding:0 15px;transition:background .24s,color .24s}.autocomplate-module_autocomplate-content-bottom-row__dRsZa .autocomplate-module_no-option__xv0-E{color:red}.autocomplate-module_autocomplate-content-bottom-row__dRsZa:hover{background:unset;color:#00236a}.autocomplate-module_option-active__WuH4I .autocomplate-module_autocomplate-content-bottom-row__dRsZa{color:#00236a}";
194
- var styles$5 = {"autocomplate-content":"autocomplate-module_autocomplate-content__UbIUT","autocomplate-content-top":"autocomplate-module_autocomplate-content-top__FVgCp","active":"autocomplate-module_active__40fdV","autocomplate-content-bottom":"autocomplate-module_autocomplate-content-bottom__yk0zP","select-show":"autocomplate-module_select-show__7Uap4","autocomplate-content-bottom-inner":"autocomplate-module_autocomplate-content-bottom-inner__rF5IF","autocomplate-content-bottom-row":"autocomplate-module_autocomplate-content-bottom-row__dRsZa","no-option":"autocomplate-module_no-option__xv0-E","option-active":"autocomplate-module_option-active__WuH4I"};
195
- styleInject(css_248z$6);
193
+ var css_248z$7 = ".autocomplate-module_autocomplate-content__UbIUT{display:flex;flex-direction:column}.autocomplate-module_autocomplate-content-top__FVgCp{border:2px solid #d1d1d1;border-radius:6px;box-sizing:border-box;color:#3c393e;cursor:pointer;display:flex;flex-direction:row;font-size:16px;font-weight:500;height:46px;line-height:22px;max-width:400px;padding:0 15px;transition:border-color .24s}.autocomplate-module_autocomplate-content-top__FVgCp.autocomplate-module_active__40fdV{border-color:#00236a}.autocomplate-module_autocomplate-content-top__FVgCp:hover{border-color:#3c393e}.autocomplate-module_autocomplate-content-bottom__yk0zP{animation:autocomplate-module_select-show__7Uap4 .64s linear forwards;background:#fbfbfb;border-radius:6px;box-shadow:0 0 10px rgba(60,57,62,.08);max-height:0;max-width:400px;overflow:hidden;position:relative;top:6px}.autocomplate-module_autocomplate-content-bottom-inner__rF5IF{display:flex;flex-direction:column;max-height:234px;overflow-x:hidden;overflow-y:auto}@keyframes autocomplate-module_select-show__7Uap4{to{max-height:400px}}.autocomplate-module_autocomplate-content-bottom-row__dRsZa{align-items:center;background:#fff;box-sizing:border-box;color:#3c393e;cursor:pointer;display:flex;font-size:16px;font-weight:500;height:46px;line-height:22px;margin-bottom:2px;padding:0 15px;transition:background .24s,color .24s}.autocomplate-module_autocomplate-content-bottom-row__dRsZa .autocomplate-module_no-option__xv0-E{color:red}.autocomplate-module_autocomplate-content-bottom-row__dRsZa:hover{background:unset;color:#00236a}.autocomplate-module_option-active__WuH4I .autocomplate-module_autocomplate-content-bottom-row__dRsZa{color:#00236a}";
194
+ var styles$6 = {"autocomplate-content":"autocomplate-module_autocomplate-content__UbIUT","autocomplate-content-top":"autocomplate-module_autocomplate-content-top__FVgCp","active":"autocomplate-module_active__40fdV","autocomplate-content-bottom":"autocomplate-module_autocomplate-content-bottom__yk0zP","select-show":"autocomplate-module_select-show__7Uap4","autocomplate-content-bottom-inner":"autocomplate-module_autocomplate-content-bottom-inner__rF5IF","autocomplate-content-bottom-row":"autocomplate-module_autocomplate-content-bottom-row__dRsZa","no-option":"autocomplate-module_no-option__xv0-E","option-active":"autocomplate-module_option-active__WuH4I"};
195
+ styleInject(css_248z$7);
196
196
 
197
197
  const Autocomplate = ({
198
198
  className,
@@ -205,7 +205,7 @@ const Autocomplate = ({
205
205
  searchCount,
206
206
  ...props
207
207
  }) => {
208
- classnames(styles$5.searchBox, className);
208
+ classnames(styles$6.searchBox, className);
209
209
  const [inputValue, setInputValue] = useState("");
210
210
  const [activeOption, setActiveOption] = useState(0);
211
211
  const [filteredOptions, setFilteredOptions] = useState([]);
@@ -233,9 +233,9 @@ const Autocomplate = ({
233
233
  if (showOptions && inputValue) {
234
234
  if (filteredOptions.length && inputValue.length >= searchCount) {
235
235
  optionList = /*#__PURE__*/React__default.createElement("div", {
236
- className: styles$5['autocomplate-content-bottom']
236
+ className: styles$6['autocomplate-content-bottom']
237
237
  }, /*#__PURE__*/React__default.createElement("div", {
238
- className: styles$5['autocomplate-content-bottom-inner']
238
+ className: styles$6['autocomplate-content-bottom-inner']
239
239
  }, filteredOptions.map((optionName, index) => {
240
240
  let className;
241
241
 
@@ -244,33 +244,33 @@ const Autocomplate = ({
244
244
  }
245
245
 
246
246
  return /*#__PURE__*/React__default.createElement("div", {
247
- className: styles$5[className],
247
+ className: styles$6[className],
248
248
  key: optionName,
249
249
  onClick: handleClick
250
250
  }, /*#__PURE__*/React__default.createElement("div", {
251
- className: styles$5['autocomplate-content-bottom-row']
251
+ className: styles$6['autocomplate-content-bottom-row']
252
252
  }, optionName));
253
253
  })));
254
254
  } else {
255
255
  optionList = /*#__PURE__*/React__default.createElement("div", {
256
- className: styles$5['autocomplate-content-bottom']
256
+ className: styles$6['autocomplate-content-bottom']
257
257
  }, /*#__PURE__*/React__default.createElement("div", {
258
- className: styles$5['autocomplate-content-bottom-inner']
258
+ className: styles$6['autocomplate-content-bottom-inner']
259
259
  }, /*#__PURE__*/React__default.createElement("div", {
260
- className: styles$5['autocomplate-content-bottom-row']
260
+ className: styles$6['autocomplate-content-bottom-row']
261
261
  }, /*#__PURE__*/React__default.createElement("div", {
262
- className: styles$5['no-option']
262
+ className: styles$6['no-option']
263
263
  }, "No Option!"))));
264
264
  }
265
265
  }
266
266
 
267
267
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, label ? /*#__PURE__*/React__default.createElement("label", {
268
- className: styles$5.labelInput
268
+ className: styles$6.labelInput
269
269
  }, label) : "", /*#__PURE__*/React__default.createElement("div", {
270
- className: styles$5['autocomplate-content']
270
+ className: styles$6['autocomplate-content']
271
271
  }, /*#__PURE__*/React__default.createElement("input", _extends({
272
272
  type: "text",
273
- className: styles$5['autocomplate-content-top'],
273
+ className: styles$6['autocomplate-content-top'],
274
274
  required: required,
275
275
  disabled: disabled,
276
276
  onChange: handleChange,
@@ -293,9 +293,9 @@ Autocomplate.defaultProps = {
293
293
  searchCount: 2
294
294
  };
295
295
 
296
- var css_248z$5 = ".checkbox-module_checkbox-wrap__Xrg-m{align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;flex-wrap:nowrap;margin:0 6px;padding-left:24px;position:relative}.checkbox-module_checkbox-wrap__Xrg-m>input{height:0;opacity:0;position:absolute;width:0}.checkbox-module_checkbox-wrap__Xrg-m .checkbox-module_checkmark__M8DY6{border:1px solid #d9d9d9;border-radius:3px;display:inline-block;height:14px;left:0;margin-right:4px;position:absolute;top:0;transition:border-color .24s;vertical-align:top;width:14px}.checkbox-module_checkbox-wrap__Xrg-m>.checkbox-module_checkmark__M8DY6:after{border:solid #1890ff;border-width:0 2px 2px 0;content:\"\";display:block;height:8px;left:4px;opacity:0;position:absolute;top:1px;transform:rotate(45deg);transition:opacity .24s;width:4px}.checkbox-module_checkbox-wrap__Xrg-m input:checked~.checkbox-module_checkmark__M8DY6:after{opacity:1}.checkbox-module_checkbox-wrap__Xrg-m input:checked~.checkbox-module_checkmark__M8DY6,.checkbox-module_checkbox-wrap__Xrg-m:hover input~.checkbox-module_checkmark__M8DY6{border-color:#1890ff}";
297
- var styles$4 = {"checkbox-wrap":"checkbox-module_checkbox-wrap__Xrg-m","checkmark":"checkbox-module_checkmark__M8DY6"};
298
- styleInject(css_248z$5);
296
+ var css_248z$6 = ".checkbox-module_checkbox-wrap__Xrg-m{align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;flex-wrap:nowrap;margin:0 6px;padding-left:24px;position:relative}.checkbox-module_checkbox-wrap__Xrg-m>input{height:0;opacity:0;position:absolute;width:0}.checkbox-module_checkbox-wrap__Xrg-m .checkbox-module_checkmark__M8DY6{border:1px solid #d9d9d9;border-radius:3px;display:inline-block;height:14px;left:0;margin-right:4px;position:absolute;top:0;transition:border-color .24s;vertical-align:top;width:14px}.checkbox-module_checkbox-wrap__Xrg-m>.checkbox-module_checkmark__M8DY6:after{border:solid #1890ff;border-width:0 2px 2px 0;content:\"\";display:block;height:8px;left:4px;opacity:0;position:absolute;top:1px;transform:rotate(45deg);transition:opacity .24s;width:4px}.checkbox-module_checkbox-wrap__Xrg-m input:checked~.checkbox-module_checkmark__M8DY6:after{opacity:1}.checkbox-module_checkbox-wrap__Xrg-m input:checked~.checkbox-module_checkmark__M8DY6,.checkbox-module_checkbox-wrap__Xrg-m:hover input~.checkbox-module_checkmark__M8DY6{border-color:#1890ff}";
297
+ var styles$5 = {"checkbox-wrap":"checkbox-module_checkbox-wrap__Xrg-m","checkmark":"checkbox-module_checkmark__M8DY6"};
298
+ styleInject(css_248z$6);
299
299
 
300
300
  const Checkbox = ({
301
301
  disabled,
@@ -309,7 +309,7 @@ const Checkbox = ({
309
309
  keyNames,
310
310
  ...props
311
311
  }) => {
312
- const classProps = classnames(styles$4.checkbox, className);
312
+ const classProps = classnames(styles$5.checkbox, className);
313
313
  const parseData = jsonData.length !== 0 ? JSON.parse(jsonData) : [];
314
314
  const [data, setData] = useState(parseData);
315
315
 
@@ -333,7 +333,7 @@ const Checkbox = ({
333
333
 
334
334
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, data.map(element => {
335
335
  return /*#__PURE__*/React__default.createElement("label", {
336
- className: styles$4["checkbox-wrap"],
336
+ className: styles$5["checkbox-wrap"],
337
337
  key: element.value
338
338
  }, /*#__PURE__*/React__default.createElement("input", _extends({
339
339
  type: "checkbox",
@@ -344,9 +344,9 @@ const Checkbox = ({
344
344
  name: name ? name : element.name,
345
345
  onChange: handleChange
346
346
  }, props)), /*#__PURE__*/React__default.createElement("span", {
347
- className: styles$4["checkmark"]
347
+ className: styles$5["checkmark"]
348
348
  }), element.label ? /*#__PURE__*/React__default.createElement("span", {
349
- className: styles$4.labelRadio
349
+ className: styles$5.labelRadio
350
350
  }, label ? label : element.label) : "");
351
351
  }));
352
352
  };
@@ -505,9 +505,9 @@ const SvgStarOutline = ({
505
505
  d: "m12 2 3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"
506
506
  }));
507
507
 
508
- var css_248z$4 = ".input-module_input-wrap__NunrE{position:relative}.input-module_input__-ipHD{border:none;border-radius:6px;box-shadow:inset 0 0 0 2px #d1d1d1;box-sizing:border-box;color:#3c393e;cursor:pointer;font-size:16px;line-height:20px;outline:none;overflow:hidden;text-transform:capitalize;transition:background-color .24s,color .24s}.input-module_input__-ipHD.input-module_full-size__38YG7{width:100%}.input-module_input__-ipHD.input-module_content-size__rZ5EA{width:auto}.input-module_input__-ipHD.input-module_size-medium__frTDq{min-height:46px;padding:12px 15px}.input-module_input__-ipHD:hover{box-shadow:inset 0 0 0 2px #3c393e}.input-module_input__-ipHD:active{box-shadow:inset 0 0 0 2px #00236a}.input-module_inputErrorMessages__hx490{animation:input-module_error-message-show__OrVSo .24s forwards;bottom:0;color:#e00;font-size:14px;left:0;line-height:19px;position:absolute;transform:scale3d(0,0,0);z-index:1}.input-module_labelInput__sUMKQ{color:#000}.input-module_input__-ipHD.input-module_state-disabled__402v0{background-color:#fbfbfb;pointer-events:none}.input-module_input__-ipHD.input-module_error-message__7NphF{box-shadow:inset 0 0 0 2px #e00}@keyframes input-module_error-message-show__OrVSo{to{bottom:-20px;transform:scaleX(1)}}";
509
- var styles$3 = {"input-wrap":"input-module_input-wrap__NunrE","input":"input-module_input__-ipHD","full-size":"input-module_full-size__38YG7","content-size":"input-module_content-size__rZ5EA","size-medium":"input-module_size-medium__frTDq","with-icon":"input-module_with-icon__w3jTW","inputErrorMessages":"input-module_inputErrorMessages__hx490","error-message-show":"input-module_error-message-show__OrVSo","labelInput":"input-module_labelInput__sUMKQ","state-disabled":"input-module_state-disabled__402v0","error-message":"input-module_error-message__7NphF"};
510
- styleInject(css_248z$4);
508
+ var css_248z$5 = ".input-module_input-wrap__NunrE{position:relative}.input-module_input__-ipHD{border:none;border-radius:6px;box-shadow:inset 0 0 0 2px #d1d1d1;box-sizing:border-box;color:#3c393e;cursor:pointer;font-size:16px;line-height:20px;outline:none;overflow:hidden;text-transform:capitalize;transition:background-color .24s,color .24s}.input-module_input__-ipHD.input-module_full-size__38YG7{width:100%}.input-module_input__-ipHD.input-module_content-size__rZ5EA{width:auto}.input-module_input__-ipHD.input-module_size-medium__frTDq{min-height:46px;padding:12px 15px}.input-module_input__-ipHD:hover{box-shadow:inset 0 0 0 2px #3c393e}.input-module_input__-ipHD:active{box-shadow:inset 0 0 0 2px #00236a}.input-module_inputErrorMessages__hx490{animation:input-module_error-message-show__OrVSo .24s forwards;bottom:0;color:#e00;font-size:14px;left:0;line-height:19px;position:absolute;transform:scale3d(0,0,0);z-index:1}.input-module_labelInput__sUMKQ{color:#000}.input-module_input__-ipHD.input-module_state-disabled__402v0{background-color:#fbfbfb;pointer-events:none}.input-module_input__-ipHD.input-module_error-message__7NphF{box-shadow:inset 0 0 0 2px #e00}@keyframes input-module_error-message-show__OrVSo{to{bottom:-20px;transform:scaleX(1)}}";
509
+ var styles$4 = {"input-wrap":"input-module_input-wrap__NunrE","input":"input-module_input__-ipHD","full-size":"input-module_full-size__38YG7","content-size":"input-module_content-size__rZ5EA","size-medium":"input-module_size-medium__frTDq","with-icon":"input-module_with-icon__w3jTW","inputErrorMessages":"input-module_inputErrorMessages__hx490","error-message-show":"input-module_error-message-show__OrVSo","labelInput":"input-module_labelInput__sUMKQ","state-disabled":"input-module_state-disabled__402v0","error-message":"input-module_error-message__7NphF"};
510
+ styleInject(css_248z$5);
511
511
 
512
512
  const InputTypes = {
513
513
  TEXT: "text",
@@ -549,11 +549,11 @@ const Input = ({
549
549
  eMessage = regex.test(inputValue) ? "" : regexpError;
550
550
  }
551
551
 
552
- const classProps = classnames(styles$3.input, styles$3[size], eMessage != '' ? styles$3['error-message'] : "", className);
552
+ const classProps = classnames(styles$4.input, styles$4[size], eMessage != '' ? styles$4['error-message'] : "", className);
553
553
  return /*#__PURE__*/React__default.createElement("div", {
554
- className: styles$3['input-wrap']
554
+ className: styles$4['input-wrap']
555
555
  }, label ? /*#__PURE__*/React__default.createElement("label", {
556
- className: styles$3.labelInput
556
+ className: styles$4.labelInput
557
557
  }, label) : "", /*#__PURE__*/React__default.createElement("input", _extends({}, props, {
558
558
  type: type,
559
559
  className: classProps,
@@ -564,7 +564,7 @@ const Input = ({
564
564
  onChange: handleChange,
565
565
  value: inputValue
566
566
  })), eMessage ? /*#__PURE__*/React__default.createElement("span", {
567
- className: styles$3.inputErrorMessages
567
+ className: styles$4.inputErrorMessages
568
568
  }, eMessage) : "");
569
569
  };
570
570
  Input.propTypes = {
@@ -590,9 +590,9 @@ Input.defaultProps = {
590
590
  type: "text"
591
591
  };
592
592
 
593
- var css_248z$3 = ".pagination-module_listItem__b1-WN:focus{background-color:#4caf50;color:#fff}.pagination-module_listItem__b1-WN:hover:not(.pagination-module_active__KwBDp){background-color:#ddd}.pagination-module_pagination-bar__MrtYT{display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px}.pagination-module_pagination-btn__w8Yh8{border:none;border-radius:6px;outline:none}.pagination-module_pagination-btn__w8Yh8,.pagination-module_pagination-item__t3emS,.pagination-module_pagination-jump-next__LAb9Z{align-items:center;background-color:#fff;box-shadow:0 0 0 1px #eee;cursor:pointer;display:flex;height:34px;justify-content:center;width:34px}.pagination-module_pagination-item__t3emS,.pagination-module_pagination-jump-next__LAb9Z{border-radius:6px;flex:0 0 auto;font-size:16px;line-height:22px;position:relative;transition:background-color .24s}.pagination-module_pagination-item__t3emS:hover{background-color:#eee}.pagination-module_pagination-item__t3emS.pagination-module_selected__EXzCA{background-color:#00236a;color:#fff}.pagination-module_pagination-jump-next-arrow__aEVD8,.pagination-module_pagination-jump-next-txt__e7nFj{align-items:center;bottom:0;display:flex;font-size:12px;justify-content:center;left:0;line-height:14px;margin:auto;position:absolute;right:0;top:0;transition:opacity .24s,color .24s}.pagination-module_pagination-jump-next-arrow__aEVD8{opacity:0}.pagination-module_pagination-jump-next__LAb9Z:hover .pagination-module_pagination-jump-next-arrow__aEVD8{opacity:1}.pagination-module_pagination-jump-next__LAb9Z:hover .pagination-module_pagination-jump-next-txt__e7nFj{opacity:0}i{color:#3c393e;font-size:12px;line-height:12px}";
594
- var styles$2 = {"listItem":"pagination-module_listItem__b1-WN","active":"pagination-module_active__KwBDp","pagination-bar":"pagination-module_pagination-bar__MrtYT","pagination-btn":"pagination-module_pagination-btn__w8Yh8","pagination-item":"pagination-module_pagination-item__t3emS","pagination-jump-next":"pagination-module_pagination-jump-next__LAb9Z","selected":"pagination-module_selected__EXzCA","pagination-jump-next-txt":"pagination-module_pagination-jump-next-txt__e7nFj","pagination-jump-next-arrow":"pagination-module_pagination-jump-next-arrow__aEVD8"};
595
- styleInject(css_248z$3);
593
+ var css_248z$4 = ".pagination-module_listItem__b1-WN:focus{background-color:#4caf50;color:#fff}.pagination-module_listItem__b1-WN:hover:not(.pagination-module_active__KwBDp){background-color:#ddd}.pagination-module_pagination-bar__MrtYT{display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px}.pagination-module_pagination-btn__w8Yh8{border:none;border-radius:6px;outline:none}.pagination-module_pagination-btn__w8Yh8,.pagination-module_pagination-item__t3emS,.pagination-module_pagination-jump-next__LAb9Z{align-items:center;background-color:#fff;box-shadow:0 0 0 1px #eee;cursor:pointer;display:flex;height:34px;justify-content:center;width:34px}.pagination-module_pagination-item__t3emS,.pagination-module_pagination-jump-next__LAb9Z{border-radius:6px;flex:0 0 auto;font-size:16px;line-height:22px;position:relative;transition:background-color .24s}.pagination-module_pagination-item__t3emS:hover{background-color:#eee}.pagination-module_pagination-item__t3emS.pagination-module_selected__EXzCA{background-color:#00236a;color:#fff}.pagination-module_pagination-jump-next-arrow__aEVD8,.pagination-module_pagination-jump-next-txt__e7nFj{align-items:center;bottom:0;display:flex;font-size:12px;justify-content:center;left:0;line-height:14px;margin:auto;position:absolute;right:0;top:0;transition:opacity .24s,color .24s}.pagination-module_pagination-jump-next-arrow__aEVD8{opacity:0}.pagination-module_pagination-jump-next__LAb9Z:hover .pagination-module_pagination-jump-next-arrow__aEVD8{opacity:1}.pagination-module_pagination-jump-next__LAb9Z:hover .pagination-module_pagination-jump-next-txt__e7nFj{opacity:0}i{color:#3c393e;font-size:12px;line-height:12px}";
594
+ var styles$3 = {"listItem":"pagination-module_listItem__b1-WN","active":"pagination-module_active__KwBDp","pagination-bar":"pagination-module_pagination-bar__MrtYT","pagination-btn":"pagination-module_pagination-btn__w8Yh8","pagination-item":"pagination-module_pagination-item__t3emS","pagination-jump-next":"pagination-module_pagination-jump-next__LAb9Z","selected":"pagination-module_selected__EXzCA","pagination-jump-next-txt":"pagination-module_pagination-jump-next-txt__e7nFj","pagination-jump-next-arrow":"pagination-module_pagination-jump-next-arrow__aEVD8"};
595
+ styleInject(css_248z$4);
596
596
 
597
597
  const Dots = "...";
598
598
 
@@ -645,15 +645,15 @@ const PaginationRange = ({
645
645
  return paginationRange;
646
646
  };
647
647
 
648
- var css_248z$2 = "@font-face{font-display:block;font-family:icomoon;font-style:normal;font-weight:400;src:url(fonts/icomoon.eot?b29ky3);src:url(fonts/icomoon.eot?b29ky3#iefix) format(\"embedded-opentype\"),url(fonts/icomoon.ttf?b29ky3) format(\"truetype\"),url(fonts/icomoon.woff?b29ky3) format(\"woff\"),url(fonts/icomoon.svg?b29ky3#icomoon) format(\"svg\")}[class*=\" icon-\"],[class^=icon-]{speak:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:icomoon!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none}.icon-close:before{content:\"\\e907\"}.icon-arrow-up:before{content:\"\\e905\"}.icon-arrow-down:before{content:\"\\e906\"}.icon-arrow:before{content:\"\\e900\"}.icon-arrow-jump-next:before{content:\"\\e901\"}.icon-arrow-jump-back:before{content:\"\\e902\"}.icon-text:before{content:\"\\e903\"}.icon-arrow-back:before{content:\"\\e904\"}";
649
- styleInject(css_248z$2);
648
+ var css_248z$3 = "@font-face{font-display:block;font-family:icomoon;font-style:normal;font-weight:400;src:url(fonts/icomoon.eot?b29ky3);src:url(fonts/icomoon.eot?b29ky3#iefix) format(\"embedded-opentype\"),url(fonts/icomoon.ttf?b29ky3) format(\"truetype\"),url(fonts/icomoon.woff?b29ky3) format(\"woff\"),url(fonts/icomoon.svg?b29ky3#icomoon) format(\"svg\")}[class*=\" icon-\"],[class^=icon-]{speak:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:icomoon!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none}.icon-close:before{content:\"\\e907\"}.icon-arrow-up:before{content:\"\\e905\"}.icon-arrow-down:before{content:\"\\e906\"}.icon-arrow:before{content:\"\\e900\"}.icon-arrow-jump-next:before{content:\"\\e901\"}.icon-arrow-jump-back:before{content:\"\\e902\"}.icon-text:before{content:\"\\e903\"}.icon-arrow-back:before{content:\"\\e904\"}";
649
+ styleInject(css_248z$3);
650
650
 
651
651
  /**
652
652
  * Created by aleksanyan.tigran on 10/7/2022.
653
653
  */
654
654
 
655
655
  const Icon = props => /*#__PURE__*/React.createElement("i", {
656
- className: css_248z$2[props.className]
656
+ className: css_248z$3[props.className]
657
657
  });
658
658
 
659
659
  const Pagination = ({
@@ -693,7 +693,7 @@ const Pagination = ({
693
693
  return null;
694
694
  }
695
695
 
696
- const classProps = classnames(styles$2.list, className ? className : styles$2["pagination-bar"]);
696
+ const classProps = classnames(styles$3.list, className ? className : styles$3["pagination-bar"]);
697
697
 
698
698
  const onNext = () => {
699
699
  onPageChange(currentPageNumber + 1);
@@ -715,7 +715,7 @@ const Pagination = ({
715
715
  return /*#__PURE__*/React$2.createElement("ul", {
716
716
  className: classProps
717
717
  }, /*#__PURE__*/React$2.createElement("button", {
718
- className: styles$2["pagination-btn"],
718
+ className: styles$3["pagination-btn"],
719
719
  onClick: onPrevious,
720
720
  disabled: currentPage === 1 ? true : false
721
721
  }, /*#__PURE__*/React$2.createElement(Icon, {
@@ -725,13 +725,13 @@ const Pagination = ({
725
725
  let currentPageIndex = paginationRange.indexOf(currentPageNumber);
726
726
  return /*#__PURE__*/React$2.createElement("li", {
727
727
  key: id,
728
- className: classnames(styles$2['pagination-jump-next'], styles$2.listItem),
728
+ className: classnames(styles$3['pagination-jump-next'], styles$3.listItem),
729
729
  onClick: id < currentPageIndex ? onPreviousFive : onNextFive,
730
730
  disabled: currentPageIndex === 0 ? true : false
731
731
  }, /*#__PURE__*/React$2.createElement("span", {
732
- className: styles$2['pagination-jump-next-txt']
732
+ className: styles$3['pagination-jump-next-txt']
733
733
  }, "..."), /*#__PURE__*/React$2.createElement("span", {
734
- className: styles$2['pagination-jump-next-arrow']
734
+ className: styles$3['pagination-jump-next-arrow']
735
735
  }, /*#__PURE__*/React$2.createElement(Icon, {
736
736
  className: "icon-arrow-jump-next"
737
737
  })));
@@ -740,11 +740,11 @@ const Pagination = ({
740
740
  return /*#__PURE__*/React$2.createElement("li", {
741
741
  onClick: () => onPageChange(pageNumber),
742
742
  key: id,
743
- className: classnames(`${pageNumber === currentPageNumber ? styles$2.selected : styles$2.listItem}`, styles$2['pagination-item'])
743
+ className: classnames(`${pageNumber === currentPageNumber ? styles$3.selected : styles$3.listItem}`, styles$3['pagination-item'])
744
744
  }, pageNumber);
745
745
  }), /*#__PURE__*/React$2.createElement("button", {
746
746
  onClick: onNext,
747
- className: styles$2["pagination-btn"],
747
+ className: styles$3["pagination-btn"],
748
748
  disabled: currentPageNumber === lastPage ? true : false
749
749
  }, /*#__PURE__*/React$2.createElement(Icon, {
750
750
  className: "icon-arrow"
@@ -762,9 +762,9 @@ Pagination.defaultProps = {
762
762
  siblingCount: 2
763
763
  };
764
764
 
765
- var css_248z$1 = ".radio-module_radio-wrap__-lO7V{align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;flex-wrap:nowrap;margin:0 6px;padding-left:24px;position:relative}.radio-module_radio-wrap__-lO7V>input{height:0;opacity:0;position:absolute;width:0}.radio-module_radio-wrap__-lO7V .radio-module_radio-checkmark__Kvol0{border:1px solid #d9d9d9;border-radius:50%;display:inline-block;height:14px;left:0;margin-right:4px;position:absolute;top:0;transition:border-color .24s;vertical-align:top;width:14px}.radio-module_radio-wrap__-lO7V>.radio-module_radio-checkmark__Kvol0:after{background-color:#d9d9d9;border-radius:50%;bottom:0;content:\"\";height:8px;left:0;margin:auto;opacity:0;position:absolute;right:0;top:0;transition:opacity .24s,background-color .24s;width:8px}.radio-module_radio-wrap__-lO7V input:checked~.radio-module_radio-checkmark__Kvol0:after{background-color:#1890ff;opacity:1}.radio-module_radio-wrap__-lO7V:hover input~.radio-module_radio-checkmark__Kvol0:after{opacity:1}.radio-module_radio-wrap__-lO7V input:checked~.radio-module_radio-checkmark__Kvol0{border-color:#1890ff}";
766
- var styles$1 = {"radio-wrap":"radio-module_radio-wrap__-lO7V","radio-checkmark":"radio-module_radio-checkmark__Kvol0"};
767
- styleInject(css_248z$1);
765
+ var css_248z$2 = ".radio-module_radio-wrap__-lO7V{align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;flex-wrap:nowrap;margin:0 6px;padding-left:24px;position:relative}.radio-module_radio-wrap__-lO7V>input{height:0;opacity:0;position:absolute;width:0}.radio-module_radio-wrap__-lO7V .radio-module_radio-checkmark__Kvol0{border:1px solid #d9d9d9;border-radius:50%;display:inline-block;height:14px;left:0;margin-right:4px;position:absolute;top:0;transition:border-color .24s;vertical-align:top;width:14px}.radio-module_radio-wrap__-lO7V>.radio-module_radio-checkmark__Kvol0:after{background-color:#d9d9d9;border-radius:50%;bottom:0;content:\"\";height:8px;left:0;margin:auto;opacity:0;position:absolute;right:0;top:0;transition:opacity .24s,background-color .24s;width:8px}.radio-module_radio-wrap__-lO7V input:checked~.radio-module_radio-checkmark__Kvol0:after{background-color:#1890ff;opacity:1}.radio-module_radio-wrap__-lO7V:hover input~.radio-module_radio-checkmark__Kvol0:after{opacity:1}.radio-module_radio-wrap__-lO7V input:checked~.radio-module_radio-checkmark__Kvol0{border-color:#1890ff}";
766
+ var styles$2 = {"radio-wrap":"radio-module_radio-wrap__-lO7V","radio-checkmark":"radio-module_radio-checkmark__Kvol0"};
767
+ styleInject(css_248z$2);
768
768
 
769
769
  const Radio = ({
770
770
  disabled,
@@ -778,11 +778,11 @@ const Radio = ({
778
778
  keyNames,
779
779
  ...props
780
780
  }) => {
781
- const classProps = classnames(styles$1.checkbox, className);
781
+ const classProps = classnames(styles$2.checkbox, className);
782
782
  const parseData = jsonData.length !== 0 ? JSON.parse(jsonData) : [];
783
783
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, parseData.map((element, id) => {
784
784
  return /*#__PURE__*/React__default.createElement("label", {
785
- className: styles$1["radio-wrap"],
785
+ className: styles$2["radio-wrap"],
786
786
  key: element.value
787
787
  }, /*#__PURE__*/React__default.createElement("input", _extends({
788
788
  type: "radio",
@@ -793,9 +793,9 @@ const Radio = ({
793
793
  value: value ? value : element.value,
794
794
  name: name ? name : element.name
795
795
  }, props)), /*#__PURE__*/React__default.createElement("span", {
796
- className: styles$1["radio-checkmark"]
796
+ className: styles$2["radio-checkmark"]
797
797
  }), element.label ? /*#__PURE__*/React__default.createElement("span", {
798
- className: styles$1.labelRadio
798
+ className: styles$2.labelRadio
799
799
  }, label ? label : element.label) : "");
800
800
  }));
801
801
  };
@@ -816,9 +816,9 @@ Radio.defaultProps = {
816
816
  jsonData: '[{"value":"email", "name":"contact", "label":"Email", "id":"contactChoice1"}, {"value":"phone", "name":"contact", "label":"Phone", "id":"contactChoice2"}]'
817
817
  };
818
818
 
819
- var css_248z = "*{margin:0;padding:0}.captcha-module_main__Ys3EH{margin:0;padding:0;position:relative;width:40%}.captcha-module_slider__KLYny{-webkit-appearance:none;background-color:hsla(0,0%,100%,.575);border:.1px solid hsla(0,0%,59%,.432);height:7px;outline:none;width:100%}.captcha-module_slider__KLYny::-webkit-slider-thumb{-webkit-appearance:none;height:48px;position:relative;width:48px;z-index:3}.captcha-module_selector__JFhb4{bottom:-20px;height:48px;left:50%;position:absolute;width:48px;z-index:2}.captcha-module_selectBtn__GP1iH{background-image:url(https://i.ibb.co/rQZNNzN/blue.png);background-position:50%;background-size:cover;border-radius:50%;bottom:40px;height:40px;position:absolute;right:30px;width:40px}.captcha-module_progressBar__mhdtM{background:#7070ee;bottom:38px;height:7px;left:0;margin:0;padding:0;position:absolute;width:50%}.captcha-module_range__k24I2{color:blue;margin-bottom:15px;margin-top:15px}";
820
- var styles = {"main":"captcha-module_main__Ys3EH","slider":"captcha-module_slider__KLYny","selector":"captcha-module_selector__JFhb4","selectBtn":"captcha-module_selectBtn__GP1iH","progressBar":"captcha-module_progressBar__mhdtM","range":"captcha-module_range__k24I2"};
821
- styleInject(css_248z);
819
+ var css_248z$1 = "*{margin:0;padding:0}.captcha-module_main__Ys3EH{margin:0;padding:0;position:relative;width:40%}.captcha-module_slider__KLYny{-webkit-appearance:none;background-color:hsla(0,0%,100%,.575);border:.1px solid hsla(0,0%,59%,.432);height:7px;outline:none;width:100%}.captcha-module_slider__KLYny::-webkit-slider-thumb{-webkit-appearance:none;height:48px;position:relative;width:48px;z-index:3}.captcha-module_selector__JFhb4{bottom:-20px;height:48px;left:50%;position:absolute;width:48px;z-index:2}.captcha-module_selectBtn__GP1iH{background-image:url(https://i.ibb.co/rQZNNzN/blue.png);background-position:50%;background-size:cover;border-radius:50%;bottom:40px;height:40px;position:absolute;right:30px;width:40px}.captcha-module_progressBar__mhdtM{background:#7070ee;bottom:38px;height:7px;left:0;margin:0;padding:0;position:absolute;width:50%}.captcha-module_range__k24I2{color:blue;margin-bottom:15px;margin-top:15px}";
820
+ var styles$1 = {"main":"captcha-module_main__Ys3EH","slider":"captcha-module_slider__KLYny","selector":"captcha-module_selector__JFhb4","selectBtn":"captcha-module_selectBtn__GP1iH","progressBar":"captcha-module_progressBar__mhdtM","range":"captcha-module_range__k24I2"};
821
+ styleInject(css_248z$1);
822
822
 
823
823
  const Captcha = ({
824
824
  onclick,
@@ -827,7 +827,7 @@ const Captcha = ({
827
827
  const [data, setData] = useState("");
828
828
  const [right, setRight] = useState(false);
829
829
  let range = rangeCount <= 100 ? rangeCount : 0;
830
- let rangeElement = document.getElementsByClassName(styles.range);
830
+ let rangeElement = document.getElementsByClassName(styles$1.range);
831
831
  useEffect(() => {
832
832
  for (let element of rangeElement) {
833
833
  element.style.marginLeft = `${range - 3}%`;
@@ -837,9 +837,9 @@ const Captcha = ({
837
837
 
838
838
  function sliderInput(event) {
839
839
  setData(rangeCount == event.target.value ? 'green' : 'indianred');
840
- let selector = document.getElementsByClassName(styles.selector);
841
- let selectBtn = document.getElementsByClassName(styles.selectBtn);
842
- let progressBar = document.getElementsByClassName(styles.progressBar);
840
+ let selector = document.getElementsByClassName(styles$1.selector);
841
+ let selectBtn = document.getElementsByClassName(styles$1.selectBtn);
842
+ let progressBar = document.getElementsByClassName(styles$1.progressBar);
843
843
  selector[0].style.left = event.target.value + '%';
844
844
  progressBar[0].style.width = event.target.value + '%';
845
845
 
@@ -855,23 +855,23 @@ const Captcha = ({
855
855
  }
856
856
 
857
857
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
858
- className: styles.main
858
+ className: styles$1.main
859
859
  }, /*#__PURE__*/React__default.createElement("div", {
860
- className: styles.range
860
+ className: styles$1.range
861
861
  }, "\u25BC"), /*#__PURE__*/React__default.createElement("input", {
862
862
  type: "range",
863
- className: styles.slider,
863
+ className: styles$1.slider,
864
864
  onClick: right ? onclick : null,
865
865
  onInput: sliderInput,
866
866
  onMouseUp: sliderChange
867
867
  }), /*#__PURE__*/React__default.createElement("div", {
868
- className: styles.selector
868
+ className: styles$1.selector
869
869
  }, /*#__PURE__*/React__default.createElement("div", {
870
- className: styles.selectBtn
870
+ className: styles$1.selectBtn
871
871
  })), /*#__PURE__*/React__default.createElement("div", {
872
- className: styles.progressBar
872
+ className: styles$1.progressBar
873
873
  }), /*#__PURE__*/React__default.createElement("div", {
874
- className: styles.range
874
+ className: styles$1.range
875
875
  }, "\u25B2")));
876
876
  };
877
877
  Captcha.propTypes = {
@@ -883,4 +883,37 @@ Captcha.defaultProps = {
883
883
  onclick: undefined
884
884
  };
885
885
 
886
- export { Autocomplate, Button, ButtonSize, ButtonTheme, ButtonType, Captcha, Checkbox, SvgHeartFilled as HeartFilled, SvgHeartOutline as HeartOutline, Input, InputSizes, InputTypes, SvgLikeFilled as LikeFilled, SvgLikeOutline as LikeOutline, Pagination, Radio, SvgStarFilled as StarFilled, SvgStarOutline as StarOutline, Typography, TypographyType };
886
+ var css_248z = ".stepper-module_bigRing__5GBm0{border:1px solid gray;border-radius:50%;cursor:pointer;height:30px;margin:10px;position:relative;width:30px}.stepper-module_smallRing__u-5a8{background-color:gray;border-radius:50%;color:#fff;font-size:12px;height:50%;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:50%}.stepper-module_activeRing__Lzvh1{border:1px solid blue;border-radius:50%;cursor:pointer;height:30px;margin:10px;position:relative;width:30px}.stepper-module_smallActiveRing__im-XG{background-color:blue;border-radius:50%;color:#fff;font-size:12px;height:50%;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:50%}";
887
+ var styles = {"bigRing":"stepper-module_bigRing__5GBm0","smallRing":"stepper-module_smallRing__u-5a8","activeRing":"stepper-module_activeRing__Lzvh1","smallActiveRing":"stepper-module_smallActiveRing__im-XG"};
888
+ styleInject(css_248z);
889
+
890
+ const Stepper = ({
891
+ className,
892
+ onChange,
893
+ stepLength,
894
+ activeSteps
895
+ }) => {
896
+ classnames(className);
897
+ return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, (() => {
898
+ let steppers = [];
899
+
900
+ for (let step = 1; step <= stepLength; step++) {
901
+ steppers.push( /*#__PURE__*/React__default.createElement("div", {
902
+ className: classnames(`${step <= activeSteps ? styles.activeRing : styles.bigRing}`),
903
+ key: step
904
+ }, /*#__PURE__*/React__default.createElement("div", {
905
+ className: classnames(`${step <= activeSteps ? styles.smallActiveRing : styles.smallRing}`)
906
+ }, step <= activeSteps ? step : "")));
907
+ }
908
+
909
+ return steppers;
910
+ })());
911
+ };
912
+ Stepper.propTypes = {
913
+ className: PropTypes.string,
914
+ onChange: PropTypes.func,
915
+ stepLength: PropTypes.number,
916
+ activeSteps: PropTypes.number
917
+ };
918
+
919
+ export { Autocomplate, Button, ButtonSize, ButtonTheme, ButtonType, Captcha, Checkbox, SvgHeartFilled as HeartFilled, SvgHeartOutline as HeartOutline, Input, InputSizes, InputTypes, SvgLikeFilled as LikeFilled, SvgLikeOutline as LikeOutline, Pagination, Radio, SvgStarFilled as StarFilled, SvgStarOutline as StarOutline, Stepper, Typography, TypographyType };
package/dist/index.js CHANGED
@@ -77,9 +77,9 @@ function styleInject(css, ref) {
77
77
  }
78
78
  }
79
79
 
80
- var css_248z$8 = ".button-module_btn__ffRtT{border:none;border-radius:6px;box-sizing:border-box;cursor:pointer;font-size:16px;line-height:20px;min-height:46px;outline:none;overflow:hidden;padding:12px 20px;text-transform:capitalize;transition:background-color .24s,color .24s}.button-module_btn__ffRtT.button-module_full-size__vmV2E{width:100%}.button-module_btn__ffRtT.button-module_content-size__f7JSE{width:auto}.button-module_btn__ffRtT.button-module_type-filled__BiyVo{background-color:#00236a;color:#fff}.button-module_btn__ffRtT.button-module_type-filled__BiyVo:hover{background-color:#001745}.button-module_btn__ffRtT.button-module_type-filled__BiyVo:disabled{background-color:#eee;color:#3c393e;pointer-events:none}.button-module_btn__ffRtT.button-module_type-outline__RpZ2V{background-color:#fff;box-shadow:inset 0 0 0 2px #00236a}.button-module_btn__ffRtT.button-module_type-outline__RpZ2V:hover{background-color:#001745;color:#fff}.button-module_btn__ffRtT.button-module_type-outline__RpZ2V:disabled{box-shadow:inset 0 0 0 2px #eee;color:#3c393e;pointer-events:none}";
81
- var styles$6 = {"btn":"button-module_btn__ffRtT","full-size":"button-module_full-size__vmV2E","content-size":"button-module_content-size__f7JSE","size-default":"button-module_size-default__ydEgl","type-filled":"button-module_type-filled__BiyVo","with-icon":"button-module_with-icon__mfKU-","type-outline":"button-module_type-outline__RpZ2V"};
82
- styleInject(css_248z$8);
80
+ var css_248z$9 = ".button-module_btn__ffRtT{border:none;border-radius:6px;box-sizing:border-box;cursor:pointer;font-size:16px;line-height:20px;min-height:46px;outline:none;overflow:hidden;padding:12px 20px;text-transform:capitalize;transition:background-color .24s,color .24s}.button-module_btn__ffRtT.button-module_full-size__vmV2E{width:100%}.button-module_btn__ffRtT.button-module_content-size__f7JSE{width:auto}.button-module_btn__ffRtT.button-module_type-filled__BiyVo{background-color:#00236a;color:#fff}.button-module_btn__ffRtT.button-module_type-filled__BiyVo:hover{background-color:#001745}.button-module_btn__ffRtT.button-module_type-filled__BiyVo:disabled{background-color:#eee;color:#3c393e;pointer-events:none}.button-module_btn__ffRtT.button-module_type-outline__RpZ2V{background-color:#fff;box-shadow:inset 0 0 0 2px #00236a}.button-module_btn__ffRtT.button-module_type-outline__RpZ2V:hover{background-color:#001745;color:#fff}.button-module_btn__ffRtT.button-module_type-outline__RpZ2V:disabled{box-shadow:inset 0 0 0 2px #eee;color:#3c393e;pointer-events:none}";
81
+ var styles$7 = {"btn":"button-module_btn__ffRtT","full-size":"button-module_full-size__vmV2E","content-size":"button-module_content-size__f7JSE","size-default":"button-module_size-default__ydEgl","type-filled":"button-module_type-filled__BiyVo","with-icon":"button-module_with-icon__mfKU-","type-outline":"button-module_type-outline__RpZ2V"};
82
+ styleInject(css_248z$9);
83
83
 
84
84
  /**
85
85
  * Primary UI component for user interaction
@@ -115,9 +115,9 @@ const Button = ({
115
115
  outline,
116
116
  ...props
117
117
  }) => {
118
- console.log(styles$6);
118
+ console.log(styles$7);
119
119
  console.log(backgroundColor);
120
- const classProps = classnames__default["default"](styles$6.btn, styles$6[theme], styles$6[size], outline ? styles$6['type-outline'] : styles$6['type-filled'], className); // className='btn type-outline size-default'
120
+ const classProps = classnames__default["default"](styles$7.btn, styles$7[theme], styles$7[size], outline ? styles$7['type-outline'] : styles$7['type-filled'], className); // className='btn type-outline size-default'
121
121
 
122
122
  console.log(classProps);
123
123
  return /*#__PURE__*/React__default["default"].createElement("button", _extends({
@@ -169,8 +169,8 @@ Button.defaultProps = {
169
169
  outline: false
170
170
  };
171
171
 
172
- var css_248z$7 = "h1{font-size:70px;line-height:70px}h1,h2{font-weight:400;text-transform:uppercase}h2{font-size:50px;line-height:50px}h3{font-size:38px;font-weight:400;line-height:38px}h3,h4{text-transform:uppercase}h4{font-size:24px;font-weight:600;line-height:24px}h5{font-size:20px;font-size:16px;line-height:20px;line-height:22px;text-transform:uppercase}h5,p{font-weight:600;text-transform:capitalize}p{font-size:14px;line-height:20px}span{font-size:12px;font-weight:500;line-height:16px;text-transform:capitalize}i{font-family:icomoon;font-style:inherit}";
173
- styleInject(css_248z$7);
172
+ var css_248z$8 = "h1{font-size:70px;line-height:70px}h1,h2{font-weight:400;text-transform:uppercase}h2{font-size:50px;line-height:50px}h3{font-size:38px;font-weight:400;line-height:38px}h3,h4{text-transform:uppercase}h4{font-size:24px;font-weight:600;line-height:24px}h5{font-size:20px;font-size:16px;line-height:20px;line-height:22px;text-transform:uppercase}h5,p{font-weight:600;text-transform:capitalize}p{font-size:14px;line-height:20px}span{font-size:12px;font-weight:500;line-height:16px;text-transform:capitalize}i{font-family:icomoon;font-style:inherit}";
173
+ styleInject(css_248z$8);
174
174
 
175
175
  const TypographyType = {
176
176
  h1: 'h1',
@@ -219,9 +219,9 @@ Typography.defaultProps = {
219
219
  variant: 'h1'
220
220
  };
221
221
 
222
- var css_248z$6 = ".autocomplate-module_autocomplate-content__UbIUT{display:flex;flex-direction:column}.autocomplate-module_autocomplate-content-top__FVgCp{border:2px solid #d1d1d1;border-radius:6px;box-sizing:border-box;color:#3c393e;cursor:pointer;display:flex;flex-direction:row;font-size:16px;font-weight:500;height:46px;line-height:22px;max-width:400px;padding:0 15px;transition:border-color .24s}.autocomplate-module_autocomplate-content-top__FVgCp.autocomplate-module_active__40fdV{border-color:#00236a}.autocomplate-module_autocomplate-content-top__FVgCp:hover{border-color:#3c393e}.autocomplate-module_autocomplate-content-bottom__yk0zP{animation:autocomplate-module_select-show__7Uap4 .64s linear forwards;background:#fbfbfb;border-radius:6px;box-shadow:0 0 10px rgba(60,57,62,.08);max-height:0;max-width:400px;overflow:hidden;position:relative;top:6px}.autocomplate-module_autocomplate-content-bottom-inner__rF5IF{display:flex;flex-direction:column;max-height:234px;overflow-x:hidden;overflow-y:auto}@keyframes autocomplate-module_select-show__7Uap4{to{max-height:400px}}.autocomplate-module_autocomplate-content-bottom-row__dRsZa{align-items:center;background:#fff;box-sizing:border-box;color:#3c393e;cursor:pointer;display:flex;font-size:16px;font-weight:500;height:46px;line-height:22px;margin-bottom:2px;padding:0 15px;transition:background .24s,color .24s}.autocomplate-module_autocomplate-content-bottom-row__dRsZa .autocomplate-module_no-option__xv0-E{color:red}.autocomplate-module_autocomplate-content-bottom-row__dRsZa:hover{background:unset;color:#00236a}.autocomplate-module_option-active__WuH4I .autocomplate-module_autocomplate-content-bottom-row__dRsZa{color:#00236a}";
223
- var styles$5 = {"autocomplate-content":"autocomplate-module_autocomplate-content__UbIUT","autocomplate-content-top":"autocomplate-module_autocomplate-content-top__FVgCp","active":"autocomplate-module_active__40fdV","autocomplate-content-bottom":"autocomplate-module_autocomplate-content-bottom__yk0zP","select-show":"autocomplate-module_select-show__7Uap4","autocomplate-content-bottom-inner":"autocomplate-module_autocomplate-content-bottom-inner__rF5IF","autocomplate-content-bottom-row":"autocomplate-module_autocomplate-content-bottom-row__dRsZa","no-option":"autocomplate-module_no-option__xv0-E","option-active":"autocomplate-module_option-active__WuH4I"};
224
- styleInject(css_248z$6);
222
+ var css_248z$7 = ".autocomplate-module_autocomplate-content__UbIUT{display:flex;flex-direction:column}.autocomplate-module_autocomplate-content-top__FVgCp{border:2px solid #d1d1d1;border-radius:6px;box-sizing:border-box;color:#3c393e;cursor:pointer;display:flex;flex-direction:row;font-size:16px;font-weight:500;height:46px;line-height:22px;max-width:400px;padding:0 15px;transition:border-color .24s}.autocomplate-module_autocomplate-content-top__FVgCp.autocomplate-module_active__40fdV{border-color:#00236a}.autocomplate-module_autocomplate-content-top__FVgCp:hover{border-color:#3c393e}.autocomplate-module_autocomplate-content-bottom__yk0zP{animation:autocomplate-module_select-show__7Uap4 .64s linear forwards;background:#fbfbfb;border-radius:6px;box-shadow:0 0 10px rgba(60,57,62,.08);max-height:0;max-width:400px;overflow:hidden;position:relative;top:6px}.autocomplate-module_autocomplate-content-bottom-inner__rF5IF{display:flex;flex-direction:column;max-height:234px;overflow-x:hidden;overflow-y:auto}@keyframes autocomplate-module_select-show__7Uap4{to{max-height:400px}}.autocomplate-module_autocomplate-content-bottom-row__dRsZa{align-items:center;background:#fff;box-sizing:border-box;color:#3c393e;cursor:pointer;display:flex;font-size:16px;font-weight:500;height:46px;line-height:22px;margin-bottom:2px;padding:0 15px;transition:background .24s,color .24s}.autocomplate-module_autocomplate-content-bottom-row__dRsZa .autocomplate-module_no-option__xv0-E{color:red}.autocomplate-module_autocomplate-content-bottom-row__dRsZa:hover{background:unset;color:#00236a}.autocomplate-module_option-active__WuH4I .autocomplate-module_autocomplate-content-bottom-row__dRsZa{color:#00236a}";
223
+ var styles$6 = {"autocomplate-content":"autocomplate-module_autocomplate-content__UbIUT","autocomplate-content-top":"autocomplate-module_autocomplate-content-top__FVgCp","active":"autocomplate-module_active__40fdV","autocomplate-content-bottom":"autocomplate-module_autocomplate-content-bottom__yk0zP","select-show":"autocomplate-module_select-show__7Uap4","autocomplate-content-bottom-inner":"autocomplate-module_autocomplate-content-bottom-inner__rF5IF","autocomplate-content-bottom-row":"autocomplate-module_autocomplate-content-bottom-row__dRsZa","no-option":"autocomplate-module_no-option__xv0-E","option-active":"autocomplate-module_option-active__WuH4I"};
224
+ styleInject(css_248z$7);
225
225
 
226
226
  const Autocomplate = ({
227
227
  className,
@@ -234,7 +234,7 @@ const Autocomplate = ({
234
234
  searchCount,
235
235
  ...props
236
236
  }) => {
237
- classnames__default["default"](styles$5.searchBox, className);
237
+ classnames__default["default"](styles$6.searchBox, className);
238
238
  const [inputValue, setInputValue] = React$1.useState("");
239
239
  const [activeOption, setActiveOption] = React$1.useState(0);
240
240
  const [filteredOptions, setFilteredOptions] = React$1.useState([]);
@@ -262,9 +262,9 @@ const Autocomplate = ({
262
262
  if (showOptions && inputValue) {
263
263
  if (filteredOptions.length && inputValue.length >= searchCount) {
264
264
  optionList = /*#__PURE__*/React__default["default"].createElement("div", {
265
- className: styles$5['autocomplate-content-bottom']
265
+ className: styles$6['autocomplate-content-bottom']
266
266
  }, /*#__PURE__*/React__default["default"].createElement("div", {
267
- className: styles$5['autocomplate-content-bottom-inner']
267
+ className: styles$6['autocomplate-content-bottom-inner']
268
268
  }, filteredOptions.map((optionName, index) => {
269
269
  let className;
270
270
 
@@ -273,33 +273,33 @@ const Autocomplate = ({
273
273
  }
274
274
 
275
275
  return /*#__PURE__*/React__default["default"].createElement("div", {
276
- className: styles$5[className],
276
+ className: styles$6[className],
277
277
  key: optionName,
278
278
  onClick: handleClick
279
279
  }, /*#__PURE__*/React__default["default"].createElement("div", {
280
- className: styles$5['autocomplate-content-bottom-row']
280
+ className: styles$6['autocomplate-content-bottom-row']
281
281
  }, optionName));
282
282
  })));
283
283
  } else {
284
284
  optionList = /*#__PURE__*/React__default["default"].createElement("div", {
285
- className: styles$5['autocomplate-content-bottom']
285
+ className: styles$6['autocomplate-content-bottom']
286
286
  }, /*#__PURE__*/React__default["default"].createElement("div", {
287
- className: styles$5['autocomplate-content-bottom-inner']
287
+ className: styles$6['autocomplate-content-bottom-inner']
288
288
  }, /*#__PURE__*/React__default["default"].createElement("div", {
289
- className: styles$5['autocomplate-content-bottom-row']
289
+ className: styles$6['autocomplate-content-bottom-row']
290
290
  }, /*#__PURE__*/React__default["default"].createElement("div", {
291
- className: styles$5['no-option']
291
+ className: styles$6['no-option']
292
292
  }, "No Option!"))));
293
293
  }
294
294
  }
295
295
 
296
296
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, label ? /*#__PURE__*/React__default["default"].createElement("label", {
297
- className: styles$5.labelInput
297
+ className: styles$6.labelInput
298
298
  }, label) : "", /*#__PURE__*/React__default["default"].createElement("div", {
299
- className: styles$5['autocomplate-content']
299
+ className: styles$6['autocomplate-content']
300
300
  }, /*#__PURE__*/React__default["default"].createElement("input", _extends({
301
301
  type: "text",
302
- className: styles$5['autocomplate-content-top'],
302
+ className: styles$6['autocomplate-content-top'],
303
303
  required: required,
304
304
  disabled: disabled,
305
305
  onChange: handleChange,
@@ -322,9 +322,9 @@ Autocomplate.defaultProps = {
322
322
  searchCount: 2
323
323
  };
324
324
 
325
- var css_248z$5 = ".checkbox-module_checkbox-wrap__Xrg-m{align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;flex-wrap:nowrap;margin:0 6px;padding-left:24px;position:relative}.checkbox-module_checkbox-wrap__Xrg-m>input{height:0;opacity:0;position:absolute;width:0}.checkbox-module_checkbox-wrap__Xrg-m .checkbox-module_checkmark__M8DY6{border:1px solid #d9d9d9;border-radius:3px;display:inline-block;height:14px;left:0;margin-right:4px;position:absolute;top:0;transition:border-color .24s;vertical-align:top;width:14px}.checkbox-module_checkbox-wrap__Xrg-m>.checkbox-module_checkmark__M8DY6:after{border:solid #1890ff;border-width:0 2px 2px 0;content:\"\";display:block;height:8px;left:4px;opacity:0;position:absolute;top:1px;transform:rotate(45deg);transition:opacity .24s;width:4px}.checkbox-module_checkbox-wrap__Xrg-m input:checked~.checkbox-module_checkmark__M8DY6:after{opacity:1}.checkbox-module_checkbox-wrap__Xrg-m input:checked~.checkbox-module_checkmark__M8DY6,.checkbox-module_checkbox-wrap__Xrg-m:hover input~.checkbox-module_checkmark__M8DY6{border-color:#1890ff}";
326
- var styles$4 = {"checkbox-wrap":"checkbox-module_checkbox-wrap__Xrg-m","checkmark":"checkbox-module_checkmark__M8DY6"};
327
- styleInject(css_248z$5);
325
+ var css_248z$6 = ".checkbox-module_checkbox-wrap__Xrg-m{align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;flex-wrap:nowrap;margin:0 6px;padding-left:24px;position:relative}.checkbox-module_checkbox-wrap__Xrg-m>input{height:0;opacity:0;position:absolute;width:0}.checkbox-module_checkbox-wrap__Xrg-m .checkbox-module_checkmark__M8DY6{border:1px solid #d9d9d9;border-radius:3px;display:inline-block;height:14px;left:0;margin-right:4px;position:absolute;top:0;transition:border-color .24s;vertical-align:top;width:14px}.checkbox-module_checkbox-wrap__Xrg-m>.checkbox-module_checkmark__M8DY6:after{border:solid #1890ff;border-width:0 2px 2px 0;content:\"\";display:block;height:8px;left:4px;opacity:0;position:absolute;top:1px;transform:rotate(45deg);transition:opacity .24s;width:4px}.checkbox-module_checkbox-wrap__Xrg-m input:checked~.checkbox-module_checkmark__M8DY6:after{opacity:1}.checkbox-module_checkbox-wrap__Xrg-m input:checked~.checkbox-module_checkmark__M8DY6,.checkbox-module_checkbox-wrap__Xrg-m:hover input~.checkbox-module_checkmark__M8DY6{border-color:#1890ff}";
326
+ var styles$5 = {"checkbox-wrap":"checkbox-module_checkbox-wrap__Xrg-m","checkmark":"checkbox-module_checkmark__M8DY6"};
327
+ styleInject(css_248z$6);
328
328
 
329
329
  const Checkbox = ({
330
330
  disabled,
@@ -338,7 +338,7 @@ const Checkbox = ({
338
338
  keyNames,
339
339
  ...props
340
340
  }) => {
341
- const classProps = classnames__default["default"](styles$4.checkbox, className);
341
+ const classProps = classnames__default["default"](styles$5.checkbox, className);
342
342
  const parseData = jsonData.length !== 0 ? JSON.parse(jsonData) : [];
343
343
  const [data, setData] = React$1.useState(parseData);
344
344
 
@@ -362,7 +362,7 @@ const Checkbox = ({
362
362
 
363
363
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, data.map(element => {
364
364
  return /*#__PURE__*/React__default["default"].createElement("label", {
365
- className: styles$4["checkbox-wrap"],
365
+ className: styles$5["checkbox-wrap"],
366
366
  key: element.value
367
367
  }, /*#__PURE__*/React__default["default"].createElement("input", _extends({
368
368
  type: "checkbox",
@@ -373,9 +373,9 @@ const Checkbox = ({
373
373
  name: name ? name : element.name,
374
374
  onChange: handleChange
375
375
  }, props)), /*#__PURE__*/React__default["default"].createElement("span", {
376
- className: styles$4["checkmark"]
376
+ className: styles$5["checkmark"]
377
377
  }), element.label ? /*#__PURE__*/React__default["default"].createElement("span", {
378
- className: styles$4.labelRadio
378
+ className: styles$5.labelRadio
379
379
  }, label ? label : element.label) : "");
380
380
  }));
381
381
  };
@@ -534,9 +534,9 @@ const SvgStarOutline = ({
534
534
  d: "m12 2 3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"
535
535
  }));
536
536
 
537
- var css_248z$4 = ".input-module_input-wrap__NunrE{position:relative}.input-module_input__-ipHD{border:none;border-radius:6px;box-shadow:inset 0 0 0 2px #d1d1d1;box-sizing:border-box;color:#3c393e;cursor:pointer;font-size:16px;line-height:20px;outline:none;overflow:hidden;text-transform:capitalize;transition:background-color .24s,color .24s}.input-module_input__-ipHD.input-module_full-size__38YG7{width:100%}.input-module_input__-ipHD.input-module_content-size__rZ5EA{width:auto}.input-module_input__-ipHD.input-module_size-medium__frTDq{min-height:46px;padding:12px 15px}.input-module_input__-ipHD:hover{box-shadow:inset 0 0 0 2px #3c393e}.input-module_input__-ipHD:active{box-shadow:inset 0 0 0 2px #00236a}.input-module_inputErrorMessages__hx490{animation:input-module_error-message-show__OrVSo .24s forwards;bottom:0;color:#e00;font-size:14px;left:0;line-height:19px;position:absolute;transform:scale3d(0,0,0);z-index:1}.input-module_labelInput__sUMKQ{color:#000}.input-module_input__-ipHD.input-module_state-disabled__402v0{background-color:#fbfbfb;pointer-events:none}.input-module_input__-ipHD.input-module_error-message__7NphF{box-shadow:inset 0 0 0 2px #e00}@keyframes input-module_error-message-show__OrVSo{to{bottom:-20px;transform:scaleX(1)}}";
538
- var styles$3 = {"input-wrap":"input-module_input-wrap__NunrE","input":"input-module_input__-ipHD","full-size":"input-module_full-size__38YG7","content-size":"input-module_content-size__rZ5EA","size-medium":"input-module_size-medium__frTDq","with-icon":"input-module_with-icon__w3jTW","inputErrorMessages":"input-module_inputErrorMessages__hx490","error-message-show":"input-module_error-message-show__OrVSo","labelInput":"input-module_labelInput__sUMKQ","state-disabled":"input-module_state-disabled__402v0","error-message":"input-module_error-message__7NphF"};
539
- styleInject(css_248z$4);
537
+ var css_248z$5 = ".input-module_input-wrap__NunrE{position:relative}.input-module_input__-ipHD{border:none;border-radius:6px;box-shadow:inset 0 0 0 2px #d1d1d1;box-sizing:border-box;color:#3c393e;cursor:pointer;font-size:16px;line-height:20px;outline:none;overflow:hidden;text-transform:capitalize;transition:background-color .24s,color .24s}.input-module_input__-ipHD.input-module_full-size__38YG7{width:100%}.input-module_input__-ipHD.input-module_content-size__rZ5EA{width:auto}.input-module_input__-ipHD.input-module_size-medium__frTDq{min-height:46px;padding:12px 15px}.input-module_input__-ipHD:hover{box-shadow:inset 0 0 0 2px #3c393e}.input-module_input__-ipHD:active{box-shadow:inset 0 0 0 2px #00236a}.input-module_inputErrorMessages__hx490{animation:input-module_error-message-show__OrVSo .24s forwards;bottom:0;color:#e00;font-size:14px;left:0;line-height:19px;position:absolute;transform:scale3d(0,0,0);z-index:1}.input-module_labelInput__sUMKQ{color:#000}.input-module_input__-ipHD.input-module_state-disabled__402v0{background-color:#fbfbfb;pointer-events:none}.input-module_input__-ipHD.input-module_error-message__7NphF{box-shadow:inset 0 0 0 2px #e00}@keyframes input-module_error-message-show__OrVSo{to{bottom:-20px;transform:scaleX(1)}}";
538
+ var styles$4 = {"input-wrap":"input-module_input-wrap__NunrE","input":"input-module_input__-ipHD","full-size":"input-module_full-size__38YG7","content-size":"input-module_content-size__rZ5EA","size-medium":"input-module_size-medium__frTDq","with-icon":"input-module_with-icon__w3jTW","inputErrorMessages":"input-module_inputErrorMessages__hx490","error-message-show":"input-module_error-message-show__OrVSo","labelInput":"input-module_labelInput__sUMKQ","state-disabled":"input-module_state-disabled__402v0","error-message":"input-module_error-message__7NphF"};
539
+ styleInject(css_248z$5);
540
540
 
541
541
  const InputTypes = {
542
542
  TEXT: "text",
@@ -578,11 +578,11 @@ const Input = ({
578
578
  eMessage = regex.test(inputValue) ? "" : regexpError;
579
579
  }
580
580
 
581
- const classProps = classnames__default["default"](styles$3.input, styles$3[size], eMessage != '' ? styles$3['error-message'] : "", className);
581
+ const classProps = classnames__default["default"](styles$4.input, styles$4[size], eMessage != '' ? styles$4['error-message'] : "", className);
582
582
  return /*#__PURE__*/React__default["default"].createElement("div", {
583
- className: styles$3['input-wrap']
583
+ className: styles$4['input-wrap']
584
584
  }, label ? /*#__PURE__*/React__default["default"].createElement("label", {
585
- className: styles$3.labelInput
585
+ className: styles$4.labelInput
586
586
  }, label) : "", /*#__PURE__*/React__default["default"].createElement("input", _extends({}, props, {
587
587
  type: type,
588
588
  className: classProps,
@@ -593,7 +593,7 @@ const Input = ({
593
593
  onChange: handleChange,
594
594
  value: inputValue
595
595
  })), eMessage ? /*#__PURE__*/React__default["default"].createElement("span", {
596
- className: styles$3.inputErrorMessages
596
+ className: styles$4.inputErrorMessages
597
597
  }, eMessage) : "");
598
598
  };
599
599
  Input.propTypes = {
@@ -619,9 +619,9 @@ Input.defaultProps = {
619
619
  type: "text"
620
620
  };
621
621
 
622
- var css_248z$3 = ".pagination-module_listItem__b1-WN:focus{background-color:#4caf50;color:#fff}.pagination-module_listItem__b1-WN:hover:not(.pagination-module_active__KwBDp){background-color:#ddd}.pagination-module_pagination-bar__MrtYT{display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px}.pagination-module_pagination-btn__w8Yh8{border:none;border-radius:6px;outline:none}.pagination-module_pagination-btn__w8Yh8,.pagination-module_pagination-item__t3emS,.pagination-module_pagination-jump-next__LAb9Z{align-items:center;background-color:#fff;box-shadow:0 0 0 1px #eee;cursor:pointer;display:flex;height:34px;justify-content:center;width:34px}.pagination-module_pagination-item__t3emS,.pagination-module_pagination-jump-next__LAb9Z{border-radius:6px;flex:0 0 auto;font-size:16px;line-height:22px;position:relative;transition:background-color .24s}.pagination-module_pagination-item__t3emS:hover{background-color:#eee}.pagination-module_pagination-item__t3emS.pagination-module_selected__EXzCA{background-color:#00236a;color:#fff}.pagination-module_pagination-jump-next-arrow__aEVD8,.pagination-module_pagination-jump-next-txt__e7nFj{align-items:center;bottom:0;display:flex;font-size:12px;justify-content:center;left:0;line-height:14px;margin:auto;position:absolute;right:0;top:0;transition:opacity .24s,color .24s}.pagination-module_pagination-jump-next-arrow__aEVD8{opacity:0}.pagination-module_pagination-jump-next__LAb9Z:hover .pagination-module_pagination-jump-next-arrow__aEVD8{opacity:1}.pagination-module_pagination-jump-next__LAb9Z:hover .pagination-module_pagination-jump-next-txt__e7nFj{opacity:0}i{color:#3c393e;font-size:12px;line-height:12px}";
623
- var styles$2 = {"listItem":"pagination-module_listItem__b1-WN","active":"pagination-module_active__KwBDp","pagination-bar":"pagination-module_pagination-bar__MrtYT","pagination-btn":"pagination-module_pagination-btn__w8Yh8","pagination-item":"pagination-module_pagination-item__t3emS","pagination-jump-next":"pagination-module_pagination-jump-next__LAb9Z","selected":"pagination-module_selected__EXzCA","pagination-jump-next-txt":"pagination-module_pagination-jump-next-txt__e7nFj","pagination-jump-next-arrow":"pagination-module_pagination-jump-next-arrow__aEVD8"};
624
- styleInject(css_248z$3);
622
+ var css_248z$4 = ".pagination-module_listItem__b1-WN:focus{background-color:#4caf50;color:#fff}.pagination-module_listItem__b1-WN:hover:not(.pagination-module_active__KwBDp){background-color:#ddd}.pagination-module_pagination-bar__MrtYT{display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px}.pagination-module_pagination-btn__w8Yh8{border:none;border-radius:6px;outline:none}.pagination-module_pagination-btn__w8Yh8,.pagination-module_pagination-item__t3emS,.pagination-module_pagination-jump-next__LAb9Z{align-items:center;background-color:#fff;box-shadow:0 0 0 1px #eee;cursor:pointer;display:flex;height:34px;justify-content:center;width:34px}.pagination-module_pagination-item__t3emS,.pagination-module_pagination-jump-next__LAb9Z{border-radius:6px;flex:0 0 auto;font-size:16px;line-height:22px;position:relative;transition:background-color .24s}.pagination-module_pagination-item__t3emS:hover{background-color:#eee}.pagination-module_pagination-item__t3emS.pagination-module_selected__EXzCA{background-color:#00236a;color:#fff}.pagination-module_pagination-jump-next-arrow__aEVD8,.pagination-module_pagination-jump-next-txt__e7nFj{align-items:center;bottom:0;display:flex;font-size:12px;justify-content:center;left:0;line-height:14px;margin:auto;position:absolute;right:0;top:0;transition:opacity .24s,color .24s}.pagination-module_pagination-jump-next-arrow__aEVD8{opacity:0}.pagination-module_pagination-jump-next__LAb9Z:hover .pagination-module_pagination-jump-next-arrow__aEVD8{opacity:1}.pagination-module_pagination-jump-next__LAb9Z:hover .pagination-module_pagination-jump-next-txt__e7nFj{opacity:0}i{color:#3c393e;font-size:12px;line-height:12px}";
623
+ var styles$3 = {"listItem":"pagination-module_listItem__b1-WN","active":"pagination-module_active__KwBDp","pagination-bar":"pagination-module_pagination-bar__MrtYT","pagination-btn":"pagination-module_pagination-btn__w8Yh8","pagination-item":"pagination-module_pagination-item__t3emS","pagination-jump-next":"pagination-module_pagination-jump-next__LAb9Z","selected":"pagination-module_selected__EXzCA","pagination-jump-next-txt":"pagination-module_pagination-jump-next-txt__e7nFj","pagination-jump-next-arrow":"pagination-module_pagination-jump-next-arrow__aEVD8"};
624
+ styleInject(css_248z$4);
625
625
 
626
626
  const Dots = "...";
627
627
 
@@ -674,15 +674,15 @@ const PaginationRange = ({
674
674
  return paginationRange;
675
675
  };
676
676
 
677
- var css_248z$2 = "@font-face{font-display:block;font-family:icomoon;font-style:normal;font-weight:400;src:url(fonts/icomoon.eot?b29ky3);src:url(fonts/icomoon.eot?b29ky3#iefix) format(\"embedded-opentype\"),url(fonts/icomoon.ttf?b29ky3) format(\"truetype\"),url(fonts/icomoon.woff?b29ky3) format(\"woff\"),url(fonts/icomoon.svg?b29ky3#icomoon) format(\"svg\")}[class*=\" icon-\"],[class^=icon-]{speak:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:icomoon!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none}.icon-close:before{content:\"\\e907\"}.icon-arrow-up:before{content:\"\\e905\"}.icon-arrow-down:before{content:\"\\e906\"}.icon-arrow:before{content:\"\\e900\"}.icon-arrow-jump-next:before{content:\"\\e901\"}.icon-arrow-jump-back:before{content:\"\\e902\"}.icon-text:before{content:\"\\e903\"}.icon-arrow-back:before{content:\"\\e904\"}";
678
- styleInject(css_248z$2);
677
+ var css_248z$3 = "@font-face{font-display:block;font-family:icomoon;font-style:normal;font-weight:400;src:url(fonts/icomoon.eot?b29ky3);src:url(fonts/icomoon.eot?b29ky3#iefix) format(\"embedded-opentype\"),url(fonts/icomoon.ttf?b29ky3) format(\"truetype\"),url(fonts/icomoon.woff?b29ky3) format(\"woff\"),url(fonts/icomoon.svg?b29ky3#icomoon) format(\"svg\")}[class*=\" icon-\"],[class^=icon-]{speak:never;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:icomoon!important;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none}.icon-close:before{content:\"\\e907\"}.icon-arrow-up:before{content:\"\\e905\"}.icon-arrow-down:before{content:\"\\e906\"}.icon-arrow:before{content:\"\\e900\"}.icon-arrow-jump-next:before{content:\"\\e901\"}.icon-arrow-jump-back:before{content:\"\\e902\"}.icon-text:before{content:\"\\e903\"}.icon-arrow-back:before{content:\"\\e904\"}";
678
+ styleInject(css_248z$3);
679
679
 
680
680
  /**
681
681
  * Created by aleksanyan.tigran on 10/7/2022.
682
682
  */
683
683
 
684
684
  const Icon = props => /*#__PURE__*/React.createElement("i", {
685
- className: css_248z$2[props.className]
685
+ className: css_248z$3[props.className]
686
686
  });
687
687
 
688
688
  const Pagination = ({
@@ -722,7 +722,7 @@ const Pagination = ({
722
722
  return null;
723
723
  }
724
724
 
725
- const classProps = classnames__default["default"](styles$2.list, className ? className : styles$2["pagination-bar"]);
725
+ const classProps = classnames__default["default"](styles$3.list, className ? className : styles$3["pagination-bar"]);
726
726
 
727
727
  const onNext = () => {
728
728
  onPageChange(currentPageNumber + 1);
@@ -744,7 +744,7 @@ const Pagination = ({
744
744
  return /*#__PURE__*/React$1.React.createElement("ul", {
745
745
  className: classProps
746
746
  }, /*#__PURE__*/React$1.React.createElement("button", {
747
- className: styles$2["pagination-btn"],
747
+ className: styles$3["pagination-btn"],
748
748
  onClick: onPrevious,
749
749
  disabled: currentPage === 1 ? true : false
750
750
  }, /*#__PURE__*/React$1.React.createElement(Icon, {
@@ -754,13 +754,13 @@ const Pagination = ({
754
754
  let currentPageIndex = paginationRange.indexOf(currentPageNumber);
755
755
  return /*#__PURE__*/React$1.React.createElement("li", {
756
756
  key: id,
757
- className: classnames__default["default"](styles$2['pagination-jump-next'], styles$2.listItem),
757
+ className: classnames__default["default"](styles$3['pagination-jump-next'], styles$3.listItem),
758
758
  onClick: id < currentPageIndex ? onPreviousFive : onNextFive,
759
759
  disabled: currentPageIndex === 0 ? true : false
760
760
  }, /*#__PURE__*/React$1.React.createElement("span", {
761
- className: styles$2['pagination-jump-next-txt']
761
+ className: styles$3['pagination-jump-next-txt']
762
762
  }, "..."), /*#__PURE__*/React$1.React.createElement("span", {
763
- className: styles$2['pagination-jump-next-arrow']
763
+ className: styles$3['pagination-jump-next-arrow']
764
764
  }, /*#__PURE__*/React$1.React.createElement(Icon, {
765
765
  className: "icon-arrow-jump-next"
766
766
  })));
@@ -769,11 +769,11 @@ const Pagination = ({
769
769
  return /*#__PURE__*/React$1.React.createElement("li", {
770
770
  onClick: () => onPageChange(pageNumber),
771
771
  key: id,
772
- className: classnames__default["default"](`${pageNumber === currentPageNumber ? styles$2.selected : styles$2.listItem}`, styles$2['pagination-item'])
772
+ className: classnames__default["default"](`${pageNumber === currentPageNumber ? styles$3.selected : styles$3.listItem}`, styles$3['pagination-item'])
773
773
  }, pageNumber);
774
774
  }), /*#__PURE__*/React$1.React.createElement("button", {
775
775
  onClick: onNext,
776
- className: styles$2["pagination-btn"],
776
+ className: styles$3["pagination-btn"],
777
777
  disabled: currentPageNumber === lastPage ? true : false
778
778
  }, /*#__PURE__*/React$1.React.createElement(Icon, {
779
779
  className: "icon-arrow"
@@ -791,9 +791,9 @@ Pagination.defaultProps = {
791
791
  siblingCount: 2
792
792
  };
793
793
 
794
- var css_248z$1 = ".radio-module_radio-wrap__-lO7V{align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;flex-wrap:nowrap;margin:0 6px;padding-left:24px;position:relative}.radio-module_radio-wrap__-lO7V>input{height:0;opacity:0;position:absolute;width:0}.radio-module_radio-wrap__-lO7V .radio-module_radio-checkmark__Kvol0{border:1px solid #d9d9d9;border-radius:50%;display:inline-block;height:14px;left:0;margin-right:4px;position:absolute;top:0;transition:border-color .24s;vertical-align:top;width:14px}.radio-module_radio-wrap__-lO7V>.radio-module_radio-checkmark__Kvol0:after{background-color:#d9d9d9;border-radius:50%;bottom:0;content:\"\";height:8px;left:0;margin:auto;opacity:0;position:absolute;right:0;top:0;transition:opacity .24s,background-color .24s;width:8px}.radio-module_radio-wrap__-lO7V input:checked~.radio-module_radio-checkmark__Kvol0:after{background-color:#1890ff;opacity:1}.radio-module_radio-wrap__-lO7V:hover input~.radio-module_radio-checkmark__Kvol0:after{opacity:1}.radio-module_radio-wrap__-lO7V input:checked~.radio-module_radio-checkmark__Kvol0{border-color:#1890ff}";
795
- var styles$1 = {"radio-wrap":"radio-module_radio-wrap__-lO7V","radio-checkmark":"radio-module_radio-checkmark__Kvol0"};
796
- styleInject(css_248z$1);
794
+ var css_248z$2 = ".radio-module_radio-wrap__-lO7V{align-items:center;cursor:pointer;display:inline-flex;flex-direction:row;flex-wrap:nowrap;margin:0 6px;padding-left:24px;position:relative}.radio-module_radio-wrap__-lO7V>input{height:0;opacity:0;position:absolute;width:0}.radio-module_radio-wrap__-lO7V .radio-module_radio-checkmark__Kvol0{border:1px solid #d9d9d9;border-radius:50%;display:inline-block;height:14px;left:0;margin-right:4px;position:absolute;top:0;transition:border-color .24s;vertical-align:top;width:14px}.radio-module_radio-wrap__-lO7V>.radio-module_radio-checkmark__Kvol0:after{background-color:#d9d9d9;border-radius:50%;bottom:0;content:\"\";height:8px;left:0;margin:auto;opacity:0;position:absolute;right:0;top:0;transition:opacity .24s,background-color .24s;width:8px}.radio-module_radio-wrap__-lO7V input:checked~.radio-module_radio-checkmark__Kvol0:after{background-color:#1890ff;opacity:1}.radio-module_radio-wrap__-lO7V:hover input~.radio-module_radio-checkmark__Kvol0:after{opacity:1}.radio-module_radio-wrap__-lO7V input:checked~.radio-module_radio-checkmark__Kvol0{border-color:#1890ff}";
795
+ var styles$2 = {"radio-wrap":"radio-module_radio-wrap__-lO7V","radio-checkmark":"radio-module_radio-checkmark__Kvol0"};
796
+ styleInject(css_248z$2);
797
797
 
798
798
  const Radio = ({
799
799
  disabled,
@@ -807,11 +807,11 @@ const Radio = ({
807
807
  keyNames,
808
808
  ...props
809
809
  }) => {
810
- const classProps = classnames__default["default"](styles$1.checkbox, className);
810
+ const classProps = classnames__default["default"](styles$2.checkbox, className);
811
811
  const parseData = jsonData.length !== 0 ? JSON.parse(jsonData) : [];
812
812
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, parseData.map((element, id) => {
813
813
  return /*#__PURE__*/React__default["default"].createElement("label", {
814
- className: styles$1["radio-wrap"],
814
+ className: styles$2["radio-wrap"],
815
815
  key: element.value
816
816
  }, /*#__PURE__*/React__default["default"].createElement("input", _extends({
817
817
  type: "radio",
@@ -822,9 +822,9 @@ const Radio = ({
822
822
  value: value ? value : element.value,
823
823
  name: name ? name : element.name
824
824
  }, props)), /*#__PURE__*/React__default["default"].createElement("span", {
825
- className: styles$1["radio-checkmark"]
825
+ className: styles$2["radio-checkmark"]
826
826
  }), element.label ? /*#__PURE__*/React__default["default"].createElement("span", {
827
- className: styles$1.labelRadio
827
+ className: styles$2.labelRadio
828
828
  }, label ? label : element.label) : "");
829
829
  }));
830
830
  };
@@ -845,9 +845,9 @@ Radio.defaultProps = {
845
845
  jsonData: '[{"value":"email", "name":"contact", "label":"Email", "id":"contactChoice1"}, {"value":"phone", "name":"contact", "label":"Phone", "id":"contactChoice2"}]'
846
846
  };
847
847
 
848
- var css_248z = "*{margin:0;padding:0}.captcha-module_main__Ys3EH{margin:0;padding:0;position:relative;width:40%}.captcha-module_slider__KLYny{-webkit-appearance:none;background-color:hsla(0,0%,100%,.575);border:.1px solid hsla(0,0%,59%,.432);height:7px;outline:none;width:100%}.captcha-module_slider__KLYny::-webkit-slider-thumb{-webkit-appearance:none;height:48px;position:relative;width:48px;z-index:3}.captcha-module_selector__JFhb4{bottom:-20px;height:48px;left:50%;position:absolute;width:48px;z-index:2}.captcha-module_selectBtn__GP1iH{background-image:url(https://i.ibb.co/rQZNNzN/blue.png);background-position:50%;background-size:cover;border-radius:50%;bottom:40px;height:40px;position:absolute;right:30px;width:40px}.captcha-module_progressBar__mhdtM{background:#7070ee;bottom:38px;height:7px;left:0;margin:0;padding:0;position:absolute;width:50%}.captcha-module_range__k24I2{color:blue;margin-bottom:15px;margin-top:15px}";
849
- var styles = {"main":"captcha-module_main__Ys3EH","slider":"captcha-module_slider__KLYny","selector":"captcha-module_selector__JFhb4","selectBtn":"captcha-module_selectBtn__GP1iH","progressBar":"captcha-module_progressBar__mhdtM","range":"captcha-module_range__k24I2"};
850
- styleInject(css_248z);
848
+ var css_248z$1 = "*{margin:0;padding:0}.captcha-module_main__Ys3EH{margin:0;padding:0;position:relative;width:40%}.captcha-module_slider__KLYny{-webkit-appearance:none;background-color:hsla(0,0%,100%,.575);border:.1px solid hsla(0,0%,59%,.432);height:7px;outline:none;width:100%}.captcha-module_slider__KLYny::-webkit-slider-thumb{-webkit-appearance:none;height:48px;position:relative;width:48px;z-index:3}.captcha-module_selector__JFhb4{bottom:-20px;height:48px;left:50%;position:absolute;width:48px;z-index:2}.captcha-module_selectBtn__GP1iH{background-image:url(https://i.ibb.co/rQZNNzN/blue.png);background-position:50%;background-size:cover;border-radius:50%;bottom:40px;height:40px;position:absolute;right:30px;width:40px}.captcha-module_progressBar__mhdtM{background:#7070ee;bottom:38px;height:7px;left:0;margin:0;padding:0;position:absolute;width:50%}.captcha-module_range__k24I2{color:blue;margin-bottom:15px;margin-top:15px}";
849
+ var styles$1 = {"main":"captcha-module_main__Ys3EH","slider":"captcha-module_slider__KLYny","selector":"captcha-module_selector__JFhb4","selectBtn":"captcha-module_selectBtn__GP1iH","progressBar":"captcha-module_progressBar__mhdtM","range":"captcha-module_range__k24I2"};
850
+ styleInject(css_248z$1);
851
851
 
852
852
  const Captcha = ({
853
853
  onclick,
@@ -856,7 +856,7 @@ const Captcha = ({
856
856
  const [data, setData] = React$1.useState("");
857
857
  const [right, setRight] = React$1.useState(false);
858
858
  let range = rangeCount <= 100 ? rangeCount : 0;
859
- let rangeElement = document.getElementsByClassName(styles.range);
859
+ let rangeElement = document.getElementsByClassName(styles$1.range);
860
860
  React$1.useEffect(() => {
861
861
  for (let element of rangeElement) {
862
862
  element.style.marginLeft = `${range - 3}%`;
@@ -866,9 +866,9 @@ const Captcha = ({
866
866
 
867
867
  function sliderInput(event) {
868
868
  setData(rangeCount == event.target.value ? 'green' : 'indianred');
869
- let selector = document.getElementsByClassName(styles.selector);
870
- let selectBtn = document.getElementsByClassName(styles.selectBtn);
871
- let progressBar = document.getElementsByClassName(styles.progressBar);
869
+ let selector = document.getElementsByClassName(styles$1.selector);
870
+ let selectBtn = document.getElementsByClassName(styles$1.selectBtn);
871
+ let progressBar = document.getElementsByClassName(styles$1.progressBar);
872
872
  selector[0].style.left = event.target.value + '%';
873
873
  progressBar[0].style.width = event.target.value + '%';
874
874
 
@@ -884,23 +884,23 @@ const Captcha = ({
884
884
  }
885
885
 
886
886
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
887
- className: styles.main
887
+ className: styles$1.main
888
888
  }, /*#__PURE__*/React__default["default"].createElement("div", {
889
- className: styles.range
889
+ className: styles$1.range
890
890
  }, "\u25BC"), /*#__PURE__*/React__default["default"].createElement("input", {
891
891
  type: "range",
892
- className: styles.slider,
892
+ className: styles$1.slider,
893
893
  onClick: right ? onclick : null,
894
894
  onInput: sliderInput,
895
895
  onMouseUp: sliderChange
896
896
  }), /*#__PURE__*/React__default["default"].createElement("div", {
897
- className: styles.selector
897
+ className: styles$1.selector
898
898
  }, /*#__PURE__*/React__default["default"].createElement("div", {
899
- className: styles.selectBtn
899
+ className: styles$1.selectBtn
900
900
  })), /*#__PURE__*/React__default["default"].createElement("div", {
901
- className: styles.progressBar
901
+ className: styles$1.progressBar
902
902
  }), /*#__PURE__*/React__default["default"].createElement("div", {
903
- className: styles.range
903
+ className: styles$1.range
904
904
  }, "\u25B2")));
905
905
  };
906
906
  Captcha.propTypes = {
@@ -912,6 +912,39 @@ Captcha.defaultProps = {
912
912
  onclick: undefined
913
913
  };
914
914
 
915
+ var css_248z = ".stepper-module_bigRing__5GBm0{border:1px solid gray;border-radius:50%;cursor:pointer;height:30px;margin:10px;position:relative;width:30px}.stepper-module_smallRing__u-5a8{background-color:gray;border-radius:50%;color:#fff;font-size:12px;height:50%;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:50%}.stepper-module_activeRing__Lzvh1{border:1px solid blue;border-radius:50%;cursor:pointer;height:30px;margin:10px;position:relative;width:30px}.stepper-module_smallActiveRing__im-XG{background-color:blue;border-radius:50%;color:#fff;font-size:12px;height:50%;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:50%}";
916
+ var styles = {"bigRing":"stepper-module_bigRing__5GBm0","smallRing":"stepper-module_smallRing__u-5a8","activeRing":"stepper-module_activeRing__Lzvh1","smallActiveRing":"stepper-module_smallActiveRing__im-XG"};
917
+ styleInject(css_248z);
918
+
919
+ const Stepper = ({
920
+ className,
921
+ onChange,
922
+ stepLength,
923
+ activeSteps
924
+ }) => {
925
+ classnames__default["default"](className);
926
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, (() => {
927
+ let steppers = [];
928
+
929
+ for (let step = 1; step <= stepLength; step++) {
930
+ steppers.push( /*#__PURE__*/React__default["default"].createElement("div", {
931
+ className: classnames__default["default"](`${step <= activeSteps ? styles.activeRing : styles.bigRing}`),
932
+ key: step
933
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
934
+ className: classnames__default["default"](`${step <= activeSteps ? styles.smallActiveRing : styles.smallRing}`)
935
+ }, step <= activeSteps ? step : "")));
936
+ }
937
+
938
+ return steppers;
939
+ })());
940
+ };
941
+ Stepper.propTypes = {
942
+ className: PropTypes__default["default"].string,
943
+ onChange: PropTypes__default["default"].func,
944
+ stepLength: PropTypes__default["default"].number,
945
+ activeSteps: PropTypes__default["default"].number
946
+ };
947
+
915
948
  exports.Autocomplate = Autocomplate;
916
949
  exports.Button = Button;
917
950
  exports.ButtonSize = ButtonSize;
@@ -930,5 +963,6 @@ exports.Pagination = Pagination;
930
963
  exports.Radio = Radio;
931
964
  exports.StarFilled = SvgStarFilled;
932
965
  exports.StarOutline = SvgStarOutline;
966
+ exports.Stepper = Stepper;
933
967
  exports.Typography = Typography;
934
968
  exports.TypographyType = TypographyType;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xaypay/tui",
3
- "version": "0.0.9",
3
+ "version": "0.0.11",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.es.js",
package/src/components/stepper/index.js ADDED
@@ -0,0 +1,45 @@
1
+ import React from "react";
2
+ import PropTypes from "prop-types";
3
+ import classNames from "classnames";
4
+ import styles from "./stepper.module.css";
5
+
6
+ export const Stepper = ({ className, onChange, stepLength, activeSteps }) => {
7
+ const classProps = classNames(className);
8
+ return (
9
+ <>
10
+ {(() => {
11
+ let steppers = [];
12
+ for (let step = 1; step <= stepLength; step++) {
13
+ steppers.push(
14
+ <div
15
+ className={classNames(
16
+ `${step <= activeSteps ? styles.activeRing : styles.bigRing}`
17
+ )}
18
+ key={step}
19
+ >
20
+ <div
21
+ className={classNames(
22
+ `${
23
+ step <= activeSteps
24
+ ? styles.smallActiveRing
25
+ : styles.smallRing
26
+ }`
27
+ )}
28
+ >
29
+ {step <= activeSteps ? step : ""}
30
+ </div>
31
+ </div>
32
+ );
33
+ }
34
+ return steppers;
35
+ })()}
36
+ </>
37
+ );
38
+ };
39
+
40
+ Stepper.propTypes = {
41
+ className: PropTypes.string,
42
+ onChange: PropTypes.func,
43
+ stepLength: PropTypes.number,
44
+ activeSteps: PropTypes.number,
45
+ };
package/src/components/stepper/stepper.module.css ADDED
@@ -0,0 +1,48 @@
1
+ .bigRing {
2
+ width: 30px;
3
+ height: 30px;
4
+ border: 1px solid gray;
5
+ border-radius: 50%;
6
+ position: relative;
7
+ margin: 10px;
8
+ cursor:pointer;
9
+ }
10
+
11
+ .smallRing {
12
+ position: absolute;
13
+ width: 50%;
14
+ height: 50%;
15
+ border-radius: 50%;
16
+ background-color: gray;
17
+ top: 50%;
18
+ left: 50%;
19
+ transform: translate(-50%, -50%);
20
+ font-size: 12px;
21
+ color: white;
22
+ text-align: center;
23
+ }
24
+
25
+
26
+ .activeRing {
27
+ width: 30px;
28
+ height: 30px;
29
+ border: 1px solid blue;
30
+ border-radius: 50%;
31
+ position: relative;
32
+ margin: 10px;
33
+ cursor:pointer;
34
+ }
35
+
36
+ .smallActiveRing {
37
+ position: absolute;
38
+ width: 50%;
39
+ height: 50%;
40
+ border-radius: 50%;
41
+ background-color: blue;
42
+ top: 50%;
43
+ left: 50%;
44
+ transform: translate(-50%, -50%);
45
+ font-size: 12px;
46
+ color: white;
47
+ text-align: center;
48
+ }
package/src/components/stepper/stepper.stories.js ADDED
@@ -0,0 +1,17 @@
1
+ import React from "react";
2
+ import { Stepper } from "./index";
3
+ export default {
4
+ component: Stepper,
5
+ title: "Components/Stepper",
6
+ };
7
+
8
+ const Template = ({ stepLength, activeSteps }) => {
9
+ return <Stepper stepLength={stepLength} activeSteps={activeSteps} />;
10
+ };
11
+
12
+ export const Default = Template.bind({});
13
+
14
+ Default.args = {
15
+ stepLength: 5,
16
+ activeSteps: 3,
17
+ };
package/src/index.js CHANGED
@@ -7,4 +7,5 @@ export * from './components/input';
7
7
  export * from './components/pagination';
8
8
  export * from './components/radio';
9
9
  export * from './components/captcha';
10
+ export * from './components/stepper';
10
11
  // export * from './components/select';