@invoicebox/ui 0.1.0-alpha.163 → 0.1.0-alpha.164

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 (24) hide show
  1. package/dist/components/common/EntityAutocompleteOptionsDrawer/styles.d.ts +2 -38
  2. package/dist/components/common/SecondaryButton/styles.d.ts +2 -38
  3. package/dist/components/common/Typography/index.d.ts +9 -4
  4. package/dist/components/common/Typography/index.js +16 -4
  5. package/dist/components/common/Typography/index.stories.d.ts +1 -1
  6. package/dist/components/form/Autocomplete/components/OrganizationAutocompleteItem/styles.d.ts +6 -222
  7. package/dist/components/form/DateInput/index.d.ts +1 -0
  8. package/dist/components/form/DateInput/index.js +21 -11
  9. package/dist/components/form/DateInput/index.stories.d.ts +1 -0
  10. package/dist/components/form/DateInput/index.stories.js +17 -5
  11. package/dist/components/form/DateInput/logic.d.ts +3 -3
  12. package/dist/components/form/DateInput/logic.js +26 -13
  13. package/dist/components/form/DateInput/styles.d.ts +1 -1
  14. package/dist/components/form/DateInput/styles.js +3 -3
  15. package/dist/components/form/InputLabel/styles.d.ts +2 -38
  16. package/dist/components/form/PureInput/index.d.ts +5 -3
  17. package/dist/components/form/PureInput/index.js +4 -2
  18. package/dist/components/form/PureInput/styles.d.ts +11 -29
  19. package/dist/components/form/PureInput/styles.js +1 -1
  20. package/dist/components/form/Select/styles.d.ts +3 -75
  21. package/dist/components/form/TextInput/index.d.ts +2 -1
  22. package/dist/components/form/TextInput/index.js +5 -2
  23. package/dist/components/payment/PaymentCard/styles.d.ts +4 -76
  24. package/package.json +1 -1
package/dist/components/common/EntityAutocompleteOptionsDrawer/styles.d.ts CHANGED
@@ -4,42 +4,6 @@ export declare const InputWrapper: import("styled-components/dist/types").IStyle
4
4
  export declare const OptionWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
5
5
  export declare const ContentWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
6
6
  export declare const SkeletonListWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
7
- export declare const Prompt: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(Omit<{
8
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
9
- } & {
10
- element?: "div" | undefined;
11
- } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
12
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
13
- }) | (Omit<{
14
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
15
- } & {
16
- element: "p";
17
- } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
18
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
19
- }) | (Omit<{
20
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
21
- } & {
22
- element: "span";
23
- } & import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
24
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
25
- }) | (Omit<{
26
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
27
- } & {
28
- element: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
29
- } & import("react").HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
30
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
31
- }) | (Omit<{
32
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
33
- } & {
34
- element: "button";
35
- } & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
36
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
37
- }) | (Omit<{
38
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
39
- } & {
40
- element: "input";
41
- } & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
42
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
43
- }), {
7
+ export declare const Prompt: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../Typography").TProps & import("styled-components/dist/types").BaseObject, {
44
8
  $color: string;
45
- }>> & string & Omit<import("react").ForwardRefExoticComponent<import("../Typography").TProps & import("react").RefAttributes<HTMLInputElement>>, keyof import("react").Component<any, {}, any>>;
9
+ }>> & string & Omit<import("react").FC<import("../Typography").TProps>, keyof import("react").Component<any, {}, any>>;
package/dist/components/common/SecondaryButton/styles.d.ts CHANGED
@@ -1,44 +1,8 @@
1
1
  /// <reference types="react" />
2
2
  import { TSecondaryButtonPalette } from './palette';
3
- export declare const Inner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(Omit<{
4
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
5
- } & {
6
- element?: "div" | undefined;
7
- } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
8
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
9
- }) | (Omit<{
10
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
11
- } & {
12
- element: "p";
13
- } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
14
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
15
- }) | (Omit<{
16
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
17
- } & {
18
- element: "span";
19
- } & import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
20
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
21
- }) | (Omit<{
22
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
23
- } & {
24
- element: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
25
- } & import("react").HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
26
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
27
- }) | (Omit<{
28
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
29
- } & {
30
- element: "button";
31
- } & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
32
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
33
- }) | (Omit<{
34
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
35
- } & {
36
- element: "input";
37
- } & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
38
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
39
- }), {
3
+ export declare const Inner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../Typography").TProps & import("styled-components/dist/types").BaseObject, {
40
4
  $isLoading?: boolean | undefined;
41
- }>> & string & Omit<import("react").ForwardRefExoticComponent<import("../Typography").TProps & import("react").RefAttributes<HTMLInputElement>>, keyof import("react").Component<any, {}, any>>;
5
+ }>> & string & Omit<import("react").FC<import("../Typography").TProps>, keyof import("react").Component<any, {}, any>>;
42
6
  export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
43
7
  $palette: TSecondaryButtonPalette;
44
8
  $fullWidth: boolean;
package/dist/components/common/Typography/index.d.ts CHANGED
@@ -1,4 +1,4 @@
1
- import React, { ButtonHTMLAttributes, HTMLAttributes, InputHTMLAttributes } from 'react';
1
+ import React, { ButtonHTMLAttributes, FC, HTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes } from 'react';
2
2
  import { typography } from './typography';
