@orangesk/orange-design-system 2.0.0-alpha.2 → 2.0.0-alpha.3

package/build/components/types/{components → src/components}/Forms/Field/Label.d.ts

@@ -8,4 +8,4 @@ export interface LabelContext {
     labelAfter?: React.ReactNode;
 }
 declare const FieldLabel: React.FC;
-export default FieldLabel;
+export { FieldLabel };

package/build/components/types/{components → src/components}/Forms/Field/Messages.d.ts

@@ -9,4 +9,4 @@ export interface MessagesProps {
     isMain?: boolean;
 }
 declare const Messages: React.FC<MessagesProps>;
-export default Messages;
+export { Messages };

package/build/components/types/{components → src/components}/Forms/Field/Tooltip.d.ts

@@ -8,4 +8,4 @@ export interface FormTooltipProps {
     [key: string]: any;
 }
 declare const FormTooltip: React.FC<FormTooltipProps>;
-export default FormTooltip;
+export { FormTooltip };

package/build/components/types/{components → src/components}/Forms/Fieldset/FieldsetContext.d.ts

@@ -4,4 +4,4 @@ export interface FieldsetContextType {
     messages?: MessageType[];
 }
 declare const FieldsetContext: import("react").Context<FieldsetContextType | null>;
-export default FieldsetContext;
+export { FieldsetContext };

package/build/components/types/src/components/Forms/Fieldset/docsData.d.ts

@@ -0,0 +1,59 @@
+export declare const deliveryFields: {
+    label: string;
+    control: {
+        type: string;
+    };
+}[];
+export declare const deliveryValues: string[];
+export declare const inlineDateFields: {
+    label: string;
+    control: {
+        type: string;
+        width: string;
+    };
+    pattern: string;
+    inputMode: string;
+}[];
+export declare const separateMessages: {
+    type: string;
+    fieldLabel: string;
+    text: string;
+}[];
+export declare const inlineErrorFields: ({
+    control: {
+        isInvalid: boolean;
+        type: string;
+        width: string;
+    };
+    label: string;
+    pattern: string;
+    inputMode: string;
+} | {
+    control: {
+        defaultValue: string;
+        isValid: boolean;
+        type: string;
+        width: string;
+    };
+    label: string;
+    pattern: string;
+    inputMode: string;
+})[];
+export declare const deliveryStateFields: ({
+    messages: {
+        type: string;
+        text: string;
+    }[];
+    control: {
+        defaultValue: string;
+        type: string;
+    };
+    label: string;
+} | {
+    control: {
+        isValid: boolean;
+        defaultValue: string;
+        type: string;
+    };
+    label: string;
+})[];

package/build/components/types/{components → src/components}/Forms/index.d.ts

@@ -1,5 +1,6 @@
 export { Autocomplete } from "./Autocomplete";
 export { Checkbox } from "./Checkbox";
+export { DatePicker } from "./DatePicker";
 export { Field } from "./Field";
 export { Fieldset } from "./Fieldset";
 export { File } from "./File";

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

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

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

