@pingux/astro 2.96.0-alpha.2 → 2.97.0-alpha.0

package/lib/cjs/components/TooltipTrigger/Tooltip.styles.js

@@ -12,7 +12,7 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.container = exports.button = void 0;
+exports["default"] = exports.container = exports.button = exports.badgeTooltipContainer = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
 var _Badge = require("../Badge/Badge.styles");
 var _Buttons = require("../Button/Buttons.styles");
@@ -30,6 +30,12 @@ var container = {
   }
 };
 exports.container = container;
+var badgeTooltipContainer = _objectSpread(_objectSpread({}, container), {}, {
+  fontSize: 'sm',
+  fontWeight: '1',
+  lineHeight: '15.87px'
+});
+exports.badgeTooltipContainer = badgeTooltipContainer;
 var badge = _objectSpread(_objectSpread({}, _Badge.baseBadge), {}, {
   cursor: 'default',
   '&.is-hovered, &.is-pressed': {
@@ -59,6 +65,7 @@ var inline = _objectSpread(_objectSpread({}, _Buttons.text), {}, {
 });
 var _default = {
   container: container,
+  badgeTooltipContainer: badgeTooltipContainer,
   badge: badge,
   button: button,
   inline: inline

package/lib/cjs/components/TooltipTrigger/TooltipTrigger.stories.js

@@ -11,6 +11,7 @@ var _AccountIcon = _interopRequireDefault(require("@pingux/mdi-react/AccountIcon
 var _EarthIcon = _interopRequireDefault(require("@pingux/mdi-react/EarthIcon"));
 var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
 var _index = require("../../index");
+var _figmaLinks = require("../../utils/designUtils/figmaLinks");
 var _TooltipTrigger = _interopRequireDefault(require("./TooltipTrigger.mdx"));
 var _react2 = require("@emotion/react");
 var _default = {
@@ -112,9 +113,17 @@ var BadgeWithTooltip = function BadgeWithTooltip() {
       textTransform: 'uppercase'
     },
     color: "white"
-  }, "Some text")), (0, _react2.jsx)(_index.Tooltip, null, "Useful tooltip")));
+  }, "Some text")), (0, _react2.jsx)(_index.Tooltip, {
+    variant: "variants.tooltip.badgeTooltipContainer"
+  }, "Useful tooltip")));
 };
 exports.BadgeWithTooltip = BadgeWithTooltip;
+BadgeWithTooltip.parameters = {
+  design: {
+    type: 'figma',
+    url: _figmaLinks.FIGMA_LINKS.tooltipTrigger.badgeWithTooltip
+  }
+};
 var TextWithTooltip = function TextWithTooltip() {
   return (0, _react2.jsx)(_index.Box, {
     pl: 50

package/lib/cjs/utils/designUtils/figmaLinks.d.ts

@@ -181,6 +181,9 @@ export declare const FIGMA_LINKS: {
         withoutButton: string;
         withoutLink: string;
     };
+    tooltipTrigger: {
+        badgeWithTooltip: string;
+    };
     editButton: {
         default: string;
     };

package/lib/cjs/utils/designUtils/figmaLinks.js

@@ -188,6 +188,9 @@ var FIGMA_LINKS = {
     withoutButton: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=52102-16196&t=OK8Fy4P3se6BKy0F-4',
     withoutLink: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=52102-16201&t=OK8Fy4P3se6BKy0F-4'
   },
+  tooltipTrigger: {
+    badgeWithTooltip: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=59201-5404&t=wsQsGpX0SmOiAweL-4'
+  },
   editButton: {
     "default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=58623-6267&t=pXTSE3YlGbL0X49N-4'
   }

package/lib/components/TooltipTrigger/Tooltip.styles.js

@@ -22,6 +22,11 @@ export var container = {
     WebkitLineClamp: '4'
   }
 };
+export var badgeTooltipContainer = _objectSpread(_objectSpread({}, container), {}, {
+  fontSize: 'sm',
+  fontWeight: '1',
+  lineHeight: '15.87px'
+});
 var badge = _objectSpread(_objectSpread({}, baseBadge), {}, {
   cursor: 'default',
   '&.is-hovered, &.is-pressed': {
@@ -50,6 +55,7 @@ var inline = _objectSpread(_objectSpread({}, text), {}, {
 });
 export default {
   container: container,
+  badgeTooltipContainer: badgeTooltipContainer,
   badge: badge,
   button: button,
   inline: inline

package/lib/components/TooltipTrigger/TooltipTrigger.stories.js

@@ -3,6 +3,7 @@ import AccountIcon from '@pingux/mdi-react/AccountIcon';
 import Earth from '@pingux/mdi-react/EarthIcon';
 import DocsLayout from '../../../.storybook/storybookDocsLayout';
 import { Box, Button, Icon, IconButton, Text, Tooltip, TooltipTrigger } from '../../index';
+import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks';
 import TooltipTriggerReadme from './TooltipTrigger.mdx';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
@@ -94,7 +95,15 @@ export var BadgeWithTooltip = function BadgeWithTooltip() {
       textTransform: 'uppercase'
     },
     color: "white"
-  }, "Some text")), ___EmotionJSX(Tooltip, null, "Useful tooltip")));
+  }, "Some text")), ___EmotionJSX(Tooltip, {
+    variant: "variants.tooltip.badgeTooltipContainer"
+  }, "Useful tooltip")));
+};
+BadgeWithTooltip.parameters = {
+  design: {
+    type: 'figma',
+    url: FIGMA_LINKS.tooltipTrigger.badgeWithTooltip
+  }
 };
 export var TextWithTooltip = function TextWithTooltip() {
   return ___EmotionJSX(Box, {

package/lib/utils/designUtils/figmaLinks.js

@@ -181,6 +181,9 @@ export var FIGMA_LINKS = {
     withoutButton: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=52102-16196&t=OK8Fy4P3se6BKy0F-4',
     withoutLink: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=52102-16201&t=OK8Fy4P3se6BKy0F-4'
   },
+  tooltipTrigger: {
+    badgeWithTooltip: 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=59201-5404&t=wsQsGpX0SmOiAweL-4'
+  },
   editButton: {
     "default": 'https://www.figma.com/file/bpbEw54gTTcdIiZs4PKK1p/Astro-Specs?node-id=58623-6267&t=pXTSE3YlGbL0X49N-4'
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "2.96.0-alpha.2",
+  "version": "2.97.0-alpha.0",
   "description": "React component library for Ping Identity's design system",
   "repository": {
     "type": "git",