@persona/design-system 0.10.4 → 0.10.6

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. */\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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"}
+{"version":3,"file":"semantic.mjs","names":[],"sources":["../../src/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":";;AAuIA,MAAa,gBAAgC;CAC3C,cAAc,MAAM;CACpB,cAAc,MAAM;CACpB,oBAAoB,MAAM;CAC1B,sBAAsB,MAAM;CAC5B,mBAAmB,MAAM;CACzB,eAAe,MAAM;CACrB,qBAAqB,MAAM;CAC3B,oBAAoB,MAAM;CAC1B,eAAe,MAAM;CACrB,qBAAqB,MAAM;CAC3B,oBAAoB,MAAM;CAC1B,qBAAqB,MAAM;CAC3B,oBAAoB,MAAM;CAC1B,eAAe,MAAM;CACrB,qBAAqB,MAAM;CAC3B,oBAAoB,MAAM;CAC1B,cAAc,MAAM;CACpB,cAAc,MAAM;CACpB,eAAe,MAAM;CACrB,eAAe,MAAM;CACrB,aAAa,MAAM;CACnB,aAAa,MAAM;CACnB,cAAc,MAAM;CACpB,eAAe,MAAM;CACrB,iBAAiB,MAAM;CACvB,uBAAuB,MAAM;CAC7B,iBAAiB,MAAM;CACvB,iBAAiB,MAAM;CACvB,iBAAiB,MAAM;CACvB,iBAAiB,MAAM;CACvB,iBAAiB,MAAM;CACvB,iBAAiB,MAAM;CACvB,oBAAoB,MAAM;CAC1B,oBAAoB,MAAM;CAC1B,eAAe,MAAM;CACrB,eAAe,MAAM;CACrB,eAAe,MAAM;CACrB,eAAe,MAAM;CACrB,eAAe,MAAM;CACrB,kBAAkB,MAAM;CACxB,kBAAkB,MAAM;CACxB,wBAAwB,MAAM;CAC9B,kBAAkB,MAAM;CACxB,kBAAkB,MAAM;CACxB,kBAAkB,MAAM;CACxB,wBAAwB,MAAM;CAC9B,kBAAkB,MAAM;CACxB,kBAAkB,MAAM;CACxB,kBAAkB,MAAM;CACxB,kBAAkB,MAAM;CACxB,kBAAkB,MAAM;CACxB,kBAAkB,MAAM;CACxB,UAAU,MAAM;CAChB,gBAAgB,MAAM;CACtB,eAAe,MAAM;CACrB,gBAAgB,MAAM;CACtB,WAAW,MAAM;CACjB,WAAW,MAAM;CACjB,YAAY,MAAM;CAClB,WAAW,MAAM;CACjB,aAAa,MAAM;CACnB,QAAQ,MAAM;CACd,WAAW,MAAM;CACjB,iBAAiB,MAAM;CACvB,QAAQ,MAAM;CACd,WAAW,MAAM;CACjB,iBAAiB,MAAM;CACvB,aAAa,MAAM;CACnB,mBAAmB,MAAM;CACzB,WAAW,MAAM;CACjB,YAAY,MAAM;CAClB,YAAY,MAAM;CAClB,YAAY,MAAM;CAClB,mBAAmB,MAAM;CACzB,oBAAoB,MAAM;CAC1B,qBAAqB,MAAM;CAC3B,kBAAkB,MAAM;CACxB,wBAAwB,MAAM;CAC9B,mBAAmB,MAAM;CACzB,oBAAoB,MAAM;CAC1B,4BAA4B,MAAM;CAClC,yBAAyB,MAAM;CAC/B,qBAAqB,MAAM;CAC3B,sBAAsB,MAAM;CAC5B,mBAAmB,MAAM;CACzB,2BAA2B,MAAM;CACjC,WAAW;CACX,WAAW;CACX,WAAW;CACX,qBAAqB,MAAM;CAC3B,eAAe,MAAM;CACrB,eAAe,MAAM;CACrB,eAAe,MAAM;CACrB,eAAe,MAAM;CACrB,iBAAiB,MAAM;CACvB,aAAa,MAAM;CACnB,aAAa,MAAM;CACnB,aAAa,MAAM;CACnB,YAAY,MAAM;CAClB,eAAe,MAAM;CACrB,gBAAgB,MAAM;CACtB,gBAAgB,MAAM;CACtB,gBAAgB,MAAM;CACtB,eAAe,MAAM;CACrB,eAAe,MAAM;CACrB,qBAAqB,MAAM;CAC3B,iBAAiB,MAAM;CACvB,cAAc,MAAM;CACpB,cAAc,MAAM;CACpB,aAAa,MAAM;CACnB,gBAAgB,MAAM;CACtB,kBAAkB,MAAM;CACxB,eAAe,MAAM;CACrB,iBAAiB,MAAM;CACxB;AAED,MAAa,eAA+B;CAC1C,cAAc,MAAM;CACpB,cAAc,MAAM;CACpB,oBAAoB,MAAM;CAC1B,sBAAsB,MAAM;CAC5B,mBAAmB,MAAM;CACzB,eAAe,MAAM;CACrB,qBAAqB,MAAM;CAC3B,oBAAoB,MAAM;CAC1B,eAAe,MAAM;CACrB,qBAAqB,MAAM;CAC3B,oBAAoB,MAAM;CAC1B,qBAAqB,MAAM;CAC3B,oBAAoB,MAAM;CAC1B,eAAe,MAAM;CACrB,qBAAqB,MAAM;CAC3B,oBAAoB,MAAM;CAC1B,cAAc,MAAM;CACpB,cAAc,MAAM;CACpB,eAAe,MAAM;CACrB,eAAe,MAAM;CACrB,aAAa,MAAM;CACnB,aAAa,MAAM;CACnB,cAAc,MAAM;CACpB,eAAe,MAAM;CACrB,iBAAiB,MAAM;CACvB,uBAAuB,MAAM;CAC7B,iBAAiB,MAAM;CACvB,iBAAiB,MAAM;CACvB,iBAAiB,MAAM;CACvB,iBAAiB,MAAM;CACvB,iBAAiB,MAAM;CACvB,iBAAiB,MAAM;CACvB,oBAAoB,MAAM;CAC1B,oBAAoB,MAAM;CAC1B,eAAe,MAAM;CACrB,eAAe,MAAM;CACrB,eAAe,MAAM;CACrB,eAAe,MAAM;CACrB,eAAe,MAAM;CACrB,kBAAkB,MAAM;CACxB,kBAAkB,MAAM;CACxB,wBAAwB,MAAM;CAC9B,kBAAkB,MAAM;CACxB,kBAAkB,MAAM;CACxB,kBAAkB,MAAM;CACxB,wBAAwB,MAAM;CAC9B,kBAAkB,MAAM;CACxB,kBAAkB,MAAM;CACxB,kBAAkB,MAAM;CACxB,kBAAkB,MAAM;CACxB,kBAAkB,MAAM;CACxB,kBAAkB,MAAM;CACxB,UAAU,MAAM;CAChB,gBAAgB,MAAM;CACtB,eAAe,MAAM;CACrB,gBAAgB,MAAM;CACtB,WAAW,MAAM;CACjB,WAAW,MAAM;CACjB,YAAY,MAAM;CAClB,WAAW,MAAM;CACjB,aAAa,MAAM;CACnB,QAAQ,MAAM;CACd,WAAW,MAAM;CACjB,iBAAiB,MAAM;CACvB,QAAQ,MAAM;CACd,WAAW,MAAM;CACjB,iBAAiB,MAAM;CACvB,aAAa,MAAM;CACnB,mBAAmB,MAAM;CACzB,WAAW,MAAM;CACjB,YAAY,MAAM;CAClB,YAAY,MAAM;CAClB,YAAY,MAAM;CAClB,mBAAmB,MAAM;CACzB,oBAAoB,MAAM;CAC1B,qBAAqB,MAAM;CAC3B,kBAAkB,MAAM;CACxB,wBAAwB,MAAM;CAC9B,mBAAmB,MAAM;CACzB,oBAAoB,MAAM;CAC1B,4BAA4B,MAAM;CAClC,yBAAyB,MAAM;CAC/B,qBAAqB,MAAM;CAC3B,sBAAsB,MAAM;CAC5B,mBAAmB,MAAM;CACzB,2BAA2B,MAAM;CACjC,WAAW;CACX,WAAW;CACX,WAAW;CACX,qBAAqB,MAAM;CAC3B,eAAe,MAAM;CACrB,eAAe,MAAM;CACrB,eAAe,MAAM;CACrB,eAAe,MAAM;CACrB,iBAAiB,MAAM;CACvB,aAAa,MAAM;CACnB,aAAa,MAAM;CACnB,aAAa,MAAM;CACnB,YAAY,MAAM;CAClB,eAAe,MAAM;CACrB,gBAAgB,MAAM;CACtB,gBAAgB,MAAM;CACtB,gBAAgB,MAAM;CACtB,eAAe,MAAM;CACrB,eAAe,MAAM;CACrB,qBAAqB,MAAM;CAC3B,iBAAiB,MAAM;CACvB,cAAc,MAAM;CACpB,cAAc,MAAM;CACpB,aAAa,MAAM;CACnB,gBAAgB,MAAM;CACtB,kBAAkB,MAAM;CACxB,eAAe,MAAM;CACrB,iBAAiB,MAAM;CACxB"}

package/dist/variables/spacing.d.mts

@@ -1,4 +1,4 @@
-//#region variables/spacing.d.ts
+//#region src/variables/spacing.d.ts
 /**
  * @deprecated Use a Spacing value from @persona/design-tokens
  */

package/dist/variables/spacing.mjs

@@ -1,4 +1,4 @@
-//#region variables/spacing.ts
+//#region src/variables/spacing.ts
 /**
 * @deprecated Use a Spacing value from @persona/design-tokens
 */

package/dist/variables/spacing.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"spacing.mjs","names":[],"sources":["../../variables/spacing.ts"],"sourcesContent":["/**\n * @deprecated Use a Spacing value from @persona/design-tokens\n */\nexport const BASE = 8;\n"],"mappings":";;;;AAGA,MAAa,OAAO"}
+{"version":3,"file":"spacing.mjs","names":[],"sources":["../../src/variables/spacing.ts"],"sourcesContent":["/**\n * @deprecated Use a Spacing value from @persona/design-tokens\n */\nexport const BASE = 8;\n"],"mappings":";;;;AAGA,MAAa,OAAO"}

