@justeattakeaway/pie-text-input 0.29.31 → 0.29.33

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 (3) hide show
  1. package/custom-elements.json +170 -22
  2. package/dist/index.js +1 -1
  3. package/package.json +4 -4
package/custom-elements.json CHANGED
@@ -50,7 +50,7 @@
50
50
  "type": {
51
51
  "text": "DefaultProps"
52
52
  },
53
- "default": "{\n type: 'text',\n value: '',\n size: 'medium',\n status: 'default',\n disabled: false,\n readonly: false,\n}",
53
+ "default": "{ type: 'text', value: '', size: 'medium', status: 'default', disabled: false, readonly: false, }",
54
54
  "description": "Default values for optional properties that have default fallback values in the component."
55
55
  }
56
56
  ],
@@ -127,12 +127,15 @@
127
127
  {
128
128
  "kind": "field",
129
129
  "name": "type",
130
- "privacy": "public"
130
+ "privacy": "public",
131
+ "attribute": "type",
132
+ "reflects": true
131
133
  },
132
134
  {
133
135
  "kind": "field",
134
136
  "name": "value",
135
- "privacy": "public"
137
+ "privacy": "public",
138
+ "attribute": "value"
136
139
  },
137
140
  {
138
141
  "kind": "field",
@@ -140,12 +143,16 @@
140
143
  "type": {
141
144
  "text": "TextInputProps['name']"
142
145
  },
143
- "privacy": "public"
146
+ "privacy": "public",
147
+ "attribute": "name",
148
+ "reflects": true
144
149
  },
145
150
  {
146
151
  "kind": "field",
147
152
  "name": "disabled",
148
- "privacy": "public"
153
+ "privacy": "public",
154
+ "attribute": "disabled",
155
+ "reflects": true
149
156
  },
150
157
  {
151
158
  "kind": "field",
@@ -153,7 +160,8 @@
153
160
  "type": {
154
161
  "text": "TextInputProps['pattern']"
155
162
  },
156
- "privacy": "public"
163
+ "privacy": "public",
164
+ "attribute": "pattern"
157
165
  },
158
166
  {
159
167
  "kind": "field",
@@ -161,7 +169,8 @@
161
169
  "type": {
162
170
  "text": "TextInputProps['minlength']"
163
171
  },
164
- "privacy": "public"
172
+ "privacy": "public",
173
+ "attribute": "minlength"
165
174
  },
166
175
  {
167
176
  "kind": "field",
@@ -169,7 +178,8 @@
169
178
  "type": {
170
179
  "text": "TextInputProps['maxlength']"
171
180
  },
172
- "privacy": "public"
181
+ "privacy": "public",
182
+ "attribute": "maxlength"
173
183
  },
174
184
  {
175
185
  "kind": "field",
@@ -177,7 +187,8 @@
177
187
  "type": {
178
188
  "text": "TextInputProps['autocomplete']"
179
189
  },
180
- "privacy": "public"
190
+ "privacy": "public",
191
+ "attribute": "autocomplete"
181
192
  },
182
193
  {
183
194
  "kind": "field",
@@ -185,7 +196,8 @@
185
196
  "type": {
186
197
  "text": "TextInputProps['placeholder']"
187
198
  },
188
- "privacy": "public"
199
+ "privacy": "public",
200
+ "attribute": "placeholder"
189
201
  },
190
202
  {
191
203
  "kind": "field",
@@ -193,7 +205,8 @@
193
205
  "type": {
194
206
  "text": "TextInputProps['autoFocus']"
195
207
  },
196
- "privacy": "public"
208
+ "privacy": "public",
209
+ "attribute": "autoFocus"
197
210
  },
198
211
  {
199
212
  "kind": "field",
@@ -201,12 +214,14 @@
201
214
  "type": {
202
215
  "text": "TextInputProps['inputmode']"
203
216
  },
204
- "privacy": "public"
217
+ "privacy": "public",
218
+ "attribute": "inputmode"
205
219
  },
206
220
  {
207
221
  "kind": "field",
208
222
  "name": "readonly",
209
- "privacy": "public"
223
+ "privacy": "public",
224
+ "attribute": "readonly"
210
225
  },
