@persona/design-system 0.10.9 → 0.10.11

package/dist/ChartPopover.d.mts

@@ -0,0 +1,155 @@
+import { Color } from "@persona/design-tokens";
+import { ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/components/Chart/ChartPopover.d.ts
+/**
+ * The popover density. `'default'` is the standalone chart popover (256px wide). `'condensed'` is
+ * for small charts inside table cells (210px wide): the same text, tighter padding and row gaps,
+ * and never a total row.
+ *
+ * @experimental Part of the in-progress PDS charting components; the API may change.
+ */
+type ChartPopoverSize = 'default' | 'condensed';
+/**
+ * One series the popover may list. `series` sets the row order, the label and the swatch colour; a
+ * Recharts payload entry is matched to a series by its `dataKey`.
+ *
+ * @experimental
+ */
+interface ChartPopoverSeries<K extends string = string> {
+  key: K;
+  label: ReactNode;
+  /** The series colour token, e.g. from `useChartColors().resolve(...)`. Falls back to the payload colour. */
+  color?: Color;
+}
+/**
+ * One Recharts tooltip payload entry, typed structurally so the same component accepts the
+ * payloads of Recharts 2 (`TooltipProps`) and Recharts 3 (`TooltipContentProps`).
+ *
+ * @experimental
+ */
+interface ChartPopoverPayloadEntry {
+  dataKey?: unknown;
+  name?: unknown;
+  value?: unknown;
+  color?: string;
+  fill?: string;
+  stroke?: string;
+  /** Set by Recharts 3 for a series rendered with `hide`. */
+  hide?: boolean;
+  /** Set for legend-inactive series. */
+  inactive?: boolean;
+  /** `'none'` marks an entry Recharts itself keeps out of its tooltip. */
+  type?: string;
+  payload?: unknown;
+}
+/** One rendered row. @experimental */
+interface ChartPopoverRow {
+  key: string;
+  label: ReactNode;
+  /** The swatch colour: a Persona chart colour token. */
+  color?: string;
+  value: number | string | null | undefined;
+}
+interface ChartPopoverPanelOwnProps<K extends string = string> {
+  /** The header, e.g. the formatted x-axis category. Omitted when empty. */
+  label?: ReactNode;
+  /** The rows, top to bottom. */
+  rows: readonly ChartPopoverRow[];
+  /** Formats each row value and the total. Defaults to locale number formatting. */
+  valueFormatter?: (value: number | string, seriesKey: K | 'total') => ReactNode;
+  /** Appends a total row summing the numeric values of the visible rows. Ignored when `condensed`. */
+  showTotal?: boolean;
+  /** Overrides the computed total. */
+  total?: number;
+  /** Label of the total row. Defaults to `'Total'`. */
+  totalLabel?: ReactNode;
+  /** Defaults to `'default'`. */
+  size?: ChartPopoverSize;
+  /**
+   * Popover width in px. Defaults to 256 (`'default'`) or 210 (`'condensed'`); pass a larger number
+   * for long series names. The height always follows the rows. Series names that still do not fit
+   * are truncated with an ellipsis; values never truncate or wrap.
+   */
+  width?: number;
+  /**
+   * The series the pointer is on (`useChartActiveSeries().activeSeries`). Its row stays at full
+   * strength and the other series rows drop to 65% opacity; the total row is unaffected.
+   */
+  activeSeries?: K;
+  className?: string;
+}
+/** @experimental */
+type ChartPopoverPanelProps<K extends string = string> = ChartPopoverPanelOwnProps<K>;
+/** @experimental */
+interface ChartPopoverProps<K extends string = string> extends Omit<ChartPopoverPanelOwnProps<K>, 'rows' | 'label'> {
+  /** Injected by Recharts `<Tooltip>`. */
+  active?: boolean;
+  /** Injected by Recharts `<Tooltip>`. */
+  payload?: readonly ChartPopoverPayloadEntry[];
+  /** Injected by Recharts `<Tooltip>`: the hovered category. */
+  label?: unknown;
+  /**
+   * The chart's series, in display order. Rows follow this order and only series listed here are
+   * shown. Without it, rows follow the payload order and use the payload's names and colours.
+   */
+  series?: readonly ChartPopoverSeries<K>[];
+  /** Series keys hidden by the legend; they get no row. */
+  hiddenSeries?: Iterable<K>;
+  /** Formats the header from the hovered category. Defaults to the category as is. */
+  labelFormatter?: (label: unknown, payload: readonly ChartPopoverPayloadEntry[]) => ReactNode;
+}
+/** Default popover widths in px (Figma). @experimental */
+declare const CHART_POPOVER_WIDTH: Record<ChartPopoverSize, number>;
+/**
+ * The chart popover body: an optional header, one row per series (swatch, name, right-aligned
+ * value) and an optional total row. Use it directly for a popover drawn outside Recharts; inside a
+ * Recharts chart use {@link ChartPopover}.
+ *
+ * @experimental Part of the in-progress PDS charting components; the API may change.
+ */
+declare function ChartPopoverPanel<K extends string = string>({
+  label,
+  rows,
+  valueFormatter,
+  showTotal,
+  total,
+  totalLabel,
+  size,
+  width,
+  activeSeries,
+  className
+}: ChartPopoverPanelProps<K>): _$react_jsx_runtime0.JSX.Element;
+/**
+ * Builds the popover rows from a Recharts tooltip payload: drops hidden and inactive series, then
+ * orders, labels and colours the rest by `series` (or keeps the payload order without it).
+ *
+ * @experimental
+ */
+declare function chartPopoverRows<K extends string>(payload: readonly ChartPopoverPayloadEntry[], series?: readonly ChartPopoverSeries<K>[], hiddenSeries?: Iterable<K>): ChartPopoverRow[];
+/**
+ * Chart popover (tooltip) content for Recharts 2 and 3. Pass it to `<Tooltip content={...} />`;
+ * Recharts injects `active`, `payload` and `label`.
+ *
+ * ```tsx
+ * const series = [{ key: 'approved', label: 'Approved', color: colors.approved }, ...];
+ * <Tooltip cursor={false} content={<ChartPopover series={series} hiddenSeries={hidden} />} />
+ * ```
+ *
+ * Renders nothing while inactive or when every series is hidden.
+ *
+ * @experimental Part of the in-progress PDS charting components; the API may change.
+ */
+declare function ChartPopover<K extends string = string>({
+  active,
+  payload,
+  label,
+  series,
+  hiddenSeries,
+  labelFormatter,
+  ...panelProps
+}: ChartPopoverProps<K>): _$react_jsx_runtime0.JSX.Element | null;
+//#endregion
+export { CHART_POPOVER_WIDTH, ChartPopover, ChartPopoverPanel, ChartPopoverPanelProps, ChartPopoverPayloadEntry, ChartPopoverProps, ChartPopoverRow, ChartPopoverSeries, ChartPopoverSize, chartPopoverRows };
+//# sourceMappingURL=ChartPopover.d.mts.map

package/dist/{Checkbox-Dr4LMKHV.mjs → Checkbox-C3z7UUSC.mjs}

@@ -1,15 +1,15 @@
 import { a as styled, r as css } from "./styledComponentsInterop-Cs5CCPRy.mjs";
+import { isChecked, isDisabled, isFocusedVisible, isHovered, isIndeterminate, isNotDisabled } from "./lib/pseudoClass.mjs";
 import { semanticColor, semanticOnly } from "./lib/semanticColor.mjs";
+import { focusStyle } from "./mixins/focus.mjs";
 import "./variables/transitions.mjs";
-import { a as Tooltip, n as TextWithDashedUnderline } from "./Tooltip-YViXzMdm.mjs";
 import { opacityOf } from "./lib/color.mjs";
-import { isChecked, isDisabled, isFocusedVisible, isHovered, isIndeterminate, isNotDisabled } from "./lib/pseudoClass.mjs";
+import { a as Tooltip, n as TextWithDashedUnderline } from "./Tooltip-C2VB8I6y.mjs";
 import useControlled from "./lib/useControlled.mjs";
-import { focusStyle } from "./mixins/focus.mjs";
 import { n as Stack } from "./Stack-Bzom2BTR.mjs";
 import { n as useFormField } from "./useFormField-pOVkb5BK.mjs";
-import { forwardRef, useEffect, useImperativeHandle, useMemo, useRef } from "react";
 import { Color, Spacing, Typography } from "@persona/design-tokens";
+import { forwardRef, useEffect, useImperativeHandle, useMemo, useRef } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { InputCheckIcon, InputDashIcon } from "@persona/icons";
 import { uniqueId } from "lodash-es";
@@ -35,9 +35,9 @@ const CheckboxBox = styled.div`
   justify-content: center;
   align-items: center;
   transition:
-    box-shadow ${"200ms"},
-    background-color ${"200ms"},
-    border-color ${"200ms"};
+    box-shadow ${"200ms"} ${"cubic-bezier(0.4, 0, 0.2, 1)"},
+    background-color ${"200ms"} ${"cubic-bezier(0.4, 0, 0.2, 1)"},
+    border-color ${"200ms"} ${"cubic-bezier(0.4, 0, 0.2, 1)"};
   border-radius: 3px;
   height: ${Spacing[4]};
   width: ${Spacing[4]};
@@ -181,4 +181,4 @@ const Checkbox = forwardRef(function Checkbox({ className, disabled, indetermina
 //#endregion
 export { Checkbox as t };
 
-//# sourceMappingURL=Checkbox-Dr4LMKHV.mjs.map
+//# sourceMappingURL=Checkbox-C3z7UUSC.mjs.map

package/dist/Checkbox-C3z7UUSC.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox-C3z7UUSC.mjs","names":[],"sources":["../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { uniqueId } from 'lodash-es';\nimport {\n  type ChangeEvent,\n  type ComponentPropsWithoutRef,\n  forwardRef,\n  type ReactNode,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { Color, Spacing, Typography } from '@persona/design-tokens';\nimport { InputCheckIcon, InputDashIcon } from '@persona/icons';\n\nimport useFormField from '#src/components/FormControl/useFormField';\nimport Stack from '#src/components/Stack/Stack';\nimport Tooltip from '#src/components/Tooltip';\nimport { TextWithDashedUnderline } from '#src/components/Tooltip/TextUnderlineTooltip';\nimport { opacityOf } from '#src/lib/color';\nimport {\n  isChecked,\n  isDisabled,\n  isFocusedVisible,\n  isHovered,\n  isIndeterminate,\n  isNotDisabled,\n} from '#src/lib/pseudoClass';\nimport { semanticColor, semanticOnly } from '#src/lib/semanticColor';\nimport useControlled from '#src/lib/useControlled';\nimport { focusStyle } from '#src/mixins/focus';\nimport { TransitionDuration, TransitionEasing } from '#src/variables/transitions';\n\nconst Container = styled(Stack)<{ size: 'md' | 'sm'; disabled?: boolean }>`\n  position: relative;\n  cursor: pointer;\n\n  flex-wrap: nowrap;\n\n  ${({ size }) =>\n    size === 'sm' &&\n    css`\n      height: 16px;\n    `}\n\n  &${isDisabled} {\n    cursor: default;\n  }\n`;\n\nconst CheckboxBox = styled.div<{ disabled?: boolean; checked?: boolean }>`\n  cursor: pointer;\n  display: flex;\n  flex: 0 0 16px;\n  justify-content: center;\n  align-items: center;\n  transition:\n    box-shadow ${TransitionDuration.Fast} ${TransitionEasing.Move},\n    background-color ${TransitionDuration.Fast} ${TransitionEasing.Move},\n    border-color ${TransitionDuration.Fast} ${TransitionEasing.Move};\n  border-radius: 3px;\n  height: ${Spacing[4]};\n  width: ${Spacing[4]};\n  box-sizing: border-box;\n  border: 1px solid ${({ theme }) => semanticColor(theme, 'InputBorderStrong', Color.BorderInputCheckbox)};\n  background: ${({ theme }) => semanticColor(theme, 'InputSurfaceDefault', Color.BackgroundInputDefault)};\n\n  svg {\n    color: ${({ theme }) => semanticColor(theme, 'FgInverseStatic', Color.BorderIconInverse)};\n  }\n\n  &${isDisabled} {\n    cursor: default;\n    background: ${({ theme }) =>\n      semanticColor(theme, 'InputSurfaceDisabled', Color.BackgroundInputDisabled)};\n    border-color: ${({ theme }) =>\n      semanticColor(theme, 'InputBorderDisabled', Color.BorderInputDisabled)};\n    ${semanticOnly((tokens) => `opacity: ${opacityOf(tokens.Opacity65)};`)}\n  }\n\n  ${({ checked, theme }) =>\n    checked &&\n    css`\n      border-color: ${semanticColor(theme, 'InputBorderAccent', Color.BackgroundInputActive)};\n      background: ${semanticColor(theme, 'InputSurfaceAccent', Color.BackgroundInputActive)};\n\n      &${isDisabled} {\n        border-color: ${semanticColor(theme, 'InputSurfaceAccentDisabled', Color.BackgroundInputActiveDisabled)};\n        background: ${semanticColor(theme, 'InputSurfaceAccentDisabled', Color.BackgroundInputActiveDisabled)};\n      }\n    `}\n`;\n\nconst CheckboxInput = styled.input`\n  cursor: inherit;\n  height: 16px;\n  width: 16px;\n  margin: 0;\n  border: 0;\n  opacity: 0;\n  overflow: hidden;\n  position: absolute;\n\n  &${isHovered}${isNotDisabled} ~ ${CheckboxBox} {\n    border-color: ${({ theme }) =>\n      semanticColor(theme, 'InputBorderHoverStrong', Color.BorderInputCheckboxHover)};\n    ${semanticOnly((tokens) => `background: ${tokens.InputSurfaceHover};`)}\n  }\n\n  &${isChecked}, &${isIndeterminate} {\n    &${isHovered}${isNotDisabled} ~ ${CheckboxBox} {\n      background: ${({ theme }) => semanticColor(theme, 'InputSurfaceAccentHover', Color.BackgroundInputActiveHover)};\n      border-color: ${({ theme }) => semanticColor(theme, 'InputSurfaceAccentHover', Color.BackgroundInputActiveHover)};\n    }\n  }\n\n  &${isFocusedVisible}${isNotDisabled} ~ ${CheckboxBox} {\n    ${focusStyle}\n  }\n`;\n\nconst Label = styled.label<{ disabled: boolean; size: 'md' | 'sm' }>`\n  cursor: inherit;\n  color: ${({ theme }) => semanticColor(theme, 'FgPrimary', Color.TextPrimary)};\n\n  ${({ size }) =>\n    size === 'sm'\n      ? css`\n          ${Typography.TextSmall};\n          line-height: 16px;\n        `\n      : css`\n          ${Typography.TextMedium};\n\n          /** Nudge text for visual alignment */\n          position: relative;\n          bottom: -1px;\n        `}\n\n  ${({ theme, disabled }) =>\n    disabled &&\n    css`\n      cursor: default;\n      color: ${semanticColor(theme, 'FgDisabled', theme.color.text.disabled)};\n    `}\n`;\n\nexport interface CheckboxProps extends Omit<ComponentPropsWithoutRef<'input'>, 'value' | 'size'> {\n  /**\n   * `id` for the underlying `<input>`. If not provided a unique ID is generated\n   * automatically and linked to the label.\n   */\n  id?: string;\n  /** Called whenever the checked state changes. */\n  onChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  /** Visible label rendered to the right of the checkbox box. */\n  label?: ReactNode;\n  /** Disables interaction and renders the checkbox in a muted style. */\n  disabled?: boolean;\n  /**\n   * When true the checkbox displays a dash (−) instead of a tick, indicating a\n   * mixed / partially-selected state. Sets `aria-checked=\"mixed\"` for screen readers.\n   */\n  indeterminate?: boolean;\n  /**\n   * Controlled checked state. Omit (or pass `undefined`) to let the component\n   * manage state internally via `defaultChecked`.\n   */\n  checked?: boolean;\n  /** Value submitted with a form. */\n  value?: unknown;\n  'data-test'?: string;\n  /** Additional props forwarded to the outer container `<div>`. */\n  containerProps?: ComponentPropsWithoutRef<'div'>;\n  /**\n   * Size of the checkbox and its label text.\n   * @defaultValue 'md'\n   */\n  size?: 'md' | 'sm';\n  /**\n   * Tooltip content to display when hovering over the label.\n   * When provided, the label will be wrapped in a tooltip.\n   */\n  tooltip?: ReactNode;\n}\n\nexport const Checkbox = forwardRef<HTMLInputElement, CheckboxProps>(function Checkbox(\n  {\n    className,\n    disabled,\n    indeterminate,\n    onChange,\n    checked: checkedProp,\n    defaultChecked,\n    id,\n    label,\n    'data-test': dataTest,\n    containerProps,\n    value,\n    size = 'md',\n    tooltip,\n    ...elemProps\n  },\n  ref,\n) {\n  const field = useFormField({ disabled });\n  const [checked, setChecked] = useControlled({\n    controlledValue: checkedProp,\n    default: defaultChecked,\n  });\n  const generatedId = useMemo(() => uniqueId('pds_checkbox__'), []);\n  const inputRef = useRef<HTMLInputElement>();\n\n  // Use the inputId from FormControl context if available, otherwise use the provided id or generate one\n  const inputId = field.inputId || id || generatedId;\n\n  /* @ts-expect-error [strict-migration] The following line is not strict; please fix! */\n  useImperativeHandle(ref, () => inputRef.current, [inputRef]);\n\n  // Re-sync on `checked` changes too: a native click clears the input's\n  // `indeterminate` property, so it must be re-applied when the prop stays true.\n  useEffect(() => {\n    if (inputRef.current) {\n      /* @ts-expect-error [strict-migration] The following line is not strict; please fix! */\n      inputRef.current.indeterminate = indeterminate;\n    }\n  }, [indeterminate, checked, inputRef]);\n\n  return (\n    <Container\n      direction='horizontal'\n      className={className}\n      data-test={dataTest}\n      disabled={field.disabled}\n      align='center'\n      size={size}\n      {...containerProps}\n    >\n      <CheckboxInput\n        id={inputId}\n        /* @ts-expect-error [strict-migration] The following line is not strict; please fix! */\n        ref={inputRef}\n        data-test={dataTest && `${dataTest}-input`}\n        disabled={field.disabled}\n        type='checkbox'\n        checked={checkedProp == null ? undefined : checked}\n        defaultChecked={defaultChecked}\n        onChange={(e) => {\n          setChecked(e.target.checked);\n          if (onChange) {\n            onChange(e);\n          }\n        }}\n        aria-checked={indeterminate ? 'mixed' : undefined}\n        value={value as unknown as string}\n        {...elemProps}\n      />\n      <CheckboxBox\n        aria-hidden='true'\n        disabled={field.disabled}\n        checked={(checked != null && checked) || indeterminate}\n      >\n        {indeterminate ? <InputDashIcon /> : checked ? <InputCheckIcon /> : null}\n      </CheckboxBox>\n      {label &&\n        (tooltip ? (\n          <Tooltip\n            size={size}\n            trigger={\n              <Label htmlFor={inputId} disabled={!!field.disabled} size={size}>\n                <TextWithDashedUnderline>{label}</TextWithDashedUnderline>\n              </Label>\n            }\n          >\n            {tooltip}\n          </Tooltip>\n        ) : (\n          <Label htmlFor={inputId} disabled={!!field.disabled} size={size}>\n            {label}\n          </Label>\n        ))}\n    </Container>\n  );\n});\n\nexport default Checkbox;\n"],"mappings":"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"}

