1.2.6

• The has series can now be output correctly.

1.2.5

• Fixed an issue where has and not could not be used with set.
• Now auto can be used for width and height, number for borderRadius, number for zIndex, and global value for color background background-color.

1.2.4

• In v1.2.4 Reverted a commit that contained a style sheet in undefined of v1.2.3.
• Corrected the order of media and selectors in the preview.

1.2.3

• Fixed an issue where the preview could not get the closing object of the media block.

1.2.1

• Fixed an issue where px was not add to media selector.
• Add font-weight to the exception of px.

1.2.0

Minor update

• Scoped class is change to Style class.
• Scoped.style is change to Style.set.
• Scoped.sheet is change to Style.create.

export const styles = Style.create({
  container: {
      display: 'flex',
      justifyContent: 'center',
  },
  box: {
      padding: 20,
      margin: 20,
  },
});

export const style = Style.set({
  color: 'red',
  fontSize: 30,
});

The rest is Style.global and Style.root.
Other: When entering a class name in Style.global, attribute, pseudo, and HTML Element are now accepted as strings.

1.1.7

• ArgsPseudos and AndStringsType were unnecessary and removed because they were in CustomCSSProperties.

import type { ArgsPseudos, AndStrings } from '../common/pseudo-selectors';
import type { CustomCSSProperties } from './custom-css-properties';

type JSXType = keyof JSX.IntrinsicElements | '*';

type HTMLType = {
  [K in JSXType]?: CustomCSSProperties;
};

export type CustomHTMLType = HTMLType | ArgsPseudos | AndStrings;

import type { CustomCSSProperties } from './custom-css-properties';

type JSXType = keyof JSX.IntrinsicElements | '*';

export type HTMLType = {
  [K in JSXType]?: CustomCSSProperties;
};

1.1.5

To reduce autocomplete overhead the types file has been split.

types/index.ts

export * from './common/colors';
export * from './common/css-units';
export * from './common/css-values';
export * from './common/css-variables';
export * from './common/nth-selectors';
export * from './common/pseudo-selectors';
export * from './custom/classes-object-type';
export * from './custom/custom-css-properties';
export * from './custom/custom-html-type';
export * from './custom/exact-classes-object-type';
export * from './custom/property-type';
export * from './custom/return-style-type';

1.1.4

• Added number to padding and margin.

export const styles = Scoped.sheet({
  box: {
    padding: 20,
    margin: 20
  },
});

1.1.3

- Fixed an issue where pseudo elements classes could not be previewed in development mode.
- Due to a bug, the media functions no longer return the class name.

export const styles = Scoped.sheet({
  logo: {
    fontSize: 12,
  },
  ...small({
    logo: {
      fontSize: 224,
      lineHeight: 1.3,
    },
  }),
});

So if you wrap a selector directly, you will use the regular selector of that selector as the key.