@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/textarea.d.cts CHANGED
@@ -1,35 +1,43 @@
1
1
  import * as lit_html from 'lit-html';
2
- import { S as SpectreBaseElement } from './base-DQtCQ-dP.cjs';
3
- import { S as SpectreInputSize } from './form-iI7vV-3W.cjs';
2
+ import { S as SpectreBaseElement } from './base-B_9DJkh2.cjs';
3
+ import { b as SpectreInputSize } from './form-9cZG1E9P.cjs';
4
4
  import 'lit';
5
5
 
6
6
  interface SpectreTextareaProps {
7
7
  ariaLabel?: string | null;
8
8
  ariaLabelledBy?: string | null;
9
9
  ariaDescribedBy?: string | null;
10
- autocomplete?: string;
11
- autofocus?: boolean;
12
- disabled?: boolean;
13
- form?: string;
14
- fullWidth?: boolean;
15
- inputmode?: string;
16
- invalid?: boolean;
17
- loading?: boolean;
10
+ autocapitalize?: string | undefined;
11
+ autocomplete?: string | undefined;
12
+ autofocus?: boolean | undefined;
13
+ disabled?: boolean | undefined;
14
+ enterkeyhint?: string | undefined;
15
+ form?: string | undefined;
16
+ fullWidth?: boolean | undefined;
17
+ id?: string | null | undefined;
18
+ inputmode?: string | undefined;
19
+ invalid?: boolean | undefined;
20
+ loading?: boolean | undefined;
18
21
  maxlength?: number | undefined;
19
22
  minlength?: number | undefined;
20
23
  name?: string | undefined;
21
- pill?: boolean;
24
+ pill?: boolean | undefined;
22
25
  placeholder?: string | undefined;
23
- readonly?: boolean;
24
- required?: boolean;
25
- rows?: number;
26
- size?: SpectreInputSize;
27
- success?: boolean;
28
- title?: string;
29
- value?: string;
26
+ readonly?: boolean | undefined;
27
+ required?: boolean | undefined;
28
+ rows?: number | undefined;
29
+ size?: SpectreInputSize | undefined;
30
+ spellcheck?: boolean | undefined;
31
+ success?: boolean | undefined;
32
+ title?: string | null | undefined;
33
+ value?: string | undefined;
30
34
  }
