@central-design-system/components 3.0.0-beta.4 → 3.0.0-beta.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/dist/cds.css +1 -1
  2. package/dist/cds.es.js +3095 -3046
  3. package/dist/cds.umd.js +2 -2
  4. package/dist/components/CdsBadge/CdsBadge.vue.d.ts +17 -2
  5. package/dist/components/CdsCheckbox/CdsCheckbox.vue.d.ts +49 -3
  6. package/dist/components/CdsExpandablePanel/CdsExpandablePanels.vue.d.ts +1 -1
  7. package/dist/components/CdsNotification/CdsNotificationAlert.vue.d.ts +1 -1
  8. package/dist/components/CdsTable/CdsTable.vue.d.ts +1 -1
  9. package/dist/components/CdsTable/components/Table/InternalTable.d.ts +1 -1
  10. package/dist/components/CdsTable/components/TableProvider.d.ts +1 -1
  11. package/dist/components/CdsUploader/CdsUploader.vue.d.ts +1 -1
  12. package/package.json +1 -1
  13. package/src/scss/themes/b2b/tokens.json +104 -104
  14. package/src/scss/themes/cds/tokens.json +104 -104
  15. package/src/scss/themes/index.ts +1 -1
  16. package/src/scss/utility/display.scss +56 -5
  17. package/src/scss/utility/flexbox.scss +26 -28
  18. package/src/scss/utility/index.scss +0 -2
  19. package/src/scss/utility/layout.scss +65 -3
  20. package/src/scss/utility/spacing.scss +46 -86
  21. package/src/scss/utility/variables/display.scss +11 -0
  22. package/src/scss/utility/variables/exports/_display.scss +7 -0
  23. package/src/scss/utility/variables/exports/_flex.scss +13 -0
  24. package/src/scss/utility/variables/exports/_overflow.scss +7 -0
  25. package/src/scss/utility/variables/exports/_position.scss +7 -0
  26. package/src/scss/utility/variables/exports/_spacing.scss +14 -0
  27. package/src/scss/utility/variables/exports/_visibility.scss +7 -0
  28. package/src/scss/utility/variables/exports/_widthHeight.scss +7 -0
  29. package/src/scss/utility/variables/flex.scss +99 -0
  30. package/src/scss/utility/variables/index.scss +11 -0
  31. package/src/scss/utility/variables/overflow.scss +6 -0
  32. package/src/scss/utility/variables/position.scss +7 -0
  33. package/src/scss/utility/variables/spacing.scss +37 -0
  34. package/src/scss/utility/variables/visibility.scss +5 -0
  35. package/src/scss/utility/variables/widthHeight.scss +69 -0
  36. package/src/scss/utility/generatedFiles/generatedStyles.json +0 -1
  37. package/src/scss/utility/generatedFiles/generatedStyles.scss +0 -300
  38. package/src/scss/utility/typography.scss +0 -16
  39. package/src/scss/utility/variables.scss +0 -116
@@ -1,29 +1,44 @@
1
1
  import type { PropType } from 'vue';
2
2
  export declare const componentName = "CdsBadge";
3
3
  declare const _sfc_main: import("vue").DefineComponent<{
4
+ variant: {
5
+ type: PropType<any>;
6
+ default: string;
7
+ validator: (value: "default" | "important") => boolean;
8
+ };
4
9
  dark: {
5
10
  type: PropType<boolean>;
6
11
  default: boolean;
7
12
  };
13
+ /**
14
+ * Число для счетчика
15
+ */
8
16
  count: {
9
17
  type: PropType<string | number>;
10
18
  required: true;
11
19
  default: number;
12
- description: string;
13
20
  };
14
21
  }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
22
+ variant: {
23
+ type: PropType<any>;
24
+ default: string;
25
+ validator: (value: "default" | "important") => boolean;
26
+ };
15
27
  dark: {
16
28
  type: PropType<boolean>;
17
29
  default: boolean;
18
30
  };
