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.
67 lines
1.8 KiB
67 lines
1.8 KiB
"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 |
|
}); |
|
}
|
|
|