@central-design-system/components 2.20.0 → 2.22.0-beta.0

package/dist/tokens/b2b/variables.css

@@ -59,8 +59,8 @@
   --cds-color-overlay-02: rgba(245, 245, 245, 0.65);
   --cds-color-text-primary: #000000;
   --cds-color-text-secondary: #bebebe;
-  --cds-color-text-description: #555555;
   --cds-color-text-label: #000000;
+  --cds-color-text-description: #555555;
   --cds-color-text-placeholder: #bebebe;
   --cds-color-text-inverse: #ffffff;
   --cds-font-base: 16px;

package/dist/tokens/cds/variables.css

@@ -59,8 +59,8 @@
   --cds-color-overlay-02: rgba(245, 245, 245, 0.65);
   --cds-color-text-primary: #000000;
   --cds-color-text-secondary: #767676;
-  --cds-color-text-description: #555555;
   --cds-color-text-label: #000000;
+  --cds-color-text-description: #555555;
   --cds-color-text-placeholder: #bebebe;
   --cds-color-text-inverse: #ffffff;
   --cds-font-base: 16px;

package/dist/types/CdsDrawer.ts

@@ -1,5 +1,9 @@
+import { PropType } from 'vue';
 import { Component, Vue, Prop } from 'vue-property-decorator';
 
+export type CdsDrawerAppearance = 'primary' | 'inverse';
+
+
 @Component('CdsDrawer')
 export default class CdsDrawer extends Vue {
   @Prop({ type: Boolean, default: false }) public active?: boolean;
@@ -15,4 +19,7 @@ export default class CdsDrawer extends Vue {
   @Prop({ type: Boolean, default: false }) public borderless?: boolean;
 
   @Prop({ type: Boolean, default: false }) public fixedLayout?: boolean;
+
+  @Prop({ type: String as PropType<CdsDrawerAppearance>, default: 'primary' }) public appearance?: string;
+
 }

package/dist/types/CdsHeader.ts

@@ -4,6 +4,8 @@ import { CdsLinkItem } from '../../CdsLink/types/CdsLink';
 
 export type HeaderAppearance = 'primary' | 'inverse' | 'transparent';
 export type HeaderAlign = 'start' | 'center' | 'end';
+export type Language = 'ru' | 'en';
+
 export type HeaderNavItems = CdsLinkItem & {
   active?: boolean;
   children: HeaderNavItems[];
@@ -14,6 +16,10 @@ export default class CdsHeader extends Vue {
   @Prop({ type: String as PropType<HeaderAppearance>, default: 'primary' }) public appearance?: string;
 
   @Prop({ type: Boolean, default: false }) public isToolbarTransparent?: boolean;
+  
+  @Prop({ type: Boolean, default: false }) public languageBtn?: boolean;
+
+  @Prop({ type: String as PropType<Language>, default: 'ru' }) public language?: string;
 
   @Prop({ type: String as PropType<HeaderAlign>, default: 'start' }) public align?: string;
 

package/dist/types/CdsMultiselect.ts

@@ -4,6 +4,7 @@ import { PropType } from 'vue';
 export type MultiselectOption = {
   name: string;
   value: string | number;
+  children?: MultiselectOption[] 
 }
 
 @Component('CdsMultiselect')

package/dist/types/Sidebar.ts

@@ -1,10 +1,10 @@
 import { Component, Vue, Prop } from 'vue-property-decorator';
 import { PropType } from 'vue';
 
-export type SidebarSize = 'sm' | 'md' | 'lg' | '3xl';
+export type CdsSidebarSize = 'sm' | 'md' | 'lg' | '3xl';
 
 @Component('CdsSidebar')
-export default class Sidebar extends Vue {
+export default class CdsSidebar extends Vue {
   @Prop({ type: String, required: true }) title: string;
 
   @Prop({ type: Boolean, required: false, default: false }) showed?: boolean;
@@ -13,5 +13,5 @@ export default class Sidebar extends Vue {
 
   @Prop({ type: [String, Number], required: false, default: '' }) id?: string | number;
 
-  @Prop({ type: String as PropType<SidebarSize>, required: false,  default: 'm' }) public size?: SidebarSize;
+  @Prop({ type: String as PropType<CdsSidebarSize>, required: false,  default: 'm' }) public size?: CdsSidebarSize;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@central-design-system/components",
-  "version": "2.20.0",
+  "version": "2.22.0-beta.0",
   "license": "ISC",
   "contributors": [
     {