@activecollab/components 1.0.415 → 2.0.1

package/dist/esm/components/ProgressPie/ProgressPie.js

@@ -1,16 +1,23 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["radius"];
-import React from "react";
-import { ProgressRing } from "../ProgressRing";
-export var ProgressPie = function ProgressPie(_ref) {
-  var _ref$radius = _ref.radius,
-    radius = _ref$radius === void 0 ? 20 : _ref$radius,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(ProgressRing, _extends({}, rest, {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ProgressPie = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _ProgressRing = require("../ProgressRing");
+const ProgressPie = _ref => {
+  let {
+    radius = 20,
+    ...rest
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_ProgressRing.ProgressRing, (0, _extends2.default)({}, rest, {
     stroke: radius,
     radius: radius
   }));
 };
+exports.ProgressPie = ProgressPie;
 ProgressPie.displayName = "ProgressPie";
 //# sourceMappingURL=ProgressPie.js.map

package/dist/esm/components/ProgressPie/ProgressPie.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressPie.js","names":["React","ProgressRing","ProgressPie","radius","rest","displayName"],"sources":["../../../../src/components/ProgressPie/ProgressPie.tsx"],"sourcesContent":["import React from \"react\";\nimport { ProgressRing, ProgressRingProps } from \"../ProgressRing\";\n\nexport const ProgressPie = ({\n  radius = 20,\n  ...rest\n}: Omit<ProgressRingProps, \"stroke\" | \"fontSize\" | \"showPercentage\">) => {\n  return <ProgressRing {...rest} stroke={radius} radius={radius} />;\n};\n\nProgressPie.displayName = \"ProgressPie\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,YAAY,QAA2B,iBAAiB;AAEjE,OAAO,IAAMC,WAAW,GAAG,SAAdA,WAAW,OAGiD;EAAA,uBAFvEC,MAAM;IAANA,MAAM,4BAAG,EAAE;IACRC,IAAI;EAEP,oBAAO,oBAAC,YAAY,eAAKA,IAAI;IAAE,MAAM,EAAED,MAAO;IAAC,MAAM,EAAEA;EAAO,GAAG;AACnE,CAAC;AAEDD,WAAW,CAACG,WAAW,GAAG,aAAa"}
+{"version":3,"file":"ProgressPie.js","names":["_react","_interopRequireDefault","require","_ProgressRing","ProgressPie","_ref","radius","rest","default","createElement","ProgressRing","_extends2","stroke","exports","displayName"],"sources":["../../../../src/components/ProgressPie/ProgressPie.tsx"],"sourcesContent":["import React from \"react\";\nimport { ProgressRing, ProgressRingProps } from \"../ProgressRing\";\n\nexport const ProgressPie = ({\n  radius = 20,\n  ...rest\n}: Omit<ProgressRingProps, \"stroke\" | \"fontSize\" | \"showPercentage\">) => {\n  return <ProgressRing {...rest} stroke={radius} radius={radius} />;\n};\n\nProgressPie.displayName = \"ProgressPie\";\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEO,MAAME,WAAW,GAAGC,IAAA,IAG8C;EAAA,IAH7C;IAC1BC,MAAM,GAAG,EAAE;IACX,GAAGC;EAC8D,CAAC,GAAAF,IAAA;EAClE,oBAAOL,MAAA,CAAAQ,OAAA,CAAAC,aAAA,CAACN,aAAA,CAAAO,YAAY,MAAAC,SAAA,CAAAH,OAAA,MAAKD,IAAI;IAAEK,MAAM,EAAEN,MAAO;IAACA,MAAM,EAAEA;EAAO,EAAE,CAAC;AACnE,CAAC;AAACO,OAAA,CAAAT,WAAA,GAAAA,WAAA;AAEFA,WAAW,CAACU,WAAW,GAAG,aAAa"}

package/dist/esm/components/ProgressPie/index.js

@@ -1,2 +1,17 @@
-export * from "./ProgressPie";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _ProgressPie = require("./ProgressPie");
+Object.keys(_ProgressPie).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ProgressPie[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ProgressPie[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/dist/esm/components/ProgressPie/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ProgressPie/index.ts"],"sourcesContent":["export * from \"./ProgressPie\";\n"],"mappings":"AAAA,cAAc,eAAe"}
+{"version":3,"file":"index.js","names":["_ProgressPie","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/ProgressPie/index.ts"],"sourcesContent":["export * from \"./ProgressPie\";\n"],"mappings":";;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,YAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/dist/esm/components/ProgressRing/ProgressRing.js

@@ -1,25 +1,32 @@
-import React, { useMemo } from "react";
-import { StyledBackgroundCircle, StyledForegroundCircle, StyledSvg, StyledProgressRingPercentage } from "./Styles";
-import classNames from "classnames";
-export var ProgressRing = function ProgressRing(_ref) {
-  var backgroundColor = _ref.backgroundColor,
-    progressColor = _ref.progressColor,
-    _ref$progress = _ref.progress,
-    progress = _ref$progress === void 0 ? 0 : _ref$progress,
-    _ref$radius = _ref.radius,
-    radius = _ref$radius === void 0 ? 20 : _ref$radius,
-    _ref$stroke = _ref.stroke,
-    stroke = _ref$stroke === void 0 ? 3 : _ref$stroke,
-    className = _ref.className,
-    _ref$showPercentage = _ref.showPercentage,
-    showPercentage = _ref$showPercentage === void 0 ? false : _ref$showPercentage,
-    fontSize = _ref.fontSize;
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ProgressRing = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Styles = require("./Styles");
+var _classnames = _interopRequireDefault(require("classnames"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const ProgressRing = _ref => {
+  let {
+    backgroundColor,
+    progressColor,
+    progress = 0,
+    radius = 20,
+    stroke = 3,
+    className,
+    showPercentage = false,
+    fontSize
+  } = _ref;
   if (stroke > radius) {
     console.warn("Stroke can not have value greater than the radius.");
     stroke = radius;
   }
-  var progressNumber = useMemo(function () {
-    var width = progress;
+  const progressNumber = (0, _react.useMemo)(() => {
+    let width = progress;
     if (progress > 100) {
       width = 100;
     }
@@ -28,39 +35,31 @@ export var ProgressRing = function ProgressRing(_ref) {
     }
     return width;
   }, [progress]);
-  var normalizedRadius = useMemo(function () {
-    return radius - stroke / 2;
-  }, [radius, stroke]);
-  var circumference = useMemo(function () {
-    return normalizedRadius * 2 * Math.PI;
-  }, [normalizedRadius]);
-  var strokeDashoffsetOuter = useMemo(function () {
-    return circumference - (100 - progressNumber) / 100 * circumference;
-  }, [circumference, progressNumber]);
-  var strokeDashoffsetInner = useMemo(function () {
-    return circumference - progressNumber / 100 * circumference;
-  }, [circumference, progressNumber]);
-  return /*#__PURE__*/React.createElement(StyledSvg, {
+  const normalizedRadius = (0, _react.useMemo)(() => radius - stroke / 2, [radius, stroke]);
+  const circumference = (0, _react.useMemo)(() => normalizedRadius * 2 * Math.PI, [normalizedRadius]);
+  const strokeDashoffsetOuter = (0, _react.useMemo)(() => circumference - (100 - progressNumber) / 100 * circumference, [circumference, progressNumber]);
+  const strokeDashoffsetInner = (0, _react.useMemo)(() => circumference - progressNumber / 100 * circumference, [circumference, progressNumber]);
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledSvg, {
     height: radius * 2,
     width: radius * 2,
-    className: classNames(className)
-  }, /*#__PURE__*/React.createElement(StyledBackgroundCircle, {
+    className: (0, _classnames.default)(className)
+  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledBackgroundCircle, {
     $color: backgroundColor,
     $strokeDashOffset: -strokeDashoffsetOuter,
     strokeWidth: stroke,
-    strokeDasharray: circumference + " " + circumference,
+    strokeDasharray: `${circumference} ${circumference}`,
     r: normalizedRadius,
     cx: radius,
     cy: radius
-  }), /*#__PURE__*/React.createElement(StyledForegroundCircle, {
+  }), /*#__PURE__*/_react.default.createElement(_Styles.StyledForegroundCircle, {
     $color: progressColor,
     $strokeDashOffset: strokeDashoffsetInner,
     strokeWidth: stroke,
-    strokeDasharray: circumference + " " + circumference,
+    strokeDasharray: `${circumference} ${circumference}`,
     r: normalizedRadius,
     cx: radius,
     cy: radius
-  }), showPercentage ? /*#__PURE__*/React.createElement(StyledProgressRingPercentage, {
+  }), showPercentage ? /*#__PURE__*/_react.default.createElement(_Styles.StyledProgressRingPercentage, {
     $color: progressColor,
     $fontSize: fontSize,
     x: "50%",
@@ -69,5 +68,6 @@ export var ProgressRing = function ProgressRing(_ref) {
     textAnchor: "middle"
   }, progressNumber, "%") : null);
 };
+exports.ProgressRing = ProgressRing;
 ProgressRing.displayName = "ProgressRing";
 //# sourceMappingURL=ProgressRing.js.map

package/dist/esm/components/ProgressRing/ProgressRing.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressRing.js","names":["React","useMemo","StyledBackgroundCircle","StyledForegroundCircle","StyledSvg","StyledProgressRingPercentage","classNames","ProgressRing","backgroundColor","progressColor","progress","radius","stroke","className","showPercentage","fontSize","console","warn","progressNumber","width","normalizedRadius","circumference","Math","PI","strokeDashoffsetOuter","strokeDashoffsetInner","displayName"],"sources":["../../../../src/components/ProgressRing/ProgressRing.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport {\n  StyledBackgroundCircle,\n  StyledForegroundCircle,\n  StyledSvg,\n  StyledProgressRingPercentage,\n} from \"./Styles\";\nimport classNames from \"classnames\";\n\nexport interface ProgressRingProps {\n  /** Progress prop can be number. */\n  progress?: number;\n  /** Custom classname for styling. */\n  backgroundColor?: string;\n  /** Custom classname for styling. */\n  progressColor?: string;\n  /** Custom classname for styling. */\n  radius?: number;\n  /** Custom classname for styling. */\n  stroke?: number;\n  /** Applies passed classes */\n  className?: string;\n  /** Should the percentage be displayed inside ring or not */\n  showPercentage?: boolean;\n  /** Size of displayed percentage */\n  fontSize?: number;\n}\n\nexport const ProgressRing = ({\n  backgroundColor,\n  progressColor,\n  progress = 0,\n  radius = 20,\n  stroke = 3,\n  className,\n  showPercentage = false,\n  fontSize,\n}: ProgressRingProps) => {\n  if (stroke > radius) {\n    console.warn(\"Stroke can not have value greater than the radius.\");\n    stroke = radius;\n  }\n  const progressNumber = useMemo(() => {\n    let width = progress;\n    if (progress > 100) {\n      width = 100;\n    }\n    if (progress < 0) {\n      width = 0;\n    }\n    return width;\n  }, [progress]);\n\n  const normalizedRadius = useMemo(() => radius - stroke / 2, [radius, stroke]);\n  const circumference = useMemo(\n    () => normalizedRadius * 2 * Math.PI,\n    [normalizedRadius]\n  );\n  const strokeDashoffsetOuter = useMemo(\n    () => circumference - ((100 - progressNumber) / 100) * circumference,\n    [circumference, progressNumber]\n  );\n  const strokeDashoffsetInner = useMemo(\n    () => circumference - (progressNumber / 100) * circumference,\n    [circumference, progressNumber]\n  );\n\n  return (\n    <StyledSvg\n      height={radius * 2}\n      width={radius * 2}\n      className={classNames(className)}\n    >\n      <StyledBackgroundCircle\n        $color={backgroundColor}\n        $strokeDashOffset={-strokeDashoffsetOuter}\n        strokeWidth={stroke}\n        strokeDasharray={`${circumference} ${circumference}`}\n        r={normalizedRadius}\n        cx={radius}\n        cy={radius}\n      />\n      <StyledForegroundCircle\n        $color={progressColor}\n        $strokeDashOffset={strokeDashoffsetInner}\n        strokeWidth={stroke}\n        strokeDasharray={`${circumference} ${circumference}`}\n        r={normalizedRadius}\n        cx={radius}\n        cy={radius}\n      />\n      {showPercentage ? (\n        <StyledProgressRingPercentage\n          $color={progressColor}\n          $fontSize={fontSize}\n          x=\"50%\"\n          y=\"-50%\"\n          dominantBaseline=\"central\"\n          textAnchor=\"middle\"\n        >\n          {progressNumber}%\n        </StyledProgressRingPercentage>\n      ) : null}\n    </StyledSvg>\n  );\n};\n\nProgressRing.displayName = \"ProgressRing\";\n"],"mappings":"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"}
+{"version":3,"file":"ProgressRing.js","names":["_react","_interopRequireWildcard","require","_Styles","_classnames","_interopRequireDefault","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","ProgressRing","_ref","backgroundColor","progressColor","progress","radius","stroke","className","showPercentage","fontSize","console","warn","progressNumber","useMemo","width","normalizedRadius","circumference","Math","PI","strokeDashoffsetOuter","strokeDashoffsetInner","createElement","StyledSvg","height","classNames","StyledBackgroundCircle","$color","$strokeDashOffset","strokeWidth","strokeDasharray","cx","cy","StyledForegroundCircle","StyledProgressRingPercentage","$fontSize","x","y","dominantBaseline","textAnchor","exports","displayName"],"sources":["../../../../src/components/ProgressRing/ProgressRing.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport {\n  StyledBackgroundCircle,\n  StyledForegroundCircle,\n  StyledSvg,\n  StyledProgressRingPercentage,\n} from \"./Styles\";\nimport classNames from \"classnames\";\n\nexport interface ProgressRingProps {\n  /** Progress prop can be number. */\n  progress?: number;\n  /** Custom classname for styling. */\n  backgroundColor?: string;\n  /** Custom classname for styling. */\n  progressColor?: string;\n  /** Custom classname for styling. */\n  radius?: number;\n  /** Custom classname for styling. */\n  stroke?: number;\n  /** Applies passed classes */\n  className?: string;\n  /** Should the percentage be displayed inside ring or not */\n  showPercentage?: boolean;\n  /** Size of displayed percentage */\n  fontSize?: number;\n}\n\nexport const ProgressRing = ({\n  backgroundColor,\n  progressColor,\n  progress = 0,\n  radius = 20,\n  stroke = 3,\n  className,\n  showPercentage = false,\n  fontSize,\n}: ProgressRingProps) => {\n  if (stroke > radius) {\n    console.warn(\"Stroke can not have value greater than the radius.\");\n    stroke = radius;\n  }\n  const progressNumber = useMemo(() => {\n    let width = progress;\n    if (progress > 100) {\n      width = 100;\n    }\n    if (progress < 0) {\n      width = 0;\n    }\n    return width;\n  }, [progress]);\n\n  const normalizedRadius = useMemo(() => radius - stroke / 2, [radius, stroke]);\n  const circumference = useMemo(\n    () => normalizedRadius * 2 * Math.PI,\n    [normalizedRadius]\n  );\n  const strokeDashoffsetOuter = useMemo(\n    () => circumference - ((100 - progressNumber) / 100) * circumference,\n    [circumference, progressNumber]\n  );\n  const strokeDashoffsetInner = useMemo(\n    () => circumference - (progressNumber / 100) * circumference,\n    [circumference, progressNumber]\n  );\n\n  return (\n    <StyledSvg\n      height={radius * 2}\n      width={radius * 2}\n      className={classNames(className)}\n    >\n      <StyledBackgroundCircle\n        $color={backgroundColor}\n        $strokeDashOffset={-strokeDashoffsetOuter}\n        strokeWidth={stroke}\n        strokeDasharray={`${circumference} ${circumference}`}\n        r={normalizedRadius}\n        cx={radius}\n        cy={radius}\n      />\n      <StyledForegroundCircle\n        $color={progressColor}\n        $strokeDashOffset={strokeDashoffsetInner}\n        strokeWidth={stroke}\n        strokeDasharray={`${circumference} ${circumference}`}\n        r={normalizedRadius}\n        cx={radius}\n        cy={radius}\n      />\n      {showPercentage ? (\n        <StyledProgressRingPercentage\n          $color={progressColor}\n          $fontSize={fontSize}\n          x=\"50%\"\n          y=\"-50%\"\n          dominantBaseline=\"central\"\n          textAnchor=\"middle\"\n        >\n          {progressNumber}%\n        </StyledProgressRingPercentage>\n      ) : null}\n    </StyledSvg>\n  );\n};\n\nProgressRing.displayName = \"ProgressRing\";\n"],"mappings":"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"}

package/dist/esm/components/ProgressRing/Styles.js

@@ -1,34 +1,30 @@
-import styled, { css } from "styled-components";
-export var StyledSvg = styled.svg.withConfig({
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledSvg = exports.StyledProgressRingPercentage = exports.StyledForegroundCircle = exports.StyledBackgroundCircle = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const StyledSvg = exports.StyledSvg = _styledComponents.default.svg.withConfig({
   displayName: "Styles__StyledSvg",
   componentId: "sc-o6dcyu-0"
 })(["transform:rotate(-90deg);"]);
 StyledSvg.displayName = "StyledSvg";
-export var StyledBackgroundCircle = styled.circle.withConfig({
+const StyledBackgroundCircle = exports.StyledBackgroundCircle = _styledComponents.default.circle.withConfig({
   displayName: "Styles__StyledBackgroundCircle",
   componentId: "sc-o6dcyu-1"
-})(["fill:transparent;transition:stroke-dashoffset 0.5s linear;", " ", ""], function (props) {
-  return props.$color ? css(["stroke:", ";"], props.$color) : css(["stroke:var(--color-theme-transparent-300);"]);
-}, function (props) {
-  return props.$strokeDashOffset && css(["stroke-dashoffset:", ";"], props.$strokeDashOffset);
-});
+})(["fill:transparent;transition:stroke-dashoffset 0.5s linear;", " ", ""], props => props.$color ? (0, _styledComponents.css)(["stroke:", ";"], props.$color) : (0, _styledComponents.css)(["stroke:var(--color-theme-transparent-300);"]), props => props.$strokeDashOffset && (0, _styledComponents.css)(["stroke-dashoffset:", ";"], props.$strokeDashOffset));
 StyledBackgroundCircle.displayName = "StyledBackgroundCircle";
-export var StyledForegroundCircle = styled.circle.withConfig({
+const StyledForegroundCircle = exports.StyledForegroundCircle = _styledComponents.default.circle.withConfig({
   displayName: "Styles__StyledForegroundCircle",
   componentId: "sc-o6dcyu-2"
-})(["fill:transparent;transition:stroke-dashoffset 0.5s linear;", " ", ""], function (props) {
-  return props.$color ? css(["stroke:", ";"], props.$color) : css(["stroke:var(--color-secondary);"]);
-}, function (props) {
-  return props.$strokeDashOffset && css(["stroke-dashoffset:", ";"], props.$strokeDashOffset);
-});
+})(["fill:transparent;transition:stroke-dashoffset 0.5s linear;", " ", ""], props => props.$color ? (0, _styledComponents.css)(["stroke:", ";"], props.$color) : (0, _styledComponents.css)(["stroke:var(--color-secondary);"]), props => props.$strokeDashOffset && (0, _styledComponents.css)(["stroke-dashoffset:", ";"], props.$strokeDashOffset));
 StyledForegroundCircle.displayName = "StyledForegroundCircle";
-export var StyledProgressRingPercentage = styled.text.withConfig({
+const StyledProgressRingPercentage = exports.StyledProgressRingPercentage = _styledComponents.default.text.withConfig({
   displayName: "Styles__StyledProgressRingPercentage",
   componentId: "sc-o6dcyu-3"
-})(["transform:rotate(90deg);", " ", ""], function (props) {
-  return props.$color ? css(["fill:", ";"], props.$color) : css(["fill:var(--color-secondary);"]);
-}, function (props) {
-  return props.$fontSize ? css(["font-size:", "px;"], props.$fontSize) : css(["font-size:10px;"]);
-});
+})(["transform:rotate(90deg);", " ", ""], props => props.$color ? (0, _styledComponents.css)(["fill:", ";"], props.$color) : (0, _styledComponents.css)(["fill:var(--color-secondary);"]), props => props.$fontSize ? (0, _styledComponents.css)(["font-size:", "px;"], props.$fontSize) : (0, _styledComponents.css)(["font-size:10px;"]));
 StyledProgressRingPercentage.displayName = "StyledProgressRingPercentage";
 //# sourceMappingURL=Styles.js.map

package/dist/esm/components/ProgressRing/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","css","StyledSvg","svg","displayName","StyledBackgroundCircle","circle","props","$color","$strokeDashOffset","StyledForegroundCircle","StyledProgressRingPercentage","text","$fontSize"],"sources":["../../../../src/components/ProgressRing/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\ninterface IStyledProgressRing {\n  $color?: string;\n  $strokeDashOffset?: number;\n  $fontSize?: number;\n}\n\nexport const StyledSvg = styled.svg`\n  transform: rotate(-90deg);\n`;\n\nStyledSvg.displayName = \"StyledSvg\";\n\nexport const StyledBackgroundCircle = styled.circle<IStyledProgressRing>`\n  fill: transparent;\n  transition: stroke-dashoffset 0.5s linear;\n\n  ${(props) =>\n    props.$color\n      ? css`\n          stroke: ${props.$color};\n        `\n      : css`\n          stroke: var(--color-theme-transparent-300);\n        `}\n\n  ${(props) =>\n    props.$strokeDashOffset &&\n    css`\n      stroke-dashoffset: ${props.$strokeDashOffset};\n    `}\n`;\n\nStyledBackgroundCircle.displayName = \"StyledBackgroundCircle\";\n\nexport const StyledForegroundCircle = styled.circle<IStyledProgressRing>`\n  fill: transparent;\n  transition: stroke-dashoffset 0.5s linear;\n\n  ${(props) =>\n    props.$color\n      ? css`\n          stroke: ${props.$color};\n        `\n      : css`\n          stroke: var(--color-secondary);\n        `}\n\n  ${(props) =>\n    props.$strokeDashOffset &&\n    css`\n      stroke-dashoffset: ${props.$strokeDashOffset};\n    `}\n`;\n\nStyledForegroundCircle.displayName = \"StyledForegroundCircle\";\n\nexport const StyledProgressRingPercentage = styled.text<IStyledProgressRing>`\n  transform: rotate(90deg);\n\n  ${(props) =>\n    props.$color\n      ? css`\n          fill: ${props.$color};\n        `\n      : css`\n          fill: var(--color-secondary);\n        `}\n\n  ${(props) =>\n    props.$fontSize\n      ? css`\n          font-size: ${props.$fontSize}px;\n        `\n      : css`\n          font-size: 10px;\n        `}\n`;\n\nStyledProgressRingPercentage.displayName = \"StyledProgressRingPercentage\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAQ/C,OAAO,IAAMC,SAAS,GAAGF,MAAM,CAACG,GAAG;EAAA;EAAA;AAAA,iCAElC;AAEDD,SAAS,CAACE,WAAW,GAAG,WAAW;AAEnC,OAAO,IAAMC,sBAAsB,GAAGL,MAAM,CAACM,MAAM;EAAA;EAAA;AAAA,4EAI/C,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,MAAM,GACRP,GAAG,mBACSM,KAAK,CAACC,MAAM,IAExBP,GAAG,gDAEF;AAAA,GAEL,UAACM,KAAK;EAAA,OACNA,KAAK,CAACE,iBAAiB,IACvBR,GAAG,8BACoBM,KAAK,CAACE,iBAAiB,CAC7C;AAAA,EACJ;AAEDJ,sBAAsB,CAACD,WAAW,GAAG,wBAAwB;AAE7D,OAAO,IAAMM,sBAAsB,GAAGV,MAAM,CAACM,MAAM;EAAA;EAAA;AAAA,4EAI/C,UAACC,KAAK;EAAA,OACNA,KAAK,CAACC,MAAM,GACRP,GAAG,mBACSM,KAAK,CAACC,MAAM,IAExBP,GAAG,oCAEF;AAAA,GAEL,UAACM,KAAK;EAAA,OACNA,KAAK,CAACE,iBAAiB,IACvBR,GAAG,8BACoBM,KAAK,CAACE,iBAAiB,CAC7C;AAAA,EACJ;AAEDC,sBAAsB,CAACN,WAAW,GAAG,wBAAwB;AAE7D,OAAO,IAAMO,4BAA4B,GAAGX,MAAM,CAACY,IAAI;EAAA;EAAA;AAAA,0CAGnD,UAACL,KAAK;EAAA,OACNA,KAAK,CAACC,MAAM,GACRP,GAAG,iBACOM,KAAK,CAACC,MAAM,IAEtBP,GAAG,kCAEF;AAAA,GAEL,UAACM,KAAK;EAAA,OACNA,KAAK,CAACM,SAAS,GACXZ,GAAG,wBACYM,KAAK,CAACM,SAAS,IAE9BZ,GAAG,qBAEF;AAAA,EACR;AAEDU,4BAA4B,CAACP,WAAW,GAAG,8BAA8B"}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledSvg","exports","styled","svg","withConfig","displayName","componentId","StyledBackgroundCircle","circle","props","$color","css","$strokeDashOffset","StyledForegroundCircle","StyledProgressRingPercentage","text","$fontSize"],"sources":["../../../../src/components/ProgressRing/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\ninterface IStyledProgressRing {\n  $color?: string;\n  $strokeDashOffset?: number;\n  $fontSize?: number;\n}\n\nexport const StyledSvg = styled.svg`\n  transform: rotate(-90deg);\n`;\n\nStyledSvg.displayName = \"StyledSvg\";\n\nexport const StyledBackgroundCircle = styled.circle<IStyledProgressRing>`\n  fill: transparent;\n  transition: stroke-dashoffset 0.5s linear;\n\n  ${(props) =>\n    props.$color\n      ? css`\n          stroke: ${props.$color};\n        `\n      : css`\n          stroke: var(--color-theme-transparent-300);\n        `}\n\n  ${(props) =>\n    props.$strokeDashOffset &&\n    css`\n      stroke-dashoffset: ${props.$strokeDashOffset};\n    `}\n`;\n\nStyledBackgroundCircle.displayName = \"StyledBackgroundCircle\";\n\nexport const StyledForegroundCircle = styled.circle<IStyledProgressRing>`\n  fill: transparent;\n  transition: stroke-dashoffset 0.5s linear;\n\n  ${(props) =>\n    props.$color\n      ? css`\n          stroke: ${props.$color};\n        `\n      : css`\n          stroke: var(--color-secondary);\n        `}\n\n  ${(props) =>\n    props.$strokeDashOffset &&\n    css`\n      stroke-dashoffset: ${props.$strokeDashOffset};\n    `}\n`;\n\nStyledForegroundCircle.displayName = \"StyledForegroundCircle\";\n\nexport const StyledProgressRingPercentage = styled.text<IStyledProgressRing>`\n  transform: rotate(90deg);\n\n  ${(props) =>\n    props.$color\n      ? css`\n          fill: ${props.$color};\n        `\n      : css`\n          fill: var(--color-secondary);\n        `}\n\n  ${(props) =>\n    props.$fontSize\n      ? css`\n          font-size: ${props.$fontSize}px;\n        `\n      : css`\n          font-size: 10px;\n        `}\n`;\n\nStyledProgressRingPercentage.displayName = \"StyledProgressRingPercentage\";\n"],"mappings":"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"}

package/dist/esm/components/ProgressRing/index.js

@@ -1,2 +1,17 @@
-export * from "./ProgressRing";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _ProgressRing = require("./ProgressRing");
+Object.keys(_ProgressRing).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ProgressRing[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ProgressRing[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/dist/esm/components/ProgressRing/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/ProgressRing/index.ts"],"sourcesContent":["export * from \"./ProgressRing\";\n"],"mappings":"AAAA,cAAc,gBAAgB"}
+{"version":3,"file":"index.js","names":["_ProgressRing","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/ProgressRing/index.ts"],"sourcesContent":["export * from \"./ProgressRing\";\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,aAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,aAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,aAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/dist/esm/components/RadioButton/RadioButton.js

@@ -1,33 +1,40 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["className", "id", "hover"];
-import React, { forwardRef } from "react";
-import classnames from "classnames";
-import RadioButtonIcon from "../Icons/collection/RadioButton";
-import { StyledRadioButton, StyledRadioInput, StyledRadioLabel } from "./Styles";
-export var RadioButton = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className,
-    _ref$id = _ref.id,
-    id = _ref$id === void 0 ? "radio" : _ref$id,
-    hover = _ref.hover,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(StyledRadioButton, {
-    className: classnames("c-radio-btn", {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.RadioButton = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _RadioButton = _interopRequireDefault(require("../Icons/collection/RadioButton"));
+var _Styles = require("./Styles");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const RadioButton = exports.RadioButton = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  let {
+    className = "",
+    id = "radio",
+    hover,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_Styles.StyledRadioButton, {
+    className: (0, _classnames.default)("c-radio-btn", {
       "c-radio-btn__hover": hover,
       "c-radio-btn__controlled": typeof hover === "boolean"
     }, className),
     $isHovered: hover,
     $isControlled: typeof hover === "boolean"
-  }, /*#__PURE__*/React.createElement(StyledRadioInput, _extends({
+  }, /*#__PURE__*/_react.default.createElement(_Styles.StyledRadioInput, (0, _extends2.default)({
     id: id,
     className: "c-radio-btn--input",
     type: "radio",
     ref: ref
-  }, props)), /*#__PURE__*/React.createElement(StyledRadioLabel, {
+  }, props)), /*#__PURE__*/_react.default.createElement(_Styles.StyledRadioLabel, {
     htmlFor: id,
     className: "c-radio-btn--label"
-  }, /*#__PURE__*/React.createElement(RadioButtonIcon, {
+  }, /*#__PURE__*/_react.default.createElement(_RadioButton.default, {
     width: "16",
     height: "16"
   })));

package/dist/esm/components/RadioButton/RadioButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioButton.js","names":["React","forwardRef","classnames","RadioButtonIcon","StyledRadioButton","StyledRadioInput","StyledRadioLabel","RadioButton","ref","className","id","hover","props","displayName"],"sources":["../../../../src/components/RadioButton/RadioButton.tsx"],"sourcesContent":["import React, { forwardRef, InputHTMLAttributes, Ref } from \"react\";\nimport classnames from \"classnames\";\nimport RadioButtonIcon from \"../Icons/collection/RadioButton\";\nimport {\n  StyledRadioButton,\n  StyledRadioInput,\n  StyledRadioLabel,\n} from \"./Styles\";\n\nexport interface IRadioButtonProps {\n  /** Class names */\n  className?: string;\n  /** Set hover style */\n  hover?: boolean;\n  /** Id for RadioButton */\n  id?: string;\n}\n\nexport const RadioButton = forwardRef(\n  (\n    {\n      className = \"\",\n      id = \"radio\",\n      hover,\n      ...props\n    }: InputHTMLAttributes<HTMLInputElement> & IRadioButtonProps,\n    ref: Ref<HTMLInputElement> | null | undefined\n  ) => {\n    return (\n      <StyledRadioButton\n        className={classnames(\n          \"c-radio-btn\",\n          {\n            \"c-radio-btn__hover\": hover,\n            \"c-radio-btn__controlled\": typeof hover === \"boolean\",\n          },\n          className\n        )}\n        $isHovered={hover}\n        $isControlled={typeof hover === \"boolean\"}\n      >\n        <StyledRadioInput\n          id={id}\n          className=\"c-radio-btn--input\"\n          type=\"radio\"\n          ref={ref}\n          {...props}\n        />\n        <StyledRadioLabel htmlFor={id} className=\"c-radio-btn--label\">\n          <RadioButtonIcon width=\"16\" height=\"16\" />\n        </StyledRadioLabel>\n      </StyledRadioButton>\n    );\n  }\n);\n\nRadioButton.displayName = \"RadioButton\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAIC,UAAU,QAAkC,OAAO;AACnE,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,eAAe,MAAM,iCAAiC;AAC7D,SACEC,iBAAiB,EACjBC,gBAAgB,EAChBC,gBAAgB,QACX,UAAU;AAWjB,OAAO,IAAMC,WAAW,gBAAGN,UAAU,CACnC,gBAOEO,GAA6C,EAC1C;EAAA,0BANDC,SAAS;IAATA,SAAS,+BAAG,EAAE;IAAA,eACdC,EAAE;IAAFA,EAAE,wBAAG,OAAO;IACZC,KAAK,QAALA,KAAK;IACFC,KAAK;EAIV,oBACE,oBAAC,iBAAiB;IAChB,SAAS,EAAEV,UAAU,CACnB,aAAa,EACb;MACE,oBAAoB,EAAES,KAAK;MAC3B,yBAAyB,EAAE,OAAOA,KAAK,KAAK;IAC9C,CAAC,EACDF,SAAS,CACT;IACF,UAAU,EAAEE,KAAM;IAClB,aAAa,EAAE,OAAOA,KAAK,KAAK;EAAU,gBAE1C,oBAAC,gBAAgB;IACf,EAAE,EAAED,EAAG;IACP,SAAS,EAAC,oBAAoB;IAC9B,IAAI,EAAC,OAAO;IACZ,GAAG,EAAEF;EAAI,GACLI,KAAK,EACT,eACF,oBAAC,gBAAgB;IAAC,OAAO,EAAEF,EAAG;IAAC,SAAS,EAAC;EAAoB,gBAC3D,oBAAC,eAAe;IAAC,KAAK,EAAC,IAAI;IAAC,MAAM,EAAC;EAAI,EAAG,CACzB,CACD;AAExB,CAAC,CACF;AAEDH,WAAW,CAACM,WAAW,GAAG,aAAa"}
+{"version":3,"file":"RadioButton.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_RadioButton","_Styles","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","RadioButton","exports","forwardRef","_ref","ref","className","id","hover","props","createElement","StyledRadioButton","classnames","$isHovered","$isControlled","StyledRadioInput","_extends2","type","StyledRadioLabel","htmlFor","width","height","displayName"],"sources":["../../../../src/components/RadioButton/RadioButton.tsx"],"sourcesContent":["import React, { forwardRef, InputHTMLAttributes, Ref } from \"react\";\nimport classnames from \"classnames\";\nimport RadioButtonIcon from \"../Icons/collection/RadioButton\";\nimport {\n  StyledRadioButton,\n  StyledRadioInput,\n  StyledRadioLabel,\n} from \"./Styles\";\n\nexport interface IRadioButtonProps {\n  /** Class names */\n  className?: string;\n  /** Set hover style */\n  hover?: boolean;\n  /** Id for RadioButton */\n  id?: string;\n}\n\nexport const RadioButton = forwardRef(\n  (\n    {\n      className = \"\",\n      id = \"radio\",\n      hover,\n      ...props\n    }: InputHTMLAttributes<HTMLInputElement> & IRadioButtonProps,\n    ref: Ref<HTMLInputElement> | null | undefined\n  ) => {\n    return (\n      <StyledRadioButton\n        className={classnames(\n          \"c-radio-btn\",\n          {\n            \"c-radio-btn__hover\": hover,\n            \"c-radio-btn__controlled\": typeof hover === \"boolean\",\n          },\n          className\n        )}\n        $isHovered={hover}\n        $isControlled={typeof hover === \"boolean\"}\n      >\n        <StyledRadioInput\n          id={id}\n          className=\"c-radio-btn--input\"\n          type=\"radio\"\n          ref={ref}\n          {...props}\n        />\n        <StyledRadioLabel htmlFor={id} className=\"c-radio-btn--label\">\n          <RadioButtonIcon width=\"16\" height=\"16\" />\n        </StyledRadioLabel>\n      </StyledRadioButton>\n    );\n  }\n);\n\nRadioButton.displayName = \"RadioButton\";\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAIkB,SAAAK,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAWX,MAAMY,WAAW,GAAAC,OAAA,CAAAD,WAAA,gBAAG,IAAAE,iBAAU,EACnC,CAAAC,IAAA,EAOEC,GAA6C,KAC1C;EAAA,IAPH;IACEC,SAAS,GAAG,EAAE;IACdC,EAAE,GAAG,OAAO;IACZC,KAAK;IACL,GAAGC;EACsD,CAAC,GAAAL,IAAA;EAG5D,oBACE/B,MAAA,CAAAa,OAAA,CAAAwB,aAAA,CAAC/B,OAAA,CAAAgC,iBAAiB;IAChBL,SAAS,EAAE,IAAAM,mBAAU,EACnB,aAAa,EACb;MACE,oBAAoB,EAAEJ,KAAK;MAC3B,yBAAyB,EAAE,OAAOA,KAAK,KAAK;IAC9C,CAAC,EACDF,SACF,CAAE;IACFO,UAAU,EAAEL,KAAM;IAClBM,aAAa,EAAE,OAAON,KAAK,KAAK;EAAU,gBAE1CnC,MAAA,CAAAa,OAAA,CAAAwB,aAAA,CAAC/B,OAAA,CAAAoC,gBAAgB,MAAAC,SAAA,CAAA9B,OAAA;IACfqB,EAAE,EAAEA,EAAG;IACPD,SAAS,EAAC,oBAAoB;IAC9BW,IAAI,EAAC,OAAO;IACZZ,GAAG,EAAEA;EAAI,GACLI,KAAK,CACV,CAAC,eACFpC,MAAA,CAAAa,OAAA,CAAAwB,aAAA,CAAC/B,OAAA,CAAAuC,gBAAgB;IAACC,OAAO,EAAEZ,EAAG;IAACD,SAAS,EAAC;EAAoB,gBAC3DjC,MAAA,CAAAa,OAAA,CAAAwB,aAAA,CAAChC,YAAA,CAAAQ,OAAe;IAACkC,KAAK,EAAC,IAAI;IAACC,MAAM,EAAC;EAAI,CAAE,CACzB,CACD,CAAC;AAExB,CACF,CAAC;AAEDpB,WAAW,CAACqB,WAAW,GAAG,aAAa"}

package/dist/esm/components/RadioButton/Styles.js

@@ -1,11 +1,19 @@
-import styled, { css } from "styled-components";
-import { BoxSizingStyle } from "../BoxSizingStyle";
-export var StyledRadioInput = styled.input.withConfig({
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledRadioLabel = exports.StyledRadioInput = exports.StyledRadioButton = void 0;
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _BoxSizingStyle = require("../BoxSizingStyle");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const StyledRadioInput = exports.StyledRadioInput = _styledComponents.default.input.withConfig({
   displayName: "Styles__StyledRadioInput",
   componentId: "sc-1xh9uc2-0"
 })(["display:none;"]);
 StyledRadioInput.displayName = "StyledRadioInput";
-export var StyledRadioLabel = styled.label.withConfig({
+const StyledRadioLabel = exports.StyledRadioLabel = _styledComponents.default.label.withConfig({
   displayName: "Styles__StyledRadioLabel",
   componentId: "sc-1xh9uc2-1"
 })(["", ""], {
@@ -13,16 +21,12 @@ export var StyledRadioLabel = styled.label.withConfig({
   "alignItems": "center"
 });
 StyledRadioLabel.displayName = "StyledRadioLabel";
-export var StyledRadioButton = styled.div.withConfig({
+const StyledRadioButton = exports.StyledRadioButton = _styledComponents.default.div.withConfig({
   displayName: "Styles__StyledRadioButton",
   componentId: "sc-1xh9uc2-2"
-})(["", " ", " height:16px;width:16px;position:relative;svg{cursor:pointer;fill:transparent;}circle:first-child{transition-duration:0.2s;stroke:var(--color-theme-500);}circle:last-child{transition-duration:0.2s;transform-origin:center;transform:scale(0);fill:var(--color-secondary-500);}input:focus ~ ", "{circle:first-child{stroke:var(--color-secondary);}}input:disabled ~ ", "{pointer-events:none;opacity:0.5;}", " ", " input:checked ~ ", "{circle:first-child{stroke:var(--color-secondary);}circle:last-child{transform:scale(1);fill:var(--color-secondary);}}"], BoxSizingStyle, {
+})(["", " ", " height:16px;width:16px;position:relative;svg{cursor:pointer;fill:transparent;}circle:first-child{transition-duration:0.2s;stroke:var(--color-theme-500);}circle:last-child{transition-duration:0.2s;transform-origin:center;transform:scale(0);fill:var(--color-secondary-500);}input:focus ~ ", "{circle:first-child{stroke:var(--color-secondary);}}input:disabled ~ ", "{pointer-events:none;opacity:0.5;}", " ", " input:checked ~ ", "{circle:first-child{stroke:var(--color-secondary);}circle:last-child{transform:scale(1);fill:var(--color-secondary);}}"], _BoxSizingStyle.BoxSizingStyle, {
   "display": "inline-flex",
   "alignItems": "center"
-}, StyledRadioLabel, StyledRadioLabel, function (props) {
-  return props.$isControlled !== true && css(["input:hover ~ ", "{circle:first-child{stroke:var(--color-secondary);}circle:last-child{transform:scale(1);}}"], StyledRadioLabel);
-}, function (props) {
-  return props.$isHovered && css(["", "{circle:first-child{stroke:var(--color-secondary);}circle:last-child{transform:scale(1);}}"], StyledRadioLabel);
-}, StyledRadioLabel);
+}, StyledRadioLabel, StyledRadioLabel, props => props.$isControlled !== true && (0, _styledComponents.css)(["input:hover ~ ", "{circle:first-child{stroke:var(--color-secondary);}circle:last-child{transform:scale(1);}}"], StyledRadioLabel), props => props.$isHovered && (0, _styledComponents.css)(["", "{circle:first-child{stroke:var(--color-secondary);}circle:last-child{transform:scale(1);}}"], StyledRadioLabel), StyledRadioLabel);
 StyledRadioButton.displayName = "StyledRadioButton";
 //# sourceMappingURL=Styles.js.map

package/dist/esm/components/RadioButton/Styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Styles.js","names":["styled","css","BoxSizingStyle","StyledRadioInput","input","displayName","StyledRadioLabel","label","StyledRadioButton","div","props","$isControlled","$isHovered"],"sources":["../../../../src/components/RadioButton/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\nexport const StyledRadioInput = styled.input`\n  display: none;\n`;\n\nStyledRadioInput.displayName = \"StyledRadioInput\";\n\nexport const StyledRadioLabel = styled.label`\n  ${tw`tw-inline-flex tw-items-center`}\n`;\n\nStyledRadioLabel.displayName = \"StyledRadioLabel\";\n\nexport interface IStyledRadioButton {\n  $isHovered?: boolean;\n  $isControlled?: boolean;\n}\n\nexport const StyledRadioButton = styled.div<IStyledRadioButton>`\n  ${BoxSizingStyle}\n  ${tw`tw-inline-flex tw-items-center`}\n\n  height: 16px;\n  width: 16px;\n  position: relative;\n\n  svg {\n    cursor: pointer;\n    fill: transparent;\n  }\n\n  circle:first-child {\n    transition-duration: 0.2s;\n    stroke: var(--color-theme-500);\n  }\n\n  circle:last-child {\n    transition-duration: 0.2s;\n    transform-origin: center;\n    transform: scale(0);\n    fill: var(--color-secondary-500);\n  }\n\n  input:focus ~ ${StyledRadioLabel} {\n    circle:first-child {\n      stroke: var(--color-secondary);\n    }\n  }\n\n  input:disabled ~ ${StyledRadioLabel} {\n    pointer-events: none;\n    opacity: 0.5;\n  }\n\n  ${(props) =>\n    props.$isControlled !== true &&\n    css`\n      input:hover ~ ${StyledRadioLabel} {\n        circle:first-child {\n          stroke: var(--color-secondary);\n        }\n        circle:last-child {\n          transform: scale(1);\n        }\n      }\n    `}\n\n  ${(props) =>\n    props.$isHovered &&\n    css`\n      ${StyledRadioLabel} {\n        circle:first-child {\n          stroke: var(--color-secondary);\n        }\n        circle:last-child {\n          transform: scale(1);\n        }\n      }\n    `}\n\n  input:checked ~ ${StyledRadioLabel} {\n    circle:first-child {\n      stroke: var(--color-secondary);\n    }\n    circle:last-child {\n      transform: scale(1);\n      fill: var(--color-secondary);\n    }\n  }\n`;\n\nStyledRadioButton.displayName = \"StyledRadioButton\";\n"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB;AAE/C,SAASC,cAAc,QAAQ,mBAAmB;AAElD,OAAO,IAAMC,gBAAgB,GAAGH,MAAM,CAACI,KAAK;EAAA;EAAA;AAAA,qBAE3C;AAEDD,gBAAgB,CAACE,WAAW,GAAG,kBAAkB;AAEjD,OAAO,IAAMC,gBAAgB,GAAGN,MAAM,CAACO,KAAK;EAAA;EAAA;AAAA,aACtC;EAAA;EAAA;AAA+B,CAAC,CACrC;AAEDD,gBAAgB,CAACD,WAAW,GAAG,kBAAkB;AAOjD,OAAO,IAAMG,iBAAiB,GAAGR,MAAM,CAACS,GAAG;EAAA;EAAA;AAAA,ojBACvCP,cAAc,EACZ;EAAA;EAAA;AAA+B,CAAC,EAuBpBI,gBAAgB,EAMbA,gBAAgB,EAKjC,UAACI,KAAK;EAAA,OACNA,KAAK,CAACC,aAAa,KAAK,IAAI,IAC5BV,GAAG,mHACeK,gBAAgB,CAQjC;AAAA,GAED,UAACI,KAAK;EAAA,OACNA,KAAK,CAACE,UAAU,IAChBX,GAAG,qGACCK,gBAAgB,CAQnB;AAAA,GAEeA,gBAAgB,CASnC;AAEDE,iBAAiB,CAACH,WAAW,GAAG,mBAAmB"}
+{"version":3,"file":"Styles.js","names":["_styledComponents","_interopRequireWildcard","require","_BoxSizingStyle","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledRadioInput","exports","styled","input","withConfig","displayName","componentId","StyledRadioLabel","label","StyledRadioButton","div","BoxSizingStyle","props","$isControlled","css","$isHovered"],"sources":["../../../../src/components/RadioButton/Styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport tw from \"twin.macro\";\nimport { BoxSizingStyle } from \"../BoxSizingStyle\";\n\nexport const StyledRadioInput = styled.input`\n  display: none;\n`;\n\nStyledRadioInput.displayName = \"StyledRadioInput\";\n\nexport const StyledRadioLabel = styled.label`\n  ${tw`tw-inline-flex tw-items-center`}\n`;\n\nStyledRadioLabel.displayName = \"StyledRadioLabel\";\n\nexport interface IStyledRadioButton {\n  $isHovered?: boolean;\n  $isControlled?: boolean;\n}\n\nexport const StyledRadioButton = styled.div<IStyledRadioButton>`\n  ${BoxSizingStyle}\n  ${tw`tw-inline-flex tw-items-center`}\n\n  height: 16px;\n  width: 16px;\n  position: relative;\n\n  svg {\n    cursor: pointer;\n    fill: transparent;\n  }\n\n  circle:first-child {\n    transition-duration: 0.2s;\n    stroke: var(--color-theme-500);\n  }\n\n  circle:last-child {\n    transition-duration: 0.2s;\n    transform-origin: center;\n    transform: scale(0);\n    fill: var(--color-secondary-500);\n  }\n\n  input:focus ~ ${StyledRadioLabel} {\n    circle:first-child {\n      stroke: var(--color-secondary);\n    }\n  }\n\n  input:disabled ~ ${StyledRadioLabel} {\n    pointer-events: none;\n    opacity: 0.5;\n  }\n\n  ${(props) =>\n    props.$isControlled !== true &&\n    css`\n      input:hover ~ ${StyledRadioLabel} {\n        circle:first-child {\n          stroke: var(--color-secondary);\n        }\n        circle:last-child {\n          transform: scale(1);\n        }\n      }\n    `}\n\n  ${(props) =>\n    props.$isHovered &&\n    css`\n      ${StyledRadioLabel} {\n        circle:first-child {\n          stroke: var(--color-secondary);\n        }\n        circle:last-child {\n          transform: scale(1);\n        }\n      }\n    `}\n\n  input:checked ~ ${StyledRadioLabel} {\n    circle:first-child {\n      stroke: var(--color-secondary);\n    }\n    circle:last-child {\n      transform: scale(1);\n      fill: var(--color-secondary);\n    }\n  }\n`;\n\nStyledRadioButton.displayName = \"StyledRadioButton\";\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AAAmD,SAAAE,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAE5C,MAAMY,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAGE,yBAAM,CAACC,KAAK,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,qBAE3C;AAEDN,gBAAgB,CAACK,WAAW,GAAG,kBAAkB;AAE1C,MAAME,gBAAgB,GAAAN,OAAA,CAAAM,gBAAA,GAAGL,yBAAM,CAACM,KAAK,CAAAJ,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACtC;EAAA;EAAA;AAA+B,CAAC,CACrC;AAEDC,gBAAgB,CAACF,WAAW,GAAG,kBAAkB;AAO1C,MAAMI,iBAAiB,GAAAR,OAAA,CAAAQ,iBAAA,GAAGP,yBAAM,CAACQ,GAAG,CAAAN,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,ojBACvCK,8BAAc,EACZ;EAAA;EAAA;AAA+B,CAAC,EAuBpBJ,gBAAgB,EAMbA,gBAAgB,EAKhCK,KAAK,IACNA,KAAK,CAACC,aAAa,KAAK,IAAI,QAC5BC,qBAAG,oHACeP,gBAAgB,CAQjC,EAEAK,KAAK,IACNA,KAAK,CAACG,UAAU,QAChBD,qBAAG,sGACCP,gBAAgB,CAQnB,EAEeA,gBAAgB,CASnC;AAEDE,iBAAiB,CAACJ,WAAW,GAAG,mBAAmB"}

package/dist/esm/components/RadioButton/index.js

@@ -1,2 +1,17 @@
-export * from "./RadioButton";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _RadioButton = require("./RadioButton");
+Object.keys(_RadioButton).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _RadioButton[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _RadioButton[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/dist/esm/components/RadioButton/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/RadioButton/index.ts"],"sourcesContent":["export * from \"./RadioButton\";\n"],"mappings":"AAAA,cAAc,eAAe"}
+{"version":3,"file":"index.js","names":["_RadioButton","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["../../../../src/components/RadioButton/index.ts"],"sourcesContent":["export * from \"./RadioButton\";\n"],"mappings":";;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,YAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/dist/esm/components/Reactions/collection/ApplauseIcon.js

@@ -1,34 +1,39 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import React from "react";
-var ApplauseIcon = /*#__PURE__*/React.forwardRef(function (props, svgRef) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    width: "14",
-    height: "14",
-    xmlns: "http://www.w3.org/2000/svg",
-    ref: svgRef
-  }, props), /*#__PURE__*/React.createElement("g", {
-    fill: "none",
-    fillRule: "evenodd"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M8.247 7.533 4.746 4.49s-.94-.783-1.826.167c-.197.21-.288.435-.339.63-.12.461.073.948.446 1.244l3.61 2.859-2.488-1.973s-.647-.51-1.325.171c-.55.552-.747 1.206.266 2.073l3.58 3.007s3.844 2.701 6.374-.832c1.36-1.901.122-1.806.451-6.802 0 0-.01-1.13-1.223-1.13s-1.035 2.823-1.035 2.823L6.792 3.153s-.916-.743-1.6 0c-.845.917.09 1.772.09 1.772l2.965 2.608Z",
-    stroke: "#000",
-    strokeWidth: ".677",
-    fill: "#FFD60B"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M6.215 5.817 2.714 2.775s-.94-.783-1.826.167c-.197.21-.288.434-.34.63-.12.461.074.948.447 1.243l3.61 2.86-2.489-1.973s-.647-.51-1.324.171c-.55.552-.747 1.206.266 2.073l3.579 3.007s3.844 2.701 6.374-.832c1.362-1.901.123-1.806.452-6.802 0 0-.01-1.13-1.223-1.13-1.214 0-1.035 2.823-1.035 2.823L4.76 1.437s-.916-.743-1.6 0c-.845.917.09 1.772.09 1.772l2.965 2.608Z",
-    fill: "#975F00"
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M8.247 7.533 4.746 4.49s-.94-.783-1.826.167c-.197.21-.288.435-.339.63-.12.461.073.948.446 1.244l3.61 2.859-2.488-1.973s-.647-.51-1.325.171c-.55.552-.747 1.206.266 2.073l3.58 3.007s3.844 2.701 6.374-.832c1.36-1.901.122-1.806.451-6.802 0 0-.01-1.13-1.223-1.13s-1.035 2.823-1.035 2.823L6.792 3.153s-.916-.743-1.6 0c-.845.917.09 1.772.09 1.772l2.965 2.608Z",
-    stroke: "#975F00",
-    strokeWidth: ".677",
-    fill: "#FFD60B"
-  }), /*#__PURE__*/React.createElement("path", {
-    stroke: "#29ABE2",
-    strokeWidth: ".677",
-    strokeLinecap: "round",
-    d: "M10.387.339v.79M11.9 1.59 12.938.555M8.873 1.591 7.836.554"
-  })));
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+var _react = _interopRequireDefault(require("react"));
+const ApplauseIcon = /*#__PURE__*/_react.default.forwardRef((props, svgRef) => /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+  width: "14",
+  height: "14",
+  xmlns: "http://www.w3.org/2000/svg",
+  ref: svgRef
+}, props), /*#__PURE__*/_react.default.createElement("g", {
+  fill: "none",
+  fillRule: "evenodd"
+}, /*#__PURE__*/_react.default.createElement("path", {
+  d: "M8.247 7.533 4.746 4.49s-.94-.783-1.826.167c-.197.21-.288.435-.339.63-.12.461.073.948.446 1.244l3.61 2.859-2.488-1.973s-.647-.51-1.325.171c-.55.552-.747 1.206.266 2.073l3.58 3.007s3.844 2.701 6.374-.832c1.36-1.901.122-1.806.451-6.802 0 0-.01-1.13-1.223-1.13s-1.035 2.823-1.035 2.823L6.792 3.153s-.916-.743-1.6 0c-.845.917.09 1.772.09 1.772l2.965 2.608Z",
+  stroke: "#000",
+  strokeWidth: ".677",
+  fill: "#FFD60B"
+}), /*#__PURE__*/_react.default.createElement("path", {
+  d: "M6.215 5.817 2.714 2.775s-.94-.783-1.826.167c-.197.21-.288.434-.34.63-.12.461.074.948.447 1.243l3.61 2.86-2.489-1.973s-.647-.51-1.324.171c-.55.552-.747 1.206.266 2.073l3.579 3.007s3.844 2.701 6.374-.832c1.362-1.901.123-1.806.452-6.802 0 0-.01-1.13-1.223-1.13-1.214 0-1.035 2.823-1.035 2.823L4.76 1.437s-.916-.743-1.6 0c-.845.917.09 1.772.09 1.772l2.965 2.608Z",
+  fill: "#975F00"
+}), /*#__PURE__*/_react.default.createElement("path", {
+  d: "M8.247 7.533 4.746 4.49s-.94-.783-1.826.167c-.197.21-.288.435-.339.63-.12.461.073.948.446 1.244l3.61 2.859-2.488-1.973s-.647-.51-1.325.171c-.55.552-.747 1.206.266 2.073l3.58 3.007s3.844 2.701 6.374-.832c1.36-1.901.122-1.806.451-6.802 0 0-.01-1.13-1.223-1.13s-1.035 2.823-1.035 2.823L6.792 3.153s-.916-.743-1.6 0c-.845.917.09 1.772.09 1.772l2.965 2.608Z",
+  stroke: "#975F00",
+  strokeWidth: ".677",
+  fill: "#FFD60B"
+}), /*#__PURE__*/_react.default.createElement("path", {
+  stroke: "#29ABE2",
+  strokeWidth: ".677",
+  strokeLinecap: "round",
+  d: "M10.387.339v.79M11.9 1.59 12.938.555M8.873 1.591 7.836.554"
+}))));
 ApplauseIcon.displayName = "ApplauseIcon";
-export default ApplauseIcon;
+var _default = exports.default = ApplauseIcon;
 //# sourceMappingURL=ApplauseIcon.js.map