@dfds-ui/forms 2.2.0-alpha.9bb1ab0f → 2.2.0-alpha.a1ae8508

package/switch/SwitchContext.js

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

package/switch/SwitchGroup.js

@@ -5,7 +5,7 @@ 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 ___EmotionJSX } from "@emotion/react";
+import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 var _ref = process.env.NODE_ENV === "production" ? {
   name: "1qz4298",
   styles: "display:flex;flex-direction:column;border:none;padding:0;margin:0"
@@ -16,9 +16,10 @@ var _ref = process.env.NODE_ENV === "production" ? {
 };
 var SwitchGroupContainer = function SwitchGroupContainer(_ref2) {
   var children = _ref2.children;
-  return ___EmotionJSX("fieldset", {
-    css: _ref
-  }, children);
+  return _jsx("fieldset", {
+    css: _ref,
+    children: children
+  });
 };
 export var SwitchGroup = function SwitchGroup(_ref3) {
   var _ref3$size = _ref3.size,
@@ -28,16 +29,23 @@ export var SwitchGroup = function SwitchGroup(_ref3) {
     required = _ref3.required,
     hideAsterisk = _ref3.hideAsterisk,
     children = _ref3.children;
-  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));
+  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
+    })]
+  });
 };

package/tel-field/TelField.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import { Locale } from '@dfds-ui/react-components';
 import { BaseFieldProps } from '../types';
 export type TelFieldProps = BaseFieldProps & {
+    ref?: React.Ref<TelFieldElement>;
     /**
      * Class name to be added to the TelField.
      */
@@ -34,34 +35,5 @@ export type TelFieldProps = BaseFieldProps & {
 export type TelFieldElement = {
     focus?: () => void;
 };
-export declare const TelField: React.ForwardRefExoticComponent<BaseFieldProps & {
-    /**
-     * Class name to be added to the TelField.
-     */
-    className?: string;
-    /**
-     * Default value for the phone number
-     */
-    defaultValue?: string;
-    /**
-     * Default locale. Will set the matching country in the dropdown
-     */
-    defaultLocale?: Locale;
-    /**
-     * Show trunk values (the local area code shown in parenthesis)
-     */
-    showTrunkValues?: boolean;
-    /**
-     * Makes value splitted so easier to convert to object
-     */
-    splitValues?: boolean;
-    /**
-     * Callback when value changes
-     */
-    onChange?: (newValue: string) => void;
-    /**
-     * Callback when blur
-     */
-    onBlur?: () => void;
-} & React.RefAttributes<TelFieldElement>>;
+export declare const TelField: ({ name, label, errorMessage, defaultValue, defaultLocale, required, hideAsterisk, showTrunkValues, splitValues, onChange, onBlur, ref, ...rest }: TelFieldProps) => React.JSX.Element;
 export default TelField;