@central-design-system/components 3.10.1 → 3.10.3

package/dist/components/CdsBadge/CdsBadge.d.ts

@@ -20,6 +20,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: PropType<boolean>;
         default: boolean;
     };
+    class: PropType<import('../../composable').ClassValue>;
+    style: {
+        type: PropType<import('vue').StyleValue>;
+        default: null;
+    };
     theme: {
         type: PropType<import('../../composable').TTheme | string>;
         available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark", "promoLight", "promoDark"];
@@ -171,6 +176,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: PropType<boolean>;
         default: boolean;
     };
+    class: PropType<import('../../composable').ClassValue>;
+    style: {
+        type: PropType<import('vue').StyleValue>;
+        default: null;
+    };
     theme: {
         type: PropType<import('../../composable').TTheme | string>;
         available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark", "promoLight", "promoDark"];
@@ -309,6 +319,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     icon: "link" | "search" | "bold" | "delete" | "add" | "administrator" | "ai" | "alert-fill" | "alert" | "analog" | "archive-fill" | "archive" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "bookmark-fill" | "bookmark" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock-fill" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "directory-open" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "education" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "fill" | "filters" | "flag" | "format" | "formula" | "funnel" | "globe" | "highlight" | "infinity" | "info-fill" | "info" | "insert" | "italic" | "list-search" | "list" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "moon" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "scale-left" | "scale-right" | "settings" | "shopping-cart" | "sort-date" | "sorting-down" | "sorting-up" | "sorting" | "source" | "star-fill" | "star" | "sun" | "tab-backward" | "tab-forward" | "telegram" | "thumb-down-fill" | "thumb-down" | "thumb-up-fill" | "thumb-up" | "timer" | "tool" | "truck" | "underline" | "unlocked-left" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "whatsapp" | "winner" | "workspace" | "youtube";
     invertColor: boolean;
     color: string;
+    style: import('vue').StyleValue;
     modelValue: boolean;
     transition: string | boolean | (import('vue').TransitionProps & {
         component?: import('vue').Component;

package/dist/composable/index.d.ts

@@ -50,3 +50,4 @@ export * from './domObserver';
 export * from './transparent';
 export * from './scrolling';
 export * from './useColor';
+export * from './modernApi';

package/dist/composable/modernApi.d.ts

@@ -0,0 +1,12 @@
+import { PropType, StyleValue } from 'vue';
+export type ClassValue = any;
+export declare const defineComponentProps: <Defaults extends {
+    class?: unknown;
+    style?: unknown;
+} = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
+    class: PropType<ClassValue>;
+    style: {
+        type: PropType<StyleValue>;
+        default: null;
+    };
+}, Defaults>;

package/dist/create.d.ts

@@ -21,6 +21,7 @@ interface NuxtApp {
 }
 export declare function createCds(options?: ICdsOptions): {
     install: (app: App & NuxtApp) => void;
+    unmount: () => void;
     display: import('./composable').IDisplayInstance;
     theme: import('./composable').ThemeInstance & {
         install: (app: App) => void;

package/dist/utils/dom/globals.d.ts

@@ -2,3 +2,4 @@ export declare const IN_BROWSER: boolean;
 export declare const SUPPORTS_INTERSECTION: boolean;
 export declare const SUPPORTS_TOUCH: boolean;
 export declare const SUPPORTS_FOCUS_VISIBLE: boolean;
+export declare const IS_DEV: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@central-design-system/components",
-  "version": "3.10.1",
+  "version": "3.10.3",
   "description": "Central Design System on the Vue 3.0 and TypeScript",
   "author": {
     "name": "magersoft",