@neo4j-ndl/base 2.11.13 → 2.12.1

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 +177 -0
  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 09:50:54 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 09:50:54 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 09:50:54 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 09:50:54 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 09:50:54 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 09:50:54 GMT
26
26
  */
27
27
  module.exports = {
28
28
  "transitions": {
package/lib/neo4j-ds-styles.css CHANGED
@@ -6756,6 +6756,183 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
6756
6756
  .ndl-callout.ndl-callout-tip .ndl-callout-icon {
6757
6757
  color:rgb(var(--theme-palette-discovery-icon));
6758
6758
  }
6759
+ .ndl-text-input-preview .ndl-input-wrapper-preview {
6760
+ display:flex;
6761
+ gap:4px;
6762
+ border-radius:4px;
6763
+ border-width:1px;
6764
+ border-color:rgb(var(--theme-palette-neutral-border-strong));
6765
+ background-color:rgb(var(--theme-palette-neutral-bg-weak));
6766
+ width:-moz-fit-content;
6767
+ width:fit-content;
6768
+ }
6769
+ .ndl-text-input-preview .ndl-input-wrapper-preview:has(input:focus) {
6770
+ outline-style:solid;
6771
+ outline-width:2px;
6772
+ outline-offset:-2px;
6773
+ outline-color:rgb(var(--theme-palette-primary-focus));
6774
+ }
6775
+ .ndl-text-input-preview .ndl-input-wrapper-preview input {
6776
+ width:100%;
6777
+ background-color:rgb(var(--theme-palette-neutral-bg-weak));
6778
+ outline:2px solid transparent;
6779
+ outline-offset:2px;
6780
+ }
6781
+ .ndl-text-input-preview .ndl-input-wrapper-preview .ndl-element .ndl-icon-svg {
6782
+ color:rgb(var(--theme-palette-neutral-text-weak));
6783
+ }
6784
+ .ndl-text-input-preview .ndl-input-wrapper-preview .ndl-element {
6785
+ display:flex;
6786
+ align-self:center;
6787
+ }
6788
+ .ndl-text-input-preview .ndl-form-item-label {
6789
+ display:block;
6790
+ width:-moz-fit-content;
6791
+ width:fit-content;
6792
+ line-height:1.25rem;
6793
+ }
6794
+ .ndl-text-input-preview .ndl-form-item-label .ndl-label-text-wrapper {
6795
+ margin-bottom:4px;
6796
+ display:flex;
6797
+ }
6798
+ .ndl-text-input-preview .ndl-form-item-label .ndl-label-text {
6799
+ color:rgb(var(--theme-palette-neutral-text-weak));
6800
+ }
6801
+ .ndl-text-input-preview .ndl-form-item-label .ndl-form-item-optional {
6802
+ margin-left:auto;
6803
+ font-style:italic;
6804
+ color:rgb(var(--theme-palette-neutral-text-weaker));
6805
+ }
6806
+ .ndl-text-input-preview .ndl-form-item-label .ndl-information-icon-small {
6807
+ margin-top:2px;
6808
+ margin-left:3px;
6809
+ width:16px;
6810
+ height:16px;
6811
+ color:rgb(var(--theme-palette-neutral-text-weak));
6812
+ }
6813
+ .ndl-text-input-preview .ndl-form-item-label .ndl-information-icon-large {
6814
+ margin-top:2px;
6815
+ margin-left:3px;
6816
+ width:20px;
6817
+ height:20px;
6818
+ color:rgb(var(--theme-palette-neutral-text-weak));
6819
+ }
6820
+ .ndl-text-input-preview input::-moz-placeholder {
6821
+ color:rgb(var(--theme-palette-neutral-text-weaker));
6822
+ }
6823
+ .ndl-text-input-preview input::placeholder {
6824
+ color:rgb(var(--theme-palette-neutral-text-weaker));
6825
+ }
6826
+ .ndl-text-input-preview .ndl-form-message {
6827
+ margin-top:4px;
6828
+ display:flex;
6829
+ flex-direction:row;
6830
+ gap:4px;
6831
+ font-size:0.75rem;
6832
+ line-height:1rem;
6833
+ color:rgb(var(--theme-palette-neutral-text-weak));
6834
+ }
6835
+ .ndl-text-input-preview .ndl-form-message .ndl-error-icon {
6836
+ width:20px;
6837
+ height:20px;
6838
+ color:rgb(var(--theme-palette-danger-text));
6839
+ }
6840
+ .ndl-text-input-preview .ndl-form-message .ndl-error-text {
6841
+ color:rgb(var(--theme-palette-danger-text));
6842
+ }
6843
+ .ndl-text-input-preview.ndl-disabled .ndl-label-text {
6844
+ color:rgb(var(--theme-palette-neutral-text-weakest));
6845
+ }
6846
+ .ndl-text-input-preview.ndl-disabled .ndl-input-wrapper-preview {
6847
+ cursor:not-allowed;
6848
+ border-color:rgb(var(--theme-palette-neutral-border-strong));
6849
+ color:rgb(var(--theme-palette-neutral-text-weakest));
6850
+ }
6851
+ .ndl-text-input-preview.ndl-disabled .ndl-input-wrapper-preview input {
6852
+ cursor:not-allowed;
6853
+ background-color:transparent;
6854
+ color:rgb(var(--theme-palette-neutral-text-weakest));
6855
+ }
6856
+ .ndl-text-input-preview .ndl-form-item-label.ndl-fluid {
6857
+ display:flex;
6858
+ width:100%;
6859
+ flex-direction:column;
6860
+ }
6861
+ .ndl-text-input-preview .ndl-form-item-label.ndl-fluid .ndl-input-wrapper-preview {
6862
+ display:flex;
6863
+ width:100%;
6864
+ }
6865
+ .ndl-text-input-preview.ndl-read-only .ndl-input-wrapper-preview {
6866
+ border-style:none;
6867
+ background-color:rgb(var(--theme-palette-neutral-bg-weak));
6868
+ padding-left:0px !important;
6869
+ padding-right:0px !important;
6870
+ color:rgb(var(--theme-palette-neutral-text-weak));
6871
+ outline:2px solid transparent !important;
6872
+ outline-offset:2px !important;
6873
+ }
6874
+ .ndl-text-input-preview.ndl-has-error .ndl-input-wrapper-preview {
6875
+ outline-style:solid;
6876
+ outline-width:2px;
6877
+ outline-offset:-2px;
6878
+ outline-color:rgb(var(--theme-palette-danger-border-strong));
6879
+ }
6880
+ .ndl-text-input-preview.ndl-small .ndl-input-wrapper-preview {
6881
+ display:flex;
6882
+ height:24px;
6883
+ flex-direction:row;
6884
+ padding-left:4px;
6885
+ padding-right:4px;
6886
+ font-family:var(--font-font-family-body-medium), sans-serif;
6887
+ font-size:var(--font-size-body-medium);
6888
+ font-weight:var(--font-weight-normal);
6889
+ letter-spacing:0.016rem;
6890
+ line-height:1.25rem;
6891
+ }
6892
+ .ndl-text-input-preview.ndl-small .ndl-input-wrapper-preview .ndl-element > .ndl-icon-svg {
6893
+ width:16px;
6894
+ height:16px;
6895
+ }
6896
+ .ndl-text-input-preview.ndl-small .ndl-input-wrapper-preview .ndl-element > .ndl-icon-btn {
6897
+ width:20px;
6898
+ height:20px;
6899
+ }
6900
+ .ndl-text-input-preview.ndl-medium .ndl-input-wrapper-preview {
6901
+ height:36px;
6902
+ padding-left:8px;
6903
+ padding-right:8px;
6904
+ font-family:var(--font-font-family-body-medium), sans-serif;
6905
+ font-size:var(--font-size-body-medium);
6906
+ font-weight:var(--font-weight-normal);
6907
+ letter-spacing:0.016rem;
6908
+ line-height:1.25rem;
6909
+ }
6910
+ .ndl-text-input-preview.ndl-medium .ndl-input-wrapper-preview .ndl-element > .ndl-icon-svg {
6911
+ width:20px;
6912
+ height:20px;
6913
+ }
6914
+ .ndl-text-input-preview.ndl-medium .ndl-input-wrapper-preview .ndl-element > .ndl-icon-btn {
6915
+ width:32px;
6916
+ height:32px;
6917
+ }
6918
+ .ndl-text-input-preview.ndl-large .ndl-input-wrapper-preview {
6919
+ height:48px;
6920
+ padding-left:12px;
6921
+ padding-right:12px;
6922
+ font-family:var(--font-font-family-body-large), sans-serif;
6923
+ font-size:var(--font-size-body-large);
6924
+ font-weight:var(--font-weight-normal);
6925
+ letter-spacing:0.016rem;
6926
+ line-height:1.5rem;
6927
+ }
6928
+ .ndl-text-input-preview.ndl-large .ndl-input-wrapper-preview .ndl-element > .ndl-icon-svg {
6929
+ width:24px;
6930
+ height:24px;
6931
+ }
6932
+ .ndl-text-input-preview.ndl-large .ndl-input-wrapper-preview .ndl-element > .ndl-icon-btn {
6933
+ width:44px;
6934
+ height:44px;
6935
+ }
6759
6936
  .n-sr-only {
6760
6937
  position:absolute;
6761
6938
  width:1px;
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 09:50:54 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 09:50:54 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 09:50:54 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 09:50:54 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 09:50:54 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.1",
4
4
  "description": "Neo4j base package for the design system",
5
5
  "author": "Neo4j Inc.",
6
6
  "homepage": "https://www.neo4j.design",