@phcdevworks/spectre-components 1.0.0 → 1.2.0

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 (66) hide show
  1. package/README.md +586 -107
  2. package/dist/base-B_9DJkh2.d.cts +38 -0
  3. package/dist/base-B_9DJkh2.d.ts +38 -0
  4. package/dist/button.cjs +252 -90
  5. package/dist/button.cjs.map +1 -1
  6. package/dist/button.d.cts +39 -37
  7. package/dist/button.d.ts +39 -37
  8. package/dist/button.js +252 -90
  9. package/dist/button.js.map +1 -1
  10. package/dist/checkbox.cjs +228 -67
  11. package/dist/checkbox.cjs.map +1 -1
  12. package/dist/checkbox.d.cts +21 -21
  13. package/dist/checkbox.d.ts +21 -21
  14. package/dist/checkbox.js +228 -67
  15. package/dist/checkbox.js.map +1 -1
  16. package/dist/fieldset.cjs +245 -56
  17. package/dist/fieldset.cjs.map +1 -1
  18. package/dist/fieldset.d.cts +35 -14
  19. package/dist/fieldset.d.ts +35 -14
  20. package/dist/fieldset.js +245 -56
  21. package/dist/fieldset.js.map +1 -1
  22. package/dist/form-9cZG1E9P.d.cts +10 -0
  23. package/dist/form-9cZG1E9P.d.ts +10 -0
  24. package/dist/index.cjs +647 -328
  25. package/dist/index.cjs.map +1 -1
  26. package/dist/index.d.cts +4 -4
  27. package/dist/index.d.ts +4 -4
  28. package/dist/index.js +647 -328
  29. package/dist/index.js.map +1 -1
  30. package/dist/input.cjs +262 -77
  31. package/dist/input.cjs.map +1 -1
  32. package/dist/input.d.cts +72 -40
  33. package/dist/input.d.ts +72 -40
  34. package/dist/input.js +262 -77
  35. package/dist/input.js.map +1 -1
  36. package/dist/label.cjs +217 -55
  37. package/dist/label.cjs.map +1 -1
  38. package/dist/label.d.cts +17 -10
  39. package/dist/label.d.ts +17 -10
  40. package/dist/label.js +217 -55
  41. package/dist/label.js.map +1 -1
  42. package/dist/{projectable-DcnBRiko.d.cts → projectable-CIfxi7dv.d.cts} +1 -1
  43. package/dist/{projectable-SzbPvXfM.d.ts → projectable-Ksv9eoIr.d.ts} +1 -1
  44. package/dist/radio.cjs +248 -67
  45. package/dist/radio.cjs.map +1 -1
  46. package/dist/radio.d.cts +23 -21
  47. package/dist/radio.d.ts +23 -21
  48. package/dist/radio.js +248 -67
  49. package/dist/radio.js.map +1 -1
  50. package/dist/select.cjs +230 -67
  51. package/dist/select.cjs.map +1 -1
  52. package/dist/select.d.cts +27 -27
  53. package/dist/select.d.ts +27 -27
  54. package/dist/select.js +230 -67
  55. package/dist/select.js.map +1 -1
  56. package/dist/textarea.cjs +256 -77
  57. package/dist/textarea.cjs.map +1 -1
  58. package/dist/textarea.d.cts +53 -32
  59. package/dist/textarea.d.ts +53 -32
  60. package/dist/textarea.js +256 -77
  61. package/dist/textarea.js.map +1 -1
  62. package/package.json +22 -12
  63. package/dist/base-DQtCQ-dP.d.cts +0 -22
  64. package/dist/base-DQtCQ-dP.d.ts +0 -22
  65. package/dist/form-iI7vV-3W.d.cts +0 -6
  66. package/dist/form-iI7vV-3W.d.ts +0 -6
package/dist/input.d.cts CHANGED
@@ -1,39 +1,49 @@
1
1
  import * as lit_html from 'lit-html';
2
- import { S as SpectreBaseElement } from './base-DQtCQ-dP.cjs';
3
- import { S as SpectreInputSize, a as SpectreInputType } from './form-iI7vV-3W.cjs';
4
- export { s as spectreInputSizes, b as spectreInputTypes } from './form-iI7vV-3W.cjs';
2
+ import { S as SpectreBaseElement } from './base-B_9DJkh2.cjs';
3
+ import { b as SpectreInputSize, c as SpectreInputType } from './form-9cZG1E9P.cjs';
4
+ export { e as spectreInputSizes, f as spectreInputTypes } from './form-9cZG1E9P.cjs';
5
5
  import 'lit';
