@dfds-ui/experiences 2.2.0-alpha.07a3a716 → 2.2.0-alpha.32eece3d

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { TableBodyProps } from './TableBody.types';
-declare const TableBody: React.MemoExoticComponent<({ activeRow, expandable, headerRow, onClickRow, onSelectRow, rows, selectableRows, selectedRows, }: TableBodyProps) => JSX.Element>;
+declare const TableBody: React.MemoExoticComponent<({ activeRow, expandable, headerRow, onClickRow, onSelectRow, rows, selectableRows, selectedRows, }: TableBodyProps) => React.JSX.Element>;
 export default TableBody;

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { TableCellProps } from './TableCell.types';
-declare const TableCell: React.MemoExoticComponent<({ children, headerCell }: TableCellProps) => JSX.Element>;
+declare const TableCell: React.MemoExoticComponent<({ children, headerCell }: TableCellProps) => React.JSX.Element>;
 export default TableCell;

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { TableRowProps } from './TableRow.types';
-declare const TableRow: React.MemoExoticComponent<({ expandable, headerRow, isActive, isExpanded, isSubRow, onClickRow, onSelectRow, row, selectableRows, selectedRows, setIsExpanded, showExpander, }: TableRowProps) => JSX.Element>;
+declare const TableRow: React.MemoExoticComponent<({ expandable, headerRow, isActive, isExpanded, isSubRow, onClickRow, onSelectRow, row, selectableRows, selectedRows, setIsExpanded, showExpander, }: TableRowProps) => React.JSX.Element>;
 export default TableRow;

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { TableRowGroupProps } from './TableRowGroup.types';
-declare const TableRowGroup: React.MemoExoticComponent<({ activeRow, expandable, headerRow, onClickRow, onSelectRow, row, selectableRows, selectedRows, }: TableRowGroupProps) => JSX.Element>;
+declare const TableRowGroup: React.MemoExoticComponent<({ activeRow, expandable, headerRow, onClickRow, onSelectRow, row, selectableRows, selectedRows, }: TableRowGroupProps) => React.JSX.Element>;
 export default TableRowGroup;

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { TableHeadProps } from './TableHead.types';
-declare const TableHead: React.MemoExoticComponent<({ expandable, headerRow, onSelectRow, onSort, rows, selectableRows, selectedRows, setSortDescending, setSortByKeyValue, sortDescending, sortByKeyValue, stickyHeader, }: TableHeadProps) => JSX.Element>;
+declare const TableHead: React.MemoExoticComponent<({ expandable, headerRow, onSelectRow, onSort, rows, selectableRows, selectedRows, setSortDescending, setSortByKeyValue, sortDescending, sortByKeyValue, stickyHeader, }: TableHeadProps) => React.JSX.Element>;
 export default TableHead;

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

@@ -65,5 +65,5 @@ export declare type IEModalProps = React.PropsWithChildren<{
      */
     onCompatibleBrowserDetected?: () => void;
 }>;
-export declare const IEModal: ({ heading, description, goToFrontPageText, openPageInEdgeText, headerClassName, noContentPadding, column, zIndex, sizes, canClose, closeTabIndex, onRequestClose, onCompatibleBrowserDetected, ...rest }: IEModalProps) => JSX.Element | null;
+export declare const IEModal: ({ heading, description, goToFrontPageText, openPageInEdgeText, headerClassName, noContentPadding, column, zIndex, sizes, canClose, closeTabIndex, onRequestClose, onCompatibleBrowserDetected, ...rest }: IEModalProps) => React.JSX.Element | null;
 export default IEModal;

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

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { Locale } from '@dfds-ui/react-components';
 export declare type LocaleOptionProps = {
     label: string;
     locale: Locale;
     onClick: () => void;
 };
-export declare const LocaleOption: ({ label, locale, onClick }: LocaleOptionProps) => JSX.Element;
+export declare const LocaleOption: ({ label, locale, onClick }: LocaleOptionProps) => React.JSX.Element;
 export default LocaleOption;

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

@@ -49,5 +49,7 @@ export declare const LocaleSelector: React.ForwardRefExoticComponent<{
      * className to be assigned to component.
      */
     className?: string | undefined;
-} & Pick<ModalProps, "renderWhenClosed"> & React.RefAttributes<unknown>>;
+} & Pick<ModalProps, "renderWhenClosed"> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<unknown>>;
 export default LocaleSelector;

package/cjs/swiper/Swiper.d.ts

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

package/cjs/swiper/SwiperCard.d.ts

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

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { TableBodyProps } from './TableBody.types';
-declare const TableBody: React.MemoExoticComponent<({ activeRow, expandable, headerRow, onClickRow, onSelectRow, rows, selectableRows, selectedRows, }: TableBodyProps) => JSX.Element>;
+declare const TableBody: React.MemoExoticComponent<({ activeRow, expandable, headerRow, onClickRow, onSelectRow, rows, selectableRows, selectedRows, }: TableBodyProps) => React.JSX.Element>;
 export default TableBody;

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { TableCellProps } from './TableCell.types';
-declare const TableCell: React.MemoExoticComponent<({ children, headerCell }: TableCellProps) => JSX.Element>;
+declare const TableCell: React.MemoExoticComponent<({ children, headerCell }: TableCellProps) => React.JSX.Element>;
 export default TableCell;

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { TableRowProps } from './TableRow.types';
-declare const TableRow: React.MemoExoticComponent<({ expandable, headerRow, isActive, isExpanded, isSubRow, onClickRow, onSelectRow, row, selectableRows, selectedRows, setIsExpanded, showExpander, }: TableRowProps) => JSX.Element>;
+declare const TableRow: React.MemoExoticComponent<({ expandable, headerRow, isActive, isExpanded, isSubRow, onClickRow, onSelectRow, row, selectableRows, selectedRows, setIsExpanded, showExpander, }: TableRowProps) => React.JSX.Element>;
 export default TableRow;

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { TableRowGroupProps } from './TableRowGroup.types';
-declare const TableRowGroup: React.MemoExoticComponent<({ activeRow, expandable, headerRow, onClickRow, onSelectRow, row, selectableRows, selectedRows, }: TableRowGroupProps) => JSX.Element>;
+declare const TableRowGroup: React.MemoExoticComponent<({ activeRow, expandable, headerRow, onClickRow, onSelectRow, row, selectableRows, selectedRows, }: TableRowGroupProps) => React.JSX.Element>;
 export default TableRowGroup;

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

