@signal9/era-ui 10.0.0 → 10.1.0

package/dist/ui/button/variants.d.ts

@@ -22,7 +22,7 @@ export declare const buttonVariants: import("tailwind-variants").TVReturnType<{
     active: {
         true: "";
     };
-}, undefined, "items-center gap-(--era-gap) text-body era-interactive era-text-trim", {
+}, undefined, "items-center gap-(--era-gap) text-body era-interactive leading-none", {
     variant: {
         filled: "flex justify-center shadow-(--era-shadow) hover:shadow-(--era-highlight-shadow) active:shadow-(--era-shadow-pressed) [&:active>*]:translate-x-(--era-press-sink-x) [&:active>*]:translate-y-(--era-press-sink-y)";
         link: "inline-flex underline-offset-2 hover:underline";

package/dist/ui/button/variants.js

@@ -3,7 +3,7 @@ import { tv } from '../../utils/index.js';
 // entirely, so all geometry lives on filled compound variants rather than a
 // plain size variant.
 export const buttonVariants = tv({
-    base: 'items-center gap-(--era-gap) text-body era-interactive era-text-trim',
+    base: 'items-center gap-(--era-gap) text-body era-interactive leading-none',
     variants: {
         variant: {
             // The active: press treatment is inert outside the bevel surface —

package/dist/ui/chip/chip.svelte

@@ -13,7 +13,7 @@
 	export const chipVariants = tv({
 		// shrink-0 + nowrap for the same reason Badge carries them: the pill is
 		// already exactly its text's size, so any squeeze puts ink outside the fill.
-		base: 'inline-flex shrink-0 items-center bg-fill font-mono text-body leading-none whitespace-nowrap text-fg shadow-(--era-shadow) era-text-trim',
+		base: 'inline-flex shrink-0 items-center bg-fill font-mono text-body leading-none whitespace-nowrap text-fg shadow-(--era-shadow)',
 		variants: {
 			size: {
 				chip: 'h-(--era-h-chip) min-w-(--era-h-chip) rounded-(--era-rd-chip) pl-(--era-chip-px)',
@@ -23,8 +23,18 @@
 		},
 		compoundVariants: [
 			// Text-only: symmetric pill padding, inter-element gap for a lead icon.
-			{ size: 'chip', dismissible: false, class: 'gap-(--era-gap) pr-(--era-chip-px)' },
-			{ size: 'pill', dismissible: false, class: 'gap-(--era-gap) pr-(--era-pill-px)' },
+			{
+				size: 'chip',
+				dismissible: false,
+				class:
+					'gap-(--era-gap) pr-(--era-chip-px) not-has-[svg]:era-label-ink not-has-[svg]:text-center'
+			},
+			{
+				size: 'pill',
+				dismissible: false,
+				class:
+					'gap-(--era-gap) pr-(--era-pill-px) not-has-[svg]:era-label-ink not-has-[svg]:text-center'
+			},
 			// Dismissible, two geometries because the two tiers afford different ones:
 			//
 			//   chip — the pill-tier button NESTS, with its concentric gap mirrored as

package/dist/ui/chip/chip.svelte.d.ts

@@ -7,7 +7,7 @@ export declare const chipVariants: import("tailwind-variants").TVReturnType<{
         true: "";
         false: "";
     };
-}, undefined, "inline-flex shrink-0 items-center bg-fill font-mono text-body leading-none whitespace-nowrap text-fg shadow-(--era-shadow) era-text-trim", {
+}, undefined, "inline-flex shrink-0 items-center bg-fill font-mono text-body leading-none whitespace-nowrap text-fg shadow-(--era-shadow)", {
     size: {
         chip: "h-(--era-h-chip) min-w-(--era-h-chip) rounded-(--era-rd-chip) pl-(--era-chip-px)";
         pill: "h-(--era-h-pill) min-w-(--era-h-pill) rounded-(--era-rd-pill) pl-(--era-pill-px)";

package/dist/ui/command/command-item.svelte

@@ -8,7 +8,7 @@
 <Command.Item
 	bind:ref
 	class={cn(
-		'flex h-(--era-h-control) cursor-pointer items-center gap-(--era-gap) rounded-(--era-rd-control) px-(--era-inset-control) text-body era-text-trim text-fg outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[selected]:bg-(--era-highlight)',
+		'flex h-(--era-h-control) cursor-pointer items-center gap-(--era-gap) rounded-(--era-rd-control) px-(--era-inset-control) text-body leading-none text-fg outline-none select-none not-has-[svg]:era-label-ink data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[selected]:bg-(--era-highlight)',
 		className
 	)}
 	{...restProps}

package/dist/ui/command/command-link-item.svelte

@@ -8,7 +8,7 @@
 <Command.LinkItem
 	bind:ref
 	class={cn(
-		'flex h-(--era-h-control) cursor-pointer items-center gap-(--era-gap) rounded-(--era-rd-control) px-(--era-inset-control) text-body era-text-trim text-fg no-underline outline-none select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[selected]:bg-(--era-highlight)',
+		'flex h-(--era-h-control) cursor-pointer items-center gap-(--era-gap) rounded-(--era-rd-control) px-(--era-inset-control) text-body leading-none text-fg no-underline outline-none select-none not-has-[svg]:era-label-ink data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[selected]:bg-(--era-highlight)',
 		className
 	)}
 	{...restProps}

package/dist/ui/command-bar/command-bar.svelte

@@ -290,7 +290,7 @@
 						tabindex={-1}
 						aria-selected={i === selectedIndex}
 						class={cn(
-							'flex h-(--era-h-control) cursor-default items-center gap-(--era-gap) px-(--era-inset-control) text-body era-text-trim whitespace-nowrap',
+							'flex h-(--era-h-control) cursor-default items-center gap-(--era-gap) px-(--era-inset-control) text-body leading-none whitespace-nowrap',
 							i === selectedIndex ? 'bg-3 text-bright' : 'text-fg'
 						)}
 						onclick={() => choose(item)}

package/dist/ui/index.js

@@ -57,7 +57,7 @@ export * as Popover from './popover/index.js';
 export * as PinInput from './pin-input/index.js';
 // `Mode` as a top-level identifier is reserved for the component (above), so
 // the density-union type can't be re-exported here under its own name — it is
-// available (under its original name) from the `@sig-nine/era-ui/provider`
+// available (under its original name) from the `@signal9/era-ui/provider`
 // subpath, or aliased as `DensityMode` below. Everything else flows through.
 export { modes, defaultMode, surfaces, defaultSurface, surfaceRegistry, corners, defaultCorners, fonts, defaultFont, motions, defaultMotion, axisRegistry, axisKeys } from './provider/index.js';
 export { Separator } from './separator/index.js';

package/dist/ui/kv/kv.svelte

@@ -24,7 +24,7 @@
 		// shrink-0 + nowrap like Badge/Chip: the overflow-hidden here is for the
 		// key cell's squared corners, not a licence to crush — squeezed, this pill
 		// clipped its value instead of bleeding it, which is quieter but no truer.
-		'inline-flex h-(--era-h-pill) shrink-0 items-center overflow-hidden rounded-(--era-rd-pill) bg-fill font-mono text-body era-text-trim leading-none whitespace-nowrap shadow-(--era-shadow)',
+		'inline-flex h-(--era-h-pill) shrink-0 items-center overflow-hidden rounded-(--era-rd-pill) bg-fill font-mono text-body leading-none whitespace-nowrap shadow-(--era-shadow)',
 		className
 	)}
 	{...restProps}

package/dist/ui/select/select-trigger.svelte

@@ -14,7 +14,7 @@
 <Select.Trigger
 	bind:ref
 	class={cn(
-		'flex h-(--era-h-control) w-full items-center justify-between gap-(--era-icon-inset-chip) rounded-(--era-rd-control) bg-(--era-surface-bg-elevated) px-(--era-inset-control) text-body era-text-trim text-fg shadow-(--era-shadow) hover:bg-(--era-highlight) focus:bg-(--era-highlight) focus:outline-none disabled:opacity-50 data-[state=open]:rounded-b-none data-[state=open]:shadow-(--era-shadow-pressed)',
+		'flex h-(--era-h-control) w-full items-center justify-between gap-(--era-icon-inset-chip) rounded-(--era-rd-control) bg-(--era-surface-bg-elevated) px-(--era-inset-control) text-body leading-none text-fg shadow-(--era-shadow) hover:bg-(--era-highlight) focus:bg-(--era-highlight) focus:outline-none disabled:opacity-50 data-[state=open]:rounded-b-none data-[state=open]:shadow-(--era-shadow-pressed)',
 		className
 	)}
 	{...restProps}

package/dist/ui/step/step-summary.svelte

@@ -26,7 +26,7 @@
 <Collapsible.Trigger
 	bind:ref
 	class={cn(
-		'flex h-(--era-h-control) w-full min-w-0 era-interactive cursor-pointer items-center gap-(--era-gap) rounded-(--era-rd-control) px-(--era-inset-control) text-body era-text-trim text-muted transition-colors duration-(--era-duration) ease-(--era-ease) hover:text-fg',
+		'flex h-(--era-h-control) w-full min-w-0 era-interactive cursor-pointer items-center gap-(--era-gap) rounded-(--era-rd-control) px-(--era-inset-control) text-body leading-none text-muted transition-colors duration-(--era-duration) ease-(--era-ease) hover:text-fg',
 		className
 	)}
 	{...restProps}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@signal9/era-ui",
-	"version": "10.0.0",
+	"version": "10.1.0",
 	"scripts": {
 		"dev": "vite dev --host",
 		"build": "vite build && npm run prepack",