meticulous-ui 1.0.22 → 1.0.24
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/package.json +8 -3
- package/README.md +0 -188
- package/dist/_virtual/jsx-runtime.js +0 -5
- package/dist/_virtual/jsx-runtime2.js +0 -4
- package/dist/_virtual/react-jsx-runtime.development.js +0 -4
- package/dist/_virtual/react-jsx-runtime.production.min.js +0 -4
- package/dist/colors/amber.js +0 -19
- package/dist/colors/black.js +0 -25
- package/dist/colors/blue.js +0 -19
- package/dist/colors/blueGray.js +0 -15
- package/dist/colors/brown.js +0 -15
- package/dist/colors/cider.js +0 -15
- package/dist/colors/cyan.js +0 -19
- package/dist/colors/deepOrange.js +0 -19
- package/dist/colors/deepPurple.js +0 -19
- package/dist/colors/green.js +0 -19
- package/dist/colors/grey.js +0 -15
- package/dist/colors/index.js +0 -51
- package/dist/colors/indigo.js +0 -19
- package/dist/colors/lightBlue.js +0 -19
- package/dist/colors/lightGreen.js +0 -19
- package/dist/colors/lime.js +0 -19
- package/dist/colors/orange.js +0 -19
- package/dist/colors/pink.js +0 -19
- package/dist/colors/purple.js +0 -19
- package/dist/colors/red.js +0 -19
- package/dist/colors/teal.js +0 -19
- package/dist/colors/violet.js +0 -19
- package/dist/colors/white.js +0 -4
- package/dist/colors/yellow.js +0 -19
- package/dist/components/Icons/ChevronLeft/ChevronLeft.js +0 -24
- package/dist/components/Icons/ChevronLeft/index.js +0 -4
- package/dist/components/Icons/ChevronRight/ChevronRight.js +0 -24
- package/dist/components/Icons/ChevronRight/index.js +0 -4
- package/dist/components/Pagination/Pagination.js +0 -60
- package/dist/components/Pagination/constants.js +0 -24
- package/dist/components/Pagination/helpers.js +0 -32
- package/dist/components/Pagination/index.js +0 -4
- package/dist/components/Pagination/styles.js +0 -75
- package/dist/components/Ripple/Ripple.js +0 -26
- package/dist/components/Ripple/index.js +0 -4
- package/dist/index.js +0 -10
- package/dist/meticulous-ui.css +0 -1
- package/dist/node_modules/@emotion/is-prop-valid/dist/emotion-is-prop-valid.esm.js +0 -10
- package/dist/node_modules/@emotion/memoize/dist/emotion-memoize.esm.js +0 -9
- package/dist/node_modules/@emotion/unitless/dist/emotion-unitless.esm.js +0 -52
- package/dist/node_modules/lodash-es/_Hash.js +0 -20
- package/dist/node_modules/lodash-es/_ListCache.js +0 -20
- package/dist/node_modules/lodash-es/_Map.js +0 -6
- package/dist/node_modules/lodash-es/_MapCache.js +0 -20
- package/dist/node_modules/lodash-es/_Symbol.js +0 -5
- package/dist/node_modules/lodash-es/_arrayMap.js +0 -8
- package/dist/node_modules/lodash-es/_assocIndexOf.js +0 -10
- package/dist/node_modules/lodash-es/_baseGet.js +0 -11
- package/dist/node_modules/lodash-es/_baseGetTag.js +0 -10
- package/dist/node_modules/lodash-es/_baseIsNative.js +0 -16
- package/dist/node_modules/lodash-es/_baseRange.js +0 -9
- package/dist/node_modules/lodash-es/_baseToString.js +0 -18
- package/dist/node_modules/lodash-es/_baseTrim.js +0 -8
- package/dist/node_modules/lodash-es/_castPath.js +0 -10
- package/dist/node_modules/lodash-es/_coreJsData.js +0 -5
- package/dist/node_modules/lodash-es/_createRange.js +0 -11
- package/dist/node_modules/lodash-es/_freeGlobal.js +0 -4
- package/dist/node_modules/lodash-es/_getMapData.js +0 -8
- package/dist/node_modules/lodash-es/_getNative.js +0 -9
- package/dist/node_modules/lodash-es/_getRawTag.js +0 -15
- package/dist/node_modules/lodash-es/_getValue.js +0 -6
- package/dist/node_modules/lodash-es/_hashClear.js +0 -7
- package/dist/node_modules/lodash-es/_hashDelete.js +0 -7
- package/dist/node_modules/lodash-es/_hashGet.js +0 -13
- package/dist/node_modules/lodash-es/_hashHas.js +0 -9
- package/dist/node_modules/lodash-es/_hashSet.js +0 -9
- package/dist/node_modules/lodash-es/_isIndex.js +0 -8
- package/dist/node_modules/lodash-es/_isIterateeCall.js +0 -13
- package/dist/node_modules/lodash-es/_isKey.js +0 -12
- package/dist/node_modules/lodash-es/_isKeyable.js +0 -7
- package/dist/node_modules/lodash-es/_isMasked.js +0 -11
- package/dist/node_modules/lodash-es/_listCacheClear.js +0 -6
- package/dist/node_modules/lodash-es/_listCacheDelete.js +0 -12
- package/dist/node_modules/lodash-es/_listCacheGet.js +0 -8
- package/dist/node_modules/lodash-es/_listCacheHas.js +0 -7
- package/dist/node_modules/lodash-es/_listCacheSet.js +0 -8
- package/dist/node_modules/lodash-es/_mapCacheClear.js +0 -13
- package/dist/node_modules/lodash-es/_mapCacheDelete.js +0 -8
- package/dist/node_modules/lodash-es/_mapCacheGet.js +0 -7
- package/dist/node_modules/lodash-es/_mapCacheHas.js +0 -7
- package/dist/node_modules/lodash-es/_mapCacheSet.js +0 -8
- package/dist/node_modules/lodash-es/_memoizeCapped.js +0 -11
- package/dist/node_modules/lodash-es/_nativeCreate.js +0 -5
- package/dist/node_modules/lodash-es/_objectToString.js +0 -7
- package/dist/node_modules/lodash-es/_root.js +0 -5
- package/dist/node_modules/lodash-es/_stringToPath.js +0 -10
- package/dist/node_modules/lodash-es/_toKey.js +0 -10
- package/dist/node_modules/lodash-es/_toSource.js +0 -17
- package/dist/node_modules/lodash-es/_trimmedEndIndex.js +0 -9
- package/dist/node_modules/lodash-es/eq.js +0 -6
- package/dist/node_modules/lodash-es/get.js +0 -8
- package/dist/node_modules/lodash-es/isArray.js +0 -4
- package/dist/node_modules/lodash-es/isArrayLike.js +0 -8
- package/dist/node_modules/lodash-es/isFunction.js +0 -12
- package/dist/node_modules/lodash-es/isLength.js +0 -7
- package/dist/node_modules/lodash-es/isObject.js +0 -7
- package/dist/node_modules/lodash-es/isObjectLike.js +0 -6
- package/dist/node_modules/lodash-es/isSymbol.js +0 -9
- package/dist/node_modules/lodash-es/memoize.js +0 -18
- package/dist/node_modules/lodash-es/range.js +0 -5
- package/dist/node_modules/lodash-es/toFinite.js +0 -14
- package/dist/node_modules/lodash-es/toNumber.js +0 -22
- package/dist/node_modules/lodash-es/toString.js +0 -7
- package/dist/node_modules/react/cjs/react-jsx-runtime.development.js +0 -604
- package/dist/node_modules/react/cjs/react-jsx-runtime.production.min.js +0 -28
- package/dist/node_modules/react/jsx-runtime.js +0 -10
- package/dist/node_modules/styled-components/dist/styled-components.browser.esm.js +0 -572
- package/dist/node_modules/stylis/src/Enum.js +0 -12
- package/dist/node_modules/stylis/src/Middleware.js +0 -49
- package/dist/node_modules/stylis/src/Parser.js +0 -131
- package/dist/node_modules/stylis/src/Prefixer.js +0 -187
- package/dist/node_modules/stylis/src/Serializer.js +0 -27
- package/dist/node_modules/stylis/src/Tokenizer.js +0 -147
- package/dist/node_modules/stylis/src/Utility.js +0 -56
- package/dist/node_modules/tslib/tslib.es6.js +0 -18
package/dist/colors/teal.js
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
const m = {
|
|
2
|
-
m50: "#E0F2F1",
|
|
3
|
-
m100: "#B2DFDB",
|
|
4
|
-
m200: "#80CBC4",
|
|
5
|
-
m300: "#4DB6AC",
|
|
6
|
-
m400: "#26A69A",
|
|
7
|
-
m500: "#009688",
|
|
8
|
-
m600: "#00897B",
|
|
9
|
-
m700: "#00796B",
|
|
10
|
-
m800: "#00695C",
|
|
11
|
-
m900: "#004D40",
|
|
12
|
-
a100: "#A7FFEB",
|
|
13
|
-
a200: "#64FFDA",
|
|
14
|
-
a400: "#1DE9B6",
|
|
15
|
-
a700: "#00BFA5"
|
|
16
|
-
};
|
|
17
|
-
export {
|
|
18
|
-
m as default
|
|
19
|
-
};
|
package/dist/colors/violet.js
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
const F = {
|
|
2
|
-
m50: "#F3E8FF",
|
|
3
|
-
m100: "#E1BFFF",
|
|
4
|
-
m200: "#CE96FF",
|
|
5
|
-
m300: "#BA6EFF",
|
|
6
|
-
m400: "#A955FF",
|
|
7
|
-
m500: "#933DFF",
|
|
8
|
-
m600: "#852AFF",
|
|
9
|
-
m700: "#7718FF",
|
|
10
|
-
m800: "#6800E6",
|
|
11
|
-
m900: "#4D00B3",
|
|
12
|
-
a100: "#D1A8FF",
|
|
13
|
-
a200: "#B36CFF",
|
|
14
|
-
a400: "#9400FF",
|
|
15
|
-
a700: "#7A00E6"
|
|
16
|
-
};
|
|
17
|
-
export {
|
|
18
|
-
F as default
|
|
19
|
-
};
|
package/dist/colors/white.js
DELETED
package/dist/colors/yellow.js
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
const F = {
|
|
2
|
-
m50: "#FFFDE7",
|
|
3
|
-
m100: "#FFF9C4",
|
|
4
|
-
m200: "#FFF59D",
|
|
5
|
-
m300: "#FFF176",
|
|
6
|
-
m400: "#FFEE58",
|
|
7
|
-
m500: "#FFEB3B",
|
|
8
|
-
m600: "#FDD835",
|
|
9
|
-
m700: "#FBC02D",
|
|
10
|
-
m800: "#F9A825",
|
|
11
|
-
m900: "#F57F17",
|
|
12
|
-
a100: "#FFFF8D",
|
|
13
|
-
a200: "#FFFF00",
|
|
14
|
-
a400: "#FFEA00",
|
|
15
|
-
a700: "#FFD600"
|
|
16
|
-
};
|
|
17
|
-
export {
|
|
18
|
-
F as default
|
|
19
|
-
};
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { j as r } from "../../../_virtual/jsx-runtime.js";
|
|
2
|
-
import i from "../../../node_modules/styled-components/dist/styled-components.browser.esm.js";
|
|
3
|
-
import s from "../../../colors/grey.js";
|
|
4
|
-
const l = i.img`
|
|
5
|
-
display: inline-block;
|
|
6
|
-
vertical-align: middle;
|
|
7
|
-
fill: ${({ color: o }) => o};
|
|
8
|
-
`, a = (o) => {
|
|
9
|
-
const { color: e, size: t } = o;
|
|
10
|
-
return /* @__PURE__ */ r.jsx(
|
|
11
|
-
l,
|
|
12
|
-
{
|
|
13
|
-
...o,
|
|
14
|
-
color: e || s.m500,
|
|
15
|
-
src: "https://www.svgrepo.com/show/533659/chevron-left.svg",
|
|
16
|
-
alt: "Chevron Left",
|
|
17
|
-
width: t,
|
|
18
|
-
height: t
|
|
19
|
-
}
|
|
20
|
-
);
|
|
21
|
-
};
|
|
22
|
-
export {
|
|
23
|
-
a as default
|
|
24
|
-
};
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { j as i } from "../../../_virtual/jsx-runtime.js";
|
|
2
|
-
import e from "../../../node_modules/styled-components/dist/styled-components.browser.esm.js";
|
|
3
|
-
import s from "../../../colors/grey.js";
|
|
4
|
-
const l = e.img`
|
|
5
|
-
display: inline-block;
|
|
6
|
-
vertical-align: middle;
|
|
7
|
-
fill: ${({ color: o }) => o};
|
|
8
|
-
`, c = (o) => {
|
|
9
|
-
const { color: r, size: t } = o;
|
|
10
|
-
return /* @__PURE__ */ i.jsx(
|
|
11
|
-
l,
|
|
12
|
-
{
|
|
13
|
-
...o,
|
|
14
|
-
color: r || s.m500,
|
|
15
|
-
src: "https://www.svgrepo.com/show/533661/chevron-right.svg",
|
|
16
|
-
alt: "Chevron Right",
|
|
17
|
-
width: t,
|
|
18
|
-
height: t
|
|
19
|
-
}
|
|
20
|
-
);
|
|
21
|
-
};
|
|
22
|
-
export {
|
|
23
|
-
c as default
|
|
24
|
-
};
|
|
@@ -1,60 +0,0 @@
|
|
|
1
|
-
import { j as c } from "../../_virtual/jsx-runtime.js";
|
|
2
|
-
import K from "../../node_modules/lodash-es/get.js";
|
|
3
|
-
import h from "../../node_modules/lodash-es/range.js";
|
|
4
|
-
import { PrevArrow as w, renderPageNum as x, NextArrow as A, renderThreeDots as I } from "./helpers.js";
|
|
5
|
-
import R from "../../colors/index.js";
|
|
6
|
-
import S from "../../colors/teal.js";
|
|
7
|
-
import { ICON_SIZE_MAPPING as _, MEDIUM as v, SIZE_REM_MAPPING as $ } from "./constants.js";
|
|
8
|
-
import { AllPages as M, MiddleLayer as y } from "./styles.js";
|
|
9
|
-
const k = ({
|
|
10
|
-
pageNumber: n,
|
|
11
|
-
setPageNumber: D,
|
|
12
|
-
totalPages: r,
|
|
13
|
-
theme: E = "lime",
|
|
14
|
-
size: i = v,
|
|
15
|
-
isDisabled: j = !1
|
|
16
|
-
}) => {
|
|
17
|
-
const d = (e) => {
|
|
18
|
-
e !== n && D(e);
|
|
19
|
-
}, f = () => {
|
|
20
|
-
n > 1 && d(n - 1);
|
|
21
|
-
}, t = () => {
|
|
22
|
-
n < r && d(n + 1);
|
|
23
|
-
}, m = (e) => {
|
|
24
|
-
console.log({ e }), ["ArrowLeft", "ArrowUp"].includes(e.code) && f(), ["ArrowRight", "ArrowDown"].includes(e.code) && t();
|
|
25
|
-
}, o = K(R, E, S), l = $[i], s = _[i];
|
|
26
|
-
return r <= 7 ? /* @__PURE__ */ c.jsxs(M, { onKeyDown: m, tabIndex: "0", isDisabled: j, children: [
|
|
27
|
-
/* @__PURE__ */ c.jsx(w, { iconSize: s, shades: o, setPrevPage: f }),
|
|
28
|
-
/* @__PURE__ */ c.jsx(y, { size: `${r * l}rem`, children: h(1, r + 1).map(
|
|
29
|
-
x({ size: i, selected: n, shades: o, changePage: d })
|
|
30
|
-
) }),
|
|
31
|
-
/* @__PURE__ */ c.jsx(A, { iconSize: s, shades: o, setNextPage: t })
|
|
32
|
-
] }) : r < 10 || n < 4 || n > r - 3 && n <= r ? /* @__PURE__ */ c.jsxs(M, { onKeyDown: m, tabIndex: "0", isDisabled: j, children: [
|
|
33
|
-
/* @__PURE__ */ c.jsx(w, { iconSize: s, shades: o, setPrevPage: f }),
|
|
34
|
-
/* @__PURE__ */ c.jsxs(y, { size: `${9 * l}rem`, children: [
|
|
35
|
-
h(1, 5).map(x({ size: i, selected: n, shades: o, changePage: d })),
|
|
36
|
-
I(),
|
|
37
|
-
[r - 3, r - 2, r - 1, r].map(
|
|
38
|
-
x({ size: i, selected: n, shades: o, changePage: d })
|
|
39
|
-
)
|
|
40
|
-
] }),
|
|
41
|
-
/* @__PURE__ */ c.jsx(A, { iconSize: s, shades: o, setNextPage: t })
|
|
42
|
-
] }) : /* @__PURE__ */ c.jsxs(M, { onKeyDown: m, tabIndex: "0", isDisabled: j, children: [
|
|
43
|
-
/* @__PURE__ */ c.jsx(w, { iconSize: s, shades: o, setPrevPage: f }),
|
|
44
|
-
/* @__PURE__ */ c.jsxs(y, { size: `${9 * l}rem`, children: [
|
|
45
|
-
h(1, 3).map(x({ size: i, selected: n, shades: o, changePage: d })),
|
|
46
|
-
I(),
|
|
47
|
-
[n - 1, n, n + 1].map(
|
|
48
|
-
x({ size: i, selected: n, shades: o, changePage: d })
|
|
49
|
-
),
|
|
50
|
-
I(),
|
|
51
|
-
[r - 1, r].map(
|
|
52
|
-
x({ size: i, selected: n, shades: o, changePage: d })
|
|
53
|
-
)
|
|
54
|
-
] }),
|
|
55
|
-
/* @__PURE__ */ c.jsx(A, { iconSize: s, shades: o, setNextPage: t })
|
|
56
|
-
] });
|
|
57
|
-
};
|
|
58
|
-
export {
|
|
59
|
-
k as default
|
|
60
|
-
};
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
const _ = "small", I = "medium", E = "large", M = {
|
|
2
|
-
[_]: 1.9,
|
|
3
|
-
[I]: 2.6,
|
|
4
|
-
[E]: 3.1
|
|
5
|
-
}, S = {
|
|
6
|
-
[_]: 1,
|
|
7
|
-
[I]: 1.2,
|
|
8
|
-
[E]: 1.4
|
|
9
|
-
}, L = {
|
|
10
|
-
[_]: 18,
|
|
11
|
-
[I]: 19,
|
|
12
|
-
[E]: 20
|
|
13
|
-
}, t = "selected_bg", N = "not_selected_bg", A = "active_not_selected_bg";
|
|
14
|
-
export {
|
|
15
|
-
A as ACTIVE_NOT_SELECTED_BG,
|
|
16
|
-
S as FONT_SIZE_MAPPING,
|
|
17
|
-
L as ICON_SIZE_MAPPING,
|
|
18
|
-
E as LARGE,
|
|
19
|
-
I as MEDIUM,
|
|
20
|
-
N as NOT_SELECTED_BG,
|
|
21
|
-
t as SELECTED_BG,
|
|
22
|
-
M as SIZE_REM_MAPPING,
|
|
23
|
-
_ as SMALL
|
|
24
|
-
};
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import { j as r } from "../../_virtual/jsx-runtime.js";
|
|
2
|
-
import s from "../Ripple/Ripple.js";
|
|
3
|
-
import { FONT_SIZE_MAPPING as x, SIZE_REM_MAPPING as h } from "./constants.js";
|
|
4
|
-
import { ClickableChevronLeft as j, Page as p, ClickableChevronRight as C, P as t } from "./styles.js";
|
|
5
|
-
const R = ({ size: e, selected: i, shades: n, changePage: c }) => (o) => {
|
|
6
|
-
const l = h[e], m = x[e], d = () => {
|
|
7
|
-
c(o);
|
|
8
|
-
};
|
|
9
|
-
return /* @__PURE__ */ r.jsx(
|
|
10
|
-
p,
|
|
11
|
-
{
|
|
12
|
-
"data-testid": i === o ? "current-page" : `test-${o}`,
|
|
13
|
-
isSelected: i === o,
|
|
14
|
-
onClick: d,
|
|
15
|
-
shades: n,
|
|
16
|
-
individualRemSize: l,
|
|
17
|
-
fontRemSize: m,
|
|
18
|
-
children: o
|
|
19
|
-
},
|
|
20
|
-
`page_${o}`
|
|
21
|
-
);
|
|
22
|
-
}, u = () => /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
|
|
23
|
-
/* @__PURE__ */ r.jsx(t, { children: "." }),
|
|
24
|
-
/* @__PURE__ */ r.jsx(t, { children: "." }),
|
|
25
|
-
/* @__PURE__ */ r.jsx(t, { children: "." })
|
|
26
|
-
] }), N = ({ iconSize: e, shades: i, setPrevPage: n }) => /* @__PURE__ */ r.jsx(s, { rippleColor: i.m50, children: /* @__PURE__ */ r.jsx(j, { size: e, onClick: n }) }), S = ({ iconSize: e, shades: i, setNextPage: n }) => /* @__PURE__ */ r.jsx(s, { rippleColor: i.m50, children: /* @__PURE__ */ r.jsx(C, { size: e, onClick: n }) });
|
|
27
|
-
export {
|
|
28
|
-
S as NextArrow,
|
|
29
|
-
N as PrevArrow,
|
|
30
|
-
R as renderPageNum,
|
|
31
|
-
u as renderThreeDots
|
|
32
|
-
};
|
|
@@ -1,75 +0,0 @@
|
|
|
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
|
-
import c from "../../colors/grey.js";
|
|
5
|
-
import n from "../../colors/white.js";
|
|
6
|
-
import d from "../../colors/black.js";
|
|
7
|
-
import { SELECTED_BG as m, NOT_SELECTED_BG as l, ACTIVE_NOT_SELECTED_BG as s } from "./constants.js";
|
|
8
|
-
const t = (r) => ({ shades: e }) => {
|
|
9
|
-
if (["#FFFFFF"].includes(e))
|
|
10
|
-
return d.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(a)`
|
|
59
|
-
cursor: pointer;
|
|
60
|
-
`, w = o(f)`
|
|
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/dist/index.js
DELETED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { default as r } from "./components/Pagination/Pagination.js";
|
|
2
|
-
import { default as a } from "./colors/index.js";
|
|
3
|
-
import { default as l } from "./components/Icons/ChevronLeft/ChevronLeft.js";
|
|
4
|
-
import { default as d } from "./components/Icons/ChevronRight/ChevronRight.js";
|
|
5
|
-
export {
|
|
6
|
-
l as ChevronLeft,
|
|
7
|
-
d as ChevronRight,
|
|
8
|
-
r as Pagination,
|
|
9
|
-
a as colors
|
|
10
|
-
};
|
package/dist/meticulous-ui.css
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
.ripple-container{position:relative;overflow:hidden;display:inline-block}.ripple{position:absolute;border-radius:50%;transform:scale(0);animation:ripple-animation .6s linear;pointer-events:none}@keyframes ripple-animation{to{transform:scale(4);opacity:0}}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import t from "../../memoize/dist/emotion-memoize.esm.js";
|
|
2
|
-
var r = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, a = /* @__PURE__ */ t(
|
|
3
|
-
function(e) {
|
|
4
|
-
return r.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
|
|
5
|
-
}
|
|
6
|
-
/* Z+1 */
|
|
7
|
-
);
|
|
8
|
-
export {
|
|
9
|
-
a as default
|
|
10
|
-
};
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
var o = {
|
|
2
|
-
animationIterationCount: 1,
|
|
3
|
-
aspectRatio: 1,
|
|
4
|
-
borderImageOutset: 1,
|
|
5
|
-
borderImageSlice: 1,
|
|
6
|
-
borderImageWidth: 1,
|
|
7
|
-
boxFlex: 1,
|
|
8
|
-
boxFlexGroup: 1,
|
|
9
|
-
boxOrdinalGroup: 1,
|
|
10
|
-
columnCount: 1,
|
|
11
|
-
columns: 1,
|
|
12
|
-
flex: 1,
|
|
13
|
-
flexGrow: 1,
|
|
14
|
-
flexPositive: 1,
|
|
15
|
-
flexShrink: 1,
|
|
16
|
-
flexNegative: 1,
|
|
17
|
-
flexOrder: 1,
|
|
18
|
-
gridRow: 1,
|
|
19
|
-
gridRowEnd: 1,
|
|
20
|
-
gridRowSpan: 1,
|
|
21
|
-
gridRowStart: 1,
|
|
22
|
-
gridColumn: 1,
|
|
23
|
-
gridColumnEnd: 1,
|
|
24
|
-
gridColumnSpan: 1,
|
|
25
|
-
gridColumnStart: 1,
|
|
26
|
-
msGridRow: 1,
|
|
27
|
-
msGridRowSpan: 1,
|
|
28
|
-
msGridColumn: 1,
|
|
29
|
-
msGridColumnSpan: 1,
|
|
30
|
-
fontWeight: 1,
|
|
31
|
-
lineHeight: 1,
|
|
32
|
-
opacity: 1,
|
|
33
|
-
order: 1,
|
|
34
|
-
orphans: 1,
|
|
35
|
-
tabSize: 1,
|
|
36
|
-
widows: 1,
|
|
37
|
-
zIndex: 1,
|
|
38
|
-
zoom: 1,
|
|
39
|
-
WebkitLineClamp: 1,
|
|
40
|
-
// SVG-related properties
|
|
41
|
-
fillOpacity: 1,
|
|
42
|
-
floodOpacity: 1,
|
|
43
|
-
stopOpacity: 1,
|
|
44
|
-
strokeDasharray: 1,
|
|
45
|
-
strokeDashoffset: 1,
|
|
46
|
-
strokeMiterlimit: 1,
|
|
47
|
-
strokeOpacity: 1,
|
|
48
|
-
strokeWidth: 1
|
|
49
|
-
};
|
|
50
|
-
export {
|
|
51
|
-
o as default
|
|
52
|
-
};
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import p from "./_hashClear.js";
|
|
2
|
-
import a from "./_hashDelete.js";
|
|
3
|
-
import l from "./_hashGet.js";
|
|
4
|
-
import s from "./_hashHas.js";
|
|
5
|
-
import m from "./_hashSet.js";
|
|
6
|
-
function t(o) {
|
|
7
|
-
var e = -1, h = o == null ? 0 : o.length;
|
|
8
|
-
for (this.clear(); ++e < h; ) {
|
|
9
|
-
var r = o[e];
|
|
10
|
-
this.set(r[0], r[1]);
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
t.prototype.clear = p;
|
|
14
|
-
t.prototype.delete = a;
|
|
15
|
-
t.prototype.get = l;
|
|
16
|
-
t.prototype.has = s;
|
|
17
|
-
t.prototype.set = m;
|
|
18
|
-
export {
|
|
19
|
-
t as default
|
|
20
|
-
};
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import p from "./_listCacheClear.js";
|
|
2
|
-
import a from "./_listCacheDelete.js";
|
|
3
|
-
import i from "./_listCacheGet.js";
|
|
4
|
-
import h from "./_listCacheHas.js";
|
|
5
|
-
import s from "./_listCacheSet.js";
|
|
6
|
-
function t(e) {
|
|
7
|
-
var o = -1, l = e == null ? 0 : e.length;
|
|
8
|
-
for (this.clear(); ++o < l; ) {
|
|
9
|
-
var r = e[o];
|
|
10
|
-
this.set(r[0], r[1]);
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
t.prototype.clear = p;
|
|
14
|
-
t.prototype.delete = a;
|
|
15
|
-
t.prototype.get = i;
|
|
16
|
-
t.prototype.has = h;
|
|
17
|
-
t.prototype.set = s;
|
|
18
|
-
export {
|
|
19
|
-
t as default
|
|
20
|
-
};
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import r from "./_mapCacheClear.js";
|
|
2
|
-
import m from "./_mapCacheDelete.js";
|
|
3
|
-
import h from "./_mapCacheGet.js";
|
|
4
|
-
import l from "./_mapCacheHas.js";
|
|
5
|
-
import c from "./_mapCacheSet.js";
|
|
6
|
-
function e(t) {
|
|
7
|
-
var o = -1, a = t == null ? 0 : t.length;
|
|
8
|
-
for (this.clear(); ++o < a; ) {
|
|
9
|
-
var p = t[o];
|
|
10
|
-
this.set(p[0], p[1]);
|
|
11
|
-
}
|
|
12
|
-
}
|
|
13
|
-
e.prototype.clear = r;
|
|
14
|
-
e.prototype.delete = m;
|
|
15
|
-
e.prototype.get = h;
|
|
16
|
-
e.prototype.has = l;
|
|
17
|
-
e.prototype.set = c;
|
|
18
|
-
export {
|
|
19
|
-
e as default
|
|
20
|
-
};
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import t from "./_Symbol.js";
|
|
2
|
-
import e from "./_getRawTag.js";
|
|
3
|
-
import o from "./_objectToString.js";
|
|
4
|
-
var i = "[object Null]", f = "[object Undefined]", r = t ? t.toStringTag : void 0;
|
|
5
|
-
function m(n) {
|
|
6
|
-
return n == null ? n === void 0 ? f : i : r && r in Object(n) ? e(n) : o(n);
|
|
7
|
-
}
|
|
8
|
-
export {
|
|
9
|
-
m as default
|
|
10
|
-
};
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import o from "./isFunction.js";
|
|
2
|
-
import e from "./_isMasked.js";
|
|
3
|
-
import a from "./isObject.js";
|
|
4
|
-
import n from "./_toSource.js";
|
|
5
|
-
var p = /[\\^$.*+?()[\]{}|]/g, i = /^\[object .+?Constructor\]$/, s = Function.prototype, c = Object.prototype, f = s.toString, m = c.hasOwnProperty, u = RegExp(
|
|
6
|
-
"^" + f.call(m).replace(p, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
|
|
7
|
-
);
|
|
8
|
-
function O(r) {
|
|
9
|
-
if (!a(r) || e(r))
|
|
10
|
-
return !1;
|
|
11
|
-
var t = o(r) ? u : i;
|
|
12
|
-
return t.test(n(r));
|
|
13
|
-
}
|
|
14
|
-
export {
|
|
15
|
-
O as default
|
|
16
|
-
};
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import t from "./_Symbol.js";
|
|
2
|
-
import f from "./_arrayMap.js";
|
|
3
|
-
import m from "./isArray.js";
|
|
4
|
-
import p from "./isSymbol.js";
|
|
5
|
-
var i = t ? t.prototype : void 0, n = i ? i.toString : void 0;
|
|
6
|
-
function y(r) {
|
|
7
|
-
if (typeof r == "string")
|
|
8
|
-
return r;
|
|
9
|
-
if (m(r))
|
|
10
|
-
return f(r, y) + "";
|
|
11
|
-
if (p(r))
|
|
12
|
-
return n ? n.call(r) : "";
|
|
13
|
-
var o = r + "";
|
|
14
|
-
return o == "0" && 1 / r == -1 / 0 ? "-0" : o;
|
|
15
|
-
}
|
|
16
|
-
export {
|
|
17
|
-
y as default
|
|
18
|
-
};
|