ybiquitous / bem-ts

BEM class names generator for TypeScript

Hi, I’m Masafumi Koba (ybiquitous) 👋

I’m a programmer loving Web, JavaScript, CSS, Ruby, and Emacs!

bem-ts's Issues

Example does not work

In the README is this example:

import * as React from "react";
import bem from "bem-ts";
import "./Button.scss";

const b = bem("Button");

interface Props {
  state: "success" | "danger";
  icon: React.ReactNode;
  children: React.ReactNode;
}

export function Button({ state, icon, children }: Props) {
  return (
    <button className={b({ state })}>
      <i className={b("icon", { state })}>{icon}</i>
      {children}
    </button>
  );
}

But it produces type conflicts:

Argument of type '{ state: "success" | "danger"; }' is not assignable to parameter of type 'string | Modifiers | undefined'.
  Types of property 'state' are incompatible.
    Type '"success" | "danger"' is not assignable to type 'boolean | null | undefined'.
      Type '"success"' is not assignable to type 'boolean | null | undefined'.

Disallow elements or modifiers including delimiters

e.g.

b("elem__mod--foo");
//=> Error!?

Allow to receive Array as Modifiers

E.g.,

// as Object
b({ [type]: true, [align]: true })

// as Array
b([type, align])

Generate CSS at build time

Was wondering if it is possible to generate css at build time and tree shake this whole library

Remove deprecated `prefix` option

bem-ts/index.ts

Line 48 in 254b49c

throw new TypeError(

Could not find module in path: 'bem-ts'

When upgrading from 0.12.1 to 0.13.x typscript is complaining about the missing module bem-ts

ModuleNotFoundError: Could not find module in path: 'bem-ts' relative to '/src/index.ts'

I've created a code sandbox to demonstrate the issue running the following code

import bem from "bem-ts";

const b = bem("block");

console.log(b());

bem-ts v0.12.1: https://codesandbox.io/s/typescript-forked-959orq?file=/src/index.ts
bem-ts v0.13.0: https://codesandbox.io/s/typescript-forked-slo8ef?file=/src/index.ts

I hope the description makes sense and you can follow my lead. Happy to support fixing this bug.