@orangesk/orange-design-system 3.4.0 → 3.6.0

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

@@ -1,21 +0,0 @@
-import React from "react";
-export interface InputStepperConfig {
-    min?: number;
-    max?: number;
-    defaultValue?: number;
-    nonEditableInput?: boolean;
-}
-export interface InputStepperProps {
-    config?: InputStepperConfig;
-    id: string;
-    inputClassName?: string;
-    isDisabled?: boolean;
-    /** Invalid state */
-    isInvalid?: boolean;
-    name?: string;
-    nonEditableInput?: boolean;
-    className?: string;
-    [key: string]: any;
-}
-declare const InputStepper: React.FC<InputStepperProps>;
-export { InputStepper };

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

@@ -1,24 +0,0 @@
-export interface InputStepperConfig {
-    nonEditableInput?: boolean;
-    min?: number;
-    max?: number;
-    defaultValue?: number;
-}
-export declare const defaultConfig: Required<InputStepperConfig>;
-export default class InputStepperStatic {
-    element: HTMLElement;
-    config: Required<InputStepperConfig>;
-    input: HTMLInputElement | null;
-    numberDisplay: HTMLElement | null;
-    add: HTMLButtonElement | null;
-    remove: HTMLButtonElement | null;
-    constructor(element: HTMLElement, config?: InputStepperConfig);
-    handleInputClick(): void;
-    handleButtonState(): void;
-    handleInputChange(e: Event): void;
-    handleButtonClick(e: MouseEvent): void;
-    init(): void;
-    update(): void;
-    destroy(): void;
-    static getInstance(el: HTMLElement): InputStepperStatic | null;
-}

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

@@ -1 +0,0 @@
-export { InputStepper } from "./InputStepper";

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

@@ -1,8 +0,0 @@
-import React from "react";
-export interface LabelProps extends React.LabelHTMLAttributes<HTMLLabelElement> {
-    htmlFor: string;
-    className?: string;
-    children?: React.ReactNode;
-}
-declare const Label: React.FC<LabelProps>;
-export { Label };

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

@@ -1 +0,0 @@
-export { Label } from "./Label";

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

@@ -1,12 +0,0 @@
-import React from "react";
-export type MessageType = "info" | "warning" | "error" | "invalid";
-export interface MessageProps extends React.HTMLAttributes<HTMLParagraphElement> {
-    /** Type of message */
-    type?: MessageType;
-    /** Additional CSS classes */
-    className?: string;
-    /** Message content */
-    children?: React.ReactNode;
-}
-declare const Message: React.FC<MessageProps>;
-export { Message };

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

@@ -1 +0,0 @@
-export { Message } from "./Message";

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

@@ -1,21 +0,0 @@
-import React from "react";
-export type RadioSize = "default" | "large";
-export interface RadioProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> {
-    /** Html id attribute */
-    id: string;
-    /** Checked state. */
-    isChecked?: boolean;
-    /** Disabled state. */
-    isDisabled?: boolean;
-    /** Invalid state */
-    isInvalid?: boolean;
-    /** Html name attribute. */
-    name: string;
-    /** Size of element. */
-    size?: RadioSize;
-    /** HTML value. Uses id when not set. */
-    value?: string;
-    className?: string;
-}
-declare const Radio: React.FC<RadioProps>;
-export { Radio };

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

@@ -1 +0,0 @@
-export { Radio } from "./Radio";

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

@@ -1,40 +0,0 @@
-import React from "react";
-export type RangeSliderWidth = "default" | "fullwidth";
-export interface RangeSliderConfig {
-    connect?: boolean | boolean[];
-    format?: (value: number) => string;
-    handleAttributes?: Array<Record<string, any>>;
-    pips?: {
-        mode?: "positions" | "count" | "values";
-        filter?: (value: number) => boolean;
-        format?: (value: number) => string;
-        values?: number[] | number;
-        density?: number;
-    };
-    range: {
-        min: number | number[];
-        max: number | number[];
-    };
-    start: number[];
-    [key: string]: any;
-}
-export interface RangeSliderProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** [noUiSlider config object](https://refreshless.com/nouislider/slider-options/) */
-    config: RangeSliderConfig;
-    /** insert arbitrary element after rangeslider */
-    elementAfter?: React.ReactNode;
-    /** insert arbitrary element before rangeslider */
-    elementBefore?: React.ReactNode;
-    /** render data-rangeslider attribute and initialize RangeSlider.static.js */
-    hasDataAttr?: boolean;
-    /** element id. required by RangeSlider.static.js and generated automatically in React environment. */
-    id?: string;
-    /** Invalid state */
-    isInvalid?: boolean;
-    /** width of the element */
-    width?: RangeSliderWidth;
-    /** Additional CSS classes */
-    className?: string;
-}
-declare const RangeSlider: React.FC<RangeSliderProps>;
-export { RangeSlider };

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

