@vchasno/ui-kit 0.3.32 → 0.3.34

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 (66) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/Datepicker/index.cjs.js +4 -3
  3. package/dist/Datepicker/index.cjs.js.map +1 -1
  4. package/dist/Datepicker/index.d.ts +6 -1
  5. package/dist/Datepicker/index.js +4 -3
  6. package/dist/Datepicker/index.js.map +1 -1
  7. package/dist/Datepicker/types/components/Datepicker/DatePicker.d.ts +3 -2
  8. package/dist/Datepicker/types/components/Input/Input.d.ts +2 -3
  9. package/dist/Datepicker/types/components/Select/Select.d.ts +2 -2
  10. package/dist/Datepicker/types/components/Select/SelectCreatable.d.ts +2 -2
  11. package/dist/Datepicker/types/components/types.d.ts +4 -0
  12. package/dist/Menu/types/components/Datepicker/DatePicker.d.ts +3 -2
  13. package/dist/Menu/types/components/Input/Input.d.ts +2 -3
  14. package/dist/Menu/types/components/Select/Select.d.ts +2 -2
  15. package/dist/Menu/types/components/Select/SelectCreatable.d.ts +2 -2
  16. package/dist/Menu/types/components/types.d.ts +4 -0
  17. package/dist/ProjectsPopover/types/components/Datepicker/DatePicker.d.ts +3 -2
  18. package/dist/ProjectsPopover/types/components/Input/Input.d.ts +2 -3
  19. package/dist/ProjectsPopover/types/components/Select/Select.d.ts +2 -2
  20. package/dist/ProjectsPopover/types/components/Select/SelectCreatable.d.ts +2 -2
  21. package/dist/ProjectsPopover/types/components/types.d.ts +4 -0
  22. package/dist/Select/index.cjs.js +3 -3
  23. package/dist/Select/index.cjs.js.map +1 -1
  24. package/dist/Select/index.d.ts +5 -1
  25. package/dist/Select/index.js +3 -3
  26. package/dist/Select/index.js.map +1 -1
  27. package/dist/Select/types/components/Datepicker/DatePicker.d.ts +3 -2
  28. package/dist/Select/types/components/Input/Input.d.ts +2 -3
  29. package/dist/Select/types/components/Select/Select.d.ts +2 -2
  30. package/dist/Select/types/components/Select/SelectCreatable.d.ts +2 -2
  31. package/dist/Select/types/components/types.d.ts +4 -0
  32. package/dist/SelectCreatable/index.cjs.js +3 -3
  33. package/dist/SelectCreatable/index.cjs.js.map +1 -1
  34. package/dist/SelectCreatable/index.d.ts +5 -1
  35. package/dist/SelectCreatable/index.js +3 -3
  36. package/dist/SelectCreatable/index.js.map +1 -1
  37. package/dist/SelectCreatable/types/components/Datepicker/DatePicker.d.ts +3 -2
  38. package/dist/SelectCreatable/types/components/Input/Input.d.ts +2 -3
  39. package/dist/SelectCreatable/types/components/Select/Select.d.ts +2 -2
  40. package/dist/SelectCreatable/types/components/Select/SelectCreatable.d.ts +2 -2
  41. package/dist/SelectCreatable/types/components/types.d.ts +4 -0
  42. package/dist/Snackbar/index.cjs.js +6 -6
  43. package/dist/Snackbar/index.cjs.js.map +1 -1
  44. package/dist/Snackbar/index.js +6 -6
  45. package/dist/Snackbar/index.js.map +1 -1
  46. package/dist/Snackbar/types/components/Datepicker/DatePicker.d.ts +3 -2
  47. package/dist/Snackbar/types/components/Input/Input.d.ts +2 -3
  48. package/dist/Snackbar/types/components/Select/Select.d.ts +2 -2
  49. package/dist/Snackbar/types/components/Select/SelectCreatable.d.ts +2 -2
  50. package/dist/Snackbar/types/components/types.d.ts +4 -0
  51. package/dist/css/DatePicker.global.css +4 -0
  52. package/dist/css/Input.global.css +1 -1
  53. package/dist/css/MaskInput.global.css +1 -1
  54. package/dist/css/Select.global.css +1 -1
  55. package/dist/css/TextAreaInput.global.css +1 -1
  56. package/dist/css/TextInput.global.css +1 -1
  57. package/dist/css/_theme.css +1 -0
  58. package/dist/index.d.ts +5 -2
  59. package/dist/index.js +8 -8
  60. package/dist/index.js.map +1 -1
  61. package/dist/types/components/Datepicker/DatePicker.d.ts +3 -2
  62. package/dist/types/components/Input/Input.d.ts +2 -3
  63. package/dist/types/components/Select/Select.d.ts +2 -2
  64. package/dist/types/components/Select/SelectCreatable.d.ts +2 -2
  65. package/dist/types/components/types.d.ts +4 -0
  66. package/package.json +1 -1
