@pantheon-systems/puck-css 0.9.0 → 0.11.0

package/dist/pds/components/CreatePageModal.module.css

@@ -25,8 +25,8 @@
   max-width: 860px;
   max-height: 92vh;
   overflow: hidden;
-  background: var(--pds-color-bg-default, oklch(1 0 0));
-  border-radius: var(--pds-border-radius-large, 12px);
+  background: var(--pds-color-surface-default, oklch(1 0 0));
+  border-radius: var(--pds-border-radius-panel, 12px);
   box-shadow: var(--pds-box-shadow-l, 0 25px 50px -12px rgba(0, 0, 0, 0.25));
 }
 
@@ -47,9 +47,9 @@
   height: 32px;
   font-size: 18px;
   font-weight: 600;
-  color: var(--pds-color-text-interactive, oklch(0.55 0.18 256));
-  background: var(--pds-color-bg-interactive-subtle, oklch(0.95 0.03 256));
-  border-radius: var(--pds-border-radius-medium, 8px);
+  color: var(--pds-color-interactive-foreground-hover, oklch(0.55 0.18 256));
+  background: var(--pds-color-interactive-background-hover, oklch(0.95 0.03 256));
+  border-radius: var(--pds-border-radius-card, 8px);
 }
 
 .headerText {
@@ -60,13 +60,13 @@
   margin: 0;
   font-size: 18px;
   font-weight: 600;
-  color: var(--pds-color-text-default, oklch(0.2 0 0));
+  color: var(--pds-color-foreground-default, oklch(0.2 0 0));
 }
 
 .subtitle {
   margin: 2px 0 0;
   font-size: 13px;
-  color: var(--pds-color-text-subtle, oklch(0.5 0 0));
+  color: var(--pds-color-foreground-default-secondary, oklch(0.5 0 0));
 }
 
 .closeButton {
@@ -78,14 +78,14 @@
   font-size: 20px;
   line-height: 1;
   cursor: pointer;
-  color: var(--pds-color-text-subtle, oklch(0.5 0 0));
+  color: var(--pds-color-foreground-default-secondary, oklch(0.5 0 0));
   background: transparent;
   border: none;
-  border-radius: var(--pds-border-radius-medium, 8px);
+  border-radius: var(--pds-border-radius-card, 8px);
 }
 
 .closeButton:hover {
-  background: var(--pds-color-bg-subtle, oklch(0.97 0 0));
+  background: var(--pds-color-panel-sunken-background, oklch(0.97 0 0));
 }
 
 /* ---- Body ---- */
@@ -112,7 +112,7 @@
   font-weight: 600;
   letter-spacing: 0.06em;
   text-transform: uppercase;
-  color: var(--pds-color-text-subtle, oklch(0.5 0 0));
+  color: var(--pds-color-foreground-default-secondary, oklch(0.5 0 0));
 }
 
 .optionGrid {
@@ -139,7 +139,7 @@
   cursor: pointer;
   background: transparent;
   border: 1px solid var(--pds-color-border-default, oklch(0.92 0 0));
-  border-radius: var(--pds-border-radius-medium, 8px);
+  border-radius: var(--pds-border-radius-card, 8px);
   transition: border-color 0.15s ease, background-color 0.15s ease;
 }
 
@@ -149,7 +149,7 @@
 
 .optionButtonSelected {
   border-color: var(--pds-color-border-interactive, oklch(0.55 0.18 256));
-  background: var(--pds-color-bg-subtle, oklch(0.97 0.02 256));
+  background: var(--pds-color-panel-sunken-background, oklch(0.97 0.02 256));
   box-shadow: inset 0 0 0 1px var(--pds-color-border-interactive, oklch(0.55 0.18 256));
 }
 
@@ -170,16 +170,16 @@
   width: 28px;
   height: 28px;
   margin-bottom: 8px;
-  border-radius: var(--pds-border-radius-medium, 8px);
+  border-radius: var(--pds-border-radius-card, 8px);
   /* Unselected: light blue icon on a subtle chip. */
-  color: var(--pds-color-fg-interactive-subtle, oklch(0.72 0.11 256));
-  background: var(--pds-color-bg-interactive-subtle, oklch(0.96 0.02 256));
+  color: var(--pds-color-interactive-foreground-inactive, oklch(0.72 0.11 256));
+  background: var(--pds-color-interactive-background-hover, oklch(0.96 0.02 256));
 }
 
 .optionButtonSelected .optionIcon {
   /* Selected: white icon on a deep-blue chip. */
-  color: var(--pds-color-fg-on-emphasis, oklch(1 0 0));
-  background: var(--pds-color-bg-interactive, oklch(0.55 0.18 256));
+  color: var(--pds-color-foreground-reverse, oklch(1 0 0));
+  background: var(--pds-color-interactive-background-current, oklch(0.55 0.18 256));
 }
 
 /* ---- Content types (shown when "Content type template" is selected) ---- */
