@true-engineering/true-react-common-ui-kit 2.5.0 → 2.6.0

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 (78) hide show
  1. package/LICENSE +201 -201
  2. package/dist/components/Flag/augment.d.ts +1 -1
  3. package/dist/components/Icon/complexIcons/augment.d.ts +1 -1
  4. package/dist/components/Input/Input.d.ts +2 -2
  5. package/dist/true-react-common-ui-kit.js +58 -58
  6. package/dist/true-react-common-ui-kit.js.map +1 -1
  7. package/dist/true-react-common-ui-kit.umd.cjs +58 -58
  8. package/dist/true-react-common-ui-kit.umd.cjs.map +1 -1
  9. package/dist/vite-env.d.ts +1 -1
  10. package/package.json +1 -1
  11. package/src/components/AccountInfo/AccountInfo.styles.ts +55 -55
  12. package/src/components/AccountInfo/index.ts +2 -2
  13. package/src/components/AddButton/AddButton.stories.tsx +21 -21
  14. package/src/components/AddButton/AddButton.styles.ts +34 -34
  15. package/src/components/AddButton/index.ts +2 -2
  16. package/src/components/Button/Button.styles.ts +196 -196
  17. package/src/components/Checkbox/Checkbox.styles.ts +62 -62
  18. package/src/components/Checkbox/index.ts +2 -2
  19. package/src/components/CloseButton/index.ts +2 -2
  20. package/src/components/Colors/Colors.stories.tsx +7 -7
  21. package/src/components/Colors/Colors.styles.ts +38 -38
  22. package/src/components/Colors/index.ts +2 -2
  23. package/src/components/CssBaseline/CssBaseline.styles.ts +15 -15
  24. package/src/components/CssBaseline/index.ts +2 -2
  25. package/src/components/DateInput/DateInput.styles.ts +14 -14
  26. package/src/components/DateInput/constants.ts +2 -2
  27. package/src/components/DateInput/index.ts +3 -3
  28. package/src/components/Description/Description.styles.ts +31 -31
  29. package/src/components/Description/index.ts +2 -2
  30. package/src/components/FiltersPane/FiltersPane.styles.ts +71 -71
  31. package/src/components/Flag/Flag.styles.ts +18 -18
  32. package/src/components/Flag/augment.d.ts +1 -1
  33. package/src/components/Flag/index.ts +2 -2
  34. package/src/components/FlexibleTable/index.ts +3 -3
  35. package/src/components/Icon/Icon.styles.ts +10 -10
  36. package/src/components/Icon/complexIcons/augment.d.ts +1 -1
  37. package/src/components/Icon/complexIcons/avatarGreen.svg +57 -57
  38. package/src/components/Icon/complexIcons/index.ts +1 -1
  39. package/src/components/IncrementInput/IncrementInput.styles.ts +77 -77
  40. package/src/components/IncrementInput/index.ts +2 -2
  41. package/src/components/Input/Input.styles.ts +307 -307
  42. package/src/components/Input/Input.tsx +3 -2
  43. package/src/components/List/List.styles.ts +52 -52
  44. package/src/components/MoreMenu/MoreMenu.stories.tsx +46 -46
  45. package/src/components/MoreMenu/index.ts +2 -2
  46. package/src/components/MultiSelect/MultiSelect.styles.ts +55 -55
  47. package/src/components/NumberInput/index.ts +1 -1
  48. package/src/components/PhoneInput/PhoneInput.styles.ts +84 -84
  49. package/src/components/PhoneInput/types.ts +16 -16
  50. package/src/components/RadioButton/RadioButton.styles.ts +37 -37
  51. package/src/components/RadioButton/index.ts +2 -2
  52. package/src/components/ScrollIntoViewIfNeeded/index.ts +1 -1
  53. package/src/components/SearchInput/index.ts +2 -2
  54. package/src/components/Select/Select.styles.ts +96 -96
  55. package/src/components/Select/constants.ts +2 -2
  56. package/src/components/Select/types.ts +1 -1
  57. package/src/components/Switch/Switch.styles.ts +75 -75
  58. package/src/components/TextArea/TextArea.styles.ts +153 -153
  59. package/src/components/TextArea/index.ts +2 -2
  60. package/src/components/TextWithInfo/TextWithInfo.styles.ts +60 -60
  61. package/src/components/TextWithInfo/index.ts +2 -2
  62. package/src/components/TextWithTooltip/TextWithTooltip.stories.tsx +58 -58
  63. package/src/components/TextWithTooltip/TextWithTooltip.styles.ts +19 -19
  64. package/src/components/TextWithTooltip/index.ts +2 -2
  65. package/src/components/ThemedPreloader/ThemedPreloader.styles.ts +21 -21
  66. package/src/components/ThemedPreloader/components/DefaultPreloader/index.ts +1 -1
  67. package/src/components/ThemedPreloader/components/DotsPreloader/DotsPreloader.styles.ts +54 -54
  68. package/src/components/ThemedPreloader/components/DotsPreloader/index.ts +2 -2
  69. package/src/components/ThemedPreloader/components/SvgPreloader/SvgPreloader.styles.ts +11 -11
  70. package/src/components/ThemedPreloader/components/SvgPreloader/index.ts +2 -2
  71. package/src/components/Toaster/Toaster.styles.ts +59 -59
  72. package/src/components/Tooltip/types.ts +1 -1
  73. package/src/components/index.ts +36 -36
  74. package/src/helpers/popper-helpers.ts +17 -17
  75. package/src/hooks/index.ts +6 -6
  76. package/src/hooks/use-is-mounted.ts +15 -15
  77. package/src/index.ts +6 -6
  78. package/src/vite-env.d.ts +1 -1