package/dist/Snackbar/types/components/Datepicker/DatePicker.d.ts CHANGED
@@ -1,9 +1,9 @@
1
1
  import React from 'react';
2
2
  import type { ReactDatePickerProps } from 'react-datepicker';
3
3
  import { MaskedInputProps } from 'react-text-mask';
4
- import type { DataQa, ErrorFeedback, LoadingFeedback, WithHint } from '../types';
4
+ import { DataQa, ErrorFeedback, HideEmptyMeta, LoadingFeedback, WithHint } from '../types';
5
5
  import './DatePicker.global.css';
6
- export interface DatePickerProps extends ReactDatePickerProps, Partial<LoadingFeedback & WithHint & ErrorFeedback & DataQa> {
6
+ export interface DatePickerProps extends ReactDatePickerProps, Partial<LoadingFeedback & WithHint & ErrorFeedback & DataQa & HideEmptyMeta> {
7
7
  label?: string;
8
8
  className?: string;
9
9
  showMask?: boolean;
@@ -11,6 +11,7 @@ export interface DatePickerProps extends ReactDatePickerProps, Partial<LoadingFe
11
11
  onChange: ReactDatePickerProps['onChange'];
12
12
  isClearable?: ReactDatePickerProps['isClearable'];
13
13
  dateFormat?: ReactDatePickerProps['dateFormat'];
14
+ wide?: boolean;
14
15
  }
15
16
  /**
16
17
  * @see <https://reactdatepicker.com/>
package/dist/Snackbar/types/components/Input/Input.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import React, { InputHTMLAttributes } from 'react';
2
- import type { DataQa, ErrorFeedback, LoadingFeedback, WithHint, WithLabel } from '../types';
2
+ import { DataQa, ErrorFeedback, HideEmptyMeta, LoadingFeedback, WithHint, WithLabel } from '../types';
3
3
  import './Input.global.css';
4
- export interface InputProps extends Partial<WithLabel & WithHint & LoadingFeedback & ErrorFeedback & DataQa> {
4
+ export interface InputProps extends Partial<WithLabel & WithHint & LoadingFeedback & ErrorFeedback & DataQa & HideEmptyMeta> {
5
5
  className?: string;
6
6
  disabled?: boolean;
7
7
  required?: boolean;
@@ -9,7 +9,6 @@ export interface InputProps extends Partial<WithLabel & WithHint & LoadingFeedba
9
9
  startElement?: string | React.ReactElement;
10
10
  endElement?: string | React.ReactElement;
11
11
  labelProps?: InputHTMLAttributes<HTMLLabelElement>;
12
- hideEmptyMeta?: boolean;
13
12
  children: React.ReactHTMLElement<HTMLInputElement> | React.ReactElement | JSX.Element[];
14
13
  }
15
14
  export declare const Input: React.FC<InputProps>;
package/dist/Snackbar/types/components/Select/Select.d.ts CHANGED
@@ -1,11 +1,11 @@
1
1
  import React from 'react';
2
2
  import { Props as ReactSelectProps } from 'react-select';
3
3
  import type { GroupBase } from 'react-select/dist/declarations/src/types';
4
- import { DataQa, ErrorFeedback, LoadingFeedback, WithHint, WithLabel } from '../types';
4
+ import { DataQa, ErrorFeedback, HideEmptyMeta, LoadingFeedback, WithHint, WithLabel } from '../types';
5
5
  import { Option } from './types';
6
6
  import './Select.global.css';
7
7
  export type SelectOption = Option;
8
- export interface SelectProps extends ReactSelectProps<Option, false | true, GroupBase<Option>>, Partial<WithLabel & WithHint & LoadingFeedback & ErrorFeedback & DataQa> {
8
+ export interface SelectProps extends ReactSelectProps<Option, false | true, GroupBase<Option>>, Partial<WithLabel & WithHint & LoadingFeedback & ErrorFeedback & DataQa & HideEmptyMeta> {
9
9
  wide?: boolean;
10
10
  }
11
11
  declare const Select: React.FC<SelectProps>;
package/dist/Snackbar/types/components/Select/SelectCreatable.d.ts CHANGED
@@ -1,11 +1,11 @@
1
1
  import React, { InputHTMLAttributes } from 'react';
2
2
  import { CreatableProps } from 'react-select/creatable';
3
3
  import type { GroupBase } from 'react-select/dist/declarations/src/types';
4
- import { DataQa, ErrorFeedback, LoadingFeedback, WithHint, WithLabel } from '../types';
4
+ import { DataQa, ErrorFeedback, HideEmptyMeta, LoadingFeedback, WithHint, WithLabel } from '../types';
5
5
  import { Option } from './types';
6
6
  import './Select.global.css';
7
7
  export type SelectOption = Option;
8
- export interface SelectCreatableProps extends CreatableProps<Option, false | true, GroupBase<Option>>, Partial<WithLabel & WithHint & LoadingFeedback & ErrorFeedback & DataQa> {
8
+ export interface SelectCreatableProps extends CreatableProps<Option, false | true, GroupBase<Option>>, Partial<WithLabel & WithHint & LoadingFeedback & ErrorFeedback & DataQa & HideEmptyMeta> {
9
9
  wide?: boolean;
10
10
  labelProps?: InputHTMLAttributes<HTMLLabelElement>;
11
11
  }
package/dist/Snackbar/types/components/types.d.ts CHANGED
@@ -26,6 +26,10 @@ export interface DataQa {
26
26
  /** для тестування */
27
27
  dataQa?: string;
28
28
  }