@@ -203,9 +203,9 @@
   padding: 12px 14px;
   text-align: left;
   cursor: pointer;
-  background: var(--pds-color-bg-default, oklch(1 0 0));
+  background: var(--pds-color-surface-default, oklch(1 0 0));
   border: 1px solid var(--pds-color-border-default, oklch(0.92 0 0));
-  border-radius: var(--pds-border-radius-medium, 8px);
+  border-radius: var(--pds-border-radius-card, 8px);
   transition: border-color 0.15s ease, background-color 0.15s ease;
 }
 
@@ -220,7 +220,7 @@
 
 .contentTypeCardSelected {
   border-color: var(--pds-color-border-interactive, oklch(0.55 0.18 256));
-  background: var(--pds-color-bg-interactive-subtle, oklch(0.96 0.02 256));
+  background: var(--pds-color-interactive-background-hover, oklch(0.96 0.02 256));
   box-shadow: inset 0 0 0 1px var(--pds-color-border-interactive, oklch(0.55 0.18 256));
 }
 
@@ -230,30 +230,30 @@
 }
 
 .contentTypeCardNew .contentTypeName {
-  color: var(--pds-color-text-interactive, oklch(0.55 0.18 256));
+  color: var(--pds-color-interactive-foreground-hover, oklch(0.55 0.18 256));
 }
 
 .contentTypeName {
   font-size: 14px;
   font-weight: 600;
-  color: var(--pds-color-text-default, oklch(0.2 0 0));
+  color: var(--pds-color-foreground-default, oklch(0.2 0 0));
 }
 
 .contentTypeDescription {
   font-size: 12px;
   line-height: 1.35;
-  color: var(--pds-color-text-subtle, oklch(0.5 0 0));
+  color: var(--pds-color-foreground-default-secondary, oklch(0.5 0 0));
 }
 
 .optionLabel {
   font-size: 14px;
   font-weight: 600;
-  color: var(--pds-color-text-default, oklch(0.2 0 0));
+  color: var(--pds-color-foreground-default, oklch(0.2 0 0));
 }
 
 .optionDescription {
   font-size: 12px;
-  color: var(--pds-color-text-subtle, oklch(0.5 0 0));
+  color: var(--pds-color-foreground-default-secondary, oklch(0.5 0 0));
 }
 
 /* ---- Fields ---- */
@@ -283,11 +283,11 @@
 .fieldLabel {
   font-size: 13px;
   font-weight: 600;
-  color: var(--pds-color-text-default, oklch(0.2 0 0));
+  color: var(--pds-color-foreground-default, oklch(0.2 0 0));
 }
 
 .required {
-  color: var(--pds-color-text-critical, oklch(0.55 0.2 25));
+  color: var(--pds-color-status-critical-foreground, oklch(0.55 0.2 25));
 }
 
 .backLink {
@@ -297,7 +297,7 @@
   font-size: 14px;
   font-weight: 600;
   cursor: pointer;
-  color: var(--pds-color-text-interactive, oklch(0.55 0.18 256));
+  color: var(--pds-color-interactive-foreground-hover, oklch(0.55 0.18 256));
   background: transparent;
   border: none;
 }
@@ -307,10 +307,10 @@
   width: 100%;
   padding: 8px 10px;
   font-size: 14px;
-  color: var(--pds-color-text-default, oklch(0.2 0 0));
-  background: var(--pds-color-bg-default, oklch(1 0 0));
+  color: var(--pds-color-foreground-default, oklch(0.2 0 0));
+  background: var(--pds-color-surface-default, oklch(1 0 0));
   border: 1px solid var(--pds-color-border-default, oklch(0.92 0 0));
-  border-radius: var(--pds-border-radius-medium, 8px);
+  border-radius: var(--pds-border-radius-card, 8px);
 }
 
 .textarea {
@@ -327,7 +327,7 @@
 .input:disabled,
 .textarea:disabled {
   cursor: not-allowed;
-  background: var(--pds-color-bg-subtle, oklch(0.97 0 0));
+  background: var(--pds-color-panel-sunken-background, oklch(0.97 0 0));
   opacity: 0.7;
 }
 
@@ -335,7 +335,7 @@
   display: flex;
   align-items: stretch;
   border: 1px solid var(--pds-color-border-default, oklch(0.92 0 0));
-  border-radius: var(--pds-border-radius-medium, 8px);
+  border-radius: var(--pds-border-radius-card, 8px);
   overflow: hidden;
 }
 
@@ -344,8 +344,8 @@
   align-items: center;
   padding: 8px 10px;
   font-size: 13px;
