@neo4j-ndl/base 2.11.13 → 2.12.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.
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 +201 -1
  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, 22 Jul 2024 07:08:54 GMT
25
+ * Generated on Fri, 26 Jul 2024 12:51:10 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, 22 Jul 2024 07:08:54 GMT
25
+ * Generated on Fri, 26 Jul 2024 12:51:10 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, 22 Jul 2024 07:08:54 GMT
25
+ * Generated on Fri, 26 Jul 2024 12:51:10 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, 22 Jul 2024 07:08:54 GMT
24
+ * Generated on Fri, 26 Jul 2024 12:51:10 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, 22 Jul 2024 07:08:54 GMT
24
+ * Generated on Fri, 26 Jul 2024 12:51:10 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, 22 Jul 2024 07:08:54 GMT
25
+ * Generated on Fri, 26 Jul 2024 12:51:10 GMT
26
26
  */
27
27
  module.exports = {
28
28
  "transitions": {
package/lib/neo4j-ds-styles.css CHANGED
@@ -3904,6 +3904,16 @@ a.ndl-btn {
3904
3904
  z-index:2;
3905
3905
  border:2px solid rgb(var(--theme-palette-primary-focus));
3906
3906
  }
3907
+ .ndl-data-grid-root .ndl-div-table .ndl-data-grid-tbody .ndl-data-grid-tr .ndl-data-grid-pinned-cell {
3908
+ position:sticky;
3909
+ }
3910
+ .ndl-data-grid-root .ndl-div-table .ndl-data-grid-tbody .ndl-data-grid-tr .ndl-data-grid-pinned-cell-left {
3911
+ left:0px;
3912
+ z-index:1;
3913
+ }
3914
+ .ndl-data-grid-root .ndl-div-table .ndl-data-grid-tbody .ndl-data-grid-tr .ndl-data-grid-pinned-cell-right {
3915
+ right:0px;
3916
+ }
3907
3917
  .ndl-data-grid-root .ndl-div-table .ndl-data-grid-tbody .nld-table-placeholder-wrapper{
3908
3918
  min-height:80px;
3909
3919
  pointer-events:none;
@@ -3929,7 +3939,6 @@ a.ndl-btn {
3929
3939
  .ndl-data-grid-root .ndl-div-table .ndl-data-grid-thead{
3930
3940
  position:sticky;
3931
3941
  top:0;
3932
- background-color:var(--header-background);
3933
3942
  z-index:var(--z-index-alias-overlay);
3934
3943
  }
3935
3944
  .ndl-data-grid-root .ndl-div-table .ndl-data-grid-thead .ndl-data-grid-tr{
@@ -3997,6 +4006,7 @@ a.ndl-btn {
3997
4006
  justify-content:space-between;
3998
4007
  align-items:center;
3999
4008
  color:rgb(var(--theme-palette-neutral-text-weak));
4009
+ background-color:var(--header-background);
4000
4010
  display:flex;
4001
4011
  flex-direction:row;
4002
4012
  gap:4px;
@@ -4011,6 +4021,16 @@ a.ndl-btn {
4011
4021
  position:sticky;
4012
4022
  right:0;
4013
4023
  }
4024
+ .ndl-data-grid-root .ndl-div-table .ndl-data-grid-th.ndl-data-grid-pinned-cell {
4025
+ position:sticky;
4026
+ }
4027
+ .ndl-data-grid-root .ndl-div-table .ndl-data-grid-th.ndl-data-grid-pinned-cell-left {
4028
+ left:0px;
4029
+ z-index:1;
4030
+ }
4031
+ .ndl-data-grid-root .ndl-div-table .ndl-data-grid-th.ndl-data-grid-pinned-cell-right {
4032
+ right:0px;
4033
+ }
4014
4034
  .ndl-data-grid-root .ndl-div-table .ndl-data-grid-th .ndl-hoverable-indicator{
4015
4035
  display:none;
4016
4036
  }
@@ -6756,6 +6776,183 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
6756
6776
  .ndl-callout.ndl-callout-tip .ndl-callout-icon {
6757
6777
  color:rgb(var(--theme-palette-discovery-icon));
6758
6778
  }
6779
+ .ndl-text-input-preview .ndl-input-wrapper-preview {
6780
+ display:flex;
6781
+ gap:4px;
6782
+ border-radius:4px;
6783
+ border-width:1px;
6784
+ border-color:rgb(var(--theme-palette-neutral-border-strong));
6785
+ background-color:rgb(var(--theme-palette-neutral-bg-weak));
6786
+ width:-moz-fit-content;
6787
+ width:fit-content;
6788
+ }
6789
+ .ndl-text-input-preview .ndl-input-wrapper-preview:has(input:focus) {
6790
+ outline-style:solid;
6791
+ outline-width:2px;
6792
+ outline-offset:-2px;
6793
+ outline-color:rgb(var(--theme-palette-primary-focus));
6794
+ }
6795
+ .ndl-text-input-preview .ndl-input-wrapper-preview input {
6796
+ width:100%;
6797
+ background-color:rgb(var(--theme-palette-neutral-bg-weak));
6798
+ outline:2px solid transparent;
6799
+ outline-offset:2px;
6800
+ }
6801
+ .ndl-text-input-preview .ndl-input-wrapper-preview .ndl-element .ndl-icon-svg {
6802
+ color:rgb(var(--theme-palette-neutral-text-weak));
6803
+ }
6804
+ .ndl-text-input-preview .ndl-input-wrapper-preview .ndl-element {
6805
+ display:flex;
6806
+ align-self:center;
6807
+ }
6808
+ .ndl-text-input-preview .ndl-form-item-label {
6809
+ display:block;
6810
+ width:-moz-fit-content;
6811
+ width:fit-content;
6812
+ line-height:1.25rem;
6813
+ }
6814
+ .ndl-text-input-preview .ndl-form-item-label .ndl-label-text-wrapper {
6815
+ margin-bottom:4px;
6816
+ display:flex;
6817
+ }
6818
+ .ndl-text-input-preview .ndl-form-item-label .ndl-label-text {
6819
+ color:rgb(var(--theme-palette-neutral-text-weak));
6820
+ }
6821
+ .ndl-text-input-preview .ndl-form-item-label .ndl-form-item-optional {
6822
+ margin-left:auto;
6823
+ font-style:italic;
6824
+ color:rgb(var(--theme-palette-neutral-text-weaker));
6825
+ }
6826
+ .ndl-text-input-preview .ndl-form-item-label .ndl-information-icon-small {
6827
+ margin-top:2px;
6828
+ margin-left:3px;
6829
+ width:16px;
6830
+ height:16px;
6831
+ color:rgb(var(--theme-palette-neutral-text-weak));
6832
+ }
6833
+ .ndl-text-input-preview .ndl-form-item-label .ndl-information-icon-large {
6834
+ margin-top:2px;
6835
+ margin-left:3px;
6836
+ width:20px;
6837
+ height:20px;
6838
+ color:rgb(var(--theme-palette-neutral-text-weak));
6839
+ }
6840
+ .ndl-text-input-preview input::-moz-placeholder {
6841
+ color:rgb(var(--theme-palette-neutral-text-weaker));
6842
+ }
6843
+ .ndl-text-input-preview input::placeholder {
6844
+ color:rgb(var(--theme-palette-neutral-text-weaker));
6845
+ }
6846
+ .ndl-text-input-preview .ndl-form-message {
6847
+ margin-top:4px;
6848
+ display:flex;
6849
+ flex-direction:row;
6850
+ gap:4px;
6851
+ font-size:0.75rem;
6852
+ line-height:1rem;
6853
+ color:rgb(var(--theme-palette-neutral-text-weak));
6854
+ }
6855
+ .ndl-text-input-preview .ndl-form-message .ndl-error-icon {
6856
+ width:20px;
6857
+ height:20px;
6858
+ color:rgb(var(--theme-palette-danger-text));
6859
+ }
6860
+ .ndl-text-input-preview .ndl-form-message .ndl-error-text {
6861
+ color:rgb(var(--theme-palette-danger-text));
6862
+ }
6863
+ .ndl-text-input-preview.ndl-disabled .ndl-label-text {
6864
+ color:rgb(var(--theme-palette-neutral-text-weakest));
6865
+ }
6866
+ .ndl-text-input-preview.ndl-disabled .ndl-input-wrapper-preview {
6867
+ cursor:not-allowed;
6868
+ border-color:rgb(var(--theme-palette-neutral-border-strong));
6869
+ color:rgb(var(--theme-palette-neutral-text-weakest));
6870
+ }
6871
+ .ndl-text-input-preview.ndl-disabled .ndl-input-wrapper-preview input {
6872
+ cursor:not-allowed;
6873
+ background-color:transparent;
6874
+ color:rgb(var(--theme-palette-neutral-text-weakest));
6875
+ }
6876
+ .ndl-text-input-preview .ndl-form-item-label.ndl-fluid {
6877
+ display:flex;
6878
+ width:100%;
6879
+ flex-direction:column;
6880
+ }
6881
+ .ndl-text-input-preview .ndl-form-item-label.ndl-fluid .ndl-input-wrapper-preview {
6882
+ display:flex;
6883
+ width:100%;
6884
+ }
6885
+ .ndl-text-input-preview.ndl-read-only .ndl-input-wrapper-preview {
6886
+ border-style:none;
6887
+ background-color:rgb(var(--theme-palette-neutral-bg-weak));
6888
+ padding-left:0px !important;
6889
+ padding-right:0px !important;
6890
+ color:rgb(var(--theme-palette-neutral-text-weak));
6891
+ outline:2px solid transparent !important;
6892
+ outline-offset:2px !important;
6893
+ }
6894
+ .ndl-text-input-preview.ndl-has-error .ndl-input-wrapper-preview {
6895
+ outline-style:solid;
6896
+ outline-width:2px;
6897
+ outline-offset:-2px;
6898
+ outline-color:rgb(var(--theme-palette-danger-border-strong));
6899
+ }
6900
+ .ndl-text-input-preview.ndl-small .ndl-input-wrapper-preview {
6901
+ display:flex;
6902
+ height:24px;
6903
+ flex-direction:row;
6904
+ padding-left:4px;
6905
+ padding-right:4px;
6906
+ font-family:var(--font-font-family-body-medium), sans-serif;
6907
+ font-size:var(--font-size-body-medium);
6908
+ font-weight:var(--font-weight-normal);
6909
+ letter-spacing:0.016rem;
6910
+ line-height:1.25rem;
6911
+ }
6912
+ .ndl-text-input-preview.ndl-small .ndl-input-wrapper-preview .ndl-element > .ndl-icon-svg {
6913
+ width:16px;
6914
+ height:16px;
6915
+ }
6916
+ .ndl-text-input-preview.ndl-small .ndl-input-wrapper-preview .ndl-element > .ndl-icon-btn {
6917
+ width:20px;
6918
+ height:20px;
6919
+ }
6920
+ .ndl-text-input-preview.ndl-medium .ndl-input-wrapper-preview {
6921
+ height:36px;
6922
+ padding-left:8px;
6923
+ padding-right:8px;
6924
+ font-family:var(--font-font-family-body-medium), sans-serif;
6925
+ font-size:var(--font-size-body-medium);
6926
+ font-weight:var(--font-weight-normal);
6927
+ letter-spacing:0.016rem;
6928
+ line-height:1.25rem;
6929
+ }
6930
+ .ndl-text-input-preview.ndl-medium .ndl-input-wrapper-preview .ndl-element > .ndl-icon-svg {
6931
+ width:20px;
6932
+ height:20px;
6933
+ }
6934
+ .ndl-text-input-preview.ndl-medium .ndl-input-wrapper-preview .ndl-element > .ndl-icon-btn {
6935
+ width:32px;
6936
+ height:32px;
6937
+ }
6938
+ .ndl-text-input-preview.ndl-large .ndl-input-wrapper-preview {
6939
+ height:48px;
6940
+ padding-left:12px;
6941
+ padding-right:12px;
6942
+ font-family:var(--font-font-family-body-large), sans-serif;
6943
+ font-size:var(--font-size-body-large);
6944
+ font-weight:var(--font-weight-normal);
6945
+ letter-spacing:0.016rem;
6946
+ line-height:1.5rem;
6947
+ }
6948
+ .ndl-text-input-preview.ndl-large .ndl-input-wrapper-preview .ndl-element > .ndl-icon-svg {
6949
+ width:24px;
6950
+ height:24px;
6951
+ }
6952
+ .ndl-text-input-preview.ndl-large .ndl-input-wrapper-preview .ndl-element > .ndl-icon-btn {
6953
+ width:44px;
6954
+ height:44px;
6955
+ }
6759
6956
  .n-sr-only {
6760
6957
  position:absolute;
6761
6958
  width:1px;
@@ -6953,6 +7150,9 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
6953
7150
  .n-w-token-12 {
6954
7151
  width:128px;
6955
7152
  }
7153
+ .n-max-w-\[1200px\] {
7154
+ max-width:1200px;
7155
+ }
6956
7156
  .n-max-w-max {
6957
7157
  max-width:-moz-max-content;
6958
7158
  max-width:max-content;
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, 22 Jul 2024 07:08:54 GMT
24
+ * Generated on Fri, 26 Jul 2024 12:51:10 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, 22 Jul 2024 07:08:54 GMT
24
+ * Generated on Fri, 26 Jul 2024 12:51:10 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, 22 Jul 2024 07:08:54 GMT
24
+ * Generated on Fri, 26 Jul 2024 12:51:10 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, 22 Jul 2024 07:08:54 GMT
3
+ // Generated on Fri, 26 Jul 2024 12:51:09 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, 22 Jul 2024 07:08:54 GMT
24
+ * Generated on Fri, 26 Jul 2024 12:51:10 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": "2.11.13",
3
+ "version": "2.12.2",
4
4
  "description": "Neo4j base package for the design system",
5
5
  "author": "Neo4j Inc.",
6
6
  "homepage": "https://www.neo4j.design",