@neo4j-ndl/base 2.9.1 → 2.9.3

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Change Log
 
+## 2.9.3
+
+### Patch Changes
+
+- [#889](https://github.com/neo4j/needle/pull/889) [`734c677e4556348d6b0c1e3898b30b09396cf58a`](https://github.com/neo4j/needle/commit/734c677e4556348d6b0c1e3898b30b09396cf58a) Thanks [@basickarl](https://github.com/basickarl)! - Fixed spacing issues
+
+## 2.9.2
+
+### Patch Changes
+
+- [#849](https://github.com/neo4j/needle/pull/849) [`9d1936cd7c229dca889afac03da7232bd9157bca`](https://github.com/neo4j/needle/commit/9d1936cd7c229dca889afac03da7232bd9157bca) Thanks [@basickarl](https://github.com/basickarl)! - Added default outline for focus and focus-visible
+
 ## 2.9.1
 
 ### Patch Changes

package/lib/cjs/tokens/js/storybook-design-token.js

@@ -22,7 +22,7 @@
 "use strict";
 /**
 * Do not edit directly
-* Generated on Mon, 06 May 2024 08:03:50 GMT
+* Generated on Tue, 07 May 2024 09:15:53 GMT
 */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.tokens = void 0;

package/lib/cjs/tokens/js/tokens-esm.js

@@ -22,7 +22,7 @@
 "use strict";
 /**
 * Do not edit directly
-* Generated on Mon, 06 May 2024 08:03:50 GMT
+* Generated on Tue, 07 May 2024 09:15:53 GMT
 */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.tokens = void 0;

package/lib/cjs/tokens/js/tokens.js

@@ -22,7 +22,7 @@
 "use strict";
 /**
 * Do not edit directly
-* Generated on Mon, 06 May 2024 08:03:50 GMT
+* Generated on Tue, 07 May 2024 09:15:53 GMT
 */
 module.exports = {
     "transitions": {

package/lib/esm/tokens/js/storybook-design-token.js

@@ -21,7 +21,7 @@
 
 /**
 * Do not edit directly
-* Generated on Mon, 06 May 2024 08:03:50 GMT
+* Generated on Tue, 07 May 2024 09:15:53 GMT
 */
 export const tokens = {
     "transitions": [

package/lib/esm/tokens/js/tokens-esm.js

@@ -21,7 +21,7 @@
 
 /**
 * Do not edit directly
-* Generated on Mon, 06 May 2024 08:03:50 GMT
+* Generated on Tue, 07 May 2024 09:15:53 GMT
 */
 export const tokens = {
     "transitions": {

package/lib/esm/tokens/js/tokens.js

@@ -22,7 +22,7 @@
 "use strict";
 /**
 * Do not edit directly
-* Generated on Mon, 06 May 2024 08:03:50 GMT
+* Generated on Tue, 07 May 2024 09:15:53 GMT
 */
 module.exports = {
     "transitions": {

package/lib/neo4j-ds-styles.css

@@ -1016,16 +1016,14 @@ h6,
   padding-bottom:12px;
   padding-right:12px;
 }
+.ndl-accordion .ndl-accordion-item-header-button:focus,
+  .ndl-accordion .ndl-accordion-item-header-button:focus-visible{
+  border-radius:0px;
+}
 .ndl-accordion .ndl-accordion-item-header-button-disabled{
   cursor:not-allowed;
   color:rgb(var(--theme-palette-neutral-text-weakest));
 }
-.ndl-accordion .ndl-accordion-item-header-button:focus-visible{
-  outline-style:solid;
-  outline-width:2px;
-  outline-offset:-2px;
-  outline-color:rgb(var(--theme-palette-primary-focus));
-}
 .ndl-accordion .ndl-accordion-item-header-button:hover{
   background-color:rgb(var(--theme-palette-neutral-hover));
 }
@@ -1061,13 +1059,6 @@ h6,
   height:0px;
   overflow:hidden;
 }
-.ndl-accordion .ndl-accordion-item-content:focus-visible{
-  border-radius:4px;
-  outline-style:solid;
-  outline-width:2px;
-  outline-offset:1px;
-  outline-color:rgb(var(--theme-palette-primary-focus));
-}
 .ndl-accordion .ndl-accordion-item-content-right{
   padding-left:36px;
 }
@@ -3585,6 +3576,7 @@ a.ndl-btn{
     .ndl-data-grid-focusable-cells .ndl-focusable-cell:focus-visible{
       z-index:2;
       border:2px solid rgb(var(--theme-palette-primary-focus));
+      border-radius:0px;
     }
 .ndl-data-grid-bottom-border{
   content:'';
@@ -5281,7 +5273,7 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
 }
 .ndl-side-navigation{
   position:relative;
-  box-sizing:content-box;
+  box-sizing:border-box;
   display:flex;
   height:100%;
   width:320px;
@@ -5313,10 +5305,10 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
   justify-content:center;
 }
 .ndl-side-navigation:not(.ndl-expanded) .ndl-side-navigation-nav-item > .ndl-side-navigation-inner-item{
-  display:flex;
-  width:48px;
-  justify-content:center;
-}
+        display:flex;
+        width:48px;
+        justify-content:center;
+      }
 .ndl-side-navigation:not(.ndl-expanded) .ndl-side-navigation-nav-item > .ndl-side-navigation-inner-item .ndl-icon{
   margin-right:0px;
 }
@@ -5325,10 +5317,10 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
   justify-content:center;
 }
 .ndl-side-navigation:not(.ndl-expanded) .ndl-side-navigation-nav-item-small > .ndl-side-navigation-inner-item{
-  display:flex;
-  width:36px;
-  justify-content:center;
-}
+        display:flex;
+        width:36px;
+        justify-content:center;
+      }
 .ndl-side-navigation:not(.ndl-expanded) .ndl-side-navigation-nav-item-small > .ndl-side-navigation-inner-item .ndl-icon{
   margin-right:0px;
 }
@@ -5370,12 +5362,11 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
 .ndl-side-navigation .ndl-side-navigation-nav-item{
   margin-top:2px;
   margin-bottom:2px;
-  margin-left:16px;
-  margin-right:16px;
+  margin-left:12px;
+  margin-right:7px;
 }
 .ndl-side-navigation .ndl-side-navigation-nav-item:not(.ndl-expanded){
   margin-left:8px;
-  margin-right:8px;
 }
 .ndl-side-navigation .ndl-side-navigation-nav-item:not(.ndl-expanded) .ndl-selected::before{
           position:absolute;
@@ -5391,7 +5382,7 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
         }
 .ndl-side-navigation .ndl-side-navigation-nav-item.ndl-expanded .ndl-selected::before{
           position:absolute;
-          left:-16px;
+          left:-12px;
           top:0px;
           height:100%;
           width:4px;
@@ -5410,19 +5401,19 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
   color:rgb(var(--theme-palette-neutral-text-default));
 }
 .ndl-side-navigation .ndl-side-navigation-nav-item > .ndl-side-navigation-inner-item .ndl-icon{
-  margin-right:16px;
+  margin-right:12px;
   width:24px;
   height:24px;
   justify-content:center;
   color:rgb(var(--theme-palette-neutral-text-weak));
 }
 .ndl-side-navigation .ndl-side-navigation-nav-item > .ndl-side-navigation-inner-item.ndl-side-navigation-group-header{
-  height:48px;
-  font-size:var(--font-size-h6);
+        height:48px;
+  font-size:var(--font-size-h5);
   font-weight:var(--font-weight-bold);
   letter-spacing:0.016rem;
-  line-height:1.5rem;
-}
+  line-height:1.75rem;
+      }
 .ndl-side-navigation .ndl-side-navigation-nav-item > .ndl-side-navigation-inner-item.ndl-selected{
   position:relative;
   background-color:rgb(var(--theme-palette-primary-bg-weak));
@@ -5449,12 +5440,8 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
 .ndl-side-navigation .ndl-side-navigation-nav-item-small{
   margin-top:2px;
   margin-bottom:2px;
-  margin-left:12px;
-  margin-right:12px;
-}
-.ndl-side-navigation .ndl-side-navigation-nav-item-small:not(.ndl-expanded){
-  margin-left:4px;
-  margin-right:4px;
+  margin-left:8px;
+  margin-right:7px;
 }
 .ndl-side-navigation .ndl-side-navigation-nav-item-small:not(.ndl-expanded) .ndl-selected::before{
           position:absolute;
@@ -5470,7 +5457,7 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
         }
 .ndl-side-navigation .ndl-side-navigation-nav-item-small.ndl-expanded .ndl-selected::before{
           position:absolute;
-          left:-12px;
+          left:-8px;
           top:0px;
           height:100%;
           width:4px;
@@ -5487,6 +5474,10 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
   align-items:center;
   border-radius:8px;
   color:rgb(var(--theme-palette-neutral-text-default));
+  font-size:var(--font-size-body-medium);
+  font-weight:var(--font-weight-normal);
+  letter-spacing:0.016rem;
+  line-height:1.25rem;
 }
 .ndl-side-navigation .ndl-side-navigation-nav-item-small > .ndl-side-navigation-inner-item .ndl-icon{
   margin-right:8px;
@@ -5496,12 +5487,12 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
   color:rgb(var(--theme-palette-neutral-text-weak));
 }
 .ndl-side-navigation .ndl-side-navigation-nav-item-small > .ndl-side-navigation-inner-item.ndl-side-navigation-group-header{
-  height:28px;
+        height:28px;
   font-size:var(--font-size-h6);
   font-weight:var(--font-weight-bold);
   letter-spacing:0.016rem;
   line-height:1.5rem;
-}
+      }
 .ndl-side-navigation .ndl-side-navigation-nav-item-small > .ndl-side-navigation-inner-item.ndl-selected{
   position:relative;
   background-color:rgb(var(--theme-palette-primary-bg-weak));
@@ -5729,17 +5720,16 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
 .ndl-avatar .ndl-avatar-shape.ndl-avatar-disabled{
   cursor:not-allowed;
 }
-.ndl-avatar .ndl-avatar-shape{
+.ndl-avatar .ndl-avatar-shape:focus,
+  .ndl-avatar .ndl-avatar-shape:focus-visible{
   outline:2px solid transparent;
   outline-offset:2px;
-  --tw-ring-color:rgb(var(--theme-palette-primary-focus));
-  --tw-ring-offset-color:rgb(var(--theme-palette-neutral-bg-weak));
-}
-.ndl-avatar .ndl-avatar-shape:focus-visible{
   --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
+  --tw-ring-color:rgb(var(--theme-palette-primary-focus));
   --tw-ring-offset-width:1px;
+  --tw-ring-offset-color:rgb(var(--theme-palette-neutral-bg-weak));
 }
 .ndl-avatar .ndl-avatar-circle{
   border-radius:9999px;
@@ -47687,6 +47677,19 @@ html{
   -moz-osx-font-smoothing:grayscale;
   text-rendering:optimizeLegibility;
 }
+body *[class^='ndl-']:focus-visible,
+  body *[class^='ndl-']:focus,
+  body *[class^='n-']:focus-visible,
+  body *[class^='n-']:focus,
+  html *[class^='ndl-']:focus-visible,
+  html *[class^='ndl-']:focus,
+  html *[class^='n-']:focus-visible,
+  html *[class^='n-']:focus{
+  outline-style:solid;
+  outline-width:2px;
+  outline-offset:-2px;
+  outline-color:rgb(var(--theme-palette-primary-focus));
+}
 .first-letter\:n-capitalize::first-letter{
   text-transform:capitalize;
 }

package/lib/tokens/css/tokens.css

@@ -21,7 +21,7 @@
 
 /**
  * Do not edit directly
- * Generated on Mon, 06 May 2024 08:03:50 GMT
+ * Generated on Tue, 07 May 2024 09:15:53 GMT
  */
 
 :root {

package/lib/tokens/js/tokens-raw.js

@@ -21,7 +21,7 @@
 
 /**
  * Do not edit directly
- * Generated on Mon, 06 May 2024 08:03:50 GMT
+ * Generated on Tue, 07 May 2024 09:15:53 GMT
  */
 
 module.exports = {

package/lib/tokens/js/tokens.js

@@ -21,7 +21,7 @@
 
 /**
 * Do not edit directly
-* Generated on Mon, 06 May 2024 08:03:50 GMT
+* Generated on Tue, 07 May 2024 09:15:53 GMT
 */
 
 export const tokens = {

package/lib/tokens/scss/tokens.scss

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Mon, 06 May 2024 08:03:50 GMT
+// Generated on Tue, 07 May 2024 09:15:53 GMT
 
 $transitions-values-properties-default: all;
 $transitions-values-duration-quick: 100ms;

package/lib/types/tokens/js/storybook-design-token.d.ts

@@ -21,7 +21,7 @@
 
 /**
 * Do not edit directly
-* Generated on Mon, 06 May 2024 08:03:50 GMT
+* Generated on Tue, 07 May 2024 09:15:53 GMT
 */
 export const tokens: {
     transitions: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neo4j-ndl/base",
-  "version": "2.9.1",
+  "version": "2.9.3",
   "description": "Neo4j base package for the design system",
   "author": "Neo4j Inc.",
   "homepage": "https://www.neo4j.design",