211
226
  {
212
227
  "kind": "field",
@@ -214,7 +229,8 @@
214
229
  "type": {
215
230
  "text": "TextInputProps['defaultValue']"
216
231
  },
217
- "privacy": "public"
232
+ "privacy": "public",
233
+ "attribute": "defaultValue"
218
234
  },
219
235
  {
220
236
  "kind": "field",
@@ -222,12 +238,14 @@
222
238
  "type": {
223
239
  "text": "TextInputProps['assistiveText']"
224
240
  },
225
- "privacy": "public"
241
+ "privacy": "public",
242
+ "attribute": "assistiveText"
226
243
  },
227
244
  {
228
245
  "kind": "field",
229
246
  "name": "status",
230
- "privacy": "public"
247
+ "privacy": "public",
248
+ "attribute": "status"
231
249
  },
232
250
  {
233
251
  "kind": "field",
@@ -235,7 +253,8 @@
235
253
  "type": {
236
254
  "text": "TextInputProps['step']"
237
255
  },
238
- "privacy": "public"
256
+ "privacy": "public",
257
+ "attribute": "step"
239
258
  },
240
259
  {
241
260
  "kind": "field",
@@ -243,7 +262,8 @@
243
262
  "type": {
244
263
  "text": "TextInputProps['min']"
245
264
  },
246
- "privacy": "public"
265
+ "privacy": "public",
266
+ "attribute": "min"
247
267
  },
248
268
  {
249
269
  "kind": "field",
@@ -251,12 +271,14 @@
251
271
  "type": {
252
272
  "text": "TextInputProps['max']"
253
273
  },
254
- "privacy": "public"
274
+ "privacy": "public",
275
+ "attribute": "max"
255
276
  },
256
277
  {
257
278
  "kind": "field",
258
279
  "name": "size",
259
- "privacy": "public"
280
+ "privacy": "public",
281
+ "attribute": "size"
260
282
  },
261
283
  {
262
284
  "kind": "field",
@@ -265,7 +287,8 @@
265
287
  "text": "boolean"
266
288
  },
267
289
  "privacy": "public",
268
- "default": "false"
290
+ "default": "false",
291
+ "attribute": "required"
269
292
  },
270
293
  {
271
294
  "kind": "field",
@@ -365,6 +388,131 @@
365
388
  "name": "change"
366
389
  }
367
390
  ],
