@codacy/ui-components 0.65.50 → 0.65.52

package/lib/ExpandableBox/ExpandableBox.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ExpandableBoxProps } from './ExpandableBox.types';
+import { BoxProps } from 'reakit';
+export declare const ExpandableBox: React.FC<ExpandableBoxProps & BoxProps>;

package/lib/ExpandableBox/ExpandableBox.js

@@ -0,0 +1,49 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ExpandableBox = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+var _react = _interopRequireDefault(require("react"));
+var _ExpandableBox = require("./ExpandableBox.styles");
+var _Flexbox = require("../Flexbox");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["children", "expanded", "primaryColor", "secondaryColor", "animating", "setAnimating", "expandableContentChildren"];
+/**
+ * Description for ExpandableBox
+ */
+var ANIMATION_DURATION = 300; // in milliseconds
+
+var ExpandableBox = exports.ExpandableBox = function ExpandableBox(_ref) {
+  var children = _ref.children,
+    expanded = _ref.expanded,
+    primaryColor = _ref.primaryColor,
+    secondaryColor = _ref.secondaryColor,
+    animating = _ref.animating,
+    setAnimating = _ref.setAnimating,
+    expandableContentChildren = _ref.expandableContentChildren,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flexbox.Box, (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, props), {}, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpandableBox.StyledExpandableBox, {
+      primaryColor: primaryColor,
+      expanded: expanded,
+      padding: 4,
+      children: children
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpandableBox.StyledAnimateHeight, {
+      secondaryColor: secondaryColor,
+      duration: ANIMATION_DURATION,
+      height: expanded ? 'auto' : 0,
+      easing: "ease-in-out",
+      onAnimationEnd: function onAnimationEnd() {
+        return setAnimating === null || setAnimating === void 0 ? void 0 : setAnimating(false);
+      },
+      children: (expanded || animating) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ExpandableBox.StyledBox, {
+        p: 4,
+        children: expandableContentChildren
+      })
+    })]
+  }));
+};

package/lib/ExpandableBox/ExpandableBox.styles.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import { Color } from '../theme';
+export declare const StyledAnimateHeight: import("@emotion/styled").StyledComponent<import("react-animate-height").AnimateHeightProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & {
+    secondaryColor?: Color | undefined;
+}, {}, {}>;
+export declare const StyledExpandableBox: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | 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("../theme").FontWeights, import("../theme").CodacyTheme> | undefined;
+} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & import("..").FlexboxProps & import("..").GridboxProps & {
+    primaryColor?: Color | undefined;
+    expanded?: boolean | undefined;
+}, {}, {}>;
+export declare const StyledBox: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | 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("../theme").FontWeights, import("../theme").CodacyTheme> | undefined;
+} & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & import("..").FlexboxProps & import("..").GridboxProps, {}, {}>;

package/lib/ExpandableBox/ExpandableBox.styles.js