6
6
 
7
7
  interface SpectreInputProps {
8
8
  ariaLabel?: string | null;
9
9
  ariaLabelledBy?: string | null;
10
10
  ariaDescribedBy?: string | null;
11
- autocomplete?: string;
12
- autofocus?: boolean;
13
- disabled?: boolean;
14
- form?: string;
15
- fullWidth?: boolean;
16
- inputmode?: string;
17
- invalid?: boolean;
18
- loading?: boolean;
19
- max?: string;
11
+ autocapitalize?: string | undefined;
12
+ autocomplete?: string | undefined;
13
+ autofocus?: boolean | undefined;
14
+ disabled?: boolean | undefined;
15
+ enterkeyhint?: string | undefined;
16
+ form?: string | undefined;
17
+ fullWidth?: boolean | undefined;
18
+ id?: string | null | undefined;
19
+ inputmode?: string | undefined;
20
+ invalid?: boolean | undefined;
21
+ list?: string | undefined;
22
+ loading?: boolean | undefined;
23
+ max?: string | undefined;
20
24
  maxlength?: number | undefined;
21
- min?: string;
25
+ min?: string | undefined;
22
26
  minlength?: number | undefined;
23
27
  name?: string | undefined;
24
- pill?: boolean;
28
+ pattern?: string | undefined;
29
+ pill?: boolean | undefined;
25
30
  placeholder?: string | undefined;
26
- readonly?: boolean;
27
- required?: boolean;
28
- size?: SpectreInputSize;
29
- step?: string;
30
- success?: boolean;
31
- title?: string;
32
- type?: SpectreInputType;
33
- value?: string;
31
+ readonly?: boolean | undefined;
32
+ required?: boolean | undefined;
33
+ size?: SpectreInputSize | undefined;
34
+ spellcheck?: boolean | undefined;
35
+ step?: string | undefined;
36
+ success?: boolean | undefined;
37
+ title?: string | null | undefined;
38
+ type?: SpectreInputType | undefined;
39
+ value?: string | undefined;
34
40
  }
35
41
  declare class SpectreInputElement extends SpectreBaseElement implements SpectreInputProps {
36
42
  static properties: {
43
+ autocapitalize: {
44
+ type: StringConstructor;
45
+ reflect: boolean;
46
+ };
37
47
  autocomplete: {
38
48
  type: StringConstructor;
39
49
  reflect: boolean;
@@ -46,6 +56,10 @@ declare class SpectreInputElement extends SpectreBaseElement implements SpectreI
46
56
  type: BooleanConstructor;
47
57
  reflect: boolean;
48
58
  };
59
+ enterkeyhint: {
60
+ type: StringConstructor;
61
+ reflect: boolean;
62
+ };
49
63
  form: {
50
64
  type: StringConstructor;
51
65
  };
@@ -62,6 +76,10 @@ declare class SpectreInputElement extends SpectreBaseElement implements SpectreI
62
76
  type: BooleanConstructor;
63
77
  reflect: boolean;
64
78
  };
79
+ list: {
80
+ type: StringConstructor;
81
+ reflect: boolean;
82
+ };
65
83
  loading: {
66
84
  type: BooleanConstructor;
67
85
  reflect: boolean;
@@ -86,6 +104,10 @@ declare class SpectreInputElement extends SpectreBaseElement implements SpectreI
86
104
  type: StringConstructor;
87
105
  reflect: boolean;
88
106
  };
107
+ pattern: {
108
+ type: StringConstructor;
109
+ reflect: boolean;
110
+ };
89
111
  pill: {
90
112
  type: BooleanConstructor;
91
113
  reflect: boolean;
@@ -106,6 +128,10 @@ declare class SpectreInputElement extends SpectreBaseElement implements SpectreI
106
128
  type: StringConstructor;
107
129
  reflect: boolean;
108
130
  };
131
+ spellcheck: {
132
+ type: BooleanConstructor;
133
+ reflect: boolean;
134
+ };
109
135
  step: {
110
136
  type: StringConstructor;
111
137
  reflect: boolean;
@@ -114,10 +140,6 @@ declare class SpectreInputElement extends SpectreBaseElement implements SpectreI
114
140
  type: BooleanConstructor;
115
141
  reflect: boolean;
116
142
  };
117
- title: {
118
- type: StringConstructor;
119
- reflect: boolean;
120
- };
121
143
  type: {
122
144
  type: StringConstructor;
123
145
  reflect: boolean;
@@ -126,29 +148,39 @@ declare class SpectreInputElement extends SpectreBaseElement implements SpectreI
126
148
  type: StringConstructor;
127
149
  };
128
150
  };
