31cc579: Add AspectRatio layout component for constraining content to a fixed width-to-height ratio.
8205a74: Add SplitView layout component (React + Ember) for building resizable, nestable config/preview split layouts with SplitViewPane and SplitViewResizer. Supports flexible and fixed panes, min/max sizes, hide/redistribute, snapping, resize callbacks, and full keyboard accessibility. Panes take an optional id for stable identity across conditional mounts, so each pane-set configuration keeps its own layout. Includes a useStoredSplitView hook (React + Ember) that persists a split's layout to storage (localStorage by default), with per-configuration layouts for conditional panels.

2.188.2

Patch Changes

4536393: Fixes Fieldset legend line height to match the form control label

2.188.1

Patch Changes

47dc343: Rewords anatomy descriptions and updates assets.
d86f0f4: Adds OptionCard design, accessibility, and AI guidelines

2.188.0

Minor Changes

8928475: Adds a Drawer manager for programmatic control of drawers (useDrawers, useDrawer), mirroring the Modal manager. The Drawer component now accepts a state prop for use with the manager.

Patch Changes

f47b19e: Honor withImmediateCallbacks in the modal manager's closeAll/closeAllOfType, matching close. Previously waitForClose promises for modals closed in bulk stayed pending until the close animation finished even when withImmediateCallbacks was true.
0457a76: Adds Toggle component design, accessibility, and AI guidelines

2.187.1

Patch Changes

82cdee4: Updates assets for Pluma anatomy and adds dark mode support
8aed4cd: Updates Pluma anatomy section in docs
f4cc94f: Fixes mobile layout for component examples

2.187.0

Minor Changes

87ada2c: Timeline: add markerStatusIndicatorColor to TimelineItem, passed through to the marker coin's status indicator.

2.186.1

Patch Changes

54b4e91: Adds PlainButton design, accessibility, and AI guidelines
78448b8: Mark legacy compatibility styles as deprecated: unsafe_isLegacy (Button, DatePicker, Link, Select, TextArea, TextField, ToggleButton) and the unsafe_useLegacy* PlumaProvider flags. Behavior is unchanged in this release — the flags still apply their overrides — and they will be removed in the next major version.
5744eae: Adds Checkbox design, accessibility, and AI guidelines

2.186.0

Minor Changes

151a581: Add onBeforeToggle and controlled isOpen to Accordion. onBeforeToggle({ isOpen }, event) runs before a toggle and can cancel it by returning (or resolving to) false; it may be async to defer the toggle. isOpen makes the accordion controlled, and onToggle now receives the triggering event as a second argument.

2.185.1

Patch Changes

6b96b73: Fix a Glimmer render crash (Cannot destructure property 'manager' of … undefined) when a Button, PlainButton, or ToggleButton is rendered with a component @as (a non-href @as={{SomeComponent}}).

The aria-disabled work (2.181) started currying the component @as to inject isDisabled — (component this.as isDisabled=…). When that curried component is invoked by the underlying Box (<Element ...attributes>) with the button's forwarded {{on "click"}} interaction modifiers, Glimmer can schedule a modifier/component instance whose manager is undefined, which throws during the render-transaction commit and takes down any page rendering such a button.

The non-href @as component is now rendered directly again (as it was before 2.181). Disabled state is still conveyed to it via the forwarded aria-disabled attribute, so no behavior is lost. The href branch (which curries PlumaPlainLink) is unchanged.

2.185.0

Minor Changes

28e3a06: Add a size prop to Avatar (matching Coin's sm | md | lg | xl tiers, defaulting to md) and expose the initials typography via text-prefixed props: text, textSize, textWeight, textFamily, and textFontStyle. The initials text scales with size to stay balanced inside the coin (overridable via textSize/text).

Note: Avatar's size now derives entirely from the underlying Coin (default md, 32px). Previously the avatar was pinned to a fixed 28px, so avatars with no explicit size now render at 32px.

2.184.0

Minor Changes

6173f4c: Add ticks, snapToTicks, snapToleranceFraction, and onTickClick props to Slider. Ticks render as marks along the track (with optional clickable labels below), and soft snap applies to the value on release only — continuous drag and keyboard nav are unaffected.

Patch Changes

Updated dependencies [49a2957]
- @customerio/pluma-icons@1.19.0

2.183.0

Minor Changes

bfbc150: Panel padding can now be customized per side. In addition to the existing panelPadding one-var override, Panel exposes panelPaddingBlockStart, panelPaddingBlockEnd, panelPaddingInlineStart, and panelPaddingInlineEnd CSS vars. Each side falls back to panelPadding, which falls back to the default, so panelPadding keeps working as a single-value override.

Set these vars on a panel (or a container above it) to customize the whole panel's padding, or on an individual PanelSection to override just that section's padding — the section's negative inset margins keep cancelling the panel's padding, so overriding a section no longer needs competing padding declarations and isn't sensitive to the order component stylesheets are imported in.

A Table inside a Panel now resolves its edge-cell padding from the matching per-side panel padding rather than a single value; for panels with uniform padding this is unchanged.

Patch Changes

68ba0a7: Adds design, accessibility, and AI guidelines for the Form

2.182.0

Minor Changes

1d9f0be: Add FileInput component (React and Ember). It supports a single-button mode and a drag-and-drop dropzone mode (dropToAdd), with loading and selected-image states. The dropzone is built on native HTML drag-and-drop and file input APIs.

2.181.0

Minor Changes

4106b80: Buttons now render aria-disabled="true" instead of the native disabled attribute when disabled (via isDisabled, isLoading, or a disabling Button context). This applies to Button, PlainButton, CloseButton, and ToggleButton.

A natively disabled element is removed from the accessibility tree and the tab order, so screen readers skip it and it can't be focused — which breaks tooltips and other affordances that explain why a button is disabled. Using aria-disabled keeps disabled buttons focusable and announced (as disabled), while click and keyboard activation are still blocked.

Behavior change to be aware of:
- Disabled buttons no longer emit the native disabled attribute, and no longer set tabindex="-1" — they remain in the natural tab order. The disabled styling is unchanged.
- Consumers targeting button[disabled] / :disabled in CSS, or asserting the disabled attribute in tests, should switch to [aria-disabled='true'].
a789ffa: Add shouldShowOpenButton prop to Combobox for hiding the trailing dropdown-toggle button. Also fix onClear reopening the dropdown when shouldOpenOnFocus is enabled.
2bf386b: Radio, Checkbox, and Toggle now render the description prop. Previously the prop was part of their public API (inherited from the shared form-control type) but was never displayed. The description renders below the label, aligned with it, using the standard form description style.

Patch Changes

d5cc1e5: Adds Spinner design, accessibility, and AI guidelines
Updated dependencies [f510c71]
- @customerio/pluma-icons@1.18.0

2.180.0

Minor Changes

90527b8: Add the Timeline component (Timeline / TimelineItem, and PlumaTimeline / PlumaTimelineItem in Ember) for rendering ordered sequences of events with markers and a connecting rail.

Each TimelineItem supports a markerIcon, markerIconSrc, or markerContent (text, any node, or an empty string for a plain coin); a title, description, and meta (leading or trailing via metaPosition); per-row color, trackColor (rail color independent of the marker), markerSize, shape, lineVariant, and isCurrent. Rows with no marker render full-width with the rail passing through them, for hosting a Banner or other context. Color and line variant carry across the seam to the next row, and unsafe_color / unsafe_colorAbove / unsafe_trackColor allow one-off custom rail colors. Includes Timeline and TimelineItem test helpers.

Patch Changes

2cf152d: Recognize renamed IANA timezone aliases in the date picker timezone list. Browsers vary in whether they report the legacy or canonical name for a renamed zone, and several were only listed under one of the two names, causing the picker to fall back to an unrelated timezone. Both names now resolve correctly for Europe/Kiev/Europe/Kyiv, America/Godthab/America/Nuuk, Asia/Rangoon/Asia/Yangon, and Asia/Saigon/Asia/Ho_Chi_Minh.
Updated dependencies [64fed3c]
- @customerio/pluma-icons@1.17.0

2.179.0

Minor Changes

be595af: Add unsafe_leftSectionComponent to Select, matching the leading-section prop already on TextField, Search, and NumberField. It renders custom content on the left side of the select trigger — before the selected value and after any icon — for cases the icon prop can't express, such as always-included tokens or a custom badge.

2.178.4

Patch Changes

326607c: Swaps button order in EmptyState examples

2.178.3

Patch Changes

a3e6747: Adds Panel design, accessibility, and AI guidelines
58d8ac8: Updates overall Content and EmptyState content guidelines

2.178.2

Patch Changes

c211322: Updates Modal confirmation modal content guidelines
a693f59: Set position: initial on the Tabs tab element so its pseudo elements are positioned relative to the wrapper rather than the tab itself.

2.178.1

Patch Changes

58f4950: Fix Firefox keyboard shortcut key sizing by avoiding CSS calc division for font-size and line-height.

2.178.0

Minor Changes

38cbee6: Add elementBefore and elementAfter slots to NavItem for rendering custom content (e.g. an icon) in the leading and trailing parts of the item. In React these are node props; in Ember they can be passed as a component or via the :elementBefore / :elementAfter named blocks. Both compose with the built-in icon/arrow rather than replacing them: elementBefore renders after the icon, and elementAfter renders before the expand arrow when withArrow is set.

2.177.2

Patch Changes

103a715: Center Toggle fields vertically with their labels.
17011ac: Clarifies Tooltip content guidelines for sentences/phrase structure
c4f5774: Adds leniency to Button and Modal content guidelines for actions

2.177.1

Patch Changes

13b7298: Allow tab lists to scroll horizontally when tabs exceed the available width.

2.177.0

Minor Changes

e9ca77f: Avatar: added a withGravatar prop to control the email-based Gravatar lookup, and changed the default behavior so Gravatar is now off by default.

Previously, passing an email without a src always resolved a Gravatar image. Now the avatar derives initials/label from email but does not fetch a Gravatar unless you opt in with withGravatar (withGravatar={false} remains the default). This avoids surfacing third-party images for emails where that isn't appropriate (e.g. your customers' own contacts).

