@neo4j-ndl/base 2.0.2 → 2.0.3

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 +6 -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 +45 -45
  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,11 @@
1
1
  # Change Log
2
2
 
3
+ ## 2.0.3
4
+
5
+ ### Patch Changes
6
+
7
+ - [#684](https://github.com/neo4j/neo4j-design/pull/684) [`c2e04dd`](https://github.com/neo4j/neo4j-design/commit/c2e04dd2e2b74bb3220c0dcb88c315b6bdffffae) Thanks [@konsalex](https://github.com/konsalex)! - fix text input and area sizings (this should have been a breaking change, ui may break in some products)
8
+
3
9
  ## 2.0.2
4
10
 
5
11
  ### 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 Mon, 16 Oct 2023 11:28:28 GMT
25
+ * Generated on Mon, 16 Oct 2023 14:39:17 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, 16 Oct 2023 11:28:28 GMT
25
+ * Generated on Mon, 16 Oct 2023 14:39:17 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, 16 Oct 2023 11:28:28 GMT
25
+ * Generated on Mon, 16 Oct 2023 14:39:17 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, 16 Oct 2023 11:28:28 GMT
24
+ * Generated on Mon, 16 Oct 2023 14:39:17 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, 16 Oct 2023 11:28:28 GMT
24
+ * Generated on Mon, 16 Oct 2023 14:39:17 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, 16 Oct 2023 11:28:28 GMT
25
+ * Generated on Mon, 16 Oct 2023 14:39:17 GMT
26
26
  */
27
27
  module.exports = {
28
28
  "transitions": {
package/lib/neo4j-ds-styles.css CHANGED
@@ -2105,8 +2105,8 @@ a.ndl-btn{
2105
2105
  .ndl-form-item .ndl-form-item-wrapper .ndl-information-icon-large{
2106
2106
  margin-top:2px;
2107
2107
  margin-left:3px;
2108
- height:16px;
2109
- width:16px;
2108
+ height:20px;
2109
+ width:20px;
2110
2110
  color:rgb(var(--theme-palette-neutral-text-weak));
2111
2111
  }
2112
2112
  .ndl-form-item.ndl-type-text .ndl-form-item-label{
@@ -2245,11 +2245,11 @@ a.ndl-btn{
2245
2245
  top:calc(50% - 12px);
2246
2246
  right:16px;
2247
2247
  }
2248
- .ndl-form-item.ndl-small input[type='text'],
2249
- .ndl-form-item.ndl-small input[type='email'],
2250
- .ndl-form-item.ndl-small input[type='password'],
2251
- .ndl-form-item.ndl-small input[type='number'],
2252
- .ndl-form-item.ndl-small input[type='url']{
2248
+ .ndl-form-item.ndl-medium input[type='text'],
2249
+ .ndl-form-item.ndl-medium input[type='email'],
2250
+ .ndl-form-item.ndl-medium input[type='password'],
2251
+ .ndl-form-item.ndl-medium input[type='number'],
2252
+ .ndl-form-item.ndl-medium input[type='url']{
2253
2253
  height:36px;
2254
2254
  padding-top:8px;
2255
2255
  padding-bottom:8px;
@@ -2258,46 +2258,46 @@ a.ndl-btn{
2258
2258
  letter-spacing:0.016rem;
2259
2259
  line-height:1.25rem;
2260
2260
  }
2261
- .ndl-form-item.ndl-small input[type='text']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-small input[type='email']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-small input[type='password']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-small input[type='number']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-small input[type='url']:-moz-read-only:not(:disabled){
2261
+ .ndl-form-item.ndl-medium input[type='text']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-medium input[type='email']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-medium input[type='password']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-medium input[type='number']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-medium input[type='url']:-moz-read-only:not(:disabled){
2262
2262
  height:20px;
2263
2263
  }
2264
- .ndl-form-item.ndl-small input[type='text']:read-only:not(:disabled), .ndl-form-item.ndl-small input[type='email']:read-only:not(:disabled), .ndl-form-item.ndl-small input[type='password']:read-only:not(:disabled), .ndl-form-item.ndl-small input[type='number']:read-only:not(:disabled), .ndl-form-item.ndl-small input[type='url']:read-only:not(:disabled){
2264
+ .ndl-form-item.ndl-medium input[type='text']:read-only:not(:disabled), .ndl-form-item.ndl-medium input[type='email']:read-only:not(:disabled), .ndl-form-item.ndl-medium input[type='password']:read-only:not(:disabled), .ndl-form-item.ndl-medium input[type='number']:read-only:not(:disabled), .ndl-form-item.ndl-medium input[type='url']:read-only:not(:disabled){
2265
2265
  height:20px;
2266
2266
  }
2267
- .ndl-form-item.ndl-small .ndl-form-item-label{
2267
+ .ndl-form-item.ndl-medium .ndl-form-item-label{
2268
2268
  font-size:var(--font-size-body-medium);
2269
2269
  font-weight:var(--font-weight-normal);
2270
2270
  letter-spacing:0.016rem;
2271
2271
  line-height:1.25rem;
2272
2272
  }
2273
- .ndl-form-item.ndl-small.ndl-has-left-icon input[type='text'],
2274
- .ndl-form-item.ndl-small.ndl-has-left-icon input[type='email'],
2275
- .ndl-form-item.ndl-small.ndl-has-left-icon input[type='password'],
2276
- .ndl-form-item.ndl-small.ndl-has-left-icon input[type='number'],
2277
- .ndl-form-item.ndl-small.ndl-has-left-icon input[type='url']{
2273
+ .ndl-form-item.ndl-medium.ndl-has-left-icon input[type='text'],
2274
+ .ndl-form-item.ndl-medium.ndl-has-left-icon input[type='email'],
2275
+ .ndl-form-item.ndl-medium.ndl-has-left-icon input[type='password'],
2276
+ .ndl-form-item.ndl-medium.ndl-has-left-icon input[type='number'],
2277
+ .ndl-form-item.ndl-medium.ndl-has-left-icon input[type='url']{
2278
2278
  padding-left:36px;
2279
2279
  }
2280
- .ndl-form-item.ndl-small.ndl-has-icon .ndl-icon{
2280
+ .ndl-form-item.ndl-medium.ndl-has-icon .ndl-icon{
2281
2281
  position:absolute;
2282
2282
  height:20px;
2283
2283
  width:20px;
2284
2284
  }
2285
- .ndl-form-item.ndl-small.ndl-has-icon .ndl-icon.ndl-left-icon{
2285
+ .ndl-form-item.ndl-medium.ndl-has-icon .ndl-icon.ndl-left-icon{
2286
2286
  top:calc(50% - 10px);
2287
2287
  left:12px;
2288
2288
  }
2289
- .ndl-form-item.ndl-small.ndl-has-icon .ndl-right-icon{
2289
+ .ndl-form-item.ndl-medium.ndl-has-icon .ndl-right-icon{
2290
2290
  top:calc(50% - 10px);
2291
2291
  right:12px;
2292
2292
  }
2293
- .ndl-form-item.ndl-extra-small{
2293
+ .ndl-form-item.ndl-small{
2294
2294
  line-height:1.25rem;
2295
2295
  }
2296
- .ndl-form-item.ndl-extra-small input[type='text'],
2297
- .ndl-form-item.ndl-extra-small input[type='email'],
2298
- .ndl-form-item.ndl-extra-small input[type='password'],
2299
- .ndl-form-item.ndl-extra-small input[type='number'],
2300
- .ndl-form-item.ndl-extra-small input[type='url']{
2296
+ .ndl-form-item.ndl-small input[type='text'],
2297
+ .ndl-form-item.ndl-small input[type='email'],
2298
+ .ndl-form-item.ndl-small input[type='password'],
2299
+ .ndl-form-item.ndl-small input[type='number'],
2300
+ .ndl-form-item.ndl-small input[type='url']{
2301
2301
  height:24px;
2302
2302
  padding-top:2px;
2303
2303
  padding-bottom:2px;
@@ -2308,42 +2308,42 @@ a.ndl-btn{
2308
2308
  letter-spacing:0.016rem;
2309
2309
  line-height:1.25rem;
2310
2310
  }
2311
- .ndl-form-item.ndl-extra-small input[type='text']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-extra-small input[type='email']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-extra-small input[type='password']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-extra-small input[type='number']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-extra-small input[type='url']:-moz-read-only:not(:disabled){
2311
+ .ndl-form-item.ndl-small input[type='text']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-small input[type='email']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-small input[type='password']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-small input[type='number']:-moz-read-only:not(:disabled), .ndl-form-item.ndl-small input[type='url']:-moz-read-only:not(:disabled){
2312
2312
  height:24px;
2313
2313
  }
2314
- .ndl-form-item.ndl-extra-small input[type='text']:read-only:not(:disabled), .ndl-form-item.ndl-extra-small input[type='email']:read-only:not(:disabled), .ndl-form-item.ndl-extra-small input[type='password']:read-only:not(:disabled), .ndl-form-item.ndl-extra-small input[type='number']:read-only:not(:disabled), .ndl-form-item.ndl-extra-small input[type='url']:read-only:not(:disabled){
2314
+ .ndl-form-item.ndl-small input[type='text']:read-only:not(:disabled), .ndl-form-item.ndl-small input[type='email']:read-only:not(:disabled), .ndl-form-item.ndl-small input[type='password']:read-only:not(:disabled), .ndl-form-item.ndl-small input[type='number']:read-only:not(:disabled), .ndl-form-item.ndl-small input[type='url']:read-only:not(:disabled){
2315
2315
  height:24px;
2316
2316
  }
2317
- .ndl-form-item.ndl-extra-small .ndl-form-item-label{
2317
+ .ndl-form-item.ndl-small .ndl-form-item-label{
2318
2318
  font-size:var(--font-size-body-medium);
2319
2319
  font-weight:var(--font-weight-normal);
2320
2320
  letter-spacing:0.016rem;
2321
2321
  line-height:1.25rem;
2322
2322
  }
2323
- .ndl-form-item.ndl-extra-small.ndl-has-left-icon input[type='text'],
2324
- .ndl-form-item.ndl-extra-small.ndl-has-left-icon input[type='email'],
2325
- .ndl-form-item.ndl-extra-small.ndl-has-left-icon input[type='password'],
2326
- .ndl-form-item.ndl-extra-small.ndl-has-left-icon input[type='number'],
2327
- .ndl-form-item.ndl-extra-small.ndl-has-left-icon input[type='url']{
2323
+ .ndl-form-item.ndl-small.ndl-has-left-icon input[type='text'],
2324
+ .ndl-form-item.ndl-small.ndl-has-left-icon input[type='email'],
2325
+ .ndl-form-item.ndl-small.ndl-has-left-icon input[type='password'],
2326
+ .ndl-form-item.ndl-small.ndl-has-left-icon input[type='number'],
2327
+ .ndl-form-item.ndl-small.ndl-has-left-icon input[type='url']{
2328
2328
  padding-left:28px;
2329
2329
  }
2330
- .ndl-form-item.ndl-extra-small.ndl-has-right-icon input[type='text'],
2331
- .ndl-form-item.ndl-extra-small.ndl-has-right-icon input[type='email'],
2332
- .ndl-form-item.ndl-extra-small.ndl-has-right-icon input[type='password'],
2333
- .ndl-form-item.ndl-extra-small.ndl-has-right-icon input[type='number'],
2334
- .ndl-form-item.ndl-extra-small.ndl-has-right-icon input[type='url']{
2330
+ .ndl-form-item.ndl-small.ndl-has-right-icon input[type='text'],
2331
+ .ndl-form-item.ndl-small.ndl-has-right-icon input[type='email'],
2332
+ .ndl-form-item.ndl-small.ndl-has-right-icon input[type='password'],
2333
+ .ndl-form-item.ndl-small.ndl-has-right-icon input[type='number'],
2334
+ .ndl-form-item.ndl-small.ndl-has-right-icon input[type='url']{
2335
2335
  padding-right:28px;
2336
2336
  }
2337
- .ndl-form-item.ndl-extra-small.ndl-has-icon .ndl-icon{
2337
+ .ndl-form-item.ndl-small.ndl-has-icon .ndl-icon{
2338
2338
  position:absolute;
2339
2339
  height:16px;
2340
2340
  width:16px;
2341
2341
  }
2342
- .ndl-form-item.ndl-extra-small.ndl-has-icon .ndl-icon.ndl-left-icon{
2342
+ .ndl-form-item.ndl-small.ndl-has-icon .ndl-icon.ndl-left-icon{
2343
2343
  top:calc(50% - 8px);
2344
2344
  left:8px;
2345
2345
  }
2346
- .ndl-form-item.ndl-extra-small.ndl-has-icon .ndl-right-icon{
2346
+ .ndl-form-item.ndl-small.ndl-has-icon .ndl-right-icon{
2347
2347
  top:calc(50% - 8px);
2348
2348
  right:8px;
2349
2349
  }
@@ -5140,8 +5140,8 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
5140
5140
  .ndl-textarea .ndl-textarea-wrapper .ndl-information-icon-large{
5141
5141
  margin-top:2px;
5142
5142
  margin-left:3px;
5143
- height:16px;
5144
- width:16px;
5143
+ height:20px;
5144
+ width:20px;
5145
5145
  color:rgb(var(--theme-palette-neutral-text-weak));
5146
5146
  }
5147
5147
  .ndl-textarea.ndl-type-text .ndl-textarea-label{
@@ -5217,7 +5217,7 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
5217
5217
  width:24px;
5218
5218
  color:rgb(var(--theme-palette-neutral-text-weak));
5219
5219
  }
5220
- .ndl-textarea.ndl-small textarea{
5220
+ .ndl-textarea.ndl-small textarea, .ndl-textarea.ndl-medium textarea{
5221
5221
  padding-top:8px;
5222
5222
  padding-bottom:8px;
5223
5223
  font-size:var(--font-size-body-medium);
@@ -5225,13 +5225,13 @@ a.ndl-cypher-editor .cm-editor .cm-button, a .ndl-codemirror-editor .cm-editor
5225
5225
  letter-spacing:0.016rem;
5226
5226
  line-height:1.25rem;
5227
5227
  }
5228
- .ndl-textarea.ndl-small .ndl-textarea-label{
5228
+ .ndl-textarea.ndl-small .ndl-textarea-label, .ndl-textarea.ndl-medium .ndl-textarea-label{
5229
5229
  font-size:var(--font-size-body-medium);
5230
5230
  font-weight:var(--font-weight-normal);
5231
5231
  letter-spacing:0.016rem;
5232
5232
  line-height:1.25rem;
5233
5233
  }
5234
- .ndl-textarea.ndl-small.ndl-has-icon .ndl-icon{
5234
+ .ndl-textarea.ndl-small.ndl-has-icon .ndl-icon, .ndl-textarea.ndl-medium.ndl-has-icon .ndl-icon{
5235
5235
  height:20px;
5236
5236
  width:20px;
5237
5237
  position:absolute;
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, 16 Oct 2023 11:28:28 GMT
24
+ * Generated on Mon, 16 Oct 2023 14:39:17 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, 16 Oct 2023 11:28:28 GMT
24
+ * Generated on Mon, 16 Oct 2023 14:39:17 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, 16 Oct 2023 11:28:28 GMT
24
+ * Generated on Mon, 16 Oct 2023 14:39:17 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, 16 Oct 2023 11:28:28 GMT
3
+ // Generated on Mon, 16 Oct 2023 14:39:17 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, 16 Oct 2023 11:28:28 GMT
24
+ * Generated on Mon, 16 Oct 2023 14:39:17 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.2",
3
+ "version": "2.0.3",
4
4
  "description": "Neo4j base package for the design system",
5
5
  "author": "Neo4j Inc.",
6
6
  "homepage": "https://www.neo4j.design",