@central-design-system/components 3.0.0-beta.11 → 3.0.0-beta.13

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 (40) hide show
  1. package/dist/cds.css +1 -1
  2. package/dist/cds.es.js +5409 -5350
  3. package/dist/cds.umd.js +5 -5
  4. package/dist/components/CdsAutocomplete/CdsAutocomplete.vue.d.ts +24 -9
  5. package/dist/components/CdsBadge/CdsBadge.vue.d.ts +3 -3
  6. package/dist/components/CdsButton/CdsButton.vue.d.ts +8 -8
  7. package/dist/components/CdsCombobox/CdsCombobox.vue.d.ts +38 -13
  8. package/dist/components/CdsContainer/CdsContainer.vue.d.ts +5 -5
  9. package/dist/components/CdsDrawer/CdsDrawer.vue.d.ts +4 -4
  10. package/dist/components/CdsDropdown/CdsDropdown.vue.d.ts +44 -37
  11. package/dist/components/CdsExpandablePanel/CdsExpandablePanels.vue.d.ts +5 -5
  12. package/dist/components/CdsFooter/CdsFooter.vue.d.ts +12 -3
  13. package/dist/components/CdsHeader/CdsHeader.vue.d.ts +12 -3
  14. package/dist/components/CdsIcon/CdsIcon.vue.d.ts +11 -0
  15. package/dist/components/CdsList/CdsList.vue.d.ts +12 -3
  16. package/dist/components/CdsList/CdsListItem.vue.d.ts +1 -1
  17. package/dist/components/CdsStatus/CdsStatus.vue.d.ts +5 -5
  18. package/dist/components/CdsTable/utils/index.d.ts +1 -0
  19. package/dist/components/CdsTable/utils/vnode.d.ts +10 -0
  20. package/dist/components/CdsTabs/CdsTabs.vue.d.ts +3 -3
  21. package/dist/components/CdsToolbar/CdsToolbar.vue.d.ts +42 -0
  22. package/dist/composable/appearance.d.ts +1 -1
  23. package/dist/composable/index.d.ts +2 -1
  24. package/dist/composable/invertColor.d.ts +19 -0
  25. package/dist/composable/layout.d.ts +20 -20
  26. package/dist/composable/select.d.ts +8 -3
  27. package/dist/composable/transparent.d.ts +19 -0
  28. package/dist/utils/colors.d.ts +1 -1
  29. package/package.json +1 -1
  30. package/src/scss/modules/grid/_css-grid.scss +12 -19
  31. package/src/scss/modules/grid/_flex-grid.scss +9 -5
  32. package/src/scss/modules/grid/_mixins.scss +23 -31
  33. package/src/scss/themes/index.ts +1 -1
  34. package/src/scss/utility/index.scss +1 -0
  35. package/src/scss/utility/typography.scss +63 -0
  36. package/src/scss/utility/variables/exports/_display.scss +4 -4
  37. package/src/scss/utility/variables/exports/_typography.scss +22 -0
  38. package/src/scss/utility/variables/index.scss +1 -0
  39. package/src/scss/utility/variables/typography.scss +93 -0
  40. package/dist/composable/dark.d.ts +0 -19
package/dist/components/CdsAutocomplete/CdsAutocomplete.vue.d.ts CHANGED
@@ -300,7 +300,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
300
300
  tag: string;
301
301
  size: NonNullable<"xs" | "sm" | "md" | "lg" | "xl">;
302
302
  disabled: boolean;
303
- dark: boolean;
303
+ invertColor: boolean;
304
+ transparent: boolean;
304
305
  required: boolean;
305
306
  selectStrategy: NonNullable<import("../../composable/nested/selectStrategies").TSelectStrategyProp>;
306
307
  openStrategy: NonNullable<import("../../composable/nested/openStrategies").TOpenStrategyProp>;
@@ -327,7 +328,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
327
328
  opened: PropType<unknown[]>;
328
329
  selected: PropType<unknown[]>;
329
330
  required: BooleanConstructor;
330
- dark: {
331
+ transparent: {
332
+ type: PropType<boolean>;
333
+ default: boolean;
334
+ };
335
+ invertColor: {
331
336
  type: PropType<boolean>;
332
337
  default: boolean;
333
338
  };
@@ -392,7 +397,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
392
397
  path: unknown[];
393
398
  event: Event;
394
399
  }) => any) | undefined;
