@xaypay/tui 0.0.18 → 0.0.19

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 (5) hide show
  1. package/dist/index.es.js +4 -4
  2. package/dist/index.js +4 -4
  3. package/package.json +1 -1
  4. package/src/components/pagination/index.js +6 -3
  5. package/src/components/select/select.module.css +5 -2
package/dist/index.es.js CHANGED
@@ -553,7 +553,7 @@ const Pagination = ({
553
553
  className: styles$4["pagination-btn"],
554
554
  onClick: onPrevious,
555
555
  disabled: currentPage === 1 ? true : false
556
- }, /*#__PURE__*/React.createElement(Icon, {
556
+ }, /*#__PURE__*/React.createElement("i", {
557
557
  className: "icon-arrow-back"
558
558
  })), paginationRange.map((pageNumber, id) => {
559
559
  if (pageNumber === Dots) {
@@ -567,7 +567,7 @@ const Pagination = ({
567
567
  className: styles$4['pagination-jump-next-txt']
568
568
  }, "..."), /*#__PURE__*/React.createElement("span", {
569
569
  className: styles$4['pagination-jump-next-arrow']
570
- }, /*#__PURE__*/React.createElement(Icon, {
570
+ }, /*#__PURE__*/React.createElement("i", {
571
571
  className: "icon-arrow-jump-next"
572
572
  })));
573
573
  }
@@ -580,7 +580,7 @@ const Pagination = ({
580
580
  onClick: onNext,
581
581
  className: styles$4["pagination-btn"],
582
582
  disabled: currentPageNumber === lastPage ? true : false
583
- }, /*#__PURE__*/React.createElement(Icon, {
583
+ }, /*#__PURE__*/React.createElement("i", {
584
584
  className: "icon-arrow"
585
585
  })));
586
586
  };
@@ -750,7 +750,7 @@ Stepper.propTypes = {
750
750
  activeSteps: PropTypes.number
751
751
  };
752
752
 
753
- var css_248z = ".select-module_select-title__c8bR7{color:#3c393e;display:block;font-size:16px;font-weight:500;line-height:22px;margin-bottom:6px;text-transform:capitalize}.select-module_select-content__GCMDX{display:flex;flex-direction:column}.select-module_select-content-top__Aw-fB{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}.select-module_select-content-top__Aw-fB.select-module_active__v2Dce{border-color:#00236a}.select-module_select-content-top__Aw-fB:hover{border-color:#3c393e}.select-module_select-content-bottom__ueZCR{animation:select-module_select-show__391hQ .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}.select-module_select-content-bottom-inner__NWy2X{display:flex;flex-direction:column;max-height:234px;overflow-x:hidden;overflow-y:auto}@keyframes select-module_select-show__391hQ{to{max-height:400px}}.select-module_select-content-top-text__euajq{align-items:center;display:flex;flex:1;flex-direction:row;flex-wrap:nowrap}.select-module_select-content-top-icon__MBrGK{align-items:center;box-sizing:border-box;display:flex;flex:0 0 auto;padding:0 5px 0 20px}.select-module_select-content-top-icon__MBrGK>i{color:#3c393e;font-size:8px}.select-module_select-content-bottom-row__eKq5L{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}.select-module_select-content-bottom-row__eKq5L:last-child{margin-bottom:0}.select-module_select-content-bottom-row__eKq5L:hover{background:unset;color:#00236a}";
753
+ var css_248z = ".select-module_select-title__c8bR7{color:#3c393e;display:block;font-size:16px;font-weight:500;line-height:22px;margin-bottom:6px;text-transform:capitalize}.select-module_select-content__GCMDX{display:flex;flex-direction:column;position:relative}.select-module_select-content-top__Aw-fB{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}.select-module_select-content-top__Aw-fB.select-module_active__v2Dce{border-color:#00236a}.select-module_select-content-top__Aw-fB:hover{border-color:#3c393e}.select-module_select-content-bottom__ueZCR{animation:select-module_select-show__391hQ .64s linear forwards;background:#fbfbfb;border-radius:6px;box-shadow:0 0 10px rgba(60,57,62,.08);left:0;max-height:0;max-width:400px;overflow:hidden;position:absolute;top:52px;width:100%}.select-module_select-content-bottom-inner__NWy2X{display:flex;flex-direction:column;max-height:234px;overflow-x:hidden;overflow-y:auto}@keyframes select-module_select-show__391hQ{to{max-height:400px}}.select-module_select-content-top-text__euajq{align-items:center;display:flex;flex:1;flex-direction:row;flex-wrap:nowrap}.select-module_select-content-top-icon__MBrGK{align-items:center;box-sizing:border-box;display:flex;flex:0 0 auto;padding:0 5px 0 20px}.select-module_select-content-top-icon__MBrGK>i{color:#3c393e;font-size:8px}.select-module_select-content-bottom-row__eKq5L{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}.select-module_select-content-bottom-row__eKq5L:last-child{margin-bottom:0}.select-module_select-content-bottom-row__eKq5L:hover{background:unset;color:#00236a}";
754
754
  var styles = {"select-title":"select-module_select-title__c8bR7","select-content":"select-module_select-content__GCMDX","select-content-top":"select-module_select-content-top__Aw-fB","active":"select-module_active__v2Dce","select-content-bottom":"select-module_select-content-bottom__ueZCR","select-show":"select-module_select-show__391hQ","select-content-bottom-inner":"select-module_select-content-bottom-inner__NWy2X","select-content-top-text":"select-module_select-content-top-text__euajq","select-content-top-icon":"select-module_select-content-top-icon__MBrGK","select-content-bottom-row":"select-module_select-content-bottom-row__eKq5L"};
755
755
  styleInject(css_248z);
756
756
 
package/dist/index.js CHANGED
@@ -564,7 +564,7 @@ const Pagination = ({
564
564
  className: styles$4["pagination-btn"],
565
565
  onClick: onPrevious,
566
566
  disabled: currentPage === 1 ? true : false
567
- }, /*#__PURE__*/React__default["default"].createElement(Icon, {
567
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
568
568
  className: "icon-arrow-back"
569
569
  })), paginationRange.map((pageNumber, id) => {
570
570
  if (pageNumber === Dots) {
@@ -578,7 +578,7 @@ const Pagination = ({
578
578
  className: styles$4['pagination-jump-next-txt']
579
579
  }, "..."), /*#__PURE__*/React__default["default"].createElement("span", {
580
580
  className: styles$4['pagination-jump-next-arrow']
581
- }, /*#__PURE__*/React__default["default"].createElement(Icon, {
581
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
582
582
  className: "icon-arrow-jump-next"
583
583
  })));
584
584
  }
@@ -591,7 +591,7 @@ const Pagination = ({
591
591
  onClick: onNext,
592
592
  className: styles$4["pagination-btn"],
593
593
  disabled: currentPageNumber === lastPage ? true : false
594
- }, /*#__PURE__*/React__default["default"].createElement(Icon, {
594
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
595
595
  className: "icon-arrow"
596
596
  })));
597
597
  };
@@ -761,7 +761,7 @@ Stepper.propTypes = {
761
761
  activeSteps: PropTypes__default["default"].number
762
762
  };
763
763
 
764
- var css_248z = ".select-module_select-title__c8bR7{color:#3c393e;display:block;font-size:16px;font-weight:500;line-height:22px;margin-bottom:6px;text-transform:capitalize}.select-module_select-content__GCMDX{display:flex;flex-direction:column}.select-module_select-content-top__Aw-fB{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}.select-module_select-content-top__Aw-fB.select-module_active__v2Dce{border-color:#00236a}.select-module_select-content-top__Aw-fB:hover{border-color:#3c393e}.select-module_select-content-bottom__ueZCR{animation:select-module_select-show__391hQ .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}.select-module_select-content-bottom-inner__NWy2X{display:flex;flex-direction:column;max-height:234px;overflow-x:hidden;overflow-y:auto}@keyframes select-module_select-show__391hQ{to{max-height:400px}}.select-module_select-content-top-text__euajq{align-items:center;display:flex;flex:1;flex-direction:row;flex-wrap:nowrap}.select-module_select-content-top-icon__MBrGK{align-items:center;box-sizing:border-box;display:flex;flex:0 0 auto;padding:0 5px 0 20px}.select-module_select-content-top-icon__MBrGK>i{color:#3c393e;font-size:8px}.select-module_select-content-bottom-row__eKq5L{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}.select-module_select-content-bottom-row__eKq5L:last-child{margin-bottom:0}.select-module_select-content-bottom-row__eKq5L:hover{background:unset;color:#00236a}";
764
+ var css_248z = ".select-module_select-title__c8bR7{color:#3c393e;display:block;font-size:16px;font-weight:500;line-height:22px;margin-bottom:6px;text-transform:capitalize}.select-module_select-content__GCMDX{display:flex;flex-direction:column;position:relative}.select-module_select-content-top__Aw-fB{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}.select-module_select-content-top__Aw-fB.select-module_active__v2Dce{border-color:#00236a}.select-module_select-content-top__Aw-fB:hover{border-color:#3c393e}.select-module_select-content-bottom__ueZCR{animation:select-module_select-show__391hQ .64s linear forwards;background:#fbfbfb;border-radius:6px;box-shadow:0 0 10px rgba(60,57,62,.08);left:0;max-height:0;max-width:400px;overflow:hidden;position:absolute;top:52px;width:100%}.select-module_select-content-bottom-inner__NWy2X{display:flex;flex-direction:column;max-height:234px;overflow-x:hidden;overflow-y:auto}@keyframes select-module_select-show__391hQ{to{max-height:400px}}.select-module_select-content-top-text__euajq{align-items:center;display:flex;flex:1;flex-direction:row;flex-wrap:nowrap}.select-module_select-content-top-icon__MBrGK{align-items:center;box-sizing:border-box;display:flex;flex:0 0 auto;padding:0 5px 0 20px}.select-module_select-content-top-icon__MBrGK>i{color:#3c393e;font-size:8px}.select-module_select-content-bottom-row__eKq5L{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}.select-module_select-content-bottom-row__eKq5L:last-child{margin-bottom:0}.select-module_select-content-bottom-row__eKq5L:hover{background:unset;color:#00236a}";
765
765
  var styles = {"select-title":"select-module_select-title__c8bR7","select-content":"select-module_select-content__GCMDX","select-content-top":"select-module_select-content-top__Aw-fB","active":"select-module_active__v2Dce","select-content-bottom":"select-module_select-content-bottom__ueZCR","select-show":"select-module_select-show__391hQ","select-content-bottom-inner":"select-module_select-content-bottom-inner__NWy2X","select-content-top-text":"select-module_select-content-top-text__euajq","select-content-top-icon":"select-module_select-content-top-icon__MBrGK","select-content-bottom-row":"select-module_select-content-bottom-row__eKq5L"};
766
766
  styleInject(css_248z);
767
767
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xaypay/tui",
3
- "version": "0.0.18",
3
+ "version": "0.0.19",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.es.js",
package/src/components/pagination/index.js CHANGED
@@ -66,7 +66,8 @@ export const Pagination = ({
66
66
  return (
67
67
  <ul className={classProps}>
68
68
  <button className={styles["pagination-btn"]} onClick={onPrevious} disabled={currentPage === 1 ? true : false}>
69
- <Icon className="icon-arrow-back"/>
69
+ {/* <Icon className="icon-arrow-back"/> */}
70
+ <i className="icon-arrow-back"></i>
70
71
  </button>
71
72
 
72
73
  {paginationRange.map((pageNumber, id) => {
@@ -77,7 +78,8 @@ export const Pagination = ({
77
78
  disabled={currentPageIndex === 0 ? true : false}>
78
79
  <span className={styles['pagination-jump-next-txt']}>...</span>
79
80
  <span className={styles['pagination-jump-next-arrow']}>
80
- <Icon className="icon-arrow-jump-next"/>
81
+ {/* <Icon className="icon-arrow-jump-next"/> */}
82
+ <i className="icon-arrow-jump-next"></i>
81
83
  </span>
82
84
  </li>
83
85
  );
@@ -97,7 +99,8 @@ export const Pagination = ({
97
99
  className={styles["pagination-btn"]}
98
100
  disabled={currentPageNumber === lastPage ? true : false}
99
101
  >
100
- <Icon className='icon-arrow'/>
102
+ {/* <Icon className='icon-arrow'/> */}
103
+ <i className="icon-arrow"></i>
101
104
  </button>
102
105
  </ul>
103
106
  );
package/src/components/select/select.module.css CHANGED
@@ -10,6 +10,7 @@
10
10
  .select-content {
11
11
  display: flex;
12
12
  flex-direction: column;
13
+ position: relative;
13
14
  }
14
15
  .select-content-top {
15
16
  display: flex;
@@ -34,8 +35,10 @@
34
35
  border-color: #3C393E;
35
36
  }
36
37
  .select-content-bottom {
37
- position: relative;
38
- top: 6px;
38
+ position: absolute;
39
+ width: 100%;
40
+ top: 52px;
41
+ left: 0;
39
42
  overflow: hidden;
40
43
  max-width: 400px;
41
44
  background: #FBFBFB;