@react-spectrum/statuslight 3.5.9 → 3.5.10

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 CHANGED
@@ -1,5 +1,3 @@
1
- "use client";
2
-
3
1
  import "./main.css";
4
2
  import {useDOMRef as $71ACv$useDOMRef, useStyleProps as $71ACv$useStyleProps, classNames as $71ACv$classNames} from "@react-spectrum/utils";
5
3
  import {filterDOMProps as $71ACv$filterDOMProps} from "@react-aria/utils";
package/dist/main.css CHANGED
@@ -1,197 +1 @@
1
- .j59EQa_i18nFontFamily {
2
- font-synthesis: weight;
3
- font-family: adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
4
- }
5
-
6
- .j59EQa_i18nFontFamily:lang(ar) {
7
- font-family: myriad-arabic, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
8
- }
9
-
10
- .j59EQa_i18nFontFamily:lang(he) {
11
- font-family: myriad-hebrew, adobe-clean, Source Sans Pro, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Ubuntu, Trebuchet MS, Lucida Grande, sans-serif;
12
- }
13
-
14
- .j59EQa_i18nFontFamily:lang(zh) {
15
- font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
16
- }
17
-
18
- .j59EQa_i18nFontFamily:lang(zh-Hans) {
19
- font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
20
- }
21
-
22
- .j59EQa_i18nFontFamily:lang(zh-Hant) {
23
- font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
24
- }
25
-
26
- .j59EQa_i18nFontFamily:lang(zh-SG) {
27
- font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
28
- }
29
-
30
- .j59EQa_i18nFontFamily:lang(zh-CN) {
31
- font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
32
- }
33
-
34
- .j59EQa_i18nFontFamily:lang(ko) {
35
- font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
36
- }
37
-
38
- .j59EQa_i18nFontFamily:lang(ja) {
39
- font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, MS Pゴシック, MS PGothic, sans-serif;
40
- }
41
-
42
- .j59EQa_spectrum-FocusRing-ring {
43
- --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
44
- --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
45
- --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
46
- --spectrum-focus-ring-border-size: 0px;
47
- --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
48
- }
49
-
50
- .j59EQa_spectrum-FocusRing-ring:after {
51
- border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
52
- content: "";
53
- margin: calc(-1 * var(--spectrum-focus-ring-border-size));
54
- pointer-events: none;
55
- transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
56
- display: block;
57
- position: absolute;
58
- top: 0;
59
- bottom: 0;
60
- left: 0;
61
- right: 0;
62
- }
63
-
64
- .j59EQa_spectrum-FocusRing {
65
- }
66
-
67
- .j59EQa_spectrum-FocusRing.j59EQa_focus-ring:after {
68
- margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
69
- box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
70
- }
71
-
72
- .j59EQa_spectrum-FocusRing--quiet:after {
73
- border-radius: 0;
74
- }
75
-
76
- .j59EQa_spectrum-FocusRing--quiet.j59EQa_focus-ring:after {
77
- margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0;
78
- box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
79
- }
80
-
81
- .j59EQa_spectrum-StatusLight {
82
- min-block-size: var(--spectrum-statuslight-height, var(--spectrum-alias-single-line-height));
83
- padding: calc(var(--spectrum-global-dimension-size-65) - 1px) 0 calc(var(--spectrum-global-dimension-size-65) + 1px) 0;
84
- box-sizing: border-box;
85
- font-size: var(--spectrum-statuslight-text-size, var(--spectrum-alias-font-size-default));
86
- font-weight: var(--spectrum-statuslight-text-font-weight, var(--spectrum-alias-body-text-font-weight));
87
- flex-direction: row;
88
- align-items: flex-start;
89
- line-height: 1.44;
90
- display: flex;
91
- }
92
-
93
- .j59EQa_spectrum-StatusLight:before {
94
- content: "";
95
- inline-size: var(--spectrum-statuslight-dot-size, var(--spectrum-global-dimension-size-100));
96
- block-size: var(--spectrum-statuslight-dot-size, var(--spectrum-global-dimension-size-100));
97
- 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));
98
- border-radius: 50%;
99
- flex-grow: 0;
100
- flex-shrink: 0;
101
- display: inline-block;
102
- }
103
-
104
- .j59EQa_spectrum-StatusLight--neutral {
105
- font-style: italic;
106
- }
107
-
108
- .j59EQa_spectrum-StatusLight {
109
- color: var(--spectrum-statuslight-text-color, var(--spectrum-alias-text-color));
110
- }
111
-
112
- .j59EQa_spectrum-StatusLight[disabled] {
113
- color: var(--spectrum-statuslight-text-color-disabled, var(--spectrum-alias-text-color-disabled));
114
- }
115
-
116
- .j59EQa_spectrum-StatusLight[disabled]:before {
117
- background-color: var(--spectrum-statuslight-dot-color-disabled, var(--spectrum-global-color-gray-400));
118
- }
119
-
120
- .j59EQa_spectrum-StatusLight.j59EQa_is-disabled {
121
- color: var(--spectrum-statuslight-text-color-disabled, var(--spectrum-alias-text-color-disabled));
122
- }
123
-
124
- .j59EQa_spectrum-StatusLight.j59EQa_is-disabled:before {
125
- background-color: var(--spectrum-statuslight-dot-color-disabled, var(--spectrum-global-color-gray-400));
126
- }
127
-
128
- .j59EQa_spectrum-StatusLight--negative:before {
129
- background-color: var(--spectrum-statuslight-negative-dot-color, var(--spectrum-semantic-negative-color-status));
130
- }
131
-
132
- .j59EQa_spectrum-StatusLight--notice:before {
133
- background-color: var(--spectrum-statuslight-notice-dot-color, var(--spectrum-semantic-notice-color-status));
134
- }
135
-
136
- .j59EQa_spectrum-StatusLight--positive:before {
137
- background-color: var(--spectrum-statuslight-positive-dot-color, var(--spectrum-semantic-positive-color-status));
138
- }
139
-
140
- .j59EQa_spectrum-StatusLight--info:before, .j59EQa_spectrum-StatusLight--active:before {
141
- background-color: var(--spectrum-statuslight-info-dot-color, var(--spectrum-semantic-informative-color-status));
142
- }
143
-
144
- .j59EQa_spectrum-StatusLight--neutral {
145
- color: var(--spectrum-statuslight-neutral-text-color, var(--spectrum-global-color-gray-700));
146
- }
147
-
148
- .j59EQa_spectrum-StatusLight--neutral:before {
149
- background-color: var(--spectrum-gray-visual-color);
150
- }
151
-
152
- .j59EQa_spectrum-StatusLight--celery:before {
153
- background-color: var(--spectrum-celery-visual-color);
154
- }
155
-
156
- .j59EQa_spectrum-StatusLight--yellow:before {
157
- background-color: var(--spectrum-yellow-visual-color);
158
- }
159
-
160
- .j59EQa_spectrum-StatusLight--fuchsia:before {
161
- background-color: var(--spectrum-fuchsia-visual-color);
162
- }
163
-
164
- .j59EQa_spectrum-StatusLight--indigo:before {
165
- background-color: var(--spectrum-indigo-visual-color);
166
- }
167
-
168
- .j59EQa_spectrum-StatusLight--seafoam:before {
169
- background-color: var(--spectrum-seafoam-visual-color);
170
- }
171
-
172
- .j59EQa_spectrum-StatusLight--chartreuse:before {
173
- background-color: var(--spectrum-chartreuse-visual-color);
174
- }
175
-
176
- .j59EQa_spectrum-StatusLight--magenta:before {
177
- background-color: var(--spectrum-magenta-visual-color);
178
- }
179
-
180
- .j59EQa_spectrum-StatusLight--purple:before {
181
- background-color: var(--spectrum-purple-visual-color);
182
- }
183
-
184
- @media (forced-colors: active) {
185
- .j59EQa_spectrum-StatusLight {
186
- forced-color-adjust: none;
187
- --spectrum-statuslight-text-color: CanvasText;
188
- --spectrum-statuslight-text-color-disabled: GrayText;
189
- --spectrum-statuslight-dot-color-disabled: GrayText;
190
- }
191
-
192
- .j59EQa_spectrum-StatusLight:before {
193
- border: 1px solid ButtonText;
194
- }
195
- }
196
-
197
- /*# sourceMappingURL=main.css.map */
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 Pゴシック,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))}.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
@@ -1,5 +1,3 @@
1
- "use client";
2
-
3
1
  require("./main.css");