29
+ export interface HideEmptyMeta {
30
+ /** приховувати пустий блок під інпутом - якщо не має повідомлень щоб не займав місце */
31
+ hideEmptyMeta?: boolean;
32
+ }
29
33
  export interface TextAlign {
30
34
  /** для центрування тексту **/
31
35
  textAlign?: 'center' | 'start' | 'end' | 'justify';
package/dist/css/DatePicker.global.css CHANGED
@@ -575,6 +575,10 @@
575
575
  gap: 5px;
576
576
  }
577
577
 
578
+ .vchasno-ui-date-picker.--wide {
579
+ width: 100%;
580
+ }
581
+
578
582
  .vchasno-ui-date-picker .vchasno-ui-date-picker__picker {
579
583
  height: 50px;
580
584
  }
package/dist/css/Input.global.css CHANGED
@@ -6,7 +6,7 @@
6
6
  }
7
7
 
8
8
  .vchasno-ui-input input::placeholder {
9
- color: var(--vchasno-ui-input-border-color-default);
9
+ color: var(--vchasno-ui-input-placeholder-color);
10
10
  font-size: var(--vchasno-ui-input-font-size);
11
11
  line-height: calc(var(--vchasno-ui-input-font-size) * 1.2);
12
12
  transition: color var(--vchasno-ui-transition-duration-sec, 0.3s);
package/dist/css/MaskInput.global.css CHANGED
@@ -5,7 +5,7 @@
5
5
  }
6
6
 
7
7
  .vchasno-ui-mask-input::placeholder {
8
- color: var(--vchasno-ui-input-border-color-default);
8
+ color: var(--vchasno-ui-input-placeholder-color);
9
9
  font-size: var(--vchasno-ui-input-font-size);
10
10
  line-height: calc(var(--vchasno-ui-input-font-size) * 1.2);
11
11
  transition: color var(--vchasno-ui-transition-duration-sec, 0.3s);
package/dist/css/Select.global.css CHANGED
@@ -130,7 +130,7 @@
130
130
  }
131
131
 
132
132
  .vchasno-ui-select .vchasno-ui-select__placeholder {
133
- color: var(--vchasno-ui-input-border-color-default);
133
+ color: var(--vchasno-ui-input-placeholder-color);
134
134
  font-size: var(--vchasno-ui-input-font-size);
135
135
  font-weight: 400;
136
136
  }
package/dist/css/TextAreaInput.global.css CHANGED
@@ -14,7 +14,7 @@
14
14
  }
15
15
 
