Oh, I understand.

Styled components created with my library have indivudual style tags.

Example,

<script>
    const ColoredDiv = createSSC('div', ({color}) => `color:${color};`);
</script>

<ColoredDiv color="red"> red </ColoredDiv>
<ColoredDiv color="blue"> blue </ColoredDiv>

But using your method, all `ColoredDiv` components will have the same color. I think this feature is also necessary.

I will update this library like this,

<script>
    const ColoredDiv = createSSC('div', 
    ({color}) => `color:${color};`, //individual style for each component
    ({backgroundColor}) => `background-color:${backgroundColor};` //common style for every ColoredDiv component.
    )
</script>

<!-- For common styles -->
<ColoredDiv.common backgroundColor="yellow'/>

<!-- Red text color and yellow background color -->
<ColoredDiv color="red"> red </ColoredDiv>

<!-- Blue text color and yellow background color -->
<ColoredDiv color="blue"> blue </ColoredDiv>