4
2
  var $cYKEG$reactspectrumutils = require("@react-spectrum/utils");
5
3
  var $cYKEG$reactariautils = require("@react-aria/utils");
package/dist/module.js CHANGED
@@ -1,5 +1,3 @@
1
- "use client";
2
-
3
1
  import "./main.css";
4
2
  import {useDOMRef as $71ACv$useDOMRef, useStyleProps as $71ACv$useStyleProps, classNames as $71ACv$classNames} from "@react-spectrum/utils";
5
3
  import {filterDOMProps as $71ACv$filterDOMProps} from "@react-aria/utils";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@react-spectrum/statuslight",
3
- "version": "3.5.9",
3
+ "version": "3.5.10",
4
4
  "description": "Spectrum UI components in React",
5
5
  "license": "Apache-2.0",
6
6
  "main": "dist/main.js",
@@ -36,8 +36,8 @@
36
36
  "url": "https://github.com/adobe/react-spectrum"
37
37
  },
38
38
  "dependencies": {
39
- "@react-aria/utils": "^3.23.0",
40
- "@react-spectrum/utils": "^3.11.3",
39
+ "@react-aria/utils": "^3.23.1",
40
+ "@react-spectrum/utils": "^3.11.4",
41
41
  "@react-types/shared": "^3.22.0",
42
42
  "@react-types/statuslight": "^3.3.6",
43
43
  "@swc/helpers": "^0.5.0"
@@ -52,5 +52,5 @@
52
52
  "publishConfig": {
53
53
  "access": "public"
54
54
  },
55
- "gitHead": "86b38c87868ce7f262e0df905e5ac4eb2653791d"
55
+ "gitHead": "f040ff62678e6a31375b96c05396df0bae660350"
56
56
  }
package/dist/main.css.map DELETED
@@ -1 +0,0 @@
1
- {"mappings":"AA2DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;;;;AAiBF;;;AAII;;;;;AAQF;;;;AAKE;;;;;AAOJ;;;;;;;;;;;;AAaA;;;;;;;;;;;AAcA;;;;AAgBA;;;;AAGE;;;;AAIE;;;;AAJF;;;;AAIE;;;;AAMJ;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAKA;;;;AAGE;;;;AAKF;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;EACE;;;;;;;EAKE","sources":["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@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"main.css.map"}