@activecollab/components 2.0.301 → 2.0.302
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/Icons/collection/StopCircle.js +12 -5
- package/dist/cjs/components/Icons/collection/StopCircle.js.map +1 -1
- package/dist/esm/components/Icons/collection/StopCircle.d.ts.map +1 -1
- package/dist/esm/components/Icons/collection/StopCircle.js +12 -5
- package/dist/esm/components/Icons/collection/StopCircle.js.map +1 -1
- package/dist/index.js +12 -5
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
|
@@ -41,18 +41,25 @@ var StopCircleIcon = /*#__PURE__*/_react.default.forwardRef(function (_ref, svgR
|
|
|
41
41
|
var gradient = _ref.gradient,
|
|
42
42
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
43
43
|
return /*#__PURE__*/_react.default.createElement("svg", _extends({
|
|
44
|
+
width: 32,
|
|
45
|
+
height: 32,
|
|
46
|
+
viewBox: "0 0 32 32",
|
|
44
47
|
xmlns: "http://www.w3.org/2000/svg",
|
|
45
|
-
width: 14,
|
|
46
|
-
height: 14,
|
|
47
48
|
"data-testid": "StopCircleIcon",
|
|
48
49
|
fill: gradient ? "url(#icon-gradient)" : props !== null && props !== void 0 && props.fill ? props.fill : "var(--color-theme-600)",
|
|
49
50
|
focusable: false,
|
|
50
51
|
ref: svgRef
|
|
51
52
|
}, props), /*#__PURE__*/_react.default.createElement(_GradientDefs.GradientDefs, {
|
|
52
53
|
gradient: gradient
|
|
53
|
-
}), /*#__PURE__*/_react.default.createElement("
|
|
54
|
-
|
|
55
|
-
}
|
|
54
|
+
}), /*#__PURE__*/_react.default.createElement("g", {
|
|
55
|
+
clipPath: "url(#stop-circle_svg__clip0_2139_1987)"
|
|
56
|
+
}, /*#__PURE__*/_react.default.createElement("path", {
|
|
57
|
+
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"
|
|
58
|
+
})), /*#__PURE__*/_react.default.createElement("defs", null, /*#__PURE__*/_react.default.createElement("clipPath", {
|
|
59
|
+
id: "stop-circle_svg__clip0_2139_1987"
|
|
60
|
+
}, /*#__PURE__*/_react.default.createElement("path", {
|
|
61
|
+
d: "M0 0h32v32H0z"
|
|
62
|
+
}))));
|
|
56
63
|
});
|
|
57
64
|
StopCircleIcon.displayName = "StopCircleIcon";
|
|
58
65
|
var _default = exports.default = StopCircleIcon;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StopCircle.js","names":["_react","_interopRequireDefault","require","_GradientDefs","_excluded","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_objectWithoutProperties","o","i","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","StopCircleIcon","React","forwardRef","_ref","svgRef","gradient","props","createElement","
|
|
1
|
+
{"version":3,"file":"StopCircle.js","names":["_react","_interopRequireDefault","require","_GradientDefs","_excluded","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_objectWithoutProperties","o","i","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","StopCircleIcon","React","forwardRef","_ref","svgRef","gradient","props","createElement","width","height","viewBox","xmlns","fill","focusable","ref","GradientDefs","clipPath","d","id","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/StopCircle.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component StopCircleIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <StopCircleIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n * <StopCircleIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst StopCircleIcon = React.forwardRef(\n (\n {\n gradient,\n ...props\n }: React.SVGProps<SVGSVGElement> & {\n gradient?: string;\n },\n svgRef?: React.Ref<SVGSVGElement>\n ) => (\n <svg\n width={32}\n height={32}\n viewBox=\"0 0 32 32\"\n xmlns=\"http://www.w3.org/2000/svg\"\n data-testid=\"StopCircleIcon\"\n fill={\n gradient\n ? \"url(#icon-gradient)\"\n : props?.fill\n ? props.fill\n : \"var(--color-theme-600)\"\n }\n focusable={false}\n ref={svgRef}\n {...props}\n >\n <GradientDefs gradient={gradient} />\n <g clipPath=\"url(#stop-circle_svg__clip0_2139_1987)\">\n <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\" />\n </g>\n <defs>\n <clipPath id=\"stop-circle_svg__clip0_2139_1987\">\n <path d=\"M0 0h32v32H0z\" />\n </clipPath>\n </defs>\n </svg>\n )\n);\nStopCircleIcon.displayName = \"StopCircleIcon\";\nexport default StopCircleIcon;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StopCircle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/collection/StopCircle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,cAAc;eAMH,MAAM;+
|
|
1
|
+
{"version":3,"file":"StopCircle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/collection/StopCircle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,cAAc;eAMH,MAAM;+CAgCtB,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -36,18 +36,25 @@ const StopCircleIcon = /*#__PURE__*/React.forwardRef((_ref, svgRef) => {
|
|
|
36
36
|
} = _ref,
|
|
37
37
|
props = _objectWithoutPropertiesLoose(_ref, _excluded);
|
|
38
38
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
39
|
+
width: 32,
|
|
40
|
+
height: 32,
|
|
41
|
+
viewBox: "0 0 32 32",
|
|
39
42
|
xmlns: "http://www.w3.org/2000/svg",
|
|
40
|
-
width: 14,
|
|
41
|
-
height: 14,
|
|
42
43
|
"data-testid": "StopCircleIcon",
|
|
43
44
|
fill: gradient ? "url(#icon-gradient)" : props != null && props.fill ? props.fill : "var(--color-theme-600)",
|
|
44
45
|
focusable: false,
|
|
45
46
|
ref: svgRef
|
|
46
47
|
}, props), /*#__PURE__*/React.createElement(GradientDefs, {
|
|
47
48
|
gradient: gradient
|
|
48
|
-
}), /*#__PURE__*/React.createElement("
|
|
49
|
-
|
|
50
|
-
}
|
|
49
|
+
}), /*#__PURE__*/React.createElement("g", {
|
|
50
|
+
clipPath: "url(#stop-circle_svg__clip0_2139_1987)"
|
|
51
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
52
|
+
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"
|
|
53
|
+
})), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
|
|
54
|
+
id: "stop-circle_svg__clip0_2139_1987"
|
|
55
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
56
|
+
d: "M0 0h32v32H0z"
|
|
57
|
+
}))));
|
|
51
58
|
});
|
|
52
59
|
StopCircleIcon.displayName = "StopCircleIcon";
|
|
53
60
|
export default StopCircleIcon;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StopCircle.js","names":["React","GradientDefs","StopCircleIcon","forwardRef","_ref","svgRef","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","
|
|
1
|
+
{"version":3,"file":"StopCircle.js","names":["React","GradientDefs","StopCircleIcon","forwardRef","_ref","svgRef","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","width","height","viewBox","xmlns","fill","focusable","ref","clipPath","d","id","displayName"],"sources":["../../../../../src/components/Icons/collection/StopCircle.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component StopCircleIcon\n * @description\n *\n * The React Icon component is a visual element that displays an icon to represent a concept, object, or action.\n * The Icon component is\n * customizable, allowing for variations in size, color, and style to fit the needs of the application.\n *\n * @prop {string} [gradient] - Optional CSS linear-gradient string to apply a custom fill.\n * Format: \"linear-gradient(<angle>deg, <color1>, <color2>, ...)\"\n *\n * @example\n * return (\n * <StopCircleIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n * <StopCircleIcon className=\"mr-2\" />\n * )\n *\n * @see\n * https://system.activecollab.com/?path=/story/foundation-icons-icons--icons\n * @see\n * https://design.activecollab.com/docs/foundations/icons\n */\nconst StopCircleIcon = React.forwardRef(\n (\n {\n gradient,\n ...props\n }: React.SVGProps<SVGSVGElement> & {\n gradient?: string;\n },\n svgRef?: React.Ref<SVGSVGElement>\n ) => (\n <svg\n width={32}\n height={32}\n viewBox=\"0 0 32 32\"\n xmlns=\"http://www.w3.org/2000/svg\"\n data-testid=\"StopCircleIcon\"\n fill={\n gradient\n ? \"url(#icon-gradient)\"\n : props?.fill\n ? props.fill\n : \"var(--color-theme-600)\"\n }\n focusable={false}\n ref={svgRef}\n {...props}\n >\n <GradientDefs gradient={gradient} />\n <g clipPath=\"url(#stop-circle_svg__clip0_2139_1987)\">\n <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\" />\n </g>\n <defs>\n <clipPath id=\"stop-circle_svg__clip0_2139_1987\">\n <path d=\"M0 0h32v32H0z\" />\n </clipPath>\n </defs>\n </svg>\n )\n);\nStopCircleIcon.displayName = \"StopCircleIcon\";\nexport default StopCircleIcon;\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,oBAAoB;;AAEjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,cAAc,gBAAGF,KAAK,CAACG,UAAU,CACrC,CAAAC,IAAA,EAOEC,MAAiC;EAAA,IANjC;MACEC;IAIF,CAAC,GAAAF,IAAA;IAHIG,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAMVT,KAAA,CAAAU,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnBC,KAAK,EAAC,4BAA4B;IAClC,eAAY,gBAAgB;IAC5BC,IAAI,EACFV,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAES,IAAI,GACXT,KAAK,CAACS,IAAI,GACV,wBACL;IACDC,SAAS,EAAE,KAAM;IACjBC,GAAG,EAAEb;EAAO,GACRE,KAAK,gBAETP,KAAA,CAAAU,aAAA,CAACT,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAU,aAAA;IAAGS,QAAQ,EAAC;EAAwC,gBAClDnB,KAAA,CAAAU,aAAA;IAAMU,CAAC,EAAC;EAAwG,CAAE,CACjH,CAAC,eACJpB,KAAA,CAAAU,aAAA,4BACEV,KAAA,CAAAU,aAAA;IAAUW,EAAE,EAAC;EAAkC,gBAC7CrB,KAAA,CAAAU,aAAA;IAAMU,CAAC,EAAC;EAAe,CAAE,CACjB,CACN,CACH,CAAC;AAAA,CAEV,CAAC;AACDlB,cAAc,CAACoB,WAAW,GAAG,gBAAgB;AAC7C,eAAepB,cAAc","ignoreList":[]}
|
package/dist/index.js
CHANGED
|
@@ -10752,18 +10752,25 @@
|
|
|
10752
10752
|
var gradient = _ref.gradient,
|
|
10753
10753
|
props = _objectWithoutProperties(_ref, _excluded$1Q);
|
|
10754
10754
|
return /*#__PURE__*/React__default["default"].createElement("svg", _extends({
|
|
10755
|
+
width: 32,
|
|
10756
|
+
height: 32,
|
|
10757
|
+
viewBox: "0 0 32 32",
|
|
10755
10758
|
xmlns: "http://www.w3.org/2000/svg",
|
|
10756
|
-
width: 14,
|
|
10757
|
-
height: 14,
|
|
10758
10759
|
"data-testid": "StopCircleIcon",
|
|
10759
10760
|
fill: gradient ? "url(#icon-gradient)" : props !== null && props !== void 0 && props.fill ? props.fill : "var(--color-theme-600)",
|
|
10760
10761
|
focusable: false,
|
|
10761
10762
|
ref: svgRef
|
|
10762
10763
|
}, props), /*#__PURE__*/React__default["default"].createElement(GradientDefs, {
|
|
10763
10764
|
gradient: gradient
|
|
10764
|
-
}), /*#__PURE__*/React__default["default"].createElement("
|
|
10765
|
-
|
|
10766
|
-
}
|
|
10765
|
+
}), /*#__PURE__*/React__default["default"].createElement("g", {
|
|
10766
|
+
clipPath: "url(#stop-circle_svg__clip0_2139_1987)"
|
|
10767
|
+
}, /*#__PURE__*/React__default["default"].createElement("path", {
|
|
10768
|
+
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"
|
|
10769
|
+
})), /*#__PURE__*/React__default["default"].createElement("defs", null, /*#__PURE__*/React__default["default"].createElement("clipPath", {
|
|
10770
|
+
id: "stop-circle_svg__clip0_2139_1987"
|
|
10771
|
+
}, /*#__PURE__*/React__default["default"].createElement("path", {
|
|
10772
|
+
d: "M0 0h32v32H0z"
|
|
10773
|
+
}))));
|
|
10767
10774
|
});
|
|
10768
10775
|
StopCircleIcon.displayName = "StopCircleIcon";
|
|
10769
10776
|
var StopCircleIcon$1 = StopCircleIcon;
|