@uncinc/uncinc-react-kitchen-sink 2.15.0 → 2.15.2

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

@@ -1,8 +1,10 @@
-import React, { type HTMLAttributes } from 'react';
+import React from 'react';
 import './style.scss';
-interface IconProps extends React.HTMLProps<HTMLAttributes<HTMLDivElement>> {
+type IconFlair = 'filled' | 'outlined' | 'round' | 'sharp' | 'two-tone';
+export interface IconProps {
     name: string;
-    flair?: string;
+    flair?: IconFlair;
+    className?: string;
 }
 declare const Icon: React.FC<IconProps>;
 export default Icon;

package/dist/components/Share/index.js

@@ -63,7 +63,8 @@ var Share = function Share(_ref2) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "Share__wrapper"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "Share__title"
+    className: "Share__title",
+    tabIndex: "0"
   }, title), /*#__PURE__*/React.createElement("div", {
     className: "Share__buttons"
   }, buttons)));

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import { type IconProps } from '../Icon';
 import './style.scss';
 export interface TagProps {
     name: React.ReactNode;
@@ -9,6 +10,8 @@ export interface TagProps {
     link?: string;
     onClick?: () => void;
     target?: HTMLAnchorElement['target'];
+    iconName?: IconProps['name'];
+    iconFlair?: IconProps['flair'];
 }
 declare const Tag: React.FC<TagProps>;
 export default Tag;

package/dist/components/Tag/index.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import c from 'classnames';
 import { useTranslation } from 'react-i18next';
+import Icon from '../Icon';
 import './style.scss';
 var Tag = function Tag(_ref) {
   var name = _ref.name,
@@ -11,7 +12,10 @@ var Tag = function Tag(_ref) {
     link = _ref.link,
     onClick = _ref.onClick,
     _ref$target = _ref.target,
-    target = _ref$target === void 0 ? '_blank' : _ref$target;
+    target = _ref$target === void 0 ? '_blank' : _ref$target,
+    iconName = _ref.iconName,
+    _ref$iconFlair = _ref.iconFlair,
+    iconFlair = _ref$iconFlair === void 0 ? 'outlined' : _ref$iconFlair;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var handleOnClick = function handleOnClick(e) {
@@ -49,7 +53,11 @@ var Tag = function Tag(_ref) {
   }, className);
   return /*#__PURE__*/React.createElement("div", {
     className: tagClasses
-  }, renderMainInteractivePart(), onDelete && /*#__PURE__*/React.createElement("button", {
+  }, renderMainInteractivePart(), iconName && /*#__PURE__*/React.createElement(Icon, {
+    className: "Tag__icon",
+    name: iconName,
+    flair: iconFlair
+  }), onDelete && /*#__PURE__*/React.createElement("button", {
     className: "Tag__delete-button icon-after icon-cross",
     type: "button",
     "aria-label": deleteButtonAriaLabel !== null && deleteButtonAriaLabel !== void 0 ? deleteButtonAriaLabel : t('atoms.tag.delete'),

package/dist/components/Tag/style.scss

@@ -22,6 +22,11 @@
     cursor: pointer;
   }
 
+  &__icon {
+    pointer-events: none;
+    user-select: none;
+  }
+
   &__delete-button {
     // Expanding the clickable area by adding padding,
     // and compensating this, using negative margin.

package/package.json

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