@neo4j-ndl/base 2.0.0-alpha-2599d3c → 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.
Files changed (17) hide show
  1. package/lib/cjs/tailwind-preset.config.js +2 -2
  2. package/lib/cjs/tailwind-preset.config.js.map +1 -1
  3. package/lib/cjs/tokens/js/storybook-design-token.js +1 -1
  4. package/lib/cjs/tokens/js/tokens-esm.js +1 -1
  5. package/lib/cjs/tokens/js/tokens.js +1 -1
  6. package/lib/esm/tailwind-preset.config.js +2 -2
  7. package/lib/esm/tailwind-preset.config.js.map +1 -1
  8. package/lib/esm/tokens/js/storybook-design-token.js +1 -1
  9. package/lib/esm/tokens/js/tokens-esm.js +1 -1
  10. package/lib/esm/tokens/js/tokens.js +1 -1
  11. package/lib/neo4j-ds-styles.css +76 -77
  12. package/lib/tokens/css/tokens.css +1 -1
  13. package/lib/tokens/js/tokens-raw.js +1 -1
  14. package/lib/tokens/js/tokens.js +1 -1
  15. package/lib/tokens/scss/tokens.scss +1 -1
  16. package/lib/types/tokens/js/storybook-design-token.d.ts +1 -1
  17. package/package.json +1 -1
package/lib/cjs/tailwind-preset.config.js CHANGED
@@ -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
package/lib/cjs/tailwind-preset.config.js.map CHANGED
@@ -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"}
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 Tue, 26 Sep 2023 10:26:42 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;
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 Tue, 26 Sep 2023 10:26:42 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;
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 Tue, 26 Sep 2023 10:26:42 GMT
25
+ * Generated on Mon, 02 Oct 2023 13:32:52 GMT
26
26
  */
27
27
  module.exports = {
28
28
  "transitions": {
package/lib/esm/tailwind-preset.config.js CHANGED
@@ -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
package/lib/esm/tailwind-preset.config.js.map CHANGED
@@ -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"}
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 Tue, 26 Sep 2023 10:26:42 GMT
24
+ * Generated on Mon, 02 Oct 2023 13:32:52 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 Tue, 26 Sep 2023 10:26:42 GMT
24
+ * Generated on Mon, 02 Oct 2023 13:32:52 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 Tue, 26 Sep 2023 10:26:42 GMT
25
+ * Generated on Mon, 02 Oct 2023 13:32:52 GMT
26
26
  */
27
27
  module.exports = {
28
28
  "transitions": {
package/lib/neo4j-ds-styles.css CHANGED
@@ -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;
@@ -5051,7 +5046,7 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
5051
5046
  .ndl-text-link{
5052
5047
  color:rgb(var(--theme-palette-primary-text));
5053
5048
  text-decoration-line:underline;
5054
- display:flex;
5049
+ display:inline-flex;
5055
5050
  flex-direction:row;
5056
5051
  gap:4px;
5057
5052
  }
@@ -5271,13 +5266,13 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
5271
5266
  background-color:rgb(var(--theme-palette-neutral-bg-weak));
5272
5267
  padding:0px;
5273
5268
 
5274
- transition:var(--transitions-default);
5269
+ transition:var(--transitions-full-quick);
5275
5270
  }
5276
5271
  .ndl-side-navigation:not(.ndl-expanded){
5277
5272
  width:64px;
5278
5273
  min-width:4rem;
5279
5274
 
5280
- transition:var(--transitions-default);
5275
+ transition:var(--transitions-full-quick);
5281
5276
  }
5282
5277
  .ndl-side-navigation:not(.ndl-expanded) .ndl-side-navigation-drawer-button{
5283
5278
  left:8px;
@@ -5388,7 +5383,7 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
5388
5383
  cursor:pointer;
5389
5384
  }
5390
5385
  .ndl-side-navigation .ndl-side-navigation-nav-item > .ndl-side-navigation-inner-item.ndl-selectable:hover:not(.ndl-selected){
5391
- background-color:rgb(var(--theme-palette-neutral-bg-default));
5386
+ background-color:rgb(var(--theme-palette-neutral-hover));
5392
5387
  }
5393
5388
  .ndl-side-navigation .ndl-side-navigation-nav-item > .ndl-side-navigation-inner-item.ndl-selectable:focus-visible{
5394
5389
  background-color:rgb(var(--theme-palette-primary-bg-weak));
@@ -5428,7 +5423,7 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
5428
5423
  .ndl-divider{
5429
5424
  width:100%;
5430
5425
  align-self:center;
5431
- border-width:1px;
5426
+ border-top-width:1px;
5432
5427
  border-style:solid;
5433
5428
  border-color:rgb(var(--theme-palette-neutral-border-weak));
5434
5429
  }
@@ -5490,6 +5485,10 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
5490
5485
  margin-left:24px;
5491
5486
  margin-right:24px;
5492
5487
  }
5488
+ .n-my-12{
5489
+ margin-top:48px;
5490
+ margin-bottom:48px;
5491
+ }
5493
5492
  .n-mr-1{
5494
5493
  margin-right:4px;
5495
5494
  }
@@ -5532,18 +5531,18 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
5532
5531
  .n-inline-grid{
5533
5532
  display:inline-grid;
5534
5533
  }
5535
- .n-h-5{
5536
- height:20px;
5537
- }
5538
- .n-h-6{
5539
- height:24px;
5540
- }
5541
5534
  .n-h-full{
5542
5535
  height:100%;
5543
5536
  }
5544
5537
  .n-h-4{
5545
5538
  height:16px;
5546
5539
  }
5540
+ .n-h-6{
5541
+ height:24px;
5542
+ }
5543
+ .n-h-5{
5544
+ height:20px;
5545
+ }
5547
5546
  .n-h-10{
5548
5547
  height:40px;
5549
5548
  }
@@ -5574,18 +5573,18 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
5574
5573
  .n-h-36{
5575
5574
  height:144px;
5576
5575
  }
5577
- .n-w-5{
5578
- width:20px;
5579
- }
5580
- .n-w-6{
5581
- width:24px;
5582
- }
5583
5576
  .n-w-full{
5584
5577
  width:100%;
5585
5578
  }
5586
5579
  .n-w-4{
5587
5580
  width:16px;
5588
5581
  }
5582
+ .n-w-6{
5583
+ width:24px;
5584
+ }
5585
+ .n-w-5{
5586
+ width:20px;
5587
+ }
5589
5588
  .n-w-10{
5590
5589
  width:40px;
5591
5590
  }
package/lib/tokens/css/tokens.css CHANGED
@@ -21,7 +21,7 @@
21
21
 
22
22
  /**
23
23
  * Do not edit directly
24
- * Generated on Tue, 26 Sep 2023 10:26:42 GMT
24
+ * Generated on Mon, 02 Oct 2023 13:32:52 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 Tue, 26 Sep 2023 10:26:42 GMT
24
+ * Generated on Mon, 02 Oct 2023 13:32:52 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 Tue, 26 Sep 2023 10:26:42 GMT
24
+ * Generated on Mon, 02 Oct 2023 13:32:52 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 Tue, 26 Sep 2023 10:26:42 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;
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 Tue, 26 Sep 2023 10:26:42 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-2599d3c",
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",