@persona/design-system 0.7.1 → 0.8.0

package/dist/utils/testing.d.mts

@@ -1,4 +1,4 @@
-import { n as RouterAdapter } from "../types-CuQSgl1F.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/testing.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"testing.mjs","names":["ReactAriaRouterProvider","RouterProvider"],"sources":["../../utils/testing.tsx"],"sourcesContent":["import { render, type RenderOptions, screen } from '@testing-library/react';\nimport type { FC, PropsWithChildren, ReactElement } from 'react';\nimport { RouterProvider as ReactAriaRouterProvider } from 'react-aria-components';\nimport { createMemoryRouter, RouterProvider } from 'react-router-dom';\n\nimport PDSProvider from '@persona/design-system/lib/PDSProvider';\nimport type { RouterAdapter } from '@persona/design-system/lib/router';\n\nconst AllTheProviders: FC<PropsWithChildren<{ includeRouter?: boolean; routerAdapter?: RouterAdapter }>> = ({\n  children,\n  includeRouter = false,\n  routerAdapter,\n}) => {\n  let router: ReturnType<typeof createMemoryRouter> | undefined;\n  if (includeRouter) {\n    router = createMemoryRouter([\n      {\n        path: '/internal-route',\n        element: <div>INTERNAL ROUTE</div>,\n      },\n      {\n        path: '*',\n        element: <>{children}</>,\n      },\n    ]);\n  }\n\n  return (\n    <PDSProvider router={routerAdapter}>\n      {router ? (\n        <ReactAriaRouterProvider navigate={router.navigate}>\n          <RouterProvider router={router} />\n        </ReactAriaRouterProvider>\n      ) : (\n        <>{children}</>\n      )}\n    </PDSProvider>\n  );\n};\n\n// https://testing-library.com/docs/react-testing-library/setup/#custom-render\nconst customRender = (\n  ui: ReactElement,\n  options?: Omit<RenderOptions, 'wrapper'> & {\n    includeRouter?: boolean;\n    routerAdapter?: RouterAdapter;\n  },\n) =>\n  render(ui, {\n    wrapper: ({ children }) => (\n      <AllTheProviders includeRouter={options?.includeRouter} routerAdapter={options?.routerAdapter}>\n        {children}\n      </AllTheProviders>\n    ),\n    ...options,\n  });\n\n/**\n * TODO: Improve this helper or the Select to make querying it easer\n */\nexport const getSelectByTrigger = (triggerLabel: string) => {\n  const triggerBtn = screen.getByText(triggerLabel).closest('button');\n\n  // Check to make sure it's a combobox button\n  /* @ts-expect-error [strict-migration] The following line is not strict; please fix! */\n  if (triggerBtn.getAttribute('role') !== 'combobox') {\n    return null;\n  }\n\n  return triggerBtn;\n};\n\nexport const isInLoadingState = (screenObj: typeof screen) => {\n  expect(screenObj.queryAllByTestId('loading-shimmer').length).toBeGreaterThan(0);\n};\n\nexport const isNotInLoadingState = (screenObj: typeof screen) => {\n  expect(screenObj.queryAllByTestId('loading-shimmer').length).toBe(0);\n};\n\nexport { customRender as render };\n"],"mappings":";;;;;;AAQA,MAAM,mBAAsG,EAC1G,UACA,gBAAgB,OAChB,oBACI;CACJ,IAAI;AACJ,KAAI,cACF,UAAS,mBAAmB,CAC1B;EACE,MAAM;EACN,SAAS,oBAAC,OAAD,EAAA,UAAK,kBAAoB,CAAA;EACnC,EACD;EACE,MAAM;EACN,SAAS,oBAAA,UAAA,EAAG,UAAY,CAAA;EACzB,CACF,CAAC;AAGJ,QACE,oBAAC,aAAD;EAAa,QAAQ;YAClB,SACC,oBAACA,gBAAD;GAAyB,UAAU,OAAO;aACxC,oBAACC,kBAAD,EAAwB,QAAU,CAAA;GACV,CAAA,GAE1B,oBAAA,UAAA,EAAG,UAAY,CAAA;EAEL,CAAA;;AAKlB,MAAM,gBACJ,IACA,YAKA,OAAO,IAAI;CACT,UAAU,EAAE,eACV,oBAAC,iBAAD;EAAiB,eAAe,SAAS;EAAe,eAAe,SAAS;EAC7E;EACe,CAAA;CAEpB,GAAG;CACJ,CAAC;;;;AAKJ,MAAa,sBAAsB,iBAAyB;CAC1D,MAAM,aAAa,OAAO,UAAU,aAAa,CAAC,QAAQ,SAAS;AAInE,KAAI,WAAW,aAAa,OAAO,KAAK,WACtC,QAAO;AAGT,QAAO;;AAGT,MAAa,oBAAoB,cAA6B;AAC5D,QAAO,UAAU,iBAAiB,kBAAkB,CAAC,OAAO,CAAC,gBAAgB,EAAE;;AAGjF,MAAa,uBAAuB,cAA6B;AAC/D,QAAO,UAAU,iBAAiB,kBAAkB,CAAC,OAAO,CAAC,KAAK,EAAE"}
+{"version":3,"file":"testing.mjs","names":["ReactAriaRouterProvider","RouterProvider"],"sources":["../../utils/testing.tsx"],"sourcesContent":["import { render, type RenderOptions, screen } from '@testing-library/react';\nimport type { FC, PropsWithChildren, ReactElement } from 'react';\nimport { RouterProvider as ReactAriaRouterProvider } from 'react-aria-components';\nimport { createMemoryRouter, RouterProvider } from 'react-router-dom';\n\nimport PDSProvider from '@persona/design-system/lib/PDSProvider';\nimport type { RouterAdapter } from '@persona/design-system/lib/router';\n\nconst AllTheProviders: FC<\n  PropsWithChildren<{ includeRouter?: boolean; routerAdapter?: RouterAdapter }>\n> = ({ children, includeRouter = false, routerAdapter }) => {\n  let router: ReturnType<typeof createMemoryRouter> | undefined;\n  if (includeRouter) {\n    router = createMemoryRouter([\n      {\n        path: '/internal-route',\n        element: <div>INTERNAL ROUTE</div>,\n      },\n      {\n        path: '*',\n        element: <>{children}</>,\n      },\n    ]);\n  }\n\n  return (\n    <PDSProvider router={routerAdapter}>\n      {router ? (\n        <ReactAriaRouterProvider navigate={router.navigate}>\n          <RouterProvider router={router} />\n        </ReactAriaRouterProvider>\n      ) : (\n        <>{children}</>\n      )}\n    </PDSProvider>\n  );\n};\n\n// https://testing-library.com/docs/react-testing-library/setup/#custom-render\nconst customRender = (\n  ui: ReactElement,\n  options?: Omit<RenderOptions, 'wrapper'> & {\n    includeRouter?: boolean;\n    routerAdapter?: RouterAdapter;\n  },\n) =>\n  render(ui, {\n    wrapper: ({ children }) => (\n      <AllTheProviders\n        includeRouter={options?.includeRouter}\n        routerAdapter={options?.routerAdapter}\n      >\n        {children}\n      </AllTheProviders>\n    ),\n    ...options,\n  });\n\n/**\n * TODO: Improve this helper or the Select to make querying it easer\n */\nexport const getSelectByTrigger = (triggerLabel: string) => {\n  const triggerBtn = screen.getByText(triggerLabel).closest('button');\n\n  // Check to make sure it's a combobox button\n  /* @ts-expect-error [strict-migration] The following line is not strict; please fix! */\n  if (triggerBtn.getAttribute('role') !== 'combobox') {\n    return null;\n  }\n\n  return triggerBtn;\n};\n\nexport const isInLoadingState = (screenObj: typeof screen) => {\n  expect(screenObj.queryAllByTestId('loading-shimmer').length).toBeGreaterThan(0);\n};\n\nexport const isNotInLoadingState = (screenObj: typeof screen) => {\n  expect(screenObj.queryAllByTestId('loading-shimmer').length).toBe(0);\n};\n\nexport { customRender as render };\n"],"mappings":";;;;;;AAQA,MAAM,mBAED,EAAE,UAAU,gBAAgB,OAAO,oBAAoB;CAC1D,IAAI;AACJ,KAAI,cACF,UAAS,mBAAmB,CAC1B;EACE,MAAM;EACN,SAAS,oBAAC,OAAD,EAAA,UAAK,kBAAoB,CAAA;EACnC,EACD;EACE,MAAM;EACN,SAAS,oBAAA,UAAA,EAAG,UAAY,CAAA;EACzB,CACF,CAAC;AAGJ,QACE,oBAAC,aAAD;EAAa,QAAQ;YAClB,SACC,oBAACA,gBAAD;GAAyB,UAAU,OAAO;aACxC,oBAACC,kBAAD,EAAwB,QAAU,CAAA;GACV,CAAA,GAE1B,oBAAA,UAAA,EAAG,UAAY,CAAA;EAEL,CAAA;;AAKlB,MAAM,gBACJ,IACA,YAKA,OAAO,IAAI;CACT,UAAU,EAAE,eACV,oBAAC,iBAAD;EACE,eAAe,SAAS;EACxB,eAAe,SAAS;EAEvB;EACe,CAAA;CAEpB,GAAG;CACJ,CAAC;;;;AAKJ,MAAa,sBAAsB,iBAAyB;CAC1D,MAAM,aAAa,OAAO,UAAU,aAAa,CAAC,QAAQ,SAAS;AAInE,KAAI,WAAW,aAAa,OAAO,KAAK,WACtC,QAAO;AAGT,QAAO;;AAGT,MAAa,oBAAoB,cAA6B;AAC5D,QAAO,UAAU,iBAAiB,kBAAkB,CAAC,OAAO,CAAC,gBAAgB,EAAE;;AAGjF,MAAa,uBAAuB,cAA6B;AAC/D,QAAO,UAAU,iBAAiB,kBAAkB,CAAC,OAAO,CAAC,KAAK,EAAE"}