-  color: var(--pds-color-text-subtle, oklch(0.5 0 0));
-  background: var(--pds-color-bg-subtle, oklch(0.97 0 0));
+  color: var(--pds-color-foreground-default-secondary, oklch(0.5 0 0));
+  background: var(--pds-color-panel-sunken-background, oklch(0.97 0 0));
   border-right: 1px solid var(--pds-color-border-default, oklch(0.92 0 0));
 }
 
@@ -353,7 +353,7 @@
   flex: 1;
   padding: 8px 10px;
   font-size: 14px;
-  color: var(--pds-color-text-default, oklch(0.2 0 0));
+  color: var(--pds-color-foreground-default, oklch(0.2 0 0));
   background: transparent;
   border: none;
 }
@@ -379,13 +379,13 @@
   min-width: 86px;
   font-size: 12px;
   font-weight: 600;
-  color: var(--pds-color-text-default, oklch(0.2 0 0));
+  color: var(--pds-color-foreground-default, oklch(0.2 0 0));
 }
 
 /* Fixed parts (domain + pattern statics) read as greyed, like the slug prefix. */
 .routeSep,
 .routeStatic {
-  color: var(--pds-color-text-subtle, oklch(0.5 0 0));
+  color: var(--pds-color-foreground-default-secondary, oklch(0.5 0 0));
 }
 
 /* Only the user-typed params look like editable input fields. */
@@ -393,10 +393,10 @@
   min-width: 4ch;
   padding: 6px 8px;
   font-size: 14px;
-  color: var(--pds-color-text-default, oklch(0.2 0 0));
-  background: var(--pds-color-bg-default, oklch(1 0 0));
+  color: var(--pds-color-foreground-default, oklch(0.2 0 0));
+  background: var(--pds-color-surface-default, oklch(1 0 0));
   border: 1px solid var(--pds-color-border-default, oklch(0.92 0 0));
-  border-radius: var(--pds-border-radius-medium, 8px);
+  border-radius: var(--pds-border-radius-card, 8px);
 }
 
 .routeInput:focus-visible {
@@ -409,7 +409,7 @@
   font-size: 13px;
   font-weight: 600;
   cursor: pointer;
-  color: var(--pds-color-text-interactive, oklch(0.55 0.18 256));
+  color: var(--pds-color-interactive-foreground-hover, oklch(0.55 0.18 256));
   background: transparent;
   border: 1px dashed var(--pds-color-border-interactive, oklch(0.55 0.18 256));
   border-radius: 6px;
@@ -421,19 +421,19 @@
   align-items: center;
   gap: 1px;
   padding: 1px 4px 1px 6px;
-  background: var(--pds-color-bg-interactive-subtle, oklch(0.96 0.02 256));
+  background: var(--pds-color-interactive-background-hover, oklch(0.96 0.02 256));
   border: 1px solid var(--pds-color-border-default, oklch(0.92 0 0));
   border-radius: 6px;
 }
 
 .paramColon {
-  color: var(--pds-color-text-subtle, oklch(0.5 0 0));
+  color: var(--pds-color-foreground-default-secondary, oklch(0.5 0 0));
 }
 
 .paramChipInput {
   padding: 2px 2px;
   font-size: 14px;
-  color: var(--pds-color-text-default, oklch(0.2 0 0));
+  color: var(--pds-color-foreground-default, oklch(0.2 0 0));
   background: transparent;
   border: none;
 }
@@ -451,15 +451,15 @@
   font-size: 13px;
   line-height: 1;
   cursor: pointer;
-  color: var(--pds-color-text-subtle, oklch(0.5 0 0));
+  color: var(--pds-color-foreground-default-secondary, oklch(0.5 0 0));
   background: transparent;
   border: none;
   border-radius: 4px;
 }
 
 .paramChipRemove:hover {
-  color: var(--pds-color-text-critical, oklch(0.55 0.2 25));
-  background: var(--pds-color-bg-default, oklch(1 0 0));
+  color: var(--pds-color-status-critical-foreground, oklch(0.55 0.2 25));
+  background: var(--pds-color-surface-default, oklch(1 0 0));
 }
 
 
@@ -480,14 +480,14 @@
   font-size: 14px;
   font-weight: 600;
   cursor: pointer;