package/dist/variables/text.d.mts

@@ -1,4 +1,4 @@
-//#region variables/text.d.ts
+//#region src/variables/text.d.ts
 declare enum FontWeight {
   Light = 300,
   Regular = 400,

package/dist/variables/text.mjs

@@ -1,4 +1,4 @@
-//#region variables/text.ts
+//#region src/variables/text.ts
 let FontWeight = /* @__PURE__ */ function(FontWeight) {
 	FontWeight[FontWeight["Light"] = 300] = "Light";
 	FontWeight[FontWeight["Regular"] = 400] = "Regular";

package/dist/variables/text.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"text.mjs","names":[],"sources":["../../variables/text.ts"],"sourcesContent":["export enum FontWeight {\n  Light = 300,\n  Regular = 400,\n  Medium = 500,\n  Bold = 700,\n}\n"],"mappings":";AAAA,IAAY,aAAL,yBAAA,YAAA;AACL,YAAA,WAAA,WAAA,OAAA;AACA,YAAA,WAAA,aAAA,OAAA;AACA,YAAA,WAAA,YAAA,OAAA;AACA,YAAA,WAAA,UAAA,OAAA;;KACD"}
+{"version":3,"file":"text.mjs","names":[],"sources":["../../src/variables/text.ts"],"sourcesContent":["export enum FontWeight {\n  Light = 300,\n  Regular = 400,\n  Medium = 500,\n  Bold = 700,\n}\n"],"mappings":";AAAA,IAAY,aAAL,yBAAA,YAAA;AACL,YAAA,WAAA,WAAA,OAAA;AACA,YAAA,WAAA,aAAA,OAAA;AACA,YAAA,WAAA,YAAA,OAAA;AACA,YAAA,WAAA,UAAA,OAAA;;KACD"}

package/dist/variables/transitions.d.mts

@@ -1,4 +1,4 @@
-//#region variables/transitions.d.ts
+//#region src/variables/transitions.d.ts
 declare enum TransitionDuration {
   ExtraFast = "100ms",
   Faster = "150ms",

package/dist/variables/transitions.mjs

@@ -1,4 +1,4 @@
-//#region variables/transitions.ts
+//#region src/variables/transitions.ts
 let TransitionDuration = /* @__PURE__ */ function(TransitionDuration) {
 	TransitionDuration["ExtraFast"] = "100ms";
 	TransitionDuration["Faster"] = "150ms";

package/dist/variables/transitions.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"transitions.mjs","names":[],"sources":["../../variables/transitions.ts"],"sourcesContent":["export enum TransitionDuration {\n  ExtraFast = '100ms',\n  Faster = '150ms',\n  Fast = '200ms',\n  Medium = '400ms',\n\n  OneSecond = '1000ms',\n}\n\nexport enum TransitionDurationInSeconds {\n  ExtraFast = 0.1,\n  Faster = 0.15,\n  Fast = 0.2,\n  MediumFast = 0.3,\n  Medium = 0.4,\n\n  OneSecond = 1,\n}\n"],"mappings":";AAAA,IAAY,qBAAL,yBAAA,oBAAA;AACL,oBAAA,eAAA;AACA,oBAAA,YAAA;AACA,oBAAA,UAAA;AACA,oBAAA,YAAA;AAEA,oBAAA,eAAA;;KACD;AAED,IAAY,8BAAL,yBAAA,6BAAA;AACL,6BAAA,4BAAA,eAAA,MAAA;AACA,6BAAA,4BAAA,YAAA,OAAA;AACA,6BAAA,4BAAA,UAAA,MAAA;AACA,6BAAA,4BAAA,gBAAA,MAAA;AACA,6BAAA,4BAAA,YAAA,MAAA;AAEA,6BAAA,4BAAA,eAAA,KAAA;;KACD"}
+{"version":3,"file":"transitions.mjs","names":[],"sources":["../../src/variables/transitions.ts"],"sourcesContent":["export enum TransitionDuration {\n  ExtraFast = '100ms',\n  Faster = '150ms',\n  Fast = '200ms',\n  Medium = '400ms',\n\n  OneSecond = '1000ms',\n}\n\nexport enum TransitionDurationInSeconds {\n  ExtraFast = 0.1,\n  Faster = 0.15,\n  Fast = 0.2,\n  MediumFast = 0.3,\n  Medium = 0.4,\n\n  OneSecond = 1,\n}\n"],"mappings":";AAAA,IAAY,qBAAL,yBAAA,oBAAA;AACL,oBAAA,eAAA;AACA,oBAAA,YAAA;AACA,oBAAA,UAAA;AACA,oBAAA,YAAA;AAEA,oBAAA,eAAA;;KACD;AAED,IAAY,8BAAL,yBAAA,6BAAA;AACL,6BAAA,4BAAA,eAAA,MAAA;AACA,6BAAA,4BAAA,YAAA,OAAA;AACA,6BAAA,4BAAA,UAAA,MAAA;AACA,6BAAA,4BAAA,gBAAA,MAAA;AACA,6BAAA,4BAAA,YAAA,MAAA;AAEA,6BAAA,4BAAA,eAAA,KAAA;;KACD"}

package/llms.txt

@@ -14,7 +14,7 @@ For exact prop types, prefer the published type declarations (`dist/**/*.d.mts`,
 ## Skills
 
 - [ui-authoring](skills/ui-authoring/SKILL.md): design tokens, PDS implementation guidelines, table guidelines (DataTable vs TableBox vs TableLayout), routing/link adapters (react-router, TanStack, custom), localization (PDSProvider strings/locale), loading states, testing, Storybook
-- [Product UI standard](skills/ui-authoring/STANDARD.md): the rules every screen meets (11 px minimum for copy and 8 px for labels inside charts and diagrams, WCAG AA contrast, reduced motion, status not by colour alone), the screen brief, and the `new-screen` task lane defined in `lanes.json`
+- [Product UI standard](skills/ui-authoring/STANDARD.md): the rules every screen meets (11 px minimum for copy and 8 px for labels inside charts and diagrams, WCAG AA contrast, reduced motion, status not by colour alone), the screen brief, the `pds/*` oxlint rules that check it (`@persona/design-system/lint`), and the `new-screen` skill for building one screen
 - [Tokens](skills/ui-authoring/TOKENS.md): semantic color tokens (Fg / Surface / Border / Action / Input / Feedback / Status / Opacity) with recipes and a dark-mode checklist; Spacing / Typography catalog, radius, elevation, charts
 - [Patterns](skills/ui-authoring/PATTERNS.md): forms, layout, index tables, indicators, feedback, empty states, charts, panels
 - [Components](skills/ui-authoring/COMPONENTS.md): which PDS component to use (and its import path); APIs live in that component's `.mdx` when one exists, otherwise in `dist/components/<Name>/index.d.mts`
@@ -38,7 +38,7 @@ their own subpaths.
 - Feedback: `Spinner`, `Banner`, `Toast`, `LoadingShimmer`, `ProgressBar`
 - Overlays: `Modal`, `WizardModal` (`patterns/WizardModal`), `RightPanel`, `Popover`, `Tooltip` / `TextUnderlineTooltip`, `DropdownMenu`, `FloatingPanel`
 - Modal close button: localize the default with `PDSProvider strings={{ closeModal: translatedLabel }}` (English: "Close"), or override one modal with `contentProps.closeButtonLabel`.
-- Forms: `ConfigFormGroup`, `FormField` (`TextField`, `TextAreaField`, `TableBoxField`), `Input`, `TextArea`, `Select`, `Combobox`, `Checkbox`, `Radio`, `Toggle`, `DatePicker`
+- Forms: `ConfigFormGroup`, `FormField` (`TextField`, `TextAreaField`, `TableBoxField`), `Input`, `TextArea`, `Select`, `Combobox`, `Checkbox`, `Radio`, `Toggle`, `DatePicker`, `RichTextEditor` (tiptap-based Markdown/HTML editor with menu bar and optional floating toolbar)
 - Status: `Sticker` (status badges), `Badge` (counts), `StatusIndicator`
 - Saved views: `TableControls` (or `DataTable.controls`) requires `onSetDefaultView` and `onUnsetDefaultView` together, or neither. Editable views offer "Set as default" / "Unset default" based on `view.isDefault`; the design system confirms before calling either callback and warns that both changes affect the entire organization. Consumers own persistence and must remove their own confirmations to avoid double prompts. Compact controls omit saved views. Pass `starredDefaultView` to star the default view: the `isDefault` view is pinned first with a star icon, cannot be dragged, hidden, deleted or unset, and its menu offers only Save and Duplicate (its name field still renames it); every other view gets the full menu. Rename and Duplicate on it call `onViewNameChange` / `onDuplicateView` with its id; Save calls `onSaveView()` with no id, saving whatever the consumer treats as the current view. A null `currentView` is shown as the starred view, so `onSaveView` and toolbar Save must treat null as the starred view; while an `isDefault` view exists, pass its id as `currentView` rather than null. A lazy default is a consumer-owned placeholder view with `isDefault: true`. While a view is the default the built-in tab is not shown and a `null` `currentView` is displayed as the starred view; with no `isDefault` view the built-in tab is shown starred and read-only.
 - DataTable filters: pass `filtersV2` (`TableControlsFiltersV2Props` / `FilterBarProps`) through `DataTable.controls` or directly to `TableControls` for a first-class FilterBar; defaults visible with size derived from `compact`. Hosts own V2 data filtering and feed `onChange` back to `initialState` for active-filter messaging; hydration needs no remount key. Precedence: `filterPanel` → `filtersV2` → legacy `filters`. Legacy `filters` supports `input`, `select`, `multiselect`, `combobox`, and `daterange` with optional `filterResolver`. With `clientFiltering`, `column.filter` generates legacy-only controls backed by TanStack column-filter state, not V2 filtering.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@persona/design-system",
-  "version": "0.10.4",
+  "version": "0.10.6",
   "description": "React components for Persona UI",
   "keywords": [
     "tanstack-intent"
@@ -16,6 +16,19 @@
     "llms.txt"
   ],
   "types": "./dist/index.d.mts",
+  "imports": {
+    "#src/*": {
+      "types": [
+        "./src/*.ts",
+        "./src/*.tsx",
+        "./src/*/index.ts",
+        "./src/*/index.tsx",
+        "./src/*"
+      ],
+      "default": "./src/*"
+    },
+    "#scripts/*": "./scripts/*"
+  },
   "exports": {
     ".": "./dist/index.mjs",
     "./components/Accordion": "./dist/components/Accordion/index.mjs",
@@ -61,6 +74,7 @@
     "./components/ProgressIndicator": "./dist/components/ProgressIndicator/index.mjs",
     "./components/Radio": "./dist/components/Radio/index.mjs",
     "./components/RadioGroup": "./dist/components/RadioGroup/index.mjs",
+    "./components/RichTextEditor": "./dist/components/RichTextEditor/index.mjs",
     "./components/RightPanel": "./dist/components/RightPanel/index.mjs",
     "./components/SegmentedControl": "./dist/components/SegmentedControl/index.mjs",
     "./components/Select": "./dist/components/Select/index.mjs",
@@ -135,6 +149,7 @@
     "./lib/useResizablePanel": "./dist/lib/useResizablePanel.mjs",
     "./lib/useScrollOverflow": "./dist/lib/useScrollOverflow.mjs",
     "./lib/zindex": "./dist/lib/zindex.mjs",
+    "./lint": "./dist/lint/index.mjs",
     "./mixins/focus": "./dist/mixins/focus.mjs",
     "./mixins/hoverable": "./dist/mixins/hoverable.mjs",
     "./mixins/input": "./dist/mixins/input.mjs",
@@ -158,7 +173,8 @@
     "./variables/spacing": "./dist/variables/spacing.mjs",
     "./variables/text": "./dist/variables/text.mjs",
     "./variables/transitions": "./dist/variables/transitions.mjs",
-    "./package.json": "./package.json"
+    "./package.json": "./package.json",
+    "./lint/recommended.json": "./dist/lint/recommended.json"
   },
   "scripts": {
     "build": "tsdown && node scripts/assert-no-node-imports.mjs && node scripts/assert-styled-components-interop.mjs && node scripts/assert-parser-declarations.mjs",
@@ -195,8 +211,18 @@
     "@react-types/slider": "^3.8.2",
     "@tanstack/react-table": "^8.20.6",
     "@tanstack/react-virtual": "^3.13.23",
+    "@tiptap/core": "^2.0.4",
+    "@tiptap/extension-link": "^2.10.4",
+    "@tiptap/extension-table": "^2.10.4",
+    "@tiptap/extension-table-cell": "^2.10.4",
+    "@tiptap/extension-table-header": "^2.10.4",
+    "@tiptap/extension-table-row": "^2.10.4",
+    "@tiptap/pm": "^2.0.4",
+    "@tiptap/react": "^2.0.4",
+    "@tiptap/starter-kit": "^2.0.4",
     "color": "^5.0.3",
     "csstype": "^3.1.2",
+    "dompurify": "^3.4.17",
     "downshift": "^9.0.9",
     "framer-motion": "^6.5.1",
     "fuse.js": "^7.1.0",
@@ -210,15 +236,17 @@
     "react-imask": "^7.6.1",
     "react-innertext": "^1.1.5",
     "react-stately": "^3.35.0",
+    "tiptap-markdown": "^0.8.2",
     "uuid": "^14.0.0"
   },
   "devDependencies": {
     "@faker-js/faker": "^10.5.0",
     "@figma/code-connect": "^1.4.4",
-    "@persona/design-tokens": "0.4.20",
-    "@persona/icons": "0.1.9",
-    "@storybook/react": "^10.4.6",
-    "@storybook/react-vite": "^10.4.6",
+    "@oxlint/plugins": "1.72.0",
+    "@persona/design-tokens": "0.4.22",
+    "@persona/icons": "0.1.11",
+    "@storybook/react": "^10.6.2",
+    "@storybook/react-vite": "^10.6.2",
     "@tanstack/intent": "^0.3.6",
     "@tanstack/react-router": "1.170.38",
     "@testing-library/dom": "^8.0.0",
@@ -243,12 +271,13 @@
     "jsdom": "^27.4.0",
     "lodash": "^4.18.1",
     "msw": "^2.12.14",
+    "oxlint": "1.72.0",
     "playwright": "1.61.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-router-dom": "^6.30.5",
     "recharts": "^2.13.3",
-    "storybook": "^10.4.6",
+    "storybook": "^10.6.2",
     "styled-components": "^5.3.5",
     "tsdown": "^0.21.0",
     "typescript": "^6.0.2",
@@ -261,6 +290,7 @@
     "@testing-library/dom": ">=8",
     "@testing-library/react": ">=12",
     "@testing-library/user-event": ">=14",
+    "oxlint": ">=1.72.0",
     "react": ">=17",
     "react-dom": ">=17",
     "react-router-dom": "^6.30.1 || ^7.18.2",
@@ -272,6 +302,9 @@
     },
     "@testing-library/react": {
       "optional": true
+    },
+    "oxlint": {
+      "optional": true
     }
   },
   "publishConfig": {
@@ -320,6 +353,7 @@
       "./components/ProgressIndicator": "./dist/components/ProgressIndicator/index.mjs",
       "./components/Radio": "./dist/components/Radio/index.mjs",
       "./components/RadioGroup": "./dist/components/RadioGroup/index.mjs",
+      "./components/RichTextEditor": "./dist/components/RichTextEditor/index.mjs",
       "./components/RightPanel": "./dist/components/RightPanel/index.mjs",
       "./components/SegmentedControl": "./dist/components/SegmentedControl/index.mjs",
       "./components/Select": "./dist/components/Select/index.mjs",
@@ -394,6 +428,7 @@
       "./lib/useResizablePanel": "./dist/lib/useResizablePanel.mjs",
       "./lib/useScrollOverflow": "./dist/lib/useScrollOverflow.mjs",
       "./lib/zindex": "./dist/lib/zindex.mjs",
+      "./lint": "./dist/lint/index.mjs",
       "./mixins/focus": "./dist/mixins/focus.mjs",
       "./mixins/hoverable": "./dist/mixins/hoverable.mjs",
       "./mixins/input": "./dist/mixins/input.mjs",
@@ -417,11 +452,13 @@
       "./variables/spacing": "./dist/variables/spacing.mjs",
       "./variables/text": "./dist/variables/text.mjs",
       "./variables/transitions": "./dist/variables/transitions.mjs",
-      "./package.json": "./package.json"
+      "./package.json": "./package.json",
+      "./lint/recommended.json": "./dist/lint/recommended.json"
     },
     "registry": "https://registry.npmjs.org"
   },
   "inlinedDependencies": {
+    "@oxlint/plugins": "1.72.0",
     "lodash": "4.18.1"
   }
 }

