v1.0.1-alpha.6

Migration Guide

Tag considers clickable element by default

So far, you might have marked it up like this when you want unclickable tag:

<div class="jumpu-tag cursor-default hover:bg-gray-50"></div>

This markup has additional utility class, just for cancel a default style.
From this version, you no longer need the negation css when use Tag or FillTag component.

The components supply clickable or not, depends on what HTML element the component is applied to as bellows:

• <a> element: Clickable
• <button> element: Clickable
• Any element with "button" WAI-ARIA role: Clickable
• Other element: Unclickable

You may like to drop unneed utility class from where to currently use Tag or FillTag.

Components are now affected by TailwindCSS border color values

We've use unique border color directly in our components until now. It had issue that no respect of TailwindCSS theme and also no customizable. So now components border color uses TailwindCSS border color value.
We also changed default TailwindCSS border color to gray[300] for visibillity. If you want to prevent this change, you need to customize your theme like this:

  extend: {
    borderColor: {
      DEFAULT: colors.gray[200],
    },
  },

LikeButton is now obsolete

We've discussed at #181, LikeButton is not enough to provide as components because it's not general purpose.
So if you already use at your product, you need to replace to Button or IconButton.

FilledTag with close button must use "button" WAI-ARIA role

HTML spec doesn't allow nesting button element. From now on, use button element to close button and use "button" WAI-ARIA role to FilledTag.

As a side note, Tag component has already same specification.

What's Changed

Breaking Changes

• feat: tag のクリッカブルをデフォルトでやめる by @Hidetaro7 in #293
• feat: LabeledLikeButton, LikeButton の廃止 by @Hidetaro7 in #290
• feat: 境界線の色をカスタマイズ可能にする by @Hidetaro7 in #271
• feat!(FilledTag): 閉じるボタンはrole="button"でマークアップする by @knokmki612 in #423

New Features

• feat: 非選択のタブについてもクリック時背景色が変化するように by @knokmki612 in #337
• feat: (*Tag): クリッカブルな要素へのクリッカブルな見た目 by @knokmki612 in #422

Bug Fixes

• fix: loading ./Tag.stories.mdx: Module build failed by @knokmki612 in #249
• fix: warn "Replace color-adjust to print-color-adjust" by @knokmki612 in #388
• fix: 指定したパターンで story ファイルが存在しないと警告される by @knokmki612 in #389
• fix(ToggleSwitch): あやまったマークアップ by @knokmki612 in #420
• fix(*Tag): 終了タグを省略すべきでない要素で省略されている by @knokmki612 in #430
• fix: storybook build に失敗 by @knokmki612 in #434

Dependency Updates

details

