@basis-ng/styles 0.0.1-alpha.130 → 0.0.1-alpha.132
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 -1
- package/src/components/popover.css +5 -60
- package/src/index.css +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@basis-ng/styles",
|
|
3
|
-
"version": "0.0.1-alpha.
|
|
3
|
+
"version": "0.0.1-alpha.132",
|
|
4
4
|
"description": "CSS foundation for @basis-ng/primitives components",
|
|
5
5
|
"main": "src/index.css",
|
|
6
6
|
"exports": {
|
|
@@ -17,6 +17,7 @@
|
|
|
17
17
|
"./label": "./src/components/label.css",
|
|
18
18
|
"./menu": "./src/components/menu.css",
|
|
19
19
|
"./option": "./src/components/option.css",
|
|
20
|
+
"./popover": "./src/components/popover.css",
|
|
20
21
|
"./range": "./src/components/range.css",
|
|
21
22
|
"./row-item": "./src/components/row-item.css",
|
|
22
23
|
"./row": "./src/components/row.css",
|
|
@@ -1,63 +1,8 @@
|
|
|
1
1
|
b-popover-content {
|
|
2
|
-
|
|
3
|
-
|
|
2
|
+
@apply whitespace-normal rounded-lg shadow flex items-start justify-center gap-1.5 bg-background text-sm font-sans px-3 py-2 max-w-xs sm:max-w-lg;
|
|
3
|
+
@apply dark:bg-background-dark;
|
|
4
4
|
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
&.b-popover-leaving {
|
|
10
|
-
animation: b-popover-leaving 0.1s ease-in forwards;
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.b-popover-backdrop {
|
|
15
|
-
position: fixed;
|
|
16
|
-
inset: 0;
|
|
17
|
-
background-color: rgba(0, 0, 0, 0.5);
|
|
18
|
-
z-index: 999;
|
|
19
|
-
animation: b-backdrop-entering 0.15s ease-out forwards;
|
|
20
|
-
|
|
21
|
-
&.b-backdrop-light {
|
|
22
|
-
background-color: rgba(0, 0, 0, 0.3);
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
&.b-backdrop-dark {
|
|
26
|
-
background-color: rgba(0, 0, 0, 0.7);
|
|
27
|
-
}
|
|
28
|
-
|
|
29
|
-
&.b-backdrop-blur {
|
|
30
|
-
backdrop-filter: blur(4px);
|
|
31
|
-
}
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
@keyframes b-popover-entering {
|
|
35
|
-
from {
|
|
36
|
-
opacity: 0;
|
|
37
|
-
transform: scale(0.98);
|
|
38
|
-
}
|
|
39
|
-
to {
|
|
40
|
-
opacity: 1;
|
|
41
|
-
transform: scale(1);
|
|
42
|
-
}
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
@keyframes b-popover-leaving {
|
|
46
|
-
from {
|
|
47
|
-
opacity: 1;
|
|
48
|
-
transform: scale(1);
|
|
49
|
-
}
|
|
50
|
-
to {
|
|
51
|
-
opacity: 0;
|
|
52
|
-
transform: scale(0.98);
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
@keyframes b-backdrop-entering {
|
|
57
|
-
from {
|
|
58
|
-
opacity: 0;
|
|
59
|
-
}
|
|
60
|
-
to {
|
|
61
|
-
opacity: 1;
|
|
62
|
-
}
|
|
5
|
+
/* Use the same look as tooltip secondary by default */
|
|
6
|
+
@apply bg-secondary text-secondary-foreground;
|
|
7
|
+
@apply dark:bg-secondary-dark dark:text-secondary-foreground-dark;
|
|
63
8
|
}
|
package/src/index.css
CHANGED
|
@@ -66,6 +66,7 @@
|
|
|
66
66
|
@import './components/command.css';
|
|
67
67
|
@import './components/command-options.css';
|
|
68
68
|
@import './components/option.css';
|
|
69
|
+
@import './components/popover.css';
|
|
69
70
|
@import './components/sheet.css';
|
|
70
71
|
@import './components/spinner.css';
|
|
71
72
|
@import './components/switch.css';
|
|
@@ -77,4 +78,3 @@
|
|
|
77
78
|
@import './components/dialog.css';
|
|
78
79
|
@import './components/card.css';
|
|
79
80
|
@import './components/otp.css';
|
|
80
|
-
@import './components/popover.css';
|