@react-spectrum/tooltip 3.0.0-nightly.2782 → 3.0.0-nightly.2794

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,4 +1,4 @@
1
- import "./main.css";
1
+ import "./module.css";
2
2
  import $lbkGW$spectrumiconsuiAlertSmall from "@spectrum-icons/ui/AlertSmall";
3
3
  import {useStyleProps as $lbkGW$useStyleProps, createDOMRef as $lbkGW$createDOMRef, classNames as $lbkGW$classNames} from "@react-spectrum/utils";
4
4
  import $lbkGW$spectrumiconsuiInfoSmall from "@spectrum-icons/ui/InfoSmall";
package/dist/main.css CHANGED
@@ -23,11 +23,7 @@
23
23
  font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Microsoft JhengHei UI, Microsoft JhengHei, Heiti TC Light, sans-serif;
24
24
  }
25
25
 
26
- .KF3Kcq_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
- .KF3Kcq_i18nFontFamily:lang(zh-CN) {
26
+ .KF3Kcq_i18nFontFamily:lang(zh-SG), .KF3Kcq_i18nFontFamily:lang(zh-CN) {
31
27
  font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
32
28
  }
33
29
 
@@ -55,13 +51,7 @@
55
51
  transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
56
52
  display: block;
57
53
  position: absolute;
58
- top: 0;
59
- bottom: 0;
60
- left: 0;
61
- right: 0;
62
- }
63
-
64
- .KF3Kcq_spectrum-FocusRing {
54
+ inset: 0;
65
55
  }
66
56
 
67
57
  .KF3Kcq_spectrum-FocusRing.KF3Kcq_focus-ring:after {
@@ -119,6 +109,9 @@
119
109
  line-height: var(--spectrum-tooltip-text-line-height, var(--spectrum-global-dimension-font-size-200));
120
110
  word-break: break-word;
121
111
  -webkit-font-smoothing: antialiased;
112
+ cursor: default;
113
+ -webkit-user-select: none;
114
+ user-select: none;
122
115
  flex-direction: row;
123
116
  align-items: center;
124
117
  inline-size: auto;
@@ -126,19 +119,10 @@
126
119
  position: relative;
127
120
  }
128
121
 
129
- .KF3Kcq_spectrum-Tooltip {
130
- cursor: default;
131
- -webkit-user-select: none;
132
- user-select: none;
133
- }
134
-
135
122
  .KF3Kcq_spectrum-Tooltip p {
136
123
  margin: 0;
137
124
  }
138
125
 
139
- .KF3Kcq_is-open {
140
- }
141
-
142
126
  .KF3Kcq_spectrum-Tooltip-tip {
143
127
  border-width: var(--spectrum-tooltip-tip-height, var(--spectrum-global-dimension-size-50));
144
128
  border-style: solid;
@@ -164,9 +148,6 @@
164
148
  transform: rotate(90deg);
165
149
  }
166
150
 
167
- .KF3Kcq_is-open--right {
168
- }
169
-
170
151
  .KF3Kcq_spectrum-Tooltip--left {
171
152
  margin-right: var(--spectrum-global-dimension-size-40);
172
153
  }
@@ -176,9 +157,6 @@
176
157
  transform: rotate(-90deg);
177
158
  }
178
159
 
179
- .KF3Kcq_is-open--left {
180
- }
181
-
182
160
  .KF3Kcq_spectrum-Tooltip--top {
183
161
  margin-bottom: var(--spectrum-global-dimension-size-40);
184
162
  }
@@ -187,9 +165,6 @@
187
165
  top: 100%;
188
166
  }
189
167
 
190
- .KF3Kcq_is-open--top {
191
- }
192
-
193
168
  .KF3Kcq_spectrum-Tooltip--bottom {
194
169
  margin-top: var(--spectrum-global-dimension-size-40);
195
170
  }
@@ -199,9 +174,6 @@
199
174
  transform: rotate(-180deg);
200
175
  }
201
176
 
202
- .KF3Kcq_is-open--bottom {
203
- }
204
-
205
177
  :is(.KF3Kcq_spectrum-Tooltip--bottom, .KF3Kcq_spectrum-Tooltip--top) .KF3Kcq_spectrum-Tooltip-tip {
206
178
  margin-left: calc(var(--spectrum-tooltip-tip-height, var(--spectrum-global-dimension-size-50)) * -1);
207
179
  left: 50%;
@@ -238,19 +210,7 @@
238
210
  max-inline-size: none;
239
211
  }
240
212
 
241
- .KF3Kcq_u-tooltip-showOnHover .KF3Kcq_spectrum-Tooltip--right {
242
- top: 50%;
243
- }
244
-
245
- .KF3Kcq_u-tooltip-showOnHover .KF3Kcq_spectrum-Tooltip--right .KF3Kcq_spectrum-Tooltip-tip {
246
- top: 50%;
247
- }
248
-
249
- .KF3Kcq_u-tooltip-showOnHover .KF3Kcq_spectrum-Tooltip--left {
250
- top: 50%;
251
- }
252
-
253
- .KF3Kcq_u-tooltip-showOnHover .KF3Kcq_spectrum-Tooltip--left .KF3Kcq_spectrum-Tooltip-tip {
213
+ .KF3Kcq_u-tooltip-showOnHover .KF3Kcq_spectrum-Tooltip--right, .KF3Kcq_u-tooltip-showOnHover .KF3Kcq_spectrum-Tooltip--right .KF3Kcq_spectrum-Tooltip-tip, .KF3Kcq_u-tooltip-showOnHover .KF3Kcq_spectrum-Tooltip--left, .KF3Kcq_u-tooltip-showOnHover .KF3Kcq_spectrum-Tooltip--left .KF3Kcq_spectrum-Tooltip-tip {
254
214
  top: 50%;
255
215
  }
256
216
 
@@ -263,19 +223,7 @@
263
223
  transform: translate(-100%, -50%);
264
224
  }
