@spectrum-web-components/tooltip - npm Package Compare versions

Comparing version 0.1.1 to 0.2.0

CHANGELOG.md

@@ -6,2 +6,8 @@ # Change Log
 
+# [0.2.0](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/tooltip@0.1.1...@spectrum-web-components/tooltip@0.2.0) (2019-11-19)
+
+### Features
+
+-   use @adobe/spectrum-css@2.15.1 ([3918888](https://github.com/adobe/spectrum-web-components/commit/3918888))
+
 ## [0.1.1](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/tooltip@0.1.0...@spectrum-web-components/tooltip@0.1.1) (2019-10-14)
@@ -8,0 +14,0 @@

lib/spectrum-tooltip.css.js

@@ -14,7 +14,7 @@ /*
 const styles = css `
-:host{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 0ms linear var(--spectrum-global-animation-duration-100,.13s);pointer-events:none;position:relative;left:0;top:0;display:inline-flex;flex-direction:row;align-items:center;box-sizing:border-box;vertical-align:top;width:auto;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-tooltip-border-radius,var(--spectrum-global-dimension-size-50));min-height:var(--spectrum-tooltip-min-height,var(--spectrum-global-dimension-size-300));font-size:var(--spectrum-tooltip-text-size,var(--spectrum-global-dimension-size-150));font-weight:var(--spectrum-tooltip-text-font-weight,400);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;-moz-user-select:none;user-select:none;background-color:var(--spectrum-tooltip-background-color,#747474);color:var(--spectrum-tooltip-text-color,#fff)}:host([open]){visibility:visible;opacity:1;transition-delay:0ms;pointer-events:auto}:host([tip=bottom][open]){transform:translateY(var(--spectrum-dropdown-flyout-menu-offset-y,var(--spectrum-global-dimension-size-75)))}:host([tip=top][open]){transform:translateY(calc(-1*var(--spectrum-dropdown-flyout-menu-offset-y, var(--spectrum-global-dimension-size-75))))}:host([tip=right][open]){transform:translateX(var(--spectrum-dropdown-flyout-menu-offset-y,var(--spectrum-global-dimension-size-75)))}:host([tip=left][open]){transform:translateX(calc(-1*var(--spectrum-dropdown-flyout-menu-offset-y, var(--spectrum-global-dimension-size-75))))}#tip{position:absolute;height:0;width:0;border-top:var(--spectrum-tooltip-tip-height,var(--spectrum-global-dimension-size-50)) solid var(--spectrum-tooltip-background-color,#747474);border-style:solid;border-width:var(--spectrum-tooltip-tip-height,var(--spectrum-global-dimension-size-50))}:host([tip=left]) #tip,:host([tip=right]) #tip{top:50%;margin-top:calc(-1*var(--spectrum-tooltip-tip-height, var(--spectrum-global-dimension-size-50)))}:host([tip=right]){margin-left:3px}:host([tip=right]) #tip{right:100%;transform:rotate(90deg)}:host([tip=left]){margin-right:3px}:host([tip=left]) #tip{left:100%;transform:rotate(-90deg)}:host([tip=top]){margin-bottom:3px}:host([tip=top]) #tip{top:100%}:host([tip=bottom]){margin-top:3px}:host([tip=bottom]) #tip{bottom:100%;transform:rotate(-180deg)}:host([tip=bottom]) #tip,:host([tip=top]) #tip{left:50%;margin-left:calc(-1*var(--spectrum-tooltip-tip-height, var(--spectrum-global-dimension-size-50)))}::slotted([slot=icon]){margin-left:calc(var(--spectrum-tooltip-icon-margin-x,
+:host{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 0ms linear var(--spectrum-global-animation-duration-100,.13s);pointer-events:none;position:relative;left:0;top:0;display:inline-flex;flex-direction:row;align-items:center;box-sizing:border-box;vertical-align:top;width:auto;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-tooltip-border-radius,var(--spectrum-global-dimension-size-50));min-height: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;-moz-user-select:none;user-select:none;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))}:host([open]){visibility:visible;opacity:1;transition-delay:0ms;pointer-events:auto}:host([tip=bottom][open]){transform:translateY(var(--spectrum-dropdown-flyout-menu-offset-y,var(--spectrum-global-dimension-size-75)))}:host([tip=top][open]){transform:translateY(calc(-1*var(--spectrum-dropdown-flyout-menu-offset-y, var(--spectrum-global-dimension-size-75))))}:host([tip=right][open]){transform:translateX(var(--spectrum-dropdown-flyout-menu-offset-y,var(--spectrum-global-dimension-size-75)))}:host([tip=left][open]){transform:translateX(calc(-1*var(--spectrum-dropdown-flyout-menu-offset-y, var(--spectrum-global-dimension-size-75))))}p{margin:0}#tip{position:absolute;height:0;width:0;border:var(--spectrum-tooltip-tip-height,var(--spectrum-global-dimension-size-50)) solid transparent;border-top:var(--spectrum-tooltip-tip-height,var(--spectrum-global-dimension-size-50)) solid var(--spectrum-tooltip-background-color,var(--spectrum-global-color-static-gray-700))}:host([tip=left]) #tip,:host([tip=right]) #tip{top:50%;margin-top:calc(-1*var(--spectrum-tooltip-tip-height, var(--spectrum-global-dimension-size-50)))}:host([tip=right]){margin-left:3px}:host([tip=right]) #tip{right:100%;transform:rotate(90deg)}:host([tip=left]){margin-right:3px}:host([tip=left]) #tip{left:100%;transform:rotate(-90deg)}:host([tip=top]){margin-bottom:3px}:host([tip=top]) #tip{top:100%}:host([tip=bottom]){margin-top:3px}:host([tip=bottom]) #tip{bottom:100%;transform:rotate(-180deg)}:host([tip=bottom]) #tip,:host([tip=top]) #tip{left:50%;margin-left:calc(-1*var(--spectrum-tooltip-tip-height, var(--spectrum-global-dimension-size-50)))}::slotted([slot=icon]){margin-left: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-right:var(--spectrum-tooltip-icon-margin-x,var(--spectrum-global-dimension-size-100));width:var(--spectrum-tooltip-icon-size,var(--spectrum-global-dimension-size-175));height:var(--spectrum-tooltip-icon-size,var(--spectrum-global-dimension-size-175));align-self:flex-start;margin-top:1px}#label{max-width:var(--spectrum-tooltip-content-max-width);line-height:var(--spectrum-tooltip-text-line-height,var(--spectrum-global-dimension-font-size-200))}.spectrum-Tooltip--error,:host([variant=negative]){background-color:var(--spectrum-tooltip-negative-background-color,#c9252d)}.spectrum-Tooltip--error #tip,:host([variant=negative]) #tip{border-top-color:var(--spectrum-tooltip-negative-background-color,#c9252d)}.spectrum-Tooltip--help,:host([variant=info]){background-color:var(--spectrum-tooltip-info-background-color,#0d66d0)}.spectrum-Tooltip--help #tip,:host([variant=info]) #tip{border-top-color:var(--spectrum-tooltip-info-background-color,#0d66d0)}.spectrum-Tooltip--success,:host([variant=positive]){background-color:var(--spectrum-tooltip-positive-background-color,#12805c)}.spectrum-Tooltip--success #tip,:host([variant=positive]) #tip{border-top-color:var(--spectrum-tooltip-positive-background-color,#12805c)}
+var(--spectrum-global-dimension-size-125)));margin-right:var(--spectrum-tooltip-icon-margin-x,var(--spectrum-global-dimension-size-100));width:var(--spectrum-tooltip-icon-size,var(--spectrum-global-dimension-size-175));height:var(--spectrum-tooltip-icon-size,var(--spectrum-global-dimension-size-175));align-self:flex-start;margin-top:1px}#label{max-width:var(--spectrum-tooltip-content-max-width);line-height:var(--spectrum-tooltip-text-line-height,var(--spectrum-global-dimension-font-size-200))}.spectrum-Tooltip--error,:host([variant=negative]){background-color:var(--spectrum-tooltip-negative-background-color,var(--spectrum-global-color-static-red-700))}.spectrum-Tooltip--error #tip,:host([variant=negative]) #tip{border-top-color:var(--spectrum-tooltip-negative-background-color,var(--spectrum-global-color-static-red-700))}.spectrum-Tooltip--help,:host([variant=info]){background-color:var(--spectrum-tooltip-info-background-color,var(--spectrum-global-color-static-blue-700))}.spectrum-Tooltip--help #tip,:host([variant=info]) #tip{border-top-color:var(--spectrum-tooltip-info-background-color,var(--spectrum-global-color-static-blue-700))}.spectrum-Tooltip--success,:host([variant=positive]){background-color:var(--spectrum-tooltip-positive-background-color,var(--spectrum-global-color-static-green-700))}.spectrum-Tooltip--success #tip,:host([variant=positive]) #tip{border-top-color:var(--spectrum-tooltip-positive-background-color,var(--spectrum-global-color-static-green-700))}
 `;
 export default styles;
 //# sourceMappingURL=spectrum-tooltip.css.js.map

lib/tooltip.css.js

@@ -14,7 +14,7 @@ /*
 const styles = css `
-:host{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 0ms linear var(--spectrum-global-animation-duration-100,.13s);pointer-events:none;position:relative;left:0;top:0;display:inline-flex;flex-direction:row;align-items:center;box-sizing:border-box;vertical-align:top;width:auto;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-tooltip-border-radius,var(--spectrum-global-dimension-size-50));min-height:var(--spectrum-tooltip-min-height,var(--spectrum-global-dimension-size-300));font-size:var(--spectrum-tooltip-text-size,var(--spectrum-global-dimension-size-150));font-weight:var(--spectrum-tooltip-text-font-weight,400);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;-moz-user-select:none;user-select:none;background-color:var(--spectrum-tooltip-background-color,#747474);color:var(--spectrum-tooltip-text-color,#fff)}:host([open]){visibility:visible;opacity:1;transition-delay:0ms;pointer-events:auto}:host([tip=bottom][open]){transform:translateY(var(--spectrum-dropdown-flyout-menu-offset-y,var(--spectrum-global-dimension-size-75)))}:host([tip=top][open]){transform:translateY(calc(-1*var(--spectrum-dropdown-flyout-menu-offset-y, var(--spectrum-global-dimension-size-75))))}:host([tip=right][open]){transform:translateX(var(--spectrum-dropdown-flyout-menu-offset-y,var(--spectrum-global-dimension-size-75)))}:host([tip=left][open]){transform:translateX(calc(-1*var(--spectrum-dropdown-flyout-menu-offset-y, var(--spectrum-global-dimension-size-75))))}#tip{position:absolute;height:0;width:0;border-top:var(--spectrum-tooltip-tip-height,var(--spectrum-global-dimension-size-50)) solid var(--spectrum-tooltip-background-color,#747474);border-style:solid;border-width:var(--spectrum-tooltip-tip-height,var(--spectrum-global-dimension-size-50))}:host([tip=left]) #tip,:host([tip=right]) #tip{top:50%;margin-top:calc(-1*var(--spectrum-tooltip-tip-height, var(--spectrum-global-dimension-size-50)))}:host([tip=right]){margin-left:3px}:host([tip=right]) #tip{right:100%;transform:rotate(90deg)}:host([tip=left]){margin-right:3px}:host([tip=left]) #tip{left:100%;transform:rotate(-90deg)}:host([tip=top]){margin-bottom:3px}:host([tip=top]) #tip{top:100%}:host([tip=bottom]){margin-top:3px}:host([tip=bottom]) #tip{bottom:100%;transform:rotate(-180deg)}:host([tip=bottom]) #tip,:host([tip=top]) #tip{left:50%;margin-left:calc(-1*var(--spectrum-tooltip-tip-height, var(--spectrum-global-dimension-size-50)))}::slotted([slot=icon]){margin-left:calc(var(--spectrum-tooltip-icon-margin-x,
+:host{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 0ms linear var(--spectrum-global-animation-duration-100,.13s);pointer-events:none;position:relative;left:0;top:0;display:inline-flex;flex-direction:row;align-items:center;box-sizing:border-box;vertical-align:top;width:auto;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-tooltip-border-radius,var(--spectrum-global-dimension-size-50));min-height: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;-moz-user-select:none;user-select:none;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))}:host([open]){visibility:visible;opacity:1;transition-delay:0ms;pointer-events:auto}:host([tip=bottom][open]){transform:translateY(var(--spectrum-dropdown-flyout-menu-offset-y,var(--spectrum-global-dimension-size-75)))}:host([tip=top][open]){transform:translateY(calc(-1*var(--spectrum-dropdown-flyout-menu-offset-y, var(--spectrum-global-dimension-size-75))))}:host([tip=right][open]){transform:translateX(var(--spectrum-dropdown-flyout-menu-offset-y,var(--spectrum-global-dimension-size-75)))}:host([tip=left][open]){transform:translateX(calc(-1*var(--spectrum-dropdown-flyout-menu-offset-y, var(--spectrum-global-dimension-size-75))))}p{margin:0}#tip{position:absolute;height:0;width:0;border:var(--spectrum-tooltip-tip-height,var(--spectrum-global-dimension-size-50)) solid transparent;border-top:var(--spectrum-tooltip-tip-height,var(--spectrum-global-dimension-size-50)) solid var(--spectrum-tooltip-background-color,var(--spectrum-global-color-static-gray-700))}:host([tip=left]) #tip,:host([tip=right]) #tip{top:50%;margin-top:calc(-1*var(--spectrum-tooltip-tip-height, var(--spectrum-global-dimension-size-50)))}:host([tip=right]){margin-left:3px}:host([tip=right]) #tip{right:100%;transform:rotate(90deg)}:host([tip=left]){margin-right:3px}:host([tip=left]) #tip{left:100%;transform:rotate(-90deg)}:host([tip=top]){margin-bottom:3px}:host([tip=top]) #tip{top:100%}:host([tip=bottom]){margin-top:3px}:host([tip=bottom]) #tip{bottom:100%;transform:rotate(-180deg)}:host([tip=bottom]) #tip,:host([tip=top]) #tip{left:50%;margin-left:calc(-1*var(--spectrum-tooltip-tip-height, var(--spectrum-global-dimension-size-50)))}::slotted([slot=icon]){margin-left: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-right:var(--spectrum-tooltip-icon-margin-x,var(--spectrum-global-dimension-size-100));width:var(--spectrum-tooltip-icon-size,var(--spectrum-global-dimension-size-175));height:var(--spectrum-tooltip-icon-size,var(--spectrum-global-dimension-size-175));align-self:flex-start;margin-top:1px}#label{max-width:var(--spectrum-tooltip-content-max-width);line-height:var(--spectrum-tooltip-text-line-height,var(--spectrum-global-dimension-font-size-200))}.spectrum-Tooltip--error,:host([variant=negative]){background-color:var(--spectrum-tooltip-negative-background-color,#c9252d)}.spectrum-Tooltip--error #tip,:host([variant=negative]) #tip{border-top-color:var(--spectrum-tooltip-negative-background-color,#c9252d)}.spectrum-Tooltip--help,:host([variant=info]){background-color:var(--spectrum-tooltip-info-background-color,#0d66d0)}.spectrum-Tooltip--help #tip,:host([variant=info]) #tip{border-top-color:var(--spectrum-tooltip-info-background-color,#0d66d0)}.spectrum-Tooltip--success,:host([variant=positive]){background-color:var(--spectrum-tooltip-positive-background-color,#12805c)}.spectrum-Tooltip--success #tip,:host([variant=positive]) #tip{border-top-color:var(--spectrum-tooltip-positive-background-color,#12805c)}#tip{border-right-color:transparent;border-left-color:transparent;border-bottom-color:transparent}
+var(--spectrum-global-dimension-size-125)));margin-right:var(--spectrum-tooltip-icon-margin-x,var(--spectrum-global-dimension-size-100));width:var(--spectrum-tooltip-icon-size,var(--spectrum-global-dimension-size-175));height:var(--spectrum-tooltip-icon-size,var(--spectrum-global-dimension-size-175));align-self:flex-start;margin-top:1px}#label{max-width:var(--spectrum-tooltip-content-max-width);line-height:var(--spectrum-tooltip-text-line-height,var(--spectrum-global-dimension-font-size-200))}.spectrum-Tooltip--error,:host([variant=negative]){background-color:var(--spectrum-tooltip-negative-background-color,var(--spectrum-global-color-static-red-700))}.spectrum-Tooltip--error #tip,:host([variant=negative]) #tip{border-top-color:var(--spectrum-tooltip-negative-background-color,var(--spectrum-global-color-static-red-700))}.spectrum-Tooltip--help,:host([variant=info]){background-color:var(--spectrum-tooltip-info-background-color,var(--spectrum-global-color-static-blue-700))}.spectrum-Tooltip--help #tip,:host([variant=info]) #tip{border-top-color:var(--spectrum-tooltip-info-background-color,var(--spectrum-global-color-static-blue-700))}.spectrum-Tooltip--success,:host([variant=positive]){background-color:var(--spectrum-tooltip-positive-background-color,var(--spectrum-global-color-static-green-700))}.spectrum-Tooltip--success #tip,:host([variant=positive]) #tip{border-top-color:var(--spectrum-tooltip-positive-background-color,var(--spectrum-global-color-static-green-700))}#tip{border-right-color:transparent;border-left-color:transparent;border-bottom-color:transparent}
 `;
 export default styles;
 //# sourceMappingURL=tooltip.css.js.map

package.json

@@ -21,3 +21,3 @@ {
     ],
-    "version": "0.1.1",
+    "version": "0.2.0",
     "description": "",
@@ -36,6 +36,9 @@ "main": "lib/index.js",
     },
+    "devDependencies": {
+        "@spectrum-css/tooltip": "^2.0.2"
+    },
     "dependencies": {
         "tslib": "^1.10.0"
     },
-    "gitHead": "7c3e131bc2bc3b1195e736ff65d3c4e044590ace"
+    "gitHead": "bfedd73cfc7ba9b30346ac5dd53013f7630648b0"
 }

src/spectrum-tooltip.css.ts

@@ -14,6 +14,6 @@ /*
 const styles = css`
-:host{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 0ms linear var(--spectrum-global-animation-duration-100,.13s);pointer-events:none;position:relative;left:0;top:0;display:inline-flex;flex-direction:row;align-items:center;box-sizing:border-box;vertical-align:top;width:auto;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-tooltip-border-radius,var(--spectrum-global-dimension-size-50));min-height:var(--spectrum-tooltip-min-height,var(--spectrum-global-dimension-size-300));font-size:var(--spectrum-tooltip-text-size,var(--spectrum-global-dimension-size-150));font-weight:var(--spectrum-tooltip-text-font-weight,400);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;-moz-user-select:none;user-select:none;background-color:var(--spectrum-tooltip-background-color,#747474);color:var(--spectrum-tooltip-text-color,#fff)}:host([open]){visibility:visible;opacity:1;transition-delay:0ms;pointer-events:auto}:host([tip=bottom][open]){transform:translateY(var(--spectrum-dropdown-flyout-menu-offset-y,var(--spectrum-global-dimension-size-75)))}:host([tip=top][open]){transform:translateY(calc(-1*var(--spectrum-dropdown-flyout-menu-offset-y, var(--spectrum-global-dimension-size-75))))}:host([tip=right][open]){transform:translateX(var(--spectrum-dropdown-flyout-menu-offset-y,var(--spectrum-global-dimension-size-75)))}:host([tip=left][open]){transform:translateX(calc(-1*var(--spectrum-dropdown-flyout-menu-offset-y, var(--spectrum-global-dimension-size-75))))}#tip{position:absolute;height:0;width:0;border-top:var(--spectrum-tooltip-tip-height,var(--spectrum-global-dimension-size-50)) solid var(--spectrum-tooltip-background-color,#747474);border-style:solid;border-width:var(--spectrum-tooltip-tip-height,var(--spectrum-global-dimension-size-50))}:host([tip=left]) #tip,:host([tip=right]) #tip{top:50%;margin-top:calc(-1*var(--spectrum-tooltip-tip-height, var(--spectrum-global-dimension-size-50)))}:host([tip=right]){margin-left:3px}:host([tip=right]) #tip{right:100%;transform:rotate(90deg)}:host([tip=left]){margin-right:3px}:host([tip=left]) #tip{left:100%;transform:rotate(-90deg)}:host([tip=top]){margin-bottom:3px}:host([tip=top]) #tip{top:100%}:host([tip=bottom]){margin-top:3px}:host([tip=bottom]) #tip{bottom:100%;transform:rotate(-180deg)}:host([tip=bottom]) #tip,:host([tip=top]) #tip{left:50%;margin-left:calc(-1*var(--spectrum-tooltip-tip-height, var(--spectrum-global-dimension-size-50)))}::slotted([slot=icon]){margin-left:calc(var(--spectrum-tooltip-icon-margin-x,
+:host{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 0ms linear var(--spectrum-global-animation-duration-100,.13s);pointer-events:none;position:relative;left:0;top:0;display:inline-flex;flex-direction:row;align-items:center;box-sizing:border-box;vertical-align:top;width:auto;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-tooltip-border-radius,var(--spectrum-global-dimension-size-50));min-height: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;-moz-user-select:none;user-select:none;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))}:host([open]){visibility:visible;opacity:1;transition-delay:0ms;pointer-events:auto}:host([tip=bottom][open]){transform:translateY(var(--spectrum-dropdown-flyout-menu-offset-y,var(--spectrum-global-dimension-size-75)))}:host([tip=top][open]){transform:translateY(calc(-1*var(--spectrum-dropdown-flyout-menu-offset-y, var(--spectrum-global-dimension-size-75))))}:host([tip=right][open]){transform:translateX(var(--spectrum-dropdown-flyout-menu-offset-y,var(--spectrum-global-dimension-size-75)))}:host([tip=left][open]){transform:translateX(calc(-1*var(--spectrum-dropdown-flyout-menu-offset-y, var(--spectrum-global-dimension-size-75))))}p{margin:0}#tip{position:absolute;height:0;width:0;border:var(--spectrum-tooltip-tip-height,var(--spectrum-global-dimension-size-50)) solid transparent;border-top:var(--spectrum-tooltip-tip-height,var(--spectrum-global-dimension-size-50)) solid var(--spectrum-tooltip-background-color,var(--spectrum-global-color-static-gray-700))}:host([tip=left]) #tip,:host([tip=right]) #tip{top:50%;margin-top:calc(-1*var(--spectrum-tooltip-tip-height, var(--spectrum-global-dimension-size-50)))}:host([tip=right]){margin-left:3px}:host([tip=right]) #tip{right:100%;transform:rotate(90deg)}:host([tip=left]){margin-right:3px}:host([tip=left]) #tip{left:100%;transform:rotate(-90deg)}:host([tip=top]){margin-bottom:3px}:host([tip=top]) #tip{top:100%}:host([tip=bottom]){margin-top:3px}:host([tip=bottom]) #tip{bottom:100%;transform:rotate(-180deg)}:host([tip=bottom]) #tip,:host([tip=top]) #tip{left:50%;margin-left:calc(-1*var(--spectrum-tooltip-tip-height, var(--spectrum-global-dimension-size-50)))}::slotted([slot=icon]){margin-left: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-right:var(--spectrum-tooltip-icon-margin-x,var(--spectrum-global-dimension-size-100));width:var(--spectrum-tooltip-icon-size,var(--spectrum-global-dimension-size-175));height:var(--spectrum-tooltip-icon-size,var(--spectrum-global-dimension-size-175));align-self:flex-start;margin-top:1px}#label{max-width:var(--spectrum-tooltip-content-max-width);line-height:var(--spectrum-tooltip-text-line-height,var(--spectrum-global-dimension-font-size-200))}.spectrum-Tooltip--error,:host([variant=negative]){background-color:var(--spectrum-tooltip-negative-background-color,#c9252d)}.spectrum-Tooltip--error #tip,:host([variant=negative]) #tip{border-top-color:var(--spectrum-tooltip-negative-background-color,#c9252d)}.spectrum-Tooltip--help,:host([variant=info]){background-color:var(--spectrum-tooltip-info-background-color,#0d66d0)}.spectrum-Tooltip--help #tip,:host([variant=info]) #tip{border-top-color:var(--spectrum-tooltip-info-background-color,#0d66d0)}.spectrum-Tooltip--success,:host([variant=positive]){background-color:var(--spectrum-tooltip-positive-background-color,#12805c)}.spectrum-Tooltip--success #tip,:host([variant=positive]) #tip{border-top-color:var(--spectrum-tooltip-positive-background-color,#12805c)}
+var(--spectrum-global-dimension-size-125)));margin-right:var(--spectrum-tooltip-icon-margin-x,var(--spectrum-global-dimension-size-100));width:var(--spectrum-tooltip-icon-size,var(--spectrum-global-dimension-size-175));height:var(--spectrum-tooltip-icon-size,var(--spectrum-global-dimension-size-175));align-self:flex-start;margin-top:1px}#label{max-width:var(--spectrum-tooltip-content-max-width);line-height:var(--spectrum-tooltip-text-line-height,var(--spectrum-global-dimension-font-size-200))}.spectrum-Tooltip--error,:host([variant=negative]){background-color:var(--spectrum-tooltip-negative-background-color,var(--spectrum-global-color-static-red-700))}.spectrum-Tooltip--error #tip,:host([variant=negative]) #tip{border-top-color:var(--spectrum-tooltip-negative-background-color,var(--spectrum-global-color-static-red-700))}.spectrum-Tooltip--help,:host([variant=info]){background-color:var(--spectrum-tooltip-info-background-color,var(--spectrum-global-color-static-blue-700))}.spectrum-Tooltip--help #tip,:host([variant=info]) #tip{border-top-color:var(--spectrum-tooltip-info-background-color,var(--spectrum-global-color-static-blue-700))}.spectrum-Tooltip--success,:host([variant=positive]){background-color:var(--spectrum-tooltip-positive-background-color,var(--spectrum-global-color-static-green-700))}.spectrum-Tooltip--success #tip,:host([variant=positive]) #tip{border-top-color:var(--spectrum-tooltip-positive-background-color,var(--spectrum-global-color-static-green-700))}
 `;
 export default styles;

src/tooltip.css.ts

@@ -14,6 +14,6 @@ /*
 const styles = css`
-:host{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 0ms linear var(--spectrum-global-animation-duration-100,.13s);pointer-events:none;position:relative;left:0;top:0;display:inline-flex;flex-direction:row;align-items:center;box-sizing:border-box;vertical-align:top;width:auto;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-tooltip-border-radius,var(--spectrum-global-dimension-size-50));min-height:var(--spectrum-tooltip-min-height,var(--spectrum-global-dimension-size-300));font-size:var(--spectrum-tooltip-text-size,var(--spectrum-global-dimension-size-150));font-weight:var(--spectrum-tooltip-text-font-weight,400);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;-moz-user-select:none;user-select:none;background-color:var(--spectrum-tooltip-background-color,#747474);color:var(--spectrum-tooltip-text-color,#fff)}:host([open]){visibility:visible;opacity:1;transition-delay:0ms;pointer-events:auto}:host([tip=bottom][open]){transform:translateY(var(--spectrum-dropdown-flyout-menu-offset-y,var(--spectrum-global-dimension-size-75)))}:host([tip=top][open]){transform:translateY(calc(-1*var(--spectrum-dropdown-flyout-menu-offset-y, var(--spectrum-global-dimension-size-75))))}:host([tip=right][open]){transform:translateX(var(--spectrum-dropdown-flyout-menu-offset-y,var(--spectrum-global-dimension-size-75)))}:host([tip=left][open]){transform:translateX(calc(-1*var(--spectrum-dropdown-flyout-menu-offset-y, var(--spectrum-global-dimension-size-75))))}#tip{position:absolute;height:0;width:0;border-top:var(--spectrum-tooltip-tip-height,var(--spectrum-global-dimension-size-50)) solid var(--spectrum-tooltip-background-color,#747474);border-style:solid;border-width:var(--spectrum-tooltip-tip-height,var(--spectrum-global-dimension-size-50))}:host([tip=left]) #tip,:host([tip=right]) #tip{top:50%;margin-top:calc(-1*var(--spectrum-tooltip-tip-height, var(--spectrum-global-dimension-size-50)))}:host([tip=right]){margin-left:3px}:host([tip=right]) #tip{right:100%;transform:rotate(90deg)}:host([tip=left]){margin-right:3px}:host([tip=left]) #tip{left:100%;transform:rotate(-90deg)}:host([tip=top]){margin-bottom:3px}:host([tip=top]) #tip{top:100%}:host([tip=bottom]){margin-top:3px}:host([tip=bottom]) #tip{bottom:100%;transform:rotate(-180deg)}:host([tip=bottom]) #tip,:host([tip=top]) #tip{left:50%;margin-left:calc(-1*var(--spectrum-tooltip-tip-height, var(--spectrum-global-dimension-size-50)))}::slotted([slot=icon]){margin-left:calc(var(--spectrum-tooltip-icon-margin-x,
+:host{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 0ms linear var(--spectrum-global-animation-duration-100,.13s);pointer-events:none;position:relative;left:0;top:0;display:inline-flex;flex-direction:row;align-items:center;box-sizing:border-box;vertical-align:top;width:auto;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-tooltip-border-radius,var(--spectrum-global-dimension-size-50));min-height: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;-moz-user-select:none;user-select:none;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))}:host([open]){visibility:visible;opacity:1;transition-delay:0ms;pointer-events:auto}:host([tip=bottom][open]){transform:translateY(var(--spectrum-dropdown-flyout-menu-offset-y,var(--spectrum-global-dimension-size-75)))}:host([tip=top][open]){transform:translateY(calc(-1*var(--spectrum-dropdown-flyout-menu-offset-y, var(--spectrum-global-dimension-size-75))))}:host([tip=right][open]){transform:translateX(var(--spectrum-dropdown-flyout-menu-offset-y,var(--spectrum-global-dimension-size-75)))}:host([tip=left][open]){transform:translateX(calc(-1*var(--spectrum-dropdown-flyout-menu-offset-y, var(--spectrum-global-dimension-size-75))))}p{margin:0}#tip{position:absolute;height:0;width:0;border:var(--spectrum-tooltip-tip-height,var(--spectrum-global-dimension-size-50)) solid transparent;border-top:var(--spectrum-tooltip-tip-height,var(--spectrum-global-dimension-size-50)) solid var(--spectrum-tooltip-background-color,var(--spectrum-global-color-static-gray-700))}:host([tip=left]) #tip,:host([tip=right]) #tip{top:50%;margin-top:calc(-1*var(--spectrum-tooltip-tip-height, var(--spectrum-global-dimension-size-50)))}:host([tip=right]){margin-left:3px}:host([tip=right]) #tip{right:100%;transform:rotate(90deg)}:host([tip=left]){margin-right:3px}:host([tip=left]) #tip{left:100%;transform:rotate(-90deg)}:host([tip=top]){margin-bottom:3px}:host([tip=top]) #tip{top:100%}:host([tip=bottom]){margin-top:3px}:host([tip=bottom]) #tip{bottom:100%;transform:rotate(-180deg)}:host([tip=bottom]) #tip,:host([tip=top]) #tip{left:50%;margin-left:calc(-1*var(--spectrum-tooltip-tip-height, var(--spectrum-global-dimension-size-50)))}::slotted([slot=icon]){margin-left: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-right:var(--spectrum-tooltip-icon-margin-x,var(--spectrum-global-dimension-size-100));width:var(--spectrum-tooltip-icon-size,var(--spectrum-global-dimension-size-175));height:var(--spectrum-tooltip-icon-size,var(--spectrum-global-dimension-size-175));align-self:flex-start;margin-top:1px}#label{max-width:var(--spectrum-tooltip-content-max-width);line-height:var(--spectrum-tooltip-text-line-height,var(--spectrum-global-dimension-font-size-200))}.spectrum-Tooltip--error,:host([variant=negative]){background-color:var(--spectrum-tooltip-negative-background-color,#c9252d)}.spectrum-Tooltip--error #tip,:host([variant=negative]) #tip{border-top-color:var(--spectrum-tooltip-negative-background-color,#c9252d)}.spectrum-Tooltip--help,:host([variant=info]){background-color:var(--spectrum-tooltip-info-background-color,#0d66d0)}.spectrum-Tooltip--help #tip,:host([variant=info]) #tip{border-top-color:var(--spectrum-tooltip-info-background-color,#0d66d0)}.spectrum-Tooltip--success,:host([variant=positive]){background-color:var(--spectrum-tooltip-positive-background-color,#12805c)}.spectrum-Tooltip--success #tip,:host([variant=positive]) #tip{border-top-color:var(--spectrum-tooltip-positive-background-color,#12805c)}#tip{border-right-color:transparent;border-left-color:transparent;border-bottom-color:transparent}
+var(--spectrum-global-dimension-size-125)));margin-right:var(--spectrum-tooltip-icon-margin-x,var(--spectrum-global-dimension-size-100));width:var(--spectrum-tooltip-icon-size,var(--spectrum-global-dimension-size-175));height:var(--spectrum-tooltip-icon-size,var(--spectrum-global-dimension-size-175));align-self:flex-start;margin-top:1px}#label{max-width:var(--spectrum-tooltip-content-max-width);line-height:var(--spectrum-tooltip-text-line-height,var(--spectrum-global-dimension-font-size-200))}.spectrum-Tooltip--error,:host([variant=negative]){background-color:var(--spectrum-tooltip-negative-background-color,var(--spectrum-global-color-static-red-700))}.spectrum-Tooltip--error #tip,:host([variant=negative]) #tip{border-top-color:var(--spectrum-tooltip-negative-background-color,var(--spectrum-global-color-static-red-700))}.spectrum-Tooltip--help,:host([variant=info]){background-color:var(--spectrum-tooltip-info-background-color,var(--spectrum-global-color-static-blue-700))}.spectrum-Tooltip--help #tip,:host([variant=info]) #tip{border-top-color:var(--spectrum-tooltip-info-background-color,var(--spectrum-global-color-static-blue-700))}.spectrum-Tooltip--success,:host([variant=positive]){background-color:var(--spectrum-tooltip-positive-background-color,var(--spectrum-global-color-static-green-700))}.spectrum-Tooltip--success #tip,:host([variant=positive]) #tip{border-top-color:var(--spectrum-tooltip-positive-background-color,var(--spectrum-global-color-static-green-700))}#tip{border-right-color:transparent;border-left-color:transparent;border-bottom-color:transparent}
 `;
 export default styles;

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

70556

increased by4.72%

Lines of code

671

increased by2.6%

Worsened metrics

Dev dependency count

1

increased byInfinity%

No dependency changes