@common-origin/design-system 2.22.0 → 3.0.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@common-origin/design-system",
-  "version": "2.22.0",
+  "version": "3.0.0",
   "description": "Common Origin Design System - Framework-agnostic atomic design components with comprehensive WCAG 2.2 AA testing",
   "private": false,
   "main": "dist/index.js",
@@ -65,7 +65,7 @@
     "test:coverage": "jest --coverage",
     "test:e2e": "playwright test",
     "typecheck": "tsc --noEmit",
-    "lint": "eslint . --max-warnings 170",
+    "lint": "eslint . --max-warnings 159",
     "docs:dev": "npm run build:tokens && npm run dev",
     "verify:types": "node scripts/verify-types.cjs",
     "verify:no-nextjs": "node scripts/verify-no-nextjs-deps.cjs",

package/dist/components/atoms/CategoryBadge/CategoryBadge.d.mts

@@ -1,29 +0,0 @@
-import React from 'react';
-import { type CategoryLabelProps } from '../CategoryLabel/CategoryLabel.mjs';
-export type { CategoryColor, CategoryVariant } from '../CategoryLabel/CategoryLabel.mjs';
-/**
- * Size options for CategoryBadge
- * @deprecated Use `CategoryLabelSize`: CategoryBadge `small` is CategoryLabel `medium`, and
- * `medium` is `large` (decision 0018).
- */
-export type CategorySize = 'small' | 'medium';
-/**
- * Props for the CategoryBadge component
- * @deprecated Use `CategoryLabelProps`. CategoryBadge is renamed CategoryLabel and is removed in
- * 3.0 (decision 0018).
- */
-export interface CategoryBadgeProps extends Omit<CategoryLabelProps, 'size'> {
-    /**
-     * Size of the badge
-     * @default 'medium'
-     */
-    size?: CategorySize;
-}
-/**
- * CategoryBadge displays a category label.
- *
- * @deprecated Renamed to `CategoryLabel` (same `color` and `variant`). Map `size="small"` to
- * `"medium"`, and `size="medium"` (or no size) to `"large"`, CategoryLabel's default.
- * CategoryBadge is removed in 3.0 (decision 0018).
- */
-export declare const CategoryBadge: React.FC<CategoryBadgeProps>;

package/dist/components/atoms/CategoryBadge/CategoryBadge.d.ts

@@ -1,29 +0,0 @@
-import React from 'react';
-import { type CategoryLabelProps } from '../CategoryLabel/CategoryLabel';
-export type { CategoryColor, CategoryVariant } from '../CategoryLabel/CategoryLabel';
-/**
- * Size options for CategoryBadge
- * @deprecated Use `CategoryLabelSize`: CategoryBadge `small` is CategoryLabel `medium`, and
- * `medium` is `large` (decision 0018).
- */
-export type CategorySize = 'small' | 'medium';
-/**
- * Props for the CategoryBadge component
- * @deprecated Use `CategoryLabelProps`. CategoryBadge is renamed CategoryLabel and is removed in
- * 3.0 (decision 0018).
- */
-export interface CategoryBadgeProps extends Omit<CategoryLabelProps, 'size'> {
-    /**
-     * Size of the badge
-     * @default 'medium'
-     */
-    size?: CategorySize;
-}
-/**
- * CategoryBadge displays a category label.
- *
- * @deprecated Renamed to `CategoryLabel` (same `color` and `variant`). Map `size="small"` to
- * `"medium"`, and `size="medium"` (or no size) to `"large"`, CategoryLabel's default.
- * CategoryBadge is removed in 3.0 (decision 0018).
- */
-export declare const CategoryBadge: React.FC<CategoryBadgeProps>;

package/dist/components/atoms/CategoryBadge/CategoryBadge.mjs

