@codacy/ui-components 0.65.67 → 0.65.68

package/lib/PillLabel/PillLabel.js

@@ -9,8 +9,10 @@ var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _PillLabel = require("./PillLabel.styles");
+var _Icon = require("../Icon");
+var _Flexbox = require("../Flexbox");
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["children", "status", "inline", "size", "invert"];
+var _excluded = ["children", "status", "inline", "size", "invert", "rightIcon", "leftIcon"];
 /**
  * PillLabel Banner
  */
@@ -24,7 +26,17 @@ var PillLabel = exports.PillLabel = /*#__PURE__*/_react["default"].forwardRef(fu
     size = _ref$size === void 0 ? 'md' : _ref$size,
     _ref$invert = _ref.invert,
     invert = _ref$invert === void 0 ? false : _ref$invert,
+    rightIcon = _ref.rightIcon,
+    leftIcon = _ref.leftIcon,
     props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  var IconComponent = function IconComponent(_ref2) {
+    var icon = _ref2.icon;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+      icon: icon,
+      size: size,
+      ml: 1
+    });
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_PillLabel.PillLabelWrapper, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
     status: status,
     size: size,
@@ -32,6 +44,13 @@ var PillLabel = exports.PillLabel = /*#__PURE__*/_react["default"].forwardRef(fu
     invert: invert
   }, props), {}, {
     ref: ref,
-    children: children
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flexbox.Flex, {
+      alignItems: "center",
+      children: [leftIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(IconComponent, {
+        icon: leftIcon
+      }), children, rightIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(IconComponent, {
+        icon: rightIcon
+      })]
+    })
   }));
 });

package/lib/PillLabel/PillLabel.styles.js

