@noctuatech/uswds 1.5.2 → 1.5.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.
- package/package.json +5 -5
- package/src/lib/search/search.element.ts +4 -0
- package/src/lib/textarea/textarea.element.ts +5 -1
- package/target/lib/search/search.element.d.ts +1 -0
- package/target/lib/search/search.element.js +3 -0
- package/target/lib/search/search.element.js.map +1 -1
- package/target/lib/textarea/textarea.element.d.ts +1 -0
- package/target/lib/textarea/textarea.element.js +10 -2
- package/target/lib/textarea/textarea.element.js.map +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@noctuatech/uswds",
|
|
3
|
-
"version": "1.5.
|
|
3
|
+
"version": "1.5.3",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"workspaces": [
|
|
6
6
|
"packages/**"
|
|
@@ -112,10 +112,10 @@
|
|
|
112
112
|
},
|
|
113
113
|
"devDependencies": {
|
|
114
114
|
"@11ty/eleventy": "^3.0.0",
|
|
115
|
-
"@chromatic-com/storybook": "^
|
|
115
|
+
"@chromatic-com/storybook": "^5.0.0",
|
|
116
116
|
"@open-wc/testing": "^4.0.0",
|
|
117
|
-
"@storybook/addon-docs": "^10.1
|
|
118
|
-
"@storybook/web-components-vite": "^10.1
|
|
117
|
+
"@storybook/addon-docs": "^10.2.1",
|
|
118
|
+
"@storybook/web-components-vite": "^10.2.1",
|
|
119
119
|
"@testing-library/dom": "^10.4.0",
|
|
120
120
|
"@testing-library/user-event": "^14.6.1",
|
|
121
121
|
"@types/mocha": "^10.0.7",
|
|
@@ -131,7 +131,7 @@
|
|
|
131
131
|
"mocha": "^11.0.0",
|
|
132
132
|
"plop": "^4.0.1",
|
|
133
133
|
"prettier": "^3.5.3",
|
|
134
|
-
"storybook": "^10.1
|
|
134
|
+
"storybook": "^10.2.1",
|
|
135
135
|
"typescript": "^5.8.0",
|
|
136
136
|
"wireit": "^0.14.9"
|
|
137
137
|
},
|
|
@@ -88,6 +88,10 @@ export class USASearchElement extends HTMLElement {
|
|
|
88
88
|
});
|
|
89
89
|
}
|
|
90
90
|
|
|
91
|
+
focus(options?: FocusOptions): void {
|
|
92
|
+
this.#input().focus(options);
|
|
93
|
+
}
|
|
94
|
+
|
|
91
95
|
@listen('submit', 'form')
|
|
92
96
|
onSubmit(e: Event) {
|
|
93
97
|
const searchEvent = new USASearchEvent(this.value);
|
|
@@ -68,7 +68,7 @@ declare global {
|
|
|
68
68
|
</label>
|
|
69
69
|
</usa-bind>
|
|
70
70
|
|
|
71
|
-
<usa-bind props="name,placeholder,autocomplete,required,value,id:name">
|
|
71
|
+
<usa-bind props="name,placeholder,autocomplete,required,value,id:name,disabled">
|
|
72
72
|
<textarea id="textarea" part="textarea"></textarea>
|
|
73
73
|
</usa-bind>
|
|
74
74
|
`,
|
|
@@ -81,6 +81,10 @@ export class USATextareaElement extends HTMLElement {
|
|
|
81
81
|
@bind()
|
|
82
82
|
accessor name = '';
|
|
83
83
|
|
|
84
|
+
@attr()
|
|
85
|
+
@bind()
|
|
86
|
+
accessor disabled = false;
|
|
87
|
+
|
|
84
88
|
@attr()
|
|
85
89
|
@bind()
|
|
86
90
|
accessor autocomplete: AutoFill = 'on';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"search.element.js","sourceRoot":"","sources":["../../../src/lib/search/search.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEzE,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;IAoDtC,gBAAgB;4BA5C5B,OAAO,CAAC;YACP,OAAO,EAAE,YAAY;YACrB,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA6BF;gBACD,IAAI,CAAA;;;;;;;;KAQH;aACF;SACF,CAAC;;;;sBACoC,WAAW;;;;;;;;;;;;;;;;;;;;;;;;gCAAnB,SAAQ,WAAW;;;;gCAC9C,IAAI,EAAE;uCAGN,IAAI,EAAE;oCAGN,IAAI,EAAE;oCAGN,IAAI,EAAE;wCAGN,IAAI,EAAE;iCAGN,IAAI,EAAE;qCAGN,IAAI,EAAE;
|
|
1
|
+
{"version":3,"file":"search.element.js","sourceRoot":"","sources":["../../../src/lib/search/search.element.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEzE,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;IAoDtC,gBAAgB;4BA5C5B,OAAO,CAAC;YACP,OAAO,EAAE,YAAY;YACrB,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA6BF;gBACD,IAAI,CAAA;;;;;;;;KAQH;aACF;SACF,CAAC;;;;sBACoC,WAAW;;;;;;;;;;;;;;;;;;;;;;;;gCAAnB,SAAQ,WAAW;;;;gCAC9C,IAAI,EAAE;uCAGN,IAAI,EAAE;oCAGN,IAAI,EAAE;oCAGN,IAAI,EAAE;wCAGN,IAAI,EAAE;iCAGN,IAAI,EAAE;qCAGN,IAAI,EAAE;oCAqBN,MAAM,CAAC,QAAQ,EAAE,MAAM,CAAC;YAtCzB,iKAAS,IAAI,6BAAJ,IAAI,mFAAY;YAGzB,sLAAS,WAAW,6BAAX,WAAW,iGAAY;YAGhC,6KAAS,QAAQ,6BAAR,QAAQ,2FAAS;YAG1B,6KAAS,QAAQ,6BAAR,QAAQ,2FAAS;YAG1B,yLAAS,YAAY,6BAAZ,YAAY,mGAAmB;YAGxC,oKAAS,KAAK,6BAAL,KAAK,qFAAM;YAGpB,gLAAS,SAAS,6BAAT,SAAS,6FAAS;YAqB3B,2KAAA,QAAQ,6DAQP;YAjDH,6KAkDC;;;YAlDY,uDAAgB;;QAE3B,0BAFW,mDAAgB,8CAEX,QAAQ,GAAC;QAAzB,IAAS,IAAI,0CAAY;QAAzB,IAAS,IAAI,gDAAY;QAGzB,sIAAuB,QAAQ,GAAC;QAAhC,IAAS,WAAW,iDAAY;QAAhC,IAAS,WAAW,uDAAY;QAGhC,uIAAoB,KAAK,GAAC;QAA1B,IAAS,QAAQ,8CAAS;QAA1B,IAAS,QAAQ,oDAAS;QAG1B,oIAAoB,KAAK,GAAC;QAA1B,IAAS,QAAQ,8CAAS;QAA1B,IAAS,QAAQ,oDAAS;QAG1B,4IAAkC,KAAK,GAAC;QAAxC,IAAS,YAAY,kDAAmB;QAAxC,IAAS,YAAY,wDAAmB;QAGxC,kIAAiB,EAAE,GAAC;QAApB,IAAS,KAAK,2CAAM;QAApB,IAAS,KAAK,iDAAM;QAGpB,mIAAqB,KAAK,GAAC;QAA3B,IAAS,SAAS,+CAAS;QAA3B,IAAS,SAAS,qDAAS;QAE3B,MAAM,2DAAG,KAAK,CAAC,WAAW,CAAC,EAAC;QAE5B,wBAAwB;YACtB,IAAI,CAAC,MAAM,CAAC;gBACV,IAAI,EAAE,IAAI,CAAC,IAAI;gBACf,WAAW,EAAE,IAAI,CAAC,WAAW;gBAC7B,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,QAAQ,EAAE,IAAI,CAAC,QAAQ;gBACvB,YAAY,EAAE,IAAI,CAAC,YAAY;gBAC/B,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,SAAS,EAAE,IAAI,CAAC,SAAS;aAC1B,CAAC,CAAC;QACL,CAAC;QAED,KAAK,CAAC,OAAsB;YAC1B,IAAI,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAC/B,CAAC;QAGD,QAAQ,CAAC,CAAQ;YACf,MAAM,WAAW,GAAG,IAAI,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAEnD,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,CAAC;YAEhC,IAAI,WAAW,CAAC,gBAAgB,EAAE,CAAC;gBACjC,CAAC,CAAC,cAAc,EAAE,CAAC;YACrB,CAAC;QACH,CAAC;;;;SAjDU,gBAAgB"}
|
|
@@ -8,7 +8,7 @@ let USATextareaElement = (() => {
|
|
|
8
8
|
tagName: 'usa-textarea',
|
|
9
9
|
shadowDom: [
|
|
10
10
|
css `*{box-sizing:border-box}:host{font-size:1.06rem;line-height:1.3;display:flex;flex-direction:column;font-weight:400;margin-bottom:1.5rem;max-width:30rem;position:relative;height:9lh;gap:.5rem}textarea{font-family:inherit;font-size:inherit;border-radius:0;color:#1b1b1b;display:block;padding:.5rem;border-width:1px;border-color:#5c5c5c;border-style:solid;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;resize:none;flex-grow:1}textarea:not(:disabled):focus{outline:.25rem solid #2491ff;outline-offset:0}textarea:disabled{background-color:#fff;border-color:#757575;color:#757575}`,
|
|
11
|
-
html `<usa-bind attrs="for:name"><label part="label"><slot></slot></label></usa-bind><usa-bind props="name,placeholder,autocomplete,required,value,id:name"><textarea id="textarea" part="textarea"></textarea></usa-bind>`,
|
|
11
|
+
html `<usa-bind attrs="for:name"><label part="label"><slot></slot></label></usa-bind><usa-bind props="name,placeholder,autocomplete,required,value,id:name,disabled"><textarea id="textarea" part="textarea"></textarea></usa-bind>`,
|
|
12
12
|
],
|
|
13
13
|
})];
|
|
14
14
|
let _classDescriptor;
|
|
@@ -19,6 +19,9 @@ let USATextareaElement = (() => {
|
|
|
19
19
|
let _name_decorators;
|
|
20
20
|
let _name_initializers = [];
|
|
21
21
|
let _name_extraInitializers = [];
|
|
22
|
+
let _disabled_decorators;
|
|
23
|
+
let _disabled_initializers = [];
|
|
24
|
+
let _disabled_extraInitializers = [];
|
|
22
25
|
let _autocomplete_decorators;
|
|
23
26
|
let _autocomplete_initializers = [];
|
|
24
27
|
let _autocomplete_extraInitializers = [];
|
|
@@ -41,6 +44,7 @@ let USATextareaElement = (() => {
|
|
|
41
44
|
static {
|
|
42
45
|
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
43
46
|
_name_decorators = [attr(), bind()];
|
|
47
|
+
_disabled_decorators = [attr(), bind()];
|
|
44
48
|
_autocomplete_decorators = [attr(), bind()];
|
|
45
49
|
_placeholder_decorators = [attr(), bind()];
|
|
46
50
|
_required_decorators = [attr(), bind()];
|
|
@@ -51,6 +55,7 @@ let USATextareaElement = (() => {
|
|
|
51
55
|
_onChange_decorators = [effect()];
|
|
52
56
|
_onInputChange_decorators = [listen('input')];
|
|
53
57
|
__esDecorate(this, null, _name_decorators, { kind: "accessor", name: "name", static: false, private: false, access: { has: obj => "name" in obj, get: obj => obj.name, set: (obj, value) => { obj.name = value; } }, metadata: _metadata }, _name_initializers, _name_extraInitializers);
|
|
58
|
+
__esDecorate(this, null, _disabled_decorators, { kind: "accessor", name: "disabled", static: false, private: false, access: { has: obj => "disabled" in obj, get: obj => obj.disabled, set: (obj, value) => { obj.disabled = value; } }, metadata: _metadata }, _disabled_initializers, _disabled_extraInitializers);
|
|
54
59
|
__esDecorate(this, null, _autocomplete_decorators, { kind: "accessor", name: "autocomplete", static: false, private: false, access: { has: obj => "autocomplete" in obj, get: obj => obj.autocomplete, set: (obj, value) => { obj.autocomplete = value; } }, metadata: _metadata }, _autocomplete_initializers, _autocomplete_extraInitializers);
|
|
55
60
|
__esDecorate(this, null, _placeholder_decorators, { kind: "accessor", name: "placeholder", static: false, private: false, access: { has: obj => "placeholder" in obj, get: obj => obj.placeholder, set: (obj, value) => { obj.placeholder = value; } }, metadata: _metadata }, _placeholder_initializers, _placeholder_extraInitializers);
|
|
56
61
|
__esDecorate(this, null, _required_decorators, { kind: "accessor", name: "required", static: false, private: false, access: { has: obj => "required" in obj, get: obj => obj.required, set: (obj, value) => { obj.required = value; } }, metadata: _metadata }, _required_initializers, _required_extraInitializers);
|
|
@@ -66,7 +71,10 @@ let USATextareaElement = (() => {
|
|
|
66
71
|
#name_accessor_storage = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _name_initializers, ''));
|
|
67
72
|
get name() { return this.#name_accessor_storage; }
|
|
68
73
|
set name(value) { this.#name_accessor_storage = value; }
|
|
69
|
-
#
|
|
74
|
+
#disabled_accessor_storage = (__runInitializers(this, _name_extraInitializers), __runInitializers(this, _disabled_initializers, false));
|
|
75
|
+
get disabled() { return this.#disabled_accessor_storage; }
|
|
76
|
+
set disabled(value) { this.#disabled_accessor_storage = value; }
|
|
77
|
+
#autocomplete_accessor_storage = (__runInitializers(this, _disabled_extraInitializers), __runInitializers(this, _autocomplete_initializers, 'on'));
|
|
70
78
|
get autocomplete() { return this.#autocomplete_accessor_storage; }
|
|
71
79
|
set autocomplete(value) { this.#autocomplete_accessor_storage = value; }
|
|
72
80
|
#placeholder_accessor_storage = (__runInitializers(this, _autocomplete_extraInitializers), __runInitializers(this, _placeholder_initializers, ''));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textarea.element.js","sourceRoot":"","sources":["../../../src/lib/textarea/textarea.element.ts"],"names":[],"mappings":";AAAA,OAAO,kBAAkB,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACzE,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;IAwE5B,kBAAkB;4BAhE9B,OAAO,CAAC;YACP,OAAO,EAAE,cAAc;YACvB,SAAS,EAAE;gBACT,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA+CF;gBACD,IAAI,CAAA;;;;;;;;;;KAUH;aACF;SACF,CAAC;;;;sBACsC,WAAW
|
|
1
|
+
{"version":3,"file":"textarea.element.js","sourceRoot":"","sources":["../../../src/lib/textarea/textarea.element.ts"],"names":[],"mappings":"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"}
|