@central-design-system/components 3.0.0-beta.5 → 3.0.0-beta.7

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 (33) hide show
  1. package/dist/cds.css +1 -1
  2. package/dist/cds.es.js +1313 -1300
  3. package/dist/cds.umd.js +2 -2
  4. package/dist/components/CdsBadge/CdsBadge.vue.d.ts +17 -2
  5. package/dist/components/CdsExpandablePanel/CdsExpandablePanels.vue.d.ts +1 -1
  6. package/dist/components/CdsNotification/CdsNotificationAlert.vue.d.ts +1 -1
  7. package/package.json +1 -1
  8. package/src/scss/themes/index.ts +1 -1
  9. package/src/scss/utility/display.scss +56 -5
  10. package/src/scss/utility/flexbox.scss +26 -28
  11. package/src/scss/utility/index.scss +0 -2
  12. package/src/scss/utility/layout.scss +65 -3
  13. package/src/scss/utility/spacing.scss +46 -86
  14. package/src/scss/utility/variables/display.scss +10 -0
  15. package/src/scss/utility/variables/exports/_display.scss +7 -0
  16. package/src/scss/utility/variables/exports/_flex.scss +13 -0
  17. package/src/scss/utility/variables/exports/_overflow.scss +7 -0
  18. package/src/scss/utility/variables/exports/_position.scss +7 -0
  19. package/src/scss/utility/variables/exports/_spacing.scss +14 -0
  20. package/src/scss/utility/variables/exports/_visibility.scss +7 -0
  21. package/src/scss/utility/variables/exports/_widthHeight.scss +7 -0
  22. package/src/scss/utility/variables/flex.scss +99 -0
  23. package/src/scss/utility/variables/index.scss +11 -0
  24. package/src/scss/utility/variables/overflow.scss +6 -0
  25. package/src/scss/utility/variables/position.scss +7 -0
  26. package/src/scss/utility/variables/spacing.scss +37 -0
  27. package/src/scss/utility/variables/visibility.scss +5 -0
  28. package/src/scss/utility/variables/widthHeight.scss +69 -0
  29. package/dist/components/CdsTable/composable/scroll.d.ts +0 -4607
  30. package/src/scss/utility/generatedFiles/generatedStyles.json +0 -1
  31. package/src/scss/utility/generatedFiles/generatedStyles.scss +0 -300
  32. package/src/scss/utility/typography.scss +0 -16
  33. package/src/scss/utility/variables.scss +0 -116
package/src/scss/utility/variables/spacing.scss ADDED
@@ -0,0 +1,37 @@
1
+ @import "../../mixins/layout/spacing";
2
+
3
+ $spaces: (
4
+ 'none': 0,
5
+ '3xs': $cds-spacing-3xs,
6
+ 'xxs': $cds-spacing-xxs,
7
+ 'xs': $cds-spacing-xs,
8
+ 's': $cds-spacing-s,
9
+ 'm': $cds-spacing-m,
10
+ 'l': $cds-spacing-l,
11
+ 'xl': $cds-spacing-xl,
12
+ 'xxl': $cds-spacing-xxl,
13
+ '3xl': $cds-spacing-3xl,
14
+ '4xl': $cds-spacing-4xl,
15
+ '5xl': $cds-spacing-5xl,
16
+ '6xl': $cds-spacing-6xl
17
+ );
18
+
19
+ $padding-map: (
20
+ 'pa': 'padding',
21
+ 'pt': 'padding-top',
22
+ 'pb': 'padding-bottom',
23
+ 'pr': 'padding-right',
24
+ 'pl': 'padding-left',
25
+ 'px': (padding-right, padding-left),
26
+ 'py': (padding-top, padding-bottom),
27
+ );
28
+
29
+ $margin-map: (
30
+ 'ma': 'margin',
31
+ 'mt': 'margin-top',
32
+ 'mb': 'margin-bottom',
33
+ 'mr': 'margin-right',
34
+ 'ml': 'margin-left',
35
+ 'mx': (margin-right, margin-left),
36
+ 'my': (margin-top, margin-bottom),
37
+ );
package/src/scss/utility/variables/visibility.scss ADDED
@@ -0,0 +1,5 @@
1
+ $visibility: (
2
+ 'invisible': hidden,
3
+ 'visible': visible,
4
+ 'collapse': collapse
5
+ );
package/src/scss/utility/variables/widthHeight.scss ADDED
@@ -0,0 +1,69 @@
1
+ $widthHeight: (
2
+ '0': 0px,
3
+ 'px': 1px,
4
+ '0\\.5': 0.125rem, // 2px
5
+ '1': 0.25rem, // 4px
6
+ '1\\.5': 0.375rem, // 6px
7
+ '2': 0.5rem, // 8px
8
+ '2\\.5': 0.625rem, // 10px
9
+ '3': 0.75rem, // 12px
10
+ '3\\.5': 0.875rem, // 14px
11
+ '4': 1rem, // 16px
12
+ '5': 1.25rem, // 20px
13
+ '6': 1.5rem, // 24px
14
+ '7': 1.75rem, // 28px
15
+ '8': 2rem, // 32px
16
+ '9': 2.25rem, // 36px
17
+ '10': 2.5rem, // 40px
18
+ '11': 2.75rem, // 44px
19
+ '12': 3rem, // 48px
20
+ '14': 3.5rem, // 56px
21
+ '16': 4rem, // 64px
22
+ '20': 5rem, // 80px
23
+ '24': 6rem, // 96px
24
+ '28': 7rem, // 112px
25
+ '32': 8rem, // 128px
26
+ '36': 9rem, // 144px
27
+ '40': 10rem, // 160px
28
+ '44': 11rem, // 176px
29
+ '48': 12rem, // 192px
30
+ '52': 13rem, // 208px
31
+ '56': 14rem, // 224px
32
+ '60': 15rem, // 240px
33
+ '64': 16rem, // 256px
34
+ '72': 18rem, // 288px
35
+ '80': 20rem, // 320px
36
+ '96': 24rem, // 384px
37
+ 'auto': auto,
38
+ '1\\/2': 50%,
39
+ '1\\/3': 33.333333%,
40
+ '2\\/3': 66.666667%,
41
+ '1\\/4': 25%,
42
+ '2\\/4': 50%,
43
+ '3\\/4': 75%,
44
+ '1\\/5': 20%,
45
+ '2\\/5': 40%,
46
+ '3\\/5': 60%,
47
+ '4\\/5': 80%,
48
+ '1\\/6': 16.666667%,
49
+ '2\\/6': 33.333333%,
50
+ '3\\/6': 50%,
51
+ '4\\/6': 66.666667%,
52
+ '5\\/6': 83.333333%,
53
+ '1\\/12': 8.333333%,
54
+ '2\\/12': 16.666667%,
55
+ '3\\/12': 25%,
56
+ '4\\/12': 33.333333%,
57
+ '5\\/12': 41.666667%,
58
+ '6\\/12': 50%,
59
+ '7\\/12': 58.333333%,
60
+ '8\\/12': 66.666667%,
61
+ '9\\/12': 75%,
62
+ '10\\/12': 83.333333%,
63
+ '11\\/12': 91.666667%,
64
+ 'full': 100%,
65
+ 'screen': 100vw,
66
+ 'min': min-content,
67
+ 'max': max-content,
68
+ 'fit': fit-content
69
+ );