diff --git a/components/tokens/custom-spectrum/custom-large-vars.css b/components/tokens/custom-spectrum/custom-large-vars.css index 84e5ea5a5e7..c683258d8cc 100644 --- a/components/tokens/custom-spectrum/custom-large-vars.css +++ b/components/tokens/custom-spectrum/custom-large-vars.css @@ -117,4 +117,6 @@ governing permissions and limitations under the License. --spectrum-assetcard-title-font-size: var(--spectrum-heading-size-xxs); --spectrum-assetcard-header-content-font-size: var(--spectrum-heading-size-xxs); --spectrum-assetcard-content-font-size: var(--spectrum-body-size-xs); + + --spectrum-tooltip-animation-distance: 5px; } diff --git a/components/tokens/custom-spectrum/custom-medium-vars.css b/components/tokens/custom-spectrum/custom-medium-vars.css index 92f8d639c84..c0697318232 100644 --- a/components/tokens/custom-spectrum/custom-medium-vars.css +++ b/components/tokens/custom-spectrum/custom-medium-vars.css @@ -116,4 +116,6 @@ governing permissions and limitations under the License. --spectrum-assetcard-title-font-size: var(--spectrum-heading-size-xs); --spectrum-assetcard-header-content-font-size: var(--spectrum-heading-size-xs); --spectrum-assetcard-content-font-size: var(--spectrum-body-size-s); + + --spectrum-tooltip-animation-distance: var(--spectrum-spacing-75); } diff --git a/components/tooltip/index.css b/components/tooltip/index.css index 50ef27cee4b..70ad827f656 100644 --- a/components/tooltip/index.css +++ b/components/tooltip/index.css @@ -15,9 +15,6 @@ governing permissions and limitations under the License. .spectrum-Tooltip { --spectrum-tooltip-animation-duration: var(--spectrum-animation-duration-100); - /* animation distance is equal to spacing to source */ - --spectrum-tooltip-animation-distance: var(--spectrum-spacing-75); - /* override if additional spacing to source is required */ --spectrum-tooltip-margin: 0px;