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

package/react/src/components/atoms/Button/Button.config.d.ts

@@ -0,0 +1,106 @@
+export declare enum ButtonColor {
+    Primary = "primary",
+    Secondary = "secondary",
+    Info = "info",
+    Success = "success",
+    Danger = "danger",
+    Warning = "warning",
+    Neutral = "neutral"
+}
+export declare enum ButtonVariant {
+    Solid = "solid",
+    Outline = "outline",
+    Text = "text"
+}
+export declare enum ButtonSize {
+    Large = "lg",
+    Medium = "md",
+    Small = "sm"
+}
+export declare enum ButtonIconPosition {
+    Right = "right",
+    Left = "left"
+}
+export declare enum ButtonElevation {
+    Elevation1 = 1,
+    Elevation2 = 2,
+    Elevation3 = 3,
+    Elevation4 = 4
+}
+export interface ButtonColorProps {
+    type: StringConstructor;
+    default: ButtonColor;
+    options: ButtonColor[];
+}
+export interface ButtonVariantProps {
+    type: StringConstructor;
+    default: ButtonVariant;
+    options: ButtonVariant[];
+}
+export interface ButtonSizeProps {
+    type: StringConstructor;
+    default: ButtonSize;
+    options: ButtonSize[];
+}
+export interface ButtonElevationProps {
+    type: NumberConstructor;
+    options: ButtonElevation[];
+}
+export interface ButtonDisabledProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface ButtonIconProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface ButtonIconFillProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface ButtonIconPositionProps {
+    type: StringConstructor;
+    default: ButtonIconPosition;
+    options: ButtonIconPosition[];
+}
+export interface ButtonIdProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface ButtonTestIdProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface ButtonFullSizeProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface ButtonTrackIdProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface ButtonTrackLabelProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface ButtonConfig {
+    name: string;
+    class: string;
+    props: {
+        color: ButtonColorProps;
+        variant: ButtonVariantProps;
+        size: ButtonSizeProps;
+        elevation: ButtonElevationProps;
+        disabled: ButtonDisabledProps;
+        icon: ButtonIconProps;
+        iconFill: ButtonIconFillProps;
+        iconPosition: ButtonIconPositionProps;
+        id: ButtonIdProps;
+        testId: ButtonTestIdProps;
+        fullSize: ButtonFullSizeProps;
+        trackId: ButtonTrackIdProps;
+        trackLabel: ButtonTrackLabelProps;
+    };
+}
+declare const buttonConfig: ButtonConfig;
+export default buttonConfig;

package/react/{components → src/components}/atoms/Button/Button.d.ts