391
+ "attributes": [
392
+ {
393
+ "name": "type",
394
+ "fieldName": "type"
395
+ },
396
+ {
397
+ "name": "value",
398
+ "fieldName": "value"
399
+ },
400
+ {
401
+ "name": "name",
402
+ "type": {
403
+ "text": "TextInputProps['name']"
404
+ },
405
+ "fieldName": "name"
406
+ },
407
+ {
408
+ "name": "disabled",
409
+ "fieldName": "disabled"
410
+ },
411
+ {
412
+ "name": "pattern",
413
+ "type": {
414
+ "text": "TextInputProps['pattern']"
415
+ },
416
+ "fieldName": "pattern"
417
+ },
418
+ {
419
+ "name": "minlength",
420
+ "type": {
421
+ "text": "TextInputProps['minlength']"
422
+ },
423
+ "fieldName": "minlength"
424
+ },
425
+ {
426
+ "name": "maxlength",
427
+ "type": {
428
+ "text": "TextInputProps['maxlength']"
429
+ },
430
+ "fieldName": "maxlength"
431
+ },
432
+ {
433
+ "name": "autocomplete",
434
+ "type": {
435
+ "text": "TextInputProps['autocomplete']"
436
+ },
437
+ "fieldName": "autocomplete"
438
+ },
439
+ {
440
+ "name": "placeholder",
441
+ "type": {
442
+ "text": "TextInputProps['placeholder']"
443
+ },
444
+ "fieldName": "placeholder"
445
+ },
446
+ {
447
+ "name": "autoFocus",
448
+ "type": {
449
+ "text": "TextInputProps['autoFocus']"
450
+ },
451
+ "fieldName": "autoFocus"
452
+ },
453
+ {
454
+ "name": "inputmode",
455
+ "type": {
456
+ "text": "TextInputProps['inputmode']"
457
+ },
458
+ "fieldName": "inputmode"
459
+ },
460
+ {
461
+ "name": "readonly",
462
+ "fieldName": "readonly"
463
+ },
464
+ {
465
+ "name": "defaultValue",
466
+ "type": {
467
+ "text": "TextInputProps['defaultValue']"
468
+ },
469
+ "fieldName": "defaultValue"
470
+ },
471
+ {
472
+ "name": "assistiveText",
473
+ "type": {
474
+ "text": "TextInputProps['assistiveText']"
475
+ },
476
+ "fieldName": "assistiveText"
477
+ },
478
+ {
479
+ "name": "status",
480
+ "fieldName": "status"
481
+ },
482
+ {
483
+ "name": "step",
484
+ "type": {
485
+ "text": "TextInputProps['step']"
486
+ },
487
+ "fieldName": "step"
488
+ },
489
+ {
490
+ "name": "min",
491
+ "type": {
492
+ "text": "TextInputProps['min']"
493
+ },
494
+ "fieldName": "min"
495
+ },
496
+ {
497
+ "name": "max",
498
+ "type": {
499
+ "text": "TextInputProps['max']"
500
+ },
501
+ "fieldName": "max"
502
+ },
503
+ {
504
+ "name": "size",
505
+ "fieldName": "size"
506
+ },
507
+ {
508
+ "name": "required",
509
+ "type": {
510
+ "text": "boolean"
511
+ },
512
+ "default": "false",
513
+ "fieldName": "required"
514
+ }
515
+ ],
368
516
  "mixins": [
369
517
  {
370
518
  "name": "FormControlMixin",
@@ -393,7 +541,7 @@
393
541
  "name": "*",
394
542
  "declaration": {
395
543
  "name": "*",
396
- "package": "./defs"
544
+ "module": "src/defs"
397
545
  }
398
546
  },
399
547
  {
package/dist/index.js CHANGED
@@ -10,7 +10,7 @@ const z = class z extends Lt {
10
10
  this.getAttribute("v") || this.setAttribute("v", z.v);
11
11
  }
12
12
  };
13
- z.v = "0.29.31";
13
+ z.v = "0.29.33";
14
14
  let X = z;
15
15
  const Wt = "*,*:after,*:before{box-sizing:inherit}:host{display:block}.c-textInput{--input-padding-block: var(--dt-spacing-c);--input-padding-inline: var(--dt-spacing-d);--input-gap: var(--dt-spacing-d);--input-text-color: var(--dt-color-content-default);--input-text-color-leading-trailing-content: var(--dt-color-content-default);--input-text-color-placeholder: var(--dt-color-content-placeholder);--input-border-color: var(--dt-color-border-form);--input-container-color: var(--dt-color-container-default);--input-radius: var(--dt-radius-rounded-c);--input-font-family: var(--dt-font-body-l-family);--input-font-size: calc(var(--dt-font-body-l-size) * 1px);--input-line-height: calc(var(--dt-font-body-l-line-height) * 1px);--input-height: 48px;--input-cursor: text;--icon-size-override: 24px;height:var(--input-height);border:1px solid var(--input-border-color);border-radius:var(--input-radius);padding-inline-start:var(--input-padding-inline);padding-inline-end:var(--input-padding-inline);padding-block-start:var(--input-padding-block);padding-block-end:var(--input-padding-block);font-family:var(--input-font-family);font-size:var(--input-font-size);line-height:var(--input-line-height);display:flex;flex-wrap:nowrap;align-items:center;background-color:var(--input-container-color);color:var(--input-text-color-leading-trailing-content);cursor:var(--input-cursor)}.c-textInput.c-textInput--large{--input-padding-block: var(--dt-spacing-d);--input-height: 56px}.c-textInput.c-textInput--small{--input-padding-block: var(--dt-spacing-b);--input-height: 40px}.c-textInput.c-textInput--error{--input-border-color: var(--dt-color-support-error)}.c-textInput ::slotted([slot=leadingText]),.c-textInput ::slotted([slot=leadingIcon]){margin-inline-end:var(--input-gap)}.c-textInput ::slotted([slot=trailingText]),.c-textInput ::slotted([slot=trailingIcon]){margin-inline-start:var(--input-gap)}@supports (gap: var(--input-gap)){.c-textInput{gap:var(--input-gap)}.c-textInput ::slotted([slot=leadingText]),.c-textInput ::slotted([slot=leadingIcon]){margin-inline-end:0}.c-textInput ::slotted([slot=trailingText]),.c-textInput ::slotted([slot=trailingIcon]){margin-inline-start:0}}.c-textInput:not(.is-disabled) ::slotted([slot=leadingIcon]),.c-textInput:not(.is-disabled) ::slotted([slot=trailingIcon]){color:var(--dt-color-content-subdued)}@media (hover: hover){.c-textInput:hover{--input-container-color: hsl(var(--dt-color-container-default-h), var(--dt-color-container-default-s), calc(var(--dt-color-container-default-l) + calc(-1 * var(--dt-color-hover-01))))}@supports (background-color: color-mix(in srgb,black,white)){.c-textInput:hover{--input-container-color: color-mix(in srgb, var(--dt-color-hover-01-bg) var(--dt-color-hover-01), var(--dt-color-container-default))}}}.c-textInput.is-readonly{--input-container-color: var(--dt-color-container-subtle);--input-border-color: var(--dt-color-border-form)}.c-textInput.is-disabled.is-readonly,.c-textInput.is-disabled{--input-container-color: var(--dt-color-disabled-01);--input-border-color: var(--dt-color-disabled-01);--input-text-color: var(--dt-color-content-disabled);--input-text-color-placeholder: var(--dt-color-content-disabled);--input-text-color-leading-trailing-content: var(--dt-color-content-disabled);--input-cursor: auto}.c-textInput:focus-within{box-shadow:0 0 0 2px var(--dt-color-focus-inner),0 0 0 4px var(--dt-color-focus-outer);outline:none}input{border:0;outline:0;height:24px;padding:0;color:var(--input-text-color);width:100%;font-size:var(--input-font-size);font-family:inherit;background:none;cursor:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none}input::placeholder{color:var(--input-text-color-placeholder);opacity:1}input:disabled{-webkit-text-fill-color:var(--input-text-color);color:var(--input-text-color);-webkit-opacity:1;opacity:1}input[type=number]:not([step])::-webkit-inner-spin-button,input[type=number]:not([step])::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]:not([step]){-moz-appearance:textfield}", qt = ["text", "number", "password", "url", "email", "tel"], ie = ["none", "text", "tel", "url", "email", "numeric", "decimal", "search"], Bt = ["default", "success", "error"], Ut = ["small", "medium", "large"], w = {
16
16
  type: "text",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@justeattakeaway/pie-text-input",
3
3
  "description": "PIE Design System Input built using Web Components",
4
- "version": "0.29.31",
4
+ "version": "0.29.33",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/justeattakeaway/pie",
@@ -43,14 +43,14 @@
43
43
  "author": "Just Eat Takeaway.com - Design System Team",
44
44
  "license": "Apache-2.0",
45
45
  "devDependencies": {
46
- "@justeattakeaway/pie-components-config": "0.21.1",
46
+ "@justeattakeaway/pie-components-config": "0.21.2",
47
47
  "@justeattakeaway/pie-css": "1.1.1",
48
- "@justeattakeaway/pie-icons-webc": "1.23.0",
48
+ "@justeattakeaway/pie-icons-webc": "1.24.0",
49
49
  "@justeattakeaway/pie-monorepo-utils": "0.9.1",
50
50
  "@justeattakeaway/pie-wrapper-react": "0.14.4"
51
51
  },
52
52
  "dependencies": {
53
- "@justeattakeaway/pie-assistive-text": "0.11.29",
53
+ "@justeattakeaway/pie-assistive-text": "0.11.31",
54
54
  "@justeattakeaway/pie-webc-core": "14.0.1",
55
55
  "element-internals-polyfill": "1.3.11"
56
56
  },