@neo4j-ndl/base 3.7.11 → 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.
Files changed (13) hide show
  1. package/lib/cjs/tokens/js/storybook-design-token.js +1 -1
  2. package/lib/cjs/tokens/js/tokens-esm.js +1 -1
  3. package/lib/cjs/tokens/js/tokens.js +1 -1
  4. package/lib/esm/tokens/js/storybook-design-token.js +1 -1
  5. package/lib/esm/tokens/js/tokens-esm.js +1 -1
  6. package/lib/esm/tokens/js/tokens.js +1 -1
  7. package/lib/neo4j-ds-styles.css +123 -0
  8. package/lib/tokens/css/tokens.css +1 -1
  9. package/lib/tokens/js/tokens-raw.js +1 -1
  10. package/lib/tokens/js/tokens.js +1 -1
  11. package/lib/tokens/scss/tokens.scss +1 -1
  12. package/lib/types/tokens/js/storybook-design-token.d.ts +1 -1
  13. package/package.json +1 -1
package/lib/cjs/tokens/js/storybook-design-token.js CHANGED
@@ -22,7 +22,7 @@
22
22
  "use strict";
23
23
  /**
24
24
  * Do not edit directly
25
- * Generated on Mon, 30 Jun 2025 13:55:56 GMT
25
+ * Generated on Wed, 02 Jul 2025 13:43:36 GMT
26
26
  */
27
27
  Object.defineProperty(exports, "__esModule", { value: true });
28
28
  exports.tokens = void 0;
package/lib/cjs/tokens/js/tokens-esm.js CHANGED
@@ -22,7 +22,7 @@
22
22
  "use strict";
23
23
  /**
24
24
  * Do not edit directly
25
- * Generated on Mon, 30 Jun 2025 13:55:56 GMT
25
+ * Generated on Wed, 02 Jul 2025 13:43:36 GMT
26
26
  */
27
27
  Object.defineProperty(exports, "__esModule", { value: true });
28
28
  exports.tokens = void 0;
package/lib/cjs/tokens/js/tokens.js CHANGED
@@ -22,7 +22,7 @@
22
22
  "use strict";
23
23
  /**
24
24
  * Do not edit directly
25
- * Generated on Mon, 30 Jun 2025 13:55:56 GMT
25
+ * Generated on Wed, 02 Jul 2025 13:43:35 GMT
26
26
  */
27
27
  module.exports = {
28
28
  "transitions": {
package/lib/esm/tokens/js/storybook-design-token.js CHANGED
@@ -21,7 +21,7 @@
21
21
 
22
22
  /**
23
23
  * Do not edit directly
24
- * Generated on Mon, 30 Jun 2025 13:55:56 GMT
24
+ * Generated on Wed, 02 Jul 2025 13:43:36 GMT
25
25
  */
26
26
  export const tokens = {
27
27
  "transitions": [
package/lib/esm/tokens/js/tokens-esm.js CHANGED
@@ -21,7 +21,7 @@
21
21
 
22
22
  /**
23
23
  * Do not edit directly
24
- * Generated on Mon, 30 Jun 2025 13:55:56 GMT
24
+ * Generated on Wed, 02 Jul 2025 13:43:36 GMT
25
25
  */
26
26
  export const tokens = {
27
27
  "transitions": {
package/lib/esm/tokens/js/tokens.js CHANGED
@@ -22,7 +22,7 @@
22
22
  "use strict";
23
23
  /**
24
24
  * Do not edit directly
25
- * Generated on Mon, 30 Jun 2025 13:55:56 GMT
25
+ * Generated on Wed, 02 Jul 2025 13:43:35 GMT
26
26
  */
27
27
  module.exports = {
28
28
  "transitions": {
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;
@@ -8110,6 +8232,7 @@ button.ndl-avatar:focus-visible {
8110
8232
  position:relative;
8111
8233
  }
8112
8234
  .ndl-side-nav.ndl-side-nav-popover {
8235
+ z-index:20;
8113
8236
  border-radius:10px;
8114
8237
  border-width:1px;
8115
8238
  border-color:rgb(var(--theme-palette-neutral-border-weak));
package/lib/tokens/css/tokens.css CHANGED
@@ -21,7 +21,7 @@
21
21
 
22
22
  /**
23
23
  * Do not edit directly
24
- * Generated on Mon, 30 Jun 2025 13:55:56 GMT
24
+ * Generated on Wed, 02 Jul 2025 13:43:35 GMT
25
25
  */
26
26
 
27
27
  :root {
package/lib/tokens/js/tokens-raw.js CHANGED
@@ -21,7 +21,7 @@
21
21
 
22
22
  /**
23
23
  * Do not edit directly
24
- * Generated on Mon, 30 Jun 2025 13:55:56 GMT
24
+ * Generated on Wed, 02 Jul 2025 13:43:36 GMT
25
25
  */
26
26
 
27
27
  module.exports = {
package/lib/tokens/js/tokens.js CHANGED
@@ -21,7 +21,7 @@
21
21
 
22
22
  /**
23
23
  * Do not edit directly
24
- * Generated on Mon, 30 Jun 2025 13:55:56 GMT
24
+ * Generated on Wed, 02 Jul 2025 13:43:36 GMT
25
25
  */
26
26
 
27
27
  export const tokens = {
package/lib/tokens/scss/tokens.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Mon, 30 Jun 2025 13:55:56 GMT
3
+ // Generated on Wed, 02 Jul 2025 13:43:35 GMT
4
4
 
5
5
  $transitions-values-properties-default: all;
6
6
  $transitions-values-duration-quick: 100ms;
package/lib/types/tokens/js/storybook-design-token.d.ts CHANGED
@@ -21,7 +21,7 @@
21
21
 
22
22
  /**
23
23
  * Do not edit directly
24
- * Generated on Mon, 30 Jun 2025 13:55:56 GMT
24
+ * Generated on Wed, 02 Jul 2025 13:43:36 GMT
25
25
  */
26
26
  export const tokens: {
27
27
  transitions: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@neo4j-ndl/base",
3
- "version": "3.7.11",
3
+ "version": "3.7.13",
4
4
  "description": "Neo4j base package for the design system",
5
5
  "author": "Neo4j Inc.",
6
6
  "homepage": "https://www.neo4j.design",