ID vs Class

[Sam-Kruglov]

Hi, I found the following inconsistency. Given this CSS:

#account-list {
  ...

  .account-info {
    ...
  }
}

I can import the info class in a JS-friendly camel case way: styles.accountInfo. But I can't do the same for the list, I have to use the original kebab-cased name: styles['account-list']. Why is that?

I'm using React and have the following dependencies:

"node_modules/css-loader": {
  "version": "6.7.3",
  "dev": true,
  "dependencies": {
    "icss-utils": "^5.1.0",
    "postcss": "^8.4.19",
    "postcss-modules-extract-imports": "^3.0.0",
    "postcss-modules-local-by-default": "^4.0.0",
    "postcss-modules-scope": "^3.0.0",
    "postcss-modules-values": "^4.0.0",
    "postcss-value-parser": "^4.2.0",
    "semver": "^7.3.8"
  },