16
16
  .vchasno-ui-textarea-input::placeholder {
17
- color: var(--vchasno-ui-input-border-color-default);
17
+ color: var(--vchasno-ui-input-placeholder-color);
18
18
  font-size: var(--vchasno-ui-input-font-size);
19
19
  line-height: calc(var(--vchasno-ui-input-font-size) * 1.2);
20
20
  transition: color var(--vchasno-ui-transition-duration-sec, 0.3s);
package/dist/css/TextInput.global.css CHANGED
@@ -15,7 +15,7 @@
15
15
  }
16
16
 
17
17
  .vchasno-ui-text-input::placeholder {
18
- color: var(--vchasno-ui-input-border-color-default);
18
+ color: var(--vchasno-ui-input-placeholder-color);
19
19
  font-size: var(--vchasno-ui-input-font-size);
20
20
  line-height: var(--vchasno-ui-input-font-size);
21
21
  transition: color var(--vchasno-ui-transition-duration-sec, 0.3s);
package/dist/css/_theme.css CHANGED
@@ -34,6 +34,7 @@
34
34
  --vchasno-ui-input-bg-error: rgb(239 101 98 / 10%);
35
35
  --vchasno-ui-input-font-size: 14px;
36
36
  --vchasno-ui-input-font-color: #333;
37
+ --vchasno-ui-input-placeholder-color: #6b8091;
37
38
  --vchasno-ui-input-font-color-disabled: #b6cadb;
38
39
  --vchasno-ui-label-color-default: #6b8091;
39
40
  --vchasno-ui-label-color-focused: #6b5fff;
package/dist/index.d.ts CHANGED
@@ -33,6 +33,10 @@ interface DataQa {
33
33
  /** для тестування */
34
34
  dataQa?: string;
35
35
  }
36
+ interface HideEmptyMeta {
37
+ /** приховувати пустий блок під інпутом - якщо не має повідомлень щоб не займав місце */
38
+ hideEmptyMeta?: boolean;
39
+ }
36
40
  interface TextAlign {
37
41
  /** для центрування тексту **/
38
42
  textAlign?: 'center' | 'start' | 'end' | 'justify';
@@ -61,7 +65,7 @@ interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, Partial<S
61
65
  }
62
66
  declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
63
67
 
64
- interface InputProps extends Partial<WithLabel & WithHint & LoadingFeedback & ErrorFeedback & DataQa> {
68
+ interface InputProps extends Partial<WithLabel & WithHint & LoadingFeedback & ErrorFeedback & DataQa & HideEmptyMeta> {
65
69
  className?: string;
66
70
  disabled?: boolean;
67
71
  required?: boolean;
@@ -69,7 +73,6 @@ interface InputProps extends Partial<WithLabel & WithHint & LoadingFeedback & Er
69
73
  startElement?: string | React.ReactElement;
70
74
  endElement?: string | React.ReactElement;
71
75
  labelProps?: InputHTMLAttributes<HTMLLabelElement>;
72
- hideEmptyMeta?: boolean;
73
76
  children: React.ReactHTMLElement<HTMLInputElement> | React.ReactElement | JSX.Element[];
74
77
  }
75
78
  declare const Input: React.FC<InputProps>;
package/dist/index.js CHANGED
@@ -278,7 +278,7 @@ var LabelText = function (_a) {
278
278
  React$1.createElement("sup", null, "*")));
279
279
  };
280
280
 
