@photoroom/ui 0.1.226 → 0.1.228
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 +40 -40
- package/components/feed/FeedTile/FeedTile.d.ts.map +1 -1
- package/components/input/TextInput/TextInput.d.ts.map +1 -1
- package/index.css +1 -1
- package/index.mjs +100 -100
- package/package.json +1 -1
- package/{react-textarea-autosize.browser.esm-DDxx9SRA.mjs → react-textarea-autosize.browser.esm-BQmGXYSn.mjs} +3 -3
- package/theme.css +197 -197
package/colors.css
CHANGED
|
@@ -1,3 +1,43 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Pro gradient backgrounds — light + dark mode.
|
|
3
|
+
*
|
|
4
|
+
* Light mode order: 500 (base), 400 (hover, lighter), 600 (down, darker).
|
|
5
|
+
* Dark mode swaps: hover and down use the opposite ends because the accent
|
|
6
|
+
* palette is inverted in dark mode (--color-accent-500 is darker than 400).
|
|
7
|
+
*/
|
|
8
|
+
@utility bg-background-pro {
|
|
9
|
+
background-image: linear-gradient(
|
|
10
|
+
to right,
|
|
11
|
+
var(--color-accent-500),
|
|
12
|
+
var(--color-magic-accent-500)
|
|
13
|
+
);
|
|
14
|
+
}
|
|
15
|
+
@utility bg-background-pro-hover {
|
|
16
|
+
background-image: linear-gradient(
|
|
17
|
+
to right,
|
|
18
|
+
var(--color-accent-400),
|
|
19
|
+
var(--color-magic-accent-400)
|
|
20
|
+
);
|
|
21
|
+
}
|
|
22
|
+
@utility bg-background-pro-down {
|
|
23
|
+
background-image: linear-gradient(
|
|
24
|
+
to right,
|
|
25
|
+
var(--color-accent-600),
|
|
26
|
+
var(--color-magic-accent-600)
|
|
27
|
+
);
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
/*
|
|
31
|
+
* Pro gradient on text/content elements (same in light + dark)
|
|
32
|
+
*/
|
|
33
|
+
@utility bg-content-pro {
|
|
34
|
+
background-image: linear-gradient(
|
|
35
|
+
to right,
|
|
36
|
+
var(--color-accent-500),
|
|
37
|
+
var(--color-magic-accent-500)
|
|
38
|
+
);
|
|
39
|
+
}
|
|
40
|
+
|
|
1
41
|
/*
|
|
2
42
|
* Photoroom color tokens — light + dark mode values.
|
|
3
43
|
*
|
|
@@ -406,35 +446,6 @@
|
|
|
406
446
|
--color-misc-ai-video: #00cd9c;
|
|
407
447
|
--color-misc-automated-exports: #aa4fff;
|
|
408
448
|
}
|
|
409
|
-
|
|
410
|
-
/*
|
|
411
|
-
* Pro gradient backgrounds — light + dark mode.
|
|
412
|
-
*
|
|
413
|
-
* Light mode order: 500 (base), 400 (hover, lighter), 600 (down, darker).
|
|
414
|
-
* Dark mode swaps: hover and down use the opposite ends because the accent
|
|
415
|
-
* palette is inverted in dark mode (--color-accent-500 is darker than 400).
|
|
416
|
-
*/
|
|
417
|
-
@utility bg-background-pro {
|
|
418
|
-
background-image: linear-gradient(
|
|
419
|
-
to right,
|
|
420
|
-
var(--color-accent-500),
|
|
421
|
-
var(--color-magic-accent-500)
|
|
422
|
-
);
|
|
423
|
-
}
|
|
424
|
-
@utility bg-background-pro-hover {
|
|
425
|
-
background-image: linear-gradient(
|
|
426
|
-
to right,
|
|
427
|
-
var(--color-accent-400),
|
|
428
|
-
var(--color-magic-accent-400)
|
|
429
|
-
);
|
|
430
|
-
}
|
|
431
|
-
@utility bg-background-pro-down {
|
|
432
|
-
background-image: linear-gradient(
|
|
433
|
-
to right,
|
|
434
|
-
var(--color-accent-600),
|
|
435
|
-
var(--color-magic-accent-600)
|
|
436
|
-
);
|
|
437
|
-
}
|
|
438
449
|
.theme-dark .bg-background-pro-hover {
|
|
439
450
|
background-image: linear-gradient(
|
|
440
451
|
to right,
|
|
@@ -449,14 +460,3 @@
|
|
|
449
460
|
var(--color-magic-accent-400)
|
|
450
461
|
);
|
|
451
462
|
}
|
|
452
|
-
|
|
453
|
-
/*
|
|
454
|
-
* Pro gradient on text/content elements (same in light + dark)
|
|
455
|
-
*/
|
|
456
|
-
@utility bg-content-pro {
|
|
457
|
-
background-image: linear-gradient(
|
|
458
|
-
to right,
|
|
459
|
-
var(--color-accent-500),
|
|
460
|
-
var(--color-magic-accent-500)
|
|
461
|
-
);
|
|
462
|
-
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FeedTile.d.ts","sourceRoot":"","sources":["../../../../src/components/feed/FeedTile/FeedTile.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAU,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAO9D,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,KAAK,CAAC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC,CAAC;IAClE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IAC1C,SAAS,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,MAAM,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,aAAa,GAAG,UAAU,GAAG,aAAa,GAAG,aAAa,CAAC,CAAC;IACvF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC,GACA,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,CAAC;AAE3C,eAAO,MAAM,QAAQ,GAAI,uOAoBtB,aAAa,
|
|
1
|
+
{"version":3,"file":"FeedTile.d.ts","sourceRoot":"","sources":["../../../../src/components/feed/FeedTile/FeedTile.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAU,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAO9D,MAAM,MAAM,aAAa,GAAG,QAAQ,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,KAAK,CAAC;IACtC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC,CAAC;IAClE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IAC1C,SAAS,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,MAAM,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,aAAa,GAAG,UAAU,GAAG,aAAa,GAAG,aAAa,CAAC,CAAC;IACvF,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,mBAAmB,CAAC,EAAE,MAAM,CAAC;CAC9B,CAAC,GACA,KAAK,CAAC,wBAAwB,CAAC,QAAQ,CAAC,CAAC;AAE3C,eAAO,MAAM,QAAQ,GAAI,uOAoBtB,aAAa,4CAsIf,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/components/input/TextInput/TextInput.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAC;IAC3E;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAC1C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC,CAAC;IACzE,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../../../src/components/input/TextInput/TextInput.tsx"],"names":[],"mappings":"AAKA,MAAM,MAAM,cAAc,GAAG;IAC3B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,UAAU,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAC;IAC3E;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAC1C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC,CAAC,CAAC;IACzE,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,GAAG,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC,CAAC;AA4KzC,eAAO,MAAM,SAAS,0HAAmE,CAAC"}
|