@@ -1,24 +0,0 @@
-import { API as NoUiSliderInstance } from "nouislider";
-import { Instance as WNumbInstance } from "wnumb";
-export interface RangeSliderConfig {
-    format?: any;
-    [key: string]: any;
-}
-interface Output {
-    element: HTMLElement;
-    format?: WNumbInstance;
-}
-export default class RangeSlider {
-    element: HTMLElement;
-    config: RangeSliderConfig;
-    instance?: NoUiSliderInstance;
-    inputs: HTMLInputElement[];
-    outputs: (Output | false)[];
-    constructor(element: HTMLElement, config?: Partial<RangeSliderConfig>);
-    init(): void;
-    update(): void;
-    destroy(): void;
-    static getInstance(el: HTMLElement): RangeSlider | null;
-    private handleSliderUpdate;
-}
-export {};

package/build/components/types/src/components/Forms/RangeSlider/data.d.ts

@@ -1,49 +0,0 @@
-declare const rangeSliderData: {
-    start: number[];
-    connect: boolean;
-    range: {
-        min: number;
-        max: number;
-    };
-    cssPrefix: string;
-    cssClasses: {
-        target: string;
-        base: string;
-        origin: string;
-        handle: string;
-        handleLower: string;
-        handleUpper: string;
-        touchArea: string;
-        horizontal: string;
-        vertical: string;
-        background: string;
-        connect: string;
-        connects: string;
-        ltr: string;
-        rtl: string;
-        draggable: string;
-        drag: string;
-        tap: string;
-        active: string;
-        tooltip: string;
-        pips: string;
-        pipsHorizontal: string;
-        pipsVertical: string;
-        marker: string;
-        markerHorizontal: string;
-        markerVertical: string;
-        markerNormal: string;
-        markerLarge: string;
-        markerSub: string;
-        value: string;
-        valueHorizontal: string;
-        valueVertical: string;
-        valueNormal: string;
-        valueLarge: string;
-        valueSub: string;
-    };
-    format: {
-        decimals: number;
-    };
-};
-export default rangeSliderData;

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

@@ -1 +0,0 @@
-export { RangeSlider } from "./RangeSlider";

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

@@ -1,33 +0,0 @@
-import React from "react";
-export type SelectOption = {
-    text: string;
-    value: string;
-} | string;
-export type SelectSize = "default" | "large";
-export type SelectWidth = "default" | "12ch" | "shrink" | "fullwidth";
-export interface SelectProps extends Omit<React.SelectHTMLAttributes<HTMLSelectElement>, "size"> {
-    /** Forwarded DOM element ref. */
-    elemRef?: React.Ref<HTMLSelectElement>;
-    /** Html id attribute. */
-    id?: string;
-    /** Disabled state. */
-    isDisabled?: boolean;
-    /** Invalid state. */
-    isInvalid?: boolean;
-    /** Html name attribute. */
-    name?: string;
-    /** Select option can be specified via children or as options array */
-    options?: SelectOption[];
-    /** Size of element. */
-    size?: SelectSize;
-    /** Select value. */
-    value?: string | string[];
-    /** Element width */
-    width?: SelectWidth;
-    /** Additional CSS classes */
-    className?: string;
-    /** Child elements */
-    children?: React.ReactNode;
-}
-declare const Select: React.FC<SelectProps>;
-export { Select };

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

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

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

@@ -1,29 +0,0 @@
-import React from "react";
-export type TextAreaSize = "default" | "large";
-export type TextAreaWidth = "default" | "fullwidth";
-export interface TextAreaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
-    /** Html id attribute. */
-    id: string;
-    /** Disabled state. */
-    isDisabled?: boolean;
-    /** Invalid state */
-    isInvalid?: boolean;
-    /** Readonly state. */
-    isReadonly?: boolean;
-    /** Valid state */
-    isValid?: boolean;
-    /** Html name attribute. If not present, id is used.*/
-    name?: string;
-    /** Placeholder text */
-    placeholder?: string;
-    /** Size of element. */
-    size?: TextAreaSize;
-    /** Input width */
-    width?: TextAreaWidth;
-    /** Additional CSS classes */
-    className?: string;
-    /** Child elements */
-    children?: React.ReactNode;
-}
-declare const TextArea: React.FC<TextAreaProps>;
-export { TextArea };

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

