@activecollab/components 2.0.329 → 2.0.330
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/ConnectionIcon.js +10 -4
- package/dist/cjs/components/Icons/collection/ConnectionIcon.js.map +1 -1
- package/dist/cjs/components/Icons/collection/RoundedRectangleIcon.js +5 -2
- package/dist/cjs/components/Icons/collection/RoundedRectangleIcon.js.map +1 -1
- package/dist/cjs/components/Icons/collection/StickyIcon.js +8 -2
- package/dist/cjs/components/Icons/collection/StickyIcon.js.map +1 -1
- package/dist/cjs/components/Icons/collection/TriangleIcon.js +5 -2
- package/dist/cjs/components/Icons/collection/TriangleIcon.js.map +1 -1
- package/dist/esm/components/Icons/collection/ConnectionIcon.d.ts.map +1 -1
- package/dist/esm/components/Icons/collection/ConnectionIcon.js +10 -4
- package/dist/esm/components/Icons/collection/ConnectionIcon.js.map +1 -1
- package/dist/esm/components/Icons/collection/RoundedRectangleIcon.d.ts.map +1 -1
- package/dist/esm/components/Icons/collection/RoundedRectangleIcon.js +5 -2
- package/dist/esm/components/Icons/collection/RoundedRectangleIcon.js.map +1 -1
- package/dist/esm/components/Icons/collection/StickyIcon.d.ts.map +1 -1
- package/dist/esm/components/Icons/collection/StickyIcon.js +8 -2
- package/dist/esm/components/Icons/collection/StickyIcon.js.map +1 -1
- package/dist/esm/components/Icons/collection/TriangleIcon.d.ts.map +1 -1
- package/dist/esm/components/Icons/collection/TriangleIcon.js +5 -2
- package/dist/esm/components/Icons/collection/TriangleIcon.js.map +1 -1
- package/dist/index.js +28 -10
- 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
|
@@ -52,17 +52,23 @@ var ConnectionIcon = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref)
|
|
|
52
52
|
}, props), /*#__PURE__*/_react.default.createElement(_GradientDefs.GradientDefs, {
|
|
53
53
|
gradient: gradient
|
|
54
54
|
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
55
|
-
stroke: "
|
|
55
|
+
stroke: "var(--color-theme-600)",
|
|
56
56
|
strokeLinecap: "round",
|
|
57
57
|
strokeLinejoin: "round",
|
|
58
58
|
strokeWidth: 2,
|
|
59
|
-
d: "m15 14 5-5-5-5"
|
|
59
|
+
d: "m15 14 5-5-5-5",
|
|
60
|
+
style: {
|
|
61
|
+
fill: "none"
|
|
62
|
+
}
|
|
60
63
|
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
61
|
-
stroke: "
|
|
64
|
+
stroke: "var(--color-theme-600)",
|
|
62
65
|
strokeLinecap: "round",
|
|
63
66
|
strokeLinejoin: "round",
|
|
64
67
|
strokeWidth: 2,
|
|
65
|
-
d: "M4 20v-7a4 4 0 0 1 4-4h12"
|
|
68
|
+
d: "M4 20v-7a4 4 0 0 1 4-4h12",
|
|
69
|
+
style: {
|
|
70
|
+
fill: "none"
|
|
71
|
+
}
|
|
66
72
|
}));
|
|
67
73
|
});
|
|
68
74
|
ConnectionIcon.displayName = "ConnectionIcon";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConnectionIcon.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","ConnectionIcon","React","forwardRef","_ref","ref","gradient","props","createElement","xmlns","width","height","viewBox","fill","focusable","GradientDefs","stroke","strokeLinecap","strokeLinejoin","strokeWidth","d","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/ConnectionIcon.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component ConnectionIcon\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 * <ConnectionIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n * <ConnectionIcon 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 ConnectionIcon = React.forwardRef(\n (\n {\n gradient,\n ...props\n }: React.SVGProps<SVGSVGElement> & {\n gradient?: string;\n },\n ref?: React.Ref<SVGSVGElement>\n ) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n data-testid=\"ConnectionIcon\"\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={ref}\n {...props}\n >\n <GradientDefs gradient={gradient} />\n <path\n stroke=\"
|
|
1
|
+
{"version":3,"file":"ConnectionIcon.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","ConnectionIcon","React","forwardRef","_ref","ref","gradient","props","createElement","xmlns","width","height","viewBox","fill","focusable","GradientDefs","stroke","strokeLinecap","strokeLinejoin","strokeWidth","d","style","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/ConnectionIcon.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component ConnectionIcon\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 * <ConnectionIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n * <ConnectionIcon 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 ConnectionIcon = React.forwardRef(\n (\n {\n gradient,\n ...props\n }: React.SVGProps<SVGSVGElement> & {\n gradient?: string;\n },\n ref?: React.Ref<SVGSVGElement>\n ) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n data-testid=\"ConnectionIcon\"\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={ref}\n {...props}\n >\n <GradientDefs gradient={gradient} />\n <path\n stroke=\"var(--color-theme-600)\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={2}\n d=\"m15 14 5-5-5-5\"\n style={{\n fill: \"none\",\n }}\n />\n <path\n stroke=\"var(--color-theme-600)\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={2}\n d=\"M4 20v-7a4 4 0 0 1 4-4h12\"\n style={{\n fill: \"none\",\n }}\n />\n </svg>\n )\n);\nConnectionIcon.displayName = \"ConnectionIcon\";\nexport default ConnectionIcon;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -52,11 +52,14 @@ var RoundedRectangleIcon = /*#__PURE__*/_react.default.forwardRef(function (_ref
|
|
|
52
52
|
}, props), /*#__PURE__*/_react.default.createElement(_GradientDefs.GradientDefs, {
|
|
53
53
|
gradient: gradient
|
|
54
54
|
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
55
|
-
stroke: "
|
|
55
|
+
stroke: "var(--color-theme-600)",
|
|
56
56
|
strokeLinecap: "round",
|
|
57
57
|
strokeLinejoin: "round",
|
|
58
58
|
strokeWidth: 2,
|
|
59
|
-
d: "M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2"
|
|
59
|
+
d: "M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2",
|
|
60
|
+
style: {
|
|
61
|
+
fill: "none"
|
|
62
|
+
}
|
|
60
63
|
}));
|
|
61
64
|
});
|
|
62
65
|
RoundedRectangleIcon.displayName = "RoundedRectangleIcon";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RoundedRectangleIcon.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","RoundedRectangleIcon","React","forwardRef","_ref","ref","gradient","props","createElement","xmlns","width","height","viewBox","fill","focusable","GradientDefs","stroke","strokeLinecap","strokeLinejoin","strokeWidth","d","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/RoundedRectangleIcon.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component RoundedRectangleIcon\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 * <RoundedRectangleIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n * <RoundedRectangleIcon 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 RoundedRectangleIcon = React.forwardRef(\n (\n {\n gradient,\n ...props\n }: React.SVGProps<SVGSVGElement> & {\n gradient?: string;\n },\n ref?: React.Ref<SVGSVGElement>\n ) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n data-testid=\"RoundedRectangleIcon\"\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={ref}\n {...props}\n >\n <GradientDefs gradient={gradient} />\n <path\n stroke=\"
|
|
1
|
+
{"version":3,"file":"RoundedRectangleIcon.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","RoundedRectangleIcon","React","forwardRef","_ref","ref","gradient","props","createElement","xmlns","width","height","viewBox","fill","focusable","GradientDefs","stroke","strokeLinecap","strokeLinejoin","strokeWidth","d","style","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/RoundedRectangleIcon.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component RoundedRectangleIcon\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 * <RoundedRectangleIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n * <RoundedRectangleIcon 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 RoundedRectangleIcon = React.forwardRef(\n (\n {\n gradient,\n ...props\n }: React.SVGProps<SVGSVGElement> & {\n gradient?: string;\n },\n ref?: React.Ref<SVGSVGElement>\n ) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n data-testid=\"RoundedRectangleIcon\"\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={ref}\n {...props}\n >\n <GradientDefs gradient={gradient} />\n <path\n stroke=\"var(--color-theme-600)\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={2}\n d=\"M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2\"\n style={{\n fill: \"none\",\n }}\n />\n </svg>\n )\n);\nRoundedRectangleIcon.displayName = \"RoundedRectangleIcon\";\nexport default RoundedRectangleIcon;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -52,9 +52,15 @@ var StickyIcon = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
|
|
52
52
|
}, props), /*#__PURE__*/_react.default.createElement(_GradientDefs.GradientDefs, {
|
|
53
53
|
gradient: gradient
|
|
54
54
|
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
55
|
-
d: "M3 6.95a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4v6.087a4 4 0 0 1-1.161 2.819l-3.884 3.912a4 4 0 0 1-2.84 1.182H7a4 4 0 0 1-4-4z"
|
|
55
|
+
d: "M3 6.95a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4v6.087a4 4 0 0 1-1.161 2.819l-3.884 3.912a4 4 0 0 1-2.84 1.182H7a4 4 0 0 1-4-4z",
|
|
56
|
+
style: {
|
|
57
|
+
fill: "#ffcc6b"
|
|
58
|
+
}
|
|
56
59
|
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
57
|
-
d: "M17.031 13.95h2a2 2 0 0 0 1.992-1.818l.008-2.651v2.469q0 .092-.008.182l-.003.866a4 4 0 0 1-1.144 2.789L15.99 19.75a4 4 0 0 1-2.856 1.2H12.03a2 2 0 0 0 2-2v-2a3 3 0 0 1 3.001-3"
|
|
60
|
+
d: "M17.031 13.95h2a2 2 0 0 0 1.992-1.818l.008-2.651v2.469q0 .092-.008.182l-.003.866a4 4 0 0 1-1.144 2.789L15.99 19.75a4 4 0 0 1-2.856 1.2H12.03a2 2 0 0 0 2-2v-2a3 3 0 0 1 3.001-3",
|
|
61
|
+
style: {
|
|
62
|
+
fill: "#c49cb6"
|
|
63
|
+
}
|
|
58
64
|
}));
|
|
59
65
|
});
|
|
60
66
|
StickyIcon.displayName = "StickyIcon";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StickyIcon.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","StickyIcon","React","forwardRef","_ref","ref","gradient","props","createElement","xmlns","width","height","viewBox","fill","focusable","GradientDefs","d","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/StickyIcon.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component StickyIcon\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 * <StickyIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n * <StickyIcon 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 StickyIcon = React.forwardRef(\n (\n {\n gradient,\n ...props\n }: React.SVGProps<SVGSVGElement> & {\n gradient?: string;\n },\n ref?: React.Ref<SVGSVGElement>\n ) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n data-testid=\"StickyIcon\"\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={ref}\n {...props}\n >\n <GradientDefs gradient={gradient} />\n <path
|
|
1
|
+
{"version":3,"file":"StickyIcon.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","StickyIcon","React","forwardRef","_ref","ref","gradient","props","createElement","xmlns","width","height","viewBox","fill","focusable","GradientDefs","d","style","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/StickyIcon.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component StickyIcon\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 * <StickyIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n * <StickyIcon 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 StickyIcon = React.forwardRef(\n (\n {\n gradient,\n ...props\n }: React.SVGProps<SVGSVGElement> & {\n gradient?: string;\n },\n ref?: React.Ref<SVGSVGElement>\n ) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n data-testid=\"StickyIcon\"\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={ref}\n {...props}\n >\n <GradientDefs gradient={gradient} />\n <path\n d=\"M3 6.95a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4v6.087a4 4 0 0 1-1.161 2.819l-3.884 3.912a4 4 0 0 1-2.84 1.182H7a4 4 0 0 1-4-4z\"\n style={{\n fill: \"#ffcc6b\",\n }}\n />\n <path\n d=\"M17.031 13.95h2a2 2 0 0 0 1.992-1.818l.008-2.651v2.469q0 .092-.008.182l-.003.866a4 4 0 0 1-1.144 2.789L15.99 19.75a4 4 0 0 1-2.856 1.2H12.03a2 2 0 0 0 2-2v-2a3 3 0 0 1 3.001-3\"\n style={{\n fill: \"#c49cb6\",\n }}\n />\n </svg>\n )\n);\nStickyIcon.displayName = \"StickyIcon\";\nexport default StickyIcon;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -52,11 +52,14 @@ var TriangleIcon = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) {
|
|
|
52
52
|
}, props), /*#__PURE__*/_react.default.createElement(_GradientDefs.GradientDefs, {
|
|
53
53
|
gradient: gradient
|
|
54
54
|
}), /*#__PURE__*/_react.default.createElement("path", {
|
|
55
|
-
stroke: "
|
|
55
|
+
stroke: "var(--color-theme-600)",
|
|
56
56
|
strokeLinecap: "round",
|
|
57
57
|
strokeLinejoin: "round",
|
|
58
58
|
strokeWidth: 2,
|
|
59
|
-
d: "M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0"
|
|
59
|
+
d: "M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0",
|
|
60
|
+
style: {
|
|
61
|
+
fill: "none"
|
|
62
|
+
}
|
|
60
63
|
}));
|
|
61
64
|
});
|
|
62
65
|
TriangleIcon.displayName = "TriangleIcon";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TriangleIcon.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","TriangleIcon","React","forwardRef","_ref","ref","gradient","props","createElement","xmlns","width","height","viewBox","fill","focusable","GradientDefs","stroke","strokeLinecap","strokeLinejoin","strokeWidth","d","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/TriangleIcon.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component TriangleIcon\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 * <TriangleIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n * <TriangleIcon 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 TriangleIcon = React.forwardRef(\n (\n {\n gradient,\n ...props\n }: React.SVGProps<SVGSVGElement> & {\n gradient?: string;\n },\n ref?: React.Ref<SVGSVGElement>\n ) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n data-testid=\"TriangleIcon\"\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={ref}\n {...props}\n >\n <GradientDefs gradient={gradient} />\n <path\n stroke=\"
|
|
1
|
+
{"version":3,"file":"TriangleIcon.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","TriangleIcon","React","forwardRef","_ref","ref","gradient","props","createElement","xmlns","width","height","viewBox","fill","focusable","GradientDefs","stroke","strokeLinecap","strokeLinejoin","strokeWidth","d","style","displayName","_default","exports"],"sources":["../../../../../src/components/Icons/collection/TriangleIcon.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component TriangleIcon\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 * <TriangleIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n * <TriangleIcon 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 TriangleIcon = React.forwardRef(\n (\n {\n gradient,\n ...props\n }: React.SVGProps<SVGSVGElement> & {\n gradient?: string;\n },\n ref?: React.Ref<SVGSVGElement>\n ) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n data-testid=\"TriangleIcon\"\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={ref}\n {...props}\n >\n <GradientDefs gradient={gradient} />\n <path\n stroke=\"var(--color-theme-600)\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={2}\n d=\"M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0\"\n style={{\n fill: \"none\",\n }}\n />\n </svg>\n )\n);\nTriangleIcon.displayName = \"TriangleIcon\";\nexport default TriangleIcon;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConnectionIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/collection/ConnectionIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,cAAc;eAMH,MAAM;+
|
|
1
|
+
{"version":3,"file":"ConnectionIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/collection/ConnectionIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,cAAc;eAMH,MAAM;+CA4CtB,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -45,17 +45,23 @@ const ConnectionIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
45
45
|
}, props), /*#__PURE__*/React.createElement(GradientDefs, {
|
|
46
46
|
gradient: gradient
|
|
47
47
|
}), /*#__PURE__*/React.createElement("path", {
|
|
48
|
-
stroke: "
|
|
48
|
+
stroke: "var(--color-theme-600)",
|
|
49
49
|
strokeLinecap: "round",
|
|
50
50
|
strokeLinejoin: "round",
|
|
51
51
|
strokeWidth: 2,
|
|
52
|
-
d: "m15 14 5-5-5-5"
|
|
52
|
+
d: "m15 14 5-5-5-5",
|
|
53
|
+
style: {
|
|
54
|
+
fill: "none"
|
|
55
|
+
}
|
|
53
56
|
}), /*#__PURE__*/React.createElement("path", {
|
|
54
|
-
stroke: "
|
|
57
|
+
stroke: "var(--color-theme-600)",
|
|
55
58
|
strokeLinecap: "round",
|
|
56
59
|
strokeLinejoin: "round",
|
|
57
60
|
strokeWidth: 2,
|
|
58
|
-
d: "M4 20v-7a4 4 0 0 1 4-4h12"
|
|
61
|
+
d: "M4 20v-7a4 4 0 0 1 4-4h12",
|
|
62
|
+
style: {
|
|
63
|
+
fill: "none"
|
|
64
|
+
}
|
|
59
65
|
}));
|
|
60
66
|
});
|
|
61
67
|
ConnectionIcon.displayName = "ConnectionIcon";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConnectionIcon.js","names":["React","GradientDefs","ConnectionIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","stroke","strokeLinecap","strokeLinejoin","strokeWidth","d","displayName"],"sources":["../../../../../src/components/Icons/collection/ConnectionIcon.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component ConnectionIcon\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 * <ConnectionIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n * <ConnectionIcon 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 ConnectionIcon = React.forwardRef(\n (\n {\n gradient,\n ...props\n }: React.SVGProps<SVGSVGElement> & {\n gradient?: string;\n },\n ref?: React.Ref<SVGSVGElement>\n ) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n data-testid=\"ConnectionIcon\"\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={ref}\n {...props}\n >\n <GradientDefs gradient={gradient} />\n <path\n stroke=\"
|
|
1
|
+
{"version":3,"file":"ConnectionIcon.js","names":["React","GradientDefs","ConnectionIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","stroke","strokeLinecap","strokeLinejoin","strokeWidth","d","style","displayName"],"sources":["../../../../../src/components/Icons/collection/ConnectionIcon.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component ConnectionIcon\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 * <ConnectionIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n * <ConnectionIcon 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 ConnectionIcon = React.forwardRef(\n (\n {\n gradient,\n ...props\n }: React.SVGProps<SVGSVGElement> & {\n gradient?: string;\n },\n ref?: React.Ref<SVGSVGElement>\n ) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n data-testid=\"ConnectionIcon\"\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={ref}\n {...props}\n >\n <GradientDefs gradient={gradient} />\n <path\n stroke=\"var(--color-theme-600)\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={2}\n d=\"m15 14 5-5-5-5\"\n style={{\n fill: \"none\",\n }}\n />\n <path\n stroke=\"var(--color-theme-600)\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={2}\n d=\"M4 20v-7a4 4 0 0 1 4-4h12\"\n style={{\n fill: \"none\",\n }}\n />\n </svg>\n )\n);\nConnectionIcon.displayName = \"ConnectionIcon\";\nexport default ConnectionIcon;\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,GAA8B;EAAA,IAL5BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACLC,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAMVT,KAAA,CAAAU,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAC,4BAA4B;IAClCC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnB,eAAY,gBAAgB;IAC5BC,IAAI,EACFV,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAES,IAAI,GACXT,KAAK,CAACS,IAAI,GACV,wBACL;IACDC,SAAS,EAAE,KAAM;IACjBZ,GAAG,EAAEA;EAAI,GACLE,KAAK,gBAETP,KAAA,CAAAU,aAAA,CAACT,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAU,aAAA;IACEQ,MAAM,EAAC,wBAAwB;IAC/BC,aAAa,EAAC,OAAO;IACrBC,cAAc,EAAC,OAAO;IACtBC,WAAW,EAAE,CAAE;IACfC,CAAC,EAAC,gBAAgB;IAClBC,KAAK,EAAE;MACLP,IAAI,EAAE;IACR;EAAE,CACH,CAAC,eACFhB,KAAA,CAAAU,aAAA;IACEQ,MAAM,EAAC,wBAAwB;IAC/BC,aAAa,EAAC,OAAO;IACrBC,cAAc,EAAC,OAAO;IACtBC,WAAW,EAAE,CAAE;IACfC,CAAC,EAAC,2BAA2B;IAC7BC,KAAK,EAAE;MACLP,IAAI,EAAE;IACR;EAAE,CACH,CACE,CAAC;AAAA,CAEV,CAAC;AACDd,cAAc,CAACsB,WAAW,GAAG,gBAAgB;AAC7C,eAAetB,cAAc","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RoundedRectangleIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/collection/RoundedRectangleIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,oBAAoB;eAMT,MAAM;+
|
|
1
|
+
{"version":3,"file":"RoundedRectangleIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/collection/RoundedRectangleIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,oBAAoB;eAMT,MAAM;+CAkCtB,CAAC;AAEF,eAAe,oBAAoB,CAAC"}
|
|
@@ -45,11 +45,14 @@ const RoundedRectangleIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
45
45
|
}, props), /*#__PURE__*/React.createElement(GradientDefs, {
|
|
46
46
|
gradient: gradient
|
|
47
47
|
}), /*#__PURE__*/React.createElement("path", {
|
|
48
|
-
stroke: "
|
|
48
|
+
stroke: "var(--color-theme-600)",
|
|
49
49
|
strokeLinecap: "round",
|
|
50
50
|
strokeLinejoin: "round",
|
|
51
51
|
strokeWidth: 2,
|
|
52
|
-
d: "M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2"
|
|
52
|
+
d: "M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2",
|
|
53
|
+
style: {
|
|
54
|
+
fill: "none"
|
|
55
|
+
}
|
|
53
56
|
}));
|
|
54
57
|
});
|
|
55
58
|
RoundedRectangleIcon.displayName = "RoundedRectangleIcon";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RoundedRectangleIcon.js","names":["React","GradientDefs","RoundedRectangleIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","stroke","strokeLinecap","strokeLinejoin","strokeWidth","d","displayName"],"sources":["../../../../../src/components/Icons/collection/RoundedRectangleIcon.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component RoundedRectangleIcon\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 * <RoundedRectangleIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n * <RoundedRectangleIcon 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 RoundedRectangleIcon = React.forwardRef(\n (\n {\n gradient,\n ...props\n }: React.SVGProps<SVGSVGElement> & {\n gradient?: string;\n },\n ref?: React.Ref<SVGSVGElement>\n ) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n data-testid=\"RoundedRectangleIcon\"\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={ref}\n {...props}\n >\n <GradientDefs gradient={gradient} />\n <path\n stroke=\"
|
|
1
|
+
{"version":3,"file":"RoundedRectangleIcon.js","names":["React","GradientDefs","RoundedRectangleIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","stroke","strokeLinecap","strokeLinejoin","strokeWidth","d","style","displayName"],"sources":["../../../../../src/components/Icons/collection/RoundedRectangleIcon.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component RoundedRectangleIcon\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 * <RoundedRectangleIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n * <RoundedRectangleIcon 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 RoundedRectangleIcon = React.forwardRef(\n (\n {\n gradient,\n ...props\n }: React.SVGProps<SVGSVGElement> & {\n gradient?: string;\n },\n ref?: React.Ref<SVGSVGElement>\n ) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n data-testid=\"RoundedRectangleIcon\"\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={ref}\n {...props}\n >\n <GradientDefs gradient={gradient} />\n <path\n stroke=\"var(--color-theme-600)\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={2}\n d=\"M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2\"\n style={{\n fill: \"none\",\n }}\n />\n </svg>\n )\n);\nRoundedRectangleIcon.displayName = \"RoundedRectangleIcon\";\nexport default RoundedRectangleIcon;\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,oBAAoB,gBAAGF,KAAK,CAACG,UAAU,CAC3C,CAAAC,IAAA,EAOEC,GAA8B;EAAA,IAL5BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACLC,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAMVT,KAAA,CAAAU,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAC,4BAA4B;IAClCC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnB,eAAY,sBAAsB;IAClCC,IAAI,EACFV,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAES,IAAI,GACXT,KAAK,CAACS,IAAI,GACV,wBACL;IACDC,SAAS,EAAE,KAAM;IACjBZ,GAAG,EAAEA;EAAI,GACLE,KAAK,gBAETP,KAAA,CAAAU,aAAA,CAACT,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAU,aAAA;IACEQ,MAAM,EAAC,wBAAwB;IAC/BC,aAAa,EAAC,OAAO;IACrBC,cAAc,EAAC,OAAO;IACtBC,WAAW,EAAE,CAAE;IACfC,CAAC,EAAC,yEAAyE;IAC3EC,KAAK,EAAE;MACLP,IAAI,EAAE;IACR;EAAE,CACH,CACE,CAAC;AAAA,CAEV,CAAC;AACDd,oBAAoB,CAACsB,WAAW,GAAG,sBAAsB;AACzD,eAAetB,oBAAoB","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StickyIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/collection/StickyIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,UAAU;eAMC,MAAM;+
|
|
1
|
+
{"version":3,"file":"StickyIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/collection/StickyIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,UAAU;eAMC,MAAM;+CAoCtB,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -45,9 +45,15 @@ const StickyIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
45
45
|
}, props), /*#__PURE__*/React.createElement(GradientDefs, {
|
|
46
46
|
gradient: gradient
|
|
47
47
|
}), /*#__PURE__*/React.createElement("path", {
|
|
48
|
-
d: "M3 6.95a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4v6.087a4 4 0 0 1-1.161 2.819l-3.884 3.912a4 4 0 0 1-2.84 1.182H7a4 4 0 0 1-4-4z"
|
|
48
|
+
d: "M3 6.95a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4v6.087a4 4 0 0 1-1.161 2.819l-3.884 3.912a4 4 0 0 1-2.84 1.182H7a4 4 0 0 1-4-4z",
|
|
49
|
+
style: {
|
|
50
|
+
fill: "#ffcc6b"
|
|
51
|
+
}
|
|
49
52
|
}), /*#__PURE__*/React.createElement("path", {
|
|
50
|
-
d: "M17.031 13.95h2a2 2 0 0 0 1.992-1.818l.008-2.651v2.469q0 .092-.008.182l-.003.866a4 4 0 0 1-1.144 2.789L15.99 19.75a4 4 0 0 1-2.856 1.2H12.03a2 2 0 0 0 2-2v-2a3 3 0 0 1 3.001-3"
|
|
53
|
+
d: "M17.031 13.95h2a2 2 0 0 0 1.992-1.818l.008-2.651v2.469q0 .092-.008.182l-.003.866a4 4 0 0 1-1.144 2.789L15.99 19.75a4 4 0 0 1-2.856 1.2H12.03a2 2 0 0 0 2-2v-2a3 3 0 0 1 3.001-3",
|
|
54
|
+
style: {
|
|
55
|
+
fill: "#c49cb6"
|
|
56
|
+
}
|
|
51
57
|
}));
|
|
52
58
|
});
|
|
53
59
|
StickyIcon.displayName = "StickyIcon";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StickyIcon.js","names":["React","GradientDefs","StickyIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","d","displayName"],"sources":["../../../../../src/components/Icons/collection/StickyIcon.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component StickyIcon\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 * <StickyIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n * <StickyIcon 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 StickyIcon = React.forwardRef(\n (\n {\n gradient,\n ...props\n }: React.SVGProps<SVGSVGElement> & {\n gradient?: string;\n },\n ref?: React.Ref<SVGSVGElement>\n ) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n data-testid=\"StickyIcon\"\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={ref}\n {...props}\n >\n <GradientDefs gradient={gradient} />\n <path
|
|
1
|
+
{"version":3,"file":"StickyIcon.js","names":["React","GradientDefs","StickyIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","d","style","displayName"],"sources":["../../../../../src/components/Icons/collection/StickyIcon.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component StickyIcon\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 * <StickyIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n * <StickyIcon 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 StickyIcon = React.forwardRef(\n (\n {\n gradient,\n ...props\n }: React.SVGProps<SVGSVGElement> & {\n gradient?: string;\n },\n ref?: React.Ref<SVGSVGElement>\n ) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n data-testid=\"StickyIcon\"\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={ref}\n {...props}\n >\n <GradientDefs gradient={gradient} />\n <path\n d=\"M3 6.95a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4v6.087a4 4 0 0 1-1.161 2.819l-3.884 3.912a4 4 0 0 1-2.84 1.182H7a4 4 0 0 1-4-4z\"\n style={{\n fill: \"#ffcc6b\",\n }}\n />\n <path\n d=\"M17.031 13.95h2a2 2 0 0 0 1.992-1.818l.008-2.651v2.469q0 .092-.008.182l-.003.866a4 4 0 0 1-1.144 2.789L15.99 19.75a4 4 0 0 1-2.856 1.2H12.03a2 2 0 0 0 2-2v-2a3 3 0 0 1 3.001-3\"\n style={{\n fill: \"#c49cb6\",\n }}\n />\n </svg>\n )\n);\nStickyIcon.displayName = \"StickyIcon\";\nexport default StickyIcon;\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,UAAU,gBAAGF,KAAK,CAACG,UAAU,CACjC,CAAAC,IAAA,EAOEC,GAA8B;EAAA,IAL5BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACLC,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAMVT,KAAA,CAAAU,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAC,4BAA4B;IAClCC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnB,eAAY,YAAY;IACxBC,IAAI,EACFV,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAES,IAAI,GACXT,KAAK,CAACS,IAAI,GACV,wBACL;IACDC,SAAS,EAAE,KAAM;IACjBZ,GAAG,EAAEA;EAAI,GACLE,KAAK,gBAETP,KAAA,CAAAU,aAAA,CAACT,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAU,aAAA;IACEQ,CAAC,EAAC,uHAAuH;IACzHC,KAAK,EAAE;MACLH,IAAI,EAAE;IACR;EAAE,CACH,CAAC,eACFhB,KAAA,CAAAU,aAAA;IACEQ,CAAC,EAAC,iLAAiL;IACnLC,KAAK,EAAE;MACLH,IAAI,EAAE;IACR;EAAE,CACH,CACE,CAAC;AAAA,CAEV,CAAC;AACDd,UAAU,CAACkB,WAAW,GAAG,YAAY;AACrC,eAAelB,UAAU","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TriangleIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/collection/TriangleIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,YAAY;eAMD,MAAM;+
|
|
1
|
+
{"version":3,"file":"TriangleIcon.d.ts","sourceRoot":"","sources":["../../../../../src/components/Icons/collection/TriangleIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,QAAA,MAAM,YAAY;eAMD,MAAM;+CAkCtB,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -45,11 +45,14 @@ const TriangleIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
|
|
|
45
45
|
}, props), /*#__PURE__*/React.createElement(GradientDefs, {
|
|
46
46
|
gradient: gradient
|
|
47
47
|
}), /*#__PURE__*/React.createElement("path", {
|
|
48
|
-
stroke: "
|
|
48
|
+
stroke: "var(--color-theme-600)",
|
|
49
49
|
strokeLinecap: "round",
|
|
50
50
|
strokeLinejoin: "round",
|
|
51
51
|
strokeWidth: 2,
|
|
52
|
-
d: "M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0"
|
|
52
|
+
d: "M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0",
|
|
53
|
+
style: {
|
|
54
|
+
fill: "none"
|
|
55
|
+
}
|
|
53
56
|
}));
|
|
54
57
|
});
|
|
55
58
|
TriangleIcon.displayName = "TriangleIcon";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TriangleIcon.js","names":["React","GradientDefs","TriangleIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","stroke","strokeLinecap","strokeLinejoin","strokeWidth","d","displayName"],"sources":["../../../../../src/components/Icons/collection/TriangleIcon.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component TriangleIcon\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 * <TriangleIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n * <TriangleIcon 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 TriangleIcon = React.forwardRef(\n (\n {\n gradient,\n ...props\n }: React.SVGProps<SVGSVGElement> & {\n gradient?: string;\n },\n ref?: React.Ref<SVGSVGElement>\n ) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n data-testid=\"TriangleIcon\"\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={ref}\n {...props}\n >\n <GradientDefs gradient={gradient} />\n <path\n stroke=\"
|
|
1
|
+
{"version":3,"file":"TriangleIcon.js","names":["React","GradientDefs","TriangleIcon","forwardRef","_ref","ref","gradient","props","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","xmlns","width","height","viewBox","fill","focusable","stroke","strokeLinecap","strokeLinejoin","strokeWidth","d","style","displayName"],"sources":["../../../../../src/components/Icons/collection/TriangleIcon.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { GradientDefs } from \"../../GradientDefs\";\n\n/**\n * @component TriangleIcon\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 * <TriangleIcon gradient=\"linear-gradient(135deg, #4da2ed, #f72222)\" />\n * )\n *\n * @example\n * return (\n * <TriangleIcon 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 TriangleIcon = React.forwardRef(\n (\n {\n gradient,\n ...props\n }: React.SVGProps<SVGSVGElement> & {\n gradient?: string;\n },\n ref?: React.Ref<SVGSVGElement>\n ) => (\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n data-testid=\"TriangleIcon\"\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={ref}\n {...props}\n >\n <GradientDefs gradient={gradient} />\n <path\n stroke=\"var(--color-theme-600)\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n strokeWidth={2}\n d=\"M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0\"\n style={{\n fill: \"none\",\n }}\n />\n </svg>\n )\n);\nTriangleIcon.displayName = \"TriangleIcon\";\nexport default TriangleIcon;\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,YAAY,gBAAGF,KAAK,CAACG,UAAU,CACnC,CAAAC,IAAA,EAOEC,GAA8B;EAAA,IAL5BC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACLC,KAAK,GAAAC,6BAAA,CAAAJ,IAAA,EAAAK,SAAA;EAAA,oBAMVT,KAAA,CAAAU,aAAA,QAAAC,QAAA;IACEC,KAAK,EAAC,4BAA4B;IAClCC,KAAK,EAAE,EAAG;IACVC,MAAM,EAAE,EAAG;IACXC,OAAO,EAAC,WAAW;IACnB,eAAY,cAAc;IAC1BC,IAAI,EACFV,QAAQ,GACJ,qBAAqB,GACrBC,KAAK,YAALA,KAAK,CAAES,IAAI,GACXT,KAAK,CAACS,IAAI,GACV,wBACL;IACDC,SAAS,EAAE,KAAM;IACjBZ,GAAG,EAAEA;EAAI,GACLE,KAAK,gBAETP,KAAA,CAAAU,aAAA,CAACT,YAAY;IAACK,QAAQ,EAAEA;EAAS,CAAE,CAAC,eACpCN,KAAA,CAAAU,aAAA;IACEQ,MAAM,EAAC,wBAAwB;IAC/BC,aAAa,EAAC,OAAO;IACrBC,cAAc,EAAC,OAAO;IACtBC,WAAW,EAAE,CAAE;IACfC,CAAC,EAAC,yFAAyF;IAC3FC,KAAK,EAAE;MACLP,IAAI,EAAE;IACR;EAAE,CACH,CACE,CAAC;AAAA,CAEV,CAAC;AACDd,YAAY,CAACsB,WAAW,GAAG,cAAc;AACzC,eAAetB,YAAY","ignoreList":[]}
|
package/dist/index.js
CHANGED
|
@@ -4021,17 +4021,23 @@
|
|
|
4021
4021
|
}, props), /*#__PURE__*/React__default["default"].createElement(GradientDefs, {
|
|
4022
4022
|
gradient: gradient
|
|
4023
4023
|
}), /*#__PURE__*/React__default["default"].createElement("path", {
|
|
4024
|
-
stroke: "
|
|
4024
|
+
stroke: "var(--color-theme-600)",
|
|
4025
4025
|
strokeLinecap: "round",
|
|
4026
4026
|
strokeLinejoin: "round",
|
|
4027
4027
|
strokeWidth: 2,
|
|
4028
|
-
d: "m15 14 5-5-5-5"
|
|
4028
|
+
d: "m15 14 5-5-5-5",
|
|
4029
|
+
style: {
|
|
4030
|
+
fill: "none"
|
|
4031
|
+
}
|
|
4029
4032
|
}), /*#__PURE__*/React__default["default"].createElement("path", {
|
|
4030
|
-
stroke: "
|
|
4033
|
+
stroke: "var(--color-theme-600)",
|
|
4031
4034
|
strokeLinecap: "round",
|
|
4032
4035
|
strokeLinejoin: "round",
|
|
4033
4036
|
strokeWidth: 2,
|
|
4034
|
-
d: "M4 20v-7a4 4 0 0 1 4-4h12"
|
|
4037
|
+
d: "M4 20v-7a4 4 0 0 1 4-4h12",
|
|
4038
|
+
style: {
|
|
4039
|
+
fill: "none"
|
|
4040
|
+
}
|
|
4035
4041
|
}));
|
|
4036
4042
|
});
|
|
4037
4043
|
ConnectionIcon.displayName = "ConnectionIcon";
|
|
@@ -10163,11 +10169,14 @@
|
|
|
10163
10169
|
}, props), /*#__PURE__*/React__default["default"].createElement(GradientDefs, {
|
|
10164
10170
|
gradient: gradient
|
|
10165
10171
|
}), /*#__PURE__*/React__default["default"].createElement("path", {
|
|
10166
|
-
stroke: "
|
|
10172
|
+
stroke: "var(--color-theme-600)",
|
|
10167
10173
|
strokeLinecap: "round",
|
|
10168
10174
|
strokeLinejoin: "round",
|
|
10169
10175
|
strokeWidth: 2,
|
|
10170
|
-
d: "M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2"
|
|
10176
|
+
d: "M19 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2",
|
|
10177
|
+
style: {
|
|
10178
|
+
fill: "none"
|
|
10179
|
+
}
|
|
10171
10180
|
}));
|
|
10172
10181
|
});
|
|
10173
10182
|
RoundedRectangleIcon.displayName = "RoundedRectangleIcon";
|
|
@@ -11029,9 +11038,15 @@
|
|
|
11029
11038
|
}, props), /*#__PURE__*/React__default["default"].createElement(GradientDefs, {
|
|
11030
11039
|
gradient: gradient
|
|
11031
11040
|
}), /*#__PURE__*/React__default["default"].createElement("path", {
|
|
11032
|
-
d: "M3 6.95a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4v6.087a4 4 0 0 1-1.161 2.819l-3.884 3.912a4 4 0 0 1-2.84 1.182H7a4 4 0 0 1-4-4z"
|
|
11041
|
+
d: "M3 6.95a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4v6.087a4 4 0 0 1-1.161 2.819l-3.884 3.912a4 4 0 0 1-2.84 1.182H7a4 4 0 0 1-4-4z",
|
|
11042
|
+
style: {
|
|
11043
|
+
fill: "#ffcc6b"
|
|
11044
|
+
}
|
|
11033
11045
|
}), /*#__PURE__*/React__default["default"].createElement("path", {
|
|
11034
|
-
d: "M17.031 13.95h2a2 2 0 0 0 1.992-1.818l.008-2.651v2.469q0 .092-.008.182l-.003.866a4 4 0 0 1-1.144 2.789L15.99 19.75a4 4 0 0 1-2.856 1.2H12.03a2 2 0 0 0 2-2v-2a3 3 0 0 1 3.001-3"
|
|
11046
|
+
d: "M17.031 13.95h2a2 2 0 0 0 1.992-1.818l.008-2.651v2.469q0 .092-.008.182l-.003.866a4 4 0 0 1-1.144 2.789L15.99 19.75a4 4 0 0 1-2.856 1.2H12.03a2 2 0 0 0 2-2v-2a3 3 0 0 1 3.001-3",
|
|
11047
|
+
style: {
|
|
11048
|
+
fill: "#c49cb6"
|
|
11049
|
+
}
|
|
11035
11050
|
}));
|
|
11036
11051
|
});
|
|
11037
11052
|
StickyIcon.displayName = "StickyIcon";
|
|
@@ -11692,11 +11707,14 @@
|
|
|
11692
11707
|
}, props), /*#__PURE__*/React__default["default"].createElement(GradientDefs, {
|
|
11693
11708
|
gradient: gradient
|
|
11694
11709
|
}), /*#__PURE__*/React__default["default"].createElement("path", {
|
|
11695
|
-
stroke: "
|
|
11710
|
+
stroke: "var(--color-theme-600)",
|
|
11696
11711
|
strokeLinecap: "round",
|
|
11697
11712
|
strokeLinejoin: "round",
|
|
11698
11713
|
strokeWidth: 2,
|
|
11699
|
-
d: "M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0"
|
|
11714
|
+
d: "M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0",
|
|
11715
|
+
style: {
|
|
11716
|
+
fill: "none"
|
|
11717
|
+
}
|
|
11700
11718
|
}));
|
|
11701
11719
|
});
|
|
11702
11720
|
TriangleIcon.displayName = "TriangleIcon";
|