@plexui/ui 0.7.78 → 0.7.80
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.
|
@@ -39,21 +39,33 @@
|
|
|
39
39
|
list-style: none;
|
|
40
40
|
padding: 0;
|
|
41
41
|
overflow: hidden;
|
|
42
|
-
border:
|
|
43
|
-
|
|
44
|
-
|
|
42
|
+
border-radius: 26px;
|
|
43
|
+
}.FileList, :where([data-theme="light"]) .FileList {
|
|
44
|
+
border: 1px solid rgb(0 0 0 / 16%);
|
|
45
|
+
}:where([data-theme="dark"]) .FileList {
|
|
46
|
+
border: 1px solid rgb(255 255 255 / 16%);
|
|
45
47
|
}.FileItem {
|
|
46
48
|
display: flex;
|
|
47
49
|
align-items: center;
|
|
48
50
|
gap: 10px;
|
|
49
51
|
padding: 12px 21px;
|
|
50
|
-
}.FileItem + .FileItem {
|
|
51
|
-
|
|
52
|
+
}.FileItem + .FileItem, :where([data-theme="light"]) .FileItem + .FileItem {
|
|
53
|
+
border-top: 1px solid rgb(0 0 0 / 16%);
|
|
54
|
+
}:where([data-theme="dark"]) .FileItem + .FileItem {
|
|
55
|
+
border-top: 1px solid rgb(255 255 255 / 16%);
|
|
52
56
|
}.FileIcon {
|
|
53
|
-
color: var(--color-text-secondary);
|
|
54
|
-
font-size: 1rem;
|
|
55
|
-
flex-shrink: 0;
|
|
56
57
|
display: flex;
|
|
58
|
+
flex-shrink: 0;
|
|
59
|
+
width: 16px;
|
|
60
|
+
height: 16px;
|
|
61
|
+
margin-left: -4px;
|
|
62
|
+
}.FileIcon, :where([data-theme="light"]) .FileIcon {
|
|
63
|
+
color: #0D0D0D;
|
|
64
|
+
}:where([data-theme="dark"]) .FileIcon {
|
|
65
|
+
color: #F2F2F2;
|
|
66
|
+
}.FileIcon svg {
|
|
67
|
+
width: 16px;
|
|
68
|
+
height: 16px;
|
|
57
69
|
}.FileInfo {
|
|
58
70
|
flex: 1;
|
|
59
71
|
min-width: 0;
|
|
@@ -66,16 +78,35 @@
|
|
|
66
78
|
overflow: hidden;
|
|
67
79
|
text-overflow: ellipsis;
|
|
68
80
|
white-space: nowrap;
|
|
69
|
-
font-
|
|
81
|
+
font-family: Inter, sans-serif;
|
|
82
|
+
font-size: 14px;
|
|
83
|
+
font-weight: 400;
|
|
70
84
|
line-height: 1.4285714286;
|
|
85
|
+
letter-spacing: -0.01em;
|
|
86
|
+
}.FileNameStem, :where([data-theme="light"]) .FileNameStem {
|
|
87
|
+
color: #0D0D0D;
|
|
88
|
+
}:where([data-theme="dark"]) .FileNameStem {
|
|
89
|
+
color: #F2F2F2;
|
|
71
90
|
}.FileNameExt {
|
|
72
91
|
flex-shrink: 0;
|
|
73
|
-
font-
|
|
92
|
+
font-family: Inter, sans-serif;
|
|
93
|
+
font-size: 14px;
|
|
94
|
+
font-weight: 400;
|
|
74
95
|
line-height: 1.4285714286;
|
|
96
|
+
letter-spacing: -0.01em;
|
|
97
|
+
}.FileNameExt, :where([data-theme="light"]) .FileNameExt {
|
|
98
|
+
color: #0D0D0D;
|
|
99
|
+
}:where([data-theme="dark"]) .FileNameExt {
|
|
100
|
+
color: #F2F2F2;
|
|
75
101
|
}.FileSize {
|
|
76
|
-
|
|
77
|
-
font-size:
|
|
102
|
+
font-family: Inter, sans-serif;
|
|
103
|
+
font-size: 12px;
|
|
104
|
+
font-weight: 400;
|
|
78
105
|
line-height: 1.5;
|
|
106
|
+
}.FileSize, :where([data-theme="light"]) .FileSize {
|
|
107
|
+
color: #5D5D5D;
|
|
108
|
+
}:where([data-theme="dark"]) .FileSize {
|
|
109
|
+
color: #A3A3A3;
|
|
79
110
|
}.FileRemove {
|
|
80
111
|
display: flex;
|
|
81
112
|
align-items: center;
|
|
@@ -83,26 +114,27 @@
|
|
|
83
114
|
width: 20px;
|
|
84
115
|
height: 20px;
|
|
85
116
|
padding: 0;
|
|
86
|
-
margin: 0;
|
|
117
|
+
margin: 0 -7px 0 0;
|
|
87
118
|
border: none;
|
|
88
|
-
border-radius:
|
|
119
|
+
border-radius: 9999px;
|
|
89
120
|
cursor: pointer;
|
|
90
|
-
color: var(--color-text-tertiary);
|
|
91
121
|
transition: background-color 150ms ease;
|
|
92
122
|
flex-shrink: 0;
|
|
93
123
|
}.FileRemove, :where([data-theme="light"]) .FileRemove {
|
|
94
124
|
background: rgb(0 0 0 / 8%);
|
|
125
|
+
color: #5D5D5D;
|
|
95
126
|
}:where([data-theme="dark"]) .FileRemove {
|
|
96
|
-
background: rgb(255 255 255 /
|
|
127
|
+
background: rgb(255 255 255 / 12%);
|
|
128
|
+
color: #A3A3A3;
|
|
97
129
|
}.FileRemove svg {
|
|
98
130
|
width: 15px;
|
|
99
131
|
height: 15px;
|
|
100
|
-
}.FileRemove:hover {
|
|
101
|
-
color: var(--color-text);
|
|
102
132
|
}.FileRemove:hover, :where([data-theme="light"]) .FileRemove:hover {
|
|
103
133
|
background: rgb(0 0 0 / 12%);
|
|
134
|
+
color: #0D0D0D;
|
|
104
135
|
}:where([data-theme="dark"]) .FileRemove:hover {
|
|
105
|
-
background: rgb(255 255 255 /
|
|
136
|
+
background: rgb(255 255 255 / 16%);
|
|
137
|
+
color: #F2F2F2;
|
|
106
138
|
}.FileRemove:disabled {
|
|
107
139
|
pointer-events: none;
|
|
108
140
|
}.HiddenInput {
|