@@ -1 +0,0 @@
-export { TextArea } from "./TextArea";

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

@@ -1,35 +0,0 @@
-import React from "react";
-export type TextInputSize = "default" | "large";
-export type TextInputWidth = "3ch" | "8ch" | "12ch" | "default" | "fullwidth";
-export type TextInputType = "email" | "hidden" | "password" | "search" | "tel" | "number" | "text" | "url";
-export type TextInputSearchIcon = "none" | "transient" | "persistent";
-export interface TextInputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> {
-    /** Input html type. */
-    htmlType?: TextInputType;
-    /** Html id attribute. */
-    id: string;
-    /** Disabled state. */
-    isDisabled?: boolean;
-    /** Invalid state */
-    isInvalid?: boolean;
-    /** Readonly state. */
-    isReadonly?: boolean;
-    /** Valid state */
-    isValid?: boolean;
-    /** Html name attribute. If not present, id is used.*/
-    name?: string;
-    /** Placeholder text */
-    placeholder?: string;
-    /** Size of element. */
-    size?: TextInputSize;
-    /** Input value. */
-    value?: string;
-    /** Input width */
-    width?: TextInputWidth;
-    /** Additional CSS classes */
-    className?: string;
-    /** Search icon mode. `transient` shows icon only on empty unfocused input, `persistent` keeps it visible with placeholder. */
-    searchIcon?: TextInputSearchIcon;
-}
-declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
-export { TextInput };

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

@@ -1 +0,0 @@
-export { TextInput } from "./TextInput";

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

@@ -1,16 +0,0 @@
-export { Autocomplete } from "./Autocomplete";
-export { Checkbox } from "./Checkbox";
-export { DatePicker } from "./DatePicker";
-export { Field } from "./Field";
-export { Fieldset } from "./Fieldset";
-export { File } from "./File";
-export { Group } from "./Group";
-export { Hint } from "./Hint";
-export { InputStepper } from "./InputStepper";
-export { Label } from "./Label";
-export { Message } from "./Message";
-export { Radio } from "./Radio";
-export { RangeSlider } from "./RangeSlider";
-export { Select } from "./Select";
-export { TextArea } from "./TextArea";
-export { TextInput } from "./TextInput";

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

@@ -1,11 +0,0 @@
-import React from "react";
-export interface GaugeProps {
-    /** Text inside the gauge */
-    children?: React.ReactNode;
-    /** Value filling the gauge */
-    percentage?: number;
-    className?: string;
-    [key: string]: any;
-}
-declare const Gauge: React.ForwardRefExoticComponent<Omit<GaugeProps, "ref"> & React.RefAttributes<HTMLElement>>;
-export { Gauge };

package/build/components/types/src/components/Gauge/GaugeMaker.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-declare const GaugeMaker: React.FC;
-export default GaugeMaker;

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

@@ -1 +0,0 @@
-export { Gauge } from "./Gauge";

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

@@ -1,14 +0,0 @@
-import React from "react";
-export type GridVAlign = "stretch" | "start" | "end" | "center";
-export type GridHAlign = "end" | "center" | "space-around" | "space-between";
-export type GridRowGapSize = "none" | "xsmall" | "small" | "medium" | "large" | "xlarge" | Record<string, "none" | "xsmall" | "small" | "medium" | "large" | "xlarge">;
-export type GridColumnGapSize = "none" | "small" | "default" | "large" | "xlarge" | Record<string, "none" | "small" | "default" | "large" | "xlarge">;
-export interface GridProps extends React.HTMLAttributes<HTMLElement> {
-    vAlign?: GridVAlign;
-    hAlign?: GridHAlign;
-    tag?: React.ElementType;
-    justifyHeight?: boolean;
-    rowGapSize?: GridRowGapSize;
-    columnGapSize?: GridColumnGapSize;
-}
-export declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLElement>>;

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

@@ -1,12 +0,0 @@
-import React from "react";
-export type GridColAlign = "top" | "middle" | "bottom" | "stretch";
-export type GridColSize = number | "shrink" | "fill" | "auto" | Record<string, number | "shrink" | "fill" | "auto">;
-export interface GridColProps extends React.HTMLAttributes<HTMLElement> {
-    align?: GridColAlign;
-    tag?: React.ElementType;
-    size?: GridColSize;
-}
-export declare const GridCol: {
-    ({ className, align, tag, size, ...other }: GridColProps): React.JSX.Element;
-    displayName: string;
-};

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

@@ -1,2 +0,0 @@
-export { Grid } from "./Grid";
-export { GridCol } from "./GridCol";

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

