You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
51 lines
1.8 KiB
51 lines
1.8 KiB
"use strict";
|
|
Object.defineProperty(exports, "__esModule", {
|
|
value: true
|
|
});
|
|
Object.defineProperty(exports, "default", {
|
|
enumerable: true,
|
|
get: ()=>createUtilityPlugin
|
|
});
|
|
const _transformThemeValue = /*#__PURE__*/ _interopRequireDefault(require("./transformThemeValue"));
|
|
function _interopRequireDefault(obj) {
|
|
return obj && obj.__esModule ? obj : {
|
|
default: obj
|
|
};
|
|
}
|
|
function createUtilityPlugin(themeKey, utilityVariations = [
|
|
[
|
|
themeKey,
|
|
[
|
|
themeKey
|
|
]
|
|
]
|
|
], { filterDefault =false , ...options } = {}) {
|
|
let transformValue = (0, _transformThemeValue.default)(themeKey);
|
|
return function({ matchUtilities , theme }) {
|
|
for (let utilityVariation of utilityVariations){
|
|
let group = Array.isArray(utilityVariation[0]) ? utilityVariation : [
|
|
utilityVariation
|
|
];
|
|
var ref;
|
|
matchUtilities(group.reduce((obj, [classPrefix, properties])=>{
|
|
return Object.assign(obj, {
|
|
[classPrefix]: (value)=>{
|
|
return properties.reduce((obj, name)=>{
|
|
if (Array.isArray(name)) {
|
|
return Object.assign(obj, {
|
|
[name[0]]: name[1]
|
|
});
|
|
}
|
|
return Object.assign(obj, {
|
|
[name]: transformValue(value)
|
|
});
|
|
}, {});
|
|
}
|
|
});
|
|
}, {}), {
|
|
...options,
|
|
values: filterDefault ? Object.fromEntries(Object.entries((ref = theme(themeKey)) !== null && ref !== void 0 ? ref : {}).filter(([modifier])=>modifier !== "DEFAULT")) : theme(themeKey)
|
|
});
|
|
}
|
|
};
|
|
}
|