395
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "items" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "returnObject" | "tag" | "size" | "disabled" | "dark" | "required" | "selectStrategy" | "openStrategy" | "theme" | "lines">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
400
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "items" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "returnObject" | "tag" | "size" | "disabled" | "invertColor" | "transparent" | "required" | "selectStrategy" | "openStrategy" | "theme" | "lines">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
396
401
  default: undefined;
397
402
  };
398
403
  menuIcon: {
@@ -740,7 +745,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
740
745
  tag: string;
741
746
  size: NonNullable<"xs" | "sm" | "md" | "lg" | "xl">;
742
747
  disabled: boolean;
743
- dark: boolean;
748
+ invertColor: boolean;
749
+ transparent: boolean;
744
750
  required: boolean;
745
751
  selectStrategy: NonNullable<import("../../composable/nested/selectStrategies").TSelectStrategyProp>;
746
752
  openStrategy: NonNullable<import("../../composable/nested/openStrategies").TOpenStrategyProp>;
@@ -767,7 +773,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
767
773
  opened: PropType<unknown[]>;
768
774
  selected: PropType<unknown[]>;
769
775
  required: BooleanConstructor;
770
- dark: {
776
+ transparent: {
777
+ type: PropType<boolean>;
778
+ default: boolean;
779
+ };
780
+ invertColor: {
771
781
  type: PropType<boolean>;
772
782
  default: boolean;
773
783
  };
@@ -832,7 +842,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
832
842
  path: unknown[];
833
843
  event: Event;
834
844
  }) => any) | undefined;
835
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "items" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "returnObject" | "tag" | "size" | "disabled" | "dark" | "required" | "selectStrategy" | "openStrategy" | "theme" | "lines">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
845
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "items" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "returnObject" | "tag" | "size" | "disabled" | "invertColor" | "transparent" | "required" | "selectStrategy" | "openStrategy" | "theme" | "lines">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
836
846
  default: undefined;
837
847
  };
838
848
  menuIcon: {
@@ -877,7 +887,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
877
887
  tag: string;
878
888
  size: NonNullable<"xs" | "sm" | "md" | "lg" | "xl">;
879
889
  disabled: boolean;
880
- dark: boolean;
890
+ invertColor: boolean;
891
+ transparent: boolean;
881
892
  required: boolean;
882
893
  selectStrategy: NonNullable<import("../../composable/nested/selectStrategies").TSelectStrategyProp>;
883
894
  openStrategy: NonNullable<import("../../composable/nested/openStrategies").TOpenStrategyProp>;
@@ -904,7 +915,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
904
915
  opened: PropType<unknown[]>;
905
916
  selected: PropType<unknown[]>;
906
917
  required: BooleanConstructor;
907
- dark: {
918
+ transparent: {
919
+ type: PropType<boolean>;
920
+ default: boolean;
921
+ };
922
+ invertColor: {
908
923
  type: PropType<boolean>;
909
924
  default: boolean;
910
925
  };
@@ -969,7 +984,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
969
984
  path: unknown[];
970
985
  event: Event;
971
986
  }) => any) | undefined;
972
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "items" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "returnObject" | "tag" | "size" | "disabled" | "dark" | "required" | "selectStrategy" | "openStrategy" | "theme" | "lines">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>;
987
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "items" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "returnObject" | "tag" | "size" | "disabled" | "invertColor" | "transparent" | "required" | "selectStrategy" | "openStrategy" | "theme" | "lines">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>;
973
988
  items: any[];
974
989
  itemTitle: import("../../composable").TItemKey;
975
990
  search: string;
package/dist/components/CdsBadge/CdsBadge.vue.d.ts CHANGED
@@ -6,7 +6,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
6
6
  available: readonly ["cds", "b2b", "promo", "dark"];
7
7
  default: undefined;
8
8
  };
9
- dark: {
9
+ invertColor: {
10
10
  type: PropType<boolean>;
11
11
  default: boolean;
12
12
  };
@@ -28,7 +28,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
28
28
  available: readonly ["cds", "b2b", "promo", "dark"];
29
29
  default: undefined;
30
30
  };