-  color: var(--pds-color-text-interactive, oklch(0.55 0.18 256));
+  color: var(--pds-color-interactive-foreground-hover, oklch(0.55 0.18 256));
   background: transparent;
   border: none;
 }
 
 .advancedHint {
   font-weight: 400;
-  color: var(--pds-color-text-subtle, oklch(0.5 0 0));
+  color: var(--pds-color-foreground-default-secondary, oklch(0.5 0 0));
 }
 
 .advancedPanel {
@@ -495,18 +495,18 @@
   flex-direction: column;
   gap: 16px;
   padding: 16px;
-  background: var(--pds-color-bg-subtle, oklch(0.98 0 0));
+  background: var(--pds-color-panel-sunken-background, oklch(0.98 0 0));
   border: 1px solid var(--pds-color-border-default, oklch(0.92 0 0));
-  border-radius: var(--pds-border-radius-medium, 8px);
+  border-radius: var(--pds-border-radius-card, 8px);
 }
 
 .segmented {
   display: inline-flex;
   align-self: flex-start;
   padding: 2px;
-  background: var(--pds-color-bg-default, oklch(1 0 0));
+  background: var(--pds-color-surface-default, oklch(1 0 0));
   border: 1px solid var(--pds-color-border-default, oklch(0.92 0 0));
-  border-radius: var(--pds-border-radius-medium, 8px);
+  border-radius: var(--pds-border-radius-card, 8px);
 }
 
 .segmentedActive,
@@ -521,12 +521,12 @@
 }
 
 .segmentedActive {
-  background: var(--pds-color-bg-emphasis, oklch(0.2 0 0));
-  color: var(--pds-color-text-on-emphasis, oklch(1 0 0));
+  background: var(--pds-color-surface-reverse, oklch(0.2 0 0));
+  color: var(--pds-color-foreground-reverse, oklch(1 0 0));
 }
 
 .segmentedOption {
-  color: var(--pds-color-text-subtle, oklch(0.5 0 0));
+  color: var(--pds-color-foreground-default-secondary, oklch(0.5 0 0));
 }
 
 .dynamicRoute {
@@ -540,7 +540,7 @@
   width: 36px;
   height: 20px;
   cursor: pointer;
-  background: var(--pds-color-bg-subtle, oklch(0.9 0 0));
+  background: var(--pds-color-panel-sunken-background, oklch(0.9 0 0));
   border: none;
   border-radius: 999px;
   transition: background-color 0.15s ease;
@@ -553,13 +553,13 @@
   left: 2px;
   width: 16px;
   height: 16px;
-  background: var(--pds-color-bg-default, oklch(1 0 0));
+  background: var(--pds-color-surface-default, oklch(1 0 0));
   border-radius: 50%;
   transition: transform 0.15s ease;
 }
 
 .toggleOn {
-  background: var(--pds-color-bg-interactive, oklch(0.55 0.18 256));
+  background: var(--pds-color-interactive-background-current, oklch(0.55 0.18 256));
 }
 
 .toggleOn::after {
@@ -578,7 +578,7 @@
 
 .fieldHint {
   font-size: 12px;
-  color: var(--pds-color-text-subtle, oklch(0.5 0 0));
+  color: var(--pds-color-foreground-default-secondary, oklch(0.5 0 0));
 }
 
 /* Two-pane data-source workspace: pick configured sources (left) / add on the fly (right). */
@@ -610,7 +610,7 @@
 .collectionSummary {
   margin: 0;
   font-size: 12px;
-  color: var(--pds-color-text-subtle, oklch(0.5 0 0));
+  color: var(--pds-color-foreground-default-secondary, oklch(0.5 0 0));
 }
 
 /* Inline creation status / recap — read as the next message in the flow. */
@@ -620,35 +620,35 @@
   gap: 8px;
   margin-top: 8px;
   font-size: 14px;
-  color: var(--pds-color-text-subtle, oklch(0.5 0 0));
+  color: var(--pds-color-foreground-default-secondary, oklch(0.5 0 0));
 }
 
 .recap {
   margin-top: 8px;
   padding: 14px 16px;
   border: 1px solid var(--pds-color-border-default, oklch(0.9 0 0));
-  border-radius: var(--pds-border-radius-md, 8px);
-  background: var(--pds-color-bg-subtle, oklch(0.98 0 0));
+  border-radius: var(--pds-border-radius-card, 8px);
+  background: var(--pds-color-panel-sunken-background, oklch(0.98 0 0));
 }
 
 .recapLead {
   margin: 0 0 8px;
   font-size: 15px;
-  color: var(--pds-color-text-default, oklch(0.2 0 0));
+  color: var(--pds-color-foreground-default, oklch(0.2 0 0));
 }
 
 .recapBody {
   margin: 0 0 12px;
   font-size: 14px;
   line-height: 1.5;
-  color: var(--pds-color-text-default, oklch(0.3 0 0));
+  color: var(--pds-color-foreground-default, oklch(0.3 0 0));
 }
 
 .recapRoutes {
   margin: 0;
   font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
   font-size: 12px;
-  color: var(--pds-color-text-subtle, oklch(0.5 0 0));
+  color: var(--pds-color-foreground-default-secondary, oklch(0.5 0 0));
 }
 
 .dynamicRouteLabel {
@@ -657,7 +657,7 @@
   gap: 8px;
   font-size: 14px;
   font-weight: 600;
-  color: var(--pds-color-text-default, oklch(0.2 0 0));
+  color: var(--pds-color-foreground-default, oklch(0.2 0 0));
 }
 
 .devBadge {
@@ -666,22 +666,22 @@
   font-weight: 600;
   letter-spacing: 0.04em;
   text-transform: uppercase;
-  color: var(--pds-color-text-interactive, oklch(0.55 0.18 256));
-  background: var(--pds-color-bg-subtle, oklch(0.96 0.02 256));
+  color: var(--pds-color-interactive-foreground-hover, oklch(0.55 0.18 256));
+  background: var(--pds-color-panel-sunken-background, oklch(0.96 0.02 256));
   border-radius: 4px;
 }
 
 .dynamicRouteDescription {
   margin: 4px 0 0;
   font-size: 12px;
-  color: var(--pds-color-text-subtle, oklch(0.5 0 0));
+  color: var(--pds-color-foreground-default-secondary, oklch(0.5 0 0));
 }
 
 /* ---- Footer ---- */
 
 .errorMessage {
   font-size: 13px;
-  color: var(--pds-color-text-critical, oklch(0.55 0.2 25));
+  color: var(--pds-color-status-critical-foreground, oklch(0.55 0.2 25));
 }
 
 .footer {
@@ -710,12 +710,12 @@
   font-size: 14px;
   font-weight: 600;
   cursor: pointer;
-  border-radius: var(--pds-border-radius-medium, 8px);
+  border-radius: var(--pds-border-radius-card, 8px);
 }
 
 .cancelButton {
-  color: var(--pds-color-text-default, oklch(0.2 0 0));
-  background: var(--pds-color-bg-default, oklch(1 0 0));
+  color: var(--pds-color-foreground-default, oklch(0.2 0 0));
+  background: var(--pds-color-surface-default, oklch(1 0 0));
   border: 1px solid var(--pds-color-border-default, oklch(0.92 0 0));
 }
 
