@neo4j-ndl/base 3.2.2 → 3.2.4

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 (21) hide show
  1. package/lib/cjs/tokens/js/storybook-design-token.js +237 -1
  2. package/lib/cjs/tokens/js/storybook-design-token.js.map +1 -1
  3. package/lib/cjs/tokens/js/tokens-esm.js +33 -1
  4. package/lib/cjs/tokens/js/tokens-esm.js.map +1 -1
  5. package/lib/cjs/tokens/js/tokens.js +33 -1
  6. package/lib/cjs/tokens/js/tokens.js.map +1 -1
  7. package/lib/esm/tokens/js/storybook-design-token.js +237 -1
  8. package/lib/esm/tokens/js/storybook-design-token.js.map +1 -1
  9. package/lib/esm/tokens/js/tokens-esm.js +33 -1
  10. package/lib/esm/tokens/js/tokens-esm.js.map +1 -1
  11. package/lib/esm/tokens/js/tokens.js +33 -1
  12. package/lib/esm/tokens/js/tokens.js.map +1 -1
  13. package/lib/neo4j-ds-styles.css +61 -31
  14. package/lib/tokens/css/tokens.css +27 -1
  15. package/lib/tokens/js/tokens-raw.js +553 -1
  16. package/lib/tokens/js/tokens.js +33 -1
  17. package/lib/tokens/scss/tokens.scss +27 -1
  18. package/lib/types/tokens/js/storybook-design-token.d.ts +5 -1
  19. package/lib/types/tokens/js/tokens-esm.d.ts +50 -2
  20. package/lib/types/tokens/js/tokens.d.ts +50 -2
  21. package/package.json +1 -1
