@edu-tosel/design 0.1.3 → 0.1.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edu-tosel/design",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "UI components for International TOSEL Committee",
   "keywords": [
     "jsx",

package/version.txt

@@ -1 +1 @@
-0.1.3
+0.1.4

package/asset/classNames.d.ts

@@ -1,2 +0,0 @@
-declare function classNames(...props: string[]): string;
-export { classNames as cn };

package/asset/classNames.js

@@ -1,9 +0,0 @@
-function classNames() {
-    var props = [];
-    for (var _i = 0; _i < arguments.length; _i++) {
-        props[_i] = arguments[_i];
-    }
-    var array = props.map(function (prop) { return prop.split(" "); });
-    return array.flat().join(" ");
-}
-export { classNames as cn };

package/asset/colors.d.ts

@@ -1,10 +0,0 @@
-export declare const colorsByLevel: {
-    PS: string;
-    ST: string;
-    BA: string;
-    JR: string;
-    HJ: string;
-};
-export declare const gradient: {
-    lab: string;
-};

package/asset/colors.js

@@ -1,10 +0,0 @@
-export var colorsByLevel = {
-    PS: "ps-pink",
-    ST: "st-orange",
-    BA: "ba-yellow",
-    JR: "jr-blue",
-    HJ: "hj-blue",
-};
-export var gradient = {
-    lab: "bg-gradient-to-br from-violet-light/20 to-blue-sky/40 ",
-};

package/asset/display.d.ts

@@ -1,25 +0,0 @@
-export declare const row: (gap?: number) => string;
-export declare const col: (gap?: number, width?: number | string) => string;
-export declare const between: {
-    row: string;
-    col: string;
-};
-export declare const center: {
-    col: (gap?: number) => string;
-    row: (gap?: number) => string;
-    colO: (gap?: number) => string;
-    rowO: (gap?: number) => string;
-    screen: {
-        default: string;
-        col: (gap?: number) => string;
-        row: (gap?: number) => string;
-    };
-};
-export declare const grid: {
-    col: (col: number, gap?: number) => string;
-    row: (row: number, gap?: number) => string;
-};
-export declare const box: {
-    row: (height: number, gap?: number) => string;
-    col: (width: number, gap?: number) => string;
-};

package/asset/display.js

@@ -1,55 +0,0 @@
-export var row = function (gap) {
-    if (gap === void 0) { gap = 8; }
-    return "flex flex-row gap-".concat(gap, " ");
-};
-export var col = function (gap, width) {
-    if (gap === void 0) { gap = 8; }
-    return "flex flex-col gap-".concat(gap, " ").concat(width ? "w-".concat(width) : "w-full", " ");
-};
-export var between = {
-    row: "flex flex-row justify-between items-center ",
-    col: "flex flex-col justify-between items-center ",
-};
-export var center = {
-    col: function (gap) {
-        if (gap === void 0) { gap = 0; }
-        return "gap-".concat(gap, " flex flex-col items-center ");
-    },
-    row: function (gap) {
-        if (gap === void 0) { gap = 0; }
-        return "gap-".concat(gap, " flex flex-row items-center ");
-    },
-    colO: function (gap) {
-        if (gap === void 0) { gap = 0; }
-        return "gap-".concat(gap, " flex flex-col justify-center items-center ");
-    },
-    rowO: function (gap) {
-        if (gap === void 0) { gap = 0; }
-        return "gap-".concat(gap, " flex flex-row justify-center items-center ");
-    },
-    screen: {
-        default: "flex justify-center items-center min-h-screen w-full overflow-hidden min-h-screen relative ",
-        col: function (gap) {
-            if (gap === void 0) { gap = 0; }
-            return "gap-".concat(gap, " flex flex-col justify-center items-center min-h-screen w-full ");
-        },
-        row: function (gap) {
-            if (gap === void 0) { gap = 0; }
-            return "gap-".concat(gap, " flex flex-row justify-center items-center min-h-screen w-full ");
-        },
-    },
-};
-export var grid = {
-    col: function (col, gap) {
-        if (gap === void 0) { gap = 12; }
-        return "grid grid-cols-".concat(col, " gap-").concat(gap, " ");
-    },
-    row: function (row, gap) {
-        if (gap === void 0) { gap = 12; }
-        return "grid grid-rows-".concat(row, "  gap-").concat(gap);
-    },
-};
-export var box = {
-    row: function (height, gap) { return "h-".concat(height, " gap-").concat(gap, " flex flex-row "); },
-    col: function (width, gap) { return "w-".concat(width, " gap-").concat(gap, " flex flex-col "); },
-};

package/asset/displayResponsive.d.ts

@@ -1,3 +0,0 @@
-export declare const responsiveColToRow: () => string;
-export declare const responsiveRowToCol: () => string;
-export declare const responsiveGridToCol: (gridCell: number) => string;

package/asset/displayResponsive.js

@@ -1,15 +0,0 @@
-export var responsiveColToRow = function () {
-    var df = "flex flex-col";
-    var mark = "md:flex-row";
-    return [df, mark].join(" ");
-};
-export var responsiveRowToCol = function () {
-    var df = "flex flex-row";
-    var md = "md:flex-col";
-    return [df, md].join(" ");
-};
-export var responsiveGridToCol = function (gridCell) {
-    var df = "grid grid-cols-".concat(gridCell);
-    var md = "md:flex md:flex-col";
-    return [df, md].join(" ");
-};

package/asset/pattern.d.ts

@@ -1,7 +0,0 @@
-type Color = [string, string];
-export declare const buttonStyle: {
-    default: (colorSet: [Color, Color] | [Color], size?: {
-        width: number;
-    } | undefined) => string;
-};
-export {};

package/asset/pattern.js

@@ -1,15 +0,0 @@
-export var buttonStyle = {
-    default: function (colorSet, size) {
-        var colors = colorSet[0], hoverColors = colorSet[1];
-        var bgColor = colors[0], textColor = colors[1];
-        var _a = hoverColors || ["", ""], bgHoverColor = _a[0], textHoverColor = _a[1];
-        var width = (size || { width: 32 }).width;
-        var classNames = [
-            "w-".concat(width),
-            "bg-".concat(bgColor, " ").concat(bgHoverColor ? "hover:bg-".concat(bgHoverColor) : ""),
-            "text-".concat(textColor, " ").concat(textHoverColor ? "hover:text-".concat(textHoverColor) : ""),
-            "font-bold py-2 px-4 rounded",
-        ];
-        return classNames.join(" ");
-    },
-};

package/asset/position.d.ts

@@ -1,14 +0,0 @@
-export declare const fixed: {
-    tl: (top: number | string, left: number | string) => string;
-    br: (bottom: number | string, right: number | string) => string;
-};
-export declare const absolute: {
-    tl: (top?: number | string, left?: number | string) => string;
-    tr: (top?: number | string, right?: number | string) => string;
-    br: (bottom?: number, right?: number) => string;
-    bl: (bottom?: number, left?: number) => string;
-    full: {
-        tl: (top?: number | string, left?: number | string) => string;
-        bl: (bottom?: number | string, left?: number | string) => string;
-    };
-};

package/asset/position.js

@@ -1,56 +0,0 @@
-export var fixed = {
-    tl: function (top, left) { return "fixed top-".concat(top, " left-").concat(left, " z-50 "); },
-    br: function (bottom, right) {
-        return "fixed bottom-".concat(bottom, " right-").concat(right, " z-50 ");
-    },
-};
-export var absolute = {
-    tl: function (top, left) {
-        var topClass = function () {
-            if (typeof top === "number" && top < 0)
-                return "-top-".concat(Math.abs(top));
-            return "top-".concat(top);
-        };
-        var leftClass = function () {
-            if (typeof left === "number" && left < 0)
-                return "-left-".concat(Math.abs(left));
-            return "left-".concat(left);
-        };
-        return "absolute ".concat(topClass(), " ").concat(leftClass(), " ");
-    },
-    tr: function (top, right) {
-        var topClass = function () {
-            if (typeof top === "number" && top < 0)
-                return "-top-".concat(Math.abs(top), " ");
-            return "top-".concat(top);
-        };
-        var rightClass = function () {
-            if (typeof right === "number" && right < 0)
-                return "-right-".concat(Math.abs(right), " ");
-            return "right-".concat(right);
-        };
-        return "absolute ".concat(topClass(), " ").concat(rightClass(), " ");
-    },
-    br: function (bottom, right) {
-        if (bottom === void 0) { bottom = 0; }
-        if (right === void 0) { right = 0; }
-        return "absolute bottom-".concat(bottom, " right-").concat(right, " ");
-    },
-    bl: function (bottom, left) {
-        if (bottom === void 0) { bottom = 0; }
-        if (left === void 0) { left = 0; }
-        return "absolute bottom-".concat(bottom, " left-").concat(left, " ");
-    },
-    full: {
-        tl: function (top, left) {
-            if (!(typeof top === "number") || !(typeof left === "number"))
-                return "absolute top-".concat(top, " left-").concat(left, " w-full ");
-            var topClass = top >= 0 ? "top-".concat(top) : "-top-".concat(Math.abs(top));
-            var leftClass = left >= 0 ? "left-".concat(left) : "-left-".concat(Math.abs(left));
-            return "absolute w-full ".concat(topClass, " ").concat(leftClass, " ");
-        },
-        bl: function (bottom, left) {
-            return "absolute bottom-".concat(bottom !== null && bottom !== void 0 ? bottom : 0, " left-").concat(left !== null && left !== void 0 ? left : 0, " w-full ");
-        },
-    },
-};

package/asset/shape.d.ts

@@ -1 +0,0 @@
-export declare const circle: (radius: number) => string;

package/asset/shape.js

@@ -1,3 +0,0 @@
-export var circle = function (radius) {
-    return "rounded-full w-".concat(radius, " h-").concat(radius, " overflow-hidden ");
-};