@persona/design-system 0.6.0 → 0.7.0

package/dist/{Combobox-DMN3nc7E.d.mts → Combobox-CPE-IV79.d.mts}

@@ -1,5 +1,5 @@
-import { n as ComboboxMultiSelectProps } from "./ComboboxMultiSelect-CZRLyM_y.mjs";
-import { n as ComboboxSingleSelectProps } from "./ComboboxSingleSelect-BS6pZpU_.mjs";
+import { n as ComboboxMultiSelectProps } from "./ComboboxMultiSelect-4sRA7oL0.mjs";
+import { n as ComboboxSingleSelectProps } from "./ComboboxSingleSelect-DVPznL7L.mjs";
 
 //#region components/Combobox/Combobox.d.ts
 type ComboboxProps<T = string> = ComboboxSingleSelectProps<T> | ComboboxMultiSelectProps<T>;
@@ -8,4 +8,4 @@ declare const Combobox: <T = string>(props: ComboboxProps<T> & {
 }) => React.ReactElement;
 //#endregion
 export { ComboboxProps as n, Combobox as t };
-//# sourceMappingURL=Combobox-DMN3nc7E.d.mts.map
+//# sourceMappingURL=Combobox-CPE-IV79.d.mts.map

package/dist/Combobox.d.mts

@@ -1,3 +1,3 @@
-import { t as CaretButton } from "./ComboboxBase-DBLJYQrh.mjs";
-import { n as ComboboxProps, t as Combobox } from "./Combobox-DMN3nc7E.mjs";
+import { t as CaretButton } from "./ComboboxBase-B3Es1y9g.mjs";
+import { n as ComboboxProps, t as Combobox } from "./Combobox-CPE-IV79.mjs";
 export { CaretButton, Combobox, Combobox as default, ComboboxProps };

package/dist/{ComboboxBase-DBLJYQrh.d.mts → ComboboxBase-B3Es1y9g.d.mts}

@@ -1,7 +1,7 @@
-import { c as ParagraphProps, u as SpanProps } from "./Text-tgFz40XD.mjs";
-import { t as FloatingCard } from "./Menu-DdHN-drQ.mjs";
-import { o as StickerProps } from "./Sticker-qvWkqEMw.mjs";
-import { n as InputSizes } from "./input-DN_8iHVD.mjs";
+import { c as ParagraphProps, u as SpanProps } from "./Text-DD_W_ixb.mjs";
+import { t as FloatingCard } from "./Menu-C8RxFGOG.mjs";
+import { o as StickerProps } from "./Sticker-Bf9rhSkv.mjs";
+import { n as InputSizes } from "./input-DCJivcWf.mjs";
 import { Spacing } from "@persona/design-tokens";
 import * as _$react from "react";
 import { CSSProperties, ReactNode } from "react";
@@ -352,4 +352,4 @@ declare function DropdownPortalWrapper({
 }: DropdownPortalWrapperProps): _$react_jsx_runtime0.JSX.Element;
 //#endregion
 export { isNestedGroup as A, SearchInputContainer as C, flattenOptions as D, flattenLeafOptions as E, renderOptionsWithGroups as M, useDropdownPosition as N, getNavigableItemsAtLevel as O, useFilteredOptions as P, SearchInput as S, containsNestedGroup as T, LoadingContainer as _, ComboboxOptionGroup as a, OptionLabel as b, Description as c, DropdownPortalWrapperProps as d, EmptyState as f, LeafOptionEntry as g, InputContainer as h, ComboboxOption as i, isOptionGroup as j, getOptionsAtPath as k, DropdownContainer as l, FooterActionRow as m, ComboboxBaseProps as n, ComboboxOptionsOrGroups as o, FooterAction as p, ComboboxInput as r, Container as s, CaretButton as t, DropdownPortalWrapper as u, MAX_DROPDOWN_HEIGHT as v, buildVirtualRows as w, ScrollableMenuList as x, NavigableItem as y };
-//# sourceMappingURL=ComboboxBase-DBLJYQrh.d.mts.map
+//# sourceMappingURL=ComboboxBase-B3Es1y9g.d.mts.map

package/dist/ComboboxBase.d.mts

