@usableapp/cardds 0.7.81 → 0.7.82

package/dist/stamp/Stamp.d.ts

@@ -29,7 +29,8 @@ export interface StampPlaceProps extends Omit<ComponentProps<'span'>, 'onClick'>
     onClick?: () => void;
 }
 /**
- * StampPlace — an empty place for a stamp: a dashed 4:5 frame the size a Stamp would be, a word or an Icon inside.
- * The dashes are a stroke, not a border: `--stamp-place-dash` and `--stamp-place-gap` set them.
+ * StampPlace — an empty place for a stamp: a 4:5 frame of round dots the size a Stamp would be, a word or an Icon inside.
+ * The dots are a stroke, not a border: `--stamp-place-dot` is their width, `--stamp-place-gap` the distance from one centre to the next,
+ * and a `--stamp-place-dash` above 0 stretches each dot into a dash.
  */
 export declare function StampPlace({ faint, onClick, className, children, ...rest }: StampPlaceProps): import("react").JSX.Element;

package/dist/stamp/Stamp.js

@@ -13,8 +13,9 @@ export function Stamp({ pictures, tone = 'custard', name, words, bare, tilt, onC
     return (_jsx(Box, { className: cx('stamp', `stamp--${shown.length}`, bare && 'stamp--bare', tilt && `stamp--tilt-${tilt}`, tap && 'stamp--tap', className), ...boxProps, children: _jsx("span", { className: "stamp__paper", children: _jsxs("span", { className: cx('stamp__pic', `sticky--${tone}`), children: [shown.map((picture, i) => _jsx("span", { className: "stamp__art", "aria-hidden": "true", children: picture }, i)), (name != null || words != null) && (_jsxs("span", { className: "stamp__cap", children: [words != null && _jsx("span", { className: "stamp__words", children: words }), name != null && _jsx("span", { className: "stamp__name", children: name })] }))] }) }) }));
 }
 /**
- * StampPlace — an empty place for a stamp: a dashed 4:5 frame the size a Stamp would be, a word or an Icon inside.
- * The dashes are a stroke, not a border: `--stamp-place-dash` and `--stamp-place-gap` set them.
+ * StampPlace — an empty place for a stamp: a 4:5 frame of round dots the size a Stamp would be, a word or an Icon inside.
+ * The dots are a stroke, not a border: `--stamp-place-dot` is their width, `--stamp-place-gap` the distance from one centre to the next,
+ * and a `--stamp-place-dash` above 0 stretches each dot into a dash.
  */
 export function StampPlace({ faint, onClick, className, children, ...rest }) {
     const tap = onClick != null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@usableapp/cardds",
-  "version": "0.7.81",
+  "version": "0.7.82",
   "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.",