@codacy/ui-components 0.67.64 → 0.67.66

package/lib/Card/EditIcon.js

@@ -10,5 +10,10 @@ export const EditIcon = () => /*#__PURE__*/React.createElement("svg", {
   "stroke-linejoin": "round",
   "stroke-width": "32"
 }), /*#__PURE__*/React.createElement("path", {
-  d: "M459.94 53.25a16.06 16.06 0 00-23.22-.56L424.35 65a8 8 0 000 11.31l11.34 11.32a8 8 0 0011.34 0l12.06-12c6.1-6.09 6.67-16.01.85-22.38zM399.34 90L218.82 270.2a9 9 0 00-2.31 3.93L208.16 299a3.91 3.91 0 004.86 4.86l24.85-8.35a9 9 0 003.93-2.31L422 112.66a9 9 0 000-12.66l-9.95-10a9 9 0 00-12.71 0z"
+  d: "M459.94 53.25a16.06 16.06 0 00-23.22-.56L424.35 65a8 8 0 000 11.31l11.34 11.32a8 8 0 0011.34 0l12.06-12c6.1-6.09 6.67-16.01.85-22.38zM399.34 90L218.82 270.2a9 9 0 00-2.31 3.93L208.16 299a3.91 3.91 0 004.86 4.86l24.85-8.35a9 9 0 003.93-2.31L422 112.66a9 9 0 000-12.66l-9.95-10a9 9 0 00-12.71 0z",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-linecap": "round",
+  "stroke-linejoin": "round",
+  "stroke-width": "32"
 }));

package/lib/QuickFilter/QuickFilter.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import { QuickFilterOptionProps } from './QuickFilter.types';
+import { RectSkeletonProps } from '../Skeleton/Skeleton.types';
+/**
+ * A column of filter options, optionally split into groups. Selection state lives with the
+ * consumer: pass `selected` and handle `onClick`.
+ */
+export declare const QuickFilter: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+} & import("..").ColorProps & Omit<import("..").LayoutProps, "size"> & import("..").SpaceProps & import("..").BorderProps & import("..").PositionProps & import("..").ShadowProps & import("..").TextAlignProps & Omit<import("..").TypographyProps, "fontWeight"> & import("../Flexbox").As & {
+    fontWeight?: import("styled-system").ResponsiveValue<number | import("..").FontWeights, import("..").CodacyTheme> | undefined;
+} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & import("..").FlexboxProps, {}, {}> & {
+    Option: React.FC<QuickFilterOptionProps>;
+    Group: import("@emotion/styled").StyledComponent<{
+        theme?: import("@emotion/react").Theme | undefined;
+        as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+    } & import("..").ColorProps & Omit<import("..").LayoutProps, "size"> & import("..").SpaceProps & import("..").BorderProps & import("..").PositionProps & import("..").ShadowProps & import("..").TextAlignProps & Omit<import("..").TypographyProps, "fontWeight"> & import("../Flexbox").As & {
+        fontWeight?: import("styled-system").ResponsiveValue<number | import("..").FontWeights, import("..").CodacyTheme> | undefined;
+    } & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+        theme?: import("@emotion/react").Theme | undefined;
+    } & import("..").FlexboxProps, {}, {}>;
+    OptionSkeleton: React.FC<RectSkeletonProps>;
+};

package/lib/QuickFilter/QuickFilter.js

