@momo-webplatform/mobase 0.0.43 → 0.0.44

package/publish/esm/mobase-tw-plugin/types.d.ts

@@ -1,103 +0,0 @@
-export interface BaseThemeUnit {
-    small?: string;
-    medium?: string;
-    large?: string;
-}
-export type FontThemeUnit = BaseThemeUnit & {
-    tiny?: string;
-};
-export declare const spacingScaleKeys: string[];
-export declare const mappedSpacingScaleKeys: string[];
-export type SpacingScaleKeys = (typeof spacingScaleKeys)[number];
-export type SpacingScale = Partial<Record<SpacingScaleKeys, string>>;
-export interface LayoutTheme {
-    /**
-     * Base unit token that defines a consistent spacing scale across the components.
-     *
-     * @default 4 (px)
-     */
-    spacingUnit?: number;
-    /**
-     * The default font size applied across the components.
-     *
-     * @default
-     * {
-     *    tiny: "0.75rem",
-     *    small: "0.875rem",
-     *    medium: "1rem",
-     *    large: "1.125rem",
-     *    DEFAULT: "1rem",
-     * }
-     */
-    fontSize?: FontThemeUnit;
-    /**
-     * The default line height applied across the components.
-     *
-     * @default
-     * {
-     *    tiny: "1rem",
-     *    small: "1.25rem",
-     *    medium: "1.5rem",
-     *    large: "1.75rem",
-     *    DEFAULT: "1.5rem",
-     * }
-     */
-    lineHeight?: FontThemeUnit;
-    /**
-     * The default radius applied across the components.
-     * we recommend to use `rem` units.
-     *
-     * @default
-     * {
-     *   small: "0.25rem",
-     *   medium: "0.5rem",
-     *   large: "0.75rem",
-     * }
-     */
-    radius?: BaseThemeUnit;
-    /**
-     * A number between 0 and 1 that is applied as opacity-[value] when the component is disabled.
-     *
-     * format: ".[value]"
-     *
-     * @default .5
-     */
-    disabledOpacity?: string | number;
-    /**
-     * A number between 0 and 1 that is applied as opacity-[value] when the component is hovered.
-     *
-     * format: ".[value]"
-     *
-     * @default .8
-     */
-    hoverOpacity?: string | number;
-    /**
-     * The default height applied to the divider component.
-     * we recommend to use `px` units.
-     *
-     * @default 1px
-     */
-    dividerWeight?: string;
-    /**
-     * The border width applied across the components.
-     * @default
-     * {
-     *    small: "1px",
-     *    medium: "2px",
-     *    large: "3px",
-     * }
-     *
-     */
-    borderWidth?: BaseThemeUnit;
-    /**
-     * The box shadow applied across the components.
-     *
-     * @default
-     * {
-     *   small: 0px 0px 5px 0px rgb(0 0 0 / 0.01), 0px 2px 10px 0px rgb(0 0 0 / 0.06),
-     *   medium: 0px 0px 15px 0px rgb(0 0 0 / 0.02), 0px 2px 30px 0px rgb(0 0 0 / 0.08),
-     *   large: 0px 0px 30px 0px rgb(0 0 0 / 0.03), 0px 30px 60px 0px rgb(0 0 0 / 0.12),
-     * }
-     */
-    boxShadow?: BaseThemeUnit;
-}

package/publish/esm/mobase-tw-plugin/types.js

@@ -1,51 +0,0 @@
-export const spacingScaleKeys = [
-    "0",
-    "xs",
-    "sm",
-    "md",
-    "lg",
-    "xl",
-    "2xl",
-    "3xl",
-    "4xl",
-    "5xl",
-    "6xl",
-    "7xl",
-    "8xl",
-    "9xl",
-    "1",
-    "2",
-    "3",
-    "3.5",
-    "4",
-    "5",
-    "6",
-    "7",
-    "8",
-    "9",
-    "10",
-    "11",
-    "12",
-    "13",
-    "14",
-    "15",
-    "16",
-    "17",
-    "18",
-    "20",
-    "24",
-    "28",
-    "32",
-    "36",
-    "40",
-    "44",
-    "48",
-    "52",
-    "56",
-    "60",
-    "64",
-    "72",
-    "80",
-    "96",
-];
-export const mappedSpacingScaleKeys = spacingScaleKeys.map((key) => `unit-${key}`);

