@react-spectrum/searchfield 3.7.5 → 3.7.6
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/dist/import.mjs +35 -20
- package/dist/main.css +1 -1
- package/dist/main.js +35 -20
- package/dist/main.js.map +1 -1
- package/dist/module.js +35 -20
- package/dist/module.js.map +1 -1
- package/package.json +10 -10
package/dist/import.mjs
CHANGED
|
@@ -41,36 +41,51 @@ function $parcel$export(e, n, v, s) {
|
|
|
41
41
|
|
|
42
42
|
var $5589e2270a5c2f51$exports = {};
|
|
43
43
|
|
|
44
|
-
$parcel$export($5589e2270a5c2f51$exports, "
|
|
45
|
-
$parcel$export($5589e2270a5c2f51$exports, "
|
|
44
|
+
$parcel$export($5589e2270a5c2f51$exports, "focus-ring", () => $5589e2270a5c2f51$export$f39a09f249340e2a, (v) => $5589e2270a5c2f51$export$f39a09f249340e2a = v);
|
|
45
|
+
$parcel$export($5589e2270a5c2f51$exports, "i18nFontFamily", () => $5589e2270a5c2f51$export$8c4ee2c50c22c514, (v) => $5589e2270a5c2f51$export$8c4ee2c50c22c514 = v);
|
|
46
46
|
$parcel$export($5589e2270a5c2f51$exports, "is-quiet", () => $5589e2270a5c2f51$export$6d5c5433f0da4241, (v) => $5589e2270a5c2f51$export$6d5c5433f0da4241 = v);
|
|
47
|
-
$parcel$export($5589e2270a5c2f51$exports, "spectrum-
|
|
47
|
+
$parcel$export($5589e2270a5c2f51$exports, "spectrum-ClearButton", () => $5589e2270a5c2f51$export$b752ce409e5660c, (v) => $5589e2270a5c2f51$export$b752ce409e5660c = v);
|
|
48
|
+
$parcel$export($5589e2270a5c2f51$exports, "spectrum-FocusRing-ring", () => $5589e2270a5c2f51$export$4109102f950813a6, (v) => $5589e2270a5c2f51$export$4109102f950813a6 = v);
|
|
49
|
+
$parcel$export($5589e2270a5c2f51$exports, "spectrum-FocusRing", () => $5589e2270a5c2f51$export$24c7f46a6e3605dd, (v) => $5589e2270a5c2f51$export$24c7f46a6e3605dd = v);
|
|
50
|
+
$parcel$export($5589e2270a5c2f51$exports, "spectrum-FocusRing--quiet", () => $5589e2270a5c2f51$export$2927016961429360, (v) => $5589e2270a5c2f51$export$2927016961429360 = v);
|
|
51
|
+
$parcel$export($5589e2270a5c2f51$exports, "spectrum-Search", () => $5589e2270a5c2f51$export$713911d754e1e4ae, (v) => $5589e2270a5c2f51$export$713911d754e1e4ae = v);
|
|
48
52
|
$parcel$export($5589e2270a5c2f51$exports, "spectrum-Search--invalid", () => $5589e2270a5c2f51$export$77a6151a0b46a6a3, (v) => $5589e2270a5c2f51$export$77a6151a0b46a6a3 = v);
|
|
49
|
-
$parcel$export($5589e2270a5c2f51$exports, "spectrum-Search--valid", () => $5589e2270a5c2f51$export$aa81e3ab40f37567, (v) => $5589e2270a5c2f51$export$aa81e3ab40f37567 = v);
|
|
50
53
|
$parcel$export($5589e2270a5c2f51$exports, "spectrum-Search--loadable", () => $5589e2270a5c2f51$export$9c74d64afae3b2d4, (v) => $5589e2270a5c2f51$export$9c74d64afae3b2d4 = v);
|
|
54
|
+
$parcel$export($5589e2270a5c2f51$exports, "spectrum-Search--valid", () => $5589e2270a5c2f51$export$aa81e3ab40f37567, (v) => $5589e2270a5c2f51$export$aa81e3ab40f37567 = v);
|
|
51
55
|
$parcel$export($5589e2270a5c2f51$exports, "spectrum-Search-circleLoader", () => $5589e2270a5c2f51$export$70ae4353602451dc, (v) => $5589e2270a5c2f51$export$70ae4353602451dc = v);
|
|
56
|
+
$parcel$export($5589e2270a5c2f51$exports, "spectrum-Search-input", () => $5589e2270a5c2f51$export$50e02603f2d97ae1, (v) => $5589e2270a5c2f51$export$50e02603f2d97ae1 = v);
|
|
52
57
|
$parcel$export($5589e2270a5c2f51$exports, "spectrum-Search-validationIcon", () => $5589e2270a5c2f51$export$938f0981825eae6e, (v) => $5589e2270a5c2f51$export$938f0981825eae6e = v);
|
|
53
58
|
$parcel$export($5589e2270a5c2f51$exports, "spectrum-Textfield", () => $5589e2270a5c2f51$export$2c8a10299d8b3418, (v) => $5589e2270a5c2f51$export$2c8a10299d8b3418 = v);
|
|
54
|
-
var $5589e2270a5c2f51$export$
|
|
55
|
-
var $5589e2270a5c2f51$export$
|
|
59
|
+
var $5589e2270a5c2f51$export$f39a09f249340e2a;
|
|
60
|
+
var $5589e2270a5c2f51$export$8c4ee2c50c22c514;
|
|
56
61
|
var $5589e2270a5c2f51$export$6d5c5433f0da4241;
|
|
57
|
-
var $5589e2270a5c2f51$export$
|
|
62
|
+
var $5589e2270a5c2f51$export$b752ce409e5660c;
|
|
63
|
+
var $5589e2270a5c2f51$export$4109102f950813a6;
|
|
64
|
+
var $5589e2270a5c2f51$export$24c7f46a6e3605dd;
|
|
65
|
+
var $5589e2270a5c2f51$export$2927016961429360;
|
|
66
|
+
var $5589e2270a5c2f51$export$713911d754e1e4ae;
|
|
58
67
|
var $5589e2270a5c2f51$export$77a6151a0b46a6a3;
|
|
59
|
-
var $5589e2270a5c2f51$export$aa81e3ab40f37567;
|
|
60
68
|
var $5589e2270a5c2f51$export$9c74d64afae3b2d4;
|
|
69
|
+
var $5589e2270a5c2f51$export$aa81e3ab40f37567;
|
|
61
70
|
var $5589e2270a5c2f51$export$70ae4353602451dc;
|
|
71
|
+
var $5589e2270a5c2f51$export$50e02603f2d97ae1;
|
|
62
72
|
var $5589e2270a5c2f51$export$938f0981825eae6e;
|
|
63
73
|
var $5589e2270a5c2f51$export$2c8a10299d8b3418;
|
|
64
|
-
$5589e2270a5c2f51$export$
|
|
65
|
-
$5589e2270a5c2f51$export$
|
|
66
|
-
$5589e2270a5c2f51$export$6d5c5433f0da4241 =
|
|
67
|
-
$5589e2270a5c2f51$export$
|
|
68
|
-
$5589e2270a5c2f51$export$
|
|
69
|
-
$5589e2270a5c2f51$export$
|
|
70
|
-
$5589e2270a5c2f51$export$
|
|
71
|
-
$5589e2270a5c2f51$export$
|
|
72
|
-
$5589e2270a5c2f51$export$
|
|
73
|
-
$5589e2270a5c2f51$export$
|
|
74
|
+
$5589e2270a5c2f51$export$f39a09f249340e2a = `SOkmSG_focus-ring`;
|
|
75
|
+
$5589e2270a5c2f51$export$8c4ee2c50c22c514 = `SOkmSG_i18nFontFamily`;
|
|
76
|
+
$5589e2270a5c2f51$export$6d5c5433f0da4241 = `SOkmSG_is-quiet`;
|
|
77
|
+
$5589e2270a5c2f51$export$b752ce409e5660c = `SOkmSG_spectrum-ClearButton`;
|
|
78
|
+
$5589e2270a5c2f51$export$4109102f950813a6 = `SOkmSG_spectrum-FocusRing-ring`;
|
|
79
|
+
$5589e2270a5c2f51$export$24c7f46a6e3605dd = `SOkmSG_spectrum-FocusRing ${$5589e2270a5c2f51$export$4109102f950813a6}`;
|
|
80
|
+
$5589e2270a5c2f51$export$2927016961429360 = `SOkmSG_spectrum-FocusRing--quiet`;
|
|
81
|
+
$5589e2270a5c2f51$export$713911d754e1e4ae = `SOkmSG_spectrum-Search`;
|
|
82
|
+
$5589e2270a5c2f51$export$77a6151a0b46a6a3 = `SOkmSG_spectrum-Search--invalid`;
|
|
83
|
+
$5589e2270a5c2f51$export$9c74d64afae3b2d4 = `SOkmSG_spectrum-Search--loadable`;
|
|
84
|
+
$5589e2270a5c2f51$export$aa81e3ab40f37567 = `SOkmSG_spectrum-Search--valid`;
|
|
85
|
+
$5589e2270a5c2f51$export$70ae4353602451dc = `SOkmSG_spectrum-Search-circleLoader`;
|
|
86
|
+
$5589e2270a5c2f51$export$50e02603f2d97ae1 = `SOkmSG_spectrum-Search-input`;
|
|
87
|
+
$5589e2270a5c2f51$export$938f0981825eae6e = `SOkmSG_spectrum-Search-validationIcon`;
|
|
88
|
+
$5589e2270a5c2f51$export$2c8a10299d8b3418 = `SOkmSG_spectrum-Textfield`;
|
|
74
89
|
|
|
75
90
|
|
|
76
91
|
|
|
@@ -83,11 +98,11 @@ function $a6a4ace9217ce6df$var$SearchField(props, ref) {
|
|
|
83
98
|
let defaultIcon = /*#__PURE__*/ (0, $hlecP$react).createElement((0, $hlecP$spectrumiconsuiMagnifier), {
|
|
84
99
|
"data-testid": "searchicon"
|
|
85
100
|
});
|
|
86
|
-
let { icon: icon = defaultIcon
|
|
101
|
+
let { icon: icon = defaultIcon, isDisabled: isDisabled, UNSAFE_className: UNSAFE_className, placeholder: placeholder, ...otherProps } = props;
|
|
87
102
|
if (placeholder) console.warn("Placeholders are deprecated due to accessibility issues. Please use help text instead. See the docs for details: https://react-spectrum.adobe.com/react-spectrum/SearchField.html#help-text");
|
|
88
103
|
let state = (0, $hlecP$useSearchFieldState)(props);
|
|
89
104
|
let inputRef = (0, $hlecP$useRef)();
|
|
90
|
-
let { labelProps: labelProps
|
|
105
|
+
let { labelProps: labelProps, inputProps: inputProps, clearButtonProps: clearButtonProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $hlecP$useSearchField)(props, state, inputRef);
|
|
91
106
|
let clearButton = /*#__PURE__*/ (0, $hlecP$react).createElement((0, $hlecP$ClearButton), {
|
|
92
107
|
...clearButtonProps,
|
|
93
108
|
preventFocus: true,
|
package/dist/main.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{font-synthesis:weight}.spectrum-Search_d3c0f3{--spectrum-textfield-border-radius:var(--spectrum-search-border-radius,var(--spectrum-alias-border-radius-regular));position:relative}[dir=ltr] .spectrum-Search_d3c0f3 .spectrum-ClearButton_d3c0f3{right:0}[dir=rtl] .spectrum-Search_d3c0f3 .spectrum-ClearButton_d3c0f3{left:0}.spectrum-Search_d3c0f3 .spectrum-ClearButton_d3c0f3{padding:var(--spectrum-search-clear-button-padding);--spectrum-clearbutton-medium-background-color-hover:var(--spectrum-search-clear-button-background-color-hover);--spectrum-clearbutton-medium-background-color-key-focus:var(--spectrum-search-clear-button-background-color-key-focus);--spectrum-clearbutton-medium-background-color-down:var(--spectrum-search-clear-button-background-color-down);background-clip:content-box;position:absolute;top:0}[dir=ltr] .spectrum-Search_d3c0f3.is-quiet_d3c0f3 .spectrum-Search-input_d3c0f3{padding-right:var(--spectrum-global-dimension-size-350)}[dir=rtl] .spectrum-Search_d3c0f3.is-quiet_d3c0f3 .spectrum-Search-input_d3c0f3{padding-left:var(--spectrum-global-dimension-size-350)}[dir=ltr] .spectrum-Search_d3c0f3.spectrum-Search--invalid_d3c0f3 .spectrum-ClearButton_d3c0f3{right:calc(var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225)) + var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)))}[dir=rtl] .spectrum-Search_d3c0f3.spectrum-Search--invalid_d3c0f3 .spectrum-ClearButton_d3c0f3{left:calc(var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225)) + var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)))}[dir=ltr] .spectrum-Search_d3c0f3.spectrum-Search--valid_d3c0f3 .spectrum-ClearButton_d3c0f3{right:calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150))/2 + var(--spectrum-global-dimension-size-150))}[dir=rtl] .spectrum-Search_d3c0f3.spectrum-Search--valid_d3c0f3 .spectrum-ClearButton_d3c0f3{left:calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150))/2 + var(--spectrum-global-dimension-size-150))}[dir=ltr] .spectrum-Search_d3c0f3.spectrum-Search--loadable_d3c0f3 .spectrum-ClearButton_d3c0f3{right:0}[dir=rtl] .spectrum-Search_d3c0f3.spectrum-Search--loadable_d3c0f3 .spectrum-ClearButton_d3c0f3{left:0}[dir=ltr] .spectrum-Search_d3c0f3.spectrum-Search--loadable_d3c0f3 .spectrum-Search-circleLoader_d3c0f3{right:calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150))/2 + var(--spectrum-global-dimension-size-150))}[dir=rtl] .spectrum-Search_d3c0f3.spectrum-Search--loadable_d3c0f3 .spectrum-Search-circleLoader_d3c0f3{left:calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150))/2 + var(--spectrum-global-dimension-size-150))}[dir=ltr] .spectrum-Search_d3c0f3.spectrum-Search--loadable_d3c0f3 .spectrum-Search-validationIcon_d3c0f3{right:calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150))/2 + var(--spectrum-global-dimension-size-150))}[dir=rtl] .spectrum-Search_d3c0f3.spectrum-Search--loadable_d3c0f3 .spectrum-Search-validationIcon_d3c0f3{left:calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150))/2 + var(--spectrum-global-dimension-size-150))}[dir=ltr] .spectrum-Search_d3c0f3.spectrum-Search--loadable_d3c0f3 .spectrum-Search-validationIcon_d3c0f3{padding-right:0}[dir=rtl] .spectrum-Search_d3c0f3.spectrum-Search--loadable_d3c0f3 .spectrum-Search-validationIcon_d3c0f3{padding-left:0}[dir=ltr] .spectrum-Search-input_d3c0f3{padding-right:var(--spectrum-global-dimension-size-350)}[dir=rtl] .spectrum-Search-input_d3c0f3{padding-left:var(--spectrum-global-dimension-size-350)}.spectrum-Search-input_d3c0f3{-webkit-appearance:none;outline-offset:-2px;text-indent:0;display:block}.spectrum-Search-input_d3c0f3::-webkit-search-cancel-button,.spectrum-Search-input_d3c0f3::-webkit-search-decoration{-webkit-appearance:none}[dir=ltr] .spectrum-Textfield_d3c0f3.spectrum-Search--invalid_d3c0f3 .spectrum-Search-input_d3c0f3{padding-right:calc(var(--spectrum-global-dimension-size-350) + var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225)) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}[dir=rtl] .spectrum-Textfield_d3c0f3.spectrum-Search--invalid_d3c0f3 .spectrum-Search-input_d3c0f3{padding-left:calc(var(--spectrum-global-dimension-size-350) + var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225)) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}[dir=ltr] .spectrum-Textfield_d3c0f3.spectrum-Search--valid_d3c0f3 .spectrum-Search-input_d3c0f3{padding-right:calc(var(--spectrum-global-dimension-size-350) + var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}[dir=rtl] .spectrum-Textfield_d3c0f3.spectrum-Search--valid_d3c0f3 .spectrum-Search-input_d3c0f3{padding-left:calc(var(--spectrum-global-dimension-size-350) + var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}[dir=ltr] .spectrum-Textfield_d3c0f3.spectrum-Search--loadable_d3c0f3 .spectrum-Search-input_d3c0f3{padding-right:calc(var(--spectrum-global-dimension-size-350) + var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}[dir=rtl] .spectrum-Textfield_d3c0f3.spectrum-Search--loadable_d3c0f3 .spectrum-Search-input_d3c0f3{padding-left:calc(var(--spectrum-global-dimension-size-350) + var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}
|
|
1
|
+
.SOkmSG_i18nFontFamily{font-synthesis:weight;font-family:adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,sans-serif}.SOkmSG_i18nFontFamily:lang(ar){font-family:myriad-arabic,adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,sans-serif}.SOkmSG_i18nFontFamily:lang(he){font-family:myriad-hebrew,adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,sans-serif}.SOkmSG_i18nFontFamily:lang(zh){font-family:adobe-clean-han-traditional,source-han-traditional,MingLiu,Heiti TC Light,sans-serif}.SOkmSG_i18nFontFamily:lang(zh-Hans){font-family:adobe-clean-han-simplified-c,source-han-simplified-c,SimSun,Heiti SC Light,sans-serif}.SOkmSG_i18nFontFamily:lang(zh-Hant){font-family:adobe-clean-han-traditional,source-han-traditional,MingLiu,Microsoft JhengHei UI,Microsoft JhengHei,Heiti TC Light,sans-serif}.SOkmSG_i18nFontFamily:lang(zh-SG),.SOkmSG_i18nFontFamily:lang(zh-CN){font-family:adobe-clean-han-simplified-c,source-han-simplified-c,SimSun,Heiti SC Light,sans-serif}.SOkmSG_i18nFontFamily:lang(ko){font-family:adobe-clean-han-korean,source-han-korean,Malgun Gothic,Apple Gothic,sans-serif}.SOkmSG_i18nFontFamily:lang(ja){font-family:adobe-clean-han-japanese,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,Osaka,YuGothic,Yu Gothic,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,sans-serif}.SOkmSG_spectrum-FocusRing-ring{--spectrum-focus-ring-border-radius:var(--spectrum-textfield-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-focus-ring-gap:var(--spectrum-alias-input-focusring-gap);--spectrum-focus-ring-size:var(--spectrum-alias-input-focusring-size);--spectrum-focus-ring-border-size:0px;--spectrum-focus-ring-color:var(--spectrum-high-contrast-focus-ring-color,var(--spectrum-alias-focus-ring-color,var(--spectrum-alias-focus-color)))}.SOkmSG_spectrum-FocusRing-ring:after{border-radius:calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));content:"";margin:calc(-1*var(--spectrum-focus-ring-border-size));pointer-events:none;transition:box-shadow var(--spectrum-global-animation-duration-100,.13s)ease-out,margin var(--spectrum-global-animation-duration-100,.13s)ease-out;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.SOkmSG_spectrum-FocusRing.SOkmSG_focus-ring:after{margin:calc(var(--spectrum-focus-ring-gap)*-1 - var(--spectrum-focus-ring-border-size));box-shadow:0 0 0 var(--spectrum-focus-ring-size)var(--spectrum-focus-ring-color)}.SOkmSG_spectrum-FocusRing--quiet:after{border-radius:0}.SOkmSG_spectrum-FocusRing--quiet.SOkmSG_focus-ring:after{margin:0 0 calc(var(--spectrum-focus-ring-gap)*-1 - var(--spectrum-focus-ring-border-size))0;box-shadow:0 var(--spectrum-focus-ring-size)0 var(--spectrum-focus-ring-color)}.SOkmSG_spectrum-Search{--spectrum-textfield-border-radius:var(--spectrum-search-border-radius,var(--spectrum-alias-border-radius-regular));position:relative}.SOkmSG_spectrum-Search .SOkmSG_spectrum-ClearButton{padding:var(--spectrum-search-clear-button-padding);--spectrum-clearbutton-medium-background-color-hover:var(--spectrum-search-clear-button-background-color-hover);--spectrum-clearbutton-medium-background-color-key-focus:var(--spectrum-search-clear-button-background-color-key-focus);--spectrum-clearbutton-medium-background-color-down:var(--spectrum-search-clear-button-background-color-down);background-clip:content-box;position:absolute;top:0}.SOkmSG_spectrum-Search .SOkmSG_spectrum-ClearButton:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.SOkmSG_spectrum-Search .SOkmSG_spectrum-ClearButton:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.SOkmSG_spectrum-Search .SOkmSG_spectrum-ClearButton:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.SOkmSG_spectrum-Search .SOkmSG_spectrum-ClearButton:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.SOkmSG_spectrum-Search .SOkmSG_spectrum-ClearButton:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.SOkmSG_spectrum-Search.SOkmSG_is-quiet .SOkmSG_spectrum-Search-input:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:var(--spectrum-global-dimension-size-350)}.SOkmSG_spectrum-Search.SOkmSG_is-quiet .SOkmSG_spectrum-Search-input:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:var(--spectrum-global-dimension-size-350)}.SOkmSG_spectrum-Search.SOkmSG_is-quiet .SOkmSG_spectrum-Search-input:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:var(--spectrum-global-dimension-size-350)}.SOkmSG_spectrum-Search.SOkmSG_is-quiet .SOkmSG_spectrum-Search-input:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--spectrum-global-dimension-size-350)}.SOkmSG_spectrum-Search.SOkmSG_is-quiet .SOkmSG_spectrum-Search-input:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--spectrum-global-dimension-size-350)}.SOkmSG_spectrum-Search.SOkmSG_spectrum-Search--invalid .SOkmSG_spectrum-ClearButton:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:calc(var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225)) + var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)))}.SOkmSG_spectrum-Search.SOkmSG_spectrum-Search--invalid .SOkmSG_spectrum-ClearButton:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:calc(var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225)) + var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)))}.SOkmSG_spectrum-Search.SOkmSG_spectrum-Search--invalid .SOkmSG_spectrum-ClearButton:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:calc(var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225)) + var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)))}.SOkmSG_spectrum-Search.SOkmSG_spectrum-Search--invalid .SOkmSG_spectrum-ClearButton:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc(var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225)) + var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)))}.SOkmSG_spectrum-Search.SOkmSG_spectrum-Search--invalid .SOkmSG_spectrum-ClearButton:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc(var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225)) + var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)))}.SOkmSG_spectrum-Search.SOkmSG_spectrum-Search--valid .SOkmSG_spectrum-ClearButton:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150))/2 + var(--spectrum-global-dimension-size-150))}.SOkmSG_spectrum-Search.SOkmSG_spectrum-Search--valid .SOkmSG_spectrum-ClearButton:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150))/2 + var(--spectrum-global-dimension-size-150))}.SOkmSG_spectrum-Search.SOkmSG_spectrum-Search--valid .SOkmSG_spectrum-ClearButton:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150))/2 + var(--spectrum-global-dimension-size-150))}.SOkmSG_spectrum-Search.SOkmSG_spectrum-Search--valid .SOkmSG_spectrum-ClearButton:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150))/2 + var(--spectrum-global-dimension-size-150))}.SOkmSG_spectrum-Search.SOkmSG_spectrum-Search--valid .SOkmSG_spectrum-ClearButton:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150))/2 + var(--spectrum-global-dimension-size-150))}.SOkmSG_spectrum-Search.SOkmSG_spectrum-Search--loadable .SOkmSG_spectrum-ClearButton:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.SOkmSG_spectrum-Search.SOkmSG_spectrum-Search--loadable .SOkmSG_spectrum-ClearButton:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.SOkmSG_spectrum-Search.SOkmSG_spectrum-Search--loadable .SOkmSG_spectrum-ClearButton:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:0}.SOkmSG_spectrum-Search.SOkmSG_spectrum-Search--loadable .SOkmSG_spectrum-ClearButton:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.SOkmSG_spectrum-Search.SOkmSG_spectrum-Search--loadable .SOkmSG_spectrum-ClearButton:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:0}.SOkmSG_spectrum-Search.SOkmSG_spectrum-Search--loadable .SOkmSG_spectrum-Search-circleLoader:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150))/2 + var(--spectrum-global-dimension-size-150))}.SOkmSG_spectrum-Search.SOkmSG_spectrum-Search--loadable .SOkmSG_spectrum-Search-circleLoader:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150))/2 + var(--spectrum-global-dimension-size-150))}.SOkmSG_spectrum-Search.SOkmSG_spectrum-Search--loadable .SOkmSG_spectrum-Search-circleLoader:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150))/2 + var(--spectrum-global-dimension-size-150))}.SOkmSG_spectrum-Search.SOkmSG_spectrum-Search--loadable .SOkmSG_spectrum-Search-circleLoader:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150))/2 + var(--spectrum-global-dimension-size-150))}.SOkmSG_spectrum-Search.SOkmSG_spectrum-Search--loadable .SOkmSG_spectrum-Search-circleLoader:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150))/2 + var(--spectrum-global-dimension-size-150))}.SOkmSG_spectrum-Search.SOkmSG_spectrum-Search--loadable .SOkmSG_spectrum-Search-validationIcon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150))/2 + var(--spectrum-global-dimension-size-150));padding-right:0}.SOkmSG_spectrum-Search.SOkmSG_spectrum-Search--loadable .SOkmSG_spectrum-Search-validationIcon:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150))/2 + var(--spectrum-global-dimension-size-150));padding-right:0}.SOkmSG_spectrum-Search.SOkmSG_spectrum-Search--loadable .SOkmSG_spectrum-Search-validationIcon:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150))/2 + var(--spectrum-global-dimension-size-150));padding-right:0}.SOkmSG_spectrum-Search.SOkmSG_spectrum-Search--loadable .SOkmSG_spectrum-Search-validationIcon:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150))/2 + var(--spectrum-global-dimension-size-150));padding-left:0}.SOkmSG_spectrum-Search.SOkmSG_spectrum-Search--loadable .SOkmSG_spectrum-Search-validationIcon:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:calc(var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150))/2 + var(--spectrum-global-dimension-size-150));padding-left:0}.SOkmSG_spectrum-Search-input{-webkit-appearance:none;outline-offset:-2px;text-indent:0;display:block}.SOkmSG_spectrum-Search-input:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:var(--spectrum-global-dimension-size-350)}.SOkmSG_spectrum-Search-input:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:var(--spectrum-global-dimension-size-350)}.SOkmSG_spectrum-Search-input:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:var(--spectrum-global-dimension-size-350)}.SOkmSG_spectrum-Search-input:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--spectrum-global-dimension-size-350)}.SOkmSG_spectrum-Search-input:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:var(--spectrum-global-dimension-size-350)}.SOkmSG_spectrum-Search-input::-webkit-search-cancel-button{-webkit-appearance:none}.SOkmSG_spectrum-Search-input::-webkit-search-decoration{-webkit-appearance:none}.SOkmSG_spectrum-Textfield.SOkmSG_spectrum-Search--invalid .SOkmSG_spectrum-Search-input:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:calc(var(--spectrum-global-dimension-size-350) + var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225)) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}.SOkmSG_spectrum-Textfield.SOkmSG_spectrum-Search--invalid .SOkmSG_spectrum-Search-input:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:calc(var(--spectrum-global-dimension-size-350) + var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225)) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}.SOkmSG_spectrum-Textfield.SOkmSG_spectrum-Search--invalid .SOkmSG_spectrum-Search-input:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:calc(var(--spectrum-global-dimension-size-350) + var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225)) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}.SOkmSG_spectrum-Textfield.SOkmSG_spectrum-Search--invalid .SOkmSG_spectrum-Search-input:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:calc(var(--spectrum-global-dimension-size-350) + var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225)) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}.SOkmSG_spectrum-Textfield.SOkmSG_spectrum-Search--invalid .SOkmSG_spectrum-Search-input:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:calc(var(--spectrum-global-dimension-size-350) + var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-alert-medium-width,var(--spectrum-global-dimension-size-225)) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}.SOkmSG_spectrum-Textfield.SOkmSG_spectrum-Search--valid .SOkmSG_spectrum-Search-input:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:calc(var(--spectrum-global-dimension-size-350) + var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}.SOkmSG_spectrum-Textfield.SOkmSG_spectrum-Search--valid .SOkmSG_spectrum-Search-input:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:calc(var(--spectrum-global-dimension-size-350) + var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}.SOkmSG_spectrum-Textfield.SOkmSG_spectrum-Search--valid .SOkmSG_spectrum-Search-input:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:calc(var(--spectrum-global-dimension-size-350) + var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}.SOkmSG_spectrum-Textfield.SOkmSG_spectrum-Search--valid .SOkmSG_spectrum-Search-input:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:calc(var(--spectrum-global-dimension-size-350) + var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}.SOkmSG_spectrum-Textfield.SOkmSG_spectrum-Search--valid .SOkmSG_spectrum-Search-input:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:calc(var(--spectrum-global-dimension-size-350) + var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}.SOkmSG_spectrum-Textfield.SOkmSG_spectrum-Search--loadable .SOkmSG_spectrum-Search-input:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:calc(var(--spectrum-global-dimension-size-350) + var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}.SOkmSG_spectrum-Textfield.SOkmSG_spectrum-Search--loadable .SOkmSG_spectrum-Search-input:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:calc(var(--spectrum-global-dimension-size-350) + var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}.SOkmSG_spectrum-Textfield.SOkmSG_spectrum-Search--loadable .SOkmSG_spectrum-Search-input:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-right:calc(var(--spectrum-global-dimension-size-350) + var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}.SOkmSG_spectrum-Textfield.SOkmSG_spectrum-Search--loadable .SOkmSG_spectrum-Search-input:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:calc(var(--spectrum-global-dimension-size-350) + var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}.SOkmSG_spectrum-Textfield.SOkmSG_spectrum-Search--loadable .SOkmSG_spectrum-Search-input:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-left:calc(var(--spectrum-global-dimension-size-350) + var(--spectrum-textfield-padding-x,var(--spectrum-global-dimension-size-150)) + var(--spectrum-icon-checkmark-medium-width) + var(--spectrum-textfield-icon-margin-left,var(--spectrum-global-dimension-size-150)))}
|
package/dist/main.js
CHANGED
|
@@ -43,36 +43,51 @@ $parcel$export(module.exports, "SearchField", () => $111fe330b4c1f3ac$export$b94
|
|
|
43
43
|
|
|
44
44
|
var $1e139f06a0a4b696$exports = {};
|
|
45
45
|
|
|
46
|
-
$parcel$export($1e139f06a0a4b696$exports, "
|
|
47
|
-
$parcel$export($1e139f06a0a4b696$exports, "
|
|
46
|
+
$parcel$export($1e139f06a0a4b696$exports, "focus-ring", () => $1e139f06a0a4b696$export$f39a09f249340e2a, (v) => $1e139f06a0a4b696$export$f39a09f249340e2a = v);
|
|
47
|
+
$parcel$export($1e139f06a0a4b696$exports, "i18nFontFamily", () => $1e139f06a0a4b696$export$8c4ee2c50c22c514, (v) => $1e139f06a0a4b696$export$8c4ee2c50c22c514 = v);
|
|
48
48
|
$parcel$export($1e139f06a0a4b696$exports, "is-quiet", () => $1e139f06a0a4b696$export$6d5c5433f0da4241, (v) => $1e139f06a0a4b696$export$6d5c5433f0da4241 = v);
|
|
49
|
-
$parcel$export($1e139f06a0a4b696$exports, "spectrum-
|
|
49
|
+
$parcel$export($1e139f06a0a4b696$exports, "spectrum-ClearButton", () => $1e139f06a0a4b696$export$b752ce409e5660c, (v) => $1e139f06a0a4b696$export$b752ce409e5660c = v);
|
|
50
|
+
$parcel$export($1e139f06a0a4b696$exports, "spectrum-FocusRing-ring", () => $1e139f06a0a4b696$export$4109102f950813a6, (v) => $1e139f06a0a4b696$export$4109102f950813a6 = v);
|
|
51
|
+
$parcel$export($1e139f06a0a4b696$exports, "spectrum-FocusRing", () => $1e139f06a0a4b696$export$24c7f46a6e3605dd, (v) => $1e139f06a0a4b696$export$24c7f46a6e3605dd = v);
|
|
52
|
+
$parcel$export($1e139f06a0a4b696$exports, "spectrum-FocusRing--quiet", () => $1e139f06a0a4b696$export$2927016961429360, (v) => $1e139f06a0a4b696$export$2927016961429360 = v);
|
|
53
|
+
$parcel$export($1e139f06a0a4b696$exports, "spectrum-Search", () => $1e139f06a0a4b696$export$713911d754e1e4ae, (v) => $1e139f06a0a4b696$export$713911d754e1e4ae = v);
|
|
50
54
|
$parcel$export($1e139f06a0a4b696$exports, "spectrum-Search--invalid", () => $1e139f06a0a4b696$export$77a6151a0b46a6a3, (v) => $1e139f06a0a4b696$export$77a6151a0b46a6a3 = v);
|
|
51
|
-
$parcel$export($1e139f06a0a4b696$exports, "spectrum-Search--valid", () => $1e139f06a0a4b696$export$aa81e3ab40f37567, (v) => $1e139f06a0a4b696$export$aa81e3ab40f37567 = v);
|
|
52
55
|
$parcel$export($1e139f06a0a4b696$exports, "spectrum-Search--loadable", () => $1e139f06a0a4b696$export$9c74d64afae3b2d4, (v) => $1e139f06a0a4b696$export$9c74d64afae3b2d4 = v);
|
|
56
|
+
$parcel$export($1e139f06a0a4b696$exports, "spectrum-Search--valid", () => $1e139f06a0a4b696$export$aa81e3ab40f37567, (v) => $1e139f06a0a4b696$export$aa81e3ab40f37567 = v);
|
|
53
57
|
$parcel$export($1e139f06a0a4b696$exports, "spectrum-Search-circleLoader", () => $1e139f06a0a4b696$export$70ae4353602451dc, (v) => $1e139f06a0a4b696$export$70ae4353602451dc = v);
|
|
58
|
+
$parcel$export($1e139f06a0a4b696$exports, "spectrum-Search-input", () => $1e139f06a0a4b696$export$50e02603f2d97ae1, (v) => $1e139f06a0a4b696$export$50e02603f2d97ae1 = v);
|
|
54
59
|
$parcel$export($1e139f06a0a4b696$exports, "spectrum-Search-validationIcon", () => $1e139f06a0a4b696$export$938f0981825eae6e, (v) => $1e139f06a0a4b696$export$938f0981825eae6e = v);
|
|
55
60
|
$parcel$export($1e139f06a0a4b696$exports, "spectrum-Textfield", () => $1e139f06a0a4b696$export$2c8a10299d8b3418, (v) => $1e139f06a0a4b696$export$2c8a10299d8b3418 = v);
|
|
56
|
-
var $1e139f06a0a4b696$export$
|
|
57
|
-
var $1e139f06a0a4b696$export$
|
|
61
|
+
var $1e139f06a0a4b696$export$f39a09f249340e2a;
|
|
62
|
+
var $1e139f06a0a4b696$export$8c4ee2c50c22c514;
|
|
58
63
|
var $1e139f06a0a4b696$export$6d5c5433f0da4241;
|
|
59
|
-
var $1e139f06a0a4b696$export$
|
|
64
|
+
var $1e139f06a0a4b696$export$b752ce409e5660c;
|
|
65
|
+
var $1e139f06a0a4b696$export$4109102f950813a6;
|
|
66
|
+
var $1e139f06a0a4b696$export$24c7f46a6e3605dd;
|
|
67
|
+
var $1e139f06a0a4b696$export$2927016961429360;
|
|
68
|
+
var $1e139f06a0a4b696$export$713911d754e1e4ae;
|
|
60
69
|
var $1e139f06a0a4b696$export$77a6151a0b46a6a3;
|
|
61
|
-
var $1e139f06a0a4b696$export$aa81e3ab40f37567;
|
|
62
70
|
var $1e139f06a0a4b696$export$9c74d64afae3b2d4;
|
|
71
|
+
var $1e139f06a0a4b696$export$aa81e3ab40f37567;
|
|
63
72
|
var $1e139f06a0a4b696$export$70ae4353602451dc;
|
|
73
|
+
var $1e139f06a0a4b696$export$50e02603f2d97ae1;
|
|
64
74
|
var $1e139f06a0a4b696$export$938f0981825eae6e;
|
|
65
75
|
var $1e139f06a0a4b696$export$2c8a10299d8b3418;
|
|
66
|
-
$1e139f06a0a4b696$export$
|
|
67
|
-
$1e139f06a0a4b696$export$
|
|
68
|
-
$1e139f06a0a4b696$export$6d5c5433f0da4241 =
|
|
69
|
-
$1e139f06a0a4b696$export$
|
|
70
|
-
$1e139f06a0a4b696$export$
|
|
71
|
-
$1e139f06a0a4b696$export$
|
|
72
|
-
$1e139f06a0a4b696$export$
|
|
73
|
-
$1e139f06a0a4b696$export$
|
|
74
|
-
$1e139f06a0a4b696$export$
|
|
75
|
-
$1e139f06a0a4b696$export$
|
|
76
|
+
$1e139f06a0a4b696$export$f39a09f249340e2a = `SOkmSG_focus-ring`;
|
|
77
|
+
$1e139f06a0a4b696$export$8c4ee2c50c22c514 = `SOkmSG_i18nFontFamily`;
|
|
78
|
+
$1e139f06a0a4b696$export$6d5c5433f0da4241 = `SOkmSG_is-quiet`;
|
|
79
|
+
$1e139f06a0a4b696$export$b752ce409e5660c = `SOkmSG_spectrum-ClearButton`;
|
|
80
|
+
$1e139f06a0a4b696$export$4109102f950813a6 = `SOkmSG_spectrum-FocusRing-ring`;
|
|
81
|
+
$1e139f06a0a4b696$export$24c7f46a6e3605dd = `SOkmSG_spectrum-FocusRing ${$1e139f06a0a4b696$export$4109102f950813a6}`;
|
|
82
|
+
$1e139f06a0a4b696$export$2927016961429360 = `SOkmSG_spectrum-FocusRing--quiet`;
|
|
83
|
+
$1e139f06a0a4b696$export$713911d754e1e4ae = `SOkmSG_spectrum-Search`;
|
|
84
|
+
$1e139f06a0a4b696$export$77a6151a0b46a6a3 = `SOkmSG_spectrum-Search--invalid`;
|
|
85
|
+
$1e139f06a0a4b696$export$9c74d64afae3b2d4 = `SOkmSG_spectrum-Search--loadable`;
|
|
86
|
+
$1e139f06a0a4b696$export$aa81e3ab40f37567 = `SOkmSG_spectrum-Search--valid`;
|
|
87
|
+
$1e139f06a0a4b696$export$70ae4353602451dc = `SOkmSG_spectrum-Search-circleLoader`;
|
|
88
|
+
$1e139f06a0a4b696$export$50e02603f2d97ae1 = `SOkmSG_spectrum-Search-input`;
|
|
89
|
+
$1e139f06a0a4b696$export$938f0981825eae6e = `SOkmSG_spectrum-Search-validationIcon`;
|
|
90
|
+
$1e139f06a0a4b696$export$2c8a10299d8b3418 = `SOkmSG_spectrum-Textfield`;
|
|
76
91
|
|
|
77
92
|
|
|
78
93
|
|
|
@@ -85,11 +100,11 @@ function $111fe330b4c1f3ac$var$SearchField(props, ref) {
|
|
|
85
100
|
let defaultIcon = /*#__PURE__*/ (0, ($parcel$interopDefault($kYnKt$react))).createElement((0, ($parcel$interopDefault($kYnKt$spectrumiconsuiMagnifier))), {
|
|
86
101
|
"data-testid": "searchicon"
|
|
87
102
|
});
|
|
88
|
-
let { icon: icon = defaultIcon
|
|
103
|
+
let { icon: icon = defaultIcon, isDisabled: isDisabled, UNSAFE_className: UNSAFE_className, placeholder: placeholder, ...otherProps } = props;
|
|
89
104
|
if (placeholder) console.warn("Placeholders are deprecated due to accessibility issues. Please use help text instead. See the docs for details: https://react-spectrum.adobe.com/react-spectrum/SearchField.html#help-text");
|
|
90
105
|
let state = (0, $kYnKt$reactstatelysearchfield.useSearchFieldState)(props);
|
|
91
106
|
let inputRef = (0, $kYnKt$react.useRef)();
|
|
92
|
-
let { labelProps: labelProps
|
|
107
|
+
let { labelProps: labelProps, inputProps: inputProps, clearButtonProps: clearButtonProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $kYnKt$reactariasearchfield.useSearchField)(props, state, inputRef);
|
|
93
108
|
let clearButton = /*#__PURE__*/ (0, ($parcel$interopDefault($kYnKt$react))).createElement((0, $kYnKt$reactspectrumbutton.ClearButton), {
|
|
94
109
|
...clearButtonProps,
|
|
95
110
|
preventFocus: true,
|
package/dist/main.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC,GAED,0CAA0C;ACZ1C;;;;;;;;;;CAUC
|
|
1
|
+
{"mappings":";;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC,GAED,0CAA0C;ACZ1C;;;;;;;;;;CAUC;;;;;;;;;;;;;;;;;;;;;ACVD,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAdA,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAA6B,CAAC,eAAe,CAAC;AAC9C,2CAAyC,CAAC,2BAA2B,CAAC;AACtE,4CAA4C,CAAC,8BAA8B,CAAC;AAC5E,4CAAuC,CAAC,0BAA0B,EAAE,0CAA0C,CAAC;AAC/G,4CAA8C,CAAC,gCAAgC,CAAC;AAChF,4CAAoC,CAAC,sBAAsB,CAAC;AAC5D,4CAA6C,CAAC,+BAA+B,CAAC;AAC9E,4CAA8C,CAAC,gCAAgC,CAAC;AAChF,4CAA2C,CAAC,6BAA6B,CAAC;AAC1E,4CAAiD,CAAC,mCAAmC,CAAC;AACtF,4CAA0C,CAAC,4BAA4B,CAAC;AACxE,4CAAmD,CAAC,qCAAqC,CAAC;AAC1F,4CAAuC,CAAC,yBAAyB,CAAC;;;;;;;ADUlE,SAAS,kCAAY,KAA+B,EAAE,GAA4B;IAChF,QAAQ,CAAA,GAAA,sCAAW,EAAE,OAAO;IAC5B,QAAQ,CAAA,GAAA,6CAAe,EAAE;IACzB,IAAI,4BACF,0DAAC,CAAA,GAAA,yDAAQ;QAAE,eAAY;;IAGzB,IAAI,QACF,OAAO,yBACP,UAAU,oBACV,gBAAgB,eAChB,WAAW,EACX,GAAG,YACJ,GAAG;IAEJ,IAAI,aACF,QAAQ,KAAK;IAGf,IAAI,QAAQ,CAAA,GAAA,kDAAkB,EAAE;IAChC,IAAI,WAAW,CAAA,GAAA,mBAAK;IACpB,IAAI,cAAC,UAAU,cAAE,UAAU,oBAAE,gBAAgB,oBAAE,gBAAgB,qBAAE,iBAAiB,EAAC,GAAG,CAAA,GAAA,0CAAa,EAAE,OAAO,OAAO;IAEnH,IAAI,4BACF,0DAAC,CAAA,GAAA,sCAAU;QACR,GAAG,gBAAgB;QACpB,cAAA;QACA,kBACE,CAAA,GAAA,oCAAS,EACP,CAAA,GAAA,gEAAK,GACL;QAGJ,YAAY;;IAGhB,qBACE,0DAAC,CAAA,GAAA,2CAAY;QACV,GAAG,UAAU;QACd,YAAY;QACZ,YAAY;QACZ,kBAAkB;QAClB,mBAAmB;QACnB,kBACE,CAAA,GAAA,oCAAS,EACP,CAAA,GAAA,gEAAK,GACL,mBACA,sBACA;YACE,eAAe;YACf,YAAY,MAAM;YAClB,4BAA4B,MAAM,oBAAoB,aAAa,CAAC;YACpE,0BAA0B,MAAM,oBAAoB,WAAW,CAAC;QAClE,GACA;QAGJ,gBAAgB,CAAA,GAAA,oCAAS,EAAE,CAAA,GAAA,gEAAK,GAAG;QACnC,KAAK;QACL,UAAU;QACV,YAAY;QACZ,MAAM;QACN,iBAAiB,AAAC,MAAM,UAAU,MAAM,CAAC,MAAM,cAAe;;AAEpE;AAEA;;CAEC,GACD,IAAI,0DAAe,CAAA,GAAA,uBAAS,EAAE;","sources":["packages/@react-spectrum/searchfield/src/index.ts","packages/@react-spectrum/searchfield/src/SearchField.tsx","packages/@adobe/spectrum-css-temp/components/search/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport {SearchField} from './SearchField';\nexport type {SpectrumSearchFieldProps} from '@react-types/searchfield';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames, useSlotProps} from '@react-spectrum/utils';\nimport {ClearButton} from '@react-spectrum/button';\nimport Magnifier from '@spectrum-icons/ui/Magnifier';\nimport React, {forwardRef, RefObject, useRef} from 'react';\nimport {SpectrumSearchFieldProps} from '@react-types/searchfield';\nimport styles from '@adobe/spectrum-css-temp/components/search/vars.css';\nimport {TextFieldBase} from '@react-spectrum/textfield';\nimport {TextFieldRef} from '@react-types/textfield';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useSearchField} from '@react-aria/searchfield';\nimport {useSearchFieldState} from '@react-stately/searchfield';\n\nfunction SearchField(props: SpectrumSearchFieldProps, ref: RefObject<TextFieldRef>) {\n props = useSlotProps(props, 'searchfield');\n props = useProviderProps(props);\n let defaultIcon = (\n <Magnifier data-testid=\"searchicon\" />\n );\n\n let {\n icon = defaultIcon,\n isDisabled,\n UNSAFE_className,\n placeholder,\n ...otherProps\n } = props;\n\n if (placeholder) {\n console.warn('Placeholders are deprecated due to accessibility issues. Please use help text instead. See the docs for details: https://react-spectrum.adobe.com/react-spectrum/SearchField.html#help-text');\n }\n\n let state = useSearchFieldState(props);\n let inputRef = useRef<HTMLInputElement>();\n let {labelProps, inputProps, clearButtonProps, descriptionProps, errorMessageProps} = useSearchField(props, state, inputRef);\n\n let clearButton = (\n <ClearButton\n {...clearButtonProps}\n preventFocus\n UNSAFE_className={\n classNames(\n styles,\n 'spectrum-ClearButton'\n )\n }\n isDisabled={isDisabled} />\n );\n\n return (\n <TextFieldBase\n {...otherProps}\n labelProps={labelProps}\n inputProps={inputProps}\n descriptionProps={descriptionProps}\n errorMessageProps={errorMessageProps}\n UNSAFE_className={\n classNames(\n styles,\n 'spectrum-Search',\n 'spectrum-Textfield',\n {\n 'is-disabled': isDisabled,\n 'is-quiet': props.isQuiet,\n 'spectrum-Search--invalid': props.validationState === 'invalid' && !isDisabled,\n 'spectrum-Search--valid': props.validationState === 'valid' && !isDisabled\n },\n UNSAFE_className\n )\n }\n inputClassName={classNames(styles, 'spectrum-Search-input')}\n ref={ref}\n inputRef={inputRef}\n isDisabled={isDisabled}\n icon={icon}\n wrapperChildren={(state.value !== '' && !props.isReadOnly) && clearButton} />\n );\n}\n\n/**\n * A SearchField is a text field designed for searches.\n */\nlet _SearchField = forwardRef(SearchField);\nexport {_SearchField as SearchField};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n"],"names":[],"version":3,"file":"main.js.map"}
|
package/dist/module.js
CHANGED
|
@@ -41,36 +41,51 @@ function $parcel$export(e, n, v, s) {
|
|
|
41
41
|
|
|
42
42
|
var $5589e2270a5c2f51$exports = {};
|
|
43
43
|
|
|
44
|
-
$parcel$export($5589e2270a5c2f51$exports, "
|
|
45
|
-
$parcel$export($5589e2270a5c2f51$exports, "
|
|
44
|
+
$parcel$export($5589e2270a5c2f51$exports, "focus-ring", () => $5589e2270a5c2f51$export$f39a09f249340e2a, (v) => $5589e2270a5c2f51$export$f39a09f249340e2a = v);
|
|
45
|
+
$parcel$export($5589e2270a5c2f51$exports, "i18nFontFamily", () => $5589e2270a5c2f51$export$8c4ee2c50c22c514, (v) => $5589e2270a5c2f51$export$8c4ee2c50c22c514 = v);
|
|
46
46
|
$parcel$export($5589e2270a5c2f51$exports, "is-quiet", () => $5589e2270a5c2f51$export$6d5c5433f0da4241, (v) => $5589e2270a5c2f51$export$6d5c5433f0da4241 = v);
|
|
47
|
-
$parcel$export($5589e2270a5c2f51$exports, "spectrum-
|
|
47
|
+
$parcel$export($5589e2270a5c2f51$exports, "spectrum-ClearButton", () => $5589e2270a5c2f51$export$b752ce409e5660c, (v) => $5589e2270a5c2f51$export$b752ce409e5660c = v);
|
|
48
|
+
$parcel$export($5589e2270a5c2f51$exports, "spectrum-FocusRing-ring", () => $5589e2270a5c2f51$export$4109102f950813a6, (v) => $5589e2270a5c2f51$export$4109102f950813a6 = v);
|
|
49
|
+
$parcel$export($5589e2270a5c2f51$exports, "spectrum-FocusRing", () => $5589e2270a5c2f51$export$24c7f46a6e3605dd, (v) => $5589e2270a5c2f51$export$24c7f46a6e3605dd = v);
|
|
50
|
+
$parcel$export($5589e2270a5c2f51$exports, "spectrum-FocusRing--quiet", () => $5589e2270a5c2f51$export$2927016961429360, (v) => $5589e2270a5c2f51$export$2927016961429360 = v);
|
|
51
|
+
$parcel$export($5589e2270a5c2f51$exports, "spectrum-Search", () => $5589e2270a5c2f51$export$713911d754e1e4ae, (v) => $5589e2270a5c2f51$export$713911d754e1e4ae = v);
|
|
48
52
|
$parcel$export($5589e2270a5c2f51$exports, "spectrum-Search--invalid", () => $5589e2270a5c2f51$export$77a6151a0b46a6a3, (v) => $5589e2270a5c2f51$export$77a6151a0b46a6a3 = v);
|
|
49
|
-
$parcel$export($5589e2270a5c2f51$exports, "spectrum-Search--valid", () => $5589e2270a5c2f51$export$aa81e3ab40f37567, (v) => $5589e2270a5c2f51$export$aa81e3ab40f37567 = v);
|
|
50
53
|
$parcel$export($5589e2270a5c2f51$exports, "spectrum-Search--loadable", () => $5589e2270a5c2f51$export$9c74d64afae3b2d4, (v) => $5589e2270a5c2f51$export$9c74d64afae3b2d4 = v);
|
|
54
|
+
$parcel$export($5589e2270a5c2f51$exports, "spectrum-Search--valid", () => $5589e2270a5c2f51$export$aa81e3ab40f37567, (v) => $5589e2270a5c2f51$export$aa81e3ab40f37567 = v);
|
|
51
55
|
$parcel$export($5589e2270a5c2f51$exports, "spectrum-Search-circleLoader", () => $5589e2270a5c2f51$export$70ae4353602451dc, (v) => $5589e2270a5c2f51$export$70ae4353602451dc = v);
|
|
56
|
+
$parcel$export($5589e2270a5c2f51$exports, "spectrum-Search-input", () => $5589e2270a5c2f51$export$50e02603f2d97ae1, (v) => $5589e2270a5c2f51$export$50e02603f2d97ae1 = v);
|
|
52
57
|
$parcel$export($5589e2270a5c2f51$exports, "spectrum-Search-validationIcon", () => $5589e2270a5c2f51$export$938f0981825eae6e, (v) => $5589e2270a5c2f51$export$938f0981825eae6e = v);
|
|
53
58
|
$parcel$export($5589e2270a5c2f51$exports, "spectrum-Textfield", () => $5589e2270a5c2f51$export$2c8a10299d8b3418, (v) => $5589e2270a5c2f51$export$2c8a10299d8b3418 = v);
|
|
54
|
-
var $5589e2270a5c2f51$export$
|
|
55
|
-
var $5589e2270a5c2f51$export$
|
|
59
|
+
var $5589e2270a5c2f51$export$f39a09f249340e2a;
|
|
60
|
+
var $5589e2270a5c2f51$export$8c4ee2c50c22c514;
|
|
56
61
|
var $5589e2270a5c2f51$export$6d5c5433f0da4241;
|
|
57
|
-
var $5589e2270a5c2f51$export$
|
|
62
|
+
var $5589e2270a5c2f51$export$b752ce409e5660c;
|
|
63
|
+
var $5589e2270a5c2f51$export$4109102f950813a6;
|
|
64
|
+
var $5589e2270a5c2f51$export$24c7f46a6e3605dd;
|
|
65
|
+
var $5589e2270a5c2f51$export$2927016961429360;
|
|
66
|
+
var $5589e2270a5c2f51$export$713911d754e1e4ae;
|
|
58
67
|
var $5589e2270a5c2f51$export$77a6151a0b46a6a3;
|
|
59
|
-
var $5589e2270a5c2f51$export$aa81e3ab40f37567;
|
|
60
68
|
var $5589e2270a5c2f51$export$9c74d64afae3b2d4;
|
|
69
|
+
var $5589e2270a5c2f51$export$aa81e3ab40f37567;
|
|
61
70
|
var $5589e2270a5c2f51$export$70ae4353602451dc;
|
|
71
|
+
var $5589e2270a5c2f51$export$50e02603f2d97ae1;
|
|
62
72
|
var $5589e2270a5c2f51$export$938f0981825eae6e;
|
|
63
73
|
var $5589e2270a5c2f51$export$2c8a10299d8b3418;
|
|
64
|
-
$5589e2270a5c2f51$export$
|
|
65
|
-
$5589e2270a5c2f51$export$
|
|
66
|
-
$5589e2270a5c2f51$export$6d5c5433f0da4241 =
|
|
67
|
-
$5589e2270a5c2f51$export$
|
|
68
|
-
$5589e2270a5c2f51$export$
|
|
69
|
-
$5589e2270a5c2f51$export$
|
|
70
|
-
$5589e2270a5c2f51$export$
|
|
71
|
-
$5589e2270a5c2f51$export$
|
|
72
|
-
$5589e2270a5c2f51$export$
|
|
73
|
-
$5589e2270a5c2f51$export$
|
|
74
|
+
$5589e2270a5c2f51$export$f39a09f249340e2a = `SOkmSG_focus-ring`;
|
|
75
|
+
$5589e2270a5c2f51$export$8c4ee2c50c22c514 = `SOkmSG_i18nFontFamily`;
|
|
76
|
+
$5589e2270a5c2f51$export$6d5c5433f0da4241 = `SOkmSG_is-quiet`;
|
|
77
|
+
$5589e2270a5c2f51$export$b752ce409e5660c = `SOkmSG_spectrum-ClearButton`;
|
|
78
|
+
$5589e2270a5c2f51$export$4109102f950813a6 = `SOkmSG_spectrum-FocusRing-ring`;
|
|
79
|
+
$5589e2270a5c2f51$export$24c7f46a6e3605dd = `SOkmSG_spectrum-FocusRing ${$5589e2270a5c2f51$export$4109102f950813a6}`;
|
|
80
|
+
$5589e2270a5c2f51$export$2927016961429360 = `SOkmSG_spectrum-FocusRing--quiet`;
|
|
81
|
+
$5589e2270a5c2f51$export$713911d754e1e4ae = `SOkmSG_spectrum-Search`;
|
|
82
|
+
$5589e2270a5c2f51$export$77a6151a0b46a6a3 = `SOkmSG_spectrum-Search--invalid`;
|
|
83
|
+
$5589e2270a5c2f51$export$9c74d64afae3b2d4 = `SOkmSG_spectrum-Search--loadable`;
|
|
84
|
+
$5589e2270a5c2f51$export$aa81e3ab40f37567 = `SOkmSG_spectrum-Search--valid`;
|
|
85
|
+
$5589e2270a5c2f51$export$70ae4353602451dc = `SOkmSG_spectrum-Search-circleLoader`;
|
|
86
|
+
$5589e2270a5c2f51$export$50e02603f2d97ae1 = `SOkmSG_spectrum-Search-input`;
|
|
87
|
+
$5589e2270a5c2f51$export$938f0981825eae6e = `SOkmSG_spectrum-Search-validationIcon`;
|
|
88
|
+
$5589e2270a5c2f51$export$2c8a10299d8b3418 = `SOkmSG_spectrum-Textfield`;
|
|
74
89
|
|
|
75
90
|
|
|
76
91
|
|
|
@@ -83,11 +98,11 @@ function $a6a4ace9217ce6df$var$SearchField(props, ref) {
|
|
|
83
98
|
let defaultIcon = /*#__PURE__*/ (0, $hlecP$react).createElement((0, $hlecP$spectrumiconsuiMagnifier), {
|
|
84
99
|
"data-testid": "searchicon"
|
|
85
100
|
});
|
|
86
|
-
let { icon: icon = defaultIcon
|
|
101
|
+
let { icon: icon = defaultIcon, isDisabled: isDisabled, UNSAFE_className: UNSAFE_className, placeholder: placeholder, ...otherProps } = props;
|
|
87
102
|
if (placeholder) console.warn("Placeholders are deprecated due to accessibility issues. Please use help text instead. See the docs for details: https://react-spectrum.adobe.com/react-spectrum/SearchField.html#help-text");
|
|
88
103
|
let state = (0, $hlecP$useSearchFieldState)(props);
|
|
89
104
|
let inputRef = (0, $hlecP$useRef)();
|
|
90
|
-
let { labelProps: labelProps
|
|
105
|
+
let { labelProps: labelProps, inputProps: inputProps, clearButtonProps: clearButtonProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps } = (0, $hlecP$useSearchField)(props, state, inputRef);
|
|
91
106
|
let clearButton = /*#__PURE__*/ (0, $hlecP$react).createElement((0, $hlecP$ClearButton), {
|
|
92
107
|
...clearButtonProps,
|
|
93
108
|
preventFocus: true,
|
package/dist/module.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC,GAED,0CAA0C;ACZ1C;;;;;;;;;;CAUC
|
|
1
|
+
{"mappings":";;;;;;;;;;;;;;;;AAAA;;;;;;;;;;CAUC,GAED,0CAA0C;ACZ1C;;;;;;;;;;CAUC;;;;;;;;;;;;;;;;;;;;;ACVD,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AAdA,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAA6B,CAAC,eAAe,CAAC;AAC9C,2CAAyC,CAAC,2BAA2B,CAAC;AACtE,4CAA4C,CAAC,8BAA8B,CAAC;AAC5E,4CAAuC,CAAC,0BAA0B,EAAE,0CAA0C,CAAC;AAC/G,4CAA8C,CAAC,gCAAgC,CAAC;AAChF,4CAAoC,CAAC,sBAAsB,CAAC;AAC5D,4CAA6C,CAAC,+BAA+B,CAAC;AAC9E,4CAA8C,CAAC,gCAAgC,CAAC;AAChF,4CAA2C,CAAC,6BAA6B,CAAC;AAC1E,4CAAiD,CAAC,mCAAmC,CAAC;AACtF,4CAA0C,CAAC,4BAA4B,CAAC;AACxE,4CAAmD,CAAC,qCAAqC,CAAC;AAC1F,4CAAuC,CAAC,yBAAyB,CAAC;;;;;;;ADUlE,SAAS,kCAAY,KAA+B,EAAE,GAA4B;IAChF,QAAQ,CAAA,GAAA,mBAAW,EAAE,OAAO;IAC5B,QAAQ,CAAA,GAAA,uBAAe,EAAE;IACzB,IAAI,4BACF,gCAAC,CAAA,GAAA,+BAAQ;QAAE,eAAY;;IAGzB,IAAI,QACF,OAAO,yBACP,UAAU,oBACV,gBAAgB,eAChB,WAAW,EACX,GAAG,YACJ,GAAG;IAEJ,IAAI,aACF,QAAQ,KAAK;IAGf,IAAI,QAAQ,CAAA,GAAA,0BAAkB,EAAE;IAChC,IAAI,WAAW,CAAA,GAAA,aAAK;IACpB,IAAI,cAAC,UAAU,cAAE,UAAU,oBAAE,gBAAgB,oBAAE,gBAAgB,qBAAE,iBAAiB,EAAC,GAAG,CAAA,GAAA,qBAAa,EAAE,OAAO,OAAO;IAEnH,IAAI,4BACF,gCAAC,CAAA,GAAA,kBAAU;QACR,GAAG,gBAAgB;QACpB,cAAA;QACA,kBACE,CAAA,GAAA,iBAAS,EACP,CAAA,GAAA,gEAAK,GACL;QAGJ,YAAY;;IAGhB,qBACE,gCAAC,CAAA,GAAA,oBAAY;QACV,GAAG,UAAU;QACd,YAAY;QACZ,YAAY;QACZ,kBAAkB;QAClB,mBAAmB;QACnB,kBACE,CAAA,GAAA,iBAAS,EACP,CAAA,GAAA,gEAAK,GACL,mBACA,sBACA;YACE,eAAe;YACf,YAAY,MAAM;YAClB,4BAA4B,MAAM,oBAAoB,aAAa,CAAC;YACpE,0BAA0B,MAAM,oBAAoB,WAAW,CAAC;QAClE,GACA;QAGJ,gBAAgB,CAAA,GAAA,iBAAS,EAAE,CAAA,GAAA,gEAAK,GAAG;QACnC,KAAK;QACL,UAAU;QACV,YAAY;QACZ,MAAM;QACN,iBAAiB,AAAC,MAAM,UAAU,MAAM,CAAC,MAAM,cAAe;;AAEpE;AAEA;;CAEC,GACD,IAAI,0DAAe,CAAA,GAAA,iBAAS,EAAE;","sources":["packages/@react-spectrum/searchfield/src/index.ts","packages/@react-spectrum/searchfield/src/SearchField.tsx","packages/@adobe/spectrum-css-temp/components/search/vars.css"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport {SearchField} from './SearchField';\nexport type {SpectrumSearchFieldProps} from '@react-types/searchfield';\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport {classNames, useSlotProps} from '@react-spectrum/utils';\nimport {ClearButton} from '@react-spectrum/button';\nimport Magnifier from '@spectrum-icons/ui/Magnifier';\nimport React, {forwardRef, RefObject, useRef} from 'react';\nimport {SpectrumSearchFieldProps} from '@react-types/searchfield';\nimport styles from '@adobe/spectrum-css-temp/components/search/vars.css';\nimport {TextFieldBase} from '@react-spectrum/textfield';\nimport {TextFieldRef} from '@react-types/textfield';\nimport {useProviderProps} from '@react-spectrum/provider';\nimport {useSearchField} from '@react-aria/searchfield';\nimport {useSearchFieldState} from '@react-stately/searchfield';\n\nfunction SearchField(props: SpectrumSearchFieldProps, ref: RefObject<TextFieldRef>) {\n props = useSlotProps(props, 'searchfield');\n props = useProviderProps(props);\n let defaultIcon = (\n <Magnifier data-testid=\"searchicon\" />\n );\n\n let {\n icon = defaultIcon,\n isDisabled,\n UNSAFE_className,\n placeholder,\n ...otherProps\n } = props;\n\n if (placeholder) {\n console.warn('Placeholders are deprecated due to accessibility issues. Please use help text instead. See the docs for details: https://react-spectrum.adobe.com/react-spectrum/SearchField.html#help-text');\n }\n\n let state = useSearchFieldState(props);\n let inputRef = useRef<HTMLInputElement>();\n let {labelProps, inputProps, clearButtonProps, descriptionProps, errorMessageProps} = useSearchField(props, state, inputRef);\n\n let clearButton = (\n <ClearButton\n {...clearButtonProps}\n preventFocus\n UNSAFE_className={\n classNames(\n styles,\n 'spectrum-ClearButton'\n )\n }\n isDisabled={isDisabled} />\n );\n\n return (\n <TextFieldBase\n {...otherProps}\n labelProps={labelProps}\n inputProps={inputProps}\n descriptionProps={descriptionProps}\n errorMessageProps={errorMessageProps}\n UNSAFE_className={\n classNames(\n styles,\n 'spectrum-Search',\n 'spectrum-Textfield',\n {\n 'is-disabled': isDisabled,\n 'is-quiet': props.isQuiet,\n 'spectrum-Search--invalid': props.validationState === 'invalid' && !isDisabled,\n 'spectrum-Search--valid': props.validationState === 'valid' && !isDisabled\n },\n UNSAFE_className\n )\n }\n inputClassName={classNames(styles, 'spectrum-Search-input')}\n ref={ref}\n inputRef={inputRef}\n isDisabled={isDisabled}\n icon={icon}\n wrapperChildren={(state.value !== '' && !props.isReadOnly) && clearButton} />\n );\n}\n\n/**\n * A SearchField is a text field designed for searches.\n */\nlet _SearchField = forwardRef(SearchField);\nexport {_SearchField as SearchField};\n","/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n@import './index.css';\n"],"names":[],"version":3,"file":"module.js.map"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-spectrum/searchfield",
|
|
3
|
-
"version": "3.7.
|
|
3
|
+
"version": "3.7.6",
|
|
4
4
|
"description": "Spectrum UI components in React",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "dist/main.js",
|
|
@@ -36,14 +36,14 @@
|
|
|
36
36
|
"url": "https://github.com/adobe/react-spectrum"
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@react-aria/searchfield": "^3.5.
|
|
40
|
-
"@react-spectrum/button": "^3.
|
|
41
|
-
"@react-spectrum/textfield": "^3.10.
|
|
42
|
-
"@react-spectrum/utils": "^3.
|
|
43
|
-
"@react-stately/searchfield": "^3.4.
|
|
44
|
-
"@react-types/searchfield": "^3.5.
|
|
45
|
-
"@react-types/textfield": "^3.8.
|
|
46
|
-
"@spectrum-icons/ui": "^3.
|
|
39
|
+
"@react-aria/searchfield": "^3.5.6",
|
|
40
|
+
"@react-spectrum/button": "^3.14.0",
|
|
41
|
+
"@react-spectrum/textfield": "^3.10.6",
|
|
42
|
+
"@react-spectrum/utils": "^3.11.0",
|
|
43
|
+
"@react-stately/searchfield": "^3.4.6",
|
|
44
|
+
"@react-types/searchfield": "^3.5.1",
|
|
45
|
+
"@react-types/textfield": "^3.8.1",
|
|
46
|
+
"@spectrum-icons/ui": "^3.6.0",
|
|
47
47
|
"@swc/helpers": "^0.5.0"
|
|
48
48
|
},
|
|
49
49
|
"devDependencies": {
|
|
@@ -57,5 +57,5 @@
|
|
|
57
57
|
"publishConfig": {
|
|
58
58
|
"access": "public"
|
|
59
59
|
},
|
|
60
|
-
"gitHead": "
|
|
60
|
+
"gitHead": "4122e44d1991c90507d630d35ed297f89db435d3"
|
|
61
61
|
}
|