@central-design-system/components 2.8.0 → 2.10.0

package/dist/types/CdsBreadcrumbs.ts

@@ -1,6 +1,6 @@
 import { Component, Prop, Vue } from 'vue-property-decorator';
 
-type BreadcrumbsItem = {
+export type BreadcrumbsItem = {
   text: string;
   to: string;
 }

package/dist/types/CdsButton.ts

@@ -1,8 +1,8 @@
 import { Component, Prop, Vue } from 'vue-property-decorator';
 import { PropType } from 'vue';
 
-type ButtonAppearance = 'primary' | 'secondary' | 'transparent';
-type ButtonSize = 'md' | 'lg' | 'xl';
+export type ButtonAppearance = 'primary' | 'secondary' | 'transparent';
+export type ButtonSize = 'md' | 'lg' | 'xl';
 
 @Component({ name: 'CdsButton' })
 export default class CdsButton extends Vue {

package/dist/types/CdsCombobox.ts

@@ -1,7 +1,7 @@
 import { Component, Prop, Vue } from 'vue-property-decorator';
 import { PropType } from 'vue';
 
-type ComboboxOption = {
+export type ComboboxOption = {
   name: string;
   value: string | number;
 }

package/dist/types/CdsContainer.ts

@@ -1,8 +1,8 @@
 import { Component, Prop, Vue } from 'vue-property-decorator';
 import { PropType } from 'vue';
 
-type ContainerType = 'standard' | 'selectable' | 'clickable' | 'expandable';
-type ContainerColor = 'primary' | 'secondary';
+export type ContainerType = 'standard' | 'selectable' | 'clickable' | 'expandable';
+export type ContainerColor = 'primary' | 'secondary';
 
 @Component('CdsContainer')
 export default class CdsContainer extends Vue {

package/dist/types/CdsContentSwitcherButton.ts

@@ -1,7 +1,7 @@
 import { Component, Prop, Vue } from 'vue-property-decorator';
 import { PropType } from 'vue';
 
-type CdsContentSwitcherButtonTooltipAlign = 'start' | 'center' | 'end';
+export type CdsContentSwitcherButtonTooltipAlign = 'start' | 'center' | 'end';
 
 @Component('CdsContentSwitcherButton')
 export default class CdsContentSwitcherButton extends Vue {

package/dist/types/CdsDataTable.ts

@@ -1,8 +1,8 @@
 import { Component, Prop, Vue } from 'vue-property-decorator';
 import { PropType } from 'vue';
 
-type TableAlign = 'left' | 'center' | 'right' | 'null';
-type TableRowSize = 'standard' | 'short';
+export type TableAlign = 'left' | 'center' | 'right' | 'null';
+export type TableRowSize = 'standard' | 'short';
 
 @Component('CdsDataTable')
 export default class CdsDataTable extends Vue {

package/dist/types/CdsDatePicker.ts

@@ -1,8 +1,8 @@
 import { Component, Prop, Vue } from 'vue-property-decorator';
 import { PropType } from 'vue';
 
-type DatePickerType = 'simple' | 'single' | 'range';
-type DatePickerLocale = 'ru' | 'en';
+export type DatePickerType = 'simple' | 'single' | 'range';
+export type DatePickerLocale = 'ru' | 'en';
 
 @Component('CdsDatePicker')
 export default class CdsDatePicker extends Vue {

package/dist/types/CdsModal.ts

@@ -1,7 +1,7 @@
 import { Component, Prop, Vue } from 'vue-property-decorator';
 import { PropType } from 'vue';
 
-type ModalSize = 'sm' | 'md' | 'lg';
+export type ModalSize = 'sm' | 'md' | 'lg';
 
 @Component('CdsModal')
 export default class CdsModal extends Vue {

package/dist/types/CdsNotification.ts

@@ -1,8 +1,8 @@
 import { Component, Prop, Vue } from 'vue-property-decorator';
 import { PropType } from 'vue';
 
-type NotificationStatus = 'info' | 'warning' | 'success' | 'error';
-type NotificationLevel = 'inline' | 'page';
+export type NotificationStatus = 'info' | 'warning' | 'success' | 'error';
+export type NotificationLevel = 'inline' | 'page';
 
 @Component('CdsNotification')
 export default class CdsNotification extends Vue {

package/dist/types/CdsStatus.ts

@@ -1,10 +1,10 @@
 import { Component, Prop, Vue } from 'vue-property-decorator';
 import { PropType } from 'vue';
 
-type StatusVariant = 'primary' | 'secondary';
-type StatusStatus = 'info' | 'warning' | 'success' | 'error' | 'progress';
-type StatusTooltipDirection = 'top' | 'bottom' | 'left' | 'right';
-type StatusTooltipAlign = 'start' | 'center' | 'end';
+export type StatusVariant = 'primary' | 'secondary';
+export type StatusStatus = 'info' | 'warning' | 'success' | 'error' | 'progress';
+export type StatusTooltipDirection = 'top' | 'bottom' | 'left' | 'right';
+export type StatusTooltipAlign = 'start' | 'center' | 'end';
 
 @Component('CdsStatus')
 export default class CdsStatus extends Vue {

package/dist/types/CdsSteps.ts

@@ -1,7 +1,7 @@
 import { Component, Prop, Vue } from 'vue-property-decorator';
 import { PropType } from 'vue';
 
-type Steps = {
+export type Steps = {
   label: string;
   description?: string;
   error?: boolean;

package/dist/types/CdsTable.ts

@@ -1,7 +1,7 @@
 import { Component, Prop, Vue } from 'vue-property-decorator';
 import { PropType } from 'vue';
 
-type tableRowSize = 'standard' | 'short';
+export type TableRowSize = 'standard' | 'short';
 
 @Component('CdsTable')
 export default class CdsStatus extends Vue {
@@ -35,7 +35,9 @@ export default class CdsStatus extends Vue {
 
   @Prop({ type: String, default: null }) public treeKey?: string | null;
 
-  @Prop({ type: String as PropType<tableRowSize>, default: 'standard' }) public rowSize?: tableRowSize;
+  @Prop({ type: Boolean, default: false }) public defaultOverflow?: boolean;
+
+  @Prop({ type: String as PropType<TableRowSize>, default: 'standard' }) public rowSize?: TableRowSize;
 
   @Prop({ type: Object, default: {} }) public rowSelection?: object;
 

package/dist/types/CdsTabs.ts

@@ -1,7 +1,7 @@
 import { Component, Prop, Vue } from 'vue-property-decorator';
 import { PropType } from 'vue';
 
-type Breakpoint = 'sm' | 'md' | 'lg' | 'xlg' | 'max';
+export type Breakpoint = 'sm' | 'md' | 'lg' | 'xlg' | 'max';
 
 @Component('CdsTabs')
 export default class CdsTabs extends Vue {

package/dist/types/CdsTag.ts

@@ -1,8 +1,8 @@
 import { Component, Prop, Vue } from 'vue-property-decorator';
 import { PropType } from 'vue';
 
-type TagSize = 'sm' | 'md';
-type TagColor = 'yellow' | 'green' | 'light-blue' | 'blue' | 'deep-purple' | 'purple' | 'pink';
+export type TagSize = 'sm' | 'md';
+export type TagColor = 'yellow' | 'green' | 'light-blue' | 'blue' | 'deep-purple' | 'purple' | 'pink';
 
 @Component('CdsTag')
 export default class CdsTag extends Vue {

package/dist/types/CdsTooltip.ts

@@ -1,8 +1,8 @@
 import { Component, Prop, Vue } from 'vue-property-decorator';
 import { PropType } from 'vue';
 
-type TooltipDirection = 'top' | 'bottom' | 'left' | 'right';
-type TooltipAlign = 'start' | 'center' | 'end';
+export type TooltipDirection = 'top' | 'bottom' | 'left' | 'right';
+export type TooltipAlign = 'start' | 'center' | 'end';
 
 @Component('CdsTooltip')
 export default class CdsTooltip extends Vue {
@@ -13,4 +13,6 @@ export default class CdsTooltip extends Vue {
   @Prop({ type: String as PropType<TooltipAlign>, default: 'center' }) public align?: TooltipAlign;
 
   @Prop({ type: String, required: true }) public tip: string;
+
+  @Prop({ type: Boolean, required: false, default: false }) public disabled?: boolean;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@central-design-system/components",
-  "version": "2.8.0",
+  "version": "2.10.0",
   "license": "ISC",
   "contributors": [
     {
@@ -33,24 +33,24 @@
   "dependencies": {
     "change-case": "^3.1.0",
     "flatpickr": "^4.6.9",
-    "node-sass": "^4.14.1",
     "v-runtime-template": "^1.10.0",
     "vanilla-masker": "^1.2.0",
     "vue": "^2.6.12",
     "vue-upload-component": "^2.8.20"
   },
   "devDependencies": {
-    "@babel/core": "^7.10.4",
+    "@babel/core": "^7.16.0",
     "@vue/babel-preset-app": "^4.5.10",
     "@vue/server-test-utils": "1.0.0-beta.29",
     "@vue/test-utils": "1.2.0",
     "autoprefixer": "^9.6.4",
+    "babel-core": "7.0.0-bridge.0",
     "babel-jest": "^24.8.0",
     "babel-loader": "^8.2.2",
     "chalk": "^4.1.0",
     "clean-webpack-plugin": "^3.0.0",
     "copy-webpack-plugin": "^7.0.0",
-    "core-js": "^3.8.2",
+    "core-js": "^3.19.3",
     "cross-env": "^5.2.0",
     "css-loader": "^5.0.1",
     "css-minimizer-webpack-plugin": "^1.2.0",
@@ -66,7 +66,9 @@
     "jest-transform-stub": "^2.0.0",
     "mini-css-extract-plugin": "^1.3.4",
     "postcss-loader": "^3.0.0",
-    "sass-loader": "^8.0.2",
+    "node-sass": "^6.0.1",
+    "sass-loader": "^10.1.0",
+    "sass-rem": "^3.0.0",
     "sinon": "^7.3.2",
     "style-loader": "^1.0.0",
     "terser-webpack-plugin": "^5.1.1",