package/publish/esm/mobase-tw-plugin/utilities/custom.d.ts

@@ -1,24 +0,0 @@
-declare const _default: {
-    /**
-     * Custom utilities
-     */
-    ".leading-inherit": {
-        "line-height": string;
-    };
-    ".bg-img-inherit": {
-        "background-image": string;
-    };
-    ".bg-clip-inherit": {
-        "background-clip": string;
-    };
-    ".text-fill-inherit": {
-        "-webkit-text-fill-color": string;
-    };
-    ".tap-highlight-transparent": {
-        "-webkit-tap-highlight-color": string;
-    };
-    "*": {
-        "border-color": string;
-    };
-};
-export default _default;

package/publish/esm/mobase-tw-plugin/utilities/custom.js

@@ -1,23 +0,0 @@
-export default {
-    /**
-     * Custom utilities
-     */
-    ".leading-inherit": {
-        "line-height": "inherit",
-    },
-    ".bg-img-inherit": {
-        "background-image": "inherit",
-    },
-    ".bg-clip-inherit": {
-        "background-clip": "inherit",
-    },
-    ".text-fill-inherit": {
-        "-webkit-text-fill-color": "inherit",
-    },
-    ".tap-highlight-transparent": {
-        "-webkit-tap-highlight-color": "transparent",
-    },
-    "*": {
-        "border-color": "rgb(var(--mobase-gray-300))",
-    },
-};

package/publish/esm/mobase-tw-plugin/utilities/index.d.ts

@@ -1,114 +0,0 @@
-export declare const utilities: {
-    ".scrollbar-hide": {
-        "-ms-overflow-style": string;
-        "scrollbar-width": string;
-        "&::-webkit-scrollbar": {
-            display: string;
-        };
-    };
-    ".scrollbar-default": {
-        "-ms-overflow-style": string;
-        "scrollbar-width": string;
-        "&::-webkit-scrollbar": {
-            display: string;
-        };
-    };
-    ".transition-all": {
-        "transition-property": string;
-        "transition-timing-function": string;
-        "transition-duration": string;
-    };
-    ".transition-background": {
-        "transition-property": string;
-        "transition-timing-function": string;
-        "transition-duration": string;
-    };
-    ".transition": {
-        "transition-property": string;
-        "transition-timing-function": string;
-        "transition-duration": string;
-    };
-    ".transition-colors": {
-        "transition-property": string;
-        "transition-timing-function": string;
-        "transition-duration": string;
-    };
-    ".transition-opacity": {
-        "transition-property": string;
-        "transition-timing-function": string;
-        "transition-duration": string;
-    };
-    ".transition-colors-opacity": {
-        "transition-property": string;
-        "transition-timing-function": string;
-        "transition-duration": string;
-    };
-    ".transition-width": {
-        "transition-property": string;
-        "transition-timing-function": string;
-        "transition-duration": string;
-    };
-    ".transition-height": {
-        "transition-property": string;
-        "transition-timing-function": string;
-        "transition-duration": string;
-    };
-    ".transition-size": {
-        "transition-property": string;
-        "transition-timing-function": string;
-        "transition-duration": string;
-    };
-    ".transition-left": {
-        "transition-property": string;
-        "transition-timing-function": string;
-        "transition-duration": string;
-    };
-    ".transition-shadow": {
-        "transition-property": string;
-        "transition-timing-function": string;
-        "transition-duration": string;
-    };
-    ".transition-transform": {
-        "transition-property": string;
-        "transition-timing-function": string;
-        "transition-duration": string;
-    };
-    ".transition-transform-opacity": {
-        "transition-property": string;
-        "transition-timing-function": string;
-        "transition-duration": string;
-    };
-    ".transition-transform-background": {
-        "transition-property": string;
-        "transition-timing-function": string;
-        "transition-duration": string;
-    };
-    ".transition-transform-colors": {
-        " transition-property": string;
-        "transition-timing-function": string;
-        "transition-duration": string;
-    };
-    ".transition-transform-colors-opacity": {
-        " transition-property": string;
-        "transition-timing-function": string;
-        "transition-duration": string;
-    };
-    ".leading-inherit": {
-        "line-height": string;
-    };
-    ".bg-img-inherit": {
-        "background-image": string;
-    };
-    ".bg-clip-inherit": {
-        "background-clip": string;
-    };
-    ".text-fill-inherit": {
-        "-webkit-text-fill-color": string;
-    };
-    ".tap-highlight-transparent": {
-        "-webkit-tap-highlight-color": string;
-    };
-    "*": {
-        "border-color": string;
-    };
-};