If you relied on email automatically showing a Gravatar, add withGravatar to those avatars:
```
- <Avatar email="person@example.com" />
+ <Avatar email="person@example.com" withGravatar />
```

Patch Changes

237c48b: Search (Ember): the className prop is now forwarded to the inner TextField, so it correctly applies to the component's outermost element. Previously it was dropped, matching the existing React behavior.

2.176.1

Patch Changes

e9b2ae0: Updates Buttons vs Links description and AI guidelines

2.176.0

Minor Changes

97b279f: PageHeader updates:
- Added PageHeaderTitleAction slot. Renders inline to the right of PageHeaderTitle (after PageHeaderLabel if present) and is meant for inline action affordances that operate on the page subject (e.g. an edit button). Generic slot — pass any content, typically a single icon-only Button.
- Reordered the page header so PageHeaderLabel now renders to the right of PageHeaderTitle (previously to the left), matching the latest design spec. Existing consumers automatically pick up the new layout — no API change.
- Deprecated PageBreadcrumbs. No layout change — it lives as a sibling of PageHeader inside Page, not inside the header grid, so existing pages render exactly as before. New code should render the standalone Breadcrumbs component above the page header instead. PageBreadcrumbs will be removed in the next major release.

Patch Changes

e42296b: Ember: stop overlays from throwing when their floating position is recomputed while the host is going away

Reading an overlay's floating position reads floatingUi.options, which calls the host component's options function — and therefore the host's args and getters. Those getters can touch state that has already gone away (e.g. a destroyed Ember Data store, or an unloaded record), in which case they throw, the error escapes the run loop, and it fails otherwise-unrelated work in the host app (this surfaced widely after consumers upgraded @glimmer/component to v2, which changed teardown ordering).

This happens via two routes:
- During an application/engine instance teardown, the instance flags itself as destroying and then flushes a final render queue (re-invoking the reference/floating modifiers) before tearing down individual components. FloatingUi#isTearingDown now also checks the owner — which, unlike the resource or host component, is reliably flagged as destroying during that flush.
- A deferred reference update can also be flushed in a later run loop after the host's data has gone away even though nothing is flagged as destroying yet. PositionFloating#position now bails with the last computed data if reading the host options throws, instead of letting the error escape.
Normal overlay open/close/positioning behaviour is unchanged.

2.175.1

Patch Changes

4247bb4: Ember: stop overlays from re-evaluating their floating position during owner teardown

When a host application/engine instance is destroyed, it flags itself as destroying and then flushes a final render queue before tearing down individual components. That flush re-invokes the reference/floating modifiers, which read PositionFloating#position — and reading position reads floatingUi.options, i.e. the host component's args and getters. Those getters may already touch torn-down state (e.g. a destroyed Ember Data store), so they throw, which fails test teardown and cascades into unrelated tests.

The existing guard only checked the floating resource and host component, but neither is flagged as destroying at flush time. FloatingUi#isTearingDown now also checks the owner (application/engine instance), which is reliably flagged as destroying during that flush, and PositionFloating#position returns the last computed data instead of reading options while tearing down.

2.175.0

Minor Changes

8adfb1e: Add SideNavGroup title visibility controls for animated navigation sections.

2.174.1

Patch Changes

3a10f02: Make untitled SideNav group spacing animate with visible NavItem presence. Keep NavItem inline visibility transitions from hanging if transitionend does not fire.

2.174.0

Minor Changes

f072d7a: Add NavItem inline visibility props for selected and deselected states.

Patch Changes

fb723c8: Add semantic backdrop tokens and use them for Modal, Blanket, and Drawer overlay backgrounds.

2.173.0

Minor Changes

08ae4e1: Add an icon prop to Select so React and Ember consumers can render a decorative leading icon in the trigger.

2.172.3

Patch Changes

660567f: Update ember-provide-consume-context to 0.10.0.

2.172.2

Patch Changes

b1bb9b7: Export ColorSchemePreference and ResolvedColorScheme from the React and Ember Pluma provider entrypoints.

2.172.1

Patch Changes

1f298de: Adds Heading design, accessibility and AI guidelines
422cc1f: Adds Ember utility subpath exports for component signatures, spread props, and sprinkle props.
02ec324: Fixes missing DataTable anatomy and descriptions

2.172.0

Minor Changes

82a2183: Add menu-only content slots to NavItemDropdownContent.

Patch Changes

1b77120: Add an onRowExpansionChange callback to DataTable.

2.171.6

Patch Changes

Updated dependencies [ca4b0cf]
- @customerio/pluma-icons@1.16.1

2.171.5

Patch Changes

aa5a1e0: Fixes some nav items capitalization
675ce99: Adds Icon design, accessibility, and AI guidelines
2554e72: Fixes broken internal links in design docs files
cddc973: Add an extra-small xs size for Toggle.
Updated dependencies [6cf95b5]
Updated dependencies [d8bcfd9]
- @customerio/pluma-icons@1.16.0

2.171.4

Patch Changes

e1b29b7: Pass native textarea attributes through the TextArea component.

2.171.3

Patch Changes

6453592: Adds Link component design and accessibility docs

2.171.2

Patch Changes

181690b: Fix CodeBlock full-line highlights on the final line.
96b6988: Separate linked expandable nav labels from their toggle buttons and keep the docs mobile navigation open while browsing.

2.171.1

Patch Changes

01464fe: Ensure CodeBlock reformats when its mode or theme changes while syntax highlighting is still in progress.

2.171.0

Minor Changes

c3883a9: Add CodeBlock props for copy button clicks and disabled copy button state.

2.170.2

Patch Changes

e8cad98: Adds DropdownMenu design and accessibility guidelines

2.170.1

Patch Changes

8ec5b0f: Fix React component SSR compatibility for prerendered docs pages.

2.170.0

Minor Changes

c147889: Add explicit Banner description rendering and child title/description composition components, with React and Ember codemods for migrating existing Banner children/yields into descriptions.

2.169.2

Patch Changes

b787941: Update ProgressBar and ProgressCircle to use the surface accent token for indicators, expose their styling variables through public fallback vars, and move the ProgressCircle transition to motion tokens.

2.169.1

Patch Changes

7f92908: Update dark-mode active surface tokens and align Table/DataTable hover backgrounds with semantic surface hover tokens.

2.169.0

Minor Changes

8e319d0: Add PlumaProvider component config options for CodeBlock default themes, mode, and color-scheme matching.

2.168.1

Patch Changes

e45e714: Make modal test helpers with a configured title fail when that titled dialog is not present instead of falling back to another open dialog.

2.168.0

Minor Changes

ed6825f: Add family-level React and Ember component package exports and scope CSS side effects to published CSS files.

2.167.1

Patch Changes

2415d3b: Fix polymorphic type checking for as prop — JSX.IntrinsicElements → React.JSX.IntrinsicElements

The global JSX namespace doesn't exist in TS 5.x with jsx: "react-jsx". The emitted .d.ts referenced bare JSX.IntrinsicElements, which resolved to nothing in consumers, causing the conditional type to fall through and silently accept any prop when as was used (e.g. <Box as="div" garbage="hello" /> compiled without error).

2.167.0

Minor Changes

3f33c80: Add temporary token overrides for snackbar, label, accent, date picker, and AI gradient tokens, with AI tokens exposed through theme variables and docs.

Patch Changes

1c686d3: Updates design and accesibility docs capitalization and adds missing EmptyState AI guidelines

2.166.4

Patch Changes

f9c5b35: Adds Popover design and accessibility guidelines

2.166.3

Patch Changes