265
225
 
266
- .KF3Kcq_u-tooltip-showOnHover .KF3Kcq_spectrum-Tooltip--bottom {
267
- left: 50%;
268
- }
269
-
270
- .KF3Kcq_u-tooltip-showOnHover .KF3Kcq_spectrum-Tooltip--bottom .KF3Kcq_spectrum-Tooltip-tip {
271
- left: 50%;
272
- }
273
-
274
- .KF3Kcq_u-tooltip-showOnHover .KF3Kcq_spectrum-Tooltip--top {
275
- left: 50%;
276
- }
277
-
278
- .KF3Kcq_u-tooltip-showOnHover .KF3Kcq_spectrum-Tooltip--top .KF3Kcq_spectrum-Tooltip-tip {
226
+ .KF3Kcq_u-tooltip-showOnHover .KF3Kcq_spectrum-Tooltip--bottom, .KF3Kcq_u-tooltip-showOnHover .KF3Kcq_spectrum-Tooltip--bottom .KF3Kcq_spectrum-Tooltip-tip, .KF3Kcq_u-tooltip-showOnHover .KF3Kcq_spectrum-Tooltip--top, .KF3Kcq_u-tooltip-showOnHover .KF3Kcq_spectrum-Tooltip--top .KF3Kcq_spectrum-Tooltip-tip {
279
227
  left: 50%;
280
228
  }
281
229
 
@@ -288,83 +236,23 @@
288
236
  transform: translate(-50%, var(--spectrum-tooltip-tip-margin, var(--spectrum-global-dimension-size-50)));
289
237
  }
290
238
 