3
3
  type TDivProps = {
4
4
  element?: 'div';
@@ -18,8 +18,13 @@ type TButtonProps = {
18
18
  type TInputProps = {
19
19
  element: 'input';
20
20
  } & InputHTMLAttributes<HTMLInputElement>;
21
- export type TProps = {
21
+ type TTextAreaProps = {
22
+ element: 'textarea';
23
+ } & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'onBlur' | 'onChange' | 'onFocus'> & InputHTMLAttributes<HTMLInputElement>;
24
+ type TGeneralProps = {
22
25
  variant: keyof typeof typography;
23
- } & (TDivProps | TParagraphProps | TSpanProps | THeadingProps | TButtonProps | TInputProps);
24
- export declare const Typography: React.ForwardRefExoticComponent<TProps & React.RefAttributes<HTMLInputElement>>;
26
+ };
27
+ export type TProps = TGeneralProps & (TDivProps | TParagraphProps | TSpanProps | THeadingProps | TButtonProps | TInputProps | TTextAreaProps);
28
+ export declare const Typography: FC<TProps>;
29
+ export declare const InputWithTypography: React.ForwardRefExoticComponent<(TGeneralProps & (TInputProps | TTextAreaProps)) & React.RefAttributes<HTMLInputElement>>;
25
30
  export {};
package/dist/components/common/Typography/index.js CHANGED
@@ -4,24 +4,36 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.Typography = void 0;
7
+ exports.Typography = exports.InputWithTypography = void 0;
8
8
  var _react = _interopRequireWildcard(require("react"));
9
9
  var S = _interopRequireWildcard(require("./styles"));
10
- var _excluded = ["variant", "element"];
10
+ var _excluded = ["variant", "element"],
11
+ _excluded2 = ["variant", "element"];
11
12
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
12
13
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
13
14
  function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
14
15
  function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
15
16
  function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
16
- var Typography = exports.Typography = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
17
+ var Typography = exports.Typography = function Typography(_ref) {
17
18
  var variant = _ref.variant,
18
19
  _ref$element = _ref.element,
19
20
  element = _ref$element === void 0 ? 'div' : _ref$element,
20
21
  rest = _objectWithoutProperties(_ref, _excluded);
22
+ return /*#__PURE__*/_react["default"].createElement(S.Wrapper, _extends({
23
+ as: element,
24
+ $variant: variant
25
+ }, rest));
26
+ };
27
+ var InputWithTypography = exports.InputWithTypography = /*#__PURE__*/(0, _react.forwardRef)(function (_ref2, ref) {
28
+ var variant = _ref2.variant,
29
+ _ref2$element = _ref2.element,
30
+ element = _ref2$element === void 0 ? 'input' : _ref2$element,
31
+ rest = _objectWithoutProperties(_ref2, _excluded2);
21
32
  return /*#__PURE__*/_react["default"].createElement(S.Wrapper, _extends({
22
33
  ref: ref,
23
34
  as: element,
24
35
  $variant: variant
25
36
  }, rest));
26
37
  });
27
- Typography.displayName = 'Typography';
38
+ Typography.displayName = 'Typography';
39
+ InputWithTypography.displayName = 'InputWithTypography';
package/dist/components/common/Typography/index.stories.d.ts CHANGED
@@ -3,7 +3,7 @@ import type { StoryObj } from '@storybook/react';
3
3
  import { Typography } from '.';
4
4
  declare const meta: {
5
5
  title: string;
6
- component: React.ForwardRefExoticComponent<import(".").TProps & React.RefAttributes<HTMLInputElement>>;
6
+ component: React.FC<import(".").TProps>;
7
7
  tags: string[];
8
8
  };
9
9
  export default meta;
package/dist/components/form/Autocomplete/components/OrganizationAutocompleteItem/styles.d.ts CHANGED
@@ -1,230 +1,14 @@
1
1
  /// <reference types="react" />
2
2
  export declare const OrganizationWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
3
- export declare const OrganizationName: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<(Omit<{
4
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
5
- } & {
6
- element?: "div" | undefined;
7
- } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
8
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
9
- }) | (Omit<{
10
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
11
- } & {
12
- element: "p";
13
- } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
14
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
15
- }) | (Omit<{
16
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
17
- } & {
18
- element: "span";
19
- } & import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
20
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
21
- }) | (Omit<{
22
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
23
- } & {
24
- element: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
25
- } & import("react").HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
26
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
27
- }) | (Omit<{
28
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
29
- } & {
30
- element: "button";
31
- } & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
32
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
33
- }) | (Omit<{
34
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
35
- } & {
36
- element: "input";
37
- } & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
38
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
39
- }), (Omit<{
40
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
41
- } & {
42
- element?: "div" | undefined;
43
- } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
44
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
45
- }) | (Omit<{
46
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
47
- } & {
48
- element: "p";
49
- } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
50
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
51
- }) | (Omit<{
52
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
53
- } & {
54
- element: "span";
55
- } & import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
56
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
57
- }) | (Omit<{
58
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
59
- } & {
60
- element: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
61
- } & import("react").HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
62
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
63
- }) | (Omit<{
64
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
65
- } & {
66
- element: "button";
67
- } & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
68
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
69
- }) | (Omit<{
70
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
71
- } & {
72
- element: "input";
73
- } & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
74
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
75
- })>, import("styled-components/dist/types").BaseObject>, {
3
+ export declare const OrganizationName: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("../../../../common/Typography").TProps & import("styled-components/dist/types").BaseObject, import("../../../../common/Typography").TProps>, import("styled-components/dist/types").BaseObject>, {
76
4
  $color: string;
77
- }>> & string & Omit<import("react").ForwardRefExoticComponent<import("../../../../common/Typography").TProps & import("react").RefAttributes<HTMLInputElement>>, keyof import("react").Component<any, {}, any>>;
78
- export declare const OrganizationDescription: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<(Omit<{
79
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
80
- } & {
81
- element?: "div" | undefined;
82
- } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
83
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
84
- }) | (Omit<{
85
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
86
- } & {
87
- element: "p";
88
- } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
89
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
90
- }) | (Omit<{
91
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
92
- } & {
93
- element: "span";
94
- } & import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
95
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
96
- }) | (Omit<{
97
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
98
- } & {
99
- element: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
100
- } & import("react").HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
101
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
102
- }) | (Omit<{
103
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
104
- } & {
105
- element: "button";
106
- } & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
107
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
108
- }) | (Omit<{
109
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
110
- } & {
111
- element: "input";
112
- } & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
113
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
114
- }), (Omit<{
115
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
116
- } & {
117
- element?: "div" | undefined;
118
- } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
119
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
120
- }) | (Omit<{
121
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
122
- } & {
123
- element: "p";
124
- } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
125
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
126
- }) | (Omit<{
127
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
128
- } & {
129
- element: "span";
130
- } & import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
131
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
132
- }) | (Omit<{
133
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
134
- } & {
135
- element: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
136
- } & import("react").HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
137
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
138
- }) | (Omit<{
139
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
140
- } & {
141
- element: "button";
142
- } & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
143
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
144
- }) | (Omit<{
145
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
146
- } & {
147
- element: "input";
148
- } & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
149
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
150
- })>, import("styled-components/dist/types").BaseObject>, {
5
+ }>> & string & Omit<import("react").FC<import("../../../../common/Typography").TProps>, keyof import("react").Component<any, {}, any>>;
6
+ export declare const OrganizationDescription: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("../../../../common/Typography").TProps & import("styled-components/dist/types").BaseObject, import("../../../../common/Typography").TProps>, import("styled-components/dist/types").BaseObject>, {
151
7
  $color: string;
152
- }>> & string & Omit<import("react").ForwardRefExoticComponent<import("../../../../common/Typography").TProps & import("react").RefAttributes<HTMLInputElement>>, keyof import("react").Component<any, {}, any>>;
153
- export declare const OrganizationLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<(Omit<{
154
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
155
- } & {
156
- element?: "div" | undefined;
157
- } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
158
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
159
- }) | (Omit<{
160
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
161
- } & {
162
- element: "p";
163
- } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
164
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
165
- }) | (Omit<{
166
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
167
- } & {
168
- element: "span";
169
- } & import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
170
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
171
- }) | (Omit<{
172
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
173
- } & {
174
- element: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
175
- } & import("react").HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
176
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
177
- }) | (Omit<{
178
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
179
- } & {
180
- element: "button";
181
- } & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
182
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
183
- }) | (Omit<{
184
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
185
- } & {
186
- element: "input";
187
- } & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
188
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
189
- }), (Omit<{
190
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
191
- } & {
192
- element?: "div" | undefined;
193
- } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
194
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
195
- }) | (Omit<{
196
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
197
- } & {
198
- element: "p";
199
- } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
200
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
201
- }) | (Omit<{
202
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
203
- } & {
204
- element: "span";
205
- } & import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
206
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
207
- }) | (Omit<{
208
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
209
- } & {
210
- element: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
211
- } & import("react").HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
212
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
213
- }) | (Omit<{
214
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
215
- } & {
216
- element: "button";
217
- } & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
218
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
219
- }) | (Omit<{
220
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
221
- } & {
222
- element: "input";
223
- } & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
224
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
225
- })>, import("styled-components/dist/types").BaseObject>, {
8
+ }>> & string & Omit<import("react").FC<import("../../../../common/Typography").TProps>, keyof import("react").Component<any, {}, any>>;
9
+ export declare const OrganizationLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("../../../../common/Typography").TProps & import("styled-components/dist/types").BaseObject, import("../../../../common/Typography").TProps>, import("styled-components/dist/types").BaseObject>, {
226
10
  $color: string;
227
- }>> & string & Omit<import("react").ForwardRefExoticComponent<import("../../../../common/Typography").TProps & import("react").RefAttributes<HTMLInputElement>>, keyof import("react").Component<any, {}, any>>;
11
+ }>> & string & Omit<import("react").FC<import("../../../../common/Typography").TProps>, keyof import("react").Component<any, {}, any>>;
228
12
  export declare const OrganizationVatNumber: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
