@namba_one/ui-kit-2 1.0.4 → 1.0.5

package/dist/index.d.ts

@@ -10,16 +10,11 @@ import { PublicProps } from 'vue';
 import { Ref } from 'vue';
 import { RendererElement } from 'vue';
 import { RendererNode } from 'vue';
-import { SvgName } from '~virtual/svg-component';
 import { VNode } from 'vue';
 
-declare const __VLS_component: DefineComponent<ButtonProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
-click: (e: Event) => any;
-}, string, PublicProps, Readonly<ButtonProps> & Readonly<{
-onClick?: ((e: Event) => any) | undefined;
-}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const __VLS_component: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
 
-declare const __VLS_component_2: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component_2: DefineComponent<TheTextProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TheTextProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -27,7 +22,7 @@ declare function __VLS_template(): {
         default?(_: {}): any;
     };
     refs: {};
-    rootEl: any;
+    rootEl: HTMLDivElement;
 };
 
 declare function __VLS_template_2(): {
@@ -57,45 +52,9 @@ declare type __VLS_WithTemplateSlots_2<T, S> = T & {
 
 declare const aligns: readonly ["left", "center", "right"];
 
-export declare const Button: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
-
-export declare const ButtonBase: DefineComponent<ButtonBaseProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
-click: (e: Event) => any;
-}, string, PublicProps, Readonly<ButtonBaseProps> & Readonly<{
-onClick?: ((e: Event) => any) | undefined;
-}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-
-export declare type ButtonBaseEmits = {
-    (event: 'click', e: Event): void;
-};
-
-export declare type ButtonBaseProps = {
-    tag?: (typeof tags)[number];
-    href?: string;
-    type?: (typeof types)[number];
-    isLoading?: boolean;
-    isDisabled?: boolean;
-};
-
-export declare type ButtonProps = ButtonBaseProps & {
-    view: (typeof views)[number];
-    size: (typeof sizes)[number];
-    interactionType?: InteractionType;
-    radius?: (typeof radiusSize)[number];
-    iconLeft?: IconName;
-    iconRight?: IconName;
-    isWide?: boolean;
-};
-
-export declare const ButtonSkeleton: DefineComponent<ButtonSkeletonProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ButtonSkeletonProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-
-export declare type ButtonSkeletonProps = {
-    size: (typeof sizes)[number];
-};
+declare type Color = typeof colors[number];
 
-declare const colors: readonly ["inherit", "base", "secondary", "brand-accent", "brand-market", "error", "success", "inverse", "inverse-secondary", "disable"];
-
-declare const colors_2: readonly ["brand-accent", "secondary", "base", "error", "success", "inverse", "green", "blue", "red", "disable"];
+declare const colors: readonly ["text-common-base-primary-default", "text-common-base-secondary-default", "bg-common-base-primary-default", "bg-common-brand-primary-default", "bg-common-brand-secondary-default", "bg-common-base-secondary-default", "text-common-base-inverse-default", "bg-common-critical-primary-default", "bg-common-critical-secondary-default", "bg-common-success-primary-default", "bg-common-success-secondary-default", "text-common-primary-default", "text-common-critical-primary-default", "text-common-success-primary-default", "icon-common-base-primary-default", "icon-common-base-secondary-default", "icon-common-base-tertiary-default", "icon-common-brand-primary-default", "icon-common-critical-primary-default", "icon-common-success-primary-default", "border-common-base-primary", "border-common-brand-primary", "border-common-critical-primary", "border-common-success-primary", "bg-disable-default", "text-disable-default", "icon-disable-primary", "text-button-base-primary", "text-button-base-inverse", "text-button-brand-primary", "text-button-critical-primary", "text-button-success-primary", "bg-button-base-secondary-default", "bg-button-base-primary-default", "bg-button-brand-default", "bg-button-success-default", "bg-button-critical-default", "icon-button-base-primary", "icon-button-base-inverse", "icon-button-brand-primary", "icon-button-critical-primary", "icon-button-success-primary", "bg-input-base-primary-default", "text-input-base-primary", "icon-input-base-primary", "border-input-base-primary", "bg-common-base-tertiary-default", "text-input-base-secondary", "bg-button-base-inverse-default", "bg-common-base-inverse-default", "border-input-accent-critical", "bg-common-opacity-base-300", "bg-common-opacity-base-500", "background-layout-layout-2", "background-layout-layout-1", "text-common-base-base", "icon-common-base-base-500", "background-state-action-base-t-active", "text-common-base-base-500", "icon-common-base-base", "icon-common-base-base-600", "text-common-base-base-600", "border-common-base-base-1000-5", "background-surface-account-account-2", "background-surface-account-account-3", "background-surface-account-account-4", "background-surface-account-account-1", "background-surface-account-account-5", "background-surface-account-account-6", "background-surface-account-account-7", "background-surface-account-account-8", "background-surface-account-account-9", "foreground-surface-account-account-1-primary", "foreground-surface-account-account-2-primary", "foreground-surface-account-account-3-primary", "foreground-surface-account-account-4-primary", "foreground-surface-account-account-5-primary", "foreground-surface-account-account-6-primary", "foreground-surface-account-account-7-primary", "foreground-surface-account-account-8-primary", "foreground-surface-account-account-9-primary", "foreground-surface-account-account-8-secondary", "foreground-surface-account-account-7-secondary", "foreground-surface-account-account-3-secondary", "foreground-surface-account-account-5-secondary", "foreground-surface-account-account-4-secondary", "foreground-surface-account-account-6-secondary", "foreground-surface-account-account-2-secondary", "foreground-surface-account-product-9-secondary", "foreground-surface-account-account-1-secondary", "background-surface-layout-1-surface", "background-surface-popover-base", "foreground-layout-layout-1-primary", "foreground-layout-layout-2-primary", "foreground-layout-layout-2-secondary", "foreground-layout-layout-1-secondary", "background-surface-layout-1-surface-2", "foreground-surface-layout-1-surface-2-primary", "foreground-surface-layout-1-surface-2-critical", "foreground-layout-layout-1-success", "border-layout-layout-1-base", "interactive-base-surface-2", "interactive-text-base-surface-2", "interactive-text-base", "background-interactive-button-product-surface", "foreground-interactive-button-product-surface", "foreground-surface-layout-1-surface-primary", "foreground-surface-popover-base", "border-surface-popover-base", "foreground-surface-popover-base-secondary", "foreground-surface-popover-base-critical", "foreground-surface-layout-1-surface-2-secondary", "background-surface-account-account-1-t-0", "background-surface-account-account-8-t-0", "background-surface-account-account-5-t-0", "background-surface-account-account-7-t-0", "background-surface-account-account-6-t-0", "background-surface-account-account-9-t-0", "background-surface-account-account-3-t-0", "background-surface-account-account-4-t-0", "background-surface-account-account-2-t-0", "background-surface-layout-1-surface-3", "border-layout-layout-1-primary", "background-interactive-input-input-base", "foreground-interactive-input-base-primary", "foreground-interactive-input-base-placeholder", "foreground-interactive-input-base-secondary", "background-element-avatar-base-t", "foreground-layout-layout-1-critical", "border-input-base-primary-2", "border-input-base-primary-3", "border-interactive-input-base", "border-interactive-input-base-critical", "background-surface-account-account-4-contrast", "background-surface-account-account-2-contrast", "background-surface-account-account-1-contrast", "background-surface-account-account-8-contrast", "background-surface-account-account-3-contrast", "background-surface-account-account-7-contrast", "background-surface-account-account-5-contrast", "background-surface-account-account-6-contrast", "background-surface-account-account-9-contrast", "background-interactive-button-base", "foreground-interactive-button-base", "background-interactive-button-surface", "foreground-interactive-button-surface-filled", "background-layout-overlay", "background-surface-modal-base", "background-interactive-button-primary", "foreground-interactive-button-primary", "background-surface-popover-base-0", "background-interactive-scroll-primary-t", "background-surface-layout-1-surface-2-t-0", "illustration-illustration-bg-critical", "background-surface-tooltip-primary", "foreground-element-tooltip-primary", "border-interactive-input-base-focus", "bg-input-base-primary-default-2", "foreground-element-avatar-base-t", "border-element-avatar-base-t", "foreground-interactive-button-primary-flat", "bg-common-brand-primary-default-2", "foreground-interactive-input-focus-cursor-brand", "background-interactive-input-input-base-focus", "foreground-interactive-button-brand-flat", "illustration-illustration-bg-base-contrast", "illustration-illustration-border-base", "illustration-illustration-border-primary", "illustration-illustration-background", "illustration-illustration-border-base-contrast-primary", "background-on-primary-overlay", "background-element-badge-base-t", "foreground-element-badge-base-t", "background-surface-layout-1-surface-t-0", "foreground-layout-layout-1-brand", "background-surface-layout-1-succes", "background-surface-layout-1-critical", "background-surface-layout-1-succes-contrast", "background-surface-layout-1-critical-contrast", "foreground-surface-layout-1-critical-contrast-primary", "foreground-surface-layout-1-surface-success-contrast", "border-layout-layout-1-surface", "background-interactive-select-base-2", "foreground-interactive-select-base-2-placeholder", "foreground-interactive-select-base-2-primary", "border-interactive-select-select-base-critical", "border-interactive-select-base-focus", "border-interactive-select-base", "foreground-interactive-select-base-2-critical", "background-element-badge-success", "foreground-element-badge-succes", "background-element-badge-critical", "foreground-element-badge-critical", "background-element-badge-brand", "foreground-element-badge-brand", "border-layout-layout-1", "text-button-base-secondary", "icon-button-base-secondary", "background-interactive-button-critical-contrast", "foreground-interactive-button-critical-contrast", "bg-button-critical-default-2", "background-interactive-button-critical", "foreground-interactive-button-critical", "background-surface-layout-1-surface-4", "background-surface-layout-1-warning", "foreground-surface-layout-1-surface-2-warning"];
 
 export declare const Currency: {
     readonly KGS: "KGS";
@@ -103,49 +62,49 @@ export declare const Currency: {
 
 export declare type Currency = (typeof Currency)[keyof typeof Currency];
 
-declare type FontName = (typeof fonts)[number];
-
-declare const fonts: readonly ["titleHuge", "titleExtraLarge", "titleLarge", "titleLargeBold", "titleLargeHeavy", "titleLargeRegular", "titleMedium", "titleSmall", "titleSmallRegular", "titleExtraSmallBold", "titleExtraSmall", "headlineMedium", "headlineSmall", "subheadLarge", "subheadMedium", "subheadSmall", "body", "bodyMedium", "textLarge", "textMedium", "textSmall", "captionLarge", "captionMedium", "captionSmall"];
-
 declare type GlobalConfig = {
     interactionType: InteractionType;
 };
 
-export declare const Icon: DefineComponent<IconBaseProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<IconBaseProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export declare const Icon: DefineComponent<IconBaseProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<IconBaseProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, SVGSVGElement>;
 
 export declare type IconBaseProps = {
-    name: SvgName;
-    color: (typeof colors_2)[number];
+    name: IconName;
+    color: Color;
     size?: number | string;
 };
 
-export declare type IconName = SvgName;
+export declare type IconName = (typeof iconNames)[number];
+
+declare const iconNames: readonly ["box", "call", "carousel", "check", "chevronDown", "chevronLeft", "chevronRight", "chevronUp", "copy", "cross", "currency_bold", "currency_medium", "currency_regular", "currency_semibold", "download", "edit", "euro", "eyeClose", "eyeOpen", "image", "image_outline", "logout", "move", "placeholder", "plus", "promo", "shop", "sort-by-down", "sort-by-up", "success", "success_filled", "trash", "upload", "user", "warning", "warning_filled"];
 
-export declare const Loader: DefineComponent<LoaderProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<LoaderProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export declare const Loader: DefineComponent<LoaderProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<LoaderProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
 export declare type LoaderProps = {
-    view?: (typeof views_2)[number];
-    size?: (typeof sizes_2)[number];
+    view: (typeof views)[number];
+    size: number | string;
 };
 
 declare const NambaOneUIKit: Plugin_2;
 export default NambaOneUIKit;
 
-declare const objectFitOptions: readonly ["cover", "contain"];
+declare const objectFits: readonly ["cover", "contain"];
 
-declare const radiusSize: readonly ["m", "s"];
+declare const sizes: readonly ["title1", "title2", "title3", "headline", "body", "subhead", "caption"];
 
-declare const sizes: readonly ["xl", "l", "m", "s"];
+export declare const SkeletonWrapper: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 
-declare const sizes_2: readonly ["xs", "s", "m", "l", "xl"];
-
-declare const skeletonSizes: readonly ["title_huge", "title_large", "title_medium", "title_small", "title_extraSmall", "headline_small", "subhead_large", "text_small", "caption_small"];
+declare interface SpriteService {
+    install(app: App): void;
+}
 
-export declare const SkeletonWrapper: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export declare const spriteService: SpriteServiceImp;
 
-declare const tags: readonly ["button", "a", "span", "router-link"];
+declare class SpriteServiceImp implements SpriteService {
+    install(): Promise<void>;
+}
 
-declare const tags_2: readonly ["span", "p", "div", "h1", "h2", "h3", "h4", "h5", "h6"];
+declare const tags: readonly ["span", "p", "div", "h1", "h2", "h3", "h4", "h5", "h6"];
 
 export declare const TheImage: DefineComponent<TheImageProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TheImageProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
@@ -154,51 +113,27 @@ export declare type TheImageProps = {
     alt: string;
     width: string | number;
     height: string | number;
-    objectFit: (typeof objectFitOptions)[number];
+    objectFit: (typeof objectFits)[number];
     hasPlaceholder?: boolean;
     hasPriority?: boolean;
     isLayoutFill?: boolean;
-    hasMixBlendMode?: boolean;
-};
-
-export declare const ThePicture: DefineComponent<ThePictureProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ThePictureProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-
-export declare type ThePictureProps = {
-    src: string;
-    alt: string;
-    width: string | number;
-    height: string | number;
-    objectFit: 'cover' | 'contain';
-    hasPriority?: boolean;
 };
 
-export declare const TheText: DefineComponent<TheTextProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TheTextProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+export declare const TheText: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
 
 export declare type TheTextProps = {
-    testId?: string;
-    tag?: (typeof tags_2)[number];
-    name?: FontName;
+    tag?: (typeof tags)[number];
+    size?: (typeof sizes)[number];
     align?: (typeof aligns)[number];
-    color?: (typeof colors)[number];
-    isEllipsis?: boolean;
+    weight?: (typeof weights)[number];
+    color?: Color | 'inherit';
     numberOfLines?: number | string;
-    fontFamily?: 'SfProDisplay' | 'SFMono';
-};
-
-export declare const TheTextSkeleton: DefineComponent<TheTextSkeletonProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<TheTextSkeletonProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
-
-export declare type TheTextSkeletonProps = {
-    color: (typeof colors)[number];
-    size: (typeof skeletonSizes)[number];
-    widthRange?: [number, number];
+    isMono?: boolean;
 };
 
 export declare type Toast = {
-    icon?: Maybe<IconName>;
     title: string;
-    timer?: number;
-    buttonText?: string;
-    onButtonClick?: () => void;
+    view: 'danger' | 'success';
 };
 
 export declare const Toaster: DefineComponent<    {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {
@@ -224,18 +159,12 @@ export declare const toastService: ToastServiceImpl;
 
 declare class ToastServiceImpl implements ToastService {
     list: Ref<{
-        icon?: Maybe<IconName> | undefined;
         title: string;
-        timer?: number | undefined;
-        buttonText?: string | undefined;
-        onButtonClick?: (() => void) | undefined;
+        view: "danger" | "success";
         id: number;
     }[], ToastListItem[] | {
-        icon?: Maybe<IconName> | undefined;
         title: string;
-        timer?: number | undefined;
-        buttonText?: string | undefined;
-        onButtonClick?: (() => void) | undefined;
+        view: "danger" | "success";
         id: number;
     }[]>;
     private timeouts;
@@ -243,7 +172,7 @@ declare class ToastServiceImpl implements ToastService {
     pauseTimeouts(): void;
     remove(id: number): void;
     show(params: Toast | string): void;
-    showError(text?: string, icon?: IconName): void;
+    showError(text?: string): void;
     install(app: App): void;
 }
 
@@ -278,9 +207,9 @@ type: PropType<TransitionFadeProps["duration"]>;
 default: number;
 };
 }>> & Readonly<{}>, {
-duration: number | undefined;
 mode: "default" | "in-out" | "out-in" | undefined;
 appear: boolean | undefined;
+duration: number | undefined;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
 declare type TransitionFadeProps = {
@@ -289,16 +218,12 @@ declare type TransitionFadeProps = {
     duration?: number;
 };
 
-export declare const TransitionVisibilityToggle: __VLS_WithTemplateSlots_2<typeof __VLS_component_2, __VLS_TemplateResult_2["slots"]>;
-
-declare const types: readonly ["button", "submit"];
-
 export declare const useGlobalConfig: () => GlobalConfig;
 
 export declare const useGlobalConfigProvide: (config: Partial<GlobalConfig>) => void;
 
-declare const views: readonly ["primary", "tertiary", "outlineBase", "system", "brandOpacity", "secondary", "criticalOnSurface", "criticalOpacity", "onDarkPrimary", "base"];
+declare const views: readonly ["default", "critical", "surface", ""];
 
-declare const views_2: readonly ["orange", "white", "black", "gray", "red"];
+declare const weights: readonly ["regular", "medium", "semibold", "bold"];
 
 export { }