The figma-to-react from kazuyaseki

figma-to-react's Issues

Dependency Dashboard

This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.

Rate-Limited

These updates are currently rate-limited. Click on a checkbox below to force their creation now.

Edited/Blocked

These updates have been manually edited so Renovate will no longer make changes. To discard all commits and start over, click on a checkbox.

chore(deps): update dependency css-loader to v5.2.7
chore(deps): update dependency eslint to v7.32.0
chore(deps): update dependency ts-loader to v8.4.0
chore(deps): update jest monorepo to v27.5.1 (babel-jest, jest)
chore(deps): update typescript-eslint monorepo to v4.33.0 (@typescript-eslint/eslint-plugin, @typescript-eslint/parser)
fix(deps): update dependency html-webpack-plugin to v5
fix(deps): update dependency webpack to v5

Open

These updates have all been created already. Click a checkbox below to force a retry/rebase of any.

chore(deps): update babel monorepo (@babel/core, @babel/preset-env, @babel/preset-typescript)
chore(deps): update dependency @figma/plugin-typings to v1.91.0
chore(deps): update dependency eslint-config-prettier to v8.10.0
chore(deps): update dependency prettier to v2.8.8
chore(deps): update dependency typescript to v4.9.5
chore(deps): update dependency ts-loader to v9
chore(deps): update dependency ts-node to v10
Click on this checkbox to rebase all open PRs at once

Detected dependencies

github-actions

.github/workflows/ci.yml

actions/setup-node v1

npm

package.json

@vanilla-extract/css ^1.0.0

html-webpack-inline-source-plugin 0.0.10

html-webpack-plugin ^3.2.0

react ^17.0.2

react-dom ^17.0.2

webpack ^4.41.4

webpack-cli ^3.3.6

@babel/core 7.13.15

@babel/preset-env 7.13.15

@babel/preset-typescript 7.13.0

@figma/plugin-typings 1.33.0

@types/jest 26.0.24

@types/react 17.0.36

@types/react-dom 17.0.3

@typescript-eslint/eslint-plugin 4.20.0

@typescript-eslint/parser 4.20.0

babel-jest 27.0.6

css-loader 5.2.5

eslint 7.23.0

eslint-config-prettier 8.1.0

figma-api-stub 0.0.48

jest 27.0.6

prettier 2.2.1

style-loader 2.0.0

ts-loader 8.0.17

ts-node 9.1.1

typescript 4.2.2

url-loader 4.1.1

Check this box to trigger a request for Renovate to run again on this repository

weired CSS class names and color formatting

Hi there, I try to evaluate your plugin and stumbled over some weired compiling:

   <div className="frame- -1">
                <div className="group- -2">
                    <div className="rectangle" />
                    <div className="mobile- -components- -/- -card- -/- -chatter- -post">
                        <div className="mobile- -components- -/- -action- -bar- -/- -feed- -card">
                            <div className="group">
                                <div className="mobile- -compnents- -/- -chatter- -/- -like">

and my CSS has that too, as well come wrong compiled colors and empty definitions:

  .text {
    text-align: left;
    vertical-align: top;
    font-size: 16px;
    font-family: Roboto;
    line-height: 20px;
    color: #06dcc;
  }
  . {
  
  }
  . {
  
  }
  .utility-icons-/like {
    height: 18px;
    width: 18px;
  }