@insymetri/styleguide 0.1.22 → 0.1.23
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.
|
@@ -82,32 +82,34 @@
|
|
|
82
82
|
{#snippet child({props, wrapperProps})}
|
|
83
83
|
<div {...wrapperProps} style:min-width={matchTriggerWidth && triggerWidth ? `${triggerWidth}px` : undefined}>
|
|
84
84
|
<div {...props}>
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
{
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
85
|
+
<div class="max-h-300 overflow-y-auto">
|
|
86
|
+
{#each items as item (item.value)}
|
|
87
|
+
<DropdownMenu.Item
|
|
88
|
+
disabled={item.disabled}
|
|
89
|
+
class={cn(
|
|
90
|
+
'flex items-center justify-between gap-12 px-12 py-6 rounded-6 text-small text-dropdown-item cursor-default outline-none data-[highlighted]:bg-dropdown-item-hover data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed',
|
|
91
|
+
value === item.value && 'text-dropdown-item-selected'
|
|
92
|
+
)}
|
|
93
|
+
onSelect={() => handleSelect(item)}
|
|
94
|
+
>
|
|
95
|
+
{#if renderItem}
|
|
96
|
+
{@render renderItem(item, value === item.value)}
|
|
97
|
+
{:else}
|
|
98
|
+
<span class="flex items-center gap-8">
|
|
99
|
+
{#if item.icon}
|
|
100
|
+
<span class="w-16 h-16 flex items-center justify-center shrink-0 [&_svg]:w-16 [&_svg]:h-16">
|
|
101
|
+
{@render item.icon()}
|
|
102
|
+
</span>
|
|
103
|
+
{/if}
|
|
104
|
+
{item.label}
|
|
105
|
+
</span>
|
|
106
|
+
{#if value === item.value}
|
|
107
|
+
<IIIcon iconName="check" class="w-14 h-14 text-accent shrink-0" />
|
|
102
108
|
{/if}
|
|
103
|
-
{item.label}
|
|
104
|
-
</span>
|
|
105
|
-
{#if value === item.value}
|
|
106
|
-
<IIIcon iconName="check" class="w-14 h-14 text-accent shrink-0" />
|
|
107
109
|
{/if}
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
110
|
+
</DropdownMenu.Item>
|
|
111
|
+
{/each}
|
|
112
|
+
</div>
|
|
111
113
|
</div>
|
|
112
114
|
</div>
|
|
113
115
|
{/snippet}
|