229
13
  export declare const OrganizationProperties: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
230
14
  export declare const Feature: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
package/dist/components/form/DateInput/index.d.ts CHANGED
@@ -5,5 +5,6 @@ import { TProps as TCalendarProps } from '../../common/Calendar';
5
5
  export type TProps = {
6
6
  value: Date | null;
7
7
  onChange: (value: Date) => void;
8
+ withTime?: boolean;
8
9
  } & Pick<TPureInputProps, 'hasError' | 'name' | 'onBlur' | 'onFocus'> & Pick<TInputLabelProps, 'label'> & Pick<TCalendarProps, 'maxDate' | 'minDate'>;
9
10
  export declare const DateInput: FC<TProps>;
package/dist/components/form/DateInput/index.js CHANGED
@@ -34,8 +34,11 @@ var DateInput = exports.DateInput = function DateInput(_ref) {
34
34
  onFocus = _ref.onFocus,
35
35
  label = _ref.label,
36
36
  minDate = _ref.minDate,
37
- maxDate = _ref.maxDate;
37
+ maxDate = _ref.maxDate,
38
+ _ref$withTime = _ref.withTime,
39
+ withTime = _ref$withTime === void 0 ? false : _ref$withTime;
38
40
  var palette = (0, _palette.useComponentPalette)('dateInput');
41
+ var inputRef = (0, _react.useRef)(null);
39
42
  var _useState = (0, _react.useState)(false),
40
43
  _useState2 = _slicedToArray(_useState, 2),
41
44
  isOpen = _useState2[0],
@@ -60,7 +63,7 @@ var DateInput = exports.DateInput = function DateInput(_ref) {
60
63
  handleClose();
61
64
  focusHandler(event);
62
65
  }, [focusHandler, handleClose]);
