@itcase/ui 1.8.94 → 1.8.95

package/dist/types/components/Loader/Loader.appearance.d.ts

@@ -1,3 +1,467 @@
-import { LoaderAppearance } from './Loader.interface';
-declare const loaderAppearance: LoaderAppearance;
+declare const loaderAppearance: {
+    solid?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    outlined?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    full?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    ghost?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    accentPrimary?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    accentQuaternary?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    accentSecondary?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    accentTertiary?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    dangerPrimary?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    dangerQuaternary?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    dangerSecondary?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    dangerTertiary?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    disabledPrimary?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    disabledQuaternary?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    disabledSecondary?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    disabledTertiary?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    errorPrimary?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    errorQuaternary?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    errorSecondary?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    errorTertiary?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    extraPrimary?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    extraQuaternary?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    extraSecondary?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    extraTertiary?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    infoPrimary?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    infoQuaternary?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    infoSecondary?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    infoTertiary?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    specialPrimary?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    specialQuaternary?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    specialSecondary?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    specialTertiary?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    successPrimary?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    successQuaternary?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    successSecondary?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    successTertiary?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    surfacePrimary?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    surfaceQuaternary?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    surfaceSecondary?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    surfaceTertiary?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    warningPrimary?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    warningQuaternary?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    warningSecondary?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    warningTertiary?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    circular?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    geometric?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    rounded?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    roundedL?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    roundedM?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    roundedS?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    roundedXL?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    sizeXXS?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    sizeXS?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    sizeS?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    sizeM?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    sizeL?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    sizeXL?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+    sizeXXL?: {
+        borderColor?: import("@itcase/types").BorderColorProps;
+        fill?: import("@itcase/types").FillProps;
+        itemFill?: import("@itcase/types").ItemFillProps;
+        size?: import("@itcase/types").SizeProps;
+        textColor?: import("@itcase/types").TextColorProps;
+        textSize?: import("@itcase/types").TextSizeProps;
+    } | undefined;
+};
 export { loaderAppearance };

package/dist/types/components/Loader/Loader.interface.d.ts

@@ -1,33 +1,31 @@
 import { CSSProperties, ReactNode } from 'react';
-import { AppearanceKeysDefault, BorderColorProps, FillProps, HeightProps, ItemColorProps, SizeAppearanceKey, SizeProps, TextColorProps, TextSizeProps, WidthProps } from '@itcase/types';
+import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceKey, FillProps, ItemFillProps, ShapeProps, ShapeStrengthProps, SizeProps, TextColorProps, TextSizeProps } from '@itcase/types';
 import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
 type LoaderAppearanceProps = {
     borderColor?: BorderColorProps;
     fill?: FillProps;
-    height?: HeightProps;
-    itemFill?: ItemColorProps;
+    itemFill?: ItemFillProps;
     size?: SizeProps;
     textColor?: TextColorProps;
     textSize?: TextSizeProps;
-    width?: WidthProps;
 };