bad4304: Fix mode-aware token aliases so references inside $extensions.mode resolve to the referenced token's value for the same mode. The tokens build now emits Cobalt UI's internal {token#mode} reference format for generated mode aliases, matching the format Cobalt's Figma collection parser uses for mode-specific variable references, and the components theme build strips that suffix when converting original aliases back to CSS variables.

2.166.2

Patch Changes

2b60dbe: Adds EmptyState design and a11y docs

2.166.1

Patch Changes

c2f2ba1: Fix DataTable showing a stray bottom border on the last visible row when virtualization is enabled and there are no more rows to scroll to. The virtualizer's end placeholder row now signals its empty state via a data-pluma-table-end-placeholder attribute, which TableTd uses to suppress the preceding row's bottom border.
4292248: Fix SegmentedControl icon shifting horizontally when the selected option changes. The icon and label now share the same fixed position across both the active (bold) and inactive (regular) states.

2.166.0

Minor Changes

81693ef: Add optional label prop to DataTableHeaderColumnsMenu. When provided, the trigger button displays visible text alongside the icon instead of rendering as icon-only.

2.165.0

Minor Changes

12b1753: DataTable: Group selected columns at top of Columns dropdown. Make Columns trigger button icon-only.
f41c63f: FormattedRelativeTime, FormattedDateTime: Widen date prop to accept null | undefined (renders — fallback). Treat 0 as missing. Auto-detect epoch seconds vs milliseconds for numeric inputs (values below 10_000_000_000 are converted to ms).

Patch Changes

e7b8653: Add Content foundations page with copy guidelines, add content guidelines to component design docs, and add get_content_guidelines MCP tool

2.164.0

Minor Changes

4ade8ba: Button: add unsafe_withMigratedButtonVariants flag (also configurable via PlumaProvider's componentConfig.PlumaButton). When set, button variants render as if the upcoming major release that removes the secondary variant has already shipped:
- prop secondary renders with current tertiary styles
- prop tertiary renders with current subtle styles
Intended to be enabled together with running the codemods/button-variant-rename codemod. With the flag on, the codemod can be applied safely before the breaking-change major release — your app looks the same before and after the rename. When the major eventually ships, drop the flag.

This flag supersedes unsafe_withSoftDeprecatedSecondaryVariant: when both are set (or just the new one), the secondary → tertiary mapping is still applied.

Patch Changes

4ade8ba: Add codemods (codemods/button-variant-rename/) that consumers can run ahead of the upcoming Button variant renames: tertiary → secondary and subtle → tertiary. Separate transforms ship for React (.tsx/.jsx) and Ember (.gts/.gjs/.hbs); see the codemod README for instructions on running it directly from this repo without publishing an npm package.

Pair this with the new unsafe_withMigratedButtonVariants flag (see separate changeset) so the renamed source renders identically to the pre-codemod look. When the major release that drops secondary ships, drop the flag — your app keeps rendering the same.

2.163.0

Minor Changes

c862593: Add Coin component — a shaped container (circle or rounded square) of fixed size that frames an Icon, Image, or short text content, with optional status indicator and label-token colorVariant. Coin propagates size, shape, imageFit, and color to descendants via context, so child Icon and Image components auto-size and Images can fill the coin edge-to-edge when imageFit="cover".

Deprecates LabelIcon (use <Coin><Icon /></Coin> instead) and Avatar's icon/iconSize props (compose with Coin for non-user-avatar use cases). Both will be removed in a future major version.

Patch Changes

c862593: Avatar: refactor to use Coin internally. Avatar's public API is unchanged. Visual output is unchanged: the gravatar-with-initials fallback (initials show through when the gravatar fails to load for an unknown email) still works. The icon prop still suppresses the initials fallback as before.
8e2b9cb: Updates Modal examples and fixes secondary button styling

2.162.1

Patch Changes

b413f84: Fix Ember Avatar backgroundColor passthrough

2.162.0

Minor Changes

8a64870: Add icon and iconSize props to Avatar

Patch Changes

5edd528: Updates do/dont style for doc-cards

2.161.0

Minor Changes

5651263: Add confirmationPhrase option to ConfirmationModal. When set, a text field appears requiring the user to type the exact phrase before the confirm button becomes enabled.

2.160.0

Minor Changes

b030e9f: Add NumberField component

Patch Changes

1f66f60: Adds TextField design and a11y guidelines
Updated dependencies [acdae62]
- @customerio/pluma-icons@1.15.0

2.159.0

Minor Changes

f47cafd: Add "app" CSS layer

2.158.2

Patch Changes

a8a109c: Adds Select design and a11y guidelines

2.158.1

Patch Changes

91eee6f: Adds Modal design and a11y guidelines

2.158.0

Minor Changes

f104019: Add color scheme variants to Image component
f104019: Add color scheme settings to PlumaProvider

Patch Changes

2728cf9: Fix SegmentedControl initial value indicator transition
2728cf9: Fix SegmentedControl indicator briefly animating in from the default position on initial render. The first position update now uses an inline transition-duration: 0ms override instead of relying on the parent's :has()-driven CSS variable, whose cascade can fail to reach the indicator before style.transform is mutated.

2.157.2

Patch Changes

550b301: Undo Pluma color token changes

2.157.1

Patch Changes

a9130e9: Refactors utility design doc component
583dab6: Fix incorrect types path in exports map for react/utils/* subpaths. The types field pointed to dist-react/react/public-utils/ but files are at dist-react/public-utils/.
42756d0: Adds Tooltip design and a11y guidelines
45fdd55: Adds AI skill to compile component docs made to be read by AI

2.157.0

Minor Changes

f8059df: Extending Select Component Test Helpers

2.156.2

Patch Changes

87c370e: Bump deps and fix typos in docs

2.156.1

Patch Changes

5456699: Fix skeleton shimmer in dark mode by replacing hardcoded white with a theme-aware color

2.156.0

Minor Changes

3406cae: Add Search component test helpers

Patch Changes

ed0c209: Adds Banner design an a11y docs
418c70f: Add early return with dev warning when icon name is undefined
76ab318: fix: replace raw palette refs with semantic tokens for dark mode compatibility

Components were referencing palette primitives directly instead of semantic color tokens, which breaks on dark themes since palette values don't change between modes.
- dropdown-menu dividers: palette['grey-100'] → color['border-minimal']
- progress-bar track: palette['grey-100'] → color['surface-subtle']
- skeleton-shape bg: palette['grey-100'] → color['surface-subtle']
- skeleton-text bg: palette['grey-100'] → color['surface-subtle']
- data-table selected rows: added dataTableSelectedRowBackgroundColor and dataTableNestedSelectedRowBackgroundColor component vars with current palette values as fallbacks

2.155.4

Patch Changes

c8025d4: Fix undefined icon name bug

2.155.3

Patch Changes

70322f9: Updates Label variant descriptions and rewords other descriptions
fc04dbc: Add icon-white color token, and fix up tokens in Button and Snackbar
Updated dependencies [cb56f59]
- @customerio/pluma-icons@1.14.0

2.155.2

Patch Changes

c178b86: Fix Label status indicator types and variants

2.155.1

Patch Changes

d6f92b5: Change underlying tooltip text color token from text-invert to text-white
6e30533: Updates Button state examples to live components

2.155.0

Minor Changes

3b24ecd: Update Dark and Light color tokens, add backwards compatible tokens, add blue and purple status indicators, and update Pluma docs

Patch Changes

911f2c3: Adds Label design and a11y documentation and updates component anatomy assets

2.154.1

Patch Changes

60a4fe1: Updates DataTable deisgn and a11y docs and fixes minor issues

2.154.0

Minor Changes

365aadb: Add autoColor prop to Avatar for deterministic name-based background colors

Patch Changes

c30daa4: Adds DataTable design documentation

2.153.0

Minor Changes

ade8e2d: DataTable: cell vertical align and test helper improvements

2.152.2

Patch Changes

7657371: Change underlying SideNav div to nav

2.152.1

Patch Changes

Updated dependencies [2b4ff94]
- @customerio/pluma-icons@1.13.0

2.152.0

Minor Changes

7d0bfcf: Update form label styles

Patch Changes

0ba0d07: Change default Page Header to h2

2.151.0

Minor Changes

a53dd1f: Allow disabling individual SegmentedControl options

2.150.0

Minor Changes

7c53b5f: Accept iconSrc in SegmentedControl options

2.149.2

Patch Changes

69b0f65: Fix Select placeholder text appearing darker than TextField and Combobox placeholders when value is an empty string.

2.149.1

Patch Changes

d03cec3: Add text-wrap: pretty to heading components to improve text wrapping and avoid orphaned words on the last line.
Updated dependencies [3b1c8c2]
- @customerio/pluma-icons@1.12.0

2.149.0

Minor Changes

cca0d11: Update Toggle styles to match latest designs

Patch Changes

6095fc9: Fix some flex style properties

2.148.1

Patch Changes

b3b2264: Fix for hidden table caption positioning outside of it

2.148.0

Minor Changes

6994e89: Allow remapping icon names via provider config

Patch Changes

1f6c8b1: Add top/bottom padding to DrawerBody
0f3ffac: Fix DataTable header background color overflow out of panel corners
7a317f0: Reduce page header top/bottom padding
aabfa2b: Add preferFilled prop to Icon
9879e44: Update Breadcrumb separator color

2.147.0

Minor Changes

bf09dd8: Animate-collapse SideNav titles when it collapses
2feed0c: Make SideNav footer sticky

Patch Changes

cd83010: Reduce label horizontal padding from space-100 to space-050

2.146.0

Minor Changes

32046c5: Add dropdown variant of NavItem with animated current active

Patch Changes

Updated dependencies [5ad2098]
- @customerio/pluma-icons@1.11.0

2.145.0

Minor Changes

c7c69fd: Reduce default Floating UI detect overflow padding

2.144.0

Minor Changes

7ba8c51: Update focus states

Patch Changes

037ed46: Update VisuallyHidden docs

2.143.1

Patch Changes

e359003: Fix missing line-height in baseline CSS
135a6b0: Fix invisible focus within Select's hidden input
ab9e7e8: Add tooltip to expand/collapse button in Side Nav component
4586cc4: Fix prop spreading in React NavItem

2.143.0

Minor Changes

2c840a7: Add global theme styles and variables

2.142.0

Minor Changes

3eacb12: Drawer: Add lg, xl, and xxl sizes and subtitle prop
5b419db: Remove legacy pseudo-element fade styles from Scrollable

Removes the fadeLeft, fadeRight, fadeTop, and fadeBottom pseudo-element classes from the Scrollable component. These used sticky ::before/::after elements with white-to-transparent gradients which didn't work well on non-white backgrounds.

The withEdgeIndicators prop (using mask-image) is now the only approach. The Select multi-value component has been migrated to use maskFadeRight.

2.141.0

Minor Changes

9fea690: KeyboardShorcut: fix color prop passing and adjust sizing
f6864a1: Update calendar/datepicker styling

2.140.0

Minor Changes

10e5afb: Scrollable: replace withEdgeIndicators pseudo-element approach with CSS mask-image classes. This fixes edge fade indicators for horizontal flex layouts and simplifies the implementation. The fade size can be overridden via the scrollable.vars.fadeSize CSS variable.
6c7f4a3: Add iconSrc prop to OptionCard for rendering custom image in place of an icon and update horizontal layout to use left text-align.

2.139.0

Minor Changes

f3ff499: Adding header and footer divider to match designs

2.138.3

Patch Changes

a99dbc4: Add onLoadMore and onSearch support to DataTableHeaderColumnsMenu
- onLoadMore/shouldLoadMore/isLoadingMore: infinite scroll via IntersectionObserver
- onSearch/searchResultColumnIds/isSearching: server-side search delegation
3ca22c5: Expose state prop to ModalPrimitive

2.138.2

Patch Changes

383b488: Adjust some types and lint ternaries

2.138.1

Patch Changes

86a2e8d: Prevent auto-open Combobox from reopening after selection

2.138.0

Minor Changes

7a84f5f: Add more style configuration options for some form elements

2.137.0

Minor Changes

0d993fc: Update Page margins/paddings to match latest Figma
1cd5f13: Add flag to soft-deprecate the secondary button variant

Patch Changes

649a653: Improved vertical centering in new PageHeader
cf7ee01: Fix unnecessary padding in "fullscreen" PageHeader
e40209f: Update drawer padding from space-200 (16px) to space-250 (18px)

2.136.0

Minor Changes

524feed: Update Page component to match new PageHeader design

2.135.1

Patch Changes

02dfca4: Fix scrollMargin calculation in virtualized DataTable

2.135.0

Minor Changes

d28860e: Add hover tooltips to collapsed NavItems

2.134.1

Patch Changes

2bdbff8: Add userEvent.setup() with pointerEventsCheck: PointerEventsCheckLevel.Never to ComponentTestHelperBase

2.134.0

Minor Changes

d4c7178: Add React (including React 19) to peer deps

2.133.0

Minor Changes

d29ad07: Improvements to DataTable
e6b3233: Update shadows and borders on popovers/dropdowns

2.132.0

Minor Changes

52ae322: Update Page component widths
ecfa868: Make NavItem expansion trigger icon filled when sub item is active

Patch Changes

1a46efb: Fix Panel not respecting backgroundColor prop

2.131.0

Minor Changes

e52b6ec: Add collapse behaviors to Breadcrumbs

2.130.0

Minor Changes

01451ac: Add "meta" to theme objects including raw color values

Patch Changes

Updated dependencies [d5343be]
- @customerio/pluma-icons@1.10.0

2.129.0

Minor Changes

f58851c: Increase SideNav width

Patch Changes

e8d1814: Remove NavItem icon color transition animation

2.128.0

Minor Changes

4aad52e: Make SideNav and NavItem transparent

Patch Changes

c0c5a45: Fix NavItem/SideNav collapsible states
Updated dependencies [5d08172]
- @customerio/pluma-icons@1.9.0

2.127.1

Patch Changes

8d1a546: (another) Fix DataTable not rerendering when composed

2.127.0

Minor Changes

e52ff27: Add SideNav component

Patch Changes

Updated dependencies [e52ff27]
- @customerio/pluma-icons@1.8.0

2.126.2

Patch Changes

Updated dependencies [0f700c7]
- @customerio/pluma-icons@1.7.0

2.126.1

Patch Changes

dacd2d4: Fix DataTable not rerendering when composed

2.126.0

Minor Changes

79234e9: Update tokens to make Figma sync easier

2.125.1

Patch Changes

9a0660f: Allow style to be passed in as an arg to TextField

2.125.0

Minor Changes

6fc450f: Add NavItem component

Patch Changes

58a4b51: Updated keyboard shortcut border radius from radius-4 to radius-6.
Updated dependencies [6fc450f]
- @customerio/pluma-icons@1.6.0

2.124.1

Patch Changes

4617cce: KeyboardShortcut: update border radius to 4px, map special keys to display symbols (Enter→↵, Tab→⇥, ArrowUp→↑, etc.), and use sans font for all symbol characters

2.124.0

Minor Changes

5573eb5: Add new KeyboardShortcut component that displays keyboard shortcuts with platform-aware formatting, powered by @tanstack/react-hotkeys. Supports isInverted prop for dark variant.

2.123.1

Patch Changes

Updated dependencies [b750d98]
- @customerio/pluma-icons@1.5.0

2.123.0

Minor Changes

9d214eb: Add withArrow prop to Tooltip component. When set to false, the arrow indicator on the tooltip content is hidden. Defaults to true to preserve existing behavior.

2.122.4

Patch Changes

220494f: Fix infinite rerender in React DataTable

2.122.3

Patch Changes

9631f8c: fix(DataTable): stabilize config objects to prevent infinite re-renders

Add use*Config hook wrappers (usePaginationConfig, useSortingConfig, useSearchConfig, useFiltersConfig, useEmptyStateConfig) alongside the existing get*Config functions. The hooks memoize the result using the actual prop dependencies, keeping the plain functions intact for ember usage.

The get*Config functions return new objects every render. When used directly as contextValue useMemo dependencies, every render produced a new context, forcing DataTableTable to re-render infinitely.

2.122.2

Patch Changes

102419f: fix(DataTable): fix infinite re-render loop in DataTableTable

table.getFlatHeaders() returns a new array reference on every render. Using it directly as a useLayoutEffect dependency caused setColumnSizing() to fire every render, which triggered a TanStack Table state update, causing another render — resulting in an infinite loop. This was triggered when consumers passed unstable prop references (e.g. inline filters or bulkActions objects).

Fixed by deriving a stable string key from header IDs to use as the effect dependency instead of the array reference.

2.122.1

Patch Changes

6d7d6d0: fix(TextArea): pass onKeyDown and rows props to inner TextAreaInput

The React TextArea component accepted onKeyDown and rows in its type definition but silently dropped them — they were never forwarded to the inner TextAreaInput. This caused onKeyDown handlers to never fire and rows (without minRows) to have no effect.

2.122.0

Minor Changes

0146d5a: Add CSS var customization options to Checkbox and Radio

2.121.0

Minor Changes

6ec2006: Mark all dependencies as external in rollup builds
1ec0991: Update ember-provide-consume-context to 0.9.0

2.120.2

Patch Changes

749c4b9: Fix CodeBlock Shiki caching and test flakiness
Updated dependencies [d8b56a9]
- @customerio/pluma-icons@1.4.0

2.120.1

Patch Changes

eddd2fe: Fix Pluma Select types

2.120.0

Minor Changes

03390df: Add withTruncatedTooltip to entire Select component as arg

Patch Changes

03390df: Fix timing issues in Ember tooltips

2.119.2

Patch Changes

58931c6: Prevent from calling .lookup on Ember app if being destroyed
1f0787e: The Select optionComponent prop was missing its generic Option param

2.119.1

Patch Changes

6cec3fd: Bust cell colspan cache when colspans change
28651fc: Make sure Tanstack Table type mergig is included in build

2.119.0

Minor Changes

53a9c06: Add tooltip support to Select option items
f7f848f: Add colspan configuration to DataTable

2.118.0

Minor Changes

2552969: Add single-row selection mode to DataTable

Patch Changes

Updated dependencies [be35e89]
- @customerio/pluma-icons@1.3.0

2.117.0

Minor Changes

d1ce347: Add shouldAllowAutofill prop to TextField and Textarea components (React and Ember). When set to false (default), disables password managers (1Password, LastPass, Bitwarden, Dashlane) by adding appropriate data attributes and autocomplete="off". Set to true to allow password managers on credential fields.

Patch Changes

baf4f86: Add DropdownMenu test helpers for integration testing

2.116.3

Patch Changes

9a20763: Update Slider colors to match Figma

2.116.2

Patch Changes

11ef1bd: Fix exported managed modal types

2.116.1

Patch Changes

f4faaa8: Fix @testing-library/react peer dependency
6001b68: Fix center baseline alignment of elements with icons
225622a: Fix build output for Ember's confirmation modal
86728ef: Fix circular imports in CodeBlock utils

2.116.0

Minor Changes

fd4f3a4: Link - add custom icon support

2.115.0

Minor Changes

865f3bd: Add form control centering utilities

2.114.0

Minor Changes

b3af577: Add onOpenChange to Combobox
b3af577: Make TextField,Select,Combobox maintain width regardless of isLoading

2.113.0

Minor Changes

5a588df: Add isClearable option to Combobox

2.112.0

Minor Changes

e8025e0: Mark react/jsx-runtime as external

Patch Changes

62a87f8: Update Pluma stories and docs to not use the colon notation

2.111.0

Minor Changes

c81f122: Better nested modal support

2.110.2

Patch Changes

b5d07c8: Fix Ember FloatingUI list navigation refs

2.110.1

Patch Changes

9472c5c: Fixes an issue with pluma select where searching for items wouldn't expand matching groups

2.110.0

Minor Changes

a88a065: Add ability to configure PlumaSelect's popover dimensions

2.109.0

Minor Changes

d210b1b: Add defaultIsOpen prop to Select
fb9883f: Allow wrapping long multi-select values to multiple lines

Patch Changes

241956b: Reduce height of small SegmentedControl

2.108.0

Minor Changes

7624f0b: Add ColorPicker
2d70c8a: Button - add custom icon support

2.107.0

Minor Changes

a37b4e1: Add selectContext to Select's header/beforeOptions/footer components

2.106.0

Minor Changes

438dcf0: Add ability to create new options in Select component

Patch Changes

57704ed: Make Portal more useful

2.105.1

Patch Changes

1671236: Adds truncate to Select placeholder

2.105.0

Minor Changes

6e16bf8: Make @internationalized/date a peerDependency

Patch Changes

cdc291d: Fix sync issue with external value for react datepicker component.

2.104.0

Minor Changes

5276d72: Add additional Select test helpers

2.103.2

Patch Changes

a8b97a9: Followup fix for Ember Floating UI state cleanup

2.103.1

Patch Changes

b51af5d: Fix Ember Floating UI cleanup not running when closing

2.103.0

Minor Changes

a8f6461: objectFit prop to component

2.102.2

Patch Changes

74c14f9: Fix React CodeBlock style prop merging

2.102.1

Patch Changes

c5bde94: Add overrides for certain code tag styles in CodeBlock

2.102.0

Minor Changes

3aa12fa: Add "Select" variant to Filter types

Patch Changes

f1bf311: Fix reset styling in CodeBlock

2.101.0

Minor Changes

e17e3e7: Add support for md sized LabelIcons

2.100.0

Minor Changes

fe88893: Add isClearable to Select component

2.99.0

Minor Changes

247cef4: Add test helpers for Select component

2.98.1

Patch Changes

a6a51ca: Change row action event propagation stopping from onclick to onclickcapture to precede custom events

2.98.0

Minor Changes

abd35e0: Ember managed modals: auto close in controllers

Patch Changes

720fa2b: Fix vertical alignment in title-less Banners

2.97.1

Patch Changes

3b6d8df: Update ember addon map

2.97.0

Minor Changes

13c3f7c: Add JsonField input
96777c8: add support for unsafe_props to Textarea and JsonField

2.96.0

Minor Changes

a553f28: change FormLayoutGroup to use css grid instead of flexbox - removes alignInline prop

Patch Changes

ce57ea3: Ensure aria-labelledby error state is appended correctly

2.95.0

Minor Changes

16125bb: Add support for *px format, when specifying widths in the data table
72d0452: add regex support to modal test helpers

Patch Changes

84536a7: Add unsafe_props forwarding to internal form Ember components

2.94.0

Minor Changes

5af3b54: Switch the add filter button to a subtle variant
23ed309: Added isAlwaysShown option to filters

Patch Changes

9cb19c7: Ensure the unix timestamp input adheres to any minDate/maxDate validations in the Datepicker when using withTime

Adjust PlumaModal test helper dialog getter to use queryByRole instead of getByRole to prevent test timeouts when checking modal state

2.93.0

Minor Changes

cb5435d: Add customization to form control sub-elements

2.92.0

Minor Changes

2b23759: Add "by title" query option to Modal test helper

2.91.1

Patch Changes

9785f22: Fix Ember ConfirmationModal message component types

2.91.0

Minor Changes

a575a7e: Add onConfirm and onCancel callbacks to the ConfirmationModal

2.90.0

Minor Changes

89a532f: Added confirmation modal

2.89.0

Minor Changes

cb5faf9: Add option to autoclose managed modals on unmount

2.88.0

Minor Changes

dae9b88: Link improvements: truncation and icon-only links
20dfe37: Add more caching in Ember FloatingUI implementation

Patch Changes

c891cbc: Reverse order of ModalProvider and SnackbarProvider

2.87.0

Minor Changes

487a2a6: Add Modal Manager API

2.86.1

Patch Changes

f5577ca: Add special language and theme Shiki types to CodeBlock props

2.86.0

Minor Changes

5867bca: Add CodeBlock component

2.85.3

Patch Changes

4ba9d5c: Fix text props not being applied with React version of Truncated component

2.85.2

Patch Changes

94b1a3c: add footerComponent to Select

2.85.1

Patch Changes

c1cb6e8: Fix formatting dates in DatePicker (make them timezone-aware)

2.85.0

Minor Changes

74d2b0a: Add verticalAlign utility sprinkle
ff5ce87: Add more cursor utility sprinkle values

2.84.0

Minor Changes

7fefb01: Update DatePicker width for withTime, improve Ember props passing

Patch Changes

3421cb5: Avoid flash of old state in DatePicker

2.83.0

Minor Changes

f73a94d: Add textTransform "none" utility sprinkle

Patch Changes

f4f5bb4: Only show Modal Header if title is present
ce5405b: Allow singular units in DatePicker minRange/maxRange strings
237ab5b: Fix TextArea styles (height, outline)

2.82.0

Minor Changes

f7d2e29: Accept more formats for DatePicker's minRange and maxRange
180393c: Add unix timestamp input to date (with time) picker

Patch Changes

55e793f: Fix doc rendering for withTime example in Ember
813097f: Implemented various spelling fixes across the docs and components packages using CSpell in ESLint and CI

2.81.0

Minor Changes

6042268: DatePicker component withTime prop

New Features
- withTime prop: Enable time selection in DatePicker component
- reference prop: Allows for DST labels to be calculated correctly based on a reference date (either before or after DST)
- ZonedDateTime support: When withTime={true}, component returns ZonedDateTime instances instead of CalendarDate
- Time selection UI:
  - Hour input (12-hour format)
  - Minute input
  - AM/PM selector
  - Timezone selector with comprehensive timezone database
- Time state management: New utilities in time-zone.ts for managing time selection state
- Exports updated including SELECTABLE_TIME_ZONES and getSelectableTimeZones() from date-picker utils
Behavior Changes
- withTime cannot be used together with isRange (mutually exclusive as seen in Figma)

Patch Changes

7531245: Add linting to CI and added relevant ESlint changes (ignores, code changes)

2.80.1

Patch Changes

d62981c: Fix Ember DatePicker timing issues

2.80.0

Minor Changes

39355ee: Add minRange and maxRange to DatePicker
7a7900b: Add isPresetDisabled to DatePicker

2.79.0

Minor Changes

a0a1c83: Add "timeZone" prop to DatePicker

Patch Changes

9fe57ba: Add option to adjust color to the react textlabel component, it is already functional in ember

2.78.0

Minor Changes

6edfcef: Update Button padding/sizing to match Figma

2.77.0

Minor Changes

46bf382: Add borderless variant to Accordion

Patch Changes

e56dec0: Make banner content expand appropriately:
- close buttons stay on the right and up
- buttons go to the bottom and slide right
- text wraps and hyphenates
f909789: Fix Storybook dependency versions

2.76.3

Patch Changes

be9a89f: Update eslint in all packages
e76a4fd: Update to Glint V2
efb1fc6: (internal) Replace @/ alias with relative imports
Updated dependencies [be9a89f]
- @customerio/pluma-icons@1.1.6

2.76.2

Patch Changes

156e515: Ember Floating UI performance improvement
775b0d4: Small performance improvement in Ember DataTable

2.76.1

Patch Changes

a6d04b6: Fix tooltip bug

2.76.0

Minor Changes

d34835c: add iconComponent prop to Select

Patch Changes

39da22c: Small typo fix in css variable
d0b05fd: [ember 6.x] update renderer context path to support apps running ember 6
710d834: Fix valueComponent not rendering
acabcff: fix tooltip form submission bug

2.75.1

Patch Changes

068a3cd: Fix disabled popover bug

2.75.0

Minor Changes

5a1ce5f: Add pagination to the top of the DataTable component

Patch Changes

6bd272b: Clean up some boolean logic in utils/events

2.74.0

Minor Changes

e531a56: Add support for nested menus in DropdownMenu

2.73.1

Patch Changes

2aceef8: Expand collapsed Select groups when searching
17eafed: Remove unused wait-on dependency

2.73.0

Minor Changes

bb61de1: Add multi-select support to Select
27409f2: Make Select groups collapsible

2.72.0

Minor Changes

b03812a: Add experimental dark theme

2.71.0

Minor Changes

6adbac8: Add Radio and RadioGroup test helpers

Patch Changes

91c91a9: Disable spinner animation when prefers-reduced-motion is enabled
a325d8b: Optimizes processStyleValue a little bit

2.70.0

Minor Changes

e083a8d: Adding test helpers for the data table component

2.69.0

Minor Changes

fd178af: Add test helpers for CheckboxGroup, Toggle, and Spinner
dc755d6: Add Ember FloatingTree implementation, set up PopoverPrimitive for nesting

Patch Changes

3078626: Fix overflows in SegmentedControl

2.68.4

Patch Changes

a0becbb: Optimizes rendering of more html elements

2.68.3

Patch Changes

5f56a5a: Optimizes rendering of PlumaBox divs on Ember

2.68.2

Patch Changes

ae2b999: Add overflow-wrap to tooltip content

2.68.1

Patch Changes

8ef82a9: Prevent icon in Select from flex-shrinking

2.68.0

Minor Changes

236e08f: Add icon argument to Combobox

2.67.2

Patch Changes

1796506: Fix Ember PlumaFlex args types

2.67.1

Patch Changes

5a1b487: Fix DataTable initial expanded state

2.67.0

Minor Changes

983e519: Make entire DataTable rows clickable

2.66.0

Minor Changes

7e2f424: Add test helpers for ToggleButton and Checkbox

2.65.1

Patch Changes

5b3182a: Update padding/gaps in PageLoader

2.65.0

Minor Changes

311ac37: Add extract and find functions for Test Helpers, deprecate get function

2.64.0

Minor Changes

a48d623: Add Card component

2.63.5

Patch Changes

7741aa2: Fix ProgressCircle null state, add animations for ProgressBar and ProgressCircle

2.63.4

Patch Changes

5e64dab: popover buttons should never submit forms

2.63.3

Patch Changes

d75cc3e: Add visibility sprinkle

2.63.2

Patch Changes

11c7020: Handle non-strings given to isEmptyString gracefully

2.63.1

Patch Changes

9f1d89c: Fix truncated component not accepting box props in type definition

2.63.0

Minor Changes

e58c639: Add Ember utility for spreading props

2.62.2

Patch Changes

27f1023: Missing sprinkle props on popover trigger

2.62.1

Patch Changes

370ce59: Respect open popover regardless of the passed in isActive state
71abc85: Update subtle button hover and active states

2.62.0

Minor Changes

45c0b8b: Accept boolean for DataTable getRowCanSelect

Patch Changes

72a9291: Fix filters dropdowns overflowing on long content
Updated dependencies [6c2faba]
- @customerio/pluma-icons@1.1.4

2.61.0

Minor Changes

ef85bbe: Add additional test helpers to Badge, Button, Text, and Banner

2.60.0

Minor Changes

5862bd9: Add missing splattributes to PlumaCombobox

Patch Changes

a80c9ee: Update button styles and dimensions
Updated dependencies [2a67c32]
- @customerio/pluma-icons@1.1.3

2.59.0

Minor Changes

1d1302c: Adds isOpen and close function to the PopoverPrimitive

Patch Changes

Updated dependencies [1d1302c]
- @customerio/pluma-icons@1.1.2

2.58.0

Minor Changes

0f9dcdf: Add isActive prop to Button component
810b810: Adds label prop to the Divider component
8f6af20: Add PopoverTriggerButton component

Patch Changes

Updated dependencies [4a51fd2]
- @customerio/pluma-icons@1.1.1

2.57.3

Patch Changes

dbf3d92: Adding a tooltip design guideline
Updated dependencies [ccb073f]
- @customerio/pluma-icons@1.1.0

2.57.2

Patch Changes

e974722: Don't shrink SkeletonShape in flex containers

2.57.1

Patch Changes

185bcb7: Fixes the fade indicator not showing up

2.57.0

Minor Changes

248bbde: Update to refreshed icon set

Patch Changes

Updated dependencies [248bbde]
- @customerio/pluma-icons@1.0.0

2.56.2

Patch Changes

347317c: Fix autoclosing Snackbars causing brief overflows

2.56.1

Patch Changes

d52730d: Fix DataTable header cell contents rendering on top of selection row

2.56.0

Minor Changes

d3fefba: Read available icon state from IconManager
3d1343a: DataTable: allow rendering disabled checkboxes in row selection
094e738: Added edgeThreshold and overflow=hidden option to Scrollable component
b3f1975: adds withEdgeIndicators option to the Scrollable component

Patch Changes

c961c4e: Allow self-selection for Icon test helpers
982c4d0: Fix multiple spritesheets attaching in dev
Updated dependencies [d3fefba]
Updated dependencies [d3fefba]
Updated dependencies [982c4d0]
Updated dependencies [d110086]
- @customerio/pluma-icons@0.9.0

2.55.0

Minor Changes

82eaaa8: Add PlumaIcon defaultSizeVersion to PlumaContext

2.54.1

Patch Changes

409cc8e: Prevent Avatar from shrinking in flexbox layouts

2.54.0

Minor Changes

c3f9123: Fix icon IDs potentially conflicting with other DOM elements

Patch Changes

Updated dependencies [c3f9123]
- @customerio/pluma-icons@0.8.0

2.53.0

Minor Changes

6e931f0: Add virtualized rendering support to DataTable

2.52.0

Minor Changes

3aef7d9: Add size option to LabelIcon

Patch Changes

Updated dependencies [cc76dd7]
- @customerio/pluma-icons@0.7.2

2.51.1

Patch Changes

95c161f: Fix aria role for the ProgressBar component

2.51.0

Minor Changes

88466bf: Allow renaming "Default" DataTable saved view

Patch Changes

8081a66: Fix React DataTable effect dependencies
b27afbf: Improve DataTable overflow styles

2.50.0

Minor Changes

79f963f: add isLoading and autoLoading to the PlainButton

2.49.0

Minor Changes

cb160e8: Add search and virtualization to DataTable columns dropdown
7698317: allow PlainButton to render a PlainLink when given a href

Patch Changes

ae0a3e2: Fix z-index issues in DataTable thead

2.48.1

Patch Changes

699a21a: Fix Icon test-helper

2.48.0

Minor Changes

c217049: Adds v2 sizing for icons, moving on from fly sizing

2.47.0

Minor Changes

0f61834: Add test helpers

Patch Changes

Updated dependencies [0f61834]
- @customerio/pluma-icons@0.7.1

2.46.0

Minor Changes

5b01963: Update Storybook and Vite to latest versions

2.45.0

Minor Changes

7581f16: Updates vanilla-extract dependencies
4e1fd24: Adds isDraggable option to popover and popover primitive to make them draggable

2.44.0

Minor Changes

951b0a5: Add more configuration options to bulk and row action dropdowns

Patch Changes

dc36750: Mark DropdownMenuTriggerButton as active while menu is open

2.43.0

Minor Changes

c5de48f: Add "Row actions" support to DataTable

2.42.0

Minor Changes

e743ade: Add "load new" and "load more" support to DataTable

2.41.0

Minor Changes

5ea0a8e: adds minRows and maxRows to the <TextArea /> component

2.40.0

Minor Changes

b53070a: add isActive prop to <Blanket /> component
98719fd: "Expand" DataTable search input by default

Patch Changes

61d5cfd: Allow margin to be set on vertical dividers

2.39.0

Minor Changes

086b3e0: Add a direction prop to the <Divider /> component

2.38.0

Minor Changes

8ba1d7d: Allow controlled DataTable states without manual sorting/paginating/filtering

Patch Changes

9a71da3: Properly pass name through inputs
9b67486: Keep search field in sync with select field size

2.37.0

Minor Changes

35ca4a3: Add saved views to DataTable

2.36.0

Minor Changes

c211673: Add component
689dc47: Changes the code text styles to be relative to the parent width

2.35.1

Patch Changes

892dc6d: Add export for ember hbs component lookups

2.35.0

Minor Changes

912496f: Add empty state to DataTable component
7363af7: Add loading state to DataTable

Patch Changes

f6bc20b: Make DataTable "filters" button in header toggle the header section

2.34.0

Minor Changes

510d625: Add search and filter support to DataTable

2.33.0

Minor Changes

b4ef7e7: Add date and custom filter support to Filters component

2.32.0

Minor Changes

e96fe09: Allow customizing the Button's icon color

2.31.0

Minor Changes

62b9201: Add "dashed" variant to Tag component

Patch Changes

cc261bd: Fix: Add explicit type="button" to Tabs when rendered as button elements

2.30.0

Minor Changes

cb8ec82: Add Patterns documentation

2.29.0

Minor Changes

50e4b6e: Add bulk action support to DataTable

2.28.1

Patch Changes

662e94c: Prevent TextField left/right sections from flex shrinking

2.28.0

Minor Changes

6f97ca3: Add more props to PlumaSearch

2.27.1

Patch Changes

8bcc144: Fix activeIndex in Ember PopoverPrimitive

2.27.0

Minor Changes

bab497c: Add more configuration props to PopoverPrimitive and DropdownMenu
1a647f3: Add "compact" variant to Tag component

2.26.0

Minor Changes

2906d4b: Make DataTable composable

2.25.0

Minor Changes

15ac7c4: Add more Floating UI middleware customization options

2.24.1

Patch Changes

a901d82: Revert "don't shrink divider"
073c3d0: Fix Select showing description in default selected value component

2.24.0

Minor Changes

764e810: Adds a withPanel prop to the DataTable to wrap the table in a pluma panel

2.23.0

Minor Changes

d6c9c41: Add description option to the Select component
23f8672: Added <DropdownMenuFooter /> component

Patch Changes

1cdbf96: Don't shrink the divider when in a flex container

2.22.0

Minor Changes

5a653e0: Add columns to segmented control

2.21.0

Minor Changes

0848d6f: Add isPulsing to the StatusIndicator component

Patch Changes

e2e9164: Forward Text props in the ember Truncate component

2.20.0

Minor Changes

c1e6dcf: Added StatusIndicator component

2.19.0

Minor Changes

c35c9e6: Added a Truncation to Filter component
154827f: Added Scrollable component

Patch Changes

d89a395: Remove extra div from filters truncation implementation
254a853: adds last 365 days preset to pluma datepicker

2.18.0

Minor Changes

c5c1bdb: Support modal split in both directions
17c2666: Automatically detect whether a link should be treated as isExternal

Patch Changes

06d4c19: Changes the NativeOnClickEventArgType type to extend from MouseEvent, the actual event, instead of the generic Event type.

2.17.0

Minor Changes

a305dd7: Added Truncated component

2.16.0

Minor Changes

10f7e20: Add isLoading and autoLoading to banner action

Patch Changes

2a1f4bd: Allow null as a value for the TextField icon prop

2.15.2

Patch Changes

1a44f8a: Fix misalignment for description in promotion empty state
8d2094c: Render non-interactive dropdown menu item as div
e0fb584: Fixes key warning when using Popover on React with render functions

2.15.1

Patch Changes

193316c: Don't include clickable styles unless the dropdown menu item is clickable

2.15.0

Minor Changes

e3c01bb: Add isDisabled and onToggle to Accordion. Add defaultOpen to AccordionGroup.

2.14.1

Patch Changes

Updated dependencies [7da9784]
- @customerio/pluma-icons@0.7.0

2.14.0

Minor Changes

70d7185: Added promotion variant to EmptyState

2.13.0

Minor Changes

684c82c: Add new split variant to the modal

2.12.0

Minor Changes

e3d29b4: add withPadding property to panel section
e89943e: Add Filters component

Patch Changes

1d50217: Remove unneeded Proxy hack
1af5198: Moved panel title to default to level 3 instead of level 2
d11938b: Fix misconfigured css in the accordion styles

2.11.0

Minor Changes

513f3c8: Added size and isInline props to the Image component

2.10.1

Patch Changes

bf94bce: Select legacy styling: update text color

2.10.0

Minor Changes

8e0654d: Add CloseButton component
cbe1553: Add "legacy" style variant to Select component

2.9.0

Minor Changes

a5cb80e: Added align meta option for data table configuration

2.8.0

Minor Changes

887aca6: Add isDisabled prop to Tag component
f3f83df: Simplify PopoverContent styles

Patch Changes

9ce5413: Update DataTable docs and Ember proxy function
887aca6: Fixed incorrect height due to border for Tag component. Set the cursor for the Tag component delete button.
54010e8: Fix layout issue in panel footer

2.7.0

Minor Changes

ab5e0b9: set a min size of 25 characters when the date picker is a range

2.6.0

Minor Changes

3b72342: Add Description component to Panel

2.5.0

Minor Changes

c5a7c45: Added ProgressCircle component
1bb6c83: Added variant support for banner actions and added isOutlined prop for banners
3335c4a: Add Accordion and AccordionGroup components

2.4.0

Minor Changes

ecd5296: DataTable: Add pagination support
306b129: DataTable: Add sorting support
08a5be6: Added PlainButton component

2.3.0

Minor Changes

3fa7c3f: added size option to option card

2.2.0

Minor Changes

db49dab: DataTable: Add column width configuration

2.1.0

Minor Changes

63046b4: DataTable: Add support for selecting rows

Patch Changes

658d7ae: Update code examples in Select docs

2.0.1

Patch Changes

0505c9f: Pluma Table: fixed clickable table header's spacing.

2.0.0

Major Changes

fac2aa7: Prevent date formatting from crashing Ember VM on some browsers.

Minor Changes

a12db01: Add onCheckedChange to checkbox, radio, and option card
4e4a1bf: Add flex:1 to option-card-content
ee56da6: DataTable: add support for nested/expanding rows

Patch Changes

Updated dependencies [4495cf5]
Updated dependencies [c05554d]
- @customerio/pluma-icons@0.6.0

1.49.0

Minor Changes

ff8471c: Adds tooltip prop to the DropdownMenuItem

1.48.0

Minor Changes

b96c715: Add support for DropdownMenuGroup without a label

Patch Changes

dd40f3d: Fix select and combobox placement to be fixed to the left or right of the target
3d16dd2: Spaced button groups have a gap of 100 instead of 150

1.47.2

Patch Changes

33afa03: Make sure to destroy Floating UI plugin when component destroys

1.47.1

Patch Changes

a375e75: Fix potential ResizeObserver loop bugs in Ember

1.47.0

Minor Changes

7cd4df4: Add DropdownMenuCheckboxItem component
a4267cb: Add shouldCloseOnClick to DropdownMenu
4230bab: Fix PlumaButton issue with ember-concurrency task

1.46.0

Minor Changes

e15ca30: Added <Image /> component
7453e7f: Adds description option to DropdownMenuItem component

1.45.0

Minor Changes

8eb5599: Add first version of DataTable component
5e18455: Update Table styles

1.44.0

Minor Changes

fb5d096: Added DropdownMenuTrigger button component

1.43.0

Minor Changes

85f8072: Add async support to Select and Combobox

1.42.0

Minor Changes

e820f31: Added DropdownMenu component

1.41.1

Patch Changes

93f3fcf: Make Radio/Checkbox context value handling safer

1.41.0

Minor Changes

3c9e19d: Add Combobox component

1.40.0

Minor Changes

ef298bc: Added minDate, maxDate, isDateDisabled to DatePicker component

Patch Changes

Updated dependencies [ff24aa5]
- @customerio/pluma-icons@0.5.0

1.39.0

Minor Changes

54daca8: Added onClick to breadcrumb items

1.38.0

Minor Changes

3ab082a: Add virtualized rendering to PlumaSelect

1.37.1

Patch Changes

3aa827e: Prevent Ember Checkbox/Radio from changing state when not wanted

1.37.0

Minor Changes

c5a2994: Added isLoading prop to <Page::Body /> component
4d20cbb: Added <PopoverPrimitive::Item/> component for creating navigable items inside popovers

Patch Changes

Updated dependencies [320ade6]
- @customerio/pluma-icons@0.4.3

1.36.0

Minor Changes

8ef1df3: Replace wordBreak sprinkle utility with overflowWrap sprinkle utility

Patch Changes

63caa05: Extracts Yield internal utility for react
a215764: Extend PopoverPrimitive types instead of duplicating them
81c127d: Prevent buttons from shrinking in flex wrappers

1.35.0

Minor Changes

5af20f1: Add wordBreak and truncate sprinkle utilities

1.34.0

Minor Changes

1c63973: Remove absolute positioning from form control error label

Patch Changes

e9b6566: Align actions to the right when responsively stacked
a1d890e: Align title/description with icon in banner

1.33.0

Minor Changes

5c5aeda: Passing 0 to autoCloseTimeout in the snackbar should prevent it from closing automatically

1.32.0

Minor Changes

f7200c0: Add support for clearing all snackbars

1.31.0

Minor Changes

6386b41: Renamed warning option in <Banner /> to caution

Patch Changes

c4fc506: Remove extra space around popover primitive trigger

1.30.2

Patch Changes

ffb705b: Remove extra space around popover primitive trigger

1.30.1

Patch Changes

7f8266d: Add ability to create portable Snackbar API instance

1.30.0

Minor Changes

b8a1927: Creates the PlumaTag component
a037499: Added error and success variants to the snackbar
d86a66a: Added <PlumaEmptyState::Graphic /> for custom graphics

Patch Changes

28215a8: Moved popover to use popover primitive

1.29.0

Minor Changes

a23d85b: Added statusIndicatorColor option to <Avatar />
414ff13: Added shouldSubmitOnEnter to the TextArea component

Patch Changes

902ec28: Minor type updates to the flex component
1f7900c: Don't flex-shrink pagination component

1.28.0

Minor Changes

ea1a125: Added withResponsiveContainer to make inline banners responsive

1.27.0

Minor Changes

006815b: PlumaTable: allow hover-highlighting only specific rows

Patch Changes

14d3d87: Tooltip content text center-aligned on top or bottom placement, left-aligned for all other placements

1.26.1

Patch Changes

d7a93ab: Fix Tabs alignment (again)

1.26.0

Minor Changes

a42169a: Update border colors to match latest Figma state

1.25.0

Minor Changes

0e4457f: Adds <Form /> component

Patch Changes

5a6b5cd: Fix vertical alignment of Tabs in TabsList

1.24.0

Minor Changes

c077b15: Adds withOverlay option to disable overlays for drawers
06f40ed: Table matches panel padding when inside of a panel
85ca547: Add inline alignment option to Tabs
c0de8a3: Date components fall back to an em dash when given a falsy value
4df7846: Add isUnderlined option to PopoverTrigger

Patch Changes

a28ef7d: Updated Panel component to have a padding of 20px

1.23.3

Patch Changes

7fefe9f: Remove whitespace around Ember PopoverTrigger

1.23.2

Patch Changes

e415a6a: Improves styles for full screen pages

1.23.1

Patch Changes

0382478: Improve React Select component performance

1.23.0

Minor Changes

1ab3a3d: Add shorthand prop values for sizing on button group, button, progress bar, segmented control, select, text field, toggle button, and toggle

Patch Changes

ba2764a: Improve styles for isFullScreen in page component

1.22.2

Patch Changes

f2586f1: Fix bug where justify content didn't work on buttons

1.22.1

Patch Changes

7837a68: Button content container does not expand past parent width

1.22.0

Minor Changes

6055aba: Update workflow color tokens

1.21.3

Patch Changes

eff3174: Fix default alignInline value for PlumaInlineStack (change to "start")

1.21.2

Patch Changes

09f2608: Use more stable references in Ember floating ui/contexts
9a638bb: Apply floating-ui size middleware callbacks in rAF

1.21.1

Patch Changes

91562e5: Fixed modal incorrectly positioned in ember

1.21.0

Minor Changes

1959761: Add @style prop to all components to sidestep ember style attributes clobbering each other

Patch Changes

1e9c72a: Fixes popover arrow border over dark backgrounds

1.20.1

Patch Changes

7a29df2: Fix misalignment with text in SkeletonText component'
fe6c373: Open PlumaSelect on mousedown (instead of click)

1.20.0

Minor Changes

a47d5fa: Change styling to be subtler for skeleton components and added shouldAnimate option to disable animation

1.19.0

Minor Changes

4b5b6cc: Added <Avatar /> component

1.18.1

Patch Changes

ed03547: Improve Ember context usage

1.18.0

Minor Changes

6810742: Added shape prop to <LabelIcon /> component
4974f15: Add <Drawer /> component
4974f15: Added <PlumaModalPrimitive /> component

Patch Changes

ed11ec8: Adds autofocus attribute to TextField component

1.17.1

Patch Changes

8fb878d: Restrict PopoverContent max height/width

1.17.0

Minor Changes

eedf309: Added truncate property to text components
d725b9f: Deprecated isError and replaced it with isDanger for the <Button /> component
e97ae74: Added <FormLayout /> component

1.16.0

Minor Changes

8f38f00: Add cursor-based paging support to Pagination component

1.15.0

Minor Changes

1ec60a3: Added <SkeletonShape /> component

1.14.0

Minor Changes

3bac147: Support customized line widths for SkeletonText
451940d: Add Emphasis and Strong components

1.13.0

Minor Changes

bfb1ba6: Added <SkeletonText /> component

1.12.3

Patch Changes

7ccba64: Fix Search prop types to include Box types

1.12.2

Patch Changes

8a60d75: adds an offset to useSnackbars().create method

1.12.1

Patch Changes

b9667d1: Fix Modal size argument in Ember

1.12.0

Minor Changes

31d329f: Added a size option to <Modal /> component

Patch Changes

26f0aa0: Adds the start of the PlumaPrimitive component

1.11.0

Minor Changes

b139098: Added onClick property for link component

1.10.0

Minor Changes

2e71f83: Add component

1.9.0

Minor Changes

bcff4b8: Add "spaced" variant to ButtonGroup

Patch Changes

cc3ad85: Update ModalFooter to use spaced ButtonGroup
df6a42f: Use button groups for panel actions
4ac48bd: Use button group for page actions
d8a35ba: Simplify ButtonGroup gap CSS variable setup

1.8.0

Minor Changes

069b375: Added <ProgressBar /> component

1.7.0

Minor Changes

0ebe75f: Added <Divider /> component

1.6.0

Minor Changes

74264cb: Secondary links now are underlined by default and inherit the text color

Patch Changes

75e4c4f: Fix flashing outline on <Select /> component when mixing keyboard and mouse navigation
c226400: Show help cursor when timestamp has tooltip
Updated dependencies [bd0b3c3]
- @customerio/pluma-icons@0.4.0

1.5.1

Patch Changes

90a0b61: Fix Select item indices when options are grouped

1.5.0

Minor Changes

b182b14: Add ability to disable individual options in Select component

Patch Changes

7b0ca97: Fix typo in Snackbar types
4520095: Never flex-shrink Icons
11f0eac: Fix React List and ListItem prop arguments

1.4.1

Patch Changes

d599ee3: Publish pageHeaderTitleText class

1.4.0

Minor Changes

9fcf231: Add more utility sprinkles

1.3.1

Patch Changes

d986ee9: Use consistent padding for floating components

1.3.0

Minor Changes

618b0f1: Adds support for groups in the <Select /> component
edb903d: Remove currentIndex and originalIndex from custom components for <Select /> component
2b533dd: Added <Search /> component

1.2.0

Minor Changes

2c07104: Update ember-provide-consume-context

Patch Changes

91e4f3a: Added space-450

1.1.1

Patch Changes

8d8d262: Fix issue where pagination was not disabled if there were no items

1.1.0

Minor Changes

0a57d2b: Adds the isLoading prop to <PlumaPage />

1.0.0

Major Changes

0f76bde: - Added <PlumaPage/> component
- Renamed <PlumaPageHeader /> to <PlumaPage::Header />
- Renamed <PlumaPageHeader::Title /> to <PlumaPage::Header::Title />
- Renamed <PlumaPageHeader::Description /> to <PlumaPage::Header::Description />
- Renamed <PlumaPageHeader::Actions /> to <PlumaPage::Header::Actions />
- Renamed <PlumaPageHeader::Breadcrumbs /> to <PlumaPage::Breadcrumbs />

0.15.1

Patch Changes

245dcde: Removed padding from

0.15.0

Minor Changes

b97753d: Adds the component
0ec5913: Added tabs property to component

0.14.3

Patch Changes

ba4ced1: Use react's synthetic events and change ember click handling

0.14.2

Patch Changes

53fcea3: Fix autoLoading for react buttons

0.14.1

Patch Changes

32223b1: Add loading state for PlumaButton

0.14.0

Minor Changes

18d42b7: Add box-sizing to base reset before and after pseudo elements

0.13.1

Patch Changes

66f059a: No longer disabling page size selection in any state

0.13.0

Minor Changes

354c577: Added onPageSizeChange and pageSizes options to the Pagination component. Together these render a Select component to switch the size of the pages the user paginates through.

0.12.7

Patch Changes

f832c43: Fix Slider size in Firefox
3595888: Minor performance improvement in Ember PlumaSelect

0.12.6

Patch Changes

Updated dependencies [a66591c]
- @customerio/pluma-icons@0.3.0

0.12.5

Patch Changes

e1ef663: Do not allow href on a disabled link

0.12.4

Patch Changes

49ec7dc: Add overflow and textOverflow to Label Text

0.12.3

Patch Changes

df7ad92: Add ToggleButton component

0.12.2

Patch Changes

22615a4: Improved TextField customizability

0.12.1

Patch Changes

Updated dependencies [c5949a1]
- @customerio/pluma-icons@0.2.0

0.12.0

Minor Changes

76487c6: Add LabelIcon component

0.11.13

Patch Changes

67bcb4b: Improve OptionCard styles

0.11.12

Patch Changes

dd24188: Update underlying pluma-icons dependency

0.11.11

Patch Changes

8074f35: Add and export PlumaModalCloseButton component

0.11.10

Patch Changes

d70cb31: Allow null value for PlumaBanner icon

0.11.9

Patch Changes

335d7c4: Fix Banner argument types

0.11.8

Patch Changes

29cbaae: Add "disabled" text token to component arguments

0.11.7

Patch Changes

Updated dependencies [a60b9de]
- @customerio/pluma-icons@0.1.0

0.11.6

Patch Changes

87b9fd4: Fix TabNav exports in React
32c413c: Add TooltipGroup component

0.11.5

Patch Changes

Updated dependencies [0197e0a]
- @customerio/pluma-icons@0.0.14

0.11.4

Patch Changes

fc424c8: Add password visibility toggle to TextField

0.11.3

Patch Changes

9a1a55d: Add more callbacks to PlumaModal

0.11.2

Patch Changes

ceaa8b8: Add Spinner and PageLoader components

0.11.1

Patch Changes

3dfe38f: Only treat null/undefined in Select as "no value" state

0.11.0

Minor Changes

c95f716: Add option to uppercase/lowercase first letter of formatted time string

0.10.3

Patch Changes

3733faa: Update Label and Badge heights

0.10.2

Patch Changes

a7e7612: Update Badge and Label left/right paddings to space-100

0.10.1

Patch Changes

a4c600f: Add vertical-align: middle to table cells

0.10.0

Minor Changes

8b9edd5: Export and publish CSS variable and class names in CSS sub-import

0.9.8

Patch Changes

d1d5586: Fix row/column gap sprinkle class names
4f44675: Update icons
Updated dependencies [4f44675]
- @customerio/pluma-icons@0.0.13

0.9.7

Patch Changes

Updated dependencies [7ae914a]
- @customerio/pluma-icons@0.0.12

0.9.6

Patch Changes

65d81ec: Remove Floating UI React type imports from Ember components

0.9.5

Patch Changes

5052beb: Fix initial render state in Ember Floating UI

0.9.4

Patch Changes

27c4f6e: Add flex-shrink: 0 to label's status color dot

0.9.3

Patch Changes

Updated dependencies [7514216]
- @customerio/pluma-icons@0.0.11

0.9.2

Patch Changes

6ff0b6b: Fix Ember overlay settings

0.9.1

Patch Changes

cf8a6c5: Restrict popover size to prevent overflows outside viewport
cdbc20b: Add props for controlling overlay transition delays/animation durations

0.9.0

Minor Changes

0c23aa7: Fix Ember PlumaOptionCard Title and Description components

0.8.5

Patch Changes

75a434a: Fix Ember floating UI mouseenter bubbling
0f18981: Panel improvements

0.8.4

Patch Changes

b8eaddf: Improve handling of nested floating elements in Ember

0.8.3

Patch Changes

b51eaa3: Fix Ember TabNav "isBorderless" argument

0.8.2

Patch Changes

Updated dependencies [6e25bb0]
- @customerio/pluma-icons@0.0.10

0.8.1

Patch Changes

571bf9a: Update space tokens
809b42f: Add List component

0.8.0

Minor Changes

78a5a11: Added a VisuallyHidden Input into Select to make it native web forms compatible.

0.7.1

Patch Changes

61bdaf1: Add date formatting components

0.7.0

Minor Changes

986eca4: Make Panel section borders optional

0.6.4

Patch Changes

dc62ce1: Add flex and flexBasis sprinkles

0.6.3

Patch Changes

39d8af6: Add Slider component

0.6.2

Patch Changes

7bfc27d: Wrap Tabs in flex container
d7e4ed6: Fix z index stacking when popovers/tooltips are nested

0.6.1

Patch Changes

9496182: Add DatePicker component

0.6.0

Minor Changes

52f49d1: Update tokens and components to match post-brand-refresh Figma state.

This change introduces a few breaking changes. It modifies existing styles and changes the available props or variants on some components.