package/dist/{CheckboxGroupField-DnVqlpwi.d.mts → CheckboxGroupField-BT87OVOF.d.mts}

@@ -1,5 +1,5 @@
 import { n as CheckboxProps } from "./Checkbox-Clt9mCTk.mjs";
-import { o as ImplementsFormField } from "./inputFields-BnCdmuBt.mjs";
+import { o as ImplementsFormField } from "./inputFields-BqO2H-Kj.mjs";
 import { ReactElement } from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import { AriaCheckboxGroupProps } from "react-aria";
@@ -22,4 +22,4 @@ declare const CheckboxGroupField: ({
 }: CheckboxGroupFieldProps) => _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { CheckboxGroupField as t };
-//# sourceMappingURL=CheckboxGroupField-DnVqlpwi.d.mts.map
+//# sourceMappingURL=CheckboxGroupField-BT87OVOF.d.mts.map

package/dist/CheckboxGroupField.d.mts

@@ -1,2 +1,2 @@
-import { t as CheckboxGroupField } from "./CheckboxGroupField-DnVqlpwi.mjs";
+import { t as CheckboxGroupField } from "./CheckboxGroupField-BT87OVOF.mjs";
 export { CheckboxGroupField as default };

package/dist/ChoicesValueControl.d.mts

@@ -1,4 +1,4 @@
-import { t as ValueControlProps } from "./types-CqcbWyUY.mjs";
+import { t as ValueControlProps } from "./types-BOsCi-kZ.mjs";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region src/components/DataTable/TableControls/FiltersV2/value-controls/ChoicesValueControl/ChoicesValueControl.d.ts