@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.
Files changed (186) hide show
  1. package/README.md +5 -4
  2. package/dist/icons/ActionsIcon.d.ts.map +1 -1
  3. package/dist/icons/ActionsIcon.js +77 -61
  4. package/dist/icons/AiModelIcon.d.ts.map +1 -1
  5. package/dist/icons/AiModelIcon.js +31 -6
  6. package/dist/icons/AlertCopilotIcon.d.ts.map +1 -1
  7. package/dist/icons/AlertCopilotIcon.js +70 -53
  8. package/dist/icons/AlertIcon.d.ts.map +1 -1
  9. package/dist/icons/AlertIcon.js +36 -21
  10. package/dist/icons/ArrowDownIcon.d.ts.map +1 -1
  11. package/dist/icons/ArrowDownIcon.js +82 -22
  12. package/dist/icons/ArrowLeftIcon.d.ts.map +1 -1
  13. package/dist/icons/ArrowLeftIcon.js +82 -22
  14. package/dist/icons/ArrowRightIcon.d.ts.map +1 -1
  15. package/dist/icons/ArrowRightIcon.js +71 -22
  16. package/dist/icons/ArrowUpIcon.d.ts.map +1 -1
  17. package/dist/icons/ArrowUpIcon.js +82 -22
  18. package/dist/icons/BracketsIcon.d.ts.map +1 -1
  19. package/dist/icons/BracketsIcon.js +32 -11
  20. package/dist/icons/BranchIcon.d.ts.map +1 -1
  21. package/dist/icons/BranchIcon.js +23 -6
  22. package/dist/icons/ButterflyIcon.d.ts.map +1 -1
  23. package/dist/icons/ButterflyIcon.js +46 -30
  24. package/dist/icons/ChangelogIcon.d.ts.map +1 -1
  25. package/dist/icons/ChangelogIcon.js +26 -4
  26. package/dist/icons/CheckCircleIcon.d.ts.map +1 -1
  27. package/dist/icons/CheckCircleIcon.js +28 -11
  28. package/dist/icons/CliPullRequestIcon.d.ts.map +1 -1
  29. package/dist/icons/CliPullRequestIcon.js +69 -49
  30. package/dist/icons/CodeDiffIcon.d.ts.map +1 -1
  31. package/dist/icons/CodeDiffIcon.js +14 -4
  32. package/dist/icons/CodeQlIcon.d.ts.map +1 -1
  33. package/dist/icons/CodeQlIcon.js +26 -7
  34. package/dist/icons/CoffeeIcon.d.ts.map +1 -1
  35. package/dist/icons/CoffeeIcon.js +83 -61
  36. package/dist/icons/CommentIcon.d.ts.map +1 -1
  37. package/dist/icons/CommentIcon.js +15 -6
  38. package/dist/icons/CommunityIcon.d.ts.map +1 -1
  39. package/dist/icons/CommunityIcon.js +83 -28
  40. package/dist/icons/ConnectionBrokenIcon.d.ts.map +1 -1
  41. package/dist/icons/ConnectionBrokenIcon.js +48 -31
  42. package/dist/icons/ConnectionIcon.d.ts.map +1 -1
  43. package/dist/icons/ConnectionIcon.js +14 -8
  44. package/dist/icons/CopyIcon.d.ts.map +1 -1
  45. package/dist/icons/CopyIcon.js +7 -4
  46. package/dist/icons/CpuIcon.d.ts.map +1 -1
  47. package/dist/icons/CpuIcon.js +108 -94
  48. package/dist/icons/DataDrivenRecommendationsIcon.d.ts.map +1 -1
  49. package/dist/icons/DataDrivenRecommendationsIcon.js +104 -82
  50. package/dist/icons/DiscussionIcon.d.ts.map +1 -1
  51. package/dist/icons/DiscussionIcon.js +49 -26
  52. package/dist/icons/DocumentCopilotIcon.d.ts.map +1 -1
  53. package/dist/icons/DocumentCopilotIcon.js +78 -53
  54. package/dist/icons/DocumentDownloadIcon.d.ts.map +1 -1
  55. package/dist/icons/DocumentDownloadIcon.js +55 -35
  56. package/dist/icons/DocumentIcon.d.ts.map +1 -1
  57. package/dist/icons/DocumentIcon.js +17 -8
  58. package/dist/icons/DocumentPassIcon.d.ts.map +1 -1
  59. package/dist/icons/DocumentPassIcon.js +47 -28
  60. package/dist/icons/DocumentsIcon.d.ts.map +1 -1
  61. package/dist/icons/DocumentsIcon.js +12 -5
  62. package/dist/icons/DoorIcon.d.ts.map +1 -1
  63. package/dist/icons/DoorIcon.js +48 -31
  64. package/dist/icons/EcosystemIcon.d.ts.map +1 -1
  65. package/dist/icons/EcosystemIcon.js +101 -81
  66. package/dist/icons/EyeIcon.d.ts.map +1 -1
  67. package/dist/icons/EyeIcon.js +17 -6
  68. package/dist/icons/GitPullRequestIcon.d.ts.map +1 -1
  69. package/dist/icons/GitPullRequestIcon.js +31 -6
  70. package/dist/icons/GithubIcon.d.ts.map +1 -1
  71. package/dist/icons/GithubIcon.js +68 -13
  72. package/dist/icons/GlobeIcon.d.ts.map +1 -1
  73. package/dist/icons/GlobeIcon.js +73 -21
  74. package/dist/icons/HeartIcon.d.ts.map +1 -1
  75. package/dist/icons/HeartIcon.js +10 -15
  76. package/dist/icons/HourglassIcon.d.ts.map +1 -1
  77. package/dist/icons/HourglassIcon.js +25 -13
  78. package/dist/icons/InformationIcon.d.ts.map +1 -1
  79. package/dist/icons/InformationIcon.js +46 -30
  80. package/dist/icons/ListOrderedIcon.d.ts.map +1 -1
  81. package/dist/icons/ListOrderedIcon.js +50 -26
  82. package/dist/icons/LockIcon.d.ts.map +1 -1
  83. package/dist/icons/LockIcon.js +26 -13
  84. package/dist/icons/MentionIcon.d.ts.map +1 -1
  85. package/dist/icons/MentionIcon.js +50 -29
  86. package/dist/icons/MoonIcon.d.ts.map +1 -1
  87. package/dist/icons/MoonIcon.js +15 -6
  88. package/dist/icons/NorthStarIcon.d.ts.map +1 -1
  89. package/dist/icons/NorthStarIcon.js +13 -5
  90. package/dist/icons/PeopleIcon.d.ts.map +1 -1
  91. package/dist/icons/PeopleIcon.js +54 -24
  92. package/dist/icons/PersonIcon.d.ts.map +1 -1
  93. package/dist/icons/PersonIcon.js +37 -17
  94. package/dist/icons/PullRequestIcon.d.ts.map +1 -1
  95. package/dist/icons/PullRequestIcon.js +34 -18
  96. package/dist/icons/QuestionIcon.d.ts.map +1 -1
  97. package/dist/icons/QuestionIcon.js +35 -20
  98. package/dist/icons/ReadIcon.d.ts.map +1 -1
  99. package/dist/icons/ReadIcon.js +15 -6
  100. package/dist/icons/ReportIcon.d.ts.map +1 -1
  101. package/dist/icons/ReportIcon.js +14 -6
  102. package/dist/icons/SearchIcon.d.ts.map +1 -1
  103. package/dist/icons/SearchIcon.js +44 -28
  104. package/dist/icons/SettingsIcon.d.ts.map +1 -1
  105. package/dist/icons/SettingsIcon.js +39 -18
  106. package/dist/icons/SmileyIcon.d.ts.map +1 -1
  107. package/dist/icons/SmileyIcon.js +49 -29
  108. package/dist/icons/StackIcon.d.ts.map +1 -1
  109. package/dist/icons/StackIcon.js +47 -31
  110. package/dist/icons/SunIcon.d.ts.map +1 -1
  111. package/dist/icons/SunIcon.js +116 -89
  112. package/dist/icons/TaskListIcon.d.ts.map +1 -1
  113. package/dist/icons/TaskListIcon.js +132 -107
  114. package/dist/icons/TerminalIcon.d.ts.map +1 -1
  115. package/dist/icons/TerminalIcon.js +11 -4
  116. package/dist/icons/VideoIcon.d.ts.map +1 -1
  117. package/dist/icons/VideoIcon.js +10 -4
  118. package/dist/icons/WikiGithubIcon.d.ts.map +1 -1
  119. package/dist/icons/WikiGithubIcon.js +59 -24
  120. package/dist/icons/WikiIcon.d.ts.map +1 -1
  121. package/dist/icons/WikiIcon.js +34 -7
  122. package/dist/icons/WorkflowIcon.d.ts.map +1 -1
  123. package/dist/icons/WorkflowIcon.js +84 -67
  124. package/dist/icons/ZapIcon.d.ts.map +1 -1
  125. package/dist/icons/ZapIcon.js +41 -25
  126. package/dist/metadata.js +100 -100
  127. package/dist/svgs/actions.svg +7 -0
  128. package/dist/svgs/ai-model.svg +3 -1
  129. package/dist/svgs/alert-copilot.svg +15 -10
  130. package/dist/svgs/alert.svg +11 -4
  131. package/dist/svgs/arrow-down.svg +20 -5
  132. package/dist/svgs/arrow-left.svg +19 -4
  133. package/dist/svgs/arrow-right.svg +15 -5
  134. package/dist/svgs/arrow-up.svg +20 -5
  135. package/dist/svgs/brackets.svg +7 -6
  136. package/dist/svgs/branch.svg +2 -1
  137. package/dist/svgs/butterfly.svg +10 -3
  138. package/dist/svgs/check-circle.svg +9 -2
  139. package/dist/svgs/cli-pull-request.svg +7 -0
  140. package/dist/svgs/code-ql.svg +5 -5
  141. package/dist/svgs/coffee.svg +18 -11
  142. package/dist/svgs/comment.svg +1 -1
  143. package/dist/svgs/community.svg +16 -4
  144. package/dist/svgs/connection-broken.svg +12 -5
  145. package/dist/svgs/connection.svg +4 -4
  146. package/dist/svgs/cpu.svg +8 -1
  147. package/dist/svgs/data-driven-recommendations.svg +8 -1
  148. package/dist/svgs/discussion.svg +10 -3
  149. package/dist/svgs/document-copilot.svg +13 -7
  150. package/dist/svgs/document-download.svg +10 -3
  151. package/dist/svgs/document-pass.svg +10 -3
  152. package/dist/svgs/document.svg +1 -1
  153. package/dist/svgs/documents.svg +1 -1
  154. package/dist/svgs/door.svg +7 -0
  155. package/dist/svgs/ecosystem.svg +10 -3
  156. package/dist/svgs/eye.svg +1 -1
  157. package/dist/svgs/git-pull-request.svg +3 -1
  158. package/dist/svgs/github.svg +14 -2
  159. package/dist/svgs/globe.svg +14 -3
  160. package/dist/svgs/heart.svg +3 -4
  161. package/dist/svgs/hourglass.svg +8 -8
  162. package/dist/svgs/information.svg +8 -1
  163. package/dist/svgs/list-ordered.svg +22 -22
  164. package/dist/svgs/lock.svg +8 -8
  165. package/dist/svgs/mention.svg +13 -6
  166. package/dist/svgs/moon.svg +1 -1
  167. package/dist/svgs/north-star.svg +2 -1
  168. package/dist/svgs/people.svg +12 -3
  169. package/dist/svgs/person.svg +10 -3
  170. package/dist/svgs/pull-request.svg +14 -14
  171. package/dist/svgs/question.svg +9 -2
  172. package/dist/svgs/read.svg +1 -1
  173. package/dist/svgs/report.svg +1 -1
  174. package/dist/svgs/search.svg +8 -1
  175. package/dist/svgs/settings.svg +11 -4
  176. package/dist/svgs/smiley.svg +9 -2
  177. package/dist/svgs/stack.svg +12 -5
  178. package/dist/svgs/sun.svg +13 -6
  179. package/dist/svgs/task-list.svg +23 -18
  180. package/dist/svgs/wiki-github.svg +13 -4
  181. package/dist/svgs/wiki.svg +4 -2
  182. package/dist/svgs/workflow.svg +10 -3
  183. package/dist/svgs/zap.svg +12 -5
  184. package/dist/types.d.ts +6 -2
  185. package/dist/types.d.ts.map +1 -1
  186. 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 ArrowLeftIcon = forwardRef(function ArrowLeftIcon({ size, "aria-label": ariaLabel, ...props }, ref) {
5
- return /* @__PURE__ */ jsxs("svg", {
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 97",
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
- /* @__PURE__ */ jsx("path", {
18
- fill: "currentColor",
19
- d: "M1.66589 50.9981C-0.0680728 49.2639 -0.0680729 46.452 1.66589 44.7178L14.0819 32.3018C14.8629 31.5207 16.13 31.5207 16.911 32.3018C17.6916 33.0828 17.6917 34.349 16.911 35.1299L6.32409 45.7158L67.6385 45.7158C68.743 45.7159 69.6385 46.6113 69.6385 47.7158C69.6383 48.8202 68.7429 49.7158 67.6385 49.7158L6.04089 49.7158L16.911 60.586C17.6916 61.367 17.6917 62.6331 16.911 63.4141C16.13 64.1951 14.863 64.1951 14.0819 63.4141L1.66589 50.9981Z"
20
- }),
21
- /* @__PURE__ */ jsx("path", {
22
- fill: "currentColor",
23
- d: "M27.9813 19.3668C26.2474 17.6327 26.2474 14.8216 27.9813 13.0875L40.3974 0.670492C41.1784 -0.110557 42.4454 -0.110557 43.2265 0.670492C44.0072 1.45141 44.007 2.71758 43.2265 3.49862L32.7255 13.9996L93.9999 13.9996C95.1044 13.9996 95.9997 14.8952 95.9999 15.9996C95.9999 17.1042 95.1045 17.9996 93.9999 17.9996L32.2704 17.9996L43.2265 28.9547C44.0074 29.7357 44.0075 31.0028 43.2265 31.7838C42.4455 32.5648 41.1784 32.5647 40.3974 31.7838L27.9813 19.3668Z"
24
- }),
25
- /* @__PURE__ */ jsx("path", {
26
- fill: "currentColor",
27
- d: "M27.9815 83.1403C26.2475 81.4061 26.2475 78.5942 27.9815 76.86L40.3975 64.444C41.1786 63.6629 42.4456 63.6629 43.2266 64.444C44.0072 65.225 44.0073 66.4912 43.2266 67.2721L32.4981 77.9997L94.0001 77.9997C95.1045 77.9997 95.9999 78.8952 96.0001 79.9997C96.0001 81.1042 95.1046 81.9997 94.0001 81.9997L32.4981 81.9997L43.2266 92.7282C44.0072 93.5092 44.0073 94.7754 43.2266 95.5563C42.4456 96.3374 41.1786 96.3374 40.3975 95.5563L27.9815 83.1403Z"
28
- }),
29
- /* @__PURE__ */ jsx("path", {
30
- fill: "#96A199",
31
- 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"
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;AAEnD,QAAA,MAAM,cAAc,wHAMlB,CAAC;AAEH,OAAO,EAAE,cAAc,EAAE,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 ArrowRightIcon = forwardRef(function ArrowRightIcon({ size, "aria-label": ariaLabel, ...props }, ref) {
5
- return /* @__PURE__ */ jsxs("svg", {
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 97",
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
- /* @__PURE__ */ jsx("path", {
18
- fill: "currentColor",
19
- d: "M94.3343 45.144C96.0683 46.8782 96.0683 49.6901 94.3343 51.4243L81.9183 63.8403C81.1372 64.6214 79.8702 64.6214 79.0892 63.8403C78.3084 63.0593 78.3084 61.7932 79.0892 61.0122L89.6751 50.4262L28.3616 50.4262C27.2571 50.4262 26.3616 49.5308 26.3616 48.4262C26.3618 47.3218 27.2571 46.4262 28.3616 46.4262L89.9593 46.4262L79.0892 35.5561C78.3084 34.7751 78.3084 33.509 79.0892 32.728C79.8702 31.9469 81.1372 31.9469 81.9183 32.728L94.3343 45.144Z"
20
- }),
21
- /* @__PURE__ */ jsx("path", {
22
- fill: "currentColor",
23
- d: "M68.0187 76.7746C69.7527 78.5088 69.7527 81.3208 68.0187 83.0549L55.6027 95.4709C54.8217 96.252 53.5547 96.252 52.7736 95.4709C51.993 94.6899 51.9929 93.4237 52.7736 92.6428L63.2756 82.1418L2.00019 82.1418C0.895621 82.1418 0.000189554 81.2464 0.000189602 80.1418C0.000277281 79.0373 0.895675 78.1418 2.00019 78.1418L63.7287 78.1418L52.7736 67.1867C51.993 66.4057 51.9929 65.1396 52.7736 64.3586C53.5547 63.5776 54.8217 63.5776 55.6027 64.3586L68.0187 76.7746Z"
24
- }),
25
- /* @__PURE__ */ jsx("path", {
26
- fill: "currentColor",
27
- d: "M68.0187 13.0018C69.7527 14.736 69.7527 17.5479 68.0187 19.2821L55.6027 31.6981C54.8217 32.4791 53.5547 32.4791 52.7736 31.6981C51.9928 30.9171 51.9928 29.651 52.7736 28.87L63.5021 18.1415L2.00019 18.1414C0.895621 18.1414 0.000189564 17.246 0.000189612 16.1414C0.000431896 15.0371 0.895771 14.1414 2.00019 14.1414L63.5012 14.1415L52.7736 3.41391C51.9928 2.63293 51.9929 1.3668 52.7736 0.585786C53.5547 -0.195263 54.8217 -0.195263 55.6027 0.585786L68.0187 13.0018Z"
28
- }),
29
- /* @__PURE__ */ jsx("path", {
30
- fill: "#96A199",
31
- d: "M-3.93403e-07 48.1419C-6.10673e-07 53.1124 4.02942 57.1418 8.99999 57.1418C13.9706 57.1418 18 53.1124 18 48.1419C18 43.1713 13.9706 39.1418 8.99999 39.1418C4.02943 39.1418 -1.76133e-07 43.1713 -3.93403e-07 48.1419Z"
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;AAEnD,QAAA,MAAM,WAAW,wHAMf,CAAC;AAEH,OAAO,EAAE,WAAW,EAAE,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 ArrowUpIcon = forwardRef(function ArrowUpIcon({ size, "aria-label": ariaLabel, ...props }, ref) {
5
- return /* @__PURE__ */ jsxs("svg", {
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 97 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
- /* @__PURE__ */ jsx("path", {
18
- fill: "currentColor",
19
- d: "M45.144 1.66589C46.8781 -0.0680721 49.6901 -0.0680721 51.4243 1.66589L63.8403 14.0819C64.6213 14.863 64.6213 16.13 63.8403 16.911C63.0593 17.6916 61.7931 17.6917 61.0121 16.911L50.4262 6.32409V67.6385C50.4261 68.743 49.5307 69.6385 48.4262 69.6385C47.3219 69.6383 46.4263 68.7429 46.4262 67.6385V6.04089L35.5561 16.911C34.7751 17.6916 33.5089 17.6917 32.728 16.911C31.9469 16.13 31.9469 14.863 32.728 14.0819L45.144 1.66589Z"
20
- }),
21
- /* @__PURE__ */ jsx("path", {
22
- fill: "currentColor",
23
- d: "M76.7753 27.9813C78.5095 26.2474 81.3205 26.2474 83.0546 27.9813L95.4716 40.3974C96.2527 41.1784 96.2527 42.4454 95.4716 43.2265C94.6907 44.0072 93.4245 44.007 92.6435 43.2265L82.1425 32.7255V93.9999C82.1425 95.1044 81.2469 95.9997 80.1425 95.9999C79.038 95.9999 78.1425 95.1045 78.1425 93.9999V32.2704L67.1874 43.2265C66.4064 44.0074 65.1394 44.0075 64.3583 43.2265C63.5773 42.4455 63.5774 41.1784 64.3583 40.3974L76.7753 27.9813Z"
24
- }),
25
- /* @__PURE__ */ jsx("path", {
26
- fill: "currentColor",
27
- d: "M13.0018 27.9815C14.736 26.2475 17.5479 26.2475 19.2821 27.9815L31.6981 40.3975C32.4791 41.1786 32.4791 42.4456 31.6981 43.2266C30.9171 44.0072 29.6509 44.0073 28.87 43.2266L18.1424 32.4981V94.0001C18.1424 95.1045 17.2469 95.9999 16.1424 96.0001C15.0379 96.0001 14.1424 95.1046 14.1424 94.0001V32.4981L3.41391 43.2266C2.63291 44.0072 1.36673 44.0073 0.585787 43.2266C-0.195262 42.4456 -0.195263 41.1786 0.585787 40.3975L13.0018 27.9815Z"
28
- }),
29
- /* @__PURE__ */ jsx("path", {
30
- fill: "#96A199",
31
- d: "M48.1421 96C53.1127 96 57.1421 91.9706 57.1421 87C57.1421 82.0294 53.1127 78 48.1421 78C43.1716 78 39.1421 82.0294 39.1421 87C39.1421 91.9706 43.1716 96 48.1421 96Z"
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;AAEnD,QAAA,MAAM,YAAY,wHAMhB,CAAC;AAEH,OAAO,EAAE,YAAY,EAAE,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 BracketsIcon = forwardRef(function BracketsIcon({ size, "aria-label": ariaLabel, ...props }, ref) {
5
- return /* @__PURE__ */ jsxs("svg", {
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
- fill: "currentColor",
19
- d: "M22.9332 22.2415C23.6797 21.4276 24.9453 21.3729 25.7593 22.1194C26.5728 22.8659 26.6274 24.1307 25.8814 24.9446L5.53961 47.1272C4.84699 47.8825 4.83723 49.0392 5.51715 49.8059L25.8248 72.7063C26.5575 73.5327 26.481 74.7977 25.6548 75.5306C24.8284 76.2632 23.5644 76.1869 22.8316 75.3606L2.52398 52.4602C0.484291 50.16 0.513655 46.69 2.59137 44.4241L22.9332 22.2415ZM70.2418 22.1194C71.0558 21.373 72.3204 21.4276 73.067 22.2415L93.4087 44.4241C95.4866 46.69 95.5158 50.16 93.4761 52.4602L73.1685 75.3606C72.4356 76.1869 71.1716 76.2633 70.3453 75.5306C69.5189 74.7977 69.4435 73.5328 70.1763 72.7063L90.483 49.8059C91.1627 49.0393 91.1539 47.8825 90.4615 47.1272L70.1197 24.9446C69.3732 24.1306 69.4278 22.866 70.2418 22.1194Z"
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: "M48 56.9491C52.9425 56.9491 56.9492 52.9425 56.9492 48C56.9492 43.0575 52.9425 39.0508 48 39.0508C43.0576 39.0508 39.0509 43.0575 39.0509 48C39.0509 52.9425 43.0576 56.9491 48 56.9491Z"
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: "M48 39.0508C52.9425 39.0508 56.9492 35.0442 56.9492 30.1017C56.9492 25.1592 52.9425 21.1525 48 21.1525C43.0576 21.1525 39.0509 25.1592 39.0509 30.1017C39.0509 35.0442 43.0576 39.0508 48 39.0508Z"
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: "M48 92.7457C52.9425 92.7457 56.9492 88.7391 56.9492 83.7966C56.9492 78.8541 52.9425 74.8474 48 74.8474C43.0576 74.8474 39.0509 78.8541 39.0509 83.7966C39.0509 88.7391 43.0576 92.7457 48 92.7457Z"
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: "M48 21.1525C52.9424 21.1525 56.9491 17.1459 56.9491 12.2034C56.9491 7.26089 52.9424 3.25421 48 3.25421C43.0575 3.25421 39.0508 7.26089 39.0508 12.2034C39.0508 17.1459 43.0575 21.1525 48 21.1525Z"
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: "M48 74.8474C52.9425 74.8474 56.9492 70.8407 56.9492 65.8983C56.9492 60.9558 52.9425 56.9491 48 56.9491C43.0576 56.9491 39.0509 60.9558 39.0509 65.8983C39.0509 70.8407 43.0576 74.8474 48 74.8474Z"
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;AAEnD,QAAA,MAAM,UAAU,wHAMd,CAAC;AAEH,OAAO,EAAE,UAAU,EAAE,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"}
@@ -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 BranchIcon = forwardRef(function BranchIcon({ size, "aria-label": ariaLabel, ...props }, ref) {
5
- return /* @__PURE__ */ jsxs("svg", {
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
- fill: "currentColor",
19
- d: "M84.6105 26.4742C85.7148 26.4744 86.6103 27.3699 86.6105 28.4742V30.9147C86.6105 40.8557 78.5515 48.9145 68.6105 48.9147H29.0177C21.2859 48.9147 15.018 55.183 15.0177 62.9147V67.525C15.0177 67.8699 14.9303 68.1949 14.7765 68.4781C14.6842 68.6483 14.5675 68.8033 14.4318 68.9391C14.341 69.0299 14.2417 69.1121 14.1349 69.1842C14.0288 69.2558 13.9153 69.3173 13.796 69.3678C13.5568 69.4691 13.2938 69.5249 13.0177 69.525H13.0167C12.8096 69.525 12.6099 69.4937 12.422 69.4352C12.2343 69.3767 12.058 69.292 11.8986 69.1842C11.792 69.1122 11.6932 69.0297 11.6027 68.9391C11.3766 68.7128 11.2039 68.4329 11.1066 68.1198C11.0482 67.932 11.0167 67.732 11.0167 67.525V28.4742C11.0169 27.3699 11.9124 26.4744 13.0167 26.4742C14.1212 26.4742 15.0165 27.3698 15.0167 28.4742V51.6031C18.3166 47.524 23.3623 44.9147 29.0177 44.9147H68.6105C76.3423 44.9145 82.6105 38.6466 82.6105 30.9147V28.4742C82.6107 27.3698 83.506 26.4742 84.6105 26.4742Z"
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;AAEnD,QAAA,MAAM,aAAa,wHAMjB,CAAC;AAEH,OAAO,EAAE,aAAa,EAAE,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 ButterflyIcon = forwardRef(function ButterflyIcon({ size, "aria-label": ariaLabel, ...props }, ref) {
5
- return /* @__PURE__ */ jsxs("svg", {
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 97 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
- /* @__PURE__ */ jsx("path", {
18
- stroke: "currentColor",
19
- strokeLinecap: "round",
20
- strokeLinejoin: "round",
21
- strokeMiterlimit: 10,
22
- strokeWidth: 4,
23
- d: "M35.5001 16C26.2486 7.14564 14.0796 2.38564 4.139 2L4.00002 2C2.89545 2 1.99661 2.8964 2.03272 4.00038C2.76049 26.2494 15.5434 45.1062 31 49C14.3379 52.9806 2.704 70.8394 2.03085 92.0527C1.997 93.1194 2.87959 93.9775 3.94641 93.9502C13.8505 93.9502 26.1401 89.4956 35.5001 81"
24
- }),
25
- /* @__PURE__ */ jsx("path", {
26
- stroke: "currentColor",
27
- strokeLinecap: "round",
28
- strokeLinejoin: "round",
29
- strokeMiterlimit: 10,
30
- strokeWidth: 4,
31
- 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"
32
- }),
33
- /* @__PURE__ */ jsx("path", {
34
- fill: "#96A199",
35
- 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.09 53.8829 37 48 37C42.1171 37 37.5265 42.09 38.1319 47.9416Z"
36
- }),
37
- /* @__PURE__ */ jsx("path", {
38
- fill: "#96A199",
39
- 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"
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;AAEnD,QAAA,MAAM,aAAa,wHAMjB,CAAC;AAEH,OAAO,EAAE,aAAa,EAAE,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"}