@orangesk/orange-design-system 3.5.0 → 3.6.0

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

@@ -1,30 +0,0 @@
-import { Instance as PopperInstance, Options as PopperOptions } from "@popperjs/core";
-export interface TooltipConfig {
-    rootContainerSelector: string;
-    removeDialogOnDestroy: boolean;
-    popperOptions: PopperOptions;
-}
-export declare const defaultConfig: TooltipConfig;
-export default class Tooltip {
-    element: HTMLElement;
-    config: TooltipConfig;
-    instance: PopperInstance;
-    trigger: HTMLElement;
-    rootContainer?: HTMLElement | null;
-    transitioner: any;
-    private isOpen;
-    private ignoreNextBlur;
-    constructor(element: HTMLElement, config?: Partial<TooltipConfig>);
-    static getInstance(el: HTMLElement): Tooltip | null;
-    wrapLastWordAndButton(): void;
-    private init;
-    private onDialogMouseDown;
-    private onDocumentClick;
-    private handleVisibility;
-    private onKeydown;
-    private toggle;
-    show(): void;
-    hide(): void;
-    update(): void;
-    destroy(): void;
-}

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

@@ -1,2 +0,0 @@
-export { InfoTooltip } from "./InfoTooltip";
-export { Tooltip } from "./Tooltip";

package/build/components/types/src/components/Tooltip/tests/BaseWrapper.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare const Base: (props: React.HTMLAttributes<HTMLDivElement>) => React.JSX.Element;
-export default Base;

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

@@ -1,54 +0,0 @@
-import { Accordion, AccordionItem } from "./Accordion";
-import { Alert } from "./Alert";
-import { AnchorNavigation } from "./AnchorNavigation";
-import { Avatar } from "./Avatar";
-import { Bar, BarBreak, BarItem } from "./Bar";
-import { BlockAction, BlockActionControl, BlockActionIndicator, BlockActionOverride } from "./BlockAction";
-import { BodyBanner } from "./BodyBanner";
-import { Breadcrumbs } from "./Breadcrumbs";
-import { Button, ButtonFill, ButtonGhost, ButtonPrimary, IconButton } from "./Button";
-import { Buttons } from "./Buttons";
-import { Card, CardProductHeader, CardSection } from "./Card";
-import { Carousel, CarouselItem } from "./Carousel";
-import { CarouselHero, CarouselHeroItem } from "./CarouselHero";
-import { CarouselPromotions } from "./CarouselPromotions";
-import { CartTable } from "./CartTable";
-import { Container } from "./Container";
-import { Controls } from "./Controls";
-import { Countdown, CountdownTag } from "./Countdown";
-import { Cover } from "./Cover";
-import { Divider } from "./Divider";
-import { Dropdown, DropdownDivider, DropdownItem, DropdownToggleButton } from "./Dropdown";
-import { Expander } from "./Expander/Expander";
-import { FeatureAccordion, FeatureAccordionItem } from "./FeatureAccordion";
-import { Autocomplete, Checkbox, Field, Fieldset, File, Group, Hint, InputStepper, Label, Message, Radio, RangeSlider, Select, TextArea, TextInput } from "./Forms";
-import { Gauge } from "./Gauge";
-import { Grid, GridCol } from "./Grid";
-import { Hero } from "./Hero";
-import { Icon, Pictogram, SpritePathContext, SpritePathProvider } from "./Icon";
-import { IconList, Item } from "./IconList";
-import { Image } from "./Image";
-import { Link } from "./Link";
-import { List, ListItem } from "./List";
-import { Loader, LoaderFullscreen } from "./Loader";
-import { Megamenu, MegamenuBlog } from "./Megamenu";
-import { Modal, ModalBody, ModalCloseButton, ModalProductFooter, ModalProductHeader, ModalTitle } from "./Modal";
-import { Pagination } from "./Pagination";
-import { Pill } from "./Pill";
-import { Progress } from "./Progress";
-import { PromoBanner } from "./PromoBanner";
-import { PromotionCard, PromotionCardContent, PromotionCardImageWrapper, PromotionCardSection, PromotionCardTitle } from "./PromotionCard";
-import { Section } from "./Section";
-import { Skeleton } from "./Skeleton";
-import { SkipLink } from "./SkipLink";
-import { SocialButton } from "./SocialButton";
-import { StarRating } from "./StarRating";
-import { Stepbar } from "./Stepbar";
-import { Sticker } from "./Sticker";
-import { Table } from "./Table";
-import { Tab, TabPanel, Tabs } from "./Tabs";
-import { Tag, TagButton } from "./Tag";
-import { Tile } from "./Tile";
-import { Timeline } from "./Timeline";
-import { InfoTooltip, Tooltip } from "./Tooltip";
-export { Accordion, AccordionItem, Alert, AnchorNavigation, Autocomplete, Avatar, Bar, BarBreak, BarItem, BlockAction, BlockActionControl, BlockActionIndicator, BlockActionOverride, BodyBanner, Breadcrumbs, Button, ButtonFill, ButtonGhost, ButtonPrimary, Buttons, Card, CardProductHeader, CardSection, Carousel, CarouselHero, CarouselHeroItem, CarouselItem, CarouselPromotions, CartTable, Checkbox, Container, Controls, Countdown, CountdownTag, Cover, Divider, Dropdown, DropdownDivider, DropdownItem, DropdownToggleButton, Expander, FeatureAccordion, FeatureAccordionItem, Field, Fieldset, File, Gauge, Grid, GridCol, Group, Hero, Hint, Icon, IconButton, IconList, Image, InfoTooltip, InputStepper, Item, Label, Link, List, ListItem, Loader, LoaderFullscreen, Megamenu, MegamenuBlog, Message, Modal, ModalBody, ModalCloseButton, ModalProductFooter, ModalProductHeader, ModalTitle, Pagination, Pictogram, Pill, Progress, PromoBanner, PromotionCard, PromotionCardContent, PromotionCardImageWrapper, PromotionCardSection, PromotionCardTitle, Radio, RangeSlider, Section, Select, Skeleton, SkipLink, SocialButton, SpritePathContext, SpritePathProvider, StarRating, Stepbar, Sticker, Tab, Table, TabPanel, Tabs, Tag, TagButton, TextArea, TextInput, Tile, Timeline, Tooltip, };

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

