@dfds-ui/react-components 2.2.0-alpha.b94ad8b5 → 2.2.0-alpha.c2f773c5

package/cjs/forms/error-text/ErrorText.js

@@ -31,5 +31,4 @@ const ErrorText = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV ==
   target: "e1dvcboa0",
   label: "ErrorText"
 })("color:", _theme.theme.colors.status.alert, ";", p => p.small ? _ref2 : _ref, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9mb3Jtcy9lcnJvci10ZXh0L0Vycm9yVGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSWlEIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9mb3Jtcy9lcnJvci10ZXh0L0Vycm9yVGV4dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcblxuY29uc3QgRXJyb3JUZXh0ID0gc3R5bGVkLmRpdjx7IHNtYWxsPzogYm9vbGVhbiB9PmBcbiAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnN0YXR1cy5hbGVydH07XG4gICR7KHApID0+XG4gICAgcC5zbWFsbFxuICAgICAgPyBjc3NgXG4gICAgICAgICAgZm9udC1zaXplOiAxMnB4O1xuICAgICAgICAgIGxpbmUtaGVpZ2h0OiAxNXB4O1xuICAgICAgICBgXG4gICAgICA6IGNzc2BcbiAgICAgICAgICBmb250LXNpemU6IDE2cHg7XG4gICAgICAgICAgbGluZS1oZWlnaHQ6IDI2cHg7XG4gICAgICAgIGB9XG5gXG5cbmV4cG9ydCBkZWZhdWx0IEVycm9yVGV4dFxuIl19 */"));
-var _default = ErrorText;
-exports.default = _default;
+var _default = exports.default = ErrorText;

package/cjs/forms/field/Field.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { LabelProps } from '../label/Label';
-declare type FieldProps = {
+type FieldProps = {
     children?: React.ReactNode;
     labelProps?: LabelProps;
     label?: React.ReactNode;

package/cjs/forms/field/Field.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = _interopRequireDefault(require("react"));
 var _Label = _interopRequireDefault(require("../label/Label"));
-var _react2 = require("@emotion/react");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 const Wrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
@@ -55,9 +55,13 @@ const Field = ({
   assistiveText,
   children
 }) => {
-  return (0, _react2.jsx)(Wrapper, null, label !== undefined && (0, _react2.jsx)(FieldLabel, {
-    required: required
-  }, label), children, assistiveText !== undefined && (0, _react2.jsx)(Assistive, null, assistiveText));
+  return (0, _jsxRuntime.jsxs)(Wrapper, {
+    children: [label !== undefined && (0, _jsxRuntime.jsx)(FieldLabel, {
+      required: required,
+      children: label
+    }), children, assistiveText !== undefined && (0, _jsxRuntime.jsx)(Assistive, {
+      children: assistiveText
+    })]
+  });
 };
-var _default = Field;
-exports.default = _default;
+var _default = exports.default = Field;

package/cjs/forms/index.d.ts

@@ -7,15 +7,15 @@ export { default as Select } from './select/Select';
 export { default as Label } from './label/Label';
 export { default as TextField } from './text-field/TextField';
 export { default as Radio } from './radio/Radio';
-export declare type RadioProps = import('./radio/Radio').RadioProps;
+export type RadioProps = import('./radio/Radio').RadioProps;
 export { default as Checkbox } from './checkbox/Checkbox';
-export declare type CheckboxProps = import('./checkbox/Checkbox').CheckboxProps;
+export type CheckboxProps = import('./checkbox/Checkbox').CheckboxProps;
 export { default as SelectField } from './select-field/SelectField';
 export { default as TelField } from './tel-field/TelField';
 export { default as EmailField } from './email-field/EmailField';
 export { default as NumberField } from './number-field/NumberField';
 export { default as ReactSelect } from './reactselect/ReactSelect';
-export declare type BaseReactSelectProps = import('./reactselect/ReactSelect').BaseReactSelectProps;
+export type BaseReactSelectProps = import('./reactselect/ReactSelect').BaseReactSelectProps;
 export { default as PasswordField } from './password-field/PasswordField';
 export { default as AsyncSearchableSelect } from './searchable-select/AsyncSearchableSelect';
 export { default as ErrorText } from './error-text/ErrorText';

package/cjs/forms/input/Input.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-export declare type Alignment = 'left' | 'right';
-export declare type Size = 'small' | 'medium';
+export type Alignment = 'left' | 'right';
+export type Size = 'small' | 'medium';
 interface InputProps extends Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'size' | 'css'> {
     name: string;
     multiline?: boolean;

package/cjs/forms/input/Input.js

@@ -8,8 +8,8 @@ var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@emotion/react");
 var _theme = require("@dfds-ui/theme");
+var _jsxRuntime = require("@emotion/react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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); }
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 const Wrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
   target: "ezaj29z2"
@@ -113,24 +113,26 @@ const Input = (props, ref) => {
     disabled,
     ...rest
   } = props;
-  return (0, _react2.jsx)(Wrapper, {
-    className: wrapperClassName
-  }, (0, _react2.jsx)(StyledInput, _extends({
-    name: name,
-    as: multiline ? 'textarea' : 'input',
-    multiline: multiline,
-    "aria-invalid": error,
-    hasIcon: !!icon,
-    placeholder: placeholder,
-    placeholderAlignment: placeholderAlignment,
-    visualSize: size,
-    size: htmlSize,
-    disabled: disabled,
-    ref: ref
-  }, rest)), icon && (0, _react2.jsx)(Icon, {
-    size: size,
-    disabled: disabled
-  }, icon));
+  return (0, _jsxRuntime.jsxs)(Wrapper, {
+    className: wrapperClassName,
+    children: [(0, _jsxRuntime.jsx)(StyledInput, {
+      name: name,
+      as: multiline ? 'textarea' : 'input',
+      multiline: multiline,
+      "aria-invalid": error,
+      hasIcon: !!icon,
+      placeholder: placeholder,
+      placeholderAlignment: placeholderAlignment,
+      visualSize: size,
+      size: htmlSize,
+      disabled: disabled,
+      ref: ref,
+      ...rest
+    }), icon && (0, _jsxRuntime.jsx)(Icon, {
+      size: size,
+      disabled: disabled,
+      children: icon
+    })]
+  });
 };
-var _default = /*#__PURE__*/_react.default.forwardRef(Input);
-exports.default = _default;
+var _default = exports.default = /*#__PURE__*/_react.default.forwardRef(Input);

package/cjs/forms/input/InputComposition.d.ts

@@ -1,19 +1,19 @@
 import React, { ReactNode } from 'react';
-export declare type Alignment = 'left' | 'right';
-export declare type Size = 'small' | 'medium' | 'large';
-declare type ReactInputProps = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
-export declare type InputCompositionProps = {
+export type Alignment = 'left' | 'right';
+export type Size = 'small' | 'medium' | 'large';
+type ReactInputProps = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+export type InputCompositionProps = {
     visualSize?: Size;
     className?: string;
     children?: ReactNode;
-} & React.PropsWithoutRef<JSX.IntrinsicElements['div']>;
-export declare type InputIconProps = {
+} & React.PropsWithoutRef<React.JSX.IntrinsicElements['div']>;
+export type InputIconProps = {
     icon: React.ElementType;
     color?: string;
     className?: string;
     size?: Size;
 };
-export declare type InputProps = {
+export type InputProps = {
     /**
      * Name of the input element
      */
@@ -28,16 +28,16 @@ export declare type InputProps = {
     disabled?: boolean;
     children?: React.ReactNode;
 } & Omit<ReactInputProps, 'css'>;
-export declare function inputTypography(size: Size): import("@emotion/react").SerializedStyles;
+export declare function inputTypography(size: Size): import("@emotion/utils").SerializedStyles;
 export declare const InputComposition: ({ visualSize, children, ...rest }: InputCompositionProps) => React.JSX.Element;
 export declare const InputIcon: import("@emotion/styled").StyledComponent<InputIconProps & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;
 export declare const InputAddon: import("@emotion/styled").StyledComponent<{
-    className?: string | undefined;
+    className?: string;
     children?: ReactNode;
 } & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 }, {}, {}>;
 export declare const InputControl: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
 export {};