281
- var css_248z$i = ".vchasno-ui-input {\n display: inline-flex;\n max-width: 100%;\n flex-direction: column;\n gap: 5px;\n}\n\n.vchasno-ui-input input::placeholder {\n color: var(--vchasno-ui-input-border-color-default);\n font-size: var(--vchasno-ui-input-font-size);\n line-height: calc(var(--vchasno-ui-input-font-size) * 1.2);\n transition: color var(--vchasno-ui-transition-duration-sec, 0.3s);\n}\n\n.vchasno-ui-input .vchasno-ui-text-input,\n.vchasno-ui-input .vchasno-ui-mask-input {\n flex-grow: 1;\n}\n\n.vchasno-ui-input.--wide {\n width: 100%;\n}\n\n.vchasno-ui-input__wrapper {\n position: relative;\n display: flex;\n min-height: 50px;\n box-sizing: border-box;\n align-items: center;\n padding-right: 33px;\n padding-left: 16px;\n border: 1px solid var(--vchasno-ui-input-border-color-default);\n border-radius: 8px;\n background-color: var(--vchasno-ui-input-bg-color);\n outline: solid 3px transparent;\n transition: border var(--vchasno-ui-transition-duration-sec, 0.3s);\n}\n\n.vchasno-ui-input__wrapper > input {\n max-width: 100%;\n}\n\n.vchasno-ui-input__wrapper__start-element {\n display: flex;\n flex-grow: 0;\n flex-shrink: 0;\n align-items: center;\n margin-right: 5px;\n font-size: var(--vchasno-ui-input-font-size, 14px);\n line-height: var(--vchasno-ui-input-font-size, 14px);\n}\n\n.vchasno-ui-input__feedback {\n position: absolute;\n top: 10px;\n right: 10px;\n display: block;\n width: 18px;\n height: 18px;\n}\n\n.vchasno-ui-input .vchasno-ui-spinner__svg__circle {\n stroke: var(--vchasno-ui-input-border-color-focused);\n}\n\n.vchasno-ui-input.--disabled .vchasno-ui-input__wrapper {\n background-color: var(--vchasno-ui-input-bg-color-disabled);\n color: var(--vchasno-ui-input-font-color-disabled);\n}\n\n.vchasno-ui-input:not(.--disabled) .vchasno-ui-input__wrapper:hover {\n cursor: text;\n}\n\n.vchasno-ui-input:not(.--disabled):hover .vchasno-ui-input__wrapper,\n.vchasno-ui-input:not(.--disabled):focus-within .vchasno-ui-input__wrapper {\n border-color: var(--vchasno-ui-input-border-color-focused);\n outline-color: var(--vchasno-ui-input-outline-color-focused);\n}\n\n.vchasno-ui-input:not(.--disabled).--error .vchasno-ui-input__wrapper {\n border-color: var(--vchasno-ui-input-color-error);\n outline-color: var(--vchasno-ui-input-outline-color-error);\n}\n\n.vchasno-ui-input.--disabled,\n.vchasno-ui-input.--disabled * {\n cursor: not-allowed;\n opacity: 0.8;\n}\n\n.vchasno-ui-input:has(.vchasno-ui-label-text) input::placeholder {\n visibility: hidden;\n}\n\n.vchasno-ui-input:focus-within:has(.vchasno-ui-label-text) input::placeholder {\n visibility: visible;\n}\n";
281
+ var css_248z$i = ".vchasno-ui-input {\n display: inline-flex;\n max-width: 100%;\n flex-direction: column;\n gap: 5px;\n}\n\n.vchasno-ui-input input::placeholder {\n color: var(--vchasno-ui-input-placeholder-color);\n font-size: var(--vchasno-ui-input-font-size);\n line-height: calc(var(--vchasno-ui-input-font-size) * 1.2);\n transition: color var(--vchasno-ui-transition-duration-sec, 0.3s);\n}\n\n.vchasno-ui-input .vchasno-ui-text-input,\n.vchasno-ui-input .vchasno-ui-mask-input {\n flex-grow: 1;\n}\n\n.vchasno-ui-input.--wide {\n width: 100%;\n}\n\n.vchasno-ui-input__wrapper {\n position: relative;\n display: flex;\n min-height: 50px;\n box-sizing: border-box;\n align-items: center;\n padding-right: 33px;\n padding-left: 16px;\n border: 1px solid var(--vchasno-ui-input-border-color-default);\n border-radius: 8px;\n background-color: var(--vchasno-ui-input-bg-color);\n outline: solid 3px transparent;\n transition: border var(--vchasno-ui-transition-duration-sec, 0.3s);\n}\n\n.vchasno-ui-input__wrapper > input {\n max-width: 100%;\n}\n\n.vchasno-ui-input__wrapper__start-element {\n display: flex;\n flex-grow: 0;\n flex-shrink: 0;\n align-items: center;\n margin-right: 5px;\n font-size: var(--vchasno-ui-input-font-size, 14px);\n line-height: var(--vchasno-ui-input-font-size, 14px);\n}\n\n.vchasno-ui-input__feedback {\n position: absolute;\n top: 10px;\n right: 10px;\n display: block;\n width: 18px;\n height: 18px;\n}\n\n.vchasno-ui-input .vchasno-ui-spinner__svg__circle {\n stroke: var(--vchasno-ui-input-border-color-focused);\n}\n\n.vchasno-ui-input.--disabled .vchasno-ui-input__wrapper {\n background-color: var(--vchasno-ui-input-bg-color-disabled);\n color: var(--vchasno-ui-input-font-color-disabled);\n}\n\n.vchasno-ui-input:not(.--disabled) .vchasno-ui-input__wrapper:hover {\n cursor: text;\n}\n\n.vchasno-ui-input:not(.--disabled):hover .vchasno-ui-input__wrapper,\n.vchasno-ui-input:not(.--disabled):focus-within .vchasno-ui-input__wrapper {\n border-color: var(--vchasno-ui-input-border-color-focused);\n outline-color: var(--vchasno-ui-input-outline-color-focused);\n}\n\n.vchasno-ui-input:not(.--disabled).--error .vchasno-ui-input__wrapper {\n border-color: var(--vchasno-ui-input-color-error);\n outline-color: var(--vchasno-ui-input-outline-color-error);\n}\n\n.vchasno-ui-input.--disabled,\n.vchasno-ui-input.--disabled * {\n cursor: not-allowed;\n opacity: 0.8;\n}\n\n.vchasno-ui-input:has(.vchasno-ui-label-text) input::placeholder {\n visibility: hidden;\n}\n\n.vchasno-ui-input:focus-within:has(.vchasno-ui-label-text) input::placeholder {\n visibility: visible;\n}\n";
282
282
  styleInject(css_248z$i);