@@ -1,29 +0,0 @@
-'use client';
-import { __rest, __assign } from '../../../vendor/tslib/tslib.es6.mjs';
-import { jsx } from 'react/jsx-runtime';
-import { CategoryLabel } from '../CategoryLabel/CategoryLabel.mjs';
-
-// CategoryBadge sizes on the decision 0018 scale
-var toLabelSize = {
-  small: 'medium',
-  medium: 'large'
-};
-/**
- * CategoryBadge displays a category label.
- *
- * @deprecated Renamed to `CategoryLabel` (same `color` and `variant`). Map `size="small"` to
- * `"medium"`, and `size="medium"` (or no size) to `"large"`, CategoryLabel's default.
- * CategoryBadge is removed in 3.0 (decision 0018).
- */
-var CategoryBadge = function CategoryBadge(_a) {
-  var _b = _a.size,
-    size = _b === void 0 ? 'medium' : _b,
-    props = __rest(_a, ["size"]);
-  return jsx(CategoryLabel, __assign({}, props, {
-    size: toLabelSize[size]
-  }));
-};
-CategoryBadge.displayName = 'CategoryBadge';
-
-export { CategoryBadge };
-//# sourceMappingURL=CategoryBadge.mjs.map

package/dist/components/atoms/CategoryBadge/CategoryBadge.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"CategoryBadge.mjs","sources":["../../../../src/components/atoms/CategoryBadge/CategoryBadge.tsx"],"sourcesContent":["import React from 'react'\nimport { CategoryLabel, type CategoryLabelProps } from '../CategoryLabel/CategoryLabel'\n\nexport type { CategoryColor, CategoryVariant } from '../CategoryLabel/CategoryLabel'\n\n/**\n * Size options for CategoryBadge\n * @deprecated Use `CategoryLabelSize`: CategoryBadge `small` is CategoryLabel `medium`, and\n * `medium` is `large` (decision 0018).\n */\nexport type CategorySize = 'small' | 'medium'\n\n/**\n * Props for the CategoryBadge component\n * @deprecated Use `CategoryLabelProps`. CategoryBadge is renamed CategoryLabel and is removed in\n * 3.0 (decision 0018).\n */\nexport interface CategoryBadgeProps extends Omit<CategoryLabelProps, 'size'> {\n  /**\n   * Size of the badge\n   * @default 'medium'\n   */\n  size?: CategorySize\n}\n\n// CategoryBadge sizes on the decision 0018 scale\nconst toLabelSize = { small: 'medium', medium: 'large' } as const\n\n/**\n * CategoryBadge displays a category label.\n *\n * @deprecated Renamed to `CategoryLabel` (same `color` and `variant`). Map `size=\"small\"` to\n * `\"medium\"`, and `size=\"medium\"` (or no size) to `\"large\"`, CategoryLabel's default.\n * CategoryBadge is removed in 3.0 (decision 0018).\n */\nexport const CategoryBadge: React.FC<CategoryBadgeProps> = ({ size = 'medium', ...props }) => (\n  <CategoryLabel {...props} size={toLabelSize[size]} />\n)\n\nCategoryBadge.displayName = 'CategoryBadge'\n"],"names":["toLabelSize","small","medium","CategoryBadge","_a","_b","size","props","__rest","_jsx","CategoryLabel","__assign","displayName"],"mappings":";;;;;AAyBA;AACA,IAAMA,WAAW,GAAG;AAAEC,EAAAA,KAAK,EAAE,QAAQ;AAAEC,EAAAA,MAAM,EAAE,OAAA;AAAO,CAAW,CAAA;AAEjE;;;;;;AAMG;IACUC,aAAa,GAAiC,SAA9CA,aAAaA,CAAkCC,EAA6B,EAAA;AAA3B,EAAA,IAAAC,EAAA,GAAAD,EAAA,CAAAE,IAAe;IAAfA,IAAI,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,QAAQ,KAAA;IAAKE,KAAK,GAA3BC,MAAA,CAAAJ,EAAA,EAAA,CAAA,MAAA,CAA6B,CAAF,CAAA;EAAO,OAC5FK,GAAA,CAACC,aAAa,EAAAC,QAAA,CAAA,EAAA,EAAKJ,KAAK,EAAE;IAAAD,IAAI,EAAEN,WAAW,CAACM,IAAI,CAAA;AAAC,GAAA,CAAA,CAAI,CAAA;EACtD;AAEDH,aAAa,CAACS,WAAW,GAAG,eAAe;;;;"}

