@neo4j-ndl/base 3.0.16 → 3.0.17
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 +104 -15
- 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
|
@@ -1665,10 +1665,20 @@ a.ndl-btn {
|
|
|
1665
1665
|
.ndl-banner.ndl-inline .ndl-banner-content, .ndl-banner.ndl-global .ndl-banner-content {
|
|
1666
1666
|
display:flex;
|
|
1667
1667
|
flex:1 1 0%;
|
|
1668
|
-
flex-direction:
|
|
1669
|
-
|
|
1668
|
+
flex-direction:row;
|
|
1669
|
+
flex-wrap:wrap;
|
|
1670
|
+
justify-content:space-between;
|
|
1671
|
+
gap:16px;
|
|
1670
1672
|
overflow:auto;
|
|
1671
1673
|
}
|
|
1674
|
+
.ndl-banner.ndl-inline.ndl-with-title .ndl-banner-content, .ndl-banner.ndl-global.ndl-with-title .ndl-banner-content {
|
|
1675
|
+
flex-direction:column;
|
|
1676
|
+
}
|
|
1677
|
+
.ndl-banner.ndl-inline .ndl-banner-title-description, .ndl-banner.ndl-global .ndl-banner-title-description {
|
|
1678
|
+
display:flex;
|
|
1679
|
+
flex-direction:column;
|
|
1680
|
+
gap:4px;
|
|
1681
|
+
}
|
|
1672
1682
|
.ndl-banner.ndl-inline.ndl-warning, .ndl-banner.ndl-global.ndl-warning {
|
|
1673
1683
|
background-color:rgb(var(--theme-palette-warning-bg-weak));
|
|
1674
1684
|
border-style:solid;
|
|
@@ -1709,19 +1719,12 @@ a.ndl-btn {
|
|
|
1709
1719
|
.ndl-banner.ndl-inline.ndl-danger .ndl-banner-actions a, .ndl-banner.ndl-global.ndl-danger .ndl-banner-actions a {
|
|
1710
1720
|
cursor:pointer;
|
|
1711
1721
|
color:rgb(var(--theme-palette-neutral-text-default));
|
|
1712
|
-
text-decoration-line:underline;
|
|
1713
1722
|
font-family:var(--font-font-family-body-label), sans-serif;
|
|
1714
1723
|
font-size:var(--font-size-label);
|
|
1715
1724
|
font-weight:var(--font-weight-bold);
|
|
1716
1725
|
letter-spacing:0;
|
|
1717
1726
|
line-height:1.25rem;
|
|
1718
1727
|
}
|
|
1719
|
-
.ndl-banner.ndl-inline .ndl-banner-actions, .ndl-banner.ndl-global .ndl-banner-actions {
|
|
1720
|
-
margin-top:16px;
|
|
1721
|
-
display:flex;
|
|
1722
|
-
-moz-column-gap:16px;
|
|
1723
|
-
column-gap:16px;
|
|
1724
|
-
}
|
|
1725
1728
|
.ndl-banner.ndl-inline .ndl-banner-icon.ndl-close-icon, .ndl-banner.ndl-global .ndl-banner-icon.ndl-close-icon {
|
|
1726
1729
|
color:rgb(var(--theme-palette-neutral-text-weak));
|
|
1727
1730
|
}
|
|
@@ -1772,6 +1775,14 @@ a.ndl-btn {
|
|
|
1772
1775
|
margin-left:auto;
|
|
1773
1776
|
color:rgb(var(--theme-palette-neutral-text-inverse));
|
|
1774
1777
|
}
|
|
1778
|
+
.ndl-banner.ndl-full-width .ndl-banner-icon.ndl-close-icon:hover {
|
|
1779
|
+
background-color:rgb(149 154 161 / var(--tw-bg-opacity));
|
|
1780
|
+
--tw-bg-opacity:0.1;
|
|
1781
|
+
}
|
|
1782
|
+
.ndl-theme-dark .ndl-banner.ndl-full-width .ndl-banner-icon.ndl-close-icon:hover {
|
|
1783
|
+
background-color:rgb(111 117 126 / var(--tw-bg-opacity));
|
|
1784
|
+
--tw-bg-opacity:0.1;
|
|
1785
|
+
}
|
|
1775
1786
|
.ndl-banner.ndl-full-width .ndl-banner-icon.ndl-close-icon::before {
|
|
1776
1787
|
position:absolute;
|
|
1777
1788
|
left:-12px;
|
|
@@ -1790,9 +1801,27 @@ a.ndl-btn {
|
|
|
1790
1801
|
letter-spacing:0.016rem;
|
|
1791
1802
|
line-height:1.25rem;
|
|
1792
1803
|
}
|
|
1793
|
-
.ndl-banner.ndl-full-width .ndl-banner-actions
|
|
1804
|
+
.ndl-banner.ndl-full-width .ndl-banner-actions .ndl-btn {
|
|
1805
|
+
border-color:rgb(var(--theme-palette-neutral-text-inverse));
|
|
1806
|
+
background-color:transparent;
|
|
1794
1807
|
color:rgb(var(--theme-palette-neutral-text-inverse));
|
|
1795
1808
|
}
|
|
1809
|
+
.ndl-banner.ndl-full-width .ndl-banner-actions .ndl-btn:not(:disabled):hover {
|
|
1810
|
+
background-color:rgb(149 154 161 / var(--tw-bg-opacity));
|
|
1811
|
+
--tw-bg-opacity:0.1;
|
|
1812
|
+
}
|
|
1813
|
+
.ndl-banner.ndl-full-width .ndl-banner-actions .ndl-btn:not(:disabled):active {
|
|
1814
|
+
background-color:rgb(149 154 161 / var(--tw-bg-opacity));
|
|
1815
|
+
--tw-bg-opacity:0.2;
|
|
1816
|
+
}
|
|
1817
|
+
.ndl-theme-dark .ndl-banner.ndl-full-width .ndl-banner-actions .ndl-btn:not(:disabled):hover {
|
|
1818
|
+
background-color:rgb(111 117 126 / var(--tw-bg-opacity));
|
|
1819
|
+
--tw-bg-opacity:0.1;
|
|
1820
|
+
}
|
|
1821
|
+
.ndl-theme-dark .ndl-banner.ndl-full-width .ndl-banner-actions .ndl-btn:not(:disabled):active {
|
|
1822
|
+
background-color:rgb(111 117 126 / var(--tw-bg-opacity));
|
|
1823
|
+
--tw-bg-opacity:0.2;
|
|
1824
|
+
}
|
|
1796
1825
|
.ndl-banner .ndl-banner-title {
|
|
1797
1826
|
display:flex;
|
|
1798
1827
|
justify-content:space-between;
|
|
@@ -1810,13 +1839,32 @@ a.ndl-btn {
|
|
|
1810
1839
|
.ndl-banner .ndl-banner-icon.ndl-close-icon {
|
|
1811
1840
|
cursor:pointer;
|
|
1812
1841
|
}
|
|
1813
|
-
.ndl-banner .ndl-banner-actions
|
|
1814
|
-
|
|
1815
|
-
|
|
1842
|
+
.ndl-banner .ndl-banner-actions {
|
|
1843
|
+
display:flex;
|
|
1844
|
+
flex-wrap:wrap;
|
|
1845
|
+
-moz-column-gap:12px;
|
|
1846
|
+
column-gap:12px;
|
|
1847
|
+
row-gap:12px;
|
|
1816
1848
|
}
|
|
1817
|
-
.ndl-banner .ndl-banner-actions
|
|
1849
|
+
.ndl-banner .ndl-banner-actions .ndl-btn {
|
|
1818
1850
|
cursor:pointer;
|
|
1819
|
-
text-
|
|
1851
|
+
border-color:rgb(var(--theme-palette-neutral-text-default));
|
|
1852
|
+
background-color:transparent;
|
|
1853
|
+
color:rgb(var(--theme-palette-neutral-text-default));
|
|
1854
|
+
}
|
|
1855
|
+
.ndl-banner .ndl-banner-actions .ndl-btn:disabled {
|
|
1856
|
+
border-color:rgb(var(--theme-palette-neutral-border-strong));
|
|
1857
|
+
background-color:transparent;
|
|
1858
|
+
color:rgb(var(--theme-palette-neutral-text-weakest));
|
|
1859
|
+
}
|
|
1860
|
+
.ndl-banner .ndl-banner-actions .ndl-btn:disabled:hover {
|
|
1861
|
+
cursor:not-allowed;
|
|
1862
|
+
}
|
|
1863
|
+
.ndl-banner .ndl-banner-actions .ndl-btn:not(:disabled):hover {
|
|
1864
|
+
background-color:rgb(var(--theme-palette-neutral-hover));
|
|
1865
|
+
}
|
|
1866
|
+
.ndl-banner .ndl-banner-actions .ndl-btn:not(:disabled):active {
|
|
1867
|
+
background-color:rgb(var(--theme-palette-neutral-pressed));
|
|
1820
1868
|
}
|
|
1821
1869
|
.ndl-form-item.ndl-type-checkbox{
|
|
1822
1870
|
line-height:0;
|
|
@@ -4881,6 +4929,47 @@ a.ndl-btn {
|
|
|
4881
4929
|
a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .cm-button {
|
|
4882
4930
|
text-decoration-line:none;
|
|
4883
4931
|
}
|
|
4932
|
+
.ndl-banner.ndl-full-width .ndl-banner-actions .ndl-cypher-editor .cm-editor .cm-button,.ndl-banner.ndl-full-width .ndl-banner-actions .ndl-codemirror-editor .cm-editor .cm-button {
|
|
4933
|
+
border-color:rgb(var(--theme-palette-neutral-text-inverse));
|
|
4934
|
+
background-color:transparent;
|
|
4935
|
+
color:rgb(var(--theme-palette-neutral-text-inverse));
|
|
4936
|
+
}
|
|
4937
|
+
.ndl-banner.ndl-full-width .ndl-banner-actions .ndl-cypher-editor .cm-editor .cm-button:not(:disabled):hover,.ndl-banner.ndl-full-width .ndl-banner-actions .ndl-codemirror-editor .cm-editor .cm-button:not(:disabled):hover {
|
|
4938
|
+
background-color:rgb(149 154 161 / var(--tw-bg-opacity));
|
|
4939
|
+
--tw-bg-opacity:0.1;
|
|
4940
|
+
}
|
|
4941
|
+
.ndl-banner.ndl-full-width .ndl-banner-actions .ndl-cypher-editor .cm-editor .cm-button:not(:disabled):active,.ndl-banner.ndl-full-width .ndl-banner-actions .ndl-codemirror-editor .cm-editor .cm-button:not(:disabled):active {
|
|
4942
|
+
background-color:rgb(149 154 161 / var(--tw-bg-opacity));
|
|
4943
|
+
--tw-bg-opacity:0.2;
|
|
4944
|
+
}
|
|
4945
|
+
.ndl-theme-dark .ndl-banner.ndl-full-width .ndl-banner-actions .ndl-cypher-editor .cm-editor .cm-button:not(:disabled):hover,.ndl-theme-dark .ndl-banner.ndl-full-width .ndl-banner-actions .ndl-codemirror-editor .cm-editor .cm-button:not(:disabled):hover {
|
|
4946
|
+
background-color:rgb(111 117 126 / var(--tw-bg-opacity));
|
|
4947
|
+
--tw-bg-opacity:0.1;
|
|
4948
|
+
}
|
|
4949
|
+
.ndl-theme-dark .ndl-banner.ndl-full-width .ndl-banner-actions .ndl-cypher-editor .cm-editor .cm-button:not(:disabled):active,.ndl-theme-dark .ndl-banner.ndl-full-width .ndl-banner-actions .ndl-codemirror-editor .cm-editor .cm-button:not(:disabled):active {
|
|
4950
|
+
background-color:rgb(111 117 126 / var(--tw-bg-opacity));
|
|
4951
|
+
--tw-bg-opacity:0.2;
|
|
4952
|
+
}
|
|
4953
|
+
.ndl-banner .ndl-banner-actions .ndl-cypher-editor .cm-editor .cm-button,.ndl-banner .ndl-banner-actions .ndl-codemirror-editor .cm-editor .cm-button {
|
|
4954
|
+
cursor:pointer;
|
|
4955
|
+
border-color:rgb(var(--theme-palette-neutral-text-default));
|
|
4956
|
+
background-color:transparent;
|
|
4957
|
+
color:rgb(var(--theme-palette-neutral-text-default));
|
|
4958
|
+
}
|
|
4959
|
+
.ndl-banner .ndl-banner-actions .ndl-cypher-editor .cm-editor .cm-button:disabled,.ndl-banner .ndl-banner-actions .ndl-codemirror-editor .cm-editor .cm-button:disabled {
|
|
4960
|
+
border-color:rgb(var(--theme-palette-neutral-border-strong));
|
|
4961
|
+
background-color:transparent;
|
|
4962
|
+
color:rgb(var(--theme-palette-neutral-text-weakest));
|
|
4963
|
+
}
|
|
4964
|
+
.ndl-banner .ndl-banner-actions .ndl-cypher-editor .cm-editor .cm-button:disabled:hover,.ndl-banner .ndl-banner-actions .ndl-codemirror-editor .cm-editor .cm-button:disabled:hover {
|
|
4965
|
+
cursor:not-allowed;
|
|
4966
|
+
}
|
|
4967
|
+
.ndl-banner .ndl-banner-actions .ndl-cypher-editor .cm-editor .cm-button:not(:disabled):hover,.ndl-banner .ndl-banner-actions .ndl-codemirror-editor .cm-editor .cm-button:not(:disabled):hover {
|
|
4968
|
+
background-color:rgb(var(--theme-palette-neutral-hover));
|
|
4969
|
+
}
|
|
4970
|
+
.ndl-banner .ndl-banner-actions .ndl-cypher-editor .cm-editor .cm-button:not(:disabled):active,.ndl-banner .ndl-banner-actions .ndl-codemirror-editor .cm-editor .cm-button:not(:disabled):active {
|
|
4971
|
+
background-color:rgb(var(--theme-palette-neutral-pressed));
|
|
4972
|
+
}
|
|
4884
4973
|
.ndl-cypher-editor .cm-completionLabel, .ndl-codemirror-editor .cm-completionLabel{
|
|
4885
4974
|
font-family:'Fira Code';
|
|
4886
4975
|
font-weight:700;
|
package/lib/tokens/js/tokens.js
CHANGED