@dorsk/tsumikit 0.59.0 → 0.59.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.
|
@@ -99,20 +99,25 @@
|
|
|
99
99
|
{/snippet}
|
|
100
100
|
{#snippet children({ close })}
|
|
101
101
|
<div class="detail">
|
|
102
|
-
<
|
|
102
|
+
<div class="detail-head">
|
|
103
|
+
<Text variant="code" size="sm" class="detail-name">{f.name}</Text>
|
|
104
|
+
{#if onremove}
|
|
105
|
+
<Button
|
|
106
|
+
variant="ghost"
|
|
107
|
+
box="sm"
|
|
108
|
+
hoverDanger
|
|
109
|
+
aria-label={removeLabel}
|
|
110
|
+
title={removeLabel}
|
|
111
|
+
onclick={() => {
|
|
112
|
+
close();
|
|
113
|
+
onremove?.(i);
|
|
114
|
+
}}
|
|
115
|
+
>
|
|
116
|
+
<Icon name="trash" size={16} />
|
|
117
|
+
</Button>
|
|
118
|
+
{/if}
|
|
119
|
+
</div>
|
|
103
120
|
{#if f.size !== undefined}<Text size="xs" tone="faint">{fmt(f.size)}</Text>{/if}
|
|
104
|
-
{#if onremove}
|
|
105
|
-
<Button
|
|
106
|
-
size="sm"
|
|
107
|
-
variant="danger"
|
|
108
|
-
onclick={() => {
|
|
109
|
-
close();
|
|
110
|
-
onremove?.(i);
|
|
111
|
-
}}
|
|
112
|
-
>
|
|
113
|
-
{removeLabel}
|
|
114
|
-
</Button>
|
|
115
|
-
{/if}
|
|
116
121
|
</div>
|
|
117
122
|
{/snippet}
|
|
118
123
|
</Popover>
|
|
@@ -167,7 +172,20 @@
|
|
|
167
172
|
padding: var(--sp-1);
|
|
168
173
|
max-width: 16rem;
|
|
169
174
|
}
|
|
175
|
+
.detail-head {
|
|
176
|
+
display: flex;
|
|
177
|
+
align-items: flex-start;
|
|
178
|
+
gap: var(--sp-2);
|
|
179
|
+
width: 100%;
|
|
180
|
+
}
|
|
181
|
+
.detail-head > :global(button) {
|
|
182
|
+
flex: none;
|
|
183
|
+
margin-inline-start: auto;
|
|
184
|
+
}
|
|
170
185
|
.detail :global(.detail-name) {
|
|
171
186
|
overflow-wrap: anywhere;
|
|
172
187
|
}
|
|
188
|
+
.chip :global(.action) {
|
|
189
|
+
font-size: 1.4em;
|
|
190
|
+
}
|
|
173
191
|
</style>
|
|
@@ -158,6 +158,50 @@
|
|
|
158
158
|
top: 0;
|
|
159
159
|
height: auto;
|
|
160
160
|
}
|
|
161
|
+
/* Until the field grows into a bar, the adornments fill its height and their
|
|
162
|
+
outer edge fuses with the field's, so the inner corners go square. */
|
|
163
|
+
.ig:not(.ig-bar) .ig-adorn {
|
|
164
|
+
top: 0;
|
|
165
|
+
height: auto;
|
|
166
|
+
padding-inline: 0;
|
|
167
|
+
}
|
|
168
|
+
.ig:not(.ig-bar) .ig-adorn > :global(*) {
|
|
169
|
+
align-self: stretch;
|
|
170
|
+
height: auto;
|
|
171
|
+
min-height: 0;
|
|
172
|
+
--btn-size: 100%;
|
|
173
|
+
--btn-radius: 0;
|
|
174
|
+
--pop-trigger-radius: 0;
|
|
175
|
+
border-radius: 0;
|
|
176
|
+
}
|
|
177
|
+
.ig:not(.ig-bar) .ig-adorn > :global(:is(.btn-box, .btn-square, .btn-icon, .icon-only)) {
|
|
178
|
+
width: auto;
|
|
179
|
+
min-width: 0;
|
|
180
|
+
aspect-ratio: 1;
|
|
181
|
+
}
|
|
182
|
+
.ig:not(.ig-bar) .ig-leading > :global(:first-child) {
|
|
183
|
+
--btn-radius: var(--ig-radius) 0 0 var(--ig-radius);
|
|
184
|
+
border-radius: var(--ig-radius) 0 0 var(--ig-radius);
|
|
185
|
+
}
|
|
186
|
+
.ig:not(.ig-bar) .ig-trailing > :global(:last-child) {
|
|
187
|
+
--btn-radius: 0 var(--ig-radius) var(--ig-radius) 0;
|
|
188
|
+
border-radius: 0 var(--ig-radius) var(--ig-radius) 0;
|
|
189
|
+
}
|
|
190
|
+
.ig:not(.ig-bar) .ig-adorn :global(.split-main) {
|
|
191
|
+
--btn-radius: 0;
|
|
192
|
+
}
|
|
193
|
+
.ig:not(.ig-bar) .ig-adorn :global(.split-caret) {
|
|
194
|
+
--pop-trigger-radius: 0;
|
|
195
|
+
}
|
|
196
|
+
.ig:not(.ig-bar) .ig-adorn :global(.split-caret .pop-trigger) {
|
|
197
|
+
height: 100%;
|
|
198
|
+
}
|
|
199
|
+
.ig:not(.ig-bar) .ig-leading > :global(:first-child .split-main) {
|
|
200
|
+
--btn-radius: var(--ig-radius) 0 0 var(--ig-radius);
|
|
201
|
+
}
|
|
202
|
+
.ig:not(.ig-bar) .ig-trailing > :global(:last-child .split-caret) {
|
|
203
|
+
--pop-trigger-radius: 0 var(--ig-radius) var(--ig-radius) 0;
|
|
204
|
+
}
|
|
161
205
|
.ig-bar .ig-field {
|
|
162
206
|
padding-bottom: var(--ig-h);
|
|
163
207
|
}
|
package/package.json
CHANGED