@pantheon-systems/pds-toolkit-react 2.0.0-alpha.32 → 2.0.0-alpha.33

package/dist/index.js

@@ -3715,12 +3715,20 @@ const b4 = 768, $4 = 1280, y4 = 1440, w4 = "7rem", L4 = "10rem", N4 = "8rem", d1
       width: "32",
       xmlns: "http://www.w3.org/2000/svg"
     },
-    /* @__PURE__ */ e.createElement("rect", { fill: "var(--pds-color-fg-default)", height: "32", rx: "16", width: "32" }),
+    /* @__PURE__ */ e.createElement(
+      "rect",
+      {
+        fill: "var(--pds-color-foreground-default)",
+        height: "32",
+        rx: "16",
+        width: "32"
+      }
+    ),
     /* @__PURE__ */ e.createElement(
       "path",
       {
         d: "M17 10.5V15H21.5C22.0312 15 22.5 15.4688 22.5 16C22.5 16.5625 22.0312 17 21.5 17H17V21.5C17 22.0625 16.5312 22.5 16 22.5C15.4375 22.5 15 22.0625 15 21.5V17H10.5C9.9375 17 9.5 16.5625 9.5 16C9.5 15.4688 9.9375 15 10.5 15H15V10.5C15 9.96875 15.4375 9.5 16 9.5C16.5312 9.5 17 9.96875 17 10.5Z",
-        fill: "var(--pds-color-fg-reverse)"
+        fill: "var(--pds-color-foreground-reverse)"
       }
     )
   )
