git/metabuilder
1
0
Fork 0
mirror of https://github.com/johndoe6345789/metabuilder.git synced 2026-04-24 22:04:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

code: storybook,src,compiler (1 files)

Browse Source
This commit is contained in:
Richard Ward
2025-12-31 01:27:44 +00:00
parent a6ab801a57
commit dea7d601d7
1 changed files with 18 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
storybook/src/styles/compiler.ts
View File

@@ -165,22 +165,35 @@ export class StylesCompiler {
};
const baseClass = typeMap[predicate.targetType] || `.${predicate.targetType.toLowerCase()}`;
const packagePrefix = this.schema.package || '';
// Add classes
const classSelectors = predicate.classes.map(c => `.${c}`).join('');
// Add classes with package prefix
const classSelectors = predicate.classes.map(c => {
// If class already has package prefix, use as-is
if (c.startsWith(packagePrefix + '_')) {
return `.${c}`;
}
// Otherwise, add package prefix
return `.${packagePrefix}_${c}`;
}).join('');
// Add states
const stateSelectors = predicate.states.map(s => `:${s}`).join('');
// Generate selector that works with or without base FakeMUI class
// E.g., `.l3-button` will style both `<button class="l3-button">` and `<button class="button l3-button">`
// Generate selector with package prefix
// E.g., ui_level3 + "button" => `.ui_level3_button`
css = `${classSelectors}${stateSelectors}`;
// Handle relationship
if (predicate.relationship) {
const ancestorType = typeMap[predicate.relationship.ancestor.targetType] ||
`.${predicate.relationship.ancestor.targetType.toLowerCase()}`;
const ancestorClasses = predicate.relationship.ancestor.classes.map(c => `.${c}`).join('');
const ancestorClasses = predicate.relationship.ancestor.classes.map(c => {
if (c.startsWith(packagePrefix + '_')) {
return `.${c}`;
}
return `.${packagePrefix}_${c}`;
}).join('');
if (predicate.relationship.type === 'descendant') {
css = `${ancestorType}${ancestorClasses} ${css}`;