@intechstudio/grid-uikit 1.20260922.800 → 1.20260922.836
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/ContextMenu.svelte +19 -8
- package/dist/MeltCombo.svelte +2 -3
- package/dist/MeltSelect.svelte +2 -2
- package/package.json +1 -1
package/dist/ContextMenu.svelte
CHANGED
|
@@ -63,12 +63,15 @@
|
|
|
63
63
|
{#each items as item}
|
|
64
64
|
{@const disabled = item.isDisabled ? item.isDisabled() : false}
|
|
65
65
|
<button
|
|
66
|
-
|
|
66
|
+
class:disabled
|
|
67
67
|
{disabled}
|
|
68
68
|
on:click={() => handleItemClicked(item)}
|
|
69
69
|
>
|
|
70
70
|
{#if item.iconPath}
|
|
71
|
-
<SvgIcon
|
|
71
|
+
<SvgIcon
|
|
72
|
+
fill={disabled ? "var(--foreground-disabled)" : "var(--foreground)"}
|
|
73
|
+
iconPath={item.iconPath}
|
|
74
|
+
/>
|
|
72
75
|
{/if}
|
|
73
76
|
<span>{item.text[0]}</span>
|
|
74
77
|
<!-- Spacer for alignment -->
|
|
@@ -89,11 +92,12 @@
|
|
|
89
92
|
display: flex;
|
|
90
93
|
flex-direction: column;
|
|
91
94
|
align-items: flex-start;
|
|
92
|
-
border: 1px solid var(--
|
|
93
|
-
border-radius: 0.25rem;
|
|
95
|
+
border: 1px solid var(--foreground-muted);
|
|
96
|
+
border-radius: var(--radius, 0.25rem);
|
|
94
97
|
position: absolute;
|
|
95
|
-
|
|
96
|
-
|
|
98
|
+
z-index: 40;
|
|
99
|
+
color: var(--foreground-muted);
|
|
100
|
+
background-color: var(--popover-background);
|
|
97
101
|
}
|
|
98
102
|
|
|
99
103
|
button {
|
|
@@ -116,9 +120,16 @@
|
|
|
116
120
|
letter-spacing: inherit; /* 1 */
|
|
117
121
|
margin: 0; /* 2 */
|
|
118
122
|
background-color: transparent; /* 2 */
|
|
123
|
+
color: inherit;
|
|
119
124
|
cursor: pointer;
|
|
120
125
|
}
|
|
121
|
-
button:hover {
|
|
122
|
-
background-color: var(--
|
|
126
|
+
button:hover:not(.disabled) {
|
|
127
|
+
background-color: var(--popover-selection);
|
|
128
|
+
color: var(--foreground);
|
|
129
|
+
}
|
|
130
|
+
|
|
131
|
+
button.disabled {
|
|
132
|
+
color: var(--foreground-disabled);
|
|
133
|
+
cursor: default;
|
|
123
134
|
}
|
|
124
135
|
</style>
|
package/dist/MeltCombo.svelte
CHANGED
|
@@ -369,9 +369,8 @@
|
|
|
369
369
|
.menu {
|
|
370
370
|
background-color: var(--popover-background);
|
|
371
371
|
color: var(--foreground-muted);
|
|
372
|
-
border
|
|
373
|
-
border-
|
|
374
|
-
border-radius: 0.25em;
|
|
372
|
+
border: 1px solid var(--foreground-muted);
|
|
373
|
+
border-radius: var(--radius, 0.25rem);
|
|
375
374
|
z-index: 40;
|
|
376
375
|
max-height: 8em;
|
|
377
376
|
display: flex;
|
package/dist/MeltSelect.svelte
CHANGED
|
@@ -133,12 +133,12 @@
|
|
|
133
133
|
background-color: var(--popover-background);
|
|
134
134
|
color: var(--foreground-muted);
|
|
135
135
|
border: 1px solid var(--foreground-muted);
|
|
136
|
-
border-radius: 0.
|
|
136
|
+
border-radius: var(--radius, 0.25rem);
|
|
137
137
|
z-index: 40;
|
|
138
138
|
}
|
|
139
139
|
div.option {
|
|
140
140
|
cursor: pointer;
|
|
141
|
-
padding: 0.
|
|
141
|
+
padding: 0.5rem;
|
|
142
142
|
}
|
|
143
143
|
div.option:hover,
|
|
144
144
|
div.option[data-highlighted] {
|