@neo4j-ndl/base 3.7.12 → 3.7.13
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 +122 -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/lib/neo4j-ds-styles.css
CHANGED
|
@@ -7593,6 +7593,128 @@ button.ndl-avatar:focus-visible {
|
|
|
7593
7593
|
}
|
|
7594
7594
|
}
|
|
7595
7595
|
.ndl-time-picker{
|
|
7596
|
+
--input-padding-x:var(--space-4);
|
|
7597
|
+
--input-height:36px;
|
|
7598
|
+
--icon-size:20px;
|
|
7599
|
+
}
|
|
7600
|
+
.ndl-time-picker.ndl-small{
|
|
7601
|
+
--input-padding-x:var(--space-3);
|
|
7602
|
+
--input-height:24px;
|
|
7603
|
+
--icon-size:16px;
|
|
7604
|
+
}
|
|
7605
|
+
.ndl-time-picker.ndl-medium{
|
|
7606
|
+
--input-padding-x:var(--space-4);
|
|
7607
|
+
--input-height:36px;
|
|
7608
|
+
--icon-size:20px;
|
|
7609
|
+
}
|
|
7610
|
+
.ndl-time-picker.ndl-large{
|
|
7611
|
+
--input-padding-x:var(--space-5);
|
|
7612
|
+
--input-height:48px;
|
|
7613
|
+
--icon-size:24px;
|
|
7614
|
+
}
|
|
7615
|
+
.ndl-time-picker.ndl-large .ndl-time-picker-input{
|
|
7616
|
+
font-family:var(--font-font-family-body-large), sans-serif;
|
|
7617
|
+
font-size:var(--font-size-body-large);
|
|
7618
|
+
font-weight:var(--font-weight-normal);
|
|
7619
|
+
letter-spacing:0.016rem;
|
|
7620
|
+
line-height:1.5rem;
|
|
7621
|
+
}
|
|
7622
|
+
.ndl-time-picker .ndl-time-picker-input-wrapper {
|
|
7623
|
+
display:flex;
|
|
7624
|
+
flex-direction:row;
|
|
7625
|
+
align-items:center;
|
|
7626
|
+
gap:2px;
|
|
7627
|
+
border-radius:4px;
|
|
7628
|
+
border-width:1px;
|
|
7629
|
+
border-color:rgb(var(--theme-palette-neutral-border-strong));
|
|
7630
|
+
outline:2px solid transparent;
|
|
7631
|
+
outline-offset:2px;
|
|
7632
|
+
|
|
7633
|
+
padding-left:var(--input-padding-x);
|
|
7634
|
+
padding-right:var(--input-padding-x);
|
|
7635
|
+
height:var(--input-height);
|
|
7636
|
+
}
|
|
7637
|
+
.ndl-time-picker .ndl-time-picker-input-wrapper:has(input:focus) {
|
|
7638
|
+
outline-offset:-2px;
|
|
7639
|
+
outline-color:rgb(var(--theme-palette-primary-focus));
|
|
7640
|
+
}
|
|
7641
|
+
.ndl-time-picker .ndl-time-picker-input-wrapper .ndl-time-picker-input {
|
|
7642
|
+
width:100%;
|
|
7643
|
+
background-color:rgb(var(--theme-palette-neutral-bg-weak));
|
|
7644
|
+
color:rgb(var(--theme-palette-neutral-text-default));
|
|
7645
|
+
outline:2px solid transparent;
|
|
7646
|
+
outline-offset:2px;
|
|
7647
|
+
font-family:var(--font-font-family-body-medium), sans-serif;
|
|
7648
|
+
font-size:var(--font-size-body-medium);
|
|
7649
|
+
font-weight:var(--font-weight-normal);
|
|
7650
|
+
letter-spacing:0.016rem;
|
|
7651
|
+
line-height:1.25rem;
|
|
7652
|
+
}
|
|
7653
|
+
.ndl-time-picker .ndl-time-picker-input-wrapper .ndl-time-picker-input::-moz-placeholder {
|
|
7654
|
+
color:rgb(var(--theme-palette-neutral-text-weaker));
|
|
7655
|
+
}
|
|
7656
|
+
.ndl-time-picker .ndl-time-picker-input-wrapper .ndl-time-picker-input::placeholder {
|
|
7657
|
+
color:rgb(var(--theme-palette-neutral-text-weaker));
|
|
7658
|
+
}
|
|
7659
|
+
.ndl-time-picker .ndl-time-picker-input-wrapper .ndl-time-picker-icon {
|
|
7660
|
+
flex-shrink:0;
|
|
7661
|
+
color:rgb(var(--theme-palette-neutral-icon));
|
|
7662
|
+
width:var(--icon-size);
|
|
7663
|
+
height:var(--icon-size);
|
|
7664
|
+
}
|
|
7665
|
+
.ndl-time-picker .ndl-time-picker-label {
|
|
7666
|
+
display:flex;
|
|
7667
|
+
flex-direction:column;
|
|
7668
|
+
gap:4px;
|
|
7669
|
+
color:rgb(var(--theme-palette-neutral-text-weak));
|
|
7670
|
+
}
|
|
7671
|
+
.ndl-time-picker .ndl-time-picker-error-wrapper {
|
|
7672
|
+
margin-top:4px;
|
|
7673
|
+
display:flex;
|
|
7674
|
+
flex-direction:row;
|
|
7675
|
+
align-items:center;
|
|
7676
|
+
gap:2px;
|
|
7677
|
+
color:rgb(var(--theme-palette-danger-text));
|
|
7678
|
+
}
|
|
7679
|
+
.ndl-time-picker .ndl-time-picker-error-wrapper .ndl-time-picker-error-icon {
|
|
7680
|
+
width:20px;
|
|
7681
|
+
height:20px;
|
|
7682
|
+
flex-shrink:0;
|
|
7683
|
+
color:rgb(var(--theme-palette-danger-icon));
|
|
7684
|
+
}
|
|
7685
|
+
.ndl-time-picker.ndl-error .ndl-time-picker-input-wrapper {
|
|
7686
|
+
outline-width:2px;
|
|
7687
|
+
outline-offset:-2px;
|
|
7688
|
+
outline-color:rgb(var(--theme-palette-danger-border-strong));
|
|
7689
|
+
}
|
|
7690
|
+
.ndl-time-picker.ndl-error .ndl-time-picker-input-wrapper:has(input:focus) {
|
|
7691
|
+
outline-color:rgb(var(--theme-palette-danger-border-strong));
|
|
7692
|
+
}
|
|
7693
|
+
.ndl-time-picker.ndl-disabled .ndl-time-picker-label {
|
|
7694
|
+
color:rgb(var(--theme-palette-neutral-text-weakest));
|
|
7695
|
+
}
|
|
7696
|
+
.ndl-time-picker.ndl-disabled .ndl-time-picker-input-wrapper {
|
|
7697
|
+
cursor:not-allowed;
|
|
7698
|
+
color:rgb(var(--theme-palette-neutral-text-weakest));
|
|
7699
|
+
}
|
|
7700
|
+
.ndl-time-picker.ndl-disabled .ndl-time-picker-input-wrapper .ndl-time-picker-input {
|
|
7701
|
+
cursor:not-allowed;
|
|
7702
|
+
}
|
|
7703
|
+
.ndl-time-picker.ndl-disabled .ndl-time-picker-input-wrapper .ndl-time-picker-icon {
|
|
7704
|
+
color:rgb(var(--theme-palette-neutral-text-weakest));
|
|
7705
|
+
}
|
|
7706
|
+
.ndl-time-picker.ndl-read-only.ndl-small,
|
|
7707
|
+
.ndl-time-picker.ndl-read-only.ndl-medium,
|
|
7708
|
+
.ndl-time-picker.ndl-read-only.ndl-large{
|
|
7709
|
+
--input-height:20px;
|
|
7710
|
+
--input-padding-x:0px;
|
|
7711
|
+
}
|
|
7712
|
+
.ndl-time-picker.ndl-read-only .ndl-time-picker-input-wrapper {
|
|
7713
|
+
border-style:none;
|
|
7714
|
+
}
|
|
7715
|
+
.ndl-time-picker.ndl-read-only .ndl-time-picker-input-wrapper:has(input:focus) {
|
|
7716
|
+
outline:2px solid transparent;
|
|
7717
|
+
outline-offset:2px;
|
|
7596
7718
|
}
|
|
7597
7719
|
.ndl-time-picker-popover {
|
|
7598
7720
|
min-width:166px;
|
package/lib/tokens/js/tokens.js
CHANGED