@@ -1,8 +1,8 @@
-import { HTMLAttributes } from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
 import { default as PropTypes } from 'prop-types';
 
 export interface DsButtonProps extends HTMLAttributes<HTMLButtonElement> {
-    children: string;
+    children: string | ReactNode;
     className?: string;
     size?: string;
     disabled?: boolean;
@@ -15,20 +15,24 @@ export interface DsButtonProps extends HTMLAttributes<HTMLButtonElement> {
     iconFill?: boolean;
     iconPosition?: string;
     fullSize?: boolean;
+    trackId?: string;
+    trackLabel?: string;
 }
 declare const DsButton: {
-    ({ children, className, onClick, size, disabled, icon, id, testId, elevation, variant, color, iconFill, iconPosition, fullSize, }: DsButtonProps): import("react/jsx-runtime").JSX.Element;
+    ({ children, className, onClick, size, disabled, icon, id, testId, elevation, variant, color, iconFill, iconPosition, fullSize, trackId, trackLabel, }: DsButtonProps): import("react/jsx-runtime").JSX.Element;
     propTypes: {
-        color: PropTypes.Requireable<import('./Button.config').Color>;
-        variant: PropTypes.Requireable<import('./Button.config').Variant>;
-        size: PropTypes.Requireable<import('./Button.config').Size>;
+        color: PropTypes.Requireable<import('./Button.config').ButtonColor>;
+        variant: PropTypes.Requireable<import('./Button.config').ButtonVariant>;
+        size: PropTypes.Requireable<import('./Button.config').ButtonSize>;
         disabled: PropTypes.Requireable<boolean>;
         icon: PropTypes.Requireable<string>;
         iconFill: PropTypes.Requireable<boolean>;
-        iconPosition: PropTypes.Requireable<import('./Button.config').IconPosition>;
+        iconPosition: PropTypes.Requireable<import('./Button.config').ButtonIconPosition>;
         testId: PropTypes.Requireable<string>;
         id: PropTypes.Requireable<string>;
         fullSize: PropTypes.Requireable<boolean>;
+        trackId: PropTypes.Requireable<string>;
+        trackLabel: PropTypes.Requireable<string>;
     };
     displayName: string;
 };

package/react/{components → src/components}/atoms/Button/Button.stories.d.ts

@@ -7,10 +7,10 @@ export default componentProps;
 export declare const Default: {
     render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ThemeProviderProps & DsButtonProps>;
     args: {
-        variant: import('./Button.config').Variant;
+        variant: import('./Button.config').ButtonVariant;
         fullSize: boolean;
         iconFill: boolean;
-        size: import('./Button.config').Size;
+        size: import('./Button.config').ButtonSize;
         disabled: boolean;
         onClick: import('@storybook/addon-actions').HandlerFunction;
     };

package/react/src/components/atoms/Button/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Button';
+export * from './Button.config';
+export { default as DsButton } from './Button';
+export { default as buttonConfig } from './Button.config';

package/react/src/components/atoms/Caption/Caption.config.d.ts

@@ -0,0 +1,6 @@
+export interface CaptionConfig {
+    name: string;
+    class: string;
+}
+declare const captionConfig: CaptionConfig;
+export default captionConfig;

package/react/src/components/atoms/Caption/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Caption';
+export * from './Caption.config';
+export { default as DsCaption } from './Caption';
+export { default as captionConfig } from './Caption.config';

package/react/src/components/atoms/Card/Card.config.d.ts

@@ -0,0 +1,92 @@
+export declare enum CardColor {
+    None = "",
+    PrimaryDarker = "primary-darker",
+    PrimaryDark = "primary-dark",
+    Primary = "primary",
+    PrimaryLight = "primary-light",
+    PrimaryLighter = "primary-lighter",
+    PrimaryLightest = "primary-lightest",
+    SecondaryDarker = "secondary-darker",
+    SecondaryDark = "secondary-dark",
+    Secondary = "secondary",
+    SecondaryLight = "secondary-light",
+    SecondaryLighter = "secondary-lighter",
+    SecondaryLightest = "secondary-lightest",
+    Neutral90 = "neutral-90",
+    Neutral80 = "neutral-80",
+    Neutral60 = "neutral-60",
+    Neutral40 = "neutral-40",
+    Neutral20 = "neutral-20",
+    Neutral10 = "neutral-10",
+    Neutral05 = "neutral-05",
+    Neutral00 = "neutral-00",
+    SuccessDark = "success-dark",
+    Success = "success",
+    SuccessLight = "success-light",
+    SuccessLighter = "success-lighter",
+    WarningDark = "warning-dark",
+    Warning = "warning",
+    WarningLight = "warning-light",
+    WarningLighter = "warning-lighter",
+    DangerDark = "danger-dark",
+    Danger = "danger",
+    DangerLight = "danger-light",
+    DangerLighter = "danger-lighter",
+    InfoDark = "info-dark",
+    Info = "info",
+    InfoLight = "info-light",
+    InfoLighter = "info-lighter"
+}
+export declare enum CardElevation {
+    Elevation = 0,
+    Elevation1 = 1,
+    Elevation2 = 2,
+    Elevation3 = 3,
+    Elevation4 = 4
+}
+export interface CardBackgroundColorProps {
+    type: StringConstructor;
+    default: CardColor;
+    options: CardColor[];
+}
+export interface CardBorderColorProps {
+    type: StringConstructor;
+    default: CardColor;
+    options: CardColor[];
+}
+export interface CardElevationProps {
+    type: NumberConstructor;
+    default: number;
+    options: CardElevation[];
+}
+export interface CardIdProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface CardTestIdProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface CardTrackIdProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface CardTrackLabelProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface CardConfig {
+    name: string;
+    class: string;
+    props: {
+        backgroundColor: CardBackgroundColorProps;
+        borderColor: CardBorderColorProps;
+        elevation: CardElevationProps;
+        id: CardIdProps;
+        testId: CardTestIdProps;
+        trackId: CardTrackIdProps;
+        trackLabel: CardTrackLabelProps;
+    };
+}
+declare const cardConfig: CardConfig;
+export default cardConfig;

package/react/{components → src/components}/atoms/Card/Card.d.ts

@@ -8,15 +8,19 @@ export interface DsCardProps {
     elevation?: number;
     backgroundColor?: string;
     borderColor?: string;
+    trackId?: string;
+    trackLabel?: string;
 }
 declare const DsCard: {
-    ({ id, testId, children, className, elevation, backgroundColor, borderColor, }: DsCardProps): import("react/jsx-runtime").JSX.Element;
+    ({ id, testId, children, className, elevation, backgroundColor, borderColor, trackId, trackLabel, }: DsCardProps): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         id: PropTypes.Requireable<string>;
         testId: PropTypes.Requireable<string>;
-        backgroundColor: PropTypes.Requireable<import('./Card.config').Color>;
-        borderColor: PropTypes.Requireable<import('./Card.config').Color>;
-        elevation: PropTypes.Requireable<number>;
+        backgroundColor: PropTypes.Requireable<import('./Card.config').CardColor>;
+        borderColor: PropTypes.Requireable<import('./Card.config').CardColor>;
+        elevation: PropTypes.Requireable<import('./Card.config').CardElevation>;
+        trackId: PropTypes.Requireable<string>;
+        trackLabel: PropTypes.Requireable<string>;
     };
     displayName: string;
 };

package/react/src/components/atoms/Card/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Card';
+export * from './Card.config';
+export { default as DsCard } from './Card';
+export { default as cardConfig } from './Card.config';

package/react/{components → src/components}/atoms/Checkbox/Checkbox.config.d.ts

@@ -1,34 +1,34 @@
 import { ReactNode } from 'react';
 
-export interface NameProps {
+export interface CheckboxNameProps {
     type: StringConstructor;
     required: false;
 }
-export interface TestIdProps {
+export interface CheckboxTestIdProps {
     type: StringConstructor;
     default: string;
 }
-export interface LabelProps {
+export interface CheckboxLabelProps {
     type: StringConstructor;
     default: string;
 }
-export interface DescriptionProps {
+export interface CheckboxDescriptionProps {
     type: StringConstructor;
     default: string;
 }
-export interface CheckedProps {
+export interface CheckboxCheckedProps {
     type: BooleanConstructor;
     default: boolean;
 }
-export interface ChangeByCheckedProps {
+export interface CheckboxChangeByCheckedProps {
     type: BooleanConstructor;
     default: boolean;
 }
-export interface DisabledProps {
+export interface CheckboxDisabledProps {
     type: BooleanConstructor;
     default: boolean;
 }
-export interface OnChangeHandlerProps {
+export interface CheckboxOnChangeHandlerProps {
     type: FunctionConstructor;
     default: () => void;
 }
@@ -48,15 +48,15 @@ export interface CheckboxConfig {
     name: string;
     class: string;
     props: {
-        name: NameProps;
-        testId: TestIdProps;
-        label: LabelProps;
-        description: DescriptionProps;
-        checked: CheckedProps;
-        disabled: DisabledProps;
-        changeByChecked: ChangeByCheckedProps;
-        onChangeHandler: OnChangeHandlerProps;
+        name: CheckboxNameProps;
+        testId: CheckboxTestIdProps;
+        label: CheckboxLabelProps;
+        description: CheckboxDescriptionProps;
+        checked: CheckboxCheckedProps;
+        disabled: CheckboxDisabledProps;
+        changeByChecked: CheckboxChangeByCheckedProps;
+        onChangeHandler: CheckboxOnChangeHandlerProps;
     };
 }
-declare const CheckboxConfig: CheckboxConfig;
-export default CheckboxConfig;
+declare const checkboxConfig: CheckboxConfig;
+export default checkboxConfig;

package/react/src/components/atoms/Checkbox/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Checkbox';
+export * from './Checkbox.config';
+export { default as DsCheckbox } from './Checkbox';
+export { default as checkboxConfig } from './Checkbox.config';

package/react/src/components/atoms/Heading/Heading.config.d.ts

@@ -0,0 +1,22 @@
+export declare enum HeadingType {
+    Heading1 = "heading-1",
+    Heading2 = "heading-2",
+    Heading3 = "heading-3",
+    Heading4 = "heading-4",
+    Heading5 = "heading-5",
+    Heading6 = "heading-6"
+}
+export interface HeadingTypeProps {
+    type: StringConstructor;
+    default: HeadingType;
+    options: HeadingType[];
+}
+export interface HeadingConfig {
+    name: string;
+    class: string;
+    props: {
+        type: HeadingTypeProps;
+    };
+}
+declare const headingConfig: HeadingConfig;
+export default headingConfig;

package/react/src/components/atoms/Heading/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Heading';
+export * from './Heading.config';
+export { default as DsHeading } from './Heading';
+export { default as headingConfig } from './Heading.config';

package/react/src/components/atoms/HorizontalRule/HorizontalRule.config.d.ts

@@ -0,0 +1,30 @@
+export declare enum HRBorderStyle {
+    None = "",
+    Dashed = "dashed",
+    Dotted = "dotted"
+}
+export declare enum HRSize {
+    None = "",
+    Small = "small",
+    Large = "large"
+}
+export interface HRBorderStyleProps {
+    type: StringConstructor;
+    default: HRBorderStyle;
+    options: HRBorderStyle[];
+}
+export interface HRSizeProps {
+    type: StringConstructor;
+    default: HRSize;
+    options: HRSize[];
+}
+export interface HRConfig {
+    name: string;
+    class: string;
+    props: {
+        borderStyle: HRBorderStyleProps;
+        size: HRSizeProps;
+    };
+}
+declare const hrConfig: HRConfig;
+export default hrConfig;

package/react/{components → src/components}/atoms/HorizontalRule/HorizontalRule.d.ts

@@ -7,8 +7,8 @@ export interface DsHRProps {
 declare const DsHR: {
     ({ size, borderStyle, }: DsHRProps): import("react/jsx-runtime").JSX.Element;
     propTypes: {
-        size: PropTypes.Requireable<import('./HorizontalRule.config').Size>;
-        borderStyle: PropTypes.Requireable<import('./HorizontalRule.config').BorderStyle>;
+        size: PropTypes.Requireable<import('./HorizontalRule.config').HRSize>;
+        borderStyle: PropTypes.Requireable<import('./HorizontalRule.config').HRBorderStyle>;
     };
     displayName: string;
 };

package/react/src/components/atoms/HorizontalRule/index.d.ts

@@ -0,0 +1,4 @@
+export * from './HorizontalRule';
+export * from './HorizontalRule.config';
+export { default as DsHR } from './HorizontalRule';
+export { default as horizontalRuleConfig } from './HorizontalRule.config';

package/react/src/components/atoms/Icon/Icon.config.d.ts

@@ -0,0 +1,125 @@
+export declare enum IconColor {
+    Primary = "primary",
+    PrimaryLightest = "primary-lightest",
+    PrimaryLighter = "primary-lighter",
+    PrimaryLight = "primary-light",
+    PrimaryDark = "primary-dark",
+    PrimaryDarker = "primary-darker",
+    Neutral90 = "neutral-90",
+    Neutral80 = "neutral-80",
+    Neutral60 = "neutral-60",
+    Neutral40 = "neutral-40",
+    Neutral20 = "neutral-20",
+    Neutral10 = "neutral-10",
+    Neutral05 = "neutral-05",
+    Neutral00 = "neutral-00",
+    Secondary = "secondary",
+    SecondaryLightest = "secondary-lightest",
+    SecondaryLighter = "secondary-lighter",
+    SecondaryLight = "secondary-light",
+    SecondaryDark = "secondary-dark",
+    SecondaryDarker = "secondary-darker",
+    Success = "success",
+    SuccessLighter = "success-lighter",
+    SuccessLight = "success-light",
+    SuccessDark = "success-dark",
+    Warning = "warning",
+    WarningLighter = "warning-lighter",
+    WarningLight = "warning-light",
+    WarningDark = "warning-dark",
+    Danger = "danger",
+    DangerLighter = "danger-lighter",
+    DangerLight = "danger-light",
+    DangerDark = "danger-dark",
+    Info = "info",
+    InfoLighter = "info-lighter",
+    InfoLight = "info-light",
+    InfoDark = "info-dark"
+}
+export declare enum IconVariation {
+    Outlined = "outlined",
+    Rounded = "rounded",
+    Sharp = "sharp"
+}
+export declare enum IconSize {
+    XXS = "xxs",
+    XS = "xs",
+    SM = "sm",
+    MD = "md",
+    LG = "lg",
+    XL = "xl",
+    XXL = "xxl",
+    XXXL = "xxxl",
+    Huge = "huge"
+}
+export declare enum IconWeight {
+    Bold = "bold",
+    Semibold = "semibold",
+    Medium = "medium",
+    Regular = "regular",
+    Light = "light",
+    Extralight = "extralight"
+}
+export interface IconFontVariationSettings {
+    fill: number;
+    grad: number;
+    weight: number;
+    opticalSize: number;
+}
+export interface IconColorProps {
+    type: StringConstructor;
+    default: IconColor;
+    options: IconColor[];
+}
+export interface IconImageProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface IconVariationProps {
+    type: StringConstructor;
+    default: IconVariation;
+    options: IconVariation[];
+}
+export interface IconSizeProps {
+    type: StringConstructor;
+    default: IconSize;
+    options: IconSize[];
+}
+export interface IconFontVariationSettingsProps {
+    type: ObjectConstructor;
+    default: IconFontVariationSettings;
+}
+export interface IconFillProps {
+    type: BooleanConstructor;
+    default: boolean;
+}
+export interface IconWeightProps {
+    type: StringConstructor;
+    default: IconWeight;
+    options: IconWeight[];
+}
+export interface IconTestIdProps {
+    type: StringConstructor;
+    default: string;
+}
+export interface IconOnClickProps {
+    type: FunctionConstructor;
+    default: () => void;
+}
+export interface IconConfig {
+    name: string;
+    class: string;
+    props: {
+        color: IconColorProps;
+        image: IconImageProps;
+        variation: IconVariationProps;
+        size: IconSizeProps;
+        fontVariationSettings: IconFontVariationSettingsProps;
+        fill: IconFillProps;
+        weight: IconWeightProps;
+        testId: IconTestIdProps;
+        onClick: IconOnClickProps;
+    };
+}
+declare const iconConfig: IconConfig;
+export default iconConfig;

package/react/{components → src/components}/atoms/Icon/Icon.d.ts

@@ -22,12 +22,12 @@ export interface DsIconProps {
 declare const DsIcon: {
     ({ image, color, className, size, fill, weight, testId, onClick, }: DsIconProps): import("react/jsx-runtime").JSX.Element;
     propTypes: {
-        color: PropTypes.Requireable<import('./Icon.config').Color>;
+        color: PropTypes.Requireable<import('./Icon.config').IconColor>;
         image: PropTypes.Requireable<string>;
         fontVariationSettings: PropTypes.Requireable<object>;
-        size: PropTypes.Requireable<import('./Icon.config').Size>;
+        size: PropTypes.Requireable<import('./Icon.config').IconSize>;
         fill: PropTypes.Requireable<boolean>;
-        weight: PropTypes.Requireable<import('./Icon.config').Weight>;
+        weight: PropTypes.Requireable<import('./Icon.config').IconWeight>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
     };
     displayName: string;

package/react/{components → src/components}/atoms/Icon/Icon.stories.d.ts

@@ -7,10 +7,10 @@ export declare const Default: {
     render: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DsIconProps>;
     args: {
         image: string;
-        color: import('./Icon.config').Color;
-        size: import('./Icon.config').Size;
+        color: import('.').IconColor;
+        size: import('.').IconSize;
         fill: boolean;
-        weight: import('./Icon.config').Weight;
+        weight: import('.').IconWeight;
     };
 };
 export declare const List: {

package/react/src/components/atoms/Icon/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Icon';
+export * from './Icon.config';
+export { default as DsIcon } from './Icon';
+export { default as iconConfig } from './Icon.config';