npm - @persona/design-system - Versions diffs - 0.7.2 → 0.8.1 - Mend

@persona/design-system 0.7.2 → 0.8.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (592) hide show

package/dist/variables/semantic.mjs.map CHANGED Viewed

	@@ -1 +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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"}
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":";;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/llms.txt CHANGED Viewed

@@ -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`, `WizardModal`, `RightPanel`, `Popover`, `Tooltip` / `TextUnderlineTooltip`, `DropdownMenu`, `FloatingPanel`
+- Overlays: `Modal`, `WizardModal` (`patterns/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`

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@persona/design-system",
-  "version": "0.7.2",
+  "version": "0.8.1",
   "description": "React components for Persona UI",
   "keywords": [
     "tanstack-intent"
@@ -65,6 +65,7 @@
     "./components/SegmentedControl": "./dist/components/SegmentedControl/index.mjs",
     "./components/Select": "./dist/components/Select/index.mjs",
     "./components/Slider": "./dist/components/Slider/index.mjs",
+    "./components/SmartTextInput": "./dist/components/SmartTextInput/index.mjs",
     "./components/SmartTextInput/parser/method-chain/parser": "./dist/components/SmartTextInput/parser/method-chain/parser.mjs",
     "./components/SmartTextInput/parser/method-chain/types": "./dist/components/SmartTextInput/parser/method-chain/types.mjs",
     "./components/SmartTextInput/parser/smart-text/parser": "./dist/components/SmartTextInput/parser/smart-text/parser.mjs",
@@ -86,11 +87,13 @@
     "./components/Toast": "./dist/components/Toast/index.mjs",
     "./components/Toggle": "./dist/components/Toggle/index.mjs",
     "./components/Tooltip": "./dist/components/Tooltip/index.mjs",
-    "./components/WizardModal": "./dist/components/WizardModal/index.mjs",
+    "./components/VersionHistory": "./dist/components/VersionHistory/index.mjs",
+    "./lib/chainTypes": "./dist/lib/chainTypes.mjs",
     "./lib/color": "./dist/lib/color.mjs",
     "./lib/comboboxHelper": "./dist/lib/comboboxHelper.mjs",
     "./lib/ConfigContext": "./dist/lib/ConfigContext.mjs",
     "./lib/copyTextToClipboard": "./dist/lib/copyTextToClipboard.mjs",
+    "./lib/customFunctionSchema": "./dist/lib/customFunctionSchema.mjs",
     "./lib/date-filter": "./dist/lib/date-filter/index.mjs",
     "./lib/datePickerHelper": "./dist/lib/datePickerHelper.mjs",
     "./lib/embeddedSurfaceProtocol": "./dist/lib/embeddedSurfaceProtocol.mjs",
@@ -99,6 +102,8 @@
     "./lib/GlobalStyles": "./dist/lib/GlobalStyles.mjs",
     "./lib/HeadlessAriaButton": "./dist/lib/HeadlessAriaButton.mjs",
     "./lib/jsonSchema": "./dist/lib/jsonSchema.mjs",
+    "./lib/jsonSchemaType": "./dist/lib/jsonSchemaType.mjs",
+    "./lib/letPointerDownReachDocument": "./dist/lib/letPointerDownReachDocument.mjs",
     "./lib/message": "./dist/lib/message.mjs",
     "./lib/methodChain": "./dist/lib/methodChain.mjs",
     "./lib/methodChainNormalize": "./dist/lib/methodChainNormalize.mjs",
@@ -106,15 +111,19 @@
     "./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/useChain": "./dist/lib/useChain.mjs",
     "./lib/useControlled": "./dist/lib/useControlled.mjs",
     "./lib/useEmbeddedSurface": "./dist/lib/useEmbeddedSurface.mjs",
     "./lib/useIsOverflow": "./dist/lib/useIsOverflow.mjs",
@@ -128,10 +137,12 @@
     "./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",
     "./patterns/PageLayout": "./dist/patterns/PageLayout/index.mjs",
+    "./patterns/WizardModal": "./dist/patterns/WizardModal/index.mjs",
     "./theme": "./dist/theme.mjs",
     "./utils/storybook": "./dist/utils/storybook.mjs",
     "./utils/testing": "./dist/utils/testing.mjs",
@@ -179,6 +190,7 @@
     "@react-types/slider": "^3.8.2",
     "@tanstack/react-table": "^8.20.6",
     "@tanstack/react-virtual": "^3.13.23",
+    "color": "^5.0.3",
     "csstype": "^3.1.2",
     "downshift": "^9.0.9",
     "framer-motion": "^6.5.1",
@@ -198,8 +210,8 @@
   "devDependencies": {
     "@faker-js/faker": "^10.5.0",
     "@figma/code-connect": "^1.4.4",
-    "@persona/design-tokens": "0.4.16",
-    "@persona/icons": "0.1.5",
+    "@persona/design-tokens": "0.4.17",
+    "@persona/icons": "0.1.6",
     "@storybook/react": "^10.4.6",
     "@storybook/react-vite": "^10.4.6",
     "@tanstack/intent": "^0.3.6",
@@ -238,7 +250,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",
@@ -307,6 +319,7 @@
       "./components/SegmentedControl": "./dist/components/SegmentedControl/index.mjs",
       "./components/Select": "./dist/components/Select/index.mjs",
       "./components/Slider": "./dist/components/Slider/index.mjs",
+      "./components/SmartTextInput": "./dist/components/SmartTextInput/index.mjs",
       "./components/SmartTextInput/parser/method-chain/parser": "./dist/components/SmartTextInput/parser/method-chain/parser.mjs",
       "./components/SmartTextInput/parser/method-chain/types": "./dist/components/SmartTextInput/parser/method-chain/types.mjs",
       "./components/SmartTextInput/parser/smart-text/parser": "./dist/components/SmartTextInput/parser/smart-text/parser.mjs",
@@ -328,11 +341,13 @@
       "./components/Toast": "./dist/components/Toast/index.mjs",
       "./components/Toggle": "./dist/components/Toggle/index.mjs",
       "./components/Tooltip": "./dist/components/Tooltip/index.mjs",
-      "./components/WizardModal": "./dist/components/WizardModal/index.mjs",
+      "./components/VersionHistory": "./dist/components/VersionHistory/index.mjs",
+      "./lib/chainTypes": "./dist/lib/chainTypes.mjs",
       "./lib/color": "./dist/lib/color.mjs",
       "./lib/comboboxHelper": "./dist/lib/comboboxHelper.mjs",
       "./lib/ConfigContext": "./dist/lib/ConfigContext.mjs",
       "./lib/copyTextToClipboard": "./dist/lib/copyTextToClipboard.mjs",
+      "./lib/customFunctionSchema": "./dist/lib/customFunctionSchema.mjs",
       "./lib/date-filter": "./dist/lib/date-filter/index.mjs",
       "./lib/datePickerHelper": "./dist/lib/datePickerHelper.mjs",
       "./lib/embeddedSurfaceProtocol": "./dist/lib/embeddedSurfaceProtocol.mjs",
@@ -341,6 +356,8 @@
       "./lib/GlobalStyles": "./dist/lib/GlobalStyles.mjs",
       "./lib/HeadlessAriaButton": "./dist/lib/HeadlessAriaButton.mjs",
       "./lib/jsonSchema": "./dist/lib/jsonSchema.mjs",
+      "./lib/jsonSchemaType": "./dist/lib/jsonSchemaType.mjs",
+      "./lib/letPointerDownReachDocument": "./dist/lib/letPointerDownReachDocument.mjs",
       "./lib/message": "./dist/lib/message.mjs",
       "./lib/methodChain": "./dist/lib/methodChain.mjs",
       "./lib/methodChainNormalize": "./dist/lib/methodChainNormalize.mjs",
@@ -348,15 +365,19 @@
       "./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/useChain": "./dist/lib/useChain.mjs",
       "./lib/useControlled": "./dist/lib/useControlled.mjs",
       "./lib/useEmbeddedSurface": "./dist/lib/useEmbeddedSurface.mjs",
       "./lib/useIsOverflow": "./dist/lib/useIsOverflow.mjs",
@@ -370,10 +391,12 @@
       "./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",
       "./patterns/PageLayout": "./dist/patterns/PageLayout/index.mjs",
+      "./patterns/WizardModal": "./dist/patterns/WizardModal/index.mjs",
       "./theme": "./dist/theme.mjs",
       "./utils/storybook": "./dist/utils/storybook.mjs",
       "./utils/testing": "./dist/utils/testing.mjs",
@@ -387,5 +410,8 @@
       "./package.json": "./package.json"
     },
     "registry": "https://registry.npmjs.org"
+  },
+  "inlinedDependencies": {
+    "lodash": "4.18.1"
   }
 }

package/skills/ui-authoring/COMPONENTS.md CHANGED Viewed

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

package/skills/ui-authoring/PATTERNS.md CHANGED Viewed

@@ -18,6 +18,7 @@ Which pattern to use, and for what. Patterns with a dedicated doc link to
 | LayoutLoadingSpinner | Centered 120px loading ring that fills its container. Use as the loading state for a page or embedded app when no layout-specific shimmer exists. |
 | LayoutLoadingShimmer | Filling space while content loads |
 | [Panels](../../patterns/Panels/Panels.mdx) | Use `RightPanel` when the page should stay visible. Use `Modal` when the task needs full attention. Never a custom drawer. |
+| [WizardModal](../../patterns/WizardModal/WizardModal.mdx) | A linear multi-step task behind a page overlay. |
 ## Page layouts