31
+ /**
32
+ * Число для счетчика
33
+ */
19
34
  count: {
20
35
  type: PropType<string | number>;
21
36
  required: true;
22
37
  default: number;
23
- description: string;
24
38
  };
25
39
  }>>, {
26
40
  dark: boolean;
41
+ variant: any;
27
42
  count: string | number;
28
43
  }>;
29
44
  export default _sfc_main;
@@ -82,7 +82,53 @@ declare const _sfc_main: import("vue").DefineComponent<{
82
82
  type: PropType<boolean>;
83
83
  default: boolean;
84
84
  };
85
- }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
85
+ }, {
86
+ id: import("vue").ComputedRef<string>;
87
+ model: import("vue").Ref<any> & {
88
+ readonly externalValue: any;
89
+ };
90
+ hasDescription: import("vue").ComputedRef<boolean>;
91
+ inputProps: import("vue").Ref<{
92
+ [x: string]: unknown;
93
+ id?: string | undefined;
94
+ label?: string | undefined;
95
+ description?: string | undefined;
96
+ value?: any;
97
+ messages?: string | string[] | undefined;
98
+ persistentMessages?: boolean | undefined;
99
+ disabled?: boolean | undefined;
100
+ error?: boolean | undefined;
101
+ errorMessages?: string | string[] | undefined;
102
+ focused?: boolean | undefined;
103
+ maxErrors?: string | number | undefined;
104
+ name?: string | undefined;
105
+ readonly?: boolean | undefined;
106
+ rules?: (import("../../composable").TValidationResult | ((value: any) => import("../../composable").TValidationResult) | ((value: any) => PromiseLike<import("../../composable").TValidationResult>) | {
107
+ then: <TResult1 = import("../../composable").TValidationResult, TResult2 = never>(onfulfilled?: ((value: import("../../composable").TValidationResult) => TResult1 | PromiseLike<TResult1>) | null | undefined, onrejected?: ((reason: any) => TResult2 | PromiseLike<TResult2>) | null | undefined) => PromiseLike<TResult1 | TResult2>;
108
+ })[] | undefined;
109
+ modelValue?: any;
110
+ validateOn?: "input" | "blur" | "submit" | undefined;
111
+ validationValue?: any;
112
+ hideMessages?: boolean | undefined;
113
+ }>;
114
+ rootAttrs: import("vue").Ref<{}>;
115
+ inputAttrs: import("vue").Ref<{}>;
116
+ isFocused: import("vue").Ref<boolean>;
117
+ ariaChecked: import("vue").ComputedRef<any>;
118
+ internalDisabled: import("vue").ComputedRef<boolean>;
119
+ internalReadonly: import("vue").ComputedRef<boolean>;
120
+ internalError: import("vue").ComputedRef<boolean>;
121
+ isGroup: import("vue").Ref<boolean>;
122
+ checkboxClasses: import("vue").ComputedRef<{
123
+ 'cds-checkbox--disabled': boolean;
124
+ 'cds-checkbox--checked': any;
125
+ 'cds-checkbox--indeterminate': boolean;
126
+ }>;
127
+ onBlur: () => void;
128
+ onFocus: () => void;
129
+ onInput: (event: Event) => void;
130
+ onChange: () => void;
131
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
86
132
  /**
87
133
  * Событие при фокусе
88
134
  * @type { boolean }
@@ -92,12 +138,12 @@ declare const _sfc_main: import("vue").DefineComponent<{
92
138
  * Событие при изменении значения (v-model)
93
139
  * @type { boolean }
94
140
  */
95
- 'update:modelValue': (value: any) => boolean;
141
+ 'update:modelValue': (value: any) => true;
96
142
  /**
97
143
  * Событие при изменении промежуточного состояния
98
144
  * @type { boolean }
99
145
  */
100
- 'update:indeterminate': (value: boolean) => boolean;
146
+ 'update:indeterminate': (value: boolean) => true;
101
147
  }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
