@common-origin/design-system 2.23.0 → 3.1.0

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

@@ -7,70 +7,44 @@ import { StyledChip } from './shared/ChipBase.mjs';
  * Chip - a static, non-interactive label for tags, categories and metadata.
  *
  * Chips are classified by job (decision 0016):
- * - Chip: a static label (`default` variant only)
- * - InputChip: a removable value, such as an applied filter (formerly `FilterChip`)
- * - BooleanChip: toggles a filter on and off (becomes `FilterChip` in 3.0)
+ * - Chip: a static label
+ * - FilterChip: toggles a filter on and off
+ * - InputChip: a removable value, such as an applied filter
+ * - SuggestionChip: fills the agent input with a suggestion
  *
- * The `emphasis`, `subtle`, `interactive`, `light` and `dark` variants and `onClick` are
- * deprecated and will be removed in 3.0.
+ * For a clickable action, use a Button.
  */
 var Chip = function Chip(_a) {
-  var children = _a.children,
-    _b = _a.variant,
-    variant = _b === void 0 ? 'default' : _b;
-    // Deprecated and ignored: chips have one size (decision 0035)
-    _a.size;
-    var onClick = _a.onClick,
-    _c = _a.disabled,
-    disabled = _c === void 0 ? false : _c,
+  var children = _a.children;
+    // One variant: a removed one passed from plain JavaScript renders as default
+    _a.variant;
+    var _b = _a.disabled,
+    disabled = _b === void 0 ? false : _b,
     dataTestId = _a["data-testid"],
     ariaLabel = _a["aria-label"],
     ariaDescribedBy = _a["aria-describedby"],
     role = _a.role,
     title = _a.title,
-    props = __rest(_a, ["children", "variant", "size", "onClick", "disabled", 'data-testid', 'aria-label', 'aria-describedby', "role", "title"]);
-  var isClickable = Boolean(onClick && !disabled);
-  // Map legacy variants to new variants
-  var normalizedVariant = variant === 'light' ? 'default' : variant === 'dark' ? 'emphasis' : variant;
+    props = __rest(_a, ["children", "variant", "disabled", 'data-testid', 'aria-label', 'aria-describedby', "role", "title"]);
+  // Removed props passed from plain JavaScript stay off the DOM
+  var _c = props;
+    _c.onClick;
+    _c.size;
+    var domProps = __rest(_c, ["onClick", "size"]);
   // Support legacy title prop
   var content = children !== undefined ? children : title;
-  var handleClick = function handleClick() {
-    if (onClick && !disabled) {
-      onClick();
-    }
-  };
-  var handleKeyDown = function handleKeyDown(event) {
-    if (isClickable && (event.key === 'Enter' || event.key === ' ')) {
-      event.preventDefault();
-      handleClick();
-    }
-  };
   return jsx(StyledChip, __assign({
-    "$variant": normalizedVariant,
+    "$surface": "default",
     "$disabled": disabled || undefined,
-    "$clickable": isClickable || undefined,
-    onClick: isClickable ? handleClick : undefined,
-    onKeyDown: handleKeyDown,
-    tabIndex: isClickable ? 0 : undefined,
-    role: role || (isClickable ? 'button' : undefined),
+    role: role,
     "aria-label": ariaLabel,
     "aria-describedby": ariaDescribedBy,
     "aria-disabled": disabled ? 'true' : undefined,
     "data-testid": dataTestId
-  }, props, {
+  }, domProps, {
     children: content
   }));
 };
-var LegacyChip = function LegacyChip(_a) {
-  var title = _a.title,
-    _b = _a.variant,
-    variant = _b === void 0 ? 'light' : _b;
-  var newVariant = variant === 'dark' ? 'emphasis' : 'default';
-  return jsx(Chip, {
-    variant: newVariant,
-    children: title
-  });
-};
 
-export { Chip, LegacyChip };
+export { Chip };
 //# sourceMappingURL=Chip.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"Chip.mjs","sources":["../../../../src/components/atoms/Chip/Chip.tsx"],"sourcesContent":["import React from 'react'\nimport { BaseChipProps, ChipVariant, LegacyVariant } from './shared/types'\nimport { StyledChip } from './shared/ChipBase'\n\nexport interface ChipProps extends BaseChipProps {\n  /**\n   * Visual style. Only `default` stays in 3.0. `emphasis`, `subtle`, `interactive`, `light`\n   * and `dark` are deprecated and will be removed (decision 0016).\n   * @default 'default'\n   */\n  variant?: ChipVariant | LegacyVariant\n  /**\n   * Click handler.\n   * @deprecated Removed in 3.0: the static Chip is not interactive. For a clickable action use a\n   * Button; for a toggle use `BooleanChip` (`FilterChip` in 3.0).\n   */\n  onClick?: () => void\n  /** Custom ARIA role override */\n  role?: string\n  /** Legacy title prop for backward compatibility */\n  title?: string\n}\n\n/**\n * Chip - a static, non-interactive label for tags, categories and metadata.\n *\n * Chips are classified by job (decision 0016):\n * - Chip: a static label (`default` variant only)\n * - InputChip: a removable value, such as an applied filter (formerly `FilterChip`)\n * - BooleanChip: toggles a filter on and off (becomes `FilterChip` in 3.0)\n *\n * The `emphasis`, `subtle`, `interactive`, `light` and `dark` variants and `onClick` are\n * deprecated and will be removed in 3.0.\n */\nexport const Chip: React.FC<ChipProps> = ({\n  children,\n  variant = 'default',\n  // Deprecated and ignored: chips have one size (decision 0035)\n  size: _size,\n  onClick,\n  disabled = false,\n  'data-testid': dataTestId,\n  'aria-label': ariaLabel,\n  'aria-describedby': ariaDescribedBy,\n  role,\n  title,\n  ...props\n}) => {\n  const isClickable = Boolean(onClick && !disabled)\n  \n  // Map legacy variants to new variants\n  const normalizedVariant: ChipVariant = \n    variant === 'light' ? 'default' :\n    variant === 'dark' ? 'emphasis' :\n    variant as ChipVariant\n  \n  // Support legacy title prop\n  const content = children !== undefined ? children : title\n  \n  const handleClick = () => {\n    if (onClick && !disabled) {\n      onClick()\n    }\n  }\n  \n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    if (isClickable && (event.key === 'Enter' || event.key === ' ')) {\n      event.preventDefault()\n      handleClick()\n    }\n  }\n  \n  return (\n    <StyledChip\n      $variant={normalizedVariant}\n      $disabled={disabled || undefined}\n      $clickable={isClickable || undefined}\n      onClick={isClickable ? handleClick : undefined}\n      onKeyDown={handleKeyDown}\n      tabIndex={isClickable ? 0 : undefined}\n      role={role || (isClickable ? 'button' : undefined)}\n      aria-label={ariaLabel}\n      aria-describedby={ariaDescribedBy}\n      aria-disabled={disabled ? 'true' : undefined}\n      data-testid={dataTestId}\n      {...props}\n    >\n      {content}\n    </StyledChip>\n  )\n}\n\n// Legacy component for backward compatibility\nexport interface LegacyChipProps {\n  title: string\n  variant?: LegacyVariant\n}\n\nexport const LegacyChip: React.FC<LegacyChipProps> = ({ title, variant = 'light' }) => {\n  const newVariant = variant === 'dark' ? 'emphasis' : 'default'\n  return <Chip variant={newVariant}>{title}</Chip>\n}\n"],"names":["Chip","_a","children","_b","variant","size","onClick","_c","disabled","dataTestId","ariaLabel","ariaDescribedBy","role","title","props","__rest","isClickable","Boolean","normalizedVariant","content","undefined","handleClick","handleKeyDown","event","key","preventDefault","_jsx","StyledChip","__assign","onKeyDown","tabIndex","LegacyChip","newVariant"],"mappings":"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"}
