@central-design-system/components 2.21.0-beta.0 → 2.22.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/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.21.0-beta.0",
+  "version": "2.22.0",
   "license": "ISC",
   "contributors": [
     {