@persona/design-system 0.1.5-pre.4 → 0.1.6

package/dist/constants-CnkpDWTv.d.mts

@@ -0,0 +1,6 @@
+//#region components/Pagination/constants.d.ts
+declare const DEFAULT_PAGE_SIZE_OPTIONS: number[];
+declare const MIN_PAGE_SIZE = 10;
+//#endregion
+export { MIN_PAGE_SIZE as n, DEFAULT_PAGE_SIZE_OPTIONS as t };
+//# sourceMappingURL=constants-CnkpDWTv.d.mts.map

package/dist/constants-D5CkrHza.d.cts

@@ -0,0 +1,6 @@
+//#region components/Pagination/constants.d.ts
+declare const DEFAULT_PAGE_SIZE_OPTIONS: number[];
+declare const MIN_PAGE_SIZE = 10;
+//#endregion
+export { MIN_PAGE_SIZE as n, DEFAULT_PAGE_SIZE_OPTIONS as t };
+//# sourceMappingURL=constants-D5CkrHza.d.cts.map

package/dist/constants.d.cts

@@ -0,0 +1,2 @@
+import { n as MIN_PAGE_SIZE, t as DEFAULT_PAGE_SIZE_OPTIONS } from "./constants-D5CkrHza.cjs";
+export { DEFAULT_PAGE_SIZE_OPTIONS, MIN_PAGE_SIZE };

package/dist/constants.d.mts

@@ -1,5 +1,2 @@
-//#region components/Pagination/constants.d.ts
-declare const DEFAULT_PAGE_SIZE_OPTIONS: number[];
-//#endregion
-export { DEFAULT_PAGE_SIZE_OPTIONS };
-//# sourceMappingURL=constants.d.mts.map
+import { n as MIN_PAGE_SIZE, t as DEFAULT_PAGE_SIZE_OPTIONS } from "./constants-CnkpDWTv.mjs";
+export { DEFAULT_PAGE_SIZE_OPTIONS, MIN_PAGE_SIZE };

package/dist/constants2.d.cts

@@ -0,0 +1,10 @@
+//#region components/DataTable/constants.d.ts
+declare function getColumnWidths(compact?: boolean): {
+  EXPAND_COLUMN_WIDTH: number;
+  SELECT_COLUMN_WIDTH: number;
+  ACTION_COLUMN_WIDTH: number;
+  NEST_SPACING: number;
+};
+//#endregion
+export { getColumnWidths };
+//# sourceMappingURL=constants2.d.cts.map

package/dist/constants2.d.mts

@@ -0,0 +1,10 @@
+//#region components/DataTable/constants.d.ts
+declare function getColumnWidths(compact?: boolean): {
+  EXPAND_COLUMN_WIDTH: number;
+  SELECT_COLUMN_WIDTH: number;
+  ACTION_COLUMN_WIDTH: number;
+  NEST_SPACING: number;
+};
+//#endregion
+export { getColumnWidths };
+//# sourceMappingURL=constants2.d.mts.map

package/dist/helpers.d.cts

