@neo4j-ndl/base 3.3.0 → 3.3.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/cjs/tokens/js/storybook-design-token.js +1 -1
- package/lib/cjs/tokens/js/tokens-esm.js +1 -1
- package/lib/cjs/tokens/js/tokens.js +1 -1
- package/lib/esm/tokens/js/storybook-design-token.js +1 -1
- package/lib/esm/tokens/js/tokens-esm.js +1 -1
- package/lib/esm/tokens/js/tokens.js +1 -1
- package/lib/neo4j-ds-styles.css +34 -14
- package/lib/tokens/css/tokens.css +1 -1
- package/lib/tokens/js/tokens-raw.js +1 -1
- package/lib/tokens/js/tokens.js +1 -1
- package/lib/tokens/scss/tokens.scss +1 -1
- package/lib/types/tokens/js/storybook-design-token.d.ts +1 -1
- package/package.json +1 -1
package/lib/neo4j-ds-styles.css
CHANGED
|
@@ -6405,31 +6405,46 @@ button.ndl-avatar:focus-visible {
|
|
|
6405
6405
|
}
|
|
6406
6406
|
.ndl-inline-edit .ndl-inline-idle-container {
|
|
6407
6407
|
display:flex;
|
|
6408
|
-
width:100%;
|
|
6409
6408
|
height:100%;
|
|
6410
|
-
|
|
6409
|
+
width:-moz-max-content;
|
|
6410
|
+
width:max-content;
|
|
6411
|
+
max-width:100%;
|
|
6412
|
+
cursor:text;
|
|
6411
6413
|
flex-direction:row;
|
|
6412
6414
|
align-items:center;
|
|
6413
|
-
justify-content:space-between;
|
|
6414
6415
|
gap:4px;
|
|
6415
6416
|
border-radius:4px;
|
|
6416
6417
|
padding-left:4px;
|
|
6417
6418
|
padding-right:4px;
|
|
6418
6419
|
}
|
|
6419
|
-
.ndl-inline-edit .ndl-inline-idle-container-
|
|
6420
|
+
.ndl-inline-edit .ndl-inline-idle-container:focus-visible {
|
|
6421
|
+
outline-width:2px;
|
|
6422
|
+
outline-offset:-1px;
|
|
6423
|
+
outline-color:rgb(var(--theme-palette-primary-focus));
|
|
6424
|
+
}
|
|
6425
|
+
.ndl-inline-edit .ndl-inline-idle-container.ndl-disabled {
|
|
6420
6426
|
cursor:not-allowed;
|
|
6427
|
+
color:rgb(var(--theme-palette-neutral-text-weakest));
|
|
6421
6428
|
}
|
|
6422
|
-
.ndl-inline-edit .ndl-inline-idle-container:hover {
|
|
6429
|
+
.ndl-inline-edit .ndl-inline-idle-container:not(.ndl-inline-edit .ndl-inline-idle-container.ndl-disabled):hover {
|
|
6423
6430
|
background-color:rgb(var(--theme-palette-neutral-hover));
|
|
6424
6431
|
}
|
|
6425
6432
|
.ndl-inline-edit .ndl-inline-edit-container {
|
|
6426
6433
|
position:relative;
|
|
6427
6434
|
display:flex;
|
|
6428
6435
|
}
|
|
6429
|
-
.ndl-inline-edit .ndl-inline-edit-container input{
|
|
6430
|
-
|
|
6431
|
-
|
|
6432
|
-
|
|
6436
|
+
.ndl-inline-edit .ndl-inline-edit-container input {
|
|
6437
|
+
width:100%;
|
|
6438
|
+
border-radius:4px;
|
|
6439
|
+
padding-top:0px;
|
|
6440
|
+
padding-bottom:0px;
|
|
6441
|
+
padding-left:4px;
|
|
6442
|
+
padding-right:4px;
|
|
6443
|
+
outline:2px solid transparent;
|
|
6444
|
+
outline-width:2px;
|
|
6445
|
+
outline-offset:-2px;
|
|
6446
|
+
outline-color:rgb(var(--theme-palette-primary-focus));
|
|
6447
|
+
}
|
|
6433
6448
|
.ndl-inline-edit .ndl-inline-edit-container.ndl-inline-edit-error input {
|
|
6434
6449
|
outline-color:rgb(var(--theme-palette-danger-border-strong));
|
|
6435
6450
|
}
|
|
@@ -6441,13 +6456,13 @@ button.ndl-avatar:focus-visible {
|
|
|
6441
6456
|
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));
|
|
6442
6457
|
color:rgb(var(--theme-palette-danger-icon));
|
|
6443
6458
|
}
|
|
6444
|
-
.ndl-inline-edit .ndl-inline-edit-container .ndl-inline-edit-buttons{
|
|
6445
|
-
|
|
6459
|
+
.ndl-inline-edit .ndl-inline-edit-container .ndl-inline-edit-buttons {
|
|
6460
|
+
position:absolute;
|
|
6461
|
+
display:flex;
|
|
6462
|
+
gap:4px;
|
|
6446
6463
|
inset-block-start:calc(100% + 4px);
|
|
6447
6464
|
inset-inline-end:0;
|
|
6448
|
-
|
|
6449
|
-
gap:4px;
|
|
6450
|
-
}
|
|
6465
|
+
}
|
|
6451
6466
|
.ndl-dropdown-btn {
|
|
6452
6467
|
display:inline-flex;
|
|
6453
6468
|
cursor:pointer;
|
|
@@ -6458,6 +6473,7 @@ button.ndl-avatar:focus-visible {
|
|
|
6458
6473
|
border-width:1px;
|
|
6459
6474
|
border-style:solid;
|
|
6460
6475
|
border-color:rgb(var(--theme-palette-neutral-border-strong));
|
|
6476
|
+
background-color:rgb(var(--theme-palette-neutral-bg-weak));
|
|
6461
6477
|
outline:2px solid transparent;
|
|
6462
6478
|
outline-offset:2px;
|
|
6463
6479
|
font-family:var(--font-font-family-body-medium), sans-serif;
|
|
@@ -7617,6 +7633,10 @@ button.ndl-avatar:focus-visible {
|
|
|
7617
7633
|
margin-top:48px;
|
|
7618
7634
|
margin-bottom:48px;
|
|
7619
7635
|
}
|
|
7636
|
+
.n-my-4 {
|
|
7637
|
+
margin-top:16px;
|
|
7638
|
+
margin-bottom:16px;
|
|
7639
|
+
}
|
|
7620
7640
|
.n-my-5 {
|
|
7621
7641
|
margin-top:20px;
|
|
7622
7642
|
margin-bottom:20px;
|
package/lib/tokens/js/tokens.js
CHANGED