package/publish/esm/mobase-tw-plugin/utilities/index.js

@@ -1,8 +0,0 @@
-import transition from "./transition";
-import custom from "./custom";
-import scrollbarHide from "./scrollbar-hide";
-export const utilities = {
-    ...custom,
-    ...transition,
-    ...scrollbarHide,
-};

package/publish/esm/mobase-tw-plugin/utilities/scrollbar-hide.d.ts

@@ -1,23 +0,0 @@
-/**
- * Credits to: https://github.com/reslear/tailwind-scrollbar-hide/tree/main
- */
-declare const _default: {
-    /**
-     * Scroll Hide
-     */
-    ".scrollbar-hide": {
-        "-ms-overflow-style": string;
-        "scrollbar-width": string;
-        "&::-webkit-scrollbar": {
-            display: string;
-        };
-    };
-    ".scrollbar-default": {
-        "-ms-overflow-style": string;
-        "scrollbar-width": string;
-        "&::-webkit-scrollbar": {
-            display: string;
-        };
-    };
-};
-export default _default;

package/publish/esm/mobase-tw-plugin/utilities/scrollbar-hide.js

@@ -1,28 +0,0 @@
-/**
- * Credits to: https://github.com/reslear/tailwind-scrollbar-hide/tree/main
- */
-export default {
-    /**
-     * Scroll Hide
-     */
-    ".scrollbar-hide": {
-        /* IE and Edge */
-        "-ms-overflow-style": "none",
-        /* Firefox */
-        "scrollbar-width": "none",
-        /* Safari and Chrome */
-        "&::-webkit-scrollbar": {
-            display: "none",
-        },
-    },
-    ".scrollbar-default": {
-        /* IE and Edge */
-        "-ms-overflow-style": "auto",
-        /* Firefox */
-        "scrollbar-width": "auto",
-        /* Safari and Chrome */
-        "&::-webkit-scrollbar": {
-            display: "block",
-        },
-    },
-};

package/publish/esm/mobase-tw-plugin/utilities/transition.d.ts

@@ -1,86 +0,0 @@
-declare const _default: {
-    /**
-     * Transition utilities
-     */
-    ".transition-all": {
-        "transition-property": string;
-        "transition-timing-function": string;
-        "transition-duration": string;
-    };
-    ".transition-background": {
-        "transition-property": string;
-        "transition-timing-function": string;
-        "transition-duration": string;
-    };
-    ".transition": {
-        "transition-property": string;
-        "transition-timing-function": string;
-        "transition-duration": string;
-    };
-    ".transition-colors": {
-        "transition-property": string;
-        "transition-timing-function": string;
-        "transition-duration": string;
-    };
-    ".transition-opacity": {
-        "transition-property": string;
-        "transition-timing-function": string;
-        "transition-duration": string;
-    };
-    ".transition-colors-opacity": {
-        "transition-property": string;
-        "transition-timing-function": string;
-        "transition-duration": string;
-    };
-    ".transition-width": {
-        "transition-property": string;
-        "transition-timing-function": string;
-        "transition-duration": string;
-    };
-    ".transition-height": {
-        "transition-property": string;
-        "transition-timing-function": string;
-        "transition-duration": string;
-    };
-    ".transition-size": {
-        "transition-property": string;
-        "transition-timing-function": string;
-        "transition-duration": string;
-    };
-    ".transition-left": {
-        "transition-property": string;
-        "transition-timing-function": string;
-        "transition-duration": string;
-    };
-    ".transition-shadow": {
-        "transition-property": string;
-        "transition-timing-function": string;
-        "transition-duration": string;
-    };
-    ".transition-transform": {
-        "transition-property": string;
-        "transition-timing-function": string;
-        "transition-duration": string;
-    };
-    ".transition-transform-opacity": {
-        "transition-property": string;
-        "transition-timing-function": string;
-        "transition-duration": string;
-    };
-    ".transition-transform-background": {
-        "transition-property": string;
-        "transition-timing-function": string;
-        "transition-duration": string;
-    };
-    ".transition-transform-colors": {
-        " transition-property": string;
-        "transition-timing-function": string;
-        "transition-duration": string;
-    };
-    ".transition-transform-colors-opacity": {
-        " transition-property": string;
-        "transition-timing-function": string;
-        "transition-duration": string;
-    };
-};
-export default _default;