• chore(deps): update dependency eslint to v8.22.0 by @renovate in #248
• chore(deps): update dependency @lerna-lite/cli to v1.11.0 by @renovate in #250
• chore(deps): update dependency @babel/core to v7.18.13 by @renovate in #251
• chore(deps): update dependency @lerna-lite/cli to v1.11.1 by @renovate in #252
• chore(deps): update dependency eslint to v8.23.0 by @renovate in #253
• chore(deps): update dependency @lerna-lite/cli to v1.11.2 by @renovate in #254
• chore(deps): update dependency @tailwindcss/typography to v0.5.6 by @renovate in #255
• chore(deps): update dependency @tailwindcss/typography to v0.5.7 by @renovate in #257
• chore(deps): update dependency @babel/core to v7.19.0 by @renovate in #258
• chore(deps): update dependency autoprefixer to v10.4.9 by @renovate in #259
• chore(deps): update dependency eslint to v8.23.1 by @renovate in #260
• chore(deps): update storybook monorepo to v6.5.11 by @renovate in #261
• chore(deps): update dependency autoprefixer to v10.4.10 by @renovate in #262
• chore(deps): update storybook monorepo to v6.5.12 by @renovate in #263
• chore(deps): update dependency @babel/core to v7.19.1 by @renovate in #264
• chore(deps): update dependency autoprefixer to v10.4.11 by @renovate in #265
• chore(deps): update dependency @lerna-lite/cli to v1.11.3 by @renovate in #267
• chore(deps): update dependency autoprefixer to v10.4.12 by @renovate in #268
• chore(deps): update dependency eslint to v8.24.0 by @renovate in #272
• chore(deps): update dependency @babel/core to v7.19.3 by @renovate in #276
• chore(deps): update dependency postcss to v8.4.17 by @renovate in #281
• chore(deps): update dependency eslint to v8.25.0 by @renovate in #285
• chore(deps): update dependency postcss to v8.4.18 by @renovate in #288
• chore(deps): update dependency @lerna-lite/cli to v1.12.0 by @renovate in #294
• chore(deps): update dependency tailwindcss to v3.2.0 by @renovate in #295
• chore(deps): update dependency @babel/core to v7.19.6 by @renovate in #296
• chore(deps): update dependency tailwindcss to v3.2.1 by @renovate in #297
• chore(deps): update storybook monorepo to v6.5.13 by @renovate in #299
• chore(deps): update dependency eslint to v8.26.0 by @renovate in #298
• chore(deps): update dependency autoprefixer to v10.4.13 by @renovate in #301
• chore(deps): update dependency babel-loader to v8.3.0 by @renovate in #302
• chore(deps): update dependency tailwindcss to v3.2.2 by @renovate in #303
• chore(deps): update dependency @babel/core to v7.20.2 by @renovate in #304
• chore(deps): update dependency eslint to v8.27.0 by @renovate in #305
• chore(deps): update dependency @tailwindcss/typography to v0.5.8 by @renovate in #306
• chore(deps): update dependency tailwindcss to v3.2.3 by @renovate in #307
• chore(deps): update dependency postcss to v8.4.19 by @renovate in #308
• chore(deps): update dependency tailwindcss to v3.2.4 by @renovate in #309
• chore(deps): update dependency eslint to v8.28.0 by @renovate in #310
• chore(deps): update dependency @lerna-lite/cli to v1.13.0 by @renovate in #313
• chore(deps): update dependency prettier to v2.8.0 by @renovate in #314
• chore(deps): update dependency @babel/core to v7.20.5 by @renovate in #315
• chore(deps): update storybook monorepo to v6.5.14 by @renovate in #316
• chore(deps): update dependency eslint to v8.29.0 by @renovate in #317
• chore(deps): update dependency prettier to v2.8.1 by @renovate in #318
• chore(deps): update dependency postcss to v8.4.20 by @renovate in #320
• chore(deps): update dependency eslint to v8.30.0 by @renovate in #321
• chore(deps): update storybook monorepo to v6.5.15 by @renovate in #322
• chore(deps): update dependency @babel/core to v7.20.7 by @renovate in #323
• chore(deps): update dependency eslint to v8.31.0 by @renovate in #324
• chore(deps): update dependency eslint-config-prettier to v8.6.0 by @renovate in #325
• chore(deps): update dependency @babel/core to v7.20.12 by @renovate in #326
• chore(deps): update dependency postcss to v8.4.21 by @renovate in #327
• chore(deps): update dependency prettier to v2.8.2 by @renovate in #328
• chore(deps): update dependency @tailwindcss/typography to v0.5.9 by @renovate in #330
• chore(deps): update dependency eslint-plugin-import to v2.27.4 by @renovate in #331
• chore(deps): update dependency pre...

v1.0.1-alpha.5

1.0.1-alpha.5 (2022-08-10)

Bug Fixes

