@uxf/cms 10.0.0-beta.9 → 10.0.0

package/ui/tw-tokens/tw-line-height.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.twLineHeight = void 0;
 exports.twLineHeight = {
-    3: ".75rem",
-    4: "1rem",
-    5: "1.25rem",
-    6: "1.5rem",
-    7: "1.75rem",
-    8: "2rem",
-    9: "2.25rem",
-    10: "2.5rem",
+    "3": ".75rem",
+    "4": "1rem",
+    "5": "1.25rem",
+    "6": "1.5rem",
+    "7": "1.75rem",
+    "8": "2rem",
+    "9": "2.25rem",
+    "10": "2.5rem",
     none: "1",
     tight: "1.25",
     snug: "1.375",

package/ui/tw-tokens/tw-spacing.d.ts

@@ -1,39 +1,39 @@
 export declare const twSpacing: {
-    0: string;
-    1: string;
-    2: string;
-    3: string;
-    4: string;
-    5: string;
-    6: string;
-    7: string;
-    8: string;
-    9: string;
-    10: string;
-    11: string;
-    12: string;
-    14: string;
-    16: string;
-    20: string;
-    24: string;
-    28: string;
-    32: string;
-    36: string;
-    40: string;
-    44: string;
-    48: string;
-    52: string;
-    56: string;
-    60: string;
-    64: string;
-    72: string;
-    80: string;
-    96: string;
+    "0": string;
+    "1": string;
+    "2": string;
+    "3": string;
+    "4": string;
+    "5": string;
+    "6": string;
+    "7": string;
+    "8": string;
+    "9": string;
+    "10": string;
+    "11": string;
+    "12": string;
+    "14": string;
+    "16": string;
+    "20": string;
+    "24": string;
+    "28": string;
+    "32": string;
+    "36": string;
+    "40": string;
+    "44": string;
+    "48": string;
+    "52": string;
+    "56": string;
+    "60": string;
+    "64": string;
+    "72": string;
+    "80": string;
+    "96": string;
     px: string;
-    0.5: string;
-    1.5: string;
-    2.5: string;
-    3.5: string;
+    "0.5": string;
+    "1.5": string;
+    "2.5": string;
+    "3.5": string;
     inherit: string;
 };
 export type TwSpacing = typeof twSpacing;

package/ui/tw-tokens/tw-spacing.js

@@ -3,40 +3,40 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.twSpacing = void 0;
 exports.twSpacing = {
-    0: "0px",
-    1: "0.25rem",
-    2: "0.5rem",
-    3: "0.75rem",
-    4: "1rem",
-    5: "1.25rem",
-    6: "1.5rem",
-    7: "1.75rem",
-    8: "2rem",
-    9: "2.25rem",
-    10: "2.5rem",
-    11: "2.75rem",
-    12: "3rem",
-    14: "3.5rem",
-    16: "4rem",
-    20: "5rem",
-    24: "6rem",
-    28: "7rem",
-    32: "8rem",
-    36: "9rem",
-    40: "10rem",
-    44: "11rem",
-    48: "12rem",
-    52: "13rem",
-    56: "14rem",
-    60: "15rem",
-    64: "16rem",
-    72: "18rem",
-    80: "20rem",
-    96: "24rem",
+    "0": "0px",
+    "1": "0.25rem",
+    "2": "0.5rem",
+    "3": "0.75rem",
+    "4": "1rem",
+    "5": "1.25rem",
+    "6": "1.5rem",
+    "7": "1.75rem",
+    "8": "2rem",
+    "9": "2.25rem",
+    "10": "2.5rem",
+    "11": "2.75rem",
+    "12": "3rem",
+    "14": "3.5rem",
+    "16": "4rem",
+    "20": "5rem",
+    "24": "6rem",
+    "28": "7rem",
+    "32": "8rem",
+    "36": "9rem",
+    "40": "10rem",
+    "44": "11rem",
+    "48": "12rem",
+    "52": "13rem",
+    "56": "14rem",
+    "60": "15rem",
+    "64": "16rem",
+    "72": "18rem",
+    "80": "20rem",
+    "96": "24rem",
     px: "1px",
-    0.5: "0.125rem",
-    1.5: "0.375rem",
-    2.5: "0.625rem",
-    3.5: "0.875rem",
+    "0.5": "0.125rem",
+    "1.5": "0.375rem",
+    "2.5": "0.625rem",
+    "3.5": "0.875rem",
     inherit: "inherit",
 };

package/ui/tw-tokens/tw-z-index.d.ts

@@ -1,17 +1,18 @@
 export declare const twZIndex: {
-    0: string;
-    1: string;
-    10: string;
-    20: string;
-    30: string;
-    40: string;
-    50: string;
+    "0": string;
+    "1": string;
+    "10": string;
+    "20": string;
+    "30": string;
+    "40": string;
+    "50": string;
     auto: string;
     focus: string;
     fixed: string;
     menu: string;
     header: string;
     modal: string;
+    imageGallery: string;
     dropdown: string;
     flashMessage: string;
     tooltip: string;

package/ui/tw-tokens/tw-z-index.js

@@ -3,19 +3,20 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.twZIndex = void 0;
 exports.twZIndex = {
-    0: "0",
-    1: "1",
-    10: "10",
-    20: "20",
-    30: "30",
-    40: "40",
-    50: "50",
+    "0": "0",
+    "1": "1",
+    "10": "10",
+    "20": "20",
+    "30": "30",
+    "40": "40",
+    "50": "50",
     auto: "auto",
     focus: "5",
     fixed: "10",
     menu: "25",
     header: "50",
     modal: "100",
+    imageGallery: "150",
     dropdown: "200",
     flashMessage: "250",
     tooltip: "300",

package/ui/widget/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./widget";
 export * from "./types";
+export * from "./widget";

package/ui/widget/index.js

@@ -14,5 +14,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./widget"), exports);
 __exportStar(require("./types"), exports);
+__exportStar(require("./widget"), exports);

package/ui/widget/types.d.ts

@@ -1,5 +1,5 @@
-import { ReactNode } from "react";
 import { PaperProps } from "@uxf/ui/paper/paper";
+import { ReactNode } from "react";
 export interface WidgetProps extends PaperProps {
     footer?: ReactNode;
     withDividers?: boolean;

package/ui/widget/widget.js

@@ -8,7 +8,7 @@ const paper_1 = require("@uxf/ui/paper/paper");
 const react_1 = __importDefault(require("react"));
 const Widget = (props) => {
     var _a;
-    return (react_1.default.createElement(paper_1.Paper, { className: `dark:bg-gray-950 ${props.footer ? "rounded-b-none" : ""} ${props.withDividers ? "divide-y divide-lightBorder dark:divide-darkBorder" : ""} ${(_a = props.className) !== null && _a !== void 0 ? _a : ""}` },
+    return (react_1.default.createElement(paper_1.Paper, { className: `dark:bg-gray-950 ${props.footer ? "rounded-b-none" : ""} ${props.withDividers ? "divide-lightBorder dark:divide-darkBorder divide-y" : ""} ${(_a = props.className) !== null && _a !== void 0 ? _a : ""}` },
         props.children,
         props.footer && react_1.default.createElement("div", { className: "bg-gray-50 px-4 py-3 dark:bg-gray-800" }, props.footer)));
 };

package/utils/styles.css

@@ -1,43 +1,7 @@
-.sidebar__nav {
-    /* width */
-    &::-webkit-scrollbar {
-        width: 4px;
-    }
-
-    /* Track */
-    &::-webkit-scrollbar-track {
-        background: theme("colors.sidebar.background");
-    }
-
-    /* Handle */
-    &::-webkit-scrollbar-thumb {
-        background: theme("colors.sidebar.highlight");
-    }
-
-    /* Handle on hover */
-    &::-webkit-scrollbar-thumb:hover {
-        background: theme("colors.sidebar.hover");
-    }
-}
-
-.sidebar__scrollbar {
-    --scrollbar-color: theme("colors.darkBorder");
-
-    -ms-overflow-style: -ms-autohiding-scrollbar;
-    scrollbar-color: var(--scrollbar-color) transparent;
-    scrollbar-width: thin;
-
-    &::-webkit-scrollbar {
-        @apply w-2;
-    }
-
-    &::-webkit-scrollbar-track {
-        background: theme("colors.sidebar.highlight");
-    }
-
-    &::-webkit-scrollbar-thumb {
-        @apply rounded-full border-none;
-
-        background-color: var(--scrollbar-color);
-    }
-}
+@import url("./../ui/styles/avatar.css");
+@import url("./../ui/styles/layout.css");
+@import url("./../ui/styles/login-layout.css");
+@import url("./../ui/styles/sidebar.css");
+@import url("./../ui/styles/mobile-bar.css");
+@import url("./../ui/styles/menu.css");
+@import url("./../ui/styles/breadcrumbs.css");

package/utils/tailwind.config.js

@@ -3,6 +3,11 @@ module.exports = {
     presets: [require("@uxf/ui/utils/tailwind-config")],
     content: [],
     theme: {
+        avatarSize: {
+            sm: "40px",
+            default: "88px",
+            lg: "120px",
+        },
         extend: {
             colors: {
                 dataGridPrimary: "#140939",