package/dist/components/atoms/CategoryBadge/index.d.mts

@@ -1,2 +0,0 @@
-export { CategoryBadge } from './CategoryBadge.mjs';
-export type { CategoryBadgeProps, CategorySize } from './CategoryBadge.mjs';

package/dist/components/atoms/CategoryBadge/index.d.ts

@@ -1,2 +0,0 @@
-export { CategoryBadge } from './CategoryBadge';
-export type { CategoryBadgeProps, CategorySize } from './CategoryBadge';

package/dist/components/atoms/Chip/BooleanChip.d.mts

@@ -1,28 +0,0 @@
-import React from 'react';
-import { BaseChipProps } from './shared/types.mjs';
-/** @deprecated Becomes `FilterChipProps` in 3.0 (decision 0016). */
-export interface BooleanChipProps extends BaseChipProps {
-    /** Whether the chip is in selected state */
-    selected: boolean;
-    /** Callback function when the chip is clicked/toggled */
-    onClick: () => void;
-}
-/**
- * BooleanChip - Toggleable chip for quick filter controls
- *
- * Use this component for multi-select filter controls where users can
- * see which options are active. Common in table filtering patterns where
- * users toggle filters on/off.
- *
- * Features:
- * - Shows checkmark icon when selected
- * - Entire chip is clickable to toggle
- * - Keyboard activation with Space or Enter
- * - Uses checkbox role with aria-checked
- * - Light-blue fill and blue text when selected and enabled; disabled colours when disabled
- *
- * @deprecated Becomes `FilterChip` in 3.0, with the same props. Keep using `BooleanChip`
- * until you upgrade; in 3.0, replace `FilterChip` with `InputChip` first, then
- * `BooleanChip` with `FilterChip` (decision 0016).
- */
-export declare const BooleanChip: React.FC<BooleanChipProps>;

package/dist/components/atoms/Chip/BooleanChip.d.ts

@@ -1,28 +0,0 @@
-import React from 'react';
-import { BaseChipProps } from './shared/types';
-/** @deprecated Becomes `FilterChipProps` in 3.0 (decision 0016). */
-export interface BooleanChipProps extends BaseChipProps {
-    /** Whether the chip is in selected state */
-    selected: boolean;
-    /** Callback function when the chip is clicked/toggled */
-    onClick: () => void;
-}
-/**
- * BooleanChip - Toggleable chip for quick filter controls
- *
- * Use this component for multi-select filter controls where users can
- * see which options are active. Common in table filtering patterns where
- * users toggle filters on/off.
- *
- * Features:
- * - Shows checkmark icon when selected
- * - Entire chip is clickable to toggle
- * - Keyboard activation with Space or Enter
- * - Uses checkbox role with aria-checked
- * - Light-blue fill and blue text when selected and enabled; disabled colours when disabled
- *
- * @deprecated Becomes `FilterChip` in 3.0, with the same props. Keep using `BooleanChip`
- * until you upgrade; in 3.0, replace `FilterChip` with `InputChip` first, then
- * `BooleanChip` with `FilterChip` (decision 0016).
- */
-export declare const BooleanChip: React.FC<BooleanChipProps>;

package/dist/components/atoms/Chip/BooleanChip.mjs

