@dfds-ui/react-components 2.0.29 → 2.2.0-alpha.4e495871

package/lists/ListText.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import { theme } from '@dfds-ui/theme';
 import { typography } from '@dfds-ui/typography';
-declare type FontFamily = keyof typeof theme.fontFamilies;
-declare type StyledAs = keyof Pick<typeof typography, 'body' | 'bodyBold' | 'action' | 'actionBold' | 'label' | 'labelBold' | 'labelSmall' | 'caption' | 'sectionHeadline' | 'subHeadline' | 'smallHeadline'>;
-export declare type ListTextProps = {
+type FontFamily = keyof typeof theme.fontFamilies;
+type StyledAs = keyof Pick<typeof typography, 'body' | 'bodyBold' | 'action' | 'actionBold' | 'label' | 'labelBold' | 'labelSmall' | 'caption' | 'sectionHeadline' | 'subHeadline' | 'smallHeadline'>;
+export type ListTextProps = {
     /**
      * Set the style of the text.
      */

package/lists/ListTextGroup.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { FlexBoxProps } from '../flexbox/FlexBox';
-export declare type ListTextGroupProps = {
+export type ListTextGroupProps = {
     /**
      * Props controlling the flexbox.
      */

package/loader/Loader.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare type Props = {
+type Props = {
     label?: string;
 };
 declare function Loader(props: Props): JSX.Element;

package/localization/LocaleFlag.d.ts

@@ -1,6 +1,6 @@
 import { ComponentPropsWithoutRef } from 'react';
 import { Locale } from './locales';
-export declare type LocaleFlagProps = {
+export type LocaleFlagProps = {
     /**
      * The locale specifying which flag will be rendered.
      */

package/localization/locales.d.ts

@@ -1,8 +1,8 @@
 import * as flags from '@dfds-ui/icons/flags';
 export declare const 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"];
-export declare type Locale = typeof locales[number];
+export type Locale = typeof locales[number];
 export declare const fallbackLocale = "en";
-export declare type LocaleInfo = {
+export type LocaleInfo = {
     /**
      * Name of the country
      */

package/logo/Logo.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare type LogoProps = {
+export type LogoProps = {
     className?: string;
     title?: string;
     width?: string | number;

package/menu/Menu.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export declare type MenuItemProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
+export type MenuItemProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
     children?: React.ReactNode;
     onClick: React.MouseEventHandler<HTMLDivElement>;
 };

package/mobile-stepper/MobileStepper.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-declare type MobileStepperProps = {
+type MobileStepperProps = {
     /**
      *   Total steps
      */

package/nav-bar/NavBar.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
-declare type ItemAlignment = 'left' | 'right';
-declare type NavBarProps = {
+type ItemAlignment = 'left' | 'right';
+type NavBarProps = {
     className?: string;
     showLogo?: boolean;
     href?: string;
 };
-declare type ItemProps = {
+type ItemProps = {
     href?: string;
     className?: string;
     alignment?: ItemAlignment;
@@ -14,7 +14,7 @@ declare type ItemProps = {
 };
 declare const NavBar: React.FunctionComponent<NavBarProps>;
 export declare const NavBarItem: React.FunctionComponent<ItemProps>;
-declare type NavBarIconProps = React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> & //  React.AnchorHTMLAttributes<HTMLAnchorElement> &
+type NavBarIconProps = React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> & //  React.AnchorHTMLAttributes<HTMLAnchorElement> &
 ItemProps & {
     menu?: React.ReactNode;
     onClick?: React.MouseEventHandler<HTMLAnchorElement>;

package/nav-menu/NavMenuItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type NavMenuItemProps = {
+type NavMenuItemProps = {
     isActive?: boolean;
     leftIcon?: React.ElementType;
     rightIcon?: React.ElementType;

package/package.json

@@ -3,7 +3,7 @@
   "description": "Shared react components within DFDS",
   "license": "MIT",
   "private": false,
-  "version": "2.0.29",
+  "version": "2.2.0-alpha.4e495871",
   "sideEffects": false,
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -18,13 +18,13 @@
     "react-select": "^4.0.0"
   },
   "dependencies": {
-    "@dfds-ui/colors": "2.0.29",
-    "@dfds-ui/fonts": "2.0.29",
-    "@dfds-ui/hooks": "2.0.29",
-    "@dfds-ui/icons": "2.0.29",
-    "@dfds-ui/spacing": "2.0.29",
-    "@dfds-ui/theme": "2.0.29",
-    "@dfds-ui/typography": "2.0.29",
+    "@dfds-ui/colors": "2.2.0-alpha.4e495871",
+    "@dfds-ui/fonts": "2.2.0-alpha.4e495871",
+    "@dfds-ui/hooks": "2.2.0-alpha.4e495871",
+    "@dfds-ui/icons": "2.2.0-alpha.4e495871",
+    "@dfds-ui/spacing": "2.2.0-alpha.4e495871",
+    "@dfds-ui/theme": "2.2.0-alpha.4e495871",
+    "@dfds-ui/typography": "2.2.0-alpha.4e495871",
     "@kunukn/react-collapse": "^2.2.9",
     "@mui/base": "^5.0.0-alpha.102",
     "@mui/material": "^5.10.10",
@@ -34,9 +34,9 @@
     "classnames": "^2.3.2",
     "humps": "^2.0.1",
     "react-hook-intersection-observer": "^0.1.0",
-    "uuid": "^9.0.0"
+    "uuid": "^11.1.1"
   },
-  "gitHead": "60bd70013cac7851ef2636948985f2ecdecc0729",
+  "gitHead": "4e4958718cdb23e314fd502618fa60c2613b0c6b",
   "publishConfig": {
     "access": "public"
   }

package/pagination/Pagination.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-declare type Option = {
+type Option = {
     disabled?: boolean;
     label: string;
     value: number;
 };
-export declare type PaginationProps = {
+export type PaginationProps = {
     /**
      * The current page.
      */

package/popper/Popper.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PopperProps, PopperPlacementType } from '@mui/material';
-export declare type PopperBaseProps = {
+export type PopperBaseProps = {
     open?: boolean;
     children: React.ReactElement | string;
     anchorEl?: any;
@@ -22,7 +22,7 @@ export declare type PopperBaseProps = {
     modifiers?: PopperProps['modifiers'];
 };
 export declare const PopperBase: ({ open, children, anchorEl, id, placement, onClickAway, className, noMaxWidthRestriction, ...rest }: PopperBaseProps) => JSX.Element;
-declare type PopperComponentProps = {
+type PopperComponentProps = {
     setAnchorEl: React.Dispatch<React.SetStateAction<HTMLElement | null>>;
 } & Omit<PopperBaseProps, 'onClickAway'>;
 declare const Popper: ({ children, anchorEl, id, setAnchorEl, placement, popperRef, ...rest }: PopperComponentProps) => JSX.Element;

package/progress-bar/ProgressBar.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare type ProgressBarProps = {
+export type ProgressBarProps = {
     light?: boolean;
     indeterminate?: boolean;
     progress?: number;

package/schedule/ScheduleItem.d.ts

@@ -1,5 +1,5 @@
 import React, { FunctionComponent } from 'react';
-export declare type ListItemProps = {
+export type ListItemProps = {
     time: string;
     text: string;
     backgroundColor?: string;
@@ -16,6 +16,6 @@ export declare const ListItemBase: import("@emotion/styled").StyledComponent<{
 } & {
     backgroundColor?: string | undefined;
 }, {}, {}>;
-declare type ScheduleItemComponent = FunctionComponent<ListItemProps>;
+type ScheduleItemComponent = FunctionComponent<ListItemProps>;
 declare const ScheduleItem: ScheduleItemComponent;
 export default ScheduleItem;

package/schedule/ScheduleList.d.ts

@@ -1,11 +1,11 @@
 import { FunctionComponent } from 'react';
-declare type ScheduleListItem = {
+type ScheduleListItem = {
     time: string;
     text: string;
 };
-declare type ScheduleListProps = {
+type ScheduleListProps = {
     items: ScheduleListItem[];
 };
-declare type ScheduleListComponent = FunctionComponent<ScheduleListProps>;
+type ScheduleListComponent = FunctionComponent<ScheduleListProps>;
 declare const ScheduleList: ScheduleListComponent;
 export default ScheduleList;

package/side-sheet/SideSheet.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-declare type Variant = 'nested' | 'elevated';
-declare type BackdropEmphasis = 'low' | 'high';
-declare type Align = 'left' | 'right';
-export declare type SideSheetProps = {
+type Variant = 'nested' | 'elevated';
+type BackdropEmphasis = 'low' | 'high';
+type Align = 'left' | 'right';
+export type SideSheetProps = {
     children?: React.ReactNode;
     /**
      * Choose the `width` of the `SideSheet`.

package/side-sheet/SideSheetCloseButton.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IconButtonSize } from '../button/IconButton';
-export declare type SideSheetCloseButtonProps = {
+export type SideSheetCloseButtonProps = {
     onRequestClose?: () => void;
     className?: string;
     icon?: React.ElementType;

package/side-sheet/SideSheetContent.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export declare type SideSheetFooterProps = {
+export type SideSheetFooterProps = {
     className?: string;
     children?: ReactNode;
 };

package/side-sheet/SideSheetFooter.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export declare type SideSheetFooterProps = {
+export type SideSheetFooterProps = {
     className?: string;
     children?: ReactNode;
 };

package/side-sheet/SideSheetHeader.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export declare type ModalHeaderProps = {
+export type ModalHeaderProps = {
     className?: string;
     sticky?: boolean;
     children?: ReactNode;

package/side-sheet/SideSheetHeadline.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export declare type SideSheetHeadlineProps = {
+export type SideSheetHeadlineProps = {
     className?: string;
     children?: ReactNode;
 };

package/site-layout/SiteLayout.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
-declare type RenderAs = {
+type RenderAs = {
     as?: React.ElementType;
 };
-declare type LayoutProps = {
+type LayoutProps = {
     fullWidth?: boolean;
     className?: string;
 } & RenderAs;
-declare type LayoutChildProps = {
+type LayoutChildProps = {
     fullWidth?: boolean;
     className?: string;
 } & RenderAs;

package/skeleton/Skeleton.d.ts

@@ -3,6 +3,6 @@ export interface SkeletonProps {
     variant: SkeletonVariant;
     disableAnimation?: boolean;
 }
-export declare type SkeletonVariant = 'text' | 'circle' | 'rect';
+export type SkeletonVariant = 'text' | 'circle' | 'rect';
 export declare const Skeleton: ({ variant, disableAnimation, ...rest }: SkeletonProps) => JSX.Element;
 export default Skeleton;

package/social-media-link-list/SocialMediaLinkList.d.ts

@@ -1,5 +1,5 @@
 import React, { FunctionComponent } from 'react';
-export declare type SocialMediaLinkListProps = {
+export type SocialMediaLinkListProps = {
     instagramLink?: string;
     facebookLink?: string;
     blogLink?: string;
@@ -21,6 +21,6 @@ export declare const SoMeWrapper: import("@emotion/styled").StyledComponent<{
 } & {
     theme?: import("@emotion/react").Theme | undefined;
 } & SocialMediaLinkListProps, {}, {}>;
-declare type socialMediaLinkListComponent = FunctionComponent<SocialMediaLinkListProps>;
+type socialMediaLinkListComponent = FunctionComponent<SocialMediaLinkListProps>;
 export declare const SocialMediaLinkList: socialMediaLinkListComponent;
 export default SocialMediaLinkList;

package/spinner/Spinner.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { PolymorphicComponentProps } from '../common/polymorphic';
-declare type Color = 'dark' | 'secondary' | 'light';
-export declare type SpinnerProps = {
+type Color = 'dark' | 'secondary' | 'light';
+export type SpinnerProps = {
     /**
      * Indicates that Spinner will show up instantaneously (instead of fading in).
      *

package/step/Step.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-export declare type StepProps = {
+export type StepProps = {
     /**
      * 	The position of the step
      */

package/step/StepButton.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-declare type StepButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
+type StepButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
 declare const StepButton: React.FC<StepButtonProps>;
 export default StepButton;

package/step/StepContent.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-declare type StepContentProps = {
+type StepContentProps = {
     children: ReactNode;
 };
 declare const StepContent: ({ children }: StepContentProps) => JSX.Element;

package/step/StepContext.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-export declare type StepContextType = {
+export type StepContextType = {
     index: number;
     active: boolean;
     hasError?: boolean;

package/step/StepLabel.d.ts

@@ -1,5 +1,5 @@
 import { FC, ReactNode } from 'react';
-declare type StepLableTypes = {
+type StepLableTypes = {
     children: ReactNode;
     optionalStepText?: ReactNode;
 };

package/stepper/Stepper.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-export declare type StepperProps = {
+export type StepperProps = {
     /**
      * Stepper layout orientation `'horizontal' | 'vertical'`
      */

package/stepper/StepperContext.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type StepperContextType = {
+type StepperContextType = {
     activeStep: number;
     orientation: 'horizontal' | 'vertical';
     sequential: boolean;

package/styles/media.d.ts

@@ -5,7 +5,7 @@ declare const defaultBreakPoints: {
     sm: number;
     xs: number;
 };
-declare type BreakPoint = keyof typeof defaultBreakPoints | number;
+type BreakPoint = keyof typeof defaultBreakPoints | number;
 export declare function legacyGenerateMedia(breakPoints: typeof defaultBreakPoints): {
     lt: (breakPoint: BreakPoint) => string;
     gt: (breakPoint: BreakPoint) => string;

package/styles/theme.d.ts

@@ -35,5 +35,5 @@ export declare const theme: {
     };
     uiRoundness: string;
 };
-export declare type ThemeInterface = typeof theme;
+export type ThemeInterface = typeof theme;
 export default theme;

package/surface/Surface.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { theme } from '@dfds-ui/theme';
-export declare type SurfaceType = keyof typeof theme.colors.surface;
-export declare type SurfaceContextType = {
+export type SurfaceType = keyof typeof theme.colors.surface;
+export type SurfaceContextType = {
     surface: SurfaceType;
     backgroundColor: string;
     textColors: {

package/tab/Tab.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-export declare type Index = number | string;
-export declare type TabProps = {
+export type Index = number | string;
+export type TabProps = {
     active?: boolean;
     disabled?: boolean;
     transparent?: boolean;

package/tab/TabPanel.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare type TabPanelProps = {
+type TabPanelProps = {
     index: number | string;
     children: React.ReactNode;
 };

package/tab/Tabs.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-declare type TabsLabels = {
+type TabsLabels = {
     scrollLeft: string;
     scrollRight: string;
 };
-declare type TabsProps = {
+type TabsProps = {
     tabsLabels?: TabsLabels;
     children?: any;
 };

package/tab/TabsContext.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
 import { Index } from './Tab';
-export declare type TabsContextProps = {
+export type TabsContextProps = {
     transparent?: boolean;
     onChange?: (index: any) => void;
     size?: 's' | 'm';

package/table/Table.d.ts

@@ -1,5 +1,5 @@
 import React, { ComponentPropsWithRef, ReactNode } from 'react';
-export declare type TableProps = {
+export type TableProps = {
     /**
      * Table content
      */
@@ -13,7 +13,7 @@ export declare type TableProps = {
      */
     isHeaderSticky?: boolean;
 } & ComponentPropsWithRef<'table'>;
-export declare type TableContextProps = {
+export type TableContextProps = {
     isInteractive: boolean;
     isHeaderSticky: boolean;
 };

package/table/TableBody.d.ts

@@ -1,5 +1,5 @@
 import React, { ComponentPropsWithRef, ReactNode } from 'react';
-export declare type TableBodyProps = {
+export type TableBodyProps = {
     /**
      * Table body content
      */

package/table/TableDataCell.d.ts

@@ -1,6 +1,6 @@
 import React, { ComponentPropsWithRef, ReactNode } from 'react';
 import { Alignment } from './TableHeaderCell';
-export declare type TableDataCellProps = {
+export type TableDataCellProps = {
     /**
      * Sets alignment for the content in the tag
      */

package/table/TableHead.d.ts

@@ -1,5 +1,5 @@
 import React, { ComponentPropsWithRef, ReactNode } from 'react';
-export declare type TableHeadProps = {
+export type TableHeadProps = {
     /**
      * Table header content
      */

package/table/TableHeaderCell.d.ts

@@ -1,6 +1,6 @@
 import React, { ComponentPropsWithRef, ReactNode } from 'react';
-export declare type Alignment = 'left' | 'center' | 'right' | 'justify' | 'char';
-export declare type TableHeaderCellProps = {
+export type Alignment = 'left' | 'center' | 'right' | 'justify' | 'char';
+export type TableHeaderCellProps = {
     /**
      * Sets alignment for the content in the tag
      */

package/table/TableRow.d.ts

@@ -1,5 +1,5 @@
 import React, { ComponentPropsWithRef, ReactNode } from 'react';
-export declare type TableRowProps = {
+export type TableRowProps = {
     /**
      * Table row content
      */

package/tooltip/Tooltip.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { TippyProps } from '@tippyjs/react';
-declare type Placement = 'top' | 'right' | 'bottom' | 'left';
-declare type TooltipProps = {
+type Placement = 'top' | 'right' | 'bottom' | 'left';
+type TooltipProps = {
     content: string | React.ReactNode;
     name?: string;
     placement?: Placement;