@common-origin/design-system 2.19.0 → 2.21.0

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

@@ -0,0 +1,69 @@
+import { ReactNode } from 'react';
+import type { IconName } from '../../../types/icons.mjs';
+/**
+ * Category color options for CategoryLabel
+ */
+export type CategoryColor = 'blue' | 'purple' | 'pink' | 'yellow' | 'green' | 'red' | 'orange' | 'gray';
+/**
+ * Visual variant options for CategoryLabel
+ */
+export type CategoryVariant = 'filled' | 'outlined' | 'minimal';
+/**
+ * Size options for CategoryLabel: medium (24px) or large (32px), on the decision 0018 scale
+ */
+export type CategoryLabelSize = 'medium' | 'large';
+/**
+ * Props for the CategoryLabel component
+ */
+export interface CategoryLabelProps {
+    /**
+     * The category text to display
+     */
+    children: ReactNode;
+    /**
+     * Color scheme for the label
+     * @default 'blue'
+     */
+    color?: CategoryColor;
+    /**
+     * Visual variant of the label
+     * @default 'filled'
+     */
+    variant?: CategoryVariant;
+    /**
+     * Size: medium (24px) or large (32px)
+     * @default 'large'
+     */
+    size?: CategoryLabelSize;
+    /**
+     * Optional icon name to display
+     */
+    icon?: IconName;
+    /**
+     * Test identifier for automated testing
+     */
+    'data-testid'?: string;
+    /**
+     * Accessible label, announced instead of the visible text (for example "Category: Food & Dining").
+     * Rendered as visually hidden text, because a plain label has no role that can be named (#78).
+     */
+    'aria-label'?: string;
+}
+/**
+ * CategoryLabel colour-codes an item's category, such as a transaction's (decision 0018).
+ *
+ * A static, chip-like label with 8 category colours, 3 visual variants and an optional icon.
+ * Category colours carry no status meaning; for status use StatusLabel.
+ *
+ * @example
+ * ```tsx
+ * <CategoryLabel color="orange" icon="creditCard">
+ *   Shopping
+ * </CategoryLabel>
+ *
+ * <CategoryLabel color="blue" variant="outlined" size="medium">
+ *   Travel
+ * </CategoryLabel>
+ * ```
+ */
+export declare const CategoryLabel: React.FC<CategoryLabelProps>;

package/dist/components/atoms/CategoryLabel/CategoryLabel.mjs

