@akad/design-system 0.2.0-beta.8 → 1.0.0-alpha.1

package/react/components/index.d.ts

@@ -1,37 +0,0 @@
-import { DsTwoColumns } from './templates/TwoColumns';
-import { DsNotificationList } from './organisms/NotificationList';
-import { ThemeProvider } from './molecules/ThemeProvider';
-import { DsTabs } from './molecules/Tabs';
-import { DsTable } from './molecules/Table';
-import { DsStepper } from './molecules/Stepper';
-import { DsPasswordConfirmation } from './molecules/PasswordConfirmation';
-import { DsNotification } from './molecules/Notification';
-import { DsModal } from './molecules/Modal';
-import { DsInlineEditable } from './molecules/InlineEditable';
-import { DsIndicator } from './molecules/Indicator';
-import { DsEditableSelect } from './molecules/EditableSelect';
-import { DsActiveTags } from './molecules/ActiveTags';
-import { DsAccordion } from './molecules/Accordion';
-import { DsWrapper } from './bosons/Wrapper';
-import { DsSpacer } from './bosons/Spacer';
-import { DsGridElement, DsGridLayout } from './bosons/GridLayout';
-import { DsFlexLayout, DsFlexElement } from './bosons/FlexLayout';
-import { DsContainer } from './bosons/Container';
-import { DsTooltip } from './atoms/Tooltip';
-import { DsTextArea } from './atoms/TextArea';
-import { DsSubtitle } from './atoms/Subtitle';
-import { DsSelect } from './atoms/Select';
-import { DsProgress } from './atoms/Progress';
-import { DsParagraph } from './atoms/Paragraph';
-import { DsOption } from './atoms/Option';
-import { DsLoading } from './atoms/Loading';
-import { DsInput } from './atoms/Input';
-import { DsIcon } from './atoms/Icon';
-import { DsHR } from './atoms/HorizontalRule';
-import { DsHeading } from './atoms/Heading';
-import { DsCheckbox } from './atoms/Checkbox';
-import { DsCard } from './atoms/Card';
-import { DsCaption } from './atoms/Caption';
-import { DsButton } from './atoms/Button';
-
-export { DsAccordion, DsButton, DsCaption, DsCard, DsCheckbox, DsContainer, DsFlexElement, DsFlexLayout, DsGridElement, DsGridLayout, DsHeading, DsHR, DsIcon, DsIndicator, DsInlineEditable, DsInput, DsLoading, DsModal, DsNotification, DsNotificationList, DsOption, DsParagraph, DsSelect, DsSpacer, DsStepper, DsSubtitle, DsTable, DsTabs, DsTextArea, DsTooltip, DsTwoColumns, DsWrapper, DsProgress, DsPasswordConfirmation, DsEditableSelect, DsActiveTags, ThemeProvider, };

package/react/components/molecules/Accordion/Accordion.config.d.ts

@@ -1,25 +0,0 @@
-import { DsAccordionItems } from '../../../types/types';
-
-export interface OpenItemListIndexProps {
-    type: BooleanConstructor;
-    default: boolean;
-}
-export interface ItemsProps {
-    type: ArrayConstructor;
-    default: DsAccordionItems[];
-}
-export interface ActiveItemProps {
-    type: NumberConstructor;
-    default: number;
-}
-export interface AccordionConfig {
-    name: string;
-    class: string;
-    props: {
-        openItemListIndex: OpenItemListIndexProps;
-        items: ItemsProps;
-        activeItem: ActiveItemProps;
-    };
-}
-declare const AccordionConfig: AccordionConfig;
-export default AccordionConfig;

package/react/components/molecules/Accordion/AccordionItem.config.d.ts

@@ -1,28 +0,0 @@
-export interface TitleProps {
-    type: StringConstructor;
-    default: string;
-}
-export interface ContentProps {
-    type: StringConstructor;
-    default: string;
-}
-export interface DisabledProps {
-    type: BooleanConstructor;
-    default: boolean;
-}
-export interface ActiveProps {
-    type: BooleanConstructor;
-    default: boolean;
-}
-export interface AccordionItemConfig {
-    name: string;
-    class: string;
-    props: {
-        title: TitleProps;
-        content: ContentProps;
-        disabled: DisabledProps;
-        active: ActiveProps;
-    };
-}
-declare const AccordionItemConfig: AccordionItemConfig;
-export default AccordionItemConfig;

