ssovee-os-web-ui 0.1.13 → 0.1.16
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/dist/index.cjs.map +1 -1
- package/dist/index.css +80 -10
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
- package/dist/index.css.map +0 -1
package/dist/index.css
CHANGED
|
@@ -1261,16 +1261,86 @@
|
|
|
1261
1261
|
border-bottom-width: 0px;
|
|
1262
1262
|
}
|
|
1263
1263
|
}
|
|
1264
|
-
|
|
1265
|
-
|
|
1266
|
-
|
|
1267
|
-
|
|
1268
|
-
|
|
1269
|
-
|
|
1270
|
-
|
|
1271
|
-
|
|
1272
|
-
|
|
1273
|
-
|
|
1264
|
+
@layer base {
|
|
1265
|
+
* {
|
|
1266
|
+
user-select: none;
|
|
1267
|
+
-webkit-user-select: none;
|
|
1268
|
+
-moz-user-select: none;
|
|
1269
|
+
-ms-user-select: none;
|
|
1270
|
+
box-sizing: border-box;
|
|
1271
|
+
}
|
|
1272
|
+
body {
|
|
1273
|
+
background-color: var(--primary);
|
|
1274
|
+
color: var(--neutral-500);
|
|
1275
|
+
}
|
|
1276
|
+
:root {
|
|
1277
|
+
--primary: rgba(216, 216, 216, 0.85);
|
|
1278
|
+
--secondary: rgba(252, 252, 252, 0.8);
|
|
1279
|
+
--tertiary: rgba(152, 162, 179, 0.3);
|
|
1280
|
+
--surface-1: rgba(69, 73, 85, 0.2);
|
|
1281
|
+
--surface-2: rgba(255, 255, 255, 0.65);
|
|
1282
|
+
--surface-3: rgba(245, 245, 245, 1);
|
|
1283
|
+
--surface-4: rgba(255, 255, 255, 1);
|
|
1284
|
+
--neutral-700: rgba(0, 0, 0, 0.6);
|
|
1285
|
+
--neutral-600: rgba(0, 0, 0, 1);
|
|
1286
|
+
--neutral-500: rgba(18, 19, 22, 1);
|
|
1287
|
+
--neutral-400: rgba(46, 48, 56, 1);
|
|
1288
|
+
--neutral-300: rgba(83, 87, 101, 1);
|
|
1289
|
+
--neutral-200: rgba(110, 116, 135, 1);
|
|
1290
|
+
--neutral-100: rgba(255, 255, 255, 1);
|
|
1291
|
+
--brand-color: rgba(10, 132, 255, 1);
|
|
1292
|
+
--border-1: rgba(69, 73, 85, 0.2);
|
|
1293
|
+
--border-2: rgba(255, 255, 255, 0.06);
|
|
1294
|
+
--border-3: rgba(69, 73, 85, 0.2);
|
|
1295
|
+
--ssovee-primary: 216 216 216;
|
|
1296
|
+
--ssovee-secondary: 252 252 252;
|
|
1297
|
+
--ssovee-surface-1: 69 73 85;
|
|
1298
|
+
--ssovee-surface-2: 255 255 255;
|
|
1299
|
+
--ssovee-surface-3: 245 245 245;
|
|
1300
|
+
--ssovee-surface-4: 255 255 255;
|
|
1301
|
+
--ssovee-brand-color: 10 132 255;
|
|
1302
|
+
--ssovee-border-1: 69 73 85;
|
|
1303
|
+
--ssovee-muted: 110 116 135;
|
|
1304
|
+
}
|
|
1305
|
+
.dark {
|
|
1306
|
+
--primary: rgba(43, 43, 43, 0.2);
|
|
1307
|
+
--secondary: rgba(43, 43, 43, 0.7);
|
|
1308
|
+
--tertiary: rgba(204, 204, 204, 0.1);
|
|
1309
|
+
--surface-1: rgba(235, 235, 235, 0.2);
|
|
1310
|
+
--surface-2: rgba(58, 58, 58, 1);
|
|
1311
|
+
--surface-3: rgba(255, 255, 255, 0.2);
|
|
1312
|
+
--surface-4: rgba(255, 255, 255, 0.05);
|
|
1313
|
+
--neutral-700: rgba(255, 255, 255, 0.6);
|
|
1314
|
+
--neutral-600: rgba(255, 255, 255, 1);
|
|
1315
|
+
--neutral-500: rgba(245, 245, 245, 1);
|
|
1316
|
+
--neutral-400: rgba(205, 205, 205, 1);
|
|
1317
|
+
--neutral-300: rgba(166, 166, 166, 1);
|
|
1318
|
+
--neutral-200: rgba(128, 128, 128, 1);
|
|
1319
|
+
--neutral-100: rgba(93, 93, 93, 1);
|
|
1320
|
+
--brand-color: rgba(10, 132, 255, 1);
|
|
1321
|
+
--border-1: rgba(235, 235, 245, 0.2);
|
|
1322
|
+
--border-2: rgba(255, 255, 255, 0.06);
|
|
1323
|
+
--border-3: rgba(255, 255, 255, 0.1);
|
|
1324
|
+
--ssovee-primary: 43 43 43;
|
|
1325
|
+
--ssovee-secondary: 43 43 43;
|
|
1326
|
+
--ssovee-surface-1: 235 235 235;
|
|
1327
|
+
--ssovee-surface-2: 58 58 58;
|
|
1328
|
+
--ssovee-surface-3: 255 255 255;
|
|
1329
|
+
--ssovee-surface-4: 255 255 255;
|
|
1330
|
+
--ssovee-brand-color: 10 132 255;
|
|
1331
|
+
--ssovee-border-1: 235 235 245;
|
|
1332
|
+
--ssovee-muted: 128 128 128;
|
|
1333
|
+
}
|
|
1334
|
+
.bg-primary, .bg-secondary {
|
|
1335
|
+
backdrop-filter: blur(40px);
|
|
1336
|
+
}
|
|
1337
|
+
.window-drop-shadow {
|
|
1338
|
+
backdrop-filter: blur(40px);
|
|
1339
|
+
filter: drop-shadow(0 12px 20px rgba(0, 0, 0, 0.5)) drop-shadow(0 10px 30px rgba(0, 0, 0, 0.2)) drop-shadow(0 12px 20px rgba(0, 0, 0, 0.12));
|
|
1340
|
+
}
|
|
1341
|
+
.input-inner-shadow {
|
|
1342
|
+
box-shadow: inset 0 1.5px 1.5px rgba(0, 0, 0, 0.1), inset 0 -0.5px 0 rgba(255, 255, 255, 0.09), inset 0 -1px 0 rgba(255, 255, 255, 0.08), inset 0 0.5px 0 rgba(255, 255, 255, 0.05);
|
|
1343
|
+
}
|
|
1274
1344
|
}
|
|
1275
1345
|
@property --tw-translate-x {
|
|
1276
1346
|
syntax: "*";
|