102
148
  readonly: {
103
149
  type: PropType<boolean>;
@@ -107,9 +107,9 @@ declare const _sfc_main: import("vue").DefineComponent<{
107
107
  required: boolean | "force";
108
108
  modelValue: any;
109
109
  readonly: boolean;
110
+ variant: "default" | "accordion";
110
111
  appearance: "primary" | "secondary" | "transparent";
111
112
  selectedClass: string;
112
113
  max: number;
113
- variant: "default" | "accordion";
114
114
  }>;
115
115
  export default _sfc_main;
@@ -415,6 +415,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
415
415
  transition: NonNullable<string | boolean | (import("vue").TransitionProps & {
416
416
  component?: import("vue").Component<any, any, any, import("vue").ComputedOptions, import("vue").MethodOptions> | undefined;
417
417
  })>;
418
+ variant: any;
418
419
  attach: string | boolean | Element;
419
420
  contained: boolean;
420
421
  persistent: boolean;
@@ -443,7 +444,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
443
444
  maxWidth: string | number;
444
445
  minHeight: string | number;
445
446
  minWidth: string | number;
446
- variant: any;
447
447
  customIcon: "search" | "link" | "list" | "filters" | "add" | "alert-fill" | "alert" | "analog" | "arrow-down" | "arrow-left-bottom" | "arrow-left-top" | "arrow-left" | "arrow-right-bottom" | "arrow-right-top" | "arrow-right" | "arrow-up" | "arrows-vertical" | "calendar" | "card-bank" | "category" | "check-fill" | "check" | "checkbox-fill" | "checkbox" | "chevron-down" | "chevron-left" | "chevron-right" | "chevron-up" | "chocholate-menu" | "chocolate-menu" | "clock" | "collapse" | "comment" | "company" | "compare" | "copy" | "data-cards" | "delete" | "directory" | "doc-download" | "doc" | "download" | "draggable" | "edit" | "enter" | "error-fill" | "error" | "expand" | "external" | "facebook-fill" | "facebook" | "flag" | "funnel" | "globe" | "infinity" | "info-fill" | "info" | "insert" | "list-search" | "loader" | "location" | "locked" | "login" | "logout" | "menu" | "minus" | "notification" | "overflow-menu-horizontal" | "overflow-menu-vertical" | "password" | "pin" | "plus" | "printer" | "question-fill" | "question" | "refresh" | "remove" | "sandglass" | "save" | "settings" | "shopping-cart" | "sort-date" | "source" | "star-fill" | "star" | "telegram" | "timer" | "tool" | "truck" | "unlocked" | "upload" | "user-avatar" | "user-group" | "visibility-off" | "visibility-on" | "vk" | "winner" | "workspace" | "youtube" | undefined;
448
448
  closable: boolean;
449
449
  closeLabel: string;
@@ -882,6 +882,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
882
882
  locale: "ru" | "en" | import("../../locale").ILocale;
883
883
  loading: boolean;
884
884
  readonly: boolean;
885
+ onChange: (pagination: NTable.NPagination.IProps, filters: Record<string, NTable.TFilterValue | null>, sorters: NTable.ISorterResult<any> | NTable.ISorterResult<any>[], extra: NTable.ICurrentData<any>) => void;
885
886
  header: NTable.NRender.TPanelRender<any>;
886
887
  expandIcon: NTable.NExpand.TRenderExpandIcon<any>;
887
888
  bordered: boolean;
@@ -889,7 +890,6 @@ declare const _sfc_main: import("vue").DefineComponent<{
889
890
  scroll: NTable.TScroll & {
890
891
  scrollToFirstRowOnChange?: boolean | undefined;
891
892
  };
892
- onChange: (pagination: NTable.NPagination.IProps, filters: Record<string, NTable.TFilterValue | null>, sorters: NTable.ISorterResult<any> | NTable.ISorterResult<any>[], extra: NTable.ICurrentData<any>) => void;
893
893
  rowKey: string | NTable.NRow.TGetRowKey<any>;
894
894
  rowClassName: string | NTable.NRow.TClassName<any>;
895
895
  tableLayout: NTable.TLayout;
@@ -877,6 +877,7 @@ declare const _default: import("vue").DefineComponent<{
877
877
  locale: "ru" | "en" | import("../../../../locale").ILocale;
878
878
  loading: boolean;
879
879
  readonly: boolean;
880
+ onChange: (pagination: NTable.NPagination.IProps, filters: Record<string, NTable.TFilterValue | null>, sorters: NTable.ISorterResult<any> | NTable.ISorterResult<any>[], extra: NTable.ICurrentData<any>) => void;
880
881
  header: NTable.NRender.TPanelRender<any>;
881
882
  expandIcon: NTable.NExpand.TRenderExpandIcon<any>;
882
883
  bordered: boolean;
@@ -884,7 +885,6 @@ declare const _default: import("vue").DefineComponent<{
884
885
  scroll: NTable.TScroll & {
885
886
  scrollToFirstRowOnChange?: boolean | undefined;
886
887
  };
887
- onChange: (pagination: NTable.NPagination.IProps, filters: Record<string, NTable.TFilterValue | null>, sorters: NTable.ISorterResult<any> | NTable.ISorterResult<any>[], extra: NTable.ICurrentData<any>) => void;
888
888
  rowKey: string | NTable.NRow.TGetRowKey<any>;
889
889
  rowClassName: string | NTable.NRow.TClassName<any>;
890
890
  tableLayout: NTable.TLayout;
@@ -870,6 +870,7 @@ declare const _default: import("vue").DefineComponent<{
870
870
  locale: "ru" | "en" | import("../../../locale").ILocale;
871
871
  loading: boolean;
872
872
  readonly: boolean;
873
+ onChange: (pagination: NTable.NPagination.IProps, filters: Record<string, NTable.TFilterValue | null>, sorters: NTable.ISorterResult<any> | NTable.ISorterResult<any>[], extra: NTable.ICurrentData<any>) => void;
873
874
  header: NTable.NRender.TPanelRender<any>;
874
875
  expandIcon: NTable.NExpand.TRenderExpandIcon<any>;
875
876
  bordered: boolean;
@@ -877,7 +878,6 @@ declare const _default: import("vue").DefineComponent<{
877
878
  scroll: NTable.TScroll & {
878
879
  scrollToFirstRowOnChange?: boolean | undefined;
879
880
  };
880
- onChange: (pagination: NTable.NPagination.IProps, filters: Record<string, NTable.TFilterValue | null>, sorters: NTable.ISorterResult<any> | NTable.ISorterResult<any>[], extra: NTable.ICurrentData<any>) => void;
881
881
  rowKey: string | NTable.NRow.TGetRowKey<any>;
882
882
  rowClassName: string | NTable.NRow.TClassName<any>;
883
883
  tableLayout: NTable.TLayout;
@@ -466,8 +466,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
466
466
  };
467
467
  }>> & {
468
468
  "onUpdate:modelValue"?: ((fileList: NUploader.IUploadFile<any>[]) => any) | undefined;
469
- onRemove?: ((file: NUploader.IUploadFile<any>) => any) | undefined;
470
469
  onChange?: ((info: NUploader.IUploadChangeParam<NUploader.IUploadFile<any>>) => any) | undefined;
470
+ onRemove?: ((file: NUploader.IUploadFile<any>) => any) | undefined;
471
471
  onDownload?: ((file: NUploader.IUploadFile<any>) => any) | undefined;
472
472
  onError?: ((error: NUploader.IUploadRequestError | ProgressEvent<EventTarget>, response: any, file: NUploader.IUploadFile<any>) => any) | undefined;
473
473
  onSuccess?: ((response: Record<string, unknown>, file: NUploader.IUploadFile<any>) => any) | undefined;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@central-design-system/components",
3
- "version": "3.0.0-beta.4",
3
+ "version": "3.0.0-beta.6",
4
4
  "description": "Central Design System on the Vue 3.0 and TypeScript",
5
5
  "author": "magersoft",
6
6
  "license": "ISC",