anentrypoint-design 0.0.359 → 0.0.361
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/247420.css +19 -0
- package/dist/247420.js +26 -26
- package/package.json +1 -1
- package/src/components/shell.js +5 -2
- package/src/components.js +4 -0
- package/src/css/app-shell/primitives.css +19 -0
package/dist/247420.css
CHANGED
|
@@ -1252,6 +1252,25 @@
|
|
|
1252
1252
|
.ds-247420 .chip.tone-orange { background: color-mix(in oklab, var(--flame) 30%, var(--sun) 70%); color: var(--ink); }
|
|
1253
1253
|
.ds-247420 .chip.tone-yellow { background: var(--sun); color: var(--ink); }
|
|
1254
1254
|
|
|
1255
|
+
/* Removable chip — a trailing dismiss (x) button for editable tag/filter
|
|
1256
|
+
chip lists (session tags, saved-search chips). Reuses the chip's own
|
|
1257
|
+
tone/size; the button itself stays neutral-at-rest, per the standing
|
|
1258
|
+
color-reserved-for-meaning convention, tinting only on hover/focus. */
|
|
1259
|
+
.ds-247420 .chip.ds-chip-removable { padding-right: var(--space-1); }
|
|
1260
|
+
.ds-247420 .ds-chip-remove-btn {
|
|
1261
|
+
display: inline-flex; align-items: center; justify-content: center;
|
|
1262
|
+
width: 16px; height: 16px; margin-left: var(--space-half);
|
|
1263
|
+
padding: 0; border: none; border-radius: var(--r-pill);
|
|
1264
|
+
background: transparent; color: currentColor; opacity: 0.7;
|
|
1265
|
+
cursor: pointer;
|
|
1266
|
+
}
|
|
1267
|
+
.ds-247420 .ds-chip-remove-btn:hover, .ds-247420 .ds-chip-remove-btn:focus-visible { opacity: 1; background: color-mix(in oklab, currentColor 16%, transparent); }
|
|
1268
|
+
.ds-247420 .ds-chip-remove-btn svg { width: 10px; height: 10px; }
|
|
1269
|
+
@media (pointer: coarse) {
|
|
1270
|
+
.ds-247420 .ds-chip-remove-btn { width: 24px; height: 24px; margin-left: 0; }
|
|
1271
|
+
.ds-247420 .ds-chip-remove-btn svg { width: 12px; height: 12px; }
|
|
1272
|
+
}
|
|
1273
|
+
|
|
1255
1274
|
/* ds-pill — plain neutral chip, distinct from the toned .ds-badge/.chip family
|
|
1256
1275
|
(gmsniff's .pill: a bare rounded label with no semantic tone). */
|
|
1257
1276
|
.ds-247420 .ds-pill {
|