@usableapp/cardds 0.3.0 → 0.4.1

package/dist/type/Text.js

@@ -8,9 +8,9 @@ const DEFAULT_AS = {
  * Headings inside a card head are h2 by default; a screen title in a TopBar is h1.
  * Everything scales from the root font-size, so there are no pixel sizes to pick.
  */
-export function Text({ level, xl, mono, muted, caps, as, className, ...rest }) {
+export function Text({ level, xl, mono, muted, caps, grow, as, className, ...rest }) {
     return createElement(as ?? DEFAULT_AS[level] ?? 'span', {
-        className: cx(`t-${level}`, level === 'stat' && xl && 't-stat--xl', level === 'stat' && mono && 't-stat--mono', muted && 't-muted', caps && 't-caps', className),
+        className: cx(`t-${level}`, level === 'stat' && xl && 't-stat--xl', level === 'stat' && mono && 't-stat--mono', muted && 't-muted', caps && 't-caps', grow && 'grow', className),
         ...rest,
     });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@usableapp/cardds",
-  "version": "0.3.0",
+  "version": "0.4.1",
   "license": "UNLICENSED",
   "type": "module",
   "description": "card-first mobile design system, React-first: the components in src/ are thin wrappers over the CSS contract (css/*.css stays the only truth); gallery/ shows every story live (npm run dev), tests/ measures the geometry.",
@@ -13,7 +13,8 @@
     "build": "node scripts/build-icons.mjs && tsc -p tsconfig.json && node scripts/flatten-css.mjs",
     "test": "playwright test",
     "validate:inbox": "node scripts/validate-inbox.mjs",
-    "prepack": "npm run build"
+    "prepack": "npm run build",
+    "knobs": "node scripts/knobs.mjs"
   },
   "devDependencies": {
     "@playwright/test": "1.58.2",

package/dist/sheets/CardBack.d.ts

@@ -1,7 +0,0 @@
-import type { ComponentPropsWithoutRef } from 'react';
-export interface CardBackProps extends ComponentPropsWithoutRef<'button'> {
-    /** accessible name */
-    label?: string;
-}
-/** CardBack — the back button a tapped stack sheet reveals in its head; first child of that sheet's CardHead. Hidden until the sheet is open. */
-export declare function CardBack({ label, className, ...rest }: CardBackProps): import("react").JSX.Element;

package/dist/sheets/CardBack.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { cx } from '../cx.js';
-import { Icon } from '../type/Icon.js';
-/** CardBack — the back button a tapped stack sheet reveals in its head; first child of that sheet's CardHead. Hidden until the sheet is open. */
-export function CardBack({ label = 'Back', className, ...rest }) {
-    return (_jsx("button", { type: "button", className: cx('icon-btn icon-btn--sm card__back', className), "aria-label": label, ...rest, children: _jsx(Icon, { name: "arrow-left" }) }));
-}