63
- var _useState3 = (0, _react.useState)(_logic.logic.valueToString(value)),
66
+ var _useState3 = (0, _react.useState)(_logic.logic.valueToString(value, withTime)),
64
67
  _useState4 = _slicedToArray(_useState3, 2),
65
68
  stringValue = _useState4[0],
66
69
  setStringValue = _useState4[1];
@@ -75,29 +78,36 @@ var DateInput = exports.DateInput = function DateInput(_ref) {
75
78
  }, []);
76
79
  var handleBlur = (0, _react.useCallback)(function (event) {
77
80
  blurHandler(event);
78
- var newValue = _logic.logic.stringToDate(stringValue);
81
+ var newValue = _logic.logic.stringToDate(stringValue, withTime);
79
82
  if (!_logic.logic.isValid(newValue) || !_logic.logic.isBetweenMinAndMax(newValue, minDate, maxDate)) {
80
- setStringValue(_logic.logic.valueToString(value));
83
+ setStringValue(_logic.logic.valueToString(value, withTime));
81
84
  return;
82
85
  }
83
- setStringValue(_logic.logic.valueToString(newValue));
86
+ setStringValue(_logic.logic.valueToString(newValue, withTime));
84
87
  onChange(newValue);
85
- }, [blurHandler, value, stringValue, onChange, maxDate, minDate]);
88
+ }, [blurHandler, stringValue, minDate, maxDate, withTime, onChange, value]);
86
89
  var handleCalendarChange = (0, _react.useCallback)(function (newValue) {
87
90
  handleClose();
88
- setStringValue(_logic.logic.valueToString(newValue));
89
- onChange(newValue);
90
- }, [onChange, handleClose]);
91
+ if (withTime) {
92
+ var _inputRef$current;
93
+ setStringValue(_logic.logic.valueToString(newValue, false) + ' ');
94
+ (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
95
+ } else {
96
+ setStringValue(_logic.logic.valueToString(newValue, false));
97
+ onChange(newValue);
98
+ }
99
+ }, [handleClose, withTime, onChange]);
91
100
  return /*#__PURE__*/_react["default"].createElement(S.Wrapper, {
92
101
  ref: elRef
93
102
  }, /*#__PURE__*/_react["default"].createElement(_InputLabel.InputLabel, {
94
103
  inFocus: inFocus,
95
104
  label: label
96
105
  }, /*#__PURE__*/_react["default"].createElement(S.InputWrapper, null, /*#__PURE__*/_react["default"].createElement(_PureInput.PureInput, {
106
+ ref: inputRef,
97
107
  hasError: hasError,
98
108
  inFocus: inFocus,
99
109
  name: name,
100
- placeholder: _logic.logic.getPlaceholder(),
110
+ placeholder: _logic.logic.getPlaceholder(withTime),
101
111
  onFocus: handleFocus,
102
112
  onBlur: handleBlur,
103
113
  value: stringValue,
@@ -109,7 +119,7 @@ var DateInput = exports.DateInput = function DateInput(_ref) {
109
119
  }, /*#__PURE__*/_react["default"].createElement(_Icon.Icon, null)))), /*#__PURE__*/_react["default"].createElement(_Dropdown.Dropdown, {
110
120
  isOpen: isOpen,
111
121
  isAutoPosition: true
112
- }, /*#__PURE__*/_react["default"].createElement(S.Calendar, null, /*#__PURE__*/_react["default"].createElement(_Calendar.Calendar, {
122
+ }, /*#__PURE__*/_react["default"].createElement(S.CalendarWrapper, null, /*#__PURE__*/_react["default"].createElement(_Calendar.Calendar, {
113
123
  value: value,
114
124
  onChange: handleCalendarChange,
115
125
  minDate: minDate,
package/dist/components/form/DateInput/index.stories.d.ts CHANGED
@@ -4,3 +4,4 @@ import 'react-calendar/dist/Calendar.css';
4
4
  declare const meta: Meta<typeof DateInput>;
5
5
  export default meta;
6
6
  export declare const Default: StoryObj<typeof DateInput>;
7
+ export declare const WithTime: StoryObj<typeof DateInput>;
package/dist/components/form/DateInput/index.stories.js CHANGED
@@ -4,13 +4,18 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports["default"] = exports.Default = void 0;
7
+ exports["default"] = exports.WithTime = exports.Default = void 0;
8
8
  var _react = _interopRequireWildcard(require("react"));
9
9
  var _addonActions = require("@storybook/addon-actions");
10
10
  var _ = require(".");
11
11
  require("react-calendar/dist/Calendar.css");
12
12
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
13
13
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
14
+ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
15
+ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
16
+ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
17
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
18
+ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
14
19
  function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
15
20
  function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
16
21
  function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -47,10 +52,17 @@ var Component = function Component(props) {
47
52
  }
48
53
  }, "Reset"));
49
54
  };
55
+ var COMMON_ARGS = {
56
+ hasError: false,
57
+ label: 'Label'
58
+ };
50
59
  var Default = exports.Default = {
51
- args: {
52
- hasError: false,
53
- label: 'Label'
54
- },
60
+ args: COMMON_ARGS,
61
+ render: Component
62
+ };
63
+ var WithTime = exports.WithTime = {
64
+ args: _objectSpread(_objectSpread({}, COMMON_ARGS), {}, {
65
+ withTime: true
66
+ }),
55
67
  render: Component
56
68
  };
package/dist/components/form/DateInput/logic.d.ts CHANGED
@@ -1,10 +1,10 @@
1
1
  declare class Logic {
2
2
  private today;
3
- getPlaceholder(): string;
3
+ getPlaceholder(withTime: boolean): string;
4
4
  isValid(date: Date): boolean;
5
5
  isBetweenMinAndMax(date: Date, minDate?: Date, maxDate?: Date): boolean;
6
- valueToString(value: null | Date): string;
7
- stringToDate(str: string): Date;
6
+ valueToString(value: null | Date, withTime: boolean): string;
7
+ stringToDate(str: string, withTime: boolean): Date;
8
8
  }
9
9
  export declare const logic: Logic;
10
10
  export {};
package/dist/components/form/DateInput/logic.js CHANGED
@@ -24,8 +24,8 @@ var Logic = /*#__PURE__*/function () {
24
24
  }
25
25
  return _createClass(Logic, [{
26
26
  key: "getPlaceholder",
27
- value: function getPlaceholder() {
28
- return this.valueToString(this.today);
27
+ value: function getPlaceholder(withTime) {
28
+ return this.valueToString(this.today, withTime);
29
29
  }
30
30
  }, {
31
31
  key: "isValid",
@@ -43,27 +43,40 @@ var Logic = /*#__PURE__*/function () {
43
43
  // Date => 31.01.2023
44
44
  }, {
45
45
  key: "valueToString",
46
- value: function valueToString(value) {
46
+ value: function valueToString(value, withTime) {
47
47
  if (!value) return '';
48
48
  var toTwoDigits = function toTwoDigits(item) {
49
49
  return "0".concat(item).slice(-2);
50
50
  };
51
- var date = [toTwoDigits(value.getDate()), toTwoDigits(value.getMonth() + 1), value.getFullYear()];
52
- return date.join('.');
51
+ var date = [toTwoDigits(value.getDate()), toTwoDigits(value.getMonth() + 1), value.getFullYear()].join('.');
52
+ var time = [toTwoDigits(value.getHours()), toTwoDigits(value.getMinutes())].join(':');
53
+ return withTime ? date + ' ' + time : date;
53
54
  }
54
55
 
55
56
  // 31.01.2023 => Date
56
57
  }, {
57
58
  key: "stringToDate",
58
- value: function stringToDate(str) {
59
- var _str$split = str.split('.'),
60
- _str$split2 = _slicedToArray(_str$split, 3),
61
- dd = _str$split2[0],
62
- mm = _str$split2[1],
63
- yyyy = _str$split2[2];
64
- return new Date([mm, dd, yyyy].filter(function (i) {
59
+ value: function stringToDate(str, withTime) {
60
+ var _str$split = str.split(' '),
61
+ _str$split2 = _slicedToArray(_str$split, 2),
62
+ dateStr = _str$split2[0],
63
+ timeStr = _str$split2[1];
64
+ var _dateStr$split = dateStr.split('.'),
65
+ _dateStr$split2 = _slicedToArray(_dateStr$split, 3),
66
+ dd = _dateStr$split2[0],
67
+ mm = _dateStr$split2[1],
68
+ yyyy = _dateStr$split2[2];
69
+ var _ref = timeStr ? timeStr.split(':') : ['00', '00'],
70
+ _ref2 = _slicedToArray(_ref, 2),
71
+ hours = _ref2[0],
72
+ minutes = _ref2[1];
73
+ var formattedDateStr = [mm, dd, yyyy].filter(function (i) {
65
74
  return i;
66
- }).join('/'));
75
+ }).join('/');
76
+ var formattedTimeStr = [hours, minutes, '00'].filter(function (i) {
77
+ return i;
78
+ }).join(':');
79
+ return new Date(withTime ? formattedDateStr + ' ' + formattedTimeStr : formattedDateStr);
67
80
  }
68
81
  }]);
69
82
  }();
package/dist/components/form/DateInput/styles.d.ts CHANGED
@@ -5,4 +5,4 @@ export declare const InputWrapper: import("styled-components/dist/types").IStyle
5
5
  export declare const Icon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
6
6
  $palette: TDateInputPalette;
7
7
  }>> & string;
8
- export declare const Calendar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
8
+ export declare const CalendarWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
package/dist/components/form/DateInput/styles.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.Wrapper = exports.InputWrapper = exports.Icon = exports.Calendar = void 0;
6
+ exports.Wrapper = exports.InputWrapper = exports.Icon = exports.CalendarWrapper = void 0;
7
7
  var _styledComponents = _interopRequireDefault(require("styled-components"));
8
8
  var _breakpoints = require("../../../breakpoints");
9
9
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
@@ -22,7 +22,7 @@ var Icon = exports.Icon = _styledComponents["default"].div.withConfig({
22
22
  var $palette = _ref.$palette;
23
23
  return $palette.icon;
24
24
  });
25
- var Calendar = exports.Calendar = _styledComponents["default"].div.withConfig({
26
- displayName: "styles__Calendar",
25
+ var CalendarWrapper = exports.CalendarWrapper = _styledComponents["default"].div.withConfig({
26
+ displayName: "styles__CalendarWrapper",
27
27
  componentId: "sc-7tnmvh-3"
28
28
  })(["padding:30px;@media ", "{padding:15px;}"], _breakpoints.breakpoints.sm);
package/dist/components/form/InputLabel/styles.d.ts CHANGED
@@ -1,45 +1,9 @@
1
1
  /// <reference types="react" />
2
2
  import { TInputLabelPalette } from './palette';
3
- export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(Omit<{
4
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
5
- } & {
6
- element?: "div" | undefined;
7
- } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
8
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
9
- }) | (Omit<{
10
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
11
- } & {
12
- element: "p";
13
- } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
14
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
15
- }) | (Omit<{
16
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
17
- } & {
18
- element: "span";
19
- } & import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
20
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
21
- }) | (Omit<{
22
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
23
- } & {
24
- element: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
25
- } & import("react").HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
26
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
27
- }) | (Omit<{
28
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
29
- } & {
30
- element: "button";
31
- } & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
32
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
33
- }) | (Omit<{
34
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
35
- } & {
36
- element: "input";
37
- } & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
38
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
39
- }), {
3
+ export declare const Label: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../../common/Typography").TProps & import("styled-components/dist/types").BaseObject, {
40
4
  $inFocus: boolean;
41
5
  $palette: TInputLabelPalette;
42
- }>> & string & Omit<import("react").ForwardRefExoticComponent<import("../../common/Typography").TProps & import("react").RefAttributes<HTMLInputElement>>, keyof import("react").Component<any, {}, any>>;
6
+ }>> & string & Omit<import("react").FC<import("../../common/Typography").TProps>, keyof import("react").Component<any, {}, any>>;
43
7
  export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
44
8
  $disabled: boolean;
45
9
  $isLabel: boolean;
package/dist/components/form/PureInput/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
- import React, { InputHTMLAttributes } from 'react';
2
- export type TProps = InputHTMLAttributes<HTMLInputElement> & {
1
+ import React, { InputHTMLAttributes, TextareaHTMLAttributes } from 'react';
2
+ export type TProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'onBlur' | 'onChange' | 'onFocus'> & InputHTMLAttributes<HTMLInputElement> & {
3
3
  paddingLeft?: number;
4
4
  paddingRight?: number;
5
5
  paddingTop?: number;
@@ -9,8 +9,9 @@ export type TProps = InputHTMLAttributes<HTMLInputElement> & {
9
9
  hasBorder?: boolean;
10
10
  isOnlyNumbers?: boolean;
11
11
  className?: never;
12
+ element?: 'input' | 'textarea';
12
13
  };
13
- export declare const PureInput: React.ForwardRefExoticComponent<React.InputHTMLAttributes<HTMLInputElement> & {
14
+ export declare const PureInput: React.ForwardRefExoticComponent<Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "onFocus" | "onBlur" | "onChange"> & React.InputHTMLAttributes<HTMLInputElement> & {
14
15
  paddingLeft?: number | undefined;
15
16
  paddingRight?: number | undefined;
16
17
  paddingTop?: number | undefined;
@@ -20,4 +21,5 @@ export declare const PureInput: React.ForwardRefExoticComponent<React.InputHTMLA
20
21
  hasBorder?: boolean | undefined;
21
22
  isOnlyNumbers?: boolean | undefined;
22
23
  className?: undefined;
24
+ element?: "input" | "textarea" | undefined;
23
25
  } & React.RefAttributes<HTMLInputElement>>;
package/dist/components/form/PureInput/index.js CHANGED
@@ -8,7 +8,7 @@ exports.PureInput = void 0;
8
8
  var _react = _interopRequireWildcard(require("react"));
9
9
  var S = _interopRequireWildcard(require("./styles"));
10
10
  var _palette = require("../../../palette");
11
- var _excluded = ["paddingLeft", "paddingRight", "paddingTop", "paddingBottom", "hasError", "inFocus", "hasBorder", "isOnlyNumbers", "className", "onChange"];
11
+ var _excluded = ["paddingLeft", "paddingRight", "paddingTop", "paddingBottom", "hasError", "inFocus", "hasBorder", "isOnlyNumbers", "className", "onChange", "element"];
12
12
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
13
13
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
14
14
  function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
@@ -33,6 +33,8 @@ var PureInput = exports.PureInput = /*#__PURE__*/_react["default"].forwardRef(fu
33
33
  isOnlyNumbers = _ref$isOnlyNumbers === void 0 ? false : _ref$isOnlyNumbers,
34
34
  className = _ref.className,
35
35
  onChange = _ref.onChange,
36
+ _ref$element = _ref.element,
37
+ element = _ref$element === void 0 ? 'input' : _ref$element,
36
38
  rest = _objectWithoutProperties(_ref, _excluded);
37
39
  var palette = (0, _palette.useComponentPalette)('pureInput');
38
40
  var handleChange = (0, _react.useCallback)(function (event) {
@@ -45,7 +47,7 @@ var PureInput = exports.PureInput = /*#__PURE__*/_react["default"].forwardRef(fu
45
47
  return /*#__PURE__*/_react["default"].createElement(S.Wrapper, _extends({
46
48
  ref: ref,
47
49
  variant: "bodyMRegular",
48
- element: "input",
50
+ element: element,
49
51
  $paddingLeft: paddingLeft,
50
52
  $paddingRight: paddingRight,
51
53
  $paddingTop: paddingTop,
package/dist/components/form/PureInput/styles.d.ts CHANGED
@@ -3,38 +3,14 @@ import { TPureInputPalette } from './palette';
3
3
  export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(Omit<{
4
4
  variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
5
5
  } & {
6
- element?: "div" | undefined;
7
- } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
8
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
9
- }) | (Omit<{
10
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
11
- } & {
12
- element: "p";
13
- } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
14
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
15
- }) | (Omit<{
16
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
17
- } & {
18
- element: "span";
19
- } & import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
20
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
21
- }) | (Omit<{
22
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
23
- } & {
24
- element: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
25
- } & import("react").HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
26
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
27
- }) | (Omit<{
28
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
29
- } & {
30
- element: "button";
31
- } & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
6
+ element: "input";
7
+ } & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
32
8
  ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
33
9
  }) | (Omit<{
34
10
  variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
35
11
  } & {
36
- element: "input";
37
- } & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
12
+ element: "textarea";
13
+ } & Omit<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, "onFocus" | "onBlur" | "onChange"> & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
38
14
  ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
39
15
  }), {
40
16
  $paddingLeft: number;
@@ -45,4 +21,10 @@ export declare const Wrapper: import("styled-components/dist/types").IStyledComp
45
21
  $inFocus: boolean;
46
22
  $hasBorder: boolean;
47
23
  $palette: TPureInputPalette;
48
- }>> & string & Omit<import("react").ForwardRefExoticComponent<import("../../common/Typography").TProps & import("react").RefAttributes<HTMLInputElement>>, keyof import("react").Component<any, {}, any>>;
24
+ }>> & string & Omit<import("react").ForwardRefExoticComponent<({
25
+ variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
26
+ } & (({
27
+ element: "input";
28
+ } & import("react").InputHTMLAttributes<HTMLInputElement>) | ({
29
+ element: "textarea";
30
+ } & Omit<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, "onFocus" | "onBlur" | "onChange"> & import("react").InputHTMLAttributes<HTMLInputElement>))) & import("react").RefAttributes<HTMLInputElement>>, keyof import("react").Component<any, {}, any>>;
package/dist/components/form/PureInput/styles.js CHANGED
@@ -7,7 +7,7 @@ exports.Wrapper = void 0;
7
7
  var _styledComponents = _interopRequireDefault(require("styled-components"));
8
8
  var _Typography = require("../../common/Typography");
9
9
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
10
- var Wrapper = exports.Wrapper = (0, _styledComponents["default"])(_Typography.Typography).withConfig({
10
+ var Wrapper = exports.Wrapper = (0, _styledComponents["default"])(_Typography.InputWithTypography).withConfig({
11
11
  displayName: "styles__Wrapper",
12
12
  componentId: "sc-1g8ijo6-0"
13
13
  })(["color:", ";border-radius:10px;outline:none;width:100%;background-color:", ";transition:all 0.2s ease-in-out 0s;box-sizing:border-box;padding-right:", "px;padding-left:", "px;padding-top:", "px;padding-bottom:", "px;border:1px solid ", ";&::placeholder{color:", ";}&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}&[type='number']{-moz-appearance:textfield;}&:-webkit-autofill,&:-webkit-autofill:hover,&:-webkit-autofill:focus{transition:background-color 0s 600000s,color 0s 600000s !important;}"], function (_ref) {
package/dist/components/form/Select/styles.d.ts CHANGED
@@ -3,80 +3,8 @@ import { TSelectPalette } from './palette';
3
3
  export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
4
4
  export declare const InputWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
5
5
  export declare const Options: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
6
- export declare const Option: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(Omit<{
7
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
8
- } & {
9
- element?: "div" | undefined;
10
- } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
11
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
12
- }) | (Omit<{
13
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
14
- } & {
15
- element: "p";
16
- } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
17
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
18
- }) | (Omit<{
19
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
20
- } & {
21
- element: "span";
22
- } & import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
23
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
24
- }) | (Omit<{
25
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
26
- } & {
27
- element: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
28
- } & import("react").HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
29
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
30
- }) | (Omit<{
31
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
32
- } & {
33
- element: "button";
34
- } & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
35
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
36
- }) | (Omit<{
37
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
38
- } & {
39
- element: "input";
40
- } & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
41
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
42
- }), {
6
+ export declare const Option: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../../common/Typography").TProps & import("styled-components/dist/types").BaseObject, {
43
7
  $palette: TSelectPalette;
44
8
  $isGrouped: boolean;
45
- }>> & string & Omit<import("react").ForwardRefExoticComponent<import("../../common/Typography").TProps & import("react").RefAttributes<HTMLInputElement>>, keyof import("react").Component<any, {}, any>>;
46
- export declare const Group: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(Omit<{
47
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
48
- } & {
49
- element?: "div" | undefined;
50
- } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
51
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
52
- }) | (Omit<{
53
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
54
- } & {
55
- element: "p";
56
- } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
57
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
58
- }) | (Omit<{
59
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
60
- } & {
61
- element: "span";
62
- } & import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
63
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
64
- }) | (Omit<{
65
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
66
- } & {
67
- element: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
68
- } & import("react").HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
69
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
70
- }) | (Omit<{
71
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
72
- } & {
73
- element: "button";
74
- } & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
75
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
76
- }) | (Omit<{
77
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
78
- } & {
79
- element: "input";
80
- } & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
81
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
82
- }), import("styled-components/dist/types").BaseObject>> & string & Omit<import("react").ForwardRefExoticComponent<import("../../common/Typography").TProps & import("react").RefAttributes<HTMLInputElement>>, keyof import("react").Component<any, {}, any>>;
9
+ }>> & string & Omit<import("react").FC<import("../../common/Typography").TProps>, keyof import("react").Component<any, {}, any>>;
10
+ export declare const Group: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../../common/Typography").TProps & import("styled-components/dist/types").BaseObject, import("styled-components/dist/types").BaseObject>> & string & Omit<import("react").FC<import("../../common/Typography").TProps>, keyof import("react").Component<any, {}, any>>;
package/dist/components/form/TextInput/index.d.ts CHANGED
@@ -2,11 +2,12 @@ import { FC, ReactNode } from 'react';
2
2
  import { TProps as TInputLabelProps } from '../InputLabel';
