@common-origin/design-system 2.20.0 → 2.22.0

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

@@ -39,5 +39,7 @@ export interface SpeechRecognitionLike {
 export type SpeechRecognitionConstructorLike = new () => SpeechRecognitionLike;
 export declare function detectSpeechRecognitionConstructor(targetWindow?: Window): SpeechRecognitionConstructorLike | null;
 export declare function normalizeTranscript(input: string): string;
+/** Typed text: like a transcript, but line breaks are kept (spaces around them are dropped). */
+export declare function normalizeMessage(input: string): string;
 export declare function mapSpeechErrorCode(error?: string): AgentInputVoiceErrorCode;
 export declare function defaultVoiceErrorMessage(code: AgentInputVoiceErrorCode): string;

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

@@ -39,5 +39,7 @@ export interface SpeechRecognitionLike {
 export type SpeechRecognitionConstructorLike = new () => SpeechRecognitionLike;
 export declare function detectSpeechRecognitionConstructor(targetWindow?: Window): SpeechRecognitionConstructorLike | null;
 export declare function normalizeTranscript(input: string): string;
+/** Typed text: like a transcript, but line breaks are kept (spaces around them are dropped). */
+export declare function normalizeMessage(input: string): string;
 export declare function mapSpeechErrorCode(error?: string): AgentInputVoiceErrorCode;
 export declare function defaultVoiceErrorMessage(code: AgentInputVoiceErrorCode): string;

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

@@ -13,6 +13,10 @@ function detectSpeechRecognitionConstructor(targetWindow) {
 function normalizeTranscript(input) {
   return input.replace(/\s+/g, ' ').trim();
 }
+/** Typed text: like a transcript, but line breaks are kept (spaces around them are dropped). */
+function normalizeMessage(input) {
+  return input.replace(/[^\S\n]+/g, ' ').replace(/ ?\n ?/g, '\n').trim();
+}
 function mapSpeechErrorCode(error) {
   switch (error) {
     case 'not-allowed':
@@ -45,5 +49,5 @@ function defaultVoiceErrorMessage(code) {
   }
 }
 
-export { defaultVoiceErrorMessage, detectSpeechRecognitionConstructor, mapSpeechErrorCode, normalizeTranscript };
+export { defaultVoiceErrorMessage, detectSpeechRecognitionConstructor, mapSpeechErrorCode, normalizeMessage, normalizeTranscript };
 //# sourceMappingURL=agentInputSpeech.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"agentInputSpeech.mjs","sources":["../../../../src/components/molecules/AgentInput/agentInputSpeech.ts"],"sourcesContent":["export type AgentInputSubmitSource = 'text' | 'voice-final'\n\nexport type AgentInputVoiceErrorCode =\n  | 'not-supported'\n  | 'not-allowed'\n  | 'no-speech'\n  | 'audio-capture'\n  | 'aborted'\n  | 'unknown'\n\nexport interface AgentInputVoiceError {\n  code: AgentInputVoiceErrorCode\n  message: string\n}\n\nexport interface SpeechRecognitionAlternativeLike {\n  transcript: string\n  confidence: number\n}\n\nexport interface SpeechRecognitionResultLike {\n  isFinal: boolean\n  length: number\n  [index: number]: SpeechRecognitionAlternativeLike\n}\n\nexport interface SpeechRecognitionResultListLike {\n  length: number\n  [index: number]: SpeechRecognitionResultLike\n}\n\nexport interface SpeechRecognitionEventLike {\n  resultIndex: number\n  results: SpeechRecognitionResultListLike\n}\n\nexport interface SpeechRecognitionErrorEventLike {\n  error?: string\n  message?: string\n}\n\nexport interface SpeechRecognitionLike {\n  lang: string\n  interimResults: boolean\n  continuous: boolean\n  onresult: ((event: SpeechRecognitionEventLike) => void) | null\n  onerror: ((event: SpeechRecognitionErrorEventLike) => void) | null\n  onend: (() => void) | null\n  start: () => void\n  stop: () => void\n  abort: () => void\n}\n\nexport type SpeechRecognitionConstructorLike = new () => SpeechRecognitionLike\n\ntype BrowserWindowWithSpeech = Window & {\n  SpeechRecognition?: SpeechRecognitionConstructorLike\n  webkitSpeechRecognition?: SpeechRecognitionConstructorLike\n}\n\nexport function detectSpeechRecognitionConstructor(\n  targetWindow?: Window\n): SpeechRecognitionConstructorLike | null {\n  if (!targetWindow) return null\n\n  const candidateWindow = targetWindow as BrowserWindowWithSpeech\n  if (candidateWindow.SpeechRecognition) {\n    return candidateWindow.SpeechRecognition\n  }\n\n  if (candidateWindow.webkitSpeechRecognition) {\n    return candidateWindow.webkitSpeechRecognition\n  }\n\n  return null\n}\n\nexport function normalizeTranscript(input: string): string {\n  return input.replace(/\\s+/g, ' ').trim()\n}\n\nexport function mapSpeechErrorCode(error?: string): AgentInputVoiceErrorCode {\n  switch (error) {\n    case 'not-allowed':\n    case 'service-not-allowed':\n      return 'not-allowed'\n    case 'no-speech':\n      return 'no-speech'\n    case 'audio-capture':\n      return 'audio-capture'\n    case 'aborted':\n      return 'aborted'\n    default:\n      return 'unknown'\n  }\n}\n\nexport function defaultVoiceErrorMessage(code: AgentInputVoiceErrorCode): string {\n  switch (code) {\n    case 'not-supported':\n      return 'Voice input is not supported in this browser. Use Chrome or Edge.'\n    case 'not-allowed':\n      return 'Microphone permission denied. Allow access and try again.'\n    case 'no-speech':\n      return 'No speech detected. Try again.'\n    case 'audio-capture':\n      return 'No microphone device detected. Check your microphone and try again.'\n    case 'aborted':\n      return 'Voice input was stopped.'\n    default:\n      return 'Voice input failed. Try again.'\n  }\n}\n"],"names":["detectSpeechRecognitionConstructor","targetWindow","candidateWindow","SpeechRecognition","webkitSpeechRecognition","normalizeTranscript","input","replace","trim","mapSpeechErrorCode","error","defaultVoiceErrorMessage","code"],"mappings":";AA4DM,SAAUA,kCAAkCA,CAChDC,YAAqB,EAAA;AAErB,EAAA,IAAI,CAACA,YAAY,EAAE,OAAO,IAAI,CAAA;EAE9B,IAAMC,eAAe,GAAGD,YAAuC,CAAA;EAC/D,IAAIC,eAAe,CAACC,iBAAiB,EAAE;IACrC,OAAOD,eAAe,CAACC,iBAAiB,CAAA;AAC1C,GAAA;EAEA,IAAID,eAAe,CAACE,uBAAuB,EAAE;IAC3C,OAAOF,eAAe,CAACE,uBAAuB,CAAA;AAChD,GAAA;AAEA,EAAA,OAAO,IAAI,CAAA;AACb,CAAA;AAEM,SAAUC,mBAAmBA,CAACC,KAAa,EAAA;EAC/C,OAAOA,KAAK,CAACC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAACC,IAAI,EAAE,CAAA;AAC1C,CAAA;AAEM,SAAUC,kBAAkBA,CAACC,KAAc,EAAA;AAC/C,EAAA,QAAQA,KAAK;AACX,IAAA,KAAK,aAAa,CAAA;AAClB,IAAA,KAAK,qBAAqB;AACxB,MAAA,OAAO,aAAa,CAAA;AACtB,IAAA,KAAK,WAAW;AACd,MAAA,OAAO,WAAW,CAAA;AACpB,IAAA,KAAK,eAAe;AAClB,MAAA,OAAO,eAAe,CAAA;AACxB,IAAA,KAAK,SAAS;AACZ,MAAA,OAAO,SAAS,CAAA;AAClB,IAAA;AACE,MAAA,OAAO,SAAS,CAAA;AACpB,GAAA;AACF,CAAA;AAEM,SAAUC,wBAAwBA,CAACC,IAA8B,EAAA;AACrE,EAAA,QAAQA,IAAI;AACV,IAAA,KAAK,eAAe;AAClB,MAAA,OAAO,mEAAmE,CAAA;AAC5E,IAAA,KAAK,aAAa;AAChB,MAAA,OAAO,2DAA2D,CAAA;AACpE,IAAA,KAAK,WAAW;AACd,MAAA,OAAO,gCAAgC,CAAA;AACzC,IAAA,KAAK,eAAe;AAClB,MAAA,OAAO,qEAAqE,CAAA;AAC9E,IAAA,KAAK,SAAS;AACZ,MAAA,OAAO,0BAA0B,CAAA;AACnC,IAAA;AACE,MAAA,OAAO,gCAAgC,CAAA;AAC3C,GAAA;AACF;;;;"}
+{"version":3,"file":"agentInputSpeech.mjs","sources":["../../../../src/components/molecules/AgentInput/agentInputSpeech.ts"],"sourcesContent":["export type AgentInputSubmitSource = 'text' | 'voice-final'\n\nexport type AgentInputVoiceErrorCode =\n  | 'not-supported'\n  | 'not-allowed'\n  | 'no-speech'\n  | 'audio-capture'\n  | 'aborted'\n  | 'unknown'\n\nexport interface AgentInputVoiceError {\n  code: AgentInputVoiceErrorCode\n  message: string\n}\n\nexport interface SpeechRecognitionAlternativeLike {\n  transcript: string\n  confidence: number\n}\n\nexport interface SpeechRecognitionResultLike {\n  isFinal: boolean\n  length: number\n  [index: number]: SpeechRecognitionAlternativeLike\n}\n\nexport interface SpeechRecognitionResultListLike {\n  length: number\n  [index: number]: SpeechRecognitionResultLike\n}\n\nexport interface SpeechRecognitionEventLike {\n  resultIndex: number\n  results: SpeechRecognitionResultListLike\n}\n\nexport interface SpeechRecognitionErrorEventLike {\n  error?: string\n  message?: string\n}\n\nexport interface SpeechRecognitionLike {\n  lang: string\n  interimResults: boolean\n  continuous: boolean\n  onresult: ((event: SpeechRecognitionEventLike) => void) | null\n  onerror: ((event: SpeechRecognitionErrorEventLike) => void) | null\n  onend: (() => void) | null\n  start: () => void\n  stop: () => void\n  abort: () => void\n}\n\nexport type SpeechRecognitionConstructorLike = new () => SpeechRecognitionLike\n\ntype BrowserWindowWithSpeech = Window & {\n  SpeechRecognition?: SpeechRecognitionConstructorLike\n  webkitSpeechRecognition?: SpeechRecognitionConstructorLike\n}\n\nexport function detectSpeechRecognitionConstructor(\n  targetWindow?: Window\n): SpeechRecognitionConstructorLike | null {\n  if (!targetWindow) return null\n\n  const candidateWindow = targetWindow as BrowserWindowWithSpeech\n  if (candidateWindow.SpeechRecognition) {\n    return candidateWindow.SpeechRecognition\n  }\n\n  if (candidateWindow.webkitSpeechRecognition) {\n    return candidateWindow.webkitSpeechRecognition\n  }\n\n  return null\n}\n\nexport function normalizeTranscript(input: string): string {\n  return input.replace(/\\s+/g, ' ').trim()\n}\n\n/** Typed text: like a transcript, but line breaks are kept (spaces around them are dropped). */\nexport function normalizeMessage(input: string): string {\n  return input\n    .replace(/[^\\S\\n]+/g, ' ')\n    .replace(/ ?\\n ?/g, '\\n')\n    .trim()\n}\n\nexport function mapSpeechErrorCode(error?: string): AgentInputVoiceErrorCode {\n  switch (error) {\n    case 'not-allowed':\n    case 'service-not-allowed':\n      return 'not-allowed'\n    case 'no-speech':\n      return 'no-speech'\n    case 'audio-capture':\n      return 'audio-capture'\n    case 'aborted':\n      return 'aborted'\n    default:\n      return 'unknown'\n  }\n}\n\nexport function defaultVoiceErrorMessage(code: AgentInputVoiceErrorCode): string {\n  switch (code) {\n    case 'not-supported':\n      return 'Voice input is not supported in this browser. Use Chrome or Edge.'\n    case 'not-allowed':\n      return 'Microphone permission denied. Allow access and try again.'\n    case 'no-speech':\n      return 'No speech detected. Try again.'\n    case 'audio-capture':\n      return 'No microphone device detected. Check your microphone and try again.'\n    case 'aborted':\n      return 'Voice input was stopped.'\n    default:\n      return 'Voice input failed. Try again.'\n  }\n}\n"],"names":["detectSpeechRecognitionConstructor","targetWindow","candidateWindow","SpeechRecognition","webkitSpeechRecognition","normalizeTranscript","input","replace","trim","normalizeMessage","mapSpeechErrorCode","error","defaultVoiceErrorMessage","code"],"mappings":";AA4DM,SAAUA,kCAAkCA,CAChDC,YAAqB,EAAA;AAErB,EAAA,IAAI,CAACA,YAAY,EAAE,OAAO,IAAI,CAAA;EAE9B,IAAMC,eAAe,GAAGD,YAAuC,CAAA;EAC/D,IAAIC,eAAe,CAACC,iBAAiB,EAAE;IACrC,OAAOD,eAAe,CAACC,iBAAiB,CAAA;AAC1C,GAAA;EAEA,IAAID,eAAe,CAACE,uBAAuB,EAAE;IAC3C,OAAOF,eAAe,CAACE,uBAAuB,CAAA;AAChD,GAAA;AAEA,EAAA,OAAO,IAAI,CAAA;AACb,CAAA;AAEM,SAAUC,mBAAmBA,CAACC,KAAa,EAAA;EAC/C,OAAOA,KAAK,CAACC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAACC,IAAI,EAAE,CAAA;AAC1C,CAAA;AAEA;AACM,SAAUC,gBAAgBA,CAACH,KAAa,EAAA;AAC5C,EAAA,OAAOA,KAAK,CACTC,OAAO,CAAC,WAAW,EAAE,GAAG,CAAC,CACzBA,OAAO,CAAC,SAAS,EAAE,IAAI,CAAC,CACxBC,IAAI,EAAE,CAAA;AACX,CAAA;AAEM,SAAUE,kBAAkBA,CAACC,KAAc,EAAA;AAC/C,EAAA,QAAQA,KAAK;AACX,IAAA,KAAK,aAAa,CAAA;AAClB,IAAA,KAAK,qBAAqB;AACxB,MAAA,OAAO,aAAa,CAAA;AACtB,IAAA,KAAK,WAAW;AACd,MAAA,OAAO,WAAW,CAAA;AACpB,IAAA,KAAK,eAAe;AAClB,MAAA,OAAO,eAAe,CAAA;AACxB,IAAA,KAAK,SAAS;AACZ,MAAA,OAAO,SAAS,CAAA;AAClB,IAAA;AACE,MAAA,OAAO,SAAS,CAAA;AACpB,GAAA;AACF,CAAA;AAEM,SAAUC,wBAAwBA,CAACC,IAA8B,EAAA;AACrE,EAAA,QAAQA,IAAI;AACV,IAAA,KAAK,eAAe;AAClB,MAAA,OAAO,mEAAmE,CAAA;AAC5E,IAAA,KAAK,aAAa;AAChB,MAAA,OAAO,2DAA2D,CAAA;AACpE,IAAA,KAAK,WAAW;AACd,MAAA,OAAO,gCAAgC,CAAA;AACzC,IAAA,KAAK,eAAe;AAClB,MAAA,OAAO,qEAAqE,CAAA;AAC9E,IAAA,KAAK,SAAS;AACZ,MAAA,OAAO,0BAA0B,CAAA;AACnC,IAAA;AACE,MAAA,OAAO,gCAAgC,CAAA;AAC3C,GAAA;AACF;;;;"}

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

@@ -1,3 +1,3 @@
 export { AgentInput } from './AgentInput.mjs';
-export type { AgentInputProps } from './AgentInput.mjs';
+export type { AgentInputProps, AgentInputHandle, AgentInputFocusOptions } from './AgentInput.mjs';
 export type { AgentInputSubmitSource, AgentInputVoiceErrorCode } from './agentInputSpeech.mjs';

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

@@ -1,3 +1,3 @@
 export { AgentInput } from './AgentInput';
-export type { AgentInputProps } from './AgentInput';
+export type { AgentInputProps, AgentInputHandle, AgentInputFocusOptions } from './AgentInput';
 export type { AgentInputSubmitSource, AgentInputVoiceErrorCode } from './agentInputSpeech';

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

@@ -2,10 +2,10 @@ import React from 'react';
 export interface AlertProps {
     /**
      * Visual style variant affecting background, border, and icon colors
-     * - error: Critical issues, validation errors (crossCircle icon)
-     * - warning: Cautions, potential issues (bell icon)
-     * - info: Tips, helper text, neutral information (info icon)
-     * - success: Confirmations, successful operations (checkRing icon)
+     * - error: Critical issues, validation errors (cross in a hexagon)
+     * - warning: Cautions, potential issues (`!` in a triangle)
+     * - info: Tips, helper text, neutral information (`i` in a square)
+     * - success: Confirmations, successful operations (tick in a circle)
      * @default 'info'
      */
     variant?: 'error' | 'warning' | 'info' | 'success';

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

@@ -2,10 +2,10 @@ import React from 'react';
 export interface AlertProps {
     /**
      * Visual style variant affecting background, border, and icon colors
-     * - error: Critical issues, validation errors (crossCircle icon)
-     * - warning: Cautions, potential issues (bell icon)
-     * - info: Tips, helper text, neutral information (info icon)
-     * - success: Confirmations, successful operations (checkRing icon)
+     * - error: Critical issues, validation errors (cross in a hexagon)
+     * - warning: Cautions, potential issues (`!` in a triangle)
+     * - info: Tips, helper text, neutral information (`i` in a square)
+     * - success: Confirmations, successful operations (tick in a circle)
      * @default 'info'
      */
     variant?: 'error' | 'warning' | 'info' | 'success';

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

@@ -35,11 +35,12 @@ var fadeOut = keyframes(templateObject_2 || (templateObject_2 = __makeTemplateOb
 // The generated names of the two exits (full, and reduced motion)
 var EXIT_ANIMATION_NAMES = [fadeThenCollapse.getName(), fadeOut.getName()];
 // Default icons by variant
+// Each severity's status icon (decision 0045): decorative, because the title and message say it
 var variantIcons = {
-  error: 'crossCircle',
-  warning: 'bell',
-  info: 'info',
-  success: 'checkRing'
+  error: 'statusError',
+  warning: 'statusWarning',
+  info: 'statusInfo',
+  success: 'statusSuccess'
 };
 // Icon colors by variant (using semantic icon color tokens)
 var variantIconColors = {

package/dist/components/molecules/CardLarge/CardLarge.mjs

@@ -6,6 +6,7 @@ const styled = styled$module.default || styled$module;
 import { Chip } from '../../atoms/Chip/Chip.mjs';
 import '../../atoms/Icon/Icon.mjs';
 import '../../atoms/Chip/shared/ChipBase.mjs';
+import '../../atoms/Chip/SuggestionChip.mjs';
 import { Picture } from '../../atoms/Picture/Picture.mjs';
 import { Stack } from '../../atoms/Stack/Stack.mjs';
 import { Typography } from '../../atoms/Typography/Typography.mjs';

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

@@ -12,6 +12,7 @@ import '../../atoms/CategoryLabel/CategoryLabel.mjs';
 import { Chip } from '../../atoms/Chip/Chip.mjs';
 import '../../atoms/Icon/Icon.mjs';
 import '../../atoms/Chip/shared/ChipBase.mjs';
+import '../../atoms/Chip/SuggestionChip.mjs';
 import '../../atoms/Container/Container.mjs';
 import '../../atoms/Picture/Picture.mjs';
 import '../../atoms/DateFormatter/DateFormatter.mjs';
@@ -24,6 +25,7 @@ import '../../atoms/StatusBadge/StatusBadge.mjs';
 import '../../atoms/StatusLabel/StatusLabel.mjs';
 import '../../atoms/Tag/Tag.mjs';
 import '../../atoms/Typography/Typography.mjs';
+import '../../atoms/AILabel/AILabel.mjs';
 
 var ChipGroupWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "ChipGroup__ChipGroupWrapper",

package/dist/components/molecules/CodeBlock/CodeBlock.mjs

@@ -15,7 +15,7 @@ var _a = tokens.semantic,
 var StyledCodeBlock = /*#__PURE__*/styled.pre.withConfig({
   displayName: "CodeBlock__StyledCodeBlock",
   componentId: "sc-1p1t0kp-0"
-})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n  border: ", ";\n  border-radius: ", ";\n  padding: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  color: ", ";\n  overflow-x: auto;\n  overflow-y: ", ";\n  margin: ", " 0;\n  position: relative;\n  transition: max-height ", " ", ";\n\n  ", " {\n    transition: none;\n  }\n  \n  ", "\n\n  /* The block is focusable so keyboard users can scroll it; it shows the system focus ring\n     (decision 0029) */\n  &:focus-visible {\n    outline: ", ";\n    outline-offset: ", ";\n  }\n"], ["\n  background-color: ", ";\n  border: ", ";\n  border-radius: ", ";\n  padding: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  color: ", ";\n  overflow-x: auto;\n  overflow-y: ", ";\n  margin: ", " 0;\n  position: relative;\n  transition: max-height ", " ", ";\n\n  ", " {\n    transition: none;\n  }\n  \n  ", "\n\n  /* The block is focusable so keyboard users can scroll it; it shows the system focus ring\n     (decision 0029) */\n  &:focus-visible {\n    outline: ", ";\n    outline-offset: ", ";\n  }\n"])), tokens.semantic.surface.raised, border.emphasis, tokens.semantic.radius.sm, tokens.semantic.space[300], tokens.component.codeBlock.fontFamily, tokens.component.codeBlock.fontSize, tokens.component.codeBlock.lineHeight, color.text["default"], function (_a) {
+})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n  border: ", ";\n  border-radius: ", ";\n  padding: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  color: ", ";\n  overflow-x: auto;\n  overflow-y: ", ";\n  margin: ", " 0;\n  position: relative;\n  transition: max-height ", " ", ";\n\n  ", " {\n    transition: none;\n  }\n  \n  ", "\n\n  /* The block is focusable so keyboard users can scroll it; it shows the system focus ring\n     (decision 0029) */\n  &:focus-visible {\n    outline: ", ";\n    outline-offset: ", ";\n  }\n"], ["\n  background-color: ", ";\n  border: ", ";\n  border-radius: ", ";\n  padding: ", ";\n  font-family: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  color: ", ";\n  overflow-x: auto;\n  overflow-y: ", ";\n  margin: ", " 0;\n  position: relative;\n  transition: max-height ", " ", ";\n\n  ", " {\n    transition: none;\n  }\n  \n  ", "\n\n  /* The block is focusable so keyboard users can scroll it; it shows the system focus ring\n     (decision 0029) */\n  &:focus-visible {\n    outline: ", ";\n    outline-offset: ", ";\n  }\n"])), tokens.semantic.surface.raised, border["default"], tokens.semantic.radius.sm, tokens.semantic.space[300], tokens.component.codeBlock.fontFamily, tokens.component.codeBlock.fontSize, tokens.component.codeBlock.lineHeight, color.text["default"], function (_a) {
   var $isExpanded = _a.$isExpanded,
     $needsExpansion = _a.$needsExpansion;
   return $needsExpansion && !$isExpanded ? 'hidden' : 'auto';

package/dist/components/molecules/Dropdown/Dropdown.mjs

@@ -66,7 +66,7 @@ var DropdownMenu = /*#__PURE__*/styled.div.withConfig({
   },
   displayName: "Dropdown__DropdownMenu",
   componentId: "sc-kz07c4-3"
-})(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: absolute;\n  top: 100%;\n  left: 0;\n  right: 0;\n  z-index: ", ";\n  background-color: ", ";\n  /* A decorative outline: elevation separates the menu, and only the trigger is a control edge (decision 0025) */\n  border: ", ";\n  border-radius: ", ";\n  box-shadow: ", ";\n  margin-top: ", ";\n  overflow: hidden;\n  opacity: ", ";\n  visibility: ", ";\n  transform: ", ";\n  transition: opacity ", " ", ",\n              visibility ", " ", ",\n              transform ", " ", ";\n  max-height: ", ";\n  overflow-y: auto;\n\n  ", " {\n    transform: none;\n  }\n"], ["\n  position: absolute;\n  top: 100%;\n  left: 0;\n  right: 0;\n  z-index: ", ";\n  background-color: ", ";\n  /* A decorative outline: elevation separates the menu, and only the trigger is a control edge (decision 0025) */\n  border: ", ";\n  border-radius: ", ";\n  box-shadow: ", ";\n  margin-top: ", ";\n  overflow: hidden;\n  opacity: ", ";\n  visibility: ", ";\n  transform: ", ";\n  transition: opacity ", " ", ",\n              visibility ", " ", ",\n              transform ", " ", ";\n  max-height: ", ";\n  overflow-y: auto;\n\n  ", " {\n    transform: none;\n  }\n"])), tokens.semantic.layer.dropdown, input["default"].backgroundColor, border.emphasis, input["default"].borderRadius, elevation.floating, space[100], function (_a) {
+})(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: absolute;\n  top: 100%;\n  left: 0;\n  right: 0;\n  z-index: ", ";\n  background-color: ", ";\n  /* A decorative outline: elevation separates the menu, and only the trigger is a control edge (decision 0025) */\n  border: ", ";\n  border-radius: ", ";\n  box-shadow: ", ";\n  margin-top: ", ";\n  overflow: hidden;\n  opacity: ", ";\n  visibility: ", ";\n  transform: ", ";\n  transition: opacity ", " ", ",\n              visibility ", " ", ",\n              transform ", " ", ";\n  max-height: ", ";\n  overflow-y: auto;\n\n  ", " {\n    transform: none;\n  }\n"], ["\n  position: absolute;\n  top: 100%;\n  left: 0;\n  right: 0;\n  z-index: ", ";\n  background-color: ", ";\n  /* A decorative outline: elevation separates the menu, and only the trigger is a control edge (decision 0025) */\n  border: ", ";\n  border-radius: ", ";\n  box-shadow: ", ";\n  margin-top: ", ";\n  overflow: hidden;\n  opacity: ", ";\n  visibility: ", ";\n  transform: ", ";\n  transition: opacity ", " ", ",\n              visibility ", " ", ",\n              transform ", " ", ";\n  max-height: ", ";\n  overflow-y: auto;\n\n  ", " {\n    transform: none;\n  }\n"])), tokens.semantic.layer.dropdown, input["default"].backgroundColor, border["default"], input["default"].borderRadius, elevation.floating, space[100], function (_a) {
   var $isOpen = _a.$isOpen;
   return $isOpen ? 1 : 0;
 }, function (_a) {
@@ -89,7 +89,7 @@ var DropdownOption = /*#__PURE__*/styled.button.withConfig({
     selected: $isSelected,
     focused: $isFocused
   });
-}, border.emphasis);
+}, border["default"]);
 var StyledHelperText = /*#__PURE__*/styled.div.withConfig({
   displayName: "Dropdown__StyledHelperText",
   componentId: "sc-kz07c4-5"

package/dist/components/molecules/FeatureBlock/FeatureBlock.mjs

@@ -6,6 +6,7 @@ const styled = styled$module.default || styled$module;
 import { Chip } from '../../atoms/Chip/Chip.mjs';
 import '../../atoms/Icon/Icon.mjs';
 import '../../atoms/Chip/shared/ChipBase.mjs';
+import '../../atoms/Chip/SuggestionChip.mjs';
 import { Button } from '../../atoms/Button/Button.mjs';
 import { Picture } from '../../atoms/Picture/Picture.mjs';
 import { Divider } from '../../atoms/Divider/Divider.mjs';

package/dist/components/molecules/InlineAlert/InlineAlert.mjs

@@ -5,16 +5,18 @@ import styled$module from 'styled-components';
 const styled = styled$module.default || styled$module;
 import tokens from '../../../lib/cssTokens.mjs';
 import { Icon } from '../../atoms/Icon/Icon.mjs';
+import { StatusShape } from '../../atoms/StatusLabel/StatusShape.mjs';
 
 var semantic = tokens.semantic;
 var color = semantic.color,
   typography = semantic.typography,
   size = semantic.size;
+// Each severity's status icon and, at the small size, its shape (decision 0045)
 var variantIcons = {
-  error: 'crossCircle',
-  warning: 'bell',
-  info: 'info',
-  success: 'checkRing'
+  error: 'statusError',
+  warning: 'statusWarning',
+  info: 'statusInfo',
+  success: 'statusSuccess'
 };
 var variantTextColors = {
   error: color.text.danger,
@@ -22,6 +24,12 @@ var variantTextColors = {
   info: color.text.accent,
   success: color.text.success
 };
+var variantShapes = {
+  error: 'error',
+  warning: 'warning',
+  info: 'info',
+  success: 'success'
+};
 var sizeConfig = {
   small: {
     font: typography.caption,
@@ -122,7 +130,9 @@ var InlineAlert = function InlineAlert(_a) {
     children: hasMessage && jsxs(Fragment, {
       children: [jsx(StyledIconLine, {
         "aria-hidden": "true",
-        children: jsx(Icon, {
+        children: alertSize === 'small' ? jsx(StatusShape, {
+          shape: variantShapes[variant]
+        }) : jsx(Icon, {
           name: variantIcons[variant],
           size: sizeConfig[alertSize].icon,
           iconColor: "inherit"

package/dist/components/molecules/TabBar/TabBar.mjs

@@ -11,7 +11,7 @@ var semantic = tokens.semantic;
 var StyledTabList = /*#__PURE__*/styled.div.withConfig({
   displayName: "TabBar__StyledTabList",
   componentId: "sc-1g9ib0y-0"
-})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  border-bottom: ", " solid ", ";\n  overflow-x: auto;\n  overflow-y: hidden;\n  -webkit-overflow-scrolling: touch;\n  scrollbar-width: thin;\n  \n  &::-webkit-scrollbar {\n    height: ", ";\n  }\n  \n  &::-webkit-scrollbar-track {\n    background: ", ";\n  }\n  \n  &::-webkit-scrollbar-thumb {\n    background: ", ";\n    border-radius: ", ";\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  border-bottom: ", " solid ", ";\n  overflow-x: auto;\n  overflow-y: hidden;\n  -webkit-overflow-scrolling: touch;\n  scrollbar-width: thin;\n  \n  &::-webkit-scrollbar {\n    height: ", ";\n  }\n  \n  &::-webkit-scrollbar-track {\n    background: ", ";\n  }\n  \n  &::-webkit-scrollbar-thumb {\n    background: ", ";\n    border-radius: ", ";\n  }\n"])), semantic.border.width.thin, semantic.color.border.emphasis, tokens.component.tabBar.scrollbar.height, semantic.surface.raised, semantic.color.border["default"], semantic.radius.sm);
+})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  border-bottom: ", " solid ", ";\n  overflow-x: auto;\n  overflow-y: hidden;\n  -webkit-overflow-scrolling: touch;\n  scrollbar-width: thin;\n  \n  &::-webkit-scrollbar {\n    height: ", ";\n  }\n  \n  &::-webkit-scrollbar-track {\n    background: ", ";\n  }\n  \n  &::-webkit-scrollbar-thumb {\n    background: ", ";\n    border-radius: ", ";\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  border-bottom: ", " solid ", ";\n  overflow-x: auto;\n  overflow-y: hidden;\n  -webkit-overflow-scrolling: touch;\n  scrollbar-width: thin;\n  \n  &::-webkit-scrollbar {\n    height: ", ";\n  }\n  \n  &::-webkit-scrollbar-track {\n    background: ", ";\n  }\n  \n  &::-webkit-scrollbar-thumb {\n    background: ", ";\n    border-radius: ", ";\n  }\n"])), semantic.border.width.thin, semantic.color.border["default"], tokens.component.tabBar.scrollbar.height, semantic.surface.raised, semantic.color.border["default"], semantic.radius.sm);
 var StyledTab = /*#__PURE__*/styled.button.withConfig({
   shouldForwardProp: function shouldForwardProp(prop) {
     return !prop.startsWith('$');
@@ -31,11 +31,11 @@ var StyledTab = /*#__PURE__*/styled.button.withConfig({
 }, function (props) {
   return props.$isActive ? semantic.color.fill['accent-muted-hover'] : 'transparent';
 }, function (props) {
-  return props.$isActive ? semantic.color.text['accent-hover'] : semantic.color.text["default"];
+  return props.$isActive ? semantic.color.text.accent : semantic.color.text["default"];
 }, function (props) {
   return props.$isActive ? semantic.color.fill['accent-muted-pressed'] : 'transparent';
 }, function (props) {
-  return props.$isActive ? semantic.color.text['accent-pressed'] : semantic.color.text["default"];
+  return props.$isActive ? semantic.color.text.accent : semantic.color.text["default"];
 }, function (props) {
   return props.$disabled ? '0.5' : '1';
 }, semantic.border.focus, semantic.border.focusOffset);

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

@@ -34,6 +34,6 @@ export interface TransactionListItemProps {
  * status, and optional metadata (category, receipt, notes). Minimum height 72px
  * with interactive states for clickable items.
  *
- * Composes: Avatar, Badge, MoneyDisplay, Icon, DateFormatter, Typography, Stack
+ * Composes: Avatar, CategoryLabel, StatusLabel, MoneyDisplay, Icon, DateFormatter, Typography, Stack
  */
 export declare const TransactionListItem: React.FC<TransactionListItemProps>;

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

@@ -34,6 +34,6 @@ export interface TransactionListItemProps {
  * status, and optional metadata (category, receipt, notes). Minimum height 72px
  * with interactive states for clickable items.
  *
- * Composes: Avatar, Badge, MoneyDisplay, Icon, DateFormatter, Typography, Stack
+ * Composes: Avatar, CategoryLabel, StatusLabel, MoneyDisplay, Icon, DateFormatter, Typography, Stack
  */
 export declare const TransactionListItem: React.FC<TransactionListItemProps>;

package/dist/components/molecules/TransactionListItem/TransactionListItem.mjs

@@ -4,7 +4,7 @@ import { jsxs, jsx } from 'react/jsx-runtime';
 import styled$module from 'styled-components';
 const styled = styled$module.default || styled$module;
 import { Avatar } from '../../atoms/Avatar/Avatar.mjs';
-import { Badge } from '../../atoms/Badge/Badge.mjs';
+import { StatusLabel } from '../../atoms/StatusLabel/StatusLabel.mjs';
 import { CategoryLabel } from '../../atoms/CategoryLabel/CategoryLabel.mjs';
 import { MoneyDisplay } from '../../atoms/MoneyDisplay/MoneyDisplay.mjs';
 import { Icon } from '../../atoms/Icon/Icon.mjs';
@@ -56,28 +56,30 @@ var StyledTruncatedText = /*#__PURE__*/styled.span.withConfig({
 ])));
 // Map categories to CategoryLabel configurations
 var categoryConfig = {
+  // Display colours carry no meaning (decision 0043); five coloured categories share four colours,
+  // so the icon and label tell dining and bills apart
   shopping: {
-    color: 'purple',
+    color: 'magenta',
     icon: 'paper',
     label: 'Shopping'
   },
   dining: {
-    color: 'orange',
+    color: 'rose',
     icon: 'paper',
     label: 'Dining'
   },
   transport: {
-    color: 'blue',
+    color: 'periwinkle',
     icon: 'paper',
     label: 'Transport'
   },
   entertainment: {
-    color: 'pink',
+    color: 'olive',
     icon: 'star',
     label: 'Entertainment'
   },
   bills: {
-    color: 'red',
+    color: 'rose',
     icon: 'paper',
     label: 'Bills'
   },
@@ -87,12 +89,6 @@ var categoryConfig = {
     label: 'Other'
   }
 };
-// Map status to badge variant
-var statusToBadgeVariant = {
-  completed: 'success',
-  pending: 'warning',
-  failed: 'error'
-};
 /**
  * TransactionListItem component
  *
@@ -100,7 +96,7 @@ var statusToBadgeVariant = {
  * status, and optional metadata (category, receipt, notes). Minimum height 72px
  * with interactive states for clickable items.
  *
- * Composes: Avatar, Badge, MoneyDisplay, Icon, DateFormatter, Typography, Stack
+ * Composes: Avatar, CategoryLabel, StatusLabel, MoneyDisplay, Icon, DateFormatter, Typography, Stack
  */
 var TransactionListItem = function TransactionListItem(_a) {
   var merchant = _a.merchant,
@@ -124,8 +120,6 @@ var TransactionListItem = function TransactionListItem(_a) {
   var amountVariant = amount > 0 ? 'positive' : amount < 0 ? 'negative' : 'default';
   // Get category configuration
   var categoryData = category ? categoryConfig[category] : undefined;
-  // Get badge variant from status
-  var badgeVariant = statusToBadgeVariant[status];
   var handleClick = function handleClick() {
     if (isClickable && onClick) {
       onClick();
@@ -143,19 +137,10 @@ var TransactionListItem = function TransactionListItem(_a) {
     onKeyDown: handleKeyDown,
     tabIndex: isClickable ? 0 : undefined,
     role: isClickable ? 'button' : undefined,
-    "aria-label": isClickable ? "".concat(merchant, " transaction, ").concat(amount < 0 ? 'expense' : 'income', " of ").concat(Math.abs(amount)) : undefined,
+    "aria-label": isClickable ? "".concat(merchant, " transaction, ").concat(amount < 0 ? 'expense' : 'income', " of ").concat(Math.abs(amount)).concat(status === 'completed' ? '' : ", ".concat(status)) : undefined,
     "data-testid": dataTestId,
     children: [jsx(StyledAvatarSection, {
-      children: status === 'pending' ? jsx(Badge, {
-        variant: badgeVariant,
-        dot: true,
-        "aria-label": "Pending transaction",
-        children: jsx(Avatar, {
-          name: merchant,
-          picture: merchantLogo,
-          size: "md"
-        })
-      }) : jsx(Avatar, {
+      children: jsx(Avatar, {
         name: merchant,
         picture: merchantLogo,
         size: "md"
@@ -175,11 +160,10 @@ var TransactionListItem = function TransactionListItem(_a) {
             variant: "minimal",
             "aria-label": "Category: ".concat(categoryData.label),
             children: categoryData.label
-          }), status === 'failed' && jsx(Badge, {
-            variant: "error",
-            dot: true,
-            "aria-label": "Failed transaction",
-            children: jsx("span", {})
+          }), status !== 'completed' && jsx(StatusLabel, {
+            status: status,
+            size: "small",
+            liveRegion: false
           })]
         }), jsx(MoneyDisplay, {
           amount: amount,