@typeolymp/ui-components 1.5.6 → 1.5.8

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.
@@ -5,7 +5,7 @@ export declare type PropsType = {
5
5
  id: string;
6
6
  initialValue?: string;
7
7
  placeholder?: string;
8
- autocomplete?: string;
8
+ autoComplete?: string;
9
9
  autoFocus?: boolean;
10
10
  disabled?: boolean;
11
11
  onChange?(value: string): void;
@@ -13,7 +13,7 @@ export declare const Playground: {
13
13
  (args: any): JSX.Element;
14
14
  args: {
15
15
  placeholder: string;
16
- autocomplete: string;
16
+ autoComplete: string;
17
17
  id: string;
18
18
  disabled: boolean;
19
19
  password: boolean;
@@ -1,7 +1,7 @@
1
1
  import { FC } from "react";
2
2
  export declare type PropsType = {
3
3
  initialValue?: number;
4
- autocomplete?: string;
4
+ autoComplete?: string;
5
5
  autoFocus?: boolean;
6
6
  min?: number;
7
7
  max?: number;
@@ -2,7 +2,7 @@ import { FC } from "react";
2
2
  export declare type PropsType = {
3
3
  name: string;
4
4
  label: string | JSX.Element;
5
- autocomplete?: string;
5
+ autoComplete?: string;
6
6
  initialValue?: string;
7
7
  min?: string;
8
8
  max?: string;
@@ -2,7 +2,7 @@ import { FC } from "react";
2
2
  export declare type PropsType = {
3
3
  name: string;
4
4
  label: string | JSX.Element;
5
- autocomplete?: string;
5
+ autoComplete?: string;
6
6
  initialValue?: string;
7
7
  autoFocus?: boolean;
8
8
  disabled?: boolean;
@@ -2,7 +2,7 @@ import { FC } from "react";
2
2
  export declare type PropsType = {
3
3
  name: string;
4
4
  label: string | JSX.Element;
5
- autocomplete?: string;
5
+ autoComplete?: string;
6
6
  initialValue?: number;
7
7
  autoFocus?: boolean;
8
8
  disabled?: any;
@@ -2,7 +2,7 @@ import { FC } from "react";
2
2
  export declare type PropsType = {
3
3
  name: string;
4
4
  label: string | JSX.Element;
5
- autocomplete?: string;
5
+ autoComplete?: string;
6
6
  initialValue?: string;
7
7
  autoFocus?: boolean;
8
8
  disabled?: boolean;
package/build/index.es.js CHANGED
@@ -1141,7 +1141,7 @@ var DateInputField = function (props) {
1141
1141
  if (props.onBlur)
1142
1142
  props.onBlur(props.name);
1143
1143
  };
1144
- return (jsxs(Container$b, { children: [jsx(Label$6, __assign({ as: "label", htmlFor: props.name }, { children: props.label }), void 0), jsx(Spacer, { vertical: 5 }, void 0), jsx(Input.Date, { initialValue: props.initialValue, min: props.min, max: props.max, autocomplete: props.autocomplete, autoFocus: props.autoFocus, disabled: props.disabled, id: props.name, onChange: onChange, onBlur: onBlur }, void 0)] }, void 0));
1144
+ return (jsxs(Container$b, { children: [jsx(Label$6, __assign({ as: "label", htmlFor: props.name }, { children: props.label }), void 0), jsx(Spacer, { vertical: 5 }, void 0), jsx(Input.Date, { initialValue: props.initialValue, min: props.min, max: props.max, autoComplete: props.autoComplete, autoFocus: props.autoFocus, disabled: props.disabled, id: props.name, onChange: onChange, onBlur: onBlur }, void 0)] }, void 0));
1145
1145
  };
1146
1146
 
1147
1147
  var StyledIconButton = styled(StyledButton)(templateObject_1$l || (templateObject_1$l = __makeTemplateObject(["\n min-width: 40px;\n max-width: 40px;\n min-height: 40px;\n max-height: 40px;\n padding: 2px 0 0 0;\n\n > div:first-child {\n margin-top: -2px;\n }\n\n :active {\n min-height: 38px;\n max-height: 38px;\n margin-top: 2px;\n }\n"], ["\n min-width: 40px;\n max-width: 40px;\n min-height: 40px;\n max-height: 40px;\n padding: 2px 0 0 0;\n\n > div:first-child {\n margin-top: -2px;\n }\n\n :active {\n min-height: 38px;\n max-height: 38px;\n margin-top: 2px;\n }\n"])));
@@ -1167,7 +1167,7 @@ var InputField = function (props) {
1167
1167
  if (props.onBlur)
1168
1168
  props.onBlur(props.name);
1169
1169
  };
1170
- return (jsxs(Container$a, { children: [jsx(Label$5, __assign({ as: "label", htmlFor: props.name }, { children: props.label }), void 0), jsx(Spacer, { vertical: 5 }, void 0), jsx(Input, { initialValue: props.initialValue, autocomplete: props.autocomplete, autoFocus: props.autoFocus, disabled: props.disabled, placeholder: props.placeholder, id: props.name, onChange: onChange, onBlur: onBlur }, void 0)] }, void 0));
1170
+ return (jsxs(Container$a, { children: [jsx(Label$5, __assign({ as: "label", htmlFor: props.name }, { children: props.label }), void 0), jsx(Spacer, { vertical: 5 }, void 0), jsx(Input, { initialValue: props.initialValue, autoComplete: props.autoComplete, autoFocus: props.autoFocus, disabled: props.disabled, placeholder: props.placeholder, id: props.name, onChange: onChange, onBlur: onBlur }, void 0)] }, void 0));
1171
1171
  };
1172
1172
 
1173
1173
  var Wrapper$2 = styled.a(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n width: fit-content;\n display: flex;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n\n > div {\n width: 19px;\n height: 19px;\n margin-right: ", ";\n margin-left: ", ";\n }\n"], ["\n width: fit-content;\n display: flex;\n align-items: center;\n cursor: pointer;\n text-decoration: none;\n\n > div {\n width: 19px;\n height: 19px;\n margin-right: ", ";\n margin-left: ", ";\n }\n"])), function (_a) {
@@ -1268,7 +1268,7 @@ var NumberField = function (props) {
1268
1268
  if (props.onBlur)
1269
1269
  props.onBlur(props.name);
1270
1270
  };
1271
- return (jsxs(Container$7, { children: [jsx(Label$4, __assign({ as: "label", htmlFor: props.name }, { children: props.label }), void 0), jsx(Spacer, { vertical: 5 }, void 0), jsx(Number, { min: props.min, max: props.max, initialValue: props.initialValue, autocomplete: props.autocomplete, disabled: props.disabled, autoFocus: props.autoFocus, id: props.name, onChange: onChange, onBlur: onBlur }, void 0)] }, void 0));
1271
+ return (jsxs(Container$7, { children: [jsx(Label$4, __assign({ as: "label", htmlFor: props.name }, { children: props.label }), void 0), jsx(Spacer, { vertical: 5 }, void 0), jsx(Number, { min: props.min, max: props.max, initialValue: props.initialValue, autoComplete: props.autoComplete, disabled: props.disabled, autoFocus: props.autoFocus, id: props.name, onChange: onChange, onBlur: onBlur }, void 0)] }, void 0));
1272
1272
  };
1273
1273
 
1274
1274
  var Container$6 = styled.div(templateObject_1$d || (templateObject_1$d = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex-wrap: wrap;\n"], ["\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n flex-wrap: wrap;\n"])));
@@ -1289,7 +1289,7 @@ var PasswordInputField = function (props) {
1289
1289
  if (props.onBlur)
1290
1290
  props.onBlur(props.name);
1291
1291
  };
1292
- return (jsxs(Container$6, { children: [jsx(Label$3, __assign({ as: "label", htmlFor: props.name }, { children: props.label }), void 0), jsx(Spacer, { vertical: 5 }, void 0), jsx(Input.Password, { initialValue: props.initialValue, autocomplete: props.autocomplete, autoFocus: props.autoFocus, disabled: props.disabled, placeholder: props.placeholder, id: props.name, onChange: onChange, onKeyPress: onKeyPress, onBlur: onBlur }, void 0)] }, void 0));
1292
+ return (jsxs(Container$6, { children: [jsx(Label$3, __assign({ as: "label", htmlFor: props.name }, { children: props.label }), void 0), jsx(Spacer, { vertical: 5 }, void 0), jsx(Input.Password, { initialValue: props.initialValue, autoComplete: props.autoComplete, autoFocus: props.autoFocus, disabled: props.disabled, placeholder: props.placeholder, id: props.name, onChange: onChange, onKeyPress: onKeyPress, onBlur: onBlur }, void 0)] }, void 0));
1293
1293
  };
1294
1294
 
1295
1295
  var generateRandomString = function (length) {