@persona/design-system 0.7.2 → 0.8.0

package/dist/utilities.d.mts

@@ -1,2 +1,2 @@
-import { t as RequireOneOf } from "./utilities-BcGuP8Fd.mjs";
+import { t as RequireOneOf } from "./utilities-DcsbI71T.mjs";
 export { RequireOneOf };

package/dist/utils/storybook.mjs

@@ -1,4 +1,4 @@
-import { n as Stack } from "../Stack-ChsImaEY.mjs";
+import { n as Stack } from "../Stack-Bkn0TUDe.mjs";
 import { jsx } from "react/jsx-runtime";
 //#region utils/storybook.tsx
 const withStack = (Story) => {

package/dist/utils/testing.d.mts

@@ -1,4 +1,4 @@
-import { n as RouterAdapter } from "../types-B-stjYNc.mjs";
+import { n as RouterAdapter } from "../types-CkpixGWr.mjs";
 import { ReactElement } from "react";
 import * as _$_testing_library_react0 from "@testing-library/react";
 import { RenderOptions, screen } from "@testing-library/react";

package/dist/utils.d.mts

@@ -1,4 +1,4 @@
-import { u as FilterRuleValue } from "./types-BEjWTkZV.mjs";
+import { u as FilterRuleValue } from "./types-C4WUSW3e.mjs";
 
 //#region components/DataTable/TableControls/FiltersV2/value-controls/utils.d.ts
 /**

package/dist/{validation-B-Om4ANo.d.mts → validation-BgwNghi2.d.mts}

@@ -1,5 +1,5 @@
-import { l as FilterRule, p as FilterStateV2 } from "./types-BEjWTkZV.mjs";
-import { t as FieldRegistry } from "./FieldRegistry-bKxrF1gC.mjs";
+import { l as FilterRule, p as FilterStateV2 } from "./types-C4WUSW3e.mjs";
+import { t as FieldRegistry } from "./FieldRegistry-0LmSQ-jc.mjs";
 
 //#region components/DataTable/TableControls/FiltersV2/validation.d.ts
 /**
@@ -48,4 +48,4 @@ declare function pruneToRegistry(state: FilterStateV2, registry: FieldRegistry |
 declare function hasCompleteValue(rule: FilterRule, registry: FieldRegistry): boolean;
 //#endregion
 export { isFilterStateV2 as n, pruneToRegistry as r, hasCompleteValue as t };
-//# sourceMappingURL=validation-B-Om4ANo.d.mts.map
+//# sourceMappingURL=validation-BgwNghi2.d.mts.map

package/dist/validation.d.mts

@@ -1,2 +1,2 @@
-import { n as isFilterStateV2, r as pruneToRegistry, t as hasCompleteValue } from "./validation-B-Om4ANo.mjs";
+import { n as isFilterStateV2, r as pruneToRegistry, t as hasCompleteValue } from "./validation-BgwNghi2.mjs";
 export { hasCompleteValue, isFilterStateV2, pruneToRegistry };

package/dist/{value-control-resolver-BiyhB8zt.d.mts → value-control-resolver-B0HDRxRN.d.mts}

@@ -1,4 +1,4 @@
-import { a as FilterField, c as FilterOperator, d as FilterRuleValueChange, l as FilterRule, u as FilterRuleValue } from "./types-BEjWTkZV.mjs";
+import { a as FilterField, c as FilterOperator, d as FilterRuleValueChange, l as FilterRule, u as FilterRuleValue } from "./types-C4WUSW3e.mjs";
 import { ReactNode } from "react";
 
 //#region components/DataTable/TableControls/FiltersV2/FilterBar/value-control-resolver.d.ts
@@ -32,6 +32,7 @@ interface ResolveValueControlOptions {
   onCommit?: () => void;
   ariaLabel?: string;
   relativeDatesEnabled?: boolean;
+  dateTimesEnabled?: boolean;
   /**
    * Where the control is being rendered. `popover` (default) is the
    * simple-pill `FilterPopover` surface — dedicated to one rule with
@@ -45,4 +46,4 @@ type ValueControlResolver = (opts: ResolveValueControlOptions) => ReactNode | un
 declare function resolveValueControl(opts: ResolveValueControlOptions, hostResolver?: ValueControlResolver): ReactNode;
 //#endregion
 export { ValueControlResolver as n, resolveValueControl as r, ResolveValueControlOptions as t };
-//# sourceMappingURL=value-control-resolver-BiyhB8zt.d.mts.map
+//# sourceMappingURL=value-control-resolver-B0HDRxRN.d.mts.map

package/dist/value-control-resolver.d.mts

@@ -1,2 +1,2 @@
-import { n as ValueControlResolver, r as resolveValueControl, t as ResolveValueControlOptions } from "./value-control-resolver-BiyhB8zt.mjs";
+import { n as ValueControlResolver, r as resolveValueControl, t as ResolveValueControlOptions } from "./value-control-resolver-B0HDRxRN.mjs";
 export { ResolveValueControlOptions, ValueControlResolver, resolveValueControl };

package/dist/variables/effect.d.mts

@@ -1,4 +1,4 @@
-import { t as MaybeSemanticTheme } from "../semanticColor-Cru2gSys.mjs";
+import { t as MaybeSemanticTheme } from "../semanticColor-DuJCmDrH.mjs";
 
 //#region variables/effect.d.ts
 /**

package/dist/variables/semantic.d.mts

@@ -1,2 +1,2 @@
-import { i as semanticLight, n as SemanticTokens, r as semanticDark, t as CssPercentage } from "../semantic-BXwNUd4a.mjs";
+import { i as semanticLight, n as SemanticTokens, r as semanticDark, t as CssPercentage } from "../semantic-CFMBsuiJ.mjs";
 export { CssPercentage, SemanticTokens, semanticDark, semanticLight };

package/dist/variables/semantic.mjs

@@ -1,8 +1,5 @@
 import { Color } from "@persona/design-tokens";
 //#region variables/semantic.ts
-const CoreSlate1150 = "#262626";
-const CoreSlate1200 = "#1F1F1F";
-const CoreSlate1300 = "#181818";
 const semanticLight = {
 	ActionAccent: Color.CorePurple100,
 	ActionDanger: Color.CoreRed700,
@@ -125,14 +122,14 @@ const semanticDark = {
 	ActionDangerActive: Color.CoreRed200,
 	ActionDangerDisabled: Color.CoreRed400,
 	ActionDangerHover: Color.CoreRed300,
-	ActionInverse: Color.CoreSlate700,
-	ActionInverseActive: Color.CoreSlate500,
-	ActionInverseHover: Color.CoreSlate600,
+	ActionInverse: Color.CoreSlate500,
+	ActionInverseActive: Color.CoreSlate300,
+	ActionInverseHover: Color.CoreSlate400,
 	ActionNeutral: Color.CoreSlate1100,
 	ActionNeutralActive: Color.CoreSlate900,
 	ActionNeutralHover: Color.CoreSlate1000,
 	ActionOutlineActive: Color.CoreSlate1100,
-	ActionOutlineHover: CoreSlate1200,
+	ActionOutlineHover: Color.CoreSlate1200,
 	ActionPrimary: Color.CorePurple400,
 	ActionPrimaryActive: Color.CorePurple200,
 	ActionPrimaryHover: Color.CorePurple300,
@@ -162,10 +159,10 @@ const semanticDark = {
 	FeedbackNeutral1: Color.CoreSlate1100,
 	FeedbackNeutral2: Color.CoreSlate1000,
 	FeedbackNeutral2Static: Color.CoreSlate200,
-	FeedbackNeutral3: CoreSlate1150,
+	FeedbackNeutral3: Color.CoreSlate1150,
 	FeedbackNeutral4: Color.CoreSlate1000,
-	FeedbackNeutral5: CoreSlate1200,
-	FeedbackNeutralInverse: CoreSlate1200,
+	FeedbackNeutral5: Color.CoreSlate1200,
+	FeedbackNeutralInverse: Color.CoreSlate1200,
 	FeedbackSuccess1: Color.CoreGreen700,
 	FeedbackSuccess2: Color.CoreGreen400,
 	FeedbackSuccess3: Color.CoreGreen600,
@@ -195,16 +192,16 @@ const semanticDark = {
 	FgWarning2: Color.CoreOrange400,
 	InputBorderAccent: Color.CoreBlue500,
 	InputBorderDefault: Color.CoreSlate1000,
-	InputBorderDisabled: Color.CoreSlate800,
+	InputBorderDisabled: Color.CoreSlate1000,
 	InputBorderHover: Color.CoreSlate900,
 	InputBorderHoverStrong: Color.CoreSlate600,
 	InputBorderStrong: Color.CoreSlate800,
 	InputSurfaceAccent: Color.CoreBlue500,
 	InputSurfaceAccentDisabled: Color.CoreBlue500,
 	InputSurfaceAccentHover: Color.CoreBlue400,
-	InputSurfaceDefault: CoreSlate1200,
-	InputSurfaceDisabled: CoreSlate1200,
-	InputSurfaceHover: CoreSlate1200,
+	InputSurfaceDefault: Color.CoreSlate1200,
+	InputSurfaceDisabled: Color.CoreSlate1200,
+	InputSurfaceHover: Color.CoreSlate1200,
 	InputSurfaceInverseStatic: Color.PrimaryWhite,
 	Opacity15: "15%",
 	Opacity25: "25%",
@@ -226,12 +223,12 @@ const semanticDark = {
 	StatusWarning: Color.CoreOrange600,
 	SurfaceAccent: Color.CorePurple500,
 	SurfaceAccentStatic: Color.CorePurple100,
-	SurfaceElevated: CoreSlate1150,
+	SurfaceElevated: Color.CoreSlate1150,
 	SurfaceHover: Color.CoreSlate1100,
 	SurfaceInset: Color.CoreSlate1000,
-	SurfacePage: CoreSlate1300,
-	SurfacePrimary: CoreSlate1200,
-	SurfaceSecondary: CoreSlate1150,
+	SurfacePage: Color.CoreSlate1300,
+	SurfacePrimary: Color.CoreSlate1200,
+	SurfaceSecondary: Color.CoreSlate1150,
 	SurfaceSubtle: Color.CoreSlate1100,
 	SurfaceTertiary: Color.CoreSlate900
 };

package/dist/variables/semantic.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"semantic.mjs","names":[],"sources":["../../variables/semantic.ts"],"sourcesContent":["// Generated by design-system/scripts/generate-semantic-tokens.mjs from\n//   design-system/tokens/semantic/light.json\n//   design-system/tokens/semantic/dark.json\n// Do not edit by hand — edit the token source and regenerate.\n// This module is where semantic aliases map onto core primitives.\n/* oxlint-disable persona-web/no-core-color-tokens */\nimport { Color } from '@persona/design-tokens';\n\n/** A CSS percentage. Opacity tokens are percentages, not colours. */\nexport type CssPercentage = `${number}%`;\n\n/**\n * Semantic tokens. Names match the Figma Semantic collection 1:1\n * (`action/primary` -> `ActionPrimary`).\n */\nexport interface SemanticTokens {\n  ActionAccent: Color;\n  ActionDanger: Color;\n  ActionDangerActive: Color;\n  ActionDangerDisabled: Color;\n  ActionDangerHover: Color;\n  ActionInverse: Color;\n  ActionInverseActive: Color;\n  ActionInverseHover: Color;\n  ActionNeutral: Color;\n  ActionNeutralActive: Color;\n  ActionNeutralHover: Color;\n  ActionOutlineActive: Color;\n  ActionOutlineHover: Color;\n  ActionPrimary: Color;\n  ActionPrimaryActive: Color;\n  ActionPrimaryHover: Color;\n  BorderAccent: Color;\n  BorderDanger: Color;\n  BorderDefault: Color;\n  BorderDivider: Color;\n  BorderFocus: Color;\n  BorderHover: Color;\n  BorderSubtle: Color;\n  BorderWarning: Color;\n  FeedbackAccent1: Color;\n  FeedbackAccent1Static: Color;\n  FeedbackAccent2: Color;\n  FeedbackAccent3: Color;\n  FeedbackDanger1: Color;\n  FeedbackDanger2: Color;\n  FeedbackDanger3: Color;\n  FeedbackDanger4: Color;\n  FeedbackHighlight1: Color;\n  FeedbackHighlight2: Color;\n  FeedbackInfo1: Color;\n  FeedbackInfo2: Color;\n  FeedbackInfo3: Color;\n  FeedbackMisc1: Color;\n  FeedbackMisc2: Color;\n  FeedbackNeutral1: Color;\n  FeedbackNeutral2: Color;\n  FeedbackNeutral2Static: Color;\n  FeedbackNeutral3: Color;\n  FeedbackNeutral4: Color;\n  FeedbackNeutral5: Color;\n  FeedbackNeutralInverse: Color;\n  FeedbackSuccess1: Color;\n  FeedbackSuccess2: Color;\n  FeedbackSuccess3: Color;\n  FeedbackWarning1: Color;\n  FeedbackWarning2: Color;\n  FeedbackWarning3: Color;\n  FgAccent: Color;\n  FgAccentActive: Color;\n  FgAccentHover: Color;\n  FgAccentStatic: Color;\n  FgDanger1: Color;\n  FgDanger2: Color;\n  FgDisabled: Color;\n  FgFeature: Color;\n  /** Yellow foreground for filled highlight/attention treatments; transparent StatusIndicator attention intentionally uses FgWarning1. */\n  FgHighlight: Color;\n  FgInfo: Color;\n  FgInverse: Color;\n  FgInverseStatic: Color;\n  FgMisc: Color;\n  FgPrimary: Color;\n  FgPrimaryStatic: Color;\n  FgSecondary: Color;\n  FgSecondaryStatic: Color;\n  FgSuccess: Color;\n  FgTertiary: Color;\n  FgWarning1: Color;\n  FgWarning2: Color;\n  InputBorderAccent: Color;\n  InputBorderDefault: Color;\n  InputBorderDisabled: Color;\n  InputBorderHover: Color;\n  InputBorderHoverStrong: Color;\n  InputBorderStrong: Color;\n  InputSurfaceAccent: Color;\n  InputSurfaceAccentDisabled: Color;\n  InputSurfaceAccentHover: Color;\n  InputSurfaceDefault: Color;\n  InputSurfaceDisabled: Color;\n  InputSurfaceHover: Color;\n  InputSurfaceInverseStatic: Color;\n  /** 100% in light, 15% in dark; PX-1838 tracks whether the light value is deliberate. */\n  Opacity15: CssPercentage;\n  /** 100% in light, 25% in dark; PX-1838 tracks whether the light value is deliberate. */\n  Opacity25: CssPercentage;\n  Opacity65: CssPercentage;\n  StatusDanger1Static: Color;\n  StatusDanger2: Color;\n  StatusDanger3: Color;\n  StatusDanger4: Color;\n  StatusFeature: Color;\n  StatusHighlight: Color;\n  StatusInfo1: Color;\n  StatusInfo2: Color;\n  StatusInfo3: Color;\n  StatusMisc: Color;\n  StatusNeutral: Color;\n  StatusSuccess1: Color;\n  StatusSuccess2: Color;\n  StatusSuccess3: Color;\n  StatusWarning: Color;\n  SurfaceAccent: Color;\n  SurfaceAccentStatic: Color;\n  SurfaceElevated: Color;\n  SurfaceHover: Color;\n  SurfaceInset: Color;\n  SurfacePage: Color;\n  SurfacePrimary: Color;\n  SurfaceSecondary: Color;\n  SurfaceSubtle: Color;\n  SurfaceTertiary: Color;\n}\n\n// Core primitives @persona/design-tokens does not publish yet (scripts/lib/unpublishedPrimitives.mjs).\nconst CoreSlate1150 = '#262626' as Color;\nconst CoreSlate1200 = '#1F1F1F' as Color;\nconst CoreSlate1300 = '#181818' as Color;\n\nexport const semanticLight: SemanticTokens = {\n  ActionAccent: Color.CorePurple100,\n  ActionDanger: Color.CoreRed700,\n  ActionDangerActive: Color.CoreRed900,\n  ActionDangerDisabled: Color.CoreRed400,\n  ActionDangerHover: Color.CoreRed800,\n  ActionInverse: Color.PrimaryWhite,\n  ActionInverseActive: Color.CoreSlate300,\n  ActionInverseHover: Color.CoreSlate100,\n  ActionNeutral: Color.CoreSlate100,\n  ActionNeutralActive: Color.CoreSlate400,\n  ActionNeutralHover: Color.CoreSlate200,\n  ActionOutlineActive: Color.CoreSlate300,\n  ActionOutlineHover: Color.CoreSlate100,\n  ActionPrimary: Color.CorePurple600,\n  ActionPrimaryActive: Color.CorePurple900,\n  ActionPrimaryHover: Color.CorePurple800,\n  BorderAccent: Color.CorePurple600,\n  BorderDanger: Color.CoreRed600,\n  BorderDefault: Color.CoreSlate300,\n  BorderDivider: Color.CoreSlate100,\n  BorderFocus: Color.CoreBlue600,\n  BorderHover: Color.CoreSlate1000,\n  BorderSubtle: Color.CoreSlate200,\n  BorderWarning: Color.CoreOrange700,\n  FeedbackAccent1: Color.CorePurple200,\n  FeedbackAccent1Static: Color.CorePurple200,\n  FeedbackAccent2: Color.CorePurple400,\n  FeedbackAccent3: Color.CorePurple600,\n  FeedbackDanger1: Color.CoreRed100,\n  FeedbackDanger2: Color.CoreRed400,\n  FeedbackDanger3: Color.CoreRed600,\n  FeedbackDanger4: Color.CoreRed800,\n  FeedbackHighlight1: Color.CoreYellow500,\n  FeedbackHighlight2: Color.CoreYellow800,\n  FeedbackInfo1: Color.CoreBlue100,\n  FeedbackInfo2: Color.CoreBlue400,\n  FeedbackInfo3: Color.CoreBlue600,\n  FeedbackMisc1: Color.CoreTeal500,\n  FeedbackMisc2: Color.CoreTeal800,\n  FeedbackNeutral1: Color.CoreSlate100,\n  FeedbackNeutral2: Color.CoreSlate200,\n  FeedbackNeutral2Static: Color.CoreSlate200,\n  FeedbackNeutral3: Color.CoreSlate300,\n  FeedbackNeutral4: Color.CoreSlate700,\n  FeedbackNeutral5: Color.CoreSlate800,\n  FeedbackNeutralInverse: Color.PrimaryWhite,\n  FeedbackSuccess1: Color.CoreGreen100,\n  FeedbackSuccess2: Color.CoreGreen500,\n  FeedbackSuccess3: Color.CoreGreen700,\n  FeedbackWarning1: Color.CoreOrange100,\n  FeedbackWarning2: Color.CoreOrange500,\n  FeedbackWarning3: Color.CoreOrange700,\n  FgAccent: Color.CorePurple700,\n  FgAccentActive: Color.CorePurple900,\n  FgAccentHover: Color.CorePurple800,\n  FgAccentStatic: Color.CorePurple600,\n  FgDanger1: Color.CoreRed800,\n  FgDanger2: Color.CoreRed1000,\n  FgDisabled: Color.CoreSlate500,\n  FgFeature: Color.CorePurple1000,\n  FgHighlight: Color.CoreYellow1000,\n  FgInfo: Color.CoreBlue1000,\n  FgInverse: Color.PrimaryWhite,\n  FgInverseStatic: Color.PrimaryWhite,\n  FgMisc: Color.CoreTeal1000,\n  FgPrimary: Color.CoreSlate1100,\n  FgPrimaryStatic: Color.CoreSlate1100,\n  FgSecondary: Color.CoreSlate800,\n  FgSecondaryStatic: Color.CoreSlate800,\n  FgSuccess: Color.CoreGreen1000,\n  FgTertiary: Color.CoreSlate700,\n  FgWarning1: Color.CoreOrange900,\n  FgWarning2: Color.CoreOrange1000,\n  InputBorderAccent: Color.CoreBlue700,\n  InputBorderDefault: Color.CoreSlate300,\n  InputBorderDisabled: Color.CoreSlate300,\n  InputBorderHover: Color.CoreSlate500,\n  InputBorderHoverStrong: Color.CoreSlate1000,\n  InputBorderStrong: Color.CoreSlate800,\n  InputSurfaceAccent: Color.CoreBlue700,\n  InputSurfaceAccentDisabled: Color.CoreBlue300,\n  InputSurfaceAccentHover: Color.CoreBlue800,\n  InputSurfaceDefault: Color.PrimaryWhite,\n  InputSurfaceDisabled: Color.CoreSlate100,\n  InputSurfaceHover: Color.PrimaryWhite,\n  InputSurfaceInverseStatic: Color.PrimaryWhite,\n  Opacity15: '100%',\n  Opacity25: '100%',\n  Opacity65: '65%',\n  StatusDanger1Static: Color.CoreRed100,\n  StatusDanger2: Color.CoreRed200,\n  StatusDanger3: Color.CoreRed300,\n  StatusDanger4: Color.CoreRed600,\n  StatusFeature: Color.CorePurple300,\n  StatusHighlight: Color.CoreYellow400,\n  StatusInfo1: Color.CoreBlue200,\n  StatusInfo2: Color.CoreBlue300,\n  StatusInfo3: Color.CoreBlue700,\n  StatusMisc: Color.CoreTeal300,\n  StatusNeutral: Color.CoreSlate200,\n  StatusSuccess1: Color.CoreGreen200,\n  StatusSuccess2: Color.CoreGreen300,\n  StatusSuccess3: Color.CoreGreen800,\n  StatusWarning: Color.CoreOrange300,\n  SurfaceAccent: Color.CorePurple100,\n  SurfaceAccentStatic: Color.CorePurple100,\n  SurfaceElevated: Color.PrimaryWhite,\n  SurfaceHover: Color.CoreSlate50,\n  SurfaceInset: Color.CoreSlate300,\n  SurfacePage: Color.CoreSlate50,\n  SurfacePrimary: Color.PrimaryWhite,\n  SurfaceSecondary: Color.CoreSlate50,\n  SurfaceSubtle: Color.CoreSlate50,\n  SurfaceTertiary: Color.CoreSlate100,\n};\n\nexport const semanticDark: SemanticTokens = {\n  ActionAccent: Color.CorePurple500,\n  ActionDanger: Color.CoreRed400,\n  ActionDangerActive: Color.CoreRed200,\n  ActionDangerDisabled: Color.CoreRed400,\n  ActionDangerHover: Color.CoreRed300,\n  ActionInverse: Color.CoreSlate700,\n  ActionInverseActive: Color.CoreSlate500,\n  ActionInverseHover: Color.CoreSlate600,\n  ActionNeutral: Color.CoreSlate1100,\n  ActionNeutralActive: Color.CoreSlate900,\n  ActionNeutralHover: Color.CoreSlate1000,\n  ActionOutlineActive: Color.CoreSlate1100,\n  ActionOutlineHover: CoreSlate1200,\n  ActionPrimary: Color.CorePurple400,\n  ActionPrimaryActive: Color.CorePurple200,\n  ActionPrimaryHover: Color.CorePurple300,\n  BorderAccent: Color.CorePurple500,\n  BorderDanger: Color.CoreRed500,\n  BorderDefault: Color.CoreSlate1000,\n  BorderDivider: Color.CoreSlate1100,\n  BorderFocus: Color.CoreBlue400,\n  BorderHover: Color.CoreSlate600,\n  BorderSubtle: Color.CoreSlate1100,\n  BorderWarning: Color.CoreOrange400,\n  FeedbackAccent1: Color.CorePurple400,\n  FeedbackAccent1Static: Color.CorePurple200,\n  FeedbackAccent2: Color.CorePurple400,\n  FeedbackAccent3: Color.CorePurple600,\n  FeedbackDanger1: Color.CoreRed600,\n  FeedbackDanger2: Color.CoreRed350,\n  FeedbackDanger3: Color.CoreRed500,\n  FeedbackDanger4: Color.CoreRed800,\n  FeedbackHighlight1: Color.CoreYellow400,\n  FeedbackHighlight2: Color.CoreYellow700,\n  FeedbackInfo1: Color.CoreBlue600,\n  FeedbackInfo2: Color.CoreBlue400,\n  FeedbackInfo3: Color.CoreBlue600,\n  FeedbackMisc1: Color.CoreTeal400,\n  FeedbackMisc2: Color.CoreTeal600,\n  FeedbackNeutral1: Color.CoreSlate1100,\n  FeedbackNeutral2: Color.CoreSlate1000,\n  FeedbackNeutral2Static: Color.CoreSlate200,\n  FeedbackNeutral3: CoreSlate1150,\n  FeedbackNeutral4: Color.CoreSlate1000,\n  FeedbackNeutral5: CoreSlate1200,\n  FeedbackNeutralInverse: CoreSlate1200,\n  FeedbackSuccess1: Color.CoreGreen700,\n  FeedbackSuccess2: Color.CoreGreen400,\n  FeedbackSuccess3: Color.CoreGreen600,\n  FeedbackWarning1: Color.CoreOrange600,\n  FeedbackWarning2: Color.CoreOrange400,\n  FeedbackWarning3: Color.CoreOrange600,\n  FgAccent: Color.CorePurple400,\n  FgAccentActive: Color.CorePurple200,\n  FgAccentHover: Color.CorePurple300,\n  FgAccentStatic: Color.CorePurple600,\n  FgDanger1: Color.CoreRed300,\n  FgDanger2: Color.CoreRed300,\n  FgDisabled: Color.CoreSlate900,\n  FgFeature: Color.CorePurple400,\n  FgHighlight: Color.CoreYellow300,\n  FgInfo: Color.CoreBlue350,\n  FgInverse: Color.CoreSlate1100,\n  FgInverseStatic: Color.PrimaryWhite,\n  FgMisc: Color.CoreTeal200,\n  FgPrimary: Color.CoreSlate400,\n  FgPrimaryStatic: Color.CoreSlate1100,\n  FgSecondary: Color.CoreSlate700,\n  FgSecondaryStatic: Color.CoreSlate800,\n  FgSuccess: Color.CoreGreen400,\n  FgTertiary: Color.CoreSlate500,\n  FgWarning1: Color.CoreOrange400,\n  FgWarning2: Color.CoreOrange400,\n  InputBorderAccent: Color.CoreBlue500,\n  InputBorderDefault: Color.CoreSlate1000,\n  InputBorderDisabled: Color.CoreSlate800,\n  InputBorderHover: Color.CoreSlate900,\n  InputBorderHoverStrong: Color.CoreSlate600,\n  InputBorderStrong: Color.CoreSlate800,\n  InputSurfaceAccent: Color.CoreBlue500,\n  InputSurfaceAccentDisabled: Color.CoreBlue500,\n  InputSurfaceAccentHover: Color.CoreBlue400,\n  InputSurfaceDefault: CoreSlate1200,\n  InputSurfaceDisabled: CoreSlate1200,\n  InputSurfaceHover: CoreSlate1200,\n  InputSurfaceInverseStatic: Color.PrimaryWhite,\n  Opacity15: '15%',\n  Opacity25: '25%',\n  Opacity65: '65%',\n  StatusDanger1Static: Color.CoreRed100,\n  StatusDanger2: Color.CoreRed300,\n  StatusDanger3: Color.CoreRed600,\n  StatusDanger4: Color.CoreRed300,\n  StatusFeature: Color.CorePurple500,\n  StatusHighlight: Color.CoreYellow400,\n  StatusInfo1: Color.CoreBlue350,\n  StatusInfo2: Color.CoreBlue600,\n  StatusInfo3: Color.CoreBlue400,\n  StatusMisc: Color.CoreTeal600,\n  StatusNeutral: Color.CoreSlate1100,\n  StatusSuccess1: Color.CoreGreen300,\n  StatusSuccess2: Color.CoreGreen600,\n  StatusSuccess3: Color.CoreGreen300,\n  StatusWarning: Color.CoreOrange600,\n  SurfaceAccent: Color.CorePurple500,\n  SurfaceAccentStatic: Color.CorePurple100,\n  SurfaceElevated: CoreSlate1150,\n  SurfaceHover: Color.CoreSlate1100,\n  SurfaceInset: Color.CoreSlate1000,\n  SurfacePage: CoreSlate1300,\n  SurfacePrimary: CoreSlate1200,\n  SurfaceSecondary: CoreSlate1150,\n  SurfaceSubtle: Color.CoreSlate1100,\n  SurfaceTertiary: Color.CoreSlate900,\n};\n"],"mappings":"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"}
+{"version":3,"file":"semantic.mjs","names":[],"sources":["../../variables/semantic.ts"],"sourcesContent":["// Generated by design-system/scripts/generate-semantic-tokens.mjs from\n//   design-system/tokens/semantic/light.json\n//   design-system/tokens/semantic/dark.json\n// Do not edit by hand — edit the token source and regenerate.\n// This module is where semantic aliases map onto core primitives.\n/* oxlint-disable persona-web/no-core-color-tokens */\nimport { Color } from '@persona/design-tokens';\n\n/** A CSS percentage. Opacity tokens are percentages, not colours. */\nexport type CssPercentage = `${number}%`;\n\n/**\n * Semantic tokens. Names match the Figma Semantic collection 1:1\n * (`action/primary` -> `ActionPrimary`).\n */\nexport interface SemanticTokens {\n  ActionAccent: Color;\n  ActionDanger: Color;\n  ActionDangerActive: Color;\n  ActionDangerDisabled: Color;\n  ActionDangerHover: Color;\n  ActionInverse: Color;\n  ActionInverseActive: Color;\n  ActionInverseHover: Color;\n  ActionNeutral: Color;\n  ActionNeutralActive: Color;\n  ActionNeutralHover: Color;\n  ActionOutlineActive: Color;\n  ActionOutlineHover: Color;\n  ActionPrimary: Color;\n  ActionPrimaryActive: Color;\n  ActionPrimaryHover: Color;\n  BorderAccent: Color;\n  BorderDanger: Color;\n  BorderDefault: Color;\n  BorderDivider: Color;\n  BorderFocus: Color;\n  BorderHover: Color;\n  BorderSubtle: Color;\n  BorderWarning: Color;\n  FeedbackAccent1: Color;\n  FeedbackAccent1Static: Color;\n  FeedbackAccent2: Color;\n  FeedbackAccent3: Color;\n  FeedbackDanger1: Color;\n  FeedbackDanger2: Color;\n  FeedbackDanger3: Color;\n  FeedbackDanger4: Color;\n  FeedbackHighlight1: Color;\n  FeedbackHighlight2: Color;\n  FeedbackInfo1: Color;\n  FeedbackInfo2: Color;\n  FeedbackInfo3: Color;\n  FeedbackMisc1: Color;\n  FeedbackMisc2: Color;\n  FeedbackNeutral1: Color;\n  FeedbackNeutral2: Color;\n  FeedbackNeutral2Static: Color;\n  FeedbackNeutral3: Color;\n  FeedbackNeutral4: Color;\n  FeedbackNeutral5: Color;\n  FeedbackNeutralInverse: Color;\n  FeedbackSuccess1: Color;\n  FeedbackSuccess2: Color;\n  FeedbackSuccess3: Color;\n  FeedbackWarning1: Color;\n  FeedbackWarning2: Color;\n  FeedbackWarning3: Color;\n  FgAccent: Color;\n  FgAccentActive: Color;\n  FgAccentHover: Color;\n  FgAccentStatic: Color;\n  FgDanger1: Color;\n  FgDanger2: Color;\n  FgDisabled: Color;\n  FgFeature: Color;\n  /** Yellow foreground for filled highlight/attention treatments. */\n  FgHighlight: Color;\n  FgInfo: Color;\n  FgInverse: Color;\n  FgInverseStatic: Color;\n  FgMisc: Color;\n  FgPrimary: Color;\n  FgPrimaryStatic: Color;\n  FgSecondary: Color;\n  FgSecondaryStatic: Color;\n  FgSuccess: Color;\n  FgTertiary: Color;\n  FgWarning1: Color;\n  FgWarning2: Color;\n  InputBorderAccent: Color;\n  InputBorderDefault: Color;\n  InputBorderDisabled: Color;\n  InputBorderHover: Color;\n  InputBorderHoverStrong: Color;\n  InputBorderStrong: Color;\n  InputSurfaceAccent: Color;\n  InputSurfaceAccentDisabled: Color;\n  InputSurfaceAccentHover: Color;\n  InputSurfaceDefault: Color;\n  InputSurfaceDisabled: Color;\n  InputSurfaceHover: Color;\n  InputSurfaceInverseStatic: Color;\n  /** 100% in light, 15% in dark; PX-1838 tracks whether the light value is deliberate. */\n  Opacity15: CssPercentage;\n  /** 100% in light, 25% in dark; PX-1838 tracks whether the light value is deliberate. */\n  Opacity25: CssPercentage;\n  Opacity65: CssPercentage;\n  StatusDanger1Static: Color;\n  StatusDanger2: Color;\n  StatusDanger3: Color;\n  StatusDanger4: Color;\n  StatusFeature: Color;\n  StatusHighlight: Color;\n  StatusInfo1: Color;\n  StatusInfo2: Color;\n  StatusInfo3: Color;\n  StatusMisc: Color;\n  StatusNeutral: Color;\n  StatusSuccess1: Color;\n  StatusSuccess2: Color;\n  StatusSuccess3: Color;\n  StatusWarning: Color;\n  SurfaceAccent: Color;\n  SurfaceAccentStatic: Color;\n  SurfaceElevated: Color;\n  SurfaceHover: Color;\n  SurfaceInset: Color;\n  SurfacePage: Color;\n  SurfacePrimary: Color;\n  SurfaceSecondary: Color;\n  SurfaceSubtle: Color;\n  SurfaceTertiary: Color;\n}\n\nexport const semanticLight: SemanticTokens = {\n  ActionAccent: Color.CorePurple100,\n  ActionDanger: Color.CoreRed700,\n  ActionDangerActive: Color.CoreRed900,\n  ActionDangerDisabled: Color.CoreRed400,\n  ActionDangerHover: Color.CoreRed800,\n  ActionInverse: Color.PrimaryWhite,\n  ActionInverseActive: Color.CoreSlate300,\n  ActionInverseHover: Color.CoreSlate100,\n  ActionNeutral: Color.CoreSlate100,\n  ActionNeutralActive: Color.CoreSlate400,\n  ActionNeutralHover: Color.CoreSlate200,\n  ActionOutlineActive: Color.CoreSlate300,\n  ActionOutlineHover: Color.CoreSlate100,\n  ActionPrimary: Color.CorePurple600,\n  ActionPrimaryActive: Color.CorePurple900,\n  ActionPrimaryHover: Color.CorePurple800,\n  BorderAccent: Color.CorePurple600,\n  BorderDanger: Color.CoreRed600,\n  BorderDefault: Color.CoreSlate300,\n  BorderDivider: Color.CoreSlate100,\n  BorderFocus: Color.CoreBlue600,\n  BorderHover: Color.CoreSlate1000,\n  BorderSubtle: Color.CoreSlate200,\n  BorderWarning: Color.CoreOrange700,\n  FeedbackAccent1: Color.CorePurple200,\n  FeedbackAccent1Static: Color.CorePurple200,\n  FeedbackAccent2: Color.CorePurple400,\n  FeedbackAccent3: Color.CorePurple600,\n  FeedbackDanger1: Color.CoreRed100,\n  FeedbackDanger2: Color.CoreRed400,\n  FeedbackDanger3: Color.CoreRed600,\n  FeedbackDanger4: Color.CoreRed800,\n  FeedbackHighlight1: Color.CoreYellow500,\n  FeedbackHighlight2: Color.CoreYellow800,\n  FeedbackInfo1: Color.CoreBlue100,\n  FeedbackInfo2: Color.CoreBlue400,\n  FeedbackInfo3: Color.CoreBlue600,\n  FeedbackMisc1: Color.CoreTeal500,\n  FeedbackMisc2: Color.CoreTeal800,\n  FeedbackNeutral1: Color.CoreSlate100,\n  FeedbackNeutral2: Color.CoreSlate200,\n  FeedbackNeutral2Static: Color.CoreSlate200,\n  FeedbackNeutral3: Color.CoreSlate300,\n  FeedbackNeutral4: Color.CoreSlate700,\n  FeedbackNeutral5: Color.CoreSlate800,\n  FeedbackNeutralInverse: Color.PrimaryWhite,\n  FeedbackSuccess1: Color.CoreGreen100,\n  FeedbackSuccess2: Color.CoreGreen500,\n  FeedbackSuccess3: Color.CoreGreen700,\n  FeedbackWarning1: Color.CoreOrange100,\n  FeedbackWarning2: Color.CoreOrange500,\n  FeedbackWarning3: Color.CoreOrange700,\n  FgAccent: Color.CorePurple700,\n  FgAccentActive: Color.CorePurple900,\n  FgAccentHover: Color.CorePurple800,\n  FgAccentStatic: Color.CorePurple600,\n  FgDanger1: Color.CoreRed800,\n  FgDanger2: Color.CoreRed1000,\n  FgDisabled: Color.CoreSlate500,\n  FgFeature: Color.CorePurple1000,\n  FgHighlight: Color.CoreYellow1000,\n  FgInfo: Color.CoreBlue1000,\n  FgInverse: Color.PrimaryWhite,\n  FgInverseStatic: Color.PrimaryWhite,\n  FgMisc: Color.CoreTeal1000,\n  FgPrimary: Color.CoreSlate1100,\n  FgPrimaryStatic: Color.CoreSlate1100,\n  FgSecondary: Color.CoreSlate800,\n  FgSecondaryStatic: Color.CoreSlate800,\n  FgSuccess: Color.CoreGreen1000,\n  FgTertiary: Color.CoreSlate700,\n  FgWarning1: Color.CoreOrange900,\n  FgWarning2: Color.CoreOrange1000,\n  InputBorderAccent: Color.CoreBlue700,\n  InputBorderDefault: Color.CoreSlate300,\n  InputBorderDisabled: Color.CoreSlate300,\n  InputBorderHover: Color.CoreSlate500,\n  InputBorderHoverStrong: Color.CoreSlate1000,\n  InputBorderStrong: Color.CoreSlate800,\n  InputSurfaceAccent: Color.CoreBlue700,\n  InputSurfaceAccentDisabled: Color.CoreBlue300,\n  InputSurfaceAccentHover: Color.CoreBlue800,\n  InputSurfaceDefault: Color.PrimaryWhite,\n  InputSurfaceDisabled: Color.CoreSlate100,\n  InputSurfaceHover: Color.PrimaryWhite,\n  InputSurfaceInverseStatic: Color.PrimaryWhite,\n  Opacity15: '100%',\n  Opacity25: '100%',\n  Opacity65: '65%',\n  StatusDanger1Static: Color.CoreRed100,\n  StatusDanger2: Color.CoreRed200,\n  StatusDanger3: Color.CoreRed300,\n  StatusDanger4: Color.CoreRed600,\n  StatusFeature: Color.CorePurple300,\n  StatusHighlight: Color.CoreYellow400,\n  StatusInfo1: Color.CoreBlue200,\n  StatusInfo2: Color.CoreBlue300,\n  StatusInfo3: Color.CoreBlue700,\n  StatusMisc: Color.CoreTeal300,\n  StatusNeutral: Color.CoreSlate200,\n  StatusSuccess1: Color.CoreGreen200,\n  StatusSuccess2: Color.CoreGreen300,\n  StatusSuccess3: Color.CoreGreen800,\n  StatusWarning: Color.CoreOrange300,\n  SurfaceAccent: Color.CorePurple100,\n  SurfaceAccentStatic: Color.CorePurple100,\n  SurfaceElevated: Color.PrimaryWhite,\n  SurfaceHover: Color.CoreSlate50,\n  SurfaceInset: Color.CoreSlate300,\n  SurfacePage: Color.CoreSlate50,\n  SurfacePrimary: Color.PrimaryWhite,\n  SurfaceSecondary: Color.CoreSlate50,\n  SurfaceSubtle: Color.CoreSlate50,\n  SurfaceTertiary: Color.CoreSlate100,\n};\n\nexport const semanticDark: SemanticTokens = {\n  ActionAccent: Color.CorePurple500,\n  ActionDanger: Color.CoreRed400,\n  ActionDangerActive: Color.CoreRed200,\n  ActionDangerDisabled: Color.CoreRed400,\n  ActionDangerHover: Color.CoreRed300,\n  ActionInverse: Color.CoreSlate500,\n  ActionInverseActive: Color.CoreSlate300,\n  ActionInverseHover: Color.CoreSlate400,\n  ActionNeutral: Color.CoreSlate1100,\n  ActionNeutralActive: Color.CoreSlate900,\n  ActionNeutralHover: Color.CoreSlate1000,\n  ActionOutlineActive: Color.CoreSlate1100,\n  ActionOutlineHover: Color.CoreSlate1200,\n  ActionPrimary: Color.CorePurple400,\n  ActionPrimaryActive: Color.CorePurple200,\n  ActionPrimaryHover: Color.CorePurple300,\n  BorderAccent: Color.CorePurple500,\n  BorderDanger: Color.CoreRed500,\n  BorderDefault: Color.CoreSlate1000,\n  BorderDivider: Color.CoreSlate1100,\n  BorderFocus: Color.CoreBlue400,\n  BorderHover: Color.CoreSlate600,\n  BorderSubtle: Color.CoreSlate1100,\n  BorderWarning: Color.CoreOrange400,\n  FeedbackAccent1: Color.CorePurple400,\n  FeedbackAccent1Static: Color.CorePurple200,\n  FeedbackAccent2: Color.CorePurple400,\n  FeedbackAccent3: Color.CorePurple600,\n  FeedbackDanger1: Color.CoreRed600,\n  FeedbackDanger2: Color.CoreRed350,\n  FeedbackDanger3: Color.CoreRed500,\n  FeedbackDanger4: Color.CoreRed800,\n  FeedbackHighlight1: Color.CoreYellow400,\n  FeedbackHighlight2: Color.CoreYellow700,\n  FeedbackInfo1: Color.CoreBlue600,\n  FeedbackInfo2: Color.CoreBlue400,\n  FeedbackInfo3: Color.CoreBlue600,\n  FeedbackMisc1: Color.CoreTeal400,\n  FeedbackMisc2: Color.CoreTeal600,\n  FeedbackNeutral1: Color.CoreSlate1100,\n  FeedbackNeutral2: Color.CoreSlate1000,\n  FeedbackNeutral2Static: Color.CoreSlate200,\n  FeedbackNeutral3: Color.CoreSlate1150,\n  FeedbackNeutral4: Color.CoreSlate1000,\n  FeedbackNeutral5: Color.CoreSlate1200,\n  FeedbackNeutralInverse: Color.CoreSlate1200,\n  FeedbackSuccess1: Color.CoreGreen700,\n  FeedbackSuccess2: Color.CoreGreen400,\n  FeedbackSuccess3: Color.CoreGreen600,\n  FeedbackWarning1: Color.CoreOrange600,\n  FeedbackWarning2: Color.CoreOrange400,\n  FeedbackWarning3: Color.CoreOrange600,\n  FgAccent: Color.CorePurple400,\n  FgAccentActive: Color.CorePurple200,\n  FgAccentHover: Color.CorePurple300,\n  FgAccentStatic: Color.CorePurple600,\n  FgDanger1: Color.CoreRed300,\n  FgDanger2: Color.CoreRed300,\n  FgDisabled: Color.CoreSlate900,\n  FgFeature: Color.CorePurple400,\n  FgHighlight: Color.CoreYellow300,\n  FgInfo: Color.CoreBlue350,\n  FgInverse: Color.CoreSlate1100,\n  FgInverseStatic: Color.PrimaryWhite,\n  FgMisc: Color.CoreTeal200,\n  FgPrimary: Color.CoreSlate400,\n  FgPrimaryStatic: Color.CoreSlate1100,\n  FgSecondary: Color.CoreSlate700,\n  FgSecondaryStatic: Color.CoreSlate800,\n  FgSuccess: Color.CoreGreen400,\n  FgTertiary: Color.CoreSlate500,\n  FgWarning1: Color.CoreOrange400,\n  FgWarning2: Color.CoreOrange400,\n  InputBorderAccent: Color.CoreBlue500,\n  InputBorderDefault: Color.CoreSlate1000,\n  InputBorderDisabled: Color.CoreSlate1000,\n  InputBorderHover: Color.CoreSlate900,\n  InputBorderHoverStrong: Color.CoreSlate600,\n  InputBorderStrong: Color.CoreSlate800,\n  InputSurfaceAccent: Color.CoreBlue500,\n  InputSurfaceAccentDisabled: Color.CoreBlue500,\n  InputSurfaceAccentHover: Color.CoreBlue400,\n  InputSurfaceDefault: Color.CoreSlate1200,\n  InputSurfaceDisabled: Color.CoreSlate1200,\n  InputSurfaceHover: Color.CoreSlate1200,\n  InputSurfaceInverseStatic: Color.PrimaryWhite,\n  Opacity15: '15%',\n  Opacity25: '25%',\n  Opacity65: '65%',\n  StatusDanger1Static: Color.CoreRed100,\n  StatusDanger2: Color.CoreRed300,\n  StatusDanger3: Color.CoreRed600,\n  StatusDanger4: Color.CoreRed300,\n  StatusFeature: Color.CorePurple500,\n  StatusHighlight: Color.CoreYellow400,\n  StatusInfo1: Color.CoreBlue350,\n  StatusInfo2: Color.CoreBlue600,\n  StatusInfo3: Color.CoreBlue400,\n  StatusMisc: Color.CoreTeal600,\n  StatusNeutral: Color.CoreSlate1100,\n  StatusSuccess1: Color.CoreGreen300,\n  StatusSuccess2: Color.CoreGreen600,\n  StatusSuccess3: Color.CoreGreen300,\n  StatusWarning: Color.CoreOrange600,\n  SurfaceAccent: Color.CorePurple500,\n  SurfaceAccentStatic: Color.CorePurple100,\n  SurfaceElevated: Color.CoreSlate1150,\n  SurfaceHover: Color.CoreSlate1100,\n  SurfaceInset: Color.CoreSlate1000,\n  SurfacePage: Color.CoreSlate1300,\n  SurfacePrimary: Color.CoreSlate1200,\n  SurfaceSecondary: Color.CoreSlate1150,\n  SurfaceSubtle: Color.CoreSlate1100,\n  SurfaceTertiary: Color.CoreSlate900,\n};\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@persona/design-system",
-  "version": "0.7.2",
+  "version": "0.8.0",
   "description": "React components for Persona UI",
   "keywords": [
     "tanstack-intent"
@@ -86,11 +86,14 @@
     "./components/Toast": "./dist/components/Toast/index.mjs",
     "./components/Toggle": "./dist/components/Toggle/index.mjs",
     "./components/Tooltip": "./dist/components/Tooltip/index.mjs",
+    "./components/VersionHistory": "./dist/components/VersionHistory/index.mjs",
     "./components/WizardModal": "./dist/components/WizardModal/index.mjs",
+    "./lib/chainTypes": "./dist/lib/chainTypes.mjs",
     "./lib/color": "./dist/lib/color.mjs",
     "./lib/comboboxHelper": "./dist/lib/comboboxHelper.mjs",
     "./lib/ConfigContext": "./dist/lib/ConfigContext.mjs",
     "./lib/copyTextToClipboard": "./dist/lib/copyTextToClipboard.mjs",
+    "./lib/customFunctionSchema": "./dist/lib/customFunctionSchema.mjs",
     "./lib/date-filter": "./dist/lib/date-filter/index.mjs",
     "./lib/datePickerHelper": "./dist/lib/datePickerHelper.mjs",
     "./lib/embeddedSurfaceProtocol": "./dist/lib/embeddedSurfaceProtocol.mjs",
@@ -99,6 +102,8 @@
     "./lib/GlobalStyles": "./dist/lib/GlobalStyles.mjs",
     "./lib/HeadlessAriaButton": "./dist/lib/HeadlessAriaButton.mjs",
     "./lib/jsonSchema": "./dist/lib/jsonSchema.mjs",
+    "./lib/jsonSchemaType": "./dist/lib/jsonSchemaType.mjs",
+    "./lib/letPointerDownReachDocument": "./dist/lib/letPointerDownReachDocument.mjs",
     "./lib/message": "./dist/lib/message.mjs",
     "./lib/methodChain": "./dist/lib/methodChain.mjs",
     "./lib/methodChainNormalize": "./dist/lib/methodChainNormalize.mjs",
@@ -106,13 +111,16 @@
     "./lib/MiddleTruncatedText": "./dist/lib/MiddleTruncatedText.mjs",
     "./lib/objectSchemaTypes": "./dist/lib/objectSchemaTypes.mjs",
     "./lib/PDSProvider": "./dist/lib/PDSProvider.mjs",
+    "./lib/platformObject": "./dist/lib/platformObject.mjs",
     "./lib/pseudoClass": "./dist/lib/pseudoClass.mjs",
     "./lib/reorderItems": "./dist/lib/reorderItems.mjs",
     "./lib/router": "./dist/lib/router/index.mjs",
     "./lib/router/adapters/reactRouter": "./dist/lib/router/adapters/reactRouter.mjs",
     "./lib/router/adapters/tanstack": "./dist/lib/router/adapters/tanstack.mjs",
+    "./lib/schemaOptions": "./dist/lib/schemaOptions.mjs",
     "./lib/selectHelper": "./dist/lib/selectHelper.mjs",
     "./lib/semanticColor": "./dist/lib/semanticColor.mjs",
+    "./lib/snakifyPath": "./dist/lib/snakifyPath.mjs",
     "./lib/TruncatedText": "./dist/lib/TruncatedText.mjs",
     "./lib/TruncatedTextWithTooltip": "./dist/lib/TruncatedTextWithTooltip.mjs",
     "./lib/useControlled": "./dist/lib/useControlled.mjs",
@@ -128,6 +136,7 @@
     "./mixins/input": "./dist/mixins/input.mjs",
     "./mixins/menuItem": "./dist/mixins/menuItem.mjs",
     "./mixins/print": "./dist/mixins/print/index.mjs",
+    "./mixins/scrollbar": "./dist/mixins/scrollbar.mjs",
     "./mixins/text": "./dist/mixins/text.mjs",
     "./patterns/LayoutLoadingShimmer": "./dist/patterns/LayoutLoadingShimmer/index.mjs",
     "./patterns/LayoutLoadingSpinner": "./dist/patterns/LayoutLoadingSpinner/index.mjs",
@@ -179,6 +188,7 @@
     "@react-types/slider": "^3.8.2",
     "@tanstack/react-table": "^8.20.6",
     "@tanstack/react-virtual": "^3.13.23",
+    "color": "^5.0.3",
     "csstype": "^3.1.2",
     "downshift": "^9.0.9",
     "framer-motion": "^6.5.1",
@@ -198,8 +208,8 @@
   "devDependencies": {
     "@faker-js/faker": "^10.5.0",
     "@figma/code-connect": "^1.4.4",
-    "@persona/design-tokens": "0.4.16",
-    "@persona/icons": "0.1.5",
+    "@persona/design-tokens": "0.4.17",
+    "@persona/icons": "0.1.6",
     "@storybook/react": "^10.4.6",
     "@storybook/react-vite": "^10.4.6",
     "@tanstack/intent": "^0.3.6",
@@ -238,7 +248,7 @@
     "vitest": "^4.1.10"
   },
   "peerDependencies": {
-    "@persona/design-tokens": ">=0.4.5",
+    "@persona/design-tokens": ">=0.4.17",
     "@persona/icons": ">=0.1.0",
     "@tanstack/react-router": ">=1.0.0",
     "@testing-library/dom": ">=8",
@@ -328,11 +338,14 @@
       "./components/Toast": "./dist/components/Toast/index.mjs",
       "./components/Toggle": "./dist/components/Toggle/index.mjs",
       "./components/Tooltip": "./dist/components/Tooltip/index.mjs",
+      "./components/VersionHistory": "./dist/components/VersionHistory/index.mjs",
       "./components/WizardModal": "./dist/components/WizardModal/index.mjs",
+      "./lib/chainTypes": "./dist/lib/chainTypes.mjs",
       "./lib/color": "./dist/lib/color.mjs",
       "./lib/comboboxHelper": "./dist/lib/comboboxHelper.mjs",
       "./lib/ConfigContext": "./dist/lib/ConfigContext.mjs",
       "./lib/copyTextToClipboard": "./dist/lib/copyTextToClipboard.mjs",
+      "./lib/customFunctionSchema": "./dist/lib/customFunctionSchema.mjs",
       "./lib/date-filter": "./dist/lib/date-filter/index.mjs",
       "./lib/datePickerHelper": "./dist/lib/datePickerHelper.mjs",
       "./lib/embeddedSurfaceProtocol": "./dist/lib/embeddedSurfaceProtocol.mjs",
@@ -341,6 +354,8 @@
       "./lib/GlobalStyles": "./dist/lib/GlobalStyles.mjs",
       "./lib/HeadlessAriaButton": "./dist/lib/HeadlessAriaButton.mjs",
       "./lib/jsonSchema": "./dist/lib/jsonSchema.mjs",
+      "./lib/jsonSchemaType": "./dist/lib/jsonSchemaType.mjs",
+      "./lib/letPointerDownReachDocument": "./dist/lib/letPointerDownReachDocument.mjs",
       "./lib/message": "./dist/lib/message.mjs",
       "./lib/methodChain": "./dist/lib/methodChain.mjs",
       "./lib/methodChainNormalize": "./dist/lib/methodChainNormalize.mjs",
@@ -348,13 +363,16 @@
       "./lib/MiddleTruncatedText": "./dist/lib/MiddleTruncatedText.mjs",
       "./lib/objectSchemaTypes": "./dist/lib/objectSchemaTypes.mjs",
       "./lib/PDSProvider": "./dist/lib/PDSProvider.mjs",
+      "./lib/platformObject": "./dist/lib/platformObject.mjs",
       "./lib/pseudoClass": "./dist/lib/pseudoClass.mjs",
       "./lib/reorderItems": "./dist/lib/reorderItems.mjs",
       "./lib/router": "./dist/lib/router/index.mjs",
       "./lib/router/adapters/reactRouter": "./dist/lib/router/adapters/reactRouter.mjs",
       "./lib/router/adapters/tanstack": "./dist/lib/router/adapters/tanstack.mjs",
+      "./lib/schemaOptions": "./dist/lib/schemaOptions.mjs",
       "./lib/selectHelper": "./dist/lib/selectHelper.mjs",
       "./lib/semanticColor": "./dist/lib/semanticColor.mjs",
+      "./lib/snakifyPath": "./dist/lib/snakifyPath.mjs",
       "./lib/TruncatedText": "./dist/lib/TruncatedText.mjs",
       "./lib/TruncatedTextWithTooltip": "./dist/lib/TruncatedTextWithTooltip.mjs",
       "./lib/useControlled": "./dist/lib/useControlled.mjs",
@@ -370,6 +388,7 @@
       "./mixins/input": "./dist/mixins/input.mjs",
       "./mixins/menuItem": "./dist/mixins/menuItem.mjs",
       "./mixins/print": "./dist/mixins/print/index.mjs",
+      "./mixins/scrollbar": "./dist/mixins/scrollbar.mjs",
       "./mixins/text": "./dist/mixins/text.mjs",
       "./patterns/LayoutLoadingShimmer": "./dist/patterns/LayoutLoadingShimmer/index.mjs",
       "./patterns/LayoutLoadingSpinner": "./dist/patterns/LayoutLoadingSpinner/index.mjs",

package/skills/ui-authoring/COMPONENTS.md

@@ -72,6 +72,7 @@ exists. If there is no `.mdx`, use the published type declarations
 | `Toast` | Confirming a system event or action result that can auto-dismiss | `@persona/design-system/components/Toast` |
 | `Toggle` | Turning a setting on or off with no extra confirmation | `@persona/design-system/components/Toggle` |
 | `Tooltip` | Standalone tooltip — explaining an icon or control on hover or focus | `@persona/design-system/components/Tooltip` |
+| `VersionHistory` | Show previous versions of a file and let the user compare or restore one | `@persona/design-system/components/VersionHistory` |
 | `WizardModal` | Multi-step task behind a page overlay; Next/Confirm run `onProceed` | `@persona/design-system/components/WizardModal` |