package/publish/esm/mobase-tw-plugin/utilities/transition.js

@@ -1,86 +0,0 @@
-const DEFAULT_TRANSITION_DURATION = "250ms";
-export default {
-    /**
-     * Transition utilities
-     */
-    ".transition-all": {
-        "transition-property": "all",
-        "transition-timing-function": "ease",
-        "transition-duration": DEFAULT_TRANSITION_DURATION,
-    },
-    ".transition-background": {
-        "transition-property": "background",
-        "transition-timing-function": "ease",
-        "transition-duration": DEFAULT_TRANSITION_DURATION,
-    },
-    ".transition": {
-        "transition-property": "color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter",
-        "transition-timing-function": "ease",
-        "transition-duration": DEFAULT_TRANSITION_DURATION,
-    },
-    ".transition-colors": {
-        "transition-property": "color, background-color, border-color, text-decoration-color, fill, stroke",
-        "transition-timing-function": "ease",
-        "transition-duration": DEFAULT_TRANSITION_DURATION,
-    },
-    ".transition-opacity": {
-        "transition-property": "opacity",
-        "transition-timing-function": "ease",
-        "transition-duration": DEFAULT_TRANSITION_DURATION,
-    },
-    ".transition-colors-opacity": {
-        "transition-property": "color, background-color, border-color, text-decoration-color, fill, stroke, opacity",
-        "transition-timing-function": "ease",
-        "transition-duration": DEFAULT_TRANSITION_DURATION,
-    },
-    ".transition-width": {
-        "transition-property": "width",
-        "transition-timing-function": "ease",
-        "transition-duration": DEFAULT_TRANSITION_DURATION,
-    },
-    ".transition-height": {
-        "transition-property": "height",
-        "transition-timing-function": "ease",
-        "transition-duration": DEFAULT_TRANSITION_DURATION,
-    },
-    ".transition-size": {
-        "transition-property": "width, height",
-        "transition-timing-function": "ease",
-        "transition-duration": DEFAULT_TRANSITION_DURATION,
-    },
-    ".transition-left": {
-        "transition-property": "left",
-        "transition-timing-function": "ease",
-        "transition-duration": DEFAULT_TRANSITION_DURATION,
-    },
-    ".transition-shadow": {
-        "transition-property": "box-shadow",
-        "transition-timing-function": "ease",
-        "transition-duration": DEFAULT_TRANSITION_DURATION,
-    },
-    ".transition-transform": {
-        "transition-property": "transform",
-        "transition-timing-function": "ease",
-        "transition-duration": DEFAULT_TRANSITION_DURATION,
-    },
-    ".transition-transform-opacity": {
-        "transition-property": "transform, opacity",
-        "transition-timing-function": "ease",
-        "transition-duration": DEFAULT_TRANSITION_DURATION,
-    },
-    ".transition-transform-background": {
-        "transition-property": "transform, background",
-        "transition-timing-function": "ease",
-        "transition-duration": DEFAULT_TRANSITION_DURATION,
-    },
-    ".transition-transform-colors": {
-        " transition-property": "transform, color, background, background-color, border-color, text-decoration-color, fill, stroke",
-        "transition-timing-function": "ease",
-        "transition-duration": DEFAULT_TRANSITION_DURATION,
-    },
-    ".transition-transform-colors-opacity": {
-        " transition-property": "transform, color, background, background-color, border-color, text-decoration-color, fill, stroke, opacity",
-        "transition-timing-function": "ease",
-        "transition-duration": DEFAULT_TRANSITION_DURATION,
-    },
-};

package/publish/esm/mobase-tw-plugin/utils/index.d.ts

@@ -1 +0,0 @@
-export * from "./object";

package/publish/esm/mobase-tw-plugin/utils/index.js

@@ -1 +0,0 @@
-export * from "./object";

package/publish/esm/mobase-tw-plugin/utils/object.d.ts

@@ -1,10 +0,0 @@
-export declare function swapColorValues<T extends Object>(colors: T): {};
-export declare function removeDefaultKeys<T extends Object>(obj: T): {};
-/**
- *
- * Flatten theme object and remove default keys
- *
- * @param obj theme object
- * @returns object with flattened keys
- */
-export declare const flattenThemeObject: <TTarget>(obj: TTarget) => {};