@@ -1 +0,0 @@
-import "../scripts/index";

package/build/components/types/src/docs/utils/SpacePreview.d.ts

@@ -1,2 +0,0 @@
-declare const SpacePreview: ({ children, config, ...other }: any) => import("react").JSX.Element;
-export default SpacePreview;

package/build/components/types/src/docs/utils/ToggleButton.d.ts

@@ -1,9 +0,0 @@
-import React, { ReactNode } from "react";
-import { ButtonProps } from "@/components/Button/Button";
-import { IconButtonProps } from "@/components/Button/IconButton";
-type ToggleButtonProps = ButtonProps & {
-    children?: ReactNode;
-    iconName?: IconButtonProps["iconName"];
-};
-declare const ToggleButton: React.FC<ToggleButtonProps>;
-export default ToggleButton;

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

@@ -1,131 +0,0 @@
-import CountdownTag from "@/components/Countdown/CountdownTag.static";
-import Accordion from "../components/Accordion/Accordion.static";
-import AnchorNavigation from "../components/AnchorNavigation/AnchorNavigation.static";
-import BlockAction from "../components/BlockAction/BlockAction.static";
-import Carousel from "../components/Carousel/Carousel.static";
-import CarouselHero from "../components/CarouselHero/CarouselHero.static";
-import CarouselPromotions from "../components/CarouselPromotions/CarouselPromotions.static";
-import Countdown from "../components/Countdown/Countdown.static";
-import Dropdown from "../components/Dropdown/Dropdown.static";
-import Expander from "../components/Expander/Expander.static";
-import FeatureAccordion from "../components/FeatureAccordion/FeatureAccordion.static";
-import Autocomplete from "../components/Forms/Autocomplete/Autocomplete.static";
-import DatePicker from "../components/Forms/DatePicker/DatePicker.static";
-import File from "../components/Forms/File/File.static";
-import InputStepper from "../components/Forms/InputStepper/InputStepper.static";
-import RangeSlider from "../components/Forms/RangeSlider/RangeSlider.static";
-import Loader from "../components/Loader/Loader.static";
-import Modal from "../components/Modal/Modal.static";
-import Table from "../components/Table/Table.static";
-import Tabs from "../components/Tabs/Tabs.static";
-import Tooltip from "../components/Tooltip/Tooltip.static";
-import SameHeight from "./modules/SameHeight";
-import Toggle from "./modules/Toggle";
-export declare const moduleSelectorPairs: ({
-    Module: typeof Accordion;
-    name: string;
-    selector: string;
-} | {
-    Module: typeof AnchorNavigation;
-    name: string;
-    selector: string;
-} | {
-    Module: typeof Autocomplete;
-    name: string;
-    selector: string;
-} | {
-    Module: typeof DatePicker;
-    name: string;
-    selector: string;
-} | {
-    Module: typeof Dropdown;
-    name: string;
-    selector: string;
-} | {
-    Module: typeof Expander;
-    name: string;
-    selector: string;
-} | {
-    Module: typeof BlockAction;
-    name: string;
-    selector: string;
-} | {
-    Module: typeof Carousel;
-    name: string;
-    selector: string;
-} | {
-    Module: typeof CarouselHero;
-    name: string;
-    selector: string;
-} | {
-    Module: typeof CarouselPromotions;
-    name: string;
-    selector: string;
-} | {
-    Module: typeof Countdown;
-    name: string;
-    selector: string;
-} | {
-    Module: typeof CountdownTag;
-    name: string;
-    selector: string;
-} | {
-    Module: typeof FeatureAccordion;
-    name: string;
-    selector: string;
-} | {
-    Module: typeof File;
-    name: string;
-    selector: string;
-} | {
-    Module: typeof Loader;
-    name: string;
-    selector: string;
-} | {
-    Module: typeof Modal;
-    name: string;
-    selector: string;
-} | {
-    Module: typeof SameHeight;
-    name: string;
-    selector: string;
-} | {
-    Module: typeof RangeSlider;
-    name: string;
-    selector: string;
-} | {
-    Module: typeof InputStepper;
-    name: string;
-    selector: string;
-} | {
-    Module: typeof Table;
-    name: string;
-    selector: string;
-} | {
-    Module: typeof Tabs;
-    name: string;
-    selector: string;
-} | {
-    Module: typeof Toggle;
-    name: string;
-    selector: string;
-} | {
-    Module: typeof Tooltip;
-    name: string;
-    selector: string;
-})[];
-declare global {
-    interface Window {
-        ODS: {
-            modules: Record<string, any>;
-            instances: Record<string, any>;
-            moduleSelectorPairs: Array<{
-                name: string;
-                Module: any;
-                selector: string;
-            }>;
-            initModulesWithin: (container: any) => {};
-            destroyModulesWithin: (container: any, removeOrphanedNodes?: boolean | undefined) => {};
-        };
-    }
-}

