@neo4j-ndl/base 2.1.1 → 2.3.0
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/CHANGELOG.md +16 -0
- package/lib/NOTICE.txt +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/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 +154 -0
- 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/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,21 @@
|
|
|
1
1
|
# Change Log
|
|
2
2
|
|
|
3
|
+
## 2.3.0
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- [#699](https://github.com/neo4j/neo4j-design/pull/699) [`a990957`](https://github.com/neo4j/neo4j-design/commit/a990957ce60463ce781f02b97bfea482bfa07b8c) Thanks [@basickarl](https://github.com/basickarl)! - New breadcrumbs component
|
|
8
|
+
|
|
9
|
+
### Patch Changes
|
|
10
|
+
|
|
11
|
+
- [#710](https://github.com/neo4j/neo4j-design/pull/710) [`8b8b478`](https://github.com/neo4j/neo4j-design/commit/8b8b478a2d5af2112b88444f69098ee16a0266a7) Thanks [@noahmay](https://github.com/noahmay)! - Fix relationship graph label overflow for long text
|
|
12
|
+
|
|
13
|
+
## 2.2.0
|
|
14
|
+
|
|
15
|
+
### Minor Changes
|
|
16
|
+
|
|
17
|
+
- [#700](https://github.com/neo4j/neo4j-design/pull/700) [`3f2bb49`](https://github.com/neo4j/neo4j-design/commit/3f2bb49a3fe8480d2b1c709af76e90d9b6c3fd72) Thanks [@konsalex](https://github.com/konsalex)! - new layout components, that incorporate design tokens
|
|
18
|
+
|
|
3
19
|
## 2.1.1
|
|
4
20
|
|
|
5
21
|
### Patch Changes
|
package/lib/NOTICE.txt
CHANGED
|
@@ -338,7 +338,7 @@ Third-party licenses
|
|
|
338
338
|
│ │ ├─ URL: git://github.com/amzn/style-dictionary.git
|
|
339
339
|
│ │ ├─ VendorName: Amazon
|
|
340
340
|
│ │ └─ VendorUrl: https://github.com/amzn/style-dictionary
|
|
341
|
-
│ └─ [38;5;173mtypescript[39m[38;5;111m@[39m[38;5;111mpatch:typescript@npm%3A5.1.6
|
|
341
|
+
│ └─ [38;5;173mtypescript[39m[38;5;111m@[39m[38;5;111mpatch:typescript@npm%3A5.1.6#optional!builtin<compat/typescript>::version=5.1.6&hash=5da071[39m (via [38;5;37mpatch:typescript@npm%3A5.1.6#optional!builtin<compat/typescript>[39m)
|
|
342
342
|
│ ├─ URL: https://github.com/Microsoft/TypeScript.git
|
|
343
343
|
│ ├─ VendorName: Microsoft Corp.
|
|
344
344
|
│ └─ VendorUrl: https://www.typescriptlang.org/
|
package/lib/neo4j-ds-styles.css
CHANGED
|
@@ -4231,6 +4231,7 @@ a.ndl-btn{
|
|
|
4231
4231
|
.ndl-node-label{
|
|
4232
4232
|
position:relative;
|
|
4233
4233
|
display:inline-block;
|
|
4234
|
+
min-width:0px;
|
|
4234
4235
|
cursor:pointer;
|
|
4235
4236
|
border-radius:12px;
|
|
4236
4237
|
padding-top:2px;
|
|
@@ -4276,6 +4277,7 @@ a.ndl-btn{
|
|
|
4276
4277
|
.ndl-property-key-label{
|
|
4277
4278
|
position:relative;
|
|
4278
4279
|
display:inline-block;
|
|
4280
|
+
min-width:0px;
|
|
4279
4281
|
cursor:pointer;
|
|
4280
4282
|
border-radius:4px;
|
|
4281
4283
|
background-color:rgb(var(--theme-palette-neutral-text-weak));
|
|
@@ -4327,6 +4329,7 @@ a.ndl-btn{
|
|
|
4327
4329
|
.ndl-relationship-label{
|
|
4328
4330
|
position:relative;
|
|
4329
4331
|
display:flex;
|
|
4332
|
+
min-width:0px;
|
|
4330
4333
|
cursor:pointer;
|
|
4331
4334
|
}
|
|
4332
4335
|
.ndl-relationship-label .ndl-relationship-label-container{
|
|
@@ -4334,6 +4337,7 @@ a.ndl-btn{
|
|
|
4334
4337
|
z-index:10;
|
|
4335
4338
|
display:inline-block;
|
|
4336
4339
|
width:100%;
|
|
4340
|
+
min-width:0px;
|
|
4337
4341
|
padding-top:2px;
|
|
4338
4342
|
padding-bottom:2px;
|
|
4339
4343
|
font-size:var(--font-size-label);
|
|
@@ -5427,6 +5431,156 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
|
|
|
5427
5431
|
border-style:solid;
|
|
5428
5432
|
border-color:rgb(var(--theme-palette-neutral-border-weak));
|
|
5429
5433
|
}
|
|
5434
|
+
.ndl-breadcrumbs{
|
|
5435
|
+
display:flex;
|
|
5436
|
+
height:32px;
|
|
5437
|
+
place-items:center;
|
|
5438
|
+
align-items:flex-start;
|
|
5439
|
+
gap:10px;
|
|
5440
|
+
}
|
|
5441
|
+
.ndl-breadcrumbs ol{
|
|
5442
|
+
display:flex;
|
|
5443
|
+
flex-wrap:wrap;
|
|
5444
|
+
}
|
|
5445
|
+
.ndl-breadcrumbs li{
|
|
5446
|
+
display:flex;
|
|
5447
|
+
}
|
|
5448
|
+
.ndl-breadcrumbs .ndl-breadcrumbs-base-item{
|
|
5449
|
+
margin-right:12px;
|
|
5450
|
+
align-items:center;
|
|
5451
|
+
border-radius:6px;
|
|
5452
|
+
}
|
|
5453
|
+
.ndl-breadcrumbs .ndl-breadcrumbs-base-item-link{
|
|
5454
|
+
height:20px;
|
|
5455
|
+
width:20px;
|
|
5456
|
+
padding:0px;
|
|
5457
|
+
border-radius:6px;
|
|
5458
|
+
color:rgb(var(--theme-palette-neutral-text-weaker));
|
|
5459
|
+
--tw-ring-color:rgb(var(--theme-palette-primary-focus));
|
|
5460
|
+
}
|
|
5461
|
+
.ndl-breadcrumbs .ndl-breadcrumbs-base-item-link:focus{
|
|
5462
|
+
outline-width:0px;
|
|
5463
|
+
}
|
|
5464
|
+
.ndl-breadcrumbs .ndl-breadcrumbs-base-item-link:focus-visible{
|
|
5465
|
+
--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
5466
|
+
--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
5467
|
+
box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
5468
|
+
--tw-ring-offset-width:0px;
|
|
5469
|
+
}
|
|
5470
|
+
.ndl-breadcrumbs .ndl-breadcrumbs-base-item-link-active{
|
|
5471
|
+
color:rgb(var(--theme-palette-neutral-text-default));
|
|
5472
|
+
}
|
|
5473
|
+
.ndl-breadcrumbs .ndl-breadcrumbs-item{
|
|
5474
|
+
margin-left:1px;
|
|
5475
|
+
margin-right:1px;
|
|
5476
|
+
display:flex;
|
|
5477
|
+
align-items:center;
|
|
5478
|
+
}
|
|
5479
|
+
.ndl-breadcrumbs .ndl-breadcrumbs-item-link{
|
|
5480
|
+
padding-top:1px;
|
|
5481
|
+
padding-bottom:1px;
|
|
5482
|
+
border-radius:6px;
|
|
5483
|
+
color:rgb(var(--theme-palette-neutral-text-weaker));
|
|
5484
|
+
--tw-ring-color:rgb(var(--theme-palette-primary-focus));
|
|
5485
|
+
}
|
|
5486
|
+
.ndl-breadcrumbs .ndl-breadcrumbs-item-link:focus{
|
|
5487
|
+
outline-width:0px;
|
|
5488
|
+
}
|
|
5489
|
+
.ndl-breadcrumbs .ndl-breadcrumbs-item-link:focus-visible{
|
|
5490
|
+
--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
5491
|
+
--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
5492
|
+
box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
5493
|
+
--tw-ring-offset-width:0px;
|
|
5494
|
+
}
|
|
5495
|
+
.ndl-breadcrumbs .ndl-breadcrumbs-item-link:hover{
|
|
5496
|
+
color:rgb(var(--theme-palette-neutral-text-default));
|
|
5497
|
+
text-decoration-line:underline;
|
|
5498
|
+
}
|
|
5499
|
+
.ndl-breadcrumbs .ndl-breadcrumbs-item-link-active{
|
|
5500
|
+
color:rgb(var(--theme-palette-neutral-text-default));
|
|
5501
|
+
}
|
|
5502
|
+
.ndl-breadcrumbs .ndl-breadcrumbs-item-menu{
|
|
5503
|
+
margin-left:2px;
|
|
5504
|
+
display:flex;
|
|
5505
|
+
}
|
|
5506
|
+
.ndl-breadcrumbs .ndl-breadcrumbs-separator:not(:only-child):before{
|
|
5507
|
+
margin-left:3px;
|
|
5508
|
+
margin-right:3px;
|
|
5509
|
+
color:rgb(var(--theme-palette-neutral-border-strong));
|
|
5510
|
+
font-size:var(--font-size-body-medium);
|
|
5511
|
+
font-weight:var(--font-weight-normal);
|
|
5512
|
+
letter-spacing:0.016rem;
|
|
5513
|
+
line-height:1.25rem;
|
|
5514
|
+
content:'/';
|
|
5515
|
+
}
|
|
5516
|
+
.ndl-breadcrumbs .ndl-breadcrumbs-ellipsis-menu{
|
|
5517
|
+
margin-left:1px;
|
|
5518
|
+
margin-right:1px;
|
|
5519
|
+
display:flex;
|
|
5520
|
+
align-items:center;
|
|
5521
|
+
}
|
|
5522
|
+
.ndl-breadcrumbs .ndl-breadcrumbs-ellipsis-menu-hidden{
|
|
5523
|
+
opacity:0;
|
|
5524
|
+
}
|
|
5525
|
+
.ndl-breadcrumbs .ndl-breadcrumbs-ellipsis--menu-button:hover{
|
|
5526
|
+
cursor:pointer;
|
|
5527
|
+
text-decoration-line:underline;
|
|
5528
|
+
}
|
|
5529
|
+
.ndl-breadcrumbs .ndl-breadcrumbs-ellipsis-menu-button{
|
|
5530
|
+
border-radius:6px;
|
|
5531
|
+
display:flex;
|
|
5532
|
+
align-self:center;
|
|
5533
|
+
height:22px;
|
|
5534
|
+
--tw-ring-color:rgb(var(--theme-palette-primary-focus));
|
|
5535
|
+
}
|
|
5536
|
+
.ndl-breadcrumbs .ndl-breadcrumbs-ellipsis-menu-button:focus{
|
|
5537
|
+
outline-width:0px;
|
|
5538
|
+
}
|
|
5539
|
+
.ndl-breadcrumbs .ndl-breadcrumbs-ellipsis-menu-button:focus-visible{
|
|
5540
|
+
--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
5541
|
+
--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
5542
|
+
box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
5543
|
+
--tw-ring-offset-width:0px;
|
|
5544
|
+
}
|
|
5545
|
+
.ndl-breadcrumbs .ndl-breadcrumbs-ellipsis-menu-button:hover{
|
|
5546
|
+
text-decoration-line:underline;
|
|
5547
|
+
}
|
|
5548
|
+
.ndl-breadcrumbs-item-link:focus{
|
|
5549
|
+
border-radius:6px;
|
|
5550
|
+
background-color:rgb(var(--theme-palette-neutral-bg-weak));
|
|
5551
|
+
outline-width:0px;
|
|
5552
|
+
--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
|
5553
|
+
--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
|
5554
|
+
box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
|
|
5555
|
+
--tw-ring-color:rgb(var(--theme-palette-primary-focus));
|
|
5556
|
+
--tw-ring-offset-width:3px;
|
|
5557
|
+
}
|
|
5558
|
+
.ndl-breadcrumbs-ellipsis-menu-item{
|
|
5559
|
+
padding-top:4px;
|
|
5560
|
+
padding-bottom:4px;
|
|
5561
|
+
padding-left:4px;
|
|
5562
|
+
padding-right:4px;
|
|
5563
|
+
color:rgb(var(--theme-palette-neutral-text-weak));
|
|
5564
|
+
}
|
|
5565
|
+
.ndl-breadcrumbs-item-menu-button{
|
|
5566
|
+
display:flex;
|
|
5567
|
+
align-items:center;
|
|
5568
|
+
align-self:center;
|
|
5569
|
+
padding-top:1px;
|
|
5570
|
+
padding-bottom:1px;
|
|
5571
|
+
border-radius:6px;
|
|
5572
|
+
color:rgb(var(--theme-palette-neutral-text-weaker));
|
|
5573
|
+
}
|
|
5574
|
+
.ndl-breadcrumbs-item-menu-button:hover{
|
|
5575
|
+
cursor:pointer;
|
|
5576
|
+
background-color:transparent;
|
|
5577
|
+
}
|
|
5578
|
+
.ndl-breadcrumbs-item-link-active{
|
|
5579
|
+
color:rgb(var(--theme-palette-neutral-text-default));
|
|
5580
|
+
}
|
|
5581
|
+
.ndl-breadcrumbs-group-item{
|
|
5582
|
+
display:flex;
|
|
5583
|
+
}
|
|
5430
5584
|
.n-sr-only{
|
|
5431
5585
|
position:absolute;
|
|
5432
5586
|
width:1px;
|
package/lib/tokens/js/tokens.js
CHANGED