@dorsk/tsumikit 0.59.1 → 0.59.2

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.
@@ -158,13 +158,21 @@
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. */
161
+ /* Until the field grows into a bar, the adornments fill it inside its 1px
162
+ border, their outer corners following the field's; inner corners go square. */
163
163
  .ig:not(.ig-bar) .ig-adorn {
164
- top: 0;
164
+ --ig-fuse-r: calc(var(--ig-radius) - 1px);
165
+ top: 1px;
166
+ bottom: 1px;
165
167
  height: auto;
166
168
  padding-inline: 0;
167
169
  }
170
+ .ig:not(.ig-bar) .ig-leading {
171
+ inset-inline-start: 1px;
172
+ }
173
+ .ig:not(.ig-bar) .ig-trailing {
174
+ inset-inline-end: 1px;
175
+ }
168
176
  .ig:not(.ig-bar) .ig-adorn > :global(*) {
169
177
  align-self: stretch;
170
178
  height: auto;
@@ -180,12 +188,12 @@
180
188
  aspect-ratio: 1;
181
189
  }
182
190
  .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);
191
+ --btn-radius: var(--ig-fuse-r) 0 0 var(--ig-fuse-r);
192
+ border-radius: var(--ig-fuse-r) 0 0 var(--ig-fuse-r);
185
193
  }
186
194
  .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;
195
+ --btn-radius: 0 var(--ig-fuse-r) var(--ig-fuse-r) 0;
196
+ border-radius: 0 var(--ig-fuse-r) var(--ig-fuse-r) 0;
189
197
  }
190
198
  .ig:not(.ig-bar) .ig-adorn :global(.split-main) {
191
199
  --btn-radius: 0;
@@ -197,10 +205,10 @@
197
205
  height: 100%;
198
206
  }
199
207
  .ig:not(.ig-bar) .ig-leading > :global(:first-child .split-main) {
200
- --btn-radius: var(--ig-radius) 0 0 var(--ig-radius);
208
+ --btn-radius: var(--ig-fuse-r) 0 0 var(--ig-fuse-r);
201
209
  }
202
210
  .ig:not(.ig-bar) .ig-trailing > :global(:last-child .split-caret) {
203
- --pop-trigger-radius: 0 var(--ig-radius) var(--ig-radius) 0;
211
+ --pop-trigger-radius: 0 var(--ig-fuse-r) var(--ig-fuse-r) 0;
204
212
  }
205
213
  .ig-bar .ig-field {
206
214
  padding-bottom: var(--ig-h);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dorsk/tsumikit",
3
- "version": "0.59.1",
3
+ "version": "0.59.2",
4
4
  "description": "Minimal, dependency-free Svelte 5 + pure-CSS UI kit. Token-driven atoms, molecules & layouts with theming out of the box.",
5
5
  "type": "module",
6
6
  "license": "MIT",