31
- dark: {
31
+ invertColor: {
32
32
  type: PropType<boolean>;
33
33
  default: boolean;
34
34
  };
@@ -45,7 +45,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
45
45
  default: undefined;
46
46
  };
47
47
  }>>, {
48
- dark: boolean;
48
+ invertColor: boolean;
49
49
  theme: string;
50
50
  variant: "default" | "important";
51
51
  count: string | number | undefined;
package/dist/components/CdsButton/CdsButton.vue.d.ts CHANGED
@@ -16,7 +16,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
16
16
  type: PropType<string>;
17
17
  default: undefined;
18
18
  };
19
- dark: {
19
+ invertColor: {
20
20
  type: PropType<boolean>;
21
21
  default: boolean;
22
22
  };
@@ -62,10 +62,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
62
62
  default: undefined;
63
63
  };
64
64
  appearance: {
65
- type: PropType<"primary" | "secondary" | "transparent">;
65
+ type: PropType<"transparent" | "primary" | "secondary">;
66
66
  default: string;
67
67
  available: readonly ["primary", "secondary", "transparent"];
68
- validator: (value: "primary" | "secondary" | "transparent") => boolean;
68
+ validator: (value: "transparent" | "primary" | "secondary") => boolean;
69
69
  };
70
70
  text: {
71
71
  type: PropType<string>;
@@ -116,7 +116,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
116
116
  type: PropType<string>;
117
117
  default: undefined;
118
118
  };
119
- dark: {
119
+ invertColor: {
120
120
  type: PropType<boolean>;
121
121
  default: boolean;
122
122
  };
@@ -162,10 +162,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
162
162
  default: undefined;
163
163
  };
164
164
  appearance: {
165
- type: PropType<"primary" | "secondary" | "transparent">;
165
+ type: PropType<"transparent" | "primary" | "secondary">;
166
166
  default: string;
167
167
  available: readonly ["primary", "secondary", "transparent"];
168
- validator: (value: "primary" | "secondary" | "transparent") => boolean;
168
+ validator: (value: "transparent" | "primary" | "secondary") => boolean;
169
169
  };
170
170
  text: {
171
171
  type: PropType<string>;
@@ -195,7 +195,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
195
195
  value: any;
196
196
  size: "xs" | "sm" | "md" | "lg" | "xl";
197
197
  disabled: boolean;
198
- dark: boolean;
198
+ invertColor: boolean;
199
199
  theme: string;
200
200
  active: boolean;
201
201
  text: string;
@@ -206,7 +206,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
206
206
  readonly: boolean;
207
207
  href: string;
208
208
  to: import("vue-router").RouteLocationRaw;
209
- appearance: "primary" | "secondary" | "transparent";
209
+ appearance: "transparent" | "primary" | "secondary";
210
210
  selectedClass: string;
211
211
  }>;
212
212
  export default _sfc_main;
package/dist/components/CdsCombobox/CdsCombobox.vue.d.ts CHANGED
@@ -293,7 +293,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
293
293
  tag: string;
294
294
  size: NonNullable<"xs" | "sm" | "md" | "lg" | "xl">;
295
295
  disabled: boolean;
296
- dark: boolean;
296
+ invertColor: boolean;
297
+ transparent: boolean;
297
298
  required: boolean;
298
299
  selectStrategy: NonNullable<import("../../composable/nested/selectStrategies").TSelectStrategyProp>;
299
300
  openStrategy: NonNullable<import("../../composable/nested/openStrategies").TOpenStrategyProp>;
@@ -316,7 +317,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
316
317
  opened: PropType<unknown[]>;
317
318
  selected: PropType<unknown[]>;
318
319
  required: BooleanConstructor;
319
- dark: {
320
+ transparent: {
321
+ type: PropType<boolean>;
322
+ default: boolean;
323
+ };
324
+ invertColor: {
320
325
  type: PropType<boolean>;
321
326
  default: boolean;
322
327
  };
@@ -381,7 +386,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
381
386
  path: unknown[];
382
387
  event: Event;
383
388
  }) => any) | undefined;
