@neo4j-ndl/base 3.7.8 → 3.7.9

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 (13) hide show
  1. package/lib/cjs/tokens/js/storybook-design-token.js +1 -1
  2. package/lib/cjs/tokens/js/tokens-esm.js +1 -1
  3. package/lib/cjs/tokens/js/tokens.js +1 -1
  4. package/lib/esm/tokens/js/storybook-design-token.js +1 -1
  5. package/lib/esm/tokens/js/tokens-esm.js +1 -1
  6. package/lib/esm/tokens/js/tokens.js +1 -1
  7. package/lib/neo4j-ds-styles.css +24 -25
  8. package/lib/tokens/css/tokens.css +1 -1
  9. package/lib/tokens/js/tokens-raw.js +1 -1
  10. package/lib/tokens/js/tokens.js +1 -1
  11. package/lib/tokens/scss/tokens.scss +1 -1
  12. package/lib/types/tokens/js/storybook-design-token.d.ts +1 -1
  13. package/package.json +1 -1
package/lib/cjs/tokens/js/storybook-design-token.js CHANGED
@@ -22,7 +22,7 @@
22
22
  "use strict";
23
23
  /**
24
24
  * Do not edit directly
25
- * Generated on Tue, 17 Jun 2025 13:39:19 GMT
25
+ * Generated on Wed, 18 Jun 2025 09:43:58 GMT
26
26
  */
27
27
  Object.defineProperty(exports, "__esModule", { value: true });
28
28
  exports.tokens = void 0;
package/lib/cjs/tokens/js/tokens-esm.js CHANGED
@@ -22,7 +22,7 @@
22
22
  "use strict";
23
23
  /**
24
24
  * Do not edit directly
25
- * Generated on Tue, 17 Jun 2025 13:39:19 GMT
25
+ * Generated on Wed, 18 Jun 2025 09:43:58 GMT
26
26
  */
27
27
  Object.defineProperty(exports, "__esModule", { value: true });
28
28
  exports.tokens = void 0;
package/lib/cjs/tokens/js/tokens.js CHANGED
@@ -22,7 +22,7 @@
22
22
  "use strict";
23
23
  /**
24
24
  * Do not edit directly
25
- * Generated on Tue, 17 Jun 2025 13:39:19 GMT
25
+ * Generated on Wed, 18 Jun 2025 09:43:58 GMT
26
26
  */
