v1.24.0

Changes

New Components

• Added the Switch component.
  • Please check the user guide page.

Maintenance

The Pop-ups within the following components will no longer be obscured.

• Combobox
• DatePicker
• DateTimePicker
• Dropdown
• TimePicker
• Tooltip
• UserOrgGroupSelect
• MobileDatePicker
• MobileDateTimePicker

Package Updates

• Upgraded dependent libraries: @babel/core, @babel/preset-env, @cybozu/eslint-config, @storybook/addon-a11y, @storybook/addon-actions, @storybook/addon-controls, @storybook/addon-viewport, @storybook/web-components, @storybook/web-components-webpack5, chromatic, core-js, eslint, lit, prettier, webpack.

Document

• Added the user guide page of Switch component.

v1.23.1

Changes

Maintenance

• Removed the code on the previous version that prevented the default action of the Enter keyboard event.
  Updated components:
  • Checkbox
  • RadioButton
  • Text
  • DatePicker
  • DateTimePicker
  • MobileDatePicker
  • MobileDateTimePicker
  • MobileTimePicker
  • MobileCheckbox
  • MobileDropdown
  • MobileMultiChoice
  • MobileRadioButton
  • MobileText

v1.23.0

Changes

New Features

• Added Custom CSS support on UserOrgGroupSelect component.
• Added className and id properties to the components below.
  • Spinner
  • Dialog
  • Notification
  • MobileNotification

Maintenance

• Fixed an issue where certain elements were incorrectly rendered with type="submit" inside forms, causing unintended submissions. Updated components:
  • Attachment
  • Tabs
  • Table
  • Checkbox
  • RadioButton
  • Text
  • DatePicker
  • DateTimePicker
  • TimePicker
  • MobileDatePicker
  • MobileDateTimePicker
  • MobileTimePicker
  • MobileCheckbox
  • MobileDropdown
  • MobileMultiChoice
  • MobileRadioButton
  • MobileText
• Improved search button behavior on UserOrgGroupSelect component.
  • Clicking the 🔍 search button no longer closes the item list.
• Migrated the package manager from npm to pnpm to prevent supply chain attacks.

Package Updates

• Upgraded dependent libraries: @babel/core, @babel/preset-env, @cybozu/eslint-config, chromatic, core-js, eslint, ts-loader, typescript, webpack, tslib, uuid.

Document

• Added Custom CSS property descriptions for UserOrgGroupSelect component.
• Added property descriptions for className and id for the components listed above (Spinner, Dialog, Notification, MobileNotification).

v1.22.0

Changes

New Components

• Added the UserOrgGroupSelect component.
  • Please check the user guide page.

New Features

• Added the sort property to the Column of the ReadOnlyTable component to sort the table by a column.
• Added new Custom CSS properties for ReadOnlyTable component.
  • --kuc-readonly-table-header-background-color-focus
  • --kuc-readonly-table-header-background-color-hover
  • --kuc-readonly-table-header-background-color-sorted

Bug Fixes

• Fixed the issue that error occurs when setting the Boolean value true or Number like 1 to the properties of the following components:
  • content of Button
  • content, footer and header of Dialog
  • content of FieldGroup
  • column.title of ReadOnlyTable
  • column.title of Table
  • item.content of Tabs
  • container of Tooltip
  • content of MobileButton

Package Updates

• Upgraded dependent libraries: @babel/core, @babel/preset-env, @cybozu/eslint-config, chromatic, core-js, eslint, eslint-import-resolver-typescript, eslint-plugin-import, lit, prettier, typescript, webpack

Document

• Added the user guide page of UserOrgGroupSelect component.

v1.21.0

Changes

New Features

• Added the content property to support HTML content in Notification and MobileNotification components.
• Added HTML support on the columns.title property in ReadOnlyTable component headers.

Bug Fixes

• Fixed the issue where TimePicker part would be separated from Text Input part when DateTimePicker is placed in a constrained height container and the page is scrolled.

Package Updates

• Upgraded dependent libraries including @babel/core, @babel/preset-env, @storybook/addon-a11y, @storybook/addon-actions, @storybook/addon-controls, @storybook/addon-viewport, @storybook/web-components, @storybook/web-components-webpack5, @web/test-runner, chromatic, eslint, eslint-import-resolver-typescript, lit, typescript, webpack, core-js.

Document

• Added/updated component descriptions to reflect new HTML support features.

v1.20.1

Changes

Bug Fixes

• Fixed the issue that the first row does not have a top border when headerVisible is false in Table.

v1.20.0

Changes

New Features

• Added the actionButtonPosition property to Table component to set the position of add/remove row buttons and improve the display of it when the table is set larger than the window width.
• Added new Custom CSS properties for Table component.
  • --kuc-table-action-button-background-color
  • --kuc-table-action-button-left
  • --kuc-table-action-button-right

Bug Fixes

• Fixed the issue that Notification/MobileNotification with no duration will be closed automatically if it's opened when the previously set duration has not expired.

Package Updates

• Upgraded dependent libraries: @babel/core, @babel/preset-env, @cybozu/eslint-config, @storybook/addon-a11y, @storybook/addon-actions, @storybook/addon-controls, @storybook/addon-viewport, @storybook/web-components, @storybook/web-components-webpack5, @web/test-runner, babel-loader, chromatic, eslint,, eslint-import-resolver-typescript, prettier, ts-loader, typescript, webpack, webpack-cli, core-js, uuid.

Document

• Added new property and new Custom CSS property descriptions for Table component.
• Updated the titles of website pages to remove unnecessary taglines.

v1.19.0

Changes

New Features

• Added the scrollButtons property for scrollable navigation capability to Tabs component.
• Added the placeholder property on Combobox component. #1557 @dangvantri113
• Added support for max-height Custom CSS property on menu part of Combobox and Dropdown components.

Maintenance

• Fixed the issue that Combobox menu remained visible after item selection.

Package Updates

• Upgraded dependent libraries: @babel/core, @babel/preset-env, @types/mocha, chromatic, eslint-import-resolver-typescript, eslint-plugin-import, core-js, lit, uuid, eslint, prettier, typescript, webpack.

Document

• Added new Custom CSS property descriptions for Dropdown and Combobox components.
• Added new property descriptions for Tabs and Combobox components.

v1.18.0

Changes

Maintenance

• Enabled Spanish in all the components.
• Fixed the issue where the label and error of the Attachment and MobileDateTimePicker components could not be displayed when using npm package and importing only the Attachment and MobileDateTimePicker component from kintone-ui-component/lib/attachment and kintone-ui-component/lib/mobile/datetime-picker. #1546 @yahataka

Package Updates

• Upgraded dependent libraries: @babel/core, @babel/preset-env, @web/test-runner, @types/mocha, @types/uuid, babel-loader, chromatic, core-js, eslint-import-resolver-typescript, eslint-plugin-import, lit, prettier, typescript, uuid, webpack.

v1.17.1

Changes

Maintenance

• Fixed the issue of Attachment component that sometimes the display switching is locked when dragging and dropping on Firefox. #1533 @motohasystem

Package Updates

• Updated dependent libraries: @babel/core, @babel/preset-env, @cybozu/eslint-config, @web/test-runner, chromatic, core-js, lit, typescript, webpack.

Document

• Improved the description of Quick Start
• Updated the link of "サポートへのお問い合わせ方法" in Japanese document.
• Fixed the issue that clicking some links jumped to the inexistent page.