@activecollab/components 2.0.301 → 2.0.303

package/dist/index.js

@@ -10723,7 +10723,7 @@
   var _excluded$1Q = ["gradient"];
 
   /**
-   * @component StopCircleIcon
+   * @component StopIcon
    * @description
    *
    * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.
@@ -10735,12 +10735,12 @@
    *
    * @example
    * return (
-   * <StopCircleIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
+   * <StopIcon gradient="linear-gradient(135deg, #4da2ed, #f72222)" />
    * )
    *
    * @example
    * return (
-   *   <StopCircleIcon className="mr-2" />
+   *   <StopIcon className="mr-2" />
    * )
    *
    * @see
@@ -10748,25 +10748,26 @@
    * @see
    * https://design.activecollab.com/docs/foundations/icons
    */
-  var StopCircleIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
+  var StopIcon = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, svgRef) {
     var gradient = _ref.gradient,
       props = _objectWithoutProperties(_ref, _excluded$1Q);
     return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
+      width: 24,
+      height: 24,
+      viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
-      width: 14,
-      height: 14,
-      "data-testid": "StopCircleIcon",
+      "data-testid": "StopIcon",
       fill: gradient ? "url(#icon-gradient)" : props !== null && props !== void 0 && props.fill ? props.fill : "var(--color-theme-600)",
       focusable: false,
       ref: svgRef
     }, props), /*#__PURE__*/React__default["default"].createElement(GradientDefs, {
       gradient: gradient
     }), /*#__PURE__*/React__default["default"].createElement("path", {
-      d: "M7 0a7 7 0 100 14A7 7 0 007 0m3 9a1 1 0 01-1 1H5a1 1 0 01-1-1V5a1 1 0 011-1h4a1 1 0 011 1z"
+      d: "M12 1.5a10.5 10.5 0 100 21 10.5 10.5 0 000-21zM16.5 15a1.5 1.5 0 01-1.5 1.5H9A1.5 1.5 0 017.5 15V9A1.5 1.5 0 019 7.5h6A1.5 1.5 0 0116.5 9v6z"
     }));
   });
-  StopCircleIcon.displayName = "StopCircleIcon";
-  var StopCircleIcon$1 = StopCircleIcon;
+  StopIcon.displayName = "StopIcon";
+  var StopIcon$1 = StopIcon;
 
   var _excluded$1P = ["gradient"];
 
@@ -25634,7 +25635,7 @@
   exports.Step = Step;
   exports.StepActionButton = StepActionButton;
   exports.Steps = Steps;
-  exports.StopCircleIcon = StopCircleIcon$1;
+  exports.StopIcon = StopIcon$1;
   exports.StopwatchIcon = StopwatchIcon$1;
   exports.StyledInputTimeWrapper = StyledInputTimeWrapper;
   exports.SunIcon = SunIcon$1;