design-system-next 1.15.17 → 1.16.1
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/design-system-next.js +1658 -1627
- package/dist/design-system-next.js.gz +0 -0
- package/dist/main.css +1 -1
- package/dist/main.css.gz +0 -0
- package/package.json +1 -1
- package/src/components/dropdown/dropdown.ts +4 -0
- package/src/components/dropdown/dropdown.vue +5 -2
- package/src/components/dropdown/use-dropdown.ts +87 -14
- package/src/components/list/ladderized-list/ladderized-list.ts +4 -0
- package/src/components/list/ladderized-list/use-ladderized-list.ts +5 -1
- package/src/components/list/list.ts +1 -0
- package/src/components/table/use-table.ts +7 -14
|
@@ -58,27 +58,20 @@ export const useTable = (props: TablePropTypes, emit: SetupContext<TableEmitType
|
|
|
58
58
|
|
|
59
59
|
// Value is currently either a string, an object with a title property, or an array of objects with a title property
|
|
60
60
|
const extractLowerCasedTitle = (value: string | { title: string } | Array<{ title: string }>) => {
|
|
61
|
-
if (typeof value === 'string') return value.toLowerCase();
|
|
61
|
+
if (typeof value === 'string') return value.toLowerCase();
|
|
62
62
|
else if (typeof value === 'object' && !Array.isArray(value) && value !== null) return value.title.toLowerCase();
|
|
63
63
|
else if (Array.isArray(value) && value.length > 0) return value[0].title.toLowerCase();
|
|
64
64
|
return '';
|
|
65
|
-
}
|
|
65
|
+
};
|
|
66
66
|
|
|
67
67
|
const getTableClasses = computed(() => {
|
|
68
68
|
const tableWrapperClasses = classNames(
|
|
69
|
-
'spr-border-color-weak spr-w-full spr-overflow-hidden spr-rounded-border-radius-lg spr-border spr-border-solid spr-table-wrapper spr-relative',
|
|
70
|
-
{
|
|
71
|
-
'spr-min-h-[100vh]': fullHeight.value, // Set wrapper height to full screen
|
|
72
|
-
'spr-min-h-[400px]': !fullHeight.value,
|
|
73
|
-
},
|
|
74
|
-
);
|
|
75
|
-
const tableFooterClasses = classNames(
|
|
76
|
-
'spr-absolute spr-w-full spr-bottom-0 spr-left-0',
|
|
77
|
-
{
|
|
78
|
-
'spr-background-color-surface': props.variant === 'surface',
|
|
79
|
-
'spr-background-color': props.variant === 'white',
|
|
80
|
-
},
|
|
69
|
+
'spr-border-color-weak spr-w-full spr-overflow-hidden spr-rounded-border-radius-lg spr-border spr-border-solid spr-table-wrapper spr-relative spr-h-max',
|
|
81
70
|
);
|
|
71
|
+
const tableFooterClasses = classNames('spr-absolute spr-w-full spr-bottom-0 spr-left-0', {
|
|
72
|
+
'spr-background-color-surface': props.variant === 'surface',
|
|
73
|
+
'spr-background-color': props.variant === 'white',
|
|
74
|
+
});
|
|
82
75
|
const headerBackground = classNames({
|
|
83
76
|
'spr-background-color': props.variant === 'white',
|
|
84
77
|
'spr-background-color-surface': props.variant === 'surface',
|