@reusable-ui/icon
Version:
An icon set component for React app.
38 lines (37 loc) • 1.06 kB
JavaScript
// cssfn:
import {
// reads/writes css variables configuration:
cssConfig, } from '@cssfn/core'; // writes css in javascript
// reusable-ui components:
import {
// configs:
basics as basicConfigVars, } from '@reusable-ui/basic'; // a base component
// configs:
export const [icons, iconValues, cssIconConfig] = cssConfig(() => {
const bases = {
// color:
color: 'currentColor',
altColor: 'gray',
// sizes:
sizeMd: '24px',
// animations:
transition: basicConfigVars.transition,
};
const subs = {
// sizes:
sizeXs: [['calc(', bases.sizeMd, '*', 0.50, ')']],
sizeSm: [['calc(', bases.sizeMd, '*', 0.75, ')']],
sizeLg: [['calc(', bases.sizeMd, '*', 1.50, ')']],
sizeXl: [['calc(', bases.sizeMd, '*', 2.00, ')']],
size1em: '1em',
};
const defaults = {
// sizes:
size: bases.sizeMd,
};
return {
...bases,
...subs,
...defaults,
};
}, { prefix: 'ico' });