@neo4j-ndl/base 2.0.0-alpha-e609471 → 2.0.0-alpha-3f8358d

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