@central-design-system/components 3.0.0-beta.12 → 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 (39) hide show
  1. package/dist/cds.css +1 -1
  2. package/dist/cds.es.js +4681 -4625
  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/composable/scroll.d.ts +4607 -0
  19. package/dist/components/CdsTable/utils/index.d.ts +1 -0
  20. package/dist/components/CdsTable/utils/vnode.d.ts +10 -0
  21. package/dist/components/CdsTabs/CdsTabs.vue.d.ts +3 -3
  22. package/dist/components/CdsToolbar/CdsToolbar.vue.d.ts +42 -0
  23. package/dist/composable/appearance.d.ts +1 -1
  24. package/dist/composable/index.d.ts +2 -1
  25. package/dist/composable/invertColor.d.ts +19 -0
  26. package/dist/composable/select.d.ts +8 -3
  27. package/dist/composable/transparent.d.ts +19 -0
  28. package/package.json +1 -1
  29. package/src/scss/modules/grid/_css-grid.scss +12 -19
  30. package/src/scss/modules/grid/_flex-grid.scss +9 -5
  31. package/src/scss/modules/grid/_mixins.scss +23 -31
  32. package/src/scss/themes/index.ts +1 -1
  33. package/src/scss/utility/index.scss +1 -0
  34. package/src/scss/utility/typography.scss +63 -0
  35. package/src/scss/utility/variables/exports/_display.scss +4 -4
  36. package/src/scss/utility/variables/exports/_typography.scss +22 -0
  37. package/src/scss/utility/variables/index.scss +1 -0
  38. package/src/scss/utility/variables/typography.scss +93 -0
  39. package/dist/composable/dark.d.ts +0 -19
package/src/scss/utility/variables/typography.scss ADDED
@@ -0,0 +1,93 @@
1
+ @import "../../mixins/typo";
2
+
3
+ $xs: ('size': var(--cds-font-body-size-xs), 'height': var(--cds-font-height-body), 'weight': var(--cds-font-weight-light));
4
+ $sm: ('size': var(--cds-font-body-size-s), 'height': var(--cds-font-height-body), 'weight': var(--cds-font-weight-light));
5
+ $md: ('size': var(--cds-font-body-size-m), 'height': var(--cds-font-height-body), 'weight': var(--cds-font-weight-light));
6
+ $lg: ('size': var(--cds-font-body-size-l), 'height': var(--cds-font-height-body), 'weight': var(--cds-font-weight-normal));
7
+ $h1: ('size': var(--cds-font-heading-1), 'height': var(--cds-font-height-heading), 'weight': var(--cds-font-weight-light));
8
+ $h2: ('size': var(--cds-font-heading-2), 'height': var(--cds-font-height-heading), 'weight': var(--cds-font-weight-light));
9
+ $h3: ('size': var(--cds-font-heading-3), 'height': var(--cds-font-height-heading), 'weight': var(--cds-font-weight-light));
10
+ $h4: ('size': var(--cds-font-heading-4), 'height': var(--cds-font-height-heading), 'weight': var(--cds-font-weight-bold));
11
+ $h5: ('size': var(--cds-font-heading-5), 'height': var(--cds-font-height-heading), 'weight': var(--cds-font-weight-bold));
12
+ $h6: ('size': var(--cds-font-heading-6), 'height': var(--cds-font-height-heading), 'weight': var(--cds-font-weight-bold));
13
+ $display1: ('size': var(--cds-font-display-1), 'height': var(--cds-font-height-display), 'weight': var(--cds-font-weight-bold));
14
+ $display2: ('size': var(--cds-font-display-2), 'height': var(--cds-font-height-display), 'weight': var(--cds-font-weight-bold));
15
+
16
+ $typography: (
17
+ 'h1': $h1,
18
+ 'h2': $h2,
19
+ 'h3': $h3,
20
+ 'h4': $h4,
21
+ 'h5': $h5,
22
+ 'h6': $h6,
23
+ 'xs': $xs,
24
+ 'sm': $sm,
25
+ 'md': $md,
26
+ 'lg': $lg,
27
+ 'display-1': $display1,
28
+ 'display-2': $display2
29
+ );
30
+
31
+ $font-weight: (
32
+ 'normal': normal,
33
+ 'bold': bold,
34
+ '100': 100,
35
+ '200': 200,
36
+ '300': 300,
37
+ '400': 400,
38
+ '500': 500,
39
+ '600': 600,
40
+ '700': 700,
41
+ '800': 800,
42
+ '900': 900
43
+ );
44
+
45
+ $font-style: (
46
+ 'normal': normal,
47
+ 'italic': italic,
48
+ 'oblique': oblique
49
+ );
50
+
51
+ $text-align: (
52
+ 'left': left,
53
+ 'right': right,
54
+ 'center': center,
55
+ 'justify': justify
56
+ );
57
+
58
+ $text-decoration: (
59
+ 'none': none,
60
+ 'underline': underline,
61
+ 'overline': overline,
62
+ 'line-through': line-through
63
+ );
64
+
65
+ $text-transform: (
66
+ 'none': none,
67
+ 'capitalize': capitalize,
68
+ 'uppercase': uppercase,
69
+ 'lowercase': lowercase
70
+ );
71
+
72
+ $line-height: (
73
+ 'normal': normal,
74
+ '1': 1,
75
+ '2': 2
76
+ );
77
+
78
+ $letter-spacing: (
79
+ 'normal': normal,
80
+ 'tight': -0.05em,
81
+ 0: 0,
82
+ 'wide': 0.05em
83
+ );
84
+
85
+ $typography-properties: (
86
+ 'weight': ('name': 'font-weight-', 'map': $font-weight, 'property': 'font-weight'),
87
+ 'style': ('name': 'font-style-', 'map': $font-style, 'property': 'font-style'),
88
+ 'align': ('name': 'align-', 'map': $text-align, 'property': 'text-align'),
89
+ 'decoration': ('name': 'text-decoration-', 'map': $text-decoration, 'property': 'text-decoration'),
90
+ 'transform': ('name': 'text-transform-', 'map': $text-transform, 'property': 'text-transform'),
91
+ 'line-height': ('name': 'line-height-', 'map': $line-height, 'property': 'line-height'),
92
+ 'letter-spacing': ('name': 'letter-spacing-', 'map': $letter-spacing, 'property': 'letter-spacing'),
93
+ );
package/dist/composable/dark.d.ts DELETED
@@ -1,19 +0,0 @@
1
- import type { ComputedRef, PropType } from 'vue';
2
- export interface IDarkProps {
3
- dark: boolean;
4
- }
5
- export interface IUseDark {
6
- darkClasses: ComputedRef<string | undefined>;
7
- }
8
- export declare const makeDarkProps: <Defaults extends {
9
- dark?: unknown;
10
- } = {}>(defaults?: Defaults | undefined) => import('../utils').AppendDefault<{
11
- /**
12
- * Темная тема
13
- */
14
- dark: {
15
- type: PropType<boolean>;
16
- default: boolean;
17
- };
18
- }, Defaults>;
19
- export declare function useDark(props: IDarkProps, name: string): IUseDark;