3
3
  import { TProps as TPureInputProps } from '../PureInput';
4
4
  import { TSizes } from '../constants';
5
- export type TProps = Pick<TInputLabelProps, 'label'> & Pick<TPureInputProps, 'placeholder' | 'hasError' | 'onFocus' | 'onBlur' | 'disabled' | 'name' | 'paddingRight' | 'type' | 'isOnlyNumbers' | 'autoFocus'> & {
5
+ export type TProps = Pick<TInputLabelProps, 'label'> & Pick<TPureInputProps, 'placeholder' | 'hasError' | 'onFocus' | 'onBlur' | 'disabled' | 'name' | 'paddingRight' | 'type' | 'isOnlyNumbers' | 'autoFocus' | 'rows'> & {
6
6
  value: string;
7
7
  onChange: (value: string) => void;
8
8
  maxLength?: number;
9
9
  size?: TSizes;
10
10
  children?: ReactNode;
11
+ element?: 'input' | 'textarea';
11
12
  };
12
13
  export declare const TextInput: FC<TProps>;
package/dist/components/form/TextInput/index.js CHANGED
@@ -32,7 +32,9 @@ var TextInput = exports.TextInput = function TextInput(_ref) {
32
32
  _ref$size = _ref.size,
33
33
  size = _ref$size === void 0 ? 'L' : _ref$size,
34
34
  isOnlyNumbers = _ref.isOnlyNumbers,
35
- autoFocus = _ref.autoFocus;
35
+ autoFocus = _ref.autoFocus,
36
+ _ref$element = _ref.element,
37
+ element = _ref$element === void 0 ? 'input' : _ref$element;
36
38
  var _useInputFocus = (0, _useInputFocus2.useInputFocus)({
37
39
  onFocus: onFocus,
38
40
  onBlur: onBlur
@@ -60,6 +62,7 @@ var TextInput = exports.TextInput = function TextInput(_ref) {
60
62
  paddingRight: paddingRight,
61
63
  type: type,
62
64
  isOnlyNumbers: isOnlyNumbers,
63
- autoFocus: autoFocus
65
+ autoFocus: autoFocus,
66
+ element: element
64
67
  }, _constants.SIZE_PADDING_MAP[size])), children && /*#__PURE__*/_react["default"].createElement(S.ChildrenWrapper, null, children)));