384
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "items" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "returnObject" | "tag" | "size" | "disabled" | "dark" | "required" | "selectStrategy" | "openStrategy" | "theme" | "lines">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
389
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "items" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "returnObject" | "tag" | "size" | "disabled" | "invertColor" | "transparent" | "required" | "selectStrategy" | "openStrategy" | "theme" | "lines">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
385
390
  default: undefined;
386
391
  };
387
392
  menuIcon: {
@@ -1543,7 +1548,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
1543
1548
  opened: PropType<unknown[]>;
1544
1549
  selected: PropType<unknown[]>;
1545
1550
  required: BooleanConstructor;
1546
- dark: {
1551
+ transparent: {
1552
+ type: PropType<boolean>;
1553
+ default: boolean;
1554
+ };
1555
+ invertColor: {
1547
1556
  type: PropType<boolean>;
1548
1557
  default: boolean;
1549
1558
  };
@@ -1625,7 +1634,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
1625
1634
  opened: PropType<unknown[]>;
1626
1635
  selected: PropType<unknown[]>;
1627
1636
  required: BooleanConstructor;
1628
- dark: {
1637
+ transparent: {
1638
+ type: PropType<boolean>;
1639
+ default: boolean;
1640
+ };
1641
+ invertColor: {
1629
1642
  type: PropType<boolean>;
1630
1643
  default: boolean;
1631
1644
  };
@@ -1700,7 +1713,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
1700
1713
  tag: string;
1701
1714
  size: NonNullable<"xs" | "sm" | "md" | "lg" | "xl">;
1702
1715
  disabled: boolean;
1703
- dark: boolean;
1716
+ invertColor: boolean;
1717
+ transparent: boolean;
1704
1718
  required: boolean;
1705
1719
  selectStrategy: NonNullable<import("../../composable/nested/selectStrategies").TSelectStrategyProp>;
1706
1720
  openStrategy: NonNullable<import("../../composable/nested/openStrategies").TOpenStrategyProp>;
@@ -1920,7 +1934,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
1920
1934
  tag?: string | undefined;
1921
1935
  size?: NonNullable<"xs" | "sm" | "md" | "lg" | "xl"> | undefined;
1922
1936
  disabled?: boolean | undefined;
1923
- dark?: boolean | undefined;
1937
+ invertColor?: boolean | undefined;
1938
+ transparent?: boolean | undefined;
1924
1939
  required?: boolean | undefined;
1925
1940
  selectStrategy?: NonNullable<import("../../composable/nested/selectStrategies").TSelectStrategyProp> | undefined;
1926
1941
  openStrategy?: "multiple" | "single" | "list" | {
@@ -2372,7 +2387,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
2372
2387
  tag: string;
2373
2388
  size: NonNullable<"xs" | "sm" | "md" | "lg" | "xl">;
2374
2389
  disabled: boolean;
2375
- dark: boolean;
2390
+ invertColor: boolean;
2391
+ transparent: boolean;
2376
2392
  required: boolean;
2377
2393
  selectStrategy: NonNullable<import("../../composable/nested/selectStrategies").TSelectStrategyProp>;
2378
2394
  openStrategy: NonNullable<import("../../composable/nested/openStrategies").TOpenStrategyProp>;
@@ -2395,7 +2411,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
2395
2411
  opened: PropType<unknown[]>;
2396
2412
  selected: PropType<unknown[]>;
2397
2413
  required: BooleanConstructor;
2398
- dark: {
2414
+ transparent: {
2415
+ type: PropType<boolean>;
2416
+ default: boolean;
2417
+ };
2418
+ invertColor: {
2399
2419
  type: PropType<boolean>;
2400
2420
  default: boolean;
2401
2421
  };
@@ -2460,7 +2480,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
2460
2480
  path: unknown[];
2461
2481
  event: Event;
2462
2482
  }) => any) | undefined;
2463
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "items" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "returnObject" | "tag" | "size" | "disabled" | "dark" | "required" | "selectStrategy" | "openStrategy" | "theme" | "lines">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
2483
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "items" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "returnObject" | "tag" | "size" | "disabled" | "invertColor" | "transparent" | "required" | "selectStrategy" | "openStrategy" | "theme" | "lines">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
2464
2484
  default: undefined;
2465
2485
  };
2466
2486
  menuIcon: {
@@ -2498,7 +2518,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
2498
2518
  tag: string;
2499
2519
  size: NonNullable<"xs" | "sm" | "md" | "lg" | "xl">;
2500
2520
  disabled: boolean;
2501
- dark: boolean;
2521
+ invertColor: boolean;
2522
+ transparent: boolean;
2502
2523
  required: boolean;
2503
2524
  selectStrategy: NonNullable<import("../../composable/nested/selectStrategies").TSelectStrategyProp>;
2504
2525
  openStrategy: NonNullable<import("../../composable/nested/openStrategies").TOpenStrategyProp>;
@@ -2521,7 +2542,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
2521
2542
  opened: PropType<unknown[]>;
2522
2543
  selected: PropType<unknown[]>;
2523
2544
  required: BooleanConstructor;
2524
- dark: {
2545
+ transparent: {
2546
+ type: PropType<boolean>;
2547
+ default: boolean;
2548
+ };
2549
+ invertColor: {
2525
2550
  type: PropType<boolean>;
2526
2551
  default: boolean;
2527
2552
  };
@@ -2586,7 +2611,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
2586
2611
  path: unknown[];
2587
2612
  event: Event;
2588
2613
  }) => any) | undefined;