package/react/components/molecules/Accordion/index.d.ts

@@ -1,5 +0,0 @@
-import { DsAccordionItemProps } from '../../../types/types';
-import { default as DsAccordion } from './Accordion';
-
-export { DsAccordion };
-export type { DsAccordionItemProps };

package/react/components/molecules/ActiveTags/index.d.ts

@@ -1,4 +0,0 @@
-import { default as DsActiveTags, DsActiveTagsProps } from './ActiveTags';
-
-export { DsActiveTags };
-export type { DsActiveTagsProps };

package/react/components/molecules/EditableSelect/EditableSelect.config.d.ts

@@ -1,105 +0,0 @@
-export declare const Size: {
-    readonly Small: "small";
-    readonly Medium: "medium";
-    readonly Large: "large";
-};
-export type Size = (typeof Size)[keyof typeof Size];
-export interface Option {
-    label: string;
-    value?: string | number;
-    name?: string;
-    id?: string | number;
-}
-export interface TestIdProps {
-    type: StringConstructor;
-    default: string;
-}
-export interface LabelProps {
-    type: StringConstructor;
-    default: string;
-}
-export interface DisabledProps {
-    type: BooleanConstructor;
-    default: boolean;
-}
-export interface LoadingProps {
-    type: BooleanConstructor;
-}
-export interface AnimatedProps {
-    type: BooleanConstructor;
-    default: boolean;
-}
-export interface PlaceholderProps {
-    type: StringConstructor;
-    default: string;
-}
-export interface IconProps {
-    type: StringConstructor;
-    default: undefined;
-}
-export interface NameProps {
-    type: StringConstructor;
-    default: string;
-}
-export interface NoOptionsMessageProps {
-    type: StringConstructor;
-    default: string;
-}
-export interface OptionsProps {
-    type: ArrayConstructor;
-    default: never[];
-}
-export interface StatusProps {
-    type: StringConstructor;
-    default: string;
-}
-export interface ValueProps {
-    type: StringConstructor;
-    default: string;
-}
-export interface SizeProps {
-    type: StringConstructor;
-    options: Size[];
-    default: Size;
-}
-export interface OnChangeHandlerProps {
-    type: FunctionConstructor;
-    default: () => void;
-}
-export interface OnBlurHandlerProps {
-    type: FunctionConstructor;
-    default: () => void;
-}
-export interface OnFocusHandlerProps {
-    type: FunctionConstructor;
-    default: () => void;
-}
-export interface OnSelectHandlerProps {
-    type: FunctionConstructor;
-    default: () => void;
-}
-export interface EditableSelectConfig {
-    name: string;
-    class: string;
-    props: {
-        label: LabelProps;
-        testId: TestIdProps;
-        animated: AnimatedProps;
-        loading: LoadingProps;
-        disabled: DisabledProps;
-        icon: IconProps;
-        name: NameProps;
-        noOptionsMessage: NoOptionsMessageProps;
-        options: OptionsProps;
-        status: StatusProps;
-        value: ValueProps;
-        size: SizeProps;
-        onChangeHandler: OnChangeHandlerProps;
-        onBlurHandler: OnBlurHandlerProps;
-        onFocusHandler: OnFocusHandlerProps;
-        onSelectHandler: OnSelectHandlerProps;
-        placeholder: PlaceholderProps;
-    };
-}
-declare const EditableSelectConfig: EditableSelectConfig;
-export default EditableSelectConfig;

package/react/components/molecules/EditableSelect/index.d.ts

@@ -1,4 +0,0 @@
-import { default as DsEditableSelect, DsEditableSelectProps } from './EditableSelect';
-
-export { DsEditableSelect };
-export type { DsEditableSelectProps };

package/react/components/molecules/Indicator/index.d.ts

@@ -1,4 +0,0 @@
-import { default as DsIndicator, DsIndicatorProps } from './Indicator';
-
-export { DsIndicator };
-export type { DsIndicatorProps };

package/react/components/molecules/InlineEditable/index.d.ts

@@ -1,4 +0,0 @@
-import { default as DsInlineEditable, DsInlineEditableProps } from './InlineEditable';
-
-export { DsInlineEditable };
-export type { DsInlineEditableProps };

package/react/components/molecules/Modal/Modal.config.d.ts