@@ -1,2 +1,2 @@
-import { A as isNestedGroup, C as SearchInputContainer, D as flattenOptions, E as flattenLeafOptions, M as renderOptionsWithGroups, N as useDropdownPosition, O as getNavigableItemsAtLevel, P as useFilteredOptions, S as SearchInput, T as containsNestedGroup, _ as LoadingContainer, a as ComboboxOptionGroup, b as OptionLabel, c as Description, d as DropdownPortalWrapperProps, f as EmptyState, g as LeafOptionEntry, h as InputContainer, i as ComboboxOption, j as isOptionGroup, k as getOptionsAtPath, l as DropdownContainer, m as FooterActionRow, n as ComboboxBaseProps, o as ComboboxOptionsOrGroups, p as FooterAction, r as ComboboxInput, s as Container, t as CaretButton, u as DropdownPortalWrapper, v as MAX_DROPDOWN_HEIGHT, w as buildVirtualRows, x as ScrollableMenuList, y as NavigableItem } from "./ComboboxBase-DBLJYQrh.mjs";
+import { A as isNestedGroup, C as SearchInputContainer, D as flattenOptions, E as flattenLeafOptions, M as renderOptionsWithGroups, N as useDropdownPosition, O as getNavigableItemsAtLevel, P as useFilteredOptions, S as SearchInput, T as containsNestedGroup, _ as LoadingContainer, a as ComboboxOptionGroup, b as OptionLabel, c as Description, d as DropdownPortalWrapperProps, f as EmptyState, g as LeafOptionEntry, h as InputContainer, i as ComboboxOption, j as isOptionGroup, k as getOptionsAtPath, l as DropdownContainer, m as FooterActionRow, n as ComboboxBaseProps, o as ComboboxOptionsOrGroups, p as FooterAction, r as ComboboxInput, s as Container, t as CaretButton, u as DropdownPortalWrapper, v as MAX_DROPDOWN_HEIGHT, w as buildVirtualRows, x as ScrollableMenuList, y as NavigableItem } from "./ComboboxBase-B3Es1y9g.mjs";
 export { CaretButton, ComboboxBaseProps, ComboboxInput, ComboboxOption, ComboboxOptionGroup, ComboboxOptionsOrGroups, Container, Description, DropdownContainer, DropdownPortalWrapper, DropdownPortalWrapperProps, EmptyState, FooterAction, FooterActionRow, InputContainer, LeafOptionEntry, LoadingContainer, MAX_DROPDOWN_HEIGHT, NavigableItem, OptionLabel, ScrollableMenuList, SearchInput, SearchInputContainer, buildVirtualRows, containsNestedGroup, flattenLeafOptions, flattenOptions, getNavigableItemsAtLevel, getOptionsAtPath, isNestedGroup, isOptionGroup, renderOptionsWithGroups, useDropdownPosition, useFilteredOptions };

package/dist/{ComboboxMultiSelect-CZRLyM_y.d.mts → ComboboxMultiSelect-4sRA7oL0.d.mts}

@@ -1,4 +1,4 @@
-import { n as ComboboxBaseProps } from "./ComboboxBase-DBLJYQrh.mjs";
+import { n as ComboboxBaseProps } from "./ComboboxBase-B3Es1y9g.mjs";
 
 //#region components/Combobox/ComboboxMultiSelect.d.ts
 interface ComboboxMultiSelectProps<T = string> extends ComboboxBaseProps<T> {
@@ -44,4 +44,4 @@ declare const ComboboxMultiSelect: <T = string>(props: ComboboxMultiSelectProps<
 }) => React.ReactElement;
 //#endregion
 export { ComboboxMultiSelectProps as n, ComboboxMultiSelect as t };
-//# sourceMappingURL=ComboboxMultiSelect-CZRLyM_y.d.mts.map
+//# sourceMappingURL=ComboboxMultiSelect-4sRA7oL0.d.mts.map

package/dist/ComboboxMultiSelect.d.mts

@@ -1,2 +1,2 @@
-import { n as ComboboxMultiSelectProps, t as ComboboxMultiSelect } from "./ComboboxMultiSelect-CZRLyM_y.mjs";
+import { n as ComboboxMultiSelectProps, t as ComboboxMultiSelect } from "./ComboboxMultiSelect-4sRA7oL0.mjs";
 export { ComboboxMultiSelect, ComboboxMultiSelect as default, ComboboxMultiSelectProps };

package/dist/{ComboboxSingleSelect-BS6pZpU_.d.mts → ComboboxSingleSelect-DVPznL7L.d.mts}

@@ -1,6 +1,6 @@
-import { u as MenuItemType } from "./Menu-DdHN-drQ.mjs";
-import { n as InputSizes } from "./input-DN_8iHVD.mjs";
-import { n as ComboboxBaseProps } from "./ComboboxBase-DBLJYQrh.mjs";
+import { u as MenuItemType } from "./Menu-C8RxFGOG.mjs";
+import { n as InputSizes } from "./input-DCJivcWf.mjs";
+import { n as ComboboxBaseProps } from "./ComboboxBase-B3Es1y9g.mjs";
 import * as _$styled_components0 from "styled-components";
 
 //#region components/Combobox/ComboboxSingleSelect.d.ts
