@react-spectrum/tooltip 3.6.4 → 3.6.5

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/main.css CHANGED
@@ -1 +1,424 @@
1
- .KF3Kcq_i18nFontFamily{font-synthesis:weight;font-family:adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,sans-serif}.KF3Kcq_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}.KF3Kcq_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}.KF3Kcq_i18nFontFamily:lang(zh){font-family:adobe-clean-han-traditional,source-han-traditional,MingLiu,Heiti TC Light,sans-serif}.KF3Kcq_i18nFontFamily:lang(zh-Hans){font-family:adobe-clean-han-simplified-c,source-han-simplified-c,SimSun,Heiti SC Light,sans-serif}.KF3Kcq_i18nFontFamily:lang(zh-Hant){font-family:adobe-clean-han-traditional,source-han-traditional,MingLiu,Microsoft JhengHei UI,Microsoft JhengHei,Heiti TC Light,sans-serif}.KF3Kcq_i18nFontFamily:lang(zh-SG),.KF3Kcq_i18nFontFamily:lang(zh-CN){font-family:adobe-clean-han-simplified-c,source-han-simplified-c,SimSun,Heiti SC Light,sans-serif}.KF3Kcq_i18nFontFamily:lang(ko){font-family:adobe-clean-han-korean,source-han-korean,Malgun Gothic,Apple Gothic,sans-serif}.KF3Kcq_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}.KF3Kcq_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)))}.KF3Kcq_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}.KF3Kcq_spectrum-FocusRing.KF3Kcq_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)}.KF3Kcq_spectrum-FocusRing--quiet:after{border-radius:0}.KF3Kcq_spectrum-FocusRing--quiet.KF3Kcq_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)}.KF3Kcq_spectrum-overlay{visibility:hidden;opacity:0;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);pointer-events:none}.KF3Kcq_spectrum-overlay--open{visibility:visible;opacity:.9999;pointer-events:auto;transition-delay:0s}.KF3Kcq_spectrum-overlay--bottom--open{transform:translateY(var(--spectrum-overlay-positive-transform-distance))}.KF3Kcq_spectrum-overlay--top--open{transform:translateY(var(--spectrum-overlay-negative-transform-distance))}.KF3Kcq_spectrum-overlay--right--open{transform:translateX(var(--spectrum-overlay-positive-transform-distance))}.KF3Kcq_spectrum-overlay--left--open{transform:translateX(var(--spectrum-overlay-negative-transform-distance))}.KF3Kcq_spectrum-Tooltip{box-sizing:border-box;vertical-align:top;padding:var(--spectrum-tooltip-padding-top,var(--spectrum-global-dimension-size-50))var(--spectrum-tooltip-padding-x,var(--spectrum-global-dimension-size-125));border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));min-block-size:var(--spectrum-tooltip-min-height,var(--spectrum-global-dimension-size-300));font-size:var(--spectrum-tooltip-text-size,var(--spectrum-global-dimension-font-size-75));font-weight:var(--spectrum-tooltip-text-font-weight,var(--spectrum-global-font-weight-regular));line-height:var(--spectrum-tooltip-text-line-height,var(--spectrum-global-dimension-font-size-200));word-break:break-word;-webkit-font-smoothing:antialiased;cursor:default;-webkit-user-select:none;user-select:none;flex-direction:row;align-items:center;inline-size:auto;display:inline-flex;position:relative}.KF3Kcq_spectrum-Tooltip p{margin:0}.KF3Kcq_spectrum-Tooltip-tip{border-width:var(--spectrum-tooltip-tip-height,var(--spectrum-global-dimension-size-50));border-style:solid;border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000;width:0;height:0;position:absolute}:-webkit-any(.KF3Kcq_spectrum-Tooltip--right,.KF3Kcq_spectrum-Tooltip--left) .KF3Kcq_spectrum-Tooltip-tip{margin-top:calc(var(--spectrum-tooltip-tip-height,var(--spectrum-global-dimension-size-50))*-1);top:50%}:is(.KF3Kcq_spectrum-Tooltip--right,.KF3Kcq_spectrum-Tooltip--left) .KF3Kcq_spectrum-Tooltip-tip{margin-top:calc(var(--spectrum-tooltip-tip-height,var(--spectrum-global-dimension-size-50))*-1);top:50%}.KF3Kcq_spectrum-Tooltip--right{margin-left:var(--spectrum-global-dimension-size-40)}.KF3Kcq_spectrum-Tooltip--right .KF3Kcq_spectrum-Tooltip-tip{right:100%;transform:rotate(90deg)}.KF3Kcq_spectrum-Tooltip--left{margin-right:var(--spectrum-global-dimension-size-40)}.KF3Kcq_spectrum-Tooltip--left .KF3Kcq_spectrum-Tooltip-tip{left:100%;transform:rotate(-90deg)}.KF3Kcq_spectrum-Tooltip--top{margin-bottom:var(--spectrum-global-dimension-size-40)}.KF3Kcq_spectrum-Tooltip--top .KF3Kcq_spectrum-Tooltip-tip{top:100%}.KF3Kcq_spectrum-Tooltip--bottom{margin-top:var(--spectrum-global-dimension-size-40)}.KF3Kcq_spectrum-Tooltip--bottom .KF3Kcq_spectrum-Tooltip-tip{bottom:100%;transform:rotate(-180deg)}:-webkit-any(.KF3Kcq_spectrum-Tooltip--bottom,.KF3Kcq_spectrum-Tooltip--top) .KF3Kcq_spectrum-Tooltip-tip{margin-left:calc(var(--spectrum-tooltip-tip-height,var(--spectrum-global-dimension-size-50))*-1);left:50%}:is(.KF3Kcq_spectrum-Tooltip--bottom,.KF3Kcq_spectrum-Tooltip--top) .KF3Kcq_spectrum-Tooltip-tip{margin-left:calc(var(--spectrum-tooltip-tip-height,var(--spectrum-global-dimension-size-50))*-1);left:50%}.KF3Kcq_spectrum-Tooltip-typeIcon{inline-size:var(--spectrum-tooltip-icon-size,var(--spectrum-global-dimension-size-175));block-size:var(--spectrum-tooltip-icon-size,var(--spectrum-global-dimension-size-175));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)));margin-inline-end:var(--spectrum-tooltip-icon-margin-x,var(--spectrum-global-dimension-size-100));align-self:flex-start;margin-top:1px}.KF3Kcq_spectrum-Tooltip-label{max-inline-size:var(--spectrum-tooltip-content-max-width);line-height:var(--spectrum-tooltip-text-line-height,var(--spectrum-global-dimension-font-size-200))}.KF3Kcq_u-tooltip-showOnHover{display:inline-block;position:relative}.KF3Kcq_u-tooltip-showOnHover .KF3Kcq_spectrum-Tooltip{white-space:nowrap;transition:transform var(--spectrum-global-animation-duration-100,.13s)ease-in-out;position:absolute;top:-100%;visibility:visible!important}.KF3Kcq_u-tooltip-showOnHover .KF3Kcq_spectrum-Tooltip-label{max-inline-size:none}.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{top:50%}.KF3Kcq_u-tooltip-showOnHover .KF3Kcq_spectrum-Tooltip--right{left:100%;transform:translateY(-50%)}.KF3Kcq_u-tooltip-showOnHover .KF3Kcq_spectrum-Tooltip--left{transform:translate(-100%,-50%)}.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{left:50%}.KF3Kcq_u-tooltip-showOnHover .KF3Kcq_spectrum-Tooltip--bottom{transform:translate(-50%,calc(var(--spectrum-tooltip-tip-margin,var(--spectrum-global-dimension-size-50))*-1));top:100%}.KF3Kcq_u-tooltip-showOnHover .KF3Kcq_spectrum-Tooltip--top{transform:translate(-50%,var(--spectrum-tooltip-tip-margin,var(--spectrum-global-dimension-size-50)))}.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{opacity:1}.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{transform:translate(-50%)}.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{transform:translate(-50%,calc(var(--spectrum-tooltip-tip-margin,var(--spectrum-global-dimension-size-50))*-1))}.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{transform:translate(calc(-100% - var(--spectrum-tooltip-tip-margin,var(--spectrum-global-dimension-size-50))),-50%)}.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{transform:translate(var(--spectrum-tooltip-tip-margin,var(--spectrum-global-dimension-size-50)),-50%)}.KF3Kcq_spectrum-Tooltip{--spectrum-tooltip-background-color:var(--spectrum-alias-neutral-background-color);--spectrum-tooltip-negative-background-color:var(--spectrum-negative-background-color-default);--spectrum-tooltip-positive-background-color:var(--spectrum-positive-background-color-default);--spectrum-tooltip-info-background-color:var(--spectrum-informative-background-color-default);background-color:var(--spectrum-tooltip-background-color,var(--spectrum-global-color-static-gray-700));color:var(--spectrum-tooltip-text-color,var(--spectrum-global-color-static-white));-webkit-filter:var(--spectrum-tooltip-dropshadow);will-change:filter}.KF3Kcq_spectrum-Tooltip-tip{border-top-color:var(--spectrum-tooltip-background-color,var(--spectrum-global-color-static-gray-700))}.KF3Kcq_spectrum-Tooltip--negative,.KF3Kcq_spectrum-Tooltip--error{background-color:var(--spectrum-tooltip-negative-background-color,var(--spectrum-global-color-static-red-700))}:-webkit-any(.KF3Kcq_spectrum-Tooltip--negative,.KF3Kcq_spectrum-Tooltip--error) .KF3Kcq_spectrum-Tooltip-tip{border-top-color:var(--spectrum-tooltip-negative-background-color,var(--spectrum-global-color-static-red-700))}:is(.KF3Kcq_spectrum-Tooltip--negative,.KF3Kcq_spectrum-Tooltip--error) .KF3Kcq_spectrum-Tooltip-tip{border-top-color:var(--spectrum-tooltip-negative-background-color,var(--spectrum-global-color-static-red-700))}.KF3Kcq_spectrum-Tooltip--info,.KF3Kcq_spectrum-Tooltip--help{background-color:var(--spectrum-tooltip-info-background-color,var(--spectrum-global-color-static-blue-700))}:-webkit-any(.KF3Kcq_spectrum-Tooltip--info,.KF3Kcq_spectrum-Tooltip--help) .KF3Kcq_spectrum-Tooltip-tip{border-top-color:var(--spectrum-tooltip-info-background-color,var(--spectrum-global-color-static-blue-700))}:is(.KF3Kcq_spectrum-Tooltip--info,.KF3Kcq_spectrum-Tooltip--help) .KF3Kcq_spectrum-Tooltip-tip{border-top-color:var(--spectrum-tooltip-info-background-color,var(--spectrum-global-color-static-blue-700))}.KF3Kcq_spectrum-Tooltip--positive,.KF3Kcq_spectrum-Tooltip--success{background-color:var(--spectrum-tooltip-positive-background-color,var(--spectrum-global-color-static-green-700))}:-webkit-any(.KF3Kcq_spectrum-Tooltip--positive,.KF3Kcq_spectrum-Tooltip--success) .KF3Kcq_spectrum-Tooltip-tip{border-top-color:var(--spectrum-tooltip-positive-background-color,var(--spectrum-global-color-static-green-700))}:is(.KF3Kcq_spectrum-Tooltip--positive,.KF3Kcq_spectrum-Tooltip--success) .KF3Kcq_spectrum-Tooltip-tip{border-top-color:var(--spectrum-tooltip-positive-background-color,var(--spectrum-global-color-static-green-700))}@media (forced-colors:active){.KF3Kcq_spectrum-Tooltip{border:1px solid #0000}.KF3Kcq_spectrum-Tooltip-tip{forced-color-adjust:none;--spectrum-tooltip-background-color:CanvasText;--spectrum-tooltip-negative-background-color:Highlight;--spectrum-tooltip-info-background-color:Highlight;--spectrum-tooltip-positive-background-color:Highlight}}
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) {
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) {
31
+ font-family: adobe-clean-han-simplified-c, source-han-simplified-c, SimSun, Heiti SC Light, sans-serif;
32
+ }
33
+
34
+ .KF3Kcq_i18nFontFamily:lang(ko) {
35
+ font-family: adobe-clean-han-korean, source-han-korean, Malgun Gothic, Apple Gothic, sans-serif;
36
+ }
37
+
38
+ .KF3Kcq_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
+ .KF3Kcq_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
+ .KF3Kcq_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
+ .KF3Kcq_spectrum-FocusRing {
65
+ }
66
+
67
+ .KF3Kcq_spectrum-FocusRing.KF3Kcq_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
+ .KF3Kcq_spectrum-FocusRing--quiet:after {
73
+ border-radius: 0;
74
+ }
75
+
76
+ .KF3Kcq_spectrum-FocusRing--quiet.KF3Kcq_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
+ .KF3Kcq_spectrum-overlay {
82
+ visibility: hidden;
83
+ opacity: 0;
84
+ 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);
85
+ pointer-events: none;
86
+ }
87
+
88
+ .KF3Kcq_spectrum-overlay--open {
89
+ visibility: visible;
90
+ opacity: .9999;
91
+ pointer-events: auto;
92
+ transition-delay: 0s;
93
+ }
94
+
95
+ .KF3Kcq_spectrum-overlay--bottom--open {
96
+ transform: translateY(var(--spectrum-overlay-positive-transform-distance));
97
+ }
98
+
99
+ .KF3Kcq_spectrum-overlay--top--open {
100
+ transform: translateY(var(--spectrum-overlay-negative-transform-distance));
101
+ }
102
+
103
+ .KF3Kcq_spectrum-overlay--right--open {
104
+ transform: translateX(var(--spectrum-overlay-positive-transform-distance));
105
+ }
106
+
107
+ .KF3Kcq_spectrum-overlay--left--open {
108
+ transform: translateX(var(--spectrum-overlay-negative-transform-distance));
109
+ }
110
+
111
+ .KF3Kcq_spectrum-Tooltip {
112
+ box-sizing: border-box;
113
+ vertical-align: top;
114
+ padding: var(--spectrum-tooltip-padding-top, var(--spectrum-global-dimension-size-50)) var(--spectrum-tooltip-padding-x, var(--spectrum-global-dimension-size-125));
115
+ border-radius: var(--spectrum-alias-border-radius-regular, var(--spectrum-global-dimension-size-50));
116
+ min-block-size: var(--spectrum-tooltip-min-height, var(--spectrum-global-dimension-size-300));
117
+ font-size: var(--spectrum-tooltip-text-size, var(--spectrum-global-dimension-font-size-75));
118
+ font-weight: var(--spectrum-tooltip-text-font-weight, var(--spectrum-global-font-weight-regular));
119
+ line-height: var(--spectrum-tooltip-text-line-height, var(--spectrum-global-dimension-font-size-200));
120
+ word-break: break-word;
121
+ -webkit-font-smoothing: antialiased;
122
+ flex-direction: row;
123
+ align-items: center;
124
+ inline-size: auto;
125
+ display: inline-flex;
126
+ position: relative;
127
+ }
128
+
129
+ .KF3Kcq_spectrum-Tooltip {
130
+ cursor: default;
131
+ -webkit-user-select: none;
132
+ user-select: none;
133
+ }
134
+
135
+ .KF3Kcq_spectrum-Tooltip p {
136
+ margin: 0;
137
+ }
138
+
139
+ .KF3Kcq_is-open {
140
+ }
141
+
142
+ .KF3Kcq_spectrum-Tooltip-tip {
143
+ border-width: var(--spectrum-tooltip-tip-height, var(--spectrum-global-dimension-size-50));
144
+ border-style: solid;
145
+ border-bottom-color: #0000;
146
+ border-left-color: #0000;
147
+ border-right-color: #0000;
148
+ width: 0;
149
+ height: 0;
150
+ position: absolute;
151
+ }
152
+
153
+ :is(.KF3Kcq_spectrum-Tooltip--right, .KF3Kcq_spectrum-Tooltip--left) .KF3Kcq_spectrum-Tooltip-tip {
154
+ margin-top: calc(var(--spectrum-tooltip-tip-height, var(--spectrum-global-dimension-size-50)) * -1);
155
+ top: 50%;
156
+ }
157
+
158
+ .KF3Kcq_spectrum-Tooltip--right {
159
+ margin-left: var(--spectrum-global-dimension-size-40);
160
+ }
161
+
162
+ .KF3Kcq_spectrum-Tooltip--right .KF3Kcq_spectrum-Tooltip-tip {
163
+ right: 100%;
164
+ transform: rotate(90deg);
165
+ }
166
+
167
+ .KF3Kcq_is-open--right {
168
+ }
169
+
170
+ .KF3Kcq_spectrum-Tooltip--left {
171
+ margin-right: var(--spectrum-global-dimension-size-40);
172
+ }
173
+
174
+ .KF3Kcq_spectrum-Tooltip--left .KF3Kcq_spectrum-Tooltip-tip {
175
+ left: 100%;
176
+ transform: rotate(-90deg);
177
+ }
178
+
179
+ .KF3Kcq_is-open--left {
180
+ }
181
+
182
+ .KF3Kcq_spectrum-Tooltip--top {
183
+ margin-bottom: var(--spectrum-global-dimension-size-40);
184
+ }
185
+
186
+ .KF3Kcq_spectrum-Tooltip--top .KF3Kcq_spectrum-Tooltip-tip {
187
+ top: 100%;
188
+ }
189
+
190
+ .KF3Kcq_is-open--top {
191
+ }
192
+
193
+ .KF3Kcq_spectrum-Tooltip--bottom {
194
+ margin-top: var(--spectrum-global-dimension-size-40);
195
+ }
196
+
197
+ .KF3Kcq_spectrum-Tooltip--bottom .KF3Kcq_spectrum-Tooltip-tip {
198
+ bottom: 100%;
199
+ transform: rotate(-180deg);
200
+ }
201
+
202
+ .KF3Kcq_is-open--bottom {
203
+ }
204
+
205
+ :is(.KF3Kcq_spectrum-Tooltip--bottom, .KF3Kcq_spectrum-Tooltip--top) .KF3Kcq_spectrum-Tooltip-tip {
206
+ margin-left: calc(var(--spectrum-tooltip-tip-height, var(--spectrum-global-dimension-size-50)) * -1);
207
+ left: 50%;
208
+ }
209
+
210
+ .KF3Kcq_spectrum-Tooltip-typeIcon {
211
+ inline-size: var(--spectrum-tooltip-icon-size, var(--spectrum-global-dimension-size-175));
212
+ block-size: var(--spectrum-tooltip-icon-size, var(--spectrum-global-dimension-size-175));
213
+ 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)));
214
+ margin-inline-end: var(--spectrum-tooltip-icon-margin-x, var(--spectrum-global-dimension-size-100));
215
+ align-self: flex-start;
216
+ margin-top: 1px;
217
+ }
218
+
219
+ .KF3Kcq_spectrum-Tooltip-label {
220
+ max-inline-size: var(--spectrum-tooltip-content-max-width);
221
+ line-height: var(--spectrum-tooltip-text-line-height, var(--spectrum-global-dimension-font-size-200));
222
+ }
223
+
224
+ .KF3Kcq_u-tooltip-showOnHover {
225
+ display: inline-block;
226
+ position: relative;
227
+ }
228
+
229
+ .KF3Kcq_u-tooltip-showOnHover .KF3Kcq_spectrum-Tooltip {
230
+ white-space: nowrap;
231
+ transition: transform var(--spectrum-global-animation-duration-100, .13s) ease-in-out;
232
+ position: absolute;
233
+ top: -100%;
234
+ visibility: visible !important;
235
+ }
236
+
237
+ .KF3Kcq_u-tooltip-showOnHover .KF3Kcq_spectrum-Tooltip-label {
238
+ max-inline-size: none;
239
+ }
240
+
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 {
254
+ top: 50%;
255
+ }
256
+
257
+ .KF3Kcq_u-tooltip-showOnHover .KF3Kcq_spectrum-Tooltip--right {
258
+ left: 100%;
259
+ transform: translate(0, -50%);
260
+ }
261
+
262
+ .KF3Kcq_u-tooltip-showOnHover .KF3Kcq_spectrum-Tooltip--left {
263
+ transform: translate(-100%, -50%);
264
+ }
265
+
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 {
279
+ left: 50%;
280
+ }
281
+
282
+ .KF3Kcq_u-tooltip-showOnHover .KF3Kcq_spectrum-Tooltip--bottom {
283
+ transform: translate(-50%, calc(var(--spectrum-tooltip-tip-margin, var(--spectrum-global-dimension-size-50)) * -1));
284
+ top: 100%;
285
+ }
286
+
287
+ .KF3Kcq_u-tooltip-showOnHover .KF3Kcq_spectrum-Tooltip--top {
288
+ transform: translate(-50%, var(--spectrum-tooltip-tip-margin, var(--spectrum-global-dimension-size-50)));
289
+ }
290
+
291
+ .KF3Kcq_u-tooltip-showOnHover.KF3Kcq_is-hovered .KF3Kcq_spectrum-Tooltip {
292
+ opacity: 1;
293
+ }
294
+
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 {
312
+ transform: translate(-50%);
313
+ }
314
+
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 {
336
+ transform: translate(-50%, calc(var(--spectrum-tooltip-tip-margin, var(--spectrum-global-dimension-size-50)) * -1));
337
+ }
338
+
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 {
348
+ transform: translate(calc(-100% - var(--spectrum-tooltip-tip-margin, var(--spectrum-global-dimension-size-50))), -50%);
349
+ }
350
+
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 {
368
+ transform: translate(var(--spectrum-tooltip-tip-margin, var(--spectrum-global-dimension-size-50)), -50%);
369
+ }
370
+
371
+ .KF3Kcq_spectrum-Tooltip {
372
+ --spectrum-tooltip-background-color: var(--spectrum-alias-neutral-background-color);
373
+ --spectrum-tooltip-negative-background-color: var(--spectrum-negative-background-color-default);
374
+ --spectrum-tooltip-positive-background-color: var(--spectrum-positive-background-color-default);
375
+ --spectrum-tooltip-info-background-color: var(--spectrum-informative-background-color-default);
376
+ background-color: var(--spectrum-tooltip-background-color, var(--spectrum-global-color-static-gray-700));
377
+ color: var(--spectrum-tooltip-text-color, var(--spectrum-global-color-static-white));
378
+ -webkit-filter: var(--spectrum-tooltip-dropshadow);
379
+ will-change: filter;
380
+ }
381
+
382
+ .KF3Kcq_spectrum-Tooltip-tip {
383
+ border-top-color: var(--spectrum-tooltip-background-color, var(--spectrum-global-color-static-gray-700));
384
+ }
385
+
386
+ .KF3Kcq_spectrum-Tooltip--negative, .KF3Kcq_spectrum-Tooltip--error {
387
+ background-color: var(--spectrum-tooltip-negative-background-color, var(--spectrum-global-color-static-red-700));
388
+ }
389
+
390
+ :is(.KF3Kcq_spectrum-Tooltip--negative, .KF3Kcq_spectrum-Tooltip--error) .KF3Kcq_spectrum-Tooltip-tip {
391
+ border-top-color: var(--spectrum-tooltip-negative-background-color, var(--spectrum-global-color-static-red-700));
392
+ }
393
+
394
+ .KF3Kcq_spectrum-Tooltip--info, .KF3Kcq_spectrum-Tooltip--help {
395
+ background-color: var(--spectrum-tooltip-info-background-color, var(--spectrum-global-color-static-blue-700));
396
+ }
397
+
398
+ :is(.KF3Kcq_spectrum-Tooltip--info, .KF3Kcq_spectrum-Tooltip--help) .KF3Kcq_spectrum-Tooltip-tip {
399
+ border-top-color: var(--spectrum-tooltip-info-background-color, var(--spectrum-global-color-static-blue-700));
400
+ }
401
+
402
+ .KF3Kcq_spectrum-Tooltip--positive, .KF3Kcq_spectrum-Tooltip--success {
403
+ background-color: var(--spectrum-tooltip-positive-background-color, var(--spectrum-global-color-static-green-700));
404
+ }
405
+
406
+ :is(.KF3Kcq_spectrum-Tooltip--positive, .KF3Kcq_spectrum-Tooltip--success) .KF3Kcq_spectrum-Tooltip-tip {
407
+ border-top-color: var(--spectrum-tooltip-positive-background-color, var(--spectrum-global-color-static-green-700));
408
+ }
409
+
410
+ @media (forced-colors: active) {
411
+ .KF3Kcq_spectrum-Tooltip {
412
+ border: 1px solid #0000;
413
+ }
414
+
415
+ .KF3Kcq_spectrum-Tooltip-tip {
416
+ forced-color-adjust: none;
417
+ --spectrum-tooltip-background-color: CanvasText;
418
+ --spectrum-tooltip-negative-background-color: Highlight;
419
+ --spectrum-tooltip-info-background-color: Highlight;
420
+ --spectrum-tooltip-positive-background-color: Highlight;
421
+ }
422
+ }
423
+
424
+ /*# sourceMappingURL=main.css.map */
@@ -0,0 +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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@react-spectrum/tooltip",
3
- "version": "3.6.4",
3
+ "version": "3.6.5",
4
4
  "description": "Spectrum UI components in React",
