v1.13.0

Changes

New Features

• Added the container property on Dialog and Spinner components to be able to specify the target element to append the component.
• Added the disabled property for each item on: #1348 @miko-hirai
  • Dropdown
  • Checkbox
  • Combobox
  • RadioButton
  • MultiChoice
• Added the Custom CSS property for DateTimePicker and Attachment components.

Maintenance

• Fixed the issue that font-size and font-family are overwritten by the user agent stylesheet on MobileText and MobileTextArea components.
• Fixed the border's width on the highlighted Checkbox and RadioButton components' item.
• Resolved the issue that the focus was misplaced when pressing the "Tab" key on RadioButton with duplicated item values.
• Allowed you to change the suffix text color with Custom CSS in the TimePicker Component.

Package Updates

• Updated dependent libraries: babel-loader

Document

• Migrate docusaurus from v1 to v2.
  • And now the user guide page design is renewed!
  • Note that EN and JA page path have been changed. There are redirect settings from the old URL to the new one.
    • EN
      • Before: https://kintone-ui-component.netlify.app/docs/en/getting-started/quick-start
      • After: https://kintone-ui-component.netlify.app/docs/getting-started/quick-start
    • JA
      • Before: https://kintone-ui-component.netlify.app/docs/ja/getting-started/quick-start
      • After: https://kintone-ui-component.netlify.app/ja/docs/getting-started/quick-start
• Made Algolia automatically crawls data immediately after each user guide version release.
• Added the error message for selectedIndex property to the Japanese user guide page.
• Separated Item specifications from the root property list in the user guide for improved clarity.

v0.9.5

Changes

Security Updates

• Updated dependent libraries: @babel/preset-typescript, style-loader, @testing-library/dom, css-minimizer-webpack-plugin, @babel/runtime, mini-css-extract-plugin, ts-jest, jest-environment-jsdom, @types/node, typescript, webpack, core-js, @babel/core , eslint, @babel/preset-react, tslib, jest, @types/jest, prettier, webpack-cli, jest-canvas-mock, css-loader, @babel/preset-env, @cybozu/eslint-config, babel-loader, @testing-library/jest-dom, @babel/plugin-transform-runtime

v1.12.0

Changes

New Components

• Added the Desktop Tooltip component.
  • Please check the user guide page.

New Features

• Added Checkbox Custom CSS property.
  • Please check the Checkbox page.
• Added Combobox Custom CSS property.
  • Please check the Combobox page.
• Added DatePicker Custom CSS property.
  • Please check the DatePicker page.
• Added Dropdown Custom CSS property.
  • Please check the Dropdown page.
• Added MultiChoice Custom CSS property.
  • Please check the MultiChoice page.
• Added RadioButton Custom CSS property.
  • Please check the RadioButton page.
• Added TimePicker Custom CSS property.
  • Please check the TimePicker page.
• Added headerVisible property and made it able to show/hide header in Table component. #1333 @the-red
  • Please check the Table page
• Added container property to Notification component and made it able to set the target element used for appending component.
  • Please check the Notification page
• Added container property to MobileNotification component and made it able to set the target element used for appending component.
  • Please check the MobileNotification page

Bug Fixes

• Fixed the incorrect height of the calendar month list on DatePicker and DateTimePicker components.
• Fixed the issue that the year and month selection dropdown cannot be opened on DatePicker and DateTimePicker in ESM.
• Fixed FieldGroup width when setting resizable content.

Maintenance

• Changed the type of data property to TypeScript generics in Table and ReadOnlyTable components. #1325 @the-red
• Modified min-width and max-width setting in Dialog component.
• Modified the target tag of font-size CSS setting in MobileButton component.

Package Updates

• Updated dependent libraries: @babel/core, @babel/preset-env, @cybozu/eslint-config, @open-wc/testing, @types/uuid, chromatic, core-js, eslint, lit, ts-loader, typescript, webpack, webpack-cli.

Document

• Added the user guide page of Tooltip component.
• Added the Custom CSS property description for the above additional Custom CSS feature implementation.

v1.11.0

Changes

Breaking Changes

• Changed Custom CSS property name of Button component.
  • --kuc-button-background-hover > --kuc-button-background-color-hover
  • --kuc-button-background-active > --kuc-button-background-color-active
  • --kuc-button-background-focus > --kuc-button-background-color-focus
  • Please check the Button page.

New Components

• Added the Desktop FieldGroup component.
  • Please check the user guide page.

New Features

• Added content property and made it able to set custom element in Button and MobileButton components. #956 @Yanchi4425
  • Please check the Button page and MobileButton page.
• Added Dialog Custom CSS property.
  • Please check the Dialog page.
• Added Notification Custom CSS property.
  • Please check the Notification page.
• Added Spinner Custom CSS property.
  • Please check the Spinner page.

Bug Fixes

• Fixed the margin setting issue between the input text and error part when setting the large font-size using Custom CSS of Text component.
• Fixed the issue that the JavaScript error was displayed after clicking the tick icon of the menu part of Dropdown and Combobox components.
• Fixed the issue that the JavaScript error was displayed with the timezone smaller than UTC on DatePicker, DateTimePicker, and their Mobile components.

