@photoroom/ui 0.1.671 → 0.1.672

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.
Files changed (6) hide show
  1. package/colors.css +2 -0
  2. package/components/action/CloseButton/CloseButton.d.ts.map +1 -1
  3. package/index.css +1 -1
  4. package/index.mjs +9 -9
  5. package/package.json +1 -1
  6. package/theme.css +1 -0
package/index.mjs CHANGED
@@ -7424,9 +7424,9 @@ var pie = W(["inline-flex items-center justify-center rounded-full outline-hidde
7424
7424
  medium: "size-400"
7425
7425
  },
7426
7426
  variant: {
7427
- secondary: "bg-background-subdued hover:bg-background-subdued-hover focus-visible:bg-background-subdued-hover focus-visible:ring-misc-focus-indicator active:bg-background-subdued-down focus-visible:misc-border-size-focus-ring",
7427
+ secondary: "bg-background-inverted border-misc-border-default hover:bg-background-borderless-subdued-hover focus-visible:bg-background-borderless-subdued-hover focus-visible:ring-misc-focus-indicator active:bg-background-borderless-subdued-down focus-visible:misc-border-size-focus-ring border",
7428
7428
  "on-dark": "focus-visible:ring-misc-white-focus-indicator focus-visible:misc-border-size-focus-ring bg-neutral-200 hover:bg-neutral-300 focus-visible:bg-neutral-300 active:bg-neutral-400",
7429
- "secondary-on-dark": "bg-background-white-subdued hover:bg-background-white-subdued-hover focus-visible:bg-background-white-subdued-hover focus-visible:ring-misc-white-focus-indicator active:bg-background-white-subdued-down focus-visible:misc-border-size-focus-ring",
7429
+ "secondary-on-dark": "bg-background-default border-misc-border-inverted hover:bg-background-hover focus-visible:bg-background-hover focus-visible:ring-misc-white-focus-indicator active:bg-background-down focus-visible:misc-border-size-focus-ring border",
7430
7430
  "borderless-on-dark": "hover:bg-background-white-subdued focus-visible:bg-background-white-subdued focus-visible:ring-misc-white-focus-indicator active:bg-background-white-subdued-hover focus-visible:misc-border-size-focus-ring"
7431
7431
  },
7432
7432
  disabled: { true: "opacity-30" }
@@ -7435,7 +7435,7 @@ var pie = W(["inline-flex items-center justify-center rounded-full outline-hidde
7435
7435
  {
7436
7436
  variant: "secondary",
7437
7437
  disabled: !0,
7438
- class: "bg-background-subdued!"
7438
+ class: "bg-background-inverted!"
7439
7439
  },
7440
7440
  {
7441
7441
  variant: "on-dark",
@@ -7445,7 +7445,7 @@ var pie = W(["inline-flex items-center justify-center rounded-full outline-hidde
7445
7445
  {
7446
7446
  variant: "secondary-on-dark",
7447
7447
  disabled: !0,
7448
- class: "bg-background-white-subdued!"
7448
+ class: "bg-background-default!"
7449
7449
  },
7450
7450
  {
7451
7451
  variant: "borderless-on-dark",
@@ -7461,14 +7461,14 @@ var pie = W(["inline-flex items-center justify-center rounded-full outline-hidde
7461
7461
  }), mie = W("", {
7462
7462
  variants: {
7463
7463
  variant: {
7464
- secondary: "text-content-primary",
7464
+ secondary: "text-content-secondary",
7465
7465
  "on-dark": "text-content-primary",
7466
- "secondary-on-dark": "text-content-white-primary",
7467
- "borderless-on-dark": "text-content-white-primary"
7466
+ "secondary-on-dark": "text-content-white-inverted-primary",
7467
+ "borderless-on-dark": "text-content-white-inverted-primary"
7468
7468
  },
7469
7469
  size: {
7470
- small: "icon-size-300",
7471
- medium: "icon-size-400"
7470
+ small: "icon-size-400",
7471
+ medium: "icon-size-500"
7472
7472
  }
7473
7473
  },
7474
7474
  defaultVariants: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@photoroom/ui",
3
- "version": "0.1.671",
3
+ "version": "0.1.672",
4
4
  "private": false,
5
5
  "description": "Photoroom design system components",
6
6
  "sideEffects": [
package/theme.css CHANGED
@@ -218,6 +218,7 @@
218
218
  --color-misc-border-emphasized: var(--color-misc-border-emphasized);
219
219
  --color-misc-border-sidebar: var(--color-misc-border-sidebar);
220
220
  --color-misc-border-default: var(--color-misc-border-default);
221
+ --color-misc-border-inverted: var(--color-misc-border-inverted);
221
222
  --color-misc-stack-layer-1: var(--color-misc-stack-layer-1);
222
223
  --color-misc-stack-layer-2: var(--color-misc-stack-layer-2);
223
224
  --color-misc-focus-indicator: var(--color-misc-focus-indicator);