129
- autocomplete?: string;
151
+ get autocapitalize(): string;
152
+ set autocapitalize(value: string | null | undefined);
153
+ autocomplete: string | undefined;
130
154
  autofocus: boolean;
131
155
  disabled: boolean;
132
- form?: string;
156
+ enterkeyhint: string | undefined;
157
+ form: string | undefined;
133
158
  fullWidth: boolean;
134
- inputmode?: string;
159
+ get id(): string;
160
+ set id(value: string | null | undefined);
161
+ inputmode: string | undefined;
135
162
  invalid: boolean;
163
+ list: string | undefined;
136
164
  loading: boolean;
137
- max?: string;
138
- maxlength?: number | undefined;
139
- min?: string;
140
- minlength?: number | undefined;
141
- name?: string;
165
+ max: string | undefined;
166
+ maxlength: number | undefined;
167
+ min: string | undefined;
168
+ minlength: number | undefined;
169
+ name: string | undefined;
170
+ pattern: string | undefined;
142
171
  pill: boolean;
143
- placeholder?: string;
172
+ placeholder: string | undefined;
144
173
  readonly: boolean;
145
174
  required: boolean;
146
- size: SpectreInputSize;
147
- step?: string;
175
+ size: SpectreInputSize | undefined;
176
+ get spellcheck(): boolean;
177
+ set spellcheck(value: boolean | null | undefined);
178
+ step: string | undefined;
148
179
  success: boolean;
149
- title: string;
150
- type: SpectreInputType;
151
- value: string;
180
+ get title(): string;
181
+ set title(value: string | null | undefined);
182
+ type: SpectreInputType | undefined;
183
+ value: string | undefined;
152
184
  protected willUpdate(changedProperties: Map<PropertyKey, unknown>): void;
153
185
  private get inputClasses();
154
186
  private get isDisabled();
package/dist/input.d.ts CHANGED
@@ -1,39 +1,49 @@
1
1
  import * as lit_html from 'lit-html';
2
- import { S as SpectreBaseElement } from './base-DQtCQ-dP.js';
3
- import { S as SpectreInputSize, a as SpectreInputType } from './form-iI7vV-3W.js';
4
- export { s as spectreInputSizes, b as spectreInputTypes } from './form-iI7vV-3W.js';
2
+ import { S as SpectreBaseElement } from './base-B_9DJkh2.js';
3
+ import { b as SpectreInputSize, c as SpectreInputType } from './form-9cZG1E9P.js';
4
+ export { e as spectreInputSizes, f as spectreInputTypes } from './form-9cZG1E9P.js';
5
5
  import 'lit';
6
6
 
7
7
  interface SpectreInputProps {
8
8
  ariaLabel?: string | null;
9
9
  ariaLabelledBy?: string | null;
10
10
  ariaDescribedBy?: string | null;
11
- autocomplete?: string;
12
- autofocus?: boolean;
13
- disabled?: boolean;
14
- form?: string;
15
- fullWidth?: boolean;
16
- inputmode?: string;
17
- invalid?: boolean;
18
- loading?: boolean;
19
- max?: string;
11
+ autocapitalize?: string | undefined;
12
+ autocomplete?: string | undefined;
13
+ autofocus?: boolean | undefined;
14
+ disabled?: boolean | undefined;
15
+ enterkeyhint?: string | undefined;
16
+ form?: string | undefined;
17
+ fullWidth?: boolean | undefined;
18
+ id?: string | null | undefined;
19
+ inputmode?: string | undefined;
20
+ invalid?: boolean | undefined;
21
+ list?: string | undefined;
22
+ loading?: boolean | undefined;
23
+ max?: string | undefined;
20
24
  maxlength?: number | undefined;
21
- min?: string;
25
+ min?: string | undefined;
22
26
  minlength?: number | undefined;
23
27
  name?: string | undefined;
24
- pill?: boolean;
28
+ pattern?: string | undefined;
29
+ pill?: boolean | undefined;
25
30
  placeholder?: string | undefined;
26
- readonly?: boolean;
27
- required?: boolean;
28
- size?: SpectreInputSize;
29
- step?: string;
30
- success?: boolean;
31
- title?: string;
32
- type?: SpectreInputType;
33
- value?: string;
31
+ readonly?: boolean | undefined;
32
+ required?: boolean | undefined;
33
+ size?: SpectreInputSize | undefined;
34
+ spellcheck?: boolean | undefined;
35
+ step?: string | undefined;
36
+ success?: boolean | undefined;
37
+ title?: string | null | undefined;
38
+ type?: SpectreInputType | undefined;
39
+ value?: string | undefined;
34
40
  }