+{"version":3,"file":"Chip.mjs","sources":["../../../../src/components/atoms/Chip/Chip.tsx"],"sourcesContent":["import React from 'react'\nimport { BaseChipProps, ChipVariant } from './shared/types'\nimport { StyledChip } from './shared/ChipBase'\n\nexport interface ChipProps extends BaseChipProps {\n  /**\n   * Visual style. The static Chip has one, `default` (decision 0016).\n   * @default 'default'\n   */\n  variant?: ChipVariant\n  /** Custom ARIA role override */\n  role?: string\n  /** Legacy title prop for backward compatibility */\n  title?: string\n}\n\n/**\n * Chip - a static, non-interactive label for tags, categories and metadata.\n *\n * Chips are classified by job (decision 0016):\n * - Chip: a static label\n * - FilterChip: toggles a filter on and off\n * - InputChip: a removable value, such as an applied filter\n * - SuggestionChip: fills the agent input with a suggestion\n *\n * For a clickable action, use a Button.\n */\nexport const Chip: React.FC<ChipProps> = ({\n  children,\n  // One variant: a removed one passed from plain JavaScript renders as default\n  variant: _variant,\n  disabled = false,\n  'data-testid': dataTestId,\n  'aria-label': ariaLabel,\n  'aria-describedby': ariaDescribedBy,\n  role,\n  title,\n  ...props\n}) => {\n  // Removed props passed from plain JavaScript stay off the DOM\n  const { onClick: _onClick, size: _size, ...domProps } = props as typeof props & { onClick?: unknown; size?: unknown }\n\n  // Support legacy title prop\n  const content = children !== undefined ? children : title\n\n  return (\n    <StyledChip\n      $surface=\"default\"\n      $disabled={disabled || undefined}\n      role={role}\n      aria-label={ariaLabel}\n      aria-describedby={ariaDescribedBy}\n      aria-disabled={disabled ? 'true' : undefined}\n      data-testid={dataTestId}\n      {...domProps}\n    >\n      {content}\n    </StyledChip>\n  )\n}\n"],"names":["Chip","_a","children","variant","_b","disabled","dataTestId","ariaLabel","ariaDescribedBy","role","title","props","__rest","_c","onClick","size","domProps","content","undefined","_jsx","StyledChip","__assign"],"mappings":";;;;;AAgBA;;;;;;;;;;AAUG;IACUA,IAAI,GAAwB,SAA5BA,IAAIA,CAAyBC,EAWzC,EAAA;AAVC,EAAA,IAAAC,QAAQ,GAAAD,EAAA,CAAAC,QAAA,CAAA;AACR,IAAA;IACiBD,EAAA,CAAAE,OAAA,CAAA;QACjBC,EAAA,GAAAH,EAAA,CAAAI,QAAgB,CAAA;IAAhBA,QAAQ,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA,CAAA;AACDE,IAAAA,UAAU,GAAAL,EAAA,CAAA,aAAA,CAAA,CAAA;AACXM,IAAAA,SAAS,GAAAN,EAAA,CAAA,YAAA,CAAA,CAAA;AACHO,IAAAA,eAAe,GAAAP,EAAA,CAAA,kBAAA,CAAA,CAAA;IACnCQ,IAAI,GAAAR,EAAA,CAAAQ,IAAA,CAAA;IACJC,KAAK,GAAAT,EAAA,CAAAS,KAAA,CAAA;IACFC,KAAK,GAVgCC,MAAA,CAAAX,EAAA,EAAA,CAAA,UAAA,EAAA,SAAA,EAAA,UAAA,EAAA,aAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,OAAA,CAWzC,EADS;AAER;EACMY,IAAAA,EAAkD,GAAAF,KAA6D,CAAA;IAA5FE,EAAA,CAAAC,OAAA,CAAA;IAAaD,EAAA,CAAAE,IAAA,CAAA;QAAKC,QAAQ,GAA7CJ,MAAA,CAAAC,EAAA,EAAA,CAAA,SAAA,EAAA,MAAA,CAA+C,EAAgE;AAErH;EACA,IAAMI,OAAO,GAAGf,QAAQ,KAAKgB,SAAS,GAAGhB,QAAQ,GAAGQ,KAAK,CAAA;AAEzD,EAAA,OACES,GAAA,CAACC,UAAU,EAAAC,QAAA,CAAA;AAAA,IAAA,UAAA,EACA,SAAS;IACP,WAAA,EAAAhB,QAAQ,IAAIa,SAAS;AAChCT,IAAAA,IAAI,EAAEA,IAAI;AAAA,IAAA,YAAA,EACEF,SAAS;AACH,IAAA,kBAAA,EAAAC,eAAe;AAClB,IAAA,eAAA,EAAAH,QAAQ,GAAG,MAAM,GAAGa,SAAS;AAC/B,IAAA,aAAA,EAAAZ,UAAAA;KACTU,QAAQ,EAAA;AAAAd,IAAAA,QAAA,EAEXe,OAAAA;AAAO,GAAA,CAAA,CACG,CAAA;AAEjB;;;;"}

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

@@ -1,13 +1,25 @@
-import { type InputChipProps } from './InputChip.mjs';
+import React from 'react';
+import { BaseChipProps } from './shared/types.mjs';
+export interface FilterChipProps extends BaseChipProps {
+    /** Whether the chip is in selected state */
+    selected: boolean;
+    /** Callback function when the chip is clicked/toggled */
+    onClick: () => void;
+}
 /**
- * @deprecated Renamed to `InputChipProps`. In 3.0 `FilterChipProps` becomes the props of the toggle chip.
- */
-export type FilterChipProps = InputChipProps;
-/**
- * FilterChip - a removable chip with an optional selected state.
+ * FilterChip - Toggleable chip for quick filter controls (decision 0016)
+ *
+ * Use this component for multi-select filter controls where users can
+ * see which options are active. Common in table filtering patterns where
+ * users toggle filters on/off.
+ *
+ * Features:
+ * - Shows checkmark icon when selected
+ * - Entire chip is clickable to toggle
+ * - Keyboard activation with Space or Enter
+ * - Uses checkbox role with aria-checked
+ * - Light-blue fill and blue text when selected and enabled; disabled colours when disabled
  *
- * @deprecated Renamed to `InputChip`; in 3.0 `FilterChip` becomes the toggle chip (today's
- * `BooleanChip`). Replace `FilterChip` with `InputChip` first, then `BooleanChip` with
- * `FilterChip` when you upgrade to 3.0 (decision 0016).
+ * Called `BooleanChip` before 3.0. For a removable value, use InputChip.
  */
-export declare const FilterChip: import("react").FC<InputChipProps>;
+export declare const FilterChip: React.FC<FilterChipProps>;

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