@@ -1,76 +0,0 @@
-'use client';
-import { __rest, __assign } from '../../../vendor/tslib/tslib.es6.mjs';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Icon } from '../Icon/Icon.mjs';
-import { StyledChip, IconContainer } from './shared/ChipBase.mjs';
-
-/**
- * BooleanChip - Toggleable chip for quick filter controls
- *
- * Use this component for multi-select filter controls where users can
- * see which options are active. Common in table filtering patterns where
- * users toggle filters on/off.
- *
- * Features:
- * - Shows checkmark icon when selected
- * - Entire chip is clickable to toggle
- * - Keyboard activation with Space or Enter
- * - Uses checkbox role with aria-checked
- * - Light-blue fill and blue text when selected and enabled; disabled colours when disabled
- *
- * @deprecated Becomes `FilterChip` in 3.0, with the same props. Keep using `BooleanChip`
- * until you upgrade; in 3.0, replace `FilterChip` with `InputChip` first, then
- * `BooleanChip` with `FilterChip` (decision 0016).
- */
-var BooleanChip = function BooleanChip(_a) {
-  var children = _a.children,
-    selected = _a.selected,
-    onClick = _a.onClick;
-    // Deprecated and ignored: chips have one size (decision 0035)
-    _a.size;
-    var _b = _a.disabled,
-    disabled = _b === void 0 ? false : _b,
-    dataTestId = _a["data-testid"],
-    ariaLabel = _a["aria-label"],
-    ariaDescribedBy = _a["aria-describedby"],
-    props = __rest(_a, ["children", "selected", "onClick", "size", "disabled", 'data-testid', 'aria-label', 'aria-describedby']);
-  var handleClick = function handleClick() {
-    if (!disabled) {
-      onClick();
-    }
-  };
-  var handleKeyDown = function handleKeyDown(event) {
-    // Handle activation with Space or Enter
-    if (event.key === 'Enter' || event.key === ' ') {
-      event.preventDefault();
-      handleClick();
-    }
-  };
-  return jsxs(StyledChip, __assign({
-    "$variant": "subtle",
-    "$disabled": disabled || undefined,
-    "$clickable": !disabled,
-    "$selected": selected,
-    onClick: handleClick,
-    onKeyDown: handleKeyDown,
-    tabIndex: disabled ? undefined : 0,
-    role: "checkbox",
-    "aria-checked": selected ? 'true' : 'false',
-    "aria-label": ariaLabel,
-    "aria-describedby": ariaDescribedBy,
-    "aria-disabled": disabled ? 'true' : undefined,
-    "data-testid": dataTestId
-  }, props, {
-    children: [selected && jsx(IconContainer, {
-      "aria-hidden": "true",
-      children: jsx(Icon, {
-        name: "check",
-        size: "sm",
-        iconColor: "inherit"
-      })
-    }), children]
-  }));
-};
-
-export { BooleanChip };
-//# sourceMappingURL=BooleanChip.mjs.map