35
41
  declare class SpectreInputElement extends SpectreBaseElement implements SpectreInputProps {
36
42
  static properties: {
43
+ autocapitalize: {
44
+ type: StringConstructor;
45
+ reflect: boolean;
46
+ };
37
47
  autocomplete: {
38
48
  type: StringConstructor;
39
49
  reflect: boolean;
@@ -46,6 +56,10 @@ declare class SpectreInputElement extends SpectreBaseElement implements SpectreI
46
56
  type: BooleanConstructor;
47
57
  reflect: boolean;
48
58
  };
59
+ enterkeyhint: {
60
+ type: StringConstructor;
61
+ reflect: boolean;
62
+ };
49
63
  form: {
50
64
  type: StringConstructor;
51
65
  };
@@ -62,6 +76,10 @@ declare class SpectreInputElement extends SpectreBaseElement implements SpectreI
62
76
  type: BooleanConstructor;
63
77
  reflect: boolean;
64
78
  };
79
+ list: {
80
+ type: StringConstructor;
81
+ reflect: boolean;
82
+ };
65
83
  loading: {
66
84
  type: BooleanConstructor;
67
85
  reflect: boolean;
@@ -86,6 +104,10 @@ declare class SpectreInputElement extends SpectreBaseElement implements SpectreI
86
104
  type: StringConstructor;
87
105
  reflect: boolean;
88
106
  };
107
+ pattern: {
108
+ type: StringConstructor;
109
+ reflect: boolean;
110
+ };
89
111
  pill: {
90
112
  type: BooleanConstructor;
91
113
  reflect: boolean;
@@ -106,6 +128,10 @@ declare class SpectreInputElement extends SpectreBaseElement implements SpectreI
106
128
  type: StringConstructor;
107
129
  reflect: boolean;
108
130
  };
131
+ spellcheck: {
132
+ type: BooleanConstructor;
133
+ reflect: boolean;
134
+ };
109
135
  step: {
110
136
  type: StringConstructor;
111
137
  reflect: boolean;
@@ -114,10 +140,6 @@ declare class SpectreInputElement extends SpectreBaseElement implements SpectreI
114
140
  type: BooleanConstructor;
115
141
  reflect: boolean;
116
142
  };
117
- title: {
118
- type: StringConstructor;
119
- reflect: boolean;
120
- };
121
143
  type: {
122
144
  type: StringConstructor;
123
145
  reflect: boolean;
@@ -126,29 +148,39 @@ declare class SpectreInputElement extends SpectreBaseElement implements SpectreI
126
148
  type: StringConstructor;
127
149
  };
128
150
  };
129
- autocomplete?: string;
151
+ get autocapitalize(): string;
152
+ set autocapitalize(value: string | null | undefined);
153
+ autocomplete: string | undefined;
130
154
  autofocus: boolean;
131
155
  disabled: boolean;
132
- form?: string;
156
+ enterkeyhint: string | undefined;
157
+ form: string | undefined;
133
158
  fullWidth: boolean;
134
- inputmode?: string;
159
+ get id(): string;
160
+ set id(value: string | null | undefined);
161
+ inputmode: string | undefined;
135
162
  invalid: boolean;
163
+ list: string | undefined;
136
164
  loading: boolean;
137
- max?: string;
138
- maxlength?: number | undefined;
139
- min?: string;
140
- minlength?: number | undefined;
141
- name?: string;
165
+ max: string | undefined;
166
+ maxlength: number | undefined;
167
+ min: string | undefined;
168
+ minlength: number | undefined;
169
+ name: string | undefined;
170
+ pattern: string | undefined;
142
171
  pill: boolean;
143
- placeholder?: string;
172
+ placeholder: string | undefined;
144
173
  readonly: boolean;
145
174
  required: boolean;
146
- size: SpectreInputSize;
147
- step?: string;
175
+ size: SpectreInputSize | undefined;
176
+ get spellcheck(): boolean;
177
+ set spellcheck(value: boolean | null | undefined);
178
+ step: string | undefined;
148
179
  success: boolean;
149
- title: string;
150
- type: SpectreInputType;
151
- value: string;
180
+ get title(): string;
181
+ set title(value: string | null | undefined);
182
+ type: SpectreInputType | undefined;
183
+ value: string | undefined;
152
184
  protected willUpdate(changedProperties: Map<PropertyKey, unknown>): void;
153
185
  private get inputClasses();
154
186
  private get isDisabled();