@persona/design-system 0.10.12 → 0.10.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (152) hide show
  1. package/CHANGELOG.md +31 -0
  2. package/dist/{CheckboxGroupField-XSVAmESI.d.mts → CheckboxGroupField-BW_BcW3L.d.mts} +2 -2
  3. package/dist/CheckboxGroupField.d.mts +1 -1
  4. package/dist/{Combobox-DbcSss15.d.mts → Combobox-DgYwerwd.d.mts} +3 -3
  5. package/dist/{Combobox-BNjYEAmv.mjs → Combobox-DmFQ5cAy.mjs} +63 -51
  6. package/dist/Combobox-DmFQ5cAy.mjs.map +1 -0
  7. package/dist/Combobox.d.mts +2 -2
  8. package/dist/{ComboboxBase-CrFweFGi.d.mts → ComboboxBase-DoKiRjgS.d.mts} +2 -2
  9. package/dist/ComboboxBase.d.mts +1 -1
  10. package/dist/{ComboboxMultiSelect-Cp5GBGQj.d.mts → ComboboxMultiSelect-DsoIMJiZ.d.mts} +2 -2
  11. package/dist/ComboboxMultiSelect.d.mts +1 -1
  12. package/dist/{ComboboxSingleSelect-u7fK3Yvy.d.mts → ComboboxSingleSelect-CKsqOAGB.d.mts} +3 -3
  13. package/dist/ComboboxSingleSelect.d.mts +1 -1
  14. package/dist/{CompactBar-BLZZWtIE.d.mts → CompactBar-tNtY2EhN.d.mts} +2 -2
  15. package/dist/CompactBar.d.mts +1 -1
  16. package/dist/{ControlBar-B3Jn8G0k.d.mts → ControlBar-CDb6b1_6.d.mts} +5 -3
  17. package/dist/ControlBar.d.mts +1 -1
  18. package/dist/{DataTable-DdSY9mzT.mjs → DataTable-DZ0B2Zm9.mjs} +146 -77
  19. package/dist/DataTable-DZ0B2Zm9.mjs.map +1 -0
  20. package/dist/{DataTable-C1mdfmQa.d.mts → DataTable-on3vGhyi.d.mts} +31 -7
  21. package/dist/DataTable.d.mts +1 -1
  22. package/dist/{DatePicker-DiilpYQg.mjs → DatePicker-CHVYVKB-.mjs} +2 -2
  23. package/dist/{DatePicker-DiilpYQg.mjs.map → DatePicker-CHVYVKB-.mjs.map} +1 -1
  24. package/dist/DropdownButton.d.mts +1 -1
  25. package/dist/{DropdownMenu-CQR0U-zM.d.mts → DropdownMenu-eVY-Yjpq.d.mts} +2 -2
  26. package/dist/DropdownMenu.d.mts +1 -1
  27. package/dist/{FloatingActionBar-BUgSKimy.d.mts → FloatingActionBar-CfgjHs81.d.mts} +5 -1
  28. package/dist/FloatingActionBar.d.mts +1 -1
  29. package/dist/{FormField-yYJFkJ6R.mjs → FormField-BfVrDOY0.mjs} +4 -4
  30. package/dist/{FormField-yYJFkJ6R.mjs.map → FormField-BfVrDOY0.mjs.map} +1 -1
  31. package/dist/{HoverCopyableField-X2XfKTTh.mjs → HoverCopyableField-CJ_p3llp.mjs} +2 -2
  32. package/dist/{HoverCopyableField-X2XfKTTh.mjs.map → HoverCopyableField-CJ_p3llp.mjs.map} +1 -1
  33. package/dist/IndexTableLayout.d.mts +3 -3
  34. package/dist/InlineCombobox.d.mts +1 -1
  35. package/dist/InlineInput.d.mts +1 -1
  36. package/dist/{Link-B29ZMN6m.mjs → Link-Df3zJrj2.mjs} +1 -1
  37. package/dist/{Link-B29ZMN6m.mjs.map → Link-Df3zJrj2.mjs.map} +1 -1
  38. package/dist/{ListBox-4rTgr3IJ.mjs → ListBox-BRgjgUSp.mjs} +2 -2
  39. package/dist/{ListBox-4rTgr3IJ.mjs.map → ListBox-BRgjgUSp.mjs.map} +1 -1
  40. package/dist/{ListBox-ZDaitaXR.d.mts → ListBox-Bgug8YZF.d.mts} +2 -2
  41. package/dist/ListBox.d.mts +1 -1
  42. package/dist/{ListBoxField-CGvVWKyL.d.mts → ListBoxField-Cc1sX2bo.d.mts} +4 -4
  43. package/dist/ListBoxField.d.mts +1 -1
  44. package/dist/{LogicRow-Bzp5o1sL.d.mts → LogicRow-B1_35ZJT.d.mts} +2 -2
  45. package/dist/LogicRow.d.mts +1 -1
  46. package/dist/{Menu-DviYNrFd.d.mts → Menu-keVl-eKm.d.mts} +2 -2
  47. package/dist/Menu.d.mts +1 -1
  48. package/dist/{Modal-CiPFqr0L.mjs → Modal-SnCo7ecm.mjs} +3 -2
  49. package/dist/Modal-SnCo7ecm.mjs.map +1 -0
  50. package/dist/{Pii-jSYND7Cn.mjs → Pii-BYPkrBuT.mjs} +1 -1
  51. package/dist/{Pii-jSYND7Cn.mjs.map → Pii-BYPkrBuT.mjs.map} +1 -1
  52. package/dist/{Popover-CVX-dfYb.mjs → Popover-DP9DXReH.mjs} +1 -1
  53. package/dist/{Popover-CVX-dfYb.mjs.map → Popover-DP9DXReH.mjs.map} +1 -1
  54. package/dist/{Select-DsVeAyZy.d.mts → Select-CiofH5-f.d.mts} +2 -2
  55. package/dist/Select.d.mts +1 -1
  56. package/dist/SmartTextInputField.d.mts +2 -2
  57. package/dist/SmartTextInputListbox.d.mts +8 -3
  58. package/dist/{TableBox-D9NA-s9l.mjs → TableBox-RxpwflEb.mjs} +3 -3
  59. package/dist/{TableBox-D9NA-s9l.mjs.map → TableBox-RxpwflEb.mjs.map} +1 -1
  60. package/dist/TableBox.d.mts +1 -1
  61. package/dist/{TableBoxCell-CQOL30et.d.mts → TableBoxCell-C65YFYqj.d.mts} +4 -4
  62. package/dist/TableBoxCell.d.mts +1 -1
  63. package/dist/{TableBoxField-z0GIFeQw.d.mts → TableBoxField-CHpClgsE.d.mts} +5 -5
  64. package/dist/TableBoxField.d.mts +1 -1
  65. package/dist/{TableBoxRow-tb9-KMr9.d.mts → TableBoxRow-CK-b79uD.d.mts} +2 -2
  66. package/dist/TableBoxRow.d.mts +1 -1
  67. package/dist/{TableBoxRowActions-BZwulsFP.d.mts → TableBoxRowActions-CRaabjaY.d.mts} +2 -2
  68. package/dist/TableBoxRowActions.d.mts +1 -1
  69. package/dist/{TableControls-BXykbUBf.mjs → TableControls-DM4RddQ_.mjs} +31 -12
  70. package/dist/TableControls-DM4RddQ_.mjs.map +1 -0
  71. package/dist/{TableControls-DE6eHq8h.d.mts → TableControls-v1NmlFTW.d.mts} +4 -4
  72. package/dist/TableControls.d.mts +1 -1
  73. package/dist/{TableControlsContext-C2_2EuMh.d.mts → TableControlsContext-DHYICXxy.d.mts} +2 -2
  74. package/dist/TableControlsContext.d.mts +1 -1
  75. package/dist/{TableViewConfigurationDropdown-DE9HFXYY.d.mts → TableViewConfigurationDropdown-1nT8wneI.d.mts} +2 -2
  76. package/dist/TableViewConfigurationDropdown.d.mts +1 -1
  77. package/dist/{clientFilterUtils-2TBUC31K.d.mts → clientFilterUtils-CaF2QZBy.d.mts} +2 -2
  78. package/dist/clientFilterUtils.d.mts +1 -1
  79. package/dist/components/Combobox/index.d.mts +4 -4
  80. package/dist/components/Combobox/index.mjs +1 -1
  81. package/dist/components/DataTable/TableControls/index.d.mts +7 -7
  82. package/dist/components/DataTable/TableControls/index.mjs +1 -1
  83. package/dist/components/DataTable/index.d.mts +6 -6
  84. package/dist/components/DataTable/index.mjs +1 -1
  85. package/dist/components/DataTable/types.d.mts +1 -1
  86. package/dist/components/DatePicker/index.mjs +1 -1
  87. package/dist/components/DropdownMenu/index.d.mts +1 -1
  88. package/dist/components/FormField/index.d.mts +4 -4
  89. package/dist/components/FormField/index.mjs +1 -1
  90. package/dist/components/HoverCopyableField/index.mjs +1 -1
  91. package/dist/components/Link/index.mjs +1 -1
  92. package/dist/components/ListBox/index.d.mts +3 -3
  93. package/dist/components/ListBox/index.mjs +1 -1
  94. package/dist/components/Menu/index.d.mts +1 -1
  95. package/dist/components/Modal/index.mjs +1 -1
  96. package/dist/components/Pii/index.mjs +1 -1
  97. package/dist/components/Popover/index.mjs +1 -1
  98. package/dist/components/RichTextEditor/index.mjs +2 -2
  99. package/dist/components/Select/index.d.mts +1 -1
  100. package/dist/components/SmartTextInput/index.mjs +104 -48
  101. package/dist/components/SmartTextInput/index.mjs.map +1 -1
  102. package/dist/components/TableBox/index.d.mts +1 -1
  103. package/dist/components/TableBox/index.mjs +1 -1
  104. package/dist/components/VersionHistory/index.mjs +1 -1
  105. package/dist/fieldPickerOptions.d.mts +1 -1
  106. package/dist/{filters-DW7pqWv3.d.mts → filters-CShP0Jag.d.mts} +2 -2
  107. package/dist/filters.d.mts +1 -1
  108. package/dist/{helpers-BTD2kXLs.d.mts → helpers-Bbi1LyMW.d.mts} +5 -3
  109. package/dist/helpers.d.mts +1 -1
  110. package/dist/{index-B4tE0RxY.d.mts → index-3-eDlpcj.d.mts} +3 -3
  111. package/dist/{inputFields-DnBb3NhK.d.mts → inputFields-Dobwb4kT.d.mts} +4 -4
  112. package/dist/inputFields.d.mts +1 -1
  113. package/dist/lib/PDSProvider.d.mts +2 -1
  114. package/dist/lib/PDSProvider.mjs +8 -3
  115. package/dist/lib/PDSProvider.mjs.map +1 -1
  116. package/dist/lib/colorMode.d.mts +18 -7
  117. package/dist/lib/colorMode.mjs +47 -13
  118. package/dist/lib/colorMode.mjs.map +1 -1
  119. package/dist/lib/schemaOptions.mjs +1 -1
  120. package/dist/lib/schemaOptions.mjs.map +1 -1
  121. package/dist/patterns/IndexTableLayout/index.mjs +1 -1
  122. package/dist/patterns/WizardModal/index.mjs +1 -1
  123. package/dist/{types-NO2GRlM-.d.mts → types-BTaKBrxG.d.mts} +2 -2
  124. package/dist/{types-Dws2XDz2.d.mts → types-CUnL8JJj.d.mts} +6 -4
  125. package/dist/types5.d.mts +1 -1
  126. package/dist/useColumnConfiguration.d.mts +2 -2
  127. package/dist/useComboboxFooterAction.d.mts +1 -1
  128. package/dist/{useTableColumns-tITjHasE.d.mts → useTableColumns-BuxN7Usm.d.mts} +17 -2
  129. package/dist/useTableColumns.d.mts +1 -1
  130. package/dist/useTruncation.d.mts +1 -1
  131. package/dist/utils4.d.mts +1 -1
  132. package/dist/withDisabledReason.d.mts +19 -0
  133. package/llms.txt +4 -3
  134. package/package.json +4 -12
  135. package/skills/ui-authoring/COMPONENTS.md +0 -1
  136. package/skills/ui-authoring/PATTERNS.md +0 -64
  137. package/skills/ui-authoring/TOKENS.md +14 -25
  138. package/dist/ChartFrame.d.mts +0 -61
  139. package/dist/ChartLegend.d.mts +0 -60
  140. package/dist/ChartPopover.d.mts +0 -155
  141. package/dist/Combobox-BNjYEAmv.mjs.map +0 -1
  142. package/dist/DataTable-DdSY9mzT.mjs.map +0 -1
  143. package/dist/Modal-CiPFqr0L.mjs.map +0 -1
  144. package/dist/TableControls-BXykbUBf.mjs.map +0 -1
  145. package/dist/chartColors.d.mts +0 -92
  146. package/dist/chartFrameLayout.d.mts +0 -46
  147. package/dist/components/Chart/index.d.mts +0 -9
  148. package/dist/components/Chart/index.mjs +0 -680
  149. package/dist/components/Chart/index.mjs.map +0 -1
  150. package/dist/useChartColors.d.mts +0 -30
  151. package/dist/useChartSeriesVisibility.d.mts +0 -22
  152. package/dist/useChartStyles.d.mts +0 -108
