@neo4j-ndl/base 2.0.0-alpha-9fc5150 → 2.0.0-alpha-f4e6aa3

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.
@@ -44,8 +44,8 @@ exports.tailwindConfig = {
44
44
  prefix: 'n-',
45
45
  content: [
46
46
  './src/**/*.{tsx,md,jsx,js,html,mdx}',
47
- '../react/**/*.{tsx,md,jsx,js,html,mdx}',
48
- '../storybook/**/*.{tsx,md,jsx,js,html,mdx}',
47
+ '../react/src/**/*.{tsx,md,jsx,js,html,mdx}',
48
+ '../storybook/src/**/*.{tsx,md,jsx,js,html,mdx}',
49
49
  ],
50
50
  // remove classes like `text-opacity` but leave all color utilities
51
51
  // eventually we should generate components in a more
@@ -1 +1 @@
1
- {"version":3,"file":"tailwind-preset.config.js","sourceRoot":"","sources":["../../src/tailwind-preset.config.js"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;AAEH,uDAAmD;AACnD,qDAAgD;AAEhD;;;;GAIG;AACH,2CAA2C;AAC9B,QAAA,cAAc,GAAG;IAC5B,MAAM,EAAE,IAAI;IACZ,OAAO,EAAE;QACP,qCAAqC;QACrC,wCAAwC;QACxC,4CAA4C;KAC7C;IACD,mEAAmE;IACnE,qDAAqD;IACrD,iDAAiD;IACjD,QAAQ,EAAE;QACR;YACE,OAAO,EACL,8FAA8F;YAChG,QAAQ,EAAE,CAAC,OAAO,CAAC;SACpB;QACD;YACE,OAAO,EACL,4FAA4F;YAC9F,QAAQ,EAAE,CAAC,OAAO,CAAC;SACpB;QACD;YACE,sBAAsB;YACtB,OAAO,EACL,6FAA6F;YAC/F,QAAQ,EAAE,CAAC,QAAQ,CAAC;SACrB;QACD;YACE,OAAO,EACL,gGAAgG;YAClG,QAAQ,EAAE,CAAC,OAAO,CAAC;SACpB;KACF;IACD,KAAK,wBACA,gCAAa,KAChB,MAAM,EAAE;YACN,MAAM,EAAE;gBACN,WAAW,EAAE,aAAa;gBAC1B,OAAO,EAAE,cAAc;aACxB;YACD,OAAO,wBAGF,MAAM,CAAC,IAAI,CAAC,mBAAM,CAAC,KAAK,CAAC,CAAC,MAAM,CACjC,UAAC,WAAW,EAAE,YAAY;;gBAAK,OAAA,uBAC1B,WAAW,gBACb,gBAAS,YAAY,CAAE,IAAG,mBAAM,CAAC,KAAK,CAAC,YAAY,CAAC,OACrD;YAH6B,CAG7B,EACF,EAAE,CACH,KACD,CAAC,EAAE,KAAK,EACR,EAAE,EAAE,KAAK,EACT,GAAG,EAAE,KAAK,EACV,CAAC,EAAE,KAAK,EACR,GAAG,EAAE,KAAK,EACV,CAAC,EAAE,KAAK,EACR,GAAG,EAAE,MAAM,EACX,CAAC,EAAE,MAAM,EACT,GAAG,EAAE,MAAM,EACX,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,GACZ;SACF,GACF;IACD,gCAAgC;IAChC,0DAA0D;IAC1D,OAAO,EAAE,EAAE;CACZ,CAAC"}
1
+ {"version":3,"file":"tailwind-preset.config.js","sourceRoot":"","sources":["../../src/tailwind-preset.config.js"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;AAEH,uDAAmD;AACnD,qDAAgD;AAEhD;;;;GAIG;AACH,2CAA2C;AAC9B,QAAA,cAAc,GAAG;IAC5B,MAAM,EAAE,IAAI;IACZ,OAAO,EAAE;QACP,qCAAqC;QACrC,4CAA4C;QAC5C,gDAAgD;KACjD;IACD,mEAAmE;IACnE,qDAAqD;IACrD,iDAAiD;IACjD,QAAQ,EAAE;QACR;YACE,OAAO,EACL,8FAA8F;YAChG,QAAQ,EAAE,CAAC,OAAO,CAAC;SACpB;QACD;YACE,OAAO,EACL,4FAA4F;YAC9F,QAAQ,EAAE,CAAC,OAAO,CAAC;SACpB;QACD;YACE,sBAAsB;YACtB,OAAO,EACL,6FAA6F;YAC/F,QAAQ,EAAE,CAAC,QAAQ,CAAC;SACrB;QACD;YACE,OAAO,EACL,gGAAgG;YAClG,QAAQ,EAAE,CAAC,OAAO,CAAC;SACpB;KACF;IACD,KAAK,wBACA,gCAAa,KAChB,MAAM,EAAE;YACN,MAAM,EAAE;gBACN,WAAW,EAAE,aAAa;gBAC1B,OAAO,EAAE,cAAc;aACxB;YACD,OAAO,wBAGF,MAAM,CAAC,IAAI,CAAC,mBAAM,CAAC,KAAK,CAAC,CAAC,MAAM,CACjC,UAAC,WAAW,EAAE,YAAY;;gBAAK,OAAA,uBAC1B,WAAW,gBACb,gBAAS,YAAY,CAAE,IAAG,mBAAM,CAAC,KAAK,CAAC,YAAY,CAAC,OACrD;YAH6B,CAG7B,EACF,EAAE,CACH,KACD,CAAC,EAAE,KAAK,EACR,EAAE,EAAE,KAAK,EACT,GAAG,EAAE,KAAK,EACV,CAAC,EAAE,KAAK,EACR,GAAG,EAAE,KAAK,EACV,CAAC,EAAE,KAAK,EACR,GAAG,EAAE,MAAM,EACX,CAAC,EAAE,MAAM,EACT,GAAG,EAAE,MAAM,EACX,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,GACZ;SACF,GACF;IACD,gCAAgC;IAChC,0DAA0D;IAC1D,OAAO,EAAE,EAAE;CACZ,CAAC"}
@@ -22,7 +22,7 @@
22
22
  "use strict";
23
23
  /**
24
24
  * Do not edit directly
25
- * Generated on Thu, 21 Sep 2023 10:46:02 GMT
25
+ * Generated on Mon, 02 Oct 2023 13:32:52 GMT
26
26
  */
27
27
  Object.defineProperty(exports, "__esModule", { value: true });
28
28
  exports.tokens = void 0;
@@ -22,7 +22,7 @@
22
22
  "use strict";
23
23
  /**
24
24
  * Do not edit directly
25
- * Generated on Thu, 21 Sep 2023 10:46:02 GMT
25
+ * Generated on Mon, 02 Oct 2023 13:32:52 GMT
26
26
  */
27
27
  Object.defineProperty(exports, "__esModule", { value: true });
28
28
  exports.tokens = void 0;
@@ -22,7 +22,7 @@
22
22
  "use strict";
23
23
  /**
24
24
  * Do not edit directly
25
- * Generated on Thu, 21 Sep 2023 10:46:01 GMT
25
+ * Generated on Mon, 02 Oct 2023 13:32:52 GMT
26
26
  */
27
27
  module.exports = {
28
28
  "transitions": {
@@ -30,8 +30,8 @@ export const tailwindConfig = {
30
30
  prefix: 'n-',
31
31
  content: [
32
32
  './src/**/*.{tsx,md,jsx,js,html,mdx}',
33
- '../react/**/*.{tsx,md,jsx,js,html,mdx}',
34
- '../storybook/**/*.{tsx,md,jsx,js,html,mdx}',
33
+ '../react/src/**/*.{tsx,md,jsx,js,html,mdx}',
34
+ '../storybook/src/**/*.{tsx,md,jsx,js,html,mdx}',
35
35
  ],
36
36
  // remove classes like `text-opacity` but leave all color utilities
37
37
  // eventually we should generate components in a more
@@ -1 +1 @@
1
- {"version":3,"file":"tailwind-preset.config.js","sourceRoot":"","sources":["../../src/tailwind-preset.config.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD;;;;GAIG;AACH,2CAA2C;AAC3C,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,MAAM,EAAE,IAAI;IACZ,OAAO,EAAE;QACP,qCAAqC;QACrC,wCAAwC;QACxC,4CAA4C;KAC7C;IACD,mEAAmE;IACnE,qDAAqD;IACrD,iDAAiD;IACjD,QAAQ,EAAE;QACR;YACE,OAAO,EACL,8FAA8F;YAChG,QAAQ,EAAE,CAAC,OAAO,CAAC;SACpB;QACD;YACE,OAAO,EACL,4FAA4F;YAC9F,QAAQ,EAAE,CAAC,OAAO,CAAC;SACpB;QACD;YACE,sBAAsB;YACtB,OAAO,EACL,6FAA6F;YAC/F,QAAQ,EAAE,CAAC,QAAQ,CAAC;SACrB;QACD;YACE,OAAO,EACL,gGAAgG;YAClG,QAAQ,EAAE,CAAC,OAAO,CAAC;SACpB;KACF;IACD,KAAK,kCACA,aAAa,KAChB,MAAM,EAAE;YACN,MAAM,EAAE;gBACN,WAAW,EAAE,aAAa;gBAC1B,OAAO,EAAE,cAAc;aACxB;YACD,OAAO,kCAGF,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,CACjC,CAAC,WAAW,EAAE,YAAY,EAAE,EAAE,CAAC,iCAC1B,WAAW,KACd,CAAC,SAAS,YAAY,EAAE,CAAC,EAAE,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,IACrD,EACF,EAAE,CACH,KACD,CAAC,EAAE,KAAK,EACR,EAAE,EAAE,KAAK,EACT,GAAG,EAAE,KAAK,EACV,CAAC,EAAE,KAAK,EACR,GAAG,EAAE,KAAK,EACV,CAAC,EAAE,KAAK,EACR,GAAG,EAAE,MAAM,EACX,CAAC,EAAE,MAAM,EACT,GAAG,EAAE,MAAM,EACX,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,GACZ;SACF,GACF;IACD,gCAAgC;IAChC,0DAA0D;IAC1D,OAAO,EAAE,EAAE;CACZ,CAAC"}
1
+ {"version":3,"file":"tailwind-preset.config.js","sourceRoot":"","sources":["../../src/tailwind-preset.config.js"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD;;;;GAIG;AACH,2CAA2C;AAC3C,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,MAAM,EAAE,IAAI;IACZ,OAAO,EAAE;QACP,qCAAqC;QACrC,4CAA4C;QAC5C,gDAAgD;KACjD;IACD,mEAAmE;IACnE,qDAAqD;IACrD,iDAAiD;IACjD,QAAQ,EAAE;QACR;YACE,OAAO,EACL,8FAA8F;YAChG,QAAQ,EAAE,CAAC,OAAO,CAAC;SACpB;QACD;YACE,OAAO,EACL,4FAA4F;YAC9F,QAAQ,EAAE,CAAC,OAAO,CAAC;SACpB;QACD;YACE,sBAAsB;YACtB,OAAO,EACL,6FAA6F;YAC/F,QAAQ,EAAE,CAAC,QAAQ,CAAC;SACrB;QACD;YACE,OAAO,EACL,gGAAgG;YAClG,QAAQ,EAAE,CAAC,OAAO,CAAC;SACpB;KACF;IACD,KAAK,kCACA,aAAa,KAChB,MAAM,EAAE;YACN,MAAM,EAAE;gBACN,WAAW,EAAE,aAAa;gBAC1B,OAAO,EAAE,cAAc;aACxB;YACD,OAAO,kCAGF,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,MAAM,CACjC,CAAC,WAAW,EAAE,YAAY,EAAE,EAAE,CAAC,iCAC1B,WAAW,KACd,CAAC,SAAS,YAAY,EAAE,CAAC,EAAE,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,IACrD,EACF,EAAE,CACH,KACD,CAAC,EAAE,KAAK,EACR,EAAE,EAAE,KAAK,EACT,GAAG,EAAE,KAAK,EACV,CAAC,EAAE,KAAK,EACR,GAAG,EAAE,KAAK,EACV,CAAC,EAAE,KAAK,EACR,GAAG,EAAE,MAAM,EACX,CAAC,EAAE,MAAM,EACT,GAAG,EAAE,MAAM,EACX,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,MAAM,EACV,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,EACX,EAAE,EAAE,OAAO,GACZ;SACF,GACF;IACD,gCAAgC;IAChC,0DAA0D;IAC1D,OAAO,EAAE,EAAE;CACZ,CAAC"}
@@ -21,7 +21,7 @@
21
21
 
22
22
  /**
23
23
  * Do not edit directly
24
- * Generated on Thu, 21 Sep 2023 10:46:02 GMT
24
+ * Generated on Mon, 02 Oct 2023 13:32:52 GMT
25
25
  */
26
26
  export const tokens = {
27
27
  "transitions": [
@@ -21,7 +21,7 @@
21
21
 
22
22
  /**
23
23
  * Do not edit directly
24
- * Generated on Thu, 21 Sep 2023 10:46:02 GMT
24
+ * Generated on Mon, 02 Oct 2023 13:32:52 GMT
25
25
  */
26
26
  export const tokens = {
27
27
  "transitions": {
@@ -22,7 +22,7 @@
22
22
  "use strict";
23
23
  /**
24
24
  * Do not edit directly
25
- * Generated on Thu, 21 Sep 2023 10:46:01 GMT
25
+ * Generated on Mon, 02 Oct 2023 13:32:52 GMT
26
26
  */
27
27
  module.exports = {
28
28
  "transitions": {
@@ -1078,7 +1078,7 @@ h6,
1078
1078
  padding-top:4px;
1079
1079
  }
1080
1080
  .ndl-btn{
1081
- transition:background-color var(--transitions-stripped);
1081
+ transition:background-color var(--transitions-stripped-quick);
1082
1082
  display:inline-flex;
1083
1083
  cursor:pointer;
1084
1084
  align-items:center;
@@ -1101,19 +1101,8 @@ h6,
1101
1101
  vertical-align:middle;
1102
1102
  opacity:0.5;
1103
1103
  }
1104
- .ndl-btn.ndl-extra-small{
1105
- height:24px;
1106
- padding-left:12px;
1107
- padding-right:12px;
1108
- padding-top:4px;
1109
- padding-bottom:4px;
1110
- font-size:var(--font-size-label);
1111
- font-weight:var(--font-weight-bold);
1112
- letter-spacing:0;
1113
- line-height:1.25rem;
1114
- }
1115
1104
  .ndl-btn.ndl-small{
1116
- height:28px;
1105
+ height:24px;
1117
1106
  padding-left:12px;
1118
1107
  padding-right:12px;
1119
1108
  padding-top:4px;
@@ -1511,15 +1500,14 @@ a.ndl-btn{
1511
1500
  --tw-ring-color:rgb(var(--theme-palette-primary-focus));
1512
1501
  }
1513
1502
  .ndl-tabs .ndl-tab.ndl-filled-tab:hover:not(.ndl-disabled):not(.ndl-selected){
1514
- --tw-bg-opacity:0.1;
1515
- background-color:rgb(var(--theme-palette-neutral-bg-strong));
1516
- }
1503
+ background-color:rgb(var(--theme-palette-neutral-hover));
1504
+ }
1517
1505
  .ndl-tabs .ndl-tab.ndl-filled-tab:active:not(.ndl-disabled):not(.ndl-selected){
1518
1506
  --tw-bg-opacity:0.2;
1519
- background-color:rgb(var(--theme-palette-neutral-bg-strong));
1507
+ background-color:rgb(var(--theme-palette-neutral-pressed));
1520
1508
  }
1521
1509
  .ndl-tabs .ndl-tab.ndl-filled-tab.ndl-selected{
1522
- background-color:rgb(var(--theme-palette-primary-bg-weak));
1510
+ background-color:rgb(var(--theme-palette-primary-bg-selected));
1523
1511
  color:rgb(var(--theme-palette-primary-text));
1524
1512
  }
1525
1513
  .ndl-banner{
@@ -2126,17 +2114,20 @@ a.ndl-btn{
2126
2114
  align-items:flex-start;
2127
2115
  row-gap:5px;
2128
2116
  }
2129
- .ndl-form-item.ndl-type-text .ndl-form-item-label .ndl-form-label-text{
2130
- color:rgb(var(--theme-palette-neutral-text-weak));
2131
- }
2132
2117
  .ndl-form-item.ndl-type-text .ndl-form-item-no-label{
2133
2118
  row-gap:0px;
2134
2119
  }
2120
+ .ndl-form-item.ndl-type-text:not(.ndl-disabled) .ndl-form-label-text{
2121
+ color:rgb(var(--theme-palette-neutral-text-weak));
2122
+ }
2135
2123
  .ndl-form-item.ndl-type-radio{
2136
2124
  display:flex;
2137
2125
  align-items:center;
2138
2126
  color:rgb(var(--theme-palette-neutral-text-default));
2139
2127
  }
2128
+ .ndl-form-item.ndl-disabled .ndl-form-label-text{
2129
+ color:rgb(var(--theme-palette-neutral-text-weakest));
2130
+ }
2140
2131
  .ndl-form-item.ndl-disabled .ndl-form-item-label{
2141
2132
  cursor:not-allowed;
2142
2133
  color:rgb(var(--theme-palette-neutral-text-weakest));
@@ -2154,10 +2145,11 @@ a.ndl-btn{
2154
2145
  .ndl-form-item .ndl-form-msg .ndl-error-text{
2155
2146
  display:inline-block;
2156
2147
  }
2157
- .ndl-form-item.ndl-has-error input{
2148
+ .ndl-form-item.ndl-has-error input:not(:active):not(:focus){
2149
+ outline-style:solid;
2150
+ outline-width:2px;
2151
+ outline-offset:-1px;
2158
2152
  outline-color:rgb(var(--theme-palette-danger-border-strong));
2159
- border-width:2px;
2160
- border-color:rgb(var(--theme-palette-danger-border-strong));
2161
2153
  }
2162
2154
  .ndl-form-item.ndl-has-error .ndl-form-msg{
2163
2155
  color:rgb(var(--theme-palette-danger-text));
@@ -2181,6 +2173,20 @@ a.ndl-btn{
2181
2173
  width:20px;
2182
2174
  color:rgb(var(--theme-palette-danger-text));
2183
2175
  }
2176
+ .ndl-form-item.ndl-has-icon .ndl-icon{
2177
+ color:rgb(var(--theme-palette-neutral-text-weak));
2178
+ }
2179
+ .ndl-form-item.ndl-has-icon.ndl-right-icon{
2180
+ position:absolute;
2181
+ cursor:pointer;
2182
+ }
2183
+ .ndl-form-item.ndl-has-icon.ndl-disabled .ndl-right-icon{
2184
+ cursor:not-allowed;
2185
+ }
2186
+ .ndl-form-item.ndl-has-icon.ndl-disabled .ndl-icon{
2187
+ cursor:not-allowed;
2188
+ color:rgb(var(--theme-palette-neutral-text-weakest));
2189
+ }
2184
2190
  .ndl-form-item.ndl-large input[type='text'],
2185
2191
  .ndl-form-item.ndl-large input[type='email'],
2186
2192
  .ndl-form-item.ndl-large input[type='password'],
@@ -2230,18 +2236,15 @@ a.ndl-btn{
2230
2236
  position:absolute;
2231
2237
  height:24px;
2232
2238
  width:24px;
2233
- color:rgb(var(--theme-palette-neutral-text-weak));
2234
2239
  }
2235
2240
  .ndl-form-item.ndl-large.ndl-has-icon .ndl-icon.ndl-left-icon{
2236
2241
  top:calc(50% - 12px);
2237
2242
  left:16px;
2238
2243
  }
2239
2244
  .ndl-form-item.ndl-large.ndl-has-icon .ndl-right-icon{
2240
- position:absolute;
2241
- cursor:pointer;
2242
2245
  top:calc(50% - 12px);
2243
2246
  right:16px;
2244
- }
2247
+ }
2245
2248
  .ndl-form-item.ndl-small input[type='text'],
2246
2249
  .ndl-form-item.ndl-small input[type='email'],
2247
2250
  .ndl-form-item.ndl-small input[type='password'],
@@ -2275,21 +2278,18 @@ a.ndl-btn{
2275
2278
  padding-left:36px;
2276
2279
  }
2277
2280
  .ndl-form-item.ndl-small.ndl-has-icon .ndl-icon{
2281
+ position:absolute;
2278
2282
  height:20px;
2279
2283
  width:20px;
2280
- position:absolute;
2281
- color:rgb(var(--theme-palette-neutral-text-weak));
2282
2284
  }
2283
2285
  .ndl-form-item.ndl-small.ndl-has-icon .ndl-icon.ndl-left-icon{
2284
2286
  top:calc(50% - 10px);
2285
2287
  left:12px;
2286
2288
  }
2287
2289
  .ndl-form-item.ndl-small.ndl-has-icon .ndl-right-icon{
2288
- position:absolute;
2289
- cursor:pointer;
2290
2290
  top:calc(50% - 10px);
2291
2291
  right:12px;
2292
- }
2292
+ }
2293
2293
  .ndl-form-item.ndl-extra-small{
2294
2294
  line-height:1.25rem;
2295
2295
  }
@@ -2338,18 +2338,15 @@ a.ndl-btn{
2338
2338
  position:absolute;
2339
2339
  height:16px;
2340
2340
  width:16px;
2341
- color:rgb(var(--theme-palette-neutral-text-weak));
2342
2341
  }
2343
2342
  .ndl-form-item.ndl-extra-small.ndl-has-icon .ndl-icon.ndl-left-icon{
2344
2343
  top:calc(50% - 8px);
2345
2344
  left:8px;
2346
2345
  }
2347
2346
  .ndl-form-item.ndl-extra-small.ndl-has-icon .ndl-right-icon{
2348
- position:absolute;
2349
- cursor:pointer;
2350
2347
  top:calc(50% - 8px);
2351
2348
  right:8px;
2352
- }
2349
+ }
2353
2350
  .ndl-progress-bar-wrapper{
2354
2351
  display:flex;
2355
2352
  flex-direction:column;
@@ -2395,7 +2392,7 @@ a.ndl-btn{
2395
2392
  }
2396
2393
  .ndl-progress-bar-wrapper .ndl-progress-bar-container .ndl-progress-bar{
2397
2394
  max-width:100%;
2398
- background-color:rgb(var(--theme-palette-primary-bg-strong));
2395
+ background-color:rgb(var(--theme-palette-primary-bg-status));
2399
2396
  --tw-shadow:var(--theme-shadow-overlay);
2400
2397
  --tw-shadow-colored:var(--theme-shadow-overlay);
2401
2398
  box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
@@ -3091,6 +3088,7 @@ a.ndl-btn{
3091
3088
  border-width:1px;
3092
3089
  border-style:solid;
3093
3090
  border-color:rgb(var(--theme-palette-neutral-border-strong));
3091
+ background-color:rgb(var(--theme-palette-neutral-bg-weak));
3094
3092
  padding:4px;
3095
3093
  color:rgb(var(--theme-palette-neutral-text-weak));
3096
3094
  }
@@ -3114,7 +3112,7 @@ a.ndl-btn{
3114
3112
  background-color:rgb(var(--theme-palette-neutral-pressed));
3115
3113
  }
3116
3114
  .ndl-segmented-control .ndl-current{
3117
- background-color:rgb(var(--theme-palette-primary-icon));
3115
+ background-color:rgb(var(--theme-palette-primary-bg-strong));
3118
3116
  color:rgb(var(--theme-palette-neutral-text-inverse));
3119
3117
  --tw-shadow:var(--theme-shadow-overlay);
3120
3118
  --tw-shadow-colored:var(--theme-shadow-overlay);
@@ -3214,7 +3212,7 @@ a.ndl-btn{
3214
3212
  will-change:transform;
3215
3213
  border-style:solid;
3216
3214
  border-color:rgb(var(--theme-palette-neutral-bg-strong));
3217
- border-bottom-color:rgb(var(--theme-palette-primary-focus));
3215
+ border-bottom-color:rgb(var(--theme-palette-primary-bg-status));
3218
3216
  }
3219
3217
  .ndl-table-focusable-cells .ndl-focusable-cell{
3220
3218
  outline:none;
@@ -4178,11 +4176,11 @@ a.ndl-btn{
4178
4176
  cursor:pointer;
4179
4177
  color:rgb(var(--theme-palette-neutral-text-weak));
4180
4178
  }
4181
- .ndl-dropdown .ndl-dropdown-icon.ndl-extra-small{
4179
+ .ndl-dropdown .ndl-dropdown-icon.ndl-small{
4182
4180
  height:16px;
4183
4181
  width:16px;
4184
4182
  }
4185
- .ndl-dropdown .ndl-dropdown-icon.ndl-small{
4183
+ .ndl-dropdown .ndl-dropdown-icon.ndl-medium{
4186
4184
  height:20px;
4187
4185
  width:20px;
4188
4186
  }
@@ -4198,11 +4196,11 @@ a.ndl-btn{
4198
4196
  height:100%;
4199
4197
  background-color:rgb(var(--theme-palette-neutral-border-strong));
4200
4198
  }
4201
- .ndl-dropdown .ndl-error-icon.ndl-extra-small{
4199
+ .ndl-dropdown .ndl-error-icon.ndl-small{
4202
4200
  height:16px;
4203
4201
  width:16px;
4204
4202
  }
4205
- .ndl-dropdown .ndl-error-icon.ndl-small{
4203
+ .ndl-dropdown .ndl-error-icon.ndl-medium{
4206
4204
  height:20px;
4207
4205
  width:20px;
4208
4206
  }
@@ -4213,6 +4211,15 @@ a.ndl-btn{
4213
4211
  .ndl-dropdown .ndl-error-icon{
4214
4212
  color:rgb(var(--theme-palette-danger-icon));
4215
4213
  }
4214
+ .ndl-dropdown.ndl-small .ndl-dropdown-option{
4215
+ padding:2px;
4216
+ }
4217
+ .ndl-dropdown .ndl-medium .ndl-dropdown-option{
4218
+ padding:8px;
4219
+ }
4220
+ .ndl-dropdown.ndl-large .ndl-dropdown-option{
4221
+ padding:12px;
4222
+ }
4216
4223
  .ndl-node-label{
4217
4224
  position:relative;
4218
4225
  display:inline-block;
@@ -4405,8 +4412,7 @@ a.ndl-btn{
4405
4412
  justify-content:space-between;
4406
4413
  }
4407
4414
  .ndl-widget .ndl-header-wrapper .ndl-header{
4408
- --tw-text-opacity:1;
4409
- color:rgb(26 27 29 / var(--tw-text-opacity));
4415
+ color:rgb(var(--theme-palette-neutral-text-default));
4410
4416
  }
4411
4417
 
4412
4418
  .ndl-widget .ndl-header-wrapper .ndl-header{
@@ -4689,7 +4695,7 @@ a.ndl-btn{
4689
4695
  --ac-li-hover:var(--colors-neutral-80);
4690
4696
  --ac-li-text-selected:var(--colors-neutral-80);
4691
4697
  --ac-tooltip-border:var(--colors-neutral-80);
4692
- --ac-tooltip-background:45, 53, 63;
4698
+ --ac-tooltip-background:var(--theme-dark-palette-neutral-bg-weak);
4693
4699
  }
4694
4700
  .ndl-cypher-code-block .cm-light{
4695
4701
  --background:var(--colors-neutral-20);
@@ -4796,7 +4802,7 @@ a.ndl-btn{
4796
4802
  background-image:none;
4797
4803
  color:white;
4798
4804
  border:none;
4799
- transition:background-color var(--transitions-stripped);
4805
+ transition:background-color var(--transitions-stripped-quick);
4800
4806
  display:inline-flex;
4801
4807
  cursor:pointer;
4802
4808
  align-items:center;
@@ -4819,19 +4825,8 @@ a.ndl-btn{
4819
4825
  vertical-align:middle;
4820
4826
  opacity:0.5;
4821
4827
  }
4822
- .ndl-cypher-editor .cm-editor .cm-button.ndl-extra-small, .ndl-codemirror-editor .cm-editor .cm-button.ndl-extra-small{
4823
- height:24px;
4824
- padding-left:12px;
4825
- padding-right:12px;
4826
- padding-top:4px;
4827
- padding-bottom:4px;
4828
- font-size:var(--font-size-label);
4829
- font-weight:var(--font-weight-bold);
4830
- letter-spacing:0;
4831
- line-height:1.25rem;
4832
- }
4833
4828
  .ndl-cypher-editor .cm-editor .cm-button.ndl-small, .ndl-codemirror-editor .cm-editor .cm-button.ndl-small{
4834
- height:28px;
4829
+ height:24px;
4835
4830
  padding-left:12px;
4836
4831
  padding-right:12px;
4837
4832
  padding-top:4px;
@@ -5049,63 +5044,37 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
5049
5044
  opacity:100%;
5050
5045
  }
5051
5046
  .ndl-text-link{
5052
- color:rgba(var(--theme-palette-primary-text), 1);
5047
+ color:rgb(var(--theme-palette-primary-text));
5053
5048
  text-decoration-line:underline;
5049
+ display:inline-flex;
5050
+ flex-direction:row;
5051
+ gap:4px;
5054
5052
  }
5055
- .ndl-text-link.ndl-disabled-text-link{
5056
- color:rgba(var(--theme-palette-neutral-text-weakest), 1);
5057
- pointer-events:none;
5058
- }
5053
+ .ndl-text-link > div{
5054
+ flex-shrink:0;
5055
+ }
5056
+ .ndl-text-link .ndl-external-link-icon{
5057
+ width:12px;
5058
+ height:12px;
5059
+ }
5059
5060
  .ndl-text-link:hover{
5060
- color:rgba(var(--theme-palette-primary-hover-strong), 1);
5061
- }
5061
+ color:rgb(var(--theme-palette-primary-hover-strong));
5062
+ }
5062
5063
  .ndl-text-link:active{
5063
- color:rgba(var(--theme-palette-primary-pressed-strong), 1);
5064
- }
5064
+ color:rgb(var(--theme-palette-primary-pressed-strong));
5065
+ }
5065
5066
  .ndl-text-link:focus-visible{
5066
- color:rgba(var(--theme-palette-primary-pressed-strong), 1);
5067
- box-sizing:border-box;
5068
- border-radius:4px;
5069
- outline:0;
5070
- padding:0 4px;
5071
- border:2px solid rgba(var(--theme-palette-primary-focus), 1);
5072
- }
5073
- .ndl-text-link.ndl-external-link::after{
5074
- content:'';
5075
- width:0.8em;
5076
- height:0.8em;
5077
- margin:0 0 0 0.15em;
5078
- -webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.0" aria-hidden="true" stroke="%23006FD6"><path stroke-linecap="round" stroke-linejoin="round" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg>');
5079
- mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.0" aria-hidden="true" stroke="%23006FD6"><path stroke-linecap="round" stroke-linejoin="round" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg>');
5080
- background-color:rgba(var(--theme-palette-primary-text), 1);
5081
- display:inline-block;
5082
- vertical-align:text-top;
5083
- }
5084
- .ndl-text-link.ndl-external-link.ndl-disabled-text-link::after{
5085
- content:'';
5086
- -webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.0" aria-hidden="true" stroke="%23B2B7BD"><path stroke-linecap="round" stroke-linejoin="round" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg>');
5087
- mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.0" aria-hidden="true" stroke="%23B2B7BD"><path stroke-linecap="round" stroke-linejoin="round" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg>');
5088
- background-color:rgba(var(--theme-palette-neutral-text-weakest), 1);
5089
- pointer-events:none;
5090
- }
5091
- .ndl-text-link:hover.ndl-external-link::after{
5092
- content:'';
5093
- -webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.0" aria-hidden="true" stroke="%230056B3"><path stroke-linecap="round" stroke-linejoin="round" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg>');
5094
- mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.0" aria-hidden="true" stroke="%230056B3"><path stroke-linecap="round" stroke-linejoin="round" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg>');
5095
- background-color:rgba(var(--theme-palette-primary-hover-strong), 1);
5096
- }
5097
- .ndl-text-link:active.ndl-external-link::after{
5098
- content:'';
5099
- -webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.0" aria-hidden="true" stroke="%23004092"><path stroke-linecap="round" stroke-linejoin="round" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg>');
5100
- mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.0" aria-hidden="true" stroke="%23004092"><path stroke-linecap="round" stroke-linejoin="round" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg>');
5101
- background-color:rgba(var(--theme-palette-primary-hover-strong), 1);
5102
- }
5103
- .ndl-text-link:focus-visible.ndl-external-link::after{
5104
- content:'';
5105
- -webkit-mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.0" aria-hidden="true" stroke="%23004092"><path stroke-linecap="round" stroke-linejoin="round" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg>');
5106
- mask-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2.0" aria-hidden="true" stroke="%23004092"><path stroke-linecap="round" stroke-linejoin="round" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path></svg>');
5107
- background-color:rgba(var(--theme-palette-primary-hover-strong), 1);
5108
- }
5067
+ color:rgb(var(--theme-palette-primary-pressed-strong));
5068
+ box-sizing:border-box;
5069
+ border-radius:4px;
5070
+ outline:0;
5071
+ padding:0 4px;
5072
+ border:px solid rgb(var(--theme-palette-primary-focus));
5073
+ }
5074
+ .ndl-text-link.ndl-disabled-text-link{
5075
+ color:rgb(var(--theme-palette-neutral-text-weakest));
5076
+ pointer-events:none;
5077
+ }
5109
5078
  .ndl-textarea .ndl-textarea-wrapper{
5110
5079
  position:relative;
5111
5080
  width:100%;
@@ -5297,13 +5266,13 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
5297
5266
  background-color:rgb(var(--theme-palette-neutral-bg-weak));
5298
5267
  padding:0px;
5299
5268
 
5300
- transition:var(--transitions-default);
5269
+ transition:var(--transitions-full-quick);
5301
5270
  }
5302
5271
  .ndl-side-navigation:not(.ndl-expanded){
5303
5272
  width:64px;
5304
5273
  min-width:4rem;
5305
5274
 
5306
- transition:var(--transitions-default);
5275
+ transition:var(--transitions-full-quick);
5307
5276
  }
5308
5277
  .ndl-side-navigation:not(.ndl-expanded) .ndl-side-navigation-drawer-button{
5309
5278
  left:8px;
@@ -5414,7 +5383,7 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
5414
5383
  cursor:pointer;
5415
5384
  }
5416
5385
  .ndl-side-navigation .ndl-side-navigation-nav-item > .ndl-side-navigation-inner-item.ndl-selectable:hover:not(.ndl-selected){
5417
- background-color:rgb(var(--theme-palette-neutral-bg-default));
5386
+ background-color:rgb(var(--theme-palette-neutral-hover));
5418
5387
  }
5419
5388
  .ndl-side-navigation .ndl-side-navigation-nav-item > .ndl-side-navigation-inner-item.ndl-selectable:focus-visible{
5420
5389
  background-color:rgb(var(--theme-palette-primary-bg-weak));
@@ -5454,7 +5423,7 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
5454
5423
  .ndl-divider{
5455
5424
  width:100%;
5456
5425
  align-self:center;
5457
- border-width:1px;
5426
+ border-top-width:1px;
5458
5427
  border-style:solid;
5459
5428
  border-color:rgb(var(--theme-palette-neutral-border-weak));
5460
5429
  }
@@ -5516,6 +5485,10 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
5516
5485
  margin-left:24px;
5517
5486
  margin-right:24px;
5518
5487
  }
5488
+ .n-my-12{
5489
+ margin-top:48px;
5490
+ margin-bottom:48px;
5491
+ }
5519
5492
  .n-mr-1{
5520
5493
  margin-right:4px;
5521
5494
  }
@@ -5558,18 +5531,18 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
5558
5531
  .n-inline-grid{
5559
5532
  display:inline-grid;
5560
5533
  }
5561
- .n-h-5{
5562
- height:20px;
5563
- }
5564
- .n-h-6{
5565
- height:24px;
5566
- }
5567
5534
  .n-h-full{
5568
5535
  height:100%;
5569
5536
  }
5570
5537
  .n-h-4{
5571
5538
  height:16px;
5572
5539
  }
5540
+ .n-h-6{
5541
+ height:24px;
5542
+ }
5543
+ .n-h-5{
5544
+ height:20px;
5545
+ }
5573
5546
  .n-h-10{
5574
5547
  height:40px;
5575
5548
  }
@@ -5600,18 +5573,18 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
5600
5573
  .n-h-36{
5601
5574
  height:144px;
5602
5575
  }
5603
- .n-w-5{
5604
- width:20px;
5605
- }
5606
- .n-w-6{
5607
- width:24px;
5608
- }
5609
5576
  .n-w-full{
5610
5577
  width:100%;
5611
5578
  }
5612
5579
  .n-w-4{
5613
5580
  width:16px;
5614
5581
  }
5582
+ .n-w-6{
5583
+ width:24px;
5584
+ }
5585
+ .n-w-5{
5586
+ width:20px;
5587
+ }
5615
5588
  .n-w-10{
5616
5589
  width:40px;
5617
5590
  }
@@ -21,7 +21,7 @@
21
21
 
22
22
  /**
23
23
  * Do not edit directly
24
- * Generated on Thu, 21 Sep 2023 10:46:01 GMT
24
+ * Generated on Mon, 02 Oct 2023 13:32:52 GMT
25
25
  */
26
26
 
27
27
  :root {
@@ -21,7 +21,7 @@
21
21
 
22
22
  /**
23
23
  * Do not edit directly
24
- * Generated on Thu, 21 Sep 2023 10:46:02 GMT
24
+ * Generated on Mon, 02 Oct 2023 13:32:52 GMT
25
25
  */
26
26
 
27
27
  module.exports = {
@@ -21,7 +21,7 @@
21
21
 
22
22
  /**
23
23
  * Do not edit directly
24
- * Generated on Thu, 21 Sep 2023 10:46:02 GMT
24
+ * Generated on Mon, 02 Oct 2023 13:32:52 GMT
25
25
  */
26
26
 
27
27
  export const tokens = {
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Thu, 21 Sep 2023 10:46:01 GMT
3
+ // Generated on Mon, 02 Oct 2023 13:32:52 GMT
4
4
 
5
5
  $transitions-values-properties-default: all;
6
6
  $transitions-values-duration-quick: 100ms;
@@ -21,7 +21,7 @@
21
21
 
22
22
  /**
23
23
  * Do not edit directly
24
- * Generated on Thu, 21 Sep 2023 10:46:02 GMT
24
+ * Generated on Mon, 02 Oct 2023 13:32:52 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": "2.0.0-alpha-9fc5150",
3
+ "version": "2.0.0-alpha-f4e6aa3",
4
4
  "description": "Neo4j base package for the design system",
5
5
  "author": "Neo4j Inc.",
6
6
  "homepage": "https://www.neo4j.design",