-type LoaderProps = {
-    appearance?: AppearanceKeysDefault;
+type LoaderProps = LoaderAppearanceProps & StyleAttributes & {
+    appearance?: CompositeAppearanceKey;
     children?: ReactNode;
     className?: string;
-    height?: string | HeightProps;
     isSkeleton?: boolean;
+    shape?: ShapeProps;
+    shapeStrength?: ShapeStrengthProps;
     style?: CSSProperties;
     text?: string;
-    type?: string | 'simple';
-    width?: string | WidthProps;
-} & LoaderAppearanceProps & StyleAttributes;
-type LoaderConfig = {
-    appearance: LoaderAppearance | undefined;
-    setAppearance: (newComponent: LoaderAppearance) => void;
+    type?: 'circular' | 'dot' | 'simple';
 };
-type LoaderAppearanceKey = AppearanceKeysDefault | SizeAppearanceKey;
+type LoaderAppearanceKey = AppearanceKeysDefault | AppearanceShapeKey | AppearanceSizeKey | AppearanceStyleKey;
 type LoaderAppearance = {
     [key in LoaderAppearanceKey]?: LoaderAppearanceProps;
 };
+type LoaderConfig = {
+    appearance: LoaderAppearance;
+    setAppearance: (appearanceConfig: LoaderAppearance) => void;
+};
 export type { LoaderAppearance, LoaderConfig, LoaderProps };

package/dist/types/components/Logo/Logo.d.ts

@@ -1,8 +1,4 @@
-import type { LogoConfig } from './Logo.interface';
+import type { LogoConfig, LogoProps } from './Logo.interface';
 declare const logoConfig: LogoConfig;
-declare const Logo: import("react").ForwardRefExoticComponent<{
-    imageSrc?: string;
-    src?: string;
-    svgSrc?: string;
-} & import("react").RefAttributes<HTMLDivElement>>;
+declare const Logo: import("react").ForwardRefExoticComponent<Omit<LogoProps, "ref"> & import("react").RefAttributes<unknown>>;
 export { Logo, logoConfig };

package/dist/types/components/Response/Response.d.ts

@@ -1,8 +1,4 @@
-import type { ResponseConfig } from './Response.interface';
+import type { ResponseConfig, ResponseProps } from './Response.interface';
 declare const responseConfig: ResponseConfig;
-declare const Response: import("react").ForwardRefExoticComponent<{
-    imageSrc?: string;
-    src?: string;
-    svgSrc?: string;
-} & import("react").RefAttributes<HTMLDivElement>>;
+declare const Response: import("react").ForwardRefExoticComponent<Omit<ResponseProps, "ref"> & import("react").RefAttributes<unknown>>;
 export { Response, responseConfig };

package/dist/types/components/SVGContent/SVGContent.d.ts

@@ -1,6 +1,3 @@
-declare const SVGContent: import("react").ForwardRefExoticComponent<{
-    imageSrc?: string;
-    src?: string;
-    svgSrc?: string;
-} & import("react").RefAttributes<HTMLDivElement>>;
+import type { SVGContentProps } from './SVGContent.interface';
+declare const SVGContent: import("react").ForwardRefExoticComponent<Omit<SVGContentProps, "ref"> & import("react").RefAttributes<unknown>>;
 export { SVGContent };

package/dist/types/components/Tile/Tile.appearance.d.ts

@@ -1,2 +1,60 @@
-import { TileAppearanceType } from './Tile.interface';
-export declare const tileAppearance: TileAppearanceType;
+export declare const tileAppearance: {
+    solid?: import("./Tile.interface").TileAppearanceProps | undefined;
+    outlined?: import("./Tile.interface").TileAppearanceProps | undefined;
+    full?: import("./Tile.interface").TileAppearanceProps | undefined;
+    ghost?: import("./Tile.interface").TileAppearanceProps | undefined;
+    accentPrimary?: import("./Tile.interface").TileAppearanceProps | undefined;
+    accentQuaternary?: import("./Tile.interface").TileAppearanceProps | undefined;
+    accentSecondary?: import("./Tile.interface").TileAppearanceProps | undefined;
+    accentTertiary?: import("./Tile.interface").TileAppearanceProps | undefined;
+    dangerPrimary?: import("./Tile.interface").TileAppearanceProps | undefined;
+    dangerQuaternary?: import("./Tile.interface").TileAppearanceProps | undefined;
+    dangerSecondary?: import("./Tile.interface").TileAppearanceProps | undefined;
+    dangerTertiary?: import("./Tile.interface").TileAppearanceProps | undefined;
+    disabledPrimary?: import("./Tile.interface").TileAppearanceProps | undefined;
+    disabledQuaternary?: import("./Tile.interface").TileAppearanceProps | undefined;
+    disabledSecondary?: import("./Tile.interface").TileAppearanceProps | undefined;
+    disabledTertiary?: import("./Tile.interface").TileAppearanceProps | undefined;
+    errorPrimary?: import("./Tile.interface").TileAppearanceProps | undefined;
+    errorQuaternary?: import("./Tile.interface").TileAppearanceProps | undefined;
+    errorSecondary?: import("./Tile.interface").TileAppearanceProps | undefined;
+    errorTertiary?: import("./Tile.interface").TileAppearanceProps | undefined;
+    extraPrimary?: import("./Tile.interface").TileAppearanceProps | undefined;
+    extraQuaternary?: import("./Tile.interface").TileAppearanceProps | undefined;
+    extraSecondary?: import("./Tile.interface").TileAppearanceProps | undefined;
+    extraTertiary?: import("./Tile.interface").TileAppearanceProps | undefined;
+    infoPrimary?: import("./Tile.interface").TileAppearanceProps | undefined;
+    infoQuaternary?: import("./Tile.interface").TileAppearanceProps | undefined;
+    infoSecondary?: import("./Tile.interface").TileAppearanceProps | undefined;
+    infoTertiary?: import("./Tile.interface").TileAppearanceProps | undefined;
+    specialPrimary?: import("./Tile.interface").TileAppearanceProps | undefined;
+    specialQuaternary?: import("./Tile.interface").TileAppearanceProps | undefined;
+    specialSecondary?: import("./Tile.interface").TileAppearanceProps | undefined;
+    specialTertiary?: import("./Tile.interface").TileAppearanceProps | undefined;
+    successPrimary?: import("./Tile.interface").TileAppearanceProps | undefined;
+    successQuaternary?: import("./Tile.interface").TileAppearanceProps | undefined;
+    successSecondary?: import("./Tile.interface").TileAppearanceProps | undefined;
+    successTertiary?: import("./Tile.interface").TileAppearanceProps | undefined;
+    surfacePrimary?: import("./Tile.interface").TileAppearanceProps | undefined;
+    surfaceQuaternary?: import("./Tile.interface").TileAppearanceProps | undefined;
+    surfaceSecondary?: import("./Tile.interface").TileAppearanceProps | undefined;
+    surfaceTertiary?: import("./Tile.interface").TileAppearanceProps | undefined;
+    warningPrimary?: import("./Tile.interface").TileAppearanceProps | undefined;
+    warningQuaternary?: import("./Tile.interface").TileAppearanceProps | undefined;
+    warningSecondary?: import("./Tile.interface").TileAppearanceProps | undefined;
+    warningTertiary?: import("./Tile.interface").TileAppearanceProps | undefined;
+    circular?: import("./Tile.interface").TileAppearanceProps | undefined;
+    geometric?: import("./Tile.interface").TileAppearanceProps | undefined;
+    rounded?: import("./Tile.interface").TileAppearanceProps | undefined;
+    roundedL?: import("./Tile.interface").TileAppearanceProps | undefined;
+    roundedM?: import("./Tile.interface").TileAppearanceProps | undefined;
+    roundedS?: import("./Tile.interface").TileAppearanceProps | undefined;
+    roundedXL?: import("./Tile.interface").TileAppearanceProps | undefined;
+    sizeXXS?: import("./Tile.interface").TileAppearanceProps | undefined;
+    sizeXS?: import("./Tile.interface").TileAppearanceProps | undefined;
+    sizeS?: import("./Tile.interface").TileAppearanceProps | undefined;
+    sizeM?: import("./Tile.interface").TileAppearanceProps | undefined;
+    sizeL?: import("./Tile.interface").TileAppearanceProps | undefined;
+    sizeXL?: import("./Tile.interface").TileAppearanceProps | undefined;
+    sizeXXL?: import("./Tile.interface").TileAppearanceProps | undefined;
+};