@phcdevworks/spectre-components 0.0.1 → 1.1.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 (62) hide show
  1. package/README.md +113 -40
  2. package/dist/base-2rD8EmdC.d.cts +32 -0
  3. package/dist/base-2rD8EmdC.d.ts +32 -0
  4. package/dist/button.cjs +295 -170
  5. package/dist/button.cjs.map +1 -1
  6. package/dist/button.d.cts +30 -61
  7. package/dist/button.d.ts +30 -61
  8. package/dist/button.js +296 -171
  9. package/dist/button.js.map +1 -1
  10. package/dist/checkbox.cjs +286 -71
  11. package/dist/checkbox.cjs.map +1 -1
  12. package/dist/checkbox.d.cts +38 -43
  13. package/dist/checkbox.d.ts +38 -43
  14. package/dist/checkbox.js +287 -72
  15. package/dist/checkbox.js.map +1 -1
  16. package/dist/fieldset.cjs +233 -88
  17. package/dist/fieldset.cjs.map +1 -1
  18. package/dist/fieldset.d.cts +23 -40
  19. package/dist/fieldset.d.ts +23 -40
  20. package/dist/fieldset.js +233 -88
  21. package/dist/fieldset.js.map +1 -1
  22. package/dist/form-iI7vV-3W.d.cts +6 -0
  23. package/dist/form-iI7vV-3W.d.ts +6 -0
  24. package/dist/index.cjs +564 -1029
  25. package/dist/index.cjs.map +1 -1
  26. package/dist/index.d.cts +5 -2
  27. package/dist/index.d.ts +5 -2
  28. package/dist/index.js +566 -1030
  29. package/dist/index.js.map +1 -1
  30. package/dist/input.cjs +232 -119
  31. package/dist/input.cjs.map +1 -1
  32. package/dist/input.d.cts +52 -68
  33. package/dist/input.d.ts +52 -68
  34. package/dist/input.js +232 -119
  35. package/dist/input.js.map +1 -1
  36. package/dist/label.cjs +232 -73
  37. package/dist/label.cjs.map +1 -1
  38. package/dist/label.d.cts +13 -22
  39. package/dist/label.d.ts +13 -22
  40. package/dist/label.js +232 -73
  41. package/dist/label.js.map +1 -1
  42. package/dist/projectable-BzDQ4xp_.d.cts +17 -0
  43. package/dist/projectable-s3SgvjGX.d.ts +17 -0
  44. package/dist/radio.cjs +286 -71
  45. package/dist/radio.cjs.map +1 -1
  46. package/dist/radio.d.cts +38 -43
  47. package/dist/radio.d.ts +38 -43
  48. package/dist/radio.js +287 -72
  49. package/dist/radio.js.map +1 -1
  50. package/dist/select.cjs +292 -163
  51. package/dist/select.cjs.map +1 -1
  52. package/dist/select.d.cts +35 -58
  53. package/dist/select.d.ts +35 -58
  54. package/dist/select.js +293 -163
  55. package/dist/select.js.map +1 -1
  56. package/dist/textarea.cjs +191 -290
  57. package/dist/textarea.cjs.map +1 -1
  58. package/dist/textarea.d.cts +41 -58
  59. package/dist/textarea.d.ts +41 -58
  60. package/dist/textarea.js +191 -290
  61. package/dist/textarea.js.map +1 -1
  62. package/package.json +13 -12
package/dist/select.d.cts CHANGED
@@ -1,35 +1,33 @@
1
1
  import * as lit_html from 'lit-html';
2
- import { LitElement } from 'lit';
2
+ import { S as SpectreProjectableElement } from './projectable-BzDQ4xp_.cjs';
3
+ import { S as SpectreInputSize } from './form-iI7vV-3W.cjs';
4
+ import './base-2rD8EmdC.cjs';
5
+ import 'lit';
3
6
 