@@ -0,0 +1,62 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React from 'react';
+import { QuickFilterBaseElement, QuickFilterGroupElement, QuickFilterOptionElement, QuickFilterOptionLabel } from './QuickFilter.styles';
+import { Box, Flex } from '../Flexbox';
+import { IconAndText } from '../IconAndText';
+import { MoreInfo } from '../MoreInfo';
+import { Skeleton } from '../Skeleton';
+const QuickFilterOption = ({
+  selected,
+  onClick,
+  value,
+  helpText,
+  size = 'md',
+  icon,
+  iconProps,
+  count,
+  label,
+  ...props
+}) => /*#__PURE__*/React.createElement(QuickFilterOptionElement, _extends({}, props, {
+  onClick: () => onClick === null || onClick === void 0 ? void 0 : onClick(value),
+  size: size,
+  selected: selected,
+  "aria-selected": selected
+}), /*#__PURE__*/React.createElement(Flex, {
+  alignItems: "center",
+  id: `${label === null || label === void 0 ? void 0 : label.toString().replace(/\s+/g, '-').toLowerCase()}-filter`
+}, icon ? /*#__PURE__*/React.createElement(IconAndText, {
+  icon: icon,
+  iconProps: iconProps
+}, /*#__PURE__*/React.createElement(QuickFilterOptionLabel, null, label)) : /*#__PURE__*/React.createElement(QuickFilterOptionLabel, null, label), helpText && /*#__PURE__*/React.createElement(Box, {
+  flexShrink: 0,
+  ml: 1
+}, /*#__PURE__*/React.createElement(MoreInfo, {
+  helpContent: helpText,
+  inline: true,
+  style: {
+    transform: 'translateY(2px)'
+  }
+})), count !== undefined && /*#__PURE__*/React.createElement(Box, {
+  flexShrink: 0,
+  flexGrow: 1,
+  textAlign: "right",
+  ml: 1
+}, count)));
+const QuickFilterOptionSkeleton = ({
+  height = 24,
+  width = 100,
+  ...props
+}) => /*#__PURE__*/React.createElement(Skeleton.Rect, _extends({
+  height: height,
+  width: width
+}, props));
+
+/**
+ * A column of filter options, optionally split into groups. Selection state lives with the
+ * consumer: pass `selected` and handle `onClick`.
+ */
+export const QuickFilter = Object.assign(QuickFilterBaseElement, {
+  Option: QuickFilterOption,
+  Group: QuickFilterGroupElement,
+  OptionSkeleton: QuickFilterOptionSkeleton
+});

package/lib/QuickFilter/QuickFilter.styles.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" />
+export declare const QuickFilterBaseElement: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & import("..").ColorProps & Omit<import("..").LayoutProps, "size"> & import("..").SpaceProps & import("..").BorderProps & import("..").PositionProps & import("..").ShadowProps & import("..").TextAlignProps & Omit<import("..").TypographyProps, "fontWeight"> & import("../Flexbox").As & {
+    fontWeight?: import("styled-system").ResponsiveValue<number | import("..").FontWeights, import("..").CodacyTheme> | undefined;
+} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & import("..").FlexboxProps, {}, {}>;
+export declare const QuickFilterGroupElement: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & import("..").ColorProps & Omit<import("..").LayoutProps, "size"> & import("..").SpaceProps & import("..").BorderProps & import("..").PositionProps & import("..").ShadowProps & import("..").TextAlignProps & Omit<import("..").TypographyProps, "fontWeight"> & import("../Flexbox").As & {
+    fontWeight?: import("styled-system").ResponsiveValue<number | import("..").FontWeights, import("..").CodacyTheme> | undefined;
+} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & import("..").FlexboxProps, {}, {}>;
+export declare const QuickFilterOptionLabel: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const QuickFilterOptionElement: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & Pick<import("..").LinkProps, "size" | "styleType"> & import("react").ClassAttributes<HTMLAnchorElement> & import("react").AnchorHTMLAttributes<HTMLAnchorElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & {
+    selected?: boolean | undefined;
+}, {}, {}>;

package/lib/QuickFilter/QuickFilter.styles.js