@@ -0,0 +1,151 @@
+'use client';
+import { __makeTemplateObject } from '../../../vendor/tslib/tslib.es6.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import styled$module from 'styled-components';
+const styled = styled$module.default || styled$module;
+import { Icon } from '../Icon/Icon.mjs';
+import { visuallyHidden } from '../../../lib/styleUtils.mjs';
+import tokens from '../../../lib/cssTokens.mjs';
+
+var semantic = tokens.semantic;
+var color = semantic.color;
+var label = tokens.component.badge.label;
+var category = color.category;
+var radius = semantic.radius;
+var space = semantic.space;
+var labelHeight = semantic.size.label;
+// Text on white or the -subtle fill (outlined and minimal), at least 4.5:1 (#115)
+var categoryText = {
+  blue: category['blue-text'],
+  purple: category['purple-text'],
+  pink: category['pink-text'],
+  yellow: category['yellow-text'],
+  green: category['green-text'],
+  red: category['red-text'],
+  orange: category['orange-text'],
+  gray: category['gray-text']
+};
+var StyledCategoryLabel = /*#__PURE__*/styled.span.withConfig({
+  shouldForwardProp: function shouldForwardProp(prop) {
+    return !prop.startsWith('$');
+  },
+  displayName: "CategoryLabel__StyledCategoryLabel",
+  componentId: "sc-1jx7bjo-0"
+})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  box-sizing: border-box; /* the height includes padding and border, without relying on a global reset */\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: ", ";\n  white-space: nowrap;\n  user-select: none;\n  border-style: solid;\n  border-width: ", ";\n  \n  /* Size styles */\n  height: ", ";\n  padding: ", ";\n  font: ", ";\n  /* After the font shorthand, which would otherwise reset it */\n  font-weight: ", ";\n  gap: ", ";\n  \n  /* Variant + Color styles */\n  background-color: ", ";\n  \n  /* Outlined and minimal text uses the AA text token, not the base colour (issue 115) */\n  color: ", ";\n  \n  border-color: ", ";\n"], ["\n  box-sizing: border-box; /* the height includes padding and border, without relying on a global reset */\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: ", ";\n  white-space: nowrap;\n  user-select: none;\n  border-style: solid;\n  border-width: ", ";\n  \n  /* Size styles */\n  height: ", ";\n  padding: ", ";\n  font: ", ";\n  /* After the font shorthand, which would otherwise reset it */\n  font-weight: ", ";\n  gap: ", ";\n  \n  /* Variant + Color styles */\n  background-color: ", ";\n  \n  /* Outlined and minimal text uses the AA text token, not the base colour (issue 115) */\n  color: ", ";\n  \n  border-color: ", ";\n"
+// The visible content, hidden from assistive technology when an aria-label replaces it.
+// display: contents keeps the root's flex layout and gap.
+])), radius.full, semantic.border.width.thin, function (_a) {
+  var $size = _a.$size;
+  return labelHeight[$size];
+}, function (_a) {
+  var $size = _a.$size;
+  return $size === 'medium' ? "".concat(space[100], " ").concat(space[200]) : "".concat(space[200], " ").concat(space[300]);
+}, function (_a) {
+  var $size = _a.$size;
+  return $size === 'medium' ? label.typography.small : label.typography.medium;
+}, label.fontWeight, space[100], function (_a) {
+  var $color = _a.$color,
+    $variant = _a.$variant;
+  if ($variant === 'filled') {
+    return category["".concat($color, "-strong")];
+  }
+  if ($variant === 'outlined') {
+    return 'transparent';
+  }
+  // minimal
+  return category["".concat($color, "-muted")];
+}, function (_a) {
+  var $color = _a.$color,
+    $variant = _a.$variant;
+  if ($variant === 'filled') {
+    return color.text.inverse;
+  }
+  return categoryText[$color];
+}, function (_a) {
+  var $color = _a.$color,
+    $variant = _a.$variant;
+  if ($variant === 'outlined') {
+    return category[$color];
+  }
+  return 'transparent';
+});
+// The visible content, hidden from assistive technology when an aria-label replaces it.
+// display: contents keeps the root's flex layout and gap.
+var VisibleContent = /*#__PURE__*/styled.span.withConfig({
+  displayName: "CategoryLabel__VisibleContent",
+  componentId: "sc-1jx7bjo-1"
+})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: contents;\n"], ["\n  display: contents;\n"])));
+var HiddenLabel = /*#__PURE__*/styled.span.withConfig({
+  displayName: "CategoryLabel__HiddenLabel",
+  componentId: "sc-1jx7bjo-2"
+})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"
+/**
+ * CategoryLabel colour-codes an item's category, such as a transaction's (decision 0018).
+ *
+ * A static, chip-like label with 8 category colours, 3 visual variants and an optional icon.
+ * Category colours carry no status meaning; for status use StatusLabel.
+ *
+ * @example
+ * ```tsx
+ * <CategoryLabel color="orange" icon="creditCard">
+ *   Shopping
+ * </CategoryLabel>
+ *
+ * <CategoryLabel color="blue" variant="outlined" size="medium">
+ *   Travel
+ * </CategoryLabel>
+ * ```
+ */])), visuallyHidden);
+/**
+ * CategoryLabel colour-codes an item's category, such as a transaction's (decision 0018).
+ *
+ * A static, chip-like label with 8 category colours, 3 visual variants and an optional icon.
+ * Category colours carry no status meaning; for status use StatusLabel.
+ *
+ * @example
+ * ```tsx
+ * <CategoryLabel color="orange" icon="creditCard">
+ *   Shopping
+ * </CategoryLabel>
+ *
+ * <CategoryLabel color="blue" variant="outlined" size="medium">
+ *   Travel
+ * </CategoryLabel>
+ * ```
+ */
+var CategoryLabel = function CategoryLabel(_a) {
+  var children = _a.children,
+    _b = _a.color,
+    color = _b === void 0 ? 'blue' : _b,
+    _c = _a.variant,
+    variant = _c === void 0 ? 'filled' : _c,
+    _d = _a.size,
+    size = _d === void 0 ? 'large' : _d,
+    icon = _a.icon,
+    dataTestId = _a["data-testid"],
+    ariaLabel = _a["aria-label"];
+  var iconSize = size === 'medium' ? 'xs' : 'sm';
+  // A blank aria-label is no label at all, so it falls back like a missing one
+  var accessibleLabel = (ariaLabel === null || ariaLabel === void 0 ? void 0 : ariaLabel.trim()) ? ariaLabel : undefined;
+  return jsxs(StyledCategoryLabel, {
+    "$color": color,
+    "$variant": variant,
+    "$size": size,
+    "data-testid": dataTestId,
+    children: [jsxs(VisibleContent, {
+      "aria-hidden": accessibleLabel ? 'true' : undefined,
+      children: [icon && jsx(Icon, {
+        name: icon,
+        size: iconSize,
+        iconColor: variant === 'filled' ? 'inverse' : 'inherit'
+      }), children]
+    }), accessibleLabel && jsx(HiddenLabel, {
+      children: accessibleLabel
+    })]
+  });
+};
+CategoryLabel.displayName = 'CategoryLabel';
+var templateObject_1, templateObject_2, templateObject_3;
+
+export { CategoryLabel };
+//# sourceMappingURL=CategoryLabel.mjs.map

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

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

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