4
- declare const spectreSelectSizes: readonly ["sm", "md", "lg"];
5
- type SpectreSelectSize = (typeof spectreSelectSizes)[number];
6
7
  interface SpectreSelectProps {
7
- autofocus?: boolean;
8
- disabled?: boolean;
9
- fullWidth?: boolean;
10
- invalid?: boolean;
11
- loading?: boolean;
12
- name?: string;
13
- pill?: boolean;
14
- required?: boolean;
15
- size?: SpectreSelectSize;
16
- success?: boolean;
17
- title?: string;
18
- value?: string;
8
+ ariaLabel: string | null;
9
+ ariaLabelledBy: string | null;
10
+ ariaDescribedBy: string | null;
11
+ autocomplete?: string | undefined;
12
+ autofocus?: boolean | undefined;
13
+ disabled?: boolean | undefined;
14
+ form?: string | undefined;
15
+ fullWidth?: boolean | undefined;
16
+ invalid?: boolean | undefined;
17
+ loading?: boolean | undefined;
18
+ name?: string | undefined;
19
+ pill?: boolean | undefined;
20
+ required?: boolean | undefined;
21
+ size?: SpectreInputSize | undefined;
22
+ success?: boolean | undefined;
23
+ title?: string | undefined;
24
+ value?: string | undefined;
19
25
  }