@@ -1,13 +1,25 @@
-import { type InputChipProps } from './InputChip';
+import React from 'react';
+import { BaseChipProps } from './shared/types';
+export interface FilterChipProps extends BaseChipProps {
+    /** Whether the chip is in selected state */
+    selected: boolean;
+    /** Callback function when the chip is clicked/toggled */
+    onClick: () => void;
+}
 /**
- * @deprecated Renamed to `InputChipProps`. In 3.0 `FilterChipProps` becomes the props of the toggle chip.
- */
-export type FilterChipProps = InputChipProps;
-/**
- * FilterChip - a removable chip with an optional selected state.
+ * FilterChip - Toggleable chip for quick filter controls (decision 0016)
+ *
+ * Use this component for multi-select filter controls where users can
+ * see which options are active. Common in table filtering patterns where
+ * users toggle filters on/off.
+ *
+ * Features:
+ * - Shows checkmark icon when selected
+ * - Entire chip is clickable to toggle
+ * - Keyboard activation with Space or Enter
+ * - Uses checkbox role with aria-checked
+ * - Light-blue fill and blue text when selected and enabled; disabled colours when disabled
  *
- * @deprecated Renamed to `InputChip`; in 3.0 `FilterChip` becomes the toggle chip (today's
- * `BooleanChip`). Replace `FilterChip` with `InputChip` first, then `BooleanChip` with
- * `FilterChip` when you upgrade to 3.0 (decision 0016).
+ * Called `BooleanChip` before 3.0. For a removable value, use InputChip.
  */
-export declare const FilterChip: import("react").FC<InputChipProps>;
+export declare const FilterChip: React.FC<FilterChipProps>;

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

@@ -1,14 +1,74 @@
 'use client';
-import { InputChip } from './InputChip.mjs';
+import { __rest, __assign } from '../../../vendor/tslib/tslib.es6.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Icon } from '../Icon/Icon.mjs';
+import { StyledChip, IconContainer } from './shared/ChipBase.mjs';
 
 /**
- * FilterChip - a removable chip with an optional selected state.
+ * FilterChip - Toggleable chip for quick filter controls (decision 0016)
  *
- * @deprecated Renamed to `InputChip`; in 3.0 `FilterChip` becomes the toggle chip (today's
- * `BooleanChip`). Replace `FilterChip` with `InputChip` first, then `BooleanChip` with
- * `FilterChip` when you upgrade to 3.0 (decision 0016).
+ * Use this component for multi-select filter controls where users can
+ * see which options are active. Common in table filtering patterns where
+ * users toggle filters on/off.
+ *
+ * Features:
+ * - Shows checkmark icon when selected
+ * - Entire chip is clickable to toggle
+ * - Keyboard activation with Space or Enter
+ * - Uses checkbox role with aria-checked
+ * - Light-blue fill and blue text when selected and enabled; disabled colours when disabled
+ *
+ * Called `BooleanChip` before 3.0. For a removable value, use InputChip.
  */
-var FilterChip = InputChip;
+var FilterChip = function FilterChip(_a) {
+  var children = _a.children,
+    selected = _a.selected,
+    onClick = _a.onClick,
+    _b = _a.disabled,
+    disabled = _b === void 0 ? false : _b,
+    dataTestId = _a["data-testid"],
+    ariaLabel = _a["aria-label"],
+    ariaDescribedBy = _a["aria-describedby"],
+    props = __rest(_a, ["children", "selected", "onClick", "disabled", 'data-testid', 'aria-label', 'aria-describedby']);
+  var handleClick = function handleClick() {
+    // Optional call: a plain JavaScript app that kept the pre-3.0 FilterChip (now InputChip) passes
+    // no onClick, and its chip should stay inert rather than throw
+    if (!disabled) {
+      onClick === null || onClick === void 0 ? void 0 : onClick();
+    }
+  };
+  var handleKeyDown = function handleKeyDown(event) {
+    // Handle activation with Space or Enter
+    if (event.key === 'Enter' || event.key === ' ') {
+      event.preventDefault();
+      handleClick();
+    }
+  };
+  return jsxs(StyledChip, __assign({
+    "$surface": "subtle",
+    "$disabled": disabled || undefined,
+    "$clickable": !disabled,
+    "$selected": selected,
+    onClick: handleClick,
+    onKeyDown: handleKeyDown,
+    tabIndex: disabled ? undefined : 0,
+    role: "checkbox",
+    "aria-checked": selected ? 'true' : 'false',
+    "aria-label": ariaLabel,
+    "aria-describedby": ariaDescribedBy,
+    "aria-disabled": disabled ? 'true' : undefined,
+    "data-testid": dataTestId
+  }, props, {
+    children: [selected && jsx(IconContainer, {
+      "aria-hidden": "true",
+      children: jsx(Icon, {
+        name: "check",
+        size: "sm",
+        iconColor: "inherit"
+      })
+    }), children]
+  }));
+};
 
 export { FilterChip };
 //# sourceMappingURL=FilterChip.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"FilterChip.mjs","sources":["../../../../src/components/atoms/Chip/FilterChip.tsx"],"sourcesContent":["import { InputChip, type InputChipProps } from './InputChip'\n\n/**\n * @deprecated Renamed to `InputChipProps`. In 3.0 `FilterChipProps` becomes the props of the toggle chip.\n */\nexport type FilterChipProps = InputChipProps\n\n/**\n * FilterChip - a removable chip with an optional selected state.\n *\n * @deprecated Renamed to `InputChip`; in 3.0 `FilterChip` becomes the toggle chip (today's\n * `BooleanChip`). Replace `FilterChip` with `InputChip` first, then `BooleanChip` with\n * `FilterChip` when you upgrade to 3.0 (decision 0016).\n */\nexport const FilterChip = InputChip\n"],"names":["FilterChip","InputChip"],"mappings":";;;AAOA;;;;;;AAMG;AACI,IAAMA,UAAU,GAAGC;;;;"}