65
68
  };
package/dist/components/payment/PaymentCard/styles.d.ts CHANGED
@@ -9,46 +9,10 @@ export declare const Wrapper: import("styled-components/dist/types").IStyledComp
9
9
  }>> & string;
10
10
  export declare const RadioWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
11
11
  export declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
12
- export declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(Omit<{
13
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
14
- } & {
15
- element?: "div" | undefined;
16
- } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
17
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
18
- }) | (Omit<{
19
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
20
- } & {
21
- element: "p";
22
- } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
23
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
24
- }) | (Omit<{
25
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
26
- } & {
27
- element: "span";
28
- } & import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
29
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
30
- }) | (Omit<{
31
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
32
- } & {
33
- element: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
34
- } & import("react").HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
35
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
36
- }) | (Omit<{
37
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
38
- } & {
39
- element: "button";
40
- } & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
41
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
42
- }) | (Omit<{
43
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
44
- } & {
45
- element: "input";
46
- } & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
47
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
48
- }), {
12
+ export declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../../common/Typography").TProps & import("styled-components/dist/types").BaseObject, {
49
13
  $ellipsis: boolean;
50
14
  $pallete: TPaymentCardPalette;
51
- }>> & string & Omit<import("react").ForwardRefExoticComponent<import("../../common/Typography").TProps & import("react").RefAttributes<HTMLInputElement>>, keyof import("react").Component<any, {}, any>>;
15
+ }>> & string & Omit<import("react").FC<import("../../common/Typography").TProps>, keyof import("react").Component<any, {}, any>>;
52
16
  export declare const OutContainerIconWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