package/skills/design-system-component-authoring/SKILL.md

@@ -1,6 +1,6 @@
 ---
 name: design-system-component-authoring
-description: Use when building a new Persona design system component under packages/design-system/components/, or turning a designer's description, Figma frame, or AI-generated first draft into one. Also use when determining prop interfaces, weighing `children` vs a typed `items` array, questioning a composer pattern, spotting props that allow impossible states, finding hardcoded colors or missing tokens, or seeing a component rebuild what an existing DS primitive already does.
+description: Use when building a new Persona design system component under packages/design-system/src/components/, or turning a designer's description, Figma frame, or AI-generated first draft into one. Also use when determining prop interfaces, weighing `children` vs a typed `items` array, questioning a composer pattern, spotting props that allow impossible states, finding hardcoded colors or missing tokens, or seeing a component rebuild what an existing DS primitive already does.
 ---
 
 # Design System Component Authoring
@@ -18,16 +18,16 @@ guesses.
 
 ## When to use
 
-- Building a new component under `packages/design-system/components/`.
+- Building a new component under `packages/design-system/src/components/`.
 - Turning a designer's description, a Figma frame, or an AI draft into a real DS component.
 
 **REQUIRED BACKGROUND — load this too:**
 
-- `ui-authoring` — design tokens (`Color`, `Spacing`, `Typography`), when to use `Stack`/`HStack`/`Text` instead of styled elements, and its `COMPONENTS.md`/`PATTERNS.md` catalog of existing components to compose from (also browse `packages/design-system/components/`).
+- `ui-authoring` — design tokens (`Color`, `Spacing`, `Typography`), when to use `Stack`/`HStack`/`Text` instead of styled elements, and its `COMPONENTS.md`/`PATTERNS.md` catalog of existing components to compose from (also browse `packages/design-system/src/components/`).
 
 ## Canonical example
 
