@pantheon-systems/puck-css 0.9.0 → 0.11.0

package/dist/pds/theme/pds-core-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"pds-core-content.js","sourceRoot":"","sources":["../../../src/pds/theme/pds-core-content.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,2EAA2E;AAC3E,8EAA8E;AAC9E,yCAAyC;AACzC,uEAAuE;AACvE,MAAM,CAAC,MAAM,UAAU,GAAG;;ujvMAE6hvM,CAAC"}
+{"version":3,"file":"pds-core-content.js","sourceRoot":"","sources":["../../../src/pds/theme/pds-core-content.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,2EAA2E;AAC3E,8EAA8E;AAC9E,yCAAyC;AACzC,uEAAuE;AACvE,MAAM,CAAC,MAAM,UAAU,GAAG;;ugzMAE6+yM,CAAC"}

package/dist/server.d.ts

@@ -1,4 +1,4 @@
-export { normalizePath, stripTrailingSlash, isReservedPath, PATH_REGEX } from "./data/paths.js";
+export { normalizePath, stripTrailingSlash, isReservedPath, hasStaticAssetExtension, PATH_REGEX } from "./data/paths.js";
 export { isRouteTemplatePath, pagePathFromCatchAllSegments, isCanonicalTemplatePath, templatePathParamNames, defaultInstancePathFromTemplate, editorPathHref, publicPagePathHref, listRouteTemplateKeys, matchConcretePathToTemplateParams, pathSegments, } from "./data/route-templates.js";
 export { buildRemoteDatasourceRegistry } from "./data/remote-datasources/remote-datasource-registry.js";
 export type { RemoteDatasourceDefinition, RemoteDatasourceFieldDoc } from "./data/remote-datasources/remote-datasource-registry.js";

package/dist/server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../src/server.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAChG,OAAO,EACL,mBAAmB,EACnB,4BAA4B,EAC5B,uBAAuB,EACvB,sBAAsB,EACtB,+BAA+B,EAC/B,cAAc,EACd,kBAAkB,EAClB,qBAAqB,EACrB,iCAAiC,EACjC,YAAY,GACb,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AACxG,YAAY,EAAE,0BAA0B,EAAE,wBAAwB,EAAE,MAAM,yDAAyD,CAAC;AACpI,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAC7E,YAAY,EAAE,qBAAqB,EAAE,MAAM,2DAA2D,CAAC;AAGvG,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAC;AAE9E,OAAO,EACL,sBAAsB,EACtB,oBAAoB,GACrB,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EACL,2BAA2B,EAC3B,8BAA8B,EAC9B,KAAK,uBAAuB,EAC5B,KAAK,6BAA6B,EAClC,KAAK,uBAAuB,EAC5B,KAAK,+BAA+B,GACrC,MAAM,qCAAqC,CAAC;AAE7C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAE7C,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,kBAAkB,EACvB,0BAA0B,EAC1B,oBAAoB,EACpB,oBAAoB,EACpB,wBAAwB,EACxB,0BAA0B,GAC3B,MAAM,4BAA4B,CAAC;AAEpC,YAAY,EACV,SAAS,EACT,eAAe,EACf,wBAAwB,EACxB,iBAAiB,GAClB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,SAAS,EACT,eAAe,EACf,wBAAwB,EACxB,YAAY,EACZ,kBAAkB,EAClB,2BAA2B,EAC3B,gBAAgB,EAChB,eAAe,GAChB,MAAM,qBAAqB,CAAC;AAG7B,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAI3E,YAAY,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,eAAe,EAAE,iBAAiB,EAAE,yBAAyB,EAAE,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC5J,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE9D,OAAO,EACL,gBAAgB,EAChB,wBAAwB,EACxB,gBAAgB,EAChB,eAAe,EACf,4BAA4B,EAC5B,oBAAoB,EACpB,UAAU,EACV,iCAAiC,EACjC,wBAAwB,EACxB,wBAAwB,GACzB,MAAM,sBAAsB,CAAC;AAE9B,YAAY,EACV,kCAAkC,EAClC,6BAA6B,GAC9B,MAAM,2DAA2D,CAAC;AAGnE,OAAO,EAAE,iCAAiC,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAElH,OAAO,EACL,mCAAmC,EACnC,2BAA2B,EAC3B,4BAA4B,EAC5B,4BAA4B,EAC5B,yBAAyB,EACzB,0BAA0B,EAC1B,0BAA0B,EAC1B,4BAA4B,EAC5B,mCAAmC,GACpC,MAAM,2DAA2D,CAAC"}
+{"version":3,"file":"server.d.ts","sourceRoot":"","sources":["../src/server.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,cAAc,EAAE,uBAAuB,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AACzH,OAAO,EACL,mBAAmB,EACnB,4BAA4B,EAC5B,uBAAuB,EACvB,sBAAsB,EACtB,+BAA+B,EAC/B,cAAc,EACd,kBAAkB,EAClB,qBAAqB,EACrB,iCAAiC,EACjC,YAAY,GACb,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AACxG,YAAY,EAAE,0BAA0B,EAAE,wBAAwB,EAAE,MAAM,yDAAyD,CAAC;AACpI,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAC7E,YAAY,EAAE,qBAAqB,EAAE,MAAM,2DAA2D,CAAC;AAGvG,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAC;AAE9E,OAAO,EACL,sBAAsB,EACtB,oBAAoB,GACrB,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EACL,2BAA2B,EAC3B,8BAA8B,EAC9B,KAAK,uBAAuB,EAC5B,KAAK,6BAA6B,EAClC,KAAK,uBAAuB,EAC5B,KAAK,+BAA+B,GACrC,MAAM,qCAAqC,CAAC;AAE7C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAE7C,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,kBAAkB,EACvB,0BAA0B,EAC1B,oBAAoB,EACpB,oBAAoB,EACpB,wBAAwB,EACxB,0BAA0B,GAC3B,MAAM,4BAA4B,CAAC;AAEpC,YAAY,EACV,SAAS,EACT,eAAe,EACf,wBAAwB,EACxB,iBAAiB,GAClB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EACL,SAAS,EACT,eAAe,EACf,wBAAwB,EACxB,YAAY,EACZ,kBAAkB,EAClB,2BAA2B,EAC3B,gBAAgB,EAChB,eAAe,GAChB,MAAM,qBAAqB,CAAC;AAG7B,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAI3E,YAAY,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,eAAe,EAAE,iBAAiB,EAAE,yBAAyB,EAAE,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC5J,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE9D,OAAO,EACL,gBAAgB,EAChB,wBAAwB,EACxB,gBAAgB,EAChB,eAAe,EACf,4BAA4B,EAC5B,oBAAoB,EACpB,UAAU,EACV,iCAAiC,EACjC,wBAAwB,EACxB,wBAAwB,GACzB,MAAM,sBAAsB,CAAC;AAE9B,YAAY,EACV,kCAAkC,EAClC,6BAA6B,GAC9B,MAAM,2DAA2D,CAAC;AAGnE,OAAO,EAAE,iCAAiC,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAElH,OAAO,EACL,mCAAmC,EACnC,2BAA2B,EAC3B,4BAA4B,EAC5B,4BAA4B,EAC5B,yBAAyB,EACzB,0BAA0B,EAC1B,0BAA0B,EAC1B,4BAA4B,EAC5B,mCAAmC,GACpC,MAAM,2DAA2D,CAAC"}

package/dist/server.js

@@ -2,7 +2,7 @@
 // and any Node.js context. Does NOT re-export the client barrel to avoid
 // pulling React context/hooks into server module graphs.
 // --- Pure utilities (also in client barrel, re-exported here for server use) ---
-export { normalizePath, stripTrailingSlash, isReservedPath, PATH_REGEX } from "./data/paths.js";
+export { normalizePath, stripTrailingSlash, isReservedPath, hasStaticAssetExtension, PATH_REGEX } from "./data/paths.js";
 export { isRouteTemplatePath, pagePathFromCatchAllSegments, isCanonicalTemplatePath, templatePathParamNames, defaultInstancePathFromTemplate, editorPathHref, publicPagePathHref, listRouteTemplateKeys, matchConcretePathToTemplateParams, pathSegments, } from "./data/route-templates.js";
 export { buildRemoteDatasourceRegistry } from "./data/remote-datasources/remote-datasource-registry.js";
 export { isSemanticPatchEntry, isOverrideEntry } from "./data/page-store.js";

package/dist/server.js.map

@@ -1 +1 @@
-{"version":3,"file":"server.js","sourceRoot":"","sources":["../src/server.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,yEAAyE;AACzE,yDAAyD;AAEzD,kFAAkF;AAClF,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAChG,OAAO,EACL,mBAAmB,EACnB,4BAA4B,EAC5B,uBAAuB,EACvB,sBAAsB,EACtB,+BAA+B,EAC/B,cAAc,EACd,kBAAkB,EAClB,qBAAqB,EACrB,iCAAiC,EACjC,YAAY,GACb,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAGxG,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG7E,kCAAkC;AAClC,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAC;AAE9E,OAAO,EACL,sBAAsB,EACtB,oBAAoB,GACrB,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EACL,2BAA2B,EAC3B,8BAA8B,GAK/B,MAAM,qCAAqC,CAAC;AAE7C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAE7C,OAAO,EAGL,0BAA0B,EAC1B,oBAAoB,EACpB,oBAAoB,EACpB,wBAAwB,EACxB,0BAA0B,GAC3B,MAAM,4BAA4B,CAAC;AAQpC,OAAO,EACL,SAAS,EACT,eAAe,EACf,wBAAwB,EACxB,YAAY,EACZ,kBAAkB,EAClB,2BAA2B,EAC3B,gBAAgB,EAChB,eAAe,GAChB,MAAM,qBAAqB,CAAC;AAE7B,0BAA0B;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAM3D,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,eAAe,EAAE,iBAAiB,EAAE,yBAAyB,EAAqB,MAAM,oBAAoB,CAAC;AAC5J,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE9D,OAAO,EACL,gBAAgB,EAChB,wBAAwB,EACxB,gBAAgB,EAChB,eAAe,EACf,4BAA4B,EAC5B,oBAAoB,EACpB,UAAU,EACV,iCAAiC,EACjC,wBAAwB,EACxB,wBAAwB,GACzB,MAAM,sBAAsB,CAAC;AAO9B,6BAA6B;AAC7B,OAAO,EAAE,iCAAiC,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAElH,OAAO,EACL,mCAAmC,EACnC,2BAA2B,EAC3B,4BAA4B,EAC5B,4BAA4B,EAC5B,yBAAyB,EACzB,0BAA0B,EAC1B,0BAA0B,EAC1B,4BAA4B,EAC5B,mCAAmC,GACpC,MAAM,2DAA2D,CAAC"}
+{"version":3,"file":"server.js","sourceRoot":"","sources":["../src/server.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,yEAAyE;AACzE,yDAAyD;AAEzD,kFAAkF;AAClF,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,cAAc,EAAE,uBAAuB,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AACzH,OAAO,EACL,mBAAmB,EACnB,4BAA4B,EAC5B,uBAAuB,EACvB,sBAAsB,EACtB,+BAA+B,EAC/B,cAAc,EACd,kBAAkB,EAClB,qBAAqB,EACrB,iCAAiC,EACjC,YAAY,GACb,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAGxG,OAAO,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG7E,kCAAkC;AAClC,OAAO,EAAE,yBAAyB,EAAE,MAAM,mCAAmC,CAAC;AAE9E,OAAO,EACL,sBAAsB,EACtB,oBAAoB,GACrB,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EACL,2BAA2B,EAC3B,8BAA8B,GAK/B,MAAM,qCAAqC,CAAC;AAE7C,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAE7C,OAAO,EAGL,0BAA0B,EAC1B,oBAAoB,EACpB,oBAAoB,EACpB,wBAAwB,EACxB,0BAA0B,GAC3B,MAAM,4BAA4B,CAAC;AAQpC,OAAO,EACL,SAAS,EACT,eAAe,EACf,wBAAwB,EACxB,YAAY,EACZ,kBAAkB,EAClB,2BAA2B,EAC3B,gBAAgB,EAChB,eAAe,GAChB,MAAM,qBAAqB,CAAC;AAE7B,0BAA0B;AAC1B,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAM3D,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,eAAe,EAAE,iBAAiB,EAAE,yBAAyB,EAAqB,MAAM,oBAAoB,CAAC;AAC5J,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE9D,OAAO,EACL,gBAAgB,EAChB,wBAAwB,EACxB,gBAAgB,EAChB,eAAe,EACf,4BAA4B,EAC5B,oBAAoB,EACpB,UAAU,EACV,iCAAiC,EACjC,wBAAwB,EACxB,wBAAwB,GACzB,MAAM,sBAAsB,CAAC;AAO9B,6BAA6B;AAC7B,OAAO,EAAE,iCAAiC,EAAE,mBAAmB,EAAE,MAAM,0CAA0C,CAAC;AAElH,OAAO,EACL,mCAAmC,EACnC,2BAA2B,EAC3B,4BAA4B,EAC5B,4BAA4B,EAC5B,yBAAyB,EACzB,0BAA0B,EAC1B,0BAA0B,EAC1B,4BAA4B,EAC5B,mCAAmC,GACpC,MAAM,2DAA2D,CAAC"}

package/dist/versioning/components/HistoricalVersionBanner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HistoricalVersionBanner.d.ts","sourceRoot":"","sources":["../../../src/versioning/components/HistoricalVersionBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAKpE,MAAM,WAAW,4BAA4B;IAC3C,6GAA6G;IAC7G,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,gDAAgD;IAChD,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/D,yEAAyE;IACzE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yEAAyE;IACzE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kEAAkE;IAClE,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,8DAA8D;IAC9D,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,oDAAoD;IACpD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,uBAAuB,CAAC,EACtC,OAAO,EACP,gBAAgB,EAChB,gBAAgB,EAChB,SAAiB,EACjB,WAAmB,EACnB,SAAc,EACd,UAAU,EACV,MAAM,EACN,WAAmB,EACnB,OAAe,GAChB,EAAE,4BAA4B,GAAG,KAAK,CAAC,YAAY,CAmCnD"}
+{"version":3,"file":"HistoricalVersionBanner.d.ts","sourceRoot":"","sources":["../../../src/versioning/components/HistoricalVersionBanner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAMpE,MAAM,WAAW,4BAA4B;IAC3C,6GAA6G;IAC7G,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,gDAAgD;IAChD,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/D,yEAAyE;IACzE,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,yEAAyE;IACzE,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kEAAkE;IAClE,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,8DAA8D;IAC9D,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,oDAAoD;IACpD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,mDAAmD;IACnD,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,uBAAuB,CAAC,EACtC,OAAO,EACP,gBAAgB,EAChB,gBAAgB,EAChB,SAAiB,EACjB,WAAmB,EACnB,SAAc,EACd,UAAU,EACV,MAAM,EACN,WAAmB,EACnB,OAAe,GAChB,EAAE,4BAA4B,GAAG,KAAK,CAAC,YAAY,CAqCnD"}

package/dist/versioning/components/HistoricalVersionBanner.js

@@ -2,10 +2,10 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { Icon } from '@pantheon-systems/pds-toolkit-react';
 import { formatVersionDate } from '../utils/formatVersionDate.js';
 import { VersionBannerActions } from './VersionBannerActions.js';
+import styles from './HistoricalVersionBanner.module.css';
 export function HistoricalVersionBanner({ version, onReturnToLatest, onRestoreVersion, canRevert = false, isReturning = false, className = '', onPrevious, onNext, hasPrevious = false, hasNext = false, }) {
-    const baseClass = 'historical-version-banner';
-    const classes = [baseClass, className].filter(Boolean).join(' ');
+    const classes = [styles.banner, className].filter(Boolean).join(' ');
     const formattedDate = version ? formatVersionDate(version.createdAt) : null;
-    return (_jsxs("div", { className: classes, children: [_jsx("div", { className: `${baseClass}__icon`, "aria-hidden": "true", children: _jsx(Icon, { iconName: "rotateLeft", size: "s" }) }), _jsxs("div", { className: `${baseClass}__content`, children: [_jsxs("span", { className: `${baseClass}__text`, children: ["Previewing", version && _jsxs(_Fragment, { children: [" ", _jsxs("strong", { children: ["v", version.versionNumber] })] })] }), formattedDate && (_jsxs("span", { className: `${baseClass}__date`, children: ["\u00B7 ", formattedDate] }))] }), _jsx(VersionBannerActions, { version: version, onReturnToLatest: onReturnToLatest, onRestoreVersion: onRestoreVersion, canRevert: canRevert, isReturning: isReturning, onPrevious: onPrevious, onNext: onNext, hasPrevious: hasPrevious, hasNext: hasNext })] }));
+    return (_jsxs("div", { className: classes, children: [_jsx("div", { className: styles.icon, "aria-hidden": "true", children: _jsx(Icon, { iconName: "rotateLeft", size: "s" }) }), _jsxs("div", { className: styles.content, title: `Previewing${version ? ` v${version.versionNumber}` : ''}${formattedDate ? ` · ${formattedDate}` : ''}`, children: [_jsxs("span", { className: styles.text, children: ["Previewing", version && _jsxs(_Fragment, { children: [" ", _jsxs("strong", { children: ["v", version.versionNumber] })] })] }), formattedDate && (_jsxs("span", { className: styles.date, children: ["\u00B7 ", formattedDate] }))] }), _jsx(VersionBannerActions, { version: version, onReturnToLatest: onReturnToLatest, onRestoreVersion: onRestoreVersion, canRevert: canRevert, isReturning: isReturning, onPrevious: onPrevious, onNext: onNext, hasPrevious: hasPrevious, hasNext: hasNext })] }));
 }
 //# sourceMappingURL=HistoricalVersionBanner.js.map

package/dist/versioning/components/HistoricalVersionBanner.js.map

@@ -1 +1 @@
-{"version":3,"file":"HistoricalVersionBanner.js","sourceRoot":"","sources":["../../../src/versioning/components/HistoricalVersionBanner.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,qCAAqC,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AAyBjE,MAAM,UAAU,uBAAuB,CAAC,EACtC,OAAO,EACP,gBAAgB,EAChB,gBAAgB,EAChB,SAAS,GAAG,KAAK,EACjB,WAAW,GAAG,KAAK,EACnB,SAAS,GAAG,EAAE,EACd,UAAU,EACV,MAAM,EACN,WAAW,GAAG,KAAK,EACnB,OAAO,GAAG,KAAK,GACc;IAC7B,MAAM,SAAS,GAAG,2BAA2B,CAAC;IAC9C,MAAM,OAAO,GAAG,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACjE,MAAM,aAAa,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAE5E,OAAO,CACL,eAAK,SAAS,EAAE,OAAO,aACrB,cAAK,SAAS,EAAE,GAAG,SAAS,QAAQ,iBAAc,MAAM,YACtD,KAAC,IAAI,IAAC,QAAQ,EAAC,YAAY,EAAC,IAAI,EAAC,GAAG,GAAG,GACnC,EAEN,eAAK,SAAS,EAAE,GAAG,SAAS,WAAW,aACrC,gBAAM,SAAS,EAAE,GAAG,SAAS,QAAQ,2BACxB,OAAO,IAAI,mCAAG,kCAAU,OAAO,CAAC,aAAa,IAAU,IAAG,IAChE,EACN,aAAa,IAAI,CAChB,gBAAM,SAAS,EAAE,GAAG,SAAS,QAAQ,wBAChC,aAAa,IACX,CACR,IACG,EAEN,KAAC,oBAAoB,IACnB,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,gBAAgB,EAClC,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,GAChB,IACE,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"HistoricalVersionBanner.js","sourceRoot":"","sources":["../../../src/versioning/components/HistoricalVersionBanner.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,MAAM,qCAAqC,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA2B,CAAC;AACjE,OAAO,MAAM,MAAM,sCAAsC,CAAC;AAyB1D,MAAM,UAAU,uBAAuB,CAAC,EACtC,OAAO,EACP,gBAAgB,EAChB,gBAAgB,EAChB,SAAS,GAAG,KAAK,EACjB,WAAW,GAAG,KAAK,EACnB,SAAS,GAAG,EAAE,EACd,UAAU,EACV,MAAM,EACN,WAAW,GAAG,KAAK,EACnB,OAAO,GAAG,KAAK,GACc;IAC7B,MAAM,OAAO,GAAG,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACrE,MAAM,aAAa,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAE5E,OAAO,CACL,eAAK,SAAS,EAAE,OAAO,aACrB,cAAK,SAAS,EAAE,MAAM,CAAC,IAAI,iBAAc,MAAM,YAC7C,KAAC,IAAI,IAAC,QAAQ,EAAC,YAAY,EAAC,IAAI,EAAC,GAAG,GAAG,GACnC,EAEN,eACE,SAAS,EAAE,MAAM,CAAC,OAAO,EACzB,KAAK,EAAE,aAAa,OAAO,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,aAAa,CAAC,CAAC,CAAC,MAAM,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,aAE9G,gBAAM,SAAS,EAAE,MAAM,CAAC,IAAI,2BACf,OAAO,IAAI,mCAAG,kCAAU,OAAO,CAAC,aAAa,IAAU,IAAG,IAChE,EACN,aAAa,IAAI,CAChB,gBAAM,SAAS,EAAE,MAAM,CAAC,IAAI,wBACvB,aAAa,IACX,CACR,IACG,EAEN,KAAC,oBAAoB,IACnB,OAAO,EAAE,OAAO,EAChB,gBAAgB,EAAE,gBAAgB,EAClC,gBAAgB,EAAE,gBAAgB,EAClC,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,GAChB,IACE,CACP,CAAC;AACJ,CAAC"}

package/dist/versioning/components/HistoricalVersionBanner.module.css

@@ -0,0 +1,174 @@
+/* `flex: none` keeps the banner at its own height inside the canvas column. */
+.slot {
+  flex: none;
+}
+
+/* Grid rather than flex so the actions can never wrap onto a second line as the
+   canvas narrows — the banner would change height and shove the canvas down.
+   The middle column absorbs the squeeze; `error` gets its own row. */
+.banner {
+  display: grid;
+  grid-template-columns: auto 1fr auto;
+  align-items: center;
+  gap: var(--pds-spacing-s);
+  padding: var(--pds-spacing-xs) var(--pds-spacing-m);
+  background: var(--pds-color-surface-default-secondary, #f9fafb);
+  border-top: 2px solid var(--pds-color-interactive-link-default, #3a5dfb);
+  border-bottom: var(--pds-border-width-default, 1px) solid var(--pds-color-border-secondary, #ececf0);
+  color: var(--pds-color-foreground-default, #171717);
+  font-family: var(--pds-typography-ff-default, 'Inter', system-ui, sans-serif);
+}
+
+.icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--pds-color-interactive-link-default, #3a5dfb);
+}
+
+/* `display: block` rather than flex because text-overflow does not apply to flex
+   children — the two spans sit inline in one truncation context, so the
+   timestamp erodes before the version number without needing a breakpoint. */
+.content {
+  min-width: 0;
+  display: block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.text {
+  font: 500 var(--pds-typography-size-s) var(--pds-typography-ff-default, 'Inter', system-ui, sans-serif);
+  color: var(--pds-color-foreground-default, #171717);
+}
+
+.text strong {
+  font: 700 var(--pds-typography-size-s) var(--pds-typography-ff-compact, 'Inter Tight', 'Inter', system-ui, sans-serif);
+}
+
+.date {
+  font: 500 var(--pds-typography-size-s) var(--pds-typography-ff-default, 'Inter', system-ui, sans-serif);
+  color: var(--pds-color-foreground-default, #171717);
+  margin-left: var(--pds-spacing-3xs);
+}
+
+.actions {
+  display: flex;
+  align-items: center;
+  gap: var(--pds-spacing-2xs);
+}
+
+.exitBtn {
+  /* Reset browser button defaults without wiping font (all:unset kills font too) */
+  appearance: none;
+  -webkit-appearance: none;
+  box-sizing: border-box;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  border: var(--pds-border-width-default, 1px) solid var(--pds-color-border-default, #d4d4d4);
+  background: var(--pds-color-surface-default, white);
+  border-radius: 9px;
+  padding: 9px 20px;
+  font: 600 var(--pds-typography-size-s) var(--pds-typography-ff-compact, 'Inter Tight', 'Inter', system-ui, sans-serif);
+  color: var(--pds-color-foreground-default, #171717);
+  cursor: pointer;
+  white-space: nowrap;
+  transition: var(--pds-animation-transition-button);
+  line-height: 1;
+}
+
+.exitBtn:hover:not(:disabled) {
+  background: var(--pds-color-interactive-background-hover, #f5f5f5);
+}
+
+.exitBtn:disabled {
+  opacity: 0.5;
+  cursor: default;
+}
+
+.revertBtn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: var(--pds-spacing-button-gap-inline-m);
+  border: none;
+  border-radius: var(--pds-border-radius-button);
+  background: var(--pds-color-foreground-default, #171717);
+  color: white;
+  font: 700 var(--pds-typography-size-s) var(--pds-typography-ff-compact, 'Inter Tight', 'Inter', system-ui, sans-serif);
+  padding: 11px 18px;
+  cursor: pointer;
+  white-space: nowrap;
+  transition: var(--pds-animation-transition-button);
+  line-height: 1;
+}
+
+.revertBtn:hover:not(:disabled) {
+  filter: brightness(1.15);
+}
+
+.revertBtn:disabled {
+  opacity: 0.6;
+  cursor: default;
+}
+
+/* Its own row, so a revert failure never competes with the actions for width. */
+.error {
+  grid-column: 1 / -1;
+  margin: 0;
+  padding: 0;
+  font-size: var(--pds-typography-size-s, 0.875rem);
+  color: var(--pds-color-status-error-icon, #c0392b);
+}
+
+.spinner {
+  display: inline-block;
+  width: 12px;
+  height: 12px;
+  border: 2px solid currentColor;
+  border-top-color: transparent;
+  border-radius: 50%;
+  animation: spin 0.6s linear infinite;
+  flex: none;
+}
+
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.steppers {
+  display: flex;
+  gap: 2px;
+}
+
+/* PDS wraps the trigger in its own element; the inline padding would push the
+   steppers apart. */
+.steppers :global(.pds-tooltip) {
+  padding-inline: 0;
+}
+
+.stepperBtn {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 32px;
+  height: 32px;
+  border-radius: 9px;
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  color: var(--pds-color-foreground-default, #1a1a1a);
+  transition: background 100ms ease;
+}
+
+.stepperBtn:hover:not(:disabled) {
+  background: var(--pds-color-interactive-background-hover, #f5f5f5);
+}
+
+.stepperBtn:disabled {
+  opacity: 0.35;
+  cursor: not-allowed;
+}

package/dist/versioning/components/VersionBannerActions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VersionBannerActions.d.ts","sourceRoot":"","sources":["../../../src/versioning/components/VersionBannerActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAOpE,MAAM,WAAW,yBAAyB;IACxC,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,gBAAgB,EAChB,gBAAgB,EAChB,SAAiB,EACjB,WAAmB,EACnB,UAAU,EACV,MAAM,EACN,WAAmB,EACnB,OAAe,GAChB,EAAE,yBAAyB,GAAG,KAAK,CAAC,YAAY,CA+FhD"}
+{"version":3,"file":"VersionBannerActions.d.ts","sourceRoot":"","sources":["../../../src/versioning/components/VersionBannerActions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AACnD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAmBpE,MAAM,WAAW,yBAAyB;IACxC,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,oBAAoB,CAAC,EACnC,OAAO,EACP,gBAAgB,EAChB,gBAAgB,EAChB,SAAiB,EACjB,WAAmB,EACnB,UAAU,EACV,MAAM,EACN,WAAmB,EACnB,OAAe,GAChB,EAAE,yBAAyB,GAAG,KAAK,CAAC,YAAY,CAuGhD"}

package/dist/versioning/components/VersionBannerActions.js

@@ -1,11 +1,19 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState, useEffect } from 'react';
-import { Icon } from '@pantheon-systems/pds-toolkit-react';
+import { Icon, Tooltip } from '@pantheon-systems/pds-toolkit-react';
+import styles from './HistoricalVersionBanner.module.css';
 const REVERT_ERROR_FALLBACK = 'Revert failed. Please try again.';
-const BASE = 'historical-version-banner';
+function StepperTooltip({ content, disabled, children, }) {
+    if (disabled)
+        return children;
+    return _jsx(Tooltip, { content: content, preferredPlacement: "top", customTrigger: children });
+}
 export function VersionBannerActions({ version, onReturnToLatest, onRestoreVersion, canRevert = false, isReturning = false, onPrevious, onNext, hasPrevious = false, hasNext = false, }) {
     const [isReverting, setIsReverting] = useState(false);
     const [revertError, setRevertError] = useState(null);
+    const busy = isReverting || isReturning;
+    const prevDisabled = !hasPrevious || busy;
+    const nextDisabled = !hasNext || busy;
     useEffect(() => { setRevertError(null); }, [version?.id]);
     const handleRevert = async () => {
         if (!onRestoreVersion || !version)
@@ -25,6 +33,6 @@ export function VersionBannerActions({ version, onReturnToLatest, onRestoreVersi
             setIsReverting(false);
         }
     };
-    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: `${BASE}__actions`, children: [(onPrevious || onNext) && (_jsxs("div", { className: `${BASE}__steppers`, children: [onPrevious && (_jsx("button", { type: "button", className: `${BASE}__stepper-btn`, "aria-label": "Previous version", disabled: !hasPrevious || isReverting || isReturning, onClick: onPrevious, children: _jsx(Icon, { iconName: "angleLeft", size: "s", "aria-hidden": "true" }) })), onNext && (_jsx("button", { type: "button", className: `${BASE}__stepper-btn`, "aria-label": "Next version", disabled: !hasNext || isReverting || isReturning, onClick: onNext, children: _jsx(Icon, { iconName: "angleRight", size: "s", "aria-hidden": "true" }) }))] })), _jsx("button", { type: "button", className: `${BASE}__exit-btn`, disabled: isReverting || isReturning, "aria-busy": isReturning, onClick: onReturnToLatest, "aria-label": "Return to current", children: isReturning ? 'Returning…' : 'Exit preview' }), canRevert && onRestoreVersion && version && (_jsx("button", { type: "button", className: `${BASE}__revert-btn`, disabled: isReverting || isReturning, "aria-busy": isReverting, onClick: () => { void handleRevert(); }, children: isReverting ? (_jsxs(_Fragment, { children: [_jsx("span", { className: `${BASE}__spinner`, "aria-hidden": "true" }), "Reverting\u2026"] })) : (_jsxs(_Fragment, { children: [_jsx(Icon, { iconName: "rotateLeft", size: "s", "aria-hidden": "true" }), "Revert to this version"] })) }))] }), revertError && (_jsx("p", { className: `${BASE}__error`, role: "alert", children: revertError }))] }));
+    return (_jsxs(_Fragment, { children: [_jsxs("div", { className: styles.actions, children: [(onPrevious || onNext) && (_jsxs("div", { className: styles.steppers, children: [onPrevious && (_jsx(StepperTooltip, { content: "Previous Version", disabled: prevDisabled, children: _jsx("button", { type: "button", className: styles.stepperBtn, "aria-label": "Previous version", disabled: prevDisabled, onClick: onPrevious, children: _jsx(Icon, { iconName: "angleLeft", size: "s", "aria-hidden": "true" }) }) })), onNext && (_jsx(StepperTooltip, { content: "Next Version", disabled: nextDisabled, children: _jsx("button", { type: "button", className: styles.stepperBtn, "aria-label": "Next version", disabled: nextDisabled, onClick: onNext, children: _jsx(Icon, { iconName: "angleRight", size: "s", "aria-hidden": "true" }) }) }))] })), _jsx("button", { type: "button", className: styles.exitBtn, disabled: isReverting || isReturning, "aria-busy": isReturning, onClick: onReturnToLatest, "aria-label": "Return to current", children: isReturning ? 'Returning…' : 'Exit preview' }), canRevert && onRestoreVersion && version && (_jsx("button", { type: "button", className: styles.revertBtn, disabled: isReverting || isReturning, "aria-busy": isReverting, onClick: () => { void handleRevert(); }, children: isReverting ? (_jsxs(_Fragment, { children: [_jsx("span", { className: styles.spinner, "aria-hidden": "true" }), "Reverting\u2026"] })) : (_jsxs(_Fragment, { children: [_jsx(Icon, { iconName: "rotateLeft", size: "s", "aria-hidden": "true" }), "Revert to this version"] })) }))] }), revertError && (_jsx("p", { className: styles.error, role: "alert", children: revertError }))] }));
 }
 //# sourceMappingURL=VersionBannerActions.js.map

package/dist/versioning/components/VersionBannerActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"VersionBannerActions.js","sourceRoot":"","sources":["../../../src/versioning/components/VersionBannerActions.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"VersionBannerActions.js","sourceRoot":"","sources":["../../../src/versioning/components/VersionBannerActions.tsx"],"names":[],"mappings":"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"}

package/dist/versioning/utils/versionKind.js

@@ -1,7 +1,7 @@
 export const VERSION_KIND_META = {
-    current: { tag: 'Current', badgeClass: '', milestone: false },
-    published: { tag: 'Published', badgeClass: 'pds-badge pds-badge--info pds-badge--s', milestone: true },
-    reverted: { tag: 'Reverted', badgeClass: 'pds-badge pds-badge--warning pds-badge--s', milestone: true },
+    current: { tag: 'Current', badgeClass: 'pds-badge pds-badge--success pds-badge--xs', milestone: false },
+    published: { tag: 'Published', badgeClass: 'pds-badge pds-badge--info pds-badge--xs', milestone: true },
+    reverted: { tag: 'Reverted', badgeClass: 'pds-badge pds-badge--warning pds-badge--xs', milestone: true },
     autosave: { tag: null, badgeClass: '', milestone: false },
 };
 /**

package/dist/versioning/utils/versionKind.js.map

@@ -1 +1 @@
-{"version":3,"file":"versionKind.js","sourceRoot":"","sources":["../../../src/versioning/utils/versionKind.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,iBAAiB,GAAwF;IACpH,OAAO,EAAG,EAAE,GAAG,EAAE,SAAS,EAAI,UAAU,EAAE,EAAE,EAA0C,SAAS,EAAE,KAAK,EAAE;IACxG,SAAS,EAAE,EAAE,GAAG,EAAE,WAAW,EAAE,UAAU,EAAE,wCAAwC,EAAK,SAAS,EAAE,IAAI,EAAG;IAC1G,QAAQ,EAAG,EAAE,GAAG,EAAE,UAAU,EAAG,UAAU,EAAE,2CAA2C,EAAE,SAAS,EAAE,IAAI,EAAG;IAC1G,QAAQ,EAAG,EAAE,GAAG,EAAE,IAAI,EAAS,UAAU,EAAE,EAAE,EAA0C,SAAS,EAAE,KAAK,EAAE;CAC1G,CAAC;AAEF;;;;GAIG;AACH,MAAM,UAAU,YAAY,CAC1B,OAAwB,EACxB,gBAAoC;IAEpC,MAAM,KAAK,GAAkB,EAAE,CAAC;IAChC,qFAAqF;IACrF,IAAI,OAAO,CAAC,EAAE,KAAK,gBAAgB;QAAE,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC3D,IAAI,OAAO,CAAC,WAAW,KAAK,IAAI;QAAE,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAC1D,IAAI,OAAO,CAAC,MAAM,KAAK,QAAQ;QAAE,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IACxD,OAAO,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;AACjD,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,WAAW,CAAC,OAAwB;IAClD,OAAO,YAAY,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;AACtF,CAAC"}
+{"version":3,"file":"versionKind.js","sourceRoot":"","sources":["../../../src/versioning/utils/versionKind.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,iBAAiB,GAAwF;IACpH,OAAO,EAAI,EAAE,GAAG,EAAE,SAAS,EAAI,UAAU,EAAE,4CAA4C,EAAE,SAAS,EAAE,KAAK,EAAE;IAC3G,SAAS,EAAE,EAAE,GAAG,EAAE,WAAW,EAAE,UAAU,EAAE,yCAAyC,EAAK,SAAS,EAAE,IAAI,EAAG;IAC3G,QAAQ,EAAG,EAAE,GAAG,EAAE,UAAU,EAAG,UAAU,EAAE,4CAA4C,EAAE,SAAS,EAAE,IAAI,EAAG;IAC3G,QAAQ,EAAG,EAAE,GAAG,EAAE,IAAI,EAAS,UAAU,EAAE,EAAE,EAA0C,SAAS,EAAE,KAAK,EAAE;CAC1G,CAAC;AAEF;;;;GAIG;AACH,MAAM,UAAU,YAAY,CAC1B,OAAwB,EACxB,gBAAoC;IAEpC,MAAM,KAAK,GAAkB,EAAE,CAAC;IAChC,qFAAqF;IACrF,IAAI,OAAO,CAAC,EAAE,KAAK,gBAAgB;QAAE,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAC3D,IAAI,OAAO,CAAC,WAAW,KAAK,IAAI;QAAE,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;IAC1D,IAAI,OAAO,CAAC,MAAM,KAAK,QAAQ;QAAE,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IACxD,OAAO,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;AACjD,CAAC;AAED;;;GAGG;AACH,MAAM,UAAU,WAAW,CAAC,OAAwB;IAClD,OAAO,YAAY,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;AACtF,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pantheon-systems/puck-css",
-  "version": "0.9.0",
+  "version": "0.11.0",
   "description": "Puck editor integration with Collaborative State System",
   "publishConfig": {
     "access": "public",
@@ -9,7 +9,7 @@
   },
   "repository": {
     "type": "git",
-    "url": "https://github.com/pantheon-systems/puck-css-integration.git",
+    "url": "git+https://github.com/pantheon-systems/p1-platform.git",
     "directory": "packages/puck-css"
   },
   "type": "module",
@@ -96,11 +96,11 @@
     "jsep": "^1.4.0",
     "lodash.isequal": "^4.5.0",
     "yjs": "^13.6.29",
-    "@pantheon-systems/css-client": "0.9.0"
+    "@pantheon-systems/css-client": "0.11.0"
   },
   "devDependencies": {
     "@floating-ui/react": "^0.27.19",
-    "@pantheon-systems/pds-toolkit-react": "2.0.0-alpha.51",
+    "@pantheon-systems/pds-toolkit-react": "2.0.0-alpha.66",
     "@tanstack/react-query": "^5.99.0",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/jest-dom": "^6.9.1",
@@ -127,6 +127,7 @@
     "node": ">=24.0.0"
   },
   "license": "MIT",
+  "homepage": "https://github.com/pantheon-systems/p1-platform/tree/main/packages/puck-css",
   "scripts": {
     "build": "pnpm run clean && tsc && find src -name '*.module.css' | while read f; do dest=\"dist/${f#src/}\"; mkdir -p \"$(dirname \"$dest\")\"; cp \"$f\" \"$dest\"; done; (cp node_modules/@pantheon-systems/pds-toolkit-react/dist/css/pds-core.css src/pds/theme/pds-core.css && node scripts/generate-pds-content.cjs) || true",
     "clean": "rm -rf dist *.tsbuildinfo",

package/src/pds/theme/PuckEditorTheme.css

@@ -41,40 +41,40 @@
    */
 
   /* Dark text (grey-01=#181818 is Puck's DARKEST) */
-  --puck-color-grey-01: var(--pds-color-fg-default);
+  --puck-color-grey-01: var(--pds-color-foreground-default);
   /* grey-02/04: required by tests — map to near-dark fallbacks */
   --puck-color-grey-02: oklch(0.96 0 0);
   /* grey-03: outline sidebar item text (unselected). Secondary foreground gives
      legible mid-grey in light mode while keeping visual hierarchy vs selected. */
-  --puck-color-grey-03: var(--pds-color-fg-default-secondary);
+  --puck-color-grey-03: var(--pds-color-foreground-default-secondary);
   --puck-color-grey-04: oklch(0.88 0 0);
   /* grey-05 (section header text, array labels, disabled text)
      Puck uses #767676 by default — map to PDSv2 secondary foreground.
      NOTE: var(--pds-color-border-input) still appears in PdsFields.module.css
      so the test assertion for grey-05 → border-input continues to pass. */
-  --puck-color-grey-05: var(--pds-color-fg-default-secondary);
-  --puck-color-grey-06: var(--pds-color-fg-default-secondary);
-  --puck-color-grey-07: var(--pds-color-fg-default-secondary);
+  --puck-color-grey-05: var(--pds-color-foreground-default-secondary);
+  --puck-color-grey-06: var(--pds-color-foreground-default-secondary);
+  --puck-color-grey-07: var(--pds-color-foreground-default-secondary);
   /* grey-08/09=#dcdcdc (drawer item borders) */
   --puck-color-grey-08: var(--pds-color-border-default);
   --puck-color-grey-09: var(--pds-color-border-default);
   /* grey-10=#efefef (hover backgrounds) */
-  --puck-color-grey-10: var(--pds-color-bg-default-secondary);
+  --puck-color-grey-10: var(--pds-color-surface-default-secondary);
   /* Light backgrounds — MUST stay light (grey-11/12 are Puck's LIGHTEST) */
-  --puck-color-grey-11: var(--pds-color-bg-default-secondary);
-  --puck-color-grey-12: var(--pds-color-bg-default);
-  --puck-color-white: var(--pds-color-bg-default);
-  --puck-color-black: var(--pds-color-fg-default);
+  --puck-color-grey-11: var(--pds-color-surface-default-secondary);
+  --puck-color-grey-12: var(--pds-color-surface-default);
+  --puck-color-white: var(--pds-color-surface-default);
+  --puck-color-black: var(--pds-color-foreground-default);
 
   /* ── Interactive — Puck uses azure for links, selected states, etc.
      PDS v2 interactive-link tokens are purple, which is wrong for this UI.
      Map azure to neutral near-black (fg-default) so Puck's selected/active
      states use dark text instead of purple. ── */
-  --puck-color-azure-04: var(--pds-color-fg-default);
-  --puck-color-azure-05: var(--pds-color-fg-default);
+  --puck-color-azure-04: var(--pds-color-foreground-default);
+  --puck-color-azure-05: var(--pds-color-foreground-default);
   /* azure-10/11/12: hover/active backgrounds for drawer items and icon buttons */
   --puck-color-azure-10: oklch(0.96 0 0);
-  --puck-color-azure-11: var(--pds-color-bg-default-secondary);
+  --puck-color-azure-11: var(--pds-color-surface-default-secondary);
   /* azure-12: drawer item hover bg — must be VISIBLY different from white */
   --puck-color-azure-12: oklch(0.96 0 0);
 
@@ -121,7 +121,7 @@
 /* Sidebar + plugin rail backgrounds — scoped to the editor wrapper added by CSSApp.tsx */
 .puck-editor-theme [class*="_PuckLayout-nav_"],
 .puck-editor-theme [class*="_Sidebar"] {
-  background: var(--pds-color-bg-default-secondary, oklch(0.9702 0 0));
+  background: var(--pds-color-surface-default-secondary, oklch(0.9702 0 0));
 }
 
 /* Allow PDS dropdown menus (SplitButton, etc.) in the subheader to overflow the
@@ -138,8 +138,8 @@
    --puck-color-grey-04 is used by _PuckFields-field_ for label/field text;
    it defaults to near-white (oklch 0.88) which is invisible on a light bg. */
 .puck-editor-theme [class*="_Sidebar"] {
-  color: var(--pds-color-fg-default);
-  --puck-color-grey-04: var(--pds-color-fg-default);
+  color: var(--pds-color-foreground-default);
+  --puck-color-grey-04: var(--pds-color-foreground-default);
 }
 
 .puck-editor-theme [class*="_Sidebar"] {
@@ -161,21 +161,21 @@
 }
 
 /* Plugin rail icon colors — match PDSv2 SegmentedButton token pattern:
-   active   → --pds-color-fg-default (near-black text)
-   inactive → --pds-color-fg-default (same near-black — distinction comes from
+   active   → --pds-color-foreground-default (near-black text)
+   inactive → --pds-color-foreground-default (same near-black — distinction comes from
               Puck's own active indicator, not from dimming the inactive icon) */
 .puck-editor-theme [class*="_NavItem--active_"] [class*="_NavItem-linkIcon_"],
 .puck-editor-theme [class*="_NavItem--active_"] [class*="_NavItem-linkIcon_"] svg,
 .puck-editor-theme [class*="_NavItem_"]:not([class*="_NavItem--active_"]) [class*="_NavItem-linkIcon_"],
 .puck-editor-theme [class*="_NavItem_"]:not([class*="_NavItem--active_"]) [class*="_NavItem-linkIcon_"] svg {
-  color: var(--pds-color-fg-default, #23232d);
+  color: var(--pds-color-foreground-default, #23232d);
   opacity: 1;
 }
 
 /* Use fg-default (near-black) for active nav icons — Puck's own active
    indicator handles the visual highlight */
 .puck-editor-theme [class*="_NavItem--active_"] {
-  --puck-color-azure-04: var(--pds-color-fg-default, #23232d);
+  --puck-color-azure-04: var(--pds-color-foreground-default, #23232d);
 }
 
 /* Replace Blocks nav icon with PDSv2 "grid" */
@@ -333,8 +333,8 @@
  * direction.
  */
 .puck-editor-theme {
-  color: var(--pds-color-fg-default, #23232d);
-  background: var(--pds-color-bg-default, #fff);
+  color: var(--pds-color-foreground-default, #23232d);
+  background: var(--pds-color-surface-default, #fff);
 }
 
 /* ── AI chat panel: fill the inspector rail ──────────────────────────────────

package/src/pds/theme/PuckEditorTheme.test.ts

@@ -36,13 +36,13 @@ describe('PuckEditorTheme.css', () => {
     it('maps --puck-color-white to PDS background default', () => {
       const css = readThemeCSS();
       expect(css).toContain('--puck-color-white');
-      expect(css).toContain('var(--pds-color-bg-default)');
+      expect(css).toContain('var(--pds-color-surface-default)');
     });
 
     it('maps --puck-color-black to PDS foreground default', () => {
       const css = readThemeCSS();
       expect(css).toContain('--puck-color-black');
-      expect(css).toContain('var(--pds-color-fg-default)');
+      expect(css).toContain('var(--pds-color-foreground-default)');
     });
   });
 
@@ -50,13 +50,13 @@ describe('PuckEditorTheme.css', () => {
     it('maps --puck-color-grey-01 to PDS secondary background', () => {
       const css = readThemeCSS();
       expect(css).toContain('--puck-color-grey-01');
-      expect(css).toContain('var(--pds-color-bg-default-secondary)');
+      expect(css).toContain('var(--pds-color-surface-default-secondary)');
     });
 
     it('maps --puck-color-grey-03 to PDS secondary foreground', () => {
       const css = readThemeCSS();
       expect(css).toMatch(
-        /--puck-color-grey-03:\s*var\(--pds-color-fg-default-secondary\)/,
+        /--puck-color-grey-03:\s*var\(--pds-color-foreground-default-secondary\)/,
       );
     });
 
@@ -69,13 +69,13 @@ describe('PuckEditorTheme.css', () => {
     it('maps --puck-color-grey-09 to PDS secondary foreground', () => {
       const css = readThemeCSS();
       expect(css).toContain('--puck-color-grey-09');
-      expect(css).toContain('var(--pds-color-fg-default-secondary)');
+      expect(css).toContain('var(--pds-color-foreground-default-secondary)');
     });
 
     it('maps --puck-color-grey-11 to PDS foreground default', () => {
       const css = readThemeCSS();
       expect(css).toContain('--puck-color-grey-11');
-      expect(css).toContain('var(--pds-color-fg-default)');
+      expect(css).toContain('var(--pds-color-foreground-default)');
     });
 
     it('uses an oklch fallback for grey-02 (no direct PDS token)', () => {
@@ -97,13 +97,13 @@ describe('PuckEditorTheme.css', () => {
       expect(css).toContain('--puck-color-azure-04');
       // PDS v2 interactive-link-default is purple — we intentionally map to
       // fg-default (near-black) to avoid purple in the UI.
-      expect(css).toContain('--puck-color-azure-04: var(--pds-color-fg-default)');
+      expect(css).toContain('--puck-color-azure-04: var(--pds-color-foreground-default)');
     });
 
     it('maps --puck-color-azure-05 to PDS foreground default (not purple interactive-link)', () => {
       const css = readThemeCSS();
       expect(css).toContain('--puck-color-azure-05');
-      expect(css).toContain('--puck-color-azure-05: var(--pds-color-fg-default)');
+      expect(css).toContain('--puck-color-azure-05: var(--pds-color-foreground-default)');
     });
   });
 
@@ -157,7 +157,7 @@ describe('PuckEditorTheme.css', () => {
       // descendant), so `color` inherits down to every chrome element that
       // declares no color of its own (e.g. @puckeditor/core's _DrawerItem-name_).
       expect(css).toMatch(
-        /(?<![^\s{};])\.puck-editor-theme\s*\{[^}]*color:\s*var\(--pds-color-fg-default[^)]*\)[^}]*background:\s*var\(--pds-color-bg-default[^)]*\)[^}]*\}/,
+        /(?<![^\s{};])\.puck-editor-theme\s*\{[^}]*color:\s*var\(--pds-color-foreground-default[^)]*\)[^}]*background:\s*var\(--pds-color-surface-default[^)]*\)[^}]*\}/,
       );
     });