Expose states from Stylable Typescript declaration file

[tzachbon]

Actual Behavior

Today if users want to declare some type as a State from the stylesheet, they will have to do twice this since the states are private.

For example -

.root {
    -st-states: myState(enum(a, b));
}

import { st, classes } from './my-style.st.css';

 // have to redeclare the type
type States = 'a' | 'b';

const myState: States = 'a';

st(classes.root, { myState })

Expected Behavior

import { st, classes, states } from './my-style.st.css';

const myState: states['myState'] = 'a';

st(classes.root, { myState })

Version

4.12.0

Relevant log output

No response

Additional Context

No response

[idoros]

The states are not completely private, they are reflected in the st(classname, states) type. We can probably expose it as a direct type, but then why just expose the root, what about the rest of the classes?

[tzachbon]

The states are not completely private, they are reflected in the st(classname, states) type. We can probably expose it as a direct type, but then why just expose the root, what about the rest of the classes?

A more correct API would be:

type MyStates = states['root']['myState']