@dfds-ui/forms 2.2.0-alpha.c2f773c5 → 2.2.0-alpha.c79adffa

package/switch/SwitchContext.d.ts

@@ -1,12 +1,11 @@
 import React from 'react';
 import { SwitchProps } from './Switch';
-type SwitchContextProps = Required<Pick<SwitchProps, 'size' | 'error'>> & {
+declare type SwitchContextProps = Required<Pick<SwitchProps, 'size' | 'error'>> & {
     children?: React.ReactNode;
 };
 export declare const SwitchContext: React.Context<SwitchContextProps | undefined>;
-export declare const SwitchContextProvider: ({ children, value, }: {
+export declare const SwitchContextProvider: React.FC<{
     value: SwitchContextProps;
-    children?: React.ReactNode;
-}) => React.JSX.Element;
+}>;
 declare const useSwitchContext: () => SwitchContextProps | undefined;
 export default useSwitchContext;

package/switch/SwitchContext.js

@@ -1,5 +1,5 @@
 import React, { createContext, useContext } from 'react';
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsx as ___EmotionJSX } from "@emotion/react";
 export var SwitchContext = /*#__PURE__*/createContext(undefined);
 export var SwitchContextProvider = function SwitchContextProvider(_ref) {
   var children = _ref.children,
@@ -8,10 +8,9 @@ export var SwitchContextProvider = function SwitchContextProvider(_ref) {
       size: 'medium',
       error: false
     } : _ref$value;
-  return _jsx(SwitchContext.Provider, {
-    value: value,
-    children: children
-  });
+  return ___EmotionJSX(SwitchContext.Provider, {
+    value: value
+  }, children);
 };
 var useSwitchContext = function useSwitchContext() {
   var context = useContext(SwitchContext);

package/switch/SwitchGroup.d.ts

@@ -1,10 +1,10 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { BaseFieldProps } from '../types';
 import { SwitchProps } from './Switch';
-export type SwitchGroupProps = Pick<BaseFieldProps, 'label' | 'errorMessage' | 'hideAsterisk' | 'required'> & {
+export declare type SwitchGroupProps = Pick<BaseFieldProps, 'label' | 'errorMessage' | 'hideAsterisk' | 'required'> & {
     /**
      * JSX enclosed by the group.
      */
     children: ReactNode;
 } & Pick<SwitchProps, 'size'>;
-export declare const SwitchGroup: ({ size, label, errorMessage, required, hideAsterisk, children, }: SwitchGroupProps) => React.JSX.Element;
+export declare const SwitchGroup: ({ size, label, errorMessage, required, hideAsterisk, children, }: SwitchGroupProps) => JSX.Element;

package/switch/SwitchGroup.js

@@ -5,21 +5,21 @@ import { Label } from '../label/Label';
 import { SwitchContextProvider } from './SwitchContext';
 import { FlexBox } from '@dfds-ui/react-components/flexbox';
 import ErrorText from '../error-text/ErrorText';
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as ___EmotionJSX } from "@emotion/react";
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "1qz4298",
   styles: "display:flex;flex-direction:column;border:none;padding:0;margin:0"
 } : {
   name: "7bcvef-SwitchGroupContainer",
-  styles: "display:flex;flex-direction:column;border:none;padding:0;margin:0;label:SwitchGroupContainer;/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zd2l0Y2gvU3dpdGNoR3JvdXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCWSIsImZpbGUiOiIuLi8uLi9zcmMvc3dpdGNoL1N3aXRjaEdyb3VwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEJhc2VGaWVsZFByb3BzIH0gZnJvbSAnLi4vdHlwZXMnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFN3aXRjaFByb3BzIH0gZnJvbSAnLi9Td2l0Y2gnXG5pbXBvcnQgeyBMYWJlbCB9IGZyb20gJy4uL2xhYmVsL0xhYmVsJ1xuaW1wb3J0IHsgU3dpdGNoQ29udGV4dFByb3ZpZGVyIH0gZnJvbSAnLi9Td2l0Y2hDb250ZXh0J1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZmxleGJveCdcbmltcG9ydCBFcnJvclRleHQgZnJvbSAnLi4vZXJyb3ItdGV4dC9FcnJvclRleHQnXG5cbmV4cG9ydCB0eXBlIFN3aXRjaEdyb3VwUHJvcHMgPSBQaWNrPEJhc2VGaWVsZFByb3BzLCAnbGFiZWwnIHwgJ2Vycm9yTWVzc2FnZScgfCAnaGlkZUFzdGVyaXNrJyB8ICdyZXF1aXJlZCc+ICYge1xuICAvKipcbiAgICogSlNYIGVuY2xvc2VkIGJ5IHRoZSBncm91cC5cbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbn0gJiBQaWNrPFN3aXRjaFByb3BzLCAnc2l6ZSc+XG5cbmNvbnN0IFN3aXRjaEdyb3VwQ29udGFpbmVyID0gKHsgY2hpbGRyZW4gfTogUGFydGlhbDxTd2l0Y2hHcm91cFByb3BzPikgPT4gKFxuICA8ZmllbGRzZXRcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgcGFkZGluZzogMDtcbiAgICAgIG1hcmdpbjogMDtcbiAgICBgfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L2ZpZWxkc2V0PlxuKVxuXG5leHBvcnQgY29uc3QgU3dpdGNoR3JvdXAgPSAoe1xuICBzaXplID0gJ21lZGl1bScsXG4gIGxhYmVsLFxuICBlcnJvck1lc3NhZ2UsXG4gIHJlcXVpcmVkLFxuICBoaWRlQXN0ZXJpc2ssXG4gIGNoaWxkcmVuLFxufTogU3dpdGNoR3JvdXBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTd2l0Y2hHcm91cENvbnRhaW5lcj5cbiAgICAgIDxTd2l0Y2hDb250ZXh0UHJvdmlkZXIgdmFsdWU9e3sgc2l6ZSwgZXJyb3I6ICEhZXJyb3JNZXNzYWdlIH19PlxuICAgICAgICA8TGFiZWwgcmVxdWlyZWQ9e3JlcXVpcmVkfSBoaWRlQXN0ZXJpc2s9e2hpZGVBc3Rlcmlza30gdmlzdWFsU2l6ZT17c2l6ZX0+XG4gICAgICAgICAge2xhYmVsfVxuICAgICAgICA8L0xhYmVsPlxuICAgICAgICA8RmxleEJveCBkaXJlY3Rpb25Db2x1bW4+e2NoaWxkcmVufTwvRmxleEJveD5cbiAgICAgIDwvU3dpdGNoQ29udGV4dFByb3ZpZGVyPlxuICAgICAge2Vycm9yTWVzc2FnZSAmJiA8RXJyb3JUZXh0PntlcnJvck1lc3NhZ2V9PC9FcnJvclRleHQ+fVxuICAgIDwvU3dpdGNoR3JvdXBDb250YWluZXI+XG4gIClcbn1cbiJdfQ== */",
+  styles: "display:flex;flex-direction:column;border:none;padding:0;margin:0;label:SwitchGroupContainer;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9zd2l0Y2gvU3dpdGNoR3JvdXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtCWSIsImZpbGUiOiIuLi8uLi9zcmMvc3dpdGNoL1N3aXRjaEdyb3VwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCwgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEJhc2VGaWVsZFByb3BzIH0gZnJvbSAnLi4vdHlwZXMnXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFN3aXRjaFByb3BzIH0gZnJvbSAnLi9Td2l0Y2gnXG5pbXBvcnQgeyBMYWJlbCB9IGZyb20gJy4uL2xhYmVsL0xhYmVsJ1xuaW1wb3J0IHsgU3dpdGNoQ29udGV4dFByb3ZpZGVyIH0gZnJvbSAnLi9Td2l0Y2hDb250ZXh0J1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMvZmxleGJveCdcbmltcG9ydCBFcnJvclRleHQgZnJvbSAnLi4vZXJyb3ItdGV4dC9FcnJvclRleHQnXG5cbmV4cG9ydCB0eXBlIFN3aXRjaEdyb3VwUHJvcHMgPSBQaWNrPEJhc2VGaWVsZFByb3BzLCAnbGFiZWwnIHwgJ2Vycm9yTWVzc2FnZScgfCAnaGlkZUFzdGVyaXNrJyB8ICdyZXF1aXJlZCc+ICYge1xuICAvKipcbiAgICogSlNYIGVuY2xvc2VkIGJ5IHRoZSBncm91cC5cbiAgICovXG4gIGNoaWxkcmVuOiBSZWFjdE5vZGVcbn0gJiBQaWNrPFN3aXRjaFByb3BzLCAnc2l6ZSc+XG5cbmNvbnN0IFN3aXRjaEdyb3VwQ29udGFpbmVyID0gKHsgY2hpbGRyZW4gfTogUGFydGlhbDxTd2l0Y2hHcm91cFByb3BzPikgPT4gKFxuICA8ZmllbGRzZXRcbiAgICBjc3M9e2Nzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgcGFkZGluZzogMDtcbiAgICAgIG1hcmdpbjogMDtcbiAgICBgfVxuICA+XG4gICAge2NoaWxkcmVufVxuICA8L2ZpZWxkc2V0PlxuKVxuXG5leHBvcnQgY29uc3QgU3dpdGNoR3JvdXAgPSAoe1xuICBzaXplID0gJ21lZGl1bScsXG4gIGxhYmVsLFxuICBlcnJvck1lc3NhZ2UsXG4gIHJlcXVpcmVkLFxuICBoaWRlQXN0ZXJpc2ssXG4gIGNoaWxkcmVuLFxufTogU3dpdGNoR3JvdXBQcm9wcykgPT4ge1xuICByZXR1cm4gKFxuICAgIDxTd2l0Y2hHcm91cENvbnRhaW5lcj5cbiAgICAgIDxTd2l0Y2hDb250ZXh0UHJvdmlkZXIgdmFsdWU9e3sgc2l6ZSwgZXJyb3I6ICEhZXJyb3JNZXNzYWdlIH19PlxuICAgICAgICA8TGFiZWwgcmVxdWlyZWQ9e3JlcXVpcmVkfSBoaWRlQXN0ZXJpc2s9e2hpZGVBc3Rlcmlza30gdmlzdWFsU2l6ZT17c2l6ZX0+XG4gICAgICAgICAge2xhYmVsfVxuICAgICAgICA8L0xhYmVsPlxuICAgICAgICA8RmxleEJveCBkaXJlY3Rpb25Db2x1bW4+e2NoaWxkcmVufTwvRmxleEJveD5cbiAgICAgIDwvU3dpdGNoQ29udGV4dFByb3ZpZGVyPlxuICAgICAge2Vycm9yTWVzc2FnZSAmJiA8RXJyb3JUZXh0PntlcnJvck1lc3NhZ2V9PC9FcnJvclRleHQ+fVxuICAgIDwvU3dpdGNoR3JvdXBDb250YWluZXI+XG4gIClcbn1cbiJdfQ== */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 var SwitchGroupContainer = function SwitchGroupContainer(_ref2) {
   var children = _ref2.children;
-  return _jsx("fieldset", {
-    css: _ref,
-    children: children
-  });
+  return ___EmotionJSX("fieldset", {
+    css: _ref
+  }, children);
 };
 export var SwitchGroup = function SwitchGroup(_ref3) {
   var _ref3$size = _ref3.size,
@@ -29,23 +29,16 @@ export var SwitchGroup = function SwitchGroup(_ref3) {
     required = _ref3.required,
     hideAsterisk = _ref3.hideAsterisk,
     children = _ref3.children;
-  return _jsxs(SwitchGroupContainer, {
-    children: [_jsxs(SwitchContextProvider, {
-      value: {
-        size: size,
-        error: !!errorMessage
-      },
-      children: [_jsx(Label, {
-        required: required,
-        hideAsterisk: hideAsterisk,
-        visualSize: size,
-        children: label
-      }), _jsx(FlexBox, {
-        directionColumn: true,
-        children: children
-      })]
-    }), errorMessage && _jsx(ErrorText, {
-      children: errorMessage
-    })]
-  });
+  return ___EmotionJSX(SwitchGroupContainer, null, ___EmotionJSX(SwitchContextProvider, {
+    value: {
+      size: size,
+      error: !!errorMessage
+    }
+  }, ___EmotionJSX(Label, {
+    required: required,
+    hideAsterisk: hideAsterisk,
+    visualSize: size
+  }, label), ___EmotionJSX(FlexBox, {
+    directionColumn: true
+  }, children)), errorMessage && ___EmotionJSX(ErrorText, null, errorMessage));
 };

package/tel-field/TelField.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Locale } from '@dfds-ui/react-components';
 import { BaseFieldProps } from '../types';