@@ -0,0 +1,76 @@
+import { n as CheckboxProps } from "./Checkbox-BmjK0Wac.cjs";
+import { DataTableColumnFormat, DataTableColumnImageFormat, DataTableColumnPiiFormat, DataTableColumnStringFormat, DateConfig, DatetimeConfig, RenderValueStickerFormatConfig } from "./components/DataTable/types.cjs";
+import { ReactNode } from "react";
+
+//#region components/DataTable/helpers.d.ts
+declare const renderAsCheckbox: ({
+  rowId,
+  isChecked,
+  onChange,
+  onValueChange,
+  columnHeader,
+  disabled,
+  indeterminate
+}: {
+  rowId: string;
+  isChecked: boolean;
+  /**
+   * Called when the checkbox is clicked
+   * @param e - The event object
+   */
+  onChange?: CheckboxProps["onChange"];
+  /**
+   * Called when the checkbox value changes
+   * @param rowId - The id of the row
+   * @param checked - The new value of the checkbox
+   */
+  onValueChange?: (rowId: string, checked: boolean) => void;
+  columnHeader?: string;
+  disabled?: boolean;
+  indeterminate?: boolean;
+}) => ReactNode;
+declare const renderAsCheckboxHeader: ({
+  header,
+  isChecked,
+  isIndeterminate,
+  onChange,
+  onValueChange
+}: {
+  /**
+   * The header text to display to the right of the checkbox
+   */
+  header?: string;
+  isChecked: boolean;
+  isIndeterminate: boolean;
+  /**
+   * Called when the checkbox is clicked
+   * @param e - The event object
+   */
+  onChange?: CheckboxProps["onChange"];
+  /**
+   * Called when the checkbox value changes
+   * @param rowId - The id of the row
+   * @param checked - The new value of the checkbox
+   */
+  onValueChange?: (checked: boolean) => void;
+}) => ReactNode;
+declare const renderAsString: (value: unknown) => string;
+declare const renderAsDate: (value: unknown, config?: DateConfig) => string;
+declare const renderAsDatetime: (value: unknown, config?: DatetimeConfig) => string;
+declare const renderAsURL: (value: unknown) => ReactNode;
+declare const renderAsNumber: (value: unknown) => ReactNode;
+declare const renderAsSticker: (value: unknown, config?: RenderValueStickerFormatConfig) => ReactNode;
+declare const renderAsCopyableString: (value: unknown, config?: DataTableColumnStringFormat["config"] & {
+  emptyText?: string;
+}) => ReactNode;
+declare const renderAsPii: <TData = unknown>(row?: TData, config?: DataTableColumnPiiFormat<TData>["config"]) => ReactNode;
+declare const renderAsLightweightImage: (value: unknown, config?: DataTableColumnImageFormat["config"]) => ReactNode;
+/**
+ * Default PDS cell renderer. Handles all generic format types built into the design system.
+ * Hosts should supply their own `renderFormat` prop to DataTable for format types that require
+ * application-specific components (e.g. tags, files, PII masking, status indicators).
+ */
+declare const renderAsPDSFormat: <TData = unknown>(value: unknown, format?: DataTableColumnFormat<TData>, row?: TData) => string | ReactNode;
+//#endregion
+export { renderAsCheckbox, renderAsCheckboxHeader, renderAsCopyableString, renderAsDate, renderAsDatetime, renderAsLightweightImage, renderAsNumber, renderAsPDSFormat, renderAsPii, renderAsSticker, renderAsString, renderAsURL };
+//# sourceMappingURL=helpers.d.cts.map

package/dist/helpers.d.mts

@@ -0,0 +1,76 @@
+import { n as CheckboxProps } from "./Checkbox-Bc2kzl9q.mjs";
+import { DataTableColumnFormat, DataTableColumnImageFormat, DataTableColumnPiiFormat, DataTableColumnStringFormat, DateConfig, DatetimeConfig, RenderValueStickerFormatConfig } from "./components/DataTable/types.mjs";
+import { ReactNode } from "react";
+
+//#region components/DataTable/helpers.d.ts
+declare const renderAsCheckbox: ({
+  rowId,
+  isChecked,
+  onChange,
+  onValueChange,
+  columnHeader,
+  disabled,
+  indeterminate
+}: {
+  rowId: string;
+  isChecked: boolean;
+  /**
+   * Called when the checkbox is clicked
+   * @param e - The event object
+   */
+  onChange?: CheckboxProps["onChange"];
+  /**
+   * Called when the checkbox value changes
+   * @param rowId - The id of the row
+   * @param checked - The new value of the checkbox
+   */
+  onValueChange?: (rowId: string, checked: boolean) => void;
+  columnHeader?: string;
+  disabled?: boolean;
+  indeterminate?: boolean;
+}) => ReactNode;
+declare const renderAsCheckboxHeader: ({
+  header,
+  isChecked,
+  isIndeterminate,
+  onChange,
+  onValueChange
+}: {
+  /**
+   * The header text to display to the right of the checkbox
+   */
+  header?: string;
+  isChecked: boolean;
+  isIndeterminate: boolean;
+  /**
+   * Called when the checkbox is clicked
+   * @param e - The event object
+   */
+  onChange?: CheckboxProps["onChange"];
+  /**
+   * Called when the checkbox value changes
+   * @param rowId - The id of the row
+   * @param checked - The new value of the checkbox
+   */
+  onValueChange?: (checked: boolean) => void;
+}) => ReactNode;
+declare const renderAsString: (value: unknown) => string;
+declare const renderAsDate: (value: unknown, config?: DateConfig) => string;
+declare const renderAsDatetime: (value: unknown, config?: DatetimeConfig) => string;
+declare const renderAsURL: (value: unknown) => ReactNode;
+declare const renderAsNumber: (value: unknown) => ReactNode;
+declare const renderAsSticker: (value: unknown, config?: RenderValueStickerFormatConfig) => ReactNode;
+declare const renderAsCopyableString: (value: unknown, config?: DataTableColumnStringFormat["config"] & {
+  emptyText?: string;
+}) => ReactNode;
+declare const renderAsPii: <TData = unknown>(row?: TData, config?: DataTableColumnPiiFormat<TData>["config"]) => ReactNode;
+declare const renderAsLightweightImage: (value: unknown, config?: DataTableColumnImageFormat["config"]) => ReactNode;
+/**
+ * Default PDS cell renderer. Handles all generic format types built into the design system.
+ * Hosts should supply their own `renderFormat` prop to DataTable for format types that require
+ * application-specific components (e.g. tags, files, PII masking, status indicators).
+ */
+declare const renderAsPDSFormat: <TData = unknown>(value: unknown, format?: DataTableColumnFormat<TData>, row?: TData) => string | ReactNode;
+//#endregion
+export { renderAsCheckbox, renderAsCheckboxHeader, renderAsCopyableString, renderAsDate, renderAsDatetime, renderAsLightweightImage, renderAsNumber, renderAsPDSFormat, renderAsPii, renderAsSticker, renderAsString, renderAsURL };
+//# sourceMappingURL=helpers.d.mts.map

