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

package/cjs/dynamic-table/Body/TableBody.types.d.ts

@@ -1,5 +1,5 @@
 import { Header, Row } from '../DynamicTable.types';
-export declare type TableBodyProps = {
+export type TableBodyProps = {
     activeRow?: string;
     expandable?: boolean;
     headerRow: Header[];

package/cjs/dynamic-table/Body/TableCell.styles.d.ts

@@ -1,9 +1,9 @@
-export declare const genericTableCellStyles: import("@emotion/react").SerializedStyles;
-declare type TableCellProps = {
+export declare const genericTableCellStyles: import("@emotion/utils").SerializedStyles;
+type TableCellProps = {
     align?: 'center' | 'left' | 'right';
     customWidth?: string;
 };
-export declare const tableCellStyles: ({ align, customWidth }: TableCellProps) => import("@emotion/react").SerializedStyles;
-export declare const tableCellExpanderStyles: (isExpandable: boolean) => import("@emotion/react").SerializedStyles;
-export declare const tableCellCheckboxStyles: import("@emotion/react").SerializedStyles;
+export declare const tableCellStyles: ({ align, customWidth }: TableCellProps) => import("@emotion/utils").SerializedStyles;
+export declare const tableCellExpanderStyles: (isExpandable: boolean) => import("@emotion/utils").SerializedStyles;
+export declare const tableCellCheckboxStyles: import("@emotion/utils").SerializedStyles;
 export {};

package/cjs/dynamic-table/Body/TableCell.types.d.ts

@@ -1,5 +1,5 @@
 import { Header } from '../DynamicTable.types';
-export declare type TableCellProps = {
+export type TableCellProps = {
     children: React.ReactNode;
     headerCell?: Header;
 };

package/cjs/dynamic-table/Body/TableRow.styles.d.ts

@@ -1,11 +1,11 @@
 import { ChevronProps } from './TableRow.types';
-export declare const genericTableRowStyles: import("@emotion/react").SerializedStyles;
-declare type TableRowProps = {
+export declare const genericTableRowStyles: import("@emotion/utils").SerializedStyles;
+type TableRowProps = {
     active?: boolean;
     expanded: boolean;
     hoverColor: boolean;
     subRow: boolean;
 };
-export declare const tableRowStyles: ({ active, expanded, hoverColor, subRow }: TableRowProps) => import("@emotion/react").SerializedStyles;
-export declare const chevronStyles: ({ expanded }: ChevronProps) => import("@emotion/react").SerializedStyles;
+export declare const tableRowStyles: ({ active, expanded, hoverColor, subRow }: TableRowProps) => import("@emotion/utils").SerializedStyles;
+export declare const chevronStyles: ({ expanded }: ChevronProps) => import("@emotion/utils").SerializedStyles;
 export {};

package/cjs/dynamic-table/Body/TableRow.types.d.ts

@@ -1,5 +1,5 @@
 import { Header, Row } from '../DynamicTable.types';
-export declare type TableRowProps = {
+export type TableRowProps = {
     expandable?: boolean;
     headerRow: Header[];
     isActive: boolean;
@@ -13,6 +13,6 @@ export declare type TableRowProps = {
     setIsExpanded: React.Dispatch<React.SetStateAction<boolean>>;
     showExpander?: boolean;
 };
-export declare type ChevronProps = {
+export type ChevronProps = {
     expanded: boolean;
 };

package/cjs/dynamic-table/Body/TableRowGroup.types.d.ts

@@ -1,5 +1,5 @@
 import { Header, Row } from '../DynamicTable.types';
-export declare type TableRowGroupProps = {
+export type TableRowGroupProps = {
     activeRow?: string;
     expandable?: boolean;
     headerRow: Header[];
@@ -9,6 +9,6 @@ export declare type TableRowGroupProps = {
     selectableRows: boolean;
     selectedRows: string[];
 };
-export declare type ChevronProps = {
+export type ChevronProps = {
     expanded: boolean;
 };

package/cjs/dynamic-table/DynamicTable.styles.d.ts

@@ -1,6 +1,6 @@
-declare type TableWrapperProps = {
+type TableWrapperProps = {
     height?: string;
 };
-export declare const tableWrapperStyles: ({ height }: TableWrapperProps) => import("@emotion/react").SerializedStyles;
-export declare const tableStyles: import("@emotion/react").SerializedStyles;
+export declare const tableWrapperStyles: ({ height }: TableWrapperProps) => import("@emotion/utils").SerializedStyles;
+export declare const tableStyles: import("@emotion/utils").SerializedStyles;
 export {};

package/cjs/dynamic-table/DynamicTable.types.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type Header = {
+export type Header = {
     displayName: string | React.ReactElement;
     key: string;
     sortKey?: string;
@@ -7,18 +7,18 @@ export declare type Header = {
     textAlign?: 'center' | 'left' | 'right';
     width?: string;
 };
-export declare type SubRow = {
+export type SubRow = {
     className?: string;
     id?: string;
     [name: string]: any;
 };
-export declare type Row = {
+export type Row = {
     className?: string;
     id?: string;
     subRows?: SubRow[];
     [name: string]: any;
 };
-export declare type DynamicTableProps = {
+export type DynamicTableProps = {
     activeRow?: string;
     descending?: boolean;
     expandable?: boolean;

package/cjs/dynamic-table/Head/TableHead.styles.d.ts

@@ -1,5 +1,5 @@
 import { ChevronProps, TableHeadCellCExpanderProps, TableHeadCellCheckboxProps, TableHeadCellProps } from './TableHead.types';
-export declare const tableHeadCellStyles: ({ align, customWidth, sortable, sortByKey, stickyHeader, }: TableHeadCellProps) => import("@emotion/react").SerializedStyles;
-export declare const tableHeadCellExpanderStyles: ({ stickyHeader }: TableHeadCellCExpanderProps) => import("@emotion/react").SerializedStyles;
-export declare const tableHeadCellCheckboxStyles: ({ stickyHeader }: TableHeadCellCheckboxProps) => import("@emotion/react").SerializedStyles;
-export declare const chevronStyles: ({ descending, show }: ChevronProps) => import("@emotion/react").SerializedStyles;
+export declare const tableHeadCellStyles: ({ align, customWidth, sortable, sortByKey, stickyHeader, }: TableHeadCellProps) => import("@emotion/utils").SerializedStyles;
+export declare const tableHeadCellExpanderStyles: ({ stickyHeader }: TableHeadCellCExpanderProps) => import("@emotion/utils").SerializedStyles;
+export declare const tableHeadCellCheckboxStyles: ({ stickyHeader }: TableHeadCellCheckboxProps) => import("@emotion/utils").SerializedStyles;
+export declare const chevronStyles: ({ descending, show }: ChevronProps) => import("@emotion/utils").SerializedStyles;

package/cjs/dynamic-table/Head/TableHead.types.d.ts

@@ -1,5 +1,5 @@
 import { Header, Row } from '../DynamicTable.types';
-export declare type TableHeadProps = {
+export type TableHeadProps = {
     expandable?: boolean;
     headerRow: Header[];
     onSelectRow?: (list: string[]) => void;
@@ -13,7 +13,7 @@ export declare type TableHeadProps = {
     sortByKeyValue: string;
     stickyHeader?: boolean;
 };
-export declare type GenericTableHeadCellProps = {
+export type GenericTableHeadCellProps = {
     sortable?: boolean;
     sortByKey?: (value: string, sortDescending: boolean) => void;
     stickyHeader?: boolean;
@@ -24,13 +24,13 @@ export interface TableHeadCellProps extends GenericTableHeadCellProps {
     sortByKey?: (value: string, sortDescending: boolean) => void;
     stickyHeader?: boolean;
 }
-export declare type TableHeadCellCExpanderProps = {
+export type TableHeadCellCExpanderProps = {
     stickyHeader?: boolean;
 };
-export declare type TableHeadCellCheckboxProps = {
+export type TableHeadCellCheckboxProps = {
     stickyHeader?: boolean;
 };
-export declare type ChevronProps = {
+export type ChevronProps = {
     descending: string;
     show: string;
 };

package/cjs/dynamic-table/Skeleton/SkeletonTable.styles.d.ts

@@ -1 +1 @@
-export declare const fadeStyles: import("@emotion/react").SerializedStyles;
+export declare const fadeStyles: import("@emotion/utils").SerializedStyles;

package/cjs/footer/Footer.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { FooterMetaLinkProps } from './FooterMetaLink';
 import { FooterColumnProps } from './FooterColumn';
-export declare type FooterProps = {
+export type FooterProps = {
     /**
      * Content to be displayed above footer columns
      */

package/cjs/footer/FooterColumn.d.ts

@@ -1,6 +1,6 @@
 import { FC, ReactElement, ReactNode } from 'react';
 import { FooterColumnItemProps } from './FooterColumnItem';
-export declare type FooterColumnProps = {
+export type FooterColumnProps = {
     children: ReactElement<FooterColumnItemProps> | ReactElement<FooterColumnItemProps>[];
     /**
      * Column title

package/cjs/footer/FooterColumnItem.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'react';
 import { LinkButtonProps } from '@dfds-ui/react-components';
-export declare type FooterColumnItemProps = {
+export type FooterColumnItemProps = {
     className?: string;
 } & LinkButtonProps;
 export declare const FooterColumnItem: FC<FooterColumnItemProps>;

package/cjs/footer/FooterMetaLink.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'react';
 import { LinkButtonProps } from '@dfds-ui/react-components';
-export declare type FooterMetaLinkProps = {
+export type FooterMetaLinkProps = {
     className?: string;
 } & LinkButtonProps;
 export declare const FooterMetaLink: FC<FooterMetaLinkProps>;

package/cjs/internet-explorer-modal/IEModal.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ModalSizes } from '@dfds-ui/modal';
-export declare type IEModalProps = React.PropsWithChildren<{
+export type IEModalProps = React.PropsWithChildren<{
     className?: string;
     /**
      * Add heading on the Modal.

package/cjs/locale-selector/LocaleOption.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Locale } from '@dfds-ui/react-components';
-export declare type LocaleOptionProps = {
+export type LocaleOptionProps = {
     label: string;
     locale: Locale;
     onClick: () => void;

package/cjs/locale-selector/LocaleSelector.d.ts

@@ -1,7 +1,7 @@
 import React, { PropsWithChildren } from 'react';
 import { Locale } from '@dfds-ui/react-components';
 import { ModalProps } from '@dfds-ui/modal';
-export declare type LocaleSelectorProps = PropsWithChildren<{
+export type LocaleSelectorProps = PropsWithChildren<{
     /**
      * Provide limited set of locales to choose from
      */
@@ -31,12 +31,12 @@ export declare const LocaleSelector: React.ForwardRefExoticComponent<{
     /**
      * Provide limited set of locales to choose from
      */
-    locales?: readonly ("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;
+    locales?: ReadonlyArray<Locale>;
     /**
      * Text to display on button that open the selector as
      * well as in the heading of the selector
      */
-    label?: string | undefined;
+    label?: string;
     /**
      * Current locale of the application
      */
@@ -44,12 +44,12 @@ export declare const LocaleSelector: React.ForwardRefExoticComponent<{
     /** Callback function that fires with locale as an argument */
     onChange: (locale: Locale) => void;
     /** Disabled visual appearance and interaction disabled. */
-    disabled?: boolean | undefined;
+    disabled?: boolean;
     /**
      * className to be assigned to component.
      */
-    className?: string | undefined;
+    className?: string;
 } & Pick<ModalProps, "renderWhenClosed"> & {
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
 } & React.RefAttributes<unknown>>;
 export default LocaleSelector;

package/cjs/swiper/Swiper.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type SwiperProps = React.PropsWithChildren<{
+export type SwiperProps = React.PropsWithChildren<{
     className?: string;
 }>;
 export declare const Swiper: ({ className, children }: SwiperProps) => React.JSX.Element;

package/cjs/swiper/SwiperCard.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type SwiperCardProps = React.PropsWithChildren<{
+export type SwiperCardProps = React.PropsWithChildren<{
     className?: string;
 }>;
 export declare const SwiperCard: ({ className, children }: SwiperCardProps) => React.JSX.Element;

package/dynamic-table/Body/TableBody.types.d.ts

@@ -1,5 +1,5 @@
 import { Header, Row } from '../DynamicTable.types';
-export declare type TableBodyProps = {
+export type TableBodyProps = {
     activeRow?: string;
     expandable?: boolean;
     headerRow: Header[];

package/dynamic-table/Body/TableCell.styles.d.ts

@@ -1,9 +1,9 @@
-export declare const genericTableCellStyles: import("@emotion/react").SerializedStyles;
-declare type TableCellProps = {
+export declare const genericTableCellStyles: import("@emotion/utils").SerializedStyles;
+type TableCellProps = {
     align?: 'center' | 'left' | 'right';
     customWidth?: string;
 };
-export declare const tableCellStyles: ({ align, customWidth }: TableCellProps) => import("@emotion/react").SerializedStyles;
-export declare const tableCellExpanderStyles: (isExpandable: boolean) => import("@emotion/react").SerializedStyles;
-export declare const tableCellCheckboxStyles: import("@emotion/react").SerializedStyles;
+export declare const tableCellStyles: ({ align, customWidth }: TableCellProps) => import("@emotion/utils").SerializedStyles;
+export declare const tableCellExpanderStyles: (isExpandable: boolean) => import("@emotion/utils").SerializedStyles;
+export declare const tableCellCheckboxStyles: import("@emotion/utils").SerializedStyles;
 export {};

package/dynamic-table/Body/TableCell.types.d.ts

@@ -1,5 +1,5 @@
 import { Header } from '../DynamicTable.types';
-export declare type TableCellProps = {
+export type TableCellProps = {
     children: React.ReactNode;
     headerCell?: Header;
 };

package/dynamic-table/Body/TableRow.styles.d.ts

@@ -1,11 +1,11 @@
 import { ChevronProps } from './TableRow.types';
-export declare const genericTableRowStyles: import("@emotion/react").SerializedStyles;
-declare type TableRowProps = {
+export declare const genericTableRowStyles: import("@emotion/utils").SerializedStyles;
+type TableRowProps = {
     active?: boolean;
     expanded: boolean;
     hoverColor: boolean;
     subRow: boolean;
 };
-export declare const tableRowStyles: ({ active, expanded, hoverColor, subRow }: TableRowProps) => import("@emotion/react").SerializedStyles;
-export declare const chevronStyles: ({ expanded }: ChevronProps) => import("@emotion/react").SerializedStyles;
+export declare const tableRowStyles: ({ active, expanded, hoverColor, subRow }: TableRowProps) => import("@emotion/utils").SerializedStyles;
+export declare const chevronStyles: ({ expanded }: ChevronProps) => import("@emotion/utils").SerializedStyles;
 export {};

package/dynamic-table/Body/TableRow.types.d.ts

@@ -1,5 +1,5 @@
 import { Header, Row } from '../DynamicTable.types';
-export declare type TableRowProps = {
+export type TableRowProps = {
     expandable?: boolean;
     headerRow: Header[];
     isActive: boolean;
@@ -13,6 +13,6 @@ export declare type TableRowProps = {
     setIsExpanded: React.Dispatch<React.SetStateAction<boolean>>;
     showExpander?: boolean;
 };
-export declare type ChevronProps = {
+export type ChevronProps = {
     expanded: boolean;
 };

package/dynamic-table/Body/TableRowGroup.types.d.ts

@@ -1,5 +1,5 @@
 import { Header, Row } from '../DynamicTable.types';
-export declare type TableRowGroupProps = {
+export type TableRowGroupProps = {
     activeRow?: string;
     expandable?: boolean;
     headerRow: Header[];
@@ -9,6 +9,6 @@ export declare type TableRowGroupProps = {
     selectableRows: boolean;
     selectedRows: string[];
 };
-export declare type ChevronProps = {
+export type ChevronProps = {
     expanded: boolean;
 };

package/dynamic-table/DynamicTable.styles.d.ts

@@ -1,6 +1,6 @@
-declare type TableWrapperProps = {
+type TableWrapperProps = {
     height?: string;
 };
-export declare const tableWrapperStyles: ({ height }: TableWrapperProps) => import("@emotion/react").SerializedStyles;
-export declare const tableStyles: import("@emotion/react").SerializedStyles;
+export declare const tableWrapperStyles: ({ height }: TableWrapperProps) => import("@emotion/utils").SerializedStyles;
+export declare const tableStyles: import("@emotion/utils").SerializedStyles;
 export {};

package/dynamic-table/DynamicTable.types.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type Header = {
+export type Header = {
     displayName: string | React.ReactElement;
     key: string;
     sortKey?: string;
@@ -7,18 +7,18 @@ export declare type Header = {
     textAlign?: 'center' | 'left' | 'right';
     width?: string;
 };
-export declare type SubRow = {
+export type SubRow = {
     className?: string;
     id?: string;
     [name: string]: any;
 };
-export declare type Row = {
+export type Row = {
     className?: string;
     id?: string;
     subRows?: SubRow[];
     [name: string]: any;
 };
-export declare type DynamicTableProps = {
+export type DynamicTableProps = {
     activeRow?: string;
     descending?: boolean;
     expandable?: boolean;

package/dynamic-table/Head/TableHead.styles.d.ts

@@ -1,5 +1,5 @@
 import { ChevronProps, TableHeadCellCExpanderProps, TableHeadCellCheckboxProps, TableHeadCellProps } from './TableHead.types';
-export declare const tableHeadCellStyles: ({ align, customWidth, sortable, sortByKey, stickyHeader, }: TableHeadCellProps) => import("@emotion/react").SerializedStyles;
-export declare const tableHeadCellExpanderStyles: ({ stickyHeader }: TableHeadCellCExpanderProps) => import("@emotion/react").SerializedStyles;
-export declare const tableHeadCellCheckboxStyles: ({ stickyHeader }: TableHeadCellCheckboxProps) => import("@emotion/react").SerializedStyles;
-export declare const chevronStyles: ({ descending, show }: ChevronProps) => import("@emotion/react").SerializedStyles;
+export declare const tableHeadCellStyles: ({ align, customWidth, sortable, sortByKey, stickyHeader, }: TableHeadCellProps) => import("@emotion/utils").SerializedStyles;
+export declare const tableHeadCellExpanderStyles: ({ stickyHeader }: TableHeadCellCExpanderProps) => import("@emotion/utils").SerializedStyles;
+export declare const tableHeadCellCheckboxStyles: ({ stickyHeader }: TableHeadCellCheckboxProps) => import("@emotion/utils").SerializedStyles;
+export declare const chevronStyles: ({ descending, show }: ChevronProps) => import("@emotion/utils").SerializedStyles;

package/dynamic-table/Head/TableHead.types.d.ts

@@ -1,5 +1,5 @@
 import { Header, Row } from '../DynamicTable.types';
-export declare type TableHeadProps = {
+export type TableHeadProps = {
     expandable?: boolean;
     headerRow: Header[];
     onSelectRow?: (list: string[]) => void;
@@ -13,7 +13,7 @@ export declare type TableHeadProps = {
     sortByKeyValue: string;
     stickyHeader?: boolean;
 };
-export declare type GenericTableHeadCellProps = {
+export type GenericTableHeadCellProps = {
     sortable?: boolean;
     sortByKey?: (value: string, sortDescending: boolean) => void;
     stickyHeader?: boolean;
@@ -24,13 +24,13 @@ export interface TableHeadCellProps extends GenericTableHeadCellProps {
     sortByKey?: (value: string, sortDescending: boolean) => void;
     stickyHeader?: boolean;
 }
-export declare type TableHeadCellCExpanderProps = {
+export type TableHeadCellCExpanderProps = {
     stickyHeader?: boolean;
 };
-export declare type TableHeadCellCheckboxProps = {
+export type TableHeadCellCheckboxProps = {
     stickyHeader?: boolean;
 };
-export declare type ChevronProps = {
+export type ChevronProps = {
     descending: string;
     show: string;
 };

package/dynamic-table/Skeleton/SkeletonTable.styles.d.ts

@@ -1 +1 @@
-export declare const fadeStyles: import("@emotion/react").SerializedStyles;
+export declare const fadeStyles: import("@emotion/utils").SerializedStyles;

package/footer/Footer.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { FooterMetaLinkProps } from './FooterMetaLink';
 import { FooterColumnProps } from './FooterColumn';
-export declare type FooterProps = {
+export type FooterProps = {
     /**
      * Content to be displayed above footer columns
      */

package/footer/FooterColumn.d.ts

@@ -1,6 +1,6 @@
 import { FC, ReactElement, ReactNode } from 'react';
 import { FooterColumnItemProps } from './FooterColumnItem';
-export declare type FooterColumnProps = {
+export type FooterColumnProps = {
     children: ReactElement<FooterColumnItemProps> | ReactElement<FooterColumnItemProps>[];
     /**
      * Column title

package/footer/FooterColumnItem.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'react';
 import { LinkButtonProps } from '@dfds-ui/react-components';
-export declare type FooterColumnItemProps = {
+export type FooterColumnItemProps = {
     className?: string;
 } & LinkButtonProps;
 export declare const FooterColumnItem: FC<FooterColumnItemProps>;

package/footer/FooterMetaLink.d.ts

@@ -1,6 +1,6 @@
 import { FC } from 'react';
 import { LinkButtonProps } from '@dfds-ui/react-components';
-export declare type FooterMetaLinkProps = {
+export type FooterMetaLinkProps = {
     className?: string;
 } & LinkButtonProps;
 export declare const FooterMetaLink: FC<FooterMetaLinkProps>;

package/internet-explorer-modal/IEModal.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ModalSizes } from '@dfds-ui/modal';
-export declare type IEModalProps = React.PropsWithChildren<{
+export type IEModalProps = React.PropsWithChildren<{
     className?: string;
     /**
      * Add heading on the Modal.

package/locale-selector/LocaleOption.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Locale } from '@dfds-ui/react-components';
-export declare type LocaleOptionProps = {
+export type LocaleOptionProps = {
     label: string;
     locale: Locale;
     onClick: () => void;

package/locale-selector/LocaleSelector.d.ts

@@ -1,7 +1,7 @@
 import React, { PropsWithChildren } from 'react';
 import { Locale } from '@dfds-ui/react-components';
 import { ModalProps } from '@dfds-ui/modal';
-export declare type LocaleSelectorProps = PropsWithChildren<{
+export type LocaleSelectorProps = PropsWithChildren<{
     /**
      * Provide limited set of locales to choose from
      */
@@ -31,12 +31,12 @@ export declare const LocaleSelector: React.ForwardRefExoticComponent<{
     /**
      * Provide limited set of locales to choose from
      */
-    locales?: readonly ("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;
+    locales?: ReadonlyArray<Locale>;
     /**
      * Text to display on button that open the selector as
      * well as in the heading of the selector
      */
-    label?: string | undefined;
+    label?: string;
     /**
      * Current locale of the application
      */
@@ -44,12 +44,12 @@ export declare const LocaleSelector: React.ForwardRefExoticComponent<{
     /** Callback function that fires with locale as an argument */
     onChange: (locale: Locale) => void;
     /** Disabled visual appearance and interaction disabled. */
-    disabled?: boolean | undefined;
+    disabled?: boolean;
     /**
      * className to be assigned to component.
      */
-    className?: string | undefined;
+    className?: string;
 } & Pick<ModalProps, "renderWhenClosed"> & {
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
 } & React.RefAttributes<unknown>>;
 export default LocaleSelector;

package/package.json

@@ -3,7 +3,7 @@
   "description": "React components for building experiences",
   "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,21 +11,21 @@
   "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"
   },
   "dependencies": {
-    "@dfds-ui/colors": "2.2.0-alpha.98e68873",
-    "@dfds-ui/forms": "2.2.0-alpha.98e68873",
-    "@dfds-ui/grid": "2.2.0-alpha.98e68873",
-    "@dfds-ui/icons": "2.2.0-alpha.98e68873",
-    "@dfds-ui/modal": "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/colors": "2.2.0-alpha.9bb1ab0f",
+    "@dfds-ui/forms": "2.2.0-alpha.9bb1ab0f",
+    "@dfds-ui/grid": "2.2.0-alpha.9bb1ab0f",
+    "@dfds-ui/icons": "2.2.0-alpha.9bb1ab0f",
+    "@dfds-ui/modal": "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/swiper/Swiper.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type SwiperProps = React.PropsWithChildren<{
+export type SwiperProps = React.PropsWithChildren<{
     className?: string;
 }>;
 export declare const Swiper: ({ className, children }: SwiperProps) => React.JSX.Element;

package/swiper/SwiperCard.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type SwiperCardProps = React.PropsWithChildren<{
+export type SwiperCardProps = React.PropsWithChildren<{
     className?: string;
 }>;
 export declare const SwiperCard: ({ className, children }: SwiperCardProps) => React.JSX.Element;