53
17
  $isActive: boolean;
54
18
  $pallete: TPaymentCardPalette;
@@ -57,43 +21,7 @@ export declare const IconWrapper: import("styled-components/dist/types").IStyled
57
21
  $isActive: boolean;
58
22
  $pallete: TPaymentCardPalette;
59
23
  }>> & string;
60
- export declare const Comment: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<(Omit<{
61
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
62
- } & {
63
- element?: "div" | undefined;
64
- } & import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
65
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
66
- }) | (Omit<{
67
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
68
- } & {
69
- element: "p";
70
- } & import("react").HTMLAttributes<HTMLParagraphElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
71
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
72
- }) | (Omit<{
73
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
74
- } & {
75
- element: "span";
76
- } & import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
77
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
78
- }) | (Omit<{
79
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
80
- } & {
81
- element: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
82
- } & import("react").HTMLAttributes<HTMLHeadingElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
83
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
84
- }) | (Omit<{
85
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
86
- } & {
87
- element: "button";
88
- } & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
89
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
90
- }) | (Omit<{
91
- variant: "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "headline6" | "headerText" | "buttonL" | "bodyL" | "bodyLUnderlined" | "buttonM" | "bodyMRegular" | "bodyMBold" | "bodyMUnderlined" | "captionRegular" | "labelsHintsRegular" | "labelsHintsBold" | "captionSRegular" | "captionUnderlined" | "smallMedium" | "labelsAndHints";
92
- } & {
93
- element: "input";
94
- } & import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>, "ref"> & {
95
- ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
96
- }), {
24
+ export declare const Comment: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../../common/Typography").TProps & import("styled-components/dist/types").BaseObject, {
97
25
  $pallete: TPaymentCardPalette;
98
26
  $isActive: boolean;
99
- }>> & string & Omit<import("react").ForwardRefExoticComponent<import("../../common/Typography").TProps & import("react").RefAttributes<HTMLInputElement>>, keyof import("react").Component<any, {}, any>>;
27
+ }>> & string & Omit<import("react").FC<import("../../common/Typography").TProps>, keyof import("react").Component<any, {}, any>>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@invoicebox/ui",
3
- "version": "0.1.0-alpha.163",
3
+ "version": "0.1.0-alpha.164",
4
4
  "description": "Invoicebox UI",
5
5
  "license": "Apache License 2.0",
6
6
  "scripts": {