@neo4j-ndl/base 0.7.1 → 0.8.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/neo4j-ds-styles.css
CHANGED
|
@@ -420,7 +420,7 @@ Ensure the default browser behavior of the `hidden` attribute.
|
|
|
420
420
|
*/
|
|
421
421
|
/**
|
|
422
422
|
* Do not edit directly
|
|
423
|
-
* Generated on Thu,
|
|
423
|
+
* Generated on Thu, 22 Sep 2022 11:05:30 GMT
|
|
424
424
|
*/
|
|
425
425
|
:root {
|
|
426
426
|
--border-radius-sm: 4px;
|
|
@@ -3106,18 +3106,12 @@ a.ndl-btn{
|
|
|
3106
3106
|
outline: 2px solid transparent;
|
|
3107
3107
|
outline-offset: 2px;
|
|
3108
3108
|
}
|
|
3109
|
-
.ndl-node-label:not(.disabled):hover{
|
|
3110
|
-
--tw-brightness: brightness(92%);
|
|
3111
|
-
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
3112
|
-
}
|
|
3113
3109
|
.ndl-node-label:not(.disabled).selected:after, .ndl-node-label:not(.disabled):active:after, .ndl-node-label:not(.disabled):focus-visible:after{
|
|
3114
3110
|
--tw-border-opacity: 1;
|
|
3115
3111
|
border-color: rgb(1 139 255 / var(--tw-border-opacity));
|
|
3116
3112
|
}
|
|
3117
3113
|
.ndl-node-label.disabled{
|
|
3118
3114
|
cursor: default;
|
|
3119
|
-
--tw-text-opacity: 1;
|
|
3120
|
-
color: rgb(113 119 128 / var(--tw-text-opacity));
|
|
3121
3115
|
}
|
|
3122
3116
|
.ndl-property-key-label{
|
|
3123
3117
|
position: relative;
|
|
@@ -3177,18 +3171,8 @@ a.ndl-btn{
|
|
|
3177
3171
|
z-index: 10;
|
|
3178
3172
|
display: inline-block;
|
|
3179
3173
|
word-break: break-all;
|
|
3180
|
-
border-width: 1px;
|
|
3181
|
-
border-left-width: 0px;
|
|
3182
|
-
border-right-width: 0px;
|
|
3183
|
-
border-top-width: 0.5px;
|
|
3184
|
-
border-bottom-width: 0.5px;
|
|
3185
|
-
border-style: solid;
|
|
3186
|
-
--tw-border-opacity: 1;
|
|
3187
|
-
border-color: rgb(196 200 205 / var(--tw-border-opacity));
|
|
3188
|
-
--tw-bg-opacity: 1;
|
|
3189
|
-
background-color: rgb(245 247 250 / var(--tw-bg-opacity));
|
|
3190
3174
|
padding-top: 2px;
|
|
3191
|
-
padding-bottom:
|
|
3175
|
+
padding-bottom: 2px;
|
|
3192
3176
|
font-size: var(--font-size-label);
|
|
3193
3177
|
font-weight: var(--font-weight-bold);
|
|
3194
3178
|
letter-spacing: 0px;
|
|
@@ -3198,7 +3182,7 @@ a.ndl-btn{
|
|
|
3198
3182
|
position: absolute;
|
|
3199
3183
|
left: 0px;
|
|
3200
3184
|
right: 0px;
|
|
3201
|
-
bottom: -
|
|
3185
|
+
bottom: -3px;
|
|
3202
3186
|
height: 2px;
|
|
3203
3187
|
background-color: transparent;
|
|
3204
3188
|
--tw-content: '';
|
|
@@ -3208,7 +3192,7 @@ a.ndl-btn{
|
|
|
3208
3192
|
position: absolute;
|
|
3209
3193
|
left: 0px;
|
|
3210
3194
|
right: 0px;
|
|
3211
|
-
top: -
|
|
3195
|
+
top: -3px;
|
|
3212
3196
|
height: 2px;
|
|
3213
3197
|
background-color: transparent;
|
|
3214
3198
|
--tw-content: '';
|
|
@@ -3224,29 +3208,11 @@ a.ndl-btn{
|
|
|
3224
3208
|
--tw-rotate: 180deg;
|
|
3225
3209
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
3226
3210
|
}
|
|
3227
|
-
.ndl-relationship-label .ndl-hexagon-end .ndl-hexagon-end-inner{
|
|
3228
|
-
fill: #F5F7FA;
|
|
3229
|
-
}
|
|
3230
|
-
.ndl-relationship-label .ndl-hexagon-end .ndl-hexagon-end-outer{
|
|
3231
|
-
fill: #C4C8CD;
|
|
3232
|
-
}
|
|
3233
3211
|
.ndl-relationship-label .ndl-hexagon-end .ndl-hexagon-end-active{
|
|
3234
3212
|
position: absolute;
|
|
3235
3213
|
top: -3px;
|
|
3236
3214
|
left: -3px;
|
|
3237
3215
|
}
|
|
3238
|
-
.ndl-relationship-label:not(.disabled):hover .ndl-relationship-label-content{
|
|
3239
|
-
--tw-border-opacity: 1;
|
|
3240
|
-
border-color: rgb(182 186 192 / var(--tw-border-opacity));
|
|
3241
|
-
--tw-bg-opacity: 1;
|
|
3242
|
-
background-color: rgb(227 230 233 / var(--tw-bg-opacity));
|
|
3243
|
-
}
|
|
3244
|
-
.ndl-relationship-label:not(.disabled):hover .ndl-hexagon-end-inner{
|
|
3245
|
-
fill: #E3E6E9;
|
|
3246
|
-
}
|
|
3247
|
-
.ndl-relationship-label:not(.disabled):hover .ndl-hexagon-end-outer{
|
|
3248
|
-
fill: #B6BAC0;
|
|
3249
|
-
}
|
|
3250
3216
|
.ndl-relationship-label:not(.disabled).selected .ndl-hexagon-end-active, .ndl-relationship-label:not(.disabled):focus-visible .ndl-hexagon-end-active, .ndl-relationship-label:not(.disabled):active .ndl-hexagon-end-active{
|
|
3251
3217
|
fill: #018bff;
|
|
3252
3218
|
}
|
|
@@ -3265,10 +3231,6 @@ a.ndl-btn{
|
|
|
3265
3231
|
.ndl-relationship-label.disabled{
|
|
3266
3232
|
cursor: default;
|
|
3267
3233
|
}
|
|
3268
|
-
.ndl-relationship-label.disabled .ndl-relationship-label-content{
|
|
3269
|
-
--tw-text-opacity: 1;
|
|
3270
|
-
color: rgb(113 119 128 / var(--tw-text-opacity));
|
|
3271
|
-
}
|
|
3272
3234
|
/**
|
|
3273
3235
|
*
|
|
3274
3236
|
* Copyright (c) "Neo4j"
|
|
@@ -3388,6 +3350,60 @@ a.ndl-btn{
|
|
|
3388
3350
|
min-height: 20px;
|
|
3389
3351
|
width: 2px;
|
|
3390
3352
|
}
|
|
3353
|
+
/**
|
|
3354
|
+
*
|
|
3355
|
+
* Copyright (c) "Neo4j"
|
|
3356
|
+
* Neo4j Sweden AB [http://neo4j.com]
|
|
3357
|
+
*
|
|
3358
|
+
* This file is part of Neo4j.
|
|
3359
|
+
*
|
|
3360
|
+
* Neo4j is free software: you can redistribute it and/or modify
|
|
3361
|
+
* it under the terms of the GNU General Public License as published by
|
|
3362
|
+
* the Free Software Foundation, either version 3 of the License, or
|
|
3363
|
+
* (at your option) any later version.
|
|
3364
|
+
*
|
|
3365
|
+
* This program is distributed in the hope that it will be useful,
|
|
3366
|
+
* but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
3367
|
+
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
3368
|
+
* GNU General Public License for more details.
|
|
3369
|
+
*
|
|
3370
|
+
* You should have received a copy of the GNU General Public License
|
|
3371
|
+
* along with this program. If not, see <http://www.gnu.org/licenses/>.
|
|
3372
|
+
*/
|
|
3373
|
+
.ndl-code-block-container{
|
|
3374
|
+
height: 100%;
|
|
3375
|
+
overflow: hidden;
|
|
3376
|
+
border-radius: 4px;
|
|
3377
|
+
--tw-bg-opacity: 1;
|
|
3378
|
+
background-color: rgb(245 247 250 / var(--tw-bg-opacity));
|
|
3379
|
+
}
|
|
3380
|
+
.ndl-code-block-container .highlight-wrapper{
|
|
3381
|
+
margin-top: 1rem;
|
|
3382
|
+
}
|
|
3383
|
+
.ndl-code-block-container .highlight-wrapper.has-header{
|
|
3384
|
+
height: calc(100% - 3.5em);
|
|
3385
|
+
}
|
|
3386
|
+
.ndl-code-block-container .highlight-wrapper:not(.has-header){
|
|
3387
|
+
height: 100%;
|
|
3388
|
+
}
|
|
3389
|
+
.ndl-code-block-container .highlight-wrapper.focused{
|
|
3390
|
+
overflow-y: auto;
|
|
3391
|
+
}
|
|
3392
|
+
.ndl-code-block-container .highlight-wrapper:not(.focused){
|
|
3393
|
+
overflow-y: hidden;
|
|
3394
|
+
}
|
|
3395
|
+
/* Component's title */
|
|
3396
|
+
.ndl-code-block-container .ndl-code-block-title{
|
|
3397
|
+
margin-left: 1rem;
|
|
3398
|
+
margin-right: 1rem;
|
|
3399
|
+
margin-top: 1rem;
|
|
3400
|
+
display: flex;
|
|
3401
|
+
align-items: center;
|
|
3402
|
+
justify-content: space-between;
|
|
3403
|
+
}
|
|
3404
|
+
.ndl-code-block-container .ndl-code-block-title.disabled{
|
|
3405
|
+
opacity: 0.5;
|
|
3406
|
+
}
|
|
3391
3407
|
.n-sr-only{
|
|
3392
3408
|
position: absolute;
|
|
3393
3409
|
width: 1px;
|
|
@@ -3479,6 +3495,9 @@ a.ndl-btn{
|
|
|
3479
3495
|
.n-h-4{
|
|
3480
3496
|
height: 1rem;
|
|
3481
3497
|
}
|
|
3498
|
+
.n-h-80{
|
|
3499
|
+
height: 20rem;
|
|
3500
|
+
}
|
|
3482
3501
|
.n-h-10{
|
|
3483
3502
|
height: 2.5rem;
|
|
3484
3503
|
}
|
package/lib/tokens/js/tokens.js
CHANGED