@neo4j-ndl/base 2.9.6 → 2.10.0

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 (14) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/lib/cjs/tokens/js/storybook-design-token.js +1 -1
  3. package/lib/cjs/tokens/js/tokens-esm.js +1 -1
  4. package/lib/cjs/tokens/js/tokens.js +1 -1
  5. package/lib/esm/tokens/js/storybook-design-token.js +1 -1
  6. package/lib/esm/tokens/js/tokens-esm.js +1 -1
  7. package/lib/esm/tokens/js/tokens.js +1 -1
  8. package/lib/neo4j-ds-styles.css +84 -2
  9. package/lib/tokens/css/tokens.css +1 -1
  10. package/lib/tokens/js/tokens-raw.js +1 -1
  11. package/lib/tokens/js/tokens.js +1 -1
  12. package/lib/tokens/scss/tokens.scss +1 -1
  13. package/lib/types/tokens/js/storybook-design-token.d.ts +1 -1
  14. package/package.json +1 -1
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # Change Log
2
2
 
3
+ ## 2.10.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#922](https://github.com/neo4j/needle/pull/922) [`505543dbbaf89b59bbcd294527b52cad339882d9`](https://github.com/neo4j/needle/commit/505543dbbaf89b59bbcd294527b52cad339882d9) Thanks [@daugerdas](https://github.com/daugerdas)! - add callout component
8
+
9
+ ## 2.9.7
10
+
11
+ ### Patch Changes
12
+
13
+ - [#919](https://github.com/neo4j/needle/pull/919) [`48c4b14d5cea02c980380a25c11d802b8f61f884`](https://github.com/neo4j/needle/commit/48c4b14d5cea02c980380a25c11d802b8f61f884) Thanks [@basickarl](https://github.com/basickarl)! - Fixed group header heading size
14
+
3
15
  ## 2.9.6
4
16
 
5
17
  ### Patch Changes
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 Wed, 08 May 2024 11:39:08 GMT
25
+ * Generated on Fri, 17 May 2024 07:47:03 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 Wed, 08 May 2024 11:39:08 GMT
25
+ * Generated on Fri, 17 May 2024 07:47:03 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 Wed, 08 May 2024 11:39:08 GMT
25
+ * Generated on Fri, 17 May 2024 07:47:03 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 Wed, 08 May 2024 11:39:08 GMT
24
+ * Generated on Fri, 17 May 2024 07:47:03 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 Wed, 08 May 2024 11:39:08 GMT
24
+ * Generated on Fri, 17 May 2024 07:47:03 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 Wed, 08 May 2024 11:39:08 GMT
25
+ * Generated on Fri, 17 May 2024 07:47:03 GMT
26
26
  */
27
27
  module.exports = {
28
28
  "transitions": {
package/lib/neo4j-ds-styles.css CHANGED
@@ -5417,10 +5417,10 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
5417
5417
  }
5418
5418
  .ndl-side-navigation .ndl-side-navigation-nav-item > .ndl-side-navigation-inner-item.ndl-side-navigation-group-header{
5419
5419
  height:48px;
5420
- font-size:var(--font-size-h5);
5420
+ font-size:var(--font-size-h6);
5421
5421
  font-weight:var(--font-weight-bold);
5422
5422
  letter-spacing:0.016rem;
5423
- line-height:1.75rem;
5423
+ line-height:1.5rem;
5424
5424
  }
5425
5425
  .ndl-side-navigation .ndl-side-navigation-nav-item > .ndl-side-navigation-inner-item.ndl-selected{
5426
5426
  position:relative;
@@ -6301,6 +6301,88 @@ a.ndl-cypher-editor .cm-editor .cm-button,a .ndl-codemirror-editor .cm-editor .c
6301
6301
  .ndl-tree-view-list .ndl-trail .ndl-trail-straight{
6302
6302
  margin:auto;
6303
6303
  }
6304
+ .ndl-callout{
6305
+ position:relative;
6306
+ width:100%;
6307
+ overflow:hidden;
6308
+ border-radius:8px;
6309
+ border-width:0.5px;
6310
+ border-color:rgb(var(--theme-palette-neutral-border-strong));
6311
+ padding-right:16px;
6312
+ padding-left:22px;
6313
+ color:rgb(var(--theme-palette-neutral-text-default));
6314
+ }
6315
+ .ndl-callout .ndl-callout-wrapper{
6316
+ display:flex;
6317
+ gap:16px;
6318
+ padding-top:16px;
6319
+ padding-bottom:16px;
6320
+ }
6321
+ .ndl-callout .ndl-callout-content{
6322
+ display:flex;
6323
+ flex-direction:column;
6324
+ gap:8px;
6325
+ }
6326
+ .ndl-callout .ndl-callout-rectangle{
6327
+ position:absolute;
6328
+ left:0px;
6329
+ height:100%;
6330
+ width:6px;
6331
+ background-color:rgb(var(--theme-palette-primary-bg-strong));
6332
+ }
6333
+ .ndl-callout .ndl-callout-icon{
6334
+ width:24px;
6335
+ height:24px;
6336
+ flex-shrink:0;
6337
+ }
6338
+ .ndl-callout.ndl-callout-note{
6339
+ border-color:rgb(var(--theme-palette-primary-border-strong));
6340
+ }
6341
+ .ndl-callout.ndl-callout-note .ndl-callout-rectangle{
6342
+ background-color:rgb(var(--theme-palette-primary-bg-strong));
6343
+ }
6344
+ .ndl-callout.ndl-callout-note .ndl-callout-title{
6345
+ color:rgb(var(--theme-palette-primary-text));
6346
+ }
6347
+ .ndl-callout.ndl-callout-note .ndl-callout-icon{
6348
+ color:rgb(var(--theme-palette-primary-icon));
6349
+ }
6350
+ .ndl-callout.ndl-callout-important{
6351
+ border-color:rgb(var(--theme-palette-warning-border-strong));
6352
+ }
6353
+ .ndl-callout.ndl-callout-important .ndl-callout-rectangle{
6354
+ background-color:rgb(var(--theme-palette-warning-border-strong));
6355
+ }
6356
+ .ndl-callout.ndl-callout-important .ndl-callout-title{
6357
+ color:rgb(var(--theme-palette-warning-text));
6358
+ }
6359
+ .ndl-callout.ndl-callout-important .ndl-callout-icon{
6360
+ color:rgb(var(--theme-palette-warning-icon));
6361
+ }
6362
+ .ndl-callout.ndl-callout-example{
6363
+ border-color:rgb(var(--theme-palette-neutral-border-strongest));
6364
+ }
6365
+ .ndl-callout.ndl-callout-example .ndl-callout-rectangle{
6366
+ background-color:rgb(var(--theme-palette-neutral-border-strongest));
6367
+ }
6368
+ .ndl-callout.ndl-callout-example .ndl-callout-title{
6369
+ color:rgb(var(--theme-palette-neutral-text-weak));
6370
+ }
6371
+ .ndl-callout.ndl-callout-example .ndl-callout-icon{
6372
+ color:rgb(var(--theme-palette-neutral-icon));
6373
+ }
6374
+ .ndl-callout.ndl-callout-tip{
6375
+ border-color:rgb(var(--theme-palette-discovery-border-strong));
6376
+ }
6377
+ .ndl-callout.ndl-callout-tip .ndl-callout-rectangle{
6378
+ background-color:rgb(var(--theme-palette-discovery-bg-strong));
6379
+ }
6380
+ .ndl-callout.ndl-callout-tip .ndl-callout-title{
6381
+ color:rgb(var(--theme-palette-discovery-text));
6382
+ }
6383
+ .ndl-callout.ndl-callout-tip .ndl-callout-icon{
6384
+ color:rgb(var(--theme-palette-discovery-icon));
6385
+ }
6304
6386
  .n-sr-only{
6305
6387
  position:absolute;
6306
6388
  width:1px;
package/lib/tokens/css/tokens.css CHANGED
@@ -21,7 +21,7 @@
21
21
 
22
22
  /**
23
23
  * Do not edit directly
24
- * Generated on Wed, 08 May 2024 11:39:08 GMT
24
+ * Generated on Fri, 17 May 2024 07:47:03 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 Wed, 08 May 2024 11:39:08 GMT
24
+ * Generated on Fri, 17 May 2024 07:47:03 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 Wed, 08 May 2024 11:39:08 GMT
24
+ * Generated on Fri, 17 May 2024 07:47:03 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 Wed, 08 May 2024 11:39:08 GMT
3
+ // Generated on Fri, 17 May 2024 07:47:03 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 Wed, 08 May 2024 11:39:08 GMT
24
+ * Generated on Fri, 17 May 2024 07:47:03 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.9.6",
3
+ "version": "2.10.0",
4
4
  "description": "Neo4j base package for the design system",
5
5
  "author": "Neo4j Inc.",
6
6
  "homepage": "https://www.neo4j.design",