@nmorph/nmorph-ui-kit 2.2.58 → 3.0.0

package/dist/package.json.js

@@ -1,4 +1,4 @@
-const a = "2.2.58", e = {
+const a = "3.0.0", e = {
   version: a
 };
 export {

package/dist/plugin.js

@@ -1,57 +1,60 @@
-import { useCommonStyles as h } from "./hooks/use-common-styles.js";
+import { useCommonStyles as i } from "./hooks/use-common-styles.js";
 import { getCommonStyles as L } from "./hooks/use-common-styles.js";
-import { useNmorphTranslation as f } from "./hooks/use-nmorph-translation.js";
-import { useNmorphBrowser as c } from "./outside-hooks/use-nmorph-browser.js";
+import { useNmorphTranslation as c } from "./hooks/use-nmorph-translation.js";
+import { useNmorphBrowser as f } from "./outside-hooks/use-nmorph-browser.js";
 import { useNmorphTheme as N } from "./outside-hooks/use-nmorph-theme.js";
 import { getNmorphThemeStyles as M } from "./outside-hooks/use-nmorph-theme.js";
 import { useNmorphZIndex as g } from "./outside-hooks/use-nmorph-z-index.js";
 import { default as z } from "./locales/ru.js";
-import { default as D } from "./locales/zh.js";
-import { default as H } from "./locales/en.js";
-import { nmorphLog as j } from "./outside-utils/index.js";
+import { default as E } from "./locales/zh.js";
+import { default as A } from "./locales/en.js";
+import { nmorphLog as O } from "./outside-utils/index.js";
 import { useNmorph as F } from "./outside-hooks/use-nmorph.js";
 import { useNmorphNotification as P } from "./outside-hooks/use-nmorph-notification.js";
-import { AvatarShapeType as U, NmorphImageFit as Z } from "./types/image.types.js";
-import { Locale as q } from "./types/translation.types.js";
-import { NmorphColor as K, NmorphComponentDirection as Q, NmorphComponentHeight as W, NmorphComponentPosition as X, NmorphSelectionControlHeight as Y, NmorphShadowType as $ } from "./types/common.types.js";
-import { NmorphRadioStyleType as oo } from "./types/selection.types.js";
-import { NmorphSelectionDateType as ro } from "./types/date.types.js";
-import { NmorphSortOrder as mo } from "./types/table.types.js";
+import { AvatarShapeType as W, NmorphImageFit as Z } from "./types/image.types.js";
+import { Locale as H } from "./types/translation.types.js";
+import { NmorphColor as K, NmorphComponentDirection as Q, NmorphComponentPosition as R, NmorphComponentThickness as X, NmorphElementDesign as Y, NmorphSelectionControlThickness as $, NmorphShadowType as V, NmorphTextAlign as oo, NmorphTypographyColor as eo, NmorphTypographyVariant as ro, NmorphTypographyWeight as to } from "./types/common.types.js";
+import { NmorphSelectionDateType as no } from "./types/date.types.js";
+import { NmorphSortOrder as ao } from "./types/table.types.js";
 const x = {
   install(o, r = {}) {
     if (!r?.i18n?.outsideMessagesMerge) {
-      const e = f(r.i18n), t = o.__VUE_I18N__?.global, p = !!(o.component("i18n-t") || o.component("I18nT") || o.directive("t"));
-      t?.mergeLocaleMessage ? (e.global.messages.value && Object.entries(e.global.messages.value).forEach(([s, i]) => {
-        t.mergeLocaleMessage?.(s, i);
-      }), t.locale && e.global.locale.value && (t.locale.value = e.global.locale.value)) : p || o.use(e);
+      const e = c(r.i18n), t = o.__VUE_I18N__?.global, s = !!(o.component("i18n-t") || o.component("I18nT") || o.directive("t"));
+      t?.mergeLocaleMessage ? (e.global.messages.value && Object.entries(e.global.messages.value).forEach(([l, h]) => {
+        t.mergeLocaleMessage?.(l, h);
+      }), t.locale && e.global.locale.value && (t.locale.value = e.global.locale.value)) : s || o.use(e);
     }
-    h();
-    const m = N(r.theme), n = c(), a = g(r.zIndex), l = { theme: m, browser: n, zIndex: a };
-    return o.provide("nmorph", l), o;
+    i();
+    const m = N(r.theme), n = f(), p = g(r.zIndex), a = { theme: m, browser: n, zIndex: p };
+    return o.provide("nmorph", a), o;
   }
-}, S = x;
+}, v = x;
 export {
-  U as AvatarShapeType,
-  q as Locale,
+  W as AvatarShapeType,
+  H as Locale,
   K as NmorphColor,
   Q as NmorphComponentDirection,
-  W as NmorphComponentHeight,
-  X as NmorphComponentPosition,
+  R as NmorphComponentPosition,
+  X as NmorphComponentThickness,
+  Y as NmorphElementDesign,
   Z as NmorphImageFit,
-  S as NmorphLibrary,
-  oo as NmorphRadioStyleType,
-  Y as NmorphSelectionControlHeight,
-  ro as NmorphSelectionDateType,
-  $ as NmorphShadowType,
-  mo as NmorphSortOrder,
-  H as en,
+  v as NmorphLibrary,
+  $ as NmorphSelectionControlThickness,
+  no as NmorphSelectionDateType,
+  V as NmorphShadowType,
+  ao as NmorphSortOrder,
+  oo as NmorphTextAlign,
+  eo as NmorphTypographyColor,
+  ro as NmorphTypographyVariant,
+  to as NmorphTypographyWeight,
+  A as en,
   L as getCommonStyles,
   M as getNmorphThemeStyles,
-  j as nmorphLog,
+  O as nmorphLog,
   z as ru,
   F as useNmorph,
-  c as useNmorphBrowser,
+  f as useNmorphBrowser,
   P as useNmorphNotification,
   N as useNmorphTheme,
-  D as zh
+  E as zh
 };

package/dist/src/components/basic/index.d.ts

@@ -9,3 +9,5 @@ export * from './nmorph-link/types';
 export { default as NmorphScroll } from './nmorph-scroll/NmorphScroll.vue';
 export * from './nmorph-scroll/types';
 export { default as NmorphSpace } from './nmorph-space/NmorphSpace.vue';
+export { default as NmorphText } from './nmorph-text/NmorphText.vue';
+export * from './nmorph-text/types';

package/dist/src/components/basic/nmorph-button/NmorphButton.vue.d.ts

@@ -8,7 +8,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphButtonPr
     "onUpdate:model-value"?: (val: boolean) => any;
 }>, {
     fill: boolean;
-    styleType: "default" | "transparent";
+    design: "nmorph" | "plain";
     color: string;
     loading: boolean;
     ripple: boolean;
@@ -21,7 +21,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphButtonPr
     modelValue: boolean;
     active: boolean;
     danger: boolean;
-    height: "basic" | "thick" | "thin";
+    thickness: "basic" | "thick" | "thin";
     disabled: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {
     buttonDOMElement: HTMLButtonElement;

package/dist/src/components/basic/nmorph-button/types.d.ts

@@ -1,28 +1,26 @@
-import { INmorphCommonInputProps } from '../../../types';
-export declare enum NmorphButtonStyle {
-    default = "default",
-    transparent = "transparent"
-}
-export declare enum NmorphButtonType {
-    submit = "submit",
-    reset = "reset",
-    button = "button"
-}
-export declare enum NmorphButtonShape {
-    default = "default",
-    square = "square",
-    round = "round",
-    circle = "circle"
-}
+import { INmorphCommonInputProps, NmorphElementDesignType } from '../../../types';
+export declare const NmorphButtonType: {
+    readonly submit: "submit";
+    readonly reset: "reset";
+    readonly button: "button";
+};
+export type NmorphButtonType = keyof typeof NmorphButtonType;
+export declare const NmorphButtonShape: {
+    readonly default: "default";
+    readonly square: "square";
+    readonly round: "round";
+    readonly circle: "circle";
+};
+export type NmorphButtonShape = keyof typeof NmorphButtonShape;
 export interface INmorphButtonProps extends INmorphCommonInputProps {
-    styleType?: keyof typeof NmorphButtonStyle;
+    design?: NmorphElementDesignType;
     color?: string;
     loading?: boolean;
     ripple?: boolean;
-    type?: keyof typeof NmorphButtonType;
+    type?: NmorphButtonType;
     text?: string | number;
     accentBgOnHover?: boolean;
-    shape?: keyof typeof NmorphButtonShape;
+    shape?: NmorphButtonShape;
     fill?: boolean;
     tabindex?: number;
     toggle?: boolean;

package/dist/src/components/basic/nmorph-icon/NmorphIcon.vue.d.ts

@@ -2,9 +2,9 @@ import { INmorphIconProps } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphIconProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphIconProps> & Readonly<{}>, {
     color: string;
-    height: string;
     size: "small" | "medium" | "large";
     width: string;
+    height: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>, {
     default?(_: {}): any;
 }>;

package/dist/src/components/basic/nmorph-icon/NmorphIcons.d.ts

@@ -133,6 +133,7 @@ export { default as NmorphIconGoods } from '../../../assets/icons/goods.svg';
 export { default as NmorphIconGrape } from '../../../assets/icons/grape.svg';
 export { default as NmorphIconGrid } from '../../../assets/icons/grid.svg';
 export { default as NmorphIconGuide } from '../../../assets/icons/guide.svg';
+export { default as NmorphIconHand } from '../../../assets/icons/hand.svg';
 export { default as NmorphIconHandbag } from '../../../assets/icons/handbag.svg';
 export { default as NmorphIconHeadset } from '../../../assets/icons/headset.svg';
 export { default as NmorphIconHistogram } from '../../../assets/icons/histogram.svg';
@@ -150,6 +151,7 @@ export { default as NmorphIconKnifeFork } from '../../../assets/icons/knife-fork
 export { default as NmorphIconLightning } from '../../../assets/icons/lightning.svg';
 export { default as NmorphIconLink } from '../../../assets/icons/link.svg';
 export { default as NmorphIconList } from '../../../assets/icons/list.svg';
+export { default as NmorphIconListSimple } from '../../../assets/icons/list-simple.svg';
 export { default as NmorphIconLoaderDots } from '../../../assets/icons/loader.svg';
 export { default as NmorphIconLoader } from '../../../assets/icons/loading.svg';
 export { default as NmorphIconLoader1 } from '../../../assets/icons/loader.svg';
@@ -266,6 +268,8 @@ export { default as NmorphIconSoldOut } from '../../../assets/icons/sold-out.svg
 export { default as NmorphIconSortDown } from '../../../assets/icons/sort-down.svg';
 export { default as NmorphIconSortUp } from '../../../assets/icons/sort-up.svg';
 export { default as NmorphIconSort } from '../../../assets/icons/sort.svg';
+export { default as NmorphIconSpeakerOff } from '../../../assets/icons/speaker-off.svg';
+export { default as NmorphIconSpeaker } from '../../../assets/icons/speaker.svg';
 export { default as NmorphIconStamp } from '../../../assets/icons/stamp.svg';
 export { default as NmorphIconStarFilled } from '../../../assets/icons/star-filled.svg';
 export { default as NmorphIconStar } from '../../../assets/icons/star.svg';
@@ -305,6 +309,7 @@ export { default as NmorphIconUserFilled } from '../../../assets/icons/user-fill
 export { default as NmorphIconUser } from '../../../assets/icons/user.svg';
 export { default as NmorphIconUsers } from '../../../assets/icons/users.svg';
 export { default as NmorphIconVan } from '../../../assets/icons/van.svg';
+export { default as NmorphIconVideoCameraOff } from '../../../assets/icons/video-camera-off.svg';
 export { default as NmorphIconVideoCamera } from '../../../assets/icons/video-camera.svg';
 export { default as NmorphIconVideoPause } from '../../../assets/icons/video-pause.svg';
 export { default as NmorphIconVideoPlay } from '../../../assets/icons/video-play.svg';

package/dist/src/components/basic/nmorph-icon/types.d.ts

@@ -1,10 +1,11 @@
-export declare enum NmorphIconSize {
-    small = "small",
-    medium = "medium",
-    large = "large"
-}
+export declare const NmorphIconSize: {
+    readonly small: "small";
+    readonly medium: "medium";
+    readonly large: "large";
+};
+export type NmorphIconSize = keyof typeof NmorphIconSize;
 export interface INmorphIconProps {
-    size?: keyof typeof NmorphIconSize;
+    size?: NmorphIconSize;
     width?: string;
     height?: string;
     color?: string;

package/dist/src/components/basic/nmorph-link/types.d.ts

@@ -1,17 +1,18 @@
 import { NmorphColor } from '../../../types';
 export type NmorphLinkReferrerPolicy = '' | 'no-referrer' | 'no-referrer-when-downgrade' | 'origin' | 'origin-when-cross-origin' | 'same-origin' | 'strict-origin' | 'strict-origin-when-cross-origin' | 'unsafe-url';
-export declare enum NmorphLinkTarget {
-    self = "_self",
-    blank = "_blank",
-    parent = "_parent",
-    top = "_top"
-}
+export declare const NmorphLinkTarget: {
+    readonly self: "_self";
+    readonly blank: "_blank";
+    readonly parent: "_parent";
+    readonly top: "_top";
+};
+export type NmorphLinkTarget = keyof typeof NmorphLinkTarget;
 export interface INmorphLinkProps {
-    type?: keyof typeof NmorphColor;
+    type?: NmorphColor;
     underline?: boolean;
     href?: string;
     text?: string;
-    target?: keyof typeof NmorphLinkTarget;
+    target?: NmorphLinkTarget;
     rel?: string;
     referrerpolicy?: NmorphLinkReferrerPolicy;
     referrerPolicy?: NmorphLinkReferrerPolicy;

package/dist/src/components/basic/nmorph-scroll/types.d.ts

@@ -1,19 +1,21 @@
 import { INmorphCoords, NmorphDomElementType } from '../../../types';
 export type NmorphCoordsType = INmorphCoords<number>;
-export declare enum NmorphOverflowProp {
-    auto = "auto",
-    hidden = "hidden",
-    scroll = "scroll"
-}
-export declare enum NmorphScrollBehavior {
-    auto = "auto",
-    smooth = "smooth",
-    inherit = "inherit",
-    initial = "initial",
-    unset = "unset"
-}
-export type NmorphScrollOverflowType = keyof typeof NmorphOverflowProp;
-export type NmorphScrollBehaviorType = keyof typeof NmorphScrollBehavior;
+export declare const NmorphOverflowProp: {
+    readonly auto: "auto";
+    readonly hidden: "hidden";
+    readonly scroll: "scroll";
+};
+export type NmorphOverflowProp = keyof typeof NmorphOverflowProp;
+export declare const NmorphScrollBehavior: {
+    readonly auto: "auto";
+    readonly smooth: "smooth";
+    readonly inherit: "inherit";
+    readonly initial: "initial";
+    readonly unset: "unset";
+};
+export type NmorphScrollBehavior = keyof typeof NmorphScrollBehavior;
+export type NmorphScrollOverflowType = NmorphOverflowProp;
+export type NmorphScrollBehaviorType = NmorphScrollBehavior;
 export interface INmorphScrollProps {
     height?: string;
     maxHeight?: string;

package/dist/src/components/basic/nmorph-text/NmorphText.vue.d.ts

@@ -0,0 +1,20 @@
+import { INmorphTextProps, NmorphTextTag } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphTextProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphTextProps> & Readonly<{}>, {
+    color: string;
+    align: "left" | "right" | "inherit" | "center" | "justify";
+    as: NmorphTextTag;
+    variant: "body" | "caption" | "body-small" | "body-large" | "label" | "title-small" | "title" | "title-large" | "display-large" | "display-medium" | "control-large" | "control" | "control-small" | "control-tiny";
+    weight: "bold" | "medium" | "regular" | "semibold" | "extrabold";
+    truncate: boolean;
+    nowrap: boolean;
+    lineClamp: number;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/src/components/basic/nmorph-text/types.d.ts

@@ -0,0 +1,12 @@
+import { NmorphTextAlignType, NmorphTypographyColorType, NmorphTypographyVariantType, NmorphTypographyWeightType } from '../../../types';
+export type NmorphTextTag = 'span' | 'p' | 'div' | 'label' | 'strong' | 'em' | 'small' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+export interface INmorphTextProps {
+    as?: NmorphTextTag;
+    variant?: NmorphTypographyVariantType;
+    weight?: NmorphTypographyWeightType;
+    color?: NmorphTypographyColorType | string;
+    align?: NmorphTextAlignType;
+    truncate?: boolean;
+    nowrap?: boolean;
+    lineClamp?: number;
+}

package/dist/src/components/data/nmorph-audio-meter/NmorphAudioMeter.vue.d.ts

@@ -3,10 +3,14 @@ import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOp
 declare const _default: DefineComponent<INmorphAudioMeterProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphAudioMeterProps> & Readonly<{}>, {
     value: number;
     label: string;
+    color: string;
+    variant: NmorphAudioMeterVariant;
     bars: number;
     volumeDb: number;
-    variant: NmorphAudioMeterVariant;
     warnThreshold: number;
     errorThreshold: number;
+    warnColor: string;
+    errorColor: string;
+    trackColor: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
 export default _default;

package/dist/src/components/data/nmorph-audio-meter/types.d.ts

@@ -6,5 +6,9 @@ export interface INmorphAudioMeterProps {
     bars?: number;
     warnThreshold?: number;
     errorThreshold?: number;
+    color?: string;
+    warnColor?: string;
+    errorColor?: string;
+    trackColor?: string;
     label?: string;
 }

package/dist/src/components/data/nmorph-avatar/NmorphAvatar.vue.d.ts

@@ -8,6 +8,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphAvatarPr
     onLoad?: (event: Event) => any;
 }>, {
     name: string;
+    design: "nmorph" | "plain";
     shape: "square" | "circle";
     size: number;
     src: string | string[];

package/dist/src/components/data/nmorph-avatar/types.d.ts

@@ -1,6 +1,7 @@
-import { INmorphImage, AvatarShapeType } from '../../../types';
+import { INmorphImage, AvatarShapeType, NmorphElementDesignType } from '../../../types';
 import { Component } from 'vue';
-export interface INmorphAvatarProps extends Omit<INmorphImage, 'src'> {
+export interface INmorphAvatarProps extends Omit<INmorphImage, 'src' | 'width' | 'height'> {
+    design?: NmorphElementDesignType;
     src?: string | string[];
     size?: number;
     shape?: keyof typeof AvatarShapeType;

package/dist/src/components/data/nmorph-badge/NmorphBadge.vue.d.ts

@@ -11,10 +11,11 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphBadgePro
     max: number;
     ribbonCorner: NmorphBadgeRibbonCorner;
     ribbonTilt: boolean;
-    isDot: boolean;
-    isTag: boolean;
     hideOnFalsyValue: boolean;
+    dotSize: string | number;
     ribbonSize: string | number;
+    ribbonWidth: string | number;
+    ribbonCornerSize: string | number;
     ribbonRadius: string | number;
     offsetY: number;
     offsetX: number;

package/dist/src/components/data/nmorph-badge/types.d.ts

@@ -7,19 +7,14 @@ export interface INmorphBadgeProps {
     type?: NmorphBadgeType;
     ribbonCorner?: NmorphBadgeRibbonCorner;
     ribbonTilt?: boolean;
-    /**
-     * @deprecated Use `type="dot"` instead.
-     */
-    isDot?: boolean;
-    /**
-     * @deprecated Use `type="tag"` instead.
-     */
-    isTag?: boolean;
     hidden?: boolean;
     hideOnFalsyValue?: boolean;
     color?: string;
     size?: NmorphBadgeSize;
+    dotSize?: number | string;
     ribbonSize?: number | string;
+    ribbonWidth?: number | string;
+    ribbonCornerSize?: number | string;
     ribbonRadius?: number | string;
     offsetY?: number;
     offsetX?: number;

package/dist/src/components/data/nmorph-calendar/NmorphCalendar.vue.d.ts

@@ -8,6 +8,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphCalendar
     "onUpdate:model-value"?: (date: NmorphSelectedDateModelType) => any;
     "onUpdate-initial-date"?: (date: Date) => any;
 }>, {
+    design: "nmorph" | "plain";
     type: "date" | "dates" | "daterange";
     modelValue: NmorphSelectedDateModelType;
     range: [Date, Date];

package/dist/src/components/data/nmorph-calendar/inner-components/nmorph-calendar-header/NmorphCalendarHeader.vue.d.ts

@@ -8,7 +8,9 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphCalendar
     "onClick-previous-month"?: () => any;
     "onClick-today"?: () => any;
     "onClick-next-month"?: () => any;
-}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>, {
+}>, {
+    design: "nmorph" | "plain";
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>, {
     default?(_: {}): any;
 }>;
 export default _default;

package/dist/src/components/data/nmorph-calendar/inner-components/nmorph-calendar-header/types.d.ts

@@ -1,9 +1,11 @@
+import { NmorphElementDesignType } from '../../../../../types';
 export interface INmorphCalendarHeaderProps {
     year: number;
     month: number;
     showPreviousMonthButton: boolean;
     showNextMonthButton: boolean;
     showTodayButton: boolean;
+    design?: NmorphElementDesignType;
 }
 export interface INmorphCalendarHeaderEmit {
     (e: 'click-previous-month'): void;

package/dist/src/components/data/nmorph-calendar/types.d.ts

@@ -1,4 +1,4 @@
-import { NmorphSelectionDateType } from '../../../types';
+import { NmorphElementDesignType, NmorphSelectionDateType } from '../../../types';
 export type NmorphCalendarDateType = 'current' | 'previous' | 'next';
 export interface INmorphCalendarDate {
     monthType: NmorphCalendarDateType;
@@ -25,6 +25,7 @@ export interface INmorphCalendarProps {
     type?: keyof typeof NmorphSelectionDateType;
     modelValue?: NmorphSelectedDateModelType;
     cellHeight?: number | string;
+    design?: NmorphElementDesignType;
 }
 export interface INmorphCalendarEmit {
     (e: 'update:model-value', date: NmorphSelectedDateModelType): void;

package/dist/src/components/data/nmorph-card/NmorphCard.vue.d.ts

@@ -2,6 +2,7 @@ import { INmorphCardProps } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphCardProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphCardProps> & Readonly<{}>, {
     fill: boolean;
+    design: "nmorph" | "plain";
     tag: string;
     contentClass: string;
     radius: string | number;

package/dist/src/components/data/nmorph-card/types.d.ts

@@ -1,5 +1,6 @@
-import { NmorphShadowType } from '../../../types';
+import { NmorphElementDesignType, NmorphShadowType } from '../../../types';
 export interface INmorphCardProps {
+    design?: NmorphElementDesignType;
     shadowType?: keyof typeof NmorphShadowType;
     combinedShadowBorderWidth?: number;
     cardPadding?: number | string;

package/dist/src/components/data/nmorph-carousel/NmorphCarousel.vue.d.ts

@@ -5,6 +5,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphCarousel
 }, string, PublicProps, Readonly<INmorphCarouselProps> & Readonly<{
     onChange?: (value: number) => any;
 }>, {
+    design: "nmorph" | "plain";
     loop: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>, {
     default?(_: {}): any;

package/dist/src/components/data/nmorph-carousel/types.d.ts

@@ -1,9 +1,11 @@
 import { Ref } from 'vue';
+import { NmorphElementDesignType } from '../../../types';
 export interface INmorphCarouselInjection {
     data: Ref<string[]>;
     carouselId: string;
 }
 export interface INmorphCarouselProps {
+    design?: NmorphElementDesignType;
     loop?: boolean;
 }
 export interface INmorphCarouselEmit {

package/dist/src/components/data/nmorph-collapse/components/nmorph-collapse-item/NmorphCollapseItem.vue.d.ts

@@ -13,7 +13,7 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphCollapse
 }>, {
     block: boolean;
     title: string;
-    height: "basic" | "thick" | "thin";
+    thickness: "basic" | "thick" | "thin";
     disabled: boolean;
     transitionSpeed: string | number;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {

package/dist/src/components/data/nmorph-collapse/components/nmorph-collapse-item/types.d.ts

@@ -1,7 +1,7 @@
 import { INmorphCollapseItemProps } from '../../../..';
-import { NmorphComponentHeight } from '../../../../../types';
+import { NmorphComponentThickness } from '../../../../../types';
 export interface INmorphCollapseItemComponentProps extends INmorphCollapseItemProps {
-    height?: keyof typeof NmorphComponentHeight;
+    thickness?: keyof typeof NmorphComponentThickness;
     block?: boolean;
     transitionSpeed?: number | string;
 }

package/dist/src/components/data/nmorph-emoji-picker/NmorphEmojiPicker.vue.d.ts

@@ -10,15 +10,21 @@ declare const _default: DefineComponent<INmorphEmojiPickerProps, {}, {}, {}, {},
     onExpand?: () => any;
     onCollapse?: () => any;
 }>, {
-    height: string | number;
     disabled: boolean;
     width: string | number;
+    height: string | number;
     i18n: INmorphEmojiPickerI18n;
     language: string;
     dataSource: NmorphEmojiPickerDataSource;
     quickList: string[];
     initialExpanded: boolean;
     columns: number;
+    cellSize: string | number;
+    toggleSize: string | number;
+    scrollbarSize: string | number;
+    hoverBackground: string;
+    activeBackground: string;
+    focusRing: string;
     hideShadow: boolean;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {
     gridRef: HTMLDivElement;

package/dist/src/components/data/nmorph-emoji-picker/types.d.ts

@@ -42,6 +42,12 @@ export interface INmorphEmojiPickerProps {
     width?: number | string;
     height?: number | string;
     columns?: number;
+    cellSize?: number | string;
+    toggleSize?: number | string;
+    scrollbarSize?: number | string;
+    hoverBackground?: string;
+    activeBackground?: string;
+    focusRing?: string;
     disabled?: boolean;
     hideShadow?: boolean;
 }

package/dist/src/components/data/nmorph-empty/NmorphEmpty.vue.d.ts

@@ -1,12 +1,11 @@
 import { INmorphEmptyProps } from './types';
 import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
-import { NmorphElementDesignType } from '../../../types';
 declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphEmptyProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<INmorphEmptyProps> & Readonly<{}>, {
     title: string;
+    design: "nmorph" | "plain";
     ariaLabel: string;
     minHeight: string | number;
     role: string;
-    design: NmorphElementDesignType;
     shadowType: "inset" | "outset" | "combined" | "not-defined";
     padding: string | number;
     description: string;

package/dist/src/components/data/nmorph-file-card/NmorphFileCard.vue.d.ts

@@ -11,9 +11,9 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphFileCard
     onOpen?: () => any;
 }>, {
     loading: boolean;
-    height: string | number;
     error: boolean;
     size: number;
+    height: string | number;
     previewSrc: string;
     surface: NmorphFileCardSurface;
     compact: boolean;

package/dist/src/components/data/nmorph-image/NmorphImage.vue.d.ts

@@ -7,6 +7,9 @@ declare const _default: __VLS_WithTemplateSlots< DefineComponent<INmorphImagePro
     onError?: (event: Event) => any;
     onLoad?: (event: Event) => any;
 }>, {
+    design: "nmorph" | "plain";
+    width: string | number;
+    height: string | number;
     alt: string;
     fit: "fill" | "none" | "cover" | "contain" | "scale-down";
     loadingText: string;

package/dist/src/components/data/nmorph-image/types.d.ts

@@ -1,5 +1,6 @@
-import { INmorphImage } from '../../../types';
+import { INmorphImage, NmorphElementDesignType } from '../../../types';
 export interface INmorphImageProps extends INmorphImage {
+    design?: NmorphElementDesignType;
     loadingText?: string;
     loadFailedText?: string;
     frameBorder?: number;