meticulous-ui 1.1.0 → 1.1.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +5 -5
- package/dist/README.md +192 -0
- package/dist/package.json +65 -0
- package/package.json +1 -1
- package/colors/amber.js +0 -19
- package/colors/black.js +0 -25
- package/colors/blue.js +0 -19
- package/colors/blueGray.js +0 -15
- package/colors/brown.js +0 -15
- package/colors/cider.js +0 -15
- package/colors/cyan.js +0 -19
- package/colors/deepOrange.js +0 -19
- package/colors/deepPurple.js +0 -19
- package/colors/green.js +0 -19
- package/colors/grey.js +0 -15
- package/colors/indigo.js +0 -19
- package/colors/lightBlue.js +0 -19
- package/colors/lightGreen.js +0 -19
- package/colors/lime.js +0 -19
- package/colors/orange.js +0 -19
- package/colors/pink.js +0 -19
- package/colors/purple.js +0 -19
- package/colors/red.js +0 -19
- package/colors/teal.js +0 -19
- package/colors/violet.js +0 -19
- package/colors/white.js +0 -4
- package/colors/yellow.js +0 -19
- package/components/Icons/Add/Add.js +0 -47
- package/components/Icons/AddCircle/AddCircle.js +0 -35
- package/components/Icons/AddCircleFilled/AddCircleFilled.js +0 -26
- package/components/Icons/ArrowDown/ArrowDown.js +0 -26
- package/components/Icons/ArrowLeft/ArrowLeft.js +0 -27
- package/components/Icons/ArrowRight/ArrowRight.js +0 -27
- package/components/Icons/ArrowUp/ArrowUp.js +0 -26
- package/components/Icons/BellFilled/BellFilled.js +0 -26
- package/components/Icons/BellOffFilled/BellOffFilled.js +0 -37
- package/components/Icons/BellOffOutline/BellOffOutline.js +0 -38
- package/components/Icons/BellOutline/BellOutline.js +0 -39
- package/components/Icons/BookmarkFilled/BookmarkFilled.js +0 -18
- package/components/Icons/BookmarkOutline/BookmarkOutline.js +0 -26
- package/components/Icons/ChevronDown/ChevronDown.js +0 -27
- package/components/Icons/ChevronLeft/ChevronLeft.js +0 -27
- package/components/Icons/ChevronRight/ChevronRight.js +0 -27
- package/components/Icons/ChevronUp/ChevronUp.js +0 -27
- package/components/Icons/ClockCircleOutline/ClockCircleOutline.js +0 -30
- package/components/Icons/ClockSquareOutline/ClockSquareOutline.js +0 -37
- package/components/Icons/Close/Close.js +0 -24
- package/components/Icons/CloseCircleFilled/CloseCircleFilled.js +0 -26
- package/components/Icons/CloseCircleOutline/CloseCircleOutline.js +0 -27
- package/components/Icons/CommentBubbleFilled/CommentBubbleFilled.js +0 -18
- package/components/Icons/CommentBubbleOutline/CommentBubbleOutline.js +0 -18
- package/components/Icons/CommentFilled/CommentFilled.js +0 -18
- package/components/Icons/CommentLineFilled/CommentLineFilled.js +0 -18
- package/components/Icons/CommentLineOutline/CommentLineOutline.js +0 -18
- package/components/Icons/CommentOutline/CommentOutline.js +0 -18
- package/components/Icons/ContactDetailsFilled/ContactDetailsFilled.js +0 -18
- package/components/Icons/ContactDetailsOutline/ContactDetailsOutline.js +0 -18
- package/components/Icons/DetailsOutline/DetailsOutline.js +0 -18
- package/components/Icons/DotsHorizontalFilled/DotsHorizontalFilled.js +0 -24
- package/components/Icons/DotsHorizontalOutline/DotsHorizontalOutline.js +0 -27
- package/components/Icons/DotsVerticalFilled/DotsVerticalFilled.js +0 -24
- package/components/Icons/DotsVerticalOutline/DotsVerticalOutline.js +0 -27
- package/components/Icons/ExitArrowInOutline/ExitArrowInOutline.js +0 -27
- package/components/Icons/ExitArrowOutOutline/ExitArrowOutOutline.js +0 -27
- package/components/Icons/HamburgerMenu/HamburgerMenu.js +0 -26
- package/components/Icons/HamburgerSpaced/HamburgerSpaced.js +0 -18
- package/components/Icons/HeartFilled/HeartFilled.js +0 -24
- package/components/Icons/HeartOutline/HeartOutline.js +0 -29
- package/components/Icons/HomeFilled/HomeFilled.js +0 -26
- package/components/Icons/HomeOutline/HomeOutline.js +0 -26
- package/components/Icons/Link/Link.js +0 -37
- package/components/Icons/LockClosedFilled/LockClosedFilled.js +0 -26
- package/components/Icons/LockClosedOutline/LockClosedOutline.js +0 -30
- package/components/Icons/LockOpenFilled/LockOpenFilled.js +0 -26
- package/components/Icons/LockOpenOutline/LockOpenOutline.js +0 -38
- package/components/Icons/Minus/Minus.js +0 -27
- package/components/Icons/MinusCircle/MinusCircle.js +0 -18
- package/components/Icons/MinusCircleFilled/MinusCircleFilled.js +0 -18
- package/components/Icons/ProfileFemaleOutline/ProfileFemaleOutline.js +0 -24
- package/components/Icons/ProfileGroupFilled/ProfileGroupFilled.js +0 -33
- package/components/Icons/ProfileMaleFilled/ProfileMaleFilled.js +0 -33
- package/components/Icons/ProfileMaleOutline/ProfileMaleOutline.js +0 -24
- package/components/Icons/Search/Search.js +0 -18
- package/components/Icons/SettingFilled/SettingFilled.js +0 -24
- package/components/Icons/SettingOutline/SettingOutline.js +0 -24
- package/components/Icons/ShareAllFilled/ShareAllFilled.js +0 -26
- package/components/Icons/ShareAllOutline/ShareAllOutline.js +0 -29
- package/components/Icons/ShareBoxOutline/ShareBoxOutline.js +0 -24
- package/components/Icons/ShareFilled/ShareFilled.js +0 -35
- package/components/Icons/ShareOutline/ShareOutline.js +0 -38
- package/components/Icons/ShareThickFilled/ShareThickFilled.js +0 -24
- package/components/Icons/ShieldCheckFilled/ShieldCheckFilled.js +0 -26
- package/components/Icons/ShieldCheckOutline/ShieldCheckOutline.js +0 -37
- package/components/Icons/ShieldCrossFilled/ShieldCrossFilled.js +0 -26
- package/components/Icons/ShieldCrossOutline/ShieldCrossOutline.js +0 -28
- package/components/Icons/ShieldWarningFilled/ShieldWarningFilled.js +0 -26
- package/components/Icons/ShieldWarningOutline/ShieldWarningOutline.js +0 -29
- package/components/Icons/StarFilled/StarFilled.js +0 -24
- package/components/Icons/StarOutline/StarOutline.js +0 -24
- package/components/Icons/ThumbsDownFilled/ThumbsDownFilled.js +0 -24
- package/components/Icons/ThumbsDownOutline/ThumbsDownOutline.js +0 -24
- package/components/Icons/ThumbsUpFilled/ThumbsUpFilled.js +0 -24
- package/components/Icons/ThumbsUpOutline/ThumbsUpOutline.js +0 -24
- package/components/Icons/Upload/Upload.js +0 -33
- package/components/Icons/UploadBoxFilled/UploadBoxFilled.js +0 -26
- package/components/Icons/UploadBoxOutline/UploadBoxOutline.js +0 -35
- package/components/Icons/WalletFilled/WalletFilled.js +0 -18
- package/components/Icons/WalletOutline/WalletOutline.js +0 -18
- package/components/Icons/index.js +0 -167
- package/components/Pagination/Pagination.js +0 -60
- package/components/Pagination/constants.js +0 -24
- package/components/Pagination/helpers.js +0 -32
- package/components/Pagination/index.js +0 -4
- package/components/Pagination/styles.js +0 -75
- package/components/Ripple/Ripple.js +0 -26
- package/components/Ripple/index.js +0 -4
- package/utils/capFirstLetter.js +0 -4
- package/utils/compose.js +0 -4
- package/utils/hasEqualProps.js +0 -7
- package/utils/isNonEmptyArray.js +0 -4
- /package/{colors → dist/colors}/index.js +0 -0
- /package/{index.js → dist/index.js} +0 -0
- /package/{utils → dist/utils}/index.js +0 -0
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
import o, { css as i } from "../../node_modules/styled-components/dist/styled-components.browser.esm.js";
|
|
2
|
-
import c from "../../colors/grey.js";
|
|
3
|
-
import n from "../../colors/white.js";
|
|
4
|
-
import a from "../../colors/black.js";
|
|
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
|
-
const t = (r) => ({ shades: e }) => {
|
|
9
|
-
if (["#FFFFFF"].includes(e))
|
|
10
|
-
return a.m900;
|
|
11
|
-
if (r === m)
|
|
12
|
-
return e.m500;
|
|
13
|
-
if (r === l)
|
|
14
|
-
return e.m50;
|
|
15
|
-
if (r === s)
|
|
16
|
-
return e.m100;
|
|
17
|
-
}, E = o.div`
|
|
18
|
-
display: flex;
|
|
19
|
-
justify-content: center;
|
|
20
|
-
align-items: center;
|
|
21
|
-
gap: 0.6rem;
|
|
22
|
-
min-width: 100%;
|
|
23
|
-
width: 100%;
|
|
24
|
-
|
|
25
|
-
${({ isDisabled: r }) => r && i`
|
|
26
|
-
pointer-events: none;
|
|
27
|
-
opacity: 0.4;
|
|
28
|
-
`};
|
|
29
|
-
`, b = o.div`
|
|
30
|
-
height: ${({ individualRemSize: r }) => `${r}rem`};
|
|
31
|
-
width: ${({ individualRemSize: r }) => `${r}rem`};
|
|
32
|
-
border-radius: 50%;
|
|
33
|
-
display: flex;
|
|
34
|
-
align-items: center;
|
|
35
|
-
flex-direction: column;
|
|
36
|
-
justify-content: center;
|
|
37
|
-
text-align: center;
|
|
38
|
-
font-size: ${({ fontRemSize: r }) => r}rem;
|
|
39
|
-
${({ isSelected: r }) => r ? i`
|
|
40
|
-
cursor: auto;
|
|
41
|
-
color: ${n};
|
|
42
|
-
background-color: ${t(m)};
|
|
43
|
-
` : i`
|
|
44
|
-
cursor: pointer;
|
|
45
|
-
color: ${c.m500};
|
|
46
|
-
|
|
47
|
-
&:hover {
|
|
48
|
-
background-color: ${t(l)};
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
&:active {
|
|
52
|
-
background-color: ${t(s)};
|
|
53
|
-
color: ${n};
|
|
54
|
-
}
|
|
55
|
-
`}
|
|
56
|
-
`, y = o.p`
|
|
57
|
-
color: ${c.m500};
|
|
58
|
-
`, k = o(f)`
|
|
59
|
-
cursor: pointer;
|
|
60
|
-
`, w = o(d)`
|
|
61
|
-
cursor: pointer;
|
|
62
|
-
`, x = o.div`
|
|
63
|
-
min-width: ${({ size: r }) => r};
|
|
64
|
-
display: flex;
|
|
65
|
-
align-items: center;
|
|
66
|
-
justify-content: space-between;
|
|
67
|
-
`;
|
|
68
|
-
export {
|
|
69
|
-
E as AllPages,
|
|
70
|
-
k as ClickableChevronLeft,
|
|
71
|
-
w as ClickableChevronRight,
|
|
72
|
-
x as MiddleLayer,
|
|
73
|
-
y as P,
|
|
74
|
-
b as Page
|
|
75
|
-
};
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { j as m } from "../../_virtual/jsx-runtime.js";
|
|
2
|
-
import { useRef as d } from "react";
|
|
3
|
-
/* empty css */
|
|
4
|
-
const x = ({ children: s, rippleColor: l = "rgba(0,0,0,0.3)", className: p = "", ...c }) => {
|
|
5
|
-
const r = d(null), a = (o) => {
|
|
6
|
-
const n = r.current;
|
|
7
|
-
if (!n) return;
|
|
8
|
-
const e = document.createElement("span");
|
|
9
|
-
e.className = "ripple", e.style.backgroundColor = l;
|
|
10
|
-
const t = n.getBoundingClientRect(), i = Math.max(t.width, t.height);
|
|
11
|
-
e.style.width = e.style.height = `${i}px`, e.style.left = `${o.clientX - t.left - i / 2}px`, e.style.top = `${o.clientY - t.top - i / 2}px`, n.appendChild(e), e.addEventListener("animationend", () => e.remove());
|
|
12
|
-
};
|
|
13
|
-
return /* @__PURE__ */ m.jsx(
|
|
14
|
-
"div",
|
|
15
|
-
{
|
|
16
|
-
ref: r,
|
|
17
|
-
onClick: a,
|
|
18
|
-
className: `ripple-container ${p}`,
|
|
19
|
-
...c,
|
|
20
|
-
children: s
|
|
21
|
-
}
|
|
22
|
-
);
|
|
23
|
-
};
|
|
24
|
-
export {
|
|
25
|
-
x as default
|
|
26
|
-
};
|
package/utils/capFirstLetter.js
DELETED
package/utils/compose.js
DELETED
package/utils/hasEqualProps.js
DELETED
package/utils/isNonEmptyArray.js
DELETED
|
File without changes
|
|
File without changes
|
|
File without changes
|