@desynova-digital/components 9.3.14 → 9.3.16

package/atoms/button/button.story.js

@@ -5,7 +5,7 @@ var _react = _interopRequireDefault(require("react"));
 var _react2 = require("@storybook/react");
 var _storyHelpers = require("../../_helpers/story-helpers");
 var _components = require("../../components");
-(0, _react2.storiesOf)('Button').add('light theme', function () {
+(0, _react2.storiesOf)("Button").add("light theme", function () {
   return /*#__PURE__*/_react["default"].createElement(_storyHelpers.Example, {
     title: "Appearances"
   }, /*#__PURE__*/_react["default"].createElement(_storyHelpers.Stack, null, /*#__PURE__*/_react["default"].createElement(_components.Button, null, "Button"), /*#__PURE__*/_react["default"].createElement(_components.Button, {
@@ -106,7 +106,7 @@ var _components = require("../../components");
     iconHeight: 13
   })));
 });
-(0, _react2.storiesOf)('Button').add('dark theme', function () {
+(0, _react2.storiesOf)("Button").add("dark theme", function () {
   return /*#__PURE__*/_react["default"].createElement(_storyHelpers.Example, {
     title: "Appearances Dark",
     background: "black"
@@ -231,7 +231,7 @@ var _components = require("../../components");
     iconHeight: 13
   })));
 });
-(0, _react2.storiesOf)('Button').add('nexc theme', function () {
+(0, _react2.storiesOf)("Button").add("nexc theme", function () {
   return /*#__PURE__*/_react["default"].createElement(_storyHelpers.Example, {
     title: "Appearances Dark",
     background: "black"
@@ -250,7 +250,11 @@ var _components = require("../../components");
     theme: "nexc",
     appearance: "cta",
     display: "rounded"
-  }, "CTA")), /*#__PURE__*/_react["default"].createElement(_storyHelpers.Stack, null, /*#__PURE__*/_react["default"].createElement(_components.Button, {
+  }, "CTA"), /*#__PURE__*/_react["default"].createElement(_components.Button, {
+    theme: "nexc",
+    appearance: "secondary",
+    display: "rounded"
+  }, "secondary")), /*#__PURE__*/_react["default"].createElement(_storyHelpers.Stack, null, /*#__PURE__*/_react["default"].createElement(_components.Button, {
     theme: "nexc",
     display: "rounded",
     isLoading: true,

package/atoms/cardV2/cardV2.js

@@ -18,7 +18,7 @@ var _content = _interopRequireDefault(require("./content"));
 var _timeline = _interopRequireDefault(require("./timeline"));
 var _contentV = _interopRequireDefault(require("./contentV2"));
 var _thumbnailV = _interopRequireDefault(require("./thumbnailV2"));
-var _excluded = ["selectionAvailable", "selected", "onSelectionChange"];
+var _excluded = ["selectionAvailable", "selected", "indeterminate", "onSelectionChange"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9; // components
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 /**
@@ -80,6 +80,7 @@ var CardV2 = function CardV2(_ref7) {
   var _colors$props$theme, _colors$props$theme$l;
   var selectionAvailable = _ref7.selectionAvailable,
     selected = _ref7.selected,
+    indeterminate = _ref7.indeterminate,
     onSelectionChange = _ref7.onSelectionChange,
     props = (0, _objectWithoutProperties2["default"])(_ref7, _excluded);
   var width = props.width,
@@ -111,11 +112,15 @@ var CardV2 = function CardV2(_ref7) {
   }
   return /*#__PURE__*/_react["default"].createElement(CardStyles, (0, _extends2["default"])({}, props, {
     title: undefined,
-    "data-selected": Boolean(selectionAvailable && selected)
+    "data-selected": Boolean(selected || indeterminate)
   }), selectionAvailable && /*#__PURE__*/_react["default"].createElement(CardSelectionCheckbox, {
     accentColor: (_colors$props$theme = _tokens.colors[props.theme]) === null || _colors$props$theme === void 0 ? void 0 : (_colors$props$theme$l = _colors$props$theme.label) === null || _colors$props$theme$l === void 0 ? void 0 : _colors$props$theme$l.text,
     "aria-label": "Select ".concat(props.h1 || props.title || 'collateral'),
     checked: selected,
+    "aria-checked": indeterminate ? 'mixed' : selected,
+    ref: function ref(input) {
+      if (input) input.indeterminate = Boolean(indeterminate);
+    },
     disabled: !onSelectionChange,
     onClick: function onClick(event) {
       return event.stopPropagation();
@@ -128,6 +133,7 @@ var CardV2 = function CardV2(_ref7) {
 CardV2.propTypes = {
   selectionAvailable: _propTypes["default"].bool,
   selected: _propTypes["default"].bool,
+  indeterminate: _propTypes["default"].bool,
   onSelectionChange: _propTypes["default"].func,
   h1: _propTypes["default"].string.isRequired,
   h2: _propTypes["default"].string,
@@ -163,6 +169,7 @@ CardV2.propTypes = {
 CardV2.defaultProps = {
   selectionAvailable: false,
   selected: false,
+  indeterminate: false,
   isSegment: false,
   theme: 'dark',
   width: 'lg',

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@desynova-digital/components",
-  "version": "9.3.14",
+  "version": "9.3.16",
   "description": "Components for Desynova Digital",
   "main": "index.js",
   "author": "desynova-digital",
   "license": "MIT",
   "repository": "desynova-digital",
   "dependencies": {
-    "@desynova-digital/tokens": "9.3.14",
+    "@desynova-digital/tokens": "9.3.16",
     "prop-types": "^15.7.2",
     "styled-components": "^4.3.2"
   },