@neo4j-ndl/base 0.1.2 → 0.1.3

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.
Files changed (8) hide show
  1. package/lib/neo4j-ds-styles.css +549 -79
  2. package/lib/optimised.config.js +4 -0
  3. package/lib/optimised.config.js.map +1 -1
  4. package/lib/tokens/css/tokens.css +1 -1
  5. package/lib/tokens/js/tokens-raw.js +1 -1
  6. package/lib/tokens/js/tokens.js +1 -1
  7. package/lib/tokens/scss/tokens.scss +1 -1
  8. 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, 14 Mar 2022 15:40:41 GMT
423
+ * Generated on Mon, 04 Apr 2022 08:54:08 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: 60px;
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: 1px;
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: 1px;
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
- --tw-border-opacity: 1;
884
- border-bottom-color: rgb(238 241 246 / var(--tw-border-opacity));
889
+ /* @apply n-border-b-light-neutral-border-weak n-text-light-neutral-text-weak n-relative; */
890
+ position: relative;
885
891
  }
886
- .ndl-tabs.underline.small {
887
- border-bottom-width: 1px;
888
- }
889
- .ndl-tabs.underline.large {
890
- border-bottom-width: 2px;
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.small > .tab-underline {
935
- bottom: -1px;
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.large > .tab-underline {
938
- bottom: -2px;
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(113 119 128 / var(--tw-bg-opacity));
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(113 119 128 / var(--tw-bg-opacity));
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(196 200 205 / var(--tw-border-opacity));
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:enabled, .ndl-form-item input[type='radio']:hover:enabled{
1280
- outline-style: solid;
1281
- outline-width: 10px;
1282
- outline-offset: 0px;
1283
- outline-color: rgb(196 200 205 / 0.1);
1284
- }
1285
- .ndl-form-item input[type='checkbox']:focus:enabled, .ndl-form-item input[type='radio']:focus:enabled{
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: #006FD6;
1358
+ outline-color: #018bff;
1290
1359
  }
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);
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
- outline-color: rgb(0 111 214 / 0.1);
1305
- }
1306
- .ndl-form-item input[type='checkbox']:checked:active, .ndl-form-item input[type='radio']:checked:active{
1307
- outline-style: solid;
1308
- outline-color: rgb(0 111 214 / 0.2);
1309
- }
1310
- .ndl-form-item input[type='checkbox']:disabled, .ndl-form-item input[type='radio']:disabled{
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(230 233 238 / var(--tw-border-opacity));
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(230 233 238 / var(--tw-bg-opacity));
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(230 233 238 / var(--tw-border-opacity));
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
- border-radius: 9999px;;
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:enabled{
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-offset: 0px;
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::before {
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(230 233 238 / var(--tw-text-opacity));
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(245 247 250 / var(--tw-bg-opacity));
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(0 111 214 / var(--tw-border-opacity));
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-70{
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-60{
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, html {
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',
package/lib/optimised.config.js.map CHANGED
@@ -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/css/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 14 Mar 2022 15:40:41 GMT
3
+ * Generated on Mon, 04 Apr 2022 08:54:08 GMT
4
4
  */
5
5
 
6
6
  :root {
package/lib/tokens/js/tokens-raw.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Mon, 14 Mar 2022 15:40:41 GMT
3
+ * Generated on Mon, 04 Apr 2022 08:54:08 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
package/lib/tokens/js/tokens.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
  /**
3
3
  * Do not edit directly
4
- * Generated on Mon, 14 Mar 2022 15:40:41 GMT
4
+ * Generated on Mon, 04 Apr 2022 08:54:08 GMT
5
5
  */
6
6
  module.exports = {
7
7
  "borderRadius": {
package/lib/tokens/scss/tokens.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 14 Mar 2022 15:40:41 GMT
3
+ // Generated on Mon, 04 Apr 2022 08:54:08 GMT
4
4
 
5
5
  $border-radius-sm: 4px;
6
6
  $border-radius-md: 6px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@neo4j-ndl/base",
3
- "version": "0.1.2",
3
+ "version": "0.1.3",
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
- "tsc": "tsc",
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": "92523886ce954f0930f1d1168e31ceb699b26cac"
41
+ "gitHead": "a7936a1afaecf5871c9276b393981b3bc5f1ec3e"
43
42
  }