package/dist/utils.d.mts

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

package/dist/{validation-CMtfUd-R.d.mts → validation-BgwNghi2.d.mts}

@@ -1,5 +1,5 @@
-import { l as FilterRule, p as FilterStateV2 } from "./types-N8PYonjD.mjs";
-import { t as FieldRegistry } from "./FieldRegistry-BdtxI1N2.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-CMtfUd-R.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-CMtfUd-R.mjs";
+import { n as isFilterStateV2, r as pruneToRegistry, t as hasCompleteValue } from "./validation-BgwNghi2.mjs";
 export { hasCompleteValue, isFilterStateV2, pruneToRegistry };

package/dist/{value-control-resolver-Au9JNS5z.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-N8PYonjD.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-Au9JNS5z.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-Au9JNS5z.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-IAhXS17y.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-DUctmpu_.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/llms.txt

@@ -34,7 +34,7 @@ their own subpaths.
 - Tables: `DataTable` (data views w/ pagination + sorting), `TableBox` (editable form tables), `TableLayout` + `Table`/`TableRow`/`TableCell`/`TableHeaderCell` primitives (components/Table) — `TableLayout` has built-in `isLoading`/`isEmpty`/`nullState`/`showHeader` handling
 - Page chrome: `PageHeader` (title or breadcrumbs variant), `Breadcrumbs`, `TabBar`, `BottomPanel` (resizable bottom drawer)
 - Feedback: `Spinner`, `Banner`, `Toast`, `LoadingShimmer`, `ProgressBar`
-- Overlays: `Modal`, `RightPanel`, `Popover`, `Tooltip` / `TextUnderlineTooltip`, `DropdownMenu`, `FloatingPanel`
+- Overlays: `Modal`, `WizardModal`, `RightPanel`, `Popover`, `Tooltip` / `TextUnderlineTooltip`, `DropdownMenu`, `FloatingPanel`
 - Forms: `ConfigFormGroup`, `FormField` (`TextField`, `TextAreaField`, `TableBoxField`), `Input`, `TextArea`, `Select`, `Combobox`, `Checkbox`, `Radio`, `Toggle`, `DatePicker`
 - Status: `Sticker` (status badges), `Badge` (counts), `StatusIndicator`
 
@@ -42,3 +42,12 @@ their own subpaths.
 
 Use `dsRender` from `@persona/design-system/utils/testing` (wraps ThemeProvider); prefer
 role/label/text queries over test IDs.
+
+## JSON schema types
+
+`lib/jsonSchema` (`lib/jsonSchema.mdx` in Storybook, "Lib/JSON Schema") types `objectKey` and
+`fieldType` through consumer-side module augmentation: `JsonSchemaObjectKeyRegistry` narrows
+`objectKey`, and `JsonSchemaFieldTypeRegistry` takes `fieldTypes`, a map from each field type to the
+JSON type it serializes as. Register via
+`declare module '@persona/design-system/lib/jsonSchema' { interface JsonSchemaFieldTypeRegistry { fieldTypes: typeof FIELD_TYPE_JSON_TYPES } }`;
+without registration both widen to `string`.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@persona/design-system",
-  "version": "0.7.1",
+  "version": "0.8.0",
   "description": "React components for Persona UI",
   "keywords": [
     "tanstack-intent"
@@ -18,6 +18,7 @@
   "types": "./dist/index.d.mts",
   "exports": {
     ".": "./dist/index.mjs",
+    "./components/Accordion": "./dist/components/Accordion/index.mjs",
     "./components/Attribute": "./dist/components/Attribute/index.mjs",
     "./components/Badge": "./dist/components/Badge/index.mjs",
     "./components/Banner": "./dist/components/Banner/index.mjs",
@@ -85,19 +86,24 @@
     "./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",
     "./lib/embeddedSurfaceRegistry": "./dist/lib/embeddedSurfaceRegistry.mjs",
     "./lib/errorReporter": "./dist/lib/errorReporter.mjs",
-    "./lib/fieldSchemaTypes": "./dist/lib/fieldSchemaTypes.mjs",
     "./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",
@@ -105,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",
@@ -127,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",
@@ -178,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",
@@ -197,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",
@@ -237,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",
@@ -259,6 +270,7 @@
   "publishConfig": {
     "exports": {
       ".": "./dist/index.mjs",
+      "./components/Accordion": "./dist/components/Accordion/index.mjs",
       "./components/Attribute": "./dist/components/Attribute/index.mjs",
       "./components/Badge": "./dist/components/Badge/index.mjs",
       "./components/Banner": "./dist/components/Banner/index.mjs",
@@ -326,19 +338,24 @@
       "./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",
       "./lib/embeddedSurfaceRegistry": "./dist/lib/embeddedSurfaceRegistry.mjs",
       "./lib/errorReporter": "./dist/lib/errorReporter.mjs",
-      "./lib/fieldSchemaTypes": "./dist/lib/fieldSchemaTypes.mjs",
       "./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",
@@ -346,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",
@@ -368,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

@@ -8,6 +8,7 @@ exists. If there is no `.mdx`, use the published type declarations
 
 | Component | Use for | Import |
 | --------- | ------- | ------ |
+| `Accordion` | An accordion UI component is used to organize and hide large amounts of content in a vertical, expandable stack that reduces scrolling on a webpage or in a container | `@persona/design-system/components/Accordion` |
 | `Attribute` | Labeling a data value (`<dl>`/`<dt>`/`<dd>`). Use `AttributeGrid` for a grid of them | `@persona/design-system/components/Attribute` |
 | `Badge` | Count badge — a count or notification number | `@persona/design-system/components/Badge` |
 | `Banner` | Alert / notification — important in-context info, success, warning, or danger. Optionally dismissable | `@persona/design-system/components/Banner` |
@@ -19,7 +20,9 @@ exists. If there is no `.mdx`, use the published type declarations
 | `Checkbox` | Selecting one or more options from a visible list | `@persona/design-system/components/Checkbox` |
 | `Combobox` | Picking from a long list that needs search (single or multi). Use `RadioGroup` when every choice should stay visible (one); `Checkbox` when every choice should stay visible (several); `Select` for a short closed list with no search | `@persona/design-system/components/Combobox` |
 | `ConfigFormGroup` | Form fields — spacing a group of config fields and setting `configField` via context. Pair with `TextField` / `TextAreaField` | `@persona/design-system/components/ConfigFormGroup` |
-| `Container`, `Section`, `Backdrop` | Page shell | `@persona/design-system/patterns/PageLayout` |
+| `Container`, `Section`, `Backdrop` | Existing page shell. New pages use `SingleColumnLayout` or `SplitColumnLayout` | `@persona/design-system/patterns/PageLayout` |
+| `SingleColumnLayout` | One page column, with optional tabs and a page notice. `width="wide"` uses the fluid grid | `@persona/design-system/patterns/PageLayout` |
+| `SplitColumnLayout` | An 8:4 main and aside page. Same optional regions as `SingleColumnLayout`. Stacks main then aside below 768px | `@persona/design-system/patterns/PageLayout` |
 | `DataTable` | Data table — browsing tabular data with filtering, bulk actions, search, pagination, and sorting | `@persona/design-system/components/DataTable` |
 | `DatePicker` | Picking a date or date range from a calendar | `@persona/design-system/components/DatePicker` |
 | `DropdownButton` | Opening a menu of related actions from a button | `@persona/design-system/components/DropdownButton` |
@@ -69,6 +72,8 @@ 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` |
 
 
 ## Testing