@react-spectrum/statuslight 3.4.4 → 3.5.1
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 +117 -0
- package/dist/main.css +1 -1
- package/package.json +11 -6
package/dist/import.mjs
ADDED
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
import "./main.css";
|
|
2
|
+
import {useDOMRef as $71ACv$useDOMRef, useStyleProps as $71ACv$useStyleProps, classNames as $71ACv$classNames} from "@react-spectrum/utils";
|
|
3
|
+
import {filterDOMProps as $71ACv$filterDOMProps} from "@react-aria/utils";
|
|
4
|
+
import $71ACv$react, {forwardRef as $71ACv$forwardRef} from "react";
|
|
5
|
+
import {useProviderProps as $71ACv$useProviderProps} from "@react-spectrum/provider";
|
|
6
|
+
|
|
7
|
+
function $parcel$interopDefault(a) {
|
|
8
|
+
return a && a.__esModule ? a.default : a;
|
|
9
|
+
}
|
|
10
|
+
function $parcel$export(e, n, v, s) {
|
|
11
|
+
Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
|
|
12
|
+
}
|
|
13
|
+
/*
|
|
14
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
15
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
16
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
17
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
18
|
+
*
|
|
19
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
20
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
21
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
22
|
+
* governing permissions and limitations under the License.
|
|
23
|
+
*/ /// <reference types="css-module-types" />
|
|
24
|
+
/*
|
|
25
|
+
* Copyright 2020 Adobe. All rights reserved.
|
|
26
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
27
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
28
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
29
|
+
*
|
|
30
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
31
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
32
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
33
|
+
* governing permissions and limitations under the License.
|
|
34
|
+
*/
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
var $7661ca422872705f$exports = {};
|
|
38
|
+
|
|
39
|
+
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight", () => $7661ca422872705f$export$11d3697e7e5c1bef, (v) => $7661ca422872705f$export$11d3697e7e5c1bef = v);
|
|
40
|
+
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight--neutral", () => $7661ca422872705f$export$bbf75dd99797a93e, (v) => $7661ca422872705f$export$bbf75dd99797a93e = v);
|
|
41
|
+
$parcel$export($7661ca422872705f$exports, "is-disabled", () => $7661ca422872705f$export$d35bc1e505d1ebbf, (v) => $7661ca422872705f$export$d35bc1e505d1ebbf = v);
|
|
42
|
+
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight--negative", () => $7661ca422872705f$export$1974c2646528dc4f, (v) => $7661ca422872705f$export$1974c2646528dc4f = v);
|
|
43
|
+
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight--notice", () => $7661ca422872705f$export$30a5e512ed4618b, (v) => $7661ca422872705f$export$30a5e512ed4618b = v);
|
|
44
|
+
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight--positive", () => $7661ca422872705f$export$141dae5af9534f54, (v) => $7661ca422872705f$export$141dae5af9534f54 = v);
|
|
45
|
+
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight--info", () => $7661ca422872705f$export$945a5d9a4e8494e6, (v) => $7661ca422872705f$export$945a5d9a4e8494e6 = v);
|
|
46
|
+
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight--active", () => $7661ca422872705f$export$b40c603f4b579265, (v) => $7661ca422872705f$export$b40c603f4b579265 = v);
|
|
47
|
+
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight--celery", () => $7661ca422872705f$export$e9a22f483095fe3e, (v) => $7661ca422872705f$export$e9a22f483095fe3e = v);
|
|
48
|
+
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight--yellow", () => $7661ca422872705f$export$b22c4af54e28c6c, (v) => $7661ca422872705f$export$b22c4af54e28c6c = v);
|
|
49
|
+
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight--fuchsia", () => $7661ca422872705f$export$cbaba642d0afd312, (v) => $7661ca422872705f$export$cbaba642d0afd312 = v);
|
|
50
|
+
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight--indigo", () => $7661ca422872705f$export$8b77e0c07c11635a, (v) => $7661ca422872705f$export$8b77e0c07c11635a = v);
|
|
51
|
+
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight--seafoam", () => $7661ca422872705f$export$d14bcd2d3ae8238c, (v) => $7661ca422872705f$export$d14bcd2d3ae8238c = v);
|
|
52
|
+
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight--chartreuse", () => $7661ca422872705f$export$f05bd1f10c0cc15f, (v) => $7661ca422872705f$export$f05bd1f10c0cc15f = v);
|
|
53
|
+
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight--magenta", () => $7661ca422872705f$export$43990cc5ba9a0059, (v) => $7661ca422872705f$export$43990cc5ba9a0059 = v);
|
|
54
|
+
$parcel$export($7661ca422872705f$exports, "spectrum-StatusLight--purple", () => $7661ca422872705f$export$975baced4f8182b4, (v) => $7661ca422872705f$export$975baced4f8182b4 = v);
|
|
55
|
+
var $7661ca422872705f$export$11d3697e7e5c1bef;
|
|
56
|
+
var $7661ca422872705f$export$bbf75dd99797a93e;
|
|
57
|
+
var $7661ca422872705f$export$d35bc1e505d1ebbf;
|
|
58
|
+
var $7661ca422872705f$export$1974c2646528dc4f;
|
|
59
|
+
var $7661ca422872705f$export$30a5e512ed4618b;
|
|
60
|
+
var $7661ca422872705f$export$141dae5af9534f54;
|
|
61
|
+
var $7661ca422872705f$export$945a5d9a4e8494e6;
|
|
62
|
+
var $7661ca422872705f$export$b40c603f4b579265;
|
|
63
|
+
var $7661ca422872705f$export$e9a22f483095fe3e;
|
|
64
|
+
var $7661ca422872705f$export$b22c4af54e28c6c;
|
|
65
|
+
var $7661ca422872705f$export$cbaba642d0afd312;
|
|
66
|
+
var $7661ca422872705f$export$8b77e0c07c11635a;
|
|
67
|
+
var $7661ca422872705f$export$d14bcd2d3ae8238c;
|
|
68
|
+
var $7661ca422872705f$export$f05bd1f10c0cc15f;
|
|
69
|
+
var $7661ca422872705f$export$43990cc5ba9a0059;
|
|
70
|
+
var $7661ca422872705f$export$975baced4f8182b4;
|
|
71
|
+
$7661ca422872705f$export$11d3697e7e5c1bef = "spectrum-StatusLight_c020b6";
|
|
72
|
+
$7661ca422872705f$export$bbf75dd99797a93e = "spectrum-StatusLight--neutral_c020b6";
|
|
73
|
+
$7661ca422872705f$export$d35bc1e505d1ebbf = "is-disabled_c020b6";
|
|
74
|
+
$7661ca422872705f$export$1974c2646528dc4f = "spectrum-StatusLight--negative_c020b6";
|
|
75
|
+
$7661ca422872705f$export$30a5e512ed4618b = "spectrum-StatusLight--notice_c020b6";
|
|
76
|
+
$7661ca422872705f$export$141dae5af9534f54 = "spectrum-StatusLight--positive_c020b6";
|
|
77
|
+
$7661ca422872705f$export$945a5d9a4e8494e6 = "spectrum-StatusLight--info_c020b6";
|
|
78
|
+
$7661ca422872705f$export$b40c603f4b579265 = "spectrum-StatusLight--active_c020b6";
|
|
79
|
+
$7661ca422872705f$export$e9a22f483095fe3e = "spectrum-StatusLight--celery_c020b6";
|
|
80
|
+
$7661ca422872705f$export$b22c4af54e28c6c = "spectrum-StatusLight--yellow_c020b6";
|
|
81
|
+
$7661ca422872705f$export$cbaba642d0afd312 = "spectrum-StatusLight--fuchsia_c020b6";
|
|
82
|
+
$7661ca422872705f$export$8b77e0c07c11635a = "spectrum-StatusLight--indigo_c020b6";
|
|
83
|
+
$7661ca422872705f$export$d14bcd2d3ae8238c = "spectrum-StatusLight--seafoam_c020b6";
|
|
84
|
+
$7661ca422872705f$export$f05bd1f10c0cc15f = "spectrum-StatusLight--chartreuse_c020b6";
|
|
85
|
+
$7661ca422872705f$export$43990cc5ba9a0059 = "spectrum-StatusLight--magenta_c020b6";
|
|
86
|
+
$7661ca422872705f$export$975baced4f8182b4 = "spectrum-StatusLight--purple_c020b6";
|
|
87
|
+
|
|
88
|
+
|
|
89
|
+
|
|
90
|
+
function $df8f173c8bd4ebc0$var$StatusLight(props, ref) {
|
|
91
|
+
let { variant: variant , children: children , isDisabled: isDisabled , role: role , ...otherProps } = (0, $71ACv$useProviderProps)(props);
|
|
92
|
+
let domRef = (0, $71ACv$useDOMRef)(ref);
|
|
93
|
+
let { styleProps: styleProps } = (0, $71ACv$useStyleProps)(otherProps);
|
|
94
|
+
if (!children && !props["aria-label"]) console.warn("If no children are provided, an aria-label must be specified");
|
|
95
|
+
if (!role && (props["aria-label"] || props["aria-labelledby"])) console.warn("A labelled StatusLight must have a role.");
|
|
96
|
+
return /*#__PURE__*/ (0, $71ACv$react).createElement("div", {
|
|
97
|
+
...(0, $71ACv$filterDOMProps)(otherProps, {
|
|
98
|
+
labelable: !!role
|
|
99
|
+
}),
|
|
100
|
+
...styleProps,
|
|
101
|
+
role: role,
|
|
102
|
+
className: (0, $71ACv$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($7661ca422872705f$exports))), "spectrum-StatusLight", `spectrum-StatusLight--${variant}`, {
|
|
103
|
+
"is-disabled": isDisabled
|
|
104
|
+
}, styleProps.className),
|
|
105
|
+
ref: domRef
|
|
106
|
+
}, children);
|
|
107
|
+
}
|
|
108
|
+
/**
|
|
109
|
+
* Status lights are used to color code categories and labels commonly found in data visualization.
|
|
110
|
+
* When status lights have a semantic meaning, they should use semantic variant colors.
|
|
111
|
+
*/ let $df8f173c8bd4ebc0$export$5f84c37a31c6e41c = /*#__PURE__*/ (0, $71ACv$forwardRef)($df8f173c8bd4ebc0$var$StatusLight);
|
|
112
|
+
|
|
113
|
+
|
|
114
|
+
|
|
115
|
+
|
|
116
|
+
export {$df8f173c8bd4ebc0$export$5f84c37a31c6e41c as StatusLight};
|
|
117
|
+
//# sourceMappingURL=module.js.map
|
package/dist/main.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.spectrum-StatusLight_c020b6{min-height: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}.spectrum-StatusLight_c020b6:before{content:"";width:var(--spectrum-statuslight-dot-size,var(--spectrum-global-dimension-size-100));height: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}.spectrum-StatusLight--neutral_c020b6{font-style:italic}.spectrum-StatusLight_c020b6{color:var(--spectrum-statuslight-text-color,var(--spectrum-alias-text-color))}.spectrum-StatusLight_c020b6[disabled],.spectrum-StatusLight_c020b6.is-disabled_c020b6{color:var(--spectrum-statuslight-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.spectrum-StatusLight_c020b6[disabled]:before,.spectrum-StatusLight_c020b6.is-disabled_c020b6:before{background-color:var(--spectrum-statuslight-dot-color-disabled,var(--spectrum-global-color-gray-400))}.spectrum-StatusLight--negative_c020b6:before{background-color:var(--spectrum-statuslight-negative-dot-color,var(--spectrum-semantic-negative-color-status))}.spectrum-StatusLight--notice_c020b6:before{background-color:var(--spectrum-statuslight-notice-dot-color,var(--spectrum-semantic-notice-color-status))}.spectrum-StatusLight--positive_c020b6:before{background-color:var(--spectrum-statuslight-positive-dot-color,var(--spectrum-semantic-positive-color-status))}.spectrum-StatusLight--info_c020b6:before,.spectrum-StatusLight--active_c020b6:before{background-color:var(--spectrum-statuslight-info-dot-color,var(--spectrum-semantic-informative-color-status))}.spectrum-StatusLight--neutral_c020b6{color:var(--spectrum-statuslight-neutral-text-color,var(--spectrum-global-color-gray-700))}.spectrum-StatusLight--neutral_c020b6:before{background-color:var(--spectrum-gray-visual-color)}.spectrum-StatusLight--celery_c020b6:before{background-color:var(--spectrum-celery-visual-color)}.spectrum-StatusLight--yellow_c020b6:before{background-color:var(--spectrum-yellow-visual-color)}.spectrum-StatusLight--fuchsia_c020b6:before{background-color:var(--spectrum-fuchsia-visual-color)}.spectrum-StatusLight--indigo_c020b6:before{background-color:var(--spectrum-indigo-visual-color)}.spectrum-StatusLight--seafoam_c020b6:before{background-color:var(--spectrum-seafoam-visual-color)}.spectrum-StatusLight--chartreuse_c020b6:before{background-color:var(--spectrum-chartreuse-visual-color)}.spectrum-StatusLight--magenta_c020b6:before{background-color:var(--spectrum-magenta-visual-color)}.spectrum-StatusLight--purple_c020b6:before{background-color:var(--spectrum-purple-visual-color)}@media (forced-colors:active){.spectrum-StatusLight_c020b6{forced-color-adjust:none;--spectrum-statuslight-text-color-disabled:GrayText;--spectrum-statuslight-dot-color-disabled:GrayText}.spectrum-StatusLight_c020b6:before{border:1px solid ButtonText}}
|
|
1
|
+
:root{font-synthesis:weight}.spectrum-StatusLight_c020b6{min-height: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}.spectrum-StatusLight_c020b6:before{content:"";width:var(--spectrum-statuslight-dot-size,var(--spectrum-global-dimension-size-100));height: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}.spectrum-StatusLight--neutral_c020b6{font-style:italic}.spectrum-StatusLight_c020b6{color:var(--spectrum-statuslight-text-color,var(--spectrum-alias-text-color))}.spectrum-StatusLight_c020b6[disabled],.spectrum-StatusLight_c020b6.is-disabled_c020b6{color:var(--spectrum-statuslight-text-color-disabled,var(--spectrum-alias-text-color-disabled))}.spectrum-StatusLight_c020b6[disabled]:before,.spectrum-StatusLight_c020b6.is-disabled_c020b6:before{background-color:var(--spectrum-statuslight-dot-color-disabled,var(--spectrum-global-color-gray-400))}.spectrum-StatusLight--negative_c020b6:before{background-color:var(--spectrum-statuslight-negative-dot-color,var(--spectrum-semantic-negative-color-status))}.spectrum-StatusLight--notice_c020b6:before{background-color:var(--spectrum-statuslight-notice-dot-color,var(--spectrum-semantic-notice-color-status))}.spectrum-StatusLight--positive_c020b6:before{background-color:var(--spectrum-statuslight-positive-dot-color,var(--spectrum-semantic-positive-color-status))}.spectrum-StatusLight--info_c020b6:before,.spectrum-StatusLight--active_c020b6:before{background-color:var(--spectrum-statuslight-info-dot-color,var(--spectrum-semantic-informative-color-status))}.spectrum-StatusLight--neutral_c020b6{color:var(--spectrum-statuslight-neutral-text-color,var(--spectrum-global-color-gray-700))}.spectrum-StatusLight--neutral_c020b6:before{background-color:var(--spectrum-gray-visual-color)}.spectrum-StatusLight--celery_c020b6:before{background-color:var(--spectrum-celery-visual-color)}.spectrum-StatusLight--yellow_c020b6:before{background-color:var(--spectrum-yellow-visual-color)}.spectrum-StatusLight--fuchsia_c020b6:before{background-color:var(--spectrum-fuchsia-visual-color)}.spectrum-StatusLight--indigo_c020b6:before{background-color:var(--spectrum-indigo-visual-color)}.spectrum-StatusLight--seafoam_c020b6:before{background-color:var(--spectrum-seafoam-visual-color)}.spectrum-StatusLight--chartreuse_c020b6:before{background-color:var(--spectrum-chartreuse-visual-color)}.spectrum-StatusLight--magenta_c020b6:before{background-color:var(--spectrum-magenta-visual-color)}.spectrum-StatusLight--purple_c020b6:before{background-color:var(--spectrum-purple-visual-color)}@media (forced-colors:active){.spectrum-StatusLight_c020b6{forced-color-adjust:none;--spectrum-statuslight-text-color-disabled:GrayText;--spectrum-statuslight-dot-color-disabled:GrayText}.spectrum-StatusLight_c020b6:before{border:1px solid ButtonText}}
|
package/package.json
CHANGED
|
@@ -1,10 +1,15 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@react-spectrum/statuslight",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.5.1",
|
|
4
4
|
"description": "Spectrum UI components in React",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "dist/main.js",
|
|
7
7
|
"module": "dist/module.js",
|
|
8
|
+
"exports": {
|
|
9
|
+
"types": "./dist/types.d.ts",
|
|
10
|
+
"import": "./dist/import.mjs",
|
|
11
|
+
"require": "./dist/main.js"
|
|
12
|
+
},
|
|
8
13
|
"types": "dist/types.d.ts",
|
|
9
14
|
"source": "src/index.ts",
|
|
10
15
|
"files": [
|
|
@@ -31,10 +36,10 @@
|
|
|
31
36
|
"url": "https://github.com/adobe/react-spectrum"
|
|
32
37
|
},
|
|
33
38
|
"dependencies": {
|
|
34
|
-
"@react-aria/utils": "^3.
|
|
35
|
-
"@react-spectrum/utils": "^3.
|
|
36
|
-
"@react-types/shared": "^3.
|
|
37
|
-
"@react-types/statuslight": "^3.
|
|
39
|
+
"@react-aria/utils": "^3.16.0",
|
|
40
|
+
"@react-spectrum/utils": "^3.9.1",
|
|
41
|
+
"@react-types/shared": "^3.18.0",
|
|
42
|
+
"@react-types/statuslight": "^3.3.1",
|
|
38
43
|
"@swc/helpers": "^0.4.14"
|
|
39
44
|
},
|
|
40
45
|
"devDependencies": {
|
|
@@ -47,5 +52,5 @@
|
|
|
47
52
|
"publishConfig": {
|
|
48
53
|
"access": "public"
|
|
49
54
|
},
|
|
50
|
-
"gitHead": "
|
|
55
|
+
"gitHead": "9d1ba9bd8ebcd63bf3495ade16d349bcb71795ce"
|
|
51
56
|
}
|