draft-components 4.14.1 → 4.15.0
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/css/draft-components.css
CHANGED
|
@@ -2119,8 +2119,7 @@
|
|
|
2119
2119
|
--font: var(--dc-text-sm);
|
|
2120
2120
|
--padding: 12px 16px;
|
|
2121
2121
|
--color: var(--dc-text-color-primary);
|
|
2122
|
-
--background:
|
|
2123
|
-
--background-filter: blur(20px) saturate(180%);
|
|
2122
|
+
--background: var(--dc-background-primary);
|
|
2124
2123
|
--radius: 8px;
|
|
2125
2124
|
--shadow: 0 0 0 1px rgb(var(--dc-black-rgb) / 7.5%), 0 -1px 0 0 rgb(var(--dc-black-rgb) / 5%), var(--dc-shadow-lg);
|
|
2126
2125
|
|
|
@@ -2140,8 +2139,6 @@
|
|
|
2140
2139
|
background: var(--background);
|
|
2141
2140
|
border-radius: var(--radius);
|
|
2142
2141
|
box-shadow: var(--shadow);
|
|
2143
|
-
-webkit-backdrop-filter: var(--background-filter);
|
|
2144
|
-
backdrop-filter: var(--background-filter);
|
|
2145
2142
|
}
|
|
2146
2143
|
|
|
2147
2144
|
.dc-popover__backdrop {
|
|
@@ -2191,7 +2188,6 @@
|
|
|
2191
2188
|
.dark .dc-popover,
|
|
2192
2189
|
.dark.dc-popover {
|
|
2193
2190
|
--border-color: var(--dc-neutral-600);
|
|
2194
|
-
--background: rgb(var(--dc-neutral-800-rgb) / 85%);
|
|
2195
2191
|
--shadow: 0 0 0 1px var(--dc-neutral-600), var(--dc-shadow-lg);
|
|
2196
2192
|
|
|
2197
2193
|
color-scheme: dark;
|
|
@@ -4614,8 +4610,7 @@
|
|
|
4614
4610
|
--border-color: var(--dc-neutral-300);
|
|
4615
4611
|
--border: 1px solid var(--border-color);
|
|
4616
4612
|
--background: var(--dc-background-primary);
|
|
4617
|
-
--background-sticky:
|
|
4618
|
-
--backdrop-filter-sticky: blur(20px) saturate(180%);
|
|
4613
|
+
--background-sticky: var(--background);
|
|
4619
4614
|
--head-background: var(--background);
|
|
4620
4615
|
--row-background-stripped: var(--dc-neutral-100);
|
|
4621
4616
|
--row-background-selected: var(--dc-neutral-100);
|
|
@@ -4689,8 +4684,6 @@
|
|
|
4689
4684
|
position: sticky;
|
|
4690
4685
|
z-index: 1;
|
|
4691
4686
|
background: var(--background-sticky);
|
|
4692
|
-
-webkit-backdrop-filter: var(--backdrop-filter-sticky);
|
|
4693
|
-
backdrop-filter: var(--backdrop-filter-sticky);
|
|
4694
4687
|
}
|
|
4695
4688
|
|
|
4696
4689
|
.dc-table_sticky_header thead {
|
|
@@ -4784,7 +4777,6 @@
|
|
|
4784
4777
|
--color: var(--dc-text-color-primary);
|
|
4785
4778
|
--border-color: var(--dc-neutral-600);
|
|
4786
4779
|
--background: var(--dc-background-primary);
|
|
4787
|
-
--background-sticky: rgb(var(--dc-neutral-800-rgb) / 80%);
|
|
4788
4780
|
--row-background-stripped: var(--dc-neutral-700);
|
|
4789
4781
|
--row-background-selected: var(--dc-neutral-700);
|
|
4790
4782
|
--row-background-highlighted: var(--dc-neutral-600);
|
|
@@ -2,8 +2,7 @@
|
|
|
2
2
|
--font: var(--dc-text-sm);
|
|
3
3
|
--padding: 12px 16px;
|
|
4
4
|
--color: var(--dc-text-color-primary);
|
|
5
|
-
--background:
|
|
6
|
-
--background-filter: blur(20px) saturate(180%);
|
|
5
|
+
--background: var(--dc-background-primary);
|
|
7
6
|
--radius: 8px;
|
|
8
7
|
--shadow: 0 0 0 1px rgb(var(--dc-black-rgb) / 7.5%), 0 -1px 0 0 rgb(var(--dc-black-rgb) / 5%), var(--dc-shadow-lg);
|
|
9
8
|
|
|
@@ -23,8 +22,6 @@
|
|
|
23
22
|
background: var(--background);
|
|
24
23
|
border-radius: var(--radius);
|
|
25
24
|
box-shadow: var(--shadow);
|
|
26
|
-
-webkit-backdrop-filter: var(--background-filter);
|
|
27
|
-
backdrop-filter: var(--background-filter);
|
|
28
25
|
}
|
|
29
26
|
|
|
30
27
|
.dc-popover__backdrop {
|
|
@@ -74,7 +71,6 @@
|
|
|
74
71
|
.dark .dc-popover,
|
|
75
72
|
.dark.dc-popover {
|
|
76
73
|
--border-color: var(--dc-neutral-600);
|
|
77
|
-
--background: rgb(var(--dc-neutral-800-rgb) / 85%);
|
|
78
74
|
--shadow: 0 0 0 1px var(--dc-neutral-600), var(--dc-shadow-lg);
|
|
79
75
|
|
|
80
76
|
color-scheme: dark;
|
|
@@ -4,8 +4,7 @@
|
|
|
4
4
|
--border-color: var(--dc-neutral-300);
|
|
5
5
|
--border: 1px solid var(--border-color);
|
|
6
6
|
--background: var(--dc-background-primary);
|
|
7
|
-
--background-sticky:
|
|
8
|
-
--backdrop-filter-sticky: blur(20px) saturate(180%);
|
|
7
|
+
--background-sticky: var(--background);
|
|
9
8
|
--head-background: var(--background);
|
|
10
9
|
--row-background-stripped: var(--dc-neutral-100);
|
|
11
10
|
--row-background-selected: var(--dc-neutral-100);
|
|
@@ -79,8 +78,6 @@
|
|
|
79
78
|
position: sticky;
|
|
80
79
|
z-index: 1;
|
|
81
80
|
background: var(--background-sticky);
|
|
82
|
-
-webkit-backdrop-filter: var(--backdrop-filter-sticky);
|
|
83
|
-
backdrop-filter: var(--backdrop-filter-sticky);
|
|
84
81
|
}
|
|
85
82
|
|
|
86
83
|
.dc-table_sticky_header thead {
|
|
@@ -174,7 +171,6 @@
|
|
|
174
171
|
--color: var(--dc-text-color-primary);
|
|
175
172
|
--border-color: var(--dc-neutral-600);
|
|
176
173
|
--background: var(--dc-background-primary);
|
|
177
|
-
--background-sticky: rgb(var(--dc-neutral-800-rgb) / 80%);
|
|
178
174
|
--row-background-stripped: var(--dc-neutral-700);
|
|
179
175
|
--row-background-selected: var(--dc-neutral-700);
|
|
180
176
|
--row-background-highlighted: var(--dc-neutral-600);
|