@@ -0,0 +1,57 @@
+import _styled from "@emotion/styled/base";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+import { Flex } from '../Flexbox';
+import { StyledLink } from '../Link/Link.styles';
+import { IconAndTextWrapper } from '../IconAndText/IconAndText.styles';
+export const QuickFilterBaseElement = /*#__PURE__*/_styled(Flex, process.env.NODE_ENV === "production" ? {
+  target: "ebw50jb3"
+} : {
+  target: "ebw50jb3",
+  label: "codacy"
+})(process.env.NODE_ENV === "production" ? {
+  name: "qdeacm",
+  styles: "flex-direction:column"
+} : {
+  name: "qdeacm",
+  styles: "flex-direction:column/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9RdWlja0ZpbHRlci9RdWlja0ZpbHRlci5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2tEIiwiZmlsZSI6Ii4uLy4uL3NyYy9RdWlja0ZpbHRlci9RdWlja0ZpbHRlci5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEZsZXggfSBmcm9tICcuLi9GbGV4Ym94J1xuaW1wb3J0IHsgU3R5bGVkTGluayB9IGZyb20gJy4uL0xpbmsvTGluay5zdHlsZXMnXG5pbXBvcnQgeyBJY29uQW5kVGV4dFdyYXBwZXIgfSBmcm9tICcuLi9JY29uQW5kVGV4dC9JY29uQW5kVGV4dC5zdHlsZXMnXG5cbmV4cG9ydCBjb25zdCBRdWlja0ZpbHRlckJhc2VFbGVtZW50ID0gc3R5bGVkKEZsZXgpYFxuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuYFxuXG5leHBvcnQgY29uc3QgUXVpY2tGaWx0ZXJHcm91cEVsZW1lbnQgPSBzdHlsZWQoRmxleClgXG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMl19IDA7XG5cbiAgJjpub3QoOmxhc3QtY2hpbGQpIHtcbiAgICBib3JkZXItYm90dG9tOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmJvcmRlcnNbMF19O1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBRdWlja0ZpbHRlck9wdGlvbkxhYmVsID0gc3R5bGVkLnNwYW5gXG4gIGRpc3BsYXk6IGJsb2NrO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgbWluLXdpZHRoOiAwO1xuYFxuXG5leHBvcnQgY29uc3QgUXVpY2tGaWx0ZXJPcHRpb25FbGVtZW50ID0gc3R5bGVkKFN0eWxlZExpbmspPHsgc2VsZWN0ZWQ/OiBib29sZWFuIH0+YFxuICBmbGV4LWdyb3c6IDE7XG4gIG1hcmdpbjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsxXX0gMDtcblxuICB0cmFuc2l0aW9uOiBjb2xvciAwLjNzIGVhc2UtaW4tb3V0O1xuICBjb2xvcjogJHsoeyB0aGVtZSwgc2VsZWN0ZWQgfSkgPT4gdGhlbWUuY29sb3JzW3NlbGVjdGVkID8gJ3RleHQtaW5mbycgOiAndGV4dC1zZWNvbmRhcnknXX07XG4gIGZvbnQtd2VpZ2h0OiAkeyh7IHNlbGVjdGVkLCB0aGVtZSB9KSA9PiB0aGVtZS5mb250V2VpZ2h0c1tzZWxlY3RlZCA/ICdzZW1pLWJvbGQnIDogJ3JlZ3VsYXInXX07XG5cbiAgLyogZmxleCBpdGVtcyBkZWZhdWx0IHRvIG1pbi13aWR0aDogYXV0bywgd2hpY2ggd291bGQgZGVmZWF0IHRoZSBsYWJlbCdzIGVsbGlwc2lzLiBXaXRoIGFuXG4gICAgIGljb24gdGhlIGxhYmVsIHNpdHMgaW5zaWRlIEljb25BbmRUZXh0J3Mgb3duIHNwYW4sIHNvIGJvdGggbGV2ZWxzIGhhdmUgdG8gZ2l2ZSB3YXkuICovXG4gICR7SWNvbkFuZFRleHRXcmFwcGVyfSB7XG4gICAgbWluLXdpZHRoOiAwO1xuXG4gICAgPiBzcGFuIHtcbiAgICAgIG1pbi13aWR0aDogMDtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgfVxuICB9XG5cbiAgJjpob3ZlciB7XG4gICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyd0ZXh0LWluZm8nXX07XG4gIH1cbmBcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const QuickFilterGroupElement = /*#__PURE__*/_styled(Flex, process.env.NODE_ENV === "production" ? {
+  target: "ebw50jb2"
+} : {
+  target: "ebw50jb2",
+  label: "codacy"
+})("flex-direction:column;padding:", ({
+  theme
+}) => theme.space[2], " 0;&:not(:last-child){border-bottom:", ({
+  theme
+}) => theme.borders[0], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9RdWlja0ZpbHRlci9RdWlja0ZpbHRlci5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU21EIiwiZmlsZSI6Ii4uLy4uL3NyYy9RdWlja0ZpbHRlci9RdWlja0ZpbHRlci5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEZsZXggfSBmcm9tICcuLi9GbGV4Ym94J1xuaW1wb3J0IHsgU3R5bGVkTGluayB9IGZyb20gJy4uL0xpbmsvTGluay5zdHlsZXMnXG5pbXBvcnQgeyBJY29uQW5kVGV4dFdyYXBwZXIgfSBmcm9tICcuLi9JY29uQW5kVGV4dC9JY29uQW5kVGV4dC5zdHlsZXMnXG5cbmV4cG9ydCBjb25zdCBRdWlja0ZpbHRlckJhc2VFbGVtZW50ID0gc3R5bGVkKEZsZXgpYFxuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuYFxuXG5leHBvcnQgY29uc3QgUXVpY2tGaWx0ZXJHcm91cEVsZW1lbnQgPSBzdHlsZWQoRmxleClgXG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMl19IDA7XG5cbiAgJjpub3QoOmxhc3QtY2hpbGQpIHtcbiAgICBib3JkZXItYm90dG9tOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmJvcmRlcnNbMF19O1xuICB9XG5gXG5cbmV4cG9ydCBjb25zdCBRdWlja0ZpbHRlck9wdGlvbkxhYmVsID0gc3R5bGVkLnNwYW5gXG4gIGRpc3BsYXk6IGJsb2NrO1xuICBvdmVyZmxvdzogaGlkZGVuO1xuICB0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgbWluLXdpZHRoOiAwO1xuYFxuXG5leHBvcnQgY29uc3QgUXVpY2tGaWx0ZXJPcHRpb25FbGVtZW50ID0gc3R5bGVkKFN0eWxlZExpbmspPHsgc2VsZWN0ZWQ/OiBib29sZWFuIH0+YFxuICBmbGV4LWdyb3c6IDE7XG4gIG1hcmdpbjogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsxXX0gMDtcblxuICB0cmFuc2l0aW9uOiBjb2xvciAwLjNzIGVhc2UtaW4tb3V0O1xuICBjb2xvcjogJHsoeyB0aGVtZSwgc2VsZWN0ZWQgfSkgPT4gdGhlbWUuY29sb3JzW3NlbGVjdGVkID8gJ3RleHQtaW5mbycgOiAndGV4dC1zZWNvbmRhcnknXX07XG4gIGZvbnQtd2VpZ2h0OiAkeyh7IHNlbGVjdGVkLCB0aGVtZSB9KSA9PiB0aGVtZS5mb250V2VpZ2h0c1tzZWxlY3RlZCA/ICdzZW1pLWJvbGQnIDogJ3JlZ3VsYXInXX07XG5cbiAgLyogZmxleCBpdGVtcyBkZWZhdWx0IHRvIG1pbi13aWR0aDogYXV0bywgd2hpY2ggd291bGQgZGVmZWF0IHRoZSBsYWJlbCdzIGVsbGlwc2lzLiBXaXRoIGFuXG4gICAgIGljb24gdGhlIGxhYmVsIHNpdHMgaW5zaWRlIEljb25BbmRUZXh0J3Mgb3duIHNwYW4sIHNvIGJvdGggbGV2ZWxzIGhhdmUgdG8gZ2l2ZSB3YXkuICovXG4gICR7SWNvbkFuZFRleHRXcmFwcGVyfSB7XG4gICAgbWluLXdpZHRoOiAwO1xuXG4gICAgPiBzcGFuIHtcbiAgICAgIG1pbi13aWR0aDogMDtcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgfVxuICB9XG5cbiAgJjpob3ZlciB7XG4gICAgY29sb3I6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuY29sb3JzWyd0ZXh0LWluZm8nXX07XG4gIH1cbmBcbiJdfQ== */"));
+export const QuickFilterOptionLabel = /*#__PURE__*/_styled("span", process.env.NODE_ENV === "production" ? {
+  target: "ebw50jb1"
+} : {
+  target: "ebw50jb1",
+  label: "codacy"
+})(process.env.NODE_ENV === "production" ? {
+  name: "wuzzic",
+  styles: "display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0"
+} : {
+  name: "wuzzic",
+  styles: "display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9RdWlja0ZpbHRlci9RdWlja0ZpbHRlci5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0JpRCIsImZpbGUiOiIuLi8uLi9zcmMvUXVpY2tGaWx0ZXIvUXVpY2tGaWx0ZXIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vRmxleGJveCdcbmltcG9ydCB7IFN0eWxlZExpbmsgfSBmcm9tICcuLi9MaW5rL0xpbmsuc3R5bGVzJ1xuaW1wb3J0IHsgSWNvbkFuZFRleHRXcmFwcGVyIH0gZnJvbSAnLi4vSWNvbkFuZFRleHQvSWNvbkFuZFRleHQuc3R5bGVzJ1xuXG5leHBvcnQgY29uc3QgUXVpY2tGaWx0ZXJCYXNlRWxlbWVudCA9IHN0eWxlZChGbGV4KWBcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbmBcblxuZXhwb3J0IGNvbnN0IFF1aWNrRmlsdGVyR3JvdXBFbGVtZW50ID0gc3R5bGVkKEZsZXgpYFxuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzJdfSAwO1xuXG4gICY6bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgYm9yZGVyLWJvdHRvbTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5ib3JkZXJzWzBdfTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgUXVpY2tGaWx0ZXJPcHRpb25MYWJlbCA9IHN0eWxlZC5zcGFuYFxuICBkaXNwbGF5OiBibG9jaztcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIG1pbi13aWR0aDogMDtcbmBcblxuZXhwb3J0IGNvbnN0IFF1aWNrRmlsdGVyT3B0aW9uRWxlbWVudCA9IHN0eWxlZChTdHlsZWRMaW5rKTx7IHNlbGVjdGVkPzogYm9vbGVhbiB9PmBcbiAgZmxleC1ncm93OiAxO1xuICBtYXJnaW46ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMV19IDA7XG5cbiAgdHJhbnNpdGlvbjogY29sb3IgMC4zcyBlYXNlLWluLW91dDtcbiAgY29sb3I6ICR7KHsgdGhlbWUsIHNlbGVjdGVkIH0pID0+IHRoZW1lLmNvbG9yc1tzZWxlY3RlZCA/ICd0ZXh0LWluZm8nIDogJ3RleHQtc2Vjb25kYXJ5J119O1xuICBmb250LXdlaWdodDogJHsoeyBzZWxlY3RlZCwgdGhlbWUgfSkgPT4gdGhlbWUuZm9udFdlaWdodHNbc2VsZWN0ZWQgPyAnc2VtaS1ib2xkJyA6ICdyZWd1bGFyJ119O1xuXG4gIC8qIGZsZXggaXRlbXMgZGVmYXVsdCB0byBtaW4td2lkdGg6IGF1dG8sIHdoaWNoIHdvdWxkIGRlZmVhdCB0aGUgbGFiZWwncyBlbGxpcHNpcy4gV2l0aCBhblxuICAgICBpY29uIHRoZSBsYWJlbCBzaXRzIGluc2lkZSBJY29uQW5kVGV4dCdzIG93biBzcGFuLCBzbyBib3RoIGxldmVscyBoYXZlIHRvIGdpdmUgd2F5LiAqL1xuICAke0ljb25BbmRUZXh0V3JhcHBlcn0ge1xuICAgIG1pbi13aWR0aDogMDtcblxuICAgID4gc3BhbiB7XG4gICAgICBtaW4td2lkdGg6IDA7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIH1cbiAgfVxuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1sndGV4dC1pbmZvJ119O1xuICB9XG5gXG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+export const QuickFilterOptionElement = /*#__PURE__*/_styled(StyledLink, process.env.NODE_ENV === "production" ? {
+  target: "ebw50jb0"
+} : {
+  target: "ebw50jb0",
+  label: "codacy"
+})("flex-grow:1;margin:", ({
+  theme
+}) => theme.space[1], " 0;transition:color 0.3s ease-in-out;color:", ({
+  theme,
+  selected
+}) => theme.colors[selected ? 'text-info' : 'text-secondary'], ";font-weight:", ({
+  selected,
+  theme
+}) => theme.fontWeights[selected ? 'semi-bold' : 'regular'], ";", IconAndTextWrapper, "{min-width:0;>span{min-width:0;overflow:hidden;}}&:hover{color:", ({
+  theme
+}) => theme.colors['text-info'], ";}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9RdWlja0ZpbHRlci9RdWlja0ZpbHRlci5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEJrRiIsImZpbGUiOiIuLi8uLi9zcmMvUXVpY2tGaWx0ZXIvUXVpY2tGaWx0ZXIuc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBGbGV4IH0gZnJvbSAnLi4vRmxleGJveCdcbmltcG9ydCB7IFN0eWxlZExpbmsgfSBmcm9tICcuLi9MaW5rL0xpbmsuc3R5bGVzJ1xuaW1wb3J0IHsgSWNvbkFuZFRleHRXcmFwcGVyIH0gZnJvbSAnLi4vSWNvbkFuZFRleHQvSWNvbkFuZFRleHQuc3R5bGVzJ1xuXG5leHBvcnQgY29uc3QgUXVpY2tGaWx0ZXJCYXNlRWxlbWVudCA9IHN0eWxlZChGbGV4KWBcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbmBcblxuZXhwb3J0IGNvbnN0IFF1aWNrRmlsdGVyR3JvdXBFbGVtZW50ID0gc3R5bGVkKEZsZXgpYFxuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWzJdfSAwO1xuXG4gICY6bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgYm9yZGVyLWJvdHRvbTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5ib3JkZXJzWzBdfTtcbiAgfVxuYFxuXG5leHBvcnQgY29uc3QgUXVpY2tGaWx0ZXJPcHRpb25MYWJlbCA9IHN0eWxlZC5zcGFuYFxuICBkaXNwbGF5OiBibG9jaztcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgdGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG4gIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gIG1pbi13aWR0aDogMDtcbmBcblxuZXhwb3J0IGNvbnN0IFF1aWNrRmlsdGVyT3B0aW9uRWxlbWVudCA9IHN0eWxlZChTdHlsZWRMaW5rKTx7IHNlbGVjdGVkPzogYm9vbGVhbiB9PmBcbiAgZmxleC1ncm93OiAxO1xuICBtYXJnaW46ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbMV19IDA7XG5cbiAgdHJhbnNpdGlvbjogY29sb3IgMC4zcyBlYXNlLWluLW91dDtcbiAgY29sb3I6ICR7KHsgdGhlbWUsIHNlbGVjdGVkIH0pID0+IHRoZW1lLmNvbG9yc1tzZWxlY3RlZCA/ICd0ZXh0LWluZm8nIDogJ3RleHQtc2Vjb25kYXJ5J119O1xuICBmb250LXdlaWdodDogJHsoeyBzZWxlY3RlZCwgdGhlbWUgfSkgPT4gdGhlbWUuZm9udFdlaWdodHNbc2VsZWN0ZWQgPyAnc2VtaS1ib2xkJyA6ICdyZWd1bGFyJ119O1xuXG4gIC8qIGZsZXggaXRlbXMgZGVmYXVsdCB0byBtaW4td2lkdGg6IGF1dG8sIHdoaWNoIHdvdWxkIGRlZmVhdCB0aGUgbGFiZWwncyBlbGxpcHNpcy4gV2l0aCBhblxuICAgICBpY29uIHRoZSBsYWJlbCBzaXRzIGluc2lkZSBJY29uQW5kVGV4dCdzIG93biBzcGFuLCBzbyBib3RoIGxldmVscyBoYXZlIHRvIGdpdmUgd2F5LiAqL1xuICAke0ljb25BbmRUZXh0V3JhcHBlcn0ge1xuICAgIG1pbi13aWR0aDogMDtcblxuICAgID4gc3BhbiB7XG4gICAgICBtaW4td2lkdGg6IDA7XG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIH1cbiAgfVxuXG4gICY6aG92ZXIge1xuICAgIGNvbG9yOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLmNvbG9yc1sndGV4dC1pbmZvJ119O1xuICB9XG5gXG4iXX0= */"));

