@pstdio/ui 0.12.1 → 0.13.0

package/dist/{theme-BnpFnY9v.js → theme-D2LYEa0j.js}

@@ -16,29 +16,25 @@ const S = {
   "menu.background": ["colors.bg.panel", "colors.bg.menu-item.default"],
   "menu.foreground": ["colors.fg.menu-item.default"],
   "menu.selectionBackground": ["colors.bg.menu-item.hover", "colors.bg.menu-item.focus", "colors.bg.menu-item.selected"],
+  "list.hoverBackground": ["colors.bg.menu-item.hover", "colors.bg.menu-item.focus"],
+  "list.focusBackground": ["colors.bg.menu-item.focus"],
+  "list.inactiveSelectionBackground": ["colors.bg.menu-item.selected"],
+  "list.activeSelectionBackground": ["colors.bg.menu-item.selected"],
+  "badge.background": ["colors.bg.muted"],
+  "badge.foreground": ["colors.fg.muted"],
   "button.background": ["colors.bg.button.primary.default", "colors.bg.accent-primary.default"],
   "button.hoverBackground": ["colors.bg.button.primary.hover", "colors.bg.accent-primary.hover"],
   "button.foreground": ["colors.fg.button.primary.default"],
+  "diffEditor.insertedTextBackground": ["colors.bg.success"],
+  "diffEditor.removedTextBackground": ["colors.bg.error"],
   focusBorder: ["colors.border.accent"],
   foreground: ["colors.fg"],
+  "gitDecoration.addedResourceForeground": ["colors.fg.success"],
+  "gitDecoration.deletedResourceForeground": ["colors.fg.error"],
   descriptionForeground: ["colors.fg.muted"],
   disabledForeground: ["colors.fg.subtle"],
   border: ["colors.border", "colors.border.muted", "colors.border.subtle"]
-}, C = (l) => `colors.vscode.${l}`, E = (l) => l.replace(/^#/, ""), De = (l) => {
-  const t = {}, o = l.theme.colors ?? {};
-  for (const [s, i] of Object.entries(o))
-    t[C(s)] = i;
-  for (const [s, i] of Object.entries(S)) {
-    const n = o[s];
-    if (n)
-      for (const d of i) t[d] = n;
-  }
-  return {
-    id: l.id,
-    mode: l.mode,
-    tokens: t
-  };
-}, Be = (l) => {
+}, C = (l) => `colors.vscode.${l}`, E = (l) => l.replace(/^#/, ""), w = (l) => {
   const t = (l.theme.tokenColors ?? []).flatMap((o) => (Array.isArray(o.scope) ? o.scope : o.scope ? [o.scope] : []).map((i) => ({
     token: i,
     ...o.settings?.foreground ? {
@@ -54,7 +50,25 @@ const S = {
     rules: t,
     colors: l.theme.colors ?? {}
   };
-}, w = {
+}, Be = (l) => {
+  const t = {}, o = l.theme.colors ?? {};
+  for (const [s, i] of Object.entries(o))
+    t[C(s)] = i;
+  for (const [s, i] of Object.entries(S)) {
+    const n = o[s];
+    if (n)
+      for (const d of i) t[d] = n;
+  }
+  return {
+    id: l.id,
+    mode: l.mode,
+    tokens: t,
+    monacoTheme: w({
+      mode: l.mode,
+      theme: l.theme
+    })
+  };
+}, A = {
   "*::selection": {
     bg: {
       base: "bg.accent-secondary.blue-medium",
@@ -112,7 +126,7 @@ const S = {
       fontSize: "1.5rem"
     }
   }
-}, A = {
+}, D = {
   DEFAULT: {
     value: "#0A0D15"
   },
@@ -161,7 +175,7 @@ const S = {
   1e3: {
     value: "#000000"
   }
-}, D = {
+}, B = {
   DEFAULT: {
     value: "#5098FF"
   },
@@ -195,7 +209,7 @@ const S = {
   900: {
     value: "#002862"
   }
-}, B = {
+}, z = {
   DEFAULT: {
     value: "#3A4BE4"
   },
@@ -232,7 +246,7 @@ const S = {
   900: {
     value: "#0A125A"
   }
-}, z = {
+}, R = {
   DEFAULT: {
     value: "#E054EC"
   },
@@ -303,7 +317,7 @@ const S = {
   900: {
     value: "#522923"
   }
-}, R = {
+}, H = {
   DEFAULT: {
     value: "#FF3232"
   },
@@ -337,7 +351,7 @@ const S = {
   900: {
     value: "#580707"
   }
-}, H = {
+}, L = {
   DEFAULT: {
     value: "#F78C25"
   },
@@ -371,7 +385,7 @@ const S = {
   900: {
     value: "#552107"
   }
-}, L = {
+}, T = {
   DEFAULT: {
     value: "#FFD643"
   },
@@ -411,7 +425,7 @@ const S = {
   900: {
     value: "#644E00"
   }
-}, T = {
+}, M = {
   DEFAULT: {
     value: "#2DD665"
   },
@@ -445,7 +459,7 @@ const S = {
   900: {
     value: "#003110"
   }
-}, M = {
+}, U = {
   DEFAULT: {
     value: "#3EECC4"
   },
@@ -479,7 +493,7 @@ const S = {
   900: {
     value: "#024F3D"
   }
-}, U = {
+}, V = {
   DEFAULT: {
     value: "#5CDCFF"
   },
@@ -513,7 +527,7 @@ const S = {
   900: {
     value: "#005B73"
   }
-}, V = {
+}, P = {
   DEFAULT: {
     value: "#8B47FF"
   },
@@ -547,7 +561,7 @@ const S = {
   900: {
     value: "#1E0050"
   }
-}, P = {
+}, X = {
   DEFAULT: {
     value: "#F4F2EC"
   },
@@ -581,7 +595,7 @@ const S = {
   900: {
     value: "#E8CECE"
   }
-}, X = {
+}, I = {
   50: {
     value: "#FCFDFC"
   },
@@ -624,30 +638,30 @@ const S = {
   950: {
     value: "#10141B"
   }
-}, I = {
+}, O = {
   100: {
     value: "#D3ECEE"
   },
   200: {
     value: "#B3DEE2"
   }
-}, O = {
-  sand: P,
-  blacks: A,
-  blue: D,
-  sapphire: B,
-  pink: z,
-  peach: W,
-  red: R,
-  orange: H,
-  yellow: L,
-  green: T,
-  teal: M,
-  cyan: U,
-  purple: V,
-  neutral: X,
-  mint: I
 }, $ = {
+  sand: X,
+  blacks: D,
+  blue: B,
+  sapphire: z,
+  pink: R,
+  peach: W,
+  red: H,
+  orange: L,
+  yellow: T,
+  green: M,
+  teal: U,
+  cyan: V,
+  purple: P,
+  neutral: I,
+  mint: O
+}, j = {
   display: {
     value: "'Playfair Display', serif"
   },
@@ -663,7 +677,7 @@ const S = {
   body: {
     value: "Inter, sans-serif"
   }
-}, j = {
+}, Y = {
   xs: {
     value: "0.625rem"
   },
@@ -728,7 +742,7 @@ const S = {
     value: "1.25rem"
   }
   // 20px
-}, Y = {
+}, q = {
   regular: {
     value: 400
   },
@@ -768,7 +782,7 @@ const S = {
   900: "4.5rem",
   // 96px
   1600: "8rem"
-}, q = {
+}, G = {
   none: {
     value: "0"
   },
@@ -808,7 +822,7 @@ const S = {
   "5xl": {
     value: e[1600]
   }
-}, G = {
+}, J = {
   none: {
     value: "0"
   },
@@ -833,7 +847,7 @@ const S = {
   full: {
     value: "100%"
   }
-}, J = r({
+}, K = r({
   slots: h.keys(),
   base: {
     root: {
@@ -841,7 +855,7 @@ const S = {
       pb: "xs"
     }
   }
-}), K = a({
+}), N = a({
   base: {
     borderRadius: "sm",
     transition: "all 0.1s ease-in-out",
@@ -915,7 +929,7 @@ const S = {
         }
       },
       primary: {
-        color: "blacks.1000",
+        color: "fg.button.primary.default",
         bg: "bg.button.primary.default",
         border: "none",
         _hover: {
@@ -1035,18 +1049,18 @@ const S = {
     size: "md",
     variant: "outline"
   }
-}), N = r({
+}), Q = r({
   slots: p.keys(),
   base: {
     content: {
       bg: "bg"
     }
   }
-}), Q = a({
+}), Z = a({
   base: {
     borderColor: "border"
   }
-}), Z = r({
+}), ee = r({
   slots: _.keys(),
   base: {
     header: {
@@ -1058,7 +1072,7 @@ const S = {
       bg: "bg"
     }
   }
-}), ee = r({
+}), le = r({
   slots: ["preview", "input", "textarea"],
   base: {
     preview: {
@@ -1153,14 +1167,14 @@ const S = {
       }
     }
   }
-}), le = r({
+}), oe = r({
   slots: f.keys(),
   base: {
     legend: {
       mb: "2xs"
     }
   }
-}), oe = a({
+}), re = a({
   base: {
     px: "sm",
     borderRadius: "sm",
@@ -1192,7 +1206,7 @@ const S = {
       }
     }
   }
-}), re = a({
+}), ae = a({
   base: {
     display: "inline-flex",
     alignItems: "center",
@@ -1255,7 +1269,7 @@ const S = {
     size: "md",
     variant: "raised"
   }
-}), ae = r({
+}), te = r({
   slots: F.keys(),
   base: {
     itemGroupLabel: {
@@ -1305,7 +1319,7 @@ const S = {
       textStyle: "label/M/regular"
     }
   }
-}), te = r({
+}), ie = r({
   slots: k.keys(),
   base: {
     positioner: {
@@ -1359,12 +1373,12 @@ const S = {
       }
     }
   }
-}), ie = u.variants?.size ?? {}, se = {
+}), se = u.variants?.size ?? {}, ue = {
   ...u,
   variants: {
     ...u.variants,
     size: {
-      ...ie,
+      ...se,
       "2xs": {
         circle: {
           "--size": "14px",
@@ -1376,12 +1390,12 @@ const S = {
       }
     }
   }
-}, ue = a({
+}, ne = a({
   base: {
     "--start-color": "fg",
     "--end-color": "fg.muted"
   }
-}), ne = r({
+}), de = r({
   slots: x.keys(),
   base: {
     trigger: {
@@ -1441,7 +1455,7 @@ const S = {
       }
     }
   }
-}), de = a({
+}), ce = a({
   base: {
     paddingX: "sm",
     paddingY: "xs",
@@ -1467,7 +1481,7 @@ const S = {
       color: "fg.subtle"
     }
   }
-}), ce = r({
+}), ge = r({
   slots: y.keys(),
   base: {
     content: {
@@ -1478,7 +1492,7 @@ const S = {
       bg: "bg.inverted"
     }
   }
-}), ge = {
+}), be = {
   DEFAULT: {
     value: "1px solid {colors.border}"
   },
@@ -1497,7 +1511,7 @@ const S = {
   "accent-light": {
     value: "1px solid {colors.border.accent-light}"
   }
-}, be = {
+}, ve = {
   DEFAULT: {
     value: {
       _light: "{colors.blacks.800}",
@@ -1581,7 +1595,7 @@ const S = {
       value: "{colors.fg.muted}"
     }
   }
-}, ve = {
+}, me = {
   DEFAULT: {
     value: {
       _light: "{colors.blacks.50}",
@@ -1612,6 +1626,18 @@ const S = {
       _dark: "{colors.blacks.850}"
     }
   },
+  success: {
+    value: {
+      _light: "{colors.green.50}",
+      _dark: "{colors.green.900}"
+    }
+  },
+  error: {
+    value: {
+      _light: "{colors.red.50}",
+      _dark: "{colors.red.900}"
+    }
+  },
   code: {
     value: {
       _light: "{colors.blacks.50}",
@@ -1846,23 +1872,23 @@ const S = {
       }
     }
   }
-}, me = {
+}, he = {
   DEFAULT: {
     value: {
-      _light: "{colors.neutral.500}",
-      _dark: "{colors.neutral.600}"
+      _light: "{colors.neutral.400}",
+      _dark: "{colors.neutral.700}"
     }
   },
   muted: {
     value: {
-      _light: "{colors.neutral.400}",
-      _dark: "{colors.neutral.700}"
+      _light: "{colors.neutral.300}",
+      _dark: "{colors.neutral.750}"
     }
   },
   subtle: {
     value: {
-      _light: "{colors.neutral.300}",
-      _dark: "{colors.neutral.750}"
+      _light: "{colors.neutral.200}",
+      _dark: "{colors.neutral.800}"
     }
   },
   inverted: {
@@ -1888,14 +1914,14 @@ const S = {
       value: "{colors.border.muted}"
     }
   }
-}, he = {
+}, pe = {
   border: {
     value: {
       _light: "{colors.mint.200}",
       _dark: "{colors.mint.200}"
     }
   }
-}, pe = {
+}, _e = {
   contrast: {
     value: {
       _light: "black",
@@ -1944,7 +1970,7 @@ const S = {
       _dark: "{colors.orange.500}"
     }
   }
-}, _e = {
+}, fe = {
   text: {
     primary: {
       value: {
@@ -2105,7 +2131,7 @@ const S = {
       }
     }
   }
-}, fe = {
+}, Fe = {
   selectable: {
     primary: {
       value: {
@@ -2114,15 +2140,15 @@ const S = {
       }
     }
   }
-}, Fe = {
-  fg: be,
-  bg: ve,
-  border: me,
-  blue: he,
-  orange: pe,
-  vis: _e,
-  text: fe
-}, ke = c({
+}, ke = {
+  fg: ve,
+  bg: me,
+  border: he,
+  blue: pe,
+  orange: _e,
+  vis: fe,
+  text: Fe
+}, xe = c({
   modal: {
     value: {
       paddingInline: "xs",
@@ -2134,7 +2160,7 @@ const S = {
       boxShadow: "mid"
     }
   }
-}), xe = {
+}), ye = {
   "low-light": {
     value: "0px 2px 4px 0px rgba(0, 0, 0, 0.10)"
   },
@@ -2165,7 +2191,7 @@ const S = {
   "desktop-icon-label-text-selected-dark": {
     value: "0px 2px 4px rgba(37, 99, 235, 0.75)"
   }
-}, ye = {
+}, Se = {
   low: {
     value: {
       _light: "{shadows.low-light}",
@@ -2196,7 +2222,7 @@ const S = {
       _dark: "{shadows.desktop-icon-label-text-selected-dark}"
     }
   }
-}, Se = g({
+}, Ce = g({
   brand: {
     value: {
       fontFamily: "brand",
@@ -2429,54 +2455,54 @@ const S = {
       letterSpacing: "0.14px"
     }
   }
-}), Ce = b({
-  globalCss: w,
+}), Ee = b({
+  globalCss: A,
   theme: {
     breakpoints: {
       "3xl": "2560px",
       "4xl": "3840px"
     },
-    textStyles: Se,
-    layerStyles: ke,
+    textStyles: Ce,
+    layerStyles: xe,
     recipes: {
-      button: K,
-      divider: Q,
-      input: oe,
-      kbd: re,
-      skeleton: ue,
-      textarea: de
+      button: N,
+      divider: Z,
+      input: re,
+      kbd: ae,
+      skeleton: ne,
+      textarea: ce
     },
     tokens: {
-      colors: O,
-      fonts: $,
-      fontSizes: j,
-      fontWeights: Y,
-      radii: G,
-      shadows: xe,
-      spacing: q
+      colors: $,
+      fonts: j,
+      fontSizes: Y,
+      fontWeights: q,
+      radii: J,
+      shadows: ye,
+      spacing: G
     },
     semanticTokens: {
-      colors: Fe,
-      borders: ge,
-      shadows: ye
+      colors: ke,
+      borders: be,
+      shadows: Se
     },
     slotRecipes: {
-      alert: J,
-      drawer: Z,
-      tooltip: ce,
-      popover: te,
-      menu: ae,
-      editable: ee,
-      form: le,
-      dialog: N,
-      progressCircle: se,
-      tabs: ne
+      alert: K,
+      drawer: ee,
+      tooltip: ge,
+      popover: ie,
+      menu: te,
+      editable: le,
+      form: oe,
+      dialog: Q,
+      progressCircle: ue,
+      tabs: de
     }
   }
-}), ze = v(m, Ce);
+}), ze = v(m, Ee);
 export {
-  De as a,
-  Be as c,
+  Be as a,
+  w as c,
   ze as t
 };
-//# sourceMappingURL=theme-BnpFnY9v.js.map
+//# sourceMappingURL=theme-D2LYEa0j.js.map