@neo4j-ndl/base 2.0.0-alpha-e609471 → 2.0.0-alpha-5e223d7

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 (30) hide show
  1. package/lib/NOTICE.txt +2 -0
  2. package/lib/cjs/tailwind-preset.config.js +2 -2
  3. package/lib/cjs/tailwind-preset.config.js.map +1 -1
  4. package/lib/cjs/tailwindTheme.js +3 -3
  5. package/lib/cjs/tailwindTheme.js.map +1 -1
  6. package/lib/cjs/tokens/js/storybook-design-token.js +31 -4
  7. package/lib/cjs/tokens/js/storybook-design-token.js.map +1 -1
  8. package/lib/cjs/tokens/js/tokens-esm.js +11 -4
  9. package/lib/cjs/tokens/js/tokens-esm.js.map +1 -1
  10. package/lib/cjs/tokens/js/tokens.js +11 -4
  11. package/lib/cjs/tokens/js/tokens.js.map +1 -1
  12. package/lib/esm/tailwind-preset.config.js +1 -1
  13. package/lib/esm/tailwind-preset.config.js.map +1 -1
  14. package/lib/esm/tailwindTheme.js +3 -3
  15. package/lib/esm/tailwindTheme.js.map +1 -1
  16. package/lib/esm/tokens/js/storybook-design-token.js +31 -4
  17. package/lib/esm/tokens/js/storybook-design-token.js.map +1 -1
  18. package/lib/esm/tokens/js/tokens-esm.js +11 -4
  19. package/lib/esm/tokens/js/tokens-esm.js.map +1 -1
  20. package/lib/esm/tokens/js/tokens.js +11 -4
  21. package/lib/esm/tokens/js/tokens.js.map +1 -1
  22. package/lib/neo4j-ds-styles.css +928 -681
  23. package/lib/tokens/css/tokens.css +7 -4
  24. package/lib/tokens/js/tokens-raw.js +101 -34
  25. package/lib/tokens/js/tokens.js +11 -4
  26. package/lib/tokens/scss/tokens.scss +7 -4
  27. package/lib/types/tokens/js/storybook-design-token.d.ts +1 -1
  28. package/lib/types/tokens/js/tokens-esm.d.ts +17 -9
  29. package/lib/types/tokens/js/tokens.d.ts +17 -9
  30. package/package.json +1 -1
package/lib/neo4j-ds-styles.css CHANGED
@@ -311,10 +311,13 @@ video{
311
311
  }
312
312
  :root{
313
313
  --transitions-values-properties-default:all;
314
- --transitions-values-duration-default:100ms;
314
+ --transitions-values-duration-quick:100ms;
315
+ --transitions-values-duration-slow:250ms;
315
316
  --transitions-values-timing-function-default:cubic-bezier(0.420, 0.000, 0.580, 1.000);
316
- --transitions-stripped:100ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
317
- --transitions-default:all 100ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
317
+ --transitions-stripped-quick:100ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
318
+ --transitions-stripped-slow:250ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
319
+ --transitions-full-quick:all 100ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
320
+ --transitions-full-slow:all 250ms cubic-bezier(0.420, 0.000, 0.580, 1.000);
318
321
  --border-radius-none:0px;
319
322
  --border-radius-sm:4px;
320
323
  --border-radius-md:6px;
@@ -893,7 +896,7 @@ h6,
893
896
  --theme-palette-discovery-bg-status:var(--theme-dark-palette-discovery-bg-status);
894
897
  --theme-palette-discovery-border-strong:var(--theme-dark-palette-discovery-border-strong);
895
898
  --theme-palette-discovery-border-weak:var(--theme-dark-palette-discovery-border-weak);
896
- color:rgb(var(--palette-neutral-text-default));
899
+ color:rgb(var(--theme-palette-neutral-text-default));
897
900
  color-scheme:dark;
898
901
  }
899
902
  .ndl-theme-light{
@@ -960,7 +963,7 @@ h6,
960
963
  --theme-palette-discovery-bg-status:var(--theme-light-palette-discovery-bg-status);
961
964
  --theme-palette-discovery-border-strong:var(--theme-light-palette-discovery-border-strong);
962
965
  --theme-palette-discovery-border-weak:var(--theme-light-palette-discovery-border-weak);
963
- color:rgb(var(--palette-neutral-text-default));
966
+ color:rgb(var(--theme-palette-neutral-text-default));
964
967
  color-scheme:light;
965
968
  }
966
969
  .ndl-accordion{
@@ -968,7 +971,7 @@ h6,
968
971
  display:flex;
969
972
  width:100%;
970
973
  flex-direction:column;
971
- padding:1rem;
974
+ padding:16px;
972
975
  }
973
976
  .ndl-accordion .ndl-accordion-item{
974
977
  box-sizing:border-box;
@@ -991,9 +994,9 @@ h6,
991
994
  display:flex;
992
995
  width:100%;
993
996
  align-items:center;
994
- padding-top:0.75rem;
995
- padding-bottom:0.75rem;
996
- padding-right:0.75rem;
997
+ padding-top:12px;
998
+ padding-bottom:12px;
999
+ padding-right:12px;
997
1000
  }
998
1001
  .ndl-accordion .ndl-accordion-item-header-button-disabled{
999
1002
  cursor:not-allowed;
@@ -1025,7 +1028,7 @@ h6,
1025
1028
  z-index:1;
1026
1029
  }
1027
1030
  .ndl-accordion .ndl-accordion-item-header-button-title{
1028
- margin-left:0.75rem;
1031
+ margin-left:12px;
1029
1032
  display:flex;
1030
1033
  width:100%;
1031
1034
  }
@@ -1044,9 +1047,9 @@ h6,
1044
1047
  flex-direction:row-reverse;
1045
1048
  }
1046
1049
  .ndl-accordion .ndl-accordion-item-header-icon{
1047
- margin-left:0.75rem;
1048
- height:1.5rem;
1049
- width:1.5rem;
1050
+ margin-left:12px;
1051
+ height:24px;
1052
+ width:24px;
1050
1053
  }
1051
1054
  .ndl-accordion .ndl-accordion-item-content{
1052
1055
  visibility:hidden;
@@ -1061,7 +1064,7 @@ h6,
1061
1064
  outline-color:rgb(var(--theme-palette-primary-focus));
1062
1065
  }
1063
1066
  .ndl-accordion .ndl-accordion-item-content-right{
1064
- padding-left:2.25rem;
1067
+ padding-left:36px;
1065
1068
  }
1066
1069
  .ndl-accordion .ndl-accordion-item-content-expanded{
1067
1070
  visibility:visible;
@@ -1069,10 +1072,10 @@ h6,
1069
1072
  }
1070
1073
  .ndl-accordion .ndl-accordion-item-content-inner{
1071
1074
  box-sizing:border-box;
1072
- padding-left:0.75rem;
1073
- padding-right:0.75rem;
1074
- padding-bottom:0.75rem;
1075
- padding-top:0.25rem;
1075
+ padding-left:12px;
1076
+ padding-right:12px;
1077
+ padding-bottom:12px;
1078
+ padding-top:4px;
1076
1079
  }
1077
1080
  .ndl-btn{
1078
1081
  transition:background-color var(--transitions-stripped);
@@ -1080,7 +1083,7 @@ h6,
1080
1083
  cursor:pointer;
1081
1084
  align-items:center;
1082
1085
  justify-content:center;
1083
- gap:0.125rem;
1086
+ gap:2px;
1084
1087
  border-radius:4px;
1085
1088
  font-weight:700;
1086
1089
  outline:2px solid transparent;
@@ -1099,44 +1102,44 @@ h6,
1099
1102
  opacity:0.5;
1100
1103
  }
1101
1104
  .ndl-btn.ndl-extra-small{
1102
- height:1.5rem;
1103
- padding-left:0.75rem;
1104
- padding-right:0.75rem;
1105
- padding-top:0.25rem;
1106
- padding-bottom:0.25rem;
1105
+ height:24px;
1106
+ padding-left:12px;
1107
+ padding-right:12px;
1108
+ padding-top:4px;
1109
+ padding-bottom:4px;
1107
1110
  font-size:var(--font-size-label);
1108
1111
  font-weight:var(--font-weight-bold);
1109
1112
  letter-spacing:0;
1110
1113
  line-height:1.25rem;
1111
1114
  }
1112
1115
  .ndl-btn.ndl-small{
1113
- height:1.75rem;
1114
- padding-left:0.75rem;
1115
- padding-right:0.75rem;
1116
- padding-top:0.25rem;
1117
- padding-bottom:0.25rem;
1116
+ height:28px;
1117
+ padding-left:12px;
1118
+ padding-right:12px;
1119
+ padding-top:4px;
1120
+ padding-bottom:4px;
1118
1121
  font-size:var(--font-size-label);
1119
1122
  font-weight:var(--font-weight-bold);
1120
1123
  letter-spacing:0;
1121
1124
  line-height:1.25rem;
1122
1125
  }
1123
1126
  .ndl-btn.ndl-medium{
1124
- height:2.25rem;
1125
- padding-left:1.5rem;
1126
- padding-right:1.5rem;
1127
- padding-top:0.5rem;
1128
- padding-bottom:0.5rem;
1127
+ height:36px;
1128
+ padding-left:24px;
1129
+ padding-right:24px;
1130
+ padding-top:8px;
1131
+ padding-bottom:8px;
1129
1132
  font-size:var(--font-size-label);
1130
1133
  font-weight:var(--font-weight-bold);
1131
1134
  letter-spacing:0;
1132
1135
  line-height:1.25rem;
1133
1136
  }
1134
1137
  .ndl-btn.ndl-large{
1135
- height:3rem;
1136
- padding-left:1.5rem;
1137
- padding-right:1.5rem;
1138
- padding-top:0.75rem;
1139
- padding-bottom:0.75rem;
1138
+ height:48px;
1139
+ padding-left:24px;
1140
+ padding-right:24px;
1141
+ padding-top:12px;
1142
+ padding-bottom:12px;
1140
1143
  }
1141
1144
 