283
283
 
284
284
  var Input = function (_a) {
@@ -308,12 +308,12 @@ var reactTextMask = {exports: {}};
308
308
  var reactTextMaskExports = reactTextMask.exports;
309
309
  var MaskedInput = /*@__PURE__*/getDefaultExportFromCjs(reactTextMaskExports);
310
310
 
311
- var css_248z$h = ".vchasno-ui-mask-input {\n position: relative;\n font-size: var(--vchasno-ui-input-font-size);\n line-height: var(--vchasno-ui-input-font-size);\n}\n\n.vchasno-ui-mask-input::placeholder {\n color: var(--vchasno-ui-input-border-color-default);\n font-size: var(--vchasno-ui-input-font-size);\n line-height: calc(var(--vchasno-ui-input-font-size) * 1.2);\n transition: color var(--vchasno-ui-transition-duration-sec, 0.3s);\n}\n";
311
+ var css_248z$h = ".vchasno-ui-mask-input {\n position: relative;\n font-size: var(--vchasno-ui-input-font-size);\n line-height: var(--vchasno-ui-input-font-size);\n}\n\n.vchasno-ui-mask-input::placeholder {\n color: var(--vchasno-ui-input-placeholder-color);\n font-size: var(--vchasno-ui-input-font-size);\n line-height: calc(var(--vchasno-ui-input-font-size) * 1.2);\n transition: color var(--vchasno-ui-transition-duration-sec, 0.3s);\n}\n";
312
312
  styleInject(css_248z$h);
313
313
 
314
314
  var MaskInput = function (_a) {
315
- var className = _a.className, disabled = _a.disabled, startElement = _a.startElement, endElement = _a.endElement, error = _a.error, label = _a.label, hint = _a.hint, wide = _a.wide, required = _a.required, loading = _a.loading, inputClassName = _a.inputClassName, labelProps = _a.labelProps, dataQa = _a.dataQa, rest = __rest(_a, ["className", "disabled", "startElement", "endElement", "error", "label", "hint", "wide", "required", "loading", "inputClassName", "labelProps", "dataQa"]);
316
- return (React$1.createElement(Input, { dataQa: dataQa, required: required, wide: wide, className: className, loading: loading, disabled: disabled, label: label, error: error, hint: hint, endElement: endElement, labelProps: labelProps, startElement: startElement },
315
+ var className = _a.className, disabled = _a.disabled, startElement = _a.startElement, endElement = _a.endElement, error = _a.error, label = _a.label, hint = _a.hint, wide = _a.wide, required = _a.required, loading = _a.loading, inputClassName = _a.inputClassName, labelProps = _a.labelProps, _b = _a.hideEmptyMeta, hideEmptyMeta = _b === void 0 ? false : _b, dataQa = _a.dataQa, rest = __rest(_a, ["className", "disabled", "startElement", "endElement", "error", "label", "hint", "wide", "required", "loading", "inputClassName", "labelProps", "hideEmptyMeta", "dataQa"]);
316
+ return (React$1.createElement(Input, { dataQa: dataQa, required: required, wide: wide, hideEmptyMeta: hideEmptyMeta, className: className, loading: loading, disabled: disabled, label: label, error: error, hint: hint, endElement: endElement, labelProps: labelProps, startElement: startElement },
317
317
  React$1.createElement(MaskedInput, __assign({}, rest, { required: required, disabled: disabled, className: cn('vchasno-ui-mask-input', inputClassName) }))));
318
318
  };
319
319
 
@@ -394,7 +394,7 @@ var Pagination = function (_a) {
394
394
  React$1.createElement("path", { d: "M7 9.99253C7 9.73253 7.1 9.48252 7.29 9.28253L11.29 5.29253C11.68 4.90253 12.32 4.90253 12.71 5.29253C13.1 5.68253 13.1 6.32253 12.71 6.71253L9.42 9.99253L12.71 13.2825C13.1 13.6725 13.1 14.3125 12.71 14.7025C12.32 15.0925 11.68 15.0925 11.29 14.7025L7.3 10.7125C7.1 10.5125 7 10.2525 7 9.99253Z", fill: "currentColor" })))));