@@ -1,41 +0,0 @@
-export declare const Elevation: readonly [1, 2, 3, 4];
-export type Elevation = (typeof Elevation)[number];
-export interface ElevationProps {
-    type: NumberConstructor;
-    options: readonly Elevation[];
-}
-export declare const Variant: {
-    readonly Squared: "squared";
-    readonly Rounded: "rounded";
-};
-export type Variant = (typeof Variant)[keyof typeof Variant];
-export interface VariantProps {
-    type: StringConstructor;
-    default: Variant;
-    options: Variant[];
-}
-export interface CancelBtnTextProps {
-    type: StringConstructor;
-    default: string;
-}
-export interface ConfirmBtnTextProps {
-    type: StringConstructor;
-    default: string;
-}
-export interface IsModalOpenProps {
-    type: BooleanConstructor;
-    default: boolean;
-}
-export interface ModalConfig {
-    name: string;
-    class: string;
-    props: {
-        elevation: ElevationProps;
-        variant: VariantProps;
-        cancelBtnText: CancelBtnTextProps;
-        confirmBtnText: ConfirmBtnTextProps;
-        isModalOpen: IsModalOpenProps;
-    };
-}
-declare const ModalConfig: ModalConfig;
-export default ModalConfig;

package/react/components/molecules/Modal/index.d.ts

@@ -1,4 +0,0 @@
-import { default as DsModal, DsModalProps } from './Modal';
-
-export { DsModal };
-export type { DsModalProps };

package/react/components/molecules/Notification/Notification.d.ts

@@ -1,7 +0,0 @@
-import { DsNotificationProps } from './Notification.config';
-
-declare const DsNotification: {
-    ({ className, type, variant, id, children, message, autoClose, autoCloseTimer, dismissible, elevation, progressBar, handleClose, testId, }: DsNotificationProps): import("react/jsx-runtime").JSX.Element | null;
-    displayName: string;
-};
-export default DsNotification;

package/react/components/molecules/Notification/index.d.ts

@@ -1,5 +0,0 @@
-import { DsNotificationProps } from './Notification.config';
-import { default as DsNotification } from './Notification';
-
-export { DsNotification };
-export type { DsNotificationProps };

package/react/components/molecules/PasswordConfirmation/PasswordConfirmation.config.d.ts

@@ -1,32 +0,0 @@
-export interface ValidationItem {
-    title: string;
-    rule: (_password: string) => boolean;
-}
-export interface OnChangeProps {
-    type: FunctionConstructor;
-    default: () => void;
-}
-export interface ValidationListProps {
-    type: ArrayConstructor;
-    default: ValidationItem[];
-}
-export interface InstructionLabelProps {
-    type: StringConstructor;
-    default: string;
-}
-export interface TestIdProps {
-    type: StringConstructor;
-    default: string;
-}
-export interface PasswordConfirmationConfig {
-    name: string;
-    class: string;
-    props: {
-        onChange: OnChangeProps;
-        validationList: ValidationListProps;
-        instructionLabel: InstructionLabelProps;
-        testId: TestIdProps;
-    };
-}
-declare const DsPasswordConfirmationConfig: PasswordConfirmationConfig;
-export default DsPasswordConfirmationConfig;

package/react/components/molecules/PasswordConfirmation/index.d.ts

@@ -1,4 +0,0 @@
-import { default as DsPasswordConfirmation, DsPasswordConfirmationProps } from './PasswordConfirmation';
-
-export { DsPasswordConfirmation };
-export type { DsPasswordConfirmationProps };

package/react/components/molecules/Stepper/index.d.ts

@@ -1,4 +0,0 @@
-import { default as DsStepper, DsStepperProps } from './Stepper';
-
-export { DsStepper };
-export type { DsStepperProps };

package/react/components/molecules/Table/Table.config.d.ts

@@ -1,23 +0,0 @@
-export interface HeaderProps {
-    type: ArrayConstructor;
-    default: unknown[];
-}
-export interface ItemsProps {
-    type: ArrayConstructor;
-    default: unknown[];
-}
-export interface ColumnsProps {
-    type: ArrayConstructor;
-    default: unknown[];
-}
-export interface TableConfig {
-    name: string;
-    class: string;
-    props: {
-        header: HeaderProps;
-        items: ItemsProps;
-        columns: ColumnsProps;
-    };
-}
-declare const TableConfig: TableConfig;
-export default TableConfig;

package/react/components/molecules/Table/index.d.ts