@@ -1,4 +1,4 @@
 import React from 'react';
 import { TableHeadProps } from './TableHead.types';
-declare const TableHead: React.MemoExoticComponent<({ expandable, headerRow, onSelectRow, onSort, rows, selectableRows, selectedRows, setSortDescending, setSortByKeyValue, sortDescending, sortByKeyValue, stickyHeader, }: TableHeadProps) => JSX.Element>;
+declare const TableHead: React.MemoExoticComponent<({ expandable, headerRow, onSelectRow, onSort, rows, selectableRows, selectedRows, setSortDescending, setSortByKeyValue, sortDescending, sortByKeyValue, stickyHeader, }: TableHeadProps) => React.JSX.Element>;
 export default TableHead;

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

@@ -65,5 +65,5 @@ export declare type IEModalProps = React.PropsWithChildren<{
      */
     onCompatibleBrowserDetected?: () => void;
 }>;
-export declare const IEModal: ({ heading, description, goToFrontPageText, openPageInEdgeText, headerClassName, noContentPadding, column, zIndex, sizes, canClose, closeTabIndex, onRequestClose, onCompatibleBrowserDetected, ...rest }: IEModalProps) => JSX.Element | null;
+export declare const IEModal: ({ heading, description, goToFrontPageText, openPageInEdgeText, headerClassName, noContentPadding, column, zIndex, sizes, canClose, closeTabIndex, onRequestClose, onCompatibleBrowserDetected, ...rest }: IEModalProps) => React.JSX.Element | null;
 export default IEModal;

package/locale-selector/LocaleOption.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { Locale } from '@dfds-ui/react-components';
 export declare type LocaleOptionProps = {
     label: string;
     locale: Locale;
     onClick: () => void;
 };
-export declare const LocaleOption: ({ label, locale, onClick }: LocaleOptionProps) => JSX.Element;
+export declare const LocaleOption: ({ label, locale, onClick }: LocaleOptionProps) => React.JSX.Element;
 export default LocaleOption;

package/locale-selector/LocaleSelector.d.ts

@@ -49,5 +49,7 @@ export declare const LocaleSelector: React.ForwardRefExoticComponent<{
      * className to be assigned to component.
      */
     className?: string | undefined;
-} & Pick<ModalProps, "renderWhenClosed"> & React.RefAttributes<unknown>>;
+} & Pick<ModalProps, "renderWhenClosed"> & {
+    children?: React.ReactNode;
+} & 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.07a3a716",
+  "version": "2.2.0-alpha.32eece3d",
   "sideEffects": false,
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -12,20 +12,20 @@
   "peerDependencies": {
     "@emotion/react": "11.11.4",
     "@emotion/styled": "11.11.5",
-    "react": ">= 17.0.2",
-    "react-dom": ">= 17.0.2"
+    "react": ">= 18.3.1",
+    "react-dom": ">= 18.3.1"
   },
   "dependencies": {
-    "@dfds-ui/colors": "2.2.0-alpha.07a3a716",
-    "@dfds-ui/forms": "2.2.0-alpha.07a3a716",
-    "@dfds-ui/grid": "2.2.0-alpha.07a3a716",
-    "@dfds-ui/icons": "2.2.0-alpha.07a3a716",
-    "@dfds-ui/modal": "2.2.0-alpha.07a3a716",
-    "@dfds-ui/react-components": "2.2.0-alpha.07a3a716",
-    "@dfds-ui/theme": "2.2.0-alpha.07a3a716",
-    "@dfds-ui/typography": "2.2.0-alpha.07a3a716"
+    "@dfds-ui/colors": "2.2.0-alpha.32eece3d",
+    "@dfds-ui/forms": "2.2.0-alpha.32eece3d",
+    "@dfds-ui/grid": "2.2.0-alpha.32eece3d",
+    "@dfds-ui/icons": "2.2.0-alpha.32eece3d",
+    "@dfds-ui/modal": "2.2.0-alpha.32eece3d",
+    "@dfds-ui/react-components": "2.2.0-alpha.32eece3d",
+    "@dfds-ui/theme": "2.2.0-alpha.32eece3d",
+    "@dfds-ui/typography": "2.2.0-alpha.32eece3d"
   },
-  "gitHead": "07a3a716ccdba2666c18875b7e696daf45115aab",
+  "gitHead": "32eece3d9838c4d530c5e21b63815021b472c717",
   "publishConfig": {
     "access": "public"
   }

package/swiper/Swiper.d.ts

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

package/swiper/SwiperCard.d.ts

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