-`packages/design-system/components/Breadcrumbs/` is the example to imitate: a constrained
+`packages/design-system/src/components/Breadcrumbs/` is the example to imitate: a constrained
 `BreadcrumbsItemProps[]` rendered by a private `Breadcrumb`; `onEdit?` gating inline editing with no
 `editable` boolean; composition from `IconButton`, `Input`, `Link`, `HStack`, `Paragraph`,
 `Tooltip`; semantic theme tokens; a `DEFAULT_EDIT_MAX_LENGTH` constant; and a barrel `index.ts`

package/skills/design-system-component-authoring/component-conventions.md

@@ -5,7 +5,7 @@
 - Build from existing DS components — `Button`/`IconButton`, `Link`, `Input`, `Stack`/`HStack`,
   `Text` (`Heading`/`Paragraph`/`Label`), `Tooltip`, `Spinner`, `Sticker`, etc. Check the
   `ui-authoring` component catalog (`COMPONENTS.md`, `PATTERNS.md`) and
-  `packages/design-system/components/` before writing anything custom.
+  `packages/design-system/src/components/` before writing anything custom.
 - **Use each component directly and keep its built-in styles.** Never copy/paste a DS component's
   CSS into a `styled.div`. Wrapping a DS component with `styled(Component)` for _layout/positioning_
   tweaks (margin, width, alignment) is fine, and adjusting a state with a _semantic token_ (e.g. `theme.color.text.tertiary`) is acceptable — but don't hardcode colors or arbitrarily change a component's visual identity. If the design truly needs a different look, that's a question for the designer/engineer, not a silent restyle.
