@digital-realty/ix-textbox 2.1.19 → 2.1.32

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 (7) hide show
  1. package/dist/ix-textbox.d.ts +4 -1
  2. package/dist/ix-textbox.js +12 -1
  3. package/dist/ix-textbox.js.map +1 -1
  4. package/package.json +4 -4
  5. package/dist/ix-textbox-styles.d.ts +0 -1
  6. package/dist/ix-textbox-styles.js +0 -59
  7. package/dist/ix-textbox-styles.js.map +0 -1
package/dist/ix-textbox.d.ts CHANGED
@@ -1 +1,4 @@
1
- export {};
1
+ import { IxTextbox } from './IxTextbox.js';
2
+ export declare class IxTextboxStyled extends IxTextbox {
3
+ static styles: import("lit").CSSResult;
4
+ }
package/dist/ix-textbox.js CHANGED
@@ -1,3 +1,14 @@
1
+ import { css } from 'lit';
1
2
  import { IxTextbox } from './IxTextbox.js';
2
- window.customElements.define('ix-textbox', IxTextbox);
3
+ export class IxTextboxStyled extends IxTextbox {
4
+ }
5
+ IxTextboxStyled.styles = css `
6
+ :host {
7
+ display: block;
8
+ }
9
+ .textfield {
10
+ display: block;
11
+ }
12
+ `;
13
+ window.customElements.define('ix-textbox', IxTextboxStyled);
3
14
  //# sourceMappingURL=ix-textbox.js.map