@@ -1,5 +0,0 @@
-import { DsTableProps } from './Table.types';
-import { default as DsTable } from './Table';
-
-export { DsTable };
-export type { DsTableProps };

package/react/components/molecules/Tabs/Tabs.config.d.ts

@@ -1,45 +0,0 @@
-export declare const Color: {
-    readonly None: "";
-    readonly Primary: "primary";
-    readonly Secondary: "secondary";
-    readonly Neutral: "neutral";
-    readonly Success: "success";
-    readonly Warning: "warning";
-    readonly Danger: "danger";
-    readonly Info: "info";
-};
-export type Color = (typeof Color)[keyof typeof Color];
-export interface TabsProps {
-    type: ArrayConstructor;
-    required: boolean;
-}
-export interface SelectedTabProps {
-    type: NumberConstructor;
-    default: number;
-}
-export interface ColorProps {
-    type: StringConstructor;
-    default: Color;
-    options: Color[];
-}
-export interface ClassNameProps {
-    type: StringConstructor;
-    default: string;
-}
-export interface OnChangeProps {
-    type: FunctionConstructor;
-    default: () => void;
-}
-export interface DsTabsConfig {
-    name: string;
-    class: string;
-    props: {
-        tabs: TabsProps;
-        selectedTab: SelectedTabProps;
-        color: ColorProps;
-        className: ClassNameProps;
-        onChange: OnChangeProps;
-    };
-}
-declare const DsTabsConfig: DsTabsConfig;
-export default DsTabsConfig;

package/react/components/molecules/Tabs/index.d.ts

@@ -1,6 +0,0 @@
-import { DsTabProps } from '../../../types/types';
-import { default as DsTabs, DsTabsProps } from './Tabs';
-import { default as DsTab } from './Tab';
-
-export { DsTab, DsTabs };
-export type { DsTabProps, DsTabsProps };

package/react/components/molecules/ThemeProvider/ThemeProvider.config.d.ts

@@ -1,30 +0,0 @@
-export declare const Theme: {
-    readonly Light: "light";
-    readonly Dark: "dark";
-};
-export type Theme = (typeof Theme)[keyof typeof Theme];
-export declare const Library: {
-    readonly Core: "core";
-    readonly Marketing: "mkt";
-};
-export type Library = (typeof Library)[keyof typeof Library];
-export interface ThemeProps {
-    type: StringConstructor;
-    default: Theme;
-    options: Theme[];
-}
-export interface LibraryProps {
-    type: StringConstructor;
-    default: Library;
-    options: Library[];
-}
-export interface ThemeProviderConfig {
-    name: string;
-    class: string;
-    props: {
-        theme: ThemeProps;
-        library: LibraryProps;
-    };
-}
-declare const ThemeProviderConfig: ThemeProviderConfig;
-export default ThemeProviderConfig;

package/react/components/organisms/NotificationList/NotificationList.config.d.ts

@@ -1,33 +0,0 @@
-export declare const Position: {
-    readonly TopLeft: "top-left";
-    readonly TopCenter: "top-center";
-    readonly TopRight: "top-right";
-    readonly BottomLeft: "bottom-left";
-    readonly BottomCenter: "bottom-center";
-    readonly BottomRight: "bottom-right";
-};
-export type Position = (typeof Position)[keyof typeof Position];
-export interface PositionProps {
-    type: StringConstructor;
-    default: Position;
-    options: Position[];
-}
-export interface FluidProps {
-    type: BooleanConstructor;
-    default: boolean;
-}
-export interface ClassNameProps {
-    type: StringConstructor;
-    default: string;
-}
-export interface DsNotificationListConfig {
-    name: string;
-    class: string;
-    props: {
-        position: PositionProps;
-        fluid: FluidProps;
-        className: ClassNameProps;
-    };
-}
-declare const DsNotificationListConfig: DsNotificationListConfig;
-export default DsNotificationListConfig;

package/react/components/organisms/NotificationList/index.d.ts

@@ -1,4 +0,0 @@
-import { default as DsNotificationList, DsNotificationListProps } from './NotificationList';
-
-export { DsNotificationList };
-export type { DsNotificationListProps };

package/react/components/templates/TwoColumns/index.d.ts

@@ -1,5 +0,0 @@
-import { default as DsTwoColumns, DsTwoColumnsProps } from './TwoColumns';
-
-export { DsTwoColumns };
-export type { DsTwoColumnsProps };
-export default DsTwoColumns;