package/build/components/types/src/scripts/lib/moduleFactory.d.ts

@@ -1,3 +0,0 @@
-export default function moduleFactory(Module: any, selector: any, options?: {}): any[];
-export function destroyModulesWithin(container: any, removeOrphanedNodes?: boolean): {};
-export function initModulesWithin(container: any): {};

package/build/components/types/src/scripts/modules/SameHeight.d.ts

@@ -1,22 +0,0 @@
-export default class SameHeight {
-    static getInstance(el: any): any;
-    constructor(element: any);
-    element: any;
-    children: any;
-    updateHeight(): void;
-    intervalId: any;
-    temporarilyShowHiddenElements(): void;
-    originalDisplayStates: any[] | undefined;
-    restoreHiddenElements(): void;
-    getCarouselElement(): any;
-    isInsideOrIsCarousel(): any;
-    getCarouselSlides(): any;
-    groupElementsIntoRows(elements: any, carouselElement: any): any[];
-    groupElementsByTypeAndPosition(elements: any): {};
-    init(): void;
-    waitForCarouselThenUpdate(carouselElement: any): void;
-    waitForImagesToLoad(imgLoaded: any, callback: any): void;
-    setupCarouselListeners(carouselElement: any): void;
-    update(): void;
-    destroy(): void;
-}

