v2.6.0

What's Changed

• [icons-cli] Update icons Mon Mar 20 2023 by @charcoal-bot in #268
• build: 全パッケージでmicrobundleからesbuildに移行 by @ciffelia in #260
• Typescript 4.9 by @fsubal in #262
• docsディレクトリを移動 by @toshusai in #272
• Firebase hostingにデプロイするための認証設定を追加 by @sue445-pixiv in #273
• ドキュメントサイトをNext.jsに変更 by @toshusai in #269
• icons-cli の実行を週一にする by @fsubal in #271
• CIのルールを変更 by @toshusai in #276
• fix: Skip docs-hosting-pr workflow when PullRequest from forked repo by @sue445 in #278
• #269 の CI が通らない件調査 by @fsubal in #274
• Fix typo in README by @ciffelia in #280
• fix: サイドメニューの開閉動作を修正 by @toshusai in #285
• Revert "Revert "fix: change pages actions"" by @toshusai in #279

New Contributors

• @sue445-pixiv made their first contribution in #273

Full Changelog: v2.5.0...v2.6.0

v2.5.0

What's Changed

• build(deps): bump minimist from 1.2.5 to 1.2.8 in /packages/tailwind-diff/examples/yarn by @dependabot in #249
• @charcoal-ui/styled に簡単なスナップショットテストを追加 by @fsubal in #257
• @charcoal-ui/styled の index.ts を分割 by @fsubal in #258
• DropdownSelector に見出しラベルを追加 by @toshusai in #247
• refactor(react-sandbox): Replace useLayoutEffect to useIsomorphicLayoutEffect by @mimokmt in #252
• fix(react): fix wrong tag item style by @naporin0624 in #246
• fix: portalContainerをdocument.bodyに設定 by @toshusai in #267

Full Changelog: v2.4.0...v2.5.0

v2.4.0

What's Changed

• chore: prefer node-version-file always by @fsubal in #237
• fix: fix DropdownSelector bugs by @toshusai in #236
• chore: update react-aria packages by @toshusai in #241
• chore: yarn dedupe by @toshusai in #243
• esbuild移行で発生した問題に対処 by @ciffelia in #227
• feat(react): dropdownselector の width を 100% にする by @naporin0624 in #223
• feat: support many items of dropdownselector by @toshusai in #244
• build(deps): bump actions/checkout from 2 to 3 by @dependabot in #238

Full Changelog: v2.3.0...v2.4.0

v2.3.0

What's Changed

• <CharcoalProvider> を作る by @fsubal in #214
• fix(react): react-ariaのコードがbundleに含まれているのを修正 by @ciffelia in #226
• build(deps): bump http-cache-semantics from 4.1.0 to 4.1.1 by @dependabot in #219
• fix: ModalをStrictModeに対応 + Modalの表示でスクロールできないバグ修正 by @toshusai in #229
• bundle size を PR ごとに計測する仕組みを入れてみる by @fsubal in #230
• feat(react): fix checkbox check icon position by @naporin0624 in #224
• fix: remove extra margins from Switch by @momoogles in #220

New Contributors

• @momoogles made their first contribution in #220

Full Changelog: v2.2.1...v2.3.0

v2.2.1

What's Changed

• fix: import p-queue by @toshusai in #216
• fix: cjsをNext.js環境で使用できるように修正 by @toshusai in #218

Full Changelog: v2.2.0...v2.2.1

v2.2.0

What's Changed

• fix: スタイルが適切に指定されていない箇所を修正 by @sienori in #213
• fix(react): fix wrong styles by @naporin0624 in #215

New Contributors

• @sienori made their first contribution in #213

Full Changelog: v2.1.0...v2.2.0

v2.1.0

What's Changed

• export OverlayProvider from @charcoal-ui/react by @fsubal in #207
• postpublish で tag を push する by @fsubal in #208
• build(deps): bump peter-evans/create-or-update-comment from 1 to 2 by @dependabot in #206
• build(deps): bump json5 from 1.0.1 to 1.0.2 by @dependabot in #204
• implement tag item component by @naporin0624 in #179
• fix: PixivIconLoadErrorのエラー名とprototypeを修正 by @abcang in #212
• ビルド高速化 (react, icons-cli) by @ciffelia in #194

Full Changelog: v2.0.1...v2.1.0

v2.0.1

What's Changed

• 不要になったJestの設定を削除 by @ciffelia in #195
• cross-envを削除する by @ciffelia in #196
• GitHub Actionsの各workflowファイル内でnodeのバージョンを書くのをやめた by @sue445 in #197
• chore: /packages/icons/src/icons.ts no longer exists by @fsubal in #198
• feat: update @react-aria/overlays@^3.12.1 by @toshusai in #203
• CIの並列化 by @ciffelia in #199
• Node.jsをv16.19.0に更新 by @ciffelia in #200
• Auto upgrade action version with dependabot by @sue445 in #205

