@edu-tosel/design 0.1.3 → 0.1.5
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 +32 -31
- package/board/index.d.ts +19 -19
- package/board/index.js +34 -47
- package/card/Card.d.ts +14 -14
- package/card/Card.js +19 -32
- package/card/ProfileCard.d.ts +14 -14
- package/card/ProfileCard.js +8 -20
- package/card/index.d.ts +1 -1
- package/card/index.js +1 -1
- package/deck/index.d.ts +18 -18
- package/deck/index.js +16 -28
- package/{style.css → globals.css} +40 -41
- package/header/index.d.ts +1 -5
- package/header/index.js +1 -25
- package/layout/dashboard/Header.d.ts +5 -0
- package/layout/dashboard/Header.js +15 -0
- package/layout/dashboard/index.d.ts +5 -0
- package/layout/dashboard/index.js +8 -0
- package/layout/index.d.ts +1 -0
- package/layout/index.js +1 -0
- package/modal/index.d.ts +9 -9
- package/modal/index.js +23 -35
- package/navigation/index.d.ts +6 -6
- package/navigation/index.js +16 -24
- package/package.json +5 -31
- package/tailwind.config.js +334 -319
- package/text/index.d.ts +5 -5
- package/text/index.js +6 -18
- package/util/classNames.d.ts +1 -1
- package/util/classNames.js +4 -8
- package/util/colors.d.ts +10 -10
- package/util/colors.js +10 -10
- package/util/display.d.ts +25 -25
- package/util/display.js +25 -55
- package/util/displayResponsive.d.ts +3 -3
- package/util/displayResponsive.js +15 -15
- package/util/index.d.ts +7 -7
- package/util/index.js +7 -7
- package/util/pattern.d.ts +7 -7
- package/util/pattern.js +15 -15
- package/util/position.d.ts +14 -14
- package/util/position.js +44 -56
- package/util/shape.d.ts +1 -1
- package/util/shape.js +3 -3
- package/version.txt +1 -1
- package/asset/classNames.d.ts +0 -2
- package/asset/classNames.js +0 -9
- package/asset/colors.d.ts +0 -10
- package/asset/colors.js +0 -10
- package/asset/display.d.ts +0 -25
- package/asset/display.js +0 -55
- package/asset/displayResponsive.d.ts +0 -3
- package/asset/displayResponsive.js +0 -15
- package/asset/pattern.d.ts +0 -7
- package/asset/pattern.js +0 -15
- package/asset/position.d.ts +0 -14
- package/asset/position.js +0 -56
- package/asset/shape.d.ts +0 -1
- package/asset/shape.js +0 -3
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
export var responsiveColToRow = function () {
|
|
2
|
-
var df = "flex flex-col";
|
|
3
|
-
var mark = "md:flex-row";
|
|
4
|
-
return [df, mark].join(" ");
|
|
5
|
-
};
|
|
6
|
-
export var responsiveRowToCol = function () {
|
|
7
|
-
var df = "flex flex-row";
|
|
8
|
-
var md = "md:flex-col";
|
|
9
|
-
return [df, md].join(" ");
|
|
10
|
-
};
|
|
11
|
-
export var responsiveGridToCol = function (gridCell) {
|
|
12
|
-
var df = "grid grid-cols-".concat(gridCell);
|
|
13
|
-
var md = "md:flex md:flex-col";
|
|
14
|
-
return [df, md].join(" ");
|
|
15
|
-
};
|
package/asset/pattern.d.ts
DELETED
package/asset/pattern.js
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
export var buttonStyle = {
|
|
2
|
-
default: function (colorSet, size) {
|
|
3
|
-
var colors = colorSet[0], hoverColors = colorSet[1];
|
|
4
|
-
var bgColor = colors[0], textColor = colors[1];
|
|
5
|
-
var _a = hoverColors || ["", ""], bgHoverColor = _a[0], textHoverColor = _a[1];
|
|
6
|
-
var width = (size || { width: 32 }).width;
|
|
7
|
-
var classNames = [
|
|
8
|
-
"w-".concat(width),
|
|
9
|
-
"bg-".concat(bgColor, " ").concat(bgHoverColor ? "hover:bg-".concat(bgHoverColor) : ""),
|
|
10
|
-
"text-".concat(textColor, " ").concat(textHoverColor ? "hover:text-".concat(textHoverColor) : ""),
|
|
11
|
-
"font-bold py-2 px-4 rounded",
|
|
12
|
-
];
|
|
13
|
-
return classNames.join(" ");
|
|
14
|
-
},
|
|
15
|
-
};
|
package/asset/position.d.ts
DELETED
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
export declare const fixed: {
|
|
2
|
-
tl: (top: number | string, left: number | string) => string;
|
|
3
|
-
br: (bottom: number | string, right: number | string) => string;
|
|
4
|
-
};
|
|
5
|
-
export declare const absolute: {
|
|
6
|
-
tl: (top?: number | string, left?: number | string) => string;
|
|
7
|
-
tr: (top?: number | string, right?: number | string) => string;
|
|
8
|
-
br: (bottom?: number, right?: number) => string;
|
|
9
|
-
bl: (bottom?: number, left?: number) => string;
|
|
10
|
-
full: {
|
|
11
|
-
tl: (top?: number | string, left?: number | string) => string;
|
|
12
|
-
bl: (bottom?: number | string, left?: number | string) => string;
|
|
13
|
-
};
|
|
14
|
-
};
|
package/asset/position.js
DELETED
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
export var fixed = {
|
|
2
|
-
tl: function (top, left) { return "fixed top-".concat(top, " left-").concat(left, " z-50 "); },
|
|
3
|
-
br: function (bottom, right) {
|
|
4
|
-
return "fixed bottom-".concat(bottom, " right-").concat(right, " z-50 ");
|
|
5
|
-
},
|
|
6
|
-
};
|
|
7
|
-
export var absolute = {
|
|
8
|
-
tl: function (top, left) {
|
|
9
|
-
var topClass = function () {
|
|
10
|
-
if (typeof top === "number" && top < 0)
|
|
11
|
-
return "-top-".concat(Math.abs(top));
|
|
12
|
-
return "top-".concat(top);
|
|
13
|
-
};
|
|
14
|
-
var leftClass = function () {
|
|
15
|
-
if (typeof left === "number" && left < 0)
|
|
16
|
-
return "-left-".concat(Math.abs(left));
|
|
17
|
-
return "left-".concat(left);
|
|
18
|
-
};
|
|
19
|
-
return "absolute ".concat(topClass(), " ").concat(leftClass(), " ");
|
|
20
|
-
},
|
|
21
|
-
tr: function (top, right) {
|
|
22
|
-
var topClass = function () {
|
|
23
|
-
if (typeof top === "number" && top < 0)
|
|
24
|
-
return "-top-".concat(Math.abs(top), " ");
|
|
25
|
-
return "top-".concat(top);
|
|
26
|
-
};
|
|
27
|
-
var rightClass = function () {
|
|
28
|
-
if (typeof right === "number" && right < 0)
|
|
29
|
-
return "-right-".concat(Math.abs(right), " ");
|
|
30
|
-
return "right-".concat(right);
|
|
31
|
-
};
|
|
32
|
-
return "absolute ".concat(topClass(), " ").concat(rightClass(), " ");
|
|
33
|
-
},
|
|
34
|
-
br: function (bottom, right) {
|
|
35
|
-
if (bottom === void 0) { bottom = 0; }
|
|
36
|
-
if (right === void 0) { right = 0; }
|
|
37
|
-
return "absolute bottom-".concat(bottom, " right-").concat(right, " ");
|
|
38
|
-
},
|
|
39
|
-
bl: function (bottom, left) {
|
|
40
|
-
if (bottom === void 0) { bottom = 0; }
|
|
41
|
-
if (left === void 0) { left = 0; }
|
|
42
|
-
return "absolute bottom-".concat(bottom, " left-").concat(left, " ");
|
|
43
|
-
},
|
|
44
|
-
full: {
|
|
45
|
-
tl: function (top, left) {
|
|
46
|
-
if (!(typeof top === "number") || !(typeof left === "number"))
|
|
47
|
-
return "absolute top-".concat(top, " left-").concat(left, " w-full ");
|
|
48
|
-
var topClass = top >= 0 ? "top-".concat(top) : "-top-".concat(Math.abs(top));
|
|
49
|
-
var leftClass = left >= 0 ? "left-".concat(left) : "-left-".concat(Math.abs(left));
|
|
50
|
-
return "absolute w-full ".concat(topClass, " ").concat(leftClass, " ");
|
|
51
|
-
},
|
|
52
|
-
bl: function (bottom, left) {
|
|
53
|
-
return "absolute bottom-".concat(bottom !== null && bottom !== void 0 ? bottom : 0, " left-").concat(left !== null && left !== void 0 ? left : 0, " w-full ");
|
|
54
|
-
},
|
|
55
|
-
},
|
|
56
|
-
};
|
package/asset/shape.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const circle: (radius: number) => string;
|
package/asset/shape.js
DELETED