@dfds-ui/react-components 2.2.0-alpha.eae7bbcd → 2.2.0-alpha.f8b06f5f

package/forms/email-field/EmailField.js

@@ -1,16 +1,21 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 import _styled from "@emotion/styled/base";
-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 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; }
+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; }
+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; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+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); }
 import React from 'react';
 import TextField from '../text-field/TextField';
 
 // EmailField is a composite component used to encapsulate a complete field with label, input and error/hint
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 var EmailField = function EmailField(props, ref) {
-  return ___EmotionJSX(TextField, _extends({}, props, {
+  return _jsx(TextField, _objectSpread(_objectSpread({}, props), {}, {
     ref: ref,
     type: "email"
   }));
 };
 export default /*#__PURE__*/_styled(/*#__PURE__*/React.forwardRef(EmailField), {
   target: "eoo1you0"
-})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9mb3Jtcy9lbWFpbC1maWVsZC9FbWFpbEZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTZSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZm9ybXMvZW1haWwtZmllbGQvRW1haWxGaWVsZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBUZXh0RmllbGQsIHsgVGV4dEZpZWxkUHJvcHMgfSBmcm9tICcuLi90ZXh0LWZpZWxkL1RleHRGaWVsZCdcblxuLy8gRW1haWxGaWVsZCBpcyBhIGNvbXBvc2l0ZSBjb21wb25lbnQgdXNlZCB0byBlbmNhcHN1bGF0ZSBhIGNvbXBsZXRlIGZpZWxkIHdpdGggbGFiZWwsIGlucHV0IGFuZCBlcnJvci9oaW50XG5jb25zdCBFbWFpbEZpZWxkOiBSZWFjdC5Gb3J3YXJkUmVmUmVuZGVyRnVuY3Rpb248SFRNTElucHV0RWxlbWVudCwgVGV4dEZpZWxkUHJvcHM+ID0gKHByb3BzLCByZWYpID0+IHtcbiAgcmV0dXJuIDxUZXh0RmllbGQgey4uLnByb3BzfSByZWY9e3JlZiBhcyBhbnl9IHR5cGU9XCJlbWFpbFwiIC8+XG59XG5cbmV4cG9ydCBkZWZhdWx0IHN0eWxlZChSZWFjdC5mb3J3YXJkUmVmKEVtYWlsRmllbGQpKSgpXG4iXX0= */");
+})(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9mb3Jtcy9lbWFpbC1maWVsZC9FbWFpbEZpZWxkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTZSIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZm9ybXMvZW1haWwtZmllbGQvRW1haWxGaWVsZC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCBUZXh0RmllbGQsIHsgVGV4dEZpZWxkUHJvcHMgfSBmcm9tICcuLi90ZXh0LWZpZWxkL1RleHRGaWVsZCdcblxuLy8gRW1haWxGaWVsZCBpcyBhIGNvbXBvc2l0ZSBjb21wb25lbnQgdXNlZCB0byBlbmNhcHN1bGF0ZSBhIGNvbXBsZXRlIGZpZWxkIHdpdGggbGFiZWwsIGlucHV0IGFuZCBlcnJvci9oaW50XG5jb25zdCBFbWFpbEZpZWxkOiBSZWFjdC5Gb3J3YXJkUmVmUmVuZGVyRnVuY3Rpb248SFRNTElucHV0RWxlbWVudCwgVGV4dEZpZWxkUHJvcHM+ID0gKHByb3BzLCByZWYpID0+IHtcbiAgcmV0dXJuIDxUZXh0RmllbGQgey4uLnByb3BzfSByZWY9e3JlZn0gdHlwZT1cImVtYWlsXCIgLz5cbn1cblxuZXhwb3J0IGRlZmF1bHQgc3R5bGVkKFJlYWN0LmZvcndhcmRSZWYoRW1haWxGaWVsZCkpKClcbiJdfQ== */");

package/forms/error-text/ErrorText.d.ts

@@ -1,7 +1,7 @@
 declare const ErrorText: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
 } & {
-    small?: boolean | undefined;
+    small?: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export default ErrorText;

package/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/forms/field/Field.js

@@ -2,7 +2,7 @@ import _styled from "@emotion/styled/base";
 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)."; }
 import React from 'react';
 import Label from '../label/Label';
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 var Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "eazjpxc2"
 } : {
@@ -47,8 +47,13 @@ var Field = function Field(_ref) {
     required = _ref.required,
     assistiveText = _ref.assistiveText,
     children = _ref.children;
-  return ___EmotionJSX(Wrapper, null, label !== undefined && ___EmotionJSX(FieldLabel, {
-    required: required
-  }, label), children, assistiveText !== undefined && ___EmotionJSX(Assistive, null, assistiveText));
+  return _jsxs(Wrapper, {
+    children: [label !== undefined && _jsx(FieldLabel, {
+      required: required,
+      children: label
+    }), children, assistiveText !== undefined && _jsx(Assistive, {
+      children: assistiveText
+    })]
+  });
 };
 export default Field;

package/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/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/forms/input/Input.js

@@ -1,13 +1,18 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 import _styled from "@emotion/styled/base";
 var _excluded = ["name", "multiline", "error", "icon", "placeholder", "placeholderAlignment", "wrapperClassName", "size", "htmlSize", "disabled"];
-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 _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) { o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } } return t; }
+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; }
+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; }
+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; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+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); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 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)."; }
 import React from 'react';
 import { css } from '@emotion/react';
 import { theme } from '@dfds-ui/theme';
-import { jsx as ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 var Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "ezaj29z2"
 } : {
@@ -124,23 +129,25 @@ var Input = function Input(props, ref) {
     htmlSize = props.htmlSize,
     disabled = props.disabled,
     rest = _objectWithoutProperties(props, _excluded);
-  return ___EmotionJSX(Wrapper, {
-    className: wrapperClassName
-  }, ___EmotionJSX(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 && ___EmotionJSX(Icon, {
-    size: size,
-    disabled: disabled
-  }, icon));
+  return _jsxs(Wrapper, {
+    className: wrapperClassName,
+    children: [_jsx(StyledInput, _objectSpread({
+      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 && _jsx(Icon, {
+      size: size,
+      disabled: disabled,
+      children: icon
+    })]
+  });
 };
 export default /*#__PURE__*/React.forwardRef(Input);

package/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 {};