@justeattakeaway/pie-text-input 0.29.33 → 0.29.35

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.
package/dist/index.d.ts CHANGED
File without changes
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.33";
13
+ z.v = "0.29.35";
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/dist/react.d.ts CHANGED
File without changes
package/dist/react.js CHANGED
File without changes
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.33",
4
+ "version": "0.29.35",
5
5
  "repository": {
6
6
  "type": "git",
7
7
  "url": "https://github.com/justeattakeaway/pie",
@@ -28,35 +28,32 @@
28
28
  },
29
29
  "scripts": {
30
30
  "build": "run -T vite build",
31
- "build:react-wrapper": "npx build-react-wrapper",
31
+ "build:react-wrapper": "run -T build-react-wrapper",
32
32
  "create:manifest": "run -T cem analyze --litelement",
33
33
  "lint:scripts": "run -T eslint .",
34
34
  "lint:scripts:fix": "yarn lint:scripts --fix",
35
35
  "lint:style": "run -T stylelint ./src/**/*.{css,scss}",
36
36
  "lint:style:fix": "yarn lint:style --fix",
37
37
  "watch": "run -T vite build --watch",
38
- "test:browsers": "npx playwright test -c ./playwright-lit.config.ts",
38
+ "test:browsers": "run -T playwright test -c ./playwright-lit.config.ts",
39
39
  "test:browsers:ci": "yarn test:browsers",
40
- "test:visual": "run -T cross-env-shell PERCY_TOKEN=${PERCY_TOKEN_PIE_TEXT_INPUT} percy exec --allowed-hostname cloudfront.net -- npx playwright test -c ./playwright-lit-visual.config.ts",
40
+ "test:visual": "run -T cross-env-shell PERCY_TOKEN=${PERCY_TOKEN_PIE_TEXT_INPUT} percy exec --allowed-hostname cloudfront.net -- run -T playwright test -c ./playwright-lit-visual.config.ts",
41
41
  "test:visual:ci": "yarn test:visual"
42
42
  },
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.2",
46
+ "@justeattakeaway/pie-components-config": "0.21.3",
47
47
  "@justeattakeaway/pie-css": "1.1.1",
48
- "@justeattakeaway/pie-icons-webc": "1.24.0",
49
- "@justeattakeaway/pie-monorepo-utils": "0.9.1",
50
- "@justeattakeaway/pie-wrapper-react": "0.14.4"
48
+ "@justeattakeaway/pie-icons-webc": "1.24.2",
49
+ "@justeattakeaway/pie-monorepo-utils": "0.9.2",
50
+ "@justeattakeaway/pie-wrapper-react": "0.14.5"
51
51
  },
52
52
  "dependencies": {
53
- "@justeattakeaway/pie-assistive-text": "0.11.31",
54
- "@justeattakeaway/pie-webc-core": "14.0.1",
53
+ "@justeattakeaway/pie-assistive-text": "0.11.33",
54
+ "@justeattakeaway/pie-webc-core": "14.0.2",
55
55
  "element-internals-polyfill": "1.3.11"
56
56
  },
57
- "volta": {
58
- "extends": "../../../package.json"
59
- },
60
57
  "customElements": "custom-elements.json",
61
58
  "sideEffects": [
62
59
  "dist/*.js"