@xaypay/tui 0.2.17 → 0.2.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 (4) hide show
  1. package/dist/index.es.js +12 -2
  2. package/dist/index.js +12 -2
  3. package/package.json +1 -1
  4. package/tui.config.js +2 -0
package/dist/index.es.js CHANGED
@@ -597,6 +597,7 @@ var packageResult = {
597
597
  }
598
598
  },
599
599
  tel: {
600
+ className: 'tel-code',
600
601
  display: 'flex',
601
602
  alignItems: 'center',
602
603
  justifyContent: 'center',
@@ -1135,6 +1136,7 @@ var packageResult = {
1135
1136
  wrapHeight: '100%'
1136
1137
  },
1137
1138
  icon: {
1139
+ className: 'tui_close-modal-icon'
1138
1140
  // zoom: React.createElement(SvgChecked, { fill: 'green' }),
1139
1141
  // prev: React.createElement(SvgChecked, { fill: 'green' }),
1140
1142
  // next: React.createElement(SvgChecked, { fill: 'green' }),
@@ -4118,6 +4120,7 @@ const Modal = ({
4118
4120
  nextIcon,
4119
4121
  closeIcon,
4120
4122
  showCloseIcon,
4123
+ closeIconClass,
4121
4124
  closeSlideIcon,
4122
4125
  selected,
4123
4126
  children,
@@ -4350,9 +4353,10 @@ const Modal = ({
4350
4353
  width: 'fit-content',
4351
4354
  alignItems: 'center',
4352
4355
  alignSelf: 'flex-end',
4353
- height: 'fit-content',
4356
+ height: '100%',
4354
4357
  justifyContent: 'center'
4355
- }
4358
+ },
4359
+ className: closeIconClass ? closeIconClass : configStyles.MODAL.icon.className
4356
4360
  }, closeIcon ? closeIcon : configStyles.MODAL.icon.close ? configStyles.MODAL.icon.close : /*#__PURE__*/React__default.createElement(SvgCloseIcon, null)) : ''), /*#__PURE__*/React__default.createElement("div", {
4357
4361
  style: {
4358
4362
  display: 'flex',
@@ -4502,6 +4506,7 @@ Modal.propTypes = {
4502
4506
  nextIcon: PropTypes.element,
4503
4507
  closeIcon: PropTypes.element,
4504
4508
  showCloseIcon: PropTypes.bool,
4509
+ closeIconClass: PropTypes.string,
4505
4510
  closeSlideIcon: PropTypes.element,
4506
4511
  headerText: PropTypes.string,
4507
4512
  headerSize: PropTypes.string,
@@ -4538,6 +4543,7 @@ const TelInput = ({
4538
4543
  radius,
4539
4544
  isHover,
4540
4545
  disabled,
4546
+ telClass,
4541
4547
  inpStyles,
4542
4548
  errorColor,
4543
4549
  inputChange,
@@ -4569,6 +4575,7 @@ const TelInput = ({
4569
4575
  setInnerValue(() => newValue);
4570
4576
  }, [value]);
4571
4577
  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
4578
+ className: telClass,
4572
4579
  style: {
4573
4580
  ...inpStyles,
4574
4581
  width: 'auto',
@@ -4870,6 +4877,7 @@ const Input = ({
4870
4877
  family,
4871
4878
  padding,
4872
4879
  tooltip,
4880
+ telClass,
4873
4881
  leftIcon,
4874
4882
  required,
4875
4883
  disabled,
@@ -5105,6 +5113,7 @@ const Input = ({
5105
5113
  inpStyles: inpStyles,
5106
5114
  inpAttributes: inpAttributes,
5107
5115
  radius: radius ?? configStyles.INPUT.radius,
5116
+ telClass: telClass ?? configStyles.INPUT.tel.className,
5108
5117
  phoneDisplay: phoneDisplay ?? configStyles.INPUT.tel.display,
5109
5118
  phoneAlignItems: phoneAlignItems ?? configStyles.INPUT.tel.alignItems,
5110
5119
  phoneJustifyContent: phoneJustifyContent ?? configStyles.INPUT.tel.justifyContent,
@@ -5292,6 +5301,7 @@ Input.propTypes = {
5292
5301
  regexpErrorMessage: PropTypes.string,
5293
5302
  regexp: PropTypes.instanceOf(RegExp),
5294
5303
  fireInputInsideError: PropTypes.func,
5304
+ telClass: PropTypes.string,
5295
5305
  telBorderRightWidth: PropTypes.string,
5296
5306
  telBorderRightStyle: PropTypes.string,
5297
5307
  telBorderRightColor: PropTypes.string,
package/dist/index.js CHANGED
@@ -628,6 +628,7 @@ var packageResult = {
628
628
  }
629
629
  },
630
630
  tel: {
631
+ className: 'tel-code',
631
632
  display: 'flex',
632
633
  alignItems: 'center',
633
634
  justifyContent: 'center',
@@ -1166,6 +1167,7 @@ var packageResult = {
1166
1167
  wrapHeight: '100%'
1167
1168
  },
1168
1169
  icon: {
1170
+ className: 'tui_close-modal-icon'
1169
1171
  // zoom: React.createElement(SvgChecked, { fill: 'green' }),
1170
1172
  // prev: React.createElement(SvgChecked, { fill: 'green' }),
1171
1173
  // next: React.createElement(SvgChecked, { fill: 'green' }),
@@ -4149,6 +4151,7 @@ const Modal = ({
4149
4151
  nextIcon,
4150
4152
  closeIcon,
4151
4153
  showCloseIcon,
4154
+ closeIconClass,
4152
4155
  closeSlideIcon,
4153
4156
  selected,
4154
4157
  children,
@@ -4381,9 +4384,10 @@ const Modal = ({
4381
4384
  width: 'fit-content',
4382
4385
  alignItems: 'center',
4383
4386
  alignSelf: 'flex-end',
4384
- height: 'fit-content',
4387
+ height: '100%',
4385
4388
  justifyContent: 'center'
4386
- }
4389
+ },
4390
+ className: closeIconClass ? closeIconClass : configStyles.MODAL.icon.className
4387
4391
  }, closeIcon ? closeIcon : configStyles.MODAL.icon.close ? configStyles.MODAL.icon.close : /*#__PURE__*/React__default["default"].createElement(SvgCloseIcon, null)) : ''), /*#__PURE__*/React__default["default"].createElement("div", {
4388
4392
  style: {
4389
4393
  display: 'flex',
@@ -4533,6 +4537,7 @@ Modal.propTypes = {
4533
4537
  nextIcon: PropTypes__default["default"].element,
4534
4538
  closeIcon: PropTypes__default["default"].element,
4535
4539
  showCloseIcon: PropTypes__default["default"].bool,
4540
+ closeIconClass: PropTypes__default["default"].string,
4536
4541
  closeSlideIcon: PropTypes__default["default"].element,
4537
4542
  headerText: PropTypes__default["default"].string,
4538
4543
  headerSize: PropTypes__default["default"].string,
@@ -4569,6 +4574,7 @@ const TelInput = ({
4569
4574
  radius,
4570
4575
  isHover,
4571
4576
  disabled,
4577
+ telClass,
4572
4578
  inpStyles,
4573
4579
  errorColor,
4574
4580
  inputChange,
@@ -4600,6 +4606,7 @@ const TelInput = ({
4600
4606
  setInnerValue(() => newValue);
4601
4607
  }, [value]);
4602
4608
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
4609
+ className: telClass,
4603
4610
  style: {
4604
4611
  ...inpStyles,
4605
4612
  width: 'auto',
@@ -4901,6 +4908,7 @@ const Input = ({
4901
4908
  family,
4902
4909
  padding,
4903
4910
  tooltip,
4911
+ telClass,
4904
4912
  leftIcon,
4905
4913
  required,
4906
4914
  disabled,
@@ -5136,6 +5144,7 @@ const Input = ({
5136
5144
  inpStyles: inpStyles,
5137
5145
  inpAttributes: inpAttributes,
5138
5146
  radius: radius ?? configStyles.INPUT.radius,
5147
+ telClass: telClass ?? configStyles.INPUT.tel.className,
5139
5148
  phoneDisplay: phoneDisplay ?? configStyles.INPUT.tel.display,
5140
5149
  phoneAlignItems: phoneAlignItems ?? configStyles.INPUT.tel.alignItems,
5141
5150
  phoneJustifyContent: phoneJustifyContent ?? configStyles.INPUT.tel.justifyContent,
@@ -5323,6 +5332,7 @@ Input.propTypes = {
5323
5332
  regexpErrorMessage: PropTypes__default["default"].string,
5324
5333
  regexp: PropTypes__default["default"].instanceOf(RegExp),
5325
5334
  fireInputInsideError: PropTypes__default["default"].func,
5335
+ telClass: PropTypes__default["default"].string,
5326
5336
  telBorderRightWidth: PropTypes__default["default"].string,
5327
5337
  telBorderRightStyle: PropTypes__default["default"].string,
5328
5338
  telBorderRightColor: PropTypes__default["default"].string,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xaypay/tui",
3
- "version": "0.2.17",
3
+ "version": "0.2.19",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.es.js",
package/tui.config.js CHANGED
@@ -141,6 +141,7 @@ export default {
141
141
  },
142
142
 
143
143
  tel: {
144
+ className: 'tel-code',
144
145
  display: 'flex',
145
146
  alignItems: 'center',
146
147
  justifyContent: 'center',
@@ -720,6 +721,7 @@ export default {
720
721
  },
721
722
 
722
723
  icon: {
724
+ className: 'tui_close-modal-icon'
723
725
  // zoom: React.createElement(SvgChecked, { fill: 'green' }),
724
726
  // prev: React.createElement(SvgChecked, { fill: 'green' }),
725
727
  // next: React.createElement(SvgChecked, { fill: 'green' }),