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.
68 lines
1.8 KiB
68 lines
1.8 KiB
2 years ago
|
"use strict";
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
exports.default = withAlphaVariable;
|
||
|
|
exports.withAlphaValue = withAlphaValue;
|
||
|
|
var _color = require("./color");
|
||
|
|
function withAlphaVariable({ color , property , variable }) {
|
||
|
|
let properties = [].concat(property);
|
||
|
|
if (typeof color === "function") {
|
||
|
|
return {
|
||
|
|
[variable]: "1",
|
||
|
|
...Object.fromEntries(properties.map((p)=>{
|
||
|
|
return [
|
||
|
|
p,
|
||
|
|
color({
|
||
|
|
opacityVariable: variable,
|
||
|
|
opacityValue: `var(${variable})`
|
||
|
|
})
|
||
|
|
];
|
||
|
|
}))
|
||
|
|
};
|
||
|
|
}
|
||
|
|
const parsed = (0, _color).parseColor(color);
|
||
|
|
if (parsed === null) {
|
||
|
|
return Object.fromEntries(properties.map((p)=>[
|
||
|
|
p,
|
||
|
|
color
|
||
|
|
]));
|
||
|
|
}
|
||
|
|
if (parsed.alpha !== undefined) {
|
||
|
|
// Has an alpha value, return color as-is
|
||
|
|
return Object.fromEntries(properties.map((p)=>[
|
||
|
|
p,
|
||
|
|
color
|
||
|
|
]));
|
||
|
|
}
|
||
|
|
return {
|
||
|
|
[variable]: "1",
|
||
|
|
...Object.fromEntries(properties.map((p)=>{
|
||
|
|
return [
|
||
|
|
p,
|
||
|
|
(0, _color).formatColor({
|
||
|
|
...parsed,
|
||
|
|
alpha: `var(${variable})`
|
||
|
|
})
|
||
|
|
];
|
||
|
|
}))
|
||
|
|
};
|
||
|
|
}
|
||
|
|
function withAlphaValue(color, alphaValue, defaultValue) {
|
||
|
|
if (typeof color === "function") {
|
||
|
|
return color({
|
||
|
|
opacityValue: alphaValue
|
||
|
|
});
|
||
|
|
}
|
||
|
|
let parsed = (0, _color).parseColor(color, {
|
||
|
|
loose: true
|
||
|
|
});
|
||
|
|
if (parsed === null) {
|
||
|
|
return defaultValue;
|
||
|
|
}
|
||
|
|
return (0, _color).formatColor({
|
||
|
|
...parsed,
|
||
|
|
alpha: alphaValue
|
||
|
|
});
|
||
|
|
}
|