package/dist/ix-textbox.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ix-textbox.js","sourceRoot":"","sources":["../src/ix-textbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC","sourcesContent":["import { IxTextbox } from './IxTextbox.js';\n\nwindow.customElements.define('ix-textbox', IxTextbox);\n"]}
1
+ {"version":3,"file":"ix-textbox.js","sourceRoot":"","sources":["../src/ix-textbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,MAAM,OAAO,eAAgB,SAAQ,SAAS;;AAC5B,sBAAM,GAAG,GAAG,CAAA;;;;;;;GAO3B,CAAC;AAGJ,MAAM,CAAC,cAAc,CAAC,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,CAAC","sourcesContent":["import { css } from 'lit';\nimport { IxTextbox } from './IxTextbox.js';\n\nexport class IxTextboxStyled extends IxTextbox {\n static override styles = css`\n :host {\n display: block;\n }\n .textfield {\n display: block;\n }\n `;\n}\n\nwindow.customElements.define('ix-textbox', IxTextboxStyled);\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@digital-realty/ix-textbox",
3
- "version": "2.1.19",
3
+ "version": "2.1.32",
4
4
  "description": "Webcomponent ix-textbox following open-wc recommendations",
5
5
  "license": "MIT",
6
6
  "author": "Digital Realty",
@@ -26,7 +26,7 @@
26
26
  "test:watch": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wtr --watch\""
27
27
  },
28
28
  "dependencies": {
29
- "@digital-realty/ix-icon": "^1.0.3",
29
+ "@digital-realty/ix-icon": "^1.0.35",
30
30
  "@lit/react": "^1.0.2",
31
31
  "@material/web": "1.2.0",
32
32
  "lit": "^2.7.6",
@@ -34,7 +34,7 @@
34
34
  },
35
35
  "devDependencies": {
36
36
  "@custom-elements-manifest/analyzer": "^0.4.17",
37
- "@digital-realty/theme": "^1.0.12",
37
+ "@digital-realty/theme": "^1.0.26",
38
38
  "@open-wc/eslint-config": "^9.2.1",
39
39
  "@open-wc/testing": "^3.1.6",
40
40
  "@types/react": "^18.2.22",
@@ -106,5 +106,5 @@
106
106
  "README.md",
107
107
  "LICENSE"
108
108
  ],
109
- "gitHead": "5ff9e3f504660342e986801e86861d35b47930da"
109
+ "gitHead": "dced04ebef5c8342344b1fd3df33b5e22a78725f"
110
110
  }
package/dist/ix-textbox-styles.d.ts DELETED
@@ -1 +0,0 @@
1
- export declare const IxTextboxStyles: import("lit").CSSResult;
package/dist/ix-textbox-styles.js DELETED
@@ -1,59 +0,0 @@
1
- import { css } from 'lit';
2
- export const IxTextboxStyles = css `
3
- :host {
4
- display: block;
5
- }
6
-
7
- :host([hidden]) {
8
- display: none;
9
- }
10
-
11
- input {
12
- display: block;
13
- width: 100%;
14
- padding: 0.5em;
15
- font-size: 1rem;
16
- line-height: 1.25rem;
17
- border: 1px solid lightgrey;
18
- background-repeat: no-repeat;
19
- background-position: calc(100% - 0.5em) 50%;
20
- border-radius: 3px;
21
- box-sizing: border-box;
22
- }
23
-
24
- input:focus {
25
- outline: none;
26
- box-shadow: 0 0 2px 1px rgba(0, 153, 204, 0.39),
27
- 0 0 4px 3px rgba(0, 153, 204, 0.18), 0 0 8px 4px rgba(0, 153, 204, 0.1);
28
- }
29
-
30
- input:required.-is-valid {
31
- border-color: #99ca3c;
32
- background-image: url("data:image/svg+xml,%3Csvg width='19px' height='13px' viewBox='0 0 19 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cpolygon fill='%2399CA3C' points='6.70967742 13 0 6.29032258 2.09677419 4.19354839 6.70967742 8.80645161 16.3548387 0 18.4516129 2.09677419'%3E%3C/polygon%3E %3C/svg%3E");
33
- padding-right: 2em;
34
- }
35
-
36
- input:required.-is-invalid {
37
- border-color: #e3097c;
38
- background-image: url("data:image/svg+xml,%3Csvg width='15px' height='15px' viewBox='0 0 15 15' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cpolygon id='Path' fill='%23E3097C' points='12.759145 0.0312229203 14.8804653 2.15254326 9.57716447 7.45584412 14.8804653 12.759145 12.759145 14.8804653 7.45584412 9.57716447 2.15254326 14.8804653 0.0312229203 12.759145 5.33452378 7.45584412 0.0312229203 2.15254326 2.15254326 0.0312229203 7.45584412 5.33452378'%3E%3C/polygon%3E %3C/svg%3E");
39
- padding-right: 2em;
40
- }
41
-
42
- input[type='search'] {
43
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Cpath id='Path_46' data-name='Path 46' d='M17.835-27.347l5.506,5.506a2.249,2.249,0,0,1,0,3.182,2.249,2.249,0,0,1-3.182,0h0l-5.506-5.506a10.6,10.6,0,0,0,3.182-3.182ZM9-42a9,9,0,0,1,9,9,9,9,0,0,1-9,9,9,9,0,0,1-9-9A9,9,0,0,1,9-42Zm0,2.25A6.757,6.757,0,0,0,2.25-33,6.757,6.757,0,0,0,9-26.25,6.757,6.757,0,0,0,15.75-33,6.758,6.758,0,0,0,9-39.75Zm0,1.5v1.5A3.754,3.754,0,0,0,5.25-33H3.75A5.256,5.256,0,0,1,9-38.25Z' transform='translate(0 42)' fill='%23d8d8d8' clip-rule='evenodd'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='icon_search' data-name='icon search' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_45' data-name='Path 45' d='M-1-43H24.363v25.363H-1Z' transform='translate(0.429 42.429)' fill='%23d8d8d8'/%3E%3C/g%3E%3C/svg%3E%0A");
44
- background-position: 0.5em 50%;
45
- padding-left: 2.25rem;
46
- }
47
-
48
- input:disabled {
49
- border-width: 0 0 1px;
50
- color: #595959;
51
- border-color: lightgrey;
52
- }
53
-
54
- input:not([type='search']):disabled {
55
- background-image: none;
56
- padding-left: 0;
57
- }
58
- `;
59
- //# sourceMappingURL=ix-textbox-styles.js.map
package/dist/ix-textbox-styles.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"file":"ix-textbox-styles.js","sourceRoot":"","sources":["../src/ix-textbox-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwDjC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const IxTextboxStyles = css`\n :host {\n display: block;\n }\n\n :host([hidden]) {\n display: none;\n }\n\n input {\n display: block;\n width: 100%;\n padding: 0.5em;\n font-size: 1rem;\n line-height: 1.25rem;\n border: 1px solid lightgrey;\n background-repeat: no-repeat;\n background-position: calc(100% - 0.5em) 50%;\n border-radius: 3px;\n box-sizing: border-box;\n }\n\n input:focus {\n outline: none;\n box-shadow: 0 0 2px 1px rgba(0, 153, 204, 0.39),\n 0 0 4px 3px rgba(0, 153, 204, 0.18), 0 0 8px 4px rgba(0, 153, 204, 0.1);\n }\n\n input:required.-is-valid {\n border-color: #99ca3c;\n background-image: url(\"data:image/svg+xml,%3Csvg width='19px' height='13px' viewBox='0 0 19 13' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cpolygon fill='%2399CA3C' points='6.70967742 13 0 6.29032258 2.09677419 4.19354839 6.70967742 8.80645161 16.3548387 0 18.4516129 2.09677419'%3E%3C/polygon%3E %3C/svg%3E\");\n padding-right: 2em;\n }\n\n input:required.-is-invalid {\n border-color: #e3097c;\n background-image: url(\"data:image/svg+xml,%3Csvg width='15px' height='15px' viewBox='0 0 15 15' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3Cpolygon id='Path' fill='%23E3097C' points='12.759145 0.0312229203 14.8804653 2.15254326 9.57716447 7.45584412 14.8804653 12.759145 12.759145 14.8804653 7.45584412 9.57716447 2.15254326 14.8804653 0.0312229203 12.759145 5.33452378 7.45584412 0.0312229203 2.15254326 2.15254326 0.0312229203 7.45584412 5.33452378'%3E%3C/polygon%3E %3C/svg%3E\");\n padding-right: 2em;\n }\n\n input[type='search'] {\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Cpath id='Path_46' data-name='Path 46' d='M17.835-27.347l5.506,5.506a2.249,2.249,0,0,1,0,3.182,2.249,2.249,0,0,1-3.182,0h0l-5.506-5.506a10.6,10.6,0,0,0,3.182-3.182ZM9-42a9,9,0,0,1,9,9,9,9,0,0,1-9,9,9,9,0,0,1-9-9A9,9,0,0,1,9-42Zm0,2.25A6.757,6.757,0,0,0,2.25-33,6.757,6.757,0,0,0,9-26.25,6.757,6.757,0,0,0,15.75-33,6.758,6.758,0,0,0,9-39.75Zm0,1.5v1.5A3.754,3.754,0,0,0,5.25-33H3.75A5.256,5.256,0,0,1,9-38.25Z' transform='translate(0 42)' fill='%23d8d8d8' clip-rule='evenodd'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='icon_search' data-name='icon search' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_45' data-name='Path 45' d='M-1-43H24.363v25.363H-1Z' transform='translate(0.429 42.429)' fill='%23d8d8d8'/%3E%3C/g%3E%3C/svg%3E%0A\");\n background-position: 0.5em 50%;\n padding-left: 2.25rem;\n }\n\n input:disabled {\n border-width: 0 0 1px;\n color: #595959;\n border-color: lightgrey;\n }\n\n input:not([type='search']):disabled {\n background-image: none;\n padding-left: 0;\n }\n`;\n"]}