@central-design-system/components 3.0.3 → 3.1.0

package/dist/composable/variant.d.ts

@@ -1,6 +1,6 @@
 import { MaybeRef } from '../utils';
-import type { ComputedRef, PropType } from 'vue';
-export declare type TVariant = typeof allowedVariant[number];
+import { ComputedRef, PropType } from 'vue';
+export type TVariant = typeof allowedVariant[number];
 export interface IVariantProps {
     variant: TVariant;
 }
@@ -12,12 +12,12 @@ export declare const makeVariantProps: <Defaults extends {
     variant?: unknown;
 } = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
     variant: {
-        type: PropType<"default" | "compact" | "important">;
+        type: PropType<TVariant>;
         default: string;
         validator: (value: TVariant) => boolean;
     };
 }, Defaults>;
 export declare function useVariant(props: MaybeRef<IVariantProps>, name: string): IUseVariant;
-export declare function genOverlays(isClickable: boolean, name: string): import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+export declare function genOverlays(isClickable: boolean, name: string): import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
     [key: string]: any;
 }>;

package/dist/create.d.ts

@@ -1,12 +1,12 @@
-import { ITeleportOptions } from './components/CdsOverlay/composable';
 import { ILocale, TAvailableLocale } from './locale';
-import type { IDisplayOptions, IThemeOptions } from './composable';
-import type { App } from 'vue';
+import { IDisplayOptions, IThemeOptions } from './composable';
+import { ITeleportOptions } from './components/CdsOverlay/composable';
+import { App, Component, Directive } from 'vue';
 export interface ICdsOptions {
-    components?: Record<string, any>;
-    directives?: Record<string, any>;
-    icons?: Record<string, any>;
-    illustrations?: Record<string, any>;
+    components?: Record<string, Component>;
+    directives?: Record<string, Directive>;
+    icons?: Record<string, Component>;
+    illustrations?: Record<string, Component>;
     display?: IDisplayOptions;
     theme?: IThemeOptions;
     cssGrid?: boolean;
@@ -21,9 +21,9 @@ interface NuxtApp {
 }
 export declare function createCds(options?: ICdsOptions): {
     install: (app: App & NuxtApp) => void;
-    display: import("./composable").IDisplayInstance;
-    theme: import("./composable").ThemeInstance & {
-        install: (app: App<any>) => void;
+    display: import('./composable').IDisplayInstance;
+    theme: import('./composable').ThemeInstance & {
+        install: (app: App) => void;
     };
 };
 export {};

package/dist/directives/click-outside/index.d.ts

@@ -1,10 +1,10 @@
-import type { DirectiveBinding } from 'vue';
+import { DirectiveBinding } from 'vue';
 interface IClickOutsideBindingArgs {
     handler: (event: MouseEvent) => void;
     closeConditional?: (event: Event) => boolean;
     include?: () => HTMLElement[];
 }
-interface IClickOutsideDirectiveBinding extends DirectiveBinding {
+export interface IClickOutsideDirectiveBinding extends DirectiveBinding {
     value: ((event: MouseEvent) => void) | IClickOutsideBindingArgs;
 }
 export declare const ClickOutside: {

package/dist/directives/intersect/index.d.ts

@@ -1,5 +1,5 @@
-import type { DirectiveBinding } from 'vue';
-declare type ObserveHandler = (isIntersecting: boolean, entries: IntersectionObserverEntry[], observer: IntersectionObserver) => void;
+import { DirectiveBinding } from 'vue';
+type ObserveHandler = (isIntersecting: boolean, entries: IntersectionObserverEntry[], observer: IntersectionObserver) => void;
 export interface ObserverDirectiveBinding extends Omit<DirectiveBinding, 'modifiers' | 'value'> {
     value?: ObserveHandler | {
         handler: ObserveHandler;

package/dist/directives/touch/index.d.ts

@@ -1,4 +1,4 @@
-import type { DirectiveBinding } from 'vue';
+import { DirectiveBinding } from 'vue';
 export interface ITouchHandlers {
     start?: (wrapperEvent: {
         originalEvent: TouchEvent;
@@ -24,7 +24,7 @@ export interface ITouchData {
     offsetX: number;
     offsetY: number;
 }
-export declare type TTouchWrapper = ITouchHandlers & ITouchData;
+export type TTouchWrapper = ITouchHandlers & ITouchData;
 export interface ITouchValue extends ITouchHandlers {
     parent?: boolean;
     options?: AddEventListenerOptions;

package/dist/locale/en.d.ts

@@ -1,3 +1,3 @@
-import type { ILocale } from './';
+import { ILocale } from './';
 declare const _default: ILocale;
 export default _default;

package/dist/locale/index.d.ts

@@ -1,7 +1,7 @@
-import type { TNotificationLocale } from '../components/CdsNotification/composable';
-import type { NTable } from '../components/CdsTable/interface';
-import type { NUploader } from '../components/CdsUploader/interface';
-import type { TDateLocale } from '../utils';
+import { TNotificationLocale } from '../components/CdsNotification/composable';
+import { NTable } from '../components/CdsTable/interface';
+import { NUploader } from '../components/CdsUploader/interface';
+import { TDateLocale } from '../utils';
 export interface ILocale {
     notification: TNotificationLocale;
     table: NTable.ILocale;
@@ -20,7 +20,7 @@ export interface ILocale {
     };
 }
 export declare const availableLocale: readonly ["ru", "en"];
-export declare type TAvailableLocale = typeof availableLocale[number];
+export type TAvailableLocale = typeof availableLocale[number];
 declare const _default: {
     ru: ILocale;
     en: ILocale;

package/dist/locale/ru.d.ts

@@ -1,3 +1,3 @@
-import type { ILocale } from './';
+import { ILocale } from './';
 declare const _default: ILocale;
 export default _default;

package/dist/plugins/index.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/scss/themes/index.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Automatically generated by CDS CLI
+ * Generated on 11/12/2024, 3:41:44 PM
+ **/
+declare const _default: {
+    files: {
+        B2B: {
+            styleTag: any;
+            innerStyles: string;
+            use: () => Promise<void>;
+            unuse: () => void;
+        };
+        CDS: {
+            styleTag: any;
+            innerStyles: string;
+            use: () => Promise<void>;
+            unuse: () => void;
+        };
+    };
+    defaultTheme: string;
+};
+export default _default;

package/dist/themes/b2bDark.d.ts

@@ -1,122 +1,122 @@
 declare const _default: {
     dark: boolean;
     colors: {
-        'surface-secondary': string;
-        'surface-primary': string;
-        'surface-overlay': string;
-        'surface-inverse': string;
-        'surface-elevated': string;
-        'status-warning-surface': string;
-        'status-warning-line': string;
-        'status-warning-fill-hover': string;
-        'status-warning-fill': string;
-        'status-warning-content': string;
-        'status-success-surface': string;
-        'status-success-line': string;
-        'status-success-fill-hover': string;
-        'status-success-fill': string;
-        'status-success-content': string;
-        'status-progress-surface': string;
-        'status-progress-line': string;
-        'status-progress-fill-hover': string;
-        'status-progress-fill': string;
-        'status-progress-content': string;
-        'status-info-surface': string;
-        'status-info-line': string;
-        'status-info-fill-hover': string;
-        'status-info-fill': string;
-        'status-info-content': string;
-        'status-indication-surface': string;
-        'status-indication-line': string;
-        'status-indication-fill-hover': string;
-        'status-indication-fill': string;
-        'status-indication-content': string;
-        'status-danger-surface': string;
-        'status-danger-line': string;
-        'status-danger-fill-hover': string;
-        'status-danger-fill': string;
-        'status-danger-content': string;
-        'page-primary': string;
-        'other-teal-surface': string;
-        'other-teal-line': string;
-        'other-teal-fill-hover': string;
-        'other-teal-fill': string;
-        'other-teal-content': string;
-        'other-purple-surface': string;
-        'other-purple-line': string;
-        'other-purple-fill-hover': string;
-        'other-purple-fill': string;
-        'other-purple-content': string;
-        'other-pink-surface': string;
-        'other-pink-line': string;
-        'other-pink-fill-hover': string;
-        'other-pink-fill': string;
-        'other-pink-content': string;
-        'other-lime-surface': string;
-        'other-lime-line': string;
-        'other-lime-fill-hover': string;
-        'other-lime-fill': string;
-        'other-lime-content': string;
-        'other-lemon-surface': string;
-        'other-lemon-line': string;
-        'other-lemon-fill-hover': string;
-        'other-lemon-fill': string;
-        'other-lemon-content': string;
-        'other-indigo-surface': string;
-        'other-indigo-line': string;
-        'other-indigo-fill-hover': string;
-        'other-indigo-fill': string;
-        'other-indigo-content': string;
-        'other-cyan-surface': string;
-        'other-cyan-line': string;
-        'other-cyan-fill-hover': string;
-        'other-cyan-fill': string;
-        'other-cyan-content': string;
-        'other-chocolate-surface': string;
-        'other-chocolate-line': string;
-        'other-chocolate-fill-hover': string;
-        'other-chocolate-fill': string;
-        'other-chocolate-content': string;
-        'line-tertiary-hover': string;
-        'line-tertiary': string;
-        'line-selected-hover': string;
-        'line-selected': string;
-        'line-secondary-hover': string;
-        'line-secondary': string;
-        'line-primary-hover': string;
-        'line-primary': string;
-        'line-focus-outline': string;
-        'line-focus': string;
-        'line-elevated': string;
-        'line-disable': string;
-        'fill-selected-hover': string;
-        'fill-selected': string;
-        'fill-secondary-hover': string;
-        'fill-secondary-active': string;
-        'fill-secondary': string;
-        'fill-primary-hover': string;
-        'fill-primary-active': string;
-        'fill-primary': string;
-        'fill-elevated': string;
-        'fill-disable': string;
-        'content-tertiary': string;
-        'content-secondary': string;
-        'content-primary': string;
-        'content-placeholder': string;
-        'content-on-dark': string;
-        'content-link-visited': string;
-        'content-link': string;
-        'content-inverse': string;
-        'content-disable': string;
-        'brand-secondary-hover': string;
-        'brand-secondary-border': string;
-        'brand-secondary-active': string;
-        'brand-secondary': string;
-        'brand-primary-hover': string;
-        'brand-primary-content': string;
-        'brand-primary-border': string;
-        'brand-primary-active': string;
-        'brand-primary': string;
+        'surface-secondary': "#33373F";
+        'surface-primary': "#272A30";
+        'surface-overlay': "#272A30CC";
+        'surface-inverse': "#DCDDE3";
+        'surface-elevated': "#33373F";
+        'status-warning-surface': "#C9A449";
+        'status-warning-line': "#BE9737";
+        'status-warning-fill-hover': "#8A6502";
+        'status-warning-fill': "#614301";
+        'status-warning-content': "#EADBBA";
+        'status-success-surface': "#6EBA66";
+        'status-success-line': "#5DAF55";
+        'status-success-fill-hover': "#1F7C22";
+        'status-success-fill': "#0D5512";
+        'status-success-content': "#CAE4C4";
+        'status-progress-surface': "#4DB1FF";
+        'status-progress-line': "#0EA4F8";
+        'status-progress-fill-hover': "#0172AC";
+        'status-progress-fill': "#014F77";
+        'status-progress-content': "#C7E0FF";
+        'status-info-surface': "#A5A9B2";
+        'status-info-line': "#989DA8";
+        'status-info-fill-hover': "#666C79";
+        'status-info-fill': "#454951";
+        'status-info-content': "#DCDDE3";
+        'status-indication-surface': "#FF9E92";
+        'status-indication-line': "#FF9E92";
+        'status-indication-fill-hover': "#B8423D";
+        'status-indication-fill': "#822825";
+        'status-indication-content': "#FFD2CC";
+        'status-danger-surface': "#FF9E92";
+        'status-danger-line': "#FF9E92";
+        'status-danger-fill-hover': "#B8423D";
+        'status-danger-fill': "#822825";
+        'status-danger-content': "#FFD2CC";
+        'page-primary': "#1A1A1A";
+        'other-teal-surface': "#0ABACE";
+        'other-teal-line': "#01ACBF";
+        'other-teal-fill-hover': "#007886";
+        'other-teal-fill': "#04525B";
+        'other-teal-content': "#D4F2F7";
+        'other-purple-surface': "#B79AF5";
+        'other-purple-line': "#AE8BEE";
+        'other-purple-fill-hover': "#8457B8";
+        'other-purple-fill': "#5E3882";
+        'other-purple-content': "#F3E9FE";
+        'other-pink-surface': "#E889D1";
+        'other-pink-line': "#E078C7";
+        'other-pink-fill-hover': "#AC4296";
+        'other-pink-fill': "#7A2869";
+        'other-pink-content': "#FDE6F6";
+        'other-lime-surface': "#9BB24D";
+        'other-lime-line': "#8DA63B";
+        'other-lime-fill-hover': "#5B7400";
+        'other-lime-fill': "#3D4F00";
+        'other-lime-content': "#EBEED8";
+        'other-lemon-surface': "#ABAE48";
+        'other-lemon-line': "#9DA235";
+        'other-lemon-fill-hover': "#6A7100";
+        'other-lemon-fill': "#484C01";
+        'other-lemon-content': "#EEEED9";
+        'other-indigo-surface': "#96A4FF";
+        'other-indigo-line': "#8B95F9";
+        'other-indigo-fill-hover': "#6362C5";
+        'other-indigo-fill': "#40428D";
+        'other-indigo-content': "#EBEBFF";
+        'other-cyan-surface': "#0ABEA3";
+        'other-cyan-line': "#0AB098";
+        'other-cyan-fill-hover': "#067A69";
+        'other-cyan-fill': "#005348";
+        'other-cyan-content': "#D5F3EB";
+        'other-chocolate-surface': "#D49E6D";
+        'other-chocolate-line': "#CA915C";
+        'other-chocolate-fill-hover': "#985E1F";
+        'other-chocolate-fill': "#6E3B01";
+        'other-chocolate-content': "#FAEADB";
+        'line-tertiary-hover': "#7A808E";
+        'line-tertiary': "#565D67";
+        'line-selected-hover': "#92BAFE";
+        'line-selected': "#5D9DFC";
+        'line-secondary-hover': "#989DA8";
+        'line-secondary': "#7A808E";
+        'line-primary-hover': "#B5B7C0";
+        'line-primary': "#989DA8";
+        'line-focus-outline': "#1159B5";
+        'line-focus': "#5D9DFC";
+        'line-elevated': "#828A9766";
+        'line-disable': "#666C79";
+        'fill-selected-hover': "#92BAFE";
+        'fill-selected': "#5D9DFC";
+        'fill-secondary-hover': "#565D67";
+        'fill-secondary-active': "#666C79";
+        'fill-secondary': "#454951";
+        'fill-primary-hover': "#454951";
+        'fill-primary-active': "#565D67";
+        'fill-primary': "#272A30";
+        'fill-elevated': "#7A808E";
+        'fill-disable': "#454951";
+        'content-tertiary': "#B5B7C0";
+        'content-secondary': "#CFD2D7";
+        'content-primary': "#ECECEF";
+        'content-placeholder': "#A5A9B2";
+        'content-on-dark': "#F9F9FC";
+        'content-link-visited': "#C0AEF8";
+        'content-link': "#92BAFE";
+        'content-inverse': "#1A1A1A";
+        'content-disable': "#989DA8";
+        'brand-secondary-hover': "#014F77";
+        'brand-secondary-border': "#016193";
+        'brand-secondary-active': "#016193";
+        'brand-secondary': "#002D47";
+        'brand-primary-hover': "#016193";
+        'brand-primary-content': "#C7E0FF";
+        'brand-primary-border': "#0287CA";
+        'brand-primary-active': "#014F77";
+        'brand-primary': "#0287CA";
     };
     variables: {
         'spacing-900': string;