@@ -1,49 +0,0 @@
-import React from "react";
-export type HeroTextSize = "medium" | "large";
-export type StickerColor = "black" | "orange";
-export interface HeroImageSrc {
-    src: string;
-    srcSet?: string;
-}
-export interface HeroImageResponsive {
-    default: string;
-    sm?: string;
-    lg?: string;
-    xl?: string;
-    xxl?: string;
-    [key: string]: string | undefined;
-}
-export type HeroImage = HeroImageSrc | HeroImageResponsive;
-export interface HeroPriceObject {
-    amount: number;
-    prefix?: React.ReactNode;
-    suffix?: React.ReactNode;
-}
-export type HeroPrice = string | HeroPriceObject;
-export interface HeroButtonProps {
-    children: React.ReactNode;
-    [key: string]: any;
-}
-export interface HeroStickerProps {
-    color?: StickerColor;
-    children?: React.ReactNode;
-    className?: string;
-}
-export interface HeroProps {
-    /** Action button props */
-    button?: HeroButtonProps;
-    /** Main text */
-    description?: React.ReactNode;
-    hasFullwidthImage?: boolean;
-    /** Gradient overlay ensures proper text readability */
-    hasGradientOverlay?: boolean;
-    /** Use svg illustrations, png for product images and jpg for photos */
-    image?: HeroImage;
-    price?: HeroPrice;
-    sticker?: HeroStickerProps;
-    /** Adjust title and description size. Medium sets display-2 title and 18px text, large uses display-1 title and 20px text.  */
-    textSize?: HeroTextSize;
-    /** Hero title */
-    title: string;
-}
-export declare const Hero: React.FC<HeroProps>;

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

@@ -1 +0,0 @@
-export { Hero } from "./Hero";

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

@@ -1,30 +0,0 @@
-import React from "react";
-export type IconColor = "info" | "success" | "warning" | "danger" | "orange";
-export type IconSize = "small" | "medium" | "large" | "xlarge" | "xxlarge" | "huge";
-export type IconType = "icon" | "pictogram";
-export interface IconProps extends React.SVGAttributes<SVGSVGElement> {
-    /** Accessible label for the icon. */
-    alt?: string;
-    /** Icon color. */
-    color?: IconColor;
-    /** Icon name (required). */
-    name: string;
-    /** Icon size. */
-    size?: IconSize;
-    /** Path to the SVG sprite. */
-    spritePath?: string;
-    /**
-     * Icon type. When set to "pictogram", the component will automatically
-     * switch between light and dark versions based on theme classes (.is-light/.is-dark).
-     */
-    type?: IconType;
-    /**
-     * @deprecated Use type="pictogram" instead.
-     * Whether this icon should adapt to theme (light/dark).
-     * When true, the component will automatically switch between
-     * light and dark versions based on theme classes (.is-light/.is-dark).
-     */
-    className?: string;
-}
-declare const Icon: React.FC<IconProps>;
-export { Icon };

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

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

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

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

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

@@ -1,22 +0,0 @@
-import React from "react";
-import { IconProps } from "./Icon";
-export interface PictogramProps extends Omit<IconProps, "type"> {
-    /**
-     * Pictogram name. Should correspond to your pictogram sprite entries.
-     * For example: 'pictogram-skylink' will look for 'pictogram-skylink' (light)
-     * and 'pictogram-skylink--dark' (dark) in the sprite.
-     */
-    name: string;
-}
-/**
- * Pictogram component for theme-aware pictographic icons.
- *
- * This component automatically handles light/dark theme switching by using
- * different sprite entries based on the current theme (.is-light/.is-dark classes).
- *
- * Your sprite should contain both light and dark versions:
- * - Light version: Use the exact name provided (e.g., 'pictogram-skylink')
- * - Dark version: Add '--dark' suffix (e.g., 'pictogram-skylink--dark')
- */
-declare const Pictogram: React.FC<PictogramProps>;
-export { Pictogram };

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

@@ -1,6 +0,0 @@
-export function PictogramList({ pictograms, isWide }: {
-    pictograms: any;
-    isWide?: boolean | undefined;
-}): import("react").JSX.Element;
-export function PictogramSearch(): import("react").JSX.Element;
-export function getPictogramNames(): any[];

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

@@ -1 +0,0 @@
-export declare const PictogramSearchWrapper: () => import("react").JSX.Element;

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

@@ -1,8 +0,0 @@
-import React, { ReactNode } from "react";
-export declare const SpritePathContext: React.Context<string>;
-interface SpritePathProviderProps {
-    children: ReactNode;
-    value?: string;
-}
-export declare const SpritePathProvider: React.FC<SpritePathProviderProps>;
-export {};