@makolabs/ripple 0.0.1-dev.77 → 0.0.1-dev.79
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.
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
import { cn } from '
|
|
3
|
-
import type {
|
|
4
|
-
import type { Component } from 'svelte';
|
|
5
|
-
import type { FilterTab, FilterGroup, CompactFiltersProps } from '../index.js';
|
|
2
|
+
import { cn } from 'tailwind-variants';
|
|
3
|
+
import type { FilterTab, CompactFiltersProps } from '../index.js';
|
|
6
4
|
|
|
7
5
|
// Props definition
|
|
8
6
|
let {
|
|
@@ -12,8 +10,6 @@
|
|
|
12
10
|
class: className,
|
|
13
11
|
summaryClass,
|
|
14
12
|
expandedClass,
|
|
15
|
-
ChevronDownIcon,
|
|
16
|
-
ChevronUpIcon,
|
|
17
13
|
FilterIcon
|
|
18
14
|
}: CompactFiltersProps = $props();
|
|
19
15
|
|
|
@@ -84,8 +80,8 @@
|
|
|
84
80
|
<FilterIcon size={16} class="text-gray-500" />
|
|
85
81
|
{:else}
|
|
86
82
|
<span class="text-gray-500">
|
|
87
|
-
|
|
88
|
-
|
|
83
|
+
{@render DefaultFilterIcon()}
|
|
84
|
+
</span>
|
|
89
85
|
{/if}
|
|
90
86
|
<span class="text-sm font-medium">{title}</span>
|
|
91
87
|
</div>
|
|
@@ -94,13 +90,7 @@
|
|
|
94
90
|
aria-label={isExpanded ? `Collapse ${title.toLowerCase()}` : `Expand ${title.toLowerCase()}`}
|
|
95
91
|
>
|
|
96
92
|
{#if isExpanded}
|
|
97
|
-
{
|
|
98
|
-
<ChevronUpIcon size={18} />
|
|
99
|
-
{:else}
|
|
100
|
-
<span>{@render DefaultChevronUp()}</span>
|
|
101
|
-
{/if}
|
|
102
|
-
{:else if ChevronDownIcon}
|
|
103
|
-
<ChevronDownIcon size={18} />
|
|
93
|
+
<span>{@render DefaultChevronUp()}</span>
|
|
104
94
|
{:else}
|
|
105
95
|
<span>{@render DefaultChevronDown()}></span>
|
|
106
96
|
{/if}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import type { Component } from 'svelte';
|
|
2
1
|
import type { CompactFiltersProps } from '../index.js';
|
|
3
|
-
declare const CompactFilters: Component<CompactFiltersProps, {}, "isExpanded">;
|
|
2
|
+
declare const CompactFilters: import("svelte").Component<CompactFiltersProps, {}, "isExpanded">;
|
|
4
3
|
type CompactFilters = ReturnType<typeof CompactFilters>;
|
|
5
4
|
export default CompactFilters;
|
package/dist/index.d.ts
CHANGED
|
@@ -403,7 +403,7 @@ export { selectTV } from './elements/dropdown/select.js';
|
|
|
403
403
|
export { breadcrumbs } from './header/breadcrumbs.js';
|
|
404
404
|
export { metricCard } from './layout/card/metric-card.js';
|
|
405
405
|
export type ChartColorKey = keyof typeof ChartColor;
|
|
406
|
-
export type ChartColorValue = typeof ChartColor[ChartColorKey];
|
|
406
|
+
export type ChartColorValue = (typeof ChartColor)[ChartColorKey];
|
|
407
407
|
export type ChartColors = {
|
|
408
408
|
[K in ChartColorValue]: string;
|
|
409
409
|
};
|
|
@@ -837,8 +837,6 @@ export type CompactFiltersProps = {
|
|
|
837
837
|
class?: ClassValue;
|
|
838
838
|
summaryClass?: ClassValue;
|
|
839
839
|
expandedClass?: ClassValue;
|
|
840
|
-
ChevronDownIcon?: Component;
|
|
841
|
-
ChevronUpIcon?: Component;
|
|
842
840
|
FilterIcon?: Component;
|
|
843
841
|
};
|
|
844
842
|
export { CompactFilters } from './filters/index.js';
|
package/dist/modal/Modal.svelte
CHANGED
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
} = $derived(
|
|
39
39
|
modal({
|
|
40
40
|
open,
|
|
41
|
-
position
|
|
41
|
+
position
|
|
42
42
|
})
|
|
43
43
|
);
|
|
44
44
|
|
|
@@ -60,9 +60,9 @@
|
|
|
60
60
|
function handleEscapeKey(e: KeyboardEvent) {
|
|
61
61
|
if (e.key === 'Escape' && open) {
|
|
62
62
|
onClose();
|
|
63
|
+
e.preventDefault();
|
|
64
|
+
e.stopPropagation();
|
|
63
65
|
}
|
|
64
|
-
e.preventDefault();
|
|
65
|
-
e.stopPropagation();
|
|
66
66
|
}
|
|
67
67
|
|
|
68
68
|
function handleCloseClick() {
|