@uncinc/uncinc-react-kitchen-sink 2.13.1 → 2.13.3

package/dist/components/Accordion/AccordionItem/index.js

@@ -9,6 +9,7 @@ import c from 'classnames';
 import AnimateHeight from 'react-animate-height';
 import useControlledState from 'ucs';
 import WysiwygField from '../../WysiwygField';
+import Icon from '../../Icon';
 var ContentParsed = function ContentParsed(_ref) {
   var children = _ref.children;
   if (typeof children === 'string') {
@@ -29,6 +30,7 @@ var AccordionItem = function AccordionItem(props) {
   var title = props.title,
     content = props.content,
     iconClassName = props.iconClassName,
+    materialIconName = props.materialIconName,
     duration = props.duration,
     easing = props.easing,
     titleComponent = props.titleComponent,
@@ -54,7 +56,11 @@ var AccordionItem = function AccordionItem(props) {
     onClick: function onClick() {
       return setCollapsed(!collapsed);
     }
-  }, /*#__PURE__*/React.createElement("span", {
+  }, materialIconName ? /*#__PURE__*/React.createElement(Icon, {
+    name: materialIconName,
+    flair: "outlined",
+    className: iconClassName
+  }) : /*#__PURE__*/React.createElement("span", {
     className: iconClasses
   }), title)), /*#__PURE__*/React.createElement(AnimateHeight, {
     duration: duration,

package/dist/components/Accordion/style.scss

@@ -9,7 +9,7 @@
 
       button {
         display: block;
-        border: none;
+        border: 0;
         background: none;
         padding: 0;
         font-size: inherit;

package/dist/components/Download/index.d.ts

@@ -5,6 +5,7 @@ export interface DownloadProps {
     description?: string;
     filesize?: number;
     filename?: string;
+    materialIconName?: string;
     mime: string;
     target?: HTMLAnchorElement['target'];
     className?: string;

package/dist/components/Download/index.js

@@ -7,6 +7,7 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import React from 'react';
 import c from 'classnames';
 import prettyBytes from 'pretty-bytes';
+import Icon from '../Icon';
 var Download = function Download(_ref) {
   var source = _ref.source,
     title = _ref.title,
@@ -16,6 +17,7 @@ var Download = function Download(_ref) {
     filesize = _ref$filesize === void 0 ? null : _ref$filesize,
     _ref$filename = _ref.filename,
     filename = _ref$filename === void 0 ? '' : _ref$filename,
+    materialIconName = _ref.materialIconName,
     mime = _ref.mime,
     _ref$target = _ref.target,
     target = _ref$target === void 0 ? '_self' : _ref$target,
@@ -31,7 +33,11 @@ var Download = function Download(_ref) {
     target: target,
     href: source,
     rel: "noreferrer"
-  }, /*#__PURE__*/React.createElement("span", {
+  }, materialIconName ? /*#__PURE__*/React.createElement(Icon, {
+    className: "Download__icon Icon-".concat(mimeType, " Icon-").concat(mimeSubType),
+    name: materialIconName,
+    flair: "outlined"
+  }) : /*#__PURE__*/React.createElement("span", {
     className: "Download__icon icon icon-download icon-".concat(mimeType, " icon-").concat(mimeSubType)
   }), /*#__PURE__*/React.createElement("div", {
     className: "Download__content"
@@ -43,7 +49,7 @@ var Download = function Download(_ref) {
     className: "Download__attributes"
   }, extension && /*#__PURE__*/React.createElement("span", {
     className: "Download__extension"
-  }, extension[0]), filesize && /*#__PURE__*/React.createElement("span", {
+  }, extension[0], "\xA0"), filesize && /*#__PURE__*/React.createElement("span", {
     className: "Download__filesize"
   }, "(", prettyBytes(filesize), ")")));
 };

package/dist/organisms/Downloads/index.d.ts

@@ -5,6 +5,7 @@ export interface DownloadsProps {
     text?: string;
     downloads: DownloadProps[];
     target?: HTMLAnchorElement['target'];
+    materialIconName?: string;
     className?: string;
 }
 declare const Downloads: React.FC<DownloadsProps>;

package/dist/organisms/Downloads/index.js

@@ -7,6 +7,7 @@ var Downloads = function Downloads(_ref) {
     text = _ref.text,
     downloads = _ref.downloads,
     target = _ref.target,
+    materialIconName = _ref.materialIconName,
     className = _ref.className;
   var classes = c('Downloads', className);
   return /*#__PURE__*/React.createElement("div", {
@@ -23,6 +24,7 @@ var Downloads = function Downloads(_ref) {
       description: download.description,
       filesize: download.filesize,
       filename: download.filename,
+      materialIconName: materialIconName,
       target: target,
       mime: download.mime
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uncinc/uncinc-react-kitchen-sink",
-  "version": "2.13.1",
+  "version": "2.13.3",
   "description": "Default React components that are easily extended.",
   "author": "uncinc",
   "license": "MIT",