package/lib/QuickFilter/QuickFilter.types.d.ts

@@ -0,0 +1,21 @@
+import { SpaceProps } from '../system-props/types';
+import { IconAndTextProps } from '../IconAndText';
+import { TextSize } from '../Typography';
+export interface QuickFilterOptionProps extends Pick<IconAndTextProps, 'iconProps'>, SpaceProps {
+    /** Icon for the option */
+    icon?: IconAndTextProps['icon'];
+    /** Renders the option as the selected one */
+    selected?: boolean;
+    /** The value handed back to `onClick` */
+    value: string;
+    /** The option's visible label */
+    label: string;
+    /** Renders a `MoreInfo` tooltip next to the label */
+    helpText?: string;
+    /** Called with the option's `value` when it is clicked */
+    onClick?: (value: string) => void;
+    /** Shown right-aligned, typically the number of matches */
+    count?: number | string;
+    /** Text size for the option */
+    size?: TextSize;
+}

package/lib/QuickFilter/QuickFilter.types.js

@@ -0,0 +1 @@
+export {};

package/lib/QuickFilter/index.d.ts

@@ -0,0 +1,2 @@
+export * from './QuickFilter';
+export * from './QuickFilter.types';

package/lib/QuickFilter/index.js

@@ -0,0 +1,2 @@
+export * from './QuickFilter';
+export * from './QuickFilter.types';

package/lib/Skeleton/Skeleton.js

@@ -1,7 +1,7 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React from 'react';
 import { SkeletonPrimitive } from './Skeleton.styles';
-import { Box } from '../';
+import { Box } from '../Flexbox';
 const CircleSkeleton = ({
   size = '2rem',
   ...props

package/lib/index.d.ts

@@ -29,6 +29,7 @@ export * from './Textarea';
 export * from './Divider';
 export * from './Message';
 export * from './PillLabel';
+export * from './QuickFilter';
 export * from './SeverityLabel';
 export * from './Tab';
 export * from './IconAndText';

package/lib/index.js

@@ -29,6 +29,7 @@ export * from './Textarea';
 export * from './Divider';
 export * from './Message';
 export * from './PillLabel';
+export * from './QuickFilter';
 export * from './SeverityLabel';
 export * from './Tab';
 export * from './IconAndText';

package/package.json

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