1142
1145
  .ndl-btn.ndl-large{
@@ -1187,7 +1190,7 @@ a.ndl-btn{
1187
1190
  cursor:pointer;
1188
1191
  align-items:center;
1189
1192
  justify-content:center;
1190
- gap:0.125rem;
1193
+ gap:2px;
1191
1194
  border-radius:8px;
1192
1195
  color:rgb(var(--theme-palette-neutral-text-weak));
1193
1196
  }
@@ -1304,12 +1307,12 @@ a.ndl-btn{
1304
1307
  display:flex;
1305
1308
  max-width:-moz-min-content;
1306
1309
  max-width:min-content;
1307
- gap:0.25rem;
1310
+ gap:4px;
1308
1311
  border-radius:8px;
1309
1312
  border-width:1px;
1310
1313
  border-color:rgb(var(--theme-palette-neutral-border-strong));
1311
1314
  background-color:rgb(var(--theme-palette-neutral-bg-weak));
1312
- padding:0.25rem;
1315
+ padding:4px;
1313
1316
  }
1314
1317
  .ndl-icon-btn-array.ndl-array-floating{
1315
1318
  border-color:rgb(var(--theme-palette-neutral-border-weak));
@@ -1319,16 +1322,16 @@ a.ndl-btn{
1319
1322
  }
1320
1323
  .ndl-label{
1321
1324
  display:flex;
1322
- height:1.5rem;
1325
+ height:24px;
1323
1326
  max-width:-moz-max-content;
1324
1327
  max-width:max-content;
1325
1328
  flex-direction:column;
1326
1329
  justify-content:center;
1327
1330
  border-radius:9999px;
1328
- padding-left:0.5rem;
1329
- padding-right:0.5rem;
1330
- padding-top:0.125rem;
1331
- padding-bottom:0.125rem;
1331
+ padding-left:8px;
1332
+ padding-right:8px;
1333
+ padding-top:2px;
1334
+ padding-bottom:2px;
1332
1335
  font-weight:700;
1333
1336
  text-transform:capitalize;
1334
1337
  font-size:var(--font-size-label);
@@ -1342,11 +1345,11 @@ a.ndl-btn{
1342
1345
  display:flex;
1343
1346
  flex-direction:row;
1344
1347
  align-items:center;
1345
- gap:0.25rem;
1348
+ gap:4px;
1346
1349
  }
1347
1350
  .ndl-label .ndl-label-content svg{
1348
- height:0.5rem;
1349
- width:0.5rem;
1351
+ height:8px;
1352
+ width:8px;
1350
1353
  }
1351
1354
  .ndl-label .ndl-label-text{
1352
1355
  overflow:hidden;
@@ -1401,36 +1404,36 @@ a.ndl-btn{
1401
1404
  position:relative;
1402
1405
  cursor:pointer;
1403
1406
  border-width:0px;
1404
- padding-left:1rem;
1405
- padding-right:1rem;
1406
- padding-top:0.5rem;
1407
- padding-bottom:0.5rem;
1407
+ padding-left:16px;
1408
+ padding-right:16px;
1409
+ padding-top:8px;
1410
+ padding-bottom:8px;
1408
1411
  font-size:var(--font-size-subheading-medium);
1409
1412
  font-weight:var(--font-weight-semibold);
1410
1413
  letter-spacing:0.016rem;
1411
1414
  line-height:1.5rem;
1412
1415
  }
1413
1416
  .ndl-tabs .ndl-tab.ndl-small{
1414
- padding-left:0.5rem;
1415
- padding-right:0.5rem;
1416
- padding-top:0.25rem;
1417
- padding-bottom:0.25rem;
1417
+ padding-left:8px;
1418
+ padding-right:8px;
1419
+ padding-top:4px;
1420
+ padding-bottom:4px;
1418
1421
  font-size:var(--font-size-subheading-small);
1419
1422
  font-weight:var(--font-weight-semibold);
1420
1423
  letter-spacing:0.016rem;
1421
1424
  line-height:1.25rem;
1422
1425
  }
1423
1426
  .ndl-tabs .ndl-tab.ndl-small:not(:first-child){
1424
- margin-left:0.25rem;
1427
+ margin-left:4px;
1425
1428
  }
1426
1429
  .ndl-tabs .ndl-tab.ndl-small:not(:last-child){
1427
- margin-right:0.25rem;
1430
+ margin-right:4px;
1428
1431
  }
1429
1432
  .ndl-tabs .ndl-tab:not(:first-child){
1430
- margin-left:0.5rem;
1433
+ margin-left:8px;
1431
1434
  }
1432
1435
  .ndl-tabs .ndl-tab:not(:last-child){
1433
- margin-right:0.5rem;
1436
+ margin-right:8px;
1434
1437
  }
1435
1438
  .ndl-tabs .ndl-tab.ndl-disabled{
1436
1439
  cursor:not-allowed;
@@ -1493,8 +1496,8 @@ a.ndl-btn{
1493
1496
  }
1494
1497
  .ndl-tabs .ndl-tab.ndl-filled-tab{
1495
1498
  border-radius:4px;
1496
- padding-top:0.25rem;
1497
- padding-bottom:0.25rem;
1499
+ padding-top:4px;
1500
+ padding-bottom:4px;
1498
1501
  color:rgb(var(--theme-palette-neutral-text-weak));
1499
1502
  }
1500
1503
  .ndl-tabs .ndl-tab.ndl-filled-tab.ndl-disabled{
@@ -1520,19 +1523,19 @@ a.ndl-btn{
1520
1523
  color:rgb(var(--theme-palette-primary-text));
1521
1524
  }
1522
1525
  .ndl-banner{
1523
- padding:1rem;
1526
+ padding:16px;
1524
1527
  color:rgb(var(--theme-palette-neutral-text-default));
1525
1528
  border-radius:4px;
1526
1529
  display:flex;
1527
1530
  flex-direction:row;
1528
- -moz-column-gap:1rem;
1529
- column-gap:1rem;
1531
+ -moz-column-gap:16px;
1532
+ column-gap:16px;
1530
1533
  }
1531
1534
  .ndl-banner .ndl-banner-content{
1532
1535
  display:flex;
1533
1536
  flex:1 1 0%;
1534
1537
  flex-direction:column;
1535
- gap:0.5rem;
1538
+ gap:8px;
1536
1539
  overflow:auto;
1537
1540
  }
1538
1541
  .ndl-banner .ndl-banner-title{
@@ -1543,18 +1546,18 @@ a.ndl-btn{
1543
1546
  margin:0px;
1544
1547
  }
1545
1548
  .ndl-banner .ndl-banner-icon{
1546
- height:1.5rem;
1547
- width:1.5rem;
1549
+ height:24px;
1550
+ width:24px;
1548
1551
  }
1549
1552
  .ndl-banner .ndl-banner-icon.ndl-close-icon{
1550
1553
  cursor:pointer;
1551
1554
  color:rgb(var(--theme-palette-neutral-text-weak));
1552
1555
  }
1553
1556
  .ndl-banner .ndl-banner-actions{
1554
- margin-top:1rem;
1557
+ margin-top:16px;
1555
1558
  display:flex;
1556
- -moz-column-gap:1rem;
1557
- column-gap:1rem;
1559
+ -moz-column-gap:16px;
1560
+ column-gap:16px;
1558
1561
  }
1559
1562
  .ndl-banner .ndl-banner-actions a{
1560
1563
  cursor:pointer;
@@ -1612,10 +1615,10 @@ a.ndl-btn{
1612
1615
  width:fit-content;
1613
1616
  border-radius:4px;
1614
1617
  background-color:rgb(var(--theme-palette-neutral-bg-strongest));
1615
- padding-left:0.75rem;
1616
- padding-right:0.75rem;
1617
- padding-top:0.5rem;
1618
- padding-bottom:0.5rem;
1618
+ padding-left:12px;
1619
+ padding-right:12px;
1620
+ padding-top:8px;
1621
+ padding-bottom:8px;
1619
1622
  color:rgb(var(--theme-palette-neutral-text-inverse));
1620
1623
  font-size:var(--font-size-body-small);
1621
1624
  font-weight:var(--font-weight-normal);
@@ -1698,16 +1701,16 @@ a.ndl-btn{
1698
1701
  border-right-color:transparent;
1699
1702
  }
1700
1703
  .ndl-toggletip{
1701
- padding:1rem;
1704
+ padding:16px;
1702
1705
  color:rgb(var(--theme-palette-neutral-text-inverse));
1703
1706
  border-radius:4px;
1704
1707
  display:flex;
1705
1708
  flex-direction:column;
1706
- gap:0.25rem;
1709
+ gap:4px;
1707
1710
  }
1708
1711
  .ndl-toggletip .ndl-toggletip-close-icon{
1709
- height:1.5rem;
1710
- width:1.5rem;
1712
+ height:24px;
1713
+ width:24px;
1711
1714
  cursor:pointer;
1712
1715
  color:rgb(var(--theme-palette-neutral-text-inverse));
1713
1716
  }
@@ -1720,17 +1723,17 @@ a.ndl-btn{
1720
1723
  display:flex;
1721
1724
  flex-direction:row;
1722
1725
  justify-content:space-between;
1723
- gap:1rem;
1726
+ gap:16px;
1724
1727
  }
1725
1728
  .ndl-toggletip .ndl-toggletip-content{
1726
1729
  display:flex;
1727
1730
  flex-direction:column;
1728
- gap:1rem;
1731
+ gap:16px;
1729
1732
  }
1730
1733
  .ndl-toggletip .ndl-toggletip-actions{
1731
1734
  display:flex;
1732
1735
  flex-direction:row;
1733
- gap:1rem;
1736
+ gap:16px;
1734
1737
  }
1735
1738
  .ndl-toggletip .ndl-toggletip-actions .ndl-toggletip-action{
1736
1739
  outline:none;
@@ -1752,8 +1755,8 @@ a.ndl-btn{
1752
1755
  .ndl-form-item input[type='radio']{
1753
1756
  cursor:pointer;
1754
1757
  position:relative;
1755
- height:1rem;
1756
- width:1rem;
1758
+ height:16px;
1759
+ width:16px;
1757
1760
  border-width:1px;
1758
1761
  border-style:solid;
1759
1762
  border-color:rgb(var(--theme-palette-neutral-text-weaker));
@@ -1849,8 +1852,8 @@ a.ndl-btn{
1849
1852
  --track-size:calc(var(--thumb-size) * 2);
1850
1853
  position:relative;
1851
1854
  display:grid;
1852
- height:1rem;
1853
- width:1rem;
1855
+ height:16px;
1856
+ width:16px;
1854
1857
  flex-shrink:0;
1855
1858
  cursor:pointer;
1856
1859
  -webkit-appearance:none;
@@ -2010,8 +2013,8 @@ a.ndl-btn{
2010
2013
  border-width:1px;
2011
2014
  border-color:rgb(var(--theme-palette-neutral-border-strong));
2012
2015
  background-color:rgb(var(--theme-palette-neutral-bg-weak));
2013
- padding-left:0.75rem;
2014
- padding-right:0.75rem;
2016
+ padding-left:12px;
2017
+ padding-right:12px;
2015
2018
  line-height:1 !important;
2016
2019
  font-size:var(--font-size-body-medium);
2017
2020
  font-weight:var(--font-weight-normal);
@@ -2077,8 +2080,8 @@ a.ndl-btn{
2077
2080
  .ndl-form-item .ndl-form-item-label{
2078
2081
  display:inline-flex;
2079
2082
  align-items:flex-start;
2080
- -moz-column-gap:0.75rem;
2081
- column-gap:0.75rem;
2083
+ -moz-column-gap:12px;
2084
+ column-gap:12px;
2082
2085
  font-size:var(--font-size-body-medium);
2083
2086
  font-weight:var(--font-weight-normal);
2084
2087
  letter-spacing:0.016rem;
@@ -2105,17 +2108,17 @@ a.ndl-btn{
2105
2108
  margin-left:auto;
2106
2109
  }
2107
2110
  .ndl-form-item .ndl-form-item-wrapper .ndl-information-icon-small{
2108
- margin-top:0.125rem;
2111
+ margin-top:2px;
2109
2112
  margin-left:3px;
2110
- height:1rem;
2111
- width:1rem;
2113
+ height:16px;
2114
+ width:16px;
2112
2115
  color:rgb(var(--theme-palette-neutral-text-weak));
2113
2116
  }
2114
2117
  .ndl-form-item .ndl-form-item-wrapper .ndl-information-icon-large{
2115
- margin-top:0.125rem;
2118
+ margin-top:2px;
2116
2119
  margin-left:3px;
2117
- height:1rem;
2118
- width:1rem;
2120
+ height:16px;
2121
+ width:16px;
2119
2122
  color:rgb(var(--theme-palette-neutral-text-weak));
2120
2123
  }
2121
2124
  .ndl-form-item.ndl-type-text .ndl-form-item-label{
@@ -2139,11 +2142,11 @@ a.ndl-btn{
2139
2142
  color:rgb(var(--theme-palette-neutral-text-weakest));
2140
2143
  }
2141
2144
  .ndl-form-item .ndl-form-msg{
2142
- margin-top:0.25rem;
2145
+ margin-top:4px;
2143
2146
  display:flex;
2144
2147
  flex-direction:row;
2145
2148
  align-items:center;
2146
- gap:0.25rem;
2149
+ gap:4px;
2147
2150
  font-size:0.75rem;
2148
2151
  line-height:1rem;
2149
2152
  color:rgb(var(--theme-palette-neutral-text-weak));
@@ -2164,18 +2167,18 @@ a.ndl-btn{
2164
2167
  .ndl-form-item.ndl-has-left-icon input[type='password'],
2165
2168
  .ndl-form-item.ndl-has-left-icon input[type='number'],
2166
2169
  .ndl-form-item.ndl-has-left-icon input[type='url']{
2167
- padding-left:2.25rem;
2170
+ padding-left:36px;
2168
2171
  }
2169
2172
  .ndl-form-item.ndl-has-right-icon input[type='text'],
2170
2173
  .ndl-form-item.ndl-has-right-icon input[type='email'],
2171
2174
  .ndl-form-item.ndl-has-right-icon input[type='password'],
2172
2175
  .ndl-form-item.ndl-has-right-icon input[type='number'],
2173
2176
  .ndl-form-item.ndl-has-right-icon input[type='url']{
2174
- padding-right:2.25rem;
2177
+ padding-right:36px;
2175
2178
  }
2176
2179
  .ndl-form-item.ndl-has-icon .ndl-error-icon{
2177
- height:1.25rem;
2178
- width:1.25rem;
2180
+ height:20px;
2181
+ width:20px;
2179
2182
  color:rgb(var(--theme-palette-danger-text));
2180
2183
  }
2181
2184
  .ndl-form-item.ndl-large input[type='text'],
@@ -2183,19 +2186,19 @@ a.ndl-btn{
2183
2186
  .ndl-form-item.ndl-large input[type='password'],
2184
2187
  .ndl-form-item.ndl-large input[type='number'],
2185
2188
  .ndl-form-item.ndl-large input[type='url']{
2186
- height:3rem;
2187
- padding-top:0.75rem;
2188
- padding-bottom:0.75rem;
2189
+ height:48px;
2190
+ padding-top:12px;
2191
+ padding-bottom:12px;
2189
2192
  font-size:var(--font-size-body-large);
2190
2193
  font-weight:var(--font-weight-normal);
2191
2194
  letter-spacing:0.016rem;
2192
2195
  line-height:1.5rem;
2193
2196
  }
2194
2197
  .ndl-form-item.ndl-large input[type='text']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-large input[type='email']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-large input[type='password']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-large input[type='number']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-large input[type='url']:-moz-read-only:not(:disabled){
2195
- height:1.5rem;
2198
+ height:24px;
2196
2199
  }
2197
2200
  .ndl-form-item.ndl-large input[type='text']:read-only:not(:disabled), .ndl-form-item.ndl-large input[type='email']:read-only:not(:disabled), .ndl-form-item.ndl-large input[type='password']:read-only:not(:disabled), .ndl-form-item.ndl-large input[type='number']:read-only:not(:disabled), .ndl-form-item.ndl-large input[type='url']:read-only:not(:disabled){
2198
- height:1.5rem;
2201
+ height:24px;
2199
2202
  }
2200
2203
  .ndl-form-item.ndl-large .ndl-form-item-label{
2201
2204
  font-size:var(--font-size-body-large);
@@ -2225,38 +2228,38 @@ a.ndl-btn{
2225
2228
  }
2226
2229
  .ndl-form-item.ndl-large.ndl-has-icon .ndl-icon{
2227
2230
  position:absolute;
2228
- height:1.5rem;
2229
- width:1.5rem;
2231
+ height:24px;
2232
+ width:24px;
2230
2233
  color:rgb(var(--theme-palette-neutral-text-weak));
2231
2234
  }
2232
2235
  .ndl-form-item.ndl-large.ndl-has-icon .ndl-icon.ndl-left-icon{
2233
2236
  top:calc(50% - 12px);
2234
- left:1rem;
2237
+ left:16px;
2235
2238
  }
2236
2239
  .ndl-form-item.ndl-large.ndl-has-icon .ndl-right-icon{
2237
2240
  position:absolute;
2238
2241
  cursor:pointer;
2239
2242
  top:calc(50% - 12px);
2240
- right:1rem;
2243
+ right:16px;
2241
2244
  }
2242
2245
  .ndl-form-item.ndl-small input[type='text'],
2243
2246
  .ndl-form-item.ndl-small input[type='email'],
2244
2247
  .ndl-form-item.ndl-small input[type='password'],
2245
2248
  .ndl-form-item.ndl-small input[type='number'],
2246
2249
  .ndl-form-item.ndl-small input[type='url']{
2247
- height:2.25rem;
2248
- padding-top:0.5rem;
2249
- padding-bottom:0.5rem;
2250
+ height:36px;
2251
+ padding-top:8px;
2252
+ padding-bottom:8px;
2250
2253
  font-size:var(--font-size-body-medium);
2251
2254
  font-weight:var(--font-weight-normal);
2252
2255
  letter-spacing:0.016rem;
2253
2256
  line-height:1.25rem;
2254
2257
  }
2255
2258
  .ndl-form-item.ndl-small input[type='text']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-small input[type='email']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-small input[type='password']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-small input[type='number']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-small input[type='url']:-moz-read-only:not(:disabled){
2256
- height:1.25rem;
2259
+ height:20px;
2257
2260
  }
2258
2261
  .ndl-form-item.ndl-small input[type='text']:read-only:not(:disabled), .ndl-form-item.ndl-small input[type='email']:read-only:not(:disabled), .ndl-form-item.ndl-small input[type='password']:read-only:not(:disabled), .ndl-form-item.ndl-small input[type='number']:read-only:not(:disabled), .ndl-form-item.ndl-small input[type='url']:read-only:not(:disabled){
2259
- height:1.25rem;
2262
+ height:20px;
2260
2263
  }
2261
2264
  .ndl-form-item.ndl-small .ndl-form-item-label{
2262
2265
  font-size:var(--font-size-body-medium);
@@ -2269,23 +2272,23 @@ a.ndl-btn{
2269
2272
  .ndl-form-item.ndl-small.ndl-has-left-icon input[type='password'],
2270
2273
  .ndl-form-item.ndl-small.ndl-has-left-icon input[type='number'],
2271
2274
  .ndl-form-item.ndl-small.ndl-has-left-icon input[type='url']{
2272
- padding-left:2.25rem;
2275
+ padding-left:36px;
2273
2276
  }
2274
2277
  .ndl-form-item.ndl-small.ndl-has-icon .ndl-icon{
2275
- height:1.25rem;
2276
- width:1.25rem;
2278
+ height:20px;
2279
+ width:20px;
2277
2280
  position:absolute;
2278
2281
  color:rgb(var(--theme-palette-neutral-text-weak));
2279
2282
  }
2280
2283
  .ndl-form-item.ndl-small.ndl-has-icon .ndl-icon.ndl-left-icon{
2281
2284
  top:calc(50% - 10px);
2282
- left:0.75rem;
2285
+ left:12px;
2283
2286
  }
2284
2287
  .ndl-form-item.ndl-small.ndl-has-icon .ndl-right-icon{
2285
2288
  position:absolute;
2286
2289
  cursor:pointer;
2287
2290
  top:calc(50% - 10px);
2288
- right:0.75rem;
2291
+ right:12px;
2289
2292
  }
2290
2293
  .ndl-form-item.ndl-extra-small{
2291
2294
  line-height:1.25rem;
@@ -2295,21 +2298,21 @@ a.ndl-btn{
2295
2298
  .ndl-form-item.ndl-extra-small input[type='password'],
2296
2299
  .ndl-form-item.ndl-extra-small input[type='number'],
2297
2300
  .ndl-form-item.ndl-extra-small input[type='url']{
2298
- height:1.5rem;
2299
- padding-top:0.125rem;
2300
- padding-bottom:0.125rem;
2301
- padding-left:0.5rem;
2302
- padding-right:0.5rem;
2301
+ height:24px;
2302
+ padding-top:2px;
2303
+ padding-bottom:2px;
2304
+ padding-left:8px;
2305
+ padding-right:8px;
2303
2306
  font-size:var(--font-size-body-medium);
2304
2307
  font-weight:var(--font-weight-normal);
2305
2308
  letter-spacing:0.016rem;
2306
2309
  line-height:1.25rem;
2307
2310
  }
2308
2311
  .ndl-form-item.ndl-extra-small input[type='text']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-extra-small input[type='email']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-extra-small input[type='password']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-extra-small input[type='number']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-extra-small input[type='url']:-moz-read-only:not(:disabled){
2309
- height:1.5rem;
2312
+ height:24px;
2310
2313
  }
2311
2314
  .ndl-form-item.ndl-extra-small input[type='text']:read-only:not(:disabled), .ndl-form-item.ndl-extra-small input[type='email']:read-only:not(:disabled), .ndl-form-item.ndl-extra-small input[type='password']:read-only:not(:disabled), .ndl-form-item.ndl-extra-small input[type='number']:read-only:not(:disabled), .ndl-form-item.ndl-extra-small input[type='url']:read-only:not(:disabled){
2312
- height:1.5rem;
2315
+ height:24px;
2313
2316
  }
2314
2317
  .ndl-form-item.ndl-extra-small .ndl-form-item-label{
2315
2318
  font-size:var(--font-size-body-medium);
@@ -2322,30 +2325,30 @@ a.ndl-btn{
2322
2325
  .ndl-form-item.ndl-extra-small.ndl-has-left-icon input[type='password'],
2323
2326
  .ndl-form-item.ndl-extra-small.ndl-has-left-icon input[type='number'],
2324
2327
  .ndl-form-item.ndl-extra-small.ndl-has-left-icon input[type='url']{
2325
- padding-left:1.75rem;
2328
+ padding-left:28px;
2326
2329
  }
2327
2330
  .ndl-form-item.ndl-extra-small.ndl-has-right-icon input[type='text'],
2328
2331
  .ndl-form-item.ndl-extra-small.ndl-has-right-icon input[type='email'],
2329
2332
  .ndl-form-item.ndl-extra-small.ndl-has-right-icon input[type='password'],
2330
2333
  .ndl-form-item.ndl-extra-small.ndl-has-right-icon input[type='number'],
2331
2334
  .ndl-form-item.ndl-extra-small.ndl-has-right-icon input[type='url']{
2332
- padding-right:1.75rem;
2335
+ padding-right:28px;
2333
2336
  }
2334
2337
  .ndl-form-item.ndl-extra-small.ndl-has-icon .ndl-icon{
2335
2338
  position:absolute;
2336
- height:1rem;
2337
- width:1rem;
2339
+ height:16px;
2340
+ width:16px;
2338
2341
  color:rgb(var(--theme-palette-neutral-text-weak));
2339
2342
  }
2340
2343
  .ndl-form-item.ndl-extra-small.ndl-has-icon .ndl-icon.ndl-left-icon{
2341
2344
  top:calc(50% - 8px);
2342
- left:0.5rem;
2345
+ left:8px;
2343
2346
  }
2344
2347
  .ndl-form-item.ndl-extra-small.ndl-has-icon .ndl-right-icon{
2345
2348
  position:absolute;
2346
2349
  cursor:pointer;
2347
2350
  top:calc(50% - 8px);
2348
- right:0.5rem;
2351
+ right:8px;
2349
2352
  }
2350
2353
  .ndl-progress-bar-wrapper{
2351
2354
  display:flex;
@@ -2415,7 +2418,7 @@ a.ndl-btn{
2415
2418
  }
2416
2419
  .ndl-progress-bar-wrapper.ndl-large .ndl-progress-bar-container,
2417
2420
  .ndl-progress-bar-wrapper.ndl-large .ndl-progress-bar{
2418
- height:0.5rem;
2421
+ height:8px;
2419
2422
  min-width:3%;
2420
2423
  border-radius:6px;
2421
2424
  }
@@ -2433,7 +2436,7 @@ a.ndl-btn{
2433
2436
  }
2434
2437
  .ndl-progress-bar-wrapper.ndl-small .ndl-progress-bar-container,
2435
2438
  .ndl-progress-bar-wrapper.ndl-small .ndl-progress-bar{
2436
- height:0.25rem;
2439
+ height:4px;
2437
2440
  min-width:2%;
2438
2441
  border-radius:4px;
2439
2442
  }
@@ -2441,13 +2444,13 @@ a.ndl-btn{
2441
2444
  display:inline-flex;
2442
2445
  align-items:center;
2443
2446
  justify-content:center;
2444
- -moz-column-gap:0.5rem;
2445
- column-gap:0.5rem;
2447
+ -moz-column-gap:8px;
2448
+ column-gap:8px;
2446
2449
  border-radius:4px;
2447
- padding-left:0.5rem;
2448
- padding-right:0.5rem;
2449
- padding-top:0.25rem;
2450
- padding-bottom:0.25rem;
2450
+ padding-left:8px;
2451
+ padding-right:8px;
2452
+ padding-top:4px;
2453
+ padding-bottom:4px;
2451
2454
  background-color:rgb(var(--theme-palette-neutral-bg-strong));
2452
2455
  font-size:var(--font-size-body-medium);
2453
2456
  font-weight:var(--font-weight-normal);
@@ -2455,8 +2458,8 @@ a.ndl-btn{
2455
2458
  line-height:1.25rem;
2456
2459
  }
2457
2460
  .ndl-tag .ndl-remove-icon{
2458
- height:1rem;
2459
- width:1rem;
2461
+ height:16px;
2462
+ width:16px;
2460
2463
  color:rgb(var(--theme-palette-neutral-text-weak));
2461
2464
  }
2462
2465
  .ndl-tag.ndl-destructive{
@@ -2475,10 +2478,10 @@ a.ndl-btn{
2475
2478
  color:rgb(var(--theme-palette-neutral-text-default));
2476
2479
  }
2477
2480
  .ndl-menu.ndl-large .ndl-menu-item{
2478
- padding-top:0.75rem;
2479
- padding-bottom:0.75rem;
2480
- padding-left:1.25rem;
2481
- padding-right:1.25rem;
2481
+ padding-top:12px;
2482
+ padding-bottom:12px;
2483
+ padding-left:20px;
2484
+ padding-right:20px;
2482
2485
  }
2483
2486
  .ndl-menu.ndl-large .ndl-menu-item-title{
2484
2487
  width:100%;
@@ -2488,20 +2491,20 @@ a.ndl-btn{
2488
2491
  line-height:1.5rem;
2489
2492
  }
2490
2493
  .ndl-menu.ndl-large .ndl-menu-item-description{
2491
- padding-top:0.25rem;
2494
+ padding-top:4px;
2492
2495
  font-size:var(--font-size-body-medium);
2493
2496
  font-weight:var(--font-weight-normal);
2494
2497
  letter-spacing:0.016rem;
2495
2498
  line-height:1.25rem;
2496
2499
  }
2497
2500
  .ndl-menu.ndl-large .ndl-menu-item-icon{
2498
- height:1rem;
2499
- width:1rem;
2501
+ height:16px;
2502
+ width:16px;
2500
2503
  }
2501
2504
  .ndl-menu.ndl-large .ndl-menu-header{
2502
- padding-left:1.25rem;
2503
- padding-right:1.25rem;
2504
- padding-top:0.75rem;
2505
+ padding-left:20px;
2506
+ padding-right:20px;
2507
+ padding-top:12px;
2505
2508
  }
2506
2509
 
2507
2510
  .ndl-menu.ndl-large .ndl-menu-header{
@@ -2518,7 +2521,7 @@ a.ndl-btn{
2518
2521
  line-height:1.75rem;
2519
2522
  }
2520
2523
  .ndl-menu.ndl-large .ndl-menu-header .ndl-menu-header-description{
2521
- padding-top:0.25rem;
2524
+ padding-top:4px;
2522
2525
  font-size:var(--font-size-body-medium);
2523
2526
  font-weight:var(--font-weight-normal);
2524
2527
  letter-spacing:0.016rem;
@@ -2537,7 +2540,7 @@ a.ndl-btn{
2537
2540
  .ndl-menu .ndl-menu-item{
2538
2541
  z-index:2;
2539
2542
  cursor:pointer;
2540
- padding:0.5rem;
2543
+ padding:8px;
2541
2544
  outline:2px solid transparent;
2542
2545
  outline-offset:2px;
2543
2546
  font-size:var(--font-size-body-medium);
@@ -2581,10 +2584,10 @@ a.ndl-btn{
2581
2584
  color:rgb(var(--theme-palette-neutral-text-weak));
2582
2585
  }
2583
2586
  .ndl-menu .ndl-menu-header{
2584
- margin-bottom:1rem;
2585
- padding-left:0.5rem;
2586
- padding-right:0.5rem;
2587
- padding-top:0.5rem;
2587
+ margin-bottom:16px;
2588
+ padding-left:8px;
2589
+ padding-right:8px;
2590
+ padding-top:8px;
2588
2591
  }
2589
2592
  .ndl-menu .ndl-menu-header .ndl-menu-header-title{
2590
2593
  font-weight:700;
@@ -2609,10 +2612,10 @@ a.ndl-btn{
2609
2612
  cursor:pointer;
2610
2613
  }
2611
2614
  .ndl-menu .ndl-menu-subheader{
2612
- margin-bottom:0.5rem;
2613
- padding-left:0.5rem;
2614
- padding-right:0.5rem;
2615
- padding-top:0.5rem;
2615
+ margin-bottom:8px;
2616
+ padding-left:8px;
2617
+ padding-right:8px;
2618
+ padding-top:8px;
2616
2619
  }
2617
2620
  .ndl-menu .ndl-menu-subheader .ndl-menu-subheader-title{
2618
2621
  color:rgb(var(--theme-palette-neutral-text-weaker));
@@ -2622,8 +2625,8 @@ a.ndl-btn{
2622
2625
  line-height:1.25rem;
2623
2626
  }
2624
2627
  .ndl-menu-divider{
2625
- margin-top:0.5rem;
2626
- margin-bottom:0.5rem;
2628
+ margin-top:8px;
2629
+ margin-bottom:8px;
2627
2630
  border-bottom-width:1px;
2628
2631
  --tw-border-opacity:1;
2629
2632
  border-color:rgb(226 227 229 / var(--tw-border-opacity));
@@ -2635,12 +2638,12 @@ a.ndl-btn{
2635
2638
  }
2636
2639
  .ndl-datepicker .react-datepicker-popper{
2637
2640
  z-index:10;
2638
- margin-top:0.5rem;
2641
+ margin-top:8px;
2639
2642
  border-radius:6px;
2640
2643
  border-width:1px;
2641
2644
  border-color:rgb(var(--theme-palette-neutral-border-strong));
2642
2645
  background-color:rgb(var(--theme-palette-neutral-bg-weak));
2643
- padding:1.5rem;
2646
+ padding:24px;
2644
2647
  --tw-shadow:var(--theme-shadow-overlay);
2645
2648
  --tw-shadow-colored:var(--theme-shadow-overlay);
2646
2649
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
@@ -2652,29 +2655,29 @@ a.ndl-btn{
2652
2655
  display:flex;
2653
2656
  align-items:center;
2654
2657
  justify-content:space-between;
2655
- gap:0.5rem;
2658
+ gap:8px;
2656
2659
  }
2657
2660
  .ndl-datepicker .ndl-datepicker-header .ndl-datepicker-selects{
2658
- margin-left:0.25rem;
2661
+ margin-left:4px;
2659
2662
  display:flex;
2660
2663
  }
2661
2664
  .ndl-datepicker .ndl-datepicker-header .ndl-datepicker-selects > :not([hidden]) ~ :not([hidden]){
2662
2665
  --tw-space-x-reverse:0;
2663
- margin-right:calc(0.5rem * var(--tw-space-x-reverse));
2664
- margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
2666
+ margin-right:calc(8px * var(--tw-space-x-reverse));
2667
+ margin-left:calc(8px * calc(1 - var(--tw-space-x-reverse)));
2665
2668
  }
2666
2669
  .ndl-datepicker .ndl-datepicker-header .ndl-datepicker-chevron{
2667
- height:1.25rem;
2668
- width:1.25rem;
2670
+ height:20px;
2671
+ width:20px;
2669
2672
  color:rgb(var(--theme-palette-neutral-text-weak));
2670
2673
  }
2671
2674
  .ndl-datepicker .react-datepicker__day-names{
2672
2675
  display:flex;
2673
2676
  }
2674
2677
  .ndl-datepicker .react-datepicker__day-name{
2675
- margin:0.25rem;
2676
- height:2rem;
2677
- width:2rem;
2678
+ margin:4px;
2679
+ height:32px;
2680
+ width:32px;
2678
2681
  text-align:center;
2679
2682
  color:rgb(var(--theme-palette-neutral-text-weaker));
2680
2683
  font-size:var(--font-size-body-medium);
@@ -2699,10 +2702,10 @@ a.ndl-btn{
2699
2702
  display:flex;
2700
2703
  }
2701
2704
  .ndl-datepicker .react-datepicker__week .ndl-datepicker-day{
2702
- margin:0.25rem;
2705
+ margin:4px;
2703
2706
  display:flex;
2704
- height:2rem;
2705
- width:2rem;
2707
+ height:32px;
2708
+ width:32px;
2706
2709
  flex-direction:column;
2707
2710
  justify-content:center;
2708
2711
  border-radius:8px;
@@ -2748,7 +2751,7 @@ a.ndl-btn{
2748
2751
  .ndl-datepicker .react-datepicker__week .react-datepicker__day--in-range{
2749
2752
  margin-left:0px;
2750
2753
  margin-right:0px;
2751
- width:2.5rem;
2754
+ width:40px;
2752
2755
  border-radius:0px;
2753
2756
  background-color:rgb(var(--theme-palette-primary-bg-weak));
2754
2757
  color:rgb(var(--theme-palette-neutral-text-default));
@@ -2767,7 +2770,7 @@ a.ndl-btn{
2767
2770
  .ndl-datepicker .react-datepicker__week .react-datepicker__day--range-start,
2768
2771
  .ndl-datepicker .react-datepicker__week .react-datepicker__day--selecting-range-start{
2769
2772
  margin-left:2px;
2770
- width:2.25rem;
2773
+ width:36px;
2771
2774
  border-top-left-radius:8px;
2772
2775
  border-bottom-left-radius:8px;
2773
2776
  background-color:rgb(var(--theme-palette-primary-bg-strong));
@@ -2778,7 +2781,7 @@ a.ndl-btn{
2778
2781
  }
2779
2782
  .ndl-datepicker .react-datepicker__week .react-datepicker__day--range-end{
2780
2783
  margin-right:2px;
2781
- width:2.25rem;
2784
+ width:36px;
2782
2785
  border-top-right-radius:8px;
2783
2786
  border-bottom-right-radius:8px;
2784
2787
  background-color:rgb(var(--theme-palette-primary-bg-strong));
@@ -2793,8 +2796,8 @@ a.ndl-btn{
2793
2796
  text-align:center;
2794
2797
  }
2795
2798
  .ndl-datepicker .react-datepicker__month-text{
2796
- margin:0.25rem;
2797
- width:4rem;
2799
+ margin:4px;
2800
+ width:64px;
2798
2801
  cursor:pointer;
2799
2802
  border-radius:8px;
2800
2803
  font-size:var(--font-size-body-medium);
@@ -2819,8 +2822,8 @@ a.ndl-btn{
2819
2822
  text-align:center;
2820
2823
  }
2821
2824
  .ndl-datepicker .react-datepicker__year-text{
2822
- margin:0.25rem;
2823
- width:4rem;
2825
+ margin:4px;
2826
+ width:64px;
2824
2827
  cursor:pointer;
2825
2828
  border-radius:8px;
2826
2829
  line-height:32px;
@@ -2862,15 +2865,15 @@ a.ndl-btn{
2862
2865
  .ndl-dialog{
2863
2866
  border-radius:16px;
2864
2867
  background-color:rgb(var(--theme-palette-neutral-bg-weak));
2865
- padding:3rem;
2868
+ padding:48px;
2866
2869
  --tw-shadow:var(--theme-shadow-overlay);
2867
2870
  --tw-shadow-colored:var(--theme-shadow-overlay);
2868
2871
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
2869
2872
  }
2870
2873
  .ndl-dialog .ndl-dialog-type-icon{
2871
2874
  width:120px;
2872
- margin-right:2rem;
2873
- margin-left:1rem;
2875
+ margin-right:32px;
2876
+ margin-left:16px;
2874
2877
  }
2875
2878
  .ndl-dialog .ndl-dialog-type-icon.ndl-info{
2876
2879
  color:rgb(var(--theme-palette-primary-icon));
@@ -2886,17 +2889,17 @@ a.ndl-btn{
2886
2889
  }
2887
2890
  .ndl-dialog .ndl-dialog-close{
2888
2891
  position:absolute;
2889
- top:2.5rem;
2890
- right:2.5rem;
2892
+ top:40px;
2893
+ right:40px;
2891
2894
  }
2892
2895
  .ndl-dialog-header{
2893
- margin-bottom:1.5rem;
2896
+ margin-bottom:24px;
2894
2897
  }
2895
2898
  .ndl-dialog.ndl-with-close-button .ndl-dialog-header{
2896
- margin-right:3rem;
2899
+ margin-right:48px;
2897
2900
  }
2898
2901
  .ndl-dialog-subtitle{
2899
- margin-bottom:1rem;
2902
+ margin-bottom:16px;
2900
2903
  }
2901
2904
  .ndl-dialog-description{
2902
2905
  color:rgb(var(--theme-palette-neutral-text-weak));
@@ -2905,18 +2908,18 @@ a.ndl-btn{
2905
2908
  min-height:70px;
2906
2909
  }
2907
2910
  .ndl-dialog-actions{
2908
- margin-top:3.5rem;
2911
+ margin-top:56px;
2909
2912
  display:flex;
2910
2913
  justify-content:flex-end;
2911
- gap:1rem;
2914
+ gap:16px;
2912
2915
  }
2913
2916
  .ndl-drawer{
2914
2917
  position:relative;
2915
2918
  display:none;
2916
2919
  flex-direction:column;
2917
2920
  background-color:rgb(var(--theme-palette-neutral-bg-weak));
2918
- padding-top:1.5rem;
2919
- padding-bottom:1.5rem;
2921
+ padding-top:24px;
2922
+ padding-bottom:24px;
2920
2923
  }
2921
2924
  .ndl-drawer.ndl-drawer-expanded{
2922
2925
  display:flex;
@@ -2931,17 +2934,17 @@ a.ndl-btn{
2931
2934
  }
2932
2935
  .ndl-drawer .ndl-drawer-body{
2933
2936
  box-sizing:border-box;
2934
- height:1.5rem;
2937
+ height:24px;
2935
2938
  width:100%;
2936
2939
  flex-grow:1;
2937
2940
  overflow-x:hidden;
2938
2941
  overflow-y:scroll;
2939
- padding-left:1.5rem;
2940
- padding-right:1.5rem;
2942
+ padding-left:24px;
2943
+ padding-right:24px;
2941
2944
  }
2942
2945
  .ndl-drawer .ndl-drawer-close-button{
2943
2946
  position:absolute;
2944
- top:1rem;
2947
+ top:16px;
2945
2948
  }
2946
2949
  .ndl-drawer.ndl-drawer-left{
2947
2950
  border-right-width:1px;
@@ -2956,23 +2959,23 @@ a.ndl-btn{
2956
2959
  .ndl-drawer .ndl-drawer-close-button{
2957
2960
  position:absolute;
2958
2961
  left:unset;
2959
- right:1rem;
2962
+ right:16px;
2960
2963
  }
2961
2964
  .ndl-drawer .ndl-drawer-header{
2962
- margin-right:3rem;
2963
- padding-left:1.5rem;
2964
- padding-right:1.5rem;
2965
- padding-bottom:1.5rem;
2965
+ margin-right:48px;
2966
+ padding-left:24px;
2967
+ padding-right:24px;
2968
+ padding-bottom:24px;
2966
2969
  text-align:left;
2967
2970
  }
2968
2971
  .ndl-drawer .ndl-drawer-actions{
2969
2972
  margin-top:auto;
2970
2973
  display:flex;
2971
2974
  justify-content:flex-end;
2972
- gap:1rem;
2973
- padding-left:1.5rem;
2974
- padding-right:1.5rem;
2975
- padding-top:1.5rem;
2975
+ gap:16px;
2976
+ padding-left:24px;
2977
+ padding-right:24px;
2978
+ padding-top:24px;
2976
2979
  }
2977
2980
  .ndl-drawer.ndl-drawer-overlay{
2978
2981
  position:absolute;
@@ -3076,26 +3079,26 @@ a.ndl-btn{
3076
3079
  height:100%;
3077
3080
  width:0;
3078
3081
  }
3079
- .ndl-view-selector{
3082
+ .ndl-segmented-control{
3080
3083
  position:relative;
3081
3084
  z-index:0;
3082
3085
  display:inline-flex;
3083
3086
  max-width:none;
3084
3087
  align-items:center;
3085
- gap:0.25rem;
3088
+ gap:4px;
3086
3089
  overflow:hidden;
3087
3090
  border-radius:10px;
3088
3091
  border-width:1px;
3089
3092
  border-style:solid;
3090
3093
  border-color:rgb(var(--theme-palette-neutral-border-strong));
3091
- padding:0.25rem;
3094
+ padding:4px;
3092
3095
  color:rgb(var(--theme-palette-neutral-text-weak));
3093
3096
  }
3094
- .ndl-view-selector > button{
3097
+ .ndl-segmented-control > button{
3095
3098
  cursor:pointer;
3096
3099
  border-radius:8px;
3097
3100
  }
3098
- .ndl-view-selector > button:focus-visible{
3101
+ .ndl-segmented-control > button:focus-visible{
3099
3102
  outline:2px solid transparent;
3100
3103
  outline-offset:2px;
3101
3104
  --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
@@ -3104,59 +3107,59 @@ a.ndl-btn{
3104
3107
  --tw-ring-inset:inset;
3105
3108
  --tw-ring-color:rgb(var(--theme-palette-primary-focus));
3106
3109
  }
3107
- .ndl-view-selector > button:hover{
3110
+ .ndl-segmented-control > button:hover{
3108
3111
  background-color:rgb(var(--theme-palette-neutral-hover));
3109
3112
  }
3110
- .ndl-view-selector > button:active{
3113
+ .ndl-segmented-control > button:active{
3111
3114
  background-color:rgb(var(--theme-palette-neutral-pressed));
3112
3115
  }
3113
- .ndl-view-selector .ndl-current{
3116
+ .ndl-segmented-control .ndl-current{
3114
3117
  background-color:rgb(var(--theme-palette-primary-icon));
3115
3118
  color:rgb(var(--theme-palette-neutral-text-inverse));
3116
3119
  --tw-shadow:var(--theme-shadow-overlay);
3117
3120
  --tw-shadow-colored:var(--theme-shadow-overlay);
3118
3121
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3119
3122
  }
3120
- .ndl-view-selector .ndl-current:hover{
3123
+ .ndl-segmented-control .ndl-current:hover{
3121
3124
  background-color:rgb(var(--theme-palette-primary-icon));
3122
3125
  }
3123
- .ndl-view-selector.ndl-large{
3124
- height:3rem;
3126
+ .ndl-segmented-control.ndl-large{
3127
+ height:48px;
3125
3128
  font-size:var(--font-size-subheading-medium);
3126
3129
  font-weight:var(--font-weight-semibold);
3127
3130
  letter-spacing:0.016rem;
3128
3131
  line-height:1.5rem;
3129
3132
  }
3130
- .ndl-view-selector.ndl-large .ndl-selector-item{
3131
- padding-left:1rem;
3132
- padding-right:1rem;
3133
- padding-top:0.5rem;
3134
- padding-bottom:0.5rem;
3133
+ .ndl-segmented-control.ndl-large .ndl-segment-item{
3134
+ padding-left:16px;
3135
+ padding-right:16px;
3136
+ padding-top:8px;
3137
+ padding-bottom:8px;
3135
3138
  }
3136
- .ndl-view-selector.ndl-large .ndl-selector-icon{
3139
+ .ndl-segmented-control.ndl-large .ndl-segment-icon{
3137
3140
  padding:10px;
3138
3141
  }
3139
- .ndl-view-selector.ndl-large > button{
3140
- height:2.5rem;
3142
+ .ndl-segmented-control.ndl-large > button{
3143
+ height:40px;
3141
3144
  }
3142
- .ndl-view-selector.ndl-small{
3143
- height:2.25rem;
3145
+ .ndl-segmented-control.ndl-small{
3146
+ height:36px;
3144
3147
  font-size:var(--font-size-subheading-small);
3145
3148
  font-weight:var(--font-weight-semibold);
3146
3149
  letter-spacing:0.016rem;
3147
3150
  line-height:1.25rem;
3148
3151
  }
3149
- .ndl-view-selector.ndl-small .ndl-selector-item{
3150
- padding-left:0.75rem;
3151
- padding-right:0.75rem;
3152
- padding-top:0.25rem;
3153
- padding-bottom:0.25rem;
3152
+ .ndl-segmented-control.ndl-small .ndl-segment-item{
3153
+ padding-left:12px;
3154
+ padding-right:12px;
3155
+ padding-top:4px;
3156
+ padding-bottom:4px;
3154
3157
  }
3155
- .ndl-view-selector.ndl-small .ndl-selector-icon{
3158
+ .ndl-segmented-control.ndl-small .ndl-segment-icon{
3156
3159
  padding:6px;
3157
3160
  }
3158
- .ndl-view-selector.ndl-small > button{
3159
- height:1.75rem;
3161
+ .ndl-segmented-control.ndl-small > button{
3162
+ height:28px;
3160
3163
  }
3161
3164
  @keyframes ndl-spinner{
3162
3165
  0%{
@@ -3240,8 +3243,7 @@ a.ndl-btn{
3240
3243
  overflow:hidden;
3241
3244
  background-color:rgb(var(--theme-palette-neutral-bg-weak));
3242
3245
  }
3243
- .ndl-table-root .ndl-table-x-scrollable,
3244
- .ndl-table-root .ndl-table-scrollable{
3246
+ .ndl-table-root .ndl-table-scrollable{
3245
3247
  overflow-x:auto;
3246
3248
  flex-grow:1;
3247
3249
  }
@@ -3291,7 +3293,7 @@ a.ndl-btn{
3291
3293
  flex-direction:row;
3292
3294
  align-items:center;
3293
3295
  justify-content:center;
3294
- gap:0.5rem;
3296
+ gap:8px;
3295
3297
  }
3296
3298
  .ndl-table-root .ndl-div-table .ndl-table-tbody .nld-table-placeholder-wrapper .ndl-table-placeholder{
3297
3299
  position:absolute;
@@ -3361,7 +3363,7 @@ a.ndl-btn{
3361
3363
  color:rgb(var(--theme-palette-neutral-text-weaker));
3362
3364
  display:flex;
3363
3365
  flex-direction:row;
3364
- gap:0.25rem;
3366
+ gap:4px;
3365
3367
  font-size:var(--font-size-body-large);
3366
3368
  font-weight:var(--font-weight-normal);
3367
3369
  letter-spacing:0.016rem;
@@ -3375,10 +3377,10 @@ a.ndl-btn{
3375
3377
  display:inline-block;
3376
3378
  }
3377
3379
  .ndl-table-root .ndl-div-table .ndl-table-th .ndl-header-group{
3378
- margin-right:0.5rem;
3380
+ margin-right:8px;
3379
3381
  display:flex;
3380
3382
  flex-direction:row;
3381
- gap:0.25rem;
3383
+ gap:4px;
3382
3384
  overflow:hidden;
3383
3385
  text-overflow:ellipsis;
3384
3386
  }
@@ -3392,7 +3394,7 @@ a.ndl-btn{
3392
3394
  display:flex;
3393
3395
  flex-direction:row;
3394
3396
  align-items:center;
3395
- gap:0.25rem;
3397
+ gap:4px;
3396
3398
  }
3397
3399
  .ndl-table-root .ndl-div-table .ndl-table-th .ndl-header-action-group > svg,
3398
3400
  .ndl-table-root .ndl-div-table .ndl-table-th .ndl-header-action-group > ndl-header-icon{
@@ -3409,11 +3411,11 @@ a.ndl-btn{
3409
3411
  }
3410
3412
  .ndl-table-root .ndl-div-table .ndl-table-th .ndl-table-resizer-wrapper{
3411
3413
  position:absolute;
3412
- right:-0.5rem;
3414
+ right:-8px;
3413
3415
  top:0px;
3414
3416
  z-index:50;
3415
3417
  display:flex;
3416
- width:1rem;
3418
+ width:16px;
3417
3419
  cursor:col-resize;
3418
3420
  place-content:center;
3419
3421
  align-items:center;
@@ -3442,12 +3444,12 @@ a.ndl-btn{
3442
3444
  flex-wrap:wrap;
3443
3445
  align-items:center;
3444
3446
  justify-content:space-between;
3445
- gap:0.5rem;
3447
+ gap:8px;
3446
3448
  background-color:rgb(var(--theme-palette-neutral-bg-weak));
3447
- padding-left:1.75rem;
3448
- padding-right:1.75rem;
3449
- padding-top:1rem;
3450
- padding-bottom:1rem;
3449
+ padding-left:28px;
3450
+ padding-right:28px;
3451
+ padding-top:16px;
3452
+ padding-bottom:16px;
3451
3453
  }
3452
3454
  .ndl-table-root .ndl-table-navigation .ndl-table-navigation-right-items{
3453
3455
  display:flex;
@@ -3455,9 +3457,9 @@ a.ndl-btn{
3455
3457
  flex-wrap:wrap;
3456
3458
  align-items:center;
3457
3459
  justify-content:space-between;
3458
- gap:0.5rem;
3459
- -moz-column-gap:2.5rem;
3460
- column-gap:2.5rem;
3460
+ gap:8px;
3461
+ -moz-column-gap:40px;
3462
+ column-gap:40px;
3461
3463
  }
3462
3464
  .ndl-table-root .ndl-table-navigation .ndl-table-nav{
3463
3465
  position:relative;
@@ -3465,8 +3467,8 @@ a.ndl-btn{
3465
3467
  display:inline-flex;
3466
3468
  max-width:-moz-min-content;
3467
3469
  max-width:min-content;
3468
- -moz-column-gap:0.5rem;
3469
- column-gap:0.5rem;
3470
+ -moz-column-gap:8px;
3471
+ column-gap:8px;
3470
3472
  border-radius:6px;
3471
3473
  }
3472
3474
  .ndl-table-root .ndl-table-navigation .ndl-table-rows-per-page{
@@ -3474,8 +3476,8 @@ a.ndl-btn{
3474
3476
  flex-direction:row;
3475
3477
  align-items:center;
3476
3478
  justify-content:space-between;
3477
- -moz-column-gap:1rem;
3478
- column-gap:1rem;
3479
+ -moz-column-gap:16px;
3480
+ column-gap:16px;
3479
3481
  color:rgb(var(--theme-palette-neutral-text-weaker));
3480
3482
  }
3481
3483
  .ndl-table-root .ndl-table-navigation .ndl-table-select{
@@ -3486,13 +3488,13 @@ a.ndl-btn{
3486
3488
  background-repeat:no-repeat;
3487
3489
  background-size:20px;
3488
3490
  background-position:calc(100% - 12px) center;
3489
- height:2.25rem;
3491
+ height:36px;
3490
3492
  border-radius:6px;
3491
3493
  border-width:1px;
3492
3494
  border-color:rgb(var(--theme-palette-neutral-border-strong));
3493
3495
  background-color:rgb(var(--theme-palette-neutral-bg-weak));
3494
- padding-left:0.75rem;
3495
- padding-right:1.75rem;
3496
+ padding-left:12px;
3497
+ padding-right:28px;
3496
3498
  line-height:1;
3497
3499
  --tw-shadow:var(--theme-shadow-overlay);
3498
3500
  --tw-shadow-colored:var(--theme-shadow-overlay);
@@ -3507,18 +3509,18 @@ a.ndl-btn{
3507
3509
  line-height:1.25rem;
3508
3510
  }
3509
3511
  .ndl-table-root .ndl-table-navigation .ndl-table-pagination-icon{
3510
- height:1.25rem;
3511
- width:1.25rem;
3512
+ height:20px;
3513
+ width:20px;
3512
3514
  }
3513
3515
  .ndl-table-root .ndl-table-navigation .ndl-table-pagination-icon-button{
3514
3516
  position:relative;
3515
3517
  display:inline-flex;
3516
3518
  align-items:center;
3517
3519
  border-radius:10px;
3518
- padding-left:0.5rem;
3519
- padding-right:0.5rem;
3520
- padding-top:0.5rem;
3521
- padding-bottom:0.5rem;
3520
+ padding-left:8px;
3521
+ padding-right:8px;
3522
+ padding-top:8px;
3523
+ padding-bottom:8px;
3522
3524
  color:rgb(var(--theme-palette-neutral-text-weaker));
3523
3525
  font-size:var(--font-size-body-medium);
3524
3526
  font-weight:var(--font-weight-normal);
@@ -3539,10 +3541,10 @@ a.ndl-btn{
3539
3541
  align-items:center;
3540
3542
  justify-content:center;
3541
3543
  border-radius:10px;
3542
- padding-left:0.75rem;
3543
- padding-right:0.75rem;
3544
- padding-top:0.125rem;
3545
- padding-bottom:0.125rem;
3544
+ padding-left:12px;
3545
+ padding-right:12px;
3546
+ padding-top:2px;
3547
+ padding-bottom:2px;
3546
3548
  font-size:var(--font-size-body-medium);
3547
3549
  font-weight:var(--font-weight-normal);
3548
3550
  letter-spacing:0.016rem;
@@ -3561,252 +3563,551 @@ a.ndl-btn{
3561
3563
  .ndl-table-root .ndl-table-navigation .ndl-table-pagination-numeric-button.ndl-not-selected{
3562
3564
  color:rgb(var(--theme-palette-neutral-text-weaker));
3563
3565
  }
3564
- .ndl-table .ndl-table-row:after{
3565
- content:'';
3566
- position:absolute;
3567
- width:calc(100% - 60px);
3568
- transform:translateX(-50%);
3569
- bottom:0;
3570
- left:50%;
3571
- border-bottom-width:1px;
3572
- border-color:rgb(var(--theme-palette-neutral-border-weak));
3566
+ .ndl-data-grid-focusable-cells .ndl-focusable-cell{
3567
+ outline:none;
3568
+ border:2px solid transparent;
3573
3569
  }
3574
- .ndl-table .ndl-table-row:last-child:after{
3575
- border-width:0px;
3570
+ .ndl-data-grid-focusable-cells .ndl-focusable-cell:focus,
3571
+ .ndl-data-grid-focusable-cells .ndl-focusable-cell:focus-visible{
3572
+ z-index:2;
3573
+ border:2px solid rgb(var(--theme-palette-primary-focus));
3574
+ }
3575
+ .ndl-data-grid-bottom-border{
3576
+ content:'';
3577
+ position:absolute;
3578
+ width:100%;
3579
+ bottom:0;
3580
+ left:50%;
3581
+ z-index:3;
3582
+ border-bottom:1px solid rgb(var(--theme-palette-neutral-border-weak));
3583
+ transform:translateX(-50%);
3576
3584
  }
3577
- .ndl-table .ndl-table-header-cell{
3578
- display:inline-flex;
3579
- height:100%;
3580
- align-items:center;
3581
- -moz-column-gap:0.25rem;
3582
- column-gap:0.25rem;
3583
- color:rgb(var(--theme-palette-neutral-text-weaker));
3584
- font-size:var(--font-size-body-large);
3585
- font-weight:var(--font-weight-normal);
3586
- letter-spacing:0.016rem;
3587
- line-height:1.5rem;
3585
+ .ndl-data-grid-root{
3586
+ --header-background:rgb(var(--theme-palette-neutral-bg-weak));
3587
+ --cell-background:rgb(var(--theme-palette-neutral-bg-weak));
3588
+
3589
+ isolation:isolate;
3590
+
3591
+ display:flex;
3592
+
3593
+ width:100%;
3594
+
3595
+ max-width:100%;
3596
+
3597
+ flex-direction:column;
3588
3598
  }
3589
- .ndl-table .ndl-table-row{
3590
- position:relative;
3591
- display:table-row;
3592
- height:3rem;
3593
- overflow:visible;
3599
+ .ndl-data-grid-root > :not([hidden]) ~ :not([hidden]){
3600
+ --tw-divide-y-reverse:0;
3601
+ border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));
3602
+ border-bottom-width:calc(1px * var(--tw-divide-y-reverse));
3603
+ border-color:rgb(var(--theme-palette-neutral-border-weak));
3594
3604
  }
3595
- .ndl-table .ndl-table-row:hover{
3596
- background-color:rgb(var(--theme-palette-neutral-bg-default));
3605
+ .ndl-data-grid-root{
3606
+ overflow:hidden;
3607
+ background-color:rgb(var(--theme-palette-neutral-bg-weak));
3597
3608
  }
3598
- .ndl-table .ndl-table-row .ndl-table-row-actions{
3599
- display:none;
3609
+ .ndl-data-grid-root.ndl-data-grid-zebra-striping .ndl-data-grid-tr:nth-child(even){
3610
+ --cell-background:rgb(var(--theme-palette-neutral-bg-default));
3611
+ }
3612
+ .ndl-data-grid-root.ndl-data-grid-zebra-striping .ndl-focusable-cell{
3613
+ margin-bottom:1px;
3614
+ }
3615
+ .ndl-data-grid-root.ndl-data-grid-border-all-sides
3616
+ .ndl-data-grid-td:not(.ndl-focusable-cell:focus):not(
3617
+ .ndl-data-grid-is-resizing
3618
+ ),
3619
+ .ndl-data-grid-root.ndl-data-grid-border-all-sides .ndl-data-grid-th:not(.ndl-focusable-cell:focus){
3620
+ border-right:1px solid rgb(var(--theme-palette-neutral-border-weak));
3621
+ }
3622
+ .ndl-data-grid-root.ndl-data-grid-border-all-sides .ndl-data-grid-tr:not(:last-child):after{
3623
+ content:'';
3624
+ position:absolute;
3625
+ width:100%;
3626
+ bottom:0;
3627
+ left:50%;
3628
+ z-index:3;
3629
+ border-bottom:1px solid rgb(var(--theme-palette-neutral-border-weak));
3630
+ transform:translateX(-50%);
3600
3631
  }
3601
- .ndl-table .ndl-table-row:hover .ndl-table-row-actions{
3602
- z-index:10;
3603
- position:absolute;
3604
- top:50%;
3605
- right:2rem;
3606
- display:flex;
3607
- --tw-translate-y:-50%;
3608
- 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));
3609
- flex-direction:row;
3610
- align-items:center;
3611
- -moz-column-gap:0.5rem;
3612
- column-gap:0.5rem;
3613
- padding-left:1rem;
3614
- padding-right:1rem;
3632
+ .ndl-data-grid-root.ndl-data-grid-border-all-sides .ndl-data-grid-thead > .ndl-data-grid-tr:after{
3633
+ content:'';
3634
+ position:absolute;
3635
+ width:100%;
3636
+ bottom:0;
3637
+ left:50%;
3638
+ z-index:3;
3639
+ border-bottom:1px solid rgb(var(--theme-palette-neutral-border-weak));
3640
+ transform:translateX(-50%);
3641
+ }
3642
+ .ndl-data-grid-root.ndl-data-grid-border-all-sides .ndl-focusable-cell{
3643
+ margin-bottom:1px;
3615
3644
  }
3616
- .ndl-table .ndl-table-cell{
3617
- position:relative;
3618
- display:table-cell;
3619
- overflow:auto;
3620
- white-space:nowrap;
3621
- padding-left:1.75rem;
3622
- padding-right:1.75rem;
3623
- padding-top:0.75rem;
3624
- padding-bottom:0.75rem;
3625
- color:rgb(var(--theme-palette-neutral-text-default));
3626
- font-size:var(--font-size-body-medium);
3627
- font-weight:var(--font-weight-normal);
3628
- letter-spacing:0.016rem;
3629
- line-height:1.25rem;
3645
+ .ndl-data-grid-root.ndl-data-grid-border-horizontal .ndl-data-grid-tr:not(:last-child):after{
3646
+ content:'';
3647
+ position:absolute;
3648
+ width:100%;
3649
+ bottom:0;
3650
+ left:50%;
3651
+ z-index:3;
3652
+ border-bottom:1px solid rgb(var(--theme-palette-neutral-border-weak));
3653
+ transform:translateX(-50%);
3630
3654
  }
3631
- .ndl-table .ndl-table-placeholder{
3655
+ .ndl-data-grid-root.ndl-data-grid-header-filled .ndl-data-grid-thead{
3656
+ --header-background:rgb(var(--theme-palette-neutral-bg-default));
3657
+ }
3658
+ .ndl-data-grid-root .ndl-data-grid-scrollable{
3659
+ overflow-x:auto;
3660
+ flex-grow:1;
3661
+ }
3662
+ .ndl-data-grid-root .ndl-div-table{
3663
+ width:-moz-max-content;
3664
+ width:max-content;
3665
+ min-width:100%;
3666
+ }
3667
+ .ndl-data-grid-root .ndl-div-table > :not([hidden]) ~ :not([hidden]){
3668
+ --tw-divide-y-reverse:0;
3669
+ border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));
3670
+ border-bottom-width:calc(1px * var(--tw-divide-y-reverse));
3671
+ border-color:rgb(var(--theme-palette-neutral-border-weak));
3672
+ }
3673
+ .ndl-data-grid-root .ndl-div-table{
3674
+ background-color:rgb(var(--theme-palette-neutral-bg-weak));
3675
+ }
3676
+ .ndl-data-grid-root .ndl-div-table .ndl-data-grid-tr{
3677
+ display:flex;
3678
+ min-width:100%;
3679
+ position:relative;
3680
+ min-height:40px;
3681
+ }
3682
+ .ndl-data-grid-root .ndl-div-table .ndl-data-grid-tbody{
3683
+ position:relative;
3684
+ background-color:rgb(var(--theme-palette-neutral-bg-weak));
3685
+ overflow:unset;
3686
+ border-top:0;
3687
+ padding:1px;
3688
+ }
3689
+ .ndl-data-grid-root .ndl-div-table .ndl-data-grid-tbody .ndl-data-grid-tr{
3690
+ background-color:var(--cell-background);
3691
+ }
3692
+ .ndl-data-grid-root .ndl-div-table .ndl-data-grid-tbody .ndl-data-grid-tr:hover{
3693
+ --cell-background:rgb(var(--theme-palette-neutral-bg-strong));
3694
+ }
3695
+ .ndl-data-grid-root .ndl-div-table .ndl-data-grid-tbody .ndl-data-grid-tr .ndl-data-grid-row-action{
3696
+ z-index:2;
3697
+ background-color:var(--cell-background);
3698
+ }
3699
+ .ndl-data-grid-root .ndl-div-table .ndl-data-grid-tbody .ndl-data-grid-tr .ndl-data-grid-row-action:focus{
3700
+ z-index:3;
3701
+ }
3702
+ .ndl-data-grid-root .ndl-div-table .ndl-data-grid-tbody .ndl-data-grid-tr .ndl-data-grid-row-action:before{
3703
+ box-shadow:-15px 0 17px -7px rgba(0, 0, 0, 0.75);
3704
+ }
3705
+ .ndl-data-grid-root .ndl-div-table .ndl-data-grid-tbody .nld-table-placeholder-wrapper{
3706
+ min-height:80px;
3707
+ pointer-events:none;
3708
+ display:flex;
3709
+ height:100%;
3710
+ flex-direction:row;
3711
+ align-items:center;
3712
+ justify-content:center;
3713
+ gap:8px;
3714
+ }
3715
+ .ndl-data-grid-root .ndl-div-table .ndl-data-grid-tbody .nld-table-placeholder-wrapper .ndl-data-grid-placeholder{
3632
3716
  position:absolute;
3633
- top:50%;
3634
- right:50%;
3635
- display:flex;
3636
- --tw-translate-x:50%;
3637
- --tw-translate-y:-10%;
3717
+ left:50%;
3718
+ --tw-translate-x:-50%;
3638
3719
  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));
3720
+ }
3721
+ .ndl-data-grid-root .ndl-div-table .ndl-data-grid-tbody .nld-table-placeholder-wrapper .ndl-data-grid-placeholder .ndl-data-grid-loading-placeholder{
3722
+ display:flex;
3639
3723
  flex-direction:row;
3640
3724
  align-items:center;
3641
- justify-content:center;
3642
- gap:0.5rem;
3643
- border-style:none;
3725
+ gap:4px;
3644
3726
  }
3645
- .ndl-table tr th.ndl-table-column-styling{
3727
+ .ndl-data-grid-root .ndl-div-table .ndl-data-grid-thead{
3728
+ position:sticky;
3729
+ top:0;
3730
+ background-color:var(--header-background);
3731
+ z-index:var(--z-index-alias-overlay);
3732
+ }
3733
+ .ndl-data-grid-root .ndl-div-table .ndl-data-grid-thead .ndl-data-grid-tr{
3734
+ height:48px;
3735
+ box-shadow:0 2px 8px rgb(var(--theme-palette-neutral-bg-strongest), 10%);
3736
+ z-index:var(--z-index-alias-overlay);
3737
+ padding:1px;
3738
+ }
3739
+ .ndl-data-grid-root .ndl-div-table .ndl-data-grid-thead.ndl-data-grid-is-resizing .ndl-data-grid-th{
3740
+ cursor:col-resize;
3741
+ }
3742
+ .ndl-data-grid-root .ndl-div-table .ndl-data-grid-thead.ndl-data-grid-is-resizing .ndl-data-grid-th .ndl-data-grid-resizer{
3743
+ background-color:transparent !important;
3744
+ }
3745
+ .ndl-data-grid-root .ndl-div-table .ndl-data-grid-td{
3746
+ padding:10px 24px;
3747
+ background-color:var(--cell-background);
3748
+ height:auto;
3749
+ position:relative;
3750
+ display:flex;
3751
+ align-items:center;
3752
+ overflow:hidden;
3753
+ text-overflow:ellipsis;
3754
+ white-space:pre-line;
3755
+ color:rgb(var(--theme-palette-neutral-text-default));
3756
+ font-size:var(--font-size-body-medium);
3757
+ font-weight:var(--font-weight-normal);
3758
+ letter-spacing:0.016rem;
3759
+ line-height:1.25rem;
3760
+ }
3761
+ .ndl-data-grid-root .ndl-div-table .ndl-data-grid-td.ndl-data-grid-td.ndl-data-grid-row-action{
3762
+ position:sticky;
3763
+ right:0;
3764
+ padding:0;
3765
+ justify-content:center;
3766
+ }
3767
+ .ndl-data-grid-root .ndl-div-table .ndl-data-grid-td.ndl-data-grid-is-resizing{
3768
+ border:none;
3769
+ }
3770
+ .ndl-data-grid-root .ndl-div-table .ndl-data-grid-td.ndl-data-grid-is-resizing:after{
3771
+ position:absolute;
3772
+ content:'';
3773
+ width:1px;
3774
+ height:calc(100% + 1px);
3775
+ background-color:rgb(var(--theme-palette-primary-focus));
3776
+ right:0;
3777
+ top:0;
3778
+ z-index:1000;
3779
+ }
3780
+ .ndl-data-grid-root .ndl-div-table .ndl-data-grid-th{
3781
+ container-type:size;
3782
+ container-name:data-grid-header-cell;
3783
+ padding:12px 0 12px 24px;
3784
+ text-align:left;
3785
+ position:relative;
3786
+ font-weight:bold;
3646
3787
  border-collapse:separate;
3647
- box-sizing:content-box;
3788
+ box-sizing:border-box;
3648
3789
  -webkit-user-select:none;
3649
3790
  -moz-user-select:none;
3650
3791
  user-select:none;
3651
- padding-left:1.75rem;
3652
- padding-right:1.75rem;
3653
- padding-top:0.75rem;
3654
- padding-bottom:0.75rem;
3655
- text-align:left;
3792
+ white-space:nowrap;
3793
+ justify-content:space-between;
3794
+ align-items:center;
3656
3795
  color:rgb(var(--theme-palette-neutral-text-weak));
3796
+ display:flex;
3797
+ flex-direction:row;
3798
+ gap:4px;
3657
3799
  font-size:var(--font-size-body-large);
3658
3800
  font-weight:var(--font-weight-normal);
3659
3801
  letter-spacing:0.016rem;
3660
3802
  line-height:1.5rem;
3661
3803
  }
3662
- .ndl-table tr th.ndl-table-column-styling.ndl-sortable:hover{
3663
- border-left-width:1px;
3664
- border-right-width:1px;
3665
- border-color:rgb(var(--theme-palette-neutral-border-strong));
3666
- background-color:rgb(var(--theme-palette-neutral-bg-default));
3667
- }
3668
- .ndl-table tr th.ndl-table-column-styling.ndl-sortable:first-child{
3669
- border-left-width:0px;
3670
- }
3671
- .ndl-table tr th.ndl-table-column-styling.ndl-sortable:last-child{
3672
- border-right-width:0px;
3804
+ .ndl-data-grid-root .ndl-div-table .ndl-data-grid-th.ndl-data-grid-row-action{
3805
+ background-color:var(--header-background);
3806
+ position:sticky;
3807
+ right:0;
3808
+ }
3809
+ .ndl-data-grid-root .ndl-div-table .ndl-data-grid-th .ndl-hoverable-indicator{
3810
+ display:none;
3811
+ }
3812
+ .ndl-data-grid-root .ndl-div-table .ndl-data-grid-th:hover .ndl-hoverable-indicator, .ndl-data-grid-root .ndl-div-table .ndl-data-grid-th:focus .ndl-hoverable-indicator, .ndl-data-grid-root .ndl-div-table .ndl-data-grid-th:focus-within .ndl-hoverable-indicator, .ndl-data-grid-root .ndl-div-table .ndl-data-grid-th:focus-visible .ndl-hoverable-indicator{
3813
+ display:block;
3814
+ }
3815
+ .ndl-data-grid-root .ndl-div-table .ndl-data-grid-th .ndl-header-group{
3816
+ display:flex;
3817
+ flex-direction:row;
3818
+ gap:4px;
3819
+ overflow:hidden;
3820
+ text-overflow:ellipsis;
3821
+ margin-right:8px;
3822
+ width:auto;
3823
+ justify-content:space-between;
3824
+ }
3825
+ .ndl-data-grid-root .ndl-div-table .ndl-data-grid-th .ndl-header-cell{
3826
+ text-overflow:ellipsis;
3827
+ overflow:hidden;
3828
+ white-space:nowrap;
3829
+ display:flex;
3830
+ flex-direction:row;
3831
+ align-items:center;
3832
+ gap:2px;
3833
+ }
3834
+ .ndl-data-grid-root .ndl-div-table .ndl-data-grid-th .ndl-header-cell .ndl-header-icon{
3835
+ min-width:16px;
3836
+ min-height:16px;
3837
+ height:16px;
3838
+ width:16px;
3839
+ cursor:pointer;
3840
+ margin-top:3px;
3841
+ flex-shrink:0;
3842
+ }
3843
+ .ndl-data-grid-root .ndl-div-table .ndl-data-grid-th .ndl-header-action-group{
3844
+ margin-top:1px;
3845
+ display:flex;
3846
+ flex-direction:row;
3847
+ align-items:center;
3848
+ gap:4px;
3849
+ }
3850
+ .ndl-data-grid-root .ndl-div-table .ndl-data-grid-th:hover .ndl-data-grid-resizer{
3851
+ background-color:rgb(var(--theme-palette-neutral-bg-strong));
3852
+ }
3853
+ .ndl-data-grid-root .ndl-div-table .ndl-data-grid-th .ndl-data-grid-resizer-wrapper{
3854
+ position:absolute;
3855
+ right:-8px;
3856
+ top:0px;
3857
+ z-index:50;
3858
+ display:flex;
3859
+ width:16px;
3860
+ cursor:col-resize;
3861
+ place-content:center;
3862
+ align-items:center;
3863
+ height:calc(100% + 1px);
3673
3864
  }
3674
- .ndl-table .ndl-table-control-group{
3865
+ .ndl-data-grid-root .ndl-div-table .ndl-data-grid-th .ndl-data-grid-resizer-wrapper .ndl-data-grid-resizer{
3866
+ height:calc(65% + 1px);
3867
+ width:4px;
3868
+ border-radius:4px;
3869
+ -webkit-user-select:none;
3870
+ -moz-user-select:none;
3871
+ user-select:none;
3872
+ touch-action:none;
3873
+ content:'';
3874
+ cursor:col-resize;
3875
+ }
3876
+ .ndl-data-grid-root .ndl-div-table .ndl-data-grid-th .ndl-data-grid-resizer-wrapper .ndl-data-grid-resizer.ndl-data-grid-is-resizing{
3877
+ background-color:rgb(
3878
+ var(--theme-palette-primary-focus)
3879
+ ) !important;
3880
+ opacity:1;
3881
+ }
3882
+ .ndl-data-grid-root .ndl-div-table .ndl-data-grid-col{
3883
+ }
3884
+ .ndl-data-grid-root .ndl-data-grid-navigation{
3675
3885
  display:flex;
3676
3886
  flex-direction:row;
3677
3887
  flex-wrap:wrap;
3678
- gap:0.5rem;
3888
+ align-items:center;
3889
+ justify-content:space-between;
3890
+ gap:8px;
3891
+ background-color:rgb(var(--theme-palette-neutral-bg-weak));
3892
+ padding-left:28px;
3893
+ padding-right:28px;
3894
+ padding-top:16px;
3895
+ padding-bottom:16px;
3679
3896
  }
3680
- .ndl-table .ndl-table-control-container{
3897
+ .ndl-data-grid-root .ndl-data-grid-navigation .ndl-data-grid-navigation-right-items{
3681
3898
  display:flex;
3682
- width:100%;
3683
3899
  flex-direction:row;
3684
3900
  flex-wrap:wrap;
3901
+ align-items:center;
3685
3902
  justify-content:space-between;
3686
- gap:0.5rem;
3903
+ gap:8px;
3904
+ -moz-column-gap:40px;
3905
+ column-gap:40px;
3687
3906
  }
3688
- .ndl-table .ndl-table-resizing-bar{
3689
- position:absolute;
3690
- right:0px;
3691
- top:0px;
3692
- height:100%;
3693
- cursor:col-resize;
3907
+ .ndl-data-grid-root .ndl-data-grid-navigation .ndl-data-grid-nav{
3908
+ position:relative;
3909
+ z-index:0;
3910
+ display:inline-flex;
3911
+ max-width:-moz-min-content;
3912
+ max-width:min-content;
3913
+ -moz-column-gap:8px;
3914
+ column-gap:8px;
3915
+ border-radius:6px;
3694
3916
  }
3695
- .ndl-table .ndl-table-resizing-bar:hover{
3696
- background-color:rgb(var(--theme-palette-neutral-bg-strongest));
3917
+ .ndl-data-grid-root .ndl-data-grid-navigation .ndl-data-grid-rows-per-page{
3918
+ display:flex;
3919
+ flex-direction:row;
3920
+ align-items:center;
3921
+ justify-content:space-between;
3922
+ -moz-column-gap:16px;
3923
+ column-gap:16px;
3924
+ color:rgb(var(--theme-palette-neutral-text-weaker));
3697
3925
  }
3698
- .ndl-table-select{
3699
- -webkit-appearance:none;
3700
- -moz-appearance:none;
3701
- appearance:none;
3702
- 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-palette-neutral-text-weak"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg>');
3703
- background-repeat:no-repeat;
3704
- background-size:20px;
3705
- background-position:calc(100% - 12px) center;
3706
- height:2.25rem;
3707
- border-radius:6px;
3708
- border-width:1px;
3709
- border-color:rgb(var(--theme-palette-neutral-border-strong));
3710
- background-color:rgb(var(--theme-palette-neutral-bg-weak));
3711
- padding-left:0.75rem;
3712
- padding-right:1.75rem;
3713
- line-height:1;
3714
- --tw-shadow:var(--theme-shadow-overlay);
3715
- --tw-shadow-colored:var(--theme-shadow-overlay);
3716
- box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3926
+ .ndl-data-grid-root .ndl-data-grid-navigation .ndl-data-grid-select{
3927
+ -webkit-appearance:none;
3928
+ -moz-appearance:none;
3929
+ appearance:none;
3930
+ 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-palette-neutral-text-weak"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"></path></svg>');
3931
+ background-repeat:no-repeat;
3932
+ background-size:20px;
3933
+ background-position:calc(100% - 12px) center;
3934
+ height:36px;
3935
+ border-radius:6px;
3936
+ border-width:1px;
3937
+ border-color:rgb(var(--theme-palette-neutral-border-strong));
3938
+ background-color:rgb(var(--theme-palette-neutral-bg-weak));
3939
+ padding-left:12px;
3940
+ padding-right:28px;
3941
+ line-height:1;
3942
+ --tw-shadow:var(--theme-shadow-overlay);
3943
+ --tw-shadow-colored:var(--theme-shadow-overlay);
3944
+ box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
3945
+ }
3946
+ .ndl-data-grid-root .ndl-data-grid-navigation .ndl-data-grid-results{
3947
+ white-space:nowrap;
3948
+ color:rgb(var(--theme-palette-neutral-text-weaker));
3949
+ font-size:var(--font-size-body-medium);
3950
+ font-weight:var(--font-weight-normal);
3951
+ letter-spacing:0.016rem;
3952
+ line-height:1.25rem;
3717
3953
  }
3718
- .ndl-drag-and-drop{
3954
+ .ndl-data-grid-root .ndl-data-grid-navigation .ndl-data-grid-pagination-icon{
3955
+ height:20px;
3956
+ width:20px;
3957
+ }
3958
+ .ndl-data-grid-root .ndl-data-grid-navigation .ndl-data-grid-pagination-icon-button{
3959
+ position:relative;
3960
+ display:inline-flex;
3961
+ align-items:center;
3962
+ border-radius:10px;
3963
+ padding-left:8px;
3964
+ padding-right:8px;
3965
+ padding-top:8px;
3966
+ padding-bottom:8px;
3967
+ color:rgb(var(--theme-palette-neutral-text-weaker));
3968
+ font-size:var(--font-size-body-medium);
3969
+ font-weight:var(--font-weight-normal);
3970
+ letter-spacing:0.016rem;
3971
+ line-height:1.25rem;
3972
+ }
3973
+ .ndl-data-grid-root .ndl-data-grid-navigation .ndl-data-grid-pagination-icon-button:hover{
3974
+ background-color:rgb(var(--theme-palette-primary-bg-strong));
3975
+ --tw-bg-opacity:0.1;
3976
+ color:rgb(var(--theme-palette-neutral-text-inverse));
3977
+ }
3978
+ .ndl-data-grid-root .ndl-data-grid-navigation .ndl-data-grid-pagination-numeric-button{
3979
+ min-width:36px;
3980
+ min-height:36px;
3981
+ max-height:36px;
3982
+ position:relative;
3983
+ display:inline-flex;
3984
+ align-items:center;
3985
+ justify-content:center;
3986
+ border-radius:10px;
3987
+ padding-left:12px;
3988
+ padding-right:12px;
3989
+ padding-top:2px;
3990
+ padding-bottom:2px;
3991
+ font-size:var(--font-size-body-medium);
3992
+ font-weight:var(--font-weight-normal);
3993
+ letter-spacing:0.016rem;
3994
+ line-height:1.25rem;
3995
+ }
3996
+ .ndl-data-grid-root .ndl-data-grid-navigation .ndl-data-grid-pagination-numeric-button.ndl-is-selected{
3997
+ background-color:rgb(var(--theme-palette-primary-bg-strong));
3998
+ color:rgb(var(--theme-palette-neutral-text-inverse));
3999
+ }
4000
+ .ndl-data-grid-root .ndl-data-grid-navigation .ndl-data-grid-pagination-numeric-button.ndl-not-selected-numeric{
4001
+ cursor:pointer;
4002
+ }
4003
+ .ndl-data-grid-root .ndl-data-grid-navigation .ndl-data-grid-pagination-numeric-button.ndl-not-selected-numeric:hover{
4004
+ background-color:rgb(var(--theme-palette-neutral-bg-strong));
4005
+ }
4006
+ .ndl-data-grid-root .ndl-data-grid-navigation .ndl-data-grid-pagination-numeric-button.ndl-not-selected{
4007
+ color:rgb(var(--theme-palette-neutral-text-weaker));
4008
+ }
4009
+ @container data-grid-header-cell (min-width: 300px){
4010
+ .ndl-header-group{
4011
+ margin-right:55px !important;
4012
+ }
4013
+
4014
+ & .ndl-header-group{
4015
+ position:sticky;
4016
+ left:20px;
4017
+ }
4018
+ }
4019
+ .ndl-dropzone{
3719
4020
  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='6' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
3720
4021
  border-radius:8px;
3721
4022
  border-color:rgb(var(--theme-palette-neutral-border-strong));
3722
- padding:0.25rem;
4023
+ padding:4px;
3723
4024
  }
3724
- .ndl-drag-and-drop > div{
3725
- padding-top:2rem;
3726
- padding-bottom:2rem;
4025
+ .ndl-dropzone > div{
4026
+ padding-top:32px;
4027
+ padding-bottom:32px;
3727
4028
  }
3728
- .ndl-drag-and-drop .ndl-drag-and-drop-inner{
4029
+ .ndl-dropzone .ndl-dropzone-inner{
3729
4030
  margin-left:auto;
3730
4031
  margin-right:auto;
3731
4032
  }
3732
- .ndl-drag-and-drop .ndl-drag-and-drop-inner-content{
4033
+ .ndl-dropzone .ndl-dropzone-inner-content{
3733
4034
  display:flex;
3734
4035
  height:100%;
3735
4036
  flex-direction:column;
3736
4037
  justify-content:center;
3737
4038
  }
3738
- .ndl-drag-and-drop svg{
4039
+ .ndl-dropzone svg{
3739
4040
  margin-left:auto;
3740
4041
  margin-right:auto;
3741
4042
  }
3742
- .ndl-drag-and-drop.ndl-drag-disabled{
4043
+ .ndl-dropzone.ndl-drag-disabled{
3743
4044
  cursor:not-allowed;
3744
4045
  color:rgb(var(--theme-palette-neutral-text-weakest));
3745
4046
  }
3746
- .ndl-drag-and-drop.ndl-drag-active{
4047
+ .ndl-dropzone.ndl-drag-active{
3747
4048
  background-color:rgb(var(--theme-palette-primary-bg-weak));
3748
4049
  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");
3749
4050
  }
3750
- .ndl-drag-and-drop .ndl-drag-and-drop-header{
3751
- margin-bottom:1.5rem;
4051
+ .ndl-dropzone .ndl-dropzone-header{
4052
+ margin-bottom:24px;
3752
4053
  display:flex;
3753
4054
  flex-direction:column;
3754
- row-gap:1.5rem;
4055
+ row-gap:24px;
3755
4056
  text-align:center;
3756
4057
  }
3757
- .ndl-drag-and-drop .ndl-drag-and-drop-header .ndl-dnd-title{
3758
- margin-bottom:0.25rem;
4058
+ .ndl-dropzone .ndl-dropzone-header .ndl-dnd-title{
4059
+ margin-bottom:4px;
3759
4060
  }
3760
- .ndl-drag-and-drop .ndl-drag-and-drop-header .ndl-dnd-subtitle{
4061
+ .ndl-dropzone .ndl-dropzone-header .ndl-dnd-subtitle{
3761
4062
  font-weight:400;
3762
4063
  }
3763
- .ndl-drag-and-drop .ndl-drag-and-drop-header .ndl-dnd-browse-link{
4064
+ .ndl-dropzone .ndl-dropzone-header .ndl-dnd-browse-link{
3764
4065
  font-size:var(--font-size-subheading-small);
3765
4066
  font-weight:var(--font-weight-semibold);
3766
4067
  letter-spacing:0.016rem;
3767
4068
  line-height:1.25rem;
3768
4069
  }
3769
- .ndl-drag-and-drop .ndl-drag-and-drop-header .ndl-dnd-browse-link:not(:disabled){
4070
+ .ndl-dropzone .ndl-dropzone-header .ndl-dnd-browse-link:not(:disabled){
3770
4071
  color:rgb(var(--theme-palette-primary-text));
3771
4072
  }
3772
- .ndl-drag-and-drop .ndl-drag-and-drop-header .ndl-upload-img-wrapper{
4073
+ .ndl-dropzone .ndl-dropzone-header .ndl-upload-img-wrapper{
3773
4074
  position:relative;
3774
4075
  display:inline-block;
3775
4076
  }
3776
- .ndl-drag-and-drop .ndl-drag-and-drop-header .ndl-upload-img-label{
4077
+ .ndl-dropzone .ndl-dropzone-header .ndl-upload-img-label{
3777
4078
  position:absolute;
3778
4079
  border-radius:4px;
3779
4080
  background-color:rgb(var(--theme-palette-primary-bg-strong));
3780
- padding-left:0.25rem;
3781
- padding-right:0.25rem;
4081
+ padding-left:4px;
4082
+ padding-right:4px;
3782
4083
  color:rgb(var(--theme-palette-neutral-text-inverse));
3783
4084
  font-size:var(--font-size-body-small);
3784
4085
  font-weight:var(--font-weight-normal);
3785
4086
  letter-spacing:0.016rem;
3786
4087
  line-height:1.25rem;
3787
- transform:translate(-100%, 0.5rem);
4088
+ transform:translate(calc(-100% - 8px), 6px);
3788
4089
  }
3789
- .ndl-drag-and-drop .ndl-drag-and-drop-footer{
4090
+ .ndl-dropzone .ndl-dropzone-footer{
3790
4091
  text-align:center;
3791
4092
  }
3792
- .ndl-drag-and-drop .ndl-drag-and-drop-footer .ndl-file-support-text{
4093
+ .ndl-dropzone .ndl-dropzone-footer .ndl-file-support-text{
3793
4094
  font-size:var(--font-size-body-medium);
3794
4095
  font-weight:var(--font-weight-normal);
3795
4096
  letter-spacing:0.016rem;
3796
4097
  line-height:1.25rem;
3797
4098
  }
3798
- .ndl-drag-and-drop:not(.ndl-drag-disabled) .ndl-file-support-text{
4099
+ .ndl-dropzone:not(.ndl-drag-disabled) .ndl-file-support-text{
3799
4100
  color:rgb(var(--theme-palette-neutral-text-weaker));
3800
4101
  }
3801
- .ndl-drag-and-drop.ndl-drag-active.ndl-file-invalid{
4102
+ .ndl-dropzone.ndl-drag-active.ndl-file-invalid{
3802
4103
  background-color:rgb(var(--theme-palette-danger-bg-weak));
3803
4104
  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");
3804
4105
  }
3805
- .ndl-drag-and-drop.ndl-drag-active.ndl-file-invalid .ndl-upload-img-label{
4106
+ .ndl-dropzone.ndl-drag-active.ndl-file-invalid .ndl-upload-img-label{
3806
4107
  background-color:rgb(var(--theme-palette-danger-bg-strong));
3807
4108
  }
3808
- .ndl-drag-and-drop-error-alert{
3809
- margin-bottom:1rem;
4109
+ .ndl-dropzone-error-alert{
4110
+ margin-bottom:16px;
3810
4111
  }
3811
4112
  .ndl-dropdown{
3812
4113
  display:inline-flex;
@@ -3878,16 +4179,16 @@ a.ndl-btn{
3878
4179
  color:rgb(var(--theme-palette-neutral-text-weak));
3879
4180
  }
3880
4181
  .ndl-dropdown .ndl-dropdown-icon.ndl-extra-small{
3881
- height:1rem;
3882
- width:1rem;
4182
+ height:16px;
4183
+ width:16px;
3883
4184
  }
3884
4185
  .ndl-dropdown .ndl-dropdown-icon.ndl-small{
3885
- height:1.25rem;
3886
- width:1.25rem;
4186
+ height:20px;
4187
+ width:20px;
3887
4188
  }
3888
4189
  .ndl-dropdown .ndl-dropdown-icon.ndl-large{
3889
- height:1.5rem;
3890
- width:1.5rem;
4190
+ height:24px;
4191
+ width:24px;
3891
4192
  }
3892
4193
  .ndl-dropdown .ndl-dropdown-icon.ndl-disabled{
3893
4194
  color:rgb(var(--theme-palette-neutral-text-weakest));
@@ -3898,16 +4199,16 @@ a.ndl-btn{
3898
4199
  background-color:rgb(var(--theme-palette-neutral-border-strong));
3899
4200
  }
3900
4201
  .ndl-dropdown .ndl-error-icon.ndl-extra-small{
3901
- height:1rem;
3902
- width:1rem;
4202
+ height:16px;
4203
+ width:16px;
3903
4204
  }
3904
4205
  .ndl-dropdown .ndl-error-icon.ndl-small{
3905
- height:1.25rem;
3906
- width:1.25rem;
4206
+ height:20px;
4207
+ width:20px;
3907
4208
  }
3908
4209
  .ndl-dropdown .ndl-error-icon.ndl-large{
3909
- height:1.5rem;
3910
- width:1.5rem;
4210
+ height:24px;
4211
+ width:24px;
3911
4212
  }
3912
4213
  .ndl-dropdown .ndl-error-icon{
3913
4214
  color:rgb(var(--theme-palette-danger-icon));
@@ -3919,8 +4220,8 @@ a.ndl-btn{
3919
4220
  border-radius:12px;
3920
4221
  padding-top:2px;
3921
4222
  padding-bottom:2px;
3922
- padding-left:0.5rem;
3923
- padding-right:0.5rem;
4223
+ padding-left:8px;
4224
+ padding-right:8px;
3924
4225
  font-size:var(--font-size-label);
3925
4226
  font-weight:var(--font-weight-bold);
3926
4227
  letter-spacing:0;
@@ -3963,10 +4264,10 @@ a.ndl-btn{
3963
4264
  cursor:pointer;
3964
4265
  border-radius:4px;
3965
4266
  background-color:rgb(var(--theme-palette-neutral-text-weak));
3966
- padding-top:0.125rem;
3967
- padding-bottom:0.125rem;
3968
- padding-left:0.5rem;
3969
- padding-right:0.5rem;
4267
+ padding-top:2px;
4268
+ padding-bottom:2px;
4269
+ padding-left:8px;
4270
+ padding-right:8px;
3970
4271
  color:rgb(var(--theme-palette-neutral-text-inverse));
3971
4272
  font-size:var(--font-size-label);
3972
4273
  font-weight:var(--font-weight-bold);
@@ -4086,10 +4387,10 @@ a.ndl-btn{
4086
4387
  position:relative;
4087
4388
  display:flex;
4088
4389
  flex-direction:column;
4089
- gap:0.5rem;
4390
+ gap:8px;
4090
4391
  border-radius:8px;
4091
4392
  background-color:rgb(var(--theme-palette-neutral-bg-weak));
4092
- padding:1rem;
4393
+ padding:16px;
4093
4394
  outline:2px solid transparent;
4094
4395
  outline-offset:2px;
4095
4396
  }
@@ -4132,14 +4433,14 @@ a.ndl-btn{
4132
4433
  line-height:1.25rem;
4133
4434
  }
4134
4435
  .ndl-widget.ndl-leftmenu .ndl-headers{
4135
- margin-left:0.5rem;
4436
+ margin-left:8px;
4136
4437
  }
4137
4438
  .ndl-widget .ndl-resize-handle{
4138
4439
  position:absolute;
4139
4440
  bottom:0px;
4140
4441
  right:0px;
4141
- height:1.25rem;
4142
- width:1.25rem;
4442
+ height:20px;
4443
+ width:20px;
4143
4444
  cursor:se-resize;
4144
4445
  --tw-text-opacity:1;
4145
4446
  color:rgb(168 172 178 / var(--tw-text-opacity));
@@ -4150,7 +4451,7 @@ a.ndl-btn{
4150
4451
  }
4151
4452
  .ndl-wizard-circle .ndl-text.ndl-horizontal{
4152
4453
  position:absolute;
4153
- bottom:0.5rem;
4454
+ bottom:8px;
4154
4455
  left:50%;
4155
4456
  min-width:50px;
4156
4457
  --tw-translate-x:-50%;
@@ -4159,7 +4460,7 @@ a.ndl-btn{
4159
4460
  }
4160
4461
  .ndl-wizard-circle .ndl-text.ndl-vertical{
4161
4462
  position:absolute;
4162
- left:4rem;
4463
+ left:64px;
4163
4464
  min-width:140px;
4164
4465
  --tw-translate-y:35%;
4165
4466
  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));
@@ -4230,8 +4531,8 @@ a.ndl-btn{
4230
4531
  min-width:20px;
4231
4532
  }
4232
4533
  .ndl-wizard-line.ndl-vertical{
4233
- margin-top:-0.25rem;
4234
- margin-bottom:-0.25rem;
4534
+ margin-top:-4px;
4535
+ margin-bottom:-4px;
4235
4536
  margin-left:20px;
4236
4537
  margin-right:20px;
4237
4538
  height:100%;
@@ -4255,11 +4556,11 @@ a.ndl-btn{
4255
4556
  overflow:hidden;
4256
4557
  border-radius:8px;
4257
4558
  border-width:1px;
4258
- padding-top:0.75rem;
4559
+ padding-top:12px;
4259
4560
  }
4260
4561
  .ndl-code-block-container .ndl-code-block-title{
4261
- margin-left:0.75rem;
4262
- margin-bottom:0.75rem;
4562
+ margin-left:12px;
4563
+ margin-bottom:12px;
4263
4564
  min-height:24px;
4264
4565
  width:100%;
4265
4566
  overflow-x:hidden;
@@ -4288,7 +4589,7 @@ a.ndl-btn{
4288
4589
  right:4px;
4289
4590
  z-index:1;
4290
4591
  height:100%;
4291
- width:0.75rem;
4592
+ width:12px;
4292
4593
  background-image:linear-gradient(to right, var(--tw-gradient-stops));
4293
4594
  --tw-gradient-from:transparent;
4294
4595
  --tw-gradient-to:rgb(0 0 0 / 0);
@@ -4331,7 +4632,7 @@ a.ndl-btn{
4331
4632
  right:0px;
4332
4633
  z-index:10;
4333
4634
  border-radius:8px;
4334
- padding:0.25rem;
4635
+ padding:4px;
4335
4636
  }
4336
4637
  .ndl-code-block-container .ndl-linenumber{
4337
4638
  min-width:32px !important;
@@ -4500,7 +4801,7 @@ a.ndl-btn{
4500
4801
  cursor:pointer;
4501
4802
  align-items:center;
4502
4803
  justify-content:center;
4503
- gap:0.125rem;
4804
+ gap:2px;
4504
4805
  border-radius:4px;
4505
4806
  font-weight:700;
4506
4807
  outline:2px solid transparent;
@@ -4519,44 +4820,44 @@ a.ndl-btn{
4519
4820
  opacity:0.5;
4520
4821
  }
4521
4822
  .ndl-cypher-editor .cm-editor .cm-button.ndl-extra-small, .ndl-codemirror-editor .cm-editor .cm-button.ndl-extra-small{
4522
- height:1.5rem;
4523
- padding-left:0.75rem;
4524
- padding-right:0.75rem;
4525
- padding-top:0.25rem;
4526
- padding-bottom:0.25rem;
4823
+ height:24px;
4824
+ padding-left:12px;
4825
+ padding-right:12px;
4826
+ padding-top:4px;
4827
+ padding-bottom:4px;
4527
4828
  font-size:var(--font-size-label);
4528
4829
  font-weight:var(--font-weight-bold);
4529
4830
  letter-spacing:0;
4530
4831
  line-height:1.25rem;
4531
4832
  }
4532
4833
  .ndl-cypher-editor .cm-editor .cm-button.ndl-small, .ndl-codemirror-editor .cm-editor .cm-button.ndl-small{
4533
- height:1.75rem;
4534
- padding-left:0.75rem;
4535
- padding-right:0.75rem;
4536
- padding-top:0.25rem;
4537
- padding-bottom:0.25rem;
4834
+ height:28px;
4835
+ padding-left:12px;
4836
+ padding-right:12px;
4837
+ padding-top:4px;
4838
+ padding-bottom:4px;
4538
4839
  font-size:var(--font-size-label);
4539
4840
  font-weight:var(--font-weight-bold);
4540
4841
  letter-spacing:0;
4541
4842
  line-height:1.25rem;
4542
4843
  }
4543
4844
  .ndl-cypher-editor .cm-editor .cm-button.ndl-medium, .ndl-codemirror-editor .cm-editor .cm-button.ndl-medium{
4544
- height:2.25rem;
4545
- padding-left:1.5rem;
4546
- padding-right:1.5rem;
4547
- padding-top:0.5rem;
4548
- padding-bottom:0.5rem;
4845
+ height:36px;
4846
+ padding-left:24px;
4847
+ padding-right:24px;
4848
+ padding-top:8px;
4849
+ padding-bottom:8px;
4549
4850
  font-size:var(--font-size-label);
4550
4851
  font-weight:var(--font-weight-bold);
4551
4852
  letter-spacing:0;
4552
4853
  line-height:1.25rem;
4553
4854
  }
4554
4855
  .ndl-cypher-editor .cm-editor .cm-button.ndl-large, .ndl-codemirror-editor .cm-editor .cm-button.ndl-large{
4555
- height:3rem;
4556
- padding-left:1.5rem;
4557
- padding-right:1.5rem;
4558
- padding-top:0.75rem;
4559
- padding-bottom:0.75rem;
4856
+ height:48px;
4857
+ padding-left:24px;
4858
+ padding-right:24px;
4859
+ padding-top:12px;
4860
+ padding-bottom:12px;
4560
4861
  }
4561
4862
 
4562
4863
  .ndl-cypher-editor .cm-editor .cm-button.ndl-large,
@@ -4821,8 +5122,8 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
4821
5122
  border-width:1px;
4822
5123
  border-color:rgb(var(--theme-palette-neutral-border-strong));
4823
5124
  background-color:rgb(var(--theme-palette-neutral-bg-weak));
4824
- padding-left:0.75rem;
4825
- padding-right:0.75rem;
5125
+ padding-left:12px;
5126
+ padding-right:12px;
4826
5127
  font-size:var(--font-size-body-medium);
4827
5128
  font-weight:var(--font-weight-normal);
4828
5129
  letter-spacing:0.016rem;
@@ -4849,8 +5150,8 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
4849
5150
  .ndl-textarea .ndl-textarea-label{
4850
5151
  display:inline-flex;
4851
5152
  align-items:flex-start;
4852
- -moz-column-gap:0.75rem;
4853
- column-gap:0.75rem;
5153
+ -moz-column-gap:12px;
5154
+ column-gap:12px;
4854
5155
  font-size:var(--font-size-body-medium);
4855
5156
  font-weight:var(--font-weight-normal);
4856
5157
  letter-spacing:0.016rem;
@@ -4873,17 +5174,17 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
4873
5174
  margin-left:auto;
4874
5175
  }
4875
5176
  .ndl-textarea .ndl-textarea-wrapper .ndl-information-icon-small{
4876
- margin-top:0.125rem;
5177
+ margin-top:2px;
4877
5178
  margin-left:3px;
4878
- height:1rem;
4879
- width:1rem;
5179
+ height:16px;
5180
+ width:16px;
4880
5181
  color:rgb(var(--theme-palette-neutral-text-weak));
4881
5182
  }
4882
5183
  .ndl-textarea .ndl-textarea-wrapper .ndl-information-icon-large{
4883
- margin-top:0.125rem;
5184
+ margin-top:2px;
4884
5185
  margin-left:3px;
4885
- height:1rem;
4886
- width:1rem;
5186
+ height:16px;
5187
+ width:16px;
4887
5188
  color:rgb(var(--theme-palette-neutral-text-weak));
4888
5189
  }
4889
5190
  .ndl-textarea.ndl-type-text .ndl-textarea-label{
@@ -4907,11 +5208,11 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
4907
5208
  color:rgb(var(--theme-palette-neutral-text-weakest));
4908
5209
  }
4909
5210
  .ndl-textarea .ndl-textarea-msg{
4910
- margin-top:0.25rem;
5211
+ margin-top:4px;
4911
5212
  display:flex;
4912
5213
  flex-direction:row;
4913
5214
  align-items:center;
4914
- gap:0.25rem;
5215
+ gap:4px;
4915
5216
  font-size:0.75rem;
4916
5217
  line-height:1rem;
4917
5218
  color:rgb(var(--theme-palette-neutral-text-weaker));
@@ -4928,13 +5229,13 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
4928
5229
  color:rgb(var(--theme-palette-danger-text));
4929
5230
  }
4930
5231
  .ndl-textarea.ndl-has-icon .ndl-error-icon{
4931
- height:1.25rem;
4932
- width:1.25rem;
5232
+ height:20px;
5233
+ width:20px;
4933
5234
  color:rgb(var(--theme-palette-danger-text));
4934
5235
  }
4935
5236
  .ndl-textarea.ndl-large textarea{
4936
- padding-top:0.75rem;
4937
- padding-bottom:0.75rem;
5237
+ padding-top:12px;
5238
+ padding-bottom:12px;
4938
5239
  font-size:var(--font-size-body-large);
4939
5240
  font-weight:var(--font-weight-normal);
4940
5241
  letter-spacing:0.016rem;
@@ -4955,13 +5256,13 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
4955
5256
  }
4956
5257
  .ndl-textarea.ndl-large.ndl-has-icon .ndl-icon{
4957
5258
  position:absolute;
4958
- height:1.5rem;
4959
- width:1.5rem;
5259
+ height:24px;
5260
+ width:24px;
4960
5261
  color:rgb(var(--theme-palette-neutral-text-weak));
4961
5262
  }
4962
5263
  .ndl-textarea.ndl-small textarea{
4963
- padding-top:0.5rem;
4964
- padding-bottom:0.5rem;
5264
+ padding-top:8px;
5265
+ padding-bottom:8px;
4965
5266
  font-size:var(--font-size-body-medium);
4966
5267
  font-weight:var(--font-weight-normal);
4967
5268
  letter-spacing:0.016rem;
@@ -4974,23 +5275,23 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
4974
5275
  line-height:1.25rem;
4975
5276
  }
4976
5277
  .ndl-textarea.ndl-small.ndl-has-icon .ndl-icon{
4977
- height:1.25rem;
4978
- width:1.25rem;
5278
+ height:20px;
5279
+ width:20px;
4979
5280
  position:absolute;
4980
5281
  color:rgb(var(--theme-palette-neutral-text-weak));
4981
5282
  }
4982
5283
  .ndl-status-indicator{
4983
5284
  display:inline-block;
4984
- margin-bottom:0.125rem;
4985
- margin-left:0.25rem;
4986
- margin-right:0.25rem;
5285
+ margin-bottom:2px;
5286
+ margin-left:4px;
5287
+ margin-right:4px;
4987
5288
  }
4988
5289
  .ndl-side-navigation{
4989
5290
  position:relative;
4990
5291
  box-sizing:content-box;
4991
5292
  display:flex;
4992
5293
  height:100%;
4993
- width:20rem;
5294
+ width:320px;
4994
5295
  min-width:320px;
4995
5296
  flex-direction:column;
4996
5297
  background-color:rgb(var(--theme-palette-neutral-bg-weak));
@@ -4999,18 +5300,18 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
4999
5300
  transition:var(--transitions-default);
5000
5301
  }
5001
5302
  .ndl-side-navigation:not(.ndl-expanded){
5002
- width:4rem;
5303
+ width:64px;
5003
5304
  min-width:4rem;
5004
5305
 
5005
5306
  transition:var(--transitions-default);
5006
5307
  }
5007
5308
  .ndl-side-navigation:not(.ndl-expanded) .ndl-side-navigation-drawer-button{
5008
- left:0.5rem;
5309
+ left:8px;
5009
5310
  right:unset;
5010
5311
  }
5011
5312
  .ndl-side-navigation:not(.ndl-expanded) .ndl-side-navigation-nav-item > .ndl-side-navigation-inner-item{
5012
5313
  display:flex;
5013
- width:3rem;
5314
+ width:48px;
5014
5315
  justify-content:center;
5015
5316
  }
5016
5317
  .ndl-side-navigation:not(.ndl-expanded) .ndl-side-navigation-nav-item > .ndl-side-navigation-inner-item .ndl-icon{
@@ -5022,8 +5323,8 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
5022
5323
  border-color:rgb(var(--theme-palette-neutral-border-weak));
5023
5324
  }
5024
5325
  .ndl-side-navigation.ndl-right .ndl-side-navigation-drawer-button{
5025
- bottom:0.5rem;
5026
- left:0.5rem;
5326
+ bottom:8px;
5327
+ left:8px;
5027
5328
  right:unset;
5028
5329
  }
5029
5330
  .ndl-side-navigation.ndl-left{
@@ -5032,8 +5333,8 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
5032
5333
  border-color:rgb(var(--theme-palette-neutral-border-weak));
5033
5334
  }
5034
5335
  .ndl-side-navigation.ndl-left .ndl-side-navigation-drawer-button{
5035
- bottom:0.5rem;
5036
- right:0.5rem;
5336
+ bottom:8px;
5337
+ right:8px;
5037
5338
  left:unset;
5038
5339
  }
5039
5340
  .ndl-side-navigation .ndl-side-navigation-nav{
@@ -5041,25 +5342,25 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
5041
5342
  width:100%;
5042
5343
  overflow-y:auto;
5043
5344
  overflow-x:hidden;
5044
- padding-top:1.25rem;
5045
- padding-bottom:3.5rem;
5345
+ padding-top:20px;
5346
+ padding-bottom:56px;
5046
5347
  }
5047
5348
  .ndl-side-navigation .ndl-side-navigation-nav::-webkit-scrollbar{
5048
- width:0.25rem;
5349
+ width:4px;
5049
5350
  }
5050
5351
  .ndl-side-navigation .ndl-side-navigation-nav::-webkit-scrollbar-thumb{
5051
5352
  border-radius:10px;
5052
5353
  background-color:rgb(var(--theme-palette-neutral-bg-strong));
5053
5354
  }
5054
5355
  .ndl-side-navigation .ndl-side-navigation-nav-item{
5055
- margin-top:0.125rem;
5056
- margin-bottom:0.125rem;
5057
- margin-left:1rem;
5058
- margin-right:1rem;
5356
+ margin-top:2px;
5357
+ margin-bottom:2px;
5358
+ margin-left:16px;
5359
+ margin-right:16px;
5059
5360
  }
5060
5361
  .ndl-side-navigation .ndl-side-navigation-nav-item:not(.ndl-expanded){
5061
- margin-left:0.5rem;
5062
- margin-right:0.5rem;
5362
+ margin-left:8px;
5363
+ margin-right:8px;
5063
5364
  }
5064
5365
  .ndl-side-navigation .ndl-side-navigation-nav-item:not(.ndl-expanded) .ndl-selected::before{
5065
5366
  content:'';
@@ -5085,16 +5386,16 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
5085
5386
  }
5086
5387
  .ndl-side-navigation .ndl-side-navigation-nav-item > .ndl-side-navigation-inner-item{
5087
5388
  display:flex;
5088
- height:3rem;
5389
+ height:48px;
5089
5390
  width:100%;
5090
5391
  align-items:center;
5091
5392
  border-radius:8px;
5092
5393
  color:rgb(var(--theme-palette-neutral-text-default));
5093
5394
  }
5094
5395
  .ndl-side-navigation .ndl-side-navigation-nav-item > .ndl-side-navigation-inner-item .ndl-icon{
5095
- margin-right:1rem;
5096
- height:1.5rem;
5097
- width:1.5rem;
5396
+ margin-right:16px;
5397
+ height:24px;
5398
+ width:24px;
5098
5399
  justify-content:center;
5099
5400
  color:rgb(var(--theme-palette-neutral-text-weak));
5100
5401
  }
@@ -5126,7 +5427,7 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
5126
5427
  }
5127
5428
  .ndl-side-navigation .ndl-side-navigation-drawer-button{
5128
5429
  position:absolute;
5129
- bottom:0.75rem;
5430
+ bottom:12px;
5130
5431
  box-sizing:content-box;
5131
5432
  border-radius:7px;
5132
5433
  background-color:rgb(var(--theme-palette-neutral-bg-weak));
@@ -5175,25 +5476,22 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
5175
5476
  position:relative;
5176
5477
  }
5177
5478
  .n-top-1{
5178
- top:0.25rem;
5479
+ top:4px;
5179
5480
  }
5180
5481
  .n-right-1{
5181
- right:0.25rem;
5482
+ right:4px;
5182
5483
  }
5183
5484
  .n-isolate{
5184
5485
  isolation:isolate;
5185
5486
  }
5186
- .n-z-0{
5187
- z-index:0;
5188
- }
5189
5487
  .n-m-auto{
5190
5488
  margin:auto;
5191
5489
  }
5192
5490
  .n-m-1{
5193
- margin:0.25rem;
5491
+ margin:4px;
5194
5492
  }
5195
5493
  .n-m-8{
5196
- margin:2rem;
5494
+ margin:32px;
5197
5495
  }
5198
5496
  .n-m-token-3{
5199
5497
  margin:4px;
@@ -5202,36 +5500,36 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
5202
5500
  margin-top:auto;
5203
5501
  margin-bottom:auto;
5204
5502
  }
5205
- .n-my-5{
5206
- margin-top:1.25rem;
5207
- margin-bottom:1.25rem;
5208
- }
5209
5503
  .n-mx-4{
5210
- margin-left:1rem;
5211
- margin-right:1rem;
5504
+ margin-left:16px;
5505
+ margin-right:16px;
5506
+ }
5507
+ .n-my-5{
5508
+ margin-top:20px;
5509
+ margin-bottom:20px;
5212
5510
  }
5213
5511
  .n-mx-3{
5214
- margin-left:0.75rem;
5215
- margin-right:0.75rem;
5512
+ margin-left:12px;
5513
+ margin-right:12px;
5216
5514
  }
5217
5515
  .n-mx-6{
5218
- margin-left:1.5rem;
5219
- margin-right:1.5rem;
5516
+ margin-left:24px;
5517
+ margin-right:24px;
5220
5518
  }
5221
5519
  .n-mr-1{
5222
- margin-right:0.25rem;
5520
+ margin-right:4px;
5223
5521
  }
5224
5522
  .n-mt-10{
5225
- margin-top:2.5rem;
5523
+ margin-top:40px;
5226
5524
  }
5227
5525
  .n-mr-6{
5228
- margin-right:1.5rem;
5526
+ margin-right:24px;
5229
5527
  }
5230
5528
  .n-ml-6{
5231
- margin-left:1.5rem;
5529
+ margin-left:24px;
5232
5530
  }
5233
5531
  .n-mt-2{
5234
- margin-top:0.5rem;
5532
+ margin-top:8px;
5235
5533
  }
5236
5534
  .n-mt-token-8{
5237
5535
  margin-top:32px;
@@ -5240,7 +5538,7 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
5240
5538
  margin-left:0px;
5241
5539
  }
5242
5540
  .n-mt-4{
5243
- margin-top:1rem;
5541
+ margin-top:16px;
5244
5542
  }
5245
5543
  .n-box-border{
5246
5544
  box-sizing:border-box;
@@ -5248,9 +5546,6 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
5248
5546
  .n-flex{
5249
5547
  display:flex;
5250
5548
  }
5251
- .n-inline-flex{
5252
- display:inline-flex;
5253
- }
5254
5549
  .n-table{
5255
5550
  display:table;
5256
5551
  }
@@ -5264,90 +5559,90 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
5264
5559
  display:inline-grid;
5265
5560
  }
5266
5561
  .n-h-5{
5267
- height:1.25rem;
5562
+ height:20px;
5268
5563
  }
5269
5564
  .n-h-6{
5270
- height:1.5rem;
5565
+ height:24px;
5271
5566
  }
5272
5567
  .n-h-full{
5273
5568
  height:100%;
5274
5569
  }
5275
5570
  .n-h-4{
5276
- height:1rem;
5571
+ height:16px;
5277
5572
  }
5278
5573
  .n-h-10{
5279
- height:2.5rem;
5574
+ height:40px;
5280
5575
  }
5281
5576
  .n-h-\[1px\]{
5282
5577
  height:1px;
5283
5578
  }
5284
5579
  .n-h-2{
5285
- height:0.5rem;
5580
+ height:8px;
5286
5581
  }
5287
5582
  .n-h-\[400px\]{
5288
5583
  height:400px;
5289
5584
  }
5290
5585
  .n-h-12{
5291
- height:3rem;
5586
+ height:48px;
5587
+ }
5588
+ .n-h-\[1000px\]{
5589
+ height:1000px;
5292
5590
  }
5293
5591
  .n-h-28{
5294
- height:7rem;
5592
+ height:112px;
5295
5593
  }
5296
5594
  .n-h-3{
5297
- height:0.75rem;
5595
+ height:12px;
5298
5596
  }
5299
5597
  .n-h-7{
5300
- height:1.75rem;
5598
+ height:28px;
5301
5599
  }
5302
5600
  .n-h-36{
5303
- height:9rem;
5601
+ height:144px;
5304
5602
  }
5305
5603
  .n-w-5{
5306
- width:1.25rem;
5604
+ width:20px;
5307
5605
  }
5308
5606
  .n-w-6{
5309
- width:1.5rem;
5607
+ width:24px;
5310
5608
  }
5311
5609
  .n-w-full{
5312
5610
  width:100%;
5313
5611
  }
5314
5612
  .n-w-4{
5315
- width:1rem;
5613
+ width:16px;
5316
5614
  }
5317
5615
  .n-w-10{
5318
- width:2.5rem;
5616
+ width:40px;
5319
5617
  }
5320
5618
  .n-w-32{
5321
- width:8rem;
5619
+ width:128px;
5322
5620
  }
5323
5621
  .n-w-2{
5324
- width:0.5rem;
5622
+ width:8px;
5325
5623
  }
5326
5624
  .n-w-40{
5327
- width:10rem;
5625
+ width:160px;
5328
5626
  }
5329
5627
  .n-w-\[400px\]{
5330
5628
  width:400px;
5331
5629
  }
5332
5630
  .n-w-48{
5333
- width:12rem;
5631
+ width:192px;
5334
5632
  }
5335
5633
  .n-w-12{
5336
- width:3rem;
5634
+ width:48px;
5337
5635
  }
5338
5636
  .n-w-36{
5339
- width:9rem;
5637
+ width:144px;
5340
5638
  }
5341
5639
  .n-w-min{
5342
5640
  width:-moz-min-content;
5343
5641
  width:min-content;
5344
5642
  }
5345
- .n-min-w-full{
5346
- min-width:100%;
5347
- }
5348
- .n-max-w-min{
5349
- max-width:-moz-min-content;
5350
- max-width:min-content;
5643
+ .n-max-w-max{
5644
+ max-width:-moz-max-content;
5645
+ max-width:max-content;
5351
5646
  }
5352
5647
  .n-flex-1{
5353
5648
  flex:1 1 0%;
@@ -5415,68 +5710,48 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
5415
5710
  gap:2px;
5416
5711
  }
5417
5712
  .n-gap-3{
5418
- gap:0.75rem;
5713
+ gap:12px;
5419
5714
  }
5420
5715
  .n-gap-2{
5421
- gap:0.5rem;
5716
+ gap:8px;
5422
5717
  }
5423
5718
  .n-gap-6{
5424
- gap:1.5rem;
5719
+ gap:24px;
5425
5720
  }
5426
5721
  .n-gap-4{
5427
- gap:1rem;
5722
+ gap:16px;
5428
5723
  }
5429
5724
  .n-gap-token-8{
5430
5725
  gap:32px;
5431
5726
  }
5432
5727
  .n-gap-1{
5433
- gap:0.25rem;
5728
+ gap:4px;
5434
5729
  }
5435
5730
  .n-gap-8{
5436
- gap:2rem;
5731
+ gap:32px;
5437
5732
  }
5438
5733
  .n-gap-9{
5439
- gap:2.25rem;
5734
+ gap:36px;
5440
5735
  }
5441
5736
  .n-gap-12{
5442
- gap:3rem;
5443
- }
5444
- .n-gap-x-10{
5445
- -moz-column-gap:2.5rem;
5446
- column-gap:2.5rem;
5447
- }
5448
- .n-gap-x-4{
5449
- -moz-column-gap:1rem;
5450
- column-gap:1rem;
5451
- }
5452
- .n-gap-x-2{
5453
- -moz-column-gap:0.5rem;
5454
- column-gap:0.5rem;
5737
+ gap:48px;
5455
5738
  }
5456
5739
  .n-gap-y-2{
5457
- row-gap:0.5rem;
5740
+ row-gap:8px;
5458
5741
  }
5459
5742
  .n-gap-x-12{
5460
- -moz-column-gap:3rem;
5461
- column-gap:3rem;
5743
+ -moz-column-gap:48px;
5744
+ column-gap:48px;
5462
5745
  }
5463
5746
  .n-space-y-3 > :not([hidden]) ~ :not([hidden]){
5464
5747
  --tw-space-y-reverse:0;
5465
- margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
5466
- margin-bottom:calc(0.75rem * var(--tw-space-y-reverse));
5748
+ margin-top:calc(12px * calc(1 - var(--tw-space-y-reverse)));
5749
+ margin-bottom:calc(12px * var(--tw-space-y-reverse));
5467
5750
  }
5468
5751
  .n-space-x-4 > :not([hidden]) ~ :not([hidden]){
5469
5752
  --tw-space-x-reverse:0;
5470
- margin-right:calc(1rem * var(--tw-space-x-reverse));
5471
- margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)));
5472
- }
5473
- .n-divide-y > :not([hidden]) ~ :not([hidden]){
5474
- --tw-divide-y-reverse:0;
5475
- border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)));
5476
- border-bottom-width:calc(1px * var(--tw-divide-y-reverse));
5477
- }
5478
- .n-divide-palette-neutral-border-weak > :not([hidden]) ~ :not([hidden]){
5479
- border-color:rgb(var(--theme-palette-neutral-border-weak));
5753
+ margin-right:calc(16px * var(--tw-space-x-reverse));
5754
+ margin-left:calc(16px * calc(1 - var(--tw-space-x-reverse)));
5480
5755
  }
5481
5756
  .n-overflow-auto{
5482
5757
  overflow:auto;
@@ -5484,9 +5759,6 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
5484
5759
  .n-overflow-hidden{
5485
5760
  overflow:hidden;
5486
5761
  }
5487
- .n-overflow-x-auto{
5488
- overflow-x:auto;
5489
- }
5490
5762
  .n-overflow-x-scroll{
5491
5763
  overflow-x:scroll;
5492
5764
  }
@@ -5496,15 +5768,15 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
5496
5768
  .n-break-words{
5497
5769
  overflow-wrap:break-word;
5498
5770
  }
5499
- .n-rounded-xl{
5500
- border-radius:10px;
5501
- }
5502
5771
  .n-rounded-md{
5503
5772
  border-radius:6px;
5504
5773
  }
5505
5774
  .n-rounded-lg{
5506
5775
  border-radius:8px;
5507
5776
  }
5777
+ .n-rounded-xl{
5778
+ border-radius:10px;
5779
+ }
5508
5780
  .n-rounded-5xl{
5509
5781
  border-radius:20px;
5510
5782
  }
@@ -25432,100 +25704,81 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
25432
25704
  fill:rgb(var(--theme-palette-neutral-border-strong));
25433
25705
  }
25434
25706
  .n-p-2{
25435
- padding:0.5rem;
25707
+ padding:8px;
25436
25708
  }
25437
25709
  .n-p-4{
25438
- padding:1rem;
25710
+ padding:16px;
25439
25711
  }
25440
25712
  .n-p-8{
25441
- padding:2rem;
25713
+ padding:32px;
25442
25714
  }
25443
25715
  .n-p-token-8{
25444
25716
  padding:32px;
25445
25717
  }
25718
+ .n-p-6{
25719
+ padding:24px;
25720
+ }
25446
25721
  .n-p-0{
25447
25722
  padding:0px;
25448
25723
  }
25449
25724
  .n-p-1{
25450
- padding:0.25rem;
25725
+ padding:4px;
25451
25726
  }
25452
25727
  .n-p-token-4{
25453
25728
  padding:8px;
25454
25729
  }
25455
25730
  .n-p-14{
25456
- padding:3.5rem;
25457
- }
25458
- .n-p-6{
25459
- padding:1.5rem;
25460
- }
25461
- .n-px-7{
25462
- padding-left:1.75rem;
25463
- padding-right:1.75rem;
25731
+ padding:56px;
25464
25732
  }
25465
- .n-py-4{
25466
- padding-top:1rem;
25467
- padding-bottom:1rem;
25733
+ .n-px-\[2px\]{
25734
+ padding-left:2px;
25735
+ padding-right:2px;
25468
25736
  }
25469
- .n-py-6{
25470
- padding-top:1.5rem;
25471
- padding-bottom:1.5rem;
25737
+ .n-px-12{
25738
+ padding-left:48px;
25739
+ padding-right:48px;
25472
25740
  }
25473
- .n-px-2{
25474
- padding-left:0.5rem;
25475
- padding-right:0.5rem;
25741
+ .n-py-12{
25742
+ padding-top:48px;
25743
+ padding-bottom:48px;
25476
25744
  }
25477
- .n-py-2{
25478
- padding-top:0.5rem;
25479
- padding-bottom:0.5rem;
25745
+ .n-py-1{
25746
+ padding-top:4px;
25747
+ padding-bottom:4px;
25480
25748
  }
25481
25749
  .n-px-3{
25482
- padding-left:0.75rem;
25483
- padding-right:0.75rem;
25750
+ padding-left:12px;
25751
+ padding-right:12px;
25484
25752
  }
25485
25753
  .n-py-0\.5{
25486
- padding-top:0.125rem;
25487
- padding-bottom:0.125rem;
25754
+ padding-top:2px;
25755
+ padding-bottom:2px;
25756
+ }
25757
+ .n-px-2{
25758
+ padding-left:8px;
25759
+ padding-right:8px;
25488
25760
  }
25489
25761
  .n-py-0{
25490
25762
  padding-top:0px;
25491
25763
  padding-bottom:0px;
25492
25764
  }
25493
- .n-px-\[2px\]{
25494
- padding-left:2px;
25495
- padding-right:2px;
25496
- }
25497
- .n-px-12{
25498
- padding-left:3rem;
25499
- padding-right:3rem;
25500
- }
25501
- .n-py-12{
25502
- padding-top:3rem;
25503
- padding-bottom:3rem;
25504
- }
25505
- .n-py-1{
25506
- padding-top:0.25rem;
25507
- padding-bottom:0.25rem;
25508
- }
25509
25765
  .n-px-8{
25510
- padding-left:2rem;
25511
- padding-right:2rem;
25766
+ padding-left:32px;
25767
+ padding-right:32px;
25512
25768
  }
25513
25769
  .n-px-10{
25514
- padding-left:2.5rem;
25515
- padding-right:2.5rem;
25770
+ padding-left:40px;
25771
+ padding-right:40px;
25516
25772
  }
25517
25773
  .n-pb-\[200px\]{
25518
25774
  padding-bottom:200px;
25519
25775
  }
25520
25776
  .n-pb-4{
25521
- padding-bottom:1rem;
25777
+ padding-bottom:16px;
25522
25778
  }
25523
25779
  .n-text-left{
25524
25780
  text-align:left;
25525
25781
  }
25526
- .n-text-center{
25527
- text-align:center;
25528
- }
25529
25782
  .n-font-sans{
25530
25783
  font-family:"Public Sans";
25531
25784
  }
@@ -25545,9 +25798,6 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
25545
25798
  .n-capitalize{
25546
25799
  text-transform:capitalize;
25547
25800
  }
25548
- .n-leading-8{
25549
- line-height:2rem;
25550
- }
25551
25801
  .n-tracking-wide{
25552
25802
  letter-spacing:0.025em;
25553
25803
  }
@@ -35511,6 +35761,9 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
35511
35761
  transition-timing-function:cubic-bezier(0.420, 0.000, 0.580, 1.000);
35512
35762
  transition-duration:100ms;
35513
35763
  }
35764
+ .n-duration-slow{
35765
+ transition-duration:250ms;
35766
+ }
35514
35767
  body,
35515
35768
  html{
35516
35769
  font-family:'Public Sans', sans-serif;
@@ -35538,9 +35791,6 @@ html{
35538
35791
  --tw-scale-y:1.05;
35539
35792
  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));
35540
35793
  }
35541
- .hover\:n-cursor-pointer:hover{
35542
- cursor:pointer;
35543
- }
35544
35794
  .hover\:n-border-neutral-10:hover{
35545
35795
  --tw-border-opacity:1;
35546
35796
  border-color:rgb(255 255 255 / var(--tw-border-opacity));
@@ -55407,9 +55657,6 @@ html{
55407
55657
  .hover\:n-bg-palette-discovery-border-weak\/100:hover{
55408
55658
  background-color:rgb(var(--theme-palette-discovery-border-weak) / 1);
55409
55659
  }
55410
- .hover\:n-bg-opacity-10:hover{
55411
- --tw-bg-opacity:0.1;
55412
- }
55413
55660
  .hover\:n-text-neutral-10:hover{
55414
55661
  --tw-text-opacity:1;
55415
55662
  color:rgb(255 255 255 / var(--tw-text-opacity));
@@ -75287,8 +75534,8 @@ html{
75287
75534
  }
75288
75535
  .sm\:n-space-x-4 > :not([hidden]) ~ :not([hidden]){
75289
75536
  --tw-space-x-reverse:0;
75290
- margin-right:calc(1rem * var(--tw-space-x-reverse));
75291
- margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse)));
75537
+ margin-right:calc(16px * var(--tw-space-x-reverse));
75538
+ margin-left:calc(16px * calc(1 - var(--tw-space-x-reverse)));
75292
75539
  }
75293
75540
  }
75294
75541
  @media (min-width: 768px){