@@ -0,0 +1,2 @@
+export { CategoryLabel } from './CategoryLabel.mjs';
+export type { CategoryLabelProps, CategoryColor, CategoryVariant, CategoryLabelSize } from './CategoryLabel.mjs';

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

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

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

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

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

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

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

@@ -0,0 +1,37 @@
+import React from 'react';
+import { BaseChipProps, ChipVariant, LegacyVariant } from './shared/types.mjs';
+export interface ChipProps extends BaseChipProps {
+    /**
+     * Visual style. Only `default` stays in 3.0. `emphasis`, `subtle`, `interactive`, `light`
+     * and `dark` are deprecated and will be removed (decision 0016).
+     * @default 'default'
+     */
+    variant?: ChipVariant | LegacyVariant;
+    /**
+     * Click handler.
+     * @deprecated Removed in 3.0: the static Chip is not interactive. For a clickable action use a
+     * Button; for a toggle use `BooleanChip` (`FilterChip` in 3.0).
+     */
+    onClick?: () => void;
+    /** Custom ARIA role override */
+    role?: string;
+    /** Legacy title prop for backward compatibility */
+    title?: string;
+}
+/**
+ * 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)
+ *
+ * The `emphasis`, `subtle`, `interactive`, `light` and `dark` variants and `onClick` are
+ * deprecated and will be removed in 3.0.
+ */
+export declare const Chip: React.FC<ChipProps>;
+export interface LegacyChipProps {
+    title: string;
+    variant?: LegacyVariant;
+}
+export declare const LegacyChip: React.FC<LegacyChipProps>;

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

@@ -0,0 +1,76 @@
+'use client';
+import { __rest, __assign } from '../../../vendor/tslib/tslib.es6.mjs';
+import { jsx } from 'react/jsx-runtime';
+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)
+ *
+ * The `emphasis`, `subtle`, `interactive`, `light` and `dark` variants and `onClick` are
+ * deprecated and will be removed in 3.0.
+ */
+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,
+    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;
+  // 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,
+    "$disabled": disabled || undefined,
+    "$clickable": isClickable || undefined,
+    onClick: isClickable ? handleClick : undefined,
+    onKeyDown: handleKeyDown,
+    tabIndex: isClickable ? 0 : undefined,
+    role: role || (isClickable ? 'button' : undefined),
+    "aria-label": ariaLabel,
+    "aria-describedby": ariaDescribedBy,
+    "aria-disabled": disabled ? 'true' : undefined,
+    "data-testid": dataTestId
+  }, props, {
+    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 };
+//# sourceMappingURL=Chip.mjs.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,13 @@
+import { type InputChipProps } from './InputChip.mjs';
+/**
+ * @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.
+ *
+ * @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).
+ */
+export declare const FilterChip: import("react").FC<InputChipProps>;

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

@@ -0,0 +1,14 @@
+'use client';
+import { InputChip } from './InputChip.mjs';
+
+/**
+ * FilterChip - a removable chip with an optional selected state.
+ *
+ * @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).
+ */
+var FilterChip = InputChip;
+
+export { FilterChip };
+//# sourceMappingURL=FilterChip.mjs.map

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

