@central-design-system/components 3.0.4 → 3.2.0

package/dist/components/CdsEmptyState/CdsEmptyState.d.ts

@@ -2,6 +2,11 @@ import { TCdsIllustrationsName } from '@central-design-system/illustrations';
 import { PropType } from 'vue';
 export declare const componentName = "CdsEmptyState";
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    theme: {
+        type: PropType<import('../../composable').TTheme | string>;
+        available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
+        default: undefined;
+    };
     title: {
         type: PropType<string>;
         default: string;
@@ -26,7 +31,13 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     hasIllustrationSlot: import('vue').ComputedRef<boolean>;
     hasTitleSlot: import('vue').ComputedRef<boolean>;
     hasDescriptionSlot: import('vue').ComputedRef<boolean>;
+    classes: import('vue').ComputedRef<any>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    theme: {
+        type: PropType<import('../../composable').TTheme | string>;
+        available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
+        default: undefined;
+    };
     title: {
         type: PropType<string>;
         default: string;
@@ -49,6 +60,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>> & Readonly<{}>, {
     title: string;
     description: string;
+    theme: string;
     illustration: "chocolate-menu" | "key" | "actives-rise-rub" | "bank-rub" | "book-building" | "book-chat" | "book-finger" | "books-apple-hat" | "calendar-watch" | "car-boxes" | "chip" | "display-analytics" | "display-demo" | "display-user-profile" | "doc-laptop" | "documents" | "finger-click-rub" | "hammer-buildings" | "hand-card-rub" | "hand-gear" | "hand-glass" | "hand-money" | "handshake-rub" | "like-display-click" | "like-profile-rub" | "mail-opened" | "man-laptop-world" | "man-spyglass" | "phone-in-hand" | "rocket" | "sandwatch-rub" | "search-interface" | "support" | "user-analytics" | "woman-chat";
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/CdsGrid/CdsGrid.d.ts

@@ -48,8 +48,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
 }>> & Readonly<{}>, {
     tag: string;
     condensed: boolean;
-    narrow: boolean;
     subgrid: boolean;
+    narrow: boolean;
     wide: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/CdsImage/CdsImage.d.ts

@@ -1,6 +1,11 @@
 import { ISrcObject } from './composable';
 export declare const componentName = "CdsImage";
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    theme: {
+        type: import('vue').PropType<import('../../composable').TTheme | string>;
+        available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
+        default: undefined;
+    };
     transition: {
         type: import('vue').PropType<string | boolean | (import('vue').TransitionProps & {
             component?: import('vue').Component;
@@ -120,6 +125,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     load: (value: string | undefined) => true;
     error: (value: string | undefined) => true;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    theme: {
+        type: import('vue').PropType<import('../../composable').TTheme | string>;
+        available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
+        default: undefined;
+    };
     transition: {
         type: import('vue').PropType<string | boolean | (import('vue').TransitionProps & {
             component?: import('vue').Component;
@@ -245,6 +255,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     maxWidth: string | number;
     minHeight: string | number;
     minWidth: string | number;
+    theme: string;
     absolute: boolean;
     position: string;
     options: IntersectionObserverInit;

package/dist/components/CdsSkeletonLoader/CdsSkeletonLoader.d.ts

@@ -119,7 +119,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     };
 }>> & Readonly<{}>, {
     loading: boolean;
-    type: "text" | "article" | "button" | "table" | (string & {}) | "block" | "chip" | "actions" | "table-row" | "list-item" | "avatar" | "divider" | "heading" | "sentences" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "subtitle" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | readonly ("text" | "article" | "button" | "table" | (string & {}) | "block" | "chip" | "actions" | "table-row" | "list-item" | "avatar" | "divider" | "heading" | "sentences" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "subtitle" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[];
+    type: "text" | "article" | "button" | "table" | (string & {}) | "block" | "table-row" | "list-item" | "subtitle" | "divider" | "actions" | "chip" | "avatar" | "heading" | "sentences" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot" | readonly ("text" | "article" | "button" | "table" | (string & {}) | "block" | "table-row" | "list-item" | "subtitle" | "divider" | "actions" | "chip" | "avatar" | "heading" | "sentences" | "paragraph" | "card" | "card-avatar" | "date-picker" | "date-picker-options" | "date-picker-days" | "list-item-avatar" | "list-item-two-line" | "list-item-avatar-two-line" | "list-item-three-line" | "list-item-avatar-three-line" | "table-heading" | "table-thead" | "table-tbody" | "table-row-divider" | "table-tfoot")[];
     height: string | number;
     width: string | number;
     maxHeight: string | number;

package/dist/components/CdsTree/CdsTree.d.ts

@@ -2,6 +2,11 @@ import { NTree } from './interface';
 import { SwitcherIconProps } from './components/SwitcherIcon';
 export declare const componentName = "CdsTree";
 declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    theme: {
+        type: import('vue').PropType<import('../../composable').TTheme | string>;
+        available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
+        default: undefined;
+    };
     disabled: {
         type: import('vue').PropType<boolean>;
         default: boolean;
@@ -338,6 +343,11 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
      */
     doubleclick: (event: MouseEvent, node: NTree.IEventDataNode) => true;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    theme: {
+        type: import('vue').PropType<import('../../composable').TTheme | string>;
+        available: readonly ["cdsLight", "cdsDark", "b2bLight", "b2bDark"];
+        default: undefined;
+    };
     disabled: {
         type: import('vue').PropType<boolean>;
         default: boolean;
@@ -649,6 +659,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         nativeEvent: MouseEvent;
     }) => void;
     height: number;
+    theme: string;
     onExpand: (expandedKeys: NTree.TKey[], info: {
         node: NTree.IEventDataNode;
         expanded: boolean;

package/dist/components/index.d.ts

@@ -1,6 +1,6 @@
 /**
  * Automatically generated by CDS CLI
- * Generated on 11/5/2024, 4:41:10 PM
+ * Generated on 5/16/2025, 6:41:34 PM
  **/
 export { default as CdsAutocomplete } from './CdsAutocomplete/CdsAutocomplete';
 export { default as CdsBadge } from './CdsBadge/CdsBadge';
@@ -8,6 +8,14 @@ export { default as CdsBreadcrumbs } from './CdsBreadcrumbs/CdsBreadcrumbs';
 export { default as CdsBreadcrumbsItem } from './CdsBreadcrumbs/CdsBreadcrumbsItem';
 export { default as CdsButton } from './CdsButton/CdsButton';
 export { default as CdsFunctionalButton } from './CdsButton/CdsFunctionalButton';
+export { default as CdsCard } from './CdsCard/CdsCard';
+export { default as CdsCardActions } from './CdsCard/CdsCardActions';
+export { default as CdsCardDivider } from './CdsCard/CdsCardDivider';
+export { default as CdsCardGroup } from './CdsCard/CdsCardGroup';
+export { default as CdsCardItem } from './CdsCard/CdsCardItem';
+export { default as CdsCardSubtitle } from './CdsCard/CdsCardSubtitle';
+export { default as CdsCardText } from './CdsCard/CdsCardText';
+export { default as CdsCardTitle } from './CdsCard/CdsCardTitle';
 export { default as CdsCheckbox } from './CdsCheckbox/CdsCheckbox';
 export { default as CdsCheckboxGroup } from './CdsCheckbox/CdsCheckboxGroup';
 export { default as CdsCombobox } from './CdsCombobox/CdsCombobox';
@@ -84,6 +92,7 @@ export * from './CdsAutocomplete';
 export * from './CdsBadge';
 export * from './CdsBreadcrumbs';
 export * from './CdsButton';
+export * from './CdsCard';
 export * from './CdsCheckbox';
 export * from './CdsCombobox';
 export * from './CdsContainer';

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

@@ -19,5 +19,5 @@ export declare function toPhysical(str: 'center' | Tblock | Tinline): "center" |
 export declare function flipSide(anchor: ParsedAnchor): ParsedAnchor;
 export declare function flipAlign(anchor: ParsedAnchor): ParsedAnchor;
 export declare function flipCorner(anchor: ParsedAnchor): ParsedAnchor;
-export declare function getAxis(anchor: ParsedAnchor): "y" | "x";
+export declare function getAxis(anchor: ParsedAnchor): "x" | "y";
 export {};

package/package.json

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

package/src/scss/utility/lists.scss

@@ -18,8 +18,9 @@
     counter-increment: listitem;
     margin: 0 0 $cds-spacing-xxs $cds-spacing-xs;
     padding: 0 0 0 $cds-spacing-xs;
-    color: var(--cds-color-text-primary);
-    @include cds-body-text-s();
+    color: rgb(var(--cds-color-content-primary));
+
+    @include cds-text-regular-200();
 
     // Задаем расположение для всех элементов списка
     &:before {