31
35
  declare class SpectreTextareaElement extends SpectreBaseElement implements SpectreTextareaProps {
32
36
  static properties: {
37
+ autocapitalize: {
38
+ type: StringConstructor;
39
+ reflect: boolean;
40
+ };
33
41
  autocomplete: {
34
42
  type: StringConstructor;
35
43
  reflect: boolean;
@@ -42,6 +50,10 @@ declare class SpectreTextareaElement extends SpectreBaseElement implements Spect
42
50
  type: BooleanConstructor;
43
51
  reflect: boolean;
44
52
  };
53
+ enterkeyhint: {
54
+ type: StringConstructor;
55
+ reflect: boolean;
56
+ };
45
57
  form: {
46
58
  type: StringConstructor;
47
59
  };
@@ -92,43 +104,52 @@ declare class SpectreTextareaElement extends SpectreBaseElement implements Spect
92
104
  };
93
105
  rows: {
94
106
  type: NumberConstructor;
107
+ reflect: boolean;
95
108
  };
96
109
  size: {
97
110
  type: StringConstructor;
98
111
  reflect: boolean;
99
112
  };
100
- success: {
113
+ spellcheck: {
101
114
  type: BooleanConstructor;
102
115
  reflect: boolean;
103
116
  };
104
- title: {
105
- type: StringConstructor;
117
+ success: {
118
+ type: BooleanConstructor;
106
119
  reflect: boolean;
107
120
  };
108
121
  value: {
109
122
  type: StringConstructor;
110
123
  };
111
124
  };
112
- autocomplete?: string;
125
+ get autocapitalize(): string;
126
+ set autocapitalize(value: string | null | undefined);
127
+ autocomplete: string | undefined;
113
128
  autofocus: boolean;
114
129
  disabled: boolean;
115
- form?: string;
130
+ enterkeyhint: string | undefined;
131
+ form: string | undefined;
116
132
  fullWidth: boolean;
117
- inputmode?: string;
133
+ get id(): string;
134
+ set id(value: string | null | undefined);
135
+ inputmode: string | undefined;
118
136
  invalid: boolean;
119
137
  loading: boolean;
120
- maxlength?: number | undefined;
121
- minlength?: number | undefined;
122
- name?: string;
138
+ maxlength: number | undefined;
139
+ minlength: number | undefined;
140
+ name: string | undefined;
123
141
  pill: boolean;
124
- placeholder?: string;
142
+ placeholder: string | undefined;
125
143
  readonly: boolean;
126
144
  required: boolean;
127
- rows: number;
128
- size: SpectreInputSize;
145
+ rows: number | undefined;
146
+ size: SpectreInputSize | undefined;
147
+ get spellcheck(): boolean;
148
+ set spellcheck(value: boolean | null | undefined);
129
149
  success: boolean;
130
- title: string;
131
- value: string;
150
+ get title(): string;
151
+ set title(value: string | null | undefined);
152
+ value: string | undefined;
132
153
  protected willUpdate(changedProperties: Map<PropertyKey, unknown>): void;
133
154
  private get textareaClasses();
134
155
  private get isDisabled();
package/dist/textarea.d.ts CHANGED
@@ -1,35 +1,43 @@
1
1
  import * as lit_html from 'lit-html';
2
- import { S as SpectreBaseElement } from './base-DQtCQ-dP.js';
3
- import { S as SpectreInputSize } from './form-iI7vV-3W.js';
2
+ import { S as SpectreBaseElement } from './base-B_9DJkh2.js';
3
+ import { b as SpectreInputSize } from './form-9cZG1E9P.js';
4
4
  import 'lit';
5
5
 
6
6
  interface SpectreTextareaProps {
7
7
  ariaLabel?: string | null;
8
8
  ariaLabelledBy?: string | null;
9
9
  ariaDescribedBy?: string | null;
10
- autocomplete?: string;
11
- autofocus?: boolean;
12
- disabled?: boolean;
13
- form?: string;
14
- fullWidth?: boolean;
15
- inputmode?: string;
16
- invalid?: boolean;
17
- loading?: boolean;
10
+ autocapitalize?: string | undefined;
11
+ autocomplete?: string | undefined;
12
+ autofocus?: boolean | undefined;
13
+ disabled?: boolean | undefined;
14
+ enterkeyhint?: string | undefined;
15
+ form?: string | undefined;
16
+ fullWidth?: boolean | undefined;
17
+ id?: string | null | undefined;
18
+ inputmode?: string | undefined;
19
+ invalid?: boolean | undefined;
20
+ loading?: boolean | undefined;
18
21
  maxlength?: number | undefined;
19
22
  minlength?: number | undefined;
20
23
  name?: string | undefined;
21
- pill?: boolean;
24
+ pill?: boolean | undefined;
22
25
  placeholder?: string | undefined;
23
- readonly?: boolean;
24
- required?: boolean;
25
- rows?: number;
26
- size?: SpectreInputSize;
27
- success?: boolean;
28
- title?: string;
29
- value?: string;
26
+ readonly?: boolean | undefined;
27
+ required?: boolean | undefined;
28
+ rows?: number | undefined;
29
+ size?: SpectreInputSize | undefined;
30
+ spellcheck?: boolean | undefined;
31
+ success?: boolean | undefined;
32
+ title?: string | null | undefined;
33
+ value?: string | undefined;
30
34
  }
31
35
  declare class SpectreTextareaElement extends SpectreBaseElement implements SpectreTextareaProps {
32
36
  static properties: {
37
+ autocapitalize: {
38
+ type: StringConstructor;
39
+ reflect: boolean;
40
+ };
33
41
  autocomplete: {
34
42
  type: StringConstructor;
35
43
  reflect: boolean;
@@ -42,6 +50,10 @@ declare class SpectreTextareaElement extends SpectreBaseElement implements Spect
42
50
  type: BooleanConstructor;
43
51
  reflect: boolean;
44
52
  };
53
+ enterkeyhint: {
54
+ type: StringConstructor;
55
+ reflect: boolean;
56
+ };
45
57
  form: {
46
58
  type: StringConstructor;
47
59
  };
@@ -92,43 +104,52 @@ declare class SpectreTextareaElement extends SpectreBaseElement implements Spect
92
104
  };
93
105
  rows: {
94
106
  type: NumberConstructor;
107
+ reflect: boolean;
95
108
  };
96
109
  size: {
97
110
  type: StringConstructor;
98
111
  reflect: boolean;
99
112
  };
100
- success: {
113
+ spellcheck: {
101
114
  type: BooleanConstructor;
102
115
  reflect: boolean;
103
116
  };
104
- title: {
105
- type: StringConstructor;
117
+ success: {
118
+ type: BooleanConstructor;
106
119
  reflect: boolean;
107
120
  };
108
121
  value: {
109
122
  type: StringConstructor;
110
123
  };
111
124
  };
112
- autocomplete?: string;
125
+ get autocapitalize(): string;
126
+ set autocapitalize(value: string | null | undefined);
127
+ autocomplete: string | undefined;
113
128
  autofocus: boolean;
114
129
  disabled: boolean;
115
- form?: string;
130
+ enterkeyhint: string | undefined;
131
+ form: string | undefined;
116
132
  fullWidth: boolean;
117
- inputmode?: string;
133
+ get id(): string;
134
+ set id(value: string | null | undefined);
135
+ inputmode: string | undefined;
118
136
  invalid: boolean;
119
137
  loading: boolean;
120
- maxlength?: number | undefined;
121
- minlength?: number | undefined;
122
- name?: string;
138
+ maxlength: number | undefined;
139
+ minlength: number | undefined;
140
+ name: string | undefined;
123
141
  pill: boolean;
124
- placeholder?: string;
142
+ placeholder: string | undefined;
125
143
  readonly: boolean;
126
144
  required: boolean;
127
- rows: number;
128
- size: SpectreInputSize;
145
+ rows: number | undefined;
146
+ size: SpectreInputSize | undefined;
147
+ get spellcheck(): boolean;
148
+ set spellcheck(value: boolean | null | undefined);
129
149
  success: boolean;
130
- title: string;
131
- value: string;
150
+ get title(): string;
151
+ set title(value: string | null | undefined);
152
+ value: string | undefined;
132
153
  protected willUpdate(changedProperties: Map<PropertyKey, unknown>): void;
133
154
  private get textareaClasses();
134
155
  private get isDisabled();