@dorsk/tsumikit 0.40.0 → 0.40.2

package/dist/components/molecules/Popover.svelte

@@ -174,7 +174,10 @@
 	/* The trigger owns its look (a ghost icon-button) from tokens — it no longer
 	   borrows global .btn classes, so a consumer can restyle it via `triggerClass`
 	   (+ `bare`) from their own scoped CSS instead of fighting globals. */
-	.pop-trigger {
+	/* Default trigger chrome. Zero specificity (`:where`) so any consumer class
+	   (triggerClass) overrides it; `:not(.bare)` keeps it off bare triggers such
+	   as the Timestamp <time>, which stay plain inline text. */
+	:where(.pop-trigger:not(.bare)) {
 		display: inline-flex;
 		align-items: center;
 		justify-content: center;
@@ -189,7 +192,7 @@
 			background 0.12s var(--ease),
 			border-color 0.12s var(--ease);
 	}
-	.pop-trigger:hover:not(:disabled) {
+	:where(.pop-trigger:not(.bare):hover:not(:disabled)) {
 		background: var(--bg-elevated-2);
 	}
 	/* Supplying canonical chrome props opts into the same dimensions, variants
@@ -267,10 +270,10 @@
 	/* Coarse pointers: icon-only triggers extend their hit area to --touch-target
 	   via an invisible slab; layout does not move. */
 	@media (pointer: coarse) {
-		.pop-trigger:not(.canonical, .bare, .hit-compact) {
+		.pop-trigger:not(.canonical, .hit-compact) {
 			position: relative;
 		}
-		.pop-trigger:not(.canonical, .bare, .hit-compact)::after {
+		.pop-trigger:not(.canonical, .hit-compact)::after {
 			content: '';
 			position: absolute;
 			inset: min(0px, calc((100% - var(--touch-target)) / 2));
@@ -323,16 +326,16 @@
 	}
 	/* `bare`: strip the chrome down to a plain button the consumer styles. */
 	:where(.pop-trigger.bare) {
-		height: auto;
-		min-height: 0;
-		min-width: 0;
-		width: auto;
+		display: inline;
 		padding: 0;
 		border: 0;
+		border-radius: 0;
 		background: none;
-	}
-	:where(.pop-trigger.bare:hover:not(:disabled)) {
-		background: none;
+		color: inherit;
+		font: inherit;
+		line-height: inherit;
+		vertical-align: baseline;
+		cursor: pointer;
 	}
 	.pop-panel {
 		position: fixed;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dorsk/tsumikit",
-  "version": "0.40.0",
+  "version": "0.40.2",
   "description": "Minimal, dependency-free Svelte 5 + pure-CSS UI kit. Token-driven atoms, molecules & layouts with theming out of the box.",
   "type": "module",
   "license": "MIT",