@photoroom/ui 0.1.447 → 0.1.449

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/index.mjs CHANGED
@@ -45681,7 +45681,7 @@ var O4 = ({ value: e, buttonLabel: r, disabled: i = !1, loading: a = !1, autoFoc
45681
45681
  g.current?.focus();
45682
45682
  }, 0);
45683
45683
  }), /* @__PURE__ */ n("div", {
45684
- className: U("rounded-area-500 bg-surface-high box-border flex w-[440px] items-center gap-2 py-2 ps-3 pe-2", "border-misc-border-box border transition duration-200", "hover:border-neutral-400", "focus-within:border-content-accent focus-within:ring-misc-focus-indicator-subdued focus-within:misc-border-size-focus-ring", i && "cursor-not-allowed opacity-30"),
45684
+ className: U("rounded-area-500 bg-surface-high box-border flex w-[440px] items-center gap-2 py-2 ps-3 pe-2", "border-misc-border border transition duration-200", "hover:border-misc-border-hover", "focus-within:border-content-accent focus-within:ring-misc-focus-indicator-subdued focus-within:misc-border-size-focus-ring", i && "cursor-not-allowed opacity-30"),
45685
45685
  onClick: () => {
45686
45686
  i || g.current?.focus();
45687
45687
  },
@@ -46925,7 +46925,7 @@ h3.displayName = "DropdownMenuMultipleSelectionItem";
46925
46925
  var vge = G([
46926
46926
  "group",
46927
46927
  "rounded-500 focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring p-px transition-all duration-150 ease-out focus-visible:outline-hidden",
46928
- "radix-state-unchecked:bg-misc-border-box",
46928
+ "radix-state-unchecked:bg-misc-border",
46929
46929
  "hover:radix-state-unchecked:bg-misc-border-hover",
46930
46930
  "focus-visible:radix-state-unchecked:bg-misc-border-hover",
46931
46931
  "active:radix-state-unchecked:bg-misc-border-down"
@@ -53363,7 +53363,7 @@ var n9 = {
53363
53363
  }), r9 = ({ size: e = "default", className: n, children: r, ...i }) => /* @__PURE__ */ t("button", {
53364
53364
  ...i,
53365
53365
  type: "button",
53366
- className: W("bg-surface-high flex w-10 items-center justify-center outline-hidden", e === "compact" ? "size-h-400" : "size-h-500", "border-misc-border-box border", "first:rounded-s-500 first:border-e-0", "last:rounded-e-500 last:border-s-0", "hover:bg-background-borderless-subdued-hover", "active:bg-background-borderless-subdued-down", "group-hover:border-misc-border-box-hover", "group-focus-visible:border-misc-border-box-hover", "disabled:pointer-events-none", "group", n),
53366
+ className: W("bg-surface-high flex w-10 items-center justify-center outline-hidden", e === "compact" ? "size-h-400" : "size-h-500", "border-misc-border border", "first:rounded-s-500 first:border-e-0", "last:rounded-e-500 last:border-s-0", "hover:bg-background-borderless-subdued-hover", "active:bg-background-borderless-subdued-down", "group-hover:border-misc-border-hover", "group-focus-visible:border-misc-border-hover", "disabled:pointer-events-none", "group", n),
53367
53367
  tabIndex: -1,
53368
53368
  children: /* @__PURE__ */ t("span", {
53369
53369
  className: "group-disabled:opacity-30",
@@ -53525,7 +53525,7 @@ var n9 = {
53525
53525
  ref: h,
53526
53526
  disabled: c,
53527
53527
  type: "number",
53528
- className: U(p ? "size-h-400" : "size-h-500", "component-500 border-misc-border-box bg-surface-high text-content-primary w-10 border-0 border-y p-0 text-center focus:ring-0", "focus-visible:border-content-accent focus-visible:border focus-visible:outline-hidden", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring focus-visible:rounded-150", "focus-visible:relative focus-visible:z-10", "group-hover:not-focus-visible:border-misc-border-box-hover", "group-focus-visible:not-focus-visible:border-misc-border-box-hover", "group-disabled:opacity-30"),
53528
+ className: U(p ? "size-h-400" : "size-h-500", "component-500 border-misc-border bg-surface-high text-content-primary w-10 border-0 border-y p-0 text-center focus:ring-0", "focus-visible:border-content-accent focus-visible:border focus-visible:outline-hidden", "focus-visible:ring-misc-focus-indicator focus-visible:misc-border-size-focus-ring focus-visible:rounded-150", "focus-visible:relative focus-visible:z-10", "group-hover:not-focus-visible:border-misc-border-hover", "group-focus-visible:not-focus-visible:border-misc-border-hover", "group-disabled:opacity-30"),
53529
53529
  value: _,
53530
53530
  onFocus: M,
53531
53531
  onChange: j,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@photoroom/ui",
3
- "version": "0.1.447",
3
+ "version": "0.1.449",
4
4
  "private": false,
5
5
  "description": "Photoroom design system components",
6
6
  "sideEffects": [
package/theme.css CHANGED
@@ -202,9 +202,6 @@
202
202
  --color-misc-border-hover: var(--color-misc-border-hover);
203
203
  --color-misc-border-down: var(--color-misc-border-down);
204
204
  --color-misc-border-emphasized: var(--color-misc-border-emphasized);
205
- --color-misc-border-box: var(--color-misc-border-box);
206
- --color-misc-border-box-hover: var(--color-misc-border-box-hover);
207
- --color-misc-border-box-down: var(--color-misc-border-box-down);
208
205
  --color-misc-border-sidebar: var(--color-misc-border-sidebar);
209
206
  --color-misc-border-default: var(--color-misc-border-default);
210
207
  --color-misc-stack-layer-1: var(--color-misc-stack-layer-1);