package/publish/esm/mobase-tw-plugin/utils/object.js

@@ -1,44 +0,0 @@
-import flatten from "flat";
-export function swapColorValues(colors) {
-    const swappedColors = {};
-    const keys = Object.keys(colors);
-    const length = keys.length;
-    for (let i = 0; i < length / 2; i++) {
-        const key1 = keys[i];
-        const key2 = keys[length - 1 - i];
-        // @ts-ignore
-        swappedColors[key1] = colors[key2];
-        // @ts-ignore
-        swappedColors[key2] = colors[key1];
-    }
-    if (length % 2 !== 0) {
-        const middleKey = keys[Math.floor(length / 2)];
-        // @ts-ignore
-        swappedColors[middleKey] = colors[middleKey];
-    }
-    return swappedColors;
-}
-export function removeDefaultKeys(obj) {
-    const newObj = {};
-    for (const key in obj) {
-        if (key.endsWith("-DEFAULT")) {
-            // @ts-ignore
-            newObj[key.replace("-DEFAULT", "")] = obj[key];
-            continue;
-        }
-        // @ts-ignore
-        newObj[key] = obj[key];
-    }
-    return newObj;
-}
-/**
- *
- * Flatten theme object and remove default keys
- *
- * @param obj theme object
- * @returns object with flattened keys
- */
-export const flattenThemeObject = (obj) => removeDefaultKeys(flatten(obj, {
-    safe: true,
-    delimiter: "-",
-}));

package/publish/esm/mobase-tw-plugin/utils/theme.d.ts

@@ -1,2 +0,0 @@
-export declare const generateSpacingScale: (spacingUnit: number) => Partial<Record<string, string>>;
-export declare function createSpacingUnits(prefix: string): Record<string, string>;

package/publish/esm/mobase-tw-plugin/utils/theme.js

@@ -1,65 +0,0 @@
-import { spacingScaleKeys } from "../types";
-/**
- * Determines if the theme is a base theme
- *
- * @param theme string
- * @returns "light" | "dark
- */
-const ROOT_FONT_SIZE = 16;
-const baseScale = [
-    0.5, 1, 1.5, 2, 2.5, 3, 3.5, 4, 5, 6, 7, 8, 9, 10, 11, 12, 14, 16, 18,
-];
-const extendedScale = [
-    20, 24, 28, 32, 36, 40, 44, 48, 52, 56, 60, 64, 72, 80, 96,
-];
-export const generateSpacingScale = (spacingUnit) => {
-    const scaleLabels = {
-        xs: 2,
-        sm: 3,
-        md: 4,
-        lg: 5.5,
-        xl: 9,
-        "2xl": 12,
-        "3xl": 20,
-        "4xl": 30,
-        "5xl": 56,
-        "6xl": 72,
-        "7xl": 96,
-        "8xl": 128,
-        "9xl": 160,
-    };
-    const scale = { 0: "0px" };
-    Object.entries(scaleLabels).forEach(([label, multiplier]) => {
-        scale[label] = multiplier
-            ? `${(spacingUnit * multiplier) / ROOT_FONT_SIZE}rem`
-            : `${spacingUnit / ROOT_FONT_SIZE}rem`;
-    });
-    baseScale.forEach((i) => {
-        let key = `${i}`;
-        // if the key has decimal e.g 3.5 change it to "3-5" format
-        if (key.includes(".")) {
-            const [first, second] = key.split(".");
-            key = `${first}_${second}`;
-        }
-        scale[key] = `${(spacingUnit * i) / ROOT_FONT_SIZE}rem`;
-    });
-    extendedScale.forEach((i) => {
-        const key = `${i}`;
-        scale[key] = `${(spacingUnit * i) / ROOT_FONT_SIZE}rem`;
-    });
-    return scale;
-};
-export function createSpacingUnits(prefix) {
-    const result = spacingScaleKeys.reduce((acc, key) => {
-        let value = `var(--${prefix}-spacing-unit-${key})`;
-        if (key.includes(".")) {
-            const [first, second] = key.split(".");
-            value = `var(--${prefix}-spacing-unit-${first}_${second})`;
-        }
-        return {
-            ...acc,
-            [`${key}`]: value,
-        };
-    }, {});
-    return result;
-}