Full Changelog: v2.0.0...v2.0.1

v2.0.0

Summary of what changed

• @charcoal-ui now uses fixed versioning ( previously we used independent versioning ). That means, versions of all @charcoal-ui/* packages are now bumped together. So when you use @charcoal-ui/[email protected], for example, then your @charcoal-ui/styled should always be the same 2.0.0 .
• Security Policy and Issue Templates are now added.

@charcoal-ui/foundation

N/A

@charcoal-ui/icon-files

• New package @charcoal-ui/icon-files is born. It’s supposed to be the replacement of *.svg files inside @charcoal-ui/icons .

@charcoal-ui/icons-cli

• svg:optimize now optimize multiple *.svg files concurrently. It no longer accepts *.svg file name, instead, you need to pass target directory and ignoreFile .
• New subcommand files:generate is added.
  • In alpha version, we had source:generate subcommand but it no longer exists.
• github:pr and gitlab:mr now accepts OUTPUT_ROOT_DIR environment variable.
• Many bug fixes.

@charcoal-ui/icons

• /svg directory no longer exists. It should not affect to most people, but if you imported *.svg from @charcoal-ui/icons/svg/**/*.svg directly, use @charcoal-ui/icon-files instead.
• Stopped importing *.svg files internally. All icon SVGs are now plain JavaScript strings exported from @charcoal-ui/icon-files. This means that you no longer need to configure your webpack like adding file-loader or type: 'assets' .
• Server-side rendering is now supported 🎉. It stopped touching DOM API on import, and stopped depending on lit-html. Calling PixivIcon.extend() on server has no effects now.
• Added documentation for usage with Vite, Next.js and so on.

@charcoal-ui/react-sandbox

• Spinner no longer exists. Migrate to LoadingSpinner in @charcoal-ui/react .
• Fixed Carousel to work on server-side rendering.
• Carousel now allows to configure scrollAmountCoef .
• Fixed TextEllipsis not working when the text has more than two lines.

@charcoal-ui/react

• SSRProvider is exported. It’s actually the same thing as react-aria, But you do not need to install react-aria additionally.
• Checkbox is added.
• DropdownSelector is added.
• Icon is added.
• LoadingSpinner is added ( migrated from react-sandbox ).
• Modal and other related components are added.
• MultiSelect is added.
• Radio accepts value prop instead of defaultValue.
• SegmentedControl is added.
• TextField now accepts prefix and suffix props.

@charcoal-ui/styled

• styled now uses CSS Variables internally instead of styled-components’s Context-API-based theming (for colors). This prevents flash of light theme styles on dark mode.
  • <TokenInjector> is added, it is now required when you use styled .
• Added many helpers and components for “server-side rendering + dark mode” scenario.
• Throw error when <ThemeProvider> of styled-components is not present.

@charcoal-ui/tailwind-config

• Our documentation ( in Storybook ) is now automatically generated from preset tailwind.config.js .
• Added w-fit class.

@charcoal-ui/tailwind-diff

N/A

@charcoal-ui/theme

• New colors surface10 warning success updatedItem border are added.
• Changed some colors based on WCAG contrast minimum.

@charcoal-ui/utils

• Migrated some common functions from tailwind-config ( like mapKeys ).

List of All Pull Requests