• idが重複しうる (b5b304f)
• lerna-lite が動作しない (#245) (187eddf), closes /github.com/ghiscoding/lerna-lite/blob/main/CHANGELOG.md#100-2022-03-15

Features

• labelのドキュメント (#234) (8eaa0f2)
• 色の整理 (74f232c)

BREAKING CHANGES

• Please define colors yourself if already use predefined one
• Please define success color yourself as #00A93E if already use

v1.0.1-alpha.4

1.0.1-alpha.4 (2022-04-06)

Bug Fixes

• typo (6c25959)

v1.0.1-alpha.3

1.0.1-alpha.3 (2022-03-25)

Bug Fixes

• Tabs: theme function returns undefined (2bec635)

Features

• outline: "none" を取り除く (ae3b044)
• add jumpu.prefix option (2a8e895)
• drop status (a0f1e9b)
• Input: apply style withoute type attribute (c31cdb1)
• jumpu.prefix への追従 (93a10cd)
• require class name when use input, select, textarea (387d0d0)

BREAKING CHANGES

• please apply .jumpu-input .jumpu-select .jumpu-textarea classes when already in use input, select, textarea elements
• if you want without prefix, please configure like theme: { jumpu: { prefix: "" } }

v1.0.1-alpha.2

1.0.1-alpha.2 (2022-03-15)

BREAKING CHANGE

• deps: update whole packages (a2f7b40)
  • including major version update of tailwindcss to v3

Bug Fixes

• tailwindcss: theme function returns undefined (d0653f6)

v1.0.1-alpha.1

1.0.1-alpha.1 (2022-03-14)

Bug Fixes

• missing dependencies mini-svg-data-uri (00f0e4c)
• workflows: ダイアログでリリースが止まる (68823d9)

v1.0.1-alpha.0

1.0.1-alpha.0 (2022-03-11)

Bug Fixes

• eslint error (586408d)
• html.js: cjsでesmの定義をしている&適切に変数展開されない (36d2ea0)
• Introduction: 表示時にエラーと警告が発生する (5202efd)
• no-undef (060afd0)
• role属性がない (b282891)
• RooundedFullをRoundedFullに（タイポ） (f6c7845)
• UppercamelCaseになっている (77d6de8)
• あやまったパスをrequireしている (c04acc8)
• カラー: primary.500 -> 700に関する修正漏れ (46da717)
• ファイル名がlowerCamelCaseになっていない (935c4b4)
• 意図しないジョブ名 (80b8faf)
• 意図しないファイルの復活 (c1de083), closes #30
• 使用していないnpm scriptが残っている (93dd404)

Features

• Accordionを追加 (7441518)
• Anchorを入れ忘れていた (0d690fa)
• Avatarを作成 (3c7f841)
• Avaterのバリエーションスタイル追加とaタグに対応 (e19fb6a)
• aタグにtype属性が入っていたので修正 (ab987a4)
• Badgeを追加 (c20b11f)
• BoxedTabにaタグを追加 (4c68051)
• buttonにaタグを追加 (b83a512)
• Buttonのデフォルトにもdisabledを追加 (933dea0)
• cardがaタグになることでdisplay:blockに対応させた (2a0ffde)
• Cardコンポーネントの出来上がり (f1333a9)
• cardにaタグを追加 (73970c8)
• Cardを構造化 (241fb16)
• ChatからBalloonのみ抽出 (9c671d1)
• Chatに必要な日付のコンポーネントを追加 (db4efee)
• Chatを作成 (952d6ee)
• checkboxのindeterminate属性に関するJSの処理 (50bdcf5)
• filldedtagにaタグを追加（Close Buttonに関しては別途対応する） (b88545f)
• Formの一部を追加 (e791efb)
• form関連のカテゴライズ (c81a5ec)
• Galleriesの修正、及びスタイル不要なのでjsファイル削除 (80b04cd)
• Galleriesを作成開始、まずはProfileCardを作成 (5849101)
• head要素にFontAwesome CDNのリンクを入れる (d368b76)
• iconbuttonにaタグを追加 (caac75b)
• IconButtonを作成 (9c3d738)
• Icon付きのバリエーションをつくってみた (33688f7)
• issue-57に対応 (b5cb35f)
• label要素の中のdivをspanに変更（2） (70cd734)
• LikeButtonを作成 (d0366bf)
• mini-svg-data-uri を導入 (4dc17a1)
• OGPシェアしたときの見せ方 (c8ffccd)
• outlinedbuttonにaタグを追加 (347a8e1)
• Outlinedが不具合を起こしていたので修正 (65de4dd)
• Overview/Introductionページをmdx形式で作り始める (32743c7)
• Overviewを作成 (930fbd8)
• Primary ColorをTailwind CSSのBlueに指定 (ab3656b)
• ringのバリアントを追加 (d8ce7da)
• ShadowedCardが不要と判断したので削除 (f719b84)
• shadowを必須から外す (fca0a7d)
• Spinnerにサイズを指定できるように (9556869)
• Spinnerを追加 (aa42a15)
• stories/*.mdx: html整形 (ab1cf6c)
• Switch(toggle)の実装 (e972a8e)
• tabにaタグを追加 (286a4b9)
• Tabの不具合修正 (38e980d)
• Tabを追加 (57059fe)
• tagからfilledTagを派生させた (dd01e64)
• tagにaタグを追加 (8213ef3)
• Tagを追加 (5b83eb1)
• tailwindcss pluginのスタイルシートでStoryが書けるように (faa12a4)
• Textareaのlabelを削除 (d952a3f)
• TextedButtonを追加、一部Disabledの定義を変更 (6bc9d53)
• toggleSwitchのsmallバリエーションを追加 (a95957e)
• ToggleSwitchのインデント修正 (6e9afb5)
• use nextjs (b257e2a)
• use tailwindcss in storybook (83fead0)
• wai-area化する (57cae42)
• websiteディレクトリは少なくとも一時的に使用しない (c897d5f)
• ギャラリーにloading追加 (906c124)
• ギャラリーにチャットを追加 (4213a1a)
• サンプルコメントを考えて掲載 (d0d6cbd)
• スタイリッシュに近づける (ef22adf)
• すべてのstoriesのjsをmdxに変更 (772c90c)
• テーマカラーを新しいものにした (0198c3e)
• フォントサイズにxxs（10px）を追加 (312157b)
• プレースホルダーでのアイコンの使用をとりやめる (057cb95)
• ボタンのバリエーションを試作 (2a76e72)
• ボタンの大きさや色などのバリエーションを並べた...