@momo-webplatform/mobase 0.0.14 → 0.0.16

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

@@ -0,0 +1,86 @@
+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

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

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

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

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

@@ -0,0 +1,25 @@
+/**
+ * Determines if the theme is a base theme
+ *
+ * @param theme string
+ * @returns "light" | "dark
+ */
+export declare const isBaseTheme: (theme: string) => boolean;
+/**
+ * Removes keys with "-DEFAULT" suffix from the given object and returns a new object.
+ *
+ * @param obj - The object to remove keys from.
+ * @returns A new object with keys ending in "-DEFAULT" removed.
+ */
+type TransformedKeys<T extends Record<string, unknown>> = {
+    [K in keyof T as K extends `${infer Prefix}-DEFAULT` ? Prefix : K]: T[K];
+};
+/**
+ *
+ * Flatten theme object and remove default keys
+ *
+ * @param obj theme object
+ * @returns object with flattened keys
+ */
+export declare const flattenThemeObject: <T>(obj: T) => TransformedKeys<Record<string, unknown>>;
+export {};

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

@@ -0,0 +1,29 @@
+import { flatten } from "flat";
+/**
+ * Determines if the theme is a base theme
+ *
+ * @param theme string
+ * @returns "light" | "dark
+ */
+export const isBaseTheme = (theme) => theme === "light" || theme === "dark";
+const removeDefaultKeys = (obj) => {
+    const newObj = {};
+    for (const key in obj) {
+        const newKey = key.endsWith("-DEFAULT") ? key.replace("-DEFAULT", "") : key;
+        newObj[newKey] = 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(
+// eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion
+flatten(obj, {
+    safe: true,
+    delimiter: "-",
+}));