@common-origin/design-system 2.23.0 → 3.0.0

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

@@ -1,9 +1,8 @@
 import React from 'react';
 /**
- * How DateFormatter shows a date. `'relative'` is deprecated: it has always behaved exactly like
- * `'smart'`, so use `'smart'`. It keeps working until it is removed in 3.0 (#82).
+ * How DateFormatter shows a date. `'relative'`, an alias of `'smart'`, was removed in 3.0 (#82).
  */
-export type DateFormatMode = 'absolute' | 'relative' | 'smart';
+export type DateFormatMode = 'absolute' | 'smart';
 export interface DateFormatterProps {
     /** ISO date string to format */
     dateString: string;
@@ -12,8 +11,6 @@ export interface DateFormatterProps {
     /**
      * `'absolute'` always uses `formatString`. `'smart'` shows "Today", "Yesterday" or the day name
      * for dates this week, and formats older dates with `formatString`.
-     * `'relative'` is deprecated: it behaves exactly like `'smart'`, so use `'smart'`. It keeps
-     * working until it is removed in 3.0 (#82).
      * @default 'absolute'
      */
     mode?: DateFormatMode;

package/dist/components/atoms/DateFormatter/DateFormatter.mjs

@@ -41,7 +41,6 @@ var DateFormatter = function DateFormatter(_a) {
   var date = parseISO(dateString);
   var displayText;
   switch (mode) {
-    case 'relative': // Deprecated alias for 'smart', removed in 3.0 (#82)
     case 'smart':
       // Today, Yesterday or the day name for recent dates; formatted for older ones
       displayText = formatDateSmart(date, formatString);

package/dist/components/atoms/StatusLabel/StatusLabel.mjs

@@ -19,11 +19,8 @@ import { StatusLabelBase } from './StatusLabelBase.mjs';
  * <StatusLabel status="pending" label="Awaiting approval" size="small" />
  * ```
  */
-// showIcon comes last so no caller (for example plain JavaScript) can hide the icon
 var StatusLabel = function StatusLabel(props) {
-  return jsx(StatusLabelBase, __assign({}, props, {
-    showIcon: true
-  }));
+  return jsx(StatusLabelBase, __assign({}, props));
 };
 StatusLabel.displayName = 'StatusLabel';
 

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

@@ -1 +1 @@
-{"version":3,"file":"StatusLabel.mjs","sources":["../../../../src/components/atoms/StatusLabel/StatusLabel.tsx"],"sourcesContent":["import React from 'react'\nimport { StatusLabelBase, type StatusLabelProps } from './StatusLabelBase'\n\nexport type { StatusLabelProps, StatusType, StatusSize } from './StatusLabelBase'\n\n/**\n * StatusLabel conveys the status of something, such as a transaction or task (decision 0018).\n *\n * Uses only the status colour tokens and always shows its text, so status is never conveyed by\n * colour alone (decision 0045). Medium shows the status icon. Small shows the status shape for\n * completed, failed and processing, and text only for the neutral pending, scheduled and\n * cancelled, so keep the label visible. Not interactive. Announces changes politely to screen\n * readers.\n *\n * @example\n * ```tsx\n * <StatusLabel status=\"completed\" />\n *\n * <StatusLabel status=\"pending\" label=\"Awaiting approval\" size=\"small\" />\n * ```\n */\n// showIcon comes last so no caller (for example plain JavaScript) can hide the icon\nexport const StatusLabel: React.FC<StatusLabelProps> = (props) => <StatusLabelBase {...props} showIcon />\n\nStatusLabel.displayName = 'StatusLabel'\n"],"names":["StatusLabel","props","_jsx","StatusLabelBase","showIcon","displayName"],"mappings":";;;;;AAKA;;;;;;;;;;;;;;;AAeG;AACH;IACaA,WAAW,GAA+B,SAA1CA,WAAWA,CAAgCC,KAAK,EAAK;EAAA,OAAAC,GAAC,CAAAC,eAAe,eAAKF,KAAK,EAAA;AAAEG,IAAAA,QAAQ,EAAG,IAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAAvC,EAAuC;AAEzGJ,WAAW,CAACK,WAAW,GAAG,aAAa;;;;"}
+{"version":3,"file":"StatusLabel.mjs","sources":["../../../../src/components/atoms/StatusLabel/StatusLabel.tsx"],"sourcesContent":["import React from 'react'\nimport { StatusLabelBase, type StatusLabelProps } from './StatusLabelBase'\n\nexport type { StatusLabelProps, StatusType, StatusSize } from './StatusLabelBase'\n\n/**\n * StatusLabel conveys the status of something, such as a transaction or task (decision 0018).\n *\n * Uses only the status colour tokens and always shows its text, so status is never conveyed by\n * colour alone (decision 0045). Medium shows the status icon. Small shows the status shape for\n * completed, failed and processing, and text only for the neutral pending, scheduled and\n * cancelled, so keep the label visible. Not interactive. Announces changes politely to screen\n * readers.\n *\n * @example\n * ```tsx\n * <StatusLabel status=\"completed\" />\n *\n * <StatusLabel status=\"pending\" label=\"Awaiting approval\" size=\"small\" />\n * ```\n */\nexport const StatusLabel: React.FC<StatusLabelProps> = (props) => <StatusLabelBase {...props} />\n\nStatusLabel.displayName = 'StatusLabel'\n"],"names":["StatusLabel","props","_jsx","StatusLabelBase","__assign","displayName"],"mappings":";;;;;AAKA;;;;;;;;;;;;;;;AAeG;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/StatusLabel/StatusLabelBase.d.mts

@@ -8,7 +8,7 @@ export type StatusType = 'pending' | 'completed' | 'failed' | 'cancelled' | 'pro
  */
 export type StatusSize = 'small' | 'medium';
 /**
- * Props shared by StatusLabel and the deprecated StatusBadge
+ * Props for StatusLabel
  */
 export interface StatusLabelProps {
     /**
@@ -40,10 +40,8 @@ export interface StatusLabelProps {
     'aria-label'?: string;
 }
 /**
- * Shared implementation of StatusLabel and the deprecated StatusBadge. Internal: not exported
- * from the package. `showIcon` exists only for StatusBadge. StatusLabel always shows the status icon
- * at the medium size, and at the small size the shape for coloured statuses (decisions 0018, 0045).
+ * StatusLabel's implementation. Internal: not exported from the package. It always shows the status
+ * icon at the medium size, and at the small size the shape for coloured statuses (decisions 0018,
+ * 0045).
  */
-export declare const StatusLabelBase: React.FC<StatusLabelProps & {
-    showIcon?: boolean;
-}>;
+export declare const StatusLabelBase: React.FC<StatusLabelProps>;

package/dist/components/atoms/StatusLabel/StatusLabelBase.d.ts

@@ -8,7 +8,7 @@ export type StatusType = 'pending' | 'completed' | 'failed' | 'cancelled' | 'pro
  */
 export type StatusSize = 'small' | 'medium';
 /**
- * Props shared by StatusLabel and the deprecated StatusBadge
+ * Props for StatusLabel
  */
 export interface StatusLabelProps {
     /**
@@ -40,10 +40,8 @@ export interface StatusLabelProps {
     'aria-label'?: string;
 }
 /**
- * Shared implementation of StatusLabel and the deprecated StatusBadge. Internal: not exported
- * from the package. `showIcon` exists only for StatusBadge. StatusLabel always shows the status icon
- * at the medium size, and at the small size the shape for coloured statuses (decisions 0018, 0045).
+ * StatusLabel's implementation. Internal: not exported from the package. It always shows the status
+ * icon at the medium size, and at the small size the shape for coloured statuses (decisions 0018,
+ * 0045).
  */
-export declare const StatusLabelBase: React.FC<StatusLabelProps & {
-    showIcon?: boolean;
-}>;
+export declare const StatusLabelBase: React.FC<StatusLabelProps>;

package/dist/components/atoms/StatusLabel/StatusLabelBase.mjs

@@ -112,24 +112,22 @@ var VisibleContent = /*#__PURE__*/styled.span.withConfig({
   componentId: "sc-1ye9xz5-2"
 })(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: contents;\n"], ["\n  display: contents;\n"
 /**
- * Shared implementation of StatusLabel and the deprecated StatusBadge. Internal: not exported
- * from the package. `showIcon` exists only for StatusBadge. StatusLabel always shows the status icon
- * at the medium size, and at the small size the shape for coloured statuses (decisions 0018, 0045).
+ * StatusLabel's implementation. Internal: not exported from the package. It always shows the status
+ * icon at the medium size, and at the small size the shape for coloured statuses (decisions 0018,
+ * 0045).
  */])));
 /**
- * Shared implementation of StatusLabel and the deprecated StatusBadge. Internal: not exported
- * from the package. `showIcon` exists only for StatusBadge. StatusLabel always shows the status icon
- * at the medium size, and at the small size the shape for coloured statuses (decisions 0018, 0045).
+ * StatusLabel's implementation. Internal: not exported from the package. It always shows the status
+ * icon at the medium size, and at the small size the shape for coloured statuses (decisions 0018,
+ * 0045).
  */
 var StatusLabelBase = function StatusLabelBase(_a) {
   var status = _a.status,
     label = _a.label,
     _b = _a.size,
     size = _b === void 0 ? 'medium' : _b,
-    _c = _a.showIcon,
-    showIcon = _c === void 0 ? true : _c,
-    _d = _a.liveRegion,
-    liveRegion = _d === void 0 ? true : _d,
+    _c = _a.liveRegion,
+    liveRegion = _c === void 0 ? true : _c,
     dataTestId = _a["data-testid"],
     ariaLabel = _a["aria-label"];
   var statusConfig = getStatusConfig(status);
@@ -147,11 +145,11 @@ var StatusLabelBase = function StatusLabelBase(_a) {
     "data-testid": dataTestId,
     children: [jsxs(VisibleContent, {
       "aria-hidden": accessibleLabel ? 'true' : undefined,
-      children: [showIcon && size === 'medium' && jsx(Icon, {
+      children: [size === 'medium' && jsx(Icon, {
         name: statusConfig.icon,
         size: sizeStyles.iconSize,
         iconColor: "inherit"
-      }), showIcon && size === 'small' && statusConfig.shape && jsx(StatusShape, {
+      }), size === 'small' && statusConfig.shape && jsx(StatusShape, {
         shape: statusConfig.shape
       }), displayLabel, jsxs(ScreenReaderOnly, {
         children: [status, " status"]

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

@@ -6,12 +6,10 @@ export interface TagProps {
     children: React.ReactNode;
     /**
      * Visual variant. Tag is neutral metadata: use `default`, or `emphasis` (near-black) to make a
-     * tag stand out. `success`, `warning` and `error` are deprecated (status belongs to
-     * `StatusLabel`), and so is `interactive` (a blue fill on a static label is decoration).
-     * They keep working until they are removed in 3.0 (decision 0029).
+     * tag stand out. For a status, use `StatusLabel` (decision 0029).
      * @default 'default'
      */
-    variant?: 'default' | 'interactive' | 'success' | 'warning' | 'error' | 'emphasis';
+    variant?: 'default' | 'emphasis';
     /**
      * Whether to show a border
      * @default true

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

@@ -6,12 +6,10 @@ export interface TagProps {
     children: React.ReactNode;
     /**
      * Visual variant. Tag is neutral metadata: use `default`, or `emphasis` (near-black) to make a
-     * tag stand out. `success`, `warning` and `error` are deprecated (status belongs to
-     * `StatusLabel`), and so is `interactive` (a blue fill on a static label is decoration).
-     * They keep working until they are removed in 3.0 (decision 0029).
+     * tag stand out. For a status, use `StatusLabel` (decision 0029).
      * @default 'default'
      */
-    variant?: 'default' | 'interactive' | 'success' | 'warning' | 'error' | 'emphasis';
+    variant?: 'default' | 'emphasis';
     /**
      * Whether to show a border
      * @default true

package/dist/components/atoms/Tag/Tag.mjs

@@ -32,14 +32,6 @@ var StyledTag = /*#__PURE__*/styled.span.withConfig({
 }, label.typography.small, label.fontWeight, function (_a) {
   var $variant = _a.$variant;
   switch ($variant) {
-    case 'interactive':
-      return color.fill['accent-muted'];
-    case 'success':
-      return color.fill['success-muted'];
-    case 'warning':
-      return color.fill['warning-muted'];
-    case 'error':
-      return color.fill['danger-muted'];
     case 'emphasis':
       return color.fill.emphasis;
     default:
@@ -48,14 +40,6 @@ var StyledTag = /*#__PURE__*/styled.span.withConfig({
 }, function (_a) {
   var $variant = _a.$variant;
   switch ($variant) {
-    case 'interactive':
-      return color.text.accent;
-    case 'success':
-      return color.text.success;
-    case 'warning':
-      return color.text.warning;
-    case 'error':
-      return color.text.danger;
     case 'emphasis':
       return color.text.inverse;
     default:
@@ -66,14 +50,6 @@ var StyledTag = /*#__PURE__*/styled.span.withConfig({
     $border = _a.$border;
   if (!$border) return 'none';
   switch ($variant) {
-    case 'interactive':
-      return "".concat(semantic.border.width.thin, " solid ").concat(color.border.accent);
-    case 'success':
-      return "".concat(semantic.border.width.thin, " solid ").concat(color.border.success);
-    case 'warning':
-      return "".concat(semantic.border.width.thin, " solid ").concat(color.border.warning);
-    case 'error':
-      return "".concat(semantic.border.width.thin, " solid ").concat(color.border.danger);
     case 'emphasis':
       return "".concat(semantic.border.width.thin, " solid ").concat(color.fill.emphasis);
     default:

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

@@ -2,7 +2,6 @@ export * from './Avatar/index.mjs';
 export * from './Badge/index.mjs';
 export * from './Box/index.mjs';
 export * from './Button/index.mjs';
-export * from './CategoryBadge/index.mjs';
 export * from './CategoryLabel/index.mjs';
 export * from './Chip/index.mjs';
 export * from './Container/index.mjs';
@@ -14,7 +13,6 @@ export * from './MoneyDisplay/index.mjs';
 export * from './ProgressBar/index.mjs';
 export * from './Divider/index.mjs';
 export * from './Stack/index.mjs';
-export * from './StatusBadge/index.mjs';
 export * from './StatusLabel/index.mjs';
 export * from './Tag/index.mjs';
 export * from './Typography/index.mjs';

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

@@ -2,7 +2,6 @@ export * from './Avatar';
 export * from './Badge';
 export * from './Box';
 export * from './Button';
-export * from './CategoryBadge';
 export * from './CategoryLabel';
 export * from './Chip';
 export * from './Container';
@@ -14,7 +13,6 @@ export * from './MoneyDisplay';
 export * from './ProgressBar';
 export * from './Divider';
 export * from './Stack';
-export * from './StatusBadge';
 export * from './StatusLabel';
 export * from './Tag';
 export * from './Typography';

package/dist/components/layout/GridSystem/GridSystem.d.mts

@@ -1,10 +1,15 @@
 import React from 'react';
 import type { Tokens } from '../../../types/tokens.mjs';
+/**
+ * A grid gap: a `base.dimension` step (the 4px scale, so `4` is 16px), or `auto`. Before 3.0 the
+ * gap props took `base.spacing` keys, which had the same values (#188).
+ */
+type GridGap = keyof Tokens['base']['dimension'] | 'auto';
 interface GridProps {
     cols?: number;
-    gap?: keyof Tokens['base']['spacing'];
-    gapX?: keyof Tokens['base']['spacing'];
-    gapY?: keyof Tokens['base']['spacing'];
+    gap?: GridGap;
+    gapX?: GridGap;
+    gapY?: GridGap;
     className?: string;
     /** Test identifier for automated testing */
     'data-testid'?: string;
@@ -34,21 +39,21 @@ interface ResponsiveGridProps {
     colsMd?: number;
     colsLg?: number;
     colsXl?: number;
-    gap?: keyof Tokens['base']['spacing'];
-    gapSm?: keyof Tokens['base']['spacing'];
-    gapMd?: keyof Tokens['base']['spacing'];
-    gapLg?: keyof Tokens['base']['spacing'];
-    gapXl?: keyof Tokens['base']['spacing'];
-    gapX?: keyof Tokens['base']['spacing'];
-    gapXSm?: keyof Tokens['base']['spacing'];
-    gapXMd?: keyof Tokens['base']['spacing'];
-    gapXLg?: keyof Tokens['base']['spacing'];
-    gapXXl?: keyof Tokens['base']['spacing'];
-    gapY?: keyof Tokens['base']['spacing'];
-    gapYSm?: keyof Tokens['base']['spacing'];
-    gapYMd?: keyof Tokens['base']['spacing'];
-    gapYLg?: keyof Tokens['base']['spacing'];
-    gapYXl?: keyof Tokens['base']['spacing'];
+    gap?: GridGap;
+    gapSm?: GridGap;
+    gapMd?: GridGap;
+    gapLg?: GridGap;
+    gapXl?: GridGap;
+    gapX?: GridGap;
+    gapXSm?: GridGap;
+    gapXMd?: GridGap;
+    gapXLg?: GridGap;
+    gapXXl?: GridGap;
+    gapY?: GridGap;
+    gapYSm?: GridGap;
+    gapYMd?: GridGap;
+    gapYLg?: GridGap;
+    gapYXl?: GridGap;
     className?: string;
     /** Test identifier for automated testing */
     'data-testid'?: string;

package/dist/components/layout/GridSystem/GridSystem.d.ts

@@ -1,10 +1,15 @@
 import React from 'react';
 import type { Tokens } from '../../../types/tokens';
+/**
+ * A grid gap: a `base.dimension` step (the 4px scale, so `4` is 16px), or `auto`. Before 3.0 the
+ * gap props took `base.spacing` keys, which had the same values (#188).
+ */
+type GridGap = keyof Tokens['base']['dimension'] | 'auto';
 interface GridProps {
     cols?: number;
-    gap?: keyof Tokens['base']['spacing'];
-    gapX?: keyof Tokens['base']['spacing'];
-    gapY?: keyof Tokens['base']['spacing'];
+    gap?: GridGap;
+    gapX?: GridGap;
+    gapY?: GridGap;
     className?: string;
     /** Test identifier for automated testing */
     'data-testid'?: string;
@@ -34,21 +39,21 @@ interface ResponsiveGridProps {
     colsMd?: number;
     colsLg?: number;
     colsXl?: number;
-    gap?: keyof Tokens['base']['spacing'];
-    gapSm?: keyof Tokens['base']['spacing'];
-    gapMd?: keyof Tokens['base']['spacing'];
-    gapLg?: keyof Tokens['base']['spacing'];
-    gapXl?: keyof Tokens['base']['spacing'];
-    gapX?: keyof Tokens['base']['spacing'];
-    gapXSm?: keyof Tokens['base']['spacing'];
-    gapXMd?: keyof Tokens['base']['spacing'];
-    gapXLg?: keyof Tokens['base']['spacing'];
-    gapXXl?: keyof Tokens['base']['spacing'];
-    gapY?: keyof Tokens['base']['spacing'];
-    gapYSm?: keyof Tokens['base']['spacing'];
-    gapYMd?: keyof Tokens['base']['spacing'];
-    gapYLg?: keyof Tokens['base']['spacing'];
-    gapYXl?: keyof Tokens['base']['spacing'];
+    gap?: GridGap;
+    gapSm?: GridGap;
+    gapMd?: GridGap;
+    gapLg?: GridGap;
+    gapXl?: GridGap;
+    gapX?: GridGap;
+    gapXSm?: GridGap;
+    gapXMd?: GridGap;
+    gapXLg?: GridGap;
+    gapXXl?: GridGap;
+    gapY?: GridGap;
+    gapYSm?: GridGap;
+    gapYMd?: GridGap;
+    gapYLg?: GridGap;
+    gapYXl?: GridGap;
     className?: string;
     /** Test identifier for automated testing */
     'data-testid'?: string;

package/dist/components/layout/GridSystem/GridSystem.mjs

@@ -1,14 +1,16 @@
 'use client';
-import { __makeTemplateObject } from '../../../vendor/tslib/tslib.es6.mjs';
+import { __assign, __makeTemplateObject } from '../../../vendor/tslib/tslib.es6.mjs';
 import { jsx } from 'react/jsx-runtime';
 import styled$module, { css } from 'styled-components';
 const styled = styled$module.default || styled$module;
 import tokens from '../../../lib/cssTokens.mjs';
 
-// Exception to decision 0014: the gap props are typed as base spacing keys (public API),
-// so they are looked up in base.spacing until they accept semantic keys.
-// eslint-disable-next-line no-restricted-syntax
-var gapSpacing = tokens.base.spacing;
+// Exception to decision 0014: the gap props are typed as base dimension keys (public API),
+// so they are looked up in the base tier until they accept semantic keys.
+var gapSpacing = __assign(__assign({}, tokens.base.dimension), {
+  // eslint-disable-next-line no-restricted-syntax
+  auto: tokens.base.spacing.auto
+});
 // Breakpoints using base tokens
 var breakpoints = {
   xs: tokens.semantic.breakpoint.xs,

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

@@ -35,6 +35,11 @@ export interface AgentInputProps {
     maxLength?: number;
     disabled?: boolean;
     isSubmitting?: boolean;
+    /**
+     * Web Speech API voice capture, with a mic control in the field, where the browser supports it.
+     * Off by default from 3.0 (#266): a product turns it on when it handles voice.
+     * @default false
+     */
     enableVoice?: boolean;
     autoSubmitOnVoiceFinal?: boolean;
     voiceLanguage?: string;

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

@@ -35,6 +35,11 @@ export interface AgentInputProps {
     maxLength?: number;
     disabled?: boolean;
     isSubmitting?: boolean;
+    /**
+     * Web Speech API voice capture, with a mic control in the field, where the browser supports it.
+     * Off by default from 3.0 (#266): a product turns it on when it handles voice.
+     * @default false
+     */
     enableVoice?: boolean;
     autoSubmitOnVoiceFinal?: boolean;
     voiceLanguage?: string;

package/dist/components/molecules/AgentInput/AgentInput.mjs

@@ -236,7 +236,7 @@ function AgentInputWithRef(_a, ref) {
     disabled = _e === void 0 ? false : _e,
     isSubmitting = _a.isSubmitting,
     _f = _a.enableVoice,
-    enableVoice = _f === void 0 ? true : _f,
+    enableVoice = _f === void 0 ? false : _f,
     _g = _a.autoSubmitOnVoiceFinal,
     autoSubmitOnVoiceFinal = _g === void 0 ? true : _g,
     _h = _a.voiceLanguage,

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

@@ -41,14 +41,6 @@ export interface AlertProps {
      * Optional action button or component, placed below the message and left-aligned with it
      */
     action?: React.ReactNode;
-    /**
-     * Compact inline variant with reduced padding
-     * @default false
-     * @deprecated Use `InlineAlert` for a short, local message (decision 0019). `inline` keeps
-     * working until it is removed in 3.0. An inline alert that needs a title, action or dismiss
-     * button stays an Alert.
-     */
-    inline?: boolean;
     /**
      * ARIA live region behavior
      * - polite: Non-urgent announcements
@@ -63,6 +55,6 @@ export interface AlertProps {
     'data-testid'?: string;
 }
 export declare const Alert: {
-    ({ variant, appearance, children, title, dismissible, onDismiss, action, inline, ariaLive, "data-testid": dataTestId, ...props }: AlertProps): import("react/jsx-runtime").JSX.Element | null;
+    ({ variant, appearance, children, title, dismissible, onDismiss, action, ariaLive, "data-testid": dataTestId, ...restProps }: AlertProps): import("react/jsx-runtime").JSX.Element | null;
     displayName: string;
 };

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

@@ -41,14 +41,6 @@ export interface AlertProps {
      * Optional action button or component, placed below the message and left-aligned with it
      */
     action?: React.ReactNode;
-    /**
-     * Compact inline variant with reduced padding
-     * @default false
-     * @deprecated Use `InlineAlert` for a short, local message (decision 0019). `inline` keeps
-     * working until it is removed in 3.0. An inline alert that needs a title, action or dismiss
-     * button stays an Alert.
-     */
-    inline?: boolean;
     /**
      * ARIA live region behavior
      * - polite: Non-urgent announcements
@@ -63,6 +55,6 @@ export interface AlertProps {
     'data-testid'?: string;
 }
 export declare const Alert: {
-    ({ variant, appearance, children, title, dismissible, onDismiss, action, inline, ariaLive, "data-testid": dataTestId, ...props }: AlertProps): import("react/jsx-runtime").JSX.Element | null;
+    ({ variant, appearance, children, title, dismissible, onDismiss, action, ariaLive, "data-testid": dataTestId, ...restProps }: AlertProps): import("react/jsx-runtime").JSX.Element | null;
     displayName: string;
 };

package/dist/components/molecules/Alert/Alert.mjs

@@ -62,13 +62,7 @@ var StyledAlert = /*#__PURE__*/styled.div.withConfig({
   },
   displayName: "Alert__StyledAlert",
   componentId: "sc-18tq5d-0"
-})(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  /* Items start at the top, so the icon and dismiss button line up with the first line */\n  align-items: flex-start;\n  gap: ", ";\n  padding: ", ";\n  border-radius: ", ";\n  border: ", " solid;\n  position: relative;\n  width: 100%;\n  \n  /* Severity \xD7 appearance colours from Alert's component tokens (decision 0019). Borderless\n     keeps a transparent border, so both appearances take the same space. */\n  background-color: ", ";\n  color: ", ";\n  border-color: ", ";\n  \n  /* Responsive adjustments */\n  @media (min-width: ", ") {\n    padding: ", ";\n  }\n\n  /* The exit is chosen once, when dismissed (not by a media query), so a reduced-motion\n     preference that changes mid-exit can't swap animations and flash the faded alert back.\n     Reduced motion: fade only; the space closes instantly afterwards. */\n  ", "\n"], ["\n  display: flex;\n  /* Items start at the top, so the icon and dismiss button line up with the first line */\n  align-items: flex-start;\n  gap: ", ";\n  padding: ", ";\n  border-radius: ", ";\n  border: ", " solid;\n  position: relative;\n  width: 100%;\n  \n  /* Severity \xD7 appearance colours from Alert's component tokens (decision 0019). Borderless\n     keeps a transparent border, so both appearances take the same space. */\n  background-color: ", ";\n  color: ", ";\n  border-color: ", ";\n  \n  /* Responsive adjustments */\n  @media (min-width: ", ") {\n    padding: ", ";\n  }\n\n  /* The exit is chosen once, when dismissed (not by a media query), so a reduced-motion\n     preference that changes mid-exit can't swap animations and flash the faded alert back.\n     Reduced motion: fade only; the space closes instantly afterwards. */\n  ", "\n"])), function (_a) {
-  var $inline = _a.$inline;
-  return $inline ? semantic.space[200] : semantic.space[300];
-}, function (_a) {
-  var $inline = _a.$inline;
-  return $inline ? semantic.space[200] : semantic.space[300];
-}, semantic.radius.sm, semantic.border.width.thin, function (_a) {
+})(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n  display: flex;\n  /* Items start at the top, so the icon and dismiss button line up with the first line */\n  align-items: flex-start;\n  gap: ", ";\n  padding: ", ";\n  border-radius: ", ";\n  border: ", " solid;\n  position: relative;\n  width: 100%;\n  \n  /* Severity \xD7 appearance colours from Alert's component tokens (decision 0019). Borderless\n     keeps a transparent border, so both appearances take the same space. */\n  background-color: ", ";\n  color: ", ";\n  border-color: ", ";\n  \n  /* Responsive adjustments */\n  @media (min-width: ", ") {\n    padding: ", ";\n  }\n\n  /* The exit is chosen once, when dismissed (not by a media query), so a reduced-motion\n     preference that changes mid-exit can't swap animations and flash the faded alert back.\n     Reduced motion: fade only; the space closes instantly afterwards. */\n  ", "\n"], ["\n  display: flex;\n  /* Items start at the top, so the icon and dismiss button line up with the first line */\n  align-items: flex-start;\n  gap: ", ";\n  padding: ", ";\n  border-radius: ", ";\n  border: ", " solid;\n  position: relative;\n  width: 100%;\n  \n  /* Severity \xD7 appearance colours from Alert's component tokens (decision 0019). Borderless\n     keeps a transparent border, so both appearances take the same space. */\n  background-color: ", ";\n  color: ", ";\n  border-color: ", ";\n  \n  /* Responsive adjustments */\n  @media (min-width: ", ") {\n    padding: ", ";\n  }\n\n  /* The exit is chosen once, when dismissed (not by a media query), so a reduced-motion\n     preference that changes mid-exit can't swap animations and flash the faded alert back.\n     Reduced motion: fade only; the space closes instantly afterwards. */\n  ", "\n"])), semantic.space[300], semantic.space[300], semantic.radius.sm, semantic.border.width.thin, function (_a) {
   var _b = _a.$variant,
     $variant = _b === void 0 ? 'info' : _b;
   return alert.severity[$variant].background;
@@ -81,10 +75,7 @@ var StyledAlert = /*#__PURE__*/styled.div.withConfig({
     $variant = _b === void 0 ? 'info' : _b,
     $appearance = _a.$appearance;
   return alert.appearance[$appearance].borderColor[$variant];
-}, semantic.breakpoint.md, function (_a) {
-  var $inline = _a.$inline;
-  return $inline ? semantic.space[200] : semantic.space[400];
-}, function (_a) {
+}, semantic.breakpoint.md, semantic.space[400], function (_a) {
   var $isExiting = _a.$isExiting,
     $reducedExit = _a.$reducedExit;
   return $isExiting && css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    overflow: hidden;\n    pointer-events: none;\n    animation: ", ";\n  "], ["\n    overflow: hidden;\n    pointer-events: none;\n    animation: ", ";\n  "])), $reducedExit ? css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["", " ", " ", " forwards"], ["", " ", " ", " forwards"])), fadeOut, duration.fast, easing.accelerate) : css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["", " ", "ms ", " forwards"], ["", " ", "ms ", " forwards"])), fadeThenCollapse, EXIT_MS, easing.accelerate));
@@ -130,21 +121,16 @@ var StyledDismissSlot = /*#__PURE__*/styled.div.withConfig({
   displayName: "Alert__StyledDismissSlot",
   componentId: "sc-18tq5d-6"
 })(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  height: ", ";\n"], ["\n  display: flex;\n  align-items: center;\n  flex-shrink: 0;\n  height: ", ";\n"
-// The glyph sits on the padding edge, mirroring the severity icon on the left. The inline
-// alert's padding is too small for that, so its button stays inside the padding.
+// The glyph sits on the padding edge, mirroring the severity icon on the left
 ])), function (_a) {
   var $lineHeight = _a.$lineHeight;
   return $lineHeight;
 });
-// The glyph sits on the padding edge, mirroring the severity icon on the left. The inline
-// alert's padding is too small for that, so its button stays inside the padding.
+// The glyph sits on the padding edge, mirroring the severity icon on the left
 var StyledDismissButton = /*#__PURE__*/styled(IconButton).withConfig({
   displayName: "Alert__StyledDismissButton",
   componentId: "sc-18tq5d-7"
-})(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  margin-right: ", ";\n"], ["\n  margin-right: ", ";\n"])), function (_a) {
-  var $inline = _a.$inline;
-  return $inline ? 0 : "calc((".concat(semantic.size.control.sm, " - ").concat(semantic.size.icon.sm, ") / -2)");
-});
+})(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n  margin-right: calc((", " - ", ") / -2);\n"], ["\n  margin-right: calc((", " - ", ") / -2);\n"])), semantic.size.control.sm, semantic.size.icon.sm);
 var Alert = function Alert(_a) {
   var _b = _a.variant,
     variant = _b === void 0 ? 'info' : _b,
@@ -156,12 +142,15 @@ var Alert = function Alert(_a) {
     dismissible = _d === void 0 ? false : _d,
     onDismiss = _a.onDismiss,
     action = _a.action,
-    _e = _a.inline,
-    inline = _e === void 0 ? false : _e,
-    _f = _a.ariaLive,
-    ariaLive = _f === void 0 ? 'polite' : _f,
+    _e = _a.ariaLive,
+    ariaLive = _e === void 0 ? 'polite' : _e,
     dataTestId = _a["data-testid"],
-    props = __rest(_a, ["variant", "appearance", "children", "title", "dismissible", "onDismiss", "action", "inline", "ariaLive", 'data-testid']);
+    restProps = __rest(_a, ["variant", "appearance", "children", "title", "dismissible", "onDismiss", "action", "ariaLive", 'data-testid']);
+  // `inline` was removed in 3.0 (use InlineAlert, decision 0019); plain JavaScript that still
+  // passes it gets a block alert, with the prop kept off the DOM
+  var _f = restProps;
+    _f.inline;
+    var props = __rest(_f, ["inline"]);
   var _g = React.useState('visible'),
     phase = _g[0],
     setPhase = _g[1];
@@ -237,7 +226,6 @@ var Alert = function Alert(_a) {
     "aria-live": ariaLive,
     "$variant": variant,
     "$appearance": appearance,
-    "$inline": inline,
     "$isExiting": isExiting,
     "$reducedExit": reducedExit,
     "data-testid": dataTestId
@@ -270,7 +258,6 @@ var Alert = function Alert(_a) {
         iconName: "close",
         size: "small",
         variant: "naked",
-        "$inline": inline,
         onClick: handleDismiss,
         "aria-label": "Dismiss alert",
         "data-testid": dataTestId ? "".concat(dataTestId, "-dismiss") : undefined

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

@@ -1,7 +1,6 @@
 import React from 'react';
 export type ChipGroupProps = {
     labels: string[];
-    variant?: 'default' | 'dark';
     'data-testid'?: string;
 };
 export declare const ChipGroup: React.FC<ChipGroupProps>;

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

@@ -1,7 +1,6 @@
 import React from 'react';
 export type ChipGroupProps = {
     labels: string[];
-    variant?: 'default' | 'dark';
     'data-testid'?: string;
 };
 export declare const ChipGroup: React.FC<ChipGroupProps>;

package/dist/components/molecules/ChipGroup/ChipGroup.mjs

@@ -7,7 +7,6 @@ import '../../atoms/Avatar/Avatar.mjs';
 import '../../atoms/Badge/Badge.mjs';
 import '../../atoms/Box/Box.mjs';
 import '../../atoms/Button/Button.mjs';
-import '../../atoms/CategoryBadge/CategoryBadge.mjs';
 import '../../atoms/CategoryLabel/CategoryLabel.mjs';
 import { Chip } from '../../atoms/Chip/Chip.mjs';
 import '../../atoms/Icon/Icon.mjs';
@@ -21,7 +20,6 @@ import '../../atoms/MoneyDisplay/MoneyDisplay.mjs';
 import '../../atoms/ProgressBar/ProgressBar.mjs';
 import '../../atoms/Divider/Divider.mjs';
 import { Stack } from '../../atoms/Stack/Stack.mjs';
-import '../../atoms/StatusBadge/StatusBadge.mjs';
 import '../../atoms/StatusLabel/StatusLabel.mjs';
 import '../../atoms/Tag/Tag.mjs';
 import '../../atoms/Typography/Typography.mjs';
@@ -33,8 +31,6 @@ var ChipGroupWrapper = /*#__PURE__*/styled.div.withConfig({
 })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  > div {\n    display: flex;\n    flex-wrap: wrap;\n  }\n"], ["\n  > div {\n    display: flex;\n    flex-wrap: wrap;\n  }\n"])));
 var ChipGroup = function ChipGroup(_a) {
   var labels = _a.labels,
-    _b = _a.variant,
-    variant = _b === void 0 ? 'default' : _b,
     dataTestId = _a["data-testid"];
   return jsx(ChipGroupWrapper, {
     "data-testid": dataTestId,
@@ -43,8 +39,7 @@ var ChipGroup = function ChipGroup(_a) {
       gap: "sm",
       children: labels && labels.map(function (title, index) {
         return jsx(Chip, {
-          title: title,
-          variant: variant
+          title: title
         }, index);
       })
     })