Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@contentful/f36-tooltip

Package Overview
Dependencies
Maintainers
119
Versions
342
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@contentful/f36-tooltip - npm Package Compare versions

Comparing version 4.0.1-next-v4-9971.2442 to 4.0.1

CHANGELOG.md

42

dist/main.js

@@ -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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc