@common-origin/design-system 2.22.0 → 3.0.0

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/AccountCard/AccountCard.mjs

@@ -92,7 +92,7 @@ var AccountCard = function AccountCard(_a) {
   return jsx(Box, {
     minWidth: tokens.component.accountCard.minWidth,
     p: "lg",
-    bg: "subtle",
+    bg: "surface.raised",
     border: "default",
     borderRadius: "xl",
     transition: "box-shadow ".concat(semantic.motion.duration.moderate, " ").concat(semantic.motion.easing.decelerate),

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);
       })
     })

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

@@ -6,8 +6,7 @@ export interface DateGroupProps {
     /** Children to render under the date header (typically transactions) */
     children: React.ReactNode;
     /**
-     * Format mode for the date header, passed to DateFormatter's `mode`. `'relative'` is
-     * deprecated: it behaves exactly like `'smart'`, so use `'smart'` (#82).
+     * Format mode for the date header, passed to DateFormatter's `mode`.
      */
     format?: DateFormatMode;
     /** Whether to show total amount for this date group */

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

@@ -6,8 +6,7 @@ export interface DateGroupProps {
     /** Children to render under the date header (typically transactions) */
     children: React.ReactNode;
     /**
-     * Format mode for the date header, passed to DateFormatter's `mode`. `'relative'` is
-     * deprecated: it behaves exactly like `'smart'`, so use `'smart'` (#82).
+     * Format mode for the date header, passed to DateFormatter's `mode`.
      */
     format?: DateFormatMode;
     /** Whether to show total amount for this date group */

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

@@ -9,7 +9,6 @@ export interface ModalAction {
     onClick: () => void;
     /**
      * Button variant. `accent` is the blue call to action (at most one per view).
-     * `emphasis` is a deprecated alias for `accent` and will be removed in 3.0.
      */
     variant?: ButtonVariant;
     /** Optional leading icon */

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

@@ -9,7 +9,6 @@ export interface ModalAction {
     onClick: () => void;
     /**
      * Button variant. `accent` is the blue call to action (at most one per view).
-     * `emphasis` is a deprecated alias for `accent` and will be removed in 3.0.
      */
     variant?: ButtonVariant;
     /** Optional leading icon */

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

@@ -1,9 +1,3 @@
-/**
- * Tab variant options for TabBar.
- * @deprecated TabBar has one look, `underline` (decision 0020). `'default'` and `'pills'` render
- * as `underline`. The type is removed in 3.0.
- */
-export type TabVariant = 'default' | 'pills' | 'underline';
 /**
  * Individual tab configuration
  */
@@ -42,13 +36,6 @@ export interface TabBarProps {
      * Callback when tab changes
      */
     onTabChange: (tabId: string) => void;
-    /**
-     * Visual variant of the tabs.
-     * @deprecated TabBar has one look, `underline` (decision 0020). `'default'` and `'pills'` render
-     * as `underline`. Remove the prop; it is removed in 3.0.
-     * @default 'underline'
-     */
-    variant?: TabVariant;
     /**
      * Accessible label for the tab list
      */