@neo4j-ndl/base 0.1.1 → 0.1.4
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/lib/neo4j-ds-styles.css +549 -79
- package/lib/optimised.config.js +4 -0
- package/lib/optimised.config.js.map +1 -1
- package/lib/tokens/css/tokens.css +1 -1
- package/lib/tokens/js/tokens-raw.js +1 -1
- package/lib/tokens/js/tokens.js +1 -1
- package/lib/tokens/scss/tokens.scss +1 -1
- package/package.json +3 -4
package/lib/neo4j-ds-styles.css
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
|
|
2
2
|
|
|
3
|
-
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@500&family=Nunito+Sans:wght@400;500;600;700&display=swap');
|
|
3
|
+
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@500&family=Nunito+Sans:wght@300;400;500;600;700&display=swap');
|
|
4
4
|
/**
|
|
5
5
|
*
|
|
6
6
|
* Copyright (c) "Neo4j"
|
|
@@ -420,7 +420,7 @@ Ensure the default browser behavior of the `hidden` attribute.
|
|
|
420
420
|
*/
|
|
421
421
|
/**
|
|
422
422
|
* Do not edit directly
|
|
423
|
-
* Generated on Mon,
|
|
423
|
+
* Generated on Mon, 04 Apr 2022 10:04:35 GMT
|
|
424
424
|
*/
|
|
425
425
|
:root {
|
|
426
426
|
--border-radius-sm: 4px;
|
|
@@ -575,7 +575,7 @@ h1,
|
|
|
575
575
|
.h1 {
|
|
576
576
|
font-size: var(--font-size-h1);
|
|
577
577
|
font-weight: var(--font-weight-bold);
|
|
578
|
-
letter-spacing: 0.25px;
|
|
578
|
+
letter-spacing: -0.25px;
|
|
579
579
|
line-height: 60px;
|
|
580
580
|
}
|
|
581
581
|
h2,
|
|
@@ -583,7 +583,7 @@ h2,
|
|
|
583
583
|
font-size: var(--font-size-h2);
|
|
584
584
|
font-weight: var(--font-weight-bold);
|
|
585
585
|
letter-spacing: 0px;
|
|
586
|
-
line-height:
|
|
586
|
+
line-height: 48px;
|
|
587
587
|
}
|
|
588
588
|
h3,
|
|
589
589
|
.h3 {
|
|
@@ -830,6 +830,8 @@ a.ndl-btn{
|
|
|
830
830
|
border-radius: 9999px;;
|
|
831
831
|
padding-left: 0.5rem;
|
|
832
832
|
padding-right: 0.5rem;
|
|
833
|
+
padding-top: 0.125rem;
|
|
834
|
+
padding-bottom: 0.125rem;
|
|
833
835
|
font-weight: 700;
|
|
834
836
|
text-transform: capitalize;
|
|
835
837
|
line-height: 1.25rem;
|
|
@@ -848,14 +850,18 @@ a.ndl-btn{
|
|
|
848
850
|
height: 0.5rem;
|
|
849
851
|
width: 0.5rem;
|
|
850
852
|
}
|
|
853
|
+
.ndl-label.clean .label-text{
|
|
854
|
+
--tw-text-opacity: 1;
|
|
855
|
+
color: rgb(21 30 41 / var(--tw-text-opacity));
|
|
856
|
+
}
|
|
851
857
|
.ndl-label.outlined{
|
|
852
|
-
border-width:
|
|
858
|
+
border-width: 0.5px;
|
|
853
859
|
border-style: solid;
|
|
854
860
|
--tw-bg-opacity: 1;
|
|
855
861
|
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
|
856
862
|
}
|
|
857
863
|
.ndl-label.semi-filled{
|
|
858
|
-
border-width:
|
|
864
|
+
border-width: 0.5px;
|
|
859
865
|
border-style: solid;
|
|
860
866
|
}
|
|
861
867
|
/**
|
|
@@ -880,15 +886,37 @@ a.ndl-btn{
|
|
|
880
886
|
*/
|
|
881
887
|
.ndl-tabs.underline {
|
|
882
888
|
border-bottom-style: solid;
|
|
883
|
-
|
|
884
|
-
|
|
889
|
+
/* @apply n-border-b-light-neutral-border-weak n-text-light-neutral-text-weak n-relative; */
|
|
890
|
+
position: relative;
|
|
885
891
|
}
|
|
886
|
-
|
|
887
|
-
|
|
888
|
-
|
|
889
|
-
|
|
890
|
-
|
|
891
|
-
|
|
892
|
+
/**
|
|
893
|
+
* We use an :after pseudo element to draw the
|
|
894
|
+
* underline inside the component
|
|
895
|
+
*/
|
|
896
|
+
.ndl-tabs.underline.small:after {
|
|
897
|
+
content: '';
|
|
898
|
+
position: absolute;
|
|
899
|
+
width: 100%;
|
|
900
|
+
height: 1px;
|
|
901
|
+
bottom: 0px;
|
|
902
|
+
/* Hack to not be visible beneath the bottom blue border */
|
|
903
|
+
left: 1px;
|
|
904
|
+
z-index: 0;
|
|
905
|
+
--tw-bg-opacity: 1;
|
|
906
|
+
background-color: rgb(238 241 246 / var(--tw-bg-opacity));
|
|
907
|
+
}
|
|
908
|
+
.ndl-tabs.underline.large:after {
|
|
909
|
+
content: '';
|
|
910
|
+
position: absolute;
|
|
911
|
+
width: 100%;
|
|
912
|
+
height: 2px;
|
|
913
|
+
bottom: 0px;
|
|
914
|
+
/* Hack to not be visible beneath the bottom blue border */
|
|
915
|
+
left: 1px;
|
|
916
|
+
z-index: 0;
|
|
917
|
+
--tw-bg-opacity: 1;
|
|
918
|
+
background-color: rgb(238 241 246 / var(--tw-bg-opacity));
|
|
919
|
+
}
|
|
892
920
|
.ndl-tabs .tab {
|
|
893
921
|
font-weight: 600;
|
|
894
922
|
background: none;
|
|
@@ -931,16 +959,37 @@ a.ndl-btn{
|
|
|
931
959
|
--tw-text-opacity: 1;
|
|
932
960
|
color: rgb(178 183 189 / var(--tw-text-opacity));
|
|
933
961
|
}
|
|
934
|
-
.ndl-tabs .tab.underline
|
|
935
|
-
|
|
962
|
+
.ndl-tabs .tab.underline {
|
|
963
|
+
/* To be always above bottom border */
|
|
964
|
+
z-index: 1;
|
|
965
|
+
}
|
|
966
|
+
.ndl-tabs .tab.underline:not(.selected){
|
|
967
|
+
--tw-text-opacity: 1;
|
|
968
|
+
color: rgb(83 91 102 / var(--tw-text-opacity));
|
|
969
|
+
}
|
|
970
|
+
.ndl-tabs .tab.underline.disabled{
|
|
971
|
+
--tw-text-opacity: 1;
|
|
972
|
+
color: rgb(178 183 189 / var(--tw-text-opacity));
|
|
973
|
+
}
|
|
974
|
+
.ndl-tabs .tab.underline.small {
|
|
975
|
+
/* We need to have a total of 36px in Height */
|
|
976
|
+
padding-bottom: 12px;
|
|
936
977
|
}
|
|
937
|
-
.ndl-tabs .tab.underline.
|
|
938
|
-
|
|
978
|
+
.ndl-tabs .tab.underline.small .tab-underline {
|
|
979
|
+
height: 2px;
|
|
980
|
+
}
|
|
981
|
+
.ndl-tabs .tab.underline.large {
|
|
982
|
+
/* We need to have a total of 46px in Height */
|
|
983
|
+
padding-bottom: 14px;
|
|
939
984
|
}
|
|
985
|
+
.ndl-tabs .tab.underline.large .tab-underline {
|
|
986
|
+
height: 4px;
|
|
987
|
+
}
|
|
940
988
|
.ndl-tabs .tab.underline .tab-underline {
|
|
941
989
|
height: 4px;
|
|
942
990
|
position: absolute;
|
|
943
991
|
left: 0px;
|
|
992
|
+
bottom: 0px;
|
|
944
993
|
width: 100%;
|
|
945
994
|
border-top-left-radius: 4px;
|
|
946
995
|
border-top-right-radius: 4px;
|
|
@@ -955,13 +1004,11 @@ a.ndl-btn{
|
|
|
955
1004
|
}
|
|
956
1005
|
.ndl-tabs .tab.underline:hover:not(.disabled):not(.selected) .tab-underline{
|
|
957
1006
|
--tw-bg-opacity: 1;
|
|
958
|
-
background-color: rgb(
|
|
959
|
-
opacity: 0.1;
|
|
1007
|
+
background-color: rgb(230 233 238 / var(--tw-bg-opacity));
|
|
960
1008
|
}
|
|
961
1009
|
.ndl-tabs .tab.underline:active:not(.disabled):not(.selected) .tab-underline{
|
|
962
1010
|
--tw-bg-opacity: 1;
|
|
963
|
-
background-color: rgb(
|
|
964
|
-
opacity: 0.2;
|
|
1011
|
+
background-color: rgb(230 233 238 / var(--tw-bg-opacity));
|
|
965
1012
|
}
|
|
966
1013
|
.ndl-tabs .tab.underline.selected:not(.disabled){
|
|
967
1014
|
--tw-text-opacity: 1;
|
|
@@ -979,6 +1026,12 @@ a.ndl-btn{
|
|
|
979
1026
|
border-radius: 4px;
|
|
980
1027
|
padding-top: 0.25rem;
|
|
981
1028
|
padding-bottom: 0.25rem;
|
|
1029
|
+
--tw-text-opacity: 1;
|
|
1030
|
+
color: rgb(83 91 102 / var(--tw-text-opacity));
|
|
1031
|
+
}
|
|
1032
|
+
.ndl-tabs .tab.filled.disabled{
|
|
1033
|
+
--tw-text-opacity: 1;
|
|
1034
|
+
color: rgb(178 183 189 / var(--tw-text-opacity));
|
|
982
1035
|
}
|
|
983
1036
|
.ndl-tabs .tab.filled:focus-visible {
|
|
984
1037
|
outline: none;
|
|
@@ -1262,7 +1315,7 @@ a.ndl-btn{
|
|
|
1262
1315
|
.ndl-form-item{
|
|
1263
1316
|
cursor: pointer;
|
|
1264
1317
|
}
|
|
1265
|
-
.ndl-form-item input[type='checkbox'], .ndl-form-item input[type='radio']{
|
|
1318
|
+
.ndl-form-item input[type='checkbox'][role='checkbox'], .ndl-form-item input[type='radio']{
|
|
1266
1319
|
cursor: pointer;
|
|
1267
1320
|
position: relative;
|
|
1268
1321
|
height: 1rem;
|
|
@@ -1270,59 +1323,84 @@ a.ndl-btn{
|
|
|
1270
1323
|
border-width: 1px;
|
|
1271
1324
|
border-style: solid;
|
|
1272
1325
|
--tw-border-opacity: 1;
|
|
1273
|
-
border-color: rgb(
|
|
1326
|
+
border-color: rgb(113 119 128 / var(--tw-border-opacity));
|
|
1274
1327
|
border-radius: 4px;
|
|
1275
1328
|
-webkit-appearance: none;
|
|
1276
1329
|
-moz-appearance: none;
|
|
1277
1330
|
appearance: none;
|
|
1278
1331
|
}
|
|
1279
|
-
.ndl-form-item input[type='checkbox']:hover:
|
|
1280
|
-
|
|
1281
|
-
|
|
1282
|
-
|
|
1283
|
-
|
|
1284
|
-
|
|
1285
|
-
|
|
1332
|
+
.ndl-form-item input[type='checkbox'][role='checkbox']:not(:disabled):hover:before, .ndl-form-item input[type='radio']:not(:disabled):hover:before {
|
|
1333
|
+
content: '';
|
|
1334
|
+
position: absolute;
|
|
1335
|
+
width: calc(100% + 22px);
|
|
1336
|
+
height: calc(100% + 22px);
|
|
1337
|
+
border-radius: 100%;
|
|
1338
|
+
top: -11px;
|
|
1339
|
+
left: -11px;
|
|
1340
|
+
z-index: 1;
|
|
1341
|
+
background-color: rgba(113,119,128,0.1);
|
|
1342
|
+
}
|
|
1343
|
+
.ndl-form-item input[type='checkbox'][role='checkbox']:active:before, .ndl-form-item input[type='radio']:active:before {
|
|
1344
|
+
content: '';
|
|
1345
|
+
position: absolute;
|
|
1346
|
+
width: calc(100% + 22px);
|
|
1347
|
+
height: calc(100% + 22px);
|
|
1348
|
+
border-radius: 100%;
|
|
1349
|
+
top: -11px;
|
|
1350
|
+
left: -11px;
|
|
1351
|
+
z-index: 1;
|
|
1352
|
+
background-color: rgba(113,119,128,0.2);
|
|
1353
|
+
}
|
|
1354
|
+
.ndl-form-item input[type='checkbox'][role='checkbox']:focus-visible, .ndl-form-item input[type='radio']:focus-visible{
|
|
1286
1355
|
outline-style: solid;
|
|
1287
1356
|
outline-width: 2px;
|
|
1288
1357
|
outline-offset: 1px;
|
|
1289
|
-
outline-color: #
|
|
1358
|
+
outline-color: #018bff;
|
|
1290
1359
|
}
|
|
1291
|
-
.ndl-form-item input[type='checkbox']:
|
|
1292
|
-
outline-style: solid;
|
|
1293
|
-
outline-width: 10px;
|
|
1294
|
-
outline-offset: 0px;
|
|
1295
|
-
outline-color: rgb(196 200 205 / 0.2);
|
|
1296
|
-
}
|
|
1297
|
-
.ndl-form-item input[type='checkbox']:checked, .ndl-form-item input[type='radio']:checked{
|
|
1360
|
+
.ndl-form-item input[type='checkbox'][role='checkbox']:checked, .ndl-form-item input[type='radio']:checked{
|
|
1298
1361
|
--tw-border-opacity: 1;
|
|
1299
1362
|
border-color: rgb(0 111 214 / var(--tw-border-opacity));
|
|
1300
1363
|
--tw-bg-opacity: 1;
|
|
1301
1364
|
background-color: rgb(0 111 214 / var(--tw-bg-opacity));
|
|
1302
1365
|
}
|
|
1303
|
-
.ndl-form-item input[type='checkbox']:checked:hover, .ndl-form-item input[type='radio']:checked:hover{
|
|
1304
|
-
|
|
1305
|
-
|
|
1306
|
-
|
|
1307
|
-
|
|
1308
|
-
|
|
1309
|
-
|
|
1310
|
-
|
|
1366
|
+
.ndl-form-item input[type='checkbox'][role='checkbox']:checked:not(:disabled):hover:before, .ndl-form-item input[type='radio']:checked:not(:disabled):hover:before {
|
|
1367
|
+
content: '';
|
|
1368
|
+
position: absolute;
|
|
1369
|
+
width: calc(100% + 22px);
|
|
1370
|
+
height: calc(100% + 22px);
|
|
1371
|
+
border-radius: 100%;
|
|
1372
|
+
top: -11px;
|
|
1373
|
+
left: -11px;
|
|
1374
|
+
z-index: 1;
|
|
1375
|
+
background-color: rgba(1,139,255,0.08);
|
|
1376
|
+
}
|
|
1377
|
+
.ndl-form-item input[type='checkbox'][role='checkbox']:checked:active:before, .ndl-form-item input[type='radio']:checked:active:before {
|
|
1378
|
+
content: '';
|
|
1379
|
+
position: absolute;
|
|
1380
|
+
width: calc(100% + 22px);
|
|
1381
|
+
height: calc(100% + 22px);
|
|
1382
|
+
border-radius: 100%;
|
|
1383
|
+
top: -11px;
|
|
1384
|
+
left: -11px;
|
|
1385
|
+
z-index: 1;
|
|
1386
|
+
background-color: rgba(1,139,255,0.12);
|
|
1387
|
+
}
|
|
1388
|
+
.ndl-form-item input[type='checkbox'][role='checkbox']:disabled, .ndl-form-item input[type='radio']:disabled{
|
|
1311
1389
|
cursor: not-allowed;
|
|
1312
1390
|
--tw-border-opacity: 1;
|
|
1313
|
-
border-color: rgb(
|
|
1391
|
+
border-color: rgb(178 183 189 / var(--tw-border-opacity));
|
|
1314
1392
|
}
|
|
1315
|
-
.ndl-form-item input[type='checkbox']:disabled:checked, .ndl-form-item input[type='radio']:disabled:checked{
|
|
1393
|
+
.ndl-form-item input[type='checkbox'][role='checkbox']:disabled:checked, .ndl-form-item input[type='radio']:disabled:checked{
|
|
1316
1394
|
--tw-bg-opacity: 1;
|
|
1317
|
-
background-color: rgb(
|
|
1395
|
+
background-color: rgb(178 183 189 / var(--tw-bg-opacity));
|
|
1318
1396
|
}
|
|
1319
1397
|
/* Checkbox */
|
|
1320
1398
|
.ndl-form-item input[type='checkbox']::after {
|
|
1321
1399
|
font-size: 14px;
|
|
1322
1400
|
width: 100%;
|
|
1323
1401
|
position: absolute;
|
|
1324
|
-
top: 0;
|
|
1325
|
-
left: 0;
|
|
1402
|
+
top: -0.5px;
|
|
1403
|
+
left: 0.5px;
|
|
1326
1404
|
color: #fff;
|
|
1327
1405
|
}
|
|
1328
1406
|
.ndl-form-item input[type='checkbox']:checked::after {
|
|
@@ -1339,20 +1417,25 @@ a.ndl-btn{
|
|
|
1339
1417
|
}
|
|
1340
1418
|
.ndl-form-item input[type='checkbox']:disabled{
|
|
1341
1419
|
--tw-border-opacity: 1;
|
|
1342
|
-
border-color: rgb(
|
|
1343
|
-
--tw-bg-opacity: 1;
|
|
1344
|
-
background-color: rgb(230 233 238 / var(--tw-bg-opacity));
|
|
1420
|
+
border-color: rgb(178 183 189 / var(--tw-border-opacity));
|
|
1345
1421
|
}
|
|
1346
1422
|
/* Switch */
|
|
1347
1423
|
.ndl-form-item input[type='checkbox'][role='switch'] {
|
|
1348
1424
|
--thumb-size: 1rem;
|
|
1349
1425
|
--track-size: calc(var(--thumb-size) * 2);
|
|
1350
|
-
|
|
1351
|
-
--tw-bg-opacity: 1;
|
|
1352
|
-
background-color: rgb(230 233 238 / var(--tw-bg-opacity));
|
|
1353
|
-
border-style: none;
|
|
1426
|
+
position: relative;
|
|
1354
1427
|
display: grid;
|
|
1428
|
+
height: 1rem;
|
|
1429
|
+
width: 1rem;
|
|
1430
|
+
cursor: pointer;
|
|
1431
|
+
-webkit-appearance: none;
|
|
1432
|
+
-moz-appearance: none;
|
|
1433
|
+
appearance: none;
|
|
1355
1434
|
align-items: center;
|
|
1435
|
+
border-radius: 9999px;;
|
|
1436
|
+
border-style: none;
|
|
1437
|
+
--tw-bg-opacity: 1;
|
|
1438
|
+
background-color: rgb(178 183 189 / var(--tw-bg-opacity));
|
|
1356
1439
|
|
|
1357
1440
|
grid: [track] 1fr / [track] 1fr;
|
|
1358
1441
|
padding: 2px;
|
|
@@ -1363,11 +1446,27 @@ a.ndl-btn{
|
|
|
1363
1446
|
box-sizing: content-box;
|
|
1364
1447
|
transition: background-color 0.25s ease;
|
|
1365
1448
|
}
|
|
1366
|
-
.ndl-form-item input[type='checkbox'][role='switch']:hover:
|
|
1449
|
+
.ndl-form-item input[type='checkbox'][role='switch']:hover:checked:not(:disabled){
|
|
1450
|
+
outline-style: solid;
|
|
1451
|
+
outline-width: 3px;
|
|
1452
|
+
outline-color: rgba(1,139,255,0.08);
|
|
1453
|
+
}
|
|
1454
|
+
.ndl-form-item input[type='checkbox'][role='switch']:hover:not(:checked):not(:disabled){
|
|
1455
|
+
outline-style: solid;
|
|
1456
|
+
outline-width: 3px;
|
|
1457
|
+
outline-color: rgba(113,119,128,0.1);
|
|
1458
|
+
}
|
|
1459
|
+
.ndl-form-item input[type='checkbox'][role='switch']:active:checked{
|
|
1460
|
+
outline-style: solid;
|
|
1461
|
+
outline-width: 3px;
|
|
1462
|
+
outline-color: rgba(1,139,255,0.12);
|
|
1463
|
+
}
|
|
1464
|
+
.ndl-form-item input[type='checkbox'][role='switch']:active:not(:checked){
|
|
1465
|
+
outline-style: solid;
|
|
1367
1466
|
outline-width: 3px;
|
|
1368
|
-
outline-
|
|
1467
|
+
outline-color: rgba(113,119,128,0.2);
|
|
1369
1468
|
}
|
|
1370
|
-
.ndl-form-item input[type='checkbox'][role='switch']:focus:enabled{
|
|
1469
|
+
.ndl-form-item input[type='checkbox'][role='switch']:focus-visible:enabled{
|
|
1371
1470
|
outline-width: 2px;
|
|
1372
1471
|
outline-offset: 1px;
|
|
1373
1472
|
}
|
|
@@ -1382,6 +1481,12 @@ a.ndl-btn{
|
|
|
1382
1481
|
transform: translateX(0);
|
|
1383
1482
|
--tw-bg-opacity: 1;
|
|
1384
1483
|
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
|
1484
|
+
--tw-shadow: 0px 1px 2px 0px rgba(12, 26, 37, 0.18);
|
|
1485
|
+
--tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color);
|
|
1486
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
1487
|
+
}
|
|
1488
|
+
.ndl-form-item input[type='checkbox'][role='switch']:disabled::before {
|
|
1489
|
+
box-shadow: none;
|
|
1385
1490
|
}
|
|
1386
1491
|
.ndl-form-item input[type='checkbox'][role='switch']::after {
|
|
1387
1492
|
content: '';
|
|
@@ -1413,7 +1518,7 @@ a.ndl-btn{
|
|
|
1413
1518
|
.ndl-form-item input[type='radio']:checked{
|
|
1414
1519
|
border-width: 2px;
|
|
1415
1520
|
}
|
|
1416
|
-
.ndl-form-item input[type='radio']:checked::
|
|
1521
|
+
.ndl-form-item input[type='radio']:checked::after {
|
|
1417
1522
|
content: '';
|
|
1418
1523
|
border: 2px solid white;
|
|
1419
1524
|
width: 100%;
|
|
@@ -1429,6 +1534,10 @@ a.ndl-btn{
|
|
|
1429
1534
|
align-items: center;
|
|
1430
1535
|
-moz-column-gap: 0.75rem;
|
|
1431
1536
|
column-gap: 0.75rem;
|
|
1537
|
+
font-size: var(--font-size-body-medium);
|
|
1538
|
+
font-weight: var(--font-weight-normal);
|
|
1539
|
+
letter-spacing: 0.25px;
|
|
1540
|
+
line-height: 20px;
|
|
1432
1541
|
}
|
|
1433
1542
|
.ndl-form-item .form-item-label.fluid{
|
|
1434
1543
|
display: flex;
|
|
@@ -1440,7 +1549,7 @@ a.ndl-btn{
|
|
|
1440
1549
|
.ndl-form-item.disabled .form-item-label{
|
|
1441
1550
|
cursor: not-allowed;
|
|
1442
1551
|
--tw-text-opacity: 1;
|
|
1443
|
-
color: rgb(
|
|
1552
|
+
color: rgb(178 183 189 / var(--tw-text-opacity));
|
|
1444
1553
|
}
|
|
1445
1554
|
/**
|
|
1446
1555
|
*
|
|
@@ -1546,6 +1655,7 @@ a.ndl-btn{
|
|
|
1546
1655
|
}
|
|
1547
1656
|
.ndl-progress-bar-wrapper .details .estimated-time-heading{
|
|
1548
1657
|
margin-right: 5px;
|
|
1658
|
+
font-weight: 300;
|
|
1549
1659
|
}
|
|
1550
1660
|
.ndl-progress-bar-wrapper .details .estimated-time{
|
|
1551
1661
|
font-weight: 600;
|
|
@@ -1628,7 +1738,7 @@ a.ndl-btn{
|
|
|
1628
1738
|
padding-top: 0.5rem;
|
|
1629
1739
|
padding-bottom: 0.5rem;
|
|
1630
1740
|
--tw-bg-opacity: 1;
|
|
1631
|
-
background-color: rgb(
|
|
1741
|
+
background-color: rgb(238 241 246 / var(--tw-bg-opacity));
|
|
1632
1742
|
font-size: var(--font-size-body-medium);
|
|
1633
1743
|
font-weight: var(--font-weight-normal);
|
|
1634
1744
|
letter-spacing: 0.25px;
|
|
@@ -1890,16 +2000,16 @@ a.ndl-btn{
|
|
|
1890
2000
|
.ndl-view-selector > button{
|
|
1891
2001
|
cursor: pointer;
|
|
1892
2002
|
border-radius: 8px;
|
|
1893
|
-
--tw-ring-inset: inset;
|
|
1894
|
-
--tw-ring-opacity: 1;
|
|
1895
|
-
--tw-ring-color: rgb(1 139 255 / var(--tw-ring-opacity));
|
|
1896
2003
|
}
|
|
1897
|
-
.ndl-view-selector > button:focus{
|
|
2004
|
+
.ndl-view-selector > button :focus-visible{
|
|
1898
2005
|
outline: 2px solid transparent;
|
|
1899
2006
|
outline-offset: 2px;
|
|
1900
2007
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
1901
2008
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
1902
2009
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
2010
|
+
--tw-ring-inset: inset;
|
|
2011
|
+
--tw-ring-opacity: 1;
|
|
2012
|
+
--tw-ring-color: rgb(1 139 255 / var(--tw-ring-opacity));
|
|
1903
2013
|
}
|
|
1904
2014
|
.ndl-view-selector > button:hover{
|
|
1905
2015
|
background-color: rgba(113,119,128,0.1);
|
|
@@ -2030,7 +2140,7 @@ a.ndl-btn{
|
|
|
2030
2140
|
border-style: solid;
|
|
2031
2141
|
border-color: rgb(230 233 238 / var(--tw-border-opacity));
|
|
2032
2142
|
--tw-border-opacity: 1;
|
|
2033
|
-
border-bottom-color: rgb(
|
|
2143
|
+
border-bottom-color: rgb(1 139 255 / var(--tw-border-opacity));
|
|
2034
2144
|
}
|
|
2035
2145
|
.n-m-auto{
|
|
2036
2146
|
margin: auto;
|
|
@@ -2076,12 +2186,12 @@ a.ndl-btn{
|
|
|
2076
2186
|
.n-h-4{
|
|
2077
2187
|
height: 1rem;
|
|
2078
2188
|
}
|
|
2079
|
-
.n-h-10{
|
|
2080
|
-
height: 2.5rem;
|
|
2081
|
-
}
|
|
2082
2189
|
.n-h-6{
|
|
2083
2190
|
height: 1.5rem;
|
|
2084
2191
|
}
|
|
2192
|
+
.n-h-10{
|
|
2193
|
+
height: 2.5rem;
|
|
2194
|
+
}
|
|
2085
2195
|
.n-h-full{
|
|
2086
2196
|
height: 100%;
|
|
2087
2197
|
}
|
|
@@ -2097,12 +2207,12 @@ a.ndl-btn{
|
|
|
2097
2207
|
.n-w-4{
|
|
2098
2208
|
width: 1rem;
|
|
2099
2209
|
}
|
|
2100
|
-
.n-w-10{
|
|
2101
|
-
width: 2.5rem;
|
|
2102
|
-
}
|
|
2103
2210
|
.n-w-6{
|
|
2104
2211
|
width: 1.5rem;
|
|
2105
2212
|
}
|
|
2213
|
+
.n-w-10{
|
|
2214
|
+
width: 2.5rem;
|
|
2215
|
+
}
|
|
2106
2216
|
.n-w-full{
|
|
2107
2217
|
width: 100%;
|
|
2108
2218
|
}
|
|
@@ -2133,6 +2243,9 @@ a.ndl-btn{
|
|
|
2133
2243
|
.n-justify-between{
|
|
2134
2244
|
justify-content: space-between;
|
|
2135
2245
|
}
|
|
2246
|
+
.n-gap-6{
|
|
2247
|
+
gap: 1.5rem;
|
|
2248
|
+
}
|
|
2136
2249
|
.n-gap-12{
|
|
2137
2250
|
gap: 3rem;
|
|
2138
2251
|
}
|
|
@@ -2168,14 +2281,188 @@ a.ndl-btn{
|
|
|
2168
2281
|
.n-rounded-md{
|
|
2169
2282
|
border-radius: 6px;
|
|
2170
2283
|
}
|
|
2171
|
-
.n-border-neutral-
|
|
2284
|
+
.n-border-light-neutral-text-weakest{
|
|
2285
|
+
--tw-border-opacity: 1;
|
|
2286
|
+
border-color: rgb(178 183 189 / var(--tw-border-opacity));
|
|
2287
|
+
}
|
|
2288
|
+
.n-border-light-neutral-text-weaker{
|
|
2172
2289
|
--tw-border-opacity: 1;
|
|
2173
2290
|
border-color: rgb(113 119 128 / var(--tw-border-opacity));
|
|
2174
2291
|
}
|
|
2175
|
-
.n-border-neutral-
|
|
2292
|
+
.n-border-light-neutral-text-weak{
|
|
2293
|
+
--tw-border-opacity: 1;
|
|
2294
|
+
border-color: rgb(83 91 102 / var(--tw-border-opacity));
|
|
2295
|
+
}
|
|
2296
|
+
.n-border-light-neutral-text-default{
|
|
2297
|
+
--tw-border-opacity: 1;
|
|
2298
|
+
border-color: rgb(21 30 41 / var(--tw-border-opacity));
|
|
2299
|
+
}
|
|
2300
|
+
.n-border-light-neutral-text-inverse{
|
|
2301
|
+
--tw-border-opacity: 1;
|
|
2302
|
+
border-color: rgb(255 255 255 / var(--tw-border-opacity));
|
|
2303
|
+
}
|
|
2304
|
+
.n-border-light-neutral-bg-weak{
|
|
2305
|
+
--tw-border-opacity: 1;
|
|
2306
|
+
border-color: rgb(255 255 255 / var(--tw-border-opacity));
|
|
2307
|
+
}
|
|
2308
|
+
.n-border-light-neutral-bg-default{
|
|
2309
|
+
--tw-border-opacity: 1;
|
|
2310
|
+
border-color: rgb(245 247 250 / var(--tw-border-opacity));
|
|
2311
|
+
}
|
|
2312
|
+
.n-border-light-neutral-bg-strong{
|
|
2313
|
+
--tw-border-opacity: 1;
|
|
2314
|
+
border-color: rgb(230 233 238 / var(--tw-border-opacity));
|
|
2315
|
+
}
|
|
2316
|
+
.n-border-light-neutral-bg-strongest{
|
|
2317
|
+
--tw-border-opacity: 1;
|
|
2318
|
+
border-color: rgb(83 91 102 / var(--tw-border-opacity));
|
|
2319
|
+
}
|
|
2320
|
+
.n-border-light-neutral-border-weak{
|
|
2321
|
+
--tw-border-opacity: 1;
|
|
2322
|
+
border-color: rgb(238 241 246 / var(--tw-border-opacity));
|
|
2323
|
+
}
|
|
2324
|
+
.n-border-light-neutral-border-strong{
|
|
2176
2325
|
--tw-border-opacity: 1;
|
|
2177
2326
|
border-color: rgb(178 183 189 / var(--tw-border-opacity));
|
|
2178
2327
|
}
|
|
2328
|
+
.n-border-light-neutral-hover{
|
|
2329
|
+
border-color: rgba(113,119,128,0.1);
|
|
2330
|
+
}
|
|
2331
|
+
.n-border-light-neutral-pressed{
|
|
2332
|
+
border-color: rgba(113,119,128,0.2);
|
|
2333
|
+
}
|
|
2334
|
+
.n-border-light-primary-text{
|
|
2335
|
+
--tw-border-opacity: 1;
|
|
2336
|
+
border-color: rgb(0 111 214 / var(--tw-border-opacity));
|
|
2337
|
+
}
|
|
2338
|
+
.n-border-light-primary-icon{
|
|
2339
|
+
--tw-border-opacity: 1;
|
|
2340
|
+
border-color: rgb(0 111 214 / var(--tw-border-opacity));
|
|
2341
|
+
}
|
|
2342
|
+
.n-border-light-primary-bg-strong{
|
|
2343
|
+
--tw-border-opacity: 1;
|
|
2344
|
+
border-color: rgb(0 111 214 / var(--tw-border-opacity));
|
|
2345
|
+
}
|
|
2346
|
+
.n-border-light-primary-bg-weak{
|
|
2347
|
+
--tw-border-opacity: 1;
|
|
2348
|
+
border-color: rgb(230 248 255 / var(--tw-border-opacity));
|
|
2349
|
+
}
|
|
2350
|
+
.n-border-light-primary-border-strong{
|
|
2351
|
+
--tw-border-opacity: 1;
|
|
2352
|
+
border-color: rgb(0 111 214 / var(--tw-border-opacity));
|
|
2353
|
+
}
|
|
2354
|
+
.n-border-light-primary-border-weak{
|
|
2355
|
+
--tw-border-opacity: 1;
|
|
2356
|
+
border-color: rgb(122 209 255 / var(--tw-border-opacity));
|
|
2357
|
+
}
|
|
2358
|
+
.n-border-light-primary-focus{
|
|
2359
|
+
--tw-border-opacity: 1;
|
|
2360
|
+
border-color: rgb(1 139 255 / var(--tw-border-opacity));
|
|
2361
|
+
}
|
|
2362
|
+
.n-border-light-primary-hover-weak{
|
|
2363
|
+
border-color: rgba(1,139,255,0.08);
|
|
2364
|
+
}
|
|
2365
|
+
.n-border-light-primary-hover-strong{
|
|
2366
|
+
--tw-border-opacity: 1;
|
|
2367
|
+
border-color: rgb(0 86 179 / var(--tw-border-opacity));
|
|
2368
|
+
}
|
|
2369
|
+
.n-border-light-primary-pressed-weak{
|
|
2370
|
+
border-color: rgba(1,139,255,0.12);
|
|
2371
|
+
}
|
|
2372
|
+
.n-border-light-primary-pressed-strong{
|
|
2373
|
+
--tw-border-opacity: 1;
|
|
2374
|
+
border-color: rgb(0 64 146 / var(--tw-border-opacity));
|
|
2375
|
+
}
|
|
2376
|
+
.n-border-light-danger-text{
|
|
2377
|
+
--tw-border-opacity: 1;
|
|
2378
|
+
border-color: rgb(204 37 75 / var(--tw-border-opacity));
|
|
2379
|
+
}
|
|
2380
|
+
.n-border-light-danger-icon{
|
|
2381
|
+
--tw-border-opacity: 1;
|
|
2382
|
+
border-color: rgb(204 37 75 / var(--tw-border-opacity));
|
|
2383
|
+
}
|
|
2384
|
+
.n-border-light-danger-bg-strong{
|
|
2385
|
+
--tw-border-opacity: 1;
|
|
2386
|
+
border-color: rgb(204 37 75 / var(--tw-border-opacity));
|
|
2387
|
+
}
|
|
2388
|
+
.n-border-light-danger-bg-weak{
|
|
2389
|
+
--tw-border-opacity: 1;
|
|
2390
|
+
border-color: rgb(255 230 233 / var(--tw-border-opacity));
|
|
2391
|
+
}
|
|
2392
|
+
.n-border-light-danger-border-strong{
|
|
2393
|
+
--tw-border-opacity: 1;
|
|
2394
|
+
border-color: rgb(204 37 75 / var(--tw-border-opacity));
|
|
2395
|
+
}
|
|
2396
|
+
.n-border-light-danger-border-weak{
|
|
2397
|
+
--tw-border-opacity: 1;
|
|
2398
|
+
border-color: rgb(255 184 196 / var(--tw-border-opacity));
|
|
2399
|
+
}
|
|
2400
|
+
.n-border-light-danger-hover-weak{
|
|
2401
|
+
border-color: rgba(237,18,82,0.08);
|
|
2402
|
+
}
|
|
2403
|
+
.n-border-light-danger-hover-strong{
|
|
2404
|
+
--tw-border-opacity: 1;
|
|
2405
|
+
border-color: rgb(161 0 59 / var(--tw-border-opacity));
|
|
2406
|
+
}
|
|
2407
|
+
.n-border-light-danger-pressed-weak{
|
|
2408
|
+
border-color: rgba(237,18,82,0.12);
|
|
2409
|
+
}
|
|
2410
|
+
.n-border-light-danger-pressed-strong{
|
|
2411
|
+
--tw-border-opacity: 1;
|
|
2412
|
+
border-color: rgb(122 0 49 / var(--tw-border-opacity));
|
|
2413
|
+
}
|
|
2414
|
+
.n-border-light-warning-text{
|
|
2415
|
+
--tw-border-opacity: 1;
|
|
2416
|
+
border-color: rgb(150 108 46 / var(--tw-border-opacity));
|
|
2417
|
+
}
|
|
2418
|
+
.n-border-light-warning-icon{
|
|
2419
|
+
--tw-border-opacity: 1;
|
|
2420
|
+
border-color: rgb(150 108 46 / var(--tw-border-opacity));
|
|
2421
|
+
}
|
|
2422
|
+
.n-border-light-warning-bg-strong{
|
|
2423
|
+
--tw-border-opacity: 1;
|
|
2424
|
+
border-color: rgb(150 108 46 / var(--tw-border-opacity));
|
|
2425
|
+
}
|
|
2426
|
+
.n-border-light-warning-bg-weak{
|
|
2427
|
+
--tw-border-opacity: 1;
|
|
2428
|
+
border-color: rgb(255 251 222 / var(--tw-border-opacity));
|
|
2429
|
+
}
|
|
2430
|
+
.n-border-light-warning-border-strong{
|
|
2431
|
+
--tw-border-opacity: 1;
|
|
2432
|
+
border-color: rgb(150 108 46 / var(--tw-border-opacity));
|
|
2433
|
+
}
|
|
2434
|
+
.n-border-light-warning-border-weak{
|
|
2435
|
+
--tw-border-opacity: 1;
|
|
2436
|
+
border-color: rgb(255 234 140 / var(--tw-border-opacity));
|
|
2437
|
+
}
|
|
2438
|
+
.n-border-light-success-text{
|
|
2439
|
+
--tw-border-opacity: 1;
|
|
2440
|
+
border-color: rgb(50 125 96 / var(--tw-border-opacity));
|
|
2441
|
+
}
|
|
2442
|
+
.n-border-light-success-icon{
|
|
2443
|
+
--tw-border-opacity: 1;
|
|
2444
|
+
border-color: rgb(50 125 96 / var(--tw-border-opacity));
|
|
2445
|
+
}
|
|
2446
|
+
.n-border-light-success-bg-strong{
|
|
2447
|
+
--tw-border-opacity: 1;
|
|
2448
|
+
border-color: rgb(50 125 96 / var(--tw-border-opacity));
|
|
2449
|
+
}
|
|
2450
|
+
.n-border-light-success-bg-weak{
|
|
2451
|
+
--tw-border-opacity: 1;
|
|
2452
|
+
border-color: rgb(225 250 239 / var(--tw-border-opacity));
|
|
2453
|
+
}
|
|
2454
|
+
.n-border-light-success-border-strong{
|
|
2455
|
+
--tw-border-opacity: 1;
|
|
2456
|
+
border-color: rgb(50 125 96 / var(--tw-border-opacity));
|
|
2457
|
+
}
|
|
2458
|
+
.n-border-light-success-border-weak{
|
|
2459
|
+
--tw-border-opacity: 1;
|
|
2460
|
+
border-color: rgb(152 237 203 / var(--tw-border-opacity));
|
|
2461
|
+
}
|
|
2462
|
+
.n-border-neutral-70{
|
|
2463
|
+
--tw-border-opacity: 1;
|
|
2464
|
+
border-color: rgb(113 119 128 / var(--tw-border-opacity));
|
|
2465
|
+
}
|
|
2179
2466
|
.n-border-b-neutral-40{
|
|
2180
2467
|
--tw-border-opacity: 1;
|
|
2181
2468
|
border-bottom-color: rgb(230 233 238 / var(--tw-border-opacity));
|
|
@@ -3007,8 +3294,13 @@ a.ndl-btn{
|
|
|
3007
3294
|
.\[http\:\/\/neo4j\.com\]{
|
|
3008
3295
|
http: //neo4j.com;
|
|
3009
3296
|
}
|
|
3010
|
-
body,
|
|
3297
|
+
body,
|
|
3298
|
+
html {
|
|
3011
3299
|
font-family: 'Nunito Sans', sans-serif;
|
|
3300
|
+
/* Ensure all the products will have antialiasing when using Needle */
|
|
3301
|
+
-webkit-font-smoothing: antialiased;
|
|
3302
|
+
-moz-osx-font-smoothing: grayscale;
|
|
3303
|
+
text-rendering: optimizeLegibility;
|
|
3012
3304
|
}
|
|
3013
3305
|
.first\:n-rounded-t-sm:first-child{
|
|
3014
3306
|
border-top-left-radius: 4px;
|
|
@@ -3022,6 +3314,184 @@ body, html {
|
|
|
3022
3314
|
--tw-rotate: 12deg;
|
|
3023
3315
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
3024
3316
|
}
|
|
3317
|
+
.hover\:n-border-light-neutral-text-weakest:hover{
|
|
3318
|
+
--tw-border-opacity: 1;
|
|
3319
|
+
border-color: rgb(178 183 189 / var(--tw-border-opacity));
|
|
3320
|
+
}
|
|
3321
|
+
.hover\:n-border-light-neutral-text-weaker:hover{
|
|
3322
|
+
--tw-border-opacity: 1;
|
|
3323
|
+
border-color: rgb(113 119 128 / var(--tw-border-opacity));
|
|
3324
|
+
}
|
|
3325
|
+
.hover\:n-border-light-neutral-text-weak:hover{
|
|
3326
|
+
--tw-border-opacity: 1;
|
|
3327
|
+
border-color: rgb(83 91 102 / var(--tw-border-opacity));
|
|
3328
|
+
}
|
|
3329
|
+
.hover\:n-border-light-neutral-text-default:hover{
|
|
3330
|
+
--tw-border-opacity: 1;
|
|
3331
|
+
border-color: rgb(21 30 41 / var(--tw-border-opacity));
|
|
3332
|
+
}
|
|
3333
|
+
.hover\:n-border-light-neutral-text-inverse:hover{
|
|
3334
|
+
--tw-border-opacity: 1;
|
|
3335
|
+
border-color: rgb(255 255 255 / var(--tw-border-opacity));
|
|
3336
|
+
}
|
|
3337
|
+
.hover\:n-border-light-neutral-bg-weak:hover{
|
|
3338
|
+
--tw-border-opacity: 1;
|
|
3339
|
+
border-color: rgb(255 255 255 / var(--tw-border-opacity));
|
|
3340
|
+
}
|
|
3341
|
+
.hover\:n-border-light-neutral-bg-default:hover{
|
|
3342
|
+
--tw-border-opacity: 1;
|
|
3343
|
+
border-color: rgb(245 247 250 / var(--tw-border-opacity));
|
|
3344
|
+
}
|
|
3345
|
+
.hover\:n-border-light-neutral-bg-strong:hover{
|
|
3346
|
+
--tw-border-opacity: 1;
|
|
3347
|
+
border-color: rgb(230 233 238 / var(--tw-border-opacity));
|
|
3348
|
+
}
|
|
3349
|
+
.hover\:n-border-light-neutral-bg-strongest:hover{
|
|
3350
|
+
--tw-border-opacity: 1;
|
|
3351
|
+
border-color: rgb(83 91 102 / var(--tw-border-opacity));
|
|
3352
|
+
}
|
|
3353
|
+
.hover\:n-border-light-neutral-border-weak:hover{
|
|
3354
|
+
--tw-border-opacity: 1;
|
|
3355
|
+
border-color: rgb(238 241 246 / var(--tw-border-opacity));
|
|
3356
|
+
}
|
|
3357
|
+
.hover\:n-border-light-neutral-border-strong:hover{
|
|
3358
|
+
--tw-border-opacity: 1;
|
|
3359
|
+
border-color: rgb(178 183 189 / var(--tw-border-opacity));
|
|
3360
|
+
}
|
|
3361
|
+
.hover\:n-border-light-neutral-hover:hover{
|
|
3362
|
+
border-color: rgba(113,119,128,0.1);
|
|
3363
|
+
}
|
|
3364
|
+
.hover\:n-border-light-neutral-pressed:hover{
|
|
3365
|
+
border-color: rgba(113,119,128,0.2);
|
|
3366
|
+
}
|
|
3367
|
+
.hover\:n-border-light-primary-text:hover{
|
|
3368
|
+
--tw-border-opacity: 1;
|
|
3369
|
+
border-color: rgb(0 111 214 / var(--tw-border-opacity));
|
|
3370
|
+
}
|
|
3371
|
+
.hover\:n-border-light-primary-icon:hover{
|
|
3372
|
+
--tw-border-opacity: 1;
|
|
3373
|
+
border-color: rgb(0 111 214 / var(--tw-border-opacity));
|
|
3374
|
+
}
|
|
3375
|
+
.hover\:n-border-light-primary-bg-strong:hover{
|
|
3376
|
+
--tw-border-opacity: 1;
|
|
3377
|
+
border-color: rgb(0 111 214 / var(--tw-border-opacity));
|
|
3378
|
+
}
|
|
3379
|
+
.hover\:n-border-light-primary-bg-weak:hover{
|
|
3380
|
+
--tw-border-opacity: 1;
|
|
3381
|
+
border-color: rgb(230 248 255 / var(--tw-border-opacity));
|
|
3382
|
+
}
|
|
3383
|
+
.hover\:n-border-light-primary-border-strong:hover{
|
|
3384
|
+
--tw-border-opacity: 1;
|
|
3385
|
+
border-color: rgb(0 111 214 / var(--tw-border-opacity));
|
|
3386
|
+
}
|
|
3387
|
+
.hover\:n-border-light-primary-border-weak:hover{
|
|
3388
|
+
--tw-border-opacity: 1;
|
|
3389
|
+
border-color: rgb(122 209 255 / var(--tw-border-opacity));
|
|
3390
|
+
}
|
|
3391
|
+
.hover\:n-border-light-primary-focus:hover{
|
|
3392
|
+
--tw-border-opacity: 1;
|
|
3393
|
+
border-color: rgb(1 139 255 / var(--tw-border-opacity));
|
|
3394
|
+
}
|
|
3395
|
+
.hover\:n-border-light-primary-hover-weak:hover{
|
|
3396
|
+
border-color: rgba(1,139,255,0.08);
|
|
3397
|
+
}
|
|
3398
|
+
.hover\:n-border-light-primary-hover-strong:hover{
|
|
3399
|
+
--tw-border-opacity: 1;
|
|
3400
|
+
border-color: rgb(0 86 179 / var(--tw-border-opacity));
|
|
3401
|
+
}
|
|
3402
|
+
.hover\:n-border-light-primary-pressed-weak:hover{
|
|
3403
|
+
border-color: rgba(1,139,255,0.12);
|
|
3404
|
+
}
|
|
3405
|
+
.hover\:n-border-light-primary-pressed-strong:hover{
|
|
3406
|
+
--tw-border-opacity: 1;
|
|
3407
|
+
border-color: rgb(0 64 146 / var(--tw-border-opacity));
|
|
3408
|
+
}
|
|
3409
|
+
.hover\:n-border-light-danger-text:hover{
|
|
3410
|
+
--tw-border-opacity: 1;
|
|
3411
|
+
border-color: rgb(204 37 75 / var(--tw-border-opacity));
|
|
3412
|
+
}
|
|
3413
|
+
.hover\:n-border-light-danger-icon:hover{
|
|
3414
|
+
--tw-border-opacity: 1;
|
|
3415
|
+
border-color: rgb(204 37 75 / var(--tw-border-opacity));
|
|
3416
|
+
}
|
|
3417
|
+
.hover\:n-border-light-danger-bg-strong:hover{
|
|
3418
|
+
--tw-border-opacity: 1;
|
|
3419
|
+
border-color: rgb(204 37 75 / var(--tw-border-opacity));
|
|
3420
|
+
}
|
|
3421
|
+
.hover\:n-border-light-danger-bg-weak:hover{
|
|
3422
|
+
--tw-border-opacity: 1;
|
|
3423
|
+
border-color: rgb(255 230 233 / var(--tw-border-opacity));
|
|
3424
|
+
}
|
|
3425
|
+
.hover\:n-border-light-danger-border-strong:hover{
|
|
3426
|
+
--tw-border-opacity: 1;
|
|
3427
|
+
border-color: rgb(204 37 75 / var(--tw-border-opacity));
|
|
3428
|
+
}
|
|
3429
|
+
.hover\:n-border-light-danger-border-weak:hover{
|
|
3430
|
+
--tw-border-opacity: 1;
|
|
3431
|
+
border-color: rgb(255 184 196 / var(--tw-border-opacity));
|
|
3432
|
+
}
|
|
3433
|
+
.hover\:n-border-light-danger-hover-weak:hover{
|
|
3434
|
+
border-color: rgba(237,18,82,0.08);
|
|
3435
|
+
}
|
|
3436
|
+
.hover\:n-border-light-danger-hover-strong:hover{
|
|
3437
|
+
--tw-border-opacity: 1;
|
|
3438
|
+
border-color: rgb(161 0 59 / var(--tw-border-opacity));
|
|
3439
|
+
}
|
|
3440
|
+
.hover\:n-border-light-danger-pressed-weak:hover{
|
|
3441
|
+
border-color: rgba(237,18,82,0.12);
|
|
3442
|
+
}
|
|
3443
|
+
.hover\:n-border-light-danger-pressed-strong:hover{
|
|
3444
|
+
--tw-border-opacity: 1;
|
|
3445
|
+
border-color: rgb(122 0 49 / var(--tw-border-opacity));
|
|
3446
|
+
}
|
|
3447
|
+
.hover\:n-border-light-warning-text:hover{
|
|
3448
|
+
--tw-border-opacity: 1;
|
|
3449
|
+
border-color: rgb(150 108 46 / var(--tw-border-opacity));
|
|
3450
|
+
}
|
|
3451
|
+
.hover\:n-border-light-warning-icon:hover{
|
|
3452
|
+
--tw-border-opacity: 1;
|
|
3453
|
+
border-color: rgb(150 108 46 / var(--tw-border-opacity));
|
|
3454
|
+
}
|
|
3455
|
+
.hover\:n-border-light-warning-bg-strong:hover{
|
|
3456
|
+
--tw-border-opacity: 1;
|
|
3457
|
+
border-color: rgb(150 108 46 / var(--tw-border-opacity));
|
|
3458
|
+
}
|
|
3459
|
+
.hover\:n-border-light-warning-bg-weak:hover{
|
|
3460
|
+
--tw-border-opacity: 1;
|
|
3461
|
+
border-color: rgb(255 251 222 / var(--tw-border-opacity));
|
|
3462
|
+
}
|
|
3463
|
+
.hover\:n-border-light-warning-border-strong:hover{
|
|
3464
|
+
--tw-border-opacity: 1;
|
|
3465
|
+
border-color: rgb(150 108 46 / var(--tw-border-opacity));
|
|
3466
|
+
}
|
|
3467
|
+
.hover\:n-border-light-warning-border-weak:hover{
|
|
3468
|
+
--tw-border-opacity: 1;
|
|
3469
|
+
border-color: rgb(255 234 140 / var(--tw-border-opacity));
|
|
3470
|
+
}
|
|
3471
|
+
.hover\:n-border-light-success-text:hover{
|
|
3472
|
+
--tw-border-opacity: 1;
|
|
3473
|
+
border-color: rgb(50 125 96 / var(--tw-border-opacity));
|
|
3474
|
+
}
|
|
3475
|
+
.hover\:n-border-light-success-icon:hover{
|
|
3476
|
+
--tw-border-opacity: 1;
|
|
3477
|
+
border-color: rgb(50 125 96 / var(--tw-border-opacity));
|
|
3478
|
+
}
|
|
3479
|
+
.hover\:n-border-light-success-bg-strong:hover{
|
|
3480
|
+
--tw-border-opacity: 1;
|
|
3481
|
+
border-color: rgb(50 125 96 / var(--tw-border-opacity));
|
|
3482
|
+
}
|
|
3483
|
+
.hover\:n-border-light-success-bg-weak:hover{
|
|
3484
|
+
--tw-border-opacity: 1;
|
|
3485
|
+
border-color: rgb(225 250 239 / var(--tw-border-opacity));
|
|
3486
|
+
}
|
|
3487
|
+
.hover\:n-border-light-success-border-strong:hover{
|
|
3488
|
+
--tw-border-opacity: 1;
|
|
3489
|
+
border-color: rgb(50 125 96 / var(--tw-border-opacity));
|
|
3490
|
+
}
|
|
3491
|
+
.hover\:n-border-light-success-border-weak:hover{
|
|
3492
|
+
--tw-border-opacity: 1;
|
|
3493
|
+
border-color: rgb(152 237 203 / var(--tw-border-opacity));
|
|
3494
|
+
}
|
|
3025
3495
|
.hover\:n-bg-primary-10:hover{
|
|
3026
3496
|
--tw-bg-opacity: 1;
|
|
3027
3497
|
background-color: rgb(230 248 255 / var(--tw-bg-opacity));
|
package/lib/optimised.config.js
CHANGED
|
@@ -51,6 +51,10 @@ module.exports = {
|
|
|
51
51
|
pattern: /^(hover:)?n-bg-(light|primary|danger|warning|success|blueberry|mint|neutral)-/,
|
|
52
52
|
variants: ['hover']
|
|
53
53
|
},
|
|
54
|
+
{
|
|
55
|
+
pattern: /^(hover:)?n-border-light-/,
|
|
56
|
+
variants: ['hover']
|
|
57
|
+
},
|
|
54
58
|
],
|
|
55
59
|
theme: __assign(__assign({}, tailwindConfig), { screens: {
|
|
56
60
|
sm: '640px',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"optimised.config.js","sourceRoot":"","sources":["../src/optimised.config.js"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;AAEH,IAAM,cAAc,GAAG,OAAO,CAAC,qBAAqB,CAAC,CAAC;AAEtD;;;;GAIG;AACH,MAAM,CAAC,OAAO,GAAG;IACf,MAAM,EAAE,IAAI;IACZ,OAAO,EAAE,CAAC,kCAAkC,CAAC;IAC7C,mEAAmE;IACnE,qDAAqD;IACrD,iDAAiD;IACjD,QAAQ,EAAE;QACR;YACE,OAAO,EACL,iFAAiF;YACnF,QAAQ,EAAE,CAAC,OAAO,CAAC;SACpB;QACD;YACE,OAAO,EACL,+EAA+E;YACjF,QAAQ,EAAE,CAAC,OAAO,CAAC;SACpB;KACF;IACD,KAAK,wBACA,cAAc,KACjB,OAAO,EAAE;YACP,EAAE,EAAE,OAAO;YACX,EAAE,EAAE,OAAO;YACX,EAAE,EAAE,QAAQ;SACb,EACD,MAAM,EAAE;YACN,MAAM,EAAE;gBACN,WAAW,EAAE,aAAa;gBAC1B,OAAO,EAAE,cAAc;aACxB;SACF,GACF;IACD,gCAAgC;IAChC,0DAA0D;IAC1D,OAAO,EAAE,EAAE;CACZ,CAAC"}
|
|
1
|
+
{"version":3,"file":"optimised.config.js","sourceRoot":"","sources":["../src/optimised.config.js"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;AAEH,IAAM,cAAc,GAAG,OAAO,CAAC,qBAAqB,CAAC,CAAC;AAEtD;;;;GAIG;AACH,MAAM,CAAC,OAAO,GAAG;IACf,MAAM,EAAE,IAAI;IACZ,OAAO,EAAE,CAAC,kCAAkC,CAAC;IAC7C,mEAAmE;IACnE,qDAAqD;IACrD,iDAAiD;IACjD,QAAQ,EAAE;QACR;YACE,OAAO,EACL,iFAAiF;YACnF,QAAQ,EAAE,CAAC,OAAO,CAAC;SACpB;QACD;YACE,OAAO,EACL,+EAA+E;YACjF,QAAQ,EAAE,CAAC,OAAO,CAAC;SACpB;QACD;YACE,OAAO,EAAE,2BAA2B;YACpC,QAAQ,EAAE,CAAC,OAAO,CAAC;SACpB;KACF;IACD,KAAK,wBACA,cAAc,KACjB,OAAO,EAAE;YACP,EAAE,EAAE,OAAO;YACX,EAAE,EAAE,OAAO;YACX,EAAE,EAAE,QAAQ;SACb,EACD,MAAM,EAAE;YACN,MAAM,EAAE;gBACN,WAAW,EAAE,aAAa;gBAC1B,OAAO,EAAE,cAAc;aACxB;SACF,GACF;IACD,gCAAgC;IAChC,0DAA0D;IAC1D,OAAO,EAAE,EAAE;CACZ,CAAC"}
|
package/lib/tokens/js/tokens.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@neo4j-ndl/base",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.4",
|
|
4
4
|
"description": "Neo4j base package for the design system",
|
|
5
5
|
"author": "Neo4j Inc.",
|
|
6
6
|
"homepage": "",
|
|
@@ -22,8 +22,7 @@
|
|
|
22
22
|
"build-style-dictionary": "style-dictionary build --config sd.config.js",
|
|
23
23
|
"build-tailwind-css": "postcss src/styles.css -o lib/neo4j-ds-styles.css",
|
|
24
24
|
"watch-tailwind-css": "postcss -w src/styles.css -o lib/neo4j-ds-styles.css",
|
|
25
|
-
"
|
|
26
|
-
"build": "yarn build-style-dictionary && yarn tsc && yarn build-tailwind-css"
|
|
25
|
+
"build": "yarn build-style-dictionary && tsc && yarn build-tailwind-css"
|
|
27
26
|
},
|
|
28
27
|
"devDependencies": {
|
|
29
28
|
"@testing-library/jest-dom": "^5.15.1",
|
|
@@ -39,5 +38,5 @@
|
|
|
39
38
|
"ts-node": "^10.4.0",
|
|
40
39
|
"typescript": "^4.4.4"
|
|
41
40
|
},
|
|
42
|
-
"gitHead": "
|
|
41
|
+
"gitHead": "13bd473ddaadf7505309bc53ade8b44deed1514f"
|
|
43
42
|
}
|