@@ -0,0 +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;;;;"}

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

@@ -0,0 +1,27 @@
+import React from 'react';
+import { BaseChipProps } from './shared/types.mjs';
+export interface InputChipProps extends BaseChipProps {
+    /** Whether the filter is in selected/applied state */
+    selected?: boolean;
+    /** Callback function when the chip is dismissed via close button or keyboard */
+    onDismiss?: () => void;
+    /** Custom ARIA role override */
+    role?: string;
+}
+/**
+ * InputChip - A removable value, such as an applied filter, with an optional selected state
+ *
+ * Use this component to show values the user has entered or applied, such as filters.
+ * When selected, displays a checkmark on the light-blue selected treatment (decision 0016).
+ * A selected disabled chip uses the disabled colours and keeps its checkmark.
+ * Optionally dismissible when onDismiss is provided.
+ *
+ * Features:
+ * - Shows checkmark icon when selected
+ * - Light-blue fill and blue text when selected and enabled; disabled colours when disabled
+ * - Optional close (×) button when onDismiss is provided
+ * - Keyboard dismissal with Delete or Backspace keys (when dismissible)
+ * - Non-clickable body (only close button is interactive when present)
+ * - Announces as "status" to screen readers
+ */
+export declare const InputChip: React.FC<InputChipProps>;

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

@@ -0,0 +1,97 @@
+'use client';
+import { __rest, __assign } from '../../../vendor/tslib/tslib.es6.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Icon } from '../Icon/Icon.mjs';
+import { StyledChip, IconContainer, CloseButton } from './shared/ChipBase.mjs';
+
+/**
+ * InputChip - A removable value, such as an applied filter, with an optional selected state
+ *
+ * Use this component to show values the user has entered or applied, such as filters.
+ * When selected, displays a checkmark on the light-blue selected treatment (decision 0016).
+ * A selected disabled chip uses the disabled colours and keeps its checkmark.
+ * Optionally dismissible when onDismiss is provided.
+ *
+ * Features:
+ * - Shows checkmark icon when selected
+ * - Light-blue fill and blue text when selected and enabled; disabled colours when disabled
+ * - Optional close (×) button when onDismiss is provided
+ * - Keyboard dismissal with Delete or Backspace keys (when dismissible)
+ * - Non-clickable body (only close button is interactive when present)
+ * - Announces as "status" to screen readers
+ */
+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,
+    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"]);
+  var isDismissible = Boolean(onDismiss);
+  var handleDismiss = function handleDismiss(event) {
+    event.stopPropagation(); // Prevent event bubbling
+    if (!disabled && onDismiss) {
+      onDismiss();
+    }
+  };
+  var handleKeyDown = function handleKeyDown(event) {
+    // Handle dismiss with Delete or Backspace (only when dismissible)
+    if (!disabled && isDismissible && onDismiss && (event.key === 'Delete' || event.key === 'Backspace')) {
+      event.preventDefault();
+      onDismiss();
+    }
+  };
+  var handleCloseKeyDown = function handleCloseKeyDown(event) {
+    if (event.key === 'Enter' || event.key === ' ') {
+      event.preventDefault();
+      if (!disabled && onDismiss) onDismiss();
+    }
+  };
+  // Generate accessible label for close button
+  var closeButtonLabel = typeof children === 'string' ? "Remove ".concat(children) : 'Remove filter';
+  return jsxs(StyledChip, __assign({
+    "$variant": "subtle",
+    "$disabled": disabled || undefined,
+    "$clickable": false,
+    "$selected": selected,
+    onKeyDown: handleKeyDown,
+    role: role || 'status',
+    "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, isDismissible && jsx(CloseButton, {
+      type: "button",
+      onClick: handleDismiss,
+      onKeyDown: handleCloseKeyDown,
+      disabled: disabled,
+      "$disabled": disabled,
+      "aria-label": closeButtonLabel,
+      tabIndex: 0,
+      "data-testid": dataTestId ? "".concat(dataTestId, "-close") : undefined,
+      children: jsx(Icon, {
+        name: "close",
+        size: "sm",
+        iconColor: "inherit"
+      })
+    })]
+  }));
+};
+
+export { InputChip };
+//# sourceMappingURL=InputChip.mjs.map

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

@@ -0,0 +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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"}