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

package/cjs/switch/SwitchContext.d.ts

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

package/cjs/switch/SwitchGroup.d.ts

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

package/cjs/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 declare type TelFieldProps = BaseFieldProps & {
+export type TelFieldProps = BaseFieldProps & {
     /**
      * Class name to be added to the TelField.
      */
@@ -31,37 +31,37 @@ export declare type TelFieldProps = BaseFieldProps & {
      */
     onBlur?: () => void;
 };
-export declare type TelFieldElement = {
+export type TelFieldElement = {
     focus?: () => void;
 };
 export declare const TelField: React.ForwardRefExoticComponent<BaseFieldProps & {
     /**
      * Class name to be added to the TelField.
      */
-    className?: string | undefined;
+    className?: string;
     /**
      * Default value for the phone number
      */
-    defaultValue?: string | undefined;
+    defaultValue?: string;
     /**
      * Default locale. Will set the matching country in the dropdown
      */
-    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;
+    defaultLocale?: Locale;
     /**
      * Show trunk values (the local area code shown in parenthesis)
      */
-    showTrunkValues?: boolean | undefined;
+    showTrunkValues?: boolean;
     /**
      * Makes value splitted so easier to convert to object
      */
-    splitValues?: boolean | undefined;
+    splitValues?: boolean;
     /**
      * Callback when value changes
      */
-    onChange?: ((newValue: string) => void) | undefined;
+    onChange?: (newValue: string) => void;
     /**
      * Callback when blur
      */
-    onBlur?: (() => void) | undefined;
+    onBlur?: () => void;
 } & React.RefAttributes<TelFieldElement>>;
 export default TelField;

package/cjs/text-field/TextField.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { BaseFieldProps, Size } from '../types';
-export declare type TextFieldProps = BaseFieldProps & {
+export type TextFieldProps = BaseFieldProps & {
     autoFocus?: boolean;
     defaultValue?: string;
     prefix?: React.ReactNode;
@@ -28,30 +28,30 @@ export declare type TextFieldProps = BaseFieldProps & {
     step?: number | 'any';
 };
 export declare const TextField: React.ForwardRefExoticComponent<BaseFieldProps & {
-    autoFocus?: boolean | undefined;
-    defaultValue?: string | undefined;
+    autoFocus?: boolean;
+    defaultValue?: string;
     prefix?: React.ReactNode;
     suffix?: React.ReactNode;
-    icon?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    icon?: React.ElementType;
     /**
      * Element to be placed after the input element.
      *
      * Useful for adding a button next to the TextField.
      */
     adornment?: React.ReactNode;
-    className?: string | undefined;
-    value?: string | undefined;
-    visualSize?: Size | undefined;
-    onChange?: ((event: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
-    onFocus?: ((event: React.FocusEvent<HTMLInputElement>) => void) | undefined;
-    onBlur?: ((event: React.ChangeEvent<HTMLInputElement>) => void) | undefined;
-    inputType?: "number" | "search" | "time" | "text" | "tel" | "url" | "email" | "date" | "file" | "password" | undefined;
-    autoComplete?: string | undefined;
-    minValue?: string | undefined;
-    maxValue?: string | undefined;
-    maxLength?: number | undefined;
-    minLength?: number | undefined;
-    readOnly?: boolean | undefined;
-    step?: number | "any" | undefined;
+    className?: string;
+    value?: string;
+    visualSize?: Size;
+    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
+    onBlur?: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    inputType?: "email" | "text" | "tel" | "time" | "url" | "date" | "file" | "number" | "search" | "password";
+    autoComplete?: string;
+    minValue?: string;
+    maxValue?: string;
+    maxLength?: number;
+    minLength?: number;
+    readOnly?: boolean;
+    step?: number | "any";
 } & React.RefAttributes<HTMLInputElement>>;
 export default TextField;

package/cjs/textarea-field/TextareaField.d.ts

@@ -1,4 +1,4 @@
-import React, { ChangeEvent } from 'react';
+import React from 'react';
 import { BaseFieldProps, Size } from '../types';
 export declare const inputPaddings: {
     small: {
@@ -10,8 +10,8 @@ export declare const inputPaddings: {
         horizontal: number;
     };
 };
-declare type FieldSize = Extract<Size, 'small' | 'medium'>;
-export declare type TextareaFieldProps = BaseFieldProps & {
+type FieldSize = Extract<Size, 'small' | 'medium'>;
+export type TextareaFieldProps = BaseFieldProps & {
     defaultValue?: string;
     size?: FieldSize;
     /**
@@ -27,18 +27,18 @@ export declare type TextareaFieldProps = BaseFieldProps & {
     rows?: number;
 };
 export declare const TextareaField: React.ForwardRefExoticComponent<BaseFieldProps & {
-    defaultValue?: string | undefined;
-    size?: FieldSize | undefined;
+    defaultValue?: string;
+    size?: FieldSize;
     /**
      * Set a limit to the amount of characters the user may add. This number is also displayed on the bottom counter by default.
      */
-    maxValueLength?: number | undefined;
+    maxValueLength?: number;
     /**
      * Whether to show the length counter at the bottom right
      */
-    showLengthCounter?: boolean | undefined;
-    value?: string | undefined;
-    onChange?: ((event: React.ChangeEvent<HTMLTextAreaElement>) => void) | undefined;
-    rows?: number | undefined;
+    showLengthCounter?: boolean;
+    value?: string;
+    onChange?: (event: React.ChangeEvent<HTMLTextAreaElement>) => void;
+    rows?: number;
 } & React.RefAttributes<HTMLTextAreaElement>>;
 export {};

package/cjs/types/field.d.ts

@@ -2,7 +2,7 @@ import { ReactNode } from 'react';
 /**
  * Generic FieldProps
  */
-export declare type BaseFieldProps = {
+export type BaseFieldProps = {
     /**
      * Assistive text describing the field.
      *

package/cjs/types/size.d.ts

@@ -1 +1 @@
-export declare type Size = 'small' | 'medium' | 'large';
+export type Size = 'small' | 'medium' | 'large';

package/counter/Counter.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
-declare type Size = 's' | 'm';
-export declare type CounterProps = {
+type Size = 's' | 'm';
+export type CounterProps = {
     /**
      * Minimum value
      */

package/enhanced/EnhancedField.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-declare type ReactInputProps = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
-export declare type EnhancedInputProps<TValue> = Omit<EnhancedFieldProps, 'value'> & {
+type ReactInputProps = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
+export type EnhancedInputProps<TValue> = Omit<EnhancedFieldProps, 'value'> & {
     value?: TValue;
 };
-export declare type EnhancedFieldProps = Omit<ReactInputProps, 'size' | 'css'> & {
+export type EnhancedFieldProps = Omit<ReactInputProps, 'size' | 'css'> & {
     name?: string;
     /**
      * Label to be displayed

package/error-text/ErrorText.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type ErrorTextProps = {
+export type ErrorTextProps = {
     id?: string;
     children: React.ReactNode;
     className?: string;

package/field-wrap/FieldWrap.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
 import { BaseFieldProps, Size } from '../types';
-export declare type FieldWrapProps = BaseFieldProps & {
+export type FieldWrapProps = BaseFieldProps & {
     size: Size;
     extraAssistiveText?: string;
     disabled?: boolean;

package/help-icon/HelpIcon.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type HelpIconProps = {
+export type HelpIconProps = {
     content: string;
     className?: string;
     disabled?: boolean;

package/label/Label.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
 import { Size } from '../types';
-export declare type LabelProps = {
+export type LabelProps = {
     children: ReactNode;
     className?: string;
     hideAsterisk?: boolean;

package/package.json

@@ -3,7 +3,7 @@
   "description": "Form components",
   "license": "MIT",
   "private": false,
-  "version": "2.2.0-alpha.98e68873",
+  "version": "2.2.0-alpha.9bb1ab0f",
   "sideEffects": false,
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -11,19 +11,19 @@
   "typings": "./index.d.ts",
   "peerDependencies": {
     "@emotion/react": "11.14.0",
-    "@emotion/styled": "11.14.0",
+    "@emotion/styled": "11.14.1",
     "react": ">= 18.3.1",
     "react-dom": ">= 18.3.1",
     "react-select": "^5.0.0"
   },
   "dependencies": {
-    "@dfds-ui/hooks": "2.2.0-alpha.98e68873",
-    "@dfds-ui/icons": "2.2.0-alpha.98e68873",
-    "@dfds-ui/react-components": "2.2.0-alpha.98e68873",
-    "@dfds-ui/theme": "2.2.0-alpha.98e68873",
-    "@dfds-ui/typography": "2.2.0-alpha.98e68873"
+    "@dfds-ui/hooks": "2.2.0-alpha.9bb1ab0f",
+    "@dfds-ui/icons": "2.2.0-alpha.9bb1ab0f",
+    "@dfds-ui/react-components": "2.2.0-alpha.9bb1ab0f",
+    "@dfds-ui/theme": "2.2.0-alpha.9bb1ab0f",
+    "@dfds-ui/typography": "2.2.0-alpha.9bb1ab0f"
   },
-  "gitHead": "98e68873ace8ad4db37fd407dfe757396da57ac8",
+  "gitHead": "9bb1ab0fca74964da6edd580e53f175a223b4f49",
   "publishConfig": {
     "access": "public"
   }

package/password-field/PasswordField.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { TextFieldProps } from '../text-field/TextField';
-export declare type PasswordFieldProps = Omit<TextFieldProps, 'icon' | 'inputType'>;
+export type PasswordFieldProps = Omit<TextFieldProps, 'icon' | 'inputType'>;
 export declare const PasswordField: React.ForwardRefExoticComponent<PasswordFieldProps & React.RefAttributes<HTMLInputElement>>;

package/radio/Radio.d.ts

@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react';
-declare type RadioSize = 'medium' | 'small';
-export declare type RadioStyleState = 'checked';
-export declare type RadioProps = {
+type RadioSize = 'medium' | 'small';
+export type RadioStyleState = 'checked';
+export type RadioProps = {
     /**
      * Field name.
      */
@@ -41,7 +41,7 @@ export declare type RadioProps = {
     /**
      * Callback when the radio button is checked or unchecked
      */
-    onChange?: JSX.IntrinsicElements['input']['onChange'];
+    onChange?: React.JSX.IntrinsicElements['input']['onChange'];
     Icon?: React.ComponentType;
     styledAs?: RadioStyleState;
 };