antd-phone-input/styles.js

Advanced, highly customizable phone input component for Ant Design.

"use client";
import { injectStyles, jsonToCss } from "react-phone-hooks/styles";
import commonStyles from "react-phone-hooks/stylesheet.json";
import { defaultPrefixCls } from "antd/es/config-provider";
import customStyles from "./resources/stylesheet.json";
let prefix = null;
export const injectMergedStyles = (prefixCls = null) => {
    const stylesheet = customStyles;
    if (prefixCls && prefixCls !== defaultPrefixCls) {
        if (prefix === prefixCls)
            return;
        Object.entries(stylesheet).forEach(([k, value]) => {
            const key = k.replace(/ant(?=-)/g, prefixCls);
            stylesheet[key] = value;
            delete stylesheet[k];
        });
        prefix = prefixCls;
    }
    return injectStyles(jsonToCss(Object.assign(commonStyles, stylesheet)));
};