@@ -4376,11 +4384,11 @@ const b4 = 768, $4 = 1280, y4 = 1440, w4 = "7rem", L4 = "10rem", N4 = "8rem", d1
     }), () => c.disconnect();
   }, [a, l]), t;
 }, K2 = {
-  fill: "var(--pds-color-fg-default-secondary)",
+  fill: "var(--pds-color-foreground-default-secondary)",
   fontFamily: "var(--pds-typography-ff-default)",
   fontSize: "var(--pds-typography-size-xs)"
 }, G2 = {
-  fill: "var(--pds-color-fg-default-secondary)",
+  fill: "var(--pds-color-foreground-default-secondary)",
   fontFamily: "var(--pds-typography-ff-default)",
   fontSize: "var(--pds-typography-size-xs)",
   fontWeight: "var(--pds-typography-fw-semibold)"
@@ -5107,7 +5115,7 @@ const b4 = 768, $4 = 1280, y4 = 1440, w4 = "7rem", L4 = "10rem", N4 = "8rem", d1
         }
       )),
       !r && g?.map((Z, le) => {
-        const ce = Z.color ?? "var(--pds-color-fg-default-secondary)";
+        const ce = Z.color ?? "var(--pds-color-foreground-default-secondary)";
         return /* @__PURE__ */ e.createElement(
           Ht,
           {
@@ -5117,7 +5125,7 @@ const b4 = 768, $4 = 1280, y4 = 1440, w4 = "7rem", L4 = "10rem", N4 = "8rem", d1
               return /* @__PURE__ */ e.createElement(
                 "text",
                 {
-                  fill: "var(--pds-color-fg-default-secondary)",
+                  fill: "var(--pds-color-foreground-default-secondary)",
                   fontFamily: "var(--pds-typography-ff-default)",
                   fontSize: "var(--pds-typography-size-xs)",
                   fontWeight: "var(--pds-typography-fw-semibold)",
@@ -5137,7 +5145,7 @@ const b4 = 768, $4 = 1280, y4 = 1440, w4 = "7rem", L4 = "10rem", N4 = "8rem", d1
         );
       }),
       !r && a?.map((Z, le) => {
-        const ce = Z.color ?? "var(--pds-color-fg-default-secondary)";
+        const ce = Z.color ?? "var(--pds-color-foreground-default-secondary)";
         return /* @__PURE__ */ e.createElement(
           Ht,
           {
@@ -5147,7 +5155,7 @@ const b4 = 768, $4 = 1280, y4 = 1440, w4 = "7rem", L4 = "10rem", N4 = "8rem", d1
               return /* @__PURE__ */ e.createElement(
                 "text",
                 {
-                  fill: "var(--pds-color-fg-default-secondary)",
+                  fill: "var(--pds-color-foreground-default-secondary)",
                   fontFamily: "var(--pds-typography-ff-default)",
                   fontSize: "var(--pds-typography-size-xs)",
                   fontWeight: "var(--pds-typography-fw-semibold)",
@@ -8650,112 +8658,112 @@ const pa = ({
     "path",
     {
       d: "M18.6 29.2H11.5L13 32.8H18.6C18.7 32.8 19.1 32.6 19.1 31C19 29.4 18.7 29.2 18.6 29.2Z",
-      fill: "var(--pds-color-fg-default)"
+      fill: "var(--pds-color-foreground-default)"
     }
   ),
   /* @__PURE__ */ e.createElement(
     "path",
     {
       d: "M19.3 24.9H9.79999L11.3 28.5H19.3C19.4 28.5 19.8 28.3 19.8 26.7C19.7 25.1 19.4 24.9 19.3 24.9Z",
-      fill: "var(--pds-color-fg-default)"
+      fill: "var(--pds-color-foreground-default)"
     }
   ),
   /* @__PURE__ */ e.createElement(
     "path",
     {
       d: "M18.6 19.9C18.7 19.9 19.1 19.7 19.1 18.1C19.1 16.5 18.8 16.3 18.6 16.3H10.8L12.3 19.9H18.6Z",
-      fill: "var(--pds-color-fg-default)"
+      fill: "var(--pds-color-foreground-default)"
     }
   ),
   /* @__PURE__ */ e.createElement(
     "path",
     {
       d: "M14 24.2H19.2C19.3 24.2 19.7 24 19.7 22.4C19.7 20.8 19.4 20.6 19.2 20.6H12.5L14 24.2Z",
-      fill: "var(--pds-color-fg-default)"
+      fill: "var(--pds-color-foreground-default)"
     }
   ),
   /* @__PURE__ */ e.createElement(
     "path",
     {
       d: "M18.6 29.2H11.5L13 32.8H18.6C18.7 32.8 19.1 32.6 19.1 31C19 29.4 18.7 29.2 18.6 29.2Z",
-      fill: "var(--pds-color-fg-default)"
+      fill: "var(--pds-color-foreground-default)"
     }
   ),
   /* @__PURE__ */ e.createElement(
     "path",
     {
       d: "M19.3 24.9H9.79999L11.3 28.5H19.3C19.4 28.5 19.8 28.3 19.8 26.7C19.7 25.1 19.4 24.9 19.3 24.9Z",
-      fill: "var(--pds-color-fg-default)"
+      fill: "var(--pds-color-foreground-default)"
     }
   ),
   /* @__PURE__ */ e.createElement(
     "path",
     {
       d: "M5.4 24.2L3.7 19.9H7.6L9.4 24.2H13.1L9.8 16.3H1.7C1.1 16.3 0.7 16.3 0.4 17.2C0.0999996 18.3 0 20.4 0 24.5C0 28.6 -3.8743e-07 30.7 0.4 31.8C0.7 32.7 1 32.7 1.7 32.7H8.8L5.4 24.2Z",
-      fill: "var(--pds-color-fg-default)"
+      fill: "var(--pds-color-foreground-default)"
     }
   ),
   /* @__PURE__ */ e.createElement(
     "path",
     {
       d: "M49 16.35H44.6L38.2 32.65H42.7L43.8 29.85H49.6L50.7 32.65H55.2L49 16.35ZM45 26.65L46.7 21.45L48.4 26.65H45Z",
-      fill: "var(--pds-color-fg-default)"
+      fill: "var(--pds-color-foreground-default)"
     }
   ),
   /* @__PURE__ */ e.createElement(
     "path",
     {
       d: "M32.3 16.35H25.8V32.75H30.2V27.15H32.4C36.1 27.15 38.2 25.55 38.2 21.75C38.2 17.95 35.8 16.35 32.3 16.35ZM30.8 23.95H30.3V19.95H30.8C32.4 19.95 33.8 19.95 33.8 21.95C33.8 23.95 32.3 23.95 30.8 23.95Z",
-      fill: "var(--pds-color-fg-default)"
+      fill: "var(--pds-color-foreground-default)"
     }
   ),
   /* @__PURE__ */ e.createElement(
     "path",
     {
       d: "M114.9 26.25L119.2 26.35V22.75H114.9V19.95H120.8V16.35H110.5V32.65H120.8V28.65H114.9V26.25Z",
-      fill: "var(--pds-color-fg-default)"
+      fill: "var(--pds-color-foreground-default)"
     }
   ),
   /* @__PURE__ */ e.createElement(
     "path",
     {
       d: "M76.6 20.75H80.5L80.6 32.65H84.9V20.75H88.9V16.35H76.6V20.75Z",
-      fill: "var(--pds-color-fg-default)"
+      fill: "var(--pds-color-foreground-default)"
     }
   ),
   /* @__PURE__ */ e.createElement(
     "path",
     {
       d: "M102.5 22.75H96.5V16.35H92.1V32.65H96.5V26.25H102.5V32.65H106.9V16.35H102.5V22.75Z",
-      fill: "var(--pds-color-fg-default)"
+      fill: "var(--pds-color-foreground-default)"
     }
   ),
   /* @__PURE__ */ e.createElement(
     "path",
     {
       d: "M131.4 20.75C133.5 20.75 135.2 22.45 135.2 24.55C135.2 26.65 133.5 28.35 131.4 28.35C129.3 28.35 127.6 26.65 127.6 24.55C127.6 22.45 129.3 20.75 131.4 20.75ZM131.4 16.35C126.9 16.35 123.2 20.05 123.2 24.55C123.2 29.05 126.9 32.75 131.4 32.75C135.9 32.75 139.6 29.05 139.6 24.55C139.6 20.05 135.9 16.35 131.4 16.35Z",
-      fill: "var(--pds-color-fg-default)"
+      fill: "var(--pds-color-foreground-default)"
     }
   ),
   /* @__PURE__ */ e.createElement(
     "path",
     {
       d: "M153.9 25.45L146.9 16.35H142.8V32.65H147.2V23.55L153.9 32.65H158.3V16.35H154L153.9 25.45Z",
-      fill: "var(--pds-color-fg-default)"
+      fill: "var(--pds-color-foreground-default)"
     }
   ),
   /* @__PURE__ */ e.createElement(
     "path",
     {
       d: "M69 25.45L61.9 16.35H57.8V32.65H62.2V23.55L68.9 32.65H73.4V16.35H69V25.45Z",
-      fill: "var(--pds-color-fg-default)"
+      fill: "var(--pds-color-foreground-default)"
     }
   ),
   /* @__PURE__ */ e.createElement(
     "path",
     {
       d: "M161.5 16.65H161V16.35H162.5V16.65H162V18.25H161.6V16.65H161.5ZM163.6 18.25L163.1 16.75V18.25H162.7V16.35H163.3L163.8 17.85L164.3 16.35H164.9V18.25H164.5V16.75L164 18.25H163.6Z",
-      fill: "var(--pds-color-fg-default)"
+      fill: "var(--pds-color-foreground-default)"
     }
   )
 ), nt = /* @__PURE__ */ e.createElement(
@@ -8782,49 +8790,49 @@ const pa = ({
     "path",
     {
       d: "M18.6 29.2H11.5L13 32.8H18.6C18.7 32.8 19.1 32.6 19.1 31C19 29.4 18.7 29.2 18.6 29.2Z",
-      fill: "var(--pds-color-fg-default)"
+      fill: "var(--pds-color-foreground-default)"
     }
   ),
   /* @__PURE__ */ e.createElement(
     "path",
     {
       d: "M19.3 24.9H9.79999L11.3 28.5H19.3C19.4 28.5 19.8 28.3 19.8 26.7C19.7 25.1 19.4 24.9 19.3 24.9Z",
-      fill: "var(--pds-color-fg-default)"
+      fill: "var(--pds-color-foreground-default)"
     }
   ),
   /* @__PURE__ */ e.createElement(
     "path",
     {
       d: "M18.6 19.9C18.7 19.9 19.1 19.7 19.1 18.1C19.1 16.5 18.8 16.3 18.6 16.3H10.8L12.3 19.9H18.6Z",
-      fill: "var(--pds-color-fg-default)"
+      fill: "var(--pds-color-foreground-default)"
     }
   ),
   /* @__PURE__ */ e.createElement(
     "path",
     {
       d: "M14 24.2H19.2C19.3 24.2 19.7 24 19.7 22.4C19.7 20.8 19.4 20.6 19.2 20.6H12.5L14 24.2Z",
-      fill: "var(--pds-color-fg-default)"
+      fill: "var(--pds-color-foreground-default)"
     }
   ),
   /* @__PURE__ */ e.createElement(
     "path",
     {
       d: "M18.6 29.2H11.5L13 32.8H18.6C18.7 32.8 19.1 32.6 19.1 31C19 29.4 18.7 29.2 18.6 29.2Z",
-      fill: "var(--pds-color-fg-default)"
+      fill: "var(--pds-color-foreground-default)"
     }
   ),
   /* @__PURE__ */ e.createElement(
     "path",
     {
       d: "M19.3 24.9H9.79999L11.3 28.5H19.3C19.4 28.5 19.8 28.3 19.8 26.7C19.7 25.1 19.4 24.9 19.3 24.9Z",
-      fill: "var(--pds-color-fg-default)"
+      fill: "var(--pds-color-foreground-default)"
     }
   ),
   /* @__PURE__ */ e.createElement(
     "path",
     {
       d: "M5.4 24.2L3.7 19.9H7.6L9.4 24.2H13.1L9.8 16.3H1.7C1.1 16.3 0.7 16.3 0.4 17.2C0.0999996 18.3 0 20.4 0 24.5C0 28.6 -3.8743e-07 30.7 0.4 31.8C0.7 32.7 1 32.7 1.7 32.7H8.8L5.4 24.2Z",
-      fill: "var(--pds-color-fg-default)"
+      fill: "var(--pds-color-foreground-default)"
     }
   )
 ), $a = /* @__PURE__ */ e.createElement(
@@ -8843,63 +8851,63 @@ const pa = ({
     "path",
     {
       d: "M23.2 0H18.8L12.4 16.3H16.9L18 13.5H23.8L24.9 16.3H29.4L23.2 0ZM19.2 10.3L20.9 5.1L22.6 10.3H19.2Z",
-      fill: "var(--pds-color-fg-default)"
+      fill: "var(--pds-color-foreground-default)"
     }
   ),
   /* @__PURE__ */ e.createElement(
     "path",
     {
       d: "M6.5 0H0V16.4H4.4V10.8H6.6C10.3 10.8 12.4 9.2 12.4 5.4C12.4 1.6 10 0 6.5 0ZM5 7.6H4.5V3.6H5C6.6 3.6 8 3.6 8 5.6C8 7.6 6.5 7.6 5 7.6Z",
-      fill: "var(--pds-color-fg-default)"
+      fill: "var(--pds-color-foreground-default)"
     }
   ),
   /* @__PURE__ */ e.createElement(
     "path",
     {
       d: "M89.1 9.9L93.4 10V6.4H89.1V3.6H95V0H84.7V16.3H95V12.3H89.1V9.9Z",
-      fill: "var(--pds-color-fg-default)"
+      fill: "var(--pds-color-foreground-default)"
     }
   ),
   /* @__PURE__ */ e.createElement(
     "path",
     {
       d: "M50.8 4.4H54.7L54.8 16.3H59.1V4.4H63.1V0H50.8V4.4Z",
-      fill: "var(--pds-color-fg-default)"
+      fill: "var(--pds-color-foreground-default)"
     }
   ),
   /* @__PURE__ */ e.createElement(
     "path",
     {
       d: "M76.7 6.4H70.7V0H66.3V16.3H70.7V9.9H76.7V16.3H81.1V0H76.7V6.4Z",
-      fill: "var(--pds-color-fg-default)"
+      fill: "var(--pds-color-foreground-default)"
     }
   ),
   /* @__PURE__ */ e.createElement(
     "path",
     {
       d: "M105.6 4.4C107.7 4.4 109.4 6.1 109.4 8.2C109.4 10.3 107.7 12 105.6 12C103.5 12 101.8 10.3 101.8 8.2C101.8 6.1 103.5 4.4 105.6 4.4ZM105.6 0C101.1 0 97.4 3.7 97.4 8.2C97.4 12.7 101.1 16.4 105.6 16.4C110.1 16.4 113.8 12.7 113.8 8.2C113.8 3.7 110.1 0 105.6 0Z",
-      fill: "var(--pds-color-fg-default)"
+      fill: "var(--pds-color-foreground-default)"
     }
   ),
   /* @__PURE__ */ e.createElement(
     "path",
     {
       d: "M128.1 9.1L121.1 0H117V16.3H121.4V7.2L128.1 16.3H132.5V0H128.2L128.1 9.1Z",
-      fill: "var(--pds-color-fg-default)"
+      fill: "var(--pds-color-foreground-default)"
     }
   ),
   /* @__PURE__ */ e.createElement(
     "path",
     {
       d: "M43.2 9.1L36.1 0H32V16.3H36.4V7.2L43.1 16.3H47.6V0H43.2V9.1Z",
-      fill: "var(--pds-color-fg-default)"
+      fill: "var(--pds-color-foreground-default)"
     }
   ),
   /* @__PURE__ */ e.createElement(
     "path",
     {
       d: "M135.7 0.299999H135.2V0H136.7V0.299999H136.2V1.9H135.8V0.299999H135.7ZM137.8 1.9L137.3 0.4V1.9H136.9V0H137.5L138 1.5L138.5 0H139.1V1.9H138.7V0.4L138.2 1.9H137.8Z",
-      fill: "var(--pds-color-fg-default)"
+      fill: "var(--pds-color-foreground-default)"
     }
   )
 ), ya = ({
@@ -11697,7 +11705,7 @@ const gl = () => {
           ref: S,
           className: `${b}__arrow`,
           context: y,
-          fill: "var(--pds-color-bg-default)",
+          fill: "var(--pds-color-surface-default)",
           height: n2,
           stroke: "var(--pds-color-popover-border)",
           strokeWidth: 1,
@@ -11717,10 +11725,10 @@ const gl = () => {
   )));
 }, Ut = {
   neutral: "--pds-color-status-neutral-indicator",
-  info: "--pds-color-status-info-foreground",
-  success: "--pds-color-status-success-foreground",
-  warning: "--pds-color-status-warning-foreground",
-  critical: "--pds-color-status-critical-foreground"
+  info: "--pds-color-status-info-fill",
+  success: "--pds-color-status-success-fill",
+  warning: "--pds-color-status-warning-fill",
+  critical: "--pds-color-status-critical-fill"
 }, Nl = ({
   className: a,
   colorBreakpoints: l = [
@@ -12865,7 +12873,7 @@ const xl = ({
       const k = /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("span", { className: "visually-hidden" }, t.step, " "), b, " of ", p), P = b / p * 100, H = S ? {
         "--pds-color-status-info-foreground": "var(--pds-color-status-critical-foreground)"
       } : {
-        "--pds-color-status-info-foreground": "var(--pds-color-fg-default)"
+        "--pds-color-status-info-foreground": "var(--pds-color-foreground-default)"
       }, M = /* @__PURE__ */ e.createElement("div", { className: "visually-hidden" }, t.step, " ", b, ", ", t.hasError);
       return /* @__PURE__ */ e.createElement(
         "div",