@neo4j-ndl/base 2.0.0-alpha-9fc5150 → 2.0.0-alpha-f4e6aa3
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/tailwind-preset.config.js +2 -2
- package/lib/cjs/tailwind-preset.config.js.map +1 -1
- 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/tailwind-preset.config.js +2 -2
- package/lib/esm/tailwind-preset.config.js.map +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 +101 -128
- 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
|
@@ -44,8 +44,8 @@ exports.tailwindConfig = {
|
|
|
44
44
|
prefix: 'n-',
|
|
45
45
|
content: [
|
|
46
46
|
'./src/**/*.{tsx,md,jsx,js,html,mdx}',
|
|
47
|
-
'../react/**/*.{tsx,md,jsx,js,html,mdx}',
|
|
48
|
-
'../storybook/**/*.{tsx,md,jsx,js,html,mdx}',
|
|
47
|
+
'../react/src/**/*.{tsx,md,jsx,js,html,mdx}',
|
|
48
|
+
'../storybook/src/**/*.{tsx,md,jsx,js,html,mdx}',
|
|
49
49
|
],
|
|
50
50
|
// remove classes like `text-opacity` but leave all color utilities
|
|
51
51
|
// eventually we should generate components in a more
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tailwind-preset.config.js","sourceRoot":"","sources":["../../src/tailwind-preset.config.js"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;AAEH,uDAAmD;AACnD,qDAAgD;AAEhD;;;;GAIG;AACH,2CAA2C;AAC9B,QAAA,cAAc,GAAG;IAC5B,MAAM,EAAE,IAAI;IACZ,OAAO,EAAE;QACP,qCAAqC;QACrC,
|
|
1
|
+
{"version":3,"file":"tailwind-preset.config.js","sourceRoot":"","sources":["../../src/tailwind-preset.config.js"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;AAEH,uDAAmD;AACnD,qDAAgD;AAEhD;;;;GAIG;AACH,2CAA2C;AAC9B,QAAA,cAAc,GAAG;IAC5B,MAAM,EAAE,IAAI;IACZ,OAAO,EAAE;QACP,qCAAqC;QACrC,4CAA4C;QAC5C,gDAAgD;KACjD;IACD,mEAAmE;IACnE,qDAAqD;IACrD,iDAAiD;IACjD,QAAQ,EAAE;QACR;YACE,OAAO,EACL,8FAA8F;YAChG,QAAQ,EAAE,CAAC,OAAO,CAAC;SACpB;QACD;YACE,OAAO,EACL,4FAA4F;YAC9F,QAAQ,EAAE,CAAC,OAAO,CAAC;SACpB;QACD;YACE,sBAAsB;YACtB,OAAO,EACL,6FAA6F;YAC/F,QAAQ,EAAE,CAAC,QAAQ,CAAC;SACrB;QACD;YACE,OAAO,EACL,gGAAgG;YAClG,QAAQ,EAAE,CAAC,OAAO,CAAC;SACpB;KACF;IACD,KAAK,wBACA,gCAAa,KAChB,MAAM,EAAE;YACN,MAAM,EAAE;gBACN,WAAW,EAAE,aAAa;gBAC1B,OAAO,EAAE,cAAc;aACxB;YACD,OAAO,wBAGF,MAAM,CAAC,IAAI,CAAC,mBAAM,CAAC,KAAK,CAAC,CAAC,MAAM,CACjC,UAAC,WAAW,EAAE,YAAY;;gBAAK,OAAA,uBAC1B,WAAW,gBACb,gBAAS,YAAY,CAAE,IAAG,mBAAM,CAAC,KAAK,CAAC,YAAY,CAAC,OACrD;YAH6B,CAG7B,EACF,EAAE,CACH,KACD,CAAC,EAAE,KAAK,EACR,EAAE,EAAE,KAAK,EACT,GAAG,EAAE,KAAK,EACV,CAAC,EAAE,KAAK,EACR,GAAG,EAAE,KAAK,EACV,CAAC,EAAE,KAAK,EACR,GAAG,EAAE,MAAM,EACX,CAAC,EAAE,MAAM,EACT,GAAG,EAAE,MAAM,EACX,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,GACZ;SACF,GACF;IACD,gCAAgC;IAChC,0DAA0D;IAC1D,OAAO,EAAE,EAAE;CACZ,CAAC"}
|
|
@@ -30,8 +30,8 @@ export const tailwindConfig = {
|
|
|
30
30
|
prefix: 'n-',
|
|
31
31
|
content: [
|
|
32
32
|
'./src/**/*.{tsx,md,jsx,js,html,mdx}',
|
|
33
|
-
'../react/**/*.{tsx,md,jsx,js,html,mdx}',
|
|
34
|
-
'../storybook/**/*.{tsx,md,jsx,js,html,mdx}',
|
|
33
|
+
'../react/src/**/*.{tsx,md,jsx,js,html,mdx}',
|
|
34
|
+
'../storybook/src/**/*.{tsx,md,jsx,js,html,mdx}',
|
|
35
35
|
],
|
|
36
36
|
// remove classes like `text-opacity` but leave all color utilities
|
|
37
37
|
// eventually we should generate components in a more
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tailwind-preset.config.js","sourceRoot":"","sources":["../../src/tailwind-preset.config.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD;;;;GAIG;AACH,2CAA2C;AAC3C,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,MAAM,EAAE,IAAI;IACZ,OAAO,EAAE;QACP,qCAAqC;QACrC,
|
|
1
|
+
{"version":3,"file":"tailwind-preset.config.js","sourceRoot":"","sources":["../../src/tailwind-preset.config.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD;;;;GAIG;AACH,2CAA2C;AAC3C,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,MAAM,EAAE,IAAI;IACZ,OAAO,EAAE;QACP,qCAAqC;QACrC,4CAA4C;QAC5C,gDAAgD;KACjD;IACD,mEAAmE;IACnE,qDAAqD;IACrD,iDAAiD;IACjD,QAAQ,EAAE;QACR;YACE,OAAO,EACL,8FAA8F;YAChG,QAAQ,EAAE,CAAC,OAAO,CAAC;SACpB;QACD;YACE,OAAO,EACL,4FAA4F;YAC9F,QAAQ,EAAE,CAAC,OAAO,CAAC;SACpB;QACD;YACE,sBAAsB;YACtB,OAAO,EACL,6FAA6F;YAC/F,QAAQ,EAAE,CAAC,QAAQ,CAAC;SACrB;QACD;YACE,OAAO,EACL,gGAAgG;YAClG,QAAQ,EAAE,CAAC,OAAO,CAAC;SACpB;KACF;IACD,KAAK,kCACA,aAAa,KAChB,MAAM,EAAE;YACN,MAAM,EAAE;gBACN,WAAW,EAAE,aAAa;gBAC1B,OAAO,EAAE,cAAc;aACxB;YACD,OAAO,kCAGF,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,CACjC,CAAC,WAAW,EAAE,YAAY,EAAE,EAAE,CAAC,iCAC1B,WAAW,KACd,CAAC,SAAS,YAAY,EAAE,CAAC,EAAE,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,IACrD,EACF,EAAE,CACH,KACD,CAAC,EAAE,KAAK,EACR,EAAE,EAAE,KAAK,EACT,GAAG,EAAE,KAAK,EACV,CAAC,EAAE,KAAK,EACR,GAAG,EAAE,KAAK,EACV,CAAC,EAAE,KAAK,EACR,GAAG,EAAE,MAAM,EACX,CAAC,EAAE,MAAM,EACT,GAAG,EAAE,MAAM,EACX,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,GACZ;SACF,GACF;IACD,gCAAgC;IAChC,0DAA0D;IAC1D,OAAO,EAAE,EAAE;CACZ,CAAC"}
|
package/lib/neo4j-ds-styles.css
CHANGED
|
@@ -1078,7 +1078,7 @@ h6,
|
|
|
1078
1078
|
padding-top:4px;
|
|
1079
1079
|
}
|
|
1080
1080
|
.ndl-btn{
|
|
1081
|
-
transition:background-color var(--transitions-stripped);
|
|
1081
|
+
transition:background-color var(--transitions-stripped-quick);
|
|
1082
1082
|
display:inline-flex;
|
|
1083
1083
|
cursor:pointer;
|
|
1084
1084
|
align-items:center;
|
|
@@ -1101,19 +1101,8 @@ h6,
|
|
|
1101
1101
|
vertical-align:middle;
|
|
1102
1102
|
opacity:0.5;
|
|
1103
1103
|
}
|
|
1104
|
-
.ndl-btn.ndl-extra-small{
|
|
1105
|
-
height:24px;
|
|
1106
|
-
padding-left:12px;
|
|
1107
|
-
padding-right:12px;
|
|
1108
|
-
padding-top:4px;
|
|
1109
|
-
padding-bottom:4px;
|
|
1110
|
-
font-size:var(--font-size-label);
|
|
1111
|
-
font-weight:var(--font-weight-bold);
|
|
1112
|
-
letter-spacing:0;
|
|
1113
|
-
line-height:1.25rem;
|
|
1114
|
-
}
|
|
1115
1104
|
.ndl-btn.ndl-small{
|
|
1116
|
-
height:
|
|
1105
|
+
height:24px;
|
|
1117
1106
|
padding-left:12px;
|
|
1118
1107
|
padding-right:12px;
|
|
1119
1108
|
padding-top:4px;
|
|
@@ -1511,15 +1500,14 @@ a.ndl-btn{
|
|
|
1511
1500
|
--tw-ring-color:rgb(var(--theme-palette-primary-focus));
|
|
1512
1501
|
}
|
|
1513
1502
|
.ndl-tabs .ndl-tab.ndl-filled-tab:hover:not(.ndl-disabled):not(.ndl-selected){
|
|
1514
|
-
|
|
1515
|
-
|
|
1516
|
-
}
|
|
1503
|
+
background-color:rgb(var(--theme-palette-neutral-hover));
|
|
1504
|
+
}
|
|
1517
1505
|
.ndl-tabs .ndl-tab.ndl-filled-tab:active:not(.ndl-disabled):not(.ndl-selected){
|
|
1518
1506
|
--tw-bg-opacity:0.2;
|
|
1519
|
-
background-color:rgb(var(--theme-palette-neutral-
|
|
1507
|
+
background-color:rgb(var(--theme-palette-neutral-pressed));
|
|
1520
1508
|
}
|
|
1521
1509
|
.ndl-tabs .ndl-tab.ndl-filled-tab.ndl-selected{
|
|
1522
|
-
background-color:rgb(var(--theme-palette-primary-bg-
|
|
1510
|
+
background-color:rgb(var(--theme-palette-primary-bg-selected));
|
|
1523
1511
|
color:rgb(var(--theme-palette-primary-text));
|
|
1524
1512
|
}
|
|
1525
1513
|
.ndl-banner{
|
|
@@ -2126,17 +2114,20 @@ a.ndl-btn{
|
|
|
2126
2114
|
align-items:flex-start;
|
|
2127
2115
|
row-gap:5px;
|
|
2128
2116
|
}
|
|
2129
|
-
.ndl-form-item.ndl-type-text .ndl-form-item-label .ndl-form-label-text{
|
|
2130
|
-
color:rgb(var(--theme-palette-neutral-text-weak));
|
|
2131
|
-
}
|
|
2132
2117
|
.ndl-form-item.ndl-type-text .ndl-form-item-no-label{
|
|
2133
2118
|
row-gap:0px;
|
|
2134
2119
|
}
|
|
2120
|
+
.ndl-form-item.ndl-type-text:not(.ndl-disabled) .ndl-form-label-text{
|
|
2121
|
+
color:rgb(var(--theme-palette-neutral-text-weak));
|
|
2122
|
+
}
|
|
2135
2123
|
.ndl-form-item.ndl-type-radio{
|
|
2136
2124
|
display:flex;
|
|
2137
2125
|
align-items:center;
|
|
2138
2126
|
color:rgb(var(--theme-palette-neutral-text-default));
|
|
2139
2127
|
}
|
|
2128
|
+
.ndl-form-item.ndl-disabled .ndl-form-label-text{
|
|
2129
|
+
color:rgb(var(--theme-palette-neutral-text-weakest));
|
|
2130
|
+
}
|
|
2140
2131
|
.ndl-form-item.ndl-disabled .ndl-form-item-label{
|
|
2141
2132
|
cursor:not-allowed;
|
|
2142
2133
|
color:rgb(var(--theme-palette-neutral-text-weakest));
|
|
@@ -2154,10 +2145,11 @@ a.ndl-btn{
|
|
|
2154
2145
|
.ndl-form-item .ndl-form-msg .ndl-error-text{
|
|
2155
2146
|
display:inline-block;
|
|
2156
2147
|
}
|
|
2157
|
-
.ndl-form-item.ndl-has-error input{
|
|
2148
|
+
.ndl-form-item.ndl-has-error input:not(:active):not(:focus){
|
|
2149
|
+
outline-style:solid;
|
|
2150
|
+
outline-width:2px;
|
|
2151
|
+
outline-offset:-1px;
|
|
2158
2152
|
outline-color:rgb(var(--theme-palette-danger-border-strong));
|
|
2159
|
-
border-width:2px;
|
|
2160
|
-
border-color:rgb(var(--theme-palette-danger-border-strong));
|
|
2161
2153
|
}
|
|
2162
2154
|
.ndl-form-item.ndl-has-error .ndl-form-msg{
|
|
2163
2155
|
color:rgb(var(--theme-palette-danger-text));
|
|
@@ -2181,6 +2173,20 @@ a.ndl-btn{
|
|
|
2181
2173
|
width:20px;
|
|
2182
2174
|
color:rgb(var(--theme-palette-danger-text));
|
|
2183
2175
|
}
|
|
2176
|
+
.ndl-form-item.ndl-has-icon .ndl-icon{
|
|
2177
|
+
color:rgb(var(--theme-palette-neutral-text-weak));
|
|
2178
|
+
}
|
|
2179
|
+
.ndl-form-item.ndl-has-icon.ndl-right-icon{
|
|
2180
|
+
position:absolute;
|
|
2181
|
+
cursor:pointer;
|
|
2182
|
+
}
|
|
2183
|
+
.ndl-form-item.ndl-has-icon.ndl-disabled .ndl-right-icon{
|
|
2184
|
+
cursor:not-allowed;
|
|
2185
|
+
}
|
|
2186
|
+
.ndl-form-item.ndl-has-icon.ndl-disabled .ndl-icon{
|
|
2187
|
+
cursor:not-allowed;
|
|
2188
|
+
color:rgb(var(--theme-palette-neutral-text-weakest));
|
|
2189
|
+
}
|
|
2184
2190
|
.ndl-form-item.ndl-large input[type='text'],
|
|
2185
2191
|
.ndl-form-item.ndl-large input[type='email'],
|
|
2186
2192
|
.ndl-form-item.ndl-large input[type='password'],
|
|
@@ -2230,18 +2236,15 @@ a.ndl-btn{
|
|
|
2230
2236
|
position:absolute;
|
|
2231
2237
|
height:24px;
|
|
2232
2238
|
width:24px;
|
|
2233
|
-
color:rgb(var(--theme-palette-neutral-text-weak));
|
|
2234
2239
|
}
|
|
2235
2240
|
.ndl-form-item.ndl-large.ndl-has-icon .ndl-icon.ndl-left-icon{
|
|
2236
2241
|
top:calc(50% - 12px);
|
|
2237
2242
|
left:16px;
|
|
2238
2243
|
}
|
|
2239
2244
|
.ndl-form-item.ndl-large.ndl-has-icon .ndl-right-icon{
|
|
2240
|
-
position:absolute;
|
|
2241
|
-
cursor:pointer;
|
|
2242
2245
|
top:calc(50% - 12px);
|
|
2243
2246
|
right:16px;
|
|
2244
|
-
}
|
|
2247
|
+
}
|
|
2245
2248
|
.ndl-form-item.ndl-small input[type='text'],
|
|
2246
2249
|
.ndl-form-item.ndl-small input[type='email'],
|
|
2247
2250
|
.ndl-form-item.ndl-small input[type='password'],
|
|
@@ -2275,21 +2278,18 @@ a.ndl-btn{
|
|
|
2275
2278
|
padding-left:36px;
|
|
2276
2279
|
}
|
|
2277
2280
|
.ndl-form-item.ndl-small.ndl-has-icon .ndl-icon{
|
|
2281
|
+
position:absolute;
|
|
2278
2282
|
height:20px;
|
|
2279
2283
|
width:20px;
|
|
2280
|
-
position:absolute;
|
|
2281
|
-
color:rgb(var(--theme-palette-neutral-text-weak));
|
|
2282
2284
|
}
|
|
2283
2285
|
.ndl-form-item.ndl-small.ndl-has-icon .ndl-icon.ndl-left-icon{
|
|
2284
2286
|
top:calc(50% - 10px);
|
|
2285
2287
|
left:12px;
|
|
2286
2288
|
}
|
|
2287
2289
|
.ndl-form-item.ndl-small.ndl-has-icon .ndl-right-icon{
|
|
2288
|
-
position:absolute;
|
|
2289
|
-
cursor:pointer;
|
|
2290
2290
|
top:calc(50% - 10px);
|
|
2291
2291
|
right:12px;
|
|
2292
|
-
}
|
|
2292
|
+
}
|
|
2293
2293
|
.ndl-form-item.ndl-extra-small{
|
|
2294
2294
|
line-height:1.25rem;
|
|
2295
2295
|
}
|
|
@@ -2338,18 +2338,15 @@ a.ndl-btn{
|
|
|
2338
2338
|
position:absolute;
|
|
2339
2339
|
height:16px;
|
|
2340
2340
|
width:16px;
|
|
2341
|
-
color:rgb(var(--theme-palette-neutral-text-weak));
|
|
2342
2341
|
}
|
|
2343
2342
|
.ndl-form-item.ndl-extra-small.ndl-has-icon .ndl-icon.ndl-left-icon{
|
|
2344
2343
|
top:calc(50% - 8px);
|
|
2345
2344
|
left:8px;
|
|
2346
2345
|
}
|
|
2347
2346
|
.ndl-form-item.ndl-extra-small.ndl-has-icon .ndl-right-icon{
|
|
2348
|
-
position:absolute;
|
|
2349
|
-
cursor:pointer;
|
|
2350
2347
|
top:calc(50% - 8px);
|
|
2351
2348
|
right:8px;
|
|
2352
|
-
}
|
|
2349
|
+
}
|
|
2353
2350
|
.ndl-progress-bar-wrapper{
|
|
2354
2351
|
display:flex;
|
|
2355
2352
|
flex-direction:column;
|
|
@@ -2395,7 +2392,7 @@ a.ndl-btn{
|
|
|
2395
2392
|
}
|
|
2396
2393
|
.ndl-progress-bar-wrapper .ndl-progress-bar-container .ndl-progress-bar{
|
|
2397
2394
|
max-width:100%;
|
|
2398
|
-
background-color:rgb(var(--theme-palette-primary-bg-
|
|
2395
|
+
background-color:rgb(var(--theme-palette-primary-bg-status));
|
|
2399
2396
|
--tw-shadow:var(--theme-shadow-overlay);
|
|
2400
2397
|
--tw-shadow-colored:var(--theme-shadow-overlay);
|
|
2401
2398
|
box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
@@ -3091,6 +3088,7 @@ a.ndl-btn{
|
|
|
3091
3088
|
border-width:1px;
|
|
3092
3089
|
border-style:solid;
|
|
3093
3090
|
border-color:rgb(var(--theme-palette-neutral-border-strong));
|
|
3091
|
+
background-color:rgb(var(--theme-palette-neutral-bg-weak));
|
|
3094
3092
|
padding:4px;
|
|
3095
3093
|
color:rgb(var(--theme-palette-neutral-text-weak));
|
|
3096
3094
|
}
|
|
@@ -3114,7 +3112,7 @@ a.ndl-btn{
|
|
|
3114
3112
|
background-color:rgb(var(--theme-palette-neutral-pressed));
|
|
3115
3113
|
}
|
|
3116
3114
|
.ndl-segmented-control .ndl-current{
|
|
3117
|
-
background-color:rgb(var(--theme-palette-primary-
|
|
3115
|
+
background-color:rgb(var(--theme-palette-primary-bg-strong));
|
|
3118
3116
|
color:rgb(var(--theme-palette-neutral-text-inverse));
|
|
3119
3117
|
--tw-shadow:var(--theme-shadow-overlay);
|
|
3120
3118
|
--tw-shadow-colored:var(--theme-shadow-overlay);
|
|
@@ -3214,7 +3212,7 @@ a.ndl-btn{
|
|
|
3214
3212
|
will-change:transform;
|
|
3215
3213
|
border-style:solid;
|
|
3216
3214
|
border-color:rgb(var(--theme-palette-neutral-bg-strong));
|
|
3217
|
-
border-bottom-color:rgb(var(--theme-palette-primary-
|
|
3215
|
+
border-bottom-color:rgb(var(--theme-palette-primary-bg-status));
|
|
3218
3216
|
}
|
|
3219
3217
|
.ndl-table-focusable-cells .ndl-focusable-cell{
|
|
3220
3218
|
outline:none;
|
|
@@ -4178,11 +4176,11 @@ a.ndl-btn{
|
|
|
4178
4176
|
cursor:pointer;
|
|
4179
4177
|
color:rgb(var(--theme-palette-neutral-text-weak));
|
|
4180
4178
|
}
|
|
4181
|
-
.ndl-dropdown .ndl-dropdown-icon.ndl-
|
|
4179
|
+
.ndl-dropdown .ndl-dropdown-icon.ndl-small{
|
|
4182
4180
|
height:16px;
|
|
4183
4181
|
width:16px;
|
|
4184
4182
|
}
|
|
4185
|
-
.ndl-dropdown .ndl-dropdown-icon.ndl-
|
|
4183
|
+
.ndl-dropdown .ndl-dropdown-icon.ndl-medium{
|
|
4186
4184
|
height:20px;
|
|
4187
4185
|
width:20px;
|
|
4188
4186
|
}
|
|
@@ -4198,11 +4196,11 @@ a.ndl-btn{
|
|
|
4198
4196
|
height:100%;
|
|
4199
4197
|
background-color:rgb(var(--theme-palette-neutral-border-strong));
|
|
4200
4198
|
}
|
|
4201
|
-
.ndl-dropdown .ndl-error-icon.ndl-
|
|
4199
|
+
.ndl-dropdown .ndl-error-icon.ndl-small{
|
|
4202
4200
|
height:16px;
|
|
4203
4201
|
width:16px;
|
|
4204
4202
|
}
|
|
4205
|
-
.ndl-dropdown .ndl-error-icon.ndl-
|
|
4203
|
+
.ndl-dropdown .ndl-error-icon.ndl-medium{
|
|
4206
4204
|
height:20px;
|
|
4207
4205
|
width:20px;
|
|
4208
4206
|
}
|
|
@@ -4213,6 +4211,15 @@ a.ndl-btn{
|
|
|
4213
4211
|
.ndl-dropdown .ndl-error-icon{
|
|
4214
4212
|
color:rgb(var(--theme-palette-danger-icon));
|
|
4215
4213
|
}
|
|
4214
|
+
.ndl-dropdown.ndl-small .ndl-dropdown-option{
|
|
4215
|
+
padding:2px;
|
|
4216
|
+
}
|
|
4217
|
+
.ndl-dropdown .ndl-medium .ndl-dropdown-option{
|
|
4218
|
+
padding:8px;
|
|
4219
|
+
}
|
|
4220
|
+
.ndl-dropdown.ndl-large .ndl-dropdown-option{
|
|
4221
|
+
padding:12px;
|
|
4222
|
+
}
|
|
4216
4223
|
.ndl-node-label{
|
|
4217
4224
|
position:relative;
|
|
4218
4225
|
display:inline-block;
|
|
@@ -4405,8 +4412,7 @@ a.ndl-btn{
|
|
|
4405
4412
|
justify-content:space-between;
|
|
4406
4413
|
}
|
|
4407
4414
|
.ndl-widget .ndl-header-wrapper .ndl-header{
|
|
4408
|
-
--
|
|
4409
|
-
color:rgb(26 27 29 / var(--tw-text-opacity));
|
|
4415
|
+
color:rgb(var(--theme-palette-neutral-text-default));
|
|
4410
4416
|
}
|
|
4411
4417
|
|
|
4412
4418
|
.ndl-widget .ndl-header-wrapper .ndl-header{
|
|
@@ -4689,7 +4695,7 @@ a.ndl-btn{
|
|
|
4689
4695
|
--ac-li-hover:var(--colors-neutral-80);
|
|
4690
4696
|
--ac-li-text-selected:var(--colors-neutral-80);
|
|
4691
4697
|
--ac-tooltip-border:var(--colors-neutral-80);
|
|
4692
|
-
--ac-tooltip-background:
|
|
4698
|
+
--ac-tooltip-background:var(--theme-dark-palette-neutral-bg-weak);
|
|
4693
4699
|
}
|
|
4694
4700
|
.ndl-cypher-code-block .cm-light{
|
|
4695
4701
|
--background:var(--colors-neutral-20);
|
|
@@ -4796,7 +4802,7 @@ a.ndl-btn{
|
|
|
4796
4802
|
background-image:none;
|
|
4797
4803
|
color:white;
|
|
4798
4804
|
border:none;
|
|
4799
|
-
transition:background-color var(--transitions-stripped);
|
|
4805
|
+
transition:background-color var(--transitions-stripped-quick);
|
|
4800
4806
|
display:inline-flex;
|
|
4801
4807
|
cursor:pointer;
|
|
4802
4808
|
align-items:center;
|
|
@@ -4819,19 +4825,8 @@ a.ndl-btn{
|
|
|
4819
4825
|
vertical-align:middle;
|
|
4820
4826
|
opacity:0.5;
|
|
4821
4827
|
}
|
|
4822
|
-
.ndl-cypher-editor .cm-editor .cm-button.ndl-extra-small, .ndl-codemirror-editor .cm-editor .cm-button.ndl-extra-small{
|
|
4823
|
-
height:24px;
|
|
4824
|
-
padding-left:12px;
|
|
4825
|
-
padding-right:12px;
|
|
4826
|
-
padding-top:4px;
|
|
4827
|
-
padding-bottom:4px;
|
|
4828
|
-
font-size:var(--font-size-label);
|
|
4829
|
-
font-weight:var(--font-weight-bold);
|
|
4830
|
-
letter-spacing:0;
|
|
4831
|
-
line-height:1.25rem;
|
|
4832
|
-
}
|
|
4833
4828
|
.ndl-cypher-editor .cm-editor .cm-button.ndl-small, .ndl-codemirror-editor .cm-editor .cm-button.ndl-small{
|
|
4834
|
-
height:
|
|
4829
|
+
height:24px;
|
|
4835
4830
|
padding-left:12px;
|
|
4836
4831
|
padding-right:12px;
|
|
4837
4832
|
padding-top:4px;
|
|
@@ -5049,63 +5044,37 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
|
|
|
5049
5044
|
opacity:100%;
|
|
5050
5045
|
}
|
|
5051
5046
|
.ndl-text-link{
|
|
5052
|
-
color:
|
|
5047
|
+
color:rgb(var(--theme-palette-primary-text));
|
|
5053
5048
|
text-decoration-line:underline;
|
|
5049
|
+
display:inline-flex;
|
|
5050
|
+
flex-direction:row;
|
|
5051
|
+
gap:4px;
|
|
5054
5052
|
}
|
|
5055
|
-
.ndl-text-link
|
|
5056
|
-
|
|
5057
|
-
|
|
5058
|
-
|
|
5053
|
+
.ndl-text-link > div{
|
|
5054
|
+
flex-shrink:0;
|
|
5055
|
+
}
|
|
5056
|
+
.ndl-text-link .ndl-external-link-icon{
|
|
5057
|
+
width:12px;
|
|
5058
|
+
height:12px;
|
|
5059
|
+
}
|
|
5059
5060
|
.ndl-text-link:hover{
|
|
5060
|
-
|
|
5061
|
-
}
|
|
5061
|
+
color:rgb(var(--theme-palette-primary-hover-strong));
|
|
5062
|
+
}
|
|
5062
5063
|
.ndl-text-link:active{
|
|
5063
|
-
|
|
5064
|
-
}
|
|
5064
|
+
color:rgb(var(--theme-palette-primary-pressed-strong));
|
|
5065
|
+
}
|
|
5065
5066
|
.ndl-text-link:focus-visible{
|
|
5066
|
-
|
|
5067
|
-
|
|
5068
|
-
|
|
5069
|
-
|
|
5070
|
-
|
|
5071
|
-
|
|
5072
|
-
}
|
|
5073
|
-
.ndl-text-link.ndl-
|
|
5074
|
-
|
|
5075
|
-
|
|
5076
|
-
|
|
5077
|
-
margin:0 0 0 0.15em;
|
|
5078
|
-
-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.0" aria-hidden="true" stroke="%23006FD6"><path stroke-linecap="round" stroke-linejoin="round" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg>');
|
|
5079
|
-
mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.0" aria-hidden="true" stroke="%23006FD6"><path stroke-linecap="round" stroke-linejoin="round" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg>');
|
|
5080
|
-
background-color:rgba(var(--theme-palette-primary-text), 1);
|
|
5081
|
-
display:inline-block;
|
|
5082
|
-
vertical-align:text-top;
|
|
5083
|
-
}
|
|
5084
|
-
.ndl-text-link.ndl-external-link.ndl-disabled-text-link::after{
|
|
5085
|
-
content:'';
|
|
5086
|
-
-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.0" aria-hidden="true" stroke="%23B2B7BD"><path stroke-linecap="round" stroke-linejoin="round" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg>');
|
|
5087
|
-
mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.0" aria-hidden="true" stroke="%23B2B7BD"><path stroke-linecap="round" stroke-linejoin="round" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg>');
|
|
5088
|
-
background-color:rgba(var(--theme-palette-neutral-text-weakest), 1);
|
|
5089
|
-
pointer-events:none;
|
|
5090
|
-
}
|
|
5091
|
-
.ndl-text-link:hover.ndl-external-link::after{
|
|
5092
|
-
content:'';
|
|
5093
|
-
-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.0" aria-hidden="true" stroke="%230056B3"><path stroke-linecap="round" stroke-linejoin="round" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg>');
|
|
5094
|
-
mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.0" aria-hidden="true" stroke="%230056B3"><path stroke-linecap="round" stroke-linejoin="round" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg>');
|
|
5095
|
-
background-color:rgba(var(--theme-palette-primary-hover-strong), 1);
|
|
5096
|
-
}
|
|
5097
|
-
.ndl-text-link:active.ndl-external-link::after{
|
|
5098
|
-
content:'';
|
|
5099
|
-
-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.0" aria-hidden="true" stroke="%23004092"><path stroke-linecap="round" stroke-linejoin="round" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg>');
|
|
5100
|
-
mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.0" aria-hidden="true" stroke="%23004092"><path stroke-linecap="round" stroke-linejoin="round" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg>');
|
|
5101
|
-
background-color:rgba(var(--theme-palette-primary-hover-strong), 1);
|
|
5102
|
-
}
|
|
5103
|
-
.ndl-text-link:focus-visible.ndl-external-link::after{
|
|
5104
|
-
content:'';
|
|
5105
|
-
-webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.0" aria-hidden="true" stroke="%23004092"><path stroke-linecap="round" stroke-linejoin="round" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg>');
|
|
5106
|
-
mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.0" aria-hidden="true" stroke="%23004092"><path stroke-linecap="round" stroke-linejoin="round" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg>');
|
|
5107
|
-
background-color:rgba(var(--theme-palette-primary-hover-strong), 1);
|
|
5108
|
-
}
|
|
5067
|
+
color:rgb(var(--theme-palette-primary-pressed-strong));
|
|
5068
|
+
box-sizing:border-box;
|
|
5069
|
+
border-radius:4px;
|
|
5070
|
+
outline:0;
|
|
5071
|
+
padding:0 4px;
|
|
5072
|
+
border:px solid rgb(var(--theme-palette-primary-focus));
|
|
5073
|
+
}
|
|
5074
|
+
.ndl-text-link.ndl-disabled-text-link{
|
|
5075
|
+
color:rgb(var(--theme-palette-neutral-text-weakest));
|
|
5076
|
+
pointer-events:none;
|
|
5077
|
+
}
|
|
5109
5078
|
.ndl-textarea .ndl-textarea-wrapper{
|
|
5110
5079
|
position:relative;
|
|
5111
5080
|
width:100%;
|
|
@@ -5297,13 +5266,13 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
|
|
|
5297
5266
|
background-color:rgb(var(--theme-palette-neutral-bg-weak));
|
|
5298
5267
|
padding:0px;
|
|
5299
5268
|
|
|
5300
|
-
transition:var(--transitions-
|
|
5269
|
+
transition:var(--transitions-full-quick);
|
|
5301
5270
|
}
|
|
5302
5271
|
.ndl-side-navigation:not(.ndl-expanded){
|
|
5303
5272
|
width:64px;
|
|
5304
5273
|
min-width:4rem;
|
|
5305
5274
|
|
|
5306
|
-
transition:var(--transitions-
|
|
5275
|
+
transition:var(--transitions-full-quick);
|
|
5307
5276
|
}
|
|
5308
5277
|
.ndl-side-navigation:not(.ndl-expanded) .ndl-side-navigation-drawer-button{
|
|
5309
5278
|
left:8px;
|
|
@@ -5414,7 +5383,7 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
|
|
|
5414
5383
|
cursor:pointer;
|
|
5415
5384
|
}
|
|
5416
5385
|
.ndl-side-navigation .ndl-side-navigation-nav-item > .ndl-side-navigation-inner-item.ndl-selectable:hover:not(.ndl-selected){
|
|
5417
|
-
background-color:rgb(var(--theme-palette-neutral-
|
|
5386
|
+
background-color:rgb(var(--theme-palette-neutral-hover));
|
|
5418
5387
|
}
|
|
5419
5388
|
.ndl-side-navigation .ndl-side-navigation-nav-item > .ndl-side-navigation-inner-item.ndl-selectable:focus-visible{
|
|
5420
5389
|
background-color:rgb(var(--theme-palette-primary-bg-weak));
|
|
@@ -5454,7 +5423,7 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
|
|
|
5454
5423
|
.ndl-divider{
|
|
5455
5424
|
width:100%;
|
|
5456
5425
|
align-self:center;
|
|
5457
|
-
border-width:1px;
|
|
5426
|
+
border-top-width:1px;
|
|
5458
5427
|
border-style:solid;
|
|
5459
5428
|
border-color:rgb(var(--theme-palette-neutral-border-weak));
|
|
5460
5429
|
}
|
|
@@ -5516,6 +5485,10 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
|
|
|
5516
5485
|
margin-left:24px;
|
|
5517
5486
|
margin-right:24px;
|
|
5518
5487
|
}
|
|
5488
|
+
.n-my-12{
|
|
5489
|
+
margin-top:48px;
|
|
5490
|
+
margin-bottom:48px;
|
|
5491
|
+
}
|
|
5519
5492
|
.n-mr-1{
|
|
5520
5493
|
margin-right:4px;
|
|
5521
5494
|
}
|
|
@@ -5558,18 +5531,18 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
|
|
|
5558
5531
|
.n-inline-grid{
|
|
5559
5532
|
display:inline-grid;
|
|
5560
5533
|
}
|
|
5561
|
-
.n-h-5{
|
|
5562
|
-
height:20px;
|
|
5563
|
-
}
|
|
5564
|
-
.n-h-6{
|
|
5565
|
-
height:24px;
|
|
5566
|
-
}
|
|
5567
5534
|
.n-h-full{
|
|
5568
5535
|
height:100%;
|
|
5569
5536
|
}
|
|
5570
5537
|
.n-h-4{
|
|
5571
5538
|
height:16px;
|
|
5572
5539
|
}
|
|
5540
|
+
.n-h-6{
|
|
5541
|
+
height:24px;
|
|
5542
|
+
}
|
|
5543
|
+
.n-h-5{
|
|
5544
|
+
height:20px;
|
|
5545
|
+
}
|
|
5573
5546
|
.n-h-10{
|
|
5574
5547
|
height:40px;
|
|
5575
5548
|
}
|
|
@@ -5600,18 +5573,18 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
|
|
|
5600
5573
|
.n-h-36{
|
|
5601
5574
|
height:144px;
|
|
5602
5575
|
}
|
|
5603
|
-
.n-w-5{
|
|
5604
|
-
width:20px;
|
|
5605
|
-
}
|
|
5606
|
-
.n-w-6{
|
|
5607
|
-
width:24px;
|
|
5608
|
-
}
|
|
5609
5576
|
.n-w-full{
|
|
5610
5577
|
width:100%;
|
|
5611
5578
|
}
|
|
5612
5579
|
.n-w-4{
|
|
5613
5580
|
width:16px;
|
|
5614
5581
|
}
|
|
5582
|
+
.n-w-6{
|
|
5583
|
+
width:24px;
|
|
5584
|
+
}
|
|
5585
|
+
.n-w-5{
|
|
5586
|
+
width:20px;
|
|
5587
|
+
}
|
|
5615
5588
|
.n-w-10{
|
|
5616
5589
|
width:40px;
|
|
5617
5590
|
}
|
package/lib/tokens/js/tokens.js
CHANGED