@neo4j-ndl/base 3.7.12 → 3.7.14
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 +153 -10
- 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
|
@@ -7443,8 +7443,29 @@ button.ndl-avatar:focus-visible {
|
|
|
7443
7443
|
--tw-text-opacity:1;
|
|
7444
7444
|
color:rgb(255 255 255 / var(--tw-text-opacity));
|
|
7445
7445
|
}
|
|
7446
|
-
.ndl-chart-legend .ndl-chart-legend-item
|
|
7447
|
-
|
|
7446
|
+
.ndl-chart-legend .ndl-chart-legend-item:focus-visible {
|
|
7447
|
+
outline:2px solid transparent;
|
|
7448
|
+
outline-offset:2px;
|
|
7449
|
+
}
|
|
7450
|
+
.ndl-chart-legend .ndl-chart-legend-item:focus-visible .ndl-chart-legend-item-square {
|
|
7451
|
+
outline-style:solid;
|
|
7452
|
+
outline-width:2px;
|
|
7453
|
+
outline-offset:1px;
|
|
7454
|
+
outline-color:rgb(var(--theme-palette-primary-focus));
|
|
7455
|
+
}
|
|
7456
|
+
.ndl-chart-legend .ndl-chart-legend-item:hover .ndl-chart-legend-item-square {
|
|
7457
|
+
outline-style:solid;
|
|
7458
|
+
outline-width:2px;
|
|
7459
|
+
outline-offset:0px;
|
|
7460
|
+
outline-color:color-mix(
|
|
7461
|
+
in srgb,
|
|
7462
|
+
var(--ndl-chart-legend-item-color) 25%,
|
|
7463
|
+
transparent
|
|
7464
|
+
);
|
|
7465
|
+
}
|
|
7466
|
+
.ndl-chart-legend .ndl-chart-legend-item.ndl-chart-legend-item-deselected .ndl-chart-legend-item-square {
|
|
7467
|
+
border-width:1px;
|
|
7468
|
+
border-color:rgb(var(--theme-palette-neutral-text-weaker));
|
|
7448
7469
|
}
|
|
7449
7470
|
.ndl-chart-legend.ndl-chart-legend-wrapping {
|
|
7450
7471
|
flex-wrap:wrap;
|
|
@@ -7453,24 +7474,24 @@ button.ndl-avatar:focus-visible {
|
|
|
7453
7474
|
overflow:hidden;
|
|
7454
7475
|
}
|
|
7455
7476
|
.ndl-chart-legend.ndl-chart-legend-truncation .ndl-chart-legend-item {
|
|
7477
|
+
min-width:0px;
|
|
7478
|
+
max-width:-moz-fit-content;
|
|
7479
|
+
max-width:fit-content;
|
|
7456
7480
|
flex-grow:1;
|
|
7457
7481
|
flex-basis:0px;
|
|
7458
|
-
overflow:hidden;
|
|
7459
7482
|
text-overflow:ellipsis;
|
|
7460
7483
|
white-space:nowrap;
|
|
7461
|
-
max-width:-moz-fit-content;
|
|
7462
|
-
max-width:fit-content;
|
|
7463
7484
|
}
|
|
7464
7485
|
.ndl-chart-legend.ndl-chart-legend-truncation .ndl-chart-legend-item-text {
|
|
7486
|
+
max-width:-moz-fit-content;
|
|
7487
|
+
max-width:fit-content;
|
|
7465
7488
|
overflow:hidden;
|
|
7466
7489
|
text-overflow:ellipsis;
|
|
7467
7490
|
white-space:nowrap;
|
|
7468
|
-
max-width:-moz-fit-content;
|
|
7469
|
-
max-width:fit-content;
|
|
7470
7491
|
}
|
|
7471
|
-
.ndl-chart-legend.ndl-chart-legend-calculating{
|
|
7472
|
-
|
|
7473
|
-
|
|
7492
|
+
.ndl-chart-legend.ndl-chart-legend-calculating {
|
|
7493
|
+
opacity:0;
|
|
7494
|
+
}
|
|
7474
7495
|
.ndl-charts-chart-tooltip {
|
|
7475
7496
|
display:flex;
|
|
7476
7497
|
min-width:176px;
|
|
@@ -7593,6 +7614,128 @@ button.ndl-avatar:focus-visible {
|
|
|
7593
7614
|
}
|
|
7594
7615
|
}
|
|
7595
7616
|
.ndl-time-picker{
|
|
7617
|
+
--input-padding-x:var(--space-4);
|
|
7618
|
+
--input-height:36px;
|
|
7619
|
+
--icon-size:20px;
|
|
7620
|
+
}
|
|
7621
|
+
.ndl-time-picker.ndl-small{
|
|
7622
|
+
--input-padding-x:var(--space-3);
|
|
7623
|
+
--input-height:24px;
|
|
7624
|
+
--icon-size:16px;
|
|
7625
|
+
}
|
|
7626
|
+
.ndl-time-picker.ndl-medium{
|
|
7627
|
+
--input-padding-x:var(--space-4);
|
|
7628
|
+
--input-height:36px;
|
|
7629
|
+
--icon-size:20px;
|
|
7630
|
+
}
|
|
7631
|
+
.ndl-time-picker.ndl-large{
|
|
7632
|
+
--input-padding-x:var(--space-5);
|
|
7633
|
+
--input-height:48px;
|
|
7634
|
+
--icon-size:24px;
|
|
7635
|
+
}
|
|
7636
|
+
.ndl-time-picker.ndl-large .ndl-time-picker-input{
|
|
7637
|
+
font-family:var(--font-font-family-body-large), sans-serif;
|
|
7638
|
+
font-size:var(--font-size-body-large);
|
|
7639
|
+
font-weight:var(--font-weight-normal);
|
|
7640
|
+
letter-spacing:0.016rem;
|
|
7641
|
+
line-height:1.5rem;
|
|
7642
|
+
}
|
|
7643
|
+
.ndl-time-picker .ndl-time-picker-input-wrapper {
|
|
7644
|
+
display:flex;
|
|
7645
|
+
flex-direction:row;
|
|
7646
|
+
align-items:center;
|
|
7647
|
+
gap:2px;
|
|
7648
|
+
border-radius:4px;
|
|
7649
|
+
border-width:1px;
|
|
7650
|
+
border-color:rgb(var(--theme-palette-neutral-border-strong));
|
|
7651
|
+
outline:2px solid transparent;
|
|
7652
|
+
outline-offset:2px;
|
|
7653
|
+
|
|
7654
|
+
padding-left:var(--input-padding-x);
|
|
7655
|
+
padding-right:var(--input-padding-x);
|
|
7656
|
+
height:var(--input-height);
|
|
7657
|
+
}
|
|
7658
|
+
.ndl-time-picker .ndl-time-picker-input-wrapper:has(input:focus) {
|
|
7659
|
+
outline-offset:-2px;
|
|
7660
|
+
outline-color:rgb(var(--theme-palette-primary-focus));
|
|
7661
|
+
}
|
|
7662
|
+
.ndl-time-picker .ndl-time-picker-input-wrapper .ndl-time-picker-input {
|
|
7663
|
+
width:100%;
|
|
7664
|
+
background-color:rgb(var(--theme-palette-neutral-bg-weak));
|
|
7665
|
+
color:rgb(var(--theme-palette-neutral-text-default));
|
|
7666
|
+
outline:2px solid transparent;
|
|
7667
|
+
outline-offset:2px;
|
|
7668
|
+
font-family:var(--font-font-family-body-medium), sans-serif;
|
|
7669
|
+
font-size:var(--font-size-body-medium);
|
|
7670
|
+
font-weight:var(--font-weight-normal);
|
|
7671
|
+
letter-spacing:0.016rem;
|
|
7672
|
+
line-height:1.25rem;
|
|
7673
|
+
}
|
|
7674
|
+
.ndl-time-picker .ndl-time-picker-input-wrapper .ndl-time-picker-input::-moz-placeholder {
|
|
7675
|
+
color:rgb(var(--theme-palette-neutral-text-weaker));
|
|
7676
|
+
}
|
|
7677
|
+
.ndl-time-picker .ndl-time-picker-input-wrapper .ndl-time-picker-input::placeholder {
|
|
7678
|
+
color:rgb(var(--theme-palette-neutral-text-weaker));
|
|
7679
|
+
}
|
|
7680
|
+
.ndl-time-picker .ndl-time-picker-input-wrapper .ndl-time-picker-icon {
|
|
7681
|
+
flex-shrink:0;
|
|
7682
|
+
color:rgb(var(--theme-palette-neutral-icon));
|
|
7683
|
+
width:var(--icon-size);
|
|
7684
|
+
height:var(--icon-size);
|
|
7685
|
+
}
|
|
7686
|
+
.ndl-time-picker .ndl-time-picker-label {
|
|
7687
|
+
display:flex;
|
|
7688
|
+
flex-direction:column;
|
|
7689
|
+
gap:4px;
|
|
7690
|
+
color:rgb(var(--theme-palette-neutral-text-weak));
|
|
7691
|
+
}
|
|
7692
|
+
.ndl-time-picker .ndl-time-picker-error-wrapper {
|
|
7693
|
+
margin-top:4px;
|
|
7694
|
+
display:flex;
|
|
7695
|
+
flex-direction:row;
|
|
7696
|
+
align-items:center;
|
|
7697
|
+
gap:2px;
|
|
7698
|
+
color:rgb(var(--theme-palette-danger-text));
|
|
7699
|
+
}
|
|
7700
|
+
.ndl-time-picker .ndl-time-picker-error-wrapper .ndl-time-picker-error-icon {
|
|
7701
|
+
width:20px;
|
|
7702
|
+
height:20px;
|
|
7703
|
+
flex-shrink:0;
|
|
7704
|
+
color:rgb(var(--theme-palette-danger-icon));
|
|
7705
|
+
}
|
|
7706
|
+
.ndl-time-picker.ndl-error .ndl-time-picker-input-wrapper {
|
|
7707
|
+
outline-width:2px;
|
|
7708
|
+
outline-offset:-2px;
|
|
7709
|
+
outline-color:rgb(var(--theme-palette-danger-border-strong));
|
|
7710
|
+
}
|
|
7711
|
+
.ndl-time-picker.ndl-error .ndl-time-picker-input-wrapper:has(input:focus) {
|
|
7712
|
+
outline-color:rgb(var(--theme-palette-danger-border-strong));
|
|
7713
|
+
}
|
|
7714
|
+
.ndl-time-picker.ndl-disabled .ndl-time-picker-label {
|
|
7715
|
+
color:rgb(var(--theme-palette-neutral-text-weakest));
|
|
7716
|
+
}
|
|
7717
|
+
.ndl-time-picker.ndl-disabled .ndl-time-picker-input-wrapper {
|
|
7718
|
+
cursor:not-allowed;
|
|
7719
|
+
color:rgb(var(--theme-palette-neutral-text-weakest));
|
|
7720
|
+
}
|
|
7721
|
+
.ndl-time-picker.ndl-disabled .ndl-time-picker-input-wrapper .ndl-time-picker-input {
|
|
7722
|
+
cursor:not-allowed;
|
|
7723
|
+
}
|
|
7724
|
+
.ndl-time-picker.ndl-disabled .ndl-time-picker-input-wrapper .ndl-time-picker-icon {
|
|
7725
|
+
color:rgb(var(--theme-palette-neutral-text-weakest));
|
|
7726
|
+
}
|
|
7727
|
+
.ndl-time-picker.ndl-read-only.ndl-small,
|
|
7728
|
+
.ndl-time-picker.ndl-read-only.ndl-medium,
|
|
7729
|
+
.ndl-time-picker.ndl-read-only.ndl-large{
|
|
7730
|
+
--input-height:20px;
|
|
7731
|
+
--input-padding-x:0px;
|
|
7732
|
+
}
|
|
7733
|
+
.ndl-time-picker.ndl-read-only .ndl-time-picker-input-wrapper {
|
|
7734
|
+
border-style:none;
|
|
7735
|
+
}
|
|
7736
|
+
.ndl-time-picker.ndl-read-only .ndl-time-picker-input-wrapper:has(input:focus) {
|
|
7737
|
+
outline:2px solid transparent;
|
|
7738
|
+
outline-offset:2px;
|
|
7596
7739
|
}
|
|
7597
7740
|
.ndl-time-picker-popover {
|
|
7598
7741
|
min-width:166px;
|
package/lib/tokens/js/tokens.js
CHANGED