@@ -25,7 +25,7 @@ var PillLabelWrapper = exports.PillLabelWrapper = /*#__PURE__*/(0, _base["defaul
   var theme = _ref3.theme,
     size = _ref3.size;
   return theme.space[size === 'md' ? 5 : 4];
-}, ";", _IconAndText.IconAndTextWrapper, ",", _Icon.IconWrapper, "{line-height:", function (_ref4) {
+}, ";align-content:center;", _IconAndText.IconAndTextWrapper, ",", _Icon.IconWrapper, "{line-height:", function (_ref4) {
   var theme = _ref4.theme,
     size = _ref4.size;
   return theme.space[size === 'md' ? 5 : 4];
@@ -39,14 +39,11 @@ var PillLabelWrapper = exports.PillLabelWrapper = /*#__PURE__*/(0, _base["defaul
   var theme = _ref7.theme,
     size = _ref7.size;
   return theme.fontSizes[size === 'md' ? 's' : 'xs'];
-}, ";text-transform:", function (_ref8) {
-  var size = _ref8.size;
-  return size === 'md' ? 'none' : 'uppercase';
-}, ";", function (_ref9) {
-  var _ref9$status = _ref9.status,
-    status = _ref9$status === void 0 ? 'default' : _ref9$status,
-    invert = _ref9.invert,
-    theme = _ref9.theme;
+}, ";", function (_ref8) {
+  var _ref8$status = _ref8.status,
+    status = _ref8$status === void 0 ? 'default' : _ref8$status,
+    invert = _ref8.invert,
+    theme = _ref8.theme;
   /** { status: [ main, text, background ] } */
   var scheme = {
     "default": ['subtle-primary', 'text-secondary', 'background-subtle'],
@@ -57,4 +54,4 @@ var PillLabelWrapper = exports.PillLabelWrapper = /*#__PURE__*/(0, _base["defaul
     error: ['danger-primary', 'text-danger', 'background-danger']
   };
   return "\n      color: ".concat(invert ? theme.colors['white'] : theme.colors[scheme[status][1]], ";\n      background-color: ").concat(invert ? theme.colors[scheme[status][0]] : theme.colors[scheme[status][2]], ";\n    ");
-}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QaWxsTGFiZWwvUGlsbExhYmVsLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMkQiLCJmaWxlIjoiLi4vLi4vc3JjL1BpbGxMYWJlbC9QaWxsTGFiZWwuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29sb3IgfSBmcm9tICcuLi90aGVtZSdcbmltcG9ydCB7IFBpbGxMYWJlbFByb3BzLCBQaWxsTGFiZWxTdGF0dXMgfSBmcm9tICcuL1BpbGxMYWJlbC50eXBlcydcbmltcG9ydCB7IEJveCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBJY29uQW5kVGV4dFdyYXBwZXIgfSBmcm9tICcuLi9JY29uQW5kVGV4dC9JY29uQW5kVGV4dC5zdHlsZXMnXG5pbXBvcnQgeyBJY29uV3JhcHBlciB9IGZyb20gJy4uL0ljb24vSWNvbi5zdHlsZXMnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuZXhwb3J0IGNvbnN0IFBpbGxMYWJlbFdyYXBwZXIgPSBzdHlsZWQoQm94KTxQaWxsTGFiZWxQcm9wcz5gXG4gIHBhZGRpbmc6IDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsyXX07XG4gIGhlaWdodDogJHsoeyB0aGVtZSwgc2l6ZSB9KSA9PiB0aGVtZS5zcGFjZVtzaXplID09PSAnbWQnID8gNSA6IDRdfTtcbiAgbGluZS1oZWlnaHQ6ICR7KHsgdGhlbWUsIHNpemUgfSkgPT4gdGhlbWUuc3BhY2Vbc2l6ZSA9PT0gJ21kJyA/IDUgOiA0XX07XG5cbiAgJHtJY29uQW5kVGV4dFdyYXBwZXJ9LCAke0ljb25XcmFwcGVyfSB7XG4gICAgbGluZS1oZWlnaHQ6ICR7KHsgdGhlbWUsIHNpemUgfSkgPT4gdGhlbWUuc3BhY2Vbc2l6ZSA9PT0gJ21kJyA/IDUgOiA0XX0gIWltcG9ydGFudDtcbiAgfVxuXG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUucmFkaWlbMV19O1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gIGZvbnQtd2VpZ2h0OiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmZvbnRXZWlnaHRzWydzZW1pLWJvbGQnXX07XG4gIGZvbnQtc2l6ZTogJHsoeyB0aGVtZSwgc2l6ZSB9KSA9PiB0aGVtZS5mb250U2l6ZXNbc2l6ZSA9PT0gJ21kJyA/ICdzJyA6ICd4cyddfTtcblxuICB0ZXh0LXRyYW5zZm9ybTogJHsoeyBzaXplIH0pID0+IChzaXplID09PSAnbWQnID8gJ25vbmUnIDogJ3VwcGVyY2FzZScpfTtcblxuICAkeyh7IHN0YXR1cyA9ICdkZWZhdWx0JywgaW52ZXJ0LCB0aGVtZSB9KSA9PiB7XG4gICAgLyoqIHsgc3RhdHVzOiBbIG1haW4sIHRleHQsIGJhY2tncm91bmQgXSB9ICovXG4gICAgY29uc3Qgc2NoZW1lOiB7IFtrZXkgaW4gUGlsbExhYmVsU3RhdHVzXTogW0NvbG9yLCBDb2xvciwgQ29sb3JdIH0gPSB7XG4gICAgICBkZWZhdWx0OiBbJ3N1YnRsZS1wcmltYXJ5JywgJ3RleHQtc2Vjb25kYXJ5JywgJ2JhY2tncm91bmQtc3VidGxlJ10sXG4gICAgICBhdHRlbnRpb246IFsnYXR0ZW50aW9uLXByaW1hcnknLCAndGV4dC1hdHRlbnRpb24nLCAnYmFja2dyb3VuZC1hdHRlbnRpb24nXSxcbiAgICAgIHN1Y2Nlc3M6IFsnc3VjY2Vzcy1wcmltYXJ5JywgJ3RleHQtc3VjY2VzcycsICdiYWNrZ3JvdW5kLXN1Y2Nlc3MnXSxcbiAgICAgIGluZm86IFsnaW5mby1wcmltYXJ5JywgJ3RleHQtaW5mbycsICdiYWNrZ3JvdW5kLWluZm8nXSxcbiAgICAgIHdhcm5pbmc6IFsnd2FybmluZy1wcmltYXJ5JywgJ3RleHQtd2FybmluZycsICdiYWNrZ3JvdW5kLXdhcm5pbmcnXSxcbiAgICAgIGVycm9yOiBbJ2Rhbmdlci1wcmltYXJ5JywgJ3RleHQtZGFuZ2VyJywgJ2JhY2tncm91bmQtZGFuZ2VyJ10sXG4gICAgfVxuXG4gICAgcmV0dXJuIGBcbiAgICAgIGNvbG9yOiAke2ludmVydCA/IHRoZW1lLmNvbG9yc1snd2hpdGUnXSA6IHRoZW1lLmNvbG9yc1tzY2hlbWVbc3RhdHVzXVsxXV19O1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtpbnZlcnQgPyB0aGVtZS5jb2xvcnNbc2NoZW1lW3N0YXR1c11bMF1dIDogdGhlbWUuY29sb3JzW3NjaGVtZVtzdGF0dXNdWzJdXX07XG4gICAgYFxuICB9fVxuYFxuIl19 */"));
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9QaWxsTGFiZWwvUGlsbExhYmVsLnN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPMkQiLCJmaWxlIjoiLi4vLi4vc3JjL1BpbGxMYWJlbC9QaWxsTGFiZWwuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29sb3IgfSBmcm9tICcuLi90aGVtZSdcbmltcG9ydCB7IFBpbGxMYWJlbFByb3BzLCBQaWxsTGFiZWxTdGF0dXMgfSBmcm9tICcuL1BpbGxMYWJlbC50eXBlcydcbmltcG9ydCB7IEJveCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBJY29uQW5kVGV4dFdyYXBwZXIgfSBmcm9tICcuLi9JY29uQW5kVGV4dC9JY29uQW5kVGV4dC5zdHlsZXMnXG5pbXBvcnQgeyBJY29uV3JhcHBlciB9IGZyb20gJy4uL0ljb24vSWNvbi5zdHlsZXMnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcblxuZXhwb3J0IGNvbnN0IFBpbGxMYWJlbFdyYXBwZXIgPSBzdHlsZWQoQm94KTxQaWxsTGFiZWxQcm9wcz5gXG4gIHBhZGRpbmc6IDAgJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsyXX07XG4gIGhlaWdodDogJHsoeyB0aGVtZSwgc2l6ZSB9KSA9PiB0aGVtZS5zcGFjZVtzaXplID09PSAnbWQnID8gNSA6IDRdfTtcbiAgbGluZS1oZWlnaHQ6ICR7KHsgdGhlbWUsIHNpemUgfSkgPT4gdGhlbWUuc3BhY2Vbc2l6ZSA9PT0gJ21kJyA/IDUgOiA0XX07XG4gIGFsaWduLWNvbnRlbnQ6IGNlbnRlcjtcblxuICAke0ljb25BbmRUZXh0V3JhcHBlcn0sICR7SWNvbldyYXBwZXJ9IHtcbiAgICBsaW5lLWhlaWdodDogJHsoeyB0aGVtZSwgc2l6ZSB9KSA9PiB0aGVtZS5zcGFjZVtzaXplID09PSAnbWQnID8gNSA6IDRdfSAhaW1wb3J0YW50O1xuICB9XG5cbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5yYWRpaVsxXX07XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgZm9udC13ZWlnaHQ6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuZm9udFdlaWdodHNbJ3NlbWktYm9sZCddfTtcbiAgZm9udC1zaXplOiAkeyh7IHRoZW1lLCBzaXplIH0pID0+IHRoZW1lLmZvbnRTaXplc1tzaXplID09PSAnbWQnID8gJ3MnIDogJ3hzJ119O1xuXG4gICR7KHsgc3RhdHVzID0gJ2RlZmF1bHQnLCBpbnZlcnQsIHRoZW1lIH0pID0+IHtcbiAgICAvKiogeyBzdGF0dXM6IFsgbWFpbiwgdGV4dCwgYmFja2dyb3VuZCBdIH0gKi9cbiAgICBjb25zdCBzY2hlbWU6IHsgW2tleSBpbiBQaWxsTGFiZWxTdGF0dXNdOiBbQ29sb3IsIENvbG9yLCBDb2xvcl0gfSA9IHtcbiAgICAgIGRlZmF1bHQ6IFsnc3VidGxlLXByaW1hcnknLCAndGV4dC1zZWNvbmRhcnknLCAnYmFja2dyb3VuZC1zdWJ0bGUnXSxcbiAgICAgIGF0dGVudGlvbjogWydhdHRlbnRpb24tcHJpbWFyeScsICd0ZXh0LWF0dGVudGlvbicsICdiYWNrZ3JvdW5kLWF0dGVudGlvbiddLFxuICAgICAgc3VjY2VzczogWydzdWNjZXNzLXByaW1hcnknLCAndGV4dC1zdWNjZXNzJywgJ2JhY2tncm91bmQtc3VjY2VzcyddLFxuICAgICAgaW5mbzogWydpbmZvLXByaW1hcnknLCAndGV4dC1pbmZvJywgJ2JhY2tncm91bmQtaW5mbyddLFxuICAgICAgd2FybmluZzogWyd3YXJuaW5nLXByaW1hcnknLCAndGV4dC13YXJuaW5nJywgJ2JhY2tncm91bmQtd2FybmluZyddLFxuICAgICAgZXJyb3I6IFsnZGFuZ2VyLXByaW1hcnknLCAndGV4dC1kYW5nZXInLCAnYmFja2dyb3VuZC1kYW5nZXInXSxcbiAgICB9XG5cbiAgICByZXR1cm4gYFxuICAgICAgY29sb3I6ICR7aW52ZXJ0ID8gdGhlbWUuY29sb3JzWyd3aGl0ZSddIDogdGhlbWUuY29sb3JzW3NjaGVtZVtzdGF0dXNdWzFdXX07XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2ludmVydCA/IHRoZW1lLmNvbG9yc1tzY2hlbWVbc3RhdHVzXVswXV0gOiB0aGVtZS5jb2xvcnNbc2NoZW1lW3N0YXR1c11bMl1dfTtcbiAgICBgXG4gIH19XG5gXG4iXX0= */"));

package/lib/PillLabel/PillLabel.types.d.ts

@@ -1,6 +1,7 @@
 import { HTMLAttributes } from 'react';
 import { SpaceProps, LayoutProps } from '../system-props/types';
 import { ContainerComponentProps } from '../types';
+import { IconFile } from '../Icon/Icon.types';
 export declare type PillLabelStatus = 'info' | 'warning' | 'error' | 'success' | 'default' | 'attention';
 export interface PillLabelProps extends ContainerComponentProps, SpaceProps, LayoutProps, HTMLAttributes<HTMLDivElement> {
     /** Status of PillLabel */
@@ -11,4 +12,8 @@ export interface PillLabelProps extends ContainerComponentProps, SpaceProps, Lay
     size?: 'md' | 'sm';
     /** Invert color scheme to make darker background and lighter text */
     invert?: boolean;
+    /** Left icon */
+    leftIcon?: IconFile;
+    /** Right icon */
+    rightIcon?: IconFile;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codacy/ui-components",
-  "version": "0.65.67",
+  "version": "0.65.68",
   "description": "",
   "license": "ISC",
   "author": "",