@@ -32,4 +32,4 @@ declare const ComboboxSingleSelect: <T = string>(props: ComboboxSingleSelectProp
 }) => React.ReactElement;
 //#endregion
 export { ComboboxSingleSelectProps as n, StyledMenuItem as r, ComboboxSingleSelect as t };
-//# sourceMappingURL=ComboboxSingleSelect-BS6pZpU_.d.mts.map
+//# sourceMappingURL=ComboboxSingleSelect-DVPznL7L.d.mts.map

package/dist/ComboboxSingleSelect.d.mts

@@ -1,2 +1,2 @@
-import { n as ComboboxSingleSelectProps, r as StyledMenuItem, t as ComboboxSingleSelect } from "./ComboboxSingleSelect-BS6pZpU_.mjs";
+import { n as ComboboxSingleSelectProps, r as StyledMenuItem, t as ComboboxSingleSelect } from "./ComboboxSingleSelect-DVPznL7L.mjs";
 export { ComboboxSingleSelect, ComboboxSingleSelect as default, ComboboxSingleSelectProps, StyledMenuItem };

package/dist/{CompactBar-DEqItiZr.d.mts → CompactBar-DhHh7Roq.d.mts}

@@ -1,5 +1,5 @@
-import { n as HStackProps } from "./Stack-DgC83-nw.mjs";
-import { n as ControlBarProps } from "./ControlBar-BVG5Pbvh.mjs";
+import { n as HStackProps } from "./Stack-8KGPQp0u.mjs";
+import { n as ControlBarProps } from "./ControlBar-C8kagIck.mjs";
 import * as _$styled_components0 from "styled-components";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
@@ -18,4 +18,4 @@ type CompactBarProps = Pick<ControlBarProps, 'title' | 'searchProps' | 'showFilt
 declare const CompactBar: React.FC<CompactBarProps>;
 //#endregion
 export { DataTableCompactBar as n, CompactBar as t };
-//# sourceMappingURL=CompactBar-DEqItiZr.d.mts.map
+//# sourceMappingURL=CompactBar-DhHh7Roq.d.mts.map

package/dist/CompactBar.d.mts

@@ -1,2 +1,2 @@
-import { n as DataTableCompactBar, t as CompactBar } from "./CompactBar-DEqItiZr.mjs";
+import { n as DataTableCompactBar, t as CompactBar } from "./CompactBar-DhHh7Roq.mjs";
 export { DataTableCompactBar, CompactBar as default };

package/dist/{ConfigFormGroup-BnRDAs0j.mjs → ConfigFormGroup-4lUy7CZH.mjs}

@@ -1,5 +1,5 @@
 import { a as styled } from "./styledComponentsInterop-NxwFjeA4.mjs";
-import { t as FormGroupContext } from "./useFormGroup-DWVW7A9f.mjs";
+import { t as FormGroupContext } from "./useFormGroup-C89-oI4w.mjs";
 import { Spacing } from "@persona/design-tokens";
 import { forwardRef } from "react";
 import { jsx } from "react/jsx-runtime";
