@synerise/ds-card 0.10.5 → 0.11.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.11.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card@0.10.5...@synerise/ds-card@0.11.0) (2022-03-14)
+
+
+### Features
+
+* **filter:** simple imprv into filter & card & card-tabs component ([206cb9d](https://github.com/Synerise/synerise-design/commit/206cb9d8b9ba3687daf1a02862e8dd88698b582f))
+
+
+
+
+
 ## [0.10.5](https://github.com/Synerise/synerise-design/compare/@synerise/ds-card@0.10.4...@synerise/ds-card@0.10.5) (2022-02-25)
 
 **Note:** Version bump only for package @synerise/ds-card

package/README.md

@@ -92,6 +92,7 @@ yarn add @synerise/ds-card
 | withHeader                        | Defines if the header is shown                                                                                        | boolean                                                                      | -       |
 | withoutPadding                    | Reset padding of ContentContainer                                                                                     | boolean                                                                      | `false` |
 | showSideChildrenWhenHeaderHidden  | Show headerSideChildren on the bottom when header is scrolled out of view                                             | boolean                                                                      | `false` |
+| defaultHeaderBackgroundColor      | Defines if header should have default white color                                                                     | boolean                                                                      | `false` |
 
 #### CardBadge
 

package/dist/Card/Card.js

@@ -12,6 +12,7 @@ var Card = function Card(_ref) {
       className = _ref.className,
       lively = _ref.lively,
       withHeader = _ref.withHeader,
+      defaultHeaderBackgroundColor = _ref.defaultHeaderBackgroundColor,
       title = _ref.title,
       description = _ref.description,
       compactHeader = _ref.compactHeader,
@@ -41,7 +42,8 @@ var Card = function Card(_ref) {
     background: background
   }, withHeader && /*#__PURE__*/React.createElement(S.Header, {
     onClick: onHeaderClick,
-    headerBorderBottom: headerBorderBottom
+    headerBorderBottom: headerBorderBottom,
+    defaultHeaderBackgroundColor: defaultHeaderBackgroundColor
   }, icon && /*#__PURE__*/React.createElement(S.IconContainer, {
     description: description,
     compact: compactHeader

package/dist/Card/Card.styles.d.ts

@@ -15,6 +15,7 @@ export declare const Container: import("styled-components").StyledComponent<"div
 export declare const Header: import("styled-components").StyledComponent<"div", any, {
     onClick?: ((event: React.MouseEvent<Element, MouseEvent>) => void) | undefined;
     headerBorderBottom?: boolean | undefined;
+    defaultHeaderBackgroundColor?: boolean | undefined;
 }, never>;
 export declare const Title: import("styled-components").StyledComponent<React.FC<Pick<import("antd/lib/typography/Base").BlockProps & {
     level?: 1 | 2 | 3 | 4 | 5 | undefined;

package/dist/Card/Card.styles.js

@@ -62,12 +62,14 @@ export var Container = styled.div.withConfig({
 export var Header = styled.div.withConfig({
   displayName: "Cardstyles__Header",
   componentId: "sc-18exblx-3"
-})(["padding:24px 24px 24px 24px;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;position:relative;&:after{position:absolute;bottom:0;left:24px;right:24px;height:1px;content:'';display:", ";background-color:", ";}&:hover{", "}"], function (props) {
+})(["padding:24px 24px 24px 24px;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;position:relative;&:after{position:absolute;bottom:0;left:24px;right:24px;height:1px;content:'';display:", ";background-color:", ";}&:hover{", "}", ""], function (props) {
   return props.headerBorderBottom ? 'block' : 'none';
 }, function (props) {
   return props.theme.palette['grey-100'];
 }, function (props) {
   return !!props.onClick && "cursor:pointer;";
+}, function (props) {
+  return !!props.defaultHeaderBackgroundColor && css(["background-color:", ";"], props.theme.palette.white);
 });
 export var Title = styled(Typography.Title).withConfig({
   displayName: "Cardstyles__Title",

package/dist/Card/Card.types.d.ts

@@ -8,6 +8,7 @@ export interface CardProps {
     children?: React.ReactNode;
     style?: React.CSSProperties;
     withHeader?: boolean;
+    defaultHeaderBackgroundColor?: boolean;
     compactHeader?: boolean;
     title?: React.ReactNode;
     description?: React.ReactNode;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-card",
-  "version": "0.10.5",
+  "version": "0.11.0",
   "description": "Card UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -43,5 +43,5 @@
     "antd": "^4",
     "react": ">=16.9.0 < 17.0.0"
   },
-  "gitHead": "d929307c17c9e6f63d7922df0497b45f041c4e76"
+  "gitHead": "739b52320bb20c1646371224de5bb0c3454fac8c"
 }