@contentful/f36-tooltip
Advanced tools
Comparing version 4.0.1-next-v4-9971.2442 to 4.0.1
@@ -21,4 +21,4 @@ var $9z4kG$emotion = require("emotion"); | ||
const $a07a638cc7489f76$var$tooltipMargin = `calc(-1 * ((1rem * (10 / ${$parcel$interopDefault($9z4kG$contentfulf36tokens).fontBaseDefault})) / 2))`; | ||
const $a07a638cc7489f76$var$tooltipChevronSize = `calc(1rem * (10 / ${$parcel$interopDefault($9z4kG$contentfulf36tokens).fontBaseDefault}))`; | ||
const $a07a638cc7489f76$var$tooltipMargin = `calc(-1 * ((1rem * (10 / ${($parcel$interopDefault($9z4kG$contentfulf36tokens)).fontBaseDefault})) / 2))`; | ||
const $a07a638cc7489f76$var$tooltipChevronSize = `calc(1rem * (10 / ${($parcel$interopDefault($9z4kG$contentfulf36tokens)).fontBaseDefault}))`; | ||
function $a07a638cc7489f76$export$ffd58b7f6f099a57() { | ||
@@ -31,13 +31,13 @@ return { | ||
tooltip: /*#__PURE__*/ $9z4kG$emotion.css({ | ||
background: $parcel$interopDefault($9z4kG$contentfulf36tokens).gray900, | ||
fontFamily: $parcel$interopDefault($9z4kG$contentfulf36tokens).fontStackPrimary, | ||
fontSize: $parcel$interopDefault($9z4kG$contentfulf36tokens).fontSizeS, | ||
fontWeight: $parcel$interopDefault($9z4kG$contentfulf36tokens).fontWeightNormal, | ||
background: ($parcel$interopDefault($9z4kG$contentfulf36tokens)).gray900, | ||
fontFamily: ($parcel$interopDefault($9z4kG$contentfulf36tokens)).fontStackPrimary, | ||
fontSize: ($parcel$interopDefault($9z4kG$contentfulf36tokens)).fontSizeS, | ||
fontWeight: ($parcel$interopDefault($9z4kG$contentfulf36tokens)).fontWeightNormal, | ||
fontStyle: 'normal', | ||
textDecoration: 'none', | ||
color: $parcel$interopDefault($9z4kG$contentfulf36tokens).colorWhite, | ||
color: ($parcel$interopDefault($9z4kG$contentfulf36tokens)).colorWhite, | ||
textAlign: 'center', | ||
lineHeight: $parcel$interopDefault($9z4kG$contentfulf36tokens).lineHeightM, | ||
padding: `${$parcel$interopDefault($9z4kG$contentfulf36tokens).spacingXs} calc(1rem * (10 / ${$parcel$interopDefault($9z4kG$contentfulf36tokens).fontBaseDefault}))`, | ||
borderRadius: $parcel$interopDefault($9z4kG$contentfulf36tokens).borderRadiusMedium, | ||
lineHeight: ($parcel$interopDefault($9z4kG$contentfulf36tokens)).lineHeightM, | ||
padding: `${($parcel$interopDefault($9z4kG$contentfulf36tokens)).spacingXs} calc(1rem * (10 / ${($parcel$interopDefault($9z4kG$contentfulf36tokens)).fontBaseDefault}))`, | ||
borderRadius: ($parcel$interopDefault($9z4kG$contentfulf36tokens)).borderRadiusMedium, | ||
whiteSpace: 'normal' | ||
@@ -48,3 +48,3 @@ }), | ||
pointerEvents: 'none', | ||
zIndex: $parcel$interopDefault($9z4kG$contentfulf36tokens).zIndexNegative | ||
zIndex: ($parcel$interopDefault($9z4kG$contentfulf36tokens)).zIndexNegative | ||
}), | ||
@@ -80,5 +80,5 @@ tooltipContainer: /*#__PURE__*/ $9z4kG$emotion.css({ | ||
width: $a07a638cc7489f76$var$tooltipChevronSize, | ||
backgroundColor: $parcel$interopDefault($9z4kG$contentfulf36tokens).gray900, | ||
backgroundColor: ($parcel$interopDefault($9z4kG$contentfulf36tokens)).gray900, | ||
transform: 'rotate3d(0, 0, 1, 45deg)', | ||
zIndex: $parcel$interopDefault($9z4kG$contentfulf36tokens).zIndexNegative | ||
zIndex: ($parcel$interopDefault($9z4kG$contentfulf36tokens)).zIndexNegative | ||
} | ||
@@ -107,3 +107,3 @@ }) | ||
element: arrowRef, | ||
padding: parseFloat($parcel$interopDefault($9z4kG$contentfulf36tokens).borderRadiusSmall) | ||
padding: parseFloat(($parcel$interopDefault($9z4kG$contentfulf36tokens)).borderRadiusSmall) | ||
} | ||
@@ -141,11 +141,11 @@ }, | ||
const contentStyles = { | ||
zIndex: $parcel$interopDefault($9z4kG$contentfulf36tokens).zIndexTooltip, | ||
zIndex: ($parcel$interopDefault($9z4kG$contentfulf36tokens)).zIndexTooltip, | ||
maxWidth: contentMaxWidth, | ||
...popperStyles.popper | ||
}; | ||
if (!content || isDisabled) return(/*#__PURE__*/ $parcel$interopDefault($9z4kG$react).createElement($9z4kG$contentfulf36core.Box, { | ||
if (!content || isDisabled) return(/*#__PURE__*/ ($parcel$interopDefault($9z4kG$react)).createElement($9z4kG$contentfulf36core.Box, { | ||
as: HtmlTag, | ||
className: targetWrapperClassName | ||
}, children)); | ||
const tooltip = /*#__PURE__*/ $parcel$interopDefault($9z4kG$react).createElement($9z4kG$contentfulf36core.Box, { | ||
const tooltip = /*#__PURE__*/ ($parcel$interopDefault($9z4kG$react)).createElement($9z4kG$contentfulf36core.Box, { | ||
as: "span", | ||
@@ -165,3 +165,3 @@ id: tooltipId, | ||
...attributes.popper | ||
}, /*#__PURE__*/ $parcel$interopDefault($9z4kG$react).createElement("span", null, content), /*#__PURE__*/ $parcel$interopDefault($9z4kG$react).createElement("span", { | ||
}, /*#__PURE__*/ ($parcel$interopDefault($9z4kG$react)).createElement("span", null, content), /*#__PURE__*/ ($parcel$interopDefault($9z4kG$react)).createElement("span", { | ||
className: styles.tooltipArrow, | ||
@@ -172,3 +172,3 @@ "data-placement": attributes.popper && attributes.popper['data-popper-placement'], | ||
})); | ||
return(/*#__PURE__*/ $parcel$interopDefault($9z4kG$react).createElement($parcel$interopDefault($9z4kG$react).Fragment, null, show ? /*#__PURE__*/ $parcel$interopDefault($9z4kG$react).createElement($parcel$interopDefault($9z4kG$react).Fragment, null, usePortal ? /*#__PURE__*/ $parcel$interopDefault($9z4kG$react).createElement($9z4kG$contentfulf36utils.Portal, null, tooltip) : tooltip) : null, /*#__PURE__*/ $parcel$interopDefault($9z4kG$react).createElement($9z4kG$contentfulf36core.Box, { | ||
return(/*#__PURE__*/ ($parcel$interopDefault($9z4kG$react)).createElement(($parcel$interopDefault($9z4kG$react)).Fragment, null, show ? /*#__PURE__*/ ($parcel$interopDefault($9z4kG$react)).createElement(($parcel$interopDefault($9z4kG$react)).Fragment, null, usePortal ? /*#__PURE__*/ ($parcel$interopDefault($9z4kG$react)).createElement($9z4kG$contentfulf36utils.Portal, null, tooltip) : tooltip) : null, /*#__PURE__*/ ($parcel$interopDefault($9z4kG$react)).createElement($9z4kG$contentfulf36core.Box, { | ||
as: HtmlTag, | ||
@@ -201,4 +201,4 @@ ref: elementRef, | ||
...otherProps | ||
}, $parcel$interopDefault($9z4kG$react).Children.map(children, (child)=>{ | ||
if (/*#__PURE__*/ $parcel$interopDefault($9z4kG$react).isValidElement(child)) return(/*#__PURE__*/ $parcel$interopDefault($9z4kG$react).cloneElement(child, { | ||
}, ($parcel$interopDefault($9z4kG$react)).Children.map(children, (child)=>{ | ||
if (/*#__PURE__*/ ($parcel$interopDefault($9z4kG$react)).isValidElement(child)) return(/*#__PURE__*/ ($parcel$interopDefault($9z4kG$react)).cloneElement(child, { | ||
'aria-describedby': tooltipId | ||
@@ -205,0 +205,0 @@ })); |
{ | ||
"name": "@contentful/f36-tooltip", | ||
"version": "4.0.1-next-v4-9971.2442+8f3e7a41", | ||
"version": "4.0.1", | ||
"description": "Forma 36: Tooltip component", | ||
@@ -10,5 +10,5 @@ "scripts": { | ||
"@babel/runtime": "^7.6.2", | ||
"@contentful/f36-core": "4.0.1-next-v4-9971.2442+8f3e7a41", | ||
"@contentful/f36-tokens": "4.0.1-next-v4-9971.2442+8f3e7a41", | ||
"@contentful/f36-utils": "4.0.1-next-v4-9971.2442+8f3e7a41", | ||
"@contentful/f36-core": "^4.0.1", | ||
"@contentful/f36-tokens": "^4.0.0", | ||
"@contentful/f36-utils": "^4.0.0", | ||
"@popperjs/core": "^2.4.4", | ||
@@ -24,4 +24,3 @@ "csstype": "^3.0.5", | ||
"files": [ | ||
"dist", | ||
"src" | ||
"dist" | ||
], | ||
@@ -41,3 +40,3 @@ "main": "dist/main.js", | ||
}, | ||
"gitHead": "8f3e7a417569b40b3159d4389319b4e7c5753354" | ||
"gitHead": "cee6bd9ae0b1ca2ce23d42873d9344a20fe740d0" | ||
} |
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Manifest confusion
Supply chain riskThis package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.
Found 1 instance in 1 package
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
1
53
0
57996
10
451
+ Added@contentful/f36-core@4.74.1(transitive)
+ Added@contentful/f36-tokens@4.1.0(transitive)
+ Added@contentful/f36-utils@4.24.3(transitive)
+ Added@emotion/core@10.3.1(transitive)
+ Added@emotion/css@10.0.27(transitive)
+ Added@emotion/is-prop-valid@1.3.1(transitive)
+ Added@emotion/memoize@0.9.0(transitive)
Updated@contentful/f36-core@^4.0.1
Updated@contentful/f36-utils@^4.0.0