Package Updates

• Updated dependent libraries: @babel/core, @babel/preset-env, @open-wc/testing, @web/test-runner, deepmerge, eslint, typescript, @cybozu/eslint-config, webpack, webpack-cli, prettier, core-js, lit, dictionary-en.

Document

• Added the user guide page of FieldGroup component.
• Updated to include Custom CSS property specification on each component page.
• Added the Tabs component customization Tips.
• Added icon.png and config.css information on the Format setting plugin article. @the-red
• Added/Updated the user guide to include each component's value property error message.

v0.9.4

Changes

Bug Fixes

• Fixed the issue of the Dropdown component: the menu part will be separated when enabling the scroll bar on the screen.

Maintenance

• Added some descriptions about v0 EOL at the end of 2023 in GitHub README, user guide, and browser console.
  For more details, please check this page.

Security Updates

• Updated dependent libraries: webpack, mini-css-extract-plugin, @testing-library/dom, jest-canvas-mock, css-minimizer-webpack-plugin, @cybozu/eslint-config, typescript, eslint, @babel/runtime, @mdi/js, @babel/core, @babel/plugin-transform-runtime, ts-jest, prettier, jest-environment-jsdom, jest, @babel/preset-env, @types/node, @babel/preset-typescript, core-js, style-loader, @type/jest

v1.10.0

Changes

New Components

• Added the Desktop Tabs component.

New Features

• Added the message property for Desktop Attachment component.

Maintenance

• Modified vertical-align setting for ReadOnlyTable component.

Package Updates

• Updated dependent libraries: @babel/core, @web/test-runner, eslint, prettier, @types/uuid, core-js, @cybozu/eslint-config.

Document

• Added Desktop Tabs component's user guide page.
• Added message property description for Desktop Attachment component user guide page.
• Improved the sample code and preview of Dialog component user guide.
• Added the guide article links to component pages.

v1.9.0

Changes

New Components

• Added the Combobox component. #496 @the-red

Bug Fixes

• Removed the gap between the Attachment and its child node.
• Fixed the bug that the Notification component was displayed incorrectly on the Kintone portal page.
• Fixed the display position of the TimePicker component preview in the document.

Maintenance

• Fixed icon and text position of Dialog content and close button position of Notification.

Security Updates

• Updated dependent libraries: @babel/core, @storybook/addon-a11y, @storybook/addon-actions, @storybook/addon-controls, @storybook/addon-viewport, @storybook/builder-webpack5, @storybook/manager-webpack5, @storybook/web-components, babel-loader, deepmerge, eslint, eslint-import-resolver-typescript, eslint-plugin-import, prettier, typescript, core-js, lit.

Document

• Added a user guide for a new component.
  • Combobox
• Added two tips.
  • Attachment customization
  • Table and ReadOnlyTable customization

v0.9.3

Changes

Maintenance

• Updated dependent libraries: @cybozu/eslint-config tslib @babel/runtime jest jest-transform-css @babel/plugin-transform-runtime @babel/core @types/node webpack-cli webpack @mdi/js mini-css-extract-plugin core-js css-loader ts-jest babel-loader jest-environment-jsdom prettier @testing-library/dom @babel/preset-env typescript css-minimizer-webpack-plugin eslint @types/jest.

v1.8.0

Changes

New Components

• Added three new components.
  • Attachment
  • Table
  • ReadOnlyTable

Bug Fixes

• Fixed the JS error that occurs when pressing ArrowDown/ArrowUp/Home/End in Dropdown, MultiChoice when the "items" property is empty.
• Fixed "disabled" CSS not working for Text in group field.

Maintenance

• Enabled to set smaller width than the default width using Custom CSS on Button and Text components. @j-kume

Security Updates

• Updated dependent libraries: @babel/core, @babel/preset-env, @cybozu/eslint-config, @open-wc/testing, @storybook/addon-a11y, @storybook/addon-actions, @storybook/addon-controls, @storybook/addon-viewport, @storybook/builder-webpack5, @storybook/manager-webpack5, @storybook/web-components, @types/mocha, @web/test-runner, babel-loader, eslint, prettier, ts-loader, typescript, webpack, webpack-cli, @types/uuid, @webcomponents/webcomponentsjs, core-js, lit, regenerator-runtime.

Document

• Added three new components' user guide.
  • Attachment
  • Table
  • ReadOnlyTable

v1.7.0

Changes

New Features

• Published type declaration of CustomEvent.detail.
  You can check the detailed usage in this user guide.

Maintenance

• Arranged Button component CSS for each type. #1172 @the-red
• Fixed Year and Month list font-weight on DatePicker and DateTimePicker calendar part.
• Updated dependent libraries: uuid, @storybook/addon-controls, @storybook/addon-viewport, lit, @types/mocha, @storybook/manager-webpack5, @storybook/builder-webpack5, @babel/preset-env, @storybook/addon-a11y, ts-loader, typescript, @storybook/addon-actions, core-js, @storybook/web-components, eslint, @babel/core.

Document

• Updated user guide of Usage with TypeScript.