+{"version":3,"file":"FilterChip.mjs","sources":["../../../../src/components/atoms/Chip/FilterChip.tsx"],"sourcesContent":["import React from 'react'\nimport { Icon } from '../Icon'\nimport { BaseChipProps } from './shared/types'\nimport { StyledChip, IconContainer } from './shared/ChipBase'\n\nexport interface FilterChipProps extends BaseChipProps {\n  /** Whether the chip is in selected state */\n  selected: boolean\n  /** Callback function when the chip is clicked/toggled */\n  onClick: () => void\n}\n\n/**\n * FilterChip - Toggleable chip for quick filter controls (decision 0016)\n * \n * Use this component for multi-select filter controls where users can\n * see which options are active. Common in table filtering patterns where\n * users toggle filters on/off.\n * \n * Features:\n * - Shows checkmark icon when selected\n * - Entire chip is clickable to toggle\n * - Keyboard activation with Space or Enter\n * - Uses checkbox role with aria-checked\n * - Light-blue fill and blue text when selected and enabled; disabled colours when disabled\n *\n * Called `BooleanChip` before 3.0. For a removable value, use InputChip.\n */\nexport const FilterChip: React.FC<FilterChipProps> = ({\n  children,\n  selected,\n  onClick,\n  disabled = false,\n  'data-testid': dataTestId,\n  'aria-label': ariaLabel,\n  'aria-describedby': ariaDescribedBy,\n  ...props\n}) => {\n  const handleClick = () => {\n    // Optional call: a plain JavaScript app that kept the pre-3.0 FilterChip (now InputChip) passes\n    // no onClick, and its chip should stay inert rather than throw\n    if (!disabled) {\n      onClick?.()\n    }\n  }\n  \n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    // Handle activation with Space or Enter\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault()\n      handleClick()\n    }\n  }\n  \n  return (\n    <StyledChip\n      $surface=\"subtle\"\n      $disabled={disabled || undefined}\n      $clickable={!disabled}\n      $selected={selected}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      tabIndex={disabled ? undefined : 0}\n      role=\"checkbox\"\n      aria-checked={selected ? 'true' : 'false'}\n      aria-label={ariaLabel}\n      aria-describedby={ariaDescribedBy}\n      aria-disabled={disabled ? 'true' : undefined}\n      data-testid={dataTestId}\n      {...props}\n    >\n      {/* Show selected indicator when selected */}\n      {selected && (\n        <IconContainer aria-hidden=\"true\">\n          <Icon name=\"check\" size=\"sm\" iconColor=\"inherit\" />\n        </IconContainer>\n      )}\n      \n      {children}\n    </StyledChip>\n  )\n}\n"],"names":["FilterChip","_a","children","selected","onClick","_b","disabled","dataTestId","ariaLabel","ariaDescribedBy","props","__rest","handleClick","handleKeyDown","event","key","preventDefault","_jsxs","StyledChip","__assign","undefined","onKeyDown","tabIndex","role","_jsx","IconContainer","Icon","name","size","iconColor"],"mappings":";;;;;;AAYA;;;;;;;;;;;;;;;AAeG;IACUA,UAAU,GAA8B,SAAxCA,UAAUA,CAA+BC,EASrD,EAAA;AARC,EAAA,IAAAC,QAAQ,GAAAD,EAAA,CAAAC,QAAA;IACRC,QAAQ,GAAAF,EAAA,CAAAE,QAAA;IACRC,OAAO,GAAAH,EAAA,CAAAG,OAAA;IACPC,EAAA,GAAAJ,EAAA,CAAAK,QAAgB;IAAhBA,QAAQ,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,KAAK,GAAAA,EAAA;AACDE,IAAAA,UAAU,GAAAN,EAAA,CAAA,aAAA,CAAA;AACXO,IAAAA,SAAS,GAAAP,EAAA,CAAA,YAAA,CAAA;AACHQ,IAAAA,eAAe,GAAAR,EAAA,CAAA,kBAAA,CAAA;IAChCS,KAAK,GAR4CC,MAAA,CAAAV,EAAA,EAAA,CAAA,UAAA,EAAA,UAAA,EAAA,SAAA,EAAA,UAAA,EAAA,aAAA,EAAA,YAAA,EAAA,kBAAA,CASrD,CADS,CAAA;AAER,EAAA,IAAMW,WAAW,GAAG,SAAdA,WAAWA,GAAG;AAClB;AACA;IACA,IAAI,CAACN,QAAQ,EAAE;AACbF,MAAAA,OAAO,KAAP,IAAA,IAAAA,OAAO,KAAP,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,OAAO,EAAI,CAAA;AACb,KAAA;GACD,CAAA;AAED,EAAA,IAAMS,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,KAA0B,EAAA;AAC/C;IACA,IAAIA,KAAK,CAACC,GAAG,KAAK,OAAO,IAAID,KAAK,CAACC,GAAG,KAAK,GAAG,EAAE;MAC9CD,KAAK,CAACE,cAAc,EAAE,CAAA;AACtBJ,MAAAA,WAAW,EAAE,CAAA;AACf,KAAA;GACD,CAAA;AAED,EAAA,OACEK,KAACC,UAAU,EAAAC,QAAA,CAAA;AAAA,IAAA,UAAA,EACA,QAAQ;IACN,WAAA,EAAAb,QAAQ,IAAIc,SAAS;IAAA,YAAA,EACpB,CAACd,QAAQ;AAAA,IAAA,WAAA,EACVH,QAAQ;AACnBC,IAAAA,OAAO,EAAEQ,WAAW;AACpBS,IAAAA,SAAS,EAAER,aAAa;AACxBS,IAAAA,QAAQ,EAAEhB,QAAQ,GAAGc,SAAS,GAAG,CAAC;AAClCG,IAAAA,IAAI,EAAC,UAAU;oBACDpB,QAAQ,GAAG,MAAM,GAAG,OAAO;kBAC7BK,SAAS;AAAA,IAAA,kBAAA,EACHC,eAAe;AAClB,IAAA,eAAA,EAAAH,QAAQ,GAAG,MAAM,GAAGc,SAAS;AAAA,IAAA,aAAA,EAC/Bb,UAAAA;GACT,EAAAG,KAAK;eAGRP,QAAQ,IACPqB,GAAA,CAACC,aAAa,EAAA;AAAA,MAAA,aAAA,EAAa,MAAM;AAC/BvB,MAAAA,QAAA,EAAAsB,GAAA,CAACE,IAAI,EAAC;AAAAC,QAAAA,IAAI,EAAC,OAAO;AAACC,QAAAA,IAAI,EAAC,IAAI;AAACC,QAAAA,SAAS,EAAC,SAAA;OAAY,CAAA;KAAA,CAEtD,EAEA3B,QAAQ,CAAA;AACE,GAAA,CAAA,CAAA,CAAA;AAEjB;;;;"}

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