package/dist/{TableCell-DIs9h97h.d.cts → index-Bp3vEph6.d.cts}

@@ -1,5 +1,5 @@
-import { t as TableHeaderCell } from "./TableHeaderCell-25lC9tNk.cjs";
-import { n as TableRowProps } from "./TableRow-IPjQnK2q.cjs";
+import { t as TableHeaderCell } from "./TableHeaderCell-BTGuqVXy.cjs";
+import { n as TableRowProps } from "./TableRow-BfGJSGZH.cjs";
 import * as _$react from "react";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
 import * as _$styled_components0 from "styled-components";
@@ -72,4 +72,4 @@ declare const TableTR: _$styled_components0.StyledComponent<"tr", any, {
 }, "role">;
 //#endregion
 export { TableCellProps as a, TableTD as c, TableTHProps as d, TableCell as i, TableTR as l, StickyTH as n, TableCellTitle as o, TableActionTD as r, TableIconTD as s, StickyTD as t, TableTH as u };
-//# sourceMappingURL=TableCell-DIs9h97h.d.cts.map
+//# sourceMappingURL=index-Bp3vEph6.d.cts.map

package/dist/{TableCell-Dog4Blfq.d.mts → index-BwWgmaXZ.d.mts}

@@ -1,9 +1,9 @@
-import { t as TableHeaderCell } from "./TableHeaderCell-DzYZq7SG.mjs";
-import { n as TableRowProps } from "./TableRow-CBKpDeUV.mjs";
+import { t as TableHeaderCell } from "./TableHeaderCell-Cflho9R2.mjs";
+import { n as TableRowProps } from "./TableRow-CjQmDmfx.mjs";
 import * as _$styled_components0 from "styled-components";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 import * as _$react from "react";
 import { ComponentPropsWithoutRef, ReactNode } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region components/Table/TableTH.d.ts
 interface TableTHProps extends ComponentPropsWithoutRef<typeof TableHeaderCell> {
@@ -72,4 +72,4 @@ declare const TableTR: _$styled_components0.StyledComponent<"tr", any, {
 }, "role">;
 //#endregion
 export { TableCellProps as a, TableTD as c, TableTHProps as d, TableCell as i, TableTR as l, StickyTH as n, TableCellTitle as o, TableActionTD as r, TableIconTD as s, StickyTD as t, TableTH as u };
-//# sourceMappingURL=TableCell-Dog4Blfq.d.mts.map
+//# sourceMappingURL=index-BwWgmaXZ.d.mts.map

package/dist/index-c55Utzva.d.mts

@@ -0,0 +1 @@
+export { };

package/dist/index-dC-i2r_u.d.cts

@@ -0,0 +1 @@
+export { };

package/dist/index-e6k85DKM.d.mts

@@ -0,0 +1 @@
+export { };

package/dist/index-gpCH5158.d.mts

@@ -0,0 +1 @@
+export { };

package/dist/index-kDNN3kX_2.d.mts

@@ -0,0 +1 @@
+export { };

package/dist/index-luywJTzJ.d.mts

@@ -0,0 +1 @@
+export { };

package/dist/index-qCd8f7Um.d.cts

@@ -0,0 +1 @@
+export { };

package/dist/index-uTS5iDq_.d.cts

@@ -0,0 +1 @@
+export { };

package/dist/index.cjs

@@ -1 +0,0 @@
-require("./chunk-CoPdw6nB.cjs");

package/dist/index.d.mts

@@ -1,2 +1,2 @@
-import { a as Root, i as HeaderProps, n as Header, o as Title, r as HeaderContainer, s as TitleContainer, t as ActionsContainer } from "./Header-t1plnZc0.mjs";
+import { a as Root, i as HeaderProps, n as Header, o as Title, r as HeaderContainer, s as TitleContainer, t as ActionsContainer } from "./Header-WNGlG541.mjs";
 export { ActionsContainer, HeaderContainer, HeaderProps, Root, Title, TitleContainer, Header as default };

package/dist/index2.d.cts

@@ -1 +1,2 @@
-export { };
+import { n as SearchInput, t as OmniSearchProps } from "./SearchInput-B6d2Qyzb.cjs";
+export { OmniSearchProps, SearchInput as default };

package/dist/index2.d.mts

@@ -1 +1,2 @@
-export { };
+import { n as SearchInput, t as OmniSearchProps } from "./SearchInput-2lsv5_R6.mjs";
+export { OmniSearchProps, SearchInput as default };

package/dist/index3.d.cts

@@ -0,0 +1 @@
+export { };

package/dist/index3.d.mts

@@ -0,0 +1 @@
+export { };

package/dist/{input-BCmP106-.d.mts → input-FEaQ66an.d.mts}

@@ -1,5 +1,5 @@
-import { t as PseudoClassProps } from "./PseudoClassProps-mZgO_iZJ.mjs";
-import { t as ErrorProps } from "./ErrorProps-DYUKygmd.mjs";
+import { t as PseudoClassProps } from "./PseudoClassProps--MiDp2l2.mjs";
+import { t as ErrorProps } from "./ErrorProps-DBw1_Z0a.mjs";
 import * as _$styled_components0 from "styled-components";
 
 //#region mixins/input.d.ts
@@ -14,4 +14,4 @@ interface InputMixinProps extends ErrorProps, PseudoClassProps {
 declare const inputMixin: _$styled_components0.FlattenInterpolation<_$styled_components0.ThemedStyledProps<InputMixinProps, any>>;
 //#endregion
 export { InputSizes as n, inputMixin as r, InputMixinProps as t };
-//# sourceMappingURL=input-BCmP106-.d.mts.map
+//# sourceMappingURL=input-FEaQ66an.d.mts.map

package/dist/inputFields.d.cts

@@ -1,13 +1,13 @@
 import { n as CheckboxProps } from "./Checkbox-BmjK0Wac.cjs";
 import { a as InputProps } from "./Input-XppkvfUf.cjs";
-import { n as ComboboxMultiSelectProps } from "./ComboboxMultiSelect-Dn8cRZ6Z.cjs";
-import { n as ComboboxSingleSelectProps } from "./ComboboxSingleSelect-D8YM7GKP.cjs";
-import { n as FormFieldBaseProps } from "./FormField-19ownwjH.cjs";
-import { n as RadioGroupProps } from "./RadioGroup-D5ueuC6a.cjs";
-import { i as SegmentedControlProps } from "./SegmentedControl-DRtXdbLe.cjs";
-import { i as SelectProps } from "./Select-BdPdgtfU.cjs";
-import { t as TextAreaProps } from "./TextArea-j43fhp2P.cjs";
-import { n as ToggleProps } from "./Toggle-BjkbL_uf.cjs";
+import { n as ComboboxMultiSelectProps } from "./ComboboxMultiSelect-CRHf5TI-.cjs";
+import { n as ComboboxSingleSelectProps } from "./ComboboxSingleSelect-DvK8QioK.cjs";
+import { n as FormFieldBaseProps } from "./FormField-Cqwi_PyR.cjs";
+import { n as RadioGroupProps } from "./RadioGroup-BDO3pTgP.cjs";
+import { i as SegmentedControlProps } from "./SegmentedControl-C51htGBp.cjs";
+import { i as SelectProps } from "./Select-XN23Ui_j.cjs";
+import { t as TextAreaProps } from "./TextArea-Dl9_Zizx.cjs";
+import { n as ToggleProps } from "./Toggle-Dw4hisXm.cjs";
 import * as _$react from "react";
 import * as _$react_jsx_runtime0 from "react/jsx-runtime.js";
 

package/dist/inputFields.d.mts

@@ -1,15 +1,15 @@
-import { n as CheckboxProps } from "./Checkbox-BWJNAP27.mjs";
-import { a as InputProps } from "./Input-Cv5qieRg.mjs";
-import { n as ComboboxMultiSelectProps } from "./ComboboxMultiSelect-Dq9DGH8S.mjs";
-import { n as ComboboxSingleSelectProps } from "./ComboboxSingleSelect-WwBJRb0e.mjs";
-import { n as FormFieldBaseProps } from "./FormField-CdMru4s5.mjs";
-import { n as RadioGroupProps } from "./RadioGroup-Ls0vPsP_.mjs";
-import { i as SegmentedControlProps } from "./SegmentedControl-Dk5S4Dhz.mjs";
-import { i as SelectProps } from "./Select-DRnRqMAL.mjs";
-import { t as TextAreaProps } from "./TextArea-1bHvaq9p.mjs";
-import { n as ToggleProps } from "./Toggle-B3Cdyf7T.mjs";
-import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+import { n as CheckboxProps } from "./Checkbox-Bc2kzl9q.mjs";
+import { a as InputProps } from "./Input-DW7oacjc.mjs";
+import { n as ComboboxMultiSelectProps } from "./ComboboxMultiSelect-CdLQDBMN.mjs";
+import { n as ComboboxSingleSelectProps } from "./ComboboxSingleSelect-CxiQ2o6t.mjs";
+import { n as FormFieldBaseProps } from "./FormField-24UPuoL6.mjs";
+import { n as RadioGroupProps } from "./RadioGroup-DfhvXpi3.mjs";
+import { i as SegmentedControlProps } from "./SegmentedControl-1QD2zH3l.mjs";
+import { i as SelectProps } from "./Select-BysJW9mH.mjs";
+import { t as TextAreaProps } from "./TextArea-J1MD_8rK.mjs";
+import { n as ToggleProps } from "./Toggle-CY67yh4T.mjs";
 import * as _$react from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
 
 //#region components/FormField/inputFields.d.ts
 type ImplementsFormField = Omit<FormFieldBaseProps, 'children'>;

package/dist/lib/ConfigContext.cjs

@@ -1,4 +1,4 @@
-require("../chunk-CoPdw6nB.cjs");
+require("../chunk-CKQMccvm.cjs");
 //#region lib/ConfigContext.ts
 /**
 * Use this context to pass feature flags into the design system.

package/dist/lib/GlobalStyles.cjs

@@ -0,0 +1,57 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+require("../chunk-CKQMccvm.cjs");
+let _persona_design_tokens = require("@persona/design-tokens");
+let styled_components = require("styled-components");
+//#region lib/GlobalStyles.tsx
+const globalStylesRaw = styled_components.css`
+  body {
+    height: 100%;
+    width: 100%;
+    background: ${_persona_design_tokens.Color.BackgroundSecondary};
+    color: ${_persona_design_tokens.Color.TextPrimary};
+    ${_persona_design_tokens.Typography.TextMedium};
+    -webkit-font-smoothing: antialiased;
+
+    /* For iOS scrolling */
+    overflow: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  a {
+    color: ${_persona_design_tokens.Color.PrimaryPurple};
+    font-size: inherit;
+    line-height: inherit;
+    text-decoration: none;
+
+    /* Only show outline when focused via keyboard */
+    &:focus-visible {
+      outline: 2px auto ${_persona_design_tokens.Color.BorderFocus};
+      outline-offset: 2px;
+    }
+  }
+
+  b {
+    font-weight: ${_persona_design_tokens.Typography.TextMediumBold.fontWeight};
+  }
+
+  @page {
+    size: portrait;
+  }
+
+  @media print {
+    body {
+      overflow: visible;
+    }
+  }
+`;
+var GlobalStyles_default = styled_components.createGlobalStyle`
+  ${globalStylesRaw}
+`;
+//#endregion
+exports.default = GlobalStyles_default;
+exports.globalStylesRaw = globalStylesRaw;
+
+//# sourceMappingURL=GlobalStyles.cjs.map

package/dist/lib/GlobalStyles.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalStyles.cjs","names":["Color","Typography"],"sources":["../../lib/GlobalStyles.tsx"],"sourcesContent":["import { createGlobalStyle, css } from 'styled-components';\n\nimport { Color, Typography } from '@persona/design-tokens';\n\nexport const globalStylesRaw = css`\n  body {\n    height: 100%;\n    width: 100%;\n    background: ${Color.BackgroundSecondary};\n    color: ${Color.TextPrimary};\n    ${Typography.TextMedium};\n    -webkit-font-smoothing: antialiased;\n\n    /* For iOS scrolling */\n    overflow: auto;\n    -webkit-overflow-scrolling: touch;\n  }\n\n  a {\n    color: ${Color.PrimaryPurple};\n    font-size: inherit;\n    line-height: inherit;\n    text-decoration: none;\n\n    /* Only show outline when focused via keyboard */\n    &:focus-visible {\n      outline: 2px auto ${Color.BorderFocus};\n      outline-offset: 2px;\n    }\n  }\n\n  b {\n    font-weight: ${Typography.TextMediumBold.fontWeight};\n  }\n\n  @page {\n    size: portrait;\n  }\n\n  @media print {\n    body {\n      overflow: visible;\n    }\n  }\n`;\n\nexport default createGlobalStyle`\n  ${globalStylesRaw}\n`;\n"],"mappings":";;;;;;;;AAIA,MAAa,kBAAkB,kBAAA,GAAG;;;;kBAIhBA,uBAAAA,MAAM,oBAAoB;aAC/BA,uBAAAA,MAAM,YAAY;MACzBC,uBAAAA,WAAW,WAAW;;;;;;;;;aASfD,uBAAAA,MAAM,cAAc;;;;;;;0BAOPA,uBAAAA,MAAM,YAAY;;;;;;mBAMzBC,uBAAAA,WAAW,eAAe,WAAW;;;;;;;;;;;;;AAcxD,IAAA,uBAAe,kBAAA,iBAAiB;IAC5B,gBAAgB"}

package/dist/lib/GlobalStyles.d.cts

@@ -0,0 +1,8 @@
+import * as _$styled_components0 from "styled-components";
+
+//#region lib/GlobalStyles.d.ts
+declare const globalStylesRaw: _$styled_components0.FlattenSimpleInterpolation;
+declare const _default: _$styled_components0.GlobalStyleComponent<{}, _$styled_components0.DefaultTheme>;
+//#endregion
+export { _default as default, globalStylesRaw };
+//# sourceMappingURL=GlobalStyles.d.cts.map

package/dist/lib/GlobalStyles.d.mts

@@ -0,0 +1,8 @@
+import * as _$styled_components0 from "styled-components";
+
+//#region lib/GlobalStyles.d.ts
+declare const globalStylesRaw: _$styled_components0.FlattenSimpleInterpolation;
+declare const _default: _$styled_components0.GlobalStyleComponent<{}, _$styled_components0.DefaultTheme>;
+//#endregion
+export { _default as default, globalStylesRaw };
+//# sourceMappingURL=GlobalStyles.d.mts.map

package/dist/lib/GlobalStyles.mjs

@@ -0,0 +1,51 @@
+import { Color, Typography } from "@persona/design-tokens";
+import { createGlobalStyle, css } from "styled-components";
+//#region lib/GlobalStyles.tsx
+const globalStylesRaw = css`
+  body {
+    height: 100%;
+    width: 100%;
+    background: ${Color.BackgroundSecondary};
+    color: ${Color.TextPrimary};
+    ${Typography.TextMedium};
+    -webkit-font-smoothing: antialiased;
+
+    /* For iOS scrolling */
+    overflow: auto;
+    -webkit-overflow-scrolling: touch;
+  }
+
+  a {
+    color: ${Color.PrimaryPurple};
+    font-size: inherit;
+    line-height: inherit;
+    text-decoration: none;
+
+    /* Only show outline when focused via keyboard */
+    &:focus-visible {
+      outline: 2px auto ${Color.BorderFocus};
+      outline-offset: 2px;
+    }
+  }
+
+  b {
+    font-weight: ${Typography.TextMediumBold.fontWeight};
+  }
+
+  @page {
+    size: portrait;
+  }
+
+  @media print {
+    body {
+      overflow: visible;
+    }
+  }
+`;
+var GlobalStyles_default = createGlobalStyle`
+  ${globalStylesRaw}
+`;
+//#endregion
+export { GlobalStyles_default as default, globalStylesRaw };
+
+//# sourceMappingURL=GlobalStyles.mjs.map

package/dist/lib/GlobalStyles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalStyles.mjs","names":[],"sources":["../../lib/GlobalStyles.tsx"],"sourcesContent":["import { createGlobalStyle, css } from 'styled-components';\n\nimport { Color, Typography } from '@persona/design-tokens';\n\nexport const globalStylesRaw = css`\n  body {\n    height: 100%;\n    width: 100%;\n    background: ${Color.BackgroundSecondary};\n    color: ${Color.TextPrimary};\n    ${Typography.TextMedium};\n    -webkit-font-smoothing: antialiased;\n\n    /* For iOS scrolling */\n    overflow: auto;\n    -webkit-overflow-scrolling: touch;\n  }\n\n  a {\n    color: ${Color.PrimaryPurple};\n    font-size: inherit;\n    line-height: inherit;\n    text-decoration: none;\n\n    /* Only show outline when focused via keyboard */\n    &:focus-visible {\n      outline: 2px auto ${Color.BorderFocus};\n      outline-offset: 2px;\n    }\n  }\n\n  b {\n    font-weight: ${Typography.TextMediumBold.fontWeight};\n  }\n\n  @page {\n    size: portrait;\n  }\n\n  @media print {\n    body {\n      overflow: visible;\n    }\n  }\n`;\n\nexport default createGlobalStyle`\n  ${globalStylesRaw}\n`;\n"],"mappings":";;;AAIA,MAAa,kBAAkB,GAAG;;;;kBAIhB,MAAM,oBAAoB;aAC/B,MAAM,YAAY;MACzB,WAAW,WAAW;;;;;;;;;aASf,MAAM,cAAc;;;;;;;0BAOP,MAAM,YAAY;;;;;;mBAMzB,WAAW,eAAe,WAAW;;;;;;;;;;;;;AAcxD,IAAA,uBAAe,iBAAiB;IAC5B,gBAAgB"}

package/dist/lib/HeadlessAriaButton.cjs

@@ -1,5 +1,5 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_chunk = require("../chunk-CoPdw6nB.cjs");
+const require_chunk = require("../chunk-CKQMccvm.cjs");
 let styled_components = require("styled-components");
 styled_components = require_chunk.__toESM(styled_components);
 let react_aria_components = require("react-aria-components");

package/dist/lib/MiddleTruncatedText.cjs

@@ -0,0 +1,7 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_MiddleTruncatedText = require("../MiddleTruncatedText-BIzKECv9.cjs");
+exports.MiddleTruncatedText = require_MiddleTruncatedText.MiddleTruncatedText;
+exports.default = require_MiddleTruncatedText.MiddleTruncatedText;

package/dist/lib/MiddleTruncatedText.d.cts

@@ -0,0 +1,14 @@
+import { ComponentPropsWithoutRef, FC } from "react";
+
+//#region lib/MiddleTruncatedText.d.ts
+interface MiddleTruncatedTextProps extends ComponentPropsWithoutRef<'span'> {
+  value: string;
+  maxWidth?: number | string;
+  font?: string;
+  titleBehavior?: 'always' | 'conditional' | 'never';
+  onTruncatedChange?: (isTruncated: boolean) => void;
+}
+declare const MiddleTruncatedText: FC<MiddleTruncatedTextProps>;
+//#endregion
+export { MiddleTruncatedText, MiddleTruncatedText as default, MiddleTruncatedTextProps };
+//# sourceMappingURL=MiddleTruncatedText.d.cts.map

package/dist/lib/MiddleTruncatedText.d.mts

@@ -0,0 +1,14 @@
+import { ComponentPropsWithoutRef, FC } from "react";
+
+//#region lib/MiddleTruncatedText.d.ts
+interface MiddleTruncatedTextProps extends ComponentPropsWithoutRef<'span'> {
+  value: string;
+  maxWidth?: number | string;
+  font?: string;
+  titleBehavior?: 'always' | 'conditional' | 'never';
+  onTruncatedChange?: (isTruncated: boolean) => void;
+}
+declare const MiddleTruncatedText: FC<MiddleTruncatedTextProps>;
+//#endregion
+export { MiddleTruncatedText, MiddleTruncatedText as default, MiddleTruncatedTextProps };
+//# sourceMappingURL=MiddleTruncatedText.d.mts.map

package/dist/lib/MiddleTruncatedText.mjs

@@ -0,0 +1,2 @@
+import { t as MiddleTruncatedText } from "../MiddleTruncatedText-Bzpg3zAU.mjs";
+export { MiddleTruncatedText, MiddleTruncatedText as default };

package/dist/lib/PDSProvider.cjs

@@ -1,19 +1,12 @@
-require("../chunk-CoPdw6nB.cjs");
+require("../chunk-CKQMccvm.cjs");
 const require_theme = require("../theme.cjs");
-const require_lib_register_RegisterComponent = require("./register/RegisterComponent.cjs");
-require("./register/index.cjs");
 let styled_components = require("styled-components");
 let react_jsx_runtime = require("react/jsx-runtime");
 //#region lib/PDSProvider.tsx
-const PDSProvider = ({ children, theme = require_theme.default, componentRegister }) => {
-	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(styled_components.ThemeProvider, {
-		theme,
-		children: componentRegister ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_lib_register_RegisterComponent.ComponentRegisterProvider, {
-			value: componentRegister,
-			children
-		}) : children
-	});
-};
+const PDSProvider = ({ children, theme = require_theme.default }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(styled_components.ThemeProvider, {
+	theme,
+	children
+});
 //#endregion
 module.exports = PDSProvider;
 

package/dist/lib/PDSProvider.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"PDSProvider.cjs","names":["defaultTheme","ThemeProvider","ComponentRegisterProvider"],"sources":["../../lib/PDSProvider.tsx"],"sourcesContent":["import {\n  ComponentRegisterProvider,\n  type ComponentRegister,\n} from '@persona/design-system/lib/register';\nimport defaultTheme, { type PersonaTheme } from '@persona/design-system/theme';\nimport type { FC, PropsWithChildren } from 'react';\nimport { ThemeProvider } from 'styled-components';\n\ninterface PDSProviderProps {\n  theme?: PersonaTheme;\n  componentRegister?: ComponentRegister;\n}\n\nconst PDSProvider: FC<PropsWithChildren<PDSProviderProps>> = ({\n  children,\n  theme = defaultTheme,\n  componentRegister,\n}) => {\n  const content = componentRegister ? (\n    <ComponentRegisterProvider value={componentRegister}>{children}</ComponentRegisterProvider>\n  ) : (\n    children\n  );\n\n  return <ThemeProvider theme={theme}>{content}</ThemeProvider>;\n};\n\nexport default PDSProvider;\n"],"mappings":";;;;;;;AAaA,MAAM,eAAwD,EAC5D,UACA,QAAQA,cAAAA,SACR,wBACI;AAOJ,QAAO,iBAAA,GAAA,kBAAA,KAACC,kBAAAA,eAAD;EAAsB;YANb,oBACd,iBAAA,GAAA,kBAAA,KAACC,uCAAAA,2BAAD;GAA2B,OAAO;GAAoB;GAAqC,CAAA,GAE3F;EAG2D,CAAA"}
+{"version":3,"file":"PDSProvider.cjs","names":["defaultTheme","ThemeProvider"],"sources":["../../lib/PDSProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from 'react';\nimport { ThemeProvider } from 'styled-components';\n\nimport defaultTheme, { type PersonaTheme } from '@persona/design-system/theme';\n\ninterface PDSProviderProps {\n  theme?: PersonaTheme;\n}\n\nconst PDSProvider: FC<PropsWithChildren<PDSProviderProps>> = ({\n  children,\n  theme = defaultTheme,\n}) => <ThemeProvider theme={theme}>{children}</ThemeProvider>;\n\nexport default PDSProvider;\n"],"mappings":";;;;;AASA,MAAM,eAAwD,EAC5D,UACA,QAAQA,cAAAA,cACJ,iBAAA,GAAA,kBAAA,KAACC,kBAAAA,eAAD;CAAsB;CAAQ;CAAyB,CAAA"}

package/dist/lib/PDSProvider.d.cts

@@ -1,11 +1,9 @@
 import { n as PersonaTheme } from "../theme-Cadb1xzQ.cjs";
-import { t as ComponentRegister } from "../RegisterComponent-CpXIR-51.cjs";
 import { FC, PropsWithChildren } from "react";
 
 //#region lib/PDSProvider.d.ts
 interface PDSProviderProps {
   theme?: PersonaTheme;
-  componentRegister?: ComponentRegister;
 }
 declare const PDSProvider: FC<PropsWithChildren<PDSProviderProps>>;
 export = PDSProvider;

package/dist/lib/PDSProvider.d.mts

@@ -1,11 +1,9 @@
-import { n as PersonaTheme } from "../theme-DGAqgnUa.mjs";
-import { t as ComponentRegister } from "../RegisterComponent-BDb43KvI.mjs";
+import { n as PersonaTheme } from "../theme-q9fNLtcA.mjs";
 import { FC, PropsWithChildren } from "react";
 
 //#region lib/PDSProvider.d.ts
 interface PDSProviderProps {
   theme?: PersonaTheme;
-  componentRegister?: ComponentRegister;
 }
 declare const PDSProvider: FC<PropsWithChildren<PDSProviderProps>>;
 //#endregion