@uplus-ui/icons 0.1.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/index.d.ts +28 -0
- package/dist/index.js +139 -0
- package/dist/index.js.map +1 -0
- package/package.json +27 -0
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { SVGProps } from 'react';
|
|
3
|
+
|
|
4
|
+
declare const iconGlyphs: readonly ["settings", "download", "upload", "add", "reduce", "close", "file", "refresh", "sort", "caret-up", "caret-down", "control"];
|
|
5
|
+
type IconGlyph = (typeof iconGlyphs)[number];
|
|
6
|
+
type IconSize = 16 | 24 | 32 | 48;
|
|
7
|
+
interface IconProps extends Omit<SVGProps<SVGSVGElement>, "children" | "width" | "height"> {
|
|
8
|
+
glyph?: IconGlyph;
|
|
9
|
+
size?: IconSize;
|
|
10
|
+
title?: string;
|
|
11
|
+
}
|
|
12
|
+
declare function Icon({ glyph, size, title, ...props }: IconProps): react_jsx_runtime.JSX.Element;
|
|
13
|
+
|
|
14
|
+
interface LogoProps extends Omit<SVGProps<SVGSVGElement>, "children" | "viewBox" | "width" | "height"> {
|
|
15
|
+
size?: number;
|
|
16
|
+
title?: string;
|
|
17
|
+
}
|
|
18
|
+
declare function Logo({ size, title, style, ...props }: LogoProps): react_jsx_runtime.JSX.Element;
|
|
19
|
+
|
|
20
|
+
interface IconBaseProps extends SVGProps<SVGSVGElement> {
|
|
21
|
+
size?: number;
|
|
22
|
+
}
|
|
23
|
+
declare function IconBase({ children, size, stroke, ...props }: IconBaseProps): react_jsx_runtime.JSX.Element;
|
|
24
|
+
|
|
25
|
+
type ChevronDownIconProps = Omit<IconProps, "glyph">;
|
|
26
|
+
declare function ChevronDownIcon(props: ChevronDownIconProps): react_jsx_runtime.JSX.Element;
|
|
27
|
+
|
|
28
|
+
export { ChevronDownIcon, type ChevronDownIconProps, Icon, IconBase, type IconBaseProps, type IconGlyph, type IconProps, type IconSize, Logo, type LogoProps, iconGlyphs };
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,139 @@
|
|
|
1
|
+
// src/components/icon.tsx
|
|
2
|
+
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
3
|
+
var iconGlyphs = [
|
|
4
|
+
"settings",
|
|
5
|
+
"download",
|
|
6
|
+
"upload",
|
|
7
|
+
"add",
|
|
8
|
+
"reduce",
|
|
9
|
+
"close",
|
|
10
|
+
"file",
|
|
11
|
+
"refresh",
|
|
12
|
+
"sort",
|
|
13
|
+
"caret-up",
|
|
14
|
+
"caret-down",
|
|
15
|
+
"control"
|
|
16
|
+
];
|
|
17
|
+
var glyphNodes = {
|
|
18
|
+
settings: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("path", { d: "M26.2036 4.76123C27.2123 4.86349 27.9995 5.71484 27.9995 6.75049V8.84229L28.0063 9.00635C28.0739 9.82089 28.6385 10.5144 29.4038 10.8345C29.4229 10.8425 29.4423 10.8508 29.4614 10.8589C30.2852 11.2076 31.2555 11.0861 31.8882 10.4536L33.3687 8.97412C34.1497 8.19324 35.4158 8.19314 36.1968 8.97412L39.0249 11.8022C39.8061 12.5834 39.8063 13.8504 39.0249 14.6313L37.4312 16.2241C36.8188 16.8363 36.6866 17.7646 37.0073 18.5688C37.3158 19.3424 38.0101 19.923 38.8276 19.9927L38.9937 19.9995H41.2495C42.3541 19.9995 43.2495 20.8949 43.2495 21.9995V25.9995L43.2388 26.2036C43.1433 27.1452 42.3952 27.8933 41.4536 27.9888L41.2495 27.9995H38.7222C37.9004 27.9996 37.1828 28.5429 36.8569 29.2974L36.7993 29.4438C36.5387 30.1846 36.6774 31.02 37.2368 31.5796L39.0259 33.3687C39.8067 34.1497 39.8067 35.4158 39.0259 36.1968L36.1968 39.0259L36.0454 39.1626C35.3121 39.7611 34.2534 39.7611 33.52 39.1626L33.3687 39.0259L31.4458 37.103C30.8816 36.5391 30.0254 36.4161 29.2866 36.7173C28.5399 37.0217 27.9995 37.7233 27.9995 38.5298V41.2495L27.9888 41.4536C27.8865 42.4623 27.0352 43.2495 25.9995 43.2495H21.9995C20.8949 43.2495 19.9995 42.3541 19.9995 41.2495V38.5298C19.9994 37.7736 19.524 37.1105 18.8491 36.7798L18.7114 36.7183C17.9722 36.4172 17.1156 36.5395 16.5513 37.104L14.6304 39.0259L14.479 39.1626C13.7457 39.761 12.687 39.7609 11.9536 39.1626L11.8022 39.0259L8.97412 36.1978C8.24192 35.4655 8.19577 34.3066 8.83643 33.521L8.97412 33.3696L10.7622 31.5806C11.3216 31.0209 11.4603 30.1856 11.1997 29.4448L11.1421 29.2983C10.8365 28.5909 10.1866 28.0686 9.4292 28.0063L9.27686 28.0005H6.75049C5.64592 28.0005 4.75049 27.1051 4.75049 26.0005V22.0005C4.75049 20.8959 5.64592 20.0005 6.75049 20.0005H9.00439C9.83771 20.0005 10.5654 19.4681 10.9243 18.7212L10.9907 18.5688C11.3112 17.7648 11.1789 16.8372 10.5669 16.2251L8.97412 14.6313C8.24219 13.8992 8.19616 12.741 8.83643 11.9556L8.97412 11.8032L11.8022 8.97412C12.5832 8.19332 13.8493 8.19339 14.6304 8.97412L16.1099 10.4536C16.7031 11.0467 17.5934 11.1903 18.3813 10.9185L18.5376 10.8589L18.5952 10.8345C19.3606 10.5146 19.9252 9.82089 19.9927 9.00635L19.9995 8.84229V6.75049C19.9995 5.64592 20.8949 4.75049 21.9995 4.75049H25.9995L26.2036 4.76123ZM21.9995 8.84229C21.9994 10.6519 20.8116 12.0752 19.3667 12.6792C19.3501 12.6861 19.3335 12.6937 19.3169 12.7007C17.8609 13.317 15.9901 13.1618 14.6958 11.8677L13.2163 10.3882L10.3882 13.2173L11.9819 14.811C13.2351 16.0646 13.4229 17.869 12.8481 19.3101C12.2661 20.7693 10.8399 22.0005 9.00439 22.0005H6.75049V26.0005H9.27686C11.0132 26.0006 12.3847 27.1316 12.978 28.5054C13.5929 29.9292 13.4285 31.742 12.1763 32.9946L10.3882 34.7837L13.2163 37.6118L15.1372 35.6899L15.3687 35.4761C16.5572 34.4649 18.1661 34.336 19.4663 34.8657C20.8534 35.4308 21.9994 36.7947 21.9995 38.5298V41.2495H25.9995V38.5298C25.9995 36.7948 27.1452 35.431 28.5317 34.8657C29.8316 34.3358 31.4401 34.4646 32.6284 35.4751L32.8608 35.689L34.7827 37.6118L37.6118 34.7827L35.8228 32.9937C34.5705 31.7411 34.4061 29.9283 35.021 28.5044C35.6143 27.1308 36.9858 25.9996 38.7222 25.9995H41.2495V21.9995H38.9937C37.1584 21.9995 35.7318 20.7683 35.1499 19.3091C34.5753 17.8678 34.764 16.0635 36.0181 14.8101L37.6108 13.2173L34.7827 10.3882L33.3022 11.8677C32.008 13.1616 30.1372 13.3173 28.6812 12.7007C28.6648 12.6938 28.6487 12.686 28.6323 12.6792C27.1879 12.0751 25.9996 10.6519 25.9995 8.84229V6.75049H21.9995V8.84229ZM23.9995 16.7544C27.8655 16.7544 30.9995 19.8884 30.9995 23.7544C30.9995 27.6204 27.8655 30.7544 23.9995 30.7544C20.1335 30.7544 16.9995 27.6204 16.9995 23.7544C16.9995 19.8884 20.1335 16.7544 23.9995 16.7544ZM23.9995 18.7544C21.2381 18.7544 18.9995 20.993 18.9995 23.7544C18.9995 26.5158 21.2381 28.7544 23.9995 28.7544C26.7609 28.7544 28.9995 26.5158 28.9995 23.7544C28.9995 20.993 26.7609 18.7544 23.9995 18.7544Z", fill: "currentColor" }) }),
|
|
19
|
+
download: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("path", { d: "M39 28C39.5523 28 40 28.4477 40 29V33C40 36.866 36.866 40 33 40H15C11.134 40 8 36.866 8 33V29C8 28.4477 8.44772 28 9 28C9.55228 28 10 28.4477 10 29V33C10 35.7614 12.2386 38 15 38H33C35.7614 38 38 35.7614 38 33V29C38 28.4477 38.4477 28 39 28ZM24 8C24.5523 8 25 8.44772 25 9V27.124L30.3418 22.4512C30.9884 21.8857 32 22.345 32 23.2041V23.5459C32 23.8343 31.8752 24.1089 31.6582 24.2988L24.6582 30.4238C24.2812 30.7535 23.7188 30.7535 23.3418 30.4238L16.3418 24.2988C16.1248 24.1089 16 23.8343 16 23.5459V23.2041C16 22.345 17.0116 21.8857 17.6582 22.4512L23 27.124V9C23 8.44772 23.4477 8 24 8Z", fill: "currentColor" }) }),
|
|
20
|
+
upload: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("path", { d: "M39 28C39.5522 28 39.9999 28.4478 40 29V33C40 36.866 36.866 40 33 40H15C11.134 40 8 36.866 8 33V29C8.00011 28.4478 8.44778 28 9 28C9.55222 28 9.99989 28.4478 10 29V33C10 35.7614 12.2386 38 15 38H33C35.7614 38 38 35.7614 38 33V29C38.0001 28.4478 38.4478 28 39 28ZM23.3418 8.5761C23.7187 8.24652 24.2813 8.24652 24.6582 8.5761L31.6582 14.7011C31.8752 14.891 32 15.1657 32 15.454V15.7968C31.9996 16.6557 30.9883 17.1143 30.3418 16.5488L25 11.8749V30C25 30.5523 24.5523 31 24 31C23.4477 31 23 30.5523 23 30V11.8749L17.6582 16.5488C17.0117 17.1143 16.0004 16.6557 16 15.7968V15.454C16 15.1657 16.1248 14.891 16.3418 14.7011L23.3418 8.5761Z", fill: "currentColor" }) }),
|
|
21
|
+
add: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("path", { d: "M24 9C24.5523 9 25 9.44772 25 10V23H38C38.5523 23 39 23.4477 39 24C39 24.5523 38.5523 25 38 25H25V39C25 39.5523 24.5523 40 24 40C23.4477 40 23 39.5523 23 39V25H10C9.44772 25 9 24.5523 9 24C9 23.4477 9.44772 23 10 23H23V10C23 9.44772 23.4477 9 24 9Z", fill: "currentColor" }) }),
|
|
22
|
+
reduce: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("path", { d: "M12 24C12 24.5523 12.4477 25 13 25H35C35.5523 25 36 24.5523 36 24C36 23.4477 35.5523 23 35 23H13C12.4477 23 12 23.4477 12 24Z", fill: "currentColor" }) }),
|
|
23
|
+
close: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("path", { d: "M14.1005 33.8992C14.4911 34.2897 15.1242 34.2897 15.5148 33.8992L24 25.4139L32.4853 33.8992C32.8758 34.2897 33.509 34.2897 33.8995 33.8992C34.2901 33.5087 34.2901 32.8755 33.8995 32.485L25.4143 23.9997L33.8995 15.5144C34.2901 15.1239 34.2901 14.4907 33.8995 14.1002C33.509 13.7097 32.8758 13.7097 32.4853 14.1002L24 22.5855L15.5148 14.1002C15.1242 13.7097 14.4911 13.7097 14.1005 14.1002C13.71 14.4907 13.71 15.1239 14.1005 15.5144L22.5858 23.9997L14.1005 32.485C13.71 32.8755 13.71 33.5087 14.1005 33.8992Z", fill: "currentColor" }) }),
|
|
24
|
+
file: /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
25
|
+
/* @__PURE__ */ jsx("path", { d: "M36.2041 8.01074C37.2128 8.11301 38 8.96435 38 10V29.248C38 29.3514 37.9903 29.4537 37.9746 29.5547C37.9881 29.61 37.998 29.6671 37.998 29.7266L37.9863 29.8574C37.9629 29.9856 37.9051 30.1058 37.8184 30.2051L37.5283 30.5342C37.52 30.5441 37.5135 30.5556 37.5049 30.5654L29.8477 39.3174L29.8223 39.3428L29.5049 39.7061C29.3416 39.8927 29.1054 40 28.8574 40C28.7878 40 28.721 39.9883 28.6562 39.9727C28.6234 39.9779 28.5908 39.9847 28.5576 39.9883L28.3428 40H12L11.7959 39.9893C10.7872 39.887 10 39.0357 10 38V10C10 8.89543 10.8954 8 12 8H36L36.2041 8.01074ZM12 38H27.998V31C27.998 29.9643 28.7853 29.113 29.7939 29.0107L29.998 29H36V10H12V38ZM29.998 36.1055L34.4658 31H29.998V36.1055Z", fill: "currentColor" }),
|
|
26
|
+
/* @__PURE__ */ jsx("rect", { x: "16", y: "16", width: "16", height: "2", fill: "currentColor" }),
|
|
27
|
+
/* @__PURE__ */ jsx("rect", { x: "16", y: "21", width: "16", height: "2", fill: "currentColor" }),
|
|
28
|
+
/* @__PURE__ */ jsx("rect", { x: "16", y: "26", width: "12", height: "2", fill: "currentColor" })
|
|
29
|
+
] }),
|
|
30
|
+
refresh: /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
31
|
+
/* @__PURE__ */ jsx("path", { d: "M20.8816 9.32781C24.375 8.58534 28.019 9.11338 31.1577 10.8175C34.2963 12.5217 36.7241 15.2908 38.004 18.625C38.2015 19.1405 37.9439 19.7187 37.4284 19.9166C36.9128 20.1145 36.3348 19.8566 36.1369 19.341C35.0277 16.4514 32.9233 14.0527 30.2033 12.5757C27.4831 11.0988 24.3243 10.6406 21.2966 11.2841C18.2691 11.9277 15.5702 13.6308 13.686 16.0864C11.8018 18.542 10.8561 21.5899 11.0181 24.6809C11.1802 27.7716 12.4393 30.7031 14.5697 32.9482C16.7003 35.1934 19.5624 36.605 22.6407 36.9286C25.719 37.2522 28.8128 36.4666 31.3638 34.7134C33.9144 32.9602 35.7559 30.3544 36.557 27.3647C36.6999 26.8313 37.2482 26.5147 37.7817 26.6576C38.3152 26.8006 38.6318 27.3489 38.4888 27.8824C37.5644 31.3322 35.4395 34.3395 32.4961 36.3625C29.5527 38.3853 25.984 39.2913 22.4321 38.9181C18.8801 38.5447 15.5773 36.9164 13.1188 34.3257C10.6605 31.7351 9.20761 28.3521 9.02057 24.7856C8.83365 21.219 9.92524 17.7021 12.0994 14.8686C14.2736 12.0351 17.3881 10.0704 20.8816 9.32781Z", fill: "currentColor" }),
|
|
32
|
+
/* @__PURE__ */ jsx("path", { d: "M27.1035 17.8409C26.6662 17.1122 27.2797 16.2047 28.1188 16.3389L35.2913 17.4858C35.7878 17.5652 36.266 17.2636 36.4083 16.7813L38.3543 10.1849C38.6007 9.34965 39.7229 9.20662 40.1709 9.95336L40.2766 10.1295C40.4185 10.3659 40.4564 10.6504 40.3815 10.9157L38.0146 19.297C37.8766 19.7855 37.3945 20.0932 36.8933 20.0125L27.9581 18.5739C27.667 18.527 27.4113 18.354 27.2596 18.1011L27.1035 17.8409Z", fill: "currentColor" })
|
|
33
|
+
] }),
|
|
34
|
+
sort: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("path", { d: "M19 10C19.5523 10.0001 20 10.4478 20 11V36.586C19.9998 38.3676 17.8458 39.2597 16.5859 38.0001L12.293 33.7071C11.9024 33.3166 11.9025 32.6836 12.293 32.2931C12.6835 31.9025 13.3165 31.9025 13.707 32.2931L18 36.586V11C18 10.4477 18.4477 10 19 10ZM27 11.4141C27.0001 9.6324 29.1542 8.74023 30.4141 10L34.7071 14.293C35.0975 14.6835 35.0976 15.3166 34.7071 15.7071C34.3166 16.0975 33.6835 16.0975 33.293 15.7071L29 11.4141V37.0001C29 37.5523 28.5522 38.0001 28 38.0001C27.4478 38.0001 27.0001 37.5523 27 37.0001V11.4141Z", fill: "currentColor" }) }),
|
|
35
|
+
"caret-up": /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("path", { d: "M11 29.3927C11 29.1403 11.0955 28.8972 11.2672 28.7122L23.2672 15.7892C23.6628 15.3631 24.3372 15.3631 24.7328 15.7892L36.7328 28.7122C36.9045 28.8972 37 29.1403 37 29.3927V29.4535C37 30.3623 35.8856 30.7999 35.2672 30.1339L24.7328 18.7892C24.3372 18.3631 23.6628 18.3631 23.2672 18.7892L12.7328 30.1339C12.1144 30.7999 11 30.3623 11 29.4535V29.3927Z", fill: "currentColor" }) }),
|
|
36
|
+
"caret-down": /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("path", { d: "M11 17.6073C11 17.8597 11.0955 18.1028 11.2672 18.2878L23.2672 31.2108C23.6628 31.6369 24.3372 31.6369 24.7328 31.2108L36.7328 18.2878C36.9045 18.1028 37 17.8597 37 17.6073V17.5465C37 16.6377 35.8856 16.2001 35.2672 16.8661L24.7328 28.2108C24.3372 28.6369 23.6628 28.6369 23.2672 28.2108L12.7328 16.8661C12.1144 16.2001 11 16.6377 11 17.5465V17.6073Z", fill: "currentColor" }) }),
|
|
37
|
+
control: /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
38
|
+
/* @__PURE__ */ jsx("path", { d: "M17 24C17 22.8954 16.1046 22 15 22C13.8954 22 13 22.8954 13 24C13 25.1046 13.8954 26 15 26V28C12.7909 28 11 26.2091 11 24C11 21.7909 12.7909 20 15 20C17.2091 20 19 21.7909 19 24C19 26.2091 17.2091 28 15 28V26C16.1046 26 17 25.1046 17 24Z", fill: "currentColor" }),
|
|
39
|
+
/* @__PURE__ */ jsx("path", { d: "M16 39C16 39.5523 15.5523 40 15 40C14.4477 40 14 39.5523 14 39V25.7295C14.2945 25.9001 14.6352 26 15 26C15.3648 26 15.7055 25.9001 16 25.7295V39ZM15 8C15.5523 8 16 8.44772 16 9V22.2695C15.7056 22.0991 15.3646 22 15 22C14.6354 22 14.2944 22.0991 14 22.2695V9C14 8.44772 14.4477 8 15 8Z", fill: "currentColor" }),
|
|
40
|
+
/* @__PURE__ */ jsx("path", { d: "M26 32C26 30.8954 25.1046 30 24 30C22.8954 30 22 30.8954 22 32C22 33.1046 22.8954 34 24 34V36C21.7909 36 20 34.2091 20 32C20 29.7909 21.7909 28 24 28C26.2091 28 28 29.7909 28 32C28 34.2091 26.2091 36 24 36V34C25.1046 34 26 33.1046 26 32Z", fill: "currentColor" }),
|
|
41
|
+
/* @__PURE__ */ jsx("path", { d: "M25 39C25 39.5523 24.5523 40 24 40C23.4477 40 23 39.5523 23 39V33.7295C23.2945 33.9001 23.6352 34 24 34C24.3648 34 24.7055 33.9001 25 33.7295V39ZM24 8C24.5523 8 25 8.44772 25 9V30.2695C24.7056 30.0991 24.3646 30 24 30C23.6354 30 23.2944 30.0991 23 30.2695V9C23 8.44772 23.4477 8 24 8Z", fill: "currentColor" }),
|
|
42
|
+
/* @__PURE__ */ jsx("path", { d: "M35 16C35 14.8954 34.1046 14 33 14C31.8954 14 31 14.8954 31 16C31 17.1046 31.8954 18 33 18V20C30.7909 20 29 18.2091 29 16C29 13.7909 30.7909 12 33 12C35.2091 12 37 13.7909 37 16C37 18.2091 35.2091 20 33 20V18C34.1046 18 35 17.1046 35 16Z", fill: "currentColor" }),
|
|
43
|
+
/* @__PURE__ */ jsx("path", { d: "M34 39C34 39.5523 33.5523 40 33 40C32.4477 40 32 39.5523 32 39V17.7295C32.2945 17.9001 32.6352 18 33 18C33.3648 18 33.7055 17.9001 34 17.7295V39ZM33 8C33.5523 8 34 8.44772 34 9V14.2695C33.7056 14.0991 33.3646 14 33 14C32.6354 14 32.2944 14.0991 32 14.2695V9C32 8.44772 32.4477 8 33 8Z", fill: "currentColor" })
|
|
44
|
+
] })
|
|
45
|
+
};
|
|
46
|
+
function Icon({ glyph = "settings", size = 48, title, ...props }) {
|
|
47
|
+
const labelled = Boolean(title);
|
|
48
|
+
return /* @__PURE__ */ jsxs(
|
|
49
|
+
"svg",
|
|
50
|
+
{
|
|
51
|
+
width: size,
|
|
52
|
+
height: size,
|
|
53
|
+
viewBox: "0 0 48 48",
|
|
54
|
+
fill: "none",
|
|
55
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
56
|
+
role: labelled ? "img" : void 0,
|
|
57
|
+
"aria-hidden": labelled ? void 0 : true,
|
|
58
|
+
...props,
|
|
59
|
+
children: [
|
|
60
|
+
title ? /* @__PURE__ */ jsx("title", { children: title }) : null,
|
|
61
|
+
glyphNodes[glyph]
|
|
62
|
+
]
|
|
63
|
+
}
|
|
64
|
+
);
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
// src/components/logo.tsx
|
|
68
|
+
import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
|
|
69
|
+
var LOGO_WIDTH = 100;
|
|
70
|
+
var LOGO_HEIGHT = 24;
|
|
71
|
+
var LOGO_ASPECT_RATIO = LOGO_WIDTH / LOGO_HEIGHT;
|
|
72
|
+
function Logo({ size = LOGO_HEIGHT, title, style, ...props }) {
|
|
73
|
+
const labelled = Boolean(title);
|
|
74
|
+
const width = Math.round(size * LOGO_ASPECT_RATIO * 1e3) / 1e3;
|
|
75
|
+
return /* @__PURE__ */ jsxs2(
|
|
76
|
+
"svg",
|
|
77
|
+
{
|
|
78
|
+
width,
|
|
79
|
+
height: size,
|
|
80
|
+
viewBox: "0 0 100 24",
|
|
81
|
+
fill: "none",
|
|
82
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
83
|
+
role: labelled ? "img" : void 0,
|
|
84
|
+
"aria-hidden": labelled ? void 0 : true,
|
|
85
|
+
style: { color: "#000000", ...style },
|
|
86
|
+
...props,
|
|
87
|
+
children: [
|
|
88
|
+
title ? /* @__PURE__ */ jsx2("title", { children: title }) : null,
|
|
89
|
+
/* @__PURE__ */ jsx2(
|
|
90
|
+
"path",
|
|
91
|
+
{
|
|
92
|
+
d: "M16.4 20H10V18.4H16.4V20ZM42 18.4H53.2V20H38.8V18.4H40.4V16.8H42V18.4ZM61.2 18.4H64.4V20H56.4V18.4H59.6V7.2H58V5.6H59.6V4H61.2V18.4ZM78.8 20H70.8V18.4H78.8V20ZM90 18.4H93.2001V20H85.2001V18.4H88.4V7.2H86.8V5.6H88.4V4H90V18.4ZM10 18.4H8.40005V16.8H10V18.4ZM18 18.4H16.4V16.8H18V18.4ZM30.8 12H35.6V13.6H30.8V18.4H29.2V13.6H24.4V12H29.2V7.2H30.8V12ZM70.8 18.4H69.2V16.8H70.8V18.4ZM80.4 18.4H78.8V16.8H80.4V18.4ZM8.40005 16.8H6.80005V4H8.40005V16.8ZM19.6 16.8H18V4H19.6V16.8ZM45.2 16.8H42V15.2H45.2V16.8ZM69.2 16.8H67.6V15.2H69.2V16.8ZM82 16.8H80.4V12H78.8V10.4H80.4V7.2H82V16.8ZM50 15.2H45.2V13.6H50V15.2ZM51.6 13.6H50V12H51.6V13.6ZM78.8 13.6H70.8V12H78.8V13.6ZM53.2 12H51.6V7.2H53.2V12ZM70.8 12H69.2V10.4H70.8V12ZM69.2 10.4H67.6V7.2H69.2V10.4ZM40.4 8.8H38.8V7.2H40.4V8.8ZM42 7.2H40.4V5.6H42V7.2ZM51.6 7.2H50V5.6H51.6V7.2ZM70.8 7.2H69.2V5.6H70.8V7.2ZM80.4 7.2H78.8V5.6H80.4V7.2ZM50 5.6H42V4H50V5.6ZM78.8 5.6H70.8V4H78.8V5.6Z",
|
|
93
|
+
fill: "currentColor"
|
|
94
|
+
}
|
|
95
|
+
)
|
|
96
|
+
]
|
|
97
|
+
}
|
|
98
|
+
);
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
// src/icon-base.tsx
|
|
102
|
+
import { jsx as jsx3 } from "react/jsx-runtime";
|
|
103
|
+
function IconBase({
|
|
104
|
+
children,
|
|
105
|
+
size = 16,
|
|
106
|
+
stroke = "currentColor",
|
|
107
|
+
...props
|
|
108
|
+
}) {
|
|
109
|
+
return /* @__PURE__ */ jsx3(
|
|
110
|
+
"svg",
|
|
111
|
+
{
|
|
112
|
+
width: size,
|
|
113
|
+
height: size,
|
|
114
|
+
viewBox: "0 0 24 24",
|
|
115
|
+
fill: "none",
|
|
116
|
+
stroke,
|
|
117
|
+
strokeWidth: "1.8",
|
|
118
|
+
strokeLinecap: "round",
|
|
119
|
+
strokeLinejoin: "round",
|
|
120
|
+
"aria-hidden": true,
|
|
121
|
+
...props,
|
|
122
|
+
children
|
|
123
|
+
}
|
|
124
|
+
);
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
// src/icons/chevron-down.tsx
|
|
128
|
+
import { jsx as jsx4 } from "react/jsx-runtime";
|
|
129
|
+
function ChevronDownIcon(props) {
|
|
130
|
+
return /* @__PURE__ */ jsx4(Icon, { glyph: "caret-down", size: 16, ...props });
|
|
131
|
+
}
|
|
132
|
+
export {
|
|
133
|
+
ChevronDownIcon,
|
|
134
|
+
Icon,
|
|
135
|
+
IconBase,
|
|
136
|
+
Logo,
|
|
137
|
+
iconGlyphs
|
|
138
|
+
};
|
|
139
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/components/icon.tsx","../src/components/logo.tsx","../src/icon-base.tsx","../src/icons/chevron-down.tsx"],"sourcesContent":["import type { ReactNode, SVGProps } from \"react\";\n\nexport const iconGlyphs = [\n \"settings\",\n \"download\",\n \"upload\",\n \"add\",\n \"reduce\",\n \"close\",\n \"file\",\n \"refresh\",\n \"sort\",\n \"caret-up\",\n \"caret-down\",\n \"control\"\n] as const;\n\nexport type IconGlyph = (typeof iconGlyphs)[number];\nexport type IconSize = 16 | 24 | 32 | 48;\n\nexport interface IconProps\n extends Omit<SVGProps<SVGSVGElement>, \"children\" | \"width\" | \"height\"> {\n glyph?: IconGlyph;\n size?: IconSize;\n title?: string;\n}\n\nconst glyphNodes: Record<IconGlyph, ReactNode> = {\n settings: (\n <>\n <path d=\"M26.2036 4.76123C27.2123 4.86349 27.9995 5.71484 27.9995 6.75049V8.84229L28.0063 9.00635C28.0739 9.82089 28.6385 10.5144 29.4038 10.8345C29.4229 10.8425 29.4423 10.8508 29.4614 10.8589C30.2852 11.2076 31.2555 11.0861 31.8882 10.4536L33.3687 8.97412C34.1497 8.19324 35.4158 8.19314 36.1968 8.97412L39.0249 11.8022C39.8061 12.5834 39.8063 13.8504 39.0249 14.6313L37.4312 16.2241C36.8188 16.8363 36.6866 17.7646 37.0073 18.5688C37.3158 19.3424 38.0101 19.923 38.8276 19.9927L38.9937 19.9995H41.2495C42.3541 19.9995 43.2495 20.8949 43.2495 21.9995V25.9995L43.2388 26.2036C43.1433 27.1452 42.3952 27.8933 41.4536 27.9888L41.2495 27.9995H38.7222C37.9004 27.9996 37.1828 28.5429 36.8569 29.2974L36.7993 29.4438C36.5387 30.1846 36.6774 31.02 37.2368 31.5796L39.0259 33.3687C39.8067 34.1497 39.8067 35.4158 39.0259 36.1968L36.1968 39.0259L36.0454 39.1626C35.3121 39.7611 34.2534 39.7611 33.52 39.1626L33.3687 39.0259L31.4458 37.103C30.8816 36.5391 30.0254 36.4161 29.2866 36.7173C28.5399 37.0217 27.9995 37.7233 27.9995 38.5298V41.2495L27.9888 41.4536C27.8865 42.4623 27.0352 43.2495 25.9995 43.2495H21.9995C20.8949 43.2495 19.9995 42.3541 19.9995 41.2495V38.5298C19.9994 37.7736 19.524 37.1105 18.8491 36.7798L18.7114 36.7183C17.9722 36.4172 17.1156 36.5395 16.5513 37.104L14.6304 39.0259L14.479 39.1626C13.7457 39.761 12.687 39.7609 11.9536 39.1626L11.8022 39.0259L8.97412 36.1978C8.24192 35.4655 8.19577 34.3066 8.83643 33.521L8.97412 33.3696L10.7622 31.5806C11.3216 31.0209 11.4603 30.1856 11.1997 29.4448L11.1421 29.2983C10.8365 28.5909 10.1866 28.0686 9.4292 28.0063L9.27686 28.0005H6.75049C5.64592 28.0005 4.75049 27.1051 4.75049 26.0005V22.0005C4.75049 20.8959 5.64592 20.0005 6.75049 20.0005H9.00439C9.83771 20.0005 10.5654 19.4681 10.9243 18.7212L10.9907 18.5688C11.3112 17.7648 11.1789 16.8372 10.5669 16.2251L8.97412 14.6313C8.24219 13.8992 8.19616 12.741 8.83643 11.9556L8.97412 11.8032L11.8022 8.97412C12.5832 8.19332 13.8493 8.19339 14.6304 8.97412L16.1099 10.4536C16.7031 11.0467 17.5934 11.1903 18.3813 10.9185L18.5376 10.8589L18.5952 10.8345C19.3606 10.5146 19.9252 9.82089 19.9927 9.00635L19.9995 8.84229V6.75049C19.9995 5.64592 20.8949 4.75049 21.9995 4.75049H25.9995L26.2036 4.76123ZM21.9995 8.84229C21.9994 10.6519 20.8116 12.0752 19.3667 12.6792C19.3501 12.6861 19.3335 12.6937 19.3169 12.7007C17.8609 13.317 15.9901 13.1618 14.6958 11.8677L13.2163 10.3882L10.3882 13.2173L11.9819 14.811C13.2351 16.0646 13.4229 17.869 12.8481 19.3101C12.2661 20.7693 10.8399 22.0005 9.00439 22.0005H6.75049V26.0005H9.27686C11.0132 26.0006 12.3847 27.1316 12.978 28.5054C13.5929 29.9292 13.4285 31.742 12.1763 32.9946L10.3882 34.7837L13.2163 37.6118L15.1372 35.6899L15.3687 35.4761C16.5572 34.4649 18.1661 34.336 19.4663 34.8657C20.8534 35.4308 21.9994 36.7947 21.9995 38.5298V41.2495H25.9995V38.5298C25.9995 36.7948 27.1452 35.431 28.5317 34.8657C29.8316 34.3358 31.4401 34.4646 32.6284 35.4751L32.8608 35.689L34.7827 37.6118L37.6118 34.7827L35.8228 32.9937C34.5705 31.7411 34.4061 29.9283 35.021 28.5044C35.6143 27.1308 36.9858 25.9996 38.7222 25.9995H41.2495V21.9995H38.9937C37.1584 21.9995 35.7318 20.7683 35.1499 19.3091C34.5753 17.8678 34.764 16.0635 36.0181 14.8101L37.6108 13.2173L34.7827 10.3882L33.3022 11.8677C32.008 13.1616 30.1372 13.3173 28.6812 12.7007C28.6648 12.6938 28.6487 12.686 28.6323 12.6792C27.1879 12.0751 25.9996 10.6519 25.9995 8.84229V6.75049H21.9995V8.84229ZM23.9995 16.7544C27.8655 16.7544 30.9995 19.8884 30.9995 23.7544C30.9995 27.6204 27.8655 30.7544 23.9995 30.7544C20.1335 30.7544 16.9995 27.6204 16.9995 23.7544C16.9995 19.8884 20.1335 16.7544 23.9995 16.7544ZM23.9995 18.7544C21.2381 18.7544 18.9995 20.993 18.9995 23.7544C18.9995 26.5158 21.2381 28.7544 23.9995 28.7544C26.7609 28.7544 28.9995 26.5158 28.9995 23.7544C28.9995 20.993 26.7609 18.7544 23.9995 18.7544Z\" fill=\"currentColor\" />\n </>\n ),\n download: (\n <>\n <path d=\"M39 28C39.5523 28 40 28.4477 40 29V33C40 36.866 36.866 40 33 40H15C11.134 40 8 36.866 8 33V29C8 28.4477 8.44772 28 9 28C9.55228 28 10 28.4477 10 29V33C10 35.7614 12.2386 38 15 38H33C35.7614 38 38 35.7614 38 33V29C38 28.4477 38.4477 28 39 28ZM24 8C24.5523 8 25 8.44772 25 9V27.124L30.3418 22.4512C30.9884 21.8857 32 22.345 32 23.2041V23.5459C32 23.8343 31.8752 24.1089 31.6582 24.2988L24.6582 30.4238C24.2812 30.7535 23.7188 30.7535 23.3418 30.4238L16.3418 24.2988C16.1248 24.1089 16 23.8343 16 23.5459V23.2041C16 22.345 17.0116 21.8857 17.6582 22.4512L23 27.124V9C23 8.44772 23.4477 8 24 8Z\" fill=\"currentColor\" />\n </>\n ),\n upload: (\n <>\n <path d=\"M39 28C39.5522 28 39.9999 28.4478 40 29V33C40 36.866 36.866 40 33 40H15C11.134 40 8 36.866 8 33V29C8.00011 28.4478 8.44778 28 9 28C9.55222 28 9.99989 28.4478 10 29V33C10 35.7614 12.2386 38 15 38H33C35.7614 38 38 35.7614 38 33V29C38.0001 28.4478 38.4478 28 39 28ZM23.3418 8.5761C23.7187 8.24652 24.2813 8.24652 24.6582 8.5761L31.6582 14.7011C31.8752 14.891 32 15.1657 32 15.454V15.7968C31.9996 16.6557 30.9883 17.1143 30.3418 16.5488L25 11.8749V30C25 30.5523 24.5523 31 24 31C23.4477 31 23 30.5523 23 30V11.8749L17.6582 16.5488C17.0117 17.1143 16.0004 16.6557 16 15.7968V15.454C16 15.1657 16.1248 14.891 16.3418 14.7011L23.3418 8.5761Z\" fill=\"currentColor\" />\n </>\n ),\n add: (\n <>\n <path d=\"M24 9C24.5523 9 25 9.44772 25 10V23H38C38.5523 23 39 23.4477 39 24C39 24.5523 38.5523 25 38 25H25V39C25 39.5523 24.5523 40 24 40C23.4477 40 23 39.5523 23 39V25H10C9.44772 25 9 24.5523 9 24C9 23.4477 9.44772 23 10 23H23V10C23 9.44772 23.4477 9 24 9Z\" fill=\"currentColor\" />\n </>\n ),\n reduce: (\n <>\n <path d=\"M12 24C12 24.5523 12.4477 25 13 25H35C35.5523 25 36 24.5523 36 24C36 23.4477 35.5523 23 35 23H13C12.4477 23 12 23.4477 12 24Z\" fill=\"currentColor\" />\n </>\n ),\n close: (\n <>\n <path d=\"M14.1005 33.8992C14.4911 34.2897 15.1242 34.2897 15.5148 33.8992L24 25.4139L32.4853 33.8992C32.8758 34.2897 33.509 34.2897 33.8995 33.8992C34.2901 33.5087 34.2901 32.8755 33.8995 32.485L25.4143 23.9997L33.8995 15.5144C34.2901 15.1239 34.2901 14.4907 33.8995 14.1002C33.509 13.7097 32.8758 13.7097 32.4853 14.1002L24 22.5855L15.5148 14.1002C15.1242 13.7097 14.4911 13.7097 14.1005 14.1002C13.71 14.4907 13.71 15.1239 14.1005 15.5144L22.5858 23.9997L14.1005 32.485C13.71 32.8755 13.71 33.5087 14.1005 33.8992Z\" fill=\"currentColor\" />\n </>\n ),\n file: (\n <>\n <path d=\"M36.2041 8.01074C37.2128 8.11301 38 8.96435 38 10V29.248C38 29.3514 37.9903 29.4537 37.9746 29.5547C37.9881 29.61 37.998 29.6671 37.998 29.7266L37.9863 29.8574C37.9629 29.9856 37.9051 30.1058 37.8184 30.2051L37.5283 30.5342C37.52 30.5441 37.5135 30.5556 37.5049 30.5654L29.8477 39.3174L29.8223 39.3428L29.5049 39.7061C29.3416 39.8927 29.1054 40 28.8574 40C28.7878 40 28.721 39.9883 28.6562 39.9727C28.6234 39.9779 28.5908 39.9847 28.5576 39.9883L28.3428 40H12L11.7959 39.9893C10.7872 39.887 10 39.0357 10 38V10C10 8.89543 10.8954 8 12 8H36L36.2041 8.01074ZM12 38H27.998V31C27.998 29.9643 28.7853 29.113 29.7939 29.0107L29.998 29H36V10H12V38ZM29.998 36.1055L34.4658 31H29.998V36.1055Z\" fill=\"currentColor\" />\n <rect x=\"16\" y=\"16\" width=\"16\" height=\"2\" fill=\"currentColor\" />\n <rect x=\"16\" y=\"21\" width=\"16\" height=\"2\" fill=\"currentColor\" />\n <rect x=\"16\" y=\"26\" width=\"12\" height=\"2\" fill=\"currentColor\" />\n </>\n ),\n refresh: (\n <>\n <path d=\"M20.8816 9.32781C24.375 8.58534 28.019 9.11338 31.1577 10.8175C34.2963 12.5217 36.7241 15.2908 38.004 18.625C38.2015 19.1405 37.9439 19.7187 37.4284 19.9166C36.9128 20.1145 36.3348 19.8566 36.1369 19.341C35.0277 16.4514 32.9233 14.0527 30.2033 12.5757C27.4831 11.0988 24.3243 10.6406 21.2966 11.2841C18.2691 11.9277 15.5702 13.6308 13.686 16.0864C11.8018 18.542 10.8561 21.5899 11.0181 24.6809C11.1802 27.7716 12.4393 30.7031 14.5697 32.9482C16.7003 35.1934 19.5624 36.605 22.6407 36.9286C25.719 37.2522 28.8128 36.4666 31.3638 34.7134C33.9144 32.9602 35.7559 30.3544 36.557 27.3647C36.6999 26.8313 37.2482 26.5147 37.7817 26.6576C38.3152 26.8006 38.6318 27.3489 38.4888 27.8824C37.5644 31.3322 35.4395 34.3395 32.4961 36.3625C29.5527 38.3853 25.984 39.2913 22.4321 38.9181C18.8801 38.5447 15.5773 36.9164 13.1188 34.3257C10.6605 31.7351 9.20761 28.3521 9.02057 24.7856C8.83365 21.219 9.92524 17.7021 12.0994 14.8686C14.2736 12.0351 17.3881 10.0704 20.8816 9.32781Z\" fill=\"currentColor\" />\n <path d=\"M27.1035 17.8409C26.6662 17.1122 27.2797 16.2047 28.1188 16.3389L35.2913 17.4858C35.7878 17.5652 36.266 17.2636 36.4083 16.7813L38.3543 10.1849C38.6007 9.34965 39.7229 9.20662 40.1709 9.95336L40.2766 10.1295C40.4185 10.3659 40.4564 10.6504 40.3815 10.9157L38.0146 19.297C37.8766 19.7855 37.3945 20.0932 36.8933 20.0125L27.9581 18.5739C27.667 18.527 27.4113 18.354 27.2596 18.1011L27.1035 17.8409Z\" fill=\"currentColor\" />\n </>\n ),\n sort: (\n <>\n <path d=\"M19 10C19.5523 10.0001 20 10.4478 20 11V36.586C19.9998 38.3676 17.8458 39.2597 16.5859 38.0001L12.293 33.7071C11.9024 33.3166 11.9025 32.6836 12.293 32.2931C12.6835 31.9025 13.3165 31.9025 13.707 32.2931L18 36.586V11C18 10.4477 18.4477 10 19 10ZM27 11.4141C27.0001 9.6324 29.1542 8.74023 30.4141 10L34.7071 14.293C35.0975 14.6835 35.0976 15.3166 34.7071 15.7071C34.3166 16.0975 33.6835 16.0975 33.293 15.7071L29 11.4141V37.0001C29 37.5523 28.5522 38.0001 28 38.0001C27.4478 38.0001 27.0001 37.5523 27 37.0001V11.4141Z\" fill=\"currentColor\" />\n </>\n ),\n \"caret-up\": (\n <>\n <path d=\"M11 29.3927C11 29.1403 11.0955 28.8972 11.2672 28.7122L23.2672 15.7892C23.6628 15.3631 24.3372 15.3631 24.7328 15.7892L36.7328 28.7122C36.9045 28.8972 37 29.1403 37 29.3927V29.4535C37 30.3623 35.8856 30.7999 35.2672 30.1339L24.7328 18.7892C24.3372 18.3631 23.6628 18.3631 23.2672 18.7892L12.7328 30.1339C12.1144 30.7999 11 30.3623 11 29.4535V29.3927Z\" fill=\"currentColor\" />\n </>\n ),\n \"caret-down\": (\n <>\n <path d=\"M11 17.6073C11 17.8597 11.0955 18.1028 11.2672 18.2878L23.2672 31.2108C23.6628 31.6369 24.3372 31.6369 24.7328 31.2108L36.7328 18.2878C36.9045 18.1028 37 17.8597 37 17.6073V17.5465C37 16.6377 35.8856 16.2001 35.2672 16.8661L24.7328 28.2108C24.3372 28.6369 23.6628 28.6369 23.2672 28.2108L12.7328 16.8661C12.1144 16.2001 11 16.6377 11 17.5465V17.6073Z\" fill=\"currentColor\" />\n </>\n ),\n control: (\n <>\n <path d=\"M17 24C17 22.8954 16.1046 22 15 22C13.8954 22 13 22.8954 13 24C13 25.1046 13.8954 26 15 26V28C12.7909 28 11 26.2091 11 24C11 21.7909 12.7909 20 15 20C17.2091 20 19 21.7909 19 24C19 26.2091 17.2091 28 15 28V26C16.1046 26 17 25.1046 17 24Z\" fill=\"currentColor\" />\n <path d=\"M16 39C16 39.5523 15.5523 40 15 40C14.4477 40 14 39.5523 14 39V25.7295C14.2945 25.9001 14.6352 26 15 26C15.3648 26 15.7055 25.9001 16 25.7295V39ZM15 8C15.5523 8 16 8.44772 16 9V22.2695C15.7056 22.0991 15.3646 22 15 22C14.6354 22 14.2944 22.0991 14 22.2695V9C14 8.44772 14.4477 8 15 8Z\" fill=\"currentColor\" />\n <path d=\"M26 32C26 30.8954 25.1046 30 24 30C22.8954 30 22 30.8954 22 32C22 33.1046 22.8954 34 24 34V36C21.7909 36 20 34.2091 20 32C20 29.7909 21.7909 28 24 28C26.2091 28 28 29.7909 28 32C28 34.2091 26.2091 36 24 36V34C25.1046 34 26 33.1046 26 32Z\" fill=\"currentColor\" />\n <path d=\"M25 39C25 39.5523 24.5523 40 24 40C23.4477 40 23 39.5523 23 39V33.7295C23.2945 33.9001 23.6352 34 24 34C24.3648 34 24.7055 33.9001 25 33.7295V39ZM24 8C24.5523 8 25 8.44772 25 9V30.2695C24.7056 30.0991 24.3646 30 24 30C23.6354 30 23.2944 30.0991 23 30.2695V9C23 8.44772 23.4477 8 24 8Z\" fill=\"currentColor\" />\n <path d=\"M35 16C35 14.8954 34.1046 14 33 14C31.8954 14 31 14.8954 31 16C31 17.1046 31.8954 18 33 18V20C30.7909 20 29 18.2091 29 16C29 13.7909 30.7909 12 33 12C35.2091 12 37 13.7909 37 16C37 18.2091 35.2091 20 33 20V18C34.1046 18 35 17.1046 35 16Z\" fill=\"currentColor\" />\n <path d=\"M34 39C34 39.5523 33.5523 40 33 40C32.4477 40 32 39.5523 32 39V17.7295C32.2945 17.9001 32.6352 18 33 18C33.3648 18 33.7055 17.9001 34 17.7295V39ZM33 8C33.5523 8 34 8.44772 34 9V14.2695C33.7056 14.0991 33.3646 14 33 14C32.6354 14 32.2944 14.0991 32 14.2695V9C32 8.44772 32.4477 8 33 8Z\" fill=\"currentColor\" />\n </>\n )\n};\n\nexport function Icon({ glyph = \"settings\", size = 48, title, ...props }: IconProps) {\n const labelled = Boolean(title);\n\n return (\n <svg\n width={size}\n height={size}\n viewBox=\"0 0 48 48\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n role={labelled ? \"img\" : undefined}\n aria-hidden={labelled ? undefined : true}\n {...props}\n >\n {title ? <title>{title}</title> : null}\n {glyphNodes[glyph]}\n </svg>\n );\n}\n","import type { SVGProps } from \"react\";\n\nexport interface LogoProps\n extends Omit<SVGProps<SVGSVGElement>, \"children\" | \"viewBox\" | \"width\" | \"height\"> {\n size?: number;\n title?: string;\n}\n\nconst LOGO_WIDTH = 100;\nconst LOGO_HEIGHT = 24;\nconst LOGO_ASPECT_RATIO = LOGO_WIDTH / LOGO_HEIGHT;\n\nexport function Logo({ size = LOGO_HEIGHT, title, style, ...props }: LogoProps) {\n const labelled = Boolean(title);\n const width = Math.round(size * LOGO_ASPECT_RATIO * 1000) / 1000;\n\n return (\n <svg\n width={width}\n height={size}\n viewBox=\"0 0 100 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n role={labelled ? \"img\" : undefined}\n aria-hidden={labelled ? undefined : true}\n style={{ color: \"#000000\", ...style }}\n {...props}\n >\n {title ? <title>{title}</title> : null}\n <path\n d=\"M16.4 20H10V18.4H16.4V20ZM42 18.4H53.2V20H38.8V18.4H40.4V16.8H42V18.4ZM61.2 18.4H64.4V20H56.4V18.4H59.6V7.2H58V5.6H59.6V4H61.2V18.4ZM78.8 20H70.8V18.4H78.8V20ZM90 18.4H93.2001V20H85.2001V18.4H88.4V7.2H86.8V5.6H88.4V4H90V18.4ZM10 18.4H8.40005V16.8H10V18.4ZM18 18.4H16.4V16.8H18V18.4ZM30.8 12H35.6V13.6H30.8V18.4H29.2V13.6H24.4V12H29.2V7.2H30.8V12ZM70.8 18.4H69.2V16.8H70.8V18.4ZM80.4 18.4H78.8V16.8H80.4V18.4ZM8.40005 16.8H6.80005V4H8.40005V16.8ZM19.6 16.8H18V4H19.6V16.8ZM45.2 16.8H42V15.2H45.2V16.8ZM69.2 16.8H67.6V15.2H69.2V16.8ZM82 16.8H80.4V12H78.8V10.4H80.4V7.2H82V16.8ZM50 15.2H45.2V13.6H50V15.2ZM51.6 13.6H50V12H51.6V13.6ZM78.8 13.6H70.8V12H78.8V13.6ZM53.2 12H51.6V7.2H53.2V12ZM70.8 12H69.2V10.4H70.8V12ZM69.2 10.4H67.6V7.2H69.2V10.4ZM40.4 8.8H38.8V7.2H40.4V8.8ZM42 7.2H40.4V5.6H42V7.2ZM51.6 7.2H50V5.6H51.6V7.2ZM70.8 7.2H69.2V5.6H70.8V7.2ZM80.4 7.2H78.8V5.6H80.4V7.2ZM50 5.6H42V4H50V5.6ZM78.8 5.6H70.8V4H78.8V5.6Z\"\n fill=\"currentColor\"\n />\n </svg>\n );\n}\n","import type { SVGProps } from \"react\";\n\nexport interface IconBaseProps extends SVGProps<SVGSVGElement> {\n size?: number;\n}\n\nexport function IconBase({\n children,\n size = 16,\n stroke = \"currentColor\",\n ...props\n}: IconBaseProps) {\n return (\n <svg\n width={size}\n height={size}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n stroke={stroke}\n strokeWidth=\"1.8\"\n strokeLinecap=\"round\"\n strokeLinejoin=\"round\"\n aria-hidden\n {...props}\n >\n {children}\n </svg>\n );\n}\n","import type { IconProps } from \"../components/icon\";\nimport { Icon } from \"../components/icon\";\n\nexport type ChevronDownIconProps = Omit<IconProps, \"glyph\">;\n\nexport function ChevronDownIcon(props: ChevronDownIconProps) {\n return <Icon glyph=\"caret-down\" size={16} {...props} />;\n}\n"],"mappings":"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","names":["jsx","jsxs","jsx","jsx"]}
|
package/package.json
ADDED
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
{
|
|
2
|
+
"name": "@uplus-ui/icons",
|
|
3
|
+
"version": "0.1.0",
|
|
4
|
+
"type": "module",
|
|
5
|
+
"main": "./dist/index.js",
|
|
6
|
+
"types": "./dist/index.d.ts",
|
|
7
|
+
"exports": {
|
|
8
|
+
".": {
|
|
9
|
+
"types": "./dist/index.d.ts",
|
|
10
|
+
"import": "./dist/index.js"
|
|
11
|
+
}
|
|
12
|
+
},
|
|
13
|
+
"files": [
|
|
14
|
+
"dist"
|
|
15
|
+
],
|
|
16
|
+
"scripts": {
|
|
17
|
+
"build": "tsup",
|
|
18
|
+
"dev": "tsup --watch",
|
|
19
|
+
"lint": "eslint src --max-warnings=0",
|
|
20
|
+
"typecheck": "tsc --noEmit",
|
|
21
|
+
"clean": "rm -rf dist"
|
|
22
|
+
},
|
|
23
|
+
"peerDependencies": {
|
|
24
|
+
"react": "^18.3.0 || ^19.0.0",
|
|
25
|
+
"react-dom": "^18.3.0 || ^19.0.0"
|
|
26
|
+
}
|
|
27
|
+
}
|