@activecollab/components 2.0.302 → 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,32 +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: 32,
-      height: 32,
-      viewBox: "0 0 32 32",
+      width: 24,
+      height: 24,
+      viewBox: "0 0 24 24",
       xmlns: "http://www.w3.org/2000/svg",
-      "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("g", {
-      clipPath: "url(#stop-circle_svg__clip0_2139_1987)"
-    }, /*#__PURE__*/React__default["default"].createElement("path", {
-      d: "M16 2a14 14 0 100 28 14 14 0 000-28zm6 18a2 2 0 01-2 2h-8a2 2 0 01-2-2v-8a2 2 0 012-2h8a2 2 0 012 2v8z"
-    })), /*#__PURE__*/React__default["default"].createElement("defs", null, /*#__PURE__*/React__default["default"].createElement("clipPath", {
-      id: "stop-circle_svg__clip0_2139_1987"
-    }, /*#__PURE__*/React__default["default"].createElement("path", {
-      d: "M0 0h32v32H0z"
-    }))));
+    }), /*#__PURE__*/React__default["default"].createElement("path", {
+      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"];
 
@@ -25641,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;