@@ -0,0 +1,53 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledExpandableBox = exports.StyledBox = exports.StyledAnimateHeight = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _Flexbox = require("../Flexbox");
+var _reactAnimateHeight = _interopRequireDefault(require("react-animate-height"));
+var StyledAnimateHeight = exports.StyledAnimateHeight = /*#__PURE__*/(0, _base["default"])(_reactAnimateHeight["default"], process.env.NODE_ENV === "production" ? {
+  target: "e1sxq8nk2"
+} : {
+  target: "e1sxq8nk2",
+  label: "codacy"
+})("box-shadow:", function (_ref) {
+  var theme = _ref.theme,
+    secondaryColor = _ref.secondaryColor;
+  return secondaryColor ? "-".concat(theme.borderWidths[2], " 0  0 ").concat(theme.colors["".concat(secondaryColor)], " , 0 0.25rem 0.35rem ").concat(theme.colors['border-primary'], ", -0.45rem 0.25rem 0.35rem ").concat(theme.colors['grey-70'], "88") : 'none';
+}, ";border-radius:", function (_ref2) {
+  var theme = _ref2.theme;
+  return "0 0 ".concat(theme.radii[1], " ").concat(theme.radii[1]);
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9FeHBhbmRhYmxlQm94L0V4cGFuZGFibGVCb3guc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtvRiIsImZpbGUiOiIuLi8uLi9zcmMvRXhwYW5kYWJsZUJveC9FeHBhbmRhYmxlQm94LnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi4vRmxleGJveCdcbmltcG9ydCB7IENvbG9yIH0gZnJvbSAnLi4vdGhlbWUnXG5pbXBvcnQgQW5pbWF0ZUhlaWdodCBmcm9tICdyZWFjdC1hbmltYXRlLWhlaWdodCdcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFuaW1hdGVIZWlnaHQgPSBzdHlsZWQoQW5pbWF0ZUhlaWdodCk8eyBzZWNvbmRhcnlDb2xvcj86IENvbG9yIH0+YFxuICBib3gtc2hhZG93OiAkeyh7IHRoZW1lLCBzZWNvbmRhcnlDb2xvciB9KSA9PlxuICAgIHNlY29uZGFyeUNvbG9yXG4gICAgICA/IGAtJHt0aGVtZS5ib3JkZXJXaWR0aHNbMl19IDAgIDAgJHt0aGVtZS5jb2xvcnNbYCR7c2Vjb25kYXJ5Q29sb3J9YF19ICwgMCAwLjI1cmVtIDAuMzVyZW0gJHtcbiAgICAgICAgICB0aGVtZS5jb2xvcnNbJ2JvcmRlci1wcmltYXJ5J11cbiAgICAgICAgfSwgLTAuNDVyZW0gMC4yNXJlbSAwLjM1cmVtICR7dGhlbWUuY29sb3JzWydncmV5LTcwJ119ODhgXG4gICAgICA6ICdub25lJ307XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gYDAgMCAke3RoZW1lLnJhZGlpWzFdfSAke3RoZW1lLnJhZGlpWzFdfWB9O1xuYFxuXG5leHBvcnQgY29uc3QgU3R5bGVkRXhwYW5kYWJsZUJveCA9IHN0eWxlZChCb3gpPHsgcHJpbWFyeUNvbG9yPzogQ29sb3I7IGV4cGFuZGVkPzogYm9vbGVhbiB9PmBcbiAgYm9yZGVyOiAkeyh7IHRoZW1lIH0pID0+IGBzb2xpZCAke3RoZW1lLmJvcmRlcldpZHRoc1swXX0gJHt0aGVtZS5jb2xvcnNbJ2JvcmRlci1wcmltYXJ5J119YH07XG4gIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUsIGV4cGFuZGVkLCBwcmltYXJ5Q29sb3IgfSkgPT5cbiAgICBleHBhbmRlZCAmJiBwcmltYXJ5Q29sb3JcbiAgICAgID8gYC0ke3RoZW1lLmJvcmRlcldpZHRoc1syXX0gMCAgMCAke1xuICAgICAgICAgIHRoZW1lLmNvbG9yc1tgJHtwcmltYXJ5Q29sb3J9YF1cbiAgICAgICAgfSR7YCwgMCAwLjI1cmVtIDAuMzVyZW0gJHt0aGVtZS5jb2xvcnNbJ2JvcmRlci1wcmltYXJ5J119LCAtMC40NXJlbSAwLjA1cmVtIDAuMzVyZW0gJHt0aGVtZS5jb2xvcnNbJ2dyZXktNzAnXX04OGB9YFxuICAgICAgOiBwcmltYXJ5Q29sb3JcbiAgICAgICAgPyBgLSR7dGhlbWUuYm9yZGVyV2lkdGhzWzJdfSAwICAwICR7dGhlbWUuY29sb3JzW2Ake3ByaW1hcnlDb2xvcn1gIGFzIENvbG9yXX1gXG4gICAgICAgIDogYC0ke3RoZW1lLmJvcmRlcldpZHRoc1syXX0gMCAwICR7dGhlbWUuY29sb3JzWydzdWJ0bGUtcHJpbWFyeScgYXMgQ29sb3JdfWB9O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lLCBleHBhbmRlZCB9KSA9PiAoZXhwYW5kZWQgPyBgJHt0aGVtZS5yYWRpaVsxXX0gJHt0aGVtZS5yYWRpaVsxXX0gMCAwYCA6IHRoZW1lLnJhZGlpWzFdKX07XG5gXG5leHBvcnQgY29uc3QgU3R5bGVkQm94ID0gc3R5bGVkKEJveClgXG4gIGJvcmRlcjogJHsoeyB0aGVtZSB9KSA9PiBgc29saWQgJHt0aGVtZS5ib3JkZXJXaWR0aHNbMF19ICR7dGhlbWUuY29sb3JzWydib3JkZXItcHJpbWFyeSddfWB9O1xuICBib3JkZXItdG9wOiBub25lO1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IGAwIDAgJHt0aGVtZS5yYWRpaVsxXX0gJHt0aGVtZS5yYWRpaVsxXX1gfTtcbmBcbiJdfQ== */"));
+var StyledExpandableBox = exports.StyledExpandableBox = /*#__PURE__*/(0, _base["default"])(_Flexbox.Box, process.env.NODE_ENV === "production" ? {
+  target: "e1sxq8nk1"
+} : {
+  target: "e1sxq8nk1",
+  label: "codacy"
+})("border:", function (_ref3) {
+  var theme = _ref3.theme;
+  return "solid ".concat(theme.borderWidths[0], " ").concat(theme.colors['border-primary']);
+}, ";box-shadow:", function (_ref4) {
+  var theme = _ref4.theme,
+    expanded = _ref4.expanded,
+    primaryColor = _ref4.primaryColor;
+  return expanded && primaryColor ? "-".concat(theme.borderWidths[2], " 0  0 ").concat(theme.colors["".concat(primaryColor)], ", 0 0.25rem 0.35rem ".concat(theme.colors['border-primary'], ", -0.45rem 0.05rem 0.35rem ").concat(theme.colors['grey-70'], "88")) : primaryColor ? "-".concat(theme.borderWidths[2], " 0  0 ").concat(theme.colors["".concat(primaryColor)]) : "-".concat(theme.borderWidths[2], " 0 0 ").concat(theme.colors['subtle-primary']);
+}, ";border-radius:", function (_ref5) {
+  var theme = _ref5.theme,
+    expanded = _ref5.expanded;
+  return expanded ? "".concat(theme.radii[1], " ").concat(theme.radii[1], " 0 0") : theme.radii[1];
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9FeHBhbmRhYmxlQm94L0V4cGFuZGFibGVCb3guc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWU0RiIsImZpbGUiOiIuLi8uLi9zcmMvRXhwYW5kYWJsZUJveC9FeHBhbmRhYmxlQm94LnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgQm94IH0gZnJvbSAnLi4vRmxleGJveCdcbmltcG9ydCB7IENvbG9yIH0gZnJvbSAnLi4vdGhlbWUnXG5pbXBvcnQgQW5pbWF0ZUhlaWdodCBmcm9tICdyZWFjdC1hbmltYXRlLWhlaWdodCdcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEFuaW1hdGVIZWlnaHQgPSBzdHlsZWQoQW5pbWF0ZUhlaWdodCk8eyBzZWNvbmRhcnlDb2xvcj86IENvbG9yIH0+YFxuICBib3gtc2hhZG93OiAkeyh7IHRoZW1lLCBzZWNvbmRhcnlDb2xvciB9KSA9PlxuICAgIHNlY29uZGFyeUNvbG9yXG4gICAgICA/IGAtJHt0aGVtZS5ib3JkZXJXaWR0aHNbMl19IDAgIDAgJHt0aGVtZS5jb2xvcnNbYCR7c2Vjb25kYXJ5Q29sb3J9YF19ICwgMCAwLjI1cmVtIDAuMzVyZW0gJHtcbiAgICAgICAgICB0aGVtZS5jb2xvcnNbJ2JvcmRlci1wcmltYXJ5J11cbiAgICAgICAgfSwgLTAuNDVyZW0gMC4yNXJlbSAwLjM1cmVtICR7dGhlbWUuY29sb3JzWydncmV5LTcwJ119ODhgXG4gICAgICA6ICdub25lJ307XG4gIGJvcmRlci1yYWRpdXM6ICR7KHsgdGhlbWUgfSkgPT4gYDAgMCAke3RoZW1lLnJhZGlpWzFdfSAke3RoZW1lLnJhZGlpWzFdfWB9O1xuYFxuXG5leHBvcnQgY29uc3QgU3R5bGVkRXhwYW5kYWJsZUJveCA9IHN0eWxlZChCb3gpPHsgcHJpbWFyeUNvbG9yPzogQ29sb3I7IGV4cGFuZGVkPzogYm9vbGVhbiB9PmBcbiAgYm9yZGVyOiAkeyh7IHRoZW1lIH0pID0+IGBzb2xpZCAke3RoZW1lLmJvcmRlcldpZHRoc1swXX0gJHt0aGVtZS5jb2xvcnNbJ2JvcmRlci1wcmltYXJ5J119YH07XG4gIGJveC1zaGFkb3c6ICR7KHsgdGhlbWUsIGV4cGFuZGVkLCBwcmltYXJ5Q29sb3IgfSkgPT5cbiAgICBleHBhbmRlZCAmJiBwcmltYXJ5Q29sb3JcbiAgICAgID8gYC0ke3RoZW1lLmJvcmRlcldpZHRoc1syXX0gMCAgMCAke1xuICAgICAgICAgIHRoZW1lLmNvbG9yc1tgJHtwcmltYXJ5Q29sb3J9YF1cbiAgICAgICAgfSR7YCwgMCAwLjI1cmVtIDAuMzVyZW0gJHt0aGVtZS5jb2xvcnNbJ2JvcmRlci1wcmltYXJ5J119LCAtMC40NXJlbSAwLjA1cmVtIDAuMzVyZW0gJHt0aGVtZS5jb2xvcnNbJ2dyZXktNzAnXX04OGB9YFxuICAgICAgOiBwcmltYXJ5Q29sb3JcbiAgICAgICAgPyBgLSR7dGhlbWUuYm9yZGVyV2lkdGhzWzJdfSAwICAwICR7dGhlbWUuY29sb3JzW2Ake3ByaW1hcnlDb2xvcn1gIGFzIENvbG9yXX1gXG4gICAgICAgIDogYC0ke3RoZW1lLmJvcmRlcldpZHRoc1syXX0gMCAwICR7dGhlbWUuY29sb3JzWydzdWJ0bGUtcHJpbWFyeScgYXMgQ29sb3JdfWB9O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lLCBleHBhbmRlZCB9KSA9PiAoZXhwYW5kZWQgPyBgJHt0aGVtZS5yYWRpaVsxXX0gJHt0aGVtZS5yYWRpaVsxXX0gMCAwYCA6IHRoZW1lLnJhZGlpWzFdKX07XG5gXG5leHBvcnQgY29uc3QgU3R5bGVkQm94ID0gc3R5bGVkKEJveClgXG4gIGJvcmRlcjogJHsoeyB0aGVtZSB9KSA9PiBgc29saWQgJHt0aGVtZS5ib3JkZXJXaWR0aHNbMF19ICR7dGhlbWUuY29sb3JzWydib3JkZXItcHJpbWFyeSddfWB9O1xuICBib3JkZXItdG9wOiBub25lO1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IGAwIDAgJHt0aGVtZS5yYWRpaVsxXX0gJHt0aGVtZS5yYWRpaVsxXX1gfTtcbmBcbiJdfQ== */"));
+var StyledBox = exports.StyledBox = /*#__PURE__*/(0, _base["default"])(_Flexbox.Box, process.env.NODE_ENV === "production" ? {
+  target: "e1sxq8nk0"
+} : {
+  target: "e1sxq8nk0",
+  label: "codacy"
+})("border:", function (_ref6) {
+  var theme = _ref6.theme;
+  return "solid ".concat(theme.borderWidths[0], " ").concat(theme.colors['border-primary']);
+}, ";border-top:none;border-radius:", function (_ref7) {
+  var theme = _ref7.theme;
+  return "0 0 ".concat(theme.radii[1], " ").concat(theme.radii[1]);
+}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9FeHBhbmRhYmxlQm94L0V4cGFuZGFibGVCb3guc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCb0MiLCJmaWxlIjoiLi4vLi4vc3JjL0V4cGFuZGFibGVCb3gvRXhwYW5kYWJsZUJveC5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IEJveCB9IGZyb20gJy4uL0ZsZXhib3gnXG5pbXBvcnQgeyBDb2xvciB9IGZyb20gJy4uL3RoZW1lJ1xuaW1wb3J0IEFuaW1hdGVIZWlnaHQgZnJvbSAncmVhY3QtYW5pbWF0ZS1oZWlnaHQnXG5cbmV4cG9ydCBjb25zdCBTdHlsZWRBbmltYXRlSGVpZ2h0ID0gc3R5bGVkKEFuaW1hdGVIZWlnaHQpPHsgc2Vjb25kYXJ5Q29sb3I/OiBDb2xvciB9PmBcbiAgYm94LXNoYWRvdzogJHsoeyB0aGVtZSwgc2Vjb25kYXJ5Q29sb3IgfSkgPT5cbiAgICBzZWNvbmRhcnlDb2xvclxuICAgICAgPyBgLSR7dGhlbWUuYm9yZGVyV2lkdGhzWzJdfSAwICAwICR7dGhlbWUuY29sb3JzW2Ake3NlY29uZGFyeUNvbG9yfWBdfSAsIDAgMC4yNXJlbSAwLjM1cmVtICR7XG4gICAgICAgICAgdGhlbWUuY29sb3JzWydib3JkZXItcHJpbWFyeSddXG4gICAgICAgIH0sIC0wLjQ1cmVtIDAuMjVyZW0gMC4zNXJlbSAke3RoZW1lLmNvbG9yc1snZ3JleS03MCddfTg4YFxuICAgICAgOiAnbm9uZSd9O1xuICBib3JkZXItcmFkaXVzOiAkeyh7IHRoZW1lIH0pID0+IGAwIDAgJHt0aGVtZS5yYWRpaVsxXX0gJHt0aGVtZS5yYWRpaVsxXX1gfTtcbmBcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEV4cGFuZGFibGVCb3ggPSBzdHlsZWQoQm94KTx7IHByaW1hcnlDb2xvcj86IENvbG9yOyBleHBhbmRlZD86IGJvb2xlYW4gfT5gXG4gIGJvcmRlcjogJHsoeyB0aGVtZSB9KSA9PiBgc29saWQgJHt0aGVtZS5ib3JkZXJXaWR0aHNbMF19ICR7dGhlbWUuY29sb3JzWydib3JkZXItcHJpbWFyeSddfWB9O1xuICBib3gtc2hhZG93OiAkeyh7IHRoZW1lLCBleHBhbmRlZCwgcHJpbWFyeUNvbG9yIH0pID0+XG4gICAgZXhwYW5kZWQgJiYgcHJpbWFyeUNvbG9yXG4gICAgICA/IGAtJHt0aGVtZS5ib3JkZXJXaWR0aHNbMl19IDAgIDAgJHtcbiAgICAgICAgICB0aGVtZS5jb2xvcnNbYCR7cHJpbWFyeUNvbG9yfWBdXG4gICAgICAgIH0ke2AsIDAgMC4yNXJlbSAwLjM1cmVtICR7dGhlbWUuY29sb3JzWydib3JkZXItcHJpbWFyeSddfSwgLTAuNDVyZW0gMC4wNXJlbSAwLjM1cmVtICR7dGhlbWUuY29sb3JzWydncmV5LTcwJ119ODhgfWBcbiAgICAgIDogcHJpbWFyeUNvbG9yXG4gICAgICAgID8gYC0ke3RoZW1lLmJvcmRlcldpZHRoc1syXX0gMCAgMCAke3RoZW1lLmNvbG9yc1tgJHtwcmltYXJ5Q29sb3J9YCBhcyBDb2xvcl19YFxuICAgICAgICA6IGAtJHt0aGVtZS5ib3JkZXJXaWR0aHNbMl19IDAgMCAke3RoZW1lLmNvbG9yc1snc3VidGxlLXByaW1hcnknIGFzIENvbG9yXX1gfTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSwgZXhwYW5kZWQgfSkgPT4gKGV4cGFuZGVkID8gYCR7dGhlbWUucmFkaWlbMV19ICR7dGhlbWUucmFkaWlbMV19IDAgMGAgOiB0aGVtZS5yYWRpaVsxXSl9O1xuYFxuZXhwb3J0IGNvbnN0IFN0eWxlZEJveCA9IHN0eWxlZChCb3gpYFxuICBib3JkZXI6ICR7KHsgdGhlbWUgfSkgPT4gYHNvbGlkICR7dGhlbWUuYm9yZGVyV2lkdGhzWzBdfSAke3RoZW1lLmNvbG9yc1snYm9yZGVyLXByaW1hcnknXX1gfTtcbiAgYm9yZGVyLXRvcDogbm9uZTtcbiAgYm9yZGVyLXJhZGl1czogJHsoeyB0aGVtZSB9KSA9PiBgMCAwICR7dGhlbWUucmFkaWlbMV19ICR7dGhlbWUucmFkaWlbMV19YH07XG5gXG4iXX0= */"));

package/lib/ExpandableBox/ExpandableBox.types.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { ContainerComponentProps } from '../types';
+import { SpaceProps, LayoutProps, ColorProps } from '../system-props/types';
+import { Color } from '../theme';
+export interface ExpandableBoxProps extends ContainerComponentProps, SpaceProps, LayoutProps, ColorProps {
+    primaryColor?: Color;
+    secondaryColor?: Color;
+    expanded?: boolean;
+    animating?: boolean;
+    setAnimating?: (animating: boolean) => void;
+    expandableContentChildren?: React.ReactNode;
+}

package/lib/ExpandableBox/ExpandableBox.types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/lib/ExpandableBox/index.d.ts

@@ -0,0 +1 @@
+export * from './ExpandableBox';

package/lib/ExpandableBox/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _ExpandableBox = require("./ExpandableBox");
+Object.keys(_ExpandableBox).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ExpandableBox[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ExpandableBox[key];
+    }
+  });
+});

package/lib/index.d.ts

@@ -45,3 +45,4 @@ export * from './system-props';
 export * from './ProgressBar';
 export * from './Slider';
 export * from './MultiSlider';
+export * from './ExpandableBox';

package/lib/index.js

@@ -519,4 +519,15 @@ Object.keys(_MultiSlider).forEach(function (key) {
       return _MultiSlider[key];
     }
   });
+});
+var _ExpandableBox = require("./ExpandableBox");
+Object.keys(_ExpandableBox).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ExpandableBox[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ExpandableBox[key];
+    }
+  });
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@codacy/ui-components",
-  "version": "0.65.50",
+  "version": "0.65.52",
   "description": "",
   "license": "ISC",
   "author": "",
@@ -91,6 +91,7 @@
     "numeral": "^2.0.6",
     "prettier": "^3.1.1",
     "react": "^18.2.0",
+    "react-animate-height": "3.1.1",
     "react-docgen-typescript-loader": "^3.7.2",
     "react-dom": "^18.2.0",
     "react-popper": "^2.3.0",