package/build/components/types/src/scripts/modules/SpacePreview/SpacePreview.d.ts

@@ -1,23 +0,0 @@
-export default SpacePreview;
-declare class SpacePreview {
-    constructor(element: any, config: any);
-    element: any;
-    config: any;
-    addSpaces(): void;
-    removeSpaces(): void;
-    prepareSpaces(target: any, id: any): void;
-    getTargets(): any[];
-    update(): void;
-    targets: any[];
-    spaces: any[];
-    spaceElements: any[];
-    init(): void;
-    createSpaceElement(target: any, { type, position, pxSize, size }: {
-        type: any;
-        position: any;
-        pxSize: any;
-        size: any;
-    }): HTMLDivElement;
-    createSpaceElements(target: any, id: any): any;
-    destroy(): void;
-}

package/build/components/types/src/scripts/modules/SpacePreview/index.d.ts

@@ -1,2 +0,0 @@
-export default SpacePreview;
-import SpacePreview from "./SpacePreview";

package/build/components/types/src/scripts/modules/Toggle.d.ts

@@ -1,42 +0,0 @@
-export declare const TRIGGER_EVT = "toggleTrigger";
-export declare const TOGGLE_EVT = "toggle";
-interface ToggleConfig {
-    activeClass: string;
-    settingsAttr: string;
-}
-interface ToggleSetting {
-    target: string;
-    attribute: string;
-    action?: string;
-    value?: string | boolean;
-    clickOutside?: boolean;
-}
-interface ToggleTarget extends Omit<ToggleSetting, "target"> {
-    element: Element;
-    value?: string | boolean;
-    dispatchEvent?: boolean;
-}
-declare class Toggle {
-    private element;
-    private config;
-    private settings;
-    private targets;
-    private hasClickOutside;
-    constructor(element: HTMLElement, config?: Partial<ToggleConfig>);
-    doToggle(props: ToggleTarget): ToggleTarget;
-    init(): ToggleTarget[];
-    handleClick(): void;
-    handleClickOutside(event: Event): void;
-    destroy(): void;
-    update(): void;
-    static getTargetElementsFromString({ target, trigger, }: {
-        target: string;
-        trigger: HTMLElement;
-    }): Element[];
-    parseSettings(): ToggleSetting[];
-    setupTargets(): ToggleTarget[];
-    removeNonExistentTargets(): void;
-    addNewTargets(): void;
-    static getInstance(el: HTMLElement): Toggle | null;
-}
-export default Toggle;

package/build/components/types/src/scripts/modules/toggleUtil.d.ts

@@ -1,13 +0,0 @@
-interface ToggleProps {
-    element: Element | null;
-    attribute: string;
-    action?: string;
-    value?: string | boolean;
-    dispatchEvent?: boolean;
-    eventDetail?: {
-        trigger: Element;
-        element: Element;
-    };
-}
-export default function toggle(props: ToggleProps): string | boolean | null;
-export {};

package/build/components/types/src/styles/export/breakpoint.d.ts

@@ -1,9 +0,0 @@
-declare const breakpoints: {
-    xs: string;
-    sm: string;
-    md: string;
-    lg: string;
-    xl: string;
-    xxl: string;
-};
-export default breakpoints;

package/build/components/types/src/styles/export/color.d.ts