package/dist/components/atoms/Chip/BooleanChip.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"BooleanChip.mjs","sources":["../../../../src/components/atoms/Chip/BooleanChip.tsx"],"sourcesContent":["import React from 'react'\nimport { Icon } from '../Icon'\nimport { BaseChipProps } from './shared/types'\nimport { StyledChip, IconContainer } from './shared/ChipBase'\n\n/** @deprecated Becomes `FilterChipProps` in 3.0 (decision 0016). */\nexport interface BooleanChipProps extends BaseChipProps {\n  /** Whether the chip is in selected state */\n  selected: boolean\n  /** Callback function when the chip is clicked/toggled */\n  onClick: () => void\n}\n\n/**\n * BooleanChip - Toggleable chip for quick filter controls\n * \n * Use this component for multi-select filter controls where users can\n * see which options are active. Common in table filtering patterns where\n * users toggle filters on/off.\n * \n * Features:\n * - Shows checkmark icon when selected\n * - Entire chip is clickable to toggle\n * - Keyboard activation with Space or Enter\n * - Uses checkbox role with aria-checked\n * - Light-blue fill and blue text when selected and enabled; disabled colours when disabled\n *\n * @deprecated Becomes `FilterChip` in 3.0, with the same props. Keep using `BooleanChip`\n * until you upgrade; in 3.0, replace `FilterChip` with `InputChip` first, then\n * `BooleanChip` with `FilterChip` (decision 0016).\n */\nexport const BooleanChip: React.FC<BooleanChipProps> = ({\n  children,\n  selected,\n  onClick,\n  // Deprecated and ignored: chips have one size (decision 0035)\n  size: _size,\n  disabled = false,\n  'data-testid': dataTestId,\n  'aria-label': ariaLabel,\n  'aria-describedby': ariaDescribedBy,\n  ...props\n}) => {\n  const handleClick = () => {\n    if (!disabled) {\n      onClick()\n    }\n  }\n  \n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    // Handle activation with Space or Enter\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault()\n      handleClick()\n    }\n  }\n  \n  return (\n    <StyledChip\n      $variant=\"subtle\"\n      $disabled={disabled || undefined}\n      $clickable={!disabled}\n      $selected={selected}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      tabIndex={disabled ? undefined : 0}\n      role=\"checkbox\"\n      aria-checked={selected ? 'true' : 'false'}\n      aria-label={ariaLabel}\n      aria-describedby={ariaDescribedBy}\n      aria-disabled={disabled ? 'true' : undefined}\n      data-testid={dataTestId}\n      {...props}\n    >\n      {/* Show selected indicator when selected */}\n      {selected && (\n        <IconContainer aria-hidden=\"true\">\n          <Icon name=\"check\" size=\"sm\" iconColor=\"inherit\" />\n        </IconContainer>\n      )}\n      \n      {children}\n    </StyledChip>\n  )\n}\n"],"names":["BooleanChip","_a","children","selected","onClick","size","_b","disabled","dataTestId","ariaLabel","ariaDescribedBy","props","__rest","handleClick","handleKeyDown","event","key","preventDefault","_jsxs","StyledChip","__assign","undefined","onKeyDown","tabIndex","role","_jsx","IconContainer","Icon","name","iconColor"],"mappings":";;;;;;AAaA;;;;;;;;;;;;;;;;;AAiBG;IACUA,WAAW,GAA+B,SAA1CA,WAAWA,CAAgCC,EAWvD,EAAA;AAVC,EAAA,IAAAC,QAAQ,GAAAD,EAAA,CAAAC,QAAA,CAAA;IACRC,QAAQ,GAAAF,EAAA,CAAAE,QAAA,CAAA;IACRC,OAAO,GAAAH,EAAA,CAAAG,OAAA,CAAA;AACP,IAAA;IACWH,EAAA,CAAAI,IAAA,CAAA;QACXC,EAAgB,GAAAL,EAAA,CAAAM,QAAA,CAAA;IAAhBA,QAAQ,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,KAAA,CAAA;AACDE,IAAAA,UAAU,oBAAA,CAAA;AACXC,IAAAA,SAAS,mBAAA,CAAA;AACHC,IAAAA,eAAe,yBAAA,CAAA;IAChCC,KAAK,GAV8CC,MAAA,CAAAX,EAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAAA,SAAA,EAAA,MAAA,EAAA,UAAA,EAAA,aAAA,EAAA,YAAA,EAAA,kBAAA,CAWvD,EADS;AAER,EAAA,IAAMY,WAAW,GAAG,SAAdA,WAAWA,GAAG;IAClB,IAAI,CAACN,QAAQ,EAAE;AACbH,MAAAA,OAAO,EAAE,CAAA;AACX,KAAA;GACD,CAAA;AAED,EAAA,IAAMU,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,KAA0B,EAAA;AAC/C;IACA,IAAIA,KAAK,CAACC,GAAG,KAAK,OAAO,IAAID,KAAK,CAACC,GAAG,KAAK,GAAG,EAAE;MAC9CD,KAAK,CAACE,cAAc,EAAE,CAAA;AACtBJ,MAAAA,WAAW,EAAE,CAAA;AACf,KAAA;GACD,CAAA;AAED,EAAA,OACEK,KAACC,UAAU,EAAAC,QAAA,CAAA;AAAA,IAAA,UAAA,EACA,QAAQ;IACN,WAAA,EAAAb,QAAQ,IAAIc,SAAS;IAAA,YAAA,EACpB,CAACd,QAAQ;AAAA,IAAA,WAAA,EACVJ,QAAQ;AACnBC,IAAAA,OAAO,EAAES,WAAW;AACpBS,IAAAA,SAAS,EAAER,aAAa;AACxBS,IAAAA,QAAQ,EAAEhB,QAAQ,GAAGc,SAAS,GAAG,CAAC;AAClCG,IAAAA,IAAI,EAAC,UAAU;oBACDrB,QAAQ,GAAG,MAAM,GAAG,OAAO;kBAC7BM,SAAS;AAAA,IAAA,kBAAA,EACHC,eAAe;AAClB,IAAA,eAAA,EAAAH,QAAQ,GAAG,MAAM,GAAGc,SAAS;AAAA,IAAA,aAAA,EAC/Bb,UAAAA;GACT,EAAAG,KAAK;eAGRR,QAAQ,IACPsB,GAAA,CAACC,aAAa,EAAA;AAAA,MAAA,aAAA,EAAa,MAAM;AAC/BxB,MAAAA,QAAA,EAAAuB,GAAA,CAACE,IAAI,EAAC;AAAAC,QAAAA,IAAI,EAAC,OAAO;AAACvB,QAAAA,IAAI,EAAC,IAAI;AAACwB,QAAAA,SAAS,EAAC,SAAA;OAAY,CAAA;KAAA,CAEtD,EAEA3B,QAAQ,CAAA;AACE,GAAA,CAAA,CAAA,CAAA;AAEjB;;;;"}