27
27
  module.exports = {
28
28
  "transitions": {
package/lib/esm/tokens/js/storybook-design-token.js CHANGED
@@ -21,7 +21,7 @@
21
21
 
22
22
  /**
23
23
  * Do not edit directly
24
- * Generated on Tue, 17 Jun 2025 13:39:19 GMT
24
+ * Generated on Wed, 18 Jun 2025 09:43:58 GMT
25
25
  */
26
26
  export const tokens = {
27
27
  "transitions": [
package/lib/esm/tokens/js/tokens-esm.js CHANGED
@@ -21,7 +21,7 @@
21
21
 
22
22
  /**
23
23
  * Do not edit directly
24
- * Generated on Tue, 17 Jun 2025 13:39:19 GMT
24
+ * Generated on Wed, 18 Jun 2025 09:43:58 GMT
25
25
  */
26
26
  export const tokens = {
27
27
  "transitions": {
package/lib/esm/tokens/js/tokens.js CHANGED
@@ -22,7 +22,7 @@
22
22
  "use strict";
23
23
  /**
24
24
  * Do not edit directly
25
- * Generated on Tue, 17 Jun 2025 13:39:19 GMT
25
+ * Generated on Wed, 18 Jun 2025 09:43:58 GMT
26
26
  */
27
27
  module.exports = {
28
28
  "transitions": {
package/lib/neo4j-ds-styles.css CHANGED
@@ -8077,8 +8077,6 @@ button.ndl-avatar:focus-visible {
8077
8077
  }
8078
8078
  .ndl-side-nav.ndl-side-nav-root{
8079
8079
  width:calc(var(--side-nav-width) + 1px);
8080
- transition:var(--transitions-full-quick);
8081
- transition-property:width;
8082
8080
  position:relative;
8083
8081
  height:100%;
8084
8082
  flex-shrink:0;
@@ -8186,15 +8184,9 @@ button.ndl-avatar:focus-visible {
8186
8184
  }
8187
8185
  .ndl-side-nav .ndl-side-nav-item,
8188
8186
  .ndl-side-nav .ndl-side-nav-category-item {
8189
- display:flex;
8190
8187
  cursor:default;
8191
- flex-direction:column;
8192
- gap:4px;
8193
8188
  color:rgb(var(--theme-palette-neutral-text-default));
8194
8189
  }
8195
- .ndl-side-nav .ndl-side-nav-item.ndl-selected .ndl-side-nav-selected-indicator, .ndl-side-nav .ndl-side-nav-category-item.ndl-selected .ndl-side-nav-selected-indicator{
8196
- background:currentColor;
8197
- }
8198
8190
  .ndl-side-nav .ndl-side-nav-item .ndl-side-nav-item-inner, .ndl-side-nav .ndl-side-nav-category-item .ndl-side-nav-item-inner {
8199
8191
  display:flex;
8200
8192
  height:36px;
@@ -8203,7 +8195,10 @@ button.ndl-avatar:focus-visible {
8203
8195
  align-items:center;
8204
8196
  gap:4px;
8205
8197
  }
8206
- .ndl-side-nav .ndl-side-nav-item .ndl-side-nav-item-button, .ndl-side-nav .ndl-side-nav-category-item .ndl-side-nav-item-button {
8198
+ .ndl-side-nav .ndl-side-nav-item .ndl-side-nav-item-button,
8199
+ .ndl-side-nav .ndl-side-nav-item .ndl-side-nav-category-item-button,
8200
+ .ndl-side-nav .ndl-side-nav-category-item .ndl-side-nav-item-button,
8201
+ .ndl-side-nav .ndl-side-nav-category-item .ndl-side-nav-category-item-button {
8207
8202
  display:flex;
8208
8203
  height:100%;
8209
8204
  width:100%;
@@ -8216,10 +8211,16 @@ button.ndl-avatar:focus-visible {
8216
8211
  outline:2px solid transparent;
8217
8212
  outline-offset:2px;
8218
8213
  }
8219
- .ndl-side-nav .ndl-side-nav-item .ndl-side-nav-item-button:hover, .ndl-side-nav .ndl-side-nav-category-item .ndl-side-nav-item-button:hover {
8214
+ .ndl-side-nav .ndl-side-nav-item .ndl-side-nav-item-button:hover,
8215
+ .ndl-side-nav .ndl-side-nav-item .ndl-side-nav-category-item-button:hover,
8216
+ .ndl-side-nav .ndl-side-nav-category-item .ndl-side-nav-item-button:hover,
8217
+ .ndl-side-nav .ndl-side-nav-category-item .ndl-side-nav-category-item-button:hover {
8220
8218
  background-color:rgb(var(--theme-palette-neutral-hover));
8221
8219
  }
8222
- .ndl-side-nav .ndl-side-nav-item .ndl-side-nav-item-button:focus-visible, .ndl-side-nav .ndl-side-nav-category-item .ndl-side-nav-item-button:focus-visible {
8220
+ .ndl-side-nav .ndl-side-nav-item .ndl-side-nav-item-button:focus-visible,
8221
+ .ndl-side-nav .ndl-side-nav-item .ndl-side-nav-category-item-button:focus-visible,
8222
+ .ndl-side-nav .ndl-side-nav-category-item .ndl-side-nav-item-button:focus-visible,
8223
+ .ndl-side-nav .ndl-side-nav-category-item .ndl-side-nav-category-item-button:focus-visible {
8223
8224
  outline-width:2px;
8224
8225
  outline-offset:0px;
8225
8226
  outline-color:rgb(var(--theme-palette-primary-focus));
@@ -8232,6 +8233,9 @@ button.ndl-avatar:focus-visible {
8232
8233
  border-bottom-right-radius:4px;
8233
8234
  background-color:transparent;
8234
8235
  }
8236
+ .ndl-side-nav .ndl-side-nav-item .ndl-side-nav-selected-indicator.ndl-active, .ndl-side-nav .ndl-side-nav-category-item .ndl-side-nav-selected-indicator.ndl-active{
8237
+ background:currentColor;
8238
+ }
8235
8239
  .ndl-side-nav .ndl-side-nav-item .ndl-side-nav-item-left-element, .ndl-side-nav .ndl-side-nav-category-item .ndl-side-nav-item-left-element {
8236
8240
  display:flex;
8237
8241
  flex-shrink:0;
@@ -8252,37 +8256,34 @@ button.ndl-avatar:focus-visible {
8252
8256
  flex-shrink:0;
8253
8257
  align-items:center;
8254
8258
  }
8255
- .ndl-side-nav .ndl-side-nav-item.ndl-selected {
8259
+ .ndl-side-nav .ndl-side-nav-item.ndl-active {
8256
8260
  color:rgb(var(--theme-palette-primary-text));
8257
8261
  }
8258
- .ndl-side-nav .ndl-side-nav-item.ndl-selected .ndl-side-nav-item-button {
8262
+ .ndl-side-nav .ndl-side-nav-item.ndl-active .ndl-side-nav-item-button {
8259
8263
  background-color:rgb(var(--theme-palette-primary-bg-selected));
8260
8264
  }
8261
- .ndl-side-nav .ndl-side-nav-item.ndl-selected .ndl-side-nav-item-button:hover {
8265
+ .ndl-side-nav .ndl-side-nav-item.ndl-active .ndl-side-nav-item-button:hover {
8262
8266
  background-color:rgb(var(--theme-palette-primary-bg-selected));
8263
8267
  }
8264
- .ndl-side-nav .ndl-side-nav-item.ndl-selected .ndl-side-nav-item-left-element {
8268
+ .ndl-side-nav .ndl-side-nav-item.ndl-active .ndl-side-nav-item-left-element {
8265
8269
  color:rgb(var(--theme-palette-primary-icon));
8266
8270
  }
8267
- .ndl-side-nav .ndl-side-nav-item.ndl-selected .ndl-side-nav-item-badge.ndl-danger {
8271
+ .ndl-side-nav .ndl-side-nav-item.ndl-active .ndl-side-nav-item-badge.ndl-danger {
8268
8272
  background-color:rgb(var(--theme-palette-danger-bg-status));
8269
8273
  color:rgb(var(--theme-palette-neutral-text-inverse));
8270
8274
  }
8271
- .ndl-side-nav .ndl-side-nav-item.ndl-selected .ndl-side-nav-item-badge.ndl-warning {
8275
+ .ndl-side-nav .ndl-side-nav-item.ndl-active .ndl-side-nav-item-badge.ndl-warning {
8272
8276
  background-color:rgb(var(--theme-palette-warning-bg-status));
8273
8277
  color:rgb(var(--theme-palette-neutral-text-inverse));
8274
8278
  }
8275
- .ndl-side-nav .ndl-side-nav-item.ndl-selected .ndl-side-nav-item-badge.ndl-info {
8279
+ .ndl-side-nav .ndl-side-nav-item.ndl-active .ndl-side-nav-item-badge.ndl-info {
8276
8280
  background-color:rgb(var(--theme-palette-primary-bg-status));
8277
8281
  color:rgb(var(--theme-palette-neutral-text-inverse));
8278
8282
  }
8279
8283
  .ndl-side-nav .ndl-side-nav-item .ndl-side-nav-item-button:hover {
8280
8284
  cursor:pointer;
8281
8285
  }
8282
- .ndl-side-nav .ndl-side-nav-category-item.ndl-selected {
8283
- color:rgb(var(--theme-palette-neutral-text-default));
8284
- }
8285
- .ndl-side-nav .ndl-side-nav-category-item .ndl-side-nav-item-button:hover {
8286
+ .ndl-side-nav .ndl-side-nav-category-item .ndl-side-nav-category-item-button:hover {
8286
8287
  cursor:default;
8287
8288
  }
8288
8289
  .ndl-side-nav .ndl-side-nav-category-header {
@@ -8324,9 +8325,7 @@ button.ndl-avatar:focus-visible {
8324
8325
  margin-bottom:4px;
8325
8326
  margin-left:var(--ndl-side-nav-divider-left-margin);
8326
8327
  margin-right:var(--ndl-side-nav-divider-left-margin);
8327
- width:calc(
8328
- var(--side-nav-width) - var(--ndl-side-nav-divider-left-margin) * 2
8329
- );
8328
+ width:calc(100% - var(--ndl-side-nav-divider-left-margin) * 2);
8330
8329
  }
8331
8330
  .ndl-side-nav .ndl-side-nav-item-badge {
8332
8331
  width:20px;
package/lib/tokens/css/tokens.css CHANGED
@@ -21,7 +21,7 @@
21
21
 
22
22
  /**
23
23
  * Do not edit directly
24
- * Generated on Tue, 17 Jun 2025 13:39:19 GMT
24
+ * Generated on Wed, 18 Jun 2025 09:43:58 GMT
25
25
  */
26
26
 
27
27
  :root {
package/lib/tokens/js/tokens-raw.js CHANGED
@@ -21,7 +21,7 @@
21
21
 
22
22
  /**
23
23
  * Do not edit directly
24
- * Generated on Tue, 17 Jun 2025 13:39:19 GMT
24
+ * Generated on Wed, 18 Jun 2025 09:43:58 GMT
25
25
  */
26
26
 
27
27
  module.exports = {
package/lib/tokens/js/tokens.js CHANGED
@@ -21,7 +21,7 @@
21
21
 
22
22
  /**
23
23
  * Do not edit directly
24
- * Generated on Tue, 17 Jun 2025 13:39:19 GMT
24
+ * Generated on Wed, 18 Jun 2025 09:43:58 GMT
25
25
  */
26
26
 
27
27
  export const tokens = {
package/lib/tokens/scss/tokens.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Tue, 17 Jun 2025 13:39:19 GMT
3
+ // Generated on Wed, 18 Jun 2025 09:43:58 GMT
4
4
 
5
5
  $transitions-values-properties-default: all;
6
6
  $transitions-values-duration-quick: 100ms;
package/lib/types/tokens/js/storybook-design-token.d.ts CHANGED
@@ -21,7 +21,7 @@
21
21
 
22
22
  /**
23
23
  * Do not edit directly
24
- * Generated on Tue, 17 Jun 2025 13:39:19 GMT
24
+ * Generated on Wed, 18 Jun 2025 09:43:58 GMT
25
25
  */
26
26
  export const tokens: {
27
27
  transitions: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@neo4j-ndl/base",
3
- "version": "3.7.8",
3
+ "version": "3.7.9",
4
4
  "description": "Neo4j base package for the design system",
5
5
  "author": "Neo4j Inc.",
6
6
  "homepage": "https://www.neo4j.design",