2589
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "items" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "returnObject" | "tag" | "size" | "disabled" | "dark" | "required" | "selectStrategy" | "openStrategy" | "theme" | "lines">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>;
2614
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "items" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "returnObject" | "tag" | "size" | "disabled" | "invertColor" | "transparent" | "required" | "selectStrategy" | "openStrategy" | "theme" | "lines">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>;
2590
2615
  items: any[];
2591
2616
  itemTitle: import("../../composable").TItemKey;
2592
2617
  itemValue: import("../../composable").TItemKey;
package/dist/components/CdsContainer/CdsContainer.vue.d.ts CHANGED
@@ -45,10 +45,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
45
45
  validator: (value: "horizontal" | "vertical") => boolean;
46
46
  };
47
47
  appearance: {
48
- type: PropType<"primary" | "secondary" | "transparent">;
48
+ type: PropType<"transparent" | "primary" | "secondary">;
49
49
  default: string;
50
50
  available: readonly ["primary", "secondary", "transparent"];
51
- validator: (value: "primary" | "secondary" | "transparent") => boolean;
51
+ validator: (value: "transparent" | "primary" | "secondary") => boolean;
52
52
  };
53
53
  modelValue: {
54
54
  type: null;
@@ -144,10 +144,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
144
144
  validator: (value: "horizontal" | "vertical") => boolean;
145
145
  };
146
146
  appearance: {
147
- type: PropType<"primary" | "secondary" | "transparent">;
147
+ type: PropType<"transparent" | "primary" | "secondary">;
148
148
  default: string;
149
149
  available: readonly ["primary", "secondary", "transparent"];
150
- validator: (value: "primary" | "secondary" | "transparent") => boolean;
150
+ validator: (value: "transparent" | "primary" | "secondary") => boolean;
151
151
  };
152
152
  modelValue: {
153
153
  type: null;
@@ -209,7 +209,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
209
209
  locale: "ru" | "en" | import("../../locale").ILocale;
210
210
  prependIcon: NonNullable<"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">;
211
211
  appendIcon: NonNullable<"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">;
212
- appearance: "primary" | "secondary" | "transparent";
212
+ appearance: "transparent" | "primary" | "secondary";
213
213
  selectedClass: string;
214
214
  direction: "horizontal" | "vertical";
215
215
  max: number;
package/dist/components/CdsDrawer/CdsDrawer.vue.d.ts CHANGED
@@ -18,7 +18,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
18
18
  available: readonly ["cds", "b2b", "promo", "dark"];
19
19
  default: undefined;
20
20
  };
21
- dark: {
21
+ invertColor: {
22
22
  type: PropType<boolean>;
23
23
  default: boolean;
24
24
  };
@@ -96,7 +96,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
96
96
  'cds-drawer--border': boolean;
97
97
  'cds-drawer--fixed-slots': boolean;
98
98
  }>;
