@neo4j-ndl/base 2.11.12 → 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.
- package/lib/cjs/tokens/js/storybook-design-token.js +1 -1
- package/lib/cjs/tokens/js/tokens-esm.js +1 -1
- package/lib/cjs/tokens/js/tokens.js +1 -1
- package/lib/esm/tokens/js/storybook-design-token.js +1 -1
- package/lib/esm/tokens/js/tokens-esm.js +1 -1
- package/lib/esm/tokens/js/tokens.js +1 -1
- package/lib/neo4j-ds-styles.css +179 -5
- package/lib/tokens/css/tokens.css +1 -1
- package/lib/tokens/js/tokens-raw.js +1 -1
- package/lib/tokens/js/tokens.js +1 -1
- package/lib/tokens/scss/tokens.scss +1 -1
- package/lib/types/tokens/js/storybook-design-token.d.ts +1 -1
- package/package.json +1 -1
package/lib/neo4j-ds-styles.css
CHANGED
|
@@ -3123,10 +3123,6 @@ a.ndl-btn {
|
|
|
3123
3123
|
padding-left:24px;
|
|
3124
3124
|
padding-right:24px;
|
|
3125
3125
|
}
|
|
3126
|
-
.ndl-drawer .ndl-drawer-close-button {
|
|
3127
|
-
position:absolute;
|
|
3128
|
-
top:16px;
|
|
3129
|
-
}
|
|
3130
3126
|
.ndl-drawer.ndl-drawer-left {
|
|
3131
3127
|
border-right-width:1px;
|
|
3132
3128
|
border-style:solid;
|
|
@@ -3140,7 +3136,8 @@ a.ndl-btn {
|
|
|
3140
3136
|
.ndl-drawer .ndl-drawer-close-button {
|
|
3141
3137
|
position:absolute;
|
|
3142
3138
|
left:unset;
|
|
3143
|
-
right:
|
|
3139
|
+
right:20px;
|
|
3140
|
+
top:20px;
|
|
3144
3141
|
}
|
|
3145
3142
|
.ndl-drawer .ndl-drawer-header {
|
|
3146
3143
|
margin-right:48px;
|
|
@@ -6759,6 +6756,183 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
|
|
|
6759
6756
|
.ndl-callout.ndl-callout-tip .ndl-callout-icon {
|
|
6760
6757
|
color:rgb(var(--theme-palette-discovery-icon));
|
|
6761
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
|
+
}
|
|
6762
6936
|
.n-sr-only {
|
|
6763
6937
|
position:absolute;
|
|
6764
6938
|
width:1px;
|
package/lib/tokens/js/tokens.js
CHANGED