@dfds-ui/react-components 1.1.14-alpha.a936a749 → 1.1.14-alpha.b69b5bb7

package/cjs/side-sheet/index.js

@@ -14,16 +14,16 @@ Object.defineProperty(exports, "SideSheet", {
     return _SideSheet.default;
   }
 });
-Object.defineProperty(exports, "SideSheetContent", {
+Object.defineProperty(exports, "SideSheetFooter", {
   enumerable: true,
   get: function get() {
-    return _SideSheetContent.default;
+    return _SideSheetFooter.default;
   }
 });
-Object.defineProperty(exports, "SideSheetFooter", {
+Object.defineProperty(exports, "SideSheetContent", {
   enumerable: true,
   get: function get() {
-    return _SideSheetFooter.default;
+    return _SideSheetContent.default;
   }
 });
 

package/cjs/site-layout/SiteLayout.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.LayoutMain = exports.LayoutHeader = exports.LayoutGrid = exports.LayoutFooter = exports.Layout = void 0;
+exports.default = exports.LayoutFooter = exports.LayoutMain = exports.LayoutHeader = exports.Layout = exports.LayoutGrid = void 0;
 
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 

package/cjs/spinner/Spinner.js

@@ -3,9 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CenteredSpinner = void 0;
 exports.Spinner = Spinner;
-exports.default = void 0;
+exports.default = exports.CenteredSpinner = void 0;
 
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 

package/cjs/step/Step.styles.d.ts

@@ -1,4 +1,4 @@
-export declare const stepWrapperHorizontalStyles: import("@emotion/utils").SerializedStyles;
-export declare const stepWrapperVerticalStyles: import("@emotion/utils").SerializedStyles;
-export declare const stepHeaderStyles: import("@emotion/utils").SerializedStyles;
-export declare const stepContentStyles: import("@emotion/utils").SerializedStyles;
+export declare const stepWrapperHorizontalStyles: import("@emotion/react").SerializedStyles;
+export declare const stepWrapperVerticalStyles: import("@emotion/react").SerializedStyles;
+export declare const stepHeaderStyles: import("@emotion/react").SerializedStyles;
+export declare const stepContentStyles: import("@emotion/react").SerializedStyles;

package/cjs/step/Step.styles.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.stepWrapperVerticalStyles = exports.stepWrapperHorizontalStyles = exports.stepHeaderStyles = exports.stepContentStyles = void 0;
+exports.stepContentStyles = exports.stepHeaderStyles = exports.stepWrapperVerticalStyles = exports.stepWrapperHorizontalStyles = void 0;
 
 var _theme = require("@dfds-ui/theme");
 

package/cjs/styles/index.js

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "legacyGenerateMedia", {
+Object.defineProperty(exports, "legacyMedia", {
   enumerable: true,
   get: function get() {
-    return _media.legacyGenerateMedia;
+    return _media.default;
   }
 });
-Object.defineProperty(exports, "legacyMedia", {
+Object.defineProperty(exports, "legacyGenerateMedia", {
   enumerable: true,
   get: function get() {
-    return _media.default;
+    return _media.legacyGenerateMedia;
   }
 });
 Object.defineProperty(exports, "theme", {

package/cjs/styles/media.js

@@ -3,9 +3,8 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
 exports.legacyGenerateMedia = legacyGenerateMedia;
-exports.legacyMedia = void 0;
+exports.default = exports.legacyMedia = void 0;
 // ***
 // DEPRECATED use media from ./media
 // ***

package/cjs/styles/style-helpers.d.ts

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

package/cjs/styles/theme.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.theme = exports.default = void 0;
+exports.default = exports.theme = void 0;
 
 var _colors = require("@dfds-ui/colors");
 

package/cjs/surface/Surface.d.ts

@@ -23,7 +23,7 @@ export declare const SurfaceProvider: React.FC<{
 export declare function MaybeSurfaceProvider({ surface, ...rest }: React.PropsWithChildren<{
     surface?: SurfaceType;
 }>): JSX.Element;
-export declare const useSurfaceContext: (surface?: SurfaceType) => SurfaceContextType;
+export declare const useSurfaceContext: (surface?: "main" | "dark" | "primary" | "secondary" | "inverted" | "tertiary" | undefined) => SurfaceContextType;
 export declare const Surface: React.FC<{
     surface: SurfaceType;
     className?: string;

package/cjs/surface/Surface.js

@@ -3,11 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.MaybeSurfaceProvider = MaybeSurfaceProvider;
-exports.SurfaceProvider = exports.SurfaceContext = exports.Surface = void 0;
-exports.getBackgroundColor = getBackgroundColor;
 exports.getTextColors = getTextColors;
-exports.useSurfaceContext = void 0;
+exports.getBackgroundColor = getBackgroundColor;
+exports.MaybeSurfaceProvider = MaybeSurfaceProvider;
+exports.Surface = exports.useSurfaceContext = exports.SurfaceProvider = exports.SurfaceContext = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 

package/cjs/tab/TabsContext.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useTabsContext = exports.default = exports.TabsContextProvider = exports.TabsContext = void 0;
+exports.default = exports.useTabsContext = exports.TabsContextProvider = exports.TabsContext = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 

package/cjs/tab/index.js

@@ -8,22 +8,22 @@ var _exportNames = {
   Tab: true,
   TabPanel: true
 };
-Object.defineProperty(exports, "Tab", {
+Object.defineProperty(exports, "Tabs", {
   enumerable: true,
   get: function get() {
-    return _Tab.default;
+    return _Tabs.default;
   }
 });
-Object.defineProperty(exports, "TabPanel", {
+Object.defineProperty(exports, "Tab", {
   enumerable: true,
   get: function get() {
-    return _TabPanel.default;
+    return _Tab.default;
   }
 });
-Object.defineProperty(exports, "Tabs", {
+Object.defineProperty(exports, "TabPanel", {
   enumerable: true,
   get: function get() {
-    return _Tabs.default;
+    return _TabPanel.default;
   }
 });
 

package/cjs/table/Table.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useTable = exports.default = exports.Table = void 0;
+exports.default = exports.Table = exports.useTable = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 

package/cjs/table/TableHead.d.ts

@@ -9,6 +9,6 @@ export declare type TableHeadProps = {
      */
     className?: string;
 } & ComponentPropsWithRef<'thead'>;
-export declare const tableHeadStyle: import("@emotion/utils").SerializedStyles;
+export declare const tableHeadStyle: import("@emotion/react").SerializedStyles;
 export declare const TableHead: React.ForwardRefExoticComponent<Pick<TableHeadProps, "key" | "css" | keyof React.HTMLAttributes<HTMLTableSectionElement>> & React.RefAttributes<HTMLTableSectionElement>>;
 export default TableHead;

package/cjs/table/TableHead.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.tableHeadStyle = exports.default = exports.TableHead = void 0;
+exports.default = exports.TableHead = exports.tableHeadStyle = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 

package/cjs/table/TableHeaderCell.d.ts

@@ -10,6 +10,6 @@ export declare type TableHeaderCellProps = {
      */
     children: ReactNode;
 } & ComponentPropsWithRef<'th'>;
-export declare const getTableCellStyle: (align?: Alignment) => import("@emotion/utils").SerializedStyles;
+export declare const getTableCellStyle: (align?: Alignment) => import("@emotion/react").SerializedStyles;
 export declare const TableHeaderCell: React.ForwardRefExoticComponent<Pick<TableHeaderCellProps, "key" | "css" | keyof React.ThHTMLAttributes<HTMLTableHeaderCellElement>> & React.RefAttributes<HTMLTableCellElement>>;
 export default TableHeaderCell;

package/cjs/table/TableHeaderCell.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getTableCellStyle = exports.default = exports.TableHeaderCell = void 0;
+exports.default = exports.TableHeaderCell = exports.getTableCellStyle = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 

package/cjs/typography/Headlines.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 declare const headlineStyles: {
-    h1: import("@emotion/utils").SerializedStyles;
-    h2: import("@emotion/utils").SerializedStyles;
-    h3: import("@emotion/utils").SerializedStyles;
-    h4: import("@emotion/utils").SerializedStyles;
+    h1: import("@emotion/react").SerializedStyles;
+    h2: import("@emotion/react").SerializedStyles;
+    h3: import("@emotion/react").SerializedStyles;
+    h4: import("@emotion/react").SerializedStyles;
 };
 export declare const H1: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;

package/cjs/typography/Headlines.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SubHeadline = exports.SmallHeadline = exports.SectionHeadline = exports.HeroHeadline = exports.Headline = exports.H4 = exports.H3 = exports.H2 = exports.H1 = void 0;
+exports.SmallHeadline = exports.SubHeadline = exports.SectionHeadline = exports.HeroHeadline = exports.Headline = exports.H4 = exports.H3 = exports.H2 = exports.H1 = void 0;
 
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 

package/common/arrow.d.ts

@@ -3,4 +3,4 @@ export declare type ArrowPosition = 'top-left' | 'top-right' | 'bottom-left' | '
  * Create css for an arrow
  * A <div> tag must surround {children} to work
  */
-export default function arrow(size: number, color: string, offset?: number, position?: ArrowPosition): import("@emotion/utils").SerializedStyles;
+export default function arrow(size: number, color: string, offset?: number, position?: ArrowPosition): import("@emotion/react").SerializedStyles;

package/common/utils.d.ts

@@ -1,3 +1,3 @@
-export declare function ie11MinHeightFix(minHeight?: string): import("@emotion/utils").SerializedStyles | undefined;
-export declare function onlyIE(strings: TemplateStringsArray, ...args: any): import("@emotion/utils").SerializedStyles;
-export declare function onlyChrome(strings: TemplateStringsArray, ...args: any): import("@emotion/utils").SerializedStyles;
+export declare function ie11MinHeightFix(minHeight?: string): import("@emotion/react").SerializedStyles | undefined;
+export declare function onlyIE(strings: TemplateStringsArray, ...args: any): import("@emotion/react").SerializedStyles;
+export declare function onlyChrome(strings: TemplateStringsArray, ...args: any): import("@emotion/react").SerializedStyles;

package/date-range-picker/DatePickerDefaultStyles.d.ts

@@ -1,2 +1,2 @@
-declare const DatePickerDefaultStyles: import("@emotion/utils").SerializedStyles;
+declare const DatePickerDefaultStyles: import("@emotion/react").SerializedStyles;
 export default DatePickerDefaultStyles;

package/date-range-picker/DatePickerDfdsStyles.d.ts

@@ -1,2 +1,2 @@
-declare const DatePickerStyles: import("@emotion/utils").SerializedStyles;
+declare const DatePickerStyles: import("@emotion/react").SerializedStyles;
 export default DatePickerStyles;

package/divider/Divider.d.ts

@@ -21,6 +21,6 @@ export declare type DividerProps = {
      */
     className?: string;
 };
-export declare const dividerBorder: (light?: boolean, placement?: 'top' | 'bottom') => import("@emotion/utils").SerializedStyles;
+export declare const dividerBorder: (light?: boolean | undefined, placement?: "top" | "bottom" | undefined) => import("@emotion/react").SerializedStyles;
 export declare const Divider: ({ light, indent, margins, ...rest }: DividerProps) => JSX.Element;
 export default Divider;

package/dropdown-menu/MenuItem.d.ts

@@ -39,7 +39,7 @@ export interface MenuItemProps {
     className?: string;
     children?: React.ReactNode;
 }
-export declare const getListItemStyle: (size?: DropdownSize, disabled?: boolean) => import("@emotion/utils").SerializedStyles;
-export declare const getListTextStyle: (size?: DropdownSize) => import("@emotion/utils").SerializedStyles;
+export declare const getListItemStyle: (size?: DropdownSize | undefined, disabled?: boolean | undefined) => import("@emotion/react").SerializedStyles;
+export declare const getListTextStyle: (size?: DropdownSize | undefined) => import("@emotion/react").SerializedStyles;
 declare const MenuItem: ({ as, clickable, className, onClick, selected, disabled, children, color, iconLeft, iconRight, ...rest }: MenuItemProps) => JSX.Element;
 export default MenuItem;