@xaypay/tui 0.0.90 → 0.0.91

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 +9 -2
  2. package/dist/index.js +9 -2
  3. package/package.json +1 -1
  4. package/src/components/newAutocomplete/index.js +6 -2
  5. package/src/components/select/index.js +3 -0
  6. package/src/stories/configuration.stories.mdx +3 -0
  7. package/tui.config.js +3 -0
package/dist/index.es.js CHANGED
@@ -1251,6 +1251,7 @@ const Select = ({
1251
1251
  selectedLineHeight,
1252
1252
  selectedHoverColor,
1253
1253
  selectedTransition,
1254
+ selectedBackgroundColor,
1254
1255
  optionsBoxShadow,
1255
1256
  optionsBorderRadius,
1256
1257
  optionsBackgroundColor,
@@ -1409,6 +1410,7 @@ const Select = ({
1409
1410
  fontWeight: selectedFontWeight ? selectedFontWeight : configStyles.SELECT.selectedFontWeight,
1410
1411
  lineHeight: selectedLineHeight ? selectedLineHeight : configStyles.SELECT.selectedLineHeight,
1411
1412
  transition: selectedTransition ? selectedTransition : configStyles.SELECT.selectedTransition,
1413
+ backgroundColor: selectedBackgroundColor ? selectedBackgroundColor : configStyles.SELECT.selectedBackgroundColor,
1412
1414
  boxShadow: errorMessage ? errorColor ? `0 0 0 2px ${errorColor}` : `0 0 0 2px ${configStyles.SELECT.errorColor}` : isHover ? boxShadowHover ? boxShadowHover : configStyles.SELECT.boxShadowHover : boxShadow ? boxShadow : configStyles.SELECT.boxShadow
1413
1415
  },
1414
1416
  onClick: disabled ? _ => _ : _ => handleOpenClose(),
@@ -1526,6 +1528,7 @@ Select.propTypes = {
1526
1528
  selectedFontWeight: PropTypes.string,
1527
1529
  selectedLineHeight: PropTypes.string,
1528
1530
  selectedTransition: PropTypes.string,
1531
+ selectedBackgroundColor: PropTypes.string,
1529
1532
  optionsBoxShadow: PropTypes.string,
1530
1533
  optionsBorderRadius: PropTypes.string,
1531
1534
  optionsBackgroundColor: PropTypes.string,
@@ -3803,6 +3806,7 @@ const NewAutocomplete = ({
3803
3806
  contentTopDisplay,
3804
3807
  contentTopPadding,
3805
3808
  contentBottomLeft,
3809
+ innerErrorPadding,
3806
3810
  showOptionDuration,
3807
3811
  labelRequiredColor,
3808
3812
  contentTopMaxWidth,
@@ -3828,6 +3832,7 @@ const NewAutocomplete = ({
3828
3832
  contentBottomRowFontSize,
3829
3833
  contentBottomRowBoxSizing,
3830
3834
  contentBottomInnerDisplay,
3835
+ innerErrorBackgroundColor,
3831
3836
  contentBottomRowFontWeight,
3832
3837
  contentBottomRowLineHeight,
3833
3838
  contentBottomRowAlignItems,
@@ -3954,10 +3959,10 @@ const NewAutocomplete = ({
3954
3959
  color: errorColor ? errorColor : configStyles.NEWAUTOCOMPLETE.errorColor,
3955
3960
  fontSize: errorSize ? errorSize : configStyles.NEWAUTOCOMPLETE.errorSize,
3956
3961
  top: marginTop ? `calc(100% + ${marginTop})` : `calc(100% + ${configStyles.INPUT.marginTop})`,
3962
+ padding: innerErrorPadding ? innerErrorPadding : configStyles.NEWAUTOCOMPLETE.innerErrorPadding,
3957
3963
  height: contentBottomRowHeight ? contentBottomRowHeight : configStyles.NEWAUTOCOMPLETE.contentBottomRowHeight,
3958
- padding: contentBottomRowPadding ? contentBottomRowPadding : configStyles.NEWAUTOCOMPLETE.contentBottomRowPadding,
3959
3964
  lineHeight: contentBottomRowHeight ? contentBottomRowHeight : configStyles.NEWAUTOCOMPLETE.contentBottomRowHeight,
3960
- backgroundColor: contentBottomBackgroundColor ? contentBottomBackgroundColor : configStyles.NEWAUTOCOMPLETE.contentBottomBackgroundColor
3965
+ backgroundColor: innerErrorBackgroundColor ? innerErrorBackgroundColor : configStyles.NEWAUTOCOMPLETE.innerErrorBackgroundColor
3961
3966
  }
3962
3967
  }, innerValue.length >= searchCount ? 'Նման տվյալ առկա չէ' : `Լրացնել առնվազն ${searchCount} նիշ`) : '' : '');
3963
3968
  useEffect(() => {
@@ -4085,6 +4090,7 @@ NewAutocomplete.propTypes = {
4085
4090
  contentBottomLeft: PropTypes.string,
4086
4091
  options: PropTypes.array.isRequired,
4087
4092
  labelMarginBottom: PropTypes.string,
4093
+ innerErrorPadding: PropTypes.string,
4088
4094
  labelRequiredColor: PropTypes.string,
4089
4095
  labelTextTransform: PropTypes.string,
4090
4096
  showOptionDuration: PropTypes.string,
@@ -4109,6 +4115,7 @@ NewAutocomplete.propTypes = {
4109
4115
  contentBottomRowPadding: PropTypes.string,
4110
4116
  contentBottomRowFontSize: PropTypes.string,
4111
4117
  contentBottomRowBoxSizing: PropTypes.string,
4118
+ innerErrorBackgroundColor: PropTypes.string,
4112
4119
  contentBottomInnerDisplay: PropTypes.string,
4113
4120
  contentBottomRowFontWeight: PropTypes.number,
4114
4121
  contentBottomRowLineHeight: PropTypes.string,
package/dist/index.js CHANGED
@@ -1281,6 +1281,7 @@ const Select = ({
1281
1281
  selectedLineHeight,
1282
1282
  selectedHoverColor,
1283
1283
  selectedTransition,
1284
+ selectedBackgroundColor,
1284
1285
  optionsBoxShadow,
1285
1286
  optionsBorderRadius,
1286
1287
  optionsBackgroundColor,
@@ -1439,6 +1440,7 @@ const Select = ({
1439
1440
  fontWeight: selectedFontWeight ? selectedFontWeight : configStyles.SELECT.selectedFontWeight,
1440
1441
  lineHeight: selectedLineHeight ? selectedLineHeight : configStyles.SELECT.selectedLineHeight,
1441
1442
  transition: selectedTransition ? selectedTransition : configStyles.SELECT.selectedTransition,
1443
+ backgroundColor: selectedBackgroundColor ? selectedBackgroundColor : configStyles.SELECT.selectedBackgroundColor,
1442
1444
  boxShadow: errorMessage ? errorColor ? `0 0 0 2px ${errorColor}` : `0 0 0 2px ${configStyles.SELECT.errorColor}` : isHover ? boxShadowHover ? boxShadowHover : configStyles.SELECT.boxShadowHover : boxShadow ? boxShadow : configStyles.SELECT.boxShadow
1443
1445
  },
1444
1446
  onClick: disabled ? _ => _ : _ => handleOpenClose(),
@@ -1556,6 +1558,7 @@ Select.propTypes = {
1556
1558
  selectedFontWeight: PropTypes__default["default"].string,
1557
1559
  selectedLineHeight: PropTypes__default["default"].string,
1558
1560
  selectedTransition: PropTypes__default["default"].string,
1561
+ selectedBackgroundColor: PropTypes__default["default"].string,
1559
1562
  optionsBoxShadow: PropTypes__default["default"].string,
1560
1563
  optionsBorderRadius: PropTypes__default["default"].string,
1561
1564
  optionsBackgroundColor: PropTypes__default["default"].string,
@@ -3833,6 +3836,7 @@ const NewAutocomplete = ({
3833
3836
  contentTopDisplay,
3834
3837
  contentTopPadding,
3835
3838
  contentBottomLeft,
3839
+ innerErrorPadding,
3836
3840
  showOptionDuration,
3837
3841
  labelRequiredColor,
3838
3842
  contentTopMaxWidth,
@@ -3858,6 +3862,7 @@ const NewAutocomplete = ({
3858
3862
  contentBottomRowFontSize,
3859
3863
  contentBottomRowBoxSizing,
3860
3864
  contentBottomInnerDisplay,
3865
+ innerErrorBackgroundColor,
3861
3866
  contentBottomRowFontWeight,
3862
3867
  contentBottomRowLineHeight,
3863
3868
  contentBottomRowAlignItems,
@@ -3984,10 +3989,10 @@ const NewAutocomplete = ({
3984
3989
  color: errorColor ? errorColor : configStyles.NEWAUTOCOMPLETE.errorColor,
3985
3990
  fontSize: errorSize ? errorSize : configStyles.NEWAUTOCOMPLETE.errorSize,
3986
3991
  top: marginTop ? `calc(100% + ${marginTop})` : `calc(100% + ${configStyles.INPUT.marginTop})`,
3992
+ padding: innerErrorPadding ? innerErrorPadding : configStyles.NEWAUTOCOMPLETE.innerErrorPadding,
3987
3993
  height: contentBottomRowHeight ? contentBottomRowHeight : configStyles.NEWAUTOCOMPLETE.contentBottomRowHeight,
3988
- padding: contentBottomRowPadding ? contentBottomRowPadding : configStyles.NEWAUTOCOMPLETE.contentBottomRowPadding,
3989
3994
  lineHeight: contentBottomRowHeight ? contentBottomRowHeight : configStyles.NEWAUTOCOMPLETE.contentBottomRowHeight,
3990
- backgroundColor: contentBottomBackgroundColor ? contentBottomBackgroundColor : configStyles.NEWAUTOCOMPLETE.contentBottomBackgroundColor
3995
+ backgroundColor: innerErrorBackgroundColor ? innerErrorBackgroundColor : configStyles.NEWAUTOCOMPLETE.innerErrorBackgroundColor
3991
3996
  }
3992
3997
  }, innerValue.length >= searchCount ? 'Նման տվյալ առկա չէ' : `Լրացնել առնվազն ${searchCount} նիշ`) : '' : '');
3993
3998
  React.useEffect(() => {
@@ -4115,6 +4120,7 @@ NewAutocomplete.propTypes = {
4115
4120
  contentBottomLeft: PropTypes__default["default"].string,
4116
4121
  options: PropTypes__default["default"].array.isRequired,
4117
4122
  labelMarginBottom: PropTypes__default["default"].string,
4123
+ innerErrorPadding: PropTypes__default["default"].string,
4118
4124
  labelRequiredColor: PropTypes__default["default"].string,
4119
4125
  labelTextTransform: PropTypes__default["default"].string,
4120
4126
  showOptionDuration: PropTypes__default["default"].string,
@@ -4139,6 +4145,7 @@ NewAutocomplete.propTypes = {
4139
4145
  contentBottomRowPadding: PropTypes__default["default"].string,
4140
4146
  contentBottomRowFontSize: PropTypes__default["default"].string,
4141
4147
  contentBottomRowBoxSizing: PropTypes__default["default"].string,
4148
+ innerErrorBackgroundColor: PropTypes__default["default"].string,
4142
4149
  contentBottomInnerDisplay: PropTypes__default["default"].string,
4143
4150
  contentBottomRowFontWeight: PropTypes__default["default"].number,
4144
4151
  contentBottomRowLineHeight: PropTypes__default["default"].string,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@xaypay/tui",
3
- "version": "0.0.90",
3
+ "version": "0.0.91",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.es.js",
package/src/components/newAutocomplete/index.js CHANGED
@@ -39,6 +39,7 @@ export const NewAutocomplete = ({
39
39
  contentTopDisplay,
40
40
  contentTopPadding,
41
41
  contentBottomLeft,
42
+ innerErrorPadding,
42
43
  showOptionDuration,
43
44
  labelRequiredColor,
44
45
  contentTopMaxWidth,
@@ -64,6 +65,7 @@ export const NewAutocomplete = ({
64
65
  contentBottomRowFontSize,
65
66
  contentBottomRowBoxSizing,
66
67
  contentBottomInnerDisplay,
68
+ innerErrorBackgroundColor,
67
69
  contentBottomRowFontWeight,
68
70
  contentBottomRowLineHeight,
69
71
  contentBottomRowAlignItems,
@@ -221,10 +223,10 @@ export const NewAutocomplete = ({
221
223
  color: errorColor ? errorColor : configStyles.NEWAUTOCOMPLETE.errorColor,
222
224
  fontSize: errorSize ? errorSize : configStyles.NEWAUTOCOMPLETE.errorSize,
223
225
  top: marginTop ? `calc(100% + ${marginTop})` : `calc(100% + ${configStyles.INPUT.marginTop})`,
226
+ padding: innerErrorPadding ? innerErrorPadding : configStyles.NEWAUTOCOMPLETE.innerErrorPadding,
224
227
  height: contentBottomRowHeight ? contentBottomRowHeight : configStyles.NEWAUTOCOMPLETE.contentBottomRowHeight,
225
- padding: contentBottomRowPadding ? contentBottomRowPadding : configStyles.NEWAUTOCOMPLETE.contentBottomRowPadding,
226
228
  lineHeight: contentBottomRowHeight ? contentBottomRowHeight : configStyles.NEWAUTOCOMPLETE.contentBottomRowHeight,
227
- backgroundColor: contentBottomBackgroundColor ? contentBottomBackgroundColor : configStyles.NEWAUTOCOMPLETE.contentBottomBackgroundColor,
229
+ backgroundColor: innerErrorBackgroundColor ? innerErrorBackgroundColor : configStyles.NEWAUTOCOMPLETE.innerErrorBackgroundColor,
228
230
  }}
229
231
  >
230
232
  {
@@ -404,6 +406,7 @@ NewAutocomplete.propTypes = {
404
406
  contentBottomLeft: PropTypes.string,
405
407
  options: PropTypes.array.isRequired,
406
408
  labelMarginBottom: PropTypes.string,
409
+ innerErrorPadding: PropTypes.string,
407
410
  labelRequiredColor: PropTypes.string,
408
411
  labelTextTransform: PropTypes.string,
409
412
  showOptionDuration: PropTypes.string,
@@ -428,6 +431,7 @@ NewAutocomplete.propTypes = {
428
431
  contentBottomRowPadding: PropTypes.string,
429
432
  contentBottomRowFontSize: PropTypes.string,
430
433
  contentBottomRowBoxSizing: PropTypes.string,
434
+ innerErrorBackgroundColor: PropTypes.string,
431
435
  contentBottomInnerDisplay: PropTypes.string,
432
436
  contentBottomRowFontWeight: PropTypes.number,
433
437
  contentBottomRowLineHeight: PropTypes.string,
package/src/components/select/index.js CHANGED
@@ -49,6 +49,7 @@ export const Select = ({
49
49
  selectedLineHeight,
50
50
  selectedHoverColor,
51
51
  selectedTransition,
52
+ selectedBackgroundColor,
52
53
 
53
54
  optionsBoxShadow,
54
55
  optionsBorderRadius,
@@ -233,6 +234,7 @@ export const Select = ({
233
234
  fontWeight: selectedFontWeight ? selectedFontWeight : configStyles.SELECT.selectedFontWeight,
234
235
  lineHeight: selectedLineHeight ? selectedLineHeight : configStyles.SELECT.selectedLineHeight,
235
236
  transition: selectedTransition ? selectedTransition : configStyles.SELECT.selectedTransition,
237
+ backgroundColor: selectedBackgroundColor ? selectedBackgroundColor : configStyles.SELECT.selectedBackgroundColor,
236
238
  boxShadow: errorMessage ? errorColor ? `0 0 0 2px ${errorColor}` : `0 0 0 2px ${configStyles.SELECT.errorColor}` : isHover ? boxShadowHover ? boxShadowHover : configStyles.SELECT.boxShadowHover : boxShadow ? boxShadow : configStyles.SELECT.boxShadow
237
239
  }}
238
240
  onClick={disabled ? _ => _ : _ => handleOpenClose()}
@@ -399,6 +401,7 @@ Select.propTypes = {
399
401
  selectedFontWeight: PropTypes.string,
400
402
  selectedLineHeight: PropTypes.string,
401
403
  selectedTransition: PropTypes.string,
404
+ selectedBackgroundColor: PropTypes.string,
402
405
 
403
406
  optionsBoxShadow: PropTypes.string,
404
407
  optionsBorderRadius: PropTypes.string,
package/src/stories/configuration.stories.mdx CHANGED
@@ -350,6 +350,7 @@ import StackAlt from './assets/stackalt.svg';
350
350
  selectedBorderColor: '#D1D1D1', // for selected border color
351
351
  selectedBoxSizing: 'border-box', // for selected box sizing
352
352
  selectedTransition: 'border-color 240ms', // for selected transition
353
+ selectedBackgroundColor: '#FBFBFB', // for selected background color
353
354
 
354
355
  optionsBorderRadius: '6px', // for options block border radius
355
356
  optionsBackgroundColor: '#FBFBFB', // for options block background color
@@ -465,6 +466,8 @@ import StackAlt from './assets/stackalt.svg';
465
466
  contentDirection: 'column', // for autocomplete parent block flex direction
466
467
  contentPosition: 'relative', // for autocomplete parent block position
467
468
  showOptionDuration: '640ms', // for autocomplete parent block animation duration
469
+ innerErrorPadding: '0px 15px', // for autocomplete error padding
470
+ innerErrorBackgroundColor: '#FBFBFB', // for autocomplete inner error message background color
468
471
 
469
472
  contentTopWeight: 500, // for autocomplate top block font weight
470
473
  contentTopSize: '16px', // for autocomplate top block font size
package/tui.config.js CHANGED
@@ -205,6 +205,7 @@ module.exports = {
205
205
  selectedHoverColor: '#373538', // for selected color ( when hover )
206
206
  selectedBoxSizing: 'border-box', // for selected box sizing
207
207
  selectedTransition: 'border-color 240ms', // for selected transition
208
+ selectedBackgroundColor: '#FBFBFB', // for selected background color
208
209
 
209
210
  optionsBorderRadius: '6px', // for options block border radius
210
211
  optionsBackgroundColor: '#FBFBFB', // for options block background color
@@ -276,6 +277,8 @@ module.exports = {
276
277
  contentDirection: 'column', // for autocomplete parent block flex direction
277
278
  contentPosition: 'relative', // for autocomplete parent block position
278
279
  showOptionDuration: '640ms', // for autocomplete parent block animation duration
280
+ innerErrorPadding: '0px 15px', // for autocomplete error padding
281
+ innerErrorBackgroundColor: 'green', // for autocomplete inner error message background color
279
282
 
280
283
  contentTopWeight: 500, // for autocomplate top block font weight
281
284
  contentTopSize: '16px', // for autocomplate top block font size