@primer/octovisuals-react 0.3.0 → 0.3.1-rc.274166a
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/README.md +5 -4
- package/dist/icons/ActionsIcon.d.ts.map +1 -1
- package/dist/icons/ActionsIcon.js +77 -61
- package/dist/icons/AiModelIcon.d.ts.map +1 -1
- package/dist/icons/AiModelIcon.js +31 -6
- package/dist/icons/AlertCopilotIcon.d.ts.map +1 -1
- package/dist/icons/AlertCopilotIcon.js +70 -53
- package/dist/icons/AlertIcon.d.ts.map +1 -1
- package/dist/icons/AlertIcon.js +36 -21
- package/dist/icons/ArrowDownIcon.d.ts.map +1 -1
- package/dist/icons/ArrowDownIcon.js +82 -22
- package/dist/icons/ArrowLeftIcon.d.ts.map +1 -1
- package/dist/icons/ArrowLeftIcon.js +82 -22
- package/dist/icons/ArrowRightIcon.d.ts.map +1 -1
- package/dist/icons/ArrowRightIcon.js +71 -22
- package/dist/icons/ArrowUpIcon.d.ts.map +1 -1
- package/dist/icons/ArrowUpIcon.js +82 -22
- package/dist/icons/BracketsIcon.d.ts.map +1 -1
- package/dist/icons/BracketsIcon.js +32 -11
- package/dist/icons/BranchIcon.d.ts.map +1 -1
- package/dist/icons/BranchIcon.js +23 -6
- package/dist/icons/ButterflyIcon.d.ts.map +1 -1
- package/dist/icons/ButterflyIcon.js +46 -30
- package/dist/icons/ChangelogIcon.d.ts.map +1 -1
- package/dist/icons/ChangelogIcon.js +26 -4
- package/dist/icons/CheckCircleIcon.d.ts.map +1 -1
- package/dist/icons/CheckCircleIcon.js +28 -11
- package/dist/icons/CliPullRequestIcon.d.ts.map +1 -1
- package/dist/icons/CliPullRequestIcon.js +69 -49
- package/dist/icons/CodeDiffIcon.d.ts.map +1 -1
- package/dist/icons/CodeDiffIcon.js +14 -4
- package/dist/icons/CodeQlIcon.d.ts.map +1 -1
- package/dist/icons/CodeQlIcon.js +26 -7
- package/dist/icons/CoffeeIcon.d.ts.map +1 -1
- package/dist/icons/CoffeeIcon.js +83 -61
- package/dist/icons/CommentIcon.d.ts.map +1 -1
- package/dist/icons/CommentIcon.js +15 -6
- package/dist/icons/CommunityIcon.d.ts.map +1 -1
- package/dist/icons/CommunityIcon.js +83 -28
- package/dist/icons/ConnectionBrokenIcon.d.ts.map +1 -1
- package/dist/icons/ConnectionBrokenIcon.js +48 -31
- package/dist/icons/ConnectionIcon.d.ts.map +1 -1
- package/dist/icons/ConnectionIcon.js +14 -8
- package/dist/icons/CopyIcon.d.ts.map +1 -1
- package/dist/icons/CopyIcon.js +7 -4
- package/dist/icons/CpuIcon.d.ts.map +1 -1
- package/dist/icons/CpuIcon.js +108 -94
- package/dist/icons/DataDrivenRecommendationsIcon.d.ts.map +1 -1
- package/dist/icons/DataDrivenRecommendationsIcon.js +104 -82
- package/dist/icons/DiscussionIcon.d.ts.map +1 -1
- package/dist/icons/DiscussionIcon.js +49 -26
- package/dist/icons/DocumentCopilotIcon.d.ts.map +1 -1
- package/dist/icons/DocumentCopilotIcon.js +78 -53
- package/dist/icons/DocumentDownloadIcon.d.ts.map +1 -1
- package/dist/icons/DocumentDownloadIcon.js +55 -35
- package/dist/icons/DocumentIcon.d.ts.map +1 -1
- package/dist/icons/DocumentIcon.js +17 -8
- package/dist/icons/DocumentPassIcon.d.ts.map +1 -1
- package/dist/icons/DocumentPassIcon.js +47 -28
- package/dist/icons/DocumentsIcon.d.ts.map +1 -1
- package/dist/icons/DocumentsIcon.js +12 -5
- package/dist/icons/DoorIcon.d.ts.map +1 -1
- package/dist/icons/DoorIcon.js +48 -31
- package/dist/icons/EcosystemIcon.d.ts.map +1 -1
- package/dist/icons/EcosystemIcon.js +101 -81
- package/dist/icons/EyeIcon.d.ts.map +1 -1
- package/dist/icons/EyeIcon.js +17 -6
- package/dist/icons/GitPullRequestIcon.d.ts.map +1 -1
- package/dist/icons/GitPullRequestIcon.js +31 -6
- package/dist/icons/GithubIcon.d.ts.map +1 -1
- package/dist/icons/GithubIcon.js +68 -13
- package/dist/icons/GlobeIcon.d.ts.map +1 -1
- package/dist/icons/GlobeIcon.js +73 -21
- package/dist/icons/HeartIcon.d.ts.map +1 -1
- package/dist/icons/HeartIcon.js +10 -15
- package/dist/icons/HourglassIcon.d.ts.map +1 -1
- package/dist/icons/HourglassIcon.js +25 -13
- package/dist/icons/InformationIcon.d.ts.map +1 -1
- package/dist/icons/InformationIcon.js +46 -30
- package/dist/icons/ListOrderedIcon.d.ts.map +1 -1
- package/dist/icons/ListOrderedIcon.js +50 -26
- package/dist/icons/LockIcon.d.ts.map +1 -1
- package/dist/icons/LockIcon.js +26 -13
- package/dist/icons/MentionIcon.d.ts.map +1 -1
- package/dist/icons/MentionIcon.js +50 -29
- package/dist/icons/MoonIcon.d.ts.map +1 -1
- package/dist/icons/MoonIcon.js +15 -6
- package/dist/icons/NorthStarIcon.d.ts.map +1 -1
- package/dist/icons/NorthStarIcon.js +13 -5
- package/dist/icons/PeopleIcon.d.ts.map +1 -1
- package/dist/icons/PeopleIcon.js +54 -24
- package/dist/icons/PersonIcon.d.ts.map +1 -1
- package/dist/icons/PersonIcon.js +37 -17
- package/dist/icons/PullRequestIcon.d.ts.map +1 -1
- package/dist/icons/PullRequestIcon.js +34 -18
- package/dist/icons/QuestionIcon.d.ts.map +1 -1
- package/dist/icons/QuestionIcon.js +35 -20
- package/dist/icons/ReadIcon.d.ts.map +1 -1
- package/dist/icons/ReadIcon.js +15 -6
- package/dist/icons/ReportIcon.d.ts.map +1 -1
- package/dist/icons/ReportIcon.js +14 -6
- package/dist/icons/SearchIcon.d.ts.map +1 -1
- package/dist/icons/SearchIcon.js +44 -28
- package/dist/icons/SettingsIcon.d.ts.map +1 -1
- package/dist/icons/SettingsIcon.js +39 -18
- package/dist/icons/SmileyIcon.d.ts.map +1 -1
- package/dist/icons/SmileyIcon.js +49 -29
- package/dist/icons/StackIcon.d.ts.map +1 -1
- package/dist/icons/StackIcon.js +47 -31
- package/dist/icons/SunIcon.d.ts.map +1 -1
- package/dist/icons/SunIcon.js +116 -89
- package/dist/icons/TaskListIcon.d.ts.map +1 -1
- package/dist/icons/TaskListIcon.js +132 -107
- package/dist/icons/TerminalIcon.d.ts.map +1 -1
- package/dist/icons/TerminalIcon.js +11 -4
- package/dist/icons/VideoIcon.d.ts.map +1 -1
- package/dist/icons/VideoIcon.js +10 -4
- package/dist/icons/WikiGithubIcon.d.ts.map +1 -1
- package/dist/icons/WikiGithubIcon.js +59 -24
- package/dist/icons/WikiIcon.d.ts.map +1 -1
- package/dist/icons/WikiIcon.js +34 -7
- package/dist/icons/WorkflowIcon.d.ts.map +1 -1
- package/dist/icons/WorkflowIcon.js +84 -67
- package/dist/icons/ZapIcon.d.ts.map +1 -1
- package/dist/icons/ZapIcon.js +41 -25
- package/dist/metadata.js +100 -100
- package/dist/svgs/actions.svg +7 -0
- package/dist/svgs/ai-model.svg +3 -1
- package/dist/svgs/alert-copilot.svg +15 -10
- package/dist/svgs/alert.svg +11 -4
- package/dist/svgs/arrow-down.svg +20 -5
- package/dist/svgs/arrow-left.svg +19 -4
- package/dist/svgs/arrow-right.svg +15 -5
- package/dist/svgs/arrow-up.svg +20 -5
- package/dist/svgs/brackets.svg +7 -6
- package/dist/svgs/branch.svg +2 -1
- package/dist/svgs/butterfly.svg +10 -3
- package/dist/svgs/check-circle.svg +9 -2
- package/dist/svgs/cli-pull-request.svg +7 -0
- package/dist/svgs/code-ql.svg +5 -5
- package/dist/svgs/coffee.svg +18 -11
- package/dist/svgs/comment.svg +1 -1
- package/dist/svgs/community.svg +16 -4
- package/dist/svgs/connection-broken.svg +12 -5
- package/dist/svgs/connection.svg +4 -4
- package/dist/svgs/cpu.svg +8 -1
- package/dist/svgs/data-driven-recommendations.svg +8 -1
- package/dist/svgs/discussion.svg +10 -3
- package/dist/svgs/document-copilot.svg +13 -7
- package/dist/svgs/document-download.svg +10 -3
- package/dist/svgs/document-pass.svg +10 -3
- package/dist/svgs/document.svg +1 -1
- package/dist/svgs/documents.svg +1 -1
- package/dist/svgs/door.svg +7 -0
- package/dist/svgs/ecosystem.svg +10 -3
- package/dist/svgs/eye.svg +1 -1
- package/dist/svgs/git-pull-request.svg +3 -1
- package/dist/svgs/github.svg +14 -2
- package/dist/svgs/globe.svg +14 -3
- package/dist/svgs/heart.svg +3 -4
- package/dist/svgs/hourglass.svg +8 -8
- package/dist/svgs/information.svg +8 -1
- package/dist/svgs/list-ordered.svg +22 -22
- package/dist/svgs/lock.svg +8 -8
- package/dist/svgs/mention.svg +13 -6
- package/dist/svgs/moon.svg +1 -1
- package/dist/svgs/north-star.svg +2 -1
- package/dist/svgs/people.svg +12 -3
- package/dist/svgs/person.svg +10 -3
- package/dist/svgs/pull-request.svg +14 -14
- package/dist/svgs/question.svg +9 -2
- package/dist/svgs/read.svg +1 -1
- package/dist/svgs/report.svg +1 -1
- package/dist/svgs/search.svg +8 -1
- package/dist/svgs/settings.svg +11 -4
- package/dist/svgs/smiley.svg +9 -2
- package/dist/svgs/stack.svg +12 -5
- package/dist/svgs/sun.svg +13 -6
- package/dist/svgs/task-list.svg +23 -18
- package/dist/svgs/wiki-github.svg +13 -4
- package/dist/svgs/wiki.svg +4 -2
- package/dist/svgs/workflow.svg +10 -3
- package/dist/svgs/zap.svg +12 -5
- package/dist/types.d.ts +6 -2
- package/dist/types.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1,37 +1,97 @@
|
|
|
1
1
|
import { forwardRef } from "react";
|
|
2
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
3
3
|
//#region src/icons/ArrowLeftIcon.tsx
|
|
4
|
-
var
|
|
5
|
-
|
|
4
|
+
var ANIMATION_STYLE = "@keyframes octovisual-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes octovisual-fade{from{opacity:0}to{opacity:1}}[data-octovisual-animation] path[stroke]{stroke-dasharray:1;stroke-dashoffset:1;animation:octovisual-draw 1s cubic-bezier(0.22,1,0.36,1) forwards}[data-octovisual-animation] path:not([stroke]){opacity:0;animation:octovisual-fade 0.5s cubic-bezier(0.22,1,0.36,1) 0.3s forwards}@media(prefers-reduced-motion:reduce){[data-octovisual-animation] path{animation:none!important;stroke-dashoffset:0!important;opacity:1!important}}";
|
|
5
|
+
var ArrowLeftIcon = forwardRef(function ArrowLeftIcon({ size, "aria-label": ariaLabel, animate, ...props }, ref) {
|
|
6
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [animate && /* @__PURE__ */ jsx("style", { children: ANIMATION_STYLE }), /* @__PURE__ */ jsxs("svg", {
|
|
6
7
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7
8
|
width: size ?? 96,
|
|
8
9
|
height: size ?? 96,
|
|
9
|
-
viewBox: "0 0 96
|
|
10
|
+
viewBox: "0 0 96 96",
|
|
10
11
|
fill: "none",
|
|
11
12
|
"aria-hidden": ariaLabel ? void 0 : true,
|
|
12
13
|
"aria-label": ariaLabel,
|
|
13
14
|
role: ariaLabel ? "img" : void 0,
|
|
15
|
+
"data-octovisual-animation": animate ? "" : void 0,
|
|
14
16
|
ref,
|
|
15
17
|
...props,
|
|
16
|
-
children: [
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
18
|
+
children: [/* @__PURE__ */ jsx("g", {
|
|
19
|
+
clipPath: "url(#arrow-left_a)",
|
|
20
|
+
children: /* @__PURE__ */ jsxs("g", {
|
|
21
|
+
clipPath: "url(#arrow-left_b)",
|
|
22
|
+
children: [
|
|
23
|
+
/* @__PURE__ */ jsx("path", {
|
|
24
|
+
pathLength: 1,
|
|
25
|
+
stroke: "currentColor",
|
|
26
|
+
strokeLinecap: "round",
|
|
27
|
+
strokeMiterlimit: 10,
|
|
28
|
+
strokeWidth: 4,
|
|
29
|
+
d: "M15.4964 33.7157L3.08007 46.132C2.12692 47.0851 2.12692 48.6305 3.08007 49.5836L15.4964 62"
|
|
30
|
+
}),
|
|
31
|
+
/* @__PURE__ */ jsx("path", {
|
|
32
|
+
pathLength: 1,
|
|
33
|
+
stroke: "currentColor",
|
|
34
|
+
strokeLinecap: "round",
|
|
35
|
+
strokeMiterlimit: 10,
|
|
36
|
+
strokeWidth: 4,
|
|
37
|
+
d: "M67.6384 47.7155L3.63843 47.7155"
|
|
38
|
+
}),
|
|
39
|
+
/* @__PURE__ */ jsx("path", {
|
|
40
|
+
pathLength: 1,
|
|
41
|
+
stroke: "currentColor",
|
|
42
|
+
strokeLinecap: "round",
|
|
43
|
+
strokeMiterlimit: 10,
|
|
44
|
+
strokeWidth: 4,
|
|
45
|
+
d: "M41.8118 2.08482L29.3955 14.5011C28.4424 15.4543 28.4424 16.9996 29.3955 17.9528L41.8118 30.3691"
|
|
46
|
+
}),
|
|
47
|
+
/* @__PURE__ */ jsx("path", {
|
|
48
|
+
pathLength: 1,
|
|
49
|
+
stroke: "currentColor",
|
|
50
|
+
strokeLinecap: "round",
|
|
51
|
+
strokeMiterlimit: 10,
|
|
52
|
+
strokeWidth: 4,
|
|
53
|
+
d: "M94.0002 15.9999L30.0002 15.9999"
|
|
54
|
+
}),
|
|
55
|
+
/* @__PURE__ */ jsx("path", {
|
|
56
|
+
pathLength: 1,
|
|
57
|
+
stroke: "currentColor",
|
|
58
|
+
strokeLinecap: "round",
|
|
59
|
+
strokeMiterlimit: 10,
|
|
60
|
+
strokeWidth: 4,
|
|
61
|
+
d: "M41.8121 65.8579L29.3957 78.2742C28.4426 79.2273 28.4426 80.7727 29.3957 81.7258L41.8121 94.1421"
|
|
62
|
+
}),
|
|
63
|
+
/* @__PURE__ */ jsx("path", {
|
|
64
|
+
pathLength: 1,
|
|
65
|
+
stroke: "currentColor",
|
|
66
|
+
strokeLinecap: "round",
|
|
67
|
+
strokeMiterlimit: 10,
|
|
68
|
+
strokeWidth: 4,
|
|
69
|
+
d: "M94.0002 80L30.0002 80"
|
|
70
|
+
}),
|
|
71
|
+
/* @__PURE__ */ jsx("path", {
|
|
72
|
+
pathLength: 1,
|
|
73
|
+
fill: "#96A199",
|
|
74
|
+
d: "M96 48C96 43.0294 91.9706 39 87 39C82.0294 39 78 43.0294 78 48C78 52.9705 82.0294 57 87 57C91.9706 57 96 52.9705 96 48Z"
|
|
75
|
+
})
|
|
76
|
+
]
|
|
32
77
|
})
|
|
33
|
-
|
|
34
|
-
|
|
78
|
+
}), /* @__PURE__ */ jsxs("defs", { children: [/* @__PURE__ */ jsx("clipPath", {
|
|
79
|
+
id: "arrow-left_a",
|
|
80
|
+
children: /* @__PURE__ */ jsx("rect", {
|
|
81
|
+
width: 96,
|
|
82
|
+
height: 96,
|
|
83
|
+
fill: "white"
|
|
84
|
+
})
|
|
85
|
+
}), /* @__PURE__ */ jsx("clipPath", {
|
|
86
|
+
id: "arrow-left_b",
|
|
87
|
+
children: /* @__PURE__ */ jsx("rect", {
|
|
88
|
+
width: 96,
|
|
89
|
+
height: 96,
|
|
90
|
+
fill: "white",
|
|
91
|
+
transform: "translate(96 96) rotate(180)"
|
|
92
|
+
})
|
|
93
|
+
})] })]
|
|
94
|
+
})] });
|
|
35
95
|
});
|
|
36
96
|
ArrowLeftIcon.displayName = "ArrowLeftIcon";
|
|
37
97
|
//#endregion
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ArrowRightIcon.d.ts","sourceRoot":"","sources":["../../src/icons/ArrowRightIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"ArrowRightIcon.d.ts","sourceRoot":"","sources":["../../src/icons/ArrowRightIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAGnD,QAAA,MAAM,cAAc,wHAOlB,CAAC;AAEH,OAAO,EAAE,cAAc,EAAE,CAAC"}
|
|
@@ -1,37 +1,86 @@
|
|
|
1
1
|
import { forwardRef } from "react";
|
|
2
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
3
3
|
//#region src/icons/ArrowRightIcon.tsx
|
|
4
|
-
var
|
|
5
|
-
|
|
4
|
+
var ANIMATION_STYLE = "@keyframes octovisual-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes octovisual-fade{from{opacity:0}to{opacity:1}}[data-octovisual-animation] path[stroke]{stroke-dasharray:1;stroke-dashoffset:1;animation:octovisual-draw 1s cubic-bezier(0.22,1,0.36,1) forwards}[data-octovisual-animation] path:not([stroke]){opacity:0;animation:octovisual-fade 0.5s cubic-bezier(0.22,1,0.36,1) 0.3s forwards}@media(prefers-reduced-motion:reduce){[data-octovisual-animation] path{animation:none!important;stroke-dashoffset:0!important;opacity:1!important}}";
|
|
5
|
+
var ArrowRightIcon = forwardRef(function ArrowRightIcon({ size, "aria-label": ariaLabel, animate, ...props }, ref) {
|
|
6
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [animate && /* @__PURE__ */ jsx("style", { children: ANIMATION_STYLE }), /* @__PURE__ */ jsxs("svg", {
|
|
6
7
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7
8
|
width: size ?? 96,
|
|
8
9
|
height: size ?? 96,
|
|
9
|
-
viewBox: "0 0 96
|
|
10
|
+
viewBox: "0 0 96 96",
|
|
10
11
|
fill: "none",
|
|
11
12
|
"aria-hidden": ariaLabel ? void 0 : true,
|
|
12
13
|
"aria-label": ariaLabel,
|
|
13
14
|
role: ariaLabel ? "img" : void 0,
|
|
15
|
+
"data-octovisual-animation": animate ? "" : void 0,
|
|
14
16
|
ref,
|
|
15
17
|
...props,
|
|
16
|
-
children: [
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
18
|
+
children: [/* @__PURE__ */ jsxs("g", {
|
|
19
|
+
clipPath: "url(#arrow-right_a)",
|
|
20
|
+
children: [
|
|
21
|
+
/* @__PURE__ */ jsx("path", {
|
|
22
|
+
pathLength: 1,
|
|
23
|
+
stroke: "currentColor",
|
|
24
|
+
strokeLinecap: "round",
|
|
25
|
+
strokeMiterlimit: 10,
|
|
26
|
+
strokeWidth: 4,
|
|
27
|
+
d: "M80.5036 62.2843L92.9199 49.868C93.8731 48.9149 93.8731 47.3695 92.9199 46.4164L80.5036 34.0001"
|
|
28
|
+
}),
|
|
29
|
+
/* @__PURE__ */ jsx("path", {
|
|
30
|
+
pathLength: 1,
|
|
31
|
+
stroke: "currentColor",
|
|
32
|
+
strokeLinecap: "round",
|
|
33
|
+
strokeMiterlimit: 10,
|
|
34
|
+
strokeWidth: 4,
|
|
35
|
+
d: "M28.3616 48.2845L92.3616 48.2845"
|
|
36
|
+
}),
|
|
37
|
+
/* @__PURE__ */ jsx("path", {
|
|
38
|
+
pathLength: 1,
|
|
39
|
+
stroke: "currentColor",
|
|
40
|
+
strokeLinecap: "round",
|
|
41
|
+
strokeMiterlimit: 10,
|
|
42
|
+
strokeWidth: 4,
|
|
43
|
+
d: "M54.1882 93.9152L66.6045 81.4989C67.5576 80.5457 67.5576 79.0004 66.6045 78.0473L54.1882 65.6309"
|
|
44
|
+
}),
|
|
45
|
+
/* @__PURE__ */ jsx("path", {
|
|
46
|
+
pathLength: 1,
|
|
47
|
+
stroke: "currentColor",
|
|
48
|
+
strokeLinecap: "round",
|
|
49
|
+
strokeMiterlimit: 10,
|
|
50
|
+
strokeWidth: 4,
|
|
51
|
+
d: "M1.99976 80.0001L65.9998 80.0001"
|
|
52
|
+
}),
|
|
53
|
+
/* @__PURE__ */ jsx("path", {
|
|
54
|
+
pathLength: 1,
|
|
55
|
+
stroke: "currentColor",
|
|
56
|
+
strokeLinecap: "round",
|
|
57
|
+
strokeMiterlimit: 10,
|
|
58
|
+
strokeWidth: 4,
|
|
59
|
+
d: "M54.1879 30.1421L66.6043 17.7258C67.5574 16.7727 67.5574 15.2273 66.6043 14.2742L54.1879 1.85786"
|
|
60
|
+
}),
|
|
61
|
+
/* @__PURE__ */ jsx("path", {
|
|
62
|
+
pathLength: 1,
|
|
63
|
+
stroke: "currentColor",
|
|
64
|
+
strokeLinecap: "round",
|
|
65
|
+
strokeMiterlimit: 10,
|
|
66
|
+
strokeWidth: 4,
|
|
67
|
+
d: "M1.99976 16L65.9998 16"
|
|
68
|
+
}),
|
|
69
|
+
/* @__PURE__ */ jsx("path", {
|
|
70
|
+
pathLength: 1,
|
|
71
|
+
fill: "#96A199",
|
|
72
|
+
d: "M-3.93403e-07 48C-6.10673e-07 52.9706 4.02942 57 8.99999 57C13.9706 57 18 52.9706 18 48C18 43.0295 13.9706 39 8.99999 39C4.02943 39 -1.76133e-07 43.0295 -3.93403e-07 48Z"
|
|
73
|
+
})
|
|
74
|
+
]
|
|
75
|
+
}), /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", {
|
|
76
|
+
id: "arrow-right_a",
|
|
77
|
+
children: /* @__PURE__ */ jsx("rect", {
|
|
78
|
+
width: 96,
|
|
79
|
+
height: 96,
|
|
80
|
+
fill: "white"
|
|
32
81
|
})
|
|
33
|
-
]
|
|
34
|
-
});
|
|
82
|
+
}) })]
|
|
83
|
+
})] });
|
|
35
84
|
});
|
|
36
85
|
ArrowRightIcon.displayName = "ArrowRightIcon";
|
|
37
86
|
//#endregion
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ArrowUpIcon.d.ts","sourceRoot":"","sources":["../../src/icons/ArrowUpIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"ArrowUpIcon.d.ts","sourceRoot":"","sources":["../../src/icons/ArrowUpIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAGnD,QAAA,MAAM,WAAW,wHAOf,CAAC;AAEH,OAAO,EAAE,WAAW,EAAE,CAAC"}
|
|
@@ -1,37 +1,97 @@
|
|
|
1
1
|
import { forwardRef } from "react";
|
|
2
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
3
3
|
//#region src/icons/ArrowUpIcon.tsx
|
|
4
|
-
var
|
|
5
|
-
|
|
4
|
+
var ANIMATION_STYLE = "@keyframes octovisual-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes octovisual-fade{from{opacity:0}to{opacity:1}}[data-octovisual-animation] path[stroke]{stroke-dasharray:1;stroke-dashoffset:1;animation:octovisual-draw 1s cubic-bezier(0.22,1,0.36,1) forwards}[data-octovisual-animation] path:not([stroke]){opacity:0;animation:octovisual-fade 0.5s cubic-bezier(0.22,1,0.36,1) 0.3s forwards}@media(prefers-reduced-motion:reduce){[data-octovisual-animation] path{animation:none!important;stroke-dashoffset:0!important;opacity:1!important}}";
|
|
5
|
+
var ArrowUpIcon = forwardRef(function ArrowUpIcon({ size, "aria-label": ariaLabel, animate, ...props }, ref) {
|
|
6
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [animate && /* @__PURE__ */ jsx("style", { children: ANIMATION_STYLE }), /* @__PURE__ */ jsxs("svg", {
|
|
6
7
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7
8
|
width: size ?? 96,
|
|
8
9
|
height: size ?? 96,
|
|
9
|
-
viewBox: "0 0
|
|
10
|
+
viewBox: "0 0 96 96",
|
|
10
11
|
fill: "none",
|
|
11
12
|
"aria-hidden": ariaLabel ? void 0 : true,
|
|
12
13
|
"aria-label": ariaLabel,
|
|
13
14
|
role: ariaLabel ? "img" : void 0,
|
|
15
|
+
"data-octovisual-animation": animate ? "" : void 0,
|
|
14
16
|
ref,
|
|
15
17
|
...props,
|
|
16
|
-
children: [
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
18
|
+
children: [/* @__PURE__ */ jsx("g", {
|
|
19
|
+
clipPath: "url(#arrow-up_a)",
|
|
20
|
+
children: /* @__PURE__ */ jsxs("g", {
|
|
21
|
+
clipPath: "url(#arrow-up_b)",
|
|
22
|
+
children: [
|
|
23
|
+
/* @__PURE__ */ jsx("path", {
|
|
24
|
+
pathLength: 1,
|
|
25
|
+
stroke: "currentColor",
|
|
26
|
+
strokeLinecap: "round",
|
|
27
|
+
strokeMiterlimit: 10,
|
|
28
|
+
strokeWidth: 4,
|
|
29
|
+
d: "M62.2842 15.4964L49.8679 3.08007C48.9148 2.12692 47.3694 2.12692 46.4163 3.08007L34 15.4964"
|
|
30
|
+
}),
|
|
31
|
+
/* @__PURE__ */ jsx("path", {
|
|
32
|
+
pathLength: 1,
|
|
33
|
+
stroke: "currentColor",
|
|
34
|
+
strokeLinecap: "round",
|
|
35
|
+
strokeMiterlimit: 10,
|
|
36
|
+
strokeWidth: 4,
|
|
37
|
+
d: "M48.2844 67.6384V3.63843"
|
|
38
|
+
}),
|
|
39
|
+
/* @__PURE__ */ jsx("path", {
|
|
40
|
+
pathLength: 1,
|
|
41
|
+
stroke: "currentColor",
|
|
42
|
+
strokeLinecap: "round",
|
|
43
|
+
strokeMiterlimit: 10,
|
|
44
|
+
strokeWidth: 4,
|
|
45
|
+
d: "M93.9151 41.8118L81.4988 29.3955C80.5456 28.4424 79.0003 28.4424 78.0471 29.3955L65.6308 41.8118"
|
|
46
|
+
}),
|
|
47
|
+
/* @__PURE__ */ jsx("path", {
|
|
48
|
+
pathLength: 1,
|
|
49
|
+
stroke: "currentColor",
|
|
50
|
+
strokeLinecap: "round",
|
|
51
|
+
strokeMiterlimit: 10,
|
|
52
|
+
strokeWidth: 4,
|
|
53
|
+
d: "M80 94.0002V30.0002"
|
|
54
|
+
}),
|
|
55
|
+
/* @__PURE__ */ jsx("path", {
|
|
56
|
+
pathLength: 1,
|
|
57
|
+
stroke: "currentColor",
|
|
58
|
+
strokeLinecap: "round",
|
|
59
|
+
strokeMiterlimit: 10,
|
|
60
|
+
strokeWidth: 4,
|
|
61
|
+
d: "M30.1421 41.8121L17.7258 29.3957C16.7727 28.4426 15.2273 28.4426 14.2742 29.3957L1.85786 41.8121"
|
|
62
|
+
}),
|
|
63
|
+
/* @__PURE__ */ jsx("path", {
|
|
64
|
+
pathLength: 1,
|
|
65
|
+
stroke: "currentColor",
|
|
66
|
+
strokeLinecap: "round",
|
|
67
|
+
strokeMiterlimit: 10,
|
|
68
|
+
strokeWidth: 4,
|
|
69
|
+
d: "M16 94.0002V30.0002"
|
|
70
|
+
}),
|
|
71
|
+
/* @__PURE__ */ jsx("path", {
|
|
72
|
+
pathLength: 1,
|
|
73
|
+
fill: "#96A199",
|
|
74
|
+
d: "M48 96C52.9706 96 57 91.9706 57 87C57 82.0294 52.9706 78 48 78C43.0295 78 39 82.0294 39 87C39 91.9706 43.0295 96 48 96Z"
|
|
75
|
+
})
|
|
76
|
+
]
|
|
32
77
|
})
|
|
33
|
-
|
|
34
|
-
|
|
78
|
+
}), /* @__PURE__ */ jsxs("defs", { children: [/* @__PURE__ */ jsx("clipPath", {
|
|
79
|
+
id: "arrow-up_a",
|
|
80
|
+
children: /* @__PURE__ */ jsx("rect", {
|
|
81
|
+
width: 96,
|
|
82
|
+
height: 96,
|
|
83
|
+
fill: "white"
|
|
84
|
+
})
|
|
85
|
+
}), /* @__PURE__ */ jsx("clipPath", {
|
|
86
|
+
id: "arrow-up_b",
|
|
87
|
+
children: /* @__PURE__ */ jsx("rect", {
|
|
88
|
+
width: 96,
|
|
89
|
+
height: 96,
|
|
90
|
+
fill: "white",
|
|
91
|
+
transform: "translate(0 96) rotate(-90)"
|
|
92
|
+
})
|
|
93
|
+
})] })]
|
|
94
|
+
})] });
|
|
35
95
|
});
|
|
36
96
|
ArrowUpIcon.displayName = "ArrowUpIcon";
|
|
37
97
|
//#endregion
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BracketsIcon.d.ts","sourceRoot":"","sources":["../../src/icons/BracketsIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"BracketsIcon.d.ts","sourceRoot":"","sources":["../../src/icons/BracketsIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAGnD,QAAA,MAAM,YAAY,wHAOhB,CAAC;AAEH,OAAO,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { forwardRef } from "react";
|
|
2
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
3
3
|
//#region src/icons/BracketsIcon.tsx
|
|
4
|
-
var
|
|
5
|
-
|
|
4
|
+
var ANIMATION_STYLE = "@keyframes octovisual-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes octovisual-fade{from{opacity:0}to{opacity:1}}[data-octovisual-animation] path[stroke]{stroke-dasharray:1;stroke-dashoffset:1;animation:octovisual-draw 1s cubic-bezier(0.22,1,0.36,1) forwards}[data-octovisual-animation] path:not([stroke]){opacity:0;animation:octovisual-fade 0.5s cubic-bezier(0.22,1,0.36,1) 0.3s forwards}@media(prefers-reduced-motion:reduce){[data-octovisual-animation] path{animation:none!important;stroke-dashoffset:0!important;opacity:1!important}}";
|
|
5
|
+
var BracketsIcon = forwardRef(function BracketsIcon({ size, "aria-label": ariaLabel, animate, ...props }, ref) {
|
|
6
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [animate && /* @__PURE__ */ jsx("style", { children: ANIMATION_STYLE }), /* @__PURE__ */ jsxs("svg", {
|
|
6
7
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7
8
|
width: size ?? 96,
|
|
8
9
|
height: size ?? 96,
|
|
@@ -11,35 +12,55 @@ var BracketsIcon = forwardRef(function BracketsIcon({ size, "aria-label": ariaLa
|
|
|
11
12
|
"aria-hidden": ariaLabel ? void 0 : true,
|
|
12
13
|
"aria-label": ariaLabel,
|
|
13
14
|
role: ariaLabel ? "img" : void 0,
|
|
15
|
+
"data-octovisual-animation": animate ? "" : void 0,
|
|
14
16
|
ref,
|
|
15
17
|
...props,
|
|
16
18
|
children: [
|
|
17
19
|
/* @__PURE__ */ jsx("path", {
|
|
18
|
-
|
|
19
|
-
|
|
20
|
+
pathLength: 1,
|
|
21
|
+
stroke: "currentColor",
|
|
22
|
+
strokeLinecap: "round",
|
|
23
|
+
strokeLinejoin: "round",
|
|
24
|
+
strokeMiterlimit: 10,
|
|
25
|
+
strokeWidth: 4,
|
|
26
|
+
d: "M71.6725 74.0339L91.9797 51.133C93.3396 49.5995 93.3203 47.2863 91.935 45.7757L71.5933 23.5932"
|
|
20
27
|
}),
|
|
21
28
|
/* @__PURE__ */ jsx("path", {
|
|
29
|
+
pathLength: 1,
|
|
30
|
+
stroke: "currentColor",
|
|
31
|
+
strokeLinecap: "round",
|
|
32
|
+
strokeLinejoin: "round",
|
|
33
|
+
strokeMiterlimit: 10,
|
|
34
|
+
strokeWidth: 4,
|
|
35
|
+
d: "M24.3276 74.0339L4.02037 51.133C2.66054 49.5995 2.67986 47.2863 4.0651 45.7757L24.4069 23.5932"
|
|
36
|
+
}),
|
|
37
|
+
/* @__PURE__ */ jsx("path", {
|
|
38
|
+
pathLength: 1,
|
|
22
39
|
fill: "#96A199",
|
|
23
|
-
d: "
|
|
40
|
+
d: "M47.9999 56.9491C52.9424 56.9491 56.9491 52.9425 56.9491 48C56.9491 43.0575 52.9424 39.0508 47.9999 39.0508C43.0574 39.0508 39.0508 43.0575 39.0508 48C39.0508 52.9425 43.0574 56.9491 47.9999 56.9491Z"
|
|
24
41
|
}),
|
|
25
42
|
/* @__PURE__ */ jsx("path", {
|
|
43
|
+
pathLength: 1,
|
|
26
44
|
fill: "#96A199",
|
|
27
|
-
d: "
|
|
45
|
+
d: "M47.9999 39.0508C52.9424 39.0508 56.9491 35.0442 56.9491 30.1017C56.9491 25.1592 52.9424 21.1525 47.9999 21.1525C43.0574 21.1525 39.0508 25.1592 39.0508 30.1017C39.0508 35.0442 43.0574 39.0508 47.9999 39.0508Z"
|
|
28
46
|
}),
|
|
29
47
|
/* @__PURE__ */ jsx("path", {
|
|
48
|
+
pathLength: 1,
|
|
30
49
|
fill: "#96A199",
|
|
31
|
-
d: "
|
|
50
|
+
d: "M47.9999 92.7458C52.9424 92.7458 56.9491 88.7391 56.9491 83.7966C56.9491 78.8542 52.9424 74.8475 47.9999 74.8475C43.0574 74.8475 39.0508 78.8542 39.0508 83.7966C39.0508 88.7391 43.0574 92.7458 47.9999 92.7458Z"
|
|
32
51
|
}),
|
|
33
52
|
/* @__PURE__ */ jsx("path", {
|
|
53
|
+
pathLength: 1,
|
|
34
54
|
fill: "#96A199",
|
|
35
|
-
d: "
|
|
55
|
+
d: "M47.9999 21.1525C52.9424 21.1525 56.9491 17.1459 56.9491 12.2034C56.9491 7.26092 52.9424 3.25424 47.9999 3.25424C43.0574 3.25424 39.0508 7.26092 39.0508 12.2034C39.0508 17.1459 43.0574 21.1525 47.9999 21.1525Z"
|
|
36
56
|
}),
|
|
37
57
|
/* @__PURE__ */ jsx("path", {
|
|
58
|
+
pathLength: 1,
|
|
38
59
|
fill: "#96A199",
|
|
39
|
-
d: "
|
|
60
|
+
d: "M47.9999 74.8475C52.9424 74.8475 56.9491 70.8408 56.9491 65.8983C56.9491 60.9558 52.9424 56.9492 47.9999 56.9492C43.0574 56.9492 39.0508 60.9558 39.0508 65.8983C39.0508 70.8408 43.0574 74.8475 47.9999 74.8475Z"
|
|
40
61
|
})
|
|
41
62
|
]
|
|
42
|
-
});
|
|
63
|
+
})] });
|
|
43
64
|
});
|
|
44
65
|
BracketsIcon.displayName = "BracketsIcon";
|
|
45
66
|
//#endregion
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BranchIcon.d.ts","sourceRoot":"","sources":["../../src/icons/BranchIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"BranchIcon.d.ts","sourceRoot":"","sources":["../../src/icons/BranchIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAGnD,QAAA,MAAM,UAAU,wHAOd,CAAC;AAEH,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
package/dist/icons/BranchIcon.js
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { forwardRef } from "react";
|
|
2
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
3
3
|
//#region src/icons/BranchIcon.tsx
|
|
4
|
-
var
|
|
5
|
-
|
|
4
|
+
var ANIMATION_STYLE = "@keyframes octovisual-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes octovisual-fade{from{opacity:0}to{opacity:1}}[data-octovisual-animation] path[stroke]{stroke-dasharray:1;stroke-dashoffset:1;animation:octovisual-draw 1s cubic-bezier(0.22,1,0.36,1) forwards}[data-octovisual-animation] path:not([stroke]){opacity:0;animation:octovisual-fade 0.5s cubic-bezier(0.22,1,0.36,1) 0.3s forwards}@media(prefers-reduced-motion:reduce){[data-octovisual-animation] path{animation:none!important;stroke-dashoffset:0!important;opacity:1!important}}";
|
|
5
|
+
var BranchIcon = forwardRef(function BranchIcon({ size, "aria-label": ariaLabel, animate, ...props }, ref) {
|
|
6
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [animate && /* @__PURE__ */ jsx("style", { children: ANIMATION_STYLE }), /* @__PURE__ */ jsxs("svg", {
|
|
6
7
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7
8
|
width: size ?? 96,
|
|
8
9
|
height: size ?? 96,
|
|
@@ -11,27 +12,43 @@ var BranchIcon = forwardRef(function BranchIcon({ size, "aria-label": ariaLabel,
|
|
|
11
12
|
"aria-hidden": ariaLabel ? void 0 : true,
|
|
12
13
|
"aria-label": ariaLabel,
|
|
13
14
|
role: ariaLabel ? "img" : void 0,
|
|
15
|
+
"data-octovisual-animation": animate ? "" : void 0,
|
|
14
16
|
ref,
|
|
15
17
|
...props,
|
|
16
18
|
children: [
|
|
17
19
|
/* @__PURE__ */ jsx("path", {
|
|
18
|
-
|
|
19
|
-
|
|
20
|
+
pathLength: 1,
|
|
21
|
+
stroke: "currentColor",
|
|
22
|
+
strokeLinecap: "round",
|
|
23
|
+
strokeMiterlimit: 10,
|
|
24
|
+
strokeWidth: 4,
|
|
25
|
+
d: "M13.0171 67.5255L13.0171 62.9153C13.0171 54.0787 20.1806 46.9153 29.0171 46.9153L68.6104 46.9153C77.4469 46.9153 84.6104 39.7518 84.6104 30.9153L84.6104 28.4746"
|
|
20
26
|
}),
|
|
21
27
|
/* @__PURE__ */ jsx("path", {
|
|
28
|
+
pathLength: 1,
|
|
29
|
+
stroke: "currentColor",
|
|
30
|
+
strokeLinecap: "round",
|
|
31
|
+
strokeMiterlimit: 10,
|
|
32
|
+
strokeWidth: 4,
|
|
33
|
+
d: "M13.0171 67.5255L13.0171 28.4746"
|
|
34
|
+
}),
|
|
35
|
+
/* @__PURE__ */ jsx("path", {
|
|
36
|
+
pathLength: 1,
|
|
22
37
|
fill: "#96A199",
|
|
23
38
|
d: "M13.0679 19C18.0384 19 22.0679 14.9706 22.0679 10C22.0679 5.02945 18.0384 1 13.0679 1C8.09729 1 4.06787 5.02945 4.06787 10C4.06787 14.9706 8.09729 19 13.0679 19Z"
|
|
24
39
|
}),
|
|
25
40
|
/* @__PURE__ */ jsx("path", {
|
|
41
|
+
pathLength: 1,
|
|
26
42
|
fill: "#96A199",
|
|
27
43
|
d: "M13.0679 95C18.0384 95 22.0679 90.9706 22.0679 86C22.0679 81.0294 18.0384 77 13.0679 77C8.09733 77 4.06787 81.0294 4.06787 86C4.06787 90.9706 8.09733 95 13.0679 95Z"
|
|
28
44
|
}),
|
|
29
45
|
/* @__PURE__ */ jsx("path", {
|
|
46
|
+
pathLength: 1,
|
|
30
47
|
fill: "#96A199",
|
|
31
48
|
d: "M84.6611 19C89.6317 19 93.6611 14.9706 93.6611 10C93.6611 5.02945 89.6317 1 84.6611 1C79.6906 1 75.6611 5.02945 75.6611 10C75.6611 14.9706 79.6906 19 84.6611 19Z"
|
|
32
49
|
})
|
|
33
50
|
]
|
|
34
|
-
});
|
|
51
|
+
})] });
|
|
35
52
|
});
|
|
36
53
|
BranchIcon.displayName = "BranchIcon";
|
|
37
54
|
//#endregion
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButterflyIcon.d.ts","sourceRoot":"","sources":["../../src/icons/ButterflyIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"ButterflyIcon.d.ts","sourceRoot":"","sources":["../../src/icons/ButterflyIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAGnD,QAAA,MAAM,aAAa,wHAOjB,CAAC;AAEH,OAAO,EAAE,aAAa,EAAE,CAAC"}
|
|
@@ -1,45 +1,61 @@
|
|
|
1
1
|
import { forwardRef } from "react";
|
|
2
|
-
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
3
3
|
//#region src/icons/ButterflyIcon.tsx
|
|
4
|
-
var
|
|
5
|
-
|
|
4
|
+
var ANIMATION_STYLE = "@keyframes octovisual-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes octovisual-fade{from{opacity:0}to{opacity:1}}[data-octovisual-animation] path[stroke]{stroke-dasharray:1;stroke-dashoffset:1;animation:octovisual-draw 1s cubic-bezier(0.22,1,0.36,1) forwards}[data-octovisual-animation] path:not([stroke]){opacity:0;animation:octovisual-fade 0.5s cubic-bezier(0.22,1,0.36,1) 0.3s forwards}@media(prefers-reduced-motion:reduce){[data-octovisual-animation] path{animation:none!important;stroke-dashoffset:0!important;opacity:1!important}}";
|
|
5
|
+
var ButterflyIcon = forwardRef(function ButterflyIcon({ size, "aria-label": ariaLabel, animate, ...props }, ref) {
|
|
6
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [animate && /* @__PURE__ */ jsx("style", { children: ANIMATION_STYLE }), /* @__PURE__ */ jsxs("svg", {
|
|
6
7
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7
8
|
width: size ?? 96,
|
|
8
9
|
height: size ?? 96,
|
|
9
|
-
viewBox: "0 0
|
|
10
|
+
viewBox: "0 0 96 96",
|
|
10
11
|
fill: "none",
|
|
11
12
|
"aria-hidden": ariaLabel ? void 0 : true,
|
|
12
13
|
"aria-label": ariaLabel,
|
|
13
14
|
role: ariaLabel ? "img" : void 0,
|
|
15
|
+
"data-octovisual-animation": animate ? "" : void 0,
|
|
14
16
|
ref,
|
|
15
17
|
...props,
|
|
16
|
-
children: [
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
18
|
+
children: [/* @__PURE__ */ jsxs("g", {
|
|
19
|
+
clipPath: "url(#butterfly_a)",
|
|
20
|
+
children: [
|
|
21
|
+
/* @__PURE__ */ jsx("path", {
|
|
22
|
+
pathLength: 1,
|
|
23
|
+
stroke: "currentColor",
|
|
24
|
+
strokeLinecap: "round",
|
|
25
|
+
strokeLinejoin: "round",
|
|
26
|
+
strokeMiterlimit: 10,
|
|
27
|
+
strokeWidth: 4,
|
|
28
|
+
d: "M35.5 16C26.2484 7.14564 14.0795 2.38564 4.13888 2L3.9999 2C2.89533 2 1.99649 2.8964 2.0326 4.00038C2.76036 26.2494 15.5433 45.1062 30.9999 49C14.3378 52.9806 2.70388 70.8394 2.03073 92.0527C1.99688 93.1194 2.87947 93.9775 3.94629 93.9502C13.8504 93.9502 26.14 89.4956 35.5 81"
|
|
29
|
+
}),
|
|
30
|
+
/* @__PURE__ */ jsx("path", {
|
|
31
|
+
pathLength: 1,
|
|
32
|
+
stroke: "currentColor",
|
|
33
|
+
strokeLinecap: "round",
|
|
34
|
+
strokeLinejoin: "round",
|
|
35
|
+
strokeMiterlimit: 10,
|
|
36
|
+
strokeWidth: 4,
|
|
37
|
+
d: "M61 16C70.2516 7.14564 82.4205 2.38564 92.3611 2L92.5001 2C93.6047 2 94.5035 2.8964 94.4674 4.00038C93.7396 26.2494 80.9567 45.1062 65.5001 49C82.1622 52.9806 93.7961 70.8394 94.4693 92.0527C94.5031 93.1194 93.6205 93.9775 92.5537 93.9502C82.6496 93.9502 70.36 89.4956 61 81"
|
|
38
|
+
}),
|
|
39
|
+
/* @__PURE__ */ jsx("path", {
|
|
40
|
+
pathLength: 1,
|
|
41
|
+
fill: "#96A199",
|
|
42
|
+
d: "M38.1319 47.9416L41.0675 76.3191C41.435 79.8716 44.4285 82.5714 48 82.5714C51.5715 82.5714 54.565 79.8716 54.9325 76.3191L57.8681 47.9416C58.4734 42.0899 53.8829 37 48 37C42.1171 37 37.5265 42.09 38.1319 47.9416Z"
|
|
43
|
+
}),
|
|
44
|
+
/* @__PURE__ */ jsx("path", {
|
|
45
|
+
pathLength: 1,
|
|
46
|
+
fill: "#96A199",
|
|
47
|
+
d: "M39 28C39 32.9706 43.0294 37 48 37C52.9706 37 57 32.9706 57 28C57 23.0295 52.9706 19 48 19C43.0294 19 39 23.0295 39 28Z"
|
|
48
|
+
})
|
|
49
|
+
]
|
|
50
|
+
}), /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", {
|
|
51
|
+
id: "butterfly_a",
|
|
52
|
+
children: /* @__PURE__ */ jsx("rect", {
|
|
53
|
+
width: 96,
|
|
54
|
+
height: 96,
|
|
55
|
+
fill: "white"
|
|
40
56
|
})
|
|
41
|
-
]
|
|
42
|
-
});
|
|
57
|
+
}) })]
|
|
58
|
+
})] });
|
|
43
59
|
});
|
|
44
60
|
ButterflyIcon.displayName = "ButterflyIcon";
|
|
45
61
|
//#endregion
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ChangelogIcon.d.ts","sourceRoot":"","sources":["../../src/icons/ChangelogIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"ChangelogIcon.d.ts","sourceRoot":"","sources":["../../src/icons/ChangelogIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAGnD,QAAA,MAAM,aAAa,wHAOjB,CAAC;AAEH,OAAO,EAAE,aAAa,EAAE,CAAC"}
|