Skip to content
This repository was archived by the owner on Jan 30, 2025. It is now read-only.

Releases: zss-in-js/typedcssx

1.1.2

11 Jun 06:50

Choose a tag to compare

- Fixed the issue where root and global were not injected at the same time.

1.1.0

10 Jun 04:12

Choose a tag to compare

Minor update.

  • add pseudo selector of &.
  • add pseudo has.

This allows expressions like the following:

export const styles = Scoped.sheet({
  header_nav: {
    "& ul li": {
      fontSize: 12,
      textAlign: 'left'
    },
  },
  footer_nav: {
    hasDivPlusP: {
      position: 'relative',
      margin: '0 140px'
    },
  },
})

Of course, complex has expressions can be written using &.

Others

- Fixed an error that occurred with pseudo elements with arguments.

1.0.8

08 Jun 05:49

Choose a tag to compare

There were Type warnings but they have been improved.

sheet<T extends ClassesObjectType>(object: T & ClassesObjectType): ReturnStyleType<T> 

after

sheet<T extends ClassesObjectType>(object: ExactClassesObjectType<T> | ClassesObjectType): ReturnStyleType<T> 

It is now possible to assign numbers to the value of certain properties.
These are usually converted to pixel.

export const style = Scoped.style({
    fontSize: 14,
    opacity: 0.2,
    padding: 400,
});

1.0.7

07 Jun 03:38

Choose a tag to compare

Updated sheet.ts related to injectCSS.
- Corrected to pass class name selector to injectCSS with pin point.

1.0.6

07 Jun 02:08

Choose a tag to compare

Small fix, added function to check number of string properties, fixed to block the bug selector.
- This improves robustness.

1.0.5

06 Jun 07:05

Choose a tag to compare

Fixed an issue where output was not possible when the value was 0.

1.0.4

06 Jun 06:20

Choose a tag to compare

Fixed to return class name when wrapping selector in media query.
Future plans, including adding new pseudo-classes like has is, etc.

1.0.3

04 Jun 09:28

Choose a tag to compare

First stable version.

ts-node does not work on Node.js 20 or higher, so I use 20 or lower.
For more information, please see the readme and the website that will be released later.