291
- .KF3Kcq_u-tooltip-showOnHover.KF3Kcq_is-hovered .KF3Kcq_spectrum-Tooltip {
239
+ .KF3Kcq_u-tooltip-showOnHover.KF3Kcq_is-hovered .KF3Kcq_spectrum-Tooltip, .KF3Kcq_u-tooltip-showOnHover:focus .KF3Kcq_spectrum-Tooltip, .KF3Kcq_u-tooltip-showOnHover.KF3Kcq_is-focused .KF3Kcq_spectrum-Tooltip, .KF3Kcq_u-tooltip-showOnHover :focus .KF3Kcq_spectrum-Tooltip {
292
240
  opacity: 1;
293
241
  }
294
242
 
295
- .KF3Kcq_u-tooltip-showOnHover:focus .KF3Kcq_spectrum-Tooltip {
296
- opacity: 1;
297
- }
298
-
299
- .KF3Kcq_u-tooltip-showOnHover.KF3Kcq_is-focused .KF3Kcq_spectrum-Tooltip {
300
- opacity: 1;
301
- }
302
-
303
- .KF3Kcq_u-tooltip-showOnHover :focus .KF3Kcq_spectrum-Tooltip {
304
- opacity: 1;
305
- }
306
-
307
- .KF3Kcq_u-tooltip-showOnHover.KF3Kcq_is-hovered .KF3Kcq_spectrum-Tooltip.KF3Kcq_spectrum-Tooltip--bottom {
308
- transform: translate(-50%);
309
- }
310
-
311
- .KF3Kcq_u-tooltip-showOnHover:focus .KF3Kcq_spectrum-Tooltip.KF3Kcq_spectrum-Tooltip--bottom {
243
+ .KF3Kcq_u-tooltip-showOnHover.KF3Kcq_is-hovered .KF3Kcq_spectrum-Tooltip.KF3Kcq_spectrum-Tooltip--bottom, .KF3Kcq_u-tooltip-showOnHover:focus .KF3Kcq_spectrum-Tooltip.KF3Kcq_spectrum-Tooltip--bottom, .KF3Kcq_u-tooltip-showOnHover.KF3Kcq_is-focused .KF3Kcq_spectrum-Tooltip.KF3Kcq_spectrum-Tooltip--bottom, .KF3Kcq_u-tooltip-showOnHover :focus .KF3Kcq_spectrum-Tooltip.KF3Kcq_spectrum-Tooltip--bottom {
312
244
  transform: translate(-50%);
313
245
  }
314
246
 
315
- .KF3Kcq_u-tooltip-showOnHover.KF3Kcq_is-focused .KF3Kcq_spectrum-Tooltip.KF3Kcq_spectrum-Tooltip--bottom {
316
- transform: translate(-50%);
317
- }
318
-
319
- .KF3Kcq_u-tooltip-showOnHover :focus .KF3Kcq_spectrum-Tooltip.KF3Kcq_spectrum-Tooltip--bottom {
320
- transform: translate(-50%);
321
- }
322
-
323
- .KF3Kcq_u-tooltip-showOnHover.KF3Kcq_is-hovered .KF3Kcq_spectrum-Tooltip.KF3Kcq_spectrum-Tooltip--top {
324
- transform: translate(-50%, calc(var(--spectrum-tooltip-tip-margin, var(--spectrum-global-dimension-size-50)) * -1));
325
- }
326
-
327
- .KF3Kcq_u-tooltip-showOnHover:focus .KF3Kcq_spectrum-Tooltip.KF3Kcq_spectrum-Tooltip--top {
328
- transform: translate(-50%, calc(var(--spectrum-tooltip-tip-margin, var(--spectrum-global-dimension-size-50)) * -1));
329
- }
330
-
331
- .KF3Kcq_u-tooltip-showOnHover.KF3Kcq_is-focused .KF3Kcq_spectrum-Tooltip.KF3Kcq_spectrum-Tooltip--top {
332
- transform: translate(-50%, calc(var(--spectrum-tooltip-tip-margin, var(--spectrum-global-dimension-size-50)) * -1));
333
- }
334
-
335
- .KF3Kcq_u-tooltip-showOnHover :focus .KF3Kcq_spectrum-Tooltip.KF3Kcq_spectrum-Tooltip--top {
247
+ .KF3Kcq_u-tooltip-showOnHover.KF3Kcq_is-hovered .KF3Kcq_spectrum-Tooltip.KF3Kcq_spectrum-Tooltip--top, .KF3Kcq_u-tooltip-showOnHover:focus .KF3Kcq_spectrum-Tooltip.KF3Kcq_spectrum-Tooltip--top, .KF3Kcq_u-tooltip-showOnHover.KF3Kcq_is-focused .KF3Kcq_spectrum-Tooltip.KF3Kcq_spectrum-Tooltip--top, .KF3Kcq_u-tooltip-showOnHover :focus .KF3Kcq_spectrum-Tooltip.KF3Kcq_spectrum-Tooltip--top {
336
248
  transform: translate(-50%, calc(var(--spectrum-tooltip-tip-margin, var(--spectrum-global-dimension-size-50)) * -1));
337
249
  }
338
250
 
339
- .KF3Kcq_u-tooltip-showOnHover.KF3Kcq_is-hovered .KF3Kcq_spectrum-Tooltip.KF3Kcq_spectrum-Tooltip--left {
340
- transform: translate(calc(-100% - var(--spectrum-tooltip-tip-margin, var(--spectrum-global-dimension-size-50))), -50%);
341
- }
342
-
343
- .KF3Kcq_u-tooltip-showOnHover:focus .KF3Kcq_spectrum-Tooltip.KF3Kcq_spectrum-Tooltip--left {
344
- transform: translate(calc(-100% - var(--spectrum-tooltip-tip-margin, var(--spectrum-global-dimension-size-50))), -50%);
345
- }
346
-
347
- .KF3Kcq_u-tooltip-showOnHover.KF3Kcq_is-focused .KF3Kcq_spectrum-Tooltip.KF3Kcq_spectrum-Tooltip--left {
251
+ .KF3Kcq_u-tooltip-showOnHover.KF3Kcq_is-hovered .KF3Kcq_spectrum-Tooltip.KF3Kcq_spectrum-Tooltip--left, .KF3Kcq_u-tooltip-showOnHover:focus .KF3Kcq_spectrum-Tooltip.KF3Kcq_spectrum-Tooltip--left, .KF3Kcq_u-tooltip-showOnHover.KF3Kcq_is-focused .KF3Kcq_spectrum-Tooltip.KF3Kcq_spectrum-Tooltip--left, .KF3Kcq_u-tooltip-showOnHover :focus .KF3Kcq_spectrum-Tooltip.KF3Kcq_spectrum-Tooltip--left {
348
252
  transform: translate(calc(-100% - var(--spectrum-tooltip-tip-margin, var(--spectrum-global-dimension-size-50))), -50%);
349
253
  }
350
254
 
351
- .KF3Kcq_u-tooltip-showOnHover :focus .KF3Kcq_spectrum-Tooltip.KF3Kcq_spectrum-Tooltip--left {
352
- transform: translate(calc(-100% - var(--spectrum-tooltip-tip-margin, var(--spectrum-global-dimension-size-50))), -50%);
353
- }
354
-
355
- .KF3Kcq_u-tooltip-showOnHover.KF3Kcq_is-hovered .KF3Kcq_spectrum-Tooltip.KF3Kcq_spectrum-Tooltip--right {
356
- transform: translate(var(--spectrum-tooltip-tip-margin, var(--spectrum-global-dimension-size-50)), -50%);
357
- }
358
-
359
- .KF3Kcq_u-tooltip-showOnHover:focus .KF3Kcq_spectrum-Tooltip.KF3Kcq_spectrum-Tooltip--right {
360
- transform: translate(var(--spectrum-tooltip-tip-margin, var(--spectrum-global-dimension-size-50)), -50%);
361
- }
362
-
363
- .KF3Kcq_u-tooltip-showOnHover.KF3Kcq_is-focused .KF3Kcq_spectrum-Tooltip.KF3Kcq_spectrum-Tooltip--right {
364
- transform: translate(var(--spectrum-tooltip-tip-margin, var(--spectrum-global-dimension-size-50)), -50%);
365
- }
366
-
367
- .KF3Kcq_u-tooltip-showOnHover :focus .KF3Kcq_spectrum-Tooltip.KF3Kcq_spectrum-Tooltip--right {
255
+ .KF3Kcq_u-tooltip-showOnHover.KF3Kcq_is-hovered .KF3Kcq_spectrum-Tooltip.KF3Kcq_spectrum-Tooltip--right, .KF3Kcq_u-tooltip-showOnHover:focus .KF3Kcq_spectrum-Tooltip.KF3Kcq_spectrum-Tooltip--right, .KF3Kcq_u-tooltip-showOnHover.KF3Kcq_is-focused .KF3Kcq_spectrum-Tooltip.KF3Kcq_spectrum-Tooltip--right, .KF3Kcq_u-tooltip-showOnHover :focus .KF3Kcq_spectrum-Tooltip.KF3Kcq_spectrum-Tooltip--right {
368
256
  transform: translate(var(--spectrum-tooltip-tip-margin, var(--spectrum-global-dimension-size-50)), -50%);
369
257
  }
370
258
 
@@ -420,5 +308,4 @@
420
308
  --spectrum-tooltip-positive-background-color: Highlight;
421
309
  }
422
310
  }
423
-
424
311
  /*# sourceMappingURL=main.css.map */
package/dist/main.css.map CHANGED
@@ -1 +1 @@
1
- {"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;;;;AAiBF;;;AAII;;;;;AAQF;;;;AAKE;;;;;AAmBJ;;;;;;;AAYA;;;;;;;AAWA;;;;AAIA;;;;AAUA;;;;AAIA;;;;AAIA;;;;;;;;;;;;;;;;;;AAuBE;;;;;;AAQA;;;;AAKF;;;AAIA;;;;;;;;;;;AAeE;;;;;AAMF;;;;AAEE;;;;;AAMF;;;AAIA;;;;AAEE;;;;;AAMF;;;AAIA;;;;AAEE;;;;AAKF;;;AAIA;;;;AAEE;;;;;AAMF;;;AAME;;;;;AAMF;;;;;;;;;AAWA;;;;;AAOA;;;;;AAIE;;;;;;;;AASA;;;;AAKA;;;;AAGE;;;;AAHF;;;;AAGE;;;;AAKF;;;;;AAKA;;;;AAIA;;;;AAGE;;;;AAHF;;;;AAGE;;;;AAKF;;;;;AAKA;;;;AAIA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAOA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAOA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAOA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAOA;;;;AAAA;;;;AAAA;;;;AAAA;;;;AAoBF;;;;;;;;;;;AAgBA;;;;AAIA;;;;AAIE;;;;AAKF;;;;AAIE;;;;AAKF;;;;AAIE;;;;AAKF;EACE;;;;EAGA","sources":["packages/@adobe/spectrum-css-temp/components/tooltip/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"}
1
+ {"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAmBJ;;;;;;;AAYA;;;;;;;AAWA;;;;AAIA;;;;AAUA;;;;AAIA;;;;AAIA;;;;;;;;;;;;;;;;;;;;;AA+BE;;;;AASF;;;;;;;;;;;AAeE;;;;;AAMF;;;;AAEE;;;;;AAUF;;;;AAEE;;;;;AAUF;;;;AAEE;;;;AASF;;;;AAEE;;;;;AAYA;;;;;AAMF;;;;;;;;;AAWA;;;;;AAOA;;;;;AAIE;;;;;;;;AASA;;;;AAKA;;;;AAQA;;;;;AAKA;;;;AAIA;;;;AAQA;;;;;AAKA;;;;AAIA;;;;AAOA;;;;AAOA;;;;AAOA;;;;AAOA;;;;AAoBF;;;;;;;;;;;AAgBA;;;;AAIA;;;;AAIE;;;;AAKF;;;;AAIE;;;;AAKF;;;;AAIE;;;;AAKF;EACE;;;;EAGA","sources":["packages/@adobe/spectrum-css-temp/components/tooltip/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"}
@@ -0,0 +1,311 @@
1
+ .KF3Kcq_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
+ .KF3Kcq_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
+ .KF3Kcq_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
+ .KF3Kcq_i18nFontFamily:lang(zh) {
15
+ font-family: adobe-clean-han-traditional, source-han-traditional, MingLiu, Heiti TC Light, sans-serif;
16
+ }
17
+
18
+ .KF3Kcq_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
+ .KF3Kcq_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
+ .KF3Kcq_i18nFontFamily:lang(zh-SG), .KF3Kcq_i18nFontFamily:lang(zh-CN) {
27
+ font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
28
+ }
29
+
30
+ .KF3Kcq_i18nFontFamily:lang(ko) {
31
+ font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
32
+ }
33
+
34
+ .KF3Kcq_i18nFontFamily:lang(ja) {
35
+ font-family: adobe-clean-han-japanese, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, YuGothic, Yu Gothic, メイリオ, Meiryo, MS Pゴシック, MS PGothic, sans-serif;
36
+ }
37
+
38
+ .KF3Kcq_spectrum-FocusRing-ring {
39
+ --spectrum-focus-ring-border-radius: var(--spectrum-textfield-border-radius, var(--spectrum-alias-border-radius-regular));
40
+ --spectrum-focus-ring-gap: var(--spectrum-alias-input-focusring-gap);
41
+ --spectrum-focus-ring-size: var(--spectrum-alias-input-focusring-size);
42
+ --spectrum-focus-ring-border-size: 0px;
43
+ --spectrum-focus-ring-color: var(--spectrum-high-contrast-focus-ring-color, var(--spectrum-alias-focus-ring-color, var(--spectrum-alias-focus-color)));
44
+ }
45
+
46
+ .KF3Kcq_spectrum-FocusRing-ring:after {
47
+ border-radius: calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));
48
+ content: "";
49
+ margin: calc(-1 * var(--spectrum-focus-ring-border-size));
50
+ pointer-events: none;
51
+ transition: box-shadow var(--spectrum-global-animation-duration-100, .13s) ease-out, margin var(--spectrum-global-animation-duration-100, .13s) ease-out;
52
+ display: block;
53
+ position: absolute;
54
+ inset: 0;
55
+ }
56
+
57
+ .KF3Kcq_spectrum-FocusRing.KF3Kcq_focus-ring:after {
58
+ margin: calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size));
59
+ box-shadow: 0 0 0 var(--spectrum-focus-ring-size) var(--spectrum-focus-ring-color);
60
+ }
61
+
62
+ .KF3Kcq_spectrum-FocusRing--quiet:after {
63
+ border-radius: 0;
64
+ }
65
+
66
+ .KF3Kcq_spectrum-FocusRing--quiet.KF3Kcq_focus-ring:after {
67
+ margin: 0 0 calc(var(--spectrum-focus-ring-gap) * -1 - var(--spectrum-focus-ring-border-size)) 0;
68
+ box-shadow: 0 var(--spectrum-focus-ring-size) 0 var(--spectrum-focus-ring-color);
69
+ }
70
+
71
+ .KF3Kcq_spectrum-overlay {
72
+ visibility: hidden;
73
+ opacity: 0;
74
+ transition: transform var(--spectrum-global-animation-duration-100, .13s) ease-in-out, opacity var(--spectrum-global-animation-duration-100, .13s) ease-in-out, visibility 0s linear var(--spectrum-global-animation-duration-100, .13s);
75
+ pointer-events: none;
76
+ }
77
+
78
+ .KF3Kcq_spectrum-overlay--open {
79
+ visibility: visible;
80
+ opacity: .9999;
81
+ pointer-events: auto;
82
+ transition-delay: 0s;
83
+ }
84
+
85
+ .KF3Kcq_spectrum-overlay--bottom--open {
86
+ transform: translateY(var(--spectrum-overlay-positive-transform-distance));
87
+ }
88
+
89
+ .KF3Kcq_spectrum-overlay--top--open {
90
+ transform: translateY(var(--spectrum-overlay-negative-transform-distance));
91
+ }
92
+
93
+ .KF3Kcq_spectrum-overlay--right--open {
94
+ transform: translateX(var(--spectrum-overlay-positive-transform-distance));
95
+ }
96
+
97
+ .KF3Kcq_spectrum-overlay--left--open {
98
+ transform: translateX(var(--spectrum-overlay-negative-transform-distance));
99
+ }
100
+
101
+ .KF3Kcq_spectrum-Tooltip {
102
+ box-sizing: border-box;
103
+ vertical-align: top;
104
+ padding: var(--spectrum-tooltip-padding-top, var(--spectrum-global-dimension-size-50)) var(--spectrum-tooltip-padding-x, var(--spectrum-global-dimension-size-125));
105
+ border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
106
+ min-block-size: var(--spectrum-tooltip-min-height, var(--spectrum-global-dimension-size-300));
107
+ font-size: var(--spectrum-tooltip-text-size, var(--spectrum-global-dimension-font-size-75));
108
+ font-weight: var(--spectrum-tooltip-text-font-weight, var(--spectrum-global-font-weight-regular));
109
+ line-height: var(--spectrum-tooltip-text-line-height, var(--spectrum-global-dimension-font-size-200));
110
+ word-break: break-word;
111
+ -webkit-font-smoothing: antialiased;
112
+ cursor: default;
113
+ -webkit-user-select: none;
114
+ user-select: none;
115
+ flex-direction: row;
116
+ align-items: center;
117
+ inline-size: auto;
118
+ display: inline-flex;
119
+ position: relative;
120
+ }
121
+
122
+ .KF3Kcq_spectrum-Tooltip p {
123
+ margin: 0;
124
+ }
125
+
126
+ .KF3Kcq_spectrum-Tooltip-tip {
127
+ border-width: var(--spectrum-tooltip-tip-height, var(--spectrum-global-dimension-size-50));
128
+ border-style: solid;
129
+ border-bottom-color: #0000;
130
+ border-left-color: #0000;
131
+ border-right-color: #0000;
132
+ width: 0;
133
+ height: 0;
134
+ position: absolute;
135
+ }
136
+
137
+ :is(.KF3Kcq_spectrum-Tooltip--right, .KF3Kcq_spectrum-Tooltip--left) .KF3Kcq_spectrum-Tooltip-tip {
138
+ margin-top: calc(var(--spectrum-tooltip-tip-height, var(--spectrum-global-dimension-size-50)) * -1);
139
+ top: 50%;
140
+ }
141
+
142
+ .KF3Kcq_spectrum-Tooltip--right {
143
+ margin-left: var(--spectrum-global-dimension-size-40);
144
+ }
145
+
146
+ .KF3Kcq_spectrum-Tooltip--right .KF3Kcq_spectrum-Tooltip-tip {
147
+ right: 100%;
148
+ transform: rotate(90deg);
149
+ }
150
+
151
+ .KF3Kcq_spectrum-Tooltip--left {
152
+ margin-right: var(--spectrum-global-dimension-size-40);
153
+ }
154
+
155
+ .KF3Kcq_spectrum-Tooltip--left .KF3Kcq_spectrum-Tooltip-tip {
156
+ left: 100%;
157
+ transform: rotate(-90deg);
158
+ }
159
+
160
+ .KF3Kcq_spectrum-Tooltip--top {
161
+ margin-bottom: var(--spectrum-global-dimension-size-40);
162
+ }
163
+
164
+ .KF3Kcq_spectrum-Tooltip--top .KF3Kcq_spectrum-Tooltip-tip {
165
+ top: 100%;
166
+ }
167
+
168
+ .KF3Kcq_spectrum-Tooltip--bottom {
169
+ margin-top: var(--spectrum-global-dimension-size-40);
170
+ }
171
+
172
+ .KF3Kcq_spectrum-Tooltip--bottom .KF3Kcq_spectrum-Tooltip-tip {
173
+ bottom: 100%;
174
+ transform: rotate(-180deg);
175
+ }
176
+
177
+ :is(.KF3Kcq_spectrum-Tooltip--bottom, .KF3Kcq_spectrum-Tooltip--top) .KF3Kcq_spectrum-Tooltip-tip {
178
+ margin-left: calc(var(--spectrum-tooltip-tip-height, var(--spectrum-global-dimension-size-50)) * -1);
179
+ left: 50%;
180
+ }
181
+
182
+ .KF3Kcq_spectrum-Tooltip-typeIcon {
183
+ inline-size: var(--spectrum-tooltip-icon-size, var(--spectrum-global-dimension-size-175));
184
+ block-size: var(--spectrum-tooltip-icon-size, var(--spectrum-global-dimension-size-175));
185
+ margin-inline-start: calc(var(--spectrum-tooltip-icon-margin-x, var(--spectrum-global-dimension-size-100)) - var(--spectrum-tooltip-padding-x, var(--spectrum-global-dimension-size-125)));
186
+ margin-inline-end: var(--spectrum-tooltip-icon-margin-x, var(--spectrum-global-dimension-size-100));
187
+ align-self: flex-start;
188
+ margin-top: 1px;
189
+ }
190
+
191
+ .KF3Kcq_spectrum-Tooltip-label {
192
+ max-inline-size: var(--spectrum-tooltip-content-max-width);
193
+ line-height: var(--spectrum-tooltip-text-line-height, var(--spectrum-global-dimension-font-size-200));
194
+ }
195
+
196
+ .KF3Kcq_u-tooltip-showOnHover {
197
+ display: inline-block;
198
+ position: relative;
199
+ }
200
+
201
+ .KF3Kcq_u-tooltip-showOnHover .KF3Kcq_spectrum-Tooltip {
202
+ white-space: nowrap;
203
+ transition: transform var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
204
+ position: absolute;
205
+ top: -100%;
206
+ visibility: visible !important;
207
+ }
208
+
209
+ .KF3Kcq_u-tooltip-showOnHover .KF3Kcq_spectrum-Tooltip-label {
210
+ max-inline-size: none;
211
+ }
212
+
213
+ .KF3Kcq_u-tooltip-showOnHover .KF3Kcq_spectrum-Tooltip--right, .KF3Kcq_u-tooltip-showOnHover .KF3Kcq_spectrum-Tooltip--right .KF3Kcq_spectrum-Tooltip-tip, .KF3Kcq_u-tooltip-showOnHover .KF3Kcq_spectrum-Tooltip--left, .KF3Kcq_u-tooltip-showOnHover .KF3Kcq_spectrum-Tooltip--left .KF3Kcq_spectrum-Tooltip-tip {
214
+ top: 50%;
215
+ }
216
+
217
+ .KF3Kcq_u-tooltip-showOnHover .KF3Kcq_spectrum-Tooltip--right {
218
+ left: 100%;
219
+ transform: translate(0, -50%);
220
+ }
221
+
222
+ .KF3Kcq_u-tooltip-showOnHover .KF3Kcq_spectrum-Tooltip--left {
223
+ transform: translate(-100%, -50%);
224
+ }
225
+
226
+ .KF3Kcq_u-tooltip-showOnHover .KF3Kcq_spectrum-Tooltip--bottom, .KF3Kcq_u-tooltip-showOnHover .KF3Kcq_spectrum-Tooltip--bottom .KF3Kcq_spectrum-Tooltip-tip, .KF3Kcq_u-tooltip-showOnHover .KF3Kcq_spectrum-Tooltip--top, .KF3Kcq_u-tooltip-showOnHover .KF3Kcq_spectrum-Tooltip--top .KF3Kcq_spectrum-Tooltip-tip {
227
+ left: 50%;
228
+ }
229
+
230
+ .KF3Kcq_u-tooltip-showOnHover .KF3Kcq_spectrum-Tooltip--bottom {
231
+ transform: translate(-50%, calc(var(--spectrum-tooltip-tip-margin, var(--spectrum-global-dimension-size-50)) * -1));
232
+ top: 100%;
233
+ }
234
+
235
+ .KF3Kcq_u-tooltip-showOnHover .KF3Kcq_spectrum-Tooltip--top {
236
+ transform: translate(-50%, var(--spectrum-tooltip-tip-margin, var(--spectrum-global-dimension-size-50)));
237
+ }
238
+
239
+ .KF3Kcq_u-tooltip-showOnHover.KF3Kcq_is-hovered .KF3Kcq_spectrum-Tooltip, .KF3Kcq_u-tooltip-showOnHover:focus .KF3Kcq_spectrum-Tooltip, .KF3Kcq_u-tooltip-showOnHover.KF3Kcq_is-focused .KF3Kcq_spectrum-Tooltip, .KF3Kcq_u-tooltip-showOnHover :focus .KF3Kcq_spectrum-Tooltip {
240
+ opacity: 1;
241
+ }
242
+
243
+ .KF3Kcq_u-tooltip-showOnHover.KF3Kcq_is-hovered .KF3Kcq_spectrum-Tooltip.KF3Kcq_spectrum-Tooltip--bottom, .KF3Kcq_u-tooltip-showOnHover:focus .KF3Kcq_spectrum-Tooltip.KF3Kcq_spectrum-Tooltip--bottom, .KF3Kcq_u-tooltip-showOnHover.KF3Kcq_is-focused .KF3Kcq_spectrum-Tooltip.KF3Kcq_spectrum-Tooltip--bottom, .KF3Kcq_u-tooltip-showOnHover :focus .KF3Kcq_spectrum-Tooltip.KF3Kcq_spectrum-Tooltip--bottom {
244
+ transform: translate(-50%);
245
+ }
246
+
247
+ .KF3Kcq_u-tooltip-showOnHover.KF3Kcq_is-hovered .KF3Kcq_spectrum-Tooltip.KF3Kcq_spectrum-Tooltip--top, .KF3Kcq_u-tooltip-showOnHover:focus .KF3Kcq_spectrum-Tooltip.KF3Kcq_spectrum-Tooltip--top, .KF3Kcq_u-tooltip-showOnHover.KF3Kcq_is-focused .KF3Kcq_spectrum-Tooltip.KF3Kcq_spectrum-Tooltip--top, .KF3Kcq_u-tooltip-showOnHover :focus .KF3Kcq_spectrum-Tooltip.KF3Kcq_spectrum-Tooltip--top {
248
+ transform: translate(-50%, calc(var(--spectrum-tooltip-tip-margin, var(--spectrum-global-dimension-size-50)) * -1));
249
+ }
250
+
251
+ .KF3Kcq_u-tooltip-showOnHover.KF3Kcq_is-hovered .KF3Kcq_spectrum-Tooltip.KF3Kcq_spectrum-Tooltip--left, .KF3Kcq_u-tooltip-showOnHover:focus .KF3Kcq_spectrum-Tooltip.KF3Kcq_spectrum-Tooltip--left, .KF3Kcq_u-tooltip-showOnHover.KF3Kcq_is-focused .KF3Kcq_spectrum-Tooltip.KF3Kcq_spectrum-Tooltip--left, .KF3Kcq_u-tooltip-showOnHover :focus .KF3Kcq_spectrum-Tooltip.KF3Kcq_spectrum-Tooltip--left {
252
+ transform: translate(calc(-100% - var(--spectrum-tooltip-tip-margin, var(--spectrum-global-dimension-size-50))), -50%);
253
+ }
254
+
255
+ .KF3Kcq_u-tooltip-showOnHover.KF3Kcq_is-hovered .KF3Kcq_spectrum-Tooltip.KF3Kcq_spectrum-Tooltip--right, .KF3Kcq_u-tooltip-showOnHover:focus .KF3Kcq_spectrum-Tooltip.KF3Kcq_spectrum-Tooltip--right, .KF3Kcq_u-tooltip-showOnHover.KF3Kcq_is-focused .KF3Kcq_spectrum-Tooltip.KF3Kcq_spectrum-Tooltip--right, .KF3Kcq_u-tooltip-showOnHover :focus .KF3Kcq_spectrum-Tooltip.KF3Kcq_spectrum-Tooltip--right {
256
+ transform: translate(var(--spectrum-tooltip-tip-margin, var(--spectrum-global-dimension-size-50)), -50%);
257
+ }
258
+
259
+ .KF3Kcq_spectrum-Tooltip {
260
+ --spectrum-tooltip-background-color: var(--spectrum-alias-neutral-background-color);
261
+ --spectrum-tooltip-negative-background-color: var(--spectrum-negative-background-color-default);
262
+ --spectrum-tooltip-positive-background-color: var(--spectrum-positive-background-color-default);
263
+ --spectrum-tooltip-info-background-color: var(--spectrum-informative-background-color-default);
264
+ background-color: var(--spectrum-tooltip-background-color, var(--spectrum-global-color-static-gray-700));
265
+ color: var(--spectrum-tooltip-text-color, var(--spectrum-global-color-static-white));
266
+ -webkit-filter: var(--spectrum-tooltip-dropshadow);
267
+ will-change: filter;
268
+ }
269
+
270
+ .KF3Kcq_spectrum-Tooltip-tip {
271
+ border-top-color: var(--spectrum-tooltip-background-color, var(--spectrum-global-color-static-gray-700));
272
+ }
273
+
274
+ .KF3Kcq_spectrum-Tooltip--negative, .KF3Kcq_spectrum-Tooltip--error {
275
+ background-color: var(--spectrum-tooltip-negative-background-color, var(--spectrum-global-color-static-red-700));
276
+ }
277
+
278
+ :is(.KF3Kcq_spectrum-Tooltip--negative, .KF3Kcq_spectrum-Tooltip--error) .KF3Kcq_spectrum-Tooltip-tip {
279
+ border-top-color: var(--spectrum-tooltip-negative-background-color, var(--spectrum-global-color-static-red-700));
280
+ }
281
+
282
+ .KF3Kcq_spectrum-Tooltip--info, .KF3Kcq_spectrum-Tooltip--help {
283
+ background-color: var(--spectrum-tooltip-info-background-color, var(--spectrum-global-color-static-blue-700));
284
+ }
285
+
286
+ :is(.KF3Kcq_spectrum-Tooltip--info, .KF3Kcq_spectrum-Tooltip--help) .KF3Kcq_spectrum-Tooltip-tip {
287
+ border-top-color: var(--spectrum-tooltip-info-background-color, var(--spectrum-global-color-static-blue-700));
288
+ }
289
+
290
+ .KF3Kcq_spectrum-Tooltip--positive, .KF3Kcq_spectrum-Tooltip--success {
291
+ background-color: var(--spectrum-tooltip-positive-background-color, var(--spectrum-global-color-static-green-700));
292
+ }
293
+
294
+ :is(.KF3Kcq_spectrum-Tooltip--positive, .KF3Kcq_spectrum-Tooltip--success) .KF3Kcq_spectrum-Tooltip-tip {
295
+ border-top-color: var(--spectrum-tooltip-positive-background-color, var(--spectrum-global-color-static-green-700));
296
+ }
297
+
298
+ @media (forced-colors: active) {
299
+ .KF3Kcq_spectrum-Tooltip {
300
+ border: 1px solid #0000;
301
+ }
302
+
303
+ .KF3Kcq_spectrum-Tooltip-tip {
304
+ forced-color-adjust: none;
305
+ --spectrum-tooltip-background-color: CanvasText;
306
+ --spectrum-tooltip-negative-background-color: Highlight;
307
+ --spectrum-tooltip-info-background-color: Highlight;
308
+ --spectrum-tooltip-positive-background-color: Highlight;
309
+ }
310
+ }
311
+ /*# sourceMappingURL=module.css.map */
@@ -0,0 +1 @@
1
+ {"mappings":"AA4DA;;;;;AAIE;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAIA;;;;AAQA;;;;AAIA;;;;AAKF;;;;;;;;AAOE;;;;;;;;;;;AAqBE;;;;;AAQF;;;;AAKE;;;;;AAmBJ;;;;;;;AAYA;;;;;;;AAWA;;;;AAIA;;;;AAUA;;;;AAIA;;;;AAIA;;;;;;;;;;;;;;;;;;;;;AA+BE;;;;AASF;;;;;;;;;;;AAeE;;;;;AAMF;;;;AAEE;;;;;AAUF;;;;AAEE;;;;;AAUF;;;;AAEE;;;;AASF;;;;AAEE;;;;;AAYA;;;;;AAMF;;;;;;;;;AAWA;;;;;AAOA;;;;;AAIE;;;;;;;;AASA;;;;AAKA;;;;AAQA;;;;;AAKA;;;;AAIA;;;;AAQA;;;;;AAKA;;;;AAIA;;;;AAOA;;;;AAOA;;;;AAOA;;;;AAOA;;;;AAoBF;;;;;;;;;;;AAgBA;;;;AAIA;;;;AAIE;;;;AAKF;;;;AAIE;;;;AAKF;;;;AAIE;;;;AAKF;EACE;;;;EAGA","sources":["packages/@adobe/spectrum-css-temp/components/tooltip/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":"module.css.map"}
package/dist/module.js CHANGED
@@ -1,4 +1,4 @@
1
- import "./main.css";
1
+ import "./module.css";
2
2
  import $lbkGW$spectrumiconsuiAlertSmall from "@spectrum-icons/ui/AlertSmall";
3
3
  import {useStyleProps as $lbkGW$useStyleProps, createDOMRef as $lbkGW$createDOMRef, classNames as $lbkGW$classNames} from "@react-spectrum/utils";
4
4
  import $lbkGW$spectrumiconsuiInfoSmall from "@spectrum-icons/ui/InfoSmall";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@react-spectrum/tooltip",
3
- "version": "3.0.0-nightly.2782+361d47080",
3
+ "version": "3.0.0-nightly.2794+4608dc5c3",
4
4
  "description": "Spectrum UI components in React",
5
5
  "license": "Apache-2.0",
6
6
  "main": "dist/main.js",
@@ -36,21 +36,21 @@
36
36
  "url": "https://github.com/adobe/react-spectrum"
37
37
  },
38
38
  "dependencies": {
39
- "@react-aria/focus": "3.0.0-nightly.2782+361d47080",
40
- "@react-aria/overlays": "3.0.0-nightly.2782+361d47080",
41
- "@react-aria/tooltip": "3.0.0-nightly.2782+361d47080",
42
- "@react-aria/utils": "3.0.0-nightly.2782+361d47080",
43
- "@react-spectrum/overlays": "3.0.0-nightly.2782+361d47080",
44
- "@react-spectrum/utils": "3.0.0-nightly.2782+361d47080",
45
- "@react-stately/tooltip": "3.4.8-nightly.4494+361d47080",
46
- "@react-types/overlays": "3.8.6-nightly.4494+361d47080",
47
- "@react-types/shared": "3.0.0-nightly.2782+361d47080",
48
- "@react-types/tooltip": "3.4.8-nightly.4494+361d47080",
49
- "@spectrum-icons/ui": "3.0.0-nightly.2782+361d47080",
39
+ "@react-aria/focus": "3.0.0-nightly.2794+4608dc5c3",
40
+ "@react-aria/overlays": "3.0.0-nightly.2794+4608dc5c3",
41
+ "@react-aria/tooltip": "3.0.0-nightly.2794+4608dc5c3",
42
+ "@react-aria/utils": "3.0.0-nightly.2794+4608dc5c3",
43
+ "@react-spectrum/overlays": "3.0.0-nightly.2794+4608dc5c3",
44
+ "@react-spectrum/utils": "3.0.0-nightly.2794+4608dc5c3",
45
+ "@react-stately/tooltip": "3.4.8-nightly.4506+4608dc5c3",
46
+ "@react-types/overlays": "3.8.6-nightly.4506+4608dc5c3",
47
+ "@react-types/shared": "3.0.0-nightly.2794+4608dc5c3",
48
+ "@react-types/tooltip": "3.4.8-nightly.4506+4608dc5c3",
49
+ "@spectrum-icons/ui": "3.0.0-nightly.2794+4608dc5c3",
50
50
  "@swc/helpers": "^0.5.0"
51
51
  },
52
52
  "devDependencies": {
53
- "@adobe/spectrum-css-temp": "3.0.0-nightly.2782+361d47080"
53
+ "@adobe/spectrum-css-temp": "3.0.0-nightly.2794+4608dc5c3"
54
54
  },
55
55
  "peerDependencies": {
56
56
  "@react-spectrum/provider": "^3.0.0",
@@ -60,5 +60,5 @@
60
60
  "publishConfig": {
61
61
  "access": "public"
62
62
  },
63
- "gitHead": "361d47080c79e4d52ee287078b9e3c27ed312f2e"
63
+ "gitHead": "4608dc5c390e87bec882a1c8ecd0e585fcf6b404"
64
64
  }