@@ -25,4 +25,4 @@ const ConfigFormGroup = forwardRef(function ConfigFormGroup(props, ref) {
 //#endregion
 export { ConfigFormGroup as t };
 
-//# sourceMappingURL=ConfigFormGroup-BnRDAs0j.mjs.map
+//# sourceMappingURL=ConfigFormGroup-4lUy7CZH.mjs.map

package/dist/{ConfigFormGroup-BnRDAs0j.mjs.map → ConfigFormGroup-4lUy7CZH.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ConfigFormGroup-BnRDAs0j.mjs","names":[],"sources":["../components/ConfigFormGroup/ConfigFormGroup.tsx"],"sourcesContent":["import { type ComponentPropsWithoutRef, forwardRef } from 'react';\nimport styled from 'styled-components';\n\nimport { Spacing } from '@persona/design-tokens';\n\nimport { FormGroupContext } from './useFormGroup';\n\n/**\n * Use to wrap a group of config fields.\n * Provides consistent spacing between the fields.\n */\nconst FormGroup = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: ${Spacing[5]};\n`;\n\nexport const ConfigFormGroup = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(\n  function ConfigFormGroup(props, ref) {\n    return (\n      <FormGroupContext.Provider value={{ configField: true }}>\n        <FormGroup ref={ref} {...props} />\n      </FormGroupContext.Provider>\n    );\n  },\n);\n\nexport default ConfigFormGroup;\n"],"mappings":";;;;;;;;;;AAWA,MAAM,YAAY,OAAO,GAAG;;;SAGnB,QAAQ,GAAG;;AAGpB,MAAa,kBAAkB,WAC7B,SAAS,gBAAgB,OAAO,KAAK;AACnC,QACE,oBAAC,iBAAiB,UAAlB;EAA2B,OAAO,EAAE,aAAa,MAAM;YACrD,oBAAC,WAAD;GAAgB;GAAK,GAAI;GAAS,CAAA;EACR,CAAA;EAGjC"}
+{"version":3,"file":"ConfigFormGroup-4lUy7CZH.mjs","names":[],"sources":["../components/ConfigFormGroup/ConfigFormGroup.tsx"],"sourcesContent":["import { type ComponentPropsWithoutRef, forwardRef } from 'react';\nimport styled from 'styled-components';\n\nimport { Spacing } from '@persona/design-tokens';\n\nimport { FormGroupContext } from './useFormGroup';\n\n/**\n * Use to wrap a group of config fields.\n * Provides consistent spacing between the fields.\n */\nconst FormGroup = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: ${Spacing[5]};\n`;\n\nexport const ConfigFormGroup = forwardRef<HTMLDivElement, ComponentPropsWithoutRef<'div'>>(\n  function ConfigFormGroup(props, ref) {\n    return (\n      <FormGroupContext.Provider value={{ configField: true }}>\n        <FormGroup ref={ref} {...props} />\n      </FormGroupContext.Provider>\n    );\n  },\n);\n\nexport default ConfigFormGroup;\n"],"mappings":";;;;;;;;;;AAWA,MAAM,YAAY,OAAO,GAAG;;;SAGnB,QAAQ,GAAG;;AAGpB,MAAa,kBAAkB,WAC7B,SAAS,gBAAgB,OAAO,KAAK;AACnC,QACE,oBAAC,iBAAiB,UAAlB;EAA2B,OAAO,EAAE,aAAa,MAAM;YACrD,oBAAC,WAAD;GAAgB;GAAK,GAAI;GAAS,CAAA;EACR,CAAA;EAGjC"}

package/dist/{ControlBar-BVG5Pbvh.d.mts → ControlBar-C8kagIck.d.mts}

@@ -1,4 +1,4 @@
-import { t as OmniSearchProps } from "./SearchInput-CNg109M5.mjs";
+import { t as OmniSearchProps } from "./SearchInput-D69WxMNq.mjs";
 import { FC } from "react";
 
 //#region components/DataTable/TableControls/ControlBar.d.ts
@@ -158,4 +158,4 @@ interface ControlBarProps extends EventHandlers {
 declare const ControlBar: FC<ControlBarProps>;
 //#endregion
 export { ControlBarProps as n, ControlBar as t };
-//# sourceMappingURL=ControlBar-BVG5Pbvh.d.mts.map
+//# sourceMappingURL=ControlBar-C8kagIck.d.mts.map

package/dist/ControlBar.d.mts

@@ -1,2 +1,2 @@
-import { n as ControlBarProps, t as ControlBar } from "./ControlBar-BVG5Pbvh.mjs";
+import { n as ControlBarProps, t as ControlBar } from "./ControlBar-C8kagIck.mjs";
 export { ControlBarProps, ControlBar as default };

package/dist/DataTable.d.mts

@@ -1,6 +1,6 @@
-import { t as AttributeColumn } from "./types-CtLY82w5.mjs";
-import { n as TableControlsProps, t as TableControls } from "./TableControls-CtEL3ioz.mjs";
-import { t as Pagination } from "./Pagination-C2eZEM7K.mjs";
+import { t as AttributeColumn } from "./types-RWjW1d9I.mjs";
+import { n as TableControlsProps, t as TableControls } from "./TableControls-BtGFiZeD.mjs";
+import { t as Pagination } from "./Pagination-ne9hnVoe.mjs";
 import { BulkAction, DataTableColumnFormat, DataTableColumns, RowAction, SortProps } from "./components/DataTable/types.mjs";
 import { RenderFormatFn } from "./useTableColumns.mjs";
 import { ComponentProps } from "react";
@@ -170,7 +170,7 @@ interface DataTableProps<TData extends RowData> {
    */
   rowLinkColumnId?: string;
   /**
-   * Component to use for row links. Defaults to react-router-dom Link.
+   * Component to use for row links. Defaults to the PDS router-aware link.
    * Pass a custom component (e.g. Next.js Link) to use a different router.
    * The component renders as an inline anchor inside the link cell and receives `to`,
    * `className`, and `children`.

package/dist/{DateField-CBCo8_d3.d.mts → DateField-2aigfD4u.d.mts}

@@ -1,4 +1,4 @@
-import { n as InputSizes } from "./input-DN_8iHVD.mjs";
+import { n as InputSizes } from "./input-DCJivcWf.mjs";
 import * as _$react from "react";
 import { DateValue } from "@internationalized/date";
 import { AriaDateFieldProps } from "@react-aria/datepicker";
@@ -20,4 +20,4 @@ interface DateFieldProps extends AriaDateFieldProps<DateValue> {
 declare const DateField: _$react.ForwardRefExoticComponent<DateFieldProps & _$react.RefAttributes<HTMLDivElement>>;
 //#endregion
 export { DateField as t };
-//# sourceMappingURL=DateField-CBCo8_d3.d.mts.map
+//# sourceMappingURL=DateField-2aigfD4u.d.mts.map

package/dist/DateField.d.mts

@@ -1,2 +1,2 @@
-import { t as DateField } from "./DateField-CBCo8_d3.mjs";
+import { t as DateField } from "./DateField-2aigfD4u.mjs";
 export { DateField, DateField as default };

package/dist/{DatePicker-BcjrAr7o.mjs → DatePicker-CSd20-CW.mjs}

@@ -1,16 +1,16 @@
 import { a as styled, r as css } from "./styledComponentsInterop-NxwFjeA4.mjs";
 import { semanticColor, semanticOnly, semanticTokens } from "./lib/semanticColor.mjs";
-import { t as Card_default } from "./Card-vQIPtdXi.mjs";
+import { t as Card_default } from "./Card-Dz6jqJuJ.mjs";
 import { withAlpha } from "./lib/color.mjs";
 import { isDisabled, isFocused, isFocusedVisible, isHovered, isNotDisabled } from "./lib/pseudoClass.mjs";
 import { Z_INDICES } from "./lib/zindex.mjs";
 import { focusWithinOutline } from "./mixins/focus.mjs";
 import inputMixin from "./mixins/input.mjs";
-import { t as IconButton } from "./IconButton-CnJNIJVQ.mjs";
-import { t as ClearButton } from "./Input-DGWThZlt.mjs";
-import { c as MenuList, s as MenuItem } from "./Menu-CeV3lL2g.mjs";
-import { s as Popover_default } from "./Popover-UiOUt5up.mjs";
-import { a as FormLabel } from "./FormControl-BzMbbgr0.mjs";
+import { t as IconButton } from "./IconButton-CqTPMhjV.mjs";
+import { t as ClearButton } from "./Input-C-TwCer2.mjs";
+import { c as MenuList, s as MenuItem } from "./Menu-xENvm-Oa.mjs";
+import { s as Popover_default } from "./Popover-Dn3xmzSK.mjs";
+import { a as FormLabel } from "./FormControl-CButLg9b.mjs";
 import { BorderRadius, Color, Spacing, Typography } from "@persona/design-tokens";
 import { forwardRef, memo, useCallback, useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -18,8 +18,8 @@ import { ArrowLeftIcon, ArrowRightIcon, CircleXInverseIcon } from "@persona/icon
 import { range } from "lodash-es";
 import { VisuallyHidden, mergeProps, useButton, useCalendar, useCalendarCell, useCalendarGrid, useDateFormatter, useDatePicker, useDateRangePicker, useFocusWithin, useLocale, usePress, useRangeCalendar } from "react-aria";
 import { useCalendarState, useDatePickerState, useDateRangePickerState, useRangeCalendarState } from "react-stately";
-import { mergeRefs } from "@react-aria/utils";
 import { DateTime, Settings } from "luxon";
+import { mergeRefs } from "@react-aria/utils";
 import { CalendarDate, GregorianCalendar, endOfMonth, endOfYear, getWeeksInMonth, isSameDay, isSameMonth, now, parseAbsolute, startOfMonth, startOfYear, toCalendarDateTime, today } from "@internationalized/date";
 import { useDateField, useDateSegment } from "@react-aria/datepicker";
 import { useLocale as useLocale$1 } from "@react-aria/i18n";
@@ -1001,6 +1001,6 @@ const DateRangePicker = ({ granularity = "day", hideTimeZone = true, className,
 	});
 };
 //#endregion
-export { Calendar as i, DatePicker as n, DateField as r, DateRangePicker as t };
+export { Calendar as a, DateField as i, RangeCalendar as n, DatePicker as r, DateRangePicker as t };
 
-//# sourceMappingURL=DatePicker-BcjrAr7o.mjs.map
+//# sourceMappingURL=DatePicker-CSd20-CW.mjs.map