@@ -723,8 +723,8 @@
   display: inline-flex;
   align-items: center;
   gap: 8px;
-  color: var(--pds-color-text-on-emphasis, oklch(1 0 0));
-  background: var(--pds-color-bg-emphasis, oklch(0.2 0 0));
+  color: var(--pds-color-foreground-reverse, oklch(1 0 0));
+  background: var(--pds-color-surface-reverse, oklch(0.2 0 0));
   border: 1px solid transparent;
 }
 
@@ -762,16 +762,16 @@
   gap: 8px;
   padding: 9px 12px;
   border-radius: 9px;
-  background: var(--pds-color-bg-interactive-subtle, oklch(0.96 0.02 256));
+  background: var(--pds-color-interactive-background-hover, oklch(0.96 0.02 256));
   font-size: 12px;
   line-height: 1.4;
-  color: var(--pds-color-text-interactive, oklch(0.55 0.18 256));
+  color: var(--pds-color-interactive-foreground-hover, oklch(0.55 0.18 256));
 }
 
 .aiNoteIcon {
   flex: none;
   margin-top: 1px;
-  color: var(--pds-color-text-interactive, oklch(0.55 0.18 256));
+  color: var(--pds-color-interactive-foreground-hover, oklch(0.55 0.18 256));
 }
 
 .submitIcon {

package/dist/pds/components/DocStateBadge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DocStateBadge.d.ts","sourceRoot":"","sources":["../../../src/pds/components/DocStateBadge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAyBD,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,QAAgB,EAAE,EAAE,kBAAkB,+BAqB/E"}
+{"version":3,"file":"DocStateBadge.d.ts","sourceRoot":"","sources":["../../../src/pds/components/DocStateBadge.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAE5C,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,QAAQ,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAyBD,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,QAAgB,EAAE,EAAE,kBAAkB,+BAoB/E"}

package/dist/pds/components/DocStateBadge.js

@@ -19,6 +19,6 @@ const DRIFT_TOOLTIP = {
 };
 export function DocStateBadge({ docState, hasDrift = false }) {
     const showDrift = hasDrift && DRIFT_STATES.has(docState);
-    return (_jsxs("span", { style: { display: 'inline-flex', alignItems: 'center', gap: '0.25rem' }, children: [_jsx(StatusIndicator, { label: LABEL_TEXT[docState], type: STATUS_TYPE[docState], size: "xs" }), showDrift && (_jsx("span", { "data-testid": "drift-warning", title: DRIFT_TOOLTIP[docState], style: { color: '#b45309', display: 'inline-flex', alignItems: 'center' }, children: _jsx(Icon, { iconName: "triangleExclamation", size: "s" }) }))] }));
+    return (_jsxs("span", { style: { display: 'inline-flex', alignItems: 'center', gap: '0.25rem' }, children: [_jsx(StatusIndicator, { label: LABEL_TEXT[docState], type: STATUS_TYPE[docState] }), showDrift && (_jsx("span", { "data-testid": "drift-warning", title: DRIFT_TOOLTIP[docState], style: { color: '#b45309', display: 'inline-flex', alignItems: 'center' }, children: _jsx(Icon, { iconName: "triangleExclamation", size: "s" }) }))] }));
 }
 //# sourceMappingURL=DocStateBadge.js.map

package/dist/pds/components/DocStateBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocStateBadge.js","sourceRoot":"","sources":["../../../src/pds/components/DocStateBadge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAQ5E,MAAM,WAAW,GAAqD;IACpE,QAAQ,EAAE,SAAS;IACnB,WAAW,EAAE,SAAS;IACtB,IAAI,EAAE,SAAS;IACf,QAAQ,EAAE,MAAM;CACjB,CAAC;AAEF,MAAM,UAAU,GAA6B;IAC3C,QAAQ,EAAE,UAAU;IACpB,WAAW,EAAE,4BAA4B;IACzC,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,WAAW;CACtB,CAAC;AAEF,MAAM,YAAY,GAAG,IAAI,GAAG,CAAW,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC;AAEjE,MAAM,aAAa,GAAsC;IACvD,QAAQ,EACN,2FAA2F;IAC7F,QAAQ,EACN,yHAAyH;CAC5H,CAAC;AAEF,MAAM,UAAU,aAAa,CAAC,EAAE,QAAQ,EAAE,QAAQ,GAAG,KAAK,EAAsB;IAC9E,MAAM,SAAS,GAAG,QAAQ,IAAI,YAAY,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAEzD,OAAO,CACL,gBAAM,KAAK,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,SAAS,EAAE,aAC3E,KAAC,eAAe,IACd,KAAK,EAAE,UAAU,CAAC,QAAQ,CAAC,EAC3B,IAAI,EAAE,WAAW,CAAC,QAAQ,CAAC,EAC3B,IAAI,EAAC,IAAI,GACT,EACD,SAAS,IAAI,CACZ,8BACc,eAAe,EAC3B,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,EAC9B,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,YAEzE,KAAC,IAAI,IAAC,QAAQ,EAAC,qBAAqB,EAAC,IAAI,EAAC,GAAG,GAAG,GAC3C,CACR,IACI,CACR,CAAC;AACJ,CAAC"}
+{"version":3,"file":"DocStateBadge.js","sourceRoot":"","sources":["../../../src/pds/components/DocStateBadge.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AAQ5E,MAAM,WAAW,GAAqD;IACpE,QAAQ,EAAE,SAAS;IACnB,WAAW,EAAE,SAAS;IACtB,IAAI,EAAE,SAAS;IACf,QAAQ,EAAE,MAAM;CACjB,CAAC;AAEF,MAAM,UAAU,GAA6B;IAC3C,QAAQ,EAAE,UAAU;IACpB,WAAW,EAAE,4BAA4B;IACzC,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,WAAW;CACtB,CAAC;AAEF,MAAM,YAAY,GAAG,IAAI,GAAG,CAAW,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC;AAEjE,MAAM,aAAa,GAAsC;IACvD,QAAQ,EACN,2FAA2F;IAC7F,QAAQ,EACN,yHAAyH;CAC5H,CAAC;AAEF,MAAM,UAAU,aAAa,CAAC,EAAE,QAAQ,EAAE,QAAQ,GAAG,KAAK,EAAsB;IAC9E,MAAM,SAAS,GAAG,QAAQ,IAAI,YAAY,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IAEzD,OAAO,CACL,gBAAM,KAAK,EAAE,EAAE,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,SAAS,EAAE,aAC3E,KAAC,eAAe,IACd,KAAK,EAAE,UAAU,CAAC,QAAQ,CAAC,EAC3B,IAAI,EAAE,WAAW,CAAC,QAAQ,CAAC,GAC3B,EACD,SAAS,IAAI,CACZ,8BACc,eAAe,EAC3B,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,EAC9B,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,YAEzE,KAAC,IAAI,IAAC,QAAQ,EAAC,qBAAqB,EAAC,IAAI,EAAC,GAAG,GAAG,GAC3C,CACR,IACI,CACR,CAAC;AACJ,CAAC"}

package/dist/pds/components/P1EditorHeader.d.ts.map

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

package/dist/pds/components/P1EditorHeader.js

@@ -181,7 +181,10 @@ export function P1EditorHeader({ documents, currentDocument, selectedDocumentPat
             confirmLeave();
         });
     }, [onBeforeLogoNavigate, dashboardHref, logoNavSaving]);
-    return (_jsxs("header", { "data-testid": "p1-editor-header", className: styles.header, children: [_jsx("a", { href: dashboardHref, className: logoNavSaving ? `${styles.logoLink} ${styles.logoLinkSaving}` : styles.logoLink, title: dashboardHref ? 'Go to P1 Dashboard' : undefined, "data-testid": "p1-logo-link", "aria-busy": logoNavSaving || undefined, "aria-disabled": logoNavSaving || undefined, onClick: handleLogoClick, children: logoUrl && !logoImgError ? (_jsx("img", { src: logoUrl, alt: "Pantheon P1", "data-testid": "p1-logo", className: styles.logo, onError: () => setLogoImgError(true) })) : (_jsx(PantheonLogo, { "data-testid": "p1-logo", className: styles.logo, displayType: "sub-brand", subBrand: "P1", size: "s", linkContent: null })) }), _jsx("div", { className: styles.divider, "aria-hidden": "true" }), _jsxs("div", { "data-testid": "site-label", className: styles.siteLabel, children: [_jsx(Icon, { iconName: "globe", size: "s", "aria-hidden": "true" }), _jsxs("span", { className: "visually-hidden", children: ["Site: ", siteName] }), _jsx("span", { className: styles.siteName, "aria-hidden": "true", children: siteName })] }), _jsx("span", { className: styles.breadcrumbSeparator, "aria-hidden": "true", children: "\u203A" }), _jsxs("div", { className: styles.pageSelectorGroup, children: [_jsxs("button", { ref: pageSelectorRef, "data-testid": "page-selector", className: styles.pageSelector, onClick: handlePageSelectorClick, type: "button", "aria-haspopup": "true", "aria-expanded": pageNavigatorOpen, children: [_jsx(Icon, { iconName: "folderTree", size: "s", "aria-hidden": "true" }), _jsxs("span", { className: styles.labelText, children: [currentDocument?.path || selectedDocumentPath || 'Select a page', _jsx(Icon, { iconName: "angleDown", size: "s", "aria-hidden": "true" })] })] }), (() => {
+    return (_jsxs("header", { "data-testid": "p1-editor-header", className: styles.header, children: [_jsx("a", { href: dashboardHref, className: logoNavSaving ? `${styles.logoLink} ${styles.logoLinkSaving}` : styles.logoLink, title: dashboardHref ? 'Go to P1 Dashboard' : undefined, "data-testid": "p1-logo-link", "aria-busy": logoNavSaving || undefined, "aria-disabled": logoNavSaving || undefined, onClick: handleLogoClick, children: logoUrl && !logoImgError ? (_jsx("img", { src: logoUrl, alt: "Pantheon P1", "data-testid": "p1-logo", className: styles.logo, onError: () => setLogoImgError(true) })) : (
+                // PDS dropped sub-brand support, so the bolt and the "P1" wordmark
+                // are composed here instead of via the removed `subBrand` prop.
+                _jsxs("span", { className: styles.logoLockup, children: [_jsx(PantheonLogo, { "data-testid": "p1-logo", className: styles.logo, displayType: "icon", size: "s", linkContent: null }), _jsx("span", { className: styles.subBrand, children: "P1" })] })) }), _jsx("div", { className: styles.divider, "aria-hidden": "true" }), _jsxs("div", { "data-testid": "site-label", className: styles.siteLabel, children: [_jsx(Icon, { iconName: "globe", size: "s", "aria-hidden": "true" }), _jsxs("span", { className: "visually-hidden", children: ["Site: ", siteName] }), _jsx("span", { className: styles.siteName, "aria-hidden": "true", children: siteName })] }), _jsx("span", { className: styles.breadcrumbSeparator, "aria-hidden": "true", children: "\u203A" }), _jsxs("div", { className: styles.pageSelectorGroup, children: [_jsxs("button", { ref: pageSelectorRef, "data-testid": "page-selector", className: styles.pageSelector, onClick: handlePageSelectorClick, type: "button", "aria-haspopup": "true", "aria-expanded": pageNavigatorOpen, children: [_jsx(Icon, { iconName: "folderTree", size: "s", "aria-hidden": "true" }), _jsxs("span", { className: styles.labelText, children: [currentDocument?.path || selectedDocumentPath || 'Select a page', _jsx(Icon, { iconName: "angleDown", size: "s", "aria-hidden": "true" })] })] }), (() => {
                         const pagePath = currentDocument?.path || selectedDocumentPath;
                         // Templates (edited at _registry/templates/<name>) aren't publicly
                         // published, so there's no page to view — hide the button for them.
@@ -200,7 +203,7 @@ export function P1EditorHeader({ documents, currentDocument, selectedDocumentPat
                 }, templates: templates, templatesLoading: templatesLoading, onClose: () => setPageNavigatorOpen(false), portalStyle: navigatorPortalStyle }), _jsx(CreatePageModal, { open: createModalOpen, initialMode: createModalMode, onClose: () => setCreateModalOpen(false), onCreateDocument: handleModalCreateDocument, onGenerateWithAI: handleGenerateWithAI, templates: templates, onCreateTemplate: onCreateTemplate, datasources: datasources, onNavigate: (path) => {
                     const normalizedPath = path.startsWith('/') ? path : `/${path}`;
                     onSelectDocument({ id: normalizedPath, path: normalizedPath, archived: false });
-                } }), _jsx("div", { className: styles.spacer }), collaborators.length > 0 && (_jsxs(_Fragment, { children: [_jsx("div", { className: styles.collaborators, "data-testid": "header-collaborators", children: _jsx(PresenceStack, { actors: collaborators, maxVisible: 3, showActiveDot: true }) }), _jsx("div", { className: styles.divider, "data-testid": "header-collaborators-divider", "aria-hidden": "true" })] })), showAIPanelToggle && (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", "data-testid": "ai-panel-toggle", className: aiPanelOpen ? `${styles.aiToggle} ${styles.aiToggleActive}` : styles.aiToggle, onClick: () => aiPanelStore.toggle(), "aria-pressed": aiPanelOpen, "aria-label": "Pantheon AI", children: _jsx(Icon, { iconName: "sparkles", size: "l" }) }), _jsx("div", { className: styles.divider, "aria-hidden": "true" })] })), _jsx("button", { ref: userMenuTriggerRef, "data-testid": "user-menu-trigger", type: "button", className: styles.userAvatar, onClick: handleUserMenuClick, "aria-haspopup": "menu", "aria-expanded": userMenuOpen, "aria-label": "Account menu", children: currentUser?.avatar ? (_jsx("div", { className: "pds-avatar pds-avatar--md pds-avatar--image", children: _jsx("span", { className: "pds-avatar__content", children: _jsx("img", { alt: "", className: "pds-avatar__image", src: currentUser.avatar, referrerPolicy: "no-referrer", crossOrigin: "anonymous" }) }) })) : (_jsx(Avatar, { uniqueId: currentUser?.id, hasUserFallback: true, size: "m" })) }), userMenuOpen &&
+                } }), _jsx("div", { className: styles.spacer }), collaborators.length > 0 && (_jsxs(_Fragment, { children: [_jsx("div", { className: styles.collaborators, "data-testid": "header-collaborators", children: _jsx(PresenceStack, { actors: collaborators, maxVisible: 3, showActiveDot: true }) }), _jsx("div", { className: styles.divider, "data-testid": "header-collaborators-divider", "aria-hidden": "true" })] })), showAIPanelToggle && (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", "data-testid": "ai-panel-toggle", className: aiPanelOpen ? `${styles.aiToggle} ${styles.aiToggleActive}` : styles.aiToggle, onClick: () => aiPanelStore.toggle(), "aria-pressed": aiPanelOpen, "aria-label": "Pantheon AI", children: _jsx(Icon, { iconName: "sparkles", size: "l" }) }), _jsx("div", { className: styles.divider, "aria-hidden": "true" })] })), _jsx("button", { ref: userMenuTriggerRef, "data-testid": "user-menu-trigger", type: "button", className: styles.userAvatar, onClick: handleUserMenuClick, "aria-haspopup": "menu", "aria-expanded": userMenuOpen, "aria-label": "Account menu", children: currentUser?.avatar ? (_jsx("div", { className: "pds-avatar pds-avatar--md pds-avatar--image", children: _jsx("span", { className: "pds-avatar__content", children: _jsx("img", { alt: "", className: "pds-avatar__image", src: currentUser.avatar, referrerPolicy: "no-referrer" }) }) })) : (_jsx(Avatar, { uniqueId: currentUser?.id, hasUserFallback: true, size: "m" })) }), userMenuOpen &&
                 createPortal(_jsxs("div", { ref: userMenuRef, "data-testid": "user-menu", className: styles.dropdownMenu, role: "menu", style: userMenuStyle, children: [currentUser?.name && (_jsx("div", { className: styles.dropdownUserInfo, role: "presentation", children: currentUser.name })), _jsxs("button", { type: "button", role: "menuitem", "data-testid": "user-menu-logout", className: styles.dropdownMenuItem, onClick: () => {
                                 setUserMenuOpen(false);
                                 onLogout();