@ozen-ui/kit
Version:
React component library
28 lines (27 loc) • 1.09 kB
JavaScript
import { mergeDeep } from '../../../../utils/object';
import { toKebabCase } from '../../../../utils/string';
import { cnOzenProvider } from '../../classNames';
export var generateTokenClassName = function (_a) {
var variant = _a.variant, token = _a.token;
return "".concat(cnOzenProvider(), "_").concat(toKebabCase(token), "_").concat(variant);
};
export var generateToken = function (_a) {
var variant = _a.variant, token = _a.token, properties = _a.properties;
return ({
properties: properties,
variant: variant,
token: token,
className: generateTokenClassName({ variant: variant, token: token }),
toCSSProperty: function (key) { return "--".concat(token, "-").concat(String(key)); },
});
};
export var createGenerateTokenPreset = function (token) {
return function (variant, properties) {
return generateToken({
variant: variant,
token: token,
properties: properties,
});
};
};
export var extendTheme = function (target, source) { return mergeDeep(target, source); };