@neo4j-ndl/base 3.3.6 → 3.3.8

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 +42 -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 Mon, 03 Mar 2025 10:15:07 GMT
25
+ * Generated on Fri, 07 Mar 2025 10:58:21 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 Mon, 03 Mar 2025 10:15:07 GMT
25
+ * Generated on Fri, 07 Mar 2025 10:58:21 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 Mon, 03 Mar 2025 10:15:07 GMT
25
+ * Generated on Fri, 07 Mar 2025 10:58:21 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 Mon, 03 Mar 2025 10:15:07 GMT
24
+ * Generated on Fri, 07 Mar 2025 10:58:21 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 Mon, 03 Mar 2025 10:15:07 GMT
24
+ * Generated on Fri, 07 Mar 2025 10:58:21 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 Mon, 03 Mar 2025 10:15:07 GMT
25
+ * Generated on Fri, 07 Mar 2025 10:58:21 GMT
26
26
  */
27
27
  module.exports = {
28
28
  "transitions": {
package/lib/neo4j-ds-styles.css CHANGED
@@ -4699,8 +4699,13 @@ a.ndl-btn {
4699
4699
  .ndl-wizard.ndl-wizard-large .ndl-wizard-step .ndl-wizard-circle {
4700
4700
  position:relative;
4701
4701
  z-index:10;
4702
+ }
4703
+ .ndl-wizard.ndl-wizard-large .ndl-wizard-step .ndl-wizard-circle.ndl-wizard-align-middle {
4702
4704
  margin:auto;
4703
4705
  }
4706
+ .ndl-wizard.ndl-wizard-large .ndl-wizard-step .ndl-wizard-circle.ndl-wizard-align-top {
4707
+ margin-bottom:auto;
4708
+ }
4704
4709
  .ndl-wizard.ndl-wizard-large .ndl-wizard-step .ndl-wizard-circle svg {
4705
4710
  width:32px;
4706
4711
  height:32px;
@@ -4760,8 +4765,6 @@ a.ndl-btn {
4760
4765
  }
4761
4766
  .ndl-wizard.ndl-wizard-large .ndl-wizard-step.ndl-vertical.ndl-wizard-step-line-left::before {
4762
4767
  position:absolute;
4763
- top:0px;
4764
- bottom:50%;
4765
4768
  left:50%;
4766
4769
  display:block;
4767
4770
  width:2px;
@@ -4771,8 +4774,6 @@ a.ndl-btn {
4771
4774
  }
4772
4775
  .ndl-wizard.ndl-wizard-large .ndl-wizard-step.ndl-vertical.ndl-wizard-step-line-right::after {
4773
4776
  position:absolute;
4774
- top:50%;
4775
- bottom:0px;
4776
4777
  left:50%;
4777
4778
  display:block;
4778
4779
  width:2px;
@@ -4780,15 +4781,41 @@ a.ndl-btn {
4780
4781
  content:'';
4781
4782
  transform:translateX(-50%);
4782
4783
  }
4783
- .ndl-wizard.ndl-wizard-large .ndl-wizard-step.ndl-vertical.ndl-wizard-step-line-left.ndl-wizard-step-active.ndl-wizard-step-error::before {
4784
+ .ndl-wizard.ndl-wizard-large .ndl-wizard-step.ndl-vertical.ndl-wizard-align-middle.ndl-wizard-step-line-left::before{
4785
+ bottom:50%;
4786
+ top:0%;
4787
+ }
4788
+ .ndl-wizard.ndl-wizard-large .ndl-wizard-step.ndl-vertical.ndl-wizard-align-middle.ndl-wizard-step-line-right::after{
4789
+ bottom:0%;
4790
+ top:50%;
4791
+ }
4792
+ .ndl-wizard.ndl-wizard-large .ndl-wizard-step.ndl-vertical.ndl-wizard-align-middle.ndl-wizard-step-line-left.ndl-wizard-step-active::before{
4793
+ bottom:50%;
4794
+ top:0%;
4795
+ }
4796
+ .ndl-wizard.ndl-wizard-large .ndl-wizard-step.ndl-vertical.ndl-wizard-align-middle.ndl-wizard-step-line-right.ndl-wizard-step-active::after{
4797
+ bottom:0%;
4798
+ top:50%;
4799
+ }
4800
+ .ndl-wizard.ndl-wizard-large .ndl-wizard-step.ndl-vertical.ndl-wizard-align-top.ndl-wizard-step-line-left::before{
4801
+ bottom:calc(100% - 16px);
4802
+ top:0%;
4803
+ }
4804
+ .ndl-wizard.ndl-wizard-large .ndl-wizard-step.ndl-vertical.ndl-wizard-align-top.ndl-wizard-step-line-right::after{
4805
+ bottom:0%;
4806
+ top:16px;
4807
+ }
4808
+ .ndl-wizard.ndl-wizard-large .ndl-wizard-step.ndl-vertical.ndl-wizard-align-top.ndl-wizard-step-line-left.ndl-wizard-step-active::before{
4809
+ bottom:calc(100% - 16px);
4810
+ top:0;
4811
+ }
4812
+ .ndl-wizard.ndl-wizard-large .ndl-wizard-step.ndl-vertical.ndl-wizard-align-top.ndl-wizard-step-line-right.ndl-wizard-step-active::after{
4813
+ bottom:0;
4814
+ top:16px;
4815
+ }
4816
+ .ndl-wizard.ndl-wizard-large .ndl-wizard-step.ndl-vertical.ndl-wizard-align-top.ndl-wizard-step-line-left.ndl-wizard-step-active.ndl-wizard-step-error::before {
4784
4817
  bottom:0px;
4785
4818
  }
4786
- .ndl-wizard.ndl-wizard-large .ndl-wizard-step.ndl-vertical.ndl-wizard-step-line-left.ndl-wizard-step-active::before{
4787
- bottom:calc(50% + 14px);
4788
- }
4789
- .ndl-wizard.ndl-wizard-large .ndl-wizard-step.ndl-vertical.ndl-wizard-step-line-right.ndl-wizard-step-active::after{
4790
- top:calc(50% + 14px);
4791
- }
4792
4819
  .ndl-wizard.ndl-wizard-large .ndl-wizard-step.ndl-vertical.ndl-wizard-step-complete::before {
4793
4820
  background-color:rgb(var(--theme-palette-primary-bg-strong));
4794
4821
  }
@@ -7316,6 +7343,10 @@ button.ndl-avatar:focus-visible {
7316
7343
  .ndl-skeleton .ndl-skeleton-content {
7317
7344
  visibility:hidden;
7318
7345
  }
7346
+ .ndl-skeleton-content:focus,
7347
+ .ndl-skeleton-content:focus-visible{
7348
+ outline:none;
7349
+ }
7319
7350
  @keyframes leftToRight{
7320
7351
  0%{
7321
7352
  background-position:-100% 0;
@@ -7920,9 +7951,6 @@ button.ndl-avatar:focus-visible {
7920
7951
  .n-gap-token-6 {
7921
7952
  gap:16px;
7922
7953
  }
7923
- .n-gap-token-7 {
7924
- gap:24px;
7925
- }
7926
7954
  .n-gap-token-8 {
7927
7955
  gap:32px;
7928
7956
  }
@@ -42649,9 +42677,6 @@ button.ndl-avatar:focus-visible {
42649
42677
  .n-stroke-palette-primary-bg-strong {
42650
42678
  stroke:rgb(var(--theme-palette-primary-bg-strong));
42651
42679
  }
42652
- .n-p-10 {
42653
- padding:40px;
42654
- }
42655
42680
  .n-p-14 {
42656
42681
  padding:56px;
42657
42682
  }
@@ -42680,10 +42705,6 @@ button.ndl-avatar:focus-visible {
42680
42705
  padding-left:40px;
42681
42706
  padding-right:40px;
42682
42707
  }
42683
- .n-px-5 {
42684
- padding-left:20px;
42685
- padding-right:20px;
42686
- }
42687
42708
  .n-px-token-3 {
42688
42709
  padding-left:4px;
42689
42710
  padding-right:4px;
@@ -42708,10 +42729,6 @@ button.ndl-avatar:focus-visible {
42708
42729
  padding-left:48px;
42709
42730
  padding-right:48px;
42710
42731
  }
42711
- .n-py-6 {
42712
- padding-top:24px;
42713
- padding-bottom:24px;
42714
- }
42715
42732
  .n-py-token-2 {
42716
42733
  padding-top:2px;
42717
42734
  padding-bottom:2px;
package/lib/tokens/css/tokens.css CHANGED
@@ -21,7 +21,7 @@
21
21
 
22
22
  /**
23
23
  * Do not edit directly
24
- * Generated on Mon, 03 Mar 2025 10:15:07 GMT
24
+ * Generated on Fri, 07 Mar 2025 10:58:21 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 Mon, 03 Mar 2025 10:15:07 GMT
24
+ * Generated on Fri, 07 Mar 2025 10:58:21 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 Mon, 03 Mar 2025 10:15:07 GMT
24
+ * Generated on Fri, 07 Mar 2025 10:58:21 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 Mon, 03 Mar 2025 10:15:07 GMT
3
+ // Generated on Fri, 07 Mar 2025 10:58:21 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 Mon, 03 Mar 2025 10:15:07 GMT
24
+ * Generated on Fri, 07 Mar 2025 10:58:21 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.3.6",
3
+ "version": "3.3.8",
4
4
  "description": "Neo4j base package for the design system",
5
5
  "author": "Neo4j Inc.",
6
6
  "homepage": "https://www.neo4j.design",