@synerise/ds-information-card 0.1.36 → 0.2.0

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.2.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-information-card@0.1.37...@synerise/ds-information-card@0.2.0) (2023-02-14)
+
+
+### Features
+
+* **information-card:** adjusts styles to use as a tooltip ([8e4d04a](https://github.com/Synerise/synerise-design/commit/8e4d04a08f829a9e5bd21f3d8e432f24b5e5b038))
+
+
+
+
+
+## [0.1.37](https://github.com/Synerise/synerise-design/compare/@synerise/ds-information-card@0.1.36...@synerise/ds-information-card@0.1.37) (2023-01-12)
+
+**Note:** Version bump only for package @synerise/ds-information-card
+
+
+
+
+
 ## [0.1.36](https://github.com/Synerise/synerise-design/compare/@synerise/ds-information-card@0.1.35...@synerise/ds-information-card@0.1.36) (2023-01-09)
 
 **Note:** Version bump only for package @synerise/ds-information-card

package/dist/InformationCard.d.ts

@@ -30,6 +30,10 @@ export declare type InformationCardProps = {
      * default action button tooltip
      */
     actionButtonTooltipText?: string;
+    /**
+     * adjusts the styles to be displayed as a tooltip
+     */
+    asTooltip?: boolean;
     /**
      * description in a tooltip shown when user (note renderBadge has to be provided)
      */

package/dist/InformationCard.js

@@ -1,4 +1,4 @@
-var _excluded = ["actionButton", "actionButtonTooltipText", "actionButtonCallback", "avatarTooltipText", "children", "copyTooltip", "copiedTooltip", "renderFooter", "renderBadge", "subtitle", "title", "notice", "footerText", "icon", "iconColor", "descriptionConfig"];
+var _excluded = ["actionButton", "actionButtonTooltipText", "actionButtonCallback", "asTooltip", "avatarTooltipText", "children", "copyTooltip", "copiedTooltip", "renderFooter", "renderBadge", "subtitle", "title", "notice", "footerText", "icon", "iconColor", "descriptionConfig"];
 
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 
@@ -54,6 +54,7 @@ var InformationCard = React.forwardRef(function (_ref, ref) {
   var actionButton = _ref.actionButton,
       actionButtonTooltipText = _ref.actionButtonTooltipText,
       actionButtonCallback = _ref.actionButtonCallback,
+      asTooltip = _ref.asTooltip,
       avatarTooltipText = _ref.avatarTooltipText,
       children = _ref.children,
       copyTooltip = _ref.copyTooltip,
@@ -76,7 +77,8 @@ var InformationCard = React.forwardRef(function (_ref, ref) {
     }, /*#__PURE__*/React.createElement(S.Flex, {
       style: {
         backgroundColor: '',
-        alignItems: 'center'
+        alignItems: 'center',
+        textAlign: 'left'
       }
     }, /*#__PURE__*/React.createElement("span", null, content), /*#__PURE__*/React.createElement(Copy, {
       copyValue: content,
@@ -93,7 +95,8 @@ var InformationCard = React.forwardRef(function (_ref, ref) {
   return /*#__PURE__*/React.createElement(S.InfoCardWrapper, {
     ref: ref,
     "aria-label": "information card",
-    className: "ds-info-card"
+    className: "ds-info-card",
+    asTooltip: asTooltip
   }, /*#__PURE__*/React.createElement(Card, {
     background: "white" // eslint-disable-next-line @typescript-eslint/ban-ts-ignore
     // @ts-ignore

package/dist/InformationCard.styles.d.ts

@@ -6,6 +6,7 @@ export declare const FlexGrow: import("styled-components").StyledComponent<"div"
 export declare const ActionButtonContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const InfoCardWrapper: import("styled-components").StyledComponent<"div", any, {
     footerText?: string | undefined;
+    asTooltip?: boolean | undefined;
 }, never>;
 /**
  * This component can be used to style container with popovers/tooltips to disable arrow.
@@ -16,6 +17,6 @@ export declare const HidePopoverArrowWrapper: import("styled-components").Styled
  */
 export declare const GlobalCSSHidePopoverArrow: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
 export declare const ExtraInfo: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TooltipComponentClassName: import("styled-components").StyledComponent<"div", any, Pick<import("@synerise/ds-tooltip/dist/Tooltip.types").default, "button" | "title" | "offset" | "description" | "icon" | "status" | "tutorials" | "tutorialAutoplay" | "tutorialAutoplaySpeed" | "timeToHideAfterClick"> & {
+export declare const TooltipComponentClassName: import("styled-components").StyledComponent<"div", any, Pick<import("@synerise/ds-tooltip/dist/Tooltip.types").default, "button" | "title" | "render" | "offset" | "description" | "icon" | "status" | "tutorials" | "tutorialAutoplay" | "tutorialAutoplaySpeed" | "timeToHideAfterClick"> & {
     tooltipType: import("@synerise/ds-tooltip/dist/Tooltip.types").tooltipTypes;
 }, never>;

package/dist/InformationCard.styles.js

@@ -25,7 +25,11 @@ export var ActionButtonContainer = styled.div.withConfig({
 export var InfoCardWrapper = styled.div.withConfig({
   displayName: "InformationCardstyles__InfoCardWrapper",
   componentId: "zxu5qa-3"
-})(["margin-left:8px;", "{background-color:white;margin-bottom:1px;font-weight:400;min-width:250px;&.custom-description ", "{margin-top:8px;}padding:16px 16px 8px 16px;border-radius:3px;box-shadow:0 16px 32px 0 rgba(35,41,54,0.1);}", "{padding-top:0;}", "{padding:0 0 1px 0;margin-bottom:8px;}", "{align-self:center;margin-left:10px;margin-right:10px;}", "{margin:0;}", "", "{margin-bottom:0;font-size:14px;}", "{width:32px;height:32px;}.ds-button{background:transparent;}.btn-focus,.btn-focus:hover{box-shadow:unset;}"], CardContainer, ChildrenContainer, PaddingWrapper, Header, IconContainer, HeaderContent, Title, Title, AntdButton);
+})(["margin-left:", ";", "{background-color:white;margin-bottom:1px;font-weight:400;min-width:250px;&.custom-description ", "{margin-top:8px;}padding:16px 16px 8px 16px;border-radius:3px;box-shadow:", ";}", "{padding-top:0;}", "{padding:0 0 1px 0;margin-bottom:8px;}", "{align-self:center;margin-left:10px;margin-right:10px;}", "{margin:0;}", "", "{margin-bottom:0;font-size:14px;}", "{width:32px;height:32px;}.ds-button{background:transparent;}.btn-focus,.btn-focus:hover{box-shadow:unset;}"], function (props) {
+  return props.asTooltip ? '0' : '8px';
+}, CardContainer, ChildrenContainer, function (props) {
+  return props.asTooltip ? 'unset' : '0 16px 32px 0 rgba(35, 41, 54, 0.1)';
+}, PaddingWrapper, Header, IconContainer, HeaderContent, Title, Title, AntdButton);
 /**
  * This component can be used to style container with popovers/tooltips to disable arrow.
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-information-card",
-  "version": "0.1.36",
+  "version": "0.2.0",
   "description": "InformationCard UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,15 +34,15 @@
   "types": "dist/index.d.ts",
   "dependencies": {
     "@synerise/ds-alert": "^0.4.4",
-    "@synerise/ds-avatar": "^0.14.46",
-    "@synerise/ds-card": "^0.13.2",
-    "@synerise/ds-description": "^0.3.46",
-    "@synerise/ds-subtle-form": "^0.9.32",
+    "@synerise/ds-avatar": "^0.14.48",
+    "@synerise/ds-card": "^0.14.0",
+    "@synerise/ds-description": "^0.3.48",
+    "@synerise/ds-subtle-form": "^0.9.34",
     "@synerise/ds-typography": "^0.12.7"
   },
   "peerDependencies": {
     "@synerise/ds-core": "^0.31.2",
     "react": ">=16.9.0 < 17.0.0"
   },
-  "gitHead": "aa7462cde8e104424b9aaec90728bdb04f43179d"
+  "gitHead": "dcd2dfdd97402a7333564d0efb50898e7b97ac0b"
 }