@aegisjsproject/styles/properties-legacy.js

Pre-made and reusable styles for `@aegisjsproject/core`

import { css } from '@aegisjsproject/parsers/css.js';
import { customProperties } from './consts.js';

// Only needed when using a bundled component - Prefer using global `@property` or `:root`
export const propertiesComponent = css`@layer component.aegisjsproject.properties {
	:host {
		${Object.entries(customProperties).map(([name, { initialValue }]) => `--aegis-${name}: ${initialValue};\n`).join('\n')}
	}
}`;

export const propertiesLegacy = css`@layer base.aegisjsproject.properties {
	:root {
		${Object.entries(customProperties).map(([name, { initialValue }]) => `--aegis-${name}: ${initialValue};\n`).join('\n')}
	}
}`;