@limpiolux/ui-styles 1.1.0 → 1.1.2
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/components.css +9 -1
- package/light.css +7 -0
- package/package.json +2 -2
package/components.css
CHANGED
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
box-shadow:
|
|
39
39
|
inset 0 1px 0 rgba(255, 255, 255, 0.2),
|
|
40
40
|
inset 0 -1px 0 rgba(0, 0, 0, 0.15),
|
|
41
|
-
0
|
|
41
|
+
0 10px 28px -10px rgba(var(--color-brand) / 0.55);
|
|
42
42
|
transition: transform 400ms var(--spring-bounce), opacity 150ms ease;
|
|
43
43
|
}
|
|
44
44
|
|
|
@@ -852,11 +852,13 @@
|
|
|
852
852
|
@apply h-9 min-w-9 rounded-xl px-0;
|
|
853
853
|
}
|
|
854
854
|
|
|
855
|
+
.toolbar-icon-button,
|
|
855
856
|
.portal-toolbar-icon {
|
|
856
857
|
@apply inline-flex h-9 w-9 shrink-0 self-center aspect-square items-center justify-center rounded-xl border border-white/10 bg-white/5 text-zinc-200;
|
|
857
858
|
transition: transform 220ms ease, opacity 220ms ease;
|
|
858
859
|
}
|
|
859
860
|
|
|
861
|
+
.toolbar-icon-button:hover,
|
|
860
862
|
.portal-toolbar-icon:hover {
|
|
861
863
|
transform: translateY(-1px) scale(1.06);
|
|
862
864
|
background: rgba(255, 255, 255, 0.1);
|
|
@@ -1116,6 +1118,12 @@
|
|
|
1116
1118
|
border-color: rgba(255, 255, 255, 0.16);
|
|
1117
1119
|
}
|
|
1118
1120
|
|
|
1121
|
+
.liquid-glass-static,
|
|
1122
|
+
.liquid-glass-static:hover {
|
|
1123
|
+
transform: none;
|
|
1124
|
+
border-color: rgba(255, 255, 255, 0.1);
|
|
1125
|
+
}
|
|
1126
|
+
|
|
1119
1127
|
.liquid-glass-strong {
|
|
1120
1128
|
border: 1px solid rgba(255, 255, 255, 0.14);
|
|
1121
1129
|
background: rgba(255, 255, 255, 0.08);
|
package/light.css
CHANGED
|
@@ -368,6 +368,7 @@
|
|
|
368
368
|
color: #18181b;
|
|
369
369
|
}
|
|
370
370
|
|
|
371
|
+
.light .toolbar-icon-button,
|
|
371
372
|
.light .portal-toolbar-icon {
|
|
372
373
|
background: rgba(255, 255, 255, 0.82);
|
|
373
374
|
border-color: rgba(212, 212, 216, 0.92);
|
|
@@ -375,6 +376,7 @@
|
|
|
375
376
|
box-shadow: 0 16px 36px -28px rgba(15, 23, 42, 0.18);
|
|
376
377
|
}
|
|
377
378
|
|
|
379
|
+
.light .toolbar-icon-button:hover,
|
|
378
380
|
.light .portal-toolbar-icon:hover {
|
|
379
381
|
background: #ffffff;
|
|
380
382
|
border-color: rgba(161, 161, 170, 0.36);
|
|
@@ -747,6 +749,11 @@
|
|
|
747
749
|
border-color: rgba(0, 0, 0, 0.12);
|
|
748
750
|
}
|
|
749
751
|
|
|
752
|
+
.light .liquid-glass-static,
|
|
753
|
+
.light .liquid-glass-static:hover {
|
|
754
|
+
border-color: rgba(0, 0, 0, 0.08);
|
|
755
|
+
}
|
|
756
|
+
|
|
750
757
|
.light .liquid-glass-sidebar {
|
|
751
758
|
border-right-color: rgba(0, 0, 0, 0.06);
|
|
752
759
|
background: linear-gradient(
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@limpiolux/ui-styles",
|
|
3
|
-
"version": "1.1.
|
|
4
|
-
"description": "Shared design system
|
|
3
|
+
"version": "1.1.2",
|
|
4
|
+
"description": "Shared design system \u2014 Limpiolux liquid glass theme with auth, portal and dark/light mode support",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"exports": {
|
|
7
7
|
".": "./index.css",
|