@neo4j-ndl/base 0.1.2 → 0.1.3-alpha.19
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 +1076 -167
- package/lib/optimised.config.d.ts +8 -10
- package/lib/optimised.config.js +5 -5
- package/lib/optimised.config.js.map +1 -1
- package/lib/tailwindConfig.d.ts +8 -5
- package/lib/tailwindConfig.js +1 -5
- package/lib/tailwindConfig.js.map +1 -1
- package/lib/tokens/css/tokens.css +8 -2
- package/lib/tokens/js/tokens-raw.js +111 -3
- package/lib/tokens/js/tokens.d.ts +8 -0
- package/lib/tokens/js/tokens.js +10 -2
- package/lib/tokens/js/tokens.js.map +1 -1
- package/lib/tokens/scss/tokens.scss +8 -2
- package/package.json +5 -6
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"
|
|
@@ -21,7 +21,7 @@
|
|
|
21
21
|
* You should have received a copy of the GNU General Public License
|
|
22
22
|
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
23
23
|
*/
|
|
24
|
-
/*! tailwindcss v3.0.
|
|
24
|
+
/*! tailwindcss v3.0.23 | MIT License | https://tailwindcss.com
|
|
25
25
|
*/
|
|
26
26
|
/*
|
|
27
27
|
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
|
|
@@ -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
|
|
423
|
+
* Generated on Thu, 28 Apr 2022 09:35:26 GMT
|
|
424
424
|
*/
|
|
425
425
|
:root {
|
|
426
426
|
--border-radius-sm: 4px;
|
|
@@ -432,7 +432,13 @@ Ensure the default browser behavior of the `hidden` attribute.
|
|
|
432
432
|
--border-radius-3xl: 16px;
|
|
433
433
|
--border-radius-4xl: 18px;
|
|
434
434
|
--border-radius-5xl: 20px;
|
|
435
|
-
--border-radius-full: 9999px
|
|
435
|
+
--border-radius-full: 9999px;
|
|
436
|
+
--breakpoints-xs: 450px; /* Extra small screen / phone, only one not included with Tailwind CSS */
|
|
437
|
+
--breakpoints-sm: 640px; /* Check here: https://tailwindcss.com/docs/responsive-design */
|
|
438
|
+
--breakpoints-md: 768px;
|
|
439
|
+
--breakpoints-lg: 1024px;
|
|
440
|
+
--breakpoints-xl: 1280px;
|
|
441
|
+
--breakpoints-2xl: 1536px;
|
|
436
442
|
--colors-primary-10: 230, 248, 255 /* #e6f8ff */; /* lighest shade of brand primary color */
|
|
437
443
|
--colors-primary-20: 163, 226, 255 /* #a3e2ff */;
|
|
438
444
|
--colors-primary-30: 122, 209, 255 /* #7ad1ff */;
|
|
@@ -575,7 +581,7 @@ h1,
|
|
|
575
581
|
.h1 {
|
|
576
582
|
font-size: var(--font-size-h1);
|
|
577
583
|
font-weight: var(--font-weight-bold);
|
|
578
|
-
letter-spacing: 0.25px;
|
|
584
|
+
letter-spacing: -0.25px;
|
|
579
585
|
line-height: 60px;
|
|
580
586
|
}
|
|
581
587
|
h2,
|
|
@@ -583,7 +589,7 @@ h2,
|
|
|
583
589
|
font-size: var(--font-size-h2);
|
|
584
590
|
font-weight: var(--font-weight-bold);
|
|
585
591
|
letter-spacing: 0px;
|
|
586
|
-
line-height:
|
|
592
|
+
line-height: 48px;
|
|
587
593
|
}
|
|
588
594
|
h3,
|
|
589
595
|
.h3 {
|
|
@@ -827,9 +833,11 @@ a.ndl-btn{
|
|
|
827
833
|
max-width: max-content;
|
|
828
834
|
flex-direction: column;
|
|
829
835
|
justify-content: center;
|
|
830
|
-
border-radius: 9999px
|
|
836
|
+
border-radius: 9999px;
|
|
831
837
|
padding-left: 0.5rem;
|
|
832
838
|
padding-right: 0.5rem;
|
|
839
|
+
padding-top: 0.125rem;
|
|
840
|
+
padding-bottom: 0.125rem;
|
|
833
841
|
font-weight: 700;
|
|
834
842
|
text-transform: capitalize;
|
|
835
843
|
line-height: 1.25rem;
|
|
@@ -848,14 +856,18 @@ a.ndl-btn{
|
|
|
848
856
|
height: 0.5rem;
|
|
849
857
|
width: 0.5rem;
|
|
850
858
|
}
|
|
859
|
+
.ndl-label.clean .label-text{
|
|
860
|
+
--tw-text-opacity: 1;
|
|
861
|
+
color: rgb(21 30 41 / var(--tw-text-opacity));
|
|
862
|
+
}
|
|
851
863
|
.ndl-label.outlined{
|
|
852
|
-
border-width:
|
|
864
|
+
border-width: 0.5px;
|
|
853
865
|
border-style: solid;
|
|
854
866
|
--tw-bg-opacity: 1;
|
|
855
867
|
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
|
856
868
|
}
|
|
857
869
|
.ndl-label.semi-filled{
|
|
858
|
-
border-width:
|
|
870
|
+
border-width: 0.5px;
|
|
859
871
|
border-style: solid;
|
|
860
872
|
}
|
|
861
873
|
/**
|
|
@@ -880,15 +892,37 @@ a.ndl-btn{
|
|
|
880
892
|
*/
|
|
881
893
|
.ndl-tabs.underline {
|
|
882
894
|
border-bottom-style: solid;
|
|
883
|
-
|
|
884
|
-
|
|
895
|
+
/* @apply n-border-b-light-neutral-border-weak n-text-light-neutral-text-weak n-relative; */
|
|
896
|
+
position: relative;
|
|
885
897
|
}
|
|
886
|
-
|
|
887
|
-
|
|
888
|
-
|
|
889
|
-
|
|
890
|
-
|
|
891
|
-
|
|
898
|
+
/**
|
|
899
|
+
* We use an :after pseudo element to draw the
|
|
900
|
+
* underline inside the component
|
|
901
|
+
*/
|
|
902
|
+
.ndl-tabs.underline.small:after {
|
|
903
|
+
content: '';
|
|
904
|
+
position: absolute;
|
|
905
|
+
width: 100%;
|
|
906
|
+
height: 1px;
|
|
907
|
+
bottom: 0px;
|
|
908
|
+
/* Hack to not be visible beneath the bottom blue border */
|
|
909
|
+
left: 1px;
|
|
910
|
+
z-index: 0;
|
|
911
|
+
--tw-bg-opacity: 1;
|
|
912
|
+
background-color: rgb(238 241 246 / var(--tw-bg-opacity));
|
|
913
|
+
}
|
|
914
|
+
.ndl-tabs.underline.large:after {
|
|
915
|
+
content: '';
|
|
916
|
+
position: absolute;
|
|
917
|
+
width: 100%;
|
|
918
|
+
height: 2px;
|
|
919
|
+
bottom: 0px;
|
|
920
|
+
/* Hack to not be visible beneath the bottom blue border */
|
|
921
|
+
left: 1px;
|
|
922
|
+
z-index: 0;
|
|
923
|
+
--tw-bg-opacity: 1;
|
|
924
|
+
background-color: rgb(238 241 246 / var(--tw-bg-opacity));
|
|
925
|
+
}
|
|
892
926
|
.ndl-tabs .tab {
|
|
893
927
|
font-weight: 600;
|
|
894
928
|
background: none;
|
|
@@ -931,16 +965,37 @@ a.ndl-btn{
|
|
|
931
965
|
--tw-text-opacity: 1;
|
|
932
966
|
color: rgb(178 183 189 / var(--tw-text-opacity));
|
|
933
967
|
}
|
|
934
|
-
.ndl-tabs .tab.underline
|
|
935
|
-
|
|
968
|
+
.ndl-tabs .tab.underline {
|
|
969
|
+
/* To be always above bottom border */
|
|
970
|
+
z-index: 1;
|
|
971
|
+
}
|
|
972
|
+
.ndl-tabs .tab.underline:not(.selected){
|
|
973
|
+
--tw-text-opacity: 1;
|
|
974
|
+
color: rgb(83 91 102 / var(--tw-text-opacity));
|
|
975
|
+
}
|
|
976
|
+
.ndl-tabs .tab.underline.disabled{
|
|
977
|
+
--tw-text-opacity: 1;
|
|
978
|
+
color: rgb(178 183 189 / var(--tw-text-opacity));
|
|
979
|
+
}
|
|
980
|
+
.ndl-tabs .tab.underline.small {
|
|
981
|
+
/* We need to have a total of 36px in Height */
|
|
982
|
+
padding-bottom: 12px;
|
|
936
983
|
}
|
|
937
|
-
.ndl-tabs .tab.underline.
|
|
938
|
-
|
|
984
|
+
.ndl-tabs .tab.underline.small .tab-underline {
|
|
985
|
+
height: 2px;
|
|
986
|
+
}
|
|
987
|
+
.ndl-tabs .tab.underline.large {
|
|
988
|
+
/* We need to have a total of 46px in Height */
|
|
989
|
+
padding-bottom: 14px;
|
|
939
990
|
}
|
|
991
|
+
.ndl-tabs .tab.underline.large .tab-underline {
|
|
992
|
+
height: 4px;
|
|
993
|
+
}
|
|
940
994
|
.ndl-tabs .tab.underline .tab-underline {
|
|
941
995
|
height: 4px;
|
|
942
996
|
position: absolute;
|
|
943
997
|
left: 0px;
|
|
998
|
+
bottom: 0px;
|
|
944
999
|
width: 100%;
|
|
945
1000
|
border-top-left-radius: 4px;
|
|
946
1001
|
border-top-right-radius: 4px;
|
|
@@ -955,13 +1010,11 @@ a.ndl-btn{
|
|
|
955
1010
|
}
|
|
956
1011
|
.ndl-tabs .tab.underline:hover:not(.disabled):not(.selected) .tab-underline{
|
|
957
1012
|
--tw-bg-opacity: 1;
|
|
958
|
-
background-color: rgb(
|
|
959
|
-
opacity: 0.1;
|
|
1013
|
+
background-color: rgb(230 233 238 / var(--tw-bg-opacity));
|
|
960
1014
|
}
|
|
961
1015
|
.ndl-tabs .tab.underline:active:not(.disabled):not(.selected) .tab-underline{
|
|
962
1016
|
--tw-bg-opacity: 1;
|
|
963
|
-
background-color: rgb(
|
|
964
|
-
opacity: 0.2;
|
|
1017
|
+
background-color: rgb(230 233 238 / var(--tw-bg-opacity));
|
|
965
1018
|
}
|
|
966
1019
|
.ndl-tabs .tab.underline.selected:not(.disabled){
|
|
967
1020
|
--tw-text-opacity: 1;
|
|
@@ -979,6 +1032,12 @@ a.ndl-btn{
|
|
|
979
1032
|
border-radius: 4px;
|
|
980
1033
|
padding-top: 0.25rem;
|
|
981
1034
|
padding-bottom: 0.25rem;
|
|
1035
|
+
--tw-text-opacity: 1;
|
|
1036
|
+
color: rgb(83 91 102 / var(--tw-text-opacity));
|
|
1037
|
+
}
|
|
1038
|
+
.ndl-tabs .tab.filled.disabled{
|
|
1039
|
+
--tw-text-opacity: 1;
|
|
1040
|
+
color: rgb(178 183 189 / var(--tw-text-opacity));
|
|
982
1041
|
}
|
|
983
1042
|
.ndl-tabs .tab.filled:focus-visible {
|
|
984
1043
|
outline: none;
|
|
@@ -1039,10 +1098,6 @@ a.ndl-btn{
|
|
|
1039
1098
|
}
|
|
1040
1099
|
.ndl-alert.with-description .alert-title{
|
|
1041
1100
|
margin: 0px;
|
|
1042
|
-
font-size: var(--font-size-h5);
|
|
1043
|
-
font-weight: var(--font-weight-bold);
|
|
1044
|
-
letter-spacing: 0.25px;
|
|
1045
|
-
line-height: 28px;
|
|
1046
1101
|
}
|
|
1047
1102
|
.ndl-alert .alert-icon{
|
|
1048
1103
|
height: 1.5rem;
|
|
@@ -1057,7 +1112,7 @@ a.ndl-btn{
|
|
|
1057
1112
|
margin-top: 0.5rem;
|
|
1058
1113
|
}
|
|
1059
1114
|
.ndl-alert .alert-actions{
|
|
1060
|
-
margin-top:
|
|
1115
|
+
margin-top: 1rem;
|
|
1061
1116
|
display: flex;
|
|
1062
1117
|
-moz-column-gap: 1rem;
|
|
1063
1118
|
column-gap: 1rem;
|
|
@@ -1262,7 +1317,7 @@ a.ndl-btn{
|
|
|
1262
1317
|
.ndl-form-item{
|
|
1263
1318
|
cursor: pointer;
|
|
1264
1319
|
}
|
|
1265
|
-
.ndl-form-item input[type='checkbox'], .ndl-form-item input[type='radio']{
|
|
1320
|
+
.ndl-form-item input[type='checkbox'][role='checkbox'], .ndl-form-item input[type='radio']{
|
|
1266
1321
|
cursor: pointer;
|
|
1267
1322
|
position: relative;
|
|
1268
1323
|
height: 1rem;
|
|
@@ -1270,59 +1325,84 @@ a.ndl-btn{
|
|
|
1270
1325
|
border-width: 1px;
|
|
1271
1326
|
border-style: solid;
|
|
1272
1327
|
--tw-border-opacity: 1;
|
|
1273
|
-
border-color: rgb(
|
|
1328
|
+
border-color: rgb(113 119 128 / var(--tw-border-opacity));
|
|
1274
1329
|
border-radius: 4px;
|
|
1275
1330
|
-webkit-appearance: none;
|
|
1276
1331
|
-moz-appearance: none;
|
|
1277
1332
|
appearance: none;
|
|
1278
1333
|
}
|
|
1279
|
-
.ndl-form-item input[type='checkbox']:hover:
|
|
1280
|
-
|
|
1281
|
-
|
|
1282
|
-
|
|
1283
|
-
|
|
1284
|
-
|
|
1285
|
-
|
|
1334
|
+
.ndl-form-item input[type='checkbox'][role='checkbox']:not(:disabled):hover:before, .ndl-form-item input[type='radio']:not(:disabled):hover:before {
|
|
1335
|
+
content: '';
|
|
1336
|
+
position: absolute;
|
|
1337
|
+
width: calc(100% + 22px);
|
|
1338
|
+
height: calc(100% + 22px);
|
|
1339
|
+
border-radius: 100%;
|
|
1340
|
+
top: -11px;
|
|
1341
|
+
left: -11px;
|
|
1342
|
+
z-index: 1;
|
|
1343
|
+
background-color: rgba(113,119,128,0.1);
|
|
1344
|
+
}
|
|
1345
|
+
.ndl-form-item input[type='checkbox'][role='checkbox']:active:before, .ndl-form-item input[type='radio']:active:before {
|
|
1346
|
+
content: '';
|
|
1347
|
+
position: absolute;
|
|
1348
|
+
width: calc(100% + 22px);
|
|
1349
|
+
height: calc(100% + 22px);
|
|
1350
|
+
border-radius: 100%;
|
|
1351
|
+
top: -11px;
|
|
1352
|
+
left: -11px;
|
|
1353
|
+
z-index: 1;
|
|
1354
|
+
background-color: rgba(113,119,128,0.2);
|
|
1355
|
+
}
|
|
1356
|
+
.ndl-form-item input[type='checkbox'][role='checkbox']:focus-visible, .ndl-form-item input[type='radio']:focus-visible{
|
|
1286
1357
|
outline-style: solid;
|
|
1287
1358
|
outline-width: 2px;
|
|
1288
1359
|
outline-offset: 1px;
|
|
1289
|
-
outline-color: #
|
|
1290
|
-
}
|
|
1291
|
-
.ndl-form-item input[type='checkbox']:active:enabled, .ndl-form-item input[type='radio']:active:enabled{
|
|
1292
|
-
outline-style: solid;
|
|
1293
|
-
outline-width: 10px;
|
|
1294
|
-
outline-offset: 0px;
|
|
1295
|
-
outline-color: rgb(196 200 205 / 0.2);
|
|
1360
|
+
outline-color: #018bff;
|
|
1296
1361
|
}
|
|
1297
|
-
.ndl-form-item input[type='checkbox']:checked, .ndl-form-item input[type='radio']:checked{
|
|
1362
|
+
.ndl-form-item input[type='checkbox'][role='checkbox']:checked, .ndl-form-item input[type='radio']:checked{
|
|
1298
1363
|
--tw-border-opacity: 1;
|
|
1299
1364
|
border-color: rgb(0 111 214 / var(--tw-border-opacity));
|
|
1300
1365
|
--tw-bg-opacity: 1;
|
|
1301
1366
|
background-color: rgb(0 111 214 / var(--tw-bg-opacity));
|
|
1302
1367
|
}
|
|
1303
|
-
.ndl-form-item input[type='checkbox']:checked:hover, .ndl-form-item input[type='radio']:checked:hover{
|
|
1304
|
-
|
|
1305
|
-
|
|
1306
|
-
|
|
1307
|
-
|
|
1308
|
-
|
|
1309
|
-
|
|
1310
|
-
|
|
1368
|
+
.ndl-form-item input[type='checkbox'][role='checkbox']:checked:not(:disabled):hover:before, .ndl-form-item input[type='radio']:checked:not(:disabled):hover:before {
|
|
1369
|
+
content: '';
|
|
1370
|
+
position: absolute;
|
|
1371
|
+
width: calc(100% + 22px);
|
|
1372
|
+
height: calc(100% + 22px);
|
|
1373
|
+
border-radius: 100%;
|
|
1374
|
+
top: -11px;
|
|
1375
|
+
left: -11px;
|
|
1376
|
+
z-index: 1;
|
|
1377
|
+
background-color: rgba(1,139,255,0.08);
|
|
1378
|
+
}
|
|
1379
|
+
.ndl-form-item input[type='checkbox'][role='checkbox']:checked:active:before, .ndl-form-item input[type='radio']:checked:active:before {
|
|
1380
|
+
content: '';
|
|
1381
|
+
position: absolute;
|
|
1382
|
+
width: calc(100% + 22px);
|
|
1383
|
+
height: calc(100% + 22px);
|
|
1384
|
+
border-radius: 100%;
|
|
1385
|
+
top: -11px;
|
|
1386
|
+
left: -11px;
|
|
1387
|
+
z-index: 1;
|
|
1388
|
+
background-color: rgba(1,139,255,0.12);
|
|
1389
|
+
}
|
|
1390
|
+
.ndl-form-item input[type='checkbox'][role='checkbox']:disabled, .ndl-form-item input[type='radio']:disabled{
|
|
1311
1391
|
cursor: not-allowed;
|
|
1312
1392
|
--tw-border-opacity: 1;
|
|
1313
|
-
border-color: rgb(
|
|
1393
|
+
border-color: rgb(178 183 189 / var(--tw-border-opacity));
|
|
1314
1394
|
}
|
|
1315
|
-
.ndl-form-item input[type='checkbox']:disabled:checked, .ndl-form-item input[type='radio']:disabled:checked{
|
|
1395
|
+
.ndl-form-item input[type='checkbox'][role='checkbox']:disabled:checked, .ndl-form-item input[type='radio']:disabled:checked{
|
|
1316
1396
|
--tw-bg-opacity: 1;
|
|
1317
|
-
background-color: rgb(
|
|
1397
|
+
background-color: rgb(178 183 189 / var(--tw-bg-opacity));
|
|
1318
1398
|
}
|
|
1319
1399
|
/* Checkbox */
|
|
1320
1400
|
.ndl-form-item input[type='checkbox']::after {
|
|
1321
1401
|
font-size: 14px;
|
|
1322
1402
|
width: 100%;
|
|
1323
1403
|
position: absolute;
|
|
1324
|
-
top: 0;
|
|
1325
|
-
left: 0;
|
|
1404
|
+
top: -0.5px;
|
|
1405
|
+
left: 0.5px;
|
|
1326
1406
|
color: #fff;
|
|
1327
1407
|
}
|
|
1328
1408
|
.ndl-form-item input[type='checkbox']:checked::after {
|
|
@@ -1339,20 +1419,25 @@ a.ndl-btn{
|
|
|
1339
1419
|
}
|
|
1340
1420
|
.ndl-form-item input[type='checkbox']:disabled{
|
|
1341
1421
|
--tw-border-opacity: 1;
|
|
1342
|
-
border-color: rgb(
|
|
1343
|
-
--tw-bg-opacity: 1;
|
|
1344
|
-
background-color: rgb(230 233 238 / var(--tw-bg-opacity));
|
|
1422
|
+
border-color: rgb(178 183 189 / var(--tw-border-opacity));
|
|
1345
1423
|
}
|
|
1346
1424
|
/* Switch */
|
|
1347
1425
|
.ndl-form-item input[type='checkbox'][role='switch'] {
|
|
1348
1426
|
--thumb-size: 1rem;
|
|
1349
1427
|
--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;
|
|
1428
|
+
position: relative;
|
|
1354
1429
|
display: grid;
|
|
1430
|
+
height: 1rem;
|
|
1431
|
+
width: 1rem;
|
|
1432
|
+
cursor: pointer;
|
|
1433
|
+
-webkit-appearance: none;
|
|
1434
|
+
-moz-appearance: none;
|
|
1435
|
+
appearance: none;
|
|
1355
1436
|
align-items: center;
|
|
1437
|
+
border-radius: 9999px;
|
|
1438
|
+
border-style: none;
|
|
1439
|
+
--tw-bg-opacity: 1;
|
|
1440
|
+
background-color: rgb(178 183 189 / var(--tw-bg-opacity));
|
|
1356
1441
|
|
|
1357
1442
|
grid: [track] 1fr / [track] 1fr;
|
|
1358
1443
|
padding: 2px;
|
|
@@ -1363,18 +1448,34 @@ a.ndl-btn{
|
|
|
1363
1448
|
box-sizing: content-box;
|
|
1364
1449
|
transition: background-color 0.25s ease;
|
|
1365
1450
|
}
|
|
1366
|
-
.ndl-form-item input[type='checkbox'][role='switch']:hover:
|
|
1451
|
+
.ndl-form-item input[type='checkbox'][role='switch']:hover:checked:not(:disabled){
|
|
1452
|
+
outline-style: solid;
|
|
1453
|
+
outline-width: 3px;
|
|
1454
|
+
outline-color: rgba(1,139,255,0.08);
|
|
1455
|
+
}
|
|
1456
|
+
.ndl-form-item input[type='checkbox'][role='switch']:hover:not(:checked):not(:disabled){
|
|
1457
|
+
outline-style: solid;
|
|
1458
|
+
outline-width: 3px;
|
|
1459
|
+
outline-color: rgba(113,119,128,0.1);
|
|
1460
|
+
}
|
|
1461
|
+
.ndl-form-item input[type='checkbox'][role='switch']:active:checked{
|
|
1462
|
+
outline-style: solid;
|
|
1367
1463
|
outline-width: 3px;
|
|
1368
|
-
outline-
|
|
1464
|
+
outline-color: rgba(1,139,255,0.12);
|
|
1369
1465
|
}
|
|
1370
|
-
.ndl-form-item input[type='checkbox'][role='switch']:
|
|
1466
|
+
.ndl-form-item input[type='checkbox'][role='switch']:active:not(:checked){
|
|
1467
|
+
outline-style: solid;
|
|
1468
|
+
outline-width: 3px;
|
|
1469
|
+
outline-color: rgba(113,119,128,0.2);
|
|
1470
|
+
}
|
|
1471
|
+
.ndl-form-item input[type='checkbox'][role='switch']:focus-visible:enabled{
|
|
1371
1472
|
outline-width: 2px;
|
|
1372
1473
|
outline-offset: 1px;
|
|
1373
1474
|
}
|
|
1374
1475
|
.ndl-form-item input[type='checkbox'][role='switch']::before {
|
|
1375
1476
|
inline-size: var(--thumb-size);
|
|
1376
1477
|
block-size: var(--thumb-size);
|
|
1377
|
-
border-radius: 9999px
|
|
1478
|
+
border-radius: 9999px;
|
|
1378
1479
|
|
|
1379
1480
|
transition: transform 0.25s ease, box-shadow 0.25s ease;
|
|
1380
1481
|
content: '';
|
|
@@ -1382,6 +1483,12 @@ a.ndl-btn{
|
|
|
1382
1483
|
transform: translateX(0);
|
|
1383
1484
|
--tw-bg-opacity: 1;
|
|
1384
1485
|
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
|
|
1486
|
+
--tw-shadow: 0px 1px 2px 0px rgba(12, 26, 37, 0.18);
|
|
1487
|
+
--tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color);
|
|
1488
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
1489
|
+
}
|
|
1490
|
+
.ndl-form-item input[type='checkbox'][role='switch']:disabled::before {
|
|
1491
|
+
box-shadow: none;
|
|
1385
1492
|
}
|
|
1386
1493
|
.ndl-form-item input[type='checkbox'][role='switch']::after {
|
|
1387
1494
|
content: '';
|
|
@@ -1408,12 +1515,12 @@ a.ndl-btn{
|
|
|
1408
1515
|
}
|
|
1409
1516
|
/* Radio */
|
|
1410
1517
|
.ndl-form-item input[type='radio']{
|
|
1411
|
-
border-radius: 9999px
|
|
1518
|
+
border-radius: 9999px;
|
|
1412
1519
|
}
|
|
1413
1520
|
.ndl-form-item input[type='radio']:checked{
|
|
1414
1521
|
border-width: 2px;
|
|
1415
1522
|
}
|
|
1416
|
-
.ndl-form-item input[type='radio']:checked::
|
|
1523
|
+
.ndl-form-item input[type='radio']:checked::after {
|
|
1417
1524
|
content: '';
|
|
1418
1525
|
border: 2px solid white;
|
|
1419
1526
|
width: 100%;
|
|
@@ -1429,6 +1536,10 @@ a.ndl-btn{
|
|
|
1429
1536
|
align-items: center;
|
|
1430
1537
|
-moz-column-gap: 0.75rem;
|
|
1431
1538
|
column-gap: 0.75rem;
|
|
1539
|
+
font-size: var(--font-size-body-medium);
|
|
1540
|
+
font-weight: var(--font-weight-normal);
|
|
1541
|
+
letter-spacing: 0.25px;
|
|
1542
|
+
line-height: 20px;
|
|
1432
1543
|
}
|
|
1433
1544
|
.ndl-form-item .form-item-label.fluid{
|
|
1434
1545
|
display: flex;
|
|
@@ -1440,7 +1551,7 @@ a.ndl-btn{
|
|
|
1440
1551
|
.ndl-form-item.disabled .form-item-label{
|
|
1441
1552
|
cursor: not-allowed;
|
|
1442
1553
|
--tw-text-opacity: 1;
|
|
1443
|
-
color: rgb(
|
|
1554
|
+
color: rgb(178 183 189 / var(--tw-text-opacity));
|
|
1444
1555
|
}
|
|
1445
1556
|
/**
|
|
1446
1557
|
*
|
|
@@ -1546,6 +1657,7 @@ a.ndl-btn{
|
|
|
1546
1657
|
}
|
|
1547
1658
|
.ndl-progress-bar-wrapper .details .estimated-time-heading{
|
|
1548
1659
|
margin-right: 5px;
|
|
1660
|
+
font-weight: 300;
|
|
1549
1661
|
}
|
|
1550
1662
|
.ndl-progress-bar-wrapper .details .estimated-time{
|
|
1551
1663
|
font-weight: 600;
|
|
@@ -1628,7 +1740,7 @@ a.ndl-btn{
|
|
|
1628
1740
|
padding-top: 0.5rem;
|
|
1629
1741
|
padding-bottom: 0.5rem;
|
|
1630
1742
|
--tw-bg-opacity: 1;
|
|
1631
|
-
background-color: rgb(
|
|
1743
|
+
background-color: rgb(238 241 246 / var(--tw-bg-opacity));
|
|
1632
1744
|
font-size: var(--font-size-body-medium);
|
|
1633
1745
|
font-weight: var(--font-weight-normal);
|
|
1634
1746
|
letter-spacing: 0.25px;
|
|
@@ -1890,16 +2002,16 @@ a.ndl-btn{
|
|
|
1890
2002
|
.ndl-view-selector > button{
|
|
1891
2003
|
cursor: pointer;
|
|
1892
2004
|
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
2005
|
}
|
|
1897
|
-
.ndl-view-selector > button:focus{
|
|
2006
|
+
.ndl-view-selector > button :focus-visible{
|
|
1898
2007
|
outline: 2px solid transparent;
|
|
1899
2008
|
outline-offset: 2px;
|
|
1900
2009
|
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
1901
2010
|
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
1902
2011
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
2012
|
+
--tw-ring-inset: inset;
|
|
2013
|
+
--tw-ring-opacity: 1;
|
|
2014
|
+
--tw-ring-color: rgb(1 139 255 / var(--tw-ring-opacity));
|
|
1903
2015
|
}
|
|
1904
2016
|
.ndl-view-selector > button:hover{
|
|
1905
2017
|
background-color: rgba(113,119,128,0.1);
|
|
@@ -2030,8 +2142,305 @@ a.ndl-btn{
|
|
|
2030
2142
|
border-style: solid;
|
|
2031
2143
|
border-color: rgb(230 233 238 / var(--tw-border-opacity));
|
|
2032
2144
|
--tw-border-opacity: 1;
|
|
2033
|
-
border-bottom-color: rgb(
|
|
2145
|
+
border-bottom-color: rgb(1 139 255 / var(--tw-border-opacity));
|
|
2146
|
+
}
|
|
2147
|
+
/**
|
|
2148
|
+
*
|
|
2149
|
+
* Copyright (c) "Neo4j"
|
|
2150
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
2151
|
+
*
|
|
2152
|
+
* This file is part of Neo4j.
|
|
2153
|
+
*
|
|
2154
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
2155
|
+
* it under the terms of the GNU General Public License as published by
|
|
2156
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
2157
|
+
* (at your option) any later version.
|
|
2158
|
+
*
|
|
2159
|
+
* This program is distributed in the hope that it will be useful,
|
|
2160
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
2161
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
2162
|
+
* GNU General Public License for more details.
|
|
2163
|
+
*
|
|
2164
|
+
* You should have received a copy of the GNU General Public License
|
|
2165
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
2166
|
+
*/
|
|
2167
|
+
.ndl-table .table-row:after {
|
|
2168
|
+
content: '';
|
|
2169
|
+
position: absolute;
|
|
2170
|
+
width: calc(100% - 60px);
|
|
2171
|
+
transform: translateX(-50%);
|
|
2172
|
+
bottom: 0;
|
|
2173
|
+
left: 50%;
|
|
2174
|
+
border-bottom-width: 1px;
|
|
2175
|
+
--tw-border-opacity: 1;
|
|
2176
|
+
border-color: rgb(238 241 246 / var(--tw-border-opacity));
|
|
2177
|
+
}
|
|
2178
|
+
.ndl-table .table-row:last-child:after{
|
|
2179
|
+
border-width: 0px;
|
|
2180
|
+
}
|
|
2181
|
+
.ndl-table .table-row{
|
|
2182
|
+
position: relative;
|
|
2183
|
+
height: 3rem;
|
|
2184
|
+
overflow: visible;
|
|
2185
|
+
}
|
|
2186
|
+
.ndl-table .table-row:hover{
|
|
2187
|
+
--tw-bg-opacity: 1;
|
|
2188
|
+
background-color: rgb(245 247 250 / var(--tw-bg-opacity));
|
|
2189
|
+
}
|
|
2190
|
+
.ndl-table .table-cell{
|
|
2191
|
+
position: relative;
|
|
2192
|
+
overflow: auto;
|
|
2193
|
+
white-space: nowrap;
|
|
2194
|
+
padding-left: 1.75rem;
|
|
2195
|
+
padding-right: 1.75rem;
|
|
2196
|
+
padding-top: 0.75rem;
|
|
2197
|
+
padding-bottom: 0.75rem;
|
|
2198
|
+
--tw-text-opacity: 1;
|
|
2199
|
+
color: rgb(21 30 41 / var(--tw-text-opacity));
|
|
2200
|
+
font-size: var(--font-size-body-medium);
|
|
2201
|
+
font-weight: var(--font-weight-normal);
|
|
2202
|
+
letter-spacing: 0.25px;
|
|
2203
|
+
line-height: 20px;
|
|
2204
|
+
}
|
|
2205
|
+
/* & .table-row-actions {
|
|
2206
|
+
@apply group-hover:n-flex n-hidden n-z-10 n-gap-x-2 n-transform -n-translate-y-1/2 n-top-1/2 n-flex-row n-absolute n-px-4 n-items-center n-right-8;
|
|
2207
|
+
} */
|
|
2208
|
+
.ndl-table .table-row-actions-icon{
|
|
2209
|
+
display: inline-flex;
|
|
2210
|
+
height: 2rem;
|
|
2211
|
+
width: 2rem;
|
|
2212
|
+
align-items: center;
|
|
2213
|
+
justify-content: center;
|
|
2214
|
+
border-radius: 8px;
|
|
2215
|
+
--tw-text-opacity: 1;
|
|
2216
|
+
color: rgb(83 91 102 / var(--tw-text-opacity));
|
|
2217
|
+
}
|
|
2218
|
+
.ndl-table .table-row-actions-icon:hover{
|
|
2219
|
+
background-color: rgb(83 91 102 / var(--tw-bg-opacity));
|
|
2220
|
+
--tw-bg-opacity: 0.1;
|
|
2221
|
+
--tw-text-opacity: 1;
|
|
2222
|
+
color: rgb(21 30 41 / var(--tw-text-opacity));
|
|
2223
|
+
}
|
|
2224
|
+
.ndl-table .table-row-actions-icon > svg {
|
|
2225
|
+
height: 20px;
|
|
2226
|
+
width: 20px;
|
|
2034
2227
|
}
|
|
2228
|
+
.ndl-table tr th.table-column-styling {
|
|
2229
|
+
border-collapse: separate;
|
|
2230
|
+
box-sizing: content-box;
|
|
2231
|
+
-webkit-user-select: none;
|
|
2232
|
+
-moz-user-select: none;
|
|
2233
|
+
-ms-user-select: none;
|
|
2234
|
+
user-select: none;
|
|
2235
|
+
padding-left: 1.75rem;
|
|
2236
|
+
padding-right: 1.75rem;
|
|
2237
|
+
padding-top: 0.75rem;
|
|
2238
|
+
padding-bottom: 0.75rem;
|
|
2239
|
+
text-align: left;
|
|
2240
|
+
text-transform: capitalize;
|
|
2241
|
+
--tw-text-opacity: 1;
|
|
2242
|
+
color: rgb(83 91 102 / var(--tw-text-opacity));
|
|
2243
|
+
font-size: var(--font-size-body-large);
|
|
2244
|
+
font-weight: var(--font-weight-normal);
|
|
2245
|
+
letter-spacing: 0.25px;
|
|
2246
|
+
line-height: 24px;
|
|
2247
|
+
}
|
|
2248
|
+
.ndl-table tr th.table-column-styling.sortable{
|
|
2249
|
+
cursor: pointer;
|
|
2250
|
+
}
|
|
2251
|
+
.ndl-table tr th.table-column-styling.sortable:hover{
|
|
2252
|
+
border-left-width: 1px;
|
|
2253
|
+
border-right-width: 1px;
|
|
2254
|
+
--tw-border-opacity: 1;
|
|
2255
|
+
border-color: rgb(178 183 189 / var(--tw-border-opacity));
|
|
2256
|
+
--tw-bg-opacity: 1;
|
|
2257
|
+
background-color: rgb(245 247 250 / var(--tw-bg-opacity));
|
|
2258
|
+
}
|
|
2259
|
+
.ndl-table tr th.table-column-styling:first-child{
|
|
2260
|
+
border-left-width: 0px;
|
|
2261
|
+
}
|
|
2262
|
+
.ndl-table tr th.table-column-styling:last-child{
|
|
2263
|
+
border-right-width: 0px;
|
|
2264
|
+
}
|
|
2265
|
+
.ndl-table .table-control-group{
|
|
2266
|
+
display: flex;
|
|
2267
|
+
flex-direction: row;
|
|
2268
|
+
flex-wrap: wrap;
|
|
2269
|
+
gap: 0.5rem;
|
|
2270
|
+
}
|
|
2271
|
+
.ndl-table .table-control-container{
|
|
2272
|
+
display: flex;
|
|
2273
|
+
width: 100%;
|
|
2274
|
+
flex-direction: row;
|
|
2275
|
+
flex-wrap: wrap;
|
|
2276
|
+
justify-content: space-between;
|
|
2277
|
+
gap: 0.5rem;
|
|
2278
|
+
}
|
|
2279
|
+
.ndl-table-select {
|
|
2280
|
+
/* Reset default select */
|
|
2281
|
+
-webkit-appearance: none;
|
|
2282
|
+
-moz-appearance: none;
|
|
2283
|
+
appearance: none;
|
|
2284
|
+
/* Add dropdown icon */
|
|
2285
|
+
/* https://stackoverflow.com/a/28588194/3247715 */
|
|
2286
|
+
/* Please someone help me get the stroke dynamically set to the design tokens 😢 */
|
|
2287
|
+
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="%23535B66" aria-hidden="true" class="n-h-5 n-w-5 n-text-neutral-80"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg>');
|
|
2288
|
+
background-repeat: no-repeat;
|
|
2289
|
+
background-size: 20px;
|
|
2290
|
+
background-position: calc(100% - 12px) center;
|
|
2291
|
+
height: 2.25rem;
|
|
2292
|
+
border-radius: 6px;
|
|
2293
|
+
border-width: 1px;
|
|
2294
|
+
--tw-border-opacity: 1;
|
|
2295
|
+
border-color: rgb(178 183 189 / var(--tw-border-opacity));
|
|
2296
|
+
padding-left: 0.75rem;
|
|
2297
|
+
padding-right: 1.75rem;
|
|
2298
|
+
line-height: 1;
|
|
2299
|
+
--tw-shadow: 0px 4px 8px 0px rgba(12, 26, 37, 0.04);
|
|
2300
|
+
--tw-shadow-colored: 0px 4px 8px 0px var(--tw-shadow-color);
|
|
2301
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
2302
|
+
}
|
|
2303
|
+
/**
|
|
2304
|
+
*
|
|
2305
|
+
* Copyright (c) "Neo4j"
|
|
2306
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
2307
|
+
*
|
|
2308
|
+
* This file is part of Neo4j.
|
|
2309
|
+
*
|
|
2310
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
2311
|
+
* it under the terms of the GNU General Public License as published by
|
|
2312
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
2313
|
+
* (at your option) any later version.
|
|
2314
|
+
*
|
|
2315
|
+
* This program is distributed in the hope that it will be useful,
|
|
2316
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
2317
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
2318
|
+
* GNU General Public License for more details.
|
|
2319
|
+
*
|
|
2320
|
+
* You should have received a copy of the GNU General Public License
|
|
2321
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
2322
|
+
*/
|
|
2323
|
+
.ndl-drag-and-drop {
|
|
2324
|
+
/* Border generated as BG image using - https://kovart.github.io/dashed-border-generator/ */
|
|
2325
|
+
background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23C4C8CD' stroke-width='1.5' stroke-dasharray='8' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
|
|
2326
|
+
border-radius: 8px;
|
|
2327
|
+
--tw-border-opacity: 1;
|
|
2328
|
+
border-color: rgb(196 200 205 / var(--tw-border-opacity));
|
|
2329
|
+
}
|
|
2330
|
+
.ndl-drag-and-drop > div{
|
|
2331
|
+
padding-top: 2rem;
|
|
2332
|
+
padding-bottom: 2rem;
|
|
2333
|
+
}
|
|
2334
|
+
.ndl-drag-and-drop .ndl-drag-and-drop-inner {
|
|
2335
|
+
width: 320px;
|
|
2336
|
+
margin-left: auto;
|
|
2337
|
+
margin-right: auto;
|
|
2338
|
+
}
|
|
2339
|
+
.ndl-drag-and-drop svg{
|
|
2340
|
+
margin-left: auto;
|
|
2341
|
+
margin-right: auto;
|
|
2342
|
+
}
|
|
2343
|
+
.ndl-drag-and-drop.drag-active{
|
|
2344
|
+
--tw-bg-opacity: 1;
|
|
2345
|
+
background-color: rgb(230 248 255 / var(--tw-bg-opacity));
|
|
2346
|
+
|
|
2347
|
+
/* Border generated as BG image using - https://kovart.github.io/dashed-border-generator/ */
|
|
2348
|
+
background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23018BFF' stroke-width='2' stroke-dasharray='8' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
|
|
2349
|
+
}
|
|
2350
|
+
.ndl-drag-and-drop .ndl-drag-and-drop-header{
|
|
2351
|
+
margin-bottom: 1.5rem;
|
|
2352
|
+
display: flex;
|
|
2353
|
+
flex-direction: column;
|
|
2354
|
+
row-gap: 1.5rem;
|
|
2355
|
+
text-align: center;
|
|
2356
|
+
}
|
|
2357
|
+
.ndl-drag-and-drop .ndl-drag-and-drop-header .dnd-title{
|
|
2358
|
+
margin-bottom: 0.25rem;
|
|
2359
|
+
}
|
|
2360
|
+
.ndl-drag-and-drop .ndl-drag-and-drop-header .dnd-subtitle{
|
|
2361
|
+
font-weight: 400;
|
|
2362
|
+
}
|
|
2363
|
+
.ndl-drag-and-drop .ndl-drag-and-drop-header .dnd-browse-link{
|
|
2364
|
+
--tw-text-opacity: 1;
|
|
2365
|
+
color: rgb(0 86 179 / var(--tw-text-opacity));
|
|
2366
|
+
font-size: var(--font-size-subheading-small);
|
|
2367
|
+
font-weight: var(--font-weight-semibold);
|
|
2368
|
+
letter-spacing: 0.25px;
|
|
2369
|
+
line-height: 20px;
|
|
2370
|
+
}
|
|
2371
|
+
.ndl-drag-and-drop .ndl-drag-and-drop-header .upload-img-wrapper{
|
|
2372
|
+
position: relative;
|
|
2373
|
+
display: inline-block;
|
|
2374
|
+
}
|
|
2375
|
+
.ndl-drag-and-drop .ndl-drag-and-drop-header .upload-img-label{
|
|
2376
|
+
position: absolute;
|
|
2377
|
+
border-radius: 4px;
|
|
2378
|
+
--tw-bg-opacity: 1;
|
|
2379
|
+
background-color: rgb(1 139 255 / var(--tw-bg-opacity));
|
|
2380
|
+
padding-left: 0.25rem;
|
|
2381
|
+
padding-right: 0.25rem;
|
|
2382
|
+
--tw-text-opacity: 1;
|
|
2383
|
+
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
2384
|
+
font-size: var(--font-size-body-small);
|
|
2385
|
+
font-weight: var(--font-weight-normal);
|
|
2386
|
+
letter-spacing: 0.25px;
|
|
2387
|
+
line-height: 20px;
|
|
2388
|
+
|
|
2389
|
+
/* @apply -n-translate-x-full; does not seem to work with postcss error */
|
|
2390
|
+
transform: translate(-100%, 0.5rem);
|
|
2391
|
+
}
|
|
2392
|
+
.ndl-drag-and-drop .ndl-drag-and-drop-footer{
|
|
2393
|
+
text-align: center;
|
|
2394
|
+
}
|
|
2395
|
+
.ndl-drag-and-drop .ndl-drag-and-drop-footer .ndl-file-support-text{
|
|
2396
|
+
--tw-text-opacity: 1;
|
|
2397
|
+
color: rgb(113 119 128 / var(--tw-text-opacity));
|
|
2398
|
+
font-size: var(--font-size-body-medium);
|
|
2399
|
+
font-weight: var(--font-weight-normal);
|
|
2400
|
+
letter-spacing: 0.25px;
|
|
2401
|
+
line-height: 20px;
|
|
2402
|
+
}
|
|
2403
|
+
.ndl-drag-and-drop.drag-active.file-invalid{
|
|
2404
|
+
--tw-bg-opacity: 1;
|
|
2405
|
+
background-color: rgb(255 230 233 / var(--tw-bg-opacity));
|
|
2406
|
+
background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23ED1252' stroke-width='2' stroke-dasharray='8' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
|
|
2407
|
+
}
|
|
2408
|
+
.ndl-drag-and-drop.drag-active.file-invalid .upload-img-label{
|
|
2409
|
+
--tw-bg-opacity: 1;
|
|
2410
|
+
background-color: rgb(237 18 82 / var(--tw-bg-opacity));
|
|
2411
|
+
}
|
|
2412
|
+
.n-sr-only{
|
|
2413
|
+
position: absolute;
|
|
2414
|
+
width: 1px;
|
|
2415
|
+
height: 1px;
|
|
2416
|
+
padding: 0;
|
|
2417
|
+
margin: -1px;
|
|
2418
|
+
overflow: hidden;
|
|
2419
|
+
clip: rect(0, 0, 0, 0);
|
|
2420
|
+
white-space: nowrap;
|
|
2421
|
+
border-width: 0;
|
|
2422
|
+
}
|
|
2423
|
+
.n-fixed{
|
|
2424
|
+
position: fixed;
|
|
2425
|
+
}
|
|
2426
|
+
.n-absolute{
|
|
2427
|
+
position: absolute;
|
|
2428
|
+
}
|
|
2429
|
+
.n-relative{
|
|
2430
|
+
position: relative;
|
|
2431
|
+
}
|
|
2432
|
+
.n-left-full{
|
|
2433
|
+
left: 100%;
|
|
2434
|
+
}
|
|
2435
|
+
.n-right-0{
|
|
2436
|
+
right: 0px;
|
|
2437
|
+
}
|
|
2438
|
+
.n-top-0{
|
|
2439
|
+
top: 0px;
|
|
2440
|
+
}
|
|
2441
|
+
.n-z-0{
|
|
2442
|
+
z-index: 0;
|
|
2443
|
+
}
|
|
2035
2444
|
.n-m-auto{
|
|
2036
2445
|
margin: auto;
|
|
2037
2446
|
}
|
|
@@ -2055,131 +2464,390 @@ a.ndl-btn{
|
|
|
2055
2464
|
margin-left: 0.75rem;
|
|
2056
2465
|
margin-right: 0.75rem;
|
|
2057
2466
|
}
|
|
2058
|
-
.n-mr-1{
|
|
2059
|
-
margin-right: 0.25rem;
|
|
2467
|
+
.n-mr-1{
|
|
2468
|
+
margin-right: 0.25rem;
|
|
2469
|
+
}
|
|
2470
|
+
.n-mt-4{
|
|
2471
|
+
margin-top: 1rem;
|
|
2472
|
+
}
|
|
2473
|
+
.n-flex{
|
|
2474
|
+
display: flex;
|
|
2475
|
+
}
|
|
2476
|
+
.n-inline-flex{
|
|
2477
|
+
display: inline-flex;
|
|
2478
|
+
}
|
|
2479
|
+
.n-table{
|
|
2480
|
+
display: table;
|
|
2481
|
+
}
|
|
2482
|
+
.n-table-cell{
|
|
2483
|
+
display: table-cell;
|
|
2484
|
+
}
|
|
2485
|
+
.n-h-5{
|
|
2486
|
+
height: 1.25rem;
|
|
2487
|
+
}
|
|
2488
|
+
.n-h-4{
|
|
2489
|
+
height: 1rem;
|
|
2490
|
+
}
|
|
2491
|
+
.n-h-6{
|
|
2492
|
+
height: 1.5rem;
|
|
2493
|
+
}
|
|
2494
|
+
.n-h-10{
|
|
2495
|
+
height: 2.5rem;
|
|
2496
|
+
}
|
|
2497
|
+
.n-h-full{
|
|
2498
|
+
height: 100%;
|
|
2499
|
+
}
|
|
2500
|
+
.n-h-12{
|
|
2501
|
+
height: 3rem;
|
|
2502
|
+
}
|
|
2503
|
+
.n-h-36{
|
|
2504
|
+
height: 9rem;
|
|
2505
|
+
}
|
|
2506
|
+
.n-w-5{
|
|
2507
|
+
width: 1.25rem;
|
|
2508
|
+
}
|
|
2509
|
+
.n-w-4{
|
|
2510
|
+
width: 1rem;
|
|
2511
|
+
}
|
|
2512
|
+
.n-w-6{
|
|
2513
|
+
width: 1.5rem;
|
|
2514
|
+
}
|
|
2515
|
+
.n-w-10{
|
|
2516
|
+
width: 2.5rem;
|
|
2517
|
+
}
|
|
2518
|
+
.n-w-full{
|
|
2519
|
+
width: 100%;
|
|
2520
|
+
}
|
|
2521
|
+
.n-w-48{
|
|
2522
|
+
width: 12rem;
|
|
2523
|
+
}
|
|
2524
|
+
.n-w-36{
|
|
2525
|
+
width: 9rem;
|
|
2526
|
+
}
|
|
2527
|
+
.n-min-w-full{
|
|
2528
|
+
min-width: 100%;
|
|
2529
|
+
}
|
|
2530
|
+
.n-max-w-min{
|
|
2531
|
+
max-width: -webkit-min-content;
|
|
2532
|
+
max-width: -moz-min-content;
|
|
2533
|
+
max-width: min-content;
|
|
2534
|
+
}
|
|
2535
|
+
.n-table-auto{
|
|
2536
|
+
table-layout: auto;
|
|
2537
|
+
}
|
|
2538
|
+
.n-transform{
|
|
2539
|
+
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));
|
|
2540
|
+
}
|
|
2541
|
+
.n-cursor-pointer{
|
|
2542
|
+
cursor: pointer;
|
|
2543
|
+
}
|
|
2544
|
+
.n-cursor-col-resize{
|
|
2545
|
+
cursor: col-resize;
|
|
2546
|
+
}
|
|
2547
|
+
.n-resize{
|
|
2548
|
+
resize: both;
|
|
2549
|
+
}
|
|
2550
|
+
.n-flex-row{
|
|
2551
|
+
flex-direction: row;
|
|
2552
|
+
}
|
|
2553
|
+
.n-flex-col{
|
|
2554
|
+
flex-direction: column;
|
|
2555
|
+
}
|
|
2556
|
+
.n-flex-wrap{
|
|
2557
|
+
flex-wrap: wrap;
|
|
2558
|
+
}
|
|
2559
|
+
.n-items-start{
|
|
2560
|
+
align-items: flex-start;
|
|
2561
|
+
}
|
|
2562
|
+
.n-items-center{
|
|
2563
|
+
align-items: center;
|
|
2564
|
+
}
|
|
2565
|
+
.n-justify-center{
|
|
2566
|
+
justify-content: center;
|
|
2567
|
+
}
|
|
2568
|
+
.n-justify-between{
|
|
2569
|
+
justify-content: space-between;
|
|
2570
|
+
}
|
|
2571
|
+
.n-gap-6{
|
|
2572
|
+
gap: 1.5rem;
|
|
2573
|
+
}
|
|
2574
|
+
.n-gap-12{
|
|
2575
|
+
gap: 3rem;
|
|
2576
|
+
}
|
|
2577
|
+
.n-gap-2{
|
|
2578
|
+
gap: 0.5rem;
|
|
2579
|
+
}
|
|
2580
|
+
.n-gap-y-2{
|
|
2581
|
+
row-gap: 0.5rem;
|
|
2582
|
+
}
|
|
2583
|
+
.n-gap-x-12{
|
|
2584
|
+
-moz-column-gap: 3rem;
|
|
2585
|
+
column-gap: 3rem;
|
|
2586
|
+
}
|
|
2587
|
+
.n-gap-x-1{
|
|
2588
|
+
-moz-column-gap: 0.25rem;
|
|
2589
|
+
column-gap: 0.25rem;
|
|
2590
|
+
}
|
|
2591
|
+
.n-gap-x-10{
|
|
2592
|
+
-moz-column-gap: 2.5rem;
|
|
2593
|
+
column-gap: 2.5rem;
|
|
2594
|
+
}
|
|
2595
|
+
.n-gap-x-4{
|
|
2596
|
+
-moz-column-gap: 1rem;
|
|
2597
|
+
column-gap: 1rem;
|
|
2598
|
+
}
|
|
2599
|
+
.n-gap-x-2{
|
|
2600
|
+
-moz-column-gap: 0.5rem;
|
|
2601
|
+
column-gap: 0.5rem;
|
|
2602
|
+
}
|
|
2603
|
+
.n-space-y-3 > :not([hidden]) ~ :not([hidden]){
|
|
2604
|
+
--tw-space-y-reverse: 0;
|
|
2605
|
+
margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
|
|
2606
|
+
margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
|
|
2607
|
+
}
|
|
2608
|
+
.n-space-x-4 > :not([hidden]) ~ :not([hidden]){
|
|
2609
|
+
--tw-space-x-reverse: 0;
|
|
2610
|
+
margin-right: calc(1rem * var(--tw-space-x-reverse));
|
|
2611
|
+
margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
|
|
2612
|
+
}
|
|
2613
|
+
.n-divide-y > :not([hidden]) ~ :not([hidden]){
|
|
2614
|
+
--tw-divide-y-reverse: 0;
|
|
2615
|
+
border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
|
|
2616
|
+
border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
|
|
2617
|
+
}
|
|
2618
|
+
.n-divide-light-neutral-border-strong > :not([hidden]) ~ :not([hidden]){
|
|
2619
|
+
--tw-divide-opacity: 1;
|
|
2620
|
+
border-color: rgb(178 183 189 / var(--tw-divide-opacity));
|
|
2621
|
+
}
|
|
2622
|
+
.n-overflow-hidden{
|
|
2623
|
+
overflow: hidden;
|
|
2624
|
+
}
|
|
2625
|
+
.n-overflow-x-auto{
|
|
2626
|
+
overflow-x: auto;
|
|
2627
|
+
}
|
|
2628
|
+
.n-overflow-x-scroll{
|
|
2629
|
+
overflow-x: scroll;
|
|
2630
|
+
}
|
|
2631
|
+
.n-whitespace-nowrap{
|
|
2632
|
+
white-space: nowrap;
|
|
2633
|
+
}
|
|
2634
|
+
.n-rounded-sm{
|
|
2635
|
+
border-radius: 4px;
|
|
2636
|
+
}
|
|
2637
|
+
.n-rounded-lg{
|
|
2638
|
+
border-radius: 8px;
|
|
2639
|
+
}
|
|
2640
|
+
.n-rounded-md{
|
|
2641
|
+
border-radius: 6px;
|
|
2642
|
+
}
|
|
2643
|
+
.n-rounded-3xl{
|
|
2644
|
+
border-radius: 16px;
|
|
2645
|
+
}
|
|
2646
|
+
.n-rounded-xl{
|
|
2647
|
+
border-radius: 10px;
|
|
2648
|
+
}
|
|
2649
|
+
.n-rounded-tl-\[0px\]{
|
|
2650
|
+
border-top-left-radius: 0px;
|
|
2651
|
+
}
|
|
2652
|
+
.n-border{
|
|
2653
|
+
border-width: 1px;
|
|
2654
|
+
}
|
|
2655
|
+
.n-border-b-2{
|
|
2656
|
+
border-bottom-width: 2px;
|
|
2657
|
+
}
|
|
2658
|
+
.n-border-b{
|
|
2659
|
+
border-bottom-width: 1px;
|
|
2660
|
+
}
|
|
2661
|
+
.n-border-light-neutral-text-weakest{
|
|
2662
|
+
--tw-border-opacity: 1;
|
|
2663
|
+
border-color: rgb(178 183 189 / var(--tw-border-opacity));
|
|
2664
|
+
}
|
|
2665
|
+
.n-border-light-neutral-text-weaker{
|
|
2666
|
+
--tw-border-opacity: 1;
|
|
2667
|
+
border-color: rgb(113 119 128 / var(--tw-border-opacity));
|
|
2668
|
+
}
|
|
2669
|
+
.n-border-light-neutral-text-weak{
|
|
2670
|
+
--tw-border-opacity: 1;
|
|
2671
|
+
border-color: rgb(83 91 102 / var(--tw-border-opacity));
|
|
2672
|
+
}
|
|
2673
|
+
.n-border-light-neutral-text-default{
|
|
2674
|
+
--tw-border-opacity: 1;
|
|
2675
|
+
border-color: rgb(21 30 41 / var(--tw-border-opacity));
|
|
2676
|
+
}
|
|
2677
|
+
.n-border-light-neutral-text-inverse{
|
|
2678
|
+
--tw-border-opacity: 1;
|
|
2679
|
+
border-color: rgb(255 255 255 / var(--tw-border-opacity));
|
|
2680
|
+
}
|
|
2681
|
+
.n-border-light-neutral-bg-weak{
|
|
2682
|
+
--tw-border-opacity: 1;
|
|
2683
|
+
border-color: rgb(255 255 255 / var(--tw-border-opacity));
|
|
2684
|
+
}
|
|
2685
|
+
.n-border-light-neutral-bg-default{
|
|
2686
|
+
--tw-border-opacity: 1;
|
|
2687
|
+
border-color: rgb(245 247 250 / var(--tw-border-opacity));
|
|
2688
|
+
}
|
|
2689
|
+
.n-border-light-neutral-bg-strong{
|
|
2690
|
+
--tw-border-opacity: 1;
|
|
2691
|
+
border-color: rgb(230 233 238 / var(--tw-border-opacity));
|
|
2692
|
+
}
|
|
2693
|
+
.n-border-light-neutral-bg-strongest{
|
|
2694
|
+
--tw-border-opacity: 1;
|
|
2695
|
+
border-color: rgb(83 91 102 / var(--tw-border-opacity));
|
|
2696
|
+
}
|
|
2697
|
+
.n-border-light-neutral-border-weak{
|
|
2698
|
+
--tw-border-opacity: 1;
|
|
2699
|
+
border-color: rgb(238 241 246 / var(--tw-border-opacity));
|
|
2060
2700
|
}
|
|
2061
|
-
.n-
|
|
2062
|
-
|
|
2701
|
+
.n-border-light-neutral-border-strong{
|
|
2702
|
+
--tw-border-opacity: 1;
|
|
2703
|
+
border-color: rgb(178 183 189 / var(--tw-border-opacity));
|
|
2063
2704
|
}
|
|
2064
|
-
.n-
|
|
2065
|
-
|
|
2705
|
+
.n-border-light-neutral-hover{
|
|
2706
|
+
border-color: rgba(113,119,128,0.1);
|
|
2066
2707
|
}
|
|
2067
|
-
.n-
|
|
2068
|
-
|
|
2708
|
+
.n-border-light-neutral-pressed{
|
|
2709
|
+
border-color: rgba(113,119,128,0.2);
|
|
2069
2710
|
}
|
|
2070
|
-
.n-
|
|
2071
|
-
|
|
2711
|
+
.n-border-light-primary-text{
|
|
2712
|
+
--tw-border-opacity: 1;
|
|
2713
|
+
border-color: rgb(0 111 214 / var(--tw-border-opacity));
|
|
2072
2714
|
}
|
|
2073
|
-
.n-
|
|
2074
|
-
|
|
2715
|
+
.n-border-light-primary-icon{
|
|
2716
|
+
--tw-border-opacity: 1;
|
|
2717
|
+
border-color: rgb(0 111 214 / var(--tw-border-opacity));
|
|
2075
2718
|
}
|
|
2076
|
-
.n-
|
|
2077
|
-
|
|
2719
|
+
.n-border-light-primary-bg-strong{
|
|
2720
|
+
--tw-border-opacity: 1;
|
|
2721
|
+
border-color: rgb(0 111 214 / var(--tw-border-opacity));
|
|
2078
2722
|
}
|
|
2079
|
-
.n-
|
|
2080
|
-
|
|
2723
|
+
.n-border-light-primary-bg-weak{
|
|
2724
|
+
--tw-border-opacity: 1;
|
|
2725
|
+
border-color: rgb(230 248 255 / var(--tw-border-opacity));
|
|
2081
2726
|
}
|
|
2082
|
-
.n-
|
|
2083
|
-
|
|
2727
|
+
.n-border-light-primary-border-strong{
|
|
2728
|
+
--tw-border-opacity: 1;
|
|
2729
|
+
border-color: rgb(0 111 214 / var(--tw-border-opacity));
|
|
2084
2730
|
}
|
|
2085
|
-
.n-
|
|
2086
|
-
|
|
2731
|
+
.n-border-light-primary-border-weak{
|
|
2732
|
+
--tw-border-opacity: 1;
|
|
2733
|
+
border-color: rgb(122 209 255 / var(--tw-border-opacity));
|
|
2087
2734
|
}
|
|
2088
|
-
.n-
|
|
2089
|
-
|
|
2735
|
+
.n-border-light-primary-focus{
|
|
2736
|
+
--tw-border-opacity: 1;
|
|
2737
|
+
border-color: rgb(1 139 255 / var(--tw-border-opacity));
|
|
2090
2738
|
}
|
|
2091
|
-
.n-
|
|
2092
|
-
|
|
2739
|
+
.n-border-light-primary-hover-weak{
|
|
2740
|
+
border-color: rgba(1,139,255,0.08);
|
|
2093
2741
|
}
|
|
2094
|
-
.n-
|
|
2095
|
-
|
|
2742
|
+
.n-border-light-primary-hover-strong{
|
|
2743
|
+
--tw-border-opacity: 1;
|
|
2744
|
+
border-color: rgb(0 86 179 / var(--tw-border-opacity));
|
|
2096
2745
|
}
|
|
2097
|
-
.n-
|
|
2098
|
-
|
|
2746
|
+
.n-border-light-primary-pressed-weak{
|
|
2747
|
+
border-color: rgba(1,139,255,0.12);
|
|
2099
2748
|
}
|
|
2100
|
-
.n-
|
|
2101
|
-
|
|
2749
|
+
.n-border-light-primary-pressed-strong{
|
|
2750
|
+
--tw-border-opacity: 1;
|
|
2751
|
+
border-color: rgb(0 64 146 / var(--tw-border-opacity));
|
|
2102
2752
|
}
|
|
2103
|
-
.n-
|
|
2104
|
-
|
|
2753
|
+
.n-border-light-danger-text{
|
|
2754
|
+
--tw-border-opacity: 1;
|
|
2755
|
+
border-color: rgb(204 37 75 / var(--tw-border-opacity));
|
|
2105
2756
|
}
|
|
2106
|
-
.n-
|
|
2107
|
-
|
|
2757
|
+
.n-border-light-danger-icon{
|
|
2758
|
+
--tw-border-opacity: 1;
|
|
2759
|
+
border-color: rgb(204 37 75 / var(--tw-border-opacity));
|
|
2108
2760
|
}
|
|
2109
|
-
.n-
|
|
2110
|
-
|
|
2761
|
+
.n-border-light-danger-bg-strong{
|
|
2762
|
+
--tw-border-opacity: 1;
|
|
2763
|
+
border-color: rgb(204 37 75 / var(--tw-border-opacity));
|
|
2111
2764
|
}
|
|
2112
|
-
.n-
|
|
2113
|
-
|
|
2765
|
+
.n-border-light-danger-bg-weak{
|
|
2766
|
+
--tw-border-opacity: 1;
|
|
2767
|
+
border-color: rgb(255 230 233 / var(--tw-border-opacity));
|
|
2114
2768
|
}
|
|
2115
|
-
.n-
|
|
2116
|
-
|
|
2769
|
+
.n-border-light-danger-border-strong{
|
|
2770
|
+
--tw-border-opacity: 1;
|
|
2771
|
+
border-color: rgb(204 37 75 / var(--tw-border-opacity));
|
|
2117
2772
|
}
|
|
2118
|
-
.n-
|
|
2119
|
-
|
|
2773
|
+
.n-border-light-danger-border-weak{
|
|
2774
|
+
--tw-border-opacity: 1;
|
|
2775
|
+
border-color: rgb(255 184 196 / var(--tw-border-opacity));
|
|
2120
2776
|
}
|
|
2121
|
-
.n-
|
|
2122
|
-
|
|
2777
|
+
.n-border-light-danger-hover-weak{
|
|
2778
|
+
border-color: rgba(237,18,82,0.08);
|
|
2123
2779
|
}
|
|
2124
|
-
.n-
|
|
2125
|
-
|
|
2780
|
+
.n-border-light-danger-hover-strong{
|
|
2781
|
+
--tw-border-opacity: 1;
|
|
2782
|
+
border-color: rgb(161 0 59 / var(--tw-border-opacity));
|
|
2126
2783
|
}
|
|
2127
|
-
.n-
|
|
2128
|
-
|
|
2784
|
+
.n-border-light-danger-pressed-weak{
|
|
2785
|
+
border-color: rgba(237,18,82,0.12);
|
|
2129
2786
|
}
|
|
2130
|
-
.n-
|
|
2131
|
-
|
|
2787
|
+
.n-border-light-danger-pressed-strong{
|
|
2788
|
+
--tw-border-opacity: 1;
|
|
2789
|
+
border-color: rgb(122 0 49 / var(--tw-border-opacity));
|
|
2132
2790
|
}
|
|
2133
|
-
.n-
|
|
2134
|
-
|
|
2791
|
+
.n-border-light-warning-text{
|
|
2792
|
+
--tw-border-opacity: 1;
|
|
2793
|
+
border-color: rgb(150 108 46 / var(--tw-border-opacity));
|
|
2135
2794
|
}
|
|
2136
|
-
.n-
|
|
2137
|
-
|
|
2795
|
+
.n-border-light-warning-icon{
|
|
2796
|
+
--tw-border-opacity: 1;
|
|
2797
|
+
border-color: rgb(150 108 46 / var(--tw-border-opacity));
|
|
2138
2798
|
}
|
|
2139
|
-
.n-
|
|
2140
|
-
-
|
|
2141
|
-
|
|
2799
|
+
.n-border-light-warning-bg-strong{
|
|
2800
|
+
--tw-border-opacity: 1;
|
|
2801
|
+
border-color: rgb(150 108 46 / var(--tw-border-opacity));
|
|
2142
2802
|
}
|
|
2143
|
-
.n-
|
|
2144
|
-
|
|
2803
|
+
.n-border-light-warning-bg-weak{
|
|
2804
|
+
--tw-border-opacity: 1;
|
|
2805
|
+
border-color: rgb(255 251 222 / var(--tw-border-opacity));
|
|
2145
2806
|
}
|
|
2146
|
-
.n-
|
|
2147
|
-
--tw-
|
|
2148
|
-
|
|
2149
|
-
margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
|
|
2807
|
+
.n-border-light-warning-border-strong{
|
|
2808
|
+
--tw-border-opacity: 1;
|
|
2809
|
+
border-color: rgb(150 108 46 / var(--tw-border-opacity));
|
|
2150
2810
|
}
|
|
2151
|
-
.n-
|
|
2152
|
-
--tw-
|
|
2153
|
-
|
|
2154
|
-
margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
|
|
2811
|
+
.n-border-light-warning-border-weak{
|
|
2812
|
+
--tw-border-opacity: 1;
|
|
2813
|
+
border-color: rgb(255 234 140 / var(--tw-border-opacity));
|
|
2155
2814
|
}
|
|
2156
|
-
.n-
|
|
2157
|
-
|
|
2815
|
+
.n-border-light-success-text{
|
|
2816
|
+
--tw-border-opacity: 1;
|
|
2817
|
+
border-color: rgb(50 125 96 / var(--tw-border-opacity));
|
|
2158
2818
|
}
|
|
2159
|
-
.n-
|
|
2160
|
-
|
|
2819
|
+
.n-border-light-success-icon{
|
|
2820
|
+
--tw-border-opacity: 1;
|
|
2821
|
+
border-color: rgb(50 125 96 / var(--tw-border-opacity));
|
|
2161
2822
|
}
|
|
2162
|
-
.n-
|
|
2163
|
-
border-
|
|
2823
|
+
.n-border-light-success-bg-strong{
|
|
2824
|
+
--tw-border-opacity: 1;
|
|
2825
|
+
border-color: rgb(50 125 96 / var(--tw-border-opacity));
|
|
2164
2826
|
}
|
|
2165
|
-
.n-
|
|
2166
|
-
border-
|
|
2827
|
+
.n-border-light-success-bg-weak{
|
|
2828
|
+
--tw-border-opacity: 1;
|
|
2829
|
+
border-color: rgb(225 250 239 / var(--tw-border-opacity));
|
|
2167
2830
|
}
|
|
2168
|
-
.n-
|
|
2169
|
-
border-
|
|
2831
|
+
.n-border-light-success-border-strong{
|
|
2832
|
+
--tw-border-opacity: 1;
|
|
2833
|
+
border-color: rgb(50 125 96 / var(--tw-border-opacity));
|
|
2170
2834
|
}
|
|
2171
|
-
.n-border-
|
|
2835
|
+
.n-border-light-success-border-weak{
|
|
2172
2836
|
--tw-border-opacity: 1;
|
|
2173
|
-
border-color: rgb(
|
|
2837
|
+
border-color: rgb(152 237 203 / var(--tw-border-opacity));
|
|
2174
2838
|
}
|
|
2175
|
-
.n-border-neutral-
|
|
2839
|
+
.n-border-neutral-70{
|
|
2176
2840
|
--tw-border-opacity: 1;
|
|
2177
|
-
border-color: rgb(
|
|
2841
|
+
border-color: rgb(113 119 128 / var(--tw-border-opacity));
|
|
2178
2842
|
}
|
|
2179
2843
|
.n-border-b-neutral-40{
|
|
2180
2844
|
--tw-border-opacity: 1;
|
|
2181
2845
|
border-bottom-color: rgb(230 233 238 / var(--tw-border-opacity));
|
|
2182
2846
|
}
|
|
2847
|
+
.n-border-b-light-neutral-border-weak{
|
|
2848
|
+
--tw-border-opacity: 1;
|
|
2849
|
+
border-bottom-color: rgb(238 241 246 / var(--tw-border-opacity));
|
|
2850
|
+
}
|
|
2183
2851
|
.n-bg-primary-10{
|
|
2184
2852
|
--tw-bg-opacity: 1;
|
|
2185
2853
|
background-color: rgb(230 248 255 / var(--tw-bg-opacity));
|
|
@@ -2571,6 +3239,10 @@ a.ndl-btn{
|
|
|
2571
3239
|
.n-p-14{
|
|
2572
3240
|
padding: 3.5rem;
|
|
2573
3241
|
}
|
|
3242
|
+
.n-py-1{
|
|
3243
|
+
padding-top: 0.25rem;
|
|
3244
|
+
padding-bottom: 0.25rem;
|
|
3245
|
+
}
|
|
2574
3246
|
.n-px-3{
|
|
2575
3247
|
padding-left: 0.75rem;
|
|
2576
3248
|
padding-right: 0.75rem;
|
|
@@ -2583,6 +3255,40 @@ a.ndl-btn{
|
|
|
2583
3255
|
padding-left: 2.5rem;
|
|
2584
3256
|
padding-right: 2.5rem;
|
|
2585
3257
|
}
|
|
3258
|
+
.n-px-7{
|
|
3259
|
+
padding-left: 1.75rem;
|
|
3260
|
+
padding-right: 1.75rem;
|
|
3261
|
+
}
|
|
3262
|
+
.n-py-4{
|
|
3263
|
+
padding-top: 1rem;
|
|
3264
|
+
padding-bottom: 1rem;
|
|
3265
|
+
}
|
|
3266
|
+
.n-py-6{
|
|
3267
|
+
padding-top: 1.5rem;
|
|
3268
|
+
padding-bottom: 1.5rem;
|
|
3269
|
+
}
|
|
3270
|
+
.n-px-2{
|
|
3271
|
+
padding-left: 0.5rem;
|
|
3272
|
+
padding-right: 0.5rem;
|
|
3273
|
+
}
|
|
3274
|
+
.n-py-2{
|
|
3275
|
+
padding-top: 0.5rem;
|
|
3276
|
+
padding-bottom: 0.5rem;
|
|
3277
|
+
}
|
|
3278
|
+
.n-py-0\.5{
|
|
3279
|
+
padding-top: 0.125rem;
|
|
3280
|
+
padding-bottom: 0.125rem;
|
|
3281
|
+
}
|
|
3282
|
+
.n-py-0{
|
|
3283
|
+
padding-top: 0px;
|
|
3284
|
+
padding-bottom: 0px;
|
|
3285
|
+
}
|
|
3286
|
+
.n-text-left{
|
|
3287
|
+
text-align: left;
|
|
3288
|
+
}
|
|
3289
|
+
.n-text-center{
|
|
3290
|
+
text-align: center;
|
|
3291
|
+
}
|
|
2586
3292
|
.n-font-sans{
|
|
2587
3293
|
font-family: "Nunito Sans";
|
|
2588
3294
|
}
|
|
@@ -2590,6 +3296,9 @@ a.ndl-btn{
|
|
|
2590
3296
|
font-size: 0.75rem;
|
|
2591
3297
|
line-height: 1rem;
|
|
2592
3298
|
}
|
|
3299
|
+
.n-font-light{
|
|
3300
|
+
font-weight: 300;
|
|
3301
|
+
}
|
|
2593
3302
|
.n-font-semibold{
|
|
2594
3303
|
font-weight: 600;
|
|
2595
3304
|
}
|
|
@@ -2599,6 +3308,9 @@ a.ndl-btn{
|
|
|
2599
3308
|
.n-capitalize{
|
|
2600
3309
|
text-transform: capitalize;
|
|
2601
3310
|
}
|
|
3311
|
+
.n-leading-8{
|
|
3312
|
+
line-height: 2rem;
|
|
3313
|
+
}
|
|
2602
3314
|
.n-tracking-wide{
|
|
2603
3315
|
letter-spacing: 0.025em;
|
|
2604
3316
|
}
|
|
@@ -2988,13 +3700,18 @@ a.ndl-btn{
|
|
|
2988
3700
|
-webkit-text-decoration-line: underline;
|
|
2989
3701
|
text-decoration-line: underline;
|
|
2990
3702
|
}
|
|
3703
|
+
.n-shadow-l4{
|
|
3704
|
+
--tw-shadow: 0px 4px 8px 0px rgba(12, 26, 37, 0.08);
|
|
3705
|
+
--tw-shadow-colored: 0px 4px 8px 0px var(--tw-shadow-color);
|
|
3706
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
3707
|
+
}
|
|
2991
3708
|
.n-shadow-l2{
|
|
2992
3709
|
--tw-shadow: 0px 1px 2px 0px rgba(12, 26, 37, 0.18);
|
|
2993
3710
|
--tw-shadow-colored: 0px 1px 2px 0px var(--tw-shadow-color);
|
|
2994
3711
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
2995
3712
|
}
|
|
2996
|
-
.n-shadow-
|
|
2997
|
-
--tw-shadow: 0px 4px 8px 0px rgba(12, 26, 37, 0.
|
|
3713
|
+
.n-shadow-l3{
|
|
3714
|
+
--tw-shadow: 0px 4px 8px 0px rgba(12, 26, 37, 0.04);
|
|
2998
3715
|
--tw-shadow-colored: 0px 4px 8px 0px var(--tw-shadow-color);
|
|
2999
3716
|
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
3000
3717
|
}
|
|
@@ -3004,11 +3721,13 @@ a.ndl-btn{
|
|
|
3004
3721
|
.n-ease-in-out{
|
|
3005
3722
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
3006
3723
|
}
|
|
3007
|
-
|
|
3008
|
-
|
|
3009
|
-
}
|
|
3010
|
-
body, html {
|
|
3724
|
+
body,
|
|
3725
|
+
html {
|
|
3011
3726
|
font-family: 'Nunito Sans', sans-serif;
|
|
3727
|
+
/* Ensure all the products will have antialiasing when using Needle */
|
|
3728
|
+
-webkit-font-smoothing: antialiased;
|
|
3729
|
+
-moz-osx-font-smoothing: grayscale;
|
|
3730
|
+
text-rendering: optimizeLegibility;
|
|
3012
3731
|
}
|
|
3013
3732
|
.first\:n-rounded-t-sm:first-child{
|
|
3014
3733
|
border-top-left-radius: 4px;
|
|
@@ -3022,6 +3741,187 @@ body, html {
|
|
|
3022
3741
|
--tw-rotate: 12deg;
|
|
3023
3742
|
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
3743
|
}
|
|
3744
|
+
.hover\:n-cursor-pointer:hover{
|
|
3745
|
+
cursor: pointer;
|
|
3746
|
+
}
|
|
3747
|
+
.hover\:n-border-light-neutral-text-weakest:hover{
|
|
3748
|
+
--tw-border-opacity: 1;
|
|
3749
|
+
border-color: rgb(178 183 189 / var(--tw-border-opacity));
|
|
3750
|
+
}
|
|
3751
|
+
.hover\:n-border-light-neutral-text-weaker:hover{
|
|
3752
|
+
--tw-border-opacity: 1;
|
|
3753
|
+
border-color: rgb(113 119 128 / var(--tw-border-opacity));
|
|
3754
|
+
}
|
|
3755
|
+
.hover\:n-border-light-neutral-text-weak:hover{
|
|
3756
|
+
--tw-border-opacity: 1;
|
|
3757
|
+
border-color: rgb(83 91 102 / var(--tw-border-opacity));
|
|
3758
|
+
}
|
|
3759
|
+
.hover\:n-border-light-neutral-text-default:hover{
|
|
3760
|
+
--tw-border-opacity: 1;
|
|
3761
|
+
border-color: rgb(21 30 41 / var(--tw-border-opacity));
|
|
3762
|
+
}
|
|
3763
|
+
.hover\:n-border-light-neutral-text-inverse:hover{
|
|
3764
|
+
--tw-border-opacity: 1;
|
|
3765
|
+
border-color: rgb(255 255 255 / var(--tw-border-opacity));
|
|
3766
|
+
}
|
|
3767
|
+
.hover\:n-border-light-neutral-bg-weak:hover{
|
|
3768
|
+
--tw-border-opacity: 1;
|
|
3769
|
+
border-color: rgb(255 255 255 / var(--tw-border-opacity));
|
|
3770
|
+
}
|
|
3771
|
+
.hover\:n-border-light-neutral-bg-default:hover{
|
|
3772
|
+
--tw-border-opacity: 1;
|
|
3773
|
+
border-color: rgb(245 247 250 / var(--tw-border-opacity));
|
|
3774
|
+
}
|
|
3775
|
+
.hover\:n-border-light-neutral-bg-strong:hover{
|
|
3776
|
+
--tw-border-opacity: 1;
|
|
3777
|
+
border-color: rgb(230 233 238 / var(--tw-border-opacity));
|
|
3778
|
+
}
|
|
3779
|
+
.hover\:n-border-light-neutral-bg-strongest:hover{
|
|
3780
|
+
--tw-border-opacity: 1;
|
|
3781
|
+
border-color: rgb(83 91 102 / var(--tw-border-opacity));
|
|
3782
|
+
}
|
|
3783
|
+
.hover\:n-border-light-neutral-border-weak:hover{
|
|
3784
|
+
--tw-border-opacity: 1;
|
|
3785
|
+
border-color: rgb(238 241 246 / var(--tw-border-opacity));
|
|
3786
|
+
}
|
|
3787
|
+
.hover\:n-border-light-neutral-border-strong:hover{
|
|
3788
|
+
--tw-border-opacity: 1;
|
|
3789
|
+
border-color: rgb(178 183 189 / var(--tw-border-opacity));
|
|
3790
|
+
}
|
|
3791
|
+
.hover\:n-border-light-neutral-hover:hover{
|
|
3792
|
+
border-color: rgba(113,119,128,0.1);
|
|
3793
|
+
}
|
|
3794
|
+
.hover\:n-border-light-neutral-pressed:hover{
|
|
3795
|
+
border-color: rgba(113,119,128,0.2);
|
|
3796
|
+
}
|
|
3797
|
+
.hover\:n-border-light-primary-text:hover{
|
|
3798
|
+
--tw-border-opacity: 1;
|
|
3799
|
+
border-color: rgb(0 111 214 / var(--tw-border-opacity));
|
|
3800
|
+
}
|
|
3801
|
+
.hover\:n-border-light-primary-icon:hover{
|
|
3802
|
+
--tw-border-opacity: 1;
|
|
3803
|
+
border-color: rgb(0 111 214 / var(--tw-border-opacity));
|
|
3804
|
+
}
|
|
3805
|
+
.hover\:n-border-light-primary-bg-strong:hover{
|
|
3806
|
+
--tw-border-opacity: 1;
|
|
3807
|
+
border-color: rgb(0 111 214 / var(--tw-border-opacity));
|
|
3808
|
+
}
|
|
3809
|
+
.hover\:n-border-light-primary-bg-weak:hover{
|
|
3810
|
+
--tw-border-opacity: 1;
|
|
3811
|
+
border-color: rgb(230 248 255 / var(--tw-border-opacity));
|
|
3812
|
+
}
|
|
3813
|
+
.hover\:n-border-light-primary-border-strong:hover{
|
|
3814
|
+
--tw-border-opacity: 1;
|
|
3815
|
+
border-color: rgb(0 111 214 / var(--tw-border-opacity));
|
|
3816
|
+
}
|
|
3817
|
+
.hover\:n-border-light-primary-border-weak:hover{
|
|
3818
|
+
--tw-border-opacity: 1;
|
|
3819
|
+
border-color: rgb(122 209 255 / var(--tw-border-opacity));
|
|
3820
|
+
}
|
|
3821
|
+
.hover\:n-border-light-primary-focus:hover{
|
|
3822
|
+
--tw-border-opacity: 1;
|
|
3823
|
+
border-color: rgb(1 139 255 / var(--tw-border-opacity));
|
|
3824
|
+
}
|
|
3825
|
+
.hover\:n-border-light-primary-hover-weak:hover{
|
|
3826
|
+
border-color: rgba(1,139,255,0.08);
|
|
3827
|
+
}
|
|
3828
|
+
.hover\:n-border-light-primary-hover-strong:hover{
|
|
3829
|
+
--tw-border-opacity: 1;
|
|
3830
|
+
border-color: rgb(0 86 179 / var(--tw-border-opacity));
|
|
3831
|
+
}
|
|
3832
|
+
.hover\:n-border-light-primary-pressed-weak:hover{
|
|
3833
|
+
border-color: rgba(1,139,255,0.12);
|
|
3834
|
+
}
|
|
3835
|
+
.hover\:n-border-light-primary-pressed-strong:hover{
|
|
3836
|
+
--tw-border-opacity: 1;
|
|
3837
|
+
border-color: rgb(0 64 146 / var(--tw-border-opacity));
|
|
3838
|
+
}
|
|
3839
|
+
.hover\:n-border-light-danger-text:hover{
|
|
3840
|
+
--tw-border-opacity: 1;
|
|
3841
|
+
border-color: rgb(204 37 75 / var(--tw-border-opacity));
|
|
3842
|
+
}
|
|
3843
|
+
.hover\:n-border-light-danger-icon:hover{
|
|
3844
|
+
--tw-border-opacity: 1;
|
|
3845
|
+
border-color: rgb(204 37 75 / var(--tw-border-opacity));
|
|
3846
|
+
}
|
|
3847
|
+
.hover\:n-border-light-danger-bg-strong:hover{
|
|
3848
|
+
--tw-border-opacity: 1;
|
|
3849
|
+
border-color: rgb(204 37 75 / var(--tw-border-opacity));
|
|
3850
|
+
}
|
|
3851
|
+
.hover\:n-border-light-danger-bg-weak:hover{
|
|
3852
|
+
--tw-border-opacity: 1;
|
|
3853
|
+
border-color: rgb(255 230 233 / var(--tw-border-opacity));
|
|
3854
|
+
}
|
|
3855
|
+
.hover\:n-border-light-danger-border-strong:hover{
|
|
3856
|
+
--tw-border-opacity: 1;
|
|
3857
|
+
border-color: rgb(204 37 75 / var(--tw-border-opacity));
|
|
3858
|
+
}
|
|
3859
|
+
.hover\:n-border-light-danger-border-weak:hover{
|
|
3860
|
+
--tw-border-opacity: 1;
|
|
3861
|
+
border-color: rgb(255 184 196 / var(--tw-border-opacity));
|
|
3862
|
+
}
|
|
3863
|
+
.hover\:n-border-light-danger-hover-weak:hover{
|
|
3864
|
+
border-color: rgba(237,18,82,0.08);
|
|
3865
|
+
}
|
|
3866
|
+
.hover\:n-border-light-danger-hover-strong:hover{
|
|
3867
|
+
--tw-border-opacity: 1;
|
|
3868
|
+
border-color: rgb(161 0 59 / var(--tw-border-opacity));
|
|
3869
|
+
}
|
|
3870
|
+
.hover\:n-border-light-danger-pressed-weak:hover{
|
|
3871
|
+
border-color: rgba(237,18,82,0.12);
|
|
3872
|
+
}
|
|
3873
|
+
.hover\:n-border-light-danger-pressed-strong:hover{
|
|
3874
|
+
--tw-border-opacity: 1;
|
|
3875
|
+
border-color: rgb(122 0 49 / var(--tw-border-opacity));
|
|
3876
|
+
}
|
|
3877
|
+
.hover\:n-border-light-warning-text:hover{
|
|
3878
|
+
--tw-border-opacity: 1;
|
|
3879
|
+
border-color: rgb(150 108 46 / var(--tw-border-opacity));
|
|
3880
|
+
}
|
|
3881
|
+
.hover\:n-border-light-warning-icon:hover{
|
|
3882
|
+
--tw-border-opacity: 1;
|
|
3883
|
+
border-color: rgb(150 108 46 / var(--tw-border-opacity));
|
|
3884
|
+
}
|
|
3885
|
+
.hover\:n-border-light-warning-bg-strong:hover{
|
|
3886
|
+
--tw-border-opacity: 1;
|
|
3887
|
+
border-color: rgb(150 108 46 / var(--tw-border-opacity));
|
|
3888
|
+
}
|
|
3889
|
+
.hover\:n-border-light-warning-bg-weak:hover{
|
|
3890
|
+
--tw-border-opacity: 1;
|
|
3891
|
+
border-color: rgb(255 251 222 / var(--tw-border-opacity));
|
|
3892
|
+
}
|
|
3893
|
+
.hover\:n-border-light-warning-border-strong:hover{
|
|
3894
|
+
--tw-border-opacity: 1;
|
|
3895
|
+
border-color: rgb(150 108 46 / var(--tw-border-opacity));
|
|
3896
|
+
}
|
|
3897
|
+
.hover\:n-border-light-warning-border-weak:hover{
|
|
3898
|
+
--tw-border-opacity: 1;
|
|
3899
|
+
border-color: rgb(255 234 140 / var(--tw-border-opacity));
|
|
3900
|
+
}
|
|
3901
|
+
.hover\:n-border-light-success-text:hover{
|
|
3902
|
+
--tw-border-opacity: 1;
|
|
3903
|
+
border-color: rgb(50 125 96 / var(--tw-border-opacity));
|
|
3904
|
+
}
|
|
3905
|
+
.hover\:n-border-light-success-icon:hover{
|
|
3906
|
+
--tw-border-opacity: 1;
|
|
3907
|
+
border-color: rgb(50 125 96 / var(--tw-border-opacity));
|
|
3908
|
+
}
|
|
3909
|
+
.hover\:n-border-light-success-bg-strong:hover{
|
|
3910
|
+
--tw-border-opacity: 1;
|
|
3911
|
+
border-color: rgb(50 125 96 / var(--tw-border-opacity));
|
|
3912
|
+
}
|
|
3913
|
+
.hover\:n-border-light-success-bg-weak:hover{
|
|
3914
|
+
--tw-border-opacity: 1;
|
|
3915
|
+
border-color: rgb(225 250 239 / var(--tw-border-opacity));
|
|
3916
|
+
}
|
|
3917
|
+
.hover\:n-border-light-success-border-strong:hover{
|
|
3918
|
+
--tw-border-opacity: 1;
|
|
3919
|
+
border-color: rgb(50 125 96 / var(--tw-border-opacity));
|
|
3920
|
+
}
|
|
3921
|
+
.hover\:n-border-light-success-border-weak:hover{
|
|
3922
|
+
--tw-border-opacity: 1;
|
|
3923
|
+
border-color: rgb(152 237 203 / var(--tw-border-opacity));
|
|
3924
|
+
}
|
|
3025
3925
|
.hover\:n-bg-primary-10:hover{
|
|
3026
3926
|
--tw-bg-opacity: 1;
|
|
3027
3927
|
background-color: rgb(230 248 255 / var(--tw-bg-opacity));
|
|
@@ -3404,6 +4304,9 @@ body, html {
|
|
|
3404
4304
|
--tw-bg-opacity: 1;
|
|
3405
4305
|
background-color: rgb(152 237 203 / var(--tw-bg-opacity));
|
|
3406
4306
|
}
|
|
4307
|
+
.hover\:n-bg-opacity-10:hover{
|
|
4308
|
+
--tw-bg-opacity: 0.1;
|
|
4309
|
+
}
|
|
3407
4310
|
.hover\:n-text-primary-10:hover{
|
|
3408
4311
|
--tw-text-opacity: 1;
|
|
3409
4312
|
color: rgb(230 248 255 / var(--tw-text-opacity));
|
|
@@ -3798,3 +4701,9 @@ body, html {
|
|
|
3798
4701
|
margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
|
|
3799
4702
|
}
|
|
3800
4703
|
}
|
|
4704
|
+
@media (min-width: 768px){
|
|
4705
|
+
.md\:n-bg-primary-50{
|
|
4706
|
+
--tw-bg-opacity: 1;
|
|
4707
|
+
background-color: rgb(0 111 214 / var(--tw-bg-opacity));
|
|
4708
|
+
}
|
|
4709
|
+
}
|