package/lib/neo4j-ds-styles.css CHANGED
@@ -443,6 +443,32 @@ video{
443
443
  --palette-categorical-10:#BF732D;
444
444
  --palette-categorical-11:#478A6E;
445
445
  --palette-categorical-12:#ADE86B;
446
+ --palette-code-light-comment:94 99 106 / 1;
447
+ --palette-code-light-keyword:63 120 36 / 1;
448
+ --palette-code-light-keyword-literal:63 120 36 / 1;
449
+ --palette-code-light-operator:63 120 36 / 1;
450
+ --palette-code-light-label:212 51 0 / 1;
451
+ --palette-code-light-predicate-function:10 97 144 / 1;
452
+ --palette-code-light-function:10 97 144 / 1;
453
+ --palette-code-light-procedure:10 97 144 / 1;
454
+ --palette-code-light-string-literal:152 100 0 / 1;
455
+ --palette-code-light-number-literal:117 78 200 / 1;
456
+ --palette-code-light-boolean-literal:117 78 200 / 1;
457
+ --palette-code-light-param-value:117 78 200 / 1;
458
+ --palette-code-light-property:115 14 0 / 1;
459
+ --palette-code-dark-comment:149 154 161 / 1;
460
+ --palette-code-dark-keyword:255 196 80 / 1;
461
+ --palette-code-dark-keyword-literal:255 196 80 / 1;
462
+ --palette-code-dark-operator:255 196 80 / 1;
463
+ --palette-code-dark-label:249 103 70 / 1;
464
+ --palette-code-dark-predicate-function:143 227 232 / 1;
465
+ --palette-code-dark-function:143 227 232 / 1;
466
+ --palette-code-dark-procedure:143 227 232 / 1;
467
+ --palette-code-dark-string-literal:144 203 98 / 1;
468
+ --palette-code-dark-number-literal:179 142 255 / 1;
469
+ --palette-code-dark-boolean-literal:179 142 255 / 1;
470
+ --palette-code-dark-param-value:179 142 255 / 1;
471
+ --palette-code-dark-property:255 170 151 / 1;
446
472
  --palette-graph-1:#FFDF81;
447
473
  --palette-graph-2:#C990C0;
448
474
  --palette-graph-3:#F79767;
@@ -3456,6 +3482,18 @@ a.ndl-btn {
3456
3482
  overflow-x:auto;
3457
3483
  flex-grow:1;
3458
3484
  }
3485
+ .ndl-data-grid-root .ndl-data-grid-scrollable:focus {
3486
+ outline:2px solid transparent;
3487
+ outline-offset:2px;
3488
+ --tw-ring-color:rgb(var(--theme-palette-primary-focus));
3489
+ --tw-ring-offset-color:rgb(var(--theme-palette-neutral-bg-weak));
3490
+ }
3491
+ .ndl-data-grid-root .ndl-data-grid-scrollable:focus:focus-visible {
3492
+ --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
3493
+ --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
3494
+ box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
3495
+ --tw-ring-offset-width:1px;
3496
+ }
3459
3497
  .ndl-data-grid-root .ndl-data-grid-scrollable:has(+ .ndl-data-grid-navigation)
3460
3498
  .ndl-data-grid-tbody
3461
3499
  .ndl-data-grid-tr:last-child {
@@ -4830,23 +4868,15 @@ a.ndl-btn {
4830
4868
  .ndl-wizard.ndl-wizard-small .ndl-wizard-step-complete .ndl-wizard-circle {
4831
4869
  background-color:rgb(var(--theme-palette-primary-bg-strong));
4832
4870
  }
4833
- :root{
4834
- --background:var(--theme-light-palette-neutral-bg-default);
4835
- --border:var(--theme-light-palette-neutral-border-weak);
4836
- }
4837
- .ndl-theme-dark{
4838
- --background:var(--theme-dark-palette-neutral-bg-strong);
4839
- --border:var(--theme-dark-palette-neutral-border-strong);
4840
- }
4841
- .ndl-code-block-container{
4842
- background:rgb(var(--background));
4843
- border-color:rgb(var(--border));
4871
+ .ndl-code-block-container {
4844
4872
  position:relative;
4845
4873
  isolation:isolate;
4846
4874
  min-height:90px;
4847
4875
  overflow:hidden;
4848
4876
  border-radius:8px;
4849
4877
  border-width:1px;
4878
+ border-color:rgb(var(--theme-palette-neutral-border-strong));
4879
+ background-color:rgb(var(--theme-palette-neutral-bg-on-bg-weak));
4850
4880
  padding-top:12px;
4851
4881
  padding-bottom:4px;
4852
4882
  }
@@ -4898,28 +4928,28 @@ a.ndl-btn {
4898
4928
  .ndl-code-block-container .ndl-code-content-container .ndl-highlight-wrapper:focus {
4899
4929
  outline-color:rgb(var(--theme-palette-primary-focus));
4900
4930
  }
4901
- .ndl-code-block-container .ndl-code-block-actions{
4902
- background:rgb(var(--background));
4903
- position:absolute;
4904
- top:0px;
4905
- right:0px;
4906
- z-index:10;
4907
- display:flex;
4908
- border-radius:8px;
4909
- padding:4px;
4910
- }
4931
+ .ndl-code-block-container .ndl-code-block-actions {
4932
+ position:absolute;
4933
+ top:0px;
4934
+ right:0px;
4935
+ z-index:10;
4936
+ display:flex;
4937
+ border-radius:8px;
4938
+ background-color:rgb(var(--theme-palette-neutral-bg-on-bg-weak));
4939
+ padding:4px;
4940
+ }
4911
4941
  .ndl-code-block-container .ndl-code-block-actions.ndl-disabled {
4912
4942
  opacity:0.5;
4913
4943
  }
4914
- .ndl-code-block-container .ndl-code-block-expand-button{
4915
- background:rgb(var(--background));
4916
- position:absolute;
4917
- bottom:0px;
4918
- right:0px;
4919
- z-index:10;
4920
- border-radius:8px;
4921
- padding:4px;
4922
- }
4944
+ .ndl-code-block-container .ndl-code-block-expand-button {
4945
+ position:absolute;
4946
+ bottom:0px;
4947
+ right:0px;
4948
+ z-index:10;
4949
+ border-radius:8px;
4950
+ background-color:rgb(var(--theme-palette-neutral-bg-on-bg-weak));
4951
+ padding:4px;
4952
+ }
4923
4953
  .ndl-code-block-container .ndl-linenumber{
4924
4954
  min-width:32px !important;
4925
4955
  }
@@ -6594,7 +6624,7 @@ button.ndl-avatar:focus-visible {
6594
6624
  display:inline;
6595
6625
  white-space:nowrap;
6596
6626
  border-radius:4px;
6597
- background-color:rgb(var(--theme-palette-neutral-bg-default));
6627
+ background-color:rgb(var(--theme-palette-neutral-bg-on-bg-weak));
6598
6628
  padding-left:2px;
6599
6629
  padding-right:2px;
6600
6630
  outline:2px solid transparent;
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, 27 Jan 2025 14:12:46 GMT
24
+ * Generated on Wed, 29 Jan 2025 15:01:18 GMT
25
25
  */
26
26
 
27
27
  :root {
@@ -62,6 +62,32 @@
62
62
  --palette-categorical-10: #BF732D;
63
63
  --palette-categorical-11: #478A6E;
64
64
  --palette-categorical-12: #ADE86B;
65
+ --palette-code-light-comment: 94 99 106 / 1;
66
+ --palette-code-light-keyword: 63 120 36 / 1;
67
+ --palette-code-light-keyword-literal: 63 120 36 / 1;
68
+ --palette-code-light-operator: 63 120 36 / 1;
69
+ --palette-code-light-label: 212 51 0 / 1;
70
+ --palette-code-light-predicate-function: 10 97 144 / 1;
71
+ --palette-code-light-function: 10 97 144 / 1;
72
+ --palette-code-light-procedure: 10 97 144 / 1;
73
+ --palette-code-light-string-literal: 152 100 0 / 1;
74
+ --palette-code-light-number-literal: 117 78 200 / 1;
75
+ --palette-code-light-boolean-literal: 117 78 200 / 1;
76
+ --palette-code-light-param-value: 117 78 200 / 1;
77
+ --palette-code-light-property: 115 14 0 / 1;
78
+ --palette-code-dark-comment: 149 154 161 / 1;
79
+ --palette-code-dark-keyword: 255 196 80 / 1;
80
+ --palette-code-dark-keyword-literal: 255 196 80 / 1;
81
+ --palette-code-dark-operator: 255 196 80 / 1;
82
+ --palette-code-dark-label: 249 103 70 / 1;
83
+ --palette-code-dark-predicate-function: 143 227 232 / 1;
84
+ --palette-code-dark-function: 143 227 232 / 1;
85
+ --palette-code-dark-procedure: 143 227 232 / 1;
86
+ --palette-code-dark-string-literal: 144 203 98 / 1;
87
+ --palette-code-dark-number-literal: 179 142 255 / 1;
88
+ --palette-code-dark-boolean-literal: 179 142 255 / 1;
89
+ --palette-code-dark-param-value: 179 142 255 / 1;
90
+ --palette-code-dark-property: 255 170 151 / 1;
65
91
  --palette-graph-1: #FFDF81;
66
92
  --palette-graph-2: #C990C0;
67
93
  --palette-graph-3: #F79767;