@neo4j-ndl/base 3.7.0 → 3.7.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 +14 -11
- 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
|
@@ -3298,7 +3298,6 @@ a.ndl-btn {
|
|
|
3298
3298
|
max-width:none;
|
|
3299
3299
|
align-items:center;
|
|
3300
3300
|
gap:4px;
|
|
3301
|
-
overflow:hidden;
|
|
3302
3301
|
border-radius:6px;
|
|
3303
3302
|
border-width:1px;
|
|
3304
3303
|
border-style:solid;
|
|
@@ -8033,6 +8032,7 @@ button.ndl-avatar:focus-visible {
|
|
|
8033
8032
|
--side-nav-width-collapsed:52px;
|
|
8034
8033
|
--side-nav-width-expanded:196px;
|
|
8035
8034
|
--side-nav-width:var(--side-nav-width-collapsed);
|
|
8035
|
+
--ndl-side-nav-divider-left-margin:var(--space-4);
|
|
8036
8036
|
}
|
|
8037
8037
|
.ndl-side-nav.ndl-side-nav-root{
|
|
8038
8038
|
width:calc(var(--side-nav-width) + 1px);
|
|
@@ -8247,17 +8247,19 @@ button.ndl-avatar:focus-visible {
|
|
|
8247
8247
|
.ndl-side-nav .ndl-side-nav-category-header {
|
|
8248
8248
|
display:flex;
|
|
8249
8249
|
height:40px;
|
|
8250
|
-
width:100%;
|
|
8251
8250
|
align-items:center;
|
|
8252
|
-
overflow:hidden;
|
|
8253
|
-
text-overflow:ellipsis;
|
|
8254
|
-
white-space:nowrap;
|
|
8255
8251
|
padding-top:8px;
|
|
8256
8252
|
padding-bottom:8px;
|
|
8257
8253
|
padding-left:8px;
|
|
8254
|
+
padding-right:8px;
|
|
8255
|
+
|
|
8256
|
+
width:var(--side-nav-width);
|
|
8258
8257
|
}
|
|
8259
8258
|
.ndl-side-nav .ndl-side-nav-category-header.ndl-side-nav-category-header-expanded {
|
|
8260
8259
|
display:block;
|
|
8260
|
+
overflow:hidden;
|
|
8261
|
+
text-overflow:ellipsis;
|
|
8262
|
+
white-space:nowrap;
|
|
8261
8263
|
padding-left:16px;
|
|
8262
8264
|
}
|
|
8263
8265
|
.ndl-side-nav .ndl-side-nav-footer {
|
|
@@ -8276,14 +8278,15 @@ button.ndl-avatar:focus-visible {
|
|
|
8276
8278
|
transition:var(--transitions-full-quick);
|
|
8277
8279
|
transition-property:visibility, opacity;
|
|
8278
8280
|
}
|
|
8279
|
-
.ndl-side-nav .ndl-side-nav-divider{
|
|
8280
|
-
|
|
8281
|
-
|
|
8282
|
-
margin-bottom:4px;
|
|
8281
|
+
.ndl-side-nav .ndl-side-nav-divider {
|
|
8282
|
+
margin-top:4px;
|
|
8283
|
+
margin-bottom:4px;
|
|
8283
8284
|
margin-left:var(--ndl-side-nav-divider-left-margin);
|
|
8284
8285
|
margin-right:var(--ndl-side-nav-divider-left-margin);
|
|
8285
|
-
width:calc(
|
|
8286
|
-
|
|
8286
|
+
width:calc(
|
|
8287
|
+
var(--side-nav-width) - var(--ndl-side-nav-divider-left-margin) * 2
|
|
8288
|
+
);
|
|
8289
|
+
}
|
|
8287
8290
|
.ndl-side-nav .ndl-side-nav-item-badge {
|
|
8288
8291
|
width:20px;
|
|
8289
8292
|
height:20px;
|
package/lib/tokens/js/tokens.js
CHANGED