package/dist/components/atoms/StatusBadge/StatusBadge.d.mts

@@ -1,24 +0,0 @@
-import React from 'react';
-import { type StatusLabelProps } from '../StatusLabel/StatusLabelBase.mjs';
-export type { StatusType, StatusSize } from '../StatusLabel/StatusLabelBase.mjs';
-/**
- * Props for the StatusBadge component
- * @deprecated Use `StatusLabelProps`. StatusBadge is renamed StatusLabel and is removed in 3.0
- * (decision 0018).
- */
-export interface StatusBadgeProps extends StatusLabelProps {
-    /**
-     * Whether to show the icon
-     * @default true
-     * @deprecated StatusLabel always shows its status icon or shape with the text, so status is
-     * never conveyed by colour alone (decision 0045).
-     */
-    showIcon?: boolean;
-}
-/**
- * StatusBadge displays a transaction or task status.
- *
- * @deprecated Renamed to `StatusLabel` (same `status`, `size`, `label`, `liveRegion`), which always
- * shows its status icon or shape. StatusBadge is removed in 3.0 (decision 0018).
- */
-export declare const StatusBadge: React.FC<StatusBadgeProps>;

package/dist/components/atoms/StatusBadge/StatusBadge.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-import { type StatusLabelProps } from '../StatusLabel/StatusLabelBase';
-export type { StatusType, StatusSize } from '../StatusLabel/StatusLabelBase';
-/**
- * Props for the StatusBadge component
- * @deprecated Use `StatusLabelProps`. StatusBadge is renamed StatusLabel and is removed in 3.0
- * (decision 0018).
- */
-export interface StatusBadgeProps extends StatusLabelProps {
-    /**
-     * Whether to show the icon
-     * @default true
-     * @deprecated StatusLabel always shows its status icon or shape with the text, so status is
-     * never conveyed by colour alone (decision 0045).
-     */
-    showIcon?: boolean;
-}
-/**
- * StatusBadge displays a transaction or task status.
- *
- * @deprecated Renamed to `StatusLabel` (same `status`, `size`, `label`, `liveRegion`), which always
- * shows its status icon or shape. StatusBadge is removed in 3.0 (decision 0018).
- */
-export declare const StatusBadge: React.FC<StatusBadgeProps>;

package/dist/components/atoms/StatusBadge/StatusBadge.mjs

@@ -1,18 +0,0 @@
-'use client';
-import { __assign } from '../../../vendor/tslib/tslib.es6.mjs';
-import { jsx } from 'react/jsx-runtime';
-import { StatusLabelBase } from '../StatusLabel/StatusLabelBase.mjs';
-
-/**
- * StatusBadge displays a transaction or task status.
- *
- * @deprecated Renamed to `StatusLabel` (same `status`, `size`, `label`, `liveRegion`), which always
- * shows its status icon or shape. StatusBadge is removed in 3.0 (decision 0018).
- */
-var StatusBadge = function StatusBadge(props) {
-  return jsx(StatusLabelBase, __assign({}, props));
-};
-StatusBadge.displayName = 'StatusBadge';
-
-export { StatusBadge };
-//# sourceMappingURL=StatusBadge.mjs.map

