@photoroom/ui 0.1.677 → 0.1.678
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 +25 -13
- package/components/content/EditorialCard/EditorialCard.d.ts.map +1 -1
- package/components/content/Tile/TileSize.d.ts.map +1 -1
- package/components/multiplayer/CommentRow/CommentRow.d.ts.map +1 -1
- package/components/navigation/Tabs/Tabs.d.ts +1 -1
- package/components/navigation/Tabs/Tabs.d.ts.map +1 -1
- package/components/navigation/TagNavigation/TagNavigation.d.ts +1 -1
- package/components/navigation/TagNavigation/TagNavigation.d.ts.map +1 -1
- package/index.css +1 -1
- package/index.mjs +126 -128
- package/package.json +1 -1
- package/theme.css +18 -6
package/package.json
CHANGED
package/theme.css
CHANGED
|
@@ -133,12 +133,15 @@
|
|
|
133
133
|
--color-misc-replaceable: var(--color-replaceable);
|
|
134
134
|
|
|
135
135
|
/* Surface */
|
|
136
|
-
--color-surface-
|
|
137
|
-
--color-surface-
|
|
136
|
+
--color-surface-primary: var(--color-surface-primary);
|
|
137
|
+
--color-surface-secondary: var(--color-surface-secondary);
|
|
138
138
|
--color-surface-canvas: var(--color-surface-canvas);
|
|
139
|
-
--color-surface-
|
|
140
|
-
--color-surface-
|
|
141
|
-
--color-surface-
|
|
139
|
+
--color-surface-primary-grouped: var(--color-surface-primary-grouped);
|
|
140
|
+
--color-surface-secondary-grouped: var(--color-surface-secondary-grouped);
|
|
141
|
+
--color-surface-primary-elevated: var(--color-surface-primary-elevated);
|
|
142
|
+
--color-surface-secondary-elevated: var(--color-surface-secondary-elevated);
|
|
143
|
+
--color-surface-primary-grouped-elevated: var(--color-surface-primary-grouped-elevated);
|
|
144
|
+
--color-surface-secondary-grouped-elevated: var(--color-surface-secondary-grouped-elevated);
|
|
142
145
|
--color-surface-subtle: var(--color-surface-subtle);
|
|
143
146
|
|
|
144
147
|
/* Background */
|
|
@@ -236,7 +239,8 @@
|
|
|
236
239
|
--color-misc-ai-image: var(--color-misc-ai-image);
|
|
237
240
|
--color-misc-ai-video: var(--color-misc-ai-video);
|
|
238
241
|
|
|
239
|
-
--color-
|
|
242
|
+
--color-checkerboard-a: var(--color-checkerboard-a);
|
|
243
|
+
--color-checkerboard-b: var(--color-checkerboard-b);
|
|
240
244
|
|
|
241
245
|
/*
|
|
242
246
|
* Deprecated bare color tokens — DO NOT USE.
|
|
@@ -586,6 +590,14 @@
|
|
|
586
590
|
background-image: repeating-conic-gradient(--value(--color-*) 0% 25%, transparent 0% 50%);
|
|
587
591
|
background-position: center;
|
|
588
592
|
}
|
|
593
|
+
@utility bg-damier-checker {
|
|
594
|
+
background-color: var(--color-checkerboard-b);
|
|
595
|
+
background-image: repeating-conic-gradient(
|
|
596
|
+
var(--color-checkerboard-a) 0% 25%,
|
|
597
|
+
transparent 0% 50%
|
|
598
|
+
);
|
|
599
|
+
background-position: center;
|
|
600
|
+
}
|
|
589
601
|
@utility bg-damier-small {
|
|
590
602
|
background-size: 12px 12px;
|
|
591
603
|
}
|