@stackone/malachite 0.69.1 → 0.70.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.ts CHANGED
@@ -335,6 +335,9 @@ export declare const CardStrip: default_2.FC<CardStripProps> & {
335
335
  AddTile: default_2.FC<CardStripAddTileProps>;
336
336
  };
337
337
 
338
+ /** How much weight the add tile's action carries. */
339
+ export declare type CardStripAddTileEmphasis = 'primary' | 'secondary';
340
+
338
341
  export declare interface CardStripAddTileProps {
339
342
  /** Visible label, e.g. "Add Profile". Also names the button for assistive tech. */
340
343
  label: string;
@@ -342,6 +345,8 @@ export declare interface CardStripAddTileProps {
342
345
  icon?: default_2.ReactNode;
343
346
  onClick: () => void;
344
347
  disabled?: boolean;
348
+ /** Leave unset: CardStrip picks `primary` while the strip is empty and `secondary` once cards exist. */
349
+ emphasis?: CardStripAddTileEmphasis;
345
350
  className?: string;
346
351
  }
347
352
 
@@ -360,6 +365,10 @@ export declare interface CardStripProps {
360
365
  fadeEdges?: boolean;
361
366
  /** Snap cards to the leading edge as the strip scrolls. */
362
367
  snap?: boolean;
368
+ /** Stretch the strip past the page layout's horizontal padding so its bottom rule runs
369
+ * the full width of the page card, while the cards stay aligned to the gutter. Only has
370
+ * an effect inside a layout that publishes its inset (malachite's `PageLayout`). */
371
+ bleed?: boolean;
363
372
  /** Whether a selection change scrolls the selected card into view. Set `false` when the
364
373
  * value comes from a URL: `scrollIntoView` walks every scrollable ancestor, so a
365
374
  * deep-linked strip below the fold jumps the page on load. */
@@ -1111,8 +1120,17 @@ export declare interface MalachiteTheme {
1111
1120
  selectedShadow: string;
1112
1121
  };
1113
1122
  selectableCard: {
1114
- selectedBackground: string;
1115
- selectedShadow: string;
1123
+ background: string;
1124
+ border: string;
1125
+ loadingBackground: string;
1126
+ selectedTint: string;
1127
+ selectedSurfaceEnd: string;
1128
+ selectedBorder: string;
1129
+ indicatorFill: string;
1130
+ libraryAccent: string;
1131
+ librarySelectedTint: string;
1132
+ librarySelectedBorder: string;
1133
+ libraryIndicatorFill: string;
1116
1134
  accent: string;
1117
1135
  mutedForeground: string;
1118
1136
  hoverBackground: string;
@@ -1126,6 +1144,8 @@ export declare interface MalachiteTheme {
1126
1144
  bottomRule: string;
1127
1145
  arrowBackground: string;
1128
1146
  arrowBorder: string;
1147
+ addPrimaryBackground: string;
1148
+ addPrimaryForeground: string;
1129
1149
  };
1130
1150
  dropdown: {
1131
1151
  border: string;
@@ -1668,6 +1688,8 @@ export declare interface SelectableCardProps {
1668
1688
  titleIcon?: default_2.ReactNode;
1669
1689
  /** `display` is the larger, lighter treatment the design gives the browse card; profile… */
1670
1690
  titleSize?: 'default' | 'display';
1691
+ /** Palette only — gradient, borders, indicator and eyebrow; position is settled by the strip. */
1692
+ variant?: SelectableCardVariant;
1671
1693
  /** Small label above the title ("Profile", "Explore"). */
1672
1694
  eyebrow?: string;
1673
1695
  /** Status pill rendered next to the eyebrow — or in its place when there is no eyebrow. */
@@ -1687,9 +1709,9 @@ export declare interface SelectableCardProps {
1687
1709
  loading?: boolean;
1688
1710
  loadingLabel?: string;
1689
1711
  loadingHint?: string;
1690
- /** Dims the card and blocks selection. */
1712
+ /** Blocks selection. Draws no dimming of its own — a switched-off profile is signalled by its `status` tag. */
1691
1713
  disabled?: boolean;
1692
- /** Dims the card without blocking selection. */
1714
+ /** Mutes the title without blocking selection. */
1693
1715
  dimmed?: boolean;
1694
1716
  onSelect?: (value: string) => void;
1695
1717
  /** Tab stop for the card. */
@@ -1706,6 +1728,9 @@ export declare interface SelectableCardStatus {
1706
1728
  type?: TagType;
1707
1729
  }
1708
1730
 
1731
+ /** The card's palette: `profile` is the green treatment, `library` the neutral one. */
1732
+ export declare type SelectableCardVariant = 'profile' | 'library';
1733
+
1709
1734
  /**
1710
1735
  * ShadowEscape renders its children OUTSIDE the Shadow DOM to avoid React hook issues.
1711
1736
  * This is used internally by form components to escape Shadow DOM boundaries.
package/dist/index.js CHANGED
@@ -1,4 +1,4 @@
1
- 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-CWr5plZr.js";
1
+ 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-y7sxrSD4.js";
2
2
  export {
3
3
  s as Accordion,
4
4
  t as ActionBar,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stackone/malachite",
3
- "version": "0.69.1",
3
+ "version": "0.70.0",
4
4
  "description": "StackOne's themeable React component library — Shadow DOM isolated, scoped Tailwind, theme-token driven.",
5
5
  "license": "MIT",
6
6
  "author": "StackOne",