@tedi-design-system/react 14.2.0 → 14.3.0-rc.1

package/src/community/components/table/components/table-filter/table-filter-context.d.ts

@@ -1,5 +1,5 @@
 import { Column, Row } from '@tanstack/react-table';
-import React from 'react';
+import { default as React } from 'react';
 import { DefaultTData } from '../../table.types';
 export interface DateRangeFilterValues {
     from: string | null;

package/src/community/components/table/table-context.d.ts

@@ -1,5 +1,5 @@
 import { Table as TableType } from '@tanstack/table-core';
-import React from 'react';
+import { default as React } from 'react';
 import { DefaultTData, TableProps } from './table.types';
 export interface ITableContext<TData extends DefaultTData<TData>> extends Pick<TableProps<TData>, 'id' | 'isLoading' | 'isError' | 'hideRowBorder' | 'caption' | 'placeholder' | 'errorPlaceholder' | 'renderSubComponent' | 'renderGroupHeading' | 'onRowClick' | 'size'> {
     table: TableType<TData> | null;

package/src/community/components/table/table.types.d.ts

@@ -1,5 +1,5 @@
 import { ColumnDef, ColumnFiltersState, ColumnPinningState, ExpandedState, FilterFn, PaginationState, Row, RowData, RowSelectionState, SortingState, VisibilityState } from '@tanstack/react-table';
-import React from 'react';
+import { default as React } from 'react';
 import { IntentionalAny } from '../../types';
 import { CardProps } from '../card';
 import { ChoiceGroupItemProps } from '../form/choice-group';

package/src/community/components/table-of-contents/table-of-contents-items.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { TableOfContentsProps } from './table-of-contents';
 export declare const TableOfContentsItems: (props: TableOfContentsProps & {
     setReturnFocus?: React.Dispatch<React.SetStateAction<boolean>>;

package/src/community/components/table-of-contents/table-of-contents.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { Layouts } from '../../helpers';
 import { ModalProps, ModalProviderProps } from '../modal';
 import { TableOfContentsItemProps } from './table-of-contents-item';

package/src/community/components/tabs/tabs/tabs.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { PrintProps } from '../../../../tedi/components/misc/print/print';
 export interface TabsProps {
     /**

package/src/community/components/tabs/tabs-context.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 interface ITabsContext {
     currentTab: string;
     setCurrentTab: (id: string) => void;

package/src/community/components/tabs/tabs-item/tabs-item.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { BreakpointSupport } from '../../../helpers';
 import { CardContentProps } from '../../card';
 type TabsItemBreakpointProps = Pick<CardContentProps, 'padding' | 'background'>;

package/src/community/components/tabs/tabs-nav/tabs-nav-item.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { AnchorProps } from '../../anchor/anchor';
 import { TabsItemProps } from '../tabs-item/tabs-item';
 export type TabsNavItemProps<C extends React.ElementType = 'a'> = AnchorProps<C> & Pick<TabsItemProps, 'id'>;

package/src/community/components/tag/tag.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export type TagColor = 'default' | 'primary' | 'accent' | 'positive' | 'warning' | 'important';
 export type TagType = 'default' | 'secondary' | 'ghost' | 'invisible' | 'borderless';
 export type TagSize = 'default' | 'large';

package/src/community/components/tooltip/tooltip-provider.d.ts

@@ -1,5 +1,5 @@
 import { FloatingContext, FloatingFocusManager, OffsetOptions, Placement, ReferenceType, Strategy, UseRoleProps } from '@floating-ui/react';
-import React from 'react';
+import { default as React } from 'react';
 export type TooltipOpenWith = 'click' | 'hover';
 export declare const ARROW_HEIGHT = 7;
 export declare const ARROW_WIDTH = 14;

package/src/community/components/tooltip/tooltip.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { CardProps } from '../card';
 export interface TooltipProps {
     /**

package/src/community/components/typography/text/text.d.ts

@@ -1,5 +1,5 @@
 import { BreakpointSupport } from '../../../helpers';
-import type { HeadingLevel } from '../heading/heading';
+import { HeadingLevel } from '../heading/heading';
 export type HeadingModifiers = `h${HeadingLevel}`;
 export type TextModifiers = HeadingModifiers | 'normal' | 'small' | 'bold' | 'thin' | 'italic' | 'center' | 'left' | 'right' | 'nowrap' | 'break-all' | 'break-word' | 'break-spaces' | 'uppercase' | 'lowercase' | 'capitalize' | 'capitalize-first' | 'inline-block' | 'inline' | 'line-normal' | 'line-condensed';
 export type TextColor = 'default' | 'primary' | 'muted' | 'subtle' | 'disabled' | 'inverted' | 'positive' | 'important' | 'warning';

package/src/community/components/vertical-progress/vertical-progress-item.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export interface VerticalProgressItemProps {
     /**
      * The index of the item. Index is used to pass to onItemOpen callback

package/src/community/components/vertical-progress/vertical-progress.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export interface VerticalProgressProps {
     /**
      * VerticalProgress children (VerticalProgressItem)

package/src/community/components/vertical-stepper/step-item/step-item.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export interface StepItemProps {
     /**
      * SubItems

package/src/community/helpers/polymorphic/types.d.ts

@@ -1,7 +1,4 @@
-/**
- * This file should contain only helpers that are used for developing components. They don't get exported separately from component library
- */
-import React from 'react';
+import { default as React } from 'react';
 /**
  * Types for polymorphic components
  */

package/src/community/providers/style-provider/style-provider.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
-import '../../styles/index.scss';
+import { default as React } from 'react';
 export interface StyleProviderProps {
     children: React.ReactNode;
 }

package/src/tedi/components/base/icon/icon.d.ts

@@ -58,4 +58,4 @@ export interface IconWithoutBackgroundProps extends IconSharedProps {
     display?: 'block' | 'inline';
 }
 export type IconProps = IconSharedProps & (IconWithBackgroundProps | IconWithoutBackgroundProps);
-export declare const Icon: import("react").ForwardRefExoticComponent<IconProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Icon: import('react').ForwardRefExoticComponent<IconProps & import('react').RefAttributes<HTMLDivElement>>;

package/src/tedi/components/base/typography/text/text.d.ts

@@ -1,7 +1,7 @@
 import { BreakpointSupport } from '../../../../helpers';
-import type { HeadingLevel } from '../heading/heading';
+import { HeadingLevel } from '../heading/heading';
 export type HeadingModifiers = `h${HeadingLevel}`;
-export type TextModifiers = HeadingModifiers | 'normal' | 'small' | 'bold' | 'thin' | 'italic' | 'center' | 'left' | 'right' | 'nowrap' | 'break-all' | 'break-word' | 'break-spaces' | 'uppercase' | 'lowercase' | 'capitalize' | 'capitalize-first' | 'inline-block' | 'inline' | 'line-normal' | 'line-condensed' | 'subtitle';
+export type TextModifiers = HeadingModifiers | 'normal' | 'small' | 'extra-small' | 'bold' | 'thin' | 'italic' | 'center' | 'left' | 'right' | 'nowrap' | 'break-all' | 'break-word' | 'break-spaces' | 'uppercase' | 'lowercase' | 'capitalize' | 'capitalize-first' | 'inline-block' | 'inline' | 'line-normal' | 'line-condensed' | 'subtitle';
 export type TextColor = 'primary' | 'secondary' | 'tertiary' | 'white' | 'disabled' | 'brand' | 'success' | 'warning' | 'danger' | 'info' | 'neutral';
 export type TextElement = 'div' | 'p' | 'span' | 'li' | 'label' | HeadingModifiers;
 type TextBreakpointProps = {

package/src/tedi/components/buttons/button/button.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { BreakpointSupport } from '../../../helpers';
 import { ButtonContentProps } from '../button-content/button-content';
 export type ButtonType = 'primary' | 'secondary' | 'neutral' | 'link';

package/src/tedi/components/buttons/button-content/button-content.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { AllowedHTMLTags, PolymorphicComponentPropWithRef } from '../../../helpers/polymorphic/types';
 import { UnknownType } from '../../../types/commonTypes';
 import { IconWithoutBackgroundProps } from '../../base/icon/icon';

package/src/tedi/components/buttons/closing-button/closing-button.d.ts

@@ -1,5 +1,4 @@
-import { MouseEventHandler } from 'react';
-import { ButtonHTMLAttributes } from 'react';
+import { MouseEventHandler, ButtonHTMLAttributes } from 'react';
 type ClosingButtonSize = 'medium' | 'large';
 export interface ClosingButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
     /**

package/src/tedi/components/buttons/collapse/collapse.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { BreakpointSupport } from '../../../helpers';
 import { RowProps } from '../../layout/grid';
 type CollapseBreakpointProps = {

package/src/tedi/components/buttons/info-button/info-button.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { ButtonProps } from '../button/button';
 export interface InfoButtonProps extends Omit<ButtonProps, 'size'> {
     /**

package/src/tedi/components/cards/card/card-content/card-content.d.ts

@@ -1,4 +1,4 @@
-import React, { CSSProperties } from 'react';
+import { default as React, CSSProperties } from 'react';
 import { BreakpointSupport } from '../../../../helpers';
 import { SharedCardProps } from '../card';
 export interface CardContentProps extends BreakpointSupport<SharedCardProps> {

package/src/tedi/components/cards/card/card-context.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import type { CardContentProps } from './card-content/card-content';
+import { default as React } from 'react';
+import { CardContentProps } from './card-content/card-content';
 type CardContext = Pick<CardContentProps, 'padding' | 'background'>;
 export declare const CardContext: React.Context<CardContext>;
 export {};

package/src/tedi/components/cards/card/card.d.ts

@@ -1,4 +1,4 @@
-import React, { CSSProperties } from 'react';
+import { default as React, CSSProperties } from 'react';
 import { BreakpointSupport } from '../../../helpers';
 import { CardContentProps } from './card-content/card-content';
 import { CardBackground, CardBorderType, CardContentPaddingNumber } from './utility';
@@ -80,6 +80,6 @@ export interface CardProps extends BreakpointSupport<CardBreakpointProps> {
 export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>> & {
     Content: (props: CardContentProps) => JSX.Element;
     Header: (props: CardContentProps) => JSX.Element;
-    Notification: (props: import("./card-notification/card-notification").CardNotificationProps) => JSX.Element;
+    Notification: (props: import('./card-notification/card-notification').CardNotificationProps) => JSX.Element;
 };
 export default Card;

package/src/tedi/components/content/label/label.d.ts

@@ -32,5 +32,5 @@ export interface LabelProps extends BreakpointSupport<LabelBreakpointProps>, Lab
      */
     tooltip?: string;
 }
-export declare const Label: import("react").ForwardRefExoticComponent<LabelProps & import("react").RefAttributes<HTMLSpanElement | HTMLLabelElement>>;
+export declare const Label: import('react').ForwardRefExoticComponent<LabelProps & import('react').RefAttributes<HTMLSpanElement | HTMLLabelElement>>;
 export {};

package/src/tedi/components/content/section/section.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export interface SectionProps {
     /**
      * Section content

package/src/tedi/components/content/text-group/text-group.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { BreakpointSupport } from '../../../helpers';
 type TextGroupType = 'vertical' | 'horizontal';
 type TextGroupBreakpointProps = {

package/src/tedi/components/content/truncate/truncate.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import { default as React, ReactNode } from 'react';
 import { BreakpointSupport } from '../../../helpers';
 import { ButtonProps } from '../../buttons/button/button';
 type TruncateBreakpointProps = {

package/src/tedi/components/form/choice-group/choice-group-context.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { ChoiceGroupItemType, ChoiceGroupValue } from './choice-group.types';
 export interface IChoiceGroupContext {
     name: string;

package/src/tedi/components/form/choice-group/choice-group.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { FeedbackTextProps } from '../../../../tedi/components/form/feedback-text/feedback-text';
 import { FormLabelProps } from '../../../../tedi/components/form/form-label/form-label';
 import { BreakpointSupport } from '../../../helpers';

package/src/tedi/components/form/choice-group/components/choice-group-item/choice-group-item.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { BreakpointSupport } from '../../../../../helpers';
 import { ColProps, Direction } from '../../../../layout/grid';
 import { ChoiceInputProps } from '../../../choice-input.types';

package/src/tedi/components/form/file-upload/examples/multiple-handled.d.ts

@@ -1,3 +1,3 @@
 import { StoryFn } from '@storybook/react';
-import FileUpload from '../file-upload';
+import { default as FileUpload } from '../file-upload';
 export declare const MultipleHandledTemplate: StoryFn<typeof FileUpload>;

package/src/tedi/components/form/form-label/form-label.d.ts

@@ -40,5 +40,5 @@ export interface FormLabelProps {
      */
     tooltip?: string;
 }
-export declare const FormLabel: import("react").ForwardRefExoticComponent<FormLabelProps & import("react").RefAttributes<HTMLLabelElement>>;
+export declare const FormLabel: import('react').ForwardRefExoticComponent<FormLabelProps & import('react').RefAttributes<HTMLLabelElement>>;
 export default FormLabel;

package/src/tedi/components/form/number-field/number-field.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { BreakpointSupport } from '../../../helpers';
 import { FeedbackTextProps } from '../feedback-text/feedback-text';
 import { FormLabelProps } from '../form-label/form-label';

package/src/tedi/components/form/search/search.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { IconWithoutBackgroundProps } from '../../base/icon/icon';
 import { ButtonProps } from '../../buttons/button/button';
 import { TextFieldForwardRef, TextFieldProps } from '../textfield/textfield';

package/src/tedi/components/form/select/examples/async.d.ts

@@ -1,3 +1,3 @@
 import { StoryFn } from '@storybook/react';
-import Select from '../select';
+import { default as Select } from '../select';
 export declare const AsyncSelectTemplate: StoryFn<typeof Select>;

package/src/tedi/components/form/select/examples/custom-option.d.ts

@@ -1,3 +1,3 @@
 import { StoryFn } from '@storybook/react';
-import Select from '../select';
+import { default as Select } from '../select';
 export declare const CustomOptionSelectTemplate: StoryFn<typeof Select>;

package/src/tedi/components/form/select/examples/editable.d.ts

@@ -1,3 +1,3 @@
 import { StoryFn } from '@storybook/react';
-import Select from '../select';
+import { default as Select } from '../select';
 export declare const EditableSelectTemplate: StoryFn<typeof Select>;

package/src/tedi/components/form/select/examples/multiple-handled.d.ts

@@ -1,4 +1,4 @@
 import { StoryFn } from '@storybook/react';
-import Select, { ISelectOption } from '../select';
+import { default as Select, ISelectOption } from '../select';
 export declare const colourOptions: ISelectOption[];
 export declare const MultipleHandledTemplate: StoryFn<typeof Select>;

package/src/tedi/components/form/select/select.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { GroupBase, InputActionMeta, MenuListProps, OptionProps, OptionsOrGroups, SelectInstance } from 'react-select';
 import { FeedbackTextProps } from '../../../../tedi/components/form/feedback-text/feedback-text';
 import { FormLabelProps } from '../../../../tedi/components/form/form-label/form-label';

package/src/tedi/components/form/textarea/textarea.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { TextFieldForwardRef, TextFieldProps } from '../textfield/textfield';
 export interface TextAreaProps extends TextFieldProps {
     /**

package/src/tedi/components/form/textfield/textfield.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { BreakpointSupport } from '../../../helpers';
 import { IconWithoutBackgroundProps } from '../../base/icon/icon';
 import { FeedbackTextProps } from '../feedback-text/feedback-text';

package/src/tedi/components/layout/grid/col.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export type NumberAttr = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12;
 export type ColOrderNumber = number | '1' | '2' | '3' | '4' | '5';
 export type ColOrder = ColOrderNumber | 'first' | 'last';

package/src/tedi/components/layout/grid/row-context.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { RowElement } from './row';
 interface IRowContext {
     element: RowElement;

package/src/tedi/components/layout/grid/row.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { ColProps } from './col';
 export type Cols = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 'auto';
 export type Spacer = 0 | 1 | 2 | 3 | 4 | 5;

package/src/tedi/components/layout/sidenav/components/sidenav-dropdown/sidenav-dropdown.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { SideNavItemProps } from '../sidenav-item/sidenav-item';
 type SideNavDropdownProps<C extends React.ElementType = 'a'> = {
     trigger: React.ReactNode;

package/src/tedi/components/layout/sidenav/components/sidenav-item/sidenav-item.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { IconWithoutBackgroundProps } from '../../../../base/icon/icon';
 import { LinkProps } from '../../../../navigation/link/link';
 import { SideNavItemSize } from '../../sidenav';

package/src/tedi/components/layout/sidenav/components/sidenav-mobile/sidenav-mobile.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { SideNavItemProps } from '../sidenav-item/sidenav-item';
 type SideNavMobileProps<C extends React.ElementType = 'a'> = {
     navItems: SideNavItemProps<C>[];

package/src/tedi/components/layout/sidenav/components/sidenav-toggle/sidenav-toggle.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { UnknownType } from '../../../../../../tedi/types/commonTypes';
 export type SidenavToggleVariant = 'mobile' | 'collapse';
 export type SidenavToggleProps = {

package/src/tedi/components/layout/sidenav/sidenav.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { AllowedHTMLTags } from '../../../helpers/polymorphic/types';
 import { UnknownType } from '../../../types/commonTypes';
 import { SideNavItemProps } from './components/sidenav-item/sidenav-item';
@@ -80,7 +80,7 @@ export type SideNavProps<C extends React.ElementType = 'a'> = ConditionalTypes<C
     sideNavItemSize?: SideNavItemSize;
 };
 export declare const SideNav: (<C extends React.ElementType = "a">(props: SideNavProps<C>) => React.ReactElement | null) & {
-    Toggle: ({ menuOpen, toggleMenu, referenceRef, getReferenceProps, variant, }: import("./components/sidenav-toggle/sidenav-toggle").SidenavToggleProps) => import("react/jsx-runtime").JSX.Element;
+    Toggle: ({ menuOpen, toggleMenu, referenceRef, getReferenceProps, variant, }: import('./components/sidenav-toggle/sidenav-toggle').SidenavToggleProps) => import("react/jsx-runtime").JSX.Element;
     Item: <C extends React.ElementType = "a">(props: SideNavItemProps<C> & {
         onItemClick?: () => void;
         level?: number;

package/src/tedi/components/layout/vertical-spacing/vertical-spacing.d.ts

@@ -25,6 +25,6 @@ export interface VerticalSpacingProps extends BreakpointSupport<VerticalSpacingB
 }
 export declare const VerticalSpacing: {
     (props: VerticalSpacingProps): JSX.Element;
-    Item: (props: import("./vertical-spacing-item").VerticalSpacingItemProps) => JSX.Element;
+    Item: (props: import('./vertical-spacing-item').VerticalSpacingItemProps) => JSX.Element;
 };
 export default VerticalSpacing;

package/src/tedi/components/loaders/skeleton/skeleton-block/skeleton-block.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { BreakpointSupport } from '../../../../helpers';
 type SkeletonBlockBreakpointProps = {
     /**

package/src/tedi/components/loaders/skeleton/skeleton.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export interface SkeletonProps {
     /**
      * The content to be rendered inside the skeleton placeholder.
@@ -31,6 +31,6 @@ export interface SkeletonProps {
 }
 export declare const Skeleton: {
     (props: SkeletonProps): JSX.Element;
-    Block: (props: import("./skeleton-block/skeleton-block").SkeletonBlockProps) => import("react/jsx-runtime").JSX.Element;
+    Block: (props: import('./skeleton-block/skeleton-block').SkeletonBlockProps) => import("react/jsx-runtime").JSX.Element;
 };
 export default Skeleton;

package/src/tedi/components/misc/ellipsis/ellipsis.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export interface EllipsisProps {
     /**
      * The content to be displayed inside the ellipsis container.

package/src/tedi/components/misc/print/print.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 export type BreakTypes = 'auto' | 'avoid' | 'avoid-column' | 'avoid-page' | 'avoid-region';
 export interface PrintProps {
     /**

package/src/tedi/components/misc/scroll-fade/scroll-fade.d.ts

@@ -31,5 +31,5 @@ export interface ScrollFadeProps {
      */
     onScrollToBottom?: () => void;
 }
-export declare const ScrollFade: import("react").ForwardRefExoticComponent<ScrollFadeProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ScrollFade: import('react').ForwardRefExoticComponent<ScrollFadeProps & import('react').RefAttributes<HTMLDivElement>>;
 export default ScrollFade;

package/src/tedi/components/misc/stretch-content/stretch-content.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { BreakpointSupport } from '../../../helpers';
 type StretchContentDirection = 'both' | 'horizontal' | 'vertical';
 interface StretchContentBreakpointProps {

package/src/tedi/components/navigation/link/link-helpers.d.ts

@@ -1,12 +1,9 @@
-/**
- * This file contains only Anchor helper components that are shared between different stories. These are not exported in the component library
- */
-import Link from 'next/link';
-import React from 'react';
+import { default as Link } from 'next/link';
+import { default as React } from 'react';
 import { LinkProps } from './link';
 declare const LinkBehaviour: React.ForwardRefExoticComponent<Omit<Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof {
-    href: string | import("url").UrlObject;
-    as?: string | import("url").UrlObject;
+    href: string | import('url').UrlObject;
+    as?: string | import('url').UrlObject;
     replace?: boolean;
     scroll?: boolean;
     shallow?: boolean;
@@ -18,8 +15,8 @@ declare const LinkBehaviour: React.ForwardRefExoticComponent<Omit<Omit<React.Anc
     onTouchStart?: React.TouchEventHandler<HTMLAnchorElement>;
     onClick?: React.MouseEventHandler<HTMLAnchorElement>;
 }> & {
-    href: string | import("url").UrlObject;
-    as?: string | import("url").UrlObject;
+    href: string | import('url').UrlObject;
+    as?: string | import('url').UrlObject;
     replace?: boolean;
     scroll?: boolean;
     shallow?: boolean;

package/src/tedi/components/navigation/link/link.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { BreakpointSupport } from '../../../helpers';
 import { UnknownType } from '../../../types/commonTypes';
 import { ButtonContentProps } from '../../buttons/button-content/button-content';

package/src/tedi/components/notifications/alert/alert.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { BreakpointSupport } from '../../../helpers';
 import { IconWithoutBackgroundProps } from '../../base/icon/icon';
 export type AlertType = 'info' | 'success' | 'warning' | 'danger';

package/src/tedi/components/notifications/toast/toast.d.ts

@@ -1,5 +1,4 @@
 import { ToastContainer, ToastOptions } from 'react-toastify';
 import { AlertProps } from '../alert/alert';
-import 'react-toastify/dist/ReactToastify.css';
 export declare const sendNotification: (props: AlertProps, toastOptions?: ToastOptions) => void;
 export { ToastContainer };

package/src/tedi/components/overlays/overlay/overlay.d.ts

@@ -89,10 +89,10 @@ export interface OverlayContextType {
     context: FloatingContext<ReferenceType>;
     scrollLock?: boolean;
 }
-export declare const OverlayContext: import("react").Context<OverlayContextType>;
+export declare const OverlayContext: import('react').Context<OverlayContextType>;
 export declare const Overlay: {
     (props: OverlayProps): import("react/jsx-runtime").JSX.Element;
-    Trigger: (props: import("./overlay-trigger").OverlayTriggerProps) => import("react/jsx-runtime").JSX.Element;
-    Content: (props: import("./overlay-content").OverlayContentProps) => import("react/jsx-runtime").JSX.Element | null;
+    Trigger: (props: import('./overlay-trigger').OverlayTriggerProps) => import("react/jsx-runtime").JSX.Element;
+    Content: (props: import('./overlay-content').OverlayContentProps) => import("react/jsx-runtime").JSX.Element | null;
 };
 export default Overlay;

package/src/tedi/components/overlays/popover/popover.d.ts

@@ -14,7 +14,7 @@ export interface PopoverProps extends Omit<OverlayProps, 'arrowDimensions' | 'op
 }
 export declare const Popover: {
     (props: PopoverProps): import("react/jsx-runtime").JSX.Element;
-    Trigger: (props: import("../overlay/overlay-trigger").OverlayTriggerProps) => import("react/jsx-runtime").JSX.Element;
-    Content: (props: import("./popover-content").PopoverContentProps) => import("react/jsx-runtime").JSX.Element;
+    Trigger: (props: import('../overlay/overlay-trigger').OverlayTriggerProps) => import("react/jsx-runtime").JSX.Element;
+    Content: (props: import('./popover-content').PopoverContentProps) => import("react/jsx-runtime").JSX.Element;
 };
 export default Popover;

package/src/tedi/components/overlays/tooltip/tooltip.d.ts

@@ -14,7 +14,7 @@ export interface TooltipProps extends Omit<OverlayProps, 'arrowDimensions' | 'op
 }
 export declare const Tooltip: {
     (props: TooltipProps): import("react/jsx-runtime").JSX.Element;
-    Trigger: (props: import("../overlay/overlay-trigger").OverlayTriggerProps) => import("react/jsx-runtime").JSX.Element;
-    Content: (props: import("./tooltip-content").TooltipContentProps) => import("react/jsx-runtime").JSX.Element;
+    Trigger: (props: import('../overlay/overlay-trigger').OverlayTriggerProps) => import("react/jsx-runtime").JSX.Element;
+    Content: (props: import('./tooltip-content').TooltipContentProps) => import("react/jsx-runtime").JSX.Element;
 };
 export default Tooltip;

package/src/tedi/docs/colors/color-tokens.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 interface Color {
     name: string;
     value: string;

package/src/tedi/helpers/hooks/use-file-upload.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { default as React } from 'react';
 import { FeedbackTextProps } from '../../components/form/feedback-text/feedback-text';
 export interface FileUploadFile extends Partial<File> {
     id?: string;