@stackone/malachite 0.69.2 → 0.70.1

package/dist/index.d.ts

@@ -335,6 +335,9 @@ export declare const CardStrip: default_2.FC<CardStripProps> & {
     AddTile: default_2.FC<CardStripAddTileProps>;
 };
 
+/** How much weight the add tile's action carries. */
+export declare type CardStripAddTileEmphasis = 'primary' | 'secondary';
+
 export declare interface CardStripAddTileProps {
     /** Visible label, e.g. "Add Profile". Also names the button for assistive tech. */
     label: string;
@@ -342,6 +345,8 @@ export declare interface CardStripAddTileProps {
     icon?: default_2.ReactNode;
     onClick: () => void;
     disabled?: boolean;
+    /** Leave unset: CardStrip picks `primary` while the strip is empty and `secondary` once cards exist. */
+    emphasis?: CardStripAddTileEmphasis;
     className?: string;
 }
 
@@ -360,6 +365,10 @@ export declare interface CardStripProps {
     fadeEdges?: boolean;
     /** Snap cards to the leading edge as the strip scrolls. */
     snap?: boolean;
+    /** Stretch the strip past the page layout's horizontal padding so its bottom rule runs
+     *  the full width of the page card, while the cards stay aligned to the gutter. Only has
+     *  an effect inside a layout that publishes its inset (malachite's `PageLayout`). */
+    bleed?: boolean;
     /** Whether a selection change scrolls the selected card into view. Set `false` when the
      *  value comes from a URL: `scrollIntoView` walks every scrollable ancestor, so a
      *  deep-linked strip below the fold jumps the page on load. */
@@ -609,11 +618,6 @@ declare interface DividerProps {
     grow?: boolean;
 }
 
-/**
- * A 1px horizontal divider component that uses the card border style from the theme.
- * The divider spans edge to edge of its container.
- * Supports configurable margin and padding using predefined spacing sizes.
- */
 export declare enum DividerVariant {
     Default = "default",
     Muted = "muted",
@@ -741,7 +745,7 @@ declare interface FlexProps {
     className?: string;
 }
 
-/** Which of the three theme typefaces to render in. Defaults to the sans body face. */
+/** Which theme typeface to render in. Defaults to the sans body face. */
 declare type FontFamily = 'sans' | 'heading' | 'body' | 'mono';
 
 export declare type FontSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' | 'xxlarge';
@@ -957,9 +961,13 @@ export declare interface MalachiteTheme {
         large: string;
     };
     radius: {
+        /** Optional so adding a rung never breaks a consumer building a full theme literal. */
+        xs?: string;
         sm: string;
         md: string;
         lg: string;
+        /** Off-ladder: no rung exists between `lg` (8px) and `xl` (12px). */
+        '10'?: string;
         xl: string;
         xxl: string;
         xxxl: string;
@@ -1111,8 +1119,17 @@ export declare interface MalachiteTheme {
             selectedShadow: string;
         };
         selectableCard: {
-            selectedBackground: string;
-            selectedShadow: string;
+            background: string;
+            border: string;
+            loadingBackground: string;
+            selectedTint: string;
+            selectedSurfaceEnd: string;
+            selectedBorder: string;
+            indicatorFill: string;
+            libraryAccent: string;
+            librarySelectedTint: string;
+            librarySelectedBorder: string;
+            libraryIndicatorFill: string;
             accent: string;
             mutedForeground: string;
             hoverBackground: string;
@@ -1126,6 +1143,8 @@ export declare interface MalachiteTheme {
             bottomRule: string;
             arrowBackground: string;
             arrowBorder: string;
+            addPrimaryBackground: string;
+            addPrimaryForeground: string;
         };
         dropdown: {
             border: string;
@@ -1668,6 +1687,8 @@ export declare interface SelectableCardProps {
     titleIcon?: default_2.ReactNode;
     /** `display` is the larger, lighter treatment the design gives the browse card; profile… */
     titleSize?: 'default' | 'display';
+    /** Palette only — gradient, borders, indicator and eyebrow; position is settled by the strip. */
+    variant?: SelectableCardVariant;
     /** Small label above the title ("Profile", "Explore"). */
     eyebrow?: string;
     /** Status pill rendered next to the eyebrow — or in its place when there is no eyebrow. */
@@ -1687,9 +1708,9 @@ export declare interface SelectableCardProps {
     loading?: boolean;
     loadingLabel?: string;
     loadingHint?: string;
-    /** Dims the card and blocks selection. */
+    /** Blocks selection. Draws no dimming of its own — a switched-off profile is signalled by its `status` tag. */
     disabled?: boolean;
-    /** Dims the card without blocking selection. */
+    /** Mutes the title without blocking selection. */
     dimmed?: boolean;
     onSelect?: (value: string) => void;
     /** Tab stop for the card. */
@@ -1706,6 +1727,9 @@ export declare interface SelectableCardStatus {
     type?: TagType;
 }
 
+/** The card's palette: `profile` is the green treatment, `library` the neutral one. */
+export declare type SelectableCardVariant = 'profile' | 'library';
+
 /**
  * ShadowEscape renders its children OUTSIDE the Shadow DOM to avoid React hook issues.
  * This is used internally by form components to escape Shadow DOM boundaries.

package/dist/index.js

@@ -1,4 +1,4 @@
-import { A as s, c as t, d as o, e as r, f as i, g as n, B as l, h as p, i as d, j as c, k as m, l as T, m as S, n as u, o as g, p as h, q as C, r as y, s as B, D as w, t as x, u as F, v as A, F as L, w as b, x as f, y as v, z as P, E as k, G as D, H as z, I as M, J as R, K as I, L as N, M as V, N as j, O as q, P as E, Q as G, R as H, S as J, T as K, U as O, V as W, W as Q, X as U, Y as X, Z as Y, $ as Z, a0 as $, a1 as _, a2 as aa, a3 as ea, a4 as sa, a5 as ta, a6 as oa, a7 as ra, a8 as ia, a9 as na, aa as la, ab as pa, ac as da, ad as ca, ae as ma, af as Ta, ag as Sa, ah as ua, ai as ga, aj as ha, ak as Ca, al as ya, am as Ba, an as wa, ao as xa, ap as Fa, aq as Aa, ar as La, as as ba, at as fa, au as va, av as Pa, aw as ka, ax as Da, ay as za, az as Ma, aA as Ra, aB as Ia, aC as Na, aD as Va } from "./index-C1NtW6zp.js";
+import { A as s, c as t, d as o, e as r, f as i, g as n, B as l, h as p, i as d, j as c, k as m, l as T, m as S, n as u, o as g, p as h, q as C, r as y, s as B, D as w, t as x, u as F, v as A, F as L, w as b, x as f, y as v, z as P, E as k, G as D, H as z, I as M, J as R, K as I, L as N, M as V, N as j, O as q, P as E, Q as G, R as H, S as J, T as K, U as O, V as W, W as Q, X as U, Y as X, Z as Y, $ as Z, a0 as $, a1 as _, a2 as aa, a3 as ea, a4 as sa, a5 as ta, a6 as oa, a7 as ra, a8 as ia, a9 as na, aa as la, ab as pa, ac as da, ad as ca, ae as ma, af as Ta, ag as Sa, ah as ua, ai as ga, aj as ha, ak as Ca, al as ya, am as Ba, an as wa, ao as xa, ap as Fa, aq as Aa, ar as La, as as ba, at as fa, au as va, av as Pa, aw as ka, ax as Da, ay as za, az as Ma, aA as Ra, aB as Ia, aC as Na, aD as Va } from "./index-B4pJB5Hz.js";
 export {
   s as Accordion,
   t as ActionBar,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stackone/malachite",
-  "version": "0.69.2",
+  "version": "0.70.1",
   "description": "StackOne's themeable React component library — Shadow DOM isolated, scoped Tailwind, theme-token driven.",
   "license": "MIT",
   "author": "StackOne",