20
- declare class SpectreSelectElement extends LitElement implements SpectreSelectProps {
26
+ declare class SpectreSelectElement extends SpectreProjectableElement implements SpectreSelectProps {
21
27
  static properties: {
22
- ariaLabel: {
23
- attribute: string;
24
- type: StringConstructor;
25
- };
26
- ariaLabelledBy: {
27
- attribute: string;
28
- type: StringConstructor;
29
- };
30
- ariaDescribedBy: {
31
- attribute: string;
28
+ autocomplete: {
32
29
  type: StringConstructor;
30
+ reflect: boolean;
33
31
  };
34
32
  autofocus: {
35
33
  type: BooleanConstructor;
@@ -39,6 +37,9 @@ declare class SpectreSelectElement extends LitElement implements SpectreSelectPr
39
37
  type: BooleanConstructor;
40
38
  reflect: boolean;
41
39
  };
40
+ form: {
41
+ type: StringConstructor;
42
+ };
42
43
  fullWidth: {
43
44
  attribute: string;
44
45
  type: BooleanConstructor;
@@ -54,6 +55,7 @@ declare class SpectreSelectElement extends LitElement implements SpectreSelectPr
54
55
  };
55
56
  name: {
56
57
  type: StringConstructor;
58
+ reflect: boolean;
57
59
  };
58
60
  pill: {
59
61
  type: BooleanConstructor;
@@ -71,54 +73,29 @@ declare class SpectreSelectElement extends LitElement implements SpectreSelectPr
71
73
  type: BooleanConstructor;
72
74
  reflect: boolean;
73
75
  };
74
- title: {
75
- type: StringConstructor;
76
- reflect: boolean;
77
- };
78
76
  value: {
79
77
  type: StringConstructor;
80
78
  };
81
79
  };
82
- ariaLabel: string | null;
83
- ariaLabelledBy: string | null;
84
- ariaDescribedBy: string | null;
80
+ autocomplete: string | undefined;
85
81
  autofocus: boolean;
86
82
  disabled: boolean;
83
+ form: string | undefined;
87
84
  fullWidth: boolean;
88
85
  invalid: boolean;
89
86
  loading: boolean;
90
- name?: string;
87
+ name: string | undefined;
91
88
  pill: boolean;
92
89
  required: boolean;
93
- size: SpectreSelectSize;
90
+ size: SpectreInputSize;
94
91
  success: boolean;
95
- title: string;
96
92
  value: string;
97
- private _id?;
98
- private projectedOptions;
99
- private contentObserver?;
100
- get id(): string;
101
- set id(value: string);
102
- createRenderRoot(): this;
103
- connectedCallback(): void;
104
- disconnectedCallback(): void;
105
- getAttribute(qualifiedName: string): string | null;
106
- hasAttribute(qualifiedName: string): boolean;
107
- setAttribute(qualifiedName: string, value: string): void;
108
- removeAttribute(qualifiedName: string): void;
93
+ protected getContentContainer(): Element | null;
94
+ protected isInternalNode(node: Node): boolean;
109
95
  protected willUpdate(changedProperties: Map<PropertyKey, unknown>): void;
110
- protected update(changedProperties: Map<PropertyKey, unknown>): void;
111
96
  protected updated(changedProperties: Map<PropertyKey, unknown>): void;
112
97
  private get selectClasses();
113
98
  private get isDisabled();
114
- private get nativeSelect();
115
- private get forwardedAriaLabel();
116
- private get forwardedAriaLabelledBy();
117
- private get forwardedAriaDescribedBy();
118
- private startContentObserver;
119
- private stopContentObserver;
120
- private syncProjectedOptions;
121
- private isInternalSelectNode;
122
99
  private handleInput;
123
100
  private handleChange;
124
101
  focus(options?: FocusOptions): void;
@@ -127,4 +104,4 @@ declare class SpectreSelectElement extends LitElement implements SpectreSelectPr
127
104
  }
128
105
  declare function defineSpectreSelect(tagName?: string): typeof SpectreSelectElement;
129
106
 
130
- export { SpectreSelectElement, type SpectreSelectProps, type SpectreSelectSize, defineSpectreSelect, spectreSelectSizes };
107
+ export { SpectreSelectElement, type SpectreSelectProps, defineSpectreSelect };
package/dist/select.d.ts CHANGED
@@ -1,35 +1,33 @@
1
1
  import * as lit_html from 'lit-html';
2
- import { LitElement } from 'lit';
2
+ import { S as SpectreProjectableElement } from './projectable-s3SgvjGX.js';
3
+ import { S as SpectreInputSize } from './form-iI7vV-3W.js';
4
+ import './base-2rD8EmdC.js';
5
+ import 'lit';
3
6
 
4
- declare const spectreSelectSizes: readonly ["sm", "md", "lg"];
5
- type SpectreSelectSize = (typeof spectreSelectSizes)[number];
6
7
  interface SpectreSelectProps {
7
- autofocus?: boolean;
8
- disabled?: boolean;
9
- fullWidth?: boolean;
10
- invalid?: boolean;
11
- loading?: boolean;
12
- name?: string;
13
- pill?: boolean;
14
- required?: boolean;
15
- size?: SpectreSelectSize;
16
- success?: boolean;
17
- title?: string;
18
- value?: string;
8
+ ariaLabel: string | null;
9
+ ariaLabelledBy: string | null;
10
+ ariaDescribedBy: string | null;
11
+ autocomplete?: string | undefined;
12
+ autofocus?: boolean | undefined;
13
+ disabled?: boolean | undefined;
14
+ form?: string | undefined;
15
+ fullWidth?: boolean | undefined;
16
+ invalid?: boolean | undefined;
17
+ loading?: boolean | undefined;
18
+ name?: string | undefined;
19
+ pill?: boolean | undefined;
20
+ required?: boolean | undefined;
21
+ size?: SpectreInputSize | undefined;
22
+ success?: boolean | undefined;
23
+ title?: string | undefined;
24
+ value?: string | undefined;
19
25
  }
20
- declare class SpectreSelectElement extends LitElement implements SpectreSelectProps {
26
+ declare class SpectreSelectElement extends SpectreProjectableElement implements SpectreSelectProps {
21
27
  static properties: {
22
- ariaLabel: {
23
- attribute: string;
24
- type: StringConstructor;
25
- };
26
- ariaLabelledBy: {
27
- attribute: string;
28
- type: StringConstructor;
29
- };
30
- ariaDescribedBy: {
31
- attribute: string;
28
+ autocomplete: {
32
29
  type: StringConstructor;
30
+ reflect: boolean;
33
31
  };
34
32
  autofocus: {
35
33
  type: BooleanConstructor;
@@ -39,6 +37,9 @@ declare class SpectreSelectElement extends LitElement implements SpectreSelectPr
39
37
  type: BooleanConstructor;
40
38
  reflect: boolean;
41
39
  };
40
+ form: {
41
+ type: StringConstructor;
42
+ };
42
43
  fullWidth: {
43
44
  attribute: string;
44
45
  type: BooleanConstructor;
@@ -54,6 +55,7 @@ declare class SpectreSelectElement extends LitElement implements SpectreSelectPr
54
55
  };
55
56
  name: {
56
57
  type: StringConstructor;
58
+ reflect: boolean;
57
59
  };
58
60
  pill: {
59
61
  type: BooleanConstructor;
@@ -71,54 +73,29 @@ declare class SpectreSelectElement extends LitElement implements SpectreSelectPr
71
73
  type: BooleanConstructor;
72
74
  reflect: boolean;
73
75
  };
74
- title: {
75
- type: StringConstructor;
76
- reflect: boolean;
77
- };
78
76
  value: {
79
77
  type: StringConstructor;
80
78
  };
81
79
  };
82
- ariaLabel: string | null;
83
- ariaLabelledBy: string | null;
84
- ariaDescribedBy: string | null;
80
+ autocomplete: string | undefined;
85
81
  autofocus: boolean;
86
82
  disabled: boolean;
83
+ form: string | undefined;
87
84
  fullWidth: boolean;
88
85
  invalid: boolean;
89
86
  loading: boolean;
90
- name?: string;
87
+ name: string | undefined;
91
88
  pill: boolean;
92
89
  required: boolean;
93
- size: SpectreSelectSize;
90
+ size: SpectreInputSize;
94
91
  success: boolean;
95
- title: string;
96
92
  value: string;
97
- private _id?;
98
- private projectedOptions;
99
- private contentObserver?;
100
- get id(): string;
101
- set id(value: string);
102
- createRenderRoot(): this;
103
- connectedCallback(): void;
104
- disconnectedCallback(): void;
105
- getAttribute(qualifiedName: string): string | null;
106
- hasAttribute(qualifiedName: string): boolean;
107
- setAttribute(qualifiedName: string, value: string): void;
108
- removeAttribute(qualifiedName: string): void;
93
+ protected getContentContainer(): Element | null;
94
+ protected isInternalNode(node: Node): boolean;
109
95
  protected willUpdate(changedProperties: Map<PropertyKey, unknown>): void;
110
- protected update(changedProperties: Map<PropertyKey, unknown>): void;
111
96
  protected updated(changedProperties: Map<PropertyKey, unknown>): void;
112
97
  private get selectClasses();
113
98
  private get isDisabled();
114
- private get nativeSelect();
115
- private get forwardedAriaLabel();
116
- private get forwardedAriaLabelledBy();
117
- private get forwardedAriaDescribedBy();
118
- private startContentObserver;
119
- private stopContentObserver;
120
- private syncProjectedOptions;
121
- private isInternalSelectNode;
122
99
  private handleInput;
123
100
  private handleChange;
124
101
  focus(options?: FocusOptions): void;
@@ -127,4 +104,4 @@ declare class SpectreSelectElement extends LitElement implements SpectreSelectPr
127
104
  }
128
105
  declare function defineSpectreSelect(tagName?: string): typeof SpectreSelectElement;
129
106
 
130
- export { SpectreSelectElement, type SpectreSelectProps, type SpectreSelectSize, defineSpectreSelect, spectreSelectSizes };
107
+ export { SpectreSelectElement, type SpectreSelectProps, defineSpectreSelect };