99
- darkClasses: import("vue").ComputedRef<string | undefined>;
99
+ invertColorClasses: import("vue").ComputedRef<string | undefined>;
100
100
  themeClasses: Readonly<import("vue").ComputedRef<string | undefined>>;
101
101
  styles: import("vue").ComputedRef<CSSProperties>;
102
102
  onClose: () => void;
@@ -132,7 +132,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
132
132
  available: readonly ["cds", "b2b", "promo", "dark"];
133
133
  default: undefined;
134
134
  };
135
- dark: {
135
+ invertColor: {
136
136
  type: PropType<boolean>;
137
137
  default: boolean;
138
138
  };
@@ -199,7 +199,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
199
199
  }, {
200
200
  fixed: boolean;
201
201
  tag: string;
202
- dark: boolean;
202
+ invertColor: boolean;
203
203
  theme: string;
204
204
  modelValue: boolean | null;
205
205
  right: boolean;
package/dist/components/CdsDropdown/CdsDropdown.vue.d.ts CHANGED
@@ -263,7 +263,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
263
263
  tag: string;
264
264
  size: NonNullable<"xs" | "sm" | "md" | "lg" | "xl">;
265
265
  disabled: boolean;
266
- dark: boolean;
266
+ invertColor: boolean;
267
+ transparent: boolean;
267
268
  required: boolean;
268
269
  selectStrategy: NonNullable<import("../../composable/nested/selectStrategies").TSelectStrategyProp>;
269
270
  openStrategy: NonNullable<import("../../composable/nested/openStrategies").TOpenStrategyProp>;
@@ -286,7 +287,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
286
287
  opened: import("vue").PropType<unknown[]>;
287
288
  selected: import("vue").PropType<unknown[]>;
288
289
  required: BooleanConstructor;
289
- dark: {
290
+ transparent: {
291
+ type: import("vue").PropType<boolean>;
292
+ default: boolean;
293
+ };
294
+ invertColor: {
290
295
  type: import("vue").PropType<boolean>;
291
296
  default: boolean;
292
297
  };
@@ -350,14 +355,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
350
355
  }) => any) | undefined;
351
356
  "onClick:select"?: ((value: {
352
357
  id: unknown;
353
- value: boolean; /**
354
- * Событие выбора всех элементов
355
- * @type { boolean }
356
- */
358
+ value: boolean;
357
359
  path: unknown[];
358
360
  event: Event;
359
361
  }) => any) | undefined;
360
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "items" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "returnObject" | "tag" | "size" | "disabled" | "dark" | "required" | "selectStrategy" | "openStrategy" | "theme" | "lines">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
362
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "items" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "returnObject" | "tag" | "size" | "disabled" | "invertColor" | "transparent" | "required" | "selectStrategy" | "openStrategy" | "theme" | "lines">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
361
363
  default: undefined;
362
364
  };
363
365
  menuIcon: {
@@ -1513,7 +1515,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
1513
1515
  opened: import("vue").PropType<unknown[]>;
1514
1516
  selected: import("vue").PropType<unknown[]>;
1515
1517
  required: BooleanConstructor;
1516
- dark: {
1518
+ transparent: {
1519
+ type: import("vue").PropType<boolean>;
1520
+ default: boolean;
1521
+ };
1522
+ invertColor: {
1517
1523
  type: import("vue").PropType<boolean>;
1518
1524
  default: boolean;
1519
1525
  };
@@ -1577,10 +1583,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
1577
1583
  }) => boolean;
1578
1584
  'click:select': (value: {
1579
1585
  id: unknown;
1580
- value: boolean; /**
1581
- * Событие выбора всех элементов
1582
- * @type { boolean }
1583
- */
1586
+ value: boolean;
1584
1587
  path: unknown[];
1585
1588
  event: Event;
1586
1589
  }) => boolean;
@@ -1601,7 +1604,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
1601
1604
  opened: import("vue").PropType<unknown[]>;
1602
1605
  selected: import("vue").PropType<unknown[]>;
1603
1606
  required: BooleanConstructor;
