How to best distribute the CSS file?

[severo]

The file Hightable.css is not distributed in the npm package. Users who want to use it have to copy it from the repository.

Should we include it in the package as a CSS module (see how Vite handles them: https://vite.dev/guide/features#css-modules - rollup also has some packages to handle them)?

[platypii]

We should definitely at least be distributing it in the package. I'm not as sure what the best way is to include it.

I like CSS Modules but I'm not sure how well supported that is yet, or what would be required tooling-wise for downstream users. Also when the class names get hashed, does it make it harder for users to customize?

My instinct here is to ship the CSS file directly. We might want to add ht (hightable) or some other prefix to the classnames so that we don't have conflicts with a user's site.

General question: would it work to do in javascript import 'HighTable.css'? I feel like that never works when I try it, but maybe you understand better how to import css? (other than as a <link> tag)

[platypii]

FYI it is actually distributed in the npm package, in the src directory. But we should still figure out the best way to distribute CSS in general.

[severo]

In hyparam/hyperparam-cli#141 and hyparam/space#13, I do:

import 'hightable/src/HighTable.css'

and remove the duplicate (and outdated) HighTable.css files from these repos.

Two comments:

1. maybe change hightable/src/HighTable.css to hightable/HighTable.css or hightable/style.css?
2. should @hyparam/components redistribute the CSS file?