5
5
  "license": "Apache-2.0",
6
6
  "main": "dist/main.js",
@@ -36,17 +36,17 @@
36
36
  "url": "https://github.com/adobe/react-spectrum"
37
37
  },
38
38
  "dependencies": {
39
- "@react-aria/focus": "^3.16.1",
40
- "@react-aria/overlays": "^3.21.0",
41
- "@react-aria/tooltip": "^3.7.1",
42
- "@react-aria/utils": "^3.23.1",
43
- "@react-spectrum/overlays": "^5.5.4",
44
- "@react-spectrum/utils": "^3.11.4",
45
- "@react-stately/tooltip": "^3.4.6",
46
- "@react-types/overlays": "^3.8.4",
47
- "@react-types/shared": "^3.22.0",
48
- "@react-types/tooltip": "^3.4.6",
49
- "@spectrum-icons/ui": "^3.6.4",
39
+ "@react-aria/focus": "^3.16.2",
40
+ "@react-aria/overlays": "^3.21.1",
41
+ "@react-aria/tooltip": "^3.7.2",
42
+ "@react-aria/utils": "^3.23.2",
43
+ "@react-spectrum/overlays": "^5.5.5",
44
+ "@react-spectrum/utils": "^3.11.5",
45
+ "@react-stately/tooltip": "^3.4.7",
46
+ "@react-types/overlays": "^3.8.5",
47
+ "@react-types/shared": "^3.22.1",
48
+ "@react-types/tooltip": "^3.4.7",
49
+ "@spectrum-icons/ui": "^3.6.5",
50
50
  "@swc/helpers": "^0.5.0"
51
51
  },
52
52
  "devDependencies": {
@@ -60,5 +60,5 @@
60
60
  "publishConfig": {
61
61
  "access": "public"
62
62
  },
63
- "gitHead": "f040ff62678e6a31375b96c05396df0bae660350"
63
+ "gitHead": "de9f84a22583fc741c29b341d14cd35ef4cca161"
64
64
  }