@neo4j-ndl/base 3.5.0 → 3.5.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 +33 -12
- 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
|
@@ -1357,7 +1357,7 @@ a.ndl-btn {
|
|
|
1357
1357
|
justify-content:center;
|
|
1358
1358
|
gap:2px;
|
|
1359
1359
|
border-radius:8px;
|
|
1360
|
-
color:rgb(var(--theme-palette-neutral-
|
|
1360
|
+
color:rgb(var(--theme-palette-neutral-icon));
|
|
1361
1361
|
outline:2px solid transparent;
|
|
1362
1362
|
outline-offset:2px;
|
|
1363
1363
|
}
|
|
@@ -2631,13 +2631,10 @@ a.ndl-btn {
|
|
|
2631
2631
|
.ndl-menu .ndl-menu-items {
|
|
2632
2632
|
display:flex;
|
|
2633
2633
|
flex-direction:column;
|
|
2634
|
+
gap:4px;
|
|
2634
2635
|
outline:2px solid transparent;
|
|
2635
2636
|
outline-offset:2px;
|
|
2636
2637
|
}
|
|
2637
|
-
.ndl-menu .ndl-menu-items .ndl-divider.ndl-divider-horizontal {
|
|
2638
|
-
margin-top:8px;
|
|
2639
|
-
margin-bottom:8px;
|
|
2640
|
-
}
|
|
2641
2638
|
.ndl-menu .ndl-menu-items:has(.ndl-menu-item-icon)
|
|
2642
2639
|
> .ndl-menu-item:not(:has(.ndl-menu-item-icon)) {
|
|
2643
2640
|
padding-left:32px;
|
|
@@ -2675,6 +2672,17 @@ a.ndl-btn {
|
|
|
2675
2672
|
.ndl-menu .ndl-menu-item.ndl-disabled .ndl-menu-item-description {
|
|
2676
2673
|
color:rgb(var(--theme-palette-neutral-text-weakest));
|
|
2677
2674
|
}
|
|
2675
|
+
.ndl-menu .ndl-menu-item-inner {
|
|
2676
|
+
display:flex;
|
|
2677
|
+
width:100%;
|
|
2678
|
+
flex-direction:row;
|
|
2679
|
+
gap:8px;
|
|
2680
|
+
}
|
|
2681
|
+
.ndl-menu .ndl-menu-item-title-wrapper {
|
|
2682
|
+
display:flex;
|
|
2683
|
+
width:100%;
|
|
2684
|
+
flex-direction:column;
|
|
2685
|
+
}
|
|
2678
2686
|
.ndl-menu .ndl-menu-item-title {
|
|
2679
2687
|
width:100%;
|
|
2680
2688
|
font-family:var(--font-font-family-body-medium), sans-serif;
|
|
@@ -2691,6 +2699,14 @@ a.ndl-btn {
|
|
|
2691
2699
|
letter-spacing:0.016rem;
|
|
2692
2700
|
line-height:1.25rem;
|
|
2693
2701
|
}
|
|
2702
|
+
.ndl-menu .ndl-menu-item-chevron {
|
|
2703
|
+
align-self:center;
|
|
2704
|
+
color:rgb(var(--theme-palette-neutral-icon));
|
|
2705
|
+
}
|
|
2706
|
+
.ndl-menu .ndl-menu-item-chevron svg {
|
|
2707
|
+
width:16px;
|
|
2708
|
+
height:16px;
|
|
2709
|
+
}
|
|
2694
2710
|
.ndl-menu .ndl-menu-item-icon {
|
|
2695
2711
|
display:flex;
|
|
2696
2712
|
height:20px;
|
|
@@ -2698,16 +2714,20 @@ a.ndl-btn {
|
|
|
2698
2714
|
flex-shrink:0;
|
|
2699
2715
|
align-items:center;
|
|
2700
2716
|
justify-content:center;
|
|
2701
|
-
color:rgb(var(--theme-palette-neutral-
|
|
2717
|
+
color:rgb(var(--theme-palette-neutral-icon));
|
|
2702
2718
|
}
|
|
2703
2719
|
.ndl-menu .ndl-menu-header {
|
|
2704
|
-
|
|
2720
|
+
display:flex;
|
|
2721
|
+
flex-direction:row;
|
|
2722
|
+
align-items:center;
|
|
2723
|
+
justify-content:space-between;
|
|
2705
2724
|
padding-left:8px;
|
|
2706
2725
|
padding-right:8px;
|
|
2707
2726
|
padding-top:8px;
|
|
2727
|
+
padding-bottom:6px;
|
|
2708
2728
|
}
|
|
2709
2729
|
.ndl-menu .ndl-menu-header .ndl-menu-header-title {
|
|
2710
|
-
|
|
2730
|
+
width:100%;
|
|
2711
2731
|
font-family:var(--font-font-family-h6), sans-serif;
|
|
2712
2732
|
font-size:var(--font-size-h6);
|
|
2713
2733
|
font-weight:var(--font-weight-bold);
|
|
@@ -2715,6 +2735,7 @@ a.ndl-btn {
|
|
|
2715
2735
|
line-height:1.5rem;
|
|
2716
2736
|
}
|
|
2717
2737
|
.ndl-menu .ndl-menu-header .ndl-menu-header-description {
|
|
2738
|
+
width:100%;
|
|
2718
2739
|
color:rgb(var(--theme-palette-neutral-text-weaker));
|
|
2719
2740
|
font-family:var(--font-font-family-body-small), sans-serif;
|
|
2720
2741
|
font-size:var(--font-size-body-small);
|
|
@@ -2722,11 +2743,11 @@ a.ndl-btn {
|
|
|
2722
2743
|
letter-spacing:0.016rem;
|
|
2723
2744
|
line-height:1.25rem;
|
|
2724
2745
|
}
|
|
2746
|
+
.ndl-menu .ndl-menu-header .ndl-menu-header-close-button {
|
|
2747
|
+
align-self:flex-start;
|
|
2748
|
+
}
|
|
2725
2749
|
.ndl-menu .ndl-menu-subheader {
|
|
2726
|
-
|
|
2727
|
-
padding-left:8px;
|
|
2728
|
-
padding-right:8px;
|
|
2729
|
-
padding-top:8px;
|
|
2750
|
+
padding:8px;
|
|
2730
2751
|
}
|
|
2731
2752
|
.ndl-menu .ndl-menu-subheader .ndl-menu-subheader-title {
|
|
2732
2753
|
color:rgb(var(--theme-palette-neutral-text-weaker));
|
package/lib/tokens/js/tokens.js
CHANGED