@photoroom/ui 0.1.385 → 0.1.387
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/colors.css +4 -0
- package/components/content/ModeSelectionTile/ModeSelectionTile.d.ts.map +1 -1
- package/components/input/PresetGroup/PresetGroupItem.d.ts.map +1 -1
- package/components/input/ReactionBar/ReactionBar.d.ts.map +1 -1
- package/index.css +1 -1
- package/index.mjs +3 -3
- package/package.json +1 -1
- package/theme.css +2 -0
package/index.mjs
CHANGED
|
@@ -47107,7 +47107,7 @@ var gge = ({ title: e, overline: r, isSkeleton: i, visual: a, className: o, chil
|
|
|
47107
47107
|
}),
|
|
47108
47108
|
children: [/* @__PURE__ */ n("div", {
|
|
47109
47109
|
"aria-hidden": !0,
|
|
47110
|
-
className: U("aspect-square", "relative flex items-center justify-center overflow-hidden", "w-full", "rounded-500 border-misc-border
|
|
47110
|
+
className: U("aspect-square", "relative flex items-center justify-center overflow-hidden", "w-full", "rounded-500 border-misc-border bg-surface-high border", "group-radix-state-unchecked/PresetGroupItem:hover:border-misc-border-hover", "group-radix-state-unchecked/PresetGroupItem:group-focus-visible/PresetGroupItem:border-misc-border-hover", "group-radix-state-unchecked/PresetGroupItem:active:border-misc-border-down", "group-radix-state-checked/PresetGroupItem:border-content-accent group-radix-state-checked/PresetGroupItem:misc-border-size-selection", "group-focus-visible/PresetGroupItem:ring-misc-focus-indicator group-focus-visible/PresetGroupItem:misc-border-size-focus-ring"),
|
|
47111
47111
|
children: [o ? /* @__PURE__ */ t("img", {
|
|
47112
47112
|
src: o,
|
|
47113
47113
|
alt: "",
|
|
@@ -47211,14 +47211,14 @@ var xge = ({ reaction: e, selected: n = !1, onClick: r }) => /* @__PURE__ */ t("
|
|
|
47211
47211
|
onClick: () => r(e),
|
|
47212
47212
|
tabIndex: 0,
|
|
47213
47213
|
type: "button",
|
|
47214
|
-
className: U(
|
|
47214
|
+
className: U("misc-dropdown-inner-rounding flex h-10 w-10 cursor-pointer flex-col items-center justify-center transition duration-200", "focus-visible:ring-misc-focus-indicator focus-visible:border-0 focus-visible:ring-4 focus-visible:outline-hidden", n ? "bg-background-borderless-subdued-hover" : "hover:bg-background-borderless-subdued-hover focus-visible:bg-background-borderless-subdued-hover active:bg-background-borderless-subdued-down"),
|
|
47215
47215
|
children: /* @__PURE__ */ t("span", {
|
|
47216
47216
|
role: "img",
|
|
47217
47217
|
className: "text-800 leading-6",
|
|
47218
47218
|
children: e
|
|
47219
47219
|
})
|
|
47220
47220
|
}), Sge = ({ onSelectReaction: e, reactions: n, className: r, ...i }) => /* @__PURE__ */ t("div", {
|
|
47221
|
-
className: W("bg-surface-higher shadow-700
|
|
47221
|
+
className: W("bg-surface-higher shadow-700 misc-outer-border misc-dropdown-rounding misc-dropdown-padding flex w-fit", r),
|
|
47222
47222
|
...i,
|
|
47223
47223
|
children: n.map((n) => /* @__PURE__ */ t(xge, {
|
|
47224
47224
|
reaction: n,
|
package/package.json
CHANGED
package/theme.css
CHANGED
|
@@ -199,6 +199,8 @@
|
|
|
199
199
|
--color-misc-divider: var(--color-misc-divider);
|
|
200
200
|
--color-misc-divider-ios: var(--color-misc-divider-ios);
|
|
201
201
|
--color-misc-border: var(--color-misc-border);
|
|
202
|
+
--color-misc-border-hover: var(--color-misc-border-hover);
|
|
203
|
+
--color-misc-border-down: var(--color-misc-border-down);
|
|
202
204
|
--color-misc-border-emphasized: var(--color-misc-border-emphasized);
|
|
203
205
|
--color-misc-border-box: var(--color-misc-border-box);
|
|
204
206
|
--color-misc-border-box-hover: var(--color-misc-border-box-hover);
|