@react-spectrum/statuslight 3.5.5 → 3.5.7
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 +51 -36
- package/dist/main.css +1 -1
- package/dist/main.js +51 -36
- package/dist/main.js.map +1 -1
- package/dist/module.js +51 -36
- package/dist/module.js.map +1 -1
- package/package.json +6 -6
package/dist/import.mjs
CHANGED
|
@@ -36,61 +36,76 @@ function $parcel$export(e, n, v, s) {
|
|
|
36
36
|
|
|
37
37
|
var $7661ca422872705f$exports = {};
|
|
38
38
|
|
|
39
|
-
$parcel$export($7661ca422872705f$exports, "
|
|
40
|
-
$parcel$export($7661ca422872705f$exports, "
|
|
39
|
+
$parcel$export($7661ca422872705f$exports, "focus-ring", () => $7661ca422872705f$export$f39a09f249340e2a, (v) => $7661ca422872705f$export$f39a09f249340e2a = v);
|
|
40
|
+
$parcel$export($7661ca422872705f$exports, "i18nFontFamily", () => $7661ca422872705f$export$8c4ee2c50c22c514, (v) => $7661ca422872705f$export$8c4ee2c50c22c514 = v);
|
|
41
41
|
$parcel$export($7661ca422872705f$exports, "is-disabled", () => $7661ca422872705f$export$d35bc1e505d1ebbf, (v) => $7661ca422872705f$export$d35bc1e505d1ebbf = v);
|
|
42
|
-
$parcel$export($7661ca422872705f$exports, "spectrum-
|
|
43
|
-
$parcel$export($7661ca422872705f$exports, "spectrum-
|
|
44
|
-
$parcel$export($7661ca422872705f$exports, "spectrum-
|
|
45
|
-
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight
|
|
42
|
+
$parcel$export($7661ca422872705f$exports, "spectrum-FocusRing-ring", () => $7661ca422872705f$export$4109102f950813a6, (v) => $7661ca422872705f$export$4109102f950813a6 = v);
|
|
43
|
+
$parcel$export($7661ca422872705f$exports, "spectrum-FocusRing", () => $7661ca422872705f$export$24c7f46a6e3605dd, (v) => $7661ca422872705f$export$24c7f46a6e3605dd = v);
|
|
44
|
+
$parcel$export($7661ca422872705f$exports, "spectrum-FocusRing--quiet", () => $7661ca422872705f$export$2927016961429360, (v) => $7661ca422872705f$export$2927016961429360 = v);
|
|
45
|
+
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight", () => $7661ca422872705f$export$11d3697e7e5c1bef, (v) => $7661ca422872705f$export$11d3697e7e5c1bef = v);
|
|
46
46
|
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight--active", () => $7661ca422872705f$export$b40c603f4b579265, (v) => $7661ca422872705f$export$b40c603f4b579265 = v);
|
|
47
47
|
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight--celery", () => $7661ca422872705f$export$e9a22f483095fe3e, (v) => $7661ca422872705f$export$e9a22f483095fe3e = v);
|
|
48
|
-
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight--
|
|
48
|
+
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight--chartreuse", () => $7661ca422872705f$export$f05bd1f10c0cc15f, (v) => $7661ca422872705f$export$f05bd1f10c0cc15f = v);
|
|
49
49
|
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight--fuchsia", () => $7661ca422872705f$export$cbaba642d0afd312, (v) => $7661ca422872705f$export$cbaba642d0afd312 = v);
|
|
50
50
|
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight--indigo", () => $7661ca422872705f$export$8b77e0c07c11635a, (v) => $7661ca422872705f$export$8b77e0c07c11635a = v);
|
|
51
|
-
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight--
|
|
52
|
-
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight--chartreuse", () => $7661ca422872705f$export$f05bd1f10c0cc15f, (v) => $7661ca422872705f$export$f05bd1f10c0cc15f = v);
|
|
51
|
+
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight--info", () => $7661ca422872705f$export$945a5d9a4e8494e6, (v) => $7661ca422872705f$export$945a5d9a4e8494e6 = v);
|
|
53
52
|
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight--magenta", () => $7661ca422872705f$export$43990cc5ba9a0059, (v) => $7661ca422872705f$export$43990cc5ba9a0059 = v);
|
|
53
|
+
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight--negative", () => $7661ca422872705f$export$1974c2646528dc4f, (v) => $7661ca422872705f$export$1974c2646528dc4f = v);
|
|
54
|
+
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight--neutral", () => $7661ca422872705f$export$bbf75dd99797a93e, (v) => $7661ca422872705f$export$bbf75dd99797a93e = v);
|
|
55
|
+
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight--notice", () => $7661ca422872705f$export$30a5e512ed4618b, (v) => $7661ca422872705f$export$30a5e512ed4618b = v);
|
|
56
|
+
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight--positive", () => $7661ca422872705f$export$141dae5af9534f54, (v) => $7661ca422872705f$export$141dae5af9534f54 = v);
|
|
54
57
|
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight--purple", () => $7661ca422872705f$export$975baced4f8182b4, (v) => $7661ca422872705f$export$975baced4f8182b4 = v);
|
|
55
|
-
|
|
56
|
-
|
|
58
|
+
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight--seafoam", () => $7661ca422872705f$export$d14bcd2d3ae8238c, (v) => $7661ca422872705f$export$d14bcd2d3ae8238c = v);
|
|
59
|
+
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight--yellow", () => $7661ca422872705f$export$b22c4af54e28c6c, (v) => $7661ca422872705f$export$b22c4af54e28c6c = v);
|
|
60
|
+
var $7661ca422872705f$export$f39a09f249340e2a;
|
|
61
|
+
var $7661ca422872705f$export$8c4ee2c50c22c514;
|
|
57
62
|
var $7661ca422872705f$export$d35bc1e505d1ebbf;
|
|
58
|
-
var $7661ca422872705f$export$
|
|
59
|
-
var $7661ca422872705f$export$
|
|
60
|
-
var $7661ca422872705f$export$
|
|
61
|
-
var $7661ca422872705f$export$
|
|
63
|
+
var $7661ca422872705f$export$4109102f950813a6;
|
|
64
|
+
var $7661ca422872705f$export$24c7f46a6e3605dd;
|
|
65
|
+
var $7661ca422872705f$export$2927016961429360;
|
|
66
|
+
var $7661ca422872705f$export$11d3697e7e5c1bef;
|
|
62
67
|
var $7661ca422872705f$export$b40c603f4b579265;
|
|
63
68
|
var $7661ca422872705f$export$e9a22f483095fe3e;
|
|
64
|
-
var $7661ca422872705f$export$
|
|
69
|
+
var $7661ca422872705f$export$f05bd1f10c0cc15f;
|
|
65
70
|
var $7661ca422872705f$export$cbaba642d0afd312;
|
|
66
71
|
var $7661ca422872705f$export$8b77e0c07c11635a;
|
|
67
|
-
var $7661ca422872705f$export$
|
|
68
|
-
var $7661ca422872705f$export$f05bd1f10c0cc15f;
|
|
72
|
+
var $7661ca422872705f$export$945a5d9a4e8494e6;
|
|
69
73
|
var $7661ca422872705f$export$43990cc5ba9a0059;
|
|
74
|
+
var $7661ca422872705f$export$1974c2646528dc4f;
|
|
75
|
+
var $7661ca422872705f$export$bbf75dd99797a93e;
|
|
76
|
+
var $7661ca422872705f$export$30a5e512ed4618b;
|
|
77
|
+
var $7661ca422872705f$export$141dae5af9534f54;
|
|
70
78
|
var $7661ca422872705f$export$975baced4f8182b4;
|
|
71
|
-
$7661ca422872705f$export$
|
|
72
|
-
$7661ca422872705f$export$
|
|
73
|
-
$7661ca422872705f$export$
|
|
74
|
-
$7661ca422872705f$export$
|
|
75
|
-
$7661ca422872705f$export$
|
|
76
|
-
$7661ca422872705f$export$
|
|
77
|
-
$7661ca422872705f$export$
|
|
78
|
-
$7661ca422872705f$export$
|
|
79
|
-
$7661ca422872705f$export$
|
|
80
|
-
$7661ca422872705f$export$
|
|
81
|
-
$7661ca422872705f$export$
|
|
82
|
-
$7661ca422872705f$export$
|
|
83
|
-
$7661ca422872705f$export$
|
|
84
|
-
$7661ca422872705f$export$
|
|
85
|
-
$7661ca422872705f$export$
|
|
86
|
-
$7661ca422872705f$export$
|
|
79
|
+
var $7661ca422872705f$export$d14bcd2d3ae8238c;
|
|
80
|
+
var $7661ca422872705f$export$b22c4af54e28c6c;
|
|
81
|
+
$7661ca422872705f$export$f39a09f249340e2a = `j59EQa_focus-ring`;
|
|
82
|
+
$7661ca422872705f$export$8c4ee2c50c22c514 = `j59EQa_i18nFontFamily`;
|
|
83
|
+
$7661ca422872705f$export$d35bc1e505d1ebbf = `j59EQa_is-disabled`;
|
|
84
|
+
$7661ca422872705f$export$4109102f950813a6 = `j59EQa_spectrum-FocusRing-ring`;
|
|
85
|
+
$7661ca422872705f$export$24c7f46a6e3605dd = `j59EQa_spectrum-FocusRing ${$7661ca422872705f$export$4109102f950813a6}`;
|
|
86
|
+
$7661ca422872705f$export$2927016961429360 = `j59EQa_spectrum-FocusRing--quiet`;
|
|
87
|
+
$7661ca422872705f$export$11d3697e7e5c1bef = `j59EQa_spectrum-StatusLight`;
|
|
88
|
+
$7661ca422872705f$export$b40c603f4b579265 = `j59EQa_spectrum-StatusLight--active`;
|
|
89
|
+
$7661ca422872705f$export$e9a22f483095fe3e = `j59EQa_spectrum-StatusLight--celery`;
|
|
90
|
+
$7661ca422872705f$export$f05bd1f10c0cc15f = `j59EQa_spectrum-StatusLight--chartreuse`;
|
|
91
|
+
$7661ca422872705f$export$cbaba642d0afd312 = `j59EQa_spectrum-StatusLight--fuchsia`;
|
|
92
|
+
$7661ca422872705f$export$8b77e0c07c11635a = `j59EQa_spectrum-StatusLight--indigo`;
|
|
93
|
+
$7661ca422872705f$export$945a5d9a4e8494e6 = `j59EQa_spectrum-StatusLight--info`;
|
|
94
|
+
$7661ca422872705f$export$43990cc5ba9a0059 = `j59EQa_spectrum-StatusLight--magenta`;
|
|
95
|
+
$7661ca422872705f$export$1974c2646528dc4f = `j59EQa_spectrum-StatusLight--negative`;
|
|
96
|
+
$7661ca422872705f$export$bbf75dd99797a93e = `j59EQa_spectrum-StatusLight--neutral`;
|
|
97
|
+
$7661ca422872705f$export$30a5e512ed4618b = `j59EQa_spectrum-StatusLight--notice`;
|
|
98
|
+
$7661ca422872705f$export$141dae5af9534f54 = `j59EQa_spectrum-StatusLight--positive`;
|
|
99
|
+
$7661ca422872705f$export$975baced4f8182b4 = `j59EQa_spectrum-StatusLight--purple`;
|
|
100
|
+
$7661ca422872705f$export$d14bcd2d3ae8238c = `j59EQa_spectrum-StatusLight--seafoam`;
|
|
101
|
+
$7661ca422872705f$export$b22c4af54e28c6c = `j59EQa_spectrum-StatusLight--yellow`;
|
|
87
102
|
|
|
88
103
|
|
|
89
104
|
|
|
90
105
|
function $df8f173c8bd4ebc0$var$StatusLight(props, ref) {
|
|
91
|
-
let { variant: variant
|
|
106
|
+
let { variant: variant, children: children, isDisabled: isDisabled, role: role, ...otherProps } = (0, $71ACv$useProviderProps)(props);
|
|
92
107
|
let domRef = (0, $71ACv$useDOMRef)(ref);
|
|
93
|
-
let { styleProps: styleProps
|
|
108
|
+
let { styleProps: styleProps } = (0, $71ACv$useStyleProps)(otherProps);
|
|
94
109
|
if (!children && !props["aria-label"]) console.warn("If no children are provided, an aria-label must be specified");
|
|
95
110
|
if (!role && (props["aria-label"] || props["aria-labelledby"])) console.warn("A labelled StatusLight must have a role.");
|
|
96
111
|
return /*#__PURE__*/ (0, $71ACv$react).createElement("div", {
|
package/dist/main.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
.j59EQa_i18nFontFamily{font-synthesis:weight;font-family:adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,sans-serif}.j59EQa_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}.j59EQa_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}.j59EQa_i18nFontFamily:lang(zh){font-family:adobe-clean-han-traditional,source-han-traditional,MingLiu,Heiti TC Light,sans-serif}.j59EQa_i18nFontFamily:lang(zh-Hans){font-family:adobe-clean-han-simplified-c,source-han-simplified-c,SimSun,Heiti SC Light,sans-serif}.j59EQa_i18nFontFamily:lang(zh-Hant){font-family:adobe-clean-han-traditional,source-han-traditional,MingLiu,Microsoft JhengHei UI,Microsoft JhengHei,Heiti TC Light,sans-serif}.j59EQa_i18nFontFamily:lang(zh-SG),.j59EQa_i18nFontFamily:lang(zh-CN){font-family:adobe-clean-han-simplified-c,source-han-simplified-c,SimSun,Heiti SC Light,sans-serif}.j59EQa_i18nFontFamily:lang(ko){font-family:adobe-clean-han-korean,source-han-korean,Malgun Gothic,Apple Gothic,sans-serif}.j59EQa_i18nFontFamily:lang(ja){font-family:adobe-clean-han-japanese,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,Osaka,YuGothic,Yu Gothic,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,sans-serif}.j59EQa_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)))}.j59EQa_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}.j59EQa_spectrum-FocusRing.j59EQa_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)}.j59EQa_spectrum-FocusRing--quiet:after{border-radius:0}.j59EQa_spectrum-FocusRing--quiet.j59EQa_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)}.j59EQa_spectrum-StatusLight{min-block-size:var(--spectrum-statuslight-height,var(--spectrum-alias-single-line-height));padding:calc(var(--spectrum-global-dimension-size-65) - 1px)0 calc(var(--spectrum-global-dimension-size-65) + 1px)0;box-sizing:border-box;font-size:var(--spectrum-statuslight-text-size,var(--spectrum-alias-font-size-default));font-weight:var(--spectrum-statuslight-text-font-weight,var(--spectrum-alias-body-text-font-weight));flex-direction:row;align-items:flex-start;line-height:1.44;display:flex}.j59EQa_spectrum-StatusLight:before{content:"";inline-size:var(--spectrum-statuslight-dot-size,var(--spectrum-global-dimension-size-100));block-size:var(--spectrum-statuslight-dot-size,var(--spectrum-global-dimension-size-100));margin:calc(var(--spectrum-global-dimension-size-65) + 1px)var(--spectrum-statuslight-text-gap,var(--spectrum-global-dimension-size-150))calc(var(--spectrum-global-dimension-size-65) - 1px)var(--spectrum-statuslight-text-gap,var(--spectrum-global-dimension-size-150));border-radius:50%;flex-grow:0;flex-shrink:0;display:inline-block}.j59EQa_spectrum-StatusLight--neutral{font-style:italic}.j59EQa_spectrum-StatusLight{color:var(--spectrum-statuslight-text-color,var(--spectrum-alias-text-color))}.j59EQa_spectrum-StatusLight[disabled]{color:var(--spectrum-statuslight-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.j59EQa_spectrum-StatusLight[disabled]:before{background-color:var(--spectrum-statuslight-dot-color-disabled,var(--spectrum-global-color-gray-400))}.j59EQa_spectrum-StatusLight.j59EQa_is-disabled{color:var(--spectrum-statuslight-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.j59EQa_spectrum-StatusLight.j59EQa_is-disabled:before{background-color:var(--spectrum-statuslight-dot-color-disabled,var(--spectrum-global-color-gray-400))}:-webkit-any():before{background-color:var(--spectrum-statuslight-dot-color-disabled,var(--spectrum-global-color-gray-400))}:is():before{background-color:var(--spectrum-statuslight-dot-color-disabled,var(--spectrum-global-color-gray-400))}.j59EQa_spectrum-StatusLight--negative:before{background-color:var(--spectrum-statuslight-negative-dot-color,var(--spectrum-semantic-negative-color-status))}.j59EQa_spectrum-StatusLight--notice:before{background-color:var(--spectrum-statuslight-notice-dot-color,var(--spectrum-semantic-notice-color-status))}.j59EQa_spectrum-StatusLight--positive:before{background-color:var(--spectrum-statuslight-positive-dot-color,var(--spectrum-semantic-positive-color-status))}.j59EQa_spectrum-StatusLight--info:before,.j59EQa_spectrum-StatusLight--active:before{background-color:var(--spectrum-statuslight-info-dot-color,var(--spectrum-semantic-informative-color-status))}.j59EQa_spectrum-StatusLight--neutral{color:var(--spectrum-statuslight-neutral-text-color,var(--spectrum-global-color-gray-700))}.j59EQa_spectrum-StatusLight--neutral:before{background-color:var(--spectrum-gray-visual-color)}.j59EQa_spectrum-StatusLight--celery:before{background-color:var(--spectrum-celery-visual-color)}.j59EQa_spectrum-StatusLight--yellow:before{background-color:var(--spectrum-yellow-visual-color)}.j59EQa_spectrum-StatusLight--fuchsia:before{background-color:var(--spectrum-fuchsia-visual-color)}.j59EQa_spectrum-StatusLight--indigo:before{background-color:var(--spectrum-indigo-visual-color)}.j59EQa_spectrum-StatusLight--seafoam:before{background-color:var(--spectrum-seafoam-visual-color)}.j59EQa_spectrum-StatusLight--chartreuse:before{background-color:var(--spectrum-chartreuse-visual-color)}.j59EQa_spectrum-StatusLight--magenta:before{background-color:var(--spectrum-magenta-visual-color)}.j59EQa_spectrum-StatusLight--purple:before{background-color:var(--spectrum-purple-visual-color)}@media (forced-colors:active){.j59EQa_spectrum-StatusLight{forced-color-adjust:none;--spectrum-statuslight-text-color:CanvasText;--spectrum-statuslight-text-color-disabled:GrayText;--spectrum-statuslight-dot-color-disabled:GrayText}.j59EQa_spectrum-StatusLight:before{border:1px solid ButtonText}}
|
package/dist/main.js
CHANGED
|
@@ -38,61 +38,76 @@ $parcel$export(module.exports, "StatusLight", () => $ba01d1490c4da3ea$export$5f8
|
|
|
38
38
|
|
|
39
39
|
var $7e20c9d2bb376434$exports = {};
|
|
40
40
|
|
|
41
|
-
$parcel$export($7e20c9d2bb376434$exports, "
|
|
42
|
-
$parcel$export($7e20c9d2bb376434$exports, "
|
|
41
|
+
$parcel$export($7e20c9d2bb376434$exports, "focus-ring", () => $7e20c9d2bb376434$export$f39a09f249340e2a, (v) => $7e20c9d2bb376434$export$f39a09f249340e2a = v);
|
|
42
|
+
$parcel$export($7e20c9d2bb376434$exports, "i18nFontFamily", () => $7e20c9d2bb376434$export$8c4ee2c50c22c514, (v) => $7e20c9d2bb376434$export$8c4ee2c50c22c514 = v);
|
|
43
43
|
$parcel$export($7e20c9d2bb376434$exports, "is-disabled", () => $7e20c9d2bb376434$export$d35bc1e505d1ebbf, (v) => $7e20c9d2bb376434$export$d35bc1e505d1ebbf = v);
|
|
44
|
-
$parcel$export($7e20c9d2bb376434$exports, "spectrum-
|
|
45
|
-
$parcel$export($7e20c9d2bb376434$exports, "spectrum-
|
|
46
|
-
$parcel$export($7e20c9d2bb376434$exports, "spectrum-
|
|
47
|
-
$parcel$export($7e20c9d2bb376434$exports, "spectrum-StatusLight
|
|
44
|
+
$parcel$export($7e20c9d2bb376434$exports, "spectrum-FocusRing-ring", () => $7e20c9d2bb376434$export$4109102f950813a6, (v) => $7e20c9d2bb376434$export$4109102f950813a6 = v);
|
|
45
|
+
$parcel$export($7e20c9d2bb376434$exports, "spectrum-FocusRing", () => $7e20c9d2bb376434$export$24c7f46a6e3605dd, (v) => $7e20c9d2bb376434$export$24c7f46a6e3605dd = v);
|
|
46
|
+
$parcel$export($7e20c9d2bb376434$exports, "spectrum-FocusRing--quiet", () => $7e20c9d2bb376434$export$2927016961429360, (v) => $7e20c9d2bb376434$export$2927016961429360 = v);
|
|
47
|
+
$parcel$export($7e20c9d2bb376434$exports, "spectrum-StatusLight", () => $7e20c9d2bb376434$export$11d3697e7e5c1bef, (v) => $7e20c9d2bb376434$export$11d3697e7e5c1bef = v);
|
|
48
48
|
$parcel$export($7e20c9d2bb376434$exports, "spectrum-StatusLight--active", () => $7e20c9d2bb376434$export$b40c603f4b579265, (v) => $7e20c9d2bb376434$export$b40c603f4b579265 = v);
|
|
49
49
|
$parcel$export($7e20c9d2bb376434$exports, "spectrum-StatusLight--celery", () => $7e20c9d2bb376434$export$e9a22f483095fe3e, (v) => $7e20c9d2bb376434$export$e9a22f483095fe3e = v);
|
|
50
|
-
$parcel$export($7e20c9d2bb376434$exports, "spectrum-StatusLight--
|
|
50
|
+
$parcel$export($7e20c9d2bb376434$exports, "spectrum-StatusLight--chartreuse", () => $7e20c9d2bb376434$export$f05bd1f10c0cc15f, (v) => $7e20c9d2bb376434$export$f05bd1f10c0cc15f = v);
|
|
51
51
|
$parcel$export($7e20c9d2bb376434$exports, "spectrum-StatusLight--fuchsia", () => $7e20c9d2bb376434$export$cbaba642d0afd312, (v) => $7e20c9d2bb376434$export$cbaba642d0afd312 = v);
|
|
52
52
|
$parcel$export($7e20c9d2bb376434$exports, "spectrum-StatusLight--indigo", () => $7e20c9d2bb376434$export$8b77e0c07c11635a, (v) => $7e20c9d2bb376434$export$8b77e0c07c11635a = v);
|
|
53
|
-
$parcel$export($7e20c9d2bb376434$exports, "spectrum-StatusLight--
|
|
54
|
-
$parcel$export($7e20c9d2bb376434$exports, "spectrum-StatusLight--chartreuse", () => $7e20c9d2bb376434$export$f05bd1f10c0cc15f, (v) => $7e20c9d2bb376434$export$f05bd1f10c0cc15f = v);
|
|
53
|
+
$parcel$export($7e20c9d2bb376434$exports, "spectrum-StatusLight--info", () => $7e20c9d2bb376434$export$945a5d9a4e8494e6, (v) => $7e20c9d2bb376434$export$945a5d9a4e8494e6 = v);
|
|
55
54
|
$parcel$export($7e20c9d2bb376434$exports, "spectrum-StatusLight--magenta", () => $7e20c9d2bb376434$export$43990cc5ba9a0059, (v) => $7e20c9d2bb376434$export$43990cc5ba9a0059 = v);
|
|
55
|
+
$parcel$export($7e20c9d2bb376434$exports, "spectrum-StatusLight--negative", () => $7e20c9d2bb376434$export$1974c2646528dc4f, (v) => $7e20c9d2bb376434$export$1974c2646528dc4f = v);
|
|
56
|
+
$parcel$export($7e20c9d2bb376434$exports, "spectrum-StatusLight--neutral", () => $7e20c9d2bb376434$export$bbf75dd99797a93e, (v) => $7e20c9d2bb376434$export$bbf75dd99797a93e = v);
|
|
57
|
+
$parcel$export($7e20c9d2bb376434$exports, "spectrum-StatusLight--notice", () => $7e20c9d2bb376434$export$30a5e512ed4618b, (v) => $7e20c9d2bb376434$export$30a5e512ed4618b = v);
|
|
58
|
+
$parcel$export($7e20c9d2bb376434$exports, "spectrum-StatusLight--positive", () => $7e20c9d2bb376434$export$141dae5af9534f54, (v) => $7e20c9d2bb376434$export$141dae5af9534f54 = v);
|
|
56
59
|
$parcel$export($7e20c9d2bb376434$exports, "spectrum-StatusLight--purple", () => $7e20c9d2bb376434$export$975baced4f8182b4, (v) => $7e20c9d2bb376434$export$975baced4f8182b4 = v);
|
|
57
|
-
|
|
58
|
-
|
|
60
|
+
$parcel$export($7e20c9d2bb376434$exports, "spectrum-StatusLight--seafoam", () => $7e20c9d2bb376434$export$d14bcd2d3ae8238c, (v) => $7e20c9d2bb376434$export$d14bcd2d3ae8238c = v);
|
|
61
|
+
$parcel$export($7e20c9d2bb376434$exports, "spectrum-StatusLight--yellow", () => $7e20c9d2bb376434$export$b22c4af54e28c6c, (v) => $7e20c9d2bb376434$export$b22c4af54e28c6c = v);
|
|
62
|
+
var $7e20c9d2bb376434$export$f39a09f249340e2a;
|
|
63
|
+
var $7e20c9d2bb376434$export$8c4ee2c50c22c514;
|
|
59
64
|
var $7e20c9d2bb376434$export$d35bc1e505d1ebbf;
|
|
60
|
-
var $7e20c9d2bb376434$export$
|
|
61
|
-
var $7e20c9d2bb376434$export$
|
|
62
|
-
var $7e20c9d2bb376434$export$
|
|
63
|
-
var $7e20c9d2bb376434$export$
|
|
65
|
+
var $7e20c9d2bb376434$export$4109102f950813a6;
|
|
66
|
+
var $7e20c9d2bb376434$export$24c7f46a6e3605dd;
|
|
67
|
+
var $7e20c9d2bb376434$export$2927016961429360;
|
|
68
|
+
var $7e20c9d2bb376434$export$11d3697e7e5c1bef;
|
|
64
69
|
var $7e20c9d2bb376434$export$b40c603f4b579265;
|
|
65
70
|
var $7e20c9d2bb376434$export$e9a22f483095fe3e;
|
|
66
|
-
var $7e20c9d2bb376434$export$
|
|
71
|
+
var $7e20c9d2bb376434$export$f05bd1f10c0cc15f;
|
|
67
72
|
var $7e20c9d2bb376434$export$cbaba642d0afd312;
|
|
68
73
|
var $7e20c9d2bb376434$export$8b77e0c07c11635a;
|
|
69
|
-
var $7e20c9d2bb376434$export$
|
|
70
|
-
var $7e20c9d2bb376434$export$f05bd1f10c0cc15f;
|
|
74
|
+
var $7e20c9d2bb376434$export$945a5d9a4e8494e6;
|
|
71
75
|
var $7e20c9d2bb376434$export$43990cc5ba9a0059;
|
|
76
|
+
var $7e20c9d2bb376434$export$1974c2646528dc4f;
|
|
77
|
+
var $7e20c9d2bb376434$export$bbf75dd99797a93e;
|
|
78
|
+
var $7e20c9d2bb376434$export$30a5e512ed4618b;
|
|
79
|
+
var $7e20c9d2bb376434$export$141dae5af9534f54;
|
|
72
80
|
var $7e20c9d2bb376434$export$975baced4f8182b4;
|
|
73
|
-
$7e20c9d2bb376434$export$
|
|
74
|
-
$7e20c9d2bb376434$export$
|
|
75
|
-
$7e20c9d2bb376434$export$
|
|
76
|
-
$7e20c9d2bb376434$export$
|
|
77
|
-
$7e20c9d2bb376434$export$
|
|
78
|
-
$7e20c9d2bb376434$export$
|
|
79
|
-
$7e20c9d2bb376434$export$
|
|
80
|
-
$7e20c9d2bb376434$export$
|
|
81
|
-
$7e20c9d2bb376434$export$
|
|
82
|
-
$7e20c9d2bb376434$export$
|
|
83
|
-
$7e20c9d2bb376434$export$
|
|
84
|
-
$7e20c9d2bb376434$export$
|
|
85
|
-
$7e20c9d2bb376434$export$
|
|
86
|
-
$7e20c9d2bb376434$export$
|
|
87
|
-
$7e20c9d2bb376434$export$
|
|
88
|
-
$7e20c9d2bb376434$export$
|
|
81
|
+
var $7e20c9d2bb376434$export$d14bcd2d3ae8238c;
|
|
82
|
+
var $7e20c9d2bb376434$export$b22c4af54e28c6c;
|
|
83
|
+
$7e20c9d2bb376434$export$f39a09f249340e2a = `j59EQa_focus-ring`;
|
|
84
|
+
$7e20c9d2bb376434$export$8c4ee2c50c22c514 = `j59EQa_i18nFontFamily`;
|
|
85
|
+
$7e20c9d2bb376434$export$d35bc1e505d1ebbf = `j59EQa_is-disabled`;
|
|
86
|
+
$7e20c9d2bb376434$export$4109102f950813a6 = `j59EQa_spectrum-FocusRing-ring`;
|
|
87
|
+
$7e20c9d2bb376434$export$24c7f46a6e3605dd = `j59EQa_spectrum-FocusRing ${$7e20c9d2bb376434$export$4109102f950813a6}`;
|
|
88
|
+
$7e20c9d2bb376434$export$2927016961429360 = `j59EQa_spectrum-FocusRing--quiet`;
|
|
89
|
+
$7e20c9d2bb376434$export$11d3697e7e5c1bef = `j59EQa_spectrum-StatusLight`;
|
|
90
|
+
$7e20c9d2bb376434$export$b40c603f4b579265 = `j59EQa_spectrum-StatusLight--active`;
|
|
91
|
+
$7e20c9d2bb376434$export$e9a22f483095fe3e = `j59EQa_spectrum-StatusLight--celery`;
|
|
92
|
+
$7e20c9d2bb376434$export$f05bd1f10c0cc15f = `j59EQa_spectrum-StatusLight--chartreuse`;
|
|
93
|
+
$7e20c9d2bb376434$export$cbaba642d0afd312 = `j59EQa_spectrum-StatusLight--fuchsia`;
|
|
94
|
+
$7e20c9d2bb376434$export$8b77e0c07c11635a = `j59EQa_spectrum-StatusLight--indigo`;
|
|
95
|
+
$7e20c9d2bb376434$export$945a5d9a4e8494e6 = `j59EQa_spectrum-StatusLight--info`;
|
|
96
|
+
$7e20c9d2bb376434$export$43990cc5ba9a0059 = `j59EQa_spectrum-StatusLight--magenta`;
|
|
97
|
+
$7e20c9d2bb376434$export$1974c2646528dc4f = `j59EQa_spectrum-StatusLight--negative`;
|
|
98
|
+
$7e20c9d2bb376434$export$bbf75dd99797a93e = `j59EQa_spectrum-StatusLight--neutral`;
|
|
99
|
+
$7e20c9d2bb376434$export$30a5e512ed4618b = `j59EQa_spectrum-StatusLight--notice`;
|
|
100
|
+
$7e20c9d2bb376434$export$141dae5af9534f54 = `j59EQa_spectrum-StatusLight--positive`;
|
|
101
|
+
$7e20c9d2bb376434$export$975baced4f8182b4 = `j59EQa_spectrum-StatusLight--purple`;
|
|
102
|
+
$7e20c9d2bb376434$export$d14bcd2d3ae8238c = `j59EQa_spectrum-StatusLight--seafoam`;
|
|
103
|
+
$7e20c9d2bb376434$export$b22c4af54e28c6c = `j59EQa_spectrum-StatusLight--yellow`;
|
|
89
104
|
|
|
90
105
|
|
|
91
106
|
|
|
92
107
|
function $ba01d1490c4da3ea$var$StatusLight(props, ref) {
|
|
93
|
-
let { variant: variant
|
|
108
|
+
let { variant: variant, children: children, isDisabled: isDisabled, role: role, ...otherProps } = (0, $cYKEG$reactspectrumprovider.useProviderProps)(props);
|
|
94
109
|
let domRef = (0, $cYKEG$reactspectrumutils.useDOMRef)(ref);
|
|
95
|
-
let { styleProps: styleProps
|
|
110
|
+
let { styleProps: styleProps } = (0, $cYKEG$reactspectrumutils.useStyleProps)(otherProps);
|
|
96
111
|
if (!children && !props["aria-label"]) console.warn("If no children are provided, an aria-label must be specified");
|
|
97
112
|
if (!role && (props["aria-label"] || props["aria-labelledby"])) console.warn("A labelled StatusLight must have a role.");
|
|
98
113
|
return /*#__PURE__*/ (0, ($parcel$interopDefault($cYKEG$react))).createElement("div", {
|
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;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AApBA,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,4CAA4C,CAAC,8BAA8B,CAAC;AAC5E,4CAAuC,CAAC,0BAA0B,EAAE,0CAA0C,CAAC;AAC/G,4CAA8C,CAAC,gCAAgC,CAAC;AAChF,4CAAyC,CAAC,2BAA2B,CAAC;AACtE,4CAAiD,CAAC,mCAAmC,CAAC;AACtF,4CAAiD,CAAC,mCAAmC,CAAC;AACtF,4CAAqD,CAAC,uCAAuC,CAAC;AAC9F,4CAAkD,CAAC,oCAAoC,CAAC;AACxF,4CAAiD,CAAC,mCAAmC,CAAC;AACtF,4CAA+C,CAAC,iCAAiC,CAAC;AAClF,4CAAkD,CAAC,oCAAoC,CAAC;AACxF,4CAAmD,CAAC,qCAAqC,CAAC;AAC1F,4CAAkD,CAAC,oCAAoC,CAAC;AACxF,2CAAiD,CAAC,mCAAmC,CAAC;AACtF,4CAAmD,CAAC,qCAAqC,CAAC;AAC1F,4CAAiD,CAAC,mCAAmC,CAAC;AACtF,4CAAkD,CAAC,oCAAoC,CAAC;AACxF,2CAAiD,CAAC,mCAAmC,CAAC;;;;ADAtF,SAAS,kCAAY,KAA+B,EAAE,GAA2B;IAC/E,IAAI,WACF,OAAO,YACP,QAAQ,cACR,UAAU,QACV,IAAI,EACJ,GAAG,YACJ,GAAG,CAAA,GAAA,6CAAe,EAAE;IACrB,IAAI,SAAS,CAAA,GAAA,mCAAQ,EAAE;IACvB,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,uCAAY,EAAE;IAEjC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,aAAa,EACnC,QAAQ,KAAK;IAGf,IAAI,CAAC,QAAS,CAAA,KAAK,CAAC,aAAa,IAAI,KAAK,CAAC,kBAAkB,AAAD,GAC1D,QAAQ,KAAK;IAGf,qBACE,0DAAC;QACE,GAAG,CAAA,GAAA,oCAAa,EAAE,YAAY;YAAC,WAAW,CAAC,CAAC;QAAI,EAAE;QAClD,GAAG,UAAU;QACd,MAAM;QACN,WAAW,CAAA,GAAA,oCAAS,EAClB,CAAA,GAAA,gEAAK,GACL,wBACA,CAAC,sBAAsB,EAAE,QAAQ,CAAC,EAClC;YACE,eAAe;QACjB,GACA,WAAW;QAEb,KAAK;OACJ;AAGP;AAEA;;;CAGC,GACD,IAAI,0DAAe,CAAA,GAAA,uBAAS,EAAE;","sources":["packages/@react-spectrum/statuslight/src/index.ts","packages/@react-spectrum/statuslight/src/StatusLight.tsx","packages/@adobe/spectrum-css-temp/components/statuslight/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 {StatusLight} from './StatusLight';\nexport type {SpectrumStatusLightProps} from '@react-types/statuslight';\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, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport {filterDOMProps} from '@react-aria/utils';\nimport React, {forwardRef} from 'react';\nimport {SpectrumStatusLightProps} from '@react-types/statuslight';\nimport styles from '@adobe/spectrum-css-temp/components/statuslight/vars.css';\nimport {useProviderProps} from '@react-spectrum/provider';\n\nfunction StatusLight(props: SpectrumStatusLightProps, ref: DOMRef<HTMLDivElement>) {\n let {\n variant,\n children,\n isDisabled,\n role,\n ...otherProps\n } = useProviderProps(props);\n let domRef = useDOMRef(ref);\n let {styleProps} = useStyleProps(otherProps);\n\n if (!children && !props['aria-label']) {\n console.warn('If no children are provided, an aria-label must be specified');\n }\n\n if (!role && (props['aria-label'] || props['aria-labelledby'])) {\n console.warn('A labelled StatusLight must have a role.');\n }\n\n return (\n <div\n {...filterDOMProps(otherProps, {labelable: !!role})}\n {...styleProps}\n role={role}\n className={classNames(\n styles,\n 'spectrum-StatusLight',\n `spectrum-StatusLight--${variant}`,\n {\n 'is-disabled': isDisabled\n },\n styleProps.className\n )}\n ref={domRef}>\n {children}\n </div>\n );\n}\n\n/**\n * Status lights are used to color code categories and labels commonly found in data visualization.\n * When status lights have a semantic meaning, they should use semantic variant colors.\n */\nlet _StatusLight = forwardRef(StatusLight);\nexport {_StatusLight as StatusLight};\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@import './skin.css';\n"],"names":[],"version":3,"file":"main.js.map"}
|
package/dist/module.js
CHANGED
|
@@ -36,61 +36,76 @@ function $parcel$export(e, n, v, s) {
|
|
|
36
36
|
|
|
37
37
|
var $7661ca422872705f$exports = {};
|
|
38
38
|
|
|
39
|
-
$parcel$export($7661ca422872705f$exports, "
|
|
40
|
-
$parcel$export($7661ca422872705f$exports, "
|
|
39
|
+
$parcel$export($7661ca422872705f$exports, "focus-ring", () => $7661ca422872705f$export$f39a09f249340e2a, (v) => $7661ca422872705f$export$f39a09f249340e2a = v);
|
|
40
|
+
$parcel$export($7661ca422872705f$exports, "i18nFontFamily", () => $7661ca422872705f$export$8c4ee2c50c22c514, (v) => $7661ca422872705f$export$8c4ee2c50c22c514 = v);
|
|
41
41
|
$parcel$export($7661ca422872705f$exports, "is-disabled", () => $7661ca422872705f$export$d35bc1e505d1ebbf, (v) => $7661ca422872705f$export$d35bc1e505d1ebbf = v);
|
|
42
|
-
$parcel$export($7661ca422872705f$exports, "spectrum-
|
|
43
|
-
$parcel$export($7661ca422872705f$exports, "spectrum-
|
|
44
|
-
$parcel$export($7661ca422872705f$exports, "spectrum-
|
|
45
|
-
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight
|
|
42
|
+
$parcel$export($7661ca422872705f$exports, "spectrum-FocusRing-ring", () => $7661ca422872705f$export$4109102f950813a6, (v) => $7661ca422872705f$export$4109102f950813a6 = v);
|
|
43
|
+
$parcel$export($7661ca422872705f$exports, "spectrum-FocusRing", () => $7661ca422872705f$export$24c7f46a6e3605dd, (v) => $7661ca422872705f$export$24c7f46a6e3605dd = v);
|
|
44
|
+
$parcel$export($7661ca422872705f$exports, "spectrum-FocusRing--quiet", () => $7661ca422872705f$export$2927016961429360, (v) => $7661ca422872705f$export$2927016961429360 = v);
|
|
45
|
+
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight", () => $7661ca422872705f$export$11d3697e7e5c1bef, (v) => $7661ca422872705f$export$11d3697e7e5c1bef = v);
|
|
46
46
|
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight--active", () => $7661ca422872705f$export$b40c603f4b579265, (v) => $7661ca422872705f$export$b40c603f4b579265 = v);
|
|
47
47
|
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight--celery", () => $7661ca422872705f$export$e9a22f483095fe3e, (v) => $7661ca422872705f$export$e9a22f483095fe3e = v);
|
|
48
|
-
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight--
|
|
48
|
+
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight--chartreuse", () => $7661ca422872705f$export$f05bd1f10c0cc15f, (v) => $7661ca422872705f$export$f05bd1f10c0cc15f = v);
|
|
49
49
|
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight--fuchsia", () => $7661ca422872705f$export$cbaba642d0afd312, (v) => $7661ca422872705f$export$cbaba642d0afd312 = v);
|
|
50
50
|
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight--indigo", () => $7661ca422872705f$export$8b77e0c07c11635a, (v) => $7661ca422872705f$export$8b77e0c07c11635a = v);
|
|
51
|
-
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight--
|
|
52
|
-
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight--chartreuse", () => $7661ca422872705f$export$f05bd1f10c0cc15f, (v) => $7661ca422872705f$export$f05bd1f10c0cc15f = v);
|
|
51
|
+
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight--info", () => $7661ca422872705f$export$945a5d9a4e8494e6, (v) => $7661ca422872705f$export$945a5d9a4e8494e6 = v);
|
|
53
52
|
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight--magenta", () => $7661ca422872705f$export$43990cc5ba9a0059, (v) => $7661ca422872705f$export$43990cc5ba9a0059 = v);
|
|
53
|
+
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight--negative", () => $7661ca422872705f$export$1974c2646528dc4f, (v) => $7661ca422872705f$export$1974c2646528dc4f = v);
|
|
54
|
+
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight--neutral", () => $7661ca422872705f$export$bbf75dd99797a93e, (v) => $7661ca422872705f$export$bbf75dd99797a93e = v);
|
|
55
|
+
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight--notice", () => $7661ca422872705f$export$30a5e512ed4618b, (v) => $7661ca422872705f$export$30a5e512ed4618b = v);
|
|
56
|
+
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight--positive", () => $7661ca422872705f$export$141dae5af9534f54, (v) => $7661ca422872705f$export$141dae5af9534f54 = v);
|
|
54
57
|
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight--purple", () => $7661ca422872705f$export$975baced4f8182b4, (v) => $7661ca422872705f$export$975baced4f8182b4 = v);
|
|
55
|
-
|
|
56
|
-
|
|
58
|
+
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight--seafoam", () => $7661ca422872705f$export$d14bcd2d3ae8238c, (v) => $7661ca422872705f$export$d14bcd2d3ae8238c = v);
|
|
59
|
+
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight--yellow", () => $7661ca422872705f$export$b22c4af54e28c6c, (v) => $7661ca422872705f$export$b22c4af54e28c6c = v);
|
|
60
|
+
var $7661ca422872705f$export$f39a09f249340e2a;
|
|
61
|
+
var $7661ca422872705f$export$8c4ee2c50c22c514;
|
|
57
62
|
var $7661ca422872705f$export$d35bc1e505d1ebbf;
|
|
58
|
-
var $7661ca422872705f$export$
|
|
59
|
-
var $7661ca422872705f$export$
|
|
60
|
-
var $7661ca422872705f$export$
|
|
61
|
-
var $7661ca422872705f$export$
|
|
63
|
+
var $7661ca422872705f$export$4109102f950813a6;
|
|
64
|
+
var $7661ca422872705f$export$24c7f46a6e3605dd;
|
|
65
|
+
var $7661ca422872705f$export$2927016961429360;
|
|
66
|
+
var $7661ca422872705f$export$11d3697e7e5c1bef;
|
|
62
67
|
var $7661ca422872705f$export$b40c603f4b579265;
|
|
63
68
|
var $7661ca422872705f$export$e9a22f483095fe3e;
|
|
64
|
-
var $7661ca422872705f$export$
|
|
69
|
+
var $7661ca422872705f$export$f05bd1f10c0cc15f;
|
|
65
70
|
var $7661ca422872705f$export$cbaba642d0afd312;
|
|
66
71
|
var $7661ca422872705f$export$8b77e0c07c11635a;
|
|
67
|
-
var $7661ca422872705f$export$
|
|
68
|
-
var $7661ca422872705f$export$f05bd1f10c0cc15f;
|
|
72
|
+
var $7661ca422872705f$export$945a5d9a4e8494e6;
|
|
69
73
|
var $7661ca422872705f$export$43990cc5ba9a0059;
|
|
74
|
+
var $7661ca422872705f$export$1974c2646528dc4f;
|
|
75
|
+
var $7661ca422872705f$export$bbf75dd99797a93e;
|
|
76
|
+
var $7661ca422872705f$export$30a5e512ed4618b;
|
|
77
|
+
var $7661ca422872705f$export$141dae5af9534f54;
|
|
70
78
|
var $7661ca422872705f$export$975baced4f8182b4;
|
|
71
|
-
$7661ca422872705f$export$
|
|
72
|
-
$7661ca422872705f$export$
|
|
73
|
-
$7661ca422872705f$export$
|
|
74
|
-
$7661ca422872705f$export$
|
|
75
|
-
$7661ca422872705f$export$
|
|
76
|
-
$7661ca422872705f$export$
|
|
77
|
-
$7661ca422872705f$export$
|
|
78
|
-
$7661ca422872705f$export$
|
|
79
|
-
$7661ca422872705f$export$
|
|
80
|
-
$7661ca422872705f$export$
|
|
81
|
-
$7661ca422872705f$export$
|
|
82
|
-
$7661ca422872705f$export$
|
|
83
|
-
$7661ca422872705f$export$
|
|
84
|
-
$7661ca422872705f$export$
|
|
85
|
-
$7661ca422872705f$export$
|
|
86
|
-
$7661ca422872705f$export$
|
|
79
|
+
var $7661ca422872705f$export$d14bcd2d3ae8238c;
|
|
80
|
+
var $7661ca422872705f$export$b22c4af54e28c6c;
|
|
81
|
+
$7661ca422872705f$export$f39a09f249340e2a = `j59EQa_focus-ring`;
|
|
82
|
+
$7661ca422872705f$export$8c4ee2c50c22c514 = `j59EQa_i18nFontFamily`;
|
|
83
|
+
$7661ca422872705f$export$d35bc1e505d1ebbf = `j59EQa_is-disabled`;
|
|
84
|
+
$7661ca422872705f$export$4109102f950813a6 = `j59EQa_spectrum-FocusRing-ring`;
|
|
85
|
+
$7661ca422872705f$export$24c7f46a6e3605dd = `j59EQa_spectrum-FocusRing ${$7661ca422872705f$export$4109102f950813a6}`;
|
|
86
|
+
$7661ca422872705f$export$2927016961429360 = `j59EQa_spectrum-FocusRing--quiet`;
|
|
87
|
+
$7661ca422872705f$export$11d3697e7e5c1bef = `j59EQa_spectrum-StatusLight`;
|
|
88
|
+
$7661ca422872705f$export$b40c603f4b579265 = `j59EQa_spectrum-StatusLight--active`;
|
|
89
|
+
$7661ca422872705f$export$e9a22f483095fe3e = `j59EQa_spectrum-StatusLight--celery`;
|
|
90
|
+
$7661ca422872705f$export$f05bd1f10c0cc15f = `j59EQa_spectrum-StatusLight--chartreuse`;
|
|
91
|
+
$7661ca422872705f$export$cbaba642d0afd312 = `j59EQa_spectrum-StatusLight--fuchsia`;
|
|
92
|
+
$7661ca422872705f$export$8b77e0c07c11635a = `j59EQa_spectrum-StatusLight--indigo`;
|
|
93
|
+
$7661ca422872705f$export$945a5d9a4e8494e6 = `j59EQa_spectrum-StatusLight--info`;
|
|
94
|
+
$7661ca422872705f$export$43990cc5ba9a0059 = `j59EQa_spectrum-StatusLight--magenta`;
|
|
95
|
+
$7661ca422872705f$export$1974c2646528dc4f = `j59EQa_spectrum-StatusLight--negative`;
|
|
96
|
+
$7661ca422872705f$export$bbf75dd99797a93e = `j59EQa_spectrum-StatusLight--neutral`;
|
|
97
|
+
$7661ca422872705f$export$30a5e512ed4618b = `j59EQa_spectrum-StatusLight--notice`;
|
|
98
|
+
$7661ca422872705f$export$141dae5af9534f54 = `j59EQa_spectrum-StatusLight--positive`;
|
|
99
|
+
$7661ca422872705f$export$975baced4f8182b4 = `j59EQa_spectrum-StatusLight--purple`;
|
|
100
|
+
$7661ca422872705f$export$d14bcd2d3ae8238c = `j59EQa_spectrum-StatusLight--seafoam`;
|
|
101
|
+
$7661ca422872705f$export$b22c4af54e28c6c = `j59EQa_spectrum-StatusLight--yellow`;
|
|
87
102
|
|
|
88
103
|
|
|
89
104
|
|
|
90
105
|
function $df8f173c8bd4ebc0$var$StatusLight(props, ref) {
|
|
91
|
-
let { variant: variant
|
|
106
|
+
let { variant: variant, children: children, isDisabled: isDisabled, role: role, ...otherProps } = (0, $71ACv$useProviderProps)(props);
|
|
92
107
|
let domRef = (0, $71ACv$useDOMRef)(ref);
|
|
93
|
-
let { styleProps: styleProps
|
|
108
|
+
let { styleProps: styleProps } = (0, $71ACv$useStyleProps)(otherProps);
|
|
94
109
|
if (!children && !props["aria-label"]) console.warn("If no children are provided, an aria-label must be specified");
|
|
95
110
|
if (!role && (props["aria-label"] || props["aria-labelledby"])) console.warn("A labelled StatusLight must have a role.");
|
|
96
111
|
return /*#__PURE__*/ (0, $71ACv$react).createElement("div", {
|
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;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AACA,IAAA;AApBA,4CAA+B,CAAC,iBAAiB,CAAC;AAClD,4CAAmC,CAAC,qBAAqB,CAAC;AAC1D,4CAAgC,CAAC,kBAAkB,CAAC;AACpD,4CAA4C,CAAC,8BAA8B,CAAC;AAC5E,4CAAuC,CAAC,0BAA0B,EAAE,0CAA0C,CAAC;AAC/G,4CAA8C,CAAC,gCAAgC,CAAC;AAChF,4CAAyC,CAAC,2BAA2B,CAAC;AACtE,4CAAiD,CAAC,mCAAmC,CAAC;AACtF,4CAAiD,CAAC,mCAAmC,CAAC;AACtF,4CAAqD,CAAC,uCAAuC,CAAC;AAC9F,4CAAkD,CAAC,oCAAoC,CAAC;AACxF,4CAAiD,CAAC,mCAAmC,CAAC;AACtF,4CAA+C,CAAC,iCAAiC,CAAC;AAClF,4CAAkD,CAAC,oCAAoC,CAAC;AACxF,4CAAmD,CAAC,qCAAqC,CAAC;AAC1F,4CAAkD,CAAC,oCAAoC,CAAC;AACxF,2CAAiD,CAAC,mCAAmC,CAAC;AACtF,4CAAmD,CAAC,qCAAqC,CAAC;AAC1F,4CAAiD,CAAC,mCAAmC,CAAC;AACtF,4CAAkD,CAAC,oCAAoC,CAAC;AACxF,2CAAiD,CAAC,mCAAmC,CAAC;;;;ADAtF,SAAS,kCAAY,KAA+B,EAAE,GAA2B;IAC/E,IAAI,WACF,OAAO,YACP,QAAQ,cACR,UAAU,QACV,IAAI,EACJ,GAAG,YACJ,GAAG,CAAA,GAAA,uBAAe,EAAE;IACrB,IAAI,SAAS,CAAA,GAAA,gBAAQ,EAAE;IACvB,IAAI,cAAC,UAAU,EAAC,GAAG,CAAA,GAAA,oBAAY,EAAE;IAEjC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,aAAa,EACnC,QAAQ,KAAK;IAGf,IAAI,CAAC,QAAS,CAAA,KAAK,CAAC,aAAa,IAAI,KAAK,CAAC,kBAAkB,AAAD,GAC1D,QAAQ,KAAK;IAGf,qBACE,gCAAC;QACE,GAAG,CAAA,GAAA,qBAAa,EAAE,YAAY;YAAC,WAAW,CAAC,CAAC;QAAI,EAAE;QAClD,GAAG,UAAU;QACd,MAAM;QACN,WAAW,CAAA,GAAA,iBAAS,EAClB,CAAA,GAAA,gEAAK,GACL,wBACA,CAAC,sBAAsB,EAAE,QAAQ,CAAC,EAClC;YACE,eAAe;QACjB,GACA,WAAW;QAEb,KAAK;OACJ;AAGP;AAEA;;;CAGC,GACD,IAAI,0DAAe,CAAA,GAAA,iBAAS,EAAE;","sources":["packages/@react-spectrum/statuslight/src/index.ts","packages/@react-spectrum/statuslight/src/StatusLight.tsx","packages/@adobe/spectrum-css-temp/components/statuslight/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 {StatusLight} from './StatusLight';\nexport type {SpectrumStatusLightProps} from '@react-types/statuslight';\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, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMRef} from '@react-types/shared';\nimport {filterDOMProps} from '@react-aria/utils';\nimport React, {forwardRef} from 'react';\nimport {SpectrumStatusLightProps} from '@react-types/statuslight';\nimport styles from '@adobe/spectrum-css-temp/components/statuslight/vars.css';\nimport {useProviderProps} from '@react-spectrum/provider';\n\nfunction StatusLight(props: SpectrumStatusLightProps, ref: DOMRef<HTMLDivElement>) {\n let {\n variant,\n children,\n isDisabled,\n role,\n ...otherProps\n } = useProviderProps(props);\n let domRef = useDOMRef(ref);\n let {styleProps} = useStyleProps(otherProps);\n\n if (!children && !props['aria-label']) {\n console.warn('If no children are provided, an aria-label must be specified');\n }\n\n if (!role && (props['aria-label'] || props['aria-labelledby'])) {\n console.warn('A labelled StatusLight must have a role.');\n }\n\n return (\n <div\n {...filterDOMProps(otherProps, {labelable: !!role})}\n {...styleProps}\n role={role}\n className={classNames(\n styles,\n 'spectrum-StatusLight',\n `spectrum-StatusLight--${variant}`,\n {\n 'is-disabled': isDisabled\n },\n styleProps.className\n )}\n ref={domRef}>\n {children}\n </div>\n );\n}\n\n/**\n * Status lights are used to color code categories and labels commonly found in data visualization.\n * When status lights have a semantic meaning, they should use semantic variant colors.\n */\nlet _StatusLight = forwardRef(StatusLight);\nexport {_StatusLight as StatusLight};\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@import './skin.css';\n"],"names":[],"version":3,"file":"module.js.map"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-spectrum/statuslight",
|
|
3
|
-
"version": "3.5.
|
|
3
|
+
"version": "3.5.7",
|
|
4
4
|
"description": "Spectrum UI components in React",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "dist/main.js",
|
|
@@ -36,10 +36,10 @@
|
|
|
36
36
|
"url": "https://github.com/adobe/react-spectrum"
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@react-aria/utils": "^3.
|
|
40
|
-
"@react-spectrum/utils": "^3.
|
|
41
|
-
"@react-types/shared": "^3.
|
|
42
|
-
"@react-types/statuslight": "^3.3.
|
|
39
|
+
"@react-aria/utils": "^3.21.1",
|
|
40
|
+
"@react-spectrum/utils": "^3.11.1",
|
|
41
|
+
"@react-types/shared": "^3.21.0",
|
|
42
|
+
"@react-types/statuslight": "^3.3.5",
|
|
43
43
|
"@swc/helpers": "^0.5.0"
|
|
44
44
|
},
|
|
45
45
|
"devDependencies": {
|
|
@@ -52,5 +52,5 @@
|
|
|
52
52
|
"publishConfig": {
|
|
53
53
|
"access": "public"
|
|
54
54
|
},
|
|
55
|
-
"gitHead": "
|
|
55
|
+
"gitHead": "3ecf62dcceea437cb12df1851636dd491bb6591c"
|
|
56
56
|
}
|