1604
- dark: {
1607
+ transparent: {
1608
+ type: import("vue").PropType<boolean>;
1609
+ default: boolean;
1610
+ };
1611
+ invertColor: {
1605
1612
  type: import("vue").PropType<boolean>;
1606
1613
  default: boolean;
1607
1614
  };
@@ -1665,10 +1672,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
1665
1672
  }) => any) | undefined;
1666
1673
  "onClick:select"?: ((value: {
1667
1674
  id: unknown;
1668
- value: boolean; /**
1669
- * Событие выбора всех элементов
1670
- * @type { boolean }
1671
- */
1675
+ value: boolean;
1672
1676
  path: unknown[];
1673
1677
  event: Event;
1674
1678
  }) => any) | undefined;
@@ -1682,7 +1686,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
1682
1686
  tag: string;
1683
1687
  size: NonNullable<"xs" | "sm" | "md" | "lg" | "xl">;
1684
1688
  disabled: boolean;
1685
- dark: boolean;
1689
+ invertColor: boolean;
1690
+ transparent: boolean;
1686
1691
  required: boolean;
1687
1692
  selectStrategy: NonNullable<import("../../composable/nested/selectStrategies").TSelectStrategyProp>;
1688
1693
  openStrategy: NonNullable<import("../../composable/nested/openStrategies").TOpenStrategyProp>;
@@ -1893,7 +1898,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
1893
1898
  tag?: string | undefined;
1894
1899
  size?: NonNullable<"xs" | "sm" | "md" | "lg" | "xl"> | undefined;
1895
1900
  disabled?: boolean | undefined;
1896
- dark?: boolean | undefined;
1901
+ invertColor?: boolean | undefined;
1902
+ transparent?: boolean | undefined;
1897
1903
  required?: boolean | undefined;
1898
1904
  selectStrategy?: NonNullable<import("../../composable/nested/selectStrategies").TSelectStrategyProp> | undefined;
1899
1905
  openStrategy?: "multiple" | "single" | "list" | {
@@ -1913,10 +1919,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
1913
1919
  }) => any) | undefined;
1914
1920
  "onClick:select"?: ((value: {
1915
1921
  id: unknown;
1916
- value: boolean; /**
1917
- * Событие выбора всех элементов
1918
- * @type { boolean }
1919
- */
1922
+ value: boolean;
1920
1923
  path: unknown[];
1921
1924
  event: Event;
1922
1925
  }) => any) | undefined;
@@ -2310,7 +2313,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
2310
2313
  tag: string;
2311
2314
  size: NonNullable<"xs" | "sm" | "md" | "lg" | "xl">;
2312
2315
  disabled: boolean;
2313
- dark: boolean;
2316
+ invertColor: boolean;
2317
+ transparent: boolean;
2314
2318
  required: boolean;
2315
2319
  selectStrategy: NonNullable<import("../../composable/nested/selectStrategies").TSelectStrategyProp>;
2316
2320
  openStrategy: NonNullable<import("../../composable/nested/openStrategies").TOpenStrategyProp>;
@@ -2333,7 +2337,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
2333
2337
  opened: import("vue").PropType<unknown[]>;
2334
2338
  selected: import("vue").PropType<unknown[]>;
2335
2339
  required: BooleanConstructor;
2336
- dark: {
2340
+ transparent: {
2341
+ type: import("vue").PropType<boolean>;
2342
+ default: boolean;
2343
+ };
2344
+ invertColor: {
2337
2345
  type: import("vue").PropType<boolean>;
2338
2346
  default: boolean;
2339
2347
  };
@@ -2397,14 +2405,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
2397
2405
  }) => any) | undefined;
2398
2406
  "onClick:select"?: ((value: {
2399
2407
  id: unknown;
2400
- value: boolean; /**
2401
- * Событие выбора всех элементов
2402
- * @type { boolean }
2403
- */
2408
+ value: boolean;
2404
2409
  path: unknown[];
2405
2410
  event: Event;
2406
2411
  }) => any) | undefined;
2407
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "items" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "returnObject" | "tag" | "size" | "disabled" | "dark" | "required" | "selectStrategy" | "openStrategy" | "theme" | "lines">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
2412
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "items" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "returnObject" | "tag" | "size" | "disabled" | "invertColor" | "transparent" | "required" | "selectStrategy" | "openStrategy" | "theme" | "lines">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>>;
2408
2413
  default: undefined;
