meticulous-ui 1.0.23 → 1.0.25
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/Icons/Add/Add.js +47 -0
- package/dist/components/Icons/AddCircle/AddCircle.js +35 -0
- package/dist/components/Icons/AddCircleFilled/AddCircleFilled.js +26 -0
- package/dist/components/Icons/ArrowDown/ArrowDown.js +26 -0
- package/dist/components/Icons/ArrowLeft/ArrowLeft.js +27 -0
- package/dist/components/Icons/ArrowRight/ArrowRight.js +27 -0
- package/dist/components/Icons/ArrowUp/ArrowUp.js +26 -0
- package/dist/components/Icons/BellFilled/BellFilled.js +26 -0
- package/dist/components/Icons/BellOffFilled/BellOffFilled.js +37 -0
- package/dist/components/Icons/BellOffOutline/BellOffOutline.js +38 -0
- package/dist/components/Icons/BellOutline/BellOutline.js +39 -0
- package/dist/components/Icons/BookmarkFilled/BookmarkFilled.js +18 -0
- package/dist/components/Icons/BookmarkOutline/BookmarkOutline.js +26 -0
- package/dist/components/Icons/ChevronDown/ChevronDown.js +27 -0
- package/dist/components/Icons/ChevronLeft/ChevronLeft.js +25 -22
- package/dist/components/Icons/ChevronRight/ChevronRight.js +25 -22
- package/dist/components/Icons/ChevronUp/ChevronUp.js +27 -0
- package/dist/components/Icons/ClockCircleOutline/ClockCircleOutline.js +30 -0
- package/dist/components/Icons/ClockSquareOutline/ClockSquareOutline.js +37 -0
- package/dist/components/Icons/Close/Close.js +24 -0
- package/dist/components/Icons/CloseCircleFilled/CloseCircleFilled.js +26 -0
- package/dist/components/Icons/CloseCircleOutline/CloseCircleOutline.js +27 -0
- package/dist/components/Icons/CommentBubbleFilled/CommentBubbleFilled.js +18 -0
- package/dist/components/Icons/CommentBubbleOutline/CommentBubbleOutline.js +18 -0
- package/dist/components/Icons/CommentFilled/CommentFilled.js +18 -0
- package/dist/components/Icons/CommentLineFilled/CommentLineFilled.js +18 -0
- package/dist/components/Icons/CommentLineOutline/CommentLineOutline.js +18 -0
- package/dist/components/Icons/CommentOutline/CommentOutline.js +18 -0
- package/dist/components/Icons/DotsHorizontalFilled/DotsHorizontalFilled.js +24 -0
- package/dist/components/Icons/DotsHorizontalOutline/DotsHorizontalOutline.js +27 -0
- package/dist/components/Icons/DotsVerticalFilled/DotsVerticalFilled.js +24 -0
- package/dist/components/Icons/DotsVerticalOutline/DotsVerticalOutline.js +27 -0
- package/dist/components/Icons/HamburgerMenu/HamburgerMenu.js +26 -0
- package/dist/components/Icons/HamburgerSpaced/HamburgerSpaced.js +18 -0
- package/dist/components/Icons/HeartFilled/HeartFilled.js +24 -0
- package/dist/components/Icons/HeartOutline/HeartOutline.js +29 -0
- package/dist/components/Icons/HomeFilled/HomeFilled.js +26 -0
- package/dist/components/Icons/HomeOutline/HomeOutline.js +26 -0
- package/dist/components/Icons/Link/Link.js +37 -0
- package/dist/components/Icons/Minus/Minus.js +27 -0
- package/dist/components/Icons/MinusCircle/MinusCircle.js +18 -0
- package/dist/components/Icons/MinusCircleFilled/MinusCircleFilled.js +18 -0
- package/dist/components/Icons/Search/Search.js +18 -0
- package/dist/components/Icons/SettingFilled/SettingFilled.js +24 -0
- package/dist/components/Icons/SettingOutline/SettingOutline.js +24 -0
- package/dist/components/Icons/ShareAllFilled/ShareAllFilled.js +26 -0
- package/dist/components/Icons/ShareAllOutline/ShareAllOutline.js +29 -0
- package/dist/components/Icons/ShareBoxOutline/ShareBoxOutline.js +24 -0
- package/dist/components/Icons/ShareFilled/ShareFilled.js +35 -0
- package/dist/components/Icons/ShareOutline/ShareOutline.js +38 -0
- package/dist/components/Icons/ShareThickFilled/ShareThickFilled.js +24 -0
- package/dist/components/Icons/StarFilled/StarFilled.js +24 -0
- package/dist/components/Icons/StarOutline/StarOutline.js +24 -0
- package/dist/components/Icons/ThumbsDownFilled/ThumbsDownFilled.js +24 -0
- package/dist/components/Icons/ThumbsDownOutline/ThumbsDownOutline.js +24 -0
- package/dist/components/Icons/ThumbsUpFilled/ThumbsUpFilled.js +24 -0
- package/dist/components/Icons/ThumbsUpOutline/ThumbsUpOutline.js +24 -0
- package/dist/components/Icons/Upload/Upload.js +33 -0
- package/dist/components/Icons/UploadBoxFilled/UploadBoxFilled.js +26 -0
- package/dist/components/Icons/UploadBoxOutline/UploadBoxOutline.js +35 -0
- package/dist/components/Icons/index.js +125 -0
- package/dist/components/Pagination/styles.js +6 -6
- package/dist/index.js +10 -8
- package/dist/utils/capFirstLetter.js +4 -0
- package/dist/utils/compose.js +4 -0
- package/dist/utils/hasEqualProps.js +7 -0
- package/dist/utils/index.js +13 -0
- package/dist/utils/isNonEmptyArray.js +4 -0
- package/package.json +6 -2
- package/dist/components/Icons/ChevronLeft/index.js +0 -4
- package/dist/components/Icons/ChevronRight/index.js +0 -4
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { j as t } from "../../../_virtual/jsx-runtime.js";
|
|
2
|
+
import a from "../../../colors/grey.js";
|
|
3
|
+
const h = ({ color: e = a.m500, size: s = 24, ...r }) => /* @__PURE__ */ t.jsxs(
|
|
4
|
+
"svg",
|
|
5
|
+
{
|
|
6
|
+
viewBox: "0 0 24 24",
|
|
7
|
+
width: s,
|
|
8
|
+
height: s,
|
|
9
|
+
fill: "none",
|
|
10
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
11
|
+
"aria-label": "Share All Outline",
|
|
12
|
+
...r,
|
|
13
|
+
children: [
|
|
14
|
+
/* @__PURE__ */ t.jsx("path", { d: "M9 12a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0Z", stroke: e, strokeWidth: "1.5" }),
|
|
15
|
+
/* @__PURE__ */ t.jsx("path", { d: "M14 6.5 9 10M14 17.5 9 14", stroke: e, strokeWidth: "1.5", strokeLinecap: "round" }),
|
|
16
|
+
/* @__PURE__ */ t.jsx(
|
|
17
|
+
"path",
|
|
18
|
+
{
|
|
19
|
+
d: "M19 18.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0ZM19 5.5a2.5 2.5 0 1 1-5 0 2.5 2.5 0 0 1 5 0Z",
|
|
20
|
+
stroke: e,
|
|
21
|
+
strokeWidth: "1.5"
|
|
22
|
+
}
|
|
23
|
+
)
|
|
24
|
+
]
|
|
25
|
+
}
|
|
26
|
+
);
|
|
27
|
+
export {
|
|
28
|
+
h as default
|
|
29
|
+
};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { j as a } from "../../../_virtual/jsx-runtime.js";
|
|
2
|
+
import t from "../../../colors/grey.js";
|
|
3
|
+
const r = ({ color: h = t.m500, size: m = 24, ...z }) => /* @__PURE__ */ a.jsx(
|
|
4
|
+
"svg",
|
|
5
|
+
{
|
|
6
|
+
viewBox: "0 -0.5 25 25",
|
|
7
|
+
width: m,
|
|
8
|
+
height: m,
|
|
9
|
+
fill: "none",
|
|
10
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
11
|
+
"aria-label": "Share Box Outline",
|
|
12
|
+
...z,
|
|
13
|
+
children: /* @__PURE__ */ a.jsx(
|
|
14
|
+
"path",
|
|
15
|
+
{
|
|
16
|
+
d: "M12.5 6.25a.75.75 0 0 0 0-1.5zm7.75 6.25a.75.75 0 0 0-1.5 0zm-.75-6.25a.75.75 0 0 0 0-1.5zm-4.088-1.5a.75.75 0 0 0 0 1.5zm4.838.75a.75.75 0 0 0-1.5 0zm-1.5 4.141a.75.75 0 0 0 1.5 0zm1.28-3.61a.75.75 0 0 0-1.06-1.061zm-8.06 5.939a.75.75 0 1 0 1.06 1.06zm.53-7.22h-3v1.5h3zm-3 0A4.75 4.75 0 0 0 4.75 9.5h1.5A3.25 3.25 0 0 1 9.5 6.25zM4.75 9.5v6h1.5v-6zm0 6a4.75 4.75 0 0 0 4.75 4.75v-1.5a3.25 3.25 0 0 1-3.25-3.25zm4.75 4.75h6v-1.5h-6zm6 0a4.75 4.75 0 0 0 4.75-4.75h-1.5a3.25 3.25 0 0 1-3.25 3.25zm4.75-4.75v-3h-1.5v3zM19.5 4.75h-4.088v1.5H19.5zm-.75.75v4.141h1.5V5.5zm.22-.53-7 7 1.06 1.06 7-7z",
|
|
17
|
+
fill: h
|
|
18
|
+
}
|
|
19
|
+
)
|
|
20
|
+
}
|
|
21
|
+
);
|
|
22
|
+
export {
|
|
23
|
+
r as default
|
|
24
|
+
};
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { j as l } from "../../../_virtual/jsx-runtime.js";
|
|
2
|
+
import t from "../../../colors/grey.js";
|
|
3
|
+
const s = ({ color: a = t.m500, size: e = 24, ...i }) => /* @__PURE__ */ l.jsxs(
|
|
4
|
+
"svg",
|
|
5
|
+
{
|
|
6
|
+
viewBox: "0 0 24 24",
|
|
7
|
+
width: e,
|
|
8
|
+
height: e,
|
|
9
|
+
fill: "none",
|
|
10
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
11
|
+
"aria-label": "Share Filled",
|
|
12
|
+
...i,
|
|
13
|
+
children: [
|
|
14
|
+
/* @__PURE__ */ l.jsx(
|
|
15
|
+
"path",
|
|
16
|
+
{
|
|
17
|
+
d: "m12.332 5.184 4.977 4.424c.93.827 1.396 1.241 1.568 1.73a2 2 0 0 1 0 1.325c-.172.488-.637.902-1.568 1.729l-4.978 4.425c-.422.375-.633.563-.812.57a.5.5 0 0 1-.405-.182C11 19.066 11 18.784 11 18.219v-2.79c-2.428 0-4.993.78-6.865 2.164-.975.72-1.463 1.08-1.648 1.067a.45.45 0 0 1-.39-.24c-.096-.16-.011-.658.159-1.653C3.361 10.3 7.811 8.57 11 8.57v-2.79c0-.565 0-.847.114-.986a.5.5 0 0 1 .405-.181c.18.006.39.194.813.57",
|
|
18
|
+
fill: a
|
|
19
|
+
}
|
|
20
|
+
),
|
|
21
|
+
/* @__PURE__ */ l.jsx(
|
|
22
|
+
"path",
|
|
23
|
+
{
|
|
24
|
+
fillRule: "evenodd",
|
|
25
|
+
clipRule: "evenodd",
|
|
26
|
+
d: "M14.989 3.99a.75.75 0 0 1 1.06-.04l5.216 4.844a4.647 4.647 0 0 1-.15 6.944l-5.09 4.333a.75.75 0 1 1-.973-1.142l5.09-4.333a3.147 3.147 0 0 0 .102-4.703L15.028 5.05a.75.75 0 0 1-.04-1.06",
|
|
27
|
+
fill: a
|
|
28
|
+
}
|
|
29
|
+
)
|
|
30
|
+
]
|
|
31
|
+
}
|
|
32
|
+
);
|
|
33
|
+
export {
|
|
34
|
+
s as default
|
|
35
|
+
};
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { j as t } from "../../../_virtual/jsx-runtime.js";
|
|
2
|
+
import s from "../../../colors/grey.js";
|
|
3
|
+
const a = ({ color: e = s.m500, size: r = 24, ...o }) => /* @__PURE__ */ t.jsxs(
|
|
4
|
+
"svg",
|
|
5
|
+
{
|
|
6
|
+
viewBox: "0 0 24 24",
|
|
7
|
+
width: r,
|
|
8
|
+
height: r,
|
|
9
|
+
fill: "none",
|
|
10
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
11
|
+
"aria-label": "Share Outline",
|
|
12
|
+
...o,
|
|
13
|
+
children: [
|
|
14
|
+
/* @__PURE__ */ t.jsx(
|
|
15
|
+
"path",
|
|
16
|
+
{
|
|
17
|
+
d: "m12.664 5.479 3.973 3.53c1.568 1.395 2.353 2.092 2.353 2.99s-.785 1.596-2.353 2.99l-3.973 3.53c-.716.637-1.074.956-1.369.823S11 18.731 11 17.772v-2.344c-3.6 0-7.5 1.714-9 4.571 0-9.142 5.333-11.428 9-11.428V6.226c0-.958 0-1.437.295-1.57.295-.132.653.186 1.37.823",
|
|
18
|
+
stroke: e,
|
|
19
|
+
strokeWidth: "1.5",
|
|
20
|
+
strokeLinecap: "round",
|
|
21
|
+
strokeLinejoin: "round"
|
|
22
|
+
}
|
|
23
|
+
),
|
|
24
|
+
/* @__PURE__ */ t.jsx(
|
|
25
|
+
"path",
|
|
26
|
+
{
|
|
27
|
+
d: "m15.539 4.5 5.216 4.844a3.897 3.897 0 0 1-.126 5.823l-5.09 4.333",
|
|
28
|
+
stroke: e,
|
|
29
|
+
strokeWidth: "1.5",
|
|
30
|
+
strokeLinecap: "round"
|
|
31
|
+
}
|
|
32
|
+
)
|
|
33
|
+
]
|
|
34
|
+
}
|
|
35
|
+
);
|
|
36
|
+
export {
|
|
37
|
+
a as default
|
|
38
|
+
};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { j as a } from "../../../_virtual/jsx-runtime.js";
|
|
2
|
+
import r from "../../../colors/grey.js";
|
|
3
|
+
const o = ({ color: i = r.m500, size: l = 24, ...e }) => /* @__PURE__ */ a.jsx(
|
|
4
|
+
"svg",
|
|
5
|
+
{
|
|
6
|
+
viewBox: "0 0 16 16",
|
|
7
|
+
width: l,
|
|
8
|
+
height: l,
|
|
9
|
+
fill: "none",
|
|
10
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
11
|
+
"aria-label": "Share Thick Filled",
|
|
12
|
+
...e,
|
|
13
|
+
children: /* @__PURE__ */ a.jsx(
|
|
14
|
+
"path",
|
|
15
|
+
{
|
|
16
|
+
d: "M11 6a3 3 0 1 0-2.93-2.349L4.87 5.653a3 3 0 1 0 0 4.694L8.07 12.35a3 3 0 1 0 1.06-1.696L5.93 8.65a3 3 0 0 0 0-1.302l3.202-2.002A3 3 0 0 0 11 6",
|
|
17
|
+
fill: i
|
|
18
|
+
}
|
|
19
|
+
)
|
|
20
|
+
}
|
|
21
|
+
);
|
|
22
|
+
export {
|
|
23
|
+
o as default
|
|
24
|
+
};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { j as a } from "../../../_virtual/jsx-runtime.js";
|
|
2
|
+
import i from "../../../colors/grey.js";
|
|
3
|
+
const s = ({ color: t = i.m500, size: l = 24, ...r }) => /* @__PURE__ */ a.jsx(
|
|
4
|
+
"svg",
|
|
5
|
+
{
|
|
6
|
+
viewBox: "0 0 64 64",
|
|
7
|
+
width: l,
|
|
8
|
+
height: l,
|
|
9
|
+
fill: "none",
|
|
10
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
11
|
+
"aria-label": "Star Filled",
|
|
12
|
+
...r,
|
|
13
|
+
children: /* @__PURE__ */ a.jsx(
|
|
14
|
+
"path",
|
|
15
|
+
{
|
|
16
|
+
fill: t,
|
|
17
|
+
d: "M63.893 24.277a2 2 0 0 0-1.595-1.343l-19.674-3.006L33.809 1.15a2.002 2.002 0 0 0-3.622 0l-8.815 18.778-19.674 3.007a2.003 2.003 0 0 0-1.13 3.374l14.294 14.657-3.378 20.704a2 2 0 0 0 .822 1.957 1.99 1.99 0 0 0 2.119.116l17.572-9.719 17.572 9.719a1.991 1.991 0 0 0 2.119-.116c.627-.44.946-1.201.822-1.957l-3.378-20.704 14.294-14.657a2 2 0 0 0 .467-2.032"
|
|
18
|
+
}
|
|
19
|
+
)
|
|
20
|
+
}
|
|
21
|
+
);
|
|
22
|
+
export {
|
|
23
|
+
s as default
|
|
24
|
+
};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { j as t } from "../../../_virtual/jsx-runtime.js";
|
|
2
|
+
import i from "../../../colors/grey.js";
|
|
3
|
+
const s = ({ color: a = i.m500, size: l = 24, ...r }) => /* @__PURE__ */ t.jsx(
|
|
4
|
+
"svg",
|
|
5
|
+
{
|
|
6
|
+
viewBox: "0 0 64 64",
|
|
7
|
+
width: l,
|
|
8
|
+
height: l,
|
|
9
|
+
fill: "none",
|
|
10
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
11
|
+
"aria-label": "Star Outline",
|
|
12
|
+
...r,
|
|
13
|
+
children: /* @__PURE__ */ t.jsx(
|
|
14
|
+
"path",
|
|
15
|
+
{
|
|
16
|
+
fill: a,
|
|
17
|
+
d: "M32.001 2.484c.279 0 .463.509.463.509l8.806 18.759 20.729 3.167L47 40.299 50.541 62l-18.54-10.254L13.461 62l3.541-21.701-14.999-15.38 20.729-3.167L31.53 3.009s.192-.525.471-.525m0-2.477c-.775 0-1.48.448-1.811 1.15l-8.815 18.778-19.674 3.006a2.003 2.003 0 0 0-1.13 3.374l14.294 14.657-3.378 20.704a2 2 0 0 0 .822 1.957 1.99 1.99 0 0 0 2.12.117l17.572-9.719 17.572 9.719a1.991 1.991 0 0 0 2.119-.116c.627-.44.946-1.201.822-1.957l-3.378-20.704L63.43 26.316a2 2 0 0 0-1.13-3.374l-19.674-3.006-8.814-18.779a2 2 0 0 0-1.811-1.15"
|
|
18
|
+
}
|
|
19
|
+
)
|
|
20
|
+
}
|
|
21
|
+
);
|
|
22
|
+
export {
|
|
23
|
+
s as default
|
|
24
|
+
};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { j as h } from "../../../_virtual/jsx-runtime.js";
|
|
2
|
+
import i from "../../../colors/grey.js";
|
|
3
|
+
const r = ({ color: o = i.m500, size: l = 24, ...t }) => /* @__PURE__ */ h.jsx(
|
|
4
|
+
"svg",
|
|
5
|
+
{
|
|
6
|
+
viewBox: "0 0 24 24",
|
|
7
|
+
width: l,
|
|
8
|
+
height: l,
|
|
9
|
+
fill: "none",
|
|
10
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
11
|
+
"aria-label": "Thumbs Down Filled",
|
|
12
|
+
...t,
|
|
13
|
+
children: /* @__PURE__ */ h.jsx(
|
|
14
|
+
"path",
|
|
15
|
+
{
|
|
16
|
+
d: "M20 5.61v5.77c0 .89-.73 1.62-1.62 1.62h-1.61V4h1.61c.9 0 1.62.72 1.62 1.61M5.34 5.24l-1.32 7.5c-.16.92.54 1.76 1.48 1.76h4.78V18c0 1.1.9 2 1.99 2h.09c.4 0 .76-.24.92-.61L16.01 13V4h-9.2c-.73 0-1.35.52-1.48 1.24z",
|
|
17
|
+
fill: o
|
|
18
|
+
}
|
|
19
|
+
)
|
|
20
|
+
}
|
|
21
|
+
);
|
|
22
|
+
export {
|
|
23
|
+
r as default
|
|
24
|
+
};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { j as t } from "../../../_virtual/jsx-runtime.js";
|
|
2
|
+
import o from "../../../colors/grey.js";
|
|
3
|
+
const s = ({ color: h = o.m500, size: l = 24, ...c }) => /* @__PURE__ */ t.jsx(
|
|
4
|
+
"svg",
|
|
5
|
+
{
|
|
6
|
+
viewBox: "0 0 24 24",
|
|
7
|
+
width: l,
|
|
8
|
+
height: l,
|
|
9
|
+
fill: "none",
|
|
10
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
11
|
+
"aria-label": "Thumbs Down Outline",
|
|
12
|
+
...c,
|
|
13
|
+
children: /* @__PURE__ */ t.jsx(
|
|
14
|
+
"path",
|
|
15
|
+
{
|
|
16
|
+
d: "M18.38 3.25H6.81c-1.09 0-2.02.78-2.21 1.86l-1.31 7.5c-.11.66.07 1.33.49 1.84.43.51 1.05.8 1.72.8h4.03V18c0 1.52 1.23 2.75 2.83 2.75.7 0 1.33-.42 1.61-1.07l2.54-5.93h1.88c1.31 0 2.37-1.06 2.37-2.37V5.61c0-1.3-1.06-2.36-2.37-2.36zm-3.12 9.6-2.67 6.25c-.04.09-.13.16-.32.16-.69 0-1.24-.56-1.24-1.25v-4.25H5.5c-.23 0-.43-.09-.57-.26a.72.72 0 0 1-.16-.62l1.31-7.5c.06-.36.37-.62.74-.62h8.44zm3.99-1.47c0 .48-.39.87-.87.87h-1.61v-7.5h1.61c.48 0 .87.39.87.86z",
|
|
17
|
+
fill: h
|
|
18
|
+
}
|
|
19
|
+
)
|
|
20
|
+
}
|
|
21
|
+
);
|
|
22
|
+
export {
|
|
23
|
+
s as default
|
|
24
|
+
};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { j as t } from "../../../_virtual/jsx-runtime.js";
|
|
2
|
+
import s from "../../../colors/grey.js";
|
|
3
|
+
const r = ({ color: h = s.m500, size: l = 24, ...i }) => /* @__PURE__ */ t.jsx(
|
|
4
|
+
"svg",
|
|
5
|
+
{
|
|
6
|
+
viewBox: "0 0 24 24",
|
|
7
|
+
width: l,
|
|
8
|
+
height: l,
|
|
9
|
+
fill: "none",
|
|
10
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
11
|
+
"aria-label": "Thumbs Up Filled",
|
|
12
|
+
...i,
|
|
13
|
+
children: /* @__PURE__ */ t.jsx(
|
|
14
|
+
"path",
|
|
15
|
+
{
|
|
16
|
+
d: "M7.24 11v9H5.63c-.9 0-1.62-.72-1.62-1.61v-5.77c0-.89.73-1.62 1.62-1.62zM18.5 9.5h-4.78V6c0-1.1-.9-2-1.99-2h-.09c-.4 0-.76.24-.92.61L7.99 11v9h9.2c.73 0 1.35-.52 1.48-1.24l1.32-7.5c.16-.92-.54-1.76-1.48-1.76z",
|
|
17
|
+
fill: h
|
|
18
|
+
}
|
|
19
|
+
)
|
|
20
|
+
}
|
|
21
|
+
);
|
|
22
|
+
export {
|
|
23
|
+
r as default
|
|
24
|
+
};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { j as t } from "../../../_virtual/jsx-runtime.js";
|
|
2
|
+
import s from "../../../colors/grey.js";
|
|
3
|
+
const e = ({ color: c = s.m500, size: l = 24, ...h }) => /* @__PURE__ */ t.jsx(
|
|
4
|
+
"svg",
|
|
5
|
+
{
|
|
6
|
+
viewBox: "0 0 24 24",
|
|
7
|
+
width: l,
|
|
8
|
+
height: l,
|
|
9
|
+
fill: "none",
|
|
10
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
11
|
+
"aria-label": "Thumbs Up Outline",
|
|
12
|
+
...h,
|
|
13
|
+
children: /* @__PURE__ */ t.jsx(
|
|
14
|
+
"path",
|
|
15
|
+
{
|
|
16
|
+
d: "M20.22 9.55c-.43-.51-1.05-.8-1.72-.8h-4.03V6c0-1.52-1.23-2.75-2.83-2.75-.7 0-1.33.42-1.61 1.07l-2.54 5.93H5.62c-1.31 0-2.37 1.06-2.37 2.37v5.77c0 1.3 1.07 2.36 2.37 2.36h11.56c1.09 0 2.02-.78 2.21-1.86l1.32-7.5c.11-.66-.07-1.33-.5-1.84zm-14.6 9.7c-.48 0-.87-.39-.87-.86v-5.77c0-.48.39-.87.87-.87h1.61v7.5zm12.3-.62c-.06.36-.37.62-.74.62H8.74v-8.1l2.67-6.25c.04-.09.13-.16.32-.16.69 0 1.24.56 1.24 1.25v4.25h5.53c.23 0 .43.09.57.26s.2.39.16.62l-1.32 7.5z",
|
|
17
|
+
fill: c
|
|
18
|
+
}
|
|
19
|
+
)
|
|
20
|
+
}
|
|
21
|
+
);
|
|
22
|
+
export {
|
|
23
|
+
e as default
|
|
24
|
+
};
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { j as a } from "../../../_virtual/jsx-runtime.js";
|
|
2
|
+
import i from "../../../colors/grey.js";
|
|
3
|
+
const r = ({ color: l = i.m500, size: t = 24, ...s }) => /* @__PURE__ */ a.jsxs(
|
|
4
|
+
"svg",
|
|
5
|
+
{
|
|
6
|
+
viewBox: "0 0 24 24",
|
|
7
|
+
width: t,
|
|
8
|
+
height: t,
|
|
9
|
+
fill: "none",
|
|
10
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
11
|
+
"aria-label": "Upload",
|
|
12
|
+
...s,
|
|
13
|
+
children: [
|
|
14
|
+
/* @__PURE__ */ a.jsx(
|
|
15
|
+
"path",
|
|
16
|
+
{
|
|
17
|
+
d: "M12.554 2.494a.75.75 0 0 0-1.107 0l-4 4.375A.75.75 0 0 0 8.553 7.88l2.696-2.95V16a.75.75 0 0 0 1.5 0V4.932l2.697 2.95a.75.75 0 1 0 1.107-1.013z",
|
|
18
|
+
fill: l
|
|
19
|
+
}
|
|
20
|
+
),
|
|
21
|
+
/* @__PURE__ */ a.jsx(
|
|
22
|
+
"path",
|
|
23
|
+
{
|
|
24
|
+
d: "M3.75 15a.75.75 0 0 0-1.5 0v.055c0 1.367 0 2.47.117 3.337.12.9.38 1.658.981 2.26.602.602 1.36.86 2.26.982.867.116 1.97.116 3.337.116h6.11c1.367 0 2.47 0 3.337-.116.9-.122 1.658-.38 2.26-.982s.86-1.36.982-2.26c.116-.867.116-1.97.116-3.337V15a.75.75 0 0 0-1.5 0c0 1.435-.002 2.436-.103 3.192-.099.734-.28 1.122-.556 1.399-.277.277-.665.457-1.4.556-.755.101-1.756.103-3.191.103H9c-1.435 0-2.437-.002-3.192-.103-.734-.099-1.122-.28-1.399-.556-.277-.277-.457-.665-.556-1.4-.101-.755-.103-1.756-.103-3.191",
|
|
25
|
+
fill: l
|
|
26
|
+
}
|
|
27
|
+
)
|
|
28
|
+
]
|
|
29
|
+
}
|
|
30
|
+
);
|
|
31
|
+
export {
|
|
32
|
+
r as default
|
|
33
|
+
};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { j as e } from "../../../_virtual/jsx-runtime.js";
|
|
2
|
+
import i from "../../../colors/grey.js";
|
|
3
|
+
const t = ({ color: o = i.m500, size: l = 24, ...a }) => /* @__PURE__ */ e.jsx(
|
|
4
|
+
"svg",
|
|
5
|
+
{
|
|
6
|
+
viewBox: "0 0 24 24",
|
|
7
|
+
width: l,
|
|
8
|
+
height: l,
|
|
9
|
+
fill: "none",
|
|
10
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
11
|
+
"aria-label": "Upload Box Filled",
|
|
12
|
+
...a,
|
|
13
|
+
children: /* @__PURE__ */ e.jsx(
|
|
14
|
+
"path",
|
|
15
|
+
{
|
|
16
|
+
fillRule: "evenodd",
|
|
17
|
+
clipRule: "evenodd",
|
|
18
|
+
d: "M2 12c0-4.714 0-7.071 1.464-8.536C4.93 2 7.286 2 12 2s7.071 0 8.535 1.464C22 4.93 22 7.286 22 12s0 7.071-1.465 8.535C19.072 22 16.714 22 12 22s-7.071 0-8.536-1.465C2 19.072 2 16.714 2 12m10 5.75a.75.75 0 0 0 .75-.75v-5.19l1.72 1.72a.75.75 0 1 0 1.06-1.06l-3-3a.75.75 0 0 0-1.06 0l-3 3a.75.75 0 1 0 1.06 1.06l1.72-1.72V17c0 .414.336.75.75.75m-4-10a.75.75 0 0 1 0-1.5h8a.75.75 0 0 1 0 1.5z",
|
|
19
|
+
fill: o
|
|
20
|
+
}
|
|
21
|
+
)
|
|
22
|
+
}
|
|
23
|
+
);
|
|
24
|
+
export {
|
|
25
|
+
t as default
|
|
26
|
+
};
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { j as l } from "../../../_virtual/jsx-runtime.js";
|
|
2
|
+
import t from "../../../colors/grey.js";
|
|
3
|
+
const c = ({ color: a = t.m500, size: e = 24, ...s }) => /* @__PURE__ */ l.jsxs(
|
|
4
|
+
"svg",
|
|
5
|
+
{
|
|
6
|
+
viewBox: "0 0 24 24",
|
|
7
|
+
width: e,
|
|
8
|
+
height: e,
|
|
9
|
+
fill: "none",
|
|
10
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
11
|
+
"aria-label": "Upload Box Outline",
|
|
12
|
+
...s,
|
|
13
|
+
children: [
|
|
14
|
+
/* @__PURE__ */ l.jsx(
|
|
15
|
+
"path",
|
|
16
|
+
{
|
|
17
|
+
d: "M7.25 7c0 .414.336.75.75.75h8a.75.75 0 0 0 0-1.5H8a.75.75 0 0 0-.75.75M12 17.75a.75.75 0 0 0 .75-.75v-5.19l1.72 1.72a.75.75 0 1 0 1.06-1.06l-3-3a.75.75 0 0 0-1.06 0l-3 3a.75.75 0 1 0 1.06 1.06l1.72-1.72V17c0 .414.336.75.75.75",
|
|
18
|
+
fill: a
|
|
19
|
+
}
|
|
20
|
+
),
|
|
21
|
+
/* @__PURE__ */ l.jsx(
|
|
22
|
+
"path",
|
|
23
|
+
{
|
|
24
|
+
fillRule: "evenodd",
|
|
25
|
+
clipRule: "evenodd",
|
|
26
|
+
d: "M11.943 1.25c-2.309 0-4.118 0-5.53.19-1.444.194-2.584.6-3.479 1.494-.895.895-1.3 2.035-1.494 3.48-.19 1.411-.19 3.22-.19 5.529v.114c0 2.309 0 4.118.19 5.53.194 1.444.6 2.584 1.494 3.479.895.895 2.035 1.3 3.48 1.494 1.411.19 3.22.19 5.529.19h.114c2.309 0 4.118 0 5.53-.19 1.444-.194 2.584-.6 3.479-1.494.895-.895 1.3-2.035 1.494-3.48.19-1.411.19-3.22.19-5.529v-.114c0-2.309 0-4.118-.19-5.53-.194-1.444-.6-2.584-1.494-3.479-.895-.895-2.035-1.3-3.48-1.494-1.411-.19-3.22-.19-5.529-.19zM3.995 3.995c.57-.57 1.34-.897 2.619-1.069 1.3-.174 3.008-.176 5.386-.176s4.086.002 5.386.176c1.279.172 2.05.5 2.62 1.069.569.57.896 1.34 1.068 2.619.174 1.3.176 3.008.176 5.386s-.002 4.086-.176 5.386c-.172 1.279-.5 2.05-1.069 2.62-.57.569-1.34.896-2.619 1.068-1.3.174-3.008.176-5.386.176s-4.086-.002-5.386-.176c-1.279-.172-2.05-.5-2.62-1.069-.569-.57-.896-1.34-1.068-2.619-.174-1.3-.176-3.008-.176-5.386s.002-4.086.176-5.386c.172-1.279.5-2.05 1.069-2.62",
|
|
27
|
+
fill: a
|
|
28
|
+
}
|
|
29
|
+
)
|
|
30
|
+
]
|
|
31
|
+
}
|
|
32
|
+
);
|
|
33
|
+
export {
|
|
34
|
+
c as default
|
|
35
|
+
};
|
|
@@ -0,0 +1,125 @@
|
|
|
1
|
+
import o from "./UploadBoxOutline/UploadBoxOutline.js";
|
|
2
|
+
import r from "./UploadBoxFilled/UploadBoxFilled.js";
|
|
3
|
+
import m from "./Upload/Upload.js";
|
|
4
|
+
import i from "./ThumbsUpOutline/ThumbsUpOutline.js";
|
|
5
|
+
import t from "./ThumbsUpFilled/ThumbsUpFilled.js";
|
|
6
|
+
import l from "./ThumbsDownOutline/ThumbsDownOutline.js";
|
|
7
|
+
import e from "./ThumbsDownFilled/ThumbsDownFilled.js";
|
|
8
|
+
import p from "./StarOutline/StarOutline.js";
|
|
9
|
+
import f from "./StarFilled/StarFilled.js";
|
|
10
|
+
import n from "./ShareThickFilled/ShareThickFilled.js";
|
|
11
|
+
import u from "./ShareOutline/ShareOutline.js";
|
|
12
|
+
import d from "./ShareFilled/ShareFilled.js";
|
|
13
|
+
import a from "./ShareBoxOutline/ShareBoxOutline.js";
|
|
14
|
+
import O from "./ShareAllOutline/ShareAllOutline.js";
|
|
15
|
+
import C from "./ShareAllFilled/ShareAllFilled.js";
|
|
16
|
+
import F from "./SettingOutline/SettingOutline.js";
|
|
17
|
+
import h from "./SettingFilled/SettingFilled.js";
|
|
18
|
+
import s from "./Search/Search.js";
|
|
19
|
+
import c from "./MinusCircleFilled/MinusCircleFilled.js";
|
|
20
|
+
import S from "./MinusCircle/MinusCircle.js";
|
|
21
|
+
import B from "./Minus/Minus.js";
|
|
22
|
+
import b from "./Link/Link.js";
|
|
23
|
+
import A from "./HomeOutline/HomeOutline.js";
|
|
24
|
+
import k from "./HomeFilled/HomeFilled.js";
|
|
25
|
+
import w from "./HeartOutline/HeartOutline.js";
|
|
26
|
+
import D from "./HeartFilled/HeartFilled.js";
|
|
27
|
+
import H from "./HamburgerSpaced/HamburgerSpaced.js";
|
|
28
|
+
import U from "./HamburgerMenu/HamburgerMenu.js";
|
|
29
|
+
import g from "./DotsVerticalOutline/DotsVerticalOutline.js";
|
|
30
|
+
import x from "./DotsVerticalFilled/DotsVerticalFilled.js";
|
|
31
|
+
import L from "./DotsHorizontalOutline/DotsHorizontalOutline.js";
|
|
32
|
+
import T from "./DotsHorizontalFilled/DotsHorizontalFilled.js";
|
|
33
|
+
import v from "./CommentOutline/CommentOutline.js";
|
|
34
|
+
import M from "./CommentLineOutline/CommentLineOutline.js";
|
|
35
|
+
import z from "./CommentLineFilled/CommentLineFilled.js";
|
|
36
|
+
import R from "./CommentFilled/CommentFilled.js";
|
|
37
|
+
import V from "./CommentBubbleOutline/CommentBubbleOutline.js";
|
|
38
|
+
import q from "./CommentBubbleFilled/CommentBubbleFilled.js";
|
|
39
|
+
import j from "./CloseCircleOutline/CloseCircleOutline.js";
|
|
40
|
+
import y from "./CloseCircleFilled/CloseCircleFilled.js";
|
|
41
|
+
import E from "./Close/Close.js";
|
|
42
|
+
import G from "./ClockSquareOutline/ClockSquareOutline.js";
|
|
43
|
+
import I from "./ClockCircleOutline/ClockCircleOutline.js";
|
|
44
|
+
import J from "./ChevronUp/ChevronUp.js";
|
|
45
|
+
import K from "./ChevronRight/ChevronRight.js";
|
|
46
|
+
import N from "./ChevronLeft/ChevronLeft.js";
|
|
47
|
+
import P from "./ChevronDown/ChevronDown.js";
|
|
48
|
+
import Q from "./BookmarkOutline/BookmarkOutline.js";
|
|
49
|
+
import W from "./BookmarkFilled/BookmarkFilled.js";
|
|
50
|
+
import X from "./BellOutline/BellOutline.js";
|
|
51
|
+
import Y from "./BellOffOutline/BellOffOutline.js";
|
|
52
|
+
import Z from "./BellOffFilled/BellOffFilled.js";
|
|
53
|
+
import _ from "./BellFilled/BellFilled.js";
|
|
54
|
+
import $ from "./ArrowUp/ArrowUp.js";
|
|
55
|
+
import oo from "./ArrowRight/ArrowRight.js";
|
|
56
|
+
import ro from "./ArrowLeft/ArrowLeft.js";
|
|
57
|
+
import mo from "./ArrowDown/ArrowDown.js";
|
|
58
|
+
import io from "./AddCircleFilled/AddCircleFilled.js";
|
|
59
|
+
import to from "./AddCircle/AddCircle.js";
|
|
60
|
+
import lo from "./Add/Add.js";
|
|
61
|
+
const Or = {
|
|
62
|
+
Add: lo,
|
|
63
|
+
AddCircle: to,
|
|
64
|
+
AddCircleFilled: io,
|
|
65
|
+
ArrowDown: mo,
|
|
66
|
+
ArrowLeft: ro,
|
|
67
|
+
ArrowRight: oo,
|
|
68
|
+
ArrowUp: $,
|
|
69
|
+
BellFilled: _,
|
|
70
|
+
BellOffFilled: Z,
|
|
71
|
+
BellOffOutline: Y,
|
|
72
|
+
BellOutline: X,
|
|
73
|
+
BookmarkFilled: W,
|
|
74
|
+
BookmarkOutline: Q,
|
|
75
|
+
ChevronDown: P,
|
|
76
|
+
ChevronLeft: N,
|
|
77
|
+
ChevronRight: K,
|
|
78
|
+
ChevronUp: J,
|
|
79
|
+
ClockCircleOutline: I,
|
|
80
|
+
ClockSquareOutline: G,
|
|
81
|
+
Close: E,
|
|
82
|
+
CloseCircleFilled: y,
|
|
83
|
+
CloseCircleOutline: j,
|
|
84
|
+
CommentBubbleFilled: q,
|
|
85
|
+
CommentBubbleOutline: V,
|
|
86
|
+
CommentFilled: R,
|
|
87
|
+
CommentLineFilled: z,
|
|
88
|
+
CommentLineOutline: M,
|
|
89
|
+
CommentOutline: v,
|
|
90
|
+
DotsHorizontalFilled: T,
|
|
91
|
+
DotsHorizontalOutline: L,
|
|
92
|
+
DotsVerticalFilled: x,
|
|
93
|
+
DotsVerticalOutline: g,
|
|
94
|
+
HamburgerMenu: U,
|
|
95
|
+
HamburgerSpaced: H,
|
|
96
|
+
HeartFilled: D,
|
|
97
|
+
HeartOutline: w,
|
|
98
|
+
HomeFilled: k,
|
|
99
|
+
HomeOutline: A,
|
|
100
|
+
Link: b,
|
|
101
|
+
Minus: B,
|
|
102
|
+
MinusCircle: S,
|
|
103
|
+
MinusCircleFilled: c,
|
|
104
|
+
Search: s,
|
|
105
|
+
SettingFilled: h,
|
|
106
|
+
SettingOutline: F,
|
|
107
|
+
ShareAllFilled: C,
|
|
108
|
+
ShareAllOutline: O,
|
|
109
|
+
ShareBoxOutline: a,
|
|
110
|
+
ShareFilled: d,
|
|
111
|
+
ShareOutline: u,
|
|
112
|
+
ShareThickFilled: n,
|
|
113
|
+
StarFilled: f,
|
|
114
|
+
StarOutline: p,
|
|
115
|
+
ThumbsDownFilled: e,
|
|
116
|
+
ThumbsDownOutline: l,
|
|
117
|
+
ThumbsUpFilled: t,
|
|
118
|
+
ThumbsUpOutline: i,
|
|
119
|
+
Upload: m,
|
|
120
|
+
UploadBoxFilled: r,
|
|
121
|
+
UploadBoxOutline: o
|
|
122
|
+
};
|
|
123
|
+
export {
|
|
124
|
+
Or as default
|
|
125
|
+
};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import o, { css as i } from "../../node_modules/styled-components/dist/styled-components.browser.esm.js";
|
|
2
|
-
import a from "../Icons/ChevronLeft/ChevronLeft.js";
|
|
3
|
-
import f from "../Icons/ChevronRight/ChevronRight.js";
|
|
4
2
|
import c from "../../colors/grey.js";
|
|
5
3
|
import n from "../../colors/white.js";
|
|
6
|
-
import
|
|
4
|
+
import a from "../../colors/black.js";
|
|
7
5
|
import { SELECTED_BG as m, NOT_SELECTED_BG as l, ACTIVE_NOT_SELECTED_BG as s } from "./constants.js";
|
|
6
|
+
import f from "../Icons/ChevronLeft/ChevronLeft.js";
|
|
7
|
+
import d from "../Icons/ChevronRight/ChevronRight.js";
|
|
8
8
|
const t = (r) => ({ shades: e }) => {
|
|
9
9
|
if (["#FFFFFF"].includes(e))
|
|
10
|
-
return
|
|
10
|
+
return a.m900;
|
|
11
11
|
if (r === m)
|
|
12
12
|
return e.m500;
|
|
13
13
|
if (r === l)
|
|
@@ -55,9 +55,9 @@ const t = (r) => ({ shades: e }) => {
|
|
|
55
55
|
`}
|
|
56
56
|
`, y = o.p`
|
|
57
57
|
color: ${c.m500};
|
|
58
|
-
`, k = o(
|
|
58
|
+
`, k = o(f)`
|
|
59
59
|
cursor: pointer;
|
|
60
|
-
`, w = o(
|
|
60
|
+
`, w = o(d)`
|
|
61
61
|
cursor: pointer;
|
|
62
62
|
`, x = o.div`
|
|
63
63
|
min-width: ${({ size: r }) => r};
|
package/dist/index.js
CHANGED
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import { default as
|
|
2
|
-
import { default as
|
|
3
|
-
import { default as l } from "./
|
|
4
|
-
import { default as
|
|
1
|
+
import { default as t } from "./components/Pagination/Pagination.js";
|
|
2
|
+
import { default as r } from "./components/Ripple/Ripple.js";
|
|
3
|
+
import { default as l } from "./colors/index.js";
|
|
4
|
+
import { default as p } from "./utils/index.js";
|
|
5
|
+
import { default as d } from "./components/Icons/index.js";
|
|
5
6
|
export {
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
7
|
+
t as Pagination,
|
|
8
|
+
r as Ripple,
|
|
9
|
+
l as colors,
|
|
10
|
+
d as icons,
|
|
11
|
+
p as utils
|
|
10
12
|
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import o from "./capFirstLetter.js";
|
|
2
|
+
import r from "./compose.js";
|
|
3
|
+
import t from "./hasEqualProps.js";
|
|
4
|
+
import m from "./isNonEmptyArray.js";
|
|
5
|
+
const e = {
|
|
6
|
+
capFirstLetter: o,
|
|
7
|
+
compose: r,
|
|
8
|
+
hasEqualProps: t,
|
|
9
|
+
isNonEmptyArray: m
|
|
10
|
+
};
|
|
11
|
+
export {
|
|
12
|
+
e as default
|
|
13
|
+
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "meticulous-ui",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.25",
|
|
4
4
|
"main": "dist/index.js",
|
|
5
5
|
"module": "dist/index.js",
|
|
6
6
|
"repository": {
|
|
@@ -15,6 +15,8 @@
|
|
|
15
15
|
"dist/index.js",
|
|
16
16
|
"dist/colors",
|
|
17
17
|
"dist/components",
|
|
18
|
+
"dist/utils",
|
|
19
|
+
"!dist/_virtual",
|
|
18
20
|
"README.md"
|
|
19
21
|
],
|
|
20
22
|
"type": "module",
|
|
@@ -44,7 +46,9 @@
|
|
|
44
46
|
"storybook": "storybook dev -p 6006",
|
|
45
47
|
"build-storybook": "storybook build",
|
|
46
48
|
"deploy-storybook": "gh-pages -d storybook-static",
|
|
47
|
-
"generate-icons": "node src/scripts/generateIcons.js"
|
|
49
|
+
"generate-icons": "node src/scripts/generateIcons.js",
|
|
50
|
+
"prepublish": "npm run build && cp package.json dist/ && rm -rf dist/_virtual",
|
|
51
|
+
"publish:dist": "npm publish dist/"
|
|
48
52
|
},
|
|
49
53
|
"devDependencies": {
|
|
50
54
|
"@storybook/addon-docs": "^9.1.10",
|