-export type TelFieldProps = BaseFieldProps & {
+export declare type TelFieldProps = BaseFieldProps & {
     /**
      * Class name to be added to the TelField.
      */
@@ -31,37 +31,37 @@ export type TelFieldProps = BaseFieldProps & {
      */
     onBlur?: () => void;
 };
-export type TelFieldElement = {
+export declare type TelFieldElement = {
     focus?: () => void;
 };
 export declare const TelField: React.ForwardRefExoticComponent<BaseFieldProps & {
     /**
      * Class name to be added to the TelField.
      */
-    className?: string;
+    className?: string | undefined;
     /**
      * Default value for the phone number
      */
-    defaultValue?: string;
+    defaultValue?: string | undefined;
     /**
      * Default locale. Will set the matching country in the dropdown
      */
-    defaultLocale?: Locale;
+    defaultLocale?: "en" | "nl-BE" | "bg-BG" | "pt-BR" | "en-CA" | "zh-CN" | "cs-CZ" | "da-DK" | "et-EE" | "fi-FI" | "fr-BE" | "fr-FR" | "fr-MA" | "de-DE" | "hu-HU" | "it-IT" | "ja-JP" | "lv-LV" | "lt-LT" | "nl-NL" | "nb-NO" | "pl-PL" | "ro-RO" | "ru-RU" | "sk-SK" | "ko-KR" | "es-ES" | "sv-SE" | "tr-TR" | "en-GB" | "en-US" | undefined;
     /**
      * Show trunk values (the local area code shown in parenthesis)
      */
-    showTrunkValues?: boolean;
+    showTrunkValues?: boolean | undefined;
     /**
      * Makes value splitted so easier to convert to object
      */
-    splitValues?: boolean;
+    splitValues?: boolean | undefined;
     /**
      * Callback when value changes
      */
-    onChange?: (newValue: string) => void;
+    onChange?: ((newValue: string) => void) | undefined;
     /**
      * Callback when blur
      */
-    onBlur?: () => void;
+    onBlur?: (() => void) | undefined;
 } & React.RefAttributes<TelFieldElement>>;
 export default TelField;