@appquality/unguess-design-system 2.12.21 → 2.12.23

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# v2.12.22 (Mon Nov 14 2022)
+
+#### 🐛 Bug Fix
+
+- chore: Export tooltip component [#103](https://github.com/AppQuality/unguess-design-system/pull/103) ([@d-beezee](https://github.com/d-beezee))
+
+#### Authors: 1
+
+- [@d-beezee](https://github.com/d-beezee)
+
+---
+
 # v2.12.18 (Fri Nov 11 2022)
 
 #### 🐛 Bug Fix

package/build/index.d.ts

@@ -78,6 +78,7 @@ export * from "./stories/tiles";
 export * from "./stories/timeline";
 export * from "./stories/theme";
 export * from "./stories/title";
+export * from "./stories/tooltip";
 export * from "./stories/tooltip-modal";
 export * from "./stories/trigger";
 export * from "./stories/typography/block-quote";

package/build/index.js

@@ -36,6 +36,7 @@ var formik = require('formik');
 var reactPagination = require('@zendeskgarden/react-pagination');
 var reactTables = require('@zendeskgarden/react-tables');
 var reactSpring = require('react-spring');
+var reactTooltips = require('@zendeskgarden/react-tooltips');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -3374,6 +3375,18 @@ Timeline.Item = UgTimelineItem;
 Timeline.Content = UgTimelineContent;
 var templateObject_1$3, templateObject_2$1, templateObject_3;
 
+/**
+ * Tooltips appear when a user hovers or focuses an element. They provide contextual information about the element they are paired with.
+ * <hr>
+ * Used for this:
+ *    - To describe the function of an element when it might be ambiguous
+ *    - To describe the function of unlabeled icons
+ * Not for this:
+ *    - To provide information a user needs to know or remember
+ *    - To display truncated text, use a title attribute instead
+ */
+var Tooltip = function (props) { return jsxRuntime.jsx(reactTooltips.Tooltip, __assign({}, props)); };
+
 var StyledTooltipModal = styled__default["default"](reactModals.TooltipModal)(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n   border-radius: ", ";\n"], ["\n   border-radius: ", ";\n"])), function (_a) {
     var theme = _a.theme;
     return theme.borderRadii.md;
@@ -3544,6 +3557,7 @@ exports.Timeline = Timeline;
 exports.Title = Title;
 exports.ToastProvider = ToastProvider;
 exports.Toggle = Toggle;
+exports.Tooltip = Tooltip;
 exports.TooltipModal = TooltipModal;
 exports.Trigger = Trigger;
 exports.UnorderedList = UnorderedList;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appquality/unguess-design-system",
-  "version": "2.12.21",
+  "version": "2.12.23",
   "dependencies": {
     "@nivo/bar": "^0.80.0",
     "@nivo/bullet": "^0.80.0",