@swc-react/swatch 0.34.1-rc.0 → 0.35.1-rc.15
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/next.d.ts +53 -34
- package/package.json +3 -3
package/next.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
/// <reference types="react" />
|
|
2
3
|
export declare const Swatch: import("react").ComponentType<Partial<{
|
|
3
4
|
dir?: string | undefined;
|
|
4
5
|
slot?: string | undefined;
|
|
@@ -6,11 +7,7 @@ export declare const Swatch: import("react").ComponentType<Partial<{
|
|
|
6
7
|
title?: string | undefined;
|
|
7
8
|
tabIndex?: number | undefined;
|
|
8
9
|
'aria-disabled'?: (boolean | "true" | "false") | undefined;
|
|
9
|
-
|
|
10
|
-
role?: import("react").AriaRole | undefined;
|
|
11
|
-
'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
|
|
12
|
-
'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
|
|
13
|
-
'aria-label'?: string | undefined;
|
|
10
|
+
'aria-hidden'?: (boolean | "true" | "false") | undefined;
|
|
14
11
|
accessKey?: string | undefined;
|
|
15
12
|
draggable?: (boolean | "true" | "false") | undefined;
|
|
16
13
|
hidden?: boolean | undefined;
|
|
@@ -23,19 +20,28 @@ export declare const Swatch: import("react").ComponentType<Partial<{
|
|
|
23
20
|
contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
|
|
24
21
|
inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
|
25
22
|
nonce?: string | undefined;
|
|
23
|
+
color?: string | undefined;
|
|
24
|
+
role?: import("react").AriaRole | undefined;
|
|
25
|
+
'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
|
|
26
|
+
'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
|
|
27
|
+
'aria-label'?: string | undefined;
|
|
26
28
|
defaultChecked?: boolean | undefined;
|
|
27
29
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
28
30
|
suppressContentEditableWarning?: boolean | undefined;
|
|
29
31
|
suppressHydrationWarning?: boolean | undefined;
|
|
32
|
+
autoFocus?: boolean | undefined;
|
|
30
33
|
contextMenu?: string | undefined;
|
|
31
34
|
placeholder?: string | undefined;
|
|
32
35
|
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
33
36
|
radioGroup?: string | undefined;
|
|
34
37
|
about?: string | undefined;
|
|
38
|
+
content?: string | undefined;
|
|
35
39
|
datatype?: string | undefined;
|
|
36
40
|
inlist?: any;
|
|
37
41
|
property?: string | undefined;
|
|
42
|
+
rel?: string | undefined;
|
|
38
43
|
resource?: string | undefined;
|
|
44
|
+
rev?: string | undefined;
|
|
39
45
|
typeof?: string | undefined;
|
|
40
46
|
vocab?: string | undefined;
|
|
41
47
|
autoCapitalize?: string | undefined;
|
|
@@ -53,13 +59,17 @@ export declare const Swatch: import("react").ComponentType<Partial<{
|
|
|
53
59
|
'aria-activedescendant'?: string | undefined;
|
|
54
60
|
'aria-atomic'?: (boolean | "true" | "false") | undefined;
|
|
55
61
|
'aria-autocomplete'?: "none" | "both" | "list" | "inline" | undefined;
|
|
62
|
+
'aria-braillelabel'?: string | undefined;
|
|
63
|
+
'aria-brailleroledescription'?: string | undefined;
|
|
56
64
|
'aria-busy'?: (boolean | "true" | "false") | undefined;
|
|
57
65
|
'aria-colcount'?: number | undefined;
|
|
58
66
|
'aria-colindex'?: number | undefined;
|
|
67
|
+
'aria-colindextext'?: string | undefined;
|
|
59
68
|
'aria-colspan'?: number | undefined;
|
|
60
69
|
'aria-controls'?: string | undefined;
|
|
61
70
|
'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
|
|
62
71
|
'aria-describedby'?: string | undefined;
|
|
72
|
+
'aria-description'?: string | undefined;
|
|
63
73
|
'aria-details'?: string | undefined;
|
|
64
74
|
'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | undefined;
|
|
65
75
|
'aria-errormessage'?: string | undefined;
|
|
@@ -67,7 +77,6 @@ export declare const Swatch: import("react").ComponentType<Partial<{
|
|
|
67
77
|
'aria-flowto'?: string | undefined;
|
|
68
78
|
'aria-grabbed'?: (boolean | "true" | "false") | undefined;
|
|
69
79
|
'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
|
|
70
|
-
'aria-hidden'?: (boolean | "true" | "false") | undefined;
|
|
71
80
|
'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
|
|
72
81
|
'aria-keyshortcuts'?: string | undefined;
|
|
73
82
|
'aria-labelledby'?: string | undefined;
|
|
@@ -86,6 +95,7 @@ export declare const Swatch: import("react").ComponentType<Partial<{
|
|
|
86
95
|
'aria-roledescription'?: string | undefined;
|
|
87
96
|
'aria-rowcount'?: number | undefined;
|
|
88
97
|
'aria-rowindex'?: number | undefined;
|
|
98
|
+
'aria-rowindextext'?: string | undefined;
|
|
89
99
|
'aria-rowspan'?: number | undefined;
|
|
90
100
|
'aria-selected'?: (boolean | "true" | "false") | undefined;
|
|
91
101
|
'aria-setsize'?: number | undefined;
|
|
@@ -95,7 +105,7 @@ export declare const Swatch: import("react").ComponentType<Partial<{
|
|
|
95
105
|
'aria-valuenow'?: number | undefined;
|
|
96
106
|
'aria-valuetext'?: string | undefined;
|
|
97
107
|
dangerouslySetInnerHTML?: {
|
|
98
|
-
__html: string;
|
|
108
|
+
__html: string | TrustedHTML;
|
|
99
109
|
} | undefined;
|
|
100
110
|
onCopy?: import("react").ClipboardEventHandler<import("swatch/src").Swatch> | undefined;
|
|
101
111
|
onCopyCapture?: import("react").ClipboardEventHandler<import("swatch/src").Swatch> | undefined;
|
|
@@ -276,21 +286,13 @@ export declare const Swatch: import("react").ComponentType<Partial<{
|
|
|
276
286
|
disabled: boolean;
|
|
277
287
|
autofocus: boolean;
|
|
278
288
|
normalize: () => void;
|
|
279
|
-
border: import("swatch/src").SwatchBorder;
|
|
280
|
-
mixedValue: boolean;
|
|
281
|
-
nothing: boolean;
|
|
282
|
-
rounding: import("swatch/src").SwatchRounding;
|
|
283
|
-
selected: boolean;
|
|
284
|
-
shape: import("swatch/src").SwatchShape;
|
|
285
|
-
value: string;
|
|
286
|
-
readonly renderOptions: import("lit-html").RenderOptions;
|
|
287
|
-
connectedCallback: () => void;
|
|
288
|
-
disconnectedCallback: () => void;
|
|
289
289
|
readonly renderRoot: HTMLElement | ShadowRoot;
|
|
290
290
|
isUpdatePending: boolean;
|
|
291
291
|
hasUpdated: boolean;
|
|
292
292
|
addController: (controller: import("lit").ReactiveController) => void;
|
|
293
293
|
removeController: (controller: import("lit").ReactiveController) => void;
|
|
294
|
+
connectedCallback: () => void;
|
|
295
|
+
disconnectedCallback: () => void;
|
|
294
296
|
attributeChangedCallback: (name: string, _old: string | null, value: string | null) => void;
|
|
295
297
|
requestUpdate: (name?: PropertyKey | undefined, oldValue?: unknown, options?: import("lit").PropertyDeclaration<unknown, unknown> | undefined) => void;
|
|
296
298
|
readonly updateComplete: Promise<boolean>;
|
|
@@ -587,6 +589,14 @@ export declare const Swatch: import("react").ComponentType<Partial<{
|
|
|
587
589
|
onwebkittransitionend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
588
590
|
onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;
|
|
589
591
|
readonly dataset: DOMStringMap;
|
|
592
|
+
border: import("swatch/src").SwatchBorder;
|
|
593
|
+
mixedValue: boolean;
|
|
594
|
+
nothing: boolean;
|
|
595
|
+
rounding: import("swatch/src").SwatchRounding;
|
|
596
|
+
selected: boolean;
|
|
597
|
+
shape: import("swatch/src").SwatchShape;
|
|
598
|
+
value: string;
|
|
599
|
+
readonly renderOptions: import("lit-html").RenderOptions;
|
|
590
600
|
isLTR: boolean;
|
|
591
601
|
hasVisibleFocusInTree: () => boolean;
|
|
592
602
|
readonly focusElement: HTMLElement;
|
|
@@ -600,11 +610,7 @@ export declare const SwatchGroup: import("react").ComponentType<Partial<{
|
|
|
600
610
|
title?: string | undefined;
|
|
601
611
|
tabIndex?: number | undefined;
|
|
602
612
|
'aria-disabled'?: (boolean | "true" | "false") | undefined;
|
|
603
|
-
|
|
604
|
-
role?: import("react").AriaRole | undefined;
|
|
605
|
-
'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
|
|
606
|
-
'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
|
|
607
|
-
'aria-label'?: string | undefined;
|
|
613
|
+
'aria-hidden'?: (boolean | "true" | "false") | undefined;
|
|
608
614
|
accessKey?: string | undefined;
|
|
609
615
|
draggable?: (boolean | "true" | "false") | undefined;
|
|
610
616
|
hidden?: boolean | undefined;
|
|
@@ -617,19 +623,28 @@ export declare const SwatchGroup: import("react").ComponentType<Partial<{
|
|
|
617
623
|
contentEditable?: (boolean | "true" | "false") | "inherit" | undefined;
|
|
618
624
|
inputMode?: "text" | "search" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
|
619
625
|
nonce?: string | undefined;
|
|
626
|
+
color?: string | undefined;
|
|
627
|
+
role?: import("react").AriaRole | undefined;
|
|
628
|
+
'aria-pressed'?: boolean | "true" | "false" | "mixed" | undefined;
|
|
629
|
+
'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
|
|
630
|
+
'aria-label'?: string | undefined;
|
|
620
631
|
defaultChecked?: boolean | undefined;
|
|
621
632
|
defaultValue?: string | number | readonly string[] | undefined;
|
|
622
633
|
suppressContentEditableWarning?: boolean | undefined;
|
|
623
634
|
suppressHydrationWarning?: boolean | undefined;
|
|
635
|
+
autoFocus?: boolean | undefined;
|
|
624
636
|
contextMenu?: string | undefined;
|
|
625
637
|
placeholder?: string | undefined;
|
|
626
638
|
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
627
639
|
radioGroup?: string | undefined;
|
|
628
640
|
about?: string | undefined;
|
|
641
|
+
content?: string | undefined;
|
|
629
642
|
datatype?: string | undefined;
|
|
630
643
|
inlist?: any;
|
|
631
644
|
property?: string | undefined;
|
|
645
|
+
rel?: string | undefined;
|
|
632
646
|
resource?: string | undefined;
|
|
647
|
+
rev?: string | undefined;
|
|
633
648
|
typeof?: string | undefined;
|
|
634
649
|
vocab?: string | undefined;
|
|
635
650
|
autoCapitalize?: string | undefined;
|
|
@@ -647,13 +662,17 @@ export declare const SwatchGroup: import("react").ComponentType<Partial<{
|
|
|
647
662
|
'aria-activedescendant'?: string | undefined;
|
|
648
663
|
'aria-atomic'?: (boolean | "true" | "false") | undefined;
|
|
649
664
|
'aria-autocomplete'?: "none" | "both" | "list" | "inline" | undefined;
|
|
665
|
+
'aria-braillelabel'?: string | undefined;
|
|
666
|
+
'aria-brailleroledescription'?: string | undefined;
|
|
650
667
|
'aria-busy'?: (boolean | "true" | "false") | undefined;
|
|
651
668
|
'aria-colcount'?: number | undefined;
|
|
652
669
|
'aria-colindex'?: number | undefined;
|
|
670
|
+
'aria-colindextext'?: string | undefined;
|
|
653
671
|
'aria-colspan'?: number | undefined;
|
|
654
672
|
'aria-controls'?: string | undefined;
|
|
655
673
|
'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
|
|
656
674
|
'aria-describedby'?: string | undefined;
|
|
675
|
+
'aria-description'?: string | undefined;
|
|
657
676
|
'aria-details'?: string | undefined;
|
|
658
677
|
'aria-dropeffect'?: "link" | "copy" | "none" | "execute" | "move" | "popup" | undefined;
|
|
659
678
|
'aria-errormessage'?: string | undefined;
|
|
@@ -661,7 +680,6 @@ export declare const SwatchGroup: import("react").ComponentType<Partial<{
|
|
|
661
680
|
'aria-flowto'?: string | undefined;
|
|
662
681
|
'aria-grabbed'?: (boolean | "true" | "false") | undefined;
|
|
663
682
|
'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
|
|
664
|
-
'aria-hidden'?: (boolean | "true" | "false") | undefined;
|
|
665
683
|
'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
|
|
666
684
|
'aria-keyshortcuts'?: string | undefined;
|
|
667
685
|
'aria-labelledby'?: string | undefined;
|
|
@@ -680,6 +698,7 @@ export declare const SwatchGroup: import("react").ComponentType<Partial<{
|
|
|
680
698
|
'aria-roledescription'?: string | undefined;
|
|
681
699
|
'aria-rowcount'?: number | undefined;
|
|
682
700
|
'aria-rowindex'?: number | undefined;
|
|
701
|
+
'aria-rowindextext'?: string | undefined;
|
|
683
702
|
'aria-rowspan'?: number | undefined;
|
|
684
703
|
'aria-selected'?: (boolean | "true" | "false") | undefined;
|
|
685
704
|
'aria-setsize'?: number | undefined;
|
|
@@ -689,7 +708,7 @@ export declare const SwatchGroup: import("react").ComponentType<Partial<{
|
|
|
689
708
|
'aria-valuenow'?: number | undefined;
|
|
690
709
|
'aria-valuetext'?: string | undefined;
|
|
691
710
|
dangerouslySetInnerHTML?: {
|
|
692
|
-
__html: string;
|
|
711
|
+
__html: string | TrustedHTML;
|
|
693
712
|
} | undefined;
|
|
694
713
|
onCopy?: import("react").ClipboardEventHandler<import("swatch/src").SwatchGroup> | undefined;
|
|
695
714
|
onCopyCapture?: import("react").ClipboardEventHandler<import("swatch/src").SwatchGroup> | undefined;
|
|
@@ -867,21 +886,13 @@ export declare const SwatchGroup: import("react").ComponentType<Partial<{
|
|
|
867
886
|
};
|
|
868
887
|
autofocus: boolean;
|
|
869
888
|
normalize: () => void;
|
|
870
|
-
border: import("swatch/src").SwatchBorder;
|
|
871
|
-
rounding: import("swatch/src").SwatchRounding;
|
|
872
|
-
selected: string[];
|
|
873
|
-
shape: import("swatch/src").SwatchShape;
|
|
874
|
-
selects: "single" | "multiple" | undefined;
|
|
875
|
-
density: "compact" | "spacious" | undefined;
|
|
876
|
-
rovingTabindexController: import("@spectrum-web-components/reactive-controllers/src/RovingTabindex").RovingTabindexController<import("swatch/src").Swatch>;
|
|
877
|
-
readonly renderOptions: import("lit-html").RenderOptions;
|
|
878
|
-
connectedCallback: () => void;
|
|
879
|
-
disconnectedCallback: () => void;
|
|
880
889
|
readonly renderRoot: HTMLElement | ShadowRoot;
|
|
881
890
|
isUpdatePending: boolean;
|
|
882
891
|
hasUpdated: boolean;
|
|
883
892
|
addController: (controller: import("lit").ReactiveController) => void;
|
|
884
893
|
removeController: (controller: import("lit").ReactiveController) => void;
|
|
894
|
+
connectedCallback: () => void;
|
|
895
|
+
disconnectedCallback: () => void;
|
|
885
896
|
attributeChangedCallback: (name: string, _old: string | null, value: string | null) => void;
|
|
886
897
|
requestUpdate: (name?: PropertyKey | undefined, oldValue?: unknown, options?: import("lit").PropertyDeclaration<unknown, unknown> | undefined) => void;
|
|
887
898
|
readonly updateComplete: Promise<boolean>;
|
|
@@ -1178,6 +1189,14 @@ export declare const SwatchGroup: import("react").ComponentType<Partial<{
|
|
|
1178
1189
|
onwebkittransitionend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
|
|
1179
1190
|
onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null;
|
|
1180
1191
|
readonly dataset: DOMStringMap;
|
|
1192
|
+
border: import("swatch/src").SwatchBorder;
|
|
1193
|
+
rounding: import("swatch/src").SwatchRounding;
|
|
1194
|
+
selected: string[];
|
|
1195
|
+
shape: import("swatch/src").SwatchShape;
|
|
1196
|
+
selects: import("swatch/src").SwatchSelects;
|
|
1197
|
+
density: "compact" | "spacious" | undefined;
|
|
1198
|
+
rovingTabindexController: import("@spectrum-web-components/reactive-controllers/src/RovingTabindex").RovingTabindexController<import("swatch/src").Swatch>;
|
|
1199
|
+
readonly renderOptions: import("lit-html").RenderOptions;
|
|
1181
1200
|
isLTR: boolean;
|
|
1182
1201
|
hasVisibleFocusInTree: () => boolean;
|
|
1183
1202
|
} & {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@swc-react/swatch",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.35.1-rc.15+9b76319e4",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
],
|
|
31
31
|
"dependencies": {
|
|
32
32
|
"@lit-labs/react": "^1.1.1",
|
|
33
|
-
"@spectrum-web-components/swatch": "^0.
|
|
33
|
+
"@spectrum-web-components/swatch": "^0.35.1-rc.15+9b76319e4"
|
|
34
34
|
},
|
|
35
35
|
"peerDependencies": {
|
|
36
36
|
"next": "~13.4"
|
|
@@ -40,5 +40,5 @@
|
|
|
40
40
|
"optional": true
|
|
41
41
|
}
|
|
42
42
|
},
|
|
43
|
-
"gitHead": "
|
|
43
|
+
"gitHead": "9b76319e4f1cc7cb0dd03e9d9debf544e5bed4e9"
|
|
44
44
|
}
|