package/dist/true-react-common-ui-kit.umd.cjs CHANGED
@@ -3984,63 +3984,63 @@
3984
3984
  };
3985
3985
  }, dependencies);
3986
3986
  };
3987
- const avatarGreen = ` <svg
3988
- width="100%"
3989
- height="100%"
3990
- viewBox="0 0 32 32"
3991
- fill="none"
3992
- xmlns="http://www.w3.org/2000/svg"
3993
- >
3994
- <circle opacity="0.5" cx="16" cy="16" r="16" fill="#DDE3ED" />
3995
- <mask
3996
- id="mask0_0_12744"
3997
- style="mask-type: 'alpha';"
3998
- maskUnits="userSpaceOnUse"
3999
- x="0"
4000
- y="0"
4001
- width="32"
4002
- height="32"
4003
- >
4004
- <circle cx="16" cy="16" r="16" fill="white" />
4005
- </mask>
4006
- <g mask="url(#mask0_0_12744)">
4007
- <circle cx="16" cy="29" r="13" fill="url(#paint0_linear_0_12744)" />
4008
- <mask
4009
- id="mask1_0_12744"
4010
- style="mask-type: 'alpha';"
4011
- maskUnits="userSpaceOnUse"
4012
- x="3"
4013
- y="16"
4014
- width="26"
4015
- height="26"
4016
- >
4017
- <circle cx="16" cy="29" r="13" fill="white" />
4018
- </mask>
4019
- <g mask="url(#mask1_0_12744)">
4020
- <ellipse
4021
- cx="16"
4022
- cy="17.5"
4023
- rx="6"
4024
- ry="7.5"
4025
- fill="#505F79"
4026
- fill-opacity="0.204983"
4027
- />
4028
- </g>
4029
- </g>
4030
- <ellipse cx="16" cy="13" rx="6" ry="7" fill="white" />
4031
- <defs>
4032
- <linearGradient
4033
- id="paint0_linear_0_12744"
4034
- x1="13.347"
4035
- y1="46.279"
4036
- x2="33.5318"
4037
- y2="30.8088"
4038
- gradientUnits="userSpaceOnUse"
4039
- >
4040
- <stop stop-color="#ABD229" />
4041
- <stop offset="1" stop-color="#9CD03F" />
4042
- </linearGradient>
4043
- </defs>
3987
+ const avatarGreen = ` <svg\r
3988
+ width="100%"\r
3989
+ height="100%"\r
3990
+ viewBox="0 0 32 32"\r
3991
+ fill="none"\r
3992
+ xmlns="http://www.w3.org/2000/svg"\r
3993
+ >\r
3994
+ <circle opacity="0.5" cx="16" cy="16" r="16" fill="#DDE3ED" />\r
3995
+ <mask\r
3996
+ id="mask0_0_12744"\r
3997
+ style="mask-type: 'alpha';"\r
3998
+ maskUnits="userSpaceOnUse"\r
3999
+ x="0"\r
4000
+ y="0"\r
4001
+ width="32"\r
4002
+ height="32"\r
4003
+ >\r
4004
+ <circle cx="16" cy="16" r="16" fill="white" />\r
4005
+ </mask>\r
4006
+ <g mask="url(#mask0_0_12744)">\r
4007
+ <circle cx="16" cy="29" r="13" fill="url(#paint0_linear_0_12744)" />\r
4008
+ <mask\r
4009
+ id="mask1_0_12744"\r
4010
+ style="mask-type: 'alpha';"\r
4011
+ maskUnits="userSpaceOnUse"\r
4012
+ x="3"\r
4013
+ y="16"\r
4014
+ width="26"\r
4015
+ height="26"\r
4016
+ >\r
4017
+ <circle cx="16" cy="29" r="13" fill="white" />\r
4018
+ </mask>\r
4019
+ <g mask="url(#mask1_0_12744)">\r
4020
+ <ellipse\r
4021
+ cx="16"\r
4022
+ cy="17.5"\r
4023
+ rx="6"\r
4024
+ ry="7.5"\r
4025
+ fill="#505F79"\r
4026
+ fill-opacity="0.204983"\r
4027
+ />\r
4028
+ </g>\r
4029
+ </g>\r
4030
+ <ellipse cx="16" cy="13" rx="6" ry="7" fill="white" />\r
4031
+ <defs>\r
4032
+ <linearGradient\r
4033
+ id="paint0_linear_0_12744"\r
4034
+ x1="13.347"\r
4035
+ y1="46.279"\r
4036
+ x2="33.5318"\r
4037
+ y2="30.8088"\r
4038
+ gradientUnits="userSpaceOnUse"\r
4039
+ >\r
4040
+ <stop stop-color="#ABD229" />\r
4041
+ <stop offset="1" stop-color="#9CD03F" />\r
4042
+ </linearGradient>\r
4043
+ </defs>\r
4044
4044
  </svg>`;
4045
4045
  var complexIcons = {
4046
4046
  avatar: avatarGreen
@@ -7115,7 +7115,7 @@
7115
7115
  var hasControls = hasClearIcon || iconType !== void 0 || isLoading;
7116
7116
  var hasValue = value !== void 0 && value !== "";
7117
7117
  var hasUnits = units !== void 0 && units !== "";
7118
- var hasLabel = trueReactPlatformHelpers.isStringNotEmpty(label);
7118
+ var hasLabel = trueReactPlatformHelpers.isReactNodeNotEmpty(label);
7119
7119
  var hasPlaceholder = (!hasLabel || hasFocus && !isReadonly || shouldAlwaysShowPlaceholder) && trueReactPlatformHelpers.isStringNotEmpty(placeholder);
7120
7120
  var shouldShowUnits = (hasValue || isFocused && !hasPlaceholder) && hasUnits;
7121
7121
  var _obj;