@dhis2-ui/card 8.2.0 → 8.2.1

package/build/cjs/card.js

@@ -17,17 +17,20 @@ var _react = _interopRequireDefault(require("react"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const Card = ({
-  className,
-  children,
-  dataTest
-}) => /*#__PURE__*/_react.default.createElement("div", {
-  "data-test": dataTest,
-  className: _style.default.dynamic([["3454125090", [_uiConstants.colors.white, _uiConstants.elevations.e100]]]) + " " + ((0, _classnames.default)(className) || "")
-}, children, /*#__PURE__*/_react.default.createElement(_style.default, {
-  id: "3454125090",
-  dynamic: [_uiConstants.colors.white, _uiConstants.elevations.e100]
-}, [`div.__jsx-style-dynamic-selector{display:inline-block;position:relative;width:100%;height:100%;border-radius:3px;background:${_uiConstants.colors.white};box-shadow:${_uiConstants.elevations.e100};}`]));
+const Card = _ref => {
+  let {
+    className,
+    children,
+    dataTest
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "data-test": dataTest,
+    className: _style.default.dynamic([["3454125090", [_uiConstants.colors.white, _uiConstants.elevations.e100]]]) + " " + ((0, _classnames.default)(className) || "")
+  }, children, /*#__PURE__*/_react.default.createElement(_style.default, {
+    id: "3454125090",
+    dynamic: [_uiConstants.colors.white, _uiConstants.elevations.e100]
+  }, ["div.__jsx-style-dynamic-selector{display:inline-block;position:relative;width:100%;height:100%;border-radius:3px;background:".concat(_uiConstants.colors.white, ";box-shadow:").concat(_uiConstants.elevations.e100, ";}")]));
+};
 
 exports.Card = Card;
 Card.defaultProps = {

package/build/cjs/card.stories.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Default = exports.default = void 0;
+exports.default = exports.Default = void 0;
 
 var _box = require("@dhis2-ui/box");
 
@@ -13,24 +13,10 @@ var _card = require("./card.js");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const subtitle = `
-A card is a container element for grouping together
-and separating blocks of content.
-`;
-const description = `
-Use a card where there is content that can be grouped together.
-Cards are most often useful when this grouped content may be repeated,
-for example with items on a dashboard, or different sections of patient
-information displayed in a profile.
-
-Note that it requires a parent, like [Box](../?path=/docs/layout-box--default), to define its size.
-
-\`\`\`js
-import { Card } from '@dhis2/ui'
-\`\`\`
-`;
+const subtitle = "\nA card is a container element for grouping together\nand separating blocks of content.\n";
+const description = "\nUse a card where there is content that can be grouped together.\nCards are most often useful when this grouped content may be repeated,\nfor example with items on a dashboard, or different sections of patient\ninformation displayed in a profile.\n\nNote that it requires a parent, like [Box](../?path=/docs/layout-box--default), to define its size.\n\n```js\nimport { Card } from '@dhis2/ui'\n```\n";
 var _default = {
-  title: 'Layout/Card',
+  title: 'Card',
   component: _card.Card,
   parameters: {
     componentSubtitle: subtitle,

package/build/es/card.js

@@ -4,17 +4,20 @@ import cx from 'classnames';
 import PropTypes from 'prop-types';
 import React from 'react';
 
-const Card = ({
-  className,
-  children,
-  dataTest
-}) => /*#__PURE__*/React.createElement("div", {
-  "data-test": dataTest,
-  className: _JSXStyle.dynamic([["3454125090", [colors.white, elevations.e100]]]) + " " + (cx(className) || "")
-}, children, /*#__PURE__*/React.createElement(_JSXStyle, {
-  id: "3454125090",
-  dynamic: [colors.white, elevations.e100]
-}, [`div.__jsx-style-dynamic-selector{display:inline-block;position:relative;width:100%;height:100%;border-radius:3px;background:${colors.white};box-shadow:${elevations.e100};}`]));
+const Card = _ref => {
+  let {
+    className,
+    children,
+    dataTest
+  } = _ref;
+  return /*#__PURE__*/React.createElement("div", {
+    "data-test": dataTest,
+    className: _JSXStyle.dynamic([["3454125090", [colors.white, elevations.e100]]]) + " " + (cx(className) || "")
+  }, children, /*#__PURE__*/React.createElement(_JSXStyle, {
+    id: "3454125090",
+    dynamic: [colors.white, elevations.e100]
+  }, ["div.__jsx-style-dynamic-selector{display:inline-block;position:relative;width:100%;height:100%;border-radius:3px;background:".concat(colors.white, ";box-shadow:").concat(elevations.e100, ";}")]));
+};
 
 Card.defaultProps = {
   dataTest: 'dhis2-uicore-card'

package/build/es/card.stories.js

@@ -1,24 +1,10 @@
 import { Box } from '@dhis2-ui/box';
 import React from 'react';
 import { Card } from './card.js';
-const subtitle = `
-A card is a container element for grouping together
-and separating blocks of content.
-`;
-const description = `
-Use a card where there is content that can be grouped together.
-Cards are most often useful when this grouped content may be repeated,
-for example with items on a dashboard, or different sections of patient
-information displayed in a profile.
-
-Note that it requires a parent, like [Box](../?path=/docs/layout-box--default), to define its size.
-
-\`\`\`js
-import { Card } from '@dhis2/ui'
-\`\`\`
-`;
+const subtitle = "\nA card is a container element for grouping together\nand separating blocks of content.\n";
+const description = "\nUse a card where there is content that can be grouped together.\nCards are most often useful when this grouped content may be repeated,\nfor example with items on a dashboard, or different sections of patient\ninformation displayed in a profile.\n\nNote that it requires a parent, like [Box](../?path=/docs/layout-box--default), to define its size.\n\n```js\nimport { Card } from '@dhis2/ui'\n```\n";
 export default {
-  title: 'Layout/Card',
+  title: 'Card',
   component: Card,
   parameters: {
     componentSubtitle: subtitle,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@dhis2-ui/card",
-    "version": "8.2.0",
+    "version": "8.2.1",
     "description": "UI Card",
     "repository": {
         "type": "git",
@@ -32,7 +32,7 @@
     },
     "dependencies": {
         "@dhis2/prop-types": "^3.0.0-beta.1",
-        "@dhis2/ui-constants": "8.2.0",
+        "@dhis2/ui-constants": "8.2.1",
         "classnames": "^2.3.1",
         "prop-types": "^15.7.2"
     },