gridsmith-ui 0.28.0 → 0.29.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
@@ -343,12 +343,8 @@ interface CheckboxGroupItemProps {
343
343
  value: string;
344
344
  label: string;
345
345
  disabled?: boolean;
346
- /** @deprecated Use CheckboxGroup's value/onChange via context instead. */
347
- groupValue?: string[];
348
- /** @deprecated Use CheckboxGroup's value/onChange via context instead. */
349
- onGroupChange?: (value: string[]) => void;
350
346
  }
351
- declare function CheckboxGroupItem({ value, label, disabled, groupValue, onGroupChange }: CheckboxGroupItemProps): react_jsx_runtime.JSX.Element;
347
+ declare function CheckboxGroupItem({ value, label, disabled }: CheckboxGroupItemProps): react_jsx_runtime.JSX.Element;
352
348
 
353
349
  interface RadioOption {
354
350
  value: string;
@@ -1485,11 +1481,6 @@ interface AvatarGroupItem {
1485
1481
  initials?: string;
1486
1482
  src?: string;
1487
1483
  alt?: string;
1488
- /**
1489
- * @deprecated Ignored: a group draws no status (the owner, 30 September 2026: dots on overlapping avatars read as
1490
- * broken). Show someone's status with a single Avatar.
1491
- */
1492
- status?: AvatarStatus;
1493
1484
  color?: AvatarColor;
1494
1485
  }
1495
1486
  interface AvatarGroupProps {
@@ -1994,10 +1985,6 @@ interface StackedListProps {
1994
1985
  /** The current row in a master-detail list. Its treatment follows the theme's in-page vertical active style (rail, tint or pill), like Tabs. */
1995
1986
  selectedId?: string | number;
1996
1987
  className?: string;
1997
- /** @deprecated Sprint 25.4: use variant="articles". Accepted for one version. */
1998
- flush?: boolean;
1999
- /** @deprecated Sprint 25.4: use variant="articles" (hover="title") — the default variant tints the row. */
2000
- hover?: "tint" | "title";
2001
1988
  /**
2002
1989
  * The list's pager (Sprint 25.13 A3), from `usePagination(items)` over the same items: the list draws the pager's
2003
1990
  * part of every item and, beneath it, the control in the project's style. Draw no <Pagination> of your own.
@@ -3078,7 +3065,7 @@ interface DockProps {
3078
3065
  declare function Dock({ items, magnification, baseSize, className, }: DockProps): react_jsx_runtime.JSX.Element;
3079
3066
 
3080
3067
  /** `tint` (soft accent fill), `underline`, `minimal`, `pill` (solid accent fill). `default` is the deprecated pre-20.8 name for `tint`. */
3081
- type NavbarType = "tint" | "underline" | "minimal" | "pill" | "default";
3068
+ type NavbarType = "tint" | "underline" | "minimal" | "pill";
3082
3069
  type NavbarAlign = "left" | "center" | "right";
3083
3070
  type NavbarVariant = "default" | "transparent" | "compact" | "elevated" | "blurred";
3084
3071
  type NavbarSize = "sm" | "md" | "lg";
@@ -3107,12 +3094,10 @@ interface NavbarProps {
3107
3094
  declare const Navbar: react.ForwardRefExoticComponent<NavbarProps & react.RefAttributes<HTMLElement>>;
3108
3095
 
3109
3096
  /**
3110
- * Navbar active style. `tint` is the soft accent fill (the pre-20.8 `default`),
3111
- * `underline` the bottom indicator, `minimal` a text-only change, `pill` a solid
3112
- * accent fill with on-primary text. `default` is accepted as a deprecated alias
3113
- * for `tint` for one release.
3097
+ * Navbar active style. `tint` is the soft accent fill, `underline` the bottom indicator, `minimal` a text-only
3098
+ * change, `pill` a solid accent fill with on-primary text.
3114
3099
  */
3115
- type NavItemType = "tint" | "underline" | "minimal" | "pill" | "default";
3100
+ type NavItemType = "tint" | "underline" | "minimal" | "pill";
3116
3101
  interface NavItemProps {
3117
3102
  label: string;
3118
3103
  icon?: IconName;
@@ -3147,8 +3132,8 @@ interface NavMenuProps {
3147
3132
  }
3148
3133
  declare function NavMenu({ label, items, active, type: typeProp, onItemClick, className, }: NavMenuProps): react_jsx_runtime.JSX.Element;
3149
3134
 
3150
- /** Mirrors NavbarType. `default` is the deprecated pre-20.8 name for `tint`. */
3151
- type MobileHeaderMenuType = "tint" | "underline" | "minimal" | "pill" | "default";
3135
+ /** Mirrors NavbarType. */
3136
+ type MobileHeaderMenuType = "tint" | "underline" | "minimal" | "pill";
3152
3137
  interface MobileHeaderMenuItemData {
3153
3138
  label: string;
3154
3139
  icon?: IconName;
package/dist/index.js CHANGED
@@ -35,7 +35,7 @@ import { Icon, slotIcon, warnOnce } from './chunk-TJEV7YAY.js';
35
35
  import { usePosition } from './chunk-HP7WUZPK.js';
36
36
  import { useLatest } from './chunk-WH2FUFAC.js';
37
37
  import { cn, FOCUS_RING, GLASS_SURFACE, FOCUS_INSET, PEER_FOCUS_RING, GLASS_BACKDROP, GLASS_DROPDOWN, lockBodyScroll, unlockBodyScroll, OVERLAY_SURFACE, GLASS_OVERLAY, ERROR_HAS_FOCUS_RING, FIELD_HAS_FOCUS_RING, GROUP_FOCUS_RING, ERROR_ACTIVE_RING, ACTIVE_RING, ERROR_FOCUS_WITHIN_RING, FIELD_FOCUS_WITHIN_RING, ERROR_FOCUS_RING, FIELD_FOCUS_RING } from './chunk-66JJCQU3.js';
38
- import { createContext, forwardRef, useState, useRef, useCallback, useLayoutEffect, useMemo, useContext, isValidElement, useId, memo, useEffect, useImperativeHandle, Children, Fragment as Fragment$1, cloneElement, useSyncExternalStore } from 'react';
38
+ import { createContext, forwardRef, useState, useRef, useCallback, useLayoutEffect, useMemo, useContext, isValidElement, useId, memo, useImperativeHandle, useEffect, Children, Fragment as Fragment$1, cloneElement, useSyncExternalStore } from 'react';
39
39
  import { createPortal, flushSync } from 'react-dom';
40
40
  import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
41
41
 
@@ -721,10 +721,10 @@ var CheckboxGroupContext = createContext(null);
721
721
  function CheckboxGroup({ value, onChange, children, className }) {
722
722
  return /* @__PURE__ */ jsx(CheckboxGroupContext, { value: { value, onChange }, children: /* @__PURE__ */ jsx("div", { role: "group", className: cn("flex flex-col gap-ds-2", className), children }) });
723
723
  }
724
- function CheckboxGroupItem({ value, label, disabled, groupValue, onGroupChange }) {
724
+ function CheckboxGroupItem({ value, label, disabled }) {
725
725
  const ctx = useContext(CheckboxGroupContext);
726
- const resolvedValue = ctx?.value ?? groupValue ?? [];
727
- const resolvedOnChange = ctx?.onChange ?? onGroupChange;
726
+ const resolvedValue = ctx?.value ?? [];
727
+ const resolvedOnChange = ctx?.onChange;
728
728
  const checked = resolvedValue.includes(value);
729
729
  return /* @__PURE__ */ jsx(
730
730
  Checkbox,
@@ -11122,28 +11122,18 @@ function TruncText({ children, className }) {
11122
11122
  if (!isTruncated) return text;
11123
11123
  return /* @__PURE__ */ jsx(Tooltip, { content: children, children: text });
11124
11124
  }
11125
- var warnedLegacyProps = false;
11126
11125
  var StackedList = forwardRef(function StackedList2({
11127
11126
  items,
11128
11127
  divided = true,
11129
- variant: variantProp,
11128
+ variant = "list",
11130
11129
  selectedId,
11131
11130
  className,
11132
- flush,
11133
- hover,
11134
11131
  pager
11135
11132
  }, ref) {
11136
11133
  useScrollsInside();
11137
11134
  const isPhone = useBreakpoint("sm");
11138
11135
  const inCard = useContext(CardSurfaceCtx);
11139
11136
  const inPane = !!useContext(SplitPaneCtx);
11140
- const variant = variantProp ?? (flush || hover === "title" ? "articles" : "list");
11141
- const legacy = flush !== void 0 || hover !== void 0;
11142
- useEffect(() => {
11143
- if (!legacy || warnedLegacyProps) return;
11144
- warnedLegacyProps = true;
11145
- console.warn('StackedList: `flush` and `hover` are deprecated \u2014 pass variant="articles" for an article list; the default variant takes its inset from the pane or card it sits in.');
11146
- }, [legacy]);
11147
11137
  const articles = variant === "articles";
11148
11138
  useWholeListCheck("StackedList", items.length, pager);
11149
11139
  const shown = pagerPart(items, pager);
@@ -16535,8 +16525,9 @@ function Dock({
16535
16525
  }
16536
16526
  );
16537
16527
  }
16528
+ var NAV_ITEM_TYPES = /* @__PURE__ */ new Set(["tint", "underline", "minimal", "pill"]);
16538
16529
  function resolveNavItemType(type) {
16539
- return type === "default" ? "tint" : type;
16530
+ return type !== void 0 && NAV_ITEM_TYPES.has(type) ? type : "tint";
16540
16531
  }
16541
16532
  var NavbarTypeContext = createContext("tint");
16542
16533
  var NavItem = forwardRef(function NavItem2({ label, icon, active = false, href, onClick, type: typeProp, className, children }, ref) {