@loomhq/lens 10.87.0 → 10.88.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/icon/available-icons/index.d.ts +1 -0
- package/dist/components/icon/available-icons/index.js +1 -0
- package/dist/components/icon/available-icons/task.d.ts +2 -0
- package/dist/components/icon/available-icons/task.js +7 -0
- package/dist/components/logo/logo.js +4 -2
- package/package.json +1 -1
|
@@ -167,6 +167,7 @@ export { default as SvgStar } from "./star.js";
|
|
|
167
167
|
export { default as SvgStarOutline } from "./star-outline.js";
|
|
168
168
|
export { default as SvgStop } from "./stop.js";
|
|
169
169
|
export { default as SvgTagFaces } from "./tag-faces.js";
|
|
170
|
+
export { default as SvgTask } from "./task.js";
|
|
170
171
|
export { default as SvgTimer } from "./timer.js";
|
|
171
172
|
export { default as SvgTouchApp } from "./touch-app.js";
|
|
172
173
|
export { default as SvgTrash } from "./trash.js";
|
|
@@ -167,6 +167,7 @@ export { default as SvgStar } from './star.js';
|
|
|
167
167
|
export { default as SvgStarOutline } from './star-outline.js';
|
|
168
168
|
export { default as SvgStop } from './stop.js';
|
|
169
169
|
export { default as SvgTagFaces } from './tag-faces.js';
|
|
170
|
+
export { default as SvgTask } from './task.js';
|
|
170
171
|
export { default as SvgTimer } from './timer.js';
|
|
171
172
|
export { default as SvgTouchApp } from './touch-app.js';
|
|
172
173
|
export { default as SvgTrash } from './trash.js';
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
const SvgTask = () => (React.createElement("svg", { viewBox: "0 0 21 23", fill: "none" },
|
|
3
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.5 20C15.7467 20 20 15.7467 20 10.5C20 5.25329 15.7467 1 10.5 1C5.25329 1 1 5.25329 1 10.5V20.6209C1 21.7814 2.44382 22.3155 3.19907 21.4344L5.59598 18.638C7.02754 19.5025 8.70568 20 10.5 20Z", fill: "var(--lns-color-grey8)" }),
|
|
4
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M21 10.5C21 16.299 16.299 21 10.5 21C8.82262 21 7.23509 20.606 5.82696 19.9051L3.95833 22.0852C2.59888 23.6712 0 22.7098 0 20.6209V10.5C0 4.70101 4.70101 0 10.5 0C16.299 0 21 4.70101 21 10.5ZM5.59598 18.638L3.19907 21.4344C2.44382 22.3155 1 21.7814 1 20.6209V10.5C1 5.25329 5.25329 1 10.5 1C15.7467 1 20 5.25329 20 10.5C20 15.7467 15.7467 20 10.5 20C8.70568 20 7.02754 19.5025 5.59598 18.638Z", fill: "white", fillOpacity: "0.65" }),
|
|
5
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M15.6186 7.09759C15.8471 7.32614 15.8471 7.69669 15.6186 7.92524L9.18096 14.3629C8.95241 14.5914 8.58186 14.5914 8.35331 14.3629L5.42712 11.4367C5.19857 11.2081 5.19857 10.8376 5.42712 10.609C5.65567 10.3805 6.02622 10.3805 6.25477 10.609L8.76714 13.1214L14.7909 7.09759C15.0195 6.86904 15.39 6.86904 15.6186 7.09759Z", fill: "var(--lns-color-grey8)" }),
|
|
6
|
+
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.76846 14.5343C8.76758 14.5343 8.7667 14.5343 8.76581 14.5343C8.61648 14.5339 8.46725 14.4768 8.35331 14.3629L5.42712 11.4367C5.19857 11.2081 5.19857 10.8376 5.42712 10.609C5.65567 10.3805 6.02622 10.3805 6.25477 10.609L8.76714 13.1214L14.7909 7.09759C15.0195 6.86904 15.39 6.86904 15.6186 7.09759C15.8471 7.32614 15.8471 7.69669 15.6186 7.92524L9.18096 14.3629M9.18096 14.3629C9.06703 14.4768 8.9178 14.5339 8.76846 14.5343Z", fill: "white" })));
|
|
7
|
+
export default SvgTask;
|
|
@@ -27,13 +27,14 @@ const LoomAiGradientDef = (React.createElement("defs", null,
|
|
|
27
27
|
React.createElement("stop", { offset: "25%", stopColor: "#6663F6" }),
|
|
28
28
|
React.createElement("stop", { offset: "38%", stopColor: "#6E68F450" }),
|
|
29
29
|
React.createElement("stop", { offset: "45%", stopColor: "#6E68F400" }))));
|
|
30
|
+
const symbolLogoPath = 'M30 15.4433C30 16.6091 29.0933 16.8581 27.9562 16.9301C22.5158 17.2323 16.7962 22.686 16.4795 28.112C16.422 29.2634 16.173 30.1702 15.0072 30.1702C13.8414 30.1702 13.578 29.2634 13.5205 28.0976C13.2038 22.686 7.48416 17.2323 2.05814 16.9301C0.906735 16.8581 0 16.6091 0 15.4433C0 14.2775 0.906735 14.043 2.05814 13.971C7.48416 13.6687 13.2038 7.65433 13.5205 2.22831C13.578 1.0769 13.827 0.170166 15.0072 0.170166C16.1874 0.170166 16.422 1.0769 16.4795 2.22831C16.7962 7.65433 22.5158 13.6687 27.9419 13.971C29.0933 14.043 30 14.2919 30 15.4433Z';
|
|
30
31
|
const SymbolLogoSvg = (_a) => {
|
|
31
32
|
var { brand, symbolColor } = _a, props = __rest(_a, ["brand", "symbolColor"]);
|
|
32
33
|
switch (brand) {
|
|
33
34
|
case 'ai':
|
|
34
35
|
return (React.createElement("svg", Object.assign({ viewBox: "0 0 30 31", fill: "none" }, props), !symbolColor ? (React.createElement(React.Fragment, null,
|
|
35
36
|
LoomAiGradientDef,
|
|
36
|
-
[...Array(3)].map((_, i) => (React.createElement("path", { key: i, d:
|
|
37
|
+
[...Array(3)].map((_, i) => (React.createElement("path", { key: i, d: symbolLogoPath, fill: `url(#gradient${i + 1})` }))))) : (React.createElement("path", { d: symbolLogoPath, fill: getColorValue(symbolColor) }))));
|
|
37
38
|
default:
|
|
38
39
|
return (React.createElement("svg", Object.assign({ viewBox: "0 0 31 30", fill: "none" }, props),
|
|
39
40
|
React.createElement("path", { d: "M30.01 13.43h-9.142l7.917-4.57-1.57-2.72-7.918 4.57 4.57-7.915-2.72-1.57-4.571 7.913V0h-3.142v9.139L8.863 1.225l-2.721 1.57 4.57 7.913L2.796 6.14 1.225 8.86l7.917 4.57H0v3.141h9.141l-7.916 4.57 1.57 2.72 7.918-4.57-4.571 7.915 2.72 1.57 4.572-7.914V30h3.142v-9.334l4.655 8.06 2.551-1.472-4.656-8.062 8.087 4.668 1.571-2.72-7.916-4.57h9.141v-3.14h.001zm-15.005 5.84a4.271 4.271 0 11-.001-8.542 4.271 4.271 0 01.001 8.542z", fill: symbolColor
|
|
@@ -57,6 +58,7 @@ const WordmarkLogoSvg = (_a) => {
|
|
|
57
58
|
React.createElement("path", { d: "M.109 21.973V.027h4.028v21.946H.109zM38.742 7.059h3.846v1.82c.818-1.456 2.727-2.244 4.362-2.244 2.03 0 3.665.88 4.422 2.485 1.18-1.82 2.756-2.485 4.725-2.485 2.756 0 5.39 1.667 5.39 5.668v9.67h-3.906v-8.851c0-1.607-.788-2.82-2.636-2.82-1.727 0-2.757 1.335-2.757 2.942v8.73h-3.997v-8.852c0-1.607-.817-2.82-2.635-2.82-1.757 0-2.787 1.305-2.787 2.942v8.73h-4.027V7.059zM13.24 22.405c-4.537 0-7.824-3.367-7.824-7.889 0-4.45 3.276-7.896 7.824-7.896 4.57 0 7.824 3.478 7.824 7.896 0 4.49-3.288 7.889-7.824 7.889zm0-12.135a4.25 4.25 0 00-4.244 4.247 4.25 4.25 0 004.244 4.247 4.25 4.25 0 004.243-4.247 4.25 4.25 0 00-4.243-4.247zM29.667 22.405c-4.538 0-7.824-3.367-7.824-7.889 0-4.45 3.276-7.896 7.824-7.896 4.57 0 7.824 3.478 7.824 7.896 0 4.49-3.29 7.889-7.824 7.889zm0-12.186a4.3 4.3 0 00-4.293 4.296 4.3 4.3 0 004.293 4.296 4.3 4.3 0 004.293-4.296 4.3 4.3 0 00-4.293-4.296z" })));
|
|
58
59
|
}
|
|
59
60
|
};
|
|
61
|
+
const combinedLogoPath = 'M100 7.76427C100 8.35691 99.539 8.48348 98.961 8.52007C96.1953 8.67371 93.2877 11.4461 93.1267 14.2045C93.0975 14.7898 92.9709 15.2508 92.3783 15.2508C91.7856 15.2508 91.6517 14.7898 91.6225 14.1972C91.4615 11.4461 88.5539 8.67371 85.7955 8.52007C85.2102 8.48348 84.7492 8.35691 84.7492 7.76427C84.7492 7.17162 85.2102 7.05237 85.7955 7.01578C88.5539 6.86213 91.4615 3.80464 91.6225 1.04628C91.6517 0.460948 91.7783 0 92.3783 0C92.9782 0 93.0975 0.460948 93.1267 1.04628C93.2877 3.80464 96.1953 6.86213 98.9537 7.01578C99.539 7.05237 100 7.17894 100 7.76427Z';
|
|
60
62
|
const CombinedLogoSvg = (_a) => {
|
|
61
63
|
var { brand, wordmarkColor, symbolColor } = _a, props = __rest(_a, ["brand", "wordmarkColor", "symbolColor"]);
|
|
62
64
|
switch (brand) {
|
|
@@ -64,7 +66,7 @@ const CombinedLogoSvg = (_a) => {
|
|
|
64
66
|
return (React.createElement("svg", Object.assign({ viewBox: "0 0 100 30", fill: "none" }, props),
|
|
65
67
|
!symbolColor ? (React.createElement(React.Fragment, null,
|
|
66
68
|
LoomAiGradientDef,
|
|
67
|
-
[...Array(3)].map((_, i) => (React.createElement("path", { key: i, d:
|
|
69
|
+
[...Array(3)].map((_, i) => (React.createElement("path", { key: i, d: combinedLogoPath, fill: `url(#gradient${i + 1})` }))))) : (React.createElement("path", { d: combinedLogoPath, fill: getColorValue(symbolColor) })),
|
|
68
70
|
React.createElement("g", { fill: wordmarkColor },
|
|
69
71
|
React.createElement("path", { d: "M4.1997 29.5909H0.570312V9.83386H4.1997V29.5909Z" }),
|
|
70
72
|
React.createElement("path", { d: "M12.3563 26.6983C14.1301 26.6983 15.7674 25.4157 15.7674 22.8778C15.7674 20.34 14.1301 19.0574 12.3563 19.0574C10.5826 19.0574 8.94526 20.34 8.94526 22.8778C8.94526 25.3884 10.5826 26.6983 12.3563 26.6983ZM12.3563 15.7555C16.3678 15.7555 19.3968 18.73 19.3968 22.8778C19.3968 26.9984 16.3678 30.0002 12.3563 30.0002C8.34491 30.0002 5.31587 26.9984 5.31587 22.8778C5.31587 18.73 8.34491 15.7555 12.3563 15.7555Z" }),
|