@orangesk/orange-design-system 2.0.0-beta.2 → 2.0.0-beta.20

package/build/components/types/src/components/Accordion/Accordion.d.ts

@@ -4,8 +4,8 @@ interface AccordionProps {
     headingLevel?: number;
     /** Accordion is enclosed in another component */
     isEnclosed?: boolean;
-    /** If true, the last item will not have a bottom border */
-    lastItemNoBottomBorder?: boolean;
+    /** If true, the top border on the first item will be removed */
+    noTopBorder?: boolean;
     /** Adjustable spacing */
     size?: "large";
     /** Additional CSS classes */

package/build/components/types/src/components/Accordion/Accordion.static.d.ts

@@ -8,6 +8,7 @@ export default class Accordion {
     private buttons;
     constructor(element: HTMLElement, config?: Partial<AccordionConfig>);
     private onFocus;
+    private toggleAccordionItem;
     private init;
     private onClick;
     destroy(): void;

package/build/components/types/src/components/Alert/Alert.d.ts

@@ -18,8 +18,6 @@ interface AlertProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Type of alert, sets icon and color */
     type?: AlertType;
     className?: string;
-    /** Sets Alert to use specific color scheme */
-    colorScheme?: "dark" | "light";
 }
 declare const Alert: React.FC<AlertProps>;
 export { Alert };

package/build/components/types/src/components/AnchorNavigation/AnchorNavigation.d.ts

@@ -7,11 +7,10 @@ interface AnchorNavigationItem {
 interface AnchorNavigationProps {
     items: AnchorNavigationItem[];
     className?: string;
-    colorScheme?: "light" | "dark";
     children?: React.ReactNode;
 }
 declare const AnchorNavigation: {
-    ({ items, className, colorScheme, children, }: AnchorNavigationProps): React.JSX.Element;
+    ({ items, className, children, ...other }: AnchorNavigationProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export { AnchorNavigation };

package/build/components/types/src/components/AnchorNavigation/AnchorNavigation.static.d.ts

@@ -1,24 +1,27 @@
-interface AnchorNavigationConfig {
-    itemSelector: string;
-}
-export declare const defaultConfig: AnchorNavigationConfig;
-export declare const configDocs: {
-    itemSelector: string;
-};
 export default class AnchorNavigation {
     private element;
-    private config;
-    private items;
-    private activeItemIndex;
-    constructor(element: HTMLElement, config?: Partial<AnchorNavigationConfig>);
+    private megamenuElement;
+    private resizeObserver;
+    private scrollHandler;
+    private scrollSpyHandler;
+    private scrollEndHandler;
+    private resizeHandler;
+    private isAutoScrolling;
+    private scrollTimeout;
+    private navLinks;
+    private sections;
+    private currentPath;
+    private lastActiveIndex;
+    constructor(element: HTMLElement);
     static getInstance(el: HTMLElement): AnchorNavigation | null;
+    private findMegamenuElement;
+    private updateStickyPosition;
+    private setupMegamenuObserver;
+    private setupScrollSpy;
+    private initScrollSpy;
+    private handleScrollSpy;
+    private handleScrollEnd;
     private init;
     destroy(): void;
     update(): void;
-    private isActive;
-    private handleClick;
-    private toggleItem;
-    activateNthItem(index: number): void;
-    getActiveItemIndex(): number | null;
 }
-export {};

package/build/components/types/src/components/BlockAction/BlockAction.d.ts

@@ -3,6 +3,8 @@ export interface BlockActionProps {
     /** 1 and only one single element */
     children: ReactElement;
     className?: string;
+    /** Add border on hover */
+    hasBorderOnHover?: boolean;
     [key: string]: any;
 }
 declare const BlockAction: React.FC<BlockActionProps>;

package/build/components/types/src/components/BlockAction/Context.d.ts

@@ -4,10 +4,12 @@ interface ContextType {
     isActive: boolean;
     setIsActive: Dispatch<SetStateAction<boolean>>;
     setIsIndicating: Dispatch<SetStateAction<boolean>>;
+    hasBorderOnHover?: boolean;
 }
 export declare const Context: React.Context<ContextType>;
 interface ProviderProps {
     children: ReactNode;
+    hasBorderOnHover?: boolean;
 }
 export declare const Provider: React.FC<ProviderProps>;
 export {};

package/build/components/types/src/components/BodyBanner/BodyBanner.d.ts

@@ -1,20 +1,20 @@
 import React from "react";
+export declare const bodyBannerColors: readonly ["background-primary", "background-accent", "surface-subtle"];
+export type BodyBannerColor = (typeof bodyBannerColors)[number];
 interface BodyBannerProps {
-    size: "small" | "large";
-    /** Color scheme for whole BodyBanner */
-    colorScheme: "light" | "dark";
-    /** Color scheme for whole BodyBanner */
-    color?: "gray" | "orange";
+    size?: "large";
+    /** Background color using design tokens */
+    color?: BodyBannerColor;
     /** Additional CSS classes */
     className?: string;
     /** Image URL */
     imageUrl?: string;
-    /** Title */
-    title?: string;
-    /** Subtitle */
-    description?: string;
+    /** Content area - typically heading and description */
+    children?: React.ReactNode;
     /** Button text */
     buttonText?: string;
+    /** Additional CSS classes for button */
+    buttonClassName?: string;
 }
-export declare const BodyBanner: (props: BodyBannerProps) => React.JSX.Element;
+export declare const BodyBanner: ({ className, size, color, imageUrl, children, buttonText, buttonClassName, ...other }: BodyBannerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/build/components/types/src/components/Breadcrumbs/Breadcrumbs.d.ts

@@ -7,8 +7,6 @@ interface BreadcrumbItemData {
 interface BreadcrumbsProps {
     /** Additional CSS classes */
     className?: string;
-    /** Use white breadcrumbs on dark background */
-    colorScheme?: "dark" | "light";
     /** Breadcrumb items */
     items: BreadcrumbItemData[];
     /** Navigation label */

package/build/components/types/src/components/Button/Button.d.ts

@@ -7,12 +7,12 @@ interface CommonProps {
     isActive?: boolean;
     isDefault?: boolean;
     isDisabled?: boolean;
-    colorScheme?: "dark" | "light";
     isSquare?: boolean;
     size?: ButtonSize;
     type?: ButtonType;
     className?: string;
     children?: React.ReactNode;
+    preserveWidth?: boolean;
 }
 type AnchorProps = CommonProps & Omit<React.AnchorHTMLAttributes<HTMLAnchorElement>, keyof CommonProps | "type" | "ref"> & {
     href: string;

package/build/components/types/src/components/Button/index.d.ts

@@ -1,16 +1,15 @@
-import React from "react";
 import { Button, ButtonProps } from "./Button";
 import { IconButton } from "./IconButton";
 export declare const ButtonPrimary: {
-    (props: ButtonProps): React.JSX.Element;
+    (props: ButtonProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const ButtonFill: {
-    (props: ButtonProps): React.JSX.Element;
+    (props: ButtonProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export declare const ButtonGhost: {
-    (props: ButtonProps): React.JSX.Element;
+    (props: ButtonProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export { IconButton, Button };

package/build/components/types/src/components/Card/Card.d.ts

@@ -1,9 +1,10 @@
 import React from "react";
-export declare const cardColors: readonly ["white", "black", "orange"];
+export declare const cardColors: readonly ["background-primary", "background-secondary", "background-contrast", "background-accent", "background-accent1-blog", "background-accent2-blog", "fill-subtle", "fill-accent1", "fill-accent2", "fill-accent3", "fill-accent4", "fill-accent5"];
 export type CardColor = (typeof cardColors)[number];
 export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Custom background color */
     color?: CardColor;
+    noBorder?: boolean;
 }
 export declare const CLASS_ROOT = "card";
 declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLDivElement>>;

package/build/components/types/src/components/Card/CardSection.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
-export declare const cardSectionColors: readonly ["orange", "gray", "blue", "green", "pink", "yellow", "violet"];
-export type CardSectionColor = (typeof cardSectionColors)[number];
+import { cardColors } from "./Card";
+export type CardSectionColor = (typeof cardColors)[number];
 interface CardSectionProps extends React.HTMLAttributes<HTMLDivElement> {
     /** Custom background color */
     color?: CardSectionColor;

package/build/components/types/src/components/Card/index.d.ts

@@ -1,3 +1,4 @@
 export { Card } from "./Card";
+export type { CardColor } from "./Card";
 export { CardSection } from "./CardSection";
 export { CardProductHeader } from "./CardProductHeader";

package/build/components/types/src/components/Carousel/Carousel.d.ts

@@ -2,10 +2,12 @@ import React, { ReactNode, HTMLAttributes } from "react";
 interface CarouselProps extends HTMLAttributes<HTMLDivElement> {
     /** Swiper.js (https://swiperjs.com/) options object */
     swiperOptions?: Record<string, any>;
-    /** Inverse colors */
-    colorScheme?: "light" | "dark";
     /** Carousel items */
     items: ReactNode[];
+    /** Always show scrollbar and hide dots */
+    showScrollbar?: boolean;
+    /** Make carousel bleed to the right edge of screen while keeping left aligned with container */
+    bleedRight?: boolean;
     className?: string;
 }
 declare const Carousel: React.FC<CarouselProps>;

package/build/components/types/src/components/Carousel/Carousel.static.d.ts

@@ -7,27 +7,81 @@ export default class Carousel {
     viewport: HTMLElement;
     track: HTMLElement;
     instance: Swiper;
+    carouselId?: string;
     constructor(element: HTMLElement, config?: Partial<SwiperOptions>);
     init(): void;
+    /**
+     * Fix scrollbar drag size and position for bleed-right carousels.
+     * Overrides Swiper's default scrollbar calculations to work correctly with bleed-right layouts.
+     */
+    fixBleedRightScrollbar(): void;
     getElements(): void;
     getCustomOptions(): void;
     /**
-     * Handles the slide change event on the carousel.
-     * Updates the tooltip position for the active slide and hides tooltips for non-active slides.
-     * Also updates accessibility attributes for pagination buttons.
+     * Enable or disable the carousel based on whether content requires scrolling.
+     * Carousel is enabled only when there are more slides than can fit in the current viewport.
+     */
+    private updateCarouselEnabledState;
+    /**
+     * Calculate how much the carousel should extend beyond the container (bleed effect).
+     * On screens 2560px and wider, the bleed effect is disabled.
+     */
+    private calculateBleedAmount;
+    /**
+     * Apply the bleed offset to extend the carousel beyond the container edge.
+     * Only applies when content exceeds the visible area.
+     */
+    private applyBleedOffset;
+    /**
+     * Configure bleed-right carousel to extend beyond the container edge.
+     * Calculates the exact offset needed for the carousel to reach the viewport edge
+     * while keeping the last slide aligned with the container edge when scrolled to the end.
+     */
+    adjustConfigForBleedRight(): void;
+    /**
+     * Handle carousel slide change events.
+     * Updates tooltip positions and accessibility states for the active slide.
      */
     handleSlideChange(): void;
     /**
-     * Updates the position of tooltips for the given element.
-     * @param {HTMLElement} element - The element containing tooltip triggers.
+     * Update tooltip positions for elements within a slide.
      */
     updateTooltipPosition(element: HTMLElement): void;
     /**
-     * Hides all tooltips for the given elements.
-     * @param {NodeListOf<HTMLElement>} elements - The elements containing tooltip triggers.
+     * Hide all tooltips for non-active slides.
      */
     hideAllTooltips(elements: NodeListOf<Element>): void;
+    /**
+     * Initialize external navigation controls that reference this carousel via data attributes.
+     * Supports prev/next buttons placed anywhere in the DOM.
+     */
+    initExternalControls(): void;
+    /**
+     * Update the disabled state of external navigation controls.
+     * Controls are disabled at the start/end of the carousel based on slide position.
+     */
+    updateExternalControlsState(): void;
+    /**
+     * Navigate to the next slide.
+     */
+    slideNext(): void;
+    /**
+     * Navigate to the previous slide.
+     */
+    slidePrev(): void;
+    /**
+     * Get the current active slide index.
+     */
+    getActiveIndex(): number;
+    /**
+     * Register a callback for slide change events.
+     */
+    onSlideChange(callback: (activeIndex: number) => void): void;
     destroy(): void;
     update(): void;
     static getInstance(el: HTMLElement): Carousel | null;
+    /**
+     * Find a carousel instance by its ID or data-carousel-id attribute.
+     */
+    static getInstanceById(carouselId: string): Carousel | null;
 }

package/build/components/types/src/components/Carousel/constants.d.ts

@@ -13,6 +13,8 @@ export declare const CLASS_SCROLLBAR = "carousel__scrollbar";
 export declare const CLASS_SCROLLBAR_HORIZONTAL = "carousel__scrollbar-horizontal";
 export declare const CLASS_SCROLLBAR_DRAG = "carousel__scrollbar-drag";
 export declare const CLASS_ACTIVE = "is-active";
+export declare const CLASS_SCROLLBAR_VARIANT = "carousel--scrollbar";
+export declare const CLASS_BLEED_RIGHT = "carousel--bleed-right";
 export declare const SELECTOR_VIEWPORT = ".carousel__viewport";
 export declare const SELECTOR_TRACK = ".carousel__track";
 export declare const SELECTOR_PREV = ".carousel__prev";

package/build/components/types/src/components/CarouselHero/CarouselHero.d.ts

@@ -0,0 +1,17 @@
+import React, { ReactNode } from "react";
+import { CarouselHeroItem } from "./CarouselHeroItem";
+interface TabItem {
+    label: string;
+    [key: string]: any;
+}
+interface CarouselHeroProps {
+    className?: string;
+    swiperOptions?: Record<string, any>;
+    children?: ReactNode;
+    tabs?: TabItem[];
+    interval?: number;
+    [key: string]: any;
+}
+declare const CarouselHero: React.FC<CarouselHeroProps>;
+export { CarouselHero, CarouselHeroItem };
+export type { CarouselHeroProps, TabItem };

package/build/components/types/src/components/CarouselHero/CarouselHero.static.d.ts

@@ -0,0 +1,47 @@
+import type { SwiperOptions } from "swiper/types";
+import { Swiper } from "swiper";
+export declare const defaultConfig: SwiperOptions;
+export default class CarouselHero {
+    element: HTMLElement;
+    config: SwiperOptions;
+    viewport: HTMLElement;
+    instance: Swiper;
+    tabs: HTMLElement[];
+    _dotAnimationJustStarted: boolean;
+    _isDragging: boolean;
+    private _boundTabClick;
+    private _boundPrevClick;
+    private _boundNextClick;
+    private _boundPlayPauseClick;
+    constructor(element: HTMLElement, config?: Partial<SwiperOptions>);
+    init(): void;
+    getElements(): void;
+    setupConfig(): void;
+    createSwiper(): void;
+    setupEventListeners(): void;
+    private _onUserNavigation;
+    _onTabClick(e: Event): void;
+    private _onPlayPauseClick;
+    private isAutoplayRunning;
+    private _stopAutoplayIfRunning;
+    private _onAutoplayStart;
+    private _onAutoplayStop;
+    toggleAutoplay(): void;
+    goToSlide(index: number): void;
+    updateStates(): void;
+    private updatePaginationBullets;
+    scrollActiveTabIntoView(activeIndex: number): void;
+    updatePlayPauseIcon(): void;
+    renderPaginationDots(): void;
+    startDotAnimation(force?: boolean): void;
+    restartDotAnimation(): void;
+    stopDotAnimation(): void;
+    private _getPaginationButtons;
+    private _getActiveBulletClass;
+    private _getActiveBulletButton;
+    createSvgDot(): SVGSVGElement;
+    hasAutoplay(): boolean;
+    getAnimationDuration(): number;
+    destroy(): void;
+    static getInstance(el: HTMLElement): CarouselHero | null;
+}

package/build/components/types/src/components/CarouselHero/CarouselHeroItem.d.ts

@@ -0,0 +1,8 @@
+import React, { ReactNode, HTMLAttributes } from "react";
+interface CarouselHeroItemProps extends HTMLAttributes<HTMLDivElement> {
+    className?: string;
+    children?: ReactNode;
+    image: string;
+}
+declare const CarouselHeroItem: React.FC<CarouselHeroItemProps>;
+export { CarouselHeroItem };

package/build/components/types/src/components/CarouselHero/constants.d.ts

@@ -0,0 +1,33 @@
+export declare const CLASS_ROOT = "carousel-hero";
+export declare const CLASS_VIEWPORT_WRAPPER = "carousel-hero__viewport-wrapper";
+export declare const CLASS_VIEWPORT = "carousel-hero__viewport";
+export declare const CLASS_TRACK = "carousel-hero__track";
+export declare const CLASS_SLIDE = "carousel-hero__slide";
+export declare const CLASS_SLIDE_CONTAINER = "carousel-hero__slide-container";
+export declare const CLASS_SLIDE_CONTENT = "carousel-hero__slide-content";
+export declare const CLASS_SLIDE_SUBTITLE = "carousel-hero__slide-subtitle";
+export declare const CLASS_SLIDE_IMAGE_WRAPPER = "carousel-hero__slide-image-wrapper";
+export declare const CLASS_SLIDE_IMAGE = "carousel-hero__slide-image";
+export declare const CLASS_SLIDE_BUTTON = "carousel-hero__slide-button";
+export declare const CLASS_PREV = "carousel-hero__prev";
+export declare const CLASS_NEXT = "carousel-hero__next";
+export declare const CLASS_PLAY_PAUSE = "carousel-hero__play-pause";
+export declare const CLASS_TABS = "carousel-hero__tabs";
+export declare const CLASS_TAB = "carousel-hero__tab";
+export declare const CLASS_PAGINATION = "carousel-hero__pagination";
+export declare const CLASS_PAGINATION_ITEM = "carousel-hero__pagination-item";
+export declare const CLASS_PAGINATION_SVG = "carousel-hero__pagination-svg";
+export declare const CLASS_PAGINATION_CIRCLE = "carousel-hero__pagination-circle";
+export declare const CLASS_NAVIGATION = "carousel-hero__navigation";
+export declare const CLASS_ACTIVE = "is-active";
+export declare const CLASS_PLAYING = "is-playing";
+export declare const CLASS_PAUSED = "is-paused";
+export declare const SELECTOR_VIEWPORT = ".carousel-hero__viewport";
+export declare const SELECTOR_TRACK = ".carousel-hero__track";
+export declare const SELECTOR_PREV = ".carousel-hero__prev";
+export declare const SELECTOR_NEXT = ".carousel-hero__next";
+export declare const SELECTOR_PLAY_PAUSE = ".carousel-hero__play-pause";
+export declare const SELECTOR_TABS = ".carousel-hero__tabs";
+export declare const SELECTOR_TAB = ".carousel-hero__tab";
+export declare const SELECTOR_PAGINATION = ".carousel-hero__pagination";
+export declare const SELECTOR_ACTIVE = ".is-active";

package/build/components/types/src/components/CarouselHero/index.d.ts

@@ -0,0 +1,2 @@
+export { CarouselHero, CarouselHeroItem } from "./CarouselHero";
+export type { CarouselHeroProps, TabItem } from "./CarouselHero";

package/build/components/types/src/components/CarouselPromotions/CarouselPromotions.d.ts

@@ -2,7 +2,6 @@ import React, { ReactNode } from "react";
 interface CarouselPromotionsProps {
     className?: string;
     swiperOptions?: Record<string, any>;
-    colorScheme?: "light" | "dark";
     children?: ReactNode;
     [key: string]: any;
 }

package/build/components/types/src/components/Controls/Controls.d.ts

@@ -3,7 +3,6 @@ interface IControlsProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     elemRef?: React.Ref<any>;
     icon: string;
     className?: string;
-    colorScheme?: "dark" | "light";
     isDisabled?: boolean;
 }
 type NativeButtonProps = IControlsProps & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof IControlsProps | "href" | "ref"> & {

package/build/components/types/src/components/Cover/Cover.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 interface CoverProps {
     /** Background image source. URL string or an object of breakpoint: url pairs
      *
@@ -26,11 +26,11 @@ interface CoverProps {
         xxxl?: string;
     };
     /** Set vertical position of image */
-    bgPosition?: 'top' | 'center' | 'bottom';
+    bgPosition?: "top" | "center" | "bottom";
     /** Applies custom classNames to overlay content */
     contentClass?: string;
     /** Cover size */
-    size?: 'small' | 'medium' | 'large';
+    size?: "small" | "medium" | "large" | "xlarge";
     /** Additional className for the cover container */
     className?: string;
     /** Children content */

package/build/components/types/src/components/Divider/Divider.d.ts

@@ -1,13 +1,9 @@
 import React, { ReactNode, HTMLAttributes } from "react";
 export interface DividerProps extends Omit<HTMLAttributes<HTMLDivElement>, "content"> {
-    /** Custom background color */
-    color?: "black" | "white";
     /** Custom content inside divider */
     content?: ReactNode;
     /** Icon which will be rendered inside divider */
     icon?: string;
-    /** Divider line has width of 1px */
-    thinLine?: boolean;
 }
 declare const Divider: React.FC<DividerProps>;
 export { Divider };

package/build/components/types/src/components/DocumentationSidebar/DocumentationSidebar.d.ts

@@ -4,6 +4,7 @@ export interface DocumentationSidebarItem {
     href?: string;
     target?: React.HTMLAttributeAnchorTarget;
     items?: DocumentationSidebarItem[];
+    content?: string;
 }
 export interface DocumentationSidebarProps {
     items: DocumentationSidebarItem[];

package/build/components/types/src/components/Expander/Expander.d.ts

@@ -1,8 +1,5 @@
 import React from "react";
 interface ExpanderProps {
-    /** Inverse buttons for dark backgrounds */
-    /** Dark theme */
-    colorScheme?: "light" | "dark";
     /** Custom summary text renderer. Passes props as function parameter. */
     renderSummary?: (props: ExpanderProps) => React.ReactNode;
     /** Custom summary text renderer when details are opened. Passes props as function parameter. */
@@ -15,8 +12,8 @@ interface ExpanderProps {
     className?: string;
     /** Child elements */
     children?: React.ReactNode;
-    /** Additional HTML attributes */
-    [key: string]: any;
+    /** Expander takes full width of its container */
+    isFullWidth?: boolean;
 }
 export declare const Expander: React.FC<ExpanderProps>;
 export {};

package/build/components/types/src/components/FeatureAccordion/FeatureAccordion.d.ts

@@ -1,11 +1,9 @@
 import React from "react";
 interface AccordionProps {
-    /** Color scheme for whole FeatureAccordion */
-    colorScheme?: "light" | "dark" | "white";
     /** Additional CSS classes */
     className?: string;
 }
 declare const FeatureAccordion: (props: AccordionProps & {
     children: React.ReactNode;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export { FeatureAccordion };

package/build/components/types/src/components/Footer/Footer.d.ts

@@ -1,12 +1,8 @@
 import React from "react";
-import { SectionProps } from "../Section/Section";
 import footerData from "./data";
 interface FooterProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** Sets Footer to use inverse color scheme */
-    isInverse?: boolean;
-    /** Custom data to override default footer data */
     data?: typeof footerData;
     className?: string;
 }
-declare const Footer: React.FC<FooterProps & SectionProps>;
+declare const Footer: React.FC<FooterProps>;
 export { Footer };

package/build/components/types/src/components/Footer/constants.d.ts

@@ -0,0 +1,9 @@
+export declare const CLASS_ROOT = "footer";
+export declare const CLASS_CONTAINER = "footer__container";
+export declare const CLASS_GRID = "footer__grid";
+export declare const CLASS_LOGO = "footer__logo";
+export declare const CLASS_TITLE = "footer__title";
+export declare const CLASS_LIST = "footer__list";
+export declare const CLASS_LIST_INLINE = "footer__list--inline";
+export declare const CLASS_BOTTOM = "footer__bottom";
+export declare const CLASS_BOTTOM_COPYRIGHT = "footer__bottom-copyright";

package/build/components/types/src/components/Forms/InputStepper/InputStepper.d.ts

@@ -10,7 +10,6 @@ export interface InputStepperProps {
     id: string;
     inputClassName?: string;
     isDisabled?: boolean;
-    colorScheme?: "light" | "dark";
     name?: string;
     nonEditableInput?: boolean;
     className?: string;

package/build/components/types/src/components/Forms/Select/index.d.ts

@@ -1,3 +1,3 @@
 import { Select, SelectProps } from "./Select";
 export { Select };
-export declare const MultiSelect: (props: SelectProps) => import("react").JSX.Element;
+export declare const MultiSelect: (props: SelectProps) => import("react/jsx-runtime").JSX.Element;

package/build/components/types/src/components/Grid/Grid.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 export type GridVAlign = "stretch" | "start" | "end" | "center";
 export type GridHAlign = "end" | "center" | "space-around" | "space-between";
 export type GridRowGapSize = "medium" | "large" | "xlarge" | Record<string, "medium" | "large" | "xlarge">;
-export type GridColumnGapSize = "none";
+export type GridColumnGapSize = "none" | "small" | "default" | "large";
 export interface GridProps extends React.HTMLAttributes<HTMLElement> {
     vAlign?: GridVAlign;
     hAlign?: GridHAlign;

package/build/components/types/src/components/Grid/GridCol.d.ts

@@ -7,6 +7,6 @@ export interface GridColProps extends React.HTMLAttributes<HTMLElement> {
     size?: GridColSize;
 }
 export declare const GridCol: {
-    ({ className, align, tag, size, ...other }: GridColProps): React.JSX.Element;
+    ({ className, align, tag, size, ...other }: GridColProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/build/components/types/src/components/Hero/Hero.d.ts

@@ -1,5 +1,4 @@
 import React from "react";
-export type HeroBackground = "white" | "black" | "gray";
 export type HeroTextSize = "medium" | "large";
 export type StickerColor = "black" | "orange";
 export interface HeroImageSrc {
@@ -31,8 +30,6 @@ export interface HeroStickerProps {
     className?: string;
 }
 export interface HeroProps {
-    /** Background spanning whole viewport width */
-    colorScheme?: HeroBackground;
     /** Action button props */
     button?: HeroButtonProps;
     /** Main text */

package/build/components/types/src/components/Icon/IconSearch.d.ts

@@ -1,6 +1,6 @@
 export function IconList({ icons, isWide }: {
     icons: any;
     isWide?: boolean | undefined;
-}): import("react").JSX.Element;
-export function IconSearch(): import("react").JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
+export function IconSearch(): import("react/jsx-runtime").JSX.Element;
 export function getIconNames(): any[];

package/build/components/types/src/components/Icon/IconSearchWrapper.d.ts

@@ -1 +1 @@
-export declare const IconSearchWrapper: () => import("react").JSX.Element;
+export declare const IconSearchWrapper: () => import("react/jsx-runtime").JSX.Element;