package/react/decorators/storybook.d.ts

@@ -1,3 +0,0 @@
-import { StoryFn } from '@storybook/react';
-
-export declare const centralizeBoxDecorator: ((Story: StoryFn) => import("react/jsx-runtime").JSX.Element)[];

package/react/types/hooks/types.d.ts

@@ -1,99 +0,0 @@
-import { default as React } from 'react';
-import { JSONSchemaType } from 'ajv';
-
-export interface EventData {
-    [key: string]: React.ChangeEvent<HTMLInputElement>;
-}
-export type TestSchema = JSONSchemaType<{
-    $id: string;
-    type: 'object';
-    schemas?: {
-        mainSchema: {
-            $id: string;
-            type: 'object';
-            required: string[];
-            properties: {
-                effectiveDate: {
-                    $ref: string;
-                };
-            };
-        };
-        definitions?: Record<string, FormSchema>;
-    };
-    definitions?: Record<string, FormSchema>;
-}>;
-export interface FormSchema {
-    $id?: string;
-    properties?: {
-        [key: string]: InputValidator;
-    };
-    dependentRequired?: DependentRequired;
-    required?: Array<string>;
-    definitions?: Record<string, FormSchema>;
-    type?: string;
-    formatMinimum?: string;
-    formatMaximum?: string;
-    format?: string;
-    schemas?: {
-        definitions?: Record<string, FormSchema>;
-    };
-    items?: Record<string, FormSchema>;
-    'x-label'?: string;
-    'x-placeholder'?: string;
-    'x-tooltip'?: string;
-    'x-mask'?: string;
-    'x-options'?: Array<SelectOption>;
-}
-export interface InputValidator {
-    $id?: string;
-    type?: string;
-    pattern?: string;
-    format?: string;
-    contains: FormSchema;
-}
-export interface DependentRequired {
-    [key: string]: Array<string>;
-}
-export interface FormValidated {
-    status: boolean | undefined;
-    fields: InputValidated;
-}
-export interface InputValidated {
-    [key: string]: {
-        status: string | boolean;
-        touched?: boolean | undefined;
-        message?: string | undefined;
-    };
-}
-export interface FormDataParsed {
-    [key: string]: string | number | boolean | undefined | Array<object> | object;
-    toJson?: () => string;
-}
-export type SelectOption = {
-    value: string;
-    label: string;
-} | object;
-export interface FormField {
-    name: string;
-    feedback: string | undefined;
-    tooltip?: string;
-    label?: string;
-    placeholder?: string;
-    onBlurHandler?: () => void;
-    onChangeHandler?: (e: React.ChangeEvent<HTMLSelectElement>) => void;
-    onFocusHandler?: () => void;
-    onChange?: () => void;
-    status?: string;
-    animated: boolean;
-    type?: string;
-    mask?: string;
-    min?: string;
-    max?: string;
-    value?: string | number | boolean | object | undefined;
-    checked?: boolean;
-    options?: Array<SelectOption>;
-    ref: (inputRef: HTMLInputElement) => void;
-}
-export interface FieldsElementDictionary {
-    [key: string]: HTMLInputElement;
-}

package/react/types/types.d.ts

@@ -1,43 +0,0 @@
-import { default as React } from 'react';
-
-export interface DsAccordionItemProps {
-    index?: number;
-    title: React.ReactNode;
-    content: React.ReactNode;
-    className?: string;
-    onToggle: React.MouseEventHandler<HTMLButtonElement>;
-    active: boolean;
-    disabled: boolean;
-}
-export interface DsAccordionItems {
-    index?: number;
-    title: React.ReactNode;
-    content: React.ReactNode;
-    className?: string;
-    disabled: boolean;
-    active: boolean;
-}
-export interface DsGridElementProps {
-    row: string;
-    col: string;
-    mobileRow?: string;
-    mobileCol?: string;
-}
-export interface DsStepProps {
-    index?: number;
-    disabled?: boolean;
-    icon: string;
-    label: string;
-    name: string;
-}
-export interface DsTabProps {
-    active?: boolean;
-    className?: string;
-    color?: string;
-    content: React.ReactNode | string;
-    disabled?: boolean;
-    name?: string;
-    index: number;
-    title: React.ReactNode | string;
-    onClick?: (index: number) => void;
-}