@@ -24,16 +24,14 @@ var InputChip = function InputChip(_a) {
   var children = _a.children,
     _b = _a.selected,
     selected = _b === void 0 ? false : _b,
-    onDismiss = _a.onDismiss;
-    // Deprecated and ignored: chips have one size (decision 0035)
-    _a.size;
-    var _c = _a.disabled,
+    onDismiss = _a.onDismiss,
+    _c = _a.disabled,
     disabled = _c === void 0 ? false : _c,
     dataTestId = _a["data-testid"],
     ariaLabel = _a["aria-label"],
     ariaDescribedBy = _a["aria-describedby"],
     role = _a.role,
-    props = __rest(_a, ["children", "selected", "onDismiss", "size", "disabled", 'data-testid', 'aria-label', 'aria-describedby', "role"]);
+    props = __rest(_a, ["children", "selected", "onDismiss", "disabled", 'data-testid', 'aria-label', 'aria-describedby', "role"]);
   var isDismissible = Boolean(onDismiss);
   var handleDismiss = function handleDismiss(event) {
     event.stopPropagation(); // Prevent event bubbling
@@ -57,7 +55,7 @@ var InputChip = function InputChip(_a) {
   // Generate accessible label for close button
   var closeButtonLabel = typeof children === 'string' ? "Remove ".concat(children) : 'Remove filter';
   return jsxs(StyledChip, __assign({
-    "$variant": "subtle",
+    "$surface": "subtle",
     "$disabled": disabled || undefined,
     "$clickable": false,
     "$selected": selected,

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

@@ -1 +1 @@
-{"version":3,"file":"InputChip.mjs","sources":["../../../../src/components/atoms/Chip/InputChip.tsx"],"sourcesContent":["import React from 'react'\nimport { Icon } from '../Icon'\nimport { BaseChipProps } from './shared/types'\nimport { StyledChip, IconContainer, CloseButton } from './shared/ChipBase'\n\nexport interface InputChipProps extends BaseChipProps {\n  /** Whether the filter is in selected/applied state */\n  selected?: boolean\n  /** Callback function when the chip is dismissed via close button or keyboard */\n  onDismiss?: () => void\n  /** Custom ARIA role override */\n  role?: string\n}\n\n/**\n * InputChip - A removable value, such as an applied filter, with an optional selected state\n * \n * Use this component to show values the user has entered or applied, such as filters.\n * When selected, displays a checkmark on the light-blue selected treatment (decision 0016).\n * A selected disabled chip uses the disabled colours and keeps its checkmark.\n * Optionally dismissible when onDismiss is provided.\n * \n * Features:\n * - Shows checkmark icon when selected\n * - Light-blue fill and blue text when selected and enabled; disabled colours when disabled\n * - Optional close (×) button when onDismiss is provided\n * - Keyboard dismissal with Delete or Backspace keys (when dismissible)\n * - Non-clickable body (only close button is interactive when present)\n * - Announces as \"status\" to screen readers\n */\nexport const InputChip: React.FC<InputChipProps> = ({\n  children,\n  selected = false,\n  onDismiss,\n  // Deprecated and ignored: chips have one size (decision 0035)\n  size: _size,\n  disabled = false,\n  'data-testid': dataTestId,\n  'aria-label': ariaLabel,\n  'aria-describedby': ariaDescribedBy,\n  role,\n  ...props\n}) => {\n  const isDismissible = Boolean(onDismiss)\n  \n  const handleDismiss = (event: React.MouseEvent) => {\n    event.stopPropagation() // Prevent event bubbling\n    if (!disabled && onDismiss) {\n      onDismiss()\n    }\n  }\n  \n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    // Handle dismiss with Delete or Backspace (only when dismissible)\n    if (!disabled && isDismissible && onDismiss && (event.key === 'Delete' || event.key === 'Backspace')) {\n      event.preventDefault()\n      onDismiss()\n    }\n  }\n  \n  const handleCloseKeyDown = (event: React.KeyboardEvent) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault()\n      if (!disabled && onDismiss) onDismiss()\n    }\n  }\n  \n  // Generate accessible label for close button\n  const closeButtonLabel = typeof children === 'string' ? `Remove ${children}` : 'Remove filter'\n  \n  return (\n    <StyledChip\n      $variant=\"subtle\"\n      $disabled={disabled || undefined}\n      $clickable={false}\n      $selected={selected}\n      onKeyDown={handleKeyDown}\n      role={role || 'status'}\n      aria-label={ariaLabel}\n      aria-describedby={ariaDescribedBy}\n      aria-disabled={disabled ? 'true' : undefined}\n      data-testid={dataTestId}\n      {...props}\n    >\n      {/* Show selected indicator when selected */}\n      {selected && (\n        <IconContainer aria-hidden=\"true\">\n          <Icon name=\"check\" size=\"sm\" iconColor=\"inherit\" />\n        </IconContainer>\n      )}\n      \n      {children}\n      \n      {/* Show close button only when dismissible */}\n      {isDismissible && (\n        <CloseButton\n          type=\"button\"\n          onClick={handleDismiss}\n          onKeyDown={handleCloseKeyDown}\n          disabled={disabled}\n          $disabled={disabled}\n          aria-label={closeButtonLabel}\n          tabIndex={0}\n          data-testid={dataTestId ? `${dataTestId}-close` : undefined}\n        >\n          <Icon name=\"close\" size=\"sm\" iconColor=\"inherit\" />\n        </CloseButton>\n      )}\n    </StyledChip>\n  )\n}\n"],"names":["InputChip","_a","children","_b","selected","onDismiss","size","_c","disabled","dataTestId","ariaLabel","ariaDescribedBy","role","props","__rest","isDismissible","Boolean","handleDismiss","event","stopPropagation","handleKeyDown","key","preventDefault","handleCloseKeyDown","closeButtonLabel","concat","_jsxs","StyledChip","__assign","undefined","onKeyDown","_jsx","IconContainer","Icon","name","iconColor","CloseButton","type","onClick","tabIndex"],"mappings":"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"}
+{"version":3,"file":"InputChip.mjs","sources":["../../../../src/components/atoms/Chip/InputChip.tsx"],"sourcesContent":["import React from 'react'\nimport { Icon } from '../Icon'\nimport { BaseChipProps } from './shared/types'\nimport { StyledChip, IconContainer, CloseButton } from './shared/ChipBase'\n\nexport interface InputChipProps extends BaseChipProps {\n  /** Whether the filter is in selected/applied state */\n  selected?: boolean\n  /** Callback function when the chip is dismissed via close button or keyboard */\n  onDismiss?: () => void\n  /** Custom ARIA role override */\n  role?: string\n}\n\n/**\n * InputChip - A removable value, such as an applied filter, with an optional selected state\n * \n * Use this component to show values the user has entered or applied, such as filters.\n * When selected, displays a checkmark on the light-blue selected treatment (decision 0016).\n * A selected disabled chip uses the disabled colours and keeps its checkmark.\n * Optionally dismissible when onDismiss is provided.\n * \n * Features:\n * - Shows checkmark icon when selected\n * - Light-blue fill and blue text when selected and enabled; disabled colours when disabled\n * - Optional close (×) button when onDismiss is provided\n * - Keyboard dismissal with Delete or Backspace keys (when dismissible)\n * - Non-clickable body (only close button is interactive when present)\n * - Announces as \"status\" to screen readers\n */\nexport const InputChip: React.FC<InputChipProps> = ({\n  children,\n  selected = false,\n  onDismiss,\n  disabled = false,\n  'data-testid': dataTestId,\n  'aria-label': ariaLabel,\n  'aria-describedby': ariaDescribedBy,\n  role,\n  ...props\n}) => {\n  const isDismissible = Boolean(onDismiss)\n  \n  const handleDismiss = (event: React.MouseEvent) => {\n    event.stopPropagation() // Prevent event bubbling\n    if (!disabled && onDismiss) {\n      onDismiss()\n    }\n  }\n  \n  const handleKeyDown = (event: React.KeyboardEvent) => {\n    // Handle dismiss with Delete or Backspace (only when dismissible)\n    if (!disabled && isDismissible && onDismiss && (event.key === 'Delete' || event.key === 'Backspace')) {\n      event.preventDefault()\n      onDismiss()\n    }\n  }\n  \n  const handleCloseKeyDown = (event: React.KeyboardEvent) => {\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault()\n      if (!disabled && onDismiss) onDismiss()\n    }\n  }\n  \n  // Generate accessible label for close button\n  const closeButtonLabel = typeof children === 'string' ? `Remove ${children}` : 'Remove filter'\n  \n  return (\n    <StyledChip\n      $surface=\"subtle\"\n      $disabled={disabled || undefined}\n      $clickable={false}\n      $selected={selected}\n      onKeyDown={handleKeyDown}\n      role={role || 'status'}\n      aria-label={ariaLabel}\n      aria-describedby={ariaDescribedBy}\n      aria-disabled={disabled ? 'true' : undefined}\n      data-testid={dataTestId}\n      {...props}\n    >\n      {/* Show selected indicator when selected */}\n      {selected && (\n        <IconContainer aria-hidden=\"true\">\n          <Icon name=\"check\" size=\"sm\" iconColor=\"inherit\" />\n        </IconContainer>\n      )}\n      \n      {children}\n      \n      {/* Show close button only when dismissible */}\n      {isDismissible && (\n        <CloseButton\n          type=\"button\"\n          onClick={handleDismiss}\n          onKeyDown={handleCloseKeyDown}\n          disabled={disabled}\n          $disabled={disabled}\n          aria-label={closeButtonLabel}\n          tabIndex={0}\n          data-testid={dataTestId ? `${dataTestId}-close` : undefined}\n        >\n          <Icon name=\"close\" size=\"sm\" iconColor=\"inherit\" />\n        </CloseButton>\n      )}\n    </StyledChip>\n  )\n}\n"],"names":["InputChip","_a","children","_b","selected","onDismiss","_c","disabled","dataTestId","ariaLabel","ariaDescribedBy","role","props","__rest","isDismissible","Boolean","handleDismiss","event","stopPropagation","handleKeyDown","key","preventDefault","handleCloseKeyDown","closeButtonLabel","concat","_jsxs","StyledChip","__assign","undefined","onKeyDown","_jsx","IconContainer","Icon","name","size","iconColor","CloseButton","type","onClick","tabIndex"],"mappings":"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"}

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

@@ -1,5 +1,4 @@
 export * from './Chip.mjs';
 export * from './InputChip.mjs';
 export * from './FilterChip.mjs';
-export * from './BooleanChip.mjs';
 export * from './SuggestionChip.mjs';

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

@@ -1,5 +1,4 @@
 export * from './Chip';
 export * from './InputChip';
 export * from './FilterChip';
-export * from './BooleanChip';
 export * from './SuggestionChip';

package/dist/components/atoms/Chip/shared/types.d.mts

@@ -1,34 +1,24 @@
 import React from 'react';
 export interface BaseChipProps {
     children?: React.ReactNode;
-    /**
-     * @deprecated Ignored, and removed in 3.0. Chips have one size, 24px (decision 0035).
-     */
-    size?: 'small' | 'medium';
     disabled?: boolean;
     'data-testid'?: string;
     'aria-label'?: string;
     'aria-describedby'?: string;
 }
 /**
- * Visual variants for the static Chip. Only `default` stays in 3.0 (decision 0016):
- * chips are classified by job, not emphasis.
+ * Visual variant of the static Chip. Chips are classified by job, not emphasis, so the static
+ * Chip has only `default` (decision 0016).
  */
-export type ChipVariant = 'default'
-/** @deprecated Removed in 3.0. Chips have no emphasis levels; use `default`. */
- | 'emphasis'
-/** @deprecated Removed in 3.0. Use `default`. */
- | 'subtle'
-/** @deprecated Removed in 3.0. For a clickable action use a Button; for a toggle use `BooleanChip` (`FilterChip` in 3.0). */
- | 'interactive';
+export type ChipVariant = 'default';
+/**
+ * Internal chip surfaces: `default` for the static Chip; `subtle` for the controls (FilterChip
+ * and InputChip) before they're selected.
+ */
+export type ChipSurface = 'default' | 'subtle';
 export interface InternalStyledProps {
-    $variant: ChipVariant;
+    $surface: ChipSurface;
     $disabled?: boolean;
     $clickable?: boolean;
     $selected?: boolean;
 }
-/**
- * Legacy Chip variants.
- * @deprecated Removed in 3.0. `light` is the same as `default`; `dark` maps to the deprecated `emphasis`. Use `default`.
- */
-export type LegacyVariant = 'light' | 'dark';

package/dist/components/atoms/Chip/shared/types.d.ts

@@ -1,34 +1,24 @@
 import React from 'react';
 export interface BaseChipProps {
     children?: React.ReactNode;
-    /**
-     * @deprecated Ignored, and removed in 3.0. Chips have one size, 24px (decision 0035).
-     */
-    size?: 'small' | 'medium';
     disabled?: boolean;
     'data-testid'?: string;
     'aria-label'?: string;
     'aria-describedby'?: string;
 }
 /**
- * Visual variants for the static Chip. Only `default` stays in 3.0 (decision 0016):
- * chips are classified by job, not emphasis.
+ * Visual variant of the static Chip. Chips are classified by job, not emphasis, so the static
+ * Chip has only `default` (decision 0016).
  */
-export type ChipVariant = 'default'
-/** @deprecated Removed in 3.0. Chips have no emphasis levels; use `default`. */
- | 'emphasis'
-/** @deprecated Removed in 3.0. Use `default`. */
- | 'subtle'
-/** @deprecated Removed in 3.0. For a clickable action use a Button; for a toggle use `BooleanChip` (`FilterChip` in 3.0). */
- | 'interactive';
+export type ChipVariant = 'default';
+/**
+ * Internal chip surfaces: `default` for the static Chip; `subtle` for the controls (FilterChip
+ * and InputChip) before they're selected.
+ */
+export type ChipSurface = 'default' | 'subtle';
 export interface InternalStyledProps {
-    $variant: ChipVariant;
+    $surface: ChipSurface;
     $disabled?: boolean;
     $clickable?: boolean;
     $selected?: boolean;
 }
-/**
- * Legacy Chip variants.
- * @deprecated Removed in 3.0. `light` is the same as `default`; `dark` maps to the deprecated `emphasis`. Use `default`.
- */
-export type LegacyVariant = 'light' | 'dark';

package/dist/components/atoms/Chip/shared/utils.d.mts

@@ -1,10 +1,10 @@
-import { ChipVariant } from './types.mjs';
+import { ChipSurface } from './types.mjs';
 interface StyledChipProps {
-    $variant: ChipVariant;
+    $surface: ChipSurface;
     $disabled?: boolean;
     $clickable?: boolean;
     $selected?: boolean;
 }
-export declare const getVariantStyles: ({ $variant, $selected, $clickable, $disabled }: StyledChipProps) => string;
+export declare const getVariantStyles: ({ $surface, $selected, $clickable, $disabled }: StyledChipProps) => string;
 export declare const sizeStyles: string;
 export {};

package/dist/components/atoms/Chip/shared/utils.d.ts

@@ -1,10 +1,10 @@
-import { ChipVariant } from './types';
+import { ChipSurface } from './types';
 interface StyledChipProps {
-    $variant: ChipVariant;
+    $surface: ChipSurface;
     $disabled?: boolean;
     $clickable?: boolean;
     $selected?: boolean;
 }
-export declare const getVariantStyles: ({ $variant, $selected, $clickable, $disabled }: StyledChipProps) => string;
+export declare const getVariantStyles: ({ $surface, $selected, $clickable, $disabled }: StyledChipProps) => string;
 export declare const sizeStyles: string;
 export {};

package/dist/components/atoms/Chip/shared/utils.mjs

@@ -4,9 +4,9 @@ import { forcedColors } from '../../../../lib/styleUtils.mjs';
 
 var chip = tokens.component.chip,
   semantic = tokens.semantic;
-// Helper function to get variant styles matching Button's approach
+// The chip's fill and text for its surface and state, matching Button's approach
 var getVariantStyles = function getVariantStyles(_a) {
-  var $variant = _a.$variant,
+  var $surface = _a.$surface,
     $selected = _a.$selected,
     $clickable = _a.$clickable,
     $disabled = _a.$disabled;
@@ -25,16 +25,12 @@ var getVariantStyles = function getVariantStyles(_a) {
     var interactiveStates = $clickable;
     return "\n      background-color: ".concat(fill['accent-muted'], ";\n      color: ").concat(text.accent, ";\n      \n      &:hover {\n        background-color: ").concat(interactiveStates ? fill['accent-muted-hover'] : fill['accent-muted'], ";\n        color: ").concat(interactiveStates ? text.accent : text.accent, ";\n      }\n      \n      &:active {\n        background-color: ").concat(interactiveStates ? fill['accent-muted-pressed'] : fill['accent-muted'], ";\n        color: ").concat(interactiveStates ? text.accent : text.accent, ";\n      }\n\n      /* Forced colours drop the fill, so a selected chip takes the system selection colours\n         (decision 0038); its checkmark follows the text colour */\n      ").concat(forcedColors, " {\n        forced-color-adjust: none;\n        background-color: Highlight;\n        border-color: Highlight;\n        color: HighlightText;\n      }\n    ");
   }
-  switch ($variant) {
-    case 'emphasis':
-      return "\n        background-color: ".concat(chip.variants.emphasis.backgroundColor, ";\n        color: ").concat(chip.variants.emphasis.textColor, ";\n        \n        &:hover {\n          background-color: ").concat($disabled ? chip.variants.emphasis.disabled.backgroundColor : $clickable ? chip.variants.emphasis.hover.backgroundColor : chip.variants.emphasis.backgroundColor, ";\n        }\n        \n        &:active {\n          background-color: ").concat($disabled ? chip.variants.emphasis.disabled.backgroundColor : $clickable ? chip.variants.emphasis.active.backgroundColor : chip.variants.emphasis.backgroundColor, ";\n        }\n        \n        ").concat($disabled ? "\n          background-color: ".concat(chip.variants.emphasis.disabled.backgroundColor, ";\n          color: ").concat(chip.variants.emphasis.disabled.textColor, ";\n        ") : '', "\n      ");
+  switch ($surface) {
     case 'subtle':
       return "\n        background-color: ".concat(chip.variants.subtle.backgroundColor, ";\n        color: ").concat(chip.variants.subtle.textColor, ";\n        \n        &:hover {\n          background-color: ").concat($disabled ? chip.variants.subtle.disabled.backgroundColor : $clickable ? chip.variants.subtle.hover.backgroundColor : chip.variants.subtle.backgroundColor, ";\n        }\n        \n        &:active {\n          background-color: ").concat($disabled ? chip.variants.subtle.disabled.backgroundColor : $clickable ? chip.variants.subtle.active.backgroundColor : chip.variants.subtle.backgroundColor, ";\n        }\n        \n        ").concat($disabled ? "\n          background-color: ".concat(chip.variants.subtle.disabled.backgroundColor, ";\n          color: ").concat(chip.variants.subtle.disabled.textColor, ";\n        ") : '', "\n      ");
-    case 'interactive':
-      return "\n        background-color: ".concat(chip.variants.interactive.backgroundColor, ";\n        color: ").concat(chip.variants.interactive.textColor, ";\n        \n        &:hover {\n          background-color: ").concat($disabled ? chip.variants.interactive.disabled.backgroundColor : $clickable ? chip.variants.interactive.hover.backgroundColor : chip.variants.interactive.backgroundColor, ";\n        }\n        \n        &:active {\n          background-color: ").concat($disabled ? chip.variants.interactive.disabled.backgroundColor : $clickable ? chip.variants.interactive.active.backgroundColor : chip.variants.interactive.backgroundColor, ";\n        }\n        \n        ").concat($disabled ? "\n          background-color: ".concat(chip.variants.interactive.disabled.backgroundColor, ";\n          color: ").concat(chip.variants.interactive.disabled.textColor, ";\n        ") : '', "\n      ");
     case 'default':
     default:
-      return "\n        background-color: ".concat(chip["default"].backgroundColor, ";\n        color: ").concat(chip["default"].textColor, ";\n        \n        &:hover {\n          background-color: ").concat($disabled ? chip.disabled.backgroundColor : $clickable ? chip.hover.backgroundColor : chip["default"].backgroundColor, ";\n        }\n        \n        &:active {\n          background-color: ").concat($disabled ? chip.disabled.backgroundColor : $clickable ? chip.active.backgroundColor : chip["default"].backgroundColor, ";\n        }\n        \n        ").concat($disabled ? "\n          background-color: ".concat(chip.disabled.backgroundColor, ";\n          color: ").concat(chip.disabled.textColor, ";\n        ") : '', "\n      ");
+      return "\n        background-color: ".concat(chip["default"].backgroundColor, ";\n        color: ").concat(chip["default"].textColor, ";\n        \n        ").concat($disabled ? "\n          background-color: ".concat(chip.disabled.backgroundColor, ";\n          color: ").concat(chip.disabled.textColor, ";\n        ") : '', "\n      ");
   }
 };
 // Chips have one size: 24px from the label scale as a minimum, with the content centred

package/dist/components/atoms/Chip/shared/utils.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.mjs","sources":["../../../../../src/components/atoms/Chip/shared/utils.ts"],"sourcesContent":["import tokens from '../../../../lib/cssTokens'\nimport { forcedColors } from '../../../../lib/styleUtils'\nimport { ChipVariant } from './types'\n\nconst { component: { chip }, semantic } = tokens\n\ninterface StyledChipProps {\n  $variant: ChipVariant\n  $disabled?: boolean\n  $clickable?: boolean\n  $selected?: boolean\n}\n\n// Helper function to get variant styles matching Button's approach\nexport const getVariantStyles = ({ $variant, $selected, $clickable, $disabled }: StyledChipProps) => {\n  // Selected filter and input chips use the light-blue selected treatment (decision 0016).\n  // The text darkens with the fill so every state stays at least 4.5:1.\n  if ($selected) {\n    // A selected disabled chip looks like any disabled chip; the checkmark keeps the\n    // selected state visible (#110)\n    if ($disabled) {\n      const { disabled } = chip.variants.subtle\n      return `\n        background-color: ${disabled.backgroundColor};\n        color: ${disabled.textColor};\n      `\n    }\n\n    const { fill, text } = tokens.semantic.color\n    const interactiveStates = $clickable\n    return `\n      background-color: ${fill['accent-muted']};\n      color: ${text.accent};\n      \n      &:hover {\n        background-color: ${interactiveStates ? fill['accent-muted-hover'] : fill['accent-muted']};\n        color: ${interactiveStates ? text.accent : text.accent};\n      }\n      \n      &:active {\n        background-color: ${interactiveStates ? fill['accent-muted-pressed'] : fill['accent-muted']};\n        color: ${interactiveStates ? text.accent : text.accent};\n      }\n\n      /* Forced colours drop the fill, so a selected chip takes the system selection colours\n         (decision 0038); its checkmark follows the text colour */\n      ${forcedColors} {\n        forced-color-adjust: none;\n        background-color: Highlight;\n        border-color: Highlight;\n        color: HighlightText;\n      }\n    `\n  }\n  \n  switch ($variant) {\n    case 'emphasis':\n      return `\n        background-color: ${chip.variants.emphasis.backgroundColor};\n        color: ${chip.variants.emphasis.textColor};\n        \n        &:hover {\n          background-color: ${$disabled ? chip.variants.emphasis.disabled.backgroundColor : ($clickable ? chip.variants.emphasis.hover.backgroundColor : chip.variants.emphasis.backgroundColor)};\n        }\n        \n        &:active {\n          background-color: ${$disabled ? chip.variants.emphasis.disabled.backgroundColor : ($clickable ? chip.variants.emphasis.active.backgroundColor : chip.variants.emphasis.backgroundColor)};\n        }\n        \n        ${$disabled ? `\n          background-color: ${chip.variants.emphasis.disabled.backgroundColor};\n          color: ${chip.variants.emphasis.disabled.textColor};\n        ` : ''}\n      `\n    case 'subtle':\n      return `\n        background-color: ${chip.variants.subtle.backgroundColor};\n        color: ${chip.variants.subtle.textColor};\n        \n        &:hover {\n          background-color: ${$disabled ? chip.variants.subtle.disabled.backgroundColor : ($clickable ? chip.variants.subtle.hover.backgroundColor : chip.variants.subtle.backgroundColor)};\n        }\n        \n        &:active {\n          background-color: ${$disabled ? chip.variants.subtle.disabled.backgroundColor : ($clickable ? chip.variants.subtle.active.backgroundColor : chip.variants.subtle.backgroundColor)};\n        }\n        \n        ${$disabled ? `\n          background-color: ${chip.variants.subtle.disabled.backgroundColor};\n          color: ${chip.variants.subtle.disabled.textColor};\n        ` : ''}\n      `\n    case 'interactive':\n      return `\n        background-color: ${chip.variants.interactive.backgroundColor};\n        color: ${chip.variants.interactive.textColor};\n        \n        &:hover {\n          background-color: ${$disabled ? chip.variants.interactive.disabled.backgroundColor : ($clickable ? chip.variants.interactive.hover.backgroundColor : chip.variants.interactive.backgroundColor)};\n        }\n        \n        &:active {\n          background-color: ${$disabled ? chip.variants.interactive.disabled.backgroundColor : ($clickable ? chip.variants.interactive.active.backgroundColor : chip.variants.interactive.backgroundColor)};\n        }\n        \n        ${$disabled ? `\n          background-color: ${chip.variants.interactive.disabled.backgroundColor};\n          color: ${chip.variants.interactive.disabled.textColor};\n        ` : ''}\n      `\n    case 'default':\n    default:\n      return `\n        background-color: ${chip.default.backgroundColor};\n        color: ${chip.default.textColor};\n        \n        &:hover {\n          background-color: ${$disabled ? chip.disabled.backgroundColor : ($clickable ? chip.hover.backgroundColor : chip.default.backgroundColor)};\n        }\n        \n        &:active {\n          background-color: ${$disabled ? chip.disabled.backgroundColor : ($clickable ? chip.active.backgroundColor : chip.default.backgroundColor)};\n        }\n        \n        ${$disabled ? `\n          background-color: ${chip.disabled.backgroundColor};\n          color: ${chip.disabled.textColor};\n        ` : ''}\n      `\n  }\n}\n\n// Chips have one size: 24px from the label scale as a minimum, with the content centred\n// and no vertical padding (decisions 0034 and 0035). Horizontal padding comes from the\n// semantic spacing scale (decision 0022).\nexport const sizeStyles = `\n  font: ${chip.sizes.medium.font};\n  min-height: ${semantic.size.label.medium};\n  padding: 0 ${semantic.space.inset.sm};\n`\n\n"],"names":["chip","tokens","component","semantic","getVariantStyles","_a","$variant","$selected","$clickable","$disabled","disabled","variants","subtle","concat","backgroundColor","textColor","_b","color","fill","text","interactiveStates","accent","forcedColors","emphasis","hover","active","interactive","sizeStyles","sizes","medium","font","size","label","space","inset","sm"],"mappings":"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"}
+{"version":3,"file":"utils.mjs","sources":["../../../../../src/components/atoms/Chip/shared/utils.ts"],"sourcesContent":["import tokens from '../../../../lib/cssTokens'\nimport { forcedColors } from '../../../../lib/styleUtils'\nimport { ChipSurface } from './types'\n\nconst { component: { chip }, semantic } = tokens\n\ninterface StyledChipProps {\n  $surface: ChipSurface\n  $disabled?: boolean\n  $clickable?: boolean\n  $selected?: boolean\n}\n\n// The chip's fill and text for its surface and state, matching Button's approach\nexport const getVariantStyles = ({ $surface, $selected, $clickable, $disabled }: StyledChipProps) => {\n  // Selected filter and input chips use the light-blue selected treatment (decision 0016).\n  // The text darkens with the fill so every state stays at least 4.5:1.\n  if ($selected) {\n    // A selected disabled chip looks like any disabled chip; the checkmark keeps the\n    // selected state visible (#110)\n    if ($disabled) {\n      const { disabled } = chip.variants.subtle\n      return `\n        background-color: ${disabled.backgroundColor};\n        color: ${disabled.textColor};\n      `\n    }\n\n    const { fill, text } = tokens.semantic.color\n    const interactiveStates = $clickable\n    return `\n      background-color: ${fill['accent-muted']};\n      color: ${text.accent};\n      \n      &:hover {\n        background-color: ${interactiveStates ? fill['accent-muted-hover'] : fill['accent-muted']};\n        color: ${interactiveStates ? text.accent : text.accent};\n      }\n      \n      &:active {\n        background-color: ${interactiveStates ? fill['accent-muted-pressed'] : fill['accent-muted']};\n        color: ${interactiveStates ? text.accent : text.accent};\n      }\n\n      /* Forced colours drop the fill, so a selected chip takes the system selection colours\n         (decision 0038); its checkmark follows the text colour */\n      ${forcedColors} {\n        forced-color-adjust: none;\n        background-color: Highlight;\n        border-color: Highlight;\n        color: HighlightText;\n      }\n    `\n  }\n  \n  switch ($surface) {\n    case 'subtle':\n      return `\n        background-color: ${chip.variants.subtle.backgroundColor};\n        color: ${chip.variants.subtle.textColor};\n        \n        &:hover {\n          background-color: ${$disabled ? chip.variants.subtle.disabled.backgroundColor : ($clickable ? chip.variants.subtle.hover.backgroundColor : chip.variants.subtle.backgroundColor)};\n        }\n        \n        &:active {\n          background-color: ${$disabled ? chip.variants.subtle.disabled.backgroundColor : ($clickable ? chip.variants.subtle.active.backgroundColor : chip.variants.subtle.backgroundColor)};\n        }\n        \n        ${$disabled ? `\n          background-color: ${chip.variants.subtle.disabled.backgroundColor};\n          color: ${chip.variants.subtle.disabled.textColor};\n        ` : ''}\n      `\n    case 'default':\n    default:\n      return `\n        background-color: ${chip.default.backgroundColor};\n        color: ${chip.default.textColor};\n        \n        ${$disabled ? `\n          background-color: ${chip.disabled.backgroundColor};\n          color: ${chip.disabled.textColor};\n        ` : ''}\n      `\n  }\n}\n\n// Chips have one size: 24px from the label scale as a minimum, with the content centred\n// and no vertical padding (decisions 0034 and 0035). Horizontal padding comes from the\n// semantic spacing scale (decision 0022).\nexport const sizeStyles = `\n  font: ${chip.sizes.medium.font};\n  min-height: ${semantic.size.label.medium};\n  padding: 0 ${semantic.space.inset.sm};\n`\n\n"],"names":["chip","tokens","component","semantic","getVariantStyles","_a","$surface","$selected","$clickable","$disabled","disabled","variants","subtle","concat","backgroundColor","textColor","_b","color","fill","text","interactiveStates","accent","forcedColors","hover","active","sizeStyles","sizes","medium","font","size","label","space","inset","sm"],"mappings":"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"}

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

@@ -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;