• README.md に必要そうなリンクなどを追加 by @fsubal in #25
• test/lint/typecheckのCIを追加 by @pnlybubbles in #26
• storybook: 壊れているstoryを修正 by @pnlybubbles in #27
• <Filter> の story も React Router 関連でコケている by @fsubal in #28
• 一部のドキュメント修正 & ドキュメント追加 by @pnlybubbles in #29
• @charcoal-ui/styled のドキュメントを修正 by @pnlybubbles in #30
• chore(deps): bump minimist from 1.2.5 to 1.2.6 in /packages/tailwind-diff-cli/examples/npm by @dependabot in #31
• chore(deps): bump nanoid from 3.1.25 to 3.3.2 in /packages/tailwind-diff-cli/examples/npm by @dependabot in #32
• chore: run version workflow only on approve by @fsubal in #34
• Prepare depsを1分くらい速くした by @sue445 in #35
• Support prefix,suffix on TextField component. Change RadioGroup state management. by @pnlybubbles in #36
• Rename tailwind-diff-cli => tailwind-diff by @fsubal in #37
• icons-cliにshebangを追加 by @kvvzr in #38
• TextFieldの文字数カウントが壊れているのを修正 by @pnlybubbles in #40
• package.json に repository を追加 by @pnlybubbles in #41
• feat(react): Implement <Select />/SelectGroup /> components #42 by @mkobayashime in #43
• New color system by @pnlybubbles in #44
• Use conventional-changelog-conventionalcommits preset for version bumping by @pnlybubbles in #46
• Introduce new colors for theme by @pnlybubbles in #47
• Docs for colors in tailwind-config by @mkobayashime in #48
• docs: iconsはdevパッケージではないためdevオプションを削除した by @ayatk in #50
• docs: add JSDoc example for mapKeys/mapObject/flatMapObject/filterObject by @mkobayashime in #51
• Add docs for gradients/typography in tailwind-config by @mkobayashime in #49
• docs: add docs for some of the customized Tailwind config by @mkobayashime in #52
• Tailwind の Storybook にドキュメントサイトからリンクを貼る by @fsubal in #54
• text5,surface9の色を修正 by @pnlybubbles in #55
• icons: SSR 対応を簡単にするため lit-html の利用をやめる by @fsubal in #53
• <Icon> コンポーネントを react に追加、pixiv-icon を SSR に対応 by @fsubal in #45
• styled: ThemeProviderが入っていない場合にエラーにする by @pnlybubbles in #58
• chore(react): omit css props from IconProps by @fsubal in #56
• fix(react-sandbox): TextEllipsis コンポーネントで 2行以上の場合に ellipsis が表示されていなかった by @yto60 in #59
• New icons by @pnlybubbles in #60
• docs(icons): resolving import error in example by @SaidBySolo in #61
• ISSUE_TEMPLATE を追加 by @fsubal in #39
• [icons-cli] Update icons Mon May 30 2022 by @charcoal-bot in #62
• icons: ローディングが完了した SVG だけでなく、ローディング中の SVG についてもリクエストをしないようにする by @fsubal in #57
• icons の custom elements が esm bundle (es5) で動作しない問題を修正 by @pnlybubbles in #63
• fix(icons): たとえ this.svgContent があったとしても name が変わったら必ず load by @fsubal in #64
• fix(icons): newValue is not a name when attr !== 'name' by @fsubal in #65
• icons: 同一のnameのsvgがロード中の場合にアイコンが描画されないケースの修正 by @pnlybubbles in #66
• Fix icons-cli to update icons filenames. by @pnlybubbles in #67
• chore(react-sandbox): カルーセルのスクロール修正 by @Rozelin-dc in #70
• fix(react-sandbox): Next.js環境化で使えるようにisEdgeを関数に by @motoki317 in #71
• chore: fix surface9(light) color by @kvvzr in #72
• fix(react): showLabelの条件を修正 by @toshusai in #73
• SSR compatible styled utility by @pnlybubbles in #68
• fix(styled): use StorageEvent constructor by @pnlybubbles in #75
• fix versioning on sample project after publishing by @pnlybubbles in #77
• feat(styled): changed theme initialization by @toshusai in #76
• TokenInjectorによる変更をdocsに反映 by @pnlybubbles in #80
• [icons-cli] Update icons Mon Jul 11 2022 by @charcoal-bot in #78
• [icons-cli] Update icons Tue Jul 19 2022 by @charcoal-bot in #83
• 複数行テキストインプットの文字数カウントがテキストとかぶるデザインを修正 by @pnlybubbles in #84
• add alpha release script by @pnlybubbles in #89
• chore: update react docs (notes on snapshot test) by @fsubal in #88
• TextFieldのprefix/suffixをReactNodeに対応 by @toshusai in #97
• 複数行テキストフィールドのフォント色を修正 by @pnlybubbles in #98
• README に yarn build が必要なことを追記した by @ahuglajbclajep in #101
• TextFieldのMultiLineでMaxLengthを表示するように修正 by @tetsukamen in #100
• TextFieldがコンテナからはみ出しているのを修正 by @ciffelia in #102
• Storybook の Vite モードが動いてなさそうだったので修正 + アップデート by @fsubal in #110
• docsify のパス解決の方法に逆らったファイルの置き方をやめる by @fsubal in #108
• Modal component by @pnlybubb...

v1.0.0

Initial public release 🎉

• 🔄 Rename all packages to @charcoal-ui/* from @pixiv-elements/*
• 🔧 Port all gitlab ci scripts to github action workflows
• 📚 Add README and document website

Updates from @pixiv-elements/*

tailwind-config

• 💣 border-border class is now border-default
• 💣 Many of border-* divide-* classes are removed because almost all colors are not meant to be used for border 281b932
  • For example, classes like border-background1 or divide-text5 no longer exist

styled

• 💣 ElementsTheme was renamed to CharcoalTheme and moved to @charcoal-ui/theme
  • import { ElementsTheme } from '@charcoal-ui/styled' is no longer valid.
• 💣 Theme objects light and dark no longer exist in @charcoal-ui/styled
  • You should import theme object from @charcoal-ui/theme, not styled

pixiv-theme

• 💣 pixiv-theme are deleted, they are integrated into @charcoal-ui/theme

icons

• 💣 Some icons representing brand logos are removed. This package now only includes general-purpose icons