395
395
  };
396
396
 
397
- var css_248z$f = ".vchasno-ui-text-input {\n font-size: var(--vchasno-ui-input-font-size);\n line-height: var(--vchasno-ui-input-font-size);\n}\n\n.vchasno-ui-text-input::-webkit-outer-spin-button,\n.vchasno-ui-text-input::-webkit-inner-spin-button {\n margin: 0;\n appearance: none;\n}\n\n/* Firefox */\n.vchasno-ui-text-input[type='number'] {\n appearance: textfield;\n}\n\n.vchasno-ui-text-input::placeholder {\n color: var(--vchasno-ui-input-border-color-default);\n font-size: var(--vchasno-ui-input-font-size);\n line-height: var(--vchasno-ui-input-font-size);\n transition: color var(--vchasno-ui-transition-duration-sec, 0.3s);\n}\n";
397
+ var css_248z$f = ".vchasno-ui-text-input {\n font-size: var(--vchasno-ui-input-font-size);\n line-height: var(--vchasno-ui-input-font-size);\n}\n\n.vchasno-ui-text-input::-webkit-outer-spin-button,\n.vchasno-ui-text-input::-webkit-inner-spin-button {\n margin: 0;\n appearance: none;\n}\n\n/* Firefox */\n.vchasno-ui-text-input[type='number'] {\n appearance: textfield;\n}\n\n.vchasno-ui-text-input::placeholder {\n color: var(--vchasno-ui-input-placeholder-color);\n font-size: var(--vchasno-ui-input-font-size);\n line-height: var(--vchasno-ui-input-font-size);\n transition: color var(--vchasno-ui-transition-duration-sec, 0.3s);\n}\n";
398
398
  styleInject(css_248z$f);
399
399
 