package/dist/components/atoms/StatusBadge/StatusBadge.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"StatusBadge.mjs","sources":["../../../../src/components/atoms/StatusBadge/StatusBadge.tsx"],"sourcesContent":["import React from 'react'\nimport { StatusLabelBase, type StatusLabelProps } from '../StatusLabel/StatusLabelBase'\n\nexport type { StatusType, StatusSize } from '../StatusLabel/StatusLabelBase'\n\n/**\n * Props for the StatusBadge component\n * @deprecated Use `StatusLabelProps`. StatusBadge is renamed StatusLabel and is removed in 3.0\n * (decision 0018).\n */\nexport interface StatusBadgeProps extends StatusLabelProps {\n  /**\n   * Whether to show the icon\n   * @default true\n   * @deprecated StatusLabel always shows its status icon or shape with the text, so status is\n   * never conveyed by colour alone (decision 0045).\n   */\n  showIcon?: boolean\n}\n\n/**\n * StatusBadge displays a transaction or task status.\n *\n * @deprecated Renamed to `StatusLabel` (same `status`, `size`, `label`, `liveRegion`), which always\n * shows its status icon or shape. StatusBadge is removed in 3.0 (decision 0018).\n */\nexport const StatusBadge: React.FC<StatusBadgeProps> = (props) => <StatusLabelBase {...props} />\n\nStatusBadge.displayName = 'StatusBadge'\n"],"names":["StatusBadge","props","_jsx","StatusLabelBase","__assign","displayName"],"mappings":";;;;;AAoBA;;;;;AAKG;IACUA,WAAW,GAA+B,SAA1CA,WAAWA,CAAgCC,KAAK,EAAA;EAAK,OAAAC,GAAA,CAACC,eAAe,EAAKC,QAAA,CAAA,EAAA,EAAAH,KAAK,CAAI,CAAA,CAAA;AAA9B,EAA8B;AAEhGD,WAAW,CAACK,WAAW,GAAG,aAAa;;;;"}

package/dist/components/atoms/StatusBadge/index.d.mts

@@ -1,2 +0,0 @@
-export { StatusBadge } from './StatusBadge.mjs';
-export type { StatusBadgeProps } from './StatusBadge.mjs';

package/dist/components/atoms/StatusBadge/index.d.ts

@@ -1,2 +0,0 @@
-export { StatusBadge } from './StatusBadge';
-export type { StatusBadgeProps } from './StatusBadge';

package/dist/components/molecules/PageTitle/PageTitle.d.mts

@@ -1,21 +0,0 @@
-import { FC } from 'react';
-interface PageTitleProps {
-    title: string;
-    hasBackButton?: boolean;
-    subtitle?: string;
-}
-/**
- * @deprecated PageTitle is a leftover from the personal site (its back button always links to `/music`)
- * and will be removed in the next major version. Compose a page title from `Typography` in a `Stack`:
- *
- * ```tsx
- * <Stack direction="column" gap="md">
- *   <Typography variant="h1">{title}</Typography>
- *   <Typography variant="caption" color="subdued">{subtitle}</Typography>
- * </Stack>
- * ```
- *
- * For a back link, add an `IconButton` with your own `url` and `aria-label`.
- */
-export declare const PageTitle: FC<PageTitleProps>;
-export {};

package/dist/components/molecules/PageTitle/PageTitle.d.ts