2409
2414
  };
2410
2415
  menuIcon: {
@@ -2434,7 +2439,8 @@ declare const _sfc_main: import("vue").DefineComponent<{
2434
2439
  tag: string;
2435
2440
  size: NonNullable<"xs" | "sm" | "md" | "lg" | "xl">;
2436
2441
  disabled: boolean;
2437
- dark: boolean;
2442
+ invertColor: boolean;
2443
+ transparent: boolean;
2438
2444
  required: boolean;
2439
2445
  selectStrategy: NonNullable<import("../../composable/nested/selectStrategies").TSelectStrategyProp>;
2440
2446
  openStrategy: NonNullable<import("../../composable/nested/openStrategies").TOpenStrategyProp>;
@@ -2457,7 +2463,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
2457
2463
  opened: import("vue").PropType<unknown[]>;
2458
2464
  selected: import("vue").PropType<unknown[]>;
2459
2465
  required: BooleanConstructor;
2460
- dark: {
2466
+ transparent: {
2467
+ type: import("vue").PropType<boolean>;
2468
+ default: boolean;
2469
+ };
2470
+ invertColor: {
2461
2471
  type: import("vue").PropType<boolean>;
2462
2472
  default: boolean;
2463
2473
  };
@@ -2521,14 +2531,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
2521
2531
  }) => any) | undefined;
2522
2532
  "onClick:select"?: ((value: {
2523
2533
  id: unknown;
2524
- value: boolean; /**
2525
- * Событие выбора всех элементов
2526
- * @type { boolean }
2527
- */
2534
+ value: boolean;
2528
2535
  path: unknown[];
2529
2536
  event: Event;
2530
2537
  }) => any) | undefined;
2531
- } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "items" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "returnObject" | "tag" | "size" | "disabled" | "dark" | "required" | "selectStrategy" | "openStrategy" | "theme" | "lines">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>;
2538
+ } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "items" | "itemTitle" | "itemValue" | "itemChildren" | "itemProps" | "returnObject" | "tag" | "size" | "disabled" | "invertColor" | "transparent" | "required" | "selectStrategy" | "openStrategy" | "theme" | "lines">, keyof import("vue").VNodeProps | keyof import("vue").AllowedComponentProps>;
2532
2539
  items: any[];
2533
2540
  itemTitle: import("../../composable").TItemKey;
2534
2541
  itemValue: import("../../composable").TItemKey;
package/dist/components/CdsExpandablePanel/CdsExpandablePanels.vue.d.ts CHANGED
@@ -46,10 +46,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
46
46
  default: boolean;
47
47
  };
48
48
  appearance: {
49
- type: import("vue").PropType<"primary" | "secondary" | "transparent">;
49
+ type: import("vue").PropType<"transparent" | "primary" | "secondary">;
50
50
  default: string;
51
51
  available: readonly ["primary", "secondary", "transparent"];
52
- validator: (value: "primary" | "secondary" | "transparent") => boolean;
52
+ validator: (value: "transparent" | "primary" | "secondary") => boolean;
53
53
  };
54
54
  variant: {
55
55
  type: import("vue").PropType<"default" | "accordion">;
@@ -98,10 +98,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
98
98
  default: boolean;
99
99
  };
100
100
  appearance: {
101
- type: import("vue").PropType<"primary" | "secondary" | "transparent">;
101
+ type: import("vue").PropType<"transparent" | "primary" | "secondary">;
102
102
  default: string;
103
103
  available: readonly ["primary", "secondary", "transparent"];
104
- validator: (value: "primary" | "secondary" | "transparent") => boolean;
104
+ validator: (value: "transparent" | "primary" | "secondary") => boolean;
105
105
  };
106
106
  variant: {
107
107
  type: import("vue").PropType<"default" | "accordion">;
@@ -119,7 +119,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
119
119
  modelValue: any;
120
120
  readonly: boolean;
121
121
  variant: "default" | "accordion";
122
- appearance: "primary" | "secondary" | "transparent";
122
+ appearance: "transparent" | "primary" | "secondary";
123
123
  selectedClass: string;
124
124
  max: number;
125
125
  }>;