@evinvest/uikit 0.23.0 → 0.24.0

package/README.md

@@ -388,6 +388,10 @@ landing (TS) sources — e.g. `Badge` keeps cabinet's `success` variant, and
 `Button` keeps landing's square icon shape at every size, as the separate `icon`
 boolean it always was in Rust (see [docs/spec/variants.md](../../docs/spec/variants.md)).
 
+`size="touch"` is the 44 px pointer-target floor (WCAG 2.5.5) for touch-first
+screens: `min-h-11` with `lg`'s padding, and a 44 × 44 square with `icon`. It is
+a button step only — `Input` and `SelectTrigger` already clear it at `lg`.
+
 ## Limitations
 
 Reproducing everything dep-light means some behaviour is intentionally reduced,

package/dist/generated/button.js

@@ -12,14 +12,16 @@ const buttonSizeClasses = {
   "sm": "h-8 gap-1.5 px-3 has-[>svg]:px-2.5",
   "md": "h-9 px-4 py-[var(--control-py)] has-[>svg]:px-3",
   "lg": "h-10 px-6 has-[>svg]:px-4",
-  "xl": "px-[var(--control-px)] py-[var(--control-py)] text-[length:var(--control-text)]"
+  "xl": "px-[var(--control-px)] py-[var(--control-py)] text-[length:var(--control-text)]",
+  "touch": "min-h-11 px-6 has-[>svg]:px-4"
 };
 const buttonIconSizeClasses = {
   "xs": "h-7 aspect-square px-0",
   "sm": "h-8 aspect-square px-0",
   "md": "h-9 aspect-square px-0",
   "lg": "h-10 aspect-square px-0",
-  "xl": "aspect-square p-[var(--control-py)]"
+  "xl": "aspect-square p-[var(--control-py)]",
+  "touch": "size-11 px-0"
 };
 export {
   BUTTON_BASE,

package/dist/generated/button.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/generated/button.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport const BUTTON_BASE = \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-[var(--control-radius)] text-sm font-medium transition-all cursor-pointer disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-accent-error/20 aria-invalid:border-accent-error\";\n\nexport const buttonVariantClasses = {\n  \"primary\": \"bg-primary text-on-primary hover:bg-primary/90 focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring\",\n  \"secondary\": \"bg-secondary text-on-secondary hover:bg-secondary/80 focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring\",\n  \"outline\": \"border border-input bg-transparent shadow-xs hover:bg-hover hover:text-ink\",\n  \"ghost\": \"hover:bg-hover hover:text-ink\",\n  \"destructive\": \"bg-accent-error text-on-accent-error hover:bg-accent-error/90 focus-visible:ring-accent-error/20 focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring\",\n  \"link\": \"text-primary-ink underline-offset-4 hover:underline\",\n} as const;\nexport type ButtonVariant = keyof typeof buttonVariantClasses;\n\nexport const buttonSizeClasses = {\n  \"xs\": \"h-7 gap-1 px-2 text-xs has-[>svg]:px-1.5\",\n  \"sm\": \"h-8 gap-1.5 px-3 has-[>svg]:px-2.5\",\n  \"md\": \"h-9 px-4 py-[var(--control-py)] has-[>svg]:px-3\",\n  \"lg\": \"h-10 px-6 has-[>svg]:px-4\",\n  \"xl\": \"px-[var(--control-px)] py-[var(--control-py)] text-[length:var(--control-text)]\",\n} as const;\nexport type ButtonSize = keyof typeof buttonSizeClasses;\n\nexport const buttonIconSizeClasses = {\n  \"xs\": \"h-7 aspect-square px-0\",\n  \"sm\": \"h-8 aspect-square px-0\",\n  \"md\": \"h-9 aspect-square px-0\",\n  \"lg\": \"h-10 aspect-square px-0\",\n  \"xl\": \"aspect-square p-[var(--control-py)]\",\n} as const;\nexport type ButtonIconSize = keyof typeof buttonIconSizeClasses;\n"],"mappings":"AAEO,MAAM,cAAc;AAEpB,MAAM,uBAAuB;AAAA,EAClC,WAAW;AAAA,EACX,aAAa;AAAA,EACb,WAAW;AAAA,EACX,SAAS;AAAA,EACT,eAAe;AAAA,EACf,QAAQ;AACV;AAGO,MAAM,oBAAoB;AAAA,EAC/B,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACR;AAGO,MAAM,wBAAwB;AAAA,EACnC,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AACR;","names":[]}
+{"version":3,"sources":["../../src/generated/button.ts"],"sourcesContent":["// AUTO-GENERATED by `nix run .#gen` — do not edit.\n\nexport const BUTTON_BASE = \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-[var(--control-radius)] text-sm font-medium transition-all cursor-pointer disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-accent-error/20 aria-invalid:border-accent-error\";\n\nexport const buttonVariantClasses = {\n  \"primary\": \"bg-primary text-on-primary hover:bg-primary/90 focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring\",\n  \"secondary\": \"bg-secondary text-on-secondary hover:bg-secondary/80 focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring\",\n  \"outline\": \"border border-input bg-transparent shadow-xs hover:bg-hover hover:text-ink\",\n  \"ghost\": \"hover:bg-hover hover:text-ink\",\n  \"destructive\": \"bg-accent-error text-on-accent-error hover:bg-accent-error/90 focus-visible:ring-accent-error/20 focus-visible:ring-0 focus-visible:outline-solid focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring\",\n  \"link\": \"text-primary-ink underline-offset-4 hover:underline\",\n} as const;\nexport type ButtonVariant = keyof typeof buttonVariantClasses;\n\nexport const buttonSizeClasses = {\n  \"xs\": \"h-7 gap-1 px-2 text-xs has-[>svg]:px-1.5\",\n  \"sm\": \"h-8 gap-1.5 px-3 has-[>svg]:px-2.5\",\n  \"md\": \"h-9 px-4 py-[var(--control-py)] has-[>svg]:px-3\",\n  \"lg\": \"h-10 px-6 has-[>svg]:px-4\",\n  \"xl\": \"px-[var(--control-px)] py-[var(--control-py)] text-[length:var(--control-text)]\",\n  \"touch\": \"min-h-11 px-6 has-[>svg]:px-4\",\n} as const;\nexport type ButtonSize = keyof typeof buttonSizeClasses;\n\nexport const buttonIconSizeClasses = {\n  \"xs\": \"h-7 aspect-square px-0\",\n  \"sm\": \"h-8 aspect-square px-0\",\n  \"md\": \"h-9 aspect-square px-0\",\n  \"lg\": \"h-10 aspect-square px-0\",\n  \"xl\": \"aspect-square p-[var(--control-py)]\",\n  \"touch\": \"size-11 px-0\",\n} as const;\nexport type ButtonIconSize = keyof typeof buttonIconSizeClasses;\n"],"mappings":"AAEO,MAAM,cAAc;AAEpB,MAAM,uBAAuB;AAAA,EAClC,WAAW;AAAA,EACX,aAAa;AAAA,EACb,WAAW;AAAA,EACX,SAAS;AAAA,EACT,eAAe;AAAA,EACf,QAAQ;AACV;AAGO,MAAM,oBAAoB;AAAA,EAC/B,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,SAAS;AACX;AAGO,MAAM,wBAAwB;AAAA,EACnC,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,SAAS;AACX;","names":[]}

package/dist/index.d.ts

@@ -287,6 +287,7 @@ declare const buttonSizeClasses: {
     readonly md: "h-9 px-4 py-[var(--control-py)] has-[>svg]:px-3";
     readonly lg: "h-10 px-6 has-[>svg]:px-4";
     readonly xl: "px-[var(--control-px)] py-[var(--control-py)] text-[length:var(--control-text)]";
+    readonly touch: "min-h-11 px-6 has-[>svg]:px-4";
 };
 type ButtonSize = keyof typeof buttonSizeClasses;
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@evinvest/uikit",
-  "version": "0.23.0",
+  "version": "0.24.0",
   "description": "Dep-light React UI kit: shadcn-semantics components with zero @radix-ui / cva, mirroring the ev_lib::uikit Rust feature. Ships the shared design tokens.",
   "license": "BlueOak-1.0.0",
   "publishConfig": {