400
400
  var TextInput = React$1.forwardRef(function (_a, ref) {
@@ -2868,12 +2868,12 @@ process.env.NODE_ENV !== "production" ? TextareaAutosize.propTypes /* remove-pro
2868
2868
  value: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.number, PropTypes.string])
2869
2869
  } : void 0;
2870
2870
 
2871
- var css_248z$a = ".vchasno-ui-textarea-input-container .vchasno-ui-input__wrapper {\n height: auto;\n padding-top: 10px;\n padding-bottom: 10px;\n}\n\n.vchasno-ui-textarea-input {\n width: 100%;\n border: 0;\n color: var(--vchasno-ui-text-primary-color);\n font-size: var(--vchasno-ui-input-font-size);\n line-height: calc(var(--vchasno-ui-input-font-size) * 1.2);\n resize: none;\n}\n\n.vchasno-ui-textarea-input::placeholder {\n color: var(--vchasno-ui-input-border-color-default);\n font-size: var(--vchasno-ui-input-font-size);\n line-height: calc(var(--vchasno-ui-input-font-size) * 1.2);\n transition: color var(--vchasno-ui-transition-duration-sec, 0.3s);\n}\n\n.vchasno-ui-input__wrapper__label {\n transform: none;\n}\n\n.vchasno-ui-textarea-input + .vchasno-ui-label-text {\n top: 0;\n transform: translateY(10px);\n transition:\n transform var(--vchasno-ui-transition-duration-sec, 0.3s),\n font-size var(--vchasno-ui-transition-duration-sec, 0.3s);\n}\n\n.vchasno-ui-textarea-input:not(:placeholder-shown) + .vchasno-ui-label-text,\n.vchasno-ui-textarea-input:focus:not(.--disabled) + .vchasno-ui-label-text {\n top: 0;\n transform: translateY(-12px);\n}\n";
2871
+ var css_248z$a = ".vchasno-ui-textarea-input-container .vchasno-ui-input__wrapper {\n height: auto;\n padding-top: 10px;\n padding-bottom: 10px;\n}\n\n.vchasno-ui-textarea-input {\n width: 100%;\n border: 0;\n color: var(--vchasno-ui-text-primary-color);\n font-size: var(--vchasno-ui-input-font-size);\n line-height: calc(var(--vchasno-ui-input-font-size) * 1.2);\n resize: none;\n}\n\n.vchasno-ui-textarea-input::placeholder {\n color: var(--vchasno-ui-input-placeholder-color);\n font-size: var(--vchasno-ui-input-font-size);\n line-height: calc(var(--vchasno-ui-input-font-size) * 1.2);\n transition: color var(--vchasno-ui-transition-duration-sec, 0.3s);\n}\n\n.vchasno-ui-input__wrapper__label {\n transform: none;\n}\n\n.vchasno-ui-textarea-input + .vchasno-ui-label-text {\n top: 0;\n transform: translateY(10px);\n transition:\n transform var(--vchasno-ui-transition-duration-sec, 0.3s),\n font-size var(--vchasno-ui-transition-duration-sec, 0.3s);\n}\n\n.vchasno-ui-textarea-input:not(:placeholder-shown) + .vchasno-ui-label-text,\n.vchasno-ui-textarea-input:focus:not(.--disabled) + .vchasno-ui-label-text {\n top: 0;\n transform: translateY(-12px);\n}\n";
2872
2872
  styleInject(css_248z$a);
2873
2873
 
2874
2874
  var TextAreaInput = React$1.forwardRef(function (_a, ref) {
2875
- var className = _a.className, disabled = _a.disabled, startElement = _a.startElement, endElement = _a.endElement, error = _a.error, label = _a.label, hint = _a.hint, wide = _a.wide, required = _a.required, loading = _a.loading, minRows = _a.minRows, maxRows = _a.maxRows, textareaClassName = _a.textareaClassName, labelProps = _a.labelProps, dataQa = _a.dataQa, rest = __rest(_a, ["className", "disabled", "startElement", "endElement", "error", "label", "hint", "wide", "required", "loading", "minRows", "maxRows", "textareaClassName", "labelProps", "dataQa"]);
2876
- return (React$1.createElement(Input, { dataQa: dataQa, required: required, wide: wide, className: cn(className, 'vchasno-ui-textarea-input-container'), loading: loading, disabled: disabled, label: label, error: error, hint: hint, endElement: endElement, labelProps: labelProps, startElement: startElement },
2875
+ var className = _a.className, disabled = _a.disabled, startElement = _a.startElement, endElement = _a.endElement, error = _a.error, label = _a.label, hint = _a.hint, wide = _a.wide, required = _a.required, loading = _a.loading, minRows = _a.minRows, maxRows = _a.maxRows, textareaClassName = _a.textareaClassName, labelProps = _a.labelProps, dataQa = _a.dataQa, hideEmptyMeta = _a.hideEmptyMeta, rest = __rest(_a, ["className", "disabled", "startElement", "endElement", "error", "label", "hint", "wide", "required", "loading", "minRows", "maxRows", "textareaClassName", "labelProps", "dataQa", "hideEmptyMeta"]);
2876
+ return (React$1.createElement(Input, { dataQa: dataQa, required: required, wide: wide, hideEmptyMeta: hideEmptyMeta, className: cn(className, 'vchasno-ui-textarea-input-container'), loading: loading, disabled: disabled, label: label, error: error, hint: hint, endElement: endElement, labelProps: labelProps, startElement: startElement },
2877
2877
  React$1.createElement(TextareaAutosize, __assign({}, rest, { ref: ref, minRows: minRows, maxRows: maxRows, required: required, disabled: disabled, className: cn('vchasno-ui-textarea-input', textareaClassName) }))));
2878
2878
  });
2879
2879
  TextAreaInput.displayName = 'TextAreaInput';