@digigov/react-icons 2.6.1 → 2.6.2-govgr-4752.13-10-26-13-22
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/CHANGELOG.md +14 -1
- package/ChevronDoubleIcon/config.d.ts +14 -0
- package/ChevronDoubleIcon/config.js +33 -0
- package/ChevronDoubleIcon/index.d.ts +4 -0
- package/ChevronDoubleIcon/index.js +9 -0
- package/icons.d.ts +3 -0
- package/icons.js +1 -0
- package/index.d.ts +1 -0
- package/index.js +2 -1
- package/lazy.d.ts +1 -0
- package/lazy.js +3 -0
- package/package.json +2 -2
- package/registry.d.ts +2 -0
- package/registry.js +4 -0
- package/src/ChevronDoubleIcon/__snapshots__/index.test.tsx.snap +181 -0
- package/src/ChevronDoubleIcon/config.tsx +76 -0
- package/src/ChevronDoubleIcon/index.test.tsx +26 -0
- package/src/ChevronDoubleIcon/index.tsx +10 -0
- package/src/icons.ts +3 -0
- package/src/index.ts +1 -0
- package/src/lazy.ts +1 -0
- package/src/registry.ts +4 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,9 +1,22 @@
|
|
|
1
1
|
# Change Log - @digigov/react-icons
|
|
2
2
|
|
|
3
|
-
<!-- This log was last generated on
|
|
3
|
+
<!-- This log was last generated on Tue, 13 Oct 2026 13:22:41 GMT and should not be manually modified. -->
|
|
4
4
|
|
|
5
5
|
<!-- Start content -->
|
|
6
6
|
|
|
7
|
+
## 2.6.2-govgr-4752.13-10-26-13-22
|
|
8
|
+
|
|
9
|
+
Tue, 13 Oct 2026 13:22:41 GMT
|
|
10
|
+
|
|
11
|
+
### Minor changes
|
|
12
|
+
|
|
13
|
+
- Add ChevronDouble icon (sangelopoulos@admin.grnet.gr)
|
|
14
|
+
- Bump @digigov/cli to v2.6.2-govgr-4752.13-10-26-13-22
|
|
15
|
+
- Bump @digigov/cli-lint to v2.6.2-govgr-4752.13-10-26-13-22
|
|
16
|
+
- Bump @digigov/cli-build to v2.6.2-govgr-4752.13-10-26-13-22
|
|
17
|
+
- Bump @digigov/cli-test to v2.6.2-govgr-4752.13-10-26-13-22
|
|
18
|
+
- Bump @digigov/css to v2.6.2-govgr-4752.13-10-26-13-22
|
|
19
|
+
|
|
7
20
|
## 2.6.1
|
|
8
21
|
|
|
9
22
|
Thu, 24 Sep 2026 08:01:53 GMT
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface ChevronDoubleType {
|
|
3
|
+
/**
|
|
4
|
+
* direction sets the direction of the chevron icon.
|
|
5
|
+
* @value 'left'
|
|
6
|
+
* @value 'right'
|
|
7
|
+
* @value 'up'
|
|
8
|
+
* @value 'down'
|
|
9
|
+
* @default 'right'
|
|
10
|
+
*/
|
|
11
|
+
direction?: 'left' | 'right' | 'up' | 'down';
|
|
12
|
+
}
|
|
13
|
+
export declare const chevronDouble: React.FC<ChevronDoubleType>;
|
|
14
|
+
export default chevronDouble;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import react from "react";
|
|
2
|
+
import IconBase from "../IconBase/index.js";
|
|
3
|
+
const chevronDouble = ({ direction = 'right' })=>/*#__PURE__*/ react.createElement(react.Fragment, null, 'left' === direction && /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(IconBase, {
|
|
4
|
+
as: "path",
|
|
5
|
+
d: "M12,22l2.4-2.3-7.6-7.7,7.6-7.6-2.4-2.4L2,12l10,10Z"
|
|
6
|
+
}), /*#__PURE__*/ react.createElement(IconBase, {
|
|
7
|
+
as: "path",
|
|
8
|
+
d: "M19.6,22l2.4-2.3-7.6-7.7,7.6-7.6-2.4-2.4-10,10,10,10Z"
|
|
9
|
+
})), 'right' === direction && /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(IconBase, {
|
|
10
|
+
as: "path",
|
|
11
|
+
d: "M12,2l-2.4,2.3,7.6,7.7-7.6,7.6,2.4,2.4,10-10L12,2Z"
|
|
12
|
+
}), /*#__PURE__*/ react.createElement(IconBase, {
|
|
13
|
+
as: "path",
|
|
14
|
+
d: "M4.4,2l-2.4,2.3,7.6,7.7-7.6,7.6,2.4,2.4,10-10L4.4,2Z"
|
|
15
|
+
})), 'up' === direction && /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(IconBase, {
|
|
16
|
+
as: "path",
|
|
17
|
+
d: "M2,12l2.3,2.4,7.7-7.6,7.6,7.6,2.4-2.4L12,2,2,12Z"
|
|
18
|
+
}), /*#__PURE__*/ react.createElement(IconBase, {
|
|
19
|
+
as: "path",
|
|
20
|
+
d: "M2,19.6l2.3,2.4,7.7-7.6,7.6,7.6,2.4-2.4-10-10L2,19.6Z"
|
|
21
|
+
})), 'down' === direction && /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(IconBase, {
|
|
22
|
+
as: "path",
|
|
23
|
+
d: "M22,12l-2.3-2.4-7.7,7.6-7.6-7.6-2.4,2.4,10,10,10-10Z"
|
|
24
|
+
}), /*#__PURE__*/ react.createElement(IconBase, {
|
|
25
|
+
as: "path",
|
|
26
|
+
d: "M22,4.4l-2.3-2.4-7.7,7.6L4.4,2l-2.4,2.4,10,10,10-10Z"
|
|
27
|
+
})));
|
|
28
|
+
chevronDouble.props = [
|
|
29
|
+
'direction'
|
|
30
|
+
];
|
|
31
|
+
const config = chevronDouble;
|
|
32
|
+
export default config;
|
|
33
|
+
export { chevronDouble };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import react from "react";
|
|
2
|
+
import Icon from "../Icon/index.js";
|
|
3
|
+
const ChevronDoubleIcon = (props)=>/*#__PURE__*/ react.createElement(Icon, {
|
|
4
|
+
...props,
|
|
5
|
+
icon: "chevronDouble"
|
|
6
|
+
});
|
|
7
|
+
const src_ChevronDoubleIcon = ChevronDoubleIcon;
|
|
8
|
+
export default src_ChevronDoubleIcon;
|
|
9
|
+
export { ChevronDoubleIcon };
|
package/icons.d.ts
CHANGED
|
@@ -5,6 +5,7 @@ import type { CancelType } from './CancelIcon/config.js';
|
|
|
5
5
|
import type { CaretType } from './CaretIcon/config.js';
|
|
6
6
|
import type { ChatType } from './ChatIcon/config.js';
|
|
7
7
|
import type { CheckType } from './CheckIcon/config.js';
|
|
8
|
+
import { ChevronDoubleType } from './ChevronDoubleIcon/config.js';
|
|
8
9
|
import type { ChevronType } from './ChevronIcon/config.js';
|
|
9
10
|
import type { CloseType } from './CloseIcon/config.js';
|
|
10
11
|
import type { DownloadType } from './DownloadIcon/config.js';
|
|
@@ -26,6 +27,7 @@ export * from './ArrowIcon/config.js';
|
|
|
26
27
|
export * from './BurgerIcon/config.js';
|
|
27
28
|
export * from './CaretIcon/config.js';
|
|
28
29
|
export * from './ChevronIcon/config.js';
|
|
30
|
+
export * from './ChevronDoubleIcon/config.js';
|
|
29
31
|
export * from './CloseIcon/config.js';
|
|
30
32
|
export * from './CheckIcon/config.js';
|
|
31
33
|
export * from './GlobeIcon/config.js';
|
|
@@ -56,6 +58,7 @@ export interface IconTypes {
|
|
|
56
58
|
uncheck: UncheckType;
|
|
57
59
|
search: SearchType;
|
|
58
60
|
chevron: ChevronType;
|
|
61
|
+
chevronDouble: ChevronDoubleType;
|
|
59
62
|
lock: LockType;
|
|
60
63
|
download: DownloadType;
|
|
61
64
|
pdfFile: PdfFileType;
|
package/icons.js
CHANGED
|
@@ -3,6 +3,7 @@ export * from "./ArrowIcon/config.js";
|
|
|
3
3
|
export * from "./BurgerIcon/config.js";
|
|
4
4
|
export * from "./CaretIcon/config.js";
|
|
5
5
|
export * from "./ChevronIcon/config.js";
|
|
6
|
+
export * from "./ChevronDoubleIcon/config.js";
|
|
6
7
|
export * from "./CloseIcon/config.js";
|
|
7
8
|
export * from "./CheckIcon/config.js";
|
|
8
9
|
export * from "./GlobeIcon/config.js";
|
package/index.d.ts
CHANGED
|
@@ -4,6 +4,7 @@ export * from './BurgerIcon/index.js';
|
|
|
4
4
|
export * from './CaretIcon/index.js';
|
|
5
5
|
export * from './CheckIcon/index.js';
|
|
6
6
|
export * from './ChevronIcon/index.js';
|
|
7
|
+
export * from './ChevronDoubleIcon/index.js';
|
|
7
8
|
export * from './UncheckIcon/index.js';
|
|
8
9
|
export * from './CloseIcon/index.js';
|
|
9
10
|
export * from './GlobeIcon/index.js';
|
package/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/** @license Digigov v2.6.
|
|
1
|
+
/** @license Digigov v2.6.2-govgr-4752.13-10-26-13-22
|
|
2
2
|
*
|
|
3
3
|
* This source code is licensed under the BSD-2-Clause license found in the
|
|
4
4
|
* LICENSE file in the root directory of this source tree.
|
|
@@ -9,6 +9,7 @@ export * from "./BurgerIcon/index.js";
|
|
|
9
9
|
export * from "./CaretIcon/index.js";
|
|
10
10
|
export * from "./CheckIcon/index.js";
|
|
11
11
|
export * from "./ChevronIcon/index.js";
|
|
12
|
+
export * from "./ChevronDoubleIcon/index.js";
|
|
12
13
|
export * from "./UncheckIcon/index.js";
|
|
13
14
|
export * from "./CloseIcon/index.js";
|
|
14
15
|
export * from "./GlobeIcon/index.js";
|
package/lazy.d.ts
CHANGED
|
@@ -5,6 +5,7 @@ declare const _default: {
|
|
|
5
5
|
CaretIcon: import("react").LazyExoticComponent<import("react").FC<import("./Icon/index.js").IconProps<"caret">>>;
|
|
6
6
|
CheckIcon: import("react").LazyExoticComponent<import("react").FC<import("./Icon/index.js").IconProps<"check">>>;
|
|
7
7
|
ChevronIcon: import("react").LazyExoticComponent<import("react").FC<import("./Icon/index.js").IconProps<"chevron">>>;
|
|
8
|
+
ChevronDoubleIcon: import("react").LazyExoticComponent<import("react").FC<import("./Icon/index.js").IconProps<"chevronDouble">>>;
|
|
8
9
|
UncheckIcon: import("react").LazyExoticComponent<import("react").FC<import("./Icon/index.js").IconProps<"uncheck">>>;
|
|
9
10
|
CloseIcon: import("react").LazyExoticComponent<import("react").FC<import("./Icon/index.js").IconProps<"close">>>;
|
|
10
11
|
GlobeIcon: import("react").LazyExoticComponent<import("react").FC<import("./Icon/index.js").IconProps<"globe">>>;
|
package/lazy.js
CHANGED
|
@@ -18,6 +18,9 @@ const src_lazy = {
|
|
|
18
18
|
ChevronIcon: lazy(()=>import("./ChevronIcon/index.js").then((module)=>({
|
|
19
19
|
default: module['ChevronIcon']
|
|
20
20
|
}))),
|
|
21
|
+
ChevronDoubleIcon: lazy(()=>import("./ChevronDoubleIcon/index.js").then((module)=>({
|
|
22
|
+
default: module['ChevronDoubleIcon']
|
|
23
|
+
}))),
|
|
21
24
|
UncheckIcon: lazy(()=>import("./UncheckIcon/index.js").then((module)=>({
|
|
22
25
|
default: module['UncheckIcon']
|
|
23
26
|
}))),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@digigov/react-icons",
|
|
3
|
-
"version": "2.6.
|
|
3
|
+
"version": "2.6.2-govgr-4752.13-10-26-13-22",
|
|
4
4
|
"description": "@digigov react icons",
|
|
5
5
|
"author": "GRNET Developers <devs@lists.grnet.gr>",
|
|
6
6
|
"license": "BSD-2-Clause",
|
|
@@ -14,7 +14,7 @@
|
|
|
14
14
|
"clsx": "2.1.1",
|
|
15
15
|
"react": "^18.3.0 || ^19.1.0",
|
|
16
16
|
"react-dom": "^18.3.0 || ^19.1.0",
|
|
17
|
-
"@digigov/css": "2.6.
|
|
17
|
+
"@digigov/css": "2.6.2-govgr-4752.13-10-26-13-22"
|
|
18
18
|
},
|
|
19
19
|
"private": false,
|
|
20
20
|
"main": "index.js",
|
package/registry.d.ts
CHANGED
|
@@ -15,6 +15,8 @@ declare const _default: {
|
|
|
15
15
|
'@digigov/react-icons/ChatIcon': {};
|
|
16
16
|
'@digigov/react-icons/CheckIcon/config': {};
|
|
17
17
|
'@digigov/react-icons/CheckIcon': {};
|
|
18
|
+
'@digigov/react-icons/ChevronDoubleIcon/config': {};
|
|
19
|
+
'@digigov/react-icons/ChevronDoubleIcon': {};
|
|
18
20
|
'@digigov/react-icons/ChevronIcon/config': {};
|
|
19
21
|
'@digigov/react-icons/ChevronIcon': {};
|
|
20
22
|
'@digigov/react-icons/CloseIcon/config': {};
|
package/registry.js
CHANGED
|
@@ -14,6 +14,8 @@ import * as __rspack_external__ChatIcon_config_js_6f8d2113 from "./ChatIcon/conf
|
|
|
14
14
|
import * as __rspack_external__ChatIcon_index_js_e658ba92 from "./ChatIcon/index.js";
|
|
15
15
|
import * as __rspack_external__CheckIcon_config_js_31ad1d59 from "./CheckIcon/config.js";
|
|
16
16
|
import * as __rspack_external__CheckIcon_index_js_a7cec84b from "./CheckIcon/index.js";
|
|
17
|
+
import * as __rspack_external__ChevronDoubleIcon_config_js_1981514a from "./ChevronDoubleIcon/config.js";
|
|
18
|
+
import * as __rspack_external__ChevronDoubleIcon_index_js_7d0d3a3f from "./ChevronDoubleIcon/index.js";
|
|
17
19
|
import * as __rspack_external__ChevronIcon_config_js_3094a0f9 from "./ChevronIcon/config.js";
|
|
18
20
|
import * as __rspack_external__ChevronIcon_index_js_01cf1ba9 from "./ChevronIcon/index.js";
|
|
19
21
|
import * as __rspack_external__CloseIcon_config_js_9f851b3b from "./CloseIcon/config.js";
|
|
@@ -75,6 +77,8 @@ const registry = {
|
|
|
75
77
|
'@digigov/react-icons/ChatIcon': lazyImport(__rspack_external__ChatIcon_index_js_e658ba92),
|
|
76
78
|
'@digigov/react-icons/CheckIcon/config': lazyImport(__rspack_external__CheckIcon_config_js_31ad1d59),
|
|
77
79
|
'@digigov/react-icons/CheckIcon': lazyImport(__rspack_external__CheckIcon_index_js_a7cec84b),
|
|
80
|
+
'@digigov/react-icons/ChevronDoubleIcon/config': lazyImport(__rspack_external__ChevronDoubleIcon_config_js_1981514a),
|
|
81
|
+
'@digigov/react-icons/ChevronDoubleIcon': lazyImport(__rspack_external__ChevronDoubleIcon_index_js_7d0d3a3f),
|
|
78
82
|
'@digigov/react-icons/ChevronIcon/config': lazyImport(__rspack_external__ChevronIcon_config_js_3094a0f9),
|
|
79
83
|
'@digigov/react-icons/ChevronIcon': lazyImport(__rspack_external__ChevronIcon_index_js_01cf1ba9),
|
|
80
84
|
'@digigov/react-icons/CloseIcon/config': lazyImport(__rspack_external__CloseIcon_config_js_9f851b3b),
|
|
@@ -0,0 +1,181 @@
|
|
|
1
|
+
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
|
|
2
|
+
|
|
3
|
+
exports[`renders the ChevronDoubleIcon with direction down prop 1`] = `
|
|
4
|
+
<body>
|
|
5
|
+
<div>
|
|
6
|
+
<svg
|
|
7
|
+
aria-hidden="true"
|
|
8
|
+
as="svg"
|
|
9
|
+
class="ds-svg-icon--chevronDouble ds-svg-icon"
|
|
10
|
+
focusable="false"
|
|
11
|
+
viewBox="0 0 24 24"
|
|
12
|
+
>
|
|
13
|
+
<path
|
|
14
|
+
as="path"
|
|
15
|
+
class=""
|
|
16
|
+
d="M22,12l-2.3-2.4-7.7,7.6-7.6-7.6-2.4,2.4,10,10,10-10Z"
|
|
17
|
+
/>
|
|
18
|
+
<path
|
|
19
|
+
as="path"
|
|
20
|
+
class=""
|
|
21
|
+
d="M22,4.4l-2.3-2.4-7.7,7.6L4.4,2l-2.4,2.4,10,10,10-10Z"
|
|
22
|
+
/>
|
|
23
|
+
</svg>
|
|
24
|
+
</div>
|
|
25
|
+
</body>
|
|
26
|
+
`;
|
|
27
|
+
|
|
28
|
+
exports[`renders the ChevronDoubleIcon with direction left prop 1`] = `
|
|
29
|
+
<body>
|
|
30
|
+
<div>
|
|
31
|
+
<svg
|
|
32
|
+
aria-hidden="true"
|
|
33
|
+
as="svg"
|
|
34
|
+
class="ds-svg-icon--chevronDouble ds-svg-icon"
|
|
35
|
+
focusable="false"
|
|
36
|
+
viewBox="0 0 24 24"
|
|
37
|
+
>
|
|
38
|
+
<path
|
|
39
|
+
as="path"
|
|
40
|
+
class=""
|
|
41
|
+
d="M12,22l2.4-2.3-7.6-7.7,7.6-7.6-2.4-2.4L2,12l10,10Z"
|
|
42
|
+
/>
|
|
43
|
+
<path
|
|
44
|
+
as="path"
|
|
45
|
+
class=""
|
|
46
|
+
d="M19.6,22l2.4-2.3-7.6-7.7,7.6-7.6-2.4-2.4-10,10,10,10Z"
|
|
47
|
+
/>
|
|
48
|
+
</svg>
|
|
49
|
+
</div>
|
|
50
|
+
</body>
|
|
51
|
+
`;
|
|
52
|
+
|
|
53
|
+
exports[`renders the ChevronDoubleIcon with direction up prop 1`] = `
|
|
54
|
+
<body>
|
|
55
|
+
<div>
|
|
56
|
+
<svg
|
|
57
|
+
aria-hidden="true"
|
|
58
|
+
as="svg"
|
|
59
|
+
class="ds-svg-icon--chevronDouble ds-svg-icon"
|
|
60
|
+
focusable="false"
|
|
61
|
+
viewBox="0 0 24 24"
|
|
62
|
+
>
|
|
63
|
+
<path
|
|
64
|
+
as="path"
|
|
65
|
+
class=""
|
|
66
|
+
d="M2,12l2.3,2.4,7.7-7.6,7.6,7.6,2.4-2.4L12,2,2,12Z"
|
|
67
|
+
/>
|
|
68
|
+
<path
|
|
69
|
+
as="path"
|
|
70
|
+
class=""
|
|
71
|
+
d="M2,19.6l2.3,2.4,7.7-7.6,7.6,7.6,2.4-2.4-10-10L2,19.6Z"
|
|
72
|
+
/>
|
|
73
|
+
</svg>
|
|
74
|
+
</div>
|
|
75
|
+
</body>
|
|
76
|
+
`;
|
|
77
|
+
|
|
78
|
+
exports[`renders the ChevronDoubleIcon with no props, direction prop is right by default 1`] = `
|
|
79
|
+
<body>
|
|
80
|
+
<div>
|
|
81
|
+
<svg
|
|
82
|
+
aria-hidden="true"
|
|
83
|
+
as="svg"
|
|
84
|
+
class="ds-svg-icon--chevronDouble ds-svg-icon"
|
|
85
|
+
focusable="false"
|
|
86
|
+
viewBox="0 0 24 24"
|
|
87
|
+
>
|
|
88
|
+
<path
|
|
89
|
+
as="path"
|
|
90
|
+
class=""
|
|
91
|
+
d="M12,2l-2.4,2.3,7.6,7.7-7.6,7.6,2.4,2.4,10-10L12,2Z"
|
|
92
|
+
/>
|
|
93
|
+
<path
|
|
94
|
+
as="path"
|
|
95
|
+
class=""
|
|
96
|
+
d="M4.4,2l-2.4,2.3,7.6,7.7-7.6,7.6,2.4,2.4,10-10L4.4,2Z"
|
|
97
|
+
/>
|
|
98
|
+
</svg>
|
|
99
|
+
</div>
|
|
100
|
+
</body>
|
|
101
|
+
`;
|
|
102
|
+
|
|
103
|
+
exports[`renders the ChevronIcon with direction down prop 1`] = `
|
|
104
|
+
<body>
|
|
105
|
+
<div>
|
|
106
|
+
<svg
|
|
107
|
+
aria-hidden="true"
|
|
108
|
+
as="svg"
|
|
109
|
+
class="ds-svg-icon--chevron ds-svg-icon"
|
|
110
|
+
focusable="false"
|
|
111
|
+
viewBox="0 0 24 24"
|
|
112
|
+
>
|
|
113
|
+
<path
|
|
114
|
+
as="path"
|
|
115
|
+
class=""
|
|
116
|
+
d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z"
|
|
117
|
+
/>
|
|
118
|
+
</svg>
|
|
119
|
+
</div>
|
|
120
|
+
</body>
|
|
121
|
+
`;
|
|
122
|
+
|
|
123
|
+
exports[`renders the ChevronIcon with direction left prop 1`] = `
|
|
124
|
+
<body>
|
|
125
|
+
<div>
|
|
126
|
+
<svg
|
|
127
|
+
aria-hidden="true"
|
|
128
|
+
as="svg"
|
|
129
|
+
class="ds-svg-icon--chevron ds-svg-icon"
|
|
130
|
+
focusable="false"
|
|
131
|
+
viewBox="0 0 24 24"
|
|
132
|
+
>
|
|
133
|
+
<path
|
|
134
|
+
as="path"
|
|
135
|
+
class=""
|
|
136
|
+
d="M14.8,22l2.4-2.3L9.6,12l7.6-7.6L14.8,2l-10,10L14.8,22z"
|
|
137
|
+
/>
|
|
138
|
+
</svg>
|
|
139
|
+
</div>
|
|
140
|
+
</body>
|
|
141
|
+
`;
|
|
142
|
+
|
|
143
|
+
exports[`renders the ChevronIcon with direction up prop 1`] = `
|
|
144
|
+
<body>
|
|
145
|
+
<div>
|
|
146
|
+
<svg
|
|
147
|
+
aria-hidden="true"
|
|
148
|
+
as="svg"
|
|
149
|
+
class="ds-svg-icon--chevron ds-svg-icon"
|
|
150
|
+
focusable="false"
|
|
151
|
+
viewBox="0 0 24 24"
|
|
152
|
+
>
|
|
153
|
+
<path
|
|
154
|
+
as="path"
|
|
155
|
+
class=""
|
|
156
|
+
d="M2,15.8l2.3,2.4l7.7-7.6l7.6,7.6l2.4-2.4l-10-10L2,15.8z"
|
|
157
|
+
/>
|
|
158
|
+
</svg>
|
|
159
|
+
</div>
|
|
160
|
+
</body>
|
|
161
|
+
`;
|
|
162
|
+
|
|
163
|
+
exports[`renders the ChevronIcon with no props, direction prop is right by default 1`] = `
|
|
164
|
+
<body>
|
|
165
|
+
<div>
|
|
166
|
+
<svg
|
|
167
|
+
aria-hidden="true"
|
|
168
|
+
as="svg"
|
|
169
|
+
class="ds-svg-icon--chevron ds-svg-icon"
|
|
170
|
+
focusable="false"
|
|
171
|
+
viewBox="0 0 24 24"
|
|
172
|
+
>
|
|
173
|
+
<path
|
|
174
|
+
as="path"
|
|
175
|
+
class=""
|
|
176
|
+
d="M8.5,2L6.1,4.3l7.6,7.7l-7.6,7.6L8.5,22l10-10L8.5,2z"
|
|
177
|
+
/>
|
|
178
|
+
</svg>
|
|
179
|
+
</div>
|
|
180
|
+
</body>
|
|
181
|
+
`;
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import IconBase from '@digigov/react-icons/IconBase';
|
|
3
|
+
|
|
4
|
+
export interface ChevronDoubleType {
|
|
5
|
+
/**
|
|
6
|
+
* direction sets the direction of the chevron icon.
|
|
7
|
+
* @value 'left'
|
|
8
|
+
* @value 'right'
|
|
9
|
+
* @value 'up'
|
|
10
|
+
* @value 'down'
|
|
11
|
+
* @default 'right'
|
|
12
|
+
*/
|
|
13
|
+
direction?: 'left' | 'right' | 'up' | 'down';
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
export const chevronDouble: React.FC<ChevronDoubleType> = ({
|
|
17
|
+
direction = 'right',
|
|
18
|
+
}) => {
|
|
19
|
+
return (
|
|
20
|
+
<>
|
|
21
|
+
{direction === 'left' && (
|
|
22
|
+
<>
|
|
23
|
+
<IconBase
|
|
24
|
+
as="path"
|
|
25
|
+
d="M12,22l2.4-2.3-7.6-7.7,7.6-7.6-2.4-2.4L2,12l10,10Z"
|
|
26
|
+
/>
|
|
27
|
+
<IconBase
|
|
28
|
+
as="path"
|
|
29
|
+
d="M19.6,22l2.4-2.3-7.6-7.7,7.6-7.6-2.4-2.4-10,10,10,10Z"
|
|
30
|
+
/>
|
|
31
|
+
</>
|
|
32
|
+
)}
|
|
33
|
+
{direction === 'right' && (
|
|
34
|
+
<>
|
|
35
|
+
<IconBase
|
|
36
|
+
as="path"
|
|
37
|
+
d="M12,2l-2.4,2.3,7.6,7.7-7.6,7.6,2.4,2.4,10-10L12,2Z"
|
|
38
|
+
/>
|
|
39
|
+
<IconBase
|
|
40
|
+
as="path"
|
|
41
|
+
d="M4.4,2l-2.4,2.3,7.6,7.7-7.6,7.6,2.4,2.4,10-10L4.4,2Z"
|
|
42
|
+
/>
|
|
43
|
+
</>
|
|
44
|
+
)}
|
|
45
|
+
{direction === 'up' && (
|
|
46
|
+
<>
|
|
47
|
+
<IconBase
|
|
48
|
+
as="path"
|
|
49
|
+
d="M2,12l2.3,2.4,7.7-7.6,7.6,7.6,2.4-2.4L12,2,2,12Z"
|
|
50
|
+
/>
|
|
51
|
+
<IconBase
|
|
52
|
+
as="path"
|
|
53
|
+
d="M2,19.6l2.3,2.4,7.7-7.6,7.6,7.6,2.4-2.4-10-10L2,19.6Z"
|
|
54
|
+
/>
|
|
55
|
+
</>
|
|
56
|
+
)}
|
|
57
|
+
{direction === 'down' && (
|
|
58
|
+
<>
|
|
59
|
+
<IconBase
|
|
60
|
+
as="path"
|
|
61
|
+
d="M22,12l-2.3-2.4-7.7,7.6-7.6-7.6-2.4,2.4,10,10,10-10Z"
|
|
62
|
+
/>
|
|
63
|
+
<IconBase
|
|
64
|
+
as="path"
|
|
65
|
+
d="M22,4.4l-2.3-2.4-7.7,7.6L4.4,2l-2.4,2.4,10,10,10-10Z"
|
|
66
|
+
/>
|
|
67
|
+
</>
|
|
68
|
+
)}
|
|
69
|
+
</>
|
|
70
|
+
);
|
|
71
|
+
};
|
|
72
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
73
|
+
// @ts-ignore
|
|
74
|
+
chevronDouble.props = ['direction'];
|
|
75
|
+
|
|
76
|
+
export default chevronDouble;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { render } from '@testing-library/react';
|
|
3
|
+
|
|
4
|
+
import ChevronDoubleIcon from '@digigov/react-icons/ChevronDoubleIcon';
|
|
5
|
+
|
|
6
|
+
it('renders the ChevronDoubleIcon with no props, direction prop is right by default', () => {
|
|
7
|
+
expect(render(<ChevronDoubleIcon />).baseElement).toMatchSnapshot();
|
|
8
|
+
});
|
|
9
|
+
|
|
10
|
+
it('renders the ChevronDoubleIcon with direction left prop', () => {
|
|
11
|
+
expect(
|
|
12
|
+
render(<ChevronDoubleIcon direction="left" />).baseElement
|
|
13
|
+
).toMatchSnapshot();
|
|
14
|
+
});
|
|
15
|
+
|
|
16
|
+
it('renders the ChevronDoubleIcon with direction up prop', () => {
|
|
17
|
+
expect(
|
|
18
|
+
render(<ChevronDoubleIcon direction="up" />).baseElement
|
|
19
|
+
).toMatchSnapshot();
|
|
20
|
+
});
|
|
21
|
+
|
|
22
|
+
it('renders the ChevronDoubleIcon with direction down prop', () => {
|
|
23
|
+
expect(
|
|
24
|
+
render(<ChevronDoubleIcon direction="down" />).baseElement
|
|
25
|
+
).toMatchSnapshot();
|
|
26
|
+
});
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import Icon, { IconProps } from '@digigov/react-icons/Icon';
|
|
3
|
+
|
|
4
|
+
export const ChevronDoubleIcon: React.FC<IconProps<'chevronDouble'>> = (
|
|
5
|
+
props
|
|
6
|
+
) => {
|
|
7
|
+
return <Icon {...props} icon="chevronDouble"></Icon>;
|
|
8
|
+
};
|
|
9
|
+
|
|
10
|
+
export default ChevronDoubleIcon;
|
package/src/icons.ts
CHANGED
|
@@ -5,6 +5,7 @@ import type { CancelType } from '@digigov/react-icons/CancelIcon/config';
|
|
|
5
5
|
import type { CaretType } from '@digigov/react-icons/CaretIcon/config';
|
|
6
6
|
import type { ChatType } from '@digigov/react-icons/ChatIcon/config';
|
|
7
7
|
import type { CheckType } from '@digigov/react-icons/CheckIcon/config';
|
|
8
|
+
import { ChevronDoubleType } from '@digigov/react-icons/ChevronDoubleIcon/config';
|
|
8
9
|
import type { ChevronType } from '@digigov/react-icons/ChevronIcon/config';
|
|
9
10
|
import type { CloseType } from '@digigov/react-icons/CloseIcon/config';
|
|
10
11
|
import type { DownloadType } from '@digigov/react-icons/DownloadIcon/config';
|
|
@@ -27,6 +28,7 @@ export * from '@digigov/react-icons/ArrowIcon/config';
|
|
|
27
28
|
export * from '@digigov/react-icons/BurgerIcon/config';
|
|
28
29
|
export * from '@digigov/react-icons/CaretIcon/config';
|
|
29
30
|
export * from '@digigov/react-icons/ChevronIcon/config';
|
|
31
|
+
export * from '@digigov/react-icons/ChevronDoubleIcon/config';
|
|
30
32
|
export * from '@digigov/react-icons/CloseIcon/config';
|
|
31
33
|
export * from '@digigov/react-icons/CheckIcon/config';
|
|
32
34
|
export * from '@digigov/react-icons/GlobeIcon/config';
|
|
@@ -58,6 +60,7 @@ export interface IconTypes {
|
|
|
58
60
|
uncheck: UncheckType;
|
|
59
61
|
search: SearchType;
|
|
60
62
|
chevron: ChevronType;
|
|
63
|
+
chevronDouble: ChevronDoubleType;
|
|
61
64
|
lock: LockType;
|
|
62
65
|
download: DownloadType;
|
|
63
66
|
pdfFile: PdfFileType;
|
package/src/index.ts
CHANGED
|
@@ -4,6 +4,7 @@ export * from '@digigov/react-icons/BurgerIcon';
|
|
|
4
4
|
export * from '@digigov/react-icons/CaretIcon';
|
|
5
5
|
export * from '@digigov/react-icons/CheckIcon';
|
|
6
6
|
export * from '@digigov/react-icons/ChevronIcon';
|
|
7
|
+
export * from '@digigov/react-icons/ChevronDoubleIcon';
|
|
7
8
|
export * from '@digigov/react-icons/UncheckIcon';
|
|
8
9
|
export * from '@digigov/react-icons/CloseIcon';
|
|
9
10
|
export * from '@digigov/react-icons/GlobeIcon';
|
package/src/lazy.ts
CHANGED
|
@@ -6,6 +6,7 @@ export default {
|
|
|
6
6
|
'CaretIcon': lazy(() => import('@digigov/react-icons/CaretIcon').then((module) => ({ default: module['CaretIcon'] }))),
|
|
7
7
|
'CheckIcon': lazy(() => import('@digigov/react-icons/CheckIcon').then((module) => ({ default: module['CheckIcon'] }))),
|
|
8
8
|
'ChevronIcon': lazy(() => import('@digigov/react-icons/ChevronIcon').then((module) => ({ default: module['ChevronIcon'] }))),
|
|
9
|
+
'ChevronDoubleIcon': lazy(() => import('@digigov/react-icons/ChevronDoubleIcon').then((module) => ({ default: module['ChevronDoubleIcon'] }))),
|
|
9
10
|
'UncheckIcon': lazy(() => import('@digigov/react-icons/UncheckIcon').then((module) => ({ default: module['UncheckIcon'] }))),
|
|
10
11
|
'CloseIcon': lazy(() => import('@digigov/react-icons/CloseIcon').then((module) => ({ default: module['CloseIcon'] }))),
|
|
11
12
|
'GlobeIcon': lazy(() => import('@digigov/react-icons/GlobeIcon').then((module) => ({ default: module['GlobeIcon'] }))),
|
package/src/registry.ts
CHANGED
|
@@ -15,6 +15,8 @@ import * as _digigov_react_icons_ChatIcon_config from "@digigov/react-icons/Chat
|
|
|
15
15
|
import * as _digigov_react_icons_ChatIcon from "@digigov/react-icons/ChatIcon";
|
|
16
16
|
import * as _digigov_react_icons_CheckIcon_config from "@digigov/react-icons/CheckIcon/config";
|
|
17
17
|
import * as _digigov_react_icons_CheckIcon from "@digigov/react-icons/CheckIcon";
|
|
18
|
+
import * as _digigov_react_icons_ChevronDoubleIcon_config from "@digigov/react-icons/ChevronDoubleIcon/config";
|
|
19
|
+
import * as _digigov_react_icons_ChevronDoubleIcon from "@digigov/react-icons/ChevronDoubleIcon";
|
|
18
20
|
import * as _digigov_react_icons_ChevronIcon_config from "@digigov/react-icons/ChevronIcon/config";
|
|
19
21
|
import * as _digigov_react_icons_ChevronIcon from "@digigov/react-icons/ChevronIcon";
|
|
20
22
|
import * as _digigov_react_icons_CloseIcon_config from "@digigov/react-icons/CloseIcon/config";
|
|
@@ -85,6 +87,8 @@ export default {
|
|
|
85
87
|
'@digigov/react-icons/ChatIcon': lazyImport(_digigov_react_icons_ChatIcon),
|
|
86
88
|
'@digigov/react-icons/CheckIcon/config': lazyImport(_digigov_react_icons_CheckIcon_config),
|
|
87
89
|
'@digigov/react-icons/CheckIcon': lazyImport(_digigov_react_icons_CheckIcon),
|
|
90
|
+
'@digigov/react-icons/ChevronDoubleIcon/config': lazyImport(_digigov_react_icons_ChevronDoubleIcon_config),
|
|
91
|
+
'@digigov/react-icons/ChevronDoubleIcon': lazyImport(_digigov_react_icons_ChevronDoubleIcon),
|
|
88
92
|
'@digigov/react-icons/ChevronIcon/config': lazyImport(_digigov_react_icons_ChevronIcon_config),
|
|
89
93
|
'@digigov/react-icons/ChevronIcon': lazyImport(_digigov_react_icons_ChevronIcon),
|
|
90
94
|
'@digigov/react-icons/CloseIcon/config': lazyImport(_digigov_react_icons_CloseIcon_config),
|