@@ -1,21 +0,0 @@
-import { FC } from 'react';
-interface PageTitleProps {
-    title: string;
-    hasBackButton?: boolean;
-    subtitle?: string;
-}
-/**
- * @deprecated PageTitle is a leftover from the personal site (its back button always links to `/music`)
- * and will be removed in the next major version. Compose a page title from `Typography` in a `Stack`:
- *
- * ```tsx
- * <Stack direction="column" gap="md">
- *   <Typography variant="h1">{title}</Typography>
- *   <Typography variant="caption" color="subdued">{subtitle}</Typography>
- * </Stack>
- * ```
- *
- * For a back link, add an `IconButton` with your own `url` and `aria-label`.
- */
-export declare const PageTitle: FC<PageTitleProps>;
-export {};

package/dist/components/molecules/PageTitle/PageTitle.mjs

@@ -1,77 +0,0 @@
-'use client';
-import { __makeTemplateObject } from '../../../vendor/tslib/tslib.es6.mjs';
-import { jsxs, jsx } from 'react/jsx-runtime';
-import styled$module from 'styled-components';
-const styled = styled$module.default || styled$module;
-import { IconButton } from '../../atoms/IconButton/IconButton.mjs';
-import { Stack } from '../../atoms/Stack/Stack.mjs';
-import { Typography } from '../../atoms/Typography/Typography.mjs';
-import tokens from '../../../lib/cssTokens.mjs';
-
-var PageTitleStyled = /*#__PURE__*/styled.div.withConfig({
-  shouldForwardProp: function shouldForwardProp(prop) {
-    return !prop.startsWith('$');
-  },
-  displayName: "PageTitle__PageTitleStyled",
-  componentId: "sc-16h256f-0"
-})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin-bottom: ", ";\n  margin-top: ", ";\n"], ["\n  margin-bottom: ", ";\n  margin-top: ", ";\n"
-/**
- * @deprecated PageTitle is a leftover from the personal site (its back button always links to `/music`)
- * and will be removed in the next major version. Compose a page title from `Typography` in a `Stack`:
- *
- * ```tsx
- * <Stack direction="column" gap="md">
- *   <Typography variant="h1">{title}</Typography>
- *   <Typography variant="caption" color="subdued">{subtitle}</Typography>
- * </Stack>
- * ```
- *
- * For a back link, add an `IconButton` with your own `url` and `aria-label`.
- */])), tokens.semantic.space[600], function (_a) {
-  var $hasBackButton = _a.$hasBackButton;
-  return $hasBackButton ? tokens.semantic.space[0] : tokens.semantic.space[1200];
-});
-/**
- * @deprecated PageTitle is a leftover from the personal site (its back button always links to `/music`)
- * and will be removed in the next major version. Compose a page title from `Typography` in a `Stack`:
- *
- * ```tsx
- * <Stack direction="column" gap="md">
- *   <Typography variant="h1">{title}</Typography>
- *   <Typography variant="caption" color="subdued">{subtitle}</Typography>
- * </Stack>
- * ```
- *
- * For a back link, add an `IconButton` with your own `url` and `aria-label`.
- */
-var PageTitle = function PageTitle(_a) {
-  var title = _a.title,
-    _b = _a.hasBackButton,
-    hasBackButton = _b === void 0 ? false : _b,
-    subtitle = _a.subtitle;
-  return jsxs(PageTitleStyled, {
-    "$hasBackButton": hasBackButton,
-    children: [hasBackButton && jsx(IconButton, {
-      iconName: 'back',
-      size: 'large',
-      variant: 'naked',
-      url: '/music',
-      "aria-label": 'Go back to music page'
-    }), jsxs(Stack, {
-      direction: 'column',
-      gap: "md",
-      children: [jsx(Typography, {
-        variant: "h1",
-        children: title
-      }), subtitle && jsx(Typography, {
-        variant: 'caption',
-        color: 'subdued',
-        children: subtitle
-      })]
-    })]
-  });
-};
-var templateObject_1;
-
-export { PageTitle };
-//# sourceMappingURL=PageTitle.mjs.map

package/dist/components/molecules/PageTitle/PageTitle.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageTitle.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/molecules/PageTitle/index.d.mts

@@ -1 +0,0 @@
-export * from './PageTitle.mjs';

package/dist/components/molecules/PageTitle/index.d.ts

@@ -1 +0,0 @@
-export * from './PageTitle';