@@ -1,107 +0,0 @@
-export const exports: {
-    "light-background-primary": string;
-    "light-background-secondary": string;
-    "light-background-contrast": string;
-    "light-background-accent": string;
-    "light-background-accent1-blog": string;
-    "light-background-accent2-blog": string;
-    "light-surface-primary": string;
-    "light-surface-secondary": string;
-    "light-surface-tertiary": string;
-    "light-surface-subtle": string;
-    "light-surface-moderate": string;
-    "light-surface-contrast": string;
-    "light-surface-accent": string;
-    "light-fill-primary": string;
-    "light-fill-secondary": string;
-    "light-fill-tertiary": string;
-    "light-fill-subtle": string;
-    "light-fill-moderate": string;
-    "light-fill-disabled": string;
-    "light-fill-contrast": string;
-    "light-fill-accent1": string;
-    "light-fill-accent2": string;
-    "light-fill-accent3": string;
-    "light-fill-accent4": string;
-    "light-fill-accent5": string;
-    "light-fill-accent6": string;
-    "light-fill-information": string;
-    "light-fill-positive": string;
-    "light-fill-warning": string;
-    "light-fill-negative": string;
-    "light-border-subtle": string;
-    "light-border-strong": string;
-    "light-border-contrast": string;
-    "light-border-accent": string;
-    "light-border-information": string;
-    "light-border-positive": string;
-    "light-border-warning": string;
-    "light-border-negative": string;
-    "light-icon-default": string;
-    "light-icon-inverse": string;
-    "light-icon-brand": string;
-    "light-icon-accent": string;
-    "light-icon-disabled": string;
-    "light-icon-information": string;
-    "light-icon-positive": string;
-    "light-icon-warning": string;
-    "light-icon-negative": string;
-    "light-text-default": string;
-    "light-text-secondary": string;
-    "light-text-disabled": string;
-    "light-text-inverse": string;
-    "light-text-accent": string;
-    "dark-background-primary": string;
-    "dark-background-secondary": string;
-    "dark-background-contrast": string;
-    "dark-background-accent": string;
-    "dark-background-accent1-blog": string;
-    "dark-background-accent2-blog": string;
-    "dark-surface-primary": string;
-    "dark-surface-secondary": string;
-    "dark-surface-tertiary": string;
-    "dark-surface-subtle": string;
-    "dark-surface-moderate": string;
-    "dark-surface-contrast": string;
-    "dark-surface-accent": string;
-    "dark-fill-primary": string;
-    "dark-fill-secondary": string;
-    "dark-fill-tertiary": string;
-    "dark-fill-subtle": string;
-    "dark-fill-moderate": string;
-    "dark-fill-disabled": string;
-    "dark-fill-contrast": string;
-    "dark-fill-accent1": string;
-    "dark-fill-accent2": string;
-    "dark-fill-accent3": string;
-    "dark-fill-accent4": string;
-    "dark-fill-accent5": string;
-    "dark-icon-accent6": string;
-    "dark-fill-information": string;
-    "dark-fill-positive": string;
-    "dark-fill-warning": string;
-    "dark-fill-negative": string;
-    "dark-border-subtle": string;
-    "dark-border-strong": string;
-    "dark-border-contrast": string;
-    "dark-border-accent": string;
-    "dark-border-information": string;
-    "dark-border-positive": string;
-    "dark-border-warning": string;
-    "dark-border-negative": string;
-    "dark-icon-default": string;
-    "dark-icon-inverse": string;
-    "dark-icon-brand": string;
-    "dark-icon-accent": string;
-    "dark-icon-disabled": string;
-    "dark-icon-information": string;
-    "dark-icon-positive": string;
-    "dark-icon-warning": string;
-    "dark-icon-negative": string;
-    "dark-text-default": string;
-    "dark-text-secondary": string;
-    "dark-text-disabled": string;
-    "dark-text-inverse": string;
-    "dark-text-accent": string;
-};
-export default exports;

package/build/components/types/src/styles/export/space.d.ts

@@ -1,9 +0,0 @@
-export namespace exports {
-    let none: string;
-    let xsmall: string;
-    let small: string;
-    let medium: string;
-    let large: string;
-    let xlarge: string;
-}
-export default exports;

package/build/components/types/src/utils/ConditionalWrapper.d.ts

@@ -1,10 +0,0 @@
-import React, { ReactElement, ReactNode } from "react";
-interface ConditionalWrapperProps {
-    /** When to wrap children */
-    condition: boolean;
-    /** Wrapper element */
-    wrapper: ReactElement;
-    children: ReactNode;
-}
-declare const ConditionalWrapper: React.FC<ConditionalWrapperProps>;
-export default ConditionalWrapper;

package/build/components/types/src/utils/classes.d.ts

@@ -1,5 +0,0 @@
-export function genClassModsFromString(prefix: any, mod: any): any;
-export function getClassModsFromObject(prefix: any, mod: any, postfix: any): string;
-export function genResponsiveClasses(prefix: any, mod: any, postfix: any): (string | {
-    [x: string]: boolean;
-} | null)[];