@@ -1,92 +0,0 @@
1
- import { t as ChartingTokens } from "./charting-C_WcP3tn.mjs";
2
- import { t as MaybeChartingTheme } from "./semanticColor-BKbCliyl.mjs";
3
- import { Color } from "@persona/design-tokens";
4
-
5
- //#region src/components/Chart/chartColors.d.ts
6
- /**
7
- * The charting palettes a chart may use. Each maps to a `ChartingColors` palette from
8
- * `@persona/design-tokens` (or its dark-mode twin under a PDS colour mode):
9
- *
10
- * - `qualitative` → `Qualitative` (12): distinct, unordered series. The default; its order is
11
- * tuned for accessibility, so series take colours in this order.
12
- * - `sequentialMono` → `SequentialMono` (8): ordered magnitude in one hue.
13
- * - `sequentialDivergent` → `SequentialDivergent` (10): values diverging around a midpoint.
14
- *
15
- * The legacy `Sequential` and `Categorical` palettes are deliberately not offered.
16
- *
17
- * @experimental Part of the in-progress PDS charting components; the API may change.
18
- */
19
- type ChartPalette = 'qualitative' | 'sequentialMono' | 'sequentialDivergent';
20
- /** @experimental */
21
- declare const CHART_PALETTE_TOKENS: {
22
- readonly qualitative: "Qualitative";
23
- readonly sequentialMono: "SequentialMono";
24
- readonly sequentialDivergent: "SequentialDivergent";
25
- };
26
- /** @experimental */
27
- declare const DEFAULT_CHART_PALETTE: ChartPalette;
28
- /** @experimental */
29
- type ChartColorMode = 'light' | 'dark';
30
- /**
31
- * A colour override for one series: a Persona `Color` token, or a light/dark pair of tokens.
32
- * `Color` is a string enum, so a raw hex string (`'#3F48FD'`) does not type-check.
33
- *
34
- * Wrap overrides in {@link chartColor} so the `pds/semantic-color` lint rule accepts the `Color.*`
35
- * reference.
36
- *
37
- * @experimental
38
- */
39
- type ChartColor = Color | {
40
- readonly light: Color;
41
- readonly dark: Color;
42
- };
43
- /**
44
- * Marks a series colour override as a deliberate chart colour. It returns its argument unchanged;
45
- * its job is to type-check the override (Persona tokens only, never hex) and to tell the
46
- * `pds/semantic-color` lint rule that the `Color.*` inside is intended.
47
- *
48
- * ```ts
49
- * { key: 'fraud', label: 'Fraud', color: chartColor(Color.CoreRed600) }
50
- * { key: 'fraud', label: 'Fraud', color: chartColor({ light: Color.CoreRed600, dark: Color.CoreRed400 }) }
51
- * ```
52
- *
53
- * @experimental
54
- */
55
- declare const chartColor: <C extends ChartColor>(color: C) => C;
56
- /** One series as far as colour resolution is concerned. @experimental */
57
- interface ChartSeriesColorInput<K extends string = string> {
58
- key: K;
59
- color?: ChartColor;
60
- }
61
- /** @experimental */
62
- interface ResolveSeriesColorsOptions {
63
- /** Palettes for the active colour mode, e.g. `chartingColors(theme)`. Defaults to light. */
64
- tokens?: ChartingTokens;
65
- /** Defaults to `'qualitative'`. */
66
- palette?: ChartPalette;
67
- /** Picks the side of a light/dark override pair. Defaults to `'light'`. */
68
- mode?: ChartColorMode;
69
- }
70
- /** The ordered colours of `palette` in `tokens`. @experimental */
71
- declare const chartPaletteColors: (tokens: ChartingTokens, palette?: ChartPalette) => readonly Color[];
72
- /** Resolves an override to the single token for `mode`. @experimental */
73
- declare const resolveChartColor: (color: ChartColor, mode: ChartColorMode) => Color;
74
- /** `'dark'` when `theme` carries the dark charting palettes, else `'light'`. @experimental */
75
- declare const chartColorModeOf: (theme: MaybeChartingTheme | undefined) => ChartColorMode;
76
- /**
77
- * Assigns each series a colour token, keyed by series key.
78
- *
79
- * Series without an override take the palette colour at their own index, so a series keeps its
80
- * colour when another is hidden or overridden. Past the end of the palette colours repeat and a
81
- * development warning suggests grouping the extra series (e.g. into "Other"): never invent colours.
82
- *
83
- * @experimental
84
- */
85
- declare function resolveSeriesColors<K extends string>(series: readonly ChartSeriesColorInput<K>[], {
86
- tokens,
87
- palette,
88
- mode
89
- }?: ResolveSeriesColorsOptions): Record<K, Color>;
90
- //#endregion
91
- export { CHART_PALETTE_TOKENS, ChartColor, ChartColorMode, ChartPalette, ChartSeriesColorInput, DEFAULT_CHART_PALETTE, ResolveSeriesColorsOptions, chartColor, chartColorModeOf, chartPaletteColors, resolveChartColor, resolveSeriesColors };
92
- //# sourceMappingURL=chartColors.d.mts.map
@@ -1,46 +0,0 @@
1
- import * as _$react from "react";
2
-
3
- //#region src/components/Chart/chartFrameLayout.d.ts
4
- /**
5
- * Where a `ChartFrame` places its legend:
6
- * - `'stack'` (default): left-aligned above the plot; legend items run in a wrapping row.
7
- * - `'right'`: inline to the right of the plot, top-aligned; legend items run in a column.
8
- *
9
- * @experimental Part of the in-progress PDS charting components; the API may change.
10
- */
11
- type ChartLegendPosition = 'stack' | 'right';
12
- /** @experimental */
13
- declare const DEFAULT_CHART_LEGEND_POSITION: ChartLegendPosition;
14
- /**
15
- * Plot height in px when a `ChartFrame` is given none. The plot always fills the frame's width.
16
- *
17
- * @experimental
18
- */
19
- declare const CHART_DEFAULT_HEIGHT = 300;
20
- /**
21
- * Opacity of a de-emphasised series: a hidden series' legend swatch, and the series a pointer is
22
- * not on (its popover row and its segment in the hovered bar).
23
- *
24
- * @experimental
25
- */
26
- declare const CHART_INACTIVE_OPACITY = 0.65;
27
- /**
28
- * Recharts margin for a plot inside a `ChartFrame`. The frame owns the spacing around the plot
29
- * (`Spacing[3]` between legend and plot) and lets axis labels overflow the SVG, so the chart adds
30
- * no margin of its own: `<BarChart margin={CHART_PLOT_MARGIN} ...>`.
31
- *
32
- * @experimental
33
- */
34
- declare const CHART_PLOT_MARGIN: {
35
- readonly top: 0;
36
- readonly right: 0;
37
- readonly bottom: 0;
38
- readonly left: 0;
39
- };
40
- /** Provided by `ChartFrame` so its `ChartLegend` lays its items out to match. */
41
- declare const ChartLegendPositionProvider: _$react.Provider<ChartLegendPosition | undefined>;
42
- /** The legend position of the enclosing `ChartFrame`, or `undefined` outside one. */
43
- declare const useChartLegendPosition: () => ChartLegendPosition | undefined;
44
- //#endregion
45
- export { CHART_DEFAULT_HEIGHT, CHART_INACTIVE_OPACITY, CHART_PLOT_MARGIN, ChartLegendPosition, ChartLegendPositionProvider, DEFAULT_CHART_LEGEND_POSITION, useChartLegendPosition };
46
- //# sourceMappingURL=chartFrameLayout.d.mts.map
@@ -1,9 +0,0 @@
1
- import { CHART_DEFAULT_HEIGHT, CHART_INACTIVE_OPACITY, CHART_PLOT_MARGIN, ChartLegendPosition, DEFAULT_CHART_LEGEND_POSITION } from "../../chartFrameLayout.mjs";
2
- import { ChartLegend, ChartLegendContent, ChartLegendGroup, ChartLegendItem, ChartLegendProps } from "../../ChartLegend.mjs";
3
- import { ChartFrame, ChartFrameProps } from "../../ChartFrame.mjs";
4
- import { ChartPopover, ChartPopoverPanel, ChartPopoverPanelProps, ChartPopoverPayloadEntry, ChartPopoverProps, ChartPopoverRow, ChartPopoverSeries, ChartPopoverSize, chartPopoverRows } from "../../ChartPopover.mjs";
5
- import { CHART_PALETTE_TOKENS, ChartColor, ChartColorMode, ChartPalette, ChartSeriesColorInput, DEFAULT_CHART_PALETTE, ResolveSeriesColorsOptions, chartColor, chartColorModeOf, chartPaletteColors, resolveChartColor, resolveSeriesColors } from "../../chartColors.mjs";
6
- import { ChartColors, useChartColors } from "../../useChartColors.mjs";
7
- import { ChartSeriesVisibility, useChartSeriesVisibility } from "../../useChartSeriesVisibility.mjs";
8
- import { ChartActiveSeries, ChartStyles, ChartTickStyle, useChartActiveSeries, useChartStyles } from "../../useChartStyles.mjs";
9
- export { CHART_DEFAULT_HEIGHT, CHART_INACTIVE_OPACITY, CHART_PALETTE_TOKENS, CHART_PLOT_MARGIN, type ChartActiveSeries, type ChartColor, type ChartColorMode, type ChartColors, ChartFrame, type ChartFrameProps, ChartLegend, type ChartLegendContent, type ChartLegendGroup, type ChartLegendItem, type ChartLegendPosition, type ChartLegendProps, type ChartPalette, ChartPopover, ChartPopoverPanel, type ChartPopoverPanelProps, type ChartPopoverPayloadEntry, type ChartPopoverProps, type ChartPopoverRow, type ChartPopoverSeries, type ChartPopoverSize, type ChartSeriesColorInput, type ChartSeriesVisibility, type ChartStyles, type ChartTickStyle, DEFAULT_CHART_LEGEND_POSITION, DEFAULT_CHART_PALETTE, type ResolveSeriesColorsOptions, chartColor, chartColorModeOf, chartPaletteColors, chartPopoverRows, resolveChartColor, resolveSeriesColors, useChartActiveSeries, useChartColors, useChartSeriesVisibility, useChartStyles };