@central-design-system/components 3.0.0-beta.6 → 3.0.0-beta.8
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.
- package/dist/cds.css +1 -1
- package/dist/cds.es.js +3248 -3208
- package/dist/cds.umd.js +2 -2
- package/dist/components/CdsAutocomplete/CdsAutocomplete.vue.d.ts +29 -12
- package/dist/components/CdsBadge/CdsBadge.vue.d.ts +5 -7
- package/dist/components/CdsCombobox/CdsCombobox.vue.d.ts +64 -41
- package/dist/components/CdsDropdown/CdsDropdown.vue.d.ts +18 -6
- package/dist/components/CdsProgress/CdsProgress.vue.d.ts +1 -1
- package/dist/components/CdsSelect/CdsSelect.vue.d.ts +2 -2
- package/dist/components/CdsSidebar/CdsSidebar.vue.d.ts +22 -8
- package/dist/components/CdsTable/composable/scroll.d.ts +4607 -0
- package/dist/components/CdsTextArea/CdsTextArea.vue.d.ts +2 -2
- package/dist/components/CdsTextInput/CdsTextInput.vue.d.ts +2 -2
- package/dist/components/CdsUploader/components/UploadList/ListItem.d.ts +6 -6
- package/dist/components/CdsUploader/components/UploadList/UploadList.d.ts +6 -6
- package/dist/components/CdsUploader/composable/upload.d.ts +2 -2
- package/dist/composable/select.d.ts +17 -8
- package/package.json +1 -1
- package/src/scss/themes/b2b/tokens.json +104 -104
- package/src/scss/themes/cds/tokens.json +104 -104
- package/src/scss/themes/index.ts +1 -1
- package/src/scss/utility/variables/display.scss +0 -1
- package/src/scss/utility/variables/flex.scss +42 -1
package/src/scss/themes/index.ts
CHANGED
|
@@ -85,6 +85,44 @@ $order: (
|
|
|
85
85
|
'last': 999
|
|
86
86
|
);
|
|
87
87
|
|
|
88
|
+
$gap-sizes: (
|
|
89
|
+
'0': 0,
|
|
90
|
+
'px': 1px,
|
|
91
|
+
'0\\.5': 0.125rem, // 2px
|
|
92
|
+
'1': 0.25rem, // 4px
|
|
93
|
+
'1\\.5': 0.375rem, // 6px
|
|
94
|
+
'2': 0.5rem, // 8px
|
|
95
|
+
'2\\.5': 0.625rem, // 10px
|
|
96
|
+
'3': 0.75rem, // 12px
|
|
97
|
+
'3\\.5': 0.875rem, // 14px
|
|
98
|
+
'4': 1rem, // 16px
|
|
99
|
+
'5': 1.25rem, // 20px
|
|
100
|
+
'6': 1.5rem, // 24px
|
|
101
|
+
'7': 1.75rem, // 28px
|
|
102
|
+
'8': 2rem, // 32px
|
|
103
|
+
'9': 2.25rem, // 36px
|
|
104
|
+
'10': 2.5rem, // 40px
|
|
105
|
+
'11': 2.75rem, // 44px
|
|
106
|
+
'12': 3rem, // 48px
|
|
107
|
+
'14': 3.5rem, // 56px
|
|
108
|
+
'16': 4rem, // 64px
|
|
109
|
+
'20': 5rem, // 80px
|
|
110
|
+
'24': 6rem, // 96px
|
|
111
|
+
'28': 7rem, // 112px
|
|
112
|
+
'32': 8rem, // 128px
|
|
113
|
+
'36': 9rem, // 144px
|
|
114
|
+
'40': 10rem, // 160px
|
|
115
|
+
'44': 11rem, // 176px
|
|
116
|
+
'48': 12rem, // 192px
|
|
117
|
+
'52': 13rem, // 208px
|
|
118
|
+
'56': 14rem, // 224px
|
|
119
|
+
'60': 15rem, // 240px
|
|
120
|
+
'64': 16rem, // 256px
|
|
121
|
+
'72': 18rem, // 288px
|
|
122
|
+
'80': 20rem, // 320px
|
|
123
|
+
'96': 24rem // 384px
|
|
124
|
+
);
|
|
125
|
+
|
|
88
126
|
$flex-properties: (
|
|
89
127
|
'direction': ('name': '', 'map': $flex-direction, 'property': 'flex-direction'),
|
|
90
128
|
'justify': ('name': 'justify-', 'map': $justify-content, 'property': 'justify-content'),
|
|
@@ -95,5 +133,8 @@ $flex-properties: (
|
|
|
95
133
|
'grow': ('name': 'grow-', 'map': $flex-grow, 'property': 'flex-grow'),
|
|
96
134
|
'shrink': ('name': 'shrink-', 'map': $flex-shrink, 'property': 'flex-shrink'),
|
|
97
135
|
'basis': ('name': 'basis-', 'map': $flex-basis, 'property': 'flex-basis'),
|
|
98
|
-
'order': ('name': 'order-', 'map': $order, 'property': 'order')
|
|
136
|
+
'order': ('name': 'order-', 'map': $order, 'property': 'order'),
|
|
137
|
+
'gap': ('name': 'gap-', 'map': $gap-sizes, 'property': 'gap'),
|
|
138
|
+
'gap-y': ('name': 'gap-y-', 'map': $gap-sizes, 'property': 'row-gap'),
|
|
139
|
+
'gap-x': ('name': 'gap-x-', 'map': $gap-sizes, 'property': 'column-gap'),
|
|
99
140
|
);
|