package/build/components/types/src/utils/color.d.ts

@@ -1,20 +0,0 @@
-/**
- * Format color to correct object format by color name
- * if more shades are defined
- * {
- *   [shade1]: [hex1],
- *   [shade2]: [hex2],
- *   ...
- * }
- * @param {string} colorName
- * @param {array} colorPalette
- */
-export function getShadesByName(colorName: string, colorPalette?: array): any;
-export function getPaletteFromColors(color: any): {
-    type: string;
-    value: {};
-} | {
-    value: {
-        hex: any;
-    };
-};

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

@@ -1,18 +0,0 @@
-export namespace breakpoints {
-    let xs: number;
-    let sm: number;
-    let md: number;
-    let lg: number;
-    let xl: number;
-    let xxl: number;
-}
-export namespace keys {
-    let TAB: string[];
-    let ENTER: string[];
-    let ESC: string[];
-    let SPACE: string[];
-    let ARROWLEFT: string[];
-    let ARROWUP: string[];
-    let ARROWRIGHT: string[];
-    let ARROWDOWN: string[];
-}

package/build/components/types/src/utils/formatCode.d.ts

@@ -1,5 +0,0 @@
-/**
- * Format HTML code with proper indentation
- * Based on a simple but effective algorithm
- */
-export declare function formatHTML(html: string): string;

package/build/components/types/src/utils/generateId.d.ts

@@ -1,6 +0,0 @@
-/**
- * Generates a unique ID string with an optional name prefix
- * @param name Optional prefix for the ID
- * @returns A unique ID string
- */
-export default function generateId(name?: string): string;

package/build/components/types/src/utils/helpers.d.ts

@@ -1,11 +0,0 @@
-export function isObject(val: any): boolean;
-export function dateToYYYYMMDD(date: any): string;
-export function windowOffset(el: any): {
-    x: number;
-    y: number;
-};
-export function getSiblings(el: any): false | any[];
-export function capitalize(string: any): any;
-export function lowerCamelCase(string: any): any;
-export function formatPrice(price: any, format: any): string;
-export function objectToString(object: object, spaceCount?: number): string;

package/build/components/types/src/utils/hooks.d.ts

@@ -1,30 +0,0 @@
-import { RefCallback, type RefObject } from "react";
-type StaticClassType<T = any> = new (element: HTMLElement, config?: any) => T;
-interface StaticInstance {
-    update?: (config: any) => void;
-    destroy?: () => void;
-}
-/**
- * A hook to create and manage an instance of a "static" class
- * @param StaticClass The class to instantiate
- * @param config Configuration options for the class
- * @returns [ref callback, instance reference]
- */
-declare const useStatic: <T extends StaticInstance>(StaticClass: StaticClassType<T>, config?: Record<string, any>) => [RefCallback<HTMLElement>, RefObject<T | null>];
-/**
- * A hook for creating React portals
- * From https://www.jayfreestone.com/writing/react-portals-with-hooks/
- * @param id The id of the target DOM element
- * @returns A DOM element that can be used as a portal container
- */
-declare function usePortal(id: string): HTMLDivElement;
-/**
- * Returns unique string for the `id` attribute.
- *
- * @param id Provided id
- * @param name Optional prefix
- * @returns A unique ID string
- */
-declare const useUniqueId: (id?: string, name?: string) => string;
-declare function useHydrationSafeId(providedId?: string): string;
-export { useHydrationSafeId, usePortal, useStatic, useUniqueId };

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

@@ -1,5 +0,0 @@
-export * from "./classes";
-export * from "./color";
-export * from "./constants";
-export * from "./helpers";
-export * from "./keyboard";

package/build/components/types/src/utils/keyboard.d.ts

@@ -1,14 +0,0 @@
-export class RovingTabindex {
-    constructor(elems: any, config?: {
-        direction: string;
-    });
-    elems: any;
-    config: {
-        direction: string;
-    };
-    isActive: boolean;
-    onKeydown(e: any): void;
-    init(): void;
-    destroy(): void;
-    update(elems: any): void;
-}