@@ -25,7 +25,7 @@
 ## File structure
 
 ```
-packages/design-system/components/ComponentName/
+packages/design-system/src/components/ComponentName/
 ├── ComponentName.tsx          # public component (+ a private child .tsx if using an items array)
 ├── index.ts                   # barrel export
 ├── ComponentName.stories.tsx  # stories per variant/state

package/skills/new-screen/SKILL.md

@@ -0,0 +1,56 @@
+---
+name: new-screen
+description: Use when building a new screen, page or route in an app that uses @persona/design-system, especially with no designer (App Builder screens, internal tools, or an agent asked to add a screen to a product). Covers what to build it from, what the change may touch, and what to do before handing it over.
+metadata:
+  library: '@persona/design-system'
+  library_version: '0.11.0'
+---
+
+# New screen
+
+One new screen, built from PDS, with no designer. The change stays small enough to review as a single
+unit: the screen and nothing it would drag along.
+
+## Build it from PDS
+
+Use only PDS patterns, components and tokens. Before writing UI, load `ui-authoring`
+(`intent load @persona/design-system#ui-authoring`) and use:
+
+- [SKILL.md](../ui-authoring/SKILL.md) for tokens, layout and the rules a screen meets
+- [PATTERNS.md](../ui-authoring/PATTERNS.md) for forms, layout, panels, feedback and empty states
+- [COMPONENTS.md](../ui-authoring/COMPONENTS.md) for which component to use and its import path
+- [TOKENS.md](../ui-authoring/TOKENS.md) for semantic colour, spacing and typography
+
+Where a PDS component matches the need one for one, use it. Don't hand-roll what PDS has (tables
+especially: `Table`, `DataTable` or `IndexTableLayout`).
+
+## Keep the change to the screen
+
+The change may touch:
+
+- the new screen's own directory
+- its tests and stories
+- its translation strings
+- its route entry, so the screen can be reached
+
+It must not modify shared components, the theme, or code copied from PDS. If the screen seems to
+need that, stop. Say what is missing and propose a separate PR for the app, or a change to PDS, then
+build the screen with what exists. Don't stretch this change to fit.
+
+## Record the brief
+
+Put this in the PR body before building, so the design source is consulted first:
+
+- **Intent:** who uses the screen, to do what, in one line
+- **Source:** the live product, a Figma link, or none (say so if a source couldn't be reached)
+- **PDS version:** from the app's lockfile
+
+## Before you hand it over
+
+1. Work through the "Before you hand it over" list in [TOKENS.md](../ui-authoring/TOKENS.md).
+2. Run the repo's oxlint with the `pds` plugin (`@persona/design-system/lint`; see
+   [STANDARD.md](../ui-authoring/STANDARD.md#lint-rules)) and fix every error. Fix warnings too, or
+   leave one in place with a reason in the PR body.
+3. Don't switch a `pds/*` rule off, or weaken the lint config, to make it pass. If a rule is wrong
+   for a case, suppress that line with the reason (`// oxlint-disable-next-line pds/<rule> -- why`)
+   and say so in the PR body.

package/skills/ui-authoring/COMPONENTS.md

@@ -1,7 +1,7 @@
 # Components
 
 Which PDS component to use, and for what. For usage guidance and additional code examples, see
-that component's `.mdx` beside its source under `packages/design-system/components/` when one
+that component's `.mdx` beside its source under `packages/design-system/src/components/` when one
 exists. If there is no `.mdx`, use the published type declarations
 (`dist/components/<Name>/index.d.mts`).
 
@@ -51,6 +51,7 @@ exists. If there is no `.mdx`, use the published type declarations
 | `ProgressIndicator` | Showing progress through a sequence of steps | `@persona/design-system/components/ProgressIndicator` |
 | `Radio` | Picking one visible option. Prefer `RadioGroup` to manage the set | `@persona/design-system/components/Radio` |
 | `RadioGroup` | Grouping two or more mutually exclusive `Radio`s and owning the selected value | `@persona/design-system/components/RadioGroup` |
+| `RichTextEditor` | Rich text / Markdown editing (tiptap-based) — comments, emails, templated messages. Optional floating bubble toolbar via `floatingToolbar`; accepts extra tiptap extensions via `additionalEditorExtensions` | `@persona/design-system/components/RichTextEditor` |
 | `RightPanel` | Complementary side panel for contextual updates while the page stays interactive (no overlay). Use `Modal` when the task needs full attention. See [Panels](../../patterns/Panels/Panels.mdx) | `@persona/design-system/components/RightPanel` |
 | `SegmentedControl` | Picking one option from a compact set of mutually exclusive choices | `@persona/design-system/components/SegmentedControl` |
 | `Select` | Dropdown — picking one value from a short, known list with no search. Use `Combobox` when the list needs search | `@persona/design-system/components/Select` |

package/skills/ui-authoring/SKILL.md

@@ -12,8 +12,10 @@ metadata:
 
 Building a screen in an app? [STANDARD.md](STANDARD.md) holds the rules every screen meets: text the
 user reads is at least 11 px (8 px for a label inside a chart or diagram), contrast meets WCAG AA in light and dark, motion honours
-`prefers-reduced-motion`, and status never relies on colour alone. It also defines the `new-screen`
-lane for building one screen with no designer. Read it first, then the sections below.
+`prefers-reduced-motion`, and status never relies on colour alone. It also names the lint rules
+that check it (the `pds` oxlint plugin, `@persona/design-system/lint`). Building one new screen with
+no designer? Follow the `new-screen` skill (`intent load @persona/design-system#new-screen`). Read
+STANDARD.md first, then the sections below.
 
 ## Design Tokens
 
@@ -191,7 +193,7 @@ Add `ComponentName.stories.tsx` for every new component or visual variant.
 
 ## Resources
 
-- [STANDARD.md](STANDARD.md) — product UI standard: accessibility values, screen brief, `new-screen` lane ([lanes.json](lanes.json)), checks, departures
+- [STANDARD.md](STANDARD.md) — product UI standard: accessibility values, screen brief, the `pds/*` lint rules and how to enable them, departures
 - [TOKENS.md](TOKENS.md) — semantic color tokens (Fg / Surface / Border / Action / Input / Feedback / Status / Opacity), recipes and dark-mode checklist; Spacing / Typography catalog, radius, elevation, charts
 - [PATTERNS.md](PATTERNS.md) — forms, layout, panels, indicators, feedback, empty states
 - [COMPONENTS.md](COMPONENTS.md) — which PDS component to use, and its import path; APIs live in each component's `.mdx`

package/skills/ui-authoring/STANDARD.md

@@ -43,8 +43,8 @@ No type bends the floor or PDH-P1.
 
 ## What `persona` means here
 
-Product UI is always `persona` (PDH-M4): PDS as shipped, in the app's theme. Briefs and receipts
-record `brand: persona` without asking. Work that needs to be `unbranded` isn't covered by this
+Product UI is always `persona` (PDH-M4): PDS as shipped, in the app's theme. Briefs record
+`brand: persona` without asking. Work that needs to be `unbranded` isn't covered by this
 standard.
 
 ## Screen brief
@@ -55,54 +55,75 @@ Record these in the PR body before building, so the source is consulted at intak
 - **Source:** the live product, a Figma link, or none. Say so if a source couldn't be reached.
 - **PDS version:** from the app's lockfile.
 - **Brand:** `persona`.
-- **Lane:** `new-screen`, or none.
+## New screens
 
-## Lanes
-
-A lane is a strict path for one common task. A PR opts in with a commit trailer, and the diff is then
-held to the lane's allow-list. Work that fits no lane goes without a trailer, through normal review;
-don't stretch a lane to fit it.
-
-Lanes are data, in [lanes.json](lanes.json). They name roles, not paths. Each app's harness config
-maps roles to its own paths, so one lane works in any app.
-
-### `new-screen`
-
-One new screen built from PDS, with no designer (App Builder, internal apps).
-
-- **Opt in:** a `Harness-Task: new-screen` trailer on any commit in the PR.
-- **Allowed:** one new screen directory (`screen`), its tests and stories (`screen-tests`), and
-  locale files (`locale`).
-- **Reported, not failed:** edits to the route table (`route-table`), so the screen can be reached.
-- **Forbidden:** shared components (`shared`), theme (`theme`), and code mirrored from PDS
-  (`pds-mirror`). A change there is its own PR, or a PDS change.
-- A file that matches no allowed or reported role fails. A file that matches a forbidden role is
-  forbidden, even if it also matches another role.
-- Build only from PDS patterns, components and tokens, per [SKILL.md](SKILL.md), and finish with the
-  "Before you hand it over" list in [TOKENS.md](TOKENS.md).
-
-### Adding a lane
-
-Add an entry under `lanes` in `lanes.json`: a `description`, `newScreens` (how many new screen
-directories the diff may add; `0` for an edit-only lane), and `allow`, `note` and `forbid` role
-lists. Add a role only when no existing one covers the paths. Then describe the lane here.
-Specialized work gets its own lane; never loosen `new-screen` to fit it.
+Building one new screen, with no designer (App Builder, internal apps)? Follow the `new-screen`
+skill (`intent load @persona/design-system#new-screen`): build only from PDS patterns, components and
+tokens, keep the change to the screen, and don't touch shared components, the theme or code copied
+from PDS. Work that doesn't fit stays out of that change, through normal review.
 
 ## Checks
 
-All of these are review until the screen checker ships. When it does, it fails only on new findings;
-existing ones are grandfathered.
-
-| Rule | Source | Check |
-| ---- | ------ | ----- |
-| Painted colours are semantic: no hex, no `Color.*` outside the `semanticColor` fallback | PDS; keeps PDH-F1 in dark mode | Review |
-| Complete `Typography` styles, never individual font properties or a raw `font-size` | PDS; makes PDH-F2 checkable | Review |
-| No copy under 11 px. The 10 px routes are `Typography.TextExtraSmall` and `TextExtraSmallMono`, `theme.text.paragraph.xs`, the text mixin's `xs` (`Paragraph` / `Label` `size="xs"`), and the `TextMono` + `TextExtraSmall.fontSize` composite | PDH-F2 | Review. Report-only once automated, since a text check can't tell copy from a label inside a graphic |
-| `@keyframes`, `animation` or `transition` only with a `prefers-reduced-motion` block | PDH-F3 | Review. Report-only once automated |
-| No hand-rolled `<table>`, `<th>` or `<td>` | PDS (Table Guidelines in SKILL.md) | Review |
+The automated rows below are lint rules, shipped in this package as an [oxlint](https://oxc.rs) JS
+plugin named `pds` (`@persona/design-system/lint`). They read each file's syntax, not its text, so they
+run in the editor and in CI with the app's other lint rules, and an app is held to the version of
+the standard it has installed.
+
+| Rule | Source | Lint rule |
+| ---- | ------ | --------- |
+| Painted colours are semantic: no hex, no `Color.*` outside the `semanticColor` fallback | PDS; keeps PDH-F1 in dark mode | `pds/semantic-color`, error |
+| Complete `Typography` styles, never individual font properties or a raw `font-size` | PDS; makes PDH-F2 checkable | `pds/complete-typography`, error |
+| No copy under 11 px. The 10 px routes are `Typography.TextExtraSmall` and `TextExtraSmallMono`, `theme.text.paragraph.xs`, the text mixin's `xs` (`Paragraph` / `Label` `size="xs"`), and the `TextMono` + `TextExtraSmall.fontSize` composite | PDH-F2 | `pds/min-copy-size`, warning: a lint rule can't tell copy from a label inside a graphic |
+| `@keyframes`, `animation` or `transition` only with a `prefers-reduced-motion` block | PDH-F3 | `pds/reduced-motion`, warning |
+| No hand-rolled `<table>`, `<th>` or `<td>` | PDS (Table Guidelines in SKILL.md) | `pds/no-raw-table`, error |
 | Contrast | PDH-F1 | Review |
 | Status not by colour alone | PDH-F4 | Review |
-| The diff stays within its lane | `lanes.json` | Review |
+
+### Lint rules
+
+In the app's `.oxlintrc.json` (oxlint 1.72 or later), load the plugin and enable the rules:
+
+```json
+{
+  "jsPlugins": ["@persona/design-system/lint"],
+  "rules": {
+    "pds/semantic-color": "error",
+    "pds/complete-typography": "error",
+    "pds/no-raw-table": "error",
+    "pds/min-copy-size": "warn",
+    "pds/reduced-motion": "warn"
+  }
+}
+```
+
+Or extend the preset, which has the same rules and severities, from a config at the repo root:
+
+```json
+{ "extends": ["./node_modules/@persona/design-system/dist/lint/recommended.json"] }
+```
+
+To roll the errors out on an existing app, set them to `"warn"` first, fix or suppress what the
+rules find, then raise them to `"error"` (and run oxlint with `--deny-warnings` if warnings should
+fail CI too). Tests and stories paint fixtures, not screens, so switch the rules off for them with an
+`overrides` entry:
+
+```json
+{
+  "overrides": [
+    {
+      "files": ["**/*.spec.*", "**/*.test.*", "**/*.stories.*"],
+      "rules": { "pds/semantic-color": "off", "pds/complete-typography": "off" }
+    }
+  ]
+}
+```
+
+A deliberate exception is a suppression with its reason:
+`// oxlint-disable-next-line pds/no-raw-table -- <why>`. A departure from the standard that isn't a
+tightening goes in the ledger below, or in the PR's brief when it covers one screen.
+
+`pds/reduced-motion` reports once per file, at the first animation or transition, because adding one
+`prefers-reduced-motion` block fixes them all. `pds/min-copy-size` takes `{ "minPx": 11, "rootFontPx": 16 }`.
 
 ## Departure ledger
 
@@ -121,12 +142,6 @@ A one-screen departure goes in that PR's brief instead.
 `lib/middleTruncateText.ts` needs no row: its 10 px `DEFAULT_FONT` only measures text on a canvas
 and paints nothing.
 
-## Receipt
-
-Each screen records the receipt core (design-harness `spec/receipt.md`) plus `brand: persona`,
-`departures`, and `shared_components_touched` (the shared components changed, with every screen they
-reach). Until the screen receipt is automated, the screen brief in the PR body stands in for it.
-
 ## Citations and tightenings
 
 No tightenings for now: every value above is the core's value.