@photoroom/ui 0.1.214 → 0.1.215
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/package.json +2 -2
- package/theme.css +16 -3
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@photoroom/ui",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.215",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "Photoroom design system components",
|
|
6
6
|
"sideEffects": [
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"dependencies": {
|
|
38
38
|
"@img-comparison-slider/react": "8.0.2",
|
|
39
39
|
"@lottiefiles/react-lottie-player": "3.6.0",
|
|
40
|
-
"@photoroom/icons": "0.1.
|
|
40
|
+
"@photoroom/icons": "0.1.18",
|
|
41
41
|
"@radix-ui/react-accordion": "1.2.12",
|
|
42
42
|
"@radix-ui/react-avatar": "1.1.11",
|
|
43
43
|
"@radix-ui/react-checkbox": "1.3.3",
|
package/theme.css
CHANGED
|
@@ -1149,9 +1149,10 @@
|
|
|
1149
1149
|
* Each class composes a text-size + font-weight + leading + optional
|
|
1150
1150
|
* letter-spacing. Used as text presets across the design system.
|
|
1151
1151
|
*
|
|
1152
|
-
* component-{300..900}
|
|
1153
|
-
* body-{300..1000}
|
|
1154
|
-
* heading-{300..1200}
|
|
1152
|
+
* component-{300..900} — default / light / semi-strong / strong
|
|
1153
|
+
* body-{300..1000} — default / light / semi-strong / strong
|
|
1154
|
+
* heading-{300..1200} — default / light / thin
|
|
1155
|
+
* heading-extra-thin-{900..1200}
|
|
1155
1156
|
*/
|
|
1156
1157
|
@utility component-300 {
|
|
1157
1158
|
@apply text-300 font-500 leading-500;
|
|
@@ -1333,6 +1334,18 @@
|
|
|
1333
1334
|
@utility body-strong-1000 {
|
|
1334
1335
|
@apply text-1000 font-700 leading-600;
|
|
1335
1336
|
}
|
|
1337
|
+
@utility heading-extra-thin-900 {
|
|
1338
|
+
@apply text-1100 font-400 leading-400 -tracking-[0.416px];
|
|
1339
|
+
}
|
|
1340
|
+
@utility heading-extra-thin-1000 {
|
|
1341
|
+
@apply text-1200 font-400 leading-400 -tracking-[0.73px];
|
|
1342
|
+
}
|
|
1343
|
+
@utility heading-extra-thin-1100 {
|
|
1344
|
+
@apply text-1300 font-400 leading-400 -tracking-[1.224px];
|
|
1345
|
+
}
|
|
1346
|
+
@utility heading-extra-thin-1200 {
|
|
1347
|
+
@apply text-1400 font-400 leading-400 -tracking-[1.973px];
|
|
1348
|
+
}
|
|
1336
1349
|
@utility heading-thin-300 {
|
|
1337
1350
|
@apply text-500 font-500 leading-500;
|
|
1338
1351
|
}
|