@@ -0,0 +1,52 @@
+import React from "react";
+export type HeroBackground = "white" | "black" | "gray";
+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 {
+    /** Background spanning whole viewport width */
+    colorScheme?: HeroBackground;
+    /** 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/HeroPlayground.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const HeroPlayground: React.FC;

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

@@ -0,0 +1,2 @@
+import "./styles/style.scss";
+export { Hero } from "./Hero";

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

@@ -0,0 +1,419 @@
+export declare const iconsWithTags: {
+    '4g': string[];
+    '5g': string[];
+    'accessibility-mobility': string[];
+    'accessibility-motor': string[];
+    'accessibility-vision': string[];
+    accessibility: string[];
+    add: string[];
+    advertising: string[];
+    aeroplane: string[];
+    'age-rating-3': string[];
+    'airbox-auto': string[];
+    'alias-numbers': string[];
+    'android-manage': string[];
+    antenna: string[];
+    'apartment-building': string[];
+    apps: string[];
+    assistent: string[];
+    assistance: string[];
+    at: string[];
+    avatar: string[];
+    'backup-internet': string[];
+    bank: string[];
+    'battery-charging': string[];
+    'battery-full': string[];
+    'battery-status-1-3': string[];
+    'battery-status-charging': string[];
+    'battery-status-full': string[];
+    bed: string[];
+    birth: string[];
+    birthday: string[];
+    bluetooth: string[];
+    'boarding-pass': string[];
+    'book-award': string[];
+    book: string[];
+    boxes: string[];
+    briefcase: string[];
+    'browser-plug-in': string[];
+    'business-advisor': string[];
+    'business-consultant': string[];
+    'business-lounge': string[];
+    buy: string[];
+    'calendar-30': string[];
+    'calendar-alarm': string[];
+    'calendar-day': string[];
+    'calendar-month': string[];
+    'call-in': string[];
+    'call-out': string[];
+    call: string[];
+    camera: string[];
+    'car-park': string[];
+    car: string[];
+    'card-reader': string[];
+    casting: string[];
+    'cest-ici': string[];
+    charger: string[];
+    chatbot: string[];
+    'check-your-balance': string[];
+    checked: string[];
+    'chevron-down': string[];
+    'chevron-end': string[];
+    'chevron-left': string[];
+    'chevron-right': string[];
+    'chevron-start': string[];
+    'chevron-up': string[];
+    child: string[];
+    'children-channel': string[];
+    'childrens-content': string[];
+    'christmas-tree': string[];
+    'cinema-ticket-2-for-1': string[];
+    'cle-pc': string[];
+    clock: string[];
+    'closed-captions': string[];
+    'cloud-backup': string[];
+    'cloud-security': string[];
+    'collective-class-training': string[];
+    'community-sms': string[];
+    'company-structure': string[];
+    connections: string[];
+    'control-centre': string[];
+    'control-my-data': string[];
+    cpu: string[];
+    'currency-euro': string[];
+    'cyber-shield': string[];
+    'dashboard-display': string[];
+    'data-analytics': string[];
+    'data-centre': string[];
+    'data-services': string[];
+    'data-traffic': string[];
+    data: string[];
+    delete: string[];
+    'desk-phone': string[];
+    'desktop-pc': string[];
+    'device-fixed-line-phone': string[];
+    'device-laptop-computer-connected': string[];
+    'device-laptop-computer': string[];
+    'device-smart-phone': string[];
+    'device-tablet': string[];
+    'device-tv': string[];
+    diagnostic: string[];
+    'digital-frame': string[];
+    'discussion-more': string[];
+    doctor: string[];
+    documentary: string[];
+    donation: string[];
+    download: string[];
+    'e-reader': string[];
+    'e-shop': string[];
+    'easy-internet': string[];
+    'eco-mode': string[];
+    edit: string[];
+    electrcar: string[];
+    email: string[];
+    employees: string[];
+    'empty-trash': string[];
+    entertainment: string[];
+    epg: string[];
+    'error-severe': string[];
+    ethenet: string[];
+    euro: string[];
+    exit: string[];
+    'facebook-2': string[];
+    facebook: string[];
+    factory: string[];
+    'family-place': string[];
+    fashion: string[];
+    'fast-delivery': string[];
+    'file-compressed': string[];
+    'file-copy': string[];
+    'file-document-compose': string[];
+    'file-download': string[];
+    'file-draft-edit': string[];
+    'file-pdf': string[];
+    'file-terms-and-conditions': string[];
+    files: string[];
+    film: string[];
+    filter: string[];
+    finance: string[];
+    firewall: string[];
+    flag: string[];
+    flashlight: string[];
+    'flexible-storage': string[];
+    folder: string[];
+    'football-match': string[];
+    'football-quiz': string[];
+    football: string[];
+    'form-tick': string[];
+    'front-end-dashboard': string[];
+    funny: string[];
+    'futher-education': string[];
+    games: string[];
+    'garage-closed': string[];
+    'gauge-rate': string[];
+    gears: string[];
+    geolocation: string[];
+    'guide-info': string[];
+    hammer: string[];
+    'hand-shake': string[];
+    'hard-drive': string[];
+    'hdmi-key': string[];
+    headphones: string[];
+    'health-app': string[];
+    'health-monitor': string[];
+    'health-patient': string[];
+    heart: string[];
+    'home-appliance': string[];
+    home: string[];
+    homelive: string[];
+    hourglass: string[];
+    house: string[];
+    'id-card': string[];
+    image: string[];
+    important: string[];
+    improvement: string[];
+    inbox: string[];
+    info: string[];
+    'information-data': string[];
+    instagram: string[];
+    'international-globe': string[];
+    'internet-browser': string[];
+    'internet-security-desktop': string[];
+    'internet-security-mobile': string[];
+    'internet-security-password': string[];
+    'internet-usage': string[];
+    internet: string[];
+    'invoice-euro': string[];
+    'invoices-euro': string[];
+    iso: string[];
+    'it-infrastructure': string[];
+    keyboard: string[];
+    'la-cle-tv': string[];
+    'laptop-connected': string[];
+    laptop: string[];
+    'le-vote': string[];
+    link: string[];
+    'linkedin-2': string[];
+    linkedin: string[];
+    'location-on-map': string[];
+    'location-pin': string[];
+    'lock-open': string[];
+    lock: string[];
+    logistics: string[];
+    'love-logo': string[];
+    mahali: string[];
+    'maintenance-man': string[];
+    'map-pin': string[];
+    map: string[];
+    medal: string[];
+    'medical-app': string[];
+    'medical-chart': string[];
+    medicine: string[];
+    'menu-arrow': string[];
+    'menu-grid': string[];
+    menu: string[];
+    'message-alert': string[];
+    messages: string[];
+    'micro-sd-card': string[];
+    'microphone-mute': string[];
+    microphone: string[];
+    'mini-games': string[];
+    'mobile-applications': string[];
+    'mobile-data-toggle': string[];
+    'mobile-insurance': string[];
+    'mobile-network-coverage': string[];
+    'mobile-payment': string[];
+    'mobile-security': string[];
+    'mobile-setup': string[];
+    modem: string[];
+    'modifier-delete': string[];
+    'modifier-done': string[];
+    'modifier-download': string[];
+    'modifier-upload': string[];
+    'money-box': string[];
+    'more-dots': string[];
+    'multi-sim': string[];
+    music: string[];
+    'my-account': string[];
+    'my-orange': string[];
+    'my-skills': string[];
+    'my-vacation': string[];
+    'network-dslam': string[];
+    'network-gatekeeper': string[];
+    'network-gateway': string[];
+    'network-optical-amplifier': string[];
+    'network-optical-transport': string[];
+    'network-wan-optimisation-engine': string[];
+    networks: string[];
+    newspaper: string[];
+    'not-checked': string[];
+    'notification-alert': string[];
+    office: string[];
+    'online-help': string[];
+    'orange-assistant': string[];
+    'orange-cash': string[];
+    'orange-detente': string[];
+    'orange-dialler': string[];
+    'orange-events': string[];
+    'orange-experts-expert': string[];
+    'orange-experts-insurance': string[];
+    'orange-experts-orange-business-consultant': string[];
+    'orange-experts-recycle': string[];
+    'orange-experts-repair': string[];
+    'orange-football-club': string[];
+    'orange-games': string[];
+    'orange-messenger': string[];
+    'orange-money-nfc': string[];
+    'orange-reflect': string[];
+    'orange-rewards': string[];
+    'orange-tv': string[];
+    'orange-vr-experience': string[];
+    outbox: string[];
+    'package-content': string[];
+    'package-services': string[];
+    package: string[];
+    'packaging-icon-hd': string[];
+    'parabole-tv': string[];
+    'parental-control': string[];
+    pause: string[];
+    'payment-card': string[];
+    'payment-euro': string[];
+    pda: string[];
+    pencil: string[];
+    'personal-hotspot': string[];
+    'personal-smartphone-trainer': string[];
+    'phone-advisor': string[];
+    'play-and-win': string[];
+    play: string[];
+    'plug-socket': string[];
+    power: string[];
+    powerstation: string[];
+    presentation: string[];
+    print: string[];
+    printer: string[];
+    'real-time': string[];
+    'recycle-device': string[];
+    recycle: string[];
+    reduction: string[];
+    reload: string[];
+    reminders: string[];
+    'remote-desktop-protocol': string[];
+    remove: string[];
+    repair: string[];
+    reseau: string[];
+    restaurant: string[];
+    rewards: string[];
+    running: string[];
+    safety: string[];
+    satallite: string[];
+    save: string[];
+    school: string[];
+    science: string[];
+    'sd-card': string[];
+    search: string[];
+    'security-status-good': string[];
+    send: string[];
+    'senior-person': string[];
+    'server-storage-array': string[];
+    'server-tower': string[];
+    'session-enter': string[];
+    'session-leave': string[];
+    settings: string[];
+    share: string[];
+    'shop-pin': string[];
+    shop: string[];
+    'showroom-mobile-pro': string[];
+    'signal-5-5': string[];
+    silence: string[];
+    'sim-e': string[];
+    sim: string[];
+    'simple-mode': string[];
+    simplicity: string[];
+    siren: string[];
+    skiing: string[];
+    'skip-to-end': string[];
+    'skip-to-start': string[];
+    sleep: string[];
+    'smart-care': string[];
+    'smart-home': string[];
+    'smart-tap': string[];
+    'smart-watch': string[];
+    'sms-alert': string[];
+    'sms-message-compose': string[];
+    'sms-message': string[];
+    'social-network': string[];
+    sofa: string[];
+    sort: string[];
+    stadium: string[];
+    'star-favourite-half': string[];
+    'star-empty': string[];
+    'star-favourite': string[];
+    startover: string[];
+    statistics: string[];
+    'stop-secret': string[];
+    'storage-cloud': string[];
+    'store-locator': string[];
+    street: string[];
+    'subscription-package': string[];
+    suitcase: string[];
+    support: string[];
+    'surveillance-camera': string[];
+    syncronise: string[];
+    'tag-advertising': string[];
+    tag: string[];
+    'target-location': string[];
+    tarif: string[];
+    'task-list': string[];
+    'team-connect': string[];
+    'thumb-up': string[];
+    tick: string[];
+    ticket: string[];
+    'top-up-card-euro': string[];
+    'top-up-euro': string[];
+    'top-up-time': string[];
+    town: string[];
+    townhall: string[];
+    train: string[];
+    'training-session': string[];
+    tranquility: string[];
+    'transfer-data': string[];
+    transfers: string[];
+    trash: string[];
+    'tv-channel-list': string[];
+    'tv-commande': string[];
+    'unlimited-calls': string[];
+    upload: string[];
+    'usb-hard-drive': string[];
+    'usb-key': string[];
+    'user-manual': string[];
+    user: string[];
+    'video-call': string[];
+    'video-live': string[];
+    'video-phone': string[];
+    'video-record': string[];
+    video: string[];
+    'vip-contact': string[];
+    'virtual-gamepad': string[];
+    'vod-portrait': string[];
+    volte: string[];
+    'volume-status-4-4': string[];
+    vowifi: string[];
+    wallet: string[];
+    'warning-important': string[];
+    washroom: string[];
+    watch: string[];
+    water: string[];
+    weather: string[];
+    'web-browser': string[];
+    'web-camera': string[];
+    'weighing-scales': string[];
+    widget: string[];
+    'wifi-home': string[];
+    wifi: string[];
+    x: string[];
+    'your-balance': string[];
+    youtube: string[];
+    'zoom-in': string[];
+    'zoom-out': string[];
+};
+export declare const tags: string[];

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

@@ -0,0 +1,13 @@
+import React from 'react';
+interface IconListItem {
+    icon: string;
+    content: React.ReactNode;
+    tooltip?: React.ReactNode;
+}
+interface IconListProps {
+    items: IconListItem[];
+    className?: string;
+    [key: string]: any;
+}
+export declare const IconList: React.FC<IconListProps>;
+export {};

package/build/components/types/src/components/IconList/Item.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface ItemProps {
+    icon: string;
+    children: React.ReactNode;
+    tooltip?: React.ReactNode;
+    [key: string]: any;
+}
+export declare const Item: React.FC<ItemProps>;
+export {};

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

@@ -0,0 +1,3 @@
+import './styles/style.scss';
+export { IconList } from './IconList';
+export { Item } from './Item';

package/build/components/types/src/components/Preview/CodeExample.d.ts

@@ -0,0 +1,9 @@
+import React, { ReactNode } from "react";
+interface CodeExampleProps {
+    codeJSXOptions?: Record<string, any>;
+    codeTypes?: string[];
+    children?: ReactNode;
+    [key: string]: any;
+}
+declare const CodeExample: React.FC<CodeExampleProps>;
+export default CodeExample;

package/build/components/types/src/components/Preview/Interact/ButtonShowPropsGroup.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+interface ButtonShowPropsGroupProps {
+    id: string;
+    componentName: string;
+    deepness: number;
+    onClick: (e: React.MouseEvent) => void;
+    isVisible: boolean;
+}
+declare const ButtonShowPropsGroup: React.FC<ButtonShowPropsGroupProps>;
+export default ButtonShowPropsGroup;

package/build/components/types/src/components/Preview/Interact/Interact.d.ts

@@ -0,0 +1,17 @@
+import React, { ReactElement } from "react";
+interface InteractProps {
+    /** Element id */
+    id?: string;
+    /** Which props should be filtered */
+    filterProps?: string[];
+    /** Render element */
+    render: ReactElement | ((props: any) => ReactElement);
+    /** Parser should skip children */
+    skipChildren?: boolean;
+}
+/**
+ * Component that creates interactive playground
+ * for experimenting with possibilities of components props
+ */
+declare const Interact: React.FC<InteractProps>;
+export default Interact;

package/build/components/types/src/components/Preview/Interact/PropCheckbox.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+interface PropCheckboxProps {
+    inputProps: {
+        key: string;
+        id: string;
+        name: string;
+        'data-component-id': string;
+    };
+    componentInfo: {
+        id: string;
+        name: string;
+    };
+}
+declare const PropCheckbox: React.FC<PropCheckboxProps>;
+export default PropCheckbox;

package/build/components/types/src/components/Preview/Interact/PropFormField.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface PropFormFieldProps {
+    id: string;
+    name: string;
+}
+declare const PropFormField: React.FC<PropFormFieldProps>;
+export default PropFormField;

package/build/components/types/src/components/Preview/Interact/PropInput.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+interface PropInputProps {
+    type?: string;
+    isDisabled?: boolean;
+    inputProps: {
+        key: string;
+        id: string;
+        name: string;
+        "data-component-id": string;
+    };
+    componentInfo: {
+        id: string;
+        name: string;
+    };
+}
+declare const PropInput: React.FC<PropInputProps>;
+export default PropInput;