elementa-icons 1.4.0 → 1.4.1
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/icons/nav/ArrowDown.js +4 -8
- package/dist/icons/nav/ArrowLeft.js +2 -4
- package/dist/icons/nav/ArrowUp.js +9 -16
- package/dist/index.esm.js +1 -1
- package/dist/types/icons/nav/ArrowDown.d.ts +4 -4
- package/dist/types/icons/nav/ArrowLeft.d.ts +1 -1
- package/dist/types/icons/nav/ArrowUp.d.ts +5 -4
- package/dist/types/lib/types.d.ts +2 -0
- package/package.json +1 -1
|
@@ -1,19 +1,15 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
// Import custom components.
|
|
3
|
-
// Import custom utilities.
|
|
4
|
-
// Import custom types.
|
|
5
|
-
// Import styles.
|
|
6
2
|
/**
|
|
7
3
|
* This function renders an SVG icon of an arrow pointing downwards.
|
|
8
4
|
*
|
|
9
|
-
* @version 1.
|
|
5
|
+
* @version 1.2.0
|
|
10
6
|
* @author Aayush Goyal
|
|
11
7
|
* @created 2025-06-22
|
|
12
8
|
* @modifier Aayush Goyal
|
|
13
|
-
* @modified 2025-
|
|
9
|
+
* @modified 2025-07-13
|
|
14
10
|
* @since 1.1.0
|
|
15
11
|
*/
|
|
16
|
-
const ArrowDown = ({ color = '#000000', strokeWidth = 1, }) => {
|
|
17
|
-
return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", xmlSpace: "preserve", viewBox: "0 0 25 29", stroke: color, strokeWidth: strokeWidth, children: [_jsx("path", { d: "M24.185 14.28s-3.77 3.822-7.172 7.4c-.826.867-1.623 1.725-2.34 2.508-.948 1.03-1.749 1.934-2.3 2.545l-.004-.002-.005.003c-.983-1.064-2.746-3.022-4.654-5.042A552.286 552.286 0 0 0 .552 14.28a.244.244 0 0 0-.367.32s3.258 4.267 6.337 8.123c1.734 2.173 3.424 4.192 4.341 5.315a1.988 1.988 0 0 0 3.012 0c.528-.631 1.311-1.551 2.2-2.632.673-.821 1.411-1.73 2.155-2.67 3.066-3.868 6.322-8.136 6.322-8.136a.244.244 0 0 0-.367-.32Z"
|
|
12
|
+
const ArrowDown = ({ color = '#000000', height = '1em', strokeWidth = 1, width = '1em' }) => {
|
|
13
|
+
return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", xmlSpace: "preserve", viewBox: "0 0 25 29", stroke: color, strokeWidth: strokeWidth, width: width, height: height, fill: color, children: [_jsx("path", { d: "M24.185 14.28s-3.77 3.822-7.172 7.4c-.826.867-1.623 1.725-2.34 2.508-.948 1.03-1.749 1.934-2.3 2.545l-.004-.002-.005.003c-.983-1.064-2.746-3.022-4.654-5.042A552.286 552.286 0 0 0 .552 14.28a.244.244 0 0 0-.367.32s3.258 4.267 6.337 8.123c1.734 2.173 3.424 4.192 4.341 5.315a1.988 1.988 0 0 0 3.012 0c.528-.631 1.311-1.551 2.2-2.632.673-.821 1.411-1.73 2.155-2.67 3.066-3.868 6.322-8.136 6.322-8.136a.244.244 0 0 0-.367-.32Z" }), _jsx("path", { d: "M12.612 23.65s.113-1.067.26-2.763c.1-1.15.225-2.572.325-4.144.057-.887.103-1.815.135-2.763.021-.61.038-1.225.036-1.842a51.027 51.027 0 0 0-.042-1.842 164.88 164.88 0 0 0-.349-5.526C12.78 2.3 12.612.625 12.612.625a.243.243 0 0 0-.487 0S11.96 2.3 11.761 4.77c-.068.844-.137 1.773-.2 2.763-.056.887-.113 1.814-.149 2.763a48.819 48.819 0 0 0-.043 1.842c0 .617.015 1.233.036 1.842.033.948.078 1.876.135 2.763.1 1.572.226 2.994.326 4.144.146 1.696.26 2.763.26 2.763a.243.243 0 0 0 .486 0Z" })] }));
|
|
18
14
|
};
|
|
19
15
|
export default ArrowDown;
|
|
@@ -9,14 +9,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
9
9
|
* @modified
|
|
10
10
|
* @since 1.3.0
|
|
11
11
|
*/
|
|
12
|
-
const ArrowLeft = ({ color = '#000000', strokeWidth = 1 }) => {
|
|
12
|
+
const ArrowLeft = ({ color = '#000000', height = '1em', strokeWidth = 1, width = '1em' }) => {
|
|
13
13
|
return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", xmlSpace: "preserve", style: {
|
|
14
14
|
fillRule: 'evenodd',
|
|
15
15
|
clipRule: 'evenodd',
|
|
16
16
|
strokeLinejoin: 'round',
|
|
17
17
|
strokeMiterlimit: 2
|
|
18
|
-
}, viewBox: "0 0 29 25", stroke: color, strokeWidth: strokeWidth, fill: color, children: [_jsx("path", { d: "
|
|
19
|
-
fill: 'none'
|
|
20
|
-
}, transform: "matrix(1.00054 0 0 1.00075 -275.795 -375.307)" }), _jsx("path", { d: "M14.898 24.549s-3.822-3.77-7.4-7.172a188 188 0 0 0-2.508-2.341c-1.03-.947-1.934-1.748-2.545-2.3l.002-.003-.003-.005c1.065-.983 3.022-2.746 5.042-4.654C11.075 4.686 14.898.916 14.898.916a.244.244 0 0 0-.32-.367s-4.267 3.258-8.123 6.337C4.282 8.62 2.263 10.31 1.14 11.226a1.988 1.988 0 0 0 0 3.013c.631.528 1.551 1.31 2.632 2.199.821.674 1.73 1.412 2.67 2.156a648 648 0 0 0 8.136 6.322.244.244 0 0 0 .32-.367" }), _jsx("path", { d: "M5.528 12.976s1.067.113 2.763.26c1.15.099 2.572.225 4.145.325a91 91 0 0 0 2.763.135c.609.02 1.225.038 1.842.036a51 51 0 0 0 1.842-.042 164.882 164.882 0 0 0 5.526-.349c2.47-.198 4.144-.365 4.144-.365a.243.243 0 0 0 0-.487s-1.674-.166-4.144-.364c-.844-.068-1.773-.137-2.763-.2-.888-.056-1.815-.113-2.763-.15a49 49 0 0 0-1.842-.042 51 51 0 0 0-1.842.036c-.95.033-1.877.078-2.763.135-1.573.1-2.995.226-4.145.326-1.696.146-2.763.259-2.763.259a.243.243 0 0 0 0 .487" })] }));
|
|
18
|
+
}, viewBox: "0 0 29 25", height: height, stroke: color, strokeWidth: strokeWidth, width: width, fill: color, children: [_jsx("path", { d: "M14.898 24.549s-3.822-3.77-7.4-7.172a188 188 0 0 0-2.508-2.341c-1.03-.947-1.934-1.748-2.545-2.3l.002-.003-.003-.005c1.065-.983 3.022-2.746 5.042-4.654C11.075 4.686 14.898.916 14.898.916a.244.244 0 0 0-.32-.367s-4.267 3.258-8.123 6.337C4.282 8.62 2.263 10.31 1.14 11.226a1.988 1.988 0 0 0 0 3.013c.631.528 1.551 1.31 2.632 2.199.821.674 1.73 1.412 2.67 2.156a648 648 0 0 0 8.136 6.322.244.244 0 0 0 .32-.367" }), _jsx("path", { d: "M5.528 12.976s1.067.113 2.763.26c1.15.099 2.572.225 4.145.325a91 91 0 0 0 2.763.135c.609.02 1.225.038 1.842.036a51 51 0 0 0 1.842-.042 164.882 164.882 0 0 0 5.526-.349c2.47-.198 4.144-.365 4.144-.365a.243.243 0 0 0 0-.487s-1.674-.166-4.144-.364c-.844-.068-1.773-.137-2.763-.2-.888-.056-1.815-.113-2.763-.15a49 49 0 0 0-1.842-.042 51 51 0 0 0-1.842.036c-.95.033-1.877.078-2.763.135-1.573.1-2.995.226-4.145.326-1.696.146-2.763.259-2.763.259a.243.243 0 0 0 0 .487" })] }));
|
|
21
19
|
};
|
|
22
20
|
export default ArrowLeft;
|
|
@@ -1,27 +1,20 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
// Import global from third party libraries.
|
|
3
|
-
// Import custom components.
|
|
4
|
-
// Import custom utilities.
|
|
5
|
-
// Import custom types.
|
|
6
|
-
// Import styles.
|
|
7
2
|
/**
|
|
8
3
|
* This function renders an SVG icon of an arrow pointing downwards.
|
|
9
4
|
*
|
|
10
|
-
* @version 1.
|
|
5
|
+
* @version 1.1.0
|
|
11
6
|
* @author Aayush Goyal
|
|
12
7
|
* @created 2025-06-22
|
|
13
|
-
* @modifier
|
|
14
|
-
* @modified
|
|
8
|
+
* @modifier Aayush Goyal
|
|
9
|
+
* @modified 2025-07-13
|
|
15
10
|
* @since 1.1.0
|
|
16
11
|
*/
|
|
17
|
-
const ArrowDown = (
|
|
12
|
+
const ArrowDown = ({ color = '#000000', height = '1em', strokeWidth = 1, width = '1em' }) => {
|
|
18
13
|
return (_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", xmlSpace: "preserve", style: {
|
|
19
|
-
fillRule:
|
|
20
|
-
clipRule:
|
|
21
|
-
strokeLinejoin:
|
|
22
|
-
strokeMiterlimit: 2
|
|
23
|
-
}, viewBox: "0 0 26 29",
|
|
24
|
-
fill: "none",
|
|
25
|
-
}, transform: "matrix(1.00017 0 0 1.00024 -245.579 -405.18)" }), _jsx("path", { d: "M1.02 14.836s3.77-3.823 7.173-7.4c.826-.868 1.623-1.725 2.34-2.508.948-1.03 1.749-1.934 2.3-2.546l.004.003.005-.004c.983 1.065 2.746 3.022 4.654 5.043 3.388 3.588 7.158 7.412 7.158 7.412a.244.244 0 0 0 .367-.32s-3.258-4.267-6.337-8.124C16.95 4.22 15.26 2.201 14.343 1.078a1.988 1.988 0 0 0-3.012-.001c-.528.632-1.311 1.552-2.2 2.633-.673.82-1.411 1.729-2.155 2.67a648.25 648.25 0 0 0-6.322 8.136.244.244 0 0 0 .367.32Z" }), _jsx("path", { d: "M12.594 5.466s-.113 1.067-.26 2.763c-.1 1.15-.225 2.571-.325 4.144a91.07 91.07 0 0 0-.135 2.763 48.872 48.872 0 0 0-.036 1.842c0 .617.019 1.233.042 1.842a164.882 164.882 0 0 0 .349 5.526c.198 2.47.365 4.145.365 4.145a.243.243 0 0 0 .487 0s.166-1.674.364-4.145c.068-.844.137-1.773.2-2.763.056-.887.113-1.814.149-2.763a48.82 48.82 0 0 0 .043-1.842 51.077 51.077 0 0 0-.036-1.842 94.437 94.437 0 0 0-.135-2.763c-.1-1.573-.226-2.994-.326-4.144-.146-1.696-.26-2.763-.26-2.763a.243.243 0 0 0-.486 0Z" })] }));
|
|
14
|
+
fillRule: 'evenodd',
|
|
15
|
+
clipRule: 'evenodd',
|
|
16
|
+
strokeLinejoin: 'round',
|
|
17
|
+
strokeMiterlimit: 2
|
|
18
|
+
}, viewBox: "0 0 26 29", height: height, stroke: color, strokeWidth: strokeWidth, width: width, fill: color, children: [_jsx("path", { d: "M1.02 14.836s3.77-3.823 7.173-7.4c.826-.868 1.623-1.725 2.34-2.508.948-1.03 1.749-1.934 2.3-2.546l.004.003.005-.004c.983 1.065 2.746 3.022 4.654 5.043 3.388 3.588 7.158 7.412 7.158 7.412a.244.244 0 0 0 .367-.32s-3.258-4.267-6.337-8.124C16.95 4.22 15.26 2.201 14.343 1.078a1.988 1.988 0 0 0-3.012-.001c-.528.632-1.311 1.552-2.2 2.633-.673.82-1.411 1.729-2.155 2.67a648.25 648.25 0 0 0-6.322 8.136.244.244 0 0 0 .367.32Z" }), _jsx("path", { d: "M12.594 5.466s-.113 1.067-.26 2.763c-.1 1.15-.225 2.571-.325 4.144a91.07 91.07 0 0 0-.135 2.763 48.872 48.872 0 0 0-.036 1.842c0 .617.019 1.233.042 1.842a164.882 164.882 0 0 0 .349 5.526c.198 2.47.365 4.145.365 4.145a.243.243 0 0 0 .487 0s.166-1.674.364-4.145c.068-.844.137-1.773.2-2.763.056-.887.113-1.814.149-2.763a48.82 48.82 0 0 0 .043-1.842 51.077 51.077 0 0 0-.036-1.842 94.437 94.437 0 0 0-.135-2.763c-.1-1.573-.226-2.994-.326-4.144-.146-1.696-.26-2.763-.26-2.763a.243.243 0 0 0-.486 0Z" })] }));
|
|
26
19
|
};
|
|
27
20
|
export default ArrowDown;
|
package/dist/index.esm.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as t}from"react/jsx-runtime";const
|
|
1
|
+
import{jsxs as e,jsx as t}from"react/jsx-runtime";const i=({color:i="#000000",height:s="1em",strokeWidth:r=1,width:o="1em"})=>e("svg",{xmlns:"http://www.w3.org/2000/svg",xmlSpace:"preserve",viewBox:"0 0 25 29",stroke:i,strokeWidth:r,width:o,height:s,fill:i,children:[t("path",{d:"M24.185 14.28s-3.77 3.822-7.172 7.4c-.826.867-1.623 1.725-2.34 2.508-.948 1.03-1.749 1.934-2.3 2.545l-.004-.002-.005.003c-.983-1.064-2.746-3.022-4.654-5.042A552.286 552.286 0 0 0 .552 14.28a.244.244 0 0 0-.367.32s3.258 4.267 6.337 8.123c1.734 2.173 3.424 4.192 4.341 5.315a1.988 1.988 0 0 0 3.012 0c.528-.631 1.311-1.551 2.2-2.632.673-.821 1.411-1.73 2.155-2.67 3.066-3.868 6.322-8.136 6.322-8.136a.244.244 0 0 0-.367-.32Z"}),t("path",{d:"M12.612 23.65s.113-1.067.26-2.763c.1-1.15.225-2.572.325-4.144.057-.887.103-1.815.135-2.763.021-.61.038-1.225.036-1.842a51.027 51.027 0 0 0-.042-1.842 164.88 164.88 0 0 0-.349-5.526C12.78 2.3 12.612.625 12.612.625a.243.243 0 0 0-.487 0S11.96 2.3 11.761 4.77c-.068.844-.137 1.773-.2 2.763-.056.887-.113 1.814-.149 2.763a48.819 48.819 0 0 0-.043 1.842c0 .617.015 1.233.036 1.842.033.948.078 1.876.135 2.763.1 1.572.226 2.994.326 4.144.146 1.696.26 2.763.26 2.763a.243.243 0 0 0 .486 0Z"})]}),s=({color:i="#000000",height:s="1em",strokeWidth:r=1,width:o="1em"})=>e("svg",{xmlns:"http://www.w3.org/2000/svg",xmlSpace:"preserve",style:{fillRule:"evenodd",clipRule:"evenodd",strokeLinejoin:"round",strokeMiterlimit:2},viewBox:"0 0 29 25",height:s,stroke:i,strokeWidth:r,width:o,fill:i,children:[t("path",{d:"M14.898 24.549s-3.822-3.77-7.4-7.172a188 188 0 0 0-2.508-2.341c-1.03-.947-1.934-1.748-2.545-2.3l.002-.003-.003-.005c1.065-.983 3.022-2.746 5.042-4.654C11.075 4.686 14.898.916 14.898.916a.244.244 0 0 0-.32-.367s-4.267 3.258-8.123 6.337C4.282 8.62 2.263 10.31 1.14 11.226a1.988 1.988 0 0 0 0 3.013c.631.528 1.551 1.31 2.632 2.199.821.674 1.73 1.412 2.67 2.156a648 648 0 0 0 8.136 6.322.244.244 0 0 0 .32-.367"}),t("path",{d:"M5.528 12.976s1.067.113 2.763.26c1.15.099 2.572.225 4.145.325a91 91 0 0 0 2.763.135c.609.02 1.225.038 1.842.036a51 51 0 0 0 1.842-.042 164.882 164.882 0 0 0 5.526-.349c2.47-.198 4.144-.365 4.144-.365a.243.243 0 0 0 0-.487s-1.674-.166-4.144-.364c-.844-.068-1.773-.137-2.763-.2-.888-.056-1.815-.113-2.763-.15a49 49 0 0 0-1.842-.042 51 51 0 0 0-1.842.036c-.95.033-1.877.078-2.763.135-1.573.1-2.995.226-4.145.326-1.696.146-2.763.259-2.763.259a.243.243 0 0 0 0 .487"})]}),r=({color:i="#000000",height:s="1em",strokeWidth:r=1,width:o="1em"})=>e("svg",{xmlns:"http://www.w3.org/2000/svg",xmlSpace:"preserve",style:{fillRule:"evenodd",clipRule:"evenodd",strokeLinejoin:"round",strokeMiterlimit:2},viewBox:"0 0 26 29",height:s,stroke:i,strokeWidth:r,width:o,fill:i,children:[t("path",{d:"M1.02 14.836s3.77-3.823 7.173-7.4c.826-.868 1.623-1.725 2.34-2.508.948-1.03 1.749-1.934 2.3-2.546l.004.003.005-.004c.983 1.065 2.746 3.022 4.654 5.043 3.388 3.588 7.158 7.412 7.158 7.412a.244.244 0 0 0 .367-.32s-3.258-4.267-6.337-8.124C16.95 4.22 15.26 2.201 14.343 1.078a1.988 1.988 0 0 0-3.012-.001c-.528.632-1.311 1.552-2.2 2.633-.673.82-1.411 1.729-2.155 2.67a648.25 648.25 0 0 0-6.322 8.136.244.244 0 0 0 .367.32Z"}),t("path",{d:"M12.594 5.466s-.113 1.067-.26 2.763c-.1 1.15-.225 2.571-.325 4.144a91.07 91.07 0 0 0-.135 2.763 48.872 48.872 0 0 0-.036 1.842c0 .617.019 1.233.042 1.842a164.882 164.882 0 0 0 .349 5.526c.198 2.47.365 4.145.365 4.145a.243.243 0 0 0 .487 0s.166-1.674.364-4.145c.068-.844.137-1.773.2-2.763.056-.887.113-1.814.149-2.763a48.82 48.82 0 0 0 .043-1.842 51.077 51.077 0 0 0-.036-1.842 94.437 94.437 0 0 0-.135-2.763c-.1-1.573-.226-2.994-.326-4.144-.146-1.696-.26-2.763-.26-2.763a.243.243 0 0 0-.486 0Z"})]});export{i as ArrowDown,s as ArrowLeft,r as ArrowUp};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { IconComponentProps } from
|
|
1
|
+
import { IconComponentProps } from '@/src/lib/types';
|
|
2
2
|
/**
|
|
3
3
|
* This function renders an SVG icon of an arrow pointing downwards.
|
|
4
4
|
*
|
|
5
|
-
* @version 1.
|
|
5
|
+
* @version 1.2.0
|
|
6
6
|
* @author Aayush Goyal
|
|
7
7
|
* @created 2025-06-22
|
|
8
8
|
* @modifier Aayush Goyal
|
|
9
|
-
* @modified 2025-
|
|
9
|
+
* @modified 2025-07-13
|
|
10
10
|
* @since 1.1.0
|
|
11
11
|
*/
|
|
12
|
-
declare const ArrowDown: ({ color, strokeWidth, }: IconComponentProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
declare const ArrowDown: ({ color, height, strokeWidth, width }: IconComponentProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
13
|
export default ArrowDown;
|
|
@@ -9,5 +9,5 @@ import { IconComponentProps } from '@/src/lib/types';
|
|
|
9
9
|
* @modified
|
|
10
10
|
* @since 1.3.0
|
|
11
11
|
*/
|
|
12
|
-
declare const ArrowLeft: ({ color, strokeWidth }: IconComponentProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
declare const ArrowLeft: ({ color, height, strokeWidth, width }: IconComponentProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
13
|
export default ArrowLeft;
|
|
@@ -1,12 +1,13 @@
|
|
|
1
|
+
import { IconComponentProps } from '@/src/lib/types';
|
|
1
2
|
/**
|
|
2
3
|
* This function renders an SVG icon of an arrow pointing downwards.
|
|
3
4
|
*
|
|
4
|
-
* @version 1.
|
|
5
|
+
* @version 1.1.0
|
|
5
6
|
* @author Aayush Goyal
|
|
6
7
|
* @created 2025-06-22
|
|
7
|
-
* @modifier
|
|
8
|
-
* @modified
|
|
8
|
+
* @modifier Aayush Goyal
|
|
9
|
+
* @modified 2025-07-13
|
|
9
10
|
* @since 1.1.0
|
|
10
11
|
*/
|
|
11
|
-
declare const ArrowDown: (
|
|
12
|
+
declare const ArrowDown: ({ color, height, strokeWidth, width }: IconComponentProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
13
|
export default ArrowDown;
|
|
@@ -2,7 +2,9 @@ import type { types as t } from '@babel/core';
|
|
|
2
2
|
import type { TemplateBuilder } from '@babel/template';
|
|
3
3
|
interface IconComponentProps extends React.SVGProps<SVGSVGElement> {
|
|
4
4
|
color?: string;
|
|
5
|
+
height?: string;
|
|
5
6
|
strokeWidth?: number;
|
|
7
|
+
width?: string;
|
|
6
8
|
[key: string]: any;
|
|
7
9
|
}
|
|
8
10
|
interface TemplateVariables {
|