@synerise/ds-card 0.19.15 → 0.19.17

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.19.17](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card@0.19.16...@synerise/ds-card@0.19.17) (2024-11-28)
+
+**Note:** Version bump only for package @synerise/ds-card
+
+
+
+
+
+## [0.19.16](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card@0.19.15...@synerise/ds-card@0.19.16) (2024-11-21)
+
+
+### Bug Fixes
+
+* fixed types with htmlattributes ([7e84ba3](https://github.com/Synerise/synerise-design/commit/7e84ba316db9abee7bf16a46fa6b15ea76337cf4))
+
+
+
+
+
 ## [0.19.15](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card@0.19.14...@synerise/ds-card@0.19.15) (2024-11-12)
 
 **Note:** Version bump only for package @synerise/ds-card

package/dist/Card/Card.js

@@ -1,55 +1,47 @@
 var _excluded = ["children", "raised", "disabled", "style", "className", "lively", "withHeader", "defaultHeaderBackgroundColor", "title", "description", "compactHeader", "icon", "avatar", "renderBadge", "iconColor", "headerSideChildren", "onHeaderClick", "withoutPadding", "headerBorderBottom", "background", "hideContent", "staticContent", "titleTag", "showSideChildrenWhenHeaderHidden"];
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 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; }
-
 import React, { useState } from 'react';
 import Icon from '@synerise/ds-icon';
 import AnimateHeight from 'react-animate-height';
 import VisibilitySensor from 'react-visibility-sensor';
 import * as S from './Card.styles';
 import { ANIMATION_DURATION } from '../constants';
-
 var Card = function Card(_ref) {
   var children = _ref.children,
-      raised = _ref.raised,
-      disabled = _ref.disabled,
-      style = _ref.style,
-      className = _ref.className,
-      lively = _ref.lively,
-      withHeader = _ref.withHeader,
-      defaultHeaderBackgroundColor = _ref.defaultHeaderBackgroundColor,
-      title = _ref.title,
-      description = _ref.description,
-      compactHeader = _ref.compactHeader,
-      icon = _ref.icon,
-      avatar = _ref.avatar,
-      renderBadge = _ref.renderBadge,
-      iconColor = _ref.iconColor,
-      headerSideChildren = _ref.headerSideChildren,
-      onHeaderClick = _ref.onHeaderClick,
-      withoutPadding = _ref.withoutPadding,
-      headerBorderBottom = _ref.headerBorderBottom,
-      _ref$background = _ref.background,
-      background = _ref$background === void 0 ? 'white-shadow' : _ref$background,
-      hideContent = _ref.hideContent,
-      staticContent = _ref.staticContent,
-      titleTag = _ref.titleTag,
-      showSideChildrenWhenHeaderHidden = _ref.showSideChildrenWhenHeaderHidden,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    raised = _ref.raised,
+    disabled = _ref.disabled,
+    style = _ref.style,
+    className = _ref.className,
+    lively = _ref.lively,
+    withHeader = _ref.withHeader,
+    defaultHeaderBackgroundColor = _ref.defaultHeaderBackgroundColor,
+    title = _ref.title,
+    description = _ref.description,
+    compactHeader = _ref.compactHeader,
+    icon = _ref.icon,
+    avatar = _ref.avatar,
+    renderBadge = _ref.renderBadge,
+    iconColor = _ref.iconColor,
+    headerSideChildren = _ref.headerSideChildren,
+    onHeaderClick = _ref.onHeaderClick,
+    withoutPadding = _ref.withoutPadding,
+    headerBorderBottom = _ref.headerBorderBottom,
+    _ref$background = _ref.background,
+    background = _ref$background === void 0 ? 'white-shadow' : _ref$background,
+    hideContent = _ref.hideContent,
+    staticContent = _ref.staticContent,
+    titleTag = _ref.titleTag,
+    showSideChildrenWhenHeaderHidden = _ref.showSideChildrenWhenHeaderHidden,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
   var fatTitle = !description || description && compactHeader;
-
   var _useState = useState(false),
-      headerActionsVisible = _useState[0],
-      setHeaderActionsVisible = _useState[1];
-
+    headerActionsVisible = _useState[0],
+    setHeaderActionsVisible = _useState[1];
   var renderTitle = function renderTitle() {
     if (!title && !titleTag) {
       return null;
     }
-
     return /*#__PURE__*/React.createElement(S.TitleWrapper, {
       "data-testid": "card-title",
       compact: compactHeader,
@@ -59,7 +51,6 @@ var Card = function Card(_ref) {
       fat: !!fatTitle
     }, title), titleTag && /*#__PURE__*/React.createElement(S.TitleTag, null, titleTag));
   };
-
   return /*#__PURE__*/React.createElement(S.Container, _extends({
     raised: raised,
     disabled: disabled,
@@ -69,7 +60,6 @@ var Card = function Card(_ref) {
     "data-testid": "card-wrapper",
     background: background
     /** Necessary for passing down data-* attributes */
-
   }, props), withHeader && /*#__PURE__*/React.createElement(S.Header, {
     onClick: onHeaderClick,
     headerBorderBottom: headerBorderBottom,
@@ -116,5 +106,4 @@ var Card = function Card(_ref) {
     height: headerSideChildren && !headerActionsVisible ? 'auto' : 0
   }, /*#__PURE__*/React.createElement(S.FooterContainer, null, headerSideChildren)));
 };
-
 export default Card;

package/dist/Card/Card.styles.js

@@ -6,19 +6,16 @@ var whiteBg = ['white', 'white-shadow'];
 var greyBg = ['grey', 'grey-shadow'];
 var withBoxShadow = ['white-shadow', 'grey-shadow'];
 var withOutline = ['outline'];
-
 var backgroundColor = function backgroundColor(props) {
   if (whiteBg.includes(props.background)) return props.theme.palette.white;
   if (greyBg.includes(props.background)) return props.theme.palette['grey-050'];
   return props.theme.palette.transparent;
 };
-
 var boxShadow = function boxShadow(props) {
   if (withBoxShadow.includes(props.background)) return "0 4px 12px 0 rgba(35, 41, 54, 0.04)";
   if (withOutline.includes(props.background)) return props.theme.palette['grey-200'] + " 0px 0px 0px 1px inset";
   return 'none';
 };
-
 export var HeaderSideChildren = styled.div.withConfig({
   displayName: "Cardstyles__HeaderSideChildren",
   componentId: "sc-18exblx-0"
@@ -90,7 +87,6 @@ export var HeaderContent = styled.div.withConfig({
   if (props.hasIconOrAvatar) {
     return '24px';
   }
-
   return '0';
 }, function (props) {
   return !!props.compact && css(["", "{height:32px;line-height:32px;margin:0;}", "{border-left:1px solid ", ";height:32px;line-height:32px;padding:0 0 0 24px;margin:0 0 0 24px;}"], Title, Description, props.theme.palette['grey-200']);

package/dist/CardBadge/CardBadge.js

@@ -1,26 +1,19 @@
 var _excluded = ["icon", "status"];
-
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 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; }
-
 import React from 'react';
 import Icon from '@synerise/ds-icon';
 import * as S from './CardBadge.styles';
-
 var CardBadge = function CardBadge(_ref) {
   var icon = _ref.icon,
-      _ref$status = _ref.status,
-      status = _ref$status === void 0 ? 'default' : _ref$status,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    _ref$status = _ref.status,
+    status = _ref$status === void 0 ? 'default' : _ref$status,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(S.CardBadge, _extends({
     status: status
     /** Necessary for passing down data-* attributes */
-
   }, props), /*#__PURE__*/React.createElement(Icon, {
     component: icon
   }));
 };
-
 export default CardBadge;

package/dist/CardBadge/CardBadge.styles.js

@@ -11,12 +11,11 @@ var color = {
   error: 'white',
   "default": 'grey-400'
 };
-
 var boxShadow = function boxShadow(props) {
   return props.status === 'default' ? props.theme.palette['grey-400'] + " 0px 0px 0px 1.5px inset" : 'none';
-}; // eslint-disable-next-line import/prefer-default-export
-
+};
 
+// eslint-disable-next-line import/prefer-default-export
 export var CardBadge = styled.div.withConfig({
   displayName: "CardBadgestyles__CardBadge",
   componentId: "sc-1xcnpyh-0"

package/dist/CardGroup/CardGroup.js

@@ -1,14 +1,12 @@
 import React from 'react';
 import * as S from './CardGroup.styles';
-
 var CardGroup = function CardGroup(_ref) {
   var className = _ref.className,
-      children = _ref.children,
-      columns = _ref.columns;
+    children = _ref.children,
+    columns = _ref.columns;
   return /*#__PURE__*/React.createElement(S.Container, {
     className: className,
     items: columns
   }, children);
 };
-
 export default CardGroup;

package/dist/CardGroup/CardGroup.styles.js

@@ -1,5 +1,6 @@
-import styled from 'styled-components'; // eslint-disable-next-line import/prefer-default-export
+import styled from 'styled-components';
 
+// eslint-disable-next-line import/prefer-default-export
 export var Container = styled.div.withConfig({
   displayName: "CardGroupstyles__Container",
   componentId: "qyudjs-0"

package/dist/CardSummary/CardSummary.js

@@ -1,24 +1,19 @@
 var _excluded = ["title", "items"],
-    _excluded2 = ["key"];
-
+  _excluded2 = ["key"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 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; }
-
 import React from 'react';
 import * as S from './CardSummary.styles';
 import { CardSummaryItem } from './CardSummaryItem';
 export var CardSummary = function CardSummary(_ref) {
   var title = _ref.title,
-      items = _ref.items,
-      props = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    items = _ref.items,
+    props = _objectWithoutPropertiesLoose(_ref, _excluded);
   return /*#__PURE__*/React.createElement(S.CardSummaryWrapper, props, title && /*#__PURE__*/React.createElement(S.CardSummaryTitle, {
     level: 5
   }, title), /*#__PURE__*/React.createElement(S.CardSummaryList, null, items.map(function (_ref2) {
     var key = _ref2.key,
-        item = _objectWithoutPropertiesLoose(_ref2, _excluded2);
-
+      item = _objectWithoutPropertiesLoose(_ref2, _excluded2);
     return /*#__PURE__*/React.createElement(CardSummaryItem, _extends({}, item, {
       key: key
     }));

package/dist/CardSummary/CardSummary.styles.d.ts

@@ -21,7 +21,7 @@ export declare const CardSummaryItemValue: import("styled-components").StyledCom
     children?: import("react").ReactNode;
     className?: string | undefined;
 }) => import("react").JSX.Element, any, {}, never>;
-export declare const Icon: import("styled-components").StyledComponent<import("react").FC<import("@synerise/ds-icon").IconProps>, any, {
+export declare const Icon: import("styled-components").StyledComponent<({ name, component, className, ...rest }: import("@synerise/ds-icon").IconProps) => import("react").JSX.Element, any, {
     isOpen: boolean;
 }, never>;
 export declare const CardSummaryItemObjects: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/CardSummary/CardSummary.types.d.ts

@@ -1,11 +1,12 @@
-import { HTMLAttributes, ReactElement, ReactNode, Key } from 'react';
-export type CardSummaryItemProps = {
+import type { ReactElement, ReactNode, Key } from 'react';
+import type { WithHTMLAttributes } from '@synerise/ds-utils';
+export type CardSummaryItemProps = WithHTMLAttributes<HTMLDivElement, {
     key: Key;
     label?: ReactNode;
     value: ReactNode;
     summaryRowObjects?: ReactElement[];
-} & HTMLAttributes<HTMLDivElement>;
-export type CardSummaryProps = {
+}>;
+export type CardSummaryProps = WithHTMLAttributes<HTMLDivElement, {
     title?: ReactNode;
     items: CardSummaryItemProps[];
-} & HTMLAttributes<HTMLDivElement>;
+}>;

package/dist/CardSummary/CardSummaryItem.js

@@ -1,7 +1,5 @@
 var _excluded = ["label", "value", "summaryRowObjects"];
-
 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; }
-
 import React, { useState } from 'react';
 import { v4 as uuid } from 'uuid';
 import { AngleDownS } from '@synerise/ds-icon';
@@ -9,20 +7,16 @@ import * as S from './CardSummary.styles';
 import { ANIMATION_DURATION } from '../constants';
 export var CardSummaryItem = function CardSummaryItem(_ref) {
   var label = _ref.label,
-      value = _ref.value,
-      summaryRowObjects = _ref.summaryRowObjects,
-      rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-
+    value = _ref.value,
+    summaryRowObjects = _ref.summaryRowObjects,
+    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
   var _useState = useState(false),
-      isOpen = _useState[0],
-      setIsOpen = _useState[1];
-
+    isOpen = _useState[0],
+    setIsOpen = _useState[1];
   var withObjects = !!(summaryRowObjects != null && summaryRowObjects.length);
-
   var handleClick = function handleClick() {
     setIsOpen(!isOpen);
   };
-
   var icon = /*#__PURE__*/React.createElement(S.Icon, {
     isOpen: isOpen,
     component: /*#__PURE__*/React.createElement(AngleDownS, null),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-card",
-  "version": "0.19.15",
+  "version": "0.19.17",
   "description": "Card UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -34,11 +34,11 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-avatar": "^0.17.20",
-    "@synerise/ds-icon": "^0.66.4",
-    "@synerise/ds-tags": "^0.10.17",
-    "@synerise/ds-typography": "^0.16.5",
-    "@synerise/ds-utils": "^0.31.1",
+    "@synerise/ds-avatar": "^0.17.22",
+    "@synerise/ds-icon": "^0.67.1",
+    "@synerise/ds-tags": "^0.10.19",
+    "@synerise/ds-typography": "^0.16.7",
+    "@synerise/ds-utils": "^0.31.2",
     "react-animate-height": "^2.0.23",
     "react-visibility-sensor": "^5.1.1",
     "uuid": "^8.3.2"
@@ -49,5 +49,5 @@
     "react": ">=16.9.0 <= 17.0.2",
     "styled-components": "5.0.1"
   },
-  "gitHead": "8d26191fc0